@charset "utf-8";
/* *********************************************
* Project ===== 
* FileName === comm.css
* Author ===== KSB
* Date ======= 2018-07-06
* Last ======= 
********************************************* */

/* --------------------------------------------
 * Skip navigation
/* ------------------------------------------ */
#skip-navi {position:absolute;width:100%;height:0px;left:0px;top:-40px;}
#skip-navi a:active, #skip-navi a:focus {position:absolute;width:100%;height:30px;left:0px;top:40px;padding-top:10px;font-size:16px;text-align:center;background:#fff;z-index:99999;}

/* --------------------------------------------
 * Header
/* ------------------------------------------ */
#header .header_area {width:1200px;margin:0 auto;padding:20px 0;position:relative;z-index:5;}
#header .header_area h1 {float:left;}
#header .header_area .user_rank {float:left;padding:0 20px;text-align:center;color:#fff;background:#074890;border-radius:15px;margin:9px 0 0 10px;font-size:14px;line-height:27px;}
#header .header_area:after {clear:both;content:"";display:block;}
#header .header_area .util {float:right;overflow:hidden;margin-top:15px;}
#header .header_area .util li {float:left;padding:0 12px;background:url(../images/comm/bg_util.jpg) no-repeat right center;color:#000;}
#header .header_area .util li:last-child {background:none;padding-right:0;font-size:12px;}
#header .header_area .util li strong {background:url(../images/comm/icon_user.jpg) no-repeat left 4px;padding-left:13px;}
#header .header_area .util li a {color:#000;}
#header .header_area .util li.last{background:none;}
#header .header_area .util li.req{background:#4a5157; color:#fff; text-align:center; padding:2px 12px 2px 12px;}
#header .header_area .util li.req span{color:#f6ff00;}
#header .gnb_area {width:100%;background:#086fcb;height:60px;}
#header .gnb_area #nav {width:1200px;margin:0 auto;font-family:'NotoKrR';}
#header .gnb_area #nav:after {clear:both;content:"";display:block;}
#header .gnb_area #nav > li {float:left;padding:0 43px;position:relative;z-index:10;}
#header .gnb_area #nav > li > a {font-size:16px;color:#fff;padding:18px 0;display:block;}
#header .gnb_area #nav li ul.depth {display:none;position:absolute;top:60px;left:0;border-bottom:1px solid #ccc;}
#header .gnb_area #nav li ul.depth li a {font-size:13px;color:#333;padding:15px 25px;background:#fff;width:170px;display:block;border:1px solid #ccc;border-bottom:none;}
#header .gnb_area #nav li ul.depth li.depth2 {position:relative;}
#header .gnb_area #nav li ul.depth li.depth2 a:hover, #header .gnb_area #nav li ul.depth li.depth2 a.active {background:#999 url(../images/comm/bg_nav_arrow.png) no-repeat 95% 20px;color:#fff;}
#header .gnb_area #nav li ul.depth li a:hover {color:#fff;background:#999;}
#header .gnb_area #nav li ul.depth li.depth2 ul {position:absolute;top:0;left:220px;display:none;border-bottom:1px solid #ccc;}
#header .gnb_area #nav li ul.depth li.depth2 ul li a:hover {background:#999;}

.req{background:#4a5157; color:#fff !important; text-align:center; padding:2px 12px 2px 12px; display:inline-block;}
.red{color:#fa0000; font-weight:600; font-family:'NotoKrM';}

/* --------------------------------------------
 * Container
/* ------------------------------------------ */
/*.visual {width:100%;height:488px;background:url(../images/temp/visual.jpg) no-repeat center;font-size:0;text-indent:-9999em;}*/
#container {padding:45px 0 50px;min-height:565px;}
#container.main {background:url(../images/temp/main_visual.jpg) no-repeat center; background-size:cover;min-height:800px; padding:0 0 50px/*min-height:270px;*/}/*20191016*/
#container .contents {width:1200px;margin:0 auto;position:relative;z-index:1;}
#container .contents:after {clear:both;content:"";display:block;}
#container .contents .main_sec.ml200 {margin-left:200px;}
#container .contents .main_sec {width:328px;float:left;border:1px solid #ccc;position:relative;padding:25px;margin-right:30px;}
#container .contents .main_sec h2 {font-size:22px;color:#403e45;font-family:'NotoKrM';margin-bottom:20px;}
#container .contents .main_sec ul {}
#container .contents .main_sec ul li {margin-bottom:10px;}
#container .contents .main_sec ul li a {font-size:14px;color:#666;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:320px;}
#container .contents .main_sec a.more {position:absolute;top:1px;right:0;}

.tac{text-align:center;}
.box-tit{display:block;font-size:30px;font-weight:700; margin-bottom:1rem; color:#11234f;}
.box-tit > a{display:inline-block;float:right;font-size:14px; border-radius: 15px; border:2px solid #11234f; line-height:30px; padding:0 20px; background:#fff; color:#4a5157; margin-top: 5px;}

/* --------------------------------------------
 * Footer
/* ------------------------------------------ */
#footer {background:#ededed;}
#footer .inner {width:1200px;margin:0 auto;padding:30px 0;position:relative;}
#footer .inner .address {font-size:14px;color:#666;line-height:20px;margin-bottom:10px;}
#footer .inner .foot_q {position:absolute;top:25px;right:0;font-size:14px;color:#fefefe;background:#086fcb;line-height:38px;padding:0 25px;}
#footer .inner .foot_copy {font-size:14px;color:#999;}

/* --------------------------------------------
 * Lnb
/* ------------------------------------------ */
#container .contents #lnb {position:absolute;top:12px;right:0;font-size:14px;color:#333;}
#container .contents #lnb .line {padding:0 10px;}
#container .contents #lnb a {color:#333;}
#container .contents #lnb a.home {background:url(../images/comm/ico_lnb_home.gif) no-repeat left 3px;padding-left:20px;}

/* --------------------------------------------
 * Search
/* ------------------------------------------ */
#container .contents .search_area {text-align:right;}
.select_a1 {border:1px solid #ddd;color:#333;font-size:14px;padding:5px 3px 5px 10px;height:33px;vertical-align:middle;}
.intx {border:1px solid #ddd;color:#333;font-size:14px;padding:5px 10px;height:21px;vertical-align:middle;}
.intt {border:1px solid #ddd;padding:5px 10px;height:80px;}

/* --------------------------------------------
 * Title
/* ------------------------------------------ */
.tit_box {position:relative;}
.tit_box .s_a1 {position:absolute;top:0;right:0;}
h2.tit {color:#555;font-size:30px;margin-bottom:25px;}
h3.tit {color:#333;font-size:22px;margin:45px 0 15px;}

/* --------------------------------------------
 * Login
/* ------------------------------------------ */
#container .contents .login_area {width:500px;margin:70px auto;}
#container .contents .login_area h2 {font-size:48px;color:#000;text-align:center;font-family:"NotoKrR";margin-bottom:50px;}
#container .contents .login_area input {border:1px solid #ccc;color:#ccc;padding:19px;width:458px;margin-bottom:15px;}
#container .contents .login_area a.btn_login {display:block;text-align:center;color:#fff;background:#086fcb;padding:17px 0;font-size:24px;margin-top:15px;}

/* --------------------------------------------
 * Btn
/* ------------------------------------------ */
#btn_area {text-align:center;margin-top:30px;}
#btn_area:after {clear:both;display:block;content:"";}
.btn_box {margin-top:10px;}
a.btn_a1 {width:100px;text-align:center;background:#5a6273;font-size:14px;color:#fff;text-shadow:2px 2px #363b45;border-bottom:2px solid #2d3139;display:inline-block;padding:6px 0 5px;vertical-align:middle;}
a.btn_a1.green {background:#2ab006;border-color:#155803;}
a.btn_a1.blue {background:#2892f0;border-color:#144978;}
a.btn_b1 {background:#5a6273;font-size:14px;color:#fff;text-shadow:2px 2px #363b45;display:inline-block;padding:7px 15px;vertical-align:middle;margin:0 3px;}
a.btn_b1.gray {background:#999;}
a.btn_b1.blue {background:#2892f0;}
a.btn_a1.gray {background:#999;border-color:#4c4c4c;}
a.btn_a1.UlBlue{background:#2876a4;}/*20191016*/
a.btn_s1 {width:70px;text-align:center;background:#5a6273;font-size:12px;color:#fff;display:inline-block;padding:3px 0 4px;vertical-align:middle;margin:0 2px;}
a.btn_s1.white {background:#fff;border:1px solid #ccc;color:#5a6273;padding:2px 0 3px;}
a.btn_s1.blue {background:#2892f0;border-color:#144978;}
a.btn_s2 {width:70%;text-align:center;background:#5a6273;font-size:12px;color:#fff;display:inline-block;padding:6px 0 6px;vertical-align:middle;margin:0 2px;}/*20191016*/
a.btn_b2{width:70px; background:#086fcb;font-size:16px;color:#fff;display:inline-block;padding:3px 0 4px;vertical-align:middle;margin:0 3px;}/*20191016*/

.butt01{text-align:center;background:#144978;font-size:12px;color:#fff;display:inline-block;padding:6px 8px 6px;vertical-align:middle;margin:0 2px;}
.butt02{text-align:center;background:#2892f0;font-size:12px;color:#fff;display:inline-block;padding:6px 8px 6px;vertical-align:middle;margin:0 2px;}
.butt03{text-align:center;background:#5a6273;font-size:12px;color:#fff;display:inline-block;padding:6px 8px 6px;vertical-align:middle;margin:0 2px;}
/* --------------------------------------------
 * Paging
/* ------------------------------------------ */
#paging {text-align:center;margin-top:30px;overflow:hidden;}
#paging span {margin:0 10px;display:inline-block;}
#paging span a {display:inline-block;vertical-align:middle;border:1px solid #d7d7d7;font-size:14px;color:##a0a0a0;width:30px;padding:5px 0;}
#paging span a:hover, #paging span a.active {background:#333;color:#fff;}

/* --------------------------------------------
 * Table
/* ------------------------------------------ */
.register01 {border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;color:#333;}
.register01 thead th {border-top:1px solid #ddd;border-left:1px solid #ddd;padding:14px 0;}
.register01 tfoot td {border-top:1px solid #c3c3c3;border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;padding:9px 0;text-align:center;background:#e4e4e4;}
.register01 tr.tfoot td {border-top:1px solid #c3c3c3;border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;padding:9px 0;text-align:center;background:#e4e4e4;}
.register01 tbody td {border-left:1px solid #ddd;border-top:1px solid #ddd;text-align:center;padding:9px 0; position:relative;}/*20191012*/
.register01 tbody td.point {color:#ff0000;}
.register01 tbody td a.qna {background:url(../images/comm/bg_qna.png) no-repeat right 3px;padding-right:18px;}
.register01 tbody td a.qna2 {right 3px;padding-right:18px;}
.register01 tbody td a.qna span.qna_re {background:url(../images/comm/bg_qna_re.png) no-repeat 10px 1px;padding-left:58px;}
.register01 tbody td a.qna2 span.qna_re {background:url(../images/comm/bg_qna_re.png) no-repeat 10px 1px;padding-left:58px;}
.register01 tbody tr:nth-child(2n-1) {background:#f9f9f9;}
.register02 {border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;color:#333;}
.register02 thead th {background:#f9f9f9;border-top:1px solid #ddd;border-left:1px solid #ddd;padding:14px 0;}
.register02 tbody th {text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;background:#f9f9f9;}
.register02 tbody td {border-left:1px solid #ddd;border-top:1px solid #ddd;padding:7px 0 7px 20px;}
.register02 tbody td .del_box {margin-right:50px;}
.register02 tbody td .del_box a {margin-left:5px;}
.register02 tbody td .delete_box {position:relative;}
.register02 tbody td .rg_at  {position:relative;}
.register02 tbody td .delete_box .btn_s1 {position:absolute;top:4px;right:240px;}
.register02 tbody td .rg_at .txt {position:absolute;top:6px;right:15px;}
.register02 tbody td .rg_at .txt2 {position:absolute;top:0px;right:15px;}
.register02 tbody th .line {display:block;padding:14px 0;}
.register02.type2 tbody td {text-align:center;padding-left:0;}
.register02.in_table {width:1020px;}
.view_head {border:1px solid #ddd;background:#f9f9f9;border-bottom:1px solid #666;padding:20px 25px;}
.view_head h3 {font-size:20px;color:#333;font-family:'NotoKrR';margin-bottom:5px;}
.view_head h3 span.lock {background:url(../images/comm/bg_qna.png) no-repeat right 7px;padding-right:18px;} 
.view_head ul {overflow:hidden;}
.view_head ul li {font-size:13px;color:#999;float:left;padding-right:10px;}
.view_head ul li.line_bg {background:url(../images/comm/bg_line01.gif) no-repeat left 5px;padding:0 10px;}
.view_head ul li.right {float:right;background:none;padding:0;}
.view_ctn {border:1px solid #ddd;padding:20px 25px;font-size:14px;line-height:24px;color:#333;}
.view_down {border-left:1px solid #ddd;border-right:1px solid #ddd;padding:15px 25px;}
.view_down a {color:#333;font-size:14px;}
.view_down a span {border-bottom:1px solid #666;margin-left:5px;}
ul.view_btn {margin-top:30px;border-top:1px solid #ddd;}
ul.view_btn li {padding:15px 0;border:1px solid #ddd;border-top:none;font-size:14px;}
ul.view_btn li strong {font-family:'NotoKrR';color:#333;display:inline-block;width:120px;text-align:center;border-right:1px solid #ddd;}
ul.view_btn li a {display:inline-block;margin-left:20px;}

/* --------------------------------------------
 * Layer_pop
/* ------------------------------------------ */
/*20191016*/
#layer_pop .layer_sec {position:absolute;top:50%;left:50%;margin:-280px 0 0 -500px;z-index:30;width:1000px;background:#fff;}
#layer_pop .layer_sec.type2 {;margin:-280px 0 0 -400px;z-index:30;width:800px;}
#layer_pop .layer_sec h3 {background:#f9f9f9;font-size:18px;color:#555;padding:20px;font-family:'NotoKrR';border-bottom:1px solid #666;}
#layer_pop .layer_sec h4{background:#1d58aa;}
#layer_pop .layer_sec .pop_ctn {padding:25px 50px 30px 50px;}
#layer_pop .layer_sec .pop_ctn_p{padding:0;}
#layer_pop .layer_sec .pop_write {font-size:14px;height:200px;overflow:auto;}
#layer_pop .layer_sec .pop_write_p{padding:30px 50px; font-size:14px;height:150px;overflow:auto;}
#layer_pop .layer_sec .pop_ctn:after {clear:both;display:block;content:"";}
#layer_pop .layer_sec .pop_close {position:absolute;top:22px;right:20px;}
.layer_sec .pop_ctn .info_box {float:left;width:540px;}
.pop_ctn .info_box .sc_box {overflow:auto;height:369px;}
.layer_sec .pop_ctn .zone_box {float:right;width:320px;}
.pop_ctn .zone_box .sc_box {overflow-y:scroll;height:394px;border:1px solid #ddd;}
#layer_pop .layer_sec h4 {color:#555;font-size:18px;margin-bottom:15px;font-family:'NotoKrR';}
#layer_pop .dimm {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#000;opacity:0.5;}

/*공지사항 알림 팝업*/
#layer_pop2 .layer_sec {position:absolute;top:50%;left:50%;margin:-280px 0 0 -500px;z-index:30;width:1000px;background:#fff;}
#layer_pop2 .layer_sec.type2 {;margin:-280px 0 0 -400px;z-index:30;width:800px;}
#layer_pop2 .layer_sec h3 {background:#f9f9f9;font-size:18px;color:#555;padding:20px;font-family:'NotoKrR';border-bottom:1px solid #666;}
#layer_pop2 .layer_sec h4 {color:#000;font-size:20px;margin-bottom:15px;font-family:'NotoKrR';}
#layer_pop2 .layer_sec .pop_ctn {padding:25px 50px 30px 50px;}
#layer_pop2 .layer_sec .pop_write {font-size:14px;height:200px;overflow:auto; padding:10px 25px;}
#layer_pop2 .layer_sec .pop_ctn:after {clear:both;display:block;content:"";}
#layer_pop2 .layer_sec .pop_close {position:absolute;top:22px;right:20px;}
#layer_pop2 .dimm {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#000;opacity:0.5;}

/*20191016 지도보기*/
#layer_pop_map .layer_sec {position:absolute;top:50%;left:50%;margin:-280px 0 0 -600px;z-index:30;width:1200px;background:#fff;}
#layer_pop_map .layer_sec h3 {font-size:22px;color:#555;padding:13px 20px; font-family:'NotoKrR';}
#layer_pop_map .dimm {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#000;opacity:0.5;}
#layer_pop_map .layer_sec .pop_close {position:absolute;top:0;right:0;}
#layer_pop_map .layer_sec .pop_ctn {padding:0;}


.ulVlist01 {padding: 0;}
.ulVlist01 li {padding-left:25px; color: #6c6e6f; background:transparent url(../images/comm/icon_mark.gif) no-repeat left 4px; font-size:16px; color:#000; font-weight:700; margin-bottom:10px;}
.blue{color:#1d58aa;}
.red{color:#ff0000;}
.btnMd {display: inline-block; vertical-align: middle; border: 1px solid #343537; background:#fff; width:180px; height:50px; line-height:50px; text-align: center;
	    font-family: "notoKrB", sans-serif; font-weight: 700; margin: 0 2px; font-size:15px;}
.btnMd.bg02 {background: #343537; color: #fff; }
.btnMd.bg01 {background: #1d58aa; color: #fff;}

.search_box {border:1px solid #ddd;background:#f9f9f9;padding:21px 0 21px 20px;position:relative;min-height:34px;}
.search_type2 {margin-top:20px;position:relative;font-size:14px;}
.search_type2 .top_right {position:absolute;top:0;right:0;}
.search_box .ar_rg {position:absolute;top:21px;right:20px;}
.qna_txt {margin-bottom:20px;border:1px solid #e4e4e4;background:#f9f9f9;color:#333;font-size:14px;text-align:center;line-height:78px;}

.search_area {position: relative;padding:0; margin-bottom:40px; /*border:1px solid #ddd;*/}
.search_area table{width: 100%; border:0;}
.search_area table th {width:20%;padding:16px 10px; background: #f9f9f9; font-weight: 600; line-height:17px; text-align: center; font-size:14px; border-right:1px solid #ddd;}
.search_area table td {padding: 8px 15px; position:relative; text-align:left;}
.search_area.bor0 .ch_list {overflow:hidden; margin-top: 10px;}
.search_area.bor0 .ch_list li {float:left;margin-right:20px;font-size:14px;}


/* --------------------------------------------
 * Order
/* ------------------------------------------ */
#container .contents .txt_point {color:#ff6600;font-size:14px;margin:30px 0 0;}
#container .contents .txt_point2 {color:#ff6600;font-size:14px;margin:6px 0 0;}

/* --------------------------------------------
 * list
/* ------------------------------------------ */
.list_a1 {overflow:hidden;border-bottom:1px solid #ddd;}
.list_a1 li {float:left;}
.list_a1 li a {display:block;border:1px solid #ddd;border-bottom:0;padding:10px 15px;font-size:14px;}
.list_a1 li.active a {color:#fff;background:#086fcb;border-color:#0059a9;}
.tab_box {display:none;}


.select_c1 {position:absolute;top:3px;right:0;}

.dimm_b {position:relative;}
.dimm_a {position:absolute;top:0;left:0;width:100%;height:100%;background:#ddd;opacity:0.2;}

/*20191016*/
.tab_pop {border-bottom:1px solid #ddd; background:#fff; overflow:hidden;}
.tab_pop > li { float:left; width:120px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; box-sizing:border-box; font-size:15px; }
.tab_pop > li { display:inline-block; padding:10px 20px; cursor:pointer; }
.tab_pop > li.on { background-color:#086fcb; border:1px solid #0059a9; color:#fff; }
.tab_con { clear:both; margin-top:10px;}
.tab_con > div { display:none; text-align:left; }
.inCk { display: inline-block;vertical-align: middle; height:40px; line-height:40px; float:left;}
.inCk input[type="radio"] + label {display: inline-block;vertical-align: middle; margin: -3px 20px 0 0; font-size: 15px; font-family:'NotoKrR'; font-weight:300;}
.text_ar{margin-right:20px; margin-top:10px; font-size:13px; font-family:'NotoKrR'; color:#666;}
.hidden { position:absolute; left:-9999em; height:0; overflow:hidden; font-size:0; line-height:0; }
.bgf9{background:#f9f9f9;}
.register03 {border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:14px;color:#333;}
.register03 thead th {display:none;}
.register03 tbody th {text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;background:#f9f9f9;}
.register03 tbody td {border-left:1px solid #ddd;border-top:1px solid #ddd;padding:15px 20px 15px 20px; text-align:center; position:relative;}
.register03 tbody td p.icon {position:absolute; right:4px; top:16px; padding-right:20px;}
.register03 tbody td p.icon .help {display:inline-block; width:24px;height:24px;padding:0 0 0 3px !important;background:url(../images/comm/icon_qu.gif) no-repeat right 0; cursor:pointer;vertical-align:middle; text-indent:-9999999px;}
.qu-popup {display:none; position:absolute; top:13px; right:15px; width:600px; border:1px solid #b7bdca;background:#fff; text-align:left; z-index:38;}
.qu-popup > p {padding:5px 15px; font-size:14px; font-weight:500; color:#333;margin:10px;box-sizing:border-box;}
.qu-popup .btn_qu {position:absolute; top:14px; right:20px;height:20px !important;line-height:20px !important}
.map{border:1px solid #ddd;}
.search_area2 {position: relative;padding:0; margin-bottom:40px; border:1px solid #ddd;}
.search_area2 table{width: 100%; border:0;}
.search_area2 table th {width:20%;padding:16px 10px; background: #f9f9f9; font-weight: 600; line-height:17px; text-align: center; font-size:14px; border-right:1px solid #ddd;}
.search_area2 table td {padding: 8px 15px; position:relative; text-align:left;}
.register01 tbody td .arrow {position: absolute; top: 50%; right: 20px; margin-top: -3px; width:11px; height:11px; display: block; background: url(../images/comm/icon_arrow_close.png) no-repeat 0 0;}
.register01 tbody td.on .arrow{background: url(../images/comm/icon_arrow_open.png) no-repeat 0 0;}
.register01 tbody td .all {position: absolute; top: 50%; right: 20px; margin-top: -3px; width:11px; height:11px; display: block; background: url(../images/comm/icon_arrow_close.png) no-repeat 0 0;}
.register01 tbody td.on .all{background: url(../images/comm/icon_arrow_open.png) no-repeat 0 0;}
.hawi{margin-top:-5px; padding-left:10px;}
.ordermark{margin-top:60px; margin-bottom:60px; text-align:left;}
.ordermark_bg{background:url(../images/comm/ordermark_img_bg.gif) no-repeat 0 0; height:163px; margin-bottom:50px; position:relative;}
.ordermark_bg ul{position:absolute; top:45px; left:13px;}
.ordermark_bg ul li{float:left; padding:0 10px; font-size:14px; text-align:center; width:100%; color:#000; font-family:'NotoKrR';}
tr.gover {display : none;}
#container .inner{width:1200px; margin:0 auto; padding:90px 0;}
#container .inner .box{float:left;}/* width:579px;*/
#container .inner .box .allim li{float:left;}
#container .inner .box .allim li a {position:relative;display:block;width:311px; height:189px; padding:70px 0 50px; text-align:center;}
#container .inner .box .allim li span{display:block; text-align: center; margin-bottom:20px;}
#container .inner .box .allim li em{display:block;color:#fff; font-size:35px; font-weight:bold; margin-bottom:5px;}
#container .inner .box .allim li p.color1{color:#11234f; font-size:16px; font-family:'NotoKrR';}
#container .inner .box .allim li p.color2{color:#8197a1; font-size:16px; font-family:'NotoKrR';}
#container .inner .box .allim li.bg2a{background:#2a8bb8;}
#container .inner .box .allim li.bg11{background:#11234f;}
#container .inner .box .area{background:#d2e0ec; padding:30px; min-height:607px;}
.color{color:#333 !important;}

.map_tab{float:left; margin-left:150px; margin-top:15px; width:55%;}
.map_tab li {float: left;margin-top:-1px;box-sizing: border-box;}
.map_tab li a {display: block;height: 42px;line-height: 42px;text-align: center; border-top:0; border-bottom:0; border: 1px solid #ccc; background:#dcdcdc; font-size: 14px;color: #31343f;font-family: "notoKrM", sans-serif;font-weight: 500;margin-right: -1px;}
.map_tab li a:hover,
.map_tab li a.on {background: #086fcb;color: #fff;border: 1px solid #086fcb;}
.map_tab.depth4 li {width: 25%} /* 4개 */