@charset "utf-8";
:root{
	--max-width:1600px;
    --page-infobar-height:2px;
    --page-infobar-bgcolor:#b21023;
	--gnb-height:95px;
    --base-font:'S-Core';
    --footer-background:#ffffff;
    --logo-width:298px;
    --mobile-logo-width:200px;
    --n-color-blue:#175ea9;
    --n-color-lightblue:#44bbd9;
    --n-color-lightsky:#c7eaf4;
    --n-color-base:#0c4da2;
    --n-color-point:#b21023;
    --sub-top-height:400px;
    
    --n-color-ing:#009999;
    --n-color-end:#78939e;
    --n-color-cancel:#ec090e;
    
    --swiper-navigation-color:#ffffff;
}
table {width:100%;}

.hot{color:#0080ff;}

.base-border{border:1px solid #ccc}
.base-padding{padding:1em;box-sizing:border-box;}
.no-padding{padding:0px !important}
/* Margin을 활용한 여백 */
.mt0 {margin-top:0px !important;}
.mb0 {margin-bottom:0px !important;}

.mt3 { margin-top:3px !important; }
.mb3 { margin-bottom:3px !important; }
.mr3 { margin-right:3px !important; }
.ml3 { margin-left:3px !important; }

.mt5 { margin-top:5px !important; }
.mb5 { margin-bottom:5px !important; }
.mr5 { margin-right:5px !important; }
.ml5 { margin-left:5px !important; }

.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }
.mr10 { margin-right:10px !important; }
.ml10 { margin-left:10px !important; }

.mt15 { margin-top:15px !important; }
.mb15 { margin-bottom:15px !important; }
.mr15 { margin-right:15px !important; }
.ml15 { margin-left:15px !important; }

.mt20 { margin-top:20px !important; }
.mb20 { margin-bottom:20px !important; }
.mr20 { margin-right:20px !important; }
.ml20 { margin-left:20px !important; }

.mt30 { margin-top:30px !important; }
.mb30 { margin-bottom:30px !important; }
.mr30 { margin-right:30px !important; }
.ml30 { margin-left:30px !important; }

.mt35 { margin-top:35px !important; }
.mb35 { margin-bottom:35px !important; }
.mr35 { margin-right:35px !important; }
.ml35 { margin-left:35px !important; }

.mt40 { margin-top:40px !important; }
.mb40 { margin-bottom:40px !important; }
.mr40 { margin-right:40px !important; }
.ml40 { margin-left:40px !important; }

.mt50 { margin-top:50px !important; }
.mb50 { margin-bottom:50px !important; }
.mr50 { margin-right:50px !important; }
.ml50 { margin-left:50px !important; }

/* Padding을 활용한 여백 */
.pt0 { padding-top:0px !important; }
.pb0 { padding-bottom:0px !important; }
.pr0 { padding-right:0px !important; }
.pl0 { padding-left:0px !important; }

.pr3 { padding-right:3px !important; }

.pt5 { padding-top:5px !important; }
.pb5 { padding-bottom:5px !important; }
.pr5 { padding-right:5px !important; }
.pl5 { padding-left:5px !important; }

.pt10 { padding-top:10px !important; }
.pb10 { padding-bottom:10px !important; }
.pr10 { padding-right:10px !important; }
.pl10 { padding-left:10px !important; }

.pt15 { padding-top:15px !important; }
.pb15 { padding-bottom:15px !important; }
.pr15 { padding-right:15px !important; }
.pl15 { padding-left:15px !important; }

.pt20 { padding-top:20px !important; }
.pb20 { padding-bottom:20px !important; }
.pr20 { padding-right:20px !important; }
.pl20 { padding-left:20px !important; }

.pt30 { padding-top:30px !important; }
.pb30 { padding-bottom:30px !important; }
.pr30 { padding-right:30px !important; }
.pl30 { padding-left:30px !important; }

.pt40 { padding-top:40px !important; }
.pb40 { padding-bottom:40px !important; }
.pr40 { padding-right:40px !important; }
.pl40 { padding-left:40px !important; }

.pt50 { padding-top:50px !important; }
.pb50 { padding-bottom:50px !important; }
.pr50 { padding-right:50px !important; }
.pl50 { padding-left:50px !important; }

/* 가로 사이즈 */
.w5   { width:calc(4.35%  - 2px) !important; }
.w10  { width:calc(9.35%  - 2px) !important; }
.w12  { width:calc(11.35% - 2px) !important; }
.w15  { width:calc(14.35% - 2px) !important; }
.w20  { width:calc(19.35% - 2px) !important; }
.w24  { width:calc(23.5%  - 2px) !important; }
.w25  { width:calc(24.35% - 2px) !important; }
.w30  { width:calc(29.35% - 2px) !important; }
.w35  { width:calc(34.35% - 2px) !important; }
.w38  { width:calc(37.35% - 2px) !important; }
.w40  { width:calc(39.35% - 2px) !important; }
.w45  { width:calc(44.35% - 2px) !important; }
.w50  { width:calc(49.35% - 2px) !important; }
.w55  { width:calc(54.35% - 2px) !important; }
.w60  { width:calc(59.35% - 2px) !important; }
.w65  { width:calc(64.35% - 2px) !important; }
.w70  { width:calc(69.35% - 2px) !important; }
.w75  { width:calc(74.35% - 2px) !important; }
.w80  { width:calc(79.35% - 2px) !important; }
.w85  { width:calc(84.35% - 2px) !important; }
.w90  { width:calc(89.35% - 2px) !important; }
.w95  { width:calc(94.35% - 2px) !important; }
.w100 { width:calc(100%   - 2px) !important; }

/* 가로폭 고정 */
.w20p { width:20px !important; }
.w25p { width:25px !important; }
.w30p { width:30px !important; }
.w35p { width:35px !important; }
.w40p { width:40px !important; }
.w45p { width:45px !important; }
.w50p { width:50px !important; }
.w55p { width:55px !important; }
.w60p { width:60px !important; }
.w65p { width:65px !important; }
.w70p { width:70px !important; }
.w75p { width:75px !important; }
.w80p { width:80px !important; }
.w85p { width:85px !important; }
.w90p { width:90px !important; }
.w95p { width:95px !important; }
.w100p { width:100px !important; }
.w110p { width:110px !important; }
.w120p { width:120px !important; }
.w130p { width:130px !important; }
.w140p { width:140px !important; }
.w150p { width:150px !important; }
.w160p { width:160px !important; }
.w170p { width:170px !important; }
.w180p { width:180px !important; }
.w190p { width:190px !important; }
.w200p { width:200px !important; }
.w210p { width:210px !important; }
.w220p { width:220px !important; }
.w230p { width:230px !important; }
.w240p { width:240px !important; }
.w250p { width:250px !important; }
.w300p { width:300px !important; }
.w350p { width:350px !important; }
.w360p { width:360px !important; }
.w370p { width:370px !important; }
.w380p { width:380px !important; }
.w390p { width:390px !important; }
.w400p { width:400px !important; }
.w450p { width:450px !important; }
.w500p { width:500px !important; }
.w550p { width:550px !important; }
.w600p { width:600px !important; }
.w700p { width:700px !important; }
.w800p { width:800px !important; }

/* 세로 높이 고정 */
.h20p { height:20px !important; }
.h25p { height:25px !important; }
.h30p { height:30px !important; }
.h35p { height:35px !important; }
.h40p { height:40px !important; }
.h45p { height:45px !important; }
.h50p { height:50px !important; }
.h55p { height:55px !important; }
.h60p { height:60px !important; }
.h65p { height:65px !important; }
.h70p { height:70px !important; }
.h75p { height:75px !important; }
.h80p { height:80px !important; }
.h85p { height:85px !important; }
.h90p { height:90px !important; }
.h95p { height:95px !important; }
.h100p { height:100px !important; }
.h120p { height:120px !important; }
.h125p { height:125px !important; }
.h130p { height:130px !important; }
.h135p { height:135px !important; }
.h140p { height:140px !important; }
.h145p { height:145px !important; }
.h150p { height:150px !important; }
.h155p { height:155px !important; }
.h160p { height:160px !important; }
.h165p { height:165px !important; }
.h170p { height:170px !important; }
.h180p { height:180px !important; }
.h190p { height:190px !important; }
.h200p { height:200px !important; }
.h210p { height:210px !important; }
.h220p { height:220px !important; }
.h230p { height:230px !important; }
.h240p { height:240px !important; }
.h250p { height:250px !important; }
.h300p { height:300px !important; }
.h310p { height:310px !important; }
.h320p { height:320px !important; }
.h330p { height:330px !important; }
.h340p { height:340px !important; }
.h350p { height:350px !important; }
.h360p { height:360px !important; }
.h370p { height:370px !important; }
.h380p { height:380px !important; }
.h390p { height:390px !important; }
.h400p { height:400px !important; }
.h450p { height:450px !important; }
.h500p { height:500px !important; }
.h600p { height:600px !important; }
.h700p { height:700px !important; }
.h800p { height:800px !important; }

/* 최소 높이 */
.mh50p  {min-height:50px;}
.mh80p  {min-height:80px;}
.mh100p {min-height:100px;}
.mh120p {min-height:120px;}
.mh150p {min-height:150px;}
.mh170p {min-height:170px;}
.mh200p {min-height:200px;}

/* 보더 모서리 */
.r10 {border-radius:10px;}
.r15 {border-radius:15px;}
.r20 {border-radius:20px;}
.r50 {border-radius:50%;}



.h50{height:50%;}
.h100{height:100%;}

/* 텍스트 수직 정렬 */
.txt_pos_abs { position:absolute !important; left:10px; top:50% !important; padding-left:10px; transform:translateY(-50%) !important; }
.txt_pos_abs:before { position:absolute; left:0; top:0; content:"·"; }
.dp_inline_block { display:inline-block !important; vertical-align:middle; }

/* 정렬 */
.algL,.text-left,.align-left,.text_left,.align_left {text-align:left !important;}
.algC,.text-center,.text_center,.align_center,.align-center {text-align:center !important;}
.algR,.text-right,.text_right,.align-right,.align_right {text-align:right !important;}

/* 노출 */
.hide { display:none !important; }

/* Jquery UI 스타일시트 수정 */
.ui-widget-header .ui-icon { background-image:url("../images/ui-icons_444444_256x240.png"); }

/* 확장 ETC */
/* 패딩 */
.pd5{padding:5px !important; box-sizing:border-box;}
.pd10{padding:10px !important; box-sizing:border-box;}
.pd15{padding:15px !important; box-sizing:border-box;}
.pd20{padding:20px !important; box-sizing:border-box;}

/* 세로정렬 inline-block 요소만 됨 */
.algT, .align-top{vertical-align:top !important;}
.algM,.align-middle{vertical-align:middle !important;}
.algB,.align-bottom{vertical-align:bottom !important;}

/* 상위에 box 클래스를 설정하여 relative하위에 지정 -  position absolute */
.box {position:relative; z-index:auto;}
.posRT{position:absolute; right:0px;top:0px; z-index:auto;}
.posLT{position:absolute; left:0px;top:0px; z-index:auto;}
.posRB{position:absolute; bottom:0px;right:0px; z-index:auto;}
.posLB{position:absolute; left:0px;bottom:0px; z-index:auto;}
.posRM{position:absolute; right:0px;top:50%; z-index:auto; transform:translateY(-50%);}

.pos_auto { position:absolute !important; left:50%; top:50% !important; transform:translate(-50%,-50%) !important; }

/* 플롯지정 */
.floatL,.float-left,.float_left {float:left !important;}
.floatR,.float-right,.float_right {float:right !important;}
.floatN,.float-none,.float_none {float:none !important;}

.n-flex{display:flex;align-items:center;}
.n-flex-column{
    flex-direction:column;
}
.n-w-50{width:50% !important}
.n-justify-between{
    justify-content:space-between;
}
/* 컬러지정 */
.gray {color:#a4a4a4;}

/* 부트스트랩 형식 콘테이너 그리드 기본 틀 */
.grid-row:before,.grid-row:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-row .grid-12 ,
.grid-row .grid-11 ,
.grid-row .grid-10 ,
.grid-row .grid-9  ,
.grid-row .grid-8  ,
.grid-row .grid-7  ,
.grid-row .grid-6  ,
.grid-row .grid-5  ,
.grid-row .grid-4  ,
.grid-row .grid-3  ,
.grid-row .grid-2  ,
.grid-row .grid-1 {padding-top:7px; padding-bottom:7px;box-sizing:border-box;}
.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;}
.grid-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:100%}
.grid-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:91.66%}
.grid-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:83.33%}
.grid-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:75%}
.grid-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:66.66%}
.grid-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:58.33%}
.grid-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:50%}
.grid-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:41.66%}
.grid-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:33.33%}
.grid-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:25%}
.grid-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:16.66%}
.grid-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:8.3%}

@media all (max-width:1000px){
.grid-row:before,.grid-row:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-row .grid-md-12 ,
.grid-row .grid-md-11 ,
.grid-row .grid-md-10 ,
.grid-row .grid-md-9  ,
.grid-row .grid-md-8  ,
.grid-row .grid-md-7  ,
.grid-row .grid-md-6  ,
.grid-row .grid-md-5  ,
.grid-row .grid-md-4  ,
.grid-row .grid-md-3  ,
.grid-row .grid-md-2  ,
.grid-row .grid-md-1 {padding-top:7px; padding-bottom:7px;box-sizing:border-box;}
.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;}
.grid-md-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:100%}
.grid-md-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:91.66%}
.grid-md-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:83.33%}
.grid-md-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:75%}
.grid-md-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:66.66%}
.grid-md-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:58.33%}
.grid-md-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:50%}
.grid-md-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:41.66%}
.grid-md-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:33.33%}
.grid-md-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:25%}
.grid-md-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:16.66%}
.grid-md-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:8.3%}
}

@media all (max-width:800px){
.grid-row:before,.grid-row:after{content:'';clear:both;display:table;border-spacing:0;}
.grid-row .grid-sd-12 ,
.grid-row .grid-sd-11 ,
.grid-row .grid-sd-10 ,
.grid-row .grid-sd-9  ,
.grid-row .grid-sd-8  ,
.grid-row .grid-sd-7  ,
.grid-row .grid-sd-6  ,
.grid-row .grid-sd-5  ,
.grid-row .grid-sd-4  ,
.grid-row .grid-sd-3  ,
.grid-row .grid-sd-2  ,
.grid-row .grid-sd-1 {padding-top:7px; padding-bottom:7px;box-sizing:border-box;}
.grid-row{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;}
.grid-sd-12 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:100%}
.grid-sd-11 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:91.66%}
.grid-sd-10 {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:83.33%}
.grid-sd-9  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:75%}
.grid-sd-8  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:66.66%}
.grid-sd-7  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:58.33%}
.grid-sd-6  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:50%}
.grid-sd-5  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:41.66%}
.grid-sd-4  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:33.33%}
.grid-sd-3  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:25%}
.grid-sd-2  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:16.66%}
.grid-sd-1  {-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;padding-right:7px;padding-left:7px;float:left;width:8.3%}
}