@charset "utf-8";.snloSelForm .selectFormBox .selForm,.snloSelForm .selectFormBox .inputForm,.snloListWrap tbody td,.snloViewWrap .titWrap .date,.snloViewWrap .contentWrap *,.snloViewWrap .attachWrap dd,.snloViewWrap .pagingBox .jumpPage dd{font-family:'HyundaiHRegular','KanitRegular'}
.snloSelForm .selectFormBox .searchBtn,.snloListWrap thead tr th,.snloViewWrap .titWrap .tit,.snloViewWrap .attachWrap dt,.snloViewWrap .pagingBox .jumpPage dt,.snloViewWrap .btnWrap .btn{font-family:'HyundaiMedium','KanitMedium'}
.snloSelForm{padding:40px 0;margin:0 -25px;background-color:#f6f3f2}
.snloSelForm .selectFormBox fieldset{display:flex;width:766px;margin:0 auto}
.snloSelForm .selectFormBox .selForm select,.snloSelForm .selectFormBox .inputForm input,.snloSelForm .selectFormBox .searchBtn .btn{height:44px}
.snloSelForm .selectFormBox .selForm{width:200px;flex:none}
.snloSelForm .selectFormBox .inputForm{width:100%}
.snloSelForm .selectFormBox .searchBtn{width:140px;flex:none}
.snloListWrap{margin:50px auto 0;max-width:1120px}
.snloListWrap .snloList{margin-bottom:80px}
.snloListWrap table{width:100%;table-layout:fixed;border-top:2px solid #e4dcd3}
.snloListWrap table tr{font-size:16px;text-align:center;line-height:20px;border-bottom:1px solid #e4dcd3}
.snloListWrap table th,.snloListWrap table td{padding:24px 20px}
.snloListWrap table thead tr{background-color:#f6f3f2}
.snloListWrap table thead tr th{font-weight:normal;letter-spacing:.32px}
.snloListWrap table tbody td{letter-spacing:.24px}
.snloListWrap table td.title a{overflow:hidden;display:block;text-align:left;white-space:nowrap;text-overflow:ellipsis}
.snloListWrap table td.update{color:#666}
.snloViewWrap{margin:100px auto 0;max-width:1120px}
.snloViewWrap .titWrap{padding-bottom:40px;border-bottom:1px solid #666}
.snloViewWrap .titWrap .tit{font-size:24px;line-height:1.25;letter-spacing:.48px}
.snloViewWrap .titWrap .date{margin-top:6px;color:#666;font-size:14px;line-height:1.71;letter-spacing:.28px}
.snloViewWrap .contentWrap{padding:40px 0;font-size:14px}
.snloViewWrap .contentWrap p{line-height:1.71;letter-spacing:.28px}
.snloViewWrap .contentWrap img{max-width:100%}
.snloViewWrap .attachWrap{margin-bottom:40px;padding:16px 0;display:flex;background-color:#f6f3f2}
.snloViewWrap .attachWrap dt,.snloViewWrap .attachWrap dd a{font-size:14px;line-height:18px}
.snloViewWrap .attachWrap dt{padding:0 10px 0 30px;flex:none}
.snloViewWrap .attachWrap dd{width:100%}
.snloViewWrap .attachWrap ul{display:flex;flex-wrap:wrap}
.snloViewWrap .attachWrap ul li{position:relative;padding:0 30px}
.snloViewWrap .attachWrap ul li::after{content:'';position:absolute;right:0;top:2px;width:1px;height:14px;background-color:#666}
.snloViewWrap .attachWrap ul li:last-child:after{content:none}
.snloViewWrap .pagingBox{padding:0 30px;border:1px solid #e4dcd3}
.snloViewWrap .pagingBox .jumpPage{position:relative;display:flex}
.snloViewWrap .pagingBox .jumpPage:after{display:block;position:absolute;top:50%;right:0;width:12px;height:8px;margin-top:-4px;background:url("../../../images/common/ico-toggle-down.png") no-repeat center center;background-size:12px;content:""}
.snloViewWrap .pagingBox .jumpPage.prev:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.snloViewWrap .pagingBox .jumpPage dt,.snloViewWrap .pagingBox .jumpPage dd a,.snloViewWrap .pagingBox .jumpPage dd p{font-size:16px;line-height:20px;letter-spacing:.32px}
.snloViewWrap .pagingBox .jumpPage dt{padding:15px 0;flex:none;width:109px}
.snloViewWrap .pagingBox .jumpPage dd{overflow:hidden;padding:15px 25px 0 0;width:100%}
.snloViewWrap .pagingBox .jumpPage dd a{overflow:hidden;display:block;width:100%;text-overflow:ellipsis;white-space:nowrap}
.snloViewWrap .pagingBox .jumpPage ~ .jumpPage{border-top:1px solid #e4dcd3}
.snloViewWrap .btnWrap{padding-top:80px;text-align:center}
.snloViewWrap .btnWrap .btn{width:200px}
@media screen and (max-width:1024px){.snloSelForm{padding:20px}
.snloSelForm .selectFormBox{margin:0}
.snloSelForm .selectFormBox fieldset{width:100%}
}
@media screen and (max-width:767px){.snloSelForm{padding:10px 15px 20px;margin:0 -15px}
.snloSelForm .selectFormBox fieldset{display:block}
.snloSelForm .selectFormBox .selForm{width:100%}
.snloSelForm .selectFormBox .inputForm{width:100%}
.snloSelForm .selectFormBox .searchBtn{width:100%;padding-top:10px}
.snloSelForm .selectFormBox .selForm select,.snloSelForm .selectFormBox .inputForm input{height:35px}
.snloSelForm .selectFormBox .searchBtn .btn{height:50px;font-size:12px}
.snloListWrap{margin:40px 0 0}
.snloListWrap .snloList{margin-bottom:40px}
.snloListWrap table,.snloListWrap table tbody,.snloListWrap table tr,.snloListWrap table td{display:block}
.snloListWrap table{border-top-color:#000}
.snloListWrap table tr{font-size:14px;text-align:left;line-height:1.5;border-bottom-color:#999}
.snloListWrap table th,.snloListWrap table td{padding:0}
.snloListWrap table thead{display:none}
.snloListWrap table tbody tr{padding:10px 0}
.snloListWrap table tbody td{letter-spacing:.21px}
.snloListWrap table td.no{display:none}
.snloListWrap table td.title a{white-space:inherit;text-overflow:inherit}
.snloListWrap table td.update{margin-top:6px}
.snloViewWrap{margin:40px auto 0}
.snloViewWrap .titWrap{padding-bottom:30px}
.snloViewWrap .titWrap .tit{font-size:16px;line-height:1.38;letter-spacing:.32px}
.snloViewWrap .titWrap .date{margin-top:7px;line-height:1.5;letter-spacing:.21px}
.snloViewWrap .contentWrap{padding:30px 0;font-size:12px}
.snloViewWrap .contentWrap p{line-height:1.42;letter-spacing:.24px}
.snloViewWrap .attachWrap{margin-bottom:30px;padding:10px 0;align-items:center}
.snloViewWrap .attachWrap dt,.snloViewWrap .attachWrap dd a{font-size:12px;line-height:15px;letter-spacing:.24px}
.snloViewWrap .attachWrap dt{padding:0 20px}
.snloViewWrap .attachWrap dd{padding-left:20px;border-left:1px solid #666}
.snloViewWrap .attachWrap ul{display:block}
.snloViewWrap .attachWrap ul li{padding:0;width:100%}
.snloViewWrap .attachWrap ul li::after{content:none}
.snloViewWrap .attachWrap ul li ~ li{margin-top:10px}
.snloViewWrap .pagingBox{padding:0 15px;border-color:#e2dcd4}
.snloViewWrap .pagingBox .jumpPage dt,.snloViewWrap .pagingBox .jumpPage dd a,.snloViewWrap .pagingBox .jumpPage dd p{font-size:12px;line-height:15px;letter-spacing:.24px}
.snloViewWrap .pagingBox .jumpPage dt{padding:9px 0;flex:none;width:45px}
.snloViewWrap .pagingBox .jumpPage dd{padding:9px 25px 0 0}
.snloViewWrap .pagingBox .jumpPage ~ .jumpPage{border-top:1px solid #e2dcd4}
.snloViewWrap .btnWrap{padding-top:40px}
.snloViewWrap .btnWrap .btn{width:100%}
}