@charset "utf-8";

@import url('rw.css');

/* 사이트 공통 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: #d52121 !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 : width:961px ~  */
@media screen and (min-width: 961px) {
.pcOnly {display: block !important;}
.mOnly {display: none !important;}

colgroup.pcOnly {display: table-column-group !important;}
th.pcOnly,
td.pcOnly {display: table-cell !important;}
}

.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:16px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;}

.btn a {height:auto;line-height:19px !important;padding:7px 10px 8px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

/* 남색 */				.btnDef {background-color:#1c3d88 !important;border-color:#1c3d88 !important;color:#fff !important;}
/* 핑크색 */			.btnPoint {background-color:#1359a9 !important;border-color:#1359a9 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#535353 !important;border-color:#535353 !important;color:#fff !important;}
/* 진파랑색 */		.btnBlue2 {background-color:#2f4b85 !important;border-color:#2f4b85 !important;color:#fff !important;}

/* border+ 남색 */				.btnBdDef {background-color:#fff !important;border-color:#1c3d88 !important;color:#1c3d88 !important;}
/* border+ 핑크색 */			.btnBdPoint  {background-color:#fff !important;border-color:#1359a9 !important;color:#1359a9 !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;}

/* border+ 진파랑색 */			.btnBdBlue2  {background-color:#fff !important;border-color:#2f4b85 !important;color:#2f4b85 !important;}

span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;}

.btn .btnBig {min-width:200px;font-size: 20px;height: 55px;padding:2px 20px 0;box-sizing:border-box;font-family: 'Pretendard-Regular', sans-serif;}
.btn a.btnBig {padding: 19px 40px 20px;}

.btn .btnDown {padding: 14px 74px 14px 25px;border-color: #a2b8e6;background-color: #edf2ff;background-image: url('../image/icon/icon_download.png');background-position: right 19px center;background-repeat: no-repeat;border-radius: 8px;color: #222;font-family: 'Pretendard-Regular', sans-serif;font-size: 19px;line-height: 30px !important;text-align: left;}
.btn .btnDown:hover {box-shadow: 5px 5px 0px rgba(0,0,0,0.1);}



table.inputTbl .btnSmall {height:30px;padding:0 10px;}
table.inputTbl a.btnSmall {height: 17px;line-height: 17px;padding:8px 10px 9px;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;vertical-align: top;}

.btnArea {padding: 40px 0 0;text-align: center !important;}
.btnArea * {margin-left: 12px;}
.btnArea *:first-child {margin-left: 0;}

/* 모바일 */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btn .btnDown {padding: 7px 37px 7px 13px;background-position: right 10px center;background-size: 22px;border-radius: 4px;font-size: 15px;line-height: 30px;box-shadow: 3px 3px 0px rgba(0,0,0,0.1);}
.btn .btnDown:hover {box-shadow: 3px 3px 0px rgba(0,0,0,0.1);}

.btn .btnBig {min-width:150px;font-size: 16px;height: 40px;padding:2px 15px 0;}
.btn a.btnBig {padding: 12px 15px 12px;}

.btn {text-align: left !important;}

.btnArea {padding: 20px 0 0;text-align: center !important;}

}


.subTit {margin: 50px 0 10px;padding: 0 0 0 15px;background: url('../image/common/subTit_bl.png') left top 11px no-repeat;color: #000;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;font-size: 22px;line-height: 40px;text-align: left;}
.borderTit {margin: 10px 0;padding: 0 10px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;color: #0d397a;font-size: 20px;line-height: 25px;}
.borderTit span {display: inline-block;vertical-align: top;padding: 0 5px;box-shadow: inset 0 -12px 0 rgba(28,61,136,0.12);}

.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child,
.subTit_bl + *,
.pointTit + *,
legend + * {margin-top: 0 !important;}

/* 모바일 */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit {margin: 25px 0 5px;padding-left: 10px;background-position: left top 6px;background-size: auto 15px;font-size: 16px;line-height: 25px;}

.borderTit {margin: 5px 0;padding: 0 5px;font-size: 14px;line-height: 20px;}
.borderTit span {box-shadow: inset 0 -10px 0 rgba(28,61,136,0.12);}
}


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 {}
ul.subMenu li a {position: relative;display: block;padding: 15px;border: 1px solid #e1e1e1;text-align: center;border-left: 0 none;font-size: 20px;line-height: 30px;color: #bbb;font-family: 'Pretendard-Regular', sans-serif;}
ul.subMenu li:first-child a {border-left: 1px solid #e1e1e1;}
ul.subMenu li.on a {color: #1c3d88;}
ul.subMenu li.on a:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #1c3d88;border-top-width: 4px;background-color: transparent;box-sizing: border-box;content: '';}

.subTit + ul.subMenu {margin-top: 50px;}


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: 'Play', '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;}

ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {}
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.tabMenu > li {float: left;width: 50%;}
ul.tabMenu li a {display:block;padding: 15px;border: 1px solid #a3b1c7;border-left: 0 none;color: #1959a8;font-size: 17px;line-height: 24px;font-weight: 400;font-family: 'Play', 'Pretendard-Medium', sans-serif;text-decoration:none;text-align: center;}
ul.tabMenu li:first-child a {border-left: 1px solid #a3b1c7;}
ul.tabMenu li.on a {background-color: #0f2f72;border-color: #0f2f72;color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.subMenu {margin-bottom: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

ul.subMenu {margin-bottom: 50px;}

ul.col2ea > li:nth-child(2n+1) {clear: both;}

ul.col3ea > li {width: 33.3%;}
ul.col3ea > li a {border-top: 0 none;}
ul.col3ea > li:nth-child(-n+3) a {border-top: 1px solid #ccc;}
ul.col3ea > li:nth-child(3n+1) {clear: both; width:33.4%}
ul.col3ea > li:nth-child(3n+1) a {border-left: 1px solid #ccc;}

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 #ccc;}
ul.col4ea > li:nth-child(4n+1) {clear: both;}
ul.col4ea > li:nth-child(4n+1) a {border-left: 1px solid #ccc;}

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 #ccc;}
ul.col5ea > li:nth-child(5n+1) {clear: both;}
ul.col5ea > li:nth-child(5n+1) a {border-left: 1px solid #ccc;}
}

/* ==  반응형 메뉴(토글형식) == */
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 15px 0;}

dl.rwMenu > dd {display: none;}

dl.rwMenu > dt > a {position: relative;display: block;padding: 10px 15px; border: 1px solid #e1e1e1; font-weight: 400;font-family: 'Pretendard-Medium',sans-serif; font-weight: normal; background-color: #fff; color: #222;text-decoration: none;font-size: 14px;}
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: 40px;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;}

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: #555;font-weight: 400;font-family:'Pretendard-Regular',sans-serif;font-size: 14px;line-height: 20px;}

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;}
dl.rwMenu li.on a:after {display: none;}

}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.rwMenu > dt {display: none;}
dl.rwMenu > dd {display: block;}

}

div.tabCon {padding:50px 0;}


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 {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 {position: absolute;left: 0;top: 0;}
ul.listBar > li:before {content: "-";}
ul.listDot > li:before, .blDot:before {content: "·";}
ul.listStar  > li:before, .blStar :before {content: "※";}

ul.listDot > li {padding-left: 0.6em;}


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.listCheck, ul.listCheck > li {margin: 0;padding: 0;list-style: none;}
ul.listCheck {list-style: none;}
ul.listCheck > li {position: relative; padding-left: 28px;}
ul.listCheck > li:before {position: absolute;top: 2px;left: 0;width:25px;height: 23px;background: url('../image/sub/bl_check.png') center center no-repeat;content: '';}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

ul.listCheck > li {padding-left: 17px;}
ul.listCheck > li:before {top: 4px;left: 0;width:15px;height: 14px;background-size: 15px;}
}

.lh20 {line-height: 20px !important;}

.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 ============================================== */
/* ========================================================================================================== */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.bbsBody {}
ul.bbsBody li {overflow: hidden; border-top: 1px solid #ccc; padding: 15px 10px;}
ul.bbsBody li:first-child {border-top: 1px solid #000;}
ul.bbsBody li:last-child {border-bottom: 1px solid #ccc;}
ul.bbsBody li * {font-size: 16px; display:inline-block; vertical-align: middle;font-weight: 600; color: #393939;}

ul.bbsBody li span.num {float: left; margin-right: 5px;}
ul.bbsBody li a.tit {display:block; text-align: left; color: #000; text-decoration: none; color:#393939;}
ul.bbsBody li a.tit > * {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000;}
ul.bbsBody li a.tit span{margin-right: 5px;}

ul.bbsBody span.date, ul.bbsBody span.view {margin-top: 10px; font-size: 12px;}
ul.bbsBody span.date::after {content:"│"; display:inline-block; margin: 0 5px;}

ul.bbsBody span.manage, ul.bbsBody span.attach {display:none !important;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

ul.bbsHead, ul.bbsBody {overflow: hidden; font-size: 0;}
ul.bbsHead li, ul.bbsBody li > * {float: left; list-style:none; text-align: center; box-sizing:border-box;}
ul.bbsHead li:nth-child(1), ul.bbsBody li > *:nth-child(1) {width: 8%;}
ul.bbsHead li:nth-child(2), ul.bbsBody li > *:nth-child(2) {width: 59%;}
ul.bbsHead li:nth-child(3), ul.bbsBody li > *:nth-child(3) {width: 8%;}
ul.bbsHead li:nth-child(4), ul.bbsBody li > *:nth-child(4) {width: 10%}
ul.bbsHead li:nth-child(5), ul.bbsBody li > *:nth-child(5) {width: 5%;}
ul.bbsHead li:nth-child(6), ul.bbsBody li > *:nth-child(6) {width: 10%;}

ul.bbsHead {border-top: 2px solid #121212;}
ul.bbsHead li {padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 25px; background-color: #f9fbff;  line-height: 20px;  color: #0b316f;}

ul.bbsBody {}
ul.bbsBody li {overflow: hidden; border-top: 1px solid #ccc; padding: 12px 0 13px;}
ul.bbsBody li:hover {background-color: #f8f8f8;}
ul.bbsBody li:last-child {border-bottom: 1px solid #ccc;}
ul.bbsBody li * {float: none; font-size: 16px; display:inline-block; vertical-align: middle;}

ul.bbsBody li a.tit {text-align: left; padding-right: 10px; text-decoration: none; color:#393939;}
ul.bbsBody li a.tit > * {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
ul.bbsBody li a.tit span{margin-right: 5px;}
}

ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

p.bbsBrief {overflow: hidden;padding: 10px 0;}

table.bbs {border-top:2px solid #2b59a7;}
.subTit + table.bbs {margin-top: 50px;}
table.bbs > * > tr > * {border: 0 none !important; padding:6px 0 7px;text-align:center !important;font-weight: 400;font-family: 'Play', 'Pretendard-Regular', sans-serif;}
table.bbs > * > tr > *:first-child {border-left: 0 none;}

table.bbs > * > tr > th {height: 35px;background-color:#f9fbff;line-height:20px;color: #0b316f;}
table.bbs > thead > tr > th {border-bottom-color: #2b63b8;}
table.bbs > thead > tr > th:first-child {background-image: none;}
table.bbs > tbody > tr > *{border-bottom: 1px solid #ccc !important;}
table.bbs > tbody > tr > .bg {padding-bottom:10px;background-color:#f9fbff;color:#0b316f;text-align:center;}
table.bbs > tbody > tr > td a {display:inline-block;line-height:24px;height:24px;}

table.bbs > tbody > tr > td.tit {padding-left: 10px;text-align:left !important;}
table.bbs > tbody > tr > td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-decoration: none;color:#393939;padding-right: 80px;}

table.bbs > tbody > tr > td.tit a > span {display: inline;}
table.bbs > tbody > tr > td.tit img.notice {vertical-align:top;padding:4px 5px 0 0;}

table.bbs td.tit a.new {padding-right:25px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:50%;margin-top:-6px;}
table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbs td.file,
table.bbs td.con {text-align:left;}
table.bbs td.con {padding: 15px;}

table.bbs td.file a {text-decoration: none;color: inherit;}
table.bbs td.file a img {vertical-align: middle;margin-top: -2px;}

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] {margin-left:15px;}
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child {margin-left:0;}
table.bbs td.pluginArea {padding:0 !important;}

table.bbs span.bullet {display:inline-block;height:24px;padding:0 5px;line-height:20px;text-align:center;color:#fff;}

table.bbs td.utilBtn span,
table.bbs 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: 14px;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: #868686;font-weight:bold;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.bbsSearch {padding:16px 0;background-color:#f4f4f4;text-align:center;}
div.bbsSearch input,
div.bbsSearch select {height: 30px;vertical-align:top;padding: 0;}
div.bbsSearch input[type=text] {width:220px;height: 28px;padding: 0 15px;}
div.bbsSearch input[type=submit] {padding: 0 15px;border: 0 none;font-size: 13px;line-height: 20px;vertical-align:top;color: #fff;background-color: #222;}

div.bbsSearch + div.btnArea,
table.bbs + div.btnArea {padding: 30px 0;text-align: right;}
div.bbsSearch + div.btnArea *,
table.bbs + div.btnArea * {min-width:90px;height:30px;font-size:15px;font-weight:bold;}
div.bbsSearch + div.btnArea a,
table.bbs + div.btnArea a {height:30px;line-height:28px;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
/* 게시판 검색 */
div.bbsSearch {padding:16px 0;background-color:#f4f4f4;text-align:center;}
div.bbsSearch input,
div.bbsSearch select {height: 30px;vertical-align:top;padding: 0;}
div.bbsSearch input[type=text] {width:100px;height: 28px;padding: 0 15px;}
div.bbsSearch input[type=submit] {padding: 0 15px;border: 0 none;font-size: 13px;line-height: 20px;vertical-align:top;color: #fff;background-color: #222;}
}

/* 테이블 디자인 */
table.tblDef {border-top:2px solid #1c3d88;}
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {padding:10px; text-align:center;color: #555; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
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;}

/* table.tblDef td {background-color: #fff;font-weight: 400;font-family:'Pretendard-Light', sans-serif;color: #555;} */
table.tblDef td {background-color: #fff;font-weight: 400;font-family:'Pretendard-Light', sans-serif;color: #111}

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 {background-color: #f0f0f0;color: #000;}
table.tblDef .bg {background-color: #f7f7f7;color: #222;font-family: 'Pretendard-Regular', sans-serif;}
table.tblDef > * > tr > th {color: #000;font-weight: 400;font-family: 'Pretendard-Medium', sans-serif;}

table.tblDef .al {padding-left: 25px;text-align: left !important;}
table .bdLeft {border-left:1px solid #e1e1e1 !important;}

table.tblDef td.noData {padding: 40px 0;text-align: center;color: #ca3f3f;}

table.inputTbl {border-top:2px solid #1c3d88;}
table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding:10px 25px;text-align:left;color:#333;}
table.inputTbl > * > tr > th {border-bottom:1px solid #e1e1e1;background-color:#f0f0f0;color:#000; font-weight: 400;font-family: 'Pretendard-Medium', sans-serif;}
table.inputTbl > * > tr > td {border-bottom:1px solid #e1e1e1;}

table.inputTbl > * > tr > .bdLeft {border-left: 1px solid #e1e1e1 !important;}

table.inputTbl tr > *:first-child {border-left: 0 none;}

table.inputTbl label, 
table.inputTbl span {line-height: 32px;}
table.inputTbl ul li {list-style:none;}



table.ac th,
table.ac td {text-align: center !important;}
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 > * {border-left: 0 none;}
table.inputTbl > * > tr > th {padding-left: 20px;text-align: left;}
table.inputTbl.ac > * > tr > th {padding: 10px !important;}

table.inputTbl .label,
table.inputTbl > * > tr > th label {padding-left: 0;}
table.inputTbl .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {}
table.inputTbl td input[type=text],
table.inputTbl td input[type=password] {width: 400px;padding: 4px 10px;font-size: 18px;}
table.inputTbl td div.withBtn input{width:100%;}
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 {color: #e34a4a;font-size: 0.9em !important;line-height: 32px;vertical-align: top;}

table.inputTbl .address input[type=text]{width:120px !important;}
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],
table.inputTbl td.phone select {width: 120px !important; }

table.inputTbl td.address input[type=text] {width: 447px;}

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) {


}
@media screen and (min-width: 960px) {
table.inputTbl .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {margin-left: 5px !important;}


.multi input[type=radio],
.multi input[type=checkbox] {margin:7px 5px 0 35px !important;}
}


/* 게시판 글쓰기 */
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;}

div#selectFile {overflow:hidden;}
div#selectFile p {float:left;}
div#selectFile p input[type=text] {height: 18px;padding: 2px 10px;}
div#selectFile p.find {width:66px;height:24px;margin: 0 5px; 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.btn * {height: 24px;font-size: 14px;border: 0 none;}

@media screen and (max-width: 960px) {
table.inputTbl .address  input[type=text],table.rwTbl .address input[type=text]{width:120px !important;}
table.inputTbl td.phone input[type=text],
table.inputTbl td.phone select {width: calc(33.333% - 20px) !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,
table.rwTbl select {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;}

ul.subMenu > li {float: left;display: table;text-align:center;width:50% !important; height:56px;}
ul.subMenu li a {display:table-cell;width:auto;padding: 0; height:56px; vertical-align: middle; border: 0 none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #444;font-size: 17px;line-height: 24px;font-weight: 400;font-family: 'Play', 'Pretendard-Medium', sans-serif;text-decoration:none;}
ul.subMenu li:nth-child(-n+2) a{border-top: 1px solid #ccc;}
ul.subMenu li:nth-child(-n+2).on a{border-top: 1px solid #2b59a7;}
ul.subMenu li:nth-child(2n+1) a{border-left: 1px solid #ccc;}
ul.subMenu li:nth-child(2n+1).on a{border-left: 1px solid #2b59a7;}

div.tableScroll {overflow-x:scroll;overflow-y:hidden;padding-bottom: 20px !important;}
div.tableScroll::-webkit-scrollbar {-webkit-appearance: none; width:10px;height: 10px;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);}

}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mobileNote {padding: 50px 0 !important;}
div.mobileNote img {display: block;width: 248px;margin: 0 auto;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mobileNote {display: none;}
}



/* =============================== 레이아웃 =============================== */
div.wrapper {position: relative;margin: 0;padding: 0;color: #111;font-family: 'Pretendard-Light', sans-serif;}
div#headerWrap {
    position: relative;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    /* border-bottom: 1px solid #e9e9e9; */
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;width: 100%;min-width:320px; font-size: 15px; }

div#headerWrap {box-sizing: border-box;padding-right: 50px;}
div#headerWrap h1 {display: block;}
div#headerWrap h1 a {display: block;padding: 17px 0 17px 15px;}
div#headerWrap h1 img {display: block;height: 26px;}
div#headerWrap .viewMenu {position: absolute;right: 0;top: 0;width: 50px;height: 62px;}
div#headerWrap .viewMenu a {display: block;height: 62px;background: url('../image/common/viewMenu.png') center center no-repeat;background-size: 22px;font-size: 0;line-height: 0;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {width: 100%;min-width:1200px;border-top: 50px solid #3c4a6c;font-size: 18px; line-height: 28px;}

div#headerWrap {height:89px;}
div#headerWrap h1 {
    z-index: 5;
    position:absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width:227px;
    height:38px;
    background: url('../image/common/header_logo.png') left top no-repeat;
}
div#headerWrap h1 a {display: block;width: 309px;height: 38px;}
div#headerWrap h1 img {display: none;}
}

ul#gnb, ul#gnb > li, ul#gnb > li > a, ul#gnb ul, ul#gnb ul li, ul#gnb ul a {margin: 0;padding: 0;list-style: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div.gnbWrap {z-index: 100;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;padding-top: 150px;background-color: #f0f3f9;box-sizing:border-box;}
div.gnbWrap:before {position: absolute;top: 0;left: 0;width: 100%;height: 150px;background-color: #1c3d88;background-image: url('../image/common/gnbBg_m.png');background-position: left 15px top 17px;background-repeat: no-repeat;background-size: auto 26px;;content: '';}


ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;background-color: #fff;width: calc(100% - 30px);margin: -30px auto;padding: 0 15px;border-radius: 12px;box-shadow: 0 0 23px rgba(0,0,0,0.07);box-sizing: border-box;}
ul#gnb > li {border-bottom: 1px solid #e3e3e3;}
ul#gnb > li:last-child {border-bottom: 0 none;}
ul#gnb > li > a {position: relative;display: block;padding: 15px 25px 15px 10px;color: #333;font-size: 18px;line-height: 30px;text-align: left;font-family: 'Pretendard-SemiBold', sans-serif;letter-spacing: -1px;}
ul#gnb > li > a:after {position: absolute;top: 50%;right: 10px;width: 8px;height: 11px;margin-top: -5px;background: url('../image/common/gnb_bl.png') center center no-repeat;background-size: 7px;content: '';}

ul#gnb .depth > a:after {transform: rotate(90deg);}
ul#gnb .depth.on > a:after {transform: rotate(270deg);}

ul#gnb ul {display: none;padding: 10px 0;background-color: #f2f2f2;border-top: 1px solid #e3e3e3;}
ul#gnb ul li {}
ul#gnb ul a {display: block;padding: 5px 20px;font-size: 15px;line-height: 20px;color: #333;font-family: 'Pretendard-Medium', sans-serif;}
ul#gnb ul a:before {display: inline-block;vertical-align: top;margin-right: 4px;content: '-';}

div.gnbClose {z-index: 50;position: absolute;right:0;top: 0;width: 50px;height: 60px;margin: 0;}
div.gnbClose a {display: block;height: 100%;font-size: 0;line-height: 0;background: url('../image/common/gnbClose.png') center center no-repeat;background-size: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: relative;/*width: 1300px;margin: 0 auto;*/padding: 15px 0 15px 340px;text-align: right;font-size: 0;line-height: 0;box-sizing: border-box;}
ul#gnb > li {display: inline-block;padding: 0 35px;vertical-align: top;box-sizing:border-box;text-align: center;}
ul#gnb > li:last-child {padding-right: 0;}
ul#gnb > li > a {position: relative;display: inline-block;vertical-align: top;text-align: center;padding: 15px 5px;font-size: 22px;line-height: 30px;font-weight: 400;font-family: 'Pretendard-Medium', sans-serif;color: #000;letter-spacing: -1px;transition: 0.3s ease;}
ul#gnb > li > a:after {display: none;z-index: -1;position: absolute;bottom: 15px;left: 0;width: 100%;height: 13px;background-color: #e5eff8;content: '';}

ul#gnb > li.on > a,
ul#gnb > li > a:hover {color: #285292 !important;}
ul#gnb > li.on > a:after,
ul#gnb > li > a:hover:after {display: block;}

ul#gnb ul {display: none !important;}

div.viewMenu,
div.gnbClose {display: none;}
}

ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.gnbUtil {overflow: hidden;position: absolute;font-size: 0;line-height: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.gnbUtil {top: 65px;left: 0;width: 100%;padding: 0 65px;box-sizing: border-box;}
ul.gnbUtil:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.gnbUtil li {float: right;width: calc(50% - 5px);margin-right: 10px;}
ul.gnbUtil li:first-child {margin-right: 0;}
ul.gnbUtil li a {border: 1px solid #fff;padding: 8px;border-radius: 16px;color: #fff;text-align: center;font-size: 12px;line-height: 16px;font-family: 'Pretendard-Regular', sans-serif;}
ul.gnbUtil li a img {height: 16px;margin-right: 4px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* ul.gnbUtil {top: -50px;right: 50%;margin-right: -650px;} */
ul.gnbUtil {top: -50px; right: 5px;}
ul.gnbUtil li {position: relative;display: inline-block;vertical-align: top;padding: 0 16px;}
ul.gnbUtil li:last-child {padding-right: 0;}
ul.gnbUtil li:before {position: absolute;top: 50%;left: 0;width: 4px;height: 4px;margin-top: -2px;border-radius: 50%;background-color: #c7c7c7;content: '';}
ul.gnbUtil li:first-child:before,
ul.gnbUtil a img {display: none !important;}
ul.gnbUtil a {padding: 10px 0;color: #fff;font-size: 15px;line-height: 30px;font-family: 'Pretendard-Light', sans-serif;}

ul.gnbUtil li.pcOnly {display: inline-block !important;}
}


/* go Top */
/* 25.05.15 개선 */
p#goTop{
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 130px;
    right: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    font-size: 0;
    line-height: 0;
    border-radius: 100%;
    background-color: #4192eb;
    box-shadow: 5px 5px 8px rgba(23,25,41,0.21);
    transition: 0.3s ease;
}
p#goTop.on {
    visibility: visible;
    opacity: 1;
}
div.mainWrap #goTop {display: none !important;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    p#goTop {display: none !important;}
}

/* Footer */
div#footerWrap {position:relative;background-color: #44454a;text-align: center;color: #fff;font-family: 'Pretendard-Regular', sans-serif;}

div#footerWrap ul {overflow: hidden;font-size: 0;line-height: 0;}
div#footerWrap li {position: relative;display: inline-block;vertical-align: top;font-family: 'Pretendard-Light', sans-serif;}
div#footerWrap li:before {position: absolute;top: 50%;transform: translateY(-50%);width: 1px;background-color: #d9d9d9;content: '';}
div#footerWrap li:first-child {margin-left: 0;}
div#footerWrap li:first-child:before {display: none;}
div#footerWrap a {color: #75bdf0;text-decoration: underline;}

div#footerWrap .copy {background-color: #2a2b2e;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap {font-size: 11px;line-height: 17px;}
div#footerWrap > div {padding: 17px 0;}
div#footerWrap li {font-size: 11px;line-height: 17px;color: #d9d9d9;}
div#footerWrap li {margin-left: 25px;}
div#footerWrap li:before {left: -12px;height: 10px;}
div#footerWrap .copy {padding: 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#footerWrap {font-size: 15px;line-height: 25px;}
div#footerWrap > div {padding: 25px 0 20px;}
div#footerWrap li {font-size: 15px;line-height: 24px;color: #d9d9d9;}
div#footerWrap li {margin-left: 40px;}
div#footerWrap li:before {left: -20px;height: 10px;}
div#footerWrap .copy {padding: 6px;}
}


/* LNB */
dl.lnb, dl.lnb dt, dl.lnb dd, dl.lnb ul, dl.lnb li, dl.lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}


dl.lnb {position: relative;float: left;}
dl.lnb > dt > a {position: relative;color: #fff;box-sizing:border-box;}
dl.lnb > dt > a:after {position: absolute;top: 50%;transform:translateY(-50%);content: "";height: 7px;background-position: center center;background-repeat: no-repeat;}
dl.lnb > dt.view > a:after {transform:translateY(-50%) rotate(180deg);}

dl.lnb > dd {display: none;position: absolute;left: 0;z-index: 10;width: 100%;border: 1px solid #1c3d88;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
dl.lnb > dd a {position: relative;padding-left: 0.5em;color: #333;font-family: 'Pretendard-Regular', sans-serif;}
dl.lnb > dd a:before {display: inline-block;vertical-align: top;content: '-';margin-right: 4px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.lnb {position: absolute;top: 0;left: 0;width: 100%;background-color: #1c3d88;background: linear-gradient(to right, #3963a2, #64a6d2);}
dl.lnb > dt > a {display: table-cell;width: 1000px;height: 50px;padding: 0 40px 0 15px;text-align: left;vertical-align: middle;font-size: 18px;line-height: 25px;font-family: 'Pretendard-Medium', sans-serif;background-color: transparent;}
dl.lnb > dt > a:after {right: 15px;width: 10px;background-image: url('../image/common/lnb_bl_m.png');background-size: 10px;}
dl.lnb > dd {padding: 5px 20px;}
dl.lnb > dd a {padding: 5px 0;font-size: 15px;line-height: 20px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.lnb {display: none !important;}
}


/* Contents */
div#container {padding-top: 50px;}

.pageTit {margin: 0;padding: 0;color: #121620;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;background: url('../image/common/pageTit_bg.png') left center repeat-x;}
.pageTit span {display: inline-block;vertical-align: top;background-color: #fff;background-image: url('../image/common/pageTit.png');background-repeat: no-repeat;}

div.contents {color: #111;font-family: 'Pretendard-Light', sans-serif;font-weight: normal;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {position:relative;}

.pageTit {margin: 15px 15px 8px;font-size: 18px;line-height: 30px;}
.pageTit span {padding: 0 12px 0 25px;background-position: left top 8px;background-size: 21px;}

div.contents {padding: 0 0 30px;text-align: justify;font-size: 14px;line-height: 20px;}
div.contents > div {padding: 0 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* div#container {position: relative;padding-top: 248px;background: url('../image/common/subVisual.png') center top / contain no-repeat;} */
/* 25.05.14 개선 */
div#container {
    position: relative;
    padding-top: 248px;
    border-top: 1px solid #e9e9e9;
    background-repeat: no-repeat;
    background-position: left 24% top 20px, center top;
    background-size: 433px auto, auto 248px;
    background-image: url('../image/common/subTit.png'),  url('../image/common/bgSub.jpg');
}

.pageTit {width:100%; max-width: 1300px; margin: 40px auto 5px;font-size: 28px;line-height: 40px;}
.pageTit span {padding: 0 20px 0 40px;background-position: left top 7px;}

div.contents {width:100%; max-width: 1300px; margin: 0 auto;padding: 20px 0 80px;font-size: 18px;line-height: 25px;}

}
/* 준비중 */
div.ing {}
div.ing img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.ing {padding: 60px 0;}
div.ing img {width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.ing {padding: 120px 0;}
}

/* ============================ 메인 ============================ */
div.wrapper.mainWrap {}
div#container.main {padding-top: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container.main {background-image: none;}
}

/* mainBnr */
div.mainBnr {background-color: #ffffff;background-repeat: no-repeat;background-position: center bottom;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainBnr {background-image: url('../image/main/mainBnr_bg_m.png');background-size: cover;}
div.mainBnr img {display: block;width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBnr {background-image: url('../image/main/mainBnr_bg.png');}
div.mainBnr > div {width:100%; max-width: 1300px;margin: 0 auto;height: 500px;background: url('../image/main/mainBnr.png') left top no-repeat;}
div.mainBnr img {display: none;}
}

/* mainQuick */
ul.mainQuick, ul.mainQuick li, ul.mainQuick a {display: block;margin: 0;padding: 0;list-style: none;}
ul.mainQuick {overflow: hidden;background-color: #fff;box-shadow: 0 0 46px rgba(0,0,0,0.05)}
ul.mainQuick a {box-sizing: border-box;color: #333;letter-spacing: -0.5px;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.mainQuick li.dDay {background: linear-gradient(to right bottom, #64a6d2, #3963a2);color: #fff;text-align: center;font-family: 'Roboto-Regular', sans-serif;box-sizing: border-box;}
ul.mainQuick li.dDay strong {font-family: 'Pretendard-Black', sans-serif;letter-spacing: -1px;}
ul.mainQuick li.dDay span {text-transform: uppercase;font-family: 'Roboto-Bold', sans-serif;}

ul.mainQuick li.dDay:before,
ul.mainQuick li.dDay + li:before {display: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.mainQuick {margin: -40px 15px 0;border-radius: 16px;box-shadow: 0 0 23px rgba(0,0,0,0.07);}
ul.mainQuick li {position: relative;}
ul.mainQuick li:before {display: block;width: calc(100% - 30px);height: 1px;margin: 0 auto;background-color: #e2e2e2;content: '';}
ul.mainQuick a {padding: 15px 45px 15px 25px;font-size: 18px;line-height: 40px;background: url('../image/main/mainQuick_arr.png') right 25px center no-repeat;background-size: auto 10px;}
ul.mainQuick img {display: inline-block;vertical-align: top;height: 40px;margin-right: 12px;}

ul.mainQuick li.dDay {padding: 18px 0 60px;font-size: 16px;line-height: 23px;}
ul.mainQuick li.dDay strong {position: absolute;bottom: 12px;left: 0;width: 100%;font-size: 45px;line-height: 47px;text-shadow: 2px 2px 0px rgba(0,0,0,0.15);}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.mainQuick {overflow: hidden;width:100%; max-width: 1300px;margin: -110px auto 0;border-radius: 24px;}
ul.mainQuick:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.mainQuick li {position: relative;float: left;width: calc((100% - 340px)/4);padding: 10px;box-sizing: border-box;}
ul.mainQuick li:before {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: 150px;background-color: #e2e2e2;content: '';}
ul.mainQuick a {width: 100%;height: 200px;padding-top: 30px;text-align: center;font-size: 21px;line-height: 30px;transition: 0.3s ease;}
ul.mainQuick img {display: block;margin: 0 auto 20px;}

ul.mainQuick a:hover {background-color: #eaf5fd;}

ul.mainQuick li.dDay {width: 340px;min-height: 220px;padding-top: 43px;font-size: 22px;line-height: 28px;}
ul.mainQuick li.dDay > * {display: block;}
ul.mainQuick li.dDay strong {margin-bottom: 10px;font-size: 70px;line-height: 75px;text-shadow: 4px 4px 0px rgba(0,0,0,0.15);}

}

/* mainLink */
ul.mainLink, ul.mainLink li, ul.mainLink a {display: block;margin: 0px;padding: 0;list-style: none;}
ul.mainLink a {position: relative;background-image: url('../image/main/bl_arr.png');background-repeat: no-repeat;border: 1px solid #cfd4df;color: #222;font-family: 'Pretendard-SemiBold', sans-serif;letter-spacing: -0.5px;}
ul.mainLink img {position: absolute;}
.mainLink a img + span{
    color: #285292;
}
.mainLink .emText {
    color: #285292;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.mainLink {margin: 25px 15px;}
ul.mainLink li + li {margin-left:0; margin-top: 10px;}
ul.mainLink a {border-radius: 12px;padding: 15px 45px 15px 67px;font-size: 16px;line-height: 35px;background-position: right 24px center;background-size: auto 17px;}
ul.mainLink a span {display: block;line-height: 25px !important;}
ul.mainLink img {top: 50%;transform: translateY(-50%);left: 15px;height: 45px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.mainLink {display:flex; width:100%; max-width: 1300px; margin: 40px auto;}
ul.mainLink:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.mainLink li {width: calc((100% - 10px)/2);}
ul.mainLink li + li {margin-left: 10px}
ul.mainLink a {
    display:flex; 
    align-items: center; 
    justify-content: start; 
    column-gap: 10px;
    height: 130px;
    padding: 0 100px 0 140px;
    vertical-align: middle;
    background-position: right 38px center;
    border-radius: 24px;
    font-size: 22px;
    line-height: 1.2;
}
ul.mainLink span {display:block; word-break: keep-all; font-size: 20px;}
ul.mainLink span + span {margin-top: 5px;}
ul.mainLink img {top: 25px;left: 35px;}
}


/* 인사말 */
div.message {font-family: 'Pretendard-Light', sans-serif;}
div.message .sign {color: #000;font-family: 'Pretendard-Medium', sans-serif;text-align: right;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.message p + p {margin-top: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.message p {font-size: 18px;line-height: 26px;}
div.message p + p {margin-top: 25px;}
}

/* 프로그램 */
div.program {}

table.program {border-top: 0 none;}
table.program > * > tr > * {border-left-color: #e1e1e1;border-bottom-color: #e1e1e1;text-align: left;font-size: 18px;font-family: 'Pretendard-Regular', sans-serif;}
table.program > thead > tr > th {background-color: #00676d;color: #fff;text-align: center;font-size: 20px;} 
/* table.program .name {border-left: 0 none !important;text-align: right !important;color: #555;letter-spacing: -0.8px;} */
table.program .name {border-left: 0 none !important;text-align: right !important;color: #333;letter-spacing: -0.8px;}
/* table.program b {font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;} */
table.program b {font-weight: normal;font-family: 'Pretendard-bold', sans-serif;color:#333}

table.program > * > tr:last-child > * {border-bottom: 1px solid #e1e1e1 !important;} 

table.program tr.symposium > * {background-color: #5b569d !important;color: #fff !important;}
table.program tr.break > * {background-color: #effbff !important;}
table.program tr.closing > * {background-color: #f4f4f4 !important;}
table.program tr.session > * {background-color: #6eb5de !important;color: #fff !important;}


/* 숙박 및 오시는 길 */
div.map {}
div.bdBox {position: relative;background-color: #fff;border: 8px solid #efefef;}

ul.mapInfo, ul.mapInfo li {margin: 0;padding: 0;list-style: none;}
ul.mapInfo {}
ul.mapInfo li {font-size: 0;line-height: 0;}
ul.mapInfo li > * {display: inline-block;vertical-align: top;}
ul.mapInfo b {display: block;color: #000;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

div.mapArea {border: 1px solid #e1e1e1;}

div.map div.bdBox div.btn {position: absolute;}

dl.hotel, dl.hotel dt, dl.hotel dd {margin: 0;padding: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bdBox {margin-top: 50px;border-width: 4px;padding: 15px;}
ul.mapInfo {margin-bottom: 15px;}
ul.mapInfo li {margin-top: 10px;font-size: 12px;line-height: 20px;}
ul.mapInfo img {height: 45px;}
ul.mapInfo span {padding: 3px 0 2px 10px;}
ul.mapInfo b {font-size: 14px;}

div.mapArea {height: 200px;}

div.map div.bdBox div.btn {top: -45px;right: -4px;}
div.map div.bdBox div.btn a {position: relative;padding: 7px 30px 8px 15px;border-radius: 4px;text-align: left;box-sizing:border-box;}
div.map div.bdBox div.btn img {position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}

dl.hotel div.btn.btnArea {margin: 0 !important;padding-top: 20px !important;}

dl.hotel dt {padding: 5px;}
dl.hotel dd address {padding: 0 5px 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bdBox {padding: 20px;}

ul.mapInfo {margin-bottom: 30px;}
ul.mapInfo:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.mapInfo li {position: relative;float: left;width: 33.33333%;padding: 15px 0;text-align: center;font-size: 18px;line-height: 30px;}
ul.mapInfo li:before {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 1px;height: calc(100% - 12px);background-color: #dadada;content: '';}
ul.mapInfo li:first-child:before {display: none;}
ul.mapInfo span {padding: 5px 0 5px 20px;text-align: left;}
ul.mapInfo b {font-size: 20px;}

div.mapArea {height: 350px;}

div.map div.bdBox div.btn {top: -55px;right: -8px;}
div.map div.bdBox div.btn a {position: relative;min-width: 155px;padding: 7px 35px 8px 20px;border-radius: 5px;text-align: left;box-sizing:border-box;}
div.map div.bdBox div.btn img {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}

dl.hotel dt {padding: 10px;}
dl.hotel dd address {padding: 0 10px;}
dl.hotel table {margin-top: 20px;}
dl.hotel div.btn.btnArea {margin: 0 !important;padding-top: 40px !important;}
}


/* 사전등록 > 회원 구분 */
ul.type, ul.type li {margin: 0;padding: 0;list-style: none;} 
ul.type {}
ul.type li {border-style: solid;border-color: #efefef;box-sizing: border-box;}
ul.type li:first-child {margin: 0 !important;}
ul.type li span {display: table-cell;width: 1500px;box-sizing: border-box;vertical-align: middle;text-align: center;color: #333;}
ul.type strong  {display: block;color: #000;}
ul.type img {display: block;}
ul.type a {display: block;width: 100%;background-image: url('../image/sub/memberType_arr.png');background-repeat: no-repeat;color: #fff;font-family: 'Pretendard-Medium', sans-serif;box-sizing: border-box;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.type {padding: 15px;}
ul.type li {padding: 15px 30px;border-width: 4px;margin-top: 10px;}
ul.type li span {height: 155px;padding-bottom: 10px;font-size: 14px;word-break: keep-all;}
ul.type strong {font-size: 16px;}
ul.type img {height: 55px;margin: 0 auto 10px;}
ul.type a {padding: 10px 50px 10px 20px;background-position: right 20px center;background-size: 16px;font-size: 16px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.type {padding: 35px 0;}
ul.type:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.type li {float: left;width: calc(50% - 15px);margin-left: 30px;padding: 35px 60px;border-width: 8px;}
ul.type li span {height: 215px;padding-bottom: 20px;font-size: 20px;}
ul.type strong {font-size: 22px;}
ul.type img {margin: 0 auto 20px;}
ul.type a {padding: 15px 70px 15px 45px;background-position: right 45px center;font-size: 20px;line-height: 30px;}
}

/* 사전등록 > 사전등록 안내 */
div.registInfo {}
dl.deadLine, dl.deadLine dt, dl.deadLine dd {margin: 0;padding: 0;}
dl.deadLine {background-repeat: no-repeat;background-position: center center;color: #fff;text-align: center;}
dl.deadLine > * {display: inline-block;vertical-align: top;}
dl.deadLine > dd:first-of-type {margin-left: 4px;color: #ffe7b3;font-family: 'Pretendard-Bold', sans-serif;}
dl.deadLine > dd.clear {display: block !important;}

dl.deadLine ul.listCheck {font-size: 0;line-height: 0;}
dl.deadLine ul.listCheck li {display: inline-block;vertical-align: top;}

dl.bankInfo, dl.bankInfo dt, dl.bankInfo dd {margin: 0;padding: 0;}
dl.bankInfo {border-style: solid;border-color: #efefef;background-repeat: no-repeat;box-sizing: border-box;}
dl.bankInfo dt {color: #000;font-family: 'Pretendard-SemiBold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.registInfo {padding: 15px !important;}
dl.deadLine {margin-bottom: 20px;padding: 24px 10px;background-image: url('../image/sub/deadLine_bg_m.png');background-size: cover;}
dl.deadLine > dt,
dl.deadLine > dd:first-of-type {font-size: 28px;line-height: 36px;text-shadow: 3px 3px 0px rgba(0,0,0,0.13);}

dl.deadLine ul.listCheck {padding: 10px 0 0;}
dl.deadLine ul.listCheck li {margin: 0 10px;font-size: 14px;line-height: 20px;}

dl.bankInfo {padding: 20px 15px 20px 90px;background-position: 15px center;background-size: 55px;border-width: 4px;font-size: 14px;line-height: 20px;color: #333;}
dl.bankInfo dt {font-size: 15px;}

dl.bankInfo span {display: block;margin-top: 5px;font-size: 13px;}

dl.bankInfo + dl.bankInfo {margin-top: 10px;}
div.registInfo div.feeNote,
div.registInfo table.tblDef  {margin-top: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.registInfo {margin-top: 35px;}
dl.deadLine {margin-bottom: 50px;padding: 40px 30px 30px;background-image: url('../image/sub/deadLine_bg.png');}
dl.deadLine > dt,
dl.deadLine > dd:first-of-type {font-size: 40px;line-height: 60px;text-shadow: 3px 3px 0px rgba(0,0,0,0.13);}

dl.deadLine ul.listCheck {padding: 12px 0;}
dl.deadLine ul.listCheck li {margin: 0 20px;font-size: 16px;line-height: 25px;}

dl.bankInfo {float: left;width: calc(50% - 15px);margin-left: 30px;padding: 42px 30px 42px 165px;background-position: 49px center;border-width: 8px;font-size: 20px;line-height: 30px;color: #333;}
dl.bankInfo:first-of-type {margin-left: 0;}
dl.bankInfo dt {font-size: 22px;}

dl.bankInfo span {display: block;margin-top: 10px;font-size: 17px;}

div.registInfo div.feeNote,
div.registInfo table.tblDef {margin-top: 20px;}
}

/* 사전등록 > 등록 폼 */
div.regist {}
div.feeNote {margin-bottom: 10px;background-color: #f4f4f4;background-image: url('../image/icon/icon_notice.png');background-repeat: no-repeat;color: #e34a4a;}
div.regist p.ar {margin-bottom: 10px;color: #333;font-family: 'Pretendard-Regular', sans-serif;}

div.regist ul.bdBox {border-style: solid;border-color: #efefef;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.regist {padding: 15px !important;}
div.feeNote {background-position: 12px 12px;font-size: 13px;padding: 10px 10px 10px 40px;background-size: 18px;}

div.regist ul.bdBox {margin-top: 10px;padding: 10px;border-width: 2px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.regist {margin-top: 35px;}
div.feeNote {background-position: 32px center;font-size: 19px;padding: 20px 20px 20px 80px;}

div.regist ul.bdBox {margin-top: 20px;padding: 20px;border-width: 4px;}

div.regist table.tblDef > * > tr > * {padding: 10px 25px;}
}

/* 사전등록 > 사전등록 완료 */
div.applyComp {border-style: solid;border-color: #efefef;color: #333;text-align: center;}
div.applyComp > p:first-child {background-image: url('../image/sub/applyCom.png');background-repeat: no-repeat;}
div.applyComp > p strong {display: block;color: #000;}
div.applyComp a {color: #4192eb;text-decoration: underline;}

div.applyComp p.bg {background-color: #f1f4fa;}
div.applyComp p.bg b {display: inline-block;vertical-align: top;color: #000;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div.applyComp {margin: 15px 15px 20px;border-width: 2px;font-size: 14px;line-height: 20px; word-break: keep-all;}
div.applyComp > p:first-child {margin-bottom: 10px;padding-top: 98px;background-position: center 25px;font-size: 20px;line-height: 28px;background-size: 56px;}

div.applyComp p.bg {margin: 27px 0 15px;padding: 12px;}
div.applyComp p.bg b {margin-right: 5px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.applyComp {margin-top: 35px;padding: 20px;border-width: 4px;font-size: 18px;line-height: 28px;}
div.applyComp > p:first-child {margin-bottom: 20px;padding-top: 195px;background-position: center 50px;font-size: 40px;line-height: 52px;}

div.applyComp p.bg {margin-top: 55px;padding: 25px;}
div.applyComp p.bg b {margin-right: 10px;}
}

/* 사전등록 > 조회 */
div.searchArea {border-style: solid;border-color: #f1f4fa;color: #333;text-align: center;}
div.searchArea dl, div.searchArea dt, div.searchArea dd {margin: 0;padding: 0;}
div.searchArea p {color: #333;font-family: 'Pretendard-Medium', sans-serif;}
div.searchArea p img {display: block;}

div.searchArea dl {border: 1px solid #e1e1e1;}
div.searchArea dl:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.searchArea dl > * {float: left;}
div.searchArea dt label {color: #000;font-family: 'Pretendard-Medium', sans-serif;}
div.searchArea dd input[type=text] {width: 100%;padding: 0 5px;border: 0 none;box-sizing: border-box;cursor: text;}
div.searchArea dd input[type=text]::placeholder {color: rgba(51,51,51,0.5);}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div.searchArea {margin-top: 15px;}
div.searchArea .bdBox {padding: 30px 20px;border-width: 2px;}
div.searchArea p {font-size: 15px;line-height: 23px;}
div.searchArea p img {margin: 0 auto 5px;height: 72px;}

div.searchArea dl {width: 100% ;margin: 10px auto 0;}
div.searchArea dl + dl {margin-top: 5px;}

div.searchArea dt {width: 80px;text-align: center;}
div.searchArea dt label {line-height: 35px;}
div.searchArea dd {width: calc(100% - 80px);}
div.searchArea dd input[type=text] {height: 35px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.searchArea {margin-top: 35px;}
div.searchArea .bdBox {padding: 80px;border-width: 4px;}
div.searchArea p {font-size: 30px;line-height: 45px;}
div.searchArea p img {margin: 0 auto 10px;}

div.searchArea dl {width: 460px;margin: 20px auto 0;}
div.searchArea dl + dl {margin-top: 10px;}

div.searchArea dt {width: 100px;text-align: center;}
div.searchArea dt label {line-height: 48px;}
div.searchArea dd {width: calc(100% - 100px);}
div.searchArea dd input[type=text] {height: 48px;font-size: 18px;}
}


/* 준비중 */
.ready-wrap{
    width: 100%;
    padding: 60px 50px;
    background-color: #F2F6FC;
    letter-spacing: -0.05em;
    text-align: center;
    box-sizing: border-box;
}
.ready-wrap *{
    box-sizing: border-box;
}
.ready-wrap .tit{
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 50px;
}
.ready-wrap p{
    font-size: 20px;
    color: #000;
    line-height: 1.4;
    word-break: keep-all;
}

/* program table 관련 추가 - 25.04.01 mj.park */
table.program{
    table-layout: fixed;
}
table.program th,
table.program td{
    word-break: break-word !important;
}
table.program tr.break > * {
    background-color: #f1f2f2 !important;
}
table.program tr.session > * {
    background-color: #c7eafb !important;
    color: #111 !important;
}
table.program tr.bg-type1 > * {
    background-color: #f0f7e9 !important;
}
table.program tr.bg-type2 > * {
    background-color: #f2fbff !important;
}
table.program tr .bd-t {
    border-top: 1px solid #e1e1e1;
}
table.program tr .ac {
    text-align: center;
}

/* 인사말 tab 추가 - 25.04.02 mj.park */
.sub-tab-wrap{
    margin-bottom: 40px;
    text-align: center;
}
.sub-tab-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    border-radius: 30px;
    background-color: #e7edf6;
    list-style: none;
}
.sub-tab-menu > li{
    width: 250px;
    max-width: 250px;
    height: 60px;
    border-radius: 30px;
    transition: 0.3s ease;
}
.sub-tab-menu > li > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    transition: 0.3s ease;
}
.sub-tab-menu > li.on,
.sub-tab-menu > li:hover{
    background-color: #0d397a;
}
.sub-tab-menu > li.on > a,
.sub-tab-menu > li:hover > a{
    color: #fff;
}
.sub-tab-con{
    display: none;
}
.message{
    font-size: 18px;
    line-height: 1.5;
}
.message .sign{
    margin-top: 30px;
    font-size: 20px;
}
.message .list-type{
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20px;
}

.tblDef.hotel-table td{
    padding: 3px 10px;
}


@media screen and (max-width: 960px){
    .contents .ready-wrap{
        width: 90%;
        margin: 0 auto;
        padding: 50px 20px;
    }
    .ready-wrap img{
        width: 300px;
        max-width: 100%;
    }
    .ready-wrap .tit{
        margin-top: 20px;
        font-size: 30px;
        line-height: 1.2;
    }
    .ready-wrap p{
        font-size: 14px;
    }

    /* 인사말 tab 추가 - 25.04.02 mj.park */
    .sub-tab-wrap{
        margin-bottom: 20px;
    }
    .sub-tab-menu{
        width: 100%;
        max-width: 100%;
    }
    .sub-tab-menu > li{
        width: 50%;
        max-width: none;
        height: 40px;
    }
    .sub-tab-menu > li > a{
        font-size: 14px;
    }
    .message{
        font-size: 14px;
    }
    .message .sign{
        margin-top: 20px;
        font-size: 16px;
    }
    .message .list-type{
        margin-top: 20px;
        margin-bottom: 20px;
    }
}