@charset "utf-8"; /* Reset CSS */

html {-ms-text-size-adjust:100%; /*2*/ -webkit-text-size-adjust:100%; -webkit-touch-callout:none;-webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{position:relative; overflow:auto; margin:0; padding:0; -webkit-text-size-adjust:none; font-size:100%; color:#212121; background-size:100%; letter-spacing:-0.025em; background:#fff/*#ececec*/; font-family: "SUIT", "Apple SD Gothic Neo", sans-serif; font-weight: 500;font-size: 14px;}
form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,legend,table,caption,tbody,tfoot,thead,tr,th,td{padding:0; margin:0; outline:0;box-sizing:border-box;}
table{border-spacing:0;}
article,aside,details,/*1*/figcaption,figure,footer,header,main,/*2*/menu,nav,section,summary {/*1*/  display:block;}
audio,canvas,progress,video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
progress {vertical-align:baseline;}
template,/*1*/[hidden] {display:none;}
a {background-color:transparent; text-decoration:none; color:#252525;}
a:active,a:hover {outline-width:0;}
a:link, a:visited, a:active, a:hover{}
abbr[title] {border-bottom none; /*1*/text-decoration underline; /*2*/text-decoration:underline dotted; /*2*/}
legend{display:none}
fieldset{border:0}
b,strong {font-weight:inherit;}

dfn {font-style:italic;}

h1 {font-size:2em; margin:0.67em 0;}
mark {background-color:#ff0; color:#000;}

small {font-size:80%;}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}
svg:not(:root) {overflow:hidden;}
code,kbd,pre,samp {/*1*/font-size:1em; /*2*/}
figure {margin:1em 40px;}
hr {box-sizing:content-box; /*1*/height:0; /*1*/overflow:visible; /*2*/}
button,input,select,textarea {font:inherit;}
input{text-indent:10px; font-size:0.813em; /*border:1px solid #eee; background-color:#fff; outline:0; *//*border:1px solid #ececec; border-radius:4px; width:100%; font-size:0.750em; height:24px; line-height:24px; text-indent:10px;*/}
placeholder{color:#adadad; text-align:left !important}
input,textarea,select{outline:0;font-size:15px;font-weight:400;}
input:placeholder{color:#adadad; text-align:left !important}
input::-webkit-input-placeholder{color:#adadad; text-align:left !important}
input::-ms-input-placeholder{color:#adadad; text-align:left !important}
input[type=text]:disabled {background: #f7f7f7; color:#bbb;}
progress {border:0 }
select:disabled {background: #f7f7f7;}

::-webkit-input-placeholder {/* WebKit browsers */ color: #bbb; }
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #bbb; }
::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #bbb; }
:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #bbb;}
/* IE10 이상을 위한 css */
input::placeholder {
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}

optgroup {font-weight:bold;}
button,input,/*1*/select {/*2*/overflow:visible;}
button,input,select,textarea {/*1*/margin:0;}
button,select {/*1*/text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"] {cursor:pointer;}
[disabled] {cursor:default;}
button,html [type="button"],/*1*/[type="reset"],[type="submit"] {-webkit-appearance:button; /*2*/}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
button:-moz-focusring,input:-moz-focusring {outline:1px dotted ButtonText;}
legend {box-sizing:border-box; /*1*/color:inherit; /*2*/display:table; /*1*/max-width:100%; /*1*/padding:0; /*3 */white-space:normal; /*1*/}
textarea {overflow:auto;}
[type="checkbox"],[type="radio"] {box-sizing:border-box; /*1*/padding:0; /*2*/}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
dl,ul,ol{list-style:none}
img{border-style:none; width:100%; height:auto; vertical-align:middle; margin:0; padding:0;}
.cu_po {cursor:pointer;}


input[type="checkbox"]{display:none;}
input[type="checkbox"] + label>span{display:inline-block;width:17px;height:17px;margin:-1px -7px 0 0px;vertical-align:middle;background:url(../img/p_re_off.png) left top no-repeat;cursor:pointer; background-size:34px 17px;}
input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.png) -17px top no-repeat; background-size:34px 17px;}


input[type="radio"] {display: none;}
input[type="radio"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/radio_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
input[type="radio"]:checked + label>span{background:url(../img/radio_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}



input[type="search"]::-webkit-search-cancel-button{color:#F00}
input[type=radio]{display:none;}
input.radio+label:before{content:""; display:inline-block; width:16px; height:16px; margin-right:10px; position:absolute; left:0; bottom:1px; background-color:#eeeeee; border-radius:10px; }
input[type=radio].radio:checked + label:before{height:6px; width:6px; background-color:#0d5d96; border:5px solid #eeeeee; border-radius:10px;}/*체크원*/
input[type=radio] {border:none !important; vertical-align:middle; margin-right:4px;}


input[type="search"]::-webkit-search-cancel-button{color:#F00}
input[type=radio]{display:none;}

input.radio+label:before{content:""; display:inline-block; width:20px; height:20px; margin-right:10px; position:absolute; left:0; bottom:1px; background-color:#eeeeee; border-radius:10px;}
input[type=radio].radio:checked + label:before{height:8px; width:8px; background-color:#fff; border:6px solid #3079fe; border-radius:10px;}/*체크원*/
input[type=radio] {border:none !important; vertical-align:middle; margin-right:4px;}

input[type=text],input[type=email],input[type=tel],input[type=password ],input[type=search], input[type=date], input[type=number]{width:100%; border:1px solid #e0e0e0; text-align:left; -webkit-appearance:none;  line-height:1/normal; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-color:#fff; box-sizing:border-box; vertical-align:middle;  /*color:#333!important;*/}
/* 안드로이드에서는 높이 조절이 안되기때문에 아래와 같이 디폴트로 유지한다. line-height:1 / normal;*/
select {padding-left:7px; color:#333!important}
i {font-style:normal;}

select {font-size:14px;font-weight:500;cursor:pointer;background:#fff url(../img/arrow_down_icon.svg) 97% 13px no-repeat;display:block;width:100%;border:1px solid #e0e0e0;box-sizing:border-box;border-radius: 10px;padding: 13px 10px;margin-bottom:10px;-webkit-appearance:none;moz-appearance:none;appearance:none;}
select::-ms-expand {opacity:0;}


/* 인풋 */
.input01 {font-size:14px;font-weight:500;cursor:pointer;background:#fff;display:block;width:100%;border:1px solid #e0e0e0;box-sizing:border-box;border-radius: 10px;padding: 13px 10px;margin-bottom:10px;}
.textarea01 {box-sizing:border-box;cursor:pointer;display:block;width:100%;border:1px solid #e0e0e0;border-radius: 10px;padding: 15px 10px;text-indent:0;}

.text03 {display:inline-block;font-size:12px;color:#979797;}


#header{padding:0 16px;}
#container{padding-bottom:90px}
.containfull {padding:0}
.contain {padding:0 16px;}

.padd_lef0 {padding-left:0 ! important;}
.padd_left16 {padding-left:16px ! important;}
.padd_right0 {padding-right:0 ! important;}
.padd_bott0 {padding-bottom:0 ! important;}
.padd_bott10 {padding-bottom:10px ! important;}

.mar_bott10 {margin-bottom:10px ! important;}
.mar_bott20 {margin-bottom:20px ! important;}
.mar_bott25 {margin-bottom:20px ! important;}
.mar_bott30 {margin-bottom:30px ! important;}
.mar_bott40 {margin-bottom:40px ! important;}
.mar_bott50 {margin-bottom:50px ! important;}


.padd_bot75 {padding-bottom:75px ! important;}
.padd_top0 {padding-top:0 ! important;}
.padd_top10 {padding-top:10px ! important;}
.padd_top20 {padding-top:20px ! important;}
.mar_top0 {margin-top:0 ! important;}
.mar_top10 {margin-top:10px ! important;}
.mar_top15 {margin-top:15px ! important;}
.mar_top20 {margin-top:20px ! important;}
.mar_top25 {margin-top:25px ! important;}
.mar_top30 {margin-top:30px ! important;}
.mar_top60 {margin-top:60px ! important;}
.mar_top65 {margin-top:65px ! important;}
.mar_top70 {margin-top:70px ! important;}
.mar_top75 {margin-top:75px ! important;}
.mar_top80 {margin-top:80px ! important;}

.txt_right {text-align:right;}
.bottline {border-bottom:1px solid #e0e0e0 ! important;}
.nobottline {border-bottom:none ! important;}