/*
================================================================================
상단메뉴
================================================================================
*/

#menu{ z-index:20;}
.logo {position:absolute;top:50px; left:0; z-index:5001; width:20%; line-height:110px; }

.gnb_bg.over { height:800px; border-top:1px solid #3c84b9;}


#gnb{position:relative; padding:0; z-index:20;  width:77%; padding-left:23%;  min-height:110px;line-height:1.2em;}
#gnb .topmenu { }
#gnb .topmenu > li{ float:left; padding-right:35px; box-sizing:border-box;}
#gnb .topmenu > li:last-child {padding-right:0;}
#gnb .topmenu > li > a{position:relative;display:inline-block; color:#333;text-decoration:none; box-sizing:border-box; min-height:110px; line-height:110px; font-size:20px; display:block; letter-spacing:-0.05em;}
#gnb .topmenu > li > a::after{position:absolute;left:0;  bottom:0px; width:0; height:3px; content:''; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;background:#5380d2}
#gnb .topmenu > li > div.depth2-wrap{visibility: hidden;position:absolute;  opacity:0;overflow:hidden;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; box-sizing:border-box; height:0; box-sizing:border-box; border-left:1px solid #dedede; padding:40px 20px;}
#gnb .topmenu > li:last-child > div.depth2-wrap {border-right:1px solid #dedede;}
#gnb .topmenu.on > li > div.depth2-wrap {visibility: visible;top:110px;opacity:1; height:800px;}
#gnb .topmenu.on div.depth3-wrap {display:none;}
#gnb .topmenu > li > div.depth2-wrap h2 {color:#35393b; margin-bottom:20px; font-size:18px; letter-spacing:-0.05em; line-height:22px; font-weight:500;}
#gnb .topmenu > li.hv > div.depth2-wrap h2 {color:#fff;}
#gnb .topmenu > li > div.depth2-wrap ul li {margin-bottom:10px;}
#gnb .topmenu > li > div.depth2-wrap ul li  a {font-size:14px; font-weight:400;}
#gnb .topmenu > li > div.depth2-wrap ul li  a:hover {color:#74bfff;}
#gnb .topmenu > li > div.depth2-wrap ul li  a[target="_blank"] {padding-right:20px; background:url(/common/img/icon_newwin04.png) no-repeat right 3px;}
#gnb .topmenu div.tmenucopy {visibility: hidden; position:absolute; top:0; left:0; color:#333; background:url(/common/img/sub_commonbg.png) no-repeat right 180px; top:110px; height:0px;  width:20%; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; overflow:hidden; visibility: hidden; box-sizing:border-box; padding:10px;}
#gnb .topmenu div.tmenucopy h2 {font-size:36px; font-weight:400; margin-bottom:20px; margin-top:40px; letter-spacing:-0.05em;}
#gnb .topmenu.on div.tmenucopy {visibility: visible; opacity:1; height:400px;}


#gnb .topmenu.n07 > li#tm03 > div.depth2-wrap {width: 17.28%;}
#gnb .topmenu.n07 > li#tm04 > div.depth2-wrap {left: 45.84%;}
#gnb .topmenu.n07 > li#tm05 > div.depth2-wrap {left: 60.12%;}
#gnb .topmenu.n07 > li#tm06 > div.depth2-wrap {left: 74.4%;}
#gnb .topmenu.n07 > li#tm07 > div.depth2-wrap {left: 88.68%;}


/* ---- 중간영역 ----
.dv_Location {background:#f2f4f6; z-index:5000; position:relative; border-bottom:1px solid #dedede; height:55px; box-sizing:border-box;}
.dv_Location div.loca li {line-height:55px; color:#333; border-right:1px solid #d4d8db; display:inline-block; padding:0px 20px;}
.dv_Location div.loca li:after {content:''; display:inline-block; background:url('/common/img/sloca_arrow.png') no-repeat 0 0; width:6px; height:12px; margin-left:15px;}
.dv_Location div.loca li:first-child { background:#fff url('/common/img/icon_home.png') no-repeat 50% 50%; text-indent:-999999px; width:20px; border-left:1px solid #d4d8db; height:56px;}
.dv_Location div.loca li:last-child {border-right:none;}
.dv_Location div.loca li:first-child:after {display:none;}
.dv_Location div.loca li:last-child:after {display:none;}
 */