@charset "utf-8";
@import "/css/normalize.css";
@import "/css/response.css";
/* layout.css - 기본 스타일 문서, 20130916
---------------------------------------------------------------- */

@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");  
* {margin:0; padding:0;}
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;}

.header_wrap {width:100%; height:55px; position:fixed; top:0; left:0; z-index:181; overflow:hidden; border-bottom:4px solid #41abf1;}
.header {width:100%; max-width:640px; height:100%; background-color:#ffffff; position:relative; margin:0 auto; }
.header h1 {width:100%; text-align:center; padding:12px 0 0 15px; margin:0; line-height:0;}
.header h1 a { display:inline-block;}
.header .left_top {position:absolute; top:10px; left:10px;}
.header .right_top {position:absolute; top:10px; right:10px;}

.footer_wrap {max-width:640px; min-width:320px; width:100%; position:relative; margin:0 auto; }
.footer_wrap .top_wrap {width:100%; background:#535964; padding:10px 0 10px 0; overflow:hidden;}
.footer_wrap .top_wrap  > ul { width:93.75%; position:relative; margin:0 auto; overflow:hidden;}
.footer_wrap .top_wrap  > ul > li { width:31.93%; float:left; margin-right:1.96%;}
.footer_wrap .top_wrap  > ul > li.last { margin-right:0;}
.footer_wrap .center_wrap {}
.footer_wrap .center_wrap {width:100%; background:#fafafa; padding:15px 0 15px 0; overflow:hidden;}
.footer_wrap .center_wrap  > ul { width:93.75%; position:relative; margin:0 auto; overflow:hidden;}
.footer_wrap .center_wrap  > ul > li { width:31.93%; float:left; margin-right:1.96%;}
.footer_wrap .center_wrap  > ul > li.last { margin-right:0;}
.footer_wrap .txts > img  { width:100%;}

/* 좌측 메뉴 */
.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:430px; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.menu_wrap .menu_area {width:68%; position:absolute; top:0; right:-68%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {width:100%; height:55px; overflow:hidden;}
.menu_wrap .menu_area .row_01 a {width:55px; height:55px; display:block; float:left; }
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #5c5c62; overflow:hidden;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#ffffff; font-weight:bold; text-indent:10px; font-size:15px;
background:#424246 url('/img/yeom_gnb_arrow_off.jpg') 96% center no-repeat; background-size:10px auto;}
.menu_wrap .menu_area .row_02 > li.selected > a { background:#424246 url('/img/yeom_gnb_arrow_on.jpg') 96% center no-repeat; background-size:15px auto;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#323236;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%; border-bottom:1px solid #5c5c62;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:40px; line-height:40px; color:#a9a9b1; text-indent:15px; font-size:13px; font-weight:bold;}
.menu_wrap .menu_area .row_03 { background:#004790; height:45px; width:100%; position:relative;}
.menu_wrap .menu_area .row_03 > p {font-size:18px;  font-weight:bold; color: #ffffff; padding:12px 0 0 10px; }
.menu_wrap .menu_area .row_03 > p > span.span_btn { float:right; right:20px; position:absolute; top:8px;}
.menu_wrap .menu_area .row_04  { width:100%; background:#424246; overflow:hidden; padding:10px 0 10px 0; border-bottom:1px solid #5c5c62;}
.menu_wrap .menu_area .row_04 > ul { width:87.08%; position:relative; margin:0 auto; overflow:hidden;}
.menu_wrap .menu_area .row_04 > ul > li { float:left; width:44.95%; margin-right:2.6%;}
.menu_wrap .menu_area .row_04 > ul > li.last { margin-right:0; background:url('/img/yeom_left_line_img.jpg') left top repeat-y; padding-left:2%;}
.menu_wrap .menu_area .row_05 {  width:100%; background:#424246; overflow:hidden; padding:10px 0 20px 0;}
.menu_wrap .menu_area .row_05 > p.p_row_tit { text-align:center; font-size:19px; color:#fff; font-weight:bold; padding-bottom:15px;}
.menu_wrap .menu_area .row_05 > ul { width:87.08%; position:relative; margin:0 auto; overflow:hidden;}
.menu_wrap .menu_area .row_05 > ul > li { float:left; width:44.95%; margin-right:2.6%;}
.menu_wrap .menu_area .row_05 > ul > li.last { margin-right:0; background:url('/img/yeom_left_line_img.jpg') left top repeat-y; padding-left:2%;}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:35px; position:fixed; top:56px; left:0; z-index:180;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:35px; margin:0 auto; ove rflow:hidden; position:relative;  background:#41abf1;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {background:url('/img/yeom_sub_lnb_01_bg.jpg') right 0 no-repeat;}
.sub_lnb > div.depths_02 {background:url('/img/yeom_sub_lnb_02_bg.jpg') left 0 no-repeat;}
.sub_lnb > div p.title {width:100%; height:100%;}
.sub_lnb > div p.title > .txt {display:block; height:35px; line-height:35px; font-size:14px; font-weight:bold; color:#ffffff; text-indent:14px; 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:#45474b; font-size:15px; border-bottom:1px solid #797a80;}
.sub_lnb > ul.lnb_ul li.on {background:#41abf1;}
.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:#41abf1;}

.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;}