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

/* CSS Document */
/* .blinder {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; background:#fff; cursor:pointer; display:none;} */
.wrap_pc {display:block;}
.wrap_pc02 {display:none;}
.wrap_mo {display:none;}
.wrapper {width:100%; min-width:320px; position:relative;}
.overlay {position:fixed; top:0;left:0;right:0;bottom:0; width:100% !important; height:100% !important; background:rgba(0,0,0,0.7); z-index:100; display:none;}

.sub_header_wrap { width:100%; position:fixed; overflow:hidden; z-index:300;height:88px;border-bottom:5px solid #0e64b1;background:#ffffff;}
.sub_header_wrap .header { position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.sub_header_wrap .header h1 { position:absolute; left:0px; margin:10px 0 0 0; z-index:100;}
.sub_header_wrap .lang {position:absolute;right:30px;text-align: right;padding:5px 0;font-size:0.875em;z-index:20;box-sizing:border-box;}
.sub_header_wrap .lang a {display:inline-block;color:#333333;}
.sub_header_wrap .lang a.msway img {width:25%;margin:3px 20px 0 0;}
.sub_gnb_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; }
.sub_gnb { height:88px; position:relative; margin:0 auto; overflow:hidden; background:#ffffff; float:right;}
.sub_gnb > li { float:left;padding:35px 40px 25px 0; color:#196cb3; font-size:18px; text-align:center; display:block; cursor:pointer;box-sizing:border-box;}

#gnb_wrap {position:relative; width:100%; background:#fff; padding:30px 0; color:#666; height:170px; display:none; }
#gnb_wrap .gnb_mn { position:relative; width:100%; max-width:1100px; margin:0 auto; overflow:hidden; display:none; line-height: 2.125em; }
#gnb_wrap .gnb_mn .gnb_lv1 { width:600px; float:right; background:url('../img/gnb_bg1.jpg') 48% 0 repeat-y; overflow:hidden; }
#gnb_wrap .gnb_mn a { color:#666; }
#gnb_wrap .gnb_mn a:hover { color:#333; font-weight:bold; }
#gnb_wrap .gnb_mn .gnb_lv1 .depth {background:url('../img/mn_more.jpg') 42% 50% no-repeat;}
#gnb_wrap .gnb_mn .gnb_lv1.none {background:none;}
#gnb_wrap .gnb_mn .gnb_lv1 p:hover, #gnb_wrap .gnb_mn .gnb_lv1 .open { font-weight:bold; color:#333; display:block; }
#gnb_wrap .gnb_mn .gnb_lv2 { position:absolute; top:0; right:0; width:280px; display:none;}
#gnb_wrap .gnb_mn.mn3 .gnb_lv1 {height:150px;}

.mn_tab {padding:20px 15px 15px 15px; font-size: 1.083em;}
.mn_tab ul { overflow:hidden; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mn_tab ul li {width:49%; float:left; margin-bottom: 5px; height:30px; line-height:30px; background:#ebebeb; color:#333; text-align:center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
.mn_tab ul li.full {width:100%;}
.mn_tab ul li.on {background:#626262; color:#fff;}
.mn_tab ul li.on a {color:#fff;}
.mn_tab ul li a { color:#333; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mn_tab ul li:nth-child(odd) {float:left; margin-right:5px;} /* Ȧ�� */
.mn_tab ul li:nth-child(even) {margin-right:0; float:right;} /* ¦�� */

.mo_menu_btn {display:none;}
#mo_menu_wrap {display:none;}

.wrap_footer { width:100%; background:#4c5459;}
.wrap_footer_gnb {width:100%; background:#383f43;height:60px; line-height:60px;}
.wrap_footer_gnb .foot_gnb {width:100%; max-width:1200px; position:relative; margin:0 auto; background:#383f43; bottom:0; overflow:hidden;}
.wrap_footer_gnb .foot_gnb li {float:left; font-size:16px;padding:0 25px;box-sizing:border-box;background:url('../img/bar1.png') right 50% no-repeat;letter-spacing:1px;color:#ffffff;cursor:pointer;}
.wrap_footer_gnb .foot_gnb li:first-child {padding:0 25px 0 0px;}
.wrap_footer_gnb .foot_gnb li:last-child {background:none;}
.div_footer { width:100%; max-width:1200px; position:relative; margin:0 auto; background:#4c5459; bottom:0; overflow:hidden;}
.div_footer .foot_logo {width: 13%; text-align:left; float:left;}
.div_footer .foot_logo img {margin: 45px 0 0 0;}
.div_footer .foot_txts { width:87%; float:left; margin:15px auto; text-align:left; position:relative; font-size:0.85em;}
.div_footer .foot_txts > address { color:#b1b0b0 !important;}
.div_footer .foot_txts > address a { color:#b1b0b0 !important;}
.div_footer .foot_txts > p { color:#b1b0b0;line-height:2em;}
.div_footer .foot_btn {width:150px;height:40px;color:#ffffff;font-size:13px;text-align:center;display:inline-block;;background:#383f43;line-height:40px;} 
.div_footer .foot_btn.btn1 {position:absolute; top:30px;right:155px;}
.div_footer .foot_btn.btn2 {position:absolute; top:30px;right:0;}

@media screen and (max-width:960px) {
body {font-size:12px;}
.sub_header_wrap { width:100%; height:40px;border-bottom:2px solid #0e64b1;background:#ffffff; min-width:320px; position:fixed; overflow:hidden; z-index:99}
.sub_header_wrap .header {height:40px;}
.sub_header_wrap .header h1 {position:absolute; top:8px; left:20px; display:block; width:58px; height:25px; margin:0; padding:0; font-size:0;}
.sub_header_wrap .header h1 img {width:80%;}
.sub_header_wrap .lang {position:absolute;top:6px;right:50px;text-align: right;padding:6px 0;font-size:0.875em;z-index:20;box-sizing:border-box;}
.sub_header_wrap .lang a {display:inline-block;color:#333333;width:100%;}
.sub_header_wrap .lang a.msway {display:none;}

.mo_menu_btn {position:fixed; top:12px; right:20px; display:block; width:18px; height:14px;z-index:150;}
.mo_menu_btn .menu_btn {position:relative;display:block; width:18px; height:14px; cursor:pointer; text-indent:-9999px;}
.mo_menu_btn .menu_btn:after {position:absolute;display:block;top:0; left:0; width:18px; height:14px; background:url('../img/m_menu.jpg') no-repeat; background-size:100%; content:''; z-index:150;}  
.wrap_pc {display:none;}
.wrap_mo {display:block;}

#mo_menu_wrap {position:fixed; left:-80%; top:0; width: 80%; height:100%; background: #fff; z-index:101; display:none;}
#mo_menu_wrap .inner_nav {position:relative; height:100%;}
#mo_menu_wrap .mo_menu_top {position:absolute;top:0;left:0;background:#196cb3; width:100%; height:40px; overflow:hidden; z-index:10;}
#mo_menu_wrap .menu_close { position:relative; float:right; display:block; text-indent:-9999px; width:17px; height:17px; cursor:pointer;margin:10px 10px 0 0;}
#mo_menu_wrap .menu_close:after {position: absolute; display:block; top:0; left:0; width:17px; height:17px; background:url('../img/m_close_btn1.png') no-repeat 50% 50%; content:''; cursor:pointer;}
#mo_menu_wrap .mo_menu_lv1 {position:absolute; top:0; width:100%; padding-top:40px; height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} 
#mo_menu_wrap #mo_menu {height:100%;padding:30px 0 0 0;}
#mo_menu_wrap #mo_menu span { display:inline-block;width:100%;background: #ffffff; height:45px; line-height:45px; font-weight:bold; color:#196cb3;padding:0 15px; font-size:2em;text-align:center;box-sizing:border-box;}
#mo_menu_wrap #mo_menu .msway {text-align: center;} 
#mo_menu_wrap #mo_menu .msway img {width:95px; margin-top:20px;}

.wrap_footer { width:100%; background:#4c5459;}
.div_footer { width:100%; min-width:320px; position:relative; margin:0 auto; padding:20px 0 60px 0; background:#4c5459; bottom:0; overflow:hidden;}
.div_footer img {width:60%;}
.div_footer .foot_logo {width: 20%; text-align:right; float:left;}
.div_footer .foot_logo img {margin:20px 10px 0 0}
.div_footer .foot_txts {width: 80%; float:left; font-size:0.917em; margin:0; padding:0px; line-height:1.333em; }
.div_footer .foot_txts > address { color:#b1b0b0 !important;}
.div_footer .foot_txts > address a { color:#b1b0b0 !important;}
.div_footer .foot_txts > p { color:#b1b0b0;line-height:1.75em;}
.div_footer .foot_btn {width:130px;height:30px;color:#ffffff;font-size:0.875em;text-align:center;display:inline-block;;background:#383f43;line-height:30px;} 
.div_footer .foot_btn.btn1 {position:absolute;top:100%;right:160px;margin-top:-45px;}
.div_footer .foot_btn.btn2 {position:absolute;top:100%;right:20px;margin-top:-45px;}
}