#sub_visual{position:relative; height:300px; text-align:center; background-color:#FFF;  z-index:1;display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; background-position:center center; background-repeat:no-repeat; color:#FFF; background-size:cover; }
#sub_visual:after{position:absolute; top:0; left:0; right:0; bottom:0;z-index:-1;  background:rgba(0,0,0,.3) ; content:""}
#sub_visual h2{ font-size:3em;padding-top:80px;  line-height:100%; color:#FFF;  }


@media (min-width:737px){
.nop{display:none; position:absolute; width:0; height:0; overflow:hidden;}
}

@media (max-width:736px){
.nom{display:none; position:absolute; width:0; height:0; overflow:hidden;}
#sub_visual{margin-top:70px;  height:30vw;    }
#sub_visual h2{ font-size:6vw;padding-top:0;   }
}

#pageNavi{position:relative; background:#fff; height:50px; line-height:50px; z-index:4;   border-top:1px solid #EEE; display:none;}
#pageNavi:before{position:absolute; top:0; border-bottom:1px solid #DDD;  bottom:0; left:50%; margin-left:-500vw; width:1000vw;z-index:-1; content:"";}
#pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);   line-height:50px; font-size:1.4em; padding:0 20px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; z-index:1;}
#pageNavi dl dd{display:none}
#pageNavi dl dt{position:relative; padding:0 30px; border-right:1px solid rgba(0,0,0,.1); }
#pageNavi dl dd{position:absolute; top:50px; left:0; width:200px; min-width:100%; background:#827b69}
#pageNavi dl dd a{display:block; line-height:20px; padding:10px 0 10px 20px; border-bottom:1px solid rgba(255,255,255,.1)}
#pageNavi dl dd a:hover{background:#333}
#pageNavi dl.sub:hover{z-index:2;}
#pageNavi dl.sub dt{padding-right:50px;cursor:pointer; }
#pageNavi dl.sub dt:after{position:absolute; top:0; right:20px; line-height:50px;  font-family:"fontAwesome"; content:"\f105";}
#pageNavi dl.sub:hover dd{display:block; font-size:.9em;}
#pageNavi dl.sub:hover dt{background:#827b69;color:#FFF}
#pageNavi dl.sub:hover dt:after{content:"\f107";}




#page_title{position:relative; text-align:center; clear:both; padding-bottom:20px; margin-bottom:60px; margin-top:80px}
#page_title strong{position:relative; font-size:2.6em; line-height:100%;  display:inline-block;  background:#FFF; padding:0 20px; font-weight:300;  }
 #page_title:before{position:absolute; bottom:-10px; left:50%; margin-left:-10px;  height:20px; border:4px  solid #9b8a5d; background:#fff; width:20px; border-top:0; border-bottom:0; content:"";-webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);}
#page_title:after{position:absolute; width:200vw; left:50%; margin-left:-100vw; height:1px; bottom:0; background:#DDD;z-index:-1; content:"";}

@media (max-width:736px){
	#page_title{ padding-bottom:2vw; margin-bottom:6vw; margin-top:8vw}
	#page_title strong{  font-size:6vw;   padding:0 2vw;  }
	 #page_title:before{ bottom:-1.5vw;   margin-left:-1.5vw;  height:3vw; border:2px  solid #9b8a5d;  width:3vw; border-top:0; border-bottom:0; }
}

.sub_container{position:relative; clear:both;  z-index:1; padding-bottom:80px;}
.sub_container.skin_page{ padding: 0; }

#pageTitle{font-size:2em; line-height:100%; padding:20px 0; font-weight:700; border-bottom:1px solid #EEE; margin-bottom:40px; }

.pageContent{ font-size:1.143em;  line-height:180%;   transform:skew(-0.001deg); position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}

#m3banner.sub:before{position:absolute; top:0; bottom:0; left:50%; width:200vw; margin-left:-100vw; background:#f4f7f9; z-index:-1; content:"";}


@media (max-width:736px){
.sub_container{  padding-bottom:40px;  }
.pageContent{ font-size:1em;margin:0 4vw   }

}

.fmm{font-family:"Nanum Myeongjo"; letter-spacing:-.06em}
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:150%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:2.0em; }
.pageContent h3{font-size:1.8em; }
.pageContent h4{font-size:1.6em; }
.pageContent h5{font-size:1.3em; }
.pageContent h6{font-size:1.1em; }

	@media (max-width:736px){
		.pageContent h1{font-size:1.6em; }
		.pageContent h2{font-size:1.5em; }
		.pageContent h3{font-size:1.4em; }
		.pageContent h4{font-size:1.3em; }
		.pageContent h5{font-size:1.2em; }
		.pageContent h6{font-size:1.1em; }
	}


.pageContent strong{font-weight:700}
.pageContent b{font-weight:800}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent img{max-width:100%}


.pageContent p{padding:10px 0; line-height:2;}
.pageContent ul{padding:10px 0px 0 16px; list-style-type: disc;}
.pageContent ul ul{list-style-type: circle;}
.pageContent ul ul ul{list-style-type: square;}
.pageContent ol{padding:10px 0px 0 30px; list-style-type: decimal;}
.pageContent ol ol{list-style-type: lower-alpha; }
.pageContent ol ol ol{list-style-type: upper-roman; }
.pageContent li{line-height:150%; margin-bottom:6px;}
.pageContent ol.ol_table{width:300px; }
.pageContent ol.ol_table li{background:url(./img/dot.gif) center repeat-x; position:relative; }
.pageContent ol.ol_table li span{background:#FFF}
.pageContent ol.ol_table li em{background:#FFF; position:absolute; top:0; right:0; }


.pageContent u{text-decoration:underline;  }
.pageContent .link{text-decoration:underline; color:#1d70bd}
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.8em; opacity:.8}
.pageContent .small{font-size:.8em; opacity:.8}
.pageContent big{font-size:1.2em;  }
.pageContent .big{font-size:1.2em;  }

.pageContent .cfm{color:#9b8a5d; }
.pageContent .cfm3{color:#93614a; }
.pageContent .cfB{color:#000; }
.pageContent .cfh{color:#999; }
.pageContent .cfr{color:#F44; }
.pageContent .cfb{color:#1c8cc1; }
.pageContent .cfb1{color:#3d8cb9; }
.pageContent .cfb2{color:#243e86; }
.pageContent .cfg{color:#3db9ac; }
.pageContent .cfy{color:#F60; }
.pageContent .cfw{color:#FFF; }

.pageContent .cbm{background:#9b8a5d; color:#FFF; }
.pageContent .cbmp{background:#9b8a5d; color:#FFF; padding:.5%;}
.pageContent p.cbmp{background:#9b8a5d; color:#FFF; padding:.5% 1%;}
.pageContent .cbm2{background:#9b8a5d; color:#FFF; }
.pageContent .cbh{background:#afafaf; color:#FFF; }

.pageContent .cbB{background:#000; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.pageContent .cbr{background:#F44; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.pageContent .cbb{background:#39F; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.pageContent .cbg{background:#3db9ac; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.pageContent .cby{background:#ffcc00;  padding:.1em .3em; vertical-align:middle; display:inline-block; }
.pageContent .cbw{background:#fff;  padding:.1em .3em; vertical-align:middle;  }





.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both;margin-right:9px;padding-bottom:6px;  color:#000;  }
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}


.sub_header{position:relative; padding:40px;  padding-left:420px;   background-repeat:no-repeat; background-position:left top;  }
.sub_header h3{margin:0;  }
.sub_header aside{position:absolute; top:0; left:0; z-index:-1;}
.sub_header.nm{padding:50px 75px;}

.pageContent .title_n{z-index:1; margin:0; padding:10px 0; margin:1.5em 0 .8em; font-weight:400 ; font-size:36px;  overflow:hidden;  letter-spacing:-.05em }
.pageContent .title_n:before{    display:block;  height:60px; background:url(/img/icon_logo.png) center center no-repeat; background-size:auto 100%; content:""; }


.pageContent .title{z-index:1; margin:0; padding:10px 0; margin:1.5em 0 .8em; font-weight:400 ;  overflow:hidden;  letter-spacing:-.05em }
.pageContent .title:before{    position:absolute; top:-5px; left:0; width:30px; height:30px; background:url(/img/icon_logo.png) center center no-repeat; background-size:100%; content:""; }


.pageContent .title2{z-index:1; margin:0; padding:.2em 0; margin:1em 0 .4em;font-weight:600 ;   overflow:hidden;}
.pageContent .title2:before{ display:inline-block; width:.2em; height:.6em; background:#9b8a5d;vertical-align:middle; margin-right:10px; content:""; }

.pageContent .title3{z-index:1; margin:0; padding:.2em 0; margin:1em 0 .4em;font-weight:600 ;   overflow:hidden;}
.pageContent .title3:before{ display:inline-block; width:.2em; height:.2em; background:#9b8a5d;vertical-align:middle; margin-right:10px; content:""; }

.pageContent .title4{z-index:1; margin:0; padding:.2em 0; margin:1em 0 .2em;font-weight:600 ;   overflow:hidden;}

.pageContent .title5{z-index:1; margin:0; padding:.2em 0; margin:1em 0 .4em;font-weight:400 ;   overflow:hidden;}

@media (max-width:736px){
.pageContent .title_n{ font-size:1.6em; }
.pageContent .title_n:before{display:none; }

}

.pageContent > section{position:relative;  }

.pageContent article{_display:inline-block; overflow:hidden; zoom:1}
.pageContent article:after{display:block;clear:both;content:''}
@media (max-width:736px){
.pageContent article.mov{ overflow:visible;}
}



.pageContent .nmt{margin-top:0 !important;}
.pageContent .w50px{width:50px;}
.pageContent .w100px{width:100px;}
.pageContent .w150px{width:150px;}
.pageContent .w200px{width:200px;}
.pageContent .w300px{width:300px;}
.pageContent .w400px{width:400px;}
.pageContent .w500px{width:500px;}


.pageContent .pl10{padding-left:10px;}
.pageContent .pl20{padding-left:20px;}
.pageContent .pl30{padding-left:30px;}
.pageContent .pl40{padding-left:40px;}
.pageContent .pl50{padding-left:50px;}

.pageContent .ml10{margin-left:10px;}
.pageContent .ml20{margin-left:20px;}
.pageContent .ml30{margin-left:30px;}
.pageContent .ml40{margin-left:40px;}
.pageContent .ml50{margin-left:50px;}


.table_s{width:100%}
.table_s.center{text-align:center;}
.table_s thead th{font-weight:bold; border-bottom:1px solid #DDD;  padding:20px 0; text-align:center;}
.table_s tbody th{padding:15px 0;   border-bottom:1px solid #DDD;text-align:center;}
.table_s tbody td{padding:15px; border-bottom:1px solid #DDD;}

@media (max-width:736px){
 .table_s thead th{ padding:2vw 0; text-align:center;}
.table_s tbody th{padding:1.5vw 0;    }
.table_s tbody td{padding:1.5vw; }
.table_s .nop{background:#EEE;}

}


.pageContent .ols_1{counter-reset:sign-num; list-style:none; padding:0; margin:0; margin-top:20px;}
.pageContent .ols_1 li {padding-left:44px;}
.pageContent .ols_1 li:before {counter-increment:sign-num; content:'0'counter(sign-num); display:inline-block; width:34px;height:34px;  margin-left:-44px; border-radius:50%;background-color:#827b69;color:#fff;font-size:1.1em;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}
.pageContent .ols_1 li h6{font-weight:bold; display:inline-block; padding:0; margin:0; }

.pageContent .uls_1{padding:0; margin:10px 0;  list-style:none; padding-left:20px;}
.pageContent .uls_1 li{position:relative; padding:8px 0}
.pageContent .uls_1 li:after{position:absolute; left:-20px;border-bottom:1px dashed #DDD; bottom:0;  right:0; content:""; }
.pageContent .uls_1 li:before{content:"\f14a";font-family:'fontawesome'; color:#999; display:inline-block; width:20px; margin-left:-20px;}



dl.step{text-align:center;   display: -webkit-flex; display: flex; flex-wrap:wrap; justify-content:center}
dl.step dd{ position:relative; border:1px solid #DDD; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #DDD; box-sizing:border-box; width:22%;   margin-left:4%; margin-bottom:2%;  }
dl.step dd:after{position:absolute; top:0; bottom:0; width:20%;  left:-20%;  color:#999; display: -webkit-flex; display: flex; align-items:center; justify-content:center; font-size:2em; font-family:'fontawesome'; content:'\f0a9'}
dl.step dd:first-child{margin-left:0}
dl.step dd:first-child:after{display:none;}
dl.step dd strong{display:block; font-size:2em;  color:#1d70bd; padding:4%; line-height:100%;}
dl.step dd h4{margin:0; background:#1d70bd; color:#FFF; line-height:200%;}
dl.step dd p{padding:8% 0%; line-height:120%;  }


dl.dlw{  margin:0;   display: -webkit-flex; display: flex; justify-content:space-between;}
dl.dlw.jc{justify-content:center;}
dl.dlw > dd{position:relative;   box-sizing:border-box;    }

dl.dlw.nb > dd{border:0}
dl.dlw.wr{flex-flow:wrap; margin:-.5%}
dl.dlw.w2 > dd{width:49%; margin:.5%;}
dl.dlw.w3 > dd{width:32%; margin:.5%;}
dl.dlw.w4 > dd{width:24%; margin:.5%;}
dl.dlw.w5 > dd{width:19%; margin:.5%;}
dl.dlw.w6 > dd{width:15.66%; margin:.5%;}
dl.dlw.cor > dd{background:#fafafa;  padding:20px; border:1px dashed #AAA; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; }
dl.dlw.cor1 > dd{position:relative; background:#FAFAFA url(/sub/img/pattern/mptlb20.png); border:0;  padding:30px 0; z-index:1;  }
dl.dlw.cor1 > dd:after{position:absolute;z-index:-1; background:#FAFAFA;  top:10px; left:0; right:0; bottom:10px; content:"";}
dl.dlw.cor2 > dd{background:#FFF; border:5px solid #9b8a5d; background:#9b8a5d url(/sub/img/pattern/mptrb10.png);  padding:20px; color:#FFF;  }
dl.dlw.cor3 > dd{border-bottom:1px solid #DDD;   padding: 0;    }
dl.dlw.cor4 > dd{  padding:15px 0;    border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; background:#e1d4b2}
dl.dlw.vc > dd{ display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center;  }

dl.dlw.m1{margin:0 -.5%;}
dl.dlw.m1 dd{width:0; flex-grow:1; margin:0 .5%;}

dl.dlw.s4{ }
dl.dlw.s4 dd{   width:20%; height:0; padding:0; padding-top:20%; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;    }
dl.dlw.s4 dd p{position:absolute; top:0; left:0; right:0; bottom:0; padding:0; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center;}

dl.dlw.s5{ }
dl.dlw.s5 dd{   width:16%; height:0; padding:0; padding-top:16%; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;    }
dl.dlw.s5 dd p{position:absolute; top:0; left:0; right:0; bottom:0; padding:0; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center;}


dl.dlw .step_a{position:relative; width:5%}
dl.dlw .step_a:after{position:absolute; left:0; top:50%;   width:100%; text-align:center; height:40px; text-align:center;   margin-top:-20px;    color:#9b8a5d; font-size:2em; font-family:'fontawesome'; content:"\f105";}
dl.dlw .step_num{position:absolute; background:#e2ea65; color:#fff;width:50px; height:50px; line-height:50px; top:6%; left:6%; font-weight:800; z-index:2; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;   }
dl.dlw .cor2_num{position:absolute; background:#999; color:#fff; border:5px solid #FFF; width:50px; height:50px; line-height:50px; top:-30px; left:20px; font-weight:800; z-index:2; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;   }


@media (max-width:736px){
dl.dlw{  margin:0; margin-top:20px; }
dl.dlw.mwr{flex-flow:wrap; margin:-.5%}
dl.dlw.mw1 > dd{width:99%; margin:.5%;}
dl.dlw.mw2 > dd{width:49%; margin:.5%;}
dl.dlw.mw3 > dd{width:32.33%; margin:.5%;}

dl.dlw.cor1 > dd{ padding:15px  5px;  }
dl.dlw.cor1 > dd:after{top:5px; left:5px; right:5px; bottom:5px;  }
dl.dlw.cor2 > dd{  padding:10px; color:#FFF;  }

}




 dl.dlc{text-align:center;  display: -webkit-flex; display: flex; }
dl.dlc dd{  position:relative;  overflow:hidden;  box-sizing:border-box;  margin-right:1%; }
dl.dlc dd i{font-size:3em; background:#FFF; color:#1d70bd; display:inline-block;border:1px solid #DDD;  padding:30px; margin-bottom:10%; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;line-height:100%;}

.comma{font-size:1.1em;}
.comma:before,
.comma:after{ display:inline-block;  font-size:1em; font-family:'FontAwesome'; color:#333; vertical-align:middle;}
.comma:before{content:"\f10d";  margin-top:-2%; margin-right:1%;  }
.comma:after{content:"\f10e" ;  margin-left:1%;}



.pageContent .lrbox{position:relative; display: -webkit-flex; display: flex; justify-content:space-between; }
.pageContent .lrbox section{width:49%; border:1px dashed #CCC; padding:10px 40px; box-sizing:border-box;}
.pageContent .lrbox section h6{border-top:1px  dashed #CCC; padding-top:15px}
.pageContent .lrbox section h6:first-child{border-top:0;}




	.s1_1 .dlw{margin-top:20px;}
	.s1_1 .dlw dd{ position:relative;width:16%; padding-top:16%;   }
	.s1_1 .dlw article{position:absolute;top:0; left:0; right:0; bottom:0; border:6px  solid  rgba(140, 123,100,.3);  background:#fafafa url(/sub/img/pattern/mptlb10.png); border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }
	.s1_1 .dlw article strong{font-size:2.4em; font-weight:800; color:rgba(140, 123,100,.5); }
	.s1_1 .dlw article p{font-size:1.2em; }


	.s1_2 .dlw strong{display:block; background:#EEE; padding:15px 0; background:#FFF url(/sub/img/pattern/mptlb10.png);  border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
	.s1_2 .dlw span{display:block; font-size:.9em; line-height:140%; margin-top:10px}

	.s2_2 .s1{}
	.s2_2 .s1 dl {padding:20px 0}
	.s2_2 .s1 dl dt{width:14%; float:left; clear:both;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; background:#9b8a5d;   color:#FFF; margin-right:20px; padding:6px  }
	.s2_2 .s1 dl dd{_display:inline-block;overflow:hidden;padding:6px; border-left:1px solid #DDD; padding-left:20px;  zoom:1}
	.s2_2 .s1 dl dd:after{display:block;clear:both;content:''}

	.s2_2 .dlw{margin-top:20px; justify-content:flex-start;}
	.s2_2 .dlw dd{ position:relative;width:16%; padding-top:16%;   margin-right:2%;}
	.s2_2 .dlw article{position:absolute;top:0; left:0; right:0; bottom:0; border:6px  solid  rgba(140, 123,100,.3);  background:#fafafa url(/sub/img/pattern/mptlb10.png); border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }
	.s2_2 .dlw article strong{font-size:2.4em; font-weight:800; color:rgba(140, 123,100,.5); }
	.s2_2 .dlw article p{font-size:1.2em; }


	.s3_1 .dlw{margin-top:20px;  }
	.s3_1 .dlw dd{border:1px solid #DDD; padding:20px; }
	.s3_1 .dlw dd  {}
	.s3_1 .dlw dd strong{font-size:1.2em; display:block;}
	.s3_1 .dlw dd p{font-size:1.6em; font-weight:300;}

	.s4_1 .s1  dd{background:#EEE; padding:20px 0; }
	.s4_1 .s1  dd img{width:80px;}
	.s4_1 .s1  dd strong{ display:block; font-size:1.3em; margin-top:10px;}

	.s4_3 .cc{margin-top:20px;}
	.s4_3 .cc dd{ position:relative;width:14%; padding-top:14%;   }
	.s4_3 .cc article{position:absolute;top:0; left:0; right:0; bottom:0; border:6px  solid  rgba(140, 123,100,.3);  background:#fafafa url(/sub/img/pattern/mptlb10.png); border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }
	.s4_3 .cc article strong{font-size:2em; font-weight:800; color:rgba( 140, 123,100,.5); }
	.s4_3 .cc article p{font-size:1.2em; }



	.s5_2 .pageContent  article{overflow:visible}
	.s5_2 .pageContent .s1 dd{padding-left:60px; }
	.s5_2 .pageContent .s1 dd label{position:absolute; top:-10px; left:10px; background:#006bc1;  width:40px; height:40px; text-align:center; line-height:40px; color:#FFF;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; font-size:1.2em; font-weight:700 }



	.s5_7 .s1 dd:nth-child(1){background-color:#00a5bd; border-color:#00a5bd}
	.s5_7 .s1 dd:nth-child(3){background-color:#22429b; border-color:#22429b}
	.s5_7 .s1 dd label{position:absolute; top:20px; right:20px; background:#FFF; width:40px; height:40px; text-align:center; line-height:40px; color:#000;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; font-size:1.4em; font-weight:700}
	.s5_7 .s1 dd strong{font-size:2em; font-weight:300}
	.s5_7 .s1 dd small{font-size:1em;  display:block;}


 	.s6_2{text-align:center; padding-bottom:0}
 	.s6_2 .s1{background:#9b8a5d; margin-top:80px}
 	.s6_2 .s1:after {display:block;visibility:hidden;clear:both;content:""}
 	.s6_2 .s1 img{float:left;}
 	.s6_2 .s1 article{padding:100px 80px 0 80px  ; color:#FFF;}
 	.s6_2 .s1 article h4{color:#ddd; font-size:22px;}
 	.s6_2 .s1 article h2{ font-size:54px; line-height:200%;}
 	.s6_2 .s1 article h2:after{ position:absolute; left:50%; bottom:0; height:2px; width:40px; background:#FFF; margin-left:-20px; content:"";}
 	.s6_2 .s1 article h5{margin:80px 0 40px}

 	.s6_2 .s2{position:relative; margin-top:120px; padding:80px 0}
 	.s6_2 .s2:before {position:absolute; top:0; bottom:0; left:50%; width:100vw; margin-left:-50vw; background:#efefef; z-index:-1; content:""}
 	.s6_2 .s3{position:relative; margin-top:120px;  }

 	.s6_2 .s4{position:relative; margin-top:120px; padding:80px 0}
 	.s6_2 .s4:before {position:absolute; top:0; bottom:0; left:50%; width:100vw; margin-left:-50vw; background:url(/sub/img/6_2_4.jpg) center center no-repeat; background-size:cover; z-index:-1; content:""}
 	.s6_2 .s4 h4 {margin-top:50px;}


 	.s6_5 .s1{position:relative; z-index:1; text-align:center; font-size:2em; line-height:180%; padding:120px 0; background:url(/sub/img/6_5_1.jpg) center no-repeat; background-size:cover; color:#FFF;}
 	.s6_5 .s1:after{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.4);z-index:-1;  content:"";}
 	.s6_5 .s2{position:relative; margin:2em 0; color:#9b8a5d; line-height:240%; font-size:2.4em; font-weight:300}
 	.s6_5 .s2:after{position:absolute; left:30%; right:30%; bottom:0; height:1px; background:#9b8a5d;  content:"";}
 	.s6_5 .s3 dd{padding:30px 0;  }
 	.s6_5 .s3 dd i{display:inline-block;background-image:url(/sub/img/pattern/mptrb10.png); border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; padding:40px;}
 	.s6_5 .s3 dd i img{width:120px;}
	.s6_5 .s3 dd:nth-child(1) i{ background-color:#f18801;  }
	.s6_5 .s3 dd:nth-child(2) i{ background-color:#655ba6; }
	.s6_5 .s3 dd:nth-child(3) i{ background-color:#31ae36; }
 	.s6_5 .s3 dd h5{margin-top:20px;}
 	.s6_5 .s3 dd strong{font-size:1.3em;font-weight:800; color:#9b8a5d;}

	.s6_6 dl{display: -webkit-flex; display: flex; justify-content:space-between; flex-wrap:wrap; }
	.s6_6 dl dd{ flex-grow:1; }
	.s6_6 dl dd img{width:100%;}
	.s6_6 p{background:#006bc1; color:#FFF; text-align:center;  margin-bottom:20px}




.schedule dl{padding-top:50px; margin-top:50px; border-top:1px dashed #DDD;}
.schedule dl:first-child{padding-top:0; margin-top:0; border-top:0;}

.schedule dl:after{display:block;clear:both;content:''}
.schedule dl dt{width:300px; height:380px; background:#EEE; float:left; margin-right:50px; clear:both; background-size:cover; background-position:center top;}
.schedule dl dd{_display:inline-block;overflow:hidden;  zoom:1}
.schedule dl dd:after{display:block;clear:both;content:''}
.schedule dl dd h4{}
.schedule dl dd table{width:99%; table-layout:fixed; text-align:center; margin-top:20px}
.schedule dl dd table thead th{background:#006bc1; color:#FFF; padding:15px;}
.schedule dl dd table tbody th{color:#000; background:#EEE;  border:1px solid #DDD; padding:15px;}
.schedule dl dd table tbody td{  border:1px solid #DDD; padding:15px;}
.schedule dl dd table tbody  .s0{color:#999}
.schedule dl dd table tbody  .s1{color:#006bc1}
.schedule dl dd table tbody  .s2{color:#ed6d00}
.schedule dl dd table tbody  .s3{color:#31ae36}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.pageContent .box{padding:20px 0; margin:10px 0;  background:#827b69 ; overflow:hidden; color:#FFF;}
.pageContent .box0{padding:30px 0; margin:10px 0; border-top:1px dashed #bdc5da;border-bottom:1px dashed #bdc5da;    background:#fff ; overflow:hidden}


.pageContent .box1{position:relative; background:#f3edde url(/sub/img/pattern/mptrb10.png);   padding:40px;}
.pageContent .box1:before{position:absolute; right:-5px; bottom:-5px; border:21px solid transparent; border-right-color:#AAA; border-bottom-color:#AAA; content:"";}
.pageContent .box1:after{position:absolute; right:-5px; bottom:-5px; border:20px solid transparent; border-right-color:#FFF; border-bottom-color:#FFF; content:"";}

.pageContent .box2{position:relative; padding:30px 50px 30px 200px;  margin-top:60px; border:1px solid #bdc5da;  background:#fff; border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.pageContent .box2:before{ position:absolute; left:30px; top:30px;  line-height:100%; width:100px; font-size:4em; text-align:center;  z-index:2; color:#bdc5da;   content:"\f071";  font-family:'FontAwesome'; }
.pageContent .box2:after{position:absolute; top:30px; bottom:30px; width:2px; left:150px;  background:#eee; content:"";}


.pageContent .box3{position:relative; padding:30px; border-top:1px solid #EEE;   border-bottom:1px solid #EEE;   background:#FAFAFA; overflow:hidden;}

@media (max-width:767px){
.pageContent .box1{margin-top:10px;  padding:15px;}
.pageContent .box1:before{ border:10px solid transparent; border-top-color:#FFF; border-left-color:#FFF; content:"";}
.pageContent .box1:after{ border:10px solid transparent; border-right-color:#FFF; border-bottom-color:#FFF; content:"";}

.pageContent .box3{  padding:15px;  }

}

.temp_img{padding-top:40%; background:#F6F6F6; display:block;}



/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/
/**************************************************************************************************************************************************************/

.cfm{color:#9b8a5d; }
.cfB{color:#000; }
.cfh{color:#999; }
.cfr{color:#F44; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3d8cb9; }
.cfb2{color:#243e86; }
.cfg{color:#3db9ac; }
.cfy{color:#ffcc00; }
.cfw{color:#FFF; }

.cbm{background:#9b8a5d; color:#FFF; }
.cbh{background:#afafaf; color:#FFF; }
.cbB{background:#000; color:#FFF; padding:.1em .3em; }
.cbr{background:#F44; color:#FFF; padding:.1em .3em; }
.cbb{background:#39F; color:#FFF; padding:.1em .3em; }
.cbg{background:#3db9ac; color:#FFF; padding:.1em .3em; }
.cby{background:#ffcc00;  padding:.1em .3em; }
.cbw{background:#fff;  padding:.1em .3em;  }

.pageContent .pdw{padding:0em .3em; display:inline-block;}
.pageContent .nmt{margin-top:0;}

.pageContent hr.h10 {height:10px}
.pageContent hr.h15 {height:15px}
.pageContent hr.h20 {height:20px}
.pageContent hr.h30 {height:30px}
.pageContent hr.h40 {height:40px}
.pageContent hr.h50 {height:50px}
.pageContent hr.h60 {height:60px}
.pageContent hr.h70 {height:70px}
.pageContent hr.h80 {height:80px}
.pageContent hr.h90 {height:90px}
.pageContent hr.h100 {height:100px}

.pageContent .pd10{padding:10px 0;}
.pageContent .pd15{padding:15px 0;}
.pageContent .pd20{padding:20px 0;}
.pageContent .pd30{padding:30px 0;}
.pageContent .pd40{padding:40px 0;}
.pageContent .pd50{padding:50px 0;}
.pageContent .pd80{padding:80px 0;}
.pageContent .pd100{padding:100px 0;}

.pageContent .w50px{width:50px;}
.pageContent .w100px{width:100px;}
.pageContent .w150px{width:150px;}
.pageContent .w200px{width:200px;}
.pageContent .w300px{width:300px;}
.pageContent .w400px{width:400px;}
.pageContent .w500px{width:500px;}

.pageContent .w10p{width:10%;}
.pageContent .w20p{width:20%;}
.pageContent .w30p{width:30%;}
.pageContent .w40p{width:40%;}
.pageContent .w50p{width:50%;}
.pageContent .w60p{width:60%;}
.pageContent .w70p{width:70%;}
.pageContent .w80p{width:80%;}
.pageContent .w90p{width:90%;}
.pageContent .w100p{width:100%;}

@media (max-width:736px){
	.pageContent hr.h10 {height:1vw}
	.pageContent hr.h15 {height:1.5vw}
	.pageContent hr.h20 {height:2vw}
	.pageContent hr.h30 {height:3vw}
	.pageContent hr.h40 {height:4vw}
	.pageContent hr.h50 {height:5vw}
	.pageContent hr.h60 {height:6vw}
	.pageContent hr.h70 {height:7vw}
	.pageContent hr.h80 {height:8vw}
	.pageContent hr.h90 {height:9vw}
	.pageContent hr.h100 {height:10vw}

	.pageContent .pd10{padding:1vw 0;}
	.pageContent .pd15{padding:1.5vw 0;}
	.pageContent .pd20{padding:2vw 0;}
	.pageContent .pd30{padding:3vw 0;}
	.pageContent .pd40{padding:4vw 0;}
	.pageContent .pd50{padding:5vw 0;}
	.pageContent .pd80{padding:8vw 0;}
	.pageContent .pd90{padding:9vw 0;}
	.pageContent .pd100{padding:10vw 0;}
}


.pageContent section{position:relative; clear:both;}
.pageContent article{position:relative; _display:inline-block; overflow:hidden; zoom:1}
.pageContent article:after{display:block;clear:both;content:''}

.full_img{position:relative; left:50%; width:200vw;  margin-left:-100vw; text-align:center;  }
.full_img img{max-width:none}
@media (max-width:736px){
.full_img{width:100vw;  margin-left:-50vw;}
.full_img img{max-width:100%}
}
.pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;}
.pageContent .full_bg.cover{background-size:cover; }
@media (max-width:1200px){
.pageContent .full_bg{width:calc(100% + 40px); margin-left:-20px;   left:0}
 }

.dlw{  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* 양쪽정열 */
.dlw.js{justify-content:space-between} /* 양쪽정열 */
.dlw.br{flex-flow:wrap;}/* 줄바꿈 */
.dlw > dd{position:relative;    }
.dlw.w0 > dt,
.dlw.w0 > dd{position:relative;  width:0;  flex-grow:1;   } /* 너비통일 */
.dlw .vc{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center; }/*수직센터정열*/


@media (max-width:736px){
.ms_table{width:100%; position:relative; overflow:auto;}
.ms_table table{width:auto !important;  white-space:nowrap;}
}



/* 컨테이너 */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 미션 & 비전 섹션 */
.mission-vision-section {
    padding: 80px 0 100px;
    background-color: #ffffff;
}

/* 페이지 타이틀 */
.page-title {
    text-align: center;
    margin-bottom: 80px;
}

.page-title h1 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.page-title h2 {
    font-size: 42px;
    font-weight: bold;
    color: #333;
}

/* 원형 다이어그램 */
.circle-diagram {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0;
    max-width: 900px;
    margin: 0 auto 100px;
    position: relative;
}

.circle-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.circle-mission {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
}

.circle-vision {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
}

.circle-core {
    grid-column: 3;
    grid-row: 2;
    justify-self: start;
}

.circle-center {
    grid-column: 2;
    grid-row: 2;
    justify-self: center;
}

.circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    cursor: pointer;
}

.circle:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
}

.orange {
    background: linear-gradient(135deg, #ff7f3f 0%, #ff6b35 100%);
}

.green {
    background: linear-gradient(135deg, #7fff00 0%, #32cd32 100%);
}

.purple {
    background: linear-gradient(135deg, #7b2ff7 0%, #5f1fd9 100%);
}

.circle-text {
    font-size: 32px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

/* 로고 영역 */
.logo-area {
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);border:solid 1px #ddd;
}

.hospital-logo {
    max-width: 110px;
    height: auto;
}

/* 설명 카드 */
.description-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.card {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 40px 30px;
    min-height: 350px;
    transition: all 0.3s ease;
}

.card:hover {
    border-color: #0088ff;
    box-shadow: 0 8px 25px rgba(0, 136, 255, 0.15);
    transform: translateY(-5px);
}

.card-title {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 20px;
    position: relative;
}

.card-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #333;
}

.card-content {
    text-align: center;
}

.card-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 5px;
}

/* 비전 카드 스타일 */
.vision-card .divider {
    width: 80px;
    height: 2px;
    background-color: #e0e0e0;
    margin: 25px auto;
}

.vision-card .highlight {
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: #1a5490;
    line-height: 1.5;
}

/* 핵심가치 카드 스타일 */
.value-list {
    list-style: none;
    text-align: left;
    margin: 0 auto;
    max-width: 280px;
}

.value-list li {
    font-size: 16px;
    line-height: 2;
    color: #333;
    padding-left: 20px;
    position: relative;
    margin-bottom: 15px;
}

.value-list li::before {
    content: '●';
    position: absolute;
    left: 0;
    color: #7b2ff7;
    font-size: 12px;
}

.establishment-year {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid #f0f0f0;
}

.year-label {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.year {
    font-size: 22px;
    font-weight: bold;
    color: #7b2ff7;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .page-title h1 {
        font-size: 32px;
    }

    .page-title h2 {
        font-size: 36px;
    }

    .circle-diagram {
        max-width: 700px;
    }

    .circle {
        width: 110px;
        height: 110px;
    }

    .circle-text {
        font-size: 26px;
    }

    .logo-area {
        width: 180px;
        height: 180px;
    }

    .hospital-logo {
        max-width: 150px;
    }

    .description-cards {
        gap: 30px;
    }

    .card {
        padding: 35px 25px;
        min-height: 320px;
    }

    .card-title {
        font-size: 28px;
    }

    .card-content p {
        font-size: 16px;
    }

    .vision-card .highlight {
        font-size: 20px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .mission-vision-section {
        padding: 60px 0 80px;
    }

    .page-title {
        margin-bottom: 60px;
    }

    .page-title h1 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .page-title h2 {
        font-size: 30px;
    }

    /* 모바일에서 원형 다이어그램 세로 배치 
    .circle-diagram {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
    }

    .circle-item {
        padding: 20px;
    }

    
    .circle-center {
        order: -1;
    }

    .circle-vision {
        order: 0;
    }

    .circle-mission {
        order: 1;
    }

    .circle-core {
        order: 2;
    }

    .circle {
        width: 180px;
        height: 180px;
    }

    .circle-text {
        font-size: 28px;
    }*/

    .logo-area {
        width: 110px;
        height: 110px;
    }

    .hospital-logo {
        max-width: 50px;
    }

    /* 카드 1열로 배치 */
    .description-cards {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .card {
        padding: 30px 25px;
        min-height: auto;
    }

    .card-title {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .card-content p {
        font-size: 15px;
    }

    .vision-card .highlight {
        font-size: 19px;
    }

    .value-list li {
        font-size: 15px;
    }

    .year-label {
        font-size: 16px;
    }

    .year {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .mission-vision-section {
        padding: 40px 0 60px;
    }

    .page-title {
        margin-bottom: 40px;
    }

    .page-title h1 {
        font-size: 22px;
    }

    .page-title h2 {
        font-size: 26px;
    }

    .circle {
        width: 150px;
        height: 150px;
    }

    .circle-text {
        font-size: 24px;
    }

    .logo-area {
        width: 170px;
        height: 170px;
    }

    .hospital-logo {
        max-width: 140px;
    }

    .card {
        padding: 25px 20px;
    }

    .card-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .card-content p {
        font-size: 14px;
    }

    .vision-card .highlight {
        font-size: 18px;
    }

    .value-list {
        max-width: 100%;
    }

    .value-list li {
        font-size: 14px;
    }
}


/* 특징 섹션 */
.features-section {
    padding: 0px 0 100px;
    background-color: #ffffff;
}

.features-section .feat-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 원형 다이어그램 */
.features-section .feat-diagram {
    position: relative;
    max-width: 700px;
    height: 500px;
    margin: 0 auto;
}

.features-section .feat-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.features-section .feat-item {
    position: absolute;
    z-index: 2;
}

.features-section .feat-official {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.features-section .feat-logo {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -20%);
}

.features-section .feat-expert {
    left: 0;
    bottom: 0;
}

.features-section .feat-system {
    right: 0;
    bottom: 0;
}

.features-section .feat-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    cursor: pointer;
    padding: 25px;
}

.features-section .feat-circle:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);
}

.features-section .feat-official-bg {
    background: linear-gradient(135deg, #ff9f43 0%, #ff8800 100%);
}

.features-section .feat-expert-bg {
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
}

.features-section .feat-system-bg {
    background: linear-gradient(135deg, #7c6fb8 0%, #6658a0 100%);
}

.features-section .feat-content {
    text-align: center;
}

.features-section .feat-title {
    font-size: 28px;
    font-weight: bold;
    color: #222;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.features-section .feat-desc {
    font-size: 15px;
    line-height: 1.6;
    color: #222;
    font-weight: 500;
}

/* 로고 영역 */
.features-section .feat-logo-area {
    width: 240px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.features-section .feat-logo-img {
    max-width: 110px;
    height: auto;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .features-section .feat-diagram {
        max-width: 600px;
        height: 300px;
    }

    .features-section .feat-circle {
        width: 180px;
        height: 180px;
        padding: 20px;
    }

    .features-section .feat-title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .features-section .feat-desc {
        font-size: 14px;
    }

    .features-section .feat-logo-area {
        width: 200px;
        height: 200px;
    }

    .features-section .feat-logo-img {
        max-width: 170px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .features-section {
        padding: 60px 0 80px;
    }

    /* 모바일에서 세로 배치 
    .features-section .feat-diagram {
        position: static;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .features-section .feat-lines {
        display: none;
    }

    .features-section .feat-item {
        position: static;
        transform: none !important;
    }

    .features-section .feat-official {
        order: 1;
    }

    .features-section .feat-logo {
        order: 0;
    }

    .features-section .feat-expert {
        order: 2;
    }

    .features-section .feat-system {
        order: 3;
    }*/

    .features-section .feat-circle {
        width: 130px;
        height: 130px;
        padding: 25px;
    }

    .features-section .feat-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .features-section .feat-desc {
        font-size: 11px;
    }

    .features-section .feat-logo-area {
        width: 110px;
        height: 110px;
    }

    .features-section .feat-logo-img {
        max-width: 50px;
    }
}

@media (max-width: 480px) {
    .features-section {
        padding: 40px 0 60px;
    }

    .features-section .feat-diagram {
        gap: 35px;
    }

    .features-section .feat-circle {
        width: 180px;
        height: 180px;
        padding: 20px;
    }

    .features-section .feat-title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .features-section .feat-desc {
        font-size: 14px;
    }

    .features-section .feat-logo-area {
        width: 200px;
        height: 200px;
    }

    .features-section .feat-logo-img {
        max-width: 160px;
    }
}


/* 귀코목 특화 진료 섹션 */
.specialty-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
}

.specialty-section .spec-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 헤더 */
.specialty-section .spec-header {
    text-align: center;
    margin-bottom: 60px;
}

.specialty-section .spec-title {
    font-size: 38px;
    font-weight: bold;
    color: white;
}

/* 카드 그리드 */
.specialty-section .spec-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.specialty-section .spec-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.specialty-section .spec-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.specialty-section .spec-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
    background-color: #f5f5f5;
}

.specialty-section .spec-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.specialty-section .spec-card:hover .spec-image img {
    transform: scale(1.08);
}

.specialty-section .spec-content {
    padding: 30px 25px;
}

.specialty-section .spec-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
}

.specialty-section .spec-card-title .highlight {
    color: #0088ff;
    font-weight: bold;
}

.specialty-section .spec-desc {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .specialty-section {
        padding: 60px 0;
    }

    .specialty-section .spec-title {
        font-size: 32px;
    }

    .specialty-section .spec-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .specialty-section .spec-image {
        height: 200px;
    }

    .specialty-section .spec-content {
        padding: 25px 20px;
    }

    .specialty-section .spec-card-title {
        font-size: 17px;
    }

    .specialty-section .spec-desc {
        font-size: 13px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .specialty-section {
        padding: 50px 0;
    }

    .specialty-section .spec-header {
        margin-bottom: 40px;
    }

    .specialty-section .spec-title {
        font-size: 26px;
        line-height: 1.4;
    }

    .specialty-section .spec-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .specialty-section .spec-image {
        height: 200px;
    }

    .specialty-section .spec-content {
        padding: 25px 20px;
    }

    .specialty-section .spec-card-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .specialty-section .spec-desc {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .specialty-section {
        padding: 40px 0;
    }

    .specialty-section .spec-title {
        font-size: 22px;
    }

    .specialty-section .spec-image {
        height: 180px;
    }

    .specialty-section .spec-content {
        padding: 20px 18px;
    }

    .specialty-section .spec-card-title {
        font-size: 15px;
    }

    .specialty-section .spec-desc {
        font-size: 12px;
        line-height: 1.6;
    }
}


/* 정밀 진단 장비 섹션 */
.equipment-section {
    padding: 80px 0;
    
}

.equipment-section .equip-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 0px;
}

/* 헤더 */
.equipment-section .equip-header {
    text-align: center;
    margin-bottom: 60px;
}

.equipment-section .equip-title {
    font-size: 36px;
    font-weight: bold;
    color: #222;
    margin-bottom: 20px;
}

.equipment-section .equip-subtitle {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

/* 장비 그리드 */
.equipment-section .equip-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.equipment-section .equip-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.equipment-section .equip-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.equipment-section .equip-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
    background-color: #e8f4f8;
}

.equipment-section .equip-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.equipment-section .equip-card:hover .equip-image img {
    transform: scale(1.05);
}

.equipment-section .equip-name {
    padding: 25px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-align: center;
    background: white;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .equipment-section {
        padding: 60px 0;
    }

    .equipment-section .equip-title {
        font-size: 30px;
    }

    .equipment-section .equip-subtitle {
        font-size: 15px;
    }

    .equipment-section .equip-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .equipment-section .equip-image {
        height: 220px;
    }

    .equipment-section .equip-name {
        font-size: 17px;
        padding: 22px 18px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .equipment-section {
        padding: 50px 0;
    }

    .equipment-section .equip-header {
        margin-bottom: 40px;
    }

    .equipment-section .equip-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .equipment-section .equip-subtitle {
        font-size: 14px;
    }

    .equipment-section .equip-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .equipment-section .equip-image {
        height: 220px;
    }

    .equipment-section .equip-name {
        font-size: 16px;
        padding: 20px 15px;
    }
}

@media (max-width: 480px) {
    .equipment-section {
        padding: 40px 0;
    }

    .equipment-section .equip-title {
        font-size: 20px;
    }

    .equipment-section .equip-subtitle {
        font-size: 13px;
    }

    .equipment-section .equip-image {
        height: 200px;
    }

    .equipment-section .equip-name {
        font-size: 15px;
        padding: 18px 15px;
    }
}




/* 병원 연혁 섹션 */
.history-section {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.history-section .hist-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 헤더 */
.history-section .hist-header {
    text-align: center;
    margin-bottom: 80px;
}

.history-section .hist-title {
    font-size: 28px;
    font-weight: bold;
    color: #222;
    margin-bottom: 20px;
}

.history-section .hist-subtitle {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
}

.history-section .highlight-number {
    font-size: 28px;
    font-weight: bold;
    color: #0088ff;
}

/* 타임라인 */
.history-section .timeline {
    position: relative;
    
    margin: 0 auto;
}

/* 중앙 세로선 */
.history-section .timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    bottom: 60px;
    width: 3px;
    background: #1a5490;
}

/* 원형 배지 (2025-2020, 2019-2015) */
.history-section .period-circle {
    width: 140px;
    height: 140px;
    background: #1a5490;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 50px;
    position: relative;
    z-index: 2;
}

.history-section .period-circle.top {
    margin-bottom: 50px;
}

.history-section .period-circle.bottom {
    margin-top: 50px;
    margin-bottom: 30px;
}

/* 연도별 항목 */
.history-section .timeline-year {
    position: relative;
    margin-bottom: 70px;
    min-height: 70px;
}

/* 중앙 점 */
.history-section .year-point {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 16px;
    height: 16px;
    background: white;
    border: 4px solid #1a5490;
    border-radius: 50%;
    z-index: 3;
}

/* 연도 숫자 */
.history-section .year-num {
    position: absolute;
    top: -5px;
    font-size: 24px;
    font-weight: bold;
    color: #1a5490;
}

.history-section .year-num.left {
    right: 52%;
    text-align: right;
    padding-right: 30px;
}

.history-section .year-num.right {
    left: 52%;
    text-align: left;
    padding-left: 30px;
}

/* 내용 */
.history-section .year-content {
    position: absolute;
    top: 35px;
    width: 45%;
}

.history-section .year-content.left {
    right: 52%;
    text-align: right;
    padding-right: 30px;
}

.history-section .year-content.right {
    left: 52%;
    text-align: left;
    padding-left: 30px;
}

.history-section .year-content p {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 5px;
}

/* 더보기 링크 */
.history-section .more-link {
    text-align: center;
    margin-top: 30px;
}

.history-section .more-link a {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    text-decoration: none;
}

.history-section .more-link a:hover {
    color: #0088ff;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .history-section {
        padding: 60px 0;
    }

    .history-section .hist-title {
        font-size: 26px;
    }

    .history-section .hist-subtitle {
        font-size: 17px;
    }

    .history-section .period-circle {
        width: 120px;
        height: 120px;
        font-size: 20px;
    }

    .history-section .year-num {
        font-size: 22px;
    }

    .history-section .year-content p {
        font-size: 13px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .history-section {
        padding: 50px 0;
    }

    .history-section .hist-header {
        margin-bottom: 60px;
    }

    .history-section .hist-title {
        font-size: 22px;
    }

    .history-section .hist-subtitle {
        font-size: 15px;
    }

    .history-section .timeline {
        padding-left: 0;
        max-width: 100%;
    }

    /* 모바일에서는 왼쪽 정렬로 변경 */
    .history-section .timeline::before {
        left: 30px;
        transform: none;
    }

    .history-section .period-circle {
        width: 100px;
        height: 100px;
        font-size: 18px;
        margin-left: -20px;
        margin-bottom: 40px;
    }

    .history-section .period-circle.top {
        margin-bottom: 40px;
    }

    .history-section .period-circle.bottom {
        margin-top: 40px;
    }

    .history-section .timeline-year {
        padding-left: 80px;
        margin-bottom: 40px;
        min-height: auto;
    }

    .history-section .year-point {
        left: 25px;
        transform: none;
        width: 14px;
        height: 14px;
        top: 5px;
    }

    .history-section .year-num {
        position: static;
        display: block;
        margin-bottom: 10px;
        font-size: 20px;
        text-align: left;
        padding: 0;
    }

    .history-section .year-num.left,
    .history-section .year-num.right {
        text-align: left;
        padding: 0;
    }

    .history-section .year-content {
        position: static;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .history-section .year-content.left,
    .history-section .year-content.right {
        padding: 0;
        text-align: left;
    }

    .history-section .year-content p {
        font-size: 13px;
        line-height: 1.7;
    }

    .history-section .more-link a {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .history-section {
        padding: 40px 0;
    }

    .history-section .hist-title {
        font-size: 20px;
    }

    .history-section .hist-subtitle {
        font-size: 14px;
    }

    .history-section .timeline::before {
        left: 25px;
    }

    .history-section .period-circle {
        width: 85px;
        height: 85px;
        font-size: 16px;
        margin-left: -17px;
    }

    .history-section .timeline-year {
        padding-left: 70px;
        margin-bottom: 35px;
    }

    .history-section .year-point {
        left: 25px;
        width: 12px;
        height: 12px;
    }

    .history-section .year-num {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .history-section .year-content p {
        font-size: 12px;
        line-height: 1.6;
    }
}



/* 의료진 소개 섹션 */
.doctors-section {
    padding: 0px 0 80px;
    
}

.doctors-section .doctors-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 0px;
}

/* 진료과별 그룹 */
.doctors-section .department-group {
    margin-bottom: 60px;
}

/* 진료과 타이틀 */
.doctors-section .dept-title {
    font-size: 28px;
    font-weight: bold;
    color: white;
    padding: 15px 30px;
    margin-bottom: 40px;
    border-radius: 8px;
}

.doctors-section .dept-title.nose {
    background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);
}

.doctors-section .dept-title.throat {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
}

.doctors-section .dept-title.ear {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
}

.doctors-section .dept-title.health {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
}

/* 의료진 그리드 */
.doctors-section .doctors-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
}

/* 의료진 카드 */
.doctors-section .doctor-card {
    display: block;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-decoration: none;
    cursor: pointer;
}

.doctors-section .doctor-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* 의사 사진 */
.doctors-section .doctor-photo {
    width: 100%;
    aspect-ratio: 4/5;
    overflow: hidden;
    background: #f0f0f0;
}

.doctors-section .doctor-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.doctors-section .doctor-card:hover .doctor-photo img {
    transform: scale(1.05);
}

/* 의사 이름 */
.doctors-section .doctor-name {
    padding: 20px 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.doctors-section .doctor-name .title {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    margin-left: 5px;
}

/* 태블릿 반응형 */
@media (max-width: 1024px) {
    .doctors-section {
        padding: 60px 0;
    }

    .doctors-section .dept-title {
        font-size: 24px;
        padding: 12px 25px;
        margin-bottom: 30px;
    }

    .doctors-section .doctors-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .doctors-section .doctor-name {
        font-size: 16px;
        padding: 18px 12px;
    }

    .doctors-section .doctor-name .title {
        font-size: 13px;
    }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .doctors-section {
        padding: 50px 0;
    }

    .doctors-section .department-group {
        margin-bottom: 50px;
    }

    .doctors-section .dept-title {
        font-size: 20px;
        padding: 12px 20px;
        margin-bottom: 25px;
    }

    .doctors-section .doctors-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .doctors-section .doctor-name {
        font-size: 15px;
        padding: 15px 10px;
    }

    .doctors-section .doctor-name .title {
        font-size: 12px;
        display: block;
        margin-left: 0;
        margin-top: 3px;
    }
}

@media (max-width: 480px) {
    .doctors-section {
        padding: 40px 0;
    }

    .doctors-section .department-group {
        margin-bottom: 40px;
    }

    .doctors-section .dept-title {
        font-size: 18px;
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    .doctors-section .doctors-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .doctors-section .doctor-name {
        font-size: 14px;
        padding: 12px 8px;
    }

    .doctors-section .doctor-name .title {
        font-size: 11px;
    }
}

.surgery-info-item .si-icon {
            margin-bottom: 10px;
        }
        
        .surgery-info-item .si-icon img {
            width: 56px;
            height: 56px;
            display: block;
            margin: 0 auto;
        }