@charset "utf-8";

/*페이지 랭킹*/
/*글로벌통합검색 페이지 랭킹 작업 - 김지아*/
.global_wrap {display: flex; justify-content: space-between; align-items:flex-start;}
.global_wrap .tool {width:30%;}
.ranking {border:1px solid #e7ebee; border-radius: 5px; min-height:300px; overflow: hidden;}
.ranking .tab_menu {display: flex; background:#f4f6f9;}
.ranking .tab_menu li {position:relative; width: calc(100%/2);}
.ranking .tab_menu li a {display: block; padding:20px 0; cursor: pointer; text-align: center; color:#9a9a9a; font-size:.9rem;}
.ranking .tab_menu li:before {content: ""; display: inline-block; position: absolute; top:50%; transform: translate(0,-50%); width:1px; height:15px; background: #d1d9df; margin-right:10px;}
.ranking .tab_menu li.active a {color: #4f5d69; font-weight:bold;}
.ranking .tab_menu li:first-child:before {display: none;}
.ranking .tab_contents_s {padding:15px;}
.ranking .tab_contents_s .btn_area_dep02 ul {display: flex; justify-content:center; background:#f6f8fa; border-radius: 30px;}
.ranking .tab_contents_s .btn_area_dep02 ul li {cursor: pointer; width:calc(100%/4); text-align: center; color:#637381; padding:8px 5px; border:1px solid #f6f8fa; border-radius:20px; font-size:.8rem;}
.ranking .tab_contents_s .btn_area_dep02 ul li.act {background: #fff;border-radius: 20px;border: 1px solid #e1e5e8; color:#212b36; font-weight: 500;}
.ranking .tab_contents_s .content_area_wrap .content_area{display:none;}
.ranking .tab_contents_s .content_area_wrap .content_area.act{display:block;}
.ranking .tab_contents_s .content_area_wrap ul li {border-bottom: 1px solid #f9f9f9; padding-bottom:15px; margin-top:15px;}
.ranking .tab_contents_s .content_area_wrap ul li:last-child {border-bottom:0; padding-bottom:0px;}
.ranking .tab_contents_s .content_area_wrap ul li span {display: inline-block; margin-right:15px; font-weight: 600; font-style: italic;}
.ranking .tab_contents_s .content_area_wrap ul li a {display: inline-block; color:#333;}

.engine_tab.mobile {display:none;  border:0; box-shadow: -1px 0px 7px #dfdfdf;}
.engine_tab {margin-top: 5px;padding: 25px 20px; line-height: normal; border: #ddd solid 1px; border-radius: 5px;}
.engine_tab .engine {margin-top: 15px; font-size: 16px;color: #191919;}
.engine_tab .engine:first-child,.engine_tab .engine:first-child li:first-child {margin-top: 0px; }
.engine_tab .engine li {margin-top:8px;}
.engine_tab .engine li span {display:block; margin:20px 0 15px 0;}
.engine_tab .engine li:first-child span { margin:20px 0 10px 0;}

.engine_tab.mobile {padding:0 0 30px 0;}
.engine_tab.mobile .engine {margin-top:25px; padding:0 30px;}
.engine_tab.mobile .engine:first-child {margin-top:0; padding:20px 30px; background: #fafbfd;}
.engine_tab.mobile .engine:first-child ul {margin-top:0;}
.engine_tab.mobile .engine span {display:block; font-weight: 500;}
.engine_tab.mobile .engine ul {display:flex; flex-wrap: wrap; margin-top:15px; gap:.5rem 0;}
.engine_tab.mobile .engine ul li {width:calc(100%/5); margin:0;}
.engine_tab.mobile .engine ul li input[type='radio'] + label {font-size:15px; height:15px; background-size: 15px; line-height: 15px;  padding-left:20px;}
.engine_tab.mobile .engine ul li input[type='radio']:checked + label {background-position:0px -15px;}
.content_area_wrap.pop ul li {display: flex; justify-content: space-between; align-items: center;}
.content_area_wrap.pop ul li i {color:#FFC107;}

.chatgpt {border:1px solid #e7ebee;margin-bottom:20px;border-radius: 5px; }
.chatgpt .gpt_wrap {background: #fbfcfe;}
.chatgpt .gpt_wrap .title {position:relative; border-bottom: 1px solid #f0f0f0; color: #4f5d69; padding: 15px; background: #f4f6f9;}
.chatgpt .gpt_wrap .title h1 {font-size:1rem; font-weight: 500;font-size: .9rem;}
.chatgpt .gpt_wrap .title a {position: absolute; top:50%; right:15px; transform: translate(0,-50%);}
.chatgpt .gpt_wrap .title a i {font-size:1.5rem;}
.chatgpt .gpt_wrap .qna_con {max-height:350px; overflow-y: auto;}
.chatgpt .gpt_wrap .qna_con::-webkit-scrollbar {width: 2px;}
.chatgpt .gpt_wrap .qna_con::-webkit-scrollbar-thumb {background-color:#3f8adf;}
.chatgpt .gpt_wrap .qna_con::-webkit-scrollbar-track {background-color: #ebf0fb;}
.chatgpt .gpt_wrap .qna {display:flex;justify-content: space-between;padding:15px;}
.chatgpt .gpt_wrap .qna span {position:relative;display:inline-block;width:35px;height:35px;border-radius: 5px;}
.chatgpt .gpt_wrap .qna span i {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:1.2rem; color:#637381;}
.chatgpt .gpt_wrap .qna p {width:84%;word-break:break-all;}
.chatgpt .gpt_wrap .qna.que {border-bottom:1px solid #f0f0f0;}
.chatgpt .gpt_wrap .qna.que span {background: #fff;border: 1px solid #eee;}
.chatgpt .gpt_wrap .qna.que span img {object-fit: cover;width: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.chatgpt .gpt_wrap .qna.answer {background: #fff;}
.chatgpt .gpt_wrap .qna.answer span {background: #fff;border: 1px solid #eee;}
.chatgpt .gpt_wrap .qna.answer span img {object-fit: cover;width: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.tab_contents:after {content:""; display:block; clear:both;}

@media all and (max-width:1400px){

	.engine_tab {display: none;}
	.engine_tab.mobile {display:block;}

}


@media all and (max-width:1399px){

	.global_wrap .tool {width:30%;}

}

@media all and (max-width:768px){

	.global_wrap {flex-wrap: wrap; flex-direction:column-reverse; }
	.global_wrap .tool {width:100%; display: flex; justify-content: space-between;}
	.global_wrap .ranking {width:43%;}
	.ranking .tab_contents_s .content_area_wrap ul li a {font-size:.9rem;}
	.global_wrap .chatgpt {width:100%; margin-bottom:0;}
	.chatgpt .gpt_wrap .qna p {width:85%; font-size:.9rem;}

	.ranking {display: none;}
	.engine_tab.mobile .engine {padding:0 20px;}
	.engine_tab.mobile .engine:first-child {padding:20px;}
	.engine_tab.mobile .engine ul li {width:calc(100%/3);}






}

@media all and (max-width:520px){

	.global_wrap .tool {width:100%; flex-wrap: wrap;}
	.global_wrap .ranking,.global_wrap .chatgpt {width:100%;}
	.global_wrap .chatgpt {margin-bottom:20px;}

	.engine_tab.mobile .engine ul li {width:calc(100%/2);}


}


@media all and (max-width:320px){

	.engine_tab.mobile .engine ul li input[type='radio'] + label {font-size:14px; height:14px; background-size: 14px; line-height: 14px;}
	.engine_tab.mobile .engine ul li input[type='radio']:checked + label {background-position:0px -14px;}

}
/*끝*/



/*0228 추가*/
.txt-blue{color:#0081cb;}
.txt-blue a{color:#0081cb;font-weight:bold;text-decoration:underline;}
.rule_box{ display:none; }
.board_view_body img{ display:block; margin:0 auto; max-width:100% !important; height:auto !important; }
#gameDiv canvas{ width:100% !important }

.global_tabs{ background:#fafafa; padding:15px}
.tab_water{ margin-top:10px; }
.tab_water ul{ display:flex; flex-wrap:wrap; justify-content:space-between}
.tab_water ul li{ width:48%; margin-bottom:2%; }
.tab_water ul li div{ display:flex; align-items:center; border:#ddd solid 1px; border-radius:5px; background:#fff; padding:4px 10px }
.tab_water ul li.active div{ background:#3F8ADF; color:#fff; border:#3F8ADF solid 1px }
.tab_water ul li.active div p{ color:#fff; }
.tab_water ul li div span{ margin-right:5px;}


@media all and (min-width:768px){
	.global_tabs{ display:flex; align-items:flex-start}
	.global_tabs .map_nation{ min-width:295px; margin-right:20px; border:#ddd solid 1px; }
	.tab_water{ margin-top:0; }
}
@media all and (min-width:1024px){
	.tab_water ul li{ width:24%; margin-bottom:1.35%; }
	.tab_water ul li:last-child{ margin-bottom:0;}
	.tab_water ul li div{ padding:6px 15px; border-radius:7px }
}


.content h4{ font-size:22px; padding:10px 0; color:#232323; }
.content h5{ position:relative; font-size:20px; padding:8px 0 8px 20px; color:#545454; clear:both; }
.content h5 span{ display:inline-block; font-size:16px; color:#d1d1d1; font-weight:300; margin-left:50px; }
.content h5:before{ position:absolute; left:0; top:14px; display:inline-block; content:""; width:15px; height:15px; background-image:url(../images/sub/bullet_h3.svg); background-size:contain; background-repeat:no-repeat; margin-right:8px; }
.content h6{ font-size:18px; color:#1D63B2; padding:6px 0; font-weight:500;  }

.content p{ font-size:16px; line-height: 1.3; color:#595959  }
.list_basic{ padding:15px 0; }
.list_basic li{ position:relative; font-size:14px; padding-left:18px; line-height: 1.3; color:#595959; margin-bottom:5px;}
.list_basic li:last-child{ margin-bottom:0; }
.list_basic li:before{ position:absolute; display:inline-block; content:""; top:6px; left:7px; width:6px; height:6px; border-radius: 6px; }
.list_basic.lt01 li:before{ background:#3F8ADF; }
.list_basic.lt02 li:before{ background:#FF8800; }
.list_basic.lt03 li:before{ background:#A9A9A9; }
.list_basic.lt04 li:before{ background:#2B2B2B; }
.list_basic li.bold{ font-weight:bold; color:#676767 }
.list_basic li.no_bullet:before{ display:none; }

.list_basic.lt01 > li > ul{ margin:10px 0; }
.list_basic.lt01 > li > ul > li:before{ background:#A9A9A9; width:6px; height:2px; top:8px; }

/*box_style*/
.box_default{ background:#fff; border:#ddd solid 1px; padding:15px; color:#5d5d5d;   }
.box_default p{ word-break:keep-all; }

.box_st01{ position:relative; display:flex; justify-content: center; align-items: center; flex-direction: column; border:#ddd solid 1px; padding:15px; }
.box_st01 span{ width:60px; height:60px; background:url(../images/sub/icon_box.svg) no-repeat; background-size:contain; }
.box_st01 p{ margin-top:15px; word-break: keep-all }
.box_st01:before{ display:inline-block; content:""; position:absolute; left:-2px; top:-2px; width:30px; height:30px; border-top:#ff8800 solid 3px; border-left:#3f8adf solid 3px; }
.box_st01 .btn_post{ margin-top:10px; }

.box_st02{ position:relative; border:#dedede solid 1px; padding:15px; color:#454545 }
.box_st02:before,.box_st02:after{ display:block; content:""; position:absolute; width:9px; height:9px;  }
.box_st02:before{ left:0; top:0; border-left:#eb4141 solid 3px; border-top:#eb4141 solid 3px; }
.box_st02:after{ right:0; bottom:0; border-right:#eb4141 solid 3px; border-bottom:#eb4141 solid 3px; }
.box_st02 img{ display:block; width:auto; margin:15px auto; }

.image_wrap{ padding:20px 0; text-align: center }
.image_wrap img{ max-width:100%; }

/*버튼셋*/
.btn_set{ padding:20px 0; overflow:hidden }
.btn_set .fl{ float:left; }
.btn_set .fr{ float:right; }

.btn_con{ position:relative; display:inline-block; padding:12px 15px; border-radius: 5px; font-weight:300; border:0; transition:0.3s }
.btn_con:after{ display:inline-block; content:''; background-repeat:no-repeat; background-size:contain; position:absolute; right:15px; top:50%; transform:translateY(-50%); }
.btn_con:hover{ transition:0.3s  }

.btn_blk{ background:#454545; color:#fff }
.btn_blk:hover{ background-color:#303030; }
.btn_blue{ color:#fff; background:#3F8ADF; }
.btn_blue:hover{ background-color:#53A1FB; }
.btn_green{ color:#fff; background:#7bc44c; }
.btn_green:hover{ background-color:#8ad858; }
.btn_bline{ color:#3F8ADF; border:#3F8ADF solid 1px }
.btn_bline:hover{ background-color:#53A1FB; color:#fff }
.btn_orange{ color:#fff; background:#FF8800; }
.btn_orange:hover{ background-color:#FF9720; }
.btn_red{ color:#fff; background:#ea504a; }
.btn_red:hover{ background-color:#f0655f; }
.btn_grey{ background:#f1f1f1; }
.btn_grey:hover{  background-color:#f8f8f8; }
.btn_line{ background:#fff; border:#ddd solid 1px; }
.btn_line:hover{  background-color:#f8f8f8; }

.btn_lg{ font-size:18px; padding:15px 20px; border-radius: 5px;  }
.btn_md{ font-size:16px; padding:12px 15px; border-radius: 4px; }
.btn_sm{ font-size:14px; padding:8px 12px; border-radius: 3px; }

.btn_go{ padding-right:50px; }
.btn_go:after{ width:9px; height:14px; background-image:url("../images/sub/angle_right_w.svg"); margin-left:10px; }
.btn_down{ padding-right:50px; }
.btn_down:after{ width:16px; height:20px; background-image:url("../images/sub/arrow_download_w.svg"); margin-left:10px;}

.btn_grey.btn_go:after{ background-image:url("../images/sub/angle_right_grey.svg")}
.btn_grey.btn_down:after{ background-image:url("../images/sub/arrow_download.svg")}

.btn_line.btn_go:after{ background-image:url("../images/sub/angle_right_grey.svg")}
.btn_line.btn_down:after{ background-image:url("../images/sub/arrow_download.svg")}

.btn_like{  padding-left:50px;}
.btn_like:before{ display:inline-block; content:''; background-repeat:no-repeat; background-size:contain; position:absolute; left:15px; top:50%; transform:translateY(-50%); }
.btn_like:before{ width:20px; height:20px; background-image:url("../images/sub/icon_like_blue.svg")}
.btn_like:hover:before{ background-image:url("../images/sub/icon_like_white.svg")}
.btn_like:after{ display:none; }

.bdr{ border-right:#ddd solid 1px; }
.bdt{ border-top:#ddd solid 1px; }
.bdl{ border-left:#ddd solid 1px; }
.bdb{ border-bottom:#ddd solid 1px; }

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:separate; border-spacing:0; border-top:#3C5584 solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td {padding:10px 5px; border:#d8d8d8 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td {padding:10px 5px; border:#d8d8d8 solid 1px; }
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:16px; color:#000; background-color:#f8f8f8; vertical-align:middle; font-weight:500;  }
.basic_table td { font-size:16px; color:#454545; text-align:center;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}


.basic_table.table_resp thead{ display:none }
.basic_table.table_resp th{ text-align: left; padding:0 10px; }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;  padding:10px;}

.basic_table.tbl_st01{ border-top:#1e1e1e solid 2px; }
.basic_table.tbl_st01 th { color:#1e1e1e }
.basic_table.tbl_st01 td { color:#464646 }

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-container::-webkit-scrollbar{
	display:none;
}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left { left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right { right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; }
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; }

.con_img_wrap{ position:relative; padding:10px 10px 50px 10px; text-align: center; border:#ddd solid 1px; margin:30px 0;  }
.con_img_wrap img{ max-width:100%;}
.con_img_wrap p{ position:absolute; left:0; right:0; bottom:0; line-height: 40px; background:#fafafa; text-align: center; color:#676767 }

@media all and (min-width:768px){

	.box_st01{ flex-direction: row; justify-content: flex-start; padding-right:120px; }
	.box_st01 span{ min-width:60px; margin-right:30px; }
	.box_st01 p{ margin:0; }
	.box_st01 .btn_post{ position:absolute; right:20px; top:50%; transform: translateY(-50%); margin-top:0; }


	.basic_table.table_resp th{ text-align: center; padding:0 10px; }
	.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;  padding:20px;}

	.con_img_wrap{ padding:20px 20px 70px 20px; }
	.con_img_wrap p{ border-top:#ddd solid 1px; }
}

@media all and (min-width:1400px){

	.box_default{ padding:30px; }

	.box_st01{ padding:30px 120px 30px 30px; }
	.box_st01:before{ left:-3px; top:-3px; width:50px; height:50px; border-top:#ff8800 solid 5px; border-left:#3f8adf solid 5px; }

	.list_basic li{ font-size:16px; }
	.list_basic li:before{ top:7px; }

	.basic_table thead tr th,.basic_table thead tr td { padding:15px 20px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 20px;  }

}


/*paging*/
.paging{ text-align:center; padding:20px 0; }
.paging ul li{ display:inline-block; }
.paging ul li a{ display:block; width:50px; height:30px; background:#fff; border:#ddd solid 1px; line-height:28px; color:#979797; font-size:16px; border-radius: 5px; background-size:10px;  font-weight:300}
.paging ul li a.first{ background:#fff url(../images/sub/first.svg) center no-repeat; text-indent: -9999px; }
.paging ul li a.prev{ background:#fff url(../images/sub/prev.svg) center no-repeat; text-indent: -9999px; }
.paging ul li a.next{ background:#fff url(../images/sub/next.svg) center no-repeat; text-indent: -9999px; }
.paging ul li a.last{ background:#fff url(../images/sub/last.svg) center no-repeat; text-indent: -9999px; }
.paging ul li a.active,.paging ul li a:hover{ border:#FF8800 solid 1px; color:#FF8800; font-weight:bold }
@media all and (min-width:1400px){
	.paging{ padding:30px 0; }
}


/* 탭스타일 */
.tabs:after {content:""; display:block; clear:both;}
.tabs ul { width:100%; font-size:0; margin-bottom:25px }
.tabs ul:after {content:""; display:block; clear:both;}
.tabs ul li a{display:block;position:relative;margin-bottom:-1px;margin-right:-1px;z-index:1;color:#3a3a3a;font-size: 16px;border:1px solid #dedede;white-space: nowrap;background-color: #f8f8f8;/* font-family:'Montserrat', 'NEXON Gothic', sans-serif; */font-weight:400;text-align: left;}
.tabs ul li:hover a{color:#567cd4; font-weight:500;}
.tabs ul li.active a{z-index:5;color:#567cd4;font-weight: bold;border:3px solid #567cd4;background: #fff;}
.tabs ul li.active a:after{content:" "; display:block; width:15px; height:10px; position:absolute; top:50%; right:20px; transform:translateY(-50%); background-image:url(../images/sub/arrow_down_blue.svg); background-size:contain; background-repeat:no-repeat; }
@media screen and (max-width:767px) and (min-width:1px){
	.tabs ul{ position:relative; transition:0.5s; min-height:48px;}
	.tabs ul li{position:absolute; width:100%;}
	.tabs ul li a{padding:13px;}
	.tabs ul.open li{position:relative;}

}
@media all and (min-width:768px){
	.tabs ul{display:flex; flex-wrap:wrap; }
	.tabs ul li{width:33.33%; text-align:center;}
	.tabs ul li a{padding: 15px 20px;height: 50px;box-sizing:border-box;}
}
@media all and (min-width:1200px){
	.tabs ul li{width: 20%;}
}

/*tab_4depth*/
.tab_4depth{ padding:10px 0; }
.tab_4depth ul{ display:flex; flex-wrap: wrap; align-items: center }
.tab_4depth ul li{ margin-right:10px; margin-bottom:10px; }
.tab_4depth ul li a{ display:block; padding:10px 15px; border:#ddd solid 1px; border-radius: 5px; color:#454545 }
.tab_4depth ul li.active a,.tab_4depth ul li a:hover{ border:#ff8800 solid 2px; color:#ff8800; font-weight:500; padding:8px 14px; }

/*map_area*/
.map_area_wrap{ position:relative; border-radius:15px; background:#fafafa; padding:20px; margin-top:20px; }
.map_area_wrap .btn_down{ margin-top:20px; }
.map_select .title{ color:#292929; font-weight:bold; font-size:18px; margin-bottom:5px; }
.map_select .exp{ font-size:14px; }
.map_select select{ margin-top:20px; height:40px; width:auto; }
.map_area{ display:none; }

@media all and (min-width:1400px){
	.map_area_wrap{ display:flex; align-items: center; justify-content: space-between; padding:50px; }
	.map_area_wrap .btn_down{ position:absolute; left:50px; bottom:50px; }
	.map_select{ margin-bottom:190px; }
	.map_select .title{ font-size:22px; }
	.map_select select{ min-width:50%; height:50px; }
	.map_area{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_area_bg.svg) left top no-repeat; background-size:auto }
	.map_area.bg00{ background-position:0 0; }
	.map_area.bg01{ background-position:-500px 0; }
	.map_area.bg02{ background-position:-1000px 0; }
	.map_area.bg03{ background-position:-1500px 0; }
	.map_area.bg04{ background-position:-2000px 0; }
	.map_area.bg05{ background-position:-2500px 0; }
	.map_area a{ position:absolute; display:inline-block; border:#2b2b2b solid 1px; border-radius: 50px; padding:12px 35px; background:#fff; color:#2b2b2b; font-weight:500; }
	.map_area a:hover,.map_area a.active{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; transition:0.3s }
	.map_area a.area01{left: 290px;top: 120px;}
	.map_area a.area02{left: 20px;top: 300px;}
	.map_area a.area03{left: 310px;top: 350px;}
	.map_area a.area04{left: 140px;top: 470px;}
	.map_area a.area05{left: -40px;top: 520px;}
}

/*map_local*/
.map_local{ display:none; }
@media all and (min-width:1400px){
	.map_local{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_local_bg.svg) left top no-repeat; background-size:auto }

	.map_local a{ position:absolute; display:inline-block; border:#2b2b2b solid 1px; border-radius: 50px; padding:12px 35px; background:#fff; color:#2b2b2b; font-weight:500; }
	.map_local a:hover,.map_local a.active{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; transition:0.3s }
	.map_local a.local01{left: 60px;top: 70px;}
	.map_local a.local02{left: 270px;top: 120px;}
	.map_local a.local03{left: 100px;top: 130px;}
	.map_local a.local04{left: 190px;top: 260px;}
	.map_local a.local05{left: 20px;top: 300px;}
	.map_local a.local06{left: 310px;top: 320px;}
	.map_local a.local07{left: 100px;top: 400px;}
	.map_local a.local08{left: 230px;top: 470px;}
	.map_local a.local09{left: 70px;top: 500px;}
	.map_local a.local10{left: -10px;top: 550px;}
}

/*map_load*/
.map_load{ display:none; }
@media all and (min-width:1400px){
	.map_load{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_load_bg.svg) left top no-repeat; background-size:auto }
	.map_load.bg00{ background-position:0 0; }
	.map_load.bg01{ background-position:-500px 0; }
	.map_load.bg02{ background-position:-1000px 0; }
	.map_load.bg03{ background-position:-1500px 0; }
	.map_load.bg04{ background-position:-2000px 0; }
	.map_load.bg05{ background-position:-2500px 0; }
	.map_load.bg06{ background-position:-3000px 0; }
	.map_load a{ position:absolute; display:inline-block; border:#2b2b2b solid 1px; border-radius: 50px; padding:12px 35px; background:#fff; color:#2b2b2b; font-weight:500; }
	.map_load a:hover,.map_load a.active{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; transition:0.3s }
	.map_load a.load01{left: 50px;top: 120px;}
	.map_load a.load02{left: 260px;top: 90px;}
	.map_load a.load03{left: 120px;top: 280px;}
	.map_load a.load04{left: 300px;top: 310px;}
	.map_load a.load05{left: 70px;top: 450px;}
	.map_load a.load06{left: 80px;top: 640px;}
}
/*map_river*/
.map_river{ display:none; }
@media all and (min-width:1400px){
	.map_river{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_river_bg.svg) left top no-repeat; background-size:auto }
	.map_river.bg00{ background-position:0 0; }
	.map_river.bg01{ background-position:-500px 0; }
	.map_river.bg02{ background-position:-1000px 0; }
	.map_river.bg03{ background-position:-1500px 0; }
	.map_river.bg04{ background-position:-2000px 0; }
	.map_river.bg05{ background-position:-2500px 0; }
	.map_river a{ position:absolute; display:inline-block; border:#2b2b2b solid 1px; border-radius: 50px; padding:12px 35px; background:#fff; color:#2b2b2b; font-weight:500; }
	.map_river a:hover,.map_river a.active{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; transition:0.3s }
	.map_river a.river01{left: 130px;top: 150px;}
	.map_river a.river02{left: 90px;top: 300px;}
	.map_river a.river03{left: 310px;top: 310px;}
	.map_river a.river04{left: 140px;top: 470px;}
	.map_river a.river05{left: 0px;top: 503px;}
}

/*map_rise*/
.map_rise{ display:none; }
@media all and (min-width:1400px){
	.map_rise{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_rise_bg.svg) left top no-repeat; background-size:auto }
	.map_rise a{ position:absolute; display:inline-block; border:#2b2b2b solid 1px; border-radius: 50px; padding:12px 20px; background:#fff; color:#2b2b2b; font-weight:500; }
	.map_rise a:hover,.map_rise a.active{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; transition:0.3s }
	.map_rise a.rise01{left: 270px;top: 110px;}
	.map_rise a.rise02{left: 320px;top: 160px;}
	.map_rise a.rise03{left: 50px;top: 350px;}
	.map_rise a.rise04{left: 170px;top: 420px;}
	.map_rise a.rise05{left: 40px;top: 453px;}
}
/*rise_con*/
.river_rise_con > div:first-child{ display:block; }
.rise_con{ display:none; padding:20px 0; }
.rise_con .thumb{ display:flex; justify-content: space-between; margin-bottom:10px; }
.rise_con .thumb img{ width:49%; }
@media all and (min-width:1400px){
	.river_rise_con > div:first-child{ display:flex; }
	.rise_con{ display:none; padding:40px 0; }
	.rise_con .thumb{ max-width:260px; flex-wrap:wrap; margin-right:40px; }
	.rise_con .thumb img{ width:auto; margin-bottom:10px; }
	.rise_con .text h5{ margin:0 0 25px 0;  }
	.rise_con .text p{ margin-bottom:10px; }
}

/*map_event*/
.map_event{ display:none; }
@media all and (min-width:1400px){
	.map_event{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_event_bg.svg) left top no-repeat; background-size:auto }
	.map_event a{ position:absolute; display:inline-block; border:#2b2b2b solid 1px; border-radius: 50px; padding:12px 20px; background:#fff; color:#2b2b2b; font-weight:500; }
	.map_event a:hover,.map_event a.active{ background:#ff8800; color:#fff; border:#ff8800 solid 1px; transition:0.3s }
	.map_event a.event1{left: 60px;top: 70px;}
	.map_event a.event2{left: 290px;top: 110px;}
	.map_event a.event3{left: 100px;top: 130px;}
	.map_event a.event4{left: 90px;top: 180px;}
	.map_event a.event5{left: 210px;top: 230px;}
	.map_event a.event6{left: 140px;top: 300px;}
	.map_event a.event7{left: 340px;top: 280px;}
	.map_event a.event8{left: 40px;top: 310px;}
	.map_event a.event9{left: 170px;top: 350px;}
	.map_event a.event10{left: 300px;top: 390px;}
	.map_event a.event11{left: 100px;top: 400px;}
	.map_event a.event12{left: 390px;top: 450px;}
	.map_event a.event13{left: 230px;top: 470px;}
	.map_event a.event14{left: 70px;top: 500px;}
	.map_event a.event15{left: 360px;top: 500px;}
	.map_event a.event16{left: -10px;top: 550px;}
	.map_event a.event17{left: 100px;top: 650px;}
}

/*map_area*/
.map_area_wrap{ position:relative; border-radius:15px; background:#fafafa; padding:20px; margin-top:20px; }
.map_area_wrap .btn_down{ margin-top:20px; }
.dam_select{ margin-bottom:20px; }
.dam_select .title{ color:#292929; font-weight:bold; font-size:18px; margin-bottom:5px; }
.dam_select .exp{ font-size:14px; }
.dam_select > div{ display:inline-block; }
.dam_select select{ margin-top:10px; height:40px; width:auto;  display:none }
.map_dam{ display:none; }

.dam_step_info .title{ color:#292929; font-weight:bold; font-size:18px; margin-bottom:20px; }
.dam_step_info .info_list{ padding:20px 0; }
.dam_step_info .info_list li{ display:flex; flex-wrap:wrap;  align-items: center; margin:5px 0; }
.dam_step_info .info_list li span{ color:#292929; font-weight:bold; font-size:16px; margin-right:20px;  }
.dam_step_info .info_list li p{ width:100%; margin-top:5px; }
.dam_step_info .info_list .state{ display:inline-block; width:30px; height:30px; border-radius: 20px; margin-right:10px; }
.dam_step_info .info_list .state01{ background-color:#00AB33; }
.dam_step_info .info_list .state02{ background-color:#3F8ADF; }
.dam_step_info .info_list .state03{ background-color:#FDCE00; }
.dam_step_info .info_list .state04{ background-color:#FF8800; }
.dam_step_info .info_list .state05{ background-color:#DB0000; }

@media all and (min-width:1400px){
	.map_area_wrap{ display:flex; align-items: center; justify-content: space-between; padding:50px; }
	.map_area_wrap .btn_down{ position:absolute; left:50px; bottom:50px; }
	.dam_select_wrap{ width:300px; }
	.dam_select{ margin-bottom:40px; }
	.dam_select .title{ font-size:22px; }
	.dam_select > div{ width:49%; }
	.dam_select > div > select{ height:50px; }

	.map_dam{ display:block; position:relative; width:500px; height:710px; background:url(../images/sub/map_event_bg.svg) left top no-repeat; background-size:auto }
	.map_dam.bg0{ background:url(../images/sub/map_dam_bg.svg) left top no-repeat; background-size:auto }
	.map_dam a{ position:absolute; display:none; color:#2b2b2b; font-weight:500; text-align: center }
	.map_dam a:before{ display:inline-block; background-image:url("../images/sub/icon_dam01.svg"); width:40px; height:40px; background-size:cover; content:""}
	.map_dam a.icon1:before{ background-image:url("../images/sub/icon_dam01.svg")}
	.map_dam a.icon2:before{ background-image:url("../images/sub/icon_dam02.svg")}
	.map_dam a.icon3:before{ background-image:url("../images/sub/icon_dam03.svg")}
	.map_dam a.icon4:before{ background-image:url("../images/sub/icon_dam04.svg")}
	.map_dam a.icon5:before{ background-image:url("../images/sub/icon_dam05.svg")}
	.map_dam a.active{ display:inline-block; }
	.map_dam a.state{ padding:8px 15px; border-radius: 30px;  }
	.map_dam a.state span{ color:#fff; font-size:16px; margin-top:0; }
	.map_dam a.state:before{ display:none; }
	.map_dam a.state01{ background-color:#00AB33; }
	.map_dam a.state02{ background-color:#3F8ADF; }
	.map_dam a.state03{ background-color:#FDCE00; }
	.map_dam a.state04{ background-color:#FF8800; }
	.map_dam a.state05{ background-color:#DB0000; }
	.map_dam a span{ display:block; text-align: center; font-size:12px; margin-top:3px; }
	.map_dam a:hover:before{ transform:scale(1.1,1.1); transition:0.3s }
	.map_dam a:hover span{ font-weight:bold; transition:0.3s }

	.dam_step_info .info_list,.dam_step_info .list_basic{ min-width:380px; }
	.dam_step_info .info_list li{ flex-wrap:nowrap }
	.dam_step_info .info_list li p{ margin:0; width:auto; }

	/*다목적댐*/
	.map_dam .dam1_1{top: 80px;left: 237px;}
	.map_dam .dam1_2{top: 160px;left: 255px;}
	.map_dam .dam1_3{top: 259px;left: 356px;}
	.map_dam .dam1_4{top: 289px;left: 381px;}
	.map_dam .dam1_5{top: 450px;left: 261px;}
	.map_dam .dam1_6{top: 515px;left: 254px;}
	.map_dam .dam1_7{top: 465px;left: 334px;}
	.map_dam .dam1_8{top: 336px;left: 330px;}
	.map_dam .dam1_9{top: 371px;left: 247px;}
	.map_dam .dam1_10{top: 259px;left: 353px;}
	.map_dam .dam1_11{top: 322px;left: 371px;}
	.map_dam .dam1_12{top: 371px;left: 377px;}
	.map_dam .dam1_13{top: 220px;left: 225px;}
	.map_dam .dam1_14{top: 282px;left: 173px;}
	.map_dam .dam1_15{top: 321px;left: 82px;}
	.map_dam .dam1_16{top: 386px;left: 180px;}
	.map_dam .dam1_17{top: 438px;left: 136px;}
	.map_dam .dam1_18{top: 501px;left: 131px;}
	.map_dam .dam1_19{top: 491px;left: 155px;}
	.map_dam .dam1_20{top: 401px;left: 82px;}
	.map_dam .dam1_21{top: 562px;left: 78px;}
	/*용수댐*/
	.map_dam .dam2_1{top: 160px;left: 361px;}
	.map_dam .dam2_2{top: 190px;left: 337px;}
	.map_dam .dam2_3{top: 329px;left: 376px;}
	.map_dam .dam2_4{top: 369px;left: 381px;}
	.map_dam .dam2_5{top: 400px;left: 401px;}
	.map_dam .dam2_6{top: 405px;left: 304px;}
	.map_dam .dam2_7{top: 435px;left: 374px;}
	.map_dam .dam2_8{top: 436px;left: 310px;}
	.map_dam .dam2_9{top: 491px;left: 377px;}
	.map_dam .dam2_10{top: 449px;left: 383px;}
	.map_dam .dam2_11{top: 522px;left: 281px;}
	.map_dam .dam2_12{top: 551px;left: 297px;}
	.map_dam .dam2_13{top: 510px;left: 215px;}
	.map_dam .dam2_14{top: 492px;left: 73px;}
	/*다기능보*/
	.map_dam .dam3_1{top: 210px;left: 227px;}
	.map_dam .dam3_2{top: 180px;left: 196px;}
	.map_dam .dam3_3{top: 169px;left: 176px;}
	.map_dam .dam3_4{top: 129px;left: 91px;}
	.map_dam .dam3_5{top: 120px;left: 121px;}
	.map_dam .dam3_6{top: 305px;left: 274px;}
	.map_dam .dam3_7{top: 335px;left: 284px;}
	.map_dam .dam3_8{top: 336px;left: 330px;}
	.map_dam .dam3_9{top: 381px;left: 308px;}
	.map_dam .dam3_10{top: 399px;left: 313px;}
	.map_dam .dam3_11{top: 442px;left: 311px;}
	.map_dam .dam3_12{top: 471px;left: 297px;}
	.map_dam .dam3_13{top: 490px;left: 325px;}
	.map_dam .dam3_14{top: 282px;left: 143px;}
	.map_dam .dam3_15{top: 291px;left: 132px;}
	.map_dam .dam3_16{top: 316px;left: 110px;}
	.map_dam .dam3_17{top: 508px;left: 66px;}
	.map_dam .dam3_18{top: 521px;left: 51px;}
	/*홍수조절용댐*/
	.map_dam .dam4_1{top: 60px;left: 277px;}
	.map_dam .dam4_2{top: 70px;left: 136px;}
	.map_dam .dam4_3{top: 69px;left: 156px;}
	/*홍수조절지*/
	.map_dam .dam5_1{top: 490px;left: 97px;}
	.map_dam .dam5_2{top: 510px;left: 116px;}
	/*하굿둑*/
	.map_dam .dam6_1{top: 510px;left: 347px;}
}



/*list_webzine*/
.list_webzine{ padding:20px 0; }
.list_webzine .num{ border-bottom:#ddd solid 1px; padding-bottom:10px; }
.list_webzine .num span{ font-weight:bold; color:#ff8800 }
.list_webzine ul li{ position:relative; padding:20px 0; border-bottom:#ddd solid 1px;  }
.list_webzine .thumb{ background-repeat:no-repeat; background-position:center; background-size:cover; height:150px; width:70%; margin:0 auto; }
.list_webzine .link{ margin-top:15px; text-align: center; }
.list_webzine .text{ padding:20px 0 10px 0; width: -webkit-fill-available;}
.list_webzine .text span{  display:block; margin-bottom:10px; font-size:18px; color:#53A1FB; font-weight:500;  }
.list_webzine .text a{ display:block; font-size:18px; font-weight:bold; margin-bottom:10px; }
.list_webzine .text a:hover{ color:#292929; text-decoration: underline }
.list_webzine .text p{ word-break:keep-all }
.list_webzine .text dl{ display:flex; flex-wrap:wrap; padding:20px 0 0; }
.list_webzine .text dl dt{ width:30%; color:#2a2a2a; font-weight:bold; margin-bottom:10px; }
.list_webzine .text dl dd{ width:70%; margin-bottom:10px; font-weight:300; }
@media all and (min-width:768px){
	.list_webzine ul li{ display:flex; }
	.list_webzine .thumb{ width:auto; min-width:220px; margin-right:20px; background-size: contain;}
	.list_webzine .link{ position:absolute; right:0; bottom:30px; }
	.list_webzine .text{ padding:5px 0 0; }
	.list_webzine .text dl dt{ width:15%; }
	.list_webzine .text dl dd{ width:85%; }
}
@media all and (min-width:1400px){
	.list_webzine .thumb{ min-width:260px; margin-right:30px; background-size: contain;}
	.list_webzine .text{ width:840px; }
}

/*view_webzine*/
.view_webzine .subject{ font-size:20px; font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:#ddd solid 1px; }
.view_webzine_con{ padding:10px 0; line-height:1.4 }
.view_webzine_con .img_wrap{ padding:20px 0;  text-align: center }
.view_webzine_con .img_wrap img{ max-width:100%; }
.view_webzine_con h5{ margin:15px 0 10px; }
.view_webzine_con h6{ margin:10px 0 5px; }

.tab_course{ padding:20px; background:#fafafa; border:#ddd solid 1px; }
.tab_course ul{ display:flex; flex-wrap: wrap; }
.tab_course ul li{ margin-bottom:4%; }
.tab_course ul li:last-child{ margin-bottom:0; }
.tab_course ul li div{ display:flex; flex-wrap:wrap; padding:10px; border-radius: 10px; background:#fff; border:#ddd solid 1px; height:100%; }
.tab_course ul li div span{ font-size:20px; font-weight:bold; margin-bottom:5px; margin-right:10px; }
.tab_course ul li div p.title{ width:auto; font-size:16px; font-weight:500; margin-bottom:10px; }
.tab_course ul li div p{ width:100%; font-size:14px; font-weight:300; line-height: 1.2; word-break: keep-all; }
.tab_course ul li.active div{ border:#ff8800 solid 2px; color:#ff8800; }
.tab_course ul li.active p{ color:#ff8800; }

.tab_course_con .thumb_text .thumb{ background-repeat:no-repeat; background-position:center; background-size:cover; height:150px; width:70%; max-width:250px; margin:0 auto 20px auto; }
.tab_course_con > div{ display:none; }
.tab_course_con > div:nth-child(1){ display:block; }
.tab_course_con .thumb_text p{ word-break:keep-all }
.tab_course_con .api_map{ margin:20px 0;}
.tab_course_con .api_map img{ max-width:100%; }
@media all and (min-width:768px){

	.view_webzine_con h5{ margin:20px 0 10px; }
	.view_webzine_con h6{ margin:10px 0 5px; }

	.tab_course ul li{ width:19%; margin-bottom:0; margin-right:1.25%; }
	.tab_course ul li:nth-child(n+6){ margin-top:1.25% }
	.tab_course ul li:nth-child(5n){ margin-right:0; }
	.tab_course ul li:last-child{ margin-right:0; }
	.tab_course ul li div{ flex-direction: column; }
	.tab_course ul li div p.title{ width:100%; }

	.tab_course_con .thumb_text{ display:flex; }
	.tab_course_con .thumb_text .thumb{ min-width:250px; margin-right:30px; margin-bottom:0; }
	.tab_course_con .api_map{ margin:30px 0; }
}
@media all and (min-width:1400px){

	.tab_course ul li{ width:16%; margin-right:0.8%; }
	.tab_course ul li:nth-child(5n){ margin-right:0.8%; }
	.tab_course ul li:nth-child(6n){ margin-right:0; margin-top:0; }
	.tab_course ul li:nth-child(n+7){ margin-top:0.8%; }
	.tab_course ul li a p.title{ font-size:16px; font-weight:300; }
	.tab_course ul li a p{ font-size:12px; }
}

/*view_tab*/
.view_tab{ padding:30px 0 20px 0; }
.view_tab ul{ display:flex; justify-content: center; border-bottom:#3F8ADF solid 1px; }
.view_tab ul li{ width:28%; max-width:200px; }
.view_tab ul li:first-child a{ border-top-left-radius:10px; border-left:#d5d5d5 solid 1px; border-right:#d5d5d5 solid 1px; }
.view_tab ul li:last-child a{ border-top-right-radius:10px; border-right:#d5d5d5 solid 1px; }
.view_tab ul li a{ display:block; padding:15px 0; background:#fafafa; color:#2b2b2b; text-align: center; border-right:#d5d5d5 solid 1px;  border-top:#d5d5d5 solid 1px;}
.view_tab ul li.active a,.view_tab ul li a:hover{ background:#3F8ADF; color:#fff; border:#3F8ADF solid 1px; border-bottom:0; }

.view_tab_con_wrap .view_tab_con{ height:0px; overflow:hidden; visibility: hidden }
.view_tab_con_wrap > div:first-child{ height:auto; visibility: visible }

.view_course_list > li{ padding:20px 0; border-bottom:#ddd solid 1px; }
.view_course_list > li:last-child{ border-bottom:0; }
.view_course_list .view_thumb .thumb{ background-repeat:no-repeat; background-position:center; background-size:cover; height:150px; width:70%; max-width:250px; margin:0 auto 20px auto; }

.view_thumb ul > li{ margin:5px 0; display:inline-block; color:#454545  }
.view_thumb ul > li:after{ display:inline-block; vertical-align:1px; content:"→"; font-size:16px; font-weight:300; margin-left:2px; }
.view_thumb ul > li:last-child:after{ display:none; }
.view_thumb ul > li:before{ display:inline-block; vertical-align:0px; content:""; font-size:16px; font-weight:300; margin-right:2px; }
.view_thumb ul > li:nth-child(1):before{ content:"①"}
.view_thumb ul > li:nth-child(2):before{ content:"②"}
.view_thumb ul > li:nth-child(3):before{ content:"③"}
.view_thumb ul > li:nth-child(4):before{ content:"④"}
.view_thumb ul > li:nth-child(5):before{ content:"⑤"}
.view_thumb ul > li:nth-child(6):before{ content:"⑥"}
.view_thumb ul > li:nth-child(7):before{ content:"⑦"}
.view_thumb ul > li:nth-child(8):before{ content:"⑧"}
.view_thumb ul > li:nth-child(9):before{ content:"⑨"}
.view_thumb ul > li:nth-child(10):before{ content:"⑩"}
.view_thumb .btn_course{ position:relative; display:inline-block; padding:10px 45px 10px 10px; border:#ddd solid 1px; margin-top:10px; }
.view_thumb .btn_course:after{ position:absolute; right:10px; top:5px;  display:inline-block; width:25px; height:25px; background-image:url(../images/common/sprite.png); background-size:760px; background-position:-515px -71px; content:""; }
.view_thumb .btn_course.open:after{ background-position:-549px -71px; }

.view_course{ display:none; margin-top:20px; }


.recommend_wrap .thumb img{ max-width:100%; }
.recommend_list{ padding:20px 0; }
.recommend_list li{ margin-bottom:20px; }
.recommend_list li .title{ font-size:18px; color:#1D63B2; font-weight:500; margin-bottom:15px; }
.recommend_list dl{ padding:20px 0 0; }
.recommend_list dl dt{ color:#2a2a2a; font-weight:bold; margin-bottom:10px; }
.recommend_list dl dd{ margin-bottom:10px; }

.info_slide_wrap{ position:relative; }
.info_slide_wrap .info_slide img{ float:left; width:100%; }
.info_slide_wrap .info_ctrl{ position:absolute; top:50%; left:0; right:0; display:flex; justify-content: space-between; transform:translateY(-50%)}
.info_slide_wrap .info_ctrl a{ display:inline-block; text-indent:-9999px; width:40px; height:40px; background-size:cover; }
.info_slide_wrap .info_ctrl a.info_prev{ margin-left:10px; background-image:url(../images/sub/arrow_left.svg);}
.info_slide_wrap .info_ctrl a.info_next{ margin-right:10px; background-image:url(../images/sub/arrow_right.svg);}

.info_text{ padding-top:20px; }
.info_text p{ font-size:18px; color:#1D63B2; font-weight:500; margin-bottom:15px; }
.info_text dl dt{ color:#2a2a2a; font-weight:bold; margin-bottom:10px; }
.info_text dl dd{ color:#454545; margin-bottom:10px; }

.thumb_list{ padding:20px 0; }
.thumb_list .thumb{ min-height:200px; background-size:cover; }
.thumb_list li{ margin-bottom:15px; }
.thumb_list li span{ display:inline-block; font-size:18px; font-weight:500; padding:10px 0; }
.thumb_list li p{ font-size:14px; color:#676767 }

@media all and (min-width:768px){
	.view_course_list .view_thumb{ display:flex; }
	.view_course_list .view_thumb h5{ margin:10px 0 10px; }
	.view_course_list .view_thumb .thumb{ margin:0 30px 0 0;  }

	.recommend_wrap .thumb{ text-align:center; }
	.recommend_list dl{ display:flex; flex-wrap:wrap }
	.recommend_list dl dt{ width:10%; min-width:50px; }
	.recommend_list dl dd{ width:90%; }

	.culture_info{ overflow:hidden }
	.info_slide_wrap{ float:left; width:42%; margin-right:4%; }
	.info_text{ float:right; width:54%; padding-top:10px; }
	.info_text dl{ display:flex; flex-wrap:wrap }
	.info_text dl dt{ width:30%; min-width:100px; line-height: 1.2 }
	.info_text dl dd{ width:70%;  line-height: 1.2 }

	.thumb_list{ display:flex; flex-wrap:wrap }
	.thumb_list li{ width:48%; margin-right:4%;}
	.thumb_list li:nth-child(2n){ margin-right:0; }

}
@media all and (min-width:1400px){
	.recommend_wrap{ display:flex; padding-top:40px; }
	.recommend_wrap .thumb{ min-width:420px; margin-right:50px; }

	.info_slide_wrap{ width:550px; }
	.info_text{ width:530px; }
	.info_text dl dt{ width:25%; }

	.culture_wrap{ padding-top:40px; }
	.thumb_list li{ width:31%; margin-right:3.5%;}
	.thumb_list li:nth-child(2n){ margin-right:3.5%; }
	.thumb_list li:nth-child(3n){ margin-right:0; }
}

/*탐방로 상세*/
.load_info{ display:flex; flex-wrap:wrap; padding:20px 0; }
.load_info dt{ width:40%; color:#2a2a2a; font-weight:bold; margin-bottom:10px; }
.load_info dd{ width:60%; margin-bottom:10px; font-weight:300; }

.load_photo_wrap{ position:relative; margin-bottom:20px; }
.load_photo .photo_slide{ position:relative; float:left; line-height: 0 }
.load_photo .photo_slide img{ max-width:100%; }
.load_photo .photo_slide p{ position:absolute; left:0; right:0; bottom:0; padding:15px 20px; color:#fff; background:rgba(0,0,0,0.5); line-height: 1 }

.load_ctrl{ position:absolute; top:50%; left:0; right:0; display:flex; justify-content: space-between; transform:translateY(-50%)}
.load_ctrl a{ display:inline-block; text-indent:-9999px; width:40px; height:40px; background-size:cover; }
.load_ctrl a.load_prev{ margin-left:10px; background-image:url(../images/sub/arrow_left.svg);}
.load_ctrl a.load_next{ margin-right:10px; background-image:url(../images/sub/arrow_right.svg);}

.location_info .map img{ max-width:280px !important; }
.location_info dl{ margin-top:20px; }
.location_info dl dt{ color:#2a2a2a; font-weight:bold; margin-bottom:10px; }
.location_info dl dd{ margin-bottom:10px; font-weight:300; }

.etc_local li{ text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:#ddd solid 1px; }
.etc_local li img{ max-width:100%; }
.etc_local .etc_text{ text-align:left; }
.etc_local .etc_text span{ display:block; font-size:18px; font-weight:bold; color:#2b2b2b; padding:10px 0; }
.etc_local .etc_text p{ word-break:keep-all }

@media all and (min-width:768px){
	.load_info dt{ width:20%; max-width:140px; }
	.load_info dd{ width:80%; }

	.load_ctrl a{ width:50px; height:50px; }

	.location_info{ display:flex; align-items: flex-start }
	.location_info .map{ width:40%; margin-right:5%; }
	.location_info dl{ width:55%; margin-top:0; }

	.etc_local ul{ display:flex; flex-wrap:wrap }
	.etc_local ul li{ width:50%; padding:0 20px; }

}
@media all and (min-width:1400px){

	.location_info .map{ width:auto; }
	.location_info dl{ display:flex; flex-wrap:wrap; margin-top:10px; }
	.location_info dl dt{ width:20%; margin-bottom:15px; }
	.location_info dl dd{ width:80%; margin-bottom:15px; }

	.etc_local ul li{ display:flex; align-items: flex-start; padding:20px 20px 20px 0; }
	.etc_local ul li img{ max-width:220px; margin-right:30px;  }
}

/*list_thumb*/
.list_thumb ul{ padding:20px 0; }
.list_thumb ul .thumb{ min-height:220px; background-size:cover; }
.list_thumb ul li{ margin-bottom:25px; }
.list_thumb ul li a{ display:block; }
.list_thumb ul li span{ display:inline-block; font-size:18px; font-weight:500; padding:10px 0; }
.list_thumb ul li p{ font-size:14px; color:#676767 }
@media all and (min-width:768px){
	.list_thumb ul{ display:flex; flex-wrap:wrap }
	.list_thumb ul li{ width:48%; margin-right:4%;}
	.list_thumb ul li:nth-child(2n){ margin-right:0; }
}
@media all and (min-width:1400px){
	.list_thumb{ padding-top:40px; }
	.list_thumb ul li{ width:31%; margin-right:3.5%;}
	.list_thumb ul li:nth-child(2n){ margin-right:3.5%; }
	.list_thumb ul li:nth-child(3n){ margin-right:0; }
}

/*축제행사상세*/
.event_info{ display:flex; flex-wrap:wrap; padding:20px 0; }
.event_info dt{ width:13%; color:#2a2a2a; font-weight:bold; margin-bottom:10px; }
.event_info dd{ width:87%; margin-bottom:10px; font-weight:300; }
@media all and (min-width:1400px){
	.event_info{ padding-left:10px; }
	.event_info dt{ width:8%; }
	.event_info dd{ width:92%; }
}

/*qna*/
.qna_process{ padding:20px 0; }
.qna_process em{ display:block; font-weight: bold; font-size:18px; margin-bottom:10px; }
.qna_process ul{ display:flex; flex-wrap:wrap }
.qna_process ul li{ position:relative; display:flex; align-items: center; justify-content: center; text-align:center; line-height: 1.3; width:40%; margin-right:10%; margin-bottom:4%; padding:10px 0; border:#ddd solid 1px; border-radius: 5px; }
.qna_process ul li:after{ position:absolute; right:-38px; top:50%; transform: translateY(-50%); display:inline-block; width:35px; height:35px; background:url(../images/sub/arrow_process.svg); background-size:cover; content:""}
.qna_process ul li:last-child:after{ display:none; }
.qna_process ul li.active{ border:#3F8ADF solid 1px; font-weight:bold; color:#3F8ADF}
@media all and (min-width:768px){
	.qna_process ul li{ width:16%; margin-right:5%; margin-bottom:0; }
	.qna_process ul li:last-child{ margin-right:0; }
}
@media all and (min-width:768px){
	.qna_process{ max-width:800px; margin:0 auto; padding:25px 0; }
	.qna_process ul li{ height:60px; }
}


/*물백과사전*/
.dict_list_wrap{ padding:20px; background:#fafafa; border:#ddd solid 1px; }
.dict_list_wrap .paging{ padding:20px 0 0; }
.dict_list_wrap .no_data{ text-align:center; padding:30px 0; }
.dict_list_wrap .no_data .title{ font-weight:500; font-size:18px; margin:10px 0 5px 0; color:#454545 }
.dict_list{ display:flex; flex-wrap: wrap; }
.dict_list li{ margin-bottom:4%; }
.dict_list li:last-child{ margin-bottom:0; }
.dict_list li a{ display:flex; flex-wrap:wrap; padding:15px; border-radius:5px; background:#fff; border:#ddd solid 1px; height:100%; }
.dict_list li a span{ font-size:20px; font-weight:bold; margin-bottom:5px; margin-right:10px; }
.dict_list li a p.title{ width:auto; font-size:16px; font-weight:500; margin-bottom:10px; }
.dict_list li a p{ width:100%; font-size:14px; font-weight:300; line-height: 1.2; word-break: keep-all; }
.dict_list li.active a,.dict_list li a:hover{ border:#ff8800 solid 2px; color:#ff8800; }
.dict_list li.active p,.dict_list li a:hover p{ color:#ff8800; }
@media all and (min-width:768px){
	.dict_list li{ width:19%; margin-bottom:0; margin-right:1.25%; }
	.dict_list li:last-child{ margin-right:0; }
	.dict_list li:nth-child(n+6){ margin-top:1.25% }
	.dict_list li:nth-child(5n){ margin-right:0; }
	.dict_list li a{ flex-direction: column; }
	.dict_list li a p.title{ width:100%; }
}
@media all and (min-width:1400px){

	.dict_list li{ width:16%; margin-right:0.8%; }
	.dict_list li:nth-child(n+6){ margin-top:0 }
	.dict_list li:nth-child(5n){ margin-right:0.8%; }
	.dict_list li a p.title{ font-size:16px; font-weight:300; }
	.dict_list li a p{ font-size:12px; }
}

.dict_con{ padding:30px 0; }
.dict_con p{ font-weight:300; }
.dict_con .title { text-align: center; margin-bottom:20px; }
.dict_con .title span{ display:block; line-height:1.2; font-size:20px; font-weight:bold; color:#414141; margin-bottom:10px; }
.dict_con .title p{ line-height:1.2; font-size:14px; font-weight:300; color:#979797 }
.dict_con h5{ margin-top:20px; margin-bottom:10px; }
.dict_info li{ margin-bottom:10px; }
.dict_info li span{ display:inline-block; color:#3F8ADF; font-weight:bold; margin-bottom:10px; }
.dict_info li p{ font-weight:300; line-height: 1.3 }

.dict_slide_wrap{ position:relative; padding:20px 0; }
.dict_slide_wrap .dict_slide img{ float:left; margin:0 10px; }
.dict_slide_wrap .dict_ctrl{ position:absolute; top:50%; left:0; right:0; display:flex; justify-content: space-between; transform:translateY(-50%)}
.dict_slide_wrap .dict_ctrl a{ display:inline-block; text-indent:-9999px; width:40px; height:40px; background-size:cover; }
.dict_slide_wrap .dict_ctrl a.dict_prev{ margin-left:10px; background-image:url(../images/sub/arrow_left.svg);}
.dict_slide_wrap .dict_ctrl a.dict_next{ margin-right:10px; background-image:url(../images/sub/arrow_right.svg);}

.dict_btn_set{ display:flex; justify-content: space-between; align-items: center; margin-top:20px; }
.dict_btn_set p span{ display:inline-block; color:#ff8800; font-weight:bold; margin-right:10px; }


@media all and (min-width:768px){


	.dict_con{ padding:40px 0; }
	.dict_con .title span { font-size:22px; }

	.dict_info li{ display:flex; align-items: center }
	.dict_info li span{ margin-bottom:0; min-width:100px; }
	.dict_info li p{ display:inline-block; overflow:hidden }
}

/*댐*/
.dam_header{ text-align: center; margin:30px 0 0; }
.dam_header span{ display:block; line-height:1.2; font-size:20px; font-weight:bold; color:#414141; margin-bottom:10px; }
.dam_header p{ line-height:1.2; font-size:14px; font-weight:300; color:#979797 }

.dam_info_wrap{ padding:20px 0; }
.dam_info_wrap .thumb{ text-align: center;  }
.dam_info h6{ margin:20px 0 10px; }
.dam_info .list_box{ display:flex; flex-wrap:wrap; border-left:#ddd solid 1px;  }
.dam_info .list_box li{ display:flex; flex-direction: column; align-items: center; width:33.333%; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; border-right:#ddd solid 1px; padding:20px 0; font-weight:300; }
.dam_info .list_box li:nth-child(n+4){ border-bottom:#ddd solid 1px; border-right:#ddd solid 1px; border-top:0; }
.dam_info .list_box li .title{ font-size:14px;  }
.dam_info .list_box li .amount{ display:inline-block; margin:8px 0; font-size:22px;  }
.dam_info .list_box li .amount.small{ font-size:12px; }
.dam_info .list_box li .unit{ color:#979797; font-size:14px; }

.dam_table.responsive{ min-width:700px; }
.dam_table tbody tr td{ text-align:center; }

.dam_detail{ margin:10px 0 0 20px; }
.dam_detail li{ margin:10px 0; color:#454545; }
.dam_detail li span{ display:inline-block; margin-right:30px; color:#3F8ADF; font-weight:bold; }

@media all and (min-width:1400px){
	.dam_info_wrap{ display:flex; justify-content: space-between }
	.dam_info_wrap .thumb{ max-width:370px; margin-right:90px; }
	.dam_info h6{ margin:10px 0; }
	.dam_info .list_box li{ width:25%; }
	.dam_info .list_box li .amount.small{ font-size:16px; }
	.dam_info .list_box li:nth-child(4){ border-top:#ddd solid 1px; }
	.dam_info .list_box li:nth-child(n+5){ border-bottom:#ddd solid 1px; border-right:#ddd solid 1px; border-top:0; }
}

.tab_search{ padding:20px 0; }
.tab_sch_row{  padding:15px; background:#fafafa; border:#ddd solid 1px; }
.tab_sch_row .select_wrap{ display:flex; justify-content: space-between; }
.tab_sch_row .select_wrap select{ width:48%; }
.tab_sch_row .select_wrap .half{ width:23%; }
.tab_sch_row .date_wrap{ display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin-top:10px; }
.tab_sch_row .date_wrap .title{ width:100%; margin-bottom:10px; }
.tab_sch_row .date_wrap .date_custom,.tab_sch_row .date_wrap .select_custom{ width:48%; }

.tab_sch_row .date_wrap .dash{  text-align: center }
.tab_sch_row .date_wrap .btn_tab_sch{ width:100%; margin-top:10px; font-size:16px; background:#454545; color:#fff; border:0; height:50px; border-radius: 5px; }

.tab_sch_row .date_odd{ display:flex; justify-content: space-between; align-items: center; margin-top:10px; }
.tab_sch_row .date_odd .btn_tab_sch{  min-width:80px; margin-left:10px; font-size:16px; background:#454545; color:#fff; border:0; height:50px; border-radius: 5px; }

.tab_sch_row .select_box .title{ display:block; margin-bottom:10px; }
.tab_sch_row .select_box select{ margin-bottom:10px; }
.tab_sch_row .select_box .btn_tab_sch{ font-size:16px; background:#454545; color:#fff; border:0; width:100%; height:50px; border-radius: 5px; }

@media all and (min-width:768px){
	.tab_sch_row{ display:flex; justify-content: space-between; align-items: center }
	.tab_sch_row .select_wrap{width:40%;/* margin-bottom: 0; */}
	.tab_sch_row .date_wrap{width: 55%;margin-top: 0;}
	.tab_sch_row .date_wrap .title{width: 15%;margin-right:10px;margin-bottom: 0; font-weight:500; }
	.tab_sch_row .date_wrap .date_custom,.tab_sch_row .date_wrap .select_custom{width: 33%;}
	.tab_sch_row .date_wrap .dash{ width:2%; }
	.tab_sch_row .date_wrap .btn_tab_sch{width: 13%;margin:0;}

	.tab_sch_row .select_box{ display:flex; justify-content: center; align-items: center; width:100%; }
	.tab_sch_row .select_box .title{ margin-bottom:0; text-align:right; }
	.tab_sch_row .select_box select{ margin:0 20px; width:160px;  }
	.tab_sch_row .select_box .btn_tab_sch{ width:80px; }
}
@media all and (min-width:1400px){
	.tab_sch_row{ padding:30px 60px; }
	.tab_sch_row .date_wrap .title{width: 11%;}
}

.graph_area .graph_top{ padding:10px 0; }
.graph_area .graph_top{ display:flex; justify-content: space-between; align-items: center; flex-direction:column }
.graph_area .graph_top select{ margin:10px 0; }
.graph img{ max-width:100%; }
@media all and (min-width:768px){
	.table_graph{ display:flex; justify-content: space-between }
	.table_graph .table_w01{ width:40%; }
	.table_graph .basic_table tbody tr td{ text-align:center; padding:15px 5px; }
	.table_graph .graph_area{ width:55%; }
	.table_graph .graph_area img{ max-width:100%; }

	/* 20231016 운영>실시간>댐보수질자료>낙동강하굿둑 예외처리(영역넘침오류) */
	.table_graph.exc .table_w02 {width: 48%; margin-right: 20px;}
	.table_graph.exc .graph_area {width: 50%;}

}
@media all and (min-width:1400px){
	.table_graph .table_w01{ width:35%;  }
	.table_graph .table_w02{ width:65%; margin-right:30px; }
	.table_graph .table_w03{ width:60%; }
	.table_graph .graph_area{ width:60%; }
	.table_graph .graph_w01{ width:35%; }
	.graph_area .graph_top{ position:relative; flex-direction: row; justify-content: flex-start }
	.graph_area .graph_top h6{ width:20%; max-width:120px; }
	.graph_area .graph_top select{ width:30%; max-width:200px; }

	/*그래프 김지아*/
	.graph_area .graph_top a{ position:absolute; right:0; top:50%; transform: translateY(-50%)}
	/*끝*/

}

/*로그인*/
.login_wrap{ margin-top:20px; padding:15px; }
.login_wrap .login_row{ position:relative; margin-bottom:20px; }
.login_wrap label{ display:inline-block; margin-bottom:10px; font-weight:bold; }
.login_wrap .btn_login{ background:#3F8ADF; color:#fff; width:100%; border:0; border-radius: 5px; height:50px; font-size:16px; }
.login_wrap .login_etc{ padding:15px 0; text-align: center;  }
.login_wrap .login_etc a{ font-size:16px; display:inline-block;  }
.login_wrap .login_etc a:first-child{ padding-right:20px; margin-right:20px; border-right:#ddd solid 1px; }
@media all and (min-width:768px){
	.login_wrap{ max-width:350px; margin:0 auto; padding:60px 0;  }
	.login_wrap label{ position:absolute; left:-80px; top:15px; }
	.login_wrap .login_etc{ padding:30px 0;  text-align:left; }
}

/*아이디비밀번호찾기*/
.id_pw_find{ display:flex; flex-direction: column; justify-content: center; align-items: center; border:#ddd solid 1px; padding:50px 20px; text-align: center; margin-bottom:25px;  }
.id_pw_find .title{ font-weight:bold; color:#414141; font-size:22px; margin:15px 0; word-break: keep-all; line-height: 1.3 }
.id_pw_find .title span{ color:#3F8ADF }
.id_pw_find p{ word-break: keep-all; margin-bottom:20px; }
.id_pw_find .btn_con{ margin-top:40px; }
.id_pw_find .text_wrap{ width:100%; max-width:320px; margin:0 auto; }

/*회원가입*/
.join_wrap{  padding:20px 0;}
.join_wrap h5 span{ display:inline-block; color:#DB0000; margin-right:3px; vertical-align: middle }
.join_wrap h5 .exp{ display:inline-block; margin-left:20px; font-weight:300; }
.join_step{ padding:20px 0; background:#fafafa; margin-bottom:20px; }
.join_step ul{ display:flex; justify-content: space-between }
.join_step ul li{ position:relative; display:flex; width:25%; justify-content: center; align-items: center; flex-direction: column }
.join_step ul li:after{position:absolute;width:100%;height:1px;background: #ddd;content:"";right:-50%;top: 25px;margin-left:-50%;z-index: 0;}
.join_step ul li:last-child:after{ display:none; }
.join_step ul li em{display:flex;justify-content: center;align-items: center;width:50px;height:50px;border-radius: 40px;border:#ddd solid 1px;color: #606060;font-weight:bold;background:#fff;position: relative;z-index: 20;}
.join_step ul li em.pass{background: #53A1FB;color:#fff;border: #53A1FB solid 1px;}
.join_step ul li span{display:block;color: #606060;font-size:14px;font-weight: 300;margin-top:10px;}
.join_step ul li em.pass + span{ color:#3F8ADF; }

.join_con{ padding:20px 0; background:#fff; }
.join_con h5{ margin:15px 0 10px 0; }
.join_con .private_con{ border:#ddd solid 1px; padding:15px; max-height:150px; overflow: auto;  }
.join_con .private_con h6{ font-size:16px; margin-bottom:10px; }
.join_con .private_con p{ font-size:14px; line-height: 1.3; word-break: keep-all }
.join_con .agree_check{ padding:15px; background:#fafafa; border:#ddd solid 1px; border-top:0; }
.join_con .agree_check label{ font-size:16px; }
.join_con .agree_check #agree_all + label{ font-size:20px; font-weight:bold; color:#034730; }

.add_tip{ text-align: right; font-size:14px; margin-bottom:15px;  }
.add_tip p{ margin-bottom:5px; }

.join_result{ background:#fff; border-radius: 10px; width:100%; margin:80px auto 0 auto; max-width:1000px; padding:50px 0; text-align: center; box-shadow: 0 1px 4px 0 rgb(0 0 0 / 6%) }
.join_result p{ line-height:1.3 }
.join_result p span{  font-weight:bold; color:#136549; }
.join_result p.bold{ font-size:22px; font-weight:bold; color:#136549; margin-bottom:20px; }

@media all and (min-width:768px){
	.join_step{ padding:30px 0; }
	.join_step ul{ max-width:800px; margin:0 auto; }
	.join_step ul li em{ width:60px; height:60px; font-size:24px; }
	.join_step ul li span{ margin-top:20px; font-size:18px; }

	.join_con{ padding:40px 0; }
	.join_con h3{ text-align: left; padding-left:25px; }
	.join_con h4{ font-size:20px; margin:25px 0 20px 0; }
	.join_con .private_con{ min-height:400px; padding:25px;  }

	.select_mb{ text-align: center; padding:40px 0; }
	.select_mb .title{ font-size:26px; }
	.select_mb input + label{ padding:10px 20px; }

	.add_tip{ font-size:16px; margin-bottom:15px;  }
	.add_tip p{ display:inline-block; margin-bottom:0; margin-right:20px; vertical-align: text-top}
}

/*사이트맵*/
.gnb_all_list{}
.gnb_all_list > ul > li > a{ display:inline-block; font-size:25px; font-weight:bold; color:#353535; }
.gnb_all_list > ul > li > ul{ display:flex; flex-wrap:wrap; margin:30px 0; padding:0 0 30px 0; border-bottom:#eee solid 1px; }
.gnb_all_list > ul > li > ul > li{ width:48%; margin-right:4%; }
.gnb_all_list > ul > li > ul > li:nth-child(2n){ margin-right:0; }
.gnb_all_list > ul > li > ul > li > a{ display:block; padding:17px 20px; font-weight:500; color:#565656; border:#ddd solid 1px; border-radius: 5px; }
.gnb_all_list > ul > li > ul > li > a:hover{ background:#3f8adf; border:#2365af solid 1px; color:#fff; transition:0.3s }
.gnb_all_list > ul > li > ul > li > ul{ padding:5px 12px; }
.gnb_all_list > ul > li > ul > li > ul > li{ margin:10px 0; }
.gnb_all_list > ul > li > ul > li > ul > li > a{ display:flex; align-items: center; font-weight:500; font-size:14px; }
.gnb_all_list > ul > li > ul > li > ul > li > a:before{ display:inline-block; width:4px; height:4px; border-radius: 5px; background:#c5c5c5; content:""; margin-right:6px; }
.gnb_all_list > ul > li > ul > li > ul > li > a:hover:before{ background:#3f8adf; width:10px; transition:0.3s }
@media all and (min-width:768px){
	.gnb_all_list > ul > li > ul > li{ width:24%; margin-right:1.33333%; }
	.gnb_all_list > ul > li > ul > li:nth-child(2n){ margin-right:1.33333% }
	.gnb_all_list > ul > li > ul > li:nth-child(4n){ margin-right:0 }
}
@media all and (min-width:1440px){
	.gnb_all_list > ul > li > ul > li{ width:180px; margin-right:10px; }
	.gnb_all_list > ul > li > ul > li:nth-child(2n),
	.gnb_all_list > ul > li > ul > li:nth-child(4n){ margin-right:10px }
	.gnb_all_list > ul > li > ul > li:nth-child(6n){ margin-right:0 }
}


/*faq*/
.faq_wrap ul li{ margin-bottom:10px; }
.faq_wrap ul li > div{ padding:0 0 0 50px; background-position:20px 15px; background-repeat: no-repeat; background-size:30px; line-height: 1.3 }
.faq_wrap ul li .f_quest{ background-image: url(../images/sub/icon_q.svg); min-height:30px; padding:20px 20px 20px 70px; border:#ddd solid 1px; border-radius: 5px; }
.faq_wrap ul li .f_quest a{ display:block; word-break: keep-all }
.faq_wrap ul li .f_quest a span{ display:inline-block; margin-right:5px; }
.faq_wrap ul li .f_ans{ display:none; background-image: url(../images/sub/icon_a.svg); padding:20px 20px 20px 70px; background-color:#fafafa; border:#ddd solid 1px; border-top:0; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;  }
.faq_wrap ul li.active .f_quest{ background-color:#fafafa; border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }
.faq_wrap ul li.active .f_ans{ display:block; }


/*info_process*/
.info_process{ display:flex; justify-content: space-between; flex-wrap: wrap }
.info_process li{ position:relative; width: 50%; margin-bottom:15px; }
.info_process li span{ display:block; text-align: center; margin-top:15px; }
.info_process li i{ display:block; height:50px; background-repeat: no-repeat; background-size:contain; background-position:center; }
.info_process li:nth-child(1) i{ background-image:url(../images/sub/icon_step01.svg); }
.info_process li:nth-child(2) i{ background-image:url(../images/sub/icon_step02.svg); }
.info_process li:nth-child(3) i{ background-image:url(../images/sub/icon_step03.svg); }
.info_process li:nth-child(4) i{ background-image:url(../images/sub/icon_step04.svg); }
.info_process li:nth-child(5) i{ background-image:url(../images/sub/icon_step05.png); }
.info_process li:after{ position:absolute; right:0; top:50%; display:inline-block; width:30px; height:10px; background:url(../images/sub/icon_arrow.svg) center no-repeat; background-size:contain; content:""}
.info_process li:last-child:after{ display:none; }


.info_history{ position:relative; }
.info_history li{ position:relative; margin-bottom:20px; padding-left:20px; }
.info_history li:before{ position:absolute; left:0; top:5px; display:inline-block; content:""; background:#979797; width:11px; height:11px; border-radius:10px; }
.info_history li:first-child:before{ background:#53A1FB; }
.info_history li:first-child span{ color:#53A1FB; }
.info_history li span{ display:inline-block; font-size: 20px; font-weight:bold; margin-bottom:5px; color:#454545; }

.info_site{ margin-top:20px; }
.info_site li{ padding-top:50px; background-repeat:no-repeat; background-position:right top; background-size:100px; margin-bottom:30px;  }
.info_site li span{ display:inline-block; margin-bottom:20px; font-weight:bold; font-size:20px; }
.info_site li:nth-child(1){ background-image:url("../images/sub/icon_site_bg01.svg")}
.info_site li:nth-child(2){ background-image:url("../images/sub/icon_site_bg02.svg")}
.info_site li:nth-child(3){ background-image:url("../images/sub/icon_site_bg03.svg")}
.info_site li:nth-child(1) span{ color:#3F8ADF }
.info_site li:nth-child(2) span{ color:#00AB33 }
.info_site li:nth-child(3) span{ color:#FF8800 }

@media all and (min-width:768px){
	.info_process{ margin:30px 0; }
	.info_process li{ width:20%; }

	.info_history:before{ position:absolute; top:10px; bottom:10px; left:125px; display:inline-block; width:1px; background:#ddd; content:""; }
	.info_history li{ display:flex; }
	.info_history li:before{ left:120px; }
	.info_history li span{ min-width:130px; }

	.info_site{ display:flex; margin-top:50px; }
	.info_site li{ background-size:auto; }
	.info_site li:nth-child(1){ width:33%; padding:90px 30px 0 0; border-right:#ddd solid 1px; background-position:top right 30px; }
	.info_site li:nth-child(2){ width:34%; padding:90px 30px 0 30px; background-position:top right 30px; }
	.info_site li:nth-child(3){ width:33%; padding:90px 0 0 30px; border-left:#ddd solid 1px;}
}

/*일반인 페이지 추가 css*/
.left_box{ text-align:center; margin-bottom:20px; }
.left_box .pic_tag{ margin-top:10px; font-size:14px; }
.text_box,.right_box{ font-size:16px; line-height: 1.3; color:#595959   }

.border_image{ border:#ddd solid 1px; padding:10px 0; margin:20px 0; text-align: center }
.border_image img{ max-width:100%; }

.text_copy{ margin:10px 0; font-size:14px !important; color:#699FFF !important }
.dot_box{ border:#ddd dashed 1px; padding:20px; margin:10px 0; background:#f1f1f1 }
.dot_box_text .bold{ font-weight:bold; color:#424242 }
@media all and (min-width:1024px){
	.border_image{ padding:30px 0; margin:30px 0;  }

	.left_right_box{ display:flex; justify-content: space-between }
	.left_box{ width:100%; max-width:260px; margin-right:30px; }
	.right_box{ width:100%; }
}


/* 운영현황  one-click */
.both-block {margin: 10px 0 50px 0;}
.both-block .l-block {display: none;}
.both-block .r-block {width: 100%;}
.both-block .r-block h6 {margin: 3px 0;}
.both-block .r-block h6:nth-of-type(2),
.both-block .r-block h6:nth-of-type(3) {margin-top: 20px;}
.both-block .r-block h6 > a {color: #1d63b2;}
.both-block .r-block h6 > a > i {margin-left: 5px}
.both-block .r-block h6 .info-day {color: #454545; font-size: 15px; float: right; margin-top: 5px; letter-spacing: -0.5px;}
.both-block .r-block h6 .info-day:after {content:''; clear: both; display: block;}

.r-block .info-box {display: flex; flex-wrap: wrap; border-left: 1px solid #ddd;}
.r-block .info-box li {display: flex; flex-direction: column; align-items: center; width: 50%; border: 1px solid #ddd; border-left: 0; padding: 20px 0; font-weight: 400;}
.r-block .info-box li:nth-child(n+3) {border-top: 0;}
.r-block .info-box li .title {font-size: 14px; color: #333}
.r-block .info-box li .number {margin: 8px 0; font-size: 22px; color: #333; letter-spacing: -.3px}
.r-block .info-box li .unit {margin-left: 3px; color: #979797; font-size: 14px;}
.r-block .txt-line {padding: 10px; border: 1px solid #ddd; color: #333}
.r-block .txt-line img {vertical-align: middle;}

@media all and (min-width: 480px){
	.r-block .info-box li {width: 25%}
	.r-block .info-box li:nth-child(n+3) {border-top: 1px solid #ddd;}
	.r-block .info-box li:nth-child(n+5) {border-top: 0;}
}

@media all and (min-width: 768px){
	.one-click-sch .tab_search .tab_sch_row {display: flex; justify-content: space-between;}
	.one-click-sch .tab_search .tab_sch_row .select {width: 20%; margin-right: 7px}
	.one-click-sch .tab_search .tab_sch_row .date_wrap {width: 78%}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .title {width: 12%; white-space: nowrap;}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .date_custom,
	.one-click-sch .tab_search .tab_sch_row .date_wrap .select_custom {width: 28%;}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .btn_tab_sch {width: 60px;}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .btn_tab_sch + .btn_tab_sch {width: 80px;}

	.both-block {display: flex; flex-direction: row; justify-content: space-between;}
	.both-block .l-block {width: 48%; margin-right: 30px; margin-bottom: 0; display: block;}
	.both-block .r-block {width: 50%;}
	.both-block .l-block .map-div {display: block; position: relative;}
	.both-block .l-block .map-div img {width: 100%; min-height: 210px;}
	.both-block .l-block .chart-div {min-height: 250px; background: #eee;}
	.both-block .l-block .map-div .spot {display: inline-block; position: absolute; color: transparent; width: 6%; height: 7%;}
	.both-block .l-block .map-div .spot.sp01 {left: 48.4%; top: 3.5%;}
	.both-block .l-block .map-div .spot.sp02 {left: 59.7%; top: 47.5%;}
	.both-block .l-block .map-div .spot.sp03 {left: 17%; top: 52%;}
	.both-block .l-block .map-div .spot.sp04 {left: 24.2%; top: 55%;}
	.both-block .l-block .map-div .spot.sp05 {left: 19.6%; top: 60.8%; width: 6.6%; height: 7.8%;}

	.r-block .txt-line {font-size: 15px}
	.r-block .info-box li .number {font-size: 20px;}
}

@media all and (min-width: 960px){
	.one-click-sch .tab_search .tab_sch_row .date_wrap .date_custom,
	.one-click-sch .tab_search .tab_sch_row .date_wrap .select_custom {width: 30%;}

	.both-block .r-block h6:nth-of-type(2),
	.both-block .r-block h6:nth-of-type(3) {margin-top: 30px;}

}

@media all and (min-width: 1060px){
	.one-click-sch .tab_search .tab_sch_row .date_wrap {width: 75%}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .date_custom,
	.one-click-sch .tab_search .tab_sch_row .date_wrap .select_custom {width: 33%;}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .btn_tab_sch {width: 8%;}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .btn_tab_sch + .btn_tab_sch {width: 10%;}
	.one-click-sch .tab_search .tab_sch_row .date_wrap .title {width: 10%;}

	.both-block .l-block {max-width: 500px; margin-right: 60px; }

	.both-block .r-block h6:nth-of-type(2),
	.both-block .r-block h6:nth-of-type(3) {margin-top: 40px;}
}

/* RPA 아이콘 추가 */
.toolTip-rpa {display: inline-block; margin-left: 10px; cursor: pointer;}
.toolTip-rpa img {vertical-align: middle;}
.toolTip-rpa p {display: none; position: absolute; max-width: 280px; min-width: 150px; padding: 5px 10px; background: rgba(0,0,0, .5); border-radius: 5px; color: #fff; font-size: 12px; font-weight: normal;  line-height: 1.2; word-break: keep-all;}
.toolTip-rpa:hover p {display: block;  z-index: 9;}

/* 과거 자료 다운 팝업 */
.local_popup.type1 {max-width: 500px; max-height: 250px; border: 2px solid #53A1FB; transform: translate(-50%, -50%);}
.local_popup.type1 .pop_content {height: calc(100% - 48px)}
.local_popup.type1 .pop_content > .frm {height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.local_popup.type1 .pop_content > .frm > .select_custom,
.local_popup.type1 .pop_content > .frm > .btn_down {width: 100%; margin: 10px 0 0 0;}
.local_popup.type1 .pop_content > .frm > .btn_down {width: 100%; margin: 0}
.local_popup.type1 .pop_content > .frm > .btn_down {padding: 17px 50px 17px 15px; margin-top: 10px;}

@media all and (min-width: 768px) {
	.local_popup.type1 .pop_content > .frm {padding: 50px 20px; flex-direction: row; }
	.local_popup.type1 .pop_content > .frm > .select_custom {width: 66%; margin: 0 5px 0 0;}
	.local_popup.type1 .pop_content > .frm > .btn_down {width: 32%; margin: 0}
}