@charset "utf-8";

/*main start*/
body{background: #fff; font-family: 'HANBatang';}
#main { position: relative; overflow: hidden; width:100%; height:500px; background: url(../img/main/image1.jpg) 50% no-repeat;  -webkit-mask-box-image: linear-gradient(to bottom, rgba(0,0,0,1) 0, rgba(0,0,0,1) 20px, rgba(0,0,0,1) calc(100% - 10px), rgba(0,0,0,0) 100%);  background-size:cover;}
.title_notice{ font-family: 'MuseumClassic'; font-size: 32px; font-weight: 400; display:inline-block; width: 100%; text-align: left; margin-bottom: 20px; margin-top: 20px;}
.title_notice.t2{margin-top: 50px; margin-bottom: 20px;}
.title_notice.t3{margin-top: 70px; margin-bottom: 20px;}
.txt { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); z-index: 101; width: 100%; color: #FFF; text-align: left;  transition: .4s; pointer-events: none; }
.txt .txt-in { display: inline-block; width: 100%; margin: 0px auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.txt .txt-in h1 { display: inline-block; z-index: 1; position: relative; font-family: 'MuseumClassic'; text-shadow: 0 1px 3px rgba(0,0,0,.3); font-size: 32px;  font-weight: 400; letter-spacing: 0px; margin-bottom:10px; }
.txt .txt-in h2 { display: inline-block; z-index: 1; position: relative; font-family: 'MuseumClassic'; text-shadow: 0 1px 3px rgba(0,0,0,.3); font-size: 50px;  font-weight: 700; letter-spacing: 0px; margin-bottom:20px;}
.txt .txt-in h2 .e{font-size: 40px;}

.sec1-navi-wrapper { position: relative; width: 100%; height: 100%; top: 0px; }

.sec1-prev:after, .sec1-next:after { content: "";  }
.sec1-prev { top: 52.5%; left: 40px; transform: translateY(-50%); width: 50px; height: 11px; transition: .4s; z-index: 100; background: url(../img/arrow1.png) no-repeat; background-size: cover; background-position: center; }
.sec1-next { top: 52.5%; right: 40px; transform: translateY(-50%); width: 50px; height: 11px; transition: .4s; z-index: 100; background: url(../img/arrow2.png) no-repeat; background-size: cover; background-position: center; }
.sec1-prev:hover, .sec1-next:hover { opacity: .7; }

#main .swiper-pagination-fraction, #main .swiper-pagination-custom, #main .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px; left: auto; right: 40px; width: auto; color: transparent; }
#main .swiper-pagination span { position: relative; font-family: 'Karla'; color: #fff; font-size: 12px; letter-spacing: 4; }
#main .swiper-pagination span:nth-of-type(2) { margin-left: 15px; }
#main .swiper-pagination span::after { content: ""; position: absolute; left: calc(50% - 13.5px); bottom: -8px; width: 25px; height: 1px; background: #fff; }

/*main end*/  

.swiper-button-prev, .swiper-button-next { margin: 0px; }
section .defalt-w { width: 1308px; margin: 0px auto; }

.title { position: relative; }
.title h2 { font-family: 'MuseumClassic'; font-size: 64px; font-weight: 500; margin-bottom:20px }
.title p { margin-top: 40px; font-family: 'HANBatang'; text-shadow: 0 1px 2px rgba(0,0,0,.3); font-size: 14px; line-height: 28px; color: #696969; }
.title .link { position: relative; margin-top: 50px; font-family: 'TheJamsil5Bold'; font-size: 14px; font-weight: 600; letter-spacing: 2; transition: .4s; }
.title .link::after { content: ""; position: absolute; left: calc(50% - 62.5px); bottom: -18px; width: 125px; height: 12px; transition: .4s; z-index: 100; background: url(../img/arrow.png) no-repeat; background-size: cover; background-position: center; }
.title .link:hover { opacity: .7; }



td{text-align:center;}

#css_tabs {
	
    font-family: 'HANBatang';
	font-size:12px;
	width:1200px;
	height:100%;
	margin:0 auto;
	padding-right:0px;
	
}
/* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */
#css_tabs input:nth-of-type(1), #css_tabs input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2), #css_tabs input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3), #css_tabs input:nth-of-type(3) ~ div:nth-of-type(3) {
    display:none
}
#css_tabs input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs input:nth-of-type(3):checked ~ div:nth-of-type(3) {
    display:block
}
/* 라벨 기본 스타일 지정 */

/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */


 /*테두리*/
.line_b{border-bottom:#8e8e8e 1px solid;}
.line_l{border-left:#8e8e8e 1px solid;}
.line_r{border-right:#8e8e8e 1px solid;}
.line_t{border-top:#8e8e8e 1px solid;}

.top{width:100%;height:350px;background: url(../images/main_ty2.png)no-repeat 50% 50%;background-size: cover;}
.top2{background: url(../images/main_ty3.png)no-repeat 50% 50%;background-size: cover;}

#daumRoughmapContainer1617785876176{width:100%;}
#css_tabs{padding: 100px 20px !important;box-sizing: border-box; height: auto;}

.grid_section{height:100% !important;}
.boxed section.section .section_inner, section.grid_section .section_inner{overflow: hidden;}
.grid_section, section>.cont1{box-sizing: border-box;}
.blog-article:last-child article.hentry{margin-bottom:0px !important;}
.content-wrap{padding:15px !important;}
.content-wrap .entry-content{margin-top:0 !important;}
.content-wrap .entry-content p{font-size:12px;}
.content-wrap .entry-footer{margin-top:0 !important;font-size:12px;}

table tr td {padding:0 10px; font-size: 14px;}
table tr td p {font-size: 14px;}
.tab_c table tr td {padding:0 10px; font-size: 14px;}
.tab_c table tr td p {font-size: 14px;}

@media (max-width:1200px) {
    #css_tabs{width:100% !important;padding: 50px 20px !important;}
}

@media (max-width:1024px) {
    .boxed section.section .section_inner, section.grid_section .section_inner{width:100% !important;padding:0 20px !important;box-sizing: border-box;}
    table tr td {padding:0 10px; font-size: 12px;}
    table tr td p {font-size: 12px;}
    .tab_c table tr td {padding:0 10px; font-size: 12px;}
    .tab_c table tr td p {font-size: 12px;}
}

@media (max-width: 768px){
    
	#main{ height:40vh; margin-top: 80px;}
}

@media (max-width:500px) {
    .root_daum_roughmap .wrap_map{height:300px !important;}
    .top{height:300px !important;}
    article.hentry{margin-bottom:40px !important;}
}

@media (max-width:350px) {
    .root_daum_roughmap .wrap_map{height:250px !important;}
    .top{height:200px !important;}
    article.hentry{margin-bottom:30px !important;}
}