@charset "utf-8";
@import url("/css/common/font.css");

/*----------------------------------------------------------------------------
 * 레이아웃 스타일 정의
 * ---------------------------------------------------------------------------
 * Author	: (주)플랜아이 http://plani.co.kr
 * ---------------------------------------------------------------------------
 * History
 * ---------------------------------------------------------------------------
 * 2017-03-16 (조민지)	: 최초작성
 * -------------------------------------------------------------------------*/

html {
	margin:0; 
	padding:0; 
	font-family:NotoD, '맑은 고딕', Malgun Gothic, '돋움', Dotum, '굴림', Gulim, AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;
	overflow-y:scroll; 
	}
body {overflow:hidden; margin:0; padding:0; font-size:16px; color:#555; line-height:150%;}
ul, ol, li {margin:0; padding:0; list-style:none;}
dl, dt, dd, p, 
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:0 none;}
a {color:#555; text-decoration:none;}
table {width:100%; border-collapse:collapse; border:0 none;}
form {display:inline; margin:0; padding:0;}
fieldset, 
iframe {margin:0; padding:0; border:0 none;}
textarea {width:100%; border:1px solid #ddd;}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: normal;
	}
input, select, textarea,
button {
	margin:0; 
	padding:0; 
	box-sizing:border-box; 
	color:#555;
	font-family: NotoD, '맑은 고딕', Malgun Gothic, '돋움', Dotum, '굴림', Gulim, AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif;
	font-size:16px;
	}
map area{
    outline: none;
	}
button {border:0 none; background:none;}
input[type='text'],
input[type='password'],
input[type='number'] {width:200px; height:30px; padding:0; border:1px solid #ddd;}
hr, legend, caption,
.hidden {overflow:hidden; width:100%; height:0; margin:0; padding:0; font-size:0; line-height:0;}

/* 메뉴 건너뛰기 */
#accessibility {margin:0; padding:0; list-style:none;}
#accessibility dt {overflow:hidden; height:0;}
#accessibility dd {float:left; width:100%;}
#accessibility a {display:block; overflow:hidden; position:absolute; left:0; top:0; width:100%; background-color:#333; color:#fff; text-align:center; height:0;}
#accessibility a:hover,
#accessibility a:focus,
#accessibility a:active {z-index:999; height:35px; line-height:35px;}

/* 레이아웃 */
#layout-header,
#layout-container,
#layout-footer {width:100%; min-width:1267px; text-align:center;}
#header,
#container,
#footer {width:1600px; max-width:100%; margin:0 auto; text-align:left; transition:all .2s;}

/* 상단 */
#layout-header {background-color:#282833;}
#header {position:relative; z-index:2;}
#site-logo {float:left; padding:20px 50px; font-size:0; line-height:0;}

/* 상단메뉴 */
#gnb {position:absolute; right:0; top:30px; text-align:right;}
#gnb ul,
#gnb li {display:inline;}
#gnb a {margin-right:15px; font-size:12px; color:#fff; opacity:.7;}

/* 주메뉴 */
#lnb {position:absolute; left:50%; top:30px; z-index:2; width:600px; margin-left:-280px; font-size: 0.938em; letter-spacing: -0.08em;}
#lnb:before {display:none; position:absolute; left:50%; top:54px; z-index:-1; width:1000%; height:175px; margin-left:-500%; background:url('/images/korean/layout/lnb.gif') no-repeat center bottom #0a81db; content:'';}
#lnb li {float:left; position:relative; padding:0 30px; text-align:center;}
#lnb a {font-size:1.15em; font-weight:500; color:#fff; transition:color .2s;}
#lnb .lnb-menu > li:before {position:absolute; left:0; top:5px; width:1px; height:14px; border-right:1px solid #0c0c0f; background-color:#3b3b45; content:'';}
#lnb .lnb-menu > li:after {position:absolute; left:50%; top:56px; width:0; height:0; margin-left:0; background-color:#006cbd; content:''; transform:rotate(45deg); transition:all 0s 0s, top .2s .2s;}
#lnb .lnb-menu > li:first-child:before {display:none;}
#lnb .lnb-menu > li:last-child .depth02 {left:50px;}
#lnb .lnb-menu > .on > a {color:#0c8cec;}
#lnb .lnb-menu > .on:after {top:47px; width:16px; height:16px; margin-left:-8px; transition:all 0s .2s, top .2s .2s;}
#lnb .lnb-menu > .on .depth02:before {height:100%;}
#lnb .depth02 {display:none; position:absolute; left:0; top:54px; z-index:1; height:175px; padding-top:25px; box-sizing:border-box;}
#lnb .depth02:before {position:absolute; left:0; top:0; z-index:-1; width:100%; height:0; background-color:#006cbd; content:''; transition:all .2s;}
#lnb .depth02 li {float:none; width:100%; text-align:left;}
#lnb .depth02 a {font-size:1em; font-weight:200; color:#aad7f9; letter-spacing:-1px; white-space:nowrap; line-height:36px;}
#lnb .depth02 a:hover,
#lnb .depth02 a:focus,
#lnb .depth02 a:active {font-weight:bold; color:#fff; text-decoration:underline;}
#lnb.active:before {display:block;}

/* 검색 */
#search {clear:both; position:relative; z-index:1; width:1400px; max-width:100%; height:95px; margin:0 auto; padding:25px 0; box-sizing:border-box; transition:all 0s;}
#search:before {position:absolute; left:50%; top:0; z-index:-1; width:1000%; height:100%; margin-left:-500%; background-color:#0a81db; content:'';}
#search.active:after {overflow:hidden; position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:0; background:url('/images/korean/layout/search_bg.gif') no-repeat 25% bottom; content:'';}
#search h2 {position:absolute; left:0; bottom:0; height:75px; padding-left:65px; background:url('/images/korean/layout/search.gif') no-repeat; font-size:1em; font-weight:500; color:#fff; letter-spacing:-1px; line-height:55px; transition:height 0s, bottom 0s 0s;}
#search h2:before {position:absolute; left:0; bottom:0; width:209px; height:0; background:url('/images/korean/layout/search_h2.gif') no-repeat; content:''; opacity:0; transition:all 0s 0s;}
#search h2 span {margin-left:3px; font-size:1.05em; color:#ffee65;}
#search .form {position:relative; height:45px; margin:0 440px 0 480px;}
#search .form input {width:100%; height:100%; padding-left:35px; border-radius:45px; border:0 none; color:#c0c9da;}
#search .form button {position:absolute; right:20px; bottom:10px; width:25px; height:25px;}
#search .form button:before {position:absolute; left:0; top:0; z-index:1; width:20px; height:20px; box-sizing:border-box; border-radius:100%; border:2px solid #1c8ade; background-color:#fff; content:'';}
#search .form button:after {position:absolute; right:5px; bottom:0; width:3px; height:20px; background-color:#1c8ade; content:''; transform:rotate(-45deg);}
#search .form:before {visibility:hidden; position:absolute; right:-420px; top:50%; width:323px; height:227px; margin-top:-140px; background:url('/images/korean/layout/search_right.gif') no-repeat; content:''; transform:rotateY(180deg); opacity:0; transition:all 0s 0s;}
#search .keyword {position:absolute; right:0; top:50%; margin-top:-12px; font-size:.95em; line-height:20px;}
#search .keyword strong {position:relative; margin-right:3px; padding-right:12px; color:#fff;}
#search .keyword strong:before {position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-5px; border-right:1px solid #076bc2; background-color:#6ea8df; content:'';}
#search .keyword span,
#search .keyword span a {color:#c4dae5;}
#search .title {display:none; padding-bottom:15px; font-size:.9em; color:#93bbee; text-align:center; letter-spacing:-1px;}
#search .control a {display: block;position:absolute; left:50%; bottom:2px; width: 65px; margin-left:-32px; font-size:13px; font-weight:500; color:#c4dae5;}
#search .control a:after {display:inline-block; position:absolute; right:0; top:7px; width:6px; height:6px; border-bottom:2px solid #9dcdf1; border-right:2px solid #9dcdf1; content:''; transform:rotate(45deg);}
#search .control .close {display:none;}
#search.active {height:305px; padding:50px 0 0; transition:all .5s;}
#search.active:after {height:100%;}
#search.active h2 {bottom:50px; height:200px; padding:0; background:none; font-size:1.15em; line-height:150%; transition:height .5s, bottom .5s .5s;}
#search.active h2:before {height:131px; opacity:1; transition:all .5s .5s;}
#search.active h2 span {display:block; font-size:1.25em;}
#search.active .title {display:block;}
#search.active .form {height:70px; margin:0 420px;}
#search.active .form:before {visibility:visible; transform:rotateY(0deg); opacity:1; transition:all .5s .8s;}
#search.active .form button {right:35px; bottom:20px;} 
#search.active .keyword {position:relative; top:0; margin:10px 0 0; text-align:center;}
#search.active .control .open {display:none;}
#search.active .control .close {display:inline-block; bottom:10px; width:12px; height:12px; margin-left:-6px; border-top:3px solid #9dcdf1; border-left:3px solid #9dcdf1; font-size:0; transform:rotate(45deg);}
#search.active .control .close:after {display:none;}

/* 하단 */
#layout-footer {padding:25px; border-top:1px solid #d7dde9; line-height:120%;}
#footer {text-align:center;}
#footer address {font-style:normal; font-size:.9em;}
.copyright {font-size:.85em;}

/* 하단메뉴 */
#fnb {margin-bottom:15px;}
#fnb li {display:inline;}
#fnb a {position:relative; padding:0 10px; letter-spacing:-1px;}
#fnb a:before {position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#d3d4d9; content:'';}
#fnb .first a {padding-left:0; color:#0a81db;}
#fnb .first a:before {display:none;}

/* 사이트맵 */
div#all-sitemap {display:none;z-index:500; position:fixed; top:0; left:0; width:100%; margin:0 auto; height:10000%; background-color:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95000000,endColorstr=#95000000);  zoom:1;}
div.sitemap-wrap {position:relative; top: 200px; width:917px; height:572px; margin:0 auto; overflow:hidden; background:url("/images/korean/layout/bg_sitemap.png") no-repeat right bottom; background-color:#fff; box-shadow: 2px 2px 10px #333;}
div.sitemap-wrap h2 {
	padding:0 0 0 48px; 
	margin:0; 
	height:60px; 
	font-size:26px;
	line-height:2.2em; 
	display:block; 
	background-color:#4460c8; 
	font-family: NotoM;
	color:#fff;
	}
div.sitemap-wrap dl.sitemap {float:left; margin:45px 0 ; height:173px;  padding:0; overflow:hidden;}
div.sitemap-wrap .group01 {width:298px; margin-left:50px !important; }
div.sitemap-wrap .group02 {width:310px; }
div.sitemap-wrap .group03 {width:220px; }
div.sitemap-wrap .group04 {width:298px; margin-left:50px  !important; margin-top:0!important;}
div.sitemap-wrap .group05 {width:310px; margin-top:0!important;}

div.sitemap-wrap dl.sitemap dt {display:block; float:left; font-size:1.571em; color:#333; font-family: NotoM;width:100%; padding:0 0 12px; margin:0; background:url("/images/korean/layout/bullet_bar_black.gif") no-repeat 0 bottom;} /*font-size 22 */
div.sitemap-wrap dl.sitemap dt a{color:#333; font-family: NotoM; letter-spacing:-0.05em;}
div.sitemap-wrap dl.sitemap dd {display:block; float:left; width:100%; padding:25px 0 0; margin:0; }

div.sitemap-wrap ul.menu {list-style:none; overflow:hidden; padding:0; margin:0; }
div.sitemap-wrap ul.menu li {padding:0 0 0 10px; margin-bottom:5px; line-height:150%; background:url("/images/korean/layout/bullet_dot_p.gif") no-repeat 0 8px;}
div.sitemap-wrap ul.menu li a {display:inline-block; padding:0; margin:0;letter-spacing:-0.04em; }
div.sitemap-wrap ul.menu li a:hover,
div.sitemap-wrap ul.menu li a:focus {color:#5b6ed4;}

div.sitemap-wrap a.btn-sitemap-close {position:absolute; top:12px; right:43px;}