@charset "utf-8";

@import url('rw.css');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/* 사이트 공통 CSS */
/* 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;}

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


.fcPoint {color: #1359a9 !important;}
.fcRed {color: #e92f2f !important;}
.fcNavy {color:#2b59a7 !important;}
.fcBlue {color:#0000ff !important;}
.fcPurple {color: #1359a9 !important;}

img {display: inline-block;vertical-align: top;}

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

.pc-only {display: none !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;}
}

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

.pc-only {display: inline-block !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: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:8px 10px 7px;}
.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, .upload {background-color:#4a6284 !important;border-color:#4a6284 !important;color:#fff !important;}
/* 파란색 */			.btnPoint {background-color:#387fdf !important;border-color:#387fdf !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#8b9197 !important;border-color:#8b9197 !important;color:#fff !important;}
/* 남색2 */				.btnNavy {background-color:#344b79 !important;border-color:#344b79 !important;color:#fff !important;}
/* 진파랑색 */			.btnBlue2 {background-color:#2f4b85 !important;border-color:#2f4b85 !important;color:#fff !important;}
/* 보라색 */			.btnPurple {background-color:#642e80 !important;border-color:#642e80 !important;color:#fff !important;}
/* 보라색2 */			.btnViolet {background-color:#6b57b8 !important;border-color:#6b57b8 !important;color:#fff !important;}
/* 노란색 */			.btnYellow {background-color:#f7ad24 !important;border-color:#f7ad24 !important;color:#fff !important;}

/* border+ 남색 */				.btnBdDef {background-color:#fff !important;border-color:#4a6284 !important;color:#2f3f56 !important;}
/* border+ 파란색 */			.btnBdPoint  {background-color:#fff !important;border-color:#387fdf !important;color:#387fdf !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;}

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: 130px;height: 54px;font-size: 17px;line-height: 50px;padding:2px 20px 0;box-sizing:border-box;font-family: 'Pretendard-Medium', sans-serif;}
/* .btn a.btnBig {padding: 19px 40px 20px;}*/

.btn .list {background-color: #fff !important;border-color: #102b63 !important;color: #102b63 !important;}
.btn .write,
.btn .modify {background-color: #102b63 !important;border-color: #102b63 !important;color: #fff !important;}
.btn .del {background-color: #8d9dad !important;border-color: #8d9dad !important;color: #fff !important;}


/* 큰 버튼 */
.btn .btnBig,
form div.btnArea > * {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 > *,
.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 > * {min-width:170px;height:55px;padding:0 30px;font-size:17px;line-height: 53px;}


form div.btnArea > .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: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;}

.btnGoto {background-color: #000082;border-color: #000082;color: #fff;}

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

a.conLink {color: #387fdf;text-decoration: underline !important;border-bottom: 0 none;}

/* 영수증 버튼 */
.receipt {display: inline-block;margin: 0 5px;border-radius: 3px;background-color: #5b636f;vertical-align: top;color: #fff;line-height: 28px;font-family: 'Pretendard-Regular', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btn .btnBig {width: 100%;height: 40px;font-size: 14px;line-height: 34px;}

.receipt {padding: 0 10px;font-size: 13px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.btn .btnBig {min-width:170px;}

.receipt {padding: 0 15px;font-size: 14px;}
}


/* 타이틀 관련 */

.subTit {background-image: url('../image/common/subTit_bl.png');background-repeat: no-repeat;color: #000;font-family: 'Roboto-Bold', 'Pretendard-SemiBold', sans-serif;}
.popupTit {margin: 30px 0 10px;color: #283b8e;font-size: 18px;font-family: 'Roboto-Bold', 'Pretendard Medium', sans-serif;}
.boldTit {color: #000;font-weight: 500;font-family: 'Roboto-Medium', 'Pretendard-Medium', sans-serif;}

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


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit {margin: 20px 0 5px;padding-left: 18px;background-position: left 2px;font-size: 16px;line-height: 20px;background-size: 14px;}
.boldTit {margin: 15px 0 5px;font-size: 15px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit {margin: 40px 0 10px;padding-left: 25px;background-position: left 6px;font-size: 20px;line-height: 30px;}
.subTit.fl + * {margin: 40px 0 10px}

.boldTit {margin: 20px 0 5px;font-size: 18px;line-height: 30px;}
}




/* subMenu */
ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {font-size: 0;line-height: 0;text-align: center;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {display: inline-block;vertical-align: top;text-align:center;width:220px;}
ul.subMenu li a {display:block;width:auto;padding: 15px 5px;border: 1px solid #d3d3d3;border-left: 0 none;color: #444;font-size: 17px;line-height: 24px;font-weight: 400;font-family: 'Pretendard-Medium', sans-serif;}
ul.subMenu li:first-child a {border-left: 1px solid #d3d3d3;}
ul.subMenu li.on a {background-color: #4a6284;border-color: #4a6284; color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents > .subMenu {margin: 10px 20px;}
.subMenu {margin-bottom: 10px;}

ul.subMenu li a {padding: 10px 0;border-top: 0;font-size: 14px;}
ul.subMenu.col3ea > li {width: 50%;}
ul.subMenu.col3ea > li:first-child {width: 100%;border-top: 1px solid #d3d3d3;}
ul.subMenu.col3ea > li:nth-child(2) a {border-left: 1px solid #d3d3d3;}
}

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

}

/* conMenu  */
ul.conMenu {font-size: 0;}
ul.conMenu li {list-style:none; display:inline-block; margin-left: 20px;}
ul.conMenu li:first-child {margin-left: 0;}
ul.conMenu li a {display:block; font-size: 16px; text-decoration: none; color: #c33d79; background-color: #f9ebf1; font-weight: 400;font-family: 'Roboto-Medium', 'Pretendard-Medium', sans-serif; font-weight: 400; padding: 10px 0; width: 135px; text-align: center; border: 1px solid #c33d79; border-radius: 5px;}
ul.conMenu li.on a {color: #fff; background-color: #c33d79;}


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


}




/* navi */
ul.navi, ul.navi li, ul.navi a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.navi {font-size: 0;line-height: 0;text-align: center;}
ul.navi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.navi > li {display: inline-block;vertical-align: top;text-align:center;}
ul.navi li a {display:block;width:auto;padding: 15px 5px;border: 1px solid #d3d3d3;border-left: 0 none;color: #444;font-size: 17px;line-height: 24px;font-weight: 400;font-family: 'Pretendard-Medium', sans-serif;}
ul.navi li:first-child a {border-left: 1px solid #d3d3d3;}
ul.navi a:hover,
ul.navi a:focus {background-color: #394a6f; border-color: #394a6f; color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents > .navi {margin: 10px 20px;}
.navi {margin-bottom: 10px;}

ul.navi li a {padding: 10px 0;font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.navi {margin-bottom: 25px;}
}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.col2ea > li:nth-child(2n+1) {clear: both;}

ul.col3ea > li:nth-child(-n+3) a {border-top: 1px solid #d3d3d3;}
ul.col3ea > li:nth-child(3n+1) a {border-left: 1px solid #d3d3d3;}

ul.col4ea > li {width: 25%;}
ul.col4ea > li a {border-top: 0 none;}
ul.col4ea > li:nth-child(-n+4) a {border-top: 1px solid #d3d3d3;}
ul.col4ea > li:nth-child(4n+1) {clear: both;}
ul.col4ea > li:nth-child(4n+1) a {border-left: 1px solid #d3d3d3;}

ul.col5ea > li {width: 20%;}
ul.col5ea > li a {border-top: 0 none;}
ul.col5ea > li:nth-child(-n+5) a {border-top: 1px solid #d3d3d3;}
ul.col5ea > li:nth-child(5n+1) {clear: both;}
ul.col5ea > li:nth-child(5n+1) a {border-left: 1px solid #d3d3d3;}
}

/* ==  반응형 메뉴(토글형식) == */
dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd {position: relative;margin: 0;padding: 0;}

@media screen and (max-width: 960px) {
dl.rwMenu{z-index: 5;position: relative;}

div.contents > dl.rwMenu {margin: 15px 0;}

dl.rwMenu > dd {display: none;}

dl.rwMenu > dt > a {position: relative;display: block;padding: 10px 15px; border: 1px solid #ccc; font-weight: 400;font-family: 'Roboto-Medium', 'Pretendard-Medium',sans-serif; font-weight: normal; background-color: #fff; color: #333;text-decoration: none;}
dl.rwMenu > dt > a:after {position: absolute;right: 15px;top: 50%;width: 11px;height: 20px;margin-top: -10px;background: url('/image/common/rwBl.png') center center no-repeat;background-size: 11px;content: '';}
dl.rwMenu  dt.view > a:after {transform:rotate(180deg)}

dl.rwMenu > dd {z-index: 10;position: absolute;left: 0;top: 46px;width: 100%;padding: 0 15px 15px;border: 1px solid #dedede;border-top: 0 none;background-color: #fff;box-sizing:border-box;}

dl.rwMenu ul {overflow-x: hidden;overflow-y: auto;padding-top: 10px;border-top: 1px solid #dedede;}

dl.rwMenu ul, dl.rwMenu li, dl.rwMenu dd a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.rwMenu dd a {padding: 5px 0;}

dl.rwMenu li {width: 100% !important;}
dl.rwMenu ul.conMenu li,
dl.rwMenu ul.subMenu li {display: block !important;width: 100% !important;height: auto !important;margin-top: 5px;padding: 5px 0 !important;border: 0 none !important;background: transparent !important;}

dl.rwMenu ul.subMenu li a {color: #707070;font-weight: 400;font-family: 'Roboto-Regular', 'Pretendard-Regular',sans-serif;font-size: 16px;line-height: 25px;}

dl.rwMenu li a {display: block !important;height: auto !important;padding: 0 !important;text-align: left;border: 0 none !important;}
dl.rwMenu li.on a {background: none;border: 0 none;color: #444;}

}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.rwMenu > dt {display: none;}
dl.rwMenu > dd {display: block;}


}

ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {margin-bottom: 50px;}
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.tabMenu > li {float: left;}
ul.tabMenu li a {display:table-cell;width: 80vw;vertical-align: middle;border: 1px solid #b1c0d8;border-left: 0 none;color: #b1c0d8;border-bottom-color:#425c9d;font-weight: 400;font-family: 'Roboto-Regular', 'Pretendard-Regular', sans-serif;text-decoration:none;text-align: center;}
ul.tabMenu li:first-child a {border-left: 1px solid #b1c0d8;}
ul.tabMenu li.on a {border-bottom: 0 none;border-color: #425c9d;color: #405481;border-left:1px solid #425c9d;}

ul.tabMenu.border a {border-color: #d3d3d3 !important;background-color: #f9f9fb;color: #888;}
ul.tabMenu.border .on a {border-left: 0 none;border-bottom: 1px solid #d3d3d3;border-top-color: #4a6284 !important;background-color: #fff;color: #111;font-family: 'Roboto-Medium', 'Pretendard-SemiBold', sans-serif;}
ul.tabMenu.border li:first-child.on a {border-left: 1px solid #ccc;}

ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col4ea > li {width: 25%;}
ul.col4ea > li {width: 20%;}

/* div.tabCon {padding:50px 0;} */


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.tabMenu li a {height: 45px;font-size: 14px;line-height: 20px;}
ul.tabMenu.border li.on a {border-top-width: 2px;height: 44px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.tabMenu li a {height: 54px;font-size: 17px;line-height: 24px;}
ul.tabMenu.border li.on a {border-top-width: 3px;height: 52px;}
}

div.contents > p {margin: 20px 0 0;}
div.contents > p:first-child{margin-top: 0;}

ul.listNum, ul.listNum > li,
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li, .blDot,
ul.listStar, ul.listStar > li, .blStar,ul.noBl,ul.noBl li,
ul.checkList, ul.checkList > li {margin: 0;padding: 0;list-style:none;}

ul.listBar > li,
ul.listDot > li, .blDot,
ul.listStar  > li, .blStar {position: relative;padding-left: 1em;text-indent: 0 !important;}

ul.listBar > li:before,
ul.listDot > li:before, .blDot:before,
ul.listStar  > li:before, .blStar :before,
ul.checkList > li:before, .blCheck:before {position: absolute;left: 0;top: 0;}

ul.listBar > li:before {content: "-";}
ul.listDot > li:before, .blDot:before {content: "·";font-size: 2em;}
ul.listStar  > li:before, .blStar :before {content: "※";}


ul.checkList > li, .blCheck {position: relative;padding-left: 30px;margin-top: 5px;}
ul.checkList > li:first-child, .blCheck:first-child {margin-top: 0;}
ul.checkList > li:before, .blCheck:before {display: block;width: 24px;height: 23px;background: url('../image/sub/bl_check.png') center center no-repeat;content: '';}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.checkList > li, .blCheck {position: relative;padding-left: 20px;}
ul.checkList > li:before, .blCheck:before {display: block;width: 18px;height: 17px;background: url('../image/sub/bl_check.png') center center no-repeat;content: '';background-size: auto 13px;}
}


ul.listNum > li {margin-left: 25px;list-style:decimal;}

ul.listNum_2 {counter-reset:num 0; list-style: none;}
ul.listNum_2 > li {position: relative; padding-left: 30px;}
ul.listNum_2 > li:before {position: absolute;width:25px; text-align: right; left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}

ul.listDot > li {line-height: 1.5em}
ul.listDot > li:before, .blDot:before {content: "·";font-size: 1.5em;}

.bgArea {background-color: #f9edf0;}
.bgArea th {background: #f2f2f2 !important;}
.bgArea td {background-color: #fff;}

.bdArea {padding:20px 40px;border:2px solid #aaa;background-color:#f8f8f8;}


div.ing img {display: block;margin: 0 auto;}

}
/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

p.bbsBrief {overflow: hidden;padding: 10px 0;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.bbsList,
table.bbsList tbody,
table.bbsList tr,
table.bbsList td {display: block;}
table.bbsList thead,
table.bbsList colgroup,
table.bbsList col {display: none;}

table.bbsList > * > tr > * {border-bottom: 0 none;}

table.bbsList {width: 100%;margin-top: 15px;border-top:2px solid #4a6284;}
table.bbsList tr {padding: 10px;border-bottom: 1px solid #ccc;}
table.bbsList tr:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.bbsList td:not(.pcOnly) {float: left;position: relative;padding-left: 15px;color: #5667a1;font-size: 11px;}
table.bbsList td:before {position: absolute;left: 7px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #ccc;}

table.bbsList tr.notice {background-color: #fff8ee;}
table.bbsList tr.notice td.pcOnly:first-child {display: block !important;float: left;padding-right: 5px;}
table.bbsList tr.notice td.pcOnly:first-child img {width: 40px;}
table.bbsList tr.notice td.tit {}
table.bbsList span.notice {min-width: 40px;line-height: 20px;border-radius: 10px;font-size: 12px;}

table.bbsList td.category {padding: 0 5px 0 0;}
table.bbsList .category span {min-width: 40px;margin-top: 2px;padding: 0 5px;border-radius: 10px;font-size: 12px;line-height: 20px;}

table.bbsList td.tit {padding-bottom: 5px;min-width: calc(100% - 90px);max-width: 100%;}
table.bbsList td.tit a {display:inline-block;vertical-align: top;position:relative;max-width:100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;color: #000;font-size: 14px;line-height: 20px;font-family: 'Pretendard-SemiBold', sans-serif;}

table.bbsList td.tit a.new {padding-right: 20px;box-sizing: border-box;}

table.bbsList td.tit a.new:after {position: absolute;right: 0;top: 50%;width: 18px;height: 18px;margin-top: -9px;content: "";background: url('../image/icon/icon_new.png') center center no-repeat;background-size: 18px;content: '';}

table.bbsList td.noBd {clear: both;}

table.bbsList td.pcOnly,
table.bbsList td.tit,
table.bbsList td.tit + td,
table.bbsList td.noBd,
table.bbsList .category {padding-left: 0;}

table.bbsList td.pcOnly:before,
table.bbsList td.tit:before,
table.bbsList td.tit + td:before,
table.bbsList td.noBd:before,
table.bbsList .category:before {display: none;}

table.bbsList .admin {display: none;}
}

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

table.bbsList {width: 100%;margin-top: 30px;table-layout:fixed;border-top:2px solid #4a6284;border-collapse:separate; border-spacing:0;}
.subTit + table.bbsList {margin-top: 50px;}
table.bbsList > * > tr > * {border: 0 none !important; padding:6px 0 7px !important;text-align:center !important;font-weight: 400;font-family: 'Roboto-Regular', 'Pretendard-Regular', sans-serif;}
table.bbsList > * > tr > *:first-child {border-left: 0 none;}

table.bbsList > * > tr > th {height: 35px;background-color:#f5f5f5;line-height:20px;color: #0b316f;}
table.bbsList > thead > tr > th {border-bottom-color: ##f5f5f5;color: #000;font-family: 'Pretendard-Medium', sans-serif;}
table.bbsList > thead > tr > th:first-child {background-image: none;}
table.bbsList > tbody > tr > *{border-bottom: 1px solid #ccc !important;}
table.bbsList > tbody > tr > .bg {padding-bottom:10px;background-color:#f9fbff;color:#0b316f;text-align:center;}
table.bbsList > tbody > tr > td a {display:inline-block;line-height:24px;height:24px;}

table.bbsList > tbody > tr > td.tit {text-align:left !important;}
table.bbsList > tbody > tr > td.tit a {display:inline-block;vertical-align: top;position:relative;max-width:100%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-decoration: none;color:#393939;box-sizing:border-box;}

table.bbsList > tbody > tr > td.tit img.notice {vertical-align:top;padding:4px 5px 0 0;}

table.bbsList td.tit a.new {padding-right:25px;}
table.bbsList td.tit a.new:after {position:absolute;right:0;top:50%;transform:translateY(-50%);width: 21px;height: 21px;background: url('../image/icon/icon_new.png') center center no-repeat;content: '';}
table.bbsList td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbsList td.file,
table.bbsList td.con {text-align:left;}
table.bbsList td.con {padding: 15px;}

table.bbsList td.file a {text-decoration: none;color: inherit;}
table.bbsList td.file a img {vertical-align: middle;margin-top: -2px;}

table.bbsList td input[type=radio],
table.bbsList td input[type=checkbox] {margin-left:15px;}
table.bbsList td input[type=radio]:first-child,
table.bbsList td input[type=checkbox]:first-child {margin-left:0;}
table.bbsList td.pluginArea {padding:0 !important;}

table.bbsList span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbsList td.utilBtn span,
table.bbsList td.utilBtn a {vertical-align: top;}
}


/* 게시판 하단버튼 영역 */
ul.pager {margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline;vertical-align: top;margin: 0;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;width: 100%;vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 15px;line-height:20px;text-decoration: none;color: #303030;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 28px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #5285d0;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}

ul.pager.btnSmall {padding:8px 0 3px;}
ul.pager.btnSmall a {width:auto;padding:1px 5px 3px;}
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a {padding:3px 5px 1px;}

/* 게시판 > 상세보기 */
div.bbsView {border-top: 2px solid #102b63;border-bottom: 0 none;}

div.bbsView ul, div.bbsView li div.bbsView a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.bbsView h4 {margin: 0;padding: 0;font-weight: normal;border: 0 none;}

dl.bbs dt,
div.bbsView h4 {text-align: center;color: #000;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}

div.bbsTit {border-bottom: 1px solid #ddd;}
div.bbsTit ul {font-size: 0;line-height: 0;text-align: center;}
div.bbsTit li {position: relative;display: inline-block;vertical-align: top;color: #5667a1;}
div.bbsTit li span {display: inline-block;margin-right: 5px;vertical-align: top;font-family: 'Pretendard-Medium', sans-serif;}
div.bbsTit li span img {margin: 2px 4px 0 0  ;}


table.attach {width: 100%;table-layout:fixed;border-top:1px solid #ddd;border-collapse:separate; border-spacing:0;}
table.attach > * > tr > * {padding: 10px;border-bottom: 1px solid #ddd;}
table.attach > * > tr > th {background-color: #f5f5f5;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbsView {margin: 0 20px;padding: 0 0 20px !important;}
div.bbsView h4 {padding: 10px 5px;text-align: center;font-size: 16px;line-height: 20px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.bbsView h4 img {height: 20px;margin-right: 5px;}
div.bbsTit {padding-bottom: 10px;}
div.bbsTit ul {text-align: left;}
div.bbsTit li {padding-left: 25px;font-size: 12px;line-height: 16px;}
div.bbsTit li:first-child {padding-left: 0;}
div.bbsTit li:before {position: absolute;left: 13px;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #5667a1;}
div.bbsTit li:first-child:before,
div.bbsTit li:last-child:before {display: none;}

div.bbsTit li:last-child {padding: 0;}
div.bbsTit li img {display: none;}


div.bbsCon {padding: 10px;min-height: 150px;}
div.bbsCon center {overflow-y: hidden;overflow-x: auto;}


div.bbsView + div.bbsUtil {}
div.bbsView + div.bbsUtil a {width: 100%;}

table.attach > * > tr > th {width: 110px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsView h4 {padding: 25px 30px;}
dl.bbs dt,
div.bbsView h4 {font-size: 22px;line-height: 30px;}
div.bbsView h4 img {margin-right: 5px;}

div.bbsTit {padding-bottom: 18px;}
div.bbsTit li {font-size: 15px;line-height: 20px;padding-left: 20px;}
div.bbsTit li:first-child {padding-left: 0;}
div.bbsTit li:before {position: absolute;left: 10px;top: 0;content: "/";}
div.bbsTit li:first-child:before {display: none;}

div.bbsCon {padding: 30px;/* min-height: 500px; */}

table.attach > * > tr > th {width: 200px;}

}

/* 레이어 팝업 */
div.layerPopup, div.layerPopup dl, div.layerPopup dt, div.layerPopup dd, div.layerPopup ul, div.layerPopup li, div.layerPopup p {margin: 0;padding: 0;list-style:none;}

div.layerPopup {display: block;z-index: 500;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}

div.layerPopup > div.popupWrap {position: absolute;left: 50%;top: 50%;}
div.layerPopup > div.popupWrap h1 {border-radius:10px 10px 0 0;}
div.layerPopup > div.popupWrap div.popupCon {border: 3px solid #201572;border-top: 0 none;border-radius:0 0 10px 10px;background-color: #fff;}

div.popupWrap a {text-decoration: none;}

div.popupWrap {position: absolute;margin: 0;padding: 0;font-family: 'Roboto-Regular', 'Pretendard Regular', sans-serif;border: 5px solid #4b5e8d;color: #222;font-size: 14px;line-height: 1.5;}
div.popupWrap h1 {margin: 0;padding: 13px 60px 17px 20px;background-color: #201572;color: #fff;font-size: 20px;font-family: 'Roboto-Regular', 'Pretendard Regular', sans-serif;font-weight: normal;}
div.popupWrap div.popupCon {padding: 25px;background-color: #fff;}
div.popupCon p {margin: 0;}

div.popupWrap .close {position: absolute;right: 0;top: 0;width: 60px;}
div.popupWrap .close a {display: block;height: 22px;padding: 19px 0;}
div.popupWrap .close img {display: block;margin: 0 auto;}

div#popupCode {display: block;overflow-x: hidden;overflow-y: scroll;width: 550px;height: 600px;left: 0;top: 0;transform: none;}
div#popupCode div.popupCon > p:first-child {font-size: 17px;color: #222;font-family: 'Roboto-Medium', 'Pretendard Medium', sans-serif;}
div#popupCode div.note {margin: 0 0 10px;padding: 15px;font-size: 14px;text-align: center;background: linear-gradient(to right, #4faed6, #458dc9);color: #fff;font-family: 'Roboto-Regular', 'Pretendard Regular', sans-serif;}
div#popupCode th,
div#popupCode td {padding: 5px;text-align: center;font-size: 14px;border-bottom: 1px solid #ccc;}
div#popupCode td a {color: inherit;text-decoration: none;}


/* 테이블 디자인 */
table.tblDef {border-top:2px solid #4a6284;}
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {padding:10px; text-align:left;color: #000; /* border-right: 1px solid #ccc; */ border-bottom: 1px solid #ccc;}
table.tblDef > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}

/*table.tblDef > * > tr:last-child > *,
table.innerTbl > * > tr:last-child > * {border-bottom: 0 none;}*/

table.tblDef > * > tr > *:last-child,
table.innerTbl > * > tr > *:last-child {border-right: 0 none;}

table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child {border-left: 0 none;}

.committee table.tblDef > * > tr > td {background-color: #fff;font-weight: 400;font-family: 'Roboto-Regular', 'Pretendard Regular', sans-serif;}

table.border > * > tr > * {border-left: 1px solid #ccc;}
table.border > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > * > tr > th,
table.innerTbl > * > tr > th,
table.tblDef .bg {background-color: #f5f5f5;}
table.tblDef > * > tr > th {padding: 10px 10px 10px 20px;color: #000;font-weight: 400;font-family: 'Pretendard-Medium', sans-serif;}

table.tblDef .al {padding-left: 10px;text-align: left !important;}
table .bdLeft {border-left:1px solid #ccc !important;}
table .bdRight {border-right:1px solid #ccc !important;}
table .bdNoB {border-bottom: 0 none !important;}
table .noBorderL {border-left: 0 none !important;}

table.tblDef td.noData {padding: 40px 0;text-align: center;color: #ca3f3f;}

table.inputTbl {border-top:2px solid #4a6284;}
table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding:10px;text-align:left;color:#535353;}
table.inputTbl > * > tr > th {border-bottom:1px solid #ccc;background-color:#f5f5f5;color:#000; font-weight: 400;font-family: 'Roboto-Medium', 'Pretendard-Medium', sans-serif;}
table.inputTbl > * > tr > td {border-bottom:1px solid #ccc;}

table.inputTbl > * > tr > .bdLeft {border-left: 1px solid #ccc !important;}

table.inputTbl tr > *:first-child {border-left: 0 none;}

table.inputTbl label, 
table.inputTbl span {line-height: 36px;}
table.inputTbl ul li {list-style:none;}



table.ac th,
table.ac td {text-align: center !important;}
table.ac > * > tr > th {padding: 10px;}
table.al th {padding-left: 20px;text-align: left !important;}

table.listTbl th,
table.listTbl td {padding: 5px;text-align: center;font-size: 12px;}

table.inputTbl > * > tr > th {padding-left: 20px;text-align: left;}

table.inputTbl .label,
table.inputTbl > * > tr > th label {padding-left: 0;}
table.inputTbl .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {}

.multi input[type=radio],
.multi input[type=checkbox] {margin:11px 5px 0 35px;}

input[type=text],
input[type=password] {padding: 4px 10px;box-sizing: border-box; }

.withBtn a {border-radius: 0;font-size: 15px;}

.address input[type=text]:first-child {width: 300px;}
.address a {padding: 0 20px;font-size: 15px;font-family: 'Pretendard-Light', sans-serif;}
.address input[type=text] {width: 450px;}
.address input[type=text].clear {width: calc(100% - 460px);margin-right: 5px;}
.address input[type=text].clear + input[type=text] {width: 450px;}

table.inputTbl td.padding0 {border-left: 0 none;}


table.inputTbl td.email input[type="text"]:first-child {width: 210px;}
table.inputTbl td.email span.clear,
table.inputTbl .note {font-size: 0.9em !important;color: #e92f2f;line-height: 36px;vertical-align: top;}
table.inputTbl .note img {display: inline-block;vertical-align: middle;}

table.inputTbl td.phone {overflow: hidden;}
table.inputTbl td.phone > * {float: left;}
table.inputTbl td.phone label {width: 142px;text-align: center;}
table.inputTbl td.phone label:last-child{width:200px; !important}
table.inputTbl td.phone input[type=text] {width: 120px !important; }


table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .btn .btnSmall i {padding: 3px  0 0;}


table.inputTbl .keyword input[type=text]{width:150px; margin-left: 10px;}
table.inputTbl .keyword input[type=text]:first-child{margin-left: 0;}

div.bbsWrite {padding-top: 50px;}
div.bbsWrite div.btnArea {padding: 30px 0 100px;}

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

}


/* 게시판 글쓰기 */
td.pluginArea {padding:0 !important;}
div.pluginArea {margin-top:20px;}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}


table.inputTbl td.date{position:relative;}
table.inputTbl .date input[type=text] {width: 120px !important;}
table.inputTbl .date input[type=image] {}


/* 파일 찾기 */
div.selectFile {overflow:hidden;}
div.selectFile p {float:left;margin-left: 5px;}
div.selectFile p:first-child {margin-left: 0;}
div.selectFile p input[type=text] {height: 23px;padding:2px 10px 3px;}

div.selectFile p.find {width:66px;height:30px;background:url('/image/icon/btn_browse.png') center center no-repeat;background-color:#393939;}
div.selectFile p.find input {width:100%;height:100%;padding: 0;border: 0 none;}

div.selectFile p.findIcon {position: relative;width:50px;height:30px;background-color:#393939;text-align: center;}
/* div.selectFile p.findIcon:before {display: inline-block;padding: 5px 0;content: "\f3ee";font-family: "Font Awesome 5 Brands";color: #fff;font-size: 20px;line-height: 20px;} */

div.selectFile p.find input {position: absolute;left: 0;top: 0;width:100%;height:100%;padding: 0;border: 0 none;}
div.selectFile p.btn * {height: 30px;font-size: 14px;border: 0 none;}


@media screen and (max-width: 960px) {
table.inputTbl td.phone label,table.inputTbl td.phone input[type=text] {width: 100px !important; }
.subTit, .pointTit{margin-top: 25px;}

table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl th,
table.rwTbl td {width: 100%;padding:5px 10px !important;line-height: 32px;box-sizing:border-box;}

table.rwTbl > * > tr > th span,
table.rwTbl > * > tr > th label {line-height: 32px;}

table.rwTbl th,
table.rwTbl td {min-height: 32px;border-left: 0 none !important;}
table.rwTbl th {text-align: left !important;}
table.rwTbl td:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100% !important;height:36px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

/* table.rwTbl,
table.rwThead {border-top: 0 none;} */

table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {overflow:hidden;}

/* table.rwTbl, */
table.rwTbl tbody > tr > *:first-child,
table.rwThead tbody tr > *:first-child {border-top:2px solid #1359a9;}

table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#16478e;color:#fff;}


div.tableScroll {overflow-x:scroll;overflow-y:hidden;padding-bottom: 10px !important;}
div.tableScroll::-webkit-scrollbar {-webkit-appearance: none; width:5px;height: 5px;border-radius: 4px;background-color: #f2f2f2;}
div.tableScroll::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #ccc;-webkit-box-shadow: insecnt 0 0 1px rgba(255,255,255,.5);}

}

.formArea a.tblBtn {padding: 0 15px; height: 34px;line-height: 34px;background-color: #6a6c70;border: 1px solid #6a6c70;color: #fff;}

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

.rwTbl .multi {}
.rwTbl .multi > * {margin-top: 5px;}
.rwTbl .multi > *:first-child {margin-top: 0;}

.rwTbl  .multi input[type=radio],
.rwTbl  .multi input[type=checkbox] {margin:16px 5px 0 25px;}

.formArea span.note {line-height: 18px;}
.formArea span.note img {height: 16px;}

.withBtn a {border-radius: 0;margin: 5px 0 0 0;}


table.rwTbl .address input[type=text] {clear: both;margin: 5px 0 0 0;}
table.rwTbl .address a {line-height: 36px;margin-left: 5px;}

.formArea a.tblBtn {font-size: 14px;margin-top: 5px;}

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

.formArea a.tblBtn {font-size: 17px;}

table.inputTbl .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {float: left;margin-left: 5px;}

input[type=text],
input[type=password] {min-width: 300px;}
}


/* intro - 24.01.18 박민지 */
body.intro{
	width: 100%;
	height: 100%;
	background-color: #1A1A31;
}
#intro{
	background-color: #1A1A31;
	font-family: 'Pretendard variable', sans-serif;
	box-sizing: border-box;
}
#intro *{		
	font-family: 'Pretendard variable', sans-serif;
	box-sizing: border-box;
}
.intro-conbox{
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
	min-height: 100vh;
	background: url('../image/intro/bg_intro.png') no-repeat center / cover;
}
.intro-conbox .img-wrap{
	display: none;
}
.intro-conbox .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.intro-conbox .text-wrap{
	position: relative;
    width: 100%;
    max-width: 1400px;
    height: 100%;
    margin: 0 auto;
}
.intro-conbox .notice-conbox{
	width: 578px;
	max-width: 100%;
	padding: 20px 0;
	border-radius: 40px;
	background-color: #fff;
	text-align: center;
}
.intro-conbox .notice-conbox p{
	display: inline-block;
	font-weight: 700;
	font-size: 40px;
	font-weight: 800;
	background: linear-gradient(to right, #3551a4,#31cdb0);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	line-height: 1;
	text-align: center;
	vertical-align: top;
}
.intro-conbox h2 {
	margin: 90px 0 50px
}
.pc-show{
	display: block;
}
.m-show{
	display: none;
}

@media screen and (max-width: 1400px){
	.intro-conbox{
		padding: 0 4%;
	}
}

@media screen and (max-width: 1024px){
	.intro-conbox{
		padding: 0 2%;
	}
	.intro-conbox .notice-conbox p{
		font-size: 30px;
	}
}
@media screen and (max-width: 768px){
	.intro-conbox{
        justify-content: start;
		padding: 0;
        background-image: url('../image/intro/bg_intro_m.png');
	}
    .intro-conbox .img-wrap{
        display: block;
    }
	.intro-conbox .text-wrap h2,
	.intro-conbox .text-wrap h2 + p{
        display: none;
	}
    .intro-conbox .text-wrap{
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
    }
	.intro-conbox .notice-conbox{
        display: inline-block;
        width: auto;
		margin: 20px auto 0;
		padding: 10px 35px;
		white-space: nowrap;
        vertical-align: top;
	}
	.intro-conbox .notice-conbox p{
		font-size: 15px;
	}
	.intro-conbox .img-wrap img {
		height: auto;
	}

	.pc-show{
		display: none;
	}
	.m-show{
		display: block;
	}

}




/* =============================== 레이아웃 =============================== */
div.wrapper  {position: relative;margin: 0;padding: 0;color: #000;font-weight: 400;font-family: 'Pretendard-Regular', sans-serif;}

/* HeaderWrap */
div#headerWrap {position: relative;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;min-width:320px;font-size: 14px;line-height: 1.2;}

div#headerWrap h1 {display: none;margin: 0;}
div#headerWrap .viewMenu {display: none;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {width: 100%;min-width:1300px;font-size: 16px; line-height: 28px;}

div#headerWrap {z-index:100;background-color: #fff;height: 58px;padding-top: 100px;}
div#headerWrap h1 {position:absolute;top: 20px;left: 50%;width:69px;height:62px;transform: translateX(-50%);}
div#headerWrap h1 a {display: block;}
div#headerWrap:before {position: absolute;width: 100%;height: 1px;top: 100px;left: 0;background-color: #e3e3e3;content: '';}

div#headerWrap .viewMenu,
ul.gnbMenu {display: none;}
}

/* gnb, D-day */
ul#gnb, ul#gnb li, ul#gnb a,
ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {display: block;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;}

div.gnbWrap > div.menuArea {position: relative;overflow-x: hidden;overflow-y: auto;height: 100%;padding: 125px 20px 40px;background-color: #fff;box-sizing: border-box;}
div.gnbWrap > div.menuArea:before {position: absolute;display: block;top: 0;right: 0;width: 100%;height: 110px;content:'';background: url('../image/common/gnb_bg.png') right bottom no-repeat #f9f9fb;background-size: auto 110px;}

ul#gnb {padding-bottom: 10px;} 
ul#gnb > li {margin-top: 5px;}
ul#gnb > li:first-child {margin-top: 0;}
ul#gnb > li > 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 > li > 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 > a {border-color: #387fdf;background-color: #f4f8fe;color: #387fdf;font-family: 'Pretendard-Medium', sans-serif;}
ul#gnb .on > a:after {background-color: rgba(56,127,223,.5);}

div.dDay {display: none !important;}

ul.gnbMenu {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
ul.gnbMenu li {}
ul.gnbMenu a {display: table-cell;width: 100vw;height: 40px;border-radius: 5px;vertical-align: middle;text-align: center;color: #fff;font-size: 14px;line-height: 18px;font-family: 'Pretendard-Medium', sans-serif;}
ul.gnbMenu li:nth-child(1) a {background-color: #6ba24f;}
ul.gnbMenu li:nth-child(2) a {background-color: #4987bb;}
ul.gnbMenu li:nth-child(3) a {background-color: #3f518b;}

ul.gnbMenu li.admin {grid-column:1/4;}
ul.gnbMenu li.admin a {background-color: #3c415d;}

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

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 {width: 1200px;margin: 0 auto;display: block;text-align: center;font-size: 0;line-height: 0;}
ul#gnb > li {display: inline-block;vertical-align: top;padding: 0 39px;}
ul#gnb > li > a {display: block;padding: 15px 0;color: #222;font-size: 20px;line-height: 28px;font-family: 'Pretendard-SemiBold', sans-serif;}

ul#gnb > li:first-child {padding-left: 0;}
ul#gnb > li:last-child {padding-right: 0;}

ul.gnbUtil {position: absolute;bottom: 58px;right: 50%;margin-right: -600px;overflow: hidden;font-size: 0;line-height: 0;text-align: right;}
ul.gnbUtil li {display: inline-block;vertical-align: top;}
ul.gnbUtil li a {display: inline-block;padding: 10px 0;border-radius: 3px;vertical-align: top;color: #737373;font-size: 14px;line-height: 18px;letter-spacing: -0.5px;}
ul.gnbUtil li + li:before {display: inline-block;vertical-align: top;width: 1px;height: 12px;margin: 13px 15px 0;background-color: #7f7f7f;content: '';}

ul.gnbUtil li.admin:before {display: none;}
ul.gnbUtil li.admin a {margin: 5px 0 0 16px;padding: 5px 15px;border-radius: 5px;background-color: #737373;color: #fff;}

div.dDay {display: none;position: absolute;top: 14px;right: 50%;margin-right: -600px;width: 162px;padding: 10px;border-radius: 40px 3px 40px 3px;background: url('../image/common/dDay_bg.png') left top no-repeat;box-shadow: 6px 6px 14px rgba(0,0,0,0.17);color: #ffe17a;font-family: 'Pretendard-Regular', sans-serif;font-size: 14px;line-height: 16px;text-align: center;}
div.dDay span {display: block;color: #fff;font-family: 'Pretendard-Bold', sans-serif;font-size: 32px;line-height: 36px;}

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


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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* allMenu */
div.allMenu {display: none;z-index: 80;position: absolute;top: 158px;left: 0;width: 100%;padding: 30px 0 5px;background-color: rgba(36	,50,79,0.95);}

div.allMenu ul, div.allMenu li, div.allMenu ul, div.allMenu a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.allMenu > ul {width: 1370px;margin: 0 auto;text-align: center;}
div.allMenu > ul:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.allMenu > ul > li {display: inline-block;vertical-align: top;width: 180px;margin-left: 18px;}
div.allMenu > ul > li:first-child {clear: both;margin-left: 0;}
div.allMenu > ul > li > a {display: block;padding: 10px 0;background-color: rgba(255,255,255,0.1);border-radius: 5px 5px 20px 5px;text-align: center;color: #fff;font-size: 18px;line-height: 22px;font-family: 'Pretendard-Regular';}

div.allMenu > ul ul {padding: 10px 0 30px;text-align: left;}
div.allMenu > ul ul li {margin-top: 5px;}
div.allMenu > ul ul li a {position: relative;display: block;padding-left: 22px;color: #fff;font-size: 17px;line-height: 25px;}
div.allMenu > ul ul li a:before {position: absolute;top: 0;left: 0;width: 20px;text-align: right;content: '•';}

div.allMenu > ul li:first-child {margin-top: 0;}
}

/* LNB */
div.lnbWrap ul, div.lnbWrap li div.lnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap {z-index: 50;position: relative;}
div.lnbWrap:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

div.lnbWrap dl {position: relative;margin: 0;}
div.lnbWrap dt {margin: 0;}
div.lnbWrap dt a {position: relative;display: block;color: #fff;text-decoration: none;}
div.lnbWrap dt a:after {position: absolute;content: "";}
div.lnbWrap dt.view a:after {transform:rotate(180deg);}

div.lnbWrap dd {display: none;position: absolute;left: 0;width: 100%;margin: 0;background-color: #fff;box-sizing:border-box;border-style: solid;border-color: #faaf2d;border-top: 0 none;}
div.lnbWrap dd li {}
div.lnbWrap dd li:first-child {border-top: 0 none;}
div.lnbWrap dd a {display: block;color: #595959;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;}

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

div.lnbWrap {position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 110px;}
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 .viewMenu {z-index: 20;position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.lnbWrap .viewMenu a {display: block;height: 60px;background-image: url('../image/common/viewMenu.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%;}
div.lnbWrap dd ul {padding: 10px 0;}
div.lnbWrap dd li {padding-top: 5px;}
div.lnbWrap dd a {padding: 0 10px;text-align: center;color: #252525;font-size: 14px;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;}

}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.viewMenu {display: none;}

div.lnbWrap {z-index: 20;position: absolute;left: 0;top: 263px;width: 100%;height:60px; background-color: #394a6f;}
div.lnbWrap.fixed {position:fixed;left:0;top:0;width:100%;}

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

div.lnbWrap a {display:block;color:#fff;text-decoration:none;}
div.lnbWrap br,
div.lnbWrap p.prev {display: none;}

div.lnbWrap p.home,
div.lnbWrap dl {float:left;}
div.lnbWrap p.home a {width:60px;height:60px;background-image: url('../image/common/lnb_home.png');border-right: 1px solid rgba(255,255,255,.2);border-left: 1px solid rgba(255,255,255,.2);font-size: 0;line-height: 0;text-indent: -9999px;}

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

div.lnbWrap dl {height:60px;}
div.lnbWrap dt {min-width: 280px;}
div.lnbWrap dt a {position:relative;padding:19px 80px 18px 20px;font-size:18px;line-height: 23px;border-right: 1px solid rgba(255,255,255,.2);color: #fff;font-family: 'Pretendard-Regular', sans-serif;}
div.lnbWrap dt a.trigger:after {position:absolute;right:20px;top:50%;width: 14px;height: 8px;margin-top:-4px;content: "";background: url('../image/common/lnb_bl.png') center center no-repeat;}
div.lnbWrap dt.view a.trigger:after {transform:rotate(180deg);}

div.lnbWrap dd {padding: 10px 0;border: 1px solid #4a6284;}
div.lnbWrap dd a {display: block;padding:5px 20px;color:#333;font-size: 18px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;}
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus {text-decoration: underline;color: #4a6284;}
}




/* container */
div#container {}

h2.pageTit {margin: 0;background-image: url('../image/common/pageTit.png');background-repeat: no-repeat;color: #111;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}

p#goTop {z-index: 80;}
p#goTop a {background-color: #1dadeb;border-radius: 50%;}
p#goTop a, 
p#goTop img {display: block;width: 100%;}

div.ing {}
div.ing img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {position:relative;padding-top: 110px;}

h2.pageTit {margin: 25px 15px 5px;padding-left: 27px;background-position: left 5px;background-size: 20px;font-size: 19px;line-height: 25px;}

p#goTop {position: fixed; right:15px;bottom: 15px;width: 40px;height: 40px;}

div.ing {padding: 30px 0;}
div.ing img {height: 200px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {position: relative;padding-top: 365px;background: url('../image/common/subVisual.png') center top no-repeat;}

h2.pageTit {position: relative;width: 1200px;margin: 0 auto;padding-left: 40px;background-position: left 10px;box-sizing: border-box;font-size: 28px;line-height: 45px;}


p#goTop {position: absolute; top: 680px; left:50%;width: 55px;height: 55px;margin-left: 830px;}

div.ing {padding: 60px 0;}
}

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

div.contents > div {padding: 0 20px 30px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.contents {width: 1200px;margin: 0	 auto;padding: 15px 0 30px;}
}

/* Footer */
div#footerWrap dl, div#footerWrap dt, div#footerWrap dd, div#footerWrap ul, div#footerWrap li {margin: 0;padding: 0;list-style: none;}
div#footerWrap {position: relative;background-color: #4a4a4a;border-bottom-style: solid;border-bottom-color: #313131;color: #fff;font-family: 'Pretendard-Regular', sans-serif;}
div#footerWrap .copy {}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap {font-size: 12px;line-height: 18px;}
div#footerWrap dl {display: none;}
div#footerWrap .copy {padding: 12.5px 0;text-align: center;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#footerWrap {border-bottom-width: 50px;font-size: 15px;line-height: 25px;}
div#footerWrap dl {width: 1200px;margin: 0 auto;padding: 25px 0 15px;}
div#footerWrap dt {font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap li:before {display: inline-block;vertical-align: top;width: 1px;height: 11px;margin: 7px 8px 7px 4px;background-color: #afafaf;content: '';}
div#footerWrap li:first-child:before {display: none;}

div#footerWrap .copy {position: absolute;left: 50%;transform: translateX(-50%);bottom: -50px;width: 1200px;padding: 12.5px 0;font-size: 15px;}
}

/* ======== 메인 ======== */
.mainWrap {}
.mainWrap div.dDay {display: none !important;}



div#container.main {padding: 0;background-image: none;}

div.mainVisual {}

div.mainCon {position: relative;z-index: 5;}

div.mainBnr ul, div.mainBnr li {margin: 0;padding: 0;list-style: none;}
div.mainBnr {position: relative;}

div.mainBnr .bx-pager {position: absolute;}
div.mainBnr .bx-pager > div {display: inline-block;vertical-align: top;font-size: 0;line-height: 0;}
div.mainBnr .bx-pager > div a {display: block;background-color: #9db3d4;}
div.mainBnr .bx-pager > div a.active {background-color: #15c0ff;}

dl.mainDates, dl.mainDates dt, dl.mainDates dd, dl.mainDates ul, dl.mainDates li,
dl.mainBbs, dl.mainBbs dt, dl.mainBbs dd, dl.mainBbs ul, dl.mainBbs li {margin: 0;padding: 0;list-style: none;}

dl.mainDates {}
dl.mainDates dt {position: relative;}
dl.mainDates dt:after {z-index: -1;display: block;position: absolute;left: 0;width: 100%;height: 2px;background-color: #071039;content: '';}
dl.mainDates dt span {z-index: 2;position: relative;display: inline-block;vertical-align: top;background-color: #fff;color: #071039;font-family: 'Montserrat-Bold', sans-serif;}
dl.mainDates dt span:before {z-index: -1;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: #70d4ff;content: '';}

dl.mainDates ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);}
dl.mainDates li {position: relative;box-sizing: border-box;color: #fff;font-family: 'Pretendard-Light', sans-serif;}
dl.mainDates li > * {display: block;}
dl.mainDates li strong {font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.mainDates li span {font-family: 'Montserrat-Bold', 'Pretendard-SemiBold', sans-serif;}
dl.mainDates li span.dDay {margin: 0;padding: 0;position: absolute;right: 0;color: #fff;font-family: 'Montserrat-SemiBold', sans-serif;text-align: center;box-shadow: none;background-color: #fff;}

dl.mainDates li:nth-child(1) {background-color: #4377a2;}
dl.mainDates li:nth-child(1) span.dDay {color: #4377a2;}

dl.mainDates li:nth-child(2) {background-color: #7ba04c;}
dl.mainDates li:nth-child(2) span.dDay {color: #7ba04c;}

dl.mainDates li:nth-child(3) {background-color: #3495a3;}
dl.mainDates li:nth-child(3) span.dDay {color: #3495a3;}

dl.mainDates li.dDay {background: url('../image/main/dDay_bg.png') left top no-repeat;color: #fffd7a;font-family: 'Pretendard-Regular', sans-serif;}
dl.mainDates li.dDay span {margin: 0;padding: 0;text-align: center;box-shadow: none;color: #fff;font-family: 'Pretendard-Bold', sans-serif;}

dl.mainBbs {position: relative;background: #1d2850 url('../image/main/mainBbs_bg.png') right bottom no-repeat;border-radius: 3px;box-sizing: border-box;color: #fff;}
dl.mainBbs dt {font-family: 'Pretendard-SemiBold', sans-serif;}
dl.mainBbs dd {}
dl.mainBbs li {position: relative;}
dl.mainBbs li:first-child {margin-top: 0;}
dl.mainBbs li:before {position: absolute;top: 0;left: 0;content: '-';}
dl.mainBbs a {display: block;}
dl.mainBbs span {position: absolute;top: 0;right: 0;color: #93daf9;font-family: 'Montserrat-Light', sans-serif;}
dl.mainBbs .more {position: absolute;}
dl.mainBbs .more a,
dl.mainBbs .more img {display: block;}



ul.mainDownload, ul.mainDownload li, ul.mainDownload a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.mainDownload {display: grid; grid-template-columns: repeat(2, 1fr)}
ul.mainDownload a {display: table-cell;width: 100vw;vertical-align: middle;padding: 0 15px;color: #fff;text-align: center;font-family: 'Pretendard-Medium', sans-serif;}
ul.mainDownload li:nth-child(1) {background-color: #4987bb;}
ul.mainDownload li:nth-child(2) {background-color: #566990;}
ul.mainDownload li:nth-child(3) {background-color: #6ba24f;}
ul.mainDownload li:nth-child(4) {background-color: #b35782;}




ul.mainQuick, ul.mainQuick li, ul.mainQuick a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}

ul.mainQuick {background-color: #f3f7ff;}
ul.mainQuick li {}
ul.mainQuick a {position: relative;display: block;background-repeat: no-repeat;background-position: left top;text-align: left;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing: border-box;}
ul.mainQuick a:after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;border: 1px solid #fff;opacity: 0.6;content: '';}
ul.mainQuick img {position: absolute;}

ul.mainQuick li:nth-child(1) a {background-image: url('../image/main/mainQuick_bg_01.png');}
ul.mainQuick li:nth-child(2) a {background-image: url('../image/main/mainQuick_bg_02.png');}
ul.mainQuick li:nth-child(3) a {background-image: url('../image/main/mainQuick_bg_03.png');}
ul.mainQuick li:nth-child(4) a {background-image: url('../image/main/mainQuick_bg_04.png');}

div.sponsor {background-color: #f4f4f4;}
div.sponsor > div {margin: 0 auto;box-sizing: border-box;}
div.sponsor > div h4 {position: absolute;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}
div.sponsor > div > ul {overflow: hidden;margin: 0;padding: 0;list-style: none;}
div.sponsor > div > ul > li {float: left;margin: 0;padding: 0;list-style: none;}
div.sponsor li img,
div.sponsor li a {display: block;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainWrap div#headerWrap h1 {display: block;}
div.mainWrap div#headerWrap h1 a {display: block;padding: 10px 60px 8px 20px;}
div.mainWrap div#headerWrap h1 img {height: 42px;}
div.mainWrap div#headerWrap .viewMenu {display: block !important;position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.mainWrap div#headerWrap .viewMenu a {display: block;height: 60px;background: url('../image/common/viewMenu_main_m.png') center center no-repeat;background-size: 26px;font-size: 0;line-height: 0;}

div.mainVisual {display: block;width: 100%;}

div.mainBnr {}
div.mainBnr li img {display: block;width: 100%;}

div.mainBnr .bx-pager {left: 20px;bottom: 20px;}
div.mainBnr .bx-pager > div {margin-right: 5px;}
div.mainBnr .bx-pager > div a {width: 8px;height: 8px;border-radius: 4px;}
div.mainBnr .bx-pager > div a.active {width: 20px;}

dl.mainDates {padding: 20px 20px 0;}
dl.mainDates dt {margin-bottom: 7px;}
dl.mainDates dt:after {bottom: 7px;}
dl.mainDates dt span {padding: 0 8px;font-size: 17px;line-height: 25px;}
dl.mainDates dt span:before {width: 13px;height: 13px;}

dl.mainDates ul {gap:14px;}
dl.mainDates li {padding: 35px 20px;min-height: 144px;border-radius: 3px 3px 35px 3px;font-size: 15px;line-height: 21px;}

dl.mainDates li span {width: 110px;margin-top: 8px;text-align: center;font-size: 12px;line-height: 20px;box-shadow: inset 0 -10px 0 rgba(255,255,255,.2);}
dl.mainDates li span.dDay {top: 17px;width: 60px;border-radius: 10px 0 0 10px;font-size: 11px;}

dl.mainDates li.dDay {padding-top: 40px;font-size: 13px;line-height: 20px;text-align: center;background-size: cover;}
dl.mainDates li.dDay span {width: auto;font-size: 30px;line-height: 50px;}

dl.mainBbs {margin: 20px 20px 30px;padding: 15px 20px;background-size: auto 100%;}
dl.mainBbs dt {margin-bottom: 5px;font-size: 15px;line-height: 25px;}
dl.mainBbs dd {min-height: 30px;}
dl.mainBbs li {margin-top: 5px;padding: 0 60px 0 0.6em;}
dl.mainBbs a {font-size: 13px;line-height: 18px;}
dl.mainBbs span {font-size: 12px;}
dl.mainBbs .more {top: 20px;right: 20px;}
dl.mainBbs .more img {height: 15px;}


ul.mainDownload {padding: 15px 20px 20px;gap:10px;}
ul.mainDownload a {height: 40px;font-size: 14px;line-height: 20px;}


ul.mainQuick {display: grid;padding: 20px;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap:10px 15px;}
ul.mainQuick a {padding: 18px 22px;min-height: 95px;border-radius: 3px 25px 3px 25px;font-size: 14px;line-height: 18px;}
ul.mainQuick a:after {width: calc(100% - 10px);height: calc(100% - 10px);border-radius: 3px 25px 3px 25px;}
ul.mainQuick img {bottom: 15px;right: 15px;height: 35px;}

div.sponsor {position: relative;}
div.sponsor > div {position: relative;padding: 20px 0 10px;}
div.sponsor > div h4 {top: 0;left: 15px;font-size: 13px;}
div.sponsor > div > ul > li {width: 90px;margin-left: 4px;}
div.sponsor > div > ul > li:nth-child(3n+1) {clear: both;margin-left: 0;}
div.sponsor li img,
div.sponsor li a {width: 90px;display: block;}

div.sponsor div.bx-controls {}
div.sponsor div.bx-controls a {position: absolute;top: 20px;display: block;width: 30px;height: 30px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;box-sizing: border-box;background-size: auto 15px;}
div.sponsor a.bx-prev {left: 0;background-image: url('../image/main/spon_prev_m.png');}
div.sponsor a.bx-next {right: 0;background-image: url('../image/main/spon_next_m.png');}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.mainWrap #headerWrap {box-shadow: 0 10px 20px rgba(0,0,0,0.05);}
.mainWrap .gnbUtil {left: auto;right: 50%;margin-right: -600px;}

div#container.main {}


div.mainVisual {height: 763px;background-repeat: no-repeat;background-position: center top;}
div.mainVisual img {display: none;}

div.mainCon {width: 1200px;margin: 50px auto 30px;padding-left: 600px;box-sizing:border-box;}
div.mainCon:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

div.mainBnr {position: absolute;left: 0;top: 0;width: 557px;height: 788px;}
div.mainBnr li {height: 788px;}
div.mainBnr li > div {width: 557px;height: 788px;background-repeat: no-repeat;background-position: center top;}
div.mainBnr li img {display: none !important;}

div.mainBnr .bx-pager {left: 20px;top: 25px;}
div.mainBnr .bx-pager > div {margin-right: 5px;}
div.mainBnr .bx-pager > div a {width: 8px;height: 8px;border-radius: 4px}
div.mainBnr .bx-pager > div a.active {width: 20px;}

dl.mainDates {}
dl.mainDates dt {margin-bottom: 15px;}
dl.mainDates dt:after {bottom: 14px;}
dl.mainDates dt span {padding: 0 10px;font-size: 28px;line-height: 44px;}
dl.mainDates dt span:before {width: 22px;height: 22px;}

dl.mainDates ul {gap:20px;}
dl.mainDates li {padding: 35px 25px 0;height: 190px;border-radius: 3px 3px 70px 3px;font-size: 24px;line-height: 35px; transition: .2s linear;}

dl.mainDates li span {margin-top: 10px;padding: 0 10px;font-size: 22px;line-height: 30px;box-shadow: inset 0 -15px 0 rgba(255,255,255,.2);}
dl.mainDates li span.dateDel {margin-top: 0;padding: 0 10px;font-size: 20px;line-height: 30px;box-shadow: inset 0 -15px 0 rgba(255,255,255,.2);}
dl.mainDates li span.dDay {top: 35px;width: 85px;border-radius: 15px 0 0 15px;font-size: 18px;}

dl.mainDates li.dDay {padding-top: 35px;font-size: 20px;line-height: 30px;text-align: center;}
dl.mainDates li.dDay span {font-size: 46px;line-height: 70px;}

dl.mainDates li:hover {transform: translateY(-15px);}

dl.mainBbs {margin-top: 35px;padding: 25px 30px;}
dl.mainBbs dt {margin-bottom: 12px;font-size: 24px;line-height: 40px;}
dl.mainBbs dd {min-height: 60px;}
dl.mainBbs li {margin-top: 10px;padding: 0 95px 0 0.6em;}
dl.mainBbs a {font-size: 16px;line-height: 24px;}
dl.mainBbs span {font-size: 15px;}
dl.mainBbs .more {top: 35px;right: 30px;}


ul.mainDownload {padding-top: 20px;gap:12px;}
ul.mainDownload a {height: 50px;font-size: 15px;line-height: 20px;}



ul.mainQuick {z-index: 50;padding: 30px 0;text-align: center;font-size: 0;line-height: 0;background-color: #f3f7ff;}
ul.mainQuick li {display: inline-block;vertical-align: top;width: 285px;margin-left: 20px;}
ul.mainQuick li:first-child {margin-left: 0;}
ul.mainQuick a {padding: 30px 35px;min-height: 150px;border-radius: 3px 50px 3px 50px;font-size: 20px;line-height: 25px;opacity: .85;}
ul.mainQuick a:after {;width: calc(100% - 16px);height: calc(100% - 16px);border-radius: 3px 50px 3px 50px;}
ul.mainQuick img {bottom: 23px;right: 23px;transition: .2s linear;}

ul.mainQuick a:hover {opacity: 1;}
ul.mainQuick a:hover img {transform: scale(1.2);}

div.sponsor {position: relative;z-index: 1;}
div.sponsor > div {position: relative;width: 1200px;padding: 23px 0 23px 115px;}
div.sponsor > div + div {padding-top: 0;}
div.sponsor > div h4 {top: 23px;left: 0;font-size: 14px;width: 110px;text-align: center;}
div.sponsor > div.sponsor_b h4 {top: 0;}
div.sponsor > div > ul > li {width: 170px;margin-left: 13px;}
div.sponsor > div > ul > li:nth-child(6n+1) {clear: both;margin-left: 0;}
div.sponsor li img,
div.sponsor li a {display: block;width: 170px;}

div.sponsor div.bx-controls {position: absolute;left: 12px;bottom: 23px;width: 85px;height: 23px;}
div.sponsor div.bx-controls a {position: absolute;top: 0;display: block;width: 23px;height: 23px;border-radius: 3px;border: 1px solid #c2c2c2;font-size: 0;line-height: 0;border: 1px solid #c2c2c2;background-color: #fff;background-position: center center;background-repeat: no-repeat;box-sizing: border-box;}
div.sponsor a.bx-prev {left: 0;background-image: url('../image/main/spon_prev.png');}
div.sponsor a.bx-next {right: 0;background-image: url('../image/main/spon_next.png');}
div.sponsor a.bx-stop {left: 50%;transform:translateX(-50%);background-image: url('../image/main/spon_stop.png');}
div.sponsor a.bx-start {display: none !important;background-image: url('../image/main/spon_start.png');}
}

/* ======== 초록접수 안내 ======== */
dl.absInfo {}
dl.special, dl.special dt, dl.special dd {margin: 0;padding: 0;list-style: none;}
dl.special {background-color: #f4f8fe;background-image: url('../image/sub/special_bg_t.png'), url('../image/sub/special_bg_b.png');background-position: left top, right bottom;background-repeat: no-repeat;text-align: center;}
dl.special dt {color: #375a90;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.special li {padding: 0;}
dl.special li:before {position: static;display: inline-block;vertical-align: top;margin-right: 5px;}

dl.special a.download {background-color: #375a90;border-color: #375a90;text-align: center;color: #fff;}
dl.special a.download:after {display: inline-block;vertical-align: top;background: url('../image/icon/icon_download.png') center center no-repeat;content: '';}

dl.absInfo dl {position: relative;}
dl.absInfo dl dt {position: absolute;color: #fff;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}
dl.absInfo dl dd {border-color: #f0f3f9;border-style: solid;color: #333;font-family: 'Pretendard-Regular', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.absInfo {margin-top: 25px;}

dl.special {margin-top: 15px;padding: 15px;font-size: 15px;line-height: 25px;background-size: auto 164px;}
dl.special dt {font-size: 18px;line-height: 30px;}
dl.special ul {padding: 8px 0 15px;}
dl.special li {margin-top: 5px;font-size: 14px;line-height: 1.2;}
dl.special li:first-child {margin-top: 0;}

dl.special a.download {padding:8px 20px 9px;border-radius: 19px;font-size: 14px;}
dl.special a.download:after {width: 10px;height: 10px;margin: 4px 0 0 8px;background-size: 10px;}

dl.absInfo dl {margin-top: 20px;}
dl.absInfo dl dt {top: -14px;left: 15px;padding: 5px 15px;font-size: 14px;line-height: 20px;border-radius: 15px;}
dl.absInfo dl dd {border-width: 3px;padding: 20px 15px 10px;font-size: 13px;line-height: 18px;}
dl.absInfo dl dd p {margin-bottom: 5px;}
dl.absInfo dl + div.btn {margin-top: 10px;text-align: center;}
dl.absInfo dl + div.btn a {padding: 10px 20px 11px;border-radius: 3px;font-size: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.special {margin-top: 45px;padding: 30px;font-size: 20px;line-height: 32px;}
dl.special dt {font-size: 32px;line-height: 50px;}
dl.special ul {padding: 15px 0 25px;font-size: 0;line-height: 0;}
dl.special li {display: inline-block;vertical-align: top;font-size: 16px;line-height: 24px;margin-left: 30px;}
dl.special li:first-child {margin-left: 0;}

dl.special a.download {padding:11px 35px 12px;border-radius: 22px;font-size: 16px;}
dl.special a.download:after {width: 13px;height: 13px;margin: 3px 0 0 8px;}

dl.absInfo dl {float: left;width: calc(50% - 10px);padding-top: 25px;margin-bottom: 10px;}
dl.absInfo dl + dl {margin-left: 20px;}
dl.absInfo dl dt {top: 8px;left: 25px;padding: 10px 24px;font-size: 15px;line-height: 20px;border-radius: 20px;}
dl.absInfo dl dd {border-width: 5px;padding: 35px 20px 25px;min-height: 80px;font-size: 16px;line-height: 24px;}
dl.absInfo dl dd p {margin-bottom: 5px;}
dl.absInfo dl + div.btn a {padding: 14px 20px 15px;border-radius: 3px;font-size: 16px;}
}

/* ======== 초록접수 ======== */
div.abstract {}

div.deadLine {background-color: #90b8fc;background-repeat: no-repeat;background-position: center center;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}
div.deadLine:before {display: inline-block;vertical-align: top;background: url('../image/sub/deadLine.png') center center no-repeat;content: '';}
div.deadLine span {display: inline-block;vertical-align: top;color: #fdff7f;background-color: rgba(74,98,132,0.5);}

.add {display: inline-block;padding: 5px 20px;border-radius: 5px;vertical-align: top;background-color: #eaf3ff;border: 1px solid #d3dce9;color: #2f4989;font-size: 15px;line-height: 24px;font-family: 'Pretendard-Regular', sans-serif;}
.add:after {display: inline-block;vertical-align: top;margin: -2px 0 0 5px;content: '+';font-size: 22px;font-weight: bold;}

.multi.fl,
.note.fl {margin-left: 15px;line-height: 36px;}

.note {color: #e92f2f;font-size: 14px;font-family: 'Pretendard-Light', sans-serif;}
.note img {display: inline-block;vertical-align: middle;margin-right: 5px;}

div.abstract a.tblBtn,
div.selectFile .search {width: auto;margin-left: 0px;padding: 0 16px;background-color: #6a6c70;border:1px solid #6a6c70;border-radius: 0;color: #fff;box-sizing: border-box;text-align: center;font-size: 15px;line-height: 34px;font-family: 'Pretendard-Light', sans-serif;}

div.character {padding: 0 0 5px;text-align: right;font-size: 14px;line-height: 24px;color: #5c5c5c;}
div.character > * {display: inline-block;vertical-align: top;}
div.character label {line-height: 24px;}
div.character input[type=text] {width: 70px;height: 24px;margin: 0 5px;}
div.character a {margin-left: 5px;padding: 0 10px;line-height: 24px;color: #fff;background-color: #6a6c70;border-color: #6a6c70;font-size: 14px;font-family: 'Pretendard-Light', sans-serif;}

div.abstract table + table {margin-top: 50px;}

div.applyNote {background-color: #f6faff;background-image: url('../image/sub/applyNote.png');background-repeat: no-repeat;border: 1px dashed #c0d0ea;}
div.applyNote ul.listStar li {color: #555;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.deadLine {margin-bottom: 10px;padding: 15px;background-image: url('../image/sub/deadLine_bg_m.png');background-size: cover;font-size: 16px;line-height: 35px;}
div.deadLine:before {display: block;width: 44px;height: 35px;background-size: cover;margin: 0 auto 10px;}
div.deadLine span {margin-top: 5px;padding: 0 5px;line-height: 25px;}

div.applyNote {margin-bottom: 10px;padding: 15px 10px 15px 65px;background-position: 10px 20px;border-radius: 10px;background-size: auto 43px;}
div.applyNote ul.listStar li {font-size: 13px;line-height: 1.2;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.abstract .util select {min-width: auto;width: 50px;} 

div.deadLine {margin-bottom: 25px;padding: 30px;background-image: url('../image/sub/deadLine_bg_left.png'), url('../image/sub/deadLine_bg_right.png');background-position: left top, right bottom;background-size: auto 100%;font-size: 26px;line-height: 60px;}
div.deadLine:before {width: 73px;height: 60px;margin-right: 15px;}
div.deadLine span {margin-top: 10px;padding: 0 10px;line-height: 40px;}

div.applyNote {margin-bottom: 25px;padding: 40px 20px 40px 175px;background-position: 43px center;border-radius: 20px;}
div.applyNote ul.listStar li {font-size: 14px;line-height: 20px;}
}

/* ========  접수 완료 ======== */
div.applyComp {}

.boxArea {border-top: 2px solid #4a6284;border-bottom: 1px solid #ccc;color: #222;}
div.applyComp .boxArea p:first-child {color: #387fdf;font-family: 'Pretendard-SemiBold', sans-serif;letter-spacing: -1px;}
div.applyComp .info {background-color: #f6f6f6;}
div.applyComp .info a {color: #387fdf;text-decoration: underline;}

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

div.applyComp .boxArea {padding: 180px 10px 30px 10px;background: url('../image/sub/applyComp.png') center 20px no-repeat;background-size: auto 150px;font-size: 15px;line-height: 1.3;text-align: center;}
div.applyComp .boxArea p:first-child {margin-bottom: 4px;font-size: 18px;line-height: 23px;}
div.applyComp .info {margin-top: 10px;padding: 10px;font-size: 14px;}
}

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

div.applyComp .boxArea {padding: 80px 53px 80px 340px;background: url('../image/sub/applyComp.png') 55px center no-repeat;font-size: 20px;line-height: 30px;}
div.applyComp .boxArea p:first-child {margin-bottom: 8px;font-size: 32px;line-height: 40px;}
div.applyComp .info {margin-top: 15px;padding: 20px 30px;font-size: 17px;}
}

/* 동의하기 */

div.agreeCon {border: 0 none;border-top: 2px solid #4a6284;border-bottom: 1px solid #ccc;color: #333;font-family: 'Pretendard-Regular', sans-serif;}
div.agreeCon dt {color: #000;font-family: 'Pretendard-SemiBold', sans-serif;}
div.agreeCon dt:first-child {margin-top: 0;}
div.agree {text-align: center;background-color: #f5f5f5;border-bottom: 1px solid #ccc;}
div.agree label {color: #333;font-family: 'Pretendard-Regular', sans-serif;}
div.agree input[type=radio],
div.agree input[type=checkbox] {margin: 8px 5px 0 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.agreeCon {padding: 10px;line-height: 1.4;}
div.agreeCon dt {margin-top: 10px;}
div.agree {margin-bottom: 10px;padding: 10px 5px;}
div.agree label {}
div.agree input[type=radio],
div.agree input[type=checkbox] {margin: 3px 5px 0 0;}
}

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

div.agreeCon {margin-top: 25px;padding: 20px;font-size: 16px;line-height: 25px;}
div.agreeCon dt {margin-top: 25px;}
div.agree {padding: 10px;}
div.agree label {font-size: 16px;line-height: 30px;}
div.agree input[type=radio],
div.agree input[type=checkbox] {margin: 8px 5px 0 0;}

}

/* 자동화 프로그램 입력방지 */
div.verification span:first-child {display: block;color: #888;}
div.verification span.code {min-width: 120px;height: 36px;margin: 0 10px 0 0;background-color: #fff;border:1px solid #d6d6d6;border-radius: 0;box-sizing: border-box;}
div.verification span.code img {height: 34px;}
div.verification a img {padding: 0;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.verification span:first-child {font-size: 14px;line-height: 1.4;}
div.verification input[type=text] {margin-top: 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.verification span:first-child {font-size: 14px;line-height: 36px;}
div.verification span.code {}
div.verification input[type=text] {width: 300px;}
}

/* 사전등록 안내 */
dl.registInfo {}
dl.registInfo dl {padding: 1em 1em 0;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.registInfo {margin-top: 25px;}
dl.registInfo div.tableScroll table {width: 800px;}
dl.registInfo div.tableScroll + ul {margin-top: 10px;}
dl.registInfo dl table.tblDef > tbody > tr > th {min-width: 80px !impotant;padding: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.registInfo div.tableScroll + ul {margin-top: 25px;}
}

/* 사전등록 > 회원구분 */
ul.registType, ul.registType li, ul.registType a, ul.registType img {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.registType {font-size: 0;line-height: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.registType {padding: 20px;}
ul.registType li {margin-top: 30px;}
ul.registType li:first-child {margin-top: 0;}
ul.registType img {display: block;height: 215px;margin: 0 auto;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.registType {padding: 90px 0;text-align: center;}
ul.registType li {display: inline-block;vertical-align: top;padding: 0 25px;}
}

/* 사전등록 */
div.regist {}

div.total {background-color: #f0f5fc;text-align: center;color: #111;font-family: 'Pretendard-Light', sans-serif;}
div.total span {display: inline-block;vertical-align: top;color: #387fdf;font-family: 'Pretendard-SemiBold', sans-serif;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.total {margin-top: 10px;padding: 15px 10px;font-size: 16px;line-height: 24px;}
div.total span {padding: 0 3px;box-shadow: inset 0 -12px 0 rgba(56,127,223,0.12);}

div.regist table.tblDef {margin-top: 10px;}
div.regist a.btnBig + a.btnBig {margin: 5px 0 0 0;} 
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.regist .agreeCon {margin-top: 0;}
div.regist .agree {margin-bottom: 25px;}

div.total {margin-top: 25px;padding: 25px;font-size: 24px;line-height: 30px;}
div.total span {padding: 0 5px;box-shadow: inset 0 -15px 0 rgba(56,127,223,0.12);}

div.regist table.tblDef {margin-top: 25px;}
}


/* 컨텐츠 공통 */
div.bgBox {background-color: #f4f8fe;background-image: url('../image/sub/special_bg_t.png'), url('../image/sub/special_bg_b.png');background-position: left top, right bottom;background-repeat: no-repeat;text-align: center;word-break: keep-all;}
div.bgBox:first-child {margin-top: 0 !important;}

div.bgBox.notice {color: #000;font-family: 'Pretendard-Medium', sans-serif;}
div.bgBox.notice img {display: inline-block;vertical-align: top;margin-right: 5px;}

.bg {border-top: 2px solid #4a6284;border-bottom: 1px solid #ccc;background-image: url('../image/sub/bg_top.png'), url('../image/sub/bg_bottom.png');background-position: left top, right bottom;background-repeat: no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bgBox  {margin: 15px 0;padding: 15px;font-size: 15px;line-height: 25px;background-size: auto 164px;}
div.bgBox.notice {padding: 35px 15px;font-size: 18px;line-height: 28px;}
div.bgBox.notice img {height: 28px;}

.bg {padding: 20px !important;background-size: auto 91px, 100% auto;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bgBox {margin: 30px 0;padding: 30px;font-size: 20px;line-height: 32px;}
div.bgBox.notice {padding: 60px 0;font-size: 26px;line-height: 36px;}

.bg {padding: 40px !important;}
}


/* 학술대회 안내 > 행사 개요 */
ul.outline, ul.outline li {margin: 0;padding: 0;list-style: none;}

ul.outline {}
ul.outline li {position: relative;color: #333;font-family: 'Pretendard-Regular', sans-serif;}
ul.outline li span {display: block;color: #387fdf;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.outline li img {position: absolute;top: 50%;left: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.outline {margin: 10px 20px 30px;}
ul.outline li {margin-top: 10px;padding: 10px 0 10px 80px;min-height: 45px;}
ul.outline li:first-child {margin-top: 0;}
ul.outline li span {font-size: 16px;}
ul.outline li img {height: 65px;transform: translateY(-50%);}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.outline {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);gap:10px;}
ul.outline li {padding: 15px 0 15px 95px;}
ul.outline li span {font-size: 18px;}
ul.outline li img {margin-top: -45px;}
}

/* 학술대회 안내 > 준비 위원회 */
div.committee {}
div.committee.bg {border: 0 none;}

ul.commit li a {background-color: #f2f8fd;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.committee table.tblDef {margin-bottom: 15px;}
div.committee table.tblDef:last-of-type {margin-bottom: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.committee {overflow: hidden;}
div.committee table.tblDef {margin-bottom: 25px;}

div.committee table.half {float: left;width: calc(50% - 10px);margin-left: 20px;}
div.committee table.half:first-of-type {margin-left: 0;}
}

/* 학술대회 안내 > 역대 학술대회 */
div.workshop {}

ul.workshop, ul.workshop li {margin: 0;padding: 0;list-style: none;}
ul.workshop li  {border-style: solid;border-color: #d7e8fe;background-color: #f4f8fe;text-align: center;color: #222;box-sizing: border-box;}
ul.workshop li > * {display: block;}
ul.workshop .tit {color: #375a90;font-family: 'pretendard-SemiBold', sans-serif;}
ul.workshop a {margin: 0 auto;background-color: #375a90;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.workshop {}
ul.workshop li {margin-top: 10px;padding: 15px 10px 20px;border-width: 3px;font-size: 15px;}
ul.workshop li:first-child {margin-top: 0;}
ul.workshop .tit {margin-bottom: 5px;font-size: 18px;line-height: 25px;}
ul.workshop a {margin-top: 8px;width: calc(100% - 100px);padding: 8px 0;line-height: 18px;border-radius: 17px;font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.workshop {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
ul.workshop li {padding: 30px 20px 40px;border-width: 4px;font-size: 20px;}
ul.workshop .tit {margin-bottom: 10px;font-size: 32px;line-height: 40px;}
ul.workshop a {margin-top: 15px;width: 190px;padding: 10px 0;line-height: 24px;border-radius: 22px;font-size: 16px;}
}

/* 프로그램 > 특별세션, 일반세션 */
div.session {}

dl.specialInfo {}
dl.specialInfo dt span {display: inline-block;margin-left: 5px;vertical-align: top;font-family: 'Pretendard-Regular', sans-serif;}

div.infoBox {background-color: #f4f8fe;}

ul.step, ul.step li {margin: 0;padding: 0;list-style: none;}
ul.step {font-size: 0;line-height: 0;text-align: center;}
ul.step li {display: inline-block;vertical-align: top;width: 295px;padding-left: 35px;background: url('../image/sub/step_arr.png') left center no-repeat;font-family: 'Pretendard-Light', sans-serif;color: #333;}
ul.step li:first-child {padding-left: 0;background-image: none;}
ul.step li > * {display: block;}
ul.step li img {margin: 0 auto;}
ul.step .tit {color: #387fdf;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.step span.btn a {padding: 5px 20px;border-radius: 15px;}

ul.specialList, ul.specialList li {margin: 0;padding: 0;list-style: none;}
ul.specialList {display: grid;}
ul.specialList li {border: 1px solid #d3d3d3;}
ul.specialList li img {display: block;margin: 0 auto;}

.bgBox {background-color: #f3f5fe;border: 1px dashed #c0d0ea;}

.lecturer {position: relative;background-color: #f6faff;border: 1px dashed #c0d0ea;color: #000;font-family: 'Pretendard-Light', sans-serif;}
.lecturer .name {display: block;font-family: 'Pretendard-Bold', sans-serif;}
.lecturer .img {position: absolute;}
.lecturer .img img {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.specialInfo {margin-top: 15px;}
dl.specialInfo dt span {font-size: 14px;}

div.infoBox {margin-top: 15px;overflow-y: hidden;overflow-x: auto;}
div.infoBox ul {width: 1000px;padding: 15px 0;}
ul.step li {min-height: 183px;font-size: 15px;line-height: 21px;}
ul.step li img {margin-bottom: 10px;height: 65px;}
ul.step .tit {margin-bottom: 5px;font-size: 17px;line-height: 25px;}
ul.step .info {font-size: 13px;line-height: 18px;}
ul.step span.btn {margin-top: 5px;}

ul.specialList {grid-template-columns: repeat(2, 1fr);gap: 10px;}

.bgBox {padding: 15px !important;border-radius: 10px;}
.lecturer {padding: 15px 15px 15px 105px;border-radius: 10px;font-size: 15px;line-height: 23px;background-size: 45px;}
.lecturer .img {top: 15px;left: 15px;}
.lecturer .img img {height: 85px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.session .deadLine {position: relative;text-align: left;padding-left: 300px;}
div.session .deadLine:before {position: absolute;top: 50%;left: 180px;transform: translateY(-50%);}

dl.specialInfo {margin-top: 25px;}
dl.specialInfo dt span {font-size: 16px;}

div.infoBox {margin-top: 25px;}
ul.step {padding: 25px 0;}
ul.step li {min-height: 220px;font-size: 17px;line-height: 25px;}
ul.step li img {margin-bottom: 10px;}
ul.step .tit {margin-bottom: 8px;font-size: 20px;line-height: 25px;}
ul.step .info {font-size: 15px;line-height: 22px;}
ul.step span.btn {margin-top: 10px;}
ul.step span.btn a {padding: 5px 20px;}

ul.specialList {grid-template-columns: repeat(4, 1fr);gap: 13px;}

.bgBox {padding: 30px 35px !important;border-radius: 20px;}
.lecturer {padding: 35px 30px 35px 180px;background-position: left 30px center;border-radius: 20px;font-size: 18px;line-height: 32px;}
.lecturer .img {top: 35px;left: 30px;}
}


/* 참가안내 > 행사장 */
div.venue {}

ul.imgList, ul.imgList li {margin: 0;padding: 0;list-style: none;}

div.venue div.img,
ul.imgList li {border: 1px solid #d3d3d3;}
div.venue div.img img,
ul.imgList li img {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.venue div.img,
ul.imgList li {margin-top: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.venue div.img, ul.imgList {margin-top: 20px;}
ul.imgList {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
}

/* 참가안내 > 숙박 */
ul.venueList, ul.venueList li {margin: 0;padding: 0;list-style: none;}
ul.venueList {}
ul.venueList li  {position: relative;border-width: 1px;border-style: solid;border-color: #d7e8fe;background-color: #f4f8fe;text-align: center;color: #222;box-sizing: border-box;}
ul.venueList .tit,
ul.venueList a.btnGo,
ul.venueList .distance,
ul.venueList span.btn {display: block;}
ul.venueList .tit {color: #375a90;font-family: 'pretendard-SemiBold', sans-serif;}
ul.venueList .distance {position: absolute;background-color: #387fdf;color: #fff;font-family: 'Pretendard-Regular', sans-serif;}
ul.venueList a.btnGo {margin: 0 auto;background-color: #375a90;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}

ul.venueList span.btn {font-size: 0;line-height: 0;}
ul.venueList span.btn a {display: inline-block;vertical-align: top;}
ul.venueList span.btn a + a {margin-left: 5px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.venueList {}
ul.venueList li {margin-top: 10px;padding: 33px 10px 25px;font-size: 15px;}
ul.venueList li:first-child {margin-top: 0;}
ul.venueList .tit {margin-bottom: 5px;font-size: 18px;line-height: 25px;}
ul.venueList .distance {top: 10px;left: 10px;padding: 0 8px;font-size: 12px;line-height: 24px;}
ul.venueList a.btnGo {margin-top: 8px;width: calc(100% - 100px);padding: 8px 0;line-height: 18px;border-radius: 17px;font-size: 14px;}

ul.venueList span.btn a {width: calc(50% - 10px);}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.venueList {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
ul.venueList li {padding: 45px 20px 30px;font-size: 16px;}
ul.venueList .tit {margin-bottom: 5px;font-size: 25px;line-height: 40px;}
ul.venueList .distance {top: 15px;left: 15px;padding: 0 13px;font-size: 16px;line-height: 30px;}
ul.venueList a.btnGo {margin-top: 15px;width: 190px;padding: 10px 0;line-height: 24px;border-radius: 22px;font-size: 16px;}
}

/* 참가안내 > 오시는 길 */
div.map {}

dl.mapInfo, dl.mapInfo dt, dl.mapInfo dd, dl.mapInfo ul, dl.mapInfo li {margin: 0;padding: 0;list-style: none;}
dl.mapInfo {border: 1px solid #ececec;color: #000;font-family: 'Pretendard-Medium', sans-serif;}
dl.mapInfo dt {border-bottom: 1px dashed #c5ccd7;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.mapInfo dt span {font-family: 'Pretendard-Medium', sans-serif;}
dl.mapInfo dt:before {display: inline-block;vertical-align: top;background: url('../image/sub/bl_location.png') center center no-repeat;content: '';}
dl.mapInfo li {position: relative;}
dl.mapInfo li span {display: table-cell;width: 1500px;vertical-align: middle;}
dl.mapInfo img {position: absolute;top: 0;left: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mapArea {height: 200px;}
dl.mapInfo {padding: 15px 15px;font-size: 14px;}
dl.mapInfo dt {padding-bottom: 10px;font-size: 16px;line-height: 20px;}
dl.mapInfo dt span {display: block;font-size: 14px;}
dl.mapInfo dt:before {width: 20px;height: 20px;margin-right: 5px;background-size: 20px;}

dl.mapInfo dd {padding: 8px 5px 0;}
dl.mapInfo li {margin-top: 10px;padding-left: 30px;}
dl.mapInfo li span {height: 30px;word-break: keep-all;}
dl.mapInfo img {position: absolute;top: 0;left: 0;height: 20px;}
dl.mapInfo li .listBar li {margin-top: 3px;padding-left: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mapArea {height: 380px;}
dl.mapInfo {padding: 30px 40px;font-size: 18px;}
dl.mapInfo dt {padding-bottom: 25px;margin-bottom: 8px;font-size: 20px;line-height: 26px;}
dl.mapInfo dt span {font-size: 18px;}
dl.mapInfo dt:before {width: 26px;height: 26px;margin-right: 5px;}
dl.mapInfo dd {padding: 15px 15px 0;}
dl.mapInfo li {margin-top: 15px;padding-left: 65px;}
dl.mapInfo li span {height: 48px;}
dl.mapInfo img {position: absolute;top: 0;left: 0;}
dl.mapInfo li .listBar li {margin-top: 5px;padding-left: 25px;}
}

/* 참가안내 > 광고신청 안내 */
div.adInfo {}
div.adInfo .deadLine .note {background-color: transparent;font-family: 'Pretendard-SemiBold', sans-serif;color: #fff;}

ul.sponsorList, ul.sponsorList li {margin: 0;padding: 0;list-style: none;}
ul.sponsorList li {border: 1px solid #dcdcdc;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.adInfo .deadLine .note {font-size: 15px;line-height: 20px;}
ul.sponsorList li {margin-top: 10px;min-height: 50px;} 
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.adInfo .deadLine .note {background-color: transparent;}
div.adInfo .deadLine .note {font-size: 20px;line-height: 30px;}

ul.sponsorList {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 20px;}
ul.sponsorList li {min-height: 80px;}
}


/* 전시부스 신청 */
div.boothInfo {background-color: #f6faff;}
div.boothInfo div.map {border: 1px solid #b9c9dc;}
div.boothInfo img {display: block;width: 100%;}

div.boothInfo dl, div.boothInfo dt, div.boothInfo dd {margin: 0;padding: 0;}
div.boothInfo dt {display: inline-block;vertical-align: top;color: #fff;text-align: center;background-color: #5247b7;}
div.boothInfo table.tblDef > * > tr > *:first-child {border-right: 1px solid #ccc;}
div.boothInfo table.tblDef td {background-color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.boothInfo {margin: 0 20px 30px;padding: 20px !important;}

div.boothInfo dl {padding-top: 20px;text-align: center;}
div.boothInfo dt {padding: 0 20px;border-radius: 15px;font-size: 16px;line-height: 30px;}
div.boothInfo dd {overflow-y: hidden;overflow-x: auto;margin-top: 15px;}
div.boothInfo table.tblDef {min-width:530px;}
div.boothInfo table.tblDef > * > tr > * {padding: 6px 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.boothInfo {display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px;margin-top: 30px;padding: 50px;}

div.boothInfo dt {width: 240px;border-radius: 24px;font-size: 19px;line-height: 48px;}
div.boothInfo dd {margin-top: 15px;}
div.boothInfo table.tblDef > * > tr > * {padding: 6px 10px;}
}





/* 인사말 */
div.message {}
div.message .ar > * {display: inline-block;vertical-align: bottom;}
div.message .ar img {margin-left: 5px;}



/* ======== 관리자 로그인 ======== */
div.loginWrap {background-color: #f7f7f4;background-repeat: no-repeat;background-position: right bottom;}

div.loginArea {background-color: #f3f9fe;box-sizing: border-box;}
div.loginArea .formArea {background-color: #fff;}

.loginTit {}
.loginTit h1 {margin: 0;padding: 0;text-align: center;color: #000;font-weight: normal;font-family: 'Pretendard-Light', sans-serif;letter-spacing: -2px;}
.loginTit h1 span {display: block;font-family: 'Pretendard-Bold', sans-serif;}

.loginTit .util {text-align: center;}
.loginTit .util a {display: inline-block;vertical-align: top;background-color: #686c79;color: #fff;font-family: 'Pretendard-Regular', sans-serif;}

div.loginArea dl {}
div.loginArea dd input {border-color: #e1e1e1;box-sizing: border-box;color: #222;font-family: 'Pretendard-Regular', sans-serif;cursor: text;}
div.loginArea dd input::placeholder {color: #737373;font-family: 'Pretendard-Light';}
div.loginArea .btn {}
div.loginArea .btn input {display: block;width: 100%;background-color: #3172d6;border: 0 none;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.loginWrap {background-image: url('/2023S/image/common/login_bg_m.png');background-size: 100% auto;}
div.loginWrap div#headerWrap h1 {display: block;}
div.loginWrap div#headerWrap h1 a {display: block;padding: 10px 60px 8px 20px;}
div.loginWrap div#headerWrap h1 img {height: 42px;}
div.loginWrap div#headerWrap .viewMenu {display: block !important;position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.loginWrap div#headerWrap .viewMenu a {display: block;height: 60px;background: url('../image/common/viewMenu_main_m.png') center center no-repeat;background-size: 26px;font-size: 0;line-height: 0;}

div.loginArea {margin: 15px 20px;box-shadow: 0 0 10px rgba(0,0,0,0.07);}

.loginTit {padding: 26px 0 45px;background-color: #f3f9fe;}
.loginTit h1 {font-size: 28px;line-height: 37px;}
.loginTit .util {margin-top: 10px;}
.loginTit .util a {padding: 5px 12px;border-radius: 3px;font-size: 12px;line-height: 20px;}

div.loginArea .formArea {position: relative;padding: 65px 17px 30px;}
div.loginArea .formArea:before {position: absolute;top: -27px;left: 50%;transform: translateX(-50%);width: 72px;height: 89px;background-image: url('../image/common/login.png');background-repeat: no-repeat;background-position: center center;background-size: 72px;content: '';}

div.loginArea dd {margin-bottom: 10px;}
div.loginArea dd input {width: 100%;height: 40px;padding: 0 15px;font-size: 14px;}
div.loginArea .btn input {height: 40px;font-size: 15px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.loginWrap {background-image: url('/2023S/image/common/login_bg.png');}
div.loginWrap div#headerWrap {display: none;}
div.loginArea {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 900px;padding-left: 360px;box-shadow: 0 0 20px rgba(0,0,0,0.07);}

.loginTit {position: absolute;top: 0;left: 0;width: 360px;height: 100%;padding: 152px 30px 110px;box-sizing: border-box;background-image: url('../image/common/login_logo.png');background-repeat: no-repeat;background-position: center 70px;}
.loginTit h1 {font-size: 40px;line-height: 50px;}
.loginTit .util {position: absolute;bottom: 70px;left: 0;width: 100%;}
.loginTit .util a {padding: 5px 20px;border-radius: 5px;font-size: 15px;line-height: 26px;}

div.loginArea .formArea {background-image: url('../image/common/login.png');background-repeat: no-repeat;background-position: center 70px;padding: 215px 60px 70px;}

div.loginArea dd {margin-bottom: 13px;}
div.loginArea dd input {width: 100%;height: 55px;padding: 0 20px;font-size: 17px;}
div.loginArea .btn input {height: 55px;font-size: 19px;}
}

/* Program at a glance */
table.program {width: 100%;margin: 0;padding:0; border:0;border-spacing:0px; border-collapse:collapse;}
table.program > * > tr > * {padding: 10px 5px;text-align: center;border-bottom:1px solid #eee;border-left:1px solid #eee;word-break:keep-all;}
table.program > * > tr > *:first-child {border-left: 0;}
table.program thead th {background-color: #f5f5f5;}
table.program tbody th {background-color: #f5f5f5;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.tableScroll.program {margin: 20px 20px 30px;padding: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.glance {width: 1500px !important;}
div.tableScroll.program:first-child {width: 1200px;margin: 0 auto;}
div.tableScroll.program + div.tableScroll.program {margin-top: 40px;}

}





/* Daily Program */
div.daily ul.tabMenu li {width: 33.333%;}
dl.session, dl.session dt, dl.session dd {margin: 0;padding: 0;}
dl.session {overflow: hidden;background-color: #5247b7;}
dl.session:first-child {margin-top: 0;}

dl.session dt {float: left;color: #fff;}
dl.session dd {position: relative;float: right;color: #fff;}
dl.session dd:before {content: "";position: absolute;right: 0;top: 0;height: 100%;background-color: #fff;opacity: .2;}
dl.session dd.chair {clear: both;float: none;background-color: #f9f9fb;color: #222;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.session dd.chair:before {position: static;content: "Chair :";display: inline-block;vertical-align: top;width: auto;padding-right: 5px;color: #5247b7;opacity: 1;background: none;}
dl.session dd span {position: absolute;right: 0;top: 50%;transform:translateY(-50%);text-align: center;}


table.daily, table.daily > thead, table.daily > tbody, table.daily > tfoot, table.daily > * > tr, table.daily > * > tr > * {margin:0;padding:0;border:0 none;}

table.daily {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.daily {border-collapse:collapse;}
table.daily > * > tr > * {font-weight:normal;word-break:normal;}
table.daily {border-top: 1px solid #ccc;}
table.daily > * > tr > * {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #555;font-family: 'Pretendard-Regualr', sans-serif;}
table.daily > * > tr > *:last-child {border-right: 0 none;}
table.daily > * > tr > td.time,
table.daily span.tit {color: #222;font-family: 'Pretendard-Medium', sans-serif;}
table.daily > * > tr > td.time {text-align: center;background-color: #f5f5f5;}
table.daily span.tit {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.daily {}
div.daily ul.tabMenu li:first-child {width: 33.3%;}

dl.session {margin-top: 20px;}
dl.session dt,
dl.session dd {padding: 10px 0;font-size: 14px;line-height: 20px;}
dl.session dt {padding-left: 20px;}
dl.session dd {min-height: 20px;border-top: 1px solid rgba(255,255,255,.4);clear: both;float: none;padding:10px 170px 10px 15px;}
dl.session dd.chair {padding: 10px 15px;}
dl.session dd:before,
dl.session dd span {width: 150px;}

/* dl.session dd.session-info {padding: 25px 170px 25px 0;} */

table.daily > * > tr > * {padding: 10px 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.session {margin-top: 50px;}
dl.session dt,
dl.session dd {padding: 15px 0;font-size: 16px;line-height: 20px;}
dl.session dt {padding-left: 20px;}
dl.session dd {padding-right: 170px;}
dl.session dd.chair {padding: 15px 20px;}
dl.session dd:before,
dl.session dd span {width: 150px;}

dl.session dd.session-info {padding: 25px 170px 25px 0;}

table.daily > * > tr > * {padding: 15px 20px;}
}



/* 2024-08-07 */

/* scroll bar */
.scroll-y::-webkit-scrollbar{
    width: 12px;
}
.scroll-y::-webkit-scrollbar-thumb{
    background-color: #5f5f5f;
}
.scroll-y::-webkit-scrollbar-track{
    background-color: #fff;
    border-left: 1px solid #c7dadd;
}
.scroll-x::-webkit-scrollbar{
    height: 8px;
}
.scroll-x::-webkit-scrollbar-thumb{
    background-color: #006e9c;
}
.scroll-x::-webkit-scrollbar-track{
    background-color: #d8dbdc;
}

/* table */
.table-wrap{
    border-top: 2px solid #375a90;
}
.table-des {
	margin-top: 30px;
}
.cst-table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.cst-table th,
.cst-table td{
    padding: 10px 15px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: center;
}
.cst-table tr > *:last-child,
.cst-table tr > *:last-child{
    border-right: 0;
}
.cst-table th{
    background-color: #f4f8fe;
    font-weight: 600;
}
.cst-table tbody th{
    background-color: #f4f4f4;
}

.dot {
    padding-left: 0.8em !important;
}
.dot::before {
    content:'\00B7';
    display: inline-block;
    width: 0.8em;
    margin-left: -0.8em;
    font-weight: 800;
    font-size: 16px;
    line-height: 0;
}
.dash {
    padding-left: 0.8em !important;
}
.dash::before {
    content:'-';
    display: inline-block;
    width: 0.8em;
    margin-left: -0.8em;
}

.hotelInfo ul, 
.hotelInfo li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hotelInfo .top ~ .top {
	margin-top: 40px;
}
.hotelInfo .top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hotelInfo .top p {
	font-size: 20px;
	font-weight: 600;
	color: #375a90;
}
.hotelInfo .top a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	padding: 0 20px;
	color: #fff;
	font-size: 15px;
	box-sizing: border-box;
}
.hotelInfo .top a img {
	margin-left: 15px;
}
.hotelInfo .top .red {
	background-color: #af336d;
}
.hotelInfo .top .blue {
	background-color: #375a90;
}


.hotelInfo .box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 25px;
	margin: 15px 0 25px;
	background-color: #f4f8fe;
}
.hotelInfo .box .img {
	width: 50%;
}
.hotelInfo .box .textWrap {
	width: 50%;
	padding: 25px;
	padding-left: 0;
	box-sizing: border-box;
}
.hotelInfo .box .textWrap p + p {
	margin-top: 5px;
}
.hotelInfo .textWrap img{
	margin-right: 10px;
	vertical-align: middle;
}
.hotelInfo .textWrap dl {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #becce1;
}
.hotelInfo .textWrap dt {
	font-weight: bold;
	color: #375a90;
}
.hotelInfo .textWrap dd {
	padding-left: 35px;
}

.hotelInfoList {
	margin-top: 30px;
}
.hotelInfoList dt {
	display: inline-block;
	padding: 15px 25px;
	margin-bottom: 20px;
	border-radius: 10px 40px 40px 40px;
	font-size:18px; 
	font-weight: 600;
	line-height: 1;
	background-image: linear-gradient(to right, #64b3d7, #65c25c);
	color: #fff;
}

/* radio, checkbox style 추가 - 25.04.11 mj.park */
.radio-wrap,
.checkbox-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    box-sizing: border-box;
}
.radio-wrap *,
.checkbox-wrap *{
    box-sizing: border-box;
}
.radio-wrap.full,
.checkbox-wrap.full{
    flex-direction: column;
    align-items: start;
}
.radio-wrap.text-center,
.checkbox-wrap.text-center{
    justify-content: center;
}
.radio-group:has(input:disabled),
.radio-group input[type="radio"]:disabled,
.checkbox-group:has(input:disabled),
.checkbox-group input[type="checkbox"]:disabled{
    opacity: 0.3;
}
.radio-group,
.checkbox-group{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}
table.inputTbl .radio-group,
table.inputTbl .checkbox-group{
    margin-left: 0;
    line-height: 1.4;
}
.radio-group input[type="radio"],
.checkbox-group input[type="checkbox"]{
    margin: 0;
    margin-top: -3px;
    margin-left: -20px;
    margin-right: 7px;
    vertical-align: middle;
}
table.inputTbl .radio-group input[type="radio"],
table.inputTbl .checkbox-group input[type="checkbox"]{
    margin: 0;
    margin-top: -3px;
    margin-left: -20px !important;
    margin-right: 7px;
    vertical-align: middle;
}
.radio-wrap.n4 .radio-group,
.checkbox-wrap.n4 .checkbox-group{
    float: none;
    width: calc((100% - 60px)/4);
}
.radio-group input[type="text"],
.checkbox-group input[type="password"]{
    width: auto;
    min-width: auto;
}
input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="text"]:disabled,
input[type="password"]:disabled{
    background-color: #fcfcfc;
}

@media screen and (min-width: 960px){
    /* 메인 수정 - 25.07.24  mj.park */
    dl.mainBbs{
        min-height: 295px;
    }
}

@media screen and (max-width: 961px) {
    .scroll-x{
        overflow-x: auto;
    }
    .scroll-x table,
    .scroll-x.img-wrap img{
        width: 900px;
    }
    /* table */
	
	.table-des {
		margin-top: 20px;
	}
    .cst-table th,
    .cst-table td{
        padding: 8px 10px;
        font-size: 14px;
        word-break: break-word;
    }
	.touch-help{
		position: relative;
	}
	.touch-help:before{
		display: block;
		content: '';
		color: #fff;
		clear: both;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1;
		width: 100%;
		max-width: 70%;
		height: 100%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		background-image: url('/2024F/image/sub/img_touch_help.png');
	}
	.touch-help table{
		position: relative;
	}
	.touch-help table:before,
    .touch-help.img-wrap > div:before{
		display: block;
		content: '';
		clear: both;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
	}
	.touch-help.small:before{
		width: 100%;
		max-width: 100%;
		height: 75px;
		background-size: auto 100%;
	}
	
	.hotelInfo .top ~ .top {
		margin-top: 20px;
	}
	.hotelInfo .top {
		flex-wrap:wrap;	
	}
	.hotelInfo .top p {
		font-size: 17px;
		margin: 10px 0;
	}
	.hotelInfo .top div {
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap:wrap;	
		width: 100%;
	}
	.hotelInfo .top a {
		padding: 0 10px;
		height: 35px;
		font-size: 13px;
	}
	.hotelInfo .top a img {
		margin-left: 10px;
	}
	.hotelInfo .top .red {
		width:58%;
	}
	.hotelInfo .top .blue {
		width:40%;
	}

	.hotelInfo .box {
		flex-wrap:wrap;
		padding: 20px;
	}
	.hotelInfo .box .img {  
		width: 100%;
	}
	.hotelInfo .box .img img {
		width: 100%;
	}
	.hotelInfo .box .textWrap {  
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.hotelInfo .textWrap dl {
		margin-top: 10px;
		padding-top: 10px;
	}
	.hotelInfo .textWrap dd {
		padding-left: 30px;
	}

	.hotelInfoList {
		margin-top: 20px;
	}
	.hotelInfoList dt {
		padding: 10px 15px;
		margin-bottom: 10px;
		font-size: 16px;
	}

    .radio-wrap.n4 .radio-group,
    .checkbox-wrap.n4 .checkbox-group{
        width: calc((100% - 20px)/2);
    }
    table.rwTbl .radio-group input[type="text"], 
    table.rwTbl .checkbox-group input[type="password"]{
        width: auto !important;
    }
    .radio-group:has(input[type="text"]),
    .checkbox-group:has(input[type="text"]){
        width: 100% !important;
    }

    /* 메인 수정 - 25.07.24  mj.park */
    ul.mainQuick a{
        background-size: 100%;
    }
}

@media screen and (max-width: 480px){
    .radio-wrap.n4 .radio-group,
    .checkbox-wrap.n4 .checkbox-group{
        width: 100%;
    }
}