@charset "utf-8";

/* sub01 */
.s1_director{text-align:center}
.s1_director img{width:100%;}
.s1_header{position:relative;font-size:1.4rem;line-height:160%;padding:2px;}
.s1_header:before{content:"";display:inline-block;width:30px;height:30px;background:gold;position:absolute;top:0;left:0px;}
.s1_header:after{content:"";display:inline-block;width:30px;height:30px;background:gold;position:absolute;bottom:0;right:0px;}
.s1_header>p{background:#fff;position:relative;z-index:2;padding:1rem 2rem;}

/*history*/
.h_img_list ul li img{width:100%;}

.s1_vision dt{color:#fff;text-align:center;border-radius:100%;width:120px;height:120px;line-height:120px;margin:0 auto;background:#164db5}
.s1_vision dt strong{display:block;font-size:20px;}
.s1_vision dt span{font-size:13px}
.s1_vision dd{margin-top:10px;}
.s1_vision dd strong{display:block;background:none;text-align:center;font-size:16px;padding:0;margin:20px 0;color:#164db5;}

.s1_slogan{border:1px solid #ddd;padding:20px;text-align:center;}
.s1_slogan>img{width:100%;}

/*조직도*/
.org_main h4{background:url(/images/sub/sub06/s6_org_bg.gif) no-repeat center;text-indent:0;margin:0;padding:20px;text-align:center;border-radius:5px;}
.org_main>ul:before{content:"";display:block;width:1px;height:1.4rem;background:#42bdd1;position:absolute;top:-1.4rem;left:50%;z-index:-1}
.org_main>ul{margin:20px 0 0;font-size:1.3rem;text-align:center;position:relative}
.org_main>ul>li{line-height:3;font-size:1.3rem;background:#546bb0;color:#fff;}
.org_main dl dt{padding:20px;margin:50px auto 0;font-size:1.3rem;background:#fdb813;text-align:center;border-radius:30px;}
.org_main dl dd{position:relative;}
.org_main dl dd:before{content:"";display:block;width:1px;height:100%;background:#42bdd1;position:absolute;top:-1.4rem;left:50%;z-index:-1}
.org_main dl dd>ul{background:#fff}
.org_main dl dd>ul>li{line-height:3;margin:20px 0 0;font-size:1.3rem;background:#546bb0;text-align:center;color:#fff;}
.org_main dl dd>ul>li>ul{background:#fff;border:1px solid #333;}
.org_main dl dd>ul>li>ul>li{line-height:50px; font-size:1rem;color:#000;}
.org_main dl dd>ul>li>ul>li:before{content:"\2022"}

.s1_facilities{padding:0;}

/* sub02 */
.s2_environment>div:nth-child(1)>div{background:url(/upload_data/board_data/BBS_0000082/170548026456211.gif) 50% 13% no-repeat #fff;}
.s2_environment>div:nth-child(2)>div{background:url(/images/sub/sub04/s4_1_topography.jpg) 50% 13% no-repeat #fff;}
.s2_environment>div:nth-child(3)>div{background:url(/images/sub/sub04/s4_1_weather.jpg) 50% 13% no-repeat #fff;}
.s2_environment .basic_box>div{padding:15px;}
.s2_environment dd{padding:330px 0 0;}

.s2_specialty{position:relative;width:700px;height:580px;margin:0 auto;overflow:hidden;}
.s2_specialty ul{width:100%;height:100%;margin:0 auto;}
.s2_specialty li{position:absolute;width:100px;height:100px;text-align:center;background:url(/images/sub/sub05/s5_off.gif) no-repeat top center}
.s2_specialty li a{display:block;padding:10px 0 0;}
.s2_specialty li span{display:block;width:100px;height:50px;}
.s2_specialty li b{display:block;padding:10px 0 0;}
.s2_specialty .si01{top:120px;left:250px}
.s2_specialty .si02{top:50px;left:200px}
.s2_specialty .si03{top:60px;left:100px}
.s2_specialty .si04{top:150px;left:160px}
.s2_specialty .si05{top:280px;left:180px}
.s2_specialty .si06{top:370px;left:440px}
.s2_specialty .si07{top:50px;left:330px}
.s2_specialty .si08{top:220px;left:70px}
.s2_specialty .si09{top:370px;left:50px}
.s2_specialty .si10{top:60px;left:550px}
.s2_specialty .si11{top:230px;left:490px}
.s2_specialty .si12{top:130px;left:430px}
.s2_specialty .si13{top:250px;left:330px}
.s2_specialty .si14{top:360px;left:280px}
.s2_specialty li.on{background:url(/images/sub/sub05/s5_on.gif) no-repeat top center;z-index:1;}
.s2_specialty li.on span{height:100px;margin:60px 0 0;border-radius:50%;border:3px solid #ef5f4b;}
.s2_specialty li.on b{display:block;padding:5px 0;margin:10px 0 0;background:#ef5f4b;color:#fff}
.s2_specialty .si01.on span{background:url(/images/sub/sub05/s5_2_simg01.jpg) no-repeat center;background-size:contain;}
.s2_specialty .si02.on span{background:url(/images/sub/sub05/s5_2_simg02.gif) no-repeat center;background-size:contain;}
.s2_specialty .si03.on span{background:url(/images/sub/sub05/s5_2_simg03.gif) no-repeat center;background-size:contain;}
.s2_specialty .si04.on span{background:url(/images/sub/sub05/s5_2_simg04.gif) no-repeat center;background-size:contain;}
.s2_specialty .si05.on span{background:url(/images/sub/sub05/s5_2_simg05.gif) no-repeat center;background-size:contain;}
.s2_specialty .si06.on span{background:url(/images/sub/sub05/s5_2_simg06.jpg) no-repeat center;background-size:contain;}
.s2_specialty .si07.on span{background:url(/images/sub/sub05/s5_2_simg07.gif) no-repeat center;background-size:contain;}
.s2_specialty .si08.on span{background:url(/images/sub/sub05/s5_2_simg08.gif) no-repeat center;background-size:contain;}
.s2_specialty .si09.on span{background:url(/images/sub/sub05/s5_2_simg09.gif) no-repeat center;background-size:contain;}
.s2_specialty .si10.on span{background:url(/images/sub/sub05/s5_2_simg10.gif) no-repeat center;background-size:contain;}
.s2_specialty .si11.on span{background:url(/images/sub/sub05/s5_2_simg11.gif) no-repeat center;background-size:contain;}
.s2_specialty .si12.on span{background:url(/images/sub/sub05/s5_2_simg12.gif) no-repeat center;background-size:contain;}
.s2_specialty .si13.on span{background:url(/images/sub/sub05/s5_2_simg13.gif) no-repeat center;background-size:contain;}
.s2_specialty .si14.on span{background:url(/images/sub/sub05/s5_2_simg14.gif) no-repeat center;background-size:contain;}
.s2_table td img{width:150px}

.graph{padding:10px 0;}
.graph img{width:100%;border:1px solid #ddd;}
.graph p{padding:10px;}

/* sub03 */
.s3_step{text-align:center;}
.s3_step span{display:block;padding:10px;margin:0 0 25px 0;background:#00788c;border-radius:10px;color:#fff;position:relative}
.s3_step span:after{content:"\2193";display:block;font-weight:600;margin:10px;position:absolute;bottom:-30px;right:45%;color:#00788c;}
.s3_step span:last-child:after{content:"";}


/* sub06 */
.wwd{background:url(/images/sub/sub03/s3_1_bg.jpg) center;background-size:cover;padding:15px;}
.wwd h4{;padding:20px;color:#fff;text-align:center;margin:1rem 0 0;border-top-left-radius:15px;border-top-right-radius:15px}
.wwd .r_h4{background:rgba(37,40,129,1);}
.wwd .e_h4{background:rgba(11,93,24,1);}
.wwd ul{padding:20px;background:rgba(255,255,255,.7);box-shadow:0 0 10px rgba(0,0,0,.3)}
.wwd ul li{padding:0 0 10px;margin:10px 0 0;border-bottom:1px solid #fff;}
.wwd ul li:last-child{border-bottom:0;}
.wwd ul li strong{font-size:1.2rem;}
.wwd ul li a{display:inline-block;padding:10px 20px;margin:20px 0 0;border-radius:30px;}
.wwd .rd li a{background:rgba(37,40,129,1);color:#fff}
.wwd .el li a{background:rgba(11,93,24,1);color:#fff}


/* Tablet */
@media all and (min-width:768px) {

/* sub01 */
.s1_director img{width:auto}
.s1_header:before{height:100%;}
.s1_header:after{height:100%;top:0;}
	
/*history*/
.h_img_list ul:after{content:"";display:block;clear:both;}
.h_img_list ul li{width:50%;float:left;text-align:center}
	
.s1_vision dt, .s1_vision dd{display:inline-block;}
.s1_vision dd{line-height:30px;padding:0 0 0 2rem;width:75%}
.s1_vision dd strong{margin:0;text-align:left;font-size:20px}

.s1_slogan>img{width:auto;}

/*조직도*/
.org_main{max-width:1200px;margin:0 auto;background:0;text-align:center;background:url(/images/sub/sub06/s6_orgline.gif) no-repeat 50% 0%}
.org_main:after{content:"";display:block;clear:both;}
.org_main h4{width:200px;margin:0 auto;position:relative}
.org_main>ul:before{background:0;}
.org_main>ul{width:29%;margin:9.4rem 20px 0 0;display:inline-block;vertical-align:top}
.org_main dl{width:29%;margin:0 20px 0 0;display:inline-block;vertical-align:top}
	
.s1_facilities{max-width:700px;margin:50px auto 0;}

/* sub02 */
.s2_table td img{width:auto}

.graph{text-align:center;}
.graph img{width:auto;}

/* sub03 */
.s3_step span{display:inline-block;margin:0 30px 10px 0;}
.s3_step span:after{content:"\2192";top:0;right:-30px;}

/* sub06 */
.wwd ul:after{content:"";display:block;clear:both;}
.wwd ul.rd li{width:32.3%;float:left;margin:10px 1% 0 0;border-color:#000}
.wwd ul.el li{width:49%;float:left;margin:10px 1% 0 0;border:0;}

}


/* Desktop */
@media all and (min-width:1024px) {

/* sub01 */
.s1_director{text-align:left}
/*history*/
.s6_history .h_table{width:59%}
.s6_history .h_img_list{width:40%}
.h_img_list ul li{width:100%;margin:0 0 10px;}	

.s1_vision dt{margin:0 0 0 80px}

/* sub02 */
.s2_environment>div:nth-child(1)>div{background-position:right;}
.s2_environment>div:nth-child(2)>div{background-position:97% 29%;background-size:200px}
.s2_environment>div:nth-child(3)>div{background-position:97% 29%;background-size:200px;}
.s2_environment .basic_box>div{padding:30px;}
.s2_environment>div:nth-child(1) dd{padding:20px 30% 10px 0;min-height:200px}
.s2_environment>div:nth-child(2) dd{padding:10px 25% 10px 0;min-height:150px}
.s2_environment>div:nth-child(3) dd{padding:10px 25% 10px 0;min-height:150px}

/* sub06 */
.wwd{padding:40px;}
.wwd ul li{padding:20px;transition:.3s ease-in-out}
.wwd ul.rd li{width:27.3%;height:90px;}
.wwd ul.el li{width:44%;}
.wwd ul li:hover{color:#fff;border-bottom-left-radius:15px;border-top-right-radius:15px;;transition:.3s ease-in-out}
.wwd ul.rd li:hover{background:rgba(37,40,129,1);}
.wwd ul.rd li:hover a{background:#fff;color:rgba(37,40,129,1);}
.wwd ul.el li:hover{background:rgba(11,93,24,1);}
.wwd ul.el li:hover a{background:#fff;color:rgba(11,93,24,1);}

}
@media all and (min-width:1200px) {
/* sub06 */
.wwd ul.rd li{width:28.3%;height:90px;}
.wwd ul.el li{float:left;width:45%;margin:10px 1% 0 0;border:0;}
	
}