@charset "utf-8";

/* reset css */
html, body, ul, ol, dl, li, dt, dd, form, fieldset, legend {margin:0; padding:0; outline:0; border:0; background:transparent;}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal;}
fieldset, img {border:0; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption, label, legend {position:absolute;top:-9999px;left:-9999px;/*visibility:hidden;*/ width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:auto; /*text-indent:-9999em*/}
input, textarea, select {font-size:100%; line-height:auto;font-family:'lato','notokr', sans-serif;  letter-spacing:-0.5px;}
ul, ol, dl, li {list-style:none;}
abbr, acronym {border-bottom: .1em dotted; cursor:help;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {display:block;}
a {color:inherit; text-decoration:none}
button {-webkit-appearance: none;outline:0; border:0; background:none;}
img{max-width:100%}
/* Input Reset */
input[type="checkbox"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="radio"]{margin:0; vertical-align:middle; margin-right:2px}
input[type="submit"]{-webkit-appearance: none;background:none;border:0}
/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0}
select {-webkit-border-radius:0;}


body {font-family:'Roboto', sans-serif; font-size:15px; position:relative;letter-spacing:-1px;}
#wrap{padding-top:0 !important;overflow:hidden;}
/* common CSS */
.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}
.scrollOff{position:fixed;overflow:hidden;height:100%;width:100%;}
.notokr{font-family: 'notokr', sans-serif; }
.lato{font-family: 'lato', 'notokr', sans-serif; }
/* header */
#header .mobile_gnb, .gnb_area_m {display:none;}
#header {position:fixed; top:0; left:0;right:0px; z-index:99; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding:45px 80px 20px; }
#header .header_conts:after{display:block;content:"";clear:both;}
#header h1 {float:left;width:192px;height:65px; background:url('/images/common/logo.png') no-repeat left center; background-size:100%;}
#header h1 a {display:block; width:100%; height:100%;text-indent:-9999px;}
#header .gnb .gnb_top_menu{float:right}
#header .gnb .gnb_top_menu .btn_tel {display:none;}

#header .gnb .gnb_open_btn{height:60px;line-height:60px;}
#header .gnb .gnb_open_btn:hover{}
#header .gnb .gnb_open_btn .txt{float:left;font-size:12px;color:#fff;font-weight:300;padding-right:8px;}
#header .gnb .gnb_open_btn .btn_box {display:inline-block;position:relative;width:58px;height:58px;border:1px solid #fff;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1),inset 1px 1px 1px rgba(0, 0, 0, 0.1);}
#header .gnb .gnb_open_btn:hover .btn_box {border-color:#2e9ad7}
#header .gnb .gnb_open_btn .btn_box .line {position:absolute;left:18px;width:22px;height:3px;background-color:#fff;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}
#header .gnb .gnb_open_btn:hover .btn_box .line {background-color:#2e9ad7}
#header .gnb .gnb_open_btn .btn_box .line1 {top:19px;}
#header .gnb .gnb_open_btn .btn_box .line2 {width:14px;top:28px;}
#header .gnb .gnb_open_btn .btn_box .line3 {top:37px;}
#header .gnb .gnb_box{display:none;}
#header .gnb .gnb_box .b_layer {position:fixed;top:0px;bottom:0px;left:0px;right:0px;background-color:rgba(0,0,0,.7)}
#header .gnb .gnb_box .menu_area {position:fixed;top:0px;right:-450px;width:450px;height:100%;background-color:#fff;}
#header .gnb .gnb_box .menu_area .menu{padding:150px 0 0 80px}
#header .gnb .gnb_box .menu_area .menu a{display:block;line-height:1;color:#282828;letter-spacing:0px;}
#header .gnb .gnb_box .menu_area .menu li a:hover{color:#2e9ad7;font-weight:700}
#header .gnb .gnb_box .menu_area .menu>li{font-size:36px;font-weight:700;padding-bottom:80px;}
#header .gnb .gnb_box .menu_area .menu li .depth2_list li{font-size:16px;font-weight:300;padding-top:20px}
#header .gnb .gnb_box .menu_area .menu li .depth2_list li:first-child{padding-top:40px}
#header .gnb .gnb_box .menu_area .gnb_close_btn{position:absolute;top:45px;right:80px;height:45px;line-height:58px;}
#header .gnb .gnb_box .menu_area .gnb_close_btn .txt{float:left;font-size:12px;color:#2e9ad7;font-weight:200;padding-right:8px;}
#header .gnb .gnb_box .menu_area .gnb_close_btn .btn_box{display:inline-block;width:45px;height:100%;background-color:#fff;text-align:center;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);box-sizing:border-box;border:1px solid #2e9ad7}
#header .gnb .gnb_box .menu_area .gnb_close_btn .btn_box img{vertical-align:middle}
#header .gnb .gnb_box .menu_area .mobile_sns_list{display:none;}

#header.fixed{padding-top:20px;background-color:#fff;box-shadow:0px 10px 20px rgba(0, 0, 0, .1);}
#header.fixed h1{background-image:url('/images/common/logo_fixed.png')}
#header.fixed .gnb .gnb_open_btn .txt{color:#282828}
#header.fixed .gnb .gnb_open_btn .btn_box{border-color:#282828}
#header.fixed .gnb .gnb_open_btn:hover .btn_box{border-color:#2e9ad7}
#header.fixed .gnb .gnb_open_btn .btn_box .line{background-color:#282828}
#header.fixed .gnb .gnb_open_btn:hover .btn_box .line{background-color:#2e9ad7}

.header {background-color:#000;}/*서브상단바 컬러*/

#footer{display:block;border-top:1px solid #e5e5e5;position:relative;z-index:1}
#footer .area{color:#7f7f7f; position:relative;max-width:1080px; padding:60px 20px;margin:0px auto;}
#footer .area:after{display:block;content:"";clear:both;}
#footer .area .footer_cnt1{float:left;width:70%;box-sizing:border-box;}
#footer .area .footer_cnt1 .footer_right.pc {float:right}
#footer .area .footer_cnt1 .footer_right address {font-style:normal;font-size:15px;letter-spacing:-0.6px;}
#footer .area .footer_cnt1 .footer_right span {font-weight:600}
#footer .area .footer_cnt1 .company_address{padding:5px 0 22px}
#footer .area .footer_cnt1 .footer_right.mobile {display:none;}
#footer .area .footer_cnt1 .company_address:after{display:block;content:"";clear:both;}
#footer .area .footer_cnt1 .company_address li{float:left;position:relative;font-size:15px;padding-left:35px;letter-spacing:-0.6px;}
#footer .area .footer_cnt1 .company_address li:before{display:block;content:"";position:absolute;top:50%;left:21px;margin-top:-6px;width:1px;height:12px;background-color:#b4b4b4;}
#footer .area .footer_cnt1 .company_address .list3{clear:left;}
#footer .area .footer_cnt1 .company_address .list1, #footer .area .footer_cnt1 .company_address .list3{padding-left:0}
#footer .area .footer_cnt1 .company_address .list1:before, #footer .area .footer_cnt1 .company_address .list3:before{display:none;}
#footer .area .footer_cnt2{float:left;width:67%;box-sizing:border-box;border-right:1px solid #505050}
#footer .area .footer_cnt2 .family_site{padding:20px 0;}
#footer .area .footer_cnt2 .family_site:after{display:block;content:"";clear:both;}
#footer .area .footer_cnt2 .family_site li{float:left;padding-left:60px}
#footer .area .footer_cnt2 .family_site .list1{padding-left:0}
#footer .area .footer_cnt3{position:absolute;top:60px;right:0px;width:33%;box-sizing:border-box;padding-left:150px;}
#footer .area .footer_cnt3 .sns_title{font-size:21px;letter-spacing:-0.2px;font-weight:700}
#footer .area .footer_cnt3 .footer_sns{padding:35px 0 30px;}
#footer .area .footer_cnt3 .footer_sns:after{display:block;content:"";clear:both;}
#footer .area .footer_cnt3 .footer_sns li{float:left;padding-right:20px}
#footer .area .footer_cnt3 .company_information li{display:inline-block;font-size:15px;color:#b4b4b4;letter-spacing:-0.6px;}
#footer .area .footer_cnt3 .company_information .list1{position:relative;padding-right:30px}
#footer .area .footer_cnt3 .company_information .list1:after{display:block;content:"";position:absolute;top:50%;right:12px;margin-top:-6px;width:1px;height:12px;background-color:#b4b4b4;}
#footer .area .footer_cnt3 address{font-style:normal;font-size:15px;color:#b4b4b4;letter-spacing:-0.6px;padding-top:15px;}
#footer .area .footer_cnt3 select{color:#666666; width: 200px; height:30px; line-height:30px}

@media screen and (max-width:1280px) {
	/* #header .gnb .gnb_box .menu_area{width:40%;right:-40%;} */
}
@media screen and (max-width:1200px) {
	#footer .area{max-width:800px;}
	#footer .area .footer_cnt1{float:none;width:100%;border:0px;text-align:center}
	#footer .area .footer_cnt1 .footer_right.mobile{display: block; margin-top:20px}
	#footer .area .footer_cnt1 .company_address{padding:30px 0 40px}
	#footer .area .footer_cnt1 .company_address li{float:none;display:inline-block;}
	#footer .area .footer_cnt2{float:none;width:100%;border:0px;text-align:center}
	#footer .area .footer_cnt2 .family_site{padding:0 0 40px;}
	#footer .area .footer_cnt2 .family_site li{float:none;display:inline-block;padding-left:40px;}
	#footer .area .footer_cnt3{position:static;width:100%;padding-left:0;text-align:center;}
	#footer .area .footer_cnt3 .footer_sns{padding:30px 0}
	#footer .area .footer_cnt3 .footer_sns li{float:none;display:inline-block;}
	#footer .area .footer_cnt3 .footer_sns .list4{padding-right:0}
	#footer .area .footer_cnt1 .footer_right.pc {display:none;}
}

@media screen and (max-width:1024px) {
	#header{padding-left:40px;padding-right:40px;}
	/* #header .gnb .gnb_box .menu_area{width:60%;right:-60%;} */
	#header .gnb .gnb_box .menu_area .gnb_close_btn{right:40px;}
}

@media screen and (max-width:800px) {
    #footer .area .footer_cnt1 .footer_right.mobile {display: block; margin-top:20px}
	#footer .area .footer_cnt1 .company_address{padding-bottom:30px}
	#footer .area .footer_cnt1 .company_address li{margin-bottom:10px}
	#footer .area .footer_cnt1 .company_address .list1, #footer .area .footer_cnt1 .company_address .list2, #footer .area .footer_cnt1 .company_address .list3{display:block;}
	#footer .area .footer_cnt1 .company_address .list2, #footer .area .footer_cnt1 .company_address .list4{padding-left:0}
	#footer .area .footer_cnt1 .company_address .list2:before, #footer .area .footer_cnt1 .company_address .list4:before{display:none;}
	#footer .area .footer_cnt2 .family_site{padding-bottom:30px;}
	#footer .area .footer_cnt2 .family_site li{padding-bottom:10px;}
	#footer .area .footer_cnt1 .footer_right.pc {display:none;}
}

@media screen and (max-width:768px) {
	#header{padding:24px 26px;}
	#header.fixed{padding-bottom:20px;}
	#footer .area .footer_cnt1 .footer_right.mobile {display: block; margin-top:20px}
	#header .gnb .gnb_box .menu_area .menu{padding-top:164px;}
	#header .gnb .gnb_box .menu_area .menu>li{padding-bottom:40px;}
	#header .gnb .gnb_box .menu_area .gnb_close_btn{top:24px;right:26px;}
	#header .gnb .gnb_box .menu_area .mobile_sns_list{display:block;position:absolute;bottom:80px;left:0px;right:0px;text-align:center;}
	#header .gnb .gnb_box .menu_area .mobile_sns_list li{display:inline-block;margin-left:30px;width:51px;height:51px;}
	#header .gnb .gnb_box .menu_area .mobile_sns_list .list1{margin-left:0}
	#header .gnb .gnb_box .menu_area .mobile_sns_list li img{width:100%}
	#footer .area .footer_cnt1 .footer_right.pc {display:none;}
}

@media screen and (max-width:640px) {
	#header{padding:15px 16px;}
	#header.fixed{padding:15px 16px;}
	#header h1{max-width:145.5px;height:30px;}
	#header .gnb .btn_kakao img {width:30px;height:30px;}
	#header .gnb .btn_tel {display:unset !important;}
	#header .gnb .btn_tel img {width:30px;height:30px;}
	#header .gnb .gnb_open_btn{height:30px;line-height:30px;}
	#header .gnb .gnb_open_btn .btn_box{width:30px;height:30px;}
	#header .gnb .gnb_open_btn .btn_box .line{left:8px;width:11px;height:2px;}
	#header .gnb .gnb_open_btn .btn_box .line1{top:7px;}
	#header .gnb .gnb_open_btn .btn_box .line2{top:13px;width:7px}
	#header .gnb .gnb_open_btn .btn_box .line3{top:19px;}
	#header .gnb .gnb_box .menu_area{width:170px;right:-170px;}
	#header .gnb .gnb_box .menu_area .menu{padding:45px 0 0 30px;}
	#header .gnb .gnb_box .menu_area .menu>li{font-size:16px;padding-bottom:30px;}
	#header .gnb .gnb_box .menu_area .menu li .depth2_list li{font-size:14px;padding-top:10px}
	#header .gnb .gnb_box .menu_area .menu li .depth2_list li:first-child{padding-top:20px;}
	#header .gnb .gnb_box .menu_area .gnb_close_btn{top:15px;right:16px;height:30px;line-height:27px;}
	#header .gnb .gnb_box .menu_area .gnb_close_btn .btn_box{width:30px;}
	#header .gnb .gnb_box .menu_area .gnb_close_btn .btn_box img{width:14px;padding-top:5px;}
	#header .gnb .gnb_box .menu_area .mobile_sns_list{position:static;left:auto;right:auto;bottom:auto;text-align:left;padding:10px 0 0 30px;}
	#header .gnb .gnb_box .menu_area .mobile_sns_list li{width:21px;height:21px;margin-left:8px;}

	#footer .area{padding:31px 0 39px;}
	#footer .area .footer_cnt1 .footer_right.mobile {display: block; margin-top:20px}
	#footer .area .footer_cnt1 .footer_logo img{width:185px;}
	#footer .area .footer_cnt1 .company_address{padding:18px 10px 23px;}
	#footer .area .footer_cnt1 .footer_right.pc {display:none;}
	#footer .area .footer_cnt1 .company_address.mobile {display:block;}
	#footer .area .footer_cnt1 .company_address li{margin-bottom:6px;font-size:13px;}
	#footer .area .footer_cnt1 .company_address li:before{height:10px;margin-top:-5px;}
	#footer .area .footer_cnt1 .footer_right address{font-size:12px;}
	#footer .area .footer_cnt2 .family_site{max-width:288px;width:90%;margin:0px auto;box-sizing:border-box;border:1px solid #141414;background-color:#212121;padding:20px 0 10px}
	#footer .area .footer_cnt2 .family_site li{padding:0 0 10px 19px}
	#footer .area .footer_cnt2 .family_site .list1 img{width:59px}
	#footer .area .footer_cnt2 .family_site .list2 img{width:65px}
	#footer .area .footer_cnt2 .family_site .list3 img{width:101px}
	#footer .area .footer_cnt2 .family_site .list4 img{width:56px}
	#footer .area .footer_cnt2 .family_site .list5 img{width:146.5px}
	#footer .area .footer_cnt3 .sns_title{font-size:15px;padding-top:20px;}
	#footer .area .footer_cnt3 .footer_sns{padding:20px 0}
	#footer .area .footer_cnt3 .footer_sns li{height:5px;padding-right:20px;}
	#footer .area .footer_cnt3 .footer_sns li:last-child{padding-right:0px;}
	#footer .area .footer_cnt3 .company_information li{font-size:13px;font-weight:500}
	#footer .area .footer_cnt3 address{font-size:13px;padding-top:10px;}
}

@media screen and (max-width:480px) {
	
}