@charset "utf-8";
/* CSS Document */

button {-webkit-tap-highlight-color : transparent;}
a {-webkit-tap-highlight-color : transparent;}
input {-webkit-tap-highlight-color : transparent;}



/**** 본문바로가기 ****/
#accessibility {width:100%; text-align: center; background-color:#333; position:absolute; top:-31px; left:0; z-index: 500; height:30px;}
#accessibility a {color:#fff; font-size: 13px; display: inline-block; padding:6px 10px 6px;}

.skip-navi{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff !important;z-index:9999;}
.skip-navi:focus,.skip-navi:active{padding:5px 0;width:100%; color:#fff; height:auto; background:#888}


/**** 본문 ****/
#wrap {position:relative; width:100%; overflow: hidden; min-width:320px; min-height: 100vh;}


.inner1400 {width:1400px; margin:0 auto; position:relative;}
.inner1400:after {content: ""; display: block; clear: both;}

.dpnone {display: none !important;}


@media all and (max-width:1400px){
	.inner1400 {width:100%; padding:0 10px;}
}





/******* 모바일 메뉴 *******/
.mobile_menu {display: none;}
.mobile_menu_black {display: none;}


@media all and (max-width:1000px){
	/* 검정배경 */
	.mobile_menu_black {position: fixed; left: 0; top: 0; z-index: 2400; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}

	/* 모바일 메뉴 */
	.mobile_menu {display: block; position: fixed; right: -300px; top: 0; z-index: 2500; width: 300px; overflow-y: auto; height: 100%; background-color: #fff;}
	.mobile_menu .top_ul {display: flex; flex-wrap: wrap; height: auto; background-color: #015252; border-bottom: 1px solid #006f6f;}
	.mobile_menu .top_ul li {border-right: 1px solid #006f6f; flex-grow: 1; border-top: 1px solid #006f6f; margin-top: -1px;}
	.mobile_menu .top_ul li:last-of-type {border-right: none;}
	.mobile_menu .top_ul li a {display: block; height: 100%; display: flex; align-items: center; justify-content: center; padding:10px 10px; color: #fff; font-size: 14px;}
	.mobile_menu .top_ul li a.btn_close i {font-size: 27px; color: rgba(255,255,255,0.7);}
	
	.mobile_menu .search_b {height: 50px; width: 100%; border-bottom: 1px solid #eee;}
	.mobile_menu .search_b::after {content: ""; display: block; clear: both;}
	.mobile_menu .search_b input[type="text"] {float: left; width: 70%; height: 100%; font-size: 13px; border: none;}
	.mobile_menu .search_b button {float: left; width: 30%; height: 100%; font-size: 13px; background-color: #006f6f; color: #fff;}
	
	.mobile_menu .bott_box {width: 100%;}
	.mo_gnb {width: 100%;}
	.mo_gnb > li {border-bottom: 1px solid #e0e0e0;}
	.mo_gnb > li > a {display: block; padding: 18px 45px 17px 20px; position: relative;}
	.mo_gnb > li > a .txt {font-size: 17px; font-weight: 500; color: #333; letter-spacing: 0.02em;}
	.mo_gnb > li > a .icon {position: absolute; right: 18px; top: 18px; display: flex; justify-content: center; align-items: center; width: 23px; height: 23px; border:1px solid #e5e5e5;}
	.mo_gnb > li > a .icon i {font-size: 13px; color: #999;}
	.mo_gnb > li > a .icon2 {position: absolute; right: 20px; top: 18px;}
	.mo_gnb > li > a .icon2 i {font-size: 17px; color: #bbb;}
	.mo_gnb > li > a.active {}
	.mo_gnb > li > a.active .txt {color: #006f6f;}
	.mo_gnb > li > a.active .icon {border-color: #006f6f;}
	.mo_gnb > li > a.active .icon i {color: #006f6f;}
	.mo_gnb > li > a.active .icon2 i {color: #006f6f;}
	
	.mo_gnb_depth2 {display:none; width: 100%; background-color: #f0f0f0;}
	.mo_gnb_depth2 > li {border-top: 1px solid #e0e0e0;}
	.mo_gnb_depth2 > li > a {display: block; padding: 13px 33px 12px 27px; position: relative; background-color: #f7f7f7;}
	.mo_gnb_depth2 > li > a .txt {font-size: 15px; color: #777;}
	.mo_gnb_depth2 > li > a .icon {position: absolute; right: 20px; top: 13px;}
	.mo_gnb_depth2 > li > a .icon i {font-size: 13px; color: #777;}
	.mo_gnb_depth2 > li > a.active {background-color: #e5ecff}
	.mo_gnb_depth2 > li > a.active .txt {color: #222;}
	.mo_gnb_depth2 > li > a.active .icon i {color: #222;}

	.mo_gnb_depth3 {display:none; width: 100%; background-color: #fff;}
	.mo_gnb_depth3 > li {border-top: 1px solid #e0e0e0;}
	.mo_gnb_depth3 > li > a {display: block; padding: 13px 33px 12px 35px; position: relative;}
	.mo_gnb_depth3 > li > a .txt {font-size: 15px; color: #777;}
	.mo_gnb_depth3 > li > a .icon {position: absolute; right: 20px; top: 13px;}
	.mo_gnb_depth3 > li > a .icon i {font-size: 13px; color: #777; transition: all .25s ease;}
	.mo_gnb_depth3 > li > a.active {background-color: #eaf7ff;}
	.mo_gnb_depth3 > li > a.active .txt {color: #222;}
	.mo_gnb_depth3 > li > a.active .icon i {color: #222; transform: rotate(180deg);}

	.mo_gnb_depth4 {display:none; width: 100%; background-color: #fff; padding: 18px 20px 18px 25px;}
	.mo_gnb_depth4 > li {margin-top: 7px;}
	.mo_gnb_depth4 > li:first-child {margin-top: 0;}
	.mo_gnb_depth4 > li > a {display: block; padding-left: 15px; position: relative; font-size: 14px;}
	.mo_gnb_depth4 > li > a::before {content: ""; width: 5px; height: 1px; background-color: #888; position: absolute; left: 0; top: 11px;}
}





/****** 헤더 탑 *****/
#hdTopBanner {height: 100px; position: relative; z-index: 105; background-color: #fafafa;}
#hdTopBanner .btn_hdT {width: 45px; height: 45px; border-radius: 50%; background-color: rgba(0,0,0,0.2); color: #fff; transition: all .25s ease; position: absolute; top: 30%; z-index: 100;}
#hdTopBanner .btn_hdT:hover,
#hdTopBanner .btn_hdT:focus {background-color: rgba(0,0,0,0.5);}
#hdTopBanner .btn_hdT.prev {left: 20px;}
#hdTopBanner .btn_hdT.next {right: 20px;}
#hdTopBanner .btn_hdT2 { width: 22px; height: 22px; border-radius: 50%; background-color: #fff; margin: 0 5px; vertical-align: middle; transition: all .25s ease;}
#hdTopBanner .btn_hdT2:hover {background-color: #005a70; color: #fff;}
#hdTopBanner .hdTopNavWrap {position: absolute; right: 70px; bottom: 10px; z-index: 50; background-color: rgba(0,0,0,0.5); padding: 5px 10px; border-radius: 100px;}
#hdTopBanner .hdTopNavWrap .nav1 {display: inline-block; vertical-align: middle; margin-right: 5px;}
#hdTopBanner .hdTopNavWrap .nav1 .swiper-pagination-bullet {margin: 0 5px; vertical-align: middle; width: 7px; height: 7px; background-color: rgba(255,255,255,0.9); transition: all .25s ease;}
#hdTopBanner .hdTopNavWrap .nav1 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: transparent; border: 2px solid rgba(255,255,255,0.5); width: 15px; height: 15px;}
#hdTopBanner .hdTopNavWrap .oneday {display: inline-block; vertical-align: middle;}
#hdTopBanner .hdTopNavWrap .oneday label {font-size: 14px; color: #fff;}

#hdTopBanner .hdTopBaSlide {width: 100%; height: 100%;}
#hdTopBanner .hdTopBannerSl {width: 100%; height: 100%;}
#hdTopBanner .one {width: 100%; height: 100px;}
#hdTopBanner .one a {display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}



@media all and (max-width:1900px){
	#hdTopBanner .one a {background-size: cover;}
}

@media all and (max-width:1000px){
	/** #hdTopBanner {display: none;} **/
}







/******* 헤더 *******/
#hd {width: 100%; height: 90px; position: relative; z-index: 105; background-color: #fff;}

#hd .inner {display: flex; align-items: center;}
#hd .inner::after {content: ""; display: block; clear: both;}

#hd .logo_box {width: 17%; margin-right: auto; padding-left: 3%;}
#hd .main_menu_box {width: 50%;}
#hd .btn_box {margin-left: auto; width: 30%; padding-right: 3%; text-align: right;}

#gnb {width: 100%; display: flex;}
#gnb > li {flex-grow: 1;}
#gnb > li > a {display: block; line-height: 90px; height: 90px; text-align: center;}
#gnb > li > a span {display: inline-block;position: relative;font-size: 20px;font-weight: 400;transition: all .25s ease;line-height: 28px;padding-top: 30px;}

#gnb > li:hover > a span,
#gnb > li > a:focus span {color: #005a70; font-weight: 600;}

#gnb .gnb_depth2_box {display:none; width: 100%; position: absolute; left: 0; top: 100%; z-index: 1000; background-color: #fff; border-top: 1px solid #e4e3e1;}
#gnb .gnb_depth2_box .in_flex {display: flex;}
#gnb .gnb_depth2_box .lb_bg {width: 25%; min-height: 310px; position: relative; padding: 70px 30px 30px 50px; background:#005a70 url('/resources/user/rep/img/icon/icon_menu_bott.png') no-repeat right 30px bottom 30px;}
#gnb .gnb_depth2_box .lb_bg .diagonal_bg {display:block; width:2px; height: 38px; background-color: #e4e3e1; transform: rotate(-45deg); position: absolute; left: 36px; top: 25px;}
#gnb .gnb_depth2_box .lb_bg h2 {font-size: 35px; color: #fff; font-weight: 400;}
#gnb .gnb_depth2_box .lb_bg h5 {font-size: 34px; color: #1a6b7f; font-weight: 400;}
#gnb .gnb_depth2_box .rb_menu {width: 75%; position: relative;}
#gnb .gnb_depth2_box .rb_menu::before {content: ""; display:block; width: 15%; position: absolute; left: 0; top: 0; height: 100%; background-color: #eee; z-index: -1;}
#gnb .gnb_depth2_box .gnb_depth2 {width: 100%;}
#gnb .gnb_depth2_box .gnb_depth2 > li {width: 100%; border-bottom: 1px solid #e4e3e1; display: flex;}
#gnb .gnb_depth2_box .gnb_depth2 > li:last-child {border-bottom:none;}
#gnb .gnb_depth2_box .gnb_depth2 > li .lb {width: 15%;}
#gnb .gnb_depth2_box .gnb_depth2 > li .lb a {display:flex; width: 100%; height: 100%; align-items: center; padding: 20px 15px 20px 25px; font-size: 16px; font-weight: 400; color: #222; background-color: #eee; transition: all .25s ease;}
#gnb .gnb_depth2_box .gnb_depth2 > li .lb a:hover,
#gnb .gnb_depth2_box .gnb_depth2 > li .lb a:focus {background-color: #015252; color: #fff;}
#gnb .gnb_depth2_box .gnb_depth2 > li .rb {width: 85%; padding: 20px 20px 20px 25px;}
#gnb .gnb_depth2_box .gnb_depth3 {display: flex; flex-wrap: wrap;}
#gnb .gnb_depth2_box .gnb_depth3 > li {padding-left: 15px; position: relative; margin-right: 20px;}
#gnb .gnb_depth2_box .gnb_depth3 > li::before {content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background-color: #026636;}
#gnb .gnb_depth2_box .gnb_depth3 > li a {font-size: 15px; font-weight: 400; color: #222;}
#gnb .gnb_depth2_box .gnb_depth3 > li a:hover,
#gnb .gnb_depth2_box .gnb_depth3 > li a:focus {text-decoration: underline;}


.main_menu_black_box {display:none; position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}

/* active */
#gnb > li.active .gnb_depth2_box {z-index: 1001;}
#gnb > li.active > a span {color: #005a70;}




#hd .btn_box .a_tag_top {font-size: 14px; font-weight: 400; vertical-align: middle;}

#hd .btn_box .lang_top_01 {vertical-align: middle; display: inline-block; margin: 0 10px; position: relative;}
#hd .btn_box .lang_top_01 > a {display: block;}
#hd .btn_box .lang_top_01 > a .global {margin-right: 2px; font-size: 18px; vertical-align: middle;}
#hd .btn_box .lang_top_01 > a .txt {font-size: 14px; color: #444; font-weight: 400; margin-right: 2px; vertical-align: middle; letter-spacing: 0.5px;}
#hd .btn_box .lang_top_01 > a .arrow {vertical-align: middle;}
#hd .btn_box .lang_top_01 .sub_ul {display:none; position: absolute; left: 0; top: 100%; width: 110%; background-color: #fff; border: 1px solid #eee; box-shadow: 0 10px 10px rgba(0,0,0,0.1); text-align: center; z-index: 1100;}
#hd .btn_box .lang_top_01 .sub_ul > li {border-top: 1px solid #eee;}
#hd .btn_box .lang_top_01 .sub_ul > li:first-child {border-top: none;}
#hd .btn_box .lang_top_01 .sub_ul > li > a {display: block; padding: 5px; font-size: 12px; font-weight: 400; letter-spacing: 1px; color: #999; transition: all .25s ease;}
#hd .btn_box .lang_top_01 .sub_ul > li > a:hover,
#hd .btn_box .lang_top_01 .sub_ul > li > a:focus {background-color: #222; color: #fff;}

#hd .btn_box .btn_search_top {font-size: 26px; color: #111; transition: all .25s ease; vertical-align: middle; margin-left: 5px;}
#hd .btn_box .btn_search_top img {width: 23px; margin-top: -4px;}

#hd .btn_box .btn_siteMap {margin-left: 12px; width: 23px; vertical-align: middle;}
#hd .btn_box .btn_siteMap .line {display: block; width: 100%; height: 2px; background-color: #333; margin-top: 7px; transition: all .25s ease;}
#hd .btn_box .btn_siteMap .line:first-of-type {margin-top: 0;}
#hd .btn_box .btn_siteMap .line.short {width: 70%;}
#hd .btn_box .btn_siteMap:hover .line,
#hd .btn_box .btn_siteMap:focus .line {}
#hd .btn_box .btn_siteMap:hover .line.short,
#hd .btn_box .btn_siteMap:focus .line.short {width: 100%;}



#hd .btn_box .btn_MobileMenu {width: 20px; margin-left: 12px; display: none;}
#hd .btn_box .btn_MobileMenu .line {display: block; width: 100%; height: 2px; background-color: #111; margin-top: 5px; transition: all .25s ease;}
#hd .btn_box .btn_MobileMenu .line:first-of-type {margin-top: 0;}
#hd .btn_box .btn_MobileMenu .line.short {width: 70%;}
#hd .btn_box .btn_MobileMenu:hover .line,
#hd .btn_box .btn_MobileMenu:focus .line {background-color: #015252;}
#hd .btn_box .btn_MobileMenu:hover .line.short,
#hd .btn_box .btn_MobileMenu:focus .line.short {width: 100%;}



@media all and (max-width:1500px){
	#hd .inner {width: 100%; padding: 0 10px;}
	
	#hd .logo_box { padding-left: 10px; width: calc(40% - 200px);}
   #hd .main_menu_box {width: 50%;}
	#hd .btn_box {width: auto; padding-right: 10px; flex-shrink: 0; margin-left: 20px;}
	
	#gnb > li > a span {font-size: 18px;}

	#hd .btn_box .a_tag_top {font-size: 13px;}

	#hd .btn_box .lang_top_01 {margin: 0 5px;}
	#hd .btn_box .lang_top_01 > a .global {margin-right: 0px; font-size: 15px;}
	#hd .btn_box .lang_top_01 > a .txt {font-size: 13px; margin-right: 0px;}
	#hd .btn_box .lang_top_01 .sub_ul {width: 100%;}
	#hd .btn_box .lang_top_01 .sub_ul > li > a {}

	#hd .btn_box .btn_search_top {margin-left: 2px;}
	#hd .btn_box .btn_search_top img {width: 20px; margin-top: -4px;}

	#hd .btn_box .btn_siteMap {margin-left: 10px; width: 20px;}


	#gnb .gnb_depth2_box .lb_bg {width:20%; min-height: 230px; padding: 50px 20px 20px 45px; background-size: 100px;}
	#gnb .gnb_depth2_box .lb_bg .diagonal_bg {width:2px; height: 25px; left: 30px; top: 25px;}
	#gnb .gnb_depth2_box .lb_bg h2 {font-size: 20px;}
	#gnb .gnb_depth2_box .lb_bg h5 {font-size: 20px;}
	#gnb .gnb_depth2_box .rb_menu {width: 80%;}
	#gnb .gnb_depth2_box .gnb_depth2 > li .lb a {padding: 18px 15px 18px 20px; font-size: 14px;}
	#gnb .gnb_depth2_box .gnb_depth2 > li .rb {padding: 18px 15px 18px 20px;}
	#gnb .gnb_depth2_box .gnb_depth3 > li {margin-right: 15px;}
	#gnb .gnb_depth2_box .gnb_depth3 > li a {font-size: 14px;}
}


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

	/******* 헤더 *******/
	#hd {}
	#hd .logo_box {width: 250px; padding-right: 10px;}
	#hd .right_box {width: calc(100% - 250px);}

/* 	#hd .main_menu_box {width: 50%;} */
	#gnb .gnb_subMenu .info {width: 23%;}

	#gnb .gnb_subMenu .menu_b {width: 77%; background-color: #f4f4f4;}

}


@media all and (max-width:1000px){
	#hd {height: 70px !important;}
	#hd .wrap_menu {height: 70px !important;}

	#hd .logo_box {margin-top: 10px; width: 170px; margin-left: 10px; padding-right: 0;}
	
	#hd .main_menu_box {display: none;}
	#hd .a_tag_top {display: none;}
	#hd .btn_search_top {display: none;}
	#hd .btn_siteMap {display: none;}
	
	#hd .btn_box {line-height: 60px;}
	#hd .btn_box .lang_top_01 {display: none;}

	#hd .btn_box .btn_MobileMenu {display: inline-block;}
}
















/******* 풋터 *******/
#ft {width: 100%; background-color: #333333; padding:25px 0;}
#ft .top_box {border-bottom: 1px solid #48484a; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 20px;}
#ft .top_box .lb {margin-right: auto;}
#ft .bottom_box {display: flex; flex-wrap: wrap; align-items: center; padding: 25px 0 20px;}
#ft .bottom_box .lb {margin-right: auto;}
#ft .ft_menu {display: flex;}
#ft .ft_menu > li {padding: 0 22px;}
#ft .ft_menu > li:first-child {padding-left: 0;}
#ft .ft_menu > li > a {font-size: 15px; color: #999999;}
#ft .ft_menu > li.white > a {color: #fff;}
#ft .ft_menu > li > a:hover,
#ft .ft_menu > li > a:focus {text-decoration: underline;}
#ft .ft_sns {display: flex;}
#ft .ft_sns > li {padding: 0 7px;}
#ft .ft_sns > li > a {color: #999; font-size: 22px;}
#ft .ft_sns > li > a img {width: 22px; margin-top: -3px;}
#ft address {font-size: 14px; color: #999;}
#ft address b {font-size: 14px; color: #ccc; font-weight: 400;}



@media all and (max-width:800px){
	#ft {padding:20px 0 30px;}
	#ft .top_box {padding-bottom: 10px;}
	#ft .top_box .lb {width: 100%;}
	#ft .top_box .rb {width: 100%; margin-top: 10px; text-align: center;}
	#ft .bottom_box {padding: 15px 0 10px; text-align: center;}
	#ft .bottom_box .lb {width: 100%; padding: 0 30px;}
	#ft .bottom_box .rb {width: 100%; margin-top: 10px;}
	#ft .bottom_box .rb img {width: 200px;}
	#ft .ft_menu {flex-wrap: wrap;}
	#ft .ft_menu > li {padding: 5px 10px; width: 50%; text-align: center;}
	#ft .ft_menu > li:first-child {padding-left: 10px;}
	#ft .ft_menu > li > a {font-size: 14px;}
	#ft .ft_sns {display: inline-flex;}
	#ft .ft_sns > li {padding: 0 7px;}
	#ft address {font-size: 12px; word-break: keep-all;}
	#ft address b {font-size: 12px;}
}	







/*********** 컨텐츠  ***********/
/* 공통 */
#contents {}
#contents:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.sub_Mcontents {padding: 55px 0 80px;}
.sub_Mcontents.db {background-color: #f9f9f9; padding-top: 67px;}
.sub_Mcontents.db .sub_conStart {background-color: #fff; padding: 45px 40px;}


.sub_r_conStart {float:right; width: 81%; padding-left: 4.5%;}


/* 블라인드 */
span.tn {display: block; width: 0; height: 0; overflow:hidden; text-indent: -9999px;}


/* 서브타이틀 */
.sub_title_wrap {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb;}
.sub_title_wrap h2 {font-size: 30px; font-weight: 500; color: #222; line-height: 1.2;}


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

@media all and (max-width:1000px){
	/*서브*/
	.sub-content {min-height: auto;}
	
	.sub_Mcontents {padding: 30px 5px 35px;}
	.sub_Mcontents.db {padding-top: 30px;}
	.sub_Mcontents.db .sub_conStart {padding: 25px 10px;}

	.sub_r_conStart {float:none; width: 100%; padding-left: 0;}
	
	/* 서브타이틀 */
	.sub_title_wrap {margin-bottom: 20px; padding-bottom: 15px;}
	.sub_title_wrap h2 {font-size: 20px;}
}







/****** 서브왼쪽 메뉴 *****/
.sub_left_menu_wrap {float:left; width: 19%;}
.sub_lbMenu_top {width: 100%; height: 120px; padding: 5px; display: flex; justify-content: center; align-items: center; background-image: url('/resources/user/rep/img/bg/img_sub_menu_bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sub_lbMenu_top h2 {font-size: 24px; color: #fff; font-weight: 400;}
.sub_lbMenu {width: 100%;}
.sub_lbMenu > li {width: 100%; border-bottom: 1px solid #e0e0e0;}
.sub_lbMenu > li > a {display: flex; width: 100%; padding: 17px 17px;}
.sub_lbMenu > li > a .txt {margin-right: auto; font-size: 16px; font-weight: 400; color: #666;}
.sub_lbMenu > li > a .arrow {color: #afafaf; font-size: 15px;}
.sub_lbMenu > li > a .arrow i {transition: all .25s ease;}
.sub_lbMenu > li > a .icon {color: #393939; font-size: 15px;}

.sub_lbMenu li a.active {color:#777 !important;text-decoration:none}
.sub_lbMenu li a.active i {transform: rotate(180deg); transition: 0.1s;}



.sub_lbMenu .sub_lbMenu_depth2 {width: 100%; display: none; background-color: #f5f5f7; padding: 24px 20px;}
.sub_lbMenu .sub_lbMenu_depth2 > li {margin-top: 5px; padding-left: 15px; position: relative;}
.sub_lbMenu .sub_lbMenu_depth2 > li::before {content: ""; display: block; width: 5px; height: 5px; border: 1px solid #aaa; position: absolute; left: 0; top: 10px;}
.sub_lbMenu .sub_lbMenu_depth2 > li:first-child {margin-top: 0;}
.sub_lbMenu .sub_lbMenu_depth2 > li > a {font-size: 14px; color: #666;}
.sub_lbMenu .sub_lbMenu_depth2 > li > a:hover,
.sub_lbMenu .sub_lbMenu_depth2 > li > a:focus {text-decoration: underline; color: #222; font-weight: 400;}

/* active */
.sub_lbMenu > li.active {background-color: #999;}
.sub_lbMenu > li.active > a .txt {color: #fff;}
.sub_lbMenu > li.active > a .arrow i {transform: rotate(180deg); color: #fff;}
.sub_lbMenu > li.active > a .icon {color: #fff;}

.sub_lbMenu > li.active2 {background-color: #777;}
.sub_lbMenu > li.active2 > a .txt {color: #fff;}
.sub_lbMenu > li.active2 > a .arrow i {transform: rotate(180deg); color: #fff;}
.sub_lbMenu > li.active2 .sub_lbMenu_depth2 {display: block;}

.sub_lbMenu > li.active2 .sub_lbMenu_depth2 > li.active2 {text-decoration: underline; color: #222; font-weight: 400;}
.sub_lbMenu > li:has(.sub_lbMenu_depth2) > a::after{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;content:'축소됨'}
.sub_lbMenu > li:has(.sub_lbMenu_depth2).active2 > a::after{content:'확장됨'}

@media all and (max-width:1000px){
	.sub_left_menu_wrap {display: none;}
}





/******* 서브 탑 컨텐츠 *******/
#subTopCon {width: 100%;}
#subTopCon .txt_box {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#subTopCon .txt_box h2 {font-size: 45px; color:#fff; font-weight: 400; text-shadow: 0 0 10px rgba(0,0,0,0.4); line-height: 1.4; margin:-25px 0 15px; letter-spacing: -0.05em;}
#subTopCon .txt_box h2 .big {font-size: 1.05em;}
#subTopCon .txt_box h3 {text-align: center; font-size: 40px; color: #fff; font-weight: 400; line-height: 1; text-shadow: 0 0 10px rgba(0,0,0,0.2); margin-top: -15px;}
#subTopCon .img_box {width: 100%; height: 165px; overflow: hidden; z-index: -1; position: relative;}
/* #subTopCon .img_box::before {content: ""; display: block; position: absolute; left: 0; top: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 10;} */
#subTopCon .img_box img {max-width: none; min-width: 100%; min-height: 100%; animation:subBg 2s forwards;}

@keyframes subBg {
	0% {transform: scale3d(1,1,1);}
	100% {transform: scale3d(1.03,1.03,1.03);}
}

#subTopCon .subTop_menu {width: 100%; height: 55px; background-color: #fcfcfc; border-bottom: 1px solid #ececec;}
#subTopCon .subTop_menu .in {display:flex; width: 1400px; height: 100%; margin: 0 auto;}
#subTopCon .subTop_menu .lb {margin-right: auto;}
#subTopCon .subTop_menu .rb {margin-left: auto; position: relative;}
#subTopCon .subTop_menu .btn_home {float:left; height: 100%; width: 40px; color: #fff; transition: all .25s ease; margin-right: 15px;}
#subTopCon .subTop_menu .btn_home:hover,
#subTopCon .subTop_menu .btn_home:focus {background-color: #eee;}

#subTopCon .subTop_menu .menu_b {float:left; height: 100%; position: relative;}
#subTopCon .subTop_menu .menu_b > a {display: flex; width: 100%; height: 100%; align-items: center; position: relative; padding: 0 20px 0 5px; color: #111; font-size: 14px; font-weight: 400;}
#subTopCon .subTop_menu .menu_b:first-of-type > a {padding-left: 20px;}
#subTopCon .subTop_menu .menu_b i {position: absolute; right:  0px; top: 20px; transition: all .25s ease; color: #111;}

#subTopCon .subTop_menu .sub_top_in_letter {display:inline-flex; align-items: center; vertical-align:top; height: 100%; margin-left: -4px; background-color: #333; padding: 0 20px;}
#subTopCon .subTop_menu .sub_top_in_letter .btn_let {color: #fff; width: 23px; height: 23px; border: 2px solid #fff; border-radius: 50%; transition: all .25s ease;}
#subTopCon .subTop_menu .sub_top_in_letter .btn_let:hover,
#subTopCon .subTop_menu .sub_top_in_letter .btn_let:focus {border-color: #ffee8a; color: #111; background-color: #ffee8a;}
#subTopCon .subTop_menu .sub_top_in_letter .btn_txt {font-size: 16px; color: #fff; margin: 0 15px;}
#subTopCon .subTop_menu .sub_top_in_letter .btn_txt:hover,
#subTopCon .subTop_menu .sub_top_in_letter .btn_txt:focus {text-decoration: underline; font-weight: 400; color: #ffee8a;}

#subTopCon .subTop_menu .btn_sTop {height: 100%; width: 60px; margin-left: -5px; border-left: 1px solid rgba(255,255,255,0.1); color: #111; font-size: 18px; transition: all .25s ease; border-left: 1px solid #ececec;}
#subTopCon .subTop_menu .btn_sTop.sTopPrint {border-right: 1px solid #ececec;}
#subTopCon .subTop_menu .btn_sTop img {margin-top: -7px;}
#subTopCon .subTop_menu .btn_sTop.sTopNormal {font-size: 16px;}
#subTopCon .subTop_menu .btn_sTop:hover,
#subTopCon .subTop_menu .btn_sTop:focus {background-color: #eee;}


.s-sns-wrap {display:none; position: absolute; right:0; top: 105%; background-color:#fff; z-index: 100; border:1px solid #ddd; padding:15px; width: 300px; }
.s-sns-wrap .row {margin:7px 0 0;}
.s-sns-wrap .row:first-of-type {margin-top:0;}
.s-sns-wrap .tit {float:left; padding-top: 6px; width:22%; font-size: 13px; font-weight: 500;  padding-left: 3px;}
.s-sns-wrap .sns-b-ul {float:left;}
.s-sns-wrap .sns-b-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.s-sns-wrap .sns-b-ul li {float:left; margin:0 3px;}
.s-sns-wrap .sns-b-ul li a {display: block;}
.s-sns-wrap .sns-b-ul li a .icon {display: block; width: 29px; height: 29px; background-image:url('/resources/user/rep/img/icon/icon_sub_sns_01.jpg'); background-repeat: no-repeat;}
.s-sns-wrap .sns-b-ul li a .icon.face {background-position: 0 0;}
.s-sns-wrap .sns-b-ul li a .icon.twitter {background-position: -29px 0;}
.s-sns-wrap .sns-b-ul li a .icon.google {background-position: -58px 0;}
.s-sns-wrap .sns-b-ul li a .icon.kakao {background-position: -87px 0;}
.s-sns-wrap .sns-b-ul li a .icon.band {background-position: -116px 0;}
.s-sns-wrap .sns-b-ul li a .icon.kakaotalk {background-position: -145px 0;}
.s-sns-wrap .clo-b {float: right; margin:5px 0 0 10px;}
.s-sns-wrap .clo-b i {font-size: 18px;}
.s-sns-wrap .url-box {float:left; width: 60%; background-color:#fff; border:1px solid #ddd; font-size: 14px; padding:5px 10px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing: 0; }
.s-sns-wrap .btn-copy {float:right; display: block; width: 16%; margin-left: 2%; background-color:#888; border-radius: 12px; color:#fff; height: 30px; font-size: 12px; }




@media all and (max-width:1400px){
	#subTopCon .subTop_menu {width: 100%;}
	#subTopCon .subTop_menu .in {width: 100%;}
}


@media all and (max-width:1000px){
	/******* 서브 탑 컨텐츠 *******/
	#subTopCon {height: auto;}
	#subTopCon .txt_box {}
	#subTopCon .txt_box h3 {font-size: 20px; margin-top: -20px;}
	#subTopCon .txt_box .search_box {width: 100%; height: 40px; padding: 0 20px;}
	#subTopCon .txt_box .search_box .txt_db1 {padding: 0 71px 0 30px; font-size: 15px;}
	#subTopCon .txt_box .search_box .btn_db1 {position: absolute; right: 35px; top: 8px;}
	#subTopCon .txt_box .search_box .btn_db1 img {width: 20px;}
	
	#subTopCon .img_box {}
	#subTopCon .img_box img {left:50%; margin-left: -85%; max-width: none; width:300%;}
	
	#subTopCon .subTop_menu {height: auto; top: auto; flex-wrap: wrap;}
	#subTopCon .subTop_menu .lb {margin-right: auto; border-bottom: 1px solid rgba(255,255,255,0.1);}
	#subTopCon .subTop_menu .rb {margin-left: auto;}
	#subTopCon .subTop_menu .btn_home {width: 30px; height: 40px; font-size: 15px;}
	#subTopCon .subTop_menu .btn_home img {width: 15px;}

	#subTopCon .subTop_menu .menu_b {min-width: auto;}
	#subTopCon .subTop_menu .menu_b a {padding: 0 15px 0 5px; font-size: 11px;}
	#subTopCon .subTop_menu .menu_b:first-of-type a {padding-left: 10px;}
	#subTopCon .subTop_menu .menu_b i {right:  0px; top: 15px; font-size: 11px;}

	#subTopCon .subTop_menu .sub_top_in_letter {padding: 0 10px;}
	#subTopCon .subTop_menu .sub_top_in_letter .btn_let {width: 15px; height: 15px; border: 1px solid #fff; font-size: 10px;}
	#subTopCon .subTop_menu .sub_top_in_letter .btn_txt {font-size: 12px; color: #fff; margin: 0 10px;}



	#subTopCon .subTop_menu .btn_sTop {width: 35px; height: 40px; font-size: 15px;}
	#subTopCon .subTop_menu .btn_sTop img {width: 14px; margin-top: 0;}
	#subTopCon .subTop_menu .btn_sTop:not(.sTopShare) {display: none;}

	.s-sns-wrap {top: 39px; padding:15px; width: 270px; }
	.s-sns-wrap .row {}
	.s-sns-wrap .tit {padding-top: 3px; font-size: 12px; padding-left: 3px;}
	.s-sns-wrap .sns-b-ul li {}
	.s-sns-wrap .sns-b-ul li a .icon {width: 22px; height: 22px; background-size: 132px auto;}
	.s-sns-wrap .sns-b-ul li a .icon.face {background-position: 0 0;}
	.s-sns-wrap .sns-b-ul li a .icon.twitter {background-position: -22px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.google {background-position: -44px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.kakao {background-position: -66px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.band {background-position: -88px 0;}
	.s-sns-wrap .sns-b-ul li a .icon.kakaotalk {background-position: -110px 0;}
	.s-sns-wrap .clo-b {float: right; margin:2px 10px 0 10px;}
	.s-sns-wrap .clo-b i {font-size: 15px;}
	.s-sns-wrap .url-box {font-size: 11px; padding:5px 10px;}
	.s-sns-wrap .btn-copy {height: 26px; font-size: 11px; }

}	




















/******* 프린트 *******/
@media print {	
	.hd_top_box,
	.quick_menu_wrap,
	.hd_top_box,
	#subTopCon,
	#hd,
	#hdTopBanner,
	#ft, #quick {display: none;}

	.board_search_box {display: none !important;}
	

	#wrap,
	.inner1400,
	.sub_content {width: 100%;}

	
	.sub_Mcontents {padding:20px;}
	.sub_Mcontents.db {padding:20px;}
	.sub_Mcontents.db .sub_conStart {padding: 0;}



	a:focus,
	button:focus {border: none;}

	.sub_left_menu_wrap,
	.quick_menu_wrap {display:none;}

	.sub_r_conStart {float:none; width: 100%; padding-left: 0;}
    .campus {word-break: keep-all;}
  	.tbl_board1 { width: 100% !important;}
  
  
	/* body {width: 250%;height: 250%; margin: -10% 0;} */
	/* html {transform: scale(0.5); transform-origin: 0 0;} */
	
	/* body {display:table; width: 100%; height: 100%; zoom: 50%;} */

	/* html {zoom :0.3;} */

	/* body {transform: scale(0.7);} */
}




@page {
	/* size: 7in 9.25in; */
   /* margin: 10mm 10mm 10mm 10mm; */
   /* zoom: 0.8%; */
	size : A4;
	/* zoom:50%; */
}



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