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

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

img {max-width:100%; width: 100%;}

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

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


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


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

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


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

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

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


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


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

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

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

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

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

ul#gnb > li > a {padding-left: 60px;}
ul#gnb > li > a:before {content: "●";}
ul#gnb > li  li a {padding-left: 10px;}
ul#gnb > li  li a:before {left: 0;content: "-";}



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

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

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


	/* _gnb */
	div.gnbWrap {width: 100%;}
	ul#gnb,
	div.gnbWrap p.close {width: 840px;margin-left: -360px;}
	
	ul#gnb > li > a {padding-left: 60px;}
	ul#gnb a {font-size: 20px; line-height: 36px;}
	ul#gnb a {padding: 5px 0 7px;}
	ul#gnb a:before {top: 5px; left:40px; font-size:0.4em; line-height: 36px;}


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

}

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

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

	/* _headerUtil */
	div#headerWrap div.headerUtil ul {right:10px; top:15px;}
	div#headerWrap div.headerUtil li {float:left; display:inline-block;}
	
	div#headerWrap p.home {top:10px; left:10px; }
	div#headerWrap p.home img {width:100px; height:auto;}


	/* _gnb */
	ul#gnb,
	div.gnbWrap p.close {width:100%;margin-left:-50%;}
	
	ul#gnb {top:54px;}
	div.gnbWrap p.close {height:54px;}
	div.gnbWrap p.close a {width:26px; height:26px; margin:14px 10px 0 0;}

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

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






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

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

div#footerWrap 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 {border-left:2px solid #dedede;border-right:2px solid #dedede;background-color: #fff;}

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

.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: 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 30px;}

	.pageTit {padding-left: 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 15px 15px;}

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




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

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

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

div.main div.contents > dl {position: relative; background-color: #FFF;}
div.main dt.titBg {position: absolute;left: 0;top: -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;}




/* _주요행사일정 */
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: #3a444e;}
div.main .news dt {line-height: 20px;color: #fff; text-align: center;}
div.main .news dd {padding: 20px;background-color: #fff;}
div.main .news a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;color: #3f3f3f;}



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

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

	div.main dt.titBg span {min-width:170px; padding: 12px 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(odd) {float: left;width: calc(50% - 8px);padding: 0 8px 16px 0;}
	ul.mainQuick > li:nth-child(even) {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: 330px;padding-left: 110px;}
	div.main .news dt {position: absolute;left: 0;top: 50%;width: 110px;font-size: 14px;line-height: 20px;margin-top: -20px;}
	div.main .news dl:first-child dt {margin-top: -10px;}
	div.main .news dd {min-height:140px !important;}

}



/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
	
	div#container.main {width:7;padding:15px;}
	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 dd {padding:10px;}
	div.main div.news dl {width:100%; padding-left:0;}
	div.main div.news dl dt {padding:10px 0;}
	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.contents {padding-top: 20px;font-size: 13px;color: #3f3f3f;text-align: justify;}


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




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



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


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

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

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


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



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

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

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


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


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

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


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

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



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


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


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

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 40px 5px 20px; background:#004200 url('../image/bl_toggle.png') no-repeat right -61px; font-size:16px; color:#FFF;}

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

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

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


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

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

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

}


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