@charset "euc-kr";

/* ***** °øÅë ***** */
.contents {display:flex; flex-direction:column; gap:20px; padding:30px; border-bottom:1px solid var(--border1);}
/* ÅÇ */
.tabWrap {}
.tabWrap.type1 {display:flex; gap:5px;}
.tabWrap.type1 a {padding:7px 20px; background:#f1f1f1; border-radius:5px;}
.tabWrap.type1 a.on {background:var(--green); color:#fff; }

/* ÅÇ ½ºÅ©·Ñ */
.tabWrap.scrollable { overflow-x: auto; white-space: nowrap; cursor: grab; padding-right:45px;}
.tabWrap.scrollable.active {cursor: grabbing;}
.tabWrap.scrollable a {display: inline-block;}

.scrollableTab {position:relative;}
.scrollableTab:after {position:absolute; content:""; width:45px; height:45px; top:0; right:0px; background:#fff url(../images/common/i-swipe.svg) no-repeat center / 25px;}



/* ŸÀÌƲ */
.subTit {line-height:1.2;}
.subTit.type1 {color:var(--orange); position:relative; font-size:19px; font-weight:700; }
.subTit.type2 {padding-left:12px; color:var(--green); position:relative; font-size:19px; font-weight:700; }
.subTit.type2:before {width:5px; height:5px; background:var(--green); left:0; top:7px; display:block; position:absolute; content:'';}

/* ŸÀÌƲ¹Ú½º */
.titleBox {padding:20px; border:1px solid var(--border1); display:flex; flex-direction:column; gap:5px;}
.titleBox h3 {color:#000; font-size:19px;}
.titleBox p {}

/* Å×À̺í */
.tableWrap {}
.tableWrap td.left {text-align:left;}
.tableWrap.type1 {overflow-x:auto; text-align:center;}
.tableWrap.type1 table {width:110%; min-width:700px;border-width:0 1px 1px 0; border-style:solid; border-color:var(--border3);}
.tableWrap.type1 thead {background:#eee;}
.tableWrap.type1 tbody {}
.tableWrap.type1 tfoot {background:#eee;}
.tableWrap.type1 tr {}
.tableWrap.type1 tr>* {padding:5px 10px; border-width:1px 0 0 1px; border-style:solid; border-color:var(--border3);}
.tableWrap.type1 th {color:#000; font-weight:400; background:var(--yellow);}
.tableWrap.type1 td {}

.tableWrap {}
.tableWrap.type2 {overflow-x:auto; text-align:center;}
.tableWrap.type2 table {width:100%; min-width:700px;border-width:0 1px 1px 0; border-style:solid; border-color:var(--border3);}
.tableWrap.type2 thead {background:#eee;}
.tableWrap.type2 tbody {}
.tableWrap.type2 tfoot {background:#eee;}
.tableWrap.type2 tr {}
.tableWrap.type2 tr>* {padding:5px 10px; border-width:1px 0 0 1px; border-style:solid; border-color:var(--border3);}
.tableWrap.type2 th {color:#000; font-weight:400; background:var(--yellow);}
.tableWrap.type2 td {}

.imgWrap {text-align:center; gap:20px; display:flex; flex-direction:column;}
.imgWrap .flex {display:flex; gap:10px;}
.imgWrap .flex.w50 img {width:calc((100% - 10px)/2);}
.imgText {text-align:center; padding:10px 0 20px;}

.fileDown {padding:20px; width:100%; background:var(--green); color:#fff; display:block;}

.imgSwiper {position:relative;}
.imgSwiper .swiper-slide {height:60vw; max-height:470px; background:#000;}
.imgSwiper .swiper-slide img {width:100%; height:100%; object-fit:scale-down;}
.imgSwiper .swiper-slide .txt {padding:10px 20px; line-height:1.3; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); color:#fff; font-size:14px;}

.imgSwiper .swiper-pagination {bottom:20px !important;}
.imgSwiper .swiper-pagination-bullet {width:14px; height:14px; background:#fff; opacity:1; margin:0 2px !important;}
.imgSwiper .swiper-pagination-bullet-active {background:var(--orange); border:2px solid #fff; opacity:1;}

.textList {display:flex; flex-direction:column; gap:14px;}
.textList li {padding-left:10px; position:relative;}
.textList li:before {width:4px; height:4px; background:#666; position:absolute; left:0; top:9px; display:block; content:''; border-radius:50%;}

p.dot {padding-left:10px; position:relative;}
p.dot:before {width:4px; height:4px; background:#666; position:absolute; left:0; top:10px; display:block; content:''; border-radius:50%;}
p.bar {padding-left:16px; position:relative;}
p.bar:before {width:10px; height:1px; background:#666; position:absolute; left:0; top:12px; display:block; content:''; border-radius:50%;}

.sub1 {}
.sub1 h3 {color:#000; font-size:21px;}
.sub1 h4 {color:#000; font-weight:500; font-size:18px;}
.sub1 .tableWrap .flex {display:flex; gap:5px;}
.sub1 .inner {display:flex; flex-direction:column; gap:20px;}
.sub1 .inner .item {}
.sub1 .inner .item h4 {padding-bottom:5px;}
.sub1 .inner .item h4+* {}
.sub1 .inner .item p {}
.sub1 .inner .item div {}

.sub2 {}
.sub2 .item {}
.sub2 .item h4 {padding-bottom:10px;}

.sub2-table {}
.sub2-table b {display:block; color:#000; font-weight:500;}
.sub2-table p {}
.sub2-table .place p {padding-left:65px; position:relative;}
.sub2-table .place p span {padding:2px 10px 0; border-radius:100px; background:var(--green);color:#fff; margin-right:5px; display:inline-block; text-align:center; font-size:12px; position:absolute; left:0; top:2px;}

.sub4 {}
.sub4 .title {}
.sub4 .title h4 {font-size:19px; color:#000;}
.sub4 .title p {}


@media screen and (max-width:560px){
	/* ***** °øÅë ***** */
	.contents {}
	
	/* ŸÀÌƲ */
	.subTitlt {}
	.subTitlt.type1 {}
	/* Å×À̺í */
	.tableWrap {}
	.tableWrap.type1 {}

	
	.imgSwiper .swiper-slide {}
	
	
	
}

@media screen and (max-width:450px){
	/* ***** °øÅë ***** */
	.contents {padding:30px 4vw; gap:16px;}
	/* ŸÀÌƲ */
	.subTitlt {}
	.subTitlt.type1 {}
	/* Å×À̺í */
	.tableWrap {}
	.tableWrap.type1 {}
	
	
	
	
	
	
}