@charset "utf-8";

/* reset css include */
@import"reset.css";

html.fixed {height:100%;}
html.fixed body {height:100%; overflow:hidden;}

#skip_nav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
#skip_nav a {display:block; position:absolute; left:0; top:-9999px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; font-size:12px;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {width:100%; top:0px; height:auto; padding:5px 0; background:#f37121; color:#fff; z-index:1000;}

label.rdo {display:inline-block; position:relative; padding-left:16px; line-height:22px;}
label.rdo input {width:13px; height:13px; position:absolute; top:5px; left:0;}

label.chk {display:inline-block; position:relative; padding-left:16px; line-height:22px;}
label.chk input {width:13px; height:13px; position:absolute; top:5px; left:0;}

/* Layout */
#wrap { width:100%; min-width:1200px; overflow:hidden; }

#header {width:100%; background-color: rgba( 255, 255, 255, 0.9 ); height:70px;  position:absolute; left:0px; top:0px; z-index:100; overflow:hidden; border-bottom:1px solid #767676}
#header .header_inner {width:1200px; margin: 0 auto; position:relative;}
#header .logo {position:absolute; left:1px; top:16px;}
#header .logo a {display:block;}

#header .toplink{float: right;}
#header .toplink li{display: inline; padding:10px; font-size:12px}

#header .gnb { width:1000px; position:absolute; left:200px; top:20px; overflow:hidden;}
#header .gnb > li {float: left; min-height:340px; position:relative; width:14.4% }
#header .gnb > li > a {display:inline-block; min-width:13%; height:40px; line-height:40px; padding:0 22px; font-size:18px; color:#000; font-family:Noto Sans KR;}
#header .gnb > li.on > a, 
#header .gnb > li.current > a {color:#d8252b;}
#header .gnb > li.on > a span, 
#header .gnb > li.current > a span {padding-bottom:18px; border-bottom: solid 3px #d8252b; width:100%}
#header .gnb > li ul {display:none; position:absolute; left:0px; top:70px; }
#header .gnb > li ul li {margin-top:10px; padding-left:24px;}
#header .gnb > li ul li:first-child {margin-top:0px;}
#header .gnb > li ul li a {display:block; width:100%; font-size:14px; line-height:17px; color:#454545; outline:none; vertical-align:top; white-space:nowrap; text-align:left}
#header .gnb > li ul li a:hover,
#header .gnb > li ul li a:focus {color:#0b1cff; font-family:Noto Sans KR; }


.round-box{width:100%; background-color:#121D76; padding:10px 0}
.round-area{width:1200px; margin:0 auto; position: relative;}

.round-area h3{position: absolute;  top: 57px;  font-size: 20px; line-height: 25px; color:#fff}
.round-area h3:after {display: block; width: 20px; height: 2px; margin-top: 10px; background-color: #3d72fc;}

.round-area .favorite_box {
    padding: 2px 0 2px 24px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    text-align: left;
}



.round-btn{display:block; font-size:12px; padding-top:10px; color:#fff}


/* favorite 자주찾는메뉴 */
.dataBoxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 800px;
    height: auto;
}

.dataBoxes li {display: table-cell; text-align: center;}




.round-box .round-area .icon_slide .slick-list {/* overflow:hidden; */ padding-top:10px}
.round-box .round-area.cont2 .group .icon_slide .slick-track {}
.round-box .round-area .icon_slide .slick-track:after {display:block; clear:both; visibility:hidden; content:'';}
.round-box .round-area .icon_slide .slick-slide {float:left;}
.round-box .round-area .icon_slide .item {padding-bottom:10px}
.round-box .round-area .icon_slide .item a {display:block;font-size: 12px;font-weight: 500;color: #fff;text-align:center;}
.round-box .round-area .icon_slide .item a:hover {display:block;font-size: 12px;font-weight: 500;color: #cef2fa;text-align:center;}


.round-box .round-area .icon_slide .item .ico {display:block;position:relative;width:80px;height:80px;margin: 0 auto 15px;border-radius:50%; background:url(../img/icon_ir.png)no-repeat; margin-bottom:20px;cursor: pointer;}

.round-box .round-area .icon_slide .item .ico:after {display:block;position:absolute;z-index: -1;content:'';width:100%;height:100%;border-radius:50%;background: rgba(255,255,255,.1);transform: scale(1);-webkit-transform: scale(1);transition: all 0.3s;-webkit-transition: all 0.3s; }
.round-box .round-area .icon_slide .item a:hover .ico:after,
.round-box .round-area .icon_slide .item a:focus .ico:after {transform: scale(1.22);-webkit-transform: scale(1.22);  color:#cef2fa }




.round-box .round-area.cont2 .group .icon_slide .item .ico1 {background:#fff url(../img/icon_ir1.png)no-repeat;}
.round-box .round-area .icon_slide .item .ico2 {background-position:-67px 0;}
.round-box .round-area .icon_slide .item .ico3 {background-position:-138px 0;}
.round-box .round-area .icon_slide .item .ico4 {background-position:-213px 0;}
.round-box .round-area .icon_slide .item .ico5 {background-position:-288px 0;}
.round-box .round-area .icon_slide .item .ico6 {background-position:-365px 0;}
.round-box .round-area .icon_slide .item .ico7 {background-position:-445px 0;}

.round-box .round-area .icon_slide .item .ico8 {background-position:-526px 0;}
.round-box .round-area .icon_slide .item .ico9 {background-position:-610px 0;}
.round-box .round-area .icon_slide .item .ico10 {background-position:-685px 0;}
.round-box .round-area .icon_slide .item .ico11 {background-position:-758px 0;}
.round-box .round-area .icon_slide .item .ico12 {background-position:-824px 0;}


.round-box .round-area.cont2 .group .icon_slide .item .ico1:before {background:#c7d0f6 url(../img/icon_ir_back.png)no-repeat;}
/* .round-box .round-area .icon_slide .item .ico2:hover {background-position:-84px 0;}
.round-box .round-area .icon_slide .item .ico3:hover {background-position:-168px 0;}
.round-box .round-area .icon_slide .item .ico4:hover {background-position:-252px 0;}
.round-box .round-area .icon_slide .item .ico5:hover {background-position:-336px 0;}
.round-box .round-area .icon_slide .item .ico6:hover {background-position:-420px 0;}
.round-box .round-area .icon_slide .item .ico7:hover {background-position:-504px 0;} */


.round{width: 1200px;  margin: 0 auto; position: absolute; height: 206px; padding: 0px; top:497px; left: 50%; transform: translate(-50%, -50%); background: #1d70b7  url("../img/main_tel_icon.png")  no-repeat 2% 70%;border-radius: 0 0 30px 30px;opacity: 0.9; z-index:20}

.nav-box{margin-left:260px; padding-top:20px}

.nav-box li {border-radius: 50%; background-color: #c7d0f6; width:130px; height:130px; display:inline-block; margin-right: 54px; }

.nav-box li > a:hover{border-radius: 50%; background-color:#c7f6e4; width:130px; height:130px; display:inline-block; transition-duration: 0.1s; }

.nav-box span {display: inline-block; color:#fff; padding-top:10px; text-align: center; width:130px; font-size:18px;}

.nav-box span > a:hover {display: inline-block; color:#000; padding-top:10px; text-align: center; width:130px; font-size:18px;}


.cont-area{clear: both; width:1200px; margin:0 auto; padding-top:20px}
.cont-area1{clear: both; width:1200px; margin:0 auto;}
#section2 {
	margin-bottom: 5rem;
    overflow: hidden;
	}



.tabnews_area { position: relative; float: left; width: 47%; margin-right: 3.9%;overflow: hidden;}
.tabnews_area {
	position: relative;
	float: left;
	width: 48%;
	margin-right: 2.9%;
	overflow: hidden;
	display: inline-block;
	}
.tabwebzin_area{
	width:283px;
	display: inline-block;
	margin-top:50px;	
	background: url(../img/new_0212.jpg);
	position: relative;
	height:253px;
}

.wezinmore a{position: absolute;  bottom: 10px; left: 8px; width: 120px; padding: 8px 0 8px 14px;  border-radius: 20px; background: #fff; }
.wezinmore a span { display: inline-block;  width: 30px; height: 10px;  margin: 0 0 0 8px; background: url(../img/m-arrow.png)no-repeat 0px 0;}
.help_area{display: inline-block; margin-top:-27px; width:280px; margin-left:20px; vertical-align: top; transition: all .2s ease;	}
.help_area h2{font-size:18px; font-weight:600; color:#333}
.help_area ul{margin-top:20px}
.help_area li{width:46%; text-align: center; display: inline-block; padding:6px 4px 6px 4px}
.help_area li span{display: block; padding-top:6px}
.help_area li a:hover{color:#293b88}
.sp{letter-spacing: -1px;}

.news_list {
	overflow: hidden;
	}
.news_list li {
	position: relative;
	margin-top: 1.3rem;
	padding-left: 1rem;
	overflow: hidden;
	}
.news_list li:nth-child(n+2)::before {
	position: absolute;
	top: 1.2rem;
	left: 0;
	width: 0.3rem;
	height: 0.3rem;
	background-color:#2D2878;
	content:'';
	}
.news_list li a {
	display: block;
    overflow: hidden;
	}
.news_list li:first-child {
	min-height: 8.6rem;
	margin: 0 0 3.3rem;
	padding-left: 10.6rem;
	}
.news_list li:first-child .title {
	display: block;
	margin-bottom: 0.5rem;
	color: #333;
	letter-spacing: -0.1rem;
	font-size: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: 700;
    overflow: hidden;
	}	
.news_list li:first-child .desc {
	display: block;
    color: #777;
    letter-spacing: -0.05rem;
    line-height: 1.5;
	}
.news_list li:first-child .date {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8.6rem;
	height: 8.6rem;
	padding-top: 4.5rem;
	border: 4px solid #E5E5E5;
	color: #121212;
	text-align: center;
	font: 300 1.4rem/1.2 Montserrat;
	}
.news_list li:first-child .date > span {
	display: block;
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 100%;
	letter-spacing: -0.1rem;
	font: 700 2.9rem/1 Montserrat;
	}
.news_list li:nth-child(n+2) .txt {
	float: left;
	width: calc(100% - 11rem);
	color: #333;
	letter-spacing: -0.1rem;
	font-weight: 500;
	font-size: 1.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}	
.news_list li:nth-child(n+2) .date {
	float: right;
	width: 9.8rem;
	color: rgba(51,51,51, .5);
	letter-spacing: -0.05rem;
    text-align: right;
	font-weight: 500;
	}
.news_list li:first-child .date.bid_num {
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center;  justify-content: center;
	padding-top: 0;
	word-break: normal;
	font: 700 2.8rem/1 Montserrat;
	}
.news_list .d_day {
	display: block;
    color: rgba(51,51,51, .5);
	letter-spacing: -0.05rem;
	}	


/*news*/

.tab.list{height:360px}
.mg-t30{margin-top:30px}
.mg-t50{margin-top:50px}
.mg-t80{margin-top:80px}
.mg-b20{margin-bottom: 20px;}
.t1{font-size:24px; font-weight: 600; padding-right:6px; font-family: 'Noto Sans KR', sans-serif;}
.t2{font-size:16px; font-weight: 600; padding-right:6px}
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;font-family:Tahoma, Sans-serif;font-size:12px;*zoom:1}

.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}

.tab.list li a{position:relative;float:left;text-decoration:none; width:103px}
.tab.list li a span{display: inline-block; padding: 16px 16px 6px 16px;  letter-spacing: -1px; cursor: pointer; font-size: 15px; font-weight: 500;}
.tab.list li ul{width:100%;position:absolute;top:70px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}


.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li ul li{float:none;position:relative;margin:0 0 14px 10px;color:#999; padding-left:10px; font-size: 14px; }
.tab.list li ul li:after {content: ''; width: 3px; height: 3px; border-radius: 100%; background: #014099; position: absolute; top: 8px; left: 0;}
.tab.list li ul li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list li ul li a:hover,
.tab.list li ul li a:active,
.tab.list li ul li a:focus{color:#000 !important;}
.tab.list li ul li time,
.tab.list li ul li .time{position:absolute;top:0;right:0;color:#767676}
.tab.list li ul li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.list li.active a{color:#333}

.tab.list a{transition: all .2s ease;}
.tab.list li a.btn_more{display: block; position: absolute; right: 0px; top: -60px; width: 30px; height: 30px; text-indent: -9999em; background: url(../img/btn_more.png) no-repeat center;}
.tab.list li a.btn_more:hover{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.tab.list li.active a span{padding-top:7px;font-weight:bold;background-color: #121D76; box-shadow: 4px 4px 5px rgb(0 0 0 / 10%); color: #fff;font-weight: 600; padding: 1rem 1.2rem; border-radius: 1.5rem 0; font-size:14px}


/*map-area*/

.map-area{width:100%; background:#e9f5fd; padding:20px 0}
.map-wp{width:900px; margin: 0 auto;}

.network-area{width:450px; display: inline-block; vertical-align: top;}

.network-map-wrap{positioN:relative;}
.network-map {margin-left: -55px; position: relative;}
.network-map .map {animation: map 7s ease-out infinite;}
.network-list{
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:0;
}
.network-list li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	width:42px; height:42px;
}
.network-list li:before{
	content:'';
	width:36px; height:36px;
	background:#17558e;
	opacity:0.4;
	animation:dotpulse 1.5s ease-out infinite;
	border-radius:50%;
	position:absolute;
	top:50%; left:50%;
	margin:-21px 0 0 -21px;
	transition:0.3s;
}
@keyframes dotpulse{
	0%{transform:scale(0.5);}
	50%{transform:scale(1);}
	100%{transform:scale(0.5);}
}
.network-list li:after{
	content:'';
	width:8px; height:8px;
	background:#fff;
	position:absolute;
	top: 50%; left:50%;
	margin:-7px 0 0 -7px;
	border-radius:50%;
	transition:0.3s;
}
.network-list li:hover:before, .network-list li:hover:after{
	opacity:0;
	visibility:hidden;
}
.network-list button{
	display:block;
	color:#fff;
	background:#17558e;
	font-size:16px;
	width:100%; height:100%;
	line-height:51px;
	border-radius:50%;
	position:absolute;
	top:0; left:0;
	opacity:0;
	border:0;
	cursor:pointer;
	padding:0;
	transition:0.3s;
}
.network-list button{
	font-size:12px;
	padding:2px;
	word-break:break-word;
	line-height:1.2;
}
.network-list li.red:before,
.network-list .red button{
	background:#cf1d19;
}
.network-list li.orange:before,
.network-list .orange button{
	background:#f39e09;
}
.network-list li:hover button{
	opacity:1;
}
.network-list li:nth-child(1){
	*top:13.5%; *left:12%;
    top:16%; left:38%;
    /* 여의도 */
}

.network-list li:nth-child(2){
	*top:12%; *left:24%;
	top:16%; left:29%;
}
.network-list li:nth-child(3){
	*top:12%; *left:24%;
	top:10%; left:65%;
}
.network-list li:nth-child(4){
	*top:12%; *left:24%;
	top:35%; left:38%;
}
.network-list li:nth-child(5){
	*top:12%; *left:24%;
	top:40%; left:43%;
}
.network-list li:nth-child(6){
	*top:12%; *left:24%;
	top:38%; left:62%;
}
.network-list li:nth-child(7){
	*top:12%; *left:24%;
	top:49%; left:67%;
}
.network-list li:nth-child(8){
	*top:12%; *left:24%;
	top:60%; left:39%;
}

.network-list li:nth-child(9){
	*top:12%; *left:24%;
	top:67%; left:32%;
}

.network-list li:nth-child(10){
	*top:12%; *left:24%;
	top:91%; left:30%;
}
.network-list li:nth-child(11){
	*top:12%; *left:24%;
	top:60%; left:64%;
}

/*
.network-list li:nth-child(13){
	*top:12%; *left:24%;
	top:14%; left:66%;
}

.network-list li:nth-child(14){
	*top:12%; *left:24%;
	top:18%; left:68%;
}

.network-list li:nth-child(15){
	*top:12%; *left:24%;
	top:36%; left:58%;
}

.network-list li:nth-child(16){
	*top:12%; *left:24%;
	top:40%; left:62%;
}

.network-list li:nth-child(17){
	*top:12%; *left:24%;
	top:46%; left:64%;
}

.network-list li:nth-child(18){
	*top:12%; *left:24%;
	top:50%; left:70%;
}

.network-list li:nth-child(19){
	*top:12%; *left:24%;
	top:52%; left:58%;
}

.network-list li:nth-child(20){
	*top:12%; *left:24%;
	top:550%; left:50%;
}

.network-list li:nth-child(21){
	*top:12%; *left:24%;
	top:60%; left:38%;
}
*/

.network-area1{position: relative; display: inline-block; width:380px; margin-right:30px; margin-top:80px}
.network-head{position: absolute; top:20px;left:30px; font-size:15px}
.nt-bold{font-weight: 600; padding:0px 4px }

.network-tit{font-weight:600; font-size:30px }


.network-head1{position: absolute; top:90px;left:43px; font-size:14px; font-weight: 500;}
.network-head2{position: absolute; top:140px;left:30px; font-size:24px;}
.count{font-size:50px; color:#0a3583; font-weight: 600;}
.morebtn{position: absolute; top:240px;left:30px; color:#fff}


.ac-btn-3 {
	padding: 12px 80px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin: 30px 0 0;
	color: #fff;
	display: inline-block;  
	text-align: center;
	font-weight: 600;
	border-radius: 24px;
	font-family: "Noto Sans KR", sans-serif;
	background: #062b54 url(../img/ac_list_next.png) 200px 18px no-repeat;
  }
  .ac-btn-3:hover {
	text-decoration: none !important;
	transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #0d478a url(../img/btn_list_next_off.png) 220px 18px no-repeat;
  }

.main-pzone{display: inline-block; width: 350px;}
/* 팝업존 */
.popup{position:relative; width:270px; height:300px; float:right; margin-top:30px}
.popup h3{ font-size:15px; line-height:20px; font-family:'NotoM'; color:#222; font-weight: 400}
.popup .popup_list{display:block; height:258px; margin:25px 0 0; background:#000; padding:4px 0px}
.popup .popup_list p{display:table; float:left; height:280px; text-align: center}
.popup .popup_list a{display:table-cell; vertical-align: middle; width:100%; text-align:center; background:#f0f0f0; overflow:hidden;}
.popup .popup_list a img{width:auto; height:auto; max-width:100%; max-height:100%;}
.popup .popup_list .slick-arrow{position:absolute; top:2px; width:20px; height:20px; text-indent:-9999%; overflow:hidden; cursor:pointer;}
.popup .popup_list .slick-next{right:0; background:url('../img/btn_p_next.png') no-repeat center;}
.popup .popup_list .slick-prev{right:60px; background:url('../img/btn_p_prev.png') no-repeat center;}
.popup .control a{position:absolute; right:30px; top:2px; width:20px; height:20px; display:block; text-indent:-9999%; overflow:hidden;}
.popup .control a.btn_stop{ background:url('../img/btn_p_stop.png') no-repeat center;}
.popup .control a.btn_play{display:none; background:url('../img/btn_p_play.png') no-repeat center;}

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer; }
.slick-initialized .slick-slide{ display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }


/*활동갤러리*/
.mphoto-warp{width:100%; margin-top:30px}
.mphot-area{width:1200px; margin:0 auto}
.tit-area{text-align: center; padding: 0 0 40px 0; position: relative;}
.tit-area .tit {font-size: 30px; color: #333; font-weight: 600;}
.tit-area::after {content: '';  position: absolute; width: 0px; height: 30px; background-color: #000; display: block; top: 50px;left: 50%;}
.mphoto-more{float:right; width:1200px; margin-bottom:30px}
.mphoto-more a{transition: all .5s ease;}
.mphoto-more a.btn_more{display: block; float: right;  position: relative; border:1px solid #333;  width: 30px;  height: 30px; text-indent: -9999em; background: url(../img/btn_more.png) no-repeat center;}

.mphoto-more a.btn_more:hover{width: 30px; height: 30px;transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);}

.photo-area{width:1200px; margin:0 auto; padding-top:10px; clear:both; padding-bottom:50px} 
/* .photo-type{width:220px;margin-right:17px; display: inline-block; } */
.photo-type{width:220px;margin-right:17px; display: inline-block; }
.photo-type h3{width:213px; padding:4px; background:#121D76; color:#fff; text-align:center; margin-bottom:30px}
.photo-type img{width:220px; height:185px}

.photo-type1{width:220px;margin-right:0px; display: inline-block; float: right; }
.photo-type1 h3{width:213px; padding:4px; background:#121D76; color:#fff; text-align:center; margin-bottom:30px}
.photo-type1 img{width:220px; height:185px}

#header .util_menu {position:absolute; right:48px; top:0px; overflow:hidden;}
#header .util_menu > li {float: left;}
#header .util_menu > li > a {display:inline-block; font-size:12px; height:70px; padding:0 9px; line-height:70px; color:#6d6d6d; font-family:Noto Sans KR;}
#header .all_search {position:absolute; right:0px; top:20px;}

#container { width:100%; position:relative; }

#quickbar { position:absolute; left:50%; bottom:80px; margin-left:520px; }
#quickbar .btn_top { display:inline-block; width:62px; height:62px; line-height:62px; font-size:16px; font-family:Noto Sans KR; color:#fff; background-color:#4f4f4f; text-align:center; }

.main_contents {padding-top:300px; margin-top:70px; }
.main_contents .main_visual {width:100%; min-width:1000px; height:300px; position:absolute; left:0px; top:0px;}
.main_contents .main_visual .bx-slider li {height:600px; overflow:hidden;}
.main_contents .main_visual .bx-slider li img {width:2560px; height:600px; position:absolute; top:0; left:50%; margin-left:-1280px;}
.main_contents .main_visual .bx-pager {position:absolute; left:50%; top:410px; margin-left:-480px; overflow:hidden;}
.main_contents .main_visual .bx-pager .bx-pager-item {margin-left:5px; float: left;}
.main_contents .main_visual .bx-pager .bx-pager-item:first-child {margin-left:0px;}
.main_contents .main_visual .bx-pager .bx-pager-item a {width:22px; height:22px; background:url(../img/bul_01.png) 0 0 no-repeat;}
.main_contents .main_visual .bx-pager .bx-pager-item a.active {width:44px; height:17px; margin-top:1px; background:url(../img/bul_02.png) 0 0 no-repeat;}



/**/
.main-visual-swiper .swiper-slide{display: flex;align-items: center;justify-content: center;overflow: hidden;color: #fff}
.main-visual-swiper .swiper-slide:before{content: '';display: block;height: 50vh; min-height: 420px}
/* .main-visual-swiper .container{margin: 0;padding-top: 120px;padding-bottom: 80px} */

.main-visual-swiper .container{position: absolute; left:140px;}

.cont-txt1{font-size:16px; display:block; line-height:26px }
.cont-txt2{font-size:30px; display:block; font-weight:600; padding:6px 0 }

.main-visual-swiper .container>*{position: relative}
.scroll-down{position: absolute;bottom: 0;left: 50%;z-index: 5;font-size: .778rem;transform: translateX(-50%);color: #fff !important;letter-spacing: 0}
.scroll-down:after{content: '';display: block;width: 1px;height: 1.944rem;border-left: 1px solid;margin: .556rem auto 0}
.main-visual-1{background: url(../img/visual_01.jpg) no-repeat 50% 0/cover}
.main-visual-2{background: url(../img/visual_02.jpg) no-repeat 50% 0/cover}
.main-visual-3{background: url(../img/visual_03.jpg) no-repeat 50% 0/cover}
.main-visual-4{background: url(../img/visual_04.jpg) no-repeat 50% 0/cover}
.main-visual-2 .container:before, .main-visual-3 .container:before, .main-visual-4 .container:before{content: '';position: absolute;}
/*.main-visual-2 .container:before{width: 53.25396%;padding-bottom: 43.49206%;background: url(../img/visual_02.png) no-repeat 50% 50%/100% auto}
.main-visual-3 .container:before{width: 52.38095%;padding-bottom: 39.12698%;background: url(../img/visual_03.png) no-repeat 50% 50%/100% auto}
.main-visual-4 .container:before{width: 52.38095%;padding-bottom: 39.12698%;background: url(../img/visual_04.png) no-repeat 50% 50%/100% auto}*/
.main-visual-swiper .swiper-button-next, .main-visual-swiper .swiper-button-prev {width: 5rem;
    height: 5.889rem;
    background-image: url(../img/btn_arr_next.png);
    background-size: 100% auto;
    margin-top: -3.056rem;
    margin-right: 15px;
    margin-left: 15px;}

.swiper-button-prev {
    left: 0;
    transform: scaleX(-1);
    background-position: 100% 50%;
}







#contents { width:100%; padding-top:70px; }
#contents .section { width:1000px; margin: 0 auto; }
#contents .section.btnprivacy { position: relative; }
#contents .sub_visual { height:285px; text-align:center; color:#fff;  }
#contents .sub_visual .h2 { padding:80px 0 30px 0; font-size:26px; line-height:30px; font-family:ng; }
#contents .sub_visual .h3 { font-size:45px; line-height:80px; }
#contents .hgroup { height:40px; background-color:#00298e; }
#contents .hgroup .locate { width:1000px; margin: 0 auto; }
#contents .hgroup .locate a { display:inline-block; width:40px; height:27px; padding-top:13px; background-color:#0d469d; text-align:center; border-right: solid 1px #2e3b41; float: left;}
#contents .hgroup .locate label{display:none;}

#footer { width:100%; background-color: #3d3d3d; clear: both; margin-top:40px}
/* 배너 */
.bn-area{width:100%; background-color:#f3f3f3; padding:10px 0 10px 0; height:80px }
.bn_wrap{position:relative;width:96%;max-width:1200px;margin:0 auto;}
.bn_wrap h2{position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden;}
.bn_wrap ul{margin:20px 0 20px 125px; overflow:hidden;} /* 210121 */
.bn_wrap ul li{float:left;}
.bn_wrap ul li a{display:table; width:100%; height:40px; letter-spacing:-1px; color:#333; text-align:center; font-family: 'NotoM';}
.bn_wrap ul li a p{display:table-cell; margin:0 2px; vertical-align: middle;}
.bn_wrap ul li a img{max-width:100%; height:100%;}
.bn_wrap .slick-arrow{position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; display:block; text-indent:-99999%; overflow:hidden; cursor:pointer; }
.bn_wrap .slick-next{left:61px; background:url('../img/btn_b_next.png') no-repeat center; }
.bn_wrap .slick-prev{left:0px; background:url('../img/btn_b_prev.png') no-repeat center; }
.bn_wrap .btn_box a{display:block; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-indent:-99999%; overflow:hidden;}
.bn_wrap .btn_box .control a{left:30px; width:31px; }
.bn_wrap .btn_box a.btn_stop{background:url('../img/btn_b_stop.png') no-repeat center; }
.bn_wrap .btn_box a.btn_play{display:none; background:url('../img/btn_b_play.png') no-repeat center; }
.bn_wrap .btn_box a.btn_list{left:90px; background:url('../img/btn_b_list.png') no-repeat center; } /* 210121 */

.footer_innner {width:1200px;margin:0 auto; padding-top:20px; position: relative;}
.footer_innner .flogo {display:inline-block; position:absolute; top:50px; width:200px; height:30px}
.footer_innner .ftr_group {display: inline-block;position: relative; left: 200px;top: 20px}
.footer_innner .ftr_group ul {margin-bottom:10px}
.footer_innner .ftr_group ul li {display:inline-block; padding-right:12px;margin-right:5px}
.footer_innner .ftr_group ul li a {font-size:14px;color:#ffffff}
.footer_innner .ftr_group address {font-size:12px;color:#c9cdd0;font-style:normal;margin-bottom:10px}
.footer_innner .ftr_group .tt {margin-bottom:10px}
.footer_innner .ftr_group .tt span {font-size:12px;color:#c9cdd0;margin-right:10px}
.footer_innner .ftr_group .cp {font-size:12px;color:#c9cdd0;}



/* bx-slider */
.bx-wrapper {position:relative; *zoom:1;}
.bx-wrapper .bx-controls-auto {position:absolute;}
.bx-wrapper .bx-controls .bx-pager {position:absolute; z-index:10;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item {display:inline-block; *display:inline; *zoom:1;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a {display:block; text-indent:-9999px;}
.bx-wrapper .bx-controls .bx-controls-direction a {display:block; position:absolute; outline:0; text-indent:-9999px; z-index:10;}
.bx-wrapper .bx-controls .bx-controls-direction a.disabled {display:none;}


/* select or die */
.sod_select {display:inline-block; position:relative; height:30px; padding:5px 0px 5px 10px; border:0px solid #fff; line-height:30px; color:#c4cccf; vertical-align:top; cursor:pointer; float: left; border-right: solid 1px #2e3b41; background:url(../img/bul_01.jpg) right center no-repeat #0d469d; }
.sod_select .sod_label {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sod_select .sod_list_wrapper { background-color:#efefef; color:#333; border-top:none; display:none; position:absolute; top:100%; left:0; margin-left:-1px; height:auto; z-index:1; }
.sod_select.above .sod_list_wrapper {border-top:1px solid #666; border-bottom:none; top:auto; bottom:100%;}
.sod_select .sod_list_wrapper .sod_list {display:block; overflow-y:auto; position:relative;}
.sod_select .sod_list_wrapper .sod_list .sod_option { display:block; padding:5px 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; border-top: solid 1px #dadada;}
.sod_select .sod_list_wrapper .sod_list .sod_option.disabled { color:#131c4e; font-weight: 600; }
.sod_select .sod_list_wrapper .sod_list .sod_option.active { color:#131c4e;font-weight: 500;   background:url(../../images/common/ico_02.png) right center no-repeat; }
.sod_select select {display:none !important;}
.sod_select.touch select {display:block !important; height:100%; width:100%; -webkit-appearance:menulist-button; position:absolute; top:0; left:0; opacity:0; z-index:1;}
.sod_select:hover,
.sod_select.open,
.sod_select.focus {border-color:#666;}
.sod_select.open {color:#ccc; z-index:10;}
.sod_select.open .sod_list_wrapper {display:block;}
.sod_select.disabled {border-color:#828282; color:#b2b2b2; cursor:not-allowed;}
.sod_select.disabled.open .sod_list_wrapper {display:none;}
.custom_select_current .sod_select { color:#fff;}




/* Common */
.pd-t20{padding-top:20px}

/* Contents */
#contents.sub_company .sub_visual { background:url(../img/visual_sub1.png) center top no-repeat; }
#contents.sub_membership .sub_visual { background:url(../img/visual_about02.jpg) center top no-repeat; }
#contents.sub_cert .sub_visual { background:url(../img/visual_about03.jpg) center top no-repeat; }
#contents.sub_notice .sub_visual { background:url(../img/visual_about04.jpg) center top no-repeat; }
#contents.sub_biz .sub_visual { background:url(../img/visual_about05.jpg) center top no-repeat; }
#contents.sub_bbs .sub_visual { background:url(../img/visual_about06.jpg) center top no-repeat; }
#contents.sub_info .sub_visual { background:url(../img/visual_about07.jpg) center top no-repeat; }
#contents.sub_forum .sub_visual { background:url(../img/visual_about08.jpg) center top no-repeat; }


/*ceo*/

.location {position: relative; width: 100%; margin: 0 0 20px;text-align: left;}
.location .page_title {line-height: 1.3; padding: 35px 0 20px; padding-right: 125px; border-bottom: 1px solid #ddd; font-size: 24px; font-weight: 500;font-family: '맑은고딕','Malgun Gothic',-apple-system; color: #111;}

.mg-t10{margin-top:10px;}
.mg-t30{margin-top:30px;}
.warp-lf{width:70%; display: inline-block;}
.warp-lf h3{font-size:30px;  line-height: 40px; font-weight: 500; padding-bottom:30px }
.warp-rf{width:29%; display: inline-block; float: right; vertical-align: top;}
.ceo-txt{font-size:16px; color:#333; line-height:30px; padding-bottom:30px; display: block; font-weight: 300;}
.ceo-txt1{font-size:20px; color:#195a9d; line-height:30px; padding-bottom:30px; display: block; font-weight: 500;}


/*history*/
.history-lf{width:30%; display: inline-block;}
.history-rf{width:50%; display: inline-block;  vertical-align: top; float: right; margin-bottom: 30px;}
.history-title{position: relative;display: flex;width: 6.048em;height: 6.048em;margin: 1em 0 1.5em 2em;align-items: center;justify-content: center;font-size: 2.333rem;line-height: 1;letter-spacing: 0;background: linear-gradient(to right,rgba(8,56,105,1) 0%,rgba(76,150,224,1) 100%);color: #fff;transform: rotate(-45deg);}
.history-title:before, .history-title:after{content: '';position: absolute;width: 92%;height: 92%;top: 0;left: 0;background: inherit;z-index: -1}
.history-title:before{margin: -1.2em 0 0 -1.2em;opacity: .1}
.history-title:after{margin: -.5em 0 0 -.5em;opacity: .5}
.history-title>span{display: block;transform: rotate(45deg)}
.history-group{position: relative; padding: 0rem 0 4rem;}
.history-rf ul::before{
    content: ' ';
    display: block;
    position: absolute;
    left: -14px;
    top: 9px;
    width: 0.1rem;
    height: 100%;
    background: #9e9e9e;
}
.history-group .year{position: relative;font-size: 18px;color: #333;font-weight: 500;line-height: 1.2;display: block;margin-bottom: .7rem; padding-left:10px}
.history-group .year:before, .performance-item .history-item>b:before{content: '';position: absolute;width: .375em;height: .375em;border-radius: 100%;background: #fff;border: 2px solid #0070C3;top: 50%;margin-top: -.1875em;left: calc((15px + .1875em) * -1)}
.history-group>li+li .year{margin-top: 2em; }
.history-item{padding-left: 3.273em;line-height: 1.8rem;color: #666}
.history-item:not(:first-child){margin-top: .5em}
.history-item b{position: relative;float: left;margin-left: -1.923em;font-size: 1.182em;font-weight: 700;letter-spacing: 0;color: #000; padding-right:18px}
.history-item div+div{margin-top: .25em}


/*biu*/
.biz_warp{width:100%; text-align:center; clear: both; padding-bottom:20px}
.biz_warp h3{font-size:30px; font-weight: 600; padding-bottom: 30px; }
.biz_warp span{font-size: 14px; line-height: 22px; padding-bottom: 30px; }
.biz_inner{display: flex; flex-wrap: wrap;justify-content: space-between;}
.biz_boxwrap {box-sizing: border-box; width: 33%; height: 210px; padding-bottom: 20px; border: 1px solid #ddd; border-top: 1px solid #457aa4;margin-bottom: 2%;}
.biz_boxwrap h4 {margin: 45px 0 0; font-size: 21px; color: #222; text-align: center; padding-bottom: 20px;}
.biz_boxwrap h4:after { display: block; content: ""; width: 24px; height: 1px; background: #333;margin: 15px auto 0;}
.biz_boxwrap .cent{text-align: center;}

.biz-lf{width:42%; display: inline-block;}
.biz-rf{width:42%; float: right; display: inline-block;}

/*ci*/
.ci_set{width:1000px; margin:0 auto; margin-top:30px; position: relative;}
.ci_set span{display:block; font-size:14px}

.ci_set a:hover{color:#1a5c94}

.ci_set h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
	font-weight: 500;
}

.ci_set ul{margin-left:20px}
.ci_set li{display:inline-block; vertical-align: top; font-size:16px; padding-bottom:0px; line-height: 1.8; width:100% }



.tit{padding-right:60px}
.ci_set li span{font-size:16px}

.ci_set1 h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
	font-weight: 500;
}

.ci_set1{width:1000px; margin:0 auto; margin-top:30px; position: relative;}

.ci_set1 ul{margin-left:20px}
.ci_set1 li{display:inline-block; vertical-align: top; font-size:16px; padding-bottom:20px; line-height: 2.8; }


.ci_set2 h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 500;
}

.ci_set2 {
    width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.ci_set2 li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    padding-bottom: 20px;
    line-height: 1.8;
}

.ci_set2 li span {
    font-size: 16px;
}
.ci_set2 span {
    display: block;
    font-size: 14px;
}



.box1{border: 1px solid #ddd;
    padding: 3px 20px;
    background: #ff0000;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;}
    
.box2{border: 1px solid #ddd;
    padding: 3px 20px;
    background: #0b5192;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;}
    
.box3{border: 0px solid #ddd;
    padding: 6px 20px;
    background: #0772b3;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;}
    

.biz_set{width:100%; margin:0 auto; margin-top:30px; position: relative;}
.biz_set span{display:block; font-size:14px}
.biz_set h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
	font-weight: 500;
}

.forum_part1{width:40%}
.ftit1{padding-left:20px}

.down-ci{position: absolute; top:21%; left:80%; width: 200px;}
.down-ci a {display:block; padding:0 19px; border:1px solid #ccc; background:#fff}
.down-ci a span {display:block; font-size:12px; line-height:38px; background:url(../img/ico-down.png) 100% 50% no-repeat}
.down-ci a,
.down-ci a span {transition:all .4s ease; -webkit-transition:all .4s ease}
.down-ci a {background:#fff url(../img/bg-btn.png) -148% 0 no-repeat}
.down-ci a:hover,
.down-ci a:focus {border-color:#000; background-position:0 0}
.down-ci a:hover span,
.down-ci a:focus span {color:#fff; background:url(../img/ico-main-links-over.png) 100% 50% no-repeat}


.down-file{position: relative; top:21%; width: 200px;}
.down-file a {display:block; padding:0 19px; border:1px solid #ccc; background:#fff}
.down-file a span {display:block; font-size:12px; line-height:38px; background:url(../img/ico-down.png) 100% 50% no-repeat}
.down-file a,
.down-file a span {transition:all .4s ease; -webkit-transition:all .4s ease}
.down-file a {background:#fff url(../img/bg-btn.png) -148% 0 no-repeat}
.down-file a:hover,
.down-file a:focus {border-color:#000; background-position:0 0}
.down-file a:hover span,
.down-file a:focus span {color:#fff; background:url(../img/ico-main-links-over.png) 100% 50% no-repeat}



/*찾아오시는길*/
.map_title{position: relative; padding: .5rem 0 .25rem .5rem; font-size: 26px; font-weight: 700; color: #15233e; background: url(../img/bu_tit2.png) no-repeat left top;}
.map_t1{font-size:30px; font-weight: 500; display: block;}
.map_t2{font-size: 14px; font-weight: 400; display: block; padding-top:30px}
.map_box{height: 24rem; margin: 1rem 0 1.5rem; background: #f1f1f1; border: 1px solid #ddd; overflow: hidden;}
.mapInfo{margin-top:1rem; padding-bottom:2rem; overflow:hidden; word-break: keep-all; border-bottom:1px solid #eee;}
.mapInfo .info{position:relative; width:41%; min-height:5rem; padding-left:6rem; padding-right:0.5rem; float:left;}
.mapInfo .info .img{position: absolute; left:0; top:0; width:5rem; height:5rem; line-height:5rem; border-radius:50%; color:#fff; font-size:2.5rem; text-align:center;}
.mapInfo .info.subway .img{ background:#65718B;
    /*background: rgb(183,52,155);
    background: -moz-linear-gradient(top,  rgba(238,11,107,1) 1%, rgba(183,52,155,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(238,11,107,1) 1%, rgba(183,52,155,1) 100%);
    background: linear-gradient(to bottom,  rgba(238,11,107,1) 1%, rgba(183,52,155,1) 100%); */}
.mapInfo .info.bus .img{ background:#fa0024;
    /*background: rgb(41,111,249);
    background: -moz-linear-gradient(top,  rgba(41,111,249,1) 1%, rgba(102,25,206,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(41,111,249,1) 1%, rgba(102,25,206,1) 100%);
    background: linear-gradient(to bottom,  rgba(41,111,249,1) 1%, rgba(102,25,206,1) 100%);*/}

.tit3b{font-size:14px}


/*회원사정보*/
.bbs_srch {padding:1.3rem 1.5rem; font-size:0.8rem; color:#333; text-align:center; border:1px solid #ddd; background:#f7f7f7; }
.bbs_srch select, .bbs_srch input, .bbs_srch button {margin:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bbs_srch select {min-width:5rem; height:2rem; font-size:0.8rem; line-height:2rem; vertical-align:middle; border:1px solid #ccc; }
.bbs_srch input.inpTxt {width:35%; height:2rem; line-height:2rem; padding:0 0.5rem; font-size:0.8rem; vertical-align:middle; border:1px solid #ccc; background:#fff; }
.bbs_srch button{font-size:0.75rem; }
.bbs_srch button.btnSearch {position:relative; padding:0 1rem 0 2.15rem; line-height:2rem; color:#fff; vertical-align:middle; background:#333 url('../img/ico_bbs_srch.png') no-repeat 1rem center; overflow:hidden; transition:all 0.2s ease-out 0.1s; }
.bbs_srch button.btnSearch:hover {background-color:#fb0023; cursor: pointer;}
.bbs_srch .dateSet{display:inline-block; }
.bbs_srch .dateSet:after{content:""; clear: both; display:block; }
.bbs_srch .dateSet p{position:relative; padding-right:2rem; }
.bbs_srch .dateSet p:before{content:"\e9a0"; position: absolute; right:0; top:1px; width:2rem; height:2rem; line-height:2rem; font-size:1rem; font-family: 'xeicon'; border:1px solid #ccc; border-left:0; background:#eee; color:#8c8c8c; }
.bbs_srch .dateSet p input{width:100%; }
.bbs_srch .dateSet span{width:1rem; float:left; text-align:center; }
.bbs_srch .opt_date{max-width:30rem; margin:0 auto 1rem; }
.bbs_srch .opt_date span{vertical-align:middle; padding-right:.25rem; }

/*절차*/
.step{margin:20px 0;}
.step .bu, .step .num{margin:0;}
.step .step_list{font-size:0; list-style:none;}
.step .step_item{float:left; position:relative; width:calc(13% - 17px); min-height:30px; margin-right:20px; padding:12px 14px; border:1px solid #c5c9d6; background-color:#fff; text-align:center; vertical-align:middle;}
/*.step .step_item:nth-child(n + 9){margin-top:0px;}
.step .step_item:nth-child(4n){margin-right:9px;}*/
.step .step_item:last-child{margin-right:0; border-color:#c5c9d6; background-color:#f6f7f9;}
.step .step_item:before{display:block; position:absolute; top:0; right:-15px; width:20px; height:100%; content:''; background:url('../img/step_arrow.png') no-repeat center;}
.step .step_item:nth-child(4n):before{right:-9px; width:9px;}
.step .step_item:last-child:before{display:none;}
.step .step_item:after{display:block; position:absolute; top:25px; right:-9px; width:9px; height:16px; background:url('../img/step_arrow.png') no-repeat center;}

.step .step_item:last-child:after{top:-1px; left:-1px; width:calc(100% - 4px); height:calc(100% - 4px); border:3px solid #c5c9d6; background-image:none;}

.step .step_content{display:inline-block; position:relative; width:100%; vertical-align:middle; font-size:15px; line-height:17px; color:#636363; z-index:1;}
.step .step_title{padding:0 4px;font-size:13px;line-height:18px;color:#535da1;font-weight:500;}
.step .step_title + * {margin-top:7px;}
.step .step_text{position:relative; margin-top:26px; font-size:15px; color:#009fe1;}
.step .step_text:before{display:block; position:absolute; top:-14px; left:0; width:100%; border-top:1px dotted #b2b8c0;}

.hg{height:20px; margin-top:10px}

/*이미지확대*/
.magnifier {
	width: 150px;
	height: 150px;
	position: absolute;
	border-radius: 100%;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);
	display: none;
}

.target {
	display: block;
	width: 100%;
}


/*table*/
.tb-list { border-top:solid 2px #000; }
.tb-list tr { }
.tb-list thead th { font-size:18px; font-weight:500; padding:12px 10px 10px;}
.tb-list td { text-align:center; border-top:solid 1px #e5e5e5; border-bottom:0px solid #e5e5e5; padding:12px 10px 10px; font-size:14px; color:#555; font-weight:300; }
.tb-list .tb-attach { line-height:0; }
.tb-list .tb-subj { padding-left:10px; text-align:left; font-size:18px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; font-weight:500; }
.tb-list .tb-subj a:hover { text-decoration:underline; font-weight:500; }
.tb-list td.pd-0 { padding:0; }
.tb-list a.tb-subj { position:relative; display:block; min-height:34px; padding:12px 106px 10px 50px; text-align:left; }
.tb-list a.tb-subj:hover .in, .tb-list a.tb-subj:focus .in { text-decoration:underline; }
.tb-list a.tb-subj .btn-t-3 { position:absolute; right:20px; top:50%; margin-top:-17px; }
.no-data, .no-data td { padding:180px 0; font-size:20px !important; text-align:center; color:#000; font-weight:500; }
.no-data.ty-2 td { padding:78px 0; }
.no-data.ty-3 { padding:78px 0; font-size:26px !important; color:#999; }
.no-data.ty-4 { padding:45px 0; font-size:22px !important; color:#666; }
.fund-sale-corp .no-data { padding:25px 0; font-size:18px !important; color:#666; border:1px solid #ddd; background:#f8f8f8; }
.tb-list tbody tr:hover:not(.no-data) { background:#fcfcfc; }
.tb-list tr:hover .btn-t-3.btn-c-3 { background-color:#000; color:#fff; }
.tb-list .al-2  { text-align:left; padding-left:50px; }




.member table {table-layout:fixed; line-height:1rem; color:#666; text-align:center; border-top:2px solid #e50039; } /* color */
.member table thead th {padding:0.75rem 0.5rem; color:#222; font-weight:600; border-bottom:1px solid #d2d7dc; background:#f9fafb; word-break:break-all; }
.member table tbody td {padding:0.75rem 0.5rem; border-bottom:1px solid #eaecf1; word-break:break-all;}
.member table tbody tr:hover {background:#f9fafb; }
.member table tbody td.bbs_tit {text-align:left; }
.member table tbody td.bbs_tit a {display:inline-block; line-height:1.25rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.member table tbody td.bbs_tit a:hover, .bbs_ListA table tbody td.bbs_tit a:focus {color:#0b1cff; }
.member table tbody td.bbs_tit a:hover span.ico_answer, .bbs_ListA table tbody td.bbs_tit a:focus span.comment {text-decoration:none; }
.member table tbody td.bbs_tit span.new {display:inline-block; width:18px; height:18px; margin-right:5px; line-height:15px; font-weight:400; font-size:0.75rem; color:#ff0022; text-align:center; border:1px solid #ff0022; }
.member table tbody td.bbs_tit img{margin-top:-8px; padding-left:10px}

div[class*='tbl_st'] { position: relative; width: 100%; background: #fff; margin-top: 0.25rem; }
div[class*='tbl_st']:not(.tbl_st2) {overflow: hidden; }
div[class*='tbl_st'] > table { position: relative; width: 100%; margin-left: -1px; text-align: center; border-top: 2px solid #111; -webkit-overflow-scrolling: touch; word-break: keep-all; /* word-break:break-all; 강제 줄바꿈 */ }
div[class*='tbl_st'] > table li { font-size: 0.8rem; }
div[class*='tbl_st'] > table li:before { top: 0.5rem; }
.tbl_st > table td { padding: 0.5rem; line-height: 1.2rem; color: #666; font-size: 0.8rem; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }
.tbl_st > table th { padding: 0.65rem 0.5rem; font-family: 'SCDream'; color: #111; font-weight: 600; vertical-align: middle; line-height: 1.5rem; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }
.tbl_st > table thead th { background: #f4f4f4; }
.tbl_st > table tbody th { background: #f9f9f9; }
.tbl_st > table tfoot th { background: rgba(0, 0, 0, 0.02); }
.tbl_st > table tfoot td { border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; background: rgba(0, 0, 0, 0.02); }
.tbl_st2 > table th { padding: 0.65rem 0.5rem; font-family: 'SCDream'; color: #111; font-weight: 600; vertical-align: middle; line-height: 1.5rem; border-bottom: 1px solid #d7d7d7; }
.tbl_st2 > table td { padding: 0.5rem 0.5rem; line-height: 1.5rem; color: #222; font-size: 0.8rem; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
.tbl_st2 > table td :first-of-type td{border-left:1px solid #000;}

.left{text-align: left; margin-left:10px}
.tbl_st2 > table thead th { background: #f3f3f3; }
.tbl_st2 > table tbody th { background: #f9f9f9; }
.tbl_st2 > table tfoot th { background: rgba(0, 0, 0, 0.02); }
.tbl_st2 > table tfoot td { background: rgba(0, 0, 0, 0.02); }



.press-table-comp {position:relative; border-top:1px solid #222; border-collapse:separate; background-color:#fff;}
.press-table-comp::after {content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #aaa;}
.press-table-comp th,
.press-table-comp td {position:relative; border-left:1px solid #f2f2f2; border-right:none; color:#666; line-height:1.5; text-align:center;}
.press-table-comp th,
.press-table-comp td.th {background-color:#f8f8f8; color:#222; font-weight:500;}
.press-table-comp > thead th {padding:15px 16px 14px; border-top:none; border-bottom:1px solid #aaa; background-color:#fff; font-size:14px;}
.press-table-comp > tbody th,
.press-table-comp > tbody td,
.press-table-comp > tfoot th,
.press-table-comp > tfoot td{height:40px; padding:6px 16px; border-top:none; border-bottom:1px solid #ddd; font-size:14px;}
.press-table-comp > tfoot th,
.press-table-comp > tfoot td {border-top:1px solid #aaa;}
.press-table-comp tr.tfoot > th,
.press-table-comp tr.tfoot > td {border-top:1px solid #aaa; border-bottom:1px solid #aaa; background-color:#f9f9f9; color:#222; font-weight:500;}
.press-table-comp td.active-cell > div.table-content > p > a {color:#0083cd; text-decoration:underline;}
.press-table-comp > tbody > tr:hover {background-color:#F3F9FF;}
.left{text-align: left !important;}

.p-table{position:relative;width:100%;border-collapse:collapse;margin:2px 0 8px}
.p-table thead tr:first-child th{border-top:2px solid #222}
.p-table caption+tbody tr:first-child td,.p-table caption+tbody tr:first-child th,.p-table colgroup+tbody tr:first-child td,.p-table colgroup+tbody tr:first-child th{border-top:2px solid #222}
.p-table td,.p-table th{border-bottom:1px solid #d9d9d9}
.p-table th{padding:13px 11px;background:#f6f6f6;color:#000;text-align:center;font-weight:400;vertical-align:middle}
.p-table th:first-child:before{display:none}
.p-table th .p-form__label:before{display:none}
.p-table tbody th{background:#fcfcfc}
.p-table caption+tbody th,.p-table colgroup+tbody th{background:#f6f6f6}
.p-table td{padding:11px;box-sizing:border-box;vertical-align:middle}
.p-table td.p-table__subject{text-align:left}
.p-input{width:100%}
.h300{height:300px}
.right{text-align: right;}

table.tbl {border-top:solid 1px #111; width:100%}
table.tbl th {background:#f7f7f7; border-bottom:solid 1px #dfdfdf; border-right:1px solid #dfdfdf; color:#111; /*padding:10px 14px;*/padding:10px 0px; text-align:center; line-height: 1.4;}
table.tbl.left th{text-align:left; padding-left:20px;}
table.tbl.tdleft tbody td{text-align:left; padding-left:20px; word-break: keep-all;}
table.tbl td {border-bottom:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; color:#666; text-align:center; /*padding:13px 15px;*/ padding:10px 14px; /* line-height:1.4;*/ line-height: 1.4;}
table.tbl td:last-of-type {border-right:none; border-left:1px solid #dfdfdf}
table.tbl td.bd_none{border-left:0;}
table.tbl tbody td.txt_left{text-align:left;}
table.tbl thead tr th:last-of-type {border-right:none; border-left:1px solid #dfdfdf;}
/*table.tbl th.rline {border-right:1px solid #dfdfdf !important;}
table.tbl td.leftline {border-left:1px solid #dfdfdf !important;}*/
table.tbl th.txt_left, table.tbl td.tit_brdlist {text-align: left;}
table.tbl table tr:last-child th, table.tbl table tr:last-child td{border-bottom:0;}
table.tbl table th{width:72px;}
table.tbl th.bdln, table.tbl td.bdln {border-left:none !important;}

/*join*/
.w{width:100px}
.wt-20{width: 20%; margin-bottom:10px; display: block;}
.wt-50{width: 50%}
.wt-80{width: 80%}
.wt-100{width:100%}
.pd10 {padding-right: 10px;}
.wt-51{width:50%; text-align: right;}
.box_st2{border: 1px solid #dbdbdd;background: #f7f7f7; position: relative;
    padding: 1.25rem 2rem;
    margin-top: .5rem;}

.box_st2 .h2{color:#000; font-size: 20px; font-weight: 600; display: block; padding-bottom:20px}
.font14{font-size:14px}
.wth14{width:16px; height:16px}
.join-chick{padding-bottom: 20px; position: relative; top: -3px; /* padding-left: 10px; */ margin-right: 10px;}
.dmg-10{display:block; margin-bottom: 10px;}
.tblrow {
	display: table-row;
	margin: 0;
	padding: 0;
  }
.tblth {
	display: table-cell;
	float: none;
	width: 160px;
	padding: 10px 0;
	color: #222;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-align: left;
	vertical-align: middle;
	font-family: "Noto Sans KR", sans-serif;
  }
  
.tbltd {
	display: table-cell;
	position: relative;
	width: 720px;
	margin-left: 160px;
	padding: 10px 0;
	line-height: 40px;
	font-size: 15px;
  }

.form-control {
	display: block;
	width: 100%;
	height: 26px;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #e5e8ef;
	border-radius: 3px;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  }

.h21{color:#000; font-size: 20px; font-weight: 600; display: block; padding-bottom:20px}
.block{display:block}
.ec-base-button {
	padding: 10px 0;
	text-align: center;
}

.dj-btn-5 {
	padding: 12px 50px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin: 30px 0 0;
	color: #fff !important;
	display: inline-block;
	background: #222;
	border: 1px solid #222;
	text-align: center;
	font-weight: 600;
	border-radius: 24px;
	font-family: "Noto Sans KR", sans-serif;
  }
  .dj-btn-5:hover {
	border: 1px solid #999;
	background: #3c1abd;
	text-decoration: none !important;
	transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  
.ac-btn-4 {
	padding: 12px 80px;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin: 30px 0 0;
	color: #fff !important;
	display: inline-block;
  
	text-align: center;
	font-weight: 600;
	border-radius: 24px;
	font-family: "Noto Sans KR", sans-serif;
	background: #062b54 url(../img/ac_list_next.png) 140px 18px no-repeat;
  }
.ac-btn-4:hover {
	text-decoration: none !important;
	transition: all 0.3s ease;
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #0d478a url(../img/btn_list_next_off.png) 150px 18px no-repeat;
  }
  

.inline{display: inline-block;}
.block{display: block;}
.pd-r10{padding-right:10px}
.pd-l40{padding-left:36px}
/*회원사소식*/
.tbl_etc {
	position: relative;
	/*border-top: 3px solid #afafaf;*/
	border-bottom: 1px solid #dedede;
	overflow: hidden;
  }
  .tbl_etc .tbl_tit {
	padding: 10px 0  40px;
	text-align: center;
  }
  .tbl_etc .tbl_tit em {
	display: block;
	font-size: 1.8em;
  }
  .tbl_etc .tbl_tit > span {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	color: #0e0e0e;
	font-size: 27px;
	font-weight: 600;
	
  }
  .tbl_info {
	padding: 20px 20px;
	overflow: hidden;
	border-top: 1px solid #dedede;
  }
  .tbl_info .tit {
	float: left;
  }
  .tbl_info > span {
	font-weight: 300;
  }
  .tbl_info > span > em {
	font-weight: 600;
	font-size: 1.2em;
  }
  .tbl_etc > .view {
	position: absolute;
	top: 40px;
	right: 0;
	font-size: 0.938em;
	font-weight: 500;
  }
  
  .tbl_info .date {
	float: left;
  }
  .tbl_info .date:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 8px;
	background-color: #c2c2c2;
	margin: 0px 8px 1px 10px;
  }
  .tbl_info .view {
	float: right;
  }
  .view_con {
	padding: 50px 10px;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
  }
  .view_con .img_area {
	text-align: center;
  }
  
  .tbl_file {
	padding: 18px 20px;
	border-bottom: 1px solid #dedede;
  }
  .tbl_file p {
	font-weight: 300;
  }
  .tbl_file p em {
	font-weight: 600;
	font-size: 1.2em;
  }
  
  .tbl_file p em:before {
	content: "";
	display: inline-block;
	vertical-align: text-top;
	background: url(../img/down_ico.png) no-repeat left center;
	width: 22px;
	height: 25px;
	padding-right: 8px;
  }
  
  .btn_wrap {
	text-align: center;
	margin-top: 62px;
  }
  .btn_area1 {
	margin-top: 30px;
	overflow: hidden;
	text-align: center;
  }
  .btn_area1 a {
	display: inline-block;
	margin-left: 47px;
	vertical-align: bottom;
	color: #000000;
  }
  .btn_area1 a:first-child {
	margin-left: 0;
  }
  .btn_area1 a span {
	display: inline-block;
	color: #333;
	min-width: 110px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
  }
  .btn_area1 a.btn_list span {
	height: 53px;
	line-height: 53px;
	border-bottom: 2px solid #555;
  }
  .btn_area1 a.btn_prev span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 73px;
	height: 17px;
	background: url(../img/btn_list_prev.png) no-repeat left center;
	margin-bottom: 4px;
  }
  .btn_area1 a.btn_list span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 17px;
	width: 14px;
	height: 13px;
	background: url(../img/list_icon.png) no-repeat left center;
	margin-bottom: 4px;
  }
  .btn_area1 a.btn_next span:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 73px;
	height: 17px;
	background: url(../img/btn_list_next.png) no-repeat right center;
	margin-bottom: 4px;
  }
  
/*정보*/
.cert_info{width:100%; display: inline-block; padding-bottom:80px}
.cert_info2{width:100%;  display: inline-block;}
.cert_info h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
}

.cert_info2 h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 10px;
}

.cert_box{background-color: #fcfcfc; padding:20px}

.cert_box li{display: inline-block; padding:0 10px 0 0}

.acc_b{float: right; padding-bottom: 20px;}
.cert_pro{width:1000px; margin:0 auto; text-align: center; clear: both;}

.cert_pro h4 {
    background: url(../img/dot1.png) no-repeat left center;
    padding-left: 20px;
    color: #007dc9;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
    margin-bottom: 20px;
}

.cert_boxwrap {
    box-sizing: border-box;
    width: 24%;
    height: 210px;
    padding-bottom: 20px;
    border: 1px solid #ddd;
    border-top: 1px solid #457aa4;
    margin-bottom: 2%;
}

.cert_boxwrap h4 {
    margin: 45px 0 0;
    font-size: 18px;
    color: #222;
    text-align: center;
    padding-bottom: 20px;
}

.cert_boxwrap .cent {
    text-align: center;
}
.law_b{text-align:center; padding-bottom: 20px;}


/*협회일정*/

.schedule_area .schedule_header{height:50px;text-align:center}
.schedule_area .schedule_header .date{display:inline-block;margin:0 30px;height:50px;vertical-align:middle;line-height:50px;font-size:2.4em;color:#1b1b1b;font-weight:700;*display:inline;zoom:1}
.schedule_area .schedule_header .btn_prev,
.schedule_area .schedule_header .btn_next{display:inline-block;width:48px;height:48px;vertical-align:middle;border:1px solid #e5e5e5;*display:inline;zoom:1}
.schedule_area .schedule_header .btn_prev{background:#fff url("../img/page_prev.png") no-repeat center center}
.schedule_area .schedule_header .btn_next{background:#fff url("../img/page_next.png") no-repeat center center}
.schedule_area .schedule_legend{padding-top:8px;height:40px;text-align:right}
.schedule_area .schedule_legend p{display:inline-block;margin-left:18px;vertical-align:middle;*display:inline;zoom:1}
.schedule_area .schedule_table_area p{position:relative;padding-left:30px;height:26px;line-height:26px;font-size:1.0em;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.schedule_area .schedule_table_area p .type{display:block;position:absolute;left:0;top:0;width:26px;height:26px;line-height:26px;text-indent:-1px;text-align:center;color:#fff;border-radius:50%;background:#7fb410}
.schedule_area .schedule_table_area p.law .type{background:#0075c2}
.schedule_area .schedule_table_area p.event .type{background:#1eb9e3}
.schedule_area .schedule_table_area p.com .type{background:#f79646}
.schedule_area .schedule_legend p{color:#7fb410}
.schedule_area .schedule_legend p.law{color:#0075c2}
.schedule_area .schedule_legend p.event{color:#1eb9e3}
.schedule_area .schedule_legend p.com{color:#f79646}
.schedule_area .schedule_header_mobile{display:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f7f8}
.schedule_area .schedule_header_mobile .table_td{height:50px;text-align:center;font-size:1.6em;color:#222}
.schedule_area .schedule_header_mobile .day{width:20%}
.schedule_area .schedule_header_mobile .content{width:80%}
.schedule_area .schedule_table{table-layout:fixed}
.schedule_area .schedule_table th{height:40px;text-align:center;font-size:1.0em;color:#363636;font-weight:500;border:1px solid #e2e3e3;background:#f6f7f8}
.schedule_area .schedule_table td{position:relative;padding:14px 10px 10px 40px;height:130px;vertical-align:top;border:1px solid #e2e3e3;background:#fff}
.schedule_area .schedule_table td .day{display:block;position:absolute;left:8px;top:8px;font-size:1.0em;color:#363636;font-weight:700}
.schedule_area .schedule_table td .day span{font-size:0.8em;color:#555;font-weight:normal}
.schedule_area .schedule_table td p{margin-bottom:5px}
.schedule_area .schedule_table td p a{color:#222;}
.schedule_area .schedule_table td p a:hover{text-decoration:underline;}
.schedule_area .schedule_table td.schedule{background:#f2fbfe}
.schedule_area .schedule_table th.sun,
.schedule_area .schedule_table td.sun .day{color:#f00000}
.schedule_area .schedule_table th.sat,
.schedule_area .schedule_table td.sat .day{color:#0075c2}
.schedule_area .schedule_table td.prev .day,
.schedule_area .schedule_table td.next .day{color:#a7a9ac!important;font-weight:normal!important}

/*회원혜택*/
.join_btn{position: absolute; top: 50%; left: 30%; width: 200px;}

.join_btn a {display:block; padding:0 19px; border:1px solid #ccc; background:#fff}
.join_btn a span {display:block; font-size:12px; line-height:38px; background:url(../img/ico-down.png) 100% 50% no-repeat}
.join_btn a,
.join_btn a span {transition:all .4s ease; -webkit-transition:all .4s ease}
.join_btn a {background:#fff url(../img/bg-btn.png) -148% 0 no-repeat}
.join_btn a:hover,
.join_btn a:focus {border-color:#000; background-position:0 0}
.join_btn a:hover span,
.join_btn a:focus span {color:#fff; background:url(../img/ico-main-links-over.png) 100% 50% no-repeat}

.visnBox01 {position: relative;  padding: 2rem 0;}
.visnBox01 li {width: 23.5%; height: 6.5rem; float: left; color: #222; padding: 1rem; border: 2px solid #dadbdd; border-radius: 20rem; font-size: 0.8rem; line-height: 1.3;}
.visnBox01 li :before{background: url(../img/arrow-right.png);}

.acount_btn{position: absolute; top: 67%; left: 38%; width: 200px;}
.acount_btn a {display:block; padding:0 19px; border:1px solid #ccc; background:#fff}
.acount_btn a span {display:block; font-size:12px; line-height:38px; background:url(../img/ico-down.png) 100% 50% no-repeat}
.acount_btn a,
.acount_btn a span {transition:all .4s ease; -webkit-transition:all .4s ease}
.acount_btn a {background:#fff url(../img/bg-btn.png) -148% 0 no-repeat}
.acount_btn a:hover,
.acount_btn a:focus {border-color:#000; background-position:0 0}
.acount_btn a:hover span,
.acount_btn a:focus span {color:#fff; background:url(../img/ico-main-links-over.png) 100% 50% no-repeat}


.pl_btn{width: 200px; display: inline-block; margin-right:30px}
.pl_btn a {display:block; padding:0 12px; border:2px solid rgb(62, 62, 62); background:#fff}
.pl_btn a span {display:block; font-size:14px; line-height:38px; background:url(../img/ico-down.png) 100% 50% no-repeat; font-weight:600 }
.pl_btn a,
.pl_btn a span {transition:all .4s ease; -webkit-transition:all .4s ease}
.pl_btn a {background:#fff url(../img/bg-btn.png) -148% 0 no-repeat}
.pl_btn a:hover,
.pl_btn a:focus {border-color:rgb(55, 10, 139); background-position:0 0}
.pl_btn a:hover span,
.pl_btn a:focus span {color:#fff; background:url(../img/ico-main-links-over.png) 100% 50% no-repeat}


/*협회주요사업*/
.center{text-align: center;}
.font16{font-size: 16px; font-weight: 600;}
.pd-l30{padding-left: 30px;}
.ul2 {
    list-style: none;
    margin-left: 15px;
    margin-top: 10px;
}
.ul2 li {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 300;
    background: url(../img/dot2.png) no-repeat 1% 44%;
    padding-left: 20px;
    line-height: 1.5;
    margin-left: 10px;
}

.faq-list {
    margin-top: 0px;
    border-bottom: 1px solid #ddd;
    list-style-type: none;
}

.faq-list .head {
    position: relative;
    padding: 8px 0;
}

.faq-list .head .question {
    display: block;
    padding: 10px 50px 5px 10px;   
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.faq-list .cont {
    display: none;
    padding: 12px 20px;
    border-top: 1px dashed #cacaca;
    background: #f8f8f8;
}

.faq-list li:not(:first-child) {
	border-top: 1px solid #ddd;
  }

.faq-list .head .question:after {
    content: "";
    display: block;
    position: absolute;
    top: 36px;
    right: 10px;
    width: 18px;
    height: 10px;
    background-image: url(../img/arrow-bottom.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    transition: all 0.5s;
}

.faq-list .active .question:after {
    background-image: url(../img/arrow-top.png);
    transition: all 0.5s;
}

.udline{text-decoration: underline;}
.in{display: inline !important;}
.fw{font-weight: 600;}
.c-red{color:#ff0022}


/*ceo포럼*/
.ceo_box{width:100%; margin-top:20px; height: 50px;} 
.ceo_box:after { content: ''; top: -73px;  bottom: 0; left:60px; width: 20px; height: 18px;  margin-top: auto; margin-bottom: auto; background-image: url(../img/center_arrow_sprite.png); background-repeat: no-repeat; position: absolute;}

.ceo_box1{width:100%; margin-top:20px; height: 50px;} 
.ceo_box1:after { content: ''; top: 60px;  bottom: 0; left: 60px; width: 20px; height: 18px;  margin-top: auto; margin-bottom: auto; background-image: url(../img/center_arrow_sprite.png); background-repeat: no-repeat; position: absolute;}

.ceo_box2{width:100%; margin-top:20px; height: 50px;} 
.ceo_box2:after { content: ''; top: 200px;  bottom: 0; left: 60px; width: 20px; height: 18px;  margin-top: auto; margin-bottom: auto; background-image: url(../img/center_arrow_sprite.png); background-repeat: no-repeat; position: absolute;}

.ceo_box3{width:100%; margin-top:20px; height: 50px;} 


.ceo_tit{position: relative; display: block; float: left; width: 22.3%; margin-right: 3.6%;}
.ceo_cont {float: left;  margin: 10px 0 0; width: 74.1%;}
.ceo_cont span{font-size: 16px;}
.ceo_tit span { position: relative; display: inline-block; padding-bottom: 14px; font-size: 1.375em;  /* font-size: 1.5em; */ font-weight: 500; word-break: keep-all;}
.ceo_tit span:before { content: ''; content: ''; display: inline-block; position: absolute; left: 0; bottom: 0; width: 48px; height: 2px; z-index: 1; background: #562d36;}
.ceo_tit:after { content: ''; display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #dddddd;}

.ul5 {list-style: none;margin: 20px 0}
.ul5 li {display: inline-block;background: #0F79E5;margin: 0 10px 10px 0;color: #ffffff;padding: 10px 0;font-size: 14px;font-weight: 500;width: 114px;text-align: center}

.line_bar{border-bottom: 1px solid #efefef;}
.tit1{font-size:16px !important; font-weight: 600; padding-bottom: 18px;}

.downLoad {
    padding-left: 6px;
	font-weight: 600;
    color: blue !important;
    text-decoration: underline !important;
}


/*bbs*/
.box.type7{border:none;}
.box.type7:before, .box.type7:after{display:none;}
.box.type7 .box_wrap{padding:53px 25px 46px 196px; background:#eaedf3;}
.box.type7 .box_wrap:before{top:43px; left:51px; width:94px; height:94px; background-color:#fff;}
.box.type7 .box_wrap:after{/* top:68px; *//* left:79px; *//* width:38px; *//* height:46px; *//* background:url('/site/learning/images/contents/cts2083_icon.png') no-repeat left top; */}
.box.type7 .box_title{margin-bottom:9px; font-size:22px; color:#2960c5; text-decoration:underline;}

.box {position:relative; min-height:180px; margin-top:15px; margin-bottom:50px; border:1px solid #e2e2e2;}
.box:before, .box:after {display:block; position:absolute;}
.box:before {top:-1px; left:-1px; width:180px; height:39px; border-top:1px solid #000; border-left:1px solid #000;}
.box:after {top:-5px; left:86px; width:7px; height:7px; border:2px solid #3f62c4; border-radius:50%; background-color:#fff;}
.box .box_wrap {position:relative; padding:38px 40px 37px 225px;}
.box .box_wrap:before, .box .box_wrap:after {display:block; position:absolute;}
.box .box_wrap:before {top:39px; left:39px; width:100px; height:100px; border-radius:50%; background-color:#f4f4f4;}
.box .box_wrap:after {/* top:69px; *//* left:65px; *//* width:49px; *//* height:38px; *//* background:url('/common/images/template/box_icon.png') no-repeat left top; */}
.box .box_title {margin-bottom:15px; color:#000; font-size:20px; line-height:22px; font-weight:600;}
.box .box_title span{font-size:15px; font-weight:400;}
.icon7{position: absolute; top:30px; left:40px; z-index:10; border-radius: 50%; width:100px;height:100px; background:#fff url(../img/noti_icon.png) no-repeat center}



.box_basic {
    position: relative;
    padding: 20px 30px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}

.dot {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

ul.bu {
    padding-top: 3px;
    padding-bottom: 7px;
    padding-left: 11px;
}
ul.bu > li {
    padding-left: 25px;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}

.btn-w{text-align: right;}
.p-button.write {
    padding-right: 30px;
    background: #202e70;
	color:#fff;
	padding:8px 30px;
	border:none;
}

.cancel {background-color: #efefef;  border-color: #d6d6d6; color: #666; padding:8px 30px;}

/*뉴스레터*/
.board_list {
    border-top: 2px solid #555;
    border-bottom: 1px solid #aaa;
    overflow: hidden;
}
.board_pdf.newsletter_list {
	display: block;
	width: 100%;
	margin: 0 !important;
	}
.board_pdf .title a { display: block; font-size: 22px;}

.newsletter_list > li:first-child {
		display: flex;
		display: -webkit-flex;
		flex-flow: row wrap;
		align-items: center;
		align-content: center;
	}
.newsletter_list > li {
	float: none;
	width: 100%;
	padding: 3rem 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}
.newsletter_list .thumb_area {
	display: block;
	margin-right: 5rem;
	padding: 1.2rem 0.8rem;
	border: 1px solid #ddd;
	}
.newsletter_list .thumb {
	width: 22.1rem;
	height: 31.9rem;
	margin-bottom: 0;
	padding-top: 0; 
	overflow: hidden;
	}
.newsletter_list .thumb img {
    top: 0;
    left: 0;
    transform: inherit;
	}
.newsletter_list .vol {
	display: inline-block;
	position: relative;
	margin-bottom: 2.4rem;
    padding: 0 0.5rem 0.5rem;
	color: #1B358E;
	letter-spacing: -0.1rem;
	font-size: 1.6rem;
	font-weight: 700;
	}
.newsletter_list .vol::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #1B358E;
	content: '';
	}	
.newsletter_list .thumb_area + .group {
    width: calc(100% - 29rem);
	}	
.newsletter_list .title {
	color: #222;
	letter-spacing: -0.1rem;
    line-height: 1.5;
	white-space: normal;
	font-size: 2.6rem;
	font-weight: 500;
	}
.newsletter_list .btn_icon {
	margin-top: 4rem;
	}	
.newsletter_list > li:first-child .btn_icon a {
	letter-spacing: -0.1rem;
	border-color: #000;     
	}
.newsletter_list > li:nth-child(n+2) .group {
	display: flex; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center; 
	width: 100%;
	}	
.newsletter_list > li:nth-child(n+2) .title {
	width: calc(100% - 15.5rem);
	margin-bottom: 0;
	padding-right: 5rem;	
	color: #222;
	font-size: 2rem;
	}	
.newsletter_list > li:nth-child(n+2) .btn_icon {
    margin-top: 0;
	}
.newsletter_list > li:nth-child(n+2) .btn_icon a {
	width: 20.5rem;
    margin-right: 0;
	padding: 1rem;
	}	

.new_icon{width:12px; vertical-align: middle;}

.sr_only{width:20px; height:20px; vertical-align: middle;}
.btn_icon a{border:1px solid #333; padding:6px 12px}
.btn_icon a:hover{background:#0c66e1; color:#fff}


/*웹진*/

.webzine_left{width:180px; display: inline-block;}
.select_webzine {
    width: 180px;
    height: 40px;
    background: 0 0;
    line-height: 40px;
    border: 1px solid #9c9c9c;    
    position: relative;
    font-weight: 400;
    vertical-align: top;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    
}

.wzine{padding-top:10px}
.wzine li{padding:10px 0 10px 50px; background: url("../img/webzine_icon1.png") no-repeat 10% 47%; border-bottom:1px solid #eaeaea}

.webzine_right{width:78%; float: right; margin-bottom:50px}

/*품목별 게시판*/
.nav-tabs {
    position: relative;
    display: inline-block;
	width: 100%;
	margin-bottom:20px;
}
.nav-tabs .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	display: inline-block;
	width:13.8%;
	border: 1px solid #eee;
}

.nav-tabs .nav-link {
    padding: 1em .5em;
    border: 0;
    font-size: 1.111rem;
    border-bottom: 3px solid transparent;
    text-align: center;
    line-height: 1.45;
    font-weight: 500;
	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs .nav-link.active {
    border-bottom-color: #0070C3;
    color: #0070C3;
}

.nav-tabs .nav-item a:hover {
	border-bottom-color: #efefef;

}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}


.nav-tabs1 {
    position: relative;
    display: inline-block;
	width: 100%;
}
.nav-tabs1 .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	display: inline-block;
	width:49.3%;
	border: 1px solid #eee;
}

.nav-tabs1 .nav-link {
    padding: 1em .5em;
    border: 0;
    font-size: 1.111rem;
    border-bottom: 3px solid transparent;
    text-align: center;
    line-height: 1.45;
    font-weight: 500;
	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs1 .nav-link.active {
    border-bottom-color: #0070C3;
    color: #0070C3;
}

.nav-tabs1 .nav-item a:hover {
	border-bottom-color: #efefef;

}



.nav-tabs2 {
    position: relative;
    display: inline-block;
	width: 100%;
}
.nav-tabs2 .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	display: inline-block;
	width:24.5%;
	border: 1px solid #eee;
}

.nav-tabs2 .nav-link {
    padding: 1em .5em;
    border: 0;
    font-size: 1.111rem;
    border-bottom: 3px solid transparent;
    text-align: center;
    line-height: 1.45;
    font-weight: 500;
	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs2 .nav-link.active {
    border-bottom-color: #0070C3;
    color: #0070C3;
}

.nav-tabs2 .nav-item a:hover {
	border-bottom-color: #efefef;

}



.nav-tabs3 {
    position: relative;
    display: inline-block;
	width: 100%;
}
.nav-tabs3 .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
	display: inline-block;
	width:49.5%;
	border: 1px solid #eee;
}

.nav-tabs3 .nav-link {
    padding: 1em .5em;
    border: 0;
    font-size: 1.111rem;
    border-bottom: 3px solid transparent;
    text-align: center;
    line-height: 1.45;
    font-weight: 500;
	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs3 .nav-link.active {
    border-bottom-color: #0070C3;
    color: #0070C3;
}

.nav-tabs3 .nav-item a:hover {
	border-bottom-color: #efefef;

}


/*padding*/
.pd-l4{padding-left:4px}
.pd-l20{padding-left:20px}
.pd-l26{padding-left:28px}
.pd-l20i{padding-left:20px !important}
.d-inline{display:inline-block !important;}
.pd-t10{padding-top:10px}
.pd-t30{padding-top:30px}
.pd-tb20{padding:20px 0}
.pd-tb10{padding:10px 0}
.pd-l54{padding-left: 54px;}
.color-23{color:#d0520d}
.pd-b20{padding-bottom: 20px;}

.w100{width:100px}

/*page num*/
/* pagenate */
.paginate-complex {
	padding: 10px 0 0 10px;
	line-height: normal;
	text-align: center !important;
	margin-bottom: 30px;
	margin-top: 30px;
  }
  .paginate-complex a,
  .paginate-complex strong {
	display: inline-block;
	position: relative;
	z-index: 2;
	margin: 0;
	width: 35px;
	height: 35px;
	line-height: 35px !important;
	color: #333;
	text-decoration: none;
	background: #fff;
	margin: 0px;
	border: 1px solid #ddd;
  }
  .paginate-complex a:hover,
  .paginate-complex a:active,
  .paginate-complex a:focus {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border: 1px solid #333;
  }
  .paginate-complex strong {
	color: #fff;
	background-color: #333;
	font-weight: bold;
  }
  .paginate-complex .direction {
	border: 0;
	font-weight: normal;
	color: white;
	text-decoration: none;
	z-index: 1;
  }
  .paginate-complex .direction:hover,
  .paginate-complex .direction:active,
  .paginate-complex .direction:focus {
	border: 1px solid #333;
  }
  .paginate-complex .prev {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #ececec;
	background: url("../img/page_l.png") no-repeat center;
	background-size: 6px;
  }
  .paginate-complex .next {
	display: inline-block;
	margin-left: 5px;
	border: 1px solid #ececec;
	background: url("../img/page_r.png") no-repeat center;
	background-size: 6px;
  }
  .pagenate-complex .prev span {
	opacity: 0 !important;
  }
  

/*photo*/
.photoList {overflow:hidden;}
.photoList ul {overflow:hidden; margin:-8px;}
.photoList ul li {float:left; width:32%; padding:8px;}
.photoList ul li .inner {position:relative; border:1px solid #e6e6e6;}
.photoList ul li .cover {position:absolute; right:0; bottom:0; left:0; z-index:2; padding:4% 5%; background:rgba(0,0,0,.6); color:#fff; font-weight:300;}
.photoList ul li .cover .sbj {display:block; overflow:hidden; margin-bottom:2%; text-overflow:ellipsis; white-space:nowrap; font-size:16px}
.photoList ul li .thumb img {display:block; width:100%; height:190px;}
.sCut {position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; text-indent:-99999px; font-size:0;}



/*metting*/
.met_area{width:100%}
.met_lf{width:40%; display: inline; position: relative;}

.met_rf{width:59%; float: right;}
.table_style {border-collapse:separate;border-top:2px solid #4b4b4b;margin-left:-1px;width:100%; border-left: 1px solid #4b4b4b; border-right:1px solid #4b4b4b; border-bottom:1px solid #4b4b4b}
.table_style thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:600; border:none;}
.table_style tbody th {background:#fafafa; font-weight:600;}
.table_style th {font-size:17px;}
.table_style tbody td, .table_style tfoot td {background:#fff;}
.table_style tbody th, .table_style tbody td, .table_style tfoot th, .table_style tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:12px 1%; word-break:break-all; }
.table_style tr td dl {margin-bottom:5px; padding-bottom:10px;}
.table_style tr td dt {margin:7px 0; color:#004098; font-weight:600;}
.table_style tr td dd {padding-left:25px; line-height:1.5}
.w90{width:90%}
.w40{width:40%}
.border1{border:1px solid #333 !important}
.mg-r8{margin-right:8px}
.bgcolor_d5{background: #d5fffb;}
.h200{height:200px}
.btn-center{text-align: center;}
.clear{clear: both;}



/*edu*/
.edu {width:80%; margin:0 auto; padding-top:30px}
.edu li {display:inline-block; width:30%; text-align:center; font-size:22px; padding-bottom:10px}
.edu_line{border-bottom:2px solid #00298e}
.edu_step{background: #3f51b5; padding: 4px; color: #fff;}

.pd-b10{padding-bottom:10px}
.start_txt{float:right; padding-top:10px; clear: both; font-weight:600; color:#000 }
.start_txt1{float:right; padding-top:4px; clear: both; font-weight:600; color:#ff0000 }

.img_list li{width:48%; display:inline-block}


/*etc*/
.set p {
    font-size: 15px;
    font-weight: 300;
    margin: 20px 0;
    line-height: 2.0;
    word-break: keep-all;
    letter-spacing: 0.019em;
    margin-left: 20px;
}

.sitemap-wrap {position:relative;padding:22px 0 0}
.sitemap-wrap:before,
.sitemap-wrap:after {content:"";display:block;position:absolute;top:0;left:0;height:3px;}
.sitemap-wrap:before {width:300px;background:#009dd7;z-index:1}
.sitemap-wrap:after {width:100%;background:#333;z-index:0}
.sitemap-wrap .inwr {margin:0 0 27px;padding:0 0 18px;border-bottom:1px solid #d6cfc9;min-height:127px}
.sitemap-wrap .sitemap-list {display:block;position:relative;box-sizing:border-box;padding:0 0 0 281px;min-height:0}
.sitemap-wrap .sitemap-list .tit {display:block;position:absolute;width:250px;height:100%;left:0;top:0}
.sitemap-wrap .sitemap-list .tit a {display:block;position:relative;padding:18px 10px 0 0;font-weight:700;margin:0;line-height:1.2;transition:all .3s ease}
.sitemap-wrap .sitemap-list .tit a:after {display:block;font-size:1.529em;font-family:"minion-pro";color:#000;letter-spacing:0;font-weight:400;margin:18px 0 0;transition:all .3s ease}
.sitemap-wrap .sitemap-list .tit a:focus:after,
.sitemap-wrap .sitemap-list .tit a:hover:after {color:#009dd7}
.sitemap-wrap .sitemap-list .tit a span {display:block;line-height:1;font-size:1.688em;color:#333;transition:all .3s ease}
.sitemap-wrap .sitemap-list .tit a:focus span,
.sitemap-wrap .sitemap-list .tit a:hover span {color:#009dd7}
.sitemap-wrap .sitemap-list .tit a[target="_blank"] span {position:relative;padding:0 25px 0 0}
.sitemap-wrap .sitemap-list .tit a[target="_blank"] span:after {display:inline-block;content:"";width:13px;height:13px;vertical-align:middle;margin:-4px 0 0px 10px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -111px -30px}
.sitemap-wrap .sitemap-list .tit a[target="_blank"]:focus span:after,
.sitemap-wrap .sitemap-list .tit a[target="_blank"]:hover span:after {background-position:-134px -30px}
.sitemap-wrap .sitemap-list .depth2-list {position:relative;padding:10px 0;min-height:100px}
.sitemap-wrap .depth2 {display:block;overflow:hidden;font-size:0}
.sitemap-wrap .depth2 .lm_l2 {display:inline-block;position:relative;width:20%;padding:5px 15px 5px 24px;min-height:28px;box-sizing:border-box;font-size:17px;vertical-align:top;margin-top:29px}
.sitemap-wrap .depth2 .lm_l2:nth-child(-n+5) {margin-top:0}
.sitemap-wrap .depth2 .lm_l2:before,
.sitemap-wrap .depth2 .lm_l2:after {content:"";display:none;position:absolute;width:1px;height:9999%;top:0;background:url(/) repeat-y left top}
.sitemap-wrap .depth2 .lm_l2:first-child:before {display:block;left:0}
.sitemap-wrap .depth2 .lm_l2:nth-child(-n+5):after {display:block;right:0}
.sitemap-wrap .depth2 .lm_a2 {display:inline-block;position:relative;font-size:1.176em;letter-spacing:-.05em;color:#222;box-sizing:border-box;padding:0;font-weight:500;transition:all .3s ease}
.sitemap-wrap .depth2 .lm_a2 span {display:inline-block;line-height:1.2;word-break:break-word}
.sitemap-wrap .depth2 .lm_a2:before {content:"";display:block;position:absolute;width:0;height:0;background:#009dd7;left:-9px;top:0;margin:0 2px 0 0;transition:all .3s ease}
.sitemap-wrap .depth2 .lm_a2:hover,
.sitemap-wrap .depth2 .lm_a2:focus {color:#009dd7;padding-left:10px}
.sitemap-wrap .depth2 .lm_a2:hover:before,
.sitemap-wrap .depth2 .lm_a2:focus:before {width:9px;height:9px}
.sitemap-wrap .depth2 .lm_a2[target='_blank'] span:after {display:inline-block;content:"";width:12px;height:10px;vertical-align:middle;margin:0 0 4px 5px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px}
.sitemap-wrap .depth2 .lm_a2[target='_blank']:focus span:after,
.sitemap-wrap .depth2 .lm_a2[target='_blank']:hover span:after {background-position:-179px -30px}
.sitemap-wrap .depth3 {display:block;overflow:hidden;margin:7px 0 0}
.sitemap-wrap .depth3 .lm_l3 {display:block}
.sitemap-wrap .depth3 .lm_a3 {display:block;position:relative;font-size:.941em;font-weight:400;padding:2px 0 2px 0;margin:0;box-sizing:border-box;color:#666;transition:all .3s ease}
.sitemap-wrap .depth3 .lm_a3:before {content:"";display:block;width:0;height:3px;background:#009dd7;position:absolute;top:16px;left:0;transition:all .3s ease}
.sitemap-wrap .depth3 .lm_a3:focus,
.sitemap-wrap .depth3 .lm_a3:hover {color:#009dd7;padding-left:16px}
.sitemap-wrap .depth3 .lm_a3:focus:before,
.sitemap-wrap .depth3 .lm_a3:hover:before {width:7px}
.sitemap-wrap .depth3 .lm_a3[target='_blank'] span:after {display:inline-block;content:"";width:12px;height:10px;vertical-align:middle;margin:0 0 4px 5px;background:url(/resources/homepage/kor/_Img/Layout/layout_spr.png) no-repeat -157px -30px}
.sitemap-wrap .depth3 .lm_a3[target='_blank']:focus span:after,
.sitemap-wrap .depth3 .lm_a3[target='_blank']:hover span:after {background-position:-179px -30px}
.sitemap-wrap .depth4,
.sitemap-wrap .depth5 {display:none}
.sitemap-wrap.sitemap-eng .inwr {min-height:77px}
.sitemap-wrap.sitemap-eng .depth2 .lm_a2 span {word-wrap:break-word;word-break:keep-all;white-space:normal}


/*태영 css추가*/
.w95{width:95%}
.w10{width:10%}
.w20{width:20%}
.w30{width:30%}
.w50{width:50%}
.w55{width:55%}
.w80{width:80%}
.tb-list .left{text-align: left;}
.dis_inblock_right{display:inline-block !important; padding-right:10px}
.dis_inblock{display:inline-block !important; padding-left:10px}
.mg-b4{margin-bottom:4px}
.text_height{writing-mode: tb-rl}
.right_text{direction:rtl}
.author{font-size: large; font-weight:bold;}
.space_tab{padding:0px 30px; display: inline-block !important; }
.space_20{padding:0px 20px; display: inline-block !important;}
.space_2{padding:0px 2px; display: inline-block !important;}
.space_1{padding:0px 1px; display: inline-block !important;}
.pd-l15{padding-left:15px}
.input_number{width:50px; height:50px;}
.input_number_110{width:110px; height:50px;}
.input_number_180{width:180px; height:50px;}
.input_number_187{width:187px; height:50px;}
.select{width:125px; height:50px;}
.chk_loc{vertical-align:-1px;}
.padding{padding-bottom:8px}
.border{border:1px solid #d4d4d4}

/* bizedu_form_table */
.table_style_3 {border-collapse:separate;border-top: 2px solid #ddd;margin-left:-1px;width:100%;/* border-left: 1px solid #4b4b4b; */border-right: 1px solid #ddd;/* border-bottom:1px solid #4b4b4b; */ border:1px solid #000}
.table_style_3 thead th {background:#f5f5f5; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:600; border:none;}
.table_style_3 tbody th {background:#fafafa; font-weight:600;}
.table_style_3 th {font-size:17px;}
.table_style_3 tbody td, .table_style_3 tfoot td {background:#fff;}
.table_style_3 tbody th, .table_style_3 tbody td, .table_style_3 tfoot th, .table_style_3 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:12px 1%; word-break:break-all; }
.table_style_3 tr td dl {margin-bottom:5px; padding-bottom:10px;}
.table_style_3 tr td dt {margin:7px 0; color:#004098; font-weight:600;}
.table_style_3 tr td dd {padding-left:25px; line-height:1.5}

.box_show{box-shadow: rgb(0 0 0 / 35%) 5px 5px 12px;}


/*자유게시판 답글*/
.view_det {
    padding: 10px 10px;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
}

.view_box_det{border-radius: 4px; background: #ec136e; padding: 3px 20px; color: #fff; font-size: 12px;}

.view_det_area{padding:20px 10px}


/*표준인증업체현황*/
table.type02 {
	width: 100%;
    table-layout: fixed;
    font-size: 13px;
}
table.type02 th {
	border-top: 2px solid #173674;
	vertical-align: middle;
    border-bottom: 1px solid #d9d9d9;
    padding: 16px 0;
    font-weight: 700;
    background: #f9fafb;
}

table.type02 tr{
	cursor: pointer;
}

table.type02 tr:hover{
	background-color:#f3f8fd;
}

table.type02 td {
	vertical-align: middle;
    text-align: center;
    padding: 15px 5px;
    line-height: 18px;
    border-bottom: 1px solid #d9d9d9;
}

table.type02 p{padding:5px 0}

table.type02 span{padding:5px 8px}

.child {
    display: none;
}

.notic_line{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 76%;
    display: inline-block;}

.file{vertical-align: top}

.gpis_tit{display: inline-block !important ; color: #000;font-size: 16px !important;font-weight: 400;}


.mr-10{margin-right:24px}
.gpi_logobtn{background:#4784d8; color:#fff; padding:6px 20px; text-align:center; font-size:16px; width:30%; margin:0 auto; margin-top:40px; border-radius:2px}
.gpi_logobtn:hover{background:#13468b}

.gpi_logobtn1{background:#4784d8; color:#fff; padding:6px 20px; text-align:center; font-size:16px; width:30%; margin:0 auto; margin-top:40px; border-radius:2px}


.online-t{font-size:24px; line-height:34px }
.onlein-b{font-weight:600 }
.box-1{border:1px solid #e2e2e2; background-color:#fafafa; padding:20px; margin-top:30px; line-height:28px }
.online-t1{font-size:18px; line-height:28px }
.t20{padding-top:20px}

.online-tit{font-size:40px; font-weight:600; color:#0070c0; text-align: center; padding:40px 0 }

.cen{text-align: center; margin-top:40px}
.online-btn{width:200px; font-size:22px; background-color: #0D2259; border-radius: 136px; color:#fff; font-weight: 600; padding:1.2rem 4rem; justify-content: center}

.letsp{letter-spacing: -1px}


.shortsList{width:100%; position: relative;}

.shortsList li{width:48%; display: inline-block; text-align: center; padding-bottom:30px}
.shorttile{width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;  position: relative; padding: 10px 10%; font-size: 16px !important;}

.shortmore{margin-left: 4px;
    border-radius: 8px;
    background-color: #4966FB;
    position: relative;
    color: #fff;
    padding: 4px 25px 4px 9px;
    font-size: 13px;
    text-align: left;}


.shortmore::after {
    content: '';
    width: 1.0rem;
    aspect-ratio: 1 / 1;
    background: url(../img/btn_arw.svg) no-repeat center / contain;
    filter: saturate(0) brightness(10);
    position: absolute;
    left: 62px;
    top: 5px;
	
}