/*
	사용자 정의 공통 스타일시트
*/
.btn {cursor:pointer; }
/* font */

/*나눔스퀘어 웹폰트*/
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; }
.fweight300 { font-weight:300 !important; }
.fweight400 { font-weight:400 !important; }
.fweight700 { font-weight:700 !important; }
.fweight800 { font-weight:800 !important; }

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body {background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; }
body,input,select,textarea,button {border:none; font-size:16px; font-family:'NanumSquare', 'Noto Sans KR', sans-serif; color:#333}
ul,ol,li{list-style:none;}
table{border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em {font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle; color: inherit; font: inherit;}
.hide, legend {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:inherit; text-decoration:none;}
button {cursor: pointer; color: #333; background-color: transparent;}

html {}
body {font-size:16px; color:#666666; font-weight:400; letter-spacing:-0.09em; line-height:1.2; word-break:keep-all;}
table {border-collapse: collapse;border-spacing: 0}

* {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}
*:before,*:after {-webkit-box-sizing: border-box !important;-moz-box-sizing: border-box !important;box-sizing: border-box !important;}

/* Form */
textarea {border:1px solid #d3d3d3;}
select {padding-left: 10px; height:35px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:16px; color:#585858; border:1px solid #d3d3d3; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=password],
input[type=text] {padding: 0  0 0 10px; height:35px;}
textarea {padding:10px; }



input::-webkit-input-placeholder {color:#b8b8b8;}
input:-moz-placeholder {color:#b8b8b8; opacity: 1;}
input::-moz-placeholder {color:#b8b8b8; opacity: 1;}
input::-ms-input-placeholder {color:#b8b8b8;}
input:-ms-input-placeholder {color:#b8b8b8;}
input::input-placeholder {color:#b8b8b8;}

textarea::-webkit-input-placeholder {color:#b8b8b8;}
textarea:-moz-placeholder {color:#b8b8b8; opacity: 1;}
textarea::-moz-placeholder {color:#b8b8b8; opacity: 1;}
textarea::-ms-input-placeholder {color:#b8b8b8;}
textarea:-ms-input-placeholder {color:#b8b8b8;}
textarea::input-placeholder {color:#b8b8b8;}




textarea:focus,
input:focus {border:1px solid #5282ff; outline: none; }
label {}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{border-color: #d3d3d3; color:#333333; -webkit-appearance:none; font-size:15px; padding: 0 10px; background-color: #f1f1f1; }
input[type=text]::-ms-clear {display: none; }
select{-webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{display:none; }
select {height: 35px; background: url('../images/basic/icon_sel_arr.png') no-repeat right center #fff; border: 1px solid #d3d3d3; -moz-appearance: none; -webkit-appearance: none; appearance: none; }
select[disabled] {background-color: #f1f1f1 !important;}

textarea[readonly],
textarea[disabled]{padding:12px; font-size:15px; color:#333333; font-weight:normal; line-height:140%; height:78px; background:#fafafa;border:1px solid #d3d3d3;}
.clear {clear:both;}
.clear:after {content:""; display:block; clear:both;}

/* 인풋스타일 (날짜) */
.inp_date { background: url('../images/basic/icon_date.png') no-repeat right 5px center; }
.icon_from { display: inline-block; margin: 0 12px; font-style: normal; }


/* 인풋 스타일 ( 체크박스, 라디오 )*/
.label {padding-left: 31px; background: no-repeat left center; }
.label.t_none {overflow:hidden; padding-left:22px; text-indent:-999px;}

.check {background-image: url('../images/basic/un_check.png'); font-size:15px; color:#585858; line-height:30px;}
.ch_ra[type=checkbox]:hover + .check { background-image: url('../images/basic/hover_check.png') }
.ch_ra[type=checkbox]:checked + .check { background-image: url('../images/basic/check.png'); color: #000; }
.ch_ra[type=checkbox][disabled] + .check { background-image: url('../images/basic/check_disable.png'); color: #e0e0e0; }


.radio {background-image: url('../images/basic/un_radio.png'); font-size:15px; color:#585858;}
.ch_ra[type=radio]:hover + .radio { background-image: url('../images/basic/hover_radio.png')}
.ch_ra[type=radio]:checked + .radio { background-image: url('../images/basic/radio.png'); color: #000;  }
.ch_ra[type=radio][disabled] + .radio { background-image: url('../images/basic/radio_disable.png'); color: #e0e0e0; }

.ch_list {display:inline-block;}
.ch_list li {display:inline-block;}
.ch_list li+li {margin-left:15px;}

.filebox_list li+li {margin-top:10px;}

.filebox {display:inline-block;}
.filebox .btn {float:left; margin:0; width:100px !important;}
.filebox input {float:right; background:#fff !important;}


.tel_wrap {overflow:hidden; display:inline-block;}
.tel_wrap select,
.tel_wrap input {float:left; width:31%;}
.tel_wrap .bar {float:left; width:3.5%; line-height:35px; text-align:center;}


/* 본문 바로가기 */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#3290ff;color:#fff;text-align:center;}




/* 사용자 페이지 공통 css */
/* 정렬 */
.f_left {float: left; }
.f_right {float: right; }
.con_box {margin: 0 15px; }



/* text-align */
.text_left {text-align: left !important; }
.text_center {text-align: center !important; }
.text_right {text-align: right !important; }

/* text 말줄임표 */
.text_over {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/* display */
.dis_inblock {display: inline-block; }

/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.blind {overflow: hidden; color: transparent; white-space: nowrap;}
.m_visible {display:none;}
.d_none {display:none;}



.relative {position:relative;}
.abs_r {position:absolute; top:0; right:0;}


/* 가로사이즈 */

.w_100 {width: 100px; }
.w_110 {width: 110px; }
.w_120 {width: 120px; }
.w_150 {width: 150px; }
.w_200 {width:200px;}
.w_340 {width:340px;}
.w_400 {width:400px;}
.w_500 {width:500px;}
.w_600 {width:600px;}
.w_700 {width:700px;}
.w_800 {width:800px;}
.w_900 {width:900px;}

.wp_50 {width:50%;}
.wp_60 {width:60%;}
.wp_70 {width:70%;}
.wp_80 {width:80%;}
.wp_90 {width:90%;}


.w_full {width:100% !important; }
.w_half {width:50% !important;}




/* margin */
.mt_5 {margin-top: 5px; }
.mt_10 {margin-top: 10px; }
.mt_20 {margin-top: 20px; }
.mt_30 {margin-top: 30px; }
.mt_40 {margin-top: 40px; }
.ml_5 {margin-left:5px;}
.ml_10 {margin-left:10px;}
.ml_20 {margin-left:20px;}
.mr_5 {margin-right:5px;}
.mr_10 {margin-right:10px;}
.mr_20 {margin-right:20px;}



/* padding */
.pd_top10 {padding-top: 10px; }









@keyframes rotateAni {
	0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    to {
		-webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes tweenY {
	0% {
        -webkit-transform:translateY(0);
		transform:translateY(0);
    }
    to {
		-webkit-transform:translateY(20px);
        transform:translateY(20px);
    }
}
@keyframes tweenY02 {
	0% {
        -webkit-transform:translateY(0);
		transform:translateY(0);
    }
    to {
		-webkit-transform:translateY(40px);
        transform:translateY(40px);
    }
}

@keyframes tweenS {
	0% {
        -webkit-transform:scale(1);
		transform:scale(1);
    }
    to {
		-webkit-transform:scale(1.1);
        transform:scale(1.1);
    }
}






.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}



.swiper-button-prev:after,
.swiper-button-next:after {display:none;}
*:focus {outline:none;}




/*footer*/

/*footer 추가(genesis) 210804*/
.site-footer__inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 140px;
    padding: 0 14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.site-footer__row-top .site-footer__inner, .site-footer__row-middle .site-footer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.site-footer__row-top .site-footer__inner {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}
.site-footer__row-top .site-footer__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.site-footer__row-top { padding: 24px 0; padding: 2.4rem 0; background: #111; border: 1px solid #1e1e1e; border-left: none; border-right: none; }
.site-footer__row-top .site-footer__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;

}
.site-footer__regal-list {
    display: inline-block;
    margin-left: -48px;
    margin-left: -4.8rem;
}
.site-footer__regal-item {
    display: inline-block;
    position: relative;
    margin-left: 48px;
    margin-left: 4.8rem;
    padding: 13px 0;
    padding: 1.3rem 0;
}
.site-footer__regal-item {
    padding: 0;
}
.site-footer__regal-item:before {
    display: inline-block;
    position: absolute;
    right: -24px;
    right: -2.4rem;
    height: 15px;
    height: 1.5rem;
    border-right: 1px solid #1e1e1e;
    content: '';
}
.site-footer__regal-item a {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #ccc;
    line-height: 1;
    -webkit-transition: color .4s;
    transition: color .4s;
}
.site-footer__regal-item a {
    font-size: 14px;
    font-size: 1.4rem;
}
.site-footer__regal-item a:hover, .site-footer__regal-item a:focus { color: #f1bf7e; }
.site-footer__sns-list {
    padding: 0 10px;
    padding: 0 1rem;
    font-size: 0;
}
.site-footer__sns-item:first-child {
    margin-left: 0;
}
.site-footer__sns-item {
    display: inline-block;
    margin-left: 12px;
    margin-left: 1.2rem;
}
.site-footer__sns-link {
    display: block;
    width: 42px;
    width: 4.2rem;
    height: 42px;
    height: 4.2rem;
}
.blind, legend {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}
.site-footer__sns .js-svg-icon {
    width: 100%;
    height: 100%;
}
.js-svg-icon svg {
    width: 100%;
    height: 100%;
}
.site-footer__sns .js-svg-icon svg { fill: #f1bf7e; transition:all 0.4s;}
.site-footer__sns .js-svg-icon:hover svg { fill: #fff; }

.site-footer__regal-item.point a { color: #f1bf7e; }

@media (max-width: 1919px){
	.site-footer__row-top { padding: 24px 0; padding: 2.4rem 0; }
	.site-footer__regal { width: auto; }
	.site-footer__regal-item { padding: 9px 0; padding: 0.9rem 0; }
	.site-footer__sns { margin-top: 0; }
	.site-footer__inner { padding: 0 120px; padding: 0 12rem; }
	.site-footer__regal {  width: 65%; }

}
@media (max-width: 1599px){
	.site-footer__row-top { padding: 30px 0; padding: 3rem 0; }
	.site-footer__regal { width: 60%; }
	.site-footer__regal-list { margin-left: -40px; margin-left: -4rem; }
	.site-footer__regal-item { margin-left: 40px; margin-left: 4rem; padding: 8px 0; padding: 0.8rem 0; }
	.site-footer__regal-item:before { right: -10px; right: -1rem; }
	.site-footer__regal-item a { font-size: 12px; font-size: 1.2rem; }
	.site-footer__inner { padding: 0 100px; padding: 0 10rem;}

}
@media (max-width: 1359px){
	.site-footer__regal-list { margin-left: -20px; margin-left: -2rem; }
	.site-footer__inner { padding: 0 76px; padding: 0 3rem;}
	.site-footer__sns { margin-top: -5px; }
	.site-footer__regal { width: 70%; }
	.site-footer__regal-item { margin-left: 12px; margin-left: 1.2rem;     padding: 11px 0px; }
}
@media (max-width: 1023px){
	/*.site-footer__regal-list { margin-left: 0; }*/
	.site-footer__row-top .site-footer__inner, .site-footer__row-middle .site-footer__inner { display: block; }
	.site-footer__regal {  max-width: 290px;  max-width: 29rem; }
	.site-footer__regal { width: 100%;  max-width: 315px; max-width: 31.5rem; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.site-footer__sns-list { padding: 0 30px;  padding: 0 3rem; }
	.site-footer__sns {   margin-top: 21px;  margin-top: 2.1rem;  text-align: center; }
	.site-footer__sns-link { width: 49px; width: 4.9rem; height: 50px; height: 5rem; }
	/*.site-footer__regal-item { margin: 0;  padding: 0; }*/
	.site-footer__regal-item a { font-size: 11px; font-size: 1.1rem; }


}

.site-footer__util .util-list {
    margin-left: 6px;
    margin-left: 0.6rem;
}
.site-footer__util .util-list li {
    display: inline-block;
    position: relative;
    padding: 0 7px;
    padding: 0 0.7rem;
    vertical-align: middle;
}
.site-footer__util .util-list a {
    display: block;
}
.site-footer__util [data-icon] { width: 30px;
    width: 3rem;
    height: 30px;
    height: 3rem;
    fill: #808080;
    vertical-align: middle; }
	.js-svg-icon svg {
    width: 100%;
    height: 100%;
}

/*footer 추가 종료*/