@charset "utf-8";
@import url('font/font-awesome.css');

div.wrapper {overflow:hidden; font-family:'Noto Sans KR', '맑은고딕', sans-serif;font-size: 15px; background: url('../image/kses_newsletter_topBg.png') right top no-repeat #ecf2f5;}

div.wrapper a {text-decoration: none;}

img {max-width:100%; }

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

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

	a.mOnly {cursor:default !important;}
}


/*  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:280px; margin: 0 auto;}
div#headerWrap a {display: block;}
div#headerWrap h1 {position: absolute; top: 155px;}
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 ul,
div#headerWrap p.home {position:absolute;}
div#headerWrap div.headerUtil li {display:inline-block; vertical-align: middle; margin-left: 10px;}
div#headerWrap div.headerUtil li:first-child {margin-left: 0;}

div#headerWrap p.home a {display:block;}
div#headerWrap a.newsletter {padding: 0 10px 2px; border-radius:4px;background-color: #ffffff;color: #313131;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: 33px; height: 50px; margin-left: 430px;}
div.gnbWrap p.close a {width: 50px;height: 50px;text-indent: -10000px;background: url('../image/icon_close.png') center center no-repeat;}

ul#gnb {top: 105px;background-color: #fff;}
ul#gnb li {}
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;}
ul#gnb > li > a:before {content: "●"; color: #d2d2d2;}
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 {width: 800px;}
	div#headerWrap h1 {left: 40%; margin-left: -251px;}
	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:0; top:33px;}
	div#headerWrap p.home {top:23px; left:0px;}


	/* _gnb */
	div.gnbWrap {width: 100%;}
	ul#gnb{width: 680px;margin-left: -220px; border: 10px solid #81b0d2; background: #fff url('../image/gnbBg.png') no-repeat right bottom; padding: 30px 0;}
	
	ul#gnb > li > a {padding-left: 50px;}
	ul#gnb a {font-size: 18px; line-height: 36px; font-weight: 600; padding: 5px 0 7px;}
	ul#gnb a:before {top: 5px; left:30px; font-size:8px; line-height: 36px;}

	div#headerWrap a.viewMenu {width: 50px;height: 50px;}

}

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

	div#headerWrap {background: url('../image/kses_newsletter_topBg_m.png') no-repeat right top #ecf2f5; background-size: 100% 100%; height: auto;}
	div#headerWrap h1 {position: static;top: auto; left: auto; padding: 80px 15px 25px 15px; clear: both;}
	div#headerWrap h1 a {font-size:24px; text-align: center; width: 100%;display:block; }
	div#headerWrap h1 a img.mobileOnly{display:inline-block !important; width:328px; height:67px;}
	

	/* _headerUtil */
	div#headerWrap div.headerUtil ul {right:10px; top:15px; font-size: 0;}
	div#headerWrap div.headerUtil li {display:inline-block; font-size: 15px; vertical-align: middle; width:75px;}
	div#headerWrap p.home {top:15px; left:15px; }
	div#headerWrap p.home img {width:100px; height:auto;}

	div#headerWrap div.headerUtil li:nth-child(2) {width: 105px;}


	/* _gnb */
	ul#gnb,
	div.gnbWrap p.close {right: 10px; left:auto;}
	
	ul#gnb {top:54px; border:5px solid #81b0d2; max-width:600px;}
	div.gnbWrap p.close {height:25px; margin-left: 0; top:15px;}
	div.gnbWrap p.close a {width:25px; height:25px; background-size: 25px 25px;}

	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 {background-color: #434f66; text-align: center; color: #fff; padding: 20px 0; font-weight: 400;}

/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div#footerWrap p{font-size: 14px;}


}


/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div#footerWrap p{font-size: 12px;}

}




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



div#container {}


.pageTit {background: url('../image/pageTit.png') left center no-repeat; font-weight: 700; color: #219fb2;}


.subTit{text-align: center; font-size: 17px; font-weight: 400;}
.conTit{font-size: 17px; font-weight: 400; margin: 15px 0 10px;}
.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: bold; color: #000;}
.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;}


.conTit + p{margin-top: 0 !important;}



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

	.subTit{margin: 25px 0 15px;}
	.conTit{margin: 20px 0 5px;}
	.pageTit {padding-left: 30px; font-size: 24px; margin-bottom: 30px;text-align: left;}
	.boldTit {margin:30px 0 10px;}
	.subTit_q {padding-left: 35px; font-size: 20px;}

	p.sign{position: relative;margin: 60px 0 0 !important; text-align:right;}
	p.sign:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
	p.sign > img{display: block;float: right;width:auto; height:auto; }
	p.sign > span {position: absolute;bottom: 0;right: 220px;}
	p.sign > span span{display: block; margin-top: 20px; font-size:16px;}

	dl.photoList{position:relative; margin: 0; padding-left: 215px; min-height:240px; margin-top: 20px;}
	dl.photoList dt{font-size:18px; font-weight:500; margin-bottom: 10px;}
	dl.photoList img{position:absolute; left:10px; top:0; width:auto; height:auto; }
	dl.photoList dd{font-size:14px; font-weight:300; text-align:left;}
	dl.photoList dd span{display: block; color:#7e7e7e; font-style:italic; margin-top: 10px;}
	dl.photoList dd a{margin-top: 10px; position:relative; display: inline-block; line-height:40px; height:40px; background-color: #2196d0; border-radius:18px; padding: 0 50px 0 26px; color:#fff; font-weight:500;}	
	dl.photoList dd a:after{position:absolute; top:18px; right:35px; content:''; width:6px; height:8px; background: url('../image/link_Arr.png') no-repeat center top;}
}


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

	.subTit{margin: 20px 0 10px; font-size: 15px;}
	.conTit{margin: 20px 0 5px; font-size: 15px;}
	.pageTit {font-size:18px; padding-left: 20px; background-position: left 10px; background-size: 13px 8px;text-align: left;}
	.boldTit {margin:20px 0 10px; font-size:15px; line-height:20px;}
	.subTit_q {padding-left:24px; font-size: 15px; background-size:20px;}

	p.sign{margin: 60px 0 0 !important; text-align:right;}
	p.sign img{display: inline-block; width:auto; height:auto; margin-top: 20px;}
	p.sign img:first-child{margin-top: 0;}
	p.sign span{display: block; margin-top: 20px; font-size:14px; font-weight:500;}
	
	p.name{margin-top: 10px !important; font-size:15px !important;}
	dl.photoList{position:relative; margin: 0; padding-top: 82px; margin-top: 20px;}
	dl.photoList dt{font-size:14px; font-weight:500; margin-bottom: 10px;}
	dl.photoList img{position:absolute; left:0; top:0; width:auto; height:72px;}
	dl.photoList dd{font-size:12px; font-weight:300; text-align:left;}
	dl.photoList dd span{display: block; color:#7e7e7e; font-style:italic; margin-top: 10px;}
	dl.photoList dd a{margin-top: 10px; position:relative; display: inline-block; line-height:40px; height:40px; background-color: #2196d0; border-radius:18px; padding: 0 50px 0 26px; color:#fff; font-weight:500;}	
	dl.photoList dd a:after{position:absolute; top:18px; right:35px; content:''; width:6px; height:8px; background: url('../image/link_Arr.png') no-repeat center top;}
}




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

/* Main */


div.main div.banner,
div.main div.contents {background-color: #636363;}
div.main div.contents a {display: block;}

div.main dt.titBg {position: absolute;left: 0;top: -26px;padding-right: 15px;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: 15px;}

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 dt {background-image: url('../image/main_tit06.png');}
dl.mainEvent dt span {background-color: #614d46;}

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

ul.photoList a {font-size: 16px;color: #292828;}



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

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

div.main div.banner{padding:25px; width: 750px; margin: 65px auto 0; background-color: transparent;}
div#container div.contents {padding:25px; width: 750px; margin: 0 auto 85px; background-color: #fff; border-radius:9px;}
div#container.main div.contents {padding: 0;width: 800px;background-color: transparent !important;}
div.main div.banner{margin-top: 30px;}
div.main div.banner ul{margin: 0; padding: 0; overflow: hidden;}
div.main div.banner ul li{float: left;width: calc(50% - 20px);padding: 0 40px 0 0;}
div.main div.banner ul li:last-child{padding-right: 0 !important;}

div.main dt.titBg span {min-width:170px; padding: 12px 30px 14px; font-size: 18px; line-height: 20px;}
div.intro {width: 1122px; margin:  0 auto;}



dl.mainList{position:relative; padding-top: 40px; padding-left: 300px; border-top: 1px solid #c9d0d4; margin-top: 35px; background-color: transparent;}
dl.mainList:first-child{margin-top: 0; border-top: 0; background: url('../image/mainList_top.png') no-repeat left top;}
dl.mainList dt{font-size:22px; color:#219fb2; vertical-align: top; font-weight:700; letter-spacing:-1px; margin-bottom: 30px; padding-right: 116px; line-height:30px; text-align:left;	}
dl.mainList dt span{display: block; font-size:19px; font-weight:500; color:#282828;}
dl.mainList dt img{position:absolute; left:25px; top:35px;}
dl.mainList dt span.btn{position:absolute; right:0; top:40px;}
dl.mainList dt span.btn a{display: inline-block; position:relative; height:39px; line-height:39px; text-align:left; color:#fff; background: linear-gradient(to right, #eeae15, #eb4300); font-size:13px; font-weight:300; padding: 0 55px 0 24px; border-radius:19px;}
dl.mainList dt span.btn a:after{position:absolute; right: 30px; top:0; content:'+';}

dl.mainList dd{position:relative; font-size:16px; color:#292828; font-weight:400; text-align:justify;letter-spacing:-1px;}

/* 24.06.27 text 정렬 수정 - 박민지 */
.text-left,
.text-left *{
	text-align: left !important;
}

dl.mainList div.photo{margin: 0 auto;}
dl.mainList div.photo img{display: inline-block !important; margin-left: 5px; width:auto;height:auto;}
dl.mainList div.photo img:first-child{margin-left: 0;}

dl.mainList.list01{min-height:382px;}
dl.mainList.list01 img{width:239px; height:382px;}

dl.mainList.list02{min-height:382px;}
dl.mainList.list02 img{width:239px; height:382px;}
dl.mainList.list02 > img {position: absolute;left: 25px;top: 484px;}
dl.mainList.list02 dd:nth-of-type(3) {padding-top: 200px;}

dl.mainList.list03{min-height:217px; padding-left: 25px;}
dl.mainList.list03 img{}

dl.mainList.list04 {min-height:332px;}
dl.mainList.list04 img{width:239px; height:382px;}

dl.mainList.list05{min-height:295px; padding-left: 0px;}

dl.mainList.list06{min-height:280px; padding-left: 0px;	padding-bottom: 20px;}
dl.mainList.list06 dd{ padding-left: 289px;}
dl.mainList.list06 dd p.name{margin-bottom: 25px; font-size:16px; font-weight:500;}
dl.mainList.list06 img{position:absolute; left:0; bottom:0; top:10px;}

ul.photoList {text-align: center;line-height: 0;font-size: 0;}
ul.photoList li {display: inline-block;vertical-align: top;width: calc(25% - 8px);margin-left: 10px;font-size: 12px;line-height: 16px;color: #6a6a6a;}
ul.photoList li:first-child {margin-left: 0;}
ul.photoList li > * {display: block;}
ul.photoList li span.name {text-align: center;font-size: 14px;line-height: 25px;color: #292828;font-weight: 500;}
ul.photoList li img {width: 100%;}
ul.photoList li a > span {display: block;text-align: center;font-size: 16px;color: #292828;font-weight: bold;}
ul.photoList li a > span span {display: block;margin-top: 5px;font-size: 14px;}

ul.photoList.col2ea {}
ul.photoList.col2ea li {margin-left: 80px;}
ul.photoList.col2ea li:first-child {margin-left: 0;}

ul.photoList.col2ea_w li {width: calc(50% - 40px);margin-left: 80px;}
ul.photoList.col2ea_w li:first-child {margin-left: 0;}
ul.photoList.col2ea_w li img {width: auto;}

ul.photoList a.moreBtn:after {display: inline-block; position:relative; width: 100px;height:39px; line-height:39px; margin-top: 10px;text-align:center; content:'More +';color:#fff; background: linear-gradient(to right, #eeae15, #eb4300); font-size:16px; font-weight:300; border-radius:19px;}
}



/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	
	div#container {padding:0; background-image: none; background-color: #fff;}
	
	div#container div.contents {padding:15px; margin: 0; background: #fff;}
	div.main div.banner {padding:15px; margin: 0; background: #ecf2f5;}
	div#container.main div.contents {padding: 0 15px 15px; margin: 0; background: #ecf2f5}
	div#container div.contents {min-height: 300px;}

	div.main div.banner{margin-bottom: 0;}
	div.main div.banner ul{margin: 0; padding: 0; overflow: hidden;}
	div.main div.banner ul li{float: left;width: calc(50% - 10px);padding: 0 20px 0 0;}
	div.main div.banner ul li:last-child{padding-right: 0 !important;}

	div.main dt.titBg span {padding: 10px 20px 10px; font-size: 15px; line-height: 18px;}
	div.intro {width: 100%;}
	

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


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

	dl.mainList{position:relative; padding-top: 15px; padding-bottom:15px;border-top: 1px solid #c9d0d4; margin-top: 35px; background-color: transparent;}
	dl.mainList:first-child{margin-top: 0; border-top: 2px solid #219fb2;}
	dl.mainList dt{font-size:13px; color:#219fb2; vertical-align: top; font-weight:700; letter-spacing:-1px; margin-bottom: 15px; /* line-height:30px; */ text-align:left;	}
	dl.mainList dt span{display: block; font-size:13px; font-weight:500; color:#282828;}
	dl.mainList dt img{position:absolute; left:0; top:25px;}
	dl.mainList dt span.btn{position:absolute; right:0; bottom:0;}
	dl.mainList dt span.btn a{display: inline-block; position:relative; height:39px; line-height:39px; text-align:left; color:#fff; background: linear-gradient(to right, #eeae15, #eb4300); font-size:13px; font-weight:300; padding: 0 55px 0 24px; border-radius:19px;}
	dl.mainList dt span.btn a:after{position:absolute; right: 30px; top:0; content:'+';}

	dl.mainList dd{position:relative; font-size:12px; color:#292828; font-weight:400; text-align:justify; letter-spacing:-1px;}
	dl.mainList div.photo{margin: 0 auto;}
	dl.mainList div.photo img{display: inline-block; margin-left: 5px;}
	dl.mainList div.photo img:first-child{margin-left: 0;}

	dl.mainList.list01{padding-left: 110px;padding-bottom: 40px;}
	dl.mainList.list01 img{width:100px; height:151px;}

	dl.mainList.list02{padding-left: 110px;}
	dl.mainList.list02 img{width:100px; height:151px;}
	dl.mainList.list02 > img {position: absolute;left: 0;top: 60%;}
	dl.mainList.list02 dd:nth-of-type(3) {padding-top: 20px;}

	dl.mainList.list03{padding-left: 15px;padding-bottom: 40px;}
	dl.mainList.list03 img{width:85px; height:110px;}

	dl.mainList.list04 {padding-left: 110px;}
	dl.mainList.list04 dd{}
	dl.mainList.list04 img{width:100px; height:151px;}
	
	dl.mainList.list05{padding-bottom: 50px;}
	dl.mainList.list05 img{width:149px; height:99px;}
	dl.mainList.list06{min-height:230px; padding-left: 0px;padding-bottom: 60px;}
	dl.mainList.list06 span.team {font-size: 13px;line-height: 18px;}

	dl.mainList.list06 dd{padding-left: 147px;}
	dl.mainList.list06 dd p.name{margin-bottom: 25px; font-size:12px; font-weight:500;}
	dl.mainList.list06 img{position:absolute; left:0; top:50px; width:137px; height:103px;}

ul.photoList {}
ul.photoList li {position: relative;min-height: 110px;margin-top: 10px;padding: 0  20px 10px 90px;box-sizing:border-box;text-align: left;}
ul.photoList li:first-child {margin-top: 0;}
ul.photoList li > * {display: block;}
ul.photoList li span.name {display:table-cell; width: 1000px;height: 110px;vertical-align: middle;text-align: left;font-size: 14px;line-height: 17px;color: #292828;font-weight: 500;word-break: keep-all;}
ul.photoList li span.name span {display: block;padding-top: 5px;font-size: 12px;font-weight: 400;}
ul.photoList li a > span {color: #292828;font-weight: bold;}
ul.photoList li a > span span {display:block; margin-bottom: 5px;font-size: 13px;line-height: 18px;}
ul.photoList li img {position: absolute;top: 0;left: 0;}

ul.photoList a.moreBtn:after{display: inline-block; position:relative; width: 60px;height:26px; line-height:26px; text-align:center; color:#fff; background: linear-gradient(to right, #eeae15, #eb4300); font-size:13px; font-weight:300; border-radius:13px;content:'More +';}
}



/*  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.mainList div.photo img:first-child{width: 100%;height: auto;}
}




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

div.contents {padding-top: 20px;font-size: 16px;color: #292828;text-align: justify; min-height: 300px; font-weight: 400;}
div.contents > p:first-child {margin-top: 0;}

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


/* _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;}


/* _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;}


/* _sub09*/

div.newMember table.tblDef thead th{background: #ddebf7;}





/* _서브 이름*/
.name{font-size: 18px; color: #292828;/*  font-weight: 500; */ text-align: right; margin: 0; padding: 0; margin-top: 0 !important; line-height:25px;}



.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;}


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

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

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


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

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

/*
.photo770 {text-align: center;font-size: 14px;line-height: 1.2;}
.photo770 img {display: block;margin: 0 auto; width:100%; max-width:770px;}
.photo770 span {display: block;padding: 15px 0 0;font-weight: 500;}
*/
.photo770 {text-align: center; font-size: 14px}
.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; font-size: 14px}
.photo700 img {display: block;margin: 0 auto; width:100%; max-width:700px;}
.photo700 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo618 {text-align: center; font-size: 14px}
.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; font-size: 14px}
.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; font-size: 14px}
.photo650 img {display: block;margin: 0 auto; width:100%; max-width:650px;}
.photo650 span {display: block;padding: 15px 0 0;font-weight: 500;}

.photo550 {text-align: center; font-size: 14px}
.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; font-size: 14px}
.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; font-size: 14px}
.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; font-size: 14px}
.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; font-size: 14px}
.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: right; font-size: 14px}
.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; font-size: 14px}
.photo155 img {display: block;margin: 0 auto; width:20%; max-width:155px;}
.photo155 span {display: block;padding: 15px 0 0;font-weight: 500;}


.photo1500 {text-align: center; font-size: 14px}
.photo1500 img {display: block;margin: 0 auto; width:100%; max-width:1500px;}
.photo1500 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;}

h4.profileTit {margin-top:30px;}
h4.profileTit a {display:block; padding:5px 20px; background:#3a4525 url('../image/bl_toggle.png') no-repeat right -57px; font-size:15px; color:#FFF;}

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

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

p.txtTwo {overflow:hidden;}
p.txtTwo b {display:block; width:50%; float:left;}




/*  pc : ~ width:990px */
@media screen and (min-width: 960px) {
	
	div.contents > p {margin: 10px 0;}

	
	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:15px;}
	div.noImg p.line {padding:30px 0 15px}

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

}

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

	div.contents > p {margin-top:1em;font-size: 15px;}
	
	.name{font-size: 15px;}
	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:15px; 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;}

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

	p.txtTwo b {font-size:13px;}

}



/* 회원동정 */
ul.member_info{overflow: hidden;}
ul.member_info li:first-child{margin-top: 0;}


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

	ul.member_info{margin-top: 30px;}
	ul.member_info li{margin-top: 20px;}

}


/* Mobile */
@media all and (max-width: 960px) {
	
	ul.member_info{margin-top: 20px;}
	ul.member_info li{margin-top: 10px;}

}

.unListNum{}
.unListNum > li{margin-left: 15px; text-indent: -15px; margin-top: 5px;}
.unListNum > li:first-child{margin-top: 0;}

.list_bar{}
.list_bar li::before{content:"-"; margin-right: 5px; display:inline-block; vertical-align: middle; text-indent: 0;}




/* 모바일용 테이블 관련 */
@media all and (max-width: 960px) {
	table.rwTbl,
	table.rwTbl tbody,
	table.rwTbl tr,
	table.rwTbl th, table.rwTbl td,
	table.rwThead,
	table.rwThead tbody,
	table.rwThead tr,
	table.rwThead th, table.rwThead td,
	table.rwTrHead,
	table.rwTrHead tbody,
	table.rwTrHead tr,
	table.rwTrHead th, table.rwTrHead td {display:block;}

	table.rwTbl colgroup,
	table.rwTbl col,
	table.rwTbl thead,
	table.rwThead colgroup,
	table.rwThead col,
	table.rwThead thead,
	table.rwTrHead colgroup,
	table.rwTrHead col,
	table.rwTrHead thead {display:none;}

	table.rwTbl th,
	table.rwTbl td {padding:8px 5px 9px;}

	table.rwTbl th.bg {margin-top:30px;}

	table.rwThead td {border-left: 0 none !important;}

	table.rwTbl input[type=text],
	table.rwTbl input[type=password],
	table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
	table.rwTbl textarea {height:50px;}

	table.rwTbl th label,
	table.rwTbl th span {line-height:1.2;}
	
	table.rwTbl td .fcBlue,
	table.rwTbl td.phone span {font-size:0.9em;}

	table.rwTbl td.attch div.widthBtn select + input[type=text] {margin-top:10px;}

	table.rwThead {}
	table.rwThead > tbody > tr {}
	table.rwThead td {padding:5px;min-height:1.2em;}
	table.rwThead td:before {display:block;float:left;width:40%;content:attr(data-thead);font-weight:400;}


	table.rwTbl tbody tr,
	table.rwThead tbody tr {overflow:hidden;}
	table.rwTbl > tbody > tr:first-child,
	table.rwThead > tbody > tr:first-child {border-top:0 none;}
	table.rwThead > tbody > tr:first-child > td {border-top: 1px solid #ddd;}

	table.rwThead tbody tr > *:first-child {border-top: 0 none;}
	table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
	table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:400;text-align:center;background-color:#6460ac;color:#fff;}





div.newMember table.rwTbl {border-left: 0 none; border-right: 0 none;}
	div.newMember table.rwTbl td:nth-child(3n+1){color: #282f8f; font-weight: bold;}
	div.newMember table.rwTbl tr:first-child{margin-top: 0;}
	div.newMember table.rwTbl tr{margin-top: 30px; border-top:2px solid #282f8f;}
}


/* upcoming 2023-06-28 */
div.upcoming {}
ul.listDot li {position: relative;padding-left: 0.7em;}
ul.listDot li:before {position: absolute; display: block; left: 0;top: 13px;width: 3px;height: 3px;border-radius: 50%;background-color:#333;content:'';}

/* PC */
@media all and (min-width: 961px) {
div.upcoming {position: relative;min-height: 155px;padding-right: 330px;margin-top: 50px;}
div.upcoming:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.upcoming:first-of-type {margin-top: 0;}
div.upcoming div.imgBox {position: absolute;right: 0;top: 50%; transform: translateY(-50%); width: 330px;text-align: center;} 
div.upcoming p {padding-bottom: 20px;line-height: 22px;}
}


/* Mobile */
@media all and (max-width: 960px) {
div.upcoming p {padding-bottom: 5px;line-height: 22px;}
div.upcoming div.imgBox {padding-top: 10px;text-align: center;}
}


/* 웹진 수정 - 24.06.05 박민지 */
ul.photoList li > span{
	display: block;
	font-size: 16px;
	color: #292828;
	text-align: center;
}
ul.photoList li > span img + span{
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #292828;
	text-align: center;
}
div.contents:has(.upcoming){
	text-align: left;
}
div#headerWrap h1{
	position: static;
	top: auto;
	left: auto;
	margin-left: 0;
	padding-top: 155px;
	text-align: center;
}
div#headerWrap h1 img{
	margin: 0 auto;
}

@media all and (max-width: 960px) {
	ul.photoList li > span img + span{
		text-align: left;
	}
	div#headerWrap h1{
		padding-top: 80px;
	}
}