@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
@font-face {
    font-family: 'Arita-dotum-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family:'NanumBarunGothic', 'sans-serif';
}

*:focus {
    outline: none;
}
:before,:after {
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    line-height:1.4;
}
html{font-size:62.5%;letter-spacing:-0.2px;}
body{font-size:1.4rem;}
body, th, td, input, select, textarea, button, code, kbd, pre, samp {
  font-family:'NanumBarunGothic', 'sans-serif';
  color: #444;
  line-height:1.5;font-weight:400;
}
img{
  image-rendering: -moz-crisp-edges;         /* Firefox */
                   image-rendering:   -o-crisp-edges;         /* Opera */
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
                   image-rendering: auto;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
ul, ol, dl {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, strong, th {
  font-weight: normal;
}

b {
  font-weight: bold;
}

a {
    color: inherit;
    text-decoration: none;
}
a:active, a:hover {
    text-decoration: none;
}
img{max-width:100%;}
input[type="text"],input[type="password"],textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
select{border-radius:0;}
select::-ms-expand{display: none;}
.hide {
  display: none
}
button{cursor:pointer;}
/* float */
.float .left{float:left;}
.float .right{float:right;}

.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}

/* vertical align */
.align_top{vertical-align:top}
.align_middle{vertical-align:middle}
.align_bottom{vertical-align:bottom}

/* text align */
.align_center{text-align:center !important;}
.align_left{text-align:left !important;}
.align_right{text-align:right !important;}

/* display */
.block {display:block !important;}
.il_block {display:inline-block !important;}
.hide {display:none !important;}
.screen_hide{position: absolute;text-indent: -9999px;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width:0 !important;
  height:0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  overflow: hidden !important
}

#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}

.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt7 {margin-top:7px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-top:100px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl50 {margin-left:50px !important;}

.pdl0{padding-left:0px !important;}
.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl12{padding-left:12px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr0{padding-right:0px !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}
.pdr60{padding-right:60px !important;}
.pdr70{padding-right:70px !important;}
.pdr80{padding-right:80px !important;}
.pdr90{padding-right:90px !important;}
.pdr100{padding-right:100px !important;}
.pdr110{padding-right:110px !important;}
.pdr120{padding-right:120px !important;}
.pdr130{padding-right:130px !important;}
.pdt10{padding-top:10px !important;}
.pdt30{padding-top:30px !important;}
.pdt50{padding-top:50px !important;}
.pdt60{padding-top:60px !important;}
.pdt70{padding-top:70px !important;}
.pdb30{padding-bottom:30px !important;}

.pdb0{padding-bottom:0px !important;}

.txt_underline{text-decoration:underline !important;}
.txt_red{color:#ea3d53 !important;}
.txt_bgreen{color:#8edac2 !important;}
.txt_blue{color:#0b68b4 !important;}
.txt_skyblue{color:#00a0e2 !important;}
.txt_orange{color:#ff683f !important;}

.bdb0{border-bottom:0 !important;}
.bdt0{border-top:0 !important;}

.bold{font-weight:600;}

/*셀렉트박스*/
select.type1{width:100%;background-color:#fff;padding-left:16px;background-repeat:no-repeat;background-position:right 10px center;background-size:16px;background-image:url('../images/common/icon_arrow_down_000.png');-webkit-appearance: none; 
-moz-appearance: none;appearance: none;border-radius: 0px;height:48px;padding-right:42px;border:1px solid #d0d0d0;font-size:1.4rem;width:100%;color:#333;}
select.type2{width:100%;background-color:#fff;padding-left:10px;background-image:url('../images/common/select2.png');background-position:right 10px center;background-repeat:no-repeat;background-size:11px auto;-webkit-appearance: none; 
-moz-appearance: none;
appearance: none;border-radius: 0px;background-color:#fff;
}
.ds_value.type1{display:block;width:100%;background-color:#fff;padding-left:9px;height:40px;line-height:40px;padding-right:42px;border:1px solid #e4e4e4;font-size:1.4rem;width:100%;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:3px;position:relative;}
.ds_value.type1:before{content:"";display:block;width:18px;height:18px;position:absolute;right:8px;top:50%;margin-top:-9px;background-repeat:no-repeat;background-position:center center;background-size:18px;background-image:url('../images/common/icon_arrow_down_000.png');opacity:0.5;}
.ds_value.type2{display:block;width:100%;background-color:#fff;padding-left:16px;background-repeat:no-repeat;background-position:right 16px center;background-size:16px;background-image:url('../images/common/icon_arrow_down_000.png');-webkit-appearance: none; 
border-radius: 0px;height:40px;line-height:40px;padding-right:38px;border:1px solid #d0d0d0;font-size:1.4rem;width:100%;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds_value.type3{display:block;background-color:#fff;padding-right:20px;position:relative; 
border-radius: 0px;height:28px;line-height:28px;font-size:1.4rem;width:100%;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds_value.type3:before{content:"";display:block;width:18px;height:18px;position:absolute;right:-4px;top:50%;margin-top:-9px;background-repeat:no-repeat;background-position:center center;background-size:18px;background-image:url('../images/common/icon_arrow_down_000.png');opacity:0.5;}

.ds_value.type4{display:block;background-color:#f0f0f0;padding-right:20px;position:relative;color:#222;font-size:1.5rem;font-weight:600;padding-left:18px;border-bottom:1px solid #d8d8d8;
border-radius: 0px;height:56px;line-height:56px;font-size:1.4rem;width:100%;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ds_value.type4:before{content:"";display:block;width:18px;height:18px;position:absolute;right:18px;top:50%;margin-top:-9px;background-repeat:no-repeat;background-position:center center;background-size:18px;background-image:url('../images/common/icon_arrow_down_000.png');opacity:0.5;}
.ds_value.type4.active:before{transform:rotate(-180deg);}


.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
 display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

#layout{max-width:650px;margin-left:auto;margin-right:auto;min-height:100vh;background-color:#fff;position:relative;}
#layout.grey{background-color:#f4f4f4;}
#layout.grey2{background-color:#f8f8f8;}
.container{padding-left:15px;padding-right:15px;}
.container:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container:before{display: table;content: "";*display: block;*overflow: hidden}

.container_sm{width:85%;margin-left:auto;margin-right:auto;}
.container_sm:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container_sm:before{display: table;content: "";*display: block;*overflow: hidden}

.container_md{width:90%;}
.container_md:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.container_md:before{display: table;content: "";*display: block;*overflow: hidden}


/*슬라이더*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.slider_form .slick-dots{}
.slider_form .slick-dots{text-align:center;}
.slider_form .slick-dots li{display:inline-block;}
.slider_form .slick-dots li button{text-indent:-999em;overflow:hidden;border:0;background-color:#e3e3e3;border-radius:50%;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.slider_form .slick-dots li.slick-active button{border:2px solid #1268b4;background-color:#fff;}
.slick-slider .slick-arrow{position:absolute;top:50%;display:inline-block;text-indent:-999em;overflow:hidden;}

/*레이어*/
.layer_form{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.layer_form .layer_box{position:absolute;left:50%;top:50%;transform:translate(-50%, -54%);max-width:95%;z-index:100;}
.layer_form .layer_box .layer_cnt{}
.layer_form .layer_box .lf_round{border-radius:12px 12px 0 0;overflow:hidden;}
.layer_form .layer_box .lf_content{background-color:#fff;}
.layer_form .layer_bg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.9);cursor:pointer;}
.layer_form.fixed_layer{position:fixed;overflow-y:auto;z-index:3000;left:0;top:0;width:100%;height:100%;text-align:center;}
.layer_form .blank{display:inline-block;width:0;height:100%;vertical-align:middle}

#layout label{cursor:pointer;margin:0;}
.checkbox{display:inline-block;padding-left:25px;min-height:18px;line-height:18px;position:relative;font-size:14px;color:#333;}
.checkbox span{width:18px;height:18px;position:absolute;left:0;top:0;background-color:#fff;border:1px solid #d0d0d0;
background-repeat:no-repeat;background-position:center center;background-size:18px;}
.checkbox input[type="checkbox"]{position:absolute;left:-999em;top:0;}
.checkbox input[type="checkbox"]:checked + span{background-color:#bd913e;border:1px solid #bd913e;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3E%3C/svg%3E");}

.checkbox2{display:inline-block;padding-left:25px;min-height:18px;line-height:18px;position:relative;font-size:14px;color:#333;}
.checkbox2 span{width:16px;height:16px;position:absolute;left:0;top:0;background-color:#fff;border:1px solid #999999;background-color:#999999;border-radius:50%;
background-repeat:no-repeat;background-position:center center;background-size:12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3E%3C/svg%3E");}
.checkbox2 input[type="checkbox"]{position:absolute;left:-999em;top:0;}
.checkbox2 input[type="checkbox"]:checked + span{background-color:#bd913e;border:1px solid #bd913e;}
.checkbox2.lg {padding-left:31px;}
.checkbox2.lg span{width:18px;height:18px;background-size:14px;}
.checkbox2.lg strong{font-weight:500;}
.checkbox2.center span{top:50%;margin-top:-9px;}

.radiobox{display:inline-block;padding-left:25px;min-height:18px;line-height:18px;position:relative;font-size:14px;color:#333;}
.radiobox span{width:18px;height:18px;position:absolute;left:0;top:0;background-color:#969696;border:1px solid #969696;border-radius:50%;}
.radiobox span:before{content:"";display:block;width:8px;height:8px;position:absolute;left:50%;top:50%;margin-top:-4px;margin-left:-4px;border-radius:50%;background-color:#fff;}
.radiobox input[type="radio"]{position:absolute;left:-999em;top:0;}
.radiobox input[type="radio"]:checked + span{background-color:#bd913e;border:1px solid #bd913e;}
.radiobox input[type="radio"]:checked + span:before{background-color:#fff;}

label.inline{margin-right:17px !important;display:inline-block !important;}

label input[type="checkbox"]:checked + span + strong{color:#bd913e;}
label input[type="radio"]:checked + span + strong{color:#bd913e;}


