/* layout */


/*----------------------------------------------------------------------------------------*/
/* common --------------------------------------------------------------------------------*/

body{min-width:1280px;}
body.overH{overflow:hidden;}


@media only screen and (orientation: landscape) {	
}
@media only screen and (orientation: portrait) {
	/*body { min-height:2000px; }*/
}


a{color:var(--concept-colorA);}
a:hover{color:var(--concept-colorA);}



.mt20{margin-top:20px !important;}
.mt35{margin-top:35px !important;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb85{margin-bottom:85px !important;}
.mb120{margin-bottom:120px !important;}

.mr15{margin-right:15px !important;}
.mr25{margin-right:25px !important;}

.p50{padding:50px;}
.pb10{padding-bottom:10px !important;}









.tableCol20{width:20%;}
.tableCol30{width:30%;}
.tableCol50{width:50%;}
.tableCol80{width:80%;}





.d-flex{display:flex !important;}
.j-start{justify-content:flex-start;}
.j-center{justify-content:center;}
.j-end{justify-content:flex-end;}
.j-s-around{justify-content:space-around; }
.j-s-evenly{justify-content:space-evenly;}
.j-s-between{justify-content:space-between;}
.a-center{align-items:center;}
.gap6{gap:6px;}
.gap15{gap:15px;}



.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w50{width:50%;}
.w100{width:100%;}




.v-align-top{vertical-align:top !important;}



.mandatory{color:#c80000 !important;}





.tableColA20{width:20%;}
.tableColB80{width:80%;}












#visual {width:100%;padding-top:130px;display:flex;align-items:center;justify-content:center;}
#mainTopLogo{max-height:75px;}

#pageBlockBodyWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99;display:none;justify-content:center;align-items:center;}
#loadingIcon{font-size:50px;color:#fff;}

#registrationChkPopWrap{ position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99;display:none;justify-content:center;align-items:center;}
#registrationChkPopWrap .registrationChkPopBody{width:40%;height:28%;background:#fff;border-radius:15px;max-width:650px;max-height:210px;min-height:210px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
#registrationChkPopWrap .registrationChkPopBody p{text-align:center;font-size:20px;color:#000;line-height:1.4;margin-bottom:25px;}

#siteTopBt{background-image:url("/img/common/top_button.svg");background-repeat:no-repeat;background-color:#fff;background-size:cover;width:55px;height:55px;padding:0;margin:0;border:0;outline:0 !important;position:fixed;bottom:50px;right:40px;z-index:10000001;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);border-radius:50%;}
/*
#siteTopBt:hover{background:url("/img/common/topBt_on.svg")no-repeat;background-size:cover;}
*/

/* common --------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------*/
/* location list -------------------------------------------------------------------------*/

#container-sub header.container-header{width:100%;height:44px;border-bottom:0px;box-sizing:border-box;background-color:transparent;margin-top:0px;}
#container-sub header.container-header .location{margin:0 auto;max-width:1200px;text-align:left;}
#container-sub header.container-header .location ul.location-list{font-size:14px;padding:5px 0;}
#container-sub header.container-header .location ul.location-list li{display:inline-block;line-height:34px;}
#container-sub header.container-header .location ul.location-list li::before{padding:0 12px;content:">";}
#container-sub header.container-header .location ul.location-list li:first-child{padding-left:0;}
#container-sub header.container-header .location ul.location-list li:first-child::before{padding:0;content:"";}

/* location list -------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------*/
/* common content Body -------------------------------------------------------------------*/

#container-sub .sub {margin:0 auto;width:1200px;line-height:1.6em;box-sizing:border-box;}
#container-sub .sub .cont{padding-bottom:50px;}

/* common content Body -------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/











.btn-primary {
    color: #fff;
    background-color: var(--concept-colorF);
    border-color: var(--concept-colorF);
	padding:8px 0 11px 0;
	font-size:16px;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--concept-colorF);
    border-color: var(--concept-colorF);
}

.btn-primary:focus {
    color: #fff;
    background-color: var(--concept-colorF);
    border-color: var(--concept-colorF);
}

.form-floating>label{color:var(--concept-colorF);}


.btn-secondary {
    color: #fff;
    background-color: var(--concept-colorG);
    border-color: var(--concept-colorG);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--concept-colorG);
    border-color: var(--concept-colorG);
}
.btn-secondary:focus {
    color: #fff;
    background-color: var(--concept-colorG);
    border-color: var(--concept-colorG);
}

.btn-danger {
    color: #fff;
    background-color: var(--concept-colorG);
    border-color: var(--concept-colorG);
}
.btn-danger:hover {
    color: #fff;
    background-color: var(--concept-colorG);
    border-color: var(--concept-colorG);
}
.btn-danger:focus {
    color: #fff;
    background-color: var(--concept-colorG);
    border-color: var(--concept-colorG);
}

.mark, mark{
	background-color:#fff;
}









.mb-50 {margin-bottom:50px;}




/* //layout */




























/*----------------------------------------------------------------------------------------*/
/* top Button and show / hide Content ----------------------------------------------------*/

.subMenuWrap{width:100%;display:flex;justify-content:center;border:1px solid var(--concept-colorA);}
.subMenuBt{font-size:18px;font-weight:500;padding:7px 0;cursor:pointer;text-align:center;width:50%;border-right:1px solid var(--concept-colorA);display:flex;justify-content:center;align-items:center;}
.subMenuBt:last-child{border-right:0;}
.subMenuBt.active{background:var(--concept-colorA);color:#fff;}
.subContentBody.active{display:block;}
.subContentBody{display:none;padding-top:40px;}

/* top Button and show / hide Content ----------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/
/* global sponsor ------------------------------------------------------------------------*/

#global-sponsor{border-top:1px solid #cfd8dc;width:100%;line-height:1.6em;font-size:14px;}
#global-sponsor .global-sponsor-wrap{max-width:1200px;margin:0 auto;padding:30px 0px;}
.global-sponsor-list-warp{display:flex;}
.global-sponsor-list-warp .tit{height:70px;border:0px;display:flex;justify-content:right;align-items:center;width:90px;margin-right:10px;font-size:14px;line-height:22.6px;font-weight:400;}
.global-sponsor-list-warp ul{min-height:70px;border:0px;display:flex;align-items:center;max-width:1100px;flex-direction:row;flex-wrap:wrap;}
.global-sponsor-list-warp li{margin-right:5px;margin-bottom:5px;padding:8px;width:150px;height:50px;display:flex;align-items:center;justify-content:center;}

/* global sponsor ------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/


























/*----------------------------------------------------------------------------------------*/
/* text ----------------------------------------------------------------------------------*/

h2.title{padding-top:5px;font-size:30px;line-height:1.4em;padding-bottom:40px;color:var(--concept-colorF);font-family:"S-CoreDream";position:relative;font-weight:600;}
h3.title{font-size:24px;line-height:1.4em;padding-bottom:12px;color:var(--concept-colorA);font-family:"S-CoreDream";position:relative;font-weight:700;}
h4.subTitle{color:var(--concept-colorA);font-size:19px;}

.welcomeTxt{line-height:1.8;}

ul.list-disc{list-style:disc;padding-left:25px;}
ul.list-circle{list-style:circle;padding-left:25px;}
ul.list-decimal{list-style:decimal;padding-left:25px;}

div.box-style-center{padding:15px 0;border:1px solid #c8c8c8;text-align:center;}
div.box-style-left{padding:15px;border:1px solid #c8c8c8;text-align:left;}

#ContentsWrap .text-point{color:var(--concept-colorB);}


/* text ----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/
/* table ---------------------------------------------------------------------------------*/

table.table-basic{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid var(--concept-colorE);}
table.table-basic th, 
table.table-basic td{padding:10px 15px;vertical-align:middle;}
table.table-basic th{color:#263238;font-weight:500;background:#f8f8f8;}
table.table-basic tr{border-bottom:1px solid #e4e4e4;}

table.table-basicGrid{width:100%;table-layout:auto;border-collapse:collapse;border-spacing:0;}
table.table-basicGrid th{background:#f0f0f0;border:1px solid #c8c8c8;text-align:center;font-size:14px;vertical-align:middle;padding:12px 10px;}
table.table-basicGrid td{background:#ffffff;border:1px solid #c8c8c8;text-align:center;font-size:14px;vertical-align:middle;padding:12px 10px;}

table.table-2colWidthLine{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid var(--concept-colorE);}
table.table-2colWidthLine th, 
table.table-2colWidthLine td{text-align:left;vertical-align:middle;}
table.table-2colWidthLine th{color:#000000;font-weight:700;} 
table.table-2colWidthLine tr{border-bottom:1px solid #d2d2d2;}
table.table-2colWidthLine td{padding:20px 0 20px 30px;}
table.table-2colWidthLine td strong{font-weight:700;color:var(--concept-colorE);}

table.table-topBgWidthLine{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:1px solid #cfd8dc;}
table.table-topBgWidthLine th, 
table.table-topBgWidthLine td{padding:10px 15px;vertical-align:middle;text-align:center;}
table.table-topBgWidthLine th{color:#fff;font-weight:500;background:var(--concept-colorE);}
table.table-topBgWidthLine tr{border-bottom:1px solid #e4e4e4;}

table.table-topBgOpacityWidthLine{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid var(--concept-colorE);}
table.table-topBgOpacityWidthLine th, 
table.table-topBgOpacityWidthLine td{padding:10px 15px;vertical-align:middle;text-align:center;}
table.table-topBgOpacityWidthLine th{font-weight:500;background:var(--concept-colorE-005);}
table.table-topBgOpacityWidthLine tr{border-bottom:1px solid #e4e4e4;}

table.table-topBg2WidthLine{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid var(--concept-colorE);}
table.table-topBg2WidthLine th, 
table.table-topBg2WidthLine td{padding:10px 15px;vertical-align:middle;text-align:center;}
table.table-topBg2WidthLine thead th{background:var(--concept-colorE-005);font-weight:600;}
table.table-topBg2WidthLine th{color:#000;font-weight:500;background:#f8f8f8;}
table.table-topBg2WidthLine tr{border-bottom:1px solid #e4e4e4;}

table.table-4colSquare{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:1px solid #cfd8dc;}
table.table-4colSquare th, 
table.table-4colSquare td{padding:10px 15px;vertical-align:middle;}
table.table-4colSquare th{color:#263238;font-weight:500;background:#f8f8f8;}
table.table-4colSquare tr{border-bottom:1px solid #e4e4e4;}

.regiFeeBackG005{background:var(--concept-colorE-005);}

/* table ---------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/
/* horizontal card -----------------------------------------------------------------------*/

ul.h-CardBody li .h-CardBox {display:flex;justify-content:flex-start;align-items:flex-start;padding:20px;border-bottom:1px solid #c8c8c8;}
ul.h-CardBody li .img-h-CardBox {width:240px;height:240px;border:1px solid #d2d2d2;}
ul.h-CardBody li .img-h-CardBox img {max-width:100%;max-height:100%;}
ul.h-CardBody li .img-h-CardBox-Caption {width:calc(100% - 240px);padding:20px 0 0 20px;}
ul.h-CardBody li .img-h-CardBox-Caption span{display:block;}
ul.h-CardBody li .img-h-CardBox-Caption .title{font-size:18px;color:var(--concept-colorA);}
ul.h-CardBody li .img-h-CardBox-Caption .title strong{font-size:30px;font-weight:700;}
ul.h-CardBody li .img-h-CardBox-Caption .contentTxt{padding-top:10px;}
ul.h-CardBody li .img-h-CardBox-Caption .contentTxt strong{font-weight:700;}

ul.h-CardStepBody{width:100%;display:flex;justify-content:space-between;margin-bottom:15px;}
ul.h-CardStepBody.step5 li{width:19%;border:1px solid var(--concept-colorF);}
ul.h-CardStepBody.step4 li{width:24%;border:1px solid var(--concept-colorF);}
ul.h-CardStepBody.step3 li{width:32.4333%;border:1px solid var(--concept-colorF);}
ul.h-CardStepBody.step2 li{width:49.3%;border:1px solid var(--concept-colorF);}
ul.h-CardStepBody .h-CardStepBox{display:flex;align-items:center;flex-direction:column;width:100%;}
ul.h-CardStepBody .h-CardStepBox .header{width:100%;background:var(--concept-colorF);;color:#fff;text-align:center;padding:5px 0;}
ul.h-CardStepBody .h-CardStepBox .txt{width:100%;text-align:center;padding:10px;}
ul.h-CardStepBody .h-CardStepBox .txt .txt-point{color:var(--concept-colorG);}

div.h-CardStep2Body{display:flex;}
div.h-CardStep2Body.step5 .h-CardStep2Box{border:1px solid var(--concept-colorE);width:20%;}
div.h-CardStep2Body.step4 .h-CardStep2Box{border:1px solid var(--concept-colorE);width:25%;}
div.h-CardStep2Body.step3 .h-CardStep2Box{border:1px solid var(--concept-colorE);width:33.3333%;}
div.h-CardStep2Body.step2 .h-CardStep2Box{border:1px solid var(--concept-colorE);width:50%;}
div.h-CardStep2Body .h-CardStep2Box .header{text-align:center;background:var(--concept-colorE);color:white;}
div.h-CardStep2Body .h-CardStep2Box .txt{padding:15px;text-align:center;vertical-align:middle;}

ul.h-CardImgListBody{width:100%;display:flex;justify-content:space-between;border:1px solid #c8c8c8;padding:17px 0;}
ul.h-CardImgListBody.step4 li{width:24%;border-left:1px solid #c8c8c8;}
ul.h-CardImgListBody.step3 li{width:32%;border-left:1px solid #c8c8c8;}
ul.h-CardImgListBody li{border-left:1px solid #c8c8c8;}
ul.h-CardImgListBody li:first-child{border-left:0;}
ul.h-CardImgListBody li .h-CardImgListBox{text-align:center;}

/* horizontal card -----------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------*/
/* button --------------------------------------------------------------------------------*/

.cm-btn-hover{padding:5px 0;min-width:125px;border:1px solid var(--concept-colorF);font-size:16px;overflow:hidden;position:relative;display:inline-block;z-index:1;text-align:center;background:none;outline:0 !important;transition:all .3s linear;}
.cm-btn-hover span{position:absolute;display:block;width:0;height:0;-webkit-border-radius:50%;border-radius:50%;opacity:.15;-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;-ms-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;transition: width 0.5s ease-in-out, height 0.5s ease-in-out;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index:-1;}
.cm-btn-hover.brd-btn span{opacity:1;}
.cm-btn-hover:hover span, .cm-btn-hover:focus span{width:50rem;height:50rem;}
.cm-btn-hover.brd-btn > span{background-color:var(--concept-colorF);}
.cm-btn-hover.brd-btn:hover, .cm-btn-hover.brd-btn:focus{color:#fff;}
.cm-btn-hover.brd-btn:visited{background:var(--concept-colorF);}



.indep-bt{padding:11.3px 0;border:1px solid var(--concept-colorF);border-radius:4px;font-size:16px;}

.add-btn{background:var(--concept-colorA);color:var(--text-colorA);padding:3px 15px 4px;border-radius:5px;border:1px solid var(--concept-colorA);outline:0 !important;margin:0;}

.edit-btn{background:none;color:#000;padding:3px 15px 4px;border-radius:5px;border:1px solid var(--concept-colorA);outline:0 !important;margin:0;}
.edit-btn:hover{background:var(--concept-colorA);color:#fff;}

.cm-btn{background:var(--concept-colorF);color:#fff;padding:5px 0;min-width:125px;border:1px solid var(--concept-colorF);font-size:16px;}
.cm-btn:hover{background:#121921;}

.cancel-btn{background:#c8c8c8;color:#fff;padding:12px 0;font-size:19px;}
		
.confirm-btn{background:var(--concept-colorF);color:#fff;padding:12px 0;font-size:19px;}

.login-btn{background:var(--concept-colorF);color:#fff;padding:8px 0 11px 0;font-size:16px;font-weight:500;border-radius:5px;line-height:1.5;}

.non-border-txt-btn{background:none;border:0;outline:0 !important;margin:0;padding:0;color:var(--concept-colorB);font-size:16px;font-weight:600;}

/* button --------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/














.menuBtsWrap{display:none;}


.pcTable{display:block;}
.mobTable{display:none;}
#mobTopBanner{display:none;}
#mobAbsFormWrap{display:none;padding-top:35px;}
#mobAbsFormWrap img{width:40%;margin:0 auto;display:block;}
#mobAbsFormWrap p{width:100%;text-align:center;font-size:20px;font-weight:700;padding-top:35px;}
.mobWidthScrollWrap{display:none;}



#leftContentBodyWrap::-webkit-scrollbar {
  width: 5.2px;
  height: 5.2px;
}
#leftContentBodyWrap::-webkit-scrollbar-track {
  background: none;
}
#leftContentBodyWrap::-webkit-scrollbar-thumb {
  background-color: #25a0e2;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid none;  /* creates padding around scroll thumb */
}
