@charset "utf-8";
@import url("../../fonts/font.css");

* {margin:0; padding:0; box-sizing:border-box;}
body, html {width:100%; overflow-x:hidden;}
body {font:14px/1.4 "Nanum Gothic", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif"; color:#333; letter-spacing:-0.08em}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0; padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block; margin:0; padding:0;}
hr, table caption {display:none;}
legend {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
img, fieldset, button, input {border:0; vertical-align:middle;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a{text-decoration:none; color:#333;}
button {vertical-align:top; background:transparent;}
button::-moz-focus-inner {padding:0; border:0;}
img {max-width:100%;}
.wp50 {width:50%;}
.wp60 {width:60%;}
.wp70 {width:60%;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}

.hide {text-indent:-9999em;font-size:0;overflow:hidden;}

/* common header, footer */
.header {position:fixed; top:0; left:0; right:0; width:100%; height:45px; background:#f06f1c; text-align:center; z-index:10}
.header.seoul {background:#06060c;}
.header h1 {display:inline-block; color:#fff; font-size:18px; font-weight:700; line-height:45px;}
.header.seoul h1 {width:90px; height:15px; margin-top:14px; background:url(../img/common/logo_bi.png) 0 0 no-repeat; background-size:90px auto; text-indent:-9999em;}
.header .btn_back {position:absolute; top:50%; left:12px; display:block; width:20px; height:20px; margin-top:-11px; background:url(../img/common/btn_back.png) 0 0 no-repeat; background-size:100%; text-indent:-9999em;}

/* .footer {position:relative; width:100%}
.footer_link {border-top:1px solid #414146; background:#505055;}
.footer_link li {display:block; float:left; width:33.33%; border-left:1px solid #777;}
.footer_link li:first-child {border-left:0}
.footer_link li > * {display:block; width:100%; height:36px; font-size:12px; color:#fff; text-align:center; line-height:36px;}
.footer_link li .btn_top:after {display:inline-block; content:''; width:8px; height:5px; margin-left:5px; background:url(../img/common/btn_top.png) 0 0 no-repeat; background-size:8px 5px; vertical-align:middle;}
.footer_link:after {display:block; content:''; clear:both;}
.footer_info {padding:24px 0; background:#eee; text-align:center;}
.footer_info .footer_logo {width:90px; height:22px; margin:0 auto; background:url(../img/common/logo_bi.png) 0 -16px; background-size:90px auto; text-indent:-9999em;}
.footer_info * {font-size:11px; color:#999}
.footer_info .address {margin-top:12px;}
.footer_info .copyright {margin-top:6px; padding-top:6px; border-top:1px solid #ddd;} */

/* content wrap */
.wrap {position:relative; width:100%;padding:0;}
.visualbox {padding:20px 20px 80px;background:url(../img/bg-header.jpg) no-repeat center top;background-size:cover;color:#fff;}
.visualbox h1 {font-size:2em;}
.visualbox p{font-size:14px;text-shadow:2px 2px 10px rgba(0,0,0,.6)}

.menu_wrap, .menu{height:60px;}
.menu:after {display:block;clear:both;content:'';}
.menu {position:relative;border-top:2px solid #333;width:100%;}
.scrolled .menu {position:fixed;top:0;box-shadow:0 2px 10px rgba(0,0,0.3 ) }
.menu li{float:left;width:33.3333%;border-left:1px solid #333;}
.menu li:first-child {border-left:0;}
.menu li a{display:block;text-align:center;color:#666;padding:10px 3px;background:#eee;font-size:14px;}
.menu li.active a {color:#111;background:transparent;}
.menu .mn1.active {background:#ffa92e;}
.menu .mn2.active {background:#009dd9;}
.menu .mn3.active {background:#febab8;}

.cont {padding:20px;text-align:center;}

#sec1 {background:#ffa92e;}
#sec2 {background:#009dd9;}
#sec3 {background:#febab8;}

.cont h3{text-align:center;margin-bottom:10px;}
/* .cont h3 img {width:70%} */
@media screen and (max-width:768px){
    .cont h3 img{height:50px; margin-bottom:10px;}
}
@media screen and (max-width:480px){
    .cont h3 img{height:30px;}
}
.cont p img{margin-bottom:20px;}

.text1 {text-align:center;background:#fff;padding:10px;margin-bottom:20px;}
.text2 {text-align:center;border:2px solid #fff;padding:10px;margin-bottom:20px;color:#fff;}

.info {background:#fff;padding:15px 10px;}
.info dl{padding-left:100px;position: relative;min-height:34px}
.info dl:after {display:block;clear:both;content:'';}
.info dl:first-child {margin-top:0;}
.info dt{position:absolute;top:0;left:0;}
.info dt, .info dd{font-size:14px;padding:3px 10px;}
.info dt {width:100px;padding:3px 10px;border:1px solid #aac3e7;border-radius:2px;background:#e6edf8;color:#4770ad;text-align:center;}


#footer { position: relative;;width:100%; text-align:center; background:#fff; border-top:1px solid #777; overflow:hidden; letter-spacing:-1px;}
#footer > ul { list-style:none; margin:0; padding:10px 16px; overflow:hidden; }
#footer > ul:after { display:block; content:""; clear:both; }
#footer > ul > li { float:left; height:100%; overflow:hidden; }
#footer > ul > li:nth-last-child(1) { float:right; }

#footer .f_link { display:inline-block; vertical-align:top;}
#footer .f_link > li { }
#footer .f_link > li:nth-last-child(1) { margin-left:32px; }

#footer .f_left_link { height:25; overflow:hidden; }
#footer .f_left_link > li { position:relative; float:left; height:100%; }
#footer .f_left_link > li:after { position:absolute; right:0; top:50%; width:1px; height:50%; background:#878787; content:""; transform:translateY(-50%); }
#footer .f_left_link > li:nth-last-child(1):after { display:none; }
#footer .f_left_link > li > a { position:relative; display:block; padding:6px 14px; font-size:12px; color:#222; font-weight:400; }
#footer .f_left_link > li:nth-child(1) > a { padding-left:0; }

#footer .f_right_link { float:right; }
#footer .f_right_link > li { float:left; margin-left:14px; }
#footer .f_right_link > li > a { display:block; width:26px; height:26px; border:1px solid #555; border-radius:50%; }
#footer .f_right_link > li > a > em { position:absolute; left:-9999px; top:-9999px; }
#footer .f_right_link > li:nth-child(1) > a { background:#fff url("../img_f/foot_icon_1.png") no-repeat center center; background-size:40% auto; }
#footer .f_right_link > li:nth-child(2) > a { background:#fff url("../img_f/foot_icon_2.png") no-repeat center center; background-size:70% auto; }
#footer .f_right_link > li:nth-child(3) > a { background:#555 url("../img_f/foot_icon_3.png") no-repeat center center; background-size:60% auto; }

#footer > .txt_group { padding:14px 0; border-top:1px solid #777; }
#footer > .txt_group > p { line-height:21px; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
#footer .txt1 { font-size:13px; color:#222; font-weight:700; }
#footer .txt2 { font-size:12px; color:#222; font-weight:400; }
#footer .txt2 > span { position:relative; display:inline-block; margin:0 8px; padding-right:9px; }
#footer .txt2 > span:after { position:absolute; right:0; top:50%; width:1px; height:30%; background:#878787; transform:translateY(-50%); content:""; }
#footer .txt2 > span:nth-last-child(1) { padding-right:0; }
#footer .txt2 > span:nth-last-child(1):after { display:none; }
#footer .txt3 { font-size:10px; color:#222; font-weight:400; }


.cstom_title{display:block;font-size:14px;text-align:center;background:#d4d4d4;padding:4px 0;}