@charset "utf-8";
.inner{width:1580px;margin:0 auto;}
/* .inner_main{width:1580px;margin:0 auto;} */

/*2021_10_23 추가 스타일 ==============================*/
.modal_bg {display: none; position: fixed;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.7);top: 0; z-index: 100}
.join_top{text-align: center;height: 86px;border-bottom: 1px solid #000;display: flex;justify-content: center;align-items: center;position: relative;background: #fff;}
li input::placeholder {color: #b3b3b3 !important;}

.login_box .modal_close_btn, .login_box_find .modal_close_btn,
.join_box .modal_close_btn {width: 40px;height: 40px;border-radius: 5px;text-align: center;line-height: 40px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 0;background: url(/images/common/btn_close.png) no-repeat center #2a2a2a;}

.login_box {display: none;position: absolute;width: 480px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;background: #f8f8f8;box-shadow: 0 0 10px 1px #333;z-index: 110;border: 1px solid #c4c4c4;}
.login_box .login_head {text-align:center;margin: 18px;}
.login_box .login_head em {background: url(/images/common/icon_sp_new.png) no-repeat -50px -180px;width: 75px;height: 75px;display: block;margin: 0 auto;}
.login_box .login_head h1 {font-size: 34px;font-weight: bold;letter-spacing: -1px;}
.login_box .login_head p {font-size:18px}
.login_box .login_cont {padding: 0px 80px 30px;}
.login_box .login_cont .login_from li {border: 1px solid #ccc;margin-bottom: 15px;background: #fff;height: 52px;}
.login_box .login_cont .login_from li span {text-align: center;width: 120px;display: inline-block;font-size: 16px;font-weight: 500;vertical-align: middle;height: 50px;line-height: 50px;position:relative;}
.login_box .login_cont .login_from li span:after {content:"";position:absolute;right:0;top: 25%;width:1px;height: 50%;background:#ddd;}
.login_box .login_cont .login_from input,
.login_box .login_cont .login_from select {height: 46px;width: calc(100% - 130px);padding: 0 15px;border:none;}
.login_box .login_cont p {text-align: center;color: #696969;font-size: 16px;letter-spacing: -1px;}
.login_box .btn_box{margin-top: 20px;}
.login_box .btn_box a {display:block;text-align:center;font-size:18px;padding: 14px 0;border-radius: 5px;margin-bottom: 5px;}
.login_box .btn_box .login_btn{background: #2858c6;color: #fff;}
.login_box .btn_box .join_btn{border:1px solid #2858c6;color: #2858c6;}
.login_box .login_foot {background: #2a2a2a;text-align: center;color: #fff;padding: 7px 0;font-size: 16px;}
.login_box .login_foot input[type="checkbox"]{display:inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}
.login_box .login_foot a { color: #fff;}


.login_box_find {display: none;position: absolute;width: 480px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;background: #f8f8f8;box-shadow: 0 0 10px 1px #333;z-index: 110;}
.login_box_find .login_head {text-align:center;margin: 12px;}
.login_box_find .login_head h1 {font-size: 34px;font-weight: bold;letter-spacing: -1px;}
.login_box_find .login_head p {font-size:18px}
.login_box_find .login_cont {padding: 0px 80px 30px;}
.login_box_find .login_cont .login_from li {border: 1px solid #ccc;margin-bottom: 10px;background: #fff;}
.login_box_find .login_cont .login_from li span {text-align: center;width: 120px;display: inline-block;font-size: 16px;font-weight: 500;vertical-align: middle;height: 45px;line-height: 45px;position:relative;}
.login_box_find .login_cont .login_from li span:after {content:"";position:absolute;right:0;top: 25%;width:1px;height: 50%;background:#ddd;}
.login_box_find .login_cont .login_from input,
.login_box_find .login_cont .login_from select {height: 46px;width: calc(100% - 130px);padding: 0 15px;border:none;}
.login_box_find .login_cont p {text-align: center;color: #696969;font-size: 16px;letter-spacing: -1px;}
.login_box_find .btn_box{margin-top: 20px;}
.login_box_find .btn_box a {display:block;text-align:center;font-size:18px;padding: 14px 0;border-radius: 5px;margin-bottom:10px;}
.login_box_find .btn_box .login_btn{background: #2858c6;color: #fff;}
.login_box_find .btn_box .join_btn{border:1px solid #2858c6;color: #2858c6;}
.login_box_find .login_foot {background: #2a2a2a;text-align: center;color: #fff;padding: 5px 0;font-size: 16px;}
.login_box_find .login_foot input[type="checkbox"]{display:inline-block;width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}
.login_box_find .login_foot a { color: #fff;}


.join_box {display: none;position: absolute;width: 480px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #f8f8f8;box-shadow: 0 0 10px 1px #333;z-index: 110;}
.join_box .join_head {text-align:center;margin: 12px;}
.join_box .join_head em {background: url(/images/common/icon_sp_new.png) no-repeat -175px -180px;width: 75px;height: 75px;display: block;margin: 0 auto;}
.join_box .join_head h1 {font-size: 34px;font-weight: bold;letter-spacing: -1px;}
.join_box .join_head p {font-size:18px}
.join_box .join_cont {padding: 0px 60px 30px;}
.join_box .join_cont .join_from li {border: 1px solid #ccc;margin-bottom: 10px;background: #fff;}
.join_box .join_cont .join_from li span {text-align: center;width: 120px;display: inline-block;font-size: 16px;font-weight: 500;vertical-align: middle;height: 45px;line-height: 45px;position:relative;}
.join_box .join_cont .join_from li span:after {content:"";position:absolute;right:0;top: 25%;width:1px;height: 50%;background:#ddd;}
.join_box .join_cont .join_from input,
.join_box .join_cont .join_from select {height: 46px;width: calc(100% - 130px);padding: 0 15px;border:none;}
.join_box .join_cont .join_from li.mail input { }
.join_box .join_cont p {text-align: center;color: #6f7bff;font-size: 16px;letter-spacing: -1px;}
.join_box .btn_box{margin-top: 20px;}
.join_box .btn_box a {display:block;text-align:center;font-size:18px;padding: 14px 0;border-radius: 5px;margin-bottom:10px;}
.join_box .btn_box .join_btn{background: #2858c6;color: #fff;font-weight: 500;}

.user_box {display: none; position: absolute;width: 270px;padding: 20px 50px;top: 143px;right:-7%;transform: translate(-50%, -50%);background: #fff;box-shadow: 0 0 10px 1px #333;border-radius: 10px; z-index: 110}


/*2021_10_20 추가 스타일 ==============================*/
.row {
 --bs-gutter-x: 1.5rem;
 --bs-gutter-y: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-top: calc(-1 * var(--bs-gutter-y));
 margin-right: calc(-1 * var(--bs-gutter-x));
 margin-left: calc(-1 * var(--bs-gutter-x));
}

.row > * {
 -ms-flex-negative: 0;
 flex-shrink: 0;
 width: 100%;
 max-width: 100%;
 padding-right: calc(var(--bs-gutter-x) * 1);
 padding-left: calc(var(--bs-gutter-x) * 1);
 margin-top: var(--bs-gutter-y);
}
.col-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;  }
.col-1 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.333333%;  }
.col-2 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.666667%;  }
.col-3 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%;  }
.col-4 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.333333%;  }
.col-5 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.666667%;  }
.col-6 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%;  }
.col-7 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.333333%;  }
.col-8 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.666667%; }
.col-9 { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; }
.col-10 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.333333%; }
.col-11 {-ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.666667%; }
.col-12 {-ms-flex: 0 0 auto;flex: 0 0 auto; width: 100%;}
.pr-5 {padding-right: 5rem}
.pl-5 {padding-left: 5rem}
.mt-5 {margin-top : 5rem}



/*시스템소개*/
.systemInfo_area hr {margin: 1rem 0;color: inherit;background-color: #ddd;border: 0;position: relative;width: 100%;height: 1px;top: inherit;visibility: visible;margin: 5.7rem 0;}
.systemInfo_area {padding: 0 20px;margin: 70px auto;}
.systemInfo_area .dl{padding-left: 100px;position: relative;}
.systemInfo_area .dl .icon {background: url(/images/content/icon_title.png) no-repeat;width: 80px;height: 80px;position: absolute;left: 0;top: 0;}
.systemInfo_area .dl .text_area h4{font-size: 22px; font-weight: 600; color: #134aa9; margin-bottom: 10px}
.systemInfo_area .dl .text_area p{font-size: 18px;color:#6c6c6c;line-height: 1.8;letter-spacing: -1px;}

.systemInfo_area .effect {display: flex;margin: 0 -35px;}
.systemInfo_area .effect li {flex: 1;width: calc(25% - 70px);margin: 0 35px;border: 1px solid #ddd;border-top: 1px solid #2d4478;text-align: center;height: auto;padding: 44px 0;letter-spacing: -1px;color: #2a5082;font-weight: 400;font-size: 17px;line-height: 1.5;}
.systemInfo_area .effect li em {width: 100px;height: 100px;display: block;margin: 0 auto 30px;background: url(/images/content/ef_img.png) no-repeat 0 0;}
.systemInfo_area .effect li:nth-child(1) em {background-position: 0 0}
.systemInfo_area .effect li:nth-child(2) em {background-position: -100px 0}
.systemInfo_area .effect li:nth-child(3) em {background-position: -200px 0;}
.systemInfo_area .effect li:nth-child(4) em {background-position: -300px 0;}

.systemInfo_area .history {}
.systemInfo_area .history th {padding: 0 10px;}
.systemInfo_area .history th>span {font-size:18px;font-weight:600;background: #134aa9;color: #fff;width: 100%;display: inline-block;border-radius: 50px;height: 50px;line-height: 50px;}
.systemInfo_area .history td {padding: 20px !important;word-break: normal;border-bottom: 1px solid #ddd;font-size: 17px;letter-spacing: -1px;}
.systemInfo_area .history td.year{font-size: 18px;text-align: center;font-weight: 300;padding: 0 !important;}
.systemInfo_area .history td ul {margin-left: 10px}
.systemInfo_area .history td ul li{position: relative;}
.systemInfo_area .history td ul li::before{ content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 5px; height: 5px; background: #666; border-radius: 50px}


/*하천정보*/
.content_area{padding: 0 20px;margin: 70px auto;}
.content_area { }
.content_area .col{ }
.content_area .col dl {margin-bottom: 40px;}
.content_area .col dl dt{font-size: 22px;font-weight: 600;color: #134aa9;margin-bottom: 10px;position:relative;padding-left: 20px;}
.content_area .col dl dt:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#134aa9}
.content_area .col dl dd{font-size: 18px;color:#6c6c6c;line-height: 1.7;letter-spacing: -1.2px;padding-left: 20px;}
.content_area .col dl dd > span {font-weight: 400;color: #333;}
.content_area .col dl dd > ul{ }
.content_area .col dl dd > ul > li{padding-left:10px; position:relative}
.content_area .col dl dd > ul > li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width: 2px;height: 2px;background: #6c6c6c;}


/*tab메뉴*/
.content_area .col > dl > dd > .tab_area{ }
.content_area .col > dl > dd > .tab_area > ul.tabs{display: flex;flex-wrap: nowrap;}
.content_area .col > dl > dd > .tab_area > ul.tabs > li{flex: 1;border: 1px solid;margin-left: -1px;border: 1px solid #ddd;}
.content_area .col > dl > dd > .tab_area > ul.tabs > li.current{background: #006FFF;border: 1px solid #006FFF;}
.content_area .col > dl > dd > .tab_area .tab-content{border: 1px solid #ddd;padding: 30px;margin-top: -1px;}
.content_area .col > dl > dd > .tab_area .tab-content.current{ }


/*국가하천 발원지*/
.content_area .col .img {float: right;padding-left: 100px;}
/* table_type7 */
.table_type7 {width:100%;border-bottom: 1px solid #d2d2d2;border-top: 2px solid #363d4c;}
.table_type7 thead th {padding: 0 5px;font-weight: 500;border: 0;border-bottom:1px solid #d2d2d2;text-align:center;box-sizing: border-box;height: 50px;background: #f6f9fc;position:relative;}
.table_type7 tr.bg_gray th, .table_type1 tr.bg_gray td { background:#f5f5f5;}
.table_type7 tbody th { padding:10px 5px; color:#333; font-weight:500; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;text-align:center;}
.table_type7 tbody td {padding: 0 25px;color:#666;border-bottom:1px solid #d2d2d2;font-weight:400;height: 50px;font-size: 18px;line-height:1.2;}
.table_type7 thead th:first-child, .table_type1 tfoot td:first-child, .table_type1 tbody th:first-child, .table_type1 tbody td:first-child { border-left:none;}
.table_type7 tbody td > a {display:block}




















/* header */
#header{width: 100%; min-width: 1580px; z-index: 999;}
#header .top_util{background: #222;height: 40px;position: fixed;z-index: 999;width: 100%;}
#header .top_util > h1{position: absolute;left: 0;top: 0;line-height: 40px;padding-left: 30px;}
#header .util_box{position: absolute;right: 0;vertical-align: top;font-size: 0;}
#header .util_box > ul,
#header .util_box div{display: inline-block;vertical-align: top;}
#header .util_box > ul > li{display: inline-block;font-size: 1rem;}
#header .util_box > ul > li:after{content:'';display:inline-block;width:3px;height:3px;background:#fff;vertical-align:middle;border-radius: 50px;margin: 8px;}
#header .util_box > ul > li:last-child:after{display:none}
#header .util_box > ul > li > a {color:#fff;line-height: 45px;}
/*#header .util_box div.login {width: 40px;height: 40px;text-align: center;line-height: 40px;background: #003764;margin-left: 30px;}*/
#header .util_box div.user {width: 40px;height: 40px;text-align: center;line-height: 40px;background: #003764;margin-left: 15px;}
#header .util_box div.login {width: 40px;height: 40px;text-align: center;line-height: 40px;margin-right: 10px;margin-left: 10px;color:white;font-size:27px;}
#header .util_box div.login a {color:#fff}
#header .util_box div.all_menu_btn {width: 45px;height: 40px;background: #000;padding: 9px 13px;}
#header .util_box div.all_menu_btn > span {height:2px;background:#fff;display: block;width: 100%;margin-top: 5px;}
#header .util_box div.all_menu_btn > span:nth-child(1) { }
#header .util_box div.all_menu_btn > span:nth-child(2) {width: 80%;}
#header .util_box div.all_menu_btn > span:nth-child(3) { }

.main .gnb_wrap {/* background: rgba(0,0,0,0.3); */ background: none; width:100%;position: fixed;margin-top: 40px;z-index: 60;border-bottom: 1px solid rgba(255,255,255,0.2);}
.gnb_wrap {background: rgba(0,0,0,0.3);width:100%;position: fixed;margin-top: 40px;z-index: 60;border-bottom: 1px solid rgba(255,255,255,0.2);}
.gnb_wrap h1 {display:inline-block;height: 70px;line-height: 70px;vertical-align: top;}
.gnb_wrap h1 > img { }
.gnb_wrap .gnb{font-size:0;text-align: center;float: right;}
.gnb_wrap .gnb > li{display:inline-block;font-size: 1.25rem;line-height: 70px;padding: 0 60px;}

.gnb_wrap .gnb > li.on {}
.gnb_wrap .gnb > li:hover > a,
.gnb_wrap .gnb > li.on > a {color:#2e7adb;font-weight: 500;position: relative;display: block;}
.gnb_wrap .gnb > li:hover > a:after,
.gnb_wrap .gnb > li.on > a:after{content:'';border-bottom: 4px solid #fff;width: 100%;position: absolute;left: 0;bottom: 0;}
.gnb_wrap .gnb > li > a {color:#fff;font-weight:400;letter-spacing: -1px;}
.gnb_wrap .gnb > li > .subgnb{display:none;position: absolute;left: 0;width: 100%;background: rgba(183, 183, 183, 0.9) ;z-index: 999;}
.gnb_wrap .gnb > li > .subgnb > ul{line-height: 55px;}
.gnb_wrap .gnb > li > .subgnb > ul > li{display: inline-block;}
.gnb_wrap .gnb > li > .subgnb > ul > li > a {font-size: 1rem;font-weight: 500;}
.gnb_wrap .gnb > li > .subgnb > ul > li:after{content:'';display:inline-block;width:3px;height:3px;background: #000;vertical-align:middle;border-radius: 50px;margin: 0 15px;}
.gnb_wrap .gnb > li > .subgnb > ul > li:last-child:after{display:none}

.drop_bg .gnb_wrap{background: #fff}
.drop_bg .gnb_wrap .gnb > li > a {color: #000}

.top_visual {background: url(/images/content/top_visual.png) no-repeat center 40px;height: 310px;padding-top: 45px;}
.top_visual > h1 {text-align: center;font-size: 2.23rem;color: #fff;padding-top: 90px;font-weight: 500;}

/*lnb*/
.lnb_wrap {position:absolute;left:0;width:100%;min-width: 1580px; z-index: 50;height: 45px;background: rgba(29, 91, 173, 0.8);top: 265px;}
.lnb_wrap .btnHome {float:left;width: 22px;height: 20px;background: url('/images/common/icon_sp.png')no-repeat -114px -80px;text-indent:-999em;margin: 12px 25px;}
.lnb_wrap .lnb_list {position: relative;float:left;width: 240px;margin-left: 0;border-right: 1px solid rgba(255,255,255,0.2);}
.lnb_wrap .lnb_list.first{border-left: 1px solid rgba(255,255,255,0.2);}
.lnb_wrap .lnb_list p a {position: relative;display: block;line-height: 45px;color: #ffffff;font-weight: 500;padding: 0 30px;}
.lnb_wrap .lnb_list p.on{background: #003764;}
.lnb_wrap .lnb_list p.on a {}
.lnb_wrap .lnb_list p a:after {content:'';position: absolute;right:20px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width: 13px;height: 8px;background: url('/images/common/icon_sp.png') no-repeat -146px -89px;transform: rotate(-90deg);}
.lnb_wrap .lnb_list p.on a:after { }
.lnb_wrap .lnb_list ul {position: absolute;border-top:none;display: none;height: 225px;left: 0;top: 65px;right: 0;margin-right:-1px;overflow: hidden;z-index: 10;background: rgba(0, 55, 100, 0.9); border-right: 1px solid rgba(255,255,255,0.2);}
.lnb_wrap .lnb_list ul li:first-child {/* border-top:none;  */}
.lnb_wrap .lnb_list ul a {display: block;font-size: 1.125rem;line-height:43px;color: #7191b2;font-weight: 500;padding: 5px 30px;}
.lnb_wrap .lnb_list ul a:hover{color:#cfddf4}

.lnb_wrap.drop_bg1{position:fixed;top: 110px;background: #1d5bad;}

/*== main ============================================*/
.main.top_visual {background: url(/images/main/main_visual.png) no-repeat center 40px;height: 480px;padding-top: 45px;}
.qk_menu_area { margin-top: -280px;}
.qk_menu_area ul{display: flex; margin:0 -20px}
/*.qk_menu_area ul li{flex: 1;width:calc(25% - 120px);margin: 0 20px;overflow: hidden;position: relative;height: 362px;border-radius: 15px;}
.qk_menu_area li a {display: block}*/
.qk_menu_area ul li{flex: 1;width:calc(25% - 120px);margin: 0 20px;}
.qk_menu_area li a {display: block; overflow: hidden;position: relative;height: 362px;border-radius: 15px;}
.qk_menu_area li .qk_menu {height: 220px;}
.qk_menu_area li .qk_menu img { width: 100%; height: 100%; transform: scale(1); transition: all 1s; }
.qk_menu_area li:hover .qk_menu img { transform: scale(1.1); }
.qk_menu_area .menu_info {position: absolute;left:0;top:220px;background: #2858c6;color:#fff;z-index: 10;height: 150px;width: 100%;padding: 30px;}
.qk_menu_area .menu_info h4 {font-size:20px;margin-bottom: 11px;font-weight: 500;}
.qk_menu_area .menu_info p {font-size:16px;color: rgba(255,255,255,0.8);}
.qk_menu_area .icon {background: url(/images/main/main_icon.png) no-repeat #fff;width:72px;height:72px;border-radius: 50px;position: absolute;top: 180px;right: 30px;z-index: 20;}
.qk_menu_area li:nth-child(1) .icon {background-position: 0 0 }
.qk_menu_area li:nth-child(2) .icon {background-position: -70px 0 }
.qk_menu_area li:nth-child(3) .icon {background-position: -140px 0 }
.qk_menu_area li:nth-child(4) .icon {background-position: -210px 0;}

.main_bbs {margin-top: 40px; }
.main_bbs > ul {display: flex; margin:0 -20px}
.main_bbs > ul > li {flex: 1;width:calc(50% - 40px);margin: 0 20px;overflow: hidden;padding: 35px 40px;border:1px solid #ddd;border-radius: 15px;position: relative;}
.main_bbs > ul > li > h2 {font-size:20px; margin-bottom:20px; font-weight:500}
.main_bbs .bbs_box > ul > li{display: block;position: relative;font-size: 16px;margin-bottom: 5px;font-weight: 500;color: #666;}
.main_bbs .bbs_box > ul > li span.titlenm{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.main_bbs .bbs_box > ul > li span.date{position:absolute; top:0; right:0; color:#878787;}
.main_bbs .bbs_box > ul > li span.city{position:absolute; top:0; right:135px; color:#878787;}
.main_bbs .more a{position: absolute;top: 40px;right:30px;width:30px;height:30px;background: url(/images/main/main_icon.png) no-repeat -15px -147px;overflow: hidden;text-indent: -400px;}


.main_btn {margin-top: 40px;}
.main_btn ul{display: flex;margin:0 -20px;}
.main_btn ul li{flex: 1;position: relative;width:calc(20% - 160px);margin: 0 20px;overflow: hidden;position: relative;border-radius: 15px;background: #f4f6f9;padding: 30px  50px;transition: all 0.5s;}
.main_btn ul li a {color:#000;font-size: 18px;font-weight: 500;text-align: center;display: block;}
.main_btn ul li a::before {content: "";width: 60px;height: 60px;background: url(/images/main/main_icon.png) no-repeat #fff;border-radius: 15px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.main_btn ul li:hover {background: #1e1b32;box-shadow: 0 0px 7px 1px #333;}
.main_btn ul li:hover a {color: #fff;}
.main_btn li:nth-child(1) a:before {background-position: 0 -72px;}
.main_btn li:nth-child(2) a:before {background-position: -59px -70px;}
.main_btn li:nth-child(3) a:before {background-position: -119px -68px;}
.main_btn li:nth-child(4) a:before {background-position: -177px -72px;}
.main_btn li:nth-child(5) a:before {background-position: -240px -71px;}



.confirm_password_box {display: none; position: absolute;width: 480px;padding: 50px 70px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;background: #fff;box-shadow: 0 0 10px 1px #333;border-radius: 10px; z-index: 110}
.confirm_password_box .modal_close_btn {background: #000;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 40px;position: absolute;right: 40px;top: 30px;}
.confirm_password_box .join_head {text-align:center;padding-bottom: 20px;border-bottom: 2px solid #656565;margin-bottom: 20px;}
.confirm_password_box .join_head em {background: url(/images/common/icon_sp.png) no-repeat -175px -180px;width: 75px;height: 23px;display: block;margin: 0 auto;}
.confirm_password_box .join_head h1 {font-size:40px;font-weight: bold;letter-spacing: -1px;}
.confirm_password_box .join_head p {font-size:18px}
.confirm_password_box .join_cont {}
.confirm_password_box .join_cont .join_from li {padding: 5px 0 ;}
.confirm_password_box .join_cont .join_from li span {text-align: right;width: 100px;display: inline-block;padding-right: 20px;font-size: 16px;font-weight: 500;vertical-align: middle;height: 45px;line-height: 45px;}
.confirm_password_box .join_cont .join_from input,
.confirm_password_box .join_cont .join_from select {height: 46px;width: calc(100% - 110px);padding: 0 15px;}
.confirm_password_box .join_cont .join_from li.mail input {width: calc(100% - 233px);}
.confirm_password_box .join_cont p {text-align: center;color: #6f7bff;font-size: 16px;letter-spacing: -1px;}
.confirm_password_box .btn_box{margin-top: 20px;}
.confirm_password_box .btn_box a {display:block;text-align:center;font-size:18px;padding: 10px 0;border-radius: 5px; margin-bottom:10px}
.confirm_password_box .btn_box .join_btn{background: #4385f5;color: #fff;}

.user_update_box {display: none; position: absolute;width: 480px;padding: 50px 70px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 100;background: #fff;box-shadow: 0 0 10px 1px #333;border-radius: 10px; z-index: 110}
.user_update_box .modal_close_btn {background: #000;width: 40px;height: 40px;border-radius: 50px;text-align: center;line-height: 40px;position: absolute;right: 40px;top: 30px;}
.user_update_box .join_head {text-align:center;padding-bottom: 20px;border-bottom: 2px solid #656565;margin-bottom: 20px;}
.user_update_box .join_head em {background: url(/images/common/icon_sp.png) no-repeat -175px -180px;width: 75px;height: 23px;display: block;margin: 0 auto;}
.user_update_box .join_head h1 {font-size:40px;font-weight: bold;letter-spacing: -1px;}
.user_update_box .join_head p {font-size:18px}
.user_update_box .join_cont {}
.user_update_box .join_cont .join_from li {padding: 5px 0 ;}
.user_update_box .join_cont .join_from li span {text-align: right;width: 100px;display: inline-block;padding-right: 20px;font-size: 16px;font-weight: 500;vertical-align: middle;height: 45px;line-height: 45px;}
.user_update_box .join_cont .join_from input,
.user_update_box .join_cont .join_from select {height: 46px;width: calc(100% - 110px);padding: 0 15px;}
.user_update_box .join_cont .join_from button {height: 46px;margin-left:10px;}
.user_update_box .join_cont .join_from input:disabled,
.user_update_box .join_cont .join_from select:disabled {height: 46px;width: calc(100% - 110px);padding: 0 15px;background-color:#ccc;}
.user_update_box .join_cont .join_from li.mail input {width: calc(100% - 250px);}
.user_update_box .join_cont p {text-align: center;color: #6f7bff;font-size: 16px;letter-spacing: -1px;}
.user_update_box .btn_box{margin-top: 20px;}
.user_update_box .btn_box a {display:block;text-align:center;font-size:18px;padding: 10px 0;border-radius: 5px; margin-bottom:10px}
.user_update_box .btn_box .join_btn{background: #4385f5;color: #fff;}



/*subpage*/
.subpage .lnb_wrap{position:fixed;top: 110px;background: #1d5bad;}
.subpage .gnb_wrap{background: #fff;box-shadow: 0px 2px 5px 0 #7f7f7f;}
.subpage .gnb_wrap .gnb > li > a {color: #000}
.subpage #container {padding-top: 175px;}

.subpage.zoom {margin-top: -130px}
.subpage.zoom .lnb_wrap {top:0}

/*lnb*/
.lnb_list.first > ul >li:nth-child(7), .lnb_list.first > ul >li:nth-child(6) {display: none;}


/* container */
.zoom #container.map_area{padding-top: 175px;}
#container.map_area{/* padding-top: 20px; */padding-top: 0;}
.title_wrap {position: relative;}
.title_wrap h1.con_title{font-size: 1.67rem;font-weight: 500;letter-spacing: -1px;margin: 20px;}
.title_wrap h1.con_title:after{content:''; width:197px; height:3px; background:#4285f4; display:inline-block; vertical-align:middle; margin-left:20px}

.title_wrap .snsBox{position: absolute;top:0;right:0;}
.title_wrap .snsBox a {background: url(/images/common/icon_sp.png) no-repeat -6px -80px;width: 30px;height: 30px;display:inline-block;margin-left: 10px;}
.title_wrap .snsBox a.sns{background-position: -6px -80px; position:relative}
.title_wrap .snsBox a.sns:after{content:'';position:absolute;top:10%;right: -5px;width:1px;height:80%;background-color: #e0e0e0;}
.title_wrap .snsBox a.print{background-position: -38px -80px;}

.search_wrap.type1,
.search_wrap.type2 {padding: 3px;background: #f5f8fa;text-align: center;margin-bottom: 8px;}
.search_wrap.type1 span{vertical-align:top;margin: 0 5px;}
.search_wrap.type1 span.text{width: 350px;display: inline-block;}
.search_wrap.type1 button.btn_search{width: 80px;background: #4285f4;height: 36px;margin: 0;padding: 0;}
.search_wrap.type1 button.btn_search:before{content:'';background: url(/images/common/icon_sp.png) no-repeat -73px -80px;display:inline-block;width: 28px;height: 24px;}

.search_wrap.type2{text-align: center;}
.search_wrap.type2 table  {width: 90%;margin: 0 auto;}
.search_wrap.type2 table  td {padding: 5px 0;position: relative;font-weight: 500;}
.search_wrap.type2 table  td.t_th {text-align: right;padding-right: 20px;}
.search_wrap.type2 button.btn_search{width: 60px;background: #4285f4;height: 30px;position: absolute;left: 5px;top: 5px;}
.search_wrap.type2 button.btn_search:before{content:'';background: url(/images/common/icon_sp.png) no-repeat -73px -80px;display:inline-block;width: 28px;height: 28px;margin-top: 5px;}

.search_wrap.type2 span{vertical-align:top;margin: 0 5px;width: 384px;display: inline-block;}
.search_wrap.type2 span.text{}
.search_wrap.type2 span.text.w45 {width: 45.2%}

.sec_box {margin-bottom: 10px}
.sec_box h2 {font-size: 24px;color:#000;font-weight: 600;margin-bottom: 20px; float:left;}
.sec_box h2:before {content: '';background: url(/images/common/icon_h2.png) no-repeat;width:11px;height:11px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.sec_box h3 {font-size: 19px;color:#4285f4;font-weight: 600;margin-bottom: 18px;float:left;}
.sec_box h3:before {content: '';background: url(/images/common/icon_h3.png) no-repeat;width:23px;height:23px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.sec_box .r_btn {float: right;}
.sec_box > .col {width: 100%;}
.sec_box > .col > li {display: table-cell;; vertical-align: top}
.sec_box > .col .paging {margin:20px auto}
.map_box {border: 1px solid #ddd;padding: 20px;}

.updown > a {background: #4285f4;border-radius: 5px;width: 40px;height: 80px;display: block;position: relative;text-indent: -999px; margin: 10px auto;}
.updown > a:before {content:"";width: 16px;height: 26px;background: url(/images/common/icon_sp.png) no-repeat 0 0;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.up_btn{}
.up_btn:before {background-position: -10px -192px !important;}
.down_btn{}
.down_btn:before {background-position: -10px -225px !important}

.number{display: inline-block;width: 140px;height: 40px;border: 2px solid #dee1e6;border-radius: 6px;line-height: 40px;padding: 0 10px;position: relative;margin-bottom: 10px;}
.number > span{padding-left: 27px;}
.number > a {background: #4285f4;width: 40px;height: 20px;display: block;position: absolute;right: 0;text-indent: -999px;}
.number > a::before {content:"";width: 20px;height: 15px;background: url(/images/common/icon_sp.png) no-repeat 0 0;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.number a.nm_up {border-radius: 0 5px 0 0;top: -0;border-bottom: 1px solid #ddd;}
.number a.nm_up:before {background-position: -8px -121px !important;}
.number a.nm_dw {border-radius: 0px 0px 5px 0;bottom: 0;}
.number a.nm_dw:before {background-position: -8px -143px !important;}

/*개요*/
.summary_area {padding: 0 130px;margin-top: 70px;}
.summary_area dl{display: flex;border-top: 1px solid #ddd;padding: 40px 0;position: relative;}
.summary_area dl:first-child {border:none}
.summary_area dl:first-child:before {display:none}
.summary_area dl:before {content:"";position: absolute;left: 0;top: -2px;width: 80px;height: 3px;background: #000;}

.summary_area dl dt{ flex: auto; width: 300px; font-size: 25px; font-weight: 500;}
.summary_area dl dd{font-size: 20px;width: 100%;font-weight: 400;}
.effect {display: flex; margin: 0 -20px}
.effect li {flex: 1;width:calc(25% - 80px);margin: 0 20px;border: 1px solid #ddd;text-align: center;height: 300px;padding: 60px 0;letter-spacing: -1px;color: #2a5082;font-weight: 500;}
.effect li em {width: 100px;height: 100px;display: block;margin: 0 auto 40px;background: url(/images/content/ef_img.png) no-repeat 0 0;}
.effect li:nth-child(1) em {background-position: 0 0}
.effect li:nth-child(2) em {background-position: -100px 0}
.effect li:nth-child(3) em {background-position: -200px 0;}
.effect li:nth-child(4) em {background-position: -300px 0;}

.history {}
.history td {padding: 20px 40px !important;word-break: normal; border-bottom: 1px solid #ddd}
.history td.year{font-size: 24px;text-align: center;font-weight: 500;}
.history td ul {margin-left: 10px}
.history td ul li{position: relative;}
.history td ul li::before{ content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 5px; height: 5px; background: #666; border-radius: 50px}

.table_wrap { }
/* table_type */
.table_type1 {width:100%;border-bottom: 1px solid #d2d2d2;border-top: 2px solid #363d4c;}
.table_type1 thead th {padding: 0 5px;font-weight: 500;border: 0;border-bottom:1px solid #d2d2d2;text-align:center;box-sizing: border-box;height: 42px;background: #f6f9fc;position:relative;}
.table_type1 tr.bg_gray th, .table_type1 tr.bg_gray td { background:#f5f5f5;}
.table_type1 tbody th { padding:10px 5px; color:#333; font-weight:500; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;text-align:center;}
/*.table_type1 tbody tr:hover{background:#e6eff8;cursor:pointer; color:#294e9a}
.table_type1 tbody tr:hover > td{color:#294e9a} */
.table_type1 tbody td {padding: 0 5px;color:#666;border-bottom:1px solid #d2d2d2;font-weight:400;height: 38px;font-size: 16px;line-height:1.2;}
.table_type1 thead th:first-child, .table_type1 tfoot td:first-child, .table_type1 tbody th:first-child, .table_type1 tbody td:first-child { border-left:none;}
.table_type1 tbody td > a {display:block}

/* table_type2 */
.table_type2 {width:100%;border-top: 2px solid #363d4c;}
.table_type2 thead th,
.table_type2 tbody th {padding: 0 10px;font-size: 14px;height: 30px;letter-spacing:-1px;color:#333;text-align: center;font-weight:600;background: #f6f9fc;border-bottom:1px solid #dfdfdf;}
.table_type2 tbody td {padding: 4px 10px;height:30px;border-bottom:1px solid #dfdfdf;color:#2d2d2d; position:relative}
.table_type2 tbody td > input {font-size:14px;}
.table_type2 tbody td.td_img {height:250px;}
.table_type2 tbody td.td_img > img {width:100%; height:100%; text-align:center;}
.table_type2 tbody td.td_0 {border-left:none}
.table_type2 .bd-r {border-right:1px solid #dfdfdf;}

/* table_type3 */
.table_type3 {width:100%;border-bottom: 1px solid #d2d2d2;border-top: 2px solid #363d4c;}
.table_type3 th {padding: 0 5px;border: solid #ababab;border-width:0 1px 1px 0;text-align:center;box-sizing: border-box;background: rgba(246, 249, 252, 0.5);position:relative;color:#333;font-weight:500;height: 42px;}
.table_type3 tr th:first-child{border-left:1px solid #ababab}
.table_type3 tr td:first-child{border-left:1px solid #d2d2d2}
.table_type3 tr.bg_gray th, .table_type1 tr.bg_gray td { background:#f5f5f5;}
.table_type3 th {}
.table_type3 td {padding: 0 5px;color:#666;border: solid #d2d2d2;border-width:0 1px 1px 0; font-weight:400;height: 50px;font-size: 16px;line-height:1.2;}
.table_type3 tbody td > a {display:block}

/* table_type4 */
.table_type4 {width:100%;border: 1px solid #dfdfdf;}
.table_type4 th {padding: 10px 4px;font-weight: 500;border:1px solid #dfdfdf;text-align:center;line-height: 1.2;box-sizing: border-box;background: rgba(246, 249, 252, 1);position:relative;color:#333;font-weight:500;}
.table_type4 tr.bg_gray th, .table_type1 tr.bg_gray td { background:#f5f5f5;}
.table_type4 tr:hover {}
.table_type4 tr:hover > td {background: #f5f8fa}
.table_type4 th {}
.table_type4 td {padding: 10px 5px;color:#666;border: solid #dfdfdf;font-weight:400;font-size: 16px;line-height:1.2;border-width: 0 1px 1px 0;}
.table_type4 tbody td > a {display:block}

/* table_type5 */
.table_type5 {width:100%;}
.table_type5 th {padding: 10px 5px;line-height: 1.2;box-sizing: border-box;color:#333;font-weight: 300;}
.table_type5 tr.bg_gray th, .table_type1 tr.bg_gray td { background:#f5f5f5;}
.table_type5 tr:hover {}
.table_type5 tr:hover > td {}
.table_type5 th {}
.table_type5 td {padding: 7px 5px;color:#666;}
.table_type5 tbody td > a {display:block}

/* table_type6 */
.table_type6 {width:100%;border: 1px solid #dfdfdf;}
.table_type6 tr:nth-child(odd) { background:#f5f5f5;}
.table_type6 tr:hover {}
.table_type6 tr:hover > td {background: #f5f8fa}
.table_type6 td {padding: 10px 5px;color:#666;border: solid #dfdfdf;font-weight:400;font-size: 16px;line-height:1.2;border-width: 0 1px 1px 0;}
.table_type6 tbody td > a {display:block}

.tb_input {background: #f6f9fc;border-bottom: 1px solid #d2d2d2;}
.tb_input th {text-align: right !important;border-bottom: none !important; color:#596575 !important}
.tb_input td {border-bottom: none !important;}



/* paging */
.paging {text-align: center;width:80%;margin: 60px auto;position:relative;font-size:0;}
.paging .btn {border:none; padding:0; line-height: 0; font-size: 0; vertical-align: top; width:34px; height:34px; overflow: hidden; position:relative; z-index:1;}
.paging img {vertical-align:top;}
.paging a {font-size: 16px;vertical-align: top;display:inline-block;padding: 0 7px;color:#676767;min-width: 35px;height: 35px;line-height: 35px;background-color: #fff;box-sizing:border-box;margin: 0 3px;}
.paging span{vertical-align:top;}
.paging span.pg,
.paging a.sel {font-weight: 350;color: #fff;background: #777;}
.paging span.empty_msg { border:none !important; font-weight:normal; font-size:13px; color:#ff6600; }
.paging > .btn-first, .paging > .btn-prev,
.paging > .btn-next, .paging > .btn-last{position: relative;margin-right: 3px;width: 35px;height: 35px;background: url(/images/common/icon_sp.png)no-repeat 0 0;border: 1px solid #cfcfcf;}
.paging > .btn-prev{margin-right: 15px;}
.paging > .btn-next{margin-left: 15px;}
.paging > .btn-first{background-position: -3px -40px;}
.paging > .btn-prev{background-position: -30px -40px;}
.paging > .btn-next{background-position: -54px -40px;}
.paging > .btn-last{background-position: -89px -40px;}

/* paging style1 */
.paging.style1 {text-align: center;width:80%;margin: 60px auto;position:relative;font-size:0;}
.paging.style1 a {font-size: 16px;vertical-align: top;display:inline-block;padding: 0 7px;color:#676767;min-width: 32px;height: 32px;line-height: 32px;background-color: #fff;box-sizing:border-box;margin: 0 3px;border: 1px solid #ddd;}
.paging.style1 span{vertical-align:top;}
.paging.style1 a.sel {font-weight: 350;color: #fff;background: #000; border: 1px solid #000}
.paging.style1 > .btn-first{background-position: -11px -120px;}
.paging.style1 > .btn-prev{background-position: -35px -120px;}
.paging.style1 > .btn-next{background-position: -62px -120px;}
.paging.style1 > .btn-last{background-position: -94px -120px;}

/*tab메뉴*/
ul.tabs{margin: 0px; padding: 0px; list-style: none;}
ul.tabs li{color: #646464; display: inline-block; padding: 10px 15px; cursor: pointer; text-align: center;}
ul.tabs li.current{background: #4285f4;color: white !important;}
.tab-content{display: none; padding: 15px;}
.tab-content.current{display: inherit;}

/*분리형*/
.div2 {margin: 0 -10px; overflow: hidden;}
.div2>li{display: inline-block; float: left; margin: 0 10px}
.div2>li {width:calc(50% - 20px)}

/*map*/
.map_wrap {height:100vh; -webkit-background-size: cover; background-size: cover; position: relative;}
.map_wrap .btn_bar {background: #004485;height: 70px; z-index: 10; position:fixed; width: 100%;}
.map_wrap .btn_bar .inner {position: relative;}
.map_wrap .btn_bar .inner h1 {position: absolute; line-height: 70px; left: 0}


.map_search_box{width: 360px;height: 100%;position: absolute;background: #fff;top: 70px;}
.map_search_box .map_sch_form {background: #4285f4;padding: 10px 25px;}
/*.map_search_box .map_sch_form > h4 {font-size: 18px;color:#fff;margin-bottom: 10px;}
.map_search_box .map_sch_form > input {background: url(/images/content/icon_zoon.png) no-repeat 95% 3px #fff;}*/
.map_search_box .map_sch_form > .table_type5 {}
.map_search_box .map_sch_form > .table_type5 th {color:#fff; font-size:18px; font-weight:400}
.map_search_box .map_sch_form > .table_type5 td {padding:5px}
.map_search_box .map_sch_form .map_btn_search{background: url(/images/content/icon_zoon.png) no-repeat 95% -1px #fff;text-indent: -999px;overflow: hidden;width: 24px;height: 24px;position: absolute;right: 10px;top: -2px;}

/*버튼*/
.control_list {position: absolute;right: 240px;top: 12px;z-index: 10;}
.control_list button {width: 40px;height: 40px;border-radius: 3px; vertical-align: middle;margin-left: 10px;}
.map_wrap .control_list button {background: url(/images/content/map_sp.png) no-repeat #019ab8; margin-bottom: 8px;color: #fff;float: left;}
.map_wrap .control_list button:hover{background-color: #fff; color:#019ab8}
.map_wrap .control_list button.btn_area {background-position: -132px -90px;font-size:12px;padding-top: 21px;}
.map_wrap .control_list button.btn_measure {background-position: -180px -90px;font-size:12px;padding-top: 21px;}
.map_wrap .control_list button.btn_radius {background-position: -229px -82px;}
.map_wrap .control_list button:hover.btn_area {background-position: -132px -130px;font-size:12px;padding-top: 21px;}
.map_wrap .control_list button:hover.btn_measure {background-position: -180px -130px;font-size:12px;padding-top: 21px;}
.map_wrap .control_list button:hover.btn_radius {background-position: -229px -122px;}



/*지도확대*/
.zoom_inout{position: absolute;width: 48px;left: 90%;}
.zoom_inout button {width: 40px;height: 40px; display: block; margin-bottom: 0;}
.zoom_inout button.zoom_in{background-position: -246px -1px;}
.zoom_inout button.zoom_out{background-position: -276px -1px;}
.zoom_inout .range_box {width: 40px; height:100px; background: #fff}

/*범례*/
.legendbox {position:absolute;top: 12px;right: 0;width: 110px;background:#fff;border-radius: 5px;z-index: 50 !important;}
.legendbox > p {width:130px;height: 40px;padding: 0 0 0 29px;background: url('/images/content/icon_menu_01.png') no-repeat 11px 50%;line-height:40px;color:#333;font-size:14px;font-family:noto-bold;}
.legendbox > .btn-legend {position:absolute;top: 0;right: 0;width: 44px;height: 40px;background: url(/images/content/icon_plus_01.png) #4566e1 no-repeat 50%;font-size:0;border-radius: 0 3px 3px 0;}
.legendbox > .btn-legend.on {background-image:url('/images/content/icon_minus_01.png')}
.legendbox .optionlist {display:none;width:100%;overflow: hidden;}
.legendbox .optionlist .check-all-box {border-top: 1px solid #cfcfcf;background: #f5f5f5;padding: 2px;width: 100%;display: inline-block;}
.legendbox .optionlist .check-all-box > span {width: 100%; margin-left:20px; vertical-align:middle;display:inline-block;}
.legendbox .optionlist .check-all-box > span > .ui-slider {height: 2px;border:none;background: #51bbe3;vertical-align:middle;}
.legendbox .optionlist > ul {width:33.333%;height: 360px;border-right: 1px solid #d9d9d9;}
.legendbox .optionlist > ul.option_1 {float:left; height:395px;}
.legendbox .optionlist > ul.option_2 {float:left;}
.legendbox .optionlist > ul.option_3 {float:left;}
.legendbox .optionlist > ul > li {padding: 4px 10px;}
.legendbox .optionlist > ul > li.title {background: #f5f5f5;border-top: 1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;color:#333;font-size: 18px;padding: 6px 20px;}
.legendbox .optionlist > ul > li.title label {margin-left:7px;color: #000;font-weight: 600;letter-spacing:-1px;}
.legendbox .optionlist > ul > li > ul{margin-left:0}
.legendbox .optionlist > ul > li > ul > li {/* height:18px; line-height:18px;  */margin-top:5px;}
.legendbox .optionlist > ul > li > ul > li:first-child {margin-top:0}
.legendbox .optionlist > ul > li > ul > li .ickbox {margin-right:7px; vertical-align:middle}
.legendbox .optionlist > ul > li > ul > li label {display:inline-block;height:100%;padding-left:20px;margin-left: 7px;color:#333;font-size: 16px;}
.legendbox .optionlist > ul > li > ul > li >span {width:35%; display:inline-block}
.legendbox .optionlist > ul.option_1 > li > ul > li label {padding-left:30px;vertical-align: middle;line-height: 20px;margin-left: 7px;}
.legendbox .optionlist > ul.option_3 > li > ul > li {height:auto; line-height:25px}
/*.legendbox .optionlist > ul > li > ul > li label.op_01_01 {background:url('/images/icon_op_01_01.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_01_02 {background:url('/images/icon_op_01_02.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_01_03 {background:url('/images/icon_op_01_03.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_01_04 {background:url('/images/icon_op_01_04.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_01_05 {background:url('/images/icon_op_01_05.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_01 {background:url('/images/icon_op_02_01.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_02 {background:url('/images/icon_op_02_02.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_03 {background:url('/images/icon_op_02_03.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_04 {background:url('/images/icon_op_02_04.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_05 {background:url('/images/icon_op_02_05.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_06 {background:url('/images/icon_op_02_06.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_07 {background:url('/images/icon_op_02_07.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_02_08 {background:url('/images/icon_op_02_08.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_03_01 {background:url('/images/icon_op_03_01.png') no-repeat 0 50%}
.legendbox .optionlist > ul > li > ul > li label.op_03_02 {background:url('/images/icon_op_03_02.png') no-repeat 0 50%}*/
.legendbox input[type="checkbox"] {width: 17px;height: 17px;vertical-align: middle;}

/*api버튼*/
.api {position: absolute; right: 616px;border-radius: 5px;top: 12px;z-index: 10;}
.api ul{}
.api li{display: inline-block;margin-left: 10px;}
.api li:first-child {border-top:0}
.api li > a {display: block;font-size: 14px;background: #4566e1; border:1px solid #4566e1; margin-bottom: 10px;border-radius: 3px;height: 40px;line-height: 40px;position: relative;overflow: hidden;text-align: center;letter-spacing: -1px;padding: 0 10px;color: #fff;}
/* .api li > a:after {content:"";width:40px;height:100%;display:inline-block;background: url(/images/content/icon_arrow_r.png) no-repeat #4285f4 center;position: absolute;right: 0;} */
.api li > a:hover {background: #fff; border:1px solid #4566e1; color:#4566e1}


.select_box {position: absolute;right: 10px;top: 12px;width: 120px;height: 40px;overflow: hidden;border-radius: 5px;}
.select_box select {height: 100%;background: url(/images/content/sel_arrow.png) no-repeat 101% center #ffffff;font-size: 14px;padding: 0 10px;color: #000;border: none;letter-spacing: -2px;}

/*레이어제어*/
.layer_bar {position: absolute;right: 870px;border-radius: 5px;top: 12px;z-index: 10;width: 500px;}
.layer_bar>a {display: block;font-size: 16px;background: #fff;margin-bottom: 10px;border-radius: 5px;height: 40px;line-height: 40px;position: relative;overflow: hidden;padding-left: 14px;text-align: center;padding-right: 40px;}
.layer_bar>a:before{content:"";position: absolute;background: url(/images/content/map_sp.png) no-repeat -104px -12px;width: 25px;height: 16px;z-index: 10;transform: rotate(-90deg);top: 13px;right: 10px;}
.layer_bar>a.on:before{transform: rotate(0);top: 13px;right: 11px;}

.layer_bar>a:after {content:"";width: 48px;height:100%;display:inline-block;background: #484848;position: absolute;right: 0;}
.layer_bar .pop_section {width: 665px;background:#fff;position: absolute;top: 41px;box-shadow: 0 1px 5px #ababab;border-radius: 5px; display: none}
.layer_bar .row2 {margin: 0 -10px; display: flex;}
.layer_bar .row2 .col {margin: 0 10px; flex: auto}
.layer_bar .row2 .col:nth-child(1){width:calc(45% - 10px)}
.layer_bar .row2 .col:nth-child(2){width:calc(55% - 10px)}
.layer_bar .tabs li{background: #f6fafd; border: 1px solid #ddd; margin:0 0 0 -1px}
.layer_bar .tab-content{height: 300px;overflow-y: auto;padding: 0;padding-left: 0;margin-top: 5px;}




#all-menu-btn {background: #4285f4;position:absolute;top:50%;z-index:5;border: 1px solid #3179f0;width: 35px;height: 50px;right: -35px;border-radius: 0 5px 5px 0;}
.sc_btn {text-indent: -989px;overflow:hidden;display: block;height: 100%;}
.sc_btn:after {content:'';position:absolute;left: 5px;top: 14px;background: url(/images/content/map_sp.png) no-repeat -48px -11px;width: 20px;height: 20px;}


.sch_result{padding: 20px}
.sch_result .result{}
.sch_result .result li{border-bottom: 1px solid #e0e0e0;line-height: 60px;position: relative;}
.sch_result .result > li:after {content:'';position:absolute;width:30px;height:30px;right:45px;top:10px;background: url(/images/content/map_sp.png) no-repeat -13px -5px;display: inline-block;}
.sch_result .result li > p {cursor:pointer;padding: 0 45px;font-weight: 600;font-size: 18px;}
.sch_result .result li > div {display: none;background:#f5f8fa;padding: 20px 35px;border-top:1px solid #e0e0e0;line-height: 2;}
.sch_result .result li > div.product {background: #fff}
.sch_result .result li > div > h2 {font-size:16px; font-weight:600}
.sch_result .result li > div > ul > li {line-height:1.8;padding: 17px 13px;}
.sch_result .result li > div > ul > li:last-child {border-bottom:none}
.sch_result .result li > div > ul > li:before {content:'';position:absolute;width: 7px;height: 2px;background: #333;left:0;top: 29px;margin-right:5px;}

.product { }
.product > a {display: inline-block;padding: 10px 20px;border: 1px solid #eaeaf2;border-radius: 5px;line-height: normal;}
.product > a:hover {border-color:#4285f4; color:#4285f4}

.product { }
.product > a {display: inline-block;padding: 10px 15px;border: 1px solid #eaeaf2;border-radius: 5px;line-height: normal;}
.product > a:hover {border-color:#4285f4; color:#4285f4}

.popup_info1 {position: absolute;z-index: 20;width: 800px;/*height:670px;*/top: 20px;left: 30%;background: #fff;border-radius: 10px;box-shadow: 1px 1px 10px #333;}
.popup_info2 {position: absolute;z-index: 20; width: 450px;/*height:490px;*/top:20%;left: 50%;background: #fff;border-radius: 10px;box-shadow: 1px 1px 10px #333;}
.popup_box {position: absolute;height: auto; z-index: 20; top: 20px;left: 30%;background: #fff;border-radius: 10px;/*box-shadow: 1px 1px 10px #333; 250213 캡쳐시 검정색나타남*/ overflow: hidden;border: solid 1px black;}
.w800{width: 800px;}
.w450{width: 450px;}
.w470{width: 470px;}
.w420{width: 420px;}

.pop_heard {background: #000;color:#fff;line-height: 60px;text-align: center;font-size: 18px;position: relative; padding: 0 20px}
.pop_heard > .close_btn {position: absolute;right: 30px;top: 0;}
.pop_heard span {display: inline-block;vertical-align: middle;margin: 0 10px;}
.pop_section {padding:20px}
.pop_section_rimmap {padding:10px !important;}
.pop_section input[type=text] {height:34px}
.pop_section .from{display: table; padding: 0 30px;}
.pop_section .from > li {display: table-cell;padding: 20px 8px;}
.pop_section .from > li:nth-child(odd){width: 90px;text-align: right;padding: 5px;}
.pop_section .from > li:nth-child(2) {width:360px}
.pop_section .from_box.top {margin-bottom: 10px; background: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 7px; padding: 10px 5px;}
.pop_section .from_box span {display: inline-block;width: 48%;margin-right: 10px;margin-bottom: 10px;}
.pop_section .from_box span input {text-align:center}
.pop_section .from_box span:nth-child(2),
.pop_section .from_box span:nth-child(5) {margin-right:0}

.pop_section .from_box .table_type5 th {text-align:left;padding-left:20px;position: relative;}
.pop_section .from_box .table_type5 th:before {content:"";position:absolute;left: 12px;top: 45%;width:3px;height:3px;background: #51bbe2;z-index: 10;}

/* .pop_section .tab_area {}
.pop_section .tab-link{color:#838383; border:1px solid #b9b9b9; margin-left: -1px}
.pop_section .tab-link.current{border:1px solid #4285f4; color:#4285f4; background: #fff} */


#link_info{display: none}
#link_info .pop_section{display: none}



.pop_section .from_box1{border: 1px solid #e2e6eb;background: #fafafa;padding: 10px;text-align: center;margin: 20px 0 0;}
.pop_section .from_box1 span {display: inline-block;width: 47%;margin-right: 10px;}
.pop_section .from_box1 span:nth-child(even){margin-right:0}
.pop_section textarea {width:100%;height:130px; font-size: 1rem; padding: 10px !important;border-color: #ddd;border-radius: 5px;padding: 0;margin: 0;}
.pop_foot {padding: 20px 0;width: 100%;bottom: 0;border-top:1px solid #ddd;text-align: center; background: #f7f7f7;}
.pop_foot span {/*display: block;*/margin: 0 auto;}
.pop_foot span>a {display: inline-block;text-align: center;padding: 0 30px;min-width: 190px;margin: 0 10px;}
.pop_foot button.btn_full {background: url(/images/content/map_sp.png) no-repeat #f5f5f5 -60px -42px; margin-bottom: 8px;width: 35px;height: 35px;position: absolute;right: 20px;bottom: 20px;}

.pop_foot_rimmap {padding: 10px 0;width: 100%;bottom: 0;border-top:1px solid #ddd;text-align: center; background: #f7f7f7;}
.pop_foot_rimmap span {/*display: block;*/margin: 0 auto;}
.pop_foot_rimmap span>a {display: inline-block;text-align: center;padding: 0 30px;min-width: 190px;margin: 0 10px;}
.pop_foot_rimmap button.btn_full {background: url(/images/content/map_sp.png) no-repeat #f5f5f5 -60px -42px; margin-bottom: 8px;width: 35px;height: 35px;position: absolute;right: 20px;bottom: 20px;}




/* popup */
.modal-bg {opacity:0;position:fixed;top:0;left:0;z-index:2000;width:100%;height:100%;background: rgba(0, 0, 0, 0.7) !important;}
.modal-box {display:none; position:absolute; z-index:3000;width:100%; max-width:1500px;  background:#fff; bottom: 50px; overflow: hidden}
.box_pop .pop_top {height:65px;  background:#2f3b59; text-align:right; padding:0 30px; }
.box_pop .pop_top .popup_title{ float:left; color:#fff;line-height:65px; font-size:18px; font-weight: 500; letter-spacing:-1px}
.box_pop .pop_top .close_btn{float:right;line-height:68px;}
.box_pop .pop_top > a {color:#fff}
.box_pop .box_in {padding:35px 30px; overflow-y: auto;position: absolute;top: 68px;right: 0;left: 0;bottom:30px;}
.box_pop .box_in h2{margin-bottom: 15px;color:#000;font-size: 28px;font-weight:500;padding-left: 35px;background:url(/images/common/icon_h2.png) no-repeat left center;border-bottom: 1px solid #eee;line-height: 70px;}
.box_pop .box_in h3{ margin-bottom:15px;color: #363d4c;font-size:18px;padding-left: 0;font-weight: 500;letter-spacing: -1px;}
.box_pop .box_in h4 {margin:10px 0; position:relative}
.box_pop .box_in h4:before {content:''; display:inline-block; margin-right:5px; margin-bottom:5px; vertical-align:middle;width:8px; height:5px; border-radius:50px; background:#333;}
.box_pop .box_in h4 > .btnset{top:-5px}

.box_pop .box_in .top_btn_box {text-align:right;border-bottom:1px solid #ddd;padding: 0 0 15px 30px;margin-bottom:20px;margin-top: -15px;}
.box_pop .box_in .top_btn_box > a{display:inline-block;width:80px;height: 35px;line-height: 35px;}

.box_pop .bottom_btn {text-align:center;margin: 40px auto;}
.box_pop .bottom_btn .list_btn {border:1px solid #294e9a;color:#294e9a;font-size:16px;font-weight:500;width: 140px;line-height: 40px;display: inline-block;}

.box_pop .search_box {padding:0 30px;width:100%;height:80px;box-sizing:border-box;margin:0 auto 20px;border:1px solid #e0e0e0;text-align:right;}
.box_pop .search_box > ul > li {display:inline-block;width: 300px;font-size: 16px;line-height:75px;font-weight: 500;letter-spacing: -1px;}
.box_pop .search_box > ul > li:last-child{width: 500px;}
.box_pop .search_box > ul > li select {background: url(/images/common/sel_arrow.png) no-repeat 100% center #fff;-webkit-appearance: none;padding: 0;}
.box_pop .search_box > ul > li select,
.box_pop .search_box > ul > li input {height:35px;margin-left: 15px;border:1px solid #e0e0e0;font-size:1em;width: 65%;padding: 0 5px;padding-left: 15px;border-radius: 0;}
.box_pop .search_box > ul > li:last-child input {width: 60%;}
.box_pop .search_box > ul > li button[type="submit"] {height:35px;border:1px solid #e0e0e0;background: #294e9a;width: 20%;color:#fff;vertical-align:middle;margin-left: 5px;font-size: 16px;line-height:35px;}
.box_pop .td_btn{background:#1fbdd0;color:#fff;display: block;height: 36px;line-height: 36px;width: 100%;margin: 0 auto;}

.layer {}
.layer .row2 {margin: 0 -10px; display: flex;}
.layer .row2 .col {margin: 0 10px; flex: auto}
.layer .row2 .col:nth-child(1){width:calc(45% - 10px)}
.layer .row2 .col:nth-child(2){width:calc(55% - 10px)}
.layer .tabs li{background: #f6fafd; border: 1px solid #ddd; margin:0 0 0 -1px}
.layer .tab-content{height: 300px;overflow-y: auto;padding: 0;padding-left: 0;margin-top: 5px;}

.tab_style1 .tab-content{padding: 0}
.tab_style2 {}
.tab_style3 .tabs li{background: #fff; color:#838383; border: 1px solid #b9b9b9; margin:0 0 0 -1px}
.tab_style3 .tabs li.current{ border:1px solid #4385f5; color:#4385f5; }


.select_area { padding: 10px 0; }
.select_area span {display: inline-block;}
.select_area span.title{}
.select_area span.select{width: calc(100% - 80px);}


/*tab메뉴*/
ul.tabs{ }
ul.tabs li{ }
ul.tabs li.current{ }
.tab-content{ }
.tab-content.current{ }











/* footer */
#footer{background: #262626; width: 100%; min-width: 1580px; }
.ft_banner {border-top: 1px solid #dddddd;background: #fff; display: none}
.ft_banner .ban_control{padding: 25px 0;display: inline-block;font-size: 0;width: 135px;margin-right: 30px;vertical-align: middle;}
.ft_banner .ban_control a{background: url(/images/common/icon_sp.png)no-repeat 0 0;display: inline-block;border: 1px solid #ddd;width: 45px;height: 45px;margin-left: -1px;}
.ft_banner .ban_control .pre{background-position: 4px 3px;}
.ft_banner .ban_control .stop{background-position: -27px 2px;}
.ft_banner .ban_control .next{background-position: -55px 3px;}
.ft_banner .banner{display: inline-block;vertical-align: middle;}
.ft_banner .banner > li{display: inline-block;vertical-align: middle;margin: 0 20px;}

.ft_menu{padding: 20px 0; border:1px solid #3a3a3a; display:none}
.ft_menu ul{font-size: 0;}
.ft_menu ul > li{display: inline-block;}
.ft_menu ul > li > a {color: rgba(255, 255, 255, 0.6);font-size: 1.05rem;padding: 0 19px;}
.ft_menu ul > li > a:first-child {padding-left:0; position:relative}
.ft_menu ul > li:first-child > a:after{content:'';position:absolute;top:10%;right: 9px;width:1px;height:80%;background-color: rgba(255, 255, 255, 0.6);}

.ft_info {padding: 5px 0;}
.ft_info .inner {position:relative}
.ft_info .ft_logo{position: absolute;}
.ft_info .addr{color: rgba(255, 255, 255, 0.6);font-size: 10px;text-align: center;}
.ft_info .addr p{ }

.r_sites{position:absolute;top:50%;right:0;margin-top:-25px;  display:none}
.r_sites .btn_related{position:relative;width:230px;height:50px;padding:14px 20px;font-weight:300;color:#fff;background-color:#222;text-align:left; display: block;}
.r_sites .btn_related:after{content:'';position:absolute;top:22px;right:22px;width:0;height:0;border-style:solid;border-width:0 4px 7px 4px;border-color:transparent transparent #fff transparent}
.r_sites ul{display:none;position:absolute;bottom:50px;width:100%;font-weight:400;background-color:#fff;color:#000;box-shadow:8px 8px 9px 0px rgba(0, 0, 0, 0.32)}
.r_sites ul a{position:relative;display:block;padding:20px 20px;line-height:1}
.r_sites ul a:after{content:'';position:absolute;top:23px;right:25px;width:9px;height:9px;border-top:2px solid #aaa;border-right:2px solid #aaa;transform:rotate(45deg)}
.r_sites ul li + li a:before{content:'';position:absolute;top:0;left:20px;width:190px;height:1px;background-color:#ddd}
