@charset "euc-kr";

.main_cons1,.main_cons2,.main_cons3{clear:both; overflow:hidden; margin:40px auto; }
.main_cons1{ margin-left: -15px;}
.main_cons1 .visualWrap .link_map{float:left; margin-right:3px; width:260px}
.main_cons1 .bn_set{ height: 400px; background: #dfeaf0; margin-left: -15px; }
.main_cons1 .bn_set li a{ float:left; width: 50%; height: 200px; padding: 40px 0; text-align: center;}
.main_cons1 .bn_set li p{ font-size: 20px; color: #333; text-align: center; font-weight: 600; padding-top: 15px;}
.main_cons1 .bn_set li a.active{ background:#fff; }
.main_cons1 .bn_set li a:hover{ background:#fff; }

#content{float:left; height: 400px;}
#content #intro {	border-bottom: dotted #ccc 1px;	padding-bottom: 28px;	margin-bottom: 10px;}
#content #intro p {	font-size: 14px;	color: #8f8f8f;	line-height: 22px;	padding-bottom: 5px;}
#content #intro a {	color: #666;	padding: 6px;}
#content #intro a:hover {	background: #eee;	text-decoration: none;	border-bottom: dotted #ccc 1px;}
#content #intro ul {	padding-bottom: 15px;	padding-top: 3px;}
#content #intro li {	color: #8f8f8f;	margin-left: 50px;	padding-bottom: 4px;	font-size: 14px;}

.slides1_wrap {	position: relative;	width: 100%;}
#slides1 {	overflow: hidden;	height: 400px;}
#slides1 li {list-style: none;	width: 100%;}

.slides1_wrap .prev {	position: absolute;	right: 31px;	top: 7px;	outline: 0;}
.slides1_wrap .next {	position: absolute;	right: 10px;	top: 7px;	outline: 0;}
.slides1_wrap a:active {	top: 7px;}
.bx_pager {position:absolute; top:7px; right:55px}
.bx_pager a {	float: left;	background: url(../images_eng/main/bg_pager.png) no-repeat 0 -20px;	width: 12px;	height: 12px;	margin-right: 3px; text-indent:-9999px}
.bx_pager a:hover, .bx_pager a.active {	background-position: 0 0;	text-decoration: none;}


.main_cons2{border:1px solid #3366cc; background-color: #3366cc; padding:15px 0; text-align:center}
.main_cons2 li{ width: 33%; /* background:url(../images_eng/main/line.gif) no-repeat left center; */ float:left; padding-left:1px}
.main_cons2 li a{display:inline-block; background-repeat:no-repeat; background-position:center top; text-align:center; padding:20px 0; font-size:20px; color:#fff; }
.main_cons2 li a b{ padding-left: 60px;}
.main_cons2 li a:hover{text-decoration:none}
.main_cons2 li.info1 a{background:url(/images_eng/main/info_icon_1.png)left no-repeat;}
.main_cons2 li.info2 a{background:url(/images_eng/main/info_icon_2.png)left no-repeat;}
.main_cons2 li.info3 a{background:url(/images_eng/main/info_icon_4.png)left no-repeat;}
.main_cons2 li.info4 a{background:url(/images_eng/main/info_icon_3.png)left no-repeat;}

.main_cons3 .main_map{float:left; border:1px solid #ccc; width:545px; height:285px; position:relative}
.main_cons3 .main_map .areas{position:absolute; left:0; bottom:0; padding:2px 0; border-top:1px solid #ccc; overflow:hidden; width:100%; background:#fff}
.main_cons3 .main_map .areas p{overflow:hidden; margin:0 20px; vertical-align:top}
.main_cons3 .main_map .areas p a{display:inline-block; *display:inline; *zoom:1; border:1px solid #ccc; background:#eeeeee; padding:0 7px; height:30px; line-height:30px; margin:0 1px; font-size:12px; letter-spacing:-0.01em;  vertical-align:top}
.main_cons3 .main_map .areas p a span{line-height:13px; width:100%; height:100%; display:inline-block; *display:inline; *zoom:1}
.main_cons3 .main_map a.pre,.main_cons3 .main_map a.next{text-indent:-9999px; background-image:url(../images_eng/main/map_arrow.png); background-repeat:no-repeat; width:25px; height:25px; position:absolute; bottom:4px; }
.main_cons3 .main_map a.pre{background-position:center 5px; left:0px}
.main_cons3 .main_map a.next{background-position:center -25px; right:0px}
.main_cons3 .etc_cons{float:right; width:550px}
.main_cons3 .etc_cons .f_l{width:285px; float:left}
.main_cons3 .etc_cons .box{border:1px solid #ccc; border-top:4px solid #ccc; background:url(../images_eng/main/cons_bg.png); position:relative; padding:10px}
.main_cons3 .etc_cons .box a{display:block; width:100%; height:100%; text-align:right; color:#333333; font-size:20px; font-weight:400}
.main_cons3 .etc_cons .box a:hover{text-decoration:none}
.main_cons3 .etc_cons .box.contactus{margin-bottom:3px; height:82px;}
.main_cons3 .etc_cons .box.contactus a{background:url(../images_eng/main/etc_icon_1.png) no-repeat;}
.main_cons3 .etc_cons .box.media{height:79px}
.main_cons3 .etc_cons .box.media a{background:url(../images_eng/main/etc_icon_2.png) no-repeat}
.main_cons3 .etc_cons .box.media span{font-weight:300; position:absolute; right:10px; bottom:10px}
.main_cons3 .etc_cons .box.info{float:right; width:238px; height:189px; margin-bottom:3px}
.main_cons3 .etc_cons .box.info .date{border-bottom:1px solid #ccc; height:30px; margin-bottom:15px; position:relative; font-size:18px}
.main_cons3 .etc_cons .box.info .date span.time{position:absolute; top:3px; right:0; font-size:14px}
.main_cons3 .etc_cons .box.info .weather_icon{float:left; text-align:center; padding:13px 10px 13px 0; border-right:1px solid #ccc}
.main_cons3 .etc_cons .box.info .temp{border-bottom:1px solid #ccc; padding:10px 0; width:105px; text-align:right; font-size:28px; color:#333}
.main_cons3 .etc_cons .box.info .temp span{font-size:14px}
.main_cons3 .etc_cons .box.info .temp span.txt{ text-align:right; color:#666; font-size:16px; display:block}
.main_cons3 .etc_cons .box.info .dust{padding:10px 0; width:105px; text-align:right; font-size:28px; color:#333}
.main_cons3 .etc_cons .box.info .dust span{font-size:14px}
.main_cons3 .etc_cons .box.info .dust span.txt{text-align:left; color:#666; font-size:16px; margin-bottom:20px; display:block}
.main_cons3 .etc_cons .more_site{border:1px solid #ccc; clear:both; position:relative; padding:15px 0 0 10px; font-size:16px; height:54px;}
.main_cons3 .etc_cons .more_site strong{font-size:20px;line-height:30px; letter-spacing:-0.03em}
.main_cons3 .etc_cons .more_site .site_list{position:absolute; top:0; right:0; background:url(../images_eng/main/site_line.png) no-repeat left center; padding:18px 5px 0 5px; height:54px}
.main_cons3 .etc_cons .more_site .site_list a{display:inline-block; *display:inline; *zoom:1; margin:0 2px}
.main_cons3 .etc_cons .more_site a.pre{position:absolute; top:0; right:15px; z-index:100}
.main_cons3 .etc_cons .more_site a.next{position:absolute; top:0; right:0; z-index:100}

.media_popup{background:url(../images_eng/main/popup_bg.png) no-repeat; width:680px; height:520px; z-index:1000; text-align:center; padding-top:20px;}
.media_popup a.close{display:block; text-align:right; padding:9px 20px 0 0; color:#fff}

.container-bg{ background: #f4f4f4;}
.banner-area{ padding: 45px 0;}
.container-bg ul{ display: flex; margin-left: -2%;}
.banner-area li{ width: 25%; margin-left: 2%;}
.banner-area li img{ border: 1px solid #ccc; width: 100%;}

.btn-notice-more{float: right;}
.notice-box h4{ font-size: 24px; font-weight: 700; /* margin-bottom: 20px;  */}
.notice-box h4:after{ content: ''; display: block; width: 100%; height: 1px; background: #333; left: 0; margin-top: 20px; }

.notice-txt{ margin-left: -15px;}

/* 2021.10.08 cssÃß°¡ */
./* tab-pane{max-height: 261px; overflow-y: auto;} */
.pagination>li>a.active, .pagination>li>span.active {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.sub-notice-box .noticeTbl {border-bottom:1px solid #ddd;}