@charset "utf-8";


/* 내용관리 */
#ctt {}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}





#gnb .submenu{display:none ! important;}




.mt100{margin-top:100px;}
.mt200{margin-top:200px;}
.mt250{margin-top:250px;}
.mt300{margin-top:300px;}
.mt50{margin-top:50px;}
.ty01_table{
	width:100%;
    border-spacing:0;
    table-layout:fixed;
}
.ty01_table thead th{
	background:#e6f5ff;
	font-weight:500;
	font-size:18px;
	color:#137bc4;
	padding:15px;
}
.ty01_table thead th i img{
	margin-right:15px; width:40px; 
}
.ty01_table tbody th{
	background:#cae6f8;
	font-weight:500;
	font-size:18px;
	color:#2c6f9e;
	border-bottom:1px solid #e6e2e0;
	padding:15px;
}
.ty01_table td{
	padding:15px;
	border-bottom:1px solid #e6e2e0;
	border-left:1px solid #e6e2e0;
	border-right:1px solid #e6e2e0;
	font-size:16px;
	color:#666;
	text-align:center;
	border-collapse: collapse;
	box-sizing: border-box;
	word-break:keep-all;
}
.ty01_table td:first-child{
	border-left:1px solid #e6e2e0;
}
.ty01_table td.tl{
	text-align:left;
}




#hd{position:relative; }
#hd_wrapper{border-bottom:1px solid #eee;}
#logo{margin:0;text-align:center;}

#logo{float:none; padding:0; text-align:center;  z-index:2; position:relative;}
#logo a{display:block; background:url('../../../img/logo3.png') no-repeat;
	background-size:contain; width:300px; height:60px; margin:50px auto; text-indent:-9999px;}
#logo.split a{
	background:url('../../../img/logo.png') no-repeat;
	background-size:contain;}

#gnb .gnb_1dli{padding:0 30px;}
#gnb .gnb_1dli.active span{display:block; position:relative; }
#gnb .gnb_1dli.active span:after{content:""; display:block; width:100%; height:2px; background:#137bc4; position:absolute;
	left:0; bottom:-16px; transition:all .3s; z-index:1;}
#gnb .gnb_1dli a{color:#fff; font-size:20px; }


#gnb .gnb_1dli a{color:#333; font-weight:500;}
#gnb .gnb_1dli a.active{color:#137bc4; font-weight:500; position:relative;}
#gnb .gnb_1dli a.active:after{content:""; display:block; width:100%; height:2px; background:#137bc4; position:absolute;
	left:0; bottom:-16px; transition:all .3s; z-index:1;}
#gnb{padding:15px 0; border:none;}
.menu_btn a span{background:#333;}
.menu_btn{margin:0;}

.ctt_admin{display:none;}

#side{border-top:1px solid #eee; text-align:center;}
#side ul li{display:inline-block; margin:0 20px;}
#side ul li.on a::after {content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; border-bottom: 3px solid #333333; left: 0}
#side ul li a{display:block; padding:15px 0; font-size:18px; font-weight:300;}
#side ul li a.active{color:#137bc4; font-weight:500; border-bottom:3px solid #137bc4;  }
#side ul li a:hover{color:#137bc4; font-weight:500; }

#side02{border-top:1px solid #eee; background:#f4f2ec; text-align:center;}
#side02 ul li{display:inline-block; margin:0 20px;}
#side02 ul li a{display:block; padding:15px 0; font-size:16px; font-weight:300;}
#side02 ul li a.active{color:#137bc4; font-weight:500; border-bottom:2px solid #137bc4;}

.sub01.visual,.sub02.visual,.sub02_1.visual,.sub03.visual,.sub04.visual,.sub05.visual,.sub06.visual,.sub30.visual{
	background:url('../../../img/subbg01.jpg') no-repeat; 
	background-size:cover; 
	background-position:center;
	height:500px;
	text-align:center;
	display:table;
	width:100%;
}
.sub07.visual,.sub08.visual,.sub09.visual,.sub10.visual{
	background:url('../../../img/subbg02.jpg') no-repeat; 
	background-size:cover; 
	background-position:center;
	height:500px;
	text-align:center;
	display:table;
	width:100%;
}
.sub11.visual,.sub12.visual,.sub13.visual,.sub14.visual,.sub15.visual,.sub16.visual,.sub17.visual,.sub18.visual,.sub19.visual,.sub20.visual,.sub25.visual,.sub26.visual{
	background:url('../../../img/subbg03.jpg') no-repeat; 
	background-size:cover; 
	background-position:center;
	height:500px;
	text-align:center;
	display:table;
	width:100%;
}
.sub21.visual,.sub22.visual,.sub23.visual,.sub24.visual,.sub27.visual,.sub28.visual{
	background:url('../../../img/subbg04.jpg') no-repeat; 
	background-size:cover; 
	background-position:center;
	height:500px;
	text-align:center;
	display:table;
	width:100%;
}
.sub29.visual{
	background:url('../../../img/subbg06.jpg') no-repeat; 
	background-size:cover; 
	background-position:center;
	height:500px;
	text-align:center;
	display:table;
	width:100%;
}

.visual h2{
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	font-size:40px;
	font-weight:400;
	letter-spacing:2px;
}
.visual h2 small{
	display:block;
	color:#fff;
	font-size:20px;
	margin-top:15px;
	font-weight:400;
}



.common{
	font-size:40px; text-align:center; padding:100px 0 100px; position:relative; font-weight:400; text-transform: uppercase;
}
.common:after{
	content:""; display:block; position:absolute; top:55px; left:50%; transform:translateX(-50%); color:#137bc4; font-size:22px;
	width:100%; font-weight:400;
}
.common02{
	font-size:30px; text-align:center; padding:100px 0 30px; 
}
.ctt_sub01 .common:after{
	content:"GREETING";
}
.ctt_sub02 .common:after{
	content:"INTRODUCTION";
}
.ctt_sub02_1 .common:after{
	content:"MEDICAL STAFF";
}
.ctt_sub03 .common:after{
	content:"MISSION & VISION";
}
.ctt_sub04 .common:after{
	content:"FACILITY";
}
.ctt_sub05 .common:after{
	content:"PATIENTS RIGHT AND DUTY";
}
.ctt_sub06 .common:after{
	content:"CONTACT US";
}
.ctt_sub07 .common:after{
	content:"MEDICAL SUBJECT";
}
.ctt_sub08 .common:after{
	content:"HOSPITALIZATION AND DISCHARGE PROCEDURES";
}
.ctt_sub09 .common:after{
	content:"ISSUANCE OF MEDICAL RECORDS";
}
.ctt_sub10 .common:after{
	content:"SOCIAL WELFARE PROGRAM";
}
.ctt_sub11 .common:after{
	content:"Radiofrequency Ablation";
}
.ctt_sub12 .common:after{
	content:"mistletoe therapy";
}
.ctt_sub13 .common:after{
	content:"vitamin therapy";
}

.ctt_sub14 .common:after{
	content:"SELENIUM";
}
.ctt_sub15 .common:after{
	content:"acupuncture treatment";
}
.ctt_sub16 .common:after{
	content:"cautery";
}
.ctt_sub17 .common:after{
	content:"a natural anticancer drug";
}
.ctt_sub18 .common:after{
	content:"immune boosters";
}
.ctt_sub19 .common:after{
	content:"anticancer treatments";
}
.ctt_sub20 .common:after{
	content:"immunity treatments";
}

.ctt_sub21 .common:after{
	content:"pain treatment"; color:#4bc5b6;
}
.ctt_sub22 .common:after{
	content:"kinesiatrics"; color:#4bc5b6;
}
.ctt_sub23 .common:after{
	content:"psychological stabilization program"; color:#4bc5b6;
}
.ctt_sub24 .common:after{
	content:"forest therapy"; color:#4bc5b6;
}

.ctt_sub25 .common:after{
	content:"immunostrengthening therapy"; 
}
.ctt_sub26 .common:after{
	content:"anti-cancer detoxification treatment"; 
}
.ctt_sub27 .common:after{
	content:"treatment for lymphatic edema"; color:#4bc5b6;
}
.ctt_sub28 .common:after{
	content:"skin care"; color:#4bc5b6;
}
.ctt_sub29 .common:after{
	content:"nutritional treatment";   color:#4bc5b6;
}

.ctt_sub30 .common:after{
	content:"a promotional video";   
}





@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.content{
	padding-bottom:200px; 
}
.content .inner{
	width:1200px; margin:0 auto; word-break:keep-all;
}
.content .inner:after{
	content:""; display:block; float:none; clear:both;
}
.content .inner02{
	margin:100px auto 0;
}
.content .inner02:first-child{
	margin:0 auto 0;
}
.content .inner02:after{
	content:""; display:block; float:none; clear:both;
}
.content .img_box{
	  max-width:300px; position:relative; margin:0 auto;
}
 
.content .img_box img{
	width:100%;
}
.content .img_box1 img{
	width:100%;
}
.content .txt_box{
	  width:500px;  margin:0 auto; font-size:18px; color:#333; line-height:32px; word-break:keep-all; text-align:center; margin-top:30px;
}
.content .txt_box span.wt{
	font-weight:500; font-size:18px;
}
.content  .txt_box span.cr{
	color:#137bc4;
}
.content  .txt_box span.cr.wt{
	font-size:22px; display:inline-block; padding-right:2px;
}
.content  .txt_box span.ink{
	font-size:30px; display:inline-block; padding-right:2px; font-family: 'InkLipquid';
}
.content  .txt_box .tit{
	font-size:22px; font-weight:400; padding-left:12px; position:relative; margin-bottom:30px;
}
.content .txt_box .tit:before{
	content:""; display:block; width:5px; height:20px; background:#8ba43c; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:2px;
}
.content .txt_box .etc{
	margin-top:30px; font-weight:400; font-size:18px;
}
.content .txt_box .etc ul li{
	margin-top:10px; font-weight:300; font-size:16px; word-break:keep-all; padding-left:9px; position:relative;
}
.content .txt_box .etc ul li:before{
	content:""; display:block; width:4px; height:4px; background:#333; position:absolute; left:0; top:11px; border-radius:100%;
}
.content .txt_box .subt {
	font-size:30px; line-height:35px;
}

.content.sub03 .inner > div{
	font-size:18px; margin-bottom:50px; word-break:keep-all; line-height:30px; margin:0 auto; text-align:center;
}
.content.sub03 .inner > .tbox {max-width:300px;}
.content.sub03 .inner img {width:100%;}
.content.sub03 .inner > .botbox  {
	font-size:30px; margin-top:100px; font-family:'GEDU';
}
.content.sub03 .inner > .botbox > ul {
	display:flex;     justify-content: space-around; margin-top:30px; 
}
.content.sub03 .inner  > .botbox > ul > li{
	font-size:25px; font-weight:500; color:#333;  word-break:keep-all;
}
.content.sub03 .inner  > .botbox > ul > li > .txtbox {
	margin-top:30px;
}
.content.sub03 .inner  > .botbox > ul > li > .txtbox > span {
	color:#137bc4;
}
.content.sub03 .inner  > .botbox > ul > li > .txtbox > h4 {
    font-family:'Noto Sans KR'; font-weight:300; font-size:20px;
}


.content.sub04 .inner {}
.content.sub04 .inner > .tab .txtbox {
	font-size:20px; text-align:center; margin-bottom:30px; color:#137bc4; font-weight:400;
}

.content.sub05 .inner > ul > li{
	font-size:20px; font-weight:500; word-break:keep-all; margin-top:60px;
}
.content.sub05 .inner > ul > li:first-child{
	margin-top:0;
}

.content.sub05 .inner > ul > li > ul > li{
	font-size:18px; color:#333; padding:20px 20px 0;
}
.content.sub05 .inner > ul > li > ul > li div{
	font-size:16px; font-weight:300; padding-top:5px;
}







 
 



 



.title{
	font-size:26px; font-weight:400; display:block; line-height:42px; padding-bottom:10px; text-align:center;
}
.title span{
	display:inline-block;  position:relative;
}
.title span:after{
	content:""; display:block; width:100%; height:6px; background:rgba(139,164,60,0.5); position:absolute; left:50%; transform:translateX(-50%);
	bottom:5px; z-index:-1;
}
.title small {
	display: block; font-size: 18px; font-weight: 300; margin-top:10px;
}
.title02 {
    text-align: center; font-size: 22px; font-weight: 400;
}
.title02 small {
	display: block; font-size: 16px; font-weight: 300;
}


ul.ty01{}
ul.ty01 > li{font-size:20px;  word-break:keep-all; margin-top:35px; background:#fbfbf9; font-weight:400; padding:20px;}
ul.ty01 > li > span{display:inline-block; width:27px; height:27px; background:#846f64; border-radius:100%; font-size:20px; color:#fff; font-weight:500;
	text-align:center; line-height:27px; margin-right:5px;}
ul.ty01 > li > div{font-size:18px;  font-weight:300; padding:10px 0 0 14px; position:relative;}
ul.ty01 > li > div:before{content: ""; display: block; width: 4px; height: 4px; background: #333; position: absolute; left: 2px;
    top: 22px; border-radius: 100%;}
ul.ty01 > li > ul > li{font-size:15px; font-weight:300; margin-top:15px;}
ul.ty01 > li > ul > li div{font-size:15px; color:#999;}

div.ty01{
	font-size:18px; text-align:center; line-height:32px; color:#333; word-break:keep-all;
}
div.ty01 img{
	margin-top:10px;
}




/* 공통 */

.title03{
	font-size:30px; font-weight:400; display:inline-block; line-height:42px; padding-left:20px; position:relative; color:#137bc4;
}
.title03:before{
	content:""; display:block; width:10px;  height:10px; background:#137bc4; border-radius:100%; position:absolute; top:17px; left:0;
	bottom:5px; z-index: 1;
}
.title03:after{
	content:""; display:block; width:10px;  height:10px; background:#137bc4; border-radius:100%; position:absolute; top:17px; right:-20px;
	bottom:5px; z-index: 1;
}

.bl {color:#137bc4;}
.gr {color:#4bc5b6;}

.title04{
	font-size:20px; font-weight:400; color:#215e83; text-align:center;  margin:0 auto; display:inline-block; padding:30px; background:#fff; border-radius:20px;
	width:90%
}
 


 

.mt50{margin-top:50px;}
.mt40{margin-top:40px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
 


.tab{width:1200px; margin:00px auto 0;}
.tabnav{font-size:0; width:700px; margin:0 auto; display:table;}
.tabnav li{display: table-cell;  height:46px; line-height:46px; text-align:center;  width:1%; overflow:hidden;}
.tabnav li a{display:block; font-size:15px; color:#137bc4; border:1px solid #137bc4;}
.tabnav li a:hover,
.tabnav li a.active{background:#137bc4; color:#fff;}
.tabcontent{margin-top:50px;}
.tabcontent img{width:100%;}
.tabnav li:first-child a{border-radius:30px 0 0px 30px;}
.tabnav li:last-child a{border-radius:0px 30px 30px 0px;}
.content.sub19 .inner{text-align:center;} 
/* 공통 */
 

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/* sub02 - 비전과 목표 */

.sub02 .inner .slo{font-family: 'S-CoreDream-9Black'; font-size:30px; text-align:center; border:4px solid #eeeeee; padding:50px 0; position:relative;}
.sub02 .inner .slo:before{content:""; display:block; width:80px; height:80px; position:absolute; left:-4px; top:-4px; border-top:4px solid #658305;
	border-left:4px solid #658305;}
.sub02 .inner .slo:after{content:""; display:block; width:80px; height:80px; position:absolute; right:-4px; bottom:-4px; border-bottom:4px solid #658305;
	border-right:4px solid #658305;}
.sub02 .inner .slo small{font-family: 'S-CoreDream-3Light'; display:block; font-size:18px;}
.sub02 .inner ul{margin-top:50px; background:url('img/sub02_img11.png') no-repeat; background-size:200px; background-position:bottom 0 right 0;}
.sub02 .inner ul:after{content:""; display:block; float:none; clear:both;}
.sub02 .inner ul li{float:left; width:33.3%; text-align:center; display:table;  height:294px; padding:10px; overflow:hidden;}
.sub02 .inner ul li .inner{display:table-cell; vertical-align:middle;}
.sub02 .inner ul li .inner div{margin-top:15px; font-family: 'S-CoreDream-3Light'; font-size:26px; color:#fff;}
.sub02 .inner ul li .inner div span{color:#fff; display:block; font-family: 'S-CoreDream-3Light'; font-weight:bold; font-size:22px; margin-bottom:14px;}
.sub02 .inner ul li.li1 .inner{background:url('img/sub02_img06.png') no-repeat; background-size:cover; background-position:center;}
.sub02 .inner ul li.li2 .inner{background:url('img/sub02_img07.png') no-repeat; background-size:cover; background-position:center;}
.sub02 .inner ul li.li3 .inner{background:url('img/sub02_img08.png') no-repeat; background-size:cover; background-position:center;}
.sub02 .inner ul li.li4 .inner{background:url('img/sub02_img09.png') no-repeat; background-size:cover; background-position:center;}
.sub02 .inner ul li.li5 .inner{background:url('img/sub02_img10.png') no-repeat; background-size:cover; background-position:center;}

.doctor-section {
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 20px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
}

.doctor-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  color: #1a3d2c;
}

.doctor-card {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 60px;
  border-top: 2px solid #ccc;
  padding-top: 30px;
  align-items: stretch; /* 이걸 추가! */
}

.doctor-info {
  flex: 1 1 400px;
  background: #f9f9f9;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.doctor-name {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #2a5d43;
}

.doctor-role {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #666;
}

.doctor-career {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  list-style: disc;
  padding-left: 20px;
}

@media (max-width: 768px) {
  .doctor-title {
    font-size: 24px;
  }

  .doctor-info {
    padding: 20px;
  }

  .doctor-name {
    font-size: 20px;
  }

  .doctor-role {
    font-size: 16px;
  }

  .doctor-career {
    font-size: 15px;
  }
}


.sub03 .conbox {}
.sub03 .conbox ul {width:800px; margin:0 auto; text-align:left;  font-family: 'S-CoreDream-3Light';}
.sub03 .conbox ul li {display:flex; align-items: center; justify-content: center;
background: linear-gradient(160deg, #1b80c6, #5cdacb); border-radius: 20px; box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
padding:20px; color:#fff; margin-bottom:40px; transition:3s;}
.sub03 .conbox ul li:hover {background:linear-gradient(120deg, #1b80c6, #5cdacb) }
.sub03 .conbox ul li .img {width:150px; height:auto; margin-right:20px;  box-shadow: 1px 2px 10px rgba(0,0,0,0.3); border-radius:100%}
.sub03 .conbox ul li .img img {width:100%; }
.sub03 .conbox ul li p {font-size:20px;width:50%; line-height:35px}
.sub03 .conbox ul li p span {font-weight:400; font-size:30px; font-weight:bold;}

.sub04 .inner .link_box{margin-bottom:30px;}
.sub04 .inner .link_box ul:after{content:""; display:block; float:none; clear:both;}
.sub04 .inner .link_box ul li{float:left; width:20%;}
.sub04 .inner .link_box ul li a{display:block; background:#e2e7e1; color:#333; font-size:16px; text-align:center;
	padding:15px 0; transition:all .3s;}
.sub04 .inner .link_box ul li.active a{background:#8ba43c; color:#fff;}
.sub04 .inner .link_box ul li a:hover{background:#8ba43c; color:#fff;}

.sub05 .swiper-slide{width:100%; height:500px; background:#ccc;}
 
.sub06 .inner > .imgbox {width:100% }
.sub06 .inner > .imgbox  img {width:100%}
.sub06 .inner > .tit { text-align:center;  font-weight:bold; padding:30px 0; border-bottom:1px solid #eee; background:#e6f5ff;}
.sub06 .inner > .tit a {font-size:24px; color:#137bc4;}
.sub06 .inner > .adress {  margin-top:30px; }
.sub06 .inner > .adress > ul {}
.sub06 .inner > .adress > ul:after{content:""; display:block; float:none; clear:both;}
.sub06 .inner > .adress > ul > li{ padding: 20px;  float: left;  width: 50%; height:150px; border-bottom: 1px dashed #ccc;}
.sub06 .inner > .adress > ul > li > .li_img { float: left; width:100px;}
.sub06 .inner > .adress > ul > li > .li_txt { float:left; width: calc(100% - 100px;)}
.sub06 .inner > .adress > ul > li > .li_txt span{ font-size:20px; color:#137bc4; font-weight:600;}
.sub06 .inner > .adress > ul > li > .li_txt p{font-size:18px;}

.sub07 .inner > .content1 { padding:30px 0; border-top: 5px dotted #eee; width:93%; text-align:center; margin:30px auto 0 ;}
.sub07 .inner > .content1:first-child { border-top: none; padding:0; padding-top:30px;}
.sub07 .inner > .content1 > div {text-align:center;} 
.sub07 .inner > .content1 > .con01img > img {width:100%}
.sub07 .inner .con2 {background: linear-gradient(180deg, #137bc4, #4bc5b6); color:#fff; padding:40px 30px; margin:20px 0; font-size:18px; border-radius:20px;
box-shadow:1px 2px 10px rgba(0,0,0,0.3) ; }
.sub07 .con5 .con2 > .titsub {color:#fff; font-size:25px; font-weight:600; margin-bottom:10px;}
.sub07 .inner .con2 > p {word-break:keep-all;}
.sub07 .con5 .con2 img {width:100%; display:block;}
.sub07 .inner .con5ul {margin-top:50px;}

 



.sub08 .inner > .content1 {text-align:center; margin-bottom:100px;}
.sub08 .inner > .content1 > ul {display:flex; justify-content: space-evenly; margin-top:20px; flex-wrap:wrap;}
.sub08 .inner > .content1 > ul > li { width:25%; padding:20px;}
.sub08 .inner > .content1 > ul > li > .conimg {}
.sub08 .inner > .content1 > ul > li > .conimg > img { width:100%}
.sub08 .inner > .content1 > ul > li > .context {}
.sub08 .inner > .content1 > ul > li > .context > .tit {font-size:24px; color:#137bc4; font-weight:bold; margin-top:10px;}
.sub08 .inner > .content1 > ul > li > .context > p {font-size:18px;margin-top:10px; word-break:keep-all;}
						
.sub08 .inner > .content1 > .con2 {background: #e6f5ff; padding:30px; margin:20px 0; font-size:18px; }
.sub08 .inner > .content1 > .con2 > .titsub {color:#137bc4; font-size:20px; font-weight:400;}

.sub08 .inner > .content1 > .conbox {display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px; padding:30px; background:#e6f5ff; }
.sub08 .inner > .content1 > .conbox  .context > p {font-size:18px; margin-top:10px; font-weight:400;}
.sub08 .inner > .content1 > .conbox  .context > p span{font-weight:bold; color:#137bc4}
.sub08 .inner > .content1 > .conbox > .left, .right {width:500px;}
.sub08 .inner > .content1 > .conbox > .right { border-left: 2px solid #fff;}
.sub08 .inner > .content1 > .conbox > .left > .context > .tit {font-size:24px; color:#137bc4; font-weight:bold; margin-top:10px;}
.sub08 .inner > .content1 > .conbox > .right > .context > .tit {font-size:24px; color:#137bc4; font-weight:bold; margin-top:10px;}

.sub09 .inner > .content1 { text-align:center; font-size:18px;}
.sub09 .inner > .content1 > ul {display:flex; justify-content:center; flex-wrap:wrap;  margin:30px 0; }
.sub09 .inner > .content1 > ul > li {width:30%; background: #e6f5ff; padding:30px; margin:10px; border-radius:20px; color:#137bc4; font-weight:400; }
.sub09 .inner > .content1 > p {background:#fafafa;padding:20px; margin:5px 0;}

.sub10 .inner > .content1 { text-align:center; font-size:18px;}
.sub10 .inner > .content1 > .title03 {margin-bottom:20px;}

/* sub11~20 */
.con1 {background:#f7f7f7; width:100%; padding:100px 0; }
.con1 > .incon {max-width:1200px; margin:0 auto; }
.con1 > .incon > .left {width:45%; display:inline-block;  text-align:center;}
.con1 > .incon > .left img {width:100%; max-width:330px;}
.con1 > .incon > .right {width:50%; display:inline-block;  vertical-align: middle;}
.con1 > .incon > .right > .subtit {font-size:30px;font-weight:bold;}
.con1 > .incon > .right >.desc {font-size:20px;  font-weight:400; word-break:keep-all; }
.con1 > .incon > .right > p {font-size:16px; word-break:keep-all;}

.inner > .con2 {padding:100px 0; text-align:center;}
.inner > .con2 > .listbox {display:flex; justify-content:center; margin-top:30px;}
.inner > .con2 > .listbox > .listli {width:200px; height:200px; background:#137bc4; border-radius:100%; margin:0 -10px; opacity:0.8; display:table;  }
.inner > .con2 > .listbox> .listli:nth-child(2n) {background:#45c8c3;}
.inner > .con2 > .listbox> .listli > .listcon { vertical-align: middle; display:table-cell; }
.inner > .con2 > .listbox> .listli > .listcon > .num {margin-bottom:20px; font-size:18px; color:#fff; font-weight:400; display:block;}
.inner > .con2 > .listbox> .listli > .listcon > .desc {margin-bottom:20px; font-size:18px; color:#fff; font-weight:400; display:block;}

.con3 {background:#1f3038; width:100%; padding-top:100px;text-align:center;}
.con3 .conimg {max-width:1200px; margin:0 auto; margin-top:30px;}
.con3 .conimg img {width:100%;}


.inner > .con4 {padding:100px 0; text-align:center;} 
.inner > .con4 img {width:100%;}
.inner > .con4 .conimg {width:100%; margin:0 auto;}
.inner > .con4 > .desc {background:#e6f5ff;  font-size:18px; font-weight:300; margin-top:30px; padding:50px; border-radius:20px; text-align:left;}
.inner > .con4 > .desc p {font-size:16px;  margin-left:10px; color:#666}

.con5 {background:#f7f7f7; width:100%; padding:100px 0; text-align:center; }
.con5 > .inner > ul {width:85%; margin:0 auto; margin-top:30px; }
.con5 > .inner > ul > li {padding:20px;  padding-left:60px;  background:#fff; margin:10px 0; border-radius:20px; font-size:18px;}
.con5 > .inner > ul > li:after{	content:""; display:block; float:none; clear:both; }
.con5 > .inner > ul > li > .subtit {float:left; width:20%; text-align:left; font-weight:400; color:#137bc4;     }
.con5 > .inner > ul > li > .subcon {float:left; width:70%; text-align:left; border-left:1px solid #137bc4;  padding-left:30px;}

.con6 {background:#f7f7f7; width:100%; padding:100px 0; text-align:center; }
.con6 > .inner > ul {width:85%; margin:0 auto; margin-top:30px; }
.con6 > .inner > ul > li {padding:20px;  padding-left:60px;  background:#fff; margin:10px 0; border-radius:20px; font-size:18px;}
.con6 > .inner > ul > li:after{	content:""; display:block; float:none; clear:both; }
.con6 > .inner > ul > li > .subtit {float:left; width:20%; text-align:left; font-weight:400; color:#67dfb6;   padding-right:30px; border-right:1px solid #67dfb6;   }
.con6 > .inner > ul > li > .subtit img {width:100%;}
.con6 > .inner > ul > li > .subcon {float:left; width:70%; text-align:left;  padding-left:30px;}


.con7 { text-align:center; margin:0 auto; background:#fff;  margin-bottom:100px;}
.con7 > .desc {background:#e6f5ff;  font-size:18px; font-weight:300; padding:50px; border-radius:20px; }
.con7 > .desc p {font-size:16px;  margin-left:10px; color:#666}
.con7 > .desc > ul {text-align:left; width:88%; margin:30px auto; }
.con7 > .desc > ul > li {position:relative; font-size:20px; padding-left:10px;  } 
.con7 > .desc > ul > li:after {content:""; width:4px; height:4px; background:#137bc4; border-radius:100%; position:absolute; left:0; top:12px;}


.con8 {background:#e6f5ff; width:100%; padding:100px 0; text-align:center; }
.con8 .deimg {background:#fff; padding:20px 50px; margin-top:30px;}
.con8 img {width:80%;   }
.con8  > .inner > .desc {background:#fff;  text-align:center; font-size:18px; padding:50px; border-radius:20px; margin-top:30px;}
.con8  > .inner > .desc p {width:80%; margin:0 auto; word-break:keep-all;}
.con8  > .inner > .desc img {width:100%; max-width: 90%; display: block;  text-align: center; margin:0 auto; box-shadow:3px 3px 20px rgba(0,0,0,0.1)}






/* sub21~24 */
.subver2 .inner > .con2 > .listbox > .listli {width:200px; height:200px; background:#3dbdb2; border-radius:100%; margin:0 -10px; opacity:0.8; display:table;  }
.subver2 .inner > .con2 > .listbox> .listli:nth-child(2n) {background:#67dfb6;}
.subver2 .title03 {color:#4bc5b6;}
.subver2 .title03:before {background:#4bc5b6;}
.subver2 .title03:after {background:#4bc5b6;}
.subver2 .con5 > .inner > ul > li > .subtit {color:#4bc5b6;  }
.subver2 .con5 > .inner > ul > li > .subcon {border-left:1px solid #4bc5b6;}

.subver2 .conimg img{width:100%}
.subver2 .inner > .con4 > .desc {background:#ecf9f8}


.subver2 > .inner > .con7 { text-align:center; margin:0 auto; background:#fff;  margin-bottom:100px;}
.subver2 > .inner > .con7 > .desc {background:#ecf9f8;  font-size:18px; font-weight:300; padding:50px; border-radius:20px; }
.sub21 > .inner > .con7 {margin-top:100px;}
.subver2 > .con8 {background:#ecf9f8;}
.subver2 > .con8  > .inner > .desc {background:#fff;  text-align:center; font-size:18px; padding:50px; border-radius:20px; margin-top:30px;}
.subver2 > .con8  > .inner > .desc img {width:100%; max-width:90%; display: block;  text-align: center; margin:0 auto;}


.subver3 .title03 {color:#4bc5b6;}
.subver3 .title03:before {background:#4bc5b6;}
.subver3 .title03:after {background:#4bc5b6;}
.subver3 > .con8 {background:#ecf9ed }
.subver3 .con6 > .inner > ul > li > .subcon {width:80%}


#m_side{display:none;}

@media only screen and (max-width: 1220px){
	.content .inner{width:96%;}

	.content.sub01 .img_box{width:500px;}
	.content.sub01 .txt_box{width:calc(100% - 550px);}

	.tab{width:96%;}

	.content.sub07 div.ty01 img{width:100%;}

	.content.sub13 .inner .div01 img{width:100%;}

	.content.sub08 .img img{width:100%;}

	.content.sub09 .inner .div01 img{width:100%;}

	.content.sub10 .inner .div01 img{width:100%;}

	div.ty01 img{width:100%;}

	.content.sub12 .inner .div01 img{width:100%;}

	.content.sub14 .inner div img{width:100%;}

	.content.sub16 .inner .div01 img{width:100%;}

	.content.sub16 .inner .div02 img{width:100%;}
 
	#gnb .gnb_1dli{PADDING:0 20px 0px 20px;}


    .inner > .con2 {padding:100px 0;}



}
@media only screen and (max-width: 1024px){
	.m_menu_btn{HEIGHT:66PX;}
	.m_menu_btn a span{BACKGROUND:#333;}
	#logo a{margin:20px 0 20PX 20px; width:250px; background: url(../../../img/logo3.png) no-repeat; background-size: contain;
			background-position:50% 50%;  }
	#logo.split{position:initial; top:initial; left:initial; transform:initial; z-index:99999999999; position:Fixed;}

	#side{display:none;}
	#m_side{display:block; background:#16608c; }
	.quick_list > a{font-size:16px; font-weight:400; display:block; position:relative; padding:20px; color:#fff;}
	.quick_list > a:after{content:""; display:block; width:11px; height:7px; background:url('img/arrow_icon.png') no-repeat;
		position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.quick_list.selected > a:after{background:url('img/arrow_icon2.png') no-repeat;}
	.quick_list .desc_box{position:absolute; display:none; width:100%; z-index:20; }
	.quick_list .desc_box ul li a{background:#fff; font-size:15px; padding:20px; display:block; border-bottom:1px solid #eaeaea;}

	.common{font-size:32px; }
	.common02{font-size:28px;}

	.common:after{font-size:18px;}

	.content.sub01 .img_box{float:none;}
	.content .img_box:after{display:none;}
	.content.sub01 .txt_box{float:none; width:100%; margin:100px 0 0 0;}
	.content .txt_box{font-size:16px; line-height:28px; width:100%}
	.content .txt_box .subt {font-size:20px;}

	
	.content.sub03 .inner > ul > li{font-size:18px;}
	.content.sub03 .inner > ul > li > ul > li{font-size:16px;}
	.content.sub03 .inner > ul > li > ul > li div{font-size:15px;}
	.sub03 .conbox ul {width:90%}
	.sub03 .conbox ul li .img {width:30%}
	.sub03 .conbox ul li p span {font-size:16px; }
	.sub03 .conbox ul li p {font-size:14px;width:70%;line-height: 28px;}

	.ty01_table{table-layout:auto;}
	.ty01_table tbody th{width:160px;}
	.ty01_table tbody td{width:calc(100% - 160px);}
	

	.title03{font-size:24px;}
	.title03:after{bottom:10px;}

	div.ty01{font-size:16px; line-height:26px;}

	.content.sub07 .inner03 .txt div{font-size:22px;}

	



	#side02 ul li a{font-size:14px;}

	.content.sub13 .inner .div01{font-size:16px; line-height:28px; word-break:keep-all;}
	.content.sub13 .inner .div01 br{display:none;}

	.content.sub12 .inner .div01{font-size:18px; line-height:28px; word-break:keep-all;}

	.content.sub13 .inner .div02 > ul > li{font-size:24px;}
	.content.sub13 .inner .div02 > ul > li div{font-size:16px; line-height:28px;}

	.content.sub09 .inner .div01{font-size:16px; line-height:28px; word-break:keep-all;}

	.content.sub09 .inner ul li .txt div{font-size:20px; word-break:keep-all;}
	.content.sub09 .inner ul li .txt div:before{height:16px; top:6px; transform:initial;}
	.content.sub09 .inner ul li .txt p{font-size:16px; line-height:28px; word-break:keep-all;}

	.content.sub11 .inner ul li .txt div{font-size:20px; word-break:keep-all;}
	.content.sub11 .inner ul li .txt div:before{height:16px; top:6px; transform:initial;}
	.content.sub11 .inner ul li .txt p{font-size:16px; line-height:28px; word-break:keep-all;}


	.content.sub10 .inner .div01{font-size:16px; line-height:28px; word-break:keep-all;}
	.content.sub10 .inner .div01 br{display:none;}

	.ty01_table thead th{font-size:16px; word-break:keep-all;}
	.ty01_table td{font-size:14px;}

	.title03{font-size:20px; word-break:keep-all; line-height:36px;}
	.title04{font-size:16px; word-break:keep-all; line-height:20px; padding:17px;}

	.content.sub12 .inner .div01 ul li{font-size:15px; line-height:22px;}

	.content.sub14 .inner .div02 ul li{font-size:20px; word-break:keep-all;}

	.content.sub14 .inner .div02 ul li div{font-size:16px; line-height:28px; word-break:keep-all;}
	.content.sub14 .inner .div02 ul li div br{display:none;}
 

	.content.sub16 .inner .div01 p{font-size:16px; line-height:28px; word-break:keep-all;}
	.content.sub16 .inner .div01 p br{}

	.content.sub16 .inner .div02 ul li{font-size:20px;}
	.content.sub16 .inner .div02 ul li div{font-size:16px; line-height:28px; word-break:keep-all; white-space: normal;}

	.ty01_table tbody th{font-size:16px; padding:15px 5px;}
	.ty01_table tbody td{padding:15px 5px;}

	.content.sub17 .inner .ul1 li .img img{width:60px;}
	.content.sub17 .inner .ul1 li .txt{font-size:16px; word-break:keep-all;}

	ul.ty01 > li{font-size:18px;}
	ul.ty01 > li > div{font-size:16px;}

	.content.sub18 .inner ul.ul:after{content:""; display:block; float:none; clear:both;}
	.content.sub18 .inner ul.ul li{display:block; float:left; width:33.3%; margin:0 0 30px 0;}
	.content.sub18 .inner ul.ul li .img{font-size:16px;}
	.content.sub18 .inner ul.ul li .txt{font-size:14px;}

	.content.sub18 .inner ul.ul li .img{width:120px; height:120px;}
	.content.sub18 .inner ul.ul li img{height:30px;}

	.content.sub18 .inner .div{margin-top:20px;}
	.content.sub18 .inner .div ul li{font-size:14px;}

	.content.sub19 .ty01_table tbody th{width:120px; word-break:keep-all;}

	.content.sub19 .inner ul.ul li{width:31%; margin:0 1%;} 
	.content.sub19 .inner ul.ul li .img{width:90px; height:90px;}
	.content.sub19 .inner ul.ul li .txt{font-size:16px;}
	.content.sub19 .inner ul.ul li .txt small{font-size:14px; word-break:keep-all;}

	.content.sub02 .ty01{display:none;}

	.content.sub22 .inner > ul > li > div.b{font-size:16px;}
	.content.sub22 .inner > ul > li > div{font-size:15px;}
	.content.sub22 .inner > ul > li > ul > li{font-size:15px;}
	.content.sub22 .inner > ul > li > ul > li > ul > li{font-size:14px;}
	

	.visual{height:200px ! important;}
	.visual h2 {font-size:25px;}
	.visual h2 small {font-size:15px;}
	
	.sub06 .inner > .adress > ul > li {width:100%; height:auto;}

	.sub08 .inner > .content1 > ul > li {width:50%} 
	.sub08 .inner > .content1 > ul > li > .context > p {font-size:13px; }
	.sub08 .inner > .content1 > .con2 {font-size:13px;}
	.sub08 .inner > .content1 > .conbox {padding:10px;}
	.sub08 .inner > .content1 > .conbox .context > p {font-size:13px;} 
	.sub08 .inner > .content1 > .conbox > .left, .right {width:100%; padding:20px;}
	.sub08 .inner > .content1 > .conbox > .right {border-left:none; border-top:1px solid #fff;}


}

@media only screen and (max-width: 900px){
	#side02 ul:after{content:""; display:block; float:none; clear:both;}
	#side02 ul li{float:left; width:50%; margin:0;}
	#side02 ul li a.active{border:none; background:#137bc4; color:#fff;}
 
 	
	.content .txt_box {font-size:14px;}
	.content .txt_box span.wt {font-size:15px;}

 	.tabnav{width:100%;}
	.tabnav:after{content:""; display:block; float:none; clear:both;}
	.tabnav li{display:block; float:left; width:50%;}
	.tabnav li a{border:none;}
	.tabnav li:first-child a {border-radius:0;}
	.tabnav li:last-child a {border-radius:0}
	.tabnav li{border:1px solid #137bc4; border-left:1px solid #137bc4; box-sizing:border-box;}
	.tabnav li:nth-child(2){border-right:1px solid #137bc4;}
	.tabnav li:nth-child(4){border-right:1px solid #137bc4; border-bottom:1px solid #137bc4;}
	.tabnav li:nth-child(5){border-right:1px solid #137bc4; border-bottom:1px solid #137bc4;}

	.content.sub03 .inner > .botbox > ul > li {font-size:17px;}
	.content.sub03 .inner > .botbox > ul > li > .txtbox > h4 {font-size:10px;}
	
	.content.sub06 .inner > .adress > ul > li > .li_txt {width:250px; }
	.content.sub06 .inner > .adress > ul > li > .li_txt p {word-break:keep-all;}
	.content.sub07 .inner03 .img02{float:none; width:100%;}
	.content.sub07 .inner03 .txt{float:none; width:100%; margin:50px 0 0 0;}
	.content.sub07 .mt250{margin-top:100px;}

	.content.sub09 .inner ul{width:100%;}
	.content.sub09 .inner ul li{width:100%; padding:20px 0;}
 
/*  sub11~24 */
	.con1 > .incon {padding:0 10px;}
	.con1 > .incon > .left {width:100%}
	.con1 > .incon > .right {width:100%; padding:0; padding-top:30px; word-break:keep-all;}
	.con1 > .incon > .right > .subtit  {font-size:20px;}
 	.con1 > .incon > .right >.desc  {font-size:16px;}
	.con1 > .incon > .right > p {font-size:13px;}
	.inner > .con2 > .listbox > .listli {width:90px; height:90px;  margin: 0px -5px;}
	.inner > .con2 > .listbox> .listli > .listcon > .num {font-size:13px; margin-bottom:10px;}
	.inner > .con2 > .listbox> .listli > .listcon > .desc {font-size:10px}
	.inner > .con4 > .desc {font-size:14px; padding:20px;}
	.inner > .con4 > .desc p {font-size:13px}
	.con5 > .inner > ul {width:100%}
	.con5 > .inner > ul > li {padding-left:0; font-size:10px ; padding:10px 20px;} 
	.con5 > .inner > ul > li > .subtit {padding-right:10px; }
	.con5 > .inner > ul > li > .subcon {padding-left:10px; width:80%   }

	.con6 > .inner > ul {width:100%}
	.con6 > .inner > ul > li {padding-left:0; font-size:10px ; padding:10px 20px;} 
	
	.con7 {margin-bottom:50px;}
	.con7 > .desc {padding:20px;}
	.con7 > .desc > ul > li {font-size:14px;}
	.con8 {padding:50px 0;}
	.con8 > .inner > .desc {padding:20px; font-size:14px;  margin-top:0;}
	.con8 > .inner > .desc p {width:90%}
	.con8 .deimg {padding:0}
	 

/* 	sub21~24 */
	.subver2 {}
	.subver2 .inner > .con2 > .listbox > .listli {width:90px; height:90px;  margin: 0px -5px;}
	.subver2 .inner > .con7 {margin-bottom:50px;}
 	.subver2 .inner > .con7 > .desc {padding:20px;}
	.subver2 .inner > .con7 > .desc > ul > li {font-size:14px;}
	.subver2 .con8 > .inner > .desc {padding:20px; font-size:14px; margin-top:0;}
	.subver2 .con8 .deimg {padding:0}

}
@media only screen and (max-width: 500px){
	
	.subver2 .con5 > .inner > ul > li > .subtit {width:30%}
	.subver2 .con5 > .inner > ul > li > .subcon {width:65%;}
	.subver2 .con6 > .inner > ul > li > .subtit {padding-right:10px; border-right:none; }
	.subver2 .con6 > .inner > ul > li > .subcon {padding-left:10px; width:80%; border-left: 1px solid #67dfb6;}
	 
}


/* sub30 youtube 유튜브 */

.sub30 .youtube { position: relative; overflow: hidden; width: 100%; height:auto; padding-top: 56.25%; left: 50%; transform: translateX(-50%); }
.sub30 .responsive-iframe { position: absolute; top: 0;  left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0; }

@media only screen and (max-width: 500px){
.youtube { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0; }
}