/* header */
#header{position: relative; z-index: 100; top: 0; left: 0; width: 100%; height: 110px; background-color: #fff; transition: .2s ease-in-out; border-bottom: 0px solid rgba(0,0,0,0.2);}
#header.on{background-color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1);}
#header .inner{width:95%; height: 100%; max-width: 1720px !important; margin:0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
#header .inner #logo a{width:200px; height:60px; background:url('/kor/images/common/t_logo_2.png')no-repeat center center / 100%; display: block;}

#header #gnb_pc{position:relative; width: 100%; max-width: 1050px;}
#header #gnb_pc > ul{display: flex; justify-content: center; }
#header #gnb_pc > ul > li{position: relative;}


#header #gnb_pc > ul > li > div > span > a{display: block; padding: 40px 25px; margin:0 8px; color: #212121; font-size: 19px; line-height:1.3; transition: .2s ease-in-out; text-align: center; font-weight:500;}
#header.on #gnb_pc > ul > li > div > span > a{color: #212121}
#header #gnb_pc > ul > li:hover > div > span > a{color: #ff6600}
#header #gnb_pc > ul > li > ul{display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 200px;text-align: center; background-color: #ff6600; padding: 15px 0; box-shadow:5px 5px 5px rgba(0,0,0,0.12); border-radius: 25px 0 25px 0;} 
#header #gnb_pc > ul > li > ul > li{transform: skew(0.1deg)}
#header #gnb_pc > ul > li > ul > li > a{display: block; padding: 10px 0;  color: rgba(255,255,255,0.9); font-size: 17px; font-weight: 400; word-break: keep-all;}
#header #gnb_pc > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under; color: #fff; font-weight:500;}
#Loginmenu{cursor:pointer; z-index:101; }
#Loginmenu ul{width:100%; }
#Loginmenu ul li{display:inline-block;}
#Loginmenu ul li a{color:#000; width: 170px; margin-right: 20px;}


#menuToggle { position:absolute; right:20px; top: 40px; width:24px; height:18px; cursor:pointer; z-index:101; }
#menuToggle.on{position: fixed; display: block; z-index: 1002}
#menuToggle span {display:block; position:absolute; right:0; height:2px; background:#212121; transition:0.5s all; -webkit-transition:0.5s all;}
.on #menuToggle span {background-color: #212121;}
#menuToggle span.t {top:0; width:100%}
#menuToggle span.m {top:50%; margin-top:-1px; width:100%}
#menuToggle span.b {bottom:0; width:100%;}
#menuToggle.on span.t{width: 100%; background-color:#212121; transform: translateY(10px) rotate(45deg);}
#menuToggle.on span.m{width: 0;}
#menuToggle.on span.b{width: 100%; background-color:#212121; transform: translateY(-6px) rotate(-45deg);}



@media all and (max-width:1550px){
#header .inner #logo a{width:180px; height:52px;}
#header #gnb_pc > ul > li > div > span > a{padding:35px 25px; font-size: 19px; }
#menuToggle {top: 45px !important;}
#Loginmenu{display:none;}
}


@media all and (max-width:1400px){
	#header{height: 100px;}
    #header .inner #logo a{width:170px;}
	#header #gnb_pc{max-width: 950px;}
	#header #gnb_pc > ul > li > div > span > a{padding:30px 20px; font-size: 18px; }
	 #menuToggle {top: 40px !important;}
	 #header #gnb_pc > ul > li > ul{width: 180px; padding: 12px 0; border-radius: 20px 0 20px 0;} 
	 #header #gnb_pc > ul > li > ul > li > a{font-size: 16px;}
}


@media all and (max-width:1230px){
    #header .inner #logo a{width:155px;}
	#header #gnb_pc{max-width: 750px;}
	#header #gnb_pc > ul > li > div > span > a{padding:25px 10px; font-size: 16px; }
	#header #gnb_pc > ul {padding-right: 20px;}
	 #menuToggle {top: 40px !important;}
	 #header #gnb_pc > ul > li > ul{width: 160px; padding: 9px 0; border-radius: 15px 0 15px 0;} 
	 #header #gnb_pc > ul > li > ul > li > a{font-size: 15px;}
}


@media all and (max-width:1023px){
	#header{height: 90px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
    #header .inner #logo a{width:150px;}
	#header #gnb_pc{display:none}
	 #menuToggle {top: 36px !important;}
}



@media all and (max-width:850px){
    #header{height: 80px;}
    #header #gnb_pc{display: none;}
    #header #menuToggle{top:30px !important;}
}


@media all and (max-width:640px){
    #header{height: 70px;}
    #header .inner #logo a{width:130px; height:50px; }
    #header #menuToggle{top:26px !important;}
}


@media all and (max-width:500px){
    #header{height: 65px;}
    #header .inner #logo a{width:120px; height:44px; }
    #header #menuToggle{right:4%; top:24px !important;}
}



.menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 999; transition: .4s ease;}
.menu_bg.on{visibility: visible; opacity: 1;}
#Loginmenu_mo{display:none;}

@media all and (min-width:1340px){
    #header #gnb_mo{display: none; background-color: #fff; width: 100%; position: fixed; top: 0; left: 0; z-index: 1001; padding: 70px 0; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
    #header #gnb_mo.on{display: block;}
    #header #gnb_mo > ul{width:90%; max-width: 1600px; margin: 0 auto; display: flex;}
    #header #gnb_mo > ul > li{width: 25%; border-right: 1px solid #eee; padding: 0 30px;}
    #header #gnb_mo > ul > li:last-child{border-right: 0px;}
    #header #gnb_mo > ul > li > div{font-size: 22px; font-weight: 600; text-align: center;}
    #header #gnb_mo > ul > li > div > span{}
    #header #gnb_mo > ul > li > div > span > a{ color: #212121;}
    #header #gnb_mo > ul > li:hover > div > span > a{color: #ff6600;}
    #header #gnb_mo > ul > li > ul{text-align: center; margin-top: 15px; display: block !important}
    #header #gnb_mo > ul > li > ul > li{}
    #header #gnb_mo > ul > li > ul > li > a{ font-size: 16px; line-height:1.3; color: #666; font-weight: 400; display: block; padding: 5px 0;}
    #header #gnb_mo > ul > li > ul > li:hover > a{text-decoration: underline; text-underline-position: under;}


}


@media all and (max-width:1340px){
    #header #gnb_mo { position:fixed; height:100%; z-index:1001; right:0;  top:0; padding:90px 0px 2%; background:#fff; transition: .2s ease; color:#FFF; width:100%; max-width:320px; box-sizing:border-box; -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0); -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0); transform: translateX(100%) rotate(0);box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
    #header #gnb_mo.on{ -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
    #header #gnb_mo .gnb_dp1 div { color:#000 !important; font-weight:600; padding:14px 20px; cursor:pointer; background:url('/kor/images/arrow_mo.png')right no-repeat; border-bottom: 1px solid rgba(0,0,0,0.075); font-size:18px;  }
    #header #gnb_mo .gnb_dp1 > div > span a { color:#000; }
    #header #gnb_mo .gnb_dp1 > div.on > span a { color:#ff6600; }
    #header #gnb_mo .smenu {display:none; background-color: #ff6600;}
    #header #gnb_mo .smenu > li{border-bottom: 1px solid rgba(255,255,255,0.1);}
    #header #gnb_mo .smenu > li:last-child{border-bottom: 0;}
    #header #gnb_mo .smenu>li br{display:none;}
    #header #gnb_mo .smenu>li>a, #header #gnb_mo .smenu>li>span {display:block; padding: 13px 22px; color:#fff; font-size: 16px; font-weight:400; }
    #header #gnb_mo .smenu>li>a:hover, #header #gnb_mo .smenu>li>span:hover{ color:#fbdecd;}
	#Loginmenu{display:none;}
	.quick_menu  {display:none}
}




@media all and (max-width:640px){
	#Loginmenu_mo{display:block; width:100%; margin-top:20px;}
	#Loginmenu_mo ul{display:flex; flex-wrap:wrap;}
	#Loginmenu_mo ul li{width:calc(100%/2);text-align:Center; font-weight:300; font-size:15px;}
	
	#Loginmenu_mo ul li:nth-child(2){ border-left:1px solid rgba(255,255,255,.1); }
	#Loginmenu_mo ul li:nth-child(3){width:100%; border-top:1px solid rgba(255,255,255,.1); }

	#Loginmenu_mo ul li a{color:#fff;display:block; background:#ff6600; padding:10px 5px; }


	#header #gnb_mo {padding:70px 0px 2%; max-width:260px;}
    #header #gnb_mo .gnb_dp1 div {padding:12px 16px; font-size:16px; font-weight:500;  }
    #header #gnb_mo .smenu>li>a, #header #gnb_mo .smenu>li>span {padding: 11px 18px; font-size: 15px; }
}