/* 공통 ****************************************/
	.h3_tit{font-size:24px;color:#000;font-weight:500;letter-spacing:0px;position:relative;;margin:30px 0 20px 0}
	.h3_tit:before{content:'';position:absolute;top:-5px;left:0;width:24px;height:4px;background:#2374ec}
	.daon_ver2_page_title h1{font-size:1.8em;}

@media screen and (max-width: 992px){
	.h3_tit{font-size:22px;color:#000;font-weight:500;letter-spacing:0px;position:relative;;margin:30px 0 20px 0}
	.h3_tit:before{content:'';position:absolute;top:-4px;left:0;width:22px;height:3px;background:#2374ec}
	.daon_ver2_page_title h1{font-size:1.5em;}
}

/*모바일 줄바꿈*/
.mo_br { display: none; }
@media screen and (max-width: 760px) {
  .mo_br { display: block; }
}

/*페이지 서브상단탭메뉴*/
		#toptab { width:100%; margin:0 auto; text-align:center; }
		#toptab .jtab { list-style: none; margin: 0; padding: 0; overflow: hidden;	border-bottom:1px solid #000; }
		#toptab .jtab li {	float: left;	border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }
		/* Style the links inside the list items */
		#toptab .jtab li a {
			display: inline-block;
			color: #000;
			text-align: left;
			text-decoration: none;
			padding: 25px 25px;
			font-size: 20px;
			transition:0.3s;
			cursor:pointer;
		}
		#toptab ul.jtab li a:hover{ color: #ff0000; background-color:#efefef; }
		/* Style the tab content */
		#toptab .tabcontent { display: none; background-color:#f6f6f6; padding: 30px 20px; color:#222; text-align: center; line-height:180%; }
		#toptab ul.jtab li.current{ background-color: #06181c; color: #222; }
		#toptab ul.jtab li.current a{ color: #fff; }
		#toptab ul.jtab li.current a:hover{ color: #fff; background-color: #06181c; }
		#toptab .tabcontent.current { display: block; }
		#toptab .tabcontent h3{ font-size:1.6em; }
		#toptab .tabcontent strong{ font-size:1.4em; }

		@media screen and (max-width:899px){
			#toptab .jtab li {
				width:50%;
				text-align:center;
				padding: 0px !important;			
			}
			#toptab .jtab li a {
				font-size: 1.1rem;
				overflow:hidden;
				padding: 20px !important;	
				display:flex;
				justify-content:center;   /* 가로 */
				align-items:center;       /* 세로 */					
			}			
			#toptab .tabcontent h3{ margin-top:20px }
		}
		
/* //PDF 및 탭메뉴 공통 */
        #pdf-container {
            width: 100%;
            height: calc(100% - 60px);
            background: white;
			padding:30px 0px 0px 0px
        }
        .pdf-viewer {
            width: 100%;
            height: 100% !important;
			min-height: 768px;
            border: none;
            display: block;
			border:1px solid silver;
        }


        .downbtn_tab {
            background: linear-gradient(45deg, #ff6b6b, #ee5a24);
            color: white;
            border: none;
			float:left;
			width:250px;
			margin-bottom: 20px;
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(255,107,107,0.4);
			position:absolute;
        }
        .downbtn {
            background: linear-gradient(45deg, #ff6b6b, #ee5a24);
            color: white;
            border: none;
			float:left;
			width:250px;
			margin-bottom: 20px;
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(255,107,107,0.4);
			
        }		
        .downbtn_normal {
            background: linear-gradient(45deg, #ff6b6b, #ee5a24);
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
			text-align:center;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(255,107,107,0.4);
			margin:0 auto;
			display:block;
			max-width:150px;
        }		
        .downbtn:hover, .downbtn_tab:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255,107,107,0.6);
        }
        .downbtn:active, .downbtn_tab:active { transform: translateY(0); }
        .downbtn a, .downbtn_tab a { text-decoration:none;color:#fff }
        #title {
            margin-left: 0px;
            font-size: 18px;
            font-weight: 700;
            background: linear-gradient(45deg, #667eea, #764ba2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
		@media screen and (max-width:899px){
				#pdf-container {
					padding:0px
				}
				.pdf-viewer {
					height: calc(100% - 140px);
					border:none;
				}
				.downbtn_tab, .downbtn {
					font-size: 13px;
					width:200px;	
					position:relative;
					float:none;
					margin:0px auto;
				}				
		}
        .over_sho { position:absolute !important;padding-top:5px; }
/* //공통 ****************************************/


/* sub0101.php, sub0102.php ****************************************/
    #company_type2 {width:100%; min-width:320px; max-width:1500px; margin:0 auto; }
	#company_type2:after{content:""; clear:both; display:block;}
	#company_type2 .ceo_img {width:100%; }
	#company_type2 .ceo_img img {width:100%; height:auto; }
	#company_type2 .ceo_area{ position:relative; left:0; bottom:0; width:94%;  padding-top:50px; z-index:1; margin:0 auto;}
	#company_type2 .ceo_area .ceo_tit { position:relative; float:left; width:30%; font-size:1.6em; text-align:center; color:#50a7e7; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:200px; }
	#company_type2 .ceo_area .ceo_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:50%; }
	#company_type2 .ceo_area .ceo_txt { position:relative; float:right; width:65%; height:auto;}
	#company_type2 .ceo_area .ceo_txt h4 {font-size:1.5em;  line-height:1.8em;  color: #000; }
	#company_type2 .ceo_area .ceo_txt p {margin-top:20px; font-size:1.2em;  line-height:1.5em; color: #333; word-break: keep-all;}
	#company_type2 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.2em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}
	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:20px;  font-size:1.5em;  text-indent:10;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:20px 0; text-align:center; border-bottom:1px solid #666; font-size:1.2em;background:#eee; }
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left; font-size:1.2em;}
	.ceo_area { width:100% !important; padding-top:0px !important; }
	.ceo_txt.blue { width:100% !important; padding-top:0px !important; }
	.ceo_txt.blue h4{ color: #203c92 !important; }
	.ceo_txt.blue p { color: #333 !important; }

@media screen and (max-width: 992px){
		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}
		#company_type2 .ceo_area .ceo_tit { width:100%; font-size:1.3em; padding-bottom:50px; }
		#company_type2 .ceo_area .ceo_tit:after {height:40px; }
		#company_type2 .ceo_area .ceo_txt { width:100%; }
		#company_type2 .ceo_area .ceo_txt h4 {margin-top:40px; font-size:1.2em;}
		#company_type2 .ceo_area .ceo_txt p {font-size:1em;}
		#company_type2 .ceo_area .ceo_txt span.ceo_sign {margin-top:20px; font-size:1.1em;  line-height:1.2em; }
		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}
}

/* //sub0101.php, sub0102.php ****************************************/


/* sub0103.php ****************************************/
	.m_box{width:100%;height:500px;position:relative;}
	.root_daum_roughmap .wrap_btn_zoom{z-index:1 !important} /*다음지도사용시*/
	.table_t1{width:100%;padding-bottom:30px}
	.table_t1 table{border-top:2px #536886 solid}
	.table_t1 td,.table_t1 th{font-size:18px;border-bottom:1px #ddd solid;padding:4px 12px}
	.table_t1 th{background:#f4f6f9;color:#445058;vertical-align:middle;font-weight:400;line-height:130%;height:60px}
	.table_t1 td{padding:15px 12px;line-height:130%;text-align:center}
	/* 교통안내버튼 */
	.mapbtn ul {display: flex;  flex-wrap: wrap;  padding: 0;  margin: 0;  list-style: none; padding-inline-start: 1.5em;	line-height: 3em;}
	.mapbtn li {padding: 0;  margin-right : 30px;}
	/* 네이버그린 */
	.custom-button-n {background-color: #009900;  font-size: 1em;  font-weight:normal;  color: #fff;  padding: 10px 20px;  border: none;  border-radius: 5px;  transition: background-color 0.3s, color 0.3s, border-radius 0.3s;}
	.custom-button-n:hover {background-color: #ff3300;  color: #fff;  border-radius: 50px;	}
	/* 카카오옐로 */
	.custom-button-k {background-color: #ffcc00;  font-size: 1em;  font-weight:normal;  color: #fff;  padding: 10px 20px;  border: none;  border-radius: 5px;  transition: background-color 0.3s, color 0.3s, border-radius 0.3s;}
	.custom-button-k:hover {background-color: #ff3300;  color: #fff;  border-radius: 50px;	}	
	/* /교통안내버튼 */
/* //sub0103.php ****************************************/


/* sub0201.php ****************************************/
	.ttable .ttdbg {padding: 15px; text-align: center; font-weight: bold; background: #efefef; color: #000;	}
	.ttable .ttdbg1 {padding: 15px; text-align: center; font-weight: bold; background: #f7f7f7; color: #000;	}
	.table-bordered {border: 1px solid #ddd;	}
	.ttable td, .ttable th {border: 1px solid #ddd; padding: 8px; line-height:150%; font-size:0.8em;	}
    .mp {text-align:left;margin-top:20px }
    .xhide_small_show {display:none }
	.tbtd1c {width:15%;text-align:center }
	.big_box {background:#f7f7f7;width:100%;padding:15px;margin-top:10px }
	
@media (max-width:840px) {
    .xhide {display:none }
}

@media (max-width:760px) {
    .xhide_small { display:none }
    .xhide_small_show { display:block }
	.tbtd1c { width:25% }
}	
/* //sub0201.php ****************************************/

/* form button ****************************************/
	.form-button-go {width:250px; text-align:center; background-color: #06181c;  font-size: 1.2em;  font-weight:normal;  color: #fff;  padding: 10px 20px;  border: none;  border-radius: 5px;  transition: background-color 0.3s, color 0.3s, border-radius 0.3s;}
	.form-button-go a {color: #fff;  border-radius: 50px;	}	
	.form-button-go:hover {background-color: #ff3300;  color: #fff;  border-radius: 50px;	}	
/* form button ****************************************/