@charset "utf-8";

#panel,
#container_wrap,
#tnb_wrap,
#tnb,
#header_wrap,
#header,
#gnb_wrap,
#gnb,
#body_wrap,
#side_wrap,
#content_wrap,
#content,
#bottom_wrap,
#bottom,
#bnb_wrap,
#bnb,
#footer_wrap,
#footer {display:block;position:relative;}

#panel:after,
#container_wrap:after,
#tnb_wrap:after,
#tnb:after,
#header_wrap:after,
#header:after,
#gnb_wrap:after,
#gnb:after,
#body_wrap:after,
#side_wrap:after,
#content_wrap:after,
#content:after,
#bottom_wrap:after,
#bottom:after,
#bnb_wrap:after,
#bnb:after,
#footer_wrap:after,
#footer:after {display:block;visibility:hidden;clear:both;content:""}


#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

#top_btn {display:block;position:fixed;right:20px;bottom:40px;width:40px;height:40px;text-align:center;line-height:38px;background:#fff;border:solid 1px #444;border-radius:var(--radius);z-index:99;opacity:0;
transition: all .3s ease-out;
}
#top_btn:after {content:'\e944';display:block;position:absolute;left:0;top:0;width:100%;font-family:'xeicon';font-size:20px;line-height:40px;text-align:center;}
#top_btn:hover {color:#fff;background:#222;border:solid 1px #444;}
#top_btn.sticky {opacity:1 !important;}

/*#bottom_btn {display:block;position:fixed;right:20px;bottom:40px;width:40px;height:40px;text-align:center;line-height:38px;background:#fff;border:solid 1px #444;z-index:99;opacity:0;
transition: all .3s ease-out;
}
#bottom_btn:after {content:'\e941';display:block;position:absolute;left:0;top:0;width:100%;font-family:'xeicon';font-size:20px;line-height:40px;text-align:center;}
#bottom_btn:hover {color:#fff;background:#222;border:solid 1px #444;}
#bottom_btn.sticky {opacity:1 !important;}*/

.clb {clear:both;}

/* 팝업레이어 */
#hd_pop {position:relative;margin:0 auto;height:0;z-index:99999;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {position:relative;padding:0;text-align:left;background:#111;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {height:50px;padding:0 10px;line-height:50px;border:none;}
.hd_pops_footer .hd_pops_reject {color:#fff;text-align:left;background:#111;}
.hd_pops_footer .hd_pops_reject strong {font-weight:600}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0;color:#fff;background:#222;}
.hd_pops_footer .hd_pops_close i {font-size:14px;}

@media screen and (max-width:980px) {
	.hd_pops {left:0 !important;top:0 !important;width:100%;max-width:500px;}
	.hd_pops_con {width:100% !important;height:auto !important;}
	.hd_pops_con img {max-width:100%;height:auto;}
	.hd_pops_footer button {}
}


.sd_line {position:relative;margin:0 12px 0 0;padding:0 12px 0 0;}
.sd_line:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#ddd;}

.sd_line_g {position:relative;margin:0 12px 0 0;padding:0 12px 0 0;}
.sd_line_g:after {content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:12px;margin:-6px 0 0 0;background:#444;}

.ver_line {display:inline-block;width:1px;height:12px;margin:0 4px;background:#bbb;}


/* 버튼 */
.btn {display:inline-block;padding:0 30px;color:#fff;text-align:center;font-weight:600;line-height:var(--h);border:none;border-radius:40px;vertical-align:top;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn i {font-size:16px;}

.btn2 {display:inline-block;padding:0 30px;color:#fff;text-align:center;font-weight:600;line-height:var(--h);border:none;border-radius:40px;vertical-align:top;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
margin-bottom:5px;
background:#ffcc00 !important;
}
.btn2 i {font-size:16px;}

.btn.btn_frmline {float:left;width:120px;padding:0;text-align:center;background:var(--gradient2);
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

.btn.btn_act {background:var(--color-btn);}
.btn.btn_submit {background:var(--color-btn);}
.btn.btn_submit2 {background:var(--gradient2);}
.btn.btn_submit3 {background:var(--gradient3);}
.btn.btn_act:hover,
.btn.btn_submit:hover,
.btn.btn_frmline:hover {color:#fff;}

.btn.btn_close,
.btn.btn_cancel {background:var(--gradient2);}
.btn.btn_normal {background:#333;}
.btn.btn_normal2 {background:var(--gradient2);}
.btn.btn_normal3 {background:var(--gradient3);}
.btn.btn_close:hover,
.btn.btn_cancel:hover,
.btn.btn_normal:hover {}

.btn.btn_red {background: linear-gradient(to bottom,  #ff1a00 0%,#cd0000 100%);}

/* confirm button */
.btn_confirm {text-align:center;}
.btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.btn_confirm .btn {width:180px;margin:0 4px;font-size:16px;line-height:60px;}
.btn_confirm .btn.btn_normal,
.btn_confirm .btn.btn_cancel,
.btn_confirm .btn.btn_close {line-height:58px;}

@media screen and (max-width:980px) {
	.btn {padding:0 24px;line-height:50px;}
	.btn2 {padding:0 24px;line-height:50px;}
	.btn.btn_frmline {width:100px;}

	/* confirm button */
	.btn_confirm .btn {float:left;width:49%;margin:0 2% 0 0;line-height:50px;}
	.btn_confirm .btn.btn_normal,
	.btn_confirm .btn.btn_cancel,
	.btn_confirm .btn.btn_close {line-height:48px;}
	.btn_confirm .btn:last-child {margin:0;}
}

.btn_close_panel {display:block;position:absolute;width:20px;height:20px;background:none;border:none;}
.btn_close_panel i {font-size:20px;}


/* input */
.frm_input {display:block;position:relative;width:100%;height:var(--h);padding:0 20px;line-height:var(--lh);
-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;
}


/* select */
.select {position:relative;}
.select select {display:block;width:100%;height:var(--h);padding:0 10px;background:#333;border:solid 1px #444;border-radius:10px;cursor:pointer;outline:none;
-webkit-appearance: none;
appearance: none;
}
.select select:focus {}
.select::after {content:"\e941";display:block;position:absolute;right:16px;top:0px;height:var(--h);font-family:"xeicon";font-size:14px;text-align:center;line-height:var(--h);background:none;z-index:1;cursor:pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events:none;
}
.select.selected:after {color:#ff7700;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}


.frm_input.readonly {background:#f6f6f6;}
.frm_input.frm_zipinput {float:left;width:120px;border-right:none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.frm_input.frm_address {margin:10px 0 0 0;}
.frm_input.datepicker {background-image:url(../img/calendar.png);background-repeat:no-repeat;background-position:right 20px top 50%;background-size:24px 24px}
.frm_input.frm_sidechk {float:left;width:calc(100% - 120px);}
.frm_input.frm_sidebtn {float:left;width:calc(100% - 120px);border-right:none;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}


.frm_telinput_var,
.frm_mailinput_gol,
.frm_date_var {display:block;float:left;text-align:center;line-height:var(--h);}

.frm_mailinput {float:left;width:calc(33.33% - 10px);}
.frm_mailinput_gol {width:20px;}

.frm_telinput {float:left;width:calc(33.33% - 13.33px);}
.frm_telinput_var {width:20px;}

.frm_date {float:left;width:calc(50% - 5px);}
.frm_date_var {width:10px;}


.frm_birth {float:left;width:calc(33.33% - 6.66px);margin:0 10px 0 0;}
.frm_birth:last-child {margin:0;}

.frm_mobile {float:left;width:calc(50% - 5px);margin:0 10px 0 0;}
.frm_mobile:last-child {margin:0;}


/* file */
/*
.file_wr .frm_file {border:var(--bdr);border-radius:var(--radius);}
.file_wr .frm_file::file-selector-button {display:none;}
.file_wr .frm_file:after {content:'\eb7e';display:block;position:absolute;right:0px;bottom:0px;width:40px;color:#fff;font-family:"xeicon";color:#bbb;font-size:20px;text-align:center;line-height:var(--h);text-indent:0;background:none;cursor:pointer;
-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;
}
*/

@media screen and (max-width:980px) {
.frm_input.frm_sidechk {float:left;width:calc(100% - 80px);}
.frm_input.frm_sidebtn {float:left;width:calc(100% - 100px);}
}


/* info */
.frm_info {display:block;position:relative;margin:8px 0 0 0;padding:0 0 0 24px;color:#888;font-size:14px;line-height:140%;}
.frm_info:after {content:'\e9a6';display:block;position:absolute;left:0;top:0;color:#3f424b;font-family:'xeicon';font-size:20px;}
.frm_info strong {font-weight:600;}

@media screen and (max-width:980px) {
.frm_info {font-size:13px;}
}


/* checkbox, radio*/
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;outline:0;z-index:-1;}

.chk_box {position:relative;}
.chk_box input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:26px;line-height:22px;font-weight:normal;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:22px;height:22px;background:#ccc;border:none;border-radius:50%;}
.chk_box input[type="checkbox"] + label:hover span {}
.chk_box input[type="checkbox"] + label span:after {content:"\e928";display:block;position:absolute;left:0px;top:0px;width:22px;height:22px;font-family:"xeicon";color:#fff;font-size:14px;text-align:center;line-height:22px;background:none;z-index:1;cursor:pointer;}

.chk_box input[type="checkbox"]:checked + label {color:#ff7700}
.chk_box input[type="checkbox"]:checked + label span {background:var(--color);}
.chk_box input[type="checkbox"]:checked + label span:after {}

.all_chk.chk_box input[type="checkbox"] + label span {}

.chk_box input[type="radio"] + label {display:inline-block;position:relative;padding-left:26px;line-height:22px;font-weight:normal;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="radio"] + label span {display:block;position:absolute;left:0;top:0px;width:22px;height:22px;background:#ccc;border:none;border-radius:50%;}
.chk_box input[type="radio"] + label:hover span {}
.chk_box input[type="radio"] + label span:after {content:"\e928";display:block;position:absolute;left:0px;top:0px;width:22px;height:22px;font-family:"xeicon";color:#fff;font-size:14px;text-align:center;line-height:22px;background:none;z-index:1;cursor:pointer;}

.chk_box input[type="radio"]:checked + label {color::#ff7700}
.chk_box input[type="radio"]:checked + label span {background:var(--color);}
.chk_box input[type="radio"]:checked + label span:after {}


/* info */
.info {display:block;position:relative;padding:20px 20px 20px 52px;color:#fff;line-height:140%;background:var(--gradient2);text-shadow:1px 1px 3px rgba(0,0,0,1);border-radius:10px;}
.info:after {content:'\e9a6';display:block;position:absolute;left:20px;top:20px;color:var(--color);font-family:'xeicon';font-size:24px;}
.info strong {color:#f00001;font-weight:600;}


/* 페이징 */
.pg_wrap {display:block;font-size:0;line-height:0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;position:relative;vertical-align:top;width:32px;height:32px;margin:0 1px;font-size:13px;line-height:32px;text-align:center;border-radius:5px;overflow:hidden;
-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;}
.pg a:focus, .pg a:hover {color:#ff9900;text-decoration:none;}
.pg_page {text-decoration:none;}
.pg_page:hover {}
.pg_start, .pg_prev {}
.pg_end, .pg_next {}
.pg_start, .pg_prev, .pg_end, .pg_next {line-height:999px;}
.pg_start:after, .pg_prev:after, .pg_end:after, .pg_next:after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-family:"FontAwesome";font-size:12px;text-align:center;line-height:30px;}
.pg_start:after {content:'\f100';}
.pg_prev:after {content:'\f104';}
.pg_end:after {content:'\f101';}
.pg_next:after {content:'\f105';}
.pg_start i, .pg_prev i, .pg_end i, .pg_next i {color:#444;font-size:12px;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {}

.pg_current {color:#fff;font-weight:600;text-decoration:underline;background:var(--gradient3);}