/*height:100%; */
body.fixed{height:100%;overflow:hidden;}

#wrap{position:relative;width:100%;min-height:100%;height:100%;overflow:hidden}
.wrap{position:relative;max-width:1200px;width:100%;margin:0 auto;zoom:1}
.wrap:after{display:block;visibility:hidden;clear:both;content:''}

/* 상단 레이아웃 */
#header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:70px;border-bottom:1px solid rgba(255, 255, 255, 0.3);-webkit-transition-duration:0.5s;-m-transition-duration:0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s}
.hd_wr{width:100%}


/* LOGO */
#logo{position:absolute;left:0;right:0;top:13px;z-index:10000;margin:0 auto;text-align:center}
#logo a{display:block;font-size:24px;font-weight:700;color:#fff;letter-spacing:0;text-decoration:none}
#logo img{width:auto;height:45px;margin-right:15px;vertical-align:middle}

/* GNB */
#gnb{display:none;position:fixed;top:0;left:-1px;max-width:200px;width:80%;z-index:10002;height:100%;margin:0;text-align:center;overflow-y:auto;background-color:#2c1617}
#gnb h2{overflow:hidden;position:absolute;font-size:0;line-height:0}
#gnb ul{display:block;padding-top:70px;padding-left:0}
#gnb li{display:block;position:relative;z-index:10;border-bottom:1px solid rgba(255, 255, 255, 0.1)}
#gnb li:first-child{border-top:1px solid rgba(255, 255, 255, 0.1)}
#gnb li a{display:block;padding:0 12px;font-size:18px;font-weight:500;color:#fff;text-decoration:none;line-height:50px}
#gnb li:focus,#gnb li:hover,#gnb li a:focus,#gnb li a:hover,#gnb li.on a{color:#fedf2a}

/* TNB */
#tnb{display:none;position:absolute;right:20px;top:17px;z-index:10000}
#tnb ul{display:inline-block;height:36px;border-radius:5px;border:1px solid rgba(255, 255, 255, 0.3);vertical-align:middle}
#tnb li{display:inline-block}
#tnb li a{border-left:1px solid rgba(255, 255, 255, 0.2)}
#tnb li:first-child a{border-left:0}
#tnb a{display:block;padding:0 10px;font-size:14px;font-weight:400;color:#fff;text-decoration:none;line-height:34px}
#tnb2{display:block;position:absolute;right:20px;top:17px;z-index:10000}

body.normal{padding-top:70px}
#header.normal{border-bottom:1px solid rgba(0, 0, 0, 0.1)}
#header.normal #logo a{display:block;color:#000}
#header.normal #gnb li a{color:#2c1617}
#header.normal #tnb ul{border:1px solid rgba(0, 0, 0, 0.2)}
#header.normal #tnb li a{border-left:1px solid #e7e7e7}
#header.normal #tnb li:first-child a{border-left:0}
#header.normal #tnb li a{color:#555}
#header.normal #gnb li:focus,#header.normal #gnb li:hover,#header.normal #gnb li a:focus,#header.normal #gnb li a:hover,#header.normal #gnb li.on a{color:#fedf2a}

#header.fixed{position:fixed;background-color:rgba(44, 22, 23, 0.95);border-bottom:1px solid rgba(44, 22, 23, 1)}
#header.fixed #logo a{display:block;color:#fff}
#header.fixed #gnb li a{color:#fff}
#header.fixed #tnb ul{border:1px solid rgba(255, 255, 255, 0.3)}
#header.fixed #tnb li a{border-left:1px solid rgba(255, 255, 255, 0.2)}
#header.fixed #tnb li:first-child a{border-left:0}
#header.fixed #tnb li a{color:#fff}
#header.fixed #gnb li:focus,#header.fixed #gnb li:hover,#header.fixed #gnb li a:focus,#header.fixed #gnb li a:hover,#header.fixed #gnb li.on a{color:#fedf2a}


/*모바일 버튼*/
#gnb_btn{display:none;position:absolute;top:22px;left:20px;z-index:999999;background-color:transparent;border:0;box-sizing:border-box}
#gnb_btn span{display:block;width:30px;height:2px;border:2px;margin:0 auto;background-color:#333;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#header.fixed #gnb_btn span{border:2px;background-color:#fff}
#gnb_btn.active span{border:2px;background-color:#fff;}
#gnb_btn .mid2{margin:8px 0;}

#gnb_btn.active{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#gnb_btn.active span {background-color:#fff !important}
#gnb_btn.active span.mid2{width:0px}
#gnb_btn.active span.mid1,#gnb_btn.active span.mid3 {-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
#gnb_btn.active span.mid1{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);}
#gnb_btn.active span.mid3{-webkit-transform:translateY(-10px) rotate(90deg);-ms-transform:translateY(-10px) rotate(90deg);-o-transform:translateY(-10px) rotate(90deg);transform:translateY(-10px) rotate(90deg);}

.lnb_mask{display:none;position:fixed;left:0;top:0;z-index:10001;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
.lnb_mask.active{display:block}

@media (min-width:1024px){
	body.normal{padding-top:90px}
	#header{height:90px;border-bottom:1px solid rgba(255, 255, 255, 0.3)}
	#logo{left:20px;right:auto;top:25px;z-index:10003}
	#gnb{display:block;position:relative;max-width:100%;width:calc(100% - 300px);height:90px;margin:0 auto;background-color:transparent;overflow-y:hidden}
	#gnb ul{display:inline-block;padding-top:0;padding-left:50px}
	#gnb li{display:inline-block;margin-left:-4px;border:0}
	#gnb li a{color:#fff;line-height:90px}
	#tnb{display:block;top:27px;z-index:10003}
	#tnb2{display:none}
}
@media (min-width:1240px){
	#logo{left:4.5%}
	#logo a{font-size:30px}
	#logo img{margin-right:30px}
	#gnb li a{padding:0 15px;font-size:20px}
	#tnb{top:25px;right:2%}
	#tnb ul{height:40px}
	#tnb a{padding:0 10px;font-size:15px;line-height:38px}
}
@media (min-width:1560px){
	#gnb ul{padding-left:0}
	#gnb li a{padding:0 25px}
	#tnb a{padding:0 15px}
}
@media screen and (max-width:1024px){
	#header #gnb_btn {display:block;}
}


/* 중간 레이아웃 */
#container{position:relative;z-index:4;zoom:1}
#container:after{display:block;visibility:hidden;clear:both;content:''}
#container h1{width:100%;height:110px;padding-top:30px;background-color:#fae100;font-size:50px;font-weight:800;letter-spacing:-.07em;text-align:center}
#container h1 span{font-size:56px;font-weight:600;letter-spacing:-.03em;vertical-align:top}
#container h1 em{display:block;padding-top:5px;font-size:20px;color:#3b1e1e}

/* 하단 레이아웃 */
footer{background-color:#111;color:#aaa;line-height:150%;font-size:1em;letter-spacing:-.05em}
#fnb{border-bottom:1px solid #333;text-align:center}
#fnb li{display:inline-block}
#fnb a{display:inline-block;padding:0 2px;color:#fff;line-height:40px}
.ft_copy{clear:both;position:relative;max-width:1600px;margin:0 auto;padding:3% 20px}
.ft_copy1,.ft_copy2{display:block;width:100%;color:#aaa;text-align:center}
.ft_copy1{padding-left:20px;padding-right:3%}
.ft_copy2{padding-top:20px;padding-right:20px;padding-left:3%}
.ft_copy2 .ft_help{padding-bottom:20px}
.ft_copy2 .ft_link{}
.ft_copy2 p{color:#aaa}
.ft_copy2 .tel{padding-bottom:10px;font-size:2em;font-weight:300;color:#f9c30b;letter-spacing:0}
.ft_copy2 .tel:before{content:"";display:inline-block;width:30px;height:30px;margin-right:5px;border-radius:50%;background:url(/images/ft_tel.png) no-repeat center center #f9c30b;background-size:100% 100%;vertical-align:middle}
.ft_copy2 .time br{display:none}
.ft_copy2 .ft_link a{display:inline-block;width:60px;height:60px;margin-left:5px;padding-top:35px;border-radius:50%;background-color:#555;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;font-size:0.8em;color:#fff;text-align:center}
.ft_copy2 .ft_link a:hover,.ft_copy2 .ft_link a:focus,.ft_copy2 .ft_link a:active{background-color:#f9c30b;text-decoration:none}
.ft_copy2 .ft_link1{background-image:url(/images/ft_link1.png)}
.ft_copy2 .ft_link2{background-image:url(/images/ft_link2.png)}
.ft_copy2 .ft_link3{background-image:url(/images/ft_link3.png)}
.ft_copy2 .ft_link4{display:inline-block;width:60px;height:60px;margin-left:5px;border-radius:50%;vertical-align:middle;}

@media (min-width:620px){
	#fnb a{padding:0 10px;line-height:50px}
	.ft_copy2 .ft_link a{width:80px;height:80px;padding-top:50px}
	.ft_copy2 .ft_link4{width:80px;height:80px;}
}
@media (min-width:1024px){
	.ft_copy:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#333}
	#fnb a{line-height:70px}
	.ft_copy1,.ft_copy2{float:left;width:50%;text-align:left}
	.ft_copy2{padding-top:0;}
	.ft_copy2 .ft_help{display:block;padding-bottom:20px}
	.ft_copy2 .tel{padding-bottom:3%}

	.ft_copy2 .ft_link{display:block;}
}
@media (min-width:1400px){
	.ft_copy2 .ft_help{float:left;width:40%;padding-bottom:0}
	.ft_copy2 .ft_link{float:left;width:60%;text-align:right}
	.ft_copy2 .time br{display:block}
}
@media (min-width:1600px){
	.ft_copy1{padding-left:0;padding-right:3%}
	.ft_copy2{padding-right:0;padding-left:3%}
	.ft_copy2 .tel:before{width:45px;height:45px;margin-right:10px}
	.ft_copy2 .ft_link a{width:90px;height:90px;padding-top:52px}
	.ft_copy2 .ft_link4{width:90px;height:90px;}
}

/* owlcarousel */
.owl-theme .owl-dots{position:absolute;top:0}
.owl-theme .owl-dots .owl-dot span{display:inline-block;width:195px;height:55px;margin:0;border-radius:0;background-color:#3b1e1e;font-size:20px;color:#fff;line-height:50px;letter-spacing:-.05em;text-align:center;-webkit-backface-visibility:visible;transition:opacity .2s ease}
.owl-theme .owl-dots .owl-dot span:after{width:195px;height:55px;background-color:#3b1e1e;color:#fff}
.owl-theme .owl-dot.active span,.owl-theme .owl-dot:focus span,.owl-theme .owl-dot:hover span{background-color:#fae100}
.owl-theme .owl-dot.active span:after,.owl-theme .owl-dot:focus span:after,.owl-theme .owl-dot:hover span:after{background-color:#fae100;font-weight:700;color:#3b1e1e}
.owl-theme .owl-nav [class*=owl-]{width:38px;height:58px;font-size:0;margin:0;padding:40;background-color:transparent;display:inline-block;cursor:pointer;border-radius:0}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent}
.owl-theme .owl-nav .owl-next,.owl-theme .owl-nav .owl-next:hover{position:absolute;top:50%;right:50px;background:url(/images/btn1_arrnext.png) no-repeat left top}
.owl-theme .owl-nav .owl-prev,.owl-theme .owl-nav .owl-prev:hover{position:absolute;top:50%;left:50px;background:url(/images/btn1_arrprev.png) no-repeat left top}
.owl-theme .owl-item{height:488px}
.owl-carousel .owl-item img{width:auto}


/* tab */
#tabArea{position:relative}
#tabArea .tabs{}
#tabArea .tablink{float:left;width:50%;background-color:#ddd;font-size:1.25em;color:#555;text-align:center;text-decoration:none;line-height:50px}
#tabArea .tablink.on{background-color:#2c1617;color:#fff}
#tabArea .tabCon{}

.provision{padding-top:3%}
.provision ul{padding:10px 0 20px}
.provision li{padding-left:15px;color:#555;line-height:150%}

.privacy{padding-top:3%}
.privacy ul{padding:10px 0 20px}
.privacy li{padding-left:15px;color:#555;line-height:150%}

.box1{margin-bottom:3%;padding:3%;border:1px solid #ddd;line-height:150%}

.email{line-height:150%}
.hidden{display:none}




/*전화상담예약*/
.bModal{z-index:9999;display: none;padding-top: 100px;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.7);}
.bModal_con{position:relative;max-width:100%;width:530px;height:520px;margin:auto;background-color:#fff;border:5px solid #3b1e1e;padding:40px 20px 0;line-height:1.9em}
.bModal .btn_off{position:absolute;top:0;right:0}
.bModal .btn_off .btn_off{width:30px;height:30px;background-color:#efefef;color:#000;border:none;font-weight:600}
.bModal .btn_off .btn_off:hover{background-color:#efefef;color:#939393}
.bModal fieldset{padding:0}
.bModal h3{margin-bottom:25px;font-size:2.25em;letter-spacing:-.05em}
.bModal h3:after{display:block;width:100px;height:10px;margin-top:12px;background-color:#3b1e1e;content:""}
.bModal p{padding-bottom:5%;font-size:1em;font-weight:500;letter-spacing:-.05em;line-height:130%}
.bModal table{width:100%;margin-bottom:5%}
.bModal table th{width:25%;font-size:90%;color:#3b1e1e;text-align:left}
.bModal table td{padding:3px 0}
.bModal p.p_notice01{padding-bottom:10px;font-size:85%;font-weight:300;letter-spacing:-.07em}
.bModal .btnWrap{padding:3% 0;text-align:center}
.bModal button{width:150px;height:45px;background-color:#fae100;color:#3b1e1e;font-weight:600;border:0}
.bModal button:hover{background-color:#3b1e1e;color:#fae100}
.bModal input[type=text]{border:1px solid #ccc !important}
.bModal input[type=text]:focus{border:1px solid #555 !important}

@media screen and (min-width:480px){
	.bModal_con{height:580px}
}

@media screen and (min-width:620px){
	.bModal_con{padding:40px 40px 0}
}

@media screen and (min-width:1600px){
	.bModal_con{height:650px}
}

/*사용신청*/
a.btn-success,button.btn-success,a.btn-primary,button.btn-primary,button.btn-primary i{color:#fff}

@media screen and (min-width:1200px){
	.wrap{padding-right:20px;padding-left:20px}
}
#art05{padding-bottom:0}
.art05 form{padding:0}
.art05 tbody tr{width:896px;height:52px;border-bottom:1px solid #ccc;}
.art05 tbody tr:first-of-type{border-top:3px solid #ccc;}
.art05 tbody tr.tr_file{height:90px}
.art05 tbody tr.tr_file td{padding:10px 20px;width:50px}
.art05 tbody tr.tr_file input{margin:2px 0;width:210px;display:inline-block}

.art05 tbody tr.tr_txt{height:230px;}
.art05 tbody tr th{padding-left:10px;background:#f2f2f2;box-sizing:border-box}
.art05 tbody tr td{padding-left:20px;box-sizing:border-box}
.art05 input,.art05 select{padding:0 10px;line-height:30px;border:1px solid #ccc;box-sizing:border-box}
.art05 option{padding:0 10px;line-height:20px;}
.art05 textarea{border:1px solid #ccc;margin:15px 0}
.art05 .star{text-align:right;padding:10px 8px}
.art05 div{width:348px;margin:30px auto 100px;font-size:16px}

.art05 div button{width:154px;height:50px;border:1px solid #efefef;background:#fae100;margin-right:10px;cursor:pointer;transition:all 0.3s;font-weight:600}
.art05 div button:hover{background:#3b1e1e;color:#fae100}