@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:55px;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; position:relative; background:#ede7dc;}
.sub-tab ul li a {position:relative; display:flex; align-items:center; justify-content:center; height:56px; color:#4e4747; font-size:18px; line-height:1.3em; letter-spacing:-.04em;}
.sub-tab ul li.active:before {content:""; position:absolute; top:-4px; bottom:-4px; left:0; right:0; background:#4e4747;}
.sub-tab ul li.active a {color:#f7941e; font-weight:500;}

.doc-tit {position:relative; padding-left:50px; margin-bottom:24px; color:#2c2c2c; font-size:26px; line-height:1.3em; letter-spacing:-.04em;}
.doc-tit:before {content:""; position:absolute; top:2px; left:0; width:30px; height:30px; background:url("../images/sub/bullet.jpg") 50% 50% no-repeat;}

.doc-cnt {margin-bottom:90px; color:#505050; line-height:1.875em;}
.doc-cnt:last-child {margin-bottom:0;}

.sub-tit{position:relative; text-indent: 8px; padding-left: 30px; margin-bottom:15px; color:#000000; font-size:20px; line-height:1.5em; font-weight: bold;}
.sub-tit:before{content:""; position:absolute; top: 4px; left:0; width:24px; height:23px; background:url("../images/sub/check_square.png") 50% 50% no-repeat;}

.sub-txt{font-size: 16px; line-height: 1.875em; font-weight: 300; color: #505050; margin-bottom: 15px; }
.sub-txt-p{font-size: 16px; line-height: 1.875em; font-weight: 300; color: #505050; margin-bottom: 30px; padding-left: 10px; }

.greetings .cnt1 {display:flex; align-items:center;}
.greetings .cnt1 .img {width:50%;}
.greetings .cnt1 .txt {width:50%; padding-left:50px;}
.greetings .cnt1 .txt h3 {font-size:28px; font-weight:500; line-height:1.643em; letter-spacing:-.04em; margin-bottom:30px;}
.greetings .cnt1 .txt h3 .point {color:#f7941e;}
.greetings .cnt1 .txt h3 strong {font-weight:800;}
.greetings .cnt1 .txt p {max-width:500px; color:#505050; font-size:18px; line-height:1.889em; letter-spacing:-.04em;}
.greetings .line {position:relative; margin:78px 0 46px; text-align:center;}
.greetings .line:before {content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:#ddd;}
.greetings .line span {position:relative; display:inline-block; padding:0 23px; background:#fff;}
.greetings .line span:after {content:""; display:inline-block; width:14px; height:14px; background:#d7cac0; transform:rotate(45deg);}
.greetings .cnt2 {padding:0 10px; color:#505050; letter-spacing:0;}
.greetings .cnt2 .sign {text-align:right; margin:55px 40px 0 0; font-weight:700; font-size:18px; line-height:1.3em;}
.greetings .cnt2 .sign strong {font-size:24px; margin-left:20px;}

.history .group {padding:50px 0 37px; display:flex; align-items:flex-start; border-bottom:1px solid #d8d8d8;}
.history .tit {width:30%; max-width:371px; height:114px; margin-right:59px; padding:24px 45px; text-align:right; color:#fff; font-size:30px; font-weight:700; line-height:1.3em;}
.history .tit.bg1 {background-image:url("../images/sub/his_img1.jpg");}
.history .tit.bg2 {background-image:url("../images/sub/his_img2.jpg");}
.history .tit.bg3 {background-image:url("../images/sub/his_img3.jpg");}
.history .cnt {position:relative; flex:1 1 auto; min-width:0; width:1%; border-left:1px solid #ddd; padding:6px 0 6px 54px;}
.history .cnt:before {content:""; position:absolute; top:14px; left:-8px; width:16px; height:16px; background:#fff; border:4px solid #f7941e; border-radius:100%;}
.history .cnt ul li {position:relative; padding-left:70px; margin-bottom:14px; line-height:2em;}
.history .cnt ul li:last-child {margin-bottom:0;}
.history .cnt ul li .month {position:absolute; top:0; left:0; font-size:20px; font-weight:700; letter-spacing:0;}

/*고객만족*/
.satis .g1{display:flex; justify-content:space-between; padding-bottom:60px; margin-bottom:65px; border-bottom:1px solid #ddd;}
.satis .g1 li{width:20%; max-width:200px; padding:0 5px; text-align:center; color:#505050; line-height:1.625em; font-weight:700;}
.satis .g1 .img {margin-bottom:26px;}

.satis .g2 {line-height:1.8em; font-weight:300; color:#505050;}
.satis .g2 li{display:flex; align-items:center; margin-bottom:47px;}
.satis .g2 li:last-child{margin-bottom:0;}
.satis .g2 .img {margin: 0 20px 0 10px;  min-width: 80px; }
.satis .g2 .tit{font-size: 26px; line-height:1.3em; font-weight:400; letter-spacing:-.03em; color:#2c2c2c; margin-bottom:6px;}

/*주요설비*/
.equipment .doc-tit{margin-bottom:40px;}
.equipment .doc-tit span{ font-size: 16px; line-height: 2.000em; font-weight: 300; margin-left: 20px; color: #505050; }
.equipment .eq1{display:flex; margin:0 -15px; }
.equipment .eq1 li{width:20%; padding:0 15px; }
.equipment .eq1 div{padding-bottom:87%; margin-bottom:24px; border-radius:15px;}
.equipment .eq1 .bg1{background: url("/images/sub/eq1_bg1.png") no-repeat center center #434343;}
.equipment .eq1 .bg2{background: url("/images/sub/eq1_bg2.png") no-repeat center center #f7941e;}
.equipment .eq1 .bg3{background: url("/images/sub/eq1_bg3.png") no-repeat center center #897b6d;}
.equipment .eq1 .bg4{background: url("/images/sub/eq1_bg4.png") no-repeat center center #f2e5ce;}
.equipment .eq1 .bg5{background: url("/images/sub/eq1_bg5.png") no-repeat center center #4d3e3e;}

.equipment .eq1 .tit{display:flex; align-items:center; font-size:20px; font-weight:700; line-height:1.3em; color:#000000; margin-bottom:17px;}
.equipment .eq1 .point{display:block; font-size:36px; font-family:'NanumSquare',sans-serif; color:#f7941e; margin:0 10px; }
.equipment .eq1 .txt {line-height: 1.625em; font-weight:300; margin-left:5px;}

.equipment .eq2{display:flex; flex-wrap:wrap; margin:-22px;}
.equipment .eq2 li{ width:50%; padding:22px;}
.equipment .eq2 .img{text-align:center; margin-bottom:15px; border-radius:15px; border:1px solid #ddd; overflow:hidden;}
.equipment .eq2 .cnt{display:flex; align-items:center; margin-left:10px;}
.equipment .eq2 .eq-check{content: ""; display: block; width:31px; height: 31px; background: url("/images/sub/eq2_check.gif") no-repeat ; }
.equipment .eq2 .tit{ font-size: 20px; line-height: 1.300em; margin: 0 15px; border-bottom: 1px solid #000; }

.equipment .eq3 table {width:100%; border-collapse:collapse; border-top:2px solid #505050;}
.equipment .eq3 th {height:58px; padding:8px; font-size:16px; font-weight:500; line-height:1.5em; border:1px solid #dfdfdf;}
.equipment .eq3 td {padding:8px; font-size:15px; font-weight:300; line-height:1.5em; text-align:center; border:1px solid #dfdfdf;}
.equipment .eq3 thead th {color:#4e4747; background:#f4f4f4;}
.equipment .eq3 tbody th {font-weight:700; color:#000;}
.equipment .eq3 tr th:first-child,
.equipment .eq3 tr td:first-child {border-left:0;}
.equipment .eq3 tr th:last-child,
.equipment .eq3 tr td:last-child {border-right:0;}

/*제조공정*/
.process .group{ width: 92.16%; margin: 0 auto; }
.process .tit{ position: relative; width: 100%; height: 25px; border-bottom: 1px solid #b2b2b2 ; margin-bottom: 90px; }
.process .tit p{ position: absolute; width: 300px; left: 50%; margin-left: -150px; padding: 11px 0; background: url("/images/sub/process_cir_gray.png") no-repeat center center #434343; border-radius: 16px; font-size: 22px; font-weight: 600; line-height: 1.182em; text-align: center;  }
.process .tit .t1{ color: #ffffff; margin-right: 10px; }
.process .tit .t2{ color: #f7941e; margin-right: 10px; }
.process .tit .t3{ color: #fef8c8;}
.process .img img{border-radius: 18px;  border: 1px solid #ddd;}

.process .org{ text-indent: 35px; font-size: 18px; font-weight: 600; line-height: 1.778em; color: #505050; background: url("/images/sub/process_cir_org.png") no-repeat 10px; margin-bottom: 5px; }
.process .cnt{ padding: 0 -35px; margin-bottom: 50px; }
.process .cnt>div{ display: flex; justify-content: space-between; }

.process .cnt .deco{width: 47%; border-radius: 18px; border: 1px solid #ddd;}
.process .cnt .deco p{ padding: 12px 30px; font-size: 18px; line-height: 1.778em; font-weight: 300; color: #505050;  }
.process .cnt .deco-gray{ padding-top:54px; background: url("/images/sub/process_icon.png") no-repeat 30px 16px #f8f8f8; border-radius: 18px 18px 0 0; border-bottom: 1px solid #ddd; }

.process .step1 .img , .process .step2 .img{width:47%; margin-right:5.8%;}
.process .step1 {position:relative; margin-bottom:200px;}
.process .step2 {position:relative; margin-bottom:185px;}
.process .step1:after, .process .step2:after {content:""; position:absolute; width:46px; height:44px; background:url("/images/sub/process_down_arw.png") no-repeat 50% 50%; left:50%; margin: 25px 0 0 -23px;}

.process .step3 .deco-p {position:relative; text-align:center; font-size:18px; width:62.4%; margin:0 auto 65px auto; }
.process .step3 .deco-p:before {content:""; position:absolute; width:32px; height:30px; background:url("/images/sub/process_icon.png") no-repeat; margin-left:-45px;}
.process .pc-step3{ display: flex; margin-bottom:90px; }
.process .pc-step3>div:first-child {margin-right:5.9%;}
.process .process-box{text-align: center; font-size: 16px; line-height: 2.000em; font-weight: 300; color: #505050;}
.process .process-box div:not(:last-child) {margin-right:15px;}
.process .process-box img{ border-radius: 18px; border: 1px solid #ddd; }
.process .process-box .box4 img{padding:0 10px;}

.process .bt-line{ border-bottom: 1px solid #b2b2b2;}

/*주요고객*/
.client {text-align:center;}
.client ul {display:flex; flex-wrap:wrap; margin:-33px -11px;}
.client ul li{width:25%; padding:33px 11px;}
.client .img {padding:15px; border-radius:15px; margin-bottom:23px; border:1px solid #ddd;}
.client .tit {font-size:20px; font-weight:500; line-height:1.3em; margin-bottom:10px;}
.client .site {color:#bfbfbf; font-size:12px; font-weight:300; line-height:1.4em; letter-spacing:-.01em; word-break:break-all; text-decoration:underline;}

/*회사 약도*/
.root_daum_roughmap {width:100% !important;}

.map .info{ padding: 35px 0 40px 35px; border-bottom:1px solid #dddcdc; }
.map .info p{ font-size: 18px; line-height:1.667em; color:#505050; }
.map .info .num{ font-weight: bold; color: #000000; }

.map .info-box{ padding-top: 35px; background: url("/images/sub/map_icon.gif") no-repeat 25px 35px ; }
.map .info-box p{ margin-left: 135px; font-size: 16px; line-height: 1.625em; font-weight: 400; color: #505050; }
.map .info-box .tit{ font-size: 20px; line-height: 1.500em; font-weight: bold; color: #000000; }

/*골판지 개요*/
.pro-img-1 {float:left; margin-right:33px;}
.pro-img-2 {float:right; margin-left:60px;}

.packaging-history .group{ display: flex; }
.packaging-history .img{ width: 44.66%; margin-right: 6%; margin-top: 14px; }
.packaging-history .img img{ border-radius: 18px; }

.packaging-history .cnt{position:relative; border-left:1px solid #ddd; padding: 10px 0 70px 40px; width: 51.33%; }
.packaging-history .cnt:last-child{ padding-bottom: 30px; }
.packaging-history .cnt:before{content:""; position:absolute; top:14px; left:-8px; width:16px; height:16px; background:#fff; border:4px solid #f7941e; border-radius:100%;}
.packaging-history .cnt li{ position: relative; font-size: 16px; line-height: 2.000em; font-weight: 300; color: #505050; padding-left: 15px; margin-bottom: 15px; }
.packaging-history .cnt li:before{ position: absolute; content: ""; left: 0; top: 6px; width: 4px; height: 4px; background: #505050; border-radius: 100%; }
.packaging-history p{ font-size: 16px; line-height: 2em; font-weight: 300; color: #999999; margin-bottom: 35px; }
.packaging-history .tit{ font-size: 26px; line-height: 1.231em; font-weight: 700; color: #000000; }

/*골판지 종류*/
.kind{ display: flex; justify-content: space-between;  }
.kind p{ font-size: 24px; line-height: 1.250em; font-weight: bold; color: #000000; margin-bottom: 20px; }
.kind div{  width: 48.58%; padding: 30px; border: 1px solid #ddd; border-radius: 16px; }
.kind ul li{position:relative; padding-left:25px; font-size:18px; font-weight:bold;}
.kind ul li:before {content:""; position:absolute; width:16px; height:16px; background: url("/images/sub/check_small.png") no-repeat 50% 50%; top:7px; left:0; }
.kind ul li span{ font-size: 14px; font-weight: 300; margin-left: 5px;  }

.kind-length5{ display: flex; justify-content: space-between;  margin-top: 50px; }
.kind-length5 li{position: relative; width: 18.58%; padding: 30px 5px 50px 5px; text-align: center; border: 1px solid #ddd; border-radius: 16px; }
.kind-length5 li:before{ content: ''; position: absolute; width: 24px; height: 24px; top: -12px; margin-left: -12px;background: url("/images/sub/check_large.png") no-repeat; }
.kind-length5 li p{ font-weight: 300; line-height: 1.625em; }
.kind-length5 li p:first-child{ font-size: 20px; font-weight: bold; line-height: 1.500em; color: #000000; border-bottom: 10px; }
.kind-length5 .txt{font-size:14px; font-weight:300; line-height:1.4em; color:#000; letter-spacing: -.025em; margin-bottom:15px; }
.kind-length5 .txt:after {content:""; display:block; margin:12px auto 0;  width:1px; height:12px; background:#000;}

.kind-box .box1{ margin-bottom: 50px; }
.kind-box .box1 .cnt{ border: 1px solid #ddd; border-radius: 16px; display: flex; padding: 60px 50px;  }
.kind-box .box1 .cnt p{ font-size: 16px; line-height: 1.625em; font-weight: 300;  }
.kind-box .box1 .img{ min-width: 32%; margin-right: 50px; }

.kind-box .box2{ margin-bottom: 40px; }
.kind-box .box2 ul{ margin-top: 35px; }
.kind-box .box2 ul li{ float: left; width: 48.58%; margin: 0 0.71% 25px 0.71%; text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-radius: 16px;}
.kind-box .box2 .dec{ padding: 20px 0 15px 0; background: #434343; border: 1px solid #434343; border-radius: 16px 16px 0 0; }
.kind-box .box2 .dec p{ color: #ffffff; }
.kind-box .box2 .dec p:first-child{ font-size: 24px; font-weight: bold; }
.kind-box .box2 .img{ padding: 36px 0 50px 0; }

.kind-box .box3{ margin-bottom: 70px; }
.kind-box .box3 .kind-txt{ margin-bottom: 30px; }
.kind-box .box3 ul{ display: flex; justify-content: space-between; margin-top: 25px; }
.kind-box .box3 ul li{ width: 32.08%; text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-radius: 16px; }
.kind-box .box3 ul li p{ padding: 20px 0; background: #434343; border: 1px solid #434343; border-radius: 16px 16px 0 0;  color: #ffffff; font-size: 24px; font-weight: bold; }
.kind-box .box3 .img{ padding: 50px 0; }

.kind-box .cnt .box4-box{ float: left; }
.kind-box .box4 .txt{ padding-right: 20px; }
.kind-box .box4 .txt p{ line-height: 1.875em; font-weight: 300; margin-bottom: 20px; }
.kind-box .box4 .box4-box{ text-align: center; margin: 5px 40px 0 0; border: 1px solid #ddd; box-sizing: border-box; border-radius: 16px; }
.kind-box .box4 .box4-box .img{ padding: 50px 20px 25px 50px; }
.kind-box .box4 .box4-box p{ font-size: 24px; font-weight: bold; color: #000000; margin-bottom: 50px; }

/*품질규격*/
.standard table{ border-collapse: collapse; width: 100%; border-top: 2px solid #505050;  }
.standard thead th{padding:15px; font-size:16px; line-height:1.5em; font-weight: 500; color: #4e4747; background: #f4f4f4; }
.standard tbody th{padding:15px; font-size:16px; font-weight:500; line-height:1.5em; color: #000000; }
.standard tbody td{padding:15px; font-size:15px; font-weight:300; text-align:center; color: #2c2c2c;  }
.standard td, .standard th{ border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;  } 
.standard .orange{ font-size: 16px; line-height: 1.875em; font-weight: 500; color: #f46f31; margin-bottom: 10px; }
.standard  table .no-br{ border-right: 0; }
.standard .br td:last-child, .standard .br th:last-child{ border-right: 0; }
.standard .bb td{ border-bottom: 1px solid #000000; }

.standard .group:not(:last-child){ margin-bottom: 40px; }
.standard .deco{ position: relative; font-size: 18px; font-weight: 600; color: #000000; line-height: 1.667em; padding-left: 34px; margin-bottom: 10px; }
.standard .deco:before{ content: ""; position: absolute; width: 18px; height: 17px; top: 7px; left: 8px; background: url("/images/sub/plus_box.png") no-repeat 50% 50%; }
.standard .deco-txt{ font-size: 16px; line-height: 1.875em; font-weight: 300; padding-left: 8px; margin-bottom: 15px; }


.standard .table1 .t1{ width: 29.91%;  }
.standard .table2 .t1,{ width: 20.08%;  }
.standard .table2 .t2{ width: 6.25%; }
.standard .table2 .t3{ width: 16.16%; }
.standard .table2 .t4{ width: 42.5%; }
.standard .table2 .t5{ width: 15%;  }
.standard .table3 .t1{ width: 28.91%; }
.standard .table3 .t2{ width: 35%; }
.standard .table4 tbody th{ line-height: 1.250em; }
.standard .table4 .bb {border-bottom: 1px solid #000000;}

.standard .group .txt-small{ padding: 20px 0 0 7px; }
.standard .group .txt-small p{ font-size: 15px; line-height: 1.733em; font-weight: 300; }
.standard .group-gray{ width: 100%; padding: 25px 30px; background: #f7f7f7; border-radius: 11px; margin: 15px 0 20px 0;  }
.standard .gray1{ padding-left: 160px; background: url("/images/sub/standard_icon.png") no-repeat 47px  #f7f7f7; }
.standard .gray1 .big{font-size: 20px; line-height: 1.500em; font-weight: bold; }
.standard .gray1 p{ font-weight: 300; }
.standard .gray2{ padding-left: 160px; background: url("/images/sub/standard_icon.png") no-repeat 47px 25px #f7f7f7; margin-bottom: 50px; }
.standard .gray2 div{ display: flex; align-items: center; margin-bottom: 20px; }
.standard .gray2 .big{ min-width: 12.9%; font-size: 20px; line-height: 1.500em; font-weight: bold; margin-right: 80px; }
.standard .gray2 .gray-txt{ display: block; margin-bottom: 10px; font-weight: 300; }
.standard .gray3 p{ position: relative; font-weight: 500; padding-left: 16px; }
.standard .gray3 p:before{ content: ""; position: absolute; width: 4px; height: 2px; background: #505050; top: 14px; left: 0;  }
.standard .gray4{ margin-bottom: 0; }

.standard .potin-b{ margin-bottom: 30px; }
.standard .point p{ position: relative; font-weight: 300; padding-left: 30px; }
.standard .point p:before{ content: ""; position: absolute; width: 4px; height: 4px; background: #505050; top: 14px; left: 12px; border-radius: 100%;  }

/*박스형식*/
.box-type-nav {overflow:hidden; border-bottom:1px solid #a1a1a1; padding-bottom:40px; margin-bottom:56px;}
.box-type-nav ul {display:flex; margin-left:-13px;}
.box-type-nav li {width:14.5%; padding-left:13px; text-align:center;}
.box-type-nav li a {display:block;}
.box-type-nav .type-icon{position:relative; height:146px; border:1px solid #cbcbcb; border-radius:15px; background-position:50% 60%; background-repeat:no-repeat; margin-bottom:13px;}
.box-type-nav .type-icon p{position:absolute; top:12px; left:13px; font-size:16px; line-height:1.3em; color:#333; font-weight:700;}
.box-type-nav .bg1{ background-image:url("/images/sub/box_type_slotted_black.png");}
.box-type-nav .bg2{ background-image:url("/images/sub/box_type_telescope_black.png");}
.box-type-nav .bg3{ background-image:url("/images/sub/box_type_folder_black.png");}
.box-type-nav .bg4{ background-image:url("/images/sub/box_type_slide_black.png");}
.box-type-nav .bg5{ background-image:url("/images/sub/box_type_rigid_black.png");}
.box-type-nav .bg6{ background-image:url("/images/sub/box_type_ready_black.png");}
.box-type-nav .bg7{ background-image:url("/images/sub/box_type_interior_black.png");}
.box-type-nav .tit{font-family:'NanumSquare',sans-serif; font-size:20px; line-height:1.3em; color:#f7941e; font-weight:700; margin-bottom:4px;}
.box-type-nav .txt{font-size:15px; font-weight:300; line-height:1.4em;}
.box-type-nav li a:hover .type-icon {background-color:#f7941e;}
.box-type-nav li a:hover .type-icon p {color:#fff;}
.box-type-nav li a:hover .bg1 {background-image:url("/images/sub/box_type_slotted_white.png");}
.box-type-nav li a:hover .bg2 {background-image:url("/images/sub/box_type_telescope_white.png");}
.box-type-nav li a:hover .bg3 {background-image:url("/images/sub/box_type_folder_white.png");}
.box-type-nav li a:hover .bg4 {background-image:url("/images/sub/box_type_slide_white.png");}
.box-type-nav li a:hover .bg5 {background-image:url("/images/sub/box_type_rigid_white.png");}
.box-type-nav li a:hover .bg6 {background-image:url("/images/sub/box_type_ready_white.png");}
.box-type-nav li a:hover .bg7 {background-image:url("/images/sub/box_type_interior_white.png");}
.box-type-nav li.active a .type-icon {background-color:#f7941e;}
.box-type-nav li.active a .type-icon p {color:#fff;}
.box-type-nav li.active a .bg1 {background-image:url("/images/sub/box_type_slotted_white.png");}
.box-type-nav li.active a .bg2 {background-image:url("/images/sub/box_type_telescope_white.png");}
.box-type-nav li.active a .bg3 {background-image:url("/images/sub/box_type_folder_white.png");}
.box-type-nav li.active a .bg4 {background-image:url("/images/sub/box_type_slide_white.png");}
.box-type-nav li.active a .bg5 {background-image:url("/images/sub/box_type_rigid_white.png");}
.box-type-nav li.active a .bg6 {background-image:url("/images/sub/box_type_ready_white.png");}
.box-type-nav li.active a .bg7 {background-image:url("/images/sub/box_type_interior_white.png");}

.box-type {overflow:hidden; text-align:center;}
.box-type ul {display:flex; flex-wrap:wrap;}
.box-type ul li {position:relative; height:224px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd; border-radius:17px;}
.box-type ul li p {position:absolute; left:28px; top:20px; font-size:20px; font-weight:700; line-height:1.3em; color:#505050;}
.box-type .length2 {margin:-20px;}
.box-type .length2 li {width:calc(50% - 40px); margin:20px;}
.box-type .length4 {margin:-16px;}
.box-type .length4 li {width:calc(25% - 36px); margin:16px;}

/*박스구매가이드*/
.guide .doc-tit {font-weight:500;}
.guide .cnt1 {display:flex; align-items: center;}
.guide .cnt1 .img {min-width:49.91%; margin-right:3.9%;}
.guide .cnt1 h3 {font-size:28px; font-weight:500; line-height:1.643em; color:#2c2c2c; margin-bottom:20px;}
.guide .cnt1 h3 span {font-weight:bold; color:#f7941e;}
.guide .cnt1 p {line-height:2.125em; letter-spacing: -0.04em; color:#505050;}

.guide .doc-txt {font-weight:300; margin-bottom:20px;}
.guide .box-size {display:flex;}
.guide .size-cnt {width:25%; padding:30px 20px 50px 20px; border:1px solid #dfdfdf;}
.guide .size-cnt:not(:last-child) {border-right:0;}
.guide .size-cnt .txt {font-size:22px; font-weight:500; line-height:1.455em; color:#f7941e; margin:15px 0;}
.guide .size-info {display:flex;}
.guide .size-info span {display:block; font-size:14px; font-weight:300; line-height:2.286em;}
.guide .size-info p {width:33.33%; padding-bottom:16px; font-size:30px; font-weight:bold; line-height:1.067em;}
.guide .size-info p:not(:last-child) {border-right:1px solid #dfdfdf;}

.guide table {border-collapse:collapse; border-top:2px solid #505050; width:100%;}
.guide table th {font-size:16px; font-weight:500; color:#4e4747; background:#f4f4f4; padding:20px 5px;}
.guide table td {padding:10px;}
.guide table td:first-child {font-size:20px; font-weight:600; color:#f7941e; border-left:0;}
.guide table td:last-child {text-align:left; border-right:0; padding:25px;}
.guide table td span {font-weight:500; color:#f7941e;}
.guide table td {font-size:15px; color:#505050; border:1px solid #dfdfdf;}

.orange-txt {color:#f46f31;}

.guide .box-form {display:flex; flex-wrap: wrap;}
.guide .box-form li {width:33.333%; padding:33px 38px; border:1px solid #dfdfdf;}
.guide .box-form .img {border-bottom:1px solid #dfdfdf; margin-bottom:25px;}
.guide .box-form .tit {font-size:22px; font-weight:500; color:#f7941e; line-height:1.455em; margin-bottom:5px;}
.guide .box-form .txt {font-size:14px; font-weight:300; color:#878787; letter-spacing:-0.04em; }
.guide .li-br {border-right:0 !important;}
.guide .li-bb {border-bottom:0 !important;}

.guide .img-box1 {display:flex; margin: 0 -7px;}
.guide .img-box1 .img {width:33.33%; padding:0 7px;}
.guide .img-box2 {display:flex;}
.guide .img-box2 div:first-child {width:39.7%; margin-right:0.8%;}

.guide .pay li {padding:40px 0; border-bottom:1px solid #dfdfdf;}
.guide .pay li:first-child {padding-top:0;}
.guide .pay li:last-child {padding-bottom:0; border-bottom:0;}
.guide .pay .wrap {display:flex; align-items: center;}
.guide .pay .icon {min-width:140px; height:140px; margin-right:40px; background-position:50% 50%; background-repeat:no-repeat;}
.guide .pay .icon1 {background-image:url("/images/sub/pay1.png");}
.guide .pay .icon2 {background-image:url("/images/sub/pay2.png");}
.guide .pay .icon3 {background-image:url("/images/sub/pay3.png");}

.guide .pay .tit {font-size:20px; font-weight:500; color:#f7941e; line-height:1.6em;}
.guide .pay p {font-size:14px; font-weight:300; color:#878787; line-height:2.286em;}
.guide .pay .account {font-size:16px; font-weight:300; color:#505050;}
.guide .pay .account span {font-weight:bold; color:#f7941e;}

/* 바로견적 */
.estimate-step {padding-bottom:75px; margin-bottom:50px; text-align:center; border-bottom:1px solid #dfdfdf;}
.estimate-step ol {display:flex; justify-content:center;}
.estimate-step ol li {width:33.3333333%; max-width:340px;}
.estimate-step ol li .ico {width:64px; height:64px; margin:0 auto 20px; background-position:50% 50%; background-repeat:no-repeat;}
.estimate-step ol li .num {position:relative; margin-bottom:17px;}
.estimate-step ol li .num:before {content:""; position:absolute; top:50%; left:50%; width:100%; height:1px; background:url("../images/sub/dashline.png") 0 0 repeat-x;}
.estimate-step ol li .num span {display:block; position:relative; margin:0 auto; width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:#eee; border-radius:100%; font-size:16px; font-weight:500; line-height:1.3em; color:#878787; box-shadow:0 3px 0 3px #fff;}
.estimate-step ol li .txt {padding:0 15px; color:#878787; font-size:20px; line-height:1.5em; letter-spacing:-.04em;}
.estimate-step ol li:last-child .num:before {display:none;}
.estimate-step ol li.s1 .ico {background-image:url("/images/sub/estimate_step1_off.png");}
.estimate-step ol li.s2 .ico {background-image:url("/images/sub/estimate_step2_off.png");}
.estimate-step ol li.s3 .ico {background-image:url("/images/sub/estimate_step3_off.png");}
.estimate-step ol li.active .num span {color:#f7941e; border:2px solid #f7941e; background:#fff;}
.estimate-step ol li.active .txt {color:#f7941e;}
.estimate-step ol li.active.s1 .ico {background-image:url("/images/sub/estimate_step1_on.png");}
.estimate-step ol li.active.s2 .ico {background-image:url("/images/sub/estimate_step2_on.png");}
.estimate-step ol li.active.s3 .ico {background-image:url("/images/sub/estimate_step3_on.png");}

.box-type-container {margin-bottom:80px;}
.box-type-container.last {margin-bottom:40px;}

.box-type-tab {text-align:center; margin-top:40px; margin-bottom:30px;}
.box-type-tab ul {display:flex; justify-content:space-between; margin:0 -10px;}
.box-type-tab ul li {width:16.66666666%; max-width:180px; padding:0 10px;}
.box-type-tab ul li a {display:block; font-size:16px; font-weight:500; line-height:1.3em; color:#505050; letter-spacing:-.04em;}
.box-type-tab ul li a i {display:block; margin:0 auto 12px; padding-bottom:100%; background-color:#eee; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; border-radius:100%;}
.box-type-tab ul li .ico-shape-1 {background-image:url("/images/sub/box_shape_tab1_off.png");}
.box-type-tab ul li .ico-shape-2 {background-image:url("/images/sub/box_shape_tab2_off.png");}
.box-type-tab ul li .ico-shape-3 {background-image:url("/images/sub/box_shape_tab3_off.png");}
.box-type-tab ul li .ico-shape-4 {background-image:url("/images/sub/box_shape_tab4_off.png");}
.box-type-tab ul li .ico-shape-5 {background-image:url("/images/sub/box_shape_tab5_off.png");}
.box-type-tab ul li .ico-shape-6 {background-image:url("/images/sub/box_shape_tab6_off.png");}
.box-type-tab ul li .ico-material-1 {background-image:url("/images/sub/box_material_tab1_off.png");}
.box-type-tab ul li .ico-material-2 {background-image:url("/images/sub/box_material_tab2_off.png");}
.box-type-tab ul li .ico-material-3 {background-image:url("/images/sub/box_material_tab3_off.png");}
.box-type-tab ul li .ico-material-4 {background-image:url("/images/sub/box_material_tab4_off.png");}
.box-type-tab ul li .ico-material-5 {background-image:url("/images/sub/box_material_tab5_off.png");}
.box-type-tab ul li .ico-material-6 {background-image:url("/images/sub/box_material_tab6_off.png");}
.box-type-tab ul li.active a {color:#f7941e;}
.box-type-tab ul li.active a i {background-color:#f7941e;}
.box-type-tab ul li.active .ico-shape-1 {background-image:url("/images/sub/box_shape_tab1_on.png");}
.box-type-tab ul li.active .ico-shape-2 {background-image:url("/images/sub/box_shape_tab2_on.png");}
.box-type-tab ul li.active .ico-shape-3 {background-image:url("/images/sub/box_shape_tab3_on.png");}
.box-type-tab ul li.active .ico-shape-4 {background-image:url("/images/sub/box_shape_tab4_on.png");}
.box-type-tab ul li.active .ico-shape-5 {background-image:url("/images/sub/box_shape_tab5_on.png");}
.box-type-tab ul li.active .ico-shape-6 {background-image:url("/images/sub/box_shape_tab6_on.png");}
.box-type-tab ul li.active .ico-material-1 {background-image:url("/images/sub/box_material_tab1_on.png");}
.box-type-tab ul li.active .ico-material-2 {background-image:url("/images/sub/box_material_tab2_on.png");}
.box-type-tab ul li.active .ico-material-3 {background-image:url("/images/sub/box_material_tab3_on.png");}
.box-type-tab ul li.active .ico-material-4 {background-image:url("/images/sub/box_material_tab4_on.png");}
.box-type-tab ul li.active .ico-material-5 {background-image:url("/images/sub/box_material_tab5_on.png");}
.box-type-tab ul li.active .ico-material-6 {background-image:url("/images/sub/box_material_tab6_on.png");}

.box-type-wrap {display:flex; border:1px solid #dfdfdf;}
.box-type-wrap .img {width:399px; text-align:center; border-right:1px solid #dfdfdf;}
.box-type-wrap .img div {height:50%; padding:9px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #dfdfdf;}
.box-type-wrap .img div:last-child {border-bottom:0;}
.box-type-wrap .cnt {position:relative; flex:1 1 auto; min-width:0; width:1%; padding:35px 40px 110px; background:#fafafa; color:#878787; font-weight:300; letter-spacing:-.04em;}
.box-type-wrap .cnt h4 {color:#f7941e; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.04em; margin-bottom:8px;}
.box-type-wrap .cnt .tt {margin-top:24px; margin-bottom:15px; padding-left:31px; color:#2c2c2c; font-size:18px; line-height:1.3em; letter-spacing:-.04em; background:url("../images/sub/bullet2.png") 0 2px no-repeat;}
.box-type-wrap .cnt .tt strong {font-weight:500;}
.box-type-wrap .cnt ul {font-size:14px; line-height:1.857em; letter-spacing:-.03em;}
.box-type-wrap .cnt ul.dot-type li {position:relative; padding-left:10px;}
.box-type-wrap .cnt ul.dot-type li:before {content:"·"; position:absolute; top:0; left:0;}
.box-type-wrap .cnt ul.hypen-type li {padding-left:.6em; text-indent:-.6em;}
.box-type-wrap .cnt .btn {position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
.box-type-wrap .cnt .btn a {display:inline-block; min-width:180px; padding:0 25px; color:#fff; line-height:48px; font-size:16px; background:#4e4747;}

.pop-box-type {padding:35px 26px; color:#878787; font-weight:300; letter-spacing:-.04em; background:#fff; border:4px solid #555;}
.pop-box-type .group {margin-bottom:40px;}
.pop-box-type .group:last-child {margin-bottom:0;}
.pop-box-type h3 {color:#f7941e; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.04em; margin-bottom:13px;}
.pop-box-type .img {display:flex; text-align:center; border:1px solid #dfdfdf; margin-bottom:15px;}
.pop-box-type .img div {width:50%; padding:9px;}
.pop-box-type .img div:first-child {border-right:1px solid #dfdfdf;}
.pop-box-type .tt {margin-top:20px; margin-bottom:15px; padding-left:31px; color:#2c2c2c; font-size:18px; line-height:1.3em; letter-spacing:-.04em; background:url("../images/sub/bullet2.png") 0 2px no-repeat;}
.pop-box-type .tt strong {font-weight:500;}
.pop-box-type ul {font-size:14px; line-height:1.857em; letter-spacing:-.03em;}
.pop-box-type ul.dot-type li {position:relative; padding-left:10px;}
.pop-box-type ul.dot-type li:before {content:"·"; position:absolute; top:0; left:0;}
.pop-box-type ul.hypen-type li {padding-left:.6em; text-indent:-.6em;}