@charset "utf-8";
@import url('/css/common_v3.css');
@import url('/css/Pretendard.css');
@import url('/css/fontawesome.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600&display=swap');

body {margin: 0;}


dl#skipNavi, dl#skipNavi dt, dl#skipNavi dd, dl#skipNavi a {margin: 0;padding: 0;text-decoration: none;font-size: 0;line-height: 0;}
hr {margin: 0;border: 0 none;}

.scrollArea::-webkit-scrollbar {width:10px;height: 10px; }
.scrollArea::-webkit-scrollbar-track {background-color: #eee;}
.scrollArea::-webkit-scrollbar-thumb {background-color: #aaa;}

strong {font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}

select,
input:focus {outline:none;}


select,
input[type='text'],
input[type='password'],
textarea {height: 35px;padding:5px 10px 7px;border:1px solid #d1d1d1;box-sizing:border-box;font-family: 'Pretendard-Regular', sans-serif;background-color: #fff;}
select {padding:0;}
textarea {width: 100%;height: 150px;box-sizing:border-box;}


input[type=radio],
input[type=checkbox] {vertical-align:top;margin:0 10px 0 20px;}
table input[type=radio],
table input[type=checkbox] {vertical-align:top;margin:7px 10px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0 !important;}


span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;box-sizing:border-box;border: 1px solid #dcdcdc;}
span.inputR {border-radius:50%;}

span.inputC.on,
span.inputR.on {background: #b33130 url('/image/icon/checked.png') center center no-repeat;}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}




/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
.essen:after {color: #e82d47;content: " *";}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}


a,
input[type=submit],
input[type=button],
input[type=reset],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;text-decoration: none; color: inherit;outline:none;font-family: 'Pretendard-Regular', sans-serif;}
select,
textarea {margin:0;outline:none;font-family: 'Pretendard-Regular', sans-serif;box-sizing:border-box;}



/* 버튼 영역 */
.btnArea {position:relative;margin-top: 35px;text-align:center;}
.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


/* 기본 버튼 height: 50px */
.btn a,
.btn > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height: 50px;padding:0 30px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'Pretendard-SemiBold', sans-serif;box-sizing:border-box;font-size: 18px;}

.btn a, .btn > span {height:auto;line-height: 19px;padding: 14px 30px 15px;}
.btn i {padding-right: 5px;}

.btn > *  img {display: inline-block;vertical-align: top;margin: 3px 0 0 10px;}

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

.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}



/* 남색 */					.btn .btnDef {background-color:#183c6e !important;border-color:#183c6e !important;color:#fff !important;}
/* 주황색 */					.btn .btnPoint {background-color:#fc7126 !important;border-color:#fc7126 !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#626262 !important;border-color:#626262 !important;color:#fff !important;}


/* border+남색 */			.btn .btnBdDef {background-color:#fff !important;border-color:#183c6e !important;color:#183c6e !important;}
/* border+주황색 */		.btn .btnBdPoint {background-color:#fff !important;border-color:#fc7126 !important;color:#fc7126 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff !important;border-color:#626262 !important;color:#626262 !important;}

/* 삭제 */						.btn .btnDel {background-color:#dc4560 !important;border-color:#dc4560 !important;color:#fff !important;}

/* btnSmall height: 30px */
.btn .btnSmall {height: 30px;padding: 4px 20px 5px;font-size: 15px;font-family: 'Pretendard-Regular', sans-serif;}

/* btnBig height: 60px */
.btn .btnBig {min-width: 150px;height: 60px;padding: 15px 50px;text-align: center;}
.btn a.btnBig,
.btn span.btnBig{height: auto;line-height: 28px;}

.btn .btnBig img {margin: 6px 0 0 10px;}

/* 리스트 */
ul.noBl, ul.noBl > li {margin: 0;padding: 0;list-style: none;}

ul.listBl, ul.listBl > li {margin: 0;padding: 0;list-style:none;}
ul.listBl > li {position: relative;padding-left: 15px;}
ul.listBl > li:before {position: absolute;left: 0;top: 14px;width: 4px;height: 4px;border-radius: 50%;content: " ";background-color: #1eb2b5;}

ul.listStar, ul.listStar > li {margin: 0;padding: 0;list-style:none;}
ul.listStar > li {position: relative;margin-top: 5px;padding-left: 15px;}
ul.listStar > li:before {position: absolute;left: 0;top: 0;content: "*";}

ul.listStar_2, ul.listStar_2 > li {margin: 0;padding: 0;list-style:none;}
ul.listStar_2 > li {position: relative;margin-top: 5px;padding-left: 18px;}
ul.listStar_2 > li:before {position: absolute;left: 0;top: 0;content: "※";}

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 15px;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}

ul.listDot, ul.listDot > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li {position: relative;padding-left: 15px;}
ul.listDot > li:before {position: absolute;left: 0;top: 0;content: "·";}

ul.listNum_2 {counter-reset:num 0; margin: 0; padding: 0; list-style: none;}
ul.listNum_2 > li {position: relative; margin-top: 20px; padding-left: 18px;}
ul.listNum_2 > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}
ul.listNum_2 > li:first-child {margin-top: 0;}

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

/* 타이틀 관련 */
.subTit {margin: 25px 0 10px;padding-left: 30px;background: url('image/subTit_bl.png') left top 6px no-repeat;color: #2d80cc;font-size: 20px;line-height: 30px;font-weight: normal;font-family: 'Pretendard-Medium', sans-serif;}

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

/* 레이어 팝업 */
div.layerPopup {display: none;z-index: 200;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
div.layerPopup div.popupWrap {position: absolute;left: 50%;top: 50%;border-radius:20px 20px 0 0;background-color: #fff;transform:translate(-50%, -50%);}
div.layerPopup div.popupWrap h1 {margin: 0;background-color: #3681c7;color: #fff;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
div.layerPopup .close {position: absolute;}
div.layerPopup .close a, 
div.layerPopup .close img {display: block;}

/* 메뉴 관련 */

/* 탭메뉴 */
ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style: none;}
ul.tabMenu {font-size: 0;line-height: 0;text-align: center;}
ul.tabMenu li {display: inline-block;vertical-align: top;width: 280px;background-color: #f3dfd0;}
ul.tabMenu li:first-child {border-radius: 5px 0 0 5px;}
ul.tabMenu li:last-child {border-radius: 0 5px 5px 0;}
ul.tabMenu a {display: table-cell;width: 800px;height: 55px;border-radius: 5px;vertical-align: middle;text-align: center;color: #c4b0a1;font-size: 19px;line-height: 23px;font-family: 'Pretendard-Medium', sans-serif;}
ul.tabMenu .on a {background-color: #2d80cc;color: #fff;}

/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
table.tblDef,
table.inputTbl {border-top: 2px solid #9fc2d3;border-bottom: 1px solid #ccdfe7;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {padding:7px 15px;color: #444;border-top:1px solid #ccdfe7;border-left: 1px solid #ccdfe7;font-family: 'Pretendard-Regular', sans-serif;}

table.tblDef > * > tr > *,
table.innerTbl > * > tr > * {text-align: center;}
table.inputTbl > * > tr > * {text-align:left;}


table.tblDef > thead > tr:first-child > *,
table.tblDef > colgroup + tbody > tr:first-child > *,
table.innerTbl > * > tr:first-child > *,
table.innerTbl > colgroup + tbody > tr:first-child > *,
table.inputTbl > thead > tr:first-child > *,
table.inputTbl > colgroup + tbody > tr:first-child > * {border-top: 0 none;}


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


table.tblDef > thead > tr > th {text-align: center;background-color: #ddebf1;color: #183c6e;font-family: 'Pretendard-SemiBold', sans-serif;border-left-color: #fff;}
table.tblDef > tbody > tr > th,
table.tblDef > * > tr.bg > *,
table.inputTbl > * > tr > th {background-color: #eff5f7;word-break:keep-all;color: #183c6e;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;font-weight: normal;}
table.tblDef > * > tr > *.titBg {background-color: #077102;color: #fff;}

.subTitBg + table.inputTbl {border-top: 0 none;}


table.innerTbl {border-top: 1px solid #d0d7e2;}
table.innerTbl:first-child {border-top: 0 none;}
table.innerTbl > * > tr > th {word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;text-align: center;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table .bdLeft {border-left:1px solid #d9d9d9 !important;}

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

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

table.al > * > tr > td {text-align:left !important;}

table.ac > * > tr > * {text-align:center !important;}



/* 텍스트 */
.fcBlue {color: #265ec4 !important;} 
.fcRed {color: #ef0f0f !important;} 
.fcPoint {color: #279ec5 !important;} /* 하늘색 */
.fwBold {font-family: 'Pretendard-SemiBold', sans-serif !important;font-weight: normal !important;}







/* ========= 폼태그  ========= */
div.formArea .note {color: #9c9c9c;}
div.formArea input[type=text].wide + span.note {padding-top: 5px;}

div.formArea input[type=text],
div.formArea input[type=password] {box-sizing:border-box;}

input[type=text].wide,
input[type=password].wide {width: 100% !important;}
input[type=text].narrow {width: 100px !important;}

dl.inputArea dd.multi {}
dl.inputArea dd.multi:after {clear: both;display: block;height:0;line-height: 0;font-size: 0;content: "";}
dl.inputArea dd.multi > * {float: left;margin-left: 5px;}
dl.inputArea dd.multi > *:first-child {margin-left: 0;}

.addInfo ul, .addInfo li, .addInfo a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
.addInfo li {margin-top: 5px;}
.addInfo li:first-child {margin-top: 0;}
.addInfo {position: relative;padding-left: 90px !important;}
.addInfo .btnAdd {position: absolute;left: 10px;top: 10px;width: 70px;line-height: 40px;text-align: center;color: #fff;background-color: #3c57bf;}

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

div.formArea select {width: 100%;height: 35px;}
div.formArea select + select {margin-top: 5px;}
div.formArea td input[type=text],
div.formArea td input[type=password],
div.formArea td select {width: 250px;}
div.formArea table.innerTbl td select {width: auto !important;}
div.formArea .fr select {width: 100px;}
div.formArea input[type=radio],
div.formArea input[type=checkbox] {margin: 10px 5px 0 20px;}
div.formArea input[type=radio]:first-child,
div.formArea input[type=checkbox]:first-child {margin-left: 0;}


div.formArea label,
div.formArea span {display: inline-block;font-size: 17px;line-height: 35px;}

dl.inputArea {margin: 0;padding: 0;}
dl.inputArea > * {}
dl.inputArea > dt {padding:5px 10px;border-bottom: 1px solid #ebebeb;background-color: #f7f7f7;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.inputArea > dt:first-child {border-top: 2px solid #329c93;}
dl.inputArea > dd {padding: 10px;border-bottom: 1px solid #ccc;background-color: #fff;}

dl.inputArea > dd.txt {font-size: 14px;}
dl.inputArea > dd.txt input[type=checkbox],
dl.inputArea > dd.txt input[type=radio] {margin-left: 0;}

dl.inputArea > dd.txt label + input[type=checkbox],
dl.inputArea > dd.txt label + input[type=radio] {margin-left: 20px;}

dl.inputArea input[type=text],
dl.inputArea input[type=password] {width: 100%;height: 40px;}

div.formArea .name {overflow: hidden;}
div.formArea .name label {float: left;width: 50px;margin:0 0 5px;}
div.formArea .name .clear {margin-bottom: 0;}
div.formArea .name input[type=text] {float: left;width: calc(100% - 55px);}

div.formArea .date {overflow: hidden;}
div.formArea .date > * {float: left;margin-left: 5px;}
div.formArea .date select {width: calc(25% - 10px);}
div.formArea .date select:first-child {width: calc(50% - 60px);margin-left: 0;}
div.formArea .date span {width: 15px;margin-left: 5px;}

div.formArea .email {}
div.formArea .email:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .email > * {float: left;}
div.formArea dd.email input[type=text] {width: calc(50% - 15px);}
div.formArea dd.email input[type=text] + span {width: 30px;text-align: center;}
div.formArea dd.email select {width: 100%;margin-top: 5px;}

div.formArea td.email input[type=text] {width: 30%;}
div.formArea td.email input[type=text] + span {width: 30px;text-align: center;}
div.formArea td.email select {width: calc(40% - 35px);margin-left: 5px;}

div.formArea .address {}
div.formArea .address:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .address > * {float: left;}
div.formArea .address > *:first-child,
div.formArea .address > *.clear {margin-left: 0;}
div.formArea .address input[type=text] {width: 400px;margin: 5px 0 0 5px}
div.formArea .address input[type=text]:first-child {width: 120px;margin-top: 0;}
div.formArea .address input[type=text].clear {width: calc(100% - 405px);}
div.formArea .address a {width: 100px;padding: 4px 0 5px;margin-left: 5px;color: #fff;background-color: #626262;text-align: center;font-size: 15px;}
div.formArea .address span.note {clear: both;line-height: 25px;}

div.formArea .phone {}
div.formArea .phone:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .phone > * {float: left;}
div.formArea .phone select,
div.formArea .phone input[type=text]:first-child {width: 30%;}
div.formArea .phone input[type=text] {width:calc(35% - 30px);}
div.formArea .phone span {width: 30px;line-height: 40px;text-align: center;}


table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label,
table.inputTbl .date span {width: auto;line-height: 40px;}
table.inputTbl .date select {width: 80px;}
table.inputTbl .date select:first-child {width: 120px;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 12px 0 0 -25px;}

table.inputTbl .period:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.inputTbl .period > *,
table.inputTbl .period > .clear > *,
table.inputTbl .period span > * {float: left;margin-left: 10px;}
table.inputTbl .period *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], 
table.inputTbl .period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period select {width: 70px;min-width:70px;}
table.inputTbl .period label,
table.inputTbl .period span {line-height: 40px;}
table.inputTbl .period input[type=text] {padding-right: 40px;}
table.inputTbl .period input[type=text]:first-child,
table.inputTbl .period span + input[type=text] {width: 200px;}
table.inputTbl .period span + input[type=text] {margin-left: 10px;}
table.inputTbl .period input[type=image],
table.inputTbl .period button {margin: 10px 0 0 -30px;}

.withBtn {}
.withBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.withBtn > *  {float: left;margin-left: 5px;}
.withBtn > *:first-child {margin-left: 0;}
.withBtn input[type=text] {}
.withBtn a {width: 100px;padding: 4px 0 5px;color: #fff;text-align: center;font-size: 15px;}
.withBtn + div.note {line-height: 35px;}

.withBtn a.btnGrey {background-color: #626262;}
.withBtn a.btnDef {background-color: #183c6e;}


.antiSpam {}
.antiSpam:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.antiSpam > *  {float: left;margin-left: 5px;}
.antiSpam > *:first-child {margin-left: 0;}
.antiSpam input[type=text] {width: calc(100% - 125px) !important;}
.antiSpam span {width: 120px;color: #fff;background-color: #333;text-align: center;}
.antiSpam + div.note {line-height: 20px;}


div.formArea div.photo > * {display: block;padding: 0;}
div.photo {position: relative;height: 152px;padding:10px 10px 10px 140px;border-bottom: 1px solid #ccc;}
div.photo p.thumb {position: absolute;left: 10px;top: 10px;width: 120px;height: 150px;border: 1px solid #ccc;background:#f9f9f9 url('/image/sub/thumbBg.png') center center no-repeat;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {}
ul.option:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option li {float: left;margin-left: 15px;padding-left: 25px;}
ul.option li * {display: inline-block;vertical-align: top;}
ul.option li:first-child,
ul.option li.clear {margin-left: 0;}
ul.option label {line-height: 40px;}
ul.option input[type=text] {width: 200px;margin-left: 10px;}

ul.option_txt, ul.option_txt > li {margin: 0;padding: 0;list-style:none;}
ul.option_txt:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option_txt li {float: left;margin:0 0 5px 15px;}
ul.option_txt li:first-child,
ul.option_txt li.clear {margin-left: 0;}

ul.multi, ul.multi li {margin: 0;padding: 0;list-style:none;}
ul.multi > li {margin:5px 0 !important;}
ul.multi > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.multi > li > * {float: left;margin-left: 5px;}

.bbsTit ul.multi {margin-left: 10px;}
.bbsTit ul.multi > li {margin: 0 0 0 10px !important;}
.bbsTit ul.multi > li:first-child {margin-left: 0 !important;}
.bbsTit ul.multi + ul.multi {margin:5px 0 0 0;}

ul.upload, ul.upload li {margin: 0;padding: 0;list-style:none;}
ul.upload {}
ul.upload > li {float: none !important;margin: 0 !important;padding: 5px 10px;border-top: 1px solid #ebebeb;}
ul.upload > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.upload > li:first-child {border-top: 0 none;}

ul.upload > li > * {float: left;}
ul.upload > li input[type=text] {width: 770px;}
ul.upload > li a {width: 50px;margin-left: 5px;padding: 0;color: #a39993;border: 1px solid #a39993;text-align: center;font-size: 14px;line-height: 38px;}
ul.upload > li a.del,
ul.upload > li a.add {background-color: #a39993;color: #fff;}

.padding0 > div.selectFile {padding: 5px 110px 5px 10px;border-top: 1px solid #ebebeb;}
.padding0 > div.selectFile:first-child {border-top: 0 none;}

div.selectFile span.util {position: absolute;right: 10px;top: 5px;width: 100px;}
div.selectFile span.util a {width: 50px;margin-left: 5px;padding: 0;color: #fff;border: 1px solid #a39993;text-align: center;font-size: 14px;line-height: 38px;background-color: #a39993;}

table.inputTbl.info > * > tr > th {background-color: #d6ddf9;}
table.inputTbl.info + table.inputTbl.info {margin-top: 20px;}

table.inputTbl a.search {display: inline-block;width: 120px;height: 40px;vertical-align: top;background-color: #393939;text-align: center;color: #fff;font-size: 14px;line-height: 40px;}

table.inputTbl.info a.search {width: 50px;height: 40px;margin-left: 5px;background-color: #393939;text-align: center;color: #fff;font-size: 14px;line-height: 40px;}



table.inputTbl a.add,
table.inputTbl td.util a,
table.inputTbl td.character a {display: inline-block;vertical-align: top;padding: 5px 10px;border-radius: 3px;text-decoration: none;color: #fff;}

table.inputTbl a.add {border-radius: 0;background-color: #eb701d;}
table.inputTbl td.util a {background-color: #4e5464;}
table.inputTbl td.util a.del {background-color: #eb1d44;}

table.inputTbl > * > tr > th > span {line-height: 34px;}
table.inputTbl a.add,
table.inputTbl td.character a {margin-left: 5px;}

div.formArea dd.multi:after {display: block;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}
div.formArea dd.multi > * {float: left;}

table.innerTbl input[type=text] {width: 100%;}

table.ac > * > tr > * {text-align: center !important;}
table.ac .al {text-align: left !important;}

table.innerTbl {}
table.innerTbl > * > tr > * {padding: 5px;border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
table.innerTbl > * > tr:first-child > * {border-top: 0 none;}
table.innerTbl > * > tr > *:first-child {border-left: 0 none;}
table.innerTbl > thead + tbody > tr:first-child > * {border-top: 1px solid #dcdcdc;}

table.innerTbl > * > tr > th,
table.innerTbl > * > tr > .bg {padding: 10px 10px 10px 25px;font-family: 'Pretendard-Regular', sans-serif;background-color: #eef0f5;text-align: center;}
table.innerTbl > tbody > tr > th {padding: 10px;}
table.innerTbl th label {/* line-height: 1.2 !important; */}

table.innerTbl td.util {text-align: center;}


/* 페이징 */
ul.pager {clear: both;margin: 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display: inline-block;vertical-align: top;}

ul.pager a {display: inline-block;width: 30px;border:0 none;vertical-align: top;text-decoration: none;color: #808080;font-size: 14px;line-height:20px;}
ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;}

ul.pager a.on {background-color: #a3a3a3;color: #fff;text-align: center;}
ul.pager a img {width: 30px;}



/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.pager {padding:30px 0;}
ul.pager a,
ul.pager img {width: 30px;}
ul.pager a {padding: 4px 0 6px;}
}


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

div.wrapper {overflow:hidden;width:100%;min-width: 1200px;font-family: 'Pretendard-Regular', sans-serif;font-weight: normal;}

/* =================== header =================== */
div#headerWrap {position: relative;padding-top: 90px;}
div#headerWrap h1 {position: absolute;top: 15px;left: 50%;margin-left: -600px;padding: 0;}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

.goHome {position: absolute;top: 28px;right: 50%;margin-right: -600px;}
.goHome a {display: block;padding: 6px 20px 7px;border: 1px solid #183c6e;border-radius: 15px;color: #183c6e;font-size: 15px;line-height: 16px;font-family: 'Pretendard-SemiBold', sans-serif;}
.goHome a:before {display: inline-block;vertical-align: top;width: 16px;height: 15px;margin: 0 4px 0 0;background: url('image/icon_home.png') center center no-repeat;content: '';}

ul#gnb, ul#gnb li, ul#gnb a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul#gnb {width: 1200px;margin: 0 auto;background-color: #2d80cc;font-size: 0;line-height: 0;text-align: center;}
ul#gnb li {position: relative;display: inline-block;vertical-align: top;padding: 0 50px;}
ul#gnb li:before {position: absolute;top: 50%;left: 0;width: 4px;height: 4px;border-radius: 50%;transform: translateY(-50%);background-color: #fff;content: '';}
ul#gnb li:first-child:before {display: none;}
ul#gnb a {padding: 10px 0;font-size: 18px;line-height: 30px;font-family: 'Pretendard-Medium', sans-serif;color: #fff;}

/* hover */
ul#gnb a:hover {color: #9dfcff;}

/* =================== footer =================== */
div#footerWrap {}

dl.contact, dl.contact dt, dl.contact dd, dl.contact ul, dl.contact li {margin: 0;padding: 0;list-style: none;}
dl.contact {position: relative;width: 1200px;margin: 0 auto;padding: 17px 0 17px 230px;background-color: #4b5156;color: #fff;box-sizing: border-box;}
dl.contact dt {position: absolute;top: 0;left: 0;padding: 17px 58px;font-size: 17px;line-height: 32px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.contact dt img {display: inline-block;vertical-align: top;margin-right: 5px;}
dl.contact dt:after {position: absolute;top: 50%;right: 0;width: 2px;height: 30px;margin-top: -15px;background-color: rgba(255,255,255,0.3);content: '';}
dl.contact dd {font-size: 0;line-height: 0;}
dl.contact dd > *,
dl.contact li {display: inline-block;vertical-align: top;margin-left: 20px;font-size: 17px ;line-height: 36px;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.contact dd > *:first-child,
dl.contact li:first-child {margin-left: 0;}
dl.contact li {font-family: 'Pretendard-Regular', sans-serif;}
dl.contact li img {display: inline-block;vertical-align: top;margin-right: 10px;}

div.footer {padding: 30px 0;text-align: center;font-size: 14px;line-height: 18px;color: #979797;}
div.footer ul, div.footer li {margin: 0;padding: 0;list-style: none;}
div.footer li {display: inline-block;vertical-align: top;}

/* =================== 컨텐츠 영역 =================== */
div#container {position: relative;padding-top: 320px;background: url('image/topVisual.png') center top no-repeat;}

div.contents {padding: 30px 0 60px;width: 1200px;margin: 0 auto;color: #444;font-size: 17px;line-height: 26px;}

.pageTit {width: 1200px;margin: 0 auto;padding: 10px 56px;background-color: #cfe8ff;background-image: url('image/pageTit.png');background-position: 30px center;background-repeat: no-repeat;border-radius: 4px;color: #2e2d93;font-size: 22px;line-height: 28px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;box-sizing: border-box;}

/* 준비중 */
div.ing {padding: 50px 0 85px;}
div.ing img {display: block;margin: 0 auto;}

/* ===== 레이어 팝업 ===== */


/* =================== 메인 =================== */
div.mainCon {width: 1200px;margin: 0 auto;padding: 0 0 30px;font-size: 18px;line-height: 26px;}
div.mainCon:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.mainCon > div {float: left;width: calc(50% - 10px);min-height: 400px;margin-left: 20px;padding: 10px 15px 20px;box-sizing: border-box;border-width: 1px;border-style: solid;color: #222; }
div.mainCon > div:first-child {margin-left: 0;}
div.mainCon h2 {padding: 0 15px;border-radius: 4px;color: #183c6e;font-size: 22px;line-height: 48px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}

div.mainGradeInfo dl, div.mainGradeInfo dt, div.mainGradeInfo dd,
div.mainApplyInfo dl, div.mainApplyInfo dt, div.mainApplyInfo dd {margin: 0;padding: 0;}

div.mainGradeInfo dl,
div.mainApplyInfo dl {padding: 17px 10px 0;}
div.mainGradeInfo dt,
div.mainApplyInfo dt {margin-bottom: 2px;font-size: 18px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
div.mainGradeInfo dt {color: #183c6e;}

div.mainGradeInfo {border-color: #eef4f6;background-color: #eef4f6; height:526px;}
div.mainGradeInfo h2 {background-color: #fff;}
div.mainGradeInfo > p {padding: 10px 15px;}
div.mainGradeInfo .note {display: block;margin-top: 20px;color: #626262;font-size: 16px;line-height: 24px;}
div.mainGradeInfo .deadLine {padding: 17px 15px;text-align: center;color: #222;font-size: 24px;line-height: 30px;}
div.mainGradeInfo .deadLine span {position: relative;display: inline-block;vertical-align: top;padding: 0 5px;color: #e82d47;font-family: 'Pretendard-SemiBold', sans-serif;}
div.mainGradeInfo .deadLine span:before {z-index: -1;position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 18px;border-radius: 9px;background-color: #fff0f0;content: '';}

div.mainGradeInfo div.contact {text-align: center;}
div.mainGradeInfo div.contact > * {display: inline-block;vertical-align: top;font-size: 16px;}

div.mainApplyInfo {border-color: #eaeaea;}
div.mainApplyInfo h2 {background-color: #eef4f6;}
div.mainApplyInfo .deadLine {padding: 17px 15px;text-align: center;color: #222;font-size: 24px;line-height: 30px;}
div.mainApplyInfo .deadLine span {position: relative;display: inline-block;vertical-align: top;padding: 0 5px;color: #e82d47;font-family: 'Pretendard-SemiBold', sans-serif;}
div.mainApplyInfo .deadLine span:before {z-index: -1;position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 18px;border-radius: 9px;background-color: #fff0f0;content: '';}
div.mainApplyInfo .tblDef > * > tr > * {line-height: 20px !important;font-size: 16px !important;}
div.mainApplyInfo .tblDef > * > tr > td {color: #222;font-family: 'Pretendard-Medium', sans-serif;}
div.mainApplyInfo .btn {margin-top: 25px;}
div.mainApplyInfo .btn a {width: calc(50% - 5px);text-align: center;}

/* =================== 초청의 글 =================== */
div.message {}
div.message .dear {margin-bottom: 26px;color: #222;font-size: 24px;font-family: 'Noto Serif KR', serif;}
div.message p {margin-bottom: 15px;text-align: justify;}

/* =================== 프로그램 =================== */
div.program {}

/* 테이블 초기화 */
table.program {width:100%; border:0; border-collapse:separate; border-spacing:0;}
table.program, table.program > thead, table.program > tbody, table.program > tfoot, table.program > * > tr, table.program * > tr > * {margin:0;padding:0;border:0 none;}

table.program {border-top: 2px solid #2e2d93;text-align: left;border-bottom: 1px solid #ccdfe7;}
table.program > * > tr > * {padding: 10px 15px;color: #444;border-top: 1px solid #f4f4ea;font-family: 'Pretendard-Medium', sans-serif;font-size: 17px;line-height: 25px;}
table.program > * > tr:first-child > * {border-top: 0 none !important;}
table.program > * > tr > td.time {text-align: center;}
table.program > * > tr > td.speaker {text-align: right;}

table.program > * > tr.bg > * {background-color: #f0f8ff;}
table.program > * > tr.session > * {background-color: #2d80cc;color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}

/* =================== 등록안내 =================== */
div.registInfo {padding-top: 35px;}
div.registInfo div.deadLine {position: relative;width: 750px;padding: 20px 252px 20px 48px;background-color: #faf5d1;border-radius: 3px;box-sizing: border-box;color: #444;font-size: 22px;line-height: 40px;font-family: 'Pretendard-Medium', sans-serif;letter-spacing: -0.5px;}
div.registInfo div.deadLine span {display: inline-block;vertical-align: top;color: #ff2b2b;font-family: 'Pretendard-Bold', sans-serif;}
div.registInfo div.deadLine:after {position: absolute;bottom: 2px;right: 40px;width: 203px;height: 122px;background: url('image/deadLine.png');content: '';}
div.registInfo div.btn a {width: 197px;border-radius: 3px;text-align: center;padding: 29px 30px 30px;}

dl.registInfo, dl.registInfo dt, {margin: 0;padding: 0; font-size: 20px;}
dl.registInfo dd {font-size: 18px;}
dl.registInfo:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
dl.registInfo > * {float: left; margin-top: 55px !important}

dl.registInfo dt {position: relative;clear: both;width: 185px;padding-left: 15px;color: #183c6e; line-height: 20px;font-family: 'Pretendard-SemiBold', sans-serif; fon}
dl.registInfo dt:before {position: absolute;top: 7px;left: 0;width: 6px;height: 6px;background-color: #183c6e;content: '';}
dl.registInfo dd {width: calc(100% - 200px);}

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

dl.Info:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
dl.Info > * {float: left; }

dl.Info dt {position: relative;clear: both;width: 185px;padding-left: 15px;color: #183c6e; line-height: 20px;font-family: 'Pretendard-SemiBold', sans-serif; fon}
dl.Info dt:before {position: absolute;top: 7px;left: 0;width: 6px;height: 6px;background-color: #183c6e;content: '';}
dl.Info dd {width: calc(100% - 200px);}

/* =================== 사전등록 및 조회 =================== */
/* == 회원 구분 == */
ul.type, ul.type li, ul.type a, ul.type img {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.type {padding: 50px 0;font-size: 0;line-height: 0;text-align: center;}
ul.type li {display: inline-block;vertical-align: top;width: 280px;height: 216px;margin: 0 10px;}


a.reciept,
input.reciept {display: inline-block;vertical-align: top;padding: 0 10px;line-height: 26px;color: #fff;background-color: #183c6e;}

/* == 팝업 > 로그인 == */
#popupLogin {width: 600px;border-radius: 0;font-family: 'Pretendard-Regular', sans-serif;}
#popupLogin .close {position: absolute;top: 20px;right: 20px;}
#popupLogin .close a,
#popupLogin .close img {display: block;}

#popupLogin .popupCon {padding: 45px 75px 55px;}
#popupLogin p {padding: 103px 0 17px;background: url('image/login.png') center top no-repeat;color: #051928;font-size: 20px;line-height: 30px;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;}

#popupLogin dl, #popupLogin dt, #popupLogin dd {margin: 0;padding: 0;}
#popupLogin dl {position: relative;}
#popupLogin dt {position: absolute;width: 130px;top: 60px;left: 0;padding: 10px 0 10px 55px;box-sizing: border-box;background: url('image/bl_pwd.png') left 28px center no-repeat;}
#popupLogin dt label {color: #5f5f5f;font-size: 17px;line-height: 30px;font-family: 'Pretendard-SemiBold', sans-serif;}
#popupLogin dt:first-of-type {top: 0;background-image: url('image/bl_id.png');}
#popupLogin dt:after {position: absolute;top: 50%;right: 0;width: 1px;height: 15px;transform: translateY(-50%);background-color: #5f5f5f;content: '';}
#popupLogin dd {width: 100%;margin-top: 10px;padding-left: 130px;border: 1px solid #ececec;box-sizing: border-box;}
#popupLogin dd input {border: 0 none;height: 48px;width: 100%;padding: 0 10px;box-sizing: border-box;}
#popupLogin .btn {margin-top: 30px;}
#popupLogin .btn > * {width: 100%;}

/* == 사전등록 폼 == */
dl.privacy {margin: 40px 0 0;background-color: #f6f6f6;padding: 30px 40px;color: #666;line-height: 24px;}
dl.privacy dt {margin-top: 24px;color: #222;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.privacy dt:first-child {margin-top: 0;}

/* == 사전등록 완료 == */
div.applyCom {padding: 60px 0;}
div.applyCom p {text-align: center;color: #222;font-size: 20px;line-height: 33px;}
div.applyCom p img {display: block;margin: 0 auto 30px;}
div.applyCom p strong {display: block;font-size: 30px;color: #183c6e;}
div.applyCom .btn {margin-top: 90px;}
div.applyCom .btn a {min-width: 220px;}

/* == 사전등록 조회 == */
div.searchArea {position: relative;padding: 60px 0;}
div.searchArea:before {position: absolute;top: 50%;left: 50%;width: 1px;height: 300px;transform: translateY(-50%);background-color: #e2e2e2;content: '';}
div.searchArea:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.searchArea p,
div.searchArea form {float: left;width: 50%;box-sizing: border-box;}
div.searchArea p {text-align: center;color: #222;font-size: 20px;line-height: 24px;font-family: 'Pretendard-Medium', sans-serif;}
div.searchArea p img {display: block;margin: 0 auto 25px;}

div.searchArea form {padding: 20px 75px 0;}
div.searchArea dl, div.searchArea dt, div.searchArea dd {margin: 0;padding: 0;}
div.searchArea dl {position: relative;}
div.searchArea dt {position: absolute;width: 130px;top: 60px;left: 0;padding: 10px 0 10px 55px;box-sizing: border-box;background: url('image/bl_mail.png') left 28px center no-repeat;}
div.searchArea dt label {color: #5f5f5f;font-size: 17px;line-height: 30px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.searchArea dt:first-of-type {top: 0;background-image: url('image/bl_id.png');}
div.searchArea dt:after {position: absolute;top: 50%;right: 0;width: 1px;height: 15px;transform: translateY(-50%);background-color: #5f5f5f;content: '';}
div.searchArea dd {width: 100%;margin-top: 10px;padding-left: 130px;border: 1px solid #ececec;box-sizing: border-box;}
div.searchArea dd input {border: 0 none;height: 48px;width: 100%;padding: 0 10px;box-sizing: border-box;}
div.searchArea .btn {margin-top: 30px;}
div.searchArea .btn > * {width: 100%;}

/* == 오시는 길 == */
div.venue {}
div.venue ul.tabMenu {margin-bottom: 50px;}
div.venue div.tabCon {padding: 0 30px;}
div.venue p {margin-bottom: 20px;text-align: center;font-size: 22px;line-height: 35px;color: #282828;font-family: 'Pretendard-Medium', sans-serif;}
div.venue p strong {color: #2d80cc;font-family: 'Pretendard-SemiBold', sans-serif;}
div.venue div.img {}
div.venue div.img img {display: block;margin: 0 auto;}

div.mapArea {height: 475px;margin: 0 auto;box-sizing: border-box;border: 1px solid #f3dfd0;}
dl.mapInfo {margin-top: 50px;display: grid;grid-template-columns: 210px auto}
dl.mapInfo > dt {align-self:center;text-align: center;font-size: 17px;line-height: 25px;color: #6b564f;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.mapInfo > dt img {display: block;margin: 0 auto 9px;}
dl.mapInfo > dd {position: relative;padding: 20px 10px 20px 35px;font-size: 17px;line-height: 30px;color: #282828;}
dl.mapInfo > dd:before {position: absolute;top: 10px;left: 0;width: 1px;height: calc(100% - 20px);background-color: #e6dfd5;content: '';}
dl.mapInfo dl dt {margin-top: 20px;font-size: 17px;line-height: 22px;}
dl.mapInfo dl dt:first-of-type {margin-top: 0;}
dl.mapInfo dl dd {font-size: 15px;line-height: 22px;}


/* table style 추가 - 25.07.16 mj.park */
.bl-0{
    border-left: 0 !important;
}
.bl-1{
    border-left: 1px solid #ccdfe7 !important;
}