@charset "utf-8";
/** common **/
body {background:url(/images/kor/common/container_bg.jpg) repeat;} 
#wrap {width:100%; height:auto; overflow:hidden;}
.al_wrap {max-width:1280px; margin:0 auto; position:relative;}
.al_wrap:after {content:""; display:block; clear:both;}
.ani {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.floating_top {position:fixed; left:auto !important; right:20px !important; bottom:20px; width:40px; border:1px solid #d8d8d8;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; z-index:999; display:none;}
.floating_top a {display:block; width:40px; height:40px; background:#fff url(/images/kor/common/floating_top_btn.gif) no-repeat center 50%;}
.floating_top a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}


/** header **/
#header {width:214px; height:100%; position:fixed; left:0; top:0; z-index:501;}
h1.logo {width:214px; height:75px; padding:28px 0; position:relative; z-index:101;}
h1.logo a {display:block; margin:0 auto; width:147px; height:79px; /*background:url(/images/kor/common/logo.svg) no-repeat;*/ background:url(/images/kor/common/logo.png) no-repeat;} 
h1.logo a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
.top_util {width:214px; height:auto; overflow:hidden; position:relative; z-index:101;}
.top_util:after {content:""; display:block; clear:both;}
.top_util li {float:left; width:50%;}
.top_util li a {text-align:center; display:block; font-size:0.857em; color:#fff; padding:10px 0;}
.top_util li a.eng {background:#2d55a6;} 
.top_util li a.sitemap {background:#098486;}
.total_search {border-bottom:1px solid #e2e2e2; width:174px; height:39px; margin:0 0 0 20px; position:relative; z-index:101;} 
.total_search input[type="text"] {border:0; width:125px; height:28px; font-size:0.929em;}
.total_search input[type="submit"] {border:0; width:36px; height:36px; padding:0; position:absolute; right:0; top:0; background:url(/images/kor/common/totalsearch_ico.png) no-repeat center 50%; text-indent:-9999px;}

#header .golink {margin:20px 20px 0 20px; padding:4px 10px; position:relative; z-index:101; border:1px solid #eee; font-size:0.929em; color:#838383; background:url(/images/kor/common/arr_go.gif) 140px center no-repeat;}
#header .golink.web {display:block;}
#header .golink.mob {display:none;}

#gnb {width:214px; padding:15px 0; margin-bottom:15px; background:#f4f4f4; position:relative; z-index:101;}
#gnb .sl_btn {display:none;}
#gnb ul {}
#gnb ul li {}
#gnb ul li a {display:block; padding:7px 20px 7px 25px; font-size:1.1em; font-weight:600; text-decoration:none; color:#2c2c2c;
-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
#gnb ul li a.ov {background:#415a89; color:#fff;}
#gnb ul li ul {position:absolute; left:214px; top:0; width:160px; height:100%; padding:25px 0 0 0; display:none;}
#gnb ul li.num2 ul {top:16px;}
#gnb ul li.num3 ul {top:-3px;}
#gnb ul li.num3 ul li li:first-child{ display:none}
#gnb ul li.num4 ul {top:130px;}
#gnb ul li.num5 ul {top:170px;}
#gnb ul li.num6 ul {top:200px;}
#gnb ul li.num7 ul {top:0px;}
#gnb ul li.num8 ul {top:200px;}
#gnb ul li.num9 ul {top:250px;}
#gnb ul li.num10 ul {top:140px;}
#gnb ul li.num11 ul {top:140px;}
#gnb ul li ul li {margin:0 0;}
#gnb ul li ul li a {font-size:1.071em; font-weight:normal; padding:5px 20px; color:#fff; background:none;}
#gnb ul li ul li a span {display:inline-block; vertical-align:top;}
#gnb ul li ul li a[target="_blank"] span {padding-right:16px; background:url(/images/kor/common/blank_ico.gif) no-repeat right 8px;}
#gnb ul li ul li a.ov, #gnb ul li ul li a:hover, #gnb ul li ul li a:active, #gnb ul li ul li a:focus {color:#ffdd00; text-decoration:underline; background:url(/images/kor/common/gnb_depth1_bul.png) no-repeat right top;}
#gnb ul li ul li ul {position:relative; top:auto; width:auto; height:auto; padding:0 0 20px 0; margin:0 20px; left:auto; top:auto !important;}
#gnb ul li ul li ul li {margin:0;}
#gnb ul li ul li ul li a {color:#ccd2de; font-size:1em; padding:3px 5px 3px 17px; letter-spacing:-0.5px; background:url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 11px;}
#gnb ul li ul li ul li a.ov, #gnb ul li ul li ul li a:hover, #gnb ul li ul li ul li a:active,#gnb ul li ul li ul li a:focus {background:#2b4270 url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 11px; color:#ccd2de; text-decoration:none;}

#header.main #gnb ul li ul li a.ov, #header.main #gnb ul li ul li a:hover, #header.main #gnb ul li ul li a:active, #header.main #gnb ul li ul li a:focus {background:none;}
#header.main #gnb ul li ul li ul li a.ov, #header.main #gnb ul li ul li ul li a:hover, #header.main #gnb ul li ul li ul li a:active, #header.main #gnb ul li ul li ul li a:focus {background:#1c315a url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 11px; color:#ccd2de; text-decoration:none;}

.header_bg {width:214px; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:10;}
.animate {width:160px; height:100%; position:absolute; left:-214px; top:0; background:#2e4777; z-index:5; 
-webkit-opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);}
#gnb.main ul li ul li a.ov, #gnb.main ul li ul li a:hover, #gnb.main ul li ul li a:active, #gnb.main ul li ul li a:focus {background:none;}
#gnb.main ul li ul li ul li a:hover, #gnb.main ul li ul li ul li a:active,#gnb.main ul li ul li ul li a:focus {background:#2b4270 url(/images/kor/common/gnb_depth3_bul.png) no-repeat 7px 11px; color:#ccd2de; text-decoration:none;}

.rwd_gnb, .mob_gnb_btn {display:none;}

/**** container ****/
#main_container {width:auto; height:auto; padding:0 0 0 214px; position:relative; z-index:10;}
#main_container #contents {position:fixed; height:100%; z-index:1;}
#container {width:auto; height:auto; padding:0 0 0 374px; position:relative; z-index:10;}
#container #contents {width:100%; max-width:1200px; height:auto; margin:0 auto; position:relative;}

	/** contents **/
	.location {position:relative; width:100%; max-width:1200px; margin:0 auto; padding:50px 0 40px 0; text-align:center;}
	.location h3.cont_title {font-size:2.929em; line-height:1.098em; text-align:center; margin:0 0 -2px 0; padding-bottom:30px; background:url(/images/kor/common/cont_title_bg.gif) no-repeat center bottom; position:relative; z-index:10;}
	
	.location .navi {width:auto; display:inline-block; vertical-align:top; text-align:center; padding:8px 20px; border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4;}
	.location .navi a {display:inline-block; vertical-align:top; padding:3px 10px; background:url(/images/kor/common/navi_bul.png) no-repeat left 50%;}
	.location .navi a.home {background:url(/images/kor/common/navi_home_ico.png) no-repeat left 50%; padding-left:18px;}
	.location .navi a.home span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
	.location .navi a.last {font-weight:600;}
	
	.share_m {position:absolute; right:0; bottom:42px; width:auto; z-index:10;}
	.share_m a {z-index:10; position:relative;}
	.share_m a.sns {float:left; display:block; width:42px; height:42px; background:#2e56a7 url(/images/kor/common/sns_ico.png) no-repeat center 52%; margin-right:5px;
	-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	.share_m a.sns span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
	.share_m a.sns.ov {background:#6a6a6a url(/images/kor/common/sns_ico_ov.png) no-repeat center 52%;}
	.share_m a.blog {float:left; padding:0; display:block; width:42px; height:42px; overflow:hidden; background:#2d3b4f url(/images/kor/common/sns_bl_ico.png) no-repeat center 50%;  margin-right:5px;
	-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	.share_m a.blog span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
	.share_m a.print {float:left; display:block; width:42px; height:42px; overflow:hidden; background:#6a6a6a url(/images/kor/common/print.png) no-repeat center 50%;
	-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	.share_m a.print span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
	#sns_box {position:absolute; right:136px; top:0; z-index:20; width:94px; display:none;}
	#sns_box a {float:left; width:auto; margin-right:5px; display:block; width:42px; height:42px; overflow:hidden; padding:0;
	-webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius:21px; -ms-border-radius:21px; border-radius:21px;
	-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}
	#sns_box a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; /*visibility:hidden;*/ overflow:hidden;}
	#sns_box a.fb {background:#374d9e url(/images/kor/common/sns_fb_ico.png) no-repeat center 50%;}
	#sns_box a.tw {background:#0292dc url(/images/kor/common/sns_tw_ico.png) no-repeat center 50%;}
	
/* depth4_tab */
.depth4_tab {width:100%; height:auto; position:relative; z-index:1;}
.depth4_tab .title {background:#2d55a6;}
.depth4_tab .title a {display:block; padding:25px 30px; text-decoration:none; position:relative;}
.depth4_tab .title a h3 {font-size:1.429em; line-height:1.400em; color:#fff;}
.depth4_tab .title a span.ico {display:block; width:35px; height:34px; position:absolute; right:30px; top:50%; margin-top:-17px; background:url(/images/kor/common/depth4_ico_down.png) no-repeat center 50%;}
.depth4_tab .title a span.ico.up {background:url(/images/kor/common/depth4_ico_up.png) no-repeat center 50%;}
.depth4_tab .tab_scroll {width:100%; height:auto; display:none;}
.depth4_tab .tab_scroll .list {width:auto; height:auto; padding:15px 30px; background:#d9e1ec;}  
.depth4_tab .tab_scroll .list:after {content:""; display:block; clear:both;}
.depth4_tab .tab_scroll .list li {float:left; width:30.333%; margin-right:3%;}
.depth4_tab .tab_scroll .list li a {display:inline-block; vertical-align:top; padding:3px 0 3px 10px; font-size:1.071em; background:url(/images/kor/common/list_type1_bul.gif) no-repeat left 13px;}
.depth4_tab .tab_scroll .list li a:hover, .depth4_tab .tab_scroll .list li a:active {color:#ed1651;}
	

/** aside **/
#aside {width:auto; height:auto; padding:30px 0 30px 374px; position:relative; z-index:101;}
#aside ul {width:auto; max-width:1200px; text-align:center; margin:0 auto;}
#aside ul li {display:inline-block; vertical-align:top; background:url(/images/kor/common/aside_bul.gif) no-repeat left 50%;}
#aside ul li a {display:inline-block; vertical-align:top; padding:5px 10px; font-size:0.929em;}
#aside ul li:first-child {background:none;}
#aside ul li:first-child a {color:#2e56a7;}
#main_aside {width:100%; height:auto; padding:30px 0 30px 0; position:absolute; left:0; bottom:0; z-index:101;}
#main_aside ul {width:auto; text-align:center;}
#main_aside ul li {display:inline-block; vertical-align:top; background:url(/images/kor/common/aside_bul.gif) no-repeat left 50%;}
#main_aside ul li a {display:inline-block; vertical-align:top; padding:5px 10px; font-size:0.929em; color:#fff;
-webkit-opacity:0.6;  -moz-opacity:0.6; -o-opacity:0.6; -ms-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}
#main_aside ul li:first-child {background:none;}
#main_aside ul li:first-child a {color:#ffdd00;}


/** footer **/
#footer {width:auto; height:auto; position:fixed; left:20px; bottom:25px; z-index:701;}
#footer address, #footer p {font-size:0.929em; color:#838383; width:160px; letter-spacing:-0.5px;}
#footer address span {display:block; word-break:keep-all;}
#footer p {margin:15px 0 0 0; font-size:0.857em; }