@charset "utf-8";
 @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
 /* 사이트 공통 CSS */
/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
textarea,
button {font-family:Calibri, 'Noto Sans KR', sans-serif;color:#444;font-size:14px;line-height:1.5;font-weight:normal;}

table td {word-break:normal;}

.tm50 {margin-top:50px !important;}
.bm5 {margin-bottom:5px !important;}

img,
img.vaMiddle {vertical-align:middle;}
//.fcPoint {color:#022566 !important;}
.fcPoint {color:#0152A1 !important;}
.fcBlue {color:#2165b9 !important;}
.fcOrange {color:#e47574 !important;}
.fz15 {font-size:15px !important;line-height:22px !important;}


/* Layout */
div.wrapper {position: relative;width:1200px;margin:0 auto;word-break:normal;text-align:justify;word-break:keep-all;}
div.wrapper:before {position: absolute;left: 0;top: 0;width: 250px;height: 100%;content: "";background-color: #009ab3;}

#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; left:0;padding:15px 0; margin-left:0; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}

dl.overHidden > dt,
dl.overHidden > dd,
ul.overHidden > li {float:left;}




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

/* div#header {float:left;z-index:100;position:relative;width:250px;padding-top:330px;} */
div#header {float:left;z-index:100;position:relative;width:250px;padding-top:322px;}
div#header h1 {position:absolute;left:0;top:0;width:250px;height:227px;}
div#header h1 a {display:block;text-align:center;}

/* div#header ul.util {position:absolute;left:0;top:285px;width:250px;text-align:center;} */
div#header ul.util {position:absolute;left:0;top:230px;width:250px;text-align:center;}
div#header ul.util li {display:inline-block;}
div#header ul.util li:first-child {margin-right:5px;}

div#header ul.util a {min-width:80px;padding:0 10px;border:1px solid #fff;background-color:#022566;color:#fff;text-transform:uppercase;}

div#header div.gnbUtil {position:absolute;left:19px;top:230px;width:213px;}
div#header div.gnbUtil ul {overflow: hidden;}
div#header div.gnbUtil li {float: left;width: 70px;margin-left: 6px;}
div#header div.gnbUtil li:first-child {width: 61px;margin-left: 0;}

div#header div.gnbUtil ul.wide {padding-top: 6px;}
div#header div.gnbUtil ul.wide li {display: none;}
div#header div.gnbUtil ul.wide li.disshow {display: block;width: 213px; margin-left: 0; padding-top: 6px;}
div#header div.gnbUtil ul.wide li:first-child {display: block;width: 213px;}
div#header div.gnbUtil a {display: block;padding: 1px 0;border: 1px solid #fff;color: #fff;text-align: center;text-transform:uppercase;font-size: 13px;}
div#header div.gnbUtil a.admin {background-color: #9d7cfb;border-color: #9d7cfb;}


div#header div.gnbUtil.admin ul.wide li {display: block;width: 103px;}
div#header div.gnbUtil.admin ul.wide li:first-child {width: 104px;}

/* GNB */
ul#gnb {padding-bottom:10px;}
ul#gnb a {display:block;font-size:1.2em;padding:12px 0 13px 23px;color:#fefefe;}

ul#gnb > li {position:relative;border-bottom:1px solid rgba(255,255,255,.1);}
ul#gnb > li:first-child {border-top:1px solid rgba(255,255,255,.1);}
ul#gnb > li > a {padding-left:30px;color:#fff;}
ul#gnb ul {display:none;position:absolute;left:250px;top:0;width:240px;background:url('/image/common/gnb_subBg.png');}
ul#gnb ul a:hover,
ul#gnb ul a:focus {text-decoration:underline;}

ul#gnb > li.on > a {background:rgba(0,0,0,.3) url('/image/common/gnbBg_on.png') right center no-repeat;color:#fff;}
ul#gnb .on ul {display:block;}


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

div#footer {position:relative;clear:both;width:920px;margin-left: 250px;padding:0 0 50px 30px;border-top:1px solid #d5d5d5;font-size:0.9em;}
div#footer:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#footer div,
/* div#footer li, */
div#footer > dl,
div#footer > dl dt,
div#footer > dl dd {float:left;}

div#footer div {padding-top:15px;}
div#footer ul {overflow:hidden;}
/* div#footer li {;margin-left:15px;} */
div#footer li:first-child {margin-left:0;}

div#footer div > ul.bnr {clear: both;position: relative;padding-top: 15px;overflow: visible;}
div#footer div > ul.bnr li {float: none;margin-left: 0;}
/* div#footer div > ul.bnr li.posTL {z-index: 100;left: -270px;top: 15px;} */
div#footer div > ul.bnr li.posTL {z-index: 100;left: -270px;top: -36px;}

/* div#footer > dl {padding-left:70px;}
div#footer > dl {padding-left:20px;} */
div#footer > dl {padding-left:280px;}
div#footer > dl dt,
div#footer > dl dd {padding-top:15px;}
.ie7 div#footer > dl dd {width:240px;}

/* div#footer > dl dt {clear:both;width:92px;color:#979696;} */
div#footer > dl dt {clear:both;width:82px;color:#979696;}
div#footer > dl dd > * {float:left;margin-left:23px;}
div#footer > dl dd > *:first-child {margin-left:0;}

div#footer a.endo2022_banner {position: absolute; bottom: 0; left: 20px;}


/* =========================================================================================================== */
/* =================================================== Container ================================================ */
/* =========================================================================================================== */

div#container {float:left;width:850px;padding:60px 50px;}
div#container.main {width:950px;padding:0;}


div.mainVisual {height: 455px;}
div.mainVisual > dl,
div.mainVisual > ul {float:left;}

/*
div.mainVisual > dl {width:650px;height:455px;padding:0 30px 0 0;letter-spacing:-1px;font-family:Arial;font-size:24px;line-height:1em;background:url('/image/main/main_visual_bg.jpg') 0 0 no-repeat;text-align:right;}
div.mainVisual > dl dt {padding:120px 0 170px;color:#60bab4;font-weight:bold;}
*/

div.mainVisual > dl {width:650px;height:455px;padding:0 30px 0 0;letter-spacing:-1px;font-family:Calibri, 'Noto Sans KR', sans-serif;font-size:34px;line-height:1.1em;background:url('/image/main/main_visual_bg.jpg') 0 0 no-repeat;text-align:right;}
/* div.mainVisual > dl dt {padding:88px 0 100px;color:#023866;font-weight:bold;} */
div.mainVisual > dl dt {padding:88px 0 60px;color:#023866;font-weight:bold;}

div.mainVisual > dl dd {color:#f08751;font-family:Calibri, 'Noto Sans KR', sans-serif;font-size:27px;line-height:1.2em;text-align: right;}
div.mainVisual > dl dd p {padding:8px 50px 10px 0;font-size:2em;color:#181717;font-weight:bold;line-height:1.2em;}
div.mainVisual > dl dd p:first-child {padding-right: 46px;}
div.mainVisual > dl dd p span {color:#4b7db6;}



ul.quickMenu {margin: 0;padding: 0;border-bottom: 1px solid #e6e6e6;}
ul.quickMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.quickMenu > li {float: left;width: 237px;margin: 0;list-style:none;}
ul.quickMenu a {position: relative;display: table-cell;width: 237px;height: 115px;color: #fff;font-size: 20px;line-height: 17px;font-family:Calibri, 'Noto Sans KR', sans-serif;text-align: center;vertical-align: middle;}
ul.quickMenu a span {display: inline-block;vertical-align:middle;text-align: left;font-weight: bold;}
ul.quickMenu img {display: inline-block;margin-right: 15px;}

ul.quickMenu > li:nth-child(1) {background-color: #461e58;}
ul.quickMenu > li:nth-child(2) {background-color: #8c819d;}
ul.quickMenu > li:nth-child(3) {background-color: #2d9ed9;}

ul.quickMenu li.dDay {height: 115px;padding: 22px 0;text-align: center;color: #fff;background: url('/image/main/main_dDay.png') center top no-repeat;box-sizing:border-box;}
ul.quickMenu li.dDay span {font-size: 13px;line-height: 20px;font-weight: 700;font-family: 'Noto Sans KR', sans-serif;text-align: center;}
ul.quickMenu li.dDay span + span {display:block;font-size: 46px;line-height: 50px;font-weight: 700;}
ul.quickMenu li.dDay span:first-child {box-shadow: inset 0 -7px 0 #5540a9;}

div.mainVisual dl.newsletters {position: relative;}
div.mainVisual dl.newsletters dd {display: none;position: absolute;left: 0;top: 150px;width: 100%;background-color: #60bab4;}

div.mainVisual dl.newsletters dd ul {padding: 10px 0;margin: 0 20px;border-top: 1px solid #80A5C2;}
div.mainVisual dl.newsletters dd a {color: #fff;}

/* div.mainInfo {height:360px;border-bottom:1px solid #d5d5d5;text-align:left;background:url('/image/main/bg_pattern.gif');} */
div.mainInfo {height:380px;border-bottom:1px solid #d5d5d5;text-align:left;background:url('/image/main/bg_pattern.gif');}
div.mainInfo > * {float:left;}
div.mainInfo > dl {width:285px;}
div.mainInfo > div {width:270px;}

/* div.mainInfo dl {padding:25px 25px 0 30px;} */
div.mainInfo dl {padding:25px 25px 20px 30px;}
div.mainInfo dt {font-size:1.4em;color:#414141;}

div.mainInfo dl.program dd {padding:14px 20px 0 18px;}
div.mainInfo dl.program li {padding-top:10px;}
div.mainInfo dl.program a {display:block;height:27px;padding:10px 0 11px;font-size:1.3em;color:#fff;text-align:center;}

div.mainInfo dl.newsletters {position: relative;padding:0;}
div.mainInfo dl.newsletters > dt a {padding:0 0 10px 0;}
div.mainInfo dl.newsletters > dd {display: none;position: absolute;left: 0;top:45px;width: 100%;background-color: #222;padding:0;z-index:2;}

div.mainInfo dl.newsletters > dd ul {padding: 5px 0 15px;margin: 0 20px;}
div.mainInfo dl.newsletters > dd ul > li > a {padding:0;text-align:left;}
div.mainInfo dl.newsletters > dd a {color: #fff;}

/* div.mainInfo dl.invited {height:335px;background:#efefef;} */
div.mainInfo dl.invited {height:334px;background:#efefef;}

div.mainInfo dl.invited div.rolling {position: relative;height: 243px;padding-top: 34px;}

div.mainInfo dl.invited dl,
/* div.mainInfo dl.invited li {position:relative;min-height:94px;padding:0 0 0 102px;color: #444;font-size: 16px;} */
div.mainInfo dl.invited li {position:relative;min-height:94px;padding:0 0 0 102px;color: #444;font-size: 14px;}
div.mainInfo dl.invited li {width: 183px !important;line-height: 1.2em;}
div.mainInfo dl.invited dt,
/* div.mainInfo dl.invited strong {display: block;padding: 10px 0 5px;color:#000;font-size:20px;} */
div.mainInfo dl.invited strong {display: block;padding: 10px 0 5px;color:#000;font-size:18px;}
div.mainInfo dl.invited dd.img,
div.mainInfo dl.invited img {position:absolute;left:0;top:0;width:78px;height:94px;}
div.mainInfo dl.invited dd.img img {width:100%;height:100%;}

div.mainInfo dl.invited div.bx-controls {position: absolute;right: 0;top: -34px;height: 22px;}
div.mainInfo dl.invited div.bx-controls a {float: left;display: block;width: 22px;height: 22px;text-indent: -10000px;background-position: 0 0;background-repeat: no-repeat;}
div.mainInfo dl.invited a.bx-prev {margin-right: 1px;background-image: url('/image/main/bnr_prev.png');}
div.mainInfo dl.invited a.bx-next {background-image: url('/image/main/bnr_next.png');}

/*
div.mainInfo dl.impoDates {height:157px;border-right:1px solid #d5d5d5;}
div.mainInfo dl.impoDates dd {padding-top:20px;color:#000;font-size:1.2em;line-height:1.2em;}
div.mainInfo dl.impoDates dd span {display:block;font-size:1.2em;}
*/
div.mainInfo dl.impoDates {height:157px;border-right:1px solid #d5d5d5;}
div.mainInfo dl.impoDates dt {font-size:1.4em;color:#414141;}
div.mainInfo dl.impoDates dd {padding-top:7px;color:#000;line-height:1.3em;}
div.mainInfo dl.impoDates dd span {display:block;}

div.mainInfo dl.notice {padding-left:20px;background-color:#3f475c;}
div.mainInfo dl.notice dt,
div.mainInfo dl.notice dd,
div.mainInfo dl.notice a {color:#fff;}

div.mainInfo dl.notice dd {position:relative;height:99px;}
div.mainInfo dl.notice ul {padding:16px 0 20px;}
div.mainInfo dl.notice li {position:relative;height:21px;padding:0 60px 0 10px;background:url('/image/main/main_bl_list.gif') 0 9px no-repeat;}
div.mainInfo dl.notice li a {position:relative;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;}
div.mainInfo dl.notice li span {position:absolute;right:0;top:50%;margin-top:-11px;}

div.mainInfo dl.notice p.btnMore {position:absolute;right:0;top:-25px;}


div.mainInfo.rNew {height: 360px;}
div.mainInfo.rNew dl.invited {width: 340px;height: 200px;background:#efefef; box-sizing: border-box;}

div.mainInfo.rNew dl.invited div.rolling {position: relative;height: 243px;padding-top: 15px;}

div.mainInfo.rNew dl.invited dl,
div.mainInfo.rNew dl.invited li {position:relative;min-height:94px;padding:0 0 0 102px;color: #444;font-size: 14px;}
div.mainInfo.rNew dl.invited li {width: 183px !important;line-height: 1.2em;}
div.mainInfo.rNew dl.invited dt,
div.mainInfo.rNew dl.invited strong {display: block;padding: 5px 0 0px;color:#000;font-size:18px;}
div.mainInfo.rNew dl.invited dd.img,
div.mainInfo.rNew dl.invited img {position:absolute;left:0;top:0;width:78px;height:94px;}
div.mainInfo.rNew dl.invited dd.img img {width:100%;height:100%;}

div.mainInfo.rNew dl.invited div.bx-controls {position: absolute;right: 0;top: -34px;height: 22px;}
div.mainInfo.rNew dl.invited div.bx-controls a {float: left;display: block;width: 22px;height: 22px;text-indent: -10000px;background-position: 0 0;background-repeat: no-repeat;}
div.mainInfo.rNew dl.invited a.bx-prev {margin-right: 1px;background-image: url('/image/main/bnr_prev.png');}
div.mainInfo.rNew dl.invited a.bx-next {background-image: url('/image/main/bnr_next.png');}

div.mainInfo.rNew dl.impoDates {height:155px;border-right:1px solid #d5d5d5;}
div.mainInfo.rNew dl.impoDates dt {font-size:1.4em;color:#414141;}
div.mainInfo.rNew dl.impoDates dd {padding-top:7px;color:#000;line-height:1.3em;}
div.mainInfo.rNew dl.impoDates dd span {display:block;}

div.mainInfo dl.noticeR {width: 610px; height: 160px; padding: 20px 27px 20px 34px; background-color: #494949; box-sizing: border-box;}
div.mainInfo dl.noticeR dt {position:relative; color: #fff;}
div.mainInfo dl.noticeR dt .btnMore {position: absolute; top: 4px; right:0; width: 17px; height: 17px; background:url('/image/main/btnMore.png') 0 0 no-repeat; text-indent: -10000px;}
div.mainInfo dl.noticeR dd {}
div.mainInfo dl.noticeR dd ul {margin-top: 15px;}
div.mainInfo dl.noticeR dd li {padding: 0 0 0 0; background: none;}
div.mainInfo dl.noticeR dd li a {display: block; position: relative; color: #fff;}
div.mainInfo dl.noticeR dd li a span.txt {display: inline-block; overflow: hidden; max-width: 400px; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}
div.mainInfo dl.noticeR dd li a span.txt:before {padding-right: 5px; content: "-";}
div.mainInfo dl.noticeR dd li span.dey {position:absolute; top:0; right:0;}


div.main div.mainEtc {position:relative;height: 70px;}
div.mainEtc div.movie {position:absolute;left:-250px;bottom:0;width:250px;height:175px;}
div.mainEtc dl {overflow:hidden;border-right:1px solid #d5d5d5;}
div.mainEtc dt,
div.mainEtc dd {float:left;}
div.mainEtc dl > dt {width:;padding:0 30px;font-size:1.4em;line-height:70px;color:#414141;}
div.mainEtc dd {text-align:center;line-height:70px;}

dd.sponBnr ul {overflow: hidden;}
dd.sponBnr ul li {width: 188px !important;height: 40px;padding: 15px 0;}
dd.sponBnr ul li img {display:block;}

/* ========================================================================================================= */
/* ============================================= 서브페이지 공통 CSS ============================================= */
/* ========================================================================================================= */


/* 서브페이지 > 타이틀 */
div.titArea {position:relative;padding-bottom:45px;}
div.titArea h2 {padding-bottom:15px;font-size:3em;color:#1e1e1e;line-height:1em;}
div.titArea h2 span {display:block;font-size:0.5em;line-height:1em;color:#009ab3;}

div.titArea dl.pagePath dd {padding:17px 0 18px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;color:#8d9098;}
div.titArea dl.pagePath dd img {margin:0 9px;}
div.titArea dl.pagePath dd span {color:#414141;}

/* 준비중*/
/* div.ing {width:654px;height:270px;margin:100px auto;text-indent:-10000px;background:url('/image/sub/ing.gif') 0 0 no-repeat;} */
div.ing {width:274px;height:217px;margin:100px auto;text-indent:-10000px;background:url('/image/ing.jpg') 0 0 no-repeat;}






/*  서브페이지 타이틀 & 리스트 스타일 */
.subTit {padding:30px 0 10px;color:#4e70af;font-size:20px;line-height:24px;font-weight:bold;}
.subTit_bl {margin: 30px 0 15px;padding: 0 0 0 25px;background:url('/image/sub/sub_tit.png') 0 5px no-repeat;font-size:22px;font-weight:bold;line-height:25px;}
.subTit_arr {background:url('/image/sub/sub_tit.png') 0 6px no-repeat;font-size:1.3em;font-weight:bold;line-height:25px;padding:0 0 0 20px;margin-bottom:15px;}

h3.subTit:first-child {padding-top:0;}
.subTit_bl:first-child,
.subTit_arr:first-child {margin-top:0;}

.subTitBg {height:40px;line-height:40px;font-size:1.2em;margin-top:50px;color:#fff;text-align:center;background-color:#23346e;}
.subTitBg:first-child {margin-top:0;}

.boldTit {margin-top:30px;font-weight:bold;color:#23346e;font-size: 1.2em;line-height:1.2;}
.boldTit:first-child {margin-top:0;}

ul.txtIndent15 > li,
.txtIndent15 {padding-left:15px;text-indent:-15px;}
ul.txtIndent15 {padding-left:0;text-indent:0;}

ul.txtIndent10 > li,
.txtIndent10 {padding-left:10px;text-indent:-10px;}
ul.txtIndent10 {padding-left:0;text-indent:0;}

ul.txtIndent8 > li,
.txtIndent8 {padding-left:8px;text-indent:-8px;}
ul.txtIndent8 {padding-left:0;text-indent:0;}


ul.listStyle {margin-left:;}
ul.listStyle > li {margin-left:0;list-style:inside;list-style-type:disc;}

ul.listBl > li,
.blCircle {padding-left:10px;background:url('/image/sub/list_bl.png') left 10px no-repeat;}


ul.listBl_b > li,
.blCircle_b {padding-left:10px;background:url('/image/common/bl_circle_b.png') left 10px no-repeat;}

ul.overHidden > li {float:left;}


.numList > li {list-style:decimal;}

.bdArea {border:2px solid #3d3859;background-color:#fff;}
.bdGreyArea,
.scrollArea {border:1px solid #cbcbcb;padding:15px 30px 19px;}

.bgArea {padding:20px;background-color:#f8f8f8;}


.bdNone {border:0 none !important;}



ul.tabMenu, 
ul.subMenu {overflow: hidden;}

ul.tabMenu li, 
ul.subMenu li {float: left;}


ul.tabMenu a, 
ul.subMenu a {display: block;margin-left: 5px;padding: 8px 10px;text-align: center;border: 1px solid #3d3859;color: #3d3859;font-size: 18px;}
ul.tabMenu li:first-child a, 
ul.subMenu li:first-child a {margin-left: 0;}

ul.tabMenu .on a, 
ul.subMenu .on a {background-color:#3d3859;color: #fff;}

ul.menu04 > li {width: 25%;}


.fcGreen {color: #1dc108 !important;}
.fcSky {color: #0b8fd1 !important;}

/* footer 추가 */


div#footer > div{width: 545px;font-size: 12px !important;}
div#footer > div dl{float: left;}
div#footer > div dl.secretariat{float: right;}
dl.secretariat dt{color: #000 !important; font-weight: bold;}
dl.secretariat dd{float: none !important;}
dl.secretariat dd ul{padding-top: 5px; !important}
div#footer dl.lp{padding-left: 90px !important;}




dl.sponWrap dt{padding: 0 20px !important;}
dd.sponBnr{position:relative; padding: 0 25px; box-sizing: border-box;}
dd.sponBnr .bx-controls-direction a{position:absolute; top: 50%; margin-top: -13px; text-indent: -10000px; display:block; width: 15px; height: 25px;}
dd.sponBnr .bx-controls-direction a.bx-prev{left: 0; background: url(/image/icon/arrow_l.png) no-repeat;}
dd.sponBnr .bx-controls-direction a.bx-next{right: 0; background: url(/image/icon/arrow_r.png) no-repeat;}



/* main 배너 위치변경 200611*/
ul.bnr{position: absolute; left:-240px; bottom: -280px; overflow:hidden;}
ul.bnr li{margin-top:10px;}
ul.bnr li:first-child{margin-top:10;}

/* 200721_배너버튼 영역 수정 */
div.mainVisual > ul.btnlist {float: left;}
div.mainVisual > ul.btnlist li {width: 270px; height: 113px;}
div.mainVisual > ul.btnlist.new li {height: 114px;}
div.mainVisual > ul.btnlist li.dayBox {position: relative; height: 116px; color: #fff; background: url('/image/main/mainBtnS_dayBox.jpg') center top no-repeat;}
div.mainVisual > ul.btnlist li.dayBox p.dTit {position: absolute; top: 33px; left: 128px; font-size: 36px; line-height: 36px;}
div.mainVisual > ul.btnlist li.dayBox p.dTxt {position: absolute; top: 72px; left: 118px;}
/* //200721_배너버튼 영역 수정 */


/* footer style 수정 - 25.08.26 mj.park */
.wrapper:after{
	display: block;
	content: '';
	clear: both;
}
div#footer{
	float: left;
	width: 100%;
	max-width: 920px;
}
div.mainEtc dl{
	float: left;
	width: 100%;
	max-width: 950px;
	box-sizing: border-box;
}
div.mainEtc dl > dt{
	width: 115px;
	box-sizing: border-box;
}