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; max-width:100%; }
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;}
.blinder2 {position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;}

.wrapper {width:100%; max-width:640px; min-width:320px; position:relative; margin:0 auto; overflow:hidden;}

.header_wrap { width:100%; height:60px; position:fixed; top:0; left:0; z-index:150; overflow:hidden; }
.header {width:100%; max-width:640px; height:100%; position:relative; margin:0 auto; background:#1d1303; opacity:0.9;  }
.header h1 {width:100%; text-align:center; padding:10px 0 0 0; margin:0; line-height:0;}
.header .left_top {position:absolute; top:19px; left:10px;}
.header .right_top {position:absolute; top:15px; right:10px;}

/* 좌측 메뉴 */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; left:0; right: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:85%; position:absolute; top:0; left:0; right:0;} /* 2025-09-24 */
/* .menu_wrap .menu_area {width:75%; position:absolute; top:0; right:-68%;} */ /* 2025-09-24 */
.menu_wrap .menu_area > .height_finder {width:100%; height:0; position:absolute; top:0; left:0; z-index:199; overflow:hidden;}
.menu_wrap .menu_area .row_01 {width:100%; height:60px; overflow:hidden; background:#f7c61d;}
.menu_wrap .menu_area .row_01 > p { font-size:25px; color:#3c3e41; font-weight:bolder; position:relative; top:15px; left:10px;}
.menu_wrap .menu_area .row_01 a {display:block; position:absolute; right:0; top:0;}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > li {width:100%; border-bottom:1px solid #50483c; overflow:hidden; background: #433b2f;}
.menu_wrap .menu_area .row_02 > li > a {display:block; width:100%; height:40px; line-height:40px; color:#f7c61d; font-weight:bold; text-indent:10px; font-size:15px; background:#433b2f;}
.menu_wrap .menu_area .row_02 > li > ul {width:100%; background:#39332a;}
.menu_wrap .menu_area .row_02 > li > ul > li {width:100%; float:left;}
.menu_wrap .menu_area .row_02 > li > ul > li > a {display:block; width:100%; height:36px; line-height:36px; color:#ffffff; text-indent:10px; font-size:14px; font-weight:bold; background:url('/mobile/image/us_m_left_menu_line.jpg') 10px center no-repeat; padding-left:10px; background-size:5px auto;}
.menu_wrap .menu_area .row_03 { height:60px; background:#332a1c; overflow:hidden; position:relative;}
.menu_wrap .menu_area .row_03 .p_name { color:#ffffff; font-size:20px; position:relative; top:20px; left:10px;}
.menu_wrap .menu_area .row_03 > ul.consult_btn  { overflow:hidden; position:absolute; right:0; top:0; }
.menu_wrap .menu_area .row_03 > ul.consult_btn > li { float:left; }
.menu_wrap .menu_area .row_04 {  background:#332a1c; overflow:hidden; position:relative; padding:20px 0 20px 0;}
.menu_wrap .menu_area .row_04 .member_btn { width:210px; position:relative; margin:0 auto; overflow:hidden; }
.menu_wrap .menu_area .row_04 .member_btn li { float:left; border:1px solid #f7c61d; margin-right:5px;}
.menu_wrap .menu_area .row_04 .member_btn li a { color:#f7c61d; font-size:16px; padding:10px; display:block;}
.menu_wrap .menu_area .row_04 .sns_btn { width:89.33%; position:relative; margin:20px auto 20px;}
.menu_wrap .menu_area .row_04 .sns_btn li { width:23.86%; float:left; margin-right:0.88%;}
.menu_wrap .menu_area .row_04 .sns_btn li.last { margin-right:0;}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:35px; position:fixed; top:60px; left:0; z-index:180; border-bottom:2px solid #ffffff;}
.sub_lnb {max-width:640px; min-width:320px; width:100%; height:35px; margin:0 auto; ove rflow:hidden; position:relative;  background:#f8cc33;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {background:url('/mobile/image/us_m_sub_lnb_01_bg.jpg') right 0 no-repeat;}
.sub_lnb > div.depths_02 {background:url('/mobile/image/us_m_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:#332a1c; 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:#fbe472; font-size:15px; border-bottom:1px solid #fff;}
.sub_lnb > ul.lnb_ul li.on {background:#f8cc33;}
.sub_lnb > ul.lnb_ul li > a {font-size:13px; width:100%; height:30px; line-height:30px; display:block; text-indent:10px; color:#332a1c;}
.sub_lnb > ul.lnb_ul li > a:active {background:#f8cc33;}

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

.menu_wrap{display:none;}
.menu_wrap.is-open{display:block;}

/* 푸터 */
.sub_quick { width:96.56%; position:relative; margin:20px auto 20px; overflow:hidden;}
.sub_quick > ul > li { width:32.8%; margin-right:0.8%; float:left;}
.sub_quick > ul > li.last { margin-right:0;}

.footer {clear:both; width:100%; position:relative; margin-top:20px;}
.footer address a{color:#fff !important;}

.footer .foo_quick {width:100%; height:34px; border-top:1px solid #c7c4c2; margin-top:15px;}
.footer .foo_quick > div {width:33.33333333333333%; height:34px; background:url('/mobile/image/us_foo_quick_border_bg.jpg') right 0 repeat-y; float:left;}
.footer .foo_quick > div a {width:100%; height:100%; display:block; line-height:34px; text-align:center; font-size:16px; color:#36424e;}
.footer .foo_quick > div.first a {background:url('/mobile/image/us_foo_quick_border_bg.jpg') left 0 repeat-y;}

.footer .txts {width:100%; background:#c7c4c2; padding-bottom:10px; overflow:hidden; }
.footer .txts .foo_tit {width:100%; padding-top:28px; font-size:17px; color:#635753; text-align:center; font-weight:bolder;}
.footer .txts address {font-style:normal; font-size:14px; text-align:center; line-height:18px; color:#635753; margin-top:9px; margin-bottom:10px;}
.footer .txts .foot_tel,
.footer .txts .foot_tel a { color:#33302f; font-size:15px; line-height:20px; text-align:center; }
.footer .txts .foot_tel > span { color:#33302f; font-weight:bolder;}
.footer .txts .links {width:100%; margin:25px auto 0;}
.footer .txts .links div {width:33.33333333333333%; float:left;}
.footer .txts .links div a {display:block; width:100%; text-align:center; text-decoration:underline; font-size:13px; color:#635753;}