@charset "UTF-8";
/*******

wrap,  container, footer, leftmenu 등 해당되는 레이아웃을 지정합니다.

*******/


/* intro */
#intro {max-width:640px;margin:0 auto;text-align:center;}
#intro .tit {margin-bottom:20px;font-size:14px;color:#fff;}
#intro .desc {padding:50px 10% 40px 10%;background:url(../../images/intro/intro_bg.gif);}
#intro #footer {padding:0;}
#intro .txt {overflow:hidden;text-align:center;}
#intro .txt li {position:relative;display:inline-block;margin:0 1%;padding-left:24px;font-size:13px;color:#fff;}
#intro .txt li:before {content:'';position:absolute;left:0;background-size:cover !important;}
#intro .txt-list1:before {width:17px;height:18px;background:url(../../images/intro/tel.gif) no-repeat center center;}
#intro .txt-list2:before {width:19px;height:14px;background:url(../../images/intro/mes.gif) no-repeat center center;}
#intro p {font-weight:600;font-size:18px;color:#fff;letter-spacing:-1px;}
.desc-form {margin-top:0;}
.desc-form input[type=text] {width:100%;padding:15px;box-sizing:border-box; line-height:16px; background-color:#f7faff !important; border: none; color:#111;letter-spacing:-1px; font-size: 20px; color: #111; margin-top: 20px;}
.desc-form input[type=password] {width:100%;padding:15px;box-sizing:border-box; line-height:16px;  background-color:#f7faff !important; margin-top:10px; border:none;color:#111;letter-spacing:-1px; font-size: 20px;}
.desc-form .btn-intro {display:inline-block;width:100%;margin-top:10px;padding:15px 0;border:none;background:#1593df;background-size:100% 100%;font-size:20px;font-weight:600;color:#fff;  margin-bottom:15px; letter-spacing: -2px;}
.desc-form input::-webkit-input-placeholder { color:#111; letter-spacing: -2px; background-color: #f7faff !important;}
.desc-form input::-moz-placeholder { color:#111; letter-spacing: -2px; background-color: #f7faff !important;}
#intro .txt p {margin-top: 35px; font-weight: normal; color: #fff; font-size: 14px; letter-spacing: 0px;}
.txt p a {font-weight: normal; color: #fff; font-size: 17px; letter-spacing: 0px;}



/* iphone six plus */
@media screen and (max-height:736px) {
	#intro { padding-top:50px; height:100%: } 
}

#intro .desc .tit > span {display: block; font-size: 16px;}




/* header */
#header {position:relative; max-width:640px;padding:0 10px;box-sizing:border-box;z-index:99;/*height: 90px;*/height: 70px;overflow: hidden;}
#header .topmenu {position:relative; width:100%;display: table; height: 100%;}
#header .topmenu_main {position:relative; width:100%;}
.top-left{float: left;display: table;height: 100%;}
.top-left a {display: table-cell;vertical-align: middle;height: 100%;}
.logo {left: 0; position: absolute; text-align: center; right: 0; height: 100%; /*width: 30%;*/width: 50%;margin: 0 auto;}
.logo span {display: table; width: 100%;height: 100%;}
.logo a {display: table-cell;vertical-align: middle;height: 100%;}
.top-right {float:right;height: 100%; display: table;}
.top-right a {display: table-cell; height: 100%;width: 100%;vertical-align: middle;}
.tdopbtn {float:right;}
.tdopbtn > div {display:inline-block;}
.m-nav {padding-bottom: 40px; background: #0147a7;}
.m_menu {position:absolute; top:0; right:0; z-index:9999; width:460px;}
.m_menu .nav-top {background:#0147a7; padding:20px 40px;}
.m_menu .nav-top .nav-tit {margin-bottom:20px;}
.m_menu .nav-top .nav-info a {display:block; background:#f3f3f3; color:#033436; font-size:18px; padding:10px 0; text-align:center; border-radius:4px; font-weight:600;}
.m_menu .nav-top .btn-x {position:absolute; right:40px; top:25px; width:29px;}
.m_menu .m-nav span {display:block; width:100%; background:#fff; color:#666; font-size:15px; padding:20px 0; text-indent:20px; font-weight:600; background-repeat:no-repeat; background-position:90% 50%; background-size:14px;}
.m_menu .m-nav .sub_menu {background:#f0f0f0; color:#666; text-indent:40px; padding:5px 0; display:none;}
.m_menu .m-nav .sub_menu li a {display:block; padding:5px 0; color:#666; font-size:13px;}
.img_menu {background-color:#fbfbfb;border-bottom:1px solid #cecece;}
.img_menu ul {display:table;white-space:nowrap;}
.img_menu ul li {display:table-cell;width:200px;text-align:center;white-space:nowrap;}
.img_menu ul li:last-child {margin-right:0;}
.img_menu ul li a {display:block;padding:10px 0;border-bottom:2px solid #fbfbfb;font-weight:600;font-size:14px;color:#333;}
.img_menu ul li.tab_on a {border-color:#245fa9;}





/*main*/
/*nav*/
.m_menu {display:none;position:absolute; top:0; right:0; z-index:9999; width:100%;height:100%;}
.m_menu .nav-top {background:#0147a7; padding:20px; border-bottom: 1px solid #999;}
.m_menu .nav-top .nav-tit {color:#feffff; font-size:18px; font-weight:600; margin-bottom:10px;}
.m_menu .nav-top .btn-x {position:absolute; right:20px; top:20px; width:25px;}
.nav-info {margin-top: 20px;}
.m_menu .nav-top .nav-info a {display:block; background:#fff; color:#1c0601; font-size:18px; padding:10px 0; text-align:center; border-radius:2px; font-weight: bold;}
.m_menu .m-nav span {display:block; width:100%; background:#fff; color:#666; font-size:18px; padding:15px 0 15px 20px; text-indent:20px; font-weight:600; border-bottom:1px solid #999; box-sizing: border-box; background-repeat:no-repeat; background-position:90% 50%; background-size:13px;letter-spacing:-2px;}
.m_menu .m-nav span  a{color:#fff;}
.m_menu .m-nav .mm02 a {display:block; width:100%; color:#666; font-size:18px; text-indent:20px; font-weight:600;background-repeat:no-repeat; background-position:90% 50%; background-size:13px;}
.m_menu .m-nav .mm04 a {display:block; width:100%; color:#666; font-size:18px; text-indent:20px; font-weight:600;background-repeat:no-repeat; background-position:90% 50%; background-size:13px;}
.m_menu .m-nav .sub_menu {display:none;background:#e2e2e2; text-indent:30px; padding:5px 0 5px 10px; }
/*.m_menu .m-nav li.on span {background-image:url(../../images/img_on0.png);color: #2f4aa3;}*/
.m_menu .m-nav .sub_menu li a {display:block; /*padding:10px 0;*/padding:5px 0; color:#666; font-size:16px;}/*20170906윤지명 수정*/

.m_menu .m-nav .mm01 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm01.on span {background-image:url(../../images/img_on0.png);color: #0147a7;}
.m_menu .m-nav .mm02 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm03 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm03.on span {background-image:url(../../images/img_on0.png);color: #0147a7;}
.m_menu .m-nav .mm04 span {background-image:url(../../images/img_off0.png);}
.m_menu .m-nav .mm05 span {background-image:url(../../images/img_off0.png);}

/*.m_menu .m-nav .mm01:hover span {color: #2f4aa3;}
.m_menu .m-nav .mm03:hover span {color: #2f4aa3;}
.m_menu .m-nav .mm02:hover span a {color: #2f4aa3;}
.m_menu .m-nav .mm05:hover span {color: #2f4aa3;}
*/

.sub-listbox {overflow:hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc; box-sizing:border-box; background:#f1f1f1; margin-bottom:20px;}
.sub-listbox li {float:left; margin:0 0 0 10px; padding:10px 0;  }
.sub-listbox li a {font-size:11px; color:#333; font-weight:600;}
.sub-listbox li.on a{color:#004c98;}
.mm02.off span {color: #2f4aa3;}
.mm03.off span {color: #666 !important;}
.mm03.off .sm03 {display: none;}
.m_menu .m-nav .mm03.off span {background-image: url(../../images/img_off0.png);}




#container {position:relative;overflow: hidden;}
#container:after {content: ''; display: block; clear: both}
.f_menu {width:100%; height:37px;}
.f_menu ul {overflow:hidden; width:100%;}
.f_menu ul li {float:left; background:#07312f; width:25%; text-align:center; border-left:1px solid #041a19; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_menu ul li a {color:#fff; font-size:12px;  display:block; height: 27px; padding-top: 10px;}
#content {padding:10px;background-color:#fff;}
#content.main-content {margin:0;padding:0;background-color:transparent;border:none;box-shadow:none;}
.main-box {overflow:hidden; }
.main-box .m-box {overflow:hidden;}
.m-box .m-lsit a {display:block;}
.m-box .m-list01 a {display:block; padding-top:2.5%;}
.m-box .m-list01 a:first-child{padding-top:0;}
.m-box .m-list02 {width:66.9%;}
.m-box-bottom {overflow:hidden;padding-top:0.8%;}
.m-box-bottom li {float:left;width:33.05%;padding-left:0.8%;}
.m-box-bottom li:first-child {width:32.26%;padding-left:0;}
.m-box-bottom li a {display:block;}
/*락중 수정*/
.m-box-bottom .m-box-bottom2 {width:33.05%; float:left;}
.m-box-bottom .m-box-bottom2 li {width:100%; padding-left:0px;}
.m-box-bottom .m-box-bottom2 li:last-child {padding-top:2%;}
/*락중 수정 2016 08 18*/
.m-list.m-list02 {margin-bottom: 7px;}
.m-box .m-list03 {width:100%;}
.m-box .m-list03 ul {overflow: hidden;margin: 0 -0.5%;}
.m-box .m-list03 li {float:left; width:32.33%;margin: 0.5%;}

.main-notice {position:relative; margin-top:15px;}
.main-notice .main-title {width:100%; color:#000; font-size:16px; margin-bottom:5px;}
.main-notice .main-title > img {padding-right:10px; height:23px;}
.main-notice .btn-notice {position:absolute; right:5px; top:5px;}
.main-notice .notice-list li {position:relative;border-bottom:1px solid #ddd; box-sizing:border-box; padding:10px 0;padding-right:90px;}
.main-notice .notice-list li a {display:block;font-size:15px; color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main-notice .notice-list li:last-child {border-bottom:none;}
.main-notice .notice-list .dat {position:absolute;top:10px;right:10px;color:#999; font-size:15px;}

.m-bottom {margin-top:5px;}

.footer_l {width:100%; float:left; text-align: center;}
.footer_l img {height: 25px; text-align: center; padding-right: 5px;}
.footer_r {float:right; text-align:center; width:100%;}

#footer {width:100%;padding:15px 0; background-color:#d7dde7; text-align:center;box-sizing:border-box; overflow:hidden;}
#footer .f-logo {font-size:16px; color:#707379; font-weight:bold; display: inline-block;}
#footer .copy {margin-top: 5px;font-size:12px; color:#646464; font-weight:400;letter-spacing:0px;}
#footer .copy .ls0 {letter-spacing:0;}

.bx-wrapper {margin:0 auto;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {display:none}
.bx-wrapper .bx-controls-auto .bx-stop {display:none;}
.bx-wrapper .bx-controls-direction a {display:none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { bottom:10px; text-align:center;}
.bx-wrapper .bx-pager.bx-default-pager a{width:13px; height:13px; border-radius:50%; border:2px solid #fff; box-sizing:border-box; background:none;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {width:13px; height:13px; background:#fff; border-radius:50%;}

.mapbox {margin-top:15px !important;}
.nmap {width:100% !important;}
.nmap_movable_container {width:100%;}

/*sub01*/

.sub-con {text-align:center; font-size:18px; box-sizing:border-box; border-bottom:1px solid #949598; padding-top:10px;}
.sub-con h3 { padding-bottom:10px;padding-top:10px;}


/*2016 04 19*/
.agree-com {display:block;width:110px;margin:0 auto;margin-top:30px;margin-bottom:60px;padding:10px 0;background:#003777;text-align:center;box-sizing:border-box;color:#fff;}

.select-bar select { -webkit-appearance: none;-moz-appearance: none;appearance: none;}

.select-bar select::-ms-expand { display: none;-moz-appearance: none;appearance: none;}


.submenu-wrap {position: relative; height: 40px; overflow: hidden;/* margin-bottom: 20px; */margin-bottom: 5px; background: #f1f1f1; border-bottom: 1px solid #ccc; }
.submenu-area { overflow-x: auto; width: 100%;}
.submenu {overflow:hidden;}
.submenu li {float:left;padding:0 10px;}
.submenu li a {font-weight:600;/*font-size:14px;*//*font-size:13px;letter-spacing:-0.5px;*/font-size:14px;letter-spacing:-1.5px;color:#333;line-height:40px;-webkit-text-size-adjust : none;text-size-adjust : none;}
.submenu li:first-child {margin-left:5px;}
.submenu li.on a {text-decoration: underline;color: #01529c;}
.footer_fix {position: fixed;bottom: 0;width: 100%;max-width: 640px;z-index: 99;}
.footer_fix ul {background-color: #2b2b30;box-sizing: border-box;overflow: hidden;}
.footer_fix ul li {overflow: hidden;float: left;width: 25%;text-align: center;padding: 6px 0;box-sizing: border-box;}
.footer_fix ul li img {margin-top: 6px;}
#footerwrap {    padding-bottom: 60px;}