@charset "utf-8";
@import url("gnb.css?ver=240423");

body { overflow-x: hidden;}
#container { min-width: 320px;}
.contents {min-height: 100px;}

/*layout*/
.wow { 	visibility: hidden;}
.pc_block { display: block;}


/*header*/

.header .logo { width: 154px; z-index:1; height: 56px; position: absolute; top:32px; left: 60px;}
.header .logo a { display: block; text-indent: -9999px; height: 100%; background:url("/resources/img/logo.png?ver=200922") center no-repeat; }
.header .ham_btn { cursor: pointer;position: absolute; right: 60px; top: 50px; width:30px; height: 20px;}
.header .ham_btn, .header .ham_btn span {display: inline-block; transition: all .3s ease-in-out; box-sizing: border-box;}
.header .ham_btn span {background: #fff; display: block; width: 100%; height: 2px; margin-top: 7px;}
.header .ham_btn span.span1 {margin-top: 0;}
.header .ham_btn.active {position: fixed; top:25px;}
.header .ham_btn.active span:nth-of-type(1) {-webkit-transform : translateY(10px) rotate(-45deg);
	transform : translateY(10px) rotate(-45deg);}
.header .ham_btn.active span:nth-of-type(2) {opacity: 0;}
.header .ham_btn.active span:nth-of-type(3) {-webkit-transform : translateY(-8px) rotate(45deg);
	transform : translateY(-8px) rotate(45deg);}


.header .ham_menu {position: fixed; top: 0; left: 0; width: 100%; height: 100vh;}
.header .ham_menu .ham_head {width: 100%; height: 75px;}

.header .ham_menu .lang {display: none;}


/* 모바일메뉴 */
.header .mobile_menu { top:0; left:100%; position:fixed; width: 100%; height: 100%; z-index: 3;  transition: 0.8s ease;  min-height: 100vh;}
.header .mobile_menu.open { left: 0; display: block;}
.header .mobile_menu .mobile_wrap { opacity: .9; padding-left:100px; box-sizing:border-box; overflow-y: auto; width:50%; right:0; height:100%; left:auto; transform:none; position:absolute; bottom:0%; background:url("/resources/img/main/mobilemenu_bg.jpg") center bottom no-repeat; background-size:cover; }
.header .mobile_menu .mobile_wrap::before { content:''; display: inline-block; position: absolute; top: 0; right: 0; width: 50%; height: 100%;  background:url("/resources/img/main/mobilemenu_img.png") 95% bottom no-repeat;}
.header .mobile_menu .mobile_wrap .gnb {overflow-y:auto;  position:absolute; top:15%; }
.header .mobile_menu .gnb > ul > li {font-size: 0; float:left; margin-bottom:60px; display:block; width:100%;}
.header .mobile_menu .gnb > ul > li:last-child { margin-bottom:0;}
.header .mobile_menu .gnb > ul > li > a { transition:.3s ease; float:left; width:35%; box-sizing: border-box; font-weight:400; font-size:40px; color:#fff; position: relative;}
.header .mobile_menu .gnb > ul > li > a::before { content:'';width: 25px;  top:18px;  opacity: 0; transition: .3s ease; position: absolute; height: 25px; display: inline-block; background: url("/resources/img/sub/sub_ico2.png") no-repeat; left:0}
.header .mobile_menu .gnb > ul > li:hover > a { color:#bc8f00; padding-left: 30px;}
.header .mobile_menu .gnb > ul > li:hover > a::before {opacity: 1;}
.header .mobile_menu .gnb > ul > li > ul > li { line-height:56px; float:left; margin-right:50px;}
.header .mobile_menu .gnb > ul > li > ul > li > a {font-size:17px; color:#ddd;}
.header .mobile_menu .gnb > ul > li > ul > li > a:hover {  text-decoration:underline; color:#fff}
.header .mobile_menu .gnb > ul > li > ul { width:65%; float:left;}


.header .mobile_menu .dim_layer {width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.header .mobile_menu .dim_close { transition:.3s ease; position:absolute;   right: 60px; top: 30px;}
.header .mobile_menu .dim_close a {  color:#333; font-size:40px; line-height: 100%;}
.header .mobile_menu .dim_close:hover {transform:rotate(90deg);}
.header .mobile_menu .dim_close a i { transform: rotate(45deg); display: inline-block; width: 35px; height: 35px; position: relative;}
.header .mobile_menu .dim_close a i::before { content: '';display:block; width: 100%; height:2px;background: #fff; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);}
.header .mobile_menu .dim_close a i::after { content: '';display:block; height: 100%; width: 2px;background: #fff; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);}
.header .mobile_menu .dim_close a .txt { font-size:0;}

/* quick */
.right_quick {position: fixed; overflow: hidden; height: 0; right: 40px; opacity: 0; transition: .8s ease-in-out; top:50%;transform: translateY(-50%); box-sizing: border-box; border: 2px solid #bc8f00; z-index: 1; width: 90px; background:#fff; box-shadow: 2px 15px 32px 5px rgba(0,0,0,0.3);}
.right_quick .quick_tit { font-size: 14px; color: #fff; font-weight: 500; padding: 11px 15px; text-align: center; background: #bc8f00; box-sizing: border-box;}
.right_quick ul {}
.right_quick ul li { box-sizing: border-box; display: table; width: 100%; height: 90px; border-top: 1px solid #ddd;}
.right_quick ul li a { display: table-cell; padding: 0 10px; text-align:center; transition: .3s ease; vertical-align: middle; word-break: keep-all;}
.right_quick ul li a:hover { background: #eee;}
.right_quick ul li .txt {line-height: 120%;}
.right_quick ul li .ico { display:inline-block;width:100%; height:30px; background:url('/resources/img/main/right_quick_1.png') no-repeat center; }
.right_quick ul li .ico2 { background:url('/resources/img/main/right_quick_2.png') no-repeat center; }
.right_quick ul li .ico3 { background:url('/resources/img/main/right_quick_3.png') no-repeat center; }
.right_quick ul li .ico4 { background:url('/resources/img/main/right_quick_4.png') no-repeat center; }

.right_quick.load { opacity: 1;height: 428px;}





/*contact us*/
#inquiries { background: #f9f9f9; padding: 100px 0; }
#inquiries .tit {font-size: 45px; font-weight: 600; text-align: center; margin-bottom: 50px;}
.contact_wrap { max-width: 1100px; margin: 0 auto;}
.contact_wrap .contact {margin-bottom: 28px; border-top: 1px solid #4f4c55; border-bottom: 2px solid #4f4c55; border-left: 0; border-right: 0;}
.contact_wrap .contact .inp_box { font-size: 0; border-top:1px solid #ddd; padding: 30px 35px; box-sizing: border-box;}
.contact_wrap .contact .inp_box:first-child { border-top:none;}
.contact_wrap .contact .inp_box > * {  display: inline-block;font-size: 17px; vertical-align: middle;}
.contact_wrap .contact .inp_box label { font-size: 17px; font-weight: 500; max-width: 192px; border-right: 1px solid #ddd; width:100%; margin-right: 38px;}
.contact_wrap .contact .inp_box .cont_inp { padding: 7px; border: none; box-sizing: border-box; width: calc(100% - 250px); background: #f9f9f9;}
.contact_wrap .contact .inp_box select { border: 1px solid #ddd;}
.contact_wrap .contact .inp_box #captcha2 { border: 1px solid #ddd; padding:5px; width: auto;}
.contact_wrap .contact .inp_box .capt_btn { background:#eee; border:1px solid #ccc; border-radius: 5px;}

.contact_wrap .contact .inp_box.question label {max-width: 100%; border:none; margin-right: 0;}
.contact_wrap .contact .inp_box.question textarea { min-height:150px; margin-top:15px; width:100%; padding-left: 0; border:none; }
#inquiries .ask_btn {display: inline-block; padding:15px 0; width: 200px; text-align: center; font-size:17px; color: #fff; background:#4f4c55; transition:.3s ease;}
#inquiries .ask_btn:hover {background: #bc8f00;}
.privDiv { position: relative;}
.privDiv .chk_btn { width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; }
.privDiv label {font-size: 15px; color: #666; margin-right: 15px;  vertical-align: middle;display: inline-block;}
.privDiv .more_btn {display: inline-block; border-radius: 50px; padding: 3px 10px; color:#fff;background: #777; width: auto; outline: none; transition: .3s ease;}
.privDiv .more_btn .more_ico { margin-left:5px; width: 10px; height: 6px; background: url("/resources/img/common/lnb_ico.png") no-repeat left 0px bottom 0px; display: inline-block; vertical-align: middle;transition: all .3s ease-in-out;}
.privDiv .more_btn.add .more_ico{ transform: rotate(-180deg) translateY(2px);}




.privDiv .more_btn:hover {background: #333;}
.privDiv .prive_txt { display: none; max-height: 300px;overflow-y: auto; padding: 20px; margin-bottom: 30px; width: 100%; box-sizing:border-box;border:1px solid #ddd; margin-top: 10px;z-index: 1; background: #fff;}










/*footer*/
#footer {width: 100%;  background-color: #39373c; color: #fff;font-size: 14px; position: relative;}
#footer .inner {padding: 50px 0;}
#footer .foot_info { margin-top: 30px;}
#footer .foot_info p {display: inline-block; color:#aaa; padding-right: 17px; border-right: 1px solid #aaa; margin-right: 17px;}
#footer .foot_info p:last-child { padding-right: 0; margin-right: 0; border-right: 0; }
#footer .foot_info p .tit { font-weight: 600; margin-right: 13px;}
#footer .foot_info p .txt {color: #aaa;}
#footer .top_btn {position: absolute; background-color: #555; width: 43px; height: 43px; bottom:0; right: 0;}
#footer .copy { color:#aaa; margin-top:10px;}
#footer .top_btn {transition: .3s ease; display: inline-block;  position:absolute; top:-37px; right: 0; background:#39373c url("/resources/img/common/top_btn.png") no-repeat center; text-indent: -99999px; height:47px; width: 60px; font-weight: 600; text-align: center; box-sizing: border-box;}
#footer .top_btn:hover {top:-47px}
/*layout*/


/* sub */


.sub_vis {width: 100%; height: 350px; position: relative; background: url("/resources/img/sub/sub_vis01.jpg") center;}
.sub_vis02 {background: url("/resources/img/sub/sub_vis01.jpg") center;}
.sub_vis03 {background: url("/resources/img/sub/sub_vis03.jpg") center;}
.sub_vis04 {background: url("/resources/img/sub/sub_vis04.jpg") center;}
.sub_vis05 {background: url("/resources/img/sub/sub_vis05.jpg") center;}
.sub_vis06 {background: url("/resources/img/sub/sub_vis06.jpg") center;}
.sub_vis .tit_box {color: #fff; position: absolute; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; width: 100%;}
.sub_vis h2 {transition:.5s ease; transform:translateY(-30px); margin-bottom: 10px; opacity: 0;  font-size: 45px; font-weight: 600; margin-top: 14px;letter-spacing: -1px; display:block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.sub_vis .txt { color:#fff; transition:.5s ease; transition-delay: .3s; transform:translateX(-20px); opacity: 0; }

.sub_vis h2.load {  transform:translateY(0); opacity: 1;}
.sub_vis .txt.load {  transform:translateX(0); opacity: 1;}

.lnb {height:70px; background:#4f4c55; z-index:1; position: absolute; left:50%; transform: translateX(-50%); bottom: -34px; font-size: 17px; box-sizing: border-box;width: 100%; margin: 0 auto; max-width: 1300px; }
.lnb div {float: left;}
.lnb .home {width: 70px; height: 100%; background: #bc8f00 url("/resources/img/common/home_ico.png")no-repeat center;}
.lnb .home a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px;}
.lnb .depth1_name { border-right: 1px solid #69676e; min-width:220px; display: table; height: 100%;  box-sizing: border-box;}
.lnb .depth1_name span {color: #eee; font-size: 18px; display: table-cell;vertical-align: middle; padding:0 30px; text-align: center; width: 100%; height: 100%; font-weight: 500;}
.lnb_title {  width:100%; cursor: pointer; display: table; box-sizing: border-box; border-right: 1px solid #69676e; color:#fff; height:70px; padding:0 40px 0 20px; box-sizing: border-box; border-left:0;border-bottom:0}
.lnb_title span {font-size: 18px; display: table-cell;vertical-align: middle;   width: 100%; height: 100%; box-sizing: border-box; font-weight: 500;}
.lnb .lnb_menu {min-width: 230px; box-sizing:border-box; position: relative; z-index: 1;}
.lnb .lnb_menu ul { display:none; border-top: none; border-bottom: none; background-color: #fff; box-sizing: border-box; position: absolute; width: 100%;}
.lnb .lnb_menu li { border: 1px solid #ddd; border-top: none; box-sizing: border-box; }
/* .lnb .lnb_menu li.on {width: 100%; border: 1px solid #ddd; border-left:0; border-top: 0; box-sizing: border-box; border-bottom:0;} */
.lnb .lnb_menu li.on { background:#eee;}
.lnb .lnb_menu li a {display: table; width: 100%; color: #555; padding: 11px 40px 11px 20px; box-sizing: border-box;font-weight: 500; font-size:16px; letter-spacing: -0.8px; transition: all .3s ease;}
.lnb .lnb_menu li a:hover { text-decoration:underline;}
.lnb .lnb_menu li a span { }
.lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell;}

.lnb .lnb_menu .more_btn {width: 10px; height: 6px; background: url("/resources/img/common/lnb_ico.png") no-repeat left 0px bottom 0px; position: absolute; top: 50%; transform:translateY(-50%); right: 20px; text-indent: -9999px; cursor: pointer; transition: all .3s ease-in-out;}
.lnb_menu .more_btn.more_add { transform: rotate(-180deg) translateY(2px);}


/*  */





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

    .header .gnb_wrap > .gnb > ul > li > a {padding: 52px 30px;}

      
}


@media screen and (max-width:1500px){
.header .mobile_menu .gnb > ul > li > a {font-size: 30px;}
}


@media screen and (max-width:1200px){
    .header .gnb_wrap { display: none;}
    .header .logo {left:30px;}
    .header .ham_btn {right: 30px;}

    .header .mobile_menu .mobile_wrap {width: 70%; padding: 50px 30px; }
    .header .mobile_menu .gnb > ul > li > a { font-size: 25px;}
    .header .mobile_menu .dim_close {right: 30px; top:40px}
    .header .mobile_menu .mobile_wrap .gnb { top: 0; transform: none; position: relative; }
    .header .mobile_menu .gnb > ul > li:hover > a { padding-left: 0; }
    .header .mobile_menu .gnb > ul > li > a::before {display: none;}
    .lnb .home { width: 70px;}
    .lnb .depth1_name {min-width: auto; width: calc(50% - 70px);}
    .lnb .lnb_menu { min-width: auto; width: calc(50% - 70px);}
    
.right_quick.load {height: auto;}
.right_quick { transform: none; right: auto; border:none; background:rgba(188,143,0,.9); top: auto; bottom: 0; width: 100%; }
.right_quick .quick_tit { display: none;}
.right_quick ul li {float: left; width: 25%; height: 60px; border-right: 1px solid rgba(255,255,255,0.1);}
.right_quick ul li .txt {color:#fff;}
.right_quick ul li a:hover { background: #4f4c55}
.right_quick ul li .ico { display: none;}

      
}
@media screen and (max-width:768px){
.pc_block { display: inline;} 

.lnb {bottom: 0; height: 50px;}
.lnb_title { height: 50px;}
/* .sub_vis .tit_box { top: 45%;} */
#footer .inner {padding: 30px 0 100px;}
#footer .foot_info p { border: none; padding-right: 0;}

#footer .top_btn { top: 30px; border: 1px dashed #ddd;}
#footer .top_btn:hover { top: 20px;}
#footer .foot_info p .txt a {color:#aaa;}
.contact_wrap .contact .inp_box #captcha2 { width: 50%;}
.contact_wrap .contact .inp_box .capt_btn {  font-size: 14px; width:100%; margin-left: 0; margin-top: 10px;}


/* 문의하기 */
#inquiries { padding: 50px 0;}
#inquiries .tit { font-size: 30px; margin-bottom: 15px;}
.contact_wrap .contact .inp_box {padding: 12px 15px; }
.contact_wrap .contact .inp_box label { max-width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-right: 0; border-right: 0;}
.contact_wrap .contact .inp_box .cont_inp { width: 100%; border:1px solid #ddd}
.contact_wrap .contact .inp_box select { width: 100%;}
.contact_wrap .contact .inp_box.question textarea { margin-top: 0;}
#inquiries .privDiv {margin-bottom: 20px;}
#inquiries .ask_btn { padding: 10px 0;}
.privDiv .more_btn { float: right;}




.header .mobile_menu .mobile_wrap { width: 100%; }
.header .mobile_menu .mobile_wrap::before {background-size: 140px;}
.header .mobile_menu .gnb > ul > li {margin-bottom:30px;}
.header .mobile_menu .gnb > ul > li > a { width: 100%; }
.header .mobile_menu .gnb > ul > li > a::before {top: 6px;}
.header .mobile_menu .gnb > ul > li > ul { width: 100%; margin-top:20px}
/* .header .mobile_menu .gnb > ul > li > ul > li { float: none; line-height: 140%; margin-right: 0; width: 100%; margin-bottom: 10px;} */
.header .mobile_menu .gnb > ul > li > ul > li { line-height: 140%; margin-bottom: 10px;}

}

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

.lnb .home {display: none;}
.lnb .depth1_name {width: 100%;}
.lnb .depth1_name span { text-align: left; padding: 0 20px;}
.lnb .lnb_menu {width: 100%; position: absolute; top: 0; left: 0; background: #4f4c55;}
.sub_vis h2 {font-size: 30px;}
.sub_vis .txt {padding: 0 20px;}
   
}



.header .ham_menu .m_gnb_wrap > .gnb > ul > li > .two_depth > li.add {float: none; width: 100%;}