@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url('https://fonts.googleapis.com/css2?family=Play&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Nanum Gothic", sans-serif;}
a {text-decoration:none; font-family: "Nanum Gothic";}
li, ul, ol {list-style:none;}
img {border:0;}

#wrap {width:100%;}
#header {width:100%; position:absolute; top:0; z-index:99;}
#contents {position:relative; width:100%; z-index:5;}
.contents {position:relative; width:100%; z-index:5;}
#footer {width:100%; height:336px; padding:56px 0 53px; background:#b7b0a5; box-sizing:border-box;}

.bbs{width:1200px !important; margin:0 auto;}
.container {width:1200px; margin:0 auto;}
.roboto{font-family: 'Roboto', sans-serif;}
/* header */
.top_container {width:100%; height:70px; padding-top:26px; border-bottom:1px solid #d4d4d4; background:#fff;}
.top_container .left_con,.top_container h1 {float:left;}
.top_container .left_con {margin-top:8px; cursor:pointer;text-align:center}
.top_container h1 {margin-left:440px;}
.top_container .right_con {float:right; margin-to
	.top_pop_area {}p:13px;}
.top_container .right_con a {font-size:11px; color:#000; text-transform:uppercase;}
.top_container .right_con span {display:inline-block; width:1px; height:9px; margin:0 10px; background:#000; font-weight:700; vertical-align:middle;}

.under_container {width:100%; height:65px; background:#fff;}
.gnb ul {font-size:0; text-align:center;}
.gnb ul li {display:inline-block; margin:0 30px; padding-top:19px;}
.gnb ul li a {font-size:17px; font-weight:500; color:#1e1e1e; font-family: "Noto Sans KR"; letter-spacing:-0.05em;}

.lnb {display:none;}

/* footer */
#footer h1 {margin-bottom:30px; text-align:center;}
#footer .link_wrap {margin-bottom:18px; text-align:center;}
#footer .link_wrap a {font-size:15px; color:#3a3937;}
#footer .link_wrap span {display:inline-block; width:1px; height:10px; margin:0 15px 0 17px; background:#78746e;}
#footer .adress {margin-bottom:10px; text-align:center; font-size:14px; color:#615f5c; line-height:1.6em;}
#footer .copy {text-align:center; font-size:12px; color:#807e7b;}
#footer .sns_wrap {margin-top:35px; text-align:center; font-size:0;}
#footer .sns_wrap a {margin:0 7px;}

.footer_list {width:690px; height:296px; padding:53px 0; background:#fff; box-sizing:border-box; overflow:hidden;position: relative; margin:0 auto}
.footer_list ul {float:left; width:171px;}
.footer_list ul:last-child {width:174px;}
.footer_list ul a.tit {display:block; margin-bottom:20px; font-size:16px; font-weight:700; color:#636363; text-align:center;}
.footer_list ul li {margin-bottom:8px; padding-left:25px;}
.footer_list ul li a {font-size:14px; color:#838282;}
.footer_list ul.tb li {padding-left:38px;}
.footer_list ul.review li {padding-left:56px;}
.footer_list ul.intro li {padding-left:42px;}

#footer .container {position:relative;}
#footer img.up_btn {display:block; position:absolute; top:-56px; right:0; cursor:pointer;}

/*sub_common*/
.sub_common {width:100%; height:800px; padding:100px 0; background:#a89e8e url('/img/sub_common_bg.jpg') no-repeat center top; box-sizing:border-box;}
.sub_common ul {overflow:hidden;}
.sub_common ul li {float:left; position:relative; width:590px; height:290px; margin:0 20px 20px 0;}
.sub_common ul li:nth-of-type(2n) {margin-right:0;}
.sub_common ul li a {display:block; position:absolute; top:181px; right:82px;}
.sub_common ul li a.btn_03 {left:82px;}

.sub_common ul li.quick_consult {background:#fff; padding:38px 45px 35px; box-sizing:border-box;}
.sub_common .quick_consult .form_wrap {margin:19px 0 0;}
.sub_common .quick_consult .form_wrap dl {overflow:hidden; margin-bottom:7px;}
.sub_common .quick_consult .form_wrap dl dd {float:left;}
.sub_common .quick_consult .form_wrap dl dd input[type="text"] {width:172px; height:31px; border:1px solid #dedede;}
.sub_common .quick_consult .form_wrap dl dd.f_tit {width:57px; padding-top:10px;}
.sub_common .quick_consult .form_wrap dl dd.f_tit.no02 {width:65px; margin-left:24px;}
.sub_common .quick_consult .form_wrap dl dd textarea {width:315px; height:96px; border:1px solid #dedede; margin-right:7px; resize:none;}
.sub_common .quick_consult .agree_wrap {margin-top:12px; padding-left:57px;}
.sub_common .quick_consult .agree_wrap input[type="checkbox"] {width:16px; height:16px; margin-right:7px;} 
.sub_common .quick_consult .agree_wrap label {margin-right:11px;}
.sub_common .quick_consult .agree_wrap img {vertical-align:middle;}


/* sub_visual*/
.sub_visual {position:relative; width:100%; height:466px; overflow:hidden; margin-top:162px;}
.sub_visual img {position:absolute; top:0; left:50%; margin-left:-1000px; width:2000px; height:466px;}

.sub_title {width:100%; padding:53px 0;}
.sub_title h2 {font-size:40px; font-weight:300; text-align:center; color:#2d2d2d; font-family: "Noto Sans KR"; letter-spacing:-0.04em;}
.sub_title p {text-align:center; margin-top:15px;}
.sub_title p img {margin:0 5px; vertical-align:initial;}
.sub_title p img.home_i {vertical-align:text-top;}
.sub_title p span {margin:0 5px; font-size:14px; color:#636469; font-family: "Noto Sans KR";}
.sub_title p span.text_02 {color:#ac905e;}


/*sub_depth*/
.sub_depth {width:100%; position:relative; z-index:10;}
.sub_depth ul {font-size:0; text-align:center;}
.sub_depth ul li {display:inline-block; width:171px; height:60px;}
.sub_depth ul li a {display:block; width:100%; height:100%; padding-top:16px; box-sizing:border-box; font-size:17px; color:#222; background:#fff; border:1px solid #d0d0d0; border-left:0; font-family: "Noto Sans KR";}
.sub_depth ul li:nth-of-type(1) {border-left:1px solid #d0d0d0;}
.sub_depth ul li a.on {background:#668a8a; color:#fff;}
.sub_depth .tit {display:none;}
.subd_none .sub_depth {display:none;}

.sub_depth.post ul li {width:150px; box-sizing:border-box;}


/*pop_area*/
.top_pop_area {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:350px; padding:39px 0 31px; background:#e7e0d5; box-sizing:border-box; overflow:hidden;}
.top_pop_area .tit_part,.top_pop_area .po_part {float:left;}
.top_pop_area .tit_part {margin-right:83px;}
.top_pop_area .po_part ul {overflow:hidden;}
.top_pop_area .po_part ul li {float:left; margin-left:4px;}
.top_close {cursor:pointer;}