@charset "utf-8";

.essen {position: relative;}
.essen:before {content: "* ";color:#f00;background:none;font-weight: bold;}

.fcRed {color: #f00 !important;}
.fcBlue {color: #00f !important;}
.fcPoint {color: #cf2271 !important;} /* 핑크 */

/* 버튼 및 Form 태그 */
form, fieldset, legend, form ul, form li, form dl, form dt, form dd, form p {margin: 0;padding: 0;border: 0 none;list-style:none;}
legend {visibility: hidden;height: 0;line-height: 0;font-size: 0;text-indent: -10000px;}


.allAgree {padding: 15px 0;border: 1px solid #d2d2d2;text-align: center;background-color: #f7f7f7;color: #030303;font-size: 15px;}
.agreeCon {overflow-x: hidden;overflow-y: auto;height: 100px;padding: 30px 30px 0;margin-bottom: 15px;border: 1px solid #d2d2d2;}
.agreeCon dt {font-weight: bold;}
.agreeCon dd {padding-bottom: 30px;}

.agree {text-align: center;}
.agree input {margin: 0 10px 0 50px;}
.agree input:first-child {margin-left: 0;}


div.formArea input[type=text],
div.formArea input[type=password],
div.formArea input[type=file] {width:auto;height: 23px;padding:4px 10px}
div.formArea input.wide {width: 97%;}

div.formArea select {height: 30px;}
div.formArea textarea {width: 90%;height: 140px;padding: 5px;}

div.withBtn {overflow: hidden;}
div.withBtn > * {float: left;}
div.withBtn span.btn {margin-left: 5px;}



.btnArea {padding-top: 40px;text-align: center;}
.btnArea > * {margin-left: 20px;}
.btnArea > *:first-child {margin-left: 0;}

.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:33px;padding:0 10px 2px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;}

.btn a {height:auto;line-height:19px;padding:6px 10px 6px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}
.btn i {padding:2px 10px 0 0;}
.btn .btnIcon i {padding-right: 0;}

/* 보라색 */				.btnDef {background-color:#654d9d !important;border-color:#654d9d !important;color:#fff !important;}
/* 핑크색 */			.btnPoint {background-color:#cf2271 !important;border-color:#cf2271 !important;color:#fff !important;}
/* 회색 */				.btnGrey {background-color:#696c6c !important;border-color:#696c6c !important;color:#fff !important;}
/* 파란색 */			.btnBlue {background-color:#19479e !important;border-color:#19479e !important;color:#fff !important;}


/* border+ 남색 */		.btnBdDef {background-color:#fff !important;border-color:#654d9d !important;color:#654d9d !important;}
/* border+ 빨간색 */		.btnBdPoint {background-color:#fff !important;border-color:#cf2271 !important;color:#cf2271 !important;}
/* border+ 회색 */		.btnBdGrey {background-color:#fff;border-color:#696c6c;color:#696c6c;}



.btn .btnArr {padding-right: 35px !important;background-image: url('/image/icon/bl_arr.png');background-repeat: no-repeat;background-position: right center;}
.btn .btnDown {background-color:#207245 !important;border-color:#207245 !important;color:#fff !important;}

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

.btn .btnSmall {font-size: 12px;height: 25px;padding:0 16px;border-radius:1px;vertical-align:top;}
.btn a.btnSmall {height:18px;padding: 2px 16px 3px;line-height: 13px;}

.btn .btnSmall2 {font-size: 12px;height: 28px;padding:0 16px;border-radius:4px;vertical-align:top;margin-left:3px;}
.btn a.btnSmall2 {height:18px;padding: 4px 16px 1px;line-height: 13px;}

.btn .btnBig {font-size: 18px;height: 50px;padding:0 50px 2px;}
.btn a.btnBig {height: auto;padding: 14px 50px 15px;}

.btn .btnGr {display: inline-block;padding: 1px !important;border: 0 none;background: linear-gradient( to top, #505fa3, #d3206f );}
.btn .btnGr > * {display: block;padding: 4px 30px 5px;background-color: #fff;color: #d3276f;}
.btn .btnGr.btnBig > * {padding: 14px 50px 15px;font-weight: 500;font-size: 22px;}

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


.btn .withIcon {position:relative;padding-left:2.5em !important;}
.btn .withIcon i {position:absolute;left:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}

.btn .withIcon_r {position:relative;padding-right:2.5em !important;}
.btn .withIcon_r i {position:absolute;right:0.8em;top:50%;font-size:1em;margin-top:-0.5em;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

a.trigger {position: relative;}
a.trigger i {position: absolute;right: 10px;top: 50%;margin-top: -0.5em;}

.btn a img {position: relative;vertical-align: top;}


a.btn-small { display:inline-block; height:auto !important; padding:1px 8px 3px; line-height:18px; background:#f8f8f8; border-radius:0; border:1px solid #e4e4e4; transition:1s; -webkit-transition:1s; text-decoration: none;}
a.btn-small .text { display:block; text-align:center; color:#666 !important; font-weight:bold; letter-spacing:-0.5px; }
a.btn-small:hover,
a.btn-small:active { background:#fff; transition:1s; -webkit-transition:1s; }


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

table.tblDef > thead > tr:first-child > * {border-bottom: 1px solid #ccc;}


table.tblDef > * > tr > th,
table.innerTbl > * > tr > th,
table.tblDef .bg {background-color: #f5f5f5;color: #282828;}

table.tblDef > tfoot > tr > *,
table.tblDef > * > tr.bg > * {background-color: #654d9d;color: #fff;border-left-color: #fff;}

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

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

table.borderTbl {border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
table.borderTbl > * > tr > * {border-right: 1px solid #ccc;}
table.borderTbl > thead > tr:first-child > * {border-bottom: 1px solid #ddd;}

table.ac th,
table.ac td {text-align: center !important;}

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

table.tblDef > * > tr > td {padding: 10px;text-align: left;}
table.inputTbl > * > tr > th,
table.innerTbl  > tbody > tr > th {text-align: left;vertical-align: middle;}
table.inputTbl > * > tr > th {padding-left: 20px;}
table.inputTbl th .essen {display: inline-block;vertical-align: middle;}

table.innerTbl {border-left: 1px solid #ccc;}
table.innerTbl  > * > tr > * {padding: 10px;}

table.inputTbl .label,
table.inputTbl > * > tr > th label {padding-left: 0;}
table.inputTbl .multi > span, table.inputTbl .multi > label, 
table.inputTbl td.phone span, table.inputTbl td.phone label, 
table.inputTbl td.address > span, table.inputTbl td.address > label, 
table.inputTbl td.birth > span, table.inputTbl td.birth > label, 
table.inputTbl td.email > span, table.inputTbl td.email > label {line-height: 33px;}

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

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


table.inputTbl td.email input[type="text"]:first-child {width: 210px;}
table.inputTbl td.email span.clear,
table.inputTbl .note {color: #e91e5c;font-size: 0.8em;}
table.inputTbl span.clear {padding-top: 0;line-height: 33px !important;}

table.inputTbl td.phone {overflow: hidden;}
table.inputTbl td.phone > * {float: left;}
table.inputTbl td.phone label {width: 142px;text-align: center;}

table.inputTbl td.address input[type=text] {width: 447px;}

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


/* program at a glance */
table.pagTbl{width: 100%; text-align: center; border-top: 1px solid #fff; border-right: 1px solid #fff; border-collapse: collapse; margin-top: 30px;}
table.pagTbl th,
table.pagTbl td{border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px;}
table.pagTbl td:first-child{border-left: 1px solid #fff;}
table.pagTbl thead tr th{background: #4D65AC; font-weight: 400; color: #fff;}
table.pagTbl thead tr:first-child th{background: #DE4D61; font-weight: bold;}


.ivory{background: #FFFFAC;}
tr.ivory td{background: #FFFFAC;}

.lightGreen{background: #DBFFDB;}
tr.lightGreen td{background: #DBFFDB;}

.lightOrange{background: #FFE680;}
tr.lightOrange td{background: #FFE680;}

.lightBlue{background: #C6EFFF;}
tr.lightBlue td{background: #C6EFFF;}

.lightPurple{background: #E3DEEB;}
tr.lightPurple td{background: #E3DEEB;}






div.selectFile {overflow:hidden;}
div.selectFile p {float:left;}
div.selectFile p input[type=text] {height:22px;padding:4px 10px}

div.selectFile p.withIcon {position:relative;width:66px;height:32px;margin-left:5px;background-color:#393939;}
div.selectFile p.withIcon i {z-index:0;position:absolute;left:50%;top:50%;color:#fff;font-size:14px;margin:-7px 0 0 -7px;}
div.selectFile p.withIcon.small {width:30px;}

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




/* 탭메뉴 & 서브메뉴(탭메뉴 스타일) */
ul.tabMenu,
ul.subMenu {overflow: hidden;margin: 30px auto 50px;padding: 0;}

ul.tabMenu > li,
ul.subMenu > li {float: left;margin: 0;list-style:none;}

ul.tabMenu li > *,
ul.subMenu li > * {display: block;padding:17px 0;text-decoration:none;border: 1px solid #4f3d7b;border-left: 0 none;text-align: center;color: #4f3d7b;font-size: 20px;line-height: 1.2em;}

ul.tabMenu > li:first-child > *,
ul.subMenu > li:first-child > * {border-left: 1px solid #dcdcdc;}

ul.tabMenu .on > *,
ul.subMenu .on > * {color: #fff;background-color: #4f3d7b;}

ul.borderMenu {position: relative;}
ul.borderMenu:after {position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #4f3d7b;content:" ";}
ul.borderMenu li > * {border:3px solid #dcdcdc;border-bottom:0 none;color: #dcdcdc;background-color: #fff;}
ul.borderMenu li:first-child > * {border-left-width: 3px;}
ul.borderMenu .on {position: relative;z-index: 10;}
ul.borderMenu .on > * {padding-bottom: 20px;border-color: #4f3d7b !important;background-color: #fff;color: #4f3d7b;}

ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.3%;}
ul.col3ea > li:first-child {width: 33.4%;}
ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}




/* 공통 */
.subTit {margin: 50px 0 20px;padding: 4px 0 5px 40px !important;background: url('/image/common/subTit.png') 0 6px no-repeat;color: #654d9d;font-weight: bold;font-size: 26px;line-height: 30px;}
.pointTit {margin: 50px 0 10px;color: #4f3d7b;font-weight: bold;font-size: 26px;line-height: 30px;}
.subTit_bl {margin: 50px 0 10px;padding: 0 0 0 20px;color: #4f3d7b;font-weight: normal;font-size: 26px;line-height: 30px;background: url('/image/common/subTit_bl.png') 0 10px no-repeat;}
.bulletTit {position: relative;margin: 30px 0 10px;padding: 0 0 0 15px;color: #4f3d7b;font-weight: normal;font-size: 22px;line-height: 30px;}
.bulletTit:before {position: absolute;left: 0;top: 0;content: "·";font-weight: bold;}

.boldTit {margin: 30px 0 5px;padding: 0;color: #4f3d7b;font-weight: bold;}

.subTit:first-child,
.subTit_bl:first-child,
.bulletTit:first-child {margin-top: 0 !important;}


.bdArea {padding: 10px 40px;border: 1px solid #cdcdcd;background-color: #f5f6fa;}
.bgArea {background-color: #f8f8f9;}
.overHidden > * {float: left;}

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

ul.listBl,
ul.listStar,
ul.listBar,
.blBar {margin: 0;padding: 0;}
ul.listBl > li,
ul.listStar > li,
ul.listBar > li,
.contents .blBar {position: relative;margin: 5px 0 0;padding: 0 0 0 1em;list-style:none;}
ul.listBl > li:before,
ul.listStar > li:before,
ul.listBar > li:before,
.blBar:before {position: absolute;left: 0;top: 0;}
ul.listBl > li:before {display: block;width: 5px;height: 5px;margin-top: 12px;border-radius:4px;background-color: #b6a4df;content: " ";}
ul.listStar > li:before {content: "* ";}
ul.listBar > li:before,
.blBar:before {content: "- ";}

ul.listBl > li:first-child,
ul.listBar > li:first-child {margin-top: 0;}




/* Tab */
ul.tab-list { border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
ul.tab-list:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
ul.tab-list li { float:left; line-height:40px; padding: 2px 0 4px;border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; font-weight:bold; color:#263238; font-size:1.1em; background-color:#f2f4f5; box-sizing:border-box; transition:1s; -webkit-transition:1s; }
ul.tab-list li:hover,
ul.tab-list li:active { display:block; text-align:center; color:#4f3d7b; background-color:#fff; border-bottom:1px solid #fff; cursor:pointer; transition:1s; -webkit-transition:1s; }
ul.tab-list li a { display:block; }
ul.tab-list li.on { text-align:center; color:#4f3d7b; background-color:#fff; border-bottom:1px solid #fff; }
ul.tab-list.column2 li { width:50%; }
ul.tab-list.column3 li { width:33.33333333333333%; }
ul.tab-list.column4 li { width:25%; }
ul.tab-list2 { border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
ul.tab-list2:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
ul.tab-list2 li { float:left; line-height:32px; padding: 5px 0 7px;border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; font-weight:bold; color:#263238; font-size:1em; background-color:#f2f4f5; box-sizing:border-box; transition:1s; -webkit-transition:1s; }
ul.tab-list2 li:hover,
ul.tab-list2 li:active { display:block; text-align:center; color:#fff; background-color:#4f3d7b; cursor:pointer; transition:1s; -webkit-transition:1s; }
ul.tab-list2 li a { display:block; }
ul.tab-list2 li.on { text-align:center; color:#fff; background-color:#4f3d7b; }
ul.tab-list2.column2 li { width:50%; }
ul.tab-list2.column3 li { width:33.33333333333333%; }
ul.tab-list2.column4 li { width:25%; }

.tab-list-wrap { display:hidden; padding:20px; border:1px solid #c2def2; }
/* //Tab */


/* Table */
table.table-basic { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:solid 2px #cfd8dc; }
table.table-basic th, 
table.table-basic td { padding:10px 15px; border-bottom:1px solid #e4e4e4; vertical-align:middle; }
table.table-basic th { color:#4f3d7b; font-weight:bold; background:#f2f4f5; }
table.table-basic td {}
table.table-basic td strong { color:#333; }
table.table-basic td li strong { font-size:14px; line-height:1.8em; }
table.table-basic.table-left th, 
table.table-basic.table-left td { text-align:left; }
table.table-basic.table-center th, 
table.table-basic.table-center td { text-align:center; }
table.table-basic .text-center { text-align:center !important; }
table.table-basic .text-left { text-align:left !important; }
table.table-basic .tit-small { font-size:0.85em; line-height:1.2em; }
table.table-basic .text-small { font-size:0.85em; line-height:1.2em; }
table.table-basic .time-list {}
table.table-basic .time-list:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
table.table-basic .time-list li { float:left; width:16.66666666666667%; text-align:center; padding:5px 0; }

table.table-overview { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; }
table.table-overview th, 
table.table-overview td { text-align:left; vertical-align:middle; }
table.table-overview th { padding:15px 0; border-bottom:1px solid #e4e4e4; color:#283593; font-size:15px; font-weight:bold; } 
table.table-overview th:first-child { border-top:1px solid #e4e4e4; }
table.table-overview td { padding-left:30px; }
table.table-overview td strong { font-weight:bold; color:#333; }
table.table-overview td li strong { font-size:14px; line-height:1.8em; }

table.table-program { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-size:12px; line-height:1.2em; }
table.table-program th, 
table.table-program td { padding:6px 2px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
table.table-program th { color:#333; background:#f8f8f8; }
table.table-program td {}
table.table-program td strong { font-weight:bold; color:#333; }
/* //Table */




/* 게시판 하단버튼 영역 */
ul.pager {margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;margin:0;}
ul.pager img {display:inline-block;width: 28px;vertical-align: top;}
ul.pager a {display: inline-block;border:0 none;padding: 3px 5px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #303030;}

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

ul.pager a.btnDef,
ul.pager a.on {background-color: #868686;font-weight:bold;color: #fff;text-align: center;}
ul.pager a img {vertical-align: top;}


/* Login */
div.loginArea {width: 715px;padding:50px 70px 70px;margin: 100px auto;border: 2px solid #eee;}
div.loginArea h3 {margin: 0;color: #000;font-weight: bold;font-size: 40px;}
div.loginArea div.formArea {position: relative;margin-top: 20px;padding-right: 165px;}
div.loginArea dl {position: relative;margin-top: 10px;padding: 9px 10px 10px 115px;background-color: #f0efef;}
div.loginArea dt {position: absolute;left: 15px;top: 50%;margin-top: -9px;}
div.loginArea dt label {color: #767d90;font-size: 15px;}
div.loginArea dd input {width: 413px;padding: 4px 10px;border: 0 none;background-color: #f0efef;}
div.loginArea p.btn {position: absolute;right: 0;top: 10px;width: 140px;height: 110px;}
div.loginArea p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 30px;}

div.loginArea ul.btn {margin-top: 30px;}
div.loginArea ul.btn li {position: relative;margin-top: 5px;padding: 5px 0;}
div.loginArea ul.btn li:before {display: inline-block;content: "- ";}
div.loginArea ul.btn a {position: absolute;right: 0;top: 50%;width: 250px;margin-top: -17px;padding: 6px 0;font-size: 18px;}

/* Forgotten your password? */
div.findPwd {width: 715px;padding:50px 70px 70px;margin: 100px auto;border: 2px solid #eee;}
div.findPwd h3 {margin: 0;color: #000;font-weight: bold;font-size: 40px;}
div.findPwd div.formArea {position: relative;margin-top: 20px;}
div.findPwd dl {position: relative;margin-top: 10px;padding: 9px 10px 10px 115px;background-color: #f0efef;}
div.findPwd dt {position: absolute;left: 15px;top: 50%;margin-top: -9px;}
div.findPwd dt label {color: #767d90;font-size: 15px;}
div.findPwd dd input {width: 413px;padding: 4px 10px;border: 0 none;background-color: #f0efef;}
div.findPwd p.btn {margin-top: 10px;height: 50px;}
div.findPwd p.btn * {width: 100%;height: 100%;padding: 0;border: 0 none;font-size: 25px;}


/* Online Submission */
div.ksesApply {min-height:800px;}
div.ksesApply ul.subMenu {}
div.ksesApply ul.subMenu span {display: block;font-size: 0.9em;}
div.ksesApply h4 {margin-top: 20px !important;}
div.ksesApply .bg {position: relative;border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 10px 20px;background-color: #f5f5f5;color: #000;font-weight: bold;font-size: 18px;}
div.ksesApply .bg span.btn {position: absolute;right: 10px;top: 50%;margin-top: -17px;}

div.ksesApply ul.note {margin-top: 30px;padding: 20px 40px;border: 1px solid #ccc;background-color: #f5f5f5;}
div.ksesApply ul.note li {position: relative;padding-left: 10px;margin-top: 5px;}
div.ksesApply ul.note li:before {position: absolute;left: 0;top: 0;content: "*";}
div.ksesApply ul.note li:first-child {margin-top: 0;}

div.ksesApply div.applyUtil {padding: 10px 0;text-align: right;}
div.ksesApply table.inputTbl.ac {}
div.ksesApply table.inputTbl.ac th {padding-left: 0;text-align: center;}

div.ksesApply span.character {float: right;font-weight: bold;padding-right: 10px;}
div.ksesApply span.character span {display: inline-block;width: 80px;margin-right: 5px;padding: 5px 10px;border: 1px solid #ccc;background-color: #fff;text-align: right;}
div.ksesApply td div.selectFile {margin-top: 5px;}
div.ksesApply td div.selectFile:first-child {margin-top: 0;}

div.ksesApply div.applyCom {padding: 50px 0;text-align: center;color: #425ebb;border: 1px solid #cdcdcd;font-weight: bold;font-size: 26px;line-height: 1.4;background-color: #f5f6fa;}
div.ksesApply div.applyCom span {display: block;font-size: 40px;}
div.ksesApply div.applyCom.ffKor {font-size: 20px;}
div.ksesApply div.applyCom.ffKor span {font-size: 30px;}

div.ksesApply div.note,
div.ksesApply div.totalPrice {padding: 20px 0;text-align: center;color: #425ebb;border: 1px solid #cdcdcd;background-color: #f5f6fa;font-weight: bold;font-size: 26px;}
div.ksesApply div.totalPrice {margin-top: 50px;}

/* Sign up */
ul.joinType, ul.joinType * {margin: 0;padding: 0;list-style:none;}
ul.joinType {overflow: hidden;width: 750px;margin: 0 auto;padding: 100px 0;}
ul.joinType li {float: right;}
ul.joinType li:first-child {float: left;}
ul.joinType a, ul.joinType img {display: block;}

div.join {width: 1170px;margin: 50px auto;}
div.join .subTit_bl {margin:30px 0 5px;}
div.join table.tblDef th {padding-left: 20px;text-align: left;}
div.join table.inputTbl {margin-top: 30px;}
div.join input[type=text],
div.join input[type=password] {width: 250px;}

div.join div.joinCom {border: 1px solid #d0d3e0;background-color: #f5f6fa;padding: 50px 0;text-align: center;color: #425ebb;font-weight: bold;font-size: 26px;line-height: 1.4;}
div.join div.joinCom span {display: block;font-size: 40px;}


/* My Page */
div.mypage {}
div.mypage table.tblDef {margin: 0 auto;}
div.mypage table.tblDef tbody th {padding-left: 20px;text-align: left;font-size:16px;}
div.mypage table.tblDef tbody td {font-size:18px;}
div.mypage table.tblDef td a.conLink {color: #00f;}
div.mypage td.admin a {display: inline-block;vertical-align: top;}
div.mypage td.admin a.preview {display: block;width: 104px;margin:0 auto 5px;}



/* Welcome Message */
div.welcome {}
div.welcome > p {margin-top: 30px;color: #666;}
div.welcome > p:first-child {margin-top: 0;font-weight: bold;font-size: 34px;color: #263238;}

div.welcome div.photo {position: relative;min-height: 267px;margin-top: 30px;padding-right: 240px;}
div.welcome div.photo p:first-child {padding-bottom: 20px;font-size: 20px;color: #e91e63;}
div.welcome div.photo p.photo {position: absolute;right: 0;top: 0;}

div.welcome .sign {margin-top: 60px;text-align: left;}
div.welcome .sign strong {display: block;color: #000;font-size: 22px;}


/* About WSSFN */
ul.yearList {margin: 0;padding: 0;border-top: 1px solid #e4e4e4;}
ul.yearList > li {position: relative;margin: 0;padding:22px 20px 22px 90px;border-bottom: 1px solid #e4e4e4;}
ul.yearList span {position: absolute;left: 10px;top: 10px;width: 50px;padding: 12px 0 11px;border-radius: 25px;text-align: center;color: #263238;background-color: #f2f4f5;font-weight: bold;}


/* General Information */
/* Venue */
dl.address {padding-top: 50px;}
dl.address > dd {padding-left: 40px;}
dl.address ul {margin-top: 15px;}
dl.address strong {}



/* Transport */
div.transport {}
div.transport > * {margin-top: 20px;}
div.transport p.map {margin-top: 0;border: 1px solid #e4e4e4;}
div.transport p.map img {display: block;margin: 20px auto;}

div.transport ul.tab-list2 {margin: 30px 0;}

div.transport .text-center {padding-top: 20px;}
div.transport .table-basic {margin-top: 20px;}



div.genInfo {}
div.genInfo *{float: none;}
div.genInfo a {color: #252e35;}

div.genInfo div.overHidden {padding:10px 0 0 30px;}

div.genInfo .fr {width: 870px;padding-right: 120px;}
div.genInfo div.overHidden dt {padding-top: 20px;color: #086ca3;font-size: 18px;}

/*korea*/
div.seoul {}
div.seoul *{float: none;}

div.seoul h3.boldTit {padding-bottom: 10px;text-align: center;font-size: 35px;color: #2c67b0;font-weight: normal;}

div.seoul > p {padding: 30px 0 0 30px;}
div.seoul > p.img {padding-top: 0;}

div.seoul > div {padding-left: 30px;}
div.seoul div.overHidden p.fl {padding-right: 20px;}


/* abstract 국문 191031 */
div.abstract{font-size: 16px;}
div.abstract a.btn{border-color:#654d9d; color: #654d9d; font-size: 22px; padding: 14px 35px 12px;}


dl.absInfo{margin-top: 50px;}
dl.absInfo>dt{margin-bottom: 15px; font-size: 22px;} 
dl.absInfo dd p{margin-top: 10px;}
dl.absInfo dd ul li{margin-top: 5px;}
dl.absInfo dd ul li:first-child{margin-top:0;}


div.pointDay{width: 780px; margin: 0; padding: 0;}
div.pointDay::after{content:""; display:block; clear:both;}
div.pointDay dl{overflow: hidden;}
div.pointDay dl:nth-child(2){margin-right: 16px;}
	div.pointDay dl.orange{border: 1px solid #e6780e; text-align: center; margin-bottom: 20px;}
	div.pointDay dl.orange dt{width: 280px;color: #fff; background: #e6780e;  padding: 20px 0;}
	div.pointDay dl.orange dd{background: transparent; color: #e6780e;  padding: 20px 0;}

	div.pointDay dl.green{width: 380px; border: 1px solid #57c526; text-align: center;}
	div.pointDay dl.green dt{color: #fff; background: #57c526;  padding: 10px 0;}
	div.pointDay dl.green dd{background: transparent; color: #57c526;  padding: 10px 0;}

	div.pointDay dl.skyBlue{width: 380px; border: 1px solid #2696c5; text-align: center;}
	div.pointDay dl.skyBlue dt{color: #fff; background: #2696c5;  padding: 10px 0;}
	div.pointDay dl.skyBlue dd{background: transparent; color: #2696c5;  padding: 10px 0;}

/* abstract 영문 191031 */
div.abstractEng{font-size: 18px;}
div.abstractEng h3 img{vertical-align: middle; display:inline-block; padding-left: 10px;}
div.abstractEng h4{font-size: 24px; margin-top: 30px;}
div.abstractEng a.btn{border-color:#654d9d; color: #654d9d; font-size: 22px; padding: 14px 35px 12px;}

div.abstractEng>dl{margin-top: 50px;}
div.abstractEng>dl:nth-child(5){margin-top: 0;}
div.abstractEng>dl>dt{font-weight: bold; font-size: 22px;}


ul.pointDayEng{overflow: hidden;margin-top: 10px;}
ul.pointDayEng li{width: 280px; float:left; margin-left:24px; text-align: center; padding-bottom:20px; font-size: 24px;}
ul.pointDayEng li:first-child{margin-left: 0;}
ul.pointDayEng li strong{color: #fff;display:block; padding: 20px 0; margin-bottom: 25px; font-size: 20px;}

	li.orange{border: 1px solid #e6780e; color: #e6780e;}
	li.orange strong{background: #e6780e;}

	li.green{border: 1px solid #57c526; color: #57c526;}
	li.green strong{background: #57c526;}

	li.skyBlue{border: 1px solid #2696c5; color: #2696c5;}
	li.skyBlue strong{background: #2696c5;}

	li.blue{border: 1px solid #2a26c5; color: #2a26c5;}
	li.blue strong{background: #2a26c5;}

dl.innerCon>dt{}
dl.innerCon>dt{color: #2a26c5; margin:20px 0 10px;}
dl.innerCon>dd{padding-left:20px;}
dl.innerCon>dd dd{padding-left:20px;}

dl.modiFication{font-size: 18px;}
dl.modiFication>dt{color: #2a26c5; background: #ebeffc; border-top: 1px solid #654d9d; border-bottom: 1px solid #654d9d; padding: 15px 0 15px 30px;}
dl.modiFication>dd{padding: 15px 0 15px 30px;}

p.bgBox{text-align: center; margin-top: 30px; padding: 30px 0; border: 1px solid #d0d3e0; background: #f5f6fa; color: #425ebb;}







/*서브 공통*/
ul.list_bl{}
ul.list_bl li{list-style:disc; list-style-position: inside;}
div.map{margin-bottom: 20px;}
div.map iframe{width: 100%;}
.subTit_bar{background: url(/image/sub/absInfo_tit.png) no-repeat left center; color: #4f3d7b !important; padding-left: 25px !important;} 
.listNum > li{margin-top: 5px;list-style:decimal; list-style-position: inside; margin-left: 20px; text-indent: -15px;}
.listNum > li:first-child {margin-top: 0;}

.tm50{margin-top: 50px;}


/* 사전등록안내 & 초록접수안내 */
div.guideline {color: #2c2c2c;}
div.guideline > p {margin-top: 20px;}

/*div.deadline {padding: 22px 0 20px;background: url('/image/sub/deadline_bg.png') 0 0 no-repeat;text-align: center;color: #fff;font-size: 32px;}*/
div.deadline {padding: 22px 0 20px;background:  0 0 no-repeat;border:1px solid #dadada;text-align: center;color: #000000;font-size: 32px;}
div.deadline span {color: #432288;font-weight: 500;}
/*div.deadline span {color: #ffc453;font-weight: 500;}*/

ul.impoDate {overflow: hidden;}
ul.impoDate > li {float: left;position: relative;width: 380px;padding: 38px 0 39px;margin-left: 30px;vertical-align: middle;color: #fff;font-size: 22px;font-weight: 300;text-align: center;}
ul.impoDate > li:after {position: absolute;left: 5px;top: 5px;width: 368px;height: 138px;border: 1px solid rgba(255,255,255,.4);content: " ";}
ul.impoDate > li:first-child {margin-left: 0;}
ul.impoDate span {display: block;font-weight: 500;font-size: 27px;}

ol.step, ol.step li {margin: 0;padding: 0;list-style:none;text-indent: -10000px;}
ol.step {background-position: center top;background-repeat: no-repeat;}
ol.step li {height: 0;}

div.guideline .btn {padding-top: 30px;}
div.guideline .btnBig, div.guideline .btnBig > * {border-radius:10px;}
div.guideline .btnBig {box-shadow:8px 8px 0 #eee;}

div.guideline ul.bgArea {padding: 20px 40px;}




/* acomm 191209 */

div.acomm{color: #3d3d3d;}
ol.acomm_step{overflow: hidden; text-align: center; margin-top: 75px;}
ol.acomm_step li{position: relative;display:inline-block; margin: 0 45px 0;}
ol.acomm_step li::after{content:""; display:block; position: absolute; top: 95px; right: -55px; width: 22px; height: 38px; background: url(/image/icon/acomm_next.png) no-repeat 0,0;}
ol.acomm_step li:first-child{margin-left: 0;}
ol.acomm_step li:last-child{margin-right: 0;}
ol.acomm_step li:last-child::after{display:none;}




div.acomm h3.subTit{margin: 30px 0 20px;}
div.acomm div.btnArea{overflow: hidden;}
div.acomm div.btnArea::after{content:""; display:block; clear: both;}
div.acomm p > a{color: #3d3d3d; text-decoration: none;}
div.acomm table.tblDef td:first-child{border-left: 1px solid #ccc;}


/* 초록보기 */

div.reviewArea {padding:30px; background-color:#f6f6f6; line-height:22px; color:#000; border:1px solid #dcdcdc; border-radius:5px;}

div.reviewArea ul.reviewInfo {margin: 0;padding: 0;line-height:30px; color:#666;}
div.reviewArea ul.reviewInfo li {margin: 0;list-style:none;}
div.reviewArea h4 {padding-top:60px; font-size:28px; font-weight:bold; line-height:30px; text-align:center;}
div.reviewArea p.speakerInfo {padding:30px 0; text-align:center;}

div.reviewArea > dl dt {padding-top:25px; font-weight:bold; color:#4f3d7b;}



/* 심포지움 */

tr.symposium th{background: #fef7e2 !important; color: #dbab1c !important; border-top: 2px solid #dbab1c !important; font-weight: bold !important;}



tr.plenary th{background: #f0f9ff !important; color: #4797cd !important; border-top: 2px solid #61b4ed !important; font-weight: bold !important;}


span.panel{margin-left: 72px; display:block; text-indent:-52px;}


table.symposiumTbl{border-collapse: collapse;}
table.symposiumTbl th,
table.symposiumTbl td{border-left: 1px solid #ccc; padding: 10px; border-bottom: 1px solid #ccc; text-align: left;}
table.symposiumTbl th:first-child,
table.symposiumTbl td:first-child{border-left: 0 none;}


/* International speakers */
div.invited {}
ul.speakerList {}
ul.speakerList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.speakerList > li {position: relative;float: left;width: 224px;margin-left: 20px;padding-bottom: 45px;background-color: #f5f5f5;}
ul.speakerList > li:first-child,
ul.speakerList > li:nth-child(5n+1) {clear: both;margin-left: 0;}
ul.speakerList img, ul.speakerList span {display: block;}

ul.speakerList span.thumb {position: relative;height: 267px;}
ul.speakerList span.thumb img {width: 224px;height: 267px;}
ul.speakerList span.name {position: absolute;left: 0;bottom: 0;width: 100%;padding: 8px 0 10px;background-color: rgba(0,0,0,.7);text-align: center;color: #fff;font-weight: 400;font-size: 24px;}
ul.speakerList span.affiliation {padding: 15px;color: #2c2c2c;font-size: 18px;}
ul.speakerList a {position: absolute;right: 15px;bottom: 15px;display: block;}

/*scientific program*/
tr.freepaper th{font-size: 15px; background: #fef7e2 !important; color: #dbab1c !important; border-top: 2px solid #dbab1c !important; font-weight: bold !important;}
tr.sympo th{background: #f0f9ff !important; color: #4797cd !important; border-top: 2px solid #61b4ed !important; font-weight: bold !important;}
tr.room th{background: #ffdedb !important; color: #b51b33 !important; border-top: 2px solid #8d192b !important; font-weight: bold !important;}
tr.workshop_01 th{background: #ebf5e0 !important; color: #415c28 !important; border-top: 2px solid #86a269  !important; font-weight: bold !important;}
table.sceintificTbl{border-collapse: collapse; width:100%;}
table.sceintificTbl th,
table.sceintificTbl td{font-size: 16px;border-left: 1px solid #ccc; padding: 10px; border-bottom: 1px solid #ccc; text-align: left;}
table.sceintificTbl th:first-child,
table.sceintificTbl td:first-child{border-left: 0 none;}






/* sponsorship 20200129 */
div.spon{font-size: 18px !important;}
div.spon a{text-decoration: none; color: #000;}
div.spon>p{margin: 0 0 20px 0 !important;}

.spon table.tblDef{width: 90%;}
.spon table.tblDef th{color: #282828;}
.spon table.tblDef tbody th{color: #282828; padding-left: 10px;}
.spon table.tblDef td{color: #000;}

table.half{width: 100%;}


/* 게시판 검색 */
div.bbsSearch {padding:0;text-align: right;}
div.bbsSearch input,
div.bbsSearch select,
div.bbsSearch .btn {vertical-align:top;}
div.bbsSearch select {height: 36px;}
div.bbsSearch input[type=text] {width:300px;height: 30px;}
div.bbsSearch .btn > * {height: 36px;font-size: 13px;vertical-align:top;}

div.bbsUtil {padding:30px 0 10px;}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
div.bbsUtil .btn * {min-width:90px;height:30px;font-size:15px;}
div.bbsUtil .btn a {height: auto;padding:4px 0 3px;line-height:15px;}


/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */
ul.bbsNote {padding: 23px 30px 25px;border:1px solid #ddd;font-size:13px;line-height:25px;word-spacing:-1px;}

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

table.bbs {border-top-color:#4f3d7b;margin-top:10px;border-bottom: 0 none;}
table.bbs > * > tr > th, table.bbs > * > tr > td {border: 0 none;border-bottom: 1px solid #dcdcdc;padding:6px 0 7px;text-align:center;}

table.bbs > thead > tr > th {height: 35px;border-bottom-color: #2b63b8;background-color:#f8f8f8;line-height:20px;color: #0b316f;}
table.bbs > thead > tr > th:first-child {background-image: none;}
table.bbs > tbody > tr > .bg {padding-bottom:10px;background-color:#f8f8f8;color:#4f3d7b;text-align:center;}
table.bbs > tbody > tr > td a {display:inline-block;line-height:24px;height:24px;text-decoration: none;color: #777;}

table.bbs > tbody > tr > td.tit {padding-left: 10px;text-align:left;}
table.bbs > tbody > tr > td.tit a {display:inline-block;width:300px;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;text-decoration: none;color:#393939;padding-right: 80px;}

table.bbs > tbody > tr > td.tit a > span {display: inline;}
table.bbs > tbody > tr > td.tit img.notice {vertical-align:top;padding:4px 5px 0 0;}

table.bbs td.tit a.new {padding-right:25px;}
table.bbs td.tit a.new img.new {position:absolute;right:0;top:17px;margin-top:-10px;}
table.bbs td.tit a.reply span.reply {display: inline-block;position: absolute;right: 25px;top: 50%;margin-top: -12px;}

table.bbs td.file,
table.bbs td.con {text-align:left;padding:6px 10px 7px;}


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

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

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


/* 댓글 작성 */
div.reply, div.reply dl, div.reply dt, div.reply dd, div.reply ul, div.reply li, div.reply p, div.reply a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.reply {margin-top:45px;border-bottom:1px solid #e1e3e6;}
div.reply div.replyWrite {position:relative;overflow:hidden;height:120px;padding:0 0px 20px 0;width: 100%;}
div.reply div.replyWrite textarea {width:81%;height:78px;padding:10px 2%;}
div.reply div.replyWrite input[type=submit] {position:absolute;right:0;top:0; width: 170px; height: 100px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:10px;border-top:1px solid #d3d3d3;}
dl.replyItem dt,
dl.replyItem dd {padding:0 10px;}

dl.replyItem dt {font-weight:bold;}
dl.replyItem dt span {font-weight:normal;}

dl.replyItem dd.util {position:absolute;right:0;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util a {font-size:12px;color:#666;}
dl.replyItem dd.util li {padding-left:10px;background:url('http://framework.m2comm.co.kr/web/setting/image/sub/bbsBl_bar.gif') 5px 8px no-repeat;}
dl.replyItem dd.util li:first-child {padding-left:0;background:none;}

div.reply dd.con {padding:10px;}
dl.replyItem dd.info {color:#000}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:10px 10px 10px 27px;background:url('http://framework.m2comm.co.kr/web/setting/image/sub/bbsBl_reply.gif') 5px 15px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}

dl.replyItem dd.write div.replyWrite {padding-bottom:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:5px;color:#000;}
dl.replyItem dd.write div.replyWrite textarea {width:935px;height:60px;padding:26px 2% 10px;}

/* */
div.optionalTour {padding-bottom: 50px;}
div.optionalTour table {border-top: 0 none;}
div.optionalTour th {border-top: 1px solid #654d9d !important;border-bottom: 1px solid #654d9d;background-color: #ebeffc !important;color: #654d9d;}

div.optionalTour img {vertical-align: top;}
div.optionalTour td {border: 0 none;text-align: center !important;}
div.optionalTour td span,
div.optionalTour td strong{display: inline-block;width: 560px;}


/* program al a glance 200313 */

div.pag{position: relative;}
div.pag ul.borderMenu{margin-top: 10px;}
div.pag h3.subTit{margin-top: 60px !important;}
div.pag p.ar{margin: 0; position: absolute; right: 0; top:72px;}
div.pag p.ar a{display:inline-block;}
div.pag p.ar a img{display:block;}

div.pag table.tblDef{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#585b9f+0,a73580+100 */
	background: rgb(88,91,159); /* Old browsers */
	background: -moz-linear-gradient(left,  rgb(88,91,159) 0%, rgb(167,53,128) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgb(88,91,159) 0%,rgb(167,53,128) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgb(88,91,159) 0%,rgb(167,53,128) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585b9f', endColorstr='#a73580',GradientType=1 ); /* IE6-9 */
}
div.pag table.tblDef thead th{background-color: transparent; color: #fff; font-weight: bold; font-size: 22px;}	
div.pag table.tblDef tbody td{background: #fff; text-align: center;}	
div.pag table.tblDef th,
div.pag table.tblDef td{border-left: 0 none; position: relative; padding: 10px; color: #000; }
div.pag table.tblDef th::before,
div.pag table.tblDef td::before{content:''; display:block; position: absolute; top: 25%; right: 0; height: 50%; width: 1px; background: #dcdcdc;}
div.pag table.tblDef th:last-child::before,
div.pag table.tblDef td:last-child::before{display:none; }
	

.break th::before,
.break td::before{display:none;}
.break td{background: #fff !important; font-style: italic; font-weight: 400 !important;}

.addLine::after{content:''; display:block !important; position: absolute; top: 25%; left: 0; height: 50%; width: 1px; background: #dcdcdc;}
.removeLine::before{display:none !important;}
.ticket{display:inline-block; vertical-align: middle; margin-left: 5px !important; background: #fff;}