@charset "utf-8";
@import url('Pretendard.css');
@import url('fontawesome.css');
@import url('Material-icons.css');
@import url('common_v3.css');
@import url('rw.css');
@import url('swiper.css');

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:1px 10px 0;border-radius:1px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;}

.btn a {height:auto;line-height:19px;padding:7px 10px 8px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

/* 남색 */				.btnDef {background-color:#2b59a7 !important;border-color:#2b59a7 !important;color:#fff !important;}
/* 핑크색 */			.btnPoint {background-color:#884eb0 !important;border-color:#884eb0 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#535353 !important;border-color:#535353 !important;color:#fff !important;}
/* 진파랑색 */		.btnBlue2 {background-color:#2f4b85 !important;border-color:#2f4b85 !important;color:#fff !important;}
/* 핑크색 2 */		.btnPink {background-color:#cb3f73 !important;border-color:#cb3f73 !important;color:#fff !important;}
/* 남색 2 */		.btnNavy {background-color:#2d4389 !important;border-color:#2d4389 !important;color:#fff !important;}
/* 회색 2 */		.btnGrey2 {background-color:#727b97 !important;border-color:#727b97 !important;color:#fff !important;}
/* 진한남색 */	.btnNv {background-color:#111d3d !important;border-color:#111d3d !important;color:#fff !important;}

/* border+ 남색 */				.btnBdDef {background-color:#fff !important;border-color:#2b59a7 !important;color:#2b59a7 !important;}
/* border+ 핑크색 */			.btnBdPoint  {background-color:#fff !important;border-color:#1359a9 !important;color:#1359a9 !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;}

/* border+ 진파랑색 */			.btnBdBlue2  {background-color:#fff !important;border-color:#2f4b85 !important;color:#2f4b85 !important;}

span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;}

.btn .btnBig {min-width:150px;min-height: 60px;font-size: 20px;line-height: 20px;padding:18px 20px;word-break:keep-all;box-sizing:border-box;font-family: 'Pretendard-SemiBold', sans-serif;}

table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:8px 10px 9px;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;vertical-align: top;}

.btnArea {padding: 50px 0 0;text-align: center;}
.btnArea * {margin-left: 12px;}
.btnArea *:first-child {margin-left: 0;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
.btn .btnBig {min-height: 42px;font-size: 16px;line-height: 16px;padding: 12px 20px;}
}


.subTit {position: relative;margin: 0;padding: 0;font-family: 'Pretendard-SemiBold', sans-serif;color: #2851a9;}
.subTit:before {/*position: absolute;display: block;*/content:'';left: 0;top: 12px;width: 7px;height: 2px;background-color: #2851a9;}

.subTit_bl {position: relative;color: #000; font-family: 'Pretendard-SemiBold', sans-serif;}
.subTit_bl:before {position: absolute;display: block;content:'*';left: 0;top: 0;color: #000;}

.pointTit {position: relative;margin: 0;padding: 0;padding-left: 4px;color: #2851a9; font-family: 'Pretendard-SemiBold', sans-serif;font-weight: normal;}
/*.pointTit:before {position: absolute; display: block; left: 0; width: 5px;height: 2px;background-color:#2851a9;content:'';}*/

.subTit:first-child,
.pointTit:first-child,
.subTit_bl + *,
.pointTit + *,
legend + * {margin-top: 0 !important;}





/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
.pointTit {margin: 30px 0 10px;font-size: 18px;line-height: 18px;}
.pointTit:before {top: 10px;}

.subTit {margin: 15px 0 10px;/*padding-left: 10px;*/font-size: 16px;}

.subTit_bl {padding-left: 10px;font-size: 14px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
.pointTit {margin: 50px 0 10px;font-size: 24px;line-height: 24px;}
.pointTit:before {top: 11px;}

.subTit {margin: 40px 0 15px;/*padding-left: 20px;*/font-size: 24px;}

.subTit_bl {padding-left: 15px;font-size: 18px;}
}





/* =============================== 레이아웃 =============================== */
/* div.wrapper,
div.popupWrap {overflow: hidden;position: relative;margin: 0;padding: 0;font-weight: normal;color: #000;font-family: 'Pretendard-Regular', sans-serif;} */
div.wrapper {width: 100%;}
div#headerWrap h1 {margin: 0;padding: 0;}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.wrapper,
div.popupWrap {font-size: 14px;line-height: 20px;}
div.wrapper {min-width:320px;}

div#headerWrap {height: 60px;padding-right: 60px;}
div#headerWrap h1 a {padding: 15px;}
div#headerWrap h1 img {height: 30px;}

div.gnbView {z-index: 50;position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.gnbView a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('/image/common/gnbView_m.png') center center no-repeat;background-size: 26px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.wrapper,
div.popupWrap {font-size: 16px;line-height: 25px;}

div.wrapper {min-width:1770px;padding-top: 141px;}

div#headerWrap {position: fixed;left: 0;top: 0;z-index:100;min-width: 1770px; width: 100%;height:65px;padding-top: 75px;background-color: #fff;}
div#headerWrap h1 {position:absolute;left:60px;top:23px;width:492px;height:54px;}
div#headerWrap h1 a {display: block;height: 54px;background: url('/image/common/header_logo.png') 0 0 no-repeat;}
div#headerWrap h1 img {display: none;}

div.gnbView,
div.gnbClose {display: none;}
}





/* GNB */
ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a,
ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.gnbWrap {z-index: 200;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-left:50px;background-color: rgba(0,0,0,.7);box-sizing:border-box;}

ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 45px);padding-top: 45px;background-color: #fff;}
ul#gnb > li {border-bottom: 1px solid #ccc;}
ul#gnb > li > a {position: relative;display: block;padding: 10px 30px 10px 15px;color: #222;font-size: 15px;line-height: 25px;font-family: 'Pretendard-SemiBold', sans-serif;letter-spacing:-1px;/* background: url('/image/common/gnb_bl_m.png') right 15px center no-repeat;background-size: 9px; */}

/*
ul#gnb .on > a {background-image: url('/image/common/gnb_bl_on_m.png');background-color: #2f4986;color: #fff;}
*/

ul#gnb ul {display: none;padding:5px 0 10px;background-color: #f0f5ff;}
ul#gnb ul li {padding-top: 5px;}
ul#gnb ul a {padding: 5px 15px;font-size: 15px;line-height: 20px;color: #4456a3;font-family: 'Pretendard-Medium', sans-serif;}
ul#gnb ul a:before {display: inline-block;vertical-align: top;content: "-";padding-right: 5px;}

ul.gnbUtil {z-index: 50;position: absolute;top: 0;top: 0;width: calc(100% - 50px);height: 45px;}
ul.gnbUtil > li {float: left;width: 50%;background-color: #386b8f;box-sizing:border-box;}
ul.gnbUtil > li:first-child {background-color: #4a9fdb;}
ul.gnbUtil a {display: block;height: 45px;padding: 12px 0;text-align: center;font-size: 14px;line-height: 21px;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing:border-box;}
ul.gnbUtil img {display: inline-block;vertical-align: top;height: 21px;padding-right: 10px;}

div.gnbClose {z-index: 50;position: absolute;left:0;top: 0;width: 50px;height: 45px;margin: 0;}
div.gnbClose a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('/image/common/gnbClose_m.png') center center no-repeat;background-size: 24px;}
}

/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.gnbWrap {position: relative;}
ul#gnb {display: none;}


ul.gnbUtil {z-index:45; position:absolute;right:60px;top:-75px;border-radius: 0 0 10px 10px;padding: 0 15px;text-align: right;font-size: 0;line-height: 0;background-color: #7896b2;}
ul.gnbUtil li {position: relative;display: inline-block !important;vertical-align: top;padding:0 15px;}
ul.gnbUtil li:before {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 1px;height: 11px;content: "";background-color: #fff;}
ul.gnbUtil li:first-child:before {display: none;}
ul.gnbUtil a {display: block;padding-bottom: 5px;color: #fff;font-size: 14px;line-height: 30px;font-family: 'Pretendard-Light', sans-serif;}
ul.gnbUtil img {display: none;}
}

/* allMenu */
ul#allMenu, ul#allMenu li, ul#allMenu a, ul#allMenu ul {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul#allMenu a {color: inherit;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul#allMenu {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 45px);padding-top: 45px;background-color: #fff;}
ul#allMenu a {}
ul#allMenu > li {border-bottom: 1px solid #d7d7d7;}
ul#allMenu > li > a {position: relative;display: block;padding: 13px 30px 14px 15px;color: #162b48;font-size: 16px;line-height: 20px;font-family: 'Pretendard-SemiBold', sans-serif;}
ul#allMenu > li > a:after {display: inline-block;vertical-align: top;margin-left: 10px;content: "\f0d7";font-family: "Font Awesome 6 Free";color: #162b48;font-weight: 900;}

ul#allMenu .on > a,
ul#allMenu .on > a:after {color: #325ebd;}
ul#allMenu .on > a:after {transform: rotate(180deg);}

ul#allMenu .noSub > a:after {display: none;}


ul#allMenu ul {display: none;background-color: #eef2f9;}
ul#allMenu ul a {display: block;padding: 5px 15px;font-size: 14px;line-height: 30px;color: #162b48;font-family: 'Pretendard-Regular', sans-serif;box-sizing: border-box; }

}

/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
/*
ul#allMenu {display: none;z-index: 50;position: absolute;top: 65px;left: 0;width: 100%;background-color: rgba(29,41,94,0.95);}
ul#allMenu.view {display: grid;grid-template-columns: repeat(7, 1fr);}
ul#allMenu > li {border-left: 1px solid rgba(255,255,255,0.4);color: #fff;font-family: 'Pretendard-Regular', sans-serif;font-size: 17px;line-height: 25px;}
ul#allMenu > li:first-child {border-left: 0 none;}
ul#allMenu > li > a {display: table-cell;width: 800px;height: 95px;padding: 0 20px;background-color: rgba(8,15,41,0.3);vertical-align: middle;font-size: 20px;line-height: 30px;font-family: 'Pretendard-SemiBold', sans-serif;}
ul#allMenu ul {padding: 15px 20px 35px;}
ul#allMenu ul li {margin-top: 10px;}
ul#allMenu ul li a {letter-spacing: -0.5px;}
ul#allMenu ul li a:before {display: inline-block;vertical-align: top;margin-right: 4px;content: '-';}

ul#allMenu ul li a:hover {color: #9be9ff;}
*/

ul#allMenu {z-index:40;position: relative;display: grid; grid-template-columns: repeat(7, 1fr); gap: 0 30px;height: 65px;padding: 0 60px;box-sizing: border-box;}
ul#allMenu > li {position: relative;display: inline-block;vertical-align: top;box-sizing:border-box;}
ul#allMenu > li:first-child {padding-left: 0;}

ul#allMenu > li > a {position: relative;display: table-cell;width: 500vw;height: 60px;padding-bottom: 5px;vertical-align: middle;font-size: 20px;line-height: 25px;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;color: #222;}

ul#allMenu > li.on > a {color:#1359a9;}
ul#allMenu > li.on > a:after {position: absolute;left: 50%;bottom: 4px;width: 8px;height: 8px;border-radius: 50%;margin-left: -4px;content: "";background-color: #1359a9;}
ul#allMenu > li.on > ul {display: block;}

ul#allMenu ul {display: none;position: absolute;left: 50%;top: 65px;transform:translateX(-50%);margin-left: 25px;width:234px;border: 2px solid #1e2f64;background-color: #1e2f64;}
ul#allMenu > li:first-child ul {margin-left: 0;}
ul#allMenu ul a {display: table-cell;width: 500px;height: 50px;padding: 0 15px;text-align: center;vertical-align: middle;color: #fff;font-size: 17px;line-height: 20px;}
ul#allMenu ul a:hover {background-color: #fff;color: #1e2f64;}
}




/* Contents */
div#container {position: relative;box-sizing:border-box;}

h2.pageTit {margin: 0;padding: 0;font-weight: normal;color: #111754;font-family: 'Pretendard-SemiBold', sans-serif;}


/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div#container {padding-top: 55px;}
h2.pageTit {margin: 0 15px;padding-left: 30px;font-size: 17px;line-height: 20px;background: url('/image/common/pageTit_m.png') 0 4px no-repeat;background-size: 20px;}

/* 2022-11-22 */
.mOnly {display: block !important;}
.pcOnly {display: none !important;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div#container {padding-top: 370px;background-repeat: no-repeat;background-position: center top;}
div#container.sub01 {background-image:url('/image/sub/sub08.png');}
/*div#container.sub02 {background-image:url('/image/sub/sub02.png');}*/
/*div#container.sub03 {background-image:url('/image/sub/sub03.png');}*/
/*div#container.sub04 {background-image:url('/image/sub/sub04.png');}*/
div#container.sub05 {background-image:url('/image/sub/sub02.png');}
div#container.sub06 {background-image:url('/image/sub/sub03.png');}
div#container.sub07 {background-image:url('/image/sub/sub06_v2.png');}
div#container.sub08 {background-image:url('/image/sub/sub05_v2.png');}
div#container.sub09 {background-image:url('/image/sub/sub04_v3.png');}
div#container.sub10 {background-image:url('/image/sub/sub07_v2.png');}
div#container.sub11 {background-image:url('/image/sub/sub01.png');}
div#container.sub12 {background-image:url('/image/sub/sub01.png');}
div#container.sub18 {background-image:url('/image/sub/sub18.png');}

h2.pageTit {width: 1300px;margin: 0 auto;padding-left: 45px;background: url('/image/common/pageTit.png') 0 7px no-repeat;font-size: 32px;line-height: 32px;box-sizing:border-box;}


/* 2022-11-22 */
.mOnly {display: none !important;}
.pcOnly {display: block !important;}
}


/* LNB */
div.lnbWrap p, div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap {z-index: 10;position: absolute;left: 0;width: 100%;background: linear-gradient( to right, #5a5eb2, #5093d7);}
div.lnbWrap dl {position: relative;}

div.lnbWrap dt a {position: relative;display: block;color: #fff;border-right: 1px solid rgba(255,255,255,.6);font-family: 'Pretendard-SemiBold', sans-serif;}
div.lnbWrap dt a:after {position: absolute;top: 50%;transform:translateY(-50%);content: "";background-position: center center;background-repeat: no-repeat;}
div.lnbWrap dt.view a:after {transform:translateY(-50%) rotate(180deg);}

div.lnbWrap dd {position: absolute;left: 0;width: 100%;border:2px solid #5093d7;border-top: 0 none;background-color:#fff;box-sizing:border-box;}
div.lnbWrap dd a {display: block;}


/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.lnbWrap {top: 0;height: 40px;}

div.lnbWrap p.home {display: none;}

div.lnbWrap dl {position: relative;float: left;width: 50%;}
div.lnbWrap.lnb dl {float: left;width: 50%;}
div.lnbWrap dt a {position: relative;display: block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 40px;padding:10px 40px 10px 15px;font-size: 14px;line-height: 20px;box-sizing:border-box;}
div.lnbWrap dt a:after {right: 15px;width: 10px;height: 6px;content: "";background-image: url('/image/common/lnb_bl_m.png');background-size: 10px;}

div.lnbWrap dl:last-child > dt a {border-right: 0 none;}

div.lnbWrap dd {position: absolute;left: 0;top: 40px;overflow-x: hidden;overflow-y: auto;width: 100%;}
div.lnbWrap dd ul {padding: 10px 0;}
div.lnbWrap dd li {padding-top: 5px;}
div.lnbWrap dd a {padding: 0 10px;color: #252525;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;}
}




/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.lnbWrap {top: 260px;height:60px;}
div.lnbWrap.fixed {position:fixed;left:0;top:0;width:100%;}

div.lnbWrap br {display: none;}

div.lnbWrap > div {width:1300px;height:60px;margin:0 auto;}

div.lnbWrap p.home,
div.lnbWrap dl {float:left;}

div.lnbWrap p.home a {display: block;width:60px;height:60px;font-size: 0;line-height: 0;background:#111754 url('/image/common/lnb_home.png') center center no-repeat;}

div.lnbWrap dl {height:60px;}
div.lnbWrap dt a {position:relative;min-width: 150px;font-size:16px;line-height: 20px;padding:20px 80px 20px 20px;}
div.lnbWrap dt a.trigger:after {right:20px;width: 14px;height: 8px;background-image: url('/image/common/lnb_bl.png');}

div.lnbWrap dd {padding: 10px 0;}
div.lnbWrap dd a {display: block;padding:5px 20px;color:#444;font-size: 16px;line-height: 25px;}
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus {background-color: #e6ecfb;}
}



/* 위로 가기 */
p#goTop {z-index: 80;background-color: #fff; border: 1px solid #1359a9; border-radius:8px; box-shadow: 1px 1px 10px rgba(29,41,94,.2);}
p#goTop a,
p#goTop img {display: block;width: 100%;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
p#goTop {position: fixed; right:15px;bottom: 15px;width: 40px;height: 40px;}
}

/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
p#goTop {position: absolute; top:680px; left:50%;margin-left: 665px;}
}


/* Footer */
div#footerWrap {position:relative;background-color: #2c344b;}
div#footerWrap,
div#footerWrap a {color: #fff;text-decoration: none;font-family: 'Pretendard-Light', sans-serif;}
div#footerWrap address {}

dl.hosted, dl.hosted dt, dl.hosted dd, dl.hosted ul, dl.hosted li, dl.hosted p, dl.hosted address {margin: 0;padding: 0;list-style: none;font-style: normal;}
dl.hosted:before {display: block;content: "Hosted by.";font-family: 'Pretendard-SemiBold', sans-serif;}

dl.hosted ul {overflow: hidden;}
dl.hosted li {position: relative;float: left;}
dl.hosted li:before {position: absolute;top: 50%;transform:translateY(-50%);width: 1px;content: "";background-color: #fff;}
dl.hosted li:first-child {padding-left: 0;}
dl.hosted li:first-child:before {display: none;}


/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div#footerWrap {padding: 15px;font-size: 12px;line-height: 15px;}
dl.hosted:before {padding-bottom: 10px;}
}

/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div#footerWrap {padding: 25px 0;font-size: 15px;line-height: 20px;}
dl.hosted {position: relative;width: 1300px;margin: 0 auto;padding-left: 90px;box-sizing:border-box;}
dl.hosted:before {position: absolute;left: 0;top: 0;}

dl.hosted li {padding-left: 41px;}
dl.hosted li:before {left: 20px;height: 8px;}
}


div.footer dl, div.footer dt, div.footer dd, ul.footerSns, ul.footerSns li, ul.footerSns a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.footer {font-size: 14px;line-height: 18px;font-family: 'Pretendard-Light', sans-serif;background: #2c344b url('/image/common/footer_bg.png') center bottom no-repeat;}
div.footer dl {text-align: left;}
div.footer dt {font-size: 15px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.footer dd {padding-top: 10px;}

ul.footerSns {text-align: right;padding-top: 15px;}
ul.footerSns li {display: inline-block;vertical-align: top;}
ul.footerSns a,
ul.footerSns img {display: block;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.footer {padding: 20px;}
div.footer dl + dl {padding-top: 30px;}

ul.footerSns li:not(:first-child) {margin-left: 10px;}
ul.footerSns img {height: 24px;}
}

/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.footer {padding: 25px 0 30px;text-align: center;}
div.footer dl {display: inline-block;vertical-align: top;width: 697px;}

ul.footerSns {width: 1394px;margin: 0 auto;}
ul.footerSns li:not(:first-child) {margin-left: 15px;}
}



/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.contents {position: relative;padding: 15px 15px 30px;text-align: justify;font-size: 14px;line-height: 20px;color: #222;font-family: 'Pretendard-Regular', sans-serif;font-weight: normal;}


div.mobileNote {padding: 40px 0 !important;}
div.mobileNote img {display: block;width: 100%;margin: 0 auto;}

div.ing {padding: 40px 0 !important;}
div.ing img {display: block;width: 100%;margin: 0 auto;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.contents {position: relative;width: 1300px;margin: 0 auto;padding: 50px 0 100px;text-align: justify;font-size: 16px;line-height: 25px;color: #222;font-family: 'Pretendard-Regular', sans-serif;font-weight: normal;}

div.ing {padding: 50px 0 !important;}
}

ul.langType, ul.langType li, ul.langType a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.langType {overflow: hidden;border: 1px solid #333f7b;border-radius: 5px;}

ul.langType > li {float: left;width: 50%;}
ul.langType a {display: block;text-align: center;color: #333f7b;font-family: 'Pretendard-Regular', sans-serif;}
ul.langType .on {box-shadow:0 0 5px rgba(0,0,0,.5);}
ul.langType .on a {color: #fff;background-color: #333f7b;font-family: 'Pretendard-SemiBold', sans-serif;}
/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.langType {position: absolute;right: 15px;top: -20px;width: 100px;}
ul.langType a {font-size: 12px;line-height: 20px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
ul.langType {position: absolute;right: 0;top: -32px;width: 160px;}
ul.langType a {font-size: 16px;line-height: 40px;}
}




/* ============= 메인 ============= */
div#container.main {position: relative;padding: 0;background: none;box-sizing: border-box;}
div#container.main:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.mainBnr {position: relative;}
div.mainBnr div.bnr img {display: block;width: 100%;}

div.dDay {position: absolute;right: 0;color: #fff;background: #d33772 url('/image/main/dDay_bg.png') right bottom no-repeat;font-family: 'Pretendard-Bold', sans-serif;text-shadow:2px 4px 0 rgba(0,0,0,.2);letter-spacing:-1px;box-sizing: border-box;}
div.dDay img {position: absolute;left: 15px;top: 50%;transform:translateY(-50%);}
div.dDay span {display: block;color: #fff88f;font-family: 'Pretendard-Regular', sans-serif;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.dDay {bottom: -10px;width: 140px;padding: 15px 0 16px 50px;border-radius: 30px 0 0 0;box-shadow:0 5px 8px rgba(0,0,0,.17);font-size: 22px;line-height: 22px;}
div.dDay img {width: 25px;}
div.dDay span {padding-top: 5px;font-size: 10px;line-height: 10px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.main div#headerWrap {border-bottom: 1px solid #d7dae8;}

div#container.main {width: 1394px;margin: 30px auto 45px;padding-left:550px;padding-bottom: 290px;}
div.mainBnr {position: absolute;left: 0;top: 0;width: 520px;height: 710px;}

div.dDay {bottom: -15px;width: 200px;padding: 24px 0 24px 74px;border-radius: 50px 0 0 0;box-shadow:0 5px 16px rgba(0,0,0,.35);font-size: 32px;line-height: 32px;}
div.dDay img {left: 15px;}
div.dDay span {padding-top: 5px;font-size: 13px;line-height: 13px;}
}



/* 메인 > 퀵메뉴 */
ul.quickMenu, ul.quickMenu li, ul.quickMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}

ul.quickMenu {display: grid;}
ul.quickMenu a {position: relative;display: block;color: #fff;font-family: 'Pretendard-Bold', sans-serif;background-position: 0 0;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;}
ul.quickMenu li:nth-child(1) a {background-image: url('/image/main/quick_bg_01.png');}
ul.quickMenu li:nth-child(2) a {background-image: url('/image/main/quick_bg_02.png');}
ul.quickMenu li:nth-child(3) a {background-image: url('/image/main/quick_bg_03.png');}
ul.quickMenu li:nth-child(4) a {background-image: url('/image/main/quick_bg_04.png');}

ul.quickMenu a img {position: absolute;}
ul.quickMenu a:after {display: block;content: "";background: url('/image/main/quick_arr.png') left bottom no-repeat;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul.quickMenu {grid-template-columns: repeat(2, 1fr);gap:10px;padding: 15px;}
ul.quickMenu a {height: 68px;padding: 15px 60px 15px 15px;border-radius: 10px 30px;font-size: 16px;line-height: 16px;letter-spacing:-1px;}
ul.quickMenu a img {right: 15px;top: 50%;transform:translateY(-50%);height: 35px;}
ul.quickMenu a:after {height: 15px;background-size: 8px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
ul.quickMenu {grid-template-columns: repeat(4, 1fr);gap:15px;padding-bottom: 22px;}
ul.quickMenu a {height: 200px;padding: 35px 30px;border-radius: 15px 50px;font-size: 20px;line-height: 20px;}
ul.quickMenu a img {right: 30px;bottom: 30px;}
ul.quickMenu a:after {height: 37px;}
}


/* 메인 > Important Date  */
dl.mainDate, dl.mainDate * {margin: 0;padding: 0;list-style: none;text-decoration: none;}

dl.mainDate {border-radius: 10px;background: url('/image/main/date_bg_t.png') center top no-repeat, url('/image/main/date_bg.png') center bottom no-repeat, #01215c;color: #fff;box-sizing: border-box;}
dl.mainDate dt,
dl.mainDate span.day {color: #fff !important;font-family: 'Pretendard-Bold', sans-serif;}

dl.mainDate li {position: relative;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.mainDate li:first-child {margin-top: 0;}

dl.mainDate span {display: block;font-family: 'Pretendard-Regular', sans-serif;}
dl.mainDate span.day {position: absolute;left: 0;top: 50%;transform:translateY(-50%);display: block;text-align: center;border-radius: 50%;height: 20px;line-height: 20px;}


dl.mainDate li:nth-child(1) span {color: #ff869f;}
dl.mainDate li:nth-child(2) span {color: #82d3ff;}
dl.mainDate li:nth-child(3) span {color: #f1d44b;}
dl.mainDate li:nth-child(4) span {color: #c39bff;}

dl.mainDate li:nth-child(1) span.day {background: linear-gradient( 120deg, #e88160, #d1476c);}
dl.mainDate li:nth-child(2) span.day {background: linear-gradient( 120deg, #7bc1c4, #5dadd9);}
dl.mainDate li:nth-child(3) span.day {background: linear-gradient( 120deg, #86b86b, #cba744);}
dl.mainDate li:nth-child(4) span.day {background: linear-gradient( 120deg, #72a1d3, #826ca3);}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
dl.mainDate {margin: 0 15px 15px;padding: 15px 15px 45px;background-size: 100%;}
dl.mainDate dt {padding-bottom: 20px;font-size: 19px;line-height: 19px;}

dl.mainDate li {margin-top: 20px;padding: 11px 0 12px 75px;font-size: 14px;line-height: 16px;}
dl.mainDate span {padding-top: 5px;font-size: 12px;}
dl.mainDate span.day {width: 60px;padding: 20px 0;font-size: 16px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
dl.mainDate {float: left;width: 412px;height: 488px;padding: 35px 30px;}
dl.mainDate dt {padding-bottom: 35px;font-size: 28px;line-height: 28px;}
dl.mainDate li {margin-top: 10px;padding: 17px 0 17px 98px;font-size: 16px;line-height: 18px;}
dl.mainDate span {padding-top: 10px;font-size: 15px;}
dl.mainDate span.day {width: 80px;padding: 30px 0;font-size: 17px;}
}


/* 메인 > Important Date  */
div.moreCon, div.moreCon * {margin: 0;padding: 0;list-style: none;text-decoration: none;}

div.moreCon dl {margin-top: 15px;border-radius: 10px;background-color: #ffefef;box-sizing: border-box;}
div.moreCon dl:first-child {margin-top: 0;background-color: #e7ecf9;}

div.moreCon dt {color: #222;font-family: 'Pretendard-Bold', sans-serif;}
div.moreCon dd {position: relative;}

ul.notice {}
ul.notice li:first-child {margin-top: 0;}
ul.notice a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;color: #222;font-family: 'Pretendard-Medium', sans-serif;}
ul.notice a:before {display: inline-block;vertical-align: top;content: "-";padding-right: 5px;}
ul.notice span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);color: #38538a;}

div.moreCon .more {position: absolute;right: 0;}
div.moreCon .more a,
div.moreCon .more img {display: block;}


dd.invited ul {}
dd.invited li {}
dd.invited li div {position: relative;}
dd.invited img {position: absolute;left: 0;top: 0;border-radius: 3px;}
dd.invited li div > span {display: table-cell;width: 600px;vertical-align: bottom;color: #193089;box-sizing:border-box;}
dd.invited span.name {display: block;padding-bottom: 5px;color: #222;font-family: 'Pretendard-SemiBold', sans-serif;}
dd.invited span.session {display: inline-block;padding: 6px 10px;margin-bottom: 5px;background: linear-gradient( to right, #6463ad, #b6699c);color: #fff;font-size: 13px;line-height: 14px;border-radius: 3px;}

dd.invited a.bx-prev,
dd.invited a.bx-next {position: absolute;display: block;font-size: 0;line-height: 0;background-repeat: no-repeat;}

dd.invited a.bx-prev {background-image: url('/image/main/invited_prev.png');background-position: left center;}
dd.invited a.bx-next {right: 0;background-image: url('/image/main/invited_next.png');background-position: right center;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.moreCon {padding: 0 15px 15px;}
div.moreCon dl {padding: 20px 15px;}

div.moreCon dt {font-size: 19px;line-height: 20px;}
div.moreCon dd {padding-top: 15px;}

ul.notice li {position: relative;margin-top: 10px;}
ul.notice a {font-size: 12px;line-height: 14px;}
ul.notice span {display: none;}

div.moreCon .more {top: -18px;}

dd.invited li div + div {margin-top: 10px;}
dd.invited li div > span {height: 98px;padding: 0 0 10px 95px;font-size: 12px;line-height: 14px;}
dd.invited img {width: 80px;height: 98px;}
dd.invited span.name {font-size: 14px;line-height: 16px;}
dd.invited span.session {font-size: 12px;line-height: 14px;border-radius: 3px;}

dd.invited a.bx-prev,
dd.invited a.bx-next {top: -22px;width: 20px;height: 20px;}
dd.invited a.bx-prev {right: 20px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.moreCon {float: right;width: 415px;}
div.moreCon dl {padding: 15px 30px;}
div.moreCon dl:first-child {}

div.moreCon dt {font-size: 28px;line-height: 28px;}
div.moreCon dd {padding-top: 15px;}

ul.notice li {position: relative;margin-top: 20px;padding-right: 80px;}
ul.notice a {font-size: 16px;line-height: 16px;}

div.moreCon .more {top: -22px;}

dd.invited li div + div {margin-top: 10px;}
dd.invited li div > span {height: 150px;padding: 0 0 20px 145px;font-size: 15px;line-height: 17px;}
dd.invited img {width: 125px;height: 150px;}
dd.invited span.name {font-size: 18px;line-height: 20px;}

dd.invited a.bx-prev,
dd.invited a.bx-next {top: -22px;width: 20px;height: 20px;}
dd.invited a.bx-prev {right: 20px;}
}




div.bnrZone, div.bnrZone * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.bnrZone {border-top: 1px solid #d7dae8;}

div.bnrZone > ul {overflow: hidden;}
div.bnrZone > ul > li {float: left;}
div.bnrZone > ul > li:first-child {padding-left: 0;}

div.bnrZone img,
div.bnrZone a {display: block; box-sizing:border-box;}

div.bnrZone li {width: 155px !important;}
div.bnrZone li.grade {width: 90px !important;padding: 5px 0;}
div.bnrZone a.bx-prev,
div.bnrZone a.bx-next {position: absolute;top: 10px;height: calc(100% - 20px);font-size: 0;line-height: 0;background-repeat: no-repeat;}
div.bnrZone a.bx-prev {background-position: center left;background-image: url('/image/main/bnr_prev.png');}
div.bnrZone a.bx-next {background-position: center right;background-image: url('/image/main/bnr_next.png');}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.bnrZone {position: relative;padding: 10px 25px;}

div.bnrZone a.bx-prev,
div.bnrZone a.bx-next {width: 20px;background-size: 10px;}
div.bnrZone a.bx-prev {left: 10px;}
div.bnrZone a.bx-next {right: 10px;}
}

/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.bnrZone {padding: 10px 0;}
div.bnrZone > * {position: relative;width: 1394px;margin: 0 auto;box-sizing:border-box;}
div.bnrZone > ul > li {padding-left: 10px !important;}

div.bnrZone div.bx-wrapper {padding: 0 40px;}
div.bnrZone a.bx-prev,
div.bnrZone a.bx-next {width: 35px;}
div.bnrZone a.bx-prev {left: 0;}
div.bnrZone a.bx-next {right: 0;}
}


/* mainInfo */
div.mainInfo {display: grid;}
div.mainInfo a {text-decoration:none; }
div.mainInfo dl {position: relative;display: grid; background-position: 0 0;background-repeat: no-repeat;border-radius: 10px;}
div.mainInfo dt {font-family: 'Pretendard-Bold', sans-serif;}
div.mainInfo dl.city {background-image:url('/image/main/city_bg.png');}

div.mainInfo dl.download {background-image:url('/image/main/download_bg2.png');}
div.mainInfo dl.download:after {position: absolute; display: block; background:url('/image/main/download_bg.png') no-repeat center top;background-size:100% 100%;content:'';}
div.mainInfo dl.city dt {color: #fff;}
div.mainInfo div.videoArea {height: 100%;}
div.mainInfo dd a {display: block;box-sizing: border-box; border: 0 none;text-align: left;}
div.mainInfo dl.city div.btn {position: absolute;}
div.mainInfo dl.city div.btn a {background-color:#fff;color: #0d1942;font-family: 'Pretendard-Medium', sans-serif;}
div.mainInfo dl.download a {position: relative;display: block;color: #fff;background-color:#4583b7;}
div.mainInfo dl.download a img {position: absolute;display: inline-block;}
div.mainInfo dl.download a:first-child {background-color: #37518a;}
div.mainInfo dl.download a:last-child {background-color: #262d56;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.mainInfo {padding: 0 15px 15px;grid-template-columns: repeat(1, 1fr); gap: 20px; }
div.mainInfo dl {padding: 25px 10px;grid-template-columns: 33% auto;background-size:100% 100%;}
div.mainInfo dt {font-size: 16px;line-height: 1.3;}
div.mainInfo dl.city div.btn {left: 15px;bottom: 25px;}
div.mainInfo dl.city div.btn a {width: 80px;height: 30px;padding: 0 5px;line-height: 30px;font-size: 12px;letter-spacing: -0.5px;}
div.mainInfo dl.download:after {width: 50px;height: 45px;left: 40px;bottom: 20px;}
div.mainInfo dl.download a {padding: 10px 10px 10px 15px;line-height: 18px;font-size: 14px;border-radius: 35px;}
div.mainInfo dl.download a:last-child { line-height: 22px;}
div.mainInfo dl.download a + a {margin-top: 5px;}
div.mainInfo dl.download a img {height: 18px;right: 10px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div.mainInfo { position: absolute;left: 0;bottom: 0;width: 100%;height: 270px;grid-template-columns: repeat(2, 1fr); gap: 25px; }
div.mainInfo dl {grid-template-columns: 290px auto;}
div.mainInfo dt {padding: 50px 40px;font-size: 28px;line-height: 35px;}
div.mainInfo dl.city dd {padding: 30px 30px 30px 0;}
div.mainInfo dl.city div.btn {left: 40px;bottom: 50px;}
div.mainInfo dl.city div.btn a {width: 130px;height: 44px;padding: 0 15px;line-height: 44px;font-size: 16px;}
div.mainInfo dl.download:after {width: 139px;height: 125px;left: 130px;bottom: 43px;}
div.mainInfo dl.download dd {padding: 20px 30px 20px 20px;}
div.mainInfo dl.download a {padding: 21px 40px;line-height: 22px;font-size: 18px;border-radius: 35px;}
div.mainInfo dl.download a + a {margin-top: 10px;}
div.mainInfo dl.download a img {right: 30px;}
div.mainInfo dl.download a:last-child {font-size: 16px; line-height: 28px;}
}



ul#aside, ul#aside li, ul#aside a {margin: 0;padding: 0;list-style: none;text-decoration: none;z-index: 50;cursor: pointer;}
ul#aside {position: fixed;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 95px;margin-left: 772px;padding-bottom: 35px;border: 2px solid #e1e5f0;border-radius: 15px;background-color: #fff;}
ul#aside li:not(.goTop) a {display: table-cell;width: 95px;height: 100px;text-align: center;vertical-align: middle;color: #5b647c;font-size: 14px;line-height: 16px;font-family: 'Pretendard-Regular', sans-serif;}
ul#aside li:not(.goTop) img {display: block;margin: 0 auto 10px;}
ul#aside li.goTop {position: absolute;left: -2px;bottom: -2px;width: 100%;}
ul#aside li.goTop a {display: block;width: 100%;padding: 0 2px;height: 35px;font-size: 0;line-height: 0;border-radius: 15px;background: #146ab2 url('/image/common/aside_goTop.png') center center no-repeat;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
ul#aside {display: none;}
}

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


/* 팝업 > 다운로드 */
div#popupDownload {border-radius: 0;border-color: #744fae;}
div#popupDownload h1 {text-align: left;background-color: #744fae;}
div#popupDownload dl {position: relative;display: grid; background-position: 0 0;background-repeat: no-repeat;border-radius: 10px;}
div#popupDownload dt {font-family: 'Pretendard-Bold', sans-serif;}

div#popupDownload dl {background-image:url('/image/main/download_bg3.png');}
div#popupDownload dl:after {position: absolute; display: block; background:url('/image/main/download_bg.png') no-repeat center top;background-size:100% 100%;content:'';}
div#popupDownload dd a {display: block;box-sizing: border-box; border: 0 none;text-align: left;}

div#popupDownload dd a {position: relative;display: block;text-decoration:none;color: #fff;background-color:#4583b7;}
div#popupDownload dd img {position: absolute;display: inline-block;}
div#popupDownload dd a:first-child {background-color: #37518a;}
div#popupDownload dd a:last-child {background-color: #262d56;}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div#popupDownload dl {padding: 25px 10px;grid-template-columns: 33% auto;background-size:100% 100%;}
div#popupDownload dt {font-size: 16px;line-height: 1.3;}

div#popupDownload dl:after {width: 50px;height: 45px;left: 40px;bottom: 20px;}
div#popupDownload dd a {padding: 10px 10px 10px 15px;line-height: 18px;font-size: 14px;border-radius: 35px;}
div#popupDownload dd a + a {margin-top: 5px;}
div#popupDownload dd a img {height: 18px;right: 10px;}
}


/*  PC : width:768px ~  */
@media screen and (min-width: 768px) {
div#popupDownload {width: 684px;}
div#popupDownload dl {grid-template-columns: 290px auto;}
div#popupDownload dt {padding: 50px 40px;font-size: 28px;line-height: 35px;}

div#popupDownload dl:after {width: 139px;height: 125px;left: 130px;bottom: 43px;}
div#popupDownload dd {padding: 60px 30px 60px 20px;}
div#popupDownload dd a {padding: 21px 40px;line-height: 22px;font-size: 18px;border-radius: 35px;}
div#popupDownload dd a + a {margin-top: 10px;}
div#popupDownload dd a img {right: 40px;}
}




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

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



/* ==================== 컨텐츠 ==================== */
/* 등록페이지 */
p.regiSubs a.myPage {display: inline-block;  vertical-align: top; margin:0 5px; padding:5px 13px; border-radius: 3px; border: 1px solid #2d4389; color: #fff; background-color: #2d4389; font-size: 13px; line-height: 13px; text-decoration: none; }


div.regist .applyNote { margin: 25px 0; padding: 10px; text-align: center; color: #fff; font-size: 18px; line-height: 35px; background-color: #a93e61; font-family: 'Pretendard-SemiBold', sans-serif; display: flex; justify-content: center; align-items: center;}
div.regist .applyNote > img {width: 26px; height: 26px; margin-right: 10px}

div.totalFee {margin: 25px 0;  padding: 20px; text-align: center; color: #2851a9; font-size: 18px; line-height: 35px; background-color: #e7edf9; font-family: 'Pretendard-SemiBold', sans-serif;}
p.regiSubs {margin-top: 10px}
div.verification {padding: 10px 20px; border: 1px solid #ccc; font-size: 0;line-height: 0; display: flex; align-items:center;}
td div.verification {border: 0 none;padding: 0;}
div.verification > * {display: inline-block;vertical-align: top;}
div.verification span.code {overflow: hidden;min-width:100px;height: 36px;padding: 0 5px;background-color: #fff;border:1px solid #ccc;border-radius: 3px;box-sizing: border-box; }
div.verification span.code img {display: block;height: 100%;margin:0 auto; }
div.verification input[type=text] {width: 400px;height: 36px;padding: 4px 10px;}


div.paymentDesc {margin: 15px 0;}

div.cash {display: none; border: 1px solid #ccc; padding: 20px 5px;}
div.cash.on {display: block;}
table.cash {display: none;}
table.cash.on {display: block;}

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

}

/*  Mobile : ~ width:767px  */
@media screen and (max-width: 565px) {
div.regist .applyNote {flex-direction: column;}
}


/* ======== transportation ======== */
div.transportation {}


/*  Mobile : ~ width:767px  */
@media screen and (max-width: 767px) {
div.transportation ul.subMenu {display: grid;grid-template-columns: repeat(3, 1fr);}
div.transportation ul.subMenu li {width: auto !important;}
div.transportation ul.subMenu a {border-top: 0 none;}
div.transportation ul.subMenu li:nth-child(-n+3) a {border-top: 1px solid #5a66b7;}
div.transportation ul.subMenu li:nth-child(3n+1) a {border-left: 1px solid #5a66b7;}
}


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