@charset "utf-8";

#subWrap{width:100%; padding-top:220px;}
.subTop{width:1400px; margin:0 auto; padding-bottom:60px;}
.subTop h2{font-size:7.5em; font-weight:900; padding-bottom:50px;}
.subTop h2 span{font-size:0.4em; letter-spacing:0; font-weight:400; text-transform:uppercase; padding-left:40px;}
.subTop ul{display:flex;}
.subTop ul li{padding-right:50px;}
.subTop ul li:last-of-type{padding-right:0;}
.subTop ul li a{font-size:2em; color:#666;}
.subTop ul li h3{font-size:2em; font-weight:bold; color:#191919; border-bottom:3px solid #ff9932; padding-bottom:10px;}
#subCon{}
#subCon .widBox{width:0; opacity:0; height:50vh; animation:widAni 2s ease-in-out forwards;}
.ConBox{width:1400px; margin:0 auto; padding-top:5%; padding-bottom:12%;}
.ConBox h3{font-size:5em; width:23%; font-weight:900;}
.ConBox .rightCon{width:77%;}

@keyframes widAni{
	0{width:0; opacity:0;}
	100%{width:100%; opacity:1;}
}

/* 인사말 */
#subCon.greeting .widBox{background:url('../img/sub/greeting_bg.jpg') no-repeat center 0/ cover; background-attachment: fixed;}
#subCon.greeting .ConBox{display:flex; }
#subCon.greeting .rightCon{color:#191919; line-height:1.6; font-weight:500;}
#subCon.greeting .rightCon strong{font-size:3em; display:block; padding-bottom:5%;}
#subCon.greeting .rightCon p{font-size:2em; padding-bottom:7%;}
#subCon.greeting .rightCon span{font-size:1.6em;}
#subCon.greeting .rightCon span img{padding-left:20px;}
#subCon.greeting .rightCon > img{padding-top:7%;}

/* 회사개요 */
#subCon.overview .widBox{background:url('../img/sub/overview_bg.jpg') no-repeat center 0/ cover; background-attachment: fixed;}
#subCon.overview .ConBox > div{display:flex;}
#subCon.overview .threeBox{display:flex; width:100%;}
#subCon.overview .threeBox li{width:33.3%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #d7d7d7; border-right:0; padding:5% 0;}
#subCon.overview .threeBox li:last-of-type{border-right:1px solid #d7d7d7;}
#subCon.overview .threeBox li strong{font-size:2.5em; color:#191919; display:block; padding:23px 0 20px;}
#subCon.overview .threeBox li span{font-size:1.8em; color:#666;}
.historyBox{padding-top:10%;}
.history li{display:flex; color:#191919; padding-bottom:3%;}
.history li .year{font-size:4em; padding-right:40px;}
.history li p{font-size:2em; padding-top:13px;}
.history li p > span{padding-right:50px; position:relative;}
.history li p > span:after{content:''; width:5px; height:5px; background:#ff9932; position:absolute; right:20px; top:10px; border-radius:50%;}
.history li p strong{font-weight:bold; display:inline-block;}
.history li p strong span{font-weight:400; font-size:0.9em; color:#666; display:block; padding-top:10px;}
.history li .twoLine{display:flex; align-items:flex-start;}

/* 장비소개 */
#subCon.equipment{background:#f4f4f4;}
#subCon.equipment .ConBox{display:flex;}
#subCon.equipment .rightCon > div{padding-bottom:90px;}
#equSlide{width:100%; overflow:hidden; position:relative;}
#equSlide .slick-arrow{position:absolute; top:50%; width:50px; height:50px; border-radius:50%; text-indent:-999px; z-index:9; transform:translateY(-50%); overflow:hidden;}
#equSlide .slick-prev{background:#fff url('../img/sub/arrow_prev.png') no-repeat center center; left:20px;}
#equSlide .slick-next{background:#fff url('../img/sub/arrow_next.png') no-repeat center center; right:20px;}
#subCon.equipment .textBox{padding-top:25px;}
#subCon.equipment .textBox > p{padding-bottom:25px;}
#subCon.equipment .textBox > p strong{font-size:3.5em; color:#191919;}
#subCon.equipment .textBox > p span{font-weight:400; color:#666; font-size:2.5em; padding-left:25px;}
#subCon.equipment ul{display:flex; flex-wrap:wrap;}
#subCon.equipment li{width:50%; display:flex; align-items:center; padding-bottom:10px;}
#subCon.equipment li strong{background:#666; color:#fff; font-size:2em; display:flex; width:200px; height:50px; align-items:center; padding:0 20px; font-weight:500;}
#subCon.equipment li span{font-size:2em; color:#666; padding-left:20px;}

/* 오시는길 */
.root_daum_roughmap .border1, .root_daum_roughmap .wrap_controllers{display:none;}
#subCon.location .mapBox{width:1400px; margin:0 auto;}
#subCon.location .mapBox .root_daum_roughmap{width:100%; padding-bottom:56.25%; position:relative;}
#subCon.location .mapBox .wrap_map{position:absolute !important; left:0; top:0; width:100%; height:100%;}
#subCon.location .ConBox{display:flex;}
#subCon.location .threeBox{display:flex;}
#subCon.location .threeBox li{display:flex; flex-wrap:wrap; color:#191919; padding-right:7%;}
#subCon.location .threeBox li p{width:60px; height:60px; border-radius:100%; background:#b7e42f; display:flex; align-items:center; justify-content:center; margin-right:20px;}
#subCon.location .threeBox li p.address{background:#ff9932;}
#subCon.location .threeBox li strong{display:block; font-size:2.5em; padding-bottom:10px;}
#subCon.location .threeBox li span{font-size:2em; color:#666;}
.root_daum_roughmap_landing .border3, .root_daum_roughmap_landing .border4{display:none;}


/* 박스 종류안내 */
#subCon.box_form .widBox{background:url('../img/sub/box_bg.jpg') no-repeat center 0/ cover; background-attachment: fixed;}
#subCon.box_form .ConBox{display:flex;}
#subCon.box_form ul{display:flex; flex-wrap: wrap; justify-content:space-between;}
#subCon.box_form ul li{padding-bottom:7%;}
#subCon.box_form ul li:last-of-type, #subCon.box_form ul li:nth-last-of-type(2){padding-bottom:0;}
#subCon.box_form p{display:flex; align-items:center; padding-bottom:20px;}
#subCon.box_form p strong{display:flex; width:180px; height:50px; font-size:3em; background:#191919; color:#fff; align-items:center; padding:0 20px;}
#subCon.box_form p span{color:#191919; font-size:2em; font-weight:bold; padding-left:20px;}
#subCon.box_form li > div{display:flex;}
#subCon.box_form li > div > div{position:relative;}
#subCon.box_form li > div > div:first-of-type{border-right:1px solid #fff;}
#subCon.box_form li > div > div span{position:absolute; font-size:2em; color:#191919; left:20px; bottom:20px; font-weight:bold;}


/* 박스 재질안내 */
#subCon.box .widBox{background:url('../img/sub/box_bg.jpg') no-repeat center 0/ cover; background-attachment: fixed;}
#subCon.box .ConBox > div{display:flex;}
#subCon.box ul.box_qBox01 {display:flex; flex-wrap:wrap; justify-content:space-between;}
#subCon.box ul.box_qBox01 li{width:calc(50% - 20px); text-align:center; margin-bottom:7%;}
#subCon.box .imgBox{border:1px solid #d7d7d7; height:300px; display:flex; align-items:center; justify-content:center; position:relative;}
#subCon.box .imgBox strong{display:flex; justify-content:center; align-items:center; width:95px; height:50px; background:#191919; color:#fff; font-size:3em; position:absolute; bottom:0; left:0;}
#subCon.box .textBox strong{font-size:2em; color:#191919; display:block; padding:20px 0;}
#subCon.box .textBox p{font-size:2em; line-height:1.4; color:#666;}
#subCon.box .box_qBox02{display:flex; flex-direction:column;}
#subCon.box .box_qBox02 li{display:flex; align-items:center; margin-bottom:20px;}
#subCon.box .box_qBox02 li strong{font-size:3em; color:#fff; background:#191919; width:240px; height:50px; display:flex; align-items:center; padding:0 20px;}
#subCon.box .box_qBox02 li p{font-weight:bold; font-size:2em; color:#191919; padding-left:20px;}
#subCon.box .box_qBox02 li p span{color:red;}