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

@import url(http://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 {height:100%; font-size:100%; line-height:1; background:none; font-family:"Nanum Gothic",sans-serif;}
caption {display:none; visibility:hidden;}

.wrapper {width:100%; max-width:640px; min-width:320px; margin:0 auto; padding-top:55px;}

.header_wrap {width:100%; height:55px; position:fixed; top:0; left:0; background:#fff; z-index:100;}
.header_wrap > .header {width:100%; max-width:640px; min-width:320px; height:100%; margin:0 auto; border-bottom:1px solid #073a63; overflow:hidden; position:relative;}
.header_wrap > .header > h1 {width:100%; text-align:center; padding-top:13px; font-size:1em; margin:0;}
.header_wrap > .header > .left_top {position:absolute; top:0; left:0;}
.header_wrap > .header > .right_top {position:absolute; top:0; right:0;}

.footer {width:100%; margin-top:18px; background:#232730;}
.footer p.links {width:100%; padding-top:15px; text-align:center;}
.footer p.links > * {color:#73757b; font-size:0.875em;}
.footer p.links > a {}
.footer p.links > span {font-weight:bold;}
.footer p.txts {width:100%; text-align:center; margin-top:20px; color:#73757b; font-size:0.875em; line-height:1.4;}
.footer address {width:100%; text-align:center; margin-top:15px; padding-bottom:20px; color:#73757b; font-size:0.875em;}

.notice_row {width:100%; height:30px;}
.notice_row dl {width:100%; height:100%; display:block; overflow:hidden;}
.notice_row dl dt {width:75px; height:100%; display:block; float:left; line-height:30px;}
.notice_row dl dt a {width:100%; height:100%; display:block; font-size:0.75em; text-indent:10px;
background:url('/img/je_notice_row_tit_bg.gif') #073a63 right 0 no-repeat; color:#fff;}
.notice_row dl dd {max-width:560px; min-width:245px; width:100%; height:100%; display:block; float:left; line-height:30px;}
.notice_row dl dd a {width:100%; height:100%; display:block; font-size:0.75em; text-indent:20px;}
.notice_row dl dd a span {float:right; margin-right:20px; color:#9f9f9f;}

.location {width:100%; height:30px; line-height:30px; text-indent:10px; background:url('/img/je_location_bg.gif') 0 0 repeat; color:#fff; font-size:0.75em;}

/* 탭메뉴 */
.tab_menu {width:100%; margin-top:18px;}
.tab_menu > ul {width:100%; overflow:hidden;}
.tab_menu > ul > li {width:33.15%; margin-right:0.1666666666666667%; float:left;}
.tab_menu > ul > li > a {display:block; width:100%;}
.tab_menu > ul > li > a > img {max-width:100%;}

/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:110; display:none;}
.menu_wrap > div {width:100%; max-width:640px; min-width:320px; height:100%; position:relative; margin:0 auto; overflow:hidden;}
.menu_wrap .menu_left {width:66.25%; min-width:310px; height:100%; position:absolute; top:0; left:-66.25%; background:#2c3943;}
.menu_wrap .menu_left .title {width:100%; height:40px; overflow:hidden; background:#2c3943; border-bottom:1px solid #3c4b55;}
.menu_wrap .menu_left .title div {width:63px; float:left; margin-left:20px; padding-top:14px;}
.menu_wrap .menu_left .title div > img {max-width:100%;}
.menu_wrap .menu_left .title a {width:40px; height:40px; display:block; float:right;}
.menu_wrap .menu_left .title a > img {max-width:100%;}
.menu_wrap .menu_left .gnb {width:100%;}
.menu_wrap .menu_left .gnb > ul {width:100%;}
.menu_wrap .menu_left .gnb > ul > li {width:100%;}
.menu_wrap .menu_left .gnb > ul > li > a {width:100%; height:33px; display:block; line-height:33px; border-bottom:1px solid #3c4b55;
text-indent:10px; color:#a2b9ca; font-weight:bold; background:url('/img/je_lnb_arrow.gif') #2c3943 95% 50% no-repeat;}
.menu_wrap .menu_left .gnb > ul > li > ul {width:100%; height:0; overflow:hidden; background:#1f2c35;}
.menu_wrap .menu_left .gnb > ul > li > ul > li {width:50%; float:left;}
.menu_wrap .menu_left .gnb > ul > li > ul > li > a {width:100%; display:block; height:21px; line-height:21px; text-indent:20px; color:#5f839a; font-size:0.75em;
background:url('/img/je_lnb_sub_bullet.gif') 10px 50% no-repeat;}

.bn_logout {width:100%; height:40px; margin-top:40px;}
.bn_logout > a {width:100%; height:100%; display:block; text-align:center;}
.bn_logout > a > img {max-width:100%;}