@charset "utf-8";



/* --------------------------------------------------------- wrap/container ------------------------------------------------------------------ */
/* side menu open > not scroll */
body.not-scroll {overflow: hidden; position: fixed;}



/* contaner */
.contents-wrap {overflow: hidden; min-width: 1270px;}

.container {width: 1070px; margin: 0 auto; position: relative;}
.container.not-pd {padding: 0;}
/* --------------------------------------------------------- //wrap/container ------------------------------------------------------------------ */



/* --------------------------------------------------------- html header ------------------------------------------------------------------ */
#header {position: fixed; width: 100%; top: 0; left: 0; z-index: 50; border-bottom: 1px solid #cdcccc;}
#header .head-wrap {
    height: 70px;
    background: #fff; background: rgba(255,255,255,.7); position: relative;
    -webkit-transition: all .2s ease-in; /* Safari */
            transition: all .2s ease-in;
}
#header.active .head-wrap {background: rgba(255,255,255,1);}


/* top banner */
#header .top-banner {position: relative; height: 70px; overflow: hidden; opacity: 100 !important; display: block !important;}
#header .top-banner .container {height: 70px;
}
#header .top-banner .banner {display: block;}
#header .top-banner .banner img {display: block; width: 100%; max-height: 70px;}

#header .top-banner .close {position: absolute; right: 30px; /* top: 100px; */ bottom: 10px; z-index: 2;}

#header .top-banner ul li {display: none;}


/* logo */
#header .logo {position: absolute; top: 0; left: 0; z-index: 2;}
#header .logo a {display: block;}


/* main menu */
#header .main-menu {padding: 0px 168px 0 260px;}
#header .main-menu > ul.depth1 {text-align: center;}
#header .main-menu > ul.depth1 > li {display: inline-block; position: relative; margin-left: 15px;}
#header .main-menu > ul.depth1 > li:first-child {margin-left: 0;}
#header .main-menu > ul.depth1 > li > a {
	display: block;
	font-size: 15px; line-height: 70px; color: #323028;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 5px;
	min-width: 110px;
}
#header .main-menu > ul.depth1 > li.active > a::after {content: ""; position: absolute; bottom: -1px; left: 0; z-index: 2; width: 100%; height: 4px; background: #1f62c8;}

#header .main-menu > ul.depth1 > li:hover ul.depth2 {display: block;}

#header .main-menu ul.depth2 {position: absolute; left: 0; z-index: 9; background: #fff; border: 1px solid #ccc; min-width: 170px; display: none;}
#header .main-menu ul.depth2 li {text-align: left; border-top: 1px solid #e1e3e4;}
#header .main-menu ul.depth2 li:first-child {border-top: none;}
#header .main-menu ul.depth2 li a {display: block; padding: 6px 10px; font-size: 14px; white-space: nowrap;}


/* 언어별 site */
#header .sel-wrap {position: absolute; top: 19px; right: 0; z-index: 2; border: 1px solid #e3e2e2; background: #fff;}
#header .sel-wrap img,
#header .sel-wrap select {display: inline-block; vertical-align: middle;}

#header .sel-wrap img {margin-left: 8px;}

#header select.site {height: 32px; border-radius: 0; border: none; font-size: 14px; margin: 0;}
/* --------------------------------------------------------- //html header ------------------------------------------------------------------ */


/* --------------------------------------------------------- html footer ------------------------------------------------------------------ */
#footer {background: #394b61; padding: 35px 0;}


/* address */
#footer address {font-size: 12px; line-height: 18px;}
#footer address p {color: #cbcbcb;}


/* quick site */
#footer .foot-site {position: absolute; top: 5px; right: 0;}
#footer .foot-site select {
    padding-right: 34px !important; width: 180px; min-width: auto; height: 30px; display: inline-block; vertical-align: middle;
    margin-left: 4px; border-radius: 0; border: 1px solid #d9d9d9;
    background: url("../../images/eng/comm/icon/foot_select.png") no-repeat right 0px top 0px #fff; /* 화살표 모양의 이미지 */
}
#footer .foot-site select:first-child {margin: 0;}

#footer .foot-site a {
    display: inline-block; vertical-align: middle; font-size: 12px; font-weight: bold; color: #fff;
    background: #627985; width: 50px; line-height: 30px; text-align: center;
}
/* --------------------------------------------------------- //html footer ------------------------------------------------------------------ */



/* --------------------------------------------------------- page header ------------------------------------------------------------------ */
/* common */
#main .contents-wrap {padding-top: 70px;}


/* sub map location */
.map-location {background: #f5f5f5; font-size: 14px; padding: 10px 0; text-align: right; margin-top: 70px;}
.map-location * {color: #595858;}


/* contents container */
#main .lr-wrap {position: relative; min-height: 700px; padding-bottom: 40px;}

/* left menu */
.left-menu {
    position: absolute; top: 0; left: 0; z-index: 2;
    width: 215px; border: 1px solid #dddcdc; border-top: none;
}
.left-menu .title {
    display: table-cell; width: 215px; height: 85px;  vertical-align: middle; text-align: center;
    font-size: 24px; line-height: 24px; color: #2e2f30; padding: 0 10px;
}

.left-menu ul.depth1 > li {border-top: 1px solid #e8e8e7;}
.left-menu ul.depth1 > li > a {
    padding: 13px 10px 13px 15px; display: block;
    font-size: 16px; line-height: 20px; font-weight: bold; color: #2d2828;
}

.left-menu ul.depth1 > li.active > a {
    background: url("../../images/eng/icon/menu/arrow.png") no-repeat right 15px center #1f62c8;
    color: #fff;
}
.left-menu ul.depth1 > li.active .depth2 {display: block;}

.left-menu ul.depth2 {background: #f5f5f5; padding: 10px 0; display: none;}
.left-menu ul.depth2 li {}
.left-menu ul.depth2 li a {font-size: 14px; line-height: 26px; color: #2d2828; padding-left: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.left-menu ul.depth2 li a::before {content: "- ";}

.left-menu ul.depth2 li a.active {color: #1f62c8; text-decoration: underline; font-weight: bold;}


/* contents box */
.contents-box {padding-left: 260px; padding-top: 28px; text-align: left;}
/* --------------------------------------------------------- //page header ------------------------------------------------------------------ */


/* --------------------------------------------------------- page footer ------------------------------------------------------------------ */
/* right aside menu */
.right-zone {
  position: absolute; width: 78px; top: -62px; right: -100px; /*z-index: 8;*/  
}
.right-zone .fixed {background: #fff; width: 78px; border: 1px solid #c7c8ca; border-radius: 3px; overflow: hidden;}
.right-zone.active2 .fixed {position: fixed; top: 290px; z-index: 7;}
.right-zone.active1 .fixed {position: fixed; top: 150px; z-index: 7;}

.right-zone img {width: 100%;}

.right-zone ul li {border-top: 1px solid #ededed; padding: 14px 0;}
.right-zone ul li:first-child {border-top: none;}
.right-zone ul li a {display: block;}
/* --------------------------------------------------------- //page footer ------------------------------------------------------------------ */