@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

html,body {width:100%;height:100%; font-family:'Noto Sans KR','Malgun Gothic'; }
body {overflow:auto;}
 
#doc {position:relative; width:100%; min-width:1120px;background:#fff}
body {overflow-y:visible;overflow-x:hidden; background:url(../_Img/Content/bg_black_1.png) no-repeat; background-size:cover;/*overflow-x:auto;*/}
body.waiting { background:url(../_Img/Content/waiting-bg.jpg) no-repeat; background-size:cover;overflow-x:auto;}

.doc-pg{position:relative; min-width:1120px;}
.div-wrap {position:relative; width:1700px;text-align:left; margin:0 auto 0 auto;}
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr{position:relative;width:100%;height:100%;transition:margin 0.3s ease;}
.body-slider-ovclick, .container-bg{position:fixed;z-index:2006;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.45);cursor:pointer }

i{font-style:normal}


/* z-index */
.header-wrap-abs {z-index:7000;}
#header-wrap, #header {z-index:2005;}
#container-wrap{z-index:2001; }
#footer-wrap{z-index:2006; }
#container{z-index:1001}


/* /////////////////////////////// 상단 ///////////////////////////////////*/

#header-wrap {height:60px;}
.main03 #header-wrap{position:relative; height:31px;}
/*.main03 #header-wrap:before{position:absolute; left:50%; top:0px; width:3000px; margin-left:-1500px; border-bottom:1px solid #fff; height:100%; background:#1e1e1e; content:""; z-index:-1;}
#header{}

#logo{position:absolute; left:1px; top:-10px; z-index:2100; text-align:left; width:225px; height:103px; z-index:2500; opacity:1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;	transition: all 0.5s ease-out;}
#logo a{display:block; height:103px; background:url(../_Img/logo.png) no-repeat center;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* 메뉴부분 */
#mainNavi-wrap{position:absolute; top:0px; padding:0px 13px 0px 260px; width:100%; height:60px !important; display:block; box-sizing:border-box; z-index:99; overflow:visible !important; z-index:1; font-family:"Nanum Barun Gothic";}
#mainNavi-wrap:before{position:absolute; left:50%; top:0px; width:3000px; margin-left:-1500px; height:100%; background:#ffd700; content:""; z-index:-1;}
#mainNavi{ width:100%; background:#1e1e1e; margin-top:13px; height:34px;}

.topmenu {position:relative; font-size:0px;}
.topmenu:after {display:block;content:"";clear:both;}
.topmenu .tgl-btn {display:none;}
.topmenu a, .topmenu span {white-space:nowrap; color:#fff;}
.topmenu .mn_a1{line-height:34px; display:block; text-align:center; position:relative; overflow:hidden}
.topmenu .mn_l1{display:inline-block; position:relative; }
.topmenu .mn_l1.isTopHide {display:none;}
.topmenu .mn_s1{color:#fff; font-size:12px; font-weight:900; padding:0px 27px; border-right:1px solid #525252; cursor:pointer; text-align:center; white-space:nowrap; text-transform:uppercase; display:block; text-overflow:ellipsis; letter-spacing:0}
.topmenu .mn_l1:last-child .mn_s1{border-right:none;}
.topmenu li.mn_l1:first-child:after{display:none}
/*.topmenu li.mn_l1:after{background:red; width:12px; height:12px; left:-6px; top:50%;margin-top:-4px; display:block; content:"" ;position:absolute;}*/

.topmenu li.mn_l1:hover .mn_s1{color:#fed000; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.topmenu li.mn_l1.over .mn_s1{color:#fed000}

.topmenu .depth2-wrap {position:absolute;top:110px;line-height:120%;display:none;visibility:hidden;padding:0; width:900px; left:-20px;;}
.topmenu .depth2 {position:relative;height:auto;padding:8px 0;overflow:hidden}
.topmenu .depth2 li {white-space:nowrap;letter-spacing:-1px;line-height:1.3em; float:left;width:auto;}
.topmenu .depth2 .mn_l2 {text-align:left;margin-bottom:1px; }
.topmenu .depth2 .mn_a2 {cursor:pointer;padding-top:3px;padding-bottom:3px;padding-left:15px;padding-right:15px; display:block;}
.topmenu .depth2 .mn_a2 span {display:inline-block; padding:5px 0; position:relative;font-weight:400;white-space:nowrap; font-size:14px;letter-spacing:-0.01em;color:#f2ead7;}
.topmenu .depth2 .mn_a2 span:after{background:#f2ead7 ; height:1px; position:absolute; width:0;margin-left:0; display:block; content:"" ; left:50%; bottom:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.topmenu .depth2 .over .mn_a2 ,.topmenu .depth2 .mn_a2:hover,.topmenu .depth2 .mn_a2:focus, .topmenu .depth2 .mn_a2:active {font-weight:600;}
.topmenu .depth2 .is-over .mn_a2 span,topmenu .depth2 .over .mn_a2 span {color:#f2ead7; }
.topmenu .depth2 .is-over .mn_a2 span:after,.topmenu .depth2 .over .mn_a2 span:after, .topmenu .depth2 .mn_a2:hover span:after{width:100%; margin-left:-50%;}

#mainNavi-wrap .ovbar {position:absolute;height:14px;top:67px;display:block;overflow:hidden; height:12px; display:block; display:none;}
#mainNavi-wrap .ovbar:before {position:absolute;bottom:0;left:50%; background:#e91e25; height:3px;content:"";display:block;z-index:200; width:70%; margin-left:-35%;}

.mn-bar{background:#2b200f; position:absolute; left:50%; margin-left:-1000px;  width:2000px; top:145px; }

#gnb-wrap{position:absolute; right:35px; top:19px; z-index:1;}
#gnb-wrap ul{}
#gnb-wrap ul li{float:left; padding:0px 10px; font-size:10px; color:#8c8b8b;}
#gnb-wrap ul li a{color:#8c8b8b;}

.main03 #gnb-wrap{position:absolute; right:45px; top:5px; z-index:1;}
.main03 #gnb-wrap ul{}
.main03 #gnb-wrap ul li{float:left; padding:0px 10px; font-size:10px; color:#8c8b8b;}
.main03 #gnb-wrap ul li a{color:#8c8b8b;}

/* /////////////////////////////// 컨텐츠 ///////////////////////////////////*/

.main03 #container-wrap{background:url(../_Img/Main/main03-bg.jpg) no-repeat; background-size:cover;}

#contents{position:relative;}
#contents:after{display:block; content:"";clear:both;}
#contents.mcontainer:before{position:absolute; left:50%; top:0px; width:3000px; margin-left:-1500px; height:100%; background:#f8f8f8; content:""; z-index:-1;}

/* /////////////////////////////// 풋터 ///////////////////////////////////*/
#footer-wrap {display:block;}
#footer-wrap:before{position:absolute; left:50%; top:0px; width:3000px; margin-left:-1500px; height:100%; z-index:-1;background:#f8f8f8; display:block; content:"";}
#footer{position:relative; width:1220px; padding:30px 0px 40px 0px;}

#footer .f-logo{position:absolute; left:1px; top:10px; z-index:1;}
#footer .f-logo a{display:block; width:111px; height:118px; background:url(../_Img/fotter-logo.png) no-repeat;}

#footer .f-menu{position:relative; padding:0px 400px 10px 110px;}
#footer .f-menu:after{display:block;content:"";clear:both;}
#footer .f-menu li{float:left; padding:0px 15px;}
#footer .f-menu li:first-child{padding-left:0px;}
#footer .f-menu li:last-child{padding-right:0px;}
#footer .f-menu li a{font-size:13px; font-weight:500;}

#footer .copy{padding:0px 420px 0px 110px;}
#footer .copy:after{display:block;content:"";clear:both;}
#footer .copy li{font-size:12px; color:#000; line-height:140%;}

#footer .customer{position:absolute; right:0px; top:30px; padding-left:55px; z-index:1;}
#footer .customer:before{position:absolute; left:0px; top:0px; width:45px; height:45px; background:url(../_Img/Layout/f-customer-icon.png) no-repeat; content:"";}
#footer .customer .btxt{margin-bottom:5px; overflow:hidden;}
#footer .customer .btxt span{font-size:15px; color:#333; font-weight:600; float:left;}
#footer .customer .btxt a{font-size:12px; color:#fff; background:#bebebe; line-height:20px; padding:0px 16px; font-weight:400; float:right;}
#footer .customer .stxt{font-size:12px; color:#9d9d9d; letter-spacing:-0.03em;}