@charset "utf-8";
i, em{font-style:normal}
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.owl-stage:after{display:block; content:"";clear:both;}

/* line */
.bd-line{height:1px; background:#e6e6e6;}

/* skipNavi */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}



/*===========================================
   scrolls
=============================================*/
.scrolls {overflow-x:hidden; box-sizing:border-box; position:relative;}
.nicescroll-rails{padding-right:0px;display:block; opacity:0; border-radius:0;background:none !Important;border-right:2px solid rgba(0, 0, 0, 0);margin-left:-3px;}
.nicescroll-cursors {margin-right:0;cursor:pointer; margin-right:-1px; border:none !important; box-sizing:border-box; opacity:0.1}
.nicescroll-rails .nicescroll-cursors{border-color:none !Important;}
.nicescroll-rails-hr{display:none !Important;}




/* input & select */
.chk-input {display:inline-block; vertical-align:top; position:relative;}
.chk-input input{box-sizing:border-box; width:100%;}
.chk-input.active input[type="text"], .chk-input.active input[type="password"]{color:#111;font-weight:400 !important}

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius: 0; outline:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
input::-ms-clear {display: none;} 

.chk-check {display:inline-block; vertical-align:top; color:#111;line-height:1em;}
.chk-check input[type="checkbox"]{display:none; }
.chk-check input[type="checkbox"] + label{display: inline-block; vertical-align:top;position: relative; padding-left:24px; font-size:13px; color:#5d5d5d; line-height:18px;height:18px; letter-spacing:-0.05em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-check input[type="checkbox"] + label:before { border-radius:3px;content:''; position: absolute; left:0px; top:0; width:18px;box-sizing:border-box; height:18px; text-align:center; background:#fff; border:1px solid #909090; }
.chk-check input[type="checkbox"]:checked + label{color:#5d5d5d; font-weight:400 !important;}
.chk-check input[type="checkbox"]:checked + label:before {background:url(../img/Sub/check-on.png) no-repeat center center #cd222c;background-size:10px auto;border-color:#cd222c}


.chk-radio {display:inline-block; vertical-align:top; color:#000;line-height:1em;}
.chk-radio input[type="radio"]{display:none; }
.chk-radio input[type="radio"] + label{display: inline-block; vertical-align:top;position: relative; padding-left:24px; font-size:13px; color:#5d5d5d; line-height:18px;height:18px; letter-spacing:-0.05em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.chk-radio input[type="radio"] + label:before { border-radius:3px;content:''; position: absolute; left:0px; top:0; width:18px;box-sizing:border-box; height:18px; text-align:center; background:#fff; border:1px solid #909090; }
.chk-radio input[type="radio"]:checked + label{color:#5d5d5d; font-weight:400 !important;}
.chk-radio input[type="radio"]:checked + label:before {background:url(../img/Sub/check-on.png) no-repeat center center #cd222c;background-size:10px auto;border-color:#cd222c}


.chk-select{position:relative; background:#fff; box-sizing:border-box;display:inline-block;vertical-align:top;border:1px solid #cecdcd;}
.chk-select:after{background:url(../img/Sub/select-arrow.jpg) no-repeat center center; position:absolute; width:17px; height:10px; position:absolute; right:20px; top:50%;margin-top:-5px; display:block; content:""; z-index:3}
.chk-select select{padding:0 40px 0 15px;font-size:16px; border:none;height:46px;color:#000;font-weight:500; letter-spacing:-0.04em;-webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;margin-right: 20px}
.chk-select select::-ms-expand{display:none;}
.chk-select.active select,.chk-select.active select{color:#000;}

.chk-select-01{position:relative; background:#fff; box-sizing:border-box;display:inline-block;vertical-align:top;border:1px solid #cecdcd;}
.chk-select-01:after{background:url(../img/Sub/select-arrow.jpg) no-repeat center center; position:absolute; width:17px; height:10px; position:absolute; right:10px; top:50%;margin-top:-5px; display:block; content:""; z-index:3}
.chk-select-01 select{padding:0 30px 0 5px;font-size:16px; border:none;height:35px;color:#000;font-weight:500; letter-spacing:-0.04em;-webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.chk-select-01 select::-ms-expand{display:none;}
.chk-select-01.active select,.chk-select-01.active select{color:#000;}

	@media only screen and (max-width:1100px){
		.chk-select:after{right:12px; background-size:12px auto}
		.chk-select select{height:42px; font-size:15px; padding-left:15px;margin-right: 0}

	}

	@media only screen and (max-width:680px){
		.chk-select{margin-top:12px;}
		.chk-select:after{right:10px; background-size:10px auto}
		.chk-select select{height:38px; font-size:14px; padding-left:12px;}

	}
	@media only screen and (max-width:480px){
		.chk-select{margin-top:10px;}
		.chk-select:after{right:10px; background-size:10px auto}
		.chk-select select{height:36px; font-size:13px; padding-left:10px;line-height:36px;}
        
        .chk-select-01{margin-top:0px;}
		.chk-select-01:after{right:10px; background-size:10px auto}
		.chk-select-01 select{height:36px; font-size:13px; padding-left:10px;}

	}



/* u-tab01 */
.u-tab01{background:#fff;border-bottom:2px solid #cd222c;margin-bottom:43px;}
.u-tab01 ul{position:relative;overflow:hidden;}
.u-tab01 ul:before{position:Absolute; right:0; top:0; width:1px; height:100%; display:block; content:"";z-index:1; background:#ddd;}
.u-tab01 li{float:left; width:25%; position:relative; z-index:3}
.u-tab01 li a{display:block; box-sizing:border-box; position:relative; line-height:22px; font-size:15px; letter-spacing:-0.03em; padding:23px 0 23px 0 ; text-align:center;}
.u-tab01 li a span{display:inline-block;vertical-align:top; line-height:22px; font-weight:500;}
.u-tab01 li a span i{display:inline-block;vertical-align:top; line-height:22px; height:22px;border:1px solid #a4a4a4; color:#555; font-size:12px; font-weight:400; margin-left:8px; padding:0 10px; border-radius:22px;}
.u-tab01 li a:before{position:Absolute;left:0; top:0; width:100%;z-index:-1;box-sizing:border-box;height:100%;border:1px solid #ddd;border-bottom:none;border-right:none;display:block; content:"";}
.u-tab01 li.active a{background:#cd222c ; color:#fff;}
.u-tab01 li.active a span i {color:#fff;border-color:#fff}
	@media only screen and (max-width:999px) {
		.u-tab01{display:none;}
	}

/* paging-wrap */
.paging-wrap{font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap a.ctrl{ display:inline-block; border:1px solid #ddd;box-sizing:border-box; margin:0 4px;vertical-align:top;text-decoration: none; width:38px; height:38px; font-size:15px; color:#b4b4b4; text-align:center;  line-height:28px;font-weight:400;}
.paging-wrap ul{padding:0 20px}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;width:38px;line-height:38px; box-sizing:border-box;height:38px; font-size:15px; color:#666; text-align:center; font-weight:400;}
.paging-wrap li a:after{width:100%;height:100%;left:0; top:0;box-sizing:border-box;border:1px solid rgba(0,0,0,0); display:block; content:"";z-index:-1; position:Absolute;}
.paging-wrap li a.active,.paging-wrap li a.active:hover{ color:#fff;background:#cd222c;border-color:#cd222c;}

.paging-wrap li{margin:0 1px}
.paging-wrap li a:hover{color:#111;line-height:38px;}
.paging-wrap li a:hover:after{display:none; }

.paging-wrap a.first{background:url(../img/Sub/page-ctrl.png) no-repeat -2px center #fff;}
.paging-wrap a.prev{background:url(../img/Sub/page-ctrl.png) no-repeat -44px center #fff;}
.paging-wrap a.next{background:url(../img/Sub/page-ctrl.png) no-repeat -80px center #fff;}
.paging-wrap a.last{background:url(../img/Sub/page-ctrl.png) no-repeat -123px center #fff;}
	@media only screen and (max-width:999px) {
		.paging-wrap{display:none;}
	}
	@media only screen and (max-width:680px) {
	  .paging-wrap a.ctrl{width:32px;height:32px;}
	  .paging-wrap li a{width:32px;height:32px;line-height:32px;}
	  .paging-wrap .r-btn{margin-top:-20px;}
	}
	@media only screen and (max-width:480px) {
	  .paging-wrap .r-btn{width:110px;}
	}


.btns{text-align: center; margin-top:60px;}
.btns:after{display:block; content:"";clear:both}
.btns a{width:500px;display:inline-block;vertical-align:top; line-height:80px; text-align:center; font-size:24px; font-weight:500; letter-spacing:-0.05em; }
.btns a.w100{width:100% !important;}
.cancel-btn{float:left;background:#2f3135;color:#fff}
.enter-btn{float:right;background:#ffca33;color:#2f3135}
.submit-btn{float:right;background:#ffca33;color:#2f3135}

	@media only screen and (max-width:1100px){
		.btns{padding:0; margin-top:40px;}
		.btns a{width:50%; line-height:70px; font-size:21px;}
		.btns a.w100{width:100% !important;}
	}

	@media only screen and (max-width:780px){		
		.btns a{line-height:60px; font-size:17px; display:block; width:50% !important;}
        .btns a.w100{width:100% !important;}
		.btns.fix{position:fixed; left:0; bottom:0; min-width:320px; width:100%;z-index: 10}
	}
	@media only screen and (max-width:680px){
		.btns a{width:auto; display:block;}
	}
	@media only screen and (max-width:480px){
		.btns a{line-height:50px; font-size:15px;}

	}
	@media only screen and (max-width:380px){
		.btns a{line-height:44px; font-size:14px;}
	}

/* btn */
.btn_area{margin-top:15px;}
.btn_area_service{margin-top:15px;width: 340px;margin: 0 auto;text-align:center;}
.btn_area.small_btn{margin-top:100px;text-align:center}
.btn_area+.noti_txt,.info_bx+.noti_txt{margin-top:18px}
.btn{display:inline-block;min-width:108px;height:44px;background:#666;font-size:13px;color:#fff;line-height:44px;text-align:center;vertical-align:top}
.btn_point{background:#2f3135}
.btn_grey{background:#333}
.btn_naver{background:#1ec800}
.btn_kakao{background:#ffca33}
.btn_yellow{border: none !important; background:#ffca33 !important; color: #fff !important}
.btn_black{border: none !important;background:#2f3135 !important; color: #fff !important}
.btn_light_gray{background-color:#909090}
.btn_light{height:38px;border:1px solid #f0f0f0;background:#f7f7f7;font-size:12px;color:#222;line-height:38px}
.btn_line{border:1px solid #d1d1d1;background:#fff;color:#999; padding:0 30px}
.btn_line_01{font-size:15px; padding:0 60px; margin: 25px 0}
.btn_white{border:1px solid #c7c7c7;background:#fff;font-size:12px;color:#222}
.btn_full{width:100%;height:50px;font-size:15px;line-height:50px}
.btn_full+.btn_full{margin-top:5px}
.btn:disabled,.btn[disabled],.btn.is_disabled{background:#d9d9d9;color:#b2b2b2;cursor:default}
.txt_divide{display:block;height:1px;padding-bottom:10px;margin-top:15px;border-bottom:1px solid #d1d1d1;text-align:center}
.txt_divide em{display:inline-block;padding:0 10px;margin-top:6px;background:#fff;font-size:12px;color:#999999;vertical-align:top;line-height:1}
.txt_divide+.btn{margin-top:24px;font-size:14px}
.ico_app{width:28px;height:22px;margin:14px 6px 0 0;background-position:-96px 0}
.btn_right .btn_type2 {position: absolute;top: 0px;right: 2px;padding: 0 9px;}
.btn_type2 {background: #2f3135;color: #fff;border: 1px solid #2f3135;height: 35px;line-height: 30px;font-size: 14px;}

@media only screen and (max-width:780px) {
		.btn_right .btn_type2 {top: -5px;right:0}
	}
@media only screen and (max-width:680px) {
		.btn_right .btn_type2 {top: -5px;right:0}
    .btn_type2 {background: #2f3135;color: #fff;border: 1px solid #2f3135;height: 30px;line-height: 25px;font-size: 12px;}
	}