@charset "utf-8";
@import url('Pretendard.css');
@import url('Pretendard.css');
@import url('Roboto.css'); /* 241007 추가 */
* {-webkit-text-size-adjust: 100%;}

/*모바일 확대축소 안되게  */
html { touch-action: pan-y;-ms-content-zooming: none; -ms-touch-action: pan-x pan-y; }
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {border:0 none; font-size:0; line-height:0;vertical-align: top;}
.ie7 li, .ie7 li a {zoom:1;}
caption, legend {width:0; height:0; visibility:hidden; line-height:0;}
input[type=submit],
textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

body {margin: 0;}
span.placeholder {position: absolute;left: 15px;top: 50%;transform:translateY(-50%);color: #a5a5a5;font-size: 12px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;}
input:focus + span.placeholder,
.valid + span.placeholder {display: none !important;}


/* 여백 */
.padding0 {padding:0 !important;}
.margin0 {margin:0 !important;}
/* Top Padding */
.tp0 {padding-top:0px !important;}
.tp5 {padding-top:5px !important;}
.tp10 {padding-top:10px !important;}
.tp15 {padding-top:15px !important;}
.tp20 {padding-top:20px !important;}
.tp25 {padding-top:25px !important;}
.tp30 {padding-top:30px !important;}
/* Bottom Padding */
.bp0 {padding-bottom:0px !important;}
.bp5 {padding-bottom:5px !important;}
.bp10 {padding-bottom:10px !important;}
.bp15 {padding-bottom:15px !important;}
.bp20 {padding-bottom:20px !important;}
.bp25 {padding-bottom:25px !important;}
.bp30 {padding-bottom:30px !important;}
/* Left Padding */
.lp0 {padding-left:0 !important;}
.lp5 {padding-left:5px !important;}
.lp10 {padding-left:10px !important;}
.lp15 {padding-left:15px !important;}
.lp20 {padding-left:20px !important;}
.lp25 {padding-left:25px !important;}
.lp30 {padding-left:30px !important;}
/* Right Padding */
.rp0 {padding-right:0 !important;}
.rp5 {padding-right:5px !important;}
.rp10 {padding-right:10px !important;}
.rp15 {padding-right:15px !important;}
.rp20 {padding-right:20px !important;}
.rp25 {padding-right:25px !important;}
.rp30 {padding-right:30px !important;}
/* Top Margin */
.tm0 {margin-top:0 !important;}
.tm5 {margin-top:5px !important;}
.tm10 {margin-top:10px !important;}
.tm15 {margin-top:15px !important;}
.tm20 {margin-top:20px !important;}
.tm25 {margin-top:25px !important;}
.tm30 {margin-top:30px !important;}
/* Bottom Margin */
.bm0 {margin-bottom:0 !important;}
.bm5 {margin-bottom:5px !important;}
.bm10 {margin-bottom:10px !important;}
.bm15 {margin-bottom:15px !important;}
.bm20 {margin-bottom:20px !important;}
.bm25 {margin-bottom:25px !important;}
.bm30 {margin-bottom:30px !important;}
/* Left Margin */
.lm0 {margin-left:0 !important;}
.lm5 {margin-left:5px !important;}
.lm10 {margin-left:10px !important;}
.lm15 {margin-left:15px !important;}
.lm20 {margin-left:20px !important;}
.lm25 {margin-left:25px !important;}
.lm30 {margin-left:30px !important;}
/* Right Margin */
.rm0 {margin-right:0 !important;}
.rm5 {margin-right:5px !important;}
.rm10 {margin-right:10px !important;}
.rm15 {margin-right:15px !important;}
.rm20 {margin-right:20px !important;}
.rm25 {margin-right:25px !important;}
.rm30 {margin-right:30px !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.Lfloat {float:left !important;}
.Rfloat {float:right !important;}
.overHidden {overflow:hidden;}
.clear {clear:both !important;}
.clearleft {clear:left !important;}
.clfix:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .clfix {zoom:1;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

/* position */
.posRel {position:relative !important;}
.posAbs {position:absolute !important;}
.posTL {position:absolute !important; top:0; left:0;}
.posTLn {position:absolute !important; top:0; left:26px;}
.posTR {position:absolute !important; top:0; right:0;}
.posBL {position:absolute !important; bottom:0; left:0;}
.posBR {position:absolute !important; bottom:0; right:0;}



/* display */
.none {display:none !important;}
.iBlock {display:inline-block !important; vertical-align:top;}
.ie7 .iBlock {display:inline !important;}
.borderNone {border:none !important;}
.scrollArea {overflow-x:hidden;overflow-y:scroll;}
/* IR 기법 */
.hidden {position:absolute; top:-11000px; left:-11000px; width:0; height:0; overflow:hidden;}
.ie7 .hidden {position:static; font-size:0; line-height:0;}
/* 한 줄일 때, 말줄임표 */
.ellipsis {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* width 별도 설정 */
/*투명도*/
.opacity0 {opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
/* 세로 가운데 정렬을 위한 빈태그용 */
.blank {display:inline-block; width:0; vertical-align:middle; overflow:hidden; vertical-align:middle;} /* 높이 별도 설정 */



.scrollArea,
textarea {scrollbar-3dLight-Color: #dcdcdc; scrollbar-arrow-color: #dcdcdc; scrollbar-base-color: #c1c1c1; scrollbar-Face-Color: #c1c1c1; scrollbar-Track-Color: #dcdcdc; scrollbar-DarkShadow-Color: #dcdcdc; scrollbar-Highlight-Color: #dcdcdc; scrollbar-Shadow-Color: #dcdcdc}
.scrollArea::-webkit-scrollbar,
textarea::-webkit-scrollbar {width: 8px;background-color: #dcdcdc;}
.scrollArea::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {background-color: #c1c1c1;}




/* table */
table.tblDef, table.tblDef > thead, table.tblDef > tbody, table.tblDef > tfoot, table.tblDef > * > tr, table.tblDef> * > tr > *,
table.tblPoint, table.tblPoint > thead, table.tblPoint > tbody, table.tblPoint > tfoot, table.tblPoint > * > tr, table.tblPoint * > tr > *,
table.inputTbl, table.inputTbl > thead, table.inputTbl > tbody, table.inputTbl > tfoot, table.inputTbl > * > tr, table.inputTbl * > tr > *,
table.innerTbl, table.innerTbl > thead, table.innerTbl > tbody, table.innerTbl > tfoot, table.innerTbl > * > tr, table.innerTbl * > tr > *,
table.calendar, table.calendar > thead, table.calendar > tbody, table.calendar > tfoot, table.calendar > * > tr, table.calendar * > tr > * {margin:0;padding:0;border:0 none;}

table.tblDef,
table.tblPoint,
table.inputTbl,
table.innerTbl,
table.calendar {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef,
.ie7 table.tblPoint,
.ie7 table.inputTbl,
.ie7 table.innerTbl,
.ie7 table.calendar {border-collapse:collapse;}
table.tblDef> * > tr > th,
table.tblPoint * > tr > th,
table.inputTbl * > tr > th,
table.innerTbl * > tr > th,
table.calendar * > tr > th {font-weight:normal;}
table.tblDef> * > tr > td,
table.tblPoint * > tr > td,
table.inputTbl * > tr > td,
table.innerTbl * > tr > td,
table.calendar * > tr > td {}



/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #e22d2d !important;}
.fcBlue {color: blue !important;}
.ffDotum {font-family:Calibri,'돋움', Dotum, 'Apple Gothic', sans-serif !important;}
.ffGulim {font-family:Calibri,'굴림', '굴림체', Gulim, 'Apple Gothic', sans-serif !important;}
.underline {text-decoration:underline !important;}
.italic {font-style:italic;}

/* cursor */
.cursorDef {cursor:default !important;}
.hand {cursor:pointer !important;}


/* Form Elememts */
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea {border:1px solid #ccc;}
textarea {width: 100%;padding:7px 10px; border:1px solid #cfcfcf; resize:vertical;box-sizing:border-box;}
.ie7 select {zoom:1;}

input:focus,
select:focus,
textarea:focus {outline:none;}

/* button 초기화 */
button.style-btn {overflow:visible; padding:0; border:0; cursor:pointer; white-space:nowrap;}
button.style-btn::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner {padding:0; border:0;}	/* FF 버튼 여백 없애기 */


/* default font-family */
body,
input[type='text'],
input[type='password'],
input[type='file'],
select,
textarea,
button {font-family:sans-serif;border-radius:0;background-color: #fff;}


/* 공통 레이아웃 */
body {  line-height:1.5; color:#333; -webkit-text-size-adjust:none;}
.wrapper {position:relative; width:100%;word-break:normal;z-index:0;}

a.conLink {color:inherit;text-decoration:none;}

address {font-style: normal;}
input[type=text],
input[type=password],
input[type=file] {font-size: 15px;line-height:17px;height:45px; -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;-webkit-appearance:none;}
input::placeholder{font-size: 15px;line-height:45px;height:45px;}
 



.tabCon,
.toggleCon {display:none;}

.agreeCon,
.scrollArea {overflow-x: hidden;overflow-y: auto;}


.essen {position:relative;padding-left:1em;}
.essen:before {position: absolute;left: 0;top: 0;color: #f00;content: "*";line-height: 1em;}


table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwTbl2,
table.rwTbl2 tbody,
table.rwTbl2 tr,
table.rwTbl2 th, table.rwTbl2 td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, 
table.rwTrHead td {display:block;}

table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwTbl2 colgroup,
table.rwTbl2 col,
table.rwTbl2 thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}

table.rwTbl {}

table.rwTbl > * > tr > * {min-height: 20px;border: 0 none;}
table.rwTbl > * > tr:first-child > *:first-child {border-top: 0 none !important;}
table.rwTbl > * > tr > th {}

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

table.rwTbl td.multi {}
table.rwTbl td.multi:after,
table.rwTbl td.bbsTit:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

table.inputTbl.rwTbl > * > tr > * {border-bottom: 0 none;}

table.rwThead tr {position: relative;}
table.rwThead tr:before {z-index: -1;position: absolute;left: 0;top: 0;height: 100%;content: "";background-color: #ecf0f9;}
table.rwThead th,
table.rwThead td {position: relative;}
table.rwThead th:before,
table.rwThead td:before {position: absolute;left: 0;top: 0;content: attr(pub-thead);}



table.inputTbl > * > tr > th {text-align: center;}
table.inputTbl td > *:first-child,
table.inputTbl td .clear,
table.inputTbl input[type=radio]:first-child,
table.inputTbl input[type=checkbox]:first-child {margin-left: 0 !important;}

table.inputTbl input[type=text],
table.inputTbl input[type=password],
table.inputTbl select {}


table.inputTbl input[type=text],
table.inputTbl input[type=password] {width: 250px;height:26px;padding:2px 10px 3px;}

table.inputTbl input.inputSmall {width: 70px;}
table.inputTbl input.inputWide {width: 95%;}


table.inputTbl input[type=image] {vertical-align: middle;}

table.inputTbl td span,
table.inputTbl td label {display: inline-block;vertical-align: middle;}


table.inputTbl .multi > *,
table.inputTbl td.date *,
table.inputTbl td.phone *,
table.inputTbl td.address > *,
table.inputTbl td.name > *,
table.inputTbl td.birth > *,
table.inputTbl td.email > * {float: left;margin:0 0 0 5px;}
table.inputTbl .multi > *:first-child,
table.inputTbl .date > *:first-child {margin-left: 0;}


table.inputTbl .multi > span,
table.inputTbl .multi > label,
table.inputTbl td.date span,
table.inputTbl td.date 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 div.multi {overflow:hidden;padding:10px;}

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

table.inputTbl .line > * {float:none;}
table.inputTbl .line input[type=radio],
table.inputTbl .line input[type=checkbox] {margin:10px 5px 0 0;}

table.inputTbl dl.overHidden {line-height:35px;}
table.inputTbl dl.overHidden > dt {padding-right:10px;}

table.inputTbl td.date input[type=image] {margin-top: 9px;}

table.inputTbl td.phone select,
table.inputTbl td.phone input:first-child {width:100px;}
table.inputTbl td.phone input {width: 120px;}

table.inputTbl td.address input[type=text] {width: 330px;margin-top: 5px;}
table.inputTbl td.address input[type=text]:first-child {width: 70px;margin-top: 0;}
table.inputTbl td.address input[type=text].clear {width: 520px;margin-left: 0;}
table.inputTbl td.address span.btn {padding-left:0;}

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

table.inputTbl td.email input[type=text],
table.inputTbl td.email select {width:180px;}
table.inputTbl td.email input[type=text]:first-child {width:250px;}

table.inputTbl td.email span {margin-left: 5px;}

table.inputTbl td.photo > p,
table.inputTbl td.photo > div {display: inline-block;}
table.inputTbl td.photo > p {width: 90px;height: 90px;border: 1px solid #dfdfdf;vertical-align: top;background-color: #f8f8f8;}
table.inputTbl td.photo > p img {width: 100%;height: 100%;}
table.inputTbl td.photo > div {padding-left: 10px;vertical-align: bottom;}

table.inputTbl td.photo div input[type=checkbox] {margin-top: 0;}
table.inputTbl td.photo div label {padding-left: 5px;}

table.inputTbl td.birth {}

table.inputTbl td.birth select {width:50px;}
table.inputTbl td.birth select:first-child,
table.inputTbl td.birth input[type=text] {width:70px;}
 
table.inputTbl span.fwBold {display:inline-block;padding:5px 10px 0 0;line-height:1.2;}

table.inputTbl .editArea {padding:0 !important;}


table.inputTbl td.author > * {float: left;margin:0 0 0 5px;}
table.inputTbl td.author select {width:80px;}

input.inputWide {width:90%;}




div.selectFile {position: relative;padding-right: 75px;}
div.selectFile span {display: block;}
div.selectFile input[type=text] {width: calc(100% - 22px) !important;}
div.selectFile .find {position: absolute;right: 0;top: 0;width:66px;height:33px;background-color:#393939;background-image: none;}
div.selectFile .find:after {z-index:0;position:absolute;left:50%;top:50%;color:#fff;font-size:1em;line-height: 1em;padding: 0;margin:-.5em 0 0 -.5em;font-family: "Font Awesome 5 Brands";content: "\f3ee";font-weight: 900;}
div.selectFile .opacity0 {width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.selectFile .attach {display:none;overflow: hidden;clear: both;margin: 5px 0 0;}
div.selectFile .attach > * {float: left;}
div.selectFile .attach input {margin: 5px 5px 0 0;}



table.inputTbl .editArea {padding:0;}
.editArea .cke span {display:inline;vertical-align:middle;line-height:initial;}
.editArea .cke_chrome {border:0 none;box-shadow:none;}

.cke .cke_voice_label,
.cke_button_label {display:none !important;}
.cke_toolbox:after {clear:both;display:block;font-size:0;line-height:0;height:0;content:".";}
.cke_top, .cke_contents, .cke_bottom {display:block !important;}


/* 버튼 */
.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none;cursor:pointer;height:40px;padding:0 10px 1px;font-size:14px;line-height: 20px;border-width:1px;border-style: solid;vertical-align:top;font-weight: 400;font-family: 'Pretendard Regular', sans-serif;-webkit-appearance:none;}

.btn a {height:auto;line-height:20px;padding:8px 15px 10px;}
.btn a.twoLine {}
.btn a:before {display: inline-block;padding-right: 10px;}



/* 파란색 */			.btnDef {background-color: #2e4497 !important;border-color: #2e4497 !important;color: #fff !important;}
/* 남색 */				.btnPoint {background-color:#272b4b !important;border-color:#272b4b !important;color:#fff !important;}
/* 빨간색 */			.btnRed {background-color:#e40404 !important;border-color:#e40404 !important;color:#fff !important;}
/* 파란색 */			.btnBlue {background-color:#1d2088 !important;border-color:#1d2088 !important;color:#fff !important;}

/* 회색 */				.btnGrey {background-color:#7e7f87 !important;border-color:#7e7f87 !important;color:#fff !important;}
/* 연회색 */			.btnLGrey {background-color:#888 !important;border-color:#888 !important;color:#fff !important;}


/* border+ 파란색 */  		.btnBdDef {background-color:#fff !important;border-color:#2e4497 !important;color:#2e4497 !important;}
/* border+ 남색 */			.btnBdPoint {background-color:#fff;border-color:#242b37;color:#242b37;}
/* border+ 회색 */			.btnBdGrey {background-color:#fff;border-color:#7e7f87;color:#7e7f87;}
/* border+ 연회색 */		.btnBdLGrey {background-color:#f5f5f5;border-color:#b3b3b3;color:#454545;}


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

.btn .btnArr,
.btn .enter {position: relative;}
.btn .enter {background-color: #272b4b !important; z-index: 999;border-color: #272b4b !important;color: #fff !important;}
.btn .btnArr:after,
.btn .enter:after {position: absolute;right: 20px;top: 50%;width: 10px;height: 8px;margin-top: -4px;content: "";background: url('mobile/btnBl_arr.png') center center no-repeat;background-size: 10px;}


/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff; font-family:'Calibri', '돋움', Dotum, 'Apple Gothic', sans-serif; word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; height:22px; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#b2b2b2;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {margin:5px 0 0 0;}
@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold;color:#fff;}


.subTit {margin: 15px 0 10px;padding-left: 17px;color: #000;font-size: 16px;font-family: 'Pretendard Medium', sans-serif;font-weight: normal;background:url('../asset/image/subTit.png') no-repeat center left;background-size:12px;}
.subTit span {font-family: 'Pretendard Light', sans-serif;}


img {max-width:100%;}

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

ul.listNum > li {margin:10px 0 0 1.2em;list-style:decimal;}
ul.listNum > li:first-child {margin-top: 0;}

ul.listStar > li, .blStar {position: relative;padding-left: 1em;}
ul.listStar > li:before, .blStar:before {position: absolute;left: 0;top: 0;content: "*";}

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

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 10px !important;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";line-height: 1em;}

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: 1em;}
ul.listStar_2 > li:before {position: absolute;left: 0;top: 0;content: "*";line-height: 1em;}

ul.tabMenu, ul.tabMenu > li, ul.tabMenu a,
ul.subMenu2, ul.subMenu2 > li, ul.subMenu2 a,
ul.conMenu, ul.conMenu > li, ul.conMenu a,
ul.date-menu, ul.date-menu > li, ul.date-menu a {margin: 0;padding: 0;list-style:none;text-decoration: none;} /* 241007 수정 */
ul.tabMenu,
ul.subMenu2,
ul.conMenu {}
ul.tabMenu:after,
ul.subMenu2:after,
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.tabMenu > li,
ul.subMenu2 > li,
ul.conMenu > li {float: left;}


ul.tabMenu a,
ul.subMenu2 a,
ul.conMenu a {display: block;text-align: center;}

ul.tabMenu,
ul.subMenu2 {}
ul.tabMenu a,
ul.subMenu2 a {position: relative;display: table-cell;width: 1900px;height: 50px;background-color: #fff;border-bottom:1px solid #d2d2d2;color: #606060;font-size: 14px;line-height: 17px;font-family: 'Pretendard Light', sans-serif;vertical-align: middle;text-align: center;}
ul.subMenu2 a strong,
ul.tabMenu a strong {display: block;color: #171925;}

ul.tabMenu .on a:before,
ul.subMenu2 .on a:before {position: absolute; display: block; left: 0;bottom: -2px;width: 100%;height: 3px;background-color: #0093d5; content:'';}


div.webinar > ul.subMenu2 {padding: 15px;}

ul.col2ea > li {width: 50% !important;}
ul.col3ea > li {width: 33.3% !important;}
ul.col3ea > li:nth-child(3n+1) {width: 33.4% !important;}
ul.col4ea > li {width: 25% !important;}
ul.col5ea > li {width: 20% !important;}




/* 공통 레이아웃 */
div.wrapper {overflow: hidden;width: 100%;min-width:320px;font-family: 'Pretendard Regular', sans-serif;background-color: #fff;}
div.wrapper:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

ul.conMenu li {width: 25%;}
ul.conMenu a {display:table-cell; width: 500px;height: 45px;vertical-align: middle;border: 1px solid #dfe2ec;border-left: 0 none;color: #171925;font-size: 14px;line-height: 17px;font-family: 'Pretendard Medium', sans-serif;text-align: center;background-color: #fff;}
ul.conMenu .on a {border-color: #1661ae;color: #fff;background-color: #1661ae;}
ul.conMenu li:first-child a {border-left:1px solid #dfe2ec;}

h1 {padding: 0;margin: 0;}
h1 img {display: block;margin: 0 auto;width: 100%;}

h2 {margin: 15px 15px 0;padding: 0;font-weight: normal;color: #171925;font-size: 20px;line-height: 30px;font-family: 'Pretendard Bold', sans-serif;}

div.contents {padding: 15px;}

div.fixedArea {position: fixed;left: 0;bottom: 0;width: 100%;}
div.fixedArea a {display: block;height: 55px;text-align: center;text-decoration: none;color: #fff;font-size: 18px;line-height: 55px;font-family: 'Pretendard Medium', sans-serif;background-color: #7e7f87;}

.multi {}
.multi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.multi input,
.multi label,
.multi span {float: left;}
.multi input[type=radio],
.multi input[type=checkbox] {display: inline-block;vertical-align: top;margin: 3px 5px 0 30px;}
.multi input:first-child {margin-left: 0;}
.multi span {margin-left: 5px;}


/* intro */
div.intro {padding-top: 1px;background-color: #f4eaf0;box-sizing:border-box;}
div.intro > div > a {display: block;margin: 20px;padding: 35px 0 25px;border-radius: 5px;text-align: center;color: #222;font-size: 20px;line-height: 25px;background-color: #fff;box-shadow: 0 3px 10px rgba(223,52,155,.35);font-family: 'Pretendard Regular', sans-serif;text-decoration: none;}
div.intro img {display: block;width: 125px;margin: 0 auto 15px;}
div.intro span {display: block;font-family: 'Pretendard Bold', sans-serif}
div.intro span:last-child {padding-top: 10px;color: #898989;font-size: 15px;line-height: 15px;font-family: 'Pretendard Regular', sans-serif}

div.intro a.qusBtn {padding: 17px 0;line-height: 42px;color: #222;font-size: 18px;font-weight: bold;background: linear-gradient(to top, #f4eaf0, #ffffff);}
div.intro a.qusBtn img {display: inline-block;width: 42px;margin: 0 10px 0 0;}

/* div.intro a.qusBtn {position: relative;padding: 25px 0 25px 40%;line-height: 65px;color: #222;font-weight: bold;text-align: left;}
div.intro a.qusBtn img {position: absolute;display: block;width: 60px;top: 50%;left: 25%;transform: translateY(-50%);} */

/* 인트로 > 다운로드 추가 2022-11-03 */
ul.download, ul.download li, ul.download a {display: block;margin: 0;padding: 0;text-decoration: none;}
ul.download {padding: 0 20px 20px;}
ul.download:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
ul.download li {float: left;width: calc(50% - 7px);margin: 15px 0 0 14px;}
ul.download li:nth-child(-n+2) {margin-top: 0;} 
ul.download li:nth-child(2n+1) {margin-left: 0;clear: both;} 
ul.download a {position: relative;display: table-cell;width: 1100px;height: 47px;border-radius: 5px;padding: 5px 0 5px 58px;background: linear-gradient(to top, #dddee6, #ffffff);box-shadow: 0 3px 10px rgba(223,52,155,.35);vertical-align: middle;color: #222;font-size: 13px;line-height: 19px;font-family: 'Pretendard Regular', sans-serif;letter-spacing: -0.5px;}
ul.download a img {position: absolute;top: 50%;left: 17px;margin: -17px 0 0;width: auto;height: 33px;}
ul.download li:nth-child(-n+2) a {background: linear-gradient(to top, #f4eaf0, #ffffff);}

ul.download li.center {}
ul.download li.center a {padding: 5px 5px 5px 5px;text-align: center;}
ul.download li.center a img {position: static;display: inline-block;vertical-align: middle;margin: 0 9px 0 0;}

/* 로그인 */
div.login {background-color: #fff;box-sizing:border-box;}
div.login p {margin: 0;padding: 10px 15px;text-align: center;color: #fff;font-size: 14px;line-height: 18px;font-family: 'Pretendard Regular', sans-serif;background-position: 0 0;background-repeat: repeat-y;background-size: 100%;}

div.login div.formArea {padding: 10px 20px 80px;}

div.login dl, div.login dt, div.login dd {margin: 0;padding: 0;}
div.login dt {padding: 20px 0 5px;color: #222;font-size: 15px;line-height: 18px;font-family: 'Pretendard Medium', sans-serif;}

div.login dd {position: relative;background-color: #f2f2f2;}
div.login input[type=text] {position: relative;z-index: 10;display: block;width: 100%;height: 40px;padding: 0 15px;border: 0 none;box-sizing:border-box;background-color: transparent;}
div.login input[type=text]::placeholder {color: #a5a5a5;font-family: 'Pretendard Light', sans-serif;font-size: 12px;}

div.login div.btn {padding-top: 20px;}
div.login input[type=submit] {display: block;width: 100%;height: 50px;border: 0 none;font-size: 16px;line-height: 50px;color: #fff;background-color: #4461cb;font-family: 'Pretendard Medium', sans-serif;}

#goTop {position: fixed;right: 15px;bottom: 15px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #cfcfcf;box-sizing:border-box;background-color: #fff;box-shadow: 0 3px 10px rgba(223,52,155,.35);}
#goTop a {display: block;height: 100%;border-radius: 50%;font-size: 0;line-height: 0;background: url('image/goTop.png') center center no-repeat;background-size: 14px;}


/* 모바일 심사 */
div.abstract {padding:15px 15px 40px;}

dl.note, dl.note dt, dl.note dd {margin: 0;padding: 0;}
dl.note {padding: 15px;border: 4px solid #fff2fa;}
dl.note dt {padding-bottom: 10px;text-align: center;color: #222;font-size: 16px;line-height: 18px;font-family: 'Pretendard Bold', sans-serif;}

ul.listDot, ul.listDot > li {margin: 0;padding: 0;list-style: none;} 
ul.listDot > li {position: relative;margin-top: 5px;padding-left: 10px;font-size: 14px;line-height: 18px;}
ul.listDot > li:before {position: absolute;left: 0;top: 7px;width: 4px;height: 4px;content: "";border-radius: 50%;background-color: #c80578;}
ul.listDot > li:first-child {margin-top: 0;}


table.tblDef {border-top: 0 none;}

table.tblDef th {padding: 10px;background-color:#f2f2f2;color: #000;font-family: 'Pretendard Medium', sans-serif;font-size: 14px;}
table.tblDef td {position: relative;padding: 10px;color: #5c5c5c;font-size: 14px;line-height: 16px;font-family: 'Pretendard Light', sans-serif;word-break:keep-all;text-align: center;}
table.tblDef tr > * {border-bottom: 1px solid #cbcbcb;border-left:1px solid #cbcbcb;}
table.tblDef tr > *:first-child {border-left: 0 none;}
table.tblDef td.time {padding: 0;text-align: center !important;border-right: 1px solid #d7d7d7;color: #222;background-color: #f9f9f9;}

table.tblDef span {display: block;}
table.tblDef span.tit {padding-bottom: 10px;}
table.tblDef span.name {float: left;color: #666;font-size: 12px;line-height: 16px;padding: 7px 10px 7px 0;}
table.tblDef a.evaluate {float: right;width: 100px;height: 30px;border-radius: 15px;text-decoration: none;text-align: center;color: #fff;font-size: 14px;line-height: 30px;font-family: 'Pretendard Bold', sans-serif;background-color: #c80578;}

table.tblDef tr.bg > * {color: #c80578;background-color: #fff2fa;font-family: 'Pretendard Bold', sans-serif;}
table.tblDef tr.bg > td {text-align: right;}
table.tblDef tr.bg span.tit {text-align: left;}



/* 심사하기 */
div.layerPopup {display: none;z-index: 999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
div.layerPopup > div.popupWrap {position: absolute;left: 20px;top: 50%;transform:translateY(-50%);width: calc(100% - 40px);background-color: #fff;box-sizing: border-box;}

div#popupEvaluate {padding: 20px;}
div#popupEvaluate h1 {margin: 0;padding: 0 0 15px;text-align: center;font-weight: normal;}
div#popupEvaluate h1 span {padding: 0 5px;color: #222;font-size: 16px;line-height: 20px;font-family: 'Pretendard Bold', sans-serif;box-shadow: 0 -10px 0 inset #fff2fa;}

div.abstractCon {overflow-x: hidden;overflow-y: auto;padding: 10px;border: 1px solid #d7d7d7;}

div.scrollArea {height: 200px;}
div.scrollArea::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 4px;background-color: #d7d7d7;}
div.scrollArea::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #979797;}

div.abstractCon h4 {margin: 0;padding: 0;font-weight: normal;color: #222;font-size: 14px;line-height: 20px;font-family: 'Pretendard Bold', sans-serif;text-align: center;}
div.abstractCon div.writer {padding-top: 10px;text-align: center;color: #666;font-size: 12px;line-height: 16px;font-style: italic;font-family: 'Pretendard Regular', sans-serif;}

div.abstractCon dl, div.abstractCon dt, div.abstractCon dd {margin: 0;padding: 0;}
div.abstractCon dl {color: #222;font-size: 14px;line-height: 20px;font-family: 'Pretendard Regular', sans-serif;}
div.abstractCon dt {padding: 20px 0 5px;}


dl.evaluate, dl.evaluate dt, dl.evaluate dd {margin: 0;padding: 0;}
dl.evaluate {margin-top: 20px;border-top: 2px solid #c80578;}
dl.evaluate dt {padding: 5px 0;text-align: center;font-size: 14px;line-height: 20px;color: #c80578;background-color: #fff2fa;}
dl.evaluate dd {border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}

dl.evaluate ul.option {padding: 5px 10px 10px;}
dl.evaluate ul.option li {margin-top: 5px;}
dl.evaluate span.inputR {overflow: hidden;position: relative;display: inline-block;width: 30px;height: 30px;border-radius:50%;border: 2px solid #d8d8d8;background: #fff;box-sizing:border-box;}

dl.evaluate span.inputR.on:before {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);width: 70%;height: 70%;border-radius:50%;content: "";background-color: #c80578;}
dl.evaluate label {display: inline-block !important;margin-left: 5px;vertical-align: top;color: #222;font-size: 14px;line-height: 30px;}

div#popupEvaluate div.btnArea {padding-top: 30px;text-align: center;font-size: 0;line-height: 0;}
div#popupEvaluate div.btnArea * {display: inline-block;vertical-align: top;width: 100px;height: 45px;margin: 0 3px;padding: 0;border: 0 none;border-radius: 5px;color: #fff;font-size: 13px;line-height: 45px;font-family: 'Pretendard Bold', sans-serif;}
div#popupEvaluate input[type=submit] {padding: 0;border: 0 none;text-align: center;background-color: #c80578;}
div#popupEvaluate div.btnArea a {background-color: #636363;}





/* 질문 */
/* div.question {padding: 5px 15px 60px;} */
select {width: 100%;height: 40px;padding: 0 10px;margin-bottom: 10px;border-radius: 0;border-color: #dfe2ec;background-color: #fff;color: #707487;font-size: 14px;font-family: 'Pretendard Medium', sans-serif;}
textarea {width: 100%;height: 270px;border: 1px solid #dfe2ec;padding: 10px;color: #707487;font-size: 14px;box-sizing:border-box;background-color: #fff;font-family: 'Pretendard Medium', sans-serif;}
textarea::placeholder {color: #999;}
/* div.question input[type=submit] {position: fixed;left: 0;bottom: 0;width: 100%;height: 45px;padding: 0;border: 0 none;text-align: center;color: #fff;font-size: 15px;font-family: 'Pretendard Bold', sans-serif;background-color: #111337;} */


/* 보팅 */
div.voting {padding: 20px 20px 65px;box-sizing: border-box;}
div.voting div.voingArea {}
div.voting h3 {padding-top: 15px;color: #171925;font-size: 20px;line-height: 24px;font-family: 'Pretendard Bold', sans-serif;}
div.voting > p {margin: 0;color: #171925;font-size: 15px;line-height: 20px;font-family: 'Pretendard Regular', sans-serif;}
div.voting p.time {padding-top: 10px;color: #888;}

ul.voting, ul.voting > li, ul.voting a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.voting {padding: 20px 0 10px;}
ul.voting:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.voting > li {float: left;width: 20%;vertical-align: top;margin:auto 0%;}
ul.voting a {position: relative;display: block;width: 60px;margin: 0 auto;padding: 18px 0;text-align: center;border-radius:30px;color: #c8c9d1;font-size: 22px;line-height: 24px;font-family: 'NotoSansKR Bold', sans-serif;background-color: #f6f6f6;box-shadow:5px 5px 7px rgba(0,0,0,.10);font-weight: bold;}
ul.voting > li.on a {color: #fff;background-color: #4461cb;}

ul.voting > li.on a:before {position: absolute;left: 50%;top: 50%;width: 50px;height: 50px;border-radius: 25px;content: " ";border: 1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%);}


/* 설문조사 */
div.survey {padding-bottom: 60px;}

div.survey h3 {margin: 0;padding: 10px 15px 10px 33px;text-indent: -17px;font-weight: normal;color: #171925;font-size: 15px;line-height: 20px;font-family: 'Pretendard SemiBold', sans-serif;}
div.survey > p {margin: 0;padding: 0 15px 10px;color: #171925;font-size: 15px;line-height: 20px;font-family: 'Pretendard Regular', sans-serif;}

div.survey > ul.subMenu2 {padding: 20px 15px 10px;}

div.example {margin: 0 15px;border: 2px solid #dfe2ec;padding: 15px;background-color: #fff;}
div.example p {margin: 0;padding-bottom: 10px;border-bottom: 2px solid #dfe2ec;color: #171925;font-size: 12px;line-height: 16px;font-family: 'Pretendard SemiBold', sans-serif;}

div.example ul, div.example li, div.example a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.example ul {}
div.example ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.example li {float: left;width: 55%;padding-top: 10px;}
div.example li:nth-child(odd) {clear: both;width: 45%;}

div.example span {position: relative;display: table-cell;width: 1000px;height: 30px;padding-left: 40px;vertical-align: middle;color: #1b1b1b;font-size: 12px;line-height: 15px;}
div.example span:before {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 30px;height: 30px;border-radius: 50%;content: attr(data-txt);color: #fff;font-size: 17px;line-height: 30px;text-align: center;font-family: 'Pretendard SemiBold', sans-serif;background-color: #b6a08e;}

div.survey select,
div.survey textarea {width: calc(100% - 30px);height: 40px;margin: 0 15px;}
div.survey textarea {height: 100px;}

span.inputC,
span.inputR {overflow: hidden;position: relative;display: block;width: 43px;height: 43px;border-radius:50%;margin: 0 auto;border: 2px solid #c8c9d1;background: #fff url('image/checked.png') center center no-repeat;background-size: 23px;box-sizing:border-box;}
span.inputC input,
span.inputR input {z-index: 20;position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;margin: 0;opacity: 0;}

span.inputC.on,
span.inputR.on {border-color: #8a5d47;background: #8a5d47 url('image/checked_on.png') center center no-repeat;background-size: 23px;}

span.inputC + label,
span.inputR + label {display: block;padding-top: 5px;text-align: center;color: #1b1b1b;font-size: 12px;line-height: 16px;font-family: 'Pretendard Regular', sans-serif;}

ul.option, ul.option li {margin: 0;padding: 0;list-style:none;}
ul.option {padding: 0 25px;font-size: 0;line-height: 0;}
ul.option li {display: inline-block;vertical-align: top;width: 25%;}

ul.option.col2ea li {text-align: center;}
ul.option.col2ea li > * {display: inline-block;vertical-align: top;}
ul.option.col2ea label {line-height: 43px;padding: 0 0 0 10px;color: #171925;font-size: 14px;font-family: 'Pretendard SemiBold', sans-serif;}

div.feedback dl, div.feedback dt, div.feedback dd {margin: 0;padding: 0;}
div.feedback {padding: 15px 0;}

div.feedback h4 {margin: 20px 0 10px;padding: 5px 15px;font-weight: normal;color: #fff;font-size: 14px;line-height: 18px;font-family: 'Pretendard SemiBold', sans-serif;background-color: #9e8876;}
div.feedback h4:first-child {margin-top: 0;}
div.feedback h4 span {display: block;font-family: 'Pretendard Regular', sans-serif;}


div.feedback dl {padding: 0;}
div.feedback dt {padding: 15px 15px 10px;color: #171925;font-size: 14px;line-height: 16px;font-family: 'Pretendard SemiBold', sans-serif;}

ul.point, ul.point li, ul.point a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.point {font-size: 0;line-height: 0;text-align: center;}
ul.point li {display: inline-block;vertical-align: top;width: 16.6%;}

ul.point a {display: block;width: 43px;height: 43px;border-radius: 50%;margin: 0 auto;border: 2px solid #c8c9d1;text-align: center;color: #c8c9d1;font-size: 20px;line-height: 39px;font-family: 'Pretendard SemiBold', sans-serif;background-color: #fff;box-sizing:border-box;}
ul.point a.on {border-color: #8a5d47;color: #fff;background-color: #8a5d47;}

/* 긴급공지 */
div#popupAlert {background: none;}
dl.popupAlert {position: fixed;left: 15px;bottom: 65px;width: calc(100% - 30px);margin: 0;padding: 15px;background-color: #fff;box-sizing:border-box;max-height:300px; overflow-y:scroll;border: 1px solid #222;border-radius:5px;}
dl.popupAlert dt {color: #222;text-align: center;margin: 0;font-size: 18px;line-height: 23px;font-family: 'Roboto-Medium', 'Pretendard Medium', sans-serif;}
dl.popupAlert dd {margin: 0;}
dl.popupAlert dd.con {margin-top: 10px;color: #222;font-size: 13px;line-height: 20px;}

#popupAlert dd.close {left: auto;bottom: auto;width: auto;}
#popupAlert dd.close a {background: none;height: auto;line-height: auto;}
#popupAlert dd.close,
dl.popupAlert dd.close {position: absolute;right: 15px;top: 18px;}
#popupAlert dd.close a, #popupAlert dd.close img,
dl.popupAlert dd.close a, dl.popupAlert dd.close img {display: block;width: 10px;}



/* 2022-10-19 */

.fixedArea a.qustion {background-color: #9b0c60;}
.fixedArea a.close {background-color: #848484;}


/* 질문하기 241007 수정 */
.sub-contents:has(.questionArea) {padding-top: 0;} /* 241104 추가 */
div.questionArea {position: relative;padding: 20px 20px 65px;background-color: #f2f5f9;box-sizing: border-box;}
div.questionArea:has(ul.date-menu) {padding: 0px 0px 0px;} /* 241104 수정 */

div.questionArea ul.date-menu {display: flex;}
div.questionArea ul.date-menu li {flex-grow: 1;}
div.questionArea ul.date-menu li a {display: block;}
div.questionArea ul.date-menu li a span {display: flex;justify-content: center;align-items: center;height: 45px;background-color: #8f8f8f;font-family: 'Pretendard-regular', sans-serif;font-size: 18px;color: #c7c7c7;}
div.questionArea ul.date-menu li.on a span {background-color: #d55e2d;font-family: 'Pretendard-Medium', sans-serif;color: #ffffff;}

div.questionArea ul.subMenu2 {padding: 15px 12px;background-color: #fff;}
div.questionArea ul.subMenu2 li {border: 1px solid #364f6f;box-sizing: border-box;}
div.questionArea ul.subMenu2 li + li {border-left: 0px none;}
div.questionArea ul.subMenu2 li a {height: 60px;padding-inline: 5px;border-bottom: 0px none;line-height: 1.07;letter-spacing: -0.5px;}
div.questionArea ul.subMenu2 li.on a {background-color: #152d59;font-family: 'Pretendard-SemiBold', sans-serif;color: #fff;}
div.questionArea ul.subMenu2 li.on a::before {display: none;}

div.questionArea ul.subMenu2.col4ea_v2 li:nth-child(2n + 1) {border-left: 1px solid #364f6f;}
div.questionArea ul.subMenu2.col4ea_v2 li:nth-child(n + 3) {border-top: 0px none;}

ul.subMenu2.col4ea_v2 li {width: calc(100% / 2);}
ul.subMenu2.col2ea li {width: 50%;}

/*ul.subMenu a {position: relative;display: block;height: 45px;padding: 3px 0;line-height: 18px;font-size: 13px;color: #606060;border-bottom: 1px solid #d2d2d2;text-decoration: none;text-align:center;box-sizing: border-box; }
ul.subMenu a strong {display: block;color: #171925;}
ul.room li:nth-child(odd) a {border-left: 1px solid #8a6a7d;}
ul.room li:nth-child(-n+2) a {border-top: 1px solid #8a6a7d;}
 ul.room li:nth-child(1) a {background-image: url('image/room_01.png');}
ul.room li:nth-child(2) a {background-image: url('image/room_02.png');}
ul.room li:nth-child(3) a {background-image: url('image/room_03.png');}
ul.room li:nth-child(4) a {background-image: url('image/room_04.png');}

ul.subMenu li.on a:after {position: absolute; display: block; left: 0;bottom: -2px;width: 100%;height: 3px;content:'';background-color: #0093d5;} */

/* ul.room li:nth-child(1) a {background-image: url('image/room_01_on.png');}
ul.room li:nth-child(2) a {background-image: url('image/room_02_on.png');}
ul.room li:nth-child(3) a {background-image: url('image/room_03_on.png');}
ul.room li:nth-child(4) a {background-image: url('image/room_04_on.png');} */

div.questionArea ul.conMenu {padding-bottom: 15px;}
div.questionArea div.formArea {position: relative;padding: 25px 20px;}
div.questionArea div.formArea .formArea-title {margin: 0 0 10px 0;padding: 0;font-family: 'Roboto-Medium', 'Pretendard-Medium', sans-serif;color: #162d58;letter-spacing: -0.025em;}
div.questionArea input {margin-bottom: 10px;}
div.questionArea input, 
div.questionArea textarea,
div.questionArea select {width: 100%;padding: 15px;background-color: #ffffff;border: 1px solid #c3cdd8;border-radius: 3px;font-family: 'Pretendard Light', sans-serif;font-size: 14px;color: #000000;box-sizing:border-box;}
div.questionArea textarea {height: 63vh;} /* 241104 수정 */
div.questionArea select {padding: 0px 15px;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('../asset/image/select_arrow_down.png') calc(100% - 15px) center no-repeat, #fff;background-size: 12px;color: #a9b3bf;}
div.questionArea select option {color: #000;}

div.questionArea input::placeholder, 
div.questionArea textarea::placeholder {color: #a9b3bf;}
div.questionArea span.placeholder {display: block;position: absolute;left: 15px;top: 9%;font-family: 'Pretendard Light', sans-serif;color: #707487;font-size: 14px;}
div.questionArea input[type=text]:focus + span.placeholder {display: none;}
div.questionArea .vaild + span.placeholder {display: none;}

div.questionArea span.fixedArea {position: fixed;left: 0;bottom: 0;display: flex;align-items: center;width: 100%;}
div.questionArea span.fixedArea > * {display: flex;align-items: center;width: calc(100% / 2);height: 50px;padding: 0 30px;background: url('../asset/image/question_arrow_right.png') right 30px center no-repeat;background-size: 10px;border: 0 none;color: #fff;font-size: 18px;line-height: 22px;font-family: 'Pretendard Medium', sans-serif;box-sizing: border-box;}

/*div.questionArea input[type=submit] {margin: 0;background-color: #1c4282;border-radius: 0px;color: #fff;text-align: left;cursor: pointer;}*/
div.questionArea span.fixedArea a.post{margin: 0;background-color: #1c4282;border-radius: 0px;color: #fff;text-align: left;cursor: pointer;}
div.questionArea span.fixedArea a.close{background-color: #85888d;text-decoration: none;}



div.busArea {padding: 20px 20px 65px;}
.bgTit {margin-top: 15px;padding:0 10px; background-color: #415a73;color: #fff;font-family: 'Pretendard Light', sans-serif;font-size: 14px;line-height: 35px;font-weight: normal;}
div.busInfo {padding: 15px;border-bottom:1px solid #cbcbcb;}
div.busInfo p {font-size: 14px;letter-spacing: -1px;font-family: 'Pretendard Light', sans-serif;}
div.busInfo ol, div.busInfo li {margin: 0; padding: 0; list-style: none; }
div.busInfo ol {margin-top: 15px;font-size: 0;line-height: 0;}
div.busInfo li * {display: block;width: 100%;}
div.busInfo li span {text-align: center;background-color: #e7e7e7;font-family: 'Pretendard Light', sans-serif;font-size: 13px;line-height: 30px;color: #2d2d2d;letter-spacing: -1px;}
div.busInfo li:nth-child(2),
div.busInfo li:nth-child(3) {display: inline-block;vertical-align: top;width: calc(50% - 5px);margin: 10px 0 0 10px;}
div.busInfo li:nth-child(2) {margin-left: 0;}
div.busInfo p.img {margin-top: 5px;}
div.busInfo p.img img {width: 100%;}

div.downloadArea {padding: 20px 20px 65px;}

/* 25.03.12 mj.park */
div.questionArea{
    padding: 0;
    background-color: #fff8f2;
}
div.questionArea div.formArea .formArea-title{
    color: #45260c;
}
div.questionArea ul.subMenu2 li{
    border-color: #1f6772;
}
div.questionArea ul.subMenu2 li a{
    color: #a3bfc3;
}
div.questionArea ul.subMenu2 li.on a{
    background-color: #1f6772;
}
.sub-container:has(.questionArea) .sub-visual,
.sub-container:has(.questionArea) .sub-tit-wrap{
    display: none;
}