/*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:16px;color:#000;line-height:1.8;letter-spacing: -0.04em;}
a{text-decoration:none;color:#333;}
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;}
a:active, a:focus, button:focus, button:active{outline-style: dotted !important; outline-color: #ccc !important;outline-width: 1px !important;}
.noto_serif{font-family: 'Noto Serif KR', serif;}
.img-responsive {display:block;max-width:100%;height:auto}
.ibm{font-family: 'IBM Plex Sans KR', sans-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;}

.m {display: none;}
.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: 5% !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: 5%;}
.mb_4 {margin-bottom: 10%;}
.mb_5 {margin-bottom: 15%;}
.mtb7{margin:7% 0;}
.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.8;color: #666;}
picture img {max-width:100%;margin:7% 0}
picture img.bottom {max-width:100%;margin:0 0 7% 0}

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