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

* {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:68px; position:fixed; top:0; left:0; z-index:210; overflow:hidden;}
.header {width:100%; max-width:640px; height:100%; position:relative; margin:0 auto;}
.header h1 {width:100%; text-align:left; padding:15px 0 0 20px; margin:0; line-height:0;}
.header h1 a { display:block;}
.header .left_top {position:absolute; top:20px; right:60px;}
.header .right_top {position:absolute; top:20px;; right:20px;}

/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:300; 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: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:50px; overflow:hidden; background:#14a3b0; border-bottom:1px solid #00707a;}
.menu_wrap .menu_area .row_01 a {width:30px; height:auto; display:block; float:left;  padding:10px 0 0 10px;}
.menu_wrap .menu_area .row_01 span { float:right; color:#ffffff; font-size:21px; padding:12px 10px 0 0;}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #339fa9; overflow:hidden; background:#00707a;}
.menu_wrap .menu_area .row_02 > li.selected > a {background:#00707a;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#ffea5a; font-weight:bold; text-indent:10px; font-size:17px; background:#00707a;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#00555c;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:47.721%; float:left;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:35px; line-height:35px; text-indent:10px; color:#ffffff; font-size:13px; font-weight:bold; background:url('/m/img/ere_leftmenu_icon_img_off.gif') 9px center no-repeat; padding-left:15px;}
.menu_wrap .menu_area .row_02 > li > ul > li.selected > a { background:url('/m/img/ere_leftmenu_icon_img_on.gif') 9px center no-repeat; color:#ffea5a;}
.menu_wrap .menu_area .row_03 { height:40px; background:#14a3b0;}
.menu_wrap .menu_area .row_03 > p { color:#ffffff; font-size:18px; font-weight:bold; position:relative; top:10px; left:10px; }
.menu_wrap .menu_area .row_03 > .member_btn { position:absolute; top:60px; right:10px;}
.menu_wrap .menu_area .row_03 > .member_btn li { float:left; margin-right:5px;}
.menu_wrap .menu_area .row_03 > .member_btn li img { width:50px; height:auto;}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap { width:100%;max-width:640px; height:42px; position:fixed;  z-index:180;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:42px; margin:0 auto; position:relative; background:#00929f;  margin-top:28.38%;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative; border-bottom:1px solid #006a73;}
.sub_lnb > div.depths_01 {background:url('/m/img/ere_sub_lnb_01_bg.gif') right 0 no-repeat;}
.sub_lnb > div.depths_02 {background:url('/m/img/ere_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:42px; line-height:42px; 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:42.28px; overflow:hidden; }
.sub_lnb > ul.lnb_ul li {width:100%; background:#00555c; font-size:17px; border-bottom:1px solid #339fa9;}
.sub_lnb > ul.lnb_ul li.on {background:#00555c;}
.sub_lnb > ul.lnb_ul li.on > a { color:#ffea5a;}
.sub_lnb > ul.lnb_ul li > a {font-size:15px; width:100%; height:30px; line-height:28px; display:block; text-indent:10px; color:#fff;}
.sub_lnb > ul.lnb_ul li > a:active { }

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


.footer_wrap {max-width:640px; position:relative; margin:0 auto;}
.footer_wrap .txts {width:100%; max-width:640px; min-width:320px; padding:20px 0 20px 0; margin:0 auto; position:relative; background:#4a626c; text-align:left;}
.footer_wrap .txts .foo_tit {font-size:17px; color:#aac2c4; font-weight:bold; padding-left:12px; }
.footer_wrap .txts address {font-style:normal; font-size:15px; color:#aac2c4; line-height:18px; margin-top:15px; padding-left:12px; }
.footer_wrap .txts .copyright {font-size:15px; color:#88a5a7; margin-top:10px; padding-left:12px; }
.footer_wrap .pc_btn { position:absolute; top:20%; right:5%;}
.footer_wrap .pc_btn img { width:65px; height:auto;}