@charset "utf-8";

@media all and (min-width:1641px){
/*** common ***/
#wrap  > * {left:0 !important;}	
	
/*** header ***/
#header #gnb {height:100px !important; display:block !important; left:0 !important;}
#header #gnb #blind {top:100px !important;}
}


@media all and (max-width:1640px){
/*** header ***/
#header:before {content:""; display:block; width:100%; height:1px; background:#eee; position:absolute; left:0; top:67px; z-index:20;}
#header #toputil {height:68px;}
#header h1.logo {left:50%; margin-left:-630px; top:10px; width:101px; height:45px;}
#header .kor {right:50%; margin-right:-560px; top:20px;}
#header .totalsearch .btn {right:50%; margin-right:-630px; top:9px;}
#header .totalsearch div {top:122px;}
#header #gnb {height:54px;}
#header #nav ul li a {padding:12px 0; font-size:21px; line-height:30px;}
#header #gnb #blind {top:54px;}

/*** container ***/
#main_container {padding-top:122px;}
}


@media all and (max-width:1540px){
/*** common ***/	
#wrap .floating_top {right:2% !important; margin-right:0; bottom:20px;}	
#wrap .floating_top a {width:40px; height:54px; font-size:14px; padding-top:20px;}
}


@media all and (max-width:1440px){
/*** header ***/
#header h1.logo {left:4%; margin-left:0;}
#header .kor {right:4%; margin-right:70px;}
#header .totalsearch .btn {right:4%; margin-right:0;}
}


@media all and (min-width:1024px) and (max-width:1640px){	
/*** common ***/
#wrap  > * {left:0 !important;}

/*** header ***/	
#header #gnb {display:block !important; left:0 !important; height:54px !important;}
#header #gnb #blind {top:54px !important;}
}


@media all and (max-width:1023px){
/*** header ***/	
#header {position:relative !important; width:100%; left:0; top:0 !important; z-index:501; box-shadow:none; -webkit-box-shadow:none;}
#header:before {display:none;}
#header .kor {display:none;}
#header #nav .kor {display:block; right:auto; margin-right:0; top:25px; left:15px;}
#header #toputil {height:80px; background:#fff;}
#header h1.logo {left:50%; margin-left:-58px; top:14px !important; width:117px !important; height:52px !important; z-index:10;}
#header #gnb {position:absolute; left:-220px; top:0; width:220px; z-index:201; display:none;
-webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; filter:alpha(opacity=100);}
#header #gnb #blind {position:fixed; left:0; top:0; background:#000; display:none; width:100%; height:100%;
-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#header #gnb #blind span {display:none;}
#header .totalsearch .btn {top:15px; right:3%;}
#header .totalsearch div {top:80px;}
#header .mob_btn {display:block; position:absolute; left:3%; top:15px; width:50px; height:50px; background:url(../images/common/mob_btn.png) no-repeat center 50%; overflow:hidden; z-index:990;}
#header .mob_btn.ov {background:url(../images/common/mob_btn_on.png) no-repeat center 50%;}
#header .mob_btn span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
#header #gnb .al_box {width:100%; max-width:100%; padding:0;}
#header #nav {padding:80px 0 0 0 !important;}
#header #nav ul li {float:none; width:auto !important; border-top:1px solid #fff;}
#header #nav ul li:first-child {border-top:0;}
#header #nav ul li a {text-align:left; height:auto; padding:12px 15px !important; font-size:17px; line-height:22px; font-weight:500; display:block; color:#fff !important; background:#535353 url(../images/common/mob_gnb_depth1_bul.png) no-repeat 92% 50%; text-decoration:none !important;}  
#header #nav ul li ul {display:none; position:relative; padding:0;}
#header #nav ul li ul li {padding:0 !important; border-top:1px solid #e8e8e8; margin:0;}
#header #nav ul li ul li a {background:#fff url(../images/common/mob_gnb_depth2_bul.png) no-repeat 15px 19px !important; height:auto; padding:10px 15px 10px 28px !important;}
#header #nav ul li ul li a strong {font-size:15px; line-height:20px; color:#444 !important;}
#header #nav ul li ul li ul {background:#f7f7f7; border-top:1px solid #e8e8e8; padding:10px 0;}
#header #nav ul li ul li ul li {border-top:0;}
#header #nav ul li ul li ul li a {padding:4px 15px 4px 28px !important; font-size:14px; color:#666; font-weight:normal; background:url(../images/common/mob_gnb_depth3_bul.png) no-repeat 20px 12px !important;}
#header #nav ul li ul li ul li a strong {font-size:14px; color:#444 !important; font-weight:300;}
#header #nav ul li ul li ul li ul {background:none; border:0; padding:0 0 5px 0; display:none;}
#header #nav ul li ul li ul li ul li {}
#header #nav ul li ul li ul li ul li a {background:url(../images/common/mob_gnb_depth4_bul.png) no-repeat 28px 12px !important; padding:2px 15px 2px 38px !important;}
#header #nav ul li ul li ul li ul li a strong {font-size:13px; color:#666 !important;}
#header #nav ul li a.ov {background:#0d2f5d url(../images/common/mob_gnb_depth1_bul_ov.png) no-repeat 92% 50%; color:#fff;}
#header #nav ul li ul li a.ov {background:#25649e url(../images/common/mob_gnb_depth2_bul_ov.png) no-repeat 15px 19px !important;}
#header #nav ul li ul li a.ov strong {color:#fff !important;}
#header #nav ul li ul li ul li a.ov {background:url(../images/common/mob_gnb_depth3_bul_ov.png) no-repeat 20px 12px !important;}
#header #nav ul li ul li ul li a.ov strong {color:#0d2f5d !important;}
#header #nav ul li ul li ul li ul li a.ov {background:url(../images/common/mob_gnb_depth4_bul_ov.png) no-repeat 28px 12px !important;}
#header #nav ul li ul li ul li ul li a.ov strong {color:#25649e !important;}

/*** container ***/
#main_container {padding-top:0;}

/*** footer ***/
#footer {padding:24px 0;}
}


@media all and (max-width:640px){
/*** header ***/
#header h1.logo {margin-left:-47px; top:17px !important; width:95px !important; height:42px !important;}
#header .totalsearch div {padding:10px 0 20px 0;}
#header .totalsearch div form {width:90%; box-sizing:border-box;}	
}