@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;}
.mgt120{margin-top:120px;}
.mgt150{margin-top:150px;}

.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;}
.pdt120{padding-top:120px;}
.pdt150{padding-top:150px;}

@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;}
	.mgt120{margin-top:60px;}
	.mgt150{margin-top:70px;}

	.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;}
	.pdt120{padding-top:60px;}
	.pdt150{padding-top:70px;}
}

.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%;}
.h100{height:100%;}
.wh100{width:100%;height:100%;left:0;top:0;}
.mw100{max-width:100%;}
.l50{left:50%;}
.t50{top:50%;}
.l0t0{left:0;top:0;}

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

.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 150ms ease;
	-moz-transition:all 150ms ease;
	-ms-transition:all 150ms ease;
	transition:all 150ms 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 */
.align{max-width:1200px;}
.mauto{margin-left:auto;margin-right:auto;}
.pds{padding-left:20px;padding-right:20px;}

.op0{-ms-filter: alpha(opacity=0);filter: alpha(opacity=0);opacity:0;}

.bga{background-color:#f7f7f7;}
.bgb{background:url(../images/pattern_stripe.png)}
.bgc{background:#f36e24;margin-top:-1px;}

.mInline{display:block;}

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

.fgmarket{font-family:'GmarketSans', sans-serif;}
.fgmarket.medium{font-weight:500;}
.fgmarket.bold{font-weight:700;}

.notoS{font-family:'Noto Serif KR';font-weight:400;}
.notoS.black{font-weight:900;}
.notoS.bold{font-weight:700;}
.notoS.sbold{font-weight:600;}
.notoS.medium{font-weight:500;}
.notoS.light{font-weight:300;}

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

.fcblack{color:#111;}
.fcgrey{color:#666;}
.fcgrey2{color:#999;}
.fcgrey em, .fcgren2 em, .fcgrey strong{font-weight:700;color:#111;}
.fcwhite{color:#fff;}
.fcyellow{color:#ffcc33;}
.fcred{color:#cc0f16;}
.fctitle{color:#f36e24;}
.fcdeco{color:#736357;}
.fcdeco2{color:#f2ede8;}

.f14{font-size:14px;}
.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;}
.f30{font-size:30px;}
.f35{font-size:35px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.f50{font-size:50px;}
.f65{font-size:65px;}
.f80{font-size:80px;}
.f90{font-size:90px;}
.f120{font-size:120px;}
.btoi{display:block;}
.itob{display:inline;}

@media (max-width: 1080px){
	.f14{font-size:11px;}
	.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;}
	.f30{font-size:24px;}
	.f35{font-size:28px;}
	.f40{font-size:32px;}
	.f45{font-size:36px;}
	.f50{font-size:38px;}
	.f65{font-size:52px;}
	.f80{font-size:66px;}
	.f90{font-size:75px;}
	.f120{font-size:96px;}
}

@media (max-width: 800px){
	.f14{font-size:8px;}
	.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;}
	.f30{font-size:18px;}
	.f35{font-size:21px;}
	.f40{font-size:24px;}
	.f45{font-size:26px;}
	.f50{font-size:28px;}
	.f65{font-size:39px;}
	.f80{font-size:45px;}
	.f90{font-size:48px;}
	.f120{font-size:70px;}

	.pds{padding-left:15px;padding-right:15px;}
}

@media (max-width: 680px){
	.lsp{letter-spacing:-0.02em;}
	.pds{padding-left:10px;padding-right:10px;}

	.btoi{display:inline;}
	.itob{display:block;}
	.btn_box{padding:12px 25px;}

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

/* animation */
@keyframes scaleA{
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scaleB{
	0% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}
	100% {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes rotate_r{
	0% {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.scaleA{
	-webkit-animation:scaleA 1.2s ease infinite;
	-moz-animation:scaleA 1.2s ease infinite;
	-ms-animation:scaleA 1.2s ease infinite;
	-o-animation:scaleA 1.2s ease infinite;
	animation:scaleA 1.2s ease infinite;
}

.scaleB{
	-webkit-animation:scaleB 1s ease infinite;
	-moz-animation:scaleB 1s ease infinite;
	-ms-animation:scaleB 1s ease infinite;
	-o-animation:scaleB 1s ease infinite;
	animation:scaleB 1s ease infinite;
}

.rot_r{
	-webkit-animation:rotate_r 30s linear infinite;
	-moz-animation:rotate_r 30s linear infinite;
	-ms-animation:rotate_r 30s linear infinite;
	-o-animation:rotate_r 30s linear infinite;
	animation:rotate_r 30s linear infinite;
}

/* wrap */
.wrap_entire{padding-top:100px;}
.wrap_header{width:100%;height:100px;position:fixed;top:0;z-index:20;
	background-color:#fff;
	box-shadow: 2.294px 3.277px 11.28px 0.72px rgba(0, 0, 0, 0.25);
}
.wrap_header .align{height:100%;max-width:calc(100% - 160px);}
.wrap_header .bi_top{width:170px;padding-top:27px;float:left;}
.lgnb{margin-top:38px;margin-left:3%;}
.lgnb li{float:left;margin-right:24px;}
.lgnb li a{font-size:18px;color:#333;font-weight:500;}
.lgnb li a:hover{color:#f36e24;}
.btn_menu_m, .cs_m{display:none;}
.mgnb{position:fixed;z-index:21;width:240px;height:100%;left:-300px;top:0;background:#fff;}
.mgnb li{border-bottom:1px dashed #d7d7d7;position:relative;}
.mgnb li.on{background-color:#fbfbfb;}
.mgnb li a{padding:15px 10px 15px 10px;display:inline-block;width:100%;font-size:14px;font-weight:medium;}
.btn_close{position:absolute;width:50px;right:-50px;top:0;padding:10px;}
.cs_header{margin-top:30px;}
.cs_header span{display:inline-block;padding:9px 22px;border-radius:24px;vertical-align: middle;
	background-image: -moz-linear-gradient( -15deg, rgb(217,112,23) 0%, rgb(233,142,65) 70%, rgb(249,172,107) 100%);
background-image: -webkit-linear-gradient( -15deg, rgb(217,112,23) 0%, rgb(233,142,65) 70%, rgb(249,172,107) 100%);
background-image: -ms-linear-gradient( -15deg, rgb(217,112,23) 0%, rgb(233,142,65) 70%, rgb(249,172,107) 100%);
}
.cs_header a{vertical-align: middle;margin-left:5px;}

.wrap_mBanner{width:100%;height:800px;background-color:#f7f7f7;z-index:1;}
.wrap_mBanner .inner{max-width:2100px;}
.banner_left{width:40%;height:100%;background:url(../images/banner/bg_l.jpg) 50% 50%/cover;opacity:0;}
.banner_left .contents{width:59.8958333%;min-width:482px;}
.banner_right{width:60%;height:100%;opacity:0;}
.banner_right .contents{width:100%;top:47%;}
.banner_right .contents .elem01{width:67.0138888888889%;min-width:772px;}
.banner_right .contents .elem02{width:51.9965277777778%;left:7%;min-width:599px;}
.banner_right .contents .elem03{width:46.875%;left:7%;min-width:540px;}
.banner_right .katsu{width:102.69%;top:0;right:-18%;min-width:1183px;}

.mw1920{max-width:1920px;}
.mw2560{max-width:2560px;}
.img_m{display:none;}
.box_line{border:4px solid #222;padding:15px;}
.box_line .inner{border:2px solid #222;background:#fff;}

#sec01 .wrap_line::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#f4d4b9;}
#sec01 .title{top:40%;width:6.08333333333%;}
#sec01 .boxL, #sec01 .boxR{width:43.333333333%;}
#sec01 .contents .inner{padding:35px;}
#sec01 .box3 .arrow{display:block;position:absolute;width:41px;}
#sec01 .box3 .stitle{width:85.76923076923077%;}
#sec01 .title_jumbo{opacity:0.15;margin-bottom:-22px;}
#sec01 .wrap_jumbo .contents{width:100%;padding-bottom:36.458333333333%;clear:both;background:url(../images/sec01/bg_box.png) 50% 50%/cover;}
#sec01 .deco_r{width:50%;right:-30%;top:-10%;}
#sec01 .deco_l{width:37.5%;left:-30%;top:75%;}
.circle_bi{
	-webkit-animation: rotate_r 60s linear infinite;
  -moz-animation: rotate_r 60s linear infinite;
  -ms-animation: rotate_r 60s linear infinite;
  -o-animation: rotate_r 60s linear infinite;
  animation: rotate_r 60s linear infinite;
}

#sec02 .bgb .title{width:72.5%;}
#sec02 .wrap_trophy{width:100%;background:url(../images/sec02/bg_box1.jpg) 50% 50%/cover;}
#sec02 .wrap_trophy .trophy{width:51.083333333333%;}
#sec02 .wrap_trophy .script{width:74.166666666667%;}
#sec02 .wrap_magazine{width:100%;height:900px;background-color:#222;}
#sec02 .wrap_magazine::before{content:'';position:absolute;left:15px;top:15px;width:calc(100% - 30px);height:calc(100% - 30px);border:3px solid rgba(255,255,255,0.2);z-index:1;}
#sec02 .wrap_magazine .img{left:50%;width:100vw;}
#sec02 .wrap_magazine .cover{width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.78);/*background:url(../images/sec02/box_shadow.png) 50% 50%/cover;*/}
#sec02 .wrap_magazine .wrap_period{width:46.66666666667%;}
#sec02 .wrap_magazine h3{width:48.75%;}
#sec02 .wrap_knowhow .title{width:43.16666666667%;}
#sec02 .wrap_knowhow .box{border:20px solid #eee8e0;padding:50px;}
#sec02 .wrap_knowhow .wrap_line::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#f4d4b9;}
#sec02 .wrap_knowhow .wrap_line .inBox{width:44.16666666667%;}
#sec02 .wrap_knowhow .wrap_line .inBox .num, #sec02 .wrap_knowhow .wrap_ceo .contents .inner .num{font-style:italic;}
#sec02 .wrap_knowhow .wrap_line .text_left .text{padding-left:40px;margin-top:-30px;}
#sec02 .wrap_knowhow .wrap_line .text_right .text{padding-right:40px;margin-top:-30px;}
#sec02 .wrap_knowhow .wrap_ceo .img{padding-bottom:33.85416666666667%;background:url(../images/sec02/img04.png) right top/cover;}
#sec02 .wrap_knowhow .wrap_ceo .contents{padding-bottom:33.85416666666667%;background:url(../images/sec02/bg_box.png) 50% 50%/cover;}
#sec02 .wrap_knowhow .wrap_ceo .contents .inner{padding:0 15%;}
#sec02 .wrap_knowhow .wrap_ceo .contents .inner .num{opacity:0.2;}
#sec02 .wrap_knowhow .wrap_ceo .contents .inner .text{padding-left:40px;margin-top:-30px;}

#sec03 .title{width:75.60344827586207%;}
#sec03 .wrap_video .poster{width:78.42535787321063%;}
#sec03 .wrap_video .video{padding-bottom:56.25%;background:#222;}
#sec03 .stitle1{width:47.66666666667%;}
#sec03 .stitle2{width:68.58333333333%;}
#sec03 .wrap_box .inBox{padding:50px;}
#sec03 .wrap_box .inner::before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#222;}
#sec03 .wrap_box .inner::after{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:#222;}

#sec04{background:url(../images/sec04/bg.jpg) 50% 50%/cover;}
#sec04 .title{width:51.37931031034482759%;}
#sec04 .circle{width:85.86206896551724%;}
#sec04 .circle .earning{width:27.81124497991968%;right:3%;top:6%;}
#sec04 .table{width:93.10344827586207%;}

#sec05 .title{width:57.67241379310345%;}
#sec05 .way{width:93.362%;z-index:1;}
#sec05 .way_box{margin-top:-120px;}
#sec05 .border{display:block;border-bottom:2px dashed #999;}
#sec05 .stitle{width:54.56896551724138%;}
#sec05 .wrap_exterior, #sec05 .wrap_interior{max-width:1060px;}
#sec05 .wrap_interior .button_prev, #sec05 .wrap_interior .button_next{
	z-index:1;display:block;background:transparent;cursor:pointer;width:80px;position:absolute;top:50%;margin-top:-40px;
}
#sec05 .wrap_interior .button_prev{left:-120px;}
#sec05 .wrap_interior .button_next{right:-120px;}

#sec06 .title{width:41.29310344827586%;}
#sec06 .subtitle{display:inline-block;padding:12px 24px;background:#222;border-radius:40px;}
#sec06 .wrap_menu{}
#sec06 .menuS .swiper-slide{border:4px solid #222;}
#sec06 .menuS .swiper-slide .mtitle{width:100%;background:#f36e24;padding:22px 0 20px;line-height:1;}
#sec06 .wrap_menu .button_prev, #sec06 .wrap_menu .button_next{
	z-index:1;display:block;background:transparent;cursor:pointer;width:80px;position:absolute;top:50%;margin-top:-40px;
}
#sec06 .wrap_menu .button_prev{left:-120px;}
#sec06 .wrap_menu .button_next{right:-120px;}
#sec06 .wrap_insta .title_insta{width:55.431%;}
#sec06 .wrap_insta .bgc .deco_l{width:52.58333333333%;left:-51%;top:-2%;}
#sec06 .wrap_insta .bgc .deco_r{width:53.66666666667%;right:-40%;top:-2.2%;}

#sec07{margin-top:-80px;}
#sec07 .title{width:70.25862068965517%;}
#sec07 .benefit li{float:left;width:calc(33.333333333% - 20px);margin-left:30px;}
#sec07 .benefit li:nth-of-type(3n+1){margin-left:0;clear:both;}

#sec08 .key{width:21.72413793103448%;left:8%;top:48%;}
#sec08 .box{width:48%;}
#sec08 .box .wrap_video{padding-bottom:56.25%;background:#222;}
#sec08 .box .wrap_video .inner{}

/* 230203 추가적용 */
.board_press ul li:nth-of-type(4n+1){margin-left:0; clear:both;}
.article{position:relative; padding:10px 10px 20px; border:2px solid #d7d7d7; width:calc(25% - 15px); float:left; margin-left:20px; margin-top:30px;}
.article .thumbnail img{width:100%;}
.article .btn_link{display:block; padding:12px 20px; background:#f26d23; color:#fff; margin:20px 30px 0 30px;}
.article .btn_link:hover{background:crimson;}
#sec99 .pg_wrap{margin-top:40px;}
#sec99 .title{width:60.60344827586207%;}

@media (min-width: 1980px){
	.wrap_mBanner{width:100%;height:880px;}
}

@media (min-width: 1800px){
	.lgnb{float:none;position:absolute;left:50%;top:50%;margin-left:0;margin-top:0;min-width:900px;
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-o-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
}

@media (max-width: 1920px){
	.banner_right .katsu{right:-36%;}
}

@media (max-width: 1600px){
	.wrap_header .align{max-width:inherit;}
	.lgnb{margin-left:30px;}
	.lgnb li{float:left;margin-right:22px;}
	/*
	.cs_header{display:none;}
	.lgnb{margin-left:auto;float:right;}*/
	.banner_right .katsu{right:-52%;}

	#sec02 .wrap_knowhow .wrap_ceo .contents .inner .btoi{display:inline;}
}

@media (max-width: 1400px){
	.cs_header{display:none;}
	.lgnb{margin-left:auto;float:right;}

	.wrap_mBanner{height:700px;}
	.banner_left .contents{width:75%;min-width:inherit;}
	.banner_right .contents{top:48%;}
	.banner_right .contents .elem01{width:79%;min-width:inherit;}
	.banner_right .contents .elem02{width:62%;left:7%;min-width:inherit;}
	.banner_right .contents .elem03{width:57%;left:7%;min-width:inherit;}
	.banner_right .katsu{width:120%;right:-46%;top:10%;min-width:inherit;}

	#sec02 .wrap_magazine{height:800px;}
	#sec02 .wrap_knowhow .wrap_ceo .img{padding-bottom:42%;}
	#sec02 .wrap_knowhow .wrap_ceo .contents{padding-bottom:42%;}
	#sec02 .wrap_knowhow .wrap_ceo .contents .inner{padding:0 10%;}

	#sec05 .wrap_interior .button_prev, #sec05 .wrap_interior .button_next{width:60px;margin-top:-30px;}
	#sec05 .wrap_interior .button_prev{left:-80px;}
	#sec05 .wrap_interior .button_next{right:-80px;}

	#sec06 .wrap_menu .button_prev, #sec06 .wrap_menu .button_next{width:60px;margin-top:-30px;}
	#sec06 .wrap_menu .button_prev{left:20px;}
	#sec06 .wrap_menu .button_next{right:20px;}
}

@media (max-width: 1280px){
	.cs_header{display:none;}
	.lgnb{margin-left:auto;float:right;}
	.lgnb li{float:left;margin-right:auto;margin-left:25px;}

	.wrap_mBanner{height:600px;}
	.banner_right .contents{top:48%;}
	.banner_right .contents .elem01{width:85%;}
	.banner_right .contents .elem02{width:68%;left:7%;}
	.banner_right .contents .elem03{width:62%;left:7%;}
	.banner_right .katsu{width:110%;right:-45%;top:15%;}

	.box_line{border:3px solid #222;padding:10px;}
	.box_line .inner{border:1px solid #222;background:#fff;}

	#sec01 .align{padding-left:20px;padding-right:20px;}

	#sec05 .wrap_interior .button_prev{left:20px;}
	#sec05 .wrap_interior .button_next{right:20px;}
}

@media (max-width: 1080px){
	.wrap_header .bi_top{width:154px;left:50%;float:none;position:relative;top:50%;padding-top:0;
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-o-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	.lgnb{display:none;}
	.btn_menu_m, .cs_m{display:block;position:absolute;top:16px;font-size:18px;padding:10px;color:#f36e24 !important;top:26px;}
	.btn_menu_m{left:10px;}
	.cs_m{right:10px;}

	.wrap_mBanner{height:500px;}
	.banner_right .katsu{width:110%;right:-45%;top:20%;}

	#sec01 .align .box1{padding-top:50px;}
	#sec01 .align .box2{padding-top:30px;}
	#sec01 .align .boxR{padding-top:40px;}
	#sec01 .contents .inner{padding:25px;}
	#sec01 .contents .inner .btoi{display:inline;}
	#sec01 .align .box3 .arrow{display:none;}
	#sec01 .align .box3 .boxL, #sec01 .align .box3 .boxR{width:100%;float:none;text-align:center;padding-top:0;}
	#sec01 .align .box3 .boxR .stitle{position:relative;width:60%;left:20%;}
	#sec01 .title_jumbo{font-size:9.5vw;margin-bottom:-10px;}
	#sec01 .wrap_jumbo .box{width:100%;float:none;}

	#sec02 .wrap_magazine{height:650px;}
	#sec02 .wrap_knowhow .box{border:15px solid #eee8e0;padding:35px;}
	#sec02 .wrap_knowhow .align{padding-left:20px;padding-right:20px;}
	#sec02 .wrap_ceo .w50{width:100%;float:none;}
	#sec02 .wrap_knowhow .wrap_ceo .img{padding-bottom:50%;}
	#sec02 .wrap_ceo .w50.contents{padding-bottom:0;padding:40px 30px;}
	#sec02 .wrap_ceo .w50.contents .inner{position:relative;left:auto;top:auto;padding:0 5%;
		-webkit-transform:translate(0%, 0%);
		-moz-transform:translate(0%, 0%);
		-o-transform:translate(0%, 0%);
		-ms-transform:translate(0%, 0%);
		transform:translate(0%, 0%);
	}

	#sec03 .wrap_box .inBox{padding:35px;}

	#sec07 .benefit li{width:calc(33.333333333% - 13.333333333px);margin-left:20px;}

	.board_press ul li:nth-of-type(4n+1){margin-left:20px; clear:inherit;}
	.article{width:calc(33.3333% - 14px); margin-top:20px;}
	.board_press ul li:nth-of-type(3n+1){margin-left:0; clear:both;}
	#sec99 .pg_wrap{margin-top:30px;}
}

@media (max-width: 800px){
	.wrap_entire{padding-top:80px;}
	.wrap_header{height:80px;}
	.wrap_header .bi_top{width:136px;}
	.btn_menu_m, .cs_m{top:21px;}

	.wrap_mBanner{height:400px;}
	.banner_right .katsu{width:110%;right:-45%;top:20%;}

	.img_pc{display:none;}
	.img_m{display:block;}

	#sec01 .align{padding-left:10px;padding-right:10px;}
	#sec01 .title .img_pc{display:block;}
	#sec01 .title .img_m{display:none;}

	#sec02 .wrap_magazine{height:550px;}
	#sec02 .wrap_magazine .img{width:200vw;}
	#sec02 .wrap_knowhow .align{padding-left:10px;padding-right:10px;}

	#sec03 .wrap_box .inBox{padding:20px;}

	#sec05 .way_box{margin-top:-50px;}
	#sec05 .wrap_interior .button_prev, #sec05 .wrap_interior .button_next{width:50px;margin-top:-25px;}
	#sec05 .wrap_interior .button_prev{left:20px;}
	#sec05 .wrap_interior .button_next{right:20px;}

	#sec06 .wrap_menu .button_prev, #sec06 .wrap_menu .button_next{width:50px;margin-top:-25px;}
	#sec06 .menuS .swiper-slide .mtitle{padding:16px 0 14px;line-height:1;}
	#sec06 .menuS .swiper-slide{border:2px solid #222;}

	#sec07{margin-top:-30px;}
	#sec07 .benefit li{float:left;width:calc(50% - 10px);margin-left:20px;}
	#sec07 .benefit li:nth-of-type(3n+1){margin-left:20px;clear:none;}
	#sec07 .benefit li:nth-of-type(2n+1){margin-left:0;clear:both;}
}

@media (max-width: 680px){
	.wrap_entire{padding-top:60px;}
	.wrap_header{height:60px;}
	.wrap_header .bi_top{width:116px;}
	.btn_menu_m, .cs_m{top:11px;}

	.wrap_mBanner{width:100%;height:auto;}
	.banner_left{width:100%;height:100vw;background:url(../images/banner/bg_l.jpg) 50% 50%/cover;}
	.banner_right{width:100%;height:110vw;}
	.banner_right .contents{top:48%;}
	.banner_right .contents .elem01{width:112%;margin-left:-5%;}
	.banner_right .contents .elem02{width:90%;left:5%;}
	.banner_right .contents .elem03{width:90%;left:5%;}
	.banner_right .katsu{width:105%;right:-48%;top:35%;}

	#sec01 .title .img_pc{display:none;}
	#sec01 .title .img_m{display:block;}
	#sec01 .title{width:56%;position:relative;top:auto;left:auto;left:22%;padding-top:50px;
		-webkit-transform:translate(0%, 0%);
		-moz-transform:translate(0%, 0%);
		-o-transform:translate(0%, 0%);
		-ms-transform:translate(0%, 0%);
		transform:translate(0%, 0%);
	}
	#sec01 .wrap_line::before{display:none;}
	#sec01 .align .box, #sec01 .align .box .boxR{padding-top:0;}
	#sec01 .align .box .boxL, #sec01 .align .box .boxR{width:100%;float:none;}
	#sec01 .contents .inner{padding:20px;}
	#sec01 .wrap_jumbo .contents{padding-bottom:40%;}
	#sec01 .wrap_jumbo .contents .absol{padding:0 10px;word-break:keep-all;}
	#sec01 .deco_r, #sec01 .deco_l{display:none;}

	#sec02 .wrap_trophy .trophy{width:70%;}
	#sec02 .wrap_trophy .script{width:90%;}

	#sec02 .wrap_magazine{height:450px;}
	#sec02 .wrap_magazine .img{width:300vw;}
	#sec02 .wrap_magazine .wrap_period{width:55%;}
	#sec02 .wrap_magazine h3{width:56%;}
	#sec02 .wrap_knowhow .title{width:56%;}
	#sec02 .wrap_knowhow .box{border:8px solid #eee8e0;padding:15px;}
	#sec02 .wrap_knowhow .box .f35{font-size:18px;}
	#sec02 .wrap_line::before{display:none;}
	#sec02 .wrap_ceo .w50.contents{padding:30px 20px;}
	#sec02 .wrap_ceo .w50.contents .inner{position:relative;left:auto;top:auto;padding:0;}
	#sec02 .wrap_ceo .w50.contents .text{padding-left:20px !important;padding-right:10px;}
	#sec02 .wrap_knowhow .wrap_line .inBox{width:100%;float:none;}
	#sec02 .wrap_knowhow .wrap_line .text_right .text{padding-left:40px;margin-top:-30px;padding-right:0;text-align:left;}
	#sec02 .wrap_knowhow .wrap_line .text_right .num{text-align:left;}
	#sec02 .wrap_knowhow .wrap_line .text p{padding-right:10px;word-break:keep-all;}

	#sec03 .title{width:82%;}
	#sec03 .wrap_video .poster{width:100%;}
	#sec03 .wrap_box .inBox{padding:10px;width:100%;float:none;}
	#sec03 .wrap_box .inner::before, #sec03 .wrap_box .inner::after{display:none;}
	#sec03 .stitle1{width:52%;}
	#sec03 .stitle2{width:75%;}

	#sec04 .title{width:56.5%;}

	#sec05 .title{width:62%;}
	#sec05 .way{width:100%;}
	#sec05 .stitle{width:60%;}
	#sec05 .wrap_interior .button_prev, #sec05 .wrap_interior .button_next{width:30px;margin-top:-15px;}
	#sec05 .wrap_interior .button_prev{left:15px;}
	#sec05 .wrap_interior .button_next{right:15px;}

	#sec06 .title{width:48%;}
	#sec06 .subtitle{padding:8px 16px;border-radius:30px;}
	#sec06 .wrap_menu .button_prev, #sec06 .wrap_menu .button_next{width:30px;margin-top:-15px;}
	#sec06 .wrap_menu .button_prev{left:15px;}
	#sec06 .wrap_menu .button_next{right:15px;}
	#sec06 .wrap_insta .title_insta{width:61%;}
	#sec06 .wrap_insta .deco_l, #sec06 .wrap_insta .deco_r{display:none;}
	#sec06 .wrap_insta .wrap_instaS{width:80%;}

	#sec07 .title{width:77%;}
	#sec07 .pdt150{padding-top:50px;}
	#sec07 .benefit li{float:none;width:80%;left:10%;margin-left:0;}
	#sec07 .benefit li:nth-of-type(3n+1){margin-left:0;clear:none;}
	#sec07 .benefit li:nth-of-type(2n+1){margin-left:0;clear:none;}

	#sec08 .box{width:90%;left:5%;float:none;}

	#sec99 .title{width:66%;}
	.article{width:calc(50% - 5px);margin-left:10px;}
	.board_press ul li:nth-of-type(4n+1){margin-left:10px; clear:inherit;}
	.board_press ul li:nth-of-type(3n+1){margin-left:10px; clear:inherit;}
	.board_press ul li:nth-of-type(2n+1){margin-left:0; clear:both;}
}

@media (max-width: 290px){
	#sec01 .wrap_jumbo .contents{padding-bottom:60%;}
}

/* sms & footer */
#btn_top{position:fixed;right:5%;bottom:5%;width:60px;z-index:3;display:none;-ms-filter: alpha(opacity=0);filter: alpha(opacity=0);opacity:0;cursor:pointer;background:none;border-radius:100%;box-shadow:5px 5px 7px 0px rgba(0, 0, 0, 0.12);}
.wrap_footer{padding-bottom:300px;}
.wrap_footer .top .align{border-bottom:1px solid #ccc;}
.wrap_footer .privacy li{float:left;margin-right:30px;}
.wrap_footer .privacy button{cursor:pointer;background:transparent;}
.wrap_footer address, .wrap_footer .copyr{font-style:normal;color:#666;}

@media (max-width: 1080px){
	.wrap_footer{padding-bottom:200px;}
}

@media (max-width: 800px){
	.wrap_footer{padding-bottom:150px;}
	.wrap_footer .privacy li{float:left;margin-right:20px;}
}

@media (max-width: 680px){
}


/* cs_box */
.wrap_cs{position:fixed;bottom:0;width:100%;height:160px;overflow:hidden;background:#111;z-index:2;}
.wrap_cs .inner{margin-top:26px;}
.wrap_cs .box1{width:16.72413793103448%;}
.wrap_cs .box2{width:76%;}

@media (max-width: 1080px){
	.wrap_cs .box1{width:20%;}
}

@media (max-width: 800px){
	.wrap_cs{height:150px;}
	.wrap_cs .box1{display:none;}
	.wrap_cs .box2{width:100%;float:none;}
}

@media (max-width: 680px){
	.wrap_cs{height:112px;}
	.wrap_cs .inner{margin-top:12px;}
}