/* Common **********************************************************************/

@font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    src:
    url('../font/NanumSquareL.ttf') format('woff2'),
    url('../font/NanumSquareL.ttf') format('woff'),
    url('../font/NanumSquareL.ttf') format('truetype');
}


@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    src:
    url('../font/NanumSquareR.ttf') format('woff2'),
    url('../font/NanumSquareR.ttf') format('woff'),
    url('../font/NanumSquareR.ttf') format('truetype');
}


@font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    src:
    url('../font/NanumSquareB.ttf') format('woff2'),
    url('../font/NanumSquareB.ttf') format('woff'),
    url('../font/NanumSquareB.ttf') format('truetype');
}


@font-face {
    font-family: 'NanumSquare';
    font-weight: 900;
    src:
    url('../font/NanumSquareEB.ttf') format('woff2'),
    url('../font/NanumSquareEB.ttf') format('woff'),
    url('../font/NanumSquareEB.ttf') format('truetype');
}




html,body {width:100%;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:18px; line-height:1.7; font-family: 'Poppins', 'NanumSquare'; color:#000;} /* 기본폰트 세팅 */
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 泥섎━ */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}


/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/


.center{text-align:center;}
.inner {width:1400px; margin:0 auto;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}
.pc_img {display:inline-block;}
.tab_img {display:none;}
.mob_img {display:none;}


/* === Main === */
#wrap {position:relative; width:100%; margin:0 auto; overflow:hidden;}

#header {width:100%; z-index: 10; text-align: center; position:absolute; left:0; top:0;}
#header .inner {height: 100px; position:relative;}
#header h1 {position:absolute; left:0; top:35px;}
#header h1 a {display:block; width:100%; height:100%;}
#header .gnb {font-size: 0; display:inline-block; position:absolute; right:0;}
#header .gnb > li {display:inline-block; font-size: 20px; margin-right: 70px; line-height:100px; position:relative; font-weight: 500;}
#header .gnb > li::last-child {margin-right: 0;}
#header .gnb > li > a {color: #fff; display:block; width: 100%; height: 100%;}
#header .gnb > li:hover > a {color: #F5C37E; font-weight: bold;}


.navi {display:none;}
.navi_btn {display:none;}


#visual_wrap {width: 100%; height: 100vh; position:relative; background: url(../images/main/main_visual.jpg) no-repeat center center / cover;}
#visual_wrap .visual_text {text-align: center; color: #fff; width: 100%; position:absolute; left: 50%; top:50%; transform:translate(-50%,-50%); background: url(../images/main/mt_bg.png) no-repeat center center;}
#visual_wrap .visual_text h2 {font-size: 60px; line-height: 90px; font-weight: 300; margin-top: 60px;}
#visual_wrap .visual_text h2 b {font-weight:900;}
#visual_wrap .visual_text p {font-size: 25px; line-height: 45px; font-weight: 900; padding-top: 50px; margin-top: 50px; position:relative;}
#visual_wrap .visual_text p::before {content:''; width: 50px; height: 5px; background: #E5A757; position:absolute; top:0; left:50%; transform:translateX(-50%);}

#visual_wrap .scroll {position:absolute; left: 50%; bottom:60px; transform:translateX(-50%);}

.title {text-align: center; margin-bottom: 70px;}
.title span {display:inline-block; position:relative; line-height: 45px; padding: 0 20px; background: url(../images/main/tit_icon.png) no-repeat left top;}
.title h2 {font-size: 55px; font-weight: 900; line-height: 1; margin: 25px 0 40px;}
.title p {font-size: 20px; font-weight: 400;}
.title p b {font-weight: 900;}

#con1 {width: 100%; background: url(../images/main/con1_bg.jpg) no-repeat center center / cover; padding: 100px 0 120px; text-align: center;}
#con1 .title {color: #fff;}

#con1 .tab_btn li {float:left; width: 25%; height: 80px; line-height: 80px; text-align: center; background: #E5A757; border-right:1px solid #fff; font-family: 'NanumSquare';}
#con1 .tab_btn li:last-child {border-right:0;}
#con1 .tab_btn li a {display:block; width: 100%; height: 100%; color: #fff; font-size: 20px; font-weight: bold;}
#con1 .tab_btn li.on {background: #fff;}
#con1 .tab_btn li.on a {color: #111; font-weight: 900;}

#con1 .tab_con {background: #fff; width: 100%; height: 870px; padding: 70px 80px 80px;}
#con1 .tab_con .tabcontent p {font-size: 20px; line-height: 38px; color: #111; font-weight: 400;}
#con1 .tab_con .tabcontent p b {font-weight: 900;}
#con1 .tab_con .tabcontent:nth-child(1) p {margin-bottom: 50px;}
#con1 .tab_con .tabcontent:nth-child(2) p {margin-bottom: 70px;}
#con1 .tab_con .tabcontent:nth-child(2) ul {display:flex; justify-content: space-between;}
#con1 .tab_con .tabcontent:nth-child(3) p {margin-bottom: 50px;}
#con1 .tab_con .tabcontent:nth-child(4) p {margin-bottom: 40px;}
#con1 .tab_con .tabcontent:nth-child(4) ul {display:flex; justify-content: space-between;}

.slick-dots {text-align: center; margin-top: 40px;}
.slick-dots li {display:inline-block; width: 15px; height: 15px; background: #DDDDDD; border-radius:50%; margin-right: 15px; text-indent: -9999px; cursor:pointer;}
.slick-dots li:last-child {margin-right: 0;}
.slick-dots li.slick-active {background: #222222;}

#con2 {width: 100%; padding: 100px 0 130px; text-align: center;}
#con2 .title {color: #111;}
#con2 .title span {background: url(../images/main/tit_icon2.png) no-repeat left top;}

#con2 .step_list li {float:left; width: 32%; margin-right: 2%; margin-top: 60px;}
#con2 .step_list li:nth-child(-n+3) {margin-top: 0;} 
#con2 .step_list li:nth-child(3) {margin-right: 0;}
#con2 .step_list li:nth-child(4) {margin-left: 17%;}
#con2 .step_list li:last-child {margin-right: 0;}
#con2 .step_list li img {width: 100%; margin-bottom: 40px;}
#con2 .step_list li span {color: #CB8F42; padding: 0 28px; border:1px solid #CB8F42; display:inline-block; height: 36px; line-height: 36px; border-radius:18px;}
#con2 .step_list li h3 {color: #111; font-size: 30px; font-weight: 900; line-height: 1; margin: 25px 0 20px;}

#con3 {width: 100%; padding: 100px 0 130px; background: #222222;}
#con3 .title {color: #fff;}

#con3 .consult_list li {background: #fff; padding: 50px 35px 0; height: 600px; position:relative; font-family: 'NanumSquare'; margin-right: 20px;}
#con3 .consult_list li:hover::after {content:''; width: 100%; height: 100%; border:3px solid #E5A757; position:absolute; left: 0; top: 0; transition:2s;}
#con3 .consult_list li img {position:absolute; right:0; bottom:0;}
#con3 .consult_list li span {display:block; font-size: 18px; color: #BF945B; line-height: 1; font-weight: bold;}
#con3 .consult_list li h4 {font-size: 28px; line-height: 40px; color: #111; margin: 15px 0 35px; letter-spacing:-1px; font-weight: 900;}
.slick-list {margin-right: -20px !important;}

#con3 .con_wrap {position:relative;}
#con3 .con_wrap button.cs_prev {position:absolute; left: -110px; top: 50%; transform:translateY(-50%);}
#con3 .con_wrap button.cs_next {position:absolute; right: -110px; top: 50%; transform:translateY(-50%);}

#con4 {width: 100%; background: #F6F6F6; padding: 100px 0 120px;}
#con4 .title {color: #111;}
#con4 .title span {background: url(../images/main/tit_icon2.png) no-repeat left top;}
#con4 .student_list {display:flex;}
#con4 .student_list:last-of-type {margin-top: 2%;}
#con4 .student_list li {width: 49%; margin-right: 2%; background: #fff; border:1px solid #DEDEDE; padding: 80px 40px 80px 21%; position:relative; color: #111; }
#con4 .student_list li:last-child {margin-right: 0;}
#con4 .student_list li img {position:absolute; left: 0; bottom: 0;}
#con4 .student_list li span {display:block; font-size: 18px; line-height: 1; margin-bottom: 15px;}
#con4 .student_list li h3 {font-size: 28px; line-height: 1; font-weight: 900; margin-bottom: 25px; padding-bottom: 25px; border-bottom:1px solid #DEDEDE;}
#con4 .student_list li p {font-size: 16px; line-height: 28px;}
#con4 button {width: 355px; height: 70px; line-height: 68px; text-align: center; border:2px solid #BF945B; font-size: 22px; font-weight: 900; border-radius:35px; display:block; margin: 0 auto; margin-top: 80px;}
#con4 button a {display:block; width: 100%; height: 100%; color: #BF945B;}


#con5 {width: 100%; background: url(../images/main/con5_bg.jpg) no-repeat center center / cover; padding: 100px 0 120px;}
#con5 .title {color: #fff;}

#con5 .con_wrap {display:flex;}
#con5 .con_wrap > div {width: 49%; margin-right: 2%;}
#con5 .con_wrap > div:last-child {margin-right: 0;}
#con5 .con_wrap .left iframe {width: 100%; height: 350px; margin-bottom: -10px;}
#con5 .con_wrap .left .txt_box {background:#BF945B; padding: 35px 40px 40px;}
#con5 .con_wrap .left .txt_box .name {padding-bottom: 18px; margin-bottom: 30px; border-bottom:1px solid rgba(255,255,255,.6); font-size: 0;}
#con5 .con_wrap .left .txt_box .name img {display:inline-block; margin-right: 20px; vertical-align: middle;}
#con5 .con_wrap .left .txt_box .name span {display:inline-block; color: #fff; font-size: 18px; vertical-align: middle;}
#con5 .con_wrap .left .txt_box ul li {margin-bottom: 15px; height: 30px; line-height: 30px; padding-left: 55px; font-size: 20px; color: #fff; font-weight: bold; font-family: 'NanumSquare';}
#con5 .con_wrap .left .txt_box ul li:nth-child(1) {background: url(../images/main/con5_map.png) no-repeat left center;}
#con5 .con_wrap .left .txt_box ul li:nth-child(2) {background: url(../images/main/con5_tel.png) no-repeat left center;}
#con5 .con_wrap .left .txt_box ul li:nth-child(3) {background: url(../images/main/con5_mail.png) no-repeat left center; margin-bottom: 0;}

#con5 .con_wrap .right {background: url(../images/main/con5_contact.jpg) no-repeat center center / cover; padding: 60px 40px; color: #fff;}
#con5 .con_wrap .right h3 {font-size: 40px; font-weight: 900; line-height: 1; margin-bottom: 30px; padding-bottom: 25px; border-bottom:1px solid rgba(255,255,255,.3);}
#con5 .con_wrap .right p {font-size: 18px; line-height: 30px; margin-bottom: 60px;}
#con5 .con_wrap .right button {width: 150px; height: 38px; border-radius:19px; background: #BF945B; font-size: 16px; font-weight: 500;}
#con5 .con_wrap .right button a {color: #fff;}



#footer {width: 100%; background:#000; padding: 60px 0;}
#footer .inner {position:relative;}
#footer .inner img {position:absolute; right:0; top:50%; transform:translateY(-50%);}
#footer p {color: #BABABA; font-size: 16px; line-height: 1; margin-bottom: 15px;}
#footer p span {margin: 0 12px;}
#footer p.copyright {color: #fff; font-weight: 500; margin-top: 30px; margin-bottom: 0;}


/* === Sub === */

#sub_visual01 {width: 100%; height: 100vh; position:relative;}

#sub_visual01 .tit_wrap {position:absolute; left: 50%; top:50%; transform:translate(-50%,-50%); text-align: center; color: #fff; width: 100%;}
#sub_visual01 .tit_wrap p {font-size: 25px; letter-spacing:2px; margin-bottom: 20px;}
#sub_visual01 .tit_wrap h2 {font-size: 60px; line-height: 90px; font-weight: 900; margin-bottom: 70px;}
#sub_visual01 .tit_wrap h2 b {color: #F2B76B; font-weight: 900;}
#sub_visual01 .tit_wrap .check_list {font-size: 0;}
#sub_visual01 .tit_wrap .check_list li {display:inline-block; margin-right: 60px;}
#sub_visual01 .tit_wrap .check_list li:last-child {margin-right: 0;}

#sub_visual02 {width: 100%; height: 650px; position:relative;}

#sub_visual02 .tit_wrap {padding-top: 230px; text-align: center; color: #fff;}
#sub_visual02 .tit_wrap p:first-child {font-size: 25px; letter-spacing:2px; margin-bottom: 25px;}
#sub_visual02 .tit_wrap h2 {font-size: 60px; line-height: 90px; font-weight: 900; margin-bottom: 40px;}
#sub_visual02 .tit_wrap h2 b {color: #F2B76B; font-weight: 900;}
#sub_visual02 .tit_wrap p {font-size: 25px;}
#sub_visual02 .tit_wrap p b {font-weight: 900;}

.bg01 {background: url(../images/sub/sub_visual01.jpg) no-repeat center center / cover;}
.bg02 {background: url(../images/sub/sub_visual02.jpg) no-repeat center center / cover;}
.bg03 {background: url(../images/sub/sub_visual03.jpg) no-repeat center center / cover;}
.bg04 {background: url(../images/sub/sub_visual04.jpg) no-repeat center center / cover;}


#sub01_con {background: url(../images/sub/greet_bg.jpg) no-repeat center center / cover; padding: 150px 0 200px; color: #fff;}
#sub01_con h3 {font-size: 50px; line-height: 80px; text-align: center; color: #fff; font-weight: 900; padding-bottom: 40px; margin-bottom: 50px; border-bottom:1px solid rgba(255,255,255,.3);}
#sub01_con h3 b {font-weight: 900; color: #F2B76B;}
#sub01_con .txt_wrap {overflow:hidden; margin-bottom: 90px;}
#sub01_con .txt_wrap h4 {float:left; width: 30%; font-size: 38px; line-height: 62px; font-weight: 400;}
#sub01_con .txt_wrap h4 b {font-weight: 900;}
#sub01_con .txt_wrap .txt {float:right; width: 70%;}
#sub01_con .txt_wrap .txt p {font-size: 20px; line-height: 35px; margin-bottom: 25px;}
#sub01_con .txt_wrap .txt p:last-child {margin-bottom: 0;}
#sub01_con img {width: 100%;}


#sub02_con {}
#sub02_con .sub_step_list {display:flex;}
#sub02_con .sub_step_list li {width: 50%; height: 500px; position:relative; padding: 110px 0;}
#sub02_con .sub_step_list li:last-child {padding-left: 80px;}
#sub02_con .sub_step_list li span {display:block; color: #CB8F42; font-size: 20px; font-weight: 500; width: 130px; line-height: 40px; height: 40px; text-align: center; border:1px solid #CB8F42; border-radius:20px;}
#sub02_con .sub_step_list li h4 {font-size: 45px; line-height: 60px; font-weight: 900; color: #111; margin: 25px 0 30px;}
#sub02_con .sub_step_list li img {position:absolute; right: 0; top: 50%; transform:translateY(-50%);}
#sub02_con .sub_step_list li:first-child img {right: 80px;}
#sub02_con .sub_step_list li.bg_yellow {background: #FFFAF3;}
#sub02_con .sub_step_list li.bg_yellow::before {content:''; width: 100%; height: 100%; background: #FFFAF3; position:absolute; left:100%; top:0;}
#sub02_con .sub_step_list:nth-child(2) li.bg_yellow::before {left: auto; right: 100%;}

#sub02_con .sub_step_list li.contact {color: #fff;}
#sub02_con .sub_step_list li.contact em {color: #E5A757;}
#sub02_con .sub_step_list li.contact h4 { margin-bottom: 45px; color: #fff;}
#sub02_con .sub_step_list li.contact button {width: 200px; height: 46px; font-size:18px; font-weight: 500; background: #D3A669; border-radius: 23px;}
#sub02_con .sub_step_list li.contact button a {color: #fff;}
#sub02_con .sub_step_list li.contact::before {content:''; width: 185%; height: 100%; background: url(../images/sub/step_img06.jpg) no-repeat center center / cover; position:absolute; left: 0; top: 0; z-index: -1;}


#sub03_con {background: #F6F6F6; padding: 150px 0 200px;}

#sub03_con .planner_list li {float: left; width: 49%; margin-right: 2%; margin-top: 2%; background: #fff; height: 360px; padding: 70px 60px; position: relative;}
#sub03_con .planner_list li:nth-child(2n) {margin-right: 0;}
#sub03_con .planner_list li:nth-child(-n+2) {margin-top: 0;}
#sub03_con .planner_list li span {font-size: 18px; color: #BF945B; font-family: 'NanumSquare'; font-weight: bold; line-height: 1;}
#sub03_con .planner_list li h4 {font-size: 28px; line-height: 40px; color: 111; margin: 15px 0 25px; font-family: 'NanumSquare';}
#sub03_con .planner_list li p {font-size: 18px; font-weight: 300;}
#sub03_con .planner_list li p b {font-weight:900;}
#sub03_con .planner_list li img {position: absolute; right: 0; bottom: 0; height: 100%;}


#sub04_con {background: #F6F6F6; padding: 150px 0 200px;}

#sub04_con .admin_btns {margin-bottom: 30px; font-size: 0;}
#sub04_con .admin_btns button {display: inline-block; width: 90px; height: 40px; background: #111; color: #fff; font-size: 16px; margin-right: 10px; font-weight: bold;}
#sub04_con .admin_btns button:nth-child(1) {background: #fff; border: 2px solid #111; color: #111;} 
#sub04_con .admin_btns button:nth-child(2) {background: #888; color: #fff;}
#sub04_con .admin_btns button:last-child {margin-right: 0;}

#sub04_con .review_list {display: flex; margin-bottom: 30px;}
#sub04_con .review_list:last-child {margin-bottom: 0;}
#sub04_con .review_list > li {background: #fff; padding: 50px 50px 60px; width: 49%; margin-right: 2%; position: relative;}
#sub04_con .review_list > li:last-child {margin-right: 0;}
#sub04_con .review_list > li span {display:inline-block; font-size: 16px; font-weight: 800; color: #fff; height: 36px; line-height: 36px; background: #F2B76B; border-radius: 18px; padding: 0 20px; font-family: 'NanumSquare';}
#sub04_con .review_list > li h4 {font-size: 26px; line-height: 40px; font-weight: 900; margin: 25px 0;}
#sub04_con .review_list > li .info {font-size: 0;}
#sub04_con .review_list > li .info li {display: inline-block; font-size: 16px; line-height: 1; padding-right: 15px; margin-right: 15px; font-weight: bold; position: relative; font-family: 'NanumSquare';}
#sub04_con .review_list > li .info li::after {content: ''; width: 1px; height: 12px; background: #111; position: absolute; right: 0; top: 2px;}
#sub04_con .review_list > li .info li:last-child {padding-right: 0; margin-right: 0;}
#sub04_con .review_list > li .info li:last-child::after {content: none;} 
#sub04_con .review_list > li p {font-size: 16px; line-height: 28px; margin-top: 30px; padding-top: 25px; border-top: 1px solid #ddd;}

#sub04_con .review_list > li .admin_check {position: absolute; right: 30px; top: 30px;}

.paging_wrap{text-align:center; margin-top:80px;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; vertical-align:middle; margin-right:8px;}
ul.paging li:last-child {margin-right: 0;}
ul.paging li img {vertical-align:middle; }
ul.paging li a {display:block; width:40px; height:40px; border:1px solid #ddd; font-size:16px; color:#999; line-height:40px; border-radius:50%; background:#f8f8f8; }
ul.paging li.page_arrow a {line-height:39px; }
ul.paging li.on a {color:#ffffff; border:0; background:#E5A757;}

#admin_edit {position:fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); z-index:99; display: none;}
#admin_edit .edit_con {background: #fff; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); padding: 70px 60px; }
#admin_edit .edit_con > p {font-size: 20px; color: #111; font-weight: bold; margin-bottom: 30px;}
#admin_edit .edit_con .edit {width: 100%; border-top: 2px solid #111; overflow: hidden;}
#admin_edit .edit_con .edit li {float:left; width: 50%; border-bottom:1px solid #ddd; padding: 15px 0; font-size: 0; padding-right: 30px;}
#admin_edit .edit_con .edit li:nth-child(2) {padding-right: 0;} 
#admin_edit .edit_con .edit li:nth-child(3) {width: 100%; padding-right: 0;}
#admin_edit .edit_con .edit li:nth-child(5) {padding-right: 0;} 
#admin_edit .edit_con .edit li:nth-child(6) {width: 100%; padding-right: 0;} 
#admin_edit .edit_con .edit li span {display:inline-block; font-size: 18px; font-weight: bold; line-height: 50px; width: 120px; vertical-align: middle;}
#admin_edit .edit_con .edit li input {display:inline-block; width: calc(100% - 120px); height: 50px; border:1px solid #ddd; padding: 0 15px; vertical-align: middle;}
#admin_edit .edit_con .edit li textarea {display:inline-block; width: calc(100% - 120px); height: 200px; border:1px solid #ddd; padding:15px;}

#admin_edit .edit_con .btns {font-size: 0; text-align: center; margin-top: 40px;}
#admin_edit .edit_con .btns button {display: inline-block; width:120px; height: 45px; margin-right: 10px; color: #fff;}
#admin_edit .edit_con .btns button.confirm {background: #F2B76B;}
#admin_edit .edit_con .btns button.close_btn {margin-right: 0; background: #111;}


#sub05_con {width: 100%; padding: 230px 0 200px; background: url(../images/sub/sub_visual05.jpg) no-repeat center center / cover;}
#sub05_con .tit_wrap {text-align: center; margin-bottom: 185px;}
#sub05_con .tit_wrap p {font-size: 25px; letter-spacing:2px; margin-bottom: 25px; color: #fff;}
#sub05_con .tit_wrap h2 {font-size: 60px; line-height: 90px; font-weight: 900; margin-bottom: 40px; color: #fff;}
#sub05_con .tit_wrap h2 b {color: #F2B76B; font-weight: 900;}

#sub05_con .content {background: #fff; padding: 100px 60px;}
#sub05_con .content .gray_box {background: #F6F6F6; padding: 50px; margin-bottom: 70px;}
#sub05_con .content .gray_box ul li {font-size: 20px; line-height: 35px; font-weight: bold; color: #111; margin-bottom: 20px; padding-left: 40px; background: url(../images/sub/sub05_check.png) no-repeat left 4px; font-family: 'NanumSquare';}
#sub05_con .content .gray_box ul li:last-child {margin-bottom: 0;}
#sub05_con .content .gray_box ul li b {font-weight: 400;}

#sub05_con .content .contact_list {border-top:3px solid #000; border-bottom:3px solid #000; overflow: hidden;}
#sub05_con .content .contact_list li {width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 20px 0; font-size: 0;}
#sub05_con .content .contact_list li:nth-child(1), #sub05_con .content .contact_list li:nth-child(2),
#sub05_con .content .contact_list li:nth-child(3), #sub05_con .content .contact_list li:nth-child(4) {width: 50%;}
#sub05_con .content .contact_list li:nth-child(1), #sub05_con .content .contact_list li:nth-child(3) {padding-right: 30px;}
#sub05_con .content .contact_list li span {display:inline-block; font-size: 20px; font-weight: bold; color: #111; width: 180px; line-height: 50px; vertical-align: middle;}
#sub05_con .content .contact_list li input {display:inline-block; font-size: 16px; width: calc(100% - 180px); height: 50px; border:1px solid #ddd; padding: 0 20px; vertical-align: middle;}
#sub05_con .content .contact_list li input::placeholder {color: #999999;}
#sub05_con .content .contact_list li.t_area span {line-height: 30px; vertical-align: top;}
#sub05_con .content .contact_list li.t_area textarea {display: inline-block; font-size: 16px; width: calc(100% - 180px); height: 200px; border:1px solid #ddd; padding: 15px 20px;}
#sub05_con .content .contact_list li.t_area textarea::placeholder {color: #999999;}

#sub05_con .content .privacy {margin-top: 30px;}
#sub05_con .content .privacy textarea {background: #f9f9f9; width: 100%; height: 150px; border: 1px solid #ddd; font-size: 14px; line-height: 24px; padding: 15px;}
#sub05_con .content .privacy .checkbox {margin-top: 10px; font-size: 0;}
#sub05_con .content .privacy .checkbox input {display: inline-block; margin-right: 5px; vertical-align: middle;}
#sub05_con .content .privacy .checkbox span {display: inline-block; vertical-align: middle; font-size: 15px;}

#sub05_con .content .btn_wrap {margin-top: 70px; text-align: center;}
#sub05_con .content .btn_wrap p {font-size: 20px; color: #111; font-weight: bold;}
#sub05_con .content .btn_wrap button {width: 380px; height: 80px; background: #BF945B; color: #fff; font-size: 26px; font-weight: bold; border-radius: 40px; margin-top: 30px;}


/* === Admin === */

#admin_login_wrap {background: url(../images/sub/admin_bg.jpg) no-repeat center center / cover; width: 100%; height: 100vh;}
#admin_login_wrap .admin_login {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 94%; max-width: 700px; background: #fff; padding: 70px 50px;}
#admin_login_wrap .admin_login h4 {font-size: 30px; text-align: center; line-height: 1; margin-bottom: 50px;}
#admin_login_wrap .admin_login ul li {font-size: 0; margin-bottom: 10px;}
#admin_login_wrap .admin_login ul li:last-child {margin-bottom: 0;}
#admin_login_wrap .admin_login ul li span {display: inline-block; font-size: 17px; font-weight: bold; width: 120px; vertical-align: middle;}
#admin_login_wrap .admin_login ul li input {display: inline-block; font-size: 16px; width: calc(100% - 120px); height: 50px; border: 1px solid #ccc; vertical-align: middle; padding: 0 20px;}
#admin_login_wrap .admin_login button {display:block; width: 200px; height: 50px; background: #BF945B; color: #fff; font-size: 18px; margin: 0 auto; margin-top: 50px;}


#admin_header h1 {position:absolute; left: 70px; top:35px;}
#admin_header .admin_btns {position: absolute; right: 70px; top: 30px; font-size: 0;}
#admin_header .admin_btns button {display:inline-block; width: 150px; height: 45px; margin-right: 10px; vertical-align: middle; font-size: 16px;}
#admin_header .admin_btns button a {display:block; width: 100%; height: 100%; line-height: 45px;}
#admin_header .admin_btns button:first-child {border:1px solid #fff; color: #fff;}
#admin_header .admin_btns button:last-child {margin-right: 0; background: #BF945B;}
#admin_header .admin_btns button:last-child a {color: #fff;}

#admin_wrap {background: url(../images/sub/admin_bg.jpg) no-repeat center center / cover; width: 100%; min-height: 100vh; padding: 150px 0 100px;}

#admin_wrap .admin_con {background: #fff; width: 1400px; margin: 0 auto;}
#admin_wrap .admin_con .admin_tab {overflow:hidden;}
#admin_wrap .admin_con .admin_tab li {float: left; width: 50%; height: 70px; line-height: 70px; text-align: center; font-size: 18px; background: #ddd;}
#admin_wrap .admin_con .admin_tab li a {color: #000; display: block; width: 100%; height: 100%;}
#admin_wrap .admin_con .admin_tab li.on {background: #fff;}
#admin_wrap .admin_con .admin_tab li.on a {color: #000; font-weight: bold;}

#admin_wrap .admin_con .mypage {padding: 100px 80px;}
#admin_wrap .admin_con .mypage h3 {font-size: 35px; line-height: 1; text-align: center; font-weight: 900;}
#admin_wrap .admin_con .mypage > p {font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 60px;}
#admin_wrap .admin_con .mypage ul {border-top:2px solid #000;}
#admin_wrap .admin_con .mypage ul li {border-bottom:1px solid #ddd; padding: 20px 0; font-size: 0; height: 100px;}
#admin_wrap .admin_con .mypage ul li span {font-size: 18px; font-weight: bold; display: inline-block; width: 20%; vertical-align: middle;}
#admin_wrap .admin_con .mypage ul li p {display: inline-block; width: 80%; vertical-align: middle; font-size: 18px; font-weight: 500; color: #000; line-height: 60px;}
#admin_wrap .admin_con .mypage ul li input {display: inline-block; width: 80%; vertical-align: middle; border: 1px solid #ddd; height: 60px; font-size: 18px;}
#admin_wrap .admin_con .mypage button {display:block; width: 250px; height: 60px; font-size: 18px; background: #BF945B; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}



#admin_wrap .admin_con .contact_list {padding: 100px 80px;}
#admin_wrap .admin_con .contact_list h3 {font-size: 35px; line-height: 1; text-align: center; font-weight: 900;}
#admin_wrap .admin_con .contact_list > p {font-size: 18px; text-align: center; margin-top: 20px; margin-bottom: 60px;}
#admin_wrap .admin_con .contact_list .con_list {border-top:2px solid #000;}
#admin_wrap .admin_con .contact_list .con_list li {height: 70px; line-height: 70px; font-size: 0; border-bottom:1px solid #ddd; text-align: center; font-family: 'NanumSquare';}
#admin_wrap .admin_con .contact_list .con_list li a {color: #555;}
#admin_wrap .admin_con .contact_list .con_list li:hover a {color: #000; font-weight: bold;}
#admin_wrap .admin_con .contact_list .con_list li.tit {text-align: center; background: #f9f9f9; font-weight: bold;}
#admin_wrap .admin_con .contact_list .con_list li input {width: 5%; display: inline-block; vertical-align: middle; font-size: 18px;}
#admin_wrap .admin_con .contact_list .con_list li p.num {width: 7%; display: inline-block; vertical-align: middle; font-size: 18px;}
#admin_wrap .admin_con .contact_list .con_list li p.tit {width: 60%; display: inline-block; vertical-align: middle; font-size: 18px;}
#admin_wrap .admin_con .contact_list .con_list li p.date {width: 28%; display: inline-block; vertical-align: middle; font-size: 18px;}

#admin_wrap .admin_con .contact_list .con_list li.no_data p {font-size: 18px;}

#admin_wrap .admin_con .contact_list .btns {font-size: 0; text-align: right;}
#admin_wrap .admin_con .contact_list button.delete {display:inline-block; width: 120px; height: 40px; background: #111; color: #fff; font-size: 16px; font-weight: bold; margin-top: 20px;}

#admin_wrap .admin_con .contact_list .paging_wrap {margin-top: 0;}

#admin_wrap .admin_con .contact_list .view_page {border-top:2px solid #000; overflow:hidden;}
#admin_wrap .admin_con .contact_list .view_page li {float:left; width: 50%; border-bottom:1px solid #ddd; padding: 20px 0; font-size: 0;}
#admin_wrap .admin_con .contact_list .view_page li:nth-child(7), #admin_wrap .admin_con .contact_list .view_page li:nth-child(8),
#admin_wrap .admin_con .contact_list .view_page li:nth-child(9), #admin_wrap .admin_con .contact_list .view_page li:nth-child(10) {width: 100%;}
#admin_wrap .admin_con .contact_list .view_page li span {display: inline-block; vertical-align: middle; font-size: 18px; color: #000; font-weight: 900; width: 200px;}
#admin_wrap .admin_con .contact_list .view_page li p {display: inline-block; vertical-align: middle; font-size: 18px; width: calc(100% - 200px); color: #555;}
#admin_wrap .admin_con .contact_list .list_btn {display:block; width: 250px; height: 60px; line-height: 60px; font-size: 18px; background: #BF945B; color: #fff; font-weight: bold; margin: 0 auto; margin-top: 60px;}
#admin_wrap .admin_con .contact_list .list_btn a {color: #fff; display: block; width: 100%; height: 100%;}