/*reset*/
body{overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, p, ul, li,button,dl,dt,dd,form,fieldset,legend,table,thead,tbody,tfoot,tr,td,th,span{font-family: 'Noto Sans KR', sans-serif;margin:0; padding:0; word-break:keep-all;}
em,address{font-style:normal;}
ul, li{list-style:none;}
button{border:0;background:none;cursor:pointer;}
button>span{-ms-transform: translate(0px, -0.5px);}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-text-size-adjust:none;/*ios*/}
a, img{border:0;}

img{font-size: 0; padding:0; margin:0;}
fieldset{border:0;}
legend{display:none;}
body,html,button,select,input{font-family: 'Noto Sans KR', sans-serif;font-size:15px;color:#000;line-height:1.3;letter-spacing: -0.05em;}
a{text-decoration:none;color:#333;outline:none; overflow: hidden;}
/*a:active, a:focus, button:focus, button:active{outline-style: dotted !important; outline-color: #ccc !important;outline-width: 1px !important;}*/
a:focus { outline:none; }
fieldset{border:0;}
legend{display:none;}
table{width: 100%;table-layout:fixed; margin:0; padding:0; border:0; border-collapse: collapse; border-spacing: 0;}
table caption{display:none;}
.noto_serif{font-family: 'Noto Serif KR', serif;}

/* basic style */
.center {text-align: center !important;}
.left {text-align: left !important;}
.right {text-align: right !important;}
.col_left {float: left !important;}
.col_right {float: right !important;}
.flex {display:flex;}
.flex_lr {justify-content:space-between;gap: 2vw;}

.m {display: none !important;}
.ch_img{display:inline-block;font-size: 0;text-indent: -9999px;overflow: hidden;}
.outer{padding-left:5%;padding-right:5%;transition:0.3s;}
.relative{position:relative;}
.clearfix:after{display:block;content:'';clear:both;visibility: hidden;}
.font_c1 {color: #980438}
.inner {width: 1400px; max-width: 90%; margin:0 auto; }
.Shortening { display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Shortening2 { white-space: normal; line-height: 1.4; height: 2.8em; overflow: hidden; text-align: left; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.no_mg {margin: 0 !important}
.ml_0 {margin-left: 0 !important;}
.mt_0 {margin-top: 0 !important;}
.mt_1 {margin-top: 10px !important;}
.mt_2 {margin-top: 25px !important;}
.mt_3 {margin-top: 50px !important;}
.mt_4 {margin-top: 75px;}
.mt_5 {margin-top: 100px;}
.mb_1 {margin-bottom: 10px;}
.mb_2 {margin-bottom: 25px;}
.mb_3 {margin-bottom: 50px;}
.mb_4 {margin-bottom: 75px;}
.mb_5 {margin-bottom: 100px;}

.no_pd {padding: 0 !important}
.pt_0 {padding-top: 0 !important;}
.pt_1 {padding-top: 10px !important;}
.pt_2 {padding-top: 25px !important;}
.pt_3 {padding-top: 50px !important;}
.pt_4 {padding-top: 75px;}
.pt_5 {padding-top: 100px;}
.pb_1 {padding-bottom: 10px;}
.pb_2 {padding-bottom: 25px;}
.pb_3 {padding-bottom: 50px;}
.pb_4 {padding-bottom: 75px;}
.pb_5 {padding-bottom: 100px;}

.col {position: relative;}
.col:after {clear: both; content: ""; display: block; visibility: hidden;}
.col  > li {float: left;padding: 0;}
.col.sp  > li > p,
.col.sp  > li > div,
.col.sp  > li > a {margin: 0 5%;}
.col2 > li {width: 50%}
.col3 > li {width: 33.33333333%;}
.col4 > li {width: 25%}
.col5 > li {width: 20%}

.w90p {width:90%;margin:auto}

p {font-size: 18px;line-height:1.7;margin-top: 20px;color: #666;}
picture img {max-width:100%;}

@media (max-width:1400px){
  .col5 > li{width: 33.33333%}
  p {font-size: 15px;}
  .col3 > li{width: 50%}
}

@media (max-width:1024px){
  .m {display: block !important;!;}
  .pc {display: none !important;!;}
}

@media (max-width:800px){
  p {font-size: 14px;}
  .col2 > li{width: 100%}
  .col4 > li{width: 50%}
  .col5 > li{width: 50%}
}
@media (max-width:600px){
  .col2 > li,.col3 > li,.col4 > li {width: 100%}
  .col5 {width:94vw; margin:auto;}
  .col5 > li{width: 50%}
}