@charset "utf-8";

/* 							  /*
	메인 롤링 스크립트 - 추가/수정 css
*/

/* 메인 비쥬얼 */
.pp.play {width:16px; height:100%; cursor:pointer; background: url(../image/main/icon_slide_play.png) 50% 50% no-repeat; text-indent:-99999px;}
.pp.pause {width:16px; height:100%; cursor:pointer; background: url(../image/main/icon_slide_pause.png) 50% 50% no-repeat; text-indent:-99999px;}
.visual_btn {display: inline-block; height: 38px;}
.main_slide_wrap .main_slide_nav_wrap .nav_dot {float: left; margin: 0 10px;}
.main_slide_wrap .main_slide_nav_wrap .nav_dot span.swiper-pagination-bullet-active {background-image: url(../image/main/icon_slide_nav_on.png);}
.main_slide_wrap .main_slide_nav_wrap .nav_dot span {display: block;width: 12px;height: 38px;margin-right: 5px;background: url(../image/main/icon_slide_nav_off.png) 50% 50% no-repeat;float: left;cursor: pointer; opacity:1;}
.main_slide_wrap .main_slide_nav_wrap .nav_number {width: 35px;}

/*주요 메뉴 바로가기 페이징*/
.frequent_service_wrap .btn_next {cursor:pointer;}
.frequent_service_wrap .btn_prev {cursor:pointer;}
.frequent_aa {width:calc(100% - 400px);}
.frequent_bb {width:100%; overflow:hidden; height:140px;}
.frequent_cc {width:1800px; overflow:hidden;}

/* 과정 배너 */
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .hover_view dl {cursor: default; width: 100%;}
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .hover_view dl dd {float: left; width: 50%;}
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .hover_view dl dd p {font-size: 14px; color: #333;}
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap .txt_box_wrap .hover_view dl dd p i {margin-left: 4px; font-style: normal; font-size: 14px; color: #878787;}
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap,
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2 {transition: 0s;}
.btn_main_list.prev, .btn_main_list.next {background-color:transparent; cursor: pointer;}

/* 과정 배너 5번째 카드리스트 hover 우측 열림*/
.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2.swiper-slide-active + .main_list_card_wrap_2 + .main_list_card_wrap_2 + .main_list_card_wrap_2 + .main_list_card_wrap_2:hover .card_over{left: auto; right: 0;}

/* common 추가 */
.main_list_area .main_list_wrap .main_list_box {overflow: hidden;}

/* 메인 스크롤 자동 이동 */
.main_nav ul li.active a {background-color: #088488; color: #fff; position: relative; display: inline-block; line-height: 32px; height: 30px; border-radius: 30px; padding: 0 24px 0 14px; transition:.2s;}

/* 알림존 */
/*알림존*/
#noticeZone40 {position:relative;}
.mainBoard .mainBoard_cont {/* width: 30%; */height:332px;overflow: hidden;border-radius: 20px;box-shadow: 0px 5px 12px rgb(151 174 182 / 20%);border: 1px solid #ebebeb;box-sizing:border-box;}
.noticeZone {height:100%; overflow:hidden;}
.noticeZone ul {width: 1000%; height:100%;overflow:hidden;}
.noticeZone ul li {float:left; width:465px; height:100%;}
.noticeZone ul li a {display:block; width:100%; height:100%; border-radius:20px; overflow:hidden;}
.noticeZone ul li a img {width:100% !important; height:100% !important;}
.noticeZone_ctrl_wrap {position: absolute;background-color: rgb(255 255 255); width: 90%; padding: 7px 25px; border-radius: 40px; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; bottom: -15px; left: 5%; border: 1px solid #eee; box-shadow: 0px 5px 12px rgb(151 174 182 / 20%);}
.noticeZone_ctrl_wrap button {display:block; float:left; width:7px; height:24px; text-indent:-9999px; background-repeat: no-repeat; background-position:center center;}
.noticeZone_ctrl_wrap button.prev {background-image: url(../image/main/icon_slide_prev.png); background-color: transparent; cursor: pointer; width: 20px;}
.noticeZone_ctrl_wrap button.next {background-image: url(../image/main/icon_slide_next.png); background-color: transparent; cursor: pointer; width: 20px;}
.noticeZone_ctrl_wrap button.pp.pause {background-image: url(../image/main/icon_slide_pause.png);width: 24px; height: 100%; cursor: pointer; text-indent: -99999px;}
.noticeZone_ctrl_wrap button.pp.play {background: url(../image/main/icon_slide_play.png) 50% 50% no-repeat; width: 24px; height: 100%; cursor: pointer; text-indent: -99999px;}
.noticeZone_ctrl_wrap .noticeZone_count {display: inline-block; color: #8f8c8c; text-align: right; float: right; vertical-align: middle;}
.noticeZone_ctrl_wrap .noticeZone_count span {font-weight:400; color: #111;}
/*알림존*/
.mainBoard.w40 {width: 38%; height: 401px; overflow: hidden; }
.noticeZone ul .noticeZone_list a img {height: 100%; }

/* 							  /*
	통합검색
*/
.popular_search_area {width: 100%; position: relative; top: 300px;}
.popular_search_area .inner_box {border: 1px solid #426efd; border-radius: 20px; height: 100%; width: 100%; overflow: hidden;}
.popular_search_area .pop_tit {display: inline-flex; justify-content: center; align-items: center; width: 100%;	height: 50px; background: #426efd; color: #fff; font-size: 1rem;}
.popular_search_area .pop_tit i {width:24px; height:24px; margin-right:5px; background:url(../image/sub/icon_pop_img.png)}
.popular_search_area ol {padding: 25px;}
.popular_search_area li {display: flex; align-items: center; height: 32px;}
.popular_search_area .pop_num {display: inline-flex; width: 16px; height: 16px; margin-right: 10px; border: 1px solid #999; font-size: .688rem; color: #999; justify-content: center; align-items: center;}
.popular_search_area .pop_txt {font-size:.938rem;}

.search_content_area {width:100%; height:100%;}
.search_body .search_top {display: flex; width: 100%; margin-bottom: 25px; border-bottom: 2px solid #c7c1c1; padding-bottom: 15px;}
.search_body .search_top .tit {font-size:1.25rem; color:#333;}
.search_body .search_top .tit:before {content: ''; display: inline-block; width: 3px; height: 3px; border-radius:3px; background: #666; position: relative; top: -1px; margin-right: 5px; vertical-align: middle;}
.search_body .search_top .txt, .search_body .search_top .count {font-size:.938rem; color:#003964;}
.search_body {margin-bottom: 70px; border-bottom: 1px solid #dfdfdf;}
.search_body .search_top li {display: inline-flex; justify-content: center; align-items: center; height: 30px; margin-right: 10px;}
.search_body .search_cnt {margin-bottom:50px;}
.search_body .search_cnt:last-of-type{margin-bottom:20px;}
.search_body .search_cnt a {font-size:1rem; color:#000; margin-right:20px;}
.search_body .search_cnt .date {font-size:.875rem; color:#999;}
.search_body .search_cnt .txt_tit {margin-bottom:20px;}
.search_body .search_cnt .txt_cnt {font-size: 1rem; line-height: 25px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: normal; /*display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/ margin-bottom:10px;}
.search_body .search_cnt .txt_nav {font-size:.875rem; color:#999;}
.search_body .search_cnt:nth-child(n+5) {display:none;}
.search_body.on .search_cnt:nth-child(n+5) {display:block;}

.search_body .search_footer {width:100%; height:30px; margin-bottom:10px;}
.search_body .search_footer .inner_right {float:right;}
.search_body .search_footer .btn_search_add.off {display:none;}
.search_body .search_footer .btn_search_close.off {display:none;}
.search_body .search_footer .btn_search_add {color:#999; font-size:.875rem; padding-right: 16px; position: relative;}
.search_body .search_footer .btn_search_add:hover {text-decoration:underline;}
.search_body .search_footer .btn_search_add:before {content: ''; display: inline-block; width: 9px; height: 1px; background: #999; position: absolute; right: 0px; top: 10px;}
.search_body .search_footer .btn_search_add:after {content: ''; display: inline-block; width: 9px; height: 1px; background: #999; position: absolute; right: 0px; top: 10px; transform: rotate(90deg);}
.search_body .search_footer .btn_search_close {color:#111; font-size:.875rem; padding-right: 16px; position: relative;}
.search_body .search_footer .btn_search_close:hover {text-decoration:underline;}
.search_body .search_footer .btn_search_close:before {content: ''; display: inline-block; width: 9px; height: 1px; background: #999; position: absolute; right: 0px; top: 10px;}
.search_body .search_none_area {width: 100%;    text-align: center;    height: auto;    margin-top: 5rem;}
.search_body .search_none_img {width: 300px;    height: 240px;    background: url(../image/sub/search_none.png);    background-position: center;    display: inline-block;}
.search_body .txt_b {font-size:1.25rem; color:#003964;}
.search_body .txt_s {font-size:.938rem; color:#666;}

/* 통합검색 수정 */
.search_box_wrap2 .search_word2 .keyword {flex-wrap: wrap; width: 65%; display: inline-flex; white-space: nowrap; overflow: hidden;}
.search_box_wrap2 {border: 1px solid #f3f7ff;}
.search_box_wrap2 .search_word2 .title {display: inline-flex; vertical-align: middle; margin-right: 23px; width: 100px; height: 25px; font-size: 0.938rem; font-weight: normal; color: #003964; align-items: center;}
.search_box_wrap2 .search_word2 .title img {vertical-align: middle; padding: 0 3px 2px 0; width: 28px; height: 13px;}

/* header.css 변경 */
header .bottom_wrap .gnb > li {width: 160px;}
header .bottom_wrap .gnb > li > a {display: inline-block; text-align: left; cursor: default;}
header .lnb_bg_wrap {height:360px !important;}/* 400에서 370으로 임시 수정 - uhee */
header.jn_header .lnb_bg_wrap {height:490px !important;}
header.jn_header .bottom_wrap .gnb .lnb > li > a{font-size:0.85rem;}

@media screen and (max-width:800px) {

	.main_slide_wrap .main_slide_nav_wrap .nav_number {color:#fff;}
	.pp.play {width:16px; height:100%; cursor:pointer; background: url(../image/main/icon_slide_play_mob.png) 50% 50% no-repeat; text-indent:-99999px;}
	.pp.pause {width:16px; height:100%; cursor:pointer; background: url(../image/main/icon_slide_pause_mob.png) 50% 50% no-repeat; text-indent:-99999px;}
	.popular_search_area {display:none;}

	/* 모바일 대응(통합검색) */
	.mob_cont_pd {padding: 15px; margin-top:0px !important;}
	.mob_cont_pd .search_box_wrap2 .search {width:100%; max-width: 100%;}
	.mob_cont_pd .btn_detail {margin-left: 0px !important; display: inline-block; margin-top: 10px; width: 100%; border: 1px solid #3c76ed; padding: 0px; border-radius: 5px; color: #3c76ed; text-align: center; height: auto;}
	.mob_cont_pd input::placeholder {font-size: .968rem !important;}
	.mob_cont_pd .search_box_wrap2 {padding: 20px;}
	.mob_cont_pd .search_box_wrap2 .search_word2 {width: 100%; text-align: left; margin: 0 auto; padding: 20px 0px 0px 0px;}
	.mob_cont_pd .search_box_wrap2 .search_word2 .title {display: inline-block; vertical-align: middle; margin-right: 23px; width: auto; height: 25px; font-size: 0.938rem; font-weight: normal; color: #003964;}
	.mob_cont_pd .search_box_wrap2 .search_word2 .keyword {width: 100%; display: inline-flex; white-space: nowrap; overflow: hidden; flex-wrap: wrap;}
	.mob_cont_pd .search_box_wrap2 .search_word2 .word_box2 {color: #666; display: inline-flex; vertical-align: middle; padding-right: 20px; width: auto; font-size: 0.938rem; margin-top: 7px; background: #deeaff; padding: 3px 15px; border-radius: 20px;}
	.mob_cont_pd .search_box_wrap2 .btn_sub_search {height:50px;}
	.mob_cont_pd .search_box_wrap2 .search {height:50px;}

	/* 알림존 */
	.noticeZone ul .noticeZone_list {float: left;height: 100%;}
	.noticeZone ul .noticeZone_list a img {height: 100%; width: 100%;}


}
/* 수정 */
@media screen and (min-width: 800px) {
	.main_list_area .main_list_wrap .main_list_box ul .main_list_card_wrap_2:hover .card_over .txt_box_wrap .txt_box{overflow:hidden; height:auto;}
}