@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */

* {margin:0; padding:0; font-family:"Nanum Gothic",sans-serif;}
ul,dl,ol,li {list-style:none;}
img {border:none; vertical-align:top;}
a {text-decoration:none; color:#454545;}
a:hover {text-decoration:none; color:#333;}
html {height:100%;}
body {font-size:100%; font-family:"Nanum Gothic",sans-serif; line-height:1;}
caption {visibility:hidden; display:block;}
.blinder {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:#fff; cursor:pointer; display:none;}

.wrapper {width:100%; min-width:320px; position:relative; overflow:hidden;}

.header_wrap { width:100%; min-width:320px; height:55px; position:fixed; top:0; left:0; z-index:150; overflow:hidden; background:#ffffff; border-bottom:2px solid #99ca3c;}
.header {width:100%; max-width:640px; height:100%; position:relative; margin:0 auto;}
.header h1 {width:100%; text-align:center; padding:12px 0 0 0px; margin:0; line-height:0;}
.header .left_top {position:absolute; top:8px; left:10px;}
.header .right_top {position:absolute; top:8px; right:10px;}
.header .right_top_eng {position:absolute; top:17px; right:55px; font-size:13px;}

@media all and (max-width:640px){	
	.header .right_top_eng a img {width:7.8125vw; height:4.6875vw; }
}

/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:200; display:none;}
.menu_wrap > div {max-width:640px; height:100%; min-width:320px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.menu_wrap .menu_area {width:50%; position:absolute; top:0; right:-50%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {width:100%; height:55px; overflow:hidden; background:#0066b3;}
.menu_wrap .menu_area .row_01 a {width:40px; height:55px; display:block; float:right; padding-top:8px; padding-right:10px}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #2074a7; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#fff; font-weight:bold; text-indent:10px; font-size:15px;
background:#3199d4 url('/img/m_gnb_arrow.gif') 93% center no-repeat; background-size:8px auto;}
.menu_wrap .menu_area .row_02 > li.selected > a { color:#0a3a5e;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#58b6eb;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:35px; line-height:35px; color:#ffffff; text-indent:10px; font-size:13px; font-weight:bold; background:url('/img/gnb_row02_bulet.gif') 10px center no-repeat; text-indent:25px;}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:35px; position:fixed; top:55px; left:0; z-index:180; }
.sub_lnb {max-width:640px; min-width:320px; width:100%; /*height:35px;*/ height:15px; margin:0 auto; ove rflow:hidden; position:relative;  background:#97bb54; /*border-bottom:1px solid #6e8f30;*/}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {background:#97bb54 url('/img/m_sub_bg.gif') right 0 repeat-y;}
.sub_lnb > div.depths_02 {background:#0066b3;}
/*.sub_lnb > div.depths_01 {background:#97bb54 url('/img/m_sub_lnb_01_bg.gif') right 0 no-repeat;}
.sub_lnb > div.depths_02 {background:#0066b3 url('/img/m_sub_lnb_02_bg.gif') left 0 no-repeat;}*/
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {display:block; height:33px; line-height:35px; font-size:13.5px; font-weight:bold; color:#ffffff; text-indent:13px; float:left;}
.sub_lnb > div p.title > .arrow {display:block; float:right; margin-right:15px;}
.sub_lnb > div p.title > .arrow img {padding-top:15px;}

.sub_lnb > ul {width:50%; height:0; position:absolute; top:35px; overflow:hidden;}
.sub_lnb > ul.lnb_ul li {width:100%; background:#6f6f75; font-size:15px; border-bottom:1px solid #9c9c9c;}
.sub_lnb > ul.lnb_ul li.on {background:#97bb54;}
.sub_lnb > ul.lnb_ul li > a {font-size:13px; width:100%; height:30px; line-height:30px; display:block; text-indent:10px; color:#fff;}
.sub_lnb > ul.lnb_ul li > a:active {background:#170959;}

.sub_lnb > ul.ul_01 {left:0;}
.sub_lnb > ul.ul_02 {right:0;}
.sub_lnb > ul.ul_02 > li {width:100%; position:absolute; top:0; left:100%;}
.sub_lnb > ul.ul_02 > li.li_01 {left:0;}


.foot_wrap { width:100%; max-width:640px; min-width:320px; position:relative; margin:0 auto; overflow:hidden; background:#fff; border-top:1px solid #e8e8e8;}
.foot_wrap > .foot_top { width:100%; position:relative; overflow:hidden; border-bottom:1px solid #e8e8e8;  padding:2.5% 0;}
.foot_wrap > .foot_top > ul { width:75%; position:relative; margin:0 auto; }
.foot_wrap > .foot_top > ul > li { width:16.66%; float:left; margin-right:4.16%;}
.foot_wrap > .foot_top > ul > li.last { margin-right:0;}
.foot_wrap > .foot_top > ul > li img { width:100%;}
.foot_wrap > .foot_txt { padding:2.5% 0; width:93.75%; position:relative; margin:0 auto; overflow:hidden; text-align:center;}
.foot_wrap > .foot_txt > .p_company { color:#0066b3; font-weight:bold; font-size:15px; padding-bottom:10px;}
.foot_wrap > .foot_txt > address { font-style:normal; font-size:13px; color:#6e6f73; line-height:18px; letter-spacing:-1px; padding-bottom:10px; }
.foot_wrap > .foot_txt > .copyright  { color:#a7a7a7; font-size:13px; letter-spacing:-1px}