@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:70px 10% 40px 10%;background-color:#083a8e;}
#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:20px;box-sizing:border-box; line-height:16px; background-color:#ced8e8 !important; border: none; color:#111;letter-spacing:-1px; font-size: 20px; color: #111; margin-top: 20px;}
.desc-form input[type=password] {width:100%;padding:20px;box-sizing:border-box; line-height:16px;  background-color:#ced8e8 !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:#fff;background-size:100% 100%;font-size:20px;font-weight:600;color:#083a8e;  margin-bottom:15px; letter-spacing: -2px;}
.desc-form input::-webkit-input-placeholder { color:#111; letter-spacing: -2px; background-color: #ced8e8;}
.desc-form input::-moz-placeholder { color:#111; letter-spacing: -2px; background-color: #ced8e8;}
#intro .txt p {margin-top: 35px; font-weight: normal; color: #fff; font-size: 17px; 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%: } 
}





/* header */
#header {position:relative; max-width:640px;padding:0 10px;box-sizing:border-box;z-index:99}
#header .topmenu {position:relative; width:100%;}
#header .topmenu_main {position:relative; width:100%;}
.top-left{position:absolute; left:0; top:35px;}
.logo { top:21px; left:160px;position:static;padding:15px 0 10px;text-align:center;}
.top-right {top:37px; position:absolute; right:0;}
.tdopbtn {float:right;}
.tdopbtn > div {display:inline-block;}
.m-nav {padding-bottom: 40px; background: #3036c1;}
.m_menu {position:absolute; top:0; right:0; z-index:9999; width:460px;}
.m_menu .nav-top {background:#1e3a6a; 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:350px;height:100%;}
.m_menu .nav-top {background:#3036c1; padding:20px; border-bottom: 1px solid #999;}
.m_menu .nav-top .nav-tit {color:#feffff; font-size:24px; font-weight:600; margin-bottom:10px;}
.m_menu .nav-top .btn-x {position:absolute; right:20px; top:20px; width:25px;}
.nav-info {margin-top: 30px;}
.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:20px 0 20px 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;}
.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 .sub_menu {display:none;background:#e2e2e2; text-indent:30px; padding:5px 0 5px 25px; }
.m_menu .m-nav .sub_menu li a {display:block; padding:15px 0; color:#666; font-size:16px;}

.m_menu .m-nav .mm01 span {background-image:url(../../images/img_off.png);}
.m_menu .m-nav .mm02 a {background-image:url(../../images/img_off.png);}
.m_menu .m-nav .mm03 span {background-image:url(../../images/img_off.png);}
.m_menu .m-nav .mm04 span {background-image:url(../../images/img_off.png);}
.m_menu .m-nav .mm05 span {background-image:url(../../images/img_off.png);}

.m_menu .m-nav .mm01:hover span {color: #0b419b;}
.m_menu .m-nav .mm03:hover span {color: #0b419b;}
.m_menu .m-nav .mm02:hover span a {color: #0b419b;}
.m_menu .m-nav .mm05:hover span {color: #0b419b;}


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






#container {position:relative;}
#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-list {float:left; width:32.26%;padding-left:0.8%;}
.m-box .m-list:first-child{padding-left:0;}
.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-box .m-list03 {width:100%; padding-top: 0.8%;}
.m-box .m-list03 li {float:left; width:33.05%; padding-left: 0.8%;}
.m-box .m-list03 li:first-child {padding-left: 0; width: 32.26%;}
.m-box .m-list03 li:nth-child(3) {float:right;}


.main-notice {position:relative; margin-top:30px;}
.main-notice .main-title {width:100%; color:#000; font-size:22px; margin-bottom:5px;}
.main-notice .main-title > img {padding-right:10px; height:23px;}
.main-notice .btn-notice {position:absolute; right:10px; 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:18px; 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:18px;}

.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:#e5e5e5; text-align:center;box-sizing:border-box; overflow:hidden;}
#footer .f-logo {font-size:20px; color:#646464; font-weight:bold; display: inline-block;}
#footer .copy {font-size:12px; color:#646464; font-weight:500;}
#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;}


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