@charset "utf-8";

/* root */
:root {
 --gray-250 : #E8E8E8;
 ---gray_100: #F9FAFB;
}


/* Reset */
html,body{width:100%; height:100%; font-family: "Pretendard";}
html{overflow-y:scroll;font-size:13px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,figure, figcaption{margin:0;padding:0}
header,section,article,footer,time,nav{display:block;}
body{word-break:break-all; -ms-word-break:break-all;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input{border:none;box-sizing:border-box}
textarea {box-sizing:border-box}
input,select,button{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button,input[type="submit"]{cursor:pointer}
button{margin:0;padding:0;border:none;background:transparent;}
a{color:inherit;text-decoration:none;}
a:hover,a:focus,a:active{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus-visible {outline:3px solid;}
legend,caption{width:1px; height:1px; position:absolute; top:-9999em; left:-9999em; color:rgba(0,0,0,0); opacity:0;}
table{border-spacing:0;table-layout: fixed; width: 100%;}
input::-ms-clear{display:none}

.mt0 {margin-top:0px!important}
.mt05 {margin-top:5px!important}
.mt10 {margin-top:10px!important}
.mt15 {margin-top:15px!important}
.mt20 {margin-top:20px!important}
.mt25 {margin-top:25px!important}
.mt30 {margin-top:30px!important}
.mt35 {margin-top:35px!important}
.mt40 {margin-top:40px!important}
.mt45 {margin-top:45px!important}
.mt50 {margin-top:50px!important}
.mt55 {margin-top:55px!important}
.mt60 {margin-top:60px!important}
.mt65 {margin-top:65px!important}
.mt70 {margin-top:70px!important}
.mt75 {margin-top:75px!important}
.mt80 {margin-top:80px!important}
.mt85 {margin-top:85px!important}
.mt90 {margin-top:90px!important}
.mt95 {margin-top:95px!important}

.mb0 {margin-bottom:0!important}
.mb05 {margin-bottom:5px!important}
.mb10 {margin-bottom:10px!important}
.mb15 {margin-bottom:15px!important}
.mb20 {margin-bottom:20px!important}
.mb25 {margin-bottom:25px!important}
.mb30 {margin-bottom:30px!important}
.mb35 {margin-bottom:35px!important}
.mb40 {margin-bottom:40px!important}
.mb45 {margin-bottom:45px!important}
.mb50 {margin-bottom:50px!important}
.mb55 {margin-bottom:55px!important}
.mb60 {margin-bottom:60px!important}
.mb65 {margin-bottom:65px!important}
.mb70 {margin-bottom:70px!important}
.mb75 {margin-bottom:75px!important}
.mb80 {margin-bottom:80px!important}
.mb85 {margin-bottom:85px!important}
.mb90 {margin-bottom:90px!important}
.mb95 {margin-bottom:95px!important}

.mr0 {margin-right:0!important}
.mr05 {margin-right:5px!important}
.mr07 {margin-right:7px!important}
.mr10 {margin-right:10px!important}
.mr15 {margin-right:15px!important}
.mr20 {margin-right:20px!important}
.mr25 {margin-right:25px!important}
.mr30 {margin-right:30px!important}
.mr35 {margin-right:35px!important}
.mr40 {margin-right:40px!important}
.mr45 {margin-right:45px!important}
.mr50 {margin-right:50px!important}
.mr55 {margin-right:55px!important}
.mr60 {margin-right:60px!important}
.mr65 {margin-right:65px!important}
.mr70 {margin-right:70px!important}
.mr75 {margin-right:75px!important}
.mr80 {margin-right:80px!important}
.mr85 {margin-right:85px!important}
.mr90 {margin-right:90px!important}
.mr95 {margin-right:95px!important}

.ml0 {margin-left:0!important}
.ml05 {margin-left:5px!important}
.ml10 {margin-left:10px!important}
.ml15 {margin-left:15px!important}
.ml20 {margin-left:20px!important}
.ml25 {margin-left:25px!important}
.ml30 {margin-left:30px!important}
.ml35 {margin-left:35px!important}
.ml40 {margin-left:40px!important}
.ml45 {margin-left:45px!important}
.ml50 {margin-left:50px!important}
.ml55 {margin-left:55px!important}
.ml60 {margin-left:60px!important}
.ml65 {margin-left:65px!important}
.ml70 {margin-left:70px!important}
.ml75 {margin-left:75px!important}
.ml80 {margin-left:80px!important}
.ml85 {margin-left:85px!important}
.ml90 {margin-left:90px!important}
.ml95 {margin-left:95px!important}

.pl0{padding-left: 0!important}

.tal {text-align:left!important}
.tar {text-align:right!important}
.tac {text-align:center!important}

.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}

.bold {font-weight:600!important}

.flr{float: right!important}
.fll{float: left!important}

.clear{clear:both;height:0;}
.clearfix:after{content:''; display:block; clear: both;}

.underline { text-decoration:underline !important; }
.large	{ font-size:large !important; }
.larger	{ font-size:larger !important; }

.hidden,
.blind{width:1px; height:1px; opacity:0; color:rgba(0,0,0,0); position:absolute; top:-9999em; left:-9999em; text-indent:-9999em;}

/* slick 초기화 */
.slick-vertical .slick-slide, .slick-initialized .slick-slide{outline:none !important}

/* 모바일, pc 공통 동작  */
.mob_only {display:none;}
.pc_only {display:block;}

@media screen and (max-width: 768px) {
  .pc_only {display:none;}
  .mob_only {display:block;}
}

@media (hover : hover ) {
  a:hover {text-decoration:none; text-underline-position: under;}
}
/* hover 처리 */
a:focus-visible {outline: 2px dotted #000;}