@charset "utf-8";

/* gamja-flower-regular - latin */
@font-face {
  font-family: 'Gamja Flower';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gamja-flower-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gamja Flower Regular'), local('GamjaFlower-Regular'),
       url('../fonts/gamja-flower-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gamja-flower-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gamja-flower-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gamja-flower-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gamja-flower-v5-latin-regular.svg#GamjaFlower') format('svg'); /* Legacy iOS */
}

/* 공통요소 */
.sr-only{
	position:absolute;left:-9999px;
}


header>nav{
	position:fixed;
	right:5px;
	top:45%;
}


header>nav>ul>li{
	margin-bottom:10px;
}

header>nav>ul>li>a{
	display:block;
	text-align:right;
	font-weight:400;
	line-height:25px;
	margin-right:30px;
	font-size:10px;
	/* width:10px; */
	/* height:10px; */
	/* margin-left:5px; */
	/* text-indent:-9999px; */
	/* background-color:rgba(0,0,0,0.85); */
	/* border-radius:12px; */
}


header>nav>ul>li.on>a{
	color:#fff;
	/* width:12px; */
	/* height:12px; */
	/* margin-left:2px; */
	/* background:none; */
	/* border:2px solid white; */
	/* border-radius:7px; */
	
}

header>.ro{
	position:fixed;
	right:0;
	top:48%;
}


header>.ro>ul>li>a{
	display:block;
	/* text-align:right; */
	/* font-weight:400; */
	/* line-height:25px; */
	/* margin-right:30px; */
	/* font-size:10px; */
	width:10px;
	height:10px;
	margin-left:5px;
	text-indent:-9999px;
	background-color:rgba(0,0,0,0.85);
	border-radius:12px;
}


header>.ro>ul>li.on>a{
	/* color:#fff; */
	width:12px;
	height:12px;
	margin-left:2px;
	background:none;
	border:2px solid white;
	border-radius:7px;
	
}

/* 컨텐츠 영역 */



section>.cont1{
	
	overflow:hidden;
	width:100%;
    height:auto;
}

.qp {
	overflow:hidden;
	z-index:999999999;
	position:absolute;
	left:51.7%;
	top:49.5%;
	background-image:url(../images/f1.png);
	width:829px;
	height:230px;
	transform: translate(-50%, -50%);
	
}

td{text-align:center;}

#css_tabs {
	
    font-family:'nanumgothic', '나눔고딕', 'malgun gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;
	font-size:12px;
	width:900px;
	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
}
/* 라벨 기본 스타일 지정 */
#css_tabs > label {
    display:inline-block;
    font-variant:small-caps;
    font-size:.9em;
    padding:5px;
    text-align:center;
    width:20.6%;
    line-height:1.8em;
    font-weight:700;
    
    background:#fff;
    color:#777;
    border:1px solid #ccc;
    border-width:1px 1px 0
}
#css_tabs > label:hover {
    cursor:pointer
}
#css_tabs label[for=tab1] {
    margin-left:0;
}
/* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
#css_tabs input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs > label[for=tab1]:hover {
    background:#3F3F3F;
    color:#fff
}
#css_tabs input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs > label[for=tab2]:hover {
    background:#3F3F3F;
    color:#fff
}
#css_tabs input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs > label[for=tab3]:hover {
    background:#3F3F3F;
    color:#fff
}
/* 실제 내용이 담긴 div 요소 스타일 지정 */
#css_tabs .tab1_content, #css_tabs .tab2_content, #css_tabs .tab3_content {
    padding:0px;
    border:0px solid #ddd;
    width:100%;
    
}

 /*테두리*/
.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;}

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

.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;}

@media (max-width:1080px) {
    .boxed section.section .section_inner, section.grid_section .section_inner{width:100% !important;padding:0 20px !important;box-sizing: border-box;}
}

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

@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;}
}