@charset "UTF-8";

.accessibility a { position: absolute; top: -99px; left: 0; background-color: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }

.accessibility a:hover, .accessibility a:focus, .accessibility a:active { display: block; top: 0; }

.eg_info {position: relative; z-index: 100; background-color: #434450;}
.eg_info p {max-width: 1024px;  margin: 0 auto; color: #fff; font-weight: 400; font-size: 12px; line-height: 32px; text-align: left; letter-spacing: -0.05em; padding: 0 10px;}
.eg_info p img {vertical-align: middle; margin-right: 3px; margin-top: -1px;}

body { letter-spacing: -0.001em; /*overflow: hidden;*/}
body.active { overflow: hidden; }

.container { max-width: 1024px; margin-left: auto; margin-right: auto; position: relative; }
.container::after { content: ""; clear: both; display: table; }

#ark { z-index: 9 !important; width: auto !important; left: 0 !important; right: 0 !important; margin: 0 auto; }
#ark .ark_wrap { width: auto !important; left: 0 !important; right: 0 !important; border: 1px solid #aaa; background-color: #f3f3f3; display: none; }
#ark .ark_wrap ul { margin: 0; padding: 0; width: auto !important; display: block !important;}
#ark .ark_wrap ul li { position: relative; margin: 0; padding: 0; list-style: none; }
#ark .ark_wrap .ark_content { border-bottom: 1px solid #aaa; background-color: #fff; overflow-x: hidden; overflow-y: auto; text-align:left;}
#ark .ark_wrap .ark_content li { color: #777; width: 100%; padding: 10px !important; margin: 1px; list-style: none; font-size: 12px;}
#ark .ark_wrap .ark_content li strong { color: #ea8d07; font-weight: 500; }
#ark .ark_wrap .ark_content button {position: relative !important; top: auto !important; right: auto !important; width: auto !important; height: auto !important; background-color: transparent !important; font-size: 13px !important; line-height: 1 !important; border: none !important; padding: 0 !important;}
#ark .ark_wrap .ark_content button:after {display: none;}
#ark .ark_wrap .ark_content button:before {display: none;}
#ark .ark_wrap .ark_content .dir-line { padding: 0; }
#ark .ark_wrap .ark_footer { position: relative; width: 100% !important; font-size: 11px; height: 30px; text-align: center; background-color: #f3f3f3; margin-left: 0px; border-left: none; border-right: none; }
#ark .ark_wrap .ark_footer a { color: #666; text-decoration: none; }
#ark .ark_wrap .ark_footer .left { float: left; margin-left: 5px; }
#ark .ark_wrap .ark_footer .right { float: right; margin-right: 10px; }
#ark .ark_wrap .ark_footer label {overflow: visible !important; width: auto !important; height: auto !important; font-size: 13px !important; line-height: 1 !important; visibility: visible !important; text-indent: 0 !important;}
#ark .ark_wrap .ark_footer button {position: relative !important; top: auto !important; right: auto !important; width: auto !important; height: auto !important; background-color: transparent !important; font-size: 13px !important; line-height: 1 !important;}
#ark .ark_wrap .ark_footer button:after {display: none;}
#ark .ark_wrap .ark_footer button:before {display: none;}

/* ========== header ========== */
header { z-index: 1; border-bottom: 1px solid #f2f4f7; }
header .container { height: 54px; padding: 10px 0; position: relative; z-index: 100; }
header .logo { width: 85px; height: 34px; margin: 0 auto; }
header .logo a { display: block; }
header .logo a img { vertical-align: top; }
header .mob-btn { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; font-weight: bold; color: #040707; }
header .mob-btn.close { left: 120px; top: 10px; -webkit-transform: translateY(0); transform: translateY(0); color: #fff; }
header .lnb { position: absolute; left: 0px; top: -32px; bottom: 0; width: 290px; z-index: 100; display: block; opacity: 0; visibility: hidden;}
header .lnb::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background-color: #fff; opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }
header .lnb::after { content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all .3s ease; transition: all .3s ease; }
header .lnb.active { left: 0; opacity: 1; visibility: visible; }
header .lnb.active::before, header .lnb.active::after, header .lnb.active .nav::after { opacity: 1; visibility: visible; }
header .lnb.active .mob-btn.close { left: 295px; -webkit-transition: all .2s; transition: all .2s; }
header .lnb .util { border-bottom: 1px solid #dee2e6; padding: 10px 10px 10px 0; position: relative; z-index: 3; display: flex;}
header .lnb .util .link {flex:none;}
header .lnb .util .link a { display: inline-block; vertical-align: middle; }
header .lnb .util .home { margin-left: 10px; width: 60px; }
header .lnb .util .bh { margin: 0 10px; }
header .lnb .util .bh i { display: block; width: 41px; height: 34px; background: url("../images/common/gnb_icon.png") no-repeat -12px 50%/auto 19px; }
header .lnb .util .president {vertical-align: middle;}
header .lnb .util .president i:before {content: ''; display: block; width: 27px; height: 26px; background: url("../images/common/president.png") 0 0 no-repeat; background-size: 100%; vertical-align: middle;}
header .lnb .util .sns {margin-left: auto; margin-top: 3px;}
header .lnb .util .sns a ~ a { margin: 0; }
header .lnb .nav { width: 110px; height: 100%; position: absolute; z-index: 3;}
header .lnb .nav::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 110px; background-color: #363378; z-index: -1; }
header .lnb .nav::before { content: ''; position: absolute; left: 0; top: 0; width: 110px; height: 100vh; background: linear-gradient(to top, #363378 0%, #c21d21 99%); z-index: 1; }
header .lnb .nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; z-index: 2;}
header .lnb .nav > li > a { font-size: 15px; font-weight: 500; color: #ffbfaf; padding: 20px 10px; display: block; text-align: center; }
header .lnb .nav > li > a[target="_blank"]::after { content: '\e980'; display: inline-block; font-family: "xeicon"; font-size: 14px; margin-left: 2px; }
header .lnb .nav > li ul { opacity: 0; visibility: hidden; position: absolute; left: 110px; top: 20px; width: 180px; }
header .lnb .nav > li ul li a { display: block; color: #212529; font-size: 14px; padding: 10px; }
header .lnb .nav > li ul li a[target="_blank"]::after { content: '\e980'; display: inline-block; font-family: "xeicon"; font-size: 13px; margin-left: 2px; }
header .lnb .nav > li ul::before { content: ''; display: block; position: absolute; left: -14px; top: 10px; border: 7px solid transparent; border-right-color: #fff; }
header .lnb .nav > li.active > a { color: #fff; -webkit-transition: all .2s; transition: all .2s; }
header .lnb .nav > li.active ul { opacity: 1; margin-top: -10px; visibility: visible; -webkit-transition: all .3s ease .2s; transition: all .3s ease .2s; }

header .sch-btn { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: bold; color: #0054a6; }
header .sch-btn.close i::before { content: '\e9af'; color: #fff; }

header .sch-layer { display: none; position: absolute; left: 0; top: -34px; right: 0; bottom: 0; z-index: 200;}
header .sch-layer:before { content: ''; display: block; background-color: #c21d21; width: 10000%; height: 200px; position: absolute; left: -100%; top: 0; z-index: 1; }
header .sch-layer:after { content: ''; display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(242, 244, 247, 0.9);}
header .sch-layer.on { display: block; }
header .sch-layer .container { padding: 20px 15px; height: auto; min-height: 200px; }
header .sch-layer .container:before { content: ''; display: block; background: linear-gradient(to right, #c21d21 0%, #363378 99%); width: 100%; height: 200px; position: absolute; left: 0; top: 0;}
header .sch-layer .container:after { content: ''; display: block; background-color: #363378; width: 100%; height: 200px; position: absolute; left: 50%; top: 0; z-index: -1; transform: skewX(-40deg); }

header .sch-layer h1 { color: #fff; font-size: 20px; font-weight: 700; margin-bottom: 25px; display: inline-block; position: relative; z-index: 2;}
header .sch-layer h1 img { width: 68px; }
header .sch-layer h1 span { margin-left: 15px; display: inline-block; vertical-align: middle; }

header .sch-layer .btn-close { position: absolute; right: 15px; top: 10px; font-size: 28px; color: #fff; }

header .sch-layer .form-box { display: block; position: relative; }
header .sch-layer .form-box fieldset { display: flex; justify-content: center; align-items:center;}
header .sch-layer .sch { position: relative; max-width: 400px; flex: 1;}
header .sch-layer .sch input[type="text"] { width: 100%; vertical-align: top; font-size: 15px; color: #868e96; border-radius: 0; border: 0; padding: 15px 80px 15px 20px; }
header .sch-layer .sch .submit { color: #c21d24; font-size: 30px; position: absolute; right: 10px; top: 5px; }
header .sch-layer .sch .clear_input {position: absolute; top: 50%; right: 40px; transform: translateY(-50%); width: 40px; height: 38px; font-size: 0; line-height: 0;}
header .sch-layer .sch .clear_input:after {content:"\e924"; display: inline-block; font-family: 'xeicon'; font-size: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #78909c;}

header .sch-layer .detail {}
header .sch-layer .detail .dtl_sch_open {white-space: nowrap; height: 52px; font-size: 16px; font-weight: 400; color: #fff; transition: all 0.3s; margin-left: 20px;}
header .sch-layer .detail .dtl_sch_open span:after {content: "\e936"; font-family: "xeicon"; }
header .sch-layer .detail .dtl_sch_open span i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
header .sch-layer .detail .dtl_sch_open.active {color: #fff;}
header .sch-layer .detail .dtl_sch_open.active span:after {content: "\e930";}
header .sch-layer .detail .detail_sch_post {position: absolute; left: -15px; right: -15px; background-color: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .3); max-width: 600px; margin: 35px auto 0 auto; display: none;}
header .sch-layer .detail .tab_nav {position: relative; margin: 0 auto; text-align: center; font-size: 0; padding: 0 10px}
header .sch-layer .detail .tab_nav:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #cfd2dc;}
header .sch-layer .detail .tab_nav li {display: inline-block;}
header .sch-layer .detail .tab_nav li a {position: relative; padding: 25px 20px; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; display: inline-block; color: #181818; z-index: 2;}
header .sch-layer .detail .tab_nav li a:after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 2px solid transparent; transition: all .2s;}
header .sch-layer .detail .tab_nav li.on a:after {border-bottom: 4px solid #1974dd;}
header .sch-layer .detail .tab_cont_wrap {padding: 20px 15px;}
header .sch-layer .detail .tab_cont_wrap .post {border: 1px solid #ddd; padding: 3px; background-color: #fff; overflow: hidden;}
header .sch-layer .detail .tab_cont_wrap .post .box {width: 100%; overflow-y: auto; overflow-x: hidden; max-height: 250px; padding: 10px 15px;}
header .sch-layer .detail .tab_cont_wrap .post .box::-webkit-scrollbar {width:5px;}
header .sch-layer .detail .tab_cont_wrap .post .box::-webkit-scrollbar-thumb {width:100%; border-radius:5px; background:#6b778a;}
header .sch-layer .detail .tab_cont_wrap .post strong {display: block; font-weight: 500; color: #000; text-align: left; font-size: 18px; margin-bottom: 10px; letter-spacing: -0.05em;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li {padding:3px 0 3px 0; position:relative;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li > label {z-index: 2;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li > ul {position:relative; padding:5px 0 0 0; overflow:hidden;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li > ul > li {position:relative; padding:3px 0 3px 25px;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li > ul > li:before {content:''; position:absolute; left:10px; bottom:0; width:1px; height:100px; background-color:#ddd;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li > ul > li:last-child:before {height:14px; bottom:auto; top:0;}
header .sch-layer .detail .tab_cont_wrap .post .box ul > li > ul > li:after {content:''; position:absolute; top:12.5px; left:10px; width:15px; height:1px; background-color:#ddd;}
header .sch-layer .detail .tab_cont_wrap #detailSchCont1 .post {border: none; padding: 0; background-color: transparent; }
header .sch-layer .detail .tab_cont_wrap .post .sort ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
header .sch-layer .detail .tab_cont_wrap .post .sort ul > li {padding: 0 1px; flex:1; white-space: nowrap;}
header .sch-layer .detail .tab_cont_wrap .post .sort ul > li > button {position: relative; display: inline-block; font-weight: 400; letter-spacing: -0.025em; font-size: 14px; color: #757575; background-color: #fff; padding: 8px 10px; width: 100%; text-align: center; border: 1px solid #ddd;}
header .sch-layer .detail .tab_cont_wrap .post .sort ul > li > button span {position: relative;}
header .sch-layer .detail .tab_cont_wrap .post .sort ul > li > button.on {background-color: #1974dd; border: 1px solid #1974dd; color: #fff;}
header .sch-layer .detail .tab_cont_wrap .post .sort ul > li > button.on span:after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #fff;}
header .sch-layer .detail .tab_cont_wrap .post .sort li.period {width: 100%; padding-top: 10px; flex:auto;}
header .sch-layer .detail .tab_cont_wrap .post .sort li.period label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
header .sch-layer .detail .tab_cont_wrap .post .sort li.period > span { position: relative; float: left; padding: 0 30px 0 0; border: 1px solid #ddd; background-color: #fff; width: calc(50% - 13px);}
header .sch-layer .detail .tab_cont_wrap .post .sort li.period > span > input {padding: 0 0 0 10px; width: 99px; height: 37px; vertical-align: middle; border: none; font-size: 14px; }
header .sch-layer .detail .tab_cont_wrap .post .sort li.period > span > button {position: absolute; top: 0; bottom: 0; right: 0; display: block; width: 35px; background: url("../images/sub/icon_cal.png") no-repeat center center; border: none;}
header .sch-layer .detail .tab_cont_wrap .post .sort li.period > span > button i { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
header .sch-layer .detail .tab_cont_wrap .post .sort li.period > em {float: left; width: 26px; padding-top: 10px; text-align: center;}
header .sch-layer .detail .tab_cont_wrap .post .sort + .title {margin-top: 25px;}
header .sch-layer .detail .tab_cont_wrap .post .sort + .title + .sort {margin-bottom: 15px;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"],
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; }
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"] + label,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label { position: relative; padding-left: 25px; cursor: pointer; letter-spacing: -1px; display: inline-block; font-weight: 400;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"] + label span,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label span { display: inline-block;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"] + label:before,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: #fff; border: 1px solid #ddd; cursor: pointer; transition: all .2s; line-height: 1;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"] + label:after,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label:after { opacity: 0; position: absolute; z-index: 2; transition: all .2s; }
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"] + label:after,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label:after { content: ""; font-family: "xeicon"; display: block; color: #1974dd; line-height: 1;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"] + label:after { content: "\e929"; font-size: 21px; left: 0; top: 0; font-weight: bold;}
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label:before { border-radius: 50%; width: 19px; height: 19px; top: 1px;}
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"] + label:after { opacity: 0; background-color: #2889ed; left: 5px; top: 6px; width: 9px; height: 9px; border-radius: 50%; z-index: 1;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"]:checked + label,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"]:checked + label { color: #1974dd;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"]:checked + label:after,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"]:checked + label:after { opacity: 1;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"]:checked + label:before,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"]:checked + label:before {background-color: #fff;}
header .sch-layer .detail .tab_cont_wrap .post input[type="checkbox"]:focus + label,
header .sch-layer .detail .tab_cont_wrap .post input[type="radio"]:focus + label { outline: 1px solid #95b9f2; }
header .sch-layer .detail .select-opt {position: relative; width: 100%; padding: 0 15px 13px 15px;}
header .sch-layer .detail .select-opt:after { content: ''; display: inline-block; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; background-color: #d6d9e1;}
header .sch-layer .detail .select-opt strong {font-weight: 500; color: #181818; font-size: 18px; display: block;}
header .sch-layer .detail .select-opt > div {width: 100%; margin-top: 13px; max-height: 100px; overflow-y: auto;}
header .sch-layer .detail .select-opt > div::-webkit-scrollbar {width:5px;}
header .sch-layer .detail .select-opt > div::-webkit-scrollbar-thumb {width:100%; border-radius:5px; background:#6b778a;}
header .sch-layer .detail .select-opt ul:after { content: ''; clear: both; display: table; }
header .sch-layer .detail .select-opt ul li {font-size: 15px; font-weight: 500; color: #1974dd; letter-spacing: -0.05em; float: left; padding: 2px 5px;}
header .sch-layer .detail .select-opt ul li button {position: relative; width: 22px; height: 22px; vertical-align: middle; margin-top: -3px;}
header .sch-layer .detail .select-opt ul li button:after {content: "\e927"; font-family: "xeicon"; font-size: 16px; display: inline-block; text-indent: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #757575;}
header .sch-layer .detail .select-opt ul li button:hover:after {content: "\e926"; color: #1974dd;}
header .sch-layer .detail .select-opt ul li button span {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
header .sch-layer .detail .sch_btn {width: 100%; text-align: center; padding: 20px 15px; font-size: 0;}
header .sch-layer .detail .sch_btn button {font-weight: 400; font-size: 16px; letter-spacing: -0.05em; border: 1px solid #093a7c; padding: 13px 20px; color: #093a7c; width: 50%; background-color: #fff;}
header .sch-layer .detail .sch_btn button span:before {position: relative; top: -2px; margin-right: 5px;}
header .sch-layer .detail .sch_btn .restart span:before {content: "\e973"; font-family: "xeicon"; display: inline-block; vertical-align: middle;}
header .sch-layer .detail .sch_btn .sch {background-color: #093a7c; color: #fff;}
header .sch-layer .detail .sch_btn .sch span:before {content: "\e97a"; font-family: "xeicon"; display: inline-block; vertical-align: middle;}
header .sch-layer .detail .dtl_sch_close {text-align: right; width: 100%; font-size: 16px; font-weight: 500; color: #333; line-height: 1; padding: 0 15px; margin-top: -20px;}
header .sch-layer .detail .dtl_sch_close span {position: relative; padding: 20px 20px 20px 0;}
header .sch-layer .detail .dtl_sch_close span:after {content: "\e922"; font-family: "xeicon"; font-size: 22px; line-height: 1; position: absolute; right: 0; top: 50%; transform: translateY(-47%);}

header .sch-layer .best-keyword { margin-top: 20px; text-align: center; font-weight: 500; }
header .sch-layer .best-keyword a { color: #fff; display: inline-block; margin: 0 10px; }

.blind { position: absolute; left: 0px; top: 0px; z-index: 50; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); }

/* main */
/*.main{background-color: #f2f4f7;padding-bottom:10px;}*/
/* ========== go_top ========== */
.go-top { position: fixed; right: 20px; bottom: 20px; z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }
.go-top button { border-radius: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; background-color: #043763; color: #fff; }
.go-top.active { opacity: 1; visibility: visible; }
.go-top.stick { bottom: 100px; }

/* ========== footer ========== */
footer { padding: 30px 10px 20px; border-top: 1px solid #e9ecef; text-align: center; }
footer .foot-nav li { display: inline-block; }
footer .foot-nav li ~ li { position: relative; padding-left: 10px; margin-left: 5px; }
footer .foot-nav li ~ li::after { content: ""; display: block; width: 3px; height: 3px; background-color: #c8c8c8; position: absolute; left: 0; top: 10px; }
footer .foot-nav li a { font-size: 13px; font-weight: 500; }
footer .foot-nav li:first-child { color: #0051ad; }
footer address { font-size: 12px; margin-top: 20px; color: #666; }
footer address > span { margin-bottom: 5px; }
footer .sns { margin-top: 20px; }
footer .link { font-size: .875rem; margin-top: 25px; border: 1px solid #e1e1e1; background-color: #f8f9fa; color: #555; -webkit-transition: all .2s; transition: all .2s; }
footer .link a { padding: 10px 30px;display:block; }
footer .link:hover { background-color: #aaa; border: 1px solid #aaa; color: #fff; }

/* ========== common ========== */
.sns a { font-size: 18px; color: #78909c; }
.sns a ~ a { margin-left: 12px; }

[class*="sns-"]::before { content: ""; display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-size: auto 25px; background-image: url("../images/common/sns_icon_20200610.png"); }

.sns-fb::before { background-position: 0 0; }

.sns-tw::before { background-position: -27px 0; }

.sns-nv::before { background-position: -53px 0; }

.sns-ut::before { background-position: -80px 0; }

.sns-is::before { background-position: -107px 0; }

strong, b, th, dt, h1, h2, h3, h4, h5, h6 { letter-spacing: -.01em; color: #212529; }

.lead { line-height: 1.6; }

.box a { display: block; }

.thumb { display: block; position: relative; /*border:1px solid #dee2e6;*/ background: #b1bab9 url("../images/common/noimage_default.png") 50% 50% no-repeat; overflow: hidden; width: 100%; height: 0; padding-bottom: 64.56%; }
.thumb img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }