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

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

*******/



/*main*/

#header {position:relative; max-width:640px; }
#header .topmenu {position:relative; width:100%; height:100px;}
#header .top-left {position:absolute; left:25px; top:28px;}
#header .top-right {position:absolute; right:25px; top:28px;}
#header .logo {position:absolute; left:170px; top:20px;}

/*nav*/
.m_menu {display:none;position:absolute; top:0; right:0; z-index:9999; width:350px;height:100%;background:#40989C;}
.m_menu .nav-top {background:#40989c; padding:20px;}
.m_menu .nav-top .nav-tit {color:#dffeff; font-size:15px; font-weight:600; margin-bottom:10px;}
.m_menu .nav-top .btn-x {position:absolute; right:20px; top:20px; width:15px;}
.m_menu .nav-top .nav-info a {display:block; background:#f1f1f1; color:#033436; font-size:12px; padding:10px 0; text-align:center; border-radius:2px}
.m_menu .m-nav span {display:block; width:100%; background:#56b9be; color:#fff; font-size:13px; padding:10px 0; text-indent:20px; font-weight:600; border-bottom:1px solid #42abb0;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%; background:#56b9be; color:#fff; font-size:13px; padding:10px 0; text-indent:20px; font-weight:600; border-bottom:1px solid #42abb0;background-repeat:no-repeat; background-position:90% 50%; background-size:13px;}
.m_menu .m-nav .sub_menu {display:none;background:#78c7cb; text-indent:30px; border-bottom:1px solid #42abb0; padding:5px 0; }
.m_menu .m-nav .sub_menu li a {display:block; padding:5px 0; color:#fff; font-size:12px;}
.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 span:hover {background-image:url(../../images/img_on.png);}
.m_menu .m-nav .mm02 a:hover {background-image:url(../../images/img_on.png);}
.m_menu .m-nav .mm03 span:hover {background-image:url(../../images/img_on.png);}
.m_menu .m-nav .mm04 span:hover {background-image:url(../../images/img_on.png);}
.m_menu .m-nav .mm05 span:hover {background-image:url(../../images/img_on.png);}

.m_menu .m-nav .mm02 span a {color:#fff;}

.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:#7c001a; width:25%; text-align:center; border-left:1px solid #873748; border-right:1px solid #560d1d;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_menu ul li:first-child {border-left: none;}
.f_menu ul li:last-child {border-right: none;}
.f_menu ul li a {color:#fff; font-size:12px;  display:block; height: 27px; padding-top: 10px;}
#content {padding:0 10px; padding-bottom:40px;}
.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%;}
.m-box .m-list03 li {float:left; width:33%;}
.m-box .m-list03 li:nth-child(3) {float:right;}


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

.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%;}
#footerwrap {width:100%;}
#footer {width:100%;padding:4% 0; background:#eef1f3; text-align:center;box-sizing:border-box; overflow:hidden;}
#footer .f-logo {font-size:15px; color:#949598; font-weight:600; display: inline-block;}
#footer .copy {font-size:10px; color:#949598; font-weight:500; padding-top:5px; 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:#7c001a;text-align:center;box-sizing:border-box;color:#fff;}