@charset "utf-8";
@import url('Pretendard.css');
@import url('NotoSansKR.css');
@import url('paperlogy.css');
* {-webkit-text-size-adjust: 100%;}


/* 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;}
body{line-height: 1;}
ol, ul, li{list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
ul, ol, li{list-style: none;}
ul, ol, dl{margin: 0;}
dl dt, dl dd{margin: 0;}
form, fieldset, img{border: 0;}
img{vertical-align: middle;}
button{cursor: pointer;background: none;}
a{color: inherit;font-size: inherit;text-decoration: none;}
a:hover, a:active, a:visited, a:focus{color: inherit;text-decoration: none;}

.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;
}
textarea[readonly]{cursor: default;}

.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6{margin: 0;}
ul, ol{margin: 0;}
p{margin: 0;}

/* iOS 11.0 */
constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left)

/* iOS 11.2 */
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)


/* 여백 */
.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 {word-break:normal;}



/* Font */
.fwBold {font-weight:bold !important;}
.fwNormal {font-weight:normal !important;}
.fcWhite {color:#fff !important;}
.fcBlack {color:#000 !important;}
.fcRed {color: #cc2729 !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.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: 'NotoSansKR 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;}

table.tblDef {}
table.tblDef > * > tr > th,
table.tblDef > * > tr > td {padding: 20px 10px;border-left: 1px solid #dfe2ec;border-bottom: 1px solid #dfe2ec;background-color: #fff;text-align: center;color: #171925;font-size: 12px;line-height: 15px;font-family: 'Pretendard-Regular', sans-serif;}
table.tblDef > * > tr > *:first-child {border-left: 0 none;}
table.tblDef > thead > tr > th {border-bottom-color: #2f5496;background-color: #2f5496;color: #fff;font-family: 'Pretendard-Medium', sans-serif;}
table.tblDef > tbody > tr > th {background-color: #ecf5ff;}

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

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



div.wrapper {overflow: hidden;width: 100%;min-width:320px;font-family: 'Pretendard-Regular', sans-serif;background-color: #f0f2fa;}
div.wrapper:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

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.subMenu, ul.subMenu > li, ul.subMenu a,
ul.conMenu, ul.conMenu > li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu,
ul.subMenu,
ul.conMenu {}
ul.tabMenu:after,
ul.subMenu:after,
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}
ul.tabMenu > li,
ul.subMenu > li,
ul.conMenu > li {float: left;}


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

ul.tabMenu {}
ul.tabMenu a  {display: table-cell;width: 1900px;height: 40px;padding: 0 10px;background-color: #fff;border-right: 1px solid #9d9fb3;border-bottom: 1px solid #9d9fb3;color: #6c6d7d;font-size: 12px;line-height: 16px;font-family: 'Roboto-Regular', sans-serif;vertical-align: middle;text-align: center;}
ul.tabMenu .on a {background-color: #e05136;border-color: #e05136;color: #fff;font-family: 'Roboto-Medium', sans-serif;f}
 
ul.subMenu {padding: 15px;background-color: #f0f2fa;}
ul.subMenu a {display: table-cell;height: 50px;vertical-align: middle;width: 800px;padding: 5px;border: 1px solid #dfe2ec;border-left: 0 none;color: #171925;font-size: 14px;line-height: 15px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;background-color: #fff;box-sizing: border-box;}
ul.subMenu .on a {border-color: #1f1c5d;color: #fff;background-color: #1f1c5d;}
ul.subMenu > li:first-child a {border-left: 1px solid #dfe2ec;}

ul.conMenu {padding: 20px;background-color: #f0f2fa;}
ul.conMenu > li {}
ul.conMenu a {display: table-cell;height: 50px;vertical-align: middle;width: 800px;padding: 5px;border: 1px solid #dfe2ec;border-left: 0 none;color: #171925;font-size: 14px;line-height: 16px;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;background-color: #fff;box-sizing: border-box;}
ul.conMenu .on a {border-color: #e29728;color: #fff;background-color: #e29728;}

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

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

ul.col2ea li:nth-child(2n+1) a,
ul.col3ea li:nth-child(3n+1) a,
ul.col4ea li:nth-child(4n+1) a,
ul.col5ea li:nth-child(5n+1) a {border-left: 1px solid #dfe2ec;}

ul.col2ea li:nth-child(-n+2) a,
ul.col3ea li:nth-child(-n+3) a,
ul.col4ea li:nth-child(-n+4) a,
ul.col5ea li:nth-child(-n+5) a {border-top: 1px solid #dfe2ec;}

/* 공통 레이아웃 */
div.topVisual {}
div.topVisual h1 {padding: 0;margin: 0;}
div.topVisual h1 img {display: block;margin: 0 auto;width: 100%;max-width: 720px;}

.bgTit {padding: 10px 20px;background-color: #33567f;color: #fff;font-size: 14px;line-height: 20px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}

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





/* Voting, Question */
div.voting {position: relative;min-height: 468px;}

div.voting h1,
div.question h1 {}
div.voting h1 img,
div.question h1 img {display: block; margin: 0 auto;}


div.voting div.layerPopup,
div.question div.layerPopup {background-color: transparent;}

/* program */
div.program {padding: 20px;box-sizing: border-box;}
div.program > ul.conMenu {padding: 0 0 20px;}
div.program div.tableScroll {height: calc(100% - 70px);overflow: auto;}
div.program div.tableScroll > table {width: 1200px;}
div.program .tblDef > * > tr > td {color: #171925;font-family: 'Pretendard-Regular', sans-serif;}
div.program table span {display: block;font-family: 'Pretendard-SemiBold', sans-serif;}
div.program th img {display: inline-block;vertical-align: top;height: 15px;margin-left: 5px;}
div.program td img {display: block;margin: 5px auto 0;height: 36px;}
div.program tr.break .time {background-color: #bfbfbf;}
div.program tr.break .break {background-color: #bfbfbf;font-family: 'Pretendard-SemiBold', sans-serif;}

/* 다운로드 */
div.download {padding: 15px 20px 20px;}
div.download h2 {color: #171925;font-size: 21px;line-height: 35px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
ul.download, ul.download li, ul.download a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.download {padding-top: 25px;}
ul.download li {width: 100%;margin-top: 22px;}
ul.download li:first-child {margin-top: 0;}
ul.download li a {padding: 16px 50px 16px 110px;text-align: center;border-radius: 8px;color: #fff;font-size: 24px;line-height: 28px;font-family: 'Pretendard-Bold', sans-serif;}
ul.download li a span {display: block;font-size: 20px;}
ul.download li:first-child a {background: url('image/bl_download.png') 24px center no-repeat, linear-gradient(to bottom, #a87bbd, #8c51a8);background-size: 70px, auto;}
ul.download li:nth-child(2) a {background: url('image/bl_download.png') 24px center no-repeat, linear-gradient(to bottom, #73a6bd, #4689a7);background-size: 70px, auto;}

/* 팝업 > 다운로드 */
#popupDownlaod {border-radius: 5px;}
#popupDownlaod .popupCon {padding: 20px;}
#popupDownlaod p {padding-top: 77px;background: url('image/bl_alert.png') center 6px no-repeat;background-size: 70px;text-align: center;color: #171925;font-size: 17px;line-height: 25px;font-family: 'Pretendard-Medium', sans-serif;word-break: keep-all;}
#popupDownlaod .btn {padding-top: 20px;text-align: center;}
#popupDownlaod .btn * {display: inline-block;vertical-align: top;padding: 10px 27px;border-radius: 5px;background-color: #303654 !important;border-color: #303654 !important;font-size: 14px;font-family: 'Pretendard-SemiBold', sans-serif;}

/* 긴급공지 */
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', 'NotoSansKR 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;}


/* 레이어 팝업*/
div.layerPopup {display: none;position: fixed;top: 0;left: 0;z-index: 250;width: 100%;height: 100%;font-family: 'NotoSansKR Regular', sans-serif;background-color: rgba(0,0,0,.6);}
div.layerPopup > div.popupWrap {position: absolute;left: 50%;top: 50%;width: calc(100% - 40px);max-height:calc(100% - 40px);box-sizing:border-box;transform: translate(-50%, -50%);background-color: #fff;}

div.layerPopup h1 {padding: 15px 0;text-align: center;color: #000;font-weight: normal;font-size: 25px;line-height: 35px;font-family: 'Pretendard-Bold', sans-serif;}

div.layerPopup .close {position: fixed;left: 0;bottom: 0;width: 100%;}
div.layerPopup .close a {display: block;width: 100%;line-height: 55px;height: 55px;padding: 0;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;text-decoration: none;color: #fff;background-color: #242b37;}


div#popupPlayer {}
div#popupPlayer {z-index: 250;position: fixed;left: 0;top: auto;bottom: 0;width: 100%;height: auto;padding: 10px 20px 65px;background-color: #f0f2fa;box-sizing:border-box;}
div#popupPlayer h1 {padding: 6px 0 13px;margin: 0;color: #171925;text-align: left;font-size: 21px;line-height: 25px;background: none;}

div#popupPlayer div.formArea div {position: relative;background-color: #fff;margin-top: 8px;}
div#popupPlayer div.formArea div:first-of-type {margin-top: 0;}
div#popupPlayer input[type=text] {position: relative;z-index: 10;width: 100%;height: 40px;padding: 0 10px;border-radius: 0;border-color: #dfe2ec;background-color: transparent;color: #707487;font-size: 12px;font-family: 'Pretendard-Medium', sans-serif;box-sizing: border-box;}
div#popupPlayer input[type=text] + span.placeholder {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: #707487;font-family: 'Pretendard-Medium', sans-serif;font-size: 12px;}
div#popupPlayer input[type=text]:focus + span.placeholder {display: none;}
div#popupPlayer textarea {position: relative;z-index: 10;width: 100%;height: 165px;border: 1px solid #dfe2ec;padding: 10px;color: #707487;font-size: 14px;box-sizing:border-box;background-color: transparent;font-family: 'Pretendard-Medium', sans-serif;}
div#popupPlayer textarea + span.placeholder {position: absolute;top: 10px;left: 10px;color: #707487;font-family: 'Pretendard-Medium', sans-serif;font-size: 12px;}
div#popupPlayer textarea:focus + span.placeholder {display: none;}
div#popupPlayer .formArea p {font-size: 15px;color: #171925;font-family: 'Pretendard-Regular', sans-serif;}

ul.voting, ul.voting > li, ul.voting a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.voting {padding: 30px 0 0px;}
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: #fff;box-shadow: 0 4px 6px rgba(52,52,52,.10);}
ul.voting > li.on a {color: #fff;background-color: #e9861b;}
ul.voting > li.on a:before {position: absolute;left: 5px;top: 5px;width: 48px;height: 48px;border-radius: 25px;content: " ";border: 1px solid rgba(255,255,255,.25);}


div#popupPlayer .formArea .btn {position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;}
div#popupPlayer .formArea .btn * {float: left;width: 100%;height: 45px;font-size: 15px;font-family: 'Pretendard-Bold', sans-serif;text-align: center;box-sizing:border-box;border-radius:0;border-color: #303654;background-color: #303654;color: #fff;}
div#popupPlayer .formArea .btn a {line-height: 35px;color: #272b4b;border-color: #fff;background-color: #fff;}

div#popupPlayer .popupWrap > .close {position: absolute;left: 0;bottom: 0;width: 100%;}
div#popupPlayer .popupWrap > .close a {display: block;width: 100%;line-height: 55px;height: 55px;font-size: 18px;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;box-sizing:border-box;text-decoration: none;color: #fff;background-color: #212854;}

div#popupPlayer ul.conMenu {padding: 0 0 15px;}

/* question */
div.question {padding: 0 20px 45px;}
div.question > ul.conMenu {padding: 20px 0;}
div.question h2 {padding: 5px 0 13px;margin: 0;color: #171925;text-align: left;font-size: 21px;line-height: 25px;background: none;font-family: 'Pretendard-Bold', sans-serif;}

div.question div.formArea div {position: relative;background-color: #fff;margin-top: 8px;}
div.question div.formArea div:first-of-type {margin-top: 0;}
div.question input[type=text] {position: relative;z-index: 10;width: 100%;height: 40px;padding: 0 10px;border-radius: 0;border-color: #dfe2ec;background-color: transparent;color: #707487;font-size: 12px;font-family: 'Pretendard-Medium', sans-serif;box-sizing: border-box;}
div.question input[type=text] + span.placeholder {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);color: #707487;font-family: 'Pretendard-Medium', sans-serif;font-size: 12px;}
div.question input[type=text]:focus + span.placeholder,
.valid + span.placeholder {display: none;}
div.question textarea {position: relative;z-index: 10;width: 100%;height: 165px;border: 1px solid #dfe2ec;padding: 10px;color: #707487;font-size: 14px;box-sizing:border-box;background-color: transparent;font-family: 'Pretendard-Medium', sans-serif;}
div.question textarea + span.placeholder {position: absolute;top: 10px;left: 10px;color: #707487;font-family: 'Pretendard-Medium', sans-serif;font-size: 12px;}
div.question textarea:focus + span.placeholder {display: none;}

div.question .formArea .btn {z-index: 20;position: fixed;bottom: 0;left: 0;width: 100%;}
div.question .formArea .btn > * {width: 100%;height: 45px;font-size: 15px;font-family: 'Pretendard-Bold', sans-serif;text-align: center;box-sizing:border-box;border-radius:0;border-color: #303654;background-color: #303654;color: #fff;}

/* Feedback */
dl.feedbackNote, dl.feedbackNote dt, dl.feedbackNote dd {margin: 0;padding: 0;}
dl.feedbackNote {margin-top: 1px;padding: 20px;background-color: #fff;}
dl.feedbackNote > dt {color: #171925;font-size: 21px;line-height: 20px;font-family: 'Pretendard-Bold', sans-serif;}
dl.feedbackNote > dd {padding-top: 10px;color: #171925;font-size: 16px;line-height: 18px;font-family: 'Pretendard-Regular', sans-serif;text-align: justify;}
dl.feedbackNote p + p {margin-top: 15px;}
dl.feedbackNote p.fcPoint {color: #132c89;}
dl.feedbackNote span.fcRed {color: #d31f41;}

div.feedback {}
div.feedback ul.day {margin-bottom: 15px;}
div.feedback h4 {position: relative;display: table-cell;width: 2000px;height: 32px;padding: 8px 20px 8px 80px;border-radius: 24px;vertical-align: middle;color: #222;font-size: 14px;line-height: 16px;background-color: #f0f2fa;font-weight: normal;}
div.feedback h4:before {position: absolute;left: 0;top: 0;width: 70px;height: 100%;border-radius: 24px;content: "";background-color: #2e4569;}
div.feedback h4:after {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 70px;content: attr(data-num);text-align: center;color: #fff;font-size: 17px;line-height: 17px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.feedback h4 span {color: #d51530;}

div.feedback h5 {margin: 0;padding: 10px 20px;font-size: 14px;line-height: 16px;font-family: 'Pretendard-Bold', sans-serif;font-weight: bold;}
div.feedback h4 + h5 {margin-top: 20px;border-top: 1px solid #152657;}

div.feedback.day1 h5 {color: #065688;background-color: #9cd0d8;}
div.feedback.day2 h5 {color: #bb5e14;background-color: #f7d6b9;}

dl.feedback, dl.feedback dt, dl.feedback dd {margin: 0;padding: 0;}
dl.feedback {padding: 20px 20px 70px 20px;}
dl.feedback > dt {padding: 20px 0 10px;color: #173373;font-size: 15px;line-height: 18px;font-family: 'Pretendard-SemiBold', sans-serif;    word-break: keep-all;}
dl.feedback > dt:first-of-type {padding-top: 0;}
dl.feedback dd input[type=text],
dl.feedback dd select {width: 100%;height: 40px;padding: 0 10px;box-sizing: border-box;border-color: #dfe2ec;background-color: #fff;color: #707487;font-size: 13px;font-family: 'Pretendard-Regular', sans-serif;}

div.feedback .btn{    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 50px;}
span.inputC,
span.inputR {overflow: hidden;position: relative;display: block;width: 40px;height: 40px;background: #e1e4e9 url('image/checked.png') center center no-repeat;background-size: 23px !important;}
span.inputR {border-radius:50%;}
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 {background: #303654 url('image/checked_on.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;width: 20%;text-align: center;}
ul.option span {margin: 0 auto;}
ul.option label {display: block;margin-top: 10px;color: #1b1b1b;font-size: 14px;font-family: 'Pretendard-SemiBold', sans-serif;line-height: 16px;letter-spacing: -0.5px;word-break: keep-all;}


div.feedback table.tblDef {border-top: 0 none;}
div.feedback table.tblDef:last-of-type {margin-bottom: 25px;}
div.feedback th,
div.feedback td {border-color: #ececf2 !important;}
div.feedback th {padding: 10px 10px 10px 25px !important;background-color: #fff !important;text-align: left !important;text-indent: -15px;color: #171925;font-size: 14px;line-height: 16px;font-family: 'Pretendard-Regular', sans-serif;}
div.feedback th span {display: block;color: #44406c;text-indent: 0;}
div.feedback td span.inputC {width: 25px;height: 25px;margin: 0 auto;background-size: 14px !important;}

div.feedback textarea {display: block;width: 100%;height: 85px;padding: 10px 15px;border: 1px solid #dfe2ec;box-sizing:border-box;font-family: 'Pretendard-Regular', sans-serif;}
div.feedback input[type=submit] {display: block;width: 100%;height: 45px;font-size: 15px;font-family: 'Pretendard-Bold', sans-serif;text-align: center;box-sizing:border-box;border-radius:0;border-color: #303654;background-color: #303654;color: #fff;}

/* 포스터 심사 */
div.wrapper.loginWrap {background-color: #f0f2fa;}
div.loginArea {padding: 0 20px 20px;}
div.loginArea h2 {margin-top: 40px;text-align: center;color: #171925;font-weight: normal;font-size: 26px;line-height: 30px;font-family: 'Pretendard-Bold', sans-serif;}
div.loginArea dl, div.loginArea dt, div.loginArea dd {margin: 0;padding: 0;} 
div.loginArea dl {padding-top: 32px;}
div.loginArea dt {margin-bottom: 7px;color: #091c6e;font-size: 14px;line-height: 20px;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
div.loginArea dd {position: relative;width: 100%;background-color: #fff;border: 1px solid #dadada;    margin-bottom: 10px;}
div.loginArea dd input {position: relative;z-index: 10;width: 100%;height: 38px;padding: 0 10px;border: 0;background-color: transparent;box-sizing: border-box;}
div.loginArea dd input::placeholder {color: #707487;font-size: 12px;font-family: 'Pretendard-Regular', sans-serif;}
div.loginArea dd .placeholder {position: absolute;top: 50%;left: 15px;color: #707487;font-size: 12px;transform: translateY(-50%);}
div.loginArea dd input:focus + .placeholder {display: none;}
.valid + span.placeholder {display: none;}

div.loginArea .btn {margin-top: 10px;}
div.loginArea .btn > * {width: 100%;height: 45px;background-color: #222b4d;border: 0 none;text-align: center;color: #fff;font-size: 16px;font-family: 'Pretendard-Bold', sans-serif;}

div.reviewArea {padding: 0 0 100px;}
div.reviewArea .note {margin: 0;padding: 13px 20px 12px;background-color: #303b54;color: #fff;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Medium', sans-serif;}

div.reviewArea .btn {position: fixed;bottom: 0;left: 0;width: 100%;}
div.reviewArea .btn:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.reviewArea .btn > * {float: left;width: 50%;padding: 10px;height: 45px;box-sizing:border-box;background-color: #303654;border-color: #303654;text-align: center;color: #fff;font-size: 15px;line-height: 25px;font-family: 'Pretendard-Bold', sans-serif;}
div.reviewArea .btn > *:first-child {background-color: #4e77ab;border-color: #4e77ab;}

ul.note{padding: 0 10px 10px 10px;}
ul.note li{text-indent: -15px; padding-left: 15px; word-break: keep-all;  line-height: 21px; font-size: 17px;    color: #ef7e7e;font-weight: 600;}
div.reviewArea .goTop {position: fixed;bottom: 55px;right: 20px;}
div.reviewArea .goTop a {display: block;width: 50px;height: 50px;border-radius: 50%;background-color: #427de8;text-align: center;text-decoration: none;color: #fff;line-height: 50px;font-size: 12px;font-family: 'Pretendard-SemiBold', sans-serif;box-shadow: 0 2px  4px rgba(0,0,0,0.35);}

dl.posterList, dl.posterList dt, dl.posterList dd {margin: 0;padding: 0;}
dl.posterList {margin: 20px 20px 0;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
dl.posterList dt {}
dl.posterList dt span {display: block;}
dl.posterList .num {display: inline-block;vertical-align: top;padding: 0 15px;text-align: center;border-radius: 12.5px;background-color: #e29728;color: #fff;font-size: 12px;line-height: 25px;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.posterList .tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 52px;margin-top: 10px;line-height: 17.5px;font-size: 15px;color: #171925;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.posterList .name {margin-top: 10px;color: #e29728;font-size: 13px;}
dl.posterList dd {padding: 13px 0 0;}
dl.posterList dd:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
dl.posterList dd span {display: inline-block;vertical-align: top;color: #171925;font-size: 13px;line-height: 40px;}
dl.posterList dd select {float: right;width: 95px;height: 40px;padding: 0 10px;box-sizing: border-box;border-color: #dfe2ec;color: #666;font-family: 'Pretendard-Medium', sans-serif;}

div.poster {margin: 20px 20px 0;}
div.poster  span {display: block;}
div.poster .num {display: inline-block;vertical-align: top;padding: 0 15px;text-align: center;border-radius: 12.5px;background-color: #348aaa;color: #fff;font-size: 12px;line-height: 25px;font-family: 'Pretendard-SemiBold', sans-serif;}
div.poster .tit {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 52px;margin-top: 10px;line-height: 17.5px;font-size: 15px;color: #171925;font-family: 'Pretendard-SemiBold', sans-serif;}
div.poster .name {margin-top: 10px;color: #348aaa;font-size: 13px;}
div.review {margin: 13px 20px 0;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
div.review:after {display: block;clear: both;height: 0;line-height: 0;font-size: 0;content: '';}
div.review span {display: inline-block;vertical-align: top;color: #171925;font-size: 13px;line-height: 40px;}
div.review select {float: right;width: 95px;height: 40px;padding: 0 10px;box-sizing: border-box;border-color: #dfe2ec;color: #666;font-family: 'Pretendard-Medium', sans-serif;}

.wrapper.index {
    background-color: #fff !important;
}
.logoWrap {
    margin-top: 2vh;
}
.logoWrap > img {
    display: block;
    margin: 0 auto;
    width: 173px;
}
.logoWrap .guideBox {
    padding: 14px 18px;
    margin-bottom: 4vh;
    background: #eaeef7;
}
.logoWrap .guideBox .txt {
    margin-bottom: 16px;
    font-size: 12px;
    color: #656e7d;
}
.logoWrap .guideBox .hightlight {
    display: inline;
    font-family: 'Pretendard-Semibold', sans-serif;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.03em;
    color: #3f5272;
    box-shadow: inset 0 -8px 0 #d0dbed;
}
.loginGuideBox {
    padding: 20px 5px 10px;
}
.loginGuideBox p {
    font-family: 'Pretendard-Medium', sans-serif;
    font-size: 14px;
    word-break: keep-all;
}
.loginGuideBox p .em1 {
    font-family: 'Pretendard-bold', sans-serif;
    color: #da212a;
    text-decoration: underline;
}
.loginGuideBox p .em2 {
    font-family: 'Pretendard-bold', sans-serif;
    color: #324be4;
    text-decoration: underline;
}
.program {
    margin-bottom: 245px; /* 45px for booth event btn */
}
.programTxtBox {
    padding: 10px; 
    font-size: 15px;
    line-height: 21px;
    background: #fff;
    word-break: keep-all; 
    margin-bottom: 15px;
}
.programTxtBox p {
    margin-top: 4px;
    line-height: 1.3;
}
.programTxtBox p.em {
    color: #da212a;
}
.fixedBtnWrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
}
.fixedBtnWrap .btn.boothEvent {
    display: block;
    width: 100%;
    height: 45px;    
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #a733b5;
    border: 0 none;
}

/* Booth Event*/
div.wrapper.stamp {
    background: #fff;
}
.topVisual.boothTit {
    padding: 10px 20px;
    background: linear-gradient(90deg, rgba(17,46,93,1) 0%, rgba(195,143,154,1) 100%);
}
.topVisual.boothTit h1 {
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 17px;
    color: #fff;
}
.stampWrap {
    display: block;
    margin: 0 auto;
    padding: 0px 0px 113px;
    max-width: 660px;
}
.stampWrap .listWrap{
    padding: 3vw;
    background: url(../asset/image/booth/booth_bg_type5.png) #22283b center center no-repeat;
}
.stampList {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
}
.stampList li {
    position: relative;
    border: 1px solid rgba(255,255,255,.7);
    background: rgba(255,255,255,.8)
}
.stampList li.stamp {
    background-color: rgb(0 0 0);
    border: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(17,46,93,1) 0%, rgba(195,143,154,1) 100%);
    border-image-slice: 1;
}
.stampList li.stamp:after {
    content: '';
    position: absolute;
    right: 6%;
    bottom: 6%;
    display: block;
    width: 40%;
    max-width: 40px;
    height: 45%;
    max-height: 40px;
    background-size: cover;
    background-image: url(../asset/image/booth/booth_stamp_type1.png);
}
.stampGuide {
    padding: 0px 0 145px;
	background-color: #2d7782;
	
}
.stampGuide .tit {
    margin-bottom: 10px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}
.stampGuide .highlight {
    display: inline;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: -0.03em;
    color: #c21587;
    box-shadow: inset 0 -8px 0 #ffee9d;
}
.stampGuide ol,
.stampGuide ul {
    margin-top: 10px;
	margin-bottom: 10px;
}
.stampGuide ol li,
.stampGuide ul li {
    margin-left: 2px;
    line-height: 1.3;
	font-size: 15px;
	letter-spacing: -0.5px;
	padding-left: 10px;
    text-indent: -10px;
    word-break: keep-all;
}
.stampGuide ol li + li,
.stampGuide ul li + li {
    margin-top: 4px;
}
.stampGuide .list-type-num li {
    padding-left: 40px;
    text-indent: -40px;
}
.stampGuide .list-type-dot li {
    position: relative;
    padding-left: 12px;
}
.stampGuide .list-type-dot li:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100px;
    background-color: #555;
}
.fixedBtnWrap .qrCodeBg {
    padding: 13px 6%;
    background: rgba(0,0,0,.6);
    text-align: center;
}
.qrCodeBg .btn.qrCode {
    display: block;    
    padding: 10px 30px 10px 30px;
    font-family: 'Pretendard-Bold', sans-serif;    
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background: #2ba8ba;
}
.qrCodeBg .btn.qrCode.disabled {
    pointer-events: none;
    color: #888;
    background: #354d51;
}
.fixedBtnWrap .btn.close {
    display: block;
    width: 100%;
    height: 55px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 16px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background-color: #4f5774;
    border: 0 none;
}
/* qrcode popup */
div.layerPopup.qrCode {
    background-color: rgba(0, 0, 0, .7);
}
div.layerPopup.qrCode > div.popupWrap {
    overflow: hidden;
    background-color: transparent;
    max-width: 375px;
    text-align: center;    
}
.qrCode .popupWrap p {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0 8px;
    line-height: 1.2;
    color: #fff;
    text-align: left;
}
.qrCode .popupWrap p > img {
    margin-right: 6px;
    width: 18px;
}
.qrCode .popupCon {
    border-radius: 30px;
    overflow: hidden;
}
.qrCode .qrCodeImg {
    padding: 20px 40px;
    text-align: center;
    background: #fff;
    border-radius: 30px 30px 0 0;
}
.qrCode .name {
    padding: 16px 10px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(135deg, rgba(195,143,154,1) 0%, rgba(17,46,93,1) 100%);    
}
.qrCodeBg.layerBtn .btn.qrCode {
    display: block;    
    padding: 12px 30px 12px 30px;
    margin-top: 3vh;
    font-family: 'Pretendard-Bold', sans-serif;    
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 100px;
    background: #232b4c;
}
.qrCode .fixedBtnWrap .btn.close {
    background: #a733b5;
}
.fixedBtnWrap .complete {
    width: 100%;
    text-align: center;
    background: linear-gradient(180deg, rgb(108 139 191) 8%, rgba(130, 163, 213, 1) 28%);
}
.ovh {
    overflow: hidden;
}
.filterBlur {
    filter: blur(1px);
    -webkit-filter: blur(1px);
}
/* 추첨 */
.wrapper.draw {
    background: #fff;
    height: 100%;
}
.topVisual.drawTit {    
    text-align: center;
    background: #1d2c4b;
}
.topVisual.drawTit .titBtnType {
    position: relative;
    padding: 10px 20px;
}
.topVisual.drawTit h1 {    
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 21px;
    color: #fff;    
}
.topVisual.drawTit a {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    padding: 4px 12px 4px 30px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    background: url(../asset/image/booth/ic_winner.png) left 6px center / 16px no-repeat;
}
.topVisual.drawTit .visualWrap {
    background: #001433;
}
.drawContWrap {
    display: block;
    margin: 0 auto;
    padding-top: 8vh;
    width: 80%;
    text-align: center;
}
#countdown {
    font-family: 'Pretendard-Bold', sans-serif;
    width: 200px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: 50px;
    color: #1d2c4b;
    font-size: 5em;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    /* solve for flicker problem */
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
#countdown.puffer {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(1.6, 1.6);
    -moz-transform: scale(1.6, 1.6);
    -ms-transform: scale(1.6, 1.6);
    -o-transform: scale(1.6, 1.6);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
#eventMessage {
    display: none;   
    text-align: center;
    animation: fadeIn 2s;
}
#eventMessage .winner {
    margin-bottom: 16px;    
}
#eventMessage .winner .name{
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 54px;
    line-height: 1.2;
    letter-spacing: -0.03em;
    background: linear-gradient(to right, #df877f, #3e91d9);
    color: transparent;
    -webkit-background-clip: text;
}
#eventMessage .winnerWrap.type2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    margin-bottom: 20px;
}
#eventMessage .winnerWrap.type2 .winner .name {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 1.2;
}
#eventMessage .txt {    
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #001433;
}
#eventMessage .txt.affiliation {
    font-family: 'Pretendard-bold', sans-serif;
    font-size: 34px;
}
#eventMessage .winnerWrap.type2 .txt.affiliation {
    font-size: 20px;
}

/* animation */
@keyframes fadeIn {
    0% {
        transform: translateY(10%); 
        opacity: 0;
    }
    100% { 
        transform: translateY(0); 
        opacity: 1; 
    }
}

@media screen and (max-width: 500px) {
    #eventMessage .winnerWrap {
        display: block;
    }
}

/* Booth Manager */
.wrapper.manager {
    display: block;
    max-width: 768px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #fff url(../asset/image/booth/manager_bg.png) center top / contain no-repeat;
}
.loginFormWrap {
    position: relative;
    width: 100%;
}
.titArea > img {
    display: block;
    margin: 0 auto 30px;
    width: 110px;
}
.titArea h1 {
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 24px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #292e85;
}
.formConbox {
    padding-top: 20%;
}
.formConbox .inputBox {
    margin-top: 26px;
    padding: 0 20px;
}
.formConbox .inputBox .formItem{
    width: 100%;
    height: 40px;
    padding: 0 20px 0 40px;    
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    vertical-align: middle;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    background: #f1f5ff url(../asset/image/booth/ic_code.png) left 10px center / 18px no-repeat;
}
.formConbox .inputBox .formItem.pw{
    background: #f1f5ff url(../asset/image/booth/ic_pw.png) left 10px center / 18px no-repeat;
}
.formConbox .inputBox .formItem + .formItem{
    margin-top: 10px;
}
.formConbox .inputBox .formItem::placeholder{
    font-size: 14px;
    color: #4f659d;
}
.formConbox .inputBox .btnWrap{
    margin-top: 20px;
    text-align: center;
}
.inputBox .btnWrap .btn.login {
    display: block;
    width: 100%;
    padding: 20px 10px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 5px;
    background: #292e85;
}
.inputBox .btnWrap .support a {
    display: inline-block;
    margin-top: 24%;
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 16px;
    color: #a1aac6;
    text-decoration: underline;
    text-underline-offset: 4px;
    line-height: 1.3;
    text-align: center;
}
.wrapper.manager.list {
    background: #fff url(../asset/image/booth/manager_bg2.png) center top / contain no-repeat;
}
.wrapper.manager.list .innerWrap {
    padding: 20px 20px 80px;
}
.topUtilBox {
    display: flex;
    justify-content: space-between;
}
.topUtilBox a {
    display: inline-block;
    padding-right: 22px;
    line-height: 1;
    color: #fff;
}
.topUtilBox a.logout {
    background: url(../asset/image/booth/ic_logout.png) right center /15px  no-repeat;
}
.topUtilBox a.refresh {
    background: url(../asset/image/booth/ic_refresh.png) right center /14px  no-repeat;
}
.managerInfoBox {
    margin-top: 12%;
}
.managerInfoBox .photo {
    overflow: hidden;
    position: relative;    
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff;
}
.managerInfoBox .photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.managerInfoBox .company {
    margin-top: 8px;
    font-family: 'Pretendard-Semibold', sans-serif;
    font-size: 18px;
    color: #fff;
}
.visitorList {
    margin-top: 18%;
}
.listTit {
    padding-left: 32px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 20px;
    color: #040735;
    background: url(../asset/image/booth/ic_list.png) left center / 24px  no-repeat;
}
.tblWrap {
    margin-top: 8px;
    border-top: 2px solid #0d104d;
}
.cstTbl{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.cstTbl th,
.cstTbl td{
    padding: 8px 4px;
    border: 1px solid #dadada;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
}
.cstTbl thead th {
    font-family: 'Pretendard-Bold', sans-serif;
    padding: 8px 4px;
}
.cstTbl th{
    color: #1c2f5b;
    background-color: #f5f9fe;
    border-bottom: none;
}
.cstTbl td{
    font-family: 'Pretendard-Regular', sans-serif;
    background: #fff;
}
.cstTbl.al th,
.cstTbl.al td{
    text-align: left;
}
.cstTbl th:first-child,
.cstTbl td:first-child{
    border-left: 0;
}
.cstTbl th:last-child,
.cstTbl td:last-child{
    border-right: 0;
}
.cstTbl .date {
    display: inline-block;
    padding-left: 20px;
    background: url(../asset/image/booth/ic_date.png) left center / 14px  no-repeat;
}
.cstTbl .time {
    display: inline-block;
    padding-left: 18px;
    background: url(../asset/image/booth/ic_time.png) left center / 13px  no-repeat;
}
.fixedBtnWrap .scan {
    display: block;
    width: 100%;
    height: 60px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #303378;
    border: 0 none;
    border-radius: 20px 20px 0 0;
}
.fixedBtnWrap .scan img {
    width: 24px;
    margin-right: 16px;
}
.scanCamera {
    max-width: unset;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
}
.scanCamera .cameraFrame {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 70%;
    max-width: 500px;
    height: 100%;   
}
.scanCamera .cameraFrame img {
    max-width: 300px;
    width: 100%;
}
.scanCamera .cameraFrame p {
    margin-top: 20px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
.scanCamera .close {
    display: block;
    width: 100%;
    height: 45px;
    font-family: 'Pretendard-Bold', sans-serif;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #40475f;
    border: 0 none;
}



/* floor plan */
.floor-plan {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 40px;    
    box-sizing: border-box;
}
.floor-plan h2 {
    padding: 20px 0 20px;
    margin: 0;
    color: #171925;
    text-align: left;
    font-size: 21px;
    line-height: 25px;
    background: none;
    font-family: 'Pretendard-Bold', sans-serif;
}
.floor-plan .img-wrap {
    background-color: #fff;
}
.floor-plan img {
    max-width: 100%;
}

/* booth event 추가 - 25.02.25 mj.park */
.wrapper.stamp{
    position: relative;
}
div.topVisual h1 img{
    width: 100%;
    max-width: 100%;
}
div.loginArea dt{
    margin-bottom: 0;
    color: #111337;
}
div.loginArea dd{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 0 10px 10px;
    box-sizing: border-box;
}
div.loginArea dd img{
    display: inline-block;
    width: 15px;
    vertical-align: middle;
}
div.loginArea dd + dt{
    margin-top: 10px;
	margin-bottom: 5px;
}
div.loginArea dd img + input{
    width: calc(100% - 20px);
}
div.loginArea .btn > *{
    background-color: #442d0b;
}
.logoWrap{
    margin-top: 5vh;
}
.logoWrap > img{
    width: 91px;
}
.login-info{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 20px;
    background-color: #fff6f2;
    font-family: 'Pretendard-Medium', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #442d0b;
    line-height: 1.5;
    box-sizing: border-box;
    word-break: keep-all;
}
.img-logo{
    position: absolute;
    top: 40px;
    right: 20px;
    width: 90px;
}

div.wrapper.stamp{
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 45px;
}
.stamp .topVisual{
    text-align: center;
}
.stamp .topVisual img{
    display: inline-block;
    width: auto;
    max-width: 100%;
    vertical-align: top;
}
.stampWrap{
    padding: 0;
    max-width: 720px;
    box-sizing: border-box;
}
.stampWrap .listWrap{
    overflow-y: auto;
    height: 350px;
    max-height: 350px;
    padding: 5px 5px 30px;
    background: none;
    background-color: #94d4f5;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../asset/image/bg_stamp_list.png');
    background-size: auto 330px;
}
.stampList{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.stampList > li{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 20px)/5);
    height: 73px;
    border: 0;
}
.stampList > li img{
    width: 100%;
}
.stampList > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
}
.stampList > li > a img{
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
.stampList li.stamp{
    border: 0;
}
.stampList li.stamp:after{
    display: none;
}
.stampList li.stamp > a:before{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(52,52,52,0.8);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../asset/image/ic_stamp_complete.png');
    background-size: 30px;
}
.stampGuide{
    padding: 20px 15px;
    background-color: #fff;
    font-size: 14px;
}
.stampGuide .highlight{
    font-size: 16px;
    color: #442d0b;
    box-shadow: inset 0 -8px 0 #fff2ec;
}
.stampGuide .highlight + *{
    margin-top: 10px;
}
.stampGuide .list-type{
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
}
.list-type.list-type-decimal{
    margin-left: 15px;
}
.list-type.list-type-decimal,
.list-type.list-type-decimal > li{
    list-style: decimal;
}
.stampGuide .btn-wrap{
    margin-top: 30px;
}
.btn-wrap .btn.btn-booth{
    width: 100%;
    padding: 15px 10px;
    background-color: #b94c22;
    border-radius: 25px 25px 0 0;
    border: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    text-align: center;
	animation:blink 2s ease-in-out infinite alternate; 
	-webkit-animation:blink 2s ease-in-out infinite alternate;
	-moz-animation:blink 2s ease-in-out infinite alternate;
	
}
@keyframes blink {
	  0% {color:#ffffff;}
	  50% {color:#ffff00;}
	  100% {color:#ffffff;}
}
.btn-booth img{
    display: inline-block;
    width: 28px;
    margin-right: 7px;
    vertical-align: sub;
}

 
.fixedBtnWrap{
    max-width: 720px;
    margin: 0 auto;
}
.result-con{
    max-width: 720px;
    margin: 0 auto;
    padding: 10px 25px;
    background-color: #b94c22;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
}
.stampWrap .result-con + .listWrap{
    padding-top: 20px;
}
.fixedBtnWrap .complete{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 30px 25px;
    background-color: rgba(34,86,144,0.8);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-image: url('../asset/image/bg_complete.png');
    background-size: auto 100%;
    color: #fff;
    font-size: 15px;
    line-height: 1.3;
    text-align: left;
    box-sizing: border-box;
    word-break: keep-all;
}
.fixedBtnWrap .complete img{
    flex: 0 0 auto;
    width: 80px;;
}
.fixedBtnWrap .complete .tit{
    display: block;
    margin-bottom: 5px;
    font-size: 28px;
}
.fixedBtnWrap .btn.close{
    background-color: #442d0b;
}

.scanCamera{
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 720px;
    height: 70vh;
    margin: 0 auto;
    background-color: #191919;
    border-radius: 25px 25px 0 0;
}
.scanCamera .cameraFrame{
    width: 100%;
    padding: 0 15px;
    padding-bottom: 45px;
    max-width: 100%;
    box-sizing: border-box;
}
.scanCamera .cameraFrame p{
    width: 100%;
    margin: 0;
}
.scanCamera .cameraFrame p strong{
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}
.scanCamera .cameraFrame .ic-qrcode{
    width: 35px;
}
#webcam{
    width: 70%;
    max-width: 500px;
    margin: 0 auto;
    background-color: #fff;
	min-height: 250px;
}
.scanCamera .close{
    background-color: #192935;
}

html.ovh,
body.ovh{
    overflow: hidden;
}
.stampWrap.fixed{
    position: fixed;
    top: 0;
    left: 0;
}
.stampWrap.fixed .listWrap{
    overflow-y: auto;
}

.wrapper.login{
    position: relative;
    background-color: #cfeefe;
}
.login-cate{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding: 0 20px;
    padding-top: 75px;
    background-repeat: no-repeat;
    background-position: right bottom 60px;
    /* background-image: url('./image/bg_login_cate.png'); */
    background-color: #fcdfd2;
    background-size: 100%;
}
.login-cate, 
.login-cate *{
    font-family: 'Paperlogy', sans-serif;
    box-sizing: border-box;
}
.login-cate .tit{
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
    color: #442d0b;
    line-height: 1;
}
.login-cate p{
    font-size: 15px;
    font-weight: 500;
    color: #b94c22;
    line-height: 1.3;
    text-align: center;
}
.login-cate form{
    display: block;
    width: 100%;
    min-width: 1px;
}
.login-cate-list{
    width: 100%;
    margin-top: 20px;
    padding: 0 25px;
}
.login-cate-list > li{
    border-radius: 35px 35px 0 35px;
    background-color: #eb9c76;
    transition: 0.3s ease;;
}
.login-cate-list > li + li{
    margin-top: 15px;
}
.login-cate-list > li > a{
    display: block;
    position: relative;
    padding: 23px 40px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
}
.login-cate-list > li > a img{
    transition: 0.3s ease;
}
.login-cate-list > li:nth-child(1):hover,
.login-cate-list > li:nth-child(1).on{
    background-color: #e27531;
}
.login-cate-list > li:nth-child(2):hover,
.login-cate-list > li:nth-child(2).on{
    background-color: #b94c22;
}
.login-cate-list > li:nth-child(3):hover,
.login-cate-list > li:nth-child(3).on{
    background-color: #442d0b;
}
.login-cate-list a > img{
    position: absolute;
    bottom: -6px;
    right: 10px;
    height: 83px;
}
.btn.btn-select{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #b94c22;
    border: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    box-shadow: none;
}

.stamp-list{
    overflow-y: auto;
    height: 300px;
/*     padding: 10px 5px; */
}
.cst-table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.cst-table th,
.cst-table td{
    padding: 10px 15px;
    border-bottom: 1px solid #cfd4d8;
    text-align: center;
}
.cst-table th{
    background-color: #442d0b;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.cst-table td:has(.btn-success){
    padding-left: 0;
    padding-right: 0;
}
.btn-success{
    display: inline-block;
    padding: 5px;
    padding-right: 13px;
    background-color: #fff;
    border: 2px solid #b94c22;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #b94c22;
}
.btn-success img{
    width: 23px;
    vertical-align: middle;
}

@media screen and (max-width: 420px) {
    .login-info{
        padding: 5% 20px;
    }
}