@charset 'utf-8'; 
 
/* reset */
html:root{border:none} 
html, body{width:100%; height:100%; margin:0; padding:0; -webkit-text-size-adjust:none}
html{overflow-y:scroll}
body{min-width:270px; background:#fff; font-size:1em; font-weight:400; line-height:1.5em; font-family:'Roboto','Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif; color:#1e1e1e; word-break:break-all; word-wrap:break-word}
table, pre, input, select, textarea, button{font-size:1em; line-height:1.5em; font-family:inherit; color:inherit; word-break:break-all; word-wrap:break-word}

html, body, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, 
div, dl, dt, dd, ul, ol, li, p, a, span,
h1, h2, h3, h4, h5, h6, 
form, fieldset, input, label, button, select, textarea, 
table, tbody, thead, th, td, details, pre, address, blockquote,  strong, b, i, em{margin:0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}
  @media all and (max-width:950px){
    body{font-size:0.938em}
  }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, menu, section{display:block}
h1, h2, h3, h4, h5, h6{font-size:1em; font-weight:400}
img, fieldset{max-width:100%; border:0; vertical-align:top}

a{background:transparent; color:inherit; text-decoration:none; cursor:pointer; vertical-align:top; outline:none}
a:hover{text-decoration:none}
a:focus, img:focus, input:focus, button:focus, textarea:focus{outline:0}
table{border-collapse:collapse; border-spacing:0}
ol, ul, li{list-style:none}

caption{display:none; text-indent:-9999px}
caption:after{display:block; clear:both; content:''}
caption{text-align:left}
caption legend{width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0}
 
blockquote, q{quotes:none}
blockquote::before, blockquote::after, q::before, q::after{content:''; content:none}
 
hr{display:none}

b, strong{font-weight:500}
b, strong, i{vertical-align:top}
address, caption, cite, code, dfn, em, i, strong, var{margin:0; padding:0; font-style:normal; }

/* reset forms */
legend{position:absolute; left:-99999px}
input{-webkit-border-radius:0; }
input[type="text"] , input[type="password"] , input[type="tel"] , input[type="button"] , input[type="submit"]{-webkit-appearance:none}
select{margin:0; padding:0; -webkit-border-radius:0; vertical-align:middle; cursor:pointer; }
button{border:0 none; cursor:pointer; overflow:visible; -webkit-appearance:none}
textarea{display:block; /*하단 여백생성 없애기*/-webkit-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; }

/* Forms style*/
  /* input */
input{display:inline-block; border:1px solid #ccc;  }
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"]{max-width:100%; height:50px; padding:0 20px; border-radius:8px; }
input:focus{border-color:#0c3d8d}
  /* input : placeholder*/
input::placeholder{color:#999; font-weight:300; opacity:1}
input::-webkit-input-placeholder{color:#999; font-weight:300;} 
input:-ms-input-placeholder{color:#999; font-weight:300;}
input:-moz-input-placeholder{color:#999; font-weight:300;}
  /* radio */
.radio_area{position:relative; height:auto; margin-left:40px; padding-left:30px; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.radio_area:first-of-type{margin-left:0}
.radio_area .radio_tit{display:inline-block; line-height:19px; vertical-align:top }
.radio_area input{position:absolute; opacity:0; cursor:pointer}
.radio_area .checkmark{display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; background:#fff; border:1px solid #ccc; border-radius:50%; transition:all 0.3s}
.radio_area .checkmark::after{display:none; position:absolute; top:4px; left:4px; width:10px; height:10px; background:#0c3d8d; border-radius:50%; content:"" }

.radio_area:hover input ~ .checkmark{background:#cdcdcd;} 
.radio_area input:checked ~ .checkmark{background:#fff; border-color:#0c3d8d} 
.radio_area input:checked ~ .checkmark::after{display:block}
  /* checkbox */
.checkbox_area{position:relative; padding-left:35px; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.checkbox_area input{position:absolute; opacity:0; cursor:pointer;}
.checkbox_area .checkmark{display:inline-block; position:absolute; top:3px; left:0; width:22px; height:22px; background:#fff; border:1px solid #ccc; transition:all 0.3s}
.checkbox_area .checkmark::after{display:none; position:absolute; top:3px; left:7px; width:5px; height:10px; border:solid #fff; border-width:0 3px 3px 0; background:#0c3d8d; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); content:"" }

.checkbox_area:hover input ~ .checkmark{background:#cdcdcd;} 
.checkbox_area input:checked ~ .checkmark{background:#0c3d8d;} 
.checkbox_area input:checked ~ .checkmark::after{display:block}
  /* text */
textarea{padding:20px; border:1px solid #ccc; border-radius:8px;}
textarea:focus{border:1px solid #0c3d8d}

textarea::placeholder{color:#999; font-weight:300; opacity:1}
textarea::-webkit-input-placeholder{color:#999; font-weight:300;} 
textarea:-ms-input-placeholder{color:#999; font-weight:300;}
textarea:-moz-input-placeholder{color:#999; font-weight:300;}


/* ul bullet */
.bullet_dot li{position:relative; margin:2px 0; padding-left:15px; line-height:1.4em}
.bullet_dot li:before{display:block; position:absolute; top:8px; left:3px; width:4px; height:4px; background:#494949; border-radius:50%; content:""}

/* Chrome, Safari용 스크롤 바*/
::-webkit-scrollbar{width:6px; height: 6px; background:#eeeff2}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display: block; height: 6px}
::-webkit-scrollbar-track{background: #efefef; -webkit-border-radius:6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)}
::-webkit-scrollbar-thumb{height: 30%; width:6px; background: rgba(0, 0, 0, .2); -webkit-border-radius: 6px; border-radius: 6px ; -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1)}


.popwrap ::-webkit-scrollbar{width:6px; height: 6px; background:#eeeff2; border-radius:0 4px 4px 0}


.b{font-weight:700 !important}
.b500{font-weight:500 !important}
.nobt{border-top:none !important}
.nomb{margin-bottom:0 !important}
.fl{float:left !important}
.fr{float:right !important}

.ac, .ac th, .ac td{text-align:center !important}
.al, .al th, .al td{text-align:left !important}
.ar, .ar th, .ar td{text-align:right !important}
.dot{padding:0 8px !important}

.ams{display:flex; justify-content:flex-start !important; align-items:center}
.amsb{display:flex; justify-content:space-between; align-items:center}
.bb0{width:100% !important; border-radius:0 0 4px 4px !important}
.bb1{border-radius:0 0 0 4px !important; border:1px solid #b2b3b6 !important; background:#b2b3b6 !important}
.bb2{border-radius:0 0 4px 0 !important; background:#929396 !important; border:1px solid #929396 !important}
 
.btn_nb{background:#253f7e !important; border:1px solid #253f7e !important; color:#fff !important}
.btn_bg{background:#0b9cb5 !important; border:1px solid #0b9cb5 !important; color:#fff !important}
.btn_w{background:#fff !important; border:1px solid #999 !important; color:#555 !important}
.btn_wb{background:#fff !important; border:1px solid #253f7e !important; color:#253f7e !important}
.btn_g3{background:#333 !important; border:1px solid #333 !important; color:#fff !important}
.btn_g4{background:#444 !important; border:1px solid #444 !important; color:#fff !important}
.btn_g45{background:#454545 !important; border:1px solid #444 !important; color:#fff !important}
.btn_g5{background:#555 !important; border:1px solid #555 !important; color:#fff !important}
.btn_g6{background:#666 !important; border:1px solid #666 !important; color:#fff !important}
.btn_g7{background:#777 !important; border:1px solid #777 !important; color:#fff !important}
.btn_g8{background:#888 !important; border:1px solid #888 !important; color:#fff !important}
.btn_g9{background:#999 !important; border:1px solid #999 !important; color:#fff !important}
.btn_ga{background:#aaa !important; border:1px solid #aaa !important; color:#fff !important}
.btn_yg{background:#98c23a !important; border:1px solid #98c23a !important; color:#fff !important}

.diblock{display:inline-block !important}
.dblock{display:block !important}
.none{display:none !important} 

.co_g0{color:#000 !important}
.co_g9{color:#999 !important}
.co_g8{color:#888 !important}
.co_g7{color:#777 !important}
.co_r{color:#ff4242 !important}
.co_b{color:#2c54b4 !important}
.co_nb{color:#253f7e !important}
.co_bg{color:#0b9cb5 !important}
.co_yg{color:#98c23a !important}
.plus{color:#ff4242 !important}
.minus{color:#2c54b4 !important}

/* width : % */
.w80{width:80px !important}
.w120{width:120px !important}
.w150{width:150px !important}
.w180{width:180px !important}

.w15p{width:15% !important}
.w17p{width:17% !important}
.w18p{width:18% !important}
.w19p{width:19% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w36_8p{width:36.8% !important}

.w40p{width:40% !important}
.w48p{width:48% !important}
.w49p{width:49% !important}
.w49_5p{width:49.5% !important}
.w50p{width:50% !important}
.w52p{width:52% !important}
.w55p{width:55% !important}
.w56p{width:56% !important}
.w57p{width:57% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w85p{width:85% !important}
.w86p{width:86% !important}
.w87p{width:87% !important}
.w90p{width:90% !important}
.w91p{width:91% !important}
.w92p{width:92% !important}
.w93p{width:93% !important}
.w95p{width:95% !important}
.w96p{width:96% !important}
.w97p{width:97% !important}
.w98p{width:98% !important}
.w98_7p{width:98.7% !important}
.w99p{width:99% !important}
.w99_7p{width:99.7% !important}
.w99_8p{width:99.8% !important}
.w100p{width:100% !important}

 
.h100p{height:100% !important}

.min_h56{min-height:56px !important}
.min_h60{min-height:60px !important}
.min_h150{min-height:150px !important}

/* margin */
.mt0{margin-top:0px !important}
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt5{margin-top:5px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt22{margin-top:22px !important}
.mt23{margin-top:23px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}

.mb30{margin-bottom:30px !important}

.pl0{padding-left:0 !important}
.pl2{padding-left:2px !important}
.pl5{padding-left:5px !important}
.pl8{padding-left:8px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}

.pr5{padding-right:5px !important}

.pt0{padding-top:0 !important}
.pt3{padding-top:3px !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt12{padding-top:12px !important}
.pt15{padding-top:15px !important}
.pt25{padding-top:25px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}
.pb40{padding-bottom:40px !important}
.pb50{padding-bottom:50px !important}



.none_max400{display:inline-block !important}
.block_max400{display:none !important}

@media all and (max-width:400px){
.none_max400{display:none !important}
.block_max400{display:block !important}
}