/* all */
.wrap{position:relative; overflow:hidden; width:100%;}
.inner{width:1200px; margin:0 auto;}
#index-area{position:relative; overflow:hidden; width:100%; background:url('../images/bg-index.jpg') top center no-repeat; background-size:cover;}

.padT20{padding-top:20px;}
.marT20{margin-top:20px;}
.marT50{margin-top:50px;}
.marB30{margin-bottom:30px;}
.text-color-sky{color:#0095d6;}
.text-color-blue{color:#0778a9;}


/************** Main **************/
.header{position:absolute; z-index:100; top:0; left:0; width:100%; height:80px; padding-top:20px; border-bottom:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box;}
.header:after{content:''; display:block; clear:both;}
.header h1, .header h2{float:left;}

.footer-main{position:absolute; z-index:10; bottom:0; left:0; width:100%; padding:29px 0; text-align:center; font-size:1.3rem; line-height:1.9rem; color:#6a6868; background:rgba(0, 0, 0, 0.76);}
.footer-main strong{font-weight:normal;}
.footer-main span{display:inline-block; margin-top:3px; padding:0 13px; font-size:1rem; line-height:1rem; font-weight:100;}

.footer-area:after{content:''; display:block; clear:both;}

.footer-area li{float:left; text-align:left;}
.footer-area li:first-child{width:82%;}
.footer-area li:last-child{display:table; width:18%; text-align:right;}

.footer-area li a{display:table-cell; width:100%; padding:10px 20px; font-weight:1.3rem; line-height:1.9rem; color:#fff; vertical-align:middle; font-weight:100; letter-spacing:-1px; border:2px solid rgba(255, 255, 255, 0.15); border-radius:100px;}
.footer-area li a img:first-child{padding-right:5px;}
.footer-area li a img:last-child{padding-left:15px;}



.index-con{display:table; width:100%; height:100%;}
.inner-index{display:table-cell; width:840px; margin:0 auto; text-align:center; vertical-align:middle;}
.inner-index h3{font-size:2.2rem; line-height:3rem; color:#fff; font-weight:100; text-shadow:2px 2px 17px rgba(66, 62, 72, 0.11);}
.inner-index h3 span{display:block; font-size:5rem; line-height:7rem; font-weight:100;}
.inner-index h3 strong{font-weight:700;}

.index-con-list{margin-top:55px;}
.index-con-list li{display:inline-block; width:225px; height:225px; margin-right:82.5px; background:rgba(0, 0, 0, 0.3); border-radius:255px;}
.index-con-list li:hover{background:rgba(0, 166, 229, 0.7); box-shadow:14px 14px 30px rgba(0, 0, 0, 0.42);}
.index-con-list li:last-child{margin-right:0;}
.index-con-list li a{display:inline-block; width:100%; height:100%; color:#fff;}

.index-con-list li dl{width:75%; margin:0 auto; padding:35px 0;}
.index-con-list li dl dt{font-size:2.2rem; line-height:3rem; font-weight:300; letter-spacing:-1px;}
.index-con-list li dl dt strong{font-weight:700;}
.index-con-list li dl dd{font-size:1.3rem; line-height:1.9rem; letter-spacing:-1px;}
.index-con-list li dl dd:last-child{margin-top:20px; padding-top:20px; border-top:1px solid rgba(255, 255, 255, 0.1);}




/************** Sub **************/
.header-sub{position:relative; width:100%;}
.nav-area{padding:17px 0; height:46px; border-bottom:1px solid rgba(255, 255, 255, 0.1); background-color:rgba(0, 0, 0, 0.15)}
.sub-title{padding-top:58px; font-size:1.6rem; line-height:2.4rem; text-align:center; color:#fff; font-weight:100;}
.sub-title strong{font-size:3.2rem; line-height:4rem; font-weight:700;}
.line-sky{position:absolute; z-index:1; bottom:0; left:0; width:100%; height:4px; background-color:rgba(0, 166, 229, 0.8);}

.header-sub h1, .header-sub h2{float:left;}

#container{width:1200px; margin:0 auto;}
#container h4.busin-tit{padding-top:65px; font-size:1.4rem; line-height:2.3rem; color:#696969; font-weight:normal; letter-spacing:-0.6px; text-align:center;}
#container h4.busin-tit strong{color:#00a982; font-weight:normal;}



.sub-bg1{height:270px; background:url('../images/bg-sub1.jpg') top center no-repeat; background-size:cover;}
.sub-bg2{height:360px; background:url('../images/bg-sub2.jpg') top center no-repeat; background-size:cover;}
.sub-bg3{height:280px; background:url('../images/bg-sub3.jpg') top center no-repeat; background-size:cover;}




/* business */
.business-infor{margin-top:65px;}
.business-infor:after{content:''; display:block; clear:both;}

.business-infor dl{float:left; width:47%; margin-right:6%; text-align:center; box-sizing:border-box;}
.business-infor dl:first-child{border:3px solid #0095d6;}
.business-infor dl:last-child{margin-right:0; border:3px solid #0778a9;}

.business-infor dl dd{position:relative; margin-top:-24px;}
.business-infor dl dt{margin:40px 0; font-size:1.3rem; color:#435563;}
.business-infor dl dt strong{font-size:1.8rem; line-height:2.4rem; }
.business-infor dl dt span{padding:0 10px; font-size:0.9rem; color:#d7d7d7; vertical-align:bottom;}

h3.subtit-bar{margin-top:68px; padding-left:10px; font-size:2.4rem; line-height:3.6rem; color:#272727; font-weight:700; letter-spacing:-1px; background:url('../images/bg-subtit-bar.jpg') left center no-repeat;}

.organ-area{}
.organ-area ul{margin-top:30px;}
.organ-area ul:after{content:''; display:block; clear:both;}
.organ-area ul li{float:left; width:15%; margin-right:2%; padding:6.4% 0; text-align:center; font-size:1.5rem; line-height:2.3rem; font-weight:500; color:#fff; background-color:#055274; border-radius:100%;}
.organ-area ul li:last-child{margin-right:0;}
.organ-area ul li:first-child{background-color:#0095d6;}
.organ-area ul li:nth-child(2){background-color:#0778a9;}

.map-detail{width:100% !important; height:370px !important;}



/* Product */
.sub-navi-fixed{position:fixed !important; top:0px; z-index:1000000000000; height:84px; background-color:rgba(0, 166, 229, 0.9) !important;}
.sub-2depth-nav{position:absolute; z-index:10; bottom:0; left:0; width:100%; background-color:rgba(0, 166, 229, 0.8);}
.sub-2depth-nav ul{width:1200px; margin:0 auto; text-align:center;}
.sub-2depth-nav ul li{display:inline-block; margin-right:60px; padding:30px 60px 30px 0; font-size:1.6rem; line-height:2.4rem; font-weight:500; background:url('../images/icon-snb-point.png') right center no-repeat;}
.sub-2depth-nav ul li:last-child{margin-right:0; padding-right:0; background:none;}

.sub-2depth-nav ul li a{color:#e5e5e5;}
.sub-2depth-nav ul li.on a{color:#fff;}


.tab-area{margin-top:70px; text-align:center;}

.tab-area li{display:inline-block; margin-right:40px;}
.tab-area li:last-child{margin-right:0;}
.tab-area li span{display:inline-block; width:200px; text-align:left; padding:10px 20px; color:#d9dbdc; border:3px solid #d9dbdc; border-radius:100px; background:url('../images/icon-arrow-big-gray.png') 92% center no-repeat; cursor:pointer;}
.tab-area li.on span{color:#0072be; border:3px solid #0072be; background:url('../images/icon-arrow-big-blue.png') 92% center no-repeat;}


.tab-detail-all{margin-top:50px;}
.tab-detail-all:after{content:''; display:block; clear:both;}
.ta-col2{float:left;width: 50%;}
.ta-col3{float:left; width:33.33%;}

.tabd1{display:block;}
.tabd2, .tabd3{display:none;}

.table-con-area dl dt{font-size:2rem; line-height:3rem; font-weight:700;}
.table-con-area dl dd{color:#696969;}
.table-con-area dl dd img{width:100%;}

.table-base{display:table; width:100%; border-top:1px solid #0072be;}
.table-base ul{display:table-row; width:100%;}
.table-base ul li{display:table-cell;padding:5px 10px;font-size: 12px;line-height: 25px;vertical-align:middle;border-bottom:1px solid #e8e8e8;}
.table-base ul li:first-child{width: 30%;}
.table-base ul li:last-child{width: 70%;color:#535353;background-color:#fcfcfc;}
.table-base ul.row2 li{padding:10px; height:71px; vertical-align:top;}
.table-base ul.row3 li{padding:10px; height:117px; vertical-align:top;}
.table-base ul.row4 li{padding:10px; height:138px; vertical-align:top;}
.table-base ul.row6 li{padding:10px; height:209px; vertical-align:top;}


.san-tit{font-size:1.6rem; line-height:2.4rem; color:#848484; text-align:center;}
.san-tit strong{display:block; margin-bottom:5px; font-size:2.2rem; line-height:3.3rem; color:#111; font-weight:500;}

.san-detail{width:100%; margin-top:30px; margin-bottom:50px; padding:50px 30px; text-align:center; background-color:#f8f8f8; box-sizing:border-box;}
.san-detail p{display:inline-block; padding-bottom:3px; font-size:1.6rem; line-height:2.4rem; color:#435563; border-bottom:2px solid #00a982;}

.san-detail ul{margin-top:50px;}
.san-detail ul:after{content:''; display:block; clear:both;}

.san-detail ul li{float:left; width:23.5%; margin-right:2%; text-align:left; color:#435563;}
.san-detail ul li:last-child{margin-right:0;}

.san-detail ul li dl{font-weight:100;}
.san-detail ul li dl dt{height:40px; padding:30px 0 15px 0; font-weight:500; letter-spacing:-0.5px;}

.table-col3{width:100%; border-top:1px solid #0072be;}
.table-col3 li{padding:5px 10px;font-size: 1.0rem;line-height: 1.6rem;color:#535353;border-bottom:1px solid #e8e8e8;}
.table-col3 li.row2{height:80px;}
.table-col3 li strong{display:block; color:#0072be; font-weight:normal;}
.table-col3 li span{font-weight:500;}

.san-fun1{height:80px;padding-left:70px !important;padding-top: 17px !important;background:url('/resources/images/sub/icon-san05.png') 10px center no-repeat;}
.san-fun2{height:80px;padding-left:70px !important;padding-top: 17px !important;background:url('/resources/images/sub/icon-san06.png') 10px center no-repeat;} 
.san-fun3{height:80px;padding-left:70px !important;padding-top: 9px !important;background:url('/resources/images/sub/icon-san07.png') 10px center no-repeat;} 

.pd-none{height:192px;}


/* contact-us */
.contact-base{margin-top:50px;}
.contact-base:after{content:''; display:block; clear:both;}

.contact-base li{float:left; width:48%; margin-top:20px; margin-right:4%; box-sizing:border-box;}
.contact-base li:nth-child(2n){margin-right:0;}
.contact-base li:last-child{width:100%; margin-right:0;}

.contact-base input{width:100%; height:50px; padding:10px 20px; color:#595959; border:1px solid #e4e4e4; background-color:#fbfbfb; box-sizing:border-box;}
.contact-base textarea{width:100%; height:210px; padding:20px; color:#595959; border:1px solid #e4e4e4; background-color:#fbfbfb; box-sizing:border-box;}

.contact-privacy{width:100%; margin-top:20px; padding:35px 20px; letter-spacing:-0.5px; border:1px solid #e4e4e4; background-color:#fbfbfb; box-sizing:border-box;}
.contact-privacy dt{color:#333; font-weight:500;}
.contact-privacy dd{padding-top:20px; color:#595959; font-weight:100;}

.contact-privacy dd a{display:inline-block; width:150px; padding:3px 12px; font-size:1.3rem; line-height:1.9rem; color:#fff; background:url('../images/icon-arrow.png') 90% center no-repeat; background-color:#0072be; border-radius:4px;}

.contact-agree{margin-top:30px; color:#595959; vertical-align:middle;}
.contact-agree input{margin-right:6px;}

.form-btn{margin-top:50px; text-align:center;}
.form-btn a{display:inline-block; min-width:280px; padding:20px 35px; color:#0072be; font-size:1.8rem; line-height:2.4rem; font-weight:700; text-align:left; border:3px solid #0072be; border-radius:100px; background:url('../images/icon-arrow-big-blue.png') 90% center no-repeat;}


/* privacy */
.priv-area{margin-top:70px;}
.priv-area h4{font-size:1.4rem; line-height:2.3rem; letter-spacing:-0.5px; font-weight:normal;}
.priv-area h5{font-size:1.6rem; line-height:2.3rem; letter-spacing:-0.5px; font-weight:700;}
.priv-area p{margin-top:5px; font-size:1.4rem; line-height:2.3rem; color:#595959;}

.priv-area ul{margin-top:20px;}
.priv-area ul li{margin-bottom:8px; font-size:1.4rem; line-height:2.1rem; color:#595959;}
.priv-area ul li a{font-size:1.4rem; line-height:2.1rem; color:#0095d7;}
.priv-area ul li:last-child{margin-bottom:0px;}

.priv-area ul li dl{margin-left:15px;}
.priv-area ul li dt{font-weight:700; margin-bottom:12px;}
.priv-area ul li dd{font-size:1.3rem; line-height:2rem; margin-bottom:4px;}
.priv-area ul li dd:last-child{margin-bottom:0;}

.priv-detail{margin-top:20px; padding:35px 25px; background-color:#f2f2f2;}



/* Mobile Menu */
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:4px; background-color:#fff; border-radius:4px;}
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}

.mo-menu-trigger.active span:nth-of-type(1){
	-webkit-transform:translateY(10px) rotate(-315deg);
	transform:translateY(10px) rotate(-315deg);
}
.mo-menu-trigger.active span:nth-of-type(2){
	opacity:0;
}
.mo-menu-trigger.active span:nth-of-type(3){
	-webkit-transform:translateY(-10px) rotate(315deg);
	transform:translateY(-10px) rotate(315deg);
}

.m-gnb-bg{display:none;}



/* Sub Footer */
.footer-sub{width:100%; margin-top:100px; padding:29px 0; text-align:center; font-size:1.3rem; line-height:1.9rem; color:#6a6868; background-color:#e2e2e2;}
.footer-sub strong{font-weight:normal;}
.footer-sub span{display:inline-block; margin-top:3px; padding:0 13px; font-size:1rem; line-height:1rem; font-weight:100;}
.sub-foo-btn{display:table-cell; width:100%; padding:10px 20px; font-weight:1.3rem; line-height:1.9rem; color:#6a6868 !important; vertical-align:middle; font-weight:100; letter-spacing:-1px; border:2px solid rgba(0, 0, 0, 0.15) !important; border-radius:100px;}



@media only screen and (max-width: 1280px) {
	.inner{width:auto; padding:0 20px;}

	/* Product */
	.sub-2depth-nav ul li a span{display:none;}
	.m-padT60{padding-top:60px;}
	.sub-2depth-nav ul{width:auto; padding:0 20px;}
	
	.table-con-area dl{text-align:center;}
	.table-con-area dl dt{font-size:2rem; line-height:3rem; font-weight:700;}
	.table-con-area dl dd{color:#696969;}
	.table-con-area dl dd img{width:auto;}
	.ta-col2, .ta-col3{float:none; width:80%; margin:0 auto;}

	.table-base ul.row2 li, .table-base ul.row3 li, .table-base ul.row4 li, .table-base ul.row6 li{padding:10px; height:auto; vertical-align:top;}

	.ta-amount3 li{margin-right:20px;}
	.pd-none{height:auto;}

	.san-detail ul{width:94%; margin:0 auto;}
	.san-detail ul li{width:48%; margin-right:4%; margin-top:50px;}
	.san-detail ul li:nth-child(2n){margin-right:0%;}

	.table-col3 li.row2{height:auto;}

	/* footer */
	.footer-area li:first-child{width:78%;}
	.footer-area li:last-child{width:22%; text-align:center;}

	/* sub */
	#container{width:auto; padding:0 20px;}
}

@media only screen and (max-width: 1024px) {
	
	/* footer */
	.footer-area li:first-child{width:76%;}
	.footer-area li:last-child{width:24%;}

}

@media only screen and (max-width: 960px) {
	
	.header h1 img, .header h2 img{height:38px;}
	.inner-index{width:auto; padding:0 2%;}
	.index-con-list{margin-top:5%;}
	.index-con-list li{float:left; width:32%; margin-right:2%; border-radius:10px;}

	/* Mobile Menu */
	.gnb{}
	.gnb.active{opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}
	.gnb li{float:none;width:100%;padding-top:0px;}
	.gnb li a{display:block; height:auto; width:100%; color:#bcbcbc; padding:20px 0; text-align:center;}
	.gnb li a:hover{color:#fff;}
	.gnb li.on a{color:#fff;}

	.m-gnb-bg.active{position:absolute; display:block; top:0; left:0; z-index:9999999; width:100%; height:100%; background:rgba(0, 0, 0, 0.8);}
	.mo-menu-trigger{position:absolute; top:30px; right:20px; z-index:999999999; display:block; width:34px; height:24px; cursor:pointer;}
	.mo-menu-trigger.active span{background-color:#fff;}

	/* main */
	.visual{margin-top:100px;}
	.visual dl dd:nth-child(2){padding:16px 0 30px 0; font-size:4rem; line-height:5rem;}
	.visual dl dd:last-child{font-size:1.8rem; line-height:2.6rem;}
	
	.in-con{padding-top:30px;}
	.in-con ul li{width:48%; margin-right:4%; margin-top:30px;}
	.in-con ul li:first-child{background-size:cover;}
	.in-con ul li:nth-child(2){background-size:cover;}
	.in-con ul li:nth-child(3){background-size:cover;}
	.in-con ul li:last-child{background-size:cover;}
	.in-con ul li:nth-child(2n){margin-right:0;}


	/* sub */
	.header-sub h1, .header-sub h2{padding-top:4px;}
	.header-sub h1 img, .header-sub h2 img{height:38px;}
	#container h4.busin-tit br{display:none;}

	/* business */
	.business-infor dl dt strong{display:block;}
	.business-infor dl dt span{display:none;}
	
	.organ-area ul{width:80%; margin:0 auto; margin-top:20px;}
	.organ-area ul li{float:left; width:30%; margin-top:10px; margin-right:5%; padding:12.5% 0;}
	.organ-area ul li:nth-child(3n){margin-right:0;}

	/* product */
	.tab-area li span{width:auto; padding:10px 40px 10px 20px;}
	.san-detail ul{width:100%;}


	/* footer */
	.footer-main strong{letter-spacing:-0.6px;}
	.footer-main span{padding:0 8px;}
	.footer-area li{float:none; text-align:center;}
	.footer-area li:first-child{width:100%;}
	.footer-area li:last-child{display:table; width:auto; margin:0 auto; margin-top:20px; text-align:center;}

	.footer-area li a{display:table-cell; width:100%; padding:10px 20px; font-weight:1.3rem; line-height:1.9rem; color:#fff; vertical-align:middle; font-weight:100; letter-spacing:-1px; border:2px solid rgba(255, 255, 255, 0.15); border-radius:100px;}
	.footer-area li a img:first-child{padding-right:5px;}
	.footer-area li a img:last-child{padding-left:15px;}

}

@media only screen and (max-width: 728px) {

	.ta-amount3 li{display:block; margin-right:0; margin-bottom:10px;}
	.ta-amount3 li:last-child{margin-bottom:0px;}
	.ta-amount3 li span{display:inline-block; width:100%; margin:0 auto; padding:10px 20px; color:#d9dbdc; border-radius:4px; box-sizing:border-box;}

}

@media only screen and (max-width: 640px) {
	
	/* main */
	.index-con{display:block; height:100%; padding:170px 0 180px 0;}
	.inner-index{padding:0 5%;}
	.inner-index h3{font-size:2rem; line-height:3rem; color:#fff; font-weight:100; text-shadow:2px 2px 17px rgba(66, 62, 72, 0.11);}
	.inner-index h3 span{display:block; font-size:4rem; line-height:5rem; font-weight:700;}
	
	.index-con-list li{float:none; width:75%; height:auto; margin-right:0%; margin-bottom:10px;}
	.index-con-list li:last-child{margin-bottom:0;}
	.index-con-list li dl{width:85%; margin:0 auto; padding:20px 0;}
	.index-con-list li dl dt{font-size:1.8rem; line-height:2.6rem;}
	.index-con-list li dl dd:nth-child(2){margin-top:0px;}
	.index-con-list li dl dd:last-child{display:none;}

	.footer-main{position:relative; z-index:0; bottom:0; left:0;}
	.footer-main strong{display:block; text-align:left;}
	.footer-main span{display:none;}
	.footer-main strong:last-child{font-size:1.2rem; line-height:1.8rem;}


	/* sub */
	.business-infor dl{float:none; width:100%; margin-right:0%;}
	.business-infor dl:last-child{margin-top:50px;}

	.organ-area ul li{float:left; width:47.5%; margin-top:10px; margin-right:5%; padding:20% 0;}
	.organ-area ul li:nth-child(3n){margin-right:5%;}
	.organ-area ul li:nth-child(2n){margin-right:0;}

	/* Product */
	.sub-2depth-nav ul li{margin-right:30px; padding-right:30px; font-size:1.4rem; line-height:2.1rem;}
						
	.tab-area li{display:block; margin-right:0;}
	.tab-area li:first-child{margin-bottom:10px;}
	.tab-area li span{display:inline-block; width:100%; margin:0 auto; padding:10px 20px; color:#d9dbdc; border-radius:4px; box-sizing:border-box;}
	
	.ta-col2{width:100%;}
	.table-con-area dl dd img{width:90%;}

	.san-detail ul li{float:none; width:100%; margin-right:0%; margin-top:30px;}
	.san-detail ul li dl dt{height:auto;}

	/* contact-us */
	.contact-base{margin-top:6 0px;}
	.contact-base li{float:none; width:100%; margin-top:10px; margin-right:0%;}

	.form-btn a{width:100%; min-width:auto; padding:15px 20px; font-size:1.6rem; line-height:2.3rem; box-sizing:border-box;}
	
	/* sub footer */
	.footer-main strong{letter-spacing:0px;}
	.footer-sub strong{display:block; text-align:left;}
	.footer-sub span{display:none;}
	.footer-sub strong:last-child{font-size:1.2rem; line-height:1.8rem;}
	.footer-area li:last-child{margin:0; margin-top:20px; text-align:left;}

}

@media only screen and (max-width: 480px) {

	/* main */
	.inner-index h3{font-size:1.8rem; line-height:2.6rem;}
	.inner-index h3 span{font-size:3rem; line-height:4rem;}

	.index-con-list li{width:100%;}
	.index-con-list li dl{width:100%;}


	/* business */
	.organ-area ul{width:100%;}

	/* Product */
	.st-area{padding-top:36px !important;}
	.sub-height-navi2{height:93px !important;}
	.sub-height-navi2{height:140px !important;}
	.sub-2depth-nav ul{padding:0;}
	.sub-2depth-nav ul li{display:block; margin-right:0px; padding:12px 0; background:none; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
	.sub-2depth-nav ul li:last-child{border:none;}
	.tab-area li span, .tab-area li.on span{background-position:95% center;}

	.table-base ul li{padding-left:5px;padding-right:5px;vertical-align:top;word-break: break-all;}
	.table-base ul li:last-child{word-break:break-all;}
	.table-base ul.row2 li, .table-base ul.row3 li, .table-base ul.row4 li{padding-left:5px; padding-right:5px;}

	.san-fun1, .san-fun2, .san-fun3{height:auto; padding-left:10px !important; padding-top:5px !important; background:none;}

}