@charset "utf-8";
@import url("/html/cssfonts/SCoreDream/SCoreDream.css");
/*공통_css*/

/*header*/
nav{width:100%; padding:1% 0 0 0; }
nav::after{content:""; display:block; clear:both; }
nav .left a{display:block; margin-top:-6px; }

.header-box{background-color:#4a5d6c; }
.header-box .wrap ul{overflow:hidden; text-align:right;}
.header-box .wrap ul li{display:inline-block; margin-right:-2px; width:110px; font-size:13px; font-family:  's-core-dream-regular';text-align:center;}
.header-box .wrap ul li a{color:#fff; display:block; padding:4px;}
.header-box .wrap ul li:first-child a{color:#333 !important;}
.header-box .wrap ul li:nth-child(2) a{color:#fff !important;}

.header-box .wrap ul li:first-child{background-color:#fff !important;font-family: 's-core-dream-regular'; }
.header-box .wrap ul li:nth-child(2){background-color:#808f94 !important; }
.header-box .wrap ul li:nth-child(3), .header-box .wrap ul li:nth-child(4){font-size:13px; font-family:  's-core-dream-regular'; border-right:solid 0px #6aaadb; box-sizing:border-box; margin-right:-2px;}
.header-box .wrap ul li:nth-child(5){border-right:solid 1px #333; margin-right: -1px;}
.header-box .wrap ul li:nth-child(5), .header-box .wrap ul li:nth-child(6){ position:relative; width:110px; margin-left:5px; padding-left:0px; font-size:13px; font-family:  's-core-dream-regular';box-sizing:border-box; }
.header-box .wrap ul li:nth-child(5) a, .header-box .wrap ul li:nth-child(6) a{color:#F7FC62;}
.header-box .wrap ul li:nth-child(5):after, .header-box .wrap ul li:nth-child(6):after{content:""; display:block; background:url("../images/ico/kakach-ico.png")no-repeat; width:19px; height:16px; position:absolute; top:6px; left:7px; background-size:contain;}

.login-box{display:none;}


/*head-menu*/
nav ul.lnb li{float:left;  width:249px; text-align:right; font-size:18px; font-family: 's-core-dream-medium', sans-serif; font-weight:500; line-height:1.8; position:relative; top:0px; }
nav ul.lnb li:last-child::after{background:none;}

/*depth_menu*/
nav ul.mm>li a{display:block; padding-bottom:10px; transform:skew(-0.001deg);}
nav ul.lnb li ul.depth{background:#fff; display:none; width:100%; position:absolute; z-index:9999; top:41px; left:80px; padding:3%; box-sizing:border-box; box-shadow:5px 7px 6px rgba(88, 88, 88, 0.32);}
nav ul.lnb li ul.depth li{line-height:40px; font-size:16px; font-weight:100;  float:none; width:100%; text-align:left; text-indent:19%;}
nav ul.lnb li ul.depth li:last-child{border:none;}
nav ul.lnb li ul.depth li::after{background:none;}

nav ul.lnb li ul.depth li a{color:#333; display:block; padding-bottom:0; transform:skew(-0.001deg);}
nav ul.lnb li ul.depth li a:hover{background:#949f9f; color:#fff; position:relative;}
nav ul.lnb li ul.depth li a:hover:after{content:""; display:block; width:3px; height:100%; background:#555; position:absolute; top:0; left:0;}
nav ul li:hover .fix-color {color:#949f9f;}


/*footer*/
footer{width:100%; overflow:hidden; position:relative; background:#444444;}
#f-banner{background-color:#5a5a5a;}
#f-banner dl{overflow:hidden; padding:3% 0;}
#f-banner dl dd{width:25%; float:left;}
#f-banner dl dd a{display:block;}


#f-menu{border:solid 1px #5f5f5f;}
#f-menu .wrap{position:relative;}

ul.f-menu{overflow:hidden; height:54px; line-height:54px;}
ul.f-menu li{float:left; position:relative; padding-right:5%;}
ul.f-menu li::after{content:""; background:url("../images/common/f-menu.jpg")no-repeat; width:1px; height:6px; position:absolute; top:43%; right:22%;}
ul.f-menu li:last-child::after{background:none;}
ul.f-menu li a{color:#e5e5e5; font-size:15px; display:block;}

.back-top{position:absolute; top:0; right:0; z-index:2;}
.back-top a{display: block;}


address.wrap{margin:2% auto; overflow:hidden; font-size:14px; color:#fff; letter-spacing:0;}
address dl{overflow:hidden; line-height:1.8; transform: skew(-0.001deg);}
address dl dt span{display:inline-block;}
address dl dt span.ceo{position:relative; padding-left:1%;}
address dl dt span.ceo:after{content:"|"; display:block; position:absolute; top:10%; left:2%; font-size:12px;}

address dl dd{float:left; position:relative; padding-right:2%;}
address dl dd::after{content:"|"; position:absolute; top:10%; right:4%; font-size:12px;}

.add-txt{line-height:1.6; padding-bottom:1%;}

.copyright{font-size:13px; color:#989898;}
.copyright .admin{padding-left:.2%;}
.copyright span{display:inline;}

/*_form*/
.online-tbl{overflow:hidden; margin-top:2%;}
.online-tbl th, .online-tbl td{border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:2%; font-size:15px;}
.online-tbl th{background-color:#f5f5f5;}
.online-tbl td input[type="text"]{padding:1%; width:50%; color:#555;}
.online-tbl td input:focus{border:solid 1px #9660ab;}
.online-tbl span{display:inline-block;}

.online-tbl input::placeholder{font-size:13px; color:#999;}
.online-tbl input::-webkit-input-placeholder{font-size:13px; color:#999;}
.online-tbl input:-ms-input-placeholder{font-size:13px; color:#999;}/*IE*/
.online-tbl input:-mos-input-placeholder{font-size:13px; color:#999;}/*firefox*/

.add1{position:relative;}
.online-tbl td .add1 input{width:30%;}
.online-tbl td .add1 button{position:absolute; left:33%; top:0;}
button.add-btn{background:#9660ab; color:#fff; font-size:14px; width:10%; padding:1%;}
.add2{margin-top:1%;}

.online-tbl td.tel-box span{display:inline; margin-right:2%; position:relative;}
.online-tbl td.tel-box span:after{content:"-"; position:absolute; top:50%; right:-12%; color:#555; font-weight:600;}
.online-tbl td.tel-box span:last-child:after{display:none;}
.online-tbl td.tel-box span input{width:10%; padding:1%;}
.online-tbl td.gender label{font-size:14px; padding:0 1%; vertical-align:top;}
.online-tbl td.etc-box textarea{width:52%; height:100px; border:solid 1px #ddd; padding:1%; box-sizing:border-box; resize:none;}
.online-tbl td.etc-box textarea:focus{border:solid 1px #9660ab;}

.online-tbl td.mail span{display:inline; position:relative;}
.online-tbl td.mail input[type="text"]{width:15%;}
.online-tbl td.mail span:first-child{margin-right:2%;}
.online-tbl td.mail span:first-child:after{content:"@"; display:block; position:absolute; top:50%; right:-10%; font-size:14px;}
.online-tbl td.mail select{margin-left:1%;}
.online-tbl td select{width:26%; border:solid 1px #ddd; padding:1%;}
.online-tbl td select:focus{border:solid 1px #9660ab;}

.online-tbl td.phone-box span{display:inline; position:relative; margin-right:2%;}
.online-tbl td.phone-box span:after{content:"-"; display:block; position:absolute; top:50%; right:-8%;}
.online-tbl td.phone-box span:last-child:after{display:none;}
.online-tbl td.phone-box span input{width:10%;}

.online-tbl td.address-box input{width:30%;}
.online-tbl td.address-box input:nth-child(3){width:50%; display:block; margin-top:1%;}

.online-tbl td.ftype label{vertical-align:super; padding:0 1%;}
.online-tbl td.child-box span{display:inline; width:15%; margin-right:1%;}
.online-tbl td.child-box input{width:5%; vertical-align:baseline;}

.priva-box{border:solid 1px #ddd; padding:3%; box-sizing:border-box; font-size:15px; margin-top:2%; overflow-y:scroll; height:340px;}
.priva-box p, .priva-box ul li{line-height:1.6;}
.priva-box p strong{font-size:17px; margin:1% 0; display:block;}

.priva-chk{overflow:hidden; font-size:15px; margin-top:1%;}
.priva-chk input[type="checkbox"]{}
.priva-chk label{padding-left:5px;}

.priva-btn{padding:2% 3%; font-size:18px; color:#7bb839; border:solid 3px #7bb839; font-family:'s-core-dream-medium', sans-serif; transition:all 0.4s ease-out;}
.priva-btn:hover{background:url("../images/common/g-pattern.png") repeat #7bb839; color:#fff;}


/*개인정보취급방침*/
.popup {display: none; position:fixed; width: 100%; height: 100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:9999;}
.popup-inner{position:absolute; width: 44%; height: 90%; top:50%; left:50%; transform:translate(-50%, -50%); padding:10px; background:#fff;}
.popup-inner h3{font-size:19px; margin:26px 20px; padding-left:23px; color:#9660ab;}

.pop-cont{height:76%; overflow-y:scroll; background:#fff; padding:30px; font-size:14px;}
.pop-cont p{line-height:24px;}
.pop-cont p strong{display:block; margin:7px 0;}
.pop-cont ul{margin:10px 0;}
.pop-cont ul li{line-height:26px; font-weight:600; color:#555;}

.close_btn{position: absolute; display: block; bottom:39px; right:10px; width:130px; height:50px; line-height:50px; border:solid 1px #ddd; text-align:center; font-size:15px;}
.close_btn a{display:block;}
.close_btn a:hover{background:#f5f5f5;}



/*팝업*/
#hd_pop {z-index:1000; position:relative; /*margin:0 auto; width:1200px;*/ height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
#hd_pops_1{display:block;}
#hd_pops_2{display:none;}
#hd_pops_5{display:none;}
#hd_pops_10{display:none ;}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



/*media_mobile*/

@media all and (max-width:1024px) {

/*공통css*/
.wrap{width:100%;}

/*header*/
nav .left{float:none; text-align:center; border-bottom:solid 1px #ddd; padding-bottom:1%; }
nav .right{float:none;}

nav ul.lnb li{width:25%; margin:1% 0;}
nav ul.mm>li a{padding-bottom:0;}
nav ul.lnb li ul.depth{top:50px;}

.header-box .wrap ul li:nth-child(5){margin-right:-2px;}


/*footer*/
footer{padding-bottom:5%;}
#f-banner dl{padding:3%;}
#f-banner dl dd img{width:100%;}
#f-banner dl dd{width:24%; margin-right:1%;}

#f-menu .wrap{padding:0 3%; box-sizing:border-box;}
address.wrap{margin:3%; width:94%;}
address.wrap a{color:#fff;}


/*개인정보취급방침*/
.popup-inner{width:90%;}


/*팝업*/
#hd_pops_1{display:none;}
#hd_pops_3{display:none;}
#hd_pops_2{display:block;}
#hd_pops_5{display:block;}
#hd_pops_9{display:none;}
#hd_pops_10{display:blocK;}
iframe{width:100% !important;}

#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_pop .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;left:0; top:60px;}
#hd_pop .hd_pops_con {width:100% !important; height:auto !important;}
#hd_pop .hd_pops img {max-width:100%;height:auto}
#hd_pop .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right;}
#hd_pop .hd_pops_footer .hd_pops_reject{background:#393939; text-align:initial;}
#hd_pop .hd_pops_footer .hd_pops_close{position:relative;}
#hd_pop .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

}

@media all and (max-width:800px){

/*head*/
.header-box .wrap ul li{/*width:140px;*/width:33.3%; margin-right:-2px;}
.header-box .wrap ul li a{padding:11px;}
.header-box .wrap ul li:nth-child(4){margin-right:-2px}
.header-box .wrap ul li:nth-child(5), .header-box .wrap ul li:nth-child(6){width:33.3%;}
.header-box .wrap ul li:nth-child(5):after, .header-box .wrap ul li:nth-child(6):after{top:9px; left:66px;}
.header-box .wrap ul li:nth-child(5):after, .header-box .wrap ul li:nth-child(6):after{margin-right:0;}

footer{padding-bottom:8%;}

/*_form*/
.online-tbl th, .online-tbl td{font-size:16px;}
button.add-btn{width:14%;}
.online-tbl td input[type="text"]{width:78%;}
.online-tbl td input#address1[type="text"]{width:30%;}
.online-tbl td.etc-box textarea{width:80%;}


.online-tbl td.child-box span{display:inline; width:15%; margin-right:1%;}
.online-tbl td.child-box input{width:5%; vertical-align:baseline;}

/*개인정보취급방침*/
.popup-inner{height:90%;}
.popup-inner h3{margin:4% 0;}
.close_btn{bottom:10px;}
.pop-cont{padding:5%;}



}

@media all and (max-width:650px){
/*header*/
.gnb{display:none;}
nav{padding:3% 0;}
nav .left{border-bottom:none; text-align:left; padding-left:4%; position:fixed; z-index:9999; width:58%; margin-top: 8px; }

.header-box{display:none;}

.login-box{overflow:hidden; display:block; width:100%; font-family: 's-core-dream-regular', sans-serif;}
.login-box ul{border-bottom:solid 1px #ddd;}
.login-box ul li{float:left; font-size:1.0em; font-weight:400;  text-align:center; width:25%;  box-sizing:border-box; border-bottom:none;}
.login-box ul li a{color:#fff; display:block; padding:12% 5% 12% 5%;}

.login-box ul li:first-child{background:#5f9fd0;}
.login-box ul li:nth-child(2){background:#99c8ec;}
.login-box ul li:nth-child(3){background:#5f9fd0;}
.login-box ul li:nth-child(4){background:#99c8ec}
.login-box ul li:nth-child(5){background:#555;}
.login-box ul li:nth-child(6){background:#555;}
.login-box ul li:nth-child(7){background:#555;}
.login-box ul li:nth-child(8){background:#555; border-right:solid 0px #ddd;}

.kakao-ch{width:100%; overflow:hidden;}
.kakao-ch dl dd{width:50%; float:left; background:#fae100; color:#000; box-sizing:border-box; text-align:center; padding:2%; position:relative;}
.kakao-ch dl dd:after{content:""; display:block; background:url("../images/ico/kakach-ico.png")no-repeat; width:22px; height:22px; background-size:contain; position:absolute; top:8px; left:29px; font-weight:600;}
.kakao-ch dl dd:nth-child(2){border-left:solid 1px #5e94bd;}
.kakao-ch dl dd img{width:100%;}


/*footer*/
footer{padding-bottom:12%;}
#f-banner dl dd{width:48%; margin-right:2%; margin-bottom:2%;}
#f-banner dl dd:nth-child(3), #f-banner dl dd:nth-child(4){margin-bottom:0;}

ul.f-menu li::after{right:9%;}

address.wrap{font-size:14px;}
address dl{line-height:1.6;}
address dl dt{line-height:1.4;}
address dl dt span.ceo{padding-left:0%;}
address dl dt span.ceo:after{display:none;}

address dl dt span{display:block;}
address dl dd{padding-right:4%;}
address dl dd::after{top:0%; right:5%;}
address dl dd:nth-child(3):after, address dl dd:nth-child(5):after, address dl dd:nth-child(6):after, address dl dd:nth-child(7):after, address dl dd:nth-child(8):after{display:none;}

.copyright{padding:0 0 3% 0; line-height:1.6;}
.add-txt span{display:inline-block;}

/*_form*/
.online-tbl{margin-bottom:5%; margin-top:5%; border:solid 1px #ddd; border-top:none;}
.online-tbl th, .online-tbl td{font-size:13px; display:block; border-bottom:none; padding:3%;}
.online-tbl td input[type="text"], .online-tbl td textarea, .online-tbl td input[type="tel"]{-webkit-appearance:none; -webkit-border-radius:0;}
.online-tbl td input[type="text"]{padding:2%; width:100%; box-sizing:border-box;}
.online-tbl td input#address1[type="text"]{width:35%;}

.online-tbl input::placeholder{font-size:12px;}
.online-tbl td.etc-box textarea{width:100%;}

.online-tbl td.tel-box span input{width:28%;}
.online-tbl td.tel-box span:after{top:35%; right:-7%;}
.online-tbl td .add1 button{left:36%;}
button.add-btn{width:24%; padding:2%;}

.priva-box{font-size:14px; height:300px;}
.priva-chk input[type="checkbox"]{-webkit-border-radius:0;}
.priva-box p strong{font-size:15px;}
.priva-chk{margin-top:3%;}
.priva-btn{padding:4%; width:100%; box-sizing:border-box; font-size:16px;}

.online-tbl th i{display:inline-block;}
.online-tbl td.mail input[type="text"]{width:46%;}
.online-tbl td.mail span:first-child{margin-right:5%;}
.online-tbl td.mail select{width:47%; padding:3%; margin-left:0; margin-top:2%;}
.online-tbl td.phone-box span input{width:30%;}

.online-tbl td.address-box input:first-child{width:30%;}
.online-tbl td.address-box input:nth-child(3){width:100%;}

.online-tbl td.child-box span{display:inline; width:50%; margin-right:3%;}
.online-tbl td.child-box input{width:30%; vertical-align:baseline; margin-top:2%;}
.online-tbl td.phone-box span:after{right:-6%;}

.online-tbl td select{width:50%; padding:3%; position:relative; -webkit-appearance: none; -webkit-border-radius:0; background:url("../images/ico/select_arrow.png") no-repeat 95% 50%;}
.online-tbl td select:after{content:""; background: url("../images/common/arr-d.png")no-repeat; position:absolute; top:44%; right:5%; width:9px; height:6px; background-size:contain;}
.online-tbl td.ftype.b_time label{padding:0 4% 0 1%}
.online-tbl td.ftype.visit label{word-break:break-all; padding:0 5% 0 1%;}

.online-tbl td.phone-box span:after{}


/*개인정보취급방침*/
.pop-cont{font-size:14px;}

}

@media all and (max-width:375px){

.login-box ul li{font-size:14px;}

/*fooer*/
footer{padding-bottom:14%;}
ul.f-menu{height:auto; line-height:2.0;}
ul.f-menu li{width:50%; box-sizing:border-box; text-align:center; padding:2% 0 0 0;}
ul.f-menu li:nth-child(2)::after{display:none;}

address.wrap{font-size:13px;}
address dl dt span{display:block;}
.back-top{top:inherit;}

/*_form*/
.online-tbl td .add1 button{font-size:12px;}
button.add-btn{width:26%;}
.online-tbl td.tel-box span input{width:26%;}
.online-tbl th, .online-tbl td, .online-tbl td.gender label{font-size:13px;}

input[type='tel'], input[type='url'], input[type='number'], input[type='email'], input[type='text'], input[type='password'], input.text, input.password{font-size:14px;}

.online-tbl td.mail input[type="text"]{width:46%;}
.online-tbl td.mail span:first-child:after{font-size:11px;}
.online-tbl td.address-box button.add-btn{width:30%; font-size:12px;}
.online-tbl td.address-box input:first-child{width:64%;}

.online-tbl td select, .online-tbl td.mail select{width:100%;}
}

@media all and (max-width:320px){

nav .left{width:62%; top:2.5%;}
nav .left img{width:100%;}

.back-top img{width:100%;}
address dl dt{width:84%;}

.login-box ul li{font-size:13px; font-weight:500;}
.slicknav_nav ul{font-size:15px !important;}

.kakao-ch dl dd{font-size:14px;}
.kakao-ch dl dd:after{width:18px; height:18px; left:17px;}



}