@font-face {
	font-family: 'GmarketSans';
	src: url('./fonts/GmarketSansTTFLight.woff2') format('woff2'),
		url('./fonts/GmarketSansTTFLight.woff') format('woff'),
		url('./fonts/GmarketSansTTFLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSans';
	src: url('./fonts/GmarketSansTTFMedium.woff2') format('woff2'),
		url('./fonts/GmarketSansTTFMedium.woff') format('woff'),
		url('./fonts/GmarketSansTTFMedium.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSans';
	src: url('./fonts/GmarketSansTTFBold.woff2') format('woff2'),
		url('./fonts/GmarketSansTTFBold.woff') format('woff'),
		url('./fonts/GmarketSansTTFBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}


@font-face {
	font-family: 'KOTRA HOPE';
	src: url('./fonts/KOTRAHOPE.woff2') format('woff2'),
		url('./fonts/KOTRAHOPE.woff') format('woff'),
		url('./fonts/KOTRAHOPE.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



*{word-break: break-all; box-sizing: border-box;}
html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5{margin: 0px; padding: 0px; list-style: none;}
body{font-family: 'GmarketSans', sans-serif;}
a{text-decoration: none; font-size: inherit; color: inherit;}
a:hover, a:focus{text-decoration: none;}
img{vertical-align: top; margin:0; padding: 0; border: none; max-width: 100%;}
table {border-collapse: collapse; width: 100%;}
caption{padding: 0; width: 0; height: 0; font-size: 0; overflow: hidden;}



.e-wp{padding-top: 115px; background: url(./image/wp_bg.jpg) center 0 no-repeat;}
.logo{margin-bottom: 80px; text-align: center;}

.e-con{width: 94%; max-width: 1030px; margin: 0 auto; padding-bottom: 110px;}
.pg-tit{text-align: center;}

.e-con > section{padding: 0 50px 30px; background: #fff; border-radius: 20px; margin-top: 80px; box-shadow: 2px 4px 6px rgba(0,0,0,0.2);}
.e-con > section > h3{text-align: center; font-family: 'KOTRA HOPE'; margin-bottom: 30px;}
.e-con > section > h3 > span{display: inline-block; background: #363636; font-size: 50px; color: #fff; line-height: 55px; padding: 15px 40px; border-radius: 0 0 24px 24px;}
.e-con > section > h3 > span .ss{font-size: 40px;}
.e-con > section > * + *{margin-top: 20px;}

.ls-tbf > li{display: table; font-size: 25px; color: #363636; letter-spacing: -1px;}
.ls-tbf > li + li{margin-top: 8px;}
.ls-tbf > li > span{display: table-cell; vertical-align: top; font-weight: 600; white-space: nowrap;}
.ls-tbf > li > p{display: table-cell; vertical-align: top; padding-left: 8px; word-break: keep-all;}
.ls-tbf > li > ul{padding-left: 30px;}
.ls-tbf.bgv > li + li{margin-top: 14px;}
.ls-tbf.bgv > li > span > span{display: block; background: #363636; color: #fff; width: 130px; text-align: center; padding: 6px 0 3px; border-radius: 24px;}
.ls-tbf.bgv > li > p{padding-top: 6px; padding-left: 10px;}

.table-st1{border-collapse: separate; border-spacing: 2px;}
.table-st1 th{text-align: center; color: #363636; font-size: 25px; background: #e8bea9; padding: 8px; height: 60px;}
.table-st1 td{text-align: center; color: #363636; font-size: 25px; background: #fff4e7; padding: 8px; height: 60px;}
.table-st1 thead > tr:first-child > th:first-child{border-radius: 20px 0 0 0;}
.table-st1 thead > tr:first-child > th:last-child{border-radius: 0 20px 0 0;}
.table-st1 tbody > tr:last-child td:first-child{border-radius: 0 0 0 20px;}
.table-st1 tbody > tr:last-child td:last-child{border-radius: 0 0 20px 0;}
.table-st1.font-s th, .table-st1.font-s td{font-size: 20px; letter-spacing: -1px;}

.flx-btbx{display: flex; justify-content: space-between;}
.flx-btbx > a{display: block; width: 49%; padding: 34px; padding-bottom: 70px; border-radius: 20px; background: #efd1c3; font-weight: 600; font-size: 28px; color: #363636; line-height: 32px; box-shadow: inset 0 0 8px rgba(0,0,0,0.2); position: relative;}
.flx-btbx > a:nth-child(even){background: #fff4e7;}
.flx-btbx > a:after{content: ''; position: absolute; right: 34px; bottom: 30px; width: 30px; height: 30px; background: url(./image/btn_ic.png) right bottom no-repeat;}
.flx-btbx.full-wl{max-width: 660px; margin: 20px auto 0;}
.flx-btbx.full-wl > a{width: 100%; word-break: keep-all;}

.ac-tx{text-align: center; font-size: 25px; color: #363636;}
.tx-btbx > a{display: inline-block; font-weight: 600; font-size: 30px; color: #363636; line-height: 1.2; letter-spacing: -1px;}
.tx-btbx > a > span{display: inline-block;}

.ic-t-ls{display: flex;  justify-content: space-between;}
.ic-t-ls > li{width: 49%; padding: 30px; border-radius: 20px;  box-shadow: inset 0 0 8px rgba(0,0,0,0.2); position: relative;}
.ic-t-ls > li > dl{padding-top: 4px; padding-left: 84px; background: left center no-repeat;  color: #363636; letter-spacing: -1px;}
.ic-t-ls > li > dl > dt{font-size: 24px; line-height: 28px; font-weight: 600;}
.ic-t-ls > li > dl > dd{font-size: 30px; line-height: 34px;}
.ic-t-ls > li.bg1{background: #efd1c3;}
.ic-t-ls > li.bg2{background: #fff4e7;}
.ic-t-ls > li.bg1 > dl{background-image: url(./image/hos_ic.png);}
.ic-t-ls > li.bg2 > dl{background-image: url(./image/tel_ic.png);}

.block-btbx{margin-top: 40px;}
.block-btbx > a{display: block; padding: 34px 50px 26px; padding-right: 70px; background: #efd1c3; font-weight: 600; font-size: 28px; color: #363636; line-height: 32px; box-shadow: inset 0 0 8px rgba(0,0,0,0.2); position: relative; border-radius: 20px;}
.block-btbx > a:after{content: ''; position: absolute; right: 30px; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: url(./image/btn_ic.png) right bottom no-repeat;}

.e-ft img{width: 100%;}

@media screen and (min-width: 1920px) {
.e-wp{background-size: cover;}
}

@media screen and (max-width: 1024px) {
.e-wp{padding-top: 80px;}
.logo{margin-bottom: 40px;}

.e-con > section{margin-top: 40px;     padding: 0 4% 30px;}
.e-con > section > h3 > span{font-size: 40px; line-height: 46px;     padding: 10px 30px; word-break: keep-all;}
.e-con > section > h3 > span .ss{display: none;}

.ls-tbf > li{font-size: 20px;}
.ls-tbf > li > ul{padding-left: 22px;}
.ls-tbf > li > ul > li{padding-left: 12px; text-indent: -12px;}

.table-st1 th, .table-st1 td{font-size: 20px; padding: 4px;}
.table-st1.font-s th, .table-st1.font-s td{font-size: 16px; height: 40px;}

.flx-btbx > a{font-size: 22px; line-height: 28px; padding: 20px; padding-bottom: 40px;}
.flx-btbx > a:after{width: 20px;  height: 20px; right: 20px; bottom: 20px; background-size: auto 100%;}

.ac-tx{font-size: 20px; word-break: keep-all;}
.tx-btbx > a{font-size: 26px;}
.ic-t-ls > li{padding: 8px 16px;}
.ic-t-ls > li > dl{padding-left: 50px; background-size: 40px;}
.ic-t-ls > li > dl > dt{font-size: 18px;}
.ic-t-ls > li > dl > dd{font-size: 26px;}

.block-btbx > a{font-size: 22px; line-height: 28px; padding: 20px; padding-right: 50px; word-break: keep-all;}
.block-btbx > a:after{width: 20px;  height: 20px; right: 20px; margin-top: -10px; background-size: auto 100%;}
}

@media screen and (max-width: 600px){
.e-wp{padding-top: 40px;}
.e-con{padding-bottom: 40px;}
.e-con > section > h3 > span{font-size: 30px;  line-height: 34px;   padding: 8px 16px;}


.ls-tbf > li{font-size: 18px;}
.ls-tbf > li > ul{padding-left: 20px;}
.ls-tbf.bgv > li > span > span{width: 90px; }

.table-st1 th, .table-st1 td{font-size: 18px;}

.flx-btbx{flex-wrap: wrap;}
.flx-btbx > a{width: 100%;}
.flx-btbx > a + a{margin-top: 20px;}

.ic-t-ls{flex-wrap: wrap;}
.ic-t-ls > li{width: 100%;}
.ic-t-ls > li + li{margin-top: 14px;}

.block-btbx > a{font-size: 20px; line-height: 24px;}

}