header#header {position:relative; width:100%; height:123px; background:#fff;}

/*gnb start*/
#gnb {position:relative; width:100%; height:auto; z-index:100; _border-bottom:1px solid #eaeaea; _background:#fff;}
#gnb_wrap {position:relative; width:100%; height:74px; z-index:10;}

#gnb_bg {position:relative; width:100%;height:74px; margin:0 auto; _border-bottom:1px solid #eaeaea; overflow:hidden; z-index:101;}
/*
#gnb_bg:before {content:''; position:absolute; left:0; top:75px; width:50%; height:1000px; background:#f8f8f8;}
#gnb_bg:after {content:''; position:absolute; right:0; top:75px; width:50%; height:1000px; background:#fff; }
*/
#depth { position:relative; width:1200px; height:100%; margin:0 auto; padding:0 0 0 400px; z-index:950;}
#depth ul {margin:0; padding:0;}
#depth ul li {margin:0; padding:0; list-style-type:none;}
#depth:after {content:""; clear:both; display:block;}
#depth li.depth_01 {display:inline-block;float:left; width:auto; margin:0 16px;}
/*#depth li.depth_01 .depth_info {position:absolute; left:0; width:254px; top:75px; bottom:0; border-right:1px solid #eaeaea; z-index:990;}*/
#depth li.depth_01 .depth_info p {color:#fff; font-size:1.571em; line-height:1.286em; margin:30px 0 20px 0;}
#depth li.depth_01 .depth_info p strong {display:block; font-size:30px; line-height:1em; font-weight:normal; padding-top:15px; margin-top:15px; color:#535353;}
#depth li.depth_01 .depth_info p span {display:block; font-size:15px; line-height:1em; letter-spacing:1; font-weight:bold; padding-top:15px; color:#e9e9e9;}
#depth li.depth_01 .depth_info p span img {display:block; padding-top:10px;}
#depth li.depth_01 .depth_info span {display:block;}
#depth li.depth_01 .depth_info span a {display:inline-block; margin-bottom:10px; vertical-align:top; color:#333; font-size:14px; border:1px solid #d3d3d3; padding:7px 37px 7px 20px; height:auto;}
#depth li.depth_01 a.depth_01_link {display:block; height:76px; line-height:76px;padding:0 8px; text-align:center; font-weight:bold; font-size:22px; text-decoration:none; transition: all 0.1s ease-in-out 0s;}
#depth li.depth_01 a.depth_01_link span {float:left;}
/* #depth li.depth_01 a.current, 
#depth li.depth_01 a:hover, 
#depth li.depth_01 a:active, 
#depth li.depth_01 a:focus {border-bottom:3px solid #0054a6; height:76px;} */


#depth li.depth_01 ul.depth_02 {width:180px; position:absolute; left:390px; top:78px; padding:6px 0; background:#184e8e; border-radius: 0 0 10px 10px;}
#depth li.depth_01 ul.depth_02:after {content:""; display:block; clear:both;}
#depth li.depth_01 ul.depth_02 li {float:left; display:block; width:100%;}
#depth li.depth_01 ul.depth_02 li a {position:relative; display:block; overflow:hidden; color:#f4f9ff; font-size:14px; height:auto;padding:8px 0;text-align: center; 
											line-height:normal;}
#depth li.depth_01 ul.depth_02 li a.on, 
#depth li.depth_01 ul.depth_02 li a:hover, 
#depth li.depth_01 ul.depth_02 li a:active, 
#depth li.depth_01 ul.depth_02 li a:focus {color:#fff; }
#depth li.depth_01 ul.depth_02 > li > a:before {content:""; position:absolute; right:-7px; bottom:12px; width:6px; height:9px;  transition: all 0.3s ease-in-out 0s;}
#depth li.depth_01 ul.depth_02 > li > a.on:before, 
#depth li.depth_01 ul.depth_02 > li > a:hover:before, 
#depth li.depth_01 ul.depth_02 > li > a:active:before, 
#depth li.depth_01 ul.depth_02 > li > a:focus:before {right:10px;}

#depth li.depth_01 ul.depth_02 > li > a.current, 
#depth li.depth_01 ul.depth_02 > li > a:hover, 
#depth li.depth_01 ul.depth_02 > li > a:active, 
#depth li.depth_01 ul.depth_02 > li > a:focus {border-bottom:none; color:#ffffdf}

#depth li.depth_01 ul.depth_02 li ul {position:relative; width:100%; padding:10px 0 15px 0;}
#depth li.depth_01 ul.depth_02 li ul li {float:none; width:auto; margin:0 0 3px 3px;}
#depth li.depth_01 ul.depth_02 li ul li a {display:inline-block; color:#4d4d4d; font-weight:normal; font-size:14px; padding:0; background:none; border-color:#fff;}
#depth li.depth_01 ul.depth_02 li ul li a.on, 
#depth li.depth_01 ul.depth_02 li ul li a:hover, 
#depth li.depth_01 ul.depth_02 li ul li a:active, 
#depth li.depth_01 ul.depth_02 li ul li a:focus {background:none; border-bottom:1px solid;}

#depth li.depth_01 ul#gnb_02.depth_02{left:534px}
#depth li.depth_01 ul#gnb_03.depth_02{left:673px}
#depth li.depth_01 ul#gnb_04.depth_02{left:809px}



/*gnb stop*/

/*mobile gnb start*/
.m_gnb_btn, 
.dim,
.m_gnb_close,
#m_gnb {display:none; }
#m_gnb.on {display:none !important;}
#m_gnb ul div.top2m {display:none;}
#m_gnb ul {margin:0; padding:0;}
#m_gnb ul li {margin:0; padding:0; list-style-type:none; margin:0 0 0 33px;}
#m_gnb ul li a {display:block;}
#m_gnb ul ul li {margin:0 0 0 38px;}
#m_gnb ul ul ul {}

@media all and (max-width:1200px){

	#m_gnb.on {display:block !important; margin-top:34px}
	
	.m_gnb_btn {position:absolute;right:15px;top:60px;display:block;}
	.m_gnb_btn button { position:relative;bottom:30px;z-index:100;padding:0;width:46px;height:46px;transform:rotate(0deg);transition:.5s ease-in-out; cursor:pointer; background:none; border:none;}
/*	.m_gnb_btn button.open {top:-60px; width:70px; height:125px; background:none;} */
	.m_gnb_btn button.open {top:32px; right:300px; position:fixed; width:70px; height:70px; background:none; z-index:1500;}
	.m_gnb_btn button .state {background:none;opacity:0;}
	.m_gnb_btn button .line {display:block;position:absolute;left:10px;top:10px;width:30px;height:4px;background:#2b6cc5;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:before {content:"";display:block;position:absolute;left:0;top:10px;width:23px;height:4px;background:#2b6cc5;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button .line:after {content:"";display:block;position:absolute;left:0;top:20px;width:30px;height:4px;background:#2b6cc5;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
	.m_gnb_btn button.open .line {background:transparent;top:0;right:-100px;border:none;}
	.m_gnb_btn button.open .line:before {top:30px;left:0;background:#fff;transform:rotate(135deg); width:45px;}
	.m_gnb_btn button.open .line:after {top:30px;left:0;background:#fff;transform: rotate(-135deg); width:45px;}	
	
    .m_gnb_close {display:block;position:absolute;right:5px;top:0}
    .m_gnb_close button {width:48px;height:48px; font-size:0}
    .dim {position:fixed;top:0;left:0;z-index:110;width:100%;height:100%;background:rgba(0,0,0,0.6);}

    #m_gnb {overflow-y:scroll;position:fixed;top:0;right:-320px;left:inherit;width:300px;height:100%;background:#fff;z-index:110;}
    #m_gnb div.util a {display:inline-block; color:#828282; margin:0 5px 10px 0; padding:3px 7px; font-size: 12px; border:1px solid #ddd; background:#fff; }
    #m_gnb div.util a:hover {text-decoration:underline;}
    #m_gnb #m_menu {z-index:930; width:280px; }
	#m_gnb .depth_02{display:none;}
	#m_gnb .depth_02 ul{display:none;}
    #m_gnb ul li  {display:block;float:none;margin:0;border-bottom:solid 1px #d3d3d3;background:#fff;}
    #m_gnb ul li a {position:relative;padding:15px 20px;font-size:18px;font-weight:400;color:#333;border:0;text-align:left;}
    
	#m_gnb ul li a:hover, #m_gnb ul li a.active {border:none;background-color:#2b6cc5;color:#fff;}
	#m_gnb ul li.last {margin:0;}
	#m_gnb ul li a span.bul {display:block;position:absolute;top:18px;right:30px;background:#888;transition:all .5s;width:2px;height:20px;margin:0;}
	#m_gnb ul li a:hover span.bul{background:#fff; transition:all .5s;width:2px;}
	#m_gnb ul li a span.bul:after {content:"";display:block;position:absolute;top:0;width:20px;height:2px;margin:9px 0 0 -9px;background:#888;}
	/* #m_gnb ul li a:hover span {background:#fff;}*/
	#m_gnb ul li a:hover span:after {background:#fff;}
	#m_gnb ul li a.active span.bul {background:#fff; transform: translateY(0) rotate(-450deg); }
	#m_gnb ul li a.active span:after {opacity:0;}
    #m_gnb ul div.depth_02 {position:static; padding:7px 0;}
    #m_gnb ul ul {padding:0;}
    #m_gnb ul ul li {border:none;margin:0;}
	#m_gnb > ul > ul > li{border-bottom:1px solid #e5f3e2; }
	#m_gnb ul li.last {float:none;}
	#m_gnb ul ul li:first-child a {margin:0;}
    #m_gnb ul ul li a {padding:11px 0 15px 20px; text-align:left;font-size:16px; color:#666; background:#eef2f7; border-bottom:1px solid #ddd;}
	#m_gnb ul ul li:last-child a{border-bottom:none;}
    #m_gnb ul ul li a:hover{ background:#e1e4e8 ; text-decoration:underline; color:#666; border-bottom:1px solid #ddd;}
    #m_gnb ul ul li:last-child a:hover{border-bottom:none;}
    #m_gnb ul ul ul li a:hover{border-bottom:none}
	}
/*mobile gnb stop*/

@media all and (max-width:1200px){
	header#header div.header_top {width:100%;}
	header#header div.header_top ul.util {display:none;}
	header#header h1.logo {padding-left:15px;}
	nav#gnb {display:none;}
}