/*-----------------------------------------------------------
Author :  yejin Son
Creative date :  2021. 06. 01
-----------------------------------------------------------*/

/* header */
#header {height: 4rem;border-bottom: none;}
#header .top_util {height: 4rem;background:#fff;position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
#header .logo {position:absolute; left:0; top:0; height: auto;margin-top: 0.8rem; }/* 210615 수정 */
.top_util > .container { max-width:1650px; width:96%; }
.headerBg {top: 4rem;} /* 210614 수정 */
/*#header .header_wrap .gnb_wrap {height: 3.4rem;} 210615 수정 */

.popFullmenu.web #gnb{padding: 0; height: auto;} /* 210615 추가 */
.up_pop #searchOpen {right: 4.5rem;}
.up_pop #util{position: absolute;right: 7rem;top: 0;font-family: 'NotoSans';margin-top: 1.1rem;}/* 210615 수정 */
.up_pop .gnb_wrap #gnb {padding: 0 25rem 0 17rem;}
#searchOpen {position:absolute; right:2.5rem; top: 1rem;}/* 210615 수정 */
#searchOpen a {display:block; width:2rem; height:2rem; background:#ffac23; border-radius:50%; line-height:2rem; text-align:center; color:#fff; font-size:1.2rem;}
#mSearch{display:none;position:absolute;top: 80px;right:0;width: 30%;height:90px;z-index: 20;background:rgba(0,0,0,0.8);}/* 210614 수정 */
#mSearch .con p {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; width:90%; margin:0 auto; padding:25px 140px 0 0}
#mSearch .con .inputText {border-color:transparent; width:100%; background:#fff; height:39px; line-height:39px; padding:0 10px 0}
#mSearch .con .btnSearch {position:absolute; top:25px; right:60px; width:80px; height:39px; color:#fff; background:#009eac; font-size:15px} 
#mSearch .btnSearchClose {position:absolute; right:20px; top:25px; color:#fff; font-size:1.3rem;}

.up_pop .btn_menu {right: 2.2rem;}/* 210615 수정 */

/* GNB Util */
#util{position: absolute;right: 5rem;top: 0;font-family: 'NotoSans';margin-top: 1.1rem;}/* 210615 수정 */
#util ul > li + li {padding: 0 0.2rem;}/* 210615 수정 */
#util .util_list > li + li:before {display:none; content: ""; position: absolute; left: 0.45rem; top: 5px; width: 1px; height: 14px; background: #c0c0c0;}/* 210615 display:none 추가 */
#util .util_list > li.lang i {color: #555;margin-right: 0.2rem;}
#util .util_list > li.lang > a{display:block;width: 6rem;height: 1.75rem;line-height:1.75rem;border: 1px solid #ccc;border-radius: 100px;text-align:center;font-family:"Montserrat";padding: 0;font-weight: 400;}/* 210615 수정 */
#util ul li a{font-size:0.7rem;}
#util ul li.lang ul{display: none;position:absolute;top:35px;width: 95%;background:#fff;z-index:100;box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);border-radius: 10px;}/* 210615 수정 */
#util ul > li.lang ul > li{width:100%; text-align:center;}/* 210614 추가 */
#util ul > li.lang ul > li > a{line-height:1.5rem;text-align:center;display: block;}/* 210614 추가 */

.btn_menu {display: block !important;position:absolute;right:0;top: 1rem;width:2rem;height:2rem;background:#877254;border-radius:50%;padding:0.4rem 0.6rem;}
.btn_menu span {display:block; width:100%; height:2px; background:#fff; margin:0.25rem 0 0; float:right;}  

/* GNB */
.gnb_wrap #gnb .dep01 > li > a {height: 80px;line-height: 80px;font-size: 0.95rem;} /* 210614 수정 */
.gnb_wrap #gnb .dep01 .subMn {top: 80px;}/* 210615 수정 */
.gnb_wrap #gnb { padding-right: 0; height: 4rem;font-family: 'SCDream'; position: relative; padding: 0 17rem 0 0;}
.gnb_wrap #gnb {padding: 0 25rem 0 17rem;}


.mobile_wrap .btn_menu{ display: none;} /* 210614 추가 */
.snb_Fullmenu {display:none;} /* 210614 추가 */
.gnb_wrap #gnb .dep01 .subMn{top:4rem;}
.gnb_wrap #gnb .dep01 > li > a{height: 4rem; line-height: 4rem;}

/* footer */
#footer .srv_link{bottom:0.5rem;}
@media (max-width: 900px){
	#footer .srv_link{bottom:-0.8rem;}
}
#footer{background: #394450; color: #fff;}
#footer .ftBtn div{color: #000;bottom: 3rem;}
#footer address {margin: 1rem 0 0.5rem;}
#footer address > span {display: inline-block;margin-right: 1.6rem;font-size: 0.7rem;font-weight:400;}
#footer address span:nth-child(1):before{width:1px;height: 11px;position: absolute;content:"";background: #757c85;top: 3.3rem;left: 20.2rem;}
#footer address span:nth-child(2):before{width:1px;height: 11px;position: absolute;content:"";background: #757c85;top: 3.3rem;left: 41.5rem;}
#footer .copyright{font-size: 0.7rem;font-weight:100;}
#footer .footer_link:before{width: 100%;height:1px;content:"";position:absolute;background: #757c85;top: 2rem;}
#footer .footer_link ul > li{font-weight:100; font-family: 'SCDream';}
#footer .footer_link ul > li.point a {color: #fff993;font-family: 'SCDream';font-weight: 700;}
#footer .ftBtn button{color: #fff;border-left: 1px solid #757c85;font-size: 0.7rem;height: 3rem;line-height: 3rem;}
#footer .ftBtn button:before {content:"\e944"; color: #fff;}
#footer .ftBtn.on button { background:#2a3541;}
#footer .ftBtn_wrap {border-bottom: none;font-family: 'SCDream';border-right: 1px solid #757c85;}
#footer .footer_link {height:2rem}

.m_popFullmenu { opacity:0; visibility:hidden;}/*210614 추가*/


/*220223*/
.S_visual>p>img{margin-left:42px;}

  
@media (max-width:1440px){  
	.gnb_wrap #gnb .wrap{position: absolute; top: 4rem; margin: 0; width: 100%; height: 3rem; border-top: 1px solid #eee;}/* 210614 추가 */
	.gnb_wrap #gnb .dep01 > li > a {font-size: 0.8rem;} /* 210615 수정 */ 
	.up_pop .gnb_wrap #gnb {padding: 0 23rem 0 11rem;}
	.headerBg {top: 7rem;}/* 210614 추가 */
    .mobile_wrap { display: block;} /* 210614 추가 */ 
    #util{right: 7.5rem;} /* 210615 수정 */ 
    .up_pop .gnb_wrap #gnb .dep01{border-top:1px solid #eee;}/* 210615 수정 */ 
   .gnb_wrap #gnb{padding: 0 23rem 0 11rem;}
    
    .mobile_wrap #mOpenMenu {position:absolute;right: 6.5rem;top: 0.8rem;}
	.mobile_wrap #mOpenMenu a {display:block;width:2rem;height:2rem;background: #877254;border-radius:50%;line-height:2rem;text-align:center;color:#fff;font-size:1.2rem;}
    .snb_Fullmenu {position:fixed;top:0;width:100%;height:100vh;z-index:999;background: rgba(0,0,0,0.7);}  
	.snb_fullmenu_wrap {height:100%; background:#ffd052;}
	.snb_fullmenu_group  {height:calc(100vh - 7rem);}
    #snb_fullMenu.box2-1:nth-child(1){padding-top: 3rem;}
	#snb_fullMenu > li {border-bottom:1px dotted #fff; color: #000;}
	#snb_fullMenu a { display:block; }
	#snb_fullMenu > li > a {position:relative; display:block; padding:0.5rem 1rem; font-family:"SCDream"; font-weight:600; font-size:0.9rem; -webkit-transition:0.3s; -ms-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
    #snb_fullMenu li > a > img{display: none;}
	#snb_fullMenu li > a[target="_blank"]:after {position: relative; display:inline-block; margin-left:0.2rem; font-family: "xeicon"; color:#000; content:"\e980";}
	#snb_fullMenu > li.child > a {padding-right:2.5rem;}
	#snb_fullMenu > li.child > a:before {content:"\e942"; position:absolute; right:1rem; top:0.5rem; width:1.25rem; height:1.25rem; background:#fff; border-radius:50%; font-family:'xeicon'; color:#ffd052; text-align:center; line-height:1.25rem;}
	#snb_fullMenu .box2-1 {display:none; background:#eff0f4;}
	#snb_fullMenu .sub {padding:1rem; display: none;}
	#snb_fullMenu .sub > li > a {position:relative; display:block; padding:0.2rem 0 0.2rem 1rem;}
	#snb_fullMenu .sub > li.child > a {padding-right:2rem;}
	#snb_fullMenu .sub > li.child > a:after {content:"\e913"; position:absolute; right:0; top:0.3rem; font-family:"xeicon";}
	#snb_fullMenu .sub > li > a:before {content:'';position:absolute;left:0;top:0.75rem;display:block;width:5px;height:5px;background: #6f4d1e;border-radius:50%;}
    #snb_fullMenu .sub2 {display:none; background:#ffe399; padding:0.8rem;}
	#snb_fullMenu .sub2 > li > a {position:relative; padding-left:0.8rem;}
	#snb_fullMenu .sub2 > li > a:before {content:''; position:absolute; left:0; top:0.6rem; width:0.3rem; height:1px; background:#999;}
	.snb_Fullmenu #m_fullmenuClose2 {position:absolute; right:0.5rem; top:0.8rem; font-size:1rem;}

	#snb_fullMenu > li > a:hover,
	#snb_fullMenu > li > a:focus,
	#snb_fullMenu > li > a.on {background:#f6a619; color:#fff;}
	#snb_fullMenu > li.child > a.on:before {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
	#snb_fullMenu .sub > li > a:hover,
	#snb_fullMenu .sub > li > a:focus {color:#e24545; text-decoration:underline;}
	#snb_fullMenu .sub > li.child > a.on:after {content:"\e91a";}
	#snb_fullMenu .sub2 > li > a:hover,
	#snb_fullMenu .sub2 > li > a:focus {color:#000; text-decoration:underline;}

	.S_visual>p>img{margin-left:0px;}
}
@media (max-width:1330px){
    /*.up_pop #gnb {width: 28rem;} 210614 수정*/
}

@media (max-width:1240px){
	#header {height: 4rem;} /*210614 추가*/
	#mSearch{width: 104%;left: -2%;}
	#footer .footer_link:before{top: 3rem;}
	#footer address span:nth-child(1):before{top: 6.4rem;}
    #header .logo {top: 0;} /*210614 수정*/
    /*.mobile_wrap #mobile_menu {right: 0 ;} 210614 수정 */
    .gnb_wrap .snb{display: none;}
    .mobile_wrap .btn_menu{ display: block;}
    .popFullmenu.mob ul li.lang ul{display: none;position:absolute;left: 0.5rem;top: 25px;width: 100%;background:#fff;z-index:100;box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);border-radius: 10px;}/* 210614 추가 */
	.popFullmenu.mob ul > li.lang > ul > li{width:100%;text-align:center;padding-left: 0;}/* 210614 추가 */
    .popFullmenu.mob ul > li.lang > ul > li > a{line-height:1.5rem;text-align:center;font-family: 'SCDream';display: block;}/* 210614 추가 */
    .popFullmenu.mob ul > li.lang > ul > li:before{display:none;}/* 210614 추가 */
	
	.m_popFullmenu { opacity:1; visibility:visible;}/*210614 추가*/
}
@media (max-width:1299px){
    #footer address span:nth-child(2):before{display:none;}
}
@media (max-width:1200px){
	#footer address span:nth-child(1):before, #footer address span:nth-child(2):before{top:6.5rem;}
    
}
@media (max-width:1240px){
	#footer .footer_link {height:1rem}
}
@media(max-width:1130px){
	#footer address span:nth-child(1):before{display:none;}
}
@media (max-width:1024px){
	#mSearch {top: 4rem;}
}
@media (max-width: 680px){
	#header .logo img{width: 80%;}
}
@media (max-width:370px){ /* 210614 추가 */ 
	.up_pop .btn_menu {right: 0.5rem;}
	.mobile_wrap #mobile_menu {right:0.5rem;}
	.up_pop #searchOpen { right:2.7rem; }
}