@charset "utf-8";

*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;font-size:16px;}
body{position:relative;}
a[href^=tel] { color: inherit; text-decoration: none; }

.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}
.mgt100{margin-top:100px;}

.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt80{padding-top:80px;}
.pdt90{padding-top:90px;}
.pdt100{padding-top:100px;}

@media (max-width: 800px){
	.mgt10{margin-top:5px;}
	.mgt20{margin-top:10px;}
	.mgt30{margin-top:15px;}
	.mgt40{margin-top:20px;}
	.mgt50{margin-top:25px;}
	.mgt60{margin-top:30px;}
	.mgt70{margin-top:35px;}
	.mgt80{margin-top:40px;}
	.mgt90{margin-top:45px;}
	.mgt100{margin-top:50px;}

	.pdt10{padding-top:5px;}
	.pdt20{padding-top:10px;}
	.pdt30{padding-top:15px;}
	.pdt40{padding-top:20px;}
	.pdt50{padding-top:25px;}
	.pdt60{padding-top:30px;}
	.pdt70{padding-top:35px;}
	.pdt80{padding-top:40px;}
	.pdt90{padding-top:45px;}
	.pdt100{padding-top:50px;}
}

.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}

.mgr10{margin-right:10px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}
.mgr40{margin-right:40px;}
.mgr50{margin-right:50px;}

.bdr{border-right:1px solid #ededed;}
.bdt{border-top:1px solid #ededed;}
.bdl{border-left:1px solid #ededed;}
.bdb{border-bottom:1px solid #ededed;}

.tcenter{text-align:center;}
.tright{text-align:right;}

.rela{position:relative;}
.absol{position:absolute;}

.f_left{float:left;}
.f_right{float:right;}
.f_after::after{content:'';display:block;clear:both;}

.overh{overflow:hidden;}
.w50{width:50%;}
.w33{width:33.333333%;}
.w25{width:25%;}
.w100{width:100%;}
.wh100{width:100%;height:100%;left:0;top:0;}
.mw100{max-width:100%;}

h2, h3, h4, h5{font-weight:normal;}

.btn_top{display:block;width:50px;height:50px;position:fixed;right:10px;bottom:20px;z-index:2000;}

.trans{
	-webkit-transition:all 350ms ease;
	-moz-transition:all 350ms ease;
	-ms-transition:all 350ms ease;
	transition:all 350ms ease;
}

.trans_f{
	-webkit-transition:all 250ms ease;
	-moz-transition:all 250ms ease;
	-ms-transition:all 250ms ease;
	transition:all 250ms ease;
}

.bcenter{
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.xcenter{
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.ycenter{
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* layout & font */
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
.align{max-width:1200px;padding:0 20px;margin-left:auto;margin-right:auto;}
.align.line{border-bottom:1px dashed #d7d7d7;}
.mauto{margin-left:auto;margin-right:auto;}

.btn_prev_mari, .btn_next_mari{width:50px;height:50px;position:absolute;top:50%;background:transparent;cursor:pointer;z-index:2;}
.btn_prev_mari{background:url(../images/arrow.png) 0 0 no-repeat;left:0;}
.btn_next_mari{background:url(../images/arrow.png) 100% 0 no-repeat;right:0;}
.btn_prev_mari:hover{background-position:0 100%;}
.btn_next_mari:hover{background-position:100% 100%;}

.btn_box{display:inline-block;left:50%;padding:15px 40px;border:2px solid #458b52;color:#1e4f27;}
.btn_box::after{display:block;content:'';position:absolute;left:0;top:0;width:0;height:100%;background:#458b52;z-index:-1;
	-webkit-transition:all 150ms ease;
	-moz-transition:all 150ms ease;
	-ms-transition:all 150ms ease;
	transition:all 150ms ease;
}
.btn_box:hover{color:#fff;}
.btn_box:hover::after{width:100%;}
.op0{-ms-filter: alpha(opacity=0);filter: alpha(opacity=0);opacity:0;}

.bga{background-color:#f7f7f7;}

.mInline{display:block;}

.noto{font-family:'notokr';font-weight:400;}
.noto.light{font-weight:200;}
.noto.medium{font-weight:500;}
.noto.bold{font-weight:700;}

.fHey{font-family:'HeyAugust';}
.sCore{font-family:'S-CoreDream-6Bold';}

.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lsp{letter-spacing:-0.04em;}

.fcblack{color:#292929;}
.fcgrey{color:#666;}
.fcgrey2{color:#999;}
.fcgreen{color:#458b52;}
.fcgrey em, .fcgren2 em{font-weight:700;color:#292929;}
.fcwhite{color:#fff;}

.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f35{font-size:35px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.f50{font-size:50px;}

@media (max-width: 1080px){
	.f15{font-size:12px;}
	.f16{font-size:13px;}
	.f17{font-size:14px;}
	.f18{font-size:15px;}
	.f20{font-size:16px;}
	.f24{font-size:19px;}
	.f28{font-size:23px;}
	.f35{font-size:28px;}
	.f40{font-size:32px;}
	.f45{font-size:36px;}
	.f50{font-size:38px;}
}

@media (max-width: 800px){
	.f15{font-size:9px;}
	.f16{font-size:10px;}
	.f17{font-size:11px;}
	.f18{font-size:12px;}
	.f20{font-size:13px;}
	.f24{font-size:14px;}
	.f28{font-size:17px;}
	.f35{font-size:21px;}
	.f40{font-size:24px;}
	.f45{font-size:26px;}
	.f50{font-size:28px;}

	.align{padding:0 10px;}
	.pds{padding:0 20px;word-break:keep-all;}
}

@media (max-width: 680px){
	.lsp{letter-spacing:-0.02em;}

	.btn_prev_mari, .btn_next_mari{width:30px;height:30px;}
	.btn_prev_mari{background-size:60px auto;}
	.btn_next_mari{background-size:60px auto;}

	.mInline{display:inline;}
	.btn_box{padding:12px 25px;}

	.wb{word-break:keep-all;}
}

/* page */
.wrap_header{position:relative;box-shadow:3px 3px 3px rgba(0,0,0,0.2);z-index:3;background:#fff;height:130px;}
.ci_top{display:block;width:147px;position:relative;left:50%;top:50%;}

.wrap_pannel{width:100%;padding:200px 0;position:relative;background:url(../images/bg.jpg) 50% 50%/cover no-repeat;}
.wrap_pannel .cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(40,40,40,0.9);}
.wrap_pannel .contents{position:relative;z-index:2;padding:0 20px;}
.wrap_pannel .contents p em{color:#f9a340;font-weight:bold;}

.page{color:#444;max-width:1600px;margin-left:auto;margin-right:auto;position:relative;padding-left:20px;padding-right:20px;}
.page ul{text-align:center;font-size:0;line-height:0;}
.page ul li{display:inline-block;width:calc(33.33333333333% - 40px);margin-left:60px;}
.page ul li:nth-of-type(3n+1){margin-left:0;}
.page ul li .deco span{display:block;position:relative;width:8px;height:8px;background:#f9a340;border-radius:100%;margin-top:16px;margin-left:auto;margin-right:auto;}
.page ul li .img02 .over{left:0;top:0;width:100%;opacity:0;z-index:2;}
.page ul li .img02 .over.on{opacity:1;}

.wrap_footer{background:#282828;color:#d7d7d7;padding-left:20px;padding-right:20px;}
.wrap_footer address{font-style: normal;word-break:keep-all;}

@media (max-width: 1280px){
	.wrap_header{height:100px;}
	.ci_top{width:132px;}
}

@media (max-width: 1080px){
	.wrap_header{height:90px;}
	.ci_top{width:112px;}
	.wrap_pannel{padding:150px 0;}
	.page ul li{display:inline-block;width:calc(33.33333333333% - 20px);margin-left:30px;}
	.page ul li:nth-of-type(3n+1){margin-left:0;}
}

@media (max-width: 800px){
	.wrap_header{height:80px;}
	.ci_top{width:100px;}
	.wrap_pannel{padding:100px 0;}
	.wrap_pannel .contents{padding:0 10px;}
	.page{padding-left:30px;padding-right:30px;}
	.wrap_footer{padding-left:10px;padding-right:10px;}
	.page ul li{display:inline-block;width:calc(33.33333333333% - 13.33333333333px);margin-left:20px;}
	.page ul li:nth-of-type(3n+1){margin-left:0;}
}

@media (max-width: 680px){
	.wrap_header{height:70px;}
	.ci_top{width:80px;}
	.wrap_pannel{padding:80px 0;}
	.page ul li{display:inline-block;position:relative;width:100%;margin-left:auto;margin-top:40px;padding-top:40px;border-top:1px dashed #d7d7d7;}
	.page ul li:first-child{margin-top:0;padding-top:0;border-top:none;}
	address span{display:block;}
	address span.e{display:none;}
}

.page ul li .deco span{-webkit-animation:bounce 2.1s infinite ease-in-out;animation:bounce 2.1s infinite ease-in-out;}
.page ul li .deco .circle3{
	-webkit-animation-delay:-0.7s;animation-delay:-0.7s;
}
.page ul li .deco .circle2{
	-webkit-animation-delay:-1.4s;animation-delay:-1.4s;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0.4);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}