@charset "utf-8";
@import url('font/font-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

div.wrapper {overflow:hidden; margin: 0 auto;font-family: 'Noto Sans KR', sans-serif;font-size: 14px;background: url('../image/topVisual.png') center top no-repeat;}
div.wrapper a {text-decoration: none;}

img {max-width:100%; width: 100%;}
.pt0 {padding-top: 0 !important;}

/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	div.wrapper {width: 100%;min-width:320px; font-size:12px;}
}

/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
	div.wrapper {width: 960px;min-width:960px;}
}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	.pcOnly {display:none !important;}
	.mobileOnly {display:block !important;}
}
/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
	.pcOnly {display:block !important;}
	.mobileOnly {display:none !important;}
}


/* =================== Header =================== */

div#headerWrap {position: relative;height: 369px;}
div#headerWrap a {display: block;}
div#headerWrap h1 {position: absolute; top: 0; background-color: rgba(0,0,0, .6);}
div#headerWrap h1 a {font-weight: 300; color:#FFF; text-align: center;}
div#headerWrap h1 a > span {display: block; background: url('../image/header_bg.png') center top no-repeat; font-weight: 500;}
div#headerWrap h1 a > span span {color: #ffef81;}


/* _headerUtil */
div#headerWrap div.headerUtil {position:static; z-index:50; height:29px;}

div#headerWrap div.headerUtil ul,
div#headerWrap p.home {position:absolute;}
div#headerWrap div.headerUtil li {float: left;margin-left: 10px;}
div#headerWrap div.headerUtil li:first-child {margin-left: 0;}

div#headerWrap p.home a {display:block;}


div#headerWrap a.search,
div#headerWrap a.viewMenu {text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}
div#headerWrap a.search {background-image: url('../image/icon_search.png');}
div#headerWrap a.viewMenu {background-image: url('../image/icon_menu.png');}
div#headerWrap a.newsletter {padding: 1px 10px;border-radius:4px;background-color: #fff;color: #38373a;font-size: 15px;}


/* _gnb */
div.gnbWrap {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,.7);}
ul#gnb,
div.gnbWrap p.close {position: absolute;left: 50%;}

div.gnbWrap p.close {top: 0;height: 84px;background-color: #3b3b3b;}
div.gnbWrap p.close a {float: right;width: 84px;height: 84px;text-indent: -10000px;background: url('../image/icon_close.png') center center no-repeat;}

ul#gnb {top: 84px;border-bottom: 1px solid #dedede;background-color: #fff;}
ul#gnb li {border-top: 1px solid #dedede;}
ul#gnb ul li {padding-left: 60px;background-color: #f7f7f7;}

ul#gnb a {position: relative; font-weight: 300; color: #282828;}

ul#gnb a:before {position: absolute;}

ul#gnb > li > a {padding-left: 60px;padding-right:40px; letter-spacing: -0.025em;}
ul#gnb > li > a:before {content: "●";}
ul#gnb > li  li a {padding-left: 10px;}
ul#gnb > li  li a:before {left: 0;content: "-";}



/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.wrapper {}

	div#headerWrap h1 {left: 50%; width: 396px; padding: 20px 0 30px; margin-left: -198px;}
	div#headerWrap h1 a {font-size: 40px;}
	div#headerWrap h1 a > span {margin-top: 20px; padding-top: 20px; font-size: 25px;}

	/* _headerUtil */
	div#headerWrap div.headerUtil ul {right:25px; top:33px;}
	div#headerWrap p.home {top:23px; left:22px;}


	/* _gnb */
	div.gnbWrap {width: 100%;}
	ul#gnb,
	div.gnbWrap p.close {width: 840px;margin-left: -360px;}

	ul#gnb > li > a {padding-left: 60px;}
	ul#gnb a {font-size: 20px; line-height: 36px;}
	ul#gnb a {padding: 5px 0 7px;}
	ul#gnb a:before {top: 5px; left:40px; font-size:0.4em; line-height: 36px;}


	div#headerWrap a.search,
	div#headerWrap a.viewMenu {width: 30px;height: 29px;}

}

/*  Mobile : ~ width:960px*/
@media screen and (max-width: 960px) {
	div.wrapper {width: 100%;min-width:320px;}

	div#headerWrap {height:220px;}
	div#headerWrap h1 {width: 100%; padding:60px 0 20px;}
	div#headerWrap h1 a {font-size:24px;}
	div#headerWrap h1 a > span {margin-top:10px; padding-top:10px; font-size: 18px;}

	/* _headerUtil */
	div#headerWrap div.headerUtil ul {right:10px; top:15px;}
	div#headerWrap div.headerUtil li {float:left; display:inline-block;}

	div#headerWrap p.home {top:10px; left:10px; }
	div#headerWrap p.home img {width:100px; height:auto;}


	/* _gnb */
	ul#gnb,
	div.gnbWrap p.close {width:100%;margin-left:-50%;}

	ul#gnb {top:54px;}
	div.gnbWrap p.close {height:54px;}
	div.gnbWrap p.close a {width:26px; height:26px; margin:14px 10px 0 0;}

	ul#gnb ul li {padding-left: 30px; background-color: #f7f7f7;}
	ul#gnb > li > a {padding-left:30px; line-height:22px;}
	ul#gnb a {font-size:14px; line-height: 28px;}
	ul#gnb a {padding:8px 5px 9px;}
	ul#gnb a:before {top:8px; left:15px; font-size:0.1em;}

	div#headerWrap a.search,
	div#headerWrap a.viewMenu {width:25px;height: 24px; background-size:auto 24px;}
	div#headerWrap a.newsletter {font-size:13px;}
}






/* =================== Footer =================== */

div#footerWrap {border-top: 1px solid #e7e7e7; background-color: #f6f6f6;}
div#footerWrap,
div#footerWrap a {color: #999;font-size: 13px;line-height: 16px;}
div#footerWrap li {display:inline-block; zoom:1; *display:inline;}

div#footerWrap :is(dt, dt a) {font-weight: bold;color: #848484;}
div#footerWrap dt {margin-bottom: 5px;}
div#footerWrap dd li:before {content: "/";}
div#footerWrap dd li:first-child:before {content: "";padding: 0;}

div#footerWrap address + ul {margin-top: 3px;}
div#footerWrap ul.footerUtil li {padding-left: 5px;}
div#footerWrap ul.footerUtil li:first-child {padding-left: 0;}
div#footerWrap ul.footerUtil a {display: inline-block;vertical-align: top;}
div#footerWrap ul.footerUtil a.refusal {padding: 5px 30px 5px 15px; background: url('../image/footerBl_arr.png') 92% center no-repeat; font-weight: 500; color: #3f3f3f; border:1px solid #cfcfcf; }


/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
	div#footerWrap {position: relative;padding: 12px 25px 15px;}
	div#footerWrap ul.footerUtil {position: absolute;right: 25px;top: 50%;margin-top: -20px;}
	div#footerWrap dd li:before {padding: 0 10px;}

	div#footerWrap ul.footerUtil a.refusal {margin-top: 4px;}
}


/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	div#footerWrap {padding: 16px 15px 20px;}
	div#footerWrap > div {overflow:hidden; line-height:18px; text-align:center;}
	div#footerWrap dd li:before {padding: 0 5px;}

	div#footerWrap ul.footerUtil a.refusal {margin-top:2px;}
	div#footerWrap ul.footerUtil a img {width:30px; height:auto;}
}




/* =================== 타이틀 관련 =================== */


div#container {border-left:2px solid #dedede;border-right:2px solid #dedede;background-color: #fff;}

.pageTit {background: url('../image/pageTit.png') 0 8px no-repeat; font-weight: 700; color: #004200;}

.subTitBg {margin: 30px 0 5px; padding: 9px 20px 11px; background-color: #ddeeff; font-size: 20px; font-weight: 700; color: #012950;  border-radius:28px;}
.boldTit {padding-left:8px; text-indent:-8px; font-weight: 700; color:#07263f}
.subTit_q {margin: 30px 0 5px; background: url('../image/tit_sub.jpg') 0 4px no-repeat; font-weight: 700;color: #3a3a3a;}


.subTitBg:first-child,
.boldTit:first-child {margin-top: 0;}


/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
	div#container {padding: 20px 30px;}

	.pageTit {padding-left: 30px;}
	.boldTit {margin:10px 0 20px;}
	.subTit_q {padding-left: 35px; font-size: 20px;}

	.intro {padding: 20px;}
}


/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	div#container {padding: 10px 15px 15px;}

	.pageTit {font-size:16px; padding-left: 20px; background-size:15px 15px;}
	.boldTit {margin:10px 0 15px; font-size:13px; line-height:16px;}
	.subTit_q {padding-left:24px; font-size: 14px; background-size:20px;}

	.intro {padding: 10px;}
}




/* =================== 메인 =================== */

/* Main */
div#container.main {position: relative;padding: 25px;border: 0 none;/*background:url('../image/main_bg.png') left top repeat-x; background-size: auto 100%;*/background-color:#424040;}

div.main div.issn {position:absolute;color:#fff;}
div.main div.contents {background-color: #e0e0e0;}
div.main div.contents a {display: block;}

div.main div.contents > dl {position: relative; background-color: #FFF;}
div.main dt.titBg {position: absolute;left: 0;top: -19px;padding-right: 12px;background-position: right top;background-repeat: no-repeat;}
div.main dt.titBg span {display: block; color:#FFF;}

ul.mainQuick > li.row2ea a:first-child {margin-bottom: 16px;}

ul.mainQuick > li.col2ea {overflow: hidden;}
ul.mainQuick > li.col2ea a {float: right;width: calc(50% - 8px);margin: 0 0 0 8px;}
ul.mainQuick > li.col2ea a:first-child {float: left;margin: 0 8px 0 0;}





/* _주요행사일정 */
dl.mainEvent {clear: both;margin-bottom:15px;}
dl.mainEvent dt span {padding-bottom: 20px; color: #3a444e;}
dl.mainEvent ul {overflow:hidden;}
dl.mainEvent ul:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
dl.mainEvent li {float:left;}
dl.mainEvent li a {text-align: center;color: #3f3f3f;font-size: 14px;line-height: 1.4;letter-spacing:-1px;}
dl.mainEvent li img {display: block; width:100%;}
dl.mainEvent li span {display: block;padding-bottom: 5px;font-size:15px;font-weight: 500;}


/* _ News & Education */
div.main .news dl {position: relative;}
div.main .news dt {padding: 12px; color: #fff;background-color: #3a444e; text-align: center; line-height: 1.2;}
div.main .news dd {padding: 20px;background-color: #fff;}
div.main .news a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 15px;color: #3f3f3f;}

.main-event-wrap {
	padding: 20px 15px;
	background-color: #fff;
}
.main-event-wrap > .tit {
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.7px;
	color: #3a444e;
}
.main-event-con {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
.main-event-con > li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	color: #686868;
	font-size: 14px;
	background-color: #f3f8fc;
	border: 1px solid #d9e4ed;
	line-height: 1.2;
	background-repeat: no-repeat;
	background-image: url('../image/ic_main_event.png');
	background-position: right 10px bottom;
	box-sizing: border-box;
}
.main-event-con > li strong {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	color: #153e67;
}

/* PC : width:961px ~  */
@media screen and (min-width: 961px) {

	div#container.main {padding-top:0;}
	div.main div.contents {padding:15px;}

	div.main dt.titBg span {min-width:170px; padding: 12px 45px 14px 15px; font-size: 18px; line-height: 20px;}
	div.main div.issn {right: 25px; top: -40px; font-size:18px;}

	ul.mainQuick {margin: 0;padding: 0;}
	ul.mainQuick:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

	ul.mainQuick > li {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	
	/* 6 개일 때 */
    ul.mainQuick > li:nth-child(2),
	ul.mainQuick > li:nth-child(4),
	ul.mainQuick > li:nth-child(6) {padding: 0 0 16px 8px;}

	/* ul.mainQuick > li:nth-child(2),
	ul.mainQuick > li:nth-child(3),
	ul.mainQuick > li:nth-child(5) {padding: 0 0 16px 8px;} */




	/* _주요행사일정 */
	dl.mainEvent {margin-top:25px; padding: 20px 15px;}
	dl.mainEvent ul {overflow: hidden;}
	dl.mainEvent ul:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
	dl.mainEvent ul.menu03 li {width: 270px;margin-right: 15px;}
	dl.mainEvent ul.menu04 li {width: 200px;margin-right: 15px;}
	/* 2023-05-16 */
	dl.mainEvent ul.menu04 li img {width: 198px;}
	dl.mainEvent li:last-child {margin-right:0 !important;}


	/* _ News & Education */
	div.main .news {
		padding-top: 15px;
	}
	div.main .news dl {width: 100%;}

}



/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {

	div#container.main {padding:15px;}
	div.main div.contents {padding:15px;}

	div.main dt.titBg span {padding: 10px 30px 10px 10px; font-size: 16px; line-height: 18px;}
	div.main div.issn {top:-22px; right:16px;}

	div.main div.contents > dl {margin-top:45px;}
	div.main div.contents > dl:first-child {margin-top:0;}
	div.main .contents dl dt {z-index:10;}


	ul.mainQuick > li {padding-bottom: 16px;}


	/* _주요행사일정  */
	dl.mainEvent {clear:both; padding:25px 10px 10px; margin-top:25px !important;}
	dl.mainEvent dd ul {margin-left:-1%;}
	dl.mainEvent dd li {width:24%; margin-left:1%;}


	/* _ News & Education */
	div.main div.news dd {padding:10px;}
	div.main div.news dl {width:100%; padding-left:0;}
	div.main div.news dl dt {padding:10px 4px;}
	div.main div.news li a {font-size:14px;}

	.main-event-wrap {
		padding: 15px;
	}
	.main-event-wrap > .tit {
		font-size: 18px;
		padding-bottom: 15px;
	}
	.main-event-con {
		display: block;
	}
	.main-event-con > li > a {
		padding: 10px !important ;
		background-size: 44px;
	}
	.main-event-con > li + li {
		margin-top: 10px;
	}
}



/*  Mobile : ~ width:640px */
@media screen and (max-width: 720px) {

	div.main .section01,
	div.main .section02 {float:none; width:100%;}

	div.main .contents .section03 {overflow:hidden; margin:0;}
	div.main .contents .section03 a {width:100%; padding:0;}

	div.main .contents .section04 {overflow:hidden; margin:0;}
	div.main .contents .section04 a {width:100%; padding:0;}

	div.main .contents > div,
	div.main .contents > div a {padding-top:15px;}
	div.main .contents > div:first-child,
	div.main .contents > div a:first-child {padding-top:0;}





	div.main .section03 {float:none; width: 100%}
	div.main .section03 a {width:100%;}
	div.main .section04 {float:none; width: 100%;}
	div.main .section04 a {width:100%;}

	div.section05{width: 100%; float: none; padding: 0 0 10px 0;}
	div.section05 a{display: block;}
	div.section05 a img{width: 100%; }

	div.section06{width: 100%; float: none; padding:  0 0 35px 0; box-sizing: border-box;}
	div.section06 a{width: 48%; float: left; padding-right: 1%; padding-top:  0 !important;}
	div.section06 a:last-child{float: right; padding-left: 1%;}
	div.section06 a img{width: 100%;}

	/* _주요행사일정 */
	dl.mainEvent {}
	dl.mainEvent dd li {width: 48.5%;margin-bottom: 10px;}
	dl.mainEvent dd li:nth-child(odd) {float: left;clear:both;}
	dl.mainEvent dd li:nth-child(even) {float: right;}

	.main-event-con > li > a {
		font-size: 12px;
	}
	.main-event-con > li strong {
		font-size: 13px;
	}

	/* _ News & Education */
	/* div.main div.news {padding-top:0;} */

}




/* =================== 컨텐츠 =================== */

div.contents {padding-top: 20px;font-size: 14px;color: #3f3f3f;text-align: justify;}


div.contents > p:first-child {margin-top: 0;}

p.info {display: block;color: #7a7a7a;}

p.imgWrap{margin: 0 auto;}
p.imgWrap img {display: inline-block;width: 350px;margin-right: 16px;}
p.imgWrap img:nth-child(even) {margin-right: 0;}
p.imgWrap img:nth-child(-n+2) {margin-bottom: 16px;}

p.imgWrap2 img {display: inline-block;width: 430px;margin-right: 16px;}
p.imgWrap2 img:nth-child(even) {margin-right: 0;}
p.imgWrap2 img:nth-child(-n+2) {margin-bottom: 16px;}

p.anno {font-size: 12px;}
p.anno a {text-decoration: underline;color: inherit;}	




/* _sub01*/
div.sub01 > * {margin-top: 2em;}
div.sub01 > *:first-child {margin-top: 0;}
div.sub01 > p.bg {margin-top: 50px;padding: 10px 0 12px;text-align: center;color: #fff;font-weight: 500;font-size: 24px;background:#164c82 url('../image/sub01_bg.png') 0 0 repeat-y;}

div.sub01 span.fl {display: block;margin:0  15px 15px 0;color: #7a7a7a;text-align: center;}
div.sub01 span img {display: block;}


/* _sub02*/
div.sub02 div.imgArea {position: relative;padding-left: 200px;}
div.sub02 div.imgArea p.img {position: absolute;left: 0;top: 0;}
div.sub02 > *:nth-child(2) {margin-top: 2em;}
div.sub02 > div.infoBox  > h4.infoTit{text-align:center; font-size:15px; font-weight: bold;}
div.sub02 > div.infoBox  > h4 + p{margin-top: 0;}

div.sub02 > div.infoBox  > dl{margin-top: 2em;}
div.sub02 > div.infoBox  > dl dt{position:relative;font-size:14px;padding-left: 15px;font-weight: bold;	}
div.sub02 > div.infoBox  > dl dt:before{position:absolute;left:2px; top:0; content:"❚";}

div.sub02 > div.infoBox  > dl dd{position:relative;padding-left: 15px;margin-top: 10px;}
div.sub02 > div.infoBox  > dl dt + dd{margin-top: 0;}
div.sub02 > div.infoBox  > dl dd:before{position:absolute; left:0; top:0;content: "○";font-size:12px;}

div.sub02 > div.infoBox {border: 2px dotted #28691d; padding: 2em;margin-top: 2em;}

@media screen and (min-width: 690px) {
	div.sub02 > div.infoBox > dl > dd > table.tblDef{width:600px; margin:0 auto;}

	div.nameBox > * {width: calc(50% - 10px);box-sizing: border-box; }
	div.nameBox:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
	div.nameBox div.name p.line {display:table-cell; width: 1000px;height: 204px;padding: 0 0 15px;vertical-align: bottom;box-sizing: border-box; }
	div.nameBox div.name {padding-left: 190px;}
	div.nameBox div.name:first-child {float:left; }
	div.nameBox div.name:last-child {margin: 0 0 0 10px;float:right; }

	.mOnly {display: none;}
	span.imgText {display: inline-block !important;width: 350px;padding: 0 !important;}
	span.imgText2 {display: inline-block !important;width: 430px;padding: 0 !important;}
}
@media screen and (max-width: 960px) {
	div.sub02 > div.infoBox {padding: 1em 10px 1em;margin-top: 1em;}
	p.imgWrap img {display: block;margin: 0 auto;}

	.pcOnly {display: none;}
	span.imgText {display: inline-block !important;width: auto;}
	span.imgText2 {display: inline-block !important;width: auto;}
}

/* _sub03*/
div.sub03 > p:first-child {margin-top: 0;}

div.sub03 span.fr {display: block;margin:0  0 15px 15px;color: #7a7a7a;text-align: center;}
div.sub03 span img {display: block;}

/* _sub04*/
div.sub04 > *:nth-child(2) {margin-top: 2em;}


/* _sub06*/
div.sub05 {}
div.sub05 p.ac {font-weight: 500;}


/* _sub06*/
div.sub06 {}
div.sub06 th {background-color: #f5f5f5;}
div.sub06 table.tblDef td {padding: 20px;}


/* _sub07*/
div.sub07 {}
div.sub07 .fl {margin: 10px 15px 15px 0;}
div.sub07 span.fwBold {display: inline-block;padding-bottom: 15px;}




/* _서브 이름*/
div.name {position: relative;}
div.name p.img {position: absolute;left: 0;top: 0;}
div.name p.line {border-bottom: 3px solid #ebebeb;}
div.name p.line span {display: block;font-weight: 500;}

div.noPhoto{position: relative;}
div.noPhoto p.line {border-bottom: 3px solid #ebebeb;}
div.noPhoto p.line span {display: block;font-weight: 500;}

.photo {text-align: center;}
.photo img {display: block;margin: 0 auto; width:100%; max-width:770px;}
.photo span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo850 {text-align: center;}
.photo850 img {display: block;margin: 0 auto; width:100%; max-width:850px;}
.photo850 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo750a {text-align: center;}
.photo750a img {display: block;margin: 0 auto; width:100%; max-width:750px;}
.photo750a span {display: block;font-weight: 500;}

.photo900 {text-align: center;}
.photo900 img {display: block;margin: 0 auto; width:100%; max-width:900px;}
.photo900 span {display: block;padding: 15px 0 0;font-weight: 500;}



.photo970 {text-align: center;}
.photo970 img {display: block;margin: 0 auto; width:100%; max-width:970px;}
.photo970 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo770 {text-align: center;}
.photo770 img {display: block;margin: 0 auto; width:100%; max-width:770px;}
.photo770 span {display: block;padding: 15px 0 0;font-weight: 500;}



.photo700 {text-align: center;}
.photo700 img {display: block;margin: 0 auto; width:100%; max-width:700px;}
.photo700 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo800 {text-align: center;}
.photo800 img {display: block;margin: 0 auto; width:100%; max-width:800px;}
.photo800 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo618 {text-align: center;}
.photo618 img {display: block;margin: 0 auto; width:100%; max-width:618px;}
.photo618 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo600 {text-align: center;}
.photo600 img {display: block;margin: 0 auto; width:100%; max-width:600px;}
.photo600 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo650 {text-align: center;}
.photo650 img {display: block;margin: 0 auto; width:100%; max-width:650px;}
.photo650 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo250 {text-align: center;}
.photo250 img {display: block;margin: 0 auto; width:100%; max-width:250px;}
.photo250 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo200 {text-align: center;}
.photo200 img {display: block;margin: 0 auto; width:100%; max-width:200px;}
.photo200 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo550 {text-align: center;}
.photo550 img {display: block;margin: 0 auto; width:100%; max-width:550px;}
.photo550 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo500 {text-align: center;}
.photo500 img {display: block;margin: 0 auto; width:100%; max-width:500px;}
.photo500 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo450 {text-align: center;}
.photo450 img {display: block;margin: 0 auto; width:100%; max-width:450px;}
.photo450 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo400 {text-align: center;}
.photo400 img {display: block;margin: 0 auto; width:100%; max-width:400px;}
.photo400 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo350 {text-align: center;}
.photo350 img {display: block;margin: 0 auto; width:100%; max-width:350px;}
.photo350 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo150 {text-align: center;}
.photo150 img {display: block;margin: 0 auto; width:100%; max-width:150px;}
.photo150 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo155 {text-align: center;}
.photo155 img {display: block;margin: 0 auto; width:100%; max-width:155px;}
.photo155 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo200 {text-align: center;}
.photo200 img {display: block;margin: 0 auto; width:100%; max-width:200px;}
.photo200 span {display: block;padding: 15px 0 0;font-weight: 500;}

table.tblDef {border: 1px solid #dedede;border-right: 0 none;border-bottom: 0 none;}
table.tblDef th,
table.tblDef td {padding: 5px;border-right:1px solid #dedede;border-bottom: 1px solid #dedede;text-align: center; font-size:12px; color: #3f3f3f;}
table.tblDef th {}
table.tblDef tr.fwBold > * {font-weight: 500;}
table.tblDef thead th {font-weight: 500;background-color: #f5f5f5;}

table.tblDef.al td {text-align: left;letter-spacing: -0.2px;}

h4.profileTit {margin-top:30px;}
h4.profileTit a {display:block; padding:5px 40px 5px 20px; background:#22246c url('../image/bl_toggle.png') no-repeat right -61px; font-size:16px; color:#FFF;}

h4.profileTit.on a {background-position:right 15px;}

dl.profile {display:none; padding:0 20px 20px; border:1px solid #ccc;}
dl.profile dt:first-child {padding-top:10px;}

ul.headingList, ul.headingList li {margin: 0;padding: 0;list-style:none;}
ul.headingList > li {position: relative; padding-left: 200px;}
ul.headingList span {position: absolute;left: 0;top: 0;}

.sub05 .headingList > li {position: relative; padding-left: 100px;}

ul.headingList_new, ul.headingList_new li {margin: 0;padding: 0;list-style:none;}

ul.headingList_new > li {position: relative;padding-left: 1.2em !important;}
ul.headingList_new > li:before {position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.headingList_new > li:before {content: "-";}


div.tableScroll {margin-top: 20px;}
div.tableScroll table.tblDef > * > tr > td {text-align: left;vertical-align: top;padding: 5px 10px;}


/*  pc : ~ width:990px */
@media screen and (min-width: 960px) {

	div.contents > p {margin-top:2em;}

	div.name {padding-left: 200px;}
	div.big {padding-left:380px;}
	div.noImg {padding-left:0;}

	div.name p.img {margin-top:0;}
	div.name p.line {padding:128px 0 15px; font-size:16px;}
	div.name p.line2 {padding:100px 0 15px; font-size:16px;}
	div.noImg p.line {padding:30px 0 15px}

	dl.profile dt {padding:20px 0 5px;}

	div.noPhoto {padding-left:0;}
	div.noPhoto p.line {font-size:16px;}



}

/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {

	div.contents > p {margin-top:1em;}

	div.name {padding-left: 115px;}
	div.noImg {padding-left:0;}

	div.name p.img {top:auto; bottom:0;}
	div.name img {width:100px;}

	div.name p.line {padding:50px 0 10px; font-size:14px; line-height:18px;}
	div.name p.line span {padding-bottom:5px;}
	div.big p.line,
	div.noImg p.line {padding:10px 0;}
	div.long p.line{padding:20px 0 10px;}

	div.noPhoto p.line {padding:0 0 10px; font-size:14px; line-height:18px;}
	div.noPhoto p.line span {padding-bottom:5px;}

	h4.profileTit a {padding: 5px 45px 5px 10px;line-height: 1.2;}

	dl.profile dt {padding:15px 0 5px	}

	div.tableScroll {overflow-x: scroll;}
	div.tableScroll > table {width: 896px;}

}

/* 버튼 2개 */
li.doubleBtn {position: relative;}
li.doubleBtn a {position: absolute; top:0; left:0; width: 50%; text-indent: -99999px; font-size: 10px; background-color: transparent;}
li.doubleBtn a:last-child {right:0; left:auto;}

@media all and (min-width: 961px) {
	li.doubleBtn a {height: 214px;}
}

@media all and (max-width: 960px) {
	li.doubleBtn a {height: calc(100% - 10px);}
}

.col2ea.merge > *{margin: 0 !important; padding: 0; width: 50% !important;}


/* ========== 리스트 타입  ==========  */
ul.listBl, ul.listBl > li {margin: 0;padding: 0;list-style:none;}
ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 1.2em !important;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.listBar > li:before {content: "-";}
ul.listNum, ul.listNum > li { margin:0; padding:0; list-style:none; }

ul.listNum { counter-reset:list-number; }
ul.listNum > li { position:relative; padding-left:2em; counter-increment:list-number; }
ul.listNum > li::before { content:counter(list-number)"."; display:inline-block; width:1em; margin-left:-1em; }


@media all and (min-width: 961px) {
ul.listBl > li {position: relative;padding-left: 10px;}
ul.listBl > li:before {position: absolute;left: 0;top: 8px;width: 3px;height: 3px;content: "";background-color: #222;}
}

@media all and (max-width: 960px) {
ul.listBl > li {position: relative;padding-left: 17px;}
ul.listBl > li:before {position: absolute;left: 0;top: 10px;width: 4px;height: 4px;content: "";background-color: #222;}
}


/* ==== 유튜브 동영상 영역 2023-01-11 추가 ==== */
div.vodArea {}
@media all and (min-width: 961px) {
div.vodArea {width: 900px;height: 500px;}
}

@media all and (max-width: 960px) {
div.vodArea {position: relative;padding-top: 56%;width: 100%;height: 0;}
div.vodArea iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
}

.member-list {}
.member-list h4 {
	padding: 0 15px;
	margin-bottom: 25px;
	background-color: #578802;
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
	color: #fff;
	letter-spacing: 2px;
}
.member-list ul + h4 {
	margin-top: 30px;
}
.member-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 0;
}

.member-list ul li {
	width: 20%;
}
.member-list ul.leader li {
	width: auto;
}
.member-list ul span {
	display: block;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #2d2d2d;
}
.member-list ul img {
	display: block;
	width: auto;
	margin: 0 auto 5px;
}

.member-list ul strong {
	display: block;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
}
.main .bg-box {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 10px;
	margin-top: 15px;
	font-size: 14px;
	background-color: #fffae8;
}
.main .bg-box img {
	width: 16px;
	height: 17px;
}
.main .bg-box p,
.main .bg-box a {
	color: #dc1c48;
}
.main .bg-box a  {
	display: inline !important;
}
@media all and (max-width: 960px) {
	.member-list ul li {width: 25%;}
	.main .bg-box {
		flex-direction: column;
		font-size: 12px;
	}
	.main .bg-box p {
		text-align: center;
		line-height: 1.3;
		word-break: keep-all;
	}
}

@media all and (max-width: 768px) {
	.member-list ul {gap: 20px;}
	.member-list ul li {width: calc((100% - 40px) / 3);}
}

@media all and (max-width: 560px) {
	.member-list ul li {width: calc((100% - 20px) / 2);}
}

.img_flex {
	margin-top: 2em;
}

.img_flex ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.img_flex ul li {
	width: calc(100% / 2 - 5px);
	margin-bottom: 20px;
}
.img_flex ul span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #2d2d2d;
}
.img_flex ul img {
	display: block;
	width: auto;
	margin: 0 auto 5px;
}

@media all and (max-width: 960px) {
	.img_flex {margin-top: 2em;}
	.img_flex ul li {width: calc(100% / 2 - 5px);}
}