body{overflow-x:hidden;}

.sub_vi {display:table;width:100%;height:360px;text-align:center;background-attachment: fixed !important;}
.sub_vi h1 {display:table-cell;font-size:45px; color:#fff;font-weight:500;line-height:45px;vertical-align:middle;position:relative;padding-top:22px; letter-spacing:2px;}
.sub_vi h1 span {font-size:16px;font-weight:300;display:inline-block; letter-spacing:7px;}

/* .mob_lnb {display:none;} */

.sub_wrap {max-width:1200px; margin:0 auto;margin-top:40px;font-size:0;padding-bottom:100px; padding-left:270px; box-sizing:border-box; position:relative;overflow:hidden;}
.lnb_box {position:absolute; left:0; top:0; width:220px;margin-right:50px;}
.lnb_box.on{position:fixed; left:50%; margin-left:-600px; top:30px;}
.lnb_box > div {text-align:center;height:150px;padding-top:80px;box-sizing:border-box;}
.lnb_box > div h2 {font-size:24px; color:#fff;}
.lnb_box > ul {}
.lnb_box > ul li {border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.lnb_box > ul li a {display:inline-block;width:100%;font-size:17px; color:#353535; padding:14px;border-bottom:solid 1px #ddd;box-sizing:border-box;background-color:#f5f5f5;}
.lnb_box > ul li.on a {color:#e73b2f;background:#fff url('../images/sub/lnb_arr.png') no-repeat 92.5% center;}

/* 20200720 추가분*/
.lnb_box > div.p_guide {padding: 15px; box-sizing: border-box;margin-top: 23px; background: #eff1f5; border: 1px solid #dfe2e7; padding-top: 15px;text-align: left;}
.guide_wrap {}
.guide_wrap strong {position:relative; font-size: 15px; color: #252525;font-family:'Noto Sans KR';}
.guide_wrap strong::after {content:'';position:absolute; display:inline-block; width: 21px; height:21px; background:url('../images/sub/detail_icon.png')no-repeat; margin-left: 8px;}
.guide_wrap p {font-size: 13px; margin-top:14px; color:#5e6d8a; line-height:19px; font-weight:300;font-family:'Noto Sans KR';}
.btn_inq_list {vertical-align: middle; margin-right: 10px;}
/* //20200720 */


.sub_cont {display:inline-block;width:930px;vertical-align:top;}
.subtitle_area {position:relative;border-bottom:solid 1px #dddddd;padding-bottom:8px;margin-bottom:50px;}
.subtitle_area > h3 {font-size:30px; color:#353535;font-weight:500;}
.breadclum {display:inline-block; position:absolute; right:0; bottom:12px;font-size:0;}
.breadclum li {display:inline-block;background:url('../images/sub/clum_arr.png') no-repeat right center;padding:0 16px 0 8px;}
.breadclum li:first-child {padding-left:0;}
.breadclum li:last-child {padding-right:0;background:none;}
.breadclum li a {font-size:16px; color:#353535;}
.breadclum li span {font-size:16px; color:#e73b2f;}


.inq_top {padding-top:20px;padding-bottom: 10px;background:url('../images/sub/inq_top.png') no-repeat right top;}
.inq_top p {font-size:20px; color:#555555;}
.inq_top h3 {font-size:20px; color:#555555;}

.filebox {font-size:0;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; width:100px; height:42px; line-height:40px; text-align:center; color: #fff; vertical-align: middle; background-color: #818288; cursor: pointer; border: 1px solid #818288; border-bottom-color: #818288;font-size:14px;}
.filebox .upload-name { display: inline-block;font-size:15px !important; padding:0 10px; width:300px; height:44px; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #fff; border: 1px solid #ededed; border-bottom-color: #ededed;  -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; }


.inq_form {width:100%;border-top:solid 2px #353535;margin-top:25px;margin-bottom:20px;}
.inq_form th,.inq_form td {border-bottom:solid 1px #dddddd;padding:12px 10px;text-align:left;font-weight:400;font-size:15px;}
.inq_form th {color:#454545;}
.inq_form td {color:#777777;}

.inq_form td input[type="text"] {width:100%;border:solid 1px #ededed;font-size:15px;height:44px;padding:0 10px;box-sizing:border-box;vertical-align:top;}
.inq_form td input[type="password"] {width:200px;border:solid 1px #ededed;font-size:15px;height:44px;padding:0 10px;box-sizing:border-box;vertical-align:top;}
.inq_form td select {width:100%;border:solid 1px #ededed;font-size:15px;height:44px;padding:0 10px;vertical-align:top;}
.wd_half {width:300px !important;}

.tel_box input[type="text"] {width:88px !important;}
.tel_box span {display:inline-block;width:15px;height:44px;line-height:44px; text-align:center;}
.tel_box select {width:88px !important;}

.email_box {font-size:0;}
.email_box span {display:inline-block;width:35px;height:44px;line-height:44px; text-align:center;font-size:15px;}
.emailbox_1 {width:130px !important;}
.emailbox_2 {width:180px !important;}
.emailbox_3 {width:130px !important;margin-left:6px;}


.inq_form td textarea {width:100%;height:400px;border:solid 1px #ededed;padding:10px;box-sizing:border-box;}
.inq_form input[type="file"] {width: 100%;}


select { -webkit-appearance: none;-moz-appearance: none; appearance: none; background:#fff url('../images/sub/select_arr.jpg') no-repeat right center;}
select::-ms-expand {display: none;}


.bntbox_center{text-align:center; font-size:0;}
.bntbox_right{text-align:right; font-size:0; position:relative;}
.re_btn{position:absolute; left:0; top:0;}
.btn_st1 {display:inline-block;font-size:14px;width:88px;height:40px;border-radius:5px;cursor:pointer;text-align:center; line-height:38px;box-sizing:border-box;}
.btn_orange {color:#e73b2f;border:solid 1px #e73b2f;background-color:#fff; vertical-align: middle;}
.btn_gray {color:#3c3c3c;border:solid 1px #3c3c3c;background-color:#fff;vertical-align: middle;}
.mgr10 {margin-right:10px;}

.search_area {position:relative;font-size:0; text-align:right;}
.search_area p {position:absolute;font-size:15px; color:#353535;left:0; top:50%;margin-top:-11px;}
.search_area p span {}
.search_area select {width:110px;height:40px;border:solid 1px #dddddd;font-size:15px; color:#353535;vertical-align:top;margin-right:6px;padding:0 10px;}
.search_area input[type="text"] {width:235px; height:40px;border:solid 1px #dddddd;font-size:15px; color:#353535;vertical-align:top;box-sizing:border-box;padding:0 10px;}
.search_area button {width:40px;height:40px;background:#e73b2f url('../images/sub/search_icon.png') no-repeat center;border:none;vertical-align:top;}

.list_form {width:100%;border-top:solid 2px #353535;margin-top:20px;margin-bottom:27px;}
.list_form th,.list_form td {font-size:15px; text-align:center;padding:11px 0;border-bottom:solid 1px #dddddd;}
.list_form th {}
.list_form td {}
.list_form td img {vertical-align:middle;}
.ta_left{text-align:left !important;;}

.list_form td a {position:relative;text-overflow: ellipsis;overflow: hidden;width: auto;display: inline-block;white-space: nowrap;max-width:500px;vertical-align:top;font-weight:500;}

.page_box {font-size:0;text-align:center;}
.page_box a {display:inline-block; width:27px;height:27px;line-height:27px;font-size:15px; color:#353535;border-radius:5px;vertical-align:top;}
.page_box a.on {color:#fff;background-color:#e73b2f;}

.page_box a.page_left1 {background:url('../images/sub/l1.png') no-repeat center;width:18px;margin-right:5px;}
.page_box a.page_left2 {background:url('../images/sub/l2.png') no-repeat center;width:18px;}
.page_box a.page_right1 {background:url('../images/sub/r1.png') no-repeat center;width:18px;margin-left:5px;}
.page_box a.page_right2 {background:url('../images/sub/r2.png') no-repeat center;width:18px;}



.view_form {width:100%;border-top:solid 2px #353535;margin-bottom:20px;margin-top:50px;}
.view_form th,.view_form td {text-align:left;padding:12px 15px;border-bottom:solid 1px #dddddd;}
.view_form th {font-size:14px;background-color:#f5f5f5;padding:16px 15px;}
.view_form th h3 {font-size:20px; font-weight:500;margin-bottom:3px;}
.view_form th > span {font-size:14px; color:#999999;font-weight:400;position:relative;}
.view_form th > span:last-child {margin-left:20px;}
.view_form th > span:after {content:''; display:inline-block;width:1px;height:12px; right:-10px; top:50%;margin-top:-5px;background-color:#999;position:absolute;}
.view_form th > span:last-child:after {display:none;}
.view_form td {font-size:15px;}
.view_form td.view_cont {padding:20px 15px;line-height:24px;height:300px;vertical-align:top;}
.view_form td.file_att{border-bottom:0;}

.view_form td.file_att {padding-bottom:20px;}
td.file_att div{position:relative; padding-left:100px;}
.file_att span{position:absolute; top:0; left:0; background:url('../images/sub/file_att.png') no-repeat left 60%; padding-left:20px; font-size:14px; color:#777777;}
.file_att a {display:block;font-size:14px; color:#777777; position:relative; }
.file_att a strong{font-weight:400;}
.file_att a + a{margin-top:5px;}
.file_att span:after {content:''; display:inline-block; width:1px;height:12px;background-color:#777;position:absolute; right:-15px;top:50%;margin-top:-5px;}


.view_other td{border-top:solid 1px #353535;}
.view_other td:nth-child(1) {padding-left:40px;font-size:14px; color:#333333; font-weight:600;word-break: keep-all;}
.view_prev td:nth-child(1) {background:url('../images/sub/arr_prev.png') no-repeat 15px center;}
.view_next td:nth-child(1) {background:url('../images/sub/arr_next.png') no-repeat 15px center;}
.view_other td:nth-child(2) {position:relative;}
.view_other td span {position:absolute; right:15px; top:50%;font-size:14px; color:#777777;margin-top:-10px;}

.btnbox_side {text-align:right;}
.flt_left {float:left;}

.btn_black {color:#fff;background-color:#3c3c3c;}
.view_next td {border-bottom:solid 1px #353535;}

.write_form {margin-top:50px;}
.write_form th {background-color:#f5f5f5;}

.ans_sc {display:inline-block; width:80px;height:22px; line-height:20px; border:solid 1px #ff8852; color:#ff8852;text-align:center; border-radius:20px;font-size:13px;vertical-align:top;box-sizing:border-box;margin-left:15px;}
.ans_nsc {display:inline-block; width:80px;height:22px; line-height:20px; border:solid 1px #999999; color:#999999;text-align:center; border-radius:20px;font-size:13px;vertical-align:top;box-sizing:border-box;margin-left:15px;}
.scr_img {display:inline-block;vertical-align:top;margin-left:10px;margin-top:-2px;}

.btn_right {text-align:right;margin-bottom:20px;}
.btn_inq {font-size:14px;display:inline-block; width:88px;height:40px; line-height:38px;text-align:center;border-radius:5px;}
.mgb20 {margin-bottom:20px;}
.ml5{margin-left:5px;}

.ans_box {margin-top:55px;margin-bottom:55px;}
.ans_box > h3 {font-size:20px; color:#555555; padding-left:27px;background:url('../images/sub/ans_arr.png') no-repeat left center;margin-bottom:8px;}
.ans_boxcont {border-top:solid 2px #353535; border-bottom:solid 1px #dddddd; background-color:#f5f5f5;padding:20px;box-sizing:border-box;position:relative;}
.ans_boxcont > div {position:absolute; right:20px;top:20px;}
.ans_boxcont > div button {width:44px;height:20px;line-height:18px;font-size:14px;border-radius:3px;}
.ans_boxcont > div button:first-child {border:solid 1px #7e7e7e;color:#7e7e7e;background-color:#fff;}
.ans_boxcont > div button:last-child {border:solid 1px #7e7e7e;color:#fff;background-color:#7e7e7e;margin-left:8px;}
.ans_boxcont h4 {display:inline-block;font-size:12px; color:#e73b2f;border:solid 1px #e73b2f; border-radius:3px;padding:0 10px;background-color:#fff;margin-bottom:15px;}
.ans_boxcont p {font-size:15px; color:#454545;margin-bottom:30px;}
.ans_boxcont span {font-size:15px; color:#999999;margin-right:25px;display:inline-block;}
.ans_boxcont span.ans_date {position:relative;}
.ans_boxcont span.ans_date:after {content:'';display:inline-block; width:1px;height:12px;background-color:#999999;position:absolute; right:-15px; top:50%;margin-top:-6px;}


.ans_box2 {margin-bottom:20px;}
.ans_box2 > h3 {font-size:16px; color:#222222;margin-bottom:9px;font-weight:500;}

.ans_boxcont2 {font-size:0;border:solid 1px #dddddd; padding:20px;box-sizing:border-box;}
.ans_boxcont2 textarea {display:inline-block; width:89.3%;height:85px;padding:10px;box-sizing:border-box;border:solid 1px #dddddd;}
.ans_boxcont2 button {display:inline-block; width:10.7%;height:85px;vertical-align:top;border:none;background-color:#dddddd; color:#555555;}

.view_form td.file_att_ans {border-bottom:solid 1px #ddd;}


.cer_list {font-size:0; margin:0 -7px;padding-bottom:35px; border-bottom:solid 1px #dddddd;margin-bottom:30px;}
.cer_list2 {padding-top:40px;margin-bottom:30px;}
.cer_list li {display:inline-block; padding:10px 7px;width:25%;box-sizing:border-box;vertical-align:top;}
.cer_list li > div {text-align:center;cursor:pointer;}
/* .cer_list li > div div {height:315px;overflow:hidden;} */
.cer_list li > div div img {width:100%;}
.cer_list li > div p {font-size:15px; color:#222222;margin-top:12px;}
.cer_list li > div p > a {display:block;}
.certi_box {margin-bottom:120px;}

.prd_intro {background-color:#f5f5f5; padding:20px;box-sizing:border-box;}
.prd_intro ul {font-size:0;margin:0 -10px;margin-bottom:-20px;}
.prd_intro ul li {display:inline-block; width:50%; box-sizing:border-box;padding:0 10px;vertical-align:top;margin-bottom:20px;}
.prd_intro ul li > div {text-align:center;padding-top:40px;box-sizing:border-box;height:255px;background-color:#fff;}
.prd_intro ul li > div img {margin-bottom:12px;}
.prd_intro ul li > div p {font-size:18px; color:#353535;margin-bottom:22px;}
.prd_intro ul li > div a {font-size:14px; display:inline-block;width:138px; height:44px;line-height:44px;text-align:left;background:#393f4b url('../images/sub/btn_arr.png') no-repeat 88% center;color:#fff;padding:0 15px;box-sizing:border-box;}
.prd_intro ul li > div a:hover{background:#e73b2f url('../images/sub/btn_arr.png') no-repeat 88% center;}


.prd_btnbox {text-align:center;border-top:solid 1px #999999;margin-top:40px;padding-top:30px;}
.prd_btnbox a {display:inline-block;width:190px;height:54px;line-height:54px;text-align:center; color:#fff;background-color:#e73b2f;border-radius:5px;font-size:18px;}
.prd_btnbox a strong {}

.top_prd_tab {font-size:0; margin-bottom:40px;}
.top_prd_tab li {display:inline-block; width:50%;overflow:hidden;}
.top_prd_tab li a {display:block; width:100%; height:43px; line-height:43px; text-align:center; color:#999999;border:solid 1px #cccccc;font-size:18px; font-weight:500;box-sizing:border-box; background: linear-gradient( to bottom, #e0e0e0 , #fff);}
.top_prd_tab li:hover a{color:#111;}
.top_prd_tab li.on a {background: linear-gradient( to bottom, #636363 , #111); color:#fff; border:solid 1px #2b2e37;}

.product_tab_wrap{position:relative; }
.prd_tab{padding-top:50px;}
.prd_tab > li > a {display:block; width:180px; height:50px; line-height:50px;text-align:center; color:#999999;border:solid 1px #cccccc;font-size:16px; font-weight:500;box-sizing:border-box; position:absolute; left:0; top:0; background: linear-gradient( to bottom, #e0e0e0 , #fff); border-bottom:0;}
.prd_tab > li + li > a{left:179px;}
.prd_tab > li + li + li > a{left:358px;}
.prd_tab > li.on > a {background: linear-gradient( to bottom, #636363 , #111); color:#fff;border:solid 1px #2b2e37;}
.prd_tab > li:hover > a{color:#111;}
.prd_tab > li.on:hover > a{color:#fff}
.product_img_wrap{opacity:0; z-index:-2; position:relative; height:0; overflow:hidden;}
.prd_tab li.on .product_img_wrap{opacity:1; z-index:1; height:auto;}

.product_gallery li{ padding:70px 0; box-sizing:border-box; border:7px solid #f3f3ff;}
.product_gallery li + li{margin-top:30px;}
.product_gallery img{display:block; margin:0 auto;;}

.product_gallery_title{position:relative; font-size:20px; font-weight:500; padding-left:20px; color:#252525;}
.product_gallery_title:before{background:url('../images/sub/product_title_bullet.gif') left center no-repeat; display:block; content:''; width:13px; height:13px; position:absolute; left:0; top:8px;}
.product_gallery2{font-size:0; margin:0 -20px; margin-top:20px;}
.product_gallery2 li{font-size:16px; display:inline-block; zoom:1; *display:inline; width:50%; padding:0 20px; box-sizing:border-box;}
.product_gallery2 li img{display:block; margin:0 auto; max-width:100%;}
.product_gallery2 li > div{ border:7px solid #f3f3ff; box-sizing:border-box;}

.product_do_wrap{border:1px solid #ddd; padding:20px; margin-top:30px; position:relative;}
.product_do_wrap h3{position: absolute;top: 20px;left: 20px;font-size: 20px;font-weight: 500; padding-left: 20px;color: #252525;}
.product_do_wrap h3:before {background: url(../images/sub/product_title_bullet.gif) left center no-repeat;display: block;content: '';width: 13px;height: 13px;position: absolute;left: 0;top: 8px;}
.product_do{font-size:0; margin:0 -5px; padding-top:15px;}
.product_do li{display:inline-block; zoom:1; *display:inline; padding:0 5px; box-sizing:border-box; width:50%; margin-top:25px;}
.product_do li img{display:block; margin:0 auto; }
.product_do li > div{ border:1px solid #ddd; box-sizing:border-box; position:relative;overflow:hidden;}
.product_do span{position:absolute; left:10px; top:10px; font-size:14px; color:#252525;}

/* 20200715 */
.case_wrap {min-height: 360px;}

.plus{transition:1.5s; }
.plus:hover{transform:rotate(360deg);}
.com{opacity:0;}
.product_content h3{font-size:23px; font-weight:500; color:#252525; border-bottom:1px solid #ddd; line-height:23px; padding-bottom:15px;}
.product_content div{padding-top:20px; font-size:15px;word-break:keep-all;line-height:25px;}
.product_content div strong {color: #252525;font-size:16px;display:block;margin-bottom:10px; font-weight:400;}
.product_content ul {padding-top: 20px;box-sizing:border-box;}
.product_content ul li {font-size: 15px; padding-left: 20px; box-sizing:border-box;position:relative;margin-bottom: 5px;}
.product_content ul li:last-child {margin-bottom: 0;}
.product_content ul li::before {content:'';position:absolute;display:inline-block;width:5px;height:5px;top:9px;left:0;background: #d00000; border-radius:50%;}

.mm_text {size: 12px; color: #aaa;}
.component_list > li {padding-left: 15px;position:relative;}
.component_list > li::before {content:'';position:absolute;top:10px;left:0;display:inline-block;width:5px;height:5px;border-radius: 50%; background: #252525;}
.component_list > li > ul > li {position:relative;padding-left: 15px;box-sizing:border-box;}
.component_list > li > ul > li::before {content:'-';position:absolute;display:inline-block;font-size:13px;color:#252525;left:0;top:2px;}
.component_list > li > ul > li > span {float:left;vertical-align:top;margin-right: 5px;}
.component_list > li > ul > li > div {overflow:hidden;}

.product_img{position:relative; padding-top:85%; border:1px solid #ddd;}
.product_img.plan {padding-top: 62%;overflow:hidden;}
.product_img.plan h3 {z-index: 9;}
.product_img.plan img {top: 80px;}
.product_img > div{}
.product_img > div > img{width:100%; position:absolute; top:0; left:0; transition-duration:0.5s;}
.product_img h3{position:absolute; top:20px; left:20px; font-size:20px; font-weight:500; padding-left:20px; color:#252525;}
.product_img h3:before{background:url('../images/sub/product_title_bullet.gif') left center no-repeat; display:block; content:''; width:13px; height:13px; position:absolute; left:0; top:8px;}
.black1-1_img{opacity:1;}
.product_img a{position:absolute; z-index:100; width:15px; height:15px; background:url('../images/sub/product_btn.png') center center no-repeat; opacity:1;
-webkit-animation: AnimationName 3s ease infinite;
-moz-animation: AnimationName 3s ease infinite;
animation: AnimationName 3s ease infinite;}
@-webkit-keyframes AnimationName {
0% {opacity: 1;}
50% {opacity: 0.4;}
100% {opacity: 1;}
}
.hover_img{opacity:0;}
/*.black1-1-1{left:251px; top:455px;}
.black1-1-2{left:650px; top:133px;}
.black1-2-1{left:292px; top:573px;}
.black1-3-1{left:529px; top:126px;}
.black1-3-2{left:591px; top:228px;}
.black1-3-3{left:397px; top:285px;}
.black1-3-4{left:441px; top:470px;}
.black1-4-1{left:451px; top:225px;}
.black1-4-2{left:559px; top:289px;}

/*
.black1-1-1{left:50%; top:455px;}
.black1-1-2{left:50%; margin-left:189px; top:133px;}
.black1-2-1{left:50%; top:573px;}
.black1-3-1{left:50%; margin-left:63px; top:126px;}
.black1-3-2{left:50%; margin-left:127px; top:228px;}
.black1-3-3{left:50%; top:285px;}
.black1-3-4{left:50%; top:470px;}
.black1-4-1{left:50%; margin-left:-14px; top:225px;}
.black1-4-2{left:50%; margin-left:87px; top:289px;}
*/

.single1-1-1{left:617px; top:110px;}
.single1-2-1{left:517px; top:205px;}
.single1-2-2{left:282px; top:425px;}
.single1-3-1{left:457px; top:268px;}
.single1-4-1{left:210px; top:573px;}

.pro_img_hover{opacity:0; position:absolute; top:60px; left:60px; transition-duration:0.5s; }
.pro_img_hover.style2{top:auto; left:auto; bottom:60px; right:60px;}
.pro_img_hover img{font-size:15px; display:block;}
.detail_img{ border:2px solid #e63b2e; padding:20px; background:#fff; border-radius:50%;}
.pro_content_img1 .detail_line{top: 258px; left: -17px;}
.pro_content_img2 .detail_line{top: 270px; left: 14px;}
.pro_content_img3 .detail_line{left: 280px; top: 77px;}
.pro_content_img4 .detail_line{left: 280px; top: 138px;}

.pro_content_img1 .detail_line2{top: 253px; left: 16px;}
.pro_content_img2 .detail_line2{top: 253px; left: -16px;}
.pro_content_img3 .detail_line2{left: 250px; top: 225px;}
.pro_content_img4 .detail_line2{left: 270px; top: 56px;}

.pro_content_img1 .s_detail_line{top: 57px; left: 279px;}
.pro_content_img2 .s_detail_line{top: 261px; left: 7px;}
.pro_content_img3 .s_detail_line{left: 280px; top: 139px;}
.pro_content_img4 .s_detail_line{top: 271px; left: 22px;}

.pro_content_img1 .s_detail_line2{top: 58px; left: 277px;}
.pro_content_img2 .s_detail_line2{top: 261px; left: 215px;}
.pro_content_img3 .s_detail_line2{left: -5px; top: 264px;}
.pro_content_img4 .s_detail_line2{top: 269px; left: 25px;}

.detail_line, .detail_line2, .s_detail_line, .s_detail_line2{position:absolute;}
.pro_img_hover div{text-align:center; font-size:16px; padding-top:5px;}
.product_img_p{font-size:16px; position:absolute; bottom:20px; right:20px;}


.prd_vd {position:relative;cursor:pointer;}
.prd_view_img {display:block;}
.vd_play {position:absolute; left:50%;top:50%;margin-left:-28px;margin-top:-28px;}


.view_cont {margin-top:40px;}
.view_cont img {display:block;}
.mgt20 {margin-top:20px;}


.detmark {position:fixed;left:0; top:0; width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:none;z-index: 9999;}
.detwrap {position:absolute; width:500px; left:50%;margin-left:-250px;top:50%;margin-top:-405px;}
.detwrap > img {width:100%;}
.detwrap .det_closebtn {float:right;margin-bottom:0;background:none; border:none; font-size:40px;font-weight:500;color:#fff;cursor:pointer;}
.detwrap .det_closebtn:focus {outline:none;}
.detwrap p {font-size:18px; color:#fff;text-align:center;margin-top:5px;}

.table_scroll {margin-bottom: 60px;}
.view_cont table {width:100%;border-top:solid 3px #2b2e37;min-width: 525px;}
.view_cont table th,.view_cont table td {font-size:16px;text-align:left;border-bottom:solid 1px #e2e2e2;padding:15px 20px;}
.view_cont table th {color:#333;font-weight:500;background-color:#f4f4f5;border-right: 1px solid #f4f4f5;text-align: center;word-break: keep-all;}
.view_cont table td {color:#454545; border-right: 1px solid #f4f4f5;}
.view_cont table td:last-child {border-right: 0;}

.view_cont.no-scr table {min-width:auto;}

.inq_quick {top:350px;}

/*회사소개*/
.company_top{position:relative;}
.company_top_img{height:390px; overflow:hidden;}
.company_top > div{display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.company_top_txt{padding:0 60px; opacity:0;}
.company_top_txt > div{background:#fff; font-size:24px; line-height:34px; color:#333; padding:40px 20px 0; box-sizing:border-box; font-weight:250; animation-delay:0.3; word-break:keep-all; text-align:center; position:relative; margin-top:-80px;}
.company_top_txt > div:before{display:block; content:''; background:#fff; width:20px; height:3px; margin:0 auto; border-radius:3px; transform: rotate( -45deg ); background:#e73b2f; margin-bottom:20px;}
.company_top_txt:after{display:block; content:''; width:259px; height:226px; position:absolute; bottom:0; right:0;}
.company_top_txt p{color:#111; font-size:16px; line-height:26px; font-weight:300;}

.compay_slogun{white-space: nowrap;line-height: 1;}
.compay_slogun > img {display: inline-block; animation-duration: 15s; margin:0 60px;
	-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;animation-timing-function: linear;
	-webkit-animation-name: section3_ani;
	animation-name: section3_ani;}
@-webkit-keyframes section3_ani {
    from {-webkit-transform: translateX(0%);transform: translateX(0%);}
    to {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}
@keyframes section3_ani {
    from {-webkit-transform: translateX(0%);transform: translateX(0%);}
    to {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
}

.company_bottom{color:#111; font-size:18px; font-weight:300; line-height:32px; position:relative;}
.company_bottom:before{display:block; content:''; width:1px; height:64px; background:#aaa; position:absolute; top:0; left:0;}
.company_bottom p:last-child{margin-top:20px;}

.root_daum_roughmap{width:100% !important; height:490px !important;}

.location_ul{border:1px solid #ededed; padding:40px 0;}
.location_ul li{display:inline-block; zoom:1; *display:inline; width:33.3333%; vertical-align:middle; text-align:center; color:#333; font-size:23px; font-weight:300; position:relative;}
.location_ul img{display:block; margin:0 auto;}
.location_ul li a{color:#333;}
.location_ul li + li:before{display:block; content:''; position:absolute; left:0; height:40px; top:10px; background:#cecece; width:1px;}
.location_txt{color:#333; font-size:26px; font-weight:500; line-height:26px; margin-top:35px; position:relative;}
.location_txt:after{display:block; content:''; width:35px; height:3px;  background: linear-gradient( to right, #ff8533 , #f64537); margin-top:20px;}
.location_ul li img { transition: all 0.4s ease;  }
.location_ul li:hover img { transform: rotateY(360deg); }



/* 시공사례 */
.mb40 {margin-bottom: 40px;}
.case_list {font-size:0;margin: 0 -15px;}
.case_box {display:inline-block;width:33.3333%;vertical-align:top;padding: 0 15px;box-sizing: border-box;margin-bottom:30px; }
.case_box .img {overflow:hidden;}
.case_box .img img {transition: all 0.5s ease; max-width:100%;}
.case_box:hover .img img {transform: scale(1.1);}
.case_box .text_box {padding: 20px; box-sizing: border-box;border: 1px solid #ddd;box-sizing: border-box;}
.case_box .text_box > span {font-size:13px;font-weight:300;color:#999;line-height: 1;margin-bottom: 10px;display: block;}
.case_box .text_box > h4 {font-weight: 500;font-size: 18px;color:#333;line-height: 1;margin-bottom: 20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.case_view {display:block;width:100%;height:35px;text-align: center;line-height: 35px;font-size: 13px;color:#fff;font-weight:300;color:#757575; border:1px solid #ddd; transition:all 0.5s ease; border-radius:5px; }
.case_view:hover {background: #e73b2f; color:#fff; border:1px solid #e73b2f;}

.layer_wrap {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: 9999;height:0;overflow:hidden;opacity:0;}
.layer_wrap.on {height: 100%;overflow:visible;opacity:1;}
.layer_table {display:table;width:100%;height:100%;}
.layer_tableCell {display:table-cell;vertical-align: middle; text-align:center;}
.layer_tableCell > div {text-align: center;font-size: 0;}
.layer_container {position:relative;display:inline-block;width:600px; font-size: 0;}
.layer_container .case_img img {width: 100%;}
.btn_closeLayer {position: absolute; top:-50px;right:0;display:inline-block;width:39px;height:39px;background:url('../images/sub/quit.png')no-repeat;}
.swiper-button-prev.layer_prev {width:60px !important;height:60px !important;background:url('../images/sub/layer_prev.png')no-repeat !important;margin-top:-60px;}
.swiper-button-next.layer_next {width:60px !important;height:60px !important;background:url('../images/sub/layer_next.png')no-repeat !important;margin-top:-60px;}
.swiper-button-prev.layer_prev::after {display: none;}
.swiper-button-next.layer_next::after {display: none;}
.case_title {font-size:0;background:#353740;}
.case_title p {padding: 24px 0; padding-left: 23px; box-sizing: border-box;font-size:18px;font-weight: 500;color:#fff;text-align: left;line-height: 1;}


.pravicy_wrap{word-break:keep-all; font-size:15px;}
.pravicy_wrap h3{font-size:17px; font-weight:500; margin-top:40px; position:relative; padding-left:25px; color:#353535;}
.pravicy_wrap h3 span{position:absolute; left:0; top:0;}
.pravicy_wrap h3:first-child{margin-top:0;}
.pravicy_wrap h4{font-weight:400; padding-left:25px; margin-top:10px;}
.pravicy_wrap p{margin-top:10px; padding-left:25px; color:#454545;}
.pravicy_wrap h4 + p{margin-top:0;}
.pravicy_wrap ul{padding-left:25px; color:#454545;}
.pravicy_wrap li{padding-left:24px; position:relative; margin-top:10px;}
.pravicy_wrap li span{position:absolute; left:0; top:0;}
.pravicy_wrap strong{font-weight:400; color:#bf1e2e; display:block;}
.mt10{margin-top:10px;}
.pravicy_title{padding-top:160px;}
/* //시공사례 */
.mob_lnb {display:none;}
.lock_mob {display:none;}
.inq_top h3 br {display:none;}
.mob_megaphone {display:none;width:18px;height:17px;}

.dp_pc{display:block !important;}
.dp_mobile{display:none !important;}

.red_text { color: #e73b2f;}

.inquiry_div{min-height:250px;}
.mob_on {display:none;}

.img_size{font-size:13px; color:#454545; padding-top:5px; color:#ff4e41;}


/* product_plan */
.product_plan {text-align:center;position:relative;font-size:0;padding-top:initial;border: 1px solid #ddd; height: 480px; margin-top: 40px;padding-top: 50px;}
.product_plan > h3 {position: absolute;top: 20px;left: 20px;font-size: 20px;font-weight: 500; padding-left: 20px;color: #252525;}
.product_plan h3:before {background: url(../images/sub/product_title_bullet.gif) left center no-repeat;display: block;content: '';width: 13px;height: 13px;position: absolute;left: 0;top: 8px;}
.product_plan > div {position:relative;top:0;height:100%;font-size: 0;width:100%;}
.product_plan > div > div {vertical-align: top;}
.product_plan img{max-width:100%;}
.plan_img {position:relative;display:inline-block;width:55%;}
.part_list { padding:20px;}
.part_list > div {}
.part_list ul {box-sizing: border-box; vertical-align: middle; font-size:0;}
.part_list ul li {position:relative;font-size: 15px;font-weight: 300;color: #252525;padding-left:30px;box-sizing: border-box;margin-bottom: 15px; display:inline-block; zoom:1; *display:inline; margin-right:30px;}
.part_list ul li:last-child {margin-bottom: 0;}
.part_list ul li:before {position:absolute;content:'';display:inline-block;background:#ff4e41;border-radius: 50%;width:20px;height:20px;text-align: center; color:#fff;font-weight: 400;font-size: 13px;line-height: 20px;left:0;top:1px;}
.part_list ul li:first-child::before {content:'1';}
.part_list ul li:nth-child(2)::before {content:'2';}
.part_list ul li:nth-child(3)::before {content:'3';}
.part_list ul li:nth-child(4)::before {content:'4';}
.part_list ul li:nth-child(5)::before {content:'5';}
.part_list ul li:nth-child(6)::before {content:'6';}
.part_list ul li:nth-child(7)::before {content:'7';}
.part_list ul li:nth-child(8)::before {content:'8';}
.part_list ul li:nth-child(9) {content:'9';}

.plan_img img {position:absolute;left:0;top:0;width:100%;}
.plan_img img.plan_back {position:initial;}
.plan_img img.p_line01 {animation:line01 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line01 {0%{opacity:1;}80%{opacity:1;}100%{top:100px;opacity:0;}}
.plan_img img.p_line02 {animation:line02 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line02 {0%{opacity:1;}80%{opacity:1;}100%{top:20px;opacity:0;}}
.plan_img img.p_line03 {left:inherit;right:0;animation:line03 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line03 {0%{opacity:1;}80%{opacity:1;}100%{top:10px;right:20px;opacity:0;}}
.plan_img img.p_line04 {left:inherit;right:0;animation:line04 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line04 {0%{opacity:1;}80%{opacity:1;}100%{top:20px;opacity:0;}}
.plan_img img.p_line05_1 {left:inherit;right:0;animation:line05_1 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line05_1 {0%{opacity:1;}80%{opacity:1;}100%{top:15px;right:30px;opacity:0;}}
.plan_img img.p_line05_2 {right:inherit;animation:line05_2 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line05_2 {0%{opacity:1;}80%{opacity:1;}100%{top:-15px;left:30px;opacity:0;}}
.plan_img img.p_line78 {left:inherit;right:0;animation:line78 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line78 {0%{opacity:1;}80%{opacity:1;}100%{top:20px;opacity:0;}}
/* //product_plan */

.drag_ann {display: none;padding: 14px;box-sizing: border-box;text-align: center;background: #ededed;margin-bottom: 10px;}
.drag_ann span {font-size: 13px;color: #777;font-weight:400;padding-left: 40px;position:relative;box-sizing:border-box;}
.drag_ann span::before {content: '';position: absolute;top: -5px;left: 0;display: inline-block;width: 25px;height: 26px; background: url(../images/sub/icon_drag.png)no-repeat;background-size: 100%;}




@media screen and (max-width: 1024px){
	.mob_lnb {display: block; background: #e63b2e;}
	.lnb_wrap {display:table;}
	.lnb_home{display: inline-block;;width: 80px; height:70px;background: url('../images/sub/home.png') center no-repeat;font-size: 0;vertical-align: top;}
	.lnb_dep01 {position: relative; display: table-cell; width: 100%; vertical-align: middle;}
	.lnb_home {position:relative;display: block; height: 70px; line-height: 70px; color: #fff; font-size: 0px;}
	.lnb_home::after {content:'';position:absolute;top:14px;right:0;display:inline-block;width:1px;height:40px;background: rgba(255,255,255,0.2);}
	.lnb_dep01 > a {position: relative;display:block;height:70px;font-size:18px;color:#fff;padding-left: 20px;line-height: 70px;}
	.lnb_dep01 > a::after {content:'';display:inline-block;width:26px;height:14px;position:absolute;top:27px;right:30px;background:url('../images/sub/lnb_arrow.png')no-repeat;}
	.lnb_dep01 > ul {display: none;position: absolute;width: 100%;top: 70px;border: 1px solid #ddd;border-top: 0;border-bottom:0;z-index: 9;background: #fff;}
	.lnb_dep01 > ul > li {border-bottom: 1px solid #ddd;}
	.lnb_dep01 > ul > li > a {display: block; line-height: 60px;color:#222;padding-left:20px;box-sizing:border-box;font-size:18px; }
	.lnb_box.on {left:auto;margin-left:auto;position:static;width:100%;}
.lnb_box{position:relative; width:auto; margin-right:0; padding-left:80px; top:auto; left:auto;}

.lnb_box > div{display:none;}
.lnb_box ul{display:none; position:absolute; left:80px; top:70px; right:0; z-index:9999;}
.sub_cont{padding:40px 30px 0; box-sizing: border-box;}
.lnb_box > ul li.on a{background-image:none;}
.mob_on {display:block; font-size:14px;}
.mob_home{width: 80px; height: 70px; background:#e63b2e url(../images/sub/home.png) center no-repeat; font-size: 0; vertical-align: top; position:absolute; left:0; top:0;}
.mob_home:after {content:'';position:absolute;top:14px;right:0;display:inline-block;width:1px;height:40px;background: rgba(255,255,255,0.2);}
.lnb_title{position: relative; display: block; height: 70px; font-size: 18px; color: #fff; padding-left: 20px; line-height: 70px; background:#e63b2e;}
.lnb_title:after {content:'';display:inline-block;width:26px;height:14px;position:absolute;top:27px;right:30px;background:url('../images/sub/lnb_arrow.png')no-repeat;}


.sub_wrap {width: 100%;padding-left:0;padding:0;box-sizing:border-box;margin-bottom: 70px; margin-top:0;}
.sub_cont {width: 100%;}


/* 회사소개 */
.company_top_img {width: 100%; height: auto;}
.company_top_img img {width: 100%;}
/* //회사소개 */

/* 제품소개 */
.black1-3-1 {left: 52vw;top: 13vw;}
/* //제품소개 */

/* 온라인상담 */
.list_form td a {max-width: 43vw;}
/* //온라인상담 */

.top_quick.on {margin-left:auto;left:auto;right:40px;}
.p_guide {display:none;}
.product_do_wrap h3, .product_plan > h3, .product_img h3{top:15px; left:15px; font-size:17px; padding-left:16px;}
.product_do_wrap h3:before, .product_plan > h3:before, .product_img h3:before{width:9px; height:9px; background-size:100%; top:9px}
.part_list {display:inline-block;width:45%;}
.part_list ul li{display:block; margin-right:0; font-size:14px; padding-left:25px; margin-bottom:10px;}
.part_list ul li:before{font-size:12px; width:18px; height:18px; line-height:18px; letter-spacing:0px;}
.plan_img img.p_line01 {animation:line01 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line01 {0%{opacity:1;}80%{opacity:1;}100%{top:10vw;opacity:0;}}
.plan_img img.p_line02 {animation:line02 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line02 {0%{opacity:1;}80%{opacity:1;}100%{top:2vw;opacity:0;}}
.plan_img img.p_line03 {left:inherit;right:0;animation:line03 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line03 {0%{opacity:1;}80%{opacity:1;}100%{top:1.5vw;right:3vw;opacity:0;}}
.plan_img img.p_line04 {left:inherit;right:0;animation:line04 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line04 {0%{opacity:1;}80%{opacity:1;}100%{top:2vw;opacity:0;}}
.plan_img img.p_line05_1 {left:inherit;right:0;animation:line05_1 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line05_1 {0%{opacity:1;}80%{opacity:1;}100%{top:1.5vw;right:3vw;opacity:0;}}
.plan_img img.p_line05_2 {right:inherit;animation:line05_2 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line05_2 {0%{opacity:1;}80%{opacity:1;}100%{top:-1.5vw;left:3vw;opacity:0;}}
.plan_img img.p_line78 {left:inherit;right:0;animation:line78 1.2s infinite ease-out; animation-fill-mode:forwards;}
@keyframes line78 {0%{opacity:1;}80%{opacity:1;}100%{top:2vw;opacity:0;}}
}



@media screen and (max-width: 860px){
.sub_vi {height: 250px;}
.sub_vi h1 {position:relative;font-size: 35px; line-height: 35px;}
.sub_vi h1::before {content:'';position:absolute;top:70px;left:50%;transform:translateX(-50%);display:inline-block;width:45px;height:1px;background:#fff;}
.sub_vi h1 span {font-size: 14px;}

.breadclum {display: none;}
.subtitle_area {margin-bottom: 20px;border-bottom:0;}
.subtitle_area > h3 {text-align: center;}

/* 회사소개 */
.company_top_img {width:100%;height:auto;}
.company_top_img img {width: 100%;}
.company_top_txt {padding-left:0;}
.company_top_txt p {text-align: left;width: 111%;}
.company_top_txt p br {display: none; }
.company_top_txt > div {padding-left:0;margin-top: -30px;}
.company_top_txt > div:before {margin-left: inherit;}
.company_top_txt > div > div {text-align: left;font-size: 20px;line-height: 30px;}
.red_text {color:#e73b2f;}
/* .company_top_txt > div > div br {display: none;} */
/* //회사소개 */

/* 인증사항 */
.cer_list li > div div img {margin: 0 auto;}
/* //인증사항 */

/* 찾아오시는길 */
.root_daum_roughmap_landing {height:50vw !important;}
.root_daum_roughmap .wrap_map {height: calc(50vw - 2px) !important;}
.location_txt {font-size: 22px;}
.location_txt:after {margin-top: 15px;}
/* //찾아오시는길 */

/* 시공사례 */
.case_box {width: 50%;}
.case_box .text_box > h4 {font-size: 16px;width: 100%; }
/* //시공사례 */

/* 제품소개 */
.prd_vd iframe {height: 46.2vw !important;}
.view_cont table th, .view_cont table td {padding: 10px 20px; font-size: 12px;}
.product_content h3 {font-size: 20px;}
.product_content div strong {font-size: 15px;}
.product_content div {font-size: 14px;}
.product_gallery_title {font-size: 18px;}
.product_gallery li {padding: 50px 0;}
.product_gallery img {width: 76%;}
.product_content ul li {font-size: 14px; margin-bottom:5px;}
/* //제품소개 */


/* 제품문의 */
.inq_top{padding-bottom:15px;}
.inq_top p {font-size: 18px;}
.inq_top h3 {font-size: 18px;}
.purpose_wrap > p{font-size: 16px;}
.purpose p {font-size: 13px;}
.inq_form th, .inq_form td{font-size: 14px;}
.inq_form td input[type="text"]{font-size: 13px;}
/* //제품문의 */

/* 온라인상담 */
.list_form th, .list_form td {word-break:keep-all;}
/* //온라인상담 */

.top_quick.footer_fixed {}
.top_quick.on {margin-left:auto;left:auto;right:15px;}

.product_plan {height: 420px;}
}


@media screen and (max-width: 640px){ 
.product_plan {padding-top: 30px;}
.drag_ann {display:block;}
.table_scroll {overflow-x:scroll; margin-bottom: 30px;}
.write_form {margin-top: 30px;}
.certi_box {margin-bottom: 30px;}
.dp_pc{display:none !important;}
.dp_mobile{display:block !important;}
.mobile_product{left:20% !important;}
.page_box.mt40.mb40{margin-top:0; margin-bottom:0}
.mob_megaphone {display:inline-block;margin-right:7px;}
.sub_vi {height: 180px;background-size: cover !important;background-attachment: inherit !important;}
.sub_vi h1 {font-size: 30px;line-height: 25px;}
.sub_vi h1::before {top: 60px;width: 35px;}
.sub_vi h1 span {font-size: 12px;}
.lnb_box{padding-left:50px;}
.mob_home {width:60px;height:50px;background-size: 15px 13px;}
.mob_home::after {height:30px;top:9px; z-index:1;}
.lnb_title{line-height: 50px;height:50px;font-size: 15px;}
.lnb_dep01 > ul {top: 50px;}
.lnb_dep01 > ul > li > a {line-height: 40px;font-size: 15px;}
.lnb_title::after {width:18px;height:9px;background-size:100%;top:20px;right: 20px; z-iindex:1;}
.lnb_box ul{top:50px; left:60px;}
.lnb_box > ul li a{line-height: 40px; font-size: 15px; box-sizing:border-box; padding:0 14px;}
.sub_wrap {padding: 0;}
.subtitle_area {margin-bottom: 10px;border-bottom:0;}
.page_box a {width: 25px;height:25px;font-size:13px;line-height: 25px;}
.sub_cont{padding:30px 15px 0;box-sizing:border-box;}
/* 회사소개 */
.company_top > div {padding-right: 30px; }
.company_top > .company_top_img{padding-right:0;}
.company_top_txt > div > div {font-size:  20px;line-height: 30px;}
.subtitle_area > h3 {font-size: 20px;}
.company_top_txt p {font-size: 14px;line-height: 24px; word-break:keep-all;}
.company_first_p {margin-top:20px;}
/* //회사소개 */

/* 인증사항 */
.cer_list li {width: 50%;margin-bottom: 20px;}
.cer_list {padding-top: 10px; padding-bottom: 0;margin-bottom: 20px;}
.cer_list2 {padding-top: 10px; padding-bottom: 0;margin-bottom: 20px;}
.cer_list li > div p {font-size: 14px;}
.detwrap {width: 100%;padding: 0 30px;box-sizing:border-box;left:auto;margin-left:inherit;margin-top:-80vw;}
/* //인증사항 */

/* 찾아오시는길 */
.location_txt {font-size: 18px;}
.location_txt:after {margin-top: 10px;}
.location_ul {padding: 0 15px;}
.location_ul li {display:block;width: 100%;font-size: 18px;border-bottom: 1px solid #ededed;}
.location_ul li:last-child {border-bottom: 0;}
.location_ul li + li:before {display: none;}
.location_ul li img {width: 18px; height: 18px;}
.location_ul li > div {padding: 25px 0 ; box-sizing: border-box; }
/* //찾아오시는길 */

/* 시공사례 */
.layer_container {width: calc(100vw - 30px); height: auto;}
.case_img img {width: 100%;}
.btn_closeLayer {width:30px;height:30px;background-size:100%;top:-40px;}
.swiper-button-prev.layer_prev {width:30px !important;height: 30px !important;background-size: 100% !important;margin-top: -20px;}
.swiper-button-next.layer_next {width: 30px !important; height: 30px !important;background-size: 100% !important;margin-top: -20px;}
.case_title p {padding: 18px 20px; font-size: 14px;}
.case_box .text_box {padding: 15px;}
/* //시공사례 */

/* 제품소개 */
.prd_tab{padding-top:40px;}
.prd_tab > li > a {width:33.3333%;font-size: 14px; height:40px; line-height:40px;}
.prd_tab > li + li > a {left: 33.3333%;}
.prd_tab > li + li +li > a {left: 66.6666%;}
.prd_tab.mt60 {margin-top: 30px !important;}
.product_img_p {right: auto;left:15px; bottom:15px; font-size: 12px; word-break:keep-all;}
.com{opacity:1;width:30px;}
.prd_btnbox a{width: 160px; height: 40px;line-height: 40px;font-size: 14px;}
.prd_btnbox.mgt20 {padding-top: 15px;}
.product_gallery_title {font-size: 16px;}
.product_gallery2 {margin:0; margin-top: 10px;}
.product_gallery2 li {padding: 0 10px;}
.product_gallery li {padding: 30px 0;}
.product_gallery_title{padding-left: 15px;}
.product_gallery_title:before {width:10px;height:10px;background-size: 100%;}
.part_box.mt40 {margin-top:20px;}

.product_img > div > .product_img_v, .product_img > div > .dp_mobile, .product_img > div > .hover_img{left:15%;}
.product_img > div > .silver_coloc{left:0;}
.pro_img_hover {left:20px; top:20px;}
.pro_img_hover img{width:100%;}
.view_cont .detail_line, .view_cont .detail_line2, .view_cont .s_detail_line, .view_cont .s_detail_line2{display:none;}
.pro_img_hover{width:35%; }
.pro_img_hover div{font-size:14px;}
.detail_img{padding:0;}
.product_img.plan img {top: 30px;}
/* //제품소개 */

/* 제품문의 */
.inq_top {background-position:top center;padding-top: 110px;}
.inq_top p {text-align: center;font-size: 16px;word-break: keep-all;}
.inq_top h3 {text-align: center;font-size: 16px;word-break: keep-all;}
.purpose_wrap {margin-top: 15px;padding:15px;}
.purpose_wrap > p {font-size: 14px;}
.inq_form th {word-break:keep-all;}
.inq_form th.th_bc {background: #f5f5f5; letter-spacing:-1px; padding:6px;}
.wd_half {width: 100% !important;}
.inq_form td {font-size: 0;}
.inq_form td select {font-size: 13px;}
.tel_box select {width: 30% !important;}
.tel_box input[type="text"] {width: 30% !important;}
.tel_box span{font-size: 8px;width:5%;}
.email_box span {width: 10%;}
.emailbox_1 {width: 33% !important;}
.emailbox_2 {width: 57% !important;}
.emailbox_3 {margin-left:0; width:100% !important;margin-top: 10px;}
.filebox .upload-name {width: 65%;}
.filebox label {width: 35%; max-width:100px; box-sizing: border-box; font-size: 13px;}
.case_box {width:100%;padding:20px;}
/* //제품문의 */

/* 온라인상담 */
.inq_top h3 br {display:block;}
.list_form.mgb20 thead{display: none;}
.list_form.mgb20 th, .list_form.mgb20 td {display:block;border-bottom: 0;padding:0;margin-bottom: 5px;margin-bottom: 0;}
.list_form.mgb20 tr {display: block;border-bottom: solid 1px #dddddd;padding: 15px 10px;padding-top: 60px;position:relative;}
.list_form.mgb20 tr .num {display: none;}
.list_form.mgb20 tr .mob_ib {display:inline-block;font-size:13px;color:#777;}
.list_form td a {max-width: 77vw;font-size: 15px;margin-bottom: 5px; margin-top:2px;}
.list_form td.mg {position: relative; padding-right:10px; margin-right:10px;}
.list_form td.mg::before {content:'작성자: ';}
.list_form td.mg::after {content:'';position:absolute;right:0;display:inline-block;width:1px;height:10px;background:#777;top:5px;}
.ans_sc{display:block;margin-left:0; margin-bottom:5px;}
.ans_nsc{display:block;margin-left:0; margin-bottom:5px;}
.btn_inq{width:70px; height:35px; line-height: 35px; font-size: 13px;}
.scr_img{display: none;}
.lock_mob{display:inline-block;width:11px; height:15px;}
.inq_form th, .inq_form td {font-size: 13px;}
.view_form {margin-top: 20px;}
/* //온라인상담 */

/* 공지사항 */
.list_form.mgb20.pd15 tr {padding-top:15px;}
.btn_st1{width:75px;height:36px;line-height:35px;font-size: 13px;box-sizing: border-box;}
.ans_box{margin-bottom: 35px;}
.view_form th h3 {font-size: 18px;}
.view_form th span{font-size: 13px;}
.ans_boxcont {padding:15px;}
.ans_boxcont2{padding:15px;}
.ans_boxcont p{font-size: 14px;margin-bottom: 15px;}
.ans_boxcont span{font-size: 13px;}
.view_form td{font-size: 14px;line-height: 20px;}
.view_form td.file_att_ans {padding-bottom:15px;}
.view_other td:nth-child(2) a {display: inline-block; width: 55%;max-width:40vw;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
/* //공지사항 */

/* 비밀번호 */
.password_form {padding: 30px 50px;}
.pass_tit {padding-bottom: 15px;}
.pass_tit img {width: 50px;}
.pass_tit h3 {font-size: 17px;margin: 15px 0;}
.pass_tit p {font-size: 14px; }
.pass_wrap input[type="password"] {max-width:200px;width:70%;}
.pass_wrap button {width: 30%;box-sizing: border-box;max-width:80px;outline:0;}
.pw_subTit {word-break: keep-all;}
.pw_subTit br {display:none;}
/* //비밀번호 */

.inq_view td{font-size:13px;}
.inquiry_div{min-height:150px;}

.purpose_box::-webkit-scrollbar { -webkit-appearance: none; }
.purpose_box::-webkit-scrollbar:vertical { width: 7px; }
.purpose_box::-webkit-scrollbar:horizontal { height: 20px; }
.purpose_box::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .2); border-radius: 10px; border: 2px solid #ffffff; }
.purpose_box::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.file_att span{position:static; display:block; margin-bottom:5px;}
.file_att span:after{display:none;}
td.file_att div{padding-left:0;}
.view_other td:nth-child(1){padding-left:30px;}
.view_prev td:nth-child(1), .view_next td:nth-child(1){background-position:left 10px center;}
.file_att a strong{display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
.list_form th, .list_form td{text-align:left;}
.tel_box{font-size:0 !important;}
.product_plan {height: auto;}
.plan_img {width: 100%;}
.product_plan > div{width:auto; padding:10px;}

.w50p{width:50% !important;}
.w100p {width: 100% !important;}

.part_list ul{text-align:left;}
.part_list ul li{vertical-align:top;text-align:left; display:inline-block; font-size:13px; letter-spacing:-1px;padding-right:10px;box-sizing:border-box;}
.component_list > li > ul > li > div {overflow:initial;}
.component_list > li > ul > li > div br {display:none;}
.view_cont table th, .view_cont table td {word-break:keep-all;padding:10px;}
.product_content div br {/* display:none; */}
.product_do_wrap{padding:15px;}
.product_do ul{margin-left:-5px; margin-right:-5px;}
.product_do{margin:0;}
.product_do li{padding:0 5px; margin-top:10px; width:auto; display:block}
.product_do li img{max-width:100%;}
.product_do span{font-size:13px;}

/* .company_top_txt > div > div {font-size: 3.4vw; line-height:1.5;}
.company_top_txt p {font-size: 2.7vw;line-height:1.8;} */
.product_content div {font-size:13px;}
}
@media screen and (max-width:380px){ 
.company_top_txt > div > div {font-size:16px;}
.company_top_txt p {font-size:13px;}
.product_content div strong {letter-spacing: -0.5px;}

}
@media screen and (max-width:358px){ 
.part_list ul li {font-size: 12px;padding-right:5px;padding-left:20px;}

}