@charset "utf-8";


#intro1 {background:url('/images/sub/intro1-bg.png') no-repeat left top; background-size:35% auto}
#intro1 .s-inner {display:flex; flex-wrap: wrap}
#intro1 .s-inner > div {width:50%}
#intro1 #imgWrap {padding-top:100px}

#intro1 #contWrap h3 {font-size:4.5rem; font-family:'Montserrat'; font-weight:800; color:#000}
#intro1 #contWrap h4 {font-size:2.2rem; font-weight:700; color:#000; margin:2em 0 3em; line-height:1.6em;}
#intro1 #contWrap .t1 {line-height:1.8em; margin-bottom:3em}
#intro1 #contWrap .t2 {font-size:2.0rem; color:#000; font-weight:600}
#intro1 #contWrap .t2 .sign {padding:0 10px 0 20px; font-size:3.8rem;  font-family: 'ROEHOE-CHAN'; font-weight:normal}


@media all and (max-width:1399px) {
	#intro1 {background-size:40% auto}
	#intro1 #imgWrap img {width:90%}
}
@media all and (max-width:1150px) {
	#intro1 #contWrap h3 {font-size:4.0rem}
	#intro1 #contWrap h3 br,
	#intro1 #contWrap h4 br {display:none}

	#intro1 #contWrap h4 { margin:1.5em 0 2em; }
	#intro1 #contWrap .t1 {line-height:1.6em; margin-bottom:2em}
}
@media all and (max-width:976px) {
	#intro1 {background-size:80% auto}
	#intro1 .s-inner > div {width:100%}
	#intro1 #imgWrap  {text-align:center; padding-top:8%}
	#intro1 #imgWrap img {width:100%; max-width:680px}

	#intro1 #contWrap {margin-top:80px}
	#intro1 #contWrap h3 br,
	#intro1 #contWrap h4 br {display:block}
}






/* ------------ 공통 ----------------------------------------------------------------------------- */

#sTitle {padding-bottom:80px}
#sTitle h3 { font-size:4.5rem; color:#222;   display:inline-block; ;}
#sTitle h3.ver2 {color:#cb351d; border-bottom:1px solid #cb351d;}
#sTitle h4 {margin-top:1.5em; font-size:2.4rem; font-weight:300; color:#222 }

@media all and (max-width:976px) {
	#sTitle {padding-bottom:60px}
}
@media all and (max-width:640px) {
	#sTitle {padding-bottom:40px}
}
@media all and (max-width:480px) {
	#sTitle h3 { font-size:4.0rem; }
}



#imgList {display:flex;}
#imgList li img {padding-bottom:40px; width:100%;}
#imgList li .eng {font-size:1.8rem; color:#cb351d; font-family:'Montserrat'; font-weight:700;  }
#imgList li dl {width:90%; margin:0 auto}
#imgList li dl dt {margin:1em 0 0.7em; font-size:2.8rem; color:#222; font-weight:500 }
#imgList li dl dd {font-size:1.7rem; line-height:1.8em; }
#imgList li .t1 {width:90%; margin:0 auto; font-size:1.7rem; line-height:1.8em;}
#imgList.w3 {justify-content:space-between;}
#imgList.w3 li {width:433px;}

@media all and (max-width:640px) {
	#imgList li img {padding-bottom:20px;}
	#imgList li dl dt {margin:0.7em 0 0.3em; }
}



.txt1 {margin-bottom:100px; font-size:9.0rem; font-weight:700; color:#555; text-align:center; letter-spacing:-0.04em}

@media all and (max-width:1280px) {
	.txt1 {margin-bottom:80px; font-size:8.0rem; }
}
@media all and (max-width:976px) {
	.txt1 {margin-bottom:60px; }
}
@media all and (max-width:640px) {
	.txt1 {margin-bottom:40px; }
}
@media all and (max-width:480px) {
	.txt1 { font-size:5.5rem; }
}


/* table */
.tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:1.8rem;  padding:1em 5px; background:#f9f9f9; border-bottom:1px solid #DDD; border-top:2px solid #222;  border-left:1px solid #DDD;  color:#000; line-height:1.8em; font-weight:500 }
.tb-style td { padding:1em 5px;  background:rgba(255,255,255,0.5); text-align:center;  border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.4em;  font-weight:400; letter-spacing:-0.01em; font-family:'Roboto', 'Pretendard'; font-size:18px}
.tb-style th:first-child,
.tb-style td:first-child {border-left:0}
.tb-style td.td-f {border-left:1px solid #ddd}
.tb-style td .st1 {color:#aaa}

.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}



#imgHalf {}
#imgHalf .box {display:flex; flex-wrap:wrap} 
#imgHalf .box > div {width:50%} 
#imgHalf .box .imgWrap {background:#DDD; background-size:cover; background-repeat:no-repeat}
#imgHalf .box .contWrap {padding:7% 5%}
#imgHalf .box .contWrap dl {margin-bottom:2em}
#imgHalf .box .contWrap dl dt {font-size:2.2rem; color:#cb351d; font-weight:700}
#imgHalf .box .contWrap dl dd {margin-top:0.7em; font-size:1.7rem; }

#imgHalf .box:nth-child(even) .imgWrap {order:2}
#imgHalf .box:nth-child(even) .contWrap {order:1}

#imgHalf .box .imgWrap.rec1-1 {background-image:url('/images/sub/rec1-1-bg1.png');background-position:left bottom; }
#imgHalf .box .imgWrap.rec1-2 {background-image:url('/images/sub/rec1-1-bg2.png'); background-position:right center; }

@media all and (max-width:976px) {
    
    #imgHalf .box:nth-child(even) .imgWrap {order:1}
	#imgHalf .box:nth-child(even) .contWrap {order:2}
    
	#imgHalf.rec1 .box:nth-child(2) {margin-top:50px}
	#imgHalf.rec1 .box > div { width:100% }
	#imgHalf.rec1 .box .imgWrap {height:45vw}
	#imgHalf.rec1 .box .contWrap {padding:30px 0 0}
    .tb-style td {font-size:14px}
}




/* ------------ 공통  end ----------------------------------------------------------------------------- */




@media all and (max-width:1010px) {
	#intro2 #imgList.w3 {flex-wrap:wrap; justify-content:center;}
	#intro2 #imgList.w3 li {width:48%; margin: 0 1%; margin-bottom:7% }
}
@media all and (max-width:640px) {
	#intro2 #imgList.w3 {width:90%; margin:0 auto}
	#intro2 #imgList.w3 li {width:100%; margin: 0; margin-bottom:13% }
}


#intro2-2 {background:#DDD url('/images/sub/intro2-2-bg.png')no-repeat center; background-size:cover}
#intro2-2 .s-inner {display:flex; justify-content:space-between;}
#intro2-2 #sTitle h3 {color:#FFF; border-bottom:1px solid #FFF}
#intro2-2 ul li {margin:2.0em 0; display:flex; align-items: center;}
#intro2-2 ul li .ico {padding-right:20px;}
#intro2-2 dl dt {font-size: 2.8rem; color:#FFF; font-weight:600}
#intro2-2 dl dd {padding-top:0.7em; font-size:1.7rem; color:#FFF;}

@media all and (max-width:976px) {	
	 #intro2-2 {background-position:20% center; background-size:auto 100%}
	 #intro2-2 .s-inner {flex-wrap:wrap}
	 #intro2-2 #sTitle {width:100%; text-align:center}
	 #intro2-2 ul  { width: fit-content; margin:0 auto }
}
@media all and (max-width:767px) {	
	 #intro2-2 {background-position:20% center; background-size:auto 100%}
	 #intro2-2 .s-inner {flex-wrap:wrap}
	 #intro2-2 #sTitle {width:100%; text-align:center}
	 #intro2-2 ul li .ico img { width: 80px }
}



#intro2-3 #imgList li img {width:80%; max-width:300px}
@media all and (max-width:1060px) {	
	#intro2-3 #imgList.w3 li .t1 br {display:none}
}
@media all and (max-width:976px) {	
	#intro2-3 #imgList.w3 {flex-wrap:wrap; justify-content:center;}
	#intro2-3 #imgList.w3 li {width:48%; margin:1%; margin-bottom:5%}
	#intro2-3 #imgList.w3 li img { width:80%; }
	#intro2-3 #imgList.w3 li .t1 br {display:block}
}
@media all and (max-width:680px) {	
	#intro2-3 #imgList.w3 li {width:100%; display:flex; align-items:center} 
	#intro2-3 #imgList.w3 li img {width:30%; padding-bottom:0}
	#intro2-3 #imgList.w3 li .t1 {padding-left:20px; text-align:left}
	#intro2-3 #imgList.w3 li .t1 br {display:none}
}






#historyTop {width:100%; height:360px;  background:url('/images/sub/history-bg.png')no-repeat left center; display:table}
#historyTop .in-box {width:90%; display:table-cell; vertical-align:middle; text-align:center; color:#FFF; position:relative}
#historyTop .in-box:before {content:'SINCE 1992'; width:100%; font-size:10rem; opacity:.2; font-weight:900; font-family:'Montserrat';
								position:absolute; left:50%; bottom:-30px; transform:translateX(-50%)}
#historyTop .eng {margin-bottom:2em; font-size:1.3rem; font-weight:700; letter-spacing:0.5em; font-family:'Montserrat'}
#historyTop h3 {font-size:4.5rem; font-weight:300;  line-height:1.2em;}

@media all and (max-width:640px) {	
	#historyTop .in-box:before { font-size:8rem; }
}
@media all and (max-width:480px) {	
	#historyTop {height: auto; background-position:15% center}
	#historyTop .in-box {padding:80px 0}
	#historyTop .in-box:before { font-size:7rem; bottom:-23px;}
	#historyTop .eng {margin-bottom:1.5em;}
	#historyTop h3 {font-size:3.5rem;}
}




.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem;  font-family:'barlow'; margin-bottom:30px; color:#cb351d; font-weight: 700;}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-30px; width:20px; height:20px; border-radius:100%; background:#cb351d; border:6px solid #feedd7;}
.his_wrap li .c { font-size:1.7rem; line-height: 1.8em;}
.his_wrap li .c dt{ width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 700; line-height: 1.5em;  font-size:1.7rem; font-family:'Roboto'; }
.his_wrap li .c dd{width:calc(100% - 60px); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #cb351d; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-30px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }

@media all and (max-width:767px) {
	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%;}
	.his_wrap li .t { font-size: 4.0rem; }
	.his_wrap li .t:before { top:0.35em;  }
	.his_wrap li .c dt{ width:50px; }
	.his_wrap li .c dd{width:calc(100% - 50px); }

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }

	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}

@media all and (max-width:568px) {
	.history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
}




#intro4 {text-align:center}
#intro4 #part1 {text-align:center} 
#intro4 #part1 h3 {width:280px; line-height:70px; background:#cb351d; color:#FFF; margin:0 auto; font-size:2.2rem; position:relative} 
#intro4 #part1 h3:before {content:''; width:50px; height:50px; background:#f39900; border-radius:50%; position:absolute; right:-25px; top:-25px; z-index:-1}
#intro4 #line { width:calc(100% - 240px); height:1px; background:#DDD; margin:35px auto}
#intro4 #part2 {display:flex; justify-content:space-between; position:relative}
#intro4 #part2:before {content:''; width:1px; height:60%; background:#DDD; position:absolute; left:50%; top:-70px; z-index:-1}
#intro4 #part2 .box {width:240px; ; position:relative}
#intro4 #part2 .box:before {content:''; width:1px; height:95%; background:#DDD; position:absolute; left:50%; top:-36px; z-index:-1}
#intro4 #part2 .box:nth-child(1)::before { height:75%;}
#intro4 #part2 .box:nth-child(3)::before {display:none}
#intro4 #part2 .box:nth-child(5)::before { height:75%;}
#intro4 #part2 .box dl dt {font-size:1.8rem; color:#cb351d; font-weight:500; margin-bottom:30px; width:100%; line-height:60px; border:1px solid #cb351d; background:#FFF}
#intro4 #part2 .box dl dd {font-size:1.7rem; line-height:60px;  margin-top:20px; background:#f5f5f5; color:#222}

@media all and (max-width:1399px) {
	#intro4 #line { width:80%;}
	#intro4 #part2 .box {width:18%; margin: 0 1%}
}
@media all and (max-width:976px) {
	#intro4 #part1 h3 {line-height:60px; }
	#intro4 #part2 .box dl dt {line-height:50px; }
	#intro4 #part2 .box dl dd {line-height:50px; }
}
@media all and (max-width:767px) {
	#intro4 #part1 h3 {line-height:60px; width:230px; }
	#intro4 #part2 .box dl dt {line-height:50px; margin-bottom:20px;}
	#intro4 #part2 .box dl dd {line-height:50px; margin-top:10px; }
}
@media all and (max-width:510px) {
	#intro4 #part2 .box dl dt { font-size:1.6rem }
	#intro4 #part2 .box dl dd { font-size:1.6rem }
}
@media all and (max-width:480px) {
	#intro4 #part1 h3 {font-size:2.0rem; line-height:50px; width:190px;}
	#intro4 #line { margin:25px auto}
	#intro4 #part2:before {height:80%; }
	#intro4 #part2 .box:before {top:-26px;}
	#intro4 #part2 .box dl dt {font-size:1.4rem; line-height:40px;}
	#intro4 #part2 .box dl dd {font-size:1.3rem;line-height:40px; }
}






#intro5Top h3.txt1 {font-size:8.0rem; margin-bottom:0}

#intro5Bg {height:450px; background:url('/images/sub/intro5-bg.png') no-repeat center; background-attachment: fixed;}

#intro5 {display:flex; flex-wrap:wrap}
#intro5 #sTitle {width:23%}
#intro5 #contWrap {width:77%; border-top:2px solid #222; display:flex; flex-wrap:wrap}
#intro5 #contWrap dl {width:50%; display:flex; align-items:center; border-bottom:1px solid #e9e9e9}
#intro5 #contWrap dl dt {width:100px; padding:0 30px;color:#222; font-weight:500 }
#intro5 #contWrap dl dd {padding:30px; }
#intro5 #contWrap dl.w100 {width:100%} 
@media all and (max-width:1280px) {
	#intro5 #sTitle {width:25%}
	#intro5 #contWrap {width:75%; }
	#intro5 #contWrap dl dt {width:80px}
}
@media all and (max-width:1080px) {
	#intro5Bg {height:450px; background-size:auto 120%;  background-attachment: unset;}

	#intro5 #sTitle {width:100%; padding-bottom:30px}
	#intro5 #contWrap {width:100%; }
	#intro5 #contWrap dl dt {width:80px; padding:0 20px}
	#intro5 #contWrap dl dd { padding: 20px; }
}
@media all and (max-width:976px) {
	#intro5Top h3.txt1 {font-size:6.0rem; }
}
@media all and (max-width:767px) {
	#intro5Bg {height:350px;}
}
@media all and (max-width:640px) {
	#intro5 #sTitle {padding-bottom:20px}

	#intro5 #sTitle h4 {margin-top: 1em; }

	#intro5 #contWrap dl {width:100%;}
	#intro5 #contWrap dl.last-dl {display:none}
}
@media all and (max-width:480px) {
	#intro5Top h3.txt1 {font-size:5.5rem;}
	#intro5Bg {height:57vw; background-size:120% auto;}

	#intro5 #contWrap dl dt {padding:0 15px}
	#intro5 #contWrap dl dd { padding: 15px; }
}


#intro6 {padding-top:80px; position:relative}
#intro6 .wrap_controllers {display:none}
#intro6 .root_daum_roughmap .wrap_map { height: 580px !important; }
#intro6 #contWrap {position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:3; width:90%; max-width:1400px}
#intro6 #contWrap .box {padding:40px 50px; width:fit-content; background:#cb351d; color:#FFF; box-shadow:10px 10px 30px rgba(0,0,0,0.2) }
#intro6 #contWrap .box dl {margin-top: 20px;  padding-top:20px; border-top:1px solid rgba(255,255,255,0.1)}
#intro6 #contWrap .box dl:first-child {margin-top:0; padding-top:0; border-top:0}
#intro6 #contWrap .box dl dt {margin-bottom:7px; font-size:1.7rem;}
#intro6 #contWrap .box dl dd.lt1 {font-size:2.4rem}
#intro6 #contWrap .box dl dd.num {font-size:2.0rem; font-family:'Montserrat'; font-weight:500}

@media all and (max-width:1280px) {
	#intro6 .root_daum_roughmap .wrap_map { height: 500px !important; }
	#intro6 #contWrap .box {padding:30px; }
	#intro6 #contWrap .box dl {margin-top: 15px;  padding-top:15px; }
}
@media all and (max-width:976px) {
	#intro6 {padding-top:0;}
	#intro6 .root_daum_roughmap .wrap_map { height: 480px !important; }
	#intro6 #contWrap {position:relative;  top:-50px; } 
	#intro6 #contWrap .box {width:100%; display:flex; flex-wrap:wrap }
	#intro6 #contWrap .box dl.w100 {width:100%}
	#intro6 #contWrap .box dl.w50 {width:50%}
}
@media all and (max-width:480px) {
		#intro6 #contWrap {width:100%}
		#intro6 .root_daum_roughmap .wrap_map { height: 380px !important; }
		#intro6 #contWrap { top:0; } 
}






#rnd2 {display:flex; flex-wrap:wrap}
#rnd2 #sTitle {width:25%;  font-family:'Montserrat','Pretendard'; }
#rnd2 #contWrap {width:75%;}

#rnd2 ul {display:flex; flex-wrap:wrap}
#rnd2 ul li {width:31%; margin:1%; border:1px solid #e9e9e9; background:#f9f9f9; }
#rnd2 ul li img {width:100%}
#rnd2 ul li dl {margin-top:-17px}
#rnd2 ul li dl dt {font-size:1.5rem; font-family:'Montserrat','Pretendard'; display:inline-block; background:#cb351d; line-height:34px; color:#FFF; text-align:center; padding:0 15px; font-weight:500}
#rnd2 ul li dl dd {margin:15px 0; font-size: 1.8rem; text-align:center; color:#222; font-weight:500;  }

@media all and (max-width:1024px) {
	#rnd2 #sTitle {width:100%;; text-align:center; padding-bottom:50px}
	#rnd2 #contWrap {width:100%;}
	#rnd2 ul { justify-content:center; }
}
@media all and (max-width:767px) {
	#rnd2 #sTitle {padding-bottom:40px}
	#rnd2 ul li {width:48%;}
}
@media all and (max-width:480px) {
	#rnd2 #sTitle {padding-bottom:30px}
}





#rnd3 {display:flex}
#rnd3 #sTitle {width:350px}
#rnd3 #contWrap {width:calc(100% - 350px)}
#rnd3 #contWrap h3 {margin-bottom:1em; font-size:3.2rem; color:#cb351d}
#rnd3 #contWrap dl  {margin-bottom:2em}
#rnd3 #contWrap dl dt {font-size:2.2rem; color:#222; font-weight:700}
#rnd3 #contWrap dl dd {font-size:1.7rem; padding-top:0.7em; line-height:1.6em}

@media all and (max-width:1399px) {
	#rnd3 #sTitle {width:300px}
	#rnd3 #contWrap {width:calc(100% - 300px)}
}
@media all and (max-width:1024px) {
	#rnd3 {flex-wrap:wrap}
	#rnd3 #sTitle {width:100%}
	#rnd3 #contWrap {width:100%}
}
@media all and (max-width:976px) {
	#rnd3 #contWrap dl  {margin-bottom:1em}
	#rnd3 #contWrap dl dd {padding-top:0.5em; }
}







.rec1-txt {font-size:1.8rem; margin-top:30px; line-height:1.6em }
.rec1 .contWrap #sTitle {padding-bottom: 50px;}
@media all and (max-width:976px) {
	.rec1 .contWrap #sTitle {padding-bottom: 30px;}
}



#rec1-2 {display:flex; flex-wrap:wrap}
#rec1-2 li {padding:50px 30px; width:24%; margin:0 0.5% 20px 0.5%; background:#f9f9f9;}
#rec1-2 li .icon { margin-bottom:30px; text-align:right}
#rec1-2 li .icon img {width:70px; height:70px; border-radius:80px; background:#FFF}
#rec1-2 li p.num {font-size:1.5rem; margin-bottom:1em; display:inline-block;  color:#cb351d; font-family:'Montserrat'; font-weight:700; border-bottom:1px solid #cb351d}
#rec1-2 li p.t1 {font-size:2.0rem; color:#222; font-weight:400 }

@media all and (max-width:1399px) {
	#rec1-2 li {padding:30px; margin:0 0.5% 10px 0.5%; }
}
@media all and (max-width:976px) {
	#rec1-2 li {width:32%; }
}
@media all and (max-width:767px) {
	#rec1-2 li .icon img {width:60px; height:60px;}
}
@media all and (max-width:640px) {
	#rec1-2 li {width:49%; }
}
@media all and (max-width:480px) {
	#rec1-2 li {padding:20px; }
	#rec1-2 li .icon { margin-bottom:20px; }
}








#rec2 {display:flex; flex-wrap:wrap}
#rec2 #sTitle {width:300px}
#rec2 #contWrap {width:calc(100% - 300px)}
#rec2 #contWrap.rec2-1 {display:flex; flex-wrap:wrap}
#rec2 #contWrap.rec2-1 li {padding:4%; width:48%; margin:1%; background:rgba(0,0,0,0.02);
								display:flex; align-items:start}
#rec2 #contWrap.rec2-1 li .num {display:inline-block; font-size:1.5rem; font-weight:700; color:#cb351d; border-bottom:1px solid #cb351d }
#rec2 #contWrap.rec2-1 li dl {padding-left:25px}
#rec2 #contWrap.rec2-1 li dl dt {font-size:2.0rem; color:#222; font-weight:700}
#rec2 #contWrap.rec2-1 li dl dd {margin-top:0.6em; line-height:1.4em}


#rec2 #contWrap .box {padding:40px 30px; border-top:1px solid #e9e9e9}
#rec2 #contWrap .box:last-child {border-bottom:1px solid #e9e9e9}
#rec2 #contWrap .box ul {display:flex;  flex-wrap:wrap; align-items:center}
#rec2 #contWrap .box ul li.txt {width:180px; font-size:2.0rem; color:#222; font-weight:700}
#rec2 #contWrap .box ul li.txt i {font-size:2.0rem; padding-right:10px}
#rec2 #contWrap .box ul li.cont {width:calc(100% - 180px)}
#rec2 #contWrap .box ul li.cont dl dt {font-size:1.8rem; color:#cb351d; font-weight:500}
#rec2 #contWrap .box ul li.cont dl dd {margin:5px 0}


@media all and (max-width:1280px) {
	#rec2 #sTitle {width:230px}
	#rec2 #contWrap {width:calc(100% - 230px)}

	#rec2 #contWrap .box {padding:30px 20px;}
	#rec2 #contWrap .box ul li.txt {width:150px; }
	#rec2 #contWrap .box ul li.cont {width:calc(100% - 150px)}
}
@media all and (max-width:976px) {
	#rec2 #sTitle {width:100%; text-align:center}
	#rec2 #contWrap {width:100%}
}
@media all and (max-width:767px) {
	#rec2 #contWrap.rec2-1 li {padding:4%; width:100%; margin:0; margin-bottom:10px }
	#rec2 #contWrap.rec2-1 li dl {padding-left:15px}
	#rec2 #contWrap .box ul li.txt {width:100%;}
	#rec2 #contWrap .box ul li.txt i { padding-right:5px}
	#rec2 #contWrap .box ul li.cont {margin-top:10px; width:100%}
}

#inv1 {text-align:center}
#inv1 iframe {max-width:731px; height:530px }





#rnd4  ul {display:flex; flex-wrap:wrap; justify-content:center;}
#rnd4  ul li {width:400px; border:1px solid #DDD; margin:15px; text-align:center; counter-increment: number; position:relative}
#rnd4  ul li:before {content: counter(number); display:block;  width:40px; line-height:45px; height:45px; background:#cb351d; 
						border-bottom-left-radius:50px; border-bottom-right-radius:50px; color:#FFF; font-family:'Montserrat'; font-weight:700; position:absolute; left:15px; top:-1px; z-index:3 }
#rnd4  ul li.w2 {width:830px}
#rnd4  ul li img {margin:20px 0}
#rnd4  ul li  dl {padding:20px 10px; background:#f5f5f5}
#rnd4  ul li  dl dt { font-size:2.0rem; color:#222; font-weight:500}
#rnd4  ul li  dl dd {margin-top:10px}

@media all and (max-width:1399px) {
	#rnd4  ul li {width:340px;}
	#rnd4  ul li.w2 {width:710px}
}
@media all and (max-width:976px) {
	#rnd4  ul li { margin:10px; }
}
@media all and (max-width:800px) {
	#rnd4  ul li {width:270px;}
	#rnd4  ul li:before {width:30px; line-height:35px; height:35px; left:10px; }
	#rnd4  ul li.w2 {width:530px}
	#rnd4  ul li.w2 img {width:100%; max-width:494px}
}
@media all and (max-width:640px) {
	#rnd4  ul li  dl {padding:15px 10px;}
	#rnd4  ul li  dl dd {margin-top:7px}
}




#product {display:flex; flex-wrap:wrap}
#product #sTitle {width:350px;}
#product #sTitle h3 {font-size:5.5rem}
#product #sTitle .t1 {margin-top:2em; width:85%; line-height:1.6em; font-size:1.8rem}

#product #contWrap {width:calc(100% - 350px);  text-align:center}
#product #contWrap .contImg img {width:100%; max-width:804px;}

#product #contWrap .contImg.ver42 {margin-top:80px }

#product #contWrap .contImg.ver2 img {width:100%; max-width:593px;}
#product #contWrap .contImg.ver3 img {width:100%; max-width:730px;}
#product #contWrap .contImg.ver5 img {width:100%; max-width:729px;}

#product  .brand {margin-bottom:80px; display:flex; flex-wrap:wrap; justify-content:center}
#product  .brand.ver2 {margin:50px 0 0 0;  justify-content:normal; margin-left:1px;}
#product  .brand li {margin-left:-1px; padding:20px 40px; border:1px solid #e9e9e9 }

@media all and (max-width:1399px) {
	#product  .brand.ver2  li {width:80%; max-width:190px}
	#product  .brand li {width:20%}
	#product  .brand li img {width:100%}
}
@media all and (max-width:1280px) {
	#product #sTitle h3 {font-size:5.0rem}
	#product  .brand li { padding:15px; 20px }
}
@media all and (max-width:1024px) {
	#product #sTitle {width:100%; text-align:center}
	#product #sTitle .t1 {width:100%}
	#product #contWrap {width:100%;  }
	#product  .brand.ver2 { justify-content:center; }
}
@media all and (max-width:850px) {
		#product  .brand {width:580px; margin:0 auto 50px }
		#product  .brand li {width:32%; margin:0.5%;}
		#product  .brand.ver2 { margin: 50px auto 0 }
}
@media all and (max-width:640px) {
	#product  .brand {width:100% }
	#product  .brand li { padding:20px; }
	#product  .brand.ver2 { margin: 40px auto 0 }
}
@media all and (max-width:480px) {
	#product  .brand li { padding:15px; 20px }
	#product #sTitle h3 {font-size:4.0rem}
}



#product2 #sTitle {  text-align:center}
#product2 #sTitle .t1 {margin-top:2em;  line-height:1.6em; font-size:1.8rem}
#product2 #contWrap { display:flex; flex-wrap:wrap; justify-content:center;  }
#product2 #contWrap .contImg {margin: 0 50px;}

#product2 #contWrap .contImg.ver4 img {width:100%; max-width:500px;}
#product2 #contWrap .contImg.ver42 img {width:100%; max-width:530px;}

#product2  .brand {margin-top:50px; display:flex; flex-wrap:wrap; justify-content:center}
#product2  .brand li {margin-left:-1px; padding:20px 40px; border:1px solid #e9e9e9 }


@media all and (max-width:1399px) {
	#product2 #contWrap .contImg {margin: 0 20px;}
}
@media all and (max-width:1280px) {
	#product2 #contWrap .contImg:nth-child(2) {padding-top:80px}
}
@media all and (max-width:850px) {
	#product2  .brand {width:580px; margin:40px auto 0}
	#product2  .brand li {width:32%; margin:0.5%;}
	#product2  .brand li img {width:100%}
}
@media all and (max-width:640px) {
	#product2  .brand {width:100% }
	#product2  .brand li { padding:20px; }
}
@media all and (max-width:480px) {
	#product2 #contWrap .contImg:nth-child(2) {padding-top:50px}
}



.int2-5_top{padding: 50px; background: #cb351d; color: #fff; font-size: 1.8rem; line-height: 1.6em;}
.linetop_dl{margin-top: 50px; display: flex;}
.linetop_dl dt{position: relative; padding: 70px 20px 20px 0; width: 310px; border-top: 3px solid #000; font-size: 2.5rem; font-weight: 700; color:#000000;}
.linetop_dl dt .num{position: absolute; top: 40px; color: #cb351d; font-size: 1.6rem;}
.linetop_dl dd{padding: 73px 20px 0; width: calc(100% - 310px); border-top:1px solid #000; font-size: 1.8rem; line-height: 1.6em;}
@media all and (max-width:976px){
    .int2-5_top{padding: 40px; font-size: 1.7rem;}
    .linetop_dl{display: block;}
    .linetop_dl dt{border-width: 2px; width: 100%;}
    .linetop_dl dd{border:0; padding: 0; width: 100%;}
}
@media all and (max-width:480px){
    .int2-5_top{padding: 20px;}
    .linetop_dl{margin-top: 32px;}
    .linetop_dl dt{padding: 50px 20px 20px 0;}
    .linetop_dl dt .num{top: 30px;}

}