@charset "utf-8";

@import url('rw.css');
@import url('walkerhill.css');
@import url('icdm_sub.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', 'Pretendard-Regular', sans-serif; }

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: #dd2c2c !important;} /* 기존 #b54054*/
.fcNavy {color:#2b59a7 !important;}
.fcBlue {color:#1873e3 !important;} /* 기존 #274bd1 */
.fcPurple {color: #1359a9 !important;}

.highlightYellow {display:inline; box-shadow:inset 0 -15px 0px #fcffcd;}
.highlightOrange {display:inline; box-shadow:inset 0 -15px 0px #ffe9cd;}

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:44px;padding:0 20px;border-radius:1px;font-size:16px;line-height: 42px;border-width:1px;border-style: solid;vertical-align:top;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing: border-box;}

.btn a {}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;vertical-align: top;}
.btn a img {display: inline-block;vertical-align: top;}
.btn .btnIcon i {padding-right: 0;}

/* 남색 */				.btnDef {background-color:#343e5b !important;border-color:#343e5b !important;color:#fff !important;}
/* 핑크색 */			.btnPoint {background-color:#b54054 !important;border-color:#b54054 !important;color:#fff !important;}
/* 갈색 */				.btnBrown {background-color:#80736d !important;border-color:#80736d !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#535353 !important;border-color:#535353 !important;color:#fff !important;}
/* 밝은 회색 */		.btnLGrey {background-color:#9ea2b5 !important;border-color:#9ea2b5 !important;color:#fff !important;}
/* 진파랑색 */		.btnBlue2 {background-color:#2f4b85 !important;border-color:#2f4b85 !important;color:#fff !important;}
/* 옅은파랑색 */		.btnBlue3 {background-color:#8597cd !important;border-color:#8597cd !important;color:#fff !important;}
/* 밝은파랑색 2 */		.btnPink {background-color:#1359a9 !important;border-color:#1359a9 !important;color:#fff !important;}
/* 노란색 */			.btnYellow {background-color:#d0932a !important;border-color:#d0932a !important;color:#fff !important;}
/* 짙은 초록색 */      .btnGreen {background-color: #156082 !important;border-color: #156082 !important;color: #fff !important;}

/* 24-03-22 추가 */
/* 자주색 */ .btnPurple {background-color:#a3318f !important;border-color:#a3318f !important;color:#fff !important;}
/* 청록색 */ .btnAqua {background-color:#3c99bb !important;border-color:#3c99bb !important;color:#fff !important;}

/* border+ 남색 */				.btnBdDef {background-color:#fff !important;border-color:#2b59a7 !important;color:#2b59a7 !important;}
/* border+ 핑크색 */			.btnBdPoint  {background-color:#fff !important;border-color:#b54054 !important;color:#b54054 !important;}
/* border+ 갈색 */				.btnBdBrown  {background-color:#fff !important;border-color:#80736d !important;color:#80736d !important;}
/* border+ 회색 */				.btnBdGrey {background-color:#fff;border-color:#535353;color:#535353;}

/* border+ 진파랑색 */			.btnBdBlue2  {background-color:#fff !important;border-color:#2f4b85 !important;color:#2f4b85 !important;}
/* 그라데이션 */					.btnGr  {border: 0 none !important;color:#fff !important;background: linear-gradient( to right, #d2633c, #b54054 ) !important;}


.btn .upload {border-color: #2a8dcc !important;background-color: #2a8dcc !important;color: #fff !important;}
.btn .list {border-color: #2a8dcc !important;background-color: #2a8dcc !important;color: #fff !important;}
.btn .modify {border-color: #2a8dcc !important;background-color: #fff !important;color: #2a8dcc !important;}
.btn .applyList {border-color: #2a54cc !important;background-color: #2a54cc !important;color: #fff !important;}
.btn .save {border-color: #71af20 !important;background-color: #71af20 !important;color: #fff !important;}
.btn .approval {border-color: #546fc9 !important;background-color: #546fc9 !important;color: #fff !important;}
.btn .excel {border-color: #71af20 !important;background-color: #71af20 !important;color: #fff !important;}
.btn .cancel {border-color: #757575 !important;background-color: #757575 !important;color: #fff !important;}

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

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;font-family: 'Pretendard-Regular', sans-serif;}
.btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;}

.btn .btnBig {}

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

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.btnArea {padding: 30px 0 0;}
.btn .btnBig {width: calc(50% - 5px);height: auto;padding: 0 15px; line-height: 1.3; text-align: center;} 
/* .btn .btnBig:nth-child(3) {width: 100%;margin: 10px 0 0 0;} */

.btn .btnWide {width: calc(50% - 5px);padding: 0;line-height: 40px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.btnArea {padding: 50px 0 0;}
.btn .btnBig,
.btn .btnWide {min-width:180px;font-size: 18px;height: 58px;padding:2px 20px;line-height: 58px;}
.btn a.btnBig,
.btn .btnWide {padding: 0 40px;}
}


.subTit {position: relative;padding: 0 0 0 10px;color: #2a3969; font-family: 'Pretendard-SemiBold', sans-serif; text-align: left;font-weight: normal;}
.subTit:before {position: absolute; display: block; left: 0;width: 4px;height: 1px;background-color: #2a3969; content:'';}
.subTit.withBtn {line-height: 36px;}
.pointTit {margin: 40px 0 10px;padding: 0;font-weight: normal;color: #c3225f; font-family: 'Pretendard-SemiBold', sans-serif;}
.boldTit {margin: 30px 0 15px;padding: 0;font-weight: normal;color: #0c1057; font-family: 'Pretendard-Medium', sans-serif;}
.boldTit_bl {position: relative;margin: 30px 0 15px;padding: 0 0 0 1em;font-weight: normal;color: #0c1057; font-family: 'Pretendard-Medium', sans-serif;}
.boldTit_bl:before {position: absolute;left: 0;top: 0;content: "•";}
.subTit_bl {position: relative;padding-left: 0.5em;color: #000;}
.subTit_bl:before {position: absolute; display: block; left: 0;width: 3px;height: 3px;background-color: #000;border-radius: 50%;content:'';}
.borderTit {margin: 0;padding: 0;font-weight: normal;}
.borderTit span {display: inline-block;vertical-align: top;padding: 0 5px;color: #222;font-family: 'Pretendard-SemiBold', sans-serif;}

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

.introTit{font-size:20px; font-weight:bold; text-align:center; color: #242a58; font-family:'Pretendard-Medium', sans-serif}
.introCont{text-align:justify; font-size:18px; font-family:'Pretendard-Medium', sans-serif}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit {margin: 40px 0 15px;font-size: 20px;line-height: 30px;}
.subTit:before {top: 12px;}
.subTit_bl {margin: 15px 0 5px;font-size: 15px;}
.subTit_bl:before {top: 10px;}
.borderTit {margin: 15px 0 5px;}
.borderTit span {font-size: 14px;line-height: 20px;box-shadow: inset 0 -10px 0 #ebffda;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit {margin: 40px 0 15px;font-size: 20px;line-height: 30px;}
.subTit:before {top: 50%; transform: translateY(-50%); }
.subTit_bl {margin: 20px 0 10px;font-size:20px;}
.subTit_bl:before {top: 50%; transform: translateY(-50%); }
.borderTit {margin: 20px 0 10px;}
.borderTit span {font-size: 17px;line-height: 25px;box-shadow: inset 0 -10px 0 #ebffda;}
}



ul.conMenu {font-size: 0;line-height: 0;text-align: right;}
ul.conMenu li {list-style:none; display:inline-block;}
ul.conMenu li:first-child {margin-left: 0;}
ul.conMenu li a {display:block; font-size:17px; text-decoration: none; color: #3c99bb; width: 170px;height: 55px; font-family: 'Pretendard-Regular', sans-serif;text-align: center;
	border: 1px solid #3c99bb;box-sizing: border-box; border-radius: 30px;}
ul.conMenu li.on a {color: #fff; background-color: #3c99bb; border: 1px solid #3c99bb;}

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: table-cell;width: 10000px;vertical-align: middle;background-color: #fff;border: 1px solid #2f5184;border-left: 0 none;color: #2f5184;font-family: 'Pretendard-Regular', sans-serif;text-decoration:none;text-align: center;}
ul.tabMenu li.on a {background-color: #2f5184;border-color: #2f5184;color: #fff;}


ul.col3ea > li {width: 33.3%;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.conMenu {margin-top: 15px;}
ul.conMenu.col2ea > li {width: calc(50% - 5px);}
ul.conMenu li {width: calc(50% - 5px);margin-left: 10px;margin-top: 10px;}
ul.conMenu li:nth-child(-n+2) {margin-top: 0;}
ul.conMenu li:nth-child(odd) {margin-left: 0;}
ul.conMenu li a {width: 100%;height: 35px;padding: 0;line-height: 35px;font-size: 14px;}

.subTit {}

ul.tabMenu a {}
ul.tabMenu li a {height: 40px;padding: 5px 10px;line-height: 20px;font-size: 14px;border-top: 0 none;}
ul.tabMenu li:nth-child(-n+2) a {border-top: 1px solid #2f5184;}
ul.tabMenu li:nth-child(odd) a {border-left: 1px solid #2f5184;}

ul.col3ea > li a {border-top: 0 none;}
ul.col3ea > li:nth-child(-n+3) a {border-top: 1px solid #99a8bb;}
ul.col3ea > li:nth-child(3n+1) {clear: both; width:33.4%}
ul.col3ea > li:nth-child(3n+1) a {border-left: 1px solid #99a8bb;}
ul.tabMenu.col3ea li:nth-child(odd) a {border-left: 0 none;}

/* ul.col4ea > li a {border-top: 0 none;} */
ul.col4ea > li:nth-child(4n+1) {clear: both;}
ul.col4ea > li:nth-child(4n+1) a {border-left: 1px solid #99a8bb;}

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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.tabMenu li a {padding: 0 15px;font-size:18px;line-height: 50px;height: 50px;}

ul.conMenu {margin:35px 0; padding:0; }
ul.conMenu li {margin-left: 10px;}
ul.conMenu a {line-height: 55px;}

ul.col3ea > li {width: 33.3%;}

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

ul.col5ea > li {width: 20%;}

ul.col8ea > li {width: 12.5%;}
ul.col9ea > li {width: calc(100% / 9);}
ul.col10ea > li {width: 20%;}

ul.tabMenu li:first-child a {border-left: 1px solid #a3b1c7;}
}

/* ==  반응형 메뉴(토글형식) == */
dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd {position: relative;margin: 0;padding: 0;}
dl.rwMenu { margin-bottom:30px; }
@media screen and (max-width: 960px) {
dl.rwMenu{z-index: 5;position: relative;margin-bottom:15px; }

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-family: 'Pretendard-Medium', sans-serif; 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: 40px;width: 100%;padding: 0 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 {width: 100%;color: #707070;font-family: 'Pretendard-Regular', sans-serif;font-size: 14px;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;}



div.ing {height: 550px;padding:50px 0;box-sizing: border-box; }
div.ing img {display: block;margin:0 auto; }
}




div.contents > p {margin: 10px 0 0;}
div.contents > p:first-child,
div.contents > h3 + p {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.listBl, ul.listBl li,
ul.checkList, ul.checkList li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li,
ul.listDot > li, .blDot,
ul.listStar > li, .blStar,
ul.checkList > li {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 {position: absolute;left: 0;top: 0;}
ul.listBar > li:before {content: "-";}
ul.listDot > li:before, .blDot:before {content: "·";}
ul.listStar  > li:before, .blStar :before {padding-top: 2px;content: "*";}

ul.listBl > li,
.bullet {position: relative;padding-left: 1em;}
ul.listBl > li:before,
.bullet:before {content: attr(pub-bl);position: absolute;left: 0;top: 0;}

ul.listNone > li {list-style:none;}

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.checkList > li:before {content: '\f00c';font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 9px;}

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


@media screen and (max-width: 960px) {
div.tabCon {padding: 30px 0 0;}
ul.listDot > li:before, .blDot:before {font-size: 1.4em;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.tabCon {padding:50px 0;}
ul.listDot > li:before, .blDot:before {}
}




/* 테이블 디자인 */
table.tblDef {border-top:2px solid #242a58;table-layout:fixed; }
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {padding:10px 15px; text-align:center;color: #222;border-bottom: 1px solid #cbccda;border-left: 1px solid #cbccda;}
table.tblDef > * > tr > * {text-align: left;}
table.tblDef > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}
table.innerTbl > tbody > tr:last-child > * {border-bottom: 0 none;}

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

table.tblDef td {background-color: #fff;}

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

table.tblDef colgroup + thead > tr > th,
table.innerTbl > * > tr > th {background-color: #eff2f9;color: #2a3969;font-family: 'Pretendard-SemiBold', sans-serif;}
table.tblDef .bg {background-color: #f5f5fb;}
table.tblDef > * > tr > th {font-family: 'Pretendard-Medium', 'Pretendard-Medium', sans-serif;}
table.tblDef colgroup + tbody > tr > th {background-color: #eff2f9;}
table.tblDef thead + tbody > tr > th {background-color: #f5f5f5;}

table.tblDef .al {padding-left: 10px;text-align: left !important;}
table .bdLeft {border-left:1px solid #ccc !important;}

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

table.inputTbl {border-top:2px solid #242a58;}
table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td {padding:10px;text-align:left;color:#000;}
table.inputTbl > * > tr > th {border-bottom:1px solid #cbccda;background-color:#eff2f9;color:#0c1057; font-family: 'Pretendard-Bold', 'Pretendard-Bold', sans-serif;}
table.inputTbl > * > tr > td {border-bottom:1px solid #cbccda;}

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

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

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 .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] {padding: 4px 10px;}
/* 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 {margin: 0;padding-left: 5px;color: #1c28d0;vertical-align: top;}



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

table.inputTbl .keyword {font-size: 0;line-height: 0;}
table.inputTbl .keyword input[type=text] {display: inline-block;vertical-align: top;width:196px;margin-left: 10px;}
table.inputTbl .keyword input[type=text]:first-child{margin-left: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.tblDef > * > tr > * {padding: 7px 10px;font-size: 14px;}
table.inputTbl > * > tr > * {font-size: 14px;}
table.inputTbl .note {padding-left: 0;padding-top: 5px;line-height: 20px;box-sizing: border-box; }
.name input[type=text] {width: 100%;}
.name input[type=text] + input[type=text] {margin: 5px 0 0 0;}
.name:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }

/* table.inputTbl label, table.inputTbl span {line-height: 36px !important;} */
table.inputTbl.rwTbl > * > tr > th {padding: 5px 10px;}
table.inputTbl select {width: 100%;}
table.inputTbl td.phone select { width:70px; margin-right:5px; }
table.inputTbl td.phone input[type=text] { width:calc(100% - 135px); }

input[type=radio]:checked, input[type=checkbox]:checked {background-size:auto 7px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {padding: 12px 20px;font-size:18px;}
table.inputTbl .note {line-height: 36px;}

table.inputTbl ul.listStar.note {padding-top: 10px;}
table.inputTbl ul.listStar.note li {line-height: 25px;}

table.inputTbl .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {}
table.inputTbl td input[type=text],
table.inputTbl td input[type=password] {width: 400px;}

table.inputTbl td.phone label {width: 150px !important;}
table.inputTbl td.phone label + label {width: 300px !important;margin-left: 20px;}
table.inputTbl td.phone input[type=text] {width: 150px; }
table.inputTbl td.phone span ~ input[type=text],
table.inputTbl td.phone span ~ input[type=text]:last-child {width: 300px;}
table.inputTbl td.phone select { min-width:auto; width:100px; margin-right:10px; }


table.inputTbl td.address input[type=text] {width: calc(50% - 3px);}
table.inputTbl .address input[type=text]:first-child {width:150px;}

}

/* =============================== 레이아웃 =============================== */

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

ul.gnbUtil li {position: relative;display: inline-block;vertical-align: top;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;position: relative;width: 100%;min-width:320px;margin: 0;padding: 0; font-size: 15px; color: #000; font-family: 'Pretendard-Regular', sans-serif; }

div#headerWrap h1 {display: none;}

.pageTit {display: none;margin: 0;}


p.viewMenu {position: absolute;right: 0;top: 0;width: 65px;height: 65px;background:url('../image/common/viewMenu_m.png') no-repeat center top;background-size: 100% 100%;font-size: 0;line-height: 0;}
p.viewMenu a {display: block;width: 65px;height: 65px;}

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:70px;background-color: rgba(0,0,0,.7);box-sizing:border-box;}
div.gnbBg {display: none !important;}

ul#gnb {position: relative;overflow-x: hidden;overflow-y: auto;height: calc(100% - 115px);padding-top: 115px;background-color: #fff;}
ul#gnb a {text-align: center;}
ul#gnb > li {border-bottom:1px solid #ccc;}
ul#gnb > li > a {position: relative;display: block;padding: 13px 30px 14px 15px;color: #162b48;font-size: 16px;line-height: 20px;font-family: 'Pretendard-SemiBold', sans-serif;}
ul#gnb > li > a:after {position: absolute;display: block;top: 50%; transform: translateY(-50%); right: 30px;content: "\f0d7";font-family: "Font Awesome 6 Free";color: #162b48;font-weight: 900;}

ul#gnb .on > a,
ul#gnb .on > a:after {color: #3866a3;}
ul#gnb .on > a:after {transform: rotate(180deg);top: 30%;}

ul#gnb .on > a {border-bottom:1px solid #ccc;}

ul#gnb > li.admin a {color: #c21b3a;}
ul#gnb > li.admin a:after {display: none;}

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

ul.gnbUtil {position: absolute;right: 0;top: 70px;width: calc(100% - 70px);height: 45px;background-color: #253058;box-sizing: border-box; }
ul.gnbUtil > li {width: 33.3%;box-sizing:border-box;}
ul.gnbUtil > li:nth-child(2), ul.gnbUtil > li:nth-child(2) a {display: none !important;}
ul.gnbUtil li.admin, ul.gnbUtil li.admin a {display: none;}

ul.gnbUtil li:nth-child(3) a {background-color: #405189;}

ul.gnbUtil a {display: block;text-align: center;font-size: 15px;line-height: 45px;color: #fff;font-family: 'Pretendard-SemiBold',  sans-serif;box-sizing:border-box;}

div.dDay {position: absolute;right: 0;top: 0;width: calc(100% - 70px);height:70px;background: linear-gradient(to right, #40a08a, #5d5ea9);box-sizing: border-box;}
div.dDay > span {position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);width: 170px;padding-left: 50px;background:url('../image/common/dDay_icon.png') no-repeat center left;background-size:40px auto;color: #fff;font-family: 'Pretendard-Medium', sans-serif;font-size: 12px;box-sizing: border-box; }
div.dDay span.dDay {display: block;font-size: 25px;line-height: 30px;color: #ffeb10;font-family: 'Montserrat-ExtraBold', sans-serif;text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }


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) {
div.wrapper {position: relative;width: 100%;min-width:1280px;margin: 0;padding: 0; font-size:18px; line-height: 28px;color: #000; }
p.viewMenu {display: none;}


div#headerWrap {position: relative;width: 100%;height: 165px;}
div#headerWrap:after {z-index: -1;position: absolute;content:'';left: 0;bottom: 0;width: 100%;height: 60px;background: #1d253f;}
div#headerWrap > div {position: relative;width: 1300px;margin: 0 auto;padding-top: 105px;height: 60px;}
div#headerWrap h1 {position: absolute;width: 237px;height: 71px;left: 0;top: 11px;}
div#headerWrap h1 a {display: block;} 

div.dDay {display: none;}

ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {z-index:40;position: relative; display: inline-block; width: 100%;height: 60px;font-size: 0;line-height: 0;}
ul#gnb > li {position: relative;display: inline-block;vertical-align: top;text-align: center;width: calc(100% / 6);box-sizing:border-box;}
ul#gnb > li > a {position: relative;display: table-cell;vertical-align: middle;width: 300px;height: 60px;padding: 0 5px;font-size: 20px;line-height: 23px;font-family: 'Pretendard-Medium', sans-serif;color: #222;}
ul#gnb > li > a:hover,
ul#gnb > li > a:focus {color: #6fd0ec;}

ul#gnb > li.admin, ul#gnb > li.admin a {display: none;}

ul#gnb > li > a {color: #fff;}
div.gnbBg {display: none; z-index: 30;position: absolute;left: 50%;transform:translateX(-50%);top: 165px;width: 100%;background: rgba(255, 255, 255, 0.98);box-shadow:0 20px 20px 20px rgba(0, 0, 0, 0.6);}

ul#gnb ul {position: absolute;left: 0;top: 60px;width: 100%;padding: 20px 10px;box-sizing:border-box;}
ul#gnb ul li {position: relative;text-align:left;margin-top: 20px;text-align: center;}
ul#gnb ul li:first-child {margin-top: 0;}
ul#gnb ul a {display: block;font-family: 'Pretendard-Regular',  sans-serif;color: #1d253f;font-size: 16px;line-height: 22px;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {text-decoration: underline;color: #008cd6;}

div#headerWrap ul.gnbUtil {position:absolute;right:0;top: 39px;font-size: 0;line-height: 0;}
div#headerWrap ul.gnbUtil a {position: relative;display: block;height: 30px;padding: 0 20px;line-height: 30px;font-size: 15px;color: #888;}
div#headerWrap ul.gnbUtil a:before {position: absolute; display: block; left: 0;top: 50%; transform: translateY(-50%);width: 1px;height: 10px;background-color: #ccc; content:'';}
div#headerWrap ul.gnbUtil li:first-child a:before {display: none;}

div.gnbClose {display: none;}
}

div#quickMenu dl, div#quickMenu dt, div#quickMenu dd, div#quickMenu ul, div#quickMenu li, div#quickMenu a {margin: 0;padding: 0;list-style: none;}
div#quickMenu {}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#quickMenu {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#quickMenu {z-index: 25;position: fixed;right: 70px;top: 200px;width: 130px;box-shadow:0 0 16px rgba(28,35,95,.45);border-radius: 20px 7px 20px 7px;background: url('../image/common/quickMenu_bg.png') bottom right no-repeat, linear-gradient(to bottom, #4ca0cd, #7e70c7);}
div#quickMenu dt,
div#quickMenu ul.goto a {position: relative;display: block;color: #fff;font-size: 18px;letter-spacing: 1px;font-family: 'Pretendard-Medium', sans-serif;text-align: center;background-position: center center;background-repeat: no-repeat;}

div#quickMenu dl {padding: 13px 6px 12px;}
div#quickMenu dt {line-height: 30px;color: #fff36a;}
/* div#quickMenu dt {line-height: 50px;} */
div#quickMenu dd {}
div#quickMenu dd ul {padding-top: 11px;font-size: 0;line-height: 0;}
div#quickMenu dd li {overflow: hidden;display: inline-block;vertical-align: top;width: calc(50% - 2px);margin-left: 4px;border-radius: 0 0 20px 0;}
div#quickMenu dd li:first-child {margin-left: 0;border-radius: 20px 0 0 0;}
div#quickMenu dd a {display: table-cell;width: 100px;height: 75px;padding: 0 3px;box-sizing: border-box;color: #151f43;font-size: 13px;font-weight: 600;line-height: 15px;background-color: #fff;text-align: center;vertical-align: middle;font-family: 'Pretendard-Regular', sans-serif;}
div#quickMenu dd a:before {display: block;height: 29px;content: "";background: url('../image/common/quick_nonMember.png') center top no-repeat;}
div#quickMenu li:first-child a:before {background-image: url('../image/common/quick_member.png');}

div#quickMenu dd a:hover {background: #151f43; color: #fff;}
div#quickMenu dd a:hover:before {background-image: url('../image/common/quick_nonMember_on.png');}
div#quickMenu li:first-child a:hover:before {background-image: url('../image/common/quick_member_on.png');}

div#quickMenu ul.goto > li {border-top: 1px solid #fff;}
div#quickMenu ul.goto a {display: table-cell;width: 140px;height: 60px;vertical-align: middle;line-height: 18px;}

div#quickMenu div.close {position: absolute;left: 50%;bottom: -50px;transform:translateX(-50%);border-radius: 50%;box-shadow:0 0 16px rgba(28,35,95,.45);}
div#quickMenu div.close a,
div#quickMenu div.close img {display: block;}
}


/* Contents */
div#container {}

div.lnbWrap {z-index: 10;position: relative;}
div.lnbWrap * {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap dl {position: relative;}

div.lnbWrap p.home a,
div.lnbWrap p.viewMenu a {font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
div.lnbWrap dd {position: absolute;left: 0;width: 100%;border:1px solid #485479;border-top: 0 none;background-color:#fff;box-sizing:border-box;}
div.lnbWrap dd a {display: block;}


h2.pageTit {margin: 0;background-position: left center;background-repeat: no-repeat;font-family: 'Pretendard-Medium', sans-serif;}

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

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

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

h2.pageTit {padding: 30px 0 20px;font-size: 24px;line-height: 30px;background-image: url('../image/common/pageTit_m.png');background-size: 30px;}
.subTit {margin: 30px 0 10px;padding-left: 13px;color: #111754;font-size: 18px;line-height: 24px;font-family: 'Pretendard-Medium', sans-serif;background-size: 5px;background-position: left top 13px;}


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

div.lnbWrap p.viewMenu {z-index: 20;position: absolute;right: 0;top: 0;width: 65px;height: 65px;}
div.lnbWrap p.viewMenu a {display: block;height: 65px;background-image: url('../image/common/viewMenu_m.png');background-size: 100%;}

div.lnbWrap dl {position: relative;height: 50px;}
div.lnbWrap dl dt {background-color: #2a3969;border-top:1px solid #7f88a5;}
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: 17px;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;padding-left: 10px;content: "\f0d7";font-family: "Font Awesome 6 Free";font-weight: 900;}
div.lnbWrap dt.view a:after {padding-left: 0;padding-right: 10px;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;color: #252525;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular',  sans-serif;}

div.lnbWrap dl.gnb {height: 65px;}
div.lnbWrap dl.gnb dt {padding: 0 65px;background-color: #1d253f;}
div.lnbWrap dl.gnb dt a {height: 65px;line-height: 43px;}
div.lnbWrap dl.gnb dd {z-index: 20;top: 65px;}

div.contents {padding: 30px 15px;text-align: justify;font-size: 16px;line-height: 22px;color: #222;font-family: 'Pretendard-Regular', sans-serif;}

.introTit{font-size:16px}
.introCont{font-size:16px}

p#goTop {position: fixed; right:20px;bottom: 100px;width: 32px;height: 32px;}

div.mobileNote {padding: 50px 0 !important;}
div.mobileNote img {display: block;width: 280px;margin: 0 auto;}

div.ing {padding: 50px 0;}
div.ing img {display: block;width: 226px;margin: 0 auto;}
}

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

div.viewMenu {display: none;}

h2.pageTit {width: 1300px;margin: 130px auto 40px;padding-left: 40px;background-image: url('../image/common/bg_sub_tit.png');color: #2a3969;font-size: 32px;box-sizing: border-box; }
/* h2.pageTit {width: 1300px;margin: 130px auto 40px;padding-left: 40px;background-image: url('../image/common/pageTit.png');color: #2a3969;font-size: 32px;box-sizing: border-box; } */

div.lnbWrap {z-index: 30;position: absolute;left: 50%; transform: translateX(-50%); top: 300px;width: 1300px;height:65px; background-color:#fff;box-shadow: 0 4px 10px 10px rgba(0, 0, 0, 0.08);}
div.lnbWrap.fixed {position:fixed;left:0;top:0;width:100%;}

div.lnbWrap a {display:block;color:#222;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:65px;height:65px;background-image: url('../image/common/lnb_home.png');background-color: #b54054;} */
div.lnbWrap p.home a {width:65px;height:65px;background-image: url('../image/common/lnb_home.png');background-color: #cf43b6;}

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

div.lnbWrap dl {height:65px;}
div.lnbWrap dt a {position:relative;padding:22px 80px 20px 20px;font-size:18px;line-height: 23px;color: #222;font-family: 'Pretendard-Regular', sans-serif;}
div.lnbWrap dt a:before {position: absolute; display: block; right: 0;top: 50%; transform: translateY(-50%); width: 1px;height: 35px;background-color: #d9d9d9;content:'';}
div.lnbWrap dt a.trigger:after {position:absolute;right:20px;top: 50%; transform: translateY(-50%); width: 14px;height: 8px;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;}
div.lnbWrap dd a {display: block;padding:5px 20px;color:#242a58;font-size: 18px;line-height: 25px;}
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus {text-decoration: underline;color: #325ebd;}

div.lnbWrap p.home + dl a {text-transform: uppercase;}

div.contents {width: 1300px;margin: 0 auto;padding: 0 0 50px;text-align: justify;font-size: 18px;line-height: 25px;color: #000;}

p#goTop {position: fixed; bottom: 160px; left:50%;margin-left: 665px;width: 55px;height: 55px;}
}



/* Footer */
div#footerWrap {position:relative;background-color: #3b3d49;}
div#footerWrap,
div#footerWrap a {color: #fff;text-decoration: none;}
div#footerWrap address {display: inline-block;font-style: normal;vertical-align: top;}
div#footerWrap ul, div#footerWrap li {margin: 0; padding: 0; list-style: none; }

div#footerWrap dl.support {}
div#footerWrap dl.support dt {display: block;vertical-align:middle; color: #fff;}
div#footerWrap dl.support li:before {display:none !important;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.supporters dl, div.supporters dt, div.supporters dd, div.supporters ul, div.supporters li {margin: 0;padding: 0;list-style:none;}
div.supporters {width:100%; position:absolute; left:0; bottom:0; padding: 15px;background-color: #fff; border-top:  1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; box-sizing:border-box;}	
div#container.main div.supporters{bottom:231px;}
div.supporters dl {overflow: hidden;}
div.supporters dt {float: left;font-size: 14px;line-height: 40px;color:#555;margin-right: 20px;font-weight: bold;}
div.supporters dl dd {overflow: hidden; vertical-align: middle;}
div.supporters ul {font-size: 0; overflow: hidden;}
div.supporters li {list-style:none; display:inline-block; width:calc(50% - 5px); vertical-align: middle; font-size: 15px; margin-left: 10px;}
div.supporters li:first-child {margin-left: 0;}
div.supporters li img{max-width:100%; height:40px;}
div.supporters img {display:block;}

/* Footer */
/* div#footerWrap {padding: 15px 15px 70px;text-align: center;font-size: 12px;line-height: 16px;}
div#footerWrap p,
div#footerWrap dt {text-align: center;}
div#footerWrap p,
div#footerWrap dt {padding-bottom: 10px;}
div#footerWrap dl {padding-top: 10px;}
div#footerWrap li {padding-left: 15px;font-size: 12px;line-height: 16px;} */

div#footerWrap div {display: none;}
div#footerWrap p {padding: 10px;text-align: center;font-size: 15px;line-height: 20px;font-family: 'Pretendard-Regular',  sans-serif;text-align: center;background-color: #3b3d49;}

div#footerWrap dl.support li {padding-left: 0px !important;}

div#footerWrap ul.contact li + li {margin-top: 3px;}
div#footerWrap ul.contact img {width: 12px;height: 12px;padding: 2px 5px 0 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/* 서포터즈 */
div.supporters {background-color: #fff; border-top:  1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}	
div.supporters > div {width: 1250px; margin: 0 auto; overflow: hidden; padding: 13px 0 14px;}

div.supporters dl {float: left; margin-left: 100px;}
div.supporters dl:first-child{margin-left: 0;}
div.supporters dt {float: left; font-size:18px; color:#555555; width: 120px; margin-right: 20px; padding: 8px 0; font-weight: bold;}
div.supporters dl:first-child dt{width:60px;}
div.supporters dd {overflow: hidden; vertical-align: middle;}
div.supporters ul {font-size: 0; overflow: hidden;}
div.supporters li {list-style:none; display:inline-block; vertical-align: middle; font-size: 15px; margin-left: 10px;}
div.supporters li:first-child {margin-left: 0;}
div.supporters img {display:block;}

/* Footer */
div#footerWrap {}
div#footerWrap div {position: relative; width:1300px; margin: 0 auto; padding: 25px 0;box-sizing:border-box;}
div#footerWrap div:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div#footerWrap dl {float: left;margin-right: 50px;}
div#footerWrap dl:last-child {margin-right: 0;}
div#footerWrap dt {font-family: 'Pretendard-Medium', sans-serif;}
div#footerWrap dt a,
div#footerWrap dt img {display: block;}
div#footerWrap dt a {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
div#footerWrap li {position: relative;font-size: 14px;line-height: 23px;}

div#footerWrap p.copyright {display: none;text-align: center;color: #fff;font-size: 14px;line-height: 55px;background-color: #1b1d29;}


div#footerWrap dl.support {width: 20%;padding: 0;}
div#footerWrap dl.support dt {line-height: 20px;}
div#footerWrap dl.support li {padding-left: 0;margin-left: 0;}

div#footerWrap dl.contactWrap {margin-left: 20px}
div#footerWrap ul.contact img {width: 14px;height: 14px;padding: 4px 5px 0 0;}
}




div#footerWrap .visitCount {text-align: right;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap .visitCount {padding: 15px 0 0 !important;font-size: 12px;line-height: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#footerWrap .visitCount {position: absolute;right: 0;bottom: 0;width: auto;font-size: 14px;line-height: 18px;}
}


/* ========================================================================================================================== */
/* ======================================================== 메인 ============================================================== */
/* ========================================================================================================================== */

div.mainWrap {}
div.mainWrap div.gnbBg {display: none !important;height: 0 !important;}

/* 240909 추가 start */
div.mainWrap .link-btn {display: flex;font-size: 0;}
div.mainWrap .link-btn a {color: #fff;}
div.mainWrap .link-btn a span {display: flex;align-items: center;font-family: 'Pretendard-SemiBold', sans-serif;}
div.mainWrap .link-btn a span::before {content: '';background-repeat: no-repeat;background-position: center center;}
div.mainWrap .link-btn a span.link-btn-vod::before {background-image: url('../image/icon/icon_vod.png');}
div.mainWrap .link-btn a span.link-btn-ebook::before {background-image: url('../image/icon/icon_ebook.png');}
/* 240909 추가 end */

div.mainCon {position: relative;}
ul.mainQuick, ul.mainQuick li {margin: 0; padding: 0; list-style: none; }
ul.mainQuick a {text-align: center;color: #1d253f;font-family: 'Pretendard-Medium',  sans-serif;box-sizing: border-box; background-color: #ffffff; background-repeat: no-repeat;} 
ul.mainQuick li:hover a {background-repeat: no-repeat; color: #fff;}
ul.mainQuick a img {display: block;margin:0 auto; }


ul.mainQuick li:nth-child(1) a {background-image: url('../image/main/mainQuick01.png');}
ul.mainQuick li:nth-child(2) a {background-image: url('../image/main/mainQuick02.png');}
ul.mainQuick li:nth-child(3) a {background-image: url('../image/main/mainQuick03.png');}

/* 24-04-04 메인 변경으로인한 css 추가*/
ul.mainVisual {margin: 0; padding: 0; list-style: none;}
ul.mainVisual ul:after {clear: both; content:''; display: block;}
.bx-pager {position: absolute;}
.bx-pager .bx-pager-item {display: inline-block;}
.bx-pager .bx-pager-item:first-child {margin-left: 0;}
.bx-pager .bx-pager-item a {width: 12px; height: 12px; background:url('../image/main/mainPager.png') no-repeat center center; font-size:0;}
.bx-pager .bx-pager-item a.active {width: 30px; height: 12px; background:url('../image/main/mainPager_on.png') no-repeat center center;}

/* 24-07-09 링크 추가 */
ul.mainVisual li {position: relative;}
ul.mainVisual li.link-lecture a {position: absolute; left: 50%; top: 50%;}
/* 24-05-24 slogan 추가 */
div.mainSlogan {position: absolute;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainWrap div#headerWrap {position: relative;height: 65px;background-color: #1d253f;box-sizing: border-box; }
div.mainWrap div#headerWrap h1 {display: block;position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); }
div.mainWrap div#headerWrap h1 a {display: block;width: 80px;height: 43px;background:url('../image/main/main_header_v2.png') no-repeat center top;background-size: 100% 100%;}
div.mainWrap div#headerWrap h1 img {display: none;} 
div.mainWrap p.viewMenu {display: block;position: absolute;top: 0;right: 0;}
div.mainWrap p.home {display: block;position: absolute;top: 0;left: 0;width: 65px;height: 65px;  background: url('../image/common/lnb_home_m.png') no-repeat center top;  background-size: 100% 100%; font-size: 0;  line-height: 0;}

/* 240909 추가 start */
div.mainWrap .link-btn {}
div.mainWrap .link-btn a {position: relative;width: calc(100% / 2);}
div.mainWrap .link-btn a:has(.link-btn-vod) {background-color: #c32f61;}
div.mainWrap .link-btn a:has(.link-btn-ebook) {background-color: #323a6b;}
div.mainWrap .link-btn a + a::before {content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 1px;background-color: #ffffff;}
div.mainWrap .link-btn a span {justify-content: center;gap: 12px;padding: 11px 10px 10px;font-size: 16px;}
div.mainWrap .link-btn a span.link-btn-vod::before {width: 36px;height: 27px;}
div.mainWrap .link-btn a span.link-btn-ebook::before {width: 40px;height: 24px;}
/* 240909 추가 end */

div.mainVisual li > img {width: 100%;}

.mainVisual {z-index: 1;}
.bx-pager {position: absolute; right: 20px; bottom: 125px; z-index: 10;}
.bx-pager-item  {margin-left: 5px;}

ul.mainQuick {display: grid; grid-template-columns: repeat(3, 1fr);}
ul.mainQuick a {display: block;padding: 70px 0 15px;font-size: 14px;border-left:1px solid #aaafc0;border-bottom: 1px solid #aaafc0;height: 105px; box-sizing:border-box;}
ul.mainQuick li:hover a {color: #1d253f;}
ul.mainQuick li:nth-child(1) a {border-left: 0 none;}
ul.mainQuick a {background-position: center 15px; background-size: auto 40px;}

/* 24-05-24 slogan 추가 */
div.mainSlogan {position: absolute; bottom: 125px; left: 20px; height: 37px; z-index: 1;}
div.mainSlogan img {display: block; height: 37px;}

/* 24-07-09 링크 추가 */
ul.mainVisual li {width: 100% !important;}
ul.mainVisual li.link-lecture {max-width: 720px;}
ul.mainVisual li.link-lecture a {width: 45%; height: 37.5%; border-radius: 1% 1% 27% 1%;}
ul.mainVisual a.lecture1 {margin-left: -46%; margin-top: -33%;}
ul.mainVisual a.lecture2 {margin-left: 1%; margin-top: -33%;} 
ul.mainVisual a.lecture3 {margin-left: -46%; margin-top: 5%;}
ul.mainVisual a.lecture4 {margin-left: 1%; margin-top: 5%;}

/* 24-08-27 링크 추가 */

ul.mainVisual li.link-lecture.type1 a {width: 45%; height: 27.5%; border-radius: 1% 1% 18% 1%;}
ul.mainVisual a.lecture5 {margin-left: -46%; margin-top: -34.5%;}
ul.mainVisual a.lecture6 {margin-left: 1%; margin-top: -34.5%;} 
ul.mainVisual a.lecture7 {margin-left: -46%; margin-top: -7%;}
ul.mainVisual a.lecture8 {margin-left: 1%; margin-top: -7%;}
ul.mainVisual a.lecture9 {margin-left: -46%; margin-top: 20%;}


ul.mainVisual a.lecture10 {margin-left: -46%; margin-top: -34.5%;}
ul.mainVisual a.lecture11 {margin-left: 1%; margin-top: -34.5%;} 
ul.mainVisual a.lecture12 {margin-left: -46%; margin-top: -7%;}
ul.mainVisual a.lecture13 {margin-left: 1%; margin-top: -7%;}
ul.mainVisual a.lecture14 {margin-left: -46%; margin-top: 20%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainWrap {width: 100%;min-width: 1660px;}
div.mainWrap h1, div.mainWrap h1 a, div.mainWrap h1  img,
div.mainWrap p.home {display: none;font-size: 0;line-height: 0;text-indent:-9999px;}
div.mainWrap  div#headerWrap ul#gnb {top: 900px;}
div.mainWrap div#headerWrap {height: 0;}
div.mainWrap div#headerWrap > div {position: relative;width: 1300px;height: 0;padding: 0;margin:0 auto; }
div.mainWrap div#headerWrap:after {top: 900px;}
div.mainWrap div#headerWrap ul.gnbUtil {z-index: 10;height: 45px;top: 0;left: 0;right: unset;overflow:hidden; } /* 240909 수정 */
div.mainWrap div#headerWrap ul.gnbUtil a {height: 45px;color: #2c344c;line-height: 45px;background-color: #dfe8fd;}
div.mainWrap div#headerWrap ul.gnbUtil a:before {background-color: #2c344c;}

div.mainWrap ul#gnb > li.on >  a {background-color: #fac21c;color: #fff;}
div.mainWrap ul#gnb ul {display: none;top: auto;bottom: 60px;padding: 20px 15px;background-color: #fff;border:5px solid #fac21c;border-bottom: 0;}
div.mainWrap ul#gnb ul a {position: relative;padding-left: 10px;text-align: left;color: #a1a1a1;}
div.mainWrap ul#gnb ul a:before {position: absolute; display: block; left: 0;top: 7px; width: 3px;height: 3px;border-radius: 50%;background-color: #fac21c;content:'';}
div.mainWrap ul#gnb ul a:hover {color: #272727;font-family: 'Pretendard-Medium',  sans-serif;text-decoration:none; }

/* 240909 추가 start */
div.mainWrap .link-btn-wrap {position: relative;width: 1300px;margin: 0 auto;}
div.mainWrap .link-btn {position: absolute;top: 0;left: 0;gap: 5px;z-index: 10;}
div.mainWrap .link-btn a {border-radius: 0 0 10px 10px;}
div.mainWrap .link-btn a:has(.link-btn-vod) {background-color: #c32f61;}
div.mainWrap .link-btn a:has(.link-btn-ebook) {background-color: #202857;}
div.mainWrap .link-btn a span {gap: 12px;padding: 9px 18px 8px;font-size: 18px;}
div.mainWrap .link-btn a span.link-btn-vod::before {width: 36px;height: 27px;}
div.mainWrap .link-btn a span.link-btn-ebook::before {width: 40px;height: 24px;}
/* 240909 추가 end */

div.mainWrap div.dDay {z-index: 10;position: absolute;display: block;left: 20%;top: 583px;width: 248px;height: 259px;padding: 95px 30px 0 45px;background:url('../image/main/main_dDay.png') no-repeat center top;text-align: center;color: #fff;font-size: 20px;line-height: 24px;font-family: 'Pretendard-Medium',  sans-serif;box-sizing: border-box; }
div.mainWrap div.dDay span.dDay {display: block;color: #ffeb10;font-size: 55px;line-height: 1;font-family: 'Pretendard-ExtraBold',  sans-serif;text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);}

div.mainWrap div#container {background: none;padding-top: 0;}
div.mainCon {max-width:1920px;margin:0 auto; }
div.mainVisual,
div.mainVisual img {height:900px;}

ul.mainVisual {z-index:1;}
ul.mainVisual,ul.mainVisual li img {height: 900px;}
ul.mainVisual li {width: 100% !important; }
.bx-pager {left: 50%; top: 653px; margin-left: 120px; height: 12px; z-index: 10;}
.bx-pager .bx-pager-item {margin-left: 10px;}

ul.mainQuick {position: absolute;left: 310px; bottom: 28px;width: 700px; display:flex; gap : 30px; z-index: 2;}
ul.mainQuick li {width: 213px; height: 213px; box-sizing:border-box;}
ul.mainQuick a {position: relative; display: block;width: 100%;height: 100%; padding-top: 153px;font-size: 20px; border-radius:9px 9px 49px 9px; background-position: center 48px;}
ul.mainQuick li:nth-child(1) a:hover {background-image: url('../image/main/mainQuick01_over.png');}
ul.mainQuick li:nth-child(2) a:hover {background-image: url('../image/main/mainQuick02_over.png');}
ul.mainQuick li:nth-child(3) a:hover {background-image: url('../image/main/mainQuick03_over.png');}
ul.mainQuick li:hover a { background-position: center 48px; background-color: transparent;}
ul.mainQuick li:hover a:before {position: absolute; left: 0; top: 0; width: 213px; height: 213px; content:''; background:url('../image/main/mainQuickBg_over.png') no-repeat center top;}
ul.mainQuick a img {padding-bottom: 20px;}

ul.mainQuick li:first-child a {border-top: 0 none;}

/* 24-05-24 slogan 추가 */
div.mainSlogan {position: absolute; top: 113px; right: 50%; width: 412px; height: 99px; margin-right: -503px; z-index: 1; transition:all 1s;}
div.mainSlogan img {display: block;}
/* 24-07-09 링크 추가 */
ul.mainVisual li.link-lecture a {width: 645px; height: 275px; border-radius: 8px 8px 120px 8px;}
ul.mainVisual a.lecture1 {margin-left: -645px;  margin-top: -280px;}
ul.mainVisual a.lecture2 {margin-left: 21px;  margin-top: -280px;}
ul.mainVisual a.lecture3 {margin-left: -645px;  margin-top: 26px;}
ul.mainVisual a.lecture4 {margin-left: 21px;  margin-top: 26px;}

/* 24-08-27 링크 추가 */
ul.mainVisual li.link-lecture.type1 a {width: 425px; height: 280px; border-radius: 8px 8px 120px 8px;}
ul.mainVisual a.lecture5 {margin-left: -645px;  margin-top: -280px;}
ul.mainVisual a.lecture6 {margin-left: -202px;  margin-top: -280px;}
ul.mainVisual a.lecture7 {margin-left: 240px;  margin-top: -280px;}
ul.mainVisual a.lecture8 {margin-left: -424px;  margin-top: 19px;}
ul.mainVisual a.lecture9 {margin-left: 20px;  margin-top: 19px;}

ul.mainVisual a.lecture10 {margin-left: -645px;  margin-top: -280px;}
ul.mainVisual a.lecture11 {margin-left: -202px;  margin-top: -280px;}
ul.mainVisual a.lecture12 {margin-left: 240px;  margin-top: -280px;}
ul.mainVisual a.lecture13 {margin-left: -424px;  margin-top: 19px;}
ul.mainVisual a.lecture14 {margin-left: 20px;  margin-top: 19px;}

}


div.moreCon {display: grid;}
div.moreCon ul, div.moreCon li,
div.mainBbs ul, div.mainBbs li {margin: 0; padding: 0; list-style: none; }
div.moreCon dt {position: relative; color: #222;font-family: 'Pretendard-SemiBold',  sans-serif;background:url('../image/main/main_titIcon.png') no-repeat left top;line-height: 1;}
div.moreCon dt:after {z-index: 1;position: absolute;left: 0; width: 100%; height: 1px; content:''; background-color: #222;}
div.moreCon dt span {z-index:2; padding-right: 15px;background-color: #fff; position: relative; }

dl.mainInvited dd,
dl.mainInvited li {position: relative;}
dl.mainInvited li > * {display: block;}
dl.mainInvited img {position: absolute;left: 0;top: 50%; transform: translateY(-50%); border-radius:50%;}
dl.mainInvited span.tit {font-family: 'Pretendard-Medium',  sans-serif;}
dl.mainInvited span.info {color: #383838;font-family: 'Pretendard-Light',  sans-serif;}
dl.mainInvited span.info span {display: inline-block;vertical-align: top;}
dl.mainInvited span.name {color: #b72d3b;font-family: 'Pretendard-Light',  sans-serif;}
dl.mainInvited span.name span {display: block;font-family: 'Pretendard-Regular',  sans-serif;}

dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next {position: absolute;display: block;top: 50%; transform: translateY(-50%);font-size: 0;line-height: 0;text-indent:-9999px; }
dl.mainInvited a.bx-prev {background:url('../image/main/main_prev.png') no-repeat center top;}
dl.mainInvited a.bx-next {background:url('../image/main/main_next.png') no-repeat center top;}

dl.mainImportant ul {display: grid;}
dl.mainImportant li {position: relative; background-repeat: no-repeat;background-position: 0 0;color: #fff;background-size:100% 100%;}
dl.mainImportant li span.date {display: block; font-family: 'Pretendard-SemiBold',  sans-serif;}
dl.mainImportant li span.dday {position: absolute; font-family: 'Pretendard-Bold',  sans-serif; border-radius:50%; background-color: #fff; text-align: center;}
dl.mainImportant li:nth-child(1) span.dday{color: #842678;}
dl.mainImportant li:nth-child(2) span.dday{color: #162457;}
dl.mainImportant li:nth-child(3) span.dday{color: #a15a08;}
dl.mainImportant li:nth-child(4) span.dday{color: #3b3e7a;}

dl.mainTravel ul {display: grid;}
dl.mainTravel ul li a {color: #fff; font-family: 'Pretendard-SemiBold',  sans-serif; background-repeat: no-repeat; background-position: left top;}
dl.mainTravel ul li a img {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.moreCon {padding: 20px 10px 0;}
div.moreCon dl {overflow-x: auto;padding-bottom: 20px;}
div.moreCon dt {padding: 15px 0;background-size: auto 7px;}
div.moreCon dt:after {bottom: 18px;}

dl.mainInvited dd {padding: 15px 20px;border:1px solid #dcdcdc;border-radius: 5px;box-sizing: border-box; }
dl.mainInvited span.tit {padding-bottom: 10px;font-size: 15px;line-height: 20px;letter-spacing: -1px;}
dl.mainInvited span.info {padding-bottom: 7px;font-size: 13px;line-height: 1;}
dl.mainInvited span.info span {padding-left: 5px;margin-left: 5px;border-left:1px solid #adadad;}
dl.mainInvited span.name {font-size: 14px;letter-spacing: -0.5px;line-height: 18px;}
dl.mainInvited span.name span {font-size: 14px;}
dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next {width: 8px;height: 20px;background-size:100% 100%;}
dl.mainInvited a.bx-prev {left: 4px;}
dl.mainInvited a.bx-next {right: 4px;}
dl.mainInvited li {padding-left: 85px;}
dl.mainInvited li img {width:80px;}

dl.mainImportant ul { grid-template-columns: repeat(1, 1fr); gap: 10px;}
dl.mainImportant li {padding: 10px 20px;border-radius: 5px;font-size: 15px;letter-spacing: -1px;background-size:100% 100%; height: 70px; box-sizing:border-box;}
dl.mainImportant li:nth-child(1) {background-image:url('../image/main/main_important_bg01m.png');}
dl.mainImportant li:nth-child(2) {background-image:url('../image/main/main_important_bg02m.png');}
dl.mainImportant li:nth-child(3) {background-image:url('../image/main/main_important_bg03m.png');}
dl.mainImportant span.date {padding-top: 5px;font-size: 16px;}
dl.mainImportant span.dday {position: absolute; right:13px; top: 50%; transform:translateY(-50%); width: 45px; line-height: 45px; font-size:15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.moreCon {width: 1300px;margin: 60px auto 0; grid-template-columns: repeat(2, 1fr); gap: 30px 40px; padding-top: 50px;}
div.moreCon dl {padding: 0 0 55px;}
div.moreCon dt {padding: 30px 0 27px;font-size: 30px;}
div.moreCon dt:after {bottom: 27px; }

dl.mainInvited dd {padding: 25px 60px;}
dl.mainInvited li {padding-left: 180px;}
dl.mainInvited span.tit {padding-bottom: 18px;font-size: 22px;line-height: 30px;letter-spacing: -0.5px;}
dl.mainInvited span.info {padding-bottom: 10px;font-size: 16px;line-height: 1;}
dl.mainInvited span.info span {padding-left: 10px;margin-left: 10px;border-left:1px solid #adadad;}
dl.mainInvited span.name {font-size: 16px;}
dl.mainInvited span.name span {font-size: 18px;}
dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next {width: 16px;height: 30px;}
dl.mainInvited a.bx-prev {left: 0;}
dl.mainInvited a.bx-next {right: 0;}

dl.mainImportant ul {grid-template-columns: repeat(4, 1fr); gap: 8px;}
dl.mainImportant li {padding: 20px 10px 75px;border-radius: 5px 5px 49px 5px; font-size: 15px; line-height: 20px;letter-spacing: -0.5px;}
dl.mainImportant li:nth-child(1) {background-image:url('../image/main/main_important_bg01.png');}
dl.mainImportant li:nth-child(2) {background-image:url('../image/main/main_important_bg02.png');}
dl.mainImportant li:nth-child(3) {background-image:url('../image/main/main_important_bg03.png');}
dl.mainImportant li:nth-child(4) {background-image:url('../image/main/main_important_bg04.png');}
dl.mainImportant span.date {padding-top: 15px;font-size: 17px;}
dl.mainImportant span.dday {position: absolute; right:13px;  bottom: 14px; width: 71px; line-height: 71px; font-size:18px;}

dl.mainNotice ul {height: 130px; padding: 30px 30px 30px 140px; background-position: left 35px center; background-repeat: no-repeat; background-color: #f3f7ff;}
dl.mainNotice ul li {padding-right: 111px; line-height: 21px; margin-top: 15px;}
dl.mainNotice ul li:first-child {margin-top: 0;}

dl.mainNewsletter ul {height: 130px; padding: 30px 30px 30px 169px; background-position: left 47px center; background-repeat: no-repeat; background-color: #fff5f7;}
dl.mainNewsletter ul li {padding-right: 111px; line-height: 21px; margin-top: 15px;}
dl.mainNewsletter ul li:first-child {margin-top: 0;}

dl.mainTravel ul {grid-template-columns: repeat(2, 1fr); gap: 10px;}
dl.mainTravel ul li a {padding: 30px 28px 60px; display: block; font-size:20px; line-height: 25px;}
dl.mainTravel ul li a img {margin-top: 13px;}
dl.mainTravel ul li:nth-child(1) a {background-image:url('../image/main/mainTravel_01.png');}
dl.mainTravel ul li:nth-child(2) a {background-image:url('../image/main/mainTravel_02.png');}

}

/* 2023-06-12 메인 추가 */
div.moreCon.mainInfo {}

ul.youtubeList {display: grid;}

div.moreCon dl.mainJournal dd,
ul.youtubeList li {overflow: hidden;border-radius:5px;}
.mainJournal dd ul li:nth-child(1) {background-color: #bcf2cb;}
.mainJournal dd ul li:nth-child(2) {background-color: #1ececa;}
.mainJournal dd ul li > img {display: block;}
.mainJournal dd ul li a {font-family: 'Pretendard-SemiBold',  sans-serif;}
.mainJournal dd ul li a img {display: inline-block; vertical-align: top;}

/* main journal 수정 - 25.06.19 mj.park */
.mainJournal dd ul li a img{
	vertical-align: middle;
}

.moreCon .seoul {position: relative;}
.moreCon .seoul:before {position: absolute; content:'';}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.youtubeList {grid-template-columns: repeat(2, 1fr); gap: 10px;}
ul.youtubeList li {height: 110px; }

div.moreCon dl.mainJournal dd {text-align: center;background: url('../image/main/mainJournal_bg.png') left top repeat-x;background-size: auto 100%;}
div.moreCon dl.mainJournal dd a,
div.moreCon dl.mainJournal dd img {}
dl.mainJournal dd {background: none;}
dl.mainJournal dd ul li {display:flex; justify-content: left; align-items: center; margin-top: 10px; padding: 10px 15px; box-sizing:border-box; }
dl.mainJournal dd ul li:first-child {margin-top: 0;}
dl.mainJournal dd ul li > img {height: 42px; margin-right: 20px;}
dl.mainJournal dd ul li:first-child > img {margin-right: 53.5px;}
dl.mainJournal dd ul li > a {height: 22px;}
dl.mainJournal dd ul li div a img {height: 22px; margin-right: 5px;}
dl.mainJournal dd ul li:nth-child(2) div a:first-child {margin-right: 13px; margin-top: 0;}
dl.mainJournal dd ul li:nth-child(2) div a:first-child img {height: 27px; margin-right: 0;}
dl.mainJournal dd ul li:nth-child(2) div a {margin-top: 2px;}
dl.mainJournal dd ul li div {display:flex; gap:15px; align-items: center; }

/* 2024-05-30 서울 아이콘 추가*/
.moreCon .seoul:before {width: 90px; height: 20px; right: 0; top: 2px; background: url('../image/main/seoul_logo_2025.png') no-repeat left top / contain;}
}

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

div.moreCon.mainInfo {grid-template-columns: 805px 412px; gap: 85px;}
div.moreCon dl.mainVenue,
div.moreCon dl.mainJournal {padding: 0 0 50px;}

div.moreCon dl.mainVenue dd,
div.moreCon dl.mainJournal dd {min-height: 220px;}
div.moreCon dl.mainJournal dd a {display: block;}

dl.mainJournal dd ul {display:grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
dl.mainJournal dd ul li {border-radius:4px; padding: 15px 0;}
dl.mainJournal dd ul li > img {margin: 0 auto;}
dl.mainJournal dd ul li div {display:flex; gap:15px; justify-content: center; align-items: center; margin-top: 12px;} 
dl.mainJournal dd ul li:nth-child(2) div {margin-top: 8px; gap:10px;}
dl.mainJournal dd ul li a {display: inline-block !important; vertical-align: top; line-height: 40px; font-size:20px;}
dl.mainJournal dd ul li a img {margin-right: 5px;}


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

/* 2024-05-30 서울 아이콘 추가*/
.moreCon .seoul:before {width: 160px; height: 36px; right: 0; top: 5px; background: url('../image/main/seoul_logo_2025.png') no-repeat left top /contain;}
}

div.mainBbs {background-color: #edf1f6;}
div.mainBbs > div {display: grid; }
div.mainBbs dl {overflow-x: auto;}
div.mainBbs dt {color: #222;font-family: 'Pretendard-SemiBold',  sans-serif;line-height: 1;}
div.mainBbs dd {background-color: #fff;}
div.mainBbs ul {background-repeat: no-repeat;box-sizing:border-box;}
div.mainBbs li:first-child {margin-top: 0;}
div.mainBbs li a {display: block;color: #383838;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

dl.mainNotice li {position: relative;}
dl.mainNotice dd span {position: absolute;display: block;right: 0;top: 0;color: #1c2f70;font-family: 'Pretendard-Light',  sans-serif;}

/*
dl.mainNewsletter a {display: block;position: relative;}
dl.mainNewsletter img {position: absolute;display: block;right: 0;top: 50%; transform: translateY(-50%); }
*/

dl.mainNewsletter li {position: relative;}
dl.mainNewsletter dd span {position: absolute;display: block;right: 0;top: 0; font-family: 'Pretendard-Light',  sans-serif; color: #9f0000;}

dl.mainNotice ul {background-image:url('../image/main/main_notice.png'); background-repeat: no-repeat}
dl.mainNewsletter ul {background-image:url('../image/main/main_newsletter.png');  background-repeat: no-repeat}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainBbs > div {padding: 20px 10px;grid-template-columns: repeat(1, 1fr); gap: 20px;}
div.mainBbs dt {padding-bottom: 10px;font-size: 16px;}
div.mainBbs dd {border-radius: 5px;}
div.mainBbs ul {padding: 10px 10px 10px 60px;background-position: left 10px center;background-size:40px; background-color: #f3f7ff;}
div.mainBbs li {margin-top: 5px;}
div.mainBbs li a {font-size: 14px;}

dl.mainNotice li {padding-right: 80px; line-height: 21px; margin-top: 5px;}
dl.mainNotice li:first-child {margin-top: 0;}
dl.mainNotice dd span {font-size: 13px;letter-spacing: -0.5px;}
dl.mainNotice ul {padding: 15px 15px 15px 65px;background-position: left 10px center;background-size:40px; background-color: #f3f7ff; min-height: 129px; box-sizing:border-box;}
dl.mainNotice a {width:90%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

dl.mainNewsletter li {padding-right: 80px; line-height: 21px;  margin-top: 5px;}
dl.mainNewsletter li:first-child {margin-top: 0;}
dl.mainNewsletter dd span {font-size: 13px;letter-spacing: -0.5px;}
dl.mainNewsletter ul {padding: 15px 15px  15px 65px;background-position: left 10px center;background-size:40px; background-color: #fff5f7; min-height: 129px; box-sizing:border-box;}
dl.mainNewsletter a {width:90%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

dl.mainTravel ul {grid-template-columns: repeat(2, 1fr); gap: 10px;}
dl.mainTravel ul li a {display: block; background-repeat: no-repeat; background-position: left top; background-size: 100% 100%; height: 130px; padding: 15px; box-sizing:border-box; font-size:14px;}
dl.mainTravel ul li img {margin-top: 10px;}
dl.mainTravel ul li:nth-child(1) a {background-image:url('../image/main/mainTravel_01_m.png');}
dl.mainTravel ul li:nth-child(2) a {background-image:url('../image/main/mainTravel_02_m.png');}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBbs > div {width: 1300px;margin:0 auto; grid-template-columns: repeat(2, 1fr); gap: 30px;}
div.mainBbs dl {padding: 60px 0;}
div.mainBbs dt {padding-bottom: 30px;font-size: 30px;}
div.mainBbs dd {border-radius: 10px;}
div.mainBbs ul {height: 211px;padding: 30px 30px 30px 140px;background-position: left 35px center;}
div.mainBbs li {margin-top: 13px;}
div.mainBbs li a {font-size: 17px;}

dl.mainNotice li {padding-right: 115px;}
dl.mainNotice a {width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
dl.mainNotice dd span {font-size: 17px;}
dl.mainNewsletter a {/*padding-right: 140px;*/line-height: 22px;width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
dl.mainNewsletter dd span {font-size: 17px;}
}



/* ==================== 컨텐츠 ==================== */

/* ======== Welcome Message ======== */
div.welcome {}
div.welcome:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.welcome + div.welcome {border-top: 6px solid #dbe2f2;}
div.welcome p:first-child {margin-top: 0;}
div.welcome p {color: #000;}
div.welcome p.dear {color: #0c1057;font-family: 'Pretendard-Medium', sans-serif;}

/* 240522 css 수정 start */
div.welcome p.sign {position: relative;width: 100%;text-align: left;font-family: 'Pretendard-Medium', sans-serif;font-size: 0;line-height: 0;z-index: 0;}
div.welcome p.sign > img {display: inline-block;margin-left: 0px;}
div.welcome p.sign span {display: inline-block;vertical-align:bottom; }
div.welcome p.sign span img {padding-bottom: 5px;}

div.welcome .presidents {
	display: flex;
}
div.welcome .presidents > div {
	text-align: center;
}
div.welcome .presidents > div img {
	display: block;
	margin: 0 auto;
}
div.welcome .presidents > div span {
	font-weight: bold;
}
/* 240522 css 수정 end */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.welcome {padding: 0 0 20px;}
	div.welcome + div.welcome {padding-top: 20px;}
	div.welcome p {margin-top: 20px;font-size: 12px;line-height: 17px;}
	div.welcome p.dear {font-size: 14px;text-align: left;}
	/* 240522 css 수정 start */
	div.welcome p.sign::before {
		content: '';
		position: absolute;
		top: -15px;
		left: -15px;
		width: calc(100% + 30px);
		height: 100%;
		background: url('/2024/image/sub/welcome_bg_m.png') no-repeat;
		background-size: 100% auto;
		background-position: center;
	}
	div.welcome p.sign > img {margin: 0 auto;}
	/* 240522 css 수정 end */
	div.welcome p.sign span {width: calc(100% - 81px);font-size: 13px;line-height: 17px;}
	div.welcome p.sign span img {width: 100%;}
	/* 240522 css 수정 start */
	div.welcome .presidents {
		justify-content: center;
		gap: 20px;
		margin-top: 50px;
	}
	div.welcome .presidents > div {
		font-size: 9px;
		line-height: 1.67;
	}
	div.welcome .presidents > div img + img {
		margin-block: 9px 4px;
	}
	div.welcome .presidents > div span {
		font-size: 12px;
	}
	/* 240522 css 수정 end */
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.welcome {padding: 0 0 40px;}
	div.welcome + div.welcome {padding-top: 40px;}
	div.welcome p {margin-top: 25px;font-size:21px;line-height: 28px;}
	div.welcome p.dear {margin-top: 64px;font-size: 24px;} /* 240522 css 수정 */
	/* 240522 css 수정 start */
	div.welcome p.sign {margin-top: 0;padding-top: 16px;}
	div.welcome p.sign::before {
		content: '';
		position: absolute;
		top: -110px;
		left: -300px;
		width: 1550px;
		height: 345px;
		background: url('/2024/image/sub/welcome_bg.png') no-repeat;
	}
	div.welcome p.sign ~ p {
		display: block;
	}
	div.welcome p.sign > img {margin-left: 20px;}
	div.welcome p.sign span {font-size: 18px;line-height: 30px;}
	div.welcome .presidents {
		justify-content: right;
		gap: 36px;
		margin-top: 10px;
	}
	div.welcome .presidents > div {
		font-size: 16px;
	}
	div.welcome .presidents > div img + img {
		margin-block: 20px 4px;
	}
	div.welcome .presidents > div span {
		font-size: 18px;
	}
}



/* ======== Past Congress ======== */
ul.postICDM, ul.postICDM li, ul.postICDM a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.postICDM {}
ul.postICDM li {padding-bottom: 30px;border-bottom: 4px solid #eff2f9;}
ul.postICDM li > div {position: relative;display: table-cell;width: 100vw;padding: 0 20px 0 150px;vertical-align: bottom;box-sizing:border-box;}

ul.postICDM span {position: relative;display: block;padding-left: 20px;color: #3c476b;}
ul.postICDM span img {position: absolute;left: 0;top: 3px;}

ul.postICDM span.tit {position: static;padding:0 0 15px;color: #000;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.postICDM span.tit img {top: 0;width: 130px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.postICDM li {margin-top: 15px;padding-bottom: 15px;}
ul.postICDM li:first-child {margin-top: 0;}
ul.postICDM li > div {padding-left: 80px;}
ul.postICDM span.tit img {top: 0;width: 60px;height: ;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.postICDM {display:grid;grid-template-columns: repeat(2, 1fr);row-gap: 30px;}
ul.postICDM li > div {height: 172px;}
ul.postICDM span.tit {4font-size: 20px;}
}

/* ======== Overview ======== */
div.mapArea {width: 100%;}
dl.overviewList, dl.overviewList dt, dl.overviewList dd, dl.overviewList ul, dl.overviewList li {margin: 0;padding: 0;list-style: none;}
dl.overviewList {position: relative;border-bottom: 1px solid #cbccda;box-sizing: border-box;}
dl.overviewList dt {font-family: 'Pretendard-Medium', sans-serif;color: #0c1057;}
dl.overviewList dt img {position: absolute;top: 50%; transform: translateY(-50%);}
dl.overviewList dd {color: #000;}

dl.overviewList li {padding-left: 8px;line-height: 1.5;}

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

div.mapArea + div.overview {margin-top: 15px;}
dl.overviewList {padding: 15px 20px 15px 70px;}
dl.overviewList:first-of-type {border-top: 2px solid #242a58;}
dl.overviewList dt {margin-bottom: 7px;font-size: 16px;line-height: 18px;}
dl.overviewList dt img {height: 35px;left: 15px;}
dl.overviewList dd {font-size: 14px;line-height: 1.2;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.overview:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.mapArea {height: 380px;}

div.mapArea + div.overview {margin-top: 35px;}
dl.overviewList {width: calc(50% - 10px);padding: 25px 40px 20px 140px;}
dl.overviewList:nth-of-type(1),
dl.overviewList:nth-of-type(2) {border-top: 2px solid #242a58;}
dl.overviewList:nth-child(odd) {float: left;margin-right: 20px;}
dl.overviewList:nth-child(even) {float: right;}
dl.overviewList dt {margin-bottom: 20px;font-size: 20px;line-height: 24px;}
dl.overviewList dt img {left: 30px;}
dl.overviewList dd {display: table-cell;width: 10000px;height: 80px;vertical-align: top;font-size:19px;letter-spacing: -0.7px;line-height: 1.4;}
}



/* ======== Committee ======== */
div.committee {}
div.committee table.tblDef > * > tr > th {background-color: #f5f5fb;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.committee table.tblDef > * > tr > td.al {padding: 10px 40px;}

div.committee table.tblDef td,
div.committee table.tblDef th {text-align: center}

}

/* ======== Program at a Glance ======== */
div.program {}
table.program {width: 100%; padding:0;border:0;border-spacing:0px;border-collapse:collapse; overflow:auto;}
table.program > * > tr {height: 100px;}
table.program > * > tr > * {padding: 10px 5px;border-bottom:1px solid #cbccda;border-left: 1px solid #cbccda;text-align: center;font-size: 16px;line-height: 20px;letter-spacing: -0.5px;}

table.program > thead > tr {height: auto;}
table.program > thead > tr > th {background-color: #2a3969;color: #fff;font-size: 16px;font-family: 'Pretendard-SemiBold', sans-serif;}
table.program > thead > tr > th.bg {background-color: #7b8298;font-size: 16px;}
table.program > * > tr > td.time {background-color: #eff2f9;color: #2a3969;font-family: 'Pretendard-SemiBold', sans-serif;}
table.program > * > tr > td.typeA {background-color: #F4B084;}
table.program > * > tr > td.typeB {background-color: #78bd70;}
table.program > * > tr > td.typeC {background-color: #97c1d3;}
table.program > * > tr > td.typeD {background-color: #f9f9f9;}
table.program > * > tr > td.typeE {background-color: #fbffa5;}
table.program > * > tr > td.typeF {background-color: #ffa5a5;}
table.program > * > tr > td.typeG {background-color: #FFF2CC;}
table.program a {text-decoration: none;color: #000; word-break:keep-all;}

table.program > * > tr > td.typeA1 {background-color: #F8CBAD;}
table.program > * > tr > td.typeB1 {background-color: #D6DCE4;}
table.program > * > tr > td.typeC1 {background-color: #FFF2CC;}
table.program > * > tr > td.typeD1 {background-color: #C6E0B4;}
table.program > * > tr > td.typeE1 {background-color: #8EA9DB;}
table.program > * > tr > td.typeF1 {background-color: #E2EFDA;}
table.program > * > tr > td.typeG1 {background-color: #FFF2CC;}

table.program > * > tr > *:first-child {border-left: 0 none;}
div.program > .pointTit {text-align:left !important;}

div.program table.tblDef > * > tr > * {padding: 10px 20px;}
div.program table.tblDef span.tit {display: block;font-family: 'Pretendard-Medium', sans-serif;}

table.program div.glanceTit { margin:0 auto; background-color:rgba(255,255,255,0.5); border-radius:7px; padding:10px; font-weight:bold; border:2px solid #fff; margin-top:0; text-decoration:underline;}
table.program div.glanceSub {margin-top:10px; font-weight:bold;}
table.program div.glanceCon {padding: 10px 15px;}

table.program tr{
	height: 20px !important;
}



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

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









/* ======== program ======== */
div.glance {}

div.glance div.btn img {padding-left: 10px;}

table.glance {padding:0;border:0; border-spacing:0px; border-collapse:collapse;width: 100%;border-top: 2px solid #242a58;}
table.glance > * > tr > * {padding: 10px;text-align: center;border-left: 1px solid #cbccda;border-bottom: 1px solid #cbccda;}
table.glance > * > tr > *:first-child {border-left: 0 none;}

table.glance .bdL {border-left: 1px solid #cbccda !important;}

table.glance th {background-color: #f3f4f9;color: #0c1057;font-family: 'Pretendard-Medium', sans-serif;}
table.glance td {color: #000;}
table.glance td.bdLeft {border-right: 1px solid #cbccda;}

table.glance td.session {position: relative;padding: 35px 10px;}
table.glance td.session span {display: block;width: 100%;letter-spacing: -0.5px;}
table.glance td.session span.session,
table.glance td.session span.name {position: absolute;left: 50%; transform: translateX(-50%);height: 25px;}
table.glance td.session span.session { top: 10px;}
table.glance td.session span.tit {display:table-cell; width: 1000px;height: 100px;vertical-align:top; line-height: 22px;}
table.glance td.session span.name {bottom: 10px;}
table.glance td span.session {font-weight: bold; color: #1b4580;}

div.glanceCon {}
div.glanceCon td strong {display: block;}
div.glanceCon td.photo {border-left: 0 none;}
div.glanceCon td.photo img {display: block;margin: 0 auto;width: 115px;}

div.glance div.tableScroll.wide table * {text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.glance div.btn.ar {margin-top: 15px;}

ul.subMenu.col5ea > li {width: 50%; }
ul.subMenu.col5ea > li:first-child {width: 100%;}
ul.subMenu.col5ea > li:nth-child(n+2) {border-top: 0 none;}
ul.subMenu.col5ea > li:nth-child(even) {border-left: 1px solid #a3b1c7;}
ul.subMenu.col5ea > li a {border-top: 0 none;}
ul.subMenu.col5ea > li:first-child a {border-top: 1px solid #a3b1c7;}
ul.subMenu.col5ea br {display: none;}

div.glanceCon {margin-top: 15px;}
table.glance > * > tr > * {font-size: 13px;}

/*div.btn.ar + div.glanceCon table {width: 100% !important;}*/

div.glance table.tblDef {width: auto;}
div.glance table.tblDef > * > tr > * {padding: 5px;text-align: center;line-height: 1.2;}
}

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


div.glance div.btn {margin-top: 20px;}
div.glance div.btn a {padding: 10px;}

table.glance > * > tr > * {font-size:18px;}
div.PAG.glance table.tblDef > * > tr > * {font-size:10px;line-height: 1.2;padding: 3px;word-break:break-all;text-align: center;}
}



/* ======== Social Program ======== */
div.social, div.social dl, div.social dd, div.social ul, div.social li, div.social a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
div.socialItem p {margin: 0;border-bottom-style: solid;border-bottom-color: #b7535d;}
div.socialItem:first-child p {border-bottom-color: #3f4c78;}
div.socialItem dl {border-style: solid;border-color: #faeff0;border-top: 0 none;}
div.socialItem:first-child dl {border-color: #eff2f9;}

div.socialItem dt {text-align: center;color: #a73a45;}
div.socialItem:first-child dt {color: #2a3969;}
div.socialItem dt span {display: block;font-family: 'Pretendard-SemiBold', sans-serif;}
div.socialItem dd {text-align: left;}
div.socialItem dd a {display: inline-block;vertical-align: top;margin-left: 5px;font-size: 12px;padding: 0 10px;color: #fff;/*background-color: #80736d;*/}
div.socialItem:first-child dd a {background-color: #3e4265;}
.social-wrap {
	display: flex;
	gap: 14px;
}
.social-wrap ul {
	border-top: 1px solid #2c2f5d;
}
.social-wrap ul > li {
	text-align: center;
	border-bottom: 1px solid #cbccda;
}
.social-wrap ul > li:nth-child(1) {
	background-color: #eff2f9;
	margin-top: 0;
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.socialItem {margin-top: 20px;}
div.socialItem:first-child {margin-top: 0;}
div.socialItem p,
div.socialItem dl {border-width: 2px;}
div.socialItem dl {padding: 0 15px 20px;box-sizing:border-box;}
div.socialItem dt {padding: 25px 0 20px;font-size: 18px;line-height: 20px;}
div.socialItem dt div.social-subtxt {font-size: 14px;}
div.socialItem dd li {margin-top: 5px;line-height: 20px;}
.social-wrap {
	margin-top: 20px;
	align-items: flex-end;
}
.social-wrap + img {
	margin-top: 20px;
}
.social-wrap ul > li {
	padding: 5px 0;
	font-size: 12px;
}
div.socialItem dd .social-wrap li {
	margin-top: 0;
	line-height: 1.2;
}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.social {text-align: center;}
div.socialItem {display: inline-block;vertical-align: top;margin: 0 20px;}
div.socialItem p,
div.socialItem dl {border-width: 4px;}
div.socialItem dl {height: 320px;padding: 0 25px 30px;box-sizing:border-box;}
div.socialItem dt {padding: 35px 0 30px;font-size: 32px;line-height: 40px;}
div.socialItem dt div.social-subtxt {font-size: 18px;}
div.socialItem dd li {margin-top: 5px;line-height: 30px;}

div.socialItem2 {display: block;vertical-align: top;margin: 10px 20px;}
div.socialItem2 dl {height: auto;padding: 0 25px 30px;box-sizing:border-box;}

div.galaCon span {display:inline-block;}
div.galaCon span:nth-of-type(1) {vertical-align:top;}
div.galaCon span:nth-of-type(2) {width: 600px; margin-left:20px;}
.social-wrap {
	margin-top: 40px;
}
.social-wrap ul {
	margin-top: 5px !important;
}
.social-wrap ul > li {
	padding: 12px 0;
}
.social-wrap + img {
	margin-top: 40px;
}
}

/* Social Program 추가 - 25.07.08 mj.park */
div.social{
    display: flex;
    gap: 50px;
}
div.socialItem{
    display: block;
    flex: 1;
    margin: 0;
    border: 4px solid #eff2f9;
}
div.socialItem + div.socialItem{
    border-color: #faeff0;
}
div.socialItem dl{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    border: 0;
    box-sizing: border-box;
}
div.socialItem dd{
    margin-top: auto;
}
div.socialItem p{
    width: calc(100% + 8px);
    margin-left: -4px;
}
div.socialItem p > img{
    width: 100%;
}
div.socialItem dt p{
    margin-top: 10px;
    border: 0;
    font-size: 18px;
    line-height: 1.3;
}

@media screen and (max-width: 960px){
    div.social{
        flex-direction: column;
        gap: 20px;
    }
    div.socialItem p{
        width: calc(100% + 4px);
        margin-left: -2px;
    }
    div.socialItem{
        border-width: 2px;
    }
    div.socialItem dt p{
        margin-top: 5px;
        font-size: 14px;
    }
}



/* ======== Presentation Guidelines ======== */
div.presentation {padding-top: 1px;}
div.presentation > p,
div.presentation > table.tblDef,
div.presentation > div.btn {margin: 20px 0 0;}
div.presentation > .subTit + * {margin-top: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.presentation > .subTit {margin: 30px 0 5px;}
div.presentation .btnBig {display: block;width: 100%;}
div.presentation .btnBig + .btnBig {margin: 10px 0 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.presentation > .subTit {margin: 50px 0 5px;}
}


/* ======== Jeju, Korea ======== */
div.jeju {}

ul.meetJeju, ul.meetJeju li, ul.meetJeju img,
ul.uniqueJeju, ul.uniqueJeju li, ul.uniqueJeju img {display: block;margin: 0;padding: 0;list-style: none;font-size: 0;line-height: 0;}

ul.meetJeju img,
ul.uniqueJeju img {margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.meetJeju,
ul.uniqueJeju {padding-top: 15px;}

ul.uniqueJeju li {margin-top: 25px;}
ul.uniqueJeju li:first-child {margin-top: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.jeju ul.subMenu li {width: 260px !important;}
ul.meetJeju,
ul.uniqueJeju {padding-top: 30px;}

ul.uniqueJeju li {margin-top: 50px;}
ul.uniqueJeju li:first-child {margin-top: 0;}
}




/* ======== Abstract Submission ======== */
div.guideline {color: #000;}
ul.guideDate, ul.guideDate li, ul.guideDate strong, ul.guideDate span {display: block;margin: 0;padding: 0;list-style: none;}
ul.guideDate:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

ul.guideDate li:nth-child(1) {background: linear-gradient(145deg, #c25050, #cf7d40);}
ul.guideDate li:nth-child(2) {background: linear-gradient(145deg, #3652ac, #5387d5);}
ul.guideDate li:nth-child(3) {background: linear-gradient(145deg, #c0388e, #1359a9);}

ul.guideDate li:nth-child(1) span {box-shadow: 0 0 15px rgba(204,115,67,.35);color: #c42f2e;}
ul.guideDate li:nth-child(2) span {box-shadow: 0 0 15px rgba(77,124,205,.35);color: #13349c;}
ul.guideDate li:nth-child(3) span {box-shadow: 0 0 15px rgba(161,27,112,.35);color: #1359a9;}

ul.guideDate div {position: relative;color: #fff;}
ul.guideDate strong {font-family: 'Pretendard-Medium', sans-serif;}
ul.guideDate span {position: absolute;border-radius: 50%;background-color: #fff;text-align: center;font-family: 'Pretendard-Medium', sans-serif;}

ul.guideProcess, ul.guideProcess li, ul.guideProcess img, ul.guideProcess strong, ul.guideProcess span {display: block;margin: 0;padding: 0;list-style: none;}
ul.guideProcess:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}

ul.guideProcess li {position: relative;float: left;padding: 0 10px;box-sizing:border-box;text-align: center;}
ul.guideProcess strong,
ul.guideProcess span {color: #1359a9;font-family: 'Pretendard-Medium', sans-serif;}
ul.guideProcess li:after {position: absolute;content: '';}

dl.guideLine, dl.guideLine dt, dl.guideLine dd {margin: 0;padding: 0;}

ul.listDot.bg,
dl.guideLine {background-color: #e3eaf4;}

div.guideline p.note {color: #666;font-style: italic;font-family: 'Pretendard-Regular', sans-serif;}

dl.guideLine dt {color: #0f2f72;font-family: 'Pretendard-Medium', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.guideDate li {margin-top: 15px;}
ul.guideDate li:first-child {margin-left: 0;}
ul.guideDate div {padding: 15px 15px 60px;font-size: 16px;}
ul.guideDate strong {font-size: 20px;line-height: 40px;}
ul.guideDate span {bottom: 15px;right: 15px;width: 60px;padding: 15px 0;font-size: 16px;line-height: 30px;}

ul.guideProcess li {width: calc(50% - 10px);margin-left: 20px;margin-top: 20px;}
ul.guideProcess li:nth-child(-n+2) {margin-top: 0;}
ul.guideProcess li:nth-child(2n+1) {clear: both;margin-left: 0;}
ul.guideProcess li:after {top: 50px;right: -25px;width: 20px;height: 36px;background: url('../image/sub/process_arrow.png') center center no-repeat;}
ul.guideProcess li:nth-child(2n):after,
ul.guideProcess li:last-child:after {display: none;}

ul.guideProcess img {margin: 0 auto;height: 120px;}
ul.guideProcess strong,
ul.guideProcess span {font-size: 18px;}
ul.guideProcess strong {margin-top: 5px;}

ul.listDot.bg {padding: 15px;}
div.guideline p.note {margin: 5px 0;padding-left: 15px;}

dl.guideLine {padding: 15px;}
dl.guideLine dd {margin-top: 5px;}

div.guideline ul.noBl {padding: 10px 15px !important;}
div.guideline div.btnArea > a {display: block;max-width: 345px;margin: 0 auto 10px;font-size: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.guideDate li {float: left;width: 352px;margin-left: 20px;}
ul.guideDate li:first-child {margin-left: 0;}
ul.guideDate div {padding: 30px 30px 120px;font-size: 18px;}
ul.guideDate div.impdate {padding: 30px 30px 145px !important;}
ul.guideDate strong {font-size: 30px;line-height: 55px;}
ul.guideDate span {bottom: 30px;right: 30px;width: 90px;padding: 30px 0;font-size: 22px;line-height: 30px;}

ul.guideProcess li {width: 207px;margin-left: 15px;}
ul.guideProcess li:first-child {margin-left: 0;}
ul.guideProcess li:after {top: 73px;right: -17px;width: 20px;height: 36px;background: url('../image/sub/process_arrow.png') center center no-repeat;}
ul.guideProcess li:last-child:after {display: none;}
ul.guideProcess img {margin: 0 auto;}
ul.guideProcess strong,
ul.guideProcess span {font-size: 18px;line-height: 28px;}
ul.guideProcess strong {margin-top: 10px;}

ul.listDot.bg {padding: 30px;}
div.guideline p.note {margin: 10px 0;padding-left: 30px;}

dl.guideLine {padding: 30px;}
dl.guideLine dd {margin-top: 15px;}

div.guideline ul.noBl {padding: 15px 30px !important;}
}
/* ======== Awards & Grants ======== */
div.award {}
dl.awInfo, dl.awInfo dt, dl.awInfo dd {margin: 0;padding: 0;}
dl.awInfo {background-color: #e3eaf4;}
dl.awInfo dt {color: #0f2f72;font-family: 'Pretendard-Medium', sans-serif;}

dl.award, dl.grant,
dl.award dt, dl.grant dt,
dl.award dd, dl.grant dd {margin: 0;padding: 0;}

dl.award .view a,
dl.grant .view a {background-color: #e7edf9;font-family: 'Pretendard-Medium', sans-serif;}

dl.award a, dl.grant a {position: relative;display: block;border: 1px solid #ccc;border-top: 0 none;text-decoration: none;color: #000;}
dl.award a:before,
dl.grant a:before {position: absolute;background-position: center center;background-repeat: no-repeat;content: '';}
dl.award a:before {background-image: url('../image/sub/award_bl_02.png'); background-size: 50px;}
dl.grant a:before {background-image: url('../image/sub/grant_bl_02.png');}
dl.awardee a:before {background-image: url('../image/sub/grant_bl_02.png');}

dl.awardee table.awardeeTbl tr td {text-align:center;}
dl.awardee table.awardeeTbl tr td:nth-of-type(3) {text-align:left;}

div.contents a.trigger {position: relative;text-decoration: none;color: #000;}
div.contents a.trigger:after {position: absolute;top: 50%;background: url('../image/common/toggle.png') center center no-repeat;content: '';}
div.contents .view a.trigger:after {transform: rotate(180deg);}

dl.awInfo + dl.award a {border-top: 1px solid #ccc;}
dl.awInfo + dl.grant a {border-top: 1px solid #ccc;}
dl.award span, dl.grant span {position: absolute;display: block;color: #1359a9;font-family: 'Pretendard-Medium', sans-serif;}

dl.award > dd, dl.grant > dd {border: 1px solid #ccc;border-top: 0 none;background-color: #f9f9f9;}
dl.award > dd p, dl.grant > dd p {color: #0f2f72;font-family: 'Pretendard-Medium', sans-serif;}
dl.award > dd dt, dl.grant > dd dt {color: #0f2f72;font-family: 'Pretendard-Medium', sans-serif;}

dl.note {margin: 40px 0 0;}
dl.note dt {color: #1359a9;font-family: 'Pretendard-Medium', sans-serif;}
dl.note dd {padding: 10px 0 0;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.awInfo {margin: 20px 0;padding: 15px;}
dl.awInfo dd {margin-top: 5px;}

dl.award a, dl.grant a {padding: 10px 30px 50px 45px;text-align: left;}
dl.award a:before,
dl.grant a:before {top: 10px;left: 12px;width: 24px;height: 25px;background-size: 25px;}
dl.award span, dl.grant span {bottom: 15px;right: 25px;font-size:19px;}
dl.awardee span {right:15px;}
dl.award > dd, dl.grant > dd {padding: 15px;}
dl.award > dd dt, dl.grant > dd dt {margin: 15px 0 5px;}

div.contents a.trigger:after {top: 15px;right: 15px;width: 17px;height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.awInfo {margin: 20px 0;padding: 30px;}
dl.awInfo dd {margin-top: 10px;}

dl.award a, dl.grant a {padding: 15px 275px 15px 75px;}
dl.award a:before,
dl.grant a:before {top: 50%;left: 15px;width: 50px;height: 40px;margin-top: -20px;}

dl.award span, dl.grant span {top: 50%;right: 75px;margin-top: -12.5px;font-size: 18px;}
dl.awardee span {right:75px;}
dl.award > dd, dl.grant > dd {padding: 30px;}
dl.award > dd dt, dl.grant > dd dt {margin: 25px 0 5px;}

div.contents a.trigger:after {right: 30px;width: 17px;height: 10px;margin-top: -5px;}
}

/* ======== Presentation Guidelines ======== */
div.guideline {}
div.guideline a {text-decoration: none;color: #000;}
div.guideline a.btnDown,
div.guideline a.btnClick {display: inline-block;padding: 0 15px;vertical-align: top;color: #fff;font-size: 14px;line-height: 26px;text-align: center;}
div.guideline a.btnDown img {display: inline-block;vertical-align: top;margin: 5px 0 0;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.guideline ul.tabMenu {margin-top: 20px;}
div.guideline ul.tabMenu a {display: table-cell;width: 800px;height: 48px;vertical-align: middle;}
div.guideline a.btnDown {padding: 0 5px;}

div.guideline ul.presentationTab {text-align:center;}
div.guideline ul.presentationTab > li {width: 100%; margin-top:5px !important;}
div.guideline ul.presentationTab > li a {border-left:1px solid #a3b1c7;}
}

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

/* ======== How to Register ======== */
div.register {color: #000;}
div.register a {text-decoration: none;color: #000;}

div.infoDate {background: linear-gradient(to right, #3c5db5, #c2507e);text-align: center;color: #fff;}
div.infoDate span {color: #eef617;font-family: 'Pretendard-Medium', sans-serif;}

table.tblPoint {padding:0;border:0;border-spacing:0px;border-collapse:collapse;}
table.tblPoint > * > tr > * {padding: 10px 15px;border: 1px solid #ddd;text-align: left;}
table.tblPoint > * > tr > th {font-family: 'Pretendard-Medium', sans-serif;}

dl.infoBox {background-color: #e3eaf4;}
dl.infoBox dt {color: #0f2f72;font-family: 'Pretendard-Medium', sans-serif;}
dl.infoBox dd a {text-decoration: none;color: #000;}

dl.payment {}
dl.payment dt {margin: 0 !important;font-family: 'Pretendard-Medium', sans-serif;}

dl.faq {margin: 15px 0 0;padding: 0;}
dl.faq dt {margin: 0 !important;padding: 0;}
dl.faq a.trigger {display: block;padding: 10px 65px 10px 20px;background-color: #fafafa;border: 1px solid #ddd;}
dl.faq dd {margin: 0;padding: 0;border: 1px solid #ddd;border-top: 0 none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.infoDate {padding: 15px 0;font-size: 18px;line-height: 30px;}
div.register table.tblPoint {margin: 15px 0 0;}
div.register dl > dt {margin-top: 15px;}
div.register table.tblPoint + ul {margin-top: 15px;}

dl.infoBox {margin-top: 15px;padding: 15px;}
dl.infoBox dt {margin: 0 !important;}
dl.infoBox dd {margin-top: 10px;}

dl.faq dd {padding: 10px 15px;word-break:keep-all;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.infoDate {padding: 25px 0;font-size: 28px;line-height: 56px;}
div.register table.tblPoint {margin: 20px 0 0;}
div.register dl > dt {margin-top: 20px;}
div.register table.tblPoint + ul {margin-top: 20px;}

dl.infoBox {margin-top: 20px;padding: 30px;}
dl.infoBox dt {margin: 0 !important;}
dl.infoBox dd {margin-top: 15px;}

dl.faq dd {padding: 15px 20px;}
}


/* ======== Sponsorship Package ======== 
div.sponsorship {}
div.spon dl {padding: 0;}
div.spon dt {background-repeat: no-repeat;background-position: left top;text-align: center;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}

dl.sponDiamond dt {background-image: url('../image/sponsor/sponDiamond.png');}
dl.sponPlat dt {background-image: url('../image/sponsor/sponPlat.png');}
dl.sponSilver dt {background-image: url('../image/sponsor/sponSilver.png');}
dl.sponGold dt {background-image: url('../image/sponsor/sponGold.png');}
dl.sponBronze dt {background-image: url('../image/sponsor/sponBronze.png');}
dl.sponRuby dt {background-image: url('../image/sponsor/sponRuby.png');}
dl.sponPearl dt {background-image: url('../image/sponsor/sponPearl.png');}

div.spon dl ul {margin: 0; padding: 0; list-style: none; text-align: center; font-size:0; line-height: 0;}
div.spon dl ul li {display: inline-block;}
div.spon dl ul li a,div.spon dl ul li img {display: block; }*/

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
/*div.sponsorship table.tblDef {margin-top: 30px;}
div.sponsorship .btnPoint {display: block;max-width:325px;margin:0 auto 10px;font-size: 18px;}

div.spon dl {margin-top: 30px;}
div.spon dt {margin-bottom: 15px;padding: 10px 0;font-size: 17px;line-height: 25px;}
div.spon dl ul li {display: block; margin-top: 10px; text-align: center; border:1px solid #ddd;}
div.spon dl ul li:first-child {margin-top: 10px;}

div.spon dl ul li a,div.spon dl ul li img {display: inline-block; width: 330px; height: 90px; }

table.sponsorship thead tr th span {line-height: 25px !important;}*/
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
/*div.sponsorship table.tblDef {width: 50%;margin-top: 60px;}
div.spon dl {margin-top: 40px;}
div.spon dt {margin-bottom: 30px;padding: 15px 0;font-size: 18px;line-height: 30px;}

div.spon dl dd li {margin-left: 10px; margin-top: 10px; border:1px solid #ddd;}
dl.sponDiamond dd li:nth-child(2n+1) {margin-left: 0;}
dl.sponDiamond dd li:nth-child(-n+2) {margin-top: 0;}
dl.sponDiamond dd li a,dl.sponDiamond dd li a img {width: 390px; height: 108px;}

dl.sponPlat dd li:nth-child(3n+1) {margin-left: 0;}
dl.sponPlat dd li:nth-child(-n+3) {margin-top: 0;}
dl.sponPlat dd li a,dl.sponPlat dd li a img {width: 330px; height: 90px;}

dl.sponGold dd li:nth-child(4n+1) {margin-left: 0;}
dl.sponGold dd li:nth-child(-n+4) {margin-top: 0;}
dl.sponGold dd li a,dl.sponGold dd li a img {width: 250px; height: 75px;}

dl.sponSilver dd li:nth-child(5n+1) {margin-left: 0;}
dl.sponSilver dd li:nth-child(-n+5) {margin-top: 0;}
dl.sponSilver dd li a,dl.sponSilver dd li a img {width: 190px; height: 60px;}

dl.sponBronze dd li:nth-child(5n+1) {margin-left: 0;}
dl.sponBronze dd li:nth-child(-n+5) {margin-top: 0;}
dl.sponBronze dd li a,dl.sponBronze dd li a img {width: 190px; height: 60px;}

dl.sponRuby dd li:nth-child(7n+1) {margin-left: 0;}
dl.sponRuby dd li:nth-child(-n+7) {margin-top: 0;}
dl.sponRuby dd li a,dl.sponRuby dd li a img {width: 140px; height: 44px;}

dl.sponPearl dd li:nth-child(7n+1) {margin-left: 0;}
dl.sponPearl dd li:nth-child(-n+7) {margin-top: 0;}
dl.sponPearl dd li a,dl.sponPearl dd li a img {width: 140px; height: 44px;}*/
}



/* Login */
div.loginArea h3, div.loginArea p, div.loginArea dl, div.loginArea dt, div.loginArea dd {margin: 0;padding: 0;}
div.loginArea {border: 2px solid #eee;}
div.loginArea h3 {color: #121931; font-weight: normal; font-family: 'Pretendard-SemiBold', sans-serif;}
div.loginArea ul.noBl li a {display: inline-block;vertical-align: top;background-color: #3e4365;color: #fff;text-align: center;}
div.loginArea dl {position: relative;margin-top: 10px;background-color: #f0efef;}
div.loginArea dt {position: absolute;left: 15px;top: 50%;transform:translateY(-50%);}
div.loginArea dt label {color: #222;}
div.loginArea dd input {width: 100%;background-color: #f0efef;border: 0 none;}

div.loginArea div.btn * {display: block;width: 100%;height: 100%;padding: 0;border: 0 none;font-family: 'Pretendard-Bold', sans-serif;background-color: #343e5b !important;color: #fff;}

ul.loginUtil, ul.loginUtil li {margin: 0; padding: 0; list-style: none; }
ul.loginUtil {margin: 10px 0 0;}
ul.loginUtil li {background-color: #f6f9f4;box-sizing: border-box; }
ul.loginUtil li > * {display: block;margin:0 auto; text-align: center;}
ul.loginUtil li strong {color: #215b15;}
ul.loginUtil li {margin-left: 0;background-color: #f6f9f4;color: #327138;}
ul.loginUtil li a {background-color:#327138;color: #fff;box-sizing: border-box;}
ul.loginUtil li a.find {width: 100%;margin-bottom: 0;border:1px solid #327138;background-color:transparent;color: #327138;}

ul.loginUtil li:first-child {margin: 0;background-color: #f8f8fa;color: #2a3969;}
ul.loginUtil li:first-child a {background-color:#3e4365;color: #fff;}
ul.loginUtil li:first-child strong{color: #2a3969;}
ul.loginUtil li:first-child a.find {border:1px solid #3e4365;background-color:transparent;color: #3e4365;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.loginArea {padding: 15px; font-size: 14px;}
div.loginArea h3 {font-size:20px;}
div.loginArea li {line-height: 20px;}
div.loginArea li.fcRed span {box-shadow: inset 0 -5px #fff4b9;}
div.loginArea ul.noBl li:first-child {line-height: 30px;}
div.loginArea ul.noBl li a {width: 60px;height: 30px;line-height: 30px;font-size: 12px;}

div.loginArea div.formArea {margin-top: 30px;}
div.loginArea dl {width: 100%;padding: 5px 10px 5px 90px;box-sizing: border-box; }
div.loginArea dt label {font-size: 14px;}
div.loginArea dd input {height: 30px;}

div.loginArea div.btn {height: 50px; padding-top: 15px;}

ul.loginUtil {}
ul.loginUtil li {margin-top: 10px;padding: 10px 10px 20px;font-size: 13px;line-height: 24px;}
ul.loginUtil li strong {padding-bottom: 10px;font-size: 16px;line-height: 18px;}
ul.loginUtil a {width: 100%;margin-bottom: 5px;font-size: 13px;line-height: 30px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.loginArea {width: 830px;padding:50px 50px 70px;margin: 0 auto;}
div.loginArea h3 {font-size: 44px;line-height: 1; margin-bottom:20px;}
div.loginArea li {line-height: 36px;}
div.loginArea li.fcRed span {display: inline-block;vertical-align: top;box-shadow: inset 0 -16px #fff4b9;}
div.loginArea ul.noBl li a {width: 80px;height: 36px;line-height: 36px;font-size: 15px;}

div.loginArea div.formArea {margin-top: 20px;}
div.loginArea dl {padding: 9px 10px 10px 120px;}
div.loginArea dt label {font-size:18px;}
div.loginArea dd input {height: 51px;}
div.loginArea dd input,
div.loginArea dd input::placeholder {font-size: 18px;}

div.loginArea div.btn {height: 70px;margin-top: 30px;}
div.loginArea div.btn * {font-size: 20px;}

ul.loginUtil {margin: 30px 0 0;font-size: 0;line-height: 0;}
ul.loginUtil li {display: inline-block;vertical-align: top;width: calc(50% - 8px);margin-left: 15px;padding: 30px 15px 35px;}

ul.loginUtil li strong {padding-bottom: 20px;font-size: 20px;}
ul.loginUtil a {height: 36px;margin-bottom: 10px;line-height: 34px;font-size: 17px;}
}



/* Find ID/Password */
div.find {border: 2px solid #eee;}
div.find h3 {margin: 0;color: #121931; font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

div.find div.option {text-align: center;}
div.find div.option input {margin: 0 5px 0 30px;}
div.find div.option input:first-child {margin-left: 0;}

span.inputR input, span.inputC input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer;}
span.inputR {overflow: hidden; position: relative; display: inline-block; vertical-align: top; border: 2px solid #121931; box-sizing: border-box; border-radius: 50%;cursor: pointer;}
span.inputR.on {border-color:#121931;border-style:solid;}
span.inputR + label, span.inputC + label {color: #121931; font-family: 'Pretendard-SemiBold', sans-serif;}

div.find dl {position: relative;margin-top: 10px;background-color: #f0efef;}
div.find dl:first-of-type {margin-top: 0;}
div.find dl dt {position: absolute;left: 15px;top: 50%; transform: translateY(-50%);}
div.find dl dt label {color: #222;font-family: 'Pretendard-Medium', sans-serif;}
div.find dl input {display: block;width: 100%;height: 30px;font-size: 15px;border: 0 none;background-color:transparent;}
div.find div.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-family: 'Pretendard-SemiBold', sans-serif;background-color: #343e5b !important;color: #fff;}

div.find dl.country {padding: 0;}
div.find dl.country select {display: block;width: 100%;border: 0 none;background-color:#f0efef;color: #222;font-family: 'Pretendard-Medium', sans-serif;}
div.find dl.country dt, div.find dl.country label {display: none;}

div.find div.resultArea {background-color: #f7ecee; text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;color: #b54054;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.find {border: 2px solid #eee; font-size: 14px;}
div.find div.formArea {padding: 15px; }
div.find div.formArea > p {padding: 5px 0 10px; font-family: 'Pretendard-Light', sans-serif;}

div.find div.option {padding-bottom: 20px;}
span.inputR, span.inputC {width: 20px;height: 20px;}
span.inputR.on {border-width: 4px;}
span.inputR + label, span.inputC + label {margin-left: 5px;line-height: 20px;font-size: 16px;}
label + span.inputR {margin-left: 15px;}

div.find dl {padding: 5px 10px 5px 150px;}
div.find dl label {font-size: 14px;}
div.find dl.country select  {height: 40px;padding: 0 20px 0 10px;font-size: 14px;}

div.find div.btn {height: 50px; padding-top: 10px;}
div.find div.resultArea {padding: 15px 0;line-height: 22px;}

/* pw */
div.find.pwd {padding: 15px;}
div.find.pwd h3 {margin-bottom: 10px;font-size: 22px;line-height: 1.2;text-align: left;}
div.find.pwd p.note {line-height: 20px;}
div.find.pwd div.formArea {padding: 10px 0;}
div.find.pwd dl {padding: 5px 10px 5px 100px;}
}

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

div.find div.formArea {position: relative;padding:50px 70px;}
div.find div.option {padding-bottom: 40px;}
span.inputR, span.inputC {width: 24px;height: 24px;}
span.inputR.on {border-width: 7px;}
span.inputR + label, span.inputC + label {margin-left: 10px;line-height: 24px;font-size: 20px;}
label + span.inputR {margin-left: 30px;}

div.find dl {padding: 14px 10px 15px 175px;}
div.find dl label {font-size:17px;}
div.find dl input {height: 40px;}

div.find dl.country select  {height: 70px;padding: 0 20px 0 10px;font-size: 17px;}

div.find div.btn {margin-top: 10px;height: 70px;}
div.find div.btn * {font-size: 20px;}
div.find div.resultArea {padding: 25px 0;font-size:20px; line-height: 30px;letter-spacing: -1px;}

/* pw */
div.find.pwd {padding: 50px 70px;}
div.find.pwd h3 {margin-bottom: 20px;font-size: 44px;line-height: 1;letter-spacing: -2px;}
div.find.pwd div.formArea {padding: 30px 0 0;}
}



/* Sign up */
ul.joinType, ul.joinType > li, ul.joinType a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.joinType {text-align: center;font-size: 0;line-height: 0;}
ul.joinType > li {display: inline-block;vertical-align: top;}
ul.joinType > li:first-child {padding-left: 0;}
ul.joinType a, 
ul.joinType img {display: block;margin: 0 auto;}

ul.joinType li:nth-child(1) ul {background-color: #f2f6ff;}
ul.joinType li:nth-child(2) ul {background-color: #f7ebf0;}

.agreeCon {overflow-x: hidden;overflow-y: auto;background-color: #eff2f9;}
.agreeCon dd + dd {padding-top: 10px;}
div.agree {font-size: 0;line-height: 0;text-align: right;border: 1px solid #eff2f9;}
div.agree > * {display: inline-block;vertical-align: top;}
div.agree label {box-shadow: none;color: #000;}

table.inputTbl td.multi span.note {display: block;width: 100%;}
table.inputTbl td.userID {font-size: 0;line-height: 0;}
table.inputTbl td.userID > * {display: inline-block;vertical-align: top;}

div.verification {font-size: 0;line-height: 0;}
div.verification > * {display: inline-block;vertical-align: top;}
div.verification span.code {min-width:100px;height: 36px;padding: 0 5px;background-color: #fff;border:1px solid #ccc;box-sizing: border-box; }
div.verification span.code img {display: block;height: 100%;margin:0 auto; }
div.verification span.note {display: block;width: 100%;}

div.joinCom h3 {text-align: center;line-height: 1;color: #2a3969;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}
div.joinCom h3 span {display: block;padding-bottom: 10px;font-family: 'Pretendard-SemiBold', sans-serif;background: linear-gradient(to right, #b33653, #784d85 40%, #2c4daf); color: transparent; -webkit-background-clip: text;letter-spacing: -2px;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.joinType > li {width: 100%;margin-top: 30px;}
ul.joinType > li:first-child {margin-top: 0;}
ul.joinType img {max-width:100%;margin:0 auto; }

ul.joinType ul {margin: 15px 20px 0;padding: 20px;border-radius: 10px 10px 40px 10px;}
ul.joinType ul li {text-align: left;font-size: 14px;line-height: 20px;color: #151f43;font-family: 'Pretendard-Regular', sans-serif;}


.agreeCon { width:calc(100% - 30px); height: 150px;padding: 15px;}
.agreeCon dt {padding-top: 15px;font-weight: bold;}
.agreeCon dt:first-of-type {padding-top: 0;}
.agreeCon dd {line-height: 20px;}
div.agree {padding: 10px;}
div.agree label {padding: 0;}
p.info {margin-bottom: 5px;}
.withBtn input[type=text] {width: 100% !important;}
.withBtn a {width: 100%;margin: 5px 0 0 0;font-size: 13px;line-height: 36px;}

ul.option {margin: 0;padding: 0;border: 0 none; width:100% !important;}
ul.option > li {position: relative;padding-left: 18px;margin-top: 0;}
ul.option > li > input[type=checkbox], ul.option > li > input[type=radio] {position: absolute;left: 0;top: 10px;margin: 0;}
ul.option > li label, ul.option > li span {line-height: 36px;}
ul.option label + input[type=text] {width: calc(100% - 56px);margin-left: 5px;}

div.contents > div.formArea.join {padding: 0;font-size:14px;box-sizing: border-box; }
div.join h4 {margin-bottom: 5px;}
div.join table td {border-left: 0 !important;}
div.join table.inputTbl ul.multi > * {margin-left: 0 !important;}
div.join table.inputTbl ul.multi li {width:100%;}
div.join table.rwTbl input + input[type=checkbox] {margin-left: 0 !important;}
div.join table.rwTbl td.userID a.tblBtn {width: 100%;margin: 5px 0 0 0;box-sizing: border-box;text-align: center; }
table.inputTbl span.note {font-size: 14px;}

div.join table.rwTbl ul.option input[type=radio] {top: 5px;}
div.join table.rwTbl ul.option label {line-height: 24px;}

div.verification input[type=text] {width: calc(100% - 136px);}

div.joinCom h3 {margin-bottom: 15px;font-size: 20px;}
div.joinCom h3 span {font-size: 24px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.joinType > li {padding-left: 80px;}

ul.joinType ul {margin-top: 20px;padding: 30px;border-radius: 10px 10px 40px 10px;width: 373px;min-height: 238px;box-sizing: border-box;}
ul.joinType ul li {text-align: left;font-size: 15px;line-height: 25px;color: #151f43;font-family: 'Pretendard-Regular', sans-serif;}

div.join h4 {font-size: 22px;}
div.agree {padding: 19px 15px;}
div.agree label {font-size:18px;}
p.info {margin-bottom: 10px;}
.withBtn a {width: auto;margin-left: 5px;padding: 0 15px;font-size: 15px;line-height: 36px;}
.withBtn span.note {display: block;width: 100%;}


ul.option > li {float: left; position: relative; display: inline-block; margin: 0 20px 0 0 !important; line-height: 36px; height:36px; padding-left: 23px;}
ul.option > li label{line-height: 36px !important;}
ul.option > li:last-child {margin: 0 !important;}
ul.option > li > input[type=checkbox], ul.option > li > input[type=radio] {position: absolute;left: 0;top: 7px;margin: 0 !important;}
ul.option input[type=checkbox]{position: absolute;left: 0;top: 11px;margin: 0 !important;} 
ul.option label + input {margin-left: 5px;}
table.inputTbl span.note {font-size: 15px;}
div.join table.inputTbl th label,
div.join table.inputTbl th span {line-height: 25px;}


.agreeCon {height: 280px;padding: 30px;}
.agreeCon dt {font-weight: bold;padding-top: 30px;}
.agreeCon dt:first-child {padding-top: 0;}

.agree {text-align: right;}
.agree input {vertical-align: top;margin: 5px 10px 0 50px;}
.agree input:first-child {margin-left: 0;}

table.inputTbl ul.multi, table.inputTbl ul.multi li {margin: 0;padding: 0;list-style:none;}
table.inputTbl ul.multi li {float: none;overflow: hidden;margin-top: 5px;}
table.inputTbl ul.multi label {width: 50px;}
table.inputTbl ul.multi input[type=text] {width: calc(95% - 50px);}

div.joinCom h3 {margin-bottom: 25px;font-size: 40px;}
div.joinCom h3 span {font-size: 55px;}
}

/* 팝업 > 한국실험동물학회 홈페이지 ID 확인하기*/
div#popupCheck {border-style: solid;border-color: #9a9dad;}
div#popupCheck h1 {margin: 0;padding: 0;color: #152859;text-align: center;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
div#popupCheck div.popupCon {position: relative;}

div#popupCheck ul.listBar li {color: #bf2b2b;}
div#popupCheck div.resultArea {position: absolute;bottom: 0;left: 0;width: 100%;background-color: #fbedea;text-align: center;color: #152859;font-family: 'Pretendard-Bold', sans-serif;}
div#popupCheck .close {margin: 0;padding: 0;position: absolute;}
div#popupCheck .close a {width: auto;height: auto;margin: 0;padding: 0;background-color: transparent;border: 0 none;}
div#popupCheck .close a img {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#popupCheck {border-radius: 5px;border: 2px solid #9a9dad;}
div#popupCheck h1 {padding-top: 30px;line-height: 25px;}
div#popupCheck div.popupCon {padding: 20px 15px 60px;}
div#popupCheck div.btn {padding-top: 15px;}
div#popupCheck div.btn > * {min-width: 80px;font-size: 15px;}
div#popupCheck ul.listBar {margin-top: 30px;}
div#popupCheck ul.listBar li {font-size: 14px;line-height: 20px;}

div#popupCheck div.resultArea  {padding: 15px 0;font-size: 18px;line-height: 25px;}
div#popupCheck .close {top: 10px;right: 10px;}
div#popupCheck .close img {height: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#popupCheck {width: 800px;border-radius: 10px;border: 3px solid #9a9dad;}
div#popupCheck h1 {padding-top: 45px;line-height: 40px;}
div#popupCheck div.popupCon {padding: 40px 30px 115px;}
div#popupCheck div.btn {padding-top: 30px;}
div#popupCheck div.btn > * {min-width: 150px;font-size:18px;}
div#popupCheck ul.listBar {margin-top: 60px;}
div#popupCheck ul.listBar li {font-size:18px;line-height: 25px;}

div#popupCheck div.resultArea  {padding: 25px 0;font-size: 26px;line-height: 38px;}
div#popupCheck .close {top: 25px;right: 35px;}

}

/* venue */
/*div.venue {}
h4.boldTit + dl.venue {background-repeat: no-repeat;background-position: right bottom;}
dl.venue > * {padding: 0 0 0 15px;}
dl.venue dt {position: relative;font-family: 'Pretendard-Medium', sans-serif;}
dl.venue dt:first-child {margin-top: 0;}
dl.venue dt:before {position: absolute; display: block; left: 5px;top: 13px; content:'';width: 3px;height: 3px;border-radius: 3px;background-color: #000;}

dl.venue ul.listBar li {padding-left: 10px;}

div.venue div.tabCon {padding: 0;border: 4px solid #f3f6fb;box-sizing: border-box; }
div.venue div.tabCon p.img {background-color: #f3f6fb;}
div.venue div.tabCon p.img img {display: block;margin: 0 auto;}


div.venue table.tblDef td {text-align: left;}

dl.acsses dt {font-weight: bold;}*/

/*  Mobile : ~ width:960px  */
/*@media screen and (max-width: 960px) {
div.venue {font-size: 14px;}
div.venue .pointTit, div.venue .boldTit {margin: 30px 0 5px;text-align: left;font-size: 15px;}

div.venue ul.tabMenu li a {height: 40px;line-height: 40px;}

dl.venue > * {text-align: left;}
h4.boldTit + dl.venue {background-image: url('../image/sub/venue_bg_m.png');background-size: auto 300px;}
dl.venue dt {margin: 15px 0 0;}
dl.venue dd.tabArea {padding: 0;}
div.venue div.tabCon {margin-top: 10px;padding-bottom: 10px;}
div.venue div.tabCon p {padding: 0 15px;font-size: 14px;line-height: 1.4;text-align: left;}
div.venue div.tabCon p br {display: none;}
div.venue div.tabCon p.img {margin-bottom: 10px;}
div.venue div.tabCon p strong {display: block;}
div.venue div.tabCon p:last-child {margin-top: 10px;}

div.venue dl + dl,
dl.acsses dt {margin-top: 15px;}

div.acsses dl.venue {margin: 20px 0 40px;padding-bottom: 70px;background:url('../image/sub/acsses_bg_m.png') no-repeat bottom right;}
div.venue table.tblDef {margin: 15px 0;}
div.venue table.tblDef > * > tr > * {padding: 7px;line-height: 20px;}
div.venue table.tblDef td img {height: 20px;margin-right: 5px;}
}*/

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

div.venue ul.subMenu a {height: 55px;}
div.venue ul.subMenu {width: 520px;margin: 0 auto;}

div.venue ul.col5ea > li:nth-child(-n+5) a {border-top: 1px solid #2f5184;}

h4.boldTit + dl.venue {background-image: url('../image/sub/venue_bg.png');}

dl.venue dt {margin: 30px 0 5px;}
div.venue div.tabCon {margin-top: 20px;padding-bottom: 20px;}
div.venue div.tabCon p {padding: 0 30px;font-size: 18px;}
div.venue div.tabCon p.img {padding: 30px 0;margin-bottom: 20px;}
div.venue div.tabCon p:last-child {margin-top: 20px;font-size:18px;}

div.venue dl + dl {margin-top: 30px;}

dl.acsses {background:url('../image/sub/acsses_bg.png') no-repeat right top;}
dl.acsses > * {}
dl.acsses > dt:nth-child(1),
dl.acsses > dt:nth-child(2),
dl.acsses > dd:nth-child(2),
dl.acsses > dd:nth-child(4) {width: 65%;}
dl.acsses dt {margin-top: 30px;}
div.venue table.tblDef {margin: 30px 0 20px;}
div.venue table.tblDef td {line-height: 30px;}
div.venue table.tblDef td img {margin-right: 20px;}
}*/

/* venue 2023-07-13 */
div.venue {}
div.venue p.bg {background-color:#eff2f9;}
dl.venue dt {color: #2a3969;font-family: 'Pretendard-SemiBold', sans-serif;background-color:#eff2f9;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.venue p.bg {padding: 15px;}
dl.venue {margin-top: 15px;border-width: 2px;}
dl.venue dt {width: 150px;padding: 5px 15px;font-size: 16px;line-height: 22px;}
dl.venue dd {padding: 15px;border:2px solid #eff2f9;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.venue p.bg {padding: 30px;}
dl.venue {position: relative;padding: 30px 30px 30px 230px;margin-top: 20px;border:4px solid #eff2f9;}
dl.venue dt {position: absolute;width: 200px;height: 100%;left: 0;top: 0;font-size: 20px;text-align: center;}
dl.venue dt span {display: block;position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
}



/* Mypage */

div.mypage {}
div.myInfo {font-family: 'Pretendard-SemiBold', sans-serif;background-color: #faf2f0;color:#222;text-align: center;}


td.util {font-size: 0;line-height: 0;}
td.util a {display: inline-block;vertical-align: top;box-sizing: border-box; }
td.util a {width: calc(50% - 5px);margin-left: 5px;padding: 0;}
td.util a.withdraw {width: 100%;margin: 0 0 5px 0;background-color: #156082;color: #fff;} /* 240822 추가 */
td.util a.preview {width: 100%;margin: 0 0 5px 0;background-color: #152975;color: #fff;}
td.util a.modify {margin-left: 0;border:1px solid #152975;color: #152975;}
td.util a.delete {color: #fff;background-color: #535353;}

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

ul.subMenu.col4ea > li:nth-child(n+3) {border-top: 0 none;}
ul.subMenu.col4ea > li:nth-child(odd) {border-left: 1px solid #a3b1c7;}

div.myInfo {margin-top: 15px;  padding: 20px 0;  font-size:20px; line-height: 26px;border-radius: 0 0 25px 0;  }

div.mypage p.fcRed {font-size: 13px;}
ul.subMenu + table.tblDef {margin-top: 30px;}
div.mypage div.tableScroll table {width: 1000px;}
td.util a {font-size: 12px;line-height: 30px;}


div.mypage table.tblDef {margin-top: 30px;}
}

/*  PC : width:769px ~  */
@media screen and (min-width: 769px) {
div.mypage ul.subMenu {margin-bottom:50px;}
div.myInfo {margin-top: 30px; padding: 35px;font-size:30px; line-height: 32px;border-radius: 0 0 50px 0;}

div.mypage table.tblDef {margin-top: 50px;}
div.mypage dl.authors table.tblDef {margin-top: 0;}
div.mypage p.fcRed + div.tableScroll {margin-top: 20px;}

td.util a {font-size:18px;line-height: 35px;}
}




/* Invited Speakers */
div.speaker {}
div.speaker:first-of-type {margin-top: 0;}

ul.speaker, ul.speaker li, ul.speaker img, ul.speaker strong, ul.speaker span, ul.speaker a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.speaker:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}

ul.speaker li {position: relative;border-top: 2px solid #000;background-color: #f4f2f3;box-sizing:border-box;color: #000;}
ul.speaker img {position: absolute;}
ul.speaker strong {color: #0f1958;font-family: 'Pretendard-Medium', sans-serif;text-align: left;}
ul.speaker span.group {}
ul.speaker a.cv {color: #fff;}

/* 타입별 컬러 */
div.speaker.typeA h3 > span {color: #78bd70;}
div.speaker.typeA li {border-color: #78bd70;}
div.speaker.typeA span.group {color: #78bd70;}
div.speaker.typeA a.cv {background-color: #78bd70;}

div.speaker.typeB h3 > span {color: #97c1d3;}
div.speaker.typeB  li {border-color: #97c1d3;}
div.speaker.typeB  span.group {color: #97c1d3;}
div.speaker.typeB  a.cv {background-color: #97c1d3;}

div.speaker.typeC h3 > span {color: #c7579e;}
div.speaker.typeC li {border-color: #c7579e;}
div.speaker.typeC span.group {color: #c7579e;}
div.speaker.typeC a.cv {background-color: #c7579e;}

div.speaker.typeD h3 > span {color: #e8cd1e;}
div.speaker.typeD li {border-color: #e8cd1e;}
div.speaker.typeD span.group {color: #e8cd1e;}
div.speaker.typeD a.cv {background-color: #e8cd1e;}

div.speaker.typeE h3 > span {color: #f7ba5d;}
div.speaker.typeE li {border-color: #f7ba5d;}
div.speaker.typeE span.group {color: #f7ba5d;}
div.speaker.typeE a.cv {background-color: #f7ba5d;}

div.speaker.sympoGray h3 > span {color: #ebeff3 !important;}
div.speaker.sympoGray li {border-color: #ebeff3 !important;}
div.speaker.sympoGray span.group {color: #ebeff3 !important;}
div.speaker.sympoGray a.cv {background-color: #ebeff3 !important;}

div.speaker.sympoBlue h3 > span {color: #dce9f5;}
div.speaker.sympoBlue li {border-color: #dce9f5;}
div.speaker.sympoBlue span.group {color: #dce9f5;}
div.speaker.sympoBlue a.cv {background-color: #dce9f5;}

div.speaker.sympoDeep h3 > span {color: #dce9f5;}
div.speaker.sympoDeep li {border-color: #dce9f5;}
div.speaker.sympoDeep span.group {color: #dce9f5;}
div.speaker.sympoDeep a.cv {background-color: #dce9f5;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.speaker {margin-top: 25px;}
div.speaker h3 {font-size: 18px;text-align: left;}

ul.speaker li {margin-top: 20px;padding: 15px 15px 20px 120px;font-size: 14px;line-height: 18px;}
ul.speaker li:first-child {margin-top: 0;}
ul.speaker img {top: 50%;left: 15px;height: 106px;margin-top: -53px;}
ul.speaker strong {margin-bottom: 15px;font-size: 16px;line-height: 20px;}
ul.speaker a.cv {width: 50px;margin-top: 10px;text-align: center;font-size: 12px;line-height: 25px;}
}

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

ul.speaker li {float: left;width: 535px;min-height: 257px;margin: 30px 0 0 30px;padding: 30px 20px 30px 223px;font-size: 18px;}
ul.speaker li:nth-child(-n+2) {margin-top: 0;}
ul.speaker li:nth-child(2n+1) {clear: both;margin-left: 0;}

ul.speaker img {top: 20px;left: 20px;}
ul.speaker strong {min-height: 95px;margin-bottom: 5px;font-size: 20px;line-height: 30px;}
ul.speaker span.group {font-size:18px;letter-spacing: -1px;text-align: left;}
ul.speaker a.cv {width: 50px;margin-top: 10px;text-align: center;font-size: 14px;line-height: 26px;}
}

/* 2022-02-08 영수증 css 추가 */
div.receipt {width: 750px; margin: 0 auto; padding: 0;}

/* 2022-02-11 초록심사 css 추가 */

@media screen and (max-width: 960px) {
	div.review {display: none;}
}
@media screen and (min-width: 961px) {
	div.review {}
	div.reivewInfo {margin-bottom: 10px;}
	div.reivewInfo ul {float: left;margin: 0; padding: 0; list-style: none; font-size:0; line-height: 0;}
	div.reivewInfo ul li {display: inline-block;position: relative; line-height: 36px; font-size:18px;}
	div.reivewInfo ul li:before {display: inline-block; vertical-align: top; content:'/'; padding: 0 5px;}
	div.reivewInfo ul li:first-child:before {display: none;}
	div.reivewInfo:after {clear: both; content:''; display: block;}
	div.review table.tblDef th, div.review table.tblDef td {font-size:0.8em; line-height: 1.2;}

	div.popReview {padding: 30px; width: 800px; max-height: 850px; border: 2px solid #ccc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;}
	div.popReview h1 {margin-bottom: 10px; color: #1359a9; font-weight:normal; font-size:20px; line-height: 25px; font-family:'Pretendard-Bold',sans-serif;}
	div.popReview table select {display: block;}
	div.popReview table select + select {margin-top: 5px;}
	div.popReview table textarea {width: 100%; box-sizing:border-box;}
}


/* 관리자 */

@media screen and (min-width: 961px) {
	div.popJudge {padding: 30px; width: 800px; max-height: 850px; border: 2px solid #ccc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;}
	div.popJudge h1 {margin-bottom: 10px; color: #1359a9; font-weight:700; font-size:20px; line-height: 25px; font-family:'Pretendard-Bold',sans-serif;}
}




/* KALAS */
div.kalas {}
div.kalas ul.tabMenu a {border: 1px solid #9da7b5;border-bottom: 4px solid #97cde6;border-left: 0 none;color: #2f5184;}
div.kalas ul.tabMenu li:first-child a {border-left: 1px solid #9da7b5;}
div.kalas ul.tabMenu li.on a {color: #fff;background-color: #5066a9;border: 1px solid #5066a9;border-bottom: 4px solid #0c1941;}

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

div.history {position: relative;}
div.history:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.history h4 {position: relative;float: left;clear: both;color: #0c1057;font-weight: bold;}
div.history h4:after {position: absolute; z-index: 1;display: block; top: 0; content:'';border-radius: 50%;background-color: #56b2dd; border: 4px solid #ddf0f8;}
ul.hisCon {float: right;}

div.history.tabCon {overflow: hidden;}

div.history:before {position: absolute; display: block; background-color: #eef4ff; content: '';}
div.historyLine {position: absolute;background-color: #56b2dd;box-sizing: border-box; }

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.kalas ul.listBar li,
div.kalas p {text-align: left;}
div.kalas ul.tabMenu li {width: 33.3%;}
div.kalas ul.tabMenu a {padding: 0;height: 40px;line-height: 40px;}

div.history:before {width: 3px;top: 0;left: 110px;height: calc(100% - 9px);}
div.historyLine {width: 3px;top: 0;left: 110px;padding-bottom: 100px;}

div.history h4 {width: 120px;}
div.history h4 span {padding: 0 3px;font-size: 35px;box-shadow: inset 0 -17px 0 #cce8f5;line-height: 1;}
div.history h4:after {right: 1px;width: 8px;height: 8px;}
div.history.tabCon {margin: 30px 0;padding: 0;}

ul.hisCon {width: calc(100% - 130px);padding-bottom: 30px;}
ul.hisCon li {margin-top: 5px;text-align: left;line-height: 1.2;}
ul.hisCon li:first-child {margin-top: 0;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.kalas {top: 20px;left: 268px;}
div.kalas ul.tabMenu {width: 780px;margin: 0 auto;}

div.history:before { width: 4px; top: 70px;left: 225px;height: calc(100% - 201px);}
div.historyLine {width: 4px;top: 70px;left: 225px;max-height: calc(100% - 150px);}

div.history h4 {width: 255px;padding-left: 90px;box-sizing: border-box; }
div.history h4 span {padding: 0 5px;box-shadow: inset 0 -30px 0 #cce8f5;font-size: 40px;line-height: 1;}
div.history h4:after {right: 16px;width: 16px;height: 16px;}
ul.hisCon {width: 1015px;padding: 20px 0 130px;}
ul.hisCon:last-child {padding-bottom: 0;}
ul.hisCon li {}
}


/* aflas */
div.aflas {}
dl.aflas {position: relative;background-color: #f2f9fc;text-align: center;box-sizing: border-box; }
dl.aflas:before {position: absolute; display: block; left: 50%; transform: translateX(-50%); background-color: #a1a3c7;content:'';}
dl.aflas:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }

dl.aflas dt {position: relative;}
dl.aflas dt:after {position: absolute; display: block;content:'';border-radius: 50%;border: 4px solid #0c1057;background-color: #fff;}

dl.aflas dt span {display: inline-block;color: #fff;background-color: #56b2db;text-align: center;box-sizing: border-box; font-family: 'Pretendard-Bold', sans-serif;font-weight: normal;}
dl.aflas dt:nth-of-type(odd) span {border-radius: 0 17px 17px 17px;}
dl.aflas dt:nth-of-type(even) span {border-radius: 17px 0 17px 17px;}


dl.aflas > dt:last-of-type,
dl.aflas > dd:last-child {margin-bottom: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.aflas {margin-top: 20px;padding: 25px 0;}
dl.aflas:before {top: 34px;width: 2px;height: calc(100% - 117px); }
dl.aflas > * {width: calc(50% - 15px);margin-bottom: 15px;}
dl.aflas dt span {width: 60px;height: 25px;line-height: 25px;font-size: 14px;}
dl.aflas dt:after {top: 7px;width: 7px;height: 7px;}
dl.aflas dd {line-height: 25px;font-size: 14px;}

dl.aflas dt:nth-of-type(odd):after {right: -8px;}
dl.aflas dt:nth-of-type(even):after {left: -7px;}

dl.aflas dt:nth-of-type(odd),
dl.aflas dd:nth-of-type(odd) {float: left;}
dl.aflas dt:nth-of-type(even),
dl.aflas dd:nth-of-type(even) {float: right;}

dl.aflas dt:nth-of-type(even),
dl.aflas dd:nth-of-type(odd) {text-align: left;}
dl.aflas dt:nth-of-type(odd),
dl.aflas dd:nth-of-type(even) {text-align: right;}

dl.aflas dt:nth-of-type(odd),
dl.aflas dd:nth-of-type(even) {padding-right: 15px;}
dl.aflas dt:nth-of-type(even),
dl.aflas dd:nth-of-type(odd) {padding-left: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.aflas {margin-top: 30px;padding: 40px 0;}
dl.aflas:before {top: 66px;width: 3px;height: calc(100% - 117px); }
dl.aflas > * {width: calc(50% - 25px);margin-bottom: 100px;}
dl.aflas dt span {width: 90px;height: 37px;line-height: 37px;}
dl.aflas dt:after {top: 10px;width: 11px;height: 11px;}
dl.aflas dd {line-height: 37px;}
dl.aflas dd br {display: none;}

dl.aflas dt:nth-of-type(odd):after {right: -10px;}
dl.aflas dt:nth-of-type(even):after {left: -10px;}

dl.aflas dt:nth-of-type(odd),
dl.aflas dd:nth-of-type(even) {float: left;text-align: right;}
dl.aflas dt:nth-of-type(even),
dl.aflas dd:nth-of-type(odd) {float: right;text-align: left;}

dl.aflas dt:nth-of-type(odd),
dl.aflas dd:nth-of-type(even) {padding-right: 25px;}
dl.aflas dt:nth-of-type(even),
dl.aflas dd:nth-of-type(odd) {padding-left: 25px;}
}


/* 사전등록 안내 */
div.registInfo {}
div.deadline {background-color: #fff1fc;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}
div.deadline span {color: #a91221;}

div.deadline + ul {margin-left: 10px;}
div.deadline + ul li {color: #2c4ae4;}
div.deadline + ul li:before {font-weight: normal;font-family: 'Pretendard-Regular', sans-serif;}

div.deadline div.free {font-size: 18px; line-height:24px; margin-top:15px;}

div.registProcess img,
div.payment img {display: block;margin:0 auto; }

dl.registArea {position: relative; background-color: #eef2f9; text-align: left;}
dl.registArea > dt {position: absolute; color: #ffffff; background-color: #35b8e8; font-family: 'Pretendard-SemiBold', sans-serif; box-sizing: border-box;}
dl.registArea dd dt {font-family: 'Pretendard-SemiBold', sans-serif;}
dl.registArea dd dt:first-child {margin-top: 0;}
/*dl.registArea > dd > ul.listBar li {font-family: 'Pretendard-SemiBold', sans-serif;}*/

dl.payArea {position: relative; background-color: #f3f3f3; box-sizing:border-box;}
dl.payArea dt {font-family: 'Pretendard-SemiBold', sans-serif;}

div.cancelArea .btnCancle {background-color: #3c99bb; color: #ffffff; text-align: center; font-family: 'Pretendard-SemiBold', sans-serif; border-radius:10px;}
div.cancelArea .btnCancle img {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
* + div.deadline {margin-top: 10px;}
div.deadline {padding: 15px 5px;font-size: 16px;background-size: auto 100px; border-radius: 0px 0px 28px 0px;}
div.deadline img {display: block;margin:0 auto 10px;height: 40px;}
div.registInfo div.deadline img {display: inline-block !important; margin-right: 15px; margin-bottom: 0;}
div.registInfo div.deadline p {display: inline-block !important; text-align: left;}
div.abstInfo div.deadline {margin-bottom: 10px;padding: 20px 5px;line-height: 25px;}
div.deadline span {display: block;}

dl.registArea {margin-top: 20px; padding: 25px 15px 15px;}
div.tableScroll + dl.registArea {margin-top: 30px;}
dl.registArea > dt {left: 0; top: -15px; width: auto; padding: 4px 15px; border-radius : 5px 15px 15px 15px; font-size:16px;}
dl.registArea > dd > ul.listBar {margin-bottom: 20px;}
dl.registArea dd {}
dl.registArea dd dt {margin-top: 20px;}

div.registProcess,
div.payment {padding: 20px 0;}

dl.payArea {margin-top: 15px; padding: 15px; text-align: left;}
dl.payArea img {display: block; margin: 0 auto; height: 85px;}
dl.payArea p {margin-top: 15px;}

div.cancelArea {margin-top: 20px; text-align: center;}
div.cancelArea a {display: inline-block;margin-top: 20px; padding: 10px 15px; width: calc(50% - 5px); box-sizing:border-box;}
div.cancelArea img {margin: 0 auto 5px; height: 32px;}

div.registInfo .btnArea > * {margin-left: 10px; margin-top: 10px;}
div.registInfo .btnArea > *:nth-child(-n+2) {margin-top: 0;}
div.registInfo .btnArea > *:nth-child(2n+1) {margin-left: 0;}
div.registInfo .btn .btnBig {padding: 8px 15px; box-sizing:border-box;}
}
@media screen and (max-width: 320px) {
	dl.registArea {margin-top: 20px; padding: 45px 15px 15px !important;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
* + div.deadline {margin-top: 20px;}
div.deadline {position: relative;margin-bottom: 20px;padding: 16px 0 17px;font-size: 26px;line-height: 67px; border-radius: 0px 0px 56px 0px;}
div.deadline p {font-size: 22px;line-height: 38px;}

div.registInfo div.deadline {margin-bottom: 0;}
div.registInfo div.deadline p {display: inline-block !important;}
div.deadline img {padding-right: 18px;}
div.abstInfo div.deadline {line-height: 35px;}
div.abstInfo div.deadline img {position: absolute;display: inline-block;vertical-align: top;left: 15%;top: 50%; transform: translateY(-50%); padding: 0;} 


dl.registArea {margin-top: 30px; padding: 45px 25px 30px;}
div.tableScroll + dl.registArea {margin-top: 45px;}
dl.registArea > dt {left: 0; top: -16px; width: 383px; line-height: 46px; padding: 0 25px; border-radius : 5px 23px 23px 23px; font-size:18px;}
dl.registArea > dd > ul.listBar {margin-bottom: 35px;}
dl.registArea dd {}
dl.registArea dd dt {margin-top: 35px;}

dl.payArea {margin-top: 25px; padding: 40px 40px 30px 250px;}
dl.payArea img {position: absolute; left: 40px; top: 25px;}
dl.payArea p {margin-top: 30px;}

div.cancelArea {position: relative; margin-top: 25px; padding-right: 300px;}
div.cancelArea:after {clear: both; content:''; display: block;}
div.cancelArea .btnCancle {position: absolute; right: 0; top: 0px; width: 250px; padding: 30px 0 25px; font-size:20px;}
div.cancelArea .btnCancle img {margin: 0 auto 10px;}
div.registProcess,
div.payment {padding: 35px 0;}
}



/* 사전등록 */
div.regist {}
div.regist table.inputTbl thead span {color: #c3225f;}
div.totalFee {margin-top: 10px;background-color: #eef6ff;color: #192f79;font-family: 'Pretendard-SemiBold', sans-serif; text-align: center;}

div.applyNote {background-color: #faf2f0;color: #222;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}

a.receipt,
a.delete {background-color: #535353;color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.totalFee {padding: 15px;font-size: 16px;}
div.regist div.agreeCon {height: 200px;font-size: 14px;line-height: 20px;}
div.regist p + p {padding-top: 15px;}
div.regist div.agreeCon dl,
div.regist div.agreeCon table.tblDef {margin-top: 15px;}
div.regist div.agree {margin-bottom: 30px;}

div.regist table.inputTbl th {text-align: center;}
div.regist table.inputTbl td.multi input[type=text] + input[type=text] {margin-top: 5px;}
a.receipt {padding: 3px 8px;margin-left: 3px;}

div.applyNote {padding: 15px;font-size: 16px;line-height: 22px;}
div.regist div.applyNote {margin-bottom: 30px;}
div.regist table.tblDef + table.tblDef {margin-top: 20px;}

div.complete *.btnBig { width: calc(33.3% - 7px);padding: 7px 0;}


/* 국외 */
div.regist h5.subTit {font-size: 16px;line-height: 22px;}	
div.regist h4 + h5 {margin-top: 0;}
div.regist ul.option > li {margin-top: 5px;}
div.regist ul.option > li:first-child {margin-top: 0;}
div.regist ul.option > li > label {line-height: 25px;}
div.regist  ul.option > li > input[type=radio] {top: 4px;}

div.regist div.frm_box {margin-top: 40px;}
div.regist div.frm_box .subTit:first-of-type {margin: 0;}
}

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

div.regist div.frm_box {margin-top: 80px;}
div.regist div.frm_box .subTit:first-child {margin: 0;}

div.regist table.inputTbl > * > tr > th {padding: 12px 15px;}
div.regist table.tblDef + table.tblDef {margin-top: 30px;}

div.totalFee {padding: 20px;font-size: 22px;}
div.totalFee + table.inputTbl {margin-top: 20px;}
div.regist p + p {padding-top: 20px;}
div.regist div.agree {margin-bottom: 20px;}

div.regist table.inputTbl td.multi input[type=text] + input[type=text] {margin-left: 5px;}
div.regist div.verification span.note {padding: 10px 0 0 0;}
a.receipt {padding: 3px 10px;margin-left: 5px;}

div.applyNote {padding: 20px;font-size: 22px;}
div.regist div.applyNote {margin-bottom: 30px;}
}


dl.notice {border-top:2px solid #242a58;}
dl.notice dt {color: #fff261;font-family: 'Pretendard-Bold', sans-serif;background:#4c5f8f;text-align: center;}
dl.notice dd {font-family: 'Pretendard-Light', sans-serif;border:1px solid #ccc;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.notice dt {padding: 5px 5px 5px 10px;font-size: 16px;line-height: 24px;background-size:15px;background-position:5px 10px;}
dl.notice dd {padding: 10px;font-size: 14px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.notice dt {padding: 0 25px;font-size:19px;line-height: 54px;}
dl.notice dd {padding: 25px;font-size: 15px;line-height: 22px;}
}

/* 사전등록 항목 추가 2023-03-22 */
dl.congress, dl.congress dt, dl.congress dd {margin: 0;padding: 0;}

dl.congress {box-sizing: border-box;border-style: solid;border-color: #f3f4f9;}
dl.congress dt {text-align: center;color: #0c1057;font-family: 'Pretendard-Bold', sans-serif;}
dl.congress dt > * {display: inline-block;vertical-align: top;margin-top: 0;}
dl.congress dt img {display: block;margin: 0 auto;}
dl.congress dd {background-color: #f3f4f9;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.congress {margin-top: 10px;border-width: 3px;}
dl.congress:first-of-type {margin-top: 0;}
dl.congress dt {padding: 15px 0 12px;font-size: 16px;}
dl.congress dt label {line-height: 16px;}
dl.congress dt img {margin-bottom: 8px;height: 80px;}
dl.congress dd {padding: 15px;text-align: left;font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.congress {float: left;width: calc(50% - 15px);margin-left: 30px;margin-top: 20px;border-width: 5px;}
dl.congress:first-of-type {margin-left: 0;}
dl.congress dt {padding: 30px 0 27px;font-size: 20px;}
dl.congress dt label {line-height: 22px;}
dl.congress dt img {margin-bottom: 15px;}
dl.congress dd {display: table-cell;width: 1000px;height: 140px;padding: 0 30px;vertical-align: middle;}

dl.congress dd ul {font-size: 16px; letter-spacing: -0.9px}
}


/* 초록접수안내 */
div.abstInfo {}
div.guidelineInfo {background-color: #faf2f0;font-family: 'Pretendard-Bold', sans-serif;text-align: center;}
ul.deadlineList, ul.deadlineList li {margin: 0; padding: 0; list-style: none; }
ul.deadlineList li {position: relative;color: #fff;font-family: 'Pretendard-Medium', sans-serif;line-height: 1.2;box-sizing: border-box; }
ul.deadlineList li span {display: block;font-family: 'Pretendard-Bold', sans-serif;line-height: 1.2;}
ul.deadlineList li span.dDay {position: absolute;background-color: #fff;border-radius: 50%;text-align: center;}

ul.deadlineList li:nth-child(1) {background-color: #56b68c;}
ul.deadlineList li:nth-child(2) {background-color: #3ca4ad;}
ul.deadlineList li:nth-child(3) {background-color: #517ab5;}
ul.deadlineList li:nth-child(1) span.dDay {color: #09854f;}
ul.deadlineList li:nth-child(2) span.dDay {color: #0b86af;}
ul.deadlineList li:nth-child(3) span.dDay {color: #0e3d7f;}

div.guideInfo {background-color: #f3faff;text-align: center;font-family: 'Pretendard-Bold', sans-serif; color: #ffe259;}

ol.guideProcess, ol.guideProcess li {margin: 0; padding: 0; list-style: none; }
ol.guideProcess {display: grid;text-align: center;font-size: 0;line-height: 0;}
ol.guideProcess li {position: relative;display: inline-block;vertical-align: top;box-sizing: border-box; }
ol.guideProcess li > span {display: block;box-sizing: border-box; border:1px solid #fff;color: #fff;text-align: center;}
ol.guideProcess li > span span {color: #fff;text-align: center;}
ol.guideProcess li span.tit {position: relative;display: block;font-family: 'Pretendard-Bold', sans-serif;letter-spacing: -0.5px;}
ol.guideProcess li span.tit:after {position: absolute; display: block; left: 50%; transform: translateX(-50%); bottom: 0;background-color: #fff; content:'';}

ol.guideProcess li:before {z-index: 1;position: absolute; display: block; left: 0; width: 100%;content: attr(pub-step);background:url('../image/sub/guideProcess_angle.png') no-repeat center bottom;font-family: 'Pretendard-Bold', sans-serif;text-align: center;}
ol.guideProcess li:after {position: absolute; display: block; height: 10px;left: 50%; transform: translateX(-50%); top: 5px; content:'';}
ol.guideProcess li:nth-child(1),
ol.guideProcess li:nth-child(1):after {background-color: #9ed443;}
ol.guideProcess li:nth-child(2),
ol.guideProcess li:nth-child(2):after {background-color: #43d1a1;}
ol.guideProcess li:nth-child(3),
ol.guideProcess li:nth-child(3):after {background-color: #40d4e2;}
ol.guideProcess li:nth-child(4),
ol.guideProcess li:nth-child(4):after {background-color: #41a7e1;}
ol.guideProcess li:nth-child(5),
ol.guideProcess li:nth-child(5):after {background-color: #4383dd;}
ol.guideProcess li:nth-child(1):before {color: #7cb915;}
ol.guideProcess li:nth-child(2):before {color: #16bf86;}
ol.guideProcess li:nth-child(3):before {color: #16b6c5;}
ol.guideProcess li:nth-child(4):before {color: #1382c1;}
ol.guideProcess li:nth-child(5):before {color: #1553aa;}


div.abstInfo div.bg {background-color: #f2f6ff;}

div.abstInfo a.regist {position: relative;display: inline-block;vertical-align:top; }
div.abstInfo a.regist:after {position: absolute; display: block; background:url('../image/sub/btn_regist.png') no-repeat center top;content:'';}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.deadlineList li {height: 100px;padding: 15px 75px 15px 15px;margin-top: 10px;border-radius: 5px 35px 5px 5px;font-size: 14px;}
ul.deadlineList li:nth-child(1) {margin-top: 0;}
ul.deadlineList li span {font-size: 17px;}
ul.deadlineList li span.date {padding-top: 15px;}
ul.deadlineList li span.dDay {top: 15px;right: 15px;width: 60px;height: 60px;line-height: 60px;}

div.guideInfo {position: relative;padding: 15px 5px;font-size: 0;line-height: 0;}
div.guideInfo * {display: inline-block;vertical-align: top;}
div.guideInfo span {text-align: left;font-size: 16px;line-height: 1.2;}
div.guideInfo img {width: 45px;height: 33px;padding: 3px 10px 0 0;}

ol.guideProcess {grid-template-columns: repeat(2, 1fr); gap: 10px;margin-top: 20px;}
ol.guideProcess li {margin: 30px 0 0 0;padding: 7px;border-radius: 30px;}
ol.guideProcess li:before {height: 36px;top: -25px;font-size: 16px;line-height: 25px;}
ol.guideProcess li:after {width:40px;}
ol.guideProcess li > span {height: 180px;padding: 7px;border-radius: 25px;font-size: 13px;line-height: 18px;}
ol.guideProcess li span.tit {padding: 5px 0 10px;margin-bottom: 7px;font-size: 15px;line-height: 1.2;}
ol.guideProcess li span.tit:after {width: 14px;height: 2px;}

/* div.abstInfo div.tableScroll {margin: 5px 0 5px -25px;} */
div.abstInfo table.tblDef {width: 800px;}

div.abstInfo div.bg {margin-top: 30px;padding: 15px;}

div.abstInfo a.regist {width: 50%;line-height: 25px;border-radius: 18px;}
div.abstInfo a.regist:after {right: -23px;bottom: -17px;width: 48px;height: 41px;background-size:100%;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.abstInfo {position: relative;}
div.guidelineInfo {margin-bottom: 40px;padding: 30px;font-size: 24px;#ffe259;}
ul.deadlineList {text-align: left;font-size: 0;line-height: 0;}
ul.deadlineList li {display: inline-block;vertical-align: top;width: calc(33.3% - 23px);height: 200px;padding: 80px 130px 25px 35px;margin-left: 31px;border-radius: 10px 75px 10px 10px;font-size: 18px;}
ul.deadlineList li:nth-child(1) {margin-left: 0;}
ul.deadlineList li span {font-size: 28px;}
ul.deadlineList li span.date {padding-top: 20px;}
ul.deadlineList li span.dDay {top: 30px;right: 30px;width: 101px;height: 101px;line-height: 101px;}

div.guideInfo {padding: 20px;font-size: 24px;line-height: 67px;}
div.guideInfo img {padding-right: 20px;}

ol.guideProcess {grid-template-columns: repeat(5, 1fr); gap: 0 15px;margin-top: 30px;font-size: 0;line-height: 0;}
ol.guideProcess li {height: 248px;margin: 50px 0 0 0;padding: 10px;border-radius: 45px;}
ol.guideProcess li:before {height: 72px;top: -50px;font-size: 20px;line-height: 50px;}
ol.guideProcess li:after {width: 64px;}
ol.guideProcess li > span {height: 228px;padding: 20px;border-radius: 40px;font-size: 15px;line-height: 24px;}
ol.guideProcess li span.tit {padding: 10px 0 20px;margin-bottom: 10px;font-size: 18px;line-height: 1.2;}
ol.guideProcess li span.tit:after {width: 28px;height: 4px;}

div.abstInfo div.tableScroll {margin: 10px 0;}

div.abstInfo div.bg {margin-top: 20px;padding: 40px;}

div.abstInfo a.regist {width: 248px;height: 60px;padding: 0;margin-bottom: 41px;font-size: 16px;line-height: 60px;border-radius: 30px;}
div.abstInfo a.regist:after {right: -55px;bottom: -40px;width: 98px;height: 81px;}
}



/* 초록접수 */
div.abstract {}
table.inputTbl > * > tr > td.wordBreak {word-break:break-word;}

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

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.abstract table.inputTbl.abstract > * > tr > th {padding-left: 10px;}
div.abstract dl.notice + table.inputTbl > * > tr > th {text-align: left;}
div.abstract dl.notice {margin-bottom: 30px;border-top:1px solid #e5e5e5;}
div.abstract dl.notice > dd.bg {padding-left: 280px;background: url('../image/sub/tempSave_bg.png') 30px 30px no-repeat;}
div.abstract ul.option li {width: 50%;margin-left: 0 !important;}

div.abstract h4.subTit + ul.noBl {margin-bottom: 30px;padding: 20px;border:1px solid #e5e5e5;}

.addData {padding: 10px 20px;background-color: #242a58;color: #fff;font-weight: normal;font-size: 0;line-height: 0;}
.addData > * {display: inline-block;vertical-align: top;}
.addData span {font-size:19px;line-height: 36px;}
.addData select {width: 75px;height: 36px; margin: 0 15px; font-size:19px; border: 0 none;border-radius: 0;}
.addData a {padding: 0 20px; font-size:18px; line-height: 36px;background-color: #cde0fa;color: #314577;}

dl.authors {margin-top: 30px;border-top: 2px solid #242a58;}
dl.authors dt {padding: 10px 10px 10px 20px;background-color: #eff2f9;border-bottom: 1px solid #cbccda;color: #0c1057;line-height: 35px; font-family: 'Pretendard-Bold', 'Pretendard-Bold', sans-serif;}
dl.authors dt a {float: right;width: 70px;text-align: center;border: 0 none;border-radius: 0;}
dl.authors table {border-top: 0 none;}
.addData + dl.authors {margin-top: 0;}
dl.authors + .addData {margin-top: 30px;}
h4.subTit + dl.authors {margin-top: 0;}

dl.noBorder {border-top: 0 none;}
dl.noBorder + .addData {margin-top: 30px;}
dl.noBorder {border-top: 0;margin-top: 0;}
dl.noBorder thead th:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }


dl.authors div.agree {padding: 15px 15px 15px 20px;font-size: 0;line-height: 0;border-bottom:1px solid #cbccda;background-color:#fff;text-align:left; }
dl.authors div.agree > * {display: inline-block;vertical-align: top;}
dl.authors div.agree input[type=checkbox] {margin-top: 0;}
dl.authors div.agree label {margin-left: 10px;padding: 0;font-size:18px;line-height: 22px;}
dl.authors + table.tblDef {margin-top: 30px;}
div.abstract td.selectType select {min-width: 100px;margin-left: 5px;}
ul.tblInfo {padding: 10px;border-bottom:1px solid #cbccda;}

table.abstract label,
table.abstract.tblDef > thead > tr > th {line-height: 20px !important;}
table.abstract > thead > tr > th label,
table.abstract.tblDef > thead > tr > th {font-size: 0.9em !important;}
div.abstract table.abstract > * > tr > *,
table.abstract td.selectType {text-align: center;}
table.abstract td.selectType select {min-width: 60px;width: 60px;}
table.abstract td.selectType select{margin-left: 5px;}
table.abstract td.selectType select:first-child {margin-left: 0;}
table.abstract .sort {font-size: 0;line-height: 0;}
table.abstract .sort > * {display: inline-block;vertical-align: top;width:30px; height:30px;margin-left: 5px;line-height:30px; font-size:12px;text-align: center;font-weight: bold;border:1px solid #0c1057;color: #0c1057;}
table.abstract .sort > *:first-child {margin-left: 0;}
div.abstract table.tblDef > * > tr > * {border-left: 0 none;}

div.abstract p.note {margin-bottom: 5px;}
div.abstract select.wide {width: 100%;}
table.inputTbl th[colspan],
table.tblDef th[colspan] {line-height: 35px;}
table.inputTbl th[colspan] a.delete {width: 70px;float: right;border: 0 none;border-radius: 0;text-align: center;}
div.abstract table.inputTbl > thead > tr > th,
div.abstract table.tblDef > thead > tr > th {text-align: center;font-size: 18px;line-height: 40px;}
table.inputTbl select.country {width: 400px;}
div.abstract .multi input[type=radio], div.abstract .multi input[type=checkbox] {margin: 7px 5px 0 35px;}
div.abstract .multi input:first-child {margin-left: 0;}

div.abstract .phone span {width: 20px;}

div.abstract ul.category.option li {width: 100%;height: auto;margin: 10px 0 0 !important;}
div.abstract ul.category.option li:first-child {margin-top: 0 !important;}
ul.category.option li input[type=radio] {top: 2px;}
ul.category.option li label {line-height: 25px !important;}

dl.authors td.multi .etc {width: 352px;margin-left: 5px;}

div.abstract.formArea .subTit:first-of-type {margin-top: 40px;}

/*table.inputTbl td.phone label:first-child,
table.inputTbl td.phone input[type=text].clear {width: 100px !important;}
table.inputTbl td.phone label + label {width: calc(100% - 120px);margin-left: 20px;}*/

td.editArea div.note {display: block;padding-bottom: 5px;font-size: 14px;line-height: 20px;color: #000;}
}



/* Pre-congress */
div.program {}
div.program h4.subTit {margin-bottom: 0;color: #0c1057;font-family: 'Pretendard-Bold', 'Pretendard-Bold', sans-serif;}
div.program h4.subTit span {display: block;padding-top: 5px;font-family: 'Pretendard-Medium', 'Pretendard-Medium', sans-serif;font-weight: normal;}
div.program div.chairs {position: relative;color: #000;font-family: 'Pretendard-Medium', 'Pretendard-Medium', sans-serif;}
div.program dl.proInfo:before {position: absolute; display: block; left: 0;top: 11px; width: 4px;height: 4px;border-radius: 50%;background-color: #000;content:'';}

div.program th.time, 
div.program th.room {text-align: center;}
div.program td strong,
div.program td span {display: block;}

img.preLogo1,
img.preLogo2 {vertical-align: center;}
img.preLogo2 {padding:0 5px}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.program div.tableScroll {margin-top: 0;}
div.program h4.subTit {padding-bottom: 0;text-align: left;font-size: 18px;line-height: 24px;background-position: left top 10px;}
div.program h4.subTit span {font-size: 16px;}
div.program div.chairs {padding: 10px 0;text-align: left;font-size: 16px;}
div.program dl.proInfo:before {top: 20px;}

img.preLogo1 {height: 100px;}
img.preLogo2 {width: 100px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.program h4.subTit {padding-bottom: 30px;font-size: 20px;line-height: 30px;}
div.program h4.subTit span {font-size:19px;}
div.program div.chairs {padding-bottom: 20px;font-size:19px;line-height: 30px;}
div.program dl.proInfo:before {}
div.program td strong,
div.program td span {line-height: 30px;}
}


/* Plenary Lectures */
div.plenary {}
div.plenary h4.subTit {padding-bottom: 10px;}
div.plenary thead th,
div.plenary td.time {text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.plenary h4.subTit {line-height: 20px;}
div.plenary table.tblDef {width: 800px;}
}

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



/* jejuVenue */
div.jejuVenue {}
div.jejuVenue ul.checkList {background-color: #f1f9fc;}
div.jejuVenue ul.checkList li {font-size: 0;line-height: 0;}
div.jejuVenue ul.checkList li > * {display: inline-block;vertical-align: top;}
div.jejuVenue ul.checkList li strong {padding-right: 5px;}
div.jejuVenue ul.checkList li:before {color: #344fd9;font-weight: bold;}
div.jejuVenue ul.checkList a {color: #344fda;}
div.jejuVenue table.tblDef * > tr > * {text-align: center;}
div.jejuVenue table.tblDef * > tr > th {font-weight: bold;}
div.jejuVenue table.tblDef * > tr > th.bg {color: #0c1057;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.jejuVenue {padding-top: 30px;}
div.jejuVenue div.imgWrap {margin-bottom: 30px;}
div.jejuVenue ul.checkList {margin: 10px 0;padding: 15px;}
div.jejuVenue ul.checkList li {font-size: 14px;line-height: 20px;}
div.jejuVenue ul.checkList li address {width: calc(100% - 70px);}
div.jejuVenue p.ar {padding: 10px 0 5px;font-size: 14px;line-height: 20px;}
div.jejuVenue table.tblDef * > tr > th {line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.jejuVenue {padding-top: 50px;}
div.jejuVenue div.imgWrap {position: relative;height: 315px;margin-bottom: 30px;padding-right: 580px;}
div.jejuVenue ul.checkList {margin-top: 30px;padding: 25px;}
div.jejuVenue ul.checkList li {font-size:18px;line-height: 30px;}
div.jejuVenue div.imgWrap p.img {position: absolute;right: 0;top: 0;}

div.jejuVenue p.ar {padding: 10px 0 5px;}
div.jejuVenue div.mapArea {height: 340px;}
}


/* covid 19 */
ul.covid, ul.covid li {margin: 0; padding: 0; list-style: none; }
ul.covid li a {display: block;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.covid li + li {margin-top: 20px;}
ul.covid li img {display: block;width: 100%;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.covid {font-size: 0;line-height: 0;text-align: center;}
ul.covid li {display: inline-block;vertical-align: top;}
ul.covid li + li {margin-left: 20px;}
}


/* useful information */
div.information {display: grid; gap: 0;}
div.information dl {position: relative;}
div.information dt {color: #0c1057;font-family: 'Pretendard-Bold', 'Pretendard-Bold', sans-serif;}
div.information dt img {position: absolute;display: block;top: 50%; transform: translateY(-50%);left: 20px; }
div.information dl.tax p + p {margin-top: 10px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.information { grid-template-columns: repeat(1, 1fr);}
div.information dl {min-height:80px;padding: 15px 15px 15px 70px;border-top:3px solid #dbe2f2;box-sizing: border-box; }
div.information dt img {width: 50px;left: 10px;}
div.information dl:nth-child(1) {border: 0;}
div.information dt {padding-bottom: 5px;font-size: 16px;}
div.information dd {font-size: 14px;line-height: 20px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.information { grid-template-columns: repeat(2, 1fr);}
div.information dl {padding: 30px 30px 30px 155px;border-top:6px solid #dbe2f2;}
div.information dl:nth-child(-n+2) {border: 0;}
div.information dt {padding-bottom: 15px;font-size: 20px;}
div.information dl.tax p {padding-left: 40px;}
div.information dl.tax p span {display: inline-block;text-indent: -36px;}
}


/* website */
ul.website, ul.website li {margin: 0; padding: 0; list-style: none; }
ul.website {display: grid;}
ul.website li {border-style:solid;border-color:#cad9e0;background-color: #fff;}
ul.website li a,
ul.website li img {display: block;}
ul.website li img {height: 100%;margin:0 auto; }


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.website {grid-template-columns: repeat(2, 1fr); gap: 20px 10px;}
ul.website li {border-width:3px;border-radius: 15px 0 15px 0;}
ul.website li img {height: 60px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.website {grid-template-columns: repeat(4, 1fr); gap: 20px;}
ul.website li {border-width:5px;border-radius: 30px 0 30px 0;}
}



div#popupPayment {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#popupPayment div.popupCon {padding: 15px;}
div#popupPayment div.scrollArea {max-height:300px;}
div#popupPayment div.close {padding: 0 0 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#popupPayment {width: 850px;}
div#popupPayment div.popupCon {padding: 30px 50px;}
div#popupPayment div.scrollArea {max-height:500px;}
div#popupPayment div.close {padding: 0 0 30px;}
}

/* Nature Forum */
div.forum {}
div.forum .pointTit {color: #0c1057 !important;}
div.forum dt.pointTit {font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;color: #152859 !important;}

dl.forumBrief, dl.forumBrief dt, dl.forumBrief dd {margin: 0;padding: 0;}
dl.forumBrief {position: relative;background-color: #f2f9fc;}
dl.forumBrief dt {color: #000;text-align: center;}
dl.forumBrief .type {position: absolute;background-color: #56b2db;text-align: center;color: #fff;font-family: 'Pretendard-Bold', sans-serif;}
dl.forumBrief dd {text-align: right;color: #d12c63;font-family: 'Pretendard-Medium', sans-serif;}

dl.forumBrief span.forumTit {line-height: 30px; font-size: 24px;} 

div.forum p.blDot {color: #000;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}

div.forum table.tblDef > * > tr > * {text-align: center !important}

dl.forumSpeaker ul, dl.forumSpeaker li {margin: 0;padding: 0;list-style: none;}
dl.forumSpeaker li {background-color: #fff;box-sizing: border-box;}
dl.forumSpeaker li img {display: block;margin: 0 auto;}
dl.forumSpeaker li .name {display: inline-block;vertical-align: top;color: #000;font-family: 'Pretendard-Medium', sans-serif;}
dl.forumSpeaker li .group {display: block;color: #3b5eb7;}	


dl.coHost {background-color: #f7f7f7;}
dl.coHost dt {text-align: center;color: #292929;font-family: 'Pretendard-Bold', sans-serif;}
dl.coHost ul, dl.coHost li {margin: 0; padding: 0; list-style: none; }
dl.coHost ul {text-align: center;display: grid;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.forum .pointTit {margin: 10px 0 17px !important;}
div.forum dt.pointTit {margin: 17px 0 !important;font-size: 15px;}

dl.forumBrief {padding: 0 0px 15px 0px;}
dl.forumBrief dt {padding: 45px 15px 6px;font-size: 16px;}
dl.forumBrief .type {top: 8px;left: 0;width: 100px;padding: 5px 0;border-radius: 0 15px 15px 0;font-size: 14px;line-height: 20px;}
dl.forumBrief dd {padding: 0 15px;font-size: 14px;line-height: 20px;}

dl.forumBrief span.forumTit {line-height: 20px; font-size: 14px;} 

div.forum p.blDot {margin-top: 15px;font-size: 14px;line-height: 20px;}

div.forum table.tblDef > * > tr > * {text-align: center !important}

dl.forumSpeaker ul {padding: 0 30px;}
dl.forumSpeaker li {margin-top: 20px;padding: 20px 15px 20px;border-radius: 5px 5px 50px 5px;box-shadow: 0 0 5px rgba(41,37,123,0.3);text-align: center;}
dl.forumSpeaker li:first-child {margin-top: 0;}
dl.forumSpeaker li img {height: 150px;}
dl.forumSpeaker li .name {margin-top: 17px;padding: 0 5px;font-size: 14px;line-height: 20px;box-shadow: inset 0 -10px 0 #f7dce3;}
dl.forumSpeaker li .group {margin-top: 5px;font-size: 13px;line-height: 18px;letter-spacing: -0.5px;}

dl.coHost {padding: 20px 0;margin-bottom: 40px;}
dl.coHost dt {margin-bottom: 15px;font-size: 16px;}
dl.coHost ul {grid-template-columns: repeat(1, 1fr); gap: 10px 0;}
dl.coHost img {width: 200px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.forum .pointTit {margin: 20px 0 35px !important;font-size: 30px;}
div.forum dt.pointTit {margin: 35px 0 !important;font-size: 24px;}

dl.forumBrief {padding: 0 0px 30px 0px;}
dl.forumBrief dt {padding: 60px 185px 12px;font-size: 26px;}
dl.forumBrief .type {top: 15px;left: 0;width: 185px;padding: 10px 0;border-radius: 0 25px 25px 0;font-size: 20px;line-height: 30px;}
dl.forumBrief dd {padding: 0 30px;font-size:18px;line-height: 30px;}

div.forum p.blDot {margin-top: 30px;font-size: 22px;line-height: 30px;}

div.forum table.tblDef > * > tr > * {text-align: center}

dl.forumSpeaker ul {font-size: 0;line-height: 0;text-align: center;}
dl.forumSpeaker li {display: inline-block;vertical-align: top;width: 360px;margin-left: 40px;padding: 25px 30px 43px;border-radius: 10px 10px 100px 10px;box-shadow: 0 0 10px rgba(41,37,123,0.3);}
dl.forumSpeaker li:first-child {margin-left: 0;}
dl.forumSpeaker li .name {margin-top: 35px;padding: 0 5px;font-size: 18px;line-height: 25px;box-shadow: inset 0 -12px 0 #f7dce3;}
dl.forumSpeaker li .group {margin-top: 7px;font-size:18px;line-height: 24px;letter-spacing: -0.5px;}

dl.coHost {padding: 30px 0;margin-bottom: 80px;}
dl.coHost dt {margin-bottom: 25px;font-size: 22px;}
dl.coHost ul {padding: 0 219px; grid-template-columns: repeat(3, 1fr); gap: 0 10px;}
}

/* accommodation 2023-03-24 */
div.accom {}
div.accom span.grade {font-size: 0;line-height: 0;}
div.accom span.grade img {display: inline-block;vertical-align: top;padding: 0 2px;}
div.accom div.mapWrap {margin-top: 20px;}
dl.accomInfo {background-color: #f1f1f1;box-sizing: border-box; }
dl.accomInfo dt {font-family: 'Pretendard-Bold', sans-serif;}
dl.accomInfo li {font-family: 'Pretendard-Regular', sans-serif;}
dl.accomInfo li:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
dl.accomInfo span {display: inline-block;float: right;font-family: 'Pretendard-Medium', sans-serif;color: #242a58;letter-spacing: -0.5px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.accom div.tableScroll {margin-top: 30px;}
div.accom div.tableScroll table {width: 800px;}
div.accom div.mapArea {height: 300px;}
dl.accomInfo {padding: 15px;}
dl.accomInfo dt {padding: 0 0 10px 5px;font-size: 16px;}
dl.accomInfo li {margin-top: 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.accom div.tableScroll {margin-top: 50px;}
div.accom div.mapWrap:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.accom div.mapArea {float: left;width: 850px;}
/* div.accom div.mapArea {margin: 0 auto; width: 90%;} */
dl.accomInfo {float: right;width: 450px;height: 380px;padding: 30px 20px;}
dl.accomInfo dt {padding: 0 0 15px 10px;font-size: 20px;}
dl.accomInfo li {margin-top: 15px;}
}

/* Symposium */
div.symposium {}
div.symposium span.cohosted {color: #000;font-family: 'Pretendard-Regular', 'Pretendard-Regular', sans-serif;}

div.symposium div.typeA p.note {color: #3c94e5;}
div.symposium div.typeB p.note {color: #3ca4ad;}
div.symposium div.typeC p.note {color: #8d6ecb;}

/* div.symposium div.sympoGray p.note {color: #ebeff3;} */

div.symposium table th {color: #0c1057;font-family: 'Pretendard-Bold', sans-serif;}
div.symposium div.typeA th {background-color: #edf5ff;}
div.symposium div.typeB th {background-color: #e8f6f7;}
div.symposium div.typeC th {background-color: #ede9f5;}

div.symposium div.sympoGray th {background-color: #ebeff3 !important;}

div.symposium div.sympoBlue th {background-color: #dce9f5;}

div.symposium div.sympoDeep th {background-color: #80bcff !important;}

td.sympTime {text-align: center !important;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.symposium p.note {margin: 10px 0;}
div.symposium span.cohosted {display: block;font-size: 15px;text-align: right;}
div.symposium div.tableScroll table {width: 1000px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.symposium p.note {margin: 15px 0;}
div.symposium span.cohosted {float: right;font-size: 18px;line-height: 25px;}
}



/* info > visa * /
div.visa {}
div.visa dt {text-align: center;color: #0c1057;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
div.visa dd {color: #000;font-family: 'Pretendard-Regular', sans-serif;}
div.visa li:first-child {margin-top: 0;}
/*  Mobile : ~ width:960px  * /
@media screen and (max-width: 960px) {
div.visa dl {padding: 15px;}
div.visa dl + dl {margin-top: 15px;}
div.visa dt {padding: 5px;font-size: 17px;line-height: 25px;}
div.visa dd {padding-top: 15px;font-size: 14px;line-height: 20px;}
div.visa dd img {display: block;margin: 40px auto 17px;height: 110px;}
div.visa li {margin-top: 20px;}

div.visa .btn {display: block;margin-top: 50px;}
div.visa .btn .btnBig {width: auto;}
}

/*  PC : width:961px ~  * /
@media screen and (min-width: 961px) {
div.visa:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.visa dl {float: left;width: calc(50% - 20px);min-height: 720px;padding: 30px;box-sizing: border-box;}
div.visa dl + dl {margin-left: 20px;}
div.visa dt {padding: 10px;font-size: 24px;line-height: 34px;}
div.visa dd {padding-top: 30px;font-size:18px;line-height: 25px;}
div.visa dd img {display: block;margin: 75px auto 35px;}
div.visa li {margin-top: 25px;letter-spacing: -0.5px;}
div.visa li:first-child {margin-top: 0;}
div.visa .btn {display: block;margin-top: 135px;}
}
*/


/* Sponsorship & Exhibition */
.strikethrough {position: relative;display: inline-block;vertical-align: top;padding: 0 5px;}
.strikethrough:after {position: absolute;left: 0;top: 50%;transform:translateY(-50%);content: "";width: 100%;height: 1px;background-color: #e71e1e;}

ul.benefits, ul.benefits li {margin: 0;padding: 0;list-style: none;}
ul.benefits {padding: 30px;background: #f2f6ff url('../image/sub/benefits_bg.png') right 30px bottom no-repeat;}
ul.benefits > li {position: relative;margin-top: 10px;padding-left: 10px;}
ul.benefits > li:before {position: absolute;left: 0;top: 0;content: "-";}
ul.benefits > li:first-child {margin-top: 0;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

ul.benefits {padding: 20px;background-position: right 15px bottom;background-size: auto 123px;}
ul.benefits > li:last-child {padding-right: 150px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.benefits > li {padding-right: 270px;}
ul.benefits > li:nth-child(-n+3) {padding-right: 0;}
}


dl.boothGuide, dl.boothGuide dt, dl.boothGuide dd {margin: 0;padding: 0;}
dl.boothGuide {position: relative;padding: 30px;}
dl.boothGuide + dl.boothGuide {margin-top: 20px;}
dl.boothGuide > dt {padding-bottom: 10px;font-family: 'Pretendard-Medium', sans-serif;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.boothGuide {padding: 20px;}
dl.boothGuide div.img {padding-top: 20px;}
dl.boothGuide div.img img {display: block;margin: 0 auto;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.boothGuide div.img {position: absolute;right: 30px;top: 30px;}
}



table.sponsorship {}
table.sponsorship th,
table.sponsorship td {padding: 8px 10px !important;text-align: center !important;}
table.sponsorship thead th + th,
table.sponsorship td {border-left: 2px solid #fff !important;}
table.sponsorship thead th {color: #fff !important;font-family: 'Pretendard-Bold', sans-serif;}
table.sponsorship th img {display: block;margin: 0 auto;}
table.sponsorship td.typeA {background-color: #eaf6fc;}
table.sponsorship td.typeB {background-color: #f2f9ed;}
table.sponsorship td.typeC {background-color: #fdf7ea;}
table.sponsorship td.typeD {background-color: #ebecf8;}

span.priceDown {position: relative;}
span.priceDown:after {z-index: 50;position: absolute;left: 0;top: 10px;width: 100%;height: 36px;content: "";background: url('../image/sub/sponsorship_priceDown.png') 0 0 no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
span.priceDown:after {top: 8px;background-size: 100%;}
}

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


/* information 2023-04-14 */
div.download {text-align: center;font-size: 0;line-height: 0;}
div.download a {display: inline-block;vertical-align:top;padding: 0;color: #fff; font-family: 'Pretendard-Medium', sans-serif;background-color: #a53a65;}
div.download a:last-child {background-color: #3a50a5;}

div.download02 {text-align: center;font-size: 0;line-height: 0;}
div.download02 a {display: inline-block;vertical-align:top;padding: 0;color: #fff; font-family: 'Pretendard-Medium', sans-serif;background-color: #cb6b92;}
div.download02 a:last-child {background-color: #7688cf;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.download a {display: block;position: relative;width: 70%;margin:0 auto;padding: 7px 28px 7px 10px; font-size: 14px;line-height: 23px;text-align: left;box-sizing: border-box; letter-spacing: -0.5px;}
div.download a img {position: absolute;display: block;width: 16px;height: 16px;top: 50%; transform: translateY(-50%); right: 8px;}
div.download a:last-child {margin-top: 10px;}

div.download02 a {display: block;position: relative;width: 70%;margin:0 auto;padding: 7px 28px 7px 10px; font-size: 14px;line-height: 23px;text-align: left;box-sizing: border-box; letter-spacing: -0.5px;}
div.download02 a img {position: absolute;display: block;width: 16px;height: 16px;top: 50%; transform: translateY(-50%); right: 8px;}
div.download02 a {margin-top: 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.download a {width: 400px;height: 57px;line-height: 57px;font-size: 17px;text-align: center;}
div.download a img {padding: 0 0 4px 10px;}
div.download a:last-child {margin-left: 20px;}

div.download02 a {width: 400px;height: 57px;line-height: 57px;font-size: 17px;text-align: center;margin-top: 20px;}
div.download02 a img {padding: 0 0 4px 10px;}
div.download02 a:last-child {margin-left: 20px;}
}



/* sponList */
dl.sponList {}
dl.sponList:first-child {margin-top: 0;}
dl.sponList dt {color: #fff;text-align: center;font-family: 'Pretendard-Bold', sans-serif;background-position:center bottom;background-repeat:no-repeat;}
dl.sponList dd {}

dl.sponList ul, dl.sponList li {margin: 0; padding: 0; list-style: none; }
dl.sponList ul {display: grid;}
dl.sponList li {border:1px solid #ccc;box-shadow: 0 0 10px 2px rgba(36, 106, 138, 0.3);}

dl.sponList.dia ul { grid-template-columns: repeat(1, 1fr);}
dl.sponList.pla ul { grid-template-columns: repeat(2, 1fr);}
dl.sponList.gold ul { grid-template-columns: repeat(3, 1fr);}

dl.sponList.dia dt {background-image:url('../image/spon/spon_tit_dia.png');}
dl.sponList.pla dt {background-image:url('../image/spon/spon_tit_pla.png');}
dl.sponList.gold dt {background-image:url('../image/spon/spon_tit_gold.png');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.sponList {margin-top: 20px;}
dl.sponList dt {line-height: 45px;font-size: 18px;border-radius: 5px 20px 5px 20px;}
dl.sponList dd {padding: 15px;}

dl.sponList.pla ul,
dl.sponList.gold ul {gap: 0 10px;}

dl.sponList.dia li, 
dl.sponList.pla li {height: 70px;}
dl.sponList.gold li {height: 50px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.sponList {margin-top: 40px;}
dl.sponList dt {line-height: 70px;font-size: 22px;border-radius: 10px 40px 10px 40px;}
dl.sponList dd {padding: 50px 30px;}

dl.sponList.dia li, 
dl.sponList.pla li {height: 180px;}

dl.sponList.pla ul,
dl.sponList.gold ul {gap: 0 40px;}
dl.sponList.gold li {height: 130px;}
}


/* 회원인증 */
div.authentication div.member {background-color: #eff2f9;text-align: center;}
div.authentication p {font-family: 'Pretendard-SemiBold', sans-serif;}
div.authentication dl {position: relative;background-color: #fff;box-sizing: border-box; }
div.authentication dt {position: absolute;left: 0;top: 0;text-align: center;}
div.authentication input[type=text] {display: block;width: 100%;border: 0 none;box-sizing: border-box; }


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents div.authentication {padding: 0;}
div.authentication div.member {padding: 20px 10px;}
div.authentication p {padding: 0 10px 10px;font-size: 16px;}
div.authentication dl {margin-top: 10px;padding-left: 85px;}
div.authentication dl:first-child {margin-top: 0;}
div.authentication dt {width: 85px;font-size: 14px;line-height: 35px;}
div.authentication input[type=text] {height: 35px;padding: 5px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.authentication div.member {padding: 60px;font-size: 0;line-height: 0;}
div.authentication p {padding-bottom: 40px;font-size: 20px;line-height: 1;}
div.authentication dl {display: inline-block;vertical-align: top;width: calc(50% - 10px);padding-left: 120px;margin-left: 20px;}
div.authentication p + dl {margin-left: 0;}
div.authentication dt {width: 120px;font-size: 17px;line-height: 70px;}
div.authentication input[type=text] {height: 70px;padding: 10px;}
}


/* Program at a Glance */
div.program {}
div.program div.btn {text-align: right;}
div.program div.btn a {background-color: #b54054;color: #fff;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.program  dl.rwMenu ul.subMenu li {margin-top: 0;}
div.program div.btn  {padding-top: 20px;}
div.program div.btn a {height: auto;padding: 7px 10px;line-height: 15px;}
div.program div.btn img {height: 15px;padding-left: 5px;}
div.program div.tableScroll {margin-top: 20px;}

div.program .conMenu {padding-bottom: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.program div.btn {padding-top: 30px;}
div.program div.btn a {padding: 10px 10px 11px;line-height: 23px;}
div.program div.btn a img {padding-left: 10px;line-height: 22px;}

div.program .conMenu {padding: 35px 0 20px;}
div.program div.note {margin-bottom: 10px;}
}

/* top 버튼 추가 - 24.07.05 박민지 */
.btn-top{
	opacity: 0;
	position: fixed;
	right: 2%;
	bottom: 160px;
	width: 58px;
	height: 58px;
	padding: 15px 0;
	border-radius: 50%;
	background-color: #425492;
	color: #fff;
	font-family: 'Pretendard-SemiBold', sans-serif;
	font-size: 15px;
	transition: 0.3s ease;
}
.btn-top .arrow{
	display: block;
	margin-bottom: 2px;
	font-size: 10px;
}
.btn-top.on{
	opacity: 1;
}
@media screen and (max-width: 960px) {
	.btn-top{
		overflow: hidden;
		right: 15px;
		bottom: 110px;
		width: 40px;
		height: 40px;
		padding: 8px 0;
		font-size: 12px;
	}
	.btn-top .arrow{
		margin-bottom: 0;
		font-size: 7px;
	}
}



/* 메인 kda & dmj 동영상 추가 - 24.09.25 mj.park */
dl.mainJournal dd ul li div.video-wrap{
	display: block;
	margin: 0;
}
dl.mainJournal dd ul li div.video-wrap > div{
	margin: 0;
}
.video-wrap{
	padding: 0 15px;
}
dl.mainJournal dd ul li div.img-journal{
	height: 155px;
	margin: 0;
}
ul.youtubeList li{
	height: 241px;
}

/* 메인 및 서브 디자인 세팅 - 25.04.08 mj.park */
div#headerWrap:after{
    background: linear-gradient(to right, #1164a8, #794597);
}
dl.mainImportant li:nth-child(1) span.dday{
    color: #d74e4f;
}
dl.mainImportant li:nth-child(2) span.dday{
    color: #4060b1;
}
dl.mainImportant li:nth-child(3) span.dday{
    color: #6e6caf;
}
dl.mainImportant li:nth-child(4) span.dday{
    color: #54a17f;
}

.bx-pager{
    left: auto;
    right: calc((100% - 1300px)/2);
    top: auto;
    bottom: 30px;
    margin-left: 0;
}
.bx-pager .bx-pager-item a{
    background-image: none;
    background-color: #fff;
    border-radius: 50%;
}
.bx-pager .bx-pager-item a.active{
    background-image: none;
    background-color: #a94a9d;
    border-radius: 30px;
}


ul.mainQuick li a,
ul.mainQuick li a:before{
    transition: 0.3s ease;
}
ul.mainQuick li:hover a:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 50px 10px;
    background-image: none;
    background: linear-gradient(to right, #9b24c1, #d95b8d);
}

/* 메인 비주얼 재작업 - 25.08.25 mj.park */
.main-visual{
    position: relative;
    width: 100%;
    height: 900px;
}
.main-visual-con img{
    width: 100%;
    height: 100%;
}
.main-visual .slick-track,
.main-visual .slick-list{
    height: 100%;
}
.main-visual .slick-dots{
    position: absolute;
    right: calc((100% - 1300px)/2);
    bottom: 30px;
    width: 1300px;
    margin: auto;
    text-align: right;
}
.main-visual .slick-dots > li{
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
    line-height: 1;
}
.main-visual .slick-dots button{
    overflow: hidden;
    width: 12px;
    height: 12px;
    background-color: #fff;
    box-shadow: none;
    border-radius: 50%;
    text-indent: -9999em;
}
.main-visual .slick-dots li.slick-active button{
    width: 30px;
    border-radius: 30px;
    background-color: #a94a9d;
}

@media screen and (min-width: 961px) {
    /* 메인 및 서브 디자인 세팅 - 25.04.08 mj.park */
    div.mainWrap div#headerWrap ul.gnbUtil a{
        color: #fff;
        background-color: #1164a8;
    }
    div.mainWrap div#headerWrap ul.gnbUtil a:before{
        background-color: #fff;
    }
    div.mainWrap ul#gnb ul{
        border-color: #1a7fd2;
    }
    div.mainWrap ul#gnb > li.on > a{
        background-color: #1a7fd2;
    }
    div.mainWrap ul#gnb ul a:before{
        top: 9px;
        background-color: #1a7fd2;
    }
    ul#gnb > li > a{
        transition: 0.3s ease;
    }

    div.mainWrap div.dDay{
        display: none;
    }
}
@media screen and (max-width: 961px) {
	dl.mainImportant li{
		background-size: cover;
		background-position: 0 0;
	}
	dl.mainImportant li:nth-child(4){
		background-image: url(../image/main/main_important_bg04.png);
	}
	dl.mainJournal dd ul li div.video-wrap{
		width: 50%;
		padding: 0;
		margin-right: 20px;
	}
	ul.youtubeList li{
		height: auto;
	}
	dl.mainJournal dd ul li div.img-journal{
		height: 42px;
		margin-right: 20px;
	}
	dl.mainJournal dd ul li div.img-journal img{
		height: 100%;
	}

    /* 메인 및 서브 디자인 세팅 - 25.04.08 mj.park */
    dl.mainImportant li{
        background-position: right bottom;
        background-size: cover;
    }
    dl.mainImportant li:nth-child(1){
        background-image: url('../image/main/main_important_bg01.png');
    }
    dl.mainImportant li:nth-child(2){
        background-image: url('../image/main/main_important_bg02.png');
    }
    dl.mainImportant li:nth-child(3){
        background-image: url('../image/main/main_important_bg03.png');
    }
    dl.mainImportant li:nth-child(4){
        background-image: url('../image/main/main_important_bg04.png');
    }
    ul.mainVisual li.link-lecture{
        max-width: 100%;
    }
    .mainVisual picture{
        display: block;
        width: 100%;
    }
    .mainVisual img{
        width: 100%;
    }
    .bx-pager{
        right: 20px;
        bottom: 125px;
    }

    div.dDay{
        background: linear-gradient(to right, #1164a8, #794597);
    }

    /* 메인 비주얼 재작업 - 25.08.25 mj.park */
    .main-visual{
        height: auto;
    }
    .main-visual-con img{
        height: auto;
    }
    .main-visual .slick-dots{
        right: 20px;
        bottom: 20px;
    }
    .main-visual .slick-dots > li{
        margin: 0 3px;
    }
}