@charset "utf-8";
/* CSS Document */

/* 영역구분 */
#wrap {position:relative; width:100%; min-width:320px; margin:0 auto; text-align:center;}
.wrap {display:inline-block; vertical-align:middle; position:relative; width:100% !important; max-width:1200px; height:100%; margin:0 auto;}
.button_secret {display:inline-block; position:absolute; left:0; bottom:0; width:0px; height:0px; font-size:0; margin:0; padding:0; border:none; background:none;}

/* 컬러 */
.cm {color:#00c0de !important;}	/* 메인 */
.cs {color:#0037cb !important;}	/* 서브 */
.cg {color:#dddddd !important;} /* 회색 */
.cb {color:#222728 !important;} /* 회색2 */
.cr {color:#666767 !important;} /* 회색3 */
.ce {color:#c3c7c8 !important;} /* 회색4 */
.ck {color:#000 !important;}	/* 검은색 */
.cw {color:#fff !important;}	/* 흰색 */



/* 타이틀 */
.title {font-size:40px; line-height:60px; word-wrap:break-word; word-break:keep-all;}
.title.thin, .title .thin {font-weight:100;}
.title.light, .title .light {font-weight:400;}
.title.regular, .title .regular {font-weight:400;}
.title.medium, .title .medium {font-weight:500;}
.title.bold, .title .bold {font-weight:700;}
.title.exbold, .title .exbold {font-weight:800;}
.title.black, .title .black {font-weight:900;}
.title.t1, .title .t1 {font-size:50px; line-height:80px;}
.title.t2, .title .t2 {font-size:50px; line-height:70px;}
.title.t3, .title .t3 {font-size:20px; line-height:30px;}
.title.enter {white-space:nowrap;}
.title.enter span, .title .enter span, .title.enter strong, .title .enter strong{display:block;}


/* 텍스트 */
.text {font-size:18px; font-weight:400; line-height:40px; word-wrap:break-word; word-break:keep-all;}
.text.word, .text .word {word-break:break-all;}
.text.thin, .text .thin {font-weight:100;}
.text.light, .text .light {font-weight:300;}
.text.regular, .text .regular {font-weight:400;}
.text.medium, .text .medium {font-weight:500;}
.text.bold, .text .bold {font-weight:700;}
.text.exbold, .text .exbold {font-weight:800;}
.text.black, .text .black {font-weight:900;}
.text.small, .text .small {font-size:16px; line-height:30px;}
.text.mini, .text .mini {}
.text.tiny, .text .tiny {}
.text img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; margin:0;}
.overflow {min-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.text.enter, .text .enter {white-space:nowrap;}
.text.enter span, .text .enter span, .text.enter strong, .text .enter strong {display:block;}
.text a {color:#222728;}
.text a:hover {text-decoration:underline;}



/* 서식 */
.template {display:inline-block; vertical-align:middle; width:100%; text-align:left; word-wrap:normal; word-break:keep-all;}
.template > h4 {display:block; position:relative; width:auto; margin-top:30px; padding-left:20px; font-size:20px; font-weight:500; color:#0e0e0e; line-height:30px;}
.template > h4:first-child {margin-top:0;}
.template > h4:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:8px; width:6px; height:6px;border-radius:50%; border:#c79d70 solid 3px;}
.template > strong {display:block; position:relative; width:auto; margin-top:20px; margin-left:25px; font-size:14px; font-family:'Noto Sans KR'; font-weight:500; color:#777; line-height:24px;}
.template > p {display:block; position:relative; width:auto; margin-top:10px; margin-left:25px; font-size:14px; font-family:'Noto Sans KR'; font-weight:400; color:#777; line-height:24px;}
.template > .box {margin-top:20px; margin-left:25px; padding:20px 25px; border:#e6e6e6 solid 1px; background-color:#f9f9f9; font-size:14px; font-family:'Noto Sans KR'; font-weight:400; color:#777; line-height:24px;}
.template strong {font-weight:500; color:#0e0e0e;}
.template a {color:#0e0e0e;}
.template a:hover {text-decoration:underline; text-decoration-color:rgba(0, 174, 239, 0.7);}
.template > ul {display:block; position:relative; width:auto; margin-top:10px; margin-left:25px; font-size:14px; font-family:'Noto Sans KR'; font-weight:400; color:#777; line-height:24px;}
.template > ul > li {position:relative; margin:5px 0; padding-left:10px;}
.template > ul > li:before {content:""; position:absolute; left:0px; top:11px; width:3px; height:3px; border-radius:50%; background-color:#999;}
.template > ul > li > ul {display:block; position:relative; width:auto; margin:5px 15px; font-size:12px; font-family:'Noto Sans KR'; font-weight:400; color:#999; line-height:22px;}
.template > ul > li > ul > li {position:relative; padding-left:10px;}
.template > ul > li > ul > li:before {content:""; position:absolute; left:0px; top:11px; width:4px; height:1px; background-color:#999;}
.template > ul > li > p {display:block; position:relative; width:auto; margin:5px 15px; padding-left:10px; font-size:12px; font-family:'Noto Sans KR'; font-weight:400; color:#999; line-height:22px;}
.template > ul > li > p:before {content:""; position:absolute; left:0px; top:10px; width:4px; height:1px; background-color:#999;}
.template > .table {margin-top:10px; margin-left:25px;}


/* 테이블 */
ul.table {display:inline-block; vertical-align:middle; width:100%;}
ul.table li {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:10px;}
ul.table strong {display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:100px; padding:10px 0; border-top:#9f9f9f solid 1px;}
ul.table p {margin-left:120px; padding:10px 0; border-top:#ececec solid 1px;}

ul.table.t1 strong {width:150px;}
ul.table.t1 p {margin-left:170px;}

div.table table {width:100%; border-top:#0e0e0e solid 1px;}
div.table table tr:first-child th, .table tr:first-child td {border-top:none;}
div.table table th {position:relative; padding:15px 20px; border-bottom:#9f9f9f solid 1px;}
div.table table th:before {content:""; position:absolute; left:0; top:50%; width:1px; height:16px; margin-top:-8px; background:#ececec;}
div.table table th:first-child:before {display:none;}
div.table table td {padding:15px 20px; border:#ececec solid 1px;}
div.table table td:first-child {border-left:none;}
div.table table td:last-child {border-right:none;}


/* 꾸밈요소 */
.bar {position:relative; padding-top:20px;}
.bar:before {content:""; position:absolute; left:0; top:0; width:30px; height:5px; border-radius:1px; background:#0e0e0e;}

.marker {padding:0 5px; border-radius:2px; background:#c79d70;}

.bullet {position:relative;}
.bullet li {position:relative; padding-left:15px;}
.bullet li:before {content:""; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:2px; background:#0e0e0e;}

.bgm {padding:0 5px; background:#c79d70;}
.bgs {padding:0 5px; background:#0e0e0e;}
.bga {padding:0 5px; background:#f9f9f9;}


.line.cbm {background-image:linear-gradient(180deg,rgba(255,255,255,0) 75%, rgba(0, 192, 222, 0.4) 25%);}
.line.cbs {background-image:linear-gradient(180deg,rgba(255,255,255,0) 95%, #ffb541 5%);}
.line.cbr {background-color:#f24a5e;}
.line.cbb {background-image:linear-gradient(180deg,rgba(255,255,255,0) 95%, #262629 5%);}
.line.cbg {background-color:#313339;}
.line.cbt {background-color:#9d9ea2;}
.line.cby {background-image:linear-gradient(180deg,rgba(255,255,255,0) 95%, #d5dadf 5%);}
.line.cbk {background-image:linear-gradient(180deg,rgba(255,255,255,0) 95%, #000 5%);}

.line.cbs.t2 {background-image:linear-gradient(180deg,rgba(255,255,255,0) 60%, rgba(255,181,65,0.5) 40%);}

.quotation {padding:60px; border-radius:25px; background:#f9f9f9;}
.quotation .q_box {max-width:800px; margin:0 auto; padding:20px; border-radius:5px; overflow:hidden; background:#fff; box-shadow:40px 40px 60px rgba(0, 0, 0, 0.15);}
.quotation > p {margin-top:20px;}
.quotation img {width:100%; max-width:800px;}

.space1 {margin-top:25px;}
.space2 {margin-top:50px;}
.space3 {margin-top:100px;}


/* 탭 */
.tab {display:inline-block; vertical-align:middle; width:100%;}
.tab ul {display:inline-block; vertical-align:middle; width:100%;}
.tab li {display:inline-block; vertical-align:middle; position:relative; float:left; width:100%; max-width:300px;}
.tab li:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:#ececec solid 1px; border-left:none; background:#fff;}
.tab li:first-child:before {border-left:#ececec solid 1px; border-radius:5px 0 0 5px;}
.tab li:last-child:before {border-radius:0 5px 5px 0;}
.tab li.on:before {border-color:#c79d70; background:#c79d70;}
.tab a {display:inline-block; vertical-align:middle; position:relative; width:100%; height:60px; overflow:hidden; font-size:18px; font-weight:300; color:#0e0e0e; letter-spacing:-0.5px; line-height:60px;}
.tab li.on a {font-weight:400; color:#fff;}
.tab.div4 ul {max-width:1200px;}
.tab.div4 li {width:25%;}
.tab.div3 ul {max-width:900px;}
.tab.div3 li {width:33.333%;}
.tab.div2 ul {max-width:600px;}
.tab.div2 li {width:50%;}


/* 박스 */
.box {position:relative; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}
.box.t1 {padding:30px; border:20px solid #f9f9f9; box-shadow:none;}
.box.t2 {padding:10px; border-radius:30px; background-color:#f5f5f5; box-shadow:none;}


/* 폼태그 */
.form {display:inline-block; vertical-align:middle; width:100%; text-align:left;}
.form.b_write {box-sizing:border-box; border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px;}
.form.b_write.t2{box-sizing: border-box;border-top: #c3c7c8 solid 1px;border-bottom:0;}
.form .f_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:10px 0;}
.form .f_wrap:before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#f1f5f6;}
.form .f_field {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%; min-height:50px;}
.form .f_field.div1 {width:100%;}
.form .f_field.div2 {width:50%;}
.form .f_field.div3 {width:33.333333%;}
.form .f_field.div4 {width:25%;}
.form .f_field.div5 {width:20%;}
.form .f_field.div6 {width:16.666666%;}
.form .f_field.div7 {width:14.285714%;}
.form .f_field.div8 {width:12.5%;}
.form .f_field.div9 {width:11.111111%;}
.form .f_field.div10 {width:10%;}
.form .f_field .ff_title {position:absolute; left:30px; top:0; height:50px; padding:8px 0; font-size:18px; font-weight:400; color:#222728; letter-spacing:0; line-height:30px; text-align:left;}
.form .f_field .ff_title label {position:relative ;font-size:18px; font-weight:300;}
.form .f_field .ff_title label.required:before {content:"*"; position:absolute; right:-18px; top:-7px; font-size:25px; font-weight:700; color:#75757a; line-height:35px;}
.form.t1 .f_field .ff_title label {line-height:25px;}
.form .f_field .ff_wrap {display:block; position:relative; margin-left:200px !important;}
.form .f_field .ff_wrap.ff_select{display:inline-block;}
.form .f_field .ff_wrap.text {margin-top:5px;}
.form .f_field .ff_wrap.option {min-height:30px; margin:10px 0; line-height:30px;}
.form .f_field .ff_wrap.option span {margin-right:15px;}
.form .f_field .ff_wrap.option input {margin-right:5px;-webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}
.form .f_field .ff_wrap.content {min-height:50px; margin-top:0; line-height:50px;}
.form .f_field .ff_wrap.w850 {width:calc(100% - 180px); max-width:850px;}
.form .f_field .ff_wrap.w970 {width:calc(100% - 200px); max-width:970px;}
.form .f_field .ff_wrap > a {display:inline-block;}
.form .f_field .ff_wrap > a > img {max-width:100%;}
.form .f_field .ff_wrap .cke_sc {display:none;}
.form .f_field input {display:inline-block; vertical-align:middle; font-size:14px;}
.form .f_field input:focus {outline:none;}
.form .f_field .ff_search {display:inline-block; position:absolute; right:-210px; top:0; bottom:0; width:200px; background-color:#fff; font-size:18px; font-weight:400; color:#010212; line-height:50px;}
.form .f_field .ff_search.t1 {right:-150px; width:140px; border:#c3c7c8 solid 1px; border-radius:5px; font-size:14px; line-height:48px;}
.form .f_field .ff_comment {font-size:18px; font-weight:400; color:#222728; line-height:50px; text-align:left;}
.form .f_field .ff_comment.t1 {position:absolute; right:-50px; top:0; bottom:0; width:40px; font-weight:300; color:#222728; opacity:1;}
.form .f_field .ff_comment.t2 {display:inline-block; position:relative; padding:10px; font-weight:300; line-height:30px; opacity:0.8; word-break:keep-all;}
.form .f_field .ff_comment.t3 {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding:5px 0; font-weight:300; line-height:30px; opacity:0.8; word-break:keep-all;}
.form .f_field .ff_comment.t4 {position:absolute; right:-50px; top:0; bottom:0; width:40px; opacity:1;}
.form .f_field .ff_comment.t5 {display:inline-block; position:relative; padding:10px; font-weight:300; line-height:30px; opacity:0.8; word-break:keep-all;}
.form .f_field .ff_comment.t6 {position:absolute; right:-40px; top:0; bottom:0; opacity:1;}
.form .f_checkwrap {display:inline-block; position:relative;}
.form .f_field.t1 .ff_wrap,
.form .f_field.t2 .ff_wrap {display:inline-block; float:left;}
.form .f_field.t1 .ff_wrap + .ff_wrap {margin-left:70px !important;}
.form .f_field.t2 .ff_wrap + .ff_wrap {margin-left:10px !important;}
.form .f_field input[type=date]::-webkit-calendar-picker-indicator {margin-right:7px; filter: invert(1);}


/* 폼스타일 */
.input {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:50px; margin:0; padding:0; padding-left:15px; border:none; border-radius:5px; background-color:#f4f5f5;
	font-size:18px; color:#666767; letter-spacing:0px; line-height:50px; text-align:left;}
.input.w200 {max-width:200px;}
.input:hover {border-color:#f4f5f5; color:#666767;}
.input:focus {outline:none;}
.input::placeholder {color:#c3c7c8;}
.select {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:50px; margin:0; padding:0; border:none; border-radius:5px; background-color:#f4f5f5;
	font-size:14px; color:#666767; letter-spacing:0px; line-height:50px; text-align:left; padding-left:15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.select:hover {border-color:#f4f5f5; color:#666767;}
.select:focus {outline:none;}
.select::placeholder {color:#c3c7c8;}
.select + i {display:inline-block; position:absolute; right:20px; top:50%; box-sizing:border-box; width:8px; height:8px; margin-top:-6px; border-top:#c3c7c8 solid 2px; border-right:#c3c7c8 solid 2px; transform:rotate(135deg); transition:.2s; -webkit-transition:0.2s; pointer-events:none;}
.select.t1 + i {right:23px; border-top:#c3c7c8 solid 2px; border-right:#c3c7c8 solid 2px;}
.textarea {display:block; vertical-align:middle; box-sizing:border-box; width:100%; width:98%\9; min-height:50px; margin:0; padding:10px 15px; padding:5px 1%\9; border:none; border-radius:5px; background-color:#f4f5f5; text-align:left; word-break:keep-all;}
.textarea:focus {outline:none;}
.textarea::placeholder {color:#c3c7c8;}
.file {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:50px; margin:0; padding:10px 0; border:none; border-radius:5px; background-color:#f4f5f5;
	font-size:18px; color:#666767; letter-spacing:0px; line-height:35px; text-align:left; text-indent:15px;}
.file:hover {border-color:#f4f5f5; color:#666767;}
.file.delfile {position:absolute; left:0; top:0; opacity:0; width:1px; height:1px; opacity:0; pointer-events:none;}
.ff_label {display:inline-block; box-sizing:border-box; width:140px; height:50px; background-color:#fff; border:#c3c7c8 solid 1px; border-radius:5px; font-size:14px; font-weight:400; color:#010212; line-height:48px; text-align:center;}
.ff_file {display:inline-block; vertical-align:middle; box-sizing:border-box; width:calc(100% - 130px); max-width:400px; height:50px; padding-left:15px; border:none; border-radius:5px; background-color:#f4f5f5; font-size:18px; font-weight:400; color:#c3c7c8; line-height:50px;}
.ff_del {display:inline-block; vertical-align:middle; width:100%; float:left; margin-top:10px;}

.ff_text {display:block; vertical-align:middle; box-sizing:border-box; overflow:auto; width:100%; min-height:50px; margin:0; padding:10px 0; padding-left:15px; border:none; border-radius:5px;
	font-size:18px; color:#222728; letter-spacing:0px; line-height:30px; text-align:left; opacity:1;}

.input.w50p {width:50%;}
.wr_content textarea {box-sizing:border-box; width:100%; width:98%\9; min-height:50px; margin:0; padding:10px 15px; padding:5px 1%\9; border:none; border-radius:5px; background-color:#f4f5f5; font-size:14px; color:#666767; text-align:left; resize:none;}
.wr_content textarea:focus {outline:none;}
.wr_content textarea::placeholder {color:#c3c7c8;}
.wr_content.t1 textarea {height:330px !important; letter-spacing:-0.5px; line-height:initial;}
.wr_content.t2 textarea {height:220px; padding:25px 30px; font-size:14px; color:#666767;}
.wr_content.t3 textarea {height:120px; font-size:14px;}
.ff_250words{float:right; padding:10px 0 0 0;}

/* 버튼 */
.btn_wrap {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.btn_wrap ul {display:inline-block; vertical-align:middle; margin:0 auto; width:auto;}
.btn_wrap li {display:inline; float:left; margin:5px;}
.btn_wrap li:first-child {margin-left:0;}
.btn_wrap li:last-child {margin-right:0;}
.btn {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; min-width:140px; height:50px; padding:0px 10px; border:#c3c7c8 solid 1px; border-radius:5px; background-color:transparent; font-size:14px; font-weight:300; color:#222728; line-height:48px; letter-spacing:-0.5px; text-align:center; text-decoration:none !important; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; transition:0.2s; -webkit-transition:0.2s;}
.btn:hover {background-color:#00c0de; border-color:#00c0de; color:#fff;}
.btn.t1 {background-color:#00c0de; border-color:#00c0de; color:#fff;}
.btn.t1:hover {background-color:#fff; color:#00c0de;}
.btn.t2 {border-color:#00c0de; color:#00c0de;}
.btn.t2:hover {color:#fff;}
.btn.big {min-width:400px; height:80px; font-size:30px; font-weight:700; line-height:76px;}
.btn.wide {width:100%; max-width:100%;}

.btn_arrow {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:40px; height:40px; border-radius:50%; border:#00c0de solid 1px; transition:0.2s; -webkit-transition:0.2s;}
.btn_arrow.small {width:30px; height:30px;}
.btn_arrow.t1 {border:none;}
.btn_arrow.t1:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; box-sizing:border-box; border-radius:50%; border:#c3c7c8 solid 1px; opacity:0.3;}
.btn_arrow i {position:absolute; right:50%; top:50%; width:6px; height:6px; margin-top:-4px; border-top:#00c0de solid 2px; border-right:#00c0de solid 2px; pointer-events:none; transition:0.2s; -webkit-transition:0.2s;}
.btn_arrow.t1 i {border-color:#c3c7c8;}
.btn_arrow.next i {margin-right:-3px; transform:rotate(45deg);}
.btn_arrow.prev i {margin-right:-5px; transform:rotate(-135deg);}
.btn_arrow:hover {background-color:#00c0de;}
.btn_arrow:hover i {border-color:#fff;}
.btn_arrow.t1:hover:before {opacity:0;}


/* 페이징 */
.pg_wrap {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.btn_wrap + .pg_wrap {margin-top:80px;}
.pg_wrap .pg {display:inline-block; vertical-align:middle;}
.pg_wrap .pg_page {display:inline-block; vertical-align:middle; position:relative; min-width:30px; height:40px; border-radius:50%; margin:0 5px; padding:0 5px; background-image:none; background-color:transparent; border:none; font-size:16px; color:#999; font-weight:500; line-height:40px;}
.pg_wrap .pg_page:hover {background-color:#00c0de; font-weight:700; color:#fff;}
.pg_wrap .pg_page.on {background-color:#222326; color:#fff;}
.club .pg_wrap .pg_page:hover,
.t1 .pg_wrap .pg_page:hover {background-color:#bb9a72;}
.t2 > .pg_wrap .pg_page:hover {background-color:#010212;}
.club .pg_wrap .pg_page.on,
.t1 .pg_wrap .pg_page.on{background-color:#222326;}
.pg_wrap .pg_left {padding-right:15px;}
.pg_wrap .pg_right {padding-left:15px;}
.pg_wrap .pg_left,
.pg_wrap .pg_right,
.pg_wrap .pg_center {display:inline-block;}
.pg_wrap .pg_page,
.pg_wrap .pg_current{margin:0;}
.pg_wrap .pg_page:before {position:absolute; left:50%; top:50%; width:30px; height:30px; margin-left:-15px; margin-top:-15px; background-image:url("../images/common/icon_paging.png"); background-repeat:no-repeat; background-position:center; background-size:200% auto;}
.pg_wrap .pg_start {margin-right:7px;}
.pg_wrap .pg_end {margin-left:7px;}
.pg_wrap .pg_start,
.pg_wrap .pg_prev,
.pg_wrap .pg_next,
.pg_wrap .pg_end {width:40px; height:40px; padding:0; border-radius:50%; font-size:0; line-height:40px; color:transparent;}
.pg_wrap .pg_start:hover,
.pg_wrap .pg_prev:hover,
.pg_wrap .pg_next:hover,
.pg_wrap .pg_end:hover {border-color:#fff; color:transparent;}
.pg_wrap .pg_start:before {content:""; background-position:right 0;}
.pg_wrap .pg_prev:before {content:""; background-position:right -30px;}
.pg_wrap .pg_next:before {content:""; background-position:right -60px;}
.pg_wrap .pg_end:before {content:""; background-position:right -90px;}
.pg_wrap .pg_start:hover:before {background-position:left 0;}
.pg_wrap .pg_prev:hover:before {background-position:left -30px;}
.pg_wrap .pg_next:hover:before {background-position:left -60px;}
.pg_wrap .pg_end:hover:before {background-position:left -90px;}
.pg_wrap .pg_current {display:inline-block; vertical-align:middle; min-width:30px; height:40px; margin:0 5px; padding:0 5px; border:none; font-size:16px; color:#00c0de; font-weight:700; line-height:40px;}
.club .pg_wrap .pg_current,
.t1 .pg_wrap .pg_current {background-color:#fff;}
.t2 > .pg_wrap .pg_current {background-color:#fff;}
.pg_wrap .pg_arrow {display:inline-block;}

/* 메뉴 */
.menu {display:inline-block; vertical-align:middle; position:relative; width:100%;}
.menu > ul {display:block; width:auto; margin:10px 20px;}
.menu > ul > li {display:inline-block; vertical-align:middle; position:relative; width:100%; padding:5px 0; border-bottom:#f5f5f5 solid 1px;}
.menu > ul > li:last-child {border:none;}
.menu > ul > li > a {display:block; position:relative; width:auto; padding:10px; padding-right:40px; font-size:15px; font-weight:400; color:#010212; line-height:20px; letter-spacing:-0.5px; text-align:left;}
.menu > ul > li > a:before {content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:2px; background-color:#0c4da2;}
.menu > ul > li > a:after {content:""; position:absolute; right:17px; top:17px; width:7px; height:7px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}



.checkbox {position:relative;}
.checkbox input[type='checkbox'], .checkbox input[type='radio'] {position:absolute; left:5px; top:13px; z-index:-1; width:24px; height:24px; opacity:0;}
.checkbox label {cursor:pointer;}
.checkbox label i {display:inline-block; vertical-align:middle; position:relative; float:left; box-sizing:border-box; width:24px; height:24px; margin-top:13px; margin-right:5px; overflow:hidden; border-radius:50%; background-color:#fff; border:#c3c7c8 solid 3px;}
.checkbox label i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; box-sizing:content-box; width:7px; height:4px; margin-left:4px; margin-top:4px; border-bottom:solid 3px currentColor; border-left:solid 3px currentColor; color:#fff; opacity:1; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.checkbox input:checked + label i {background-color:#010212; border:#010212 solid 3px;}
.checkbox input:checked + label i:before {opacity:1;}
.checkbox input:checked ~ .input {display:block !important;}
.checkbox label span {display:inline-block; vertical-align:middle; font-size:20px; font-weight:700; color:#262629; line-height:50px; letter-spacing:-0.5px; }
.checkbox input:checked + label span {color:#00c0de;}
.checkbox label strong {font-weight:700;}

.checkbox.t1 input[type='checkbox'], .checkbox input[type='radio'] {left:5px; top:6px; width:20px; height:20px;}
.checkbox.t1 label i {width:20px; height:20px; margin-top:6px; margin-right:5px; border:#c3c7c8 solid 1px; border-radius:3px;}
.checkbox.t1 label i:before {width:12px; height:5px; margin-left:2px; margin-top:4px; border-bottom:solid 1px #75757a; border-left:solid 1px #75757a;}
.checkbox.t1 input:checked + label i {background-color:#00c0de; border:#00c0de solid 1px;}
.checkbox.t1 input:checked + label i:before {border-bottom:solid 1px #fff; border-left:solid 1px #fff;}
.checkbox.t1 label span {font-size:18px; font-weight:400; color:#75757a; line-height:30px;}

.checkbox.t1.small label span {font-size:16px; font-weight:400;}
.checkbox.t1.mini label span {font-size:14px; font-weight:400;}
.checkbox.notice input[type='checkbox'], .checkbox input[type='radio'] {left:12px;}
.checkbox.notice label i {left:12px;}

.checkbox.t1.big {box-sizing:border-box; padding-left:40px;}
.checkbox.t1.big input[type='checkbox'], .checkbox input[type='radio'] {left:0; top:0; width:30px; height:30px;}
.checkbox.t1.big label i {position:absolute; left:0; top:0; width:30px; height:30px; margin-top:0; margin-right:0; border:#75757a solid 1px; border-radius:5px;}
.checkbox.t1.big label i:before {width:12px; height:5px; margin-left:7px; margin-top:8px; border-bottom:solid 3px #75757a; border-left:solid 3px #75757a;}
.checkbox.t1.big input:checked + label i:before {border-bottom:solid 3px #fff; border-left:solid 3px #fff;}
.checkbox.t1.big label span {font-size:16px;}

.form .f_field .ff_wrap.option input[type='checkbox'],
.form .f_field .ff_wrap.option input[type='radio'] {width:20px; height:20px; margin-top:-4px;}
.form .f_field .ff_wrap.option label {margin-right:5px; font-size:14px; font-weight:400; line-height:30px; cursor:pointer;}

/* 더 보기 */
.more {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:32px; height:32px; background-color:#010212; border-radius:50%; transition:0.2s; -webkit-transition:0.2s;}
.more.arrow {background-color:#fff; border:#010212 solid 2px;}
.more.arrow:before {content:""; position:absolute; left:50%; top:50%; box-sizing:border-box; width:9px; height:9px; margin-left:-6px; margin-top:-4px; border-top:#010212 solid 2px; border-right:#010212 solid 2px; transform:rotate(45deg); transition:0.2s; -webkit-transition:0.2s;}
.more.arrow.prev:before {margin-left:-3px; transform:rotate(-135deg);}
.more.arrow:hover {background-color:#010212;}
.more.arrow:hover:before {border-color:#fff;}

.more.pluse:before {content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; margin-left:-6px; margin-top:-1px; background-color:#fff; transition:0.3s; -webkit-transition:0.3s;}
.more.pluse:after {content:""; position:absolute; left:50%; top:50%; width:2px; height:12px; margin-left:-1px; margin-top:-6px; background-color:#fff; transition:0.3s; -webkit-transition:0.3s;}
.more.pluse:hover {border:#010212 solid 2px; background-color:#fff;}
.more.pluse:hover:before {background-color:#010212; transform:rotate(90deg);}
.more.pluse:hover:after {background-color:#010212; transform:rotate(90deg);}
.more.pluse.t1 {background-color:#f79726;}
.more.pluse.t1:hover {border:#f79726 solid 2px; background-color:#fff;}
.more.pluse.t1:hover:before {background-color:#f79726; transform:rotate(90deg);}
.more.pluse.t1:hover:after {background-color:#f79726; transform:rotate(90deg);}


/* 팝업 */
.popup {display:none;position:fixed; left:0; right:0; top:-100%; bottom:100%; z-index:999999; width:auto !important; height:auto !important; background-color:rgba(35, 31, 32, 0.8);}
.popup.on {top:0; bottom:0;}
.popup .p_box {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; width:auto; height:auto; background-color:#fff; transform:scale(0.8); transition:0.4s; -webkit-transition:0.4s;}
.popup.on .p_box {transform:scale(1);}
.popup .p_head {display:inline-block; vertical-align:middle; position:fixed; left:0; right:0; top:0; z-index:999; height:40px; padding:10px; background-color:#0c4da2; box-shadow:0 5px 10px rgba(35, 31, 32, 0.06); transition:0.3s; -webkit-transition:0.3s;}
.popup .p_close {display:inline-block; vertical-align:middle; position:absolute; left:10px; top:10px; z-index:9; width:40px; height:40px; border-radius:20px; color:#fff;}
.popup .p_close:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:18px; height:2px; margin-top:-1px; margin-left:-8px; border-radius:2px; background-color:currentColor; transform:rotate(45deg); -ms-transform:rotate(45deg); transition:0.2s; -webkit-transition:0.2s;}
.popup .p_close:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:18px; height:2px; margin-top:-1px; margin-left:-8px; border-radius:2px; background-color:currentColor; transform:rotate(135deg); -ms-transform:rotate(135deg); transition:0.2s; -webkit-transition:0.2s;}
.popup .p_body {position:absolute; left:0; right:0; top:60px; bottom:0;overflow:auto; padding:20px;}
.popup .p_title {font-size:17px; font-weight:700; color:#fff; line-height:40px; text-align:center;}
.popup .btn.t1 {height:40px; font-size:15px; line-height:40px;}
.popup .btn.t2 {height:40px; font-size:15px; line-height:38px;}
.popup .slide .owl-dots {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:10px; width:100%;}
.popup .slide .owl-dot {display:inline-block; vertical-align:middle; width:20px; height:20px;}
.popup .slide .owl-dot span {display:inline-block; vertical-align:middle; width:6px; height:6px; margin:7px; border-radius:3px; background-color:#ddd;}
.popup .slide .owl-dot.active span {background-color:#0c4da2;}
.popup .slide .owl-nav div {display:inline-block; vertical-align:middle; position:absolute; bottom:10px; z-index:2; width:25px; height:25px; margin-top:-20px; border:#dedede solid 1px; background-color:#fff; font-size:0; line-height:0; text-indent:-9999px; transition:0.2s; -webkit-transition:0.2s;}
.popup .slide .owl-nav div:active {border-color:#0c4da2; background-color:#0c4da2;}
.popup .slide .owl-nav div:before {content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin-top:-4px; color:#010212; border-top:solid 1px currentColor; border-right:solid 1px currentColor; transition:0.2s; -webkit-transition:0.2s;}
.popup .slide .owl-nav div:active:before {color:#fff;}
.popup .slide .owl-nav .owl-prev {left:10px;}
.popup .slide .owl-nav .owl-prev:before {margin-left:-2px; transform:rotate(-135deg); -ms-transform:rotate(-135deg);}
.popup .slide .owl-nav .owl-next {right:10px;}
.popup .slide .owl-nav .owl-next:before {margin-left:-7px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.popup .p_share ul {display:inline-block; vertical-align:middle; margin-top:15px;}
.popup .p_share li {display:inline-block; vertical-align:middle; float:left;}
.popup .p_share button {display:inline-block; vertical-align:middle; width:100px; margin:0; padding:0; border:none; background:none; outline:none;}
.popup .p_share button i {display:inline-block; vertical-align:middle; width:70px; height:70px; border-radius:35px; background-image:url("../images/common/icon_share_item.png"); background-repeat:no-repeat; background-size:100% auto;}
.popup .p_share button.ps_url i {background-color:#010212;  background-position:center top;}
.popup .p_share button.ps_kakao i {background-color:#f9e000;  background-position:center bottom;}
.popup .p_share button span {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; font-size:14px; font-weight:500; color:#010212; line-height:30px; letter-spacing:-0.5px;}

.popup.t1 .p_box {left:20px; right:20px; top:20px; bottom:20px; border-radius:15px 15px 10px 10px;}
.popup.t1 .p_head {border-radius:10px 10px 0 0;}
.popup.t1 .p_close {left:auto; right:10px;}
.popup.t1 .p_title {text-align:left; text-indent:10px;}

.popup.t1.comment .p_box {left:20px; right:20px; top:50%; bottom:auto; height:160px; margin-top:-80px;}

.popup.t1.write .p_box {left:40px; right:40px; top:50%; bottom:auto; height:420px; margin-top:-190px;}

.popup.t1.password .p_box,
.popup.t1.share .p_box {left:40px; right:40px; top:50%; bottom:auto; height:230px; margin-top:-115px;}






@media all and (max-width:1280px) {
.wrap {box-sizing:border-box; max-width:100%; padding:0 40px;}


/* 폼스타일 */
.form .f_field .ff_comment.t2 {box-sizing:border-box; width:100%; padding:5px 0;}
.form .f_field .ff_comment.t5 {box-sizing:border-box; width:100%; margin-left:200px; padding:5px 0;}
.ff_file{width:calc(100% - 150px);}
}





@media all and (max-width:1024px) {
.wrap {padding:0 35px;}

/* 타이틀 */
.title {font-size:35px; line-height:50px;}
.title.t1, .title .t1 {font-size:45px; line-height:70px;}
.title.t2, .title .t2 {font-size:45px; line-height:65px;}

/* 텍스트 */
.text {font-size:17px; line-height:35px;}

/* 폼태그 */
.form .f_field .ff_title {line-height:50px;}
.form.t1 .f_field .ff_title label{line-height:50px;}

.form .f_wrap {padding:0;}
.form .f_field {padding:10px 0;}
.form .f_field.div2 {width:100%;}

.form .f_field .ff_wrap.ff_mail .button {right:-310px;}


}





@media all and (max-width:768px) {
.wrap {padding:0 30px;}

/* 타이틀 */
.title {font-size:32px; line-height:45px;}
.title.t1, .title .t1 {font-size:42px; line-height:60px;}
.title.t2, .title .t2 {font-size:42px; line-height:55px;}
.title.t3, .title .t3 {font-size:18px;}


/* 텍스트 */
.text {font-size:16px;}
.text.small, .text .small {font-size:15px;}


/* 폼태그 */
.form.b_write {margin-bottom:0; padding-top:0; padding-bottom:10px;}
.form.b_write .ff_wrap {margin-left:0 !important;}
.form .f_wrap:last-child:before {background-color:transparent;}
.form .f_field {width:100% !important;}
.form .f_field .ff_title {position:relative; left:auto; top:auto; height:30px; margin: 0 0 5px 0; padding:0; font-size:16px; line-height:30px;}
.form .f_field .ff_title br {display:none;}
.form .f_field .ff_title label{font-size:16px;}
.form .f_field .ff_wrap {display:block; width:100% !important; margin-left:0 !important;}
.form .f_field .ff_wrap > a{margin:10px 0;}
.form .f_field .ff_wrap.option {margin:5px 0;}
.form .f_field .ff_wrap.content {min-height:40px; line-height:40px;}
.form .f_field .ff_wrap.address {width:calc(100% - 130px) !important;}
.form .f_field .ff_search {right:-130px; width:120px; height:40px; font-size:15px; line-height:40px;}
.form .f_field .ff_search.t1{width:120px; margin-right:20px; line-height:38px;}
.form .f_field.t1 .ff_wrap {width:calc(100% - 40px) !important;}
.form .f_field.t1 .ff_wrap + .ff_wrap {margin-top:10px; margin-left:0 !important;}
.form .f_field.t2 .ff_wrap + .ff_wrap {margin-top:10px; margin-left:0 !important;}
.form .f_field.t1 .ff_wrap.t1 {width:100% !important;}
.b_view .form .f_field.t1 .ff_wrap {width:auto !important;}
.b_view .form .f_field.t1 .ff_wrap + .ff_wrap,
.b_view .form .f_field.t2 .ff_wrap + .ff_wrap {margin-top:0;}
.b_view .form .f_field .ff_comment.t1 {position:relative; display:inline-block; right:auto; top:auto; bottom:auto; padding:5px 0; line-height:30px;}
.form .f_field .ff_comment.t6 {display:none;}
.form.t1:before {left:0;}
.form.t1 .f_field .ff_title {height:30px; font-size:15px; line-height:25px;}
.form.t1 .f_field .ff_title label{line-height:25px;}
.form.t1 .f_field .ff_wrap {margin-left:0 !important;}
.form .f_field .ff_wrap.ff_mail .btn {width:100px; min-width:auto; height:30px; line-height:30px;}
.form .f_field .ff_comment {font-size:15px; line-height:40px;}


/* 폼스타일 */
.input {height:40px; padding-left:10px; font-size:15px; line-height:40px;}
.input.w200 {max-width:100%;}
.select {height:40px; padding-left:10px; font-size:15px; line-height:40px;}
.select.t1 + i {right:23px; border-top:#262629 solid 2px; border-right:#262629 solid 2px;}
.textarea {height:40px; padding-left:10px; font-size:15px; line-height:40px;}
.file {height:40px; padding-left:10px; font-size:15px; line-height:30px;}
.ff_label {width:100%; height:40px; font-size:15px; line-height:38px;}
.ff_file {width:100%; max-width:100%; height:40px; margin-top:10px; padding-left:10px; font-size:15px; line-height:40px}
.ff_del {display:inline-block; vertical-align:middle; width:100%; float:left; margin-top:10px;}
.ff_text {display:inline-block; width:auto; min-height:40px; padding:5px 0; padding-left:10px; font-size:15px; line-height:30px;}
.form .f_field .ff_comment.t5 {margin-left:0;}

.wr_content textarea {padding-left:10px; font-size:15px;}
.wr_content.h2 textarea {height:100px !important;}
.wr_content.t2 textarea, .wr_content.t3 textarea{line-height:20px; word-break:keep-all;}


.checkbox.t1.big{margin-top:10px; margin-bottom:0;}
.checkbox.notice input[type='checkbox'], .checkbox input[type='radio'] {left:0;}
.checkbox.notice label i {left:0;}

.checkbox.t1.big {padding-left:35px;}
.checkbox.t1.big input[type='checkbox'], .checkbox input[type='radio'] {width:25px; height:25px;}
.checkbox.t1.big label i {width:25px; height:25px;  border-width:1px; border-radius:3px;}
.checkbox.t1.big label i:before {width:10px; height:4px; margin-left:6px; margin-top:7px; border-width:2px;}
.checkbox.t1.big input:checked + label i {border-width:1px;}
.checkbox.t1.big input:checked + label i:before {border-width:2px;}
.checkbox.t1.big label span {font-size:15px; line-height:25px;}


.btn_arrow {width:30px; height:30px;}

/* 버튼 */
.btn_wrap.nowrap {box-sizing:border-box; padding:0 20px;}
.btn_wrap ul {width:100%;}
.btn_wrap li {width:100%; margin:5px 0;}
.btn_wrap li .btn {min-width:100%; padding:0; height:40px; line-height:38px;}
.btn.middle {height:40px; font-size:15px; line-height:38px;}
.btn.big {width:100%; min-width:auto; height:50px; font-size:16px; line-height:48px;}


/* 페이징 */
.btn_wrap + .pg_wrap {margin-top:25px;}
}





@media all and (max-width:550px) {
/* 페이징 */
.btn_wrap + .btn_wrap {margin-top:20px;}
.pg_wrap .pg {width:100%;}
.pg_wrap .pg_left {position:relative; width:100%; padding-right:0;}
.pg_wrap .pg_right {position:relative; width:100%; padding-left:0;}
.pg_wrap .pg_left:before,
.pg_wrap .pg_left:after,
.pg_wrap .pg_right:before,
.pg_wrap .pg_right:after {content:""; position:absolute; top:0; bottom:0; z-index:-1; box-sizing:border-box; width:calc(50% - 5px); border:#fff solid 1px; background-image:url("../images/common/icon_paging_none.png"); background-color:#eee; background-repeat:no-repeat; background-size:20px auto; opacity:1;}
.pg_wrap .pg_right:before{background-position:top center;}
.pg_wrap .pg_right:after{background-position:bottom center;}
.pg_wrap .pg_left:before {left:0;}
.pg_wrap .pg_left:after {right:0; background-position:top center;}
.pg_wrap .pg_right:before {left:0; background-position:top center;}
.pg_wrap .pg_right:after {right:0;}


.pg_wrap .pg_center {width:calc(100% + 10px); margin-left:-5px; font-size:0;}
.pg_wrap .pg_center > .pg_page,
.pg_wrap .pg_center > .pg_current{float:none;}
.pg_wrap .pg_page {float:left; width:calc(20% - 10px); margin:5px; padding:0; border-radius:0;}
.pg_wrap .pg_start,
.pg_wrap .pg_next {box-sizing:border-box; width:calc(50% - 5px); margin:0; margin-right:5px; border-radius:0; background-color:#00c0de; border:#fff solid 1px;}
.pg_wrap .pg_prev,
.pg_wrap .pg_end {float:right; box-sizing:border-box; width:calc(50% - 5px); margin:0; margin-left:5px; border-radius:0; background-color:#00c0de; border:#fff solid 1px;}
.pg_wrap .pg_start:before {content:""; background-position:left 0;}
.pg_wrap .pg_prev:before {content:""; background-position:left -30px;}
.pg_wrap .pg_next:before {content:""; background-position:left -60px;}
.pg_wrap .pg_end:before {background-position:left -90px;}
.pg_wrap .pg_start {margin-right:0;}
.pg_wrap .pg_end {margin-left:0;}
.pg_wrap .pg_current {float:left; width:calc(20% - 10px); margin:5px; padding:0;}
.pg_wrap .pg_arrow {width:100%;}

}





@media all and (max-width:425px) {
.wrap {padding:0 25px;}

/* 타이틀 */
.title {font-size:30px; line-height:40px;}
.title.t1, .title .t1 {font-size:38px; line-height:50px;}
.title.t2, .title .t2 {font-size:38px; line-height:50px;}
.title.t3, .title .t3 {font-size:16px; line-height:26px;}

/* 텍스트 */
text {font-size:15px; line-height:30px;}


.checkbox.t1.mini label span {font-size:12px;}

}