@charset "utf-8";
/*-------------------------------------------------------------------
	분류그룹 : 컴포넌트
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	@Form Elements
-------------------------------------------------------------------*/
/* Default */
input.style1:-ms-input-placeholder, textarea.style1:-ms-input-placeholder {font-weight:300; color:#cccccc}/* IE 10 + */
input.style1::-webkit-input-placeholder, textarea.style1::-webkit-input-placeholder {font-weight:300;color:#cccccc}/* Webkit Browser */
input.style1:-moz-placeholder, textarea.style1:-moz-placeholder {font-weight:300;color:#cccccc}/* Mozilla Firefox 4 to 18 */
input.style1::-moz-placeholder, textarea.style1::-moz-placeholder {font-weight:300;color:#cccccc}/* Mozilla Firefox 19+ */
input.style1:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent}/* IE 10 + */
input.style1:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent}/* Webkit Browser */
input.style1:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent}/* Mozilla Firefox 4 to 18 */
input.style1:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent}/* Mozilla Firefox 19+ */

/* Textfield */
.input.style1 {height:4rem; padding:0 1.5rem; border:1px solid #dddddd; border-radius:0; -webkit-box-shadow:none; box-shadow:none; background-color:#fff; color:#222}
.input.style1[readonly] {background-color:#f2f0f0; color:#666666}
input:focus {outline:none}

/* Textarea */
.textarea.style1 {width:100%; padding:1.5rem; border:1px solid #dddddd; border-radius:0; -webkit-box-shadow:none; box-shadow:none; background-color:#fff; color:#222}
textarea:focus {outline:none}

/* Select */
.select.style1 {height:4rem; padding:0 3.4rem 0 1.5rem; border:1px solid #dddddd; color:#222; border-radius:0; -webkit-box-shadow:none; box-shadow:none; background:url(../img/common/ico_sel2_arr.png) no-repeat 100% 50% #fff}

/* Checkbox */
.check.style1 {position:relative; display:inline-block}
.check.style1 input {position:absolute; left:0; top:0; width:1.6rem; height:1.6rem; border-radius:50%; border-color:transparent; background-color:transparent; opacity:0}
.check.style1 label {display:block}
.check.style1 label::before {content:''; display:block; position:absolute; left:0; top:0.4rem; width:1.6rem; height:1.6rem; border:1px solid #9c9c9c; background-color:#fff}
.check.style1 label > span {display:block; padding-left:2.4rem; color:#666666}
.check.style1 input:checked + label::before {border:0; background:url('../img/common/ico_check_on.png') no-repeat 0 0 / 100% auto}
.check.style1 input:focus + label::before {-webkit-box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.4);box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.4)}

/* Radio */
.radio.style1 {position:relative; display:inline-block}
.radio.style1 input {position:absolute; left:0; top:0; width:1.6rem; height:1.6rem; border-radius:50%; border-color:transparent; background-color:transparent; opacity:0}
.radio.style1 label {display:block}
.radio.style1 label::before {content:''; display:block; position:absolute; left:0; top:0.4rem; width:1.6rem; height:1.6rem; border:1px solid #9c9c9c; background-color:#fff; border-radius:50%}
.radio.style1 label > span {display:block; padding-left:2.4rem; color:#666666}
.radio.style1 input:checked + label::before {border:5px solid #ad2a2e}
.radio.style1 input:focus + label::before {-webkit-box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.4);box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.4)}

/* Size */
.input.w-md {width:30rem}
.style.w-md {width:30rem}

/* MO 반응형 */
@media (max-width:1023px) {
	.input.style1 {font-size:1.3rem}
	.radio.style1 label {font-size:1.3rem}
	.radio.style1 label::before {width:1.3rem; height:1.3rem; top:0.4rem}
	.radio.style1 label > span {padding-left:2rem}
	.check.style1 label {font-size:1.3rem}
	.check.style1 label::before {width:1.3rem; height:1.3rem; top:0.4rem}
	.check.style1 label > span {padding-left:2rem}
	.textarea.style1 {padding:1.3rem 1.7rem; font-size:1.3rem}
	.select.style1 {background-image:url('../img/common/ico_sel2_arr_m.png'); background-size:auto 0.7rem; font-size:1.3rem}
	.form-split {width:1.6rem; flex:1 1 auto}
	.form-split::before {width:1rem}A
}

/*-------------------------------------------------------------------
	@Form Texts
-------------------------------------------------------------------*/
/* 필수입력 */
.form-require {color:#f43c3c; margin-left:0.4rem; margin-right:0.4rem}

/* 구분텍스트(- / ~) */
.form-split {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:3rem; text-align:center; color:#333333}
.form-split::before {content:''; display:block; width:1.2rem; height:1px; background-color:#333333}

/*-------------------------------------------------------------------
	@Form Controls
-------------------------------------------------------------------*/
/* Common */
.form-controls {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.form-controls > * + * {margin-left:0.5rem}

/* Type Radio */
.form-controls.type-radio {margin:-1rem}
.form-controls.type-radio > .radio {margin:1rem}

/* Type Tel */
.form-controls.type-tel select {width:12rem}
.form-controls.type-tel input {width:12rem}

/* Type search */
.form-controls.type-sch {width:47.2rem; justify-content:flex-end}
.form-controls.type-sch select {width:14.8rem}
.form-controls.type-sch .drop {width:14.8rem}
.form-controls.type-sch .drop-toggle {width:100%; height:4.2rem; font-size:1.8rem; color:#222; border-bottom:0.2rem solid #222}
.form-controls.type-sch .drop-toggle::after {content:''; position:absolute; right:0; top:calc(50% - 0.4rem);display:block; width:1.4rem; height:0.9rem; background:url('../img/common/ico_sel_arr.png') no-repeat right center / 100% auto}
.form-controls.type-sch .drop-toggle span {justify-content:flex-start}
.form-controls.type-sch .drop-list {padding:1.5rem 1rem; border:1px solid #222}
.form-controls.type-sch .drop-list .btn {width:100%; font-weight:300; color:#666666; line-height:3rem; justify-content:flex-start; text-align:left}
.form-controls.type-sch .drop-list .btn.default {font-weight:500; color:#222}
.form-controls.type-sch .drop-list .is-selected .btn {font-weight:500; color:#ad2a2e}
.form-controls.type-sch select + .inp-sch,
.form-controls.type-sch .drop + .inp-sch {margin-left:3rem}
.form-controls.type-sch .inp-sch {position:relative; width:29.4rem}/* width:calc(100% - 14.8rem); */
.form-controls.type-sch .inp-sch input {width:100%; height:4.2rem; padding-right:3.5rem; font-size:1.8rem; border-bottom:0.2rem solid #222; background-color:transparent}
.form-controls.type-sch .inp-sch .btn-search {position:absolute; top:50%; right:0; margin-top:-2rem; padding:0.5rem}
.form-controls.type-sch .inp-sch .btn-search span {width:2.4rem; height:2.4rem; background:url('../img/common/btn_sch.png') no-repeat 0 0 / 100% auto}

/* MO 반응형 */
@media (max-width:1023px) {
	/* Type tel */
	.form-controls.type-tel select {width:calc(33% - 1.1rem)}
	.form-controls.type-tel input {width:calc(33% - 1.1rem)}

	/* Type search */
	.form-controls.type-sch .drop {width:10.7rem}/* width:16.2rem; */
	.form-controls.type-sch .drop-toggle span {font-size:1.4rem}/* font-size:1.6rem; */
	.form-controls.type-sch .drop + .inp-sch {margin-left:1.45rem}
	.form-controls.type-sch .drop-list {padding:1.2rem 0.6rem; word-wrap:break-word; word-break:keep-all}

    /* Type search */
	.form-controls.type-sch {width:100%; justify-content:flex-end}
	.form-controls.type-sch .drop-toggle {height:3.8rem}
	.form-controls.type-sch .drop-toggle::after {width:0.9rem; height:0.6rem; top:calc(50% - 0.3rem); background-image:url('../img/common/ico_sel_arr_m.png')}
	.form-controls.type-sch select + .inp-sch {margin-left:1rem}
	.form-controls.type-sch select {width:30%; height:3.8rem; font-size:1.4rem}
	.form-controls.type-sch .inp-sch {width:100%; flex:1 1 auto}
	.form-controls.type-sch .inp-sch input {width:100%; height:3.8rem; font-size:1.4rem}/* font-size:1.6rem; */
	.form-controls.type-sch .inp-sch .btn-search {margin-top:-1.6rem; right:-0.5rem}
	.form-controls.type-sch .inp-sch .btn-search span {width:2.03rem; height:1.96rem; background:url('../img/common/btn_sch_m.png') no-repeat 0 0 / 100% auto}
}

/* MO Only */
@media (max-width:420px) { 

}

/* MO Xtra Samll */
@media (max-width:360px) { 

}

/*-------------------------------------------------------------------
	@Buttons
-------------------------------------------------------------------*/
/* Default */
button {overflow:hidden; padding:0px; border:0px; font-weight:normal; background-color:transparent; cursor:pointer}
button::-moz-focus-inner {border:0px; padding:0px}
.btn-area {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.btn-area.align-c {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.btn {-webkit-box-flex:0;-ms-flex:none;flex:none; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; position:relative; overflow:hidden; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:1.5; vertical-align:middle}
.btn > span {position:relative; z-index:1; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-flex:0; -ms-flex:none; flex:none; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; width:100%; background:no-repeat 0 0 / 100% auto}
.btn > span::before, .btn > span::after {display:inline-block; background:no-repeat 0 0 / 100% auto; content:''}

/* Style */
.btn.style1 {color:#666666; border:1px solid #e4e4e4; border-radius:4rem; font-weight:400}
.btn.style2 {color:#666666; border:1px solid #666; border-radius:4rem; font-weight:400; background:#fff}

/* Option */
.btn.style1.primary {color:#fff; background:#a72c2a; border-color:transparent}
.btn.style2.primary {color:#a72c2a; border-color:#a72c2a}

/* design */
.btn-guide {height:4rem; padding:0 2.2rem; font-size:1.6rem; margin-top:2rem} /* 팝업 가이드용 버튼 */
.btn-form {height:4rem; padding:0 2.2rem; font-size:1.6rem}
.btn-submit {height:5rem; padding:0 3rem; font-size:1.8rem; font-weight:500}
.btn-more {width:7rem; height:7rem; background:#a72c2a; border-radius:50%}
.btn-winner {height:5rem; padding:0 2.4rem; font-size:1.8rem}
.btn-down {height:4rem; padding:0 2rem; color:#222; -webkit-transition:all 0.15s ease; -o-transition:all 0.15s ease; transition:all 0.15s ease}
.btn-down span::after {width:1.6rem; height:1.5rem; margin-left:0.8rem; background-image:url('../img/common/btn_down.png')}
.btn-down:focus span::after,
.btn-down:hover span::after,
.btn-down.primary span::after {background-position:0 bottom}
.btn-down:focus,
.btn-down:hover,
.btn-down.primary {-webkit-box-shadow:0 0.5rem 1.5rem 0 rgba(0,0,0,0.2);box-shadow:0 0.5rem 1.5rem 0 rgba(0,0,0,0.2); background-color:#ad2a2e; color:#fff}
.report-area .btn-area .btn-down {padding:0 3.6rem}
.btn-more span {width:2.2rem; height:2.2rem; background-image:url('../img/common/btn_more02.png')}
.btn-linkmore {height:4rem; padding:0 2.2rem; font-size:1.5rem; color:#999; border:1px solid #ddd; border-radius:2rem}
.btn-linkmore span:after {width:1.2rem; height:1.2rem; margin-left:0.8rem; background-image:url('../img/main/btn_more.png')}
.btn-share {font-size:1.8rem; font-weight:400; color:#666}
.btn-share span::after {width:2.1rem; height:2.3rem; margin-left:1rem; background-image:url('../img/common/btn_share.png')}
.btn-print {font-size:1.8rem; font-weight:400; color:#666}
.btn-print span::after {width:2.2rem; height:2.2rem; margin-left:1rem; background-image:url('../img/common/btn_print.png')}
.btn-sns-kakao span {width:6.8rem; height:6.8rem; background-image:url('../img/common/btn_sns_kakao2.png')}
.btn-sns-facebook span {width:6.8rem; height:6.8rem; background-image:url('../img/common/btn_sns_facebook2.png')}
.btn-sns-twiter span {width:6.8rem; height:6.8rem; background-image:url('../img/common/btn_sns_twiter2.png')}
.btn-sns-url span {width:6.8rem; height:6.8rem; background-image:url('../img/common/btn_sns_url2.png')}
.btn-sns-insta span {width:6.8rem; height:6.8rem; background-image:url('../img/common/btn_sns_insta2.png')}
.btn-sns-blog span {width:6.8rem; height:6.8rem; background-image:url('../img/common/btn_sns_blog2.png')}
.board-prev,
.board-next {width:7rem; height:7rem; border:1px solid #ebebeb; border-radius:50%}
.board-prev span,
.board-next span {width:3.1rem; height:2.2rem}
.board-prev span {background-image:url('../img/common/btn_board_prev.png')}
.board-next span {background-image:url('../img/common/btn_board_next.png')}

/* MO 반응형 */
@media (max-width:1023px) {
	.btn-submit {height:4rem; font-size:1.5rem}
	.btn-form {height:3.2rem; padding:0 1.5rem; font-size:1.3rem}
	.btn-more {width:5rem; height:5rem}
	.btn-more span {width:1.6rem; height:1.6rem; background-image:url('../img/common/btn_more02_m.png')}
	.btn-share {font-size:0}
	.btn-share span::after {width:1.6rem; height:1.8rem; margin-left:0rem; background-image:url('../img/common/btn_share_m.png')}
	.btn-print {font-size:0rem}
	.btn-print span::after {width:1.8rem; height:1.8rem; margin-left:0rem; background-image:url('../img/common/btn_print_m.png')}
	.board-prev,
	.board-next {width:4.2rem; height:4.2rem;  border:1px solid #ddd; background:rgba(255, 255, 255, 0.6)}
	.board-prev span,
	.board-next span {width:1.9rem; height:1.1rem}
	.board-prev span {background-image:url('../img/common/btn_board_prev_m.png')}
	.board-next span {background-image:url('../img/common/btn_board_next_m.png')}
	.btn-down {height:3.4rem; font-size:1.3rem}
	.btn-down span::after {width:1.6rem; height:1.4rem; margin-left:1rem; background-image:url('../img/common/btn_down_m.png')}
	.btn-sns-facebook span {width:5rem; height:5rem; background-image:url('../img/common/btn_sns_facebook2_m.png')}
	.btn-sns-insta span {width:5rem; height:5rem; background-image:url('../img/common/btn_sns_insta2_m.png')}
	.btn-sns-kakao span {width:5rem; height:5rem; background-image:url('../img/common/btn_sns_kakao2_m.png')}
	.btn-sns-blog span {width:5rem; height:5rem; background-image:url('../img/common/btn_sns_blog2_m.png')}
	.btn-sns-url span {width:5rem; height:5rem; background-image:url('../img/common/btn_sns_url2_m.png')}
	/* .btn-sns-twiter span {width:3.4rem; height:3.4rem; background-image:url(../img/common/btn_sns_twiter2_m.png)} */
}

/* MO Only */
@media (max-width:420px) { 

}

/* MO Xtra Samll */
@media (max-width:360px) { 

}

/*-------------------------------------------------------------------
	@Bullets
-------------------------------------------------------------------*/
/* Default */
.bul > li {position:relative; line-height:1.6; padding-left:20px}
.bul > li::before {display:block; position:absolute; left:0; top:0}
.bul > p {position:relative; line-height:1.6; padding-left:20px}
.bul > p::before {display:block; position:absolute; left:0; top:0}

/* 기호 */
.bul.dash > li,
.bul.dash > p {font-size:1.6rem; font-weight:300; color:#666}
.bul.dash > li::before,
.bul.dash > p::before{width:1rem; height:1px; top:1rem; background:#666; content:''}
.bul.bill > p::before {content:'※'}
.bul.star > p::before {content:'*'} /* 키보드문자 말고 특수문자 사용 */
.bul.feel > p {padding-left:2.7rem}
.bul.feel > p::before {width:1.8rem; height:1.8rem; top:0.5rem; background:url('../img/common/ico_exclamation.png') no-repeat 0 0 / 100% auto; content:''}

/* 숫자 */
.bul.num1 {counter-reset:num1} .bul.num1 > li:before {counter-increment:num1; content:counter(num1, decimal) "."} /* 1. */
.bul.num2 {counter-reset:num2} .bul.num2 > li:before {counter-increment:num2; content:"(" counter(num2, decimal) ")"} /* (1) */
.bul.num3 {counter-reset:num3} .bul.num3 > li:before {counter-increment:num3; content:counter(num3, decimal) ")"} /* 1) */
.bul.num4 > li:nth-child(1)::before {content:'①'} /* 필요시추가 : ①②③④⑤⑥⑦⑧⑨⑩ */

/* 영문 */
.bul.eng1 {counter-reset:eng1} .bul.eng1 > li::before {counter-increment:eng1; content:counter(eng1, upper-alpha) "."} /* A. */
.bul.eng2 {counter-reset:eng2} .bul.eng2 > li::before {counter-increment:eng2; content:"(" counter(eng2, lower-alpha) ")"} /* (a) */
.bul.eng3 {counter-reset:eng3} .bul.eng3 > li::before {counter-increment:eng3; content:counter(eng3, lower-alpha) ")"} /* a) */
.bul.eng4 > li:nth-child(1)::before {content:'ⓐ'} /* 필요시추가 : ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ */

/* 한글 */
.bul.kor1 > li:nth-child(1)::before {content:'가.'}
.bul.kor2 > li:nth-child(1)::before {content:'(가)'}
.bul.kor3 > li:nth-child(1)::before {content:'가)'}

/* MO 반응형 */
@media (max-width:1023px) {
	/* 기호 */
	.bul.dash > li,
	.bul.dash > p {padding-left:1rem; font-size:1.2rem}
	.bul.dash > li::before,
	.bul.dash > p::before{width:0.6rem; height:1px; top:1rem}

	.bul.feel > p {padding-left:1.5rem}
	.bul.feel > p::before {width:1.2rem; height:1.2rem; top:0.39rem; background:url('../img/common/ico_exclamation_m.png') no-repeat 0 0 / 100% auto; content:''}
}

/*-------------------------------------------------------------------
	@Tables
-------------------------------------------------------------------*/
/* Default */
.tbl {overflow:hidden}
.tbl > table {width:100%; table-layout:fixed; border-collapse:collapse; border:0; border-spacing:0}

.tbl.style2 {border-top:2px solid #222; border-bottom:1px solid #ddd}
.tbl.style2 table {margin:-2px 0 -1px}
.tbl.style2 table td,
.tbl.style2 table th {border:1px solid #dddddd; border-width:1px 0; height:8rem; padding:2rem; text-align:left }
.tbl.style2 table td {padding-right:0} 
.tbl.style2 table th {font-weight:500}
/* MO 반응형 */
@media (max-width:1023px) {
	.tbl.style2 table,
	.tbl.style2 table tbody,
	.tbl.style2 table tr,
	.tbl.style2 table th,
	.tbl.style2 table td {display:block; padding:0; height:auto; border:0}
	.tbl.style2 table th {margin-bottom:1rem; line-height:1; font-size:1.3rem}
	.tbl.style2 table tr {padding:2rem 0; border-bottom:1px solid #dddddd}
}

/*-------------------------------------------------------------------
	@Datepicker
-------------------------------------------------------------------*/
.form-controls.type-date {display:-webkit-box;display:-ms-flexbox;display:flex}
.form-controls.type-date .inp-date {position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto}
.form-controls.type-date .inp-date input {width:100%}
.ui-datepicker-trigger {position:absolute; right:0; top:0; width:4rem; height:4rem; background:url('../img/common/ico-calendar.png') no-repeat center center / 1.6rem 1.8rem; text-indent:-999px}
.ui-datepicker {display:none; z-index:400 !important; background:#fff; width:25rem; height:24.6rem; padding:2rem; border:1px solid #000}
.ui-datepicker-header {padding-bottom:2rem}
.ui-datepicker-prev {display:block; position:absolute; top:2rem; left:2rem; width:1.5rem; height:1.5rem; background:url('../img/common/ico_date_prev.png') no-repeat center center / 0.8rem 1.3rem; text-indent:-999px; overflow:hidden; white-space:nowrap}
.ui-datepicker-next {display:block; position:absolute; top:2rem; right:2rem; width:1.5rem; height:1.5rem; background:url('../img/common/ico_date_next.png') no-repeat center center / 0.8rem 1.3rem; text-indent:-999px; overflow:hidden; white-space:nowrap}
.ui-datepicker-title {display:block; text-align:center; font-size:1.5rem; color:#222; line-height:1.5rem}
.ui-datepicker-year::after {content:'년'}
.ui-datepicker-month {margin-left:0.4rem}
.ui-datepicker-month::after {content:'월'}
.ui-datepicker-calendar th {font-size:1.4rem}
.ui-datepicker-calendar td {height:3rem; font-size:1.2rem; text-align:center}
.ui-datepicker-calendar td a {display:block; width:3rem; height:3rem; line-height:3rem; border-radius:50%}
.ui-datepicker-calendar td.ui-datepicker-today a {background:#a72c2a; color:#fff; font-weight:500}
.ui-datepicker-buttonpane {display:none}

/*-------------------------------------------------------------------
    @Drop
-------------------------------------------------------------------*/
/* Default */
.drop {display:inline-block; position:relative}
.drop-menu {position:absolute; left:0; z-index:10; width:100%; background-color:#fff}
.drop-toggle::after {transition:transform 0.2s ease}
.drop-toggle.is-active::after {transform:rotate(180deg)}

.drop-menu {visibility:hidden; left:0; top:100%; opacity:0; animation:dropdown 0.2s ease both; transform:translateY(-50%) scaleY(0); transition:all 0.2s ease}
.drop-menu.is-active {visibility:visible; opacity:1; animation:dropdown-active 0.2s ease both}

@keyframes dropdown {
	from {transform:translateY(0) scaleY(1)}
	to {transform:translateY(-50%) scaleY(0)}
}
@keyframes dropdown-active {
	from {transform:translateY(-50%) scaleY(0)}
	to {transform:translateY(0) scaleY(1)}
}
@keyframes dropup {
	from {transform:translateY(0) scaleY(1)}
	to {transform:translateY(50%) scaleY(0)}
}
@keyframes dropup-active {
	from {transform:translateY(50%) scaleY(0)}
	to {transform:translateY(0) scaleY(1)}
}

/*-------------------------------------------------------------------
	@Popup
-------------------------------------------------------------------*/
/* Popup Layout */
.popup-wrap {visibility:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; position:fixed; z-index:1002; left:0; top:0; width:100%; height:100%; padding:30px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column}
.popup {position:relative; z-index:11; width:100%; max-height:100%; background-color:#fff; opacity:0; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease}
.popup-wrap::after {content:''; visibility:hidden; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; background:rgba(0,0,0,0.7); opacity:0; -webkit-transition:all ease 0.3s 0.15s; -o-transition:all ease 0.3s 0.15s; transition:all ease 0.3s 0.15s}
.popup-wrap.is-active {visibility:visible}
.popup-wrap.is-active .popup {opacity:1}
.popup-wrap.is-active::after {visibility:visible; opacity:1; -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s}
.popup-wrap.is-active.is-disabled::after {visibility:hidden; opacity:0; -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s}

/* Popup Scroll */
.popup,
.popup_container {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column}
.popup_head,
.popup_foot {-webkit-box-flex:0;-ms-flex:none;flex:none}
.popup_container,
.popup_container .inner_scroll {overflow:hidden; overflow-y:auto}
.popup_container .inner_scroll {min-height:20rem}
.popup_container {height:100%}
.popup_container.has_scroll {height:100%}

/* Transition */
.popup-wrap.type-basic .popup {-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px)}
.popup-wrap.type-full {padding:0}
.popup-wrap.type-full .popup {width:100%; height:100%; min-height:100%; opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0)}
.popup-wrap.type-select {padding:0; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
.popup-wrap.type-select .popup {width:100%; -webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%); transform:translate(0, 100%)}
.popup-wrap.type-alert .popup {-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px)}
.popup-wrap.type-confirm .popup {-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px)}
.popup-wrap.is-active .popup {-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}

/* Style */
.popup.style1 .popup-head {border-bottom:1px solid #eaeaea; padding:6rem 3rem 3rem 3rem; line-height:1; text-align:center}
.popup.style1 .popup-tit {font-size:2rem}
.popup.style1 .popup-body {padding:3rem; padding-bottom:4rem}
.popup.style1 .popup-foot {border-top:1px solid #eaeaea; padding:1.5rem 3rem}
.popup.style1 .popup-close {position:absolute; top:2rem; right:2.2rem}
.popup.style1 .btn-pop-close {padding:1rem}
.popup.style1 .btn-pop-close span {width:2rem; height:2rem; background-image:url('../img/common/btn_pop_close.png')}

.popup.style2 {width:118rem; height:66.4rem !important}
.popup.style2 .popup-content {height:100%}
.popup.style2 .popup-head {border-bottom:1px solid #eaeaea; padding:0; line-height:1; text-align:center}
.popup.style2 .popup-body {height:100%; padding:0; padding-bottom:0; font-size:0}
.popup.style2 .popup-close {position:absolute; top:-3rem; right:0}
.popup.style2 .btn-pop-close span {width:2rem; height:2rem; background-image:url('../img/common/btn_pop_close_w.png')}

.popup.style4 {width:61rem !important; padding:2rem 3rem 3rem 3rem}
.popup.style4 .popup-head {height:9rem; border-bottom:1px solid #ddd}
.popup.style4 .popup-head .popup-tit {height:9rem; font-size:2.4rem; color:#333; display:flex; align-items:center; justify-content:center}
.popup.style4 .popup-head .popup-tit b {font-size:2.4rem; color:#333}
.popup.style4 .popup-head .popup-tit span {color:#ad2a2e}
.popup.style4 .popup-close {position:absolute; top:2rem; right:2.2rem}
.popup.style4 .btn-pop-close {padding:1rem}
.popup.style4 .btn-pop-close span {width:2rem; height:2rem; background-image:url('../img/common/btn_pop_close.png')}
.popup.style4 .btncenter {margin-top:2rem; text-align:center}
.popup.style4 .btncenter .btn-submit {width:16rem}

.popup .privacyrule-contents > p {margin:0 0 2rem 0; font-size:1.4rem}
.popup .privacyrule-contents > dl {padding:1.2rem 0; border-bottom:0}
.popup .privacyrule-contents > dl > dt {margin:0 0 0.6rem 0; font-size:1.5rem}
.popup .privacyrule-contents > dl dd {font-size:1.4rem; line-height:2.2rem}
.popup .privacyrule-contents > dl dd > ul > li {margin:1.5rem 0 0 0; font-size:1.4rem; line-height:2.2rem}
.popup .privacyrule-contents > dl dd > ul > li > p {font-size:1.4rem}
.popup .privacyrule-contents > dl dd > ul > li > strong {line-height:2.1rem}
.popup .privacyrule-contents > dl dd > ul > li:last-child strong {margin-bottom:0}
.popup .privacyrule-contents > dl dd > ul > li ul {padding:2rem 1.5rem}
.popup .privacyrule-contents > dl dd > ul > li ul li {float:none; min-height:5rem; padding:1.5rem 0 1.5rem 0; border-left:0; border-top:1px solid #ddd}
.popup .privacyrule-contents > dl dd > ul > li ul li:first-child {border-left:0; border-top:0}
.popup .privacyrule-contents > dl dd > ul > li ul li:nth-child(2) {width:100%; padding-right:0}
.popup .privacyrule-contents > dl dd > ul > li ul li:last-child {float:none; width:auto; overflow:hidden; padding-right:0; padding-bottom:0}
.popup .privacyrule-contents > dl dd > ul > li ul li:last-child p {min-width:100%}
.popup .privacyrule-contents > dl dd > ul > li ul li dt {margin:0 0 1rem 0; font-size:1.4rem}
.popup .privacyrule-contents > dl dd > ul > li ul li dd p {float:none; min-width:100; font-size:1.4rem; line-height:2.5rem}
.popup .privacyrule-contents > dl dd > ul > li a {font-size:1.4rem}
.popup .privacyrule-contents > dl dd table {margin-top:1.5rem}
.popup .privacyrule-contents > dl dd table thead th {padding:1rem 0; font-size:1.4rem}
.popup .privacyrule-contents > dl dd table tbody td {padding:1rem 0; font-size:1.4rem}


/* Size */
.popup.small {width:40rem}

/*-------------------------------------------------------------------
    @Dimmer
-------------------------------------------------------------------*/
/* Default */
.dimmer {visibility:hidden; display:block; position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; background:rgba(0,0,0,0.75); -webkit-transition:all ease 0.3s 0.15s; -o-transition:all ease 0.3s 0.15s; transition:all ease 0.3s 0.15s}
.dimmer.is-active {visibility:visible; opacity:1; -webkit-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s}

/* zIndex */
.dimmer-popup {z-index:1000}

/*-------------------------------------------------------------------
    @Swiper
-------------------------------------------------------------------*/
/* Default */
/* .swiper-button-next, .swiper-button-prev, .swiper-pagination {display:none}
.is-swiper>.swiper-button-next, .is-swiper>.swiper-button-prev, .is-swiper>.swiper-pagination {display:block} */

/*-------------------------------------------------------------------
    @Text
-------------------------------------------------------------------*/
.fc-primary {color:#a72c2a}
.matched {font-weight:500; color:#ad2a2e; font-style:normal}

/* 모바일 반응형 */
@media (max-width:1023px) {
	/* Popup */
	.popup-wrap {padding:2.5rem}
	.popup.style1.small {max-width:100%}
	.popup.style1 .btn-pop-close span {width:1.7rem; height:1.7rem; background-image:url('../img/common/btn_pop_close_m.png')}
	.popup.style1 .popup-head {padding:2.6rem 3rem 2rem 3rem}
	.popup.style1 .popup-tit {font-size:1.5rem}
	.popup.style1 .popup-body {padding:2.4rem 2rem 3rem}
	.popup.style1 .popup-close {top:0.7rem; right:1.2rem}

	.popup.style2 {width:90%; height:40rem !important}

	.popup.style4 {width:95% !important; padding:2rem 3rem 3rem 3rem}
	.popup.style4 .popup-head {height:6rem}
	.popup.style4 .popup-head .popup-tit {height:6rem; font-size:1.9rem}
	.popup.style4 .popup-head .popup-tit b {font-size:1.9rem}
	.popup.style4 .popup-close {position:absolute; top:1rem; right:1rem}

}


@media (max-width:640px) {
	.popup.style2 {width:100%; height:26rem !important}
}
