@charset "utf-8";
@import url('Roboto.css');
/* 24-06-24 Pretendard 폰트 추가 */
@import url('Pretendard.css');

/************ RESET **************/

.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6{margin: 0; font-weight: normal;}

ul, ol{margin: 0; padding: 0;}
li {list-style-type: none;}
a {margin: 0;padding: 0;outline: none;box-sizing: border-box;text-decoration: none;color: inherit;}
strong { font-family: 'Roboto-Bold', sans-serif; font-weight: normal; }
input, select, textarea, button{margin:0; padding: 0; border: 0;  color: #2e2e2e;font-size: inherit;border: 0;font-family: 'Roboto', 'Pretendard Variable', sans-serif;}
textarea{width: 100%;resize: none;}
textarea[readonly]{cursor: default;}
button{cursor: pointer;background: none;}
div {outline: none;box-sizing: border-box;}

.cf:after{display: block;content: '';clear: both;}
.hide{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;clip: rect(0 0 0 0);}


/*************** about ******************/

span.OVtitle {padding: 0 5px;color: #2851a9;box-shadow: inset 0 -10px 0 #eff3fc;font-family: 'Roboto-Medium', sans-serif;}

div.about {}
div.about dl:first-child {border-top: 2px solid #5578c4;}
div.about dl {position: relative;border-bottom: 1px solid #b3bccf;}
div.about dt span {padding: 0 5px;color: #2851a9;box-shadow: inset 0 -10px 0 #eff3fc;font-family: 'Roboto-Medium', sans-serif;}
div.about dt img {position: absolute;top: 50%;transform: translateY(-50%);}
div.about dd {padding: 0 0 0 5px;color: #000;}




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

div.about dl {padding: 13px 13px 13px 70px;}
div.about dt span {font-size: 14px;}
div.about dt img {left: 15px;width: 40px;}
div.about dd {font-size: 12px;line-height: 17px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.about {position: relative;padding-left: 670px;}
div.about div.mapArea {position: absolute;left: 0;top: 0;width: 640px;height: 650px;}

div.about dl {padding: 20px 20px 20px 180px;}
div.about dt {margin-bottom: 10px;}
div.about dt span {font-size: 20px;}
div.about dt img {left: 44px;}
}


/*************** history ******************/
div.history tr.session td {background-color:#fffae5;text-shadow:1px 1px 1px #8894b3; }



/*************** useful ******************/
div.useful {color: #000;}
div.useful div.info img {display: block;width: 100%;}
div.useful div.info span {display: block;border: 1px solid #b3bccf;background-color: #fff;}
div.useful a.conLink {color: #204ef8; text-decoration: underline;}

div.useful h3 span a {border: 0 none;padding: 0;}

div.useful table > * > tr > * {text-align: left;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.useful div.info span {padding: 15px;font-size: 13px;line-height: 17px;}

div.useful h3 span {margin-left: 7px;}
div.useful h3 span a img {height: 25px;}

div.useful table > * > tr > * {font-size: 12px;line-height: 1.2;}
div.useful table th {font-size: 13px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.useful div.info span {padding: 25px;font-size: 16px;line-height: 25px;}

div.useful h3 {line-height: 38px;}
div.useful h3 span {margin-left: 15px;}
div.useful h3 span a {height: 38px;}

div.useful table > * > tr > * {padding: 10px 15px;font-size: 16px;}
}




/*************** transportation ******************/

/* subway */
div.transportation {}
div.transportation {color: #000;}

div.transportation div.btn a {background-color: #333f7b;border: 0 none;color: #fff;text-align: center;border-radius: 3px;}
div.location span {color: #d32760;font-family: 'Roboto-Medium', sans-serif;}
div.location a {display: block;background-color: #333f7b;color: #fff;border: 0 none;text-decoration:none; border-radius: 3px;line-height: 1;}

div.transportation div.tableScroll {margin-top: 15px;}
div.transportation table.tblDef td img {display: block;margin:0 auto; }

ul.lineInfo, ul.lineInfo li {margin: 0; padding: 0; list-style: none; }
ul.lineInfo li {font-family: 'Roboto-Medium', sans-serif;}
ul.lineInfo li:nth-child(1) {color: #1b85c7;}
ul.lineInfo li:nth-child(2) {color: #13c228;}
ul.lineInfo li:nth-child(3) {color: #c6a31b;}
ul.lineInfo li img {padding-right: 5px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.transportation h3.subTit_bl {margin-bottom: 15px;}
div.transportation h3.subTit_bl + p {padding-left: 10px;font-size: 13px;line-height: 17px;}

div.transportation div.btn {margin: 10px 0 20px;text-align: right;}
div.transportation div.btn a {font-size: 12px; padding: 5px 10px 6px;}
div.transportation div.btn img {display: inline-block;width: 8px;margin: 5px 0 0 5px;}
div.transportation div.imgBox img {width: 100%;}

div.location {font-size: 13px;line-height: 1.2;}
div.location a {width: 190px;margin-top: 5px; padding: 10px;font-size: 13px;box-sizing: border-box; }
div.location a img {width: 10px;padding: 1px 0 0 5px;}
div.location + div.mapArea {height: 200px;margin-top: 15px;}

div.transportation table.tblDef td img {height: 100px;}

ul.lineInfo li {padding-top: 5px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.transportation h3.subTit_bl {margin-bottom: 15px;}
div.transportation h3.subTit_bl + p {padding-left: 13px;}

div.transportation div.tabCon {position: relative;}
div.transportation div.btn {position: absolute;right: 0;top: 50px;}
div.transportation div.btn a {font-size: 16px;line-height: 29px;padding: 7px 17px 8px;}
div.transportation div.btn img {display: inline-block;margin: 8px 0 0 20px;}

div.transportation div.imgBox {margin-top: 25px;}
div.transportation div.imgBox img {display: block; margin: 0 auto;}

div.location {position: relative;}
div.location a {position: absolute;right: 0;top: 50%; transform: translateY(-50%); padding: 15px;font-size: 16px;}
div.location a img {padding: 2px 0 0 10px;}
div.location + div.mapArea {height: 400px;margin-top: 20px;}

ul.lineInfo {margin-top: 20px;font-size: 0;line-height: 0;text-align:right; }
ul.lineInfo li {display: inline-block;vertical-align:top; margin-left: 20px;font-size: 16px;line-height: 20px;}
}




/* bus */
div.transportation ul.busLine, div.transportation ul.busLine li {margin: 0;padding: 0;list-style: none;}
div.transportation ul.busLine {}
div.transportation ul.busLine:after {clear: both;display: block;content:'';font-size: 0;line-height: 0;height: 0;}
div.transportation ul.busLine li {box-sizing: border-box;}
div.transportation ul.busLine span {display: block;text-align: center;border-style: solid;}
div.transportation ul.busLine span.tit {background-color: #2e4ec5;color: #fff;font-family: 'Roboto-Medium', sans-serif;}
div.transportation ul.busLine span.num {display: table-cell;width: 10000px;padding: 0 5px;vertical-align: middle;word-break: break-all;}

div.transportation ul.busLine li.blue {border-color: #2e4ec5;}
div.transportation ul.busLine li.green {border-color: #247b2e;}
div.transportation ul.busLine li.skyblue {border-color: #4da8e7;}
div.transportation ul.busLine li.yellow {border-color: #e39627;}
div.transportation ul.busLine li.red {border-color: #bb2738;}
div.transportation ul.busLine li.yellowgreen {border-color: #48ab17;}

div.transportation ul.busLine li.blue span.tit {background-color: #2e4ec5;}
div.transportation ul.busLine li.green span.tit {background-color: #247b2e;}
div.transportation ul.busLine li.skyblue span.tit {background-color: #4da8e7;}
div.transportation ul.busLine li.yellow span.tit {background-color: #e39627;}
div.transportation ul.busLine li.red span.tit {background-color: #bb2738;}
div.transportation ul.busLine li.yellowgreen span.tit {background-color: #48ab17;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.transportation ul.busLine li {float: left;width: calc(50% - 5px);height: 95px;margin-bottom: 10px;border-radius: 3px 10px 3px 10px;border: 3px solid #2e4ec5;}
div.transportation ul.busLine li:nth-child(even) {float: right;}

div.transportation ul.busLine span.tit {height: 25px;font-size: 13px;line-height: 25px;border-radius: 0 3px 0 3px;}
div.transportation ul.busLine span.num {height: 64px;font-size: 12px;line-height: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.transportation ul.busLine li {float: left;width: 200px;height: 180px;margin-left: 20px;border-radius: 6px 20px 6px 20px;border: 5px solid #2e4ec5; }
div.transportation ul.busLine li:first-child {margin-left: 0;}

div.transportation ul.busLine span.tit {height: 45px;line-height: 45px;border-radius: 0 13px 0 13px;}
div.transportation ul.busLine span.num {height: 125px;}
}


div.bus {}
div.bus h4 {margin: 0;padding: 0;font-weight: normal;color: #000;font-size: 18px;font-family: 'Roboto-Medium', sans-serif;}
div.bus h4.bus {color: #0d3655;background: url('/image/sub/transport_bus.png') 0 0 no-repeat;}
div.bus h4.bus span {display: inline-block;vertical-align: top;padding: 0 5px;margin-right: 10px;border-radius: 5px;color: #fff;background-color: #197bc5;}
div.bus h4.bus a {display: inline-block;vertical-align: top;margin-left: 10px;}

div.bus p {margin: 0;color: #000;}

div.bus .bdArea {border:4px solid #edeeef;background-color: #fff;}
div.bus .bdArea img {display: block;max-width:100%;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bus,
div.bus h4 {padding-top: 30px;}
div.bus h4 {margin-bottom: 10px;}
div.bus h4.bus {padding: 0 0 0 35px;font-size: 16px;line-height: 23px;background-size: 23px;}
div.bus h4.bus a {padding: 4px 0 5px;}

div.bus .bdArea {margin-top: 20px;}
div.bus .scrollArea_x img {width: 1300px;max-width:1300px;}

.scrollArea_x {overflow-x: auto;overflow-y: hidden;padding: 0;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bus,
div.bus h4 {padding-top: 50px;}
div.bus h4 {margin-bottom: 10px;}
div.bus h4.bus {padding: 16px 0 16px 68px;font-size: 18px;line-height: 23px;}
div.bus h4.bus a {padding: 4px 0 5px;}

div.bus .bdArea {margin-top: 20px;}
}




/* car */
div.transportation ul.listNum li span {color: #d90080;}
div.transportation ul.bg {background-color: #ffedf5;}

div.transportation ul.typeA {background-color: #edf5ff;}
div.transportation ul.typeB {background-color: #fdf2e3;}
div.transportation ul.typeC {background-color: #e4f3dd;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.transportation ul.listNum {margin-bottom: 20px;padding: 15px 15px 15px 5px;}
div.transportation ul.listNum li {font-size: 14px;line-height: 17px;}
}


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


div.transportation h4.subTit_bl {margin: 40px 0 10px;}
}



/* airport */
div.transportation div.colArea > * {background-color: #edf5ff;}
div.transportation div.colArea dt {color: #1e249e;font-family: 'Roboto-Medium', sans-serif;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.transportation div.colArea {margin: 20px 0 0;}
div.transportation div.colArea + h3 {margin-top: 20px;}
div.transportation div.colArea dl {padding: 15px;margin-bottom: 10px;border-radius: 3px 10px 3px 10px;}
div.transportation div.colArea dl:first-of-child {margin-top: 20px;}
div.transportation div.colArea dl:last-child {margin-bottom: 0;}
div.transportation div.colArea dt {margin-bottom: 5px;font-size: 14px;}
div.transportation div.colArea dd {font-size: 12px;line-height: 17px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.transportation h3 {margin-top: 20px;}
div.colArea {display:grid;gap: 20px;margin-top: 20px;}
div.colArea.col2ea {grid-template-columns: repeat(2, 1fr);}
div.colArea.col3ea {grid-template-columns: repeat(3, 1fr);}
div.transportation div.colArea dl {padding: 30px;border-radius: 5px 20px 5px 20px;}

div.transportation div.colArea dt {margin-bottom: 10px;font-size: 18px;}
div.transportation div.colArea dd {font-size: 16px;line-height: 25px;letter-spacing: -0.5px;}
}


/* taxi */
div.taxi {}
ul.taxiMap, ul.taxiMap li {margin: 0; padding: 0; list-style: none; }
ul.taxiMap {display: grid;}
ul.taxiMap li {text-align:center; }
ul.taxiMap img {display: block;width: 100%;margin-bottom: 10px;}

div.taxi table.tblDef a {margin-top: 5px;padding: 5px 10px;background-color:#333f7b;color: #fff;text-decoration:none; border-radius: 3px;box-sizing: border-box; }

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.taxiMap {grid-template-columns: repeat(1, 1fr); gap: 15px;}
div.taxi table.tblDef a {display: block;width: 71px;margin:5px auto 0; }
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.taxiMap {grid-template-columns: 960px 524px; gap: 10px;}
div.taxi table.tblDef a  {display: inline-block;vertical-align: top;}
}


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


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


/* regist */
.colArea {display: grid;}
div.regist div.colArea > * {background-color: #edf5ff;}
div.regist div.colArea dt {color: #1e249e;font-family: 'Roboto-Medium', sans-serif;}

ol.registProgress, ol.registProgress li {margin: 0; padding: 0; list-style: none; }
ol.registProgress li {position: relative;border-style:solid;color: #000;box-sizing: border-box; }
ol.registProgress li:before {position: absolute; display: block; left: 0;top: 0;width: 100%; content:attr(pub-step);text-align: center;font-family: 'Roboto-Medium', sans-serif;}
ol.registProgress li:after {position: absolute; display: block; content:'';background-position: 0 0;background-repeat: no-repeat;}	
ol.registProgress li:nth-child(4):after {display: none;}
ol.registProgress strong {display: block;color: #fff;font-family: 'Roboto-Medium', sans-serif;text-align: center;}
ol.registProgress span {display: block;}

ol.registProgress li:nth-child(1) {border-color:#f081a6;}
ol.registProgress li:nth-child(2) {border-color:#d1d619;}
ol.registProgress li:nth-child(3) {border-color:#47a4d7;}
ol.registProgress li:nth-child(4) {border-color:#123d77;}

ol.registProgress li:nth-child(1):before {color:#f081a6;}
ol.registProgress li:nth-child(2):before {color:#d1d619;}
ol.registProgress li:nth-child(3):before {color:#47a4d7;}
ol.registProgress li:nth-child(4):before {color:#123d77;}

ol.registProgress li:nth-child(1) strong {background-color: #f081a6;}
ol.registProgress li:nth-child(2) strong {background-color: #d1d619;}
ol.registProgress li:nth-child(3) strong {background-color: #47a4d7;}
ol.registProgress li:nth-child(4) strong {background-color: #123d77;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.regist div.colArea {margin: 20px 0 0;}
div.regist div.colArea + h3 {margin-top: 20px;}
div.regist div.colArea dl {padding: 15px;margin-bottom: 10px;border-radius: 3px 10px 3px 10px;}
div.regist div.colArea dl:first-of-child {margin-top: 20px;}
div.regist div.colArea dl:last-child {margin-bottom: 0;}
div.regist div.colArea dt {margin-bottom: 5px;font-size: 14px;}
div.regist div.colArea dd {font-size: 12px;line-height: 17px;}

ol.registProgress {gap:40px;grid-template-columns: repeat(1, 1fr);}
ol.registProgress li {padding: 40px 0 20px;border-radius: 20px;border-width: 3px;}
ol.registProgress li:before {height: 40px;font-size: 16px;line-height: 40px;}
ol.registProgress li:after {left: 50%; transform: translateX(-50%); bottom: -30px;width: 30px;height: 18px;background-size:100% 100%;background-image:url('/image/sub/registProgress2.png');}
ol.registProgress strong {margin-bottom: 10px;font-size: 15px;line-height: 40px;}
ol.registProgress span {padding: 0 10px;font-size: 14px;line-height: 20px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.regist h3 {margin-top: 20px;}
.colArea.col2ea {grid-template-columns: repeat(2, 1fr);}
.colArea.col3ea {grid-template-columns: repeat(3, 1fr);}
.colArea.col4ea {grid-template-columns: repeat(4, 1fr);}
div.regist div.colArea dl {padding: 30px;border-radius: 5px 20px 5px 20px;}

div.regist div.colArea dt {margin-bottom: 10px;font-size: 18px;}
div.regist div.colArea dd {font-size: 16px;line-height: 25px;letter-spacing: -0.5px;}

ol.registProgress {gap:80px;}
ol.registProgress li {padding: 80px 0 50px;border-radius: 45px;border-width: 5px;}
ol.registProgress li:before {height: 80px;font-size: 22px;line-height: 80px;}
ol.registProgress li:after {top: 50%; transform: translateY(-50%); right: -62px;width: 33px;height: 56px;background-image:url('/image/sub/registProgress.png');}
ol.registProgress strong {margin-bottom: 20px;font-size: 20px;line-height: 60px;}
ol.registProgress span {padding: 0 15px;}
}

td.tooltip {position: relative;background: url('/image/sub/tooltip_bg.png') 0 0 no-repeat;}

td.tooltip a.trigger {display: block;text-decoration: none;color: inherit;}
td.tooltip a.trigger:after {content: "";position: absolute;left: 0;top: 0;width: 18px;height: 20px;background: url('/image/sub/tooltip_trigger.png') center center no-repeat;}
td.tooltip .view a.trigger:after {transform:rotate(45deg);}

td.tooltip dd.toggleCon {z-index: 50;position: absolute;left: 30px;top: 10px;width: 490px;padding: 15px;text-align: left;color: #000;font-size: 15px;line-height: 20px;background-color: #edeeef;box-sizing: border-box;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
td.tooltip dd.toggleCon {width: calc(100vw - 60px);}
}


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




/* sign Up > Login */
div.loginArea {background-color: #fff;box-shadow: 0 0 15px rgba(1,33,92,0.3);}
div.loginArea h3 {color: #111754;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}
div.loginArea p.signUp {}
div.loginArea p.signUp a {display: inline-block;vertical-align: top;text-align: center;color: #fff;background-color: #457dd9;font-family: 'Roboto-Medium', sans-serif;text-decoration: none;}
dl.inputArea {overflow: hidden;background-color: #ecf0f5;}
dl.inputArea > dt {float: left;}
dl.inputArea > dt label {color: #111754;font-family: 'Roboto-Medium', sans-serif;}
dl.inputArea input {display: block;width: 100%;border: 0 none;background-color: transparent;box-sizing: border-box;}

div.loginArea .btn {}
div.loginArea .btn > * {display: block;width: 100%;color: #fff;background-color: #2d4389;border-color: #2d4389;font-family: 'Roboto-Bold', sans-serif;}

ul.loginUtil, ul.loginUtil li, ul.loginUtil a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.loginUtil a {border: 1px solid #457dd9;text-align: center;color: #457dd9;font-family: 'Roboto-Medium', sans-serif;}

div.loginArea .note {text-align: left;margin-top: 10px;word-break: keep-all;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.loginArea {}
div.loginArea h3 {font-size: 25px;line-height: 40px;}
div.loginArea div.formArea {position: relative;padding: 20px 15px 20px;}
div.loginArea p.signUp {margin-bottom: 5px;text-align: right;font-size: 13px;line-height: 30px;letter-spacing: -0.2px;}
div.loginArea p.signUp a {padding: 0 13px;}
dl.inputArea {margin-top: 5px;}
dl.inputArea dt {width: 95px;padding: 10px 0 0 15px;font-size: 14px;line-height: 20px;}
dl.inputArea dd {padding-left: 110px;}	
dl.inputArea input {height: 40px;}

div.loginArea .btn {margin-top: 15px;}
div.loginArea .btn > * {height: 45px;font-size: 16px;}
div.loginArea .btn a {height: auto;padding: 10px;line-height: 25px;}

ul.loginUtil {padding: 5px 0 10px;}
ul.loginUtil li {margin-top: 5px;}
ul.loginUtil a {padding: 9px;font-size: 14px;line-height: 18px;}
div.loginArea .note {font-size: 13px;line-height: 18px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.loginArea {display: grid;grid-template-columns: 888px 412px;}
div.loginArea h3 {margin-bottom: 10px;font-size: 50px;line-height: 80px;}
div.loginArea div.formArea {position: relative;padding: 50px 50px 40px;}
div.loginArea p.signUp {position: absolute;top: 75px;right: 50px;line-height: 44px;}
div.loginArea p.signUp a {margin-left: 15px;padding: 0 20px;}
dl.inputArea {margin-top: 10px;}
dl.inputArea dt {width: 125px;padding: 15px 0 0 25px;font-size: 18px;line-height: 30px;}
dl.inputArea dd {padding-left: 160px;}	
dl.inputArea input {height: 60px;}

div.loginArea .btn {margin-top: 25px;}
div.loginArea .btn > * {height: 65px;font-size: 20px;}
div.loginArea .btn a {height: auto;padding: 15px;line-height: 35px;}

ul.loginUtil {padding: 20px 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;}
ul.loginUtil li {}
ul.loginUtil a {padding: 15px;font-size: 16px;line-height: 22px;}
}

/* sign Up > Login > Important Date  */
dl.loginDate, dl.loginDate * {margin: 0;padding: 0;list-style: none;text-decoration: none;}

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

dl.loginDate li {position: relative;font-family: 'Roboto-Medium', sans-serif;}
dl.loginDate li:first-child {margin-top: 0;}

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


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

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

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.loginDate {padding: 30px 15px 45px;background-size: 100%;}
dl.loginDate dt {padding-bottom: 20px;font-size: 20px;line-height: 20px;text-align: center;}

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


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.loginDate {width: 412px;padding: 60px 40px 40px;place-self: stretch;}
dl.loginDate dt {padding-bottom: 40px;font-size: 36px;line-height: 40px;text-align: center;}
dl.loginDate li {margin-top: 12px;padding: 17px 0 17px 98px;font-size: 16px;line-height: 18px;}
dl.loginDate span {padding-top: 10px;font-size: 15px;}
dl.loginDate span.day {width: 80px;padding: 30px 0;font-size: 17px;}
}

/* Find ID/Password */
div.find {background-color: #fff;box-shadow: 0 0 15px rgba(1,33,92,0.3);}
div.find h3 {color: #111754;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}
div.find .note {text-align: left;margin-top: 10px;word-break: keep-all;}

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

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


div.find .btn {}
div.find .btn > * {display: block;width: 100%;color: #fff;background-color: #2d4389;border-color: #2d4389;font-family: 'Roboto-Bold', sans-serif;}

div.find div.resultArea {background-color: #eee; text-align: center;font-family: 'Roboto-Medium', sans-serif;}
div.find div.resultArea span {color:#152975;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.find {font-size: 14px;}
div.find h3 {padding: 20px 15px 0px;font-size: 23px;line-height: 40px;}
div.find div.formArea {padding: 20px 15px 15px;}
div.find div.formArea > p {padding: 5px 0 10px; font-family: 'Roboto-Light', sans-serif;}

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

div.find .btn {margin-top: 15px;}
div.find .btn > * {height: 45px;font-size: 16px;}
div.find .btn a {height: auto;padding: 10px;line-height: 25px;}

div.find div.resultArea {padding: 15px 0;}

div.find .note {padding: 0 15px;font-size: 13px;line-height: 18px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.find {width: 900px;margin: 0 auto 0;padding-top: 30px;}
div.find h3 {padding: 0 50px;margin-bottom: 10px;font-size: 35px;line-height: 60px;}
div.find p.note {padding: 0 50px;}
div.find div.formArea {position: relative;padding:20px 50px 50px;}
div.find div.option {padding-bottom: 20px;}
div.find span.inputR {width: 24px;height: 24px;}
div.find span.inputR.on {border-width: 7px;}
div.find span.inputR + label {margin-left: 10px;line-height: 24px;font-size: 20px;}
div.find label + span.inputR {margin-left: 30px;}

div.find .btn {margin-top: 25px;}
div.find .btn > * {height: 65px;font-size: 20px;}
div.find .btn a {height: auto;padding: 15px;line-height: 35px;}

div.find div.resultArea {padding: 25px 0;font-size:20px; line-height: 30px;}

}

/* sign-up > 국내외 구분 */
ul.joinType, ul.joinType li {display: block;margin: 0;padding: 0;list-style: none;}

ul.joinType dl {background-repeat:  no-repeat;background-position: center top;background-color: #171938;background-size: 100% auto;text-align: center;color: #fff;font-family: 'Roboto-Medium', sans-serif;}
ul.joinType dt {font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}

ul.joinType a.signUp {display: block;text-align: center;text-decoration: none;color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.joinType li {margin-top: 20px;overflow: hidden;border-radius: 5px;font-size: 14px;line-height: 20px;}
ul.joinType li:first-child {margin-top: 0;}
ul.joinType dl {padding: 50px 25px 15px;border-radius: 0 0 5px 5px;}
ul.joinType dt {margin-bottom: 20px;font-size: 20px;line-height: 25px;}
ul.joinType div {padding: 20px 25px 20px;box-sizing: border-box;}
ul.joinType a.signUp {width: 100%;margin: 15px auto 0;padding: 10px 0;font-size: 14px;line-height: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.joinType {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 60px;}
ul.joinType li {place-self: stretch;overflow: hidden;border-radius: 10px;}
ul.joinType dl {padding: 105px 40px 30px;min-height: 248px;border-radius: 0 0 10px 10px;}
ul.joinType dt {margin-bottom: 35px;font-size: 32px;line-height: 38px;}
ul.joinType div {position: relative;height: calc(100% - 383px);padding: 35px 25px 135px;box-sizing: border-box;}
ul.joinType a.signUp {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);width: 370px;padding: 10px 0;font-size: 16px;}
}

/* sign-up > 회원인증 */
div.confirm {background-color: #fff;box-shadow: 0 0 15px rgba(1,33,92,0.3);}
div.confirm h3 {color: #111754;font-weight: normal;font-family: 'Roboto-Bold', sans-serif;}

div.confirm .btn {}
div.confirm .btn > * {display: block;width: 100%;color: #fff;background-color: #2d4389;border-color: #2d4389;font-family: 'Roboto-Bold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.confirm {padding: 20px 15px 15px;font-size: 14px;}
div.confirm h3 {padding: 20px 15px 0px;font-size: 23px;line-height: 40px;}

div.confirm .btn {margin-top: 15px;}
div.confirm .btn > * {height: 45px;font-size: 16px;}
div.confirm .btn a {height: auto;padding: 10px;line-height: 25px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.confirm {width: 900px;margin: 0 auto 0;padding: 50px;box-sizing: border-box;}
div.confirm h3 {margin-bottom: 10px;font-size: 35px;line-height: 60px;}

div.confirm .btn {margin-top: 25px;}
div.confirm .btn > * {height: 65px;font-size: 20px;}
div.confirm .btn a {height: auto;padding: 15px;line-height: 35px;}
}


/* sign-up > 입력 폼 */
div.join {}

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

div.joinComp table.tblDef {}
div.joinComp table.tblDef > tbody > tr > th {padding-left: 20px;background-color: #f8f8f8;text-align: left;}
div.joinComp table.tblDef span {line-height: 36px;}

div.joinComp p.welcome {text-align: center;color: #111754;font-family: 'Roboto-Bold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.joinTit {display: none !important;}
.joinTit + .subTit {margin-top: 0 !important;}
div.join {font-size: 15px;line-height: 1.5;}

.agreeCon { width:calc(100% - 30px); height: 150px;padding: 15px;text-align: left;font-size: 14px;line-height: 1.5;}
div.agreeCon h5 {font-size: 16px;line-height: 25px;margin-bottom: 5px;}
.agreeCon dt {padding-top: 15px;font-weight: bold;font-size: 15px;}

div.agreeCon p,
div.agreeCon > ul {margin-top: 10px;}
div.agreeCon dd > * {margin-top: 5px;}
div.agreeCon dd > *:first-child {margin-top: 0;}

div.agreeCon > dl > dd > dl {padding-left: 1em;}

div.agree {padding: 10px 5px;}
div.agree > * {display: inline;}
div.agree label {padding: 0;font-size: 14px;line-height: 16px;}


div.joinComp p.welcome {font-size: 18px;line-height: 23px;margin-bottom: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.agreeCon h5 {font-size: 20px;line-height: 30px;margin-bottom: 5px;}
.agreeCon {padding: 30px;height: 350px;}
.agreeCon dt {font-weight: bold;padding-top: 20px;}
div.agreeCon p,
div.agreeCon > ul {margin-top: 25px;}
div.agreeCon dd > * {margin-top: 10px;}
div.agreeCon dd > *:first-child {margin-top: 0;}

div.agreeCon > dl > dd > dl {padding-left: 1em;}

.agree {margin-bottom: 5px;padding: 19px 15px;text-align: right;}
.agree input {vertical-align: top;margin: 5px 10px 0 50px;}
.agree input:first-child {margin-left: 0;}
div.agree label {font-size:17px;line-height: 25px;}

div.joinComp p.welcome {font-size: 36px;line-height: 45px;margin-bottom: 35px;}
}


/* mypage */
div.mypage {}
div.myInfo {background-color: #fbf0f3;text-align: center;color: #222;font-family: 'Roboto-Medium', sans-serif;}
div.myInfo:before {display: inline-block;vertical-align: top;background: url('/image/sub/bl_myInfo.png') center center no-repeat;content: '';}

td.util {font-size: 0;line-height: 0;}
td.util > * {display: inline-block;vertical-align: top;width: calc(50% - 3px);padding: 0;color: #fff;background-color: #324367;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;text-decoration:none; }
a.preview {width: 100%;margin: 0 0 5px 0;}
a.delete {margin-left:5px;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.myInfo {padding: 15px;border-radius: 5px;font-size: 16px;line-height: 25px;}
div.myInfo:before  {width: 17px;height: 25px;margin-right: 8px;background-size: 17px;}

div.mypage ul.subMenu {}
div.mypage ul.subMenu > li {width: 50% !important;}
div.mypage ul.subMenu > li a {border-top: 0 none;}
div.mypage ul.subMenu > li:nth-child(2n+1) {clear: both;}
div.mypage ul.subMenu > li:nth-child(-n+2) a {border-top: 1px solid #5a66b7;}
div.mypage ul.subMenu > li:nth-child(2n+1) a {border-left: 1px solid #5a66b7;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mypage ul.subMenu {margin-bottom: 35px;}
div.myInfo {padding: 30px;border-radius: 10px;font-size: 24px;line-height: 45px;}
div.myInfo:before  {width: 30px;height: 45px;margin-right: 10px;}

td.util > * {font-size: 14px;line-height: 30px;}
}




/* about seoul & korea */
div.seoul {}
div.seoul h3 {font-weight: normal;font-family: 'Roboto-Regular', sans-serif;}
div.seoul h3:first-child {margin-top: 0;}
div.seoul h3 span {font-family: 'Roboto-Medium', sans-serif;}
div.seoul table.tblDef th {text-align:left; }
div.koreaInfo {display: grid;}
div.seoul p.ar {padding-top: 5px;color: #ee6500;font-family: 'Roboto-Medium', sans-serif;}

ul.website, ul.website li,
ul.culture li, ul.culture li {margin: 0; padding: 0; list-style: none; }
ul.website {display: grid; }
ul.website img {display: block;width: 100%;}
ul.website span {position: relative;display: block;width: 100%;background-color:#445578;color: #fff;text-align:center;font-family: 'Roboto-Medium', sans-serif;}

/* korea & seoul */
ul.culture {position: relative;background-repeat: no-repeat;transition: background .35s;}
ul.culture a {z-index: 1;position: relative;display: block;text-align: center;color: rgba(255, 255, 255, 0.5);text-decoration: none;}

ul.culture li.on, ul.culture a:hover, ul.culture a:focus, ul.culture a:active {background-color:rgba(19, 22, 45, 0.8);color: #fff;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.seoul h3 {margin: 20px 0 5px;}
div.koreaInfo {margin-top: 10px;}
div.seoul div.imgBox img {display: block;width: 100%;}
div.koreaInfo { grid-template-columns: repeat(1, 1fr); gap: 10px;}
ul.website {grid-template-columns: repeat(1, 1fr); gap: 10px;}
ul.website span {top: -6px;font-size: 16px;line-height: 40px;}

ul.culture {margin-top: 15px;	background-size:100% 100%;background-position: center bottom;}
ul.culture li {}
ul.culture a {height: 90px;font-size: 14px;line-height: 90px;}
ul.culture a:before {position: absolute; display: block; left: 0;top: 0;background-color: rgba(255, 255, 255, 0.5);content:'';}
ul.culture li:first-child a:before {display:none; }
ul.culture a:before {width: 100%;height:1px;}

ul.culture li:active:before,
ul.culture li:focus:before {position: absolute; display: block; left: 0;top: 0; width: 100%;height: 100%;background-position: center bottom;background-repeat: no-repeat;background-size:100% 100%;content:'';}
ul.culture li:active a,
ul.culture li:focus a {background-color:rgba(19, 22, 45, 0.8);color: #fff;}
ul.korea {background-image:url('/image/sub/korea01_m.png');}
ul.korea li:nth-child(1):active:before, 
ul.korea li:nth-child(1):focus:before {background-image:url('/image/sub/korea01_m.png');}
ul.korea li:nth-child(2):active:before,
ul.korea li:nth-child(2):focus:before {background-image:url('/image/sub/korea02_m.png');}
ul.korea li:nth-child(3):active:before,
ul.korea li:nth-child(3):focus:before {background-image:url('/image/sub/korea03_m.png');}
ul.korea li:nth-child(4):active:before,
ul.korea li:nth-child(4):focus:before {background-image:url('/image/sub/korea04_m.png');}

ul.seoul {background-image:url('/image/sub/seoul01_m.png');}
ul.seoul li:nth-child(1):active:before,
ul.seoul li:nth-child(1):focus:before {background-image:url('/image/sub/seoul01_m.png');}
ul.seoul li:nth-child(2):active:before,
ul.seoul li:nth-child(2):focus:before {background-image:url('/image/sub/seoul02_m.png');}
ul.seoul li:nth-child(3):active:before,
ul.seoul li:nth-child(3):focus:before {background-image:url('/image/sub/seoul03_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.seoul h3 {margin: 30px 0 10px;font-size: 20px;}
div.koreaInfo { margin-top: 20px;grid-template-columns: 687px 600px; gap: 20px;}
ul.website {grid-template-columns: repeat(2, 1fr); gap: 50px;}
ul.website span {top: -6px;font-size: 20px;line-height: 60px;}


/* korea & seoul */
ul.culture {height: 480px;margin-top: 20px;font-size: 0;line-height: 0;}
ul.culture li {display: inline-block;vertical-align:top; line-height: 480px;}
ul.culture a {font-size: 22px;}

ul.culture li:hover:before,
ul.culture li:focus:before {position: absolute; display: block; left: 0;top: 0; width: 100%;height: 100%;background-position: center top;background-repeat: no-repeat;content:'';}

ul.korea {background-image:url('/image/sub/korea01.png');}
ul.korea li {width: 25%;}
ul.korea li:nth-child(1):hover:before, 
ul.korea li:nth-child(1):focus:before {background-image:url('/image/sub/korea01.png');}
ul.korea li:nth-child(2):hover:before, 
ul.korea li:nth-child(2):focus:before {background-image:url('/image/sub/korea02.png');}
ul.korea li:nth-child(3):hover:before, 
ul.korea li:nth-child(3):focus:before {background-image:url('/image/sub/korea03.png');}
ul.korea li:nth-child(4):hover:before, 
ul.korea li:nth-child(4):focus:before {background-image:url('/image/sub/korea04.png');}


ul.seoul {background-image:url('/image/sub/seoul01.png');}
ul.seoul li {width: calc(100% / 3);}
ul.seoul li:nth-child(1):hover:before, 
ul.seoul li:nth-child(1):focus:before {background-image:url('/image/sub/seoul01.png');}
ul.seoul li:nth-child(2):hover:before, 
ul.seoul li:nth-child(2):focus:before {background-image:url('/image/sub/seoul02.png');}
ul.seoul li:nth-child(3):hover:before, 
ul.seoul li:nth-child(3):focus:before {background-image:url('/image/sub/seoul03.png');}
}



/*************** Invited Speakers ******************/
div.invited {}
div.invited h3 {margin: 0;padding: 0;text-align: center;font-weight: normal;color: #fff;font-family: 'Roboto-Medium', sans-serif;background: linear-gradient( to right, #6463ad, #b6699c);}

ul.invited, ul.invited li {margin: 0;padding: 0;list-style: none;text-decoration: none;}

ul.invited li {position: relative;}
ul.invited img {position: absolute;left: 0;top: 0;}
ul.invited div {display: table-cell;width: 600px;vertical-align: bottom;color: #000;font-family: 'Roboto-Regular', sans-serif;box-sizing:border-box;}
ul.invited span.code {display: inline-block;vertical-align: top;color: #2a54bd;background-color: #e5eaf7;}
ul.invited span.name {display: block;color: #18217a;font-family: 'Roboto-Medium', sans-serif;}


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

div.invited h3 {margin: 30px 0 10px;border-radius: 0 10px 0 10px;font-size: 18px;line-height: 40px;}

ul.invited {}
ul.invited li {height: 105px;padding-left: 100px;}
ul.invited li + li {margin-top: 10px;}
ul.invited img {width: 90px;}
ul.invited div {height: 105px;padding-bottom: 5px;font-size: 14px;line-height: 20px;}
ul.invited span.code {padding: 0 10px;font-size: 12px;line-height: 18px;border-radius: 9px;}
ul.invited span.name {padding: 5px 0;font-size: 16px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.invited h3 {margin: 60px 0 25px;border-radius: 0 20px 0 20px;font-size: 20px;line-height: 60px;}

ul.invited {display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 30px;}
ul.invited li {height: 210px;padding-left: 205px;}
ul.invited div {height: 210px;padding-bottom: 30px;font-size: 16px;line-height: 25px;}
ul.invited span.code {padding: 0 15px;font-size: 15px;line-height: 25px;border-radius: 13px;}
ul.invited span.name {padding: 10px 0;font-size: 18px;line-height: 20px;}
}



/* 회원가입 */
ol.applyStep, ol.applyStep li {margin: 0; padding: 0; list-style: none; }
ol.applyStep {font-size: 0;line-height: 0;}
ol.applyStep li {display: inline-block;vertical-align:top; background-color:#ededed;color: #c8c8c8;background-image:url('/image/sub/applyStep.png');background-repeat: no-repeat;box-sizing: border-box; }
ol.applyStep span.step {display: block;font-family: 'Roboto-Bold', sans-serif;}
ol.applyStep li.on {color: #fff;background-color:#324367;background-image:url('/image/sub/applyStep_on.png') !important;}
ol.applyStep li:first-child {margin-left: 0;}


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


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ol.applyStep li {width: calc(25% - 23px);padding: 15px 100px 15px 20px;margin-left: 30px;border-radius: 20px;font-size: 18px;line-height: 25px;background-position:right 35px center;}

div.abstract ul.bg {margin-top: 30px; padding: 20px 40px; background-color: #f0f9ff;}
}

/* 초록접수 */
div.abstract {}
div.deadline {text-align:center; color: #fff;font-family: 'Roboto-Bold', sans-serif;background:url('/image/sub/deadline_bg.png') no-repeat center top;}
div.deadline span {padding: 0 5px;color: #fbe658;box-shadow: inset 0 -8px rgba(255, 247, 180, 0.5);}

table.abstract > * > tr > * {padding: 10px 5px;text-align:center; }
div.abstract table th {color: #242a58;font-family: 'Roboto-Medium', sans-serif;}

div.abstract td.util {font-size: 0;line-height: 0;}
div.abstract td.util a {display: inline-block;vertical-align:top; width: 30px;height: 30px;border:1px solid #ddd;background-color:#fff;}
div.abstract td.util a + a {margin-left: 5px;}
div.abstract td.util a.modify {background-color:#e5f7ff;}
div.infoNote {border:1px solid #b1cde3;background-color:#eff8ff;color: #0b3e7e;font-family: 'Roboto-Bold', sans-serif;text-align:center; }

dl.preview { border-bottom: 1px solid #ccc;}
dl.preview ul, dl.preview li {margin: 0; padding: 0; list-style: none; }
dl.preview dt {font-family: 'Roboto-Medium', sans-serif;}

div.abstractComp {}
div.abstractComp p {text-align:center; }
div.abstractComp p.comp {padding-bottom: 30px;font-family: 'Roboto-Bold', sans-serif;font-size: 36px;}
div.abstractComp p.number {color: #26436c;font-size: 24px;font-family: 'Roboto-Medium', sans-serif;}
div.abstractComp p.number span {padding: 0 10px;box-shadow: inset 0 -12px #fff1af;}
div.abstractComp ul.bg {margin-top: 50px;padding: 30px 40px;background-color:#fafcff;}
div.abstractComp div.btn a {height: 60px;padding: 0 30px;color: #fff;font-size: 20px;line-height: 60px;}
div.abstractComp div.btn a:nth-child(1) {padding: 5px 30px;line-height: 1.2;}

div.preview h3 {text-align:center;font-family: 'Roboto-Medium', sans-serif;}
div.preview p {text-align:left; }


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.verification input[type=text] {width: calc(100% - 136px);}

div.deadline {padding: 20px 15px;font-size: 18px;background-size:100% auto;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#popupAffi {width: 800px;}
div.abstract ol.applyStep li {width: calc(25% - 23px);}
div.abstract table.inputTbl th > * {line-height: 1.2;}
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%;font-size: 14px;}

div.abstract ul.bg {margin-top: 30px;padding: 20px 40px;background-color: #f0f9ff;}
div.abstract table th .util {text-align: right;line-height: 36px;}
div.abstract table th .util input {width: 100px;}

div.infoNote {margin-bottom: 25px;padding: 20px;border-radius: 10px;font-size: 20px;}

div.abstract table + table {margin-top: 30px;}
div.abstract table thead th {position: relative;}
div.abstract table thead th span.btn {position: absolute;top: 50%; transform: translateY(-50%); right: 15px;}

div.abstract div.multi {padding: 0;}

div.abstract .bgTit {margin-top: 30px;}
dl.preview {margin-bottom: 20px;padding: 20px;}
dl.preview dt {font-size: 18px;}
dl.preview dd + dt {padding-top: 30px;}

div.abstractComp p.comp {margin-top: 80px;}
div.preview {padding: 50px;}
div.preview h3 {padding-bottom: 30px;font-size: 24px;}
div.preview p {line-height: 1.2;}
div.preview p.author {font-size: 18px;}
div.preview dl.preview {padding: 30px 0 0;border-bottom: 0 none;}

div#popupAuthor {width: 790px;}
div#popupAuthor td.name input[type=text] {width: calc(50% - 3px);}

/*  초록 페이지 */
div.affiliationSub {padding: 20px 40px; border: 1px solid #dad8e3;}
div.affiliationSub select {width: 120px; height: 36px; margin-right: 10px;}
div.affilication {border-top: 2px solid #1359a9;}
div.affilication > div {padding: 5px; height: 45px; display: flex; justify-content: space-between; align-items: center; background-color: #e7edf9;}
div.affilication:first-child > div {padding: 15px 5px;}
div.affilication h4 {color:#2851a9;}
div.affilication > table {border-top: 1px solid #dad8e3;}
/* div.affilication > table th { background-color: #fff;} */
}



/* abstinfo */
ul.abstInfo, ul.abstInfo li,
ul.abstContact, ul.abstContact li {margin: 0; padding: 0; list-style: none; }
ul.abstInfo,
ul.oral {text-align:center; }

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


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.abstInfo, 
ul.oral, 
ul.abstContact {font-size: 0;line-height: 0;}
ul.abstInfo li, 
ul.oral li,
ul.abstContact  li {display: inline-block;vertical-align:top; }
ul.abstInfo li:first-child, 
ul.oral li:first-child,
div.abstInfo ul.subject li:first-child {margin-left: 0;}

ul.abstInfo li {position: relative;width: 390px;height: 140px;padding: 20px 160px 20px 30px;margin-left: 20px;font-size: 16px;line-height: 25px;color: #fff;border-radius: 10px 10px 50px 10px;text-align:left; background-color:#4278b0;box-sizing: border-box; }
ul.abstInfo li:first-child {background-color:#d4862a;}
ul.abstInfo span.dateInfo {display: block;margin-top: 20px;font-size: 17px;font-family: 'Roboto-Bold', sans-serif;}
ul.abstInfo span.dDay {position: absolute;display:block; width: 86px;height: 86px;bottom: 20px;right: 20px;border-radius: 50%;background-color:#fff;text-align: center;color: #1d5ea0;font-family: 'Roboto-ExtraBold', 'Roboto-ExtraBold', sans-serif;font-size: 20px;line-height: 86px;}
ul.abstInfo li:first-child  span.dDay {color: #d4862a;}

ul.oral {margin-bottom: 35px;}
ul.oral li  {width: 230px;margin-left: 25px;font-family: 'Roboto-Medium', sans-serif;font-size: 16px;line-height: 25px;letter-spacing: -0.5px;}
ul.oral li > * {display:block; }
ul.oral img {margin:0 auto; padding-bottom: 15px;}

div.abstInfo ul.subject {font-size: 0;line-height: 0;text-align:left; }
div.abstInfo ul.subject li {display: inline-block;vertical-align:top;padding: 0 50px; margin-left: 10px;margin-bottom: 10px;background-color:#eeeff6;font-size: 16px;line-height: 60px;font-family: 'Roboto-Medium', 'Roboto-Medium', sans-serif;}

div.abstInfo dl.bg {padding: 40px 30px;}
div.abstInfo dl.bg dt {margin-bottom: 20px;font-family: 'Roboto-Medium', sans-serif;font-size: 24px;}
div.abstInfo dl.bg p + p {margin-top: 30px;}
div.abstInfo dl.bg + dl.bg {margin-top: 20px;}

ul.abstContact li {position: relative;width: 230px;height: 150px;padding: 30px 60px 30px 30px;border:1px solid #b3bccf;border-left: 0 none;font-size: 16px;line-height: 25px;box-sizing: border-box; }
ul.abstContact li:first-child {width: 610px;border-left:1px solid #b3bccf;}
ul.abstContact span.tit {display: block;margin-bottom: 15px;font-family: 'Roboto-Medium', sans-serif;}
ul.abstContact  img {display: block;position: absolute;bottom: 20px;right: 20px;}
ul.abstContact  a {color: #222;text-decoration:none; }

}

/* 강의록 제출 */

ol.applySteps {display: flex; align-items: center;}
ol.applySteps > li {height: 105px}
ol.applySteps span {font-size: 16px;}



/*****************************************

                SUB CONTENTS 

******************************************/

.sub-container {
    text-align: left;
}
.inner-layer {
    padding: 0 20px;    
}
.sub-contit-wrap {
    margin-bottom: 20px;
}
.sub-contit-wrap.type2 {
    margin-bottom: 15px;
}
.sub-contit-wrap .sub-contit-sub{
    display: inline-block;
    vertical-align: middle;
}
.sub-contit-wrap.bg-type {
    padding: 20px 18px;
    width: 62%;
    border-radius: 5px 5px 30px 5px;
    background: linear-gradient(90deg, rgba(156,68,156,1) 0%, rgba(32,78,189,1) 100%);
}
.sub-contit-wrap.bg-type2 {
    padding: 20px 18px;
    width: 62%;
    border-radius: 5px 5px 30px 5px;
    background: linear-gradient(90deg, rgba(34,75,154,1) 0%, rgba(82,144,191,1) 100%);
}
.sub-contit-wrap + .sub-con-wrap {
    margin-top: 35px;
}
.sub-con-wrap + .sub-con-wrap {
    margin-top: 50px;
}
.sub-contit {
    position: relative;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: left;
}
.sub-contit-sub {
    position: relative;
    padding-left: 28px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    color: #111;
    text-align: left;
    background: url(../image/sub/sub_tit_dot.png) left top 6px / 18px no-repeat;
}
.sub-con-wrap {
    font-size: 17px;
    line-height: 1.4;
}
.sub-con-wrap .em {
    font-weight: 600;
    color: #375da2;
}
.sub-contit-sub + p {
    margin-top: 12px;
}
.sub-contit-sub p + p {
    margin-top: 6px;    
}

/* venue */
.venue-cont-wrap + .venue-cont-wrap {
    margin-top: 80px;
}
.venue-em-txt {
    font-size: 20px;
    font-weight: 600;
    color: #262d56;
    text-align: left;
}
.venue-desc {
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
}
.venue-em-txt + .venue-desc {
    margin-top: 24px;
}
.venue-img-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin: 55px 0;
}
.venue-img-box div,
.venue-cont-wrap .img-wrap {
    overflow: hidden;
    border-radius: 10px 10px 50px 10px;
}
.venue-img-box div img,
.venue-cont-wrap .img-wrap img {
    width: 100%;
}
.btn-tbl-wrap a {
    display: inline-block;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    color: #fff;
    border-radius: 7px;
    box-sizing: border-box;
    background: #262d56;
    text-decoration: none;
}
.venue-location {
    position: relative;
    padding-top: 42%;
}
.venue-cont-wrap .def-table th,
.venue-cont-wrap .def-table td,
.venue-cont-wrap .list-type li {
    font-size: 18px;
}
.venue-cont-wrap .list-type.list-type-dot {
    padding-left: 12px;
}

/* General Information */
.general-cont-wrap + .general-cont-wrap {
    margin-top: 80px;
}
.general-cont-wrap .flex-box {
    display: flex;
    gap: 25px;
}
.general-cont-wrap .flex-box .thumb-img-box {
    width: 100%;
    width: 482px;
}
.general-cont-wrap .flex-box .thumb-img-box img {
    width: 100%;
    border-radius: 10px 10px 50px 10px;
    border: 1px solid #f6f6f6;
}
.general-cont-wrap .flex-box .list-type {
    padding-top: 8px;
    width: calc(100% - 482px);
}
.general-cont-wrap .def-table th,
.general-cont-wrap .def-table td,
.general-cont-wrap .list-type li {
    font-size: 18px;
}
.general-cont-wrap .list-type li + li {
    margin-top: 30px;
}
.general-cont-wrap a {
    text-decoration: none;
    color: #111;
    word-break: break-all;
}
.list-btn-box a {
    display: block;
    margin-top: 45px;
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    background: #262d56;
    text-decoration: none;
}

/* Busan, Korea */
.busan-cont-wrap + .busan-cont-wrap {
    margin-top: 80px;
}
.busan-cont-wrap .sub-contit-wrap.bg-type2 + .sub-con-wrap {
    margin-top: 45px;
}
.busan-cont-wrap .sub-contit-wrap + .sub-con-wrap {
    margin-top: 20px;   
}
.busan-cont-wrap .sub-contit-wrap.type2 {
    margin-bottom: 0;
}
.busan-cont-wrap .sub-con-wrap .thumb-desc {
    font-size: 18px;
    line-height: 1.4;
}
.busan-cont-wrap .sub-con-wrap .box-desc {
    font-size: 18px;
    line-height: 1.4;
}
.busan-cont-wrap .thumb-img-box img {
    width: 100%;
    border-radius: 10px 10px 50px 10px;
}
.busan-cont-wrap .def-table th, 
.busan-cont-wrap .def-table td, 
.busan-cont-wrap .list-type > li {
    font-size: 18px;
}
.busan-cont-wrap .flex-box > li {
    display: flex;
    gap: 45px;
}
.busan-cont-wrap .flex-box > li + li {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #eee;
}
.busan-cont-wrap .flex-box > li .thumb-img-box img {
    width: 484px;
    border-radius: 10px 10px 50px 10px;
}
.busan-cont-wrap .flex-box > li .text-box {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.busan-cont-wrap .flex-box > li .text-box .btn-box {
    margin-top: auto;
}
.btn.btn-blue2 {
    background-color: #5a65bb;
    border-color: #5a65bb;
    color: #fff;
}
.busan-cont-wrap .btn-wrap a {
    display: inline;
}
.busan-cont-wrap .btn-wrap a img {
    display: inline-block;
    border: 1px solid #eee;
}
.busan-cont-wrap .btn-wrap a + a {
    margin-left: 60px;
}
.busan-cont-wrap .btn-wrap .bnr1 img {
    max-width: 300px;
    width: 100%;
}
.busan-cont-wrap .btn-wrap .bnr2 img {
    max-width: 350px;
    width: 100%;
}
.video-play-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56%;
}
.busan-cont-wrap .tab-area {margin-top: 40px;}

/* 25.01.09 추가 */
.busan-cont-wrap .sub-contit-wrap.type2.btn-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* 26.01.23 추가 */
.busan-cont-wrap .flex-box > li .thumb-img-box {
    width: 484px;
}


/* Visa */
.visa-cont-wrap + .visa-cont-wrap {
    margin-top: 60px;
}
.visa-cont-wrap .sub-contit-wrap + .sub-con-wrap {
    margin-top: 30px;
}
.btn-wrap.visa {
    margin-top: 20px;
    text-align: right;
}
.btn-wrap.visa a {
    display: inline-block;
    padding: 15px 20px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background: #262d56;
}
.btn-wrap.visa a span {
    position: relative;
    display: inline-block;
    padding-right: 100px;
}
.btn-wrap.visa a span:after {
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
    line-height: 1;
}
.visa-cont-wrap .table-wrap {
    margin-top: 45px;
    border-top: 0;
}
.visa-cont-wrap .tbl-tit {
    display: inline-block;
    margin-bottom: 20px;
    color: #a36ab3;
    font-weight: 600;
    box-shadow: inset 0 -8px 0 #f9f1ff;
}
.visa-cont-wrap .def-table thead th {
    color: #fff;
    background: #262d56;
    border-top: 1px solid #262d56;
    border-color: #454a68;
}

/* Organizing Committee */
.committee-cont-wrap .def-table.al tbody th,
.committee-cont-wrap .def-table.al tbody td {
    text-align: left;
}

/* Transportation */
.trans-wrap .tab-area {
    margin-top: 60px
}
.trans-wrap .def-table th {
    color: #262d56;
}
.trans-wrap .em {
    color: #1274d9;
}
.sub-tab-menu {
	display: flex;
	align-items: center;
	margin: 0 0 50px;
    border: 1px solid #e5e5e5;
}
.sub-tab-menu li {
    display: block;
    flex: 1;
}
.sub-tab-menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
    font-family: 'Roboto-Regular', sans-serif;
	font-size: 18px;
	color: #262d56;
    border-left: 1px solid #e5e5e5;
	background-color: #fff;	
	transition: ease 0.3s;
	line-height : 1.5;
    text-align: center;
    text-decoration: none;
}
.sub-tab-menu li:first-child a {
    border-left: 0;
}
.sub-tab-menu li.on a {
    font-family: 'Roboto-Medium', sans-serif;
	color: #fff;
	background-color: #262d56;
}
.sub-tab-menu li:hover a {
	color: #fff;
	background-color: #262d56;
}
.tab-con + .tab-con {
	margin-top: 40px;
}
.route-tit-box {
    display: grid;
    grid-template-columns: 20% 80%;
    margin-bottom: 58px;
    border: 1px solid #e5e5e5;
    clear: both;
}
.route-tit-box div {
    padding: 22.5px 0;
    font-size: 18px;
    letter-spacing: -0.025em;
    text-align: center;
}
.route-tit-box div br {
    display: none;
}
.route-tit-box .route-num {
	font-weight: 600;
	color: #262d56;
    background: #edf5ff;        
}
.route-tit-box .route-desc {
    border-left: 1px solid #e5e5e5;
}
.route-cont-box + .route-cont-box {
    margin-top: 60px;
}
.route-contit-box {
    margin-bottom: 20px;
}
.route-contit {
    position: relative;
    display: inline-block;
    padding: 0 60px 0 138px;
    margin-bottom: 40px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 34px;
    background-image: linear-gradient(135deg, rgba(107, 107, 107, 0.04) 0%, rgba(107, 107, 107, 0.04) 46%,rgba(81, 81, 81, 0.04) 46%, rgba(81, 81, 81, 0.04) 51%,rgba(110, 110, 110, 0.04) 51%, rgba(110, 110, 110, 0.04) 56%,rgba(113, 113, 113, 0.04) 56%, rgba(113, 113, 113, 0.04) 87%,rgba(142, 142, 142, 0.04) 87%, rgba(142, 142, 142, 0.04) 100%),linear-gradient(135deg, rgba(2, 2, 2, 0.06) 0%, rgba(2, 2, 2, 0.06) 33%,rgba(165, 165, 165, 0.06) 33%, rgba(165, 165, 165, 0.06) 69%,rgba(39, 39, 39, 0.06) 69%, rgba(39, 39, 39, 0.06) 73%,rgba(93, 93, 93, 0.06) 73%, rgba(93, 93, 93, 0.06) 86%,rgba(162, 162, 162, 0.06) 86%, rgba(162, 162, 162, 0.06) 88%,rgba(76, 76, 76, 0.06) 88%, rgba(76, 76, 76, 0.06) 91%,rgba(247, 247, 247, 0.06) 91%, rgba(247, 247, 247, 0.06) 96%,rgba(115, 115, 115, 0.06) 96%, rgba(115, 115, 115, 0.06) 100%),linear-gradient(0deg, rgba(122, 122, 122, 0.01) 0%, rgba(122, 122, 122, 0.01) 47%,rgba(109, 109, 109, 0.01) 47%, rgba(109, 109, 109, 0.01) 51%,rgba(41, 41, 41, 0.01) 51%, rgba(41, 41, 41, 0.01) 58%,rgba(212, 212, 212, 0.01) 58%, rgba(212, 212, 212, 0.01) 71%,rgba(199, 199, 199, 0.01) 71%, rgba(199, 199, 199, 0.01) 81%,rgba(141, 141, 141, 0.01) 81%, rgba(141, 141, 141, 0.01) 85%,rgba(186, 186, 186, 0.01) 85%, rgba(186, 186, 186, 0.01) 98%,rgba(234, 234, 234, 0.01) 98%, rgba(234, 234, 234, 0.01) 100%),linear-gradient(90deg, rgba(233, 233, 233, 0.06) 0%, rgba(233, 233, 233, 0.06) 37%,rgba(62, 62, 62, 0.06) 37%, rgba(62, 62, 62, 0.06) 69%,rgba(96, 96, 96, 0.06) 69%, rgba(96, 96, 96, 0.06) 70%,rgba(64, 64, 64, 0.06) 70%, rgba(64, 64, 64, 0.06) 76%,rgba(151, 151, 151, 0.06) 76%, rgba(151, 151, 151, 0.06) 89%,rgba(249, 249, 249, 0.06) 89%, rgba(249, 249, 249, 0.06) 100%),linear-gradient(90deg, rgb(13,30,137),rgb(3,30,28));
}
.route-contit .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 77px;
    height: 77px;
    border: 3px solid #203373;;
    border-radius: 100%;
}
.route-contit .icon.taxi {
    background: #fff url(../image/sub/ic_taxi.png) center center / 56px no-repeat;
}
.route-contit .icon.subway {
    background: #fff url(../image/sub/ic_subway.png) center center / 56px no-repeat;
}
.route-contit .icon.ktx {
    background: #fff url(../image/sub/ic_ktx.png) center center / 56px no-repeat;
}
.route-contit .icon.walk {
    background: #fff url(../image/sub/ic_walk.png) center center / 56px no-repeat;
}
.route-contit .icon.ship {
    background: #fff url(../image/sub/ic_ship.png) center center / 56px no-repeat;
}
.route-cont-box p {
    font-size: 18px;
}
.route-cont-box p + p {
    margin-top: 8px;
}
.route-cont-box p a {
    text-decoration: none;
    color: inherit;
    box-shadow: inset 0 -2px 0 #2196F3;
}
.route-cont-box .sub-contit-wrap.type2 {
    margin-top: 60px;
}
.route-info-box {
    margin-top: 50px;
}
.list-type.route {
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 18px;
    color: #3f75d8;
}
.list-type.route:before {
    content: '';
    position: absolute;
    display: block;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #3f75d8;
}
.list-type.route2 {
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #113669;
}
.list-type.route2:before {
    content: '';
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #113669;
}
.info-print-box {    
    text-align: center;
    background: #edf5ff;
    border: 1px solid #e4e8ec;
}
.info-print-box p {
    font-size: 18px;
    line-height: 1.8;
}
.info-print-box p strong {
    font-size: 20px ;
}
.info-print-box p + p {
    margin-top: 50px;
}
.route-round-box {
    margin-bottom: 40px;
    padding: 15px 10px;
    border: 5px solid #82bd94;
    border-radius: 34px;
}
.route-round-box p {
    font-size: 20px;
    font-weight: 600;
    color: #0e3070;
    text-align: center;
}
.route-img-box + .route-img-box {
    margin-top: 40px;
}
.route-img-box img {
    width: 100%;
}
.route-img-box.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    column-gap: 40px;
    max-width: 1000px;
}
.route-img-box .list-type {
    margin-bottom: 10px;
}
.route-img-box.grid div img {
    width: 100%;
    border: 1px solid #e7edf9;
    border-radius: 30px 30px 30px 0;
}
.route-img-box.grid div:nth-child(1) {
    grid-column: 1 / 2 ;
    grid-row: 1 / 2;
}
.route-img-box.grid div:nth-child(2) {
    grid-column: 2 / 3 ;
    grid-row: 1 / 2;
}
.route-img-box.grid div:nth-child(3) {
    grid-column: 1 / 3 ;
    grid-row: 2 / 3;
}
.route-img-box.grid .list-type {
    margin-bottom: 0;
}
.btn-wrap.route {
    margin-top: 40px;
    text-align: center;
}
.route .btn-route {
    display: inline-block;
    padding: 0 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 34px;
    text-decoration: none;
}
.route .btn-route.type1 {
    background-image: linear-gradient(142deg, rgba(163, 163, 163, 0.09) 0%, rgba(163, 163, 163, 0.09) 33.3%,rgba(100, 100, 100, 0.09) 33.3%, rgba(100, 100, 100, 0.09) 66.6%,rgba(162, 162, 162, 0.09) 66.6%, rgba(162, 162, 162, 0.09) 99%),linear-gradient(348deg, rgba(193, 193, 193, 0.06) 0%, rgba(193, 193, 193, 0.06) 33.3%,rgba(169, 169, 169, 0.06) 33.3%, rgba(169, 169, 169, 0.06) 66.6%,rgba(92, 92, 92, 0.06) 66.6%, rgba(92, 92, 92, 0.06) 99%),linear-gradient(219deg, rgba(45, 45, 45, 0.03) 0%, rgba(45, 45, 45, 0.03) 33.3%,rgba(223, 223, 223, 0.03) 33.3%, rgba(223, 223, 223, 0.03) 66.6%,rgba(173, 173, 173, 0.03) 66.6%, rgba(173, 173, 173, 0.03) 99%),linear-gradient(370deg, rgba(226, 226, 226, 0.06) 0%, rgba(226, 226, 226, 0.06) 33.3%,rgba(81, 81, 81, 0.06) 33.3%, rgba(81, 81, 81, 0.06) 66.6%,rgba(186, 186, 186, 0.06) 66.6%, rgba(186, 186, 186, 0.06) 99%),linear-gradient(175deg, rgba(225, 225, 225, 0.04) 0%, rgba(225, 225, 225, 0.04) 33.3%,rgba(95, 95, 95, 0.04) 33.3%, rgba(95, 95, 95, 0.04) 66.6%,rgba(39, 39, 39, 0.04) 66.6%, rgba(39, 39, 39, 0.04) 99%),linear-gradient(218deg, rgba(184, 184, 184, 0.06) 0%, rgba(184, 184, 184, 0.06) 33.3%,rgba(0, 0, 0, 0.06) 33.3%, rgba(0, 0, 0, 0.06) 66.6%,rgba(140, 140, 140, 0.06) 66.6%, rgba(140, 140, 140, 0.06) 99.89999999999999%),linear-gradient(413deg, rgba(40, 40, 40, 0.07) 0%, rgba(40, 40, 40, 0.07) 33.3%,rgba(214, 214, 214, 0.07) 33.3%, rgba(214, 214, 214, 0.07) 66.6%,rgba(190, 190, 190, 0.07) 66.6%, rgba(190, 190, 190, 0.07) 99.89999999999999%),linear-gradient(151deg, rgba(230, 230, 230, 0) 0%, rgba(230, 230, 230, 0) 33.3%,rgba(241, 241, 241, 0) 33.3%, rgba(241, 241, 241, 0) 66.6%,rgba(55, 55, 55, 0) 66.6%, rgba(55, 55, 55, 0) 99%),linear-gradient(90deg, rgb(10,104,192),rgb(0,122,155));
}
.m-only {
    display: none;
}

/* default style */
.table-wrap {
    border-top: 2px solid #262d56;
}
.table-wrap.nbdt {
    border-top: 0;
}
.def-table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #e5e5e5;
    table-layout: fixed;
}
.def-table th,
.def-table td{
    padding: 10px 16px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    word-break: break-word;
    line-height: 1.4;
}
.def-table thead th{
    padding: 10px 0;
    background-color: #edf0ff;
    font-family: 'Pretendard-Semibold', sans-serif;
    color: #111;
    border-bottom: 1px solid #e5e5e5;
}
.def-table .nobd {
    border-left: 0;
}
.def-table th.bd-l,
.def-table td.bd-l{
    border-left: 1px solid #e5e5e5 !important;
}
.def-table th:first-child,
.def-table td:first-child{
    border-left: 0;
}
.def-table th:last-child,
.def-table td:last-child{
    border-right: 0;
}
.def-table tbody th{
    font-family: 'Pretendard-Semibold', sans-serif;
    letter-spacing: -0.01em;
    background-color: #edf0ff;
}
.def-table th.text-left,
.def-table td.text-left{
    text-align: left;
}
.def-table td strong{
    font-family: 'Pretendard-Semibold', sans-serif;
    letter-spacing: -0.01em;
}
.def-table.al td {
    text-align: left;
    padding-left: 30px;
}

.cst-table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.cst-table th,
.cst-table td{
    padding: 13px 15px;
    border: 1px solid #dae2e6;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
}
.cst-table th{
    background-color: #f6f6ff;
    font-weight: 500;
}
.cst-table .text-left,
.cst-table .text-left{
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}
.cst-table th:first-child,
.cst-table td:first-child{
    border-left: 0;
}
.cst-table th:last-child,
.cst-table td:last-child{
    border-right: 0;
}
.cst-table .active th{
    padding: 16px 15px;
    background-color: #fff6e6;
    border-bottom: 0;
    font-size: 28px;
    font-weight: 500;
    color: #262d56;
}
.cst-table .btn-wrap > a{
    display: inline-block;
    margin: 0 2px;
    vertical-align: top;
}
.cst-table td:has(.form-item){
    padding-top: 10px;
    padding-bottom: 10px;
}
.cst-table .bg-gray{
    background-color: #f5f5f5;
}
.cst-table a{
    word-break: break-all;
}
.cst-table tr.active{
    background-color: #FFFDFA;
}

/* list */
.list-type > li{
    list-style: none;
    line-height: 1.3;
    text-align: left;
}
.list-type > li:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
}
.list-type.list-type-dot > li,
.list-type.list-type-bar > li{
    position: relative;
    padding-left: 15px;
}
.list-type-dot > li:before{
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #111;
}
.list-type-bar > li:before{
    top: 11px;
    width: 5px;
    height: 1px;
    background-color: #111;
}
.list-type > li + li {
	margin-top: 6px;
}
.list-type > li + ul {
	margin-top: 4px;
}
.list-type-decimal{
	counter-reset: number 0;
}
.list-type-decimal > li {
	position: relative;
	padding-left: 25px;
}
.list-type-decimal > li::before {
	content: counter(number) '.';
	counter-increment: number 1;
	position: absolute;
	left: 0;
	top: 0;
    letter-spacing: -0.03em;
}
.list-type-number {
    list-style-position: inside;
} /* 1. */

/*  Responsive */
@media screen and (max-width: 960px) {
    .sub-contit-wrap.bg-type,
    .sub-contit-wrap.bg-type2 {
        width: auto;
        padding: 16px 18px;
    }
    .sub-contit {
        font-size: 22px;
    }
    .venue-img-box {
        gap: 20px;
    }
    .general-cont-wrap .flex-box .thumb-img-box {
        width: 241px;
    }
    .general-cont-wrap .flex-box .list-type {
        width: calc(100% - 241px);
    }
    .general-cont-wrap .flex-box .thumb-img-box img {
        border-radius: 6px 6px 25px 6px;
    }

    /* Busan, Korea */
    .busan-cont-wrap .sub-contit-wrap + .sub-con-wrap {
        margin-top: 15px;
    }
    .busan-cont-wrap .flex-box li {
        gap: 30px;
    }
    .busan-cont-wrap .flex-box li .thumb-img-box img {
        width: 242px;
        border-radius: 5px 5px 25px 5px;
    }
    .busan-cont-wrap .sub-contit-wrap.type2.btn-type {
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }
    .busan-cont-wrap .sub-contit-wrap.type2.btn-type a {
        margin-left: auto;
    }

    /* scroll-x for table */
    .scroll-x,
    .scroll-x.v1024,
    .scroll-x.v1300 {
        overflow-x: auto;
    }
    .scroll-x table {
        width: 960px;
    }
    .scroll-x.v1024 table {
        width: 1024px;
    }
    .scroll-x.v1300 table {
        width: 1300px;
    }
    .touch-help{
		position: relative;
	}
	.touch-help:before{
		display: block;
		content: '';
		color: #fff;
		clear: both;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		width: 100%;
		max-width: 80%;
		height: 100%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		background-image: url('../image/common/img_touch_help.png');
	}
	.touch-help.small:before{
		width: 100%;
		max-width: 100%;
		height: 75px;
		background-size: auto 100%;
	}
	.touch-help table{
		position: relative;
	}
	.touch-help table:before{
		display: block;
		content: '';
		clear: both;
		position: absolute;
		top: 0;
		left: 0;
        z-index: 1;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
	}
}
@media screen and (max-width: 768px) {

    /* SUB CONTENT */
    .inner-layer {
        padding: 0 0;
    }
    .sub-contit-wrap {
        margin-bottom: 10px;
    }
    .sub-contit-wrap.type2 {
        margin-bottom: 8px;
    }
    .sub-con-wrap + .sub-con-wrap {
        margin-top: 20px;
    }
    .sub-contit-wrap.bg-type,
    .sub-contit-wrap.bg-type2 {
        padding: 12px 12px;
        text-align: left;
    }
    .sub-contit-wrap + .sub-con-wrap {
        margin-top: 15px;
    }
    .sub-contit {
        font-size: 16px;
        text-align: left;
    }
    .sub-contit-sub {
        padding-left: 18px;
        font-size: 17px;
        text-align: left;
        background: url(../image/sub/sub_tit_dot.png) left top 4px / 12px no-repeat;
    }
    .sub-con-wrap {
        font-size: 14px;
    }

    /* Venue */
    .venue-cont-wrap + .venue-cont-wrap {
        margin-top: 50px;
    }
    .venue-em-txt {
        font-size: 14px;        
    }
    .venue-desc {
        font-size: 14px;
        text-align: left;
    }
    .venue-em-txt + .venue-desc {
        margin-top: 10px;
    }
    .venue-img-box {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        margin: 25px 0;
    }    
    .btn-tbl-wrap a {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
    .venue-cont-wrap .def-table th,
    .venue-cont-wrap .def-table td,
    .venue-cont-wrap .list-type li {
        font-size: 14px;
        line-height: 1.3;
        text-align: left;
    }
    .venue-cont-wrap .list-type li br {
        display: none;
    }

    /* General Information */
    .general-cont-wrap + .general-cont-wrap {
        margin-top: 50px;
    }
    .general-cont-wrap .flex-box {
        gap: 15px;
    }
    .general-cont-wrap .flex-box .thumb-img-box {
        width: 120px;
    }
    .general-cont-wrap .flex-box .thumb-img-box img {
        border-radius: 4px 4px 4px 4px;
    }
    .general-cont-wrap .flex-box .list-type {
        padding-top: 0;
        width: calc(100% - 120px);
    }
    .general-cont-wrap .def-table th,
    .general-cont-wrap .def-table td,
    .general-cont-wrap .list-type li {
        font-size: 14px;
        line-height: 1.3;
        text-align: left;
    }
    .general-cont-wrap .list-type li + li {
        margin-top: 15px;
    }
    .list-btn-box a {        
        margin-top: 25px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    /* Busan, Korea */
    .busan-cont-wrap + .busan-cont-wrap {
        margin-top: 40px;
    }
    .busan-cont-wrap .sub-contit-wrap.bg-type2 + .sub-con-wrap {
        margin-top: 25px;
    }
    .busan-cont-wrap .sub-contit-wrap + .sub-con-wrap {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .busan-cont-wrap .sub-contit-wrap.type2 {
        margin-bottom: 0;
    }
    .busan-cont-wrap .sub-con-wrap .box-desc {
        margin-top: 0;
        font-size: 14px;
    }
    .busan-cont-wrap .sub-con-wrap .thumb-desc {
        font-size: 14px;
    }
    .busan-cont-wrap .def-table th, 
    .busan-cont-wrap .def-table td, 
    .busan-cont-wrap .list-type li {
        font-size: 14px;
    }
    .busan-cont-wrap .flex-box > li {
        flex-direction: column;
        gap: 20px;
    }
    .busan-cont-wrap .flex-box > li .thumb-img-box img {
        width: 100%;
    }
    .busan-cont-wrap .flex-box > li + li {
        margin-top: 20px;
        padding-top: 25px;
    }
    .busan-cont-wrap .btn-wrap a {
        display: block;
    }
    .busan-cont-wrap .btn-wrap a + a {
        margin-top: 10px;
        margin-left: 0;
    }

    /* Visa */
    .visa-cont-wrap + .visa-cont-wrap {
        margin-top: 40px;
    }
    .visa-cont-wrap .sub-contit-wrap + .sub-con-wrap {
        margin-top: 10px;
    }
    .visa-cont-wrap .def-table {
        border-top: 2px solid #262d56;
    }
    .visa-cont-wrap .tbl-tit {
        margin-bottom: 10px;
    }
    .visa-cont-wrap .def-table thead th {
        display: none;
    }
    .btn-wrap.visa a {
        padding: 5px 10px;
        font-size: 14px;
    }
    .btn-wrap.visa a span {
        padding-right: 80px;
    }

    /* Organizing Committee */
    .committee-cont-wrap .def-table.al tbody th {
        text-align: left;
    }
    .committee-cont-wrap .def-table {
        border-top: 1px solid #262d56;
        border-bottom: 1px solid #e5e5e5;
    }
    .committee-cont-wrap .def-table.col-1 th {
        border-top: 1px solid #262d56;
        border-bottom: 1px solid #e5e5e5;
    }    
    .committee-cont-wrap .def-table.col-1 th.bdn {
        border-top: 0;
    }
    .committee-cont-wrap .def-table.col-1 tr td {
        display: table-cell;
        border-bottom: 0;
    }
    .committee-cont-wrap .def-table.col-1 tr td.name {
        padding-left: 15px;
        width: 130px;
    }
    .committee-cont-wrap .def-table.col-1 tr td + td {
        border-left: 1px solid #e5e5e5;
    }
    .committee-cont-wrap .def-table.col-1 tr.bdt {
        border-top: 1px solid #e5e5e5;
    }
    .committee-cont-wrap .def-table.col-1 tr.last {
        border-bottom: 1px solid #e5e5e5;
    }
    .def-table.col-1 th.bd-l,
    .def-table.col-1 td.bd-l{
        border-left: 0 !important;
    }

    /* Transportation */
    .route-cont-box + .route-cont-box {
        margin-top: 50px;
    }
    .route-cont-box .sub-contit-wrap.type2 {
        margin-top: 30px;
    }
    
       
    .route .btn-route,
    .route-round-box p {
        font-size: 16px;
    }
    .sub-tab-menu a,
    .route-tit-box .route-num,
    .route-tit-box .route-desc, 
    .route-contit-box p,
    .route-contit,
    .list-type.route,
    .list-type.route2 {
        font-size: 14px;
    }
    .list-type.route,
    .list-type.route2 {
        padding-left: 10px;
    }
    .list-type.route:before {
        top: 7px;
        left: 0;
        width: 4px;
        height: 4px;
    }
    .list-type.route2:before {
        top: 8px;
        left: 0;
        width: 3px;
        height: 3px;
    }
    .sub-tab-menu a {
        height: 40px;
    }
    .trans-wrap .tab-area {
        margin-top: 30px;
    }
    .sub-tab-menu {
        margin: 0 0 25px;
    }
    .route-tit-box {     
        margin-bottom: 30px;
    }
    .route-tit-box div {
        padding: 10px;
    }
    .route-tit-box .route-num,
    .route-tit-box .route-desc {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .route-contit {
        display: block;
        margin-bottom: 25px;
        padding: 15px 50px 15px 90px;
        height: auto;
        line-height: 1.2;
        text-align: center;
    }
    .route-contit .icon {
        width: 57px;
        height: 57px;
        border: 3px solid #203373;
        border-radius: 100%;
    }
    .route-contit .icon.taxi {
        background: #fff url(../image/sub/ic_taxi.png) center center / 36px no-repeat;
    }
    .route-contit .icon.subway {
        background: #fff url(../image/sub/ic_subway.png) center center / 36px no-repeat;
    }
    .route-contit .icon.ktx {
        background: #fff url(../image/sub/ic_ktx.png) center center / 36px no-repeat;
    }
    .route-contit .icon.walk {
        background: #fff url(../image/sub/ic_walk.png) center center / 36px no-repeat;
    }
    .route-contit .icon.ship {
        background: #fff url(../image/sub/ic_ship.png) center center / 36px no-repeat;
    }
    .info-print-box img,
    .route-img-box img {
        width: 100%;
    }
    .list-type.route {
        margin-bottom: 10px;
    }
    .route-info-box {
        margin-top: 25px;
    }
    .route-round-box {
        margin-bottom: 20px;
        padding: 12px 10px;
        border-radius: 10px;
        border-width: 3px;
    }
    .btn-wrap.route {
        margin-top: 20px;
    }
    .route .btn-route {
        /* display: block; */
        padding: 11px 40px;
        height: auto;
        line-height: 1.3;
    }
    .route-img-box.grid {
        row-gap: 10px;
        column-gap: 10px;
    }
    .route-img-box.grid div img {
        border-radius: 10px 10px 10px 0;
    }
    .list-type.route2 {
        margin-top: 6px;
    }
    .route-contit-box {
        margin-bottom: 10px;
    }
    

    /* table */
    .def-table th,
    .def-table td {
        padding: 10px 8px;
    }    
    .def-table.al td {
        padding-left: 8px;
    }
    .def-table.col-1 {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .def-table.col-1 colgroup:after{
        display: block;
        content: '';
        clear: both;
    }
    .def-table.col-1 colgroup col{
        float: left;
        width: 100% !important;
    }
    .def-table.col-1 tbody{
        display: block;
        width: 100%;
    }
    .def-table.col-1 tr{
        display: block;
        width: 100%;
    }
    .def-table.col-1 tr:after{
        display: block;
        content: '';
        clear: both;
    }
    .def-table.col-1 th,
    .def-table.col-1 td{
        display: block;
        /* float: left;
        width: 100%; */
        height: auto;
        border: 0;
        border-bottom: 1px solid #d2d5e0;
    }

    /* list */
    .list-type.list-type-dot > li,
    .list-type.list-type-bar > li{
        position: relative;
        padding-left: 10px;
    }
    .list-type-dot > li:before{
        top: 7px;
        width: 3px;
        height: 3px;
        border-radius: 100%;
        background-color: #111;
    }
    .list-type-bar > li:before{
        top: 7px;
        width: 5px;
        height: 1px;
        background-color: #111;
    }
}
@media screen and (max-width: 425px) {
    .m-only {
        display: block;
    }
}

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

    .list-btn-box a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 60px;
        line-height: 20px;
    }
    .list-btn-box a span {
        display: block;
    }

}


/* Sign Up -> Login */
.login-wrap {
	position: relative;
	border: 1px solid #ede6d3;
	border-radius: 27px 0 0 0;
	box-sizing:border-box;
	max-width: 800px;
	margin: 65px auto 0;
	padding : 90px 60px 30px;
}
.login-wrap .inner-icon {
	position: absolute;
	left: 50%;
	top: -66px;
	transform:translateX(-50%);
}
.login-wrap .inner-tit {	
	text-align: center;
	margin-bottom: 30px;	
}
.login-wrap .inner-tit span{	
	z-index: 0;
	position: relative;
	color: #262d56;
	font-size:40px;
	font-family: 'Roboto-Medium', sans-serif;
	line-height: 1;
	letter-spacing: -2px;
	padding: 0 3px;
}
.login-wrap .inner-tit span:after {
	z-index: -1;
	position: absolute;
	content:'';
	left: 50%;
	bottom: 0;
	transform:translateX(-50%);
	width: 100%;
	height: 15px;
	background-color: #def3f9;
}
.login-wrap .list-type{
	margin-bottom: 10px;
}
.login-wrap .type-dot li {
	position: relative;	
	padding-left: 12px;
	font-size:17px;
	color: #2b3444;
	line-height: 1.2;
	letter-spacing: -0.85px;
	margin-top: 10px;
}
.login-wrap .type-dot li:before {
	position: absolute;
	content:'';
	left: 0;
	top: 7px;
	width: 6px;
	height: 6px;
	border-radius:50%;
	background-color: #2b3444;
}
.login-wrap .input-area input {
	border: 1px solid #e3e1dd;
	width: 100%;
	height: 50px;
	border-radius: 4px;
	box-sizing: border-box;
    padding: 0 20px;
	font-size:17px;
	letter-spacing: -0.85px;
	font-family: 'Roboto-Resular' sans-serif;
}
.login-wrap .input-area input + input {
	margin-top: 15px;
}
.login-wrap .input-area input:placeholder {
	font-family:'Robot-Light',sans-serif;
}
.login-wrap .btn.login {
	width: 100%;
	height: 75px;
	margin-top: 15px;
	color: #fff;
	background: linear-gradient(to bottom,#259be0,#6b83e2);
	box-sizing:border-box;
	border-radius: 4px;
	border: 0;
	font-size:26px;
	letter-spacing: -0.85px;
	font-family:'Roboto-Bold',sans-serif;
	cursor: pointer;
}
.login-wrap .login-util {
    margin-top: 18px;
    text-align: right;
}
.login-wrap .login-util a {
	position: relative;
	display: inline-block;
	padding-left: 27px;  
	font-size: 17px;
	line-height: 1.2;
	color: #2b3444;
	text-decoration: none;
	cursor: pointer;
}
.login-wrap .login-util .find-id:before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	width: 20px;
	height: 20px;
	background: url('../image/sub/ic_login_user.png') center center;
}
.login-wrap .login-util .find-pw:before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	width: 20px;
	height: 20px;
	background: url('../image/sub//ic_login_pw.png') center center;
}
.login-wrap .login-util a + a {
	margin-left: 20px;
}
.login-wrap .sign-up {
	margin-top: 40px;
	display:flex;
	flex-direction: column-reverse;
}
.login-wrap .sign-up a.btn.sign {
	display: block;
	width: 100%;
	height: 60px;
	border: 1px solid #2d3083;
	border-radius : 4px;
	box-sizing:border-box;
	text-align: center;
	text-decoration: none;
	color: #2d3083;
	font-size:24px;
	font-family: 'Roboto-Medium',sans-serif;
	line-height: 60px;
	cursor: pointer;	
}
.login-wrap .sign-up p {
	margin-top: 10px;
	text-align: right;
}
.login-wrap .sign-up span {
	position: relative;
	padding-left: 10px;
	padding-bottom: 3px;
	z-index: 0;
	color: #2b3444;
	
}
.login-wrap .sign-up span:before {
	position: absolute;
	content:'*';
	left: 0;
	top: 0;
	color: #ff4800;
	font-size:17px;
	letter-spacing: -0.85px;
}
.login-wrap .sign-up span:after {
	z-index: -1;
	position: absolute;
	content:'';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12px;
	background-color: #fffcd2;
}

/* Sign Up -> Forgotten your ID? */

.find-form-wrap {
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid #dadada;
}
.find-conbox {
	padding-top: 50px;
    padding-bottom: 50px;
}
.find-conbox:has(.result-conbox){
    padding-bottom: 0;
    border-bottom: 0;
}
.radio-group input[type="radio"],
.checkbox-group input[type="checkbox"]{
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0,0,0,0);
    border: 0;
}

.find-conbox .radio-wrap{
    text-align: center;
	margin: 0;
}
.find-conbox .radio-wrap label{
    padding-left: 40px;
    font-size: 20px;
	height: 25px;
}
.find-conbox .radio-group {
	margin: 0;
}
.find-conbox .radio-group + .radio-group {
	margin-left: 70px;
}
.find-conbox .radio-group input + label:before{
    display: block;
    width: 13px;
    height: 13px;
    background-color: #000;
    border-width: 2px;
}
.find-conbox .radio-group input + label:after{
    width: 25px;
    height: 25px;
    border-color: #000;
    border-width: 2px;
}
.find-conbox .radio-group input:checked + label:before{
    display: block;
    top: 6px;
    left: 6px;
    width: 13px;
    height: 13px;
    background-color: #3895f5;
}
.find-conbox .radio-group input:checked + label:after{
    width: 25px;
    height: 25px;
    border-color: #3895f5;
    background-color: #fff;
}
.find-conbox .input-box{
    margin-top: 45px;
    padding: 0 99px;
}
.find-conbox .input-box select{
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 25px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	font-size: 14px;
}

.find-conbox .input-box .form-group {
	margin-top: 13px;
	display:flex;
	gap : 10px;
}
.find-conbox .input-box .form-group input {
	width:calc(50% - 5px);
}
.find-conbox .input-box .form-group input + input {
	margin-top: 0;
}

.find-conbox .input-box input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 0 25px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	font-size: 14px;
}
.find-conbox .input-box input:placeholder {
	color: #808080;
}
.find-conbox .input-box input + input {
	margin-top: 13px;
}
.find-conbox .btn-wrap {
	margin-top: 16px;
}
.find-conbox .btn-find {
	width: 100%;
    height: 60px;
    color: #fff;
    background: linear-gradient(to bottom, #259be0, #6b83e2);
    box-sizing: border-box;
    border-radius: 4px;
    border: 0;
    font-size: 22px;
    cursor: pointer;
}
.find-conbox .result-conbox {
	margin-top: 80px;
	background-color: #f6f6ff;
	border-top : 1px solid #dadada;
	text-align: center;
	font-size: 20px;
	line-height: 1.2;
	padding: 23px 0 22px;
}
.find-conbox .result-conbox span {
	color: #2d3083;
}

/* Sign Up -> Forgotten your Password?  */
.find-conbox.find-pw-conbox {
	padding: 55px;
}
.find-conbox.find-pw-conbox .tit {
	display: block;
	color: #2d3083;
	font-size:30px;
	line-height: 1;
	font-weight: normal;
	font-family: 'Roboto-Medium',sans-serif;
	margin-bottom: 15px;	
}
.find-conbox.find-pw-conbox .tit + p {
	color: #454545;
}
.find-conbox.find-pw-conbox .input-box {
	margin-top: 30px;
	padding: 0;
}
.find-conbox.find-pw-conbox .btn-find.btn-find-pw {
	background: #262d56;
	border-color: #262d56;
	font-size:22px;
}
.find-conbox.find-pw-conbox .list-type-bar {	
	padding: 20px 15px 0;
}
.find-conbox.find-pw-conbox .list-type-bar li {
	color: #8c8c8c;
	font-size:14px;
}
.find-conbox.find-pw-conbox .list-type-bar li:before {	
	background-color: #8c8c8c;
	font-size:14px;
	top: 8px;
}
/* Sign Up -> Sign-up  */
.signup-intro-conbox {
	text-align: center;
}
.signup-intro-conbox .tit {
	display: block;
	color: #2d3083;
	font-weight: normal;
	font-size: 52px;
	font-family:'Roboto-Bold',sans-serif;
	line-height: 1;
    letter-spacing: -0.025em;
	margin-bottom: 20px;
}
.signup-intro-conbox .tit + p {
	color: #454545;
	font-family:'Roboto-Medium',sans-serif;
	font-size: 20px;
	line-height: 1.3;
}
.signup-intro-conbox .tit + p a {
	color: #478af8;
	text-decoration: none;
	position: relative;
}
.signup-intro-conbox .tit + p a:after {
	position: absolute;
	left: 0;
	bottom: 1px;
	content:'';
	width: 100%;
	height: 1px;
	background-color: #478af8;
}
.signup-intro-conbox .intro-group {
	margin-top: 75px;
}
.signup-intro-conbox .intro-group a {
	position: relative;
	display: inline-block;
	border: 10px solid #eeeeee;
	width: 478px;
	border-radius:60px 60px 60px 0;
	text-align: center;
	box-shadow: 8px 0 10px rgba(0,0,0,0.16);
	padding : 353px 0 75px;
	text-decoration: none;
	box-sizing:border-box;
	color: #cfcfcf;
	font-size:36px;
	line-height: 1;
	font-family:'Roboto-Bold',sans-serif;
}
.signup-intro-conbox .intro-group a:before {	
	position: absolute;
	left: 50%;
	top: 65px;
	transform:translateX(-50%);
	width: 225px;
	height: 225px;
	content:'';
	background: url('/image/sub/img_signup01.png') no-repeat center center;
}
.signup-intro-conbox .intro-group  a + a {
	margin-left: 80px;
}
.signup-intro-conbox .intro-group a + a:before {	
	background-image: url('/image/sub/img_signup02.png');
}
.signup-intro-conbox .intro-group  a:hover {	
	border: 0;
	background: linear-gradient(to bottom,#249be0,#6b83e2);
	padding : 363px 10px 85px;
	color: #fff;
}
.signup-intro-conbox .intro-group a:hover:before {
	left: 126px;
	top: 75px;
	transform:none;
	background: url('/image/sub/img_signup01_ov.png') no-repeat center center;
}
.signup-intro-conbox .intro-group a + a:hover:before {
	left: 127px;
	transform:none;
	background-image: url('/image/sub/img_signup02_ov.png');
}
/* Sign Up -> Sign-up */
.term-wrap {
	width: 100%;
}
.term-conbox {
	overflow-y:auto;
	padding: 40px 35px;
	border: 1px solid #d5d5d5;
}
.term-conbox .list-type-dot li:before {
	top: 5px;
	width: 7px;
	height: 7px;
}
.term-conbox .list-type-dot li + li {
	margin-top: 30px;
}
.term-conbox .list-type-dot li p {
	margin-top: 5px;
	font-family: 'Pretendard-Light','Roboto-Light',sans-serif;
	line-height: 1.6;
	letter-spacing: -0.25px;
}
.term-conbox  strong {	
	font-family: 'Pretendard-Regular','Roboto-Regular',sans-serif;
	font-weight: normal;
}
.term-wrap .checkbox-wrap{
    width: 100%;
    padding: 25px 20px;
    margin: 0;
    background-color: #004986;
    color: #fff;
    text-align: center;
	box-sizing:border-box;
}
.term-wrap .checkbox-wrap label{
    padding-left: 40px;
    font-size: 18px;
	font-family: 'Pretendard-Light','Roboto-Light',sans-serif;
	height: 20px;
}
.term-wrap .checkbox-group input + label:before{
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 1px;
    background-color: transparent;
    background-image: none;
}
.term-wrap .checkbox-group input:checked + label:before{
    width: 20px;
    height: 20px;
    border-color: #fff;
    background-repeat: no-repeat;
    background-position:  center;
    background-image: url('../image/sub/ic_checkbox.png');
}
.sub-contit-wrap .help-text {
	padding-left: 20px;
	margin-top: 15px;
	font-family:'Pretendard-Light','Roboto-Light',sans-serif;
}
.sub-contit-wrap .help-text .required {
	font-weight: normal;
	color: #ff0000;
	font-family:'Roboto-Regular',sans-serif;
}
.write-form-wrap .sub-contit-wrap {
	margin-top: 100px;
	margin-bottom: 25px;
}
.write-wrap .btn {
	border-radius:3px;		
}

.write-wrap .has-btn .help-text.form-item {
    display: inline-block;
    padding: 0 0;
    height: auto;
    border: 0;
}

.write-wrap .form-group.has-btn.member-find .form-item {
	width:calc(100% - 301px);
	padding: 7px 0 8px;
}
.write-wrap .form-group.has-btn.member-chk ul {
	display: inline-block;
	margin: 0;
	list-style: none;
	width: calc(100%  - 296px);
	box-sizing:border-box;
}
.write-wrap .form-group.has-btn.member-chk ul li {
	display: inline-block;
	width:calc(50% - 10px);
	font-size:0;
	vertical-align: top;
}
.write-wrap .form-group.has-btn.member-chk ul li + li {
	margin-left: 10px;
}
.write-wrap .form-group.has-btn.member-chk ul li label {
	display: inline-block;
	width: 35px;
	vertical-align: top;
	line-height: 1.2;
	padding: 10px 0;
	margin-right: 5px;
	font-size:16px;
}
.write-wrap .form-group.has-btn.member-chk ul li .form-item {
	width:calc(100% - 40px);
	max-width: none;
	vertical-align: top;
}
.write-wrap .form-group.has-btn.member-chk .form-item + label {
	margin-left: 20px;
}
.write-wrap .form-group.has-chk .form-item {
	width: calc(100% - 105px);
}
.write-wrap .form-group.has-chk .form-item + .checkbox-group {
	display: inline-block;
	margin-left: 5px;
	margin-top: 10px;
}

.write-wrap dd dl:last-child {border-bottom: 0;}
.write-wrap dd dl dt {
	width: 15%;
}
.write-wrap dd dl dd {
	width: 85%;
}
.success-conbox {
	text-align: center;
	margin-bottom: 60px;
}
.success-conbox .tit {
	display: block;
	font-size: 52px;
	color: #2d3083;
	line-height: 1;
	font-weight: normal;
	font-family:'Roboto-Bold',sans-serif;
    letter-spacing: -0.025em;
	margin-bottom: 24px;
}
.success-conbox p {
	font-size: 30px;
	line-height: 1.3;
}

/* My Page -> Home  */
.mypage-wrap .sub-tab-wrap {	
	background-color: #f6f6ff;

}
.mypage-wrap .sub-tab-menu {
	border: none;
}
.mypage-wrap .sub-tab-menu a
{
	border-left: 0;
	background-color: transparent;
	color: #9ca8bf;
	height: 70px;
}

.mypage-wrap .sub-tab-menu > li > a > span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 3px;
}
.mypage-wrap .sub-tab-menu > li > a > span:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: #575685;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.mypage-wrap .sub-tab-menu a:hover, .mypage-wrap .sub-tab-menu .on a {
	background-color: transparent;
	color: #262d56;
	font-weight: normal;
	font-family:'Roboto-Medium',sans-serif;
}
.mypage-wrap .sub-tab-menu > li:hover > a > span:before,
.mypage-wrap .sub-tab-menu > li.on > a > span:before{
    width: 100%;
}
.mypage-wrap .sub-contit-wrap {
	margin: 100px 0 15px;
}
.border-box { 
	border: 1px solid #e0d3cf;
	font-size:35px;
	padding: 38px 0;
	line-height: 1.2;
}
.border-box span {
	color: #9d222a;
}
.mypage-wrap .write-wrap dd + dt {
	border-left: 1px solid #ddd;

}
.mypage-wrap .table-wrap + .btn-wrap {
    margin-top: 50px;
}

.mypage-wrap .btn-top-wrap + .sub-contit-wrap{
    margin-top: 30px;
}
@media screen and (max-width: 768px) {	
	/* Sign Up -> Login  */
	.login-wrap {
		padding: 15px 30px;
		margin-top: 0;
	}
	.login-wrap .inner-icon {
		position: relative;
		display: block;
		left: auto;
		top: auto;	
		transform: none;
		margin: 0 auto 10px;
		width: 70px;
	}
	.login-wrap .inner-tit {
		margin-bottom: 20px;
	}
	.login-wrap .inner-tit span {
		font-size:27px;	
	}
	.login-wrap .inner-tit span:after {
		bottom: 5px;
		height: 7px;
	}
	.login-wrap .list-type {
		display: none;
	}
	.login-wrap .input-area input {
		height: 40px;
		font-size:16px;
	}
	.login-wrap .btn.login {
		height: 50px;
		font-size:16px;
	}
	.login-wrap .sign-up {
		margin-top: 20px;
        flex-direction: column;
	}
	.login-wrap .login-util {
		padding: 0 50px;
		text-align: left;
	}
	.login-wrap .login-util a {
		display: block;
		font-size:13px;
		line-height: 20px;
	}
	.login-wrap .login-util a + a {
		margin-left: 0;
		margin-top: 10px;
	}
	.login-wrap .sign-up p {
		text-align: center;
		margin-top: 0;
		margin-bottom: 10px;
		font-size:12px;
	}
	.login-wrap .sign-up a.btn.sign {
		height: 40px;
		line-height: 40px;
		font-size:14px;
	}

	/* Sign Up -> Forgotten your ID? & Forgotten your Password?  */
	.find-conbox {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.find-conbox .radio-wrap label {
		font-size:14px;
		padding-left: 20px;
		height: auto;
		line-height: 1.2;
	}
	.find-conbox .radio-group input:checked + label:after, 	.find-conbox .radio-group input + label:after {
		top: 1px;
        width: 14px;
        height: 14px;
    }
	.find-conbox .radio-group input:checked + label:before, .find-conbox .radio-group input + label:before {
        top: 5px;
        left: 4px;
        width: 6px;
        height: 6px;
    }
	.find-conbox .radio-group + .radio-group {
		margin-left: 15px;
	}
	.find-conbox .input-box {
		margin-top: 20px;
		padding: 0 28px;
	}	
	.find-conbox .input-box select {		
		background-color: #fff;
		height: 40px;
		font-size: 13px;
		padding: 0 10px;
	}
	.find-conbox .input-box .form-group {
		margin-top: 5px;
		display:flex;
		gap : 6px;
	}
	.find-conbox .input-box input {
		height: 40px;
		font-size: 13px;
		padding: 0 10px;
	}
	.find-conbox .input-box .form-group {
		flex-wrap : wrap;
		gap : 5px;
	}
	.find-conbox .input-box .form-group input {
		display: block;
		width: 100%;
	}
	.find-conbox .input-box input + input {
		margin-top: 5px;
	}
	.find-conbox .btn-wrap {
		margin-top: 6px;
	}
	.find-conbox .btn-find {
		height: 45px;
		font-size:15px;
	}
	.find-conbox .result-conbox
	{
		margin-top: 17px;
		font-size:13px;
		padding: 12px 0;
	}

	/* Sign Up -> Forgotten your Password?  */
	.find-conbox.find-pw-conbox {
		padding: 30px 20px;
	}
	.find-conbox.find-pw-conbox .tit {
		font-size:17px;
	}
	.find-conbox.find-pw-conbox .tit + p {
		font-size:13px;
		font-family:'Roboto-Light',sans-serif;
	}
	.find-conbox.find-pw-conbox .input-box {
		margin-top: 15px;
		padding: 0 15px;
	}
	.find-conbox.find-pw-conbox .btn-find.btn-find-pw {
		font-size:14px;
	}
	.find-conbox.find-pw-conbox .list-type-bar {	
		padding: 10px 20px 0;
	}
	.find-conbox.find-pw-conbox .list-type-bar li {
		color: #8c8c8c;
		font-size:13px;
		font-family:'Roboto-Light',sans-serif;
	}
	.find-conbox.find-pw-conbox .list-type-bar li:before {	
		background-color: #8c8c8c;
		font-size:14px;
		top: 8px;
	}

	/* Sign Up -> Sign-up */
	.signup-intro-conbox .tit
	{
		display: block;
		color: #2d3083;
		font-weight: normal;
		font-size:28px;
		font-family:'Roboto-Medium',sans-serif;
		line-height: 1;
		margin-bottom: 15px;
	}
	.signup-intro-conbox .tit + p {
		color: #454545;
		font-family:'Roboto-Medium',sans-serif;
		font-size:14px;
		line-height: 1.2;
	}
	.signup-intro-conbox .tit + p a {
		color: #478af8;
		text-decoration: none;
		position: relative;
	}
	.signup-intro-conbox .intro-group {
		margin-top: 25px;
	}
	.signup-intro-conbox .intro-group a {
		display: block;
		width: 100%;
		border-width: 5px;
		box-shadow : 4px 0 5px rgba(0,0,0,0.16);
		padding: 147px 0 16px;
		font-size:24px;
		border-radius:30px 30px 30px 0;
	}

	.signup-intro-conbox .intro-group a + a {
		margin-left: 0;
		margin-top: 25px;
	}
	.signup-intro-conbox .intro-group a:before {
		width: 113px;
		height: 113px;
		top: 20px;
		background-size:113px;
	}

	.signup-intro-conbox .intro-group a:hover {	
		border: 0;
		background: linear-gradient(to bottom,#249be0,#6b83e2);
		padding: 152px 5px 21px;
		color: #fff;
	}
	.signup-intro-conbox .intro-group a:hover:before {
		top: 25px;
		left: 50%;
		transform:translateX(-50%);
		width: 113px;
		height: 113px;
		background-size:113px;
	}
	.signup-intro-conbox .intro-group a + a:hover:before {
		top: 25px;
		left: 50%;
		transform:translateX(-50%);
	}

	/* Sign-Up */
	.write-form-wrap .sub-contit-wrap {
		margin-top: 50px;
		margin-bottom: 10px;
	}	
	.term-conbox{
        height: 150px;
        padding: 20px;
        font-size: 14px;
        line-height: 1.5;
    }
    .term-conbox .list-type > li + li{
        /* margin-top: 15px; */
    }
    .term-conbox .list-type > li:before{
        top: 8px;
    }
    .term-wrap .checkbox-wrap{
        padding: 10px 20px;
    }
    .term-wrap .checkbox-wrap label{
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 25px;
        font-size: 14px;
		height: auto;
    }
    .term-wrap .checkbox-group input + label:before{
        width: 18px;
        height: 18px;
    }
    .term-wrap .checkbox-group input:checked + label:before{
        width: 18px;
        height: 18px;
    }

	.write-wrap .form-group.has-btn.member-find .form-item {
		width: 100%;
	}
	.write-wrap .form-group.has-btn.member-find .btn {
		margin-bottom: 0;
	}
	.write-wrap .form-group.has-btn.member-chk .form-item {
        width: calc(100% - 40px);
    }
	.write-wrap .form-group.has-btn.member-chk ul {
		width: 100%;
	}
	.write-wrap .form-group.has-btn.member-chk ul li label {
		height: 35px;
		box-sizing:border-box;
		font-size:14px;
	}
	.write-wrap .form-group.has-btn.member-chk ul li {
		width: 100%;
	}
	.write-wrap .form-group.has-btn.member-chk ul li + li {
		margin-left: 0;
		margin-top: 5px;
	}
	.write-wrap .form-group.find-post .form-item {
		width:calc(100% - 90px);
	}
	.write-wrap .form-group.find-post .btn {
		margin: 0;
	}
	.write-wrap dd dl dt,.write-wrap dd dl dd {
		width: 100%;
	}

	/* My Page > Home */
	.border-box { 
		font-size:18px;
		padding: 20px 0;
	}
	.border-box span {
		color: #9d222a;
	}
	.mypage-wrap .write-wrap dd + dt {
		border-left: 0;
		border-top: 1px solid #dddddd;
	} 
	.mypage-wrap .sub-contit-wrap {
        margin-top: 50px;
        margin-bottom: 10px;
    }
	.mypage-wrap .sub-tab-wrap
	{
		background-color: transparent;
	}
	.mypage-wrap .sub-tab-menu {		
		border-top: 1px solid #ddd;
		background-color: transparent;
		flex-wrap:wrap;
		width: 100%;
	}
	.mypage-wrap .sub-tab-menu li {
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		flex: 1 1 40%;
	}
	.mypage-wrap .sub-tab-menu li:nth-child(2n+1) {
		border-left: 1px solid #ddd;
	}
	.mypage-wrap .sub-tab-menu a {
		height: 45px;
	}
	.mypage-wrap .sub-tab-menu > li:hover > a > span:before, .mypage-wrap .sub-tab-menu > li.on > a > span:before {
		display: none;
	}
	.mypage-wrap .sub-tab-menu > li:hover > a,.mypage-wrap .sub-tab-menu > li.on > a{
		background-color: #262d56;
		color: #fff;
	}
}

/* Overview */
.overview-list {}
.overview-list > li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #e0e1e7;
}
.overview-list > li > span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 36px;
    width: 16%;
    min-width: 200px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    background: #3b4479;
    border-radius: 34px;
}
.overview-list > li > p {
    display: block;
    width: calc(100% - 16%);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.03em;
}
.overview-list > li > p > sup {
    vertical-align: text-bottom;
}

@media screen and (max-width: 768px) {
    .overview-list > li {
        align-items: flex-start;
        margin-top: 2px;
        padding: 16px 0;
    }
    .overview-list > li > span {
        margin-right: 18px;
        min-width: 120px;
        height: 26px;
        font-size: 14px;
        line-height: 26px;
    }
    .overview-list > li > p {
        font-size: 14px;
        line-height: 20px;
    }
}

/* Abstract Submission */
.write-form-wrap .sub-contit-wrap {
    margin-top: 40px;
}
.write-form-wrap .info-box {
    margin-bottom: 50px;
    padding: 20px;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 20px;
    text-align: center;
    word-break: keep-all;
    color: #111;
    border: 1px solid #ccd4ea;
    background-color: #f9fbff;
}
.write-form-wrap .info-box > strong {
    font-family: inherit;
    font-weight: normal;
    color: #eb0873;
}
.write-form-wrap .info-bg-box {
    margin-bottom: 50px;
    padding: 30px 20px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: clamp(16px, 2vw, 20px);
    text-align: center;
    word-break: keep-all;
    color: #656e81;
    line-height: 1.5;
    letter-spacing: -0.025em;
    background-color: #f6f6ff;
}
.step-list-wrap {
    margin-bottom: 50px;
}
.step-list{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    width: 100%;
}
.step-list > li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 4px 26px 4px 36px;
    width: calc(100% - 70px);
    height: 100%;
    min-height: 94px;
    text-align: left;
    border-radius: 5px;
    background: #9e9ea7;
}
.step-list > li.on{
    background: #001685;
}
.step-list > li .txt-box {
    display: flex;
    flex-direction: column;
}
.step-list > li .txt-box p {
    font-family: 'Roboto-Regular', sans-serif;
    color: #fff;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.step-list > li .txt-box p + p {
    margin-top: 8px;
}
.step-list > li .txt-box p strong {
    font-family: inherit;
    font-weight: normal;
}
.bg-notice-box{
    margin-top: 40px;
    padding: 30px 45px;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
}
.bg-notice-box .list-type > li{
    line-height: 1.3;
}
.bg-notice-box + .write-wrap {
    margin-top: 20px;
}
.write-tit-wrap .btn {    
    float: right;
    margin: -6px 0;
    padding: 8px 25px;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
}
.write-form-wrap .btn-add-wrap {
    margin-top: 0;
    margin-bottom: 14px;
}
.write-form-wrap .btn-add-wrap .btn-type1 {
    padding: 8px 38px;
    font-size: 14px;
    color: #fff;
    background: #373665;
    border-color: #373665;
}
.write-tit-wrap .inner-btn-wrap .inner-btn-bd {
    padding: 6px 24px;
    font-family: 'Roboto-Medium', serif;
    font-size: 14px;
    color: #373665;
    letter-spacing: -0.04em;
    text-decoration: none;
    border-radius: 3px;
    border-color: #373665;
    background: #fff;
}
.write-tit-wrap .btn-type2.insert {
    height: 36px;
    padding: 8px 18px;
    font-family: 'Roboto-Medium', serif;
    letter-spacing: -0.04em;
    color: #373665;
    border-color: #373665;
    background: #fff;
}
.write-tit-wrap select.form-item {
    border: 1px solid #373665;
}
.btn-type2.td-inner {
    padding: 4px 16px;
    font-size: 14px;
}
.write-tit-wrap .cnt-num {
    color: #fff;
}
.preview-wrap .btn-wrap{
    margin-top: 40px;
}
.preview-conbox{
    height: auto;
    padding: 30px 45px 50px;
    border: 1px solid #d5d5d5;
    font-size: 16px;
    line-height: 1.5;
}
.preview-conbox > p{
    font-weight: 500;
}
.preview-tit{
    margin: 20px 0;
    font-weight: 500;
    text-align: center;
}
.preview-author{
    text-align: center;
}
.preview-author sup,
.preview-author sub{
    font-size: 0.7rem;
}
.preview-contents{
    margin-top: 50px;
    line-height: 1.6;
}
.preview-contents dl{
    width: 100%;
    border-bottom: 0;
    height: auto;
}
.preview-contents dt,
.preview-contents dd{
    display: inline;
    padding: 0;
    background: none;
    width: auto;
}
.preview-contents dt{
    font-weight: 500;
}
.preview-contents dd div{
    display: inline;
}
.preview-conbox dt + dd{
    border-left: 0;
}
.highlights{
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 3px 0;
    vertical-align: top;
}
.highlights:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 13px;
}
.abs-success-conbox {
    padding: 40px 20px 50px;
    border: 1px solid #ded3cf;
    text-align: center;
}
.abs-success-conbox .inner-conbox {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}
.abs-success-conbox .tit{
    display: block;
    margin-top: 20px;
    margin-bottom: 50px;
    font-family: 'Roboto-Medium', serif;
    font-size: 35px;
    line-height: 1.2;
    letter-spacing: -0.025em;
}
.abs-success-conbox .highlights{
    display: inline-block;
    padding: 0 2px;
    font-family: 'Roboto-Medium', serif;
    font-size: 35px;
    letter-spacing: -0.025em;
    color: #3b79d6;
}
.abs-success-conbox .highlights:before{
    bottom: -5px;
    height: 14px;
    background-color: #e2ebf9;
}
.abs-success-conbox .list-type{
    margin-top: 70px;
}
.abs-success-conbox .list-type > li {
    font-family: 'Roboto-Medium', serif;
    text-align: left;
}
.abs-success-conbox .list-type > li strong {
    font-weight: normal;
}
.abs-success-conbox .list-type > li + li{
    margin-top: 10px;
}
.abs-success-conbox .list-type > li:before{
    border-color: #3757cd;
}
.abs-success-conbox .btn-wrap{
    margin-top: 50px;
}
.only-web-box {
    margin-top: 20px;
    padding: 40px 30px;
    border-radius: 20px;
    background: #ecf7fc;
    text-align: center;
}
.only-web-box p {
    margin-top: 30px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: clamp(20px, 2vw, 25px);
    letter-spacing: -0.03em;
    color: #171973;
}
.only-web-box img {
    width: 100%;
    max-width: 402px;
}

@media screen and (max-width: 1024px) {
    .step-list > li {
        padding: 4px 16px 4px 26px;
        width: calc(100% - 50px);
    }
    .step-list > li > img {
        width: 32px;
    }
}
@media screen and (max-width: 960px) {
    .bg-notice-box {
        padding: 20px 25px;
    }
    .bg-notice-box .list-type-dot > li:before{
        top: 6px;
    }
}

/* input file custom */
.filebox,
.file-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.filebox .upload-name{
    width: calc(100% - 125px);
}
.filebox label{
    display: block;
    width: 115px;
    padding: 10px 0;
    color: #fff;
    background-color: #565656;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
    cursor: pointer;
    text-align: center;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox .attach-file,
.file-box .attach-file {
    flex: 0 0 auto;
    padding: 5px 15px;
    max-width: 100%;
    font-size: 14px;
    line-height: 1;
    background-color: #fff6e2;
}
.filebox + *{
    display: inline-block;
    vertical-align: middle;
}
.attach-file .btn-file-delete {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.attach-file a {
    word-break: break-all;
}
.file-box:has(.attach-file) {
    gap: 0;
}
.file-box:has(.attach-file) input[type='text'].form-item {
    width: calc(100% - 46px);
}
.file-box .attach-file {
    margin-top: 5px;
}


/* Programs */
.time-line-type {
    margin-top: 20px;
}
.time-line-type .def-table th {
    font-size: 16px;
}
.time-line-type .def-table td {
    padding: 10px 10px;
    height: 30px;
    border-bottom: 0;
}
.time-line-type .def-table td.time {
    padding: 0 10px 0 0;
    text-align: right;
    border-left: 0;
    border-bottom: 0;
}
.time-line-type .def-table td.time-hour,
.time-line-type .def-table td.time.last,
.time-line-type .def-table td.time-min.half1.last,
.time-line-type .def-table td.time-min.half2,
.time-line-type .def-table td.bdb {
    border-bottom: 1px solid #e5e5e5 !important;
}
.time-line-type .def-table td.time-hour {
    border-left: 0;
}
.time-line-type .def-table td.time-min.half1 {
    border-left: 0;
    border-bottom: 0;
}
.time-line-type .def-table td.time-min.half2 {
    border-left: 0;
}
.time-line-type .def-table td.bdb {
    border-bottom: 0;
}
.time-line-type .def-table td.pg-info {
    font-family:'Roboto-Medium',sans-serif;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.time-line-type .def-table .last-line td {
    border-bottom: 1px solid #e5e5e5 !important;
}
.time-line-type .pg-info.bg-type1 {
    color: #af5200;
    background: #fff1e5;
}
.time-line-type .pg-info.bg-type2 {
    color: #045788;
    background: #e9f7ff;
}
.time-line-type .pg-info.bg-type3 {
    color: #26028a;
    background: #eee8fe;
}
.time-line-type .pg-info.bg-type4 {
    color: #534d02;
    background: #fffde9;
}
.time-line-type .pg-info.bg-type5 {
    color: #134b02;
    background: #e4f8de;
}
.time-line-type .pg-info.bg-type6 {
    color: #dd0083;
    background: #fff2fc;
}

@media screen and (max-width: 768px) {
    .time-line-type .def-table th {
        font-size: 14px;
    }
    .time-line-type .def-table td {
        height: 20px;
    }
}


/*
	2024-09-11
	Abstract Submission & Topic css 추가
*/

/* Abstract Submission */
.abs-wrap {}
.abs-wrap .info-box {
	background-color: #f2f4ff;
	padding: 30px;
	color: #222;
	font-size:17px;
}

.abs-wrap .sub-contit-wrap {
	margin: 35px 0 20px;
}
.abs-wrap .abs-date {
	display:flex;
	gap:20px;
	align-items:center;
	justify-content:center;
	background-color: #feeef0;
	padding: 30px 0;
}
.abs-wrap .abs-date p {
	text-align: center;
	font-size: 20px;
	font-family:'Roboto-Medium',sans-serif;
	color: #222;	
}
.abs-wrap .abs-date p strong {
	display: block;
	font-size:26px;
	color: #bb1a2e;
	margin-top: 5px;
	font-family:'Roboto-Bold',sans-serif;
}
.abs-wrap .abs-step {
	width: 100%;
	height: 126px;
}
.abs-wrap .abs-step:after {
	clear: both;
	content:'';
	display: block;
}
.abs-wrap .abs-step li {
	position: relative;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    height: 100%;
    padding-left: 98px;
	font-size:20px;
	line-height: 1;
	color: #fff;
	font-family:'Roboto-Medium',sans-serif;
	text-align: left;
	letter-spacing: -1px;
	box-sizing:border-box;
}
.abs-wrap .abs-step li:nth-child(1) {
	padding-left: 30px;
}
.abs-wrap .abs-step li:before {
	position: absolute;
	content:'';
	top: 0;
	left: 0;
	width: 68px;
	height: 126px;
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 1;
}
.abs-wrap .abs-step li:nth-child(2):before{
	background-image: url('/image/sub/img_abs_step01_arr.png');
}
.abs-wrap .abs-step li:nth-child(3):before{
	background-image: url('/image/sub/img_abs_step02_arr.png');
}
.abs-wrap .abs-step li:nth-child(4):before{
	background-image: url('/image/sub/img_abs_step03_arr.png');
}
.abs-wrap .abs-step li:nth-child(1) {
	background-color: #657dd2;
}
.abs-wrap .abs-step li:nth-child(2) {
	background-color: #80c1ea;
}
.abs-wrap .abs-step li:nth-child(3) {
	background-color: #64c7c8;
}
.abs-wrap .abs-step li:nth-child(4) {
	background-color: #7bc16b;
}
.abs-wrap .abs-step li > span{
	display: block;
	font-size:17px;
	margin-bottom: 5px;
	font-weight: normal;
}
.abs-wrap .abs-step + .btn-wrap {
	margin-top: 25px;
}

/* .list-type.list-box-num {
	background-color: #f2f4ff;
	padding: 15px 35px;
}
.list-type.list-box-num li {
	font-size: 17px;
}
.list-type.list-box-num li span {
	margin-right: 5px;
} */

.abs-wrap p + .list-type,
.abs-wrap .list-type + p {
	margin-top: 6px;
}

.abs-wrap  .list-type ul {
	margin-top: 6px;
}

.abs-wrap .abs-info-desk {
	margin-top: 35px;
	background-color: #f2f4ff;
	padding: 15px 30px;
}
.abs-wrap .abs-info-desk dt {	
    padding-left: 28px;	
    text-align: left;
    background: url('../image/sub/sub_tit_dot.png') left top 0px / 18px no-repeat;
	font-size:18px;
	margin-bottom: 10px;
	font-family:'Roboto-Medium',sans-serif;
}
.popup-wrap.abs-topic:not(.win-popup-wrap) .popup-contents {
	border-radius:0;
	width: 700px;
	max-width: 700px;
	margin: 4vh auto;
}
.popup-wrap.abs-topic .popup-contit-wrap {
	background-color: #5c8cd3;
	padding: 23px 60px 23px 30px;
}
.popup-wrap.abs-topic .popup-contit-wrap h2 {
	color: #fff;
	line-height: 1;
	text-align: left;
}
.popup-wrap.abs-topic .btn-pop-close {
	top: 23px;
	background-image: url('../image/board/ic_popup_close_w.png');
}

.popup-wrap.abs-topic {
	display: none;
}
.abs-topic .popup-con{
	padding: 30px 0 30px 30px;
}
.abs-topic .popup-con .topic-box {
	overflow-y: auto;
	overflow-x: hidden;
	height: 720px;
	padding-right: 30px;
}
.abs-topic .popup-con .topic-box ul + .sub-contit-wrap {
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.abs-wrap .sub-contit-wrap {
		margin: 25px 0 10px;
	}
	
	.abs-wrap .info-box {
		background-color: #f2f4ff;
		padding: 15px;
		color: #222;
		font-size:14px;
	}
	.abs-wrap .abs-date {
		padding: 15px 0;
	}
	.abs-wrap .abs-date img {
		height:30px;
	}
	.abs-wrap .abs-date p {
		font-size:14px;
	}
	.abs-wrap .abs-date p strong {
		font-size:14px;
		margin-top: 0;
	}
	/* .list-type.list-box-num {
		padding: 15px;
	}
	.list-type.list-box-num li {
		position: relative;
		padding-left: 35px;
		font-size:14px;
	}
	.list-type.list-box-num li span {
		position: absolute;
		left: 0;
		top: 0;
	} */
	.abs-wrap .abs-step {
		height: auto;
	}
	.abs-wrap .abs-step li {		
		width: 25%;
		height: 63px;		
		padding: 5px 0 5px 24px;
		font-size:13px;
		box-sizing:border-box;
	}
	.abs-wrap .abs-step li p {
		display:flex;
		align-items:center;
		width: 100%;
		min-height: 26px;
	}
	.abs-wrap .abs-step li p span {
		width: 100%;
	}
	.abs-wrap .abs-step li:nth-child(3) {
		width: 27%;
	}
	.abs-wrap .abs-step li:nth-child(4){
		width: 23%;
	}
	.abs-wrap .abs-step li:nth-child(1) {
		padding-left: 15px;
	}
	.abs-wrap .abs-step li > span {
		font-size:13px;
		font-family:'Roboto-Light',sans-serif;
	}
	.abs-wrap .abs-step li:before {
		background-size:auto 63px;
		width: 19px;
		height: 63px;
	}
	.abs-wrap .abs-step li:nth-child(2):before{
		background-image: url('/image/sub/img_abs_step01_arr_m.png');	
	}
	.abs-wrap .abs-step li:nth-child(3):before{
		background-image: url('/image/sub/img_abs_step02_arr_m.png');
	}
	.abs-wrap .abs-step li:nth-child(4):before{
		background-image: url('/image/sub/img_abs_step03_arr_m.png');
	}
	.abs-wrap .abs-step + .btn-wrap {
		margin-top: 15px;
	}
	.abs-wrap .abs-info-desk {
		padding: 15px;
		margin-top: 20px;
	}
	
	.abs-wrap .abs-info-desk dt {	
		padding-left: 18px;	
		font-size:14px;
		margin-bottom: 10px;
		background: url('../image/sub/sub_tit_dot.png') left top 4px / 10px no-repeat;
	}
	.popup-wrap.abs-topic:not(.win-popup-wrap) .popup-contents {
		width: 90%;
		margin: 7vh auto;
	}
    .popup-wrap.abs-topic .btn-pop-close {
		top: 18px;
	}
	.popup-wrap.abs-topic .popup-contit-wrap h2{
		font-size:18px;
	}
	.popup-wrap.abs-topic .popup-contit-wrap {
		padding: 15px 60px 15px 15px;
	}
	.abs-topic .popup-con{
		padding: 15px 0 15px 15px;
	}
	.abs-topic .popup-con .topic-box {
		overflow-y: auto;
		overflow-x: hidden;
		height: 400px;
		padding-right: 15px;
	}
	.abs-topic .popup-con .topic-box ul + .sub-contit-wrap {
		margin-top: 15px;
	}
}
/* Topic */
.topic-wrap {}
.topic-wrap .sub-contit-wrap {
	margin: 35px 0 20px;
}
@media screen and (max-width: 768px) {
	.topic-wrap .sub-contit-wrap {
		margin: 25px 0 10px;
	}
}

/* Call for Submission > Workshop, Seminar *//* 241022 추가 */
.workshop {
	padding-inline: 20px;
    font-size: 17px;
    line-height: 1.47;
}
.workshop .sub-contit-wrap {
    margin-block: 30px 13px;
}
.workshop .bg-box {
	padding: 20px 30px;
    background-color: #f2f4ff;
}

.workshop .bg-box.info-box {
	padding: 30px;
}
.workshop .bg-box.session-types strong ~ strong {
    display: inline-block;
    margin-top: 10px;
}
.workshop .btn-wrap {
	margin-top: 26px;
	text-align: center;
}
.workshop .btn-wrap .btn.btn-type1 {
	padding: 16px 27px;
	border-radius: 3px;
	font-family: 'Roboto-Medium', 'Pretendard-SemiBold', sans-serif;
	font-size: 18px;
}

/* 2024-11-27 */
.workshop .workshop-date {
	display:flex;
	gap:20px;
	align-items:center;
	justify-content:center;
	background-color: #feeef0;
	padding: 30px 0;
}
.workshop .workshop-date p {
	text-align: center;
	font-size: 20px;
	font-family:'Roboto-Medium',sans-serif;
	color: #222;	
}
.workshop .workshop-date p strong {
	display: block;
	font-size:26px;
	color: #bb1a2e;
	margin-top: 5px;
	font-family:'Roboto-Bold',sans-serif;
}

/* Mobile */
@media screen and (max-width: 768px) {
	.workshop {
		padding-inline: 0px;
		font-size: 14px;
		line-height: 1.25;
	}
	.workshop .sub-contit-wrap {
		margin-block: 15px 7px;
	}
	.workshop .bg-box {
		padding: 10px 15px;
	}
	.workshop .bg-box.info-box {
		padding: 15px;
	}
	.workshop .btn-wrap {
		margin-top: 25px;
	}
	.workshop .btn-wrap .btn.btn-type1 {
		padding: 6px 16px;
		font-size: 15px;
	}
	
	.workshop .workshop-date {
		padding: 15px;
		gap:15px;
	}
	.workshop .workshop-date img {
		height:30px;
	}
	.workshop .workshop-date p {
		font-size:14px;
	}
	.workshop .workshop-date p strong {
		font-size:14px;
		margin-top: 0;
	}
}

/* layer popup */
.popup-wrap{
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.popup-tit-wrap{
    background-color: #fff;
    text-align: center;
}
.popup-tit-wrap img{
    max-width: 100%;
}
.popup-wrap:not(.win-popup-wrap) .popup-contents{
    overflow: hidden;
    position: relative;
    width: 90%;
    max-width: 660px;
    margin: 12vh auto;
    background-color: #fff;
    border-radius: 20px;
}
.popup-wrap:not(.win-popup-wrap) .popup-conbox{
    border: 0;
    padding: 0;
}
.popup-wrap.newsletter .popup-tit-wrap{
    padding-left: 70px;
    padding-right: 70px;
}
.popup-wrap.newsletter .popup-contit-wrap{
    padding: 60px 20px 17px;
    background-color: #fff;
    text-align: center;
}
.popup-wrap.newsletter .popup-contit{
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #171973;
}
.popup-wrap.newsletter .popup-con{
    padding: 30px;
    font-family: 'Pretendard-Regular', serif;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -0.025em;
}
.popup-wrap.newsletter .popup-con img{
    max-width: 100%;
    border: 1px solid #eee;
}
.popup-wrap.newsletter .popup-con:has(.em-text) {
    padding-top: 0;
}
.popup-wrap.newsletter .popup-con .em-text {
    font-family: 'Pretendard-Medium', serif;
    font-size: 20px;
    line-height: 1.4;
}
.popup-wrap .popup-con .nbd img {
    border: 0;
}
.popup-wrap.newsletter .popup-attach-con{
    width: calc(100% - 60px);
    padding: 25px 30px;
    margin: 0 auto;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background-color: #f8f8f8;
}
.popup-wrap.newsletter .popup-attach-con > a{
    display: block;
    padding: 2px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-image: url('../image/board/ic_file_down.png');
    font-size: 17px;
    letter-spacing: -0.05em;
    transition: 0.3s ease;
    word-break: break-all;
}
.popup-wrap.newsletter .popup-attach-con > a:hover{    
    background-image: url('../image/board/ic_file_down_on.png');
}
.popup-wrap.newsletter .btn-wrap{
    margin: 40px 0 0;
}
.popup-wrap.newsletter .btn-wrap .btn{
    display: inline-block;
    min-width: 115px !important;
    padding: 14px 47px;
    margin: 4px;
    border-radius: 5px;
    border: 1px solid transparent;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.025em;
    text-align: center;
}
.popup-wrap.newsletter .btn.btn-pop-cancel{
    background-color: #999;
    border-color: #999;
    color: #fff;
}
.popup-wrap.newsletter .btn.btn-pop-comfirm{
    background-color: #191c6b;
    border-color: #191c6b;
    color: #fff;
}
.popup-wrap.newsletter .popup-footer{
    padding: 17px 20px;
    background-color: #ebebeb;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
.popup-wrap .btn-pop-close{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../image/board/ic_popup_close.png');
}
.win-popup-wrap .popup-footer.type2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    padding: 10px 16px;
    background-color: #f5f7ff;
}
.win-popup-wrap .popup-footer.type2 button {
    position: unset;
    line-height: 1;
    text-transform: uppercase;    
    height: 28px;
    color: #fff;
    padding: 4px 10px 2px;
    border-radius: 3px;
    background-color: #3c4cde;
    font-size: 12px;
    letter-spacing: -0.03em;
    font-weight: 500;
}


/* 25.01.07 window popup */
.win-popup-wrap {
    display: block;
    width: 100%;
    max-width: 600px;
    background: none;
}
.win-popup-wrap .popup-contents{
    border: 1px solid #ebebeb;
}
.win-popup-wrap .popup-conbox{
    border: 0;
}
.win-popup-wrap .popup-footer{
    height: 45px;
    padding: 16px 15px;
    padding-right: 60px;
    position: relative;
    background-color: #ebebeb;
    font-size: 14px;
    letter-spacing: -0.05em;
    box-sizing: border-box;
}
.win-popup-wrap .popup-footer .btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 45px;
    padding: 15px 10px;
    background-color: #3b3b3b;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
/* Typa A */
.popup-wrap.type1 .popup-tit-wrap{
    padding: 20px;
    background-color: #fff;
    text-align: center;
}
.popup-wrap.type1 .popup-conbox{
    width: 100%;
    padding: 0;
    border: 0;
}
.popup-wrap.type1 .popup-conbox img {
    max-width: 100%;
    width: 100%;
}
.popup-wrap.type1 .popup-contit-wrap{
    padding: 17px 10px;
    background-color: #262d56;
    text-align: center;
}
.popup-wrap.type1 .popup-contit{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
}
.popup-wrap.type1 .popup-con{
    padding: 30px;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.025em;
}
.popup-wrap.type1 .popup-con img{
    max-width: 100%;
    border: 1px solid #eee;
}
.popup-wrap.type1 .popup-attach-con{
    width: calc(100% - 60px);
    padding: 25px 30px;
    margin: 0 auto;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background-color: #f8f8f8;
    box-sizing: border-box;
}
.popup-wrap.type1 .popup-attach-con > a{
    display: block;
    padding: 2px 0;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    background-image: url('../image/board/ic_file_down.png');
    font-size: 15px;
    letter-spacing: -0.05em;
    transition: 0.3s ease;
    word-break: break-all;
}
.popup-wrap.type1 .popup-attach-con > a:hover{    
    background-image: url('../image/board/ic_file_down_on.png');
}
.popup-wrap.type1 .btn-wrap{
    margin-top: 30px;
    margin-bottom: 20px;
}
.popup-wrap.type1 .btn-wrap .btn{
    padding: 13px 40px;
    margin: 4px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.05em;
}
.popup-wrap.type1 .btn.btn-pop-more{
    background-color: #505050;
}
.popup-wrap.type1 .btn.btn-pop-link{
    background-color: #262d56;
}

/* mypage > lecture 추가 - 26.03.06, ma.kal */
.win-popup-wrap.type-add-lecture {
    max-width: 100%;
}
.type-add-lecture .popup-conbox {
    padding: 45px;
}

/* 20241010 김수연 추가 */
.registration-wrap .sub-contit-wrap {
    margin: 50px 0 20px;
}

.registration-wrap .info-box{
    padding: 25px;
    background-color: #f2f4ff;
}
.registration-wrap .info-box + .btn-wrap{
    margin-top: 25px;
}

.registration-wrap .info-box.last{
    margin-top: 50px;
}
.registration-wrap .info-box.last .sub-contit-wrap {
    margin-top: 0;
}

.registration-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}
.registration-list .box {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0 10px 20px;
    border: 2px solid;
    border-radius: 10px 10px 10px 10px;
}
.registration-list img {
    margin-right: 25px;
}
.registration-list p {
    margin-bottom: 5px;
    font-size: 25px;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: normal;
}
.registration-list span {
    font-family: 'Roboto-Light', sans-serif;
    font-weight: normal;
    color: #666666;
}

.registration-list .box:nth-of-type(1) {
    border-color: #d8a747;
}
.registration-list .box:nth-of-type(1) p {
    color: #d8a747;
}
.registration-list .box:nth-of-type(2) {
    border-color: #9d222a;
}
.registration-list .box:nth-of-type(2) p {
    color: #9d222a;
}
.registration-list .box:nth-of-type(3) {
    border-color: #262d56;
}
.registration-list .box:nth-of-type(3) p {
    color: #262d56;
}

.procedure-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
    gap: 90px;
    list-style: none;
}
.procedure-list li {
    width: 25%;
    max-width: 202px;
    flex: 1 1 auto;
}
.procedure-list .img {
    position: relative;
    display: block;
    width: 100%;
}
.procedure-list .img img {
    width: 100%;
}
.procedure-list .img::after{
    content: '';
    position: absolute;
    right: -90px;
    top: 0;
    bottom: 0;
    width: 81px;
    background:url('../image/sub/img_procedure01_arrow.png')no-repeat center;
}
.procedure-list li:nth-of-type(2) .img::after{
    background-image:url('../image/sub/img_procedure02_arrow.png');
}
.procedure-list li:nth-of-type(3) .img::after{
    background-image:url('../image/sub/img_procedure03_arrow.png');
}
.procedure-list li:nth-of-type(4) .img::after{
    display: none;
}
.procedure-list p {
    margin-top: 20px;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: normal;
}

.registration-inner-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}
.btn-bank {
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1.2;
}
.btn-bank strong {
    display: block;
    font-size: 20px;
}

.registration-table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #e5e5e5;
    table-layout: fixed;
}
.registration-table th,
.registration-table td{
    padding: 10px 16px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    line-height: 1.4;
}
.registration-table thead th{
    padding: 10px 0;
    background-color: #edf0ff;
    font-family: 'Pretendard-Semibold', sans-serif;
    color: #111;
    border-bottom: 1px solid #e5e5e5;
}
.registration-table .nobd {
    border-left: 0;
}
.registration-table th.bd-l,
.registration-table td.bd-l{
    border-left: 1px solid #e5e5e5 !important;
}
.registration-table th:first-child,
.registration-table td:first-child{
    border-left: 0;
}
.registration-table th:last-child,
.registration-table td:last-child{
    border-right: 0;
}
.registration-table tbody th{
    font-family: 'Pretendard-Semibold', sans-serif;
    letter-spacing: -0.01em;
    background-color: #edf0ff;
}
.registration-table th.text-left,
.registration-table td.text-left{
    text-align: left;
}
.registration-table td strong{
    font-family: 'Pretendard-Semibold', sans-serif;
    letter-spacing: -0.01em;
}
.registration-table.al td {
    text-align: left;
    padding-left: 30px;
}

/*  Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
    .registration-list .box {
        padding: 10px 20px;
    }
    .registration-list img {
        width: 60px;
        margin-right: 10px;
    }
    .registration-list p {
        font-size: 20px;
        margin-top: 10px;
    }
    .procedure-list {
        gap: 75px;
    }
    .procedure-list .img::after {
        right: -60px;
        width: 50px;
        background-size: 50px auto;
    }
} 

/**/
.popup-wrap.bank .popup-contents {
    border-radius: 0;
}
.popup-wrap.bank .popup-contit {
    padding: 20px;
    background-color: #262d56;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: normal;
    line-height: 1.2;
}
.popup-wrap.bank .popup-contit strong{
    display: block;
    font-size: 32px;
    font-family: 'Roboto-Medium', sans-serif;
    font-weight: normal;
}
.popup-wrap.bank .popup-con {
    padding: 20px;
}
.popup-wrap.bank .table-wrap {
    margin: 20px 0;
}

/* */
.bank-table {
    border-top: 0;
}
.bank-table th, .bank-table td {
    border-left: 1px solid #fff;
}
.bank-table thead th {
    background-color: #f2f2f2;
    color: #222222;
    font-size: 16px;
    font-family: 'Roboto-Bold', sans-serif;
}
.bank-table tbody th {
    background-color: #edf0ff;
    color: #2f4cd3;
    font-weight: normal;
    font-family: 'Roboto-Regular', sans-serif;
}
.bank-table.al td {
    padding-left: 20px;
}

/* */
.fee-table {
    border-top: 0;
}
.fee-table th, .fee-table td {
    border-left: 1px solid #fff;
}
.fee-table thead th {
    background-color: #f2f2f2;
    color: #222222;
    font-size: 20px;
    font-family: 'Roboto-Bold', sans-serif;
}
.fee-table th span {
    display: block;
    color: #3c4a93;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Roboto-Regular', sans-serif;
}
.fee-table tbody th span {
    font-size: 0.9em;
}
.fee-table tbody th {
    background-color: #edf0ff;
    font-weight: normal;
    font-family: 'Roboto-Regular', sans-serif;
}

/* write */
.popup-wrap .help-text{
    font-size: 14px;
}
.popup-wrap .write-wrap{
    border-top: 2px solid #071854;
}
.popup-wrap .radio-group input + label, 
.popup-wrap .checkbox-group input + label {
    height: auto;
    font-family: 'Pretendard-Regular', serif;
    font-size: 16px;
    letter-spacing: -0.025em;
}

/* ==================================================

    * popup responsive
    
================================================== */
@media screen and (max-width: 768px){
    
    /* Type C */
    .popup-wrap:not(.win-popup-wrap) .popup-contents{
        margin: 7vh auto;
    }
    .popup-wrap.newsletter .popup-tit-wrap{
        padding-left: 40px;
        padding-right: 40px;
    }
    .popup-wrap.newsletter .popup-contit-wrap{
        padding: 50px 15px 10px;
    }
    .popup-wrap.newsletter .popup-contit{
        font-size: 22px;
    }
    .popup-wrap.newsletter .popup-con{
        padding: 10px 15px;
        font-size: 14px;
        line-height: 1.4;
    }
    .popup-wrap.newsletter .popup-attach-con{
        width: calc(100% - 30px);
        padding: 15px;
        border-radius: 3px;
    }
    .popup-wrap.newsletter .popup-attach-con > a{
        padding-left: 20px;
        background-size: 10px;
        background-position: 0 3px;
        font-size: 12px;
        line-height: 1.3;
    }
    .popup-wrap.newsletter .btn-wrap{
        margin: 20px 0;
    }
    .popup-wrap.newsletter .btn-wrap .btn{
        padding: 7px 25px;
        margin: 2px;
        border-radius: 3px;
        font-size: 14px;
    }
    .popup-wrap.newsletter .popup-footer{
        padding: 9px 15px;
        font-size: 12px;
    }
    .popup-wrap .btn-pop-close{
        top: 18px;
        right: 15px;
        width: 25px;
        height: 25px;
        background-size: 20px;
    }

    .win-popup-wrap .popup-footer{
        padding: 9px 15px;
        padding-right: 50px;
        height: 30px;
        font-size: 12px;
    }
    .win-popup-wrap .popup-footer .btn{
        width: auto;
        height: 30px;
        padding: 10px 15px;
        font-size: 12px;
        text-align: center;
    }

    .popup-wrap:not(.win-popup-wrap) .popup-contents{
        margin: 3vh auto;
        border-radius: 10px;
    }

    /* Type A */
    .popup-wrap.type1 .popup-tit-wrap{
        padding: 15px;
    }
    .popup-wrap.type1 .popup-contit-wrap{
        padding: 15px;
    }
    .popup-wrap.type1 .popup-contit{
        font-size: 20px;
    }
    .popup-wrap.type1 .popup-con{
        padding: 20px 15px;
        font-size: 14px;
        line-height: 1.4;
    }
    .popup-wrap.type1 .popup-attach-con{
        width: calc(100% - 30px);
        padding: 15px;
        border-radius: 3px;
    }
    .popup-wrap.type1 .popup-attach-con > a{
        padding-left: 20px;
        background-size: 10px;
        background-position: 0 3px;
        font-size: 12px;
        line-height: 1.3;
    }
    .popup-wrap.type1 .btn-wrap{
        margin-top: 20px;
    }
    .popup-wrap.type1 .btn-wrap .btn{
        padding: 8px 25px;
        margin: 2px;
        font-size: 14px;
    }

    /* base */
    /* write */
    .popup-wrap .help-text{
        font-size: 12px;
    }

    /* form */
    .popup-wrap .form-item{
        height: 30px;
        margin: 1px;
        padding: 0 10px;
    }
    
    /* radio, checkbox */
    .popup-wrap .radio-wrap, 
    .popup-wrap .checkbox-wrap{
        gap: 0 15px;
    }
    .popup-wrap .radio-group input + label, 
    .popup-wrap .checkbox-group input + label {
        font-size: 14px;
    }
}

/* ==================================================

    Registration
    
================================================== */
.regi-wrap .write-wrap dt {
    width: 20%;
}
.regi-wrap .radio-group input + label {
    height: auto;
}
.regi-wrap .cst-table td .radio-group {
    margin: 0;
}
.radio-group input:disabled + label {
    color: #ddd;
    cursor: default;
}
.radio-group input:disabled + label:after {
    background: #e5e5e5;
}
.write-wrap dl dd:has(.inner-table-wrap) {
    padding: 0;
}
.write-wrap dl .inner-table-wrap .cst-table td {
    border-bottom: 0;
    text-align: left;
}
.info-txt-box + .write-wrap {
    margin-top: 40px;
}
.info-txt-box {
    margin-top: 10px;
}
.info-txt-box p {
    line-height: 1.2;
}
.info-txt-box p > a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.regi-wrap .write-tit-wrap.type2 {
    background-color: #f6f6ff;
    border-bottom: 1px solid #ddd;
}
.regi-wrap .write-tit-wrap.type2 h5 {
    font-family: 'Pretendard-SemiBold';
    color: #39425f;
}
.regi-wrap .write-wrap .bg-desc {
    background-color: #f6f6ff;
} 
.regi-wrap .file-box .attach {
    background: #fff5de;
}
.price-box{
    letter-spacing: -0.025em;
    text-align: center;
}
.price-box + .sub-contit-wrap {
   margin-top: 60px;
}
.border-box.price-box {
    margin-top: 60px;
    border-color: #eeebfd;
}
.price-box .tit{
    display: inline;
    font-family: 'Pretendard-SemiBold';
    font-size: 35px;
    color: #2b2b95;
    box-shadow: inset 0 -16px 0 0 #f5e2ff;
    vertical-align: top;
}
.price-detail {
    margin-top: 6px;
}
.price-detail p {
    position: relative;
    display: inline;
    font-family: 'Pretendard-Medium';
    font-size: 22px;
}
.price-detail p + p {
    margin-left: 16px;
    padding-left: 16px;
}
.price-detail p + p:before {
    content: '';
    position: absolute;
    top: 8px;
    left: -0.5px;
    display: block;
    width: 1px;
    height: 14px;
    background: #8668e1;
}
.payment-info {
    margin-top: 15px;
}
.write-wrap.inner-box {
    margin-top: 16px;
    border-width: 1px;
    border-color: #ddd
}
.cancelation-info .sub-contit-wrap {
    padding: 15px 0;
    margin-bottom: 0;
    background-color: #373665;
}
.cancelation-info .sub-contit-wrap h4 {
    font-size: 18px;
    color: #fff;
    background: none;
}
.cancelation-info .detail-box {
    padding: 30px 40px 0;
    border: 1px solid #ddd;
}
.cancelation-info .list-type {
    margin-bottom: 18px;
}
.cancelation-info .flex-box {
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
}
.cancelation-info .flex-box .box {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    padding: 30px 45px;
    border-radius: 10px;
    border: 1px solid #f9f0d4;
    text-align: center;
    background: #fffdf9 url(/image/sub/img_regi1.png) left 18px top 10px / 32px no-repeat;
}
.cancelation-info .flex-box .box P {
    font-size: 18px;
    color: #9f6407;
}
.cancelation-info .flex-box .box P strong {
    display: block;
    margin-top: 10px;
    font-size: 26px;
    color: #373665;
}
.cancelation-info .checkbox-wrap{
    width: 100%;
    margin-top: 40px;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ddd;
	box-sizing:border-box;
}
.cancelation-info .checkbox-wrap label{
    padding-left: 30px;
    font-size: 16px;
	font-family: 'Roboto-Regular', sans-serif;
	height: 20px;
}
.cancelation-info .checkbox-group input + label:before{
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid #373665;
    border-radius: 2px;
    background-color: transparent;
    background-image: none;
}
.cancelation-info .checkbox-group input:checked + label:before{
    width: 18px;
    height: 18px;
    border-color: #373665;
    background-color: #373665;
    background-repeat: no-repeat;
    background-position:  center;
    background-image: url('../image/sub/ic_checkbox.png');
}
.bg-box.bg-info-box {
    margin-bottom: 50px;
    padding: 20px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 20px;
    text-align: center;
    word-break: keep-all;
}
.bg-box.bg-info-box.type1 {
    border: 1px solid #edcdd9;
    background: #fff7fb;
}
.bg-box.bg-info-box.type1 .tit {
    color: #cb3f73;
}
.bg-box.bg-info-box.type2 {
    border: 1px solid #cde2ed;
    background: #f7fdff;
}
.bg-box.bg-info-box.type2 .tit {
    color: #3b79d6;
}
.regi-wrap .sub-contit-wrap.type-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.regi-wrap .sub-contit-wrap .btn-wrap .btn {
    min-width: unset;
}
.regi-wrap .sub-contit-wrap .btn-wrap {
    margin-top: 0;   
}
.regi-wrap .file-box .btn-file-sch input {
    width: calc(100% - 105px);
}
.write-wrap.type-wide dt {
    width: 40%;
}


@media screen and (max-width: 768px){
    .regi-wrap .write-wrap dt {
        width: 100%;
    }
    .regi-wrap .write-tit-wrap h5,
    .regi-wrap .write-tit-wrap.type2 h5 {
        font-size: 16px;
    }
    .regi-wrap .write-tit-wrap.type2 {
        padding: 10px;
    }
    .write-wrap dl .inner-table-wrap .cst-table td.nbdt {
        border-top: 0;
    }
    .write-wrap dl .inner-table-wrap .cst-table td {
        padding: 10px 8px;
        font-size: 14px;
    } 
    .price-box .tit {
        font-size: 20px;
        box-shadow: inset 0 -8px 0 0 #f5e2ff;
    }   
    .price-detail p {
        display: block;
        font-size: 16px;
    }
    .price-detail p + p {
        margin-top: 4px;
        margin-left: 0px;
        padding-left: 0px;
    }
    .price-detail p + p:before {
        display: none;
    }
    .cancelation-info .detail-box {
        padding: 20px 25px 0;
    }
    .cancelation-info .checkbox-wrap {
        margin-top: 25px;
        padding: 15px 0;
    }
    .cancelation-info .checkbox-wrap label {
        padding-left: 26px;
        font-size: 14px;
        height: auto;
    }
    .cancelation-info .checkbox-group input + label:before {
        width: 16px;
        height: 16px;
    }
    .cancelation-info .checkbox-group input:checked + label:before{
        width: 16px;
        height: 16px;
    }
    .cancelation-info .flex-box {
        flex-direction: column;
        row-gap: 10px;
    }
    .cancelation-info .flex-box .box {
        padding: 15px 30px;
        border-radius: 6px;
        background: #fffdf9 url(/image/sub/img_regi1.png) left 8px top 5px / 16px no-repeat;
    }
    .cancelation-info .flex-box .box P {
        font-size: 14px;
    }
    .cancelation-info .flex-box .box P strong {
        margin-top: 4px;
        font-size: 16px;
    }
    .regi-wrap .sub-contit-wrap.type-flex {
        display: block;
    }
    .regi-wrap .write-form-wrap .btn-wrap {
        margin-top: 10px;
    }
    .regi-wrap .write-form-wrap .btn.btn-type2 {
        padding: 5px 16px;
    }
    .bg-box.bg-info-box {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .border-box.price-box,
    .price-box + .sub-contit-wrap {
        margin-top: 30px;
    }
    .regi-wrap .file-box .btn-file-sch input,
    .regi-wrap .file-box input[type='text'].form-item {
        width: calc(100% - 85px);
    }    

    /* 241010 김수연 추가 */
    div.wrapper:has(.registration-wrap) { 
        min-width: 640px;
    }
    .registration-wrap .sub-contit-wrap {
        margin: 25px 0 10px;
    }
    .registration-wrap .info-box{
        padding: 15px;
    }
    .registration-wrap .info-box.last {
        margin-top: 25px;
    }
    .registration-list {
        gap: 10px;
    }
    .registration-list .box {
        padding: 10px;
    }
    .registration-list .box img {
        max-width: 50px;
    }
    .registration-list p {
        font-size: 18px;
    }
    .btn-bank {
        margin-top: 10px;
        font-size: 14px;
    }
    .btn-bank strong {
        font-size: 16px;
    }
    .procedure-list .img::after {
        right: -55px;
        width: 40px;
        background-size: 40px auto;
    }
    .procedure-list p {
        margin-top: 10px;
    }

    .fee-table thead th {
        font-size: 16px;
    }
    .fee-table th span {
        font-size: 14px;
    }
    .popup-wrap.bank .popup-contit {
        font-size: 16px;
    }
    .popup-wrap.bank .popup-contit strong {
        font-size: 22px;
    }
    /* 241010 김수연 추가
    .registration-list {
        flex-direction: column;
    }
    .registration-list .box {
        flex-direction: column;
        padding: 15px;
    }
    .registration-wrap .sub-contit-wrap {
        margin: 25px 0 10px;
    }
    .registration-wrap .info-box{
        padding: 15px;
    }

    .procedure-list {
        flex-wrap: wrap;
        gap: 0;
        margin-bottom: -10px;
    }
    
    .procedure-list li {
        flex: unset;
        width: calc(50% - 35px);
        max-width: none;
        margin-bottom: 10px;
    }
    .procedure-list .img img {
        max-width: 202px;
    }
    .procedure-list li:nth-of-type(2) .img::after {
        display: none;
    }

    .registration-inner-btn {
        flex-direction: column;
        margin-bottom: 10px;
    }*/
}

@media screen and (max-width: 425px){    
    .cancelation-info .checkbox-wrap {
        margin-top: 25px;
        padding: 15px 0px;
        text-align: left;
    }
}

/* 24.11.05 Registration 갈미애 추가 */
.count-num-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
}
.count-num-wrap .num-group {
    text-align: center;
    vertical-align: middle;
}
.count-num-wrap .num-group input[type='button'] {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 0;
    line-height: 0;    
    border: 2px solid #e5e5e5;    
    border-radius: 100%;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.count-num-wrap .num-group.minus input[type='button'] {
    background-image: url(../image/sub/ic_minus.png);
}
.count-num-wrap .num-group.plus input[type='button'] {
    background-image: url(../image/sub/ic_plus.png);
}
.count-num-wrap .fee {
    position: relative;
}
.count-num-wrap .fee.krw:before {
    content: 'KRW';
    margin-right: 4px;
}
.count-num-wrap .fee.usd:before {
    content: 'USD';
    margin-right: 4px;
}

/* 24.11.29 Accommodations 추가 */
.accom-wrap {}
.accom-wrap .bg-box {
	background-color: #f2f4ff;
	padding: 30px;
	font-size:17px;	
}
.accom-wrap .bg-box p , .accom-wrap .bg-box .list-type li {
	line-height: 1.5;
}
.accom-wrap .bg-box .list-type-decimal {
	padding: 35px 0;
}
.accom-wrap .bg-box .list-type-decimal li:before, .accom-wrap .bg-box .list-type-decimal li strong {
	color: #262d56;
	font-family: 'Roboto-Medium',sans-serif;
} 
.accom-wrap .accom-map {
	margin-top: 30px;
}
.accom-wrap .accom-map iframe {
	display: block; width: 100%; height: 555px;
}
.accom-wrap .table-wrap {margin-top: 30px;}
.accom-wrap .table-wrap table {border-top: 0;}
.accom-wrap .table-wrap table th {
	border-color: #fff;
	background-color: #b7c4f3;
	padding: 25px 0;
	font-size:20px;
}
.accom-wrap .table-wrap td {
	padding: 15px;
}
.accom-wrap .table-wrap .num {
	background-color: #edf0ff;
}
.accom-wrap .table-wrap .grade {
	font-size:0;
}
.accom-wrap .table-wrap .grade img {
	display: inline-block;
	vertical-align: top;
}
.accom-wrap .table-wrap .grade img + img {
	margin-left: 3px;
}
.accom-wrap .table-wrap td.btn-wrap {
	padding: 6px 15px;
}
.accom-wrap .table-wrap td.btn-wrap .btn-link {
	display: inline-block;
	padding: 7px 15px;
    margin: 2px;
	border-radius:5px;
	color: #fff;
	font-family: 'Pretendard-Bold',sans-serif;
	font-style: italic;
	font-size:17px;
	border: 1px solid rgba(255,255,255,0.5);
	border-bottom: 2px solid rgba(0,0,0,0.5);
	background: linear-gradient(238deg,#23c197,#65c775);
	text-shadow : 1px 0 2px rgba(58,56,54,0.46);
	box-sizing:border-box;
}
.accom-wrap .table-wrap td.btn-wrap .btn-link.type1{
	background: linear-gradient(238deg,#ff732e,#f8bb17);
}
.accom-wrap .table-wrap td.btn-wrap .btn-link:after {
	display: inline-block;
	content:'';
	vertical-align: top;
	width: 25px;
	height: 25px;
	background: url('/image/sub/ic_accom_arr.png') no-repeat center top;
	margin-left: 5px;
} 

@media screen and (max-width: 961px){   	
	.accom-wrap .bg-box {
		padding: 15px;
		font-size:12px;
	}
	.accom-wrap .bg-box .list-type-decimal {
		padding: 25px 0;
	}	
	.accom-wrap .accom-map {
		margin-top: 15px;
	}
	.accom-wrap .accom-map iframe{
		height: 275px;
	}
	.accom-wrap .table-wrap {
		margin-top: 15px;
	}
	.accom-wrap .table-wrap table th {
		font-size:16px;
		padding: 10px 0;
	}
	.accom-wrap .table-wrap table td,.accom-wrap .table-wrap table td.btn-wrap {
		padding: 5px 10px;
	}
	.accom-wrap .table-wrap .grade img {
		height: 10px;
	}
	.accom-wrap .table-wrap td.btn-wrap .btn-link {
		font-size : 14px;
		padding: 4px 10px;
	}
	.accom-wrap .table-wrap td.btn-wrap .btn-link:after {
		height: 13px;
		width: 13px;
		background-size:13px;
		margin-top: 3px;
	}
}


/* ========================================================================================================== */
/* ================================================ Sponsorship =============================================== */
/* ========================================================================================================== */


/* ================================================ Sponsor / Exhibitor =============================================== */
.sponsor-con-wrap .sub-contit-wrap {
	margin-bottom: 20px;
}
.sponsor-con-wrap * + .sub-contit-wrap {
	margin-top: 40px;
}
.sponsor-con-wrap .bg-box {
	padding: 30px;
	background-color: #f2f4ff;
}
.sponsor-con-wrap .align-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.past-wonca-wrap > .align-wrap {
	margin-top: 60px;
	align-items: center;
}
.past-wonca-wrap > .align-wrap > .img-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.past-wonca-wrap > .align-wrap > .img-wrap > img:nth-child(2) {
	margin: 0 25px;
}
.past-info {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 60px;
}
.past-info > li {
	position: relative;
	border-radius: 5px 5px 5px 45px;
	background: linear-gradient(-139deg, #d4ddff, #c9eaff);
	letter-spacing: -0.05rem;
}
.past-info > li > div {
	position: absolute;
	top: -20px;
	right: 20px;
	padding: 20px 14px;
	color: #262d56;
	border-radius: 5px 5px 5px 40px;
	box-shadow: 3px 0 5px rgba(166, 183, 204, 0.35);
}
.past-info > li > p {
	padding-top: 90px;
	padding-bottom: 26px;
	padding-right: 20px;
	text-align: right;
	background-repeat: no-repeat;
	background-position: left 20px top 15px;
}
.past-info > li > p > strong {
	font-size: 40px;
	font-weight: 500;
}
.jeju > .img-wrap > img:nth-child(1) {
	border: 3px solid #89d1ff ;
	border-radius: 5px;
}
.jeju .past-info > li > div {
	background-color: #89d1ff;
}
.jeju .past-info > li:nth-child(1) > p {
	background-image: url('/image/sub/img_past01_01.png');
}
.jeju .past-info > li:nth-child(2) > p {
	background-image: url('/image/sub/img_past01_02.png');
}
.jeju .past-info > li:nth-child(3) > p {
	background-image: url('/image/sub/img_past01_03.png');
}
.jeju .past-info > li > p > strong {
	color: #2d2d83;
}
.seoul > .img-wrap > img:nth-child(1) {
	border: 3px solid #2d2d83 ;
	border-radius: 5px;
}
.seoul .past-info > li > div {
	color: #fff;
	background-color: #2d2d83;
}
.seoul .past-info > li:nth-child(1) > p {
	background-image: url('/image/sub/img_past02_01.png');
}
.seoul .past-info > li:nth-child(2) > p {
	background-image: url('/image/sub/img_past02_02.png');
}
.seoul .past-info > li:nth-child(3) > p {
	background-image: url('/image/sub/img_past02_03.png');
}
.seoul .past-info > li > p > strong {
	color: #2d2d83;
}
.seoul .past-info > li > p > strong {
	color: #0c98e0;
}
.sponsor-con-wrap .align-wrap:has(.spon-oppor-con) {
	gap: 30px;
}
.spon-oppor-con > p {
	line-height: 1.2;
}
.spon-oppor-con > p + p{
	margin: 15px 0;
}
.spon-oppor-con li {
	font-family: 'Roboto-Medium', sans-serif;
}
@media screen and (max-width: 961px){
	.sponsor-con-wrap .sub-contit-wrap {
		margin-bottom: 10px;
	}
	.sponsor-con-wrap * + .sub-contit-wrap {
		margin-top: 20px;
	}
	.sponsor-con-wrap .bg-box {
		padding: 15px;
	}
	.past-wonca-wrap > .align-wrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-top: 30px;
	}
	.past-info {
		width: 100%;
		flex: 1;
		grid-gap: 15px;
	}
	.past-info > li > div {
		top: -10px;
    right: 10px;
    padding: 5px 7px;
		font-size: 12px;
		border-radius: 3px 3px 3px 20px;
		line-height: 1.2;
	}
	.past-info > li > p {
    padding-top: 45px;
    padding-bottom: 13px;
    padding-right: 10px;
		padding-left: 5px;
		font-size: 14px;
		background-size: auto 35px;
		background-position: left 10px top 7px;
	}	
	.past-info > li > p > strong {
		font-size: 28px;
	}
	.past-wonca-wrap > .align-wrap > .img-wrap > img:nth-child(1) {
		max-width: 185px;	
	}
	.past-wonca-wrap > .align-wrap > .img-wrap > img:nth-child(2) {
		max-width: 45px;
	}
	.sponsor-con-wrap .align-wrap:has(.spon-oppor-con) {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.spon-oppor-con > p + p {
		margin: 7px 0;
	}
}
@media screen and (max-width: 440px){
	.past-info > li > p {
		background-size: auto 22px;
		background-position: left 10px top 28px;
	}	
}


/* 24.12.11 Plenary Speakers 추가 */
.speaker-cont-wrap .sub-con-wrap + .sub-contit-wrap {
    margin-top: 80px;
}
.plenary-list,
.invited-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-right: -40px;
}
.plenary-list > li,
.invited-list > li {
    width: calc(100%/2 - 40px);
    list-style: none;
}
.speaker-wrap {
    display: flex;    
    column-gap: 20px;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 30px bottom 20px;
}
.speaker-wrap.no-data {
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #e8e8f1;
    background-color: #fff;
}
.speaker-wrap .img-wrap {
    overflow: hidden;
    width: 170px;
    height: 182px;
    border-radius: 10px;
}
.speaker-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.speaker-wrap .text-box {
    display: flex;
    flex-direction: column;
    width: calc(100% - 170px);
    padding: 10px 0 0px;
}
.speaker-wrap .text-box .tit {
    margin-bottom: 20px;
    font-family: 'Roboto-Bold';
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.025em;
    color: #000;
}
.speaker-wrap .text-box .date {
    margin-bottom: 5px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: #3050c5;
}
.speaker-wrap .text-box .name {
    position: relative;
    margin-top: auto;
    padding-left: 16px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 20px;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: #333;
}
.speaker-wrap .text-box .name > span {
    display: block;
    margin-top: 5px;
    font-family: 'Roboto-Light';
    font-size: 16px;    
    color: #666;
}
.speaker-wrap .text-box .name:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 5px;
    height: 88%;
    border-radius: 10px 0 0 10px;
    background-color: #2f3970;
}
.speaker-wrap .text-box .btn-wrap {
    margin-top: 10px;
    text-align: right;
}
.plenary-list > li.no-data,
.invited-list > li.no-data {
    width: 100%;
    padding: 24px 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
}
.plenary-list > li.no-data > img,
.invited-list > li.no-data > img {
    max-width: 100%;
}

.regi-border-box {   
    margin: 6px 0;   
    padding: 12px 6px;
    border: 1px solid #57579e;  
    border-width: 1px 0;    
    background-color: #f6f6ff;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .sub-contit-wrap + .sub-con-wrap {
        margin-top: 0;
    }
    .speaker-cont-wrap .sub-con-wrap + .sub-contit-wrap {
        margin-top: 40px;
    }
    .plenary-list,
    .invited-list {
        gap: 20px;
        margin-right: 0;   
    }
    .plenary-list > li,
    .invited-list > li {
        width: 100%;
    }
    .speaker-wrap {
        column-gap: 10px;
        padding: 10px 10px;
        background-position: right 20px bottom 10px;
        background-size: 54px;
    }
    .speaker-wrap.no-data {
        padding: 30px 20px;
        font-size: 16px;
        color: #dbdbe9;
    }
    .speaker-wrap .img-wrap {
        width: 80px;
        height: 100px;
        border-radius: 5px;
    }
    .speaker-wrap .text-box {
        width: calc(100% - 85px);
        padding: 0 0 0;
    }
    .speaker-wrap .text-box .tit {
        font-size: 16px;
    }
    .speaker-wrap .text-box .date {
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 1.2;
    }
    .speaker-wrap .text-box .name {
        padding-left: 10px;
        font-size: 14px;
    }
    .speaker-wrap .text-box .name > span {
        margin-top: 2px;
        font-size: 12px;
    }
    .speaker-wrap .text-box .name:before {
        top: 1px;
        width: 3px;
        height: 90%;
    }
    .speaker-wrap .text-box .btn-wrap a > img {
        width: 60px;
    }
    .plenary-list > li.no-data, 
    .invited-list > li.no-data {
        padding: 10px 5px;
    }
}


/* Social Programs 24-12-18*/
.social-cont-wrap {
	display:flex;
	flex-direction:row-reverse;
	gap:110px;
}
.social-cont-wrap + .social-cont-wrap,
.social-info + .social-cont-wrap {
	margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #eee;
}
.social-cont-wrap .list-type.list-type-dot > li {
	padding-left: 19px;
	text-align: justify;	
}
.social-cont-wrap .list-type.list-type-dot > li:before {
	background-color: #222;
	width: 4px;
	height: 4px;
	border-radius:0;
}
.social-cont-wrap p {
	padding: 20px;
	text-align: justify;	
	margin-top: 20px;
    background-color: #f2fafb;
}
.social-cont-wrap .list-type.list-type-dot > li span,
.social-info .list-type > li > span {
	color: #317afc;
	font-family: 'Roboto-Bold',sans-serif;
}
.social-cont-wrap + .social-info {
    margin-top: 20px;
}
.social-info .list-type > li {
    padding-left: 24px;    
    background-repeat: no-repeat;
    background-position: left top 3px;
}
.social-info .list-type > li.date {
    background-size: 14px;
    background-image: url(../image/sub/ic_social2.png);
}
.social-info .list-type > li.location {
    background-size: 12px;
    background-image: url(../image/sub/ic_social1.png);
}
.social-info .list-type > li.fee {
    background-size: 10px;
    background-image: url(../image/sub/ic_social3.png);
}
.social-info .list-type > li.course {
    background-size: 14px;
    background-image: url(../image/sub/ic_social4.png);
}
.social-info .list-type > li .img-wrap {
    margin-top: 10px;
}
.social-info .list-type > li .img-wrap img {
    max-width: 100%;
    width: 100%;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .social-cont-wrap + .social-cont-wrap, 
    .social-info + .social-cont-wrap {
        margin-top: 30px;
        padding-top: 30px;
    }
	.social-cont-wrap {
		flex-direction:column;
		gap:20px;
	}
	.social-cont-wrap .img-wrap img {
		display: block;	
		width: 100%;
	}
	.social-cont-wrap .list-type.list-type-dot > li {
		padding-left: 10px;
		text-align: left;	
	}
	
	.social-cont-wrap .list-type.list-type-dot > li:before {
		width: 2px;
		height: 2px;
	}
	.social-cont-wrap p {
		padding: 10px;
		text-align: left;	
		margin-top: 10px;
	}
    .social-info .list-type > li{
        padding-left: 20px;
        background-position: left top 1px;
    }
}

/* Invitation Letter */
.write-wrap .btn-invitation {
    align-items: center;
    appearance: button;
    background-color: #263ba4;
    border-radius: 8px;
    border-style: none;
    box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    max-width: 160px;
    font-size: 14px;
    font-family: 'Pretendard-Regular', sans-serif;
    line-height: 1;
    margin: 2px;
    padding: 10px 14px;
    text-align: center;
    text-transform: none;
    transition: color .13s ease-in-out,background .13s ease-in-out,opacity .13s ease-in-out,box-shadow .13s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}
.write-wrap .btn-invitation:active {
    background-color: #263ba4;
}
.write-wrap .btn-invitation:hover {
    background-color: #1C84FF;
}

/* Awards, 25.02.06, ma.kal */
.awards-wrap .image-wrap + .sub-con-wrap {
    margin-top: 50px;
}
.awards-wrap .image-wrap {
    background-color: #111;
}
.awards-wrap .image-wrap img {
    max-width: 100%;
}
.awards-wrap .flex-info-box ul {
    display: flex;
    column-gap: 40px;
    margin-right: -40px;
}
.flex-info-box ul > li {
    display: flex;
    align-items: center;
    height: 140px;
    width: calc(50% - 40px);
    padding: 0 20px 0 160px;
    font-size: 20px;
    line-height: 1.6;
    box-sizing: border-box;
    word-break: keep-all;
    box-shadow: rgba(0, 0, 0, 0.07) 7px 8px 0px;
}
.flex-info-box ul > li strong {
    color: #465bd0;
}
.flex-info-box ul > li.info1 {
    background: url(../image/sub/ic_award1.png) left 40px center no-repeat, linear-gradient(90deg, rgba(199,244,255,1) 0%, rgba(192,202,255,1) 100%);
}
.flex-info-box ul > li.info2 {
    background: url(../image/sub/ic_award2.png) left 40px center no-repeat, linear-gradient(90deg, rgba(199,244,255,1) 0%, rgba(192,202,255,1) 100%);
}
.flex-info-box ul > li + li {
    margin-top: 0;
}
.awards-wrap .info-border-box {
    border: 1px solid #cb97e7;
    box-sizing: border-box;
}
.awards-wrap .info-border-box .bg-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 160px;
    padding: 0 60px 0 200px;
    font-size: 20px;
    line-height: 1.6;
    background: #f1e3f5 url(../image/sub/ic_award3.png) left 35px center no-repeat;
}
.awards-wrap .info-border-box .bg-box .em {
    color: #9359b5;
}
.awards-wrap .info-border-box .text-box {
    padding: 30px 30px;
}
.awards-wrap .info-border-box .text-box .note {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 25px;
    color: #262d56;
    letter-spacing: -0.035em;
}
.awards-wrap .info-border-box .text-box .note > span {
    font-family: inherit;
    color: #ff0000;
}
.info-border-box .text-box .numb-box {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 0 0 90px;
    font-size: 17px;
    line-height: 1.3;
    color: #666;
    box-sizing: border-box;
}
.info-border-box .text-box .numb-box.type1 {
    background: url(../image/sub/ic_award_num1.png) left center no-repeat;
}
.info-border-box .text-box .numb-box.type2 {
    background: url(../image/sub/ic_award_num2.png) left center no-repeat;
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .awards-wrap .image-wrap {
        margin: -15px -15px 0;
    }
    .awards-wrap .flex-info-box ul {
        display: block;
        margin-right: 0;
    }    
    .flex-info-box ul > li {
        height: auto;
        min-height: 80px;
        width: 100%;
        padding: 20px 20px 20px 70px;
        font-size: 15px;
        line-height: 1.3;
        box-shadow: rgba(0, 0, 0, 0.07) 4px 4px 0px;
    }
    .flex-info-box ul > li.info1 {
        background: url(../image/sub/ic_award1.png) left 15px center / 42px no-repeat, linear-gradient(90deg, rgba(199,244,255,1) 0%, rgba(192,202,255,1) 100%);
    }
    .flex-info-box ul > li.info2 {
        background: url(../image/sub/ic_award2.png) left 15px center / 42px no-repeat, linear-gradient(90deg, rgba(199,244,255,1) 0%, rgba(192,202,255,1) 100%);
    }
    .flex-info-box ul > li + li {
        margin-top: 10px;
    }
    .awards-wrap .info-border-box .bg-box {
        display: block;
        height: auto;
        padding: 20px 15px 15px 70px;
        font-size: 15px;
        line-height: 1.3;
        text-align: left;
        background: #f1e3f5 url(../image/sub/ic_award3.png) left 15px top 15px / 42px no-repeat;
    }
    .awards-wrap .info-border-box .text-box {
        padding: 15px 15px;
    }
    .awards-wrap .info-border-box .text-box .note {
        margin-bottom: 5px;
        font-size: 18px;
    }
    .info-border-box .text-box .numb-box {
        height: auto;
        min-height: 44px;
        padding: 0 0 0 35px;
        font-size: 13px;
        line-height: 1.3;
        text-align: left;
    }
    .info-border-box .text-box .numb-box.type1 {
        background: url(../image/sub/ic_award_num1.png) left center / 30px no-repeat;
    }
    .info-border-box .text-box .numb-box.type2 {
        background: url(../image/sub/ic_award_num2.png) left center / 30px no-repeat;
    }
}

/* Program at Glance 수정, 25.02.14, ma.kal */
div.contents.type-wide {
    max-width: 1600px;
}
.def-table.tbl-type-wide th, 
.def-table.tbl-type-wide td {    
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: -0.035em;
    border-color: #bec1d3;
}
.def-table.tbl-type-wide th {
    padding: 10px 4px;
}
.def-table.tbl-type-wide td {
    padding: 26px 6px;
}
.def-table.tbl-type-wide td.time {
    padding: 20px 0px;
    letter-spacing: -0.045em;
}
.def-table.tbl-type-wide td.vat {
    vertical-align: top;
}
.def-table.tbl-type-wide td.pg-info {
    border-top: 1px solid #bec1d3;
    border-bottom: 1px solid #bec1d3;
    cursor: pointer;
}
.def-table.tbl-type-wide td.pg-info.no-cursor {
    cursor: default;
}
.def-table.tbl-type-wide td.pg-info > strong {
    display: inline-block;
    padding: 3px 0;
    font-size: 17px;    
}
.def-table.tbl-type-wide .pg-info.bg-type1 {
    background: #ffffc0;
}
.def-table.tbl-type-wide .pg-info.bg-type2 {
    color: #045788;
    background: #f1f7fd;
}
.def-table.tbl-type-wide .pg-info.bg-type2 .em {
    color: #fd3e01;
    font-size: 15px;
    padding: 0;
    letter-spacing: -0.035em;
}
.def-table.tbl-type-wide .pg-info.bg-type3 {
    color: #26028a;
    background: #eee8fe;
}
.def-table.tbl-type-wide .pg-info.bg-type4 {
    color: #976900;
    background: #fff8d3;
}
.def-table.tbl-type-wide .pg-info.bg-type5 {
    color: #134b02;
    background: #e4f8de;
}
.def-table.tbl-type-wide .pg-info.bg-type5 .em {
    color: #9f00ff;
    font-size: 15px;
    font-weight: normal;
    padding: 0;
    letter-spacing: -0.035em;
}
.def-table.tbl-type-wide .pg-info.bg-type6 {
    color: #dd0083;
    background: #fff2fc;
}
.def-table.tbl-type-wide .pg-info.bg-type6 .em {
    color: #0013fb;
    font-size: 15px;
    padding: 0;
    letter-spacing: -0.035em;
}
.def-table.tbl-type-wide .pg-info.bg-type7 {
    color: #af5200;
    background: #fff1e5;
}
.def-table.tbl-type-wide .pg-info.bg-type8 {
    color: #222;
    background: #f1f1f1;
}
.def-table.tbl-type-wide .pg-info.bg-type9 {
    color: #d54711;
    background: #fdddad;
}
.def-table.tbl-type-wide .pg-info.bg-type10 {
    color: #086d60;
    background: #e5fffb;
}
.def-table.tbl-type-wide .pg-info.bg-type11 {
    color: #bf4001;
    background: #fff1a4;
}
.def-table.tbl-type-wide .pg-info.bg-type12 {
    color: #280065;
    background: #edf4ff;
}
.def-table.tbl-type-wide th.day-tit {
    font-size: 20px;
    letter-spacing: -0.025em;
    color: #14269b;
}
.programs-cont-wrap .sub-tab-menu {
    border: 0;
}
.programs-cont-wrap .sub-tab-menu a {
    position: relative;
    flex-direction: column;
    height: 100px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 30px;
    letter-spacing: -0.035em;
    color: #5c638c;
    background: #f2f4ff;
    border-left: 0;
}
.programs-cont-wrap .sub-tab-menu li:hover a,
.programs-cont-wrap .sub-tab-menu li.on a {
    background: linear-gradient(135deg, rgba(91,108,221,1) 0%, rgba(135,157,255,1) 100%);
}
.programs-cont-wrap .sub-tab-menu li a:before,
.programs-cont-wrap .sub-tab-menu li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0;
    height: 2px;
    background: #262d56;
    transition: 0.3s ease;
}
.programs-cont-wrap .sub-tab-menu li:hover a:before,
.programs-cont-wrap .sub-tab-menu li.on a:before {
    width: calc(100% - 2px);
    transition: 0.3s ease;
}
.programs-cont-wrap .sub-tab-menu a span {
    display: block;
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 23px;
}
.tab-area-type2 .tab-con2 .program-cont {
    padding-top: 40px;
}
.program-cont[data-scroll] {
    scroll-margin-top: 145px;
}

/* Scientific Programs*/
/* Type B */
.programs-cont-wrap .sch-wrap.type2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 2%;
    background-color: #f2f4ff;
    margin-bottom: 40px;
}
.programs-cont-wrap .sch-wrap.type2 .form-group:after{
    display: block;
    content: '';
    clear: both;
}
.programs-cont-wrap .sch-wrap.type2 .form-item{
    height: 55px;
    border-color: #dcdcdc;
    border-radius: 2px;
    font-size: 18px;
    letter-spacing: -0.025em;
}
.programs-cont-wrap .sch-wrap.type2 .sch-cate{
    width: 150px;
}
.programs-cont-wrap .sch-wrap.type2 .sch-key{
    width: 650px;
}
.programs-cont-wrap .sch-wrap.type2 .btn-sch{
    height: 55px;
    width: 140px;
    padding-left: 50px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    background-color: #262d56;
    background-repeat: no-repeat;
    background-image: url('../image/board/ic_sch.png');
    background-position: left 18px center;
    box-sizing: border-box;
    border-radius: 2px;
}
.programs-cont-wrap .sch-wrap.type2 .btn-reset{
    height: 55px;
    padding: 0 30px;
    background-color: #fff;
    border: 1px solid #262d56;
    border-radius: 2px;
    font-weight: 500;
    font-size: 18px;
    color: #262d56;
    letter-spacing: -0.025em;
}

.program-cont + .program-cont {
    margin-top: 60px;
}
.pro-tit-wrap{
    margin-bottom: 10px;
}
.pro-tit{
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    vertical-align: middle;
}
.program-cont .table-wrap {
    border-top: 0;
}
.program-cont .def-table tbody th {    
    background: transparent;
    text-align: left;
    border-left: 0;
}
.program-cont .def-table tbody .cont-head th {    
    padding: 18px 16px;
    font-family: 'Pretendard-SemiBold', sans-serif;
    font-size: 20px;
    line-height: 1.2;
}
.program-cont .def-table tbody .cont-head th > span{
    display: block;
    margin-top: 8px;
    font-family: 'Pretendard-ExtraLight', sans-serif;
    font-size: 15px;
    line-height: 1.2;
}
.program-cont .def-table .nbd-l {
    border-left: 0 !important;
}
.program-cont .def-table td:first-child {
    border-left: 1px solid #e5e5e5;
}
.program-cont .def-table .text-left {
    padding-left: 16px;
}
.program-cont .def-table .cont-head td.room {
    font-family: 'Pretendard-Bold', sans-serif;
}
.program-cont .def-table .cont-head .info .kor {
    display: inline;
    padding: 2px 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #d36751;
}
.program-cont .def-table .cont-head .info .eng {
    display: inline;
    padding: 2px 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background: #df9450;
}
.program-cont .btn-wrap {
    margin-bottom: 20px;
}
.program-cont .btn-wrap + .pro-tit-wrap{
    margin-top: -50px;
}
.btn.btn-session {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 0 36px;
    font-size: 18px;
    line-height: 1.1;
    background-color: #2f4b85;
    border-color: #2f4b85;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px, rgba(0, 0, 0, 0.2) 0px 7px 13px -3px, rgba(0, 0, 0, 0.1) 0px -4px 0px inset;
}
/* type 1 */
.program-cont .table-wrap.type1 .def-table {
    border-top: 2px solid #5173e2;
}
.program-cont .table-wrap.type1 .cont-head {
    color: #5173e2;
    background-color: #edf1ff;
}
.program-cont .table-wrap.type1 .cont-head td.room {
    color: #fff;
    background: #5173e2;
    border-bottom: 1px solid #5173e2;
    border-left: 1px solid #5173e2;
}
.btn.btn-session.type1 {
    background-color: #5173e2;
    border-color: #5173e2;
    color: #fff;
}
/* type 2 */
.program-cont .table-wrap.type2 .def-table {
    border-top: 2px solid #51aae2;
}
.program-cont .table-wrap.type2 .cont-head {
    color: #51aae2;
    background-color: #eaf7ff;
}
.program-cont .table-wrap.type2 .cont-head td.room {
    color: #fff;
    background: #51aae2;
    border-bottom: 1px solid #51aae2;
    border-left: 1px solid #51aae2;
}
.btn.btn-session.type2 {
    background-color: #51aae2;
    border-color: #51aae2;
    color: #fff;
}
/* type 3 */
.program-cont .table-wrap.type3 .def-table {
    border-top: 2px solid #59cfaa;
}
.program-cont .table-wrap.type3 .cont-head {
    color: #59cfaa;
    background-color: #e4fff7;
}
.program-cont .table-wrap.type3 .cont-head td.room {
    color: #fff;
    background: #59cfaa;
    border-bottom: 1px solid #59cfaa;
    border-left: 1px solid #59cfaa;
}
.btn.btn-session.type3 {
    background-color: #59cfaa;
    border-color: #59cfaa;
    color: #fff;
}
/* type 4 */
.program-cont .table-wrap.type4 .def-table {
    border-top: 2px solid #5ab776;
}
.program-cont .table-wrap.type4 .cont-head {
    color: #5ab776;
    background-color: #ecfff2;
}
.program-cont .table-wrap.type4 .cont-head td.room {
    color: #fff;
    background: #5ab776;
    border-bottom: 1px solid #5ab776;
    border-left: 1px solid #5ab776;
}
.btn.btn-session.type4 {
    background-color: #5ab776;
    border-color: #5ab776;
    color: #fff;
}
/* type 5 */
.program-cont .table-wrap.type5 .def-table {
    border-top: 2px solid #c38cf2;
}
.program-cont .table-wrap.type5 .cont-head {
    color: #c38cf2;
    background-color: #fdfaff;
}
.program-cont .table-wrap.type5 .cont-head td.room {
    color: #fff;
    background: #c38cf2;
    border-bottom: 1px solid #c38cf2;
    border-left: 1px solid #c38cf2;
}
.btn.btn-session.type5 {
    background-color: #c38cf2;
    border-color: #c38cf2;
    color: #fff;
}
/* type 6 */
.program-cont .table-wrap.type6 .def-table {
    border-top: 2px solid #9651d1;
}
.program-cont .table-wrap.type6 .cont-head {
    color: #9651d1;
    background-color: #fcf8ff;
}
.program-cont .table-wrap.type6 .cont-head td.room {
    color: #fff;
    background: #9651d1;
    border-bottom: 1px solid #9651d1;
    border-left: 1px solid #9651d1;
}
.btn.btn-session.type6 {
    background-color: #9651d1;
    border-color: #9651d1;
    color: #fff;
}
/* type 7 */
.program-cont .table-wrap.type7 .def-table {
    border-top: 2px solid #6351d1;
}
.program-cont .table-wrap.type7 .cont-head {
    color: #6351d1;
    background-color: #f6f5ff;
}
.program-cont .table-wrap.type7 .cont-head td.room {
    color: #fff;
    background: #6351d1;
    border-bottom: 1px solid #6351d1;
    border-left: 1px solid #6351d1;
}
.btn.btn-session.type7 {
    background-color: #6351d1;
    border-color: #6351d1;
    color: #fff;
}
/* type 8 */
.program-cont .table-wrap.type8 .def-table {
    border-top: 2px solid #317fbc;
}
.program-cont .table-wrap.type8 .cont-head {
    color: #317fbc;
    background-color: #f1f9ff;
}
.program-cont .table-wrap.type8 .cont-head td.room {
    color: #fff;
    background: #317fbc;
    border-bottom: 1px solid #317fbc;
    border-left: 1px solid #317fbc;
}
.btn.btn-session.type8 {
    background-color: #317fbc;
    border-color: #317fbc;
    color: #fff;
}
/* type 9 */
.program-cont .table-wrap.type9 .def-table {
    border-top: 2px solid #92c576;
}
.program-cont .table-wrap.type9 .cont-head {
    color: #92c576;
    background-color: #f7fff2;
}
.program-cont .table-wrap.type9 .cont-head td.room {
    color: #fff;
    background: #92c576;
    border-bottom: 1px solid #92c576;
    border-left: 1px solid #92c576;
}
.btn.btn-session.type9 {
    background-color: #92c576;
    border-color: #92c576;
    color: #fff;
}
/* type 10 */
.program-cont .table-wrap.type10 .def-table {
    border-top: 2px solid #deb04d;
}
.program-cont .table-wrap.type10 .cont-head {
    color: #deb04d;
    background-color: #fffbf3;
}
.program-cont .table-wrap.type10 .cont-head td.room {
    color: #fff;
    background: #deb04d;
    border-bottom: 1px solid #deb04d;
    border-left: 1px solid #deb04d;
}
.btn.btn-session.type10 {
    background-color: #deb04d;
    border-color: #deb04d;
    color: #fff;
}
/* type 11 */
.program-cont .table-wrap.type11 .def-table {
    border-top: 2px solid #e79339;
}
.program-cont .table-wrap.type11 .cont-head {
    color: #e79339;
    background-color: #fffcf1;
}
.program-cont .table-wrap.type11 .cont-head td.room {
    color: #fff;
    background: #e79339;
    border-bottom: 1px solid #e79339;
    border-left: 1px solid #e79339;
}
.btn.btn-session.type11 {
    background-color: #e79339;
    border-color: #e79339;
    color: #fff;
}
.program-cont .def-table td.has-btn {
    padding: 10px 0;
    border-left: 0;
    text-align: right;
}
.program-cont .def-table td.has-btn > a {
    margin: 2px 0;
}
.program-cont .def-table td.has-btn > a:hover {    
    color: #fff;
}
.program-cont .def-table td.has-btn .btn-lecture{
    display: inline-block;
    padding: 8px 16px;
    background-color: #4768bd;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1;
    vertical-align: top;
}
.program-cont .def-table td.has-btn .btn-cv {
    display: inline-block;
    padding: 8px 16px;
    background-color: #38a070;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1;
    vertical-align: top;
}
.program-cont .def-table td.has-btn .btn-abstract{
    display: inline-block;
    padding: 8px 16px;
    background-color: #388ba0;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1;
    vertical-align: top;
}
.popup-wrap.session-overview .popup-tit-wrap{
    padding-left: 70px;
    padding-right: 70px;
}
.popup-wrap.session-overview .popup-contit-wrap{
    padding: 60px 20px 17px;
    background-color: #fff;
    text-align: center;
}
/* session overview popup */
.popup-wrap.session-overview .popup-contit{
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -0.03em;
    color: #171973;
}
.popup-wrap.session-overview .popup-con{
    padding: 0 30px 30px;
    font-family: 'Pretendard-Regular', serif;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -0.025em;
}
.btn-session.disabled {
    cursor: default;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
     /* Type B */
    .programs-cont-wrap .sch-wrap.type2{
        display: block;
        padding: 20px;
    }
    .programs-cont-wrap .sch-wrap.type2 .form-group{
        width: 100%;
    }
    .programs-cont-wrap .sch-wrap.type2 .form-item{
        display: block;
        float: left;
        margin: 0;
        height: 40px;
        font-size: 14px;
        border-radius: 1px;
    }
    .programs-cont-wrap .sch-wrap.type2 .sch-cate{
        width: calc(100% - 110px);
    }
    .programs-cont-wrap .sch-wrap.type2 .sch-cate + .sch-cate{
        margin-left: 10px;
    }
    .programs-cont-wrap .sch-wrap.type2 .sch-key{
        width: 100%;
        margin-top: 10px;
    }
    .programs-cont-wrap .sch-wrap.type2 .btn-sch{        
        width: 110px;
        height: 40px;
        padding-left: 40px;
        background-size: 14px;
        background-position: left 12px center;
        border-radius: 1px;
        font-size: 14px;
    }
    .programs-cont-wrap .sch-wrap.type2 .btn-reset{
        width: 100%;
        margin: 0;
        margin-top: 10px;
        padding: 0 10px;
        height: 40px;
        border-radius: 1px;
        font-size: 14px;
    }

    .def-table.tbl-type-wide th, 
    .def-table.tbl-type-wide td {
        font-size: 13px;
    }
    .program-cont .def-table tbody .cont-head th {
        font-size: 17px;
    }
    .def-table.tbl-type-wide td.pg-info > strong {
        font-size: 15px;
    }
    .program-cont .def-table tbody .cont-head th > span {
        margin-top: 4px;
        font-size: 13px;
    }
    .programs-cont-wrap .sub-contit-sub + p {
        line-height: 1.2;
    }
    .programs-cont-wrap .sub-contit-wrap.type2 {
        margin-bottom: 10px;
    }
    .programs-cont-wrap .sub-tab-menu {
        margin: 0 0 20px;
    }
    .programs-cont-wrap .sub-tab-menu a {
        height: 60px;
        font-size: 22px;
        line-height: 1.3;
    }
    .programs-cont-wrap .sub-tab-menu a span {
        font-size: 15px;
    }
    .programs-cont-wrap .tab-con + .tab-con {
        margin-top: 0;
    }
    .program-cont + .program-cont {
        margin-top: 30px;
    }
    .popup-wrap.session-overview .popup-contit-wrap {
        padding: 40px 15px 15px;
    }
    .popup-wrap.session-overview .popup-contit {
        font-size: 20px;
    }
    .popup-wrap.session-overview .popup-con{
        padding: 0 15px 20px;
        font-size: 15px;
        line-height: 1.4;
    }
    .program-cont .btn-wrap {
        margin-bottom: 10px;
    }
    .program-cont .btn-wrap + .pro-tit-wrap{
        margin-top: -30px;
    }
    .pro-tit{
        font-size: 16px;
    }
    .btn.btn-session {
        height: 40px;
        padding: 0 22px;
        font-size: 15px;
    }
}
@media screen and (max-width: 500px) {    
    .programs-cont-wrap .sub-tab-menu {
        flex-wrap: wrap;
    }
    .programs-cont-wrap .sub-tab-menu li {
        flex: 1 0 auto;
        max-width: 50%;
        width: calc(100% / 2);
    }
    /* .programs-cont-wrap .sub-tab-menu li:first-child {
        max-width: 100%;
        width: calc(100%);
    } */
    .programs-cont-wrap .sub-tab-menu a {
        height: 50px;
        font-size: 18px;
    }
    .programs-cont-wrap .sub-tab-menu a span {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .program-cont .btn-wrap + .pro-tit-wrap{
        margin-top: -10px;
    }
}

/* Presentation Guidelines, 25.02.27, ma.kal */
.guidelines-wrap .sub-contit-wrap {
    margin: 35px 0 20px;
}
.guidelines-wrap .sub-contit-wrap + .guidelines-cont-tit {
    margin: 0 0 10px;
}
.guidelines-wrap .guidelines-cont-tit {
    margin: 15px 0 10px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    color: #9f3fa7;
}
.guidelines-wrap .list-type-bar > li:before {
    top: 9px;
}
.guidelines-wrap .tbl-info {
    margin-top: 6px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: 600;
    line-height: 1.4;
}
.guidelines-wrap .def-table td span.note {
    display: block;
    font-size: 14px;
}
.guidelines-wrap .bg-box {
    margin-top: 40px;
    padding: 20px 30px;    
    background-color: #faf5ff;
}
.inner-tbl-btn-wrap .btn-type2 {
    padding: 6px 18px;
    margin: 3px;
    font-size: 14px;
    line-height: 1.1;
}
.guidelines-wrap p + .sub-contit-wrap.bg-type2 {
    margin-top: 80px;
}
.guidelines-wrap .sub-contit-wrap.bg-type2.flex-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guidelines-wrap .btn.btn-guidelines {
    padding: 6px 18px;
    line-height: 1.1;
    background-color: #ff9800;
    border-color: #ff9800;
    color: #fff;
    border-radius: 50px;
}
.guidelines-wrap .em-text {
    font-size: 20px;
    color: #ff196c;
}

@media screen and (max-width: 960px) {
    .guidelines-wrap .sub-contit-wrap {
        margin: 25px 0 10px;
    }
    .guidelines-wrap .guidelines-cont-tit {
        font-size: 14px;
        line-height: 1.2;
    }
    .guidelines-wrap .bg-box {
        margin-top: 20px;
        padding: 10px 15px;
    }
    .inner-tbl-btn-wrap .btn-type2 {
        padding: 4px 14px;
        font-size: 12px;
    }
    .guidelines-wrap .list-type-bar > li:before {
        top: 8px;
    }
}

/* tour 추가, 25.03.11, ma.kal */
.tour-wrap .sub-tab-menu a {
    background: #eceff8;
    line-height: 1.2;
}
.tour-wrap .sub-tab-menu.type-inner {
    border: 0;
}
.tour-wrap .sub-tab-menu.type-inner li a {
    position: relative;
    height: 68px;
    font-size: 18px;
    line-height: 1.2;
    background: #fff;
}
.tour-wrap .sub-tab-menu.type-inner li:hover a,
.tour-wrap .sub-tab-menu.type-inner li.on a {
    color: #262d56;
    background-color: #fff;
    transition: 0.3s ease;
}
.tour-wrap .sub-tab-menu.type-inner li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e5e5e5;
    transition: 0.3s ease;
}
.tour-wrap .sub-tab-menu.type-inner li:hover a:before,
.tour-wrap .sub-tab-menu.type-inner li.on a:before {
    background-color: #2c55b3;
}
.tour-wrap .sub-tab-menu.type-inner li.on a {
    font-family: 'Roboto-Bold', sans-serif;
}
.tour-contit {
    margin-bottom: 20px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    color: #262d56;
    text-align: left;
}
.tour-wrap .sub-contit-wrap.bg-type {
    margin: 40px 0 20px;
    padding: 14px 14px;
    width: 62%;
    border-radius: 5px 5px 30px 5px;
    background: linear-gradient(90deg, rgba(156, 68, 156, 1) 0%, rgba(32, 78, 189, 1) 100%);
}
.tour-wrap .sub-contit-wrap.bg-type .sub-contit {
    font-size: 20px;
}
.tour-wrap .desc.service-info {
    margin-top: 40px;
}
.tour-wrap .desc.service-info + .tour-em-txt {
    margin-top: 20px;
}
.tour-em-txt {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 20px;
    color: #96309a;
    text-align: left;
}
.tour-em-txt + .bg-box {
    margin-top: 10px;
}
.tour-wrap .bg-box {
    background-color: #f2f4ff;
    padding: 30px 50px 40px 40px;
    font-size: 17px;
}
.tour-info-list > li {
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.tour-info-list > li + li {
    margin-top: 20px;
}
.tour-info-list .text-box {
    position: relative;
    z-index: 2;
    width: 100%;  
}
.tour-info-list .text-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: calc(100% + 20px);
    height: 100%;
    background-color: #e5e9ff;
    transform: skew(0deg, 1deg) translateY(10px) ;
}
.tour-info-list .text-box > div {
    padding: 30px 20px;
    line-height: 1.6;
    background: #fff;
}
.tour-info-list .text-box strong {
    color: #262d56;
}
.icon-box > span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 40px;
    font-weight: bold;
    color: #7217ff;
    line-height: 1.1;
    background: #fff;
    border-radius: 5px;
}
.tour-wrap .bg-box + .grid-wrap,
.tour-wrap .bg-box + .tour-contit,
.tour-wrap .desc + .tour-contit,
.tour-wrap .table-wrap + .tour-contit,
.tour-wrap .list-type + .tour-contit {
    margin-top: 40px;
}
.tour-wrap .grid-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    margin-top: 30px;
}
.tour-wrap .grid-wrap.full {
    grid-template-columns: repeat(1, 1fr);
}
.tour-wrap .grid-wrap .box {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.tour-wrap .grid-wrap .bg-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;    
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 30px;
}
.tour-wrap .grid-wrap .bg-box .box-tit {
    margin-bottom: 10px;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 20px;
    color: #262d56;
    text-align: left;
}
.tour-wrap .grid-wrap .bg-box .list-type.schedule {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.tour-wrap .grid-wrap .bg-box .list-type.schedule > li {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 17px;
}
.btn-wrap.tour {
    margin-top: 60px;
}
.btn-wrap.tour a span {
    position: relative;
    display: inline-block;
    padding-right: 60px;
    line-height: 1;
}
.btn-wrap.tour a span:after {
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 1;
}
.tour-wrap .list-type-dot > li:before {
    top: 6px;
    width: 5px;
    height: 5px;
    background-color: #8b2cb3;
}
.tour-wrap .list-type-bar > li:before {
    top: 9px;
}
.tour-wrap .img-box img {
    max-width: 100%;
}
.tour-wrap .img-grid-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-right: -10px;
    margin-top: 20px;
}
.tour-wrap .img-grid-box > img {
    flex: 4 1 auto;
    max-width: calc(25% - 10px);
    width: calc(100% / 4);
}
.tour-wrap .img-grid-box + .sub-contit-wrap {
    margin-top: 60px;
}
.table-wrap.type-tour,
.type-tour .def-table {
    border: 0;
}
.type-tour .def-table thead th {
    padding: 12px 0;
    color: #fff;
    background: #814da8;
    border-left-color: #814da8;
    border: 0;
}
.type-tour .def-table thead th > img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.type-tour .def-table td.time {
    font-family: 'Pretendard-Semibold', sans-serif;
    color: #5c347b;
    background-color: #f9f6fb;
    text-align: center;
}
.type-tour .def-table thead th.type-curbed,
.type-tour .def-table thead th.bar {
    position: relative;
    border-left: 0;
}
.type-tour .def-table thead th.bar {
    border-radius: 0 15px 15px 0;
}
.type-tour .def-table thead th.bar:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: #9969bd;
}
.type-tour .def-table thead th.type-curbed .curbed {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
}
.type-tour .def-table thead th.type-curbed .curbed:before {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: -8px 8px 0 0 #f9f6fb;
    border-radius: 50%;
}

.btn.btn-type1.btn-tour {
    color: #fff;
    background: #8b2cb3;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}

/* 준비중 추가, 25.03.13, ma.kal */
.ready-wrap{
    max-width: 600px;
    width: 100%;
    padding: 60px 20px;
    margin: 0 auto;
    text-align: center;
}
.ready-wrap img{
    display: block;
    max-width: 100%;
    margin: 0 auto 40px;
}
.ready-wrap .tit{ 
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #262d56;
}

/* Scientific Programs Download Btn 추가, 25.03.24, ma.kal */
.btn.btn-down {
    padding: 12px 68px 12px 44px;
    text-align: center;
    background-size: 21px;
    background-position: right 22px center;
    background-repeat: no-repeat;
    background-image: url(../image/main/ic_down1.png);
}

/* Young Doctor Pre-conference 상단 문구 추가, 25.03.27, ma.kal */
.young-top-bar {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 50px;
    width: 100%;
    height: 90px;
    padding-left: 345px;
    box-sizing: border-box;
    border-radius: 0 30px 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../image/sub/img_conference2.jpg);
}
.young-top-bar > p {
    position: relative;
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 45px;
    color: #262d56;
    letter-spacing: -0.045em;
    text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
        -webkit-text-stroke: 1px #fff;
}
.young-top-bar > img {
    position: absolute;
    left: 175px;
    top: -63px;
}

/* Sponsorship::Contributor 작업 - 25.04.10 mj.park */
.con-wrap{
    display: flex;
    gap: 40px;
}
.con-wrap .img-wrap{
    flex: 0 0 auto;
}
.con-wrap .text-wrap{
    padding-top: 30px;
}
.con-wrap .text-wrap p{
    line-height: 1.3;
}
.con-wrap .tit{
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
}
.list-type-dot > li{
    position: relative;
    padding-left: 10px;
}
.list-type-dot > li:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
}
.con-wrap .list-type > li{
    font-weight: 700;
    color: #317afc;
}
.con-wrap .list-type > li:before{
    background-color: #317afc;
}
.con-wrap .list-type > li i{
    font-weight: 400;
    color: #999999;
}
.con-wrap .text-wrap .copy{
    margin-top: 30px;
    font-size: 20px;
    color: #666666;
}
.con-wrap .text-wrap .copy span{
    color: #222222;
}

/* Floor Plan, 25.04.21, ma.kal */
.floor-wrap .image-wrap + .table-wrap {
    margin-top: 20px;
}
.floor-wrap .image-wrap > img {
    max-width: 100%;
}
.floor-wrap .table-wrap + .image-wrap {
    margin-top: 40px;
}

/* Accommodations 수정, 25.04.21, ma.kal */
.accom-wrap .help-text {
    margin-top: 10px;
    font-family: 'Pretendard-Semibold', sans-serif;
    line-height: 1.3;
    color: #4682B4;
    
}
.accom-wrap .help-text + .sub-contit-wrap {
    margin-top: 80px;
}

/* Call for Submission::Awards 페이지 추가 작업 - 25.05.22 mj.park */
.sub-contit-line{
    display: inline-block;
    padding: 0 3px;
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #1e41bd;
    box-shadow: inset 0 -11px #f7defe;
}
.sub-contit-line:nth-of-type(1){
    margin-top: 0;
}
.award-conbox .list-type-dot > li:before{
    background-color: #317afc;
}
.award-conbox .list-type > li{
    font-size: 16px;
}
.award-conbox .list-type > li strong{
    color: #317afc;
}
.award-conbox .list-type > li i{
    color: #999999;
    font-style: italic;
}



/* overview 수정, ma.kal */
.overview-cont-wrap .def-table tbody th {
    padding: 14px 10px;
}




@media screen and (max-width: 960px) {
    .tour-wrap .sub-tab-menu.type-inner li a {
        height: 75px;
        font-size: 13px;
        line-height: 1.2;
    }
    .tour-contit {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .tour-wrap .sub-contit-wrap.bg-type {
        padding: 10px 14px;
        margin: 30px 0 10px;
    }
    .tour-em-txt,
    .tour-wrap .sub-contit-wrap.bg-type .sub-contit {
        font-size: 16px;
    }
    .tour-wrap .bg-box {
        padding: 20px 30px 20px 15px;
        font-size: 14px;
    }
    .tour-info-list > li {
        column-gap: 6px;
    }
    .icon-box > span {
        width: 26px;
        height: 26px;
        font-size: 18px;
        border-radius: 3px;
    }
    .tour-info-list .text-box > div {
        padding: 15px 20px;
        line-height: 1.4;
    }
    .tour-info-list .text-box:after {
        width: calc(100% + 10px);
        transform: skew(0deg, 2deg) translateY(5px);
    }
    .tour-wrap .bg-box + .grid-wrap,
    .tour-wrap .bg-box + .tour-contit,
    .tour-wrap .desc + .tour-contit,
    .tour-wrap .table-wrap + .tour-contit,
    .tour-wrap .list-type + .tour-contit {
        margin-top: 20px;
    } 
    .tour-wrap .grid-wrap {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
        row-gap: 10px;
        margin-top: 20px;
    }   
    .tour-wrap .grid-wrap .bg-box {
        padding: 15px;
        border-radius: 10px;
    }
    .tour-wrap .grid-wrap .bg-box .box-tit {
        font-size: 16px;
    }
    .tour-wrap .grid-wrap .bg-box .list-type.schedule > li {
        font-size: 14px;
    }
    .btn-wrap.tour {
        margin-top: 30px;
    }
    .tour-wrap .img-grid-box + .sub-contit-wrap {
        margin-top: 30px;
    }
    .tour-wrap .img-grid-box > img {
        flex: 2 1 auto;
        max-width: calc(50% - 10px);
        width: calc(100% / 2);
    }

    .ready-wrap .tit {
        font-size: 20px;
    }

    .btn.btn-down {
        padding: 8px 48px 8px 24px;
        background-size: 15px;
        background-position: right 16px center;
    }

    .young-top-bar {
        flex-direction: row-reverse;
        padding-left: 0;
        justify-content: center;
        height: 55px;
        background-position: left bottom;
        border-radius: 0 15px 15px 15px;
    }
    .young-top-bar > p {
        font-size: 20px;
        -webkit-text-stroke: unset;
        text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
    }
    .young-top-bar > img {
        position: unset;
        display: inline-block;
        margin-top: -17px;
        width: 75px;
    }

    .con-wrap{
        flex-direction: column;
        gap: 15px;
    }
    .con-wrap .img-wrap img{
        width: 100px;
    }
    .con-wrap .text-wrap{
        padding-top: 0;
    }
    .con-wrap .tit{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .list-type-dot > li:before{
        top: 7px;
        width: 3px;
        height: 3px;
    }
    .con-wrap .text-wrap .copy{
        margin-top: 15px;
        font-size: 16px;
    }

    .accom-wrap .help-text + .sub-contit-wrap {
        margin-top: 40px;
    }

    .sub-contit-line{
        padding: 0;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 15px;
        box-shadow: inset 0 -6px #f7defe;
    }
    .award-conbox .list-type > li{
        font-size: 14px;
    }
}

/* welcome message 수정 -  26.02.06, ma.kal */
.welcome {
    padding: 0 65px;
}
.welcome p {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px; 
    line-height: 1.5;
}
.welcome p + p {
    margin-top: 30px;
}
.welcome p.tit {
    margin-bottom: 30px;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 25px; 
    color: #696e8f;
}
.welcome .name-box {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 80px;
    margin-top: 50px;
}

.welcome .name-box > li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
}
.welcome .name-box > li .name {
    font-size: 18px;
    text-align: left;
}
.welcome .name-box > li .name > strong {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
}
.name-box .photo > img {
    max-width: 100%;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .welcome {
        padding: 0 15px;
    }
    .welcome p {
        font-size: 14px;
        line-height: 1.4;
    }
    .welcome p.tit {
        margin-bottom: 15px;
        font-size: 17px;
        text-align: left;
        color: #262d56;
    }
    .welcome p + p {
        margin-top: 15px;
    }
    .welcome .name-box {
        margin-top: 30px;
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
    .name-box .photo {
        width: 100px;
    }
    .welcome .name-box > li {
        gap: 10px;
    }
    .welcome .name-box > li .name {
        font-size: 14px;
        line-height: 1.4;
    }
    .welcome .name-box > li .name > strong {
        margin-bottom: 5px;
        font-size: 17px;
    }
}


/* Topics 수정 - 26.02.06, ma.kal */
.def-table.topic-tbl th {
    font-size: 20px;
}
.def-table.topic-tbl td {
    padding: 20px 50px;
    font-size: 18px;
}
.list-type-decimal.type-topic {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0;
}
.list-type-decimal.type-topic > li {
    width: calc((100% - 60px) / 2);
    padding-left: 30px;
    font-family: 'Roboto-Medium', sans-serif;
}
.list-type-decimal.type-topic > li + li {
    margin-top: 0;
}
.topic-wrap .table-wrap + .table-wrap {
    margin-top: 40px;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .def-table.topic-tbl th {
        font-size: 16px;
    }
    .def-table.topic-tbl td {
        padding: 15px 20px;
        font-size: 15px;
    }
    .list-type-decimal.type-topic {
        gap: 4px 0;
    }
    .list-type-decimal.type-topic > li {
        padding-left: 24px;
        width: 100%;
    }
    .topic-wrap .table-wrap + .table-wrap {
        margin-top: 30px;
    }
}


/* Abstract 수정 - 26.02.06, ma.kal */
.abs-date-list {
    display: flex;
    gap: 15px;
}
.abs-date-list > li {
    width: calc((100% - 30px) / 1);
}
.abs-date-list > li { 
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
    padding-left: 30px;
	padding-right: 30px;
    box-sizing: border-box;
    border: 1px solid transparent;
}
.abs-date-list > li > div {
    width: 100%;
    font-family: 'Pretendard-Medium', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.025em;
    color: #fff;
}
.abs-date-list .list-cont .date {
    margin-top: 5px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 28px;
}
.abs-date-list > li.date1 {
    border-color: #00357B;
}
.abs-date-list > li.date1 > div {
    color: #00357B;
}
.abs-date-list > li.date2 {
    border-color: #26A9E0;
}
.abs-date-list > li.date2 > div {
    color: #26A9E0;
}
.abs-date-list > li.date3 {
    border-color: #00B6BC;
}
.abs-date-list > li.date3 > div {
    color: #00B6BC;
}
.guide-step-list{
    display: flex;
    gap: 8%;
    align-items: start;
    justify-content: space-around;
    position: relative;
}
.guide-step-list > li{
    position: relative;
    display: block;
    flex: 1;
}
.guide-step-list > li:not(:first-child):before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    right: 100%;
    width: 42%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top 42%;
    background-image: url('../image/sub/ic_guide_arrow.png');
}
.guide-step-list .icon-box {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 240px;
    background-color: #ebf1fe;
    border-radius: 100%;
}
.guide-step-list .icon-box:before {
    content: '';
    position: absolute;
    bottom: -80px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: #f8fcfc;
}
.guide-step-list .icon-box .icon {
    position: relative;
    z-index: 1;
}
.guide-step-list .icon-box strong {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    display: block;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 20px;
    color: #00357b;
}
.guide-step-list .text-box {
    margin-top: 10px;
    font-family: 'Pretendard-Medium', sans-serif;
    font-size: 22px;
    color: #111;
    text-align: center;
    line-height: 1.1;
    letter-spacing: -0.03em;
}
.guide-step-list + .btn-wrap {
    margin-top: 20px;
}
.guide-step-list + .btn-wrap > .btn {
    background-color: #110cc4;
    border-color: #6e6ef9;
    border-width: 3px;
    transition: 0.3s ease;
}
.guide-step-list + .btn-wrap > .btn:hover {
    border-color: #110cc4;
    transition: 0.3s ease;
}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .abs-date-list {
        flex-direction: column;
        gap: 15px;
    }
    .abs-date-list > li {
        width: 100%;
        padding-left: 15px;
    }
    .abs-date-list > li > img {
        width: 60px;
    }
    .abs-date-list .list-cont .tit {
        font-size: 15px;
    }
    .abs-date-list .list-cont .date {
        font-size: 18px;
    }
    .guide-step-list {
        flex-wrap: wrap;
        gap: 30px 20px;
    }
    .guide-step-list > li{
        flex: inherit;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: calc((100% - 20px)/2);
    }
    .guide-step-list > li:not(:first-child):before {
        width: 20px;
        background-size: 21px;
    }
    .guide-step-list > li:nth-child(2n+1):before{
        display: none !important;
    }
    .guide-step-list .icon-box{
        height: 130px;
        width: 130px;
    }
    .guide-step-list .icon-box:before {
        bottom: -60px;
        width: 100px;
        height: 100px;
    }
    .guide-step-list .icon-box img{
        width: 70px;
    }
    .guide-step-list .icon-box strong {
        margin-top: 10px;
        font-size: 14px;
    }
    .guide-step-list .text-box {
        font-size: 17px;
    }


}



/* Mypage > Lecture 추가 - 26.03.05, ma.kal */
.bg-box.type-calendar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding: 48px;
    color: #fff;
    border-radius: 12px;
    background: linear-gradient(88deg, #272D6C 17.74%, #007CE2 91.68%);
}
.bg-box.type-calendar .tit {
    display: flex;
    align-items: center;
    gap: 40px;
}
.bg-box.type-calendar .text {
    flex: 1;
    font-family: 'Pretendard-Black', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}
.bg-box.type-calendar .text > span {
    display: block;
    margin-bottom: 10px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #FB923C;
    letter-spacing: 0.2em;
}
.bg-box.type-calendar .icon {
    width: 96px;
    height: 96px;
    border-radius: 12px;
    background-color: #fff;
    color: #00337C;
}
.bg-box.type-calendar .calendar-top {
    position: relative;
    height: 28px;
    border-radius: 12px 12px 0 0;
    background: #EF4444;
}
.bg-box.type-calendar .calendar-top:before,
.bg-box.type-calendar .calendar-top:after {
    content: '';
    position: absolute;
    top: -8px;
    display: block;
    width: 8px;
    height: 20px;
    border-radius: 12px;
    background-color: #fff;
}
.bg-box.type-calendar .calendar-top:before {
    left: 18px;
}
.bg-box.type-calendar .calendar-top:after {
    right: 18px;
}
.bg-box.type-calendar .calendar-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    text-align: center;
}
.bg-box.type-calendar .calendar-bottom {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 20px;
    line-height: 1;
}
.bg-box.type-calendar .calendar-bottom > span {
    font-size: 32px;
}
.bg-box.type-calendar .date {
    font-family: 'Roboto-Black', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: right;
    letter-spacing: 0.03em;
}
.bg-box.type-calendar .date .time {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Roboto-Thin', sans-serif;
    color: #BFDBFE;
}
.btn.btn-lecture {
    border-radius: 5px;
    background: #FB923C;
    color: #fff;
}
.def-table.mypage thead th {
    line-height: 1.2;
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .bg-box.type-calendar {
        flex-direction: column;
        gap: 10px;
        padding: 28px;
        margin-bottom: 20px;
        border-radius: 6px;
    }
    .bg-box.type-calendar .icon {
        width: 66px;
        height: 64px;
        border-radius: 6px;
    }
    .bg-box.type-calendar .calendar-top:before, 
    .bg-box.type-calendar .calendar-top:after {
        top: -5px;
        width: 4px;
        height: 12px;
    }
    .bg-box.type-calendar .calendar-top:before {
        left: 14px;
    }
    .bg-box.type-calendar .calendar-top:after {
        right: 14px;
    }
    .bg-box.type-calendar .calendar-top {
        height: 12px;
        border-radius: 6px 6px 0 0;
    }
    .bg-box.type-calendar .calendar-bottom {
        padding: 0;
        padding-top: 5px;
        font-size: 15px;
        border-radius: 0 0 6px 6px;
    }
    .bg-box.type-calendar .calendar-bottom > span {
        font-size: 28px;
    }
    .bg-box.type-calendar .tit {
        gap: 15px;
    }
    .bg-box.type-calendar .text {
        font-size: 26px;
    }
    .bg-box.type-calendar .text > span {
        margin-bottom: 5px;
    }
    .bg-box.type-calendar .date {
        font-size: 26px;
        letter-spacing: 0;
        text-align: center;
    }
    .bg-box.type-calendar .date .time {
        margin-top: 5px;
        font-size: 14px;
        letter-spacing: 0.03em;
    }
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 480px) {
    .bg-box.type-calendar {
        padding: 20px 15px 15px;
    }
    .bg-box.type-calendar .tit {
        gap: 10px;
    }
    .bg-box.type-calendar .icon {
        width: 58px;
        height: 60px;
    }
    .bg-box.type-calendar .calendar-bottom {
        padding-top: 3px;
    }
    .bg-box.type-calendar .text,
    .bg-box.type-calendar .date {
        font-size: 20px;
    }
}


/* Exhibition - 26.04.21, ma.kal */
.sponsor-list-wrap {
    margin-top: 40px;
}
.sponsor-list-wrap .sponsor-list {
    position: relative;
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
    gap: 20px;
    max-width: 1000px;
    margin: 20px auto;
}
.sponsor-list-wrap.supported .sponsor-list {
    max-width: unset;
}
.sponsor-list-wrap .title{
	display: flex;
	align-items: center;
	justify-content: center;
    padding: 0 20px;
	height: 36px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 20px;
    line-height: 1;
	color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
.sponsor-list > li a {
    display: block;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
}
.sponsor-list > li a > img {
    max-width: 100%;
}
.sponsor-list-wrap.dia .title{
    background-image: url('../image/sub/bg_sponsor_dia.png');
}
.sponsor-list-wrap.platinum .title{
    background-image: url('../image/sub/bg_sponsor_platinum.png');
}
.sponsor-list-wrap.gold .title{
    background-image: url('../image/sub/bg_sponsor_gold.png');
}
.sponsor-list-wrap.silver .title{
    background-image: url('../image/sub/bg_sponsor_silver.png');
}
.sponsor-list-wrap.bronze .title{
    background-image: url('../image/sub/bg_sponsor_bronze.png');
}
.sponsor-list-wrap.custom .sponsor-list {
    max-width: unset;
}
.sponsor-list-wrap.custom .title{
    background-image: linear-gradient(90deg, #b1ac7e 10%, #b79100 90%);
}
.sponsor-list-wrap.standard {
    border-bottom: 1px solid #E4E4E4;
}
.sponsor-list-wrap.standard .title{
    background-image: linear-gradient(90deg, #808183 10%, #666 90%);
}
.sponsor-list-wrap.supported {
    margin-top: 60px;
    border-bottom: 1px solid #E5803B;
}
.sponsor-list-wrap.supported .title{
    background-image: linear-gradient(90deg, #e78a3c 10%, #df9801 90%);
}

@media screen and (max-width: 480px) {
    .sponsor-list-wrap {
        margin-top: 20px;
    }
    .sponsor-list-wrap .sponsor-list {
        justify-content: start;
        margin: 10px auto 20px;
    }
    .sponsor-list-wrap .sponsor-list > li {
        width: calc((100% - 20px) / 2);
    }
    .sponsor-list-wrap .title {
        height: 30px;
        font-size: 16px;
    }
}