@charset "utf-8";
@import url('fonts/font-awesome.css');
@import url('NotoSansKR.css');
@import url('common_ve.css');
a {color:#666;text-decoration:none;}


/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 16px 4px;font-size:12px;font-weight:bold;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important;}

.btn a {height:auto;line-height:1.2 !important;padding:8px 16px 11px;}


.btn .btnBg > * {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}



/* 파랑색 */			.btn .btnDef {background-color:#484dab;border-color:#484dab;color:#fff !important;}
/* 베이지색 */		.btn .btnPoint {background-color:#c6ad7c;border-color:#c6ad7c;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#535353;border-color:#535353;color:#fff !important;}
/* 짙은파랑색 */		.btn .btnDBlue {background-color:#707190;border-color:#707190;color:#fff !important;}
/* 남색 */				.btn .btnNavy {background-color:#45476e;border-color:#45476e;color:#fff !important;}
/* 남색 */				.btn .btnNavy_reverse {background-color:#fff;border-color:#45476e;color:#45476e !important;}
/* 보라색 */			.btn .btnPurple {background-color:#9734e4; border-color:#9734e4; color:#fff !important;}
/* 하늘색 */			.btn .btnSky {background-color:#5481f2; border-color:#5481f2; color:#fff !important;}
/* 주황색 */			.btn .btnOrg {background-color:#e48015; border-color:#e48015; color:#fff !important;}


/* border+파랑색 */			.btn .btnBdDef {background-color:#fff;border-color:#484dab;color:#484dab !important;}
/* border+베이지색 */		.btn .btnBdPoint {background-color:#fff;border-color:#c6ad7c;color:#c6ad7c !important;}
/* border+남색 */				.btn .btnBdNavy {background-color:#fff;border-color:#45476e;color:#45476e !important;}


.btn .btnRd {border-radius:3px;}
.btn .btnArr {padding:5px 30px 7px 10px; background-image:url('/image/icon/bl_btnArr.png'); background-position:right 50%; background-size:auto 11px; background-repeat:no-repeat; text-align:left !important;}

.btn .btnImg {padding:0;border:0 none;border-radius:0; margin-top:0;}
.btn .btnImg img {padding:0; vertical-align:top;}



/* 큰 버튼 height:50px */
.btn .btnBig,
div.btnArea a,
div.btnArea input,
div.btnArea button {box-sizing:border-box; min-width:120px; height:50px; padding:8px 20px 10px; font-size:16px; font-weight:normal;}
.btn a.btnBig,
div.btnArea a {min-width:80px; height:48px; padding:13px 20px 15px;}

div.btnArea * {margin-left:20px;}
div.btnArea *:first-child {margin-left:0;}


.btn .fullBtn {width:100%;padding:0 0 4px;font-size:16px;}
.btn a.fullBtn {padding:5px 0 10px;}


/* 작은 버튼 height:24px */
.btn .btnSmall {height:25px;padding:2px 13px 3px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:3px 13px 3px;}


table.inputTbl span.btn {height:30px; font-size:12px;}
table.inputTbl span.btn a {height:18px; padding:7px 13px 3px;}




div.wrapper {overflow:hidden; margin: 0 auto;font-family:'Malgun Gothic', '맑은고딕', sans-serif;font-size: 14px;}
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:12px;}
}

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


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


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

div#headerWrap {z-index: 50;position: relative;height: 320px;}
div#headerWrap a {display: block;}
div#headerWrap h1 {position: absolute;}
div#headerWrap h1 a {display:block;}
div#headerWrap h1 a img.mobileOnly {width:129px;}


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

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_w.png');}
div#headerWrap a.newsletter {background-color: #294579;color: #fff;border-radius: 20px;}

	div#headerWrap div.headerUtil ul {right:25px; top:30px;}
	div#headerWrap p.home {top:30px; left:50px;}
	div#headerWrap a.newsletter {padding: 5px 15px; font-size: 14px;}


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


div.gnbWrap p.close {top: 0;height: 120px;background-color: #fff; border-bottom: 5px solid #3456b7;}
div.gnbWrap p.close a {float: right;width: 125px;height: 125px;text-indent: -10000px;background: url('../image/icon_close.png') center center no-repeat;}

ul#gnb {top: 120px;border-bottom: 1px solid #dedede;background-color: #fff;}
ul#gnb li {border-bottom: 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;}
ul#gnb > li > a:before {content: "·"; font-size: 30px;}
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 {position: relative;background: #86ac5a url('../image/topVisual.png') center top no-repeat;}
	div.wrapper:after {z-index: 0;position: absolute;left: 0;top: 0;width: 367px;height: 100%;content: "";background-color: #2f8c96;opacity: .7;}
	
	div#headerWrap h1 {position: absolute; top: 180px; left: 50%; margin-left: -400px;}

	/* _headerUtil */
/* 	div#headerWrap div.headerUtil ul {right:25px; top:30px;}
	div#headerWrap p.home {top:30px; left:50px;}
	div#headerWrap a.newsletter {padding: 5px 15px; font-size: 14px;} */

	/* _gnb */
	div.gnbWrap {width: 100%;}
	ul#gnb,
	div.gnbWrap p.close {width: 840px;margin-left: -360px;}
	div.gnbWrap p.gnbLogo{z-index: 1; position: absolute; top: 25px; left: 50%; margin-left: -320px;}
	div.gnbWrap p.gnbLogo a{display:block;}
	div.gnbWrap p.gnbLogo img{width: auto; display:block;}
	
	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;}
	ul#gnb,
	div.gnbWrap p.close {position: absolute;left: 50%;}

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

}

/*  Mobile : ~ width:960px*/  
@media screen and (max-width: 960px) {
	div.wrapper {background: #86ac5a url('../image/topVisual_m.png') center 0px no-repeat; background-size: 100% auto;}
	div.wrapper:after {z-index: 0;position: absolute;left: 0;top: 0;width: calc(100% - 140px);height: 100%;content: "";background-color: #0a7faf;opacity: .7;}

	div#headerWrap {height:140px;}
	div#headerWrap h1{left: 30px; top:107px;}

	/* _headerUtil */
	div#headerWrap div.headerUtil{position: relative;height:60px; background: #fff;} 
	div#headerWrap div.headerUtil ul {right:10px; top:17px;}
	div#headerWrap div.headerUtil li {float:left; display:inline-block;margin-left: 5px;}
	div#headerWrap a.viewMenu {background-image: url('../image/icon_menu_m.png');}
	div#headerWrap a.newsletter {padding: 3px 10px 4px; font-size: 15px;/*  margin-right:-8px; */}
	
	div#headerWrap p.home {top:50%; left:15px; transform: translateY(-50%);margin: 0;}
	div#headerWrap p.home img {width:150px; height:auto;}
	

	/* _gnb */
	ul#gnb,
	div.gnbWrap p.close {width:80%;}
	
	ul#gnb {top:63px; background: #fff;}
	div.gnbWrap p.close {height:58px;}
	div.gnbWrap p.close a {width:26px; height:26px; margin: 14px 10px 0 0;}
	div.gnbWrap p.gnbLogo{z-index: 1; position: absolute; top: 10px; left: 24%;}


	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:15px 10px 15px;}
	ul#gnb a:before {top:13px; left:15px; font-size:0.1em;}
	ul#gnb,
	div.gnbWrap p.close {position: absolute; right: 0;}



	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 {z-index: 10;position: relative;background-color: #505050; text-align: center;}
div#footerWrap,
div#footerWrap address {color:rgba(255,255,255,0.7);font-family: 'NotoSansKR Light',sanss-serif;}
div#footerWrap a {color:rgba(255,255,255,0.7);font-size: 13px;line-height: 16px;}
div#footerWrap li {display:inline-block; zoom:1; *display:inline;color:rgba(255,255,255,0.7);}

div#footerWrap dt {font-weight: 500;}
div#footerWrap dd li:before {content: "/";}
div#footerWrap dd li:first-child:before {content: "";padding: 0;}


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 {z-index: 10;position: relative;background: #fff; min-height: 500px;}

.titArea{position: relative; border-bottom: 1px solid #ccc; padding: 0 30px;}
.titArea:first-child{position: relative; border-bottom: 1px solid #ccc; padding: 0 30px; margin-top: 0;}
.titArea .subTit {position: relative;background: url('../image/pageTit.png') 0 9px no-repeat; font-weight: 700; color: #011e31; border-bottom: 3px solid #001e31;}
.titArea .subTit.full{padding-right: 10px !important;}
.titArea .subTit span{display:block;}

div.wrapper a.conLink {display: inline;word-break:break-all;color: #3e3ec7;text-decoration: underline;}




.boldTit {padding-left:8px; text-indent:-8px; font-weight: 500;}
.subTit_q {margin: 30px 0 5px; background: url('../image/tit_sub.jpg') 0 4px no-repeat; font-weight: 700;color: #3a3a3a;}
.boldTit.typeB {font-weight: bold;}


.subTitBg:first-child,
.boldTit:first-child {margin-top: 0;}
.pointTit {margin-bottom: 10px !important;color:#294579;font-family: 'NotoSansKR Medium',sans-serif;font-weight: 600;font-size: 1.1em;}
.pointTitItalic{margin-bottom: 10px !important;color:#294579;font-family: 'NotoSansKR Medium',sans-serif;font-weight: 600;font-size: 1.1em;text-decoration:underline;font-style:italic;}

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

	.titArea{margin-bottom: 30px; margin-top: 50px;}
	/* .titArea span{color: #294579; position: absolute;top:0; right: 30px; font-size: 14px; font-weight: 400;} */
	.titArea span{color: #294579; position: absolute;bottom: 10px; right: 20px; font-size: 14px; font-weight: 400;}
	.titArea span.typeA {top:30px;}
	/* .subTit {padding: 0 294px 20px 30px;} */
	.subTit {padding: 0 30px 40px 30px;}
	.subTit.typeA {padding: 0 294px 60px 30px;}
	.boldTit {margin:10px 0 20px;}
	.subTit_q {padding-left: 35px; font-size: 20px;}
}


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

	.titArea{margin: 20px 0;}
	.titArea span{color: #294579; font-size: 12px; margin: 10px 0 0; font-weight: 400;}
	/* .titArea span strong{display:block;} */

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




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

/* Main */
div#container.main {position: relative;;padding: 25px;border: 0 none;}

div.main div.issn {position:absolute; font-weight:bold; color:#fff;}
div.main div.contents {background-color: #ffffff;}
div.main div.contents a {display: block;}

div.main div.contents > dl {position: relative; background-color: #FFF;}
div.main div.contents > dl dt img {display: block;width:auto;margin: 0 auto;}
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: 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 dt {background-image: url('../image/main_tit06.png');}
dl.mainEvent dt span {background-color: #614d46;}

div.banner {position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff;}
div.banner ul {font-size: 0; overflow: hidden; text-align: center; padding: 10px 0 ;}
div.banner ul li {list-style:none; display:inline-block; font-size: 1px; margin-left: 10px; vertical-align: top; margin-bottom: 5px;}
div.banner ul li:last-child {margin-bottom: 0;}
div.banner ul li:first-child {margin-left: 0;}

div.banner ul li a {display:block; width: 140px;}
/* div.banner ul li:first-child a {width:110px;} */
div.banner ul li a img {height: 50px; width: 100%;}

@media all and (max-width: 420px) {
div.banner ul li:nth-child(odd){clear: both; margin-left: 0;}
}






/* _주요행사일정 */
dl.mainEvent {clear: both;margin-bottom:15px;}
dl.mainEvent ul {overflow:hidden;}
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; background-color: #ececee;box-sizing:border-box;}
div.main .news dt {}
div.main .news dd {padding: 25px;}
div.main .news a {position:relative; font-size: 14px;color: #000; letter-spacing: -0.3px;font-family: 'NotoSansKR Regular',sans-serif;}
div.main .news dl li {margin-bottom: 15px;}

.notice li {padding-left: 10px; background: url(../image/notice_bullet.png) no-repeat left 9px;}
.info li {padding-left: 10px; background: url(../image/insu_bullet.png) no-repeat left 9px;}

/* _schedule */
div.main div.schedule {margin-top: 20px;padding:15px;background-color: #e8f3f3;box-sizing:border-box;}
div.main div.schedule h3 {position: relative;display:inline-block;padding:0 8px;font-family: 'NotoSansKR Bold',sans-serif;color:#010101;box-sizing:border-box;z-index:1;}
div.main div.schedule h3::after {content:"";position: absolute;left:0;bottom:0;width:100%;height:13px;background-color: #d6eeee;z-index:-1;}

div.main div.schedule ul {overflow:hidden;}
div.main div.schedule li {float:left;width: 100%;}
div.main div.schedule img {width: 100%;}

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

	/* 배너 있다면 padding-bottom : 105px; 없으면 없애기 */
	div#container.main {padding-top:0;padding-bottom: 105px;background: transparent;}
	div.main div.contents {padding:15px;}

	div.main dt.titBg span {min-width:170px; padding: 12px 30px 14px; 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:nth-child(1) {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	ul.mainQuick > li:nth-child(2) {float: left;width: calc(50% - 8px);padding: 0 0 16px 8px;}
	ul.mainQuick > li:nth-child(3) {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	ul.mainQuick > li:nth-child(4) {float: left;width: calc(50% - 8px);padding: 0 0 16px 8px;}
	ul.mainQuick > li:nth-child(5) {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	ul.mainQuick > li:nth-child(6) {float: left;width: calc(50% - 8px);padding: 0 0 16px 8px;} */
	ul.mainQuick > li {float: right;width: calc(50% - 10px);margin-bottom: 20px;}
	ul.mainQuick > li:nth-child(odd) {float: left;}

	/* _주요행사일정 */
	dl.mainEvent {margin-top:25px; padding: 40px 20px 15px;} 
	dl.mainEvent ul {overflow: hidden;}
	dl.mainEvent ul.menu03 li {width: 270px;margin-right: 15px;}
	dl.mainEvent ul.menu04 li {width: 198px;margin-right: 16px;}
	dl.mainEvent li:last-child {margin-right:0 !important;}


	/* _ News & Education */
	div.main .news {overflow: hidden;}
	div.main .news dl {float: left;width: 50%;  margin-top: 20px;}
	div.main .news.only dl {width:100%;}
	div.main .news dt {position: absolute; left: 50%; margin-left: -108px; top: -15px;}
	div.main .news dd {padding-top: 40px;min-height: 177px;} /* 기본 min-height:120px !important; */
	div.main .news dd li:last-child{margin-bottom: 0;}

	div.main div.banner{padding: 5px 0; border: 0 none;}

	div.banner{padding: 10px 0; border-top: 1px solid #ccc;}

	/* _schedule */
	div.main div.schedule h3 {margin-bottom: 15px;font-size: 20px;}
	div.main div.schedule ul {}
	div.main div.schedule li:nth-child(1) {margin-bottom: 12px;}
	div.main div.schedule li:nth-child(3) {margin-left: 7px;}
}



/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	
	/* 배너 있을 시 padding-bottom : 95px; 없으면 15px */
	div#container.main {padding:15px 15px 95px; background: transparent;}
	div.main div.contents {padding:15px;}

	div.main dt.titBg span {padding: 10px 20px 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 15px 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 {margin-top:20px;}
	div.main div.news dd {padding:10px;}
	div.main div.news dl {width:100%; padding-left:0; margin-top: 30px;}
	div.main div.news dl:first-child {margin-top: 0;}

	div.main div.news dl.info:last-child {min-height: 58px;}

	div.main div.news dl dt {padding: 0 20px;}
	div.main div.news dl dt img {display: block;width:auto; margin: -15px auto 0;}
	div.main div.news li a {font-size:14px;}
	
	/* _schedule */
	div.main div.schedule h3 {margin-bottom: 20px;font-size:16px;}
	div.main div.schedule li {width:100%;margin-top: 10px;}
	div.main div.schedule li:first-child {margin-top: 0;}
}



/*  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 {padding-bottom:0;}
	dl.mainEvent dd li {width:48.5%; margin-bottom:10px;}
	dl.mainEvent dd li:nth-child(odd) {float:left;}
	dl.mainEvent dd li:nth-child(even) {float:right;}

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


	div.main div.banner{padding: 5px 0; border: 0 none;}

	div.banner{padding: 5px 0; border-top: 1px solid #ccc;}
}




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

div.contents {font-size: 13px;color: #3f3f3f;text-align: justify; min-height: 500px; padding-bottom: 96px;}


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

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

.tblTit {font-size: 15px;font-weight: 600;color: #000;}
.tblTit span {font-size: 13px;color: #4d4d4d;font-weight: normal;}
table.tblDef {border-top: 2px solid #294579;}
table.tblDef th,
table.tblDef td {padding: 10px; border-bottom: 1px solid #dedede; text-align: center;font-size:15px; color: #222;  border-left: 1px solid #dedede;}
table.tblDef th {background: #f0f0f0;}
table.tblDef tr *:first-child {border-left: 0 none;}
table.tblDef tr.fwBold > * {font-weight: 500;}
table.tblDef thead th {font-weight: 500;background-color: #f0f0f0;}
.bdLeft {border-left: 1px solid #dedede !important;}
.bdNoneL {border-left: 0 none !important;}
table.tblDef td span.fcOrange {color: #ff7200; font-weight: bold;}

h4.profileTit {margin-top:30px;}
h4.profileTit a {display:block; padding:5px 20px; background:#00006a url('../image/bl_toggle.png') no-repeat right -57px; font-size:16px; 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;}

div.introArea {background-color: rgba(157,200,243,0.3);background-repeat: no-repeat;box-sizing:border-box;}
div.introArea p {color:#222;}

.quote {font-style: italic;color: #1776EC;}

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

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

	div.introArea {margin-bottom: 30px;padding: 15px 15px 5px 110px;background-image: url('../image/introArea_bg.png');background-position: 13px center;}
}

/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
/* 	div.contents {padding-bottom: 190px;} */
	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;}

	dl.profile dt {padding:15px 0 5px	}
	table.tblDef td {font-size: 12px;}

	div.introArea {margin-bottom: 30px;padding: 15px 15px 5px 85px;background-image: url('../image/introArea_bg.png');background-position: 13px 12px;background-size:55px 42px;}

	table.tblDef th,
	table.tblDef td {padding: 5px; border-bottom: 1px solid #dedede; text-align: center; font-size:12px; color: #222;  border-left: 1px solid #dedede;}
}



p.close {margin: 0;}

@media all and (max-width: 960px) {
	div.sub1,
	div.sub2,
	div.sub3,
	div.sub4,
	div.sub5,
	div.sub6,
	div.sub7,
	div.sub8,
	div.sub9,
	div.sub10,{padding: 10px;font-size: 12px;}
	p {margin:0 0 20px;/* word-break: keep-all; */}
	
}
@media all and (min-width: 961px){
	div.sub1,
	div.sub2,
	div.sub3,
	div.sub4,
	div.sub5,
	div.sub6,
	div.sub7,
	div.sub8,
	div.sub9,
	div.sub10 {padding: 10px 30px 30px;font-size: 15px;}
	p {margin:0 0 20px;}
}






/* sub1 */
div.sub1{color: #222222; text-align: justify;}
div.sub1 p:first-child{margin-top: 0;}
div.sub1 p sub{vertical-align: top;}
div.sub1 ul li span.ac{text-align: center; display:block;}
div.sub1 p.ac {padding:10px;}
div.sub1 img {width:auto;}
div.sub1 ul.listNum li p {margin:0;}

div.imgWrap {overflow:hidden; line-height:1.6em;}
div.imgWrap p:nth-child(2) {margin-top:0;}


div.scrollArea > img {max-width: 830px;}


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

	div.sub1{font-size: 14px;}
	div.sub1 h3{margin-top: 20px;}
	div.sub1 p.img {margin-top:-22px;}
	div.imgWrap p.img {float:right; margin:0 0 0 10px;}
	div.imgWrap p.img.typeA {float:left; margin:0 10px 0 0;}

	div.imgtxtTop {overflow:hidden;}
	div.imgtxtTop.left p.txt{float:right; width:58%; margin:10px 0 20px;}
	div.imgtxtTop.left p.img{float:left; width:40%;}
	div.imgtxtTop.right p.txt{float:left; width:58%; margin:10px 0 20px;}
	div.imgtxtTop.right p.img{float:right; width:40%;}
	
	ul.imgList{margin: 0; padding: 0; list-style: none; font-size:0; line-height: 0;}
	ul.imgList:after{clear:both; content:''; display: block;}
	ul.imgList li{float:left; width:calc(50% - 5px); margin-left: 10px; margin-top: 15px; text-align: center !important;}
	ul.imgList li:nth-child(-n+2){margin-top: 0;}
	ul.imgList li:nth-child(2n+1){margin-left: 0;}
	ul.imgList li p{margin:10px 0 0; text-align: center; color:blue; font-weight: bold;}

	
	ul.imgList.type01{text-align: center;}
	ul.imgList.type01:after{clear:both; content:''; display: block;}
	ul.imgList.type01 li{float:none; display: inline-block; width:auto; margin-left: 10px; margin-top: 15px; text-align: center !important;}
	ul.imgList.type01 li:nth-child(-n+2){margin-top: 0;}
	ul.imgList.type01 li:nth-child(2n+1){margin-left: 0;}

	/* sub01 */
	div.sub1 ul.noBl{border: 1px solid #000; padding: 20px;}
	div.sub1 ul.noBl li{margin-top: 5px;}
	div.sub1 ul.noBl li:first-child{margin-top: 0;}

	div.sub1 .withTxt {display: inline-block;vertical-align: top;height: 20px;max-width: none;}

}

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

	div.sub1{font-size: 12px;padding: 10px;}
	div.sub1 ul li span.ac{margin: 15px 0; text-align: center !important;}

	div.imgWrap  img {width:auto;}
	div.imgWrap {display:block; position:relative;}
	div.imgWrap p.img {margin-bottom:10px; text-align:center;}

	ul.imgList {padding:10px 0;}
	ul.imgList li {margin-top:10px; text-align: center;}
	ul.imgList li:first-child {margin-top:0;}

	ul.imgList.type01 li img {display: inline-block; width: auto; text-align: center;}

	div.imgtxtTop.left p.txt{float:none; width:100%; margin:10px 0 20px;}
	div.imgtxtTop.left p.img{float:none; width:100%;}
	div.imgtxtTop.right p.txt{float:none; width:100%;}
	div.imgtxtTop.right p.img{float:none; width:100%;}

	div.sub1 ul.noBl{border: 1px solid #000; padding: 10px;}
	div.sub1 ul.noBl li{margin-top: 5px;}
	div.sub1 ul.noBl li:first-child{margin-top: 0;}
	div.sub1 ul.noBl + h3{margin-top: 20px;}

	div.sub1 ul.imgList{}
	div.sub1 ul.imgList li img{display: block; margin:0 auto;}
	div.sub1 ul.imgList li p{margin:10px 0 0; text-align: center; color:blue; font-weight: bold;}

	div.sub1 .scrollArea {overflow:auto;}
	div.sub1 .scrollArea > * {display: block;width: 830px;}

	div.sub1 .withTxt {display: inline-block;vertical-align: top;height: 20px;max-width: none;}
}


/* sub2 */
div.sub2{font-size: 14px;}
div.sub2 img {width: auto;}	
div.sub2 p:first-child{margin-top: 0;}	
div.sub2 h3 + h4{margin-top: 10px;}

div.sub2 table td.padding {padding-right: 0;}

	div.sub2 p.al {font-size: 0;line-height: 0;}
	div.sub2 p.al > * {display: inline-block;vertical-align: top;}
	div.sub2 p.al img {margin-right: 10px;}
	div.sub2 p.al span {vertical-align: bottom;}
@media all and (min-width: 961px) {

	div.sub2{}
	div.sub2 h3{margin-top: 30px;}
	div.sub2 div.imgWrap p:nth-child(2) {margin:0 0 20px;}
	div.sub2 ul.imgList{}
	div.sub2 ul.imgList:after{clear:both; content:''; display: block;}
	div.sub2 ul.imgList li{float:left; width:calc(50% - 15px); margin-left: 30px; margin-top: 15px;}
	div.sub2 ul.imgList li:nth-child(-n+2){margin-top: 0;}
	div.sub2 ul.imgList li:nth-child(2n+1){margin-left: 0;}
	div.sub2 ul.imgList li p{margin:10px 0 0; text-align: center; color:blue; font-weight: bold;}
	div.sub2 ul + h4{margin-top: 20px;}
	

	div.sub2 p.al span {width: calc(100% - 380px);font-size: 14px;line-height: 23px;}

}

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

	div.imgWrap img {width:auto;}
	div.sub2{font-size: 12px;padding: 10px;}
	div.sub2 h3{margin-top: 20px;}
	
	div.sub2 ul.imgList{}
	div.sub2 ul.imgList li img{display: block; margin:0 auto;}
	div.sub2 ul.imgList li p{margin:10px 0 0; text-align: center; color:blue; font-weight: bold;}

	div.sub2 p.al img {height: 245px;}
	div.sub2 p.al span {width: calc(100% - 175px);font-size: 12px;line-height: 15px;}

}

/* sub3 */
div.sub3{font-size: 14px;}

div.sub3 div.imgBox {border: 2px solid #d4d7e2;}

@media all and (min-width: 961px) {
div.sub3 div.imgBox + div.imgBox {margin-top: 30px;}
	div.sub3 div.imgBox {padding: 20px;font-size: 0;line-height: 0;}
	div.sub3 div.imgBox > * {display: inline-block;vertical-align: top;width: calc(50% - 5px);}
	div.sub3 div.imgBox span {padding-left: 10px;font-size: 15px;line-height: 23px;}

	div.sub3 div.imgBox + .pointTit {margin-top: 30px;}
}

@media all and (max-width: 960px) {
div.sub3 div.imgBox + div.imgBox {margin-top: 20px;}
	div.sub3 {padding: 10px;}
	div.sub3 div.imgBox {padding: 10px;}
	div.sub3 div.imgBox > * {display: block;}
	div.sub3 div.imgBox img {width: 90%;margin: 0 auto 10px;}

	div.sub3 div.imgBox + .pointTit {margin-top: 20px;}
}

/* sub4 */
div.sub4{font-size: 14px;}
div.sub4 img {width:auto;margin: 0 auto;}
div.sub4 p {margin-bottom: 20px;}
div.sub4 p:first-child{margin-top: 0;}
div.sub4 div.imgWrap+p{margin-top: 10px;}

div.sub4 li {margin-top: 10px;}
div.sub4 li:first-child {margin-top: 0;}


ul.infoBox { background-color: #f0f0f0; }
ul.infoBox li.tit {color: #0f2f69;font-family: 'NotoSansKR Medium',sans-serif;}
ul.infoBox li {color: #222;}
ul.infoBox a {color: #222;}

div.txtBox {margin-bottom: 20px;border:1px solid #ccc;}
div.txtBox > *:last-child {margin-bottom: 0;}

@media all and (min-width: 961px) {
	div.sub4 dl.infoBox {margin-top: 20px; border: 1px solid #ccc; padding: 20px;}
	div.sub4 dl.infoBox dt {font-weight: bold; margin: 10px 0 5px 0;}
	div.sub4 dl.infoBox dt:first-of-type {margin-top: 0;}
	div.sub4 dl.infoBox ul.listNum {padding-top: 0;}

	ul.infoBox {margin-top: 20px;letter-spacing: -1px;padding: 25px;}
	ul.infoBox > li {position: relative;}
	ul.infoBox > li > span {position: absolute;left:0;top:0;}
	ul.infoBox > li > ul li {margin-left: 14px;}


	div.sub4 h3 {margin: 20px 0 10px;}
	div.sub4 p.ac {margin-bottom: 10px;}
	div.sub4 p.ac span {display:block; padding:10px 0;}

	div.txtBox {padding: 25px;}
}
@media all and (max-width: 960px) {
	div.sub4 h3 {margin: 15px 0 10px;}
	div.sub4{font-size: 12px;padding: 10px;}
	/* div.sub4 h3{margin-top: 20px;} */
	div.sub4 p.bdTxt {padding:10px; line-height:40px; border:1px solid #000;}
	div.imgWrap  img {width:auto;}
	div.sub4 p.ac img{display:block;margin:0 auto;}
	div.sub4 p.ac span {display:block; padding:10px 0;}
	ul.listImg li {float:initial; margin-left:0;}
	ul.listImg li:nth-child(1) {margin-left:0;}
	ul.listImg li:nth-child(4) {clear:none; margin-left: 0;}
	ul.listImg li img {width:100%; height:auto; display:block; font-size:0;}

	div.sub4 dl.imgList {}
	div.sub4 dl.imgList dt {float:none;}
	div.sub4 dl.imgList dd {float:none;}

	.scrollArea {overflow-y:auto;overflow-x:scroll;}
	.scrollArea > table.tblDef {min-width: 600px;}

	/* div.sub4 dl.infoBox {margin-top: 10px; border: 1px solid #ccc; padding: 10px;}
	div.sub4 dl.infoBox dt {font-weight: bold; margin: 10px 0 0 0;}
	div.sub4 dl.infoBox dt:first-of-type {margin-top: 0;} */

	ul.infoBox {margin-top: 10px;/*  border: 1px solid #ccc; */ padding: 15px;}
	ul.infoBox > li {position: relative;}
	ul.infoBox > li a {word-break: break-all;}
	ul.infoBox > li > span {position: absolute;left:0;top:0;}
	ul.infoBox > li > ul li {margin-left: 12px;}

	
	div.txtBox {padding: 15px;}
}




/* sub7 */
div.sub7{font-size: 14px;}
div.sub7 img {width:auto;}
div.sub7 p:first-child{margin-top: 0;}

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

	div.imgWrap h3{margin-top: 0 !important;}
	/* div.sub4 h3{margin: 30px 0 10px;} */
	div.sub7 p{margin:20px 0;}
	div.sub7 p.bdTxt {padding:20px 180px 20px 180px; border:1px solid #000; line-height:50px; text-align:center;}
	div.sub7 p.ac span {display:block; padding:10px 0;}
}
@media all and (max-width: 960px) {

	div.sub7{font-size: 12px;padding: 10px;}
	div.sub7 p{margin:10px 0;}
	div.sub7 p.bdTxt {padding:10px; line-height:40px; border:1px solid #000;}
	div.imgWrap  img {width:auto;}
	div.sub7 p.ac img{display:block;margin:0 auto;}
	div.sub7 p.ac span {display:block; padding:10px 0;}
}

/* sub8 */
div.sub8 {}
div.sub8 p{margin:10px 0;}

div.sub8 img {width:auto;}

@media all and (min-width: 961px) {
	div.sub8 p {font-size: 14px;}
	
}

@media all and (max-width: 960px) { 
	div.sub8 {padding: 10px;}
}

/* sub5 */
div.sub5{font-size: 15px; color: #000;}
div.sub5 h3{margin: 30px 0 10px;}
div.sub5 h3:first-child{margin-top: 0;}
/* div.sub5 p:first-child{margin: 0;} */
div.sub5 img {width:auto;}
div.sub5 ul.listDot li:before{color: #000;}

/* div.sub5 ul{margin: 10px;} */
div.sub5 ul li{margin-top: 5px;}
div.sub5 ul li:first-child{margin-top: 0;}
div.sub5 p + table {margin-top: 10px;}
div.sub5 table td:last-child {text-align: left;}

div.sub5 .icon {display: inline-block;vertical-align: top;}

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

	div.sub5 {padding: 10px;}
	div.sub5 ul li{text-align: left; word-break: break-all}
	div.sub5{font-size: 12px; color: #000;}

	div.sub5 dl.infoBox {margin-top: 10px; border: 1px solid #ccc; padding: 10px;}
	div.sub5 dl.infoBox dt {font-weight: bold; margin-bottom: 10px;}

	div.sub5 dl.infoAttach {margin-top: 20px; position:relative; padding-left: 40px;}
	div.sub5 dl.infoAttach dt {position:absolute; left:0; top:0;}

	div.sub5 dl.infoAttach01 {margin-top: 20px; position:relative; padding-left: 50px;}
	div.sub5 dl.infoAttach01 dt {position:absolute; left:0; top:0;}

	div.sub5 p.tm20 img {display: block;margin: 0 auto 15px;}
	div.sub5 p.tm20 span {text-align: justify !important;}

	div.sub5 .icon {height: 15px;}
}
@media all and (min-width: 961px){
	div.sub5 p.img {margin-left: 10px;}
	div.sub5 dl.infoBox {margin-top: 20px; border: 1px solid #ccc; padding: 20px;}
	div.sub5 dl.infoBox dt {font-weight: bold; margin-bottom: 10px;}
	
	div.sub5 dl dt {margin-top: 20px;}
	div.sub5 dl dd {padding: 0 0 0 10px;}

	div.sub5 dl.infoAttach {margin-top: 20px; position:relative; padding-left: 50px;}
	div.sub5 dl.infoAttach dt {position:absolute; left:0; top:0;margin: 0;}
	div.sub5 dl.infoAttach dd {padding: 0;}	
	
	div.sub5 dl.infoAttach01 {margin-top: 20px; position:relative; padding-left:60px;}
	div.sub5 dl.infoAttach01 dt {position:absolute; left:0; top:0;margin: 0;}
	div.sub5 dl.infoAttach01 dd {padding: 0;}	

	div.sub5 p.tm20 {font-size: 0;line-height: 0;}
	div.sub5 p.tm20:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
	div.sub5 p.tm20 * {display: inline-block;float: right;}
	div.sub5 p.tm20 img {margin-left: 10px;}
	div.sub5 p.tm20 span {width: calc(100% - 460px);font-size: 15px;line-height: 25px;}
	div.sub5 p.tm20 br {display: none;}

	div.sub5 .icon {height: 20px;}
}


/* sub6 */
div.sub6{font-size: 15px; color: #000;}
div.sub6 h3{margin: 30px 0 10px;}
div.sub6 h3:first-child{margin-top: 0;}
div.sub6 img {width:auto;}

@media all and (max-width: 960px) {
	div.sub6 {padding: 10px;}
	div.sub6{font-size: 12px; color: #000;}

}
@media all and (min-width: 961px){
	div.sub6 p.img {margin-left: 10px;}

}

dl.bgArea{background: #f0f0f0; padding:25px; color: #222222; text-align: justify;}
dl.bgArea dt{font-weight: bold !important; color: #0f2f69; font-size: 15px;}
dl.bgArea dt:first-child{margin-top: 0;}

dl.bgArea dd{margin-top: 5px; font-size: 13px;}
dl.bgArea dd a{display:inline-block;}

.bgArea {background: #f0f0f0; padding:19px;}
.bgArea > * {color: #0f2f69;font-size: 15px;line-height: 23px;font-family: 'NotoSansKR Regular',sans-serif;letter-spacing: -0.5px;}
.bgArea span {font-size: 12px;}
.bgArea a {color: #1c45f5;text-decoration: none !important;}

div.youtubeVideo{text-align: center; width: 100%; margin: 10px 0;}
div.youtubeVideo iframe{width: 100%; height: 100%;}


div.imageArea{overflow: hidden;}
div.imageArea p{text-align: center;}
div.imageArea p img{display:block;}

@media all and (min-width: 960px) {

	dl.bgArea dt{margin: 30px 0 0 0;}

	div.youtubeVideo{height: 500px;}

	div.imageArea{margin: 20px 0;}
	div.imageArea p{float: left; margin: 0 5px 0 5px;}

}

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

	dl.bgArea dt{margin: 20px 0 0 0;}

	div.youtubeVideo{height: 300px;}

	div.imageArea{overflow: hidden; margin: 10px 0;}
	div.imageArea p{margin: 0 auto;}

}


/* sub9 */

div.sub9 {}
.scrollArea::-webkit-scrollBar {display: none;}
div.sub9 ul.listNum li {margin-bottom: 5px;}
div.sub9 ul.infoBox{padding: 15px;}
div.sub9 ul.infoBox li.ac{margin-bottom: 10px;}

@media all and (min-width: 960px) {

dl.infoAttach01 {margin-top: 20px; position:relative; padding-left: 60px;}
dl.infoAttach01 dt {position:absolute; left:0; top:0;}

div.sub9 img {width: auto !important;}
div.notice .subTit {padding: 0 30px 20px 30px;}
}

@media all and (max-width: 960px) {
div.sub9 {padding: 10px;}
dl.infoAttach01 {margin-top: 20px; position:relative; padding-left:60px;}
dl.infoAttach01 dt {position:absolute; left:0; top:0;margin: 0;}
dl.infoAttach01 dd {padding: 0;}	
div.sub9 .scrollArea {overflow-y: auto;overflow-x: scroll;}
div.sub9 .scrollArea > table.tblDef {min-width: 600px;}


}

/* sub10 */

@media all and (min-width: 960px) {
div.sub10 img {width: auto !important;}
}

@media all and (max-width: 960px) {
div.sub10 {padding: 10px;}
}

/* ul.checkList */
ul.checkList, ul.checkList > li {margin: 0;padding: 0;list-style: none;}
ul.checkList {margin-bottom: 20px;border-color: #c4d8e3;border-style: solid;}
ul.checkList > li {position: relative;color: #224e7b;font-family: 'NotoSansKR Regular', sans-serif;}
ul.checkList > li:first-child {margin-top: 0;}
ul.checkList > li:before {position: absolute;top: 0;left: 0;background: url('../image/bl_check.png') center center no-repeat;content: '';}

@media all and (min-width: 960px) {
ul.checkList {padding: 20px;border-width: 4px;}
ul.checkList > li {padding-left: 30px;margin-top: 13px;font-size: 15px;line-height: 23px;}
ul.checkList > li:before {width: 23px;height: 23px;}
}

@media all and (max-width: 960px) {
ul.checkList {padding: 10px;border-width: 2px;}
ul.checkList > li {padding-left: 20px;margin-top: 8px;font-size: 13px;line-height: 15px;}
ul.checkList > li:before {top: 4px;width: 15px;height: 15px;background-size: 15px;}
}



.notice h2.subTit{padding-right: 10px;}

.dummy {position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.fileBox {background-color: #e2e8fb; padding: 24px; border: 1px solid #3d64e3;border-radius:2px;margin: 20px 0 0 !important; overflow: hidden;}
.fileBox li {margin-top: 5px;}
.fileBox li:first-child {margin-top: 0;}
.fileBox li a {display:block; color: #222; text-decoration: none;}
.fileBox li a span {display:inline-block; color: #3d64e3;}

ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li,ul.listCircle > li,ul.listStar > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li,
ul.listBar > li,ul.listStar > li{position: relative;padding-left: 1em !important;}
ul.listDot > li:before,
ul.listBar > li:before,
ul.listCircle > li:before,
ul.listStar > li:before{position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.listDot > li:before {content: "·";font-weight: bold;color: #1d3e94;}
ul.listBar > li:before {content: "-";}
ul.listStar > li:before {content:"*";}
ul.listCircle > li{position: relative;padding-left: 20px !important;margin-top: 10px;}
ul.listCircle > li:first-child {margin-top: 0;}
ul.listCircle > li:before {content: "○";}

.listNum {padding: 10px 0; overflow: hidden;}
.listNum > li {list-style:decimal; list-style-position: outside; line-height: 1.6em; margin-left: 23px; /* font-family: 'NotoSansKR DemiLight',sans-serif; */}

ul.listNum_2 {padding: 5px 0 0;counter-reset:num 0;}
ul.listNum_2 > li {position: relative;padding-left: 25px;}
ul.listNum_2 > li span{display: block;}
ul.listNum_2 > li:before {position: absolute;left: 0;top: 0;width: 20px;counter-increment:num 1;content: '' counter( num ) ') ';text-align: right;}
ul.listNum_2.typeBold li {padding-left: 25px;}
ul.listNum_2.typeBold li:before {font-weight: bold;}

.full {width: 100% !important; padding-right: 0 !important;}


@media (max-width: 960px){
	.listNum {padding: 5px 0;}
	.listNum li {font-size: 12px;}

	/* ul.listNum_2 > li{padding: 0 10px;} */
}

/* 서브 댓글관련 */


/* _댓글 */
div.reply {margin-top:25px;border-top:1px dotted #b0b0b0;}
div.reply h3 {overflow:hidden;color:#666;f}
div.reply h3 span {float:right;}
div.reply h3 span img {width:37px;vertical-align:middle;}

div.reply p {margin:0;}

dl.replyItem {position:relative;padding:12px 10px 10px 100px;border-top:1px dotted #b0b0b0;}
dl.replyItem dt {position:absolute;left:0;top:12px;width:90px;text-align:center;color:#555;box-sizing:content-box;font-size:13px;}
dl.replyItem dt.admin {display: block;color:#fff;background-color:#555;}

dl.replyItem.reply {padding-left:115px;}
dl.replyItem.reply dt {padding-right:15px;background:url('/image/icon/bl_reply.png') right 2px no-repeat;background-size:7px;}

dl.replyItem dd.info {overflow:hidden;font-size: 14px;}
dl.replyItem dd.info span {float:left;height:21px;line-height:20px;}
dl.replyItem dd.info span.btn {float:right;margin-top: 2px;}

dl.replyItem dd.info span.btn > * {padding:0 10px 2px;margin-left:5px;border-radius:10px;font-size:12px;}
dl.replyItem dd.info span.btn > *:first-child {margin-left:0;}

dl.replyItem dd.write {display:none;position: absolute;left: 0;bottom: 0;width: 100%; background: #fff;}
dl.replyItem.write dd.write {display: block;}

div.replyWrite {position:relative;padding:10px 100px 10px 160px; text-align: right;}
div.replyWrite textarea {width:90%;border-color:#b7b7b7;font-size: 14px;}
div.replyWrite input[type=submit] {position:absolute;right:0;bottom:10px;width:72px;font-size:14px;border-radius:0;}

div.replyWrite.nickname {padding-left: 135px;}
div.replyWrite.nickname .writer {position: absolute;left: 0;top: 0;width: 140px;}
div.replyWrite.nickname .writer > * {float: left;}
div.replyWrite.nickname .writer label {line-height: 25px;}
div.replyWrite.nickname .writer input {clear: both;margin-left: 0;}
div.replyWrite.nickname .writer input[type=radio] {margin-top: 5px;}
div.replyWrite.nickname .writer input[type=text] {width: 128px;}

div.reply div.btn > * {margin-top: 10px;}


dl.replyItem dd.delete {display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.5); text-align: center; box-sizing:border-box;}
dl.replyItem dd.delete span {display:block; color: #fff; font-weight: bold;}
dl.replyItem dd.delete input {display:inline-block; vertical-align: top; margin-top: 10px;}
dl.replyItem dd.delete input[type=text],dl.replyItem dd.delete input[type=password] {margin-right: 5px; height: 19px;}

p.close {position: absolute;top: 10px; right: 10px;}
p.close a {font-size: 16px; color: #fff; font-weight: bold;}



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

	/*_댓글*/
	dl.replyItem.write {padding-bottom: 130px;}
	div.replyWrite textarea {height:100px;}
	div.replyWrite input[type=submit] {height:116px;}

	/* 작성자 */
	div.reply span.replyUtil{display:block; vertical-align: middle; text-align: left; overflow: hidden; position: absolute; top: 50%; margin-top: -41px; left: 10px;}
	div.reply span.replyUtil *{display:inline-block; vertical-align: middle;}
	div.reply span.replyUtil label{margin-right: 5px; cursor:pointer !important; width: 55px;}
	div.reply span.replyUtil input{width: 100px !important;}

	div.reply span.security{display:block; vertical-align: middle; text-align: left; margin-top: 10px; width: 170px; overflow: hidden;}

	div.reply span.security span,
	div.reply span.security input[type=text]{width: 47% !important;float: left; padding: 2px 0 3px;}

	div.reply span.security span{text-align: center; padding: 0;}
	div.reply span.security span img{display:inline-block; vertical-align: top;}

	div.reply span.security input[type=text]{float: right; height: 20px;}

	dl.replyItem dd.delete{padding: 0;}
	dl.replyItem dd.delete form{position: absolute; top: 50%; left: 0; margin-top: -27px; width: 100%; text-align: center;}
}

@media all and (max-width: 960px) {
	div.reply {padding: 10px;}


	/*_댓글*/
	dl.replyItem.write {padding-bottom:90px;}
	div.replyWrite textarea {width: 100%;height:54px;}
	div.replyWrite input[type=submit] {height:70px;}


	/* 작성자 */
	div.reply span.replyUtil{display:block; width: 145px; vertical-align: middle; text-align: left; overflow: hidden; position: absolute; top: 50%; margin-top: -39px; left: 0;}
	div.reply span.replyUtil *{display:inline-block; vertical-align: middle;}
	div.reply span.replyUtil label{margin-right: 5px; cursor:pointer !important; width: 50px; font-size: 12px;}
	div.reply span.replyUtil input{width: 79px !important;}

	div.reply span.security{display:block; vertical-align: middle; text-align: left; margin-top: 5px; overflow: hidden;}

	div.reply span.security span,
	div.reply span.security input[type=text]{width: 46% !important;float: left; padding: 1px 0 2px;}

	div.reply span.security span{background: #d9d9d9; color: #000; font-weight: bold !important; text-align: center; font-size: 14px;}
	div.reply span.security input[type=text]{float: right; height: 19px;}


	dl.replyItem dd.delete form{position: absolute; top: 50%; left: 0; margin-top: -27px; width: 100%; text-align: center;}
}


/* 좋아요 추가 */

div.titArea h2.subTit > strong a.like{display:inline-block !important;}
div.titArea h2.subTit > strong{display:inline-block; position: relative;text-align: left;}
div.titArea h2.subTit > strong span.count{position: static;}

.like img{display:inline-block; vertical-align: middle; width: 22px !important; height: 20px !important;}
.like span.count{display:inline-block; font-weight: bold; font-size: 14px; margin-left: 5px; color: #d45050 !important; vertical-align: middle;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.titArea h2.subTit > strong span.count{position: static; margin: 0 0 0 5px;}


}




/* 내부스크롤 관련*/
.wScroll{overflow-x: auto !important; width: 100%; padding: 0 !important;}
.wScroll img{display:block; width: 750px !important; min-width: 750px; margin: 0 auto;}

/* 이미지 대체텍스트 숨김처리 */
.hideText{position:absolute; top: -99999px; left: -99999px; width: 1px; height: 1px; text-indent: -99999px;}

/* 폰트색상 */

.fcRed{color: #eb2d2d !important;}
.fcBlue{color: #1776ec !important;}
.fcBrown{color: rgb(110, 57, 26) !important;}
.bgYellow{background: rgb(255, 239, 0) !important;}

/* 텍스트 언더라인 */
.txtUnder {text-decoration: underline;text-underline-position: under;}
.txtUnderB {display:inline-block;position: relative;text-decoration: underline;text-underline-position: under;font-weight: 700;}
.topNum {position: relative;}
.topNum::after { position: absolute;top:-6px;right:-8px; font-size: 6px;}
.topNum01::after {content:"1)"}
.topNum02::after {content:"2)"}
/* Padding */
.pt10{padding-top:10px}

.ind20 {padding-left: 18px;text-indent: -18px;}

/* music */
.musicTit span{display: inline-block;color:#fff;background-color: #3aa9ba;}
.musicNote {background: url('../image/music_note.png') no-repeat left center;color:#091540;font-family: 'NotoSansKR Medium',sans-serif;}

div.vodArea {}
div.vodArea iframe {width:100%;height: 100%;}

@media all and (min-width: 961px) {
	.musicTit span {padding: 13px 40px 13px 20px;font-size: 17px;border-radius:0 25px 25px 0}
	.musicNote {margin: 30px 0 20px !important;padding-left: 40px;line-height: 30px;font-size: 17px;}

	div.vodArea {width:560px;height: 315px;margin: 0 auto 20px;}
}
@media all and (max-width: 960px) {
	.musicTit span {padding: 8px 20px 8px 10px;font-size: 13px;border-radius:0 20px 20px 0}
	.musicNote {margin: 30px 0 20px !important;padding-left: 20px;background-size: 15px 15px;font-size: 12px;line-height: 15px;}

	div.vodArea {width:100%;height: 270px; margin-bottom: 15px;}
}