@charset "utf-8";
/* Template */

/* animation */
@keyframes fadein {from {opacity:0}to {opacity:1}}
/* 메인 비주얼 텍스트 효과 */
@keyframes mv_txtView01 {0% {bottom:-10%;opacity: 0}50% {opacity: 0.2}100% {bottom:55%;opacity: 1}}
@keyframes mv_txtView02 {0% {bottom:-50%;opacity: 0}50% {opacity: 0.2}100% {bottom:0%;opacity: 1}}
/* Opacity */
@keyframes opacity_view {0% {opacity: 0} 100% {opacity: 1}}
/* kcu media 테두리 효과 */
@keyframes lineAni_tb {0% {width:0%;opacity:0;}100% {opacity:1;width: 100%}}
@keyframes lineAni_rl {0% {height:0%;opacity:0;}100% {opacity:1;height: 100%}}
/* 퍼지는 효과 */
@keyframes polygon_scale1 {0% { transform: scale(0); opacity:1 }65% { transform: scale(1.4); opacity:0.4 }100% { transform: scale(1.7); opacity:0 }}
@keyframes polygon_scale2 {0% { transform: scale(0); opacity:1 }65% { transform: scale(1.1); opacity:0.8 }100% { transform: scale(1.4); opacity:0 }}

/** Common **/
.scrollOff {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.pc_hide {display: none !important}

/* Dim */
.dim {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:201;}

/* Map */
.map {width: 100%; height: 400px; margin-bottom: 20px}

/* Text Align */
.tc {text-align: center}
.tr {text-align: right}
.tl {text-align: left}

/* Display */
.d_block {display: block}
.d_inBlock {display: inline-block}
.d_none {display: none}

/* Font */
/* Color */
.c_gray {color: #5c5c5c}
.c_purple {color: #7625e0}

/* Size */
.fs_13 {font-size: 13px}
.fs_14 {font-size: 14px}
.fs_18 {font-size: 18px}
.fs_20 {font-size: 20px}
.fs_24 {font-size: 24px}
.fs_27 {font-size: 27px}
.fs_30 {font-size: 30px}
.fs_34 {font-size: 34px}

/* Style */ 
.f_italic {font-style: italic}

/* Weight */
.fw_bold {font-weight: bold !important}
.fw_500 {font-weight: 500 !important}
.fw_600 {font-weight: 600 !important}
.fw_700 {font-weight: 700 !important}
.fw_800 {font-weight: 800 !important}

/* line-height */
.lh25 {line-height: 25px}
.lh35 {line-height: 35px}

/* Vertical-algin */
.va_top {vertical-align: top}
.va_base {vertical-align: baseline}
.va_supper {vertical-align: super}

/* Overflow */
.ov_hi {overflow: hidden}

/* Border */
.br_none {border-right: none !important}
.br_1p {border-right: 1px solid #dbdbdb !important}
.br_5p {border: 5px solid #ddd}

/* Float */
.fl {float: left}
.fr {float: right}

/* Input Size */
.w10 {width:10%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}
.w100_import {width:100% !important;}
.w50p {width:50px;}
.w60p {width:60px;}
.w80p {width:80px;}
.w120p {width:120px;}
.w200 {width: 200px !important}

/* Margin */
.mar_top_12 {margin-top: 12px}
.mt0 {margin-top: 0 !important}
.mt3 {margin-top: 3 !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important}
.mt30 {margin-top: 30px !important}
.mt35 {margin-top: 35px !important}
.mt40 {margin-top: 40px !important}
.mt45 {margin-top: 45px !important}
.mt50 {margin-top: 50px !important}
.mt55 {margin-top: 55px !important}
.mt60 {margin-top: 60px !important}
.mt65 {margin-top: 65px !important}
.mt70 {margin-top: 70px !important}
.mt75 {margin-top: 75px !important}
.mt80 {margin-top: 80px !important}
.mt85 {margin-top: 85px !important}
.mt90 {margin-top: 90px !important}
.mt95 {margin-top: 95px !important}
.mt100 {margin-top: 100px !important}

.mb0 {margin-bottom: 0 !important}
.mb5 {margin-bottom: 5px !important}
.mb7 {margin-bottom: 7px !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}
.mb40 {margin-bottom: 40px !important}
.mb45 {margin-bottom: 45px !important}
.mb50 {margin-bottom: 50px !important}
.mb55 {margin-bottom: 55px !important}
.mb60 {margin-bottom: 60px !important}
.mb65 {margin-bottom: 65px !important}
.mb70 {margin-bottom: 70px !important}
.mb75 {margin-bottom: 75px !important}
.mb80 {margin-bottom: 80px !important}
.mb85 {margin-bottom: 85px !important}
.mb90 {margin-bottom: 90px !important}
.mb95 {margin-bottom: 95px !important}
.mb100 {margin-bottom: 100px !important}

.ml5 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important}
.ml25 {margin-left: 25px !important}
.ml30 {margin-left: 30px !important}
.ml35 {margin-left: 35px !important}
.ml40 {margin-left: 40px !important}
.ml45 {margin-left: 45px !important}
.ml50 {margin-left: 50px !important}
.ml55 {margin-left: 55px !important}
.ml60 {margin-left: 60px !important}
.ml65 {margin-left: 65px !important}
.ml70 {margin-left: 70px !important}
.ml75 {margin-left: 75px !important}
.ml80 {margin-left: 80px !important}
.ml85 {margin-left: 85px !important}
.ml90 {margin-left: 90px !important}
.ml95 {margin-left: 95px !important}
.ml100 {margin-left: 100px !important}

.mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important}
.mr25 {margin-right: 25px !important}
.mr30 {margin-right: 30px !important}
.mr35 {margin-right: 35px !important}
.mr40 {margin-right: 40px !important}
.mr45 {margin-right: 45px !important}
.mr50 {margin-right: 50px !important}
.mr55 {margin-right: 55px !important}
.mr60 {margin-right: 60px !important}
.mr65 {margin-right: 65px !important}
.mr70 {margin-right: 70px !important}
.mr75 {margin-right: 75px !important}
.mr80 {margin-right: 80px !important}
.mr85 {margin-right: 85px !important}
.mr90 {margin-right: 90px !important}
.mr95 {margin-right: 95px !important}
.mr100 {margin-right: 100px !important}

.mrl6 {margin-right: 6px;margin-left: 6px}
.mrl10 {margin-right: 10px;margin-left: 10px}

/* Padding */
.pl0 {padding-left: 0 !important}
.pl5 {padding-left: 5px}
.pl10 {padding-left: 10px}
.pl20 {padding-left: 20px !important}
.pl25 {padding-left: 25px}
.pl30 {padding-left: 30px !important}
.pl45 {padding-left: 45px}
.pr30 {padding-right: 30px !important}
.pr40 {padding-right: 40px !important}
.pt3 {padding-top: 3px !important}
.p20 {padding: 20px}
.pb0 {padding-bottom: 0 !important}
.pb15 {padding-bottom: 15px !important}
.pb18 {padding-bottom: 18px !important}
.pb20 {padding-bottom: 20px !important}
.pr0 {padding-right: 0 !important}
.pd0 {padding: 0 !important}
.pd10_15 {padding: 10px 15px !important}
.p10_15 {padding: 10px 15px !important}
.pb35 {padding-bottom: 35px !important}

/* Height */
.h150 {height: 150px}
.h300 {height: 300px}

/* Min-Height */
.min-h-190 {min-height: 190px}

/* Opacity */
.opa0 {opacity: 0}

/* Table - 검색 결과 없을 때 스타일 */
.none_p {text-align: center; font-size: 17px; padding: 15px 5px; border-bottom: 1px solid #dbdbdb}

/* input */
.input_ty {width:150px;height:40px;padding:4px 20px;background:#fff;border:solid 1px #ccc;font-size:16px;color:#555;}
.input_ty.small {padding: 4px; max-width: 50px}
.placeholder {color:#969696;}
:-ms-input-placeholder {color:#969696;} /* M$ */
::-webkit-input-placeholder {color:#969696;} /* webkit */
::-moz-placeholder {color:#969696;} /* firefox */

/* Btn */
.btn_ty {display:inline-block;border:none;font-size:16px;text-align:center;cursor:pointer;transition:all 0.4s;position: relative;padding: 11px 0}

/* Round 버튼 */
.btn_ty.round01 {border-radius: 20px;border: 1px solid #f1f1f2;color: #fff;font-size: 17px;min-width: 170px}/* white border, white font color */
.btn_ty.round01:hover, .btn_ty.round01:focus {background: #fff;color: #2f313a}/* white border, white font color */

.box_btn {margin-top:10px;text-align:center}
.btm_btns:after {content:"";display:block;clear:both}
.btm_btns a + a {margin-left: 15px}

/* Select */
.sel_ty01 {font-weight: 300;color: #5c5c5c;height: 35px;line-height: 35px;width: 200px}