@charset "utf-8";

header {position:relative}
.w_header {width:100%;   }
.w_header .top {width:100%; /*border-bottom:1px solid #333;*/ }

.w_header  h1 {display:block; width:359px; height:130px; background: url(../images/logo.png) no-repeat center center; margin:auto;  }
.w_header  h1 a {display:block; width:359px; height:130px; text-indent:-9999px }

 .gnb_box {width:100%; height:60px; z-index:99; background:#fff; position:absolute; top:130px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
 .gnb_box ul {width:100%; text-align:center; max-width: 1200px; font-size: 0; margin: 0 auto;}
 .gnb_box li {display:inline-block; line-height:60px;  font-size:1.2rem; font-weight:bold; color:#fff; width: calc(100% / 4); }
 .gnb_box li a {display:inline-block; color:#333; width: calc(100% - 1px);}
 .gnb_box li i {display:inline-block; width:1px; height:20px; background:#ccc; vertical-align:middle; }


.m_header {display:none}

#footer {width:100%; /*min-height:200px;*/ text-align:center; clear:both; background:#f5f5f5; border-top:1px solid #ccc}
#footer .f_in {max-width:1200px; margin:auto;}
#footer .f_in .f_logo {width:100%; font-size:0; padding: 30px 0;}
#footer .f_in .f_logo > div {display:inline-block; vertical-align:top;}

#footer .f_in .law_logo{width:160px; height:32px; background: url(../images/logo.png) no-repeat center center; background-size:160px;}
#footer .f_in .law_logo .img{width:100%;height:100%}


#footer .f_in .f_bottom {width:100%; /*height:100px;*/}
#footer .f_in .f_bottom .bottom_left {float:left; text-align:left}

#footer .f_in .bottom_copy{width:calc(100% - 360px);}
#footer .address {font-size:13px; color:#666; box-sizing:border-box; }
#footer .address i {display:inline-block; width:10px;}
#footer .copy {font-size:13px; color:#666; margin-top:0.3rem}


#footer .f_in .btad{width:200px;font-size:13px; }

#footer .f_list {/*float:right;  margin-top:2rem;*/padding:5px; /*border-bottom:1px solid #ccc*/}
#footer .f_list li {display:inline-block; font-size:0.9rem; margin-top:15px}
#footer .f_list li a {color:#666;}
#footer .f_list li i {display:inline-block; width:1px; height:10px; background:#ccc; vertical-align:middle; margin:0 0.5rem;}


#container {max-width:100%;  margin:auto; }
.main_visual {width:100%; height:800px;  float:left; position:relative;  }
.main_visual .main_slide {width:100%;  margin:0 auto;}
.main_visual .main_slide ul li {position:relative; width:100%;}
.main_visual .main_slide ul li .img { width:100%; height:800px; transform:scale(1); transition:all 4s;}
.main_visual .main_slide ul li .img.on {transform:scale(1.05);}

.main_visual .fix {/*width:1000px;*/ position:absolute; top:75px; left:80%; margin-left:-500px; z-index:9999 }

.main_visual .fix .txt {width:100%; height:300px;}


.main_visual .fix .txt .tit {font-size:5rem; letter-spacing:-0.15px; color:#d9e6f5; margin-top:11rem; }
.main_visual .fix .txt .tit .tnavy{font-size:5rem; font-weight:bold; letter-spacing:-0.15px; color:#fff; margin-top:11rem; }
.main_visual .fix .txt .tit .tgray {font-size:5rem; letter-spacing:-0.15px; color:#b3b2b3; margin-top:11rem; }

.main_visual .fix .txt .sub {font-size:30px; color:#ffffff; letter-spacing:-0.1px; margin-top:50px; line-height:45px}
.main_visual .fix .mainbtn {margin-top:2rem}
/*.main_visual .fix .mainbtn  a {display:inline-block; padding:10px; border:2px solid #fff; color:#fff; background:rgba(255, 255, 255, 0.2)url(../images/main_btn_ico.png) no-repeat center right 10px; margin-right:10px; padding-right:50px;   }*/

.main_visual .fix .mainbtn {display:inline-block; /*padding:10px;*/ /*padding:10px 30px 30px 50px;*/ color:#fff; /*background:url(../images/m_btn_ico.png) no-repeat;*/ margin-right:10px; /*padding-right:50px;*/}

.main_visual .fix .mainbtn  .bma{display:inline-block; /*padding:10px;*/ padding:10px 30px 30px 50px; color:#fff; background:url(../images/m_btn_ico.png) no-repeat; margin-right:10px; padding-right:50px;}
.main_visual .fix .mainbtn  .bmb{display:inline-block; /*padding:10px;*/ padding:10px 30px 30px 50px; color:#fff; background:url(../images/m_btn_ico2.png) no-repeat; margin-right:10px; padding-right:50px;}
.main_visual .fix .mainbtn  .bmc {display:inline-block; /*padding:10px;*/ padding:10px 30px 30px 50px; color:#fff; background:url(../images/m_btn_ico2.png) no-repeat; padding-right:50px;}


@media screen and (max-width:1200px) {
	.gnb_box li {display:inline-block; line-height:60px;  font-size:1rem; font-weight:bold; }
	.gnb_box li a {display:inline-block; color:#333; padding:0 25px;}
	.main_visual .fix {width:90%; position:absolute; top:0; left:10%; margin-left:0px; z-index:9999; box-sizing:border-box; padding-lefT:20px; }

	.main_visual .fix .txt {width:100%; height:300px;  position:absolute; top:0%; left:0%; margin-left:0%; }

	#footer .f_in {margin:0 20px;}
	#footer  .bottom_left {clear:both; text-align:left}
	#footer .f_list {clear:both; float:none; margin-top:1rem; text-align:left}
	#footer  .address {font-size:0.8rem; color:#666; box-sizing:border-box; }
}

@media screen and (max-width:768px) {
	.w_header {display:none}
	.m_header {display:block; height:80px; background:#fff;  z-index:99999; width:100%; position:fixed; top:0; border-bottom:1px solid #ccc;  }
	.m_header h1 {display:inline-block; width:180px; height:80px;  background: url(../images/logo.png) no-repeat center center; background-size:180px; margin-left: 20px;}
	.m_header h1 a {display:block; width:150px; height:80px; text-indent:-9999px }

	.m_header .open_nav {width:80px; height:80px;  background: url(../images/open_nav.png) no-repeat center center; background-size:30px; position:absolute; top:0; right:0;  }
	.m_header .open_nav a {display:block; widht:80px; height:80px;  text-indent:-9999px; }

	.m_header .open_nav.on {background: url(../images/open_close.png) no-repeat center center;  background-size:30px;}

	.open_nav_box {width:100%; height:199px; background:#fff; position:absolute; top:80px; left:0px; z-index:99999; border-top:1px solid #333; display:none; z-index:9999 }
	.open_nav_box li {width:50%; height:99px; box-sizing:border-box; border-right:1px solid #ccc;  border-bottom:1px solid #ccc;  float:left; }
	.open_nav_box li:nth-child(2) {border-right:0px;}
	.open_nav_box li:nth-child(6) {border-right:0px;}
	.open_nav_box li  a {padding-top:20px; display:block}
	.open_nav_box li span {display:inline-block; width:100%; padding-top:50px; text-align:center; }
	.open_nav_box li span.ico1 {background: url(../images/m_gnb_ico1.png) no-repeat center top;  background-size:40px;}
	.open_nav_box li span.ico2 {background: url(../images/m_gnb_ico2.png) no-repeat center top;  background-size:40px;}
	.open_nav_box li span.ico3 {background: url(../images/m_gnb_ico3.png) no-repeat center top;  background-size:40px;}
	.open_nav_box li span.ico4 {background: url(../images/m_gnb_ico6.png) no-repeat center top;  background-size:40px;}
	.open_nav_box li span.ico6 {background: url(../images/m_gnb_ico6.png) no-repeat center top;  background-size:40px;}
	/*.open_nav_box li span.ico4 {background: url(../images/m_gnb_ico4.png) no-repeat center top;  background-size:40px;}
	.open_nav_box li span.ico5 {background: url(../images/m_gnb_ico5.png) no-repeat center top;  background-size:40px;}*/



	.main_visual .fix .txt .tit {font-size:4rem; letter-spacing:-0.15px; color:#fff; margin-top:13rem; 	}
	.main_visual .fix .txt .sub {font-size:1rem; color:#ffffff; 	letter-spacing:-0.1px; margin-top:25px; line-height:2.2rem	}

	.main_visual {width:100%; height:750px;  float:left }
	.main_visual .main_slide ul li .img { width:100%; height:750px; transform:scale(1); transition:all 4s;}

	.main_visual .fix .txt {width:100%; height:300px;  position:absolute; top:0%; left:0%; margin-left:0%;}


	#footer  .address {font-size:0.8rem; color:#666; margin-top:1rem; box-sizing:border-box; }
	#footer  .copy {font-size:0.8rem; color:#666; margin-top:0.3rem}
	#footer .f_list {font-size:0.8rem; clear:both; float:none; margin-top:0.3rem; text-align:left}



	#footer .f_in .law_logo{}
	#footer .law_logo .img{width:60%;height:60%;}

	#footer .f_in .f_logo > div {display:block; text-align: center; width: 100%; margin-bottom:20px;}
	#footer .f_in .f_logo > div.btad{margin-bottom:0;}
}

@media screen and (max-width:414px) {
	.main_visual .fix .txt .tit {font-size:2rem; letter-spacing:-0.15px; color:#fff; margin-top:13rem; 	}
	.main_visual .fix .txt .sub {font-size:1rem; color:#ffffff; 	letter-spacing:-0.1px; margin-top:25px; line-height:1.5rem	}

	.main_visual {width:100%; height:600px;  float:left }
	.main_visual .main_slide ul li .img { width:100%; height:600px; transform:scale(1); transition:all 4s;}
	#footer .f_list li i {display:inline-block; width:1px; height:10px; background:#ccc; vertical-align:middle; margin:0 0.25rem;}

	#footer  .address {font-size:0.8rem; color:#666; margin-top:1rem; box-sizing:border-box; }
	#footer  .copy {font-size:0.8rem; color:#666; margin-top:0.3rem}
	#footer .f_list {font-size:0.8rem; clear:both; float:none; margin-top:0.3rem; text-align:left}

	#footer .f_in .btad{ font-size:0.4rem;}

	#footer .f_in .f_logo {}

	#footer .f_in .law_logo{}
	#footer .law_logo .img{}


}




/************************* SWIPER *************************/
.swiper-container {overflow:hidden; position:relative; width:100%; margin:0 auto; z-index:1;}
.swiper-container-no-flexbox .swiper-slide {float:left;}
.swiper-wrapper {position:relative; width:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {-webkit-transform:translate3d(0px, 0, 0); -moz-transform:translate3d(0px, 0, 0); -o-transform:translate(0px, 0px); -ms-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0);}
.swiper-container-free-mode > .swiper-wrapper {margin:0 auto; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.swiper-container-vertical > .swiper-wrapper {-webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;}
.swiper-slide {position:relative; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action:pan-y; touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x; touch-action:pan-x;}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {position:absolute; top:50%; z-index:10; cursor:pointer;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity:0.35; cursor:auto; pointer-events:none;}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto;}
/* Scrollbar */
.swiper-scrollbar {border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar {position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%;}
.swiper-container-vertical > .swiper-scrollbar {position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%;}
.swiper-scrollbar-drag {height:100%; width:100%; position:relative; background:rgba(0, 0, 0, 0.5); border-radius:10px; left:0; top:0;}
.swiper-scrollbar-cursor-drag {cursor:move;}
/* pagination */
.paginationDot {width:100%; height:auto; z-index:5; text-align:center;}
.paginationDot .swiper-pagination-switch {display:inline-block; position:relative; width:1.5rem; height:1.5rem; margin:0 0.15rem; cursor:pointer;}
.paginationDot .swiper-pagination-switch:after {content:' '; display:block; position:absolute; top:50%; left:50%; width:0.6rem; height:0.6rem; margin-top:-0.3rem; margin-left:-0.3rem; border-radius:50%; background-color:rgba(255,255,255,0.5);}
.paginationDot .swiper-active-switch:after {background-color:#fff;}

.pagination {text-align:center; padding-top:9px; height:16px; font-size:3px; line-height:3px;}
.pagination .swiper-pagination-switch {width:7px; height:7px; display:inline-block; background-color:#cbcbcb; border-radius:50%; -webkit-border-radius:50%; margin:0 3px;}
.pagination .swiper-active-switch {background-color:#000;}