@charset "utf-8";
@import url('font/font-awesome.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%; 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;}
}
/* PC : width:961px ~  */
@media screen and (min-width: 961px) {
	.pcOnly {display:block !important;}
	.mobileOnly {display:none !important;}
}


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

div#headerWrap {position: relative;height: 320px;}
div#headerWrap a {display: block;}
div#headerWrap h1 {position: absolute;}
div#headerWrap h1 a {display:block;}


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


/* _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.main {background: url('../image/topVisual.png') center top no-repeat; background-size: 100% 100%;}
	div.wrapper {background: url('../image/topVisual.png') center top no-repeat;}

	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.main {background: url('../image/topVisual_m.png') center 60px no-repeat; background-size: 100% 100%;}
	div.wrapper {background: url('../image/topVisual_m.png') center 60px no-repeat; background-size: 100% auto;}

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

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

	/* _gnb */
	ul#gnb,
	div.gnbWrap p.close {width:80%;}
	
	ul#gnb {top:63px; height: 100%; 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 {background-color: #505050; text-align: center;}
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 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 {background: #fff; min-height: 500px; position: relative;}

.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{background: url('../image/pageTit.jpg') 0 11px no-repeat; font-weight: 700; color: #060606; border-bottom: 3px solid #001e31;}
.titArea .subTit.full{padding-right: 10px !important;}
.titArea .subTit span{display:block;}




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


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


/* 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:5px; right: 30px; font-size: 14px; font-weight: 400;}
	.subTit {padding: 0 315px 20px 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: 60px;}

	.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; padding-bottom: 115px;}

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 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: middle; 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 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; min-height: 160px;}
div.main .news dt {}
div.main .news dd {padding: 20px;}
div.main .news a {position:relative; ;font-size: 12px;color: #000;}
div.main .news dl li{margin-bottom: 10px;}

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



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

	div#container.main {padding-top:0; 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(4) {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	ul.mainQuick > li:nth-child(5) {float: left;width: calc(50% - 8px);padding: 0 0 16px 8px;}
	ul.mainQuick > li {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	ul.mainQuick > li.row2ea,
	ul.mainQuick > li.col2ea {padding: 0 0 16px 8px;}



	/* _주요행사일정 */
	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: 410px;  margin-top: 20px;}
	div.main .news dl:first-child{background: #ececee url(../image/notice_bar.png) no-repeat right center;}
	div.main .news dt {position: absolute; left: 50%; margin-left: -108px; top: -15px;}
	div.main .news dd {padding-top: 40px;min-height:100px !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;}
}



/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	
	div#container.main {padding:15px 15px 150px; 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{margin-top: -15px;}
	div.main div.news li a {font-size:14px;}

}



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

table.tblDef {border-top: 2px solid #d98165;}
table.tblDef th,
table.tblDef td {padding: 10px; border-bottom: 1px solid #dedede; text-align: center; font-size:14px; color: #000;  border-left: 1px solid #dedede;}
table.tblDef th {background: #fbf7f5;}
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: #fbf7f5;}

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




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

}

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

}





@media all and (max-width: 960px) {
div.sub1,
div.sub2,
div.sub3,
div.sub4,
div.sub5,
div.sub6,
div.sub7{padding: 10px;}

}
@media all and (min-width: 961px){
div.sub1,
div.sub2,
div.sub3,
div.sub4,
div.sub5,
div.sub6,
div.sub7{padding: 10px 30px 30px;}


div.sub1 img,
div.sub2 img,
div.sub3 img,
div.sub4 img,
div.sub5 img,
div.sub6 img,
div.sub7 img{width: auto !important;}
	
}






/* sub1 */

div.sub1{color: #222222; text-align: justify;}
div.sub1 p sub{vertical-align: top;}
div.sub1 p strong{display:block;}
.imgWrap{overflow: hidden; line-height: 1.6em;}
.imgWrap p:nth-child(2){margin-top: 0;}
div.sub1 ul li span.ac{text-align: center; display:block;}
	

@media all and (min-width:961px) {
div.sub1{font-size: 14px;}
div.sub1 h3{margin-top: 20px;}
div.sub1 p {margin: 30px 0;}
div.sub1 p.img{margin-top: -22px;}

div.sub1 p span{text-align: left; padding: 0 40px; display:block;}


div.imgWrap{overflow: hidden;}
	.imgWrap .img{float: right; margin: 0 0 0 10px;}	
	.imgWrap img{width: auto;}	
	
	
}

@media all and (max-width: 960px) {
div.sub1{font-size: 12px;}
div.sub1 p {margin: 20px 0;}
div.sub1 ul li span.ac{margin: 15px 0; text-align: center !important;}

	.imgWrap .img{margin-bottom: 10px; text-align: right;}
	.imgWrap img{width: auto;}	
	
	
}


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

@media all and (min-width: 961px) {
div.sub2{}
	div.sub2 h3{margin-top: 30px;}
	div.sub2 p{margin-top: 20px;}
}

@media all and (max-width: 960px) {
div.sub2{font-size: 12px;}
	div.sub2 h3{margin-top: 20px;}
	div.sub2 p{margin-top: 10px;}
}

/* sub3 */

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

	div.sub3 ul li{margin-top:10px;}
	div.sub3 ul li a{display:block; word-break: break-all;}
	div.sub3 ul li:first-child{margin-top: 0;}


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

@media all and (min-width: 961px) {
div.sub3 h3{margin-top: 30px;}
div.sub3 p{margin: 10px 0 20px;}



}
@media all and (max-width: 960px) {
div.sub3{font-size: 12px;}
	div.sub3 h3{margin-top: 20px;}
	div.sub3 p{margin: 10px 0;}
}






/* sub4 */

div.sub4{font-size: 14px;}


@media all and (min-width: 961px) {
div.imgWrap h3{margin-top: 0 !important;}
div.sub4 h3{margin: 30px 0 10px;}
div.sub4 p{margin: 10px 0 20px;}

}
@media all and (max-width: 960px) {
div.sub4{font-size: 12px;}
	div.sub4 h3{margin-top: 20px;}
	div.sub4 p{margin: 10px 0;}
}




/* sub5 */

	div.sub5{font-size: 14px;}
	div.sub5 sub{vertical-align: top;}
	div.sub5 p span{display:block; text-align: left;}

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


div.sub5 p {margin: 30px 0;}





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

div.sub5 p {margin: 20px 0;}





.sub5 div.imgWrap{margin-top: 30px; overflow: hidden;}	
.sub5 div.imgWrap:first-child{margin-top: 0; overflow: hidden;}



}


/* sub6 */
	div.sub6{font-size: 15px; color: #000;}
	div.sub6 p{margin-top: 20px;}
	div.sub6 p:first-child{margin: 0;}

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

}


/* sub7 */
	div.sub7{font-size: 15px; color: #000;}
	div.sub7 h3{margin: 30px 0 10px;}
	div.sub7 h3:first-child{margin-top: 0;}
	div.sub7 p{margin-top: 20px;}
	div.sub7 p:first-child{margin: 0;}

	div.sub7 ul{margin: 10px 0;}
	div.sub7 ul li{margin-top: 5px;}
	div.sub7 ul li:firtst-child{margin: 0;}

@media all and (max-width: 960px) {
	div.sub7 ul li{text-align: left; word-break: break-all}
	div.sub7{font-size: 12px; color: #000;}
}









dl.bgArea{background: #f0f0f0; padding:25px; font-size: #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;}


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

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









.dummy{position: absolute; top: -99999px; left: -99999px; height: 1px; width: 1px; line-height: 0;}
.fileBox{background: #dce8f4; padding: 24px; border: 1px solid #222; 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: #ff9000;}

.listNum{padding: 10px 0; overflow: hidden;}
.listNum li{list-style:decimal; list-style-position: outside; line-height: 1.6em; margin-left: 23px;}
.full{width: 100% !important; padding-right: 0 !important;}


/* 서브 댓글관련 */


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

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

/* 폰트색상 */

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