@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%; max-width:640%; height:50px; 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:#fff;}
.header h1 {width:100%; text-align:left; padding:10px 0 0 10px; margin:0; line-height:0;}
.header .right_top {position:absolute; top:0; right:0;}

/* 좌측 메뉴 */

.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:100%; position:absolute; top:0; right:-100%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_wrap .menu_area .row_01 {width:100%; height:45px; overflow:hidden;}
.menu_wrap .menu_area .row_01 a {width:48px; height:45px; display:block; float:right;}
.menu_wrap .menu_area .row_02 {width:100%;}
.menu_wrap .menu_area .row_02 > .row_top { width:100%; height:47px; background:url('/img/sw_m_leftmenu_top_bg.jpg') no-repeat; background-size:100% auto;}
.menu_wrap .menu_area .row_02 > .row_top > p.p_name { width:93.75%; position:relative; margin:0 auto; font-size:15px; color:#ffffff; font-weight:bold; line-height:47px; }
.menu_wrap .menu_area .row_02 > .row_top > p.p_name  > span { font-size:13px; color:#c4cfde; padding-left:5px;}

.menu_wrap .menu_area .row_02 > .row_con {position:relative; overflow:hidden; background:#c4cfde; padding:15px 0 15px 0;z-index:99999; }
.menu_wrap .menu_area .row_02 > .row_con .depth_01 { width:93.75%; position:relative; margin:0 auto 15px; overflow:hidden; }
.menu_wrap .menu_area .row_02 > .row_con .depth_01 > .depth_tit { width:30.16%; margin-bottom:10px;}
.menu_wrap .menu_area .row_02 > .row_con .depth_01 > .depth_tit > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_01 > ul > li { width:19.5%; float:left; margin-right:0.6%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_01 > ul > li.last { margin-right:0;} 
.menu_wrap .menu_area .row_02 > .row_con .depth_01 > ul > li > a > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 { width:93.75%; position:relative; margin:0 auto 15px; overflow:hidden; }
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .depth_tit { width:16.16%; margin-bottom:10px;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .depth_tit > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .sub_ul { overflow:hidden;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .sub_ul > li { width:19.5%; float:left; margin-left:0.6%; margin-bottom:0.6%}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .sub_ul > li.first { margin-left:0;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .sub_ul > li.last { margin-right:0;} 
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .sub_ul > li > a > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .quick_ul { width:81%; position:relative; margin:20px auto; overflow:hidden;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .quick_ul > li { width:29.62%; float:left; margin-right:5.55%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .quick_ul > li.last { margin-right:0;}
.menu_wrap .menu_area .row_02 > .row_con .depth_02 > .quick_ul > li > a > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03  {width:93.75%; position:relative; margin:0 auto 20px; overflow:hidden;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div { float:left; width:49.5%; overflow:hidden; margin-right:0.83%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div.div_dep02 { margin-right:0;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .depth_tit01 { width:36.01%; margin-bottom:10px;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .depth_tit01 > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .depth_tit02 { width:31.45%; margin-bottom:10px;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .depth_tit02 > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .sub_ul { overflow:hidden;}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .sub_ul > li { width:49.49%; float:left; margin-right:0.6%; margin-bottom:0.6%}
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .sub_ul > li.last { margin-right:0;} 
.menu_wrap .menu_area .row_02 > .row_con .depth_03 > div > .sub_ul > li > a > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_04 { width:93.75%; position:relative; margin:0 auto 15px; overflow:hidden; }
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > a {display:block; width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > a > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > p > a > img { width:100%;}
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > .sub_ul { overflow:hidden;}
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > .sub_ul > li { width:49.49%; float:left; margin-right:0.83%; margin-bottom:0.6%}
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > .sub_ul > li.last {margin-right:0; } 
.menu_wrap .menu_area .row_02 > .row_con .depth_04 > .sub_ul > li > a > img { width:100%;}

/* 서브페이지 lnb 메뉴 */
.sub_lnb_wrap {width:100%; height:35px; position:fixed; top:45px; 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:#3a5381;}
.sub_lnb > div {width:50%; height:100%; float:left; position:relative;}
.sub_lnb > div.depths_01 {background:url('/m/sw_m_sub_lnb_01_bg.jpg') right 0 no-repeat;}
.sub_lnb > div.depths_02 {background:url('/m/sw_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:33px; 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:#6f6f75; font-size:15px; border-bottom:1px solid #9c9c9c;}
.sub_lnb > ul.lnb_ul li.on {background:#79746f;}
.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:#79746f;}

.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 {clear:both; width:100%; max-width:640px; min-width:320px; position:relative; margin:0 auto;}
.footer .foo_quick {width:100%; height:34px; background-color:#4b6086;}
.footer .foo_quick > div {width:19%; height:34px; float:left; padding-left:2px;}
.footer .foo_quick > div a {width:100%; height:100%; display:block; line-height:18px; padding-top:10px; text-align:center; font-size:14px; color:#ffffff;  }
.footer .foo_quick > div.first {background:none;}

.footer .txts {width:98.45%;  padding:10px 0 10px 10px; overflow:hidden; background:#23375a; position:relative;}
.footer .txts .foo_tit { color:#ffffff; width:100%; padding:10px 0 17px 0; text-align:left; background:url('/img/sw_m_footer_line_bg.jpg') left bottom no-repeat; font-size:14px; font-weight:bold; display:inline-block;}
.footer .txts address {font-style:normal; font-size:12px; text-align:left; line-height:18px; color:#ffffff; margin-top:9px; margin-bottom:10px; letter-spacing:-0.5px; display:inline-block;}
.footer .txts address a { color:#ffffff;  font-style:normal; font-size:14px;}

.footer .div_foot_btn  { /*position:absolute; right:30px; bottom:10px;*/ position:relative; float:right;/* width:24.83%;*/ width:100px; margin-top:-30px; margin-right:20px;}
.footer .div_foot_btn > p { margin-bottom:5px;}
.footer .div_foot_btn .foot_btn {}
.footer .div_foot_btn .foot_btn > li { margin-bottom:5px;  }
.footer .div_foot_btn .foot_btn > li > a > img { width:100%;}