<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url('Pretendard.css');

* {-webkit-text-size-adjust: 100%;}

/* 사이트 공통 CSS */
hr {height: 0;margin: 0;border: 0 none;}

/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {word-break:normal; font-family: 'Pretendard-Regular', sans-serif; font-weight: normal;outline : none}

input[type=text],
input[type=submit],
select {border-radius: 0px;}

html, body {width: 100%;margin: 0;padding: 0;}

dl#skipNavi, dl#skipNavi dt, dl#skipNavi dd, dl#skipNavi a {margin: 0;padding: 0;text-decoration: none;}
dl#skipNavi {visibility: hidden;height: 0;line-height: 0;font-size: 0;text-indent: -10000px;}

img {max-width:100%;}
fieldset {min-inline-size: inherit;}

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

.mobileNote {padding: 20px 10px;border-top: 2px solid #4a6284;border-bottom: 1px solid #ccc;color: #222;font-size: 13px;line-height: 18px;text-align: center;}
.mobileNote span {display: block;color: #387fdf;font-size: 16px;line-height: 22px;font-family: 'Pretendard-SemiBold', sans-serif;}
.mobileNote img {display: block;margin: 0 auto 5px;width: auto;height: 147px;}

table.mOnly {display: table !important;}

.tableScroll {overflow-y: hidden;overflow-x: scroll;}
.tableScroll &gt; table {width: 1300px;}
}

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

colgroup.pcOnly {display: table-column-group !important;}
th.pcOnly,
td.pcOnly {display: table-cell !important;}
table.pcOnly {display: table !important;}
}



.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 10px;font-size:15px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;font-family: 'Pretendard-Medium', sans-serif;}

.btn a {height:auto;line-height:19px;padding:9px 10px 10px;}
.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:#4e93c4 !important;border-color:#4e93c4 !important;color:#fff !important;}
/* 하늘색 */				.btnPoint {background-color:#3e9ec9 !important;border-color:#3e9ec9 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#aaaac1 !important;border-color:#aaaac1 !important;color:#fff !important;}
/* 보라색 */			.btnPurple {background-color:#af2764 !important;border-color:#af2764 !important;color:#fff !important;}

/* border+ 파란색 */			.btnBdDef {background-color:#fff !important;border-color:#4e93c4 !important;color:#4e93c4 !important;}
/* border+ 남색 */			.btnBdPoint {background-color:#fff;border-color:#355191;color:#355191;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff;border-color:#8096a9;color:#8096a9;}

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: 4px 16px 6px;line-height: 14px;}

.btn .btnBig {min-width:220px;font-size: 16px;height: 55px;padding:0 20px 2px;border-radius: 3px;box-sizing:border-box;font-family: 'Pretendard-Medium', sans-serif;}
.btn a.btnBig {padding: 0 40px;}

.btn .btnArr {position: relative;text-align: left;padding-right: 40px !important;}
.btn .btnArr:after {position: absolute;right: 15px;top: 50%;transform:translateY(-50%);content: '▶';font-size: 0.5em;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btn .btnArr:after {right: 10px;}
}

/* 큰 버튼 */
.btn .btnBig,
form div.btnArea &gt; * {font-weight: normal;text-align: center;font-family: 'Pretendard-Medium', sans-serif;}
.btn .btnBig img,
form div.btnArea.btn img {display: inline-block;vertical-align: top;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btn .btnBig,
form div.btnArea &gt; *,
.btn .list {min-width: 65px;height: 40px;line-height: 38px;padding:0 15px;font-size:16px;}

.btn .btnBig img,
form div.btnArea.btn img {padding:11px 10px 0 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.btn .btnBig,
form div.btnArea &gt; * {min-width:170px;height:55px;padding:0 30px;font-size:17px;line-height: 53px;}


form div.btnArea &gt; .pcOnly {display: inline-block !important;vertical-align: top;}
.btn .btnBig img,
form div.btnArea.btn img {padding:18px 10px 0 0;}
}


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

.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 {text-align: center;}
.btnArea * {margin-left: 12px;border-radius: 3px;}
.btnArea input {border-radius: 3px;}
.btnArea *:first-child {margin-left: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btnArea {padding: 30px 0 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.btnArea {padding: 50px 0 0;}
}



/* ==================================================================== */
/* =============================== 레이아웃 =============================== */
/* ==================================================================== */
/* Header */
body {background-color: #fff;}
a {color: inherit;text-decoration: none;}

div.wrapper {position: relative;width: 100%;margin: 0;padding:0;font-family: 'Pretendard-Regular', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;min-width: 320px;}
div#headerWrap h1 {display: none;}
div#headerWrap .viewMenu {z-index: 20;position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div#headerWrap .viewMenu a {display: block;height: 60px;background-image: url('../image/common/viewMenu.png');background-size: 100%;font-size: 0;line-height: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#headerWrap {min-width:1300px;height: 85px;background-color: #fff;border-bottom: 1px solid #f1f1f1;;font-size: 17px;line-height: 25px;}

div.header {position: relative;width: 1300px;height: 85px;padding-left: 285px;margin: 0 auto;box-sizing:border-box;}
div.header h1 {position: absolute;left: 0;top: 50%;transform:translateY(-50%);margin: 0;padding: 0;}
div.header h1 a, div.header h1 img {display: block;}

.viewMenu,
.gnbClose {display: none;}
}

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




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.gnbWrap dl, div.gnbWrap dt, div.gnbWrap dd, div.gnbWrap ul, div.gnbWrap li, div.gnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;font-size: 0;line-height: 0;}
div.gnbWrap {z-index: 100;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-left:60px;background-color: rgba(0,0,0,.7);box-sizing:border-box;}

ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;padding: 125px 20px 80px;background-color: #fff;box-sizing: border-box;} 
ul#gnb:before {position: absolute;display: block;top: 0;right: 0;width: 100%;height: 110px;content:'';background: url('../image/common/gnbBg_txt.png') center center no-repeat, url('../image/common/gnbBg_l.png') left bottom no-repeat, url('../image/common/gnbBg_r.png') right bottom no-repeat, url('../image/common/gnbBg.png') center bottom no-repeat, #192d51;background-size: auto 100%;}

ul#gnb &gt; li {margin-top: 5px;}
ul#gnb &gt; li:first-child {margin-top: 0;}
ul#gnb &gt; li &gt; a {position: relative;display: block;padding: 5px 45px 5px 15px;border-radius: 8px;border: 1px solid #ababab;background-color: #fff;color: #333;font-size: 14px;line-height: 29px;font-family: 'Pretendard Regular', sans-serif;letter-spacing: -0.5px;}
ul#gnb &gt; li &gt; a:after {position: absolute;top: 12px;right: 20px;width: 16px;height: 16px;border-radius: 50%;background-color: #728297;background-image: url('../image/common/gnb_bl.png');background-repeat: no-repeat;background-position: center center;background-size: 16px;content: '';}
ul#gnb .on &gt; a {border-color: #387fdf;background-color: #f4f8fe;color: #387fdf;font-family: 'Pretendard-Medium', sans-serif;}
ul#gnb .on &gt; a:after {background-color: rgba(56,127,223,.5);}

div.dDay {display: none !important;}

ul.gnbUtil li {display: none;}
ul.gnbUtil li.admin {position: absolute;bottom: 20px;right: 20px;}
ul.gnbUtil li.admin a {padding: 5px 20px;border-radius: 5px;background-color: #737373;color: #fff;font-size: 14px;line-height: 18px;letter-spacing: -0.5px;}

ul.headerUtil li.adminLogin {position: absolute;bottom: 20px;left: 80px;width: calc(100% - 100px);}
ul.headerUtil li.adminLogin a {position: relative;display: block;padding: 5px 45px 5px 15px;border-radius: 8px;border: 1px solid #ababab;background-color: #fff;text-align: center;color: #333;font-size: 14px;line-height: 29px;font-family: 'Pretendard Regular', sans-serif;letter-spacing: -0.5px;}

div.gnbClose {z-index: 50;position: absolute;left:0;top: 0;width: 70px;height: 70px;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: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul#gnb {position: absolute;right: 0;top: 41px;height: 30px;font-size: 0;line-height: 0;}
ul#gnb li {position: relative;display: inline-block;padding: 0 28px;vertical-align: top;}
ul#gnb li:first-child {padding-left: 0;}
ul#gnb li:last-child {padding-right: 0;}

ul#gnb li:before {position: absolute; content:''; left: 0; top: 50%;transform:translateY(-50%); width: 1px; height: 16px; background-color: #8493a9;}
ul#gnb li:first-child:before {display: none;}

ul#gnb a {position: relative;display: block;padding: 0 20px;color: #051123;font-size: 22px;line-height: 30px; font-family: 'Pretendard-SemiBold', sans-serif;}
ul#gnb .on a,
ul#gnb a:hover {color: #16256f;}

ul.headerUtil {position: absolute; right: 0; top: 12px; font-size:0; line-height: 0;}
ul.headerUtil li {position: relative; display: inline-block; padding: 0 11px;}
ul.headerUtil li:before {position: absolute; content:''; left: 0; top: 7px; width: 1px; height: 9px; background-color: #133f84;}
ul.headerUtil li:first-child {padding-left: 0;}
ul.headerUtil li:first-child:before {display: none;}
ul.headerUtil li:last-child {padding-right: 0;}
ul.headerUtil li a {display: block; color: #134085; font-size:14px; line-height: 24px; font-family: 'Pretendard-Medium', sans-serif;}
}

/* footer */
div#footerWrap {}
div#footerWrap &gt; div.footer {padding: 10px 0;background-color: #323c4a;text-align: center;color: rgba(255,255,255,.4);font-size: 15px;line-height: 30px;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap &gt; div.footer {font-size: 12px;line-height: 16px;}
}

/* hosted */
div.hosted dl, div.hosted dt, div.hosted dd, div.hosted ul, div.hosted li, div.hosted a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}

div.hosted li a, div.hosted li img {display: block;}

div.hosted li {width: 260px;}
div.hosted dd &gt; ul &gt; li {margin-left: 10px;}
div.hosted dd &gt; ul &gt; li:first-child {margin-left: 0;}

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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.hosted {width: 1300px;margin: 0 auto;padding: 23px 0;}
div.hosted:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.hosted &gt; dl {float: left;width: 625px;margin-left: 50px;}
div.hosted &gt; dl:first-child {margin-left: 0;}

div.hosted dt, div.hosted dd, div.hosted ul, div.hosted li {float: left;}
div.hosted dt {width: 75px;margin: 17px 20px 0 0;border-radius: 13px;text-align: center;color: #fff;font-size: 16px;line-height: 27px;font-family: 'Pretendard-Bold', sans-serif;}
}


div.bnrZone dl, div.bnrZone dt, div.bnrZone dd, div.bnrZone ul, div.bnrZone li {margin: 0;padding: 0;list-style: none;}
div.bnrZone {border-top: 1px solid #ccc;padding: 15px 0;}
div.bnrZone dl {position: relative;box-sizing: border-box;} 
div.bnrZone dd {position: relative;}
div.bnrZone dd &gt; ul:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
div.bnrZone dd &gt; ul &gt; li {float: left;margin-left: 10px;}
div.bnrZone dd &gt; ul &gt; li:first-child {margin-left: 0;}
div.bnrZone li a {display: table-cell;width: 100vw;text-align: center;vertical-align: middle;border: 1px solid #cbcbcb;box-sizing: border-box;}
div.bnrZone li img {display: block;max-width: 100%;}

div.bnrZone .bx-prev,
div.bnrZone .bx-next {position: absolute;top: 0;width: 20px;height: 100%;display: block;font-size: 0;line-height: 0;widows: -9999px;background-repeat: no-repeat;}
div.bnrZone .bx-prev {left: 0;background-position: left center;background-image: url('../image/common/bnr_prev.png');}
div.bnrZone .bx-next {right: 0;background-position: right center;background-image: url('../image/common/bnr_next.png');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bnrZone dt {display: none;}
div.bnrZone dd {padding: 0 20px;}
div.bnrZone dd li {width: 75px !important;}
div.bnrZone li a {height: 30px;}
div.bnrZone .bx-wrapper {position: relative;padding: 0 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bnrZone dl {width: 1300px;margin: 0 auto;padding: 0 0 0 100px;} 
div.bnrZone dt {position: absolute;top: 50%;left: 0;margin-top: -15px;color: #222;font-size: 16px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
div.bnrZone dd {padding: 0 35px;}
div.bnrZone dd li {width: 180px !important;}
div.bnrZone li a {height: 50px;}
}







div#container {position: relative;}


div.contents {position: relative;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {padding-top: 60px;}
.pageTit {display: none;}

div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap a, div.lnbWrap p {margin: 0;padding: 0;list-style: none;text-decoration: none;}

div.lnbWrap {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 60px;}
div.lnbWrap .home a,
div.lnbWrap .viewMenu a {font-size: 0;line-height: 0;text-indent: -9999px;}

div.lnbWrap .home {z-index: 20;position: absolute;left: 0;top: 0;width: 60px;height: 60px;}
div.lnbWrap .home a {display: block;height: 60px;background-image: url('../image/common/lnb_home_m.png');background-size: 100%;}

div.lnbWrap dl {position: relative;height: 50px;}
div.lnbWrap dl dt {background-color: #3d80c4;}
div.lnbWrap dt a {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 50px;padding:10px 15px;color: #fff;font-size: 14px;line-height: 30px;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing:border-box;text-align: center;}
div.lnbWrap dt a:after {display: inline-block;vertical-align: top;margin: 12px 0 0 20px;width: 13px;height: 8px;content: '';background: url('../image/common/lnb_bl_m.png') center center no-repeat;background-size: auto 8px;}
div.lnbWrap dt.view a:after {padding-left: 0;transform:rotate(180deg);}
div.lnbWrap dd {display: none;position: absolute;left: 0;top: 50px;overflow-x: hidden;overflow-y: auto;width: 100%;background-color: #fff;box-shadow:0 0 5px rgba(0,0,0,.3);}
div.lnbWrap dd ul {padding: 10px 0;}
div.lnbWrap dd li {padding-top: 5px;}
div.lnbWrap dd a {display: block;padding: 0 10px;text-align: center;color: #252525;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Regular',  sans-serif;}

div.lnbWrap dl.gnb {height: 60px;}
div.lnbWrap dl.gnb dt {padding: 0 60px;background-color: #344171;}
div.lnbWrap dl.gnb dt a {height: 60px;line-height: 43px;font-size: 17px;}
div.lnbWrap dl.gnb dt a:after {margin-top: 17px;}
div.lnbWrap dl.gnb dd {z-index: 20;top: 60px;}

div.contents {padding: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container:before {position: absolute;left: 0;top: 0;width: 100%;height: 60px;content: "";background-color: #62a2bf;}
.pageTit {position: relative;z-index: 10;width: 1300px;margin: 0 auto;padding: 13px 0 13px 35px;background: url('../image/common/pageTit.png') left center no-repeat;box-sizing: border-box;color: #fff;font-size: 25px;line-height: 34px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

.lnbWrap {display: none;}
div.contents {width: 1300px;margin: 0 auto;padding: 30px 0;font-size: 16px;line-height: 30px;}
}






/* 준비중 */
.ing {padding: 80px 0;}
.ing img {display: block;margin: 0 auto;}

/* 타이틀 */
.subTit_bl {padding: 0 0 0 35px;background: url('../image/common/subTit_bl.png') left center no-repeat;box-sizing: border-box;color: #111c5d;font-size: 20px;line-height: 34px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
.subTit2_bl {margin: 5px 0 12px;padding: 0 0 0 35px;background: url('../image/common/subTit_bl.png') left center no-repeat;box-sizing: border-box;color: #111c5d;font-size: 20px;line-height: 34px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

.pointTit {font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;font-size: 26px;line-height: 30px;}



.subTit_bl:first-child,
.pointTit:first-child,
.subTit2_bl:first-child {margin-top: 0 !important;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit_bl, 
.pointTit {margin: 30px 0 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit_bl {margin: 75px 0 12px;}
.pointTit {margin: 30px 0 20px;}
}





/* 서브메뉴 */
ul.subMenu, ul.subMenu li, ul.subMenu a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.subMenu {font-size: 0;line-height: 0;text-align: center;}
ul.subMenu li {display: inline-block;vertical-align: top;}
ul.subMenu a {display: table-cell;width: 100vw;height: 55px;padding: 0 10px;border: 1px solid #9ea7c6;border-left: 0 none;vertical-align: middle;text-align: center;color: #6d7389;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;}
ul.subMenu li:first-child a {border-left: 1px solid #9ea7c6;}
ul.subMenu .on a {background-color: #4067a1;border-color: #4067a1;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.subMenu a {height: 40px;font-size: 14px;line-height: 16px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.subMenu li {width: 250px;}
}


/* 탭메뉴 */
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {display: block;margin: 0  0 20px 0;padding: 0;list-style: none;text-decoration: none;}
ul.tabMenu {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px 10px}
ul.tabMenu li {}
ul.tabMenu a {display: table-cell;width: 800px;height: 55px;padding: 0 10px;border-radius: 3px;border: 1px solid #9ea7c6;vertical-align: middle;text-align: center;color: #6d7389;font-size: 20px;line-height: 25px;font-family: 'Pretendard-Medium', sans-serif;}
ul.tabMenu li:first-child a {border-left: 1px solid #9ea7c6;}
ul.tabMenu .on a {background-color: #4067a1;border-color: #4067a1;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.col3ea {}
ul.col3ea:after {content: "";clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.col3ea li {float: left;width: 33.3%;}
ul.col3ea li:nth-child(3n+1) {width: 33.4%;}
ul.col3ea li:nth-child(3n+1) a {border-left: 1px solid #9ea7c6;}
}


/* 리스트 관련 */
ul.txtIn1, ul.txtIn1 &gt; li,
ul.noBullet, ul.noBullet &gt; li,
ul.listDot, ul.listDot &gt; li,
ul.listBar, ul.listBar &gt; li,
ul.listStar, ul.listStar &gt; li,
ul.listNum, ul.listNum &gt; li,
ul.listNumType2, ul.listNumType2 &gt; li {margin: 0;padding: 0;list-style:none;}

ul.txtIn1 &gt; li {padding-left: 15px !important;text-indent: -15px;}
ul.txtIn1 &gt; li * {text-indent: 0;}
ul.listDot &gt; li,
ul.listBar &gt; li,
ul.listStar &gt; li {position: relative;padding-left: 15px !important;}
ul.listDot &gt; li:before,
ul.listBar &gt; li:before,
ul.listStar &gt; li:before  {position: absolute;left: 0;top: 0;}
ul.listDot &gt; li:before {content: "•";}
ul.listBar &gt; li:before {content: "-";}
ul.listStar &gt; li:before {content: "*";}

ul.listNum &gt; li {margin-left: 1.2em;list-style-position:inside;list-style:decimal;}

ul.listIcon, ul.listIcon &gt; li {list-style: none;margin: 0;padding: 0;}
ul.listIcon &gt; li {padding-left: 1em;}
ul.listIcon &gt; li &gt; span:first-child {display: inline-block;vertical-align: top;text-indent: -1em;}

ul.listBl, ul.listBl &gt; li {margin: 0;padding: 0;list-style: none;}
ul.listBl &gt; li,
.bullet {position: relative;padding-left: 1em;}
ul.listBl &gt; li:before,
.bullet:before {content: attr(pub-bl);position: absolute;left: 0;top: 0;}
.bullet {display: block;}

/* 테이블 관련 */
table.tblDef {border-top: 2px solid #61a6c5;}

table.inputTbl {border-top: 2px solid #2e7493;}

table.tblDef &gt; * &gt; tr &gt; *,
table.inputTbl &gt; * &gt; tr &gt; * {padding: 10px;text-align: left;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;color: #000;font-family: 'Pretendard-Regular', sans-serif;font-weight: normal;font-size: 16px;}
table.tblDef &gt; * &gt; tr &gt; *:first-child,
table.inputTbl &gt; * &gt; tr &gt; *:first-child {border-left: 0 none;}

table.tblDef &gt; * &gt; tr &gt; th, table.tblDef &gt; * &gt; tr &gt; td.bg,
table.inputTbl &gt; * &gt; tr &gt; th, table.inputTbl &gt; * &gt; tr &gt; td.bg {background-color: #eef1f4;}

table.inputTbl &gt; thead &gt; tr &gt; th,
table.tblDef &gt; thead &gt; tr &gt; th {background-color: #61a6c5;color: #fff;font-family: 'Pretendard-Medium', sans-serif;text-align: center !important;}

table.tblDef &gt; tbody &gt; tr &gt; th {text-align: center;background-color: #eef1f4;color: #000;font-family: 'Pretendard-Medium', sans-serif;}
form table.tblDef &gt; tbody &gt; tr &gt; th {background-color: #eef1f4;}

table.tblDef.border &gt; * &gt; tr &gt; * {border-left: 1px solid #d1dae5;}
table.tblDef &gt; * &gt; tr &gt; *:first-child {border-left: 0 none;} 

table.inputTbl a.add,
table.inputTbl td.util a,
table.inputTbl td.character a {display: inline-block;vertical-align: top;padding: 5px 10px;text-decoration: none;color: #fff;background-color: #455987;}
table.inputTbl &gt; * &gt; tr &gt; th &gt; span {line-height: 34px;}
table.inputTbl a.add,
table.inputTbl td.character a {margin-left: 5px;}

table.ac &gt; * &gt; tr &gt; * {text-align: center !important;}
table.ac .al {text-align: left !important;}

table.innerTbl {}
table.innerTbl &gt; * &gt; tr &gt; * {padding: 5px;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
table.innerTbl &gt; * &gt; tr:first-child &gt; * {border-top: 0 none;}
table.innerTbl &gt; * &gt; tr &gt; *:first-child {border-left: 0 none;}
table.innerTbl &gt; thead + tbody &gt; tr:first-child &gt; * {border-top: 1px solid #ccc;}

table.innerTbl &gt; * &gt; tr &gt; th,
table.innerTbl &gt; * &gt; tr &gt; .bg {padding: 10px 10px 10px 25px;font-family: 'NotoSansKR Regular', sans-serif;background-color: #eef1f4;	text-align: center;}
table.innerTbl &gt; tbody &gt; tr &gt; th {padding: 10px;}
table.innerTbl th label {line-height: 1.2 !important;}

table.innerTbl td.util {text-align: center;}

table.inputTbl &gt; * &gt; tr &gt; th {text-align: left;color: #000;padding: 10px 15px 10px 20px;font-family: 'Pretendard-Medium', sans-serif;}
table.inputTbl &gt; * &gt; tr &gt; td {text-align: left;padding: 10px 20px;}

table.inputTbl .multi &gt; span,
table.inputTbl .multi &gt; label,
table.inputTbl td.date span,
table.inputTbl td.date label,
table.inputTbl td.phone span,
table.inputTbl td.phone label,
table.inputTbl td.address &gt; span,
table.inputTbl td.address &gt; label,
table.inputTbl td.birth &gt; span,
table.inputTbl td.birth &gt; label,
table.inputTbl td.email &gt; span,
table.inputTbl td.email &gt; label {line-height:33px;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin: 9px 5px 0 0;}



table.inputTbl input[type=text], table.inputTbl input[type=password] {border-color: #ccc}

table.inputTbl td.phone span {line-height: 33px !important;}


.withBtn {}
.withBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.withBtn &gt; *  {float: left;margin-left: 5px;}
.withBtn &gt; *:first-child {margin-left: 0;}
.withBtn span {line-height: 33px;}

.withBtn a {width: 85px;padding: 0;color: #fff;background-color: #2a3e58;text-decoration: none;font-size: 15px;line-height: 33px;text-align: center;}


.address {}
.address a {width: 100px;padding: 0;color: #fff;background-color: #2a3e58;text-decoration: none;font-size: 15px;line-height: 33px;text-align: center;}
.address &gt; *:first-child {margin-left: 0 !important;}


.antispam {}
.antispam:after {display: block;display: block;height: 0;line-height: 0;font-size: 0;content: '';}
.antispam &gt; * {float: left;margin:0 !important;}
.antispam &gt; *:first-child {margin-left: 0;}

.antispam span {border: 1px solid #ccc;width: 120px;height: 46px;margin-left: 0}
.antispam span img {display: block;width: 100%;height: 100%;}

.antispam a.refresh {position: relative;width: 46px;height: 46px;font-size: 0;line-height: 0;text-indent: -9999px;text-decoration: none;}
.antispam a img {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);display: block;}
.antispam input[type=text] {display: inline-block;vertical-align: top;margin-top: 8px !important;}



/* 메인 */
div#container.main {padding: 0;background: none;}
div#container.main:before,
div#container.main .pageTit,
div#container.main div.lnbWrap {display: none;}

div.mainBnr {position: relative;margin: 0;padding: 0;background: url('../image/main/mainBnrBg_l.png') left top no-repeat, url('../image/main/mainBnrBg_r.png') right top no-repeat, url('../image/main/mainBnrBg.png') center bottom no-repeat, #182d50;}
div.mainBnr div img {display: block;margin: 0 auto;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainWrap h1 {display: block !important;height: 60px;padding-right: 60px;}
div.mainWrap h1 a {display: table-cell !important;width: 100vw;height: 60px;padding-left: 15px;vertical-align: middle;}
div.mainWrap h1 img {display: block;height: 30px;}
div.mainWrap div.viewMenu a {background-image: url('../image/common/viewMenu_main_m.png') !important;}
div.mainBnr {background-size: auto 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBnr {min-width: 1300px;}
div.mainBnr div {width: 1300px;margin: 0 auto;}
}




div.mainBnr .goto {position: absolute;bottom: 43px;left: 50%;margin: 0 0 0 -650px;width: 356px;}
div.mainBnr .goto a {position: relative;display: block;padding: 20px 55px 20px 35px ;border-radius: 10px;background-color: #162386;color: #fff;font-size: 24px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
div.mainBnr .goto a:after {position: absolute;top: 50%;right: 35px;transform: translateY(-50%);content: '▶';font-size: 15px;}

div.mainCon {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainCon {padding: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainCon {padding: 40px 0 50px;width: 1300px;margin: 0 auto;}
div.mainCon:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
}



dl.mainInfo {border-radius: 10px;border: 1px solid #ededed;background-color: #fff;background-image: url('../image/main/info_bg.png');background-repeat: no-repeat;box-shadow: 9px 9px 21px rgba(0,0,0,0.09);box-sizing: border-box;}
dl.mainInfo dt {margin: 30px 0 5px;padding: 0;font-size: 24px;line-height: 30px;color: #021839;font-family: 'Pretendard-Bold', sans-serif;}
dl.mainInfo dt:first-child {margin-top: 0;}
dl.mainInfo dd {margin: 0;padding: 0;color: #222;}
dl.mainInfo dd strong {color: #d53b5c;font-family: 'Pretendard-Bold', sans-serif;}

dl.mainInfo ul, dl.mainInfo li {margin: 0;padding: 0;list-style: none;}
dl.mainInfo ul {}
dl.mainInfo li {margin-top: 15px;color: #222;font-size: 17px;line-height: 19px;font-family: 'Pretendard-Regular', sans-serif;}
dl.mainInfo img {display: inline-block;vertical-align: top;margin-right: 5px;}
dl.mainInfo span {color: #3e9ec9;margin-right: 4px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.mainInfo {padding: 15px;background-position: right 15px top 15px;background-size: 54px;}
dl.mainInfo dt {font-size: 18px;line-height: 25px;}
dl.mainInfo li {font-size: 15px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.mainInfo {float: left;width: 460px;height: 260px;padding: 30px 40px 25px;background-position: right 35px bottom 45px;}
}



ul.mainQuick, ul.mainQuick li, ul.mainQuick a, ul.mainQuick img {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.mainQuick {overflow: hidden;}
ul.mainQuick:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
ul.mainQuick a {position: relative;height: 260px;padding: 45px 0 0 35px;font-size: 22px;line-height: 24px;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing:border-box;}
ul.mainQuick img {position: absolute;right: 30px;bottom: 30px;}
ul.mainQuick li {float: left;}


ul.mainQuick li:nth-child(1) a {background-color: #69b6cf;}
ul.mainQuick li:nth-child(2) a {background-color: #3e9ec9;}
ul.mainQuick li:nth-child(3) a {background-color: #3f6cae;}
ul.mainQuick li:nth-child(4) a {background-color: #47558f;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.mainQuick {margin-top: 15px;border-radius: 15px 30px 15px 30px;}
ul.mainQuick li {width: 50%;}
ul.mainQuick a {height: 130px;padding: 20px 0 0 20px;font-size: 18px;}
ul.mainQuick img {position: absolute;right: 15px;bottom: 15px;height: 35px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.mainQuick {float: right;width: 796px;border-radius: 20px 50px 20px 50px;}
ul.mainQuick li {width: 25%;}
ul.mainQuick li:first-child {border-radius: 10px 0 0 10px;}
ul.mainQuick li:last-child {border-radius: 0 10px 10px 0;}
}



/* 마감일 */
dl.deadline, dl.deadline dt, dl.deadline dd {margin: 0;padding: 0;}
.deadline {position: relative;padding: 30px !important;border-radius: 0 7px 7px 0;border: 5px solid #cde0ed;text-align: center;font-size: 0;line-height: 0;}

dl.deadline &gt; dt,
dl.deadline &gt; dd {display: inline-block;vertical-align: top;padding: 11px 0;color: #010101;font-size: 22px;line-height: 40px;}
dl.deadline dt {padding-left: 88px;margin-right: 5px;font-family: 'Pretendard-Regular', sans-serif;background: url('../image/sub/deadline.png') left center no-repeat;}
dl.deadline span {color: #c62121;font-family: 'Pretendard-Bold', sans-serif;box-shadow: inset 0 -14px 0 #ffeedd;}


/* 사전등록 &gt; 사전등록 안내 */
div.registInfo {}

div.registInfo dl.deadline {margin-top: 40px;}

div.registInfo div.btnArea a {border-color: #3d4980;background-color: #3d4980;color: #fff;border-radius: 28px;}
div.registInfo div.btnArea a:first-child {border-color: #4e93c4;background-color: #4e93c4;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.registInfo {padding-top: 20px;}
div.registInfo div.btnArea {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;padding-top: 15px;}
div.registInfo div.btnArea * {margin: 0;padding: 0 15px !important;text-align: left;font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.registInfo table.tblDef.fl {width: 730px;}

div.registInfo div.btnArea {position: absolute;right: 0;top: 0;padding: 0;}
div.luckDraw img {display: block;width: 1100px;margin: 20px auto 0;}
}



/* div.registInfo div.info {width: 835px;padding: 30px 35px;overflow: hidden;background-color: #f3f8fd;border-radius: 30px;border: 1px dashed #ccc;} */
div.registInfo div.info {padding: 30px 35px;overflow: hidden;background-color: #f3f8fd;border-radius: 30px;border: 1px dashed #ccc;}
div.registInfo div.info img {float: right;}

/* div.registInfo div.info ul {margin-top: 70px;} */
div.registInfo div.info li,
div.registInfo div.info p {font-size: 20px;line-height: 28px;color: #000;}
div.registInfo div.info li span,
div.registInfo div.info p span {font-family: 'Pretendard-SemiBold', sans-serif;}

/* 사전등록 */
div.regist {margin-top: 40px;}

.agreeCon {padding: 30px;border: 1px solid #e1e1e1;background-color: #f6f6f6;color: #444;font-size: 15px;line-height: 25px;}
dl.agreeCon dt {margin-top: 25px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.agreeCon dt:first-child {margin-top: 0;}

div.agree {text-align: center;margin: 0;padding: 25px 0;}
div.agree input {margin: 6px 8px 3px 0;}
div.agree label {display: inline-block;vertical-align: top;color: #444;}

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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.regist .inputTbl {margin-top: 30px;}
}




div.regist table.tblDef &gt; tbody &gt; tr &gt; th {padding: 10px 15px 10px 30px;text-align: left;}
div.regist table.tblDef &gt; tbody &gt; tr &gt; td {padding: 10px 20px;text-align: left;}

div.regist div.btnArea * {width: 120px;font-size: 17px;height: 55px;line-height: 53px;padding: 0;}

/* 사전등록 완료 */
div.applyComp {margin-top: 40px;padding: 272px 0 0;background: url('../image/sub/applyComp.png') center top no-repeat;text-align: center;}
div.applyComp p {color: #444;font-size: 22px;line-height: 35px;font-family: 'Pretendard-Medium', sans-serif;}
div.applyComp p + p {margin-top: 25px;}
div.applyComp p span {display: inline-block;vertical-align: top;color: #b72753;font-size: 17px;line-height: 30px;font-family: 'Pretendard-Regular', sans-serif;box-shadow: inset 0 -16px 0 #ffefb9}
div.applyComp p a {color: #1d4ce3;}

div.applyComp div.btnArea {padding-top: 40px;}
div.applyComp div.btnArea a {height: auto !important;padding: 18px 45px 18px !important;}

.note {margin-top: 40px;padding: 30px !important;border-radius: 0 7px 7px 0;border: 5px solid #cde0ed;text-align: center;font-size: 0;line-height: 0;}
.note:before {display: inline-block;vertical-align: top;width: 82px;height: 68px;content: "";background: url('../image/sub/note.png') left center no-repeat;}
.note.search {background-image: url('../image/sub/search.png');}
.note.modify {background-image: url('../image/sub/modify.png');}
.note &gt; * {display: inline-block;vertical-align: top;font-size: 16px;line-height: 20px;color: #010101;text-align: left;}
.note &gt; ul {padding: 12px 0;}
.note &gt; ul li {margin-top: 5px;}
.note &gt; ul li:first-child {margin-top: 0;}
.note a {color: #2b68e2;text-decoration: underline;}

.searchArea {margin: 40px auto 0;width: 700px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.note {margin-top: 20px;padding: 15px !important;}
.searchArea {width: auto;}
.searchArea table.inputTbl td input[type=text] {width: 100%;}
}


/* 인사말 */
div.message {}
div.message p {margin-top: 1.5em;text-align: justify;color:#444;}
div.message p:first-child {margin-top: 0;}
div.message p.sign {}
div.message p.sign &gt; * {display: inline-block;vertical-align:bottom;}
div.message p.sign span {margin-left: 0px;font-family: 'Pretendard-Bold', sans-serif;color:#000;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.message {font-size: 16px;line-height: 25px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.message {font-size: 18px;line-height: 30px;}
}

/* 프로그램 */
div.program {}
div.program .btn {margin: 20px 0;}

ul.tabMenu.program a {position: relative;color: #fff;}
ul.tabMenu.program a:after {content: "";position: absolute;right: 0;top: 0;width: 50px;height: 100%;background: url('../image/sub/btn_arr.png') center center no-repeat;}
ul.tabMenu.program li:nth-child(1) a {background-color: #47558f;border-color: #47558f;}
ul.tabMenu.program li:nth-child(1) a:after {background-color: #2d386f;}
ul.tabMenu.program li:nth-child(2) a {background-color: #3f6cae;border-color: #3f6cae;}
ul.tabMenu.program li:nth-child(2) a:after {background-color: #274d92;}
ul.tabMenu.program li:nth-child(3) a {background-color: #3e9ec9;border-color: #3e9ec9;}
ul.tabMenu.program li:nth-child(3) a:after {background-color: #2680b3;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.tabMenu.program {margin-bottom: 0;}
ul.tabMenu.program li	{margin: 0;}
ul.tabMenu.program a {height: 40px;padding: 0 30px 0 10px;font-size: 14px;line-height: 16px;word-break:keep-all;}
ul.tabMenu.program a:after {width: 30px;background-size: 6px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.tabMenu.program a {padding: 0 50px;}
}


p.notice {padding: 15px;text-align: right;background-color: #fdf3f3;font-size: 16px;line-height: 30px;color: #c62121;}

table.program {width:100%;padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
table.program &gt; thead &gt; tr &gt; th {padding: 10px;background-color: #3c497a;color: #fff;font-size: 16px;line-height: 30px;font-family: 'Pretendard-SemiBold', sans-serif;}
table.program &gt; thead &gt; tr.bg &gt; th {background-color: #fdf3f3;color: #000;border-bottom: 1px solid #ccc;}
table.program &gt; tbody &gt; tr &gt; th,
table.program &gt; tbody &gt; tr &gt; td {padding: 10px 20px;font-size: 16px;line-height: 30px;border-bottom: 1px solid #ccc;font-weight: normal;}
table.program &gt; tbody &gt; tr &gt; th {font-family: 'Pretendard-Medium',sans-serif;color:#0e3c79;text-align: center;background-color: #f6faff;}
table.program &gt; tbody &gt; tr &gt; td {color:#000;}
table.program &gt; tbody &gt; tr &gt; td.time {text-align: center;}
table.program &gt; tbody &gt; tr &gt; td.speaker {text-align: right;}

table.program tr.session td {background-color: #7ab3d3;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}
table.program tr.bg td {background-color: #f3f3f3;font-family: 'Pretendard-SemiBold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.program &gt; * &gt; tr &gt; * {font-size: 14px !important;line-height: 20px !important;}
}

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


/* 팝업 */
div.layerPopup {position: fixed;top:0;left:0;width:100%;height: 100%;background: rgba(0 0 0  / 50%);}
div.layerPopup &gt; div.popupWrap {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
div.popupWrap {position: relative;background-color: #fff;}
div.popupWrap .popupCon {padding: 40px;}

/* cv 보기 팝업 */
#popupCv {width:1300px;}
#popupCv .scrollArea {height: 580px;}

table.tblCv {width: 100%;padding:0;border:0;border-spacing:0px;border-collapse:collapse;border-top: 2px solid #0e3c79;}
table.tblCv &gt; * &gt; tr &gt; * {padding: 8px 15px;border-left: 1px solid #d1dae5;border-bottom: 1px solid #d1dae5;font-weight: normal;font-size: 17px;line-height: 24px;font-family: 'Pretendard-Medium',sans-serif;}
table.tblCv &gt; * &gt; tr &gt; *:first-child {border-left: 0;}
table.tblCv &gt; thead &gt; tr &gt; th {background-color: #405f87;color:#fff;}
table.tblCv &gt; tbody &gt; tr &gt; th {background-color: #f6faff;color:#0e3c79;}
table.tblCv &gt; tbody &gt; tr &gt; td {color:#444;}
table.tblCv &gt; tbody &gt; tr &gt; td.years {text-align: center;font-family: 'Pretendard-Bold',sans-serif;border-left: 1px solid #d1dae5;}
table.tblCv + table.tblCv {margin-top: 40px;}

#popupCv .btn {margin-top: 30px;}
#popupCv .btn a {padding: 0 75px;border-radius:3px;background-color: #1971e6;border-color:#1971e6;color:#fff;line-height: 58px;font-size: 18px;}

/* 인트로 */
div.intro {position: relative;height: 800px;background: url('../image/intro/intro_bg.png') center top no-repeat;background-size: cover;}
div.intro &gt; div {position: absolute;left: 50%;top: 126px;width: 1060px;height: 570px;margin-left: -530px;}
div.intro h1 {padding-bottom: 51px;}
div.intro h1 a, div.intro h1 img {display: block;margin: 0 auto;}

ul.introBtn, ul.introBtn li {margin: 0;padding: 0;list-style:none;}
ul.introBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.introBtn &gt; li {float: right;}
ul.introBtn &gt; li:first-child {float: left;}
ul.introBtn a, ul.introBtn img {display: block;}
ul.introBtn a {box-shadow:0 0 13px rgba(0,0,0,.21);transition: .35s;zoom: 1;}
ul.introBtn a:hover {margin-top: -20px;}


div.loginWrap {position: relative;width: 100%;min-width: 1300px;margin: 0;padding: 270px 0 0;font-family: 'Pretendard-Regular', sans-serif;background: url('../image/admin/topVisual.png') center top no-repeat;}

div.loginWrap div.formArea {width: 600px;margin: 100px auto 50px;padding: 30px 30px 135px;border: 1px solid #ccc;border-radius: 10px;background: url('../image/admin/login_logo.png') center bottom 30px no-repeat;box-sizing: border-box;}
div.loginWrap div.formArea h1 {margin: 0;padding: 0 0 11px;border-bottom: 3px solid #111c5d;color: #111c5d;font-size: 28px;line-height: 38px;font-family: 'Pretendard-SemiBold', sans-serif;}

div.loginWrap dl, div.loginWrap dt, div.loginWrap dd {margin: 0;padding: 0;}
div.loginWrap dl {position: relative;margin-top: 40px;}
div.loginWrap dt {position: absolute;top: 83px;left: 24px;margin: 0;padding: 0;color: #303b64;font-size: 15px;line-height: 30px;}
div.loginWrap dt:first-child {top: 12px;}
div.loginWrap dd {margin-bottom: 15px;padding-left: 85px;border-radius: 3px;border: 1px solid #ccc;background-color: #fff;}
div.loginWrap dd input[type=text],
div.loginWrap dd input[type=password] {width: 100%;height: 53px;border: 0 none;background-color: transparent;font-size: 17px;font-family: 'Pretendard-Regular', sans-serif;box-sizing: border-box;}

div.loginWrap div.btn {padding-top: 15px;}
div.loginWrap div.btn &gt; * {width: 100%;height: 60px;padding: 15px;border-radius: 3px;font-size: 20px;line-height: 30px;box-sizing: border-box;font-family: 'Pretendard-SemiBold', sans-serif;cursor: pointer}

/* 행사장 안내 */
div.venue {}
div.mapArea img {display: block;}

ul.mapInfo {padding: 35px;background-color: #f3f8fd;color: #000;font-size: 16px;line-height: 26px;font-weight: bold;}
ul.mapInfo li + li {margin-top: 25px;}

ul.mapInfo .fcRed {color: #c62121 !important;}

dl.venue, dl.venue dt, dl.venue dd {margin: 0;padding: 0;}
dl.venue dt {display: inline-block;margin: 50px 0 20px;padding: 20px 40px;border-radius: 0 20px 20px 20px;background-color: #313a60;text-align: center;vertical-align: top;color: #fff;font-size: 16px;line-height: 30px;}
dl.venue dd ul.mapInfo {margin-top: 10px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.mapInfo {padding: 15px;font-size: 14px;line-height: 20px;}
ul.mapInfo li + li {margin-top: 10px;}

dl.venue dt {display: block;margin: 30px 0 10px;padding: 15px;}
}



/* 호텔 안내 */
dl.hotel, dl.hotel dd, dl.hotel ul, dl.hotel li {margin: 0;padding: 0;list-style: none;}

dl.hotel .img {}
dl.hotel .img img {display: block;margin: 0 auto;}
dl.hotel .info {position: relative;margin-top: 25px;padding: 30px 35px;min-height: 255px;background-color: #f3f8fd;background-repeat: no-repeat;background-position: bottom 10px right 16px;box-sizing: border-box;}
dl.hotel .info li {font-size: 16px;line-height: 26px;color: #000;}
dl.hotel .info li span {font-family: 'Pretendard-SemiBold', sans-serif;}
dl.hotel .info &gt; * + * {margin-top: 25px;} 
dl.hotel div.map img {box-shadow: 5px 5px 10px rgba(0,0,0,.2);}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.hotel .info,
dl.hotel .info &gt; * + * {margin-top: 15px;}
dl.hotel .info {padding: 15px;min-height: auto;}
dl.hotel .info li {font-size: 14px;line-height: 20px;}
dl.hotel div.map img {display: block;width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.hotel div.map {position: absolute;right: 16px;top: 50%;transform:translateY(-50%);margin: 0 !important;}
}


</pre></body></html>