@import "reset.css";

/* === fonts === */
@font-face {
font-family: 'NanumBarunGothicWeb';
font-style: normal;
font-weight: 300;
src: url('fonts/NanumBarunGothicWebLight.eot');
src: url('fonts/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('fonts/NanumBarunGothicWebLight.woff') format('woff'), url('fonts/NanumBarunGothicWebLight.ttf') format('truetype');
}
@font-face {
font-family: 'NanumBarunGothicWeb';
font-style: normal;
font-weight: 400;
src: url('fonts/NanumBarunGothicWeb.eot');
src: url('fonts/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('fonts/NanumBarunGothicWeb.woff') format('woff'), url('fonts/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
font-family: 'NanumBarunGothicWeb';
font-style: normal;
font-weight: 700;
src: url('fonts/NanumBarunGothicWebBold.eot');
src: url('fonts/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('fonts/NanumBarunGothicWebBold.woff') format('woff'), url('fonts/NanumBarunGothicWebBold.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NanumSquareR.eot');
    src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('fonts/NanumSquareR.woff') format('woff'), url('fonts/NanumSquareR.ttf') format('truetype');
    }
@font-face {
font-family: 'NanumSquare';
font-style: normal;
font-weight: 700;
src: url('fonts/NanumSquareB.eot');
src: url('fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('fonts/NanumSquareB.woff') format('woff'), url('fonts/NanumSquareB.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/NanumSquareEB.eot');
    src: url('fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), url('fonts/NanumSquareEB.woff') format('woff'), url('fonts/NanumSquareEB.ttf') format('truetype');
    }

/*=== common ===*/
/* * {word-break:keep-all;} */
body {overflow-x:hidden;}
body, p {font-size:18px;font-family:"NanumBarunGothicWeb", Arial, Helvetica, sans-serif;color:#555;line-height:1.7em;}
p {letter-spacing:-0.5px;}
h1, h2, h3, h4, h5, h6 {line-height:1.2em;color:#000;}
.ff_ns {font-family:"NanumSquare", Arial, Helvetica, sans-serif;}
.fc_blue {color:#0176ba!important;}
.fw_bold {font-weight:700;}
.fs_32 {font-size:32px;}

/* align */
.fl {float:left !important;}
.fr {float:right !important;}
.clb {clear:both !important;}
.ta_c {text-align:center !important;}
.ta_l {text-align:left !important;}
.ta_r {text-align:right !important;}
.ta_j {text-align:justify !important;}
.ds_b {display:block!important;}
.ds_i {display:inline!important;}
.ds_ib {display:inline-block!important;}

/* hidden */
.hidden {display:none;}
.blind {position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.mo_show {display:none!important;} /* 모바일 일때 보이는 부분 */

/* layout */
.wrap {overflow:hidden;min-width:1240px;}
.inner {margin:0 auto;max-width:1200px;box-sizing:border-box;}

/* header */
.header.fixed {position:fixed;background:#fff!important;transition:ease-out all 0.1s;}
.header.fixed .logo a {background-image:url(../images/logo_dark.png);}
.header {overflow:hidden;position:absolute;top:0;left:0;z-index:1000;width:100%;background:#fff;border-bottom:1px solid #dbdbdb;box-sizing:border-box;}
.header:before {position:absolute;top:102px;left:0;content:"";display:block;width:100%;height:1px;background:#dbdbdb;}
.header .inner {overflow:hidden;}
.header .logo {float:left;margin-top:14px;}
.header .logo a {display:block;width:225px;height:70px;background:url(../images/logo_dark.png) no-repeat 0 0;background-size:100% auto;}
.nav {float:right;}
.nav>li {position:relative;float:left;}
.nav>li>a, .header.on .nav>li>a, .header.fixed .nav>li>a {display:block;padding:45px 0 28px;font-size:23px;font-weight:700;color:#4f4f4f;}
.nav>li:not(first-child)>a {margin-right:95px;}
.nav>li:last-child>a {margin-right:30px;}
.nav .nav_sub {margin:20px 0 30px;display:none;visibility:hidden;opacity:0;}
.nav .nav_sub>li {margin:8px 0;}
.nav .nav_sub>li>a {font-size:17px;color:#333;}
.nav .nav_sub>li>a.ff_ns {font-size:16px;}
.nav a:hover, .nav a.current {color:#0176ba!important;}

/* footer */
.footer {overflow:hidden;margin-top:50px;padding:55px 0 65px;background-color:#f3f3f3;}
.footer .left {float:left;margin-top:5px;}
.footer .left .logo {display:block;width:200px;height:60px;background:url(../images/logo_dark.png) no-repeat 0 0;background-size:100% auto;}
.footer .right {float:right;width:calc(100% - 215px);}
.footer .right p {font-size:15px;color:#5a5959;}
.footer .right .address {margin-bottom:6px;font-size:15px;}
.footer .right .address br {display:none;}
.footer .right .address span {margin:0 12px;}
.footer .right .copyright {font-size:13px;}

/*=== Main ===*/
.main .header {background-color:transparent;transition:all 0.3s;border-bottom:0;}
.main .header:before {display:none;}
.main .logo a {background-image:url(../images/logo_light.png);}
.main .nav>li>a {color:#fff;}
.main .header.fixed:before, .main .header.on:before {display:block;}
.main .header.on {background-color:#fff;}
.main .header.on .logo a {background-image:url(../images/logo_dark.png);}
.main .footer {margin-top:0;}

.slider {height:1160px;}
.slider .swiper-container {height:100%;}
.slider .swiper-slide {position:relative;overflow:hidden;}
.slider .bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover!important;transition:ease-out all 6s;transform:scale3d(1.2, 1.2, 1.2);}
.slider .inner {position:relative;z-index:9;text-align:center;}
.slider .inner .txt {margin-top:125px;transition:ease all 1s;opacity:0;}
.slider .inner .txt .tit {font-size:75px;font-weight:900;font-family:"NanumSquare", Arial, Helvetica, sans-serif;color:#fff;line-height:1em;}
.slider .inner .txt .info {font-size:25px;color:#fff;}
.slider .inner .txt .btn {display:inline-block;margin-top:6px;padding:0 17px 0 24px;font-size:20px;font-weight:700;font-family:"NanumSquare", Arial, Helvetica, sans-serif;color:#fff;border:1px solid rgba(255,255,255,0.5);border-radius:38px;line-height:36px;}
.slider .inner .txt .btn:after {content:"";display:inline-block;margin:-2px 0 0 18px;width:6px;height:10px;background:url(../images/arrow_right_white.png) no-repeat 50% 50%;background-size:100% auto;vertical-align:middle;}
.slider .inner .img {position:relative;top:-25px;left:0;z-index:-1;opacity:0;transition:ease all 1s;}

.swiper-slide-active .bg {transform:scale3d(1, 1, 1);}
.swiper-slide-active .inner .txt {opacity:1;transition-delay:1.2s;}
.swiper-slide-active .inner .img {top:-25px;left:-40px;opacity:1;transition-delay:0.8s;}

.slider .swiper-button-next, .slider .swiper-button-prev {width:33px;height:66px;margin-top:-33px;}
.slider .swiper-button-prev {background-image:url(../images/arrow_prev.png);background-size:100% auto;left:calc(50% - 895px);}
.slider .swiper-button-next {background-image:url(../images/arrow_next.png);background-size:100% auto;right:calc(50% - 895px);}
.slider .swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;height:30px;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;vertical-align:top;}
.slider .swiper-pagination-bullet {width:15px;height:15px;opacity:1;background:#fff;}
.slider .swiper-pagination-bullet-active {background:#0bb2ff;}

.main_top {margin:85px 0 160px;}
.main_top h3 {margin-bottom:15px;font-size:45px;}

.main_contact {overflow:hidden;margin-bottom:110px;padding:30px 53px 30px 47px;font-size:17px;color:#fff;background-color:#1fa7f1;border-radius:10px;}
.main_contact .txt01 {margin-right:25px;font-size:29px;}
.main_contact .txt02 {}
.main_contact .txt03 {padding:17px 40px;font-size:34px;color:#000;line-height:36px;background-color:#fff;border-radius:70px;letter-spacing:-1px;}
.main_contact .txt03:before {content:"";display:inline-block;margin:-4px 13px 0 2px;width:32px;height:37px;background:url(../images/ico_phone.png) no-repeat 50% 50%;background-size:100% auto;vertical-align:middle;}

.main_link {overflow:hidden;margin:0 -5px;}
.main_link li {float:left;margin:0;padding:5px;width:50%;box-sizing:border-box;}
.main_link li .in_cont {overflow:hidden;position:relative;}
.main_link li img {display:block;transition:ease-out all 0.6s;transform:scale(1);}
.main_link li img.on {transform:scale(1.1);}
.main_link li a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;padding:35px;box-sizing:border-box;}
.main_link li .tit {display:block;margin-bottom:10px;font-size:34px;color:#000;line-height:1em;}
.main_link li .info {display:block;font-size:16px;color:#6c6c6c;line-height:1em;}
.fc_white * {color:#fff!important;}

.main_mid {overflow:hidden;/*padding:80px 45px;*/padding:80px 0;background-color:#eaedef;}
.main_mid h3 {margin-bottom:40px;font-size:43px;}

.mySwiper2 {padding-left:60px!important;padding-right:60px!important;}
.text_list {overflow:hidden;margin:35px -17px 0;padding:0 60px;}
.text_list>li {float:left;padding:0 17px;width:20%;box-sizing:border-box;}
.text_list li .tit, .main_mid .txtbox .tit {position:relative;margin-bottom:15px;padding-left:38px;font-size:21px;color:#000;}
.text_list li .tit .num, .main_mid .txtbox .tit .num {position:absolute;top:0;left:0;display:inline-block;width:29px;height:29px;font-size:18px;font-weight:700;font-family:"NanumSquare", Arial, Helvetica, sans-serif;color:#fff;text-align:center;vertical-align:middle;background:#266faa;border-radius:29px;}
.text_list li p, .main_mid .txtbox p {font-size:16px;color:#757575;line-height:1.5em;}

.main_btm {overflow:hidden;position:relative;}
.main_btm:before {content:"";position:absolute;top:0;left:calc(50% + 48px);z-index:-1;display:block;width:50%;height:100%;background-color:#266faa;}
.main_btm h3 {margin-bottom:18px;font-size:39px;}
.main_btm .fl {padding:98px 110px 0 0;width:calc(50% + 48px);box-sizing:border-box;}
.main_btm .fl .in_cont {position:relative;}
.main_btm .fl .in_cont .btn {position:absolute;top:0;right:0;padding:0 20px;font-size:17px;color:#fff;line-height:32px;background-color:#6b6b6b;border-radius:32px;}
.main_btm .fl .in_cont .btn:before {content:"";display:inline-block;margin:0 10px 0 0;width:12px;height:12px;background:url(../images/ico_plus.png) no-repeat 0 0;background-size:100% auto;vertical-align:middle;}
.main_btm .fl .in_cont ul {border-top:1px solid #ddd;}
.main_btm .fl .in_cont ul li {overflow:hidden;padding:19px 0;font-size:18px;color:#333;border-bottom:1px solid #ddd;}
.main_btm .fl .in_cont ul li a {float:left;width:calc(100% - 100px);color:#333;}
.main_btm .fl .in_cont ul li .date {float:right;color:#8a8a8a;}

.main_btm .fr {padding:30px 10px 30px 0;width:calc(50% - 48px);box-sizing:border-box;}
.main_btm .fr ul li {float:left;padding:20px 0 0;width:50%;height:198px;font-size:20px;color:#fff;text-align:center;box-sizing:border-box;}
.main_btm .fr ul li:nth-child(1), .main_btm .fr ul li:nth-child(2) {border-bottom:1px solid #4785b7;}
.main_btm .fr ul li:nth-of-type(2n){border-left:1px solid #4785b7;}
.main_btm .fr ul li a {display:block;}
.main_btm .fr ul li .txt {display:block;margin-top:15px;}

/* Top button */
.gotop {position:fixed;right:130px;bottom:-53px;z-index:100;display:block;padding-top:11px;width:57px;height:53px;font-size:15px;font-family:"NanumSquare", Arial, Helvetica, sans-serif;color:#fff;text-align:center;background-color:#4f4f4f;border-radius:9px;box-sizing:border-box;transition:all 0.2s;opacity:0;}
.gotop:before {content:"";display:block;margin:0 auto 2px;width:12px;height:6px;background:url(../images/arrow_up_white.png) no-repeat 0 0;background-size:100% auto;}
.gotop.on {bottom:65px;opacity:1;}

/*=== Sub page ===*/
.ico_home {display:inline-block;width:20px;height:21px;background:url(../images/ico_home.png) no-repeat 50% 50%;vertical-align:middle;}
.ico_arrow_dn {display:inline-block;width:10px;height:5px;background:url(../images/arrow_down_black.png) no-repeat 50% 50%;vertical-align:middle;}

.container {margin-top:103px;}
.title {display:table;width:100%;height:287px;text-align:center;background-repeat:no-repeat;background-position:50% 50%;background-color:#2e77bb;background-size:cover;}
.title_in {display:table-cell;width:100%;height:100%;vertical-align:middle;}
.title h2 {font-size:61px;color:#fff;}
.title h3 {margin:12px auto 0;max-width:316px;width:100%;font-size:26px;font-weight:400;color:#fff;border:1px solid rgba(255,255,255,0.6);line-height:52px;border-radius:53px;}
.title.bg01 {background-image:url(../images/top_bg01.jpg);}
.title.bg02 {background-image:url(../images/top_bg02.jpg);}
.title.bg03 {background-image:url(../images/top_bg03.jpg);}
.title.bg04 {background-image:url(../images/top_bg04.jpg);}
.location {height:57px;border-bottom:1px solid #c9c9c9;box-sizing:border-box;}
.location ul li {position:relative;float:left;min-width:242px;box-sizing:border-box;font-size:18px;color:#333;line-height:57px;border-right:1px solid #c9c9c9;}
.location ul li a {display:block;padding:0 60px 0 20px;white-space:nowrap;}
.location ul li a.current {color:#0176ba;}
.location ul li .ico_arrow_dn {position:absolute;top:28px;right:12px;}
.location ul li .on .ico_arrow_dn {transform: rotate(180deg);}
.location ul li.home {min-width:0;width:102px;padding:0;border-left:1px solid #c9c9c9;text-align:center;}
.location ul li.home a {padding:0;}
.location ul li.open .ico_arrow_dn {transform:rotate(180deg);}
.location ul li.open .sub {display:block;}
.location .sub {display:none;position:absolute;top:57px;left:-1px;z-index:1;background:#fff;}
.location .sub li {width:calc(100% + 1px);border:1px solid #c9c9c9;border-top:0;}

.content .inner {position:relative;}

/* 서브페이지 컨텐츠 - 회사소개 */ 
.page .cont_body {padding-top:100px;color:#1b1a1a;}
.page .cont_body p {color:#1b1a1a;}
.page .cont_body p + p {margin-top:30px;}

.company_info {text-align:center;}
.company_info p {font-size:21px;}
.company_info .txt1 {margin-bottom:50px;font-size:36px;line-height:1.5em;}
.company_info .txt2 {font-size:32px;line-height:1.5em;}
.company_info .txt3 {font-size:23px;}
.company_info .img1 {margin:100px 0 120px;}
.company_info .img2 {margin:130px 0 120px;}
.company_info .ceo {margin:40px 0 200px!important;}

.company_history .txt1 {margin-bottom:50px;font-size:36px;line-height:1.5em;}
.history {position:relative;margin-top:128px;}
.history > li {position:relative;margin-bottom:38px;padding:45px 0 0 150px;min-height:123px;box-sizing:border-box;}
.history > li .year {position:absolute;top:0;left:0;width:123px;height:123px;line-height:123px;font-size:25px;color:#000;text-align:center;background:#fff;border:1px solid #9ba3a8;border-radius:123px;box-sizing:border-box;}
.history > li .year.bg {border:0;color:#fff;background:#1fa7f1;}
.history > li p {font-size:23px;color:#1b1a1a;}
.history > li p + p {margin-top:30px;}
.history > li.li_img {position:absolute;top:-16px;right:0;padding:0;width:40.42%;}

.company_group .box1 {position:relative;margin-top:55px;}
.company_group .box1 .txtbox {position:absolute;top:70px;left:0;width:100%;color:#fff;text-align:center;}
.company_group .box1 .txtbox .txt1 {display:block;font-size:105px;font-weight:700;line-height:1em;}
.company_group .box1 .txtbox .txt2 {margin-top:20px;font-size:26px;color:#fff;line-height:1.5em;}
.company_group .box2, .company_group .box3 {overflow:hidden;}
.company_group .fl, .company_group .fr {box-sizing:border-box;}
.company_group .box .txtbox h3 {margin-bottom:8px;font-size:80px;font-weight:700;color:#000;}
.company_group .box .txtbox p {font-size:25px;color:#000;line-height:1.6em;letter-spacing:-0.5px;}
.company_group .box .txtbox .ul {position:relative;overflow:hidden;}
.company_group .box .txtbox .ul:before {position:absolute;top:0;left:50%;content:"";display:block;width:1px;height:100%;background:#d6d6d6;}
.company_group .box .txtbox .ul h4 {margin-bottom:15px;font-size:29px;color:#1b1a1a;}
.company_group .box .txtbox .ul ul li {margin-bottom:5px;font-size:19px;color:#474747;}
.company_group .box .txtbox .ul > li {float:left;width:50%;box-sizing:border-box;}
.company_group .box2 {margin-top:194px;}
.company_group .box2 .fl {width:54.25%;}
.company_group .box2 .fr {padding-left:80px;width:45.75%;}
.company_group .box2 .ul {margin-top:80px;}
.company_group .box2 .txtbox .ul .order3 {clear:both;}
.company_group .box2 .ul .order1, .company_group .box2 .ul .order2 {margin-bottom:60px;}
.company_group .box2 .ul .order2, .company_group .box2 .ul .order4 {padding-left:70px;}
.company_group .box3 {margin:160px 0 200px;}
.company_group .box3 .fl {padding-right:80px;width:51.16%;}
.company_group .box3 .fr {width:48.84%;}
.company_group .box3 .txtbox .ul {float:right;margin-top:50px;}
.company_group .box3 .txtbox .ul > li {width:120px;}
.company_group .box3 .ul .order2 {padding-left:40px;}

.company_contact .txt1 {padding-top:20px;font-size:30px;color:#000;text-align:center;}
.company_contact .txt1 .big {display:block;margin-bottom:20px;font-size:45px;}
.company_contact .img_txt {margin-top:100px;position:relative;}
.company_contact .img_txt .txtbox {position:absolute;right:96px;bottom:60px;padding:0 42px 0 150px;height:71px;line-height:71px;border-radius:71px;letter-spacing:-1px;background:#fff;}
.company_contact .img_txt .txtbox:before {position:absolute;left:42px;bottom:0;content:"";display:block;width:93px;height:106px;background:url(../images/company_contact2.png) no-repeat 0 0;background-size:100% auto;}
.company_contact .img_txt .txtbox .ff_ns {font-size:40px;color:#000;}
.col_half {margin:80px -24px;}
.col_half > li {width:100%;padding:0 24px 40px;box-sizing:border-box;display: block;height: 365px;}
.col_half > li .ff_ns {margin-bottom:15px;font-size:30px;color:#000;line-height:1em; width:50%;float:left;height: 100%;}
.col_half > li .ff_ns img {width:100%;height: 100%;}
.col_half > li p {margin-bottom:20px;font-size:21px;color:#333;}
.col_half > li p span {margin-left:20px;}
.col_half > col {padding: 0px 71px 100px 71px;}
#map {width:100%!important;height:629px!important;}
#map .map {width:100%!important;height:auto!important;}

/* 오시는길 */
.contact_table {width: 100%; margin-top: 70px; font-family: Arial, Helvetica, sans-serif;}
.contact_table > .row { width: 100%; background-color: #ECE6E2; display: inline-flex; border-radius: 10px;}
.contact_table > .row.white {background-color: #fff; text-align: center; margin-bottom: 60px;}
.contact_table > .row > .cell {vertical-align: middle;position: relative;}
.contact_table > .row > .cell > p {margin-top: 0;}
.contact_table > .row > .address_title {width: 25%;}
.contact_table > .row > .address_title span {white-space: nowrap; font-size: 1em; font-weight:bold;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); text-align: center; }
.contact_table > .row > .address {width:75%; margin: auto; padding: 5px 0 5px 0;}
.contact_table > .row > .address p {font-size: 1em; font-weight:inherit; margin-top: 1px; word-wrap: break-word;}
.contact_table > .row > .map_button {margin: auto; padding: 8%;}
.contact_table > .row > .cell > .map_button > img {width:30px; height:30px;}
.contact_table > .row > .map_content {width: 90%;text-align: center; margin: auto;}
/* 제품소개 */
.bg_white {background:#fff;}
.bg_gray {background:#f3f3f3;}
.visual {overflow:hidden;position:relative;height:1570px;}
.visual .menu {display:flex;justify-content:center;align-items:center;height:75px;background:rgba(0,0,0,0.2);}
.visual .menu li {margin:0 20px;}
.visual .menu li a {font-size:18px;color:#fff;}
.visual .menu li a:hover, .visual .menu li a.current {color:#5ff2ff;}
.visual .bg {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(../images/visual_bg.jpg) no-repeat 50% 0 / cover;transition:ease-out all 6s;transform:scale3d(1.2, 1.2, 1.2);}
.visual .inner {position:relative;text-align:center;}
.visual .inner .img {position:relative;right:-25px;opacity:0;transition:ease all 1s;}
.visual .tit {padding-top:80px;font-size:65px;font-weight:900;color:#fff;line-height:1em;}
.visual .info {margin-bottom:30px;font-size:33px;;color:#fff;}
.visual .tit, .visual .info, .visual .tab_btns {position:relative;top:-25px;opacity:0;transition:ease all 1s;}
.visual .btns .btn_next, .visual .btns .btn_prev {position:absolute;top:50%;width:33px;height:66px;margin-top:-33px;}
.visual .btns .btn_prev {background-image:url(../images/arrow_prev.png);background-size:100% auto;left:-290px;}
.visual .btns .btn_next {background-image:url(../images/arrow_next.png);background-size:100% auto;right:-290px;}
.visual .btns .btn_next.off, .visual .btns .btn_prev.off {opacity:0.5;}
.visual_btns {display:flex;justify-content:center;}
.visual_btns a {display:inline-block;margin:0 6px;width:14px;height:14px;opacity:1;background:#fff;border-radius:14px;}
.visual_btns a.active {background:#0bb2ff;}

.visual.active .bg {transform:scale3d(1, 1, 1);}
.visual.active .tit, .visual.active .info, .visual.active .tab_btns {top:0;opacity:1;transition-delay:1s;}
.visual.active .inner .img {right:0;opacity:1;transition-delay:0.5s;}

.slide_visual.swiper-container-fade .swiper-slide {opacity:0!important;}
.slide_visual.swiper-container-fade .swiper-slide.swiper-slide-active {opacity:1!important;}
.slide_visual {display:none;}
.insert_html .slide_visual {display:block;}

.product_body .insert_html {position:absolute;top:220px;left:0;width:100%;text-align:center;}

.product_head {padding:160px 0 100px;text-align:center;}
.product_head .tit {font-size:70px;font-weight:400;color:#000;}
.product_head .info {font-size:33px;color:#000;}
.product_head .txt1 {margin-top:60px;font-size:41px;color:#000;}
.product_head .txt2 {margin-top:5px;font-size:23px;color:#333;}
.product_head .txtbox {position:relative;display:flex;margin-top:60px;padding:60px 10px 50px 250px;min-height:224px;text-align:left;letter-spacing:-0.5px;border:1px solid #7f7f7f;box-sizing:border-box;}
.product_head .txtbox:before {position:absolute;top:60px;left:95px;content:"";display:block;width:100px;height:92px;background:url(../images/product_ico.png) no-repeat 0 0;background-size:100% auto;}
.product_head .txtbox ul + ul {margin-left:30px;}
.product_head .side {top:0;}

.bul_cir li {position:relative;padding-left:15px;font-size:22px;line-height:1.6em;color:#333;}
.bul_cir li:before {position:absolute;top:12px;left:0;content:"";display:block;width:4px;height:4px;border-radius:4px;background:#000;}
.bul_blue li {position:relative;padding-left:15px;font-size:17px;line-height:1.8em;color:#333;}
.bul_blue li:before {position:absolute;top:9px;left:0;content:"";display:block;width:7px;height:7px;border-radius:7px;background:#0bb2ff;}

.product_body {padding:90px 0 55px;}
.product_body .box1 {position:relative;}
.product_body .box1 .txt {position:absolute;left:0;top:65px;width:100%;font-size:48px;font-weight:900;color:#fff;text-align:center;line-height:1em;}
.product_body .box2, .product_body .box3 {margin-top:130px;}
.product_body .box3 {padding:80px 60px 70px;}
.product_body .box3 .tit {margin-bottom:40px;font-size:40px;font-weight:400;color:#000;line-height:1em;}
.product_body .box3 .border_top {margin-top:70px;padding-top:70px;border-top:1px solid #e2e2e2;}
.product_body .box3 dl {overflow:hidden;}
.product_body .box3 dl dt.tit {float:left;margin-bottom:0;width:230px;}
.product_body .box3 dl dd {display:flex;float:right;width:calc(100% - 230px);}
.product_body .box3 dl dd ul + ul {margin-left:95px;}
.product_body .box3 .bul_cir li {line-height:1.8em;}
.product_body .box3 .bul_cir li:before {top:14px;}
.product_body .box3 .tit_s {margin-bottom:60px;font-size:36px;color:#000;}
.product_body .box3 .bul_txt {margin-bottom:10px;font-size:26px;font-weight:700;color:#000;}
.product_body .box3 .bul_txt:before {content:"";display:inline-block;margin:-2px 10px 0 0;width:14px;height:14px;border-radius:14px;background:#1fa7f1;vertical-align:middle;}
.install_list {overflow:hidden;margin:-65px 22px 0;}
.install_list > li {float:left;margin-top:65px;width:33.33%;padding:0 24px;box-sizing:border-box;}
.install_list > li:nth-of-type(3n+1) {clear:both;}
.install_list > li .txt {position:relative;display:block;margin-top:30px;padding-left:40px;font-size:20px;color:#000;line-height:1.5em;letter-spacing:-0.5px;}
.install_list > li .txt .num {position:absolute;top:-5px;left:0;display:block;width:34px;height:34px;font-weight:700;color:#fff;text-align:center;line-height:34px;border-radius:50%;background:#347ed2;}
.install_list.ta_c > li .txt {padding-left:0;}
.product_body .box3 .tit_s.border_top {margin-top:80px;padding-top:70px;}
.product_body .box3 .tit_s.ml {margin:110px 0 30px 48px;}
.product_body .box3 .tbl_scroll + .bul_blue {margin-top:35px;}
.product_body .box3 .photobox img + img {margin-top:80px;}
.bul_cir.fs_20 > li {font-size:20px;}
.bul_cir.fs_20 > li + li {margin-top:22px;}
.bul_cir > li .fs_24 {font-size:24px;font-weight:700;color:#3277ba;}

.tbl {border:0;}
.tbl th, .tbl td {text-align:center;}
.tbl td:last-child {border-right:0;}
.tbl thead th {padding:14px 15px;font-size:21px;color:#fff;border-top:0;background:#1fa7f1;}
.tbl thead th:first-child {border-radius:5px 0 0 5px;}
.tbl thead th:last-child {border-radius: 0 5px 5px 0;}
.tbl tbody td {padding:15px;font-size:19px;color:#333;line-height:1.5em;border-top:0;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;}
.tbl tbody tr.bg td {background:#f1f1f1;}

.visual .tab_btns {position:relative;margin:-20px auto 30px;width:250px;border:1px solid rgba(255,255,255,0.4);border-radius:40px;box-sizing:border-box;}
.visual .tab_btns button {position:relative;z-index:2;font-size:18px;color:#fff;line-height:40px;text-align:center;letter-spacing:-0.5px;transition:all 0.2s;}
.visual .tab_btns button.on {font-weight:700;color:#0d4b85;background: #fff;border-radius: 40px;}
.visual .tab_btns .item1 {width:105px;}
.visual .tab_btns .item2 {width:143px;}

.product_body .box1 .tab_btns {position:absolute;top:134px;left:50%;margin-left:-135px;width:270px;border-radius:38px;box-sizing:border-box;}
.product_body .box1 .tab_btns button {position:relative;font-size:21px;color:#504238;line-height:38px;text-align:center;letter-spacing:-0.5px;transition:all 0.2s;}
.product_body .box1 .tab_btns button.on {font-weight:700;color:#fff;background: #504238;border-radius: 40px;}
.product_body .box1 .tab_btns .item1 {width:105px;}
.product_body .box1 .tab_btns .item2 {width:165px;}


/* 서브페이지 컨텐츠 - 리스트 */
.cont_head {clear:both;margin:50px 0 30px;}
.cont_head p {font-size:23px;color:#333232;text-align:center;}
.cont_head .form_search {position:relative;margin-top:35px;text-align:right;}
.cont_head .form_search input {padding-right:60px;width:304px;height:50px;line-height:50px;color:#333232;}
.btn_search {position:absolute;top:0;right:0;width:60px;height:100%;background:url(../images/ico_search.png) no-repeat 50% 50%;}

table {border-top:2px solid #363636;border-bottom:1px solid #c5c5c5;}
table th, table td {padding:14px 25px 14px 45px;text-align:left;}
table thead th {font-size:19px;color:#333232;background:#fafafa;}
table tbody td {font-size:16px;color:#333232;line-height:1.3em;border-top:1px solid #c5c5c5;}

.list {overflow:hidden;padding:30px 0 25px;border-top:2px solid #363636;border-bottom:1px solid #c5c5c5;}
.list>ul {margin:0 -23px;}
.list>ul>li {float:left;margin:35px 0;padding:0 23px;width:100%;box-sizing:border-box;}
.list>ul>li .list_in > * {display:block;}
.list>ul>li h4 {margin-top:30px;font-size:19px;font-weight:400;color:#333232;line-height:1.4em;}
.list>ul>li h4 a {color:#333232;}
.list.col_2>ul>li {width:50%;}
.list.col_3>ul>li {width:33.333%;}
.list.col_3>ul>li:nth-of-type(3n+1) {clear:both;}

.paging ul {display:flex;justify-content:center;margin-top:60px;}
.paging ul li {margin:0 2px;}
.paging ul li a {display:block;width:37px;height:37px;font-size:16px;color:#333232;text-align:center;line-height:37px;border:1px solid #dadada;border-radius:50%;box-sizing:border-box;}
.paging ul li a.on {color:#fff;border-color:#0a93ef;background-color:#0a93ef;}
.paging ul li a:hover {border-color:#0a93ef;}
.paging ul li.prev {margin-right:15px;}
.paging ul li.next {margin-left:15px;}
.paging ul li.first a {background:url(../images/paging_first.png) no-repeat 50% 50%;}
.paging ul li.prev a {background:url(../images/paging_prev.png) no-repeat 50% 50%;}
.paging ul li.next a {background:url(../images/paging_next.png) no-repeat 50% 50%;}
.paging ul li.last a {background:url(../images/paging_last.png) no-repeat 50% 50%;}

.cont_foot {overflow:hidden;margin-top:138px;background:#f1f2f3;border-radius:12px;}
.cont_foot .left {float:left;width:47%;text-align:center;}
.cont_foot .right {float:left;margin-top:30px;width:53%;}
.cont_foot .right .phone {display:block;font-size:41px;color:#3e2b1f;line-height:55px;}
.cont_foot .right .phone:before {content:"";display:inline-block;margin:-3px 14px 0 0;width:55px;height:55px;line-height:55px;background:url(../images/ico_phone_s.png) no-repeat 50% 50%;border:1px solid #909399;border-radius:50%;vertical-align:middle;}
.cont_foot .right p {padding-left:70px;font-size:16px;color:#7c7771;}

.side {position:absolute;top:45px;right:-354px;width:320px;text-align:center;}
.side p {font-size:17px;color:#333;line-height:1.4em;}
.side .phone {display:block;margin-top:10px;height:56px;font-size:26px;font-weight:700;color:#fff;line-height:56px;border-radius:10px;background:#81BEF7;letter-spacing:-0.8px;}
.side .phone:before {content:"";display:inline-block;margin:-3px 5px 0 0;width:26px;height:30px;background:url(../images/ico_phone_white.png) no-repeat 50% 50%;vertical-align:middle;}

/* 주요실적 - 시공사진 */
.cont_head .combobox {margin:45px auto 35px;}
.combobox {position:relative;width:364px;height:58px;font-size:20px;color:#333232;border:2px solid #363636;box-sizing:border-box;}
.combobox .btn {position:relative;padding:0 13px;width:100%;height:100%;line-height:58px;text-align:left;}
.combobox .btn:before {content:"";display:block;position:absolute;top:50%;right:16px;margin-top:-4px;width:14px;height:8px;background:url(../images/arrow_down_blue.png) no-repeat 50% 50%;}
.combobox .dropdown {display:none;position:absolute;top:100%;left:-2px;padding:10px 0;width:100%;border:2px solid #363636;background:#fff;}
.combobox .dropdown > li {padding:8px 13px;cursor:pointer;}
.combobox .dropdown > li:hover {color:#0176ba;}

/* 주요실적 - 시공영상 */
.video {position:relative;}
.video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 뷰페이지 */
.view_tit {padding:40px;font-size:23px;color:#333232;text-align:center;line-height:1.4em;border-top:2px solid #363636;background:#fafafa;}
.view_meta {padding:12px 10px;font-size:16px;color:#333232;border-bottom:1px solid #c5c5c5;text-align:right;}
.view_meta > span {margin:0 30px;}
.view_meta > span.v_date {color:#0176ba;}
.view_cont {margin-top:80px;padding:0 100px;}
.view_cont *, .view_reply .re_cont {font-size:16px;color:#333232;}
.view_cont p:not(:last-child) {margin-bottom:30px;}
.view_attach {display:table;margin-top:80px;width:100%;border-top:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;}
.view_attach > div {display:table-cell;box-sizing:border-box;vertical-align:middle;}
.view_attach .left {padding:25px 20px;width:160px;font-size:17px;color:#333232;background-color:#fafafa;text-align:right;}
.view_attach .right {padding:25px 30px;width:calc(100% - 160px);font-size:16px;color:#333232;}
.view_attach .right a {display:inline-block;margin-right:30px;text-decoration:underline;color:#333232;}
.view_btm {margin-top:90px;border-top:1px solid #c5c5c5;text-align:center;}
.btn_list {display:inline-block;margin-top:40px;width:104px;height:40px;font-size:18px;font-weight:700;color:#fff;line-height:40px;border-radius:40px;text-align:center;background:#1fa7f1;}
.view_btm.btn_wrap {margin-top:40px;border:0;}
.form_view .form_tit {margin-bottom:10px;font-size:21px;font-weight:700;color:#0080ca;}
.form_view .form_tit + p {margin-bottom:60px;}
.view_reply {margin-top:100px;border-top:2px solid #363636;border-bottom:1px solid #c5c5c5;}
.view_reply .re_tit {padding:20px 30px;font-size:21px;color:#010000;background:#fafafa;}
.view_reply .re_cont {padding:30px;}

/* 고객센터 */
.fc_blue {color:#0080ca!important;}
.list_table th, .list_table td {padding:14px 5px;text-align:center;}
.list_table .ta_l {padding-left:30px;}
.list_table .num_comm {margin-left:8px;font-size:15px;}
.ico_lock {content:"";display:inline-block;margin:-3px 0 0 8px;width:11px;height:13px;background:url(../images/ico_lock.png) no-repeat 0 0;background-size:100% auto;vertical-align:middle;}
.list_btm.btn_wrap {margin-top:60px;}
.btn_wrap {margin-top:50px;text-align:center;}
.btn_wrap .btn {display:inline-block;margin:0 5px;padding:0 36px;min-width:104px;height:40px;font-size:18px;font-weight:700;color:#fff;line-height:40px;border-radius:40px;text-align:center;background:#1fa7f1;box-sizing:border-box;}
.btn_wrap .btn.btn_gray {background:#7d8792;}

input::placeholder, input::-ms-input-placeholder, input::-moz-input-placeholder, input::-webkit-input-placeholder {color:#0080ca;}
.form_info {margin-bottom:18px;font-size:20px;color:#0080ca;line-height:1.3em;}
.write {margin-top:40px;}
.write h3 {margin-bottom:18px;font-size:25px;font-weight:400;color:#000;}
.write h3 .form_info {margin-left:10px;vertical-align:bottom;}
.write .form_list + h3 {margin-top:70px;}
.form_list {overflow:hidden;border-top:2px solid #363636;}
.form_list>li {float:left;display:table;width:100%;border-bottom:1px solid #c5c5c5;}
.form_list>li.half {width:50%;}
.form_list>li .label, .form_list>li .inputbox {display:table-cell;padding:15px 20px;box-sizing:border-box;vertical-align:middle;}
.form_list>li .label {width:207px;font-size:17px;color:#333232;text-align:right;line-height:1.3em;background-color:#fafafa;}
.form_list>li .label .req {position:relative;display:inline-block;padding-right:15px;}
.form_list>li .label .req:after {content:"*";position:absolute;top:-5px;right:0;font-size:17px;color:#0080ca;}
.form_list>li .inputbox {width:calc(100% - 207px);}
.form_list>li .inputbox input {width:100%;}
.form_list>li .form_in {padding:20px 35px;}
.form_list>li .form_in textarea, .form_list>li .inputbox textarea {padding:15px;width:100%;}
.form_list>li .form_in input[type="checkbox"] {position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;opacity:0;}
.form_list>li .form_in input[type="checkbox"] + label {position:relative;display:inline-block;margin-right:70px;line-height:38px;}
.form_list>li .form_in input[type="checkbox"] + label:before {content:"";display:inline-block;margin:-3px 10px 0 0;width:24px;height:24px;border:1px solid #898989;border-radius:3px;box-sizing:border-box;vertical-align:middle;background-color:#fff;}
.form_list>li .form_in input[type="checkbox"]:checked + label:before {border:0;background:url(../images/ico_checkbox.png) no-repeat 50% 50%;background-size:100% auto;}
.form_list>li .form_in .txt {margin-top:20px;font-size:16px;color:#7b7b7b;}
.form_list>li.textarea .label {padding-top:30px;vertical-align:top;}
.filebox input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.filebox label {display:inline-block;margin-left:10px;width:110px;padding:0;color:#999;font-size:17px;color:#fff;line-height:47px;vertical-align:middle;background-color:#5da33c;cursor:pointer;border-radius:5px;box-sizing:border-box;text-align:center;}
.filebox .upload-name {display:inline-block;width:calc(86% - 122px);}
.form_list>li .form_in .info {margin-top:20px;font-size:16px;color:#7b7b7b;}

.faq_list {margin-top:45px;border-top:2px solid #363636;}
.faq_list > li > div {position:relative;border-bottom:1px solid #c5c5c5;}
.faq_list > li > .txt_q:before, .faq_list > li > .txt_a .txt_in:before {position:absolute;left:65px;display:block;font-size:45px;font-weight:700;font-family:"NanumSquare", Arial, Helvetica, sans-serif;color:#13a6dd;}
.faq_list .txt_q {padding:30px 50px 30px 135px;font-size:20px;color:#333232;cursor:pointer;}
.faq_list .txt_a {display:none;padding:50px 0;font-size:17px;color:#333232;background:#f8f8f9;word-break:keep-all;}
.faq_list .txt_q:before {content:"Q";top:30px;}
.faq_list .txt_a .txt_in {position:relative;padding:0 135px;}
.faq_list .txt_a .txt_in:before {content:"A";top:10px;}
.faq_list .txt_q .arrow {position:absolute;top:50%;right:50px;display:block;margin-top:-5px;width:18px;height:10px;transform:rotate(-180deg);}
.faq_list .txt_q .arrow:before, .faq_list .txt_q .arrow:after {position:absolute;top:5px;content:"";display:block;width:11px;height:1px;background:#000;}
.faq_list .txt_q .arrow:before {left:0;transform:rotate(-45deg);}
.faq_list .txt_q .arrow:after {right:0;transform:rotate(45deg);}
.faq_list .txt_q.open .arrow {transform:rotate(0);}

/* 팝업 */
.popup_bg {display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;background:rgba(0,0,0,0.25);}
.popup_box {display:none;position:fixed;top:50%;left:50%;z-index:10001;margin:-170px 0 0 -295px;width:590px;height:340px;background:#fff;border-radius:20px;}
.popup_box .pop_inner {padding:80px 95px 0;text-align:center;}
.popup_box .pop_inner.type {padding-top:100px;}
.popup_box .txt {font-size:24px;color:#333232;}
.popup_box .input {margin-top:35px;margin-left:-40px;}
.popup_box .input label {margin-right:10px;font-size:17px;color:#333232;}
.popup_box .input input {width:210px;}
.popup_box .btn_wrap {margin-top:60px;}
.popup_box .input + .btn_wrap {margin-top:40px;}
.pop_close {position:absolute;top:0;right:0;width:55px;height:55px;background:#a0a4a7;border-radius:0 20px;}
.pop_close:before, .pop_close:after {position:absolute;top:28px;left:16px;content:"";display:block;width:24px;height:2px;background:#fff;}
.pop_close:before {transform:rotate(45deg);}
.pop_close:after {transform:rotate(-45deg);}



/*=== 모바일 ===*/
/* gnb */
.m_btn_menu {padding:10px;}
.m_btn_menu .bar {display:block;width:25px;height:12px;border-top:2px solid #282828;border-bottom:2px solid #282828;}
.m_btn_menu .bar:before {content:"";display:block;margin-top:5px;width:100%;height:2px;background:#282828;}
.m_gnb_wrap {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);}
.m_gnb_wrap .m_gnb_inner {position:fixed;top:0;bottom:0;right:-100%;padding-top:55px;width:80%;background:#fff;transition:all 0.3s;box-sizing:border-box;}
.m_gnb_wrap .m_nav {overflow-y:auto;max-height:100%;border-top:1px solid #c8c8c8;}
.m_gnb_wrap .m_nav a {display:block;}
.m_gnb_wrap .m_nav>li {border-bottom:1px solid #c8c8c8;}
.m_gnb_wrap .m_nav>li>a {position:relative;margin:0;padding:18px 35px;font-size:18px;font-weight:700;color:#333;}
.m_gnb_wrap .m_nav>li>a:before {position:absolute;top:22px;right:20px;content:"";display:block;width:13px;height:7px;background:url(../images/m_arrow_up.png) no-repeat 0 0;background-size:100% auto;transform:rotate(180deg);}
.m_gnb_wrap .m_nav>li>a.on:before {transform:rotate(0);}
.m_gnb_wrap .nav_sub>li>a {padding:10px 35px;font-size:15px;color:#333;}
.m_gnb_wrap .nav_sub {display:none;margin:0;padding:10px 0;visibility:visible;opacity:1;border-top:1px solid #c8c8c8;}
.m_gnb_wrap .nav_sub>li>a.ff_ns {font-size:16px;}
.m_gnb_wrap a:hover, .m_gnb_wrap a.current {color:#0176ba!important;}
.m_btn_close {position:absolute;top:0;right:10px;width:55px;height:55px;}
.m_btn_close:before, .m_btn_close:after {position:absolute;top:28px;left:16px;content:"";display:block;width:24px;height:1px;background:#000;}
.m_btn_close:before {transform:rotate(45deg);}
.m_btn_close:after {transform:rotate(-45deg);}
.btn_tel {position:absolute;top:13px;right:70px;display:inline-block;width:60px;height:28px;line-height:26px;font-size:12px;color:#fff;text-align:center;border-radius:26px;border:1px solid #1fa7f1;background:#1fa7f1;box-sizing:border-box;}
.btn_tel:before {content:"";display:inline-block;margin:-2px 2px 0 0;width:15px;height:20px;background:url(../images/m_ico_phone_white.png) no-repeat 0 0;background-size:100% auto;vertical-align:middle;}
.main .header .btn_tel {color:#fff;border:1px solid rgba(255,255,255,0.4);background:transparent;}
.header.fixed .btn_tel {border-color:#1fa7f1;background:#1fa7f1;}
/* footer */
.footer .left .txt03 {padding:17px 40px;font-size:34px;color:#000;line-height:36px;background-color:#fff;border-radius:70px;letter-spacing:-1px;}
.footer .left .txt03:before {content:"";display:inline-block;margin:-4px 13px 0 2px;width:32px;height:37px;background:url(../images/ico_phone.png) no-repeat 50% 50%;background-size:100% auto;vertical-align:middle;}
.gotel {position:fixed;right:15px;bottom:50px;z-index:100;display:block;padding-top:6px;width:50px;height:50px;font-size:12px;font-family:"NanumSquare", Arial, Helvetica, sans-serif;color:#fff;line-height:1em;text-align:center;background-color:#1fa7f1;border-radius:12px;box-sizing:border-box;transition:all 0.2s;}
.gotel:before {content:"";display:block;margin:0 auto 6px;width:15px;height:20px;background:url(../images/m_ico_phone_white.png) no-repeat 0 0;background-size:100% auto;}


/* ===============================================================================================================================
    반응형 
================================================================================================================================= */
@media screen and (max-width:2559px) {
    .wrap {min-width:0;}
    .text_list li p br {display:none;}
}

@media screen and (max-width:1785px) {
    .visual .btns .btn_prev {left:10px;}
    .visual .btns .btn_next {right:10px;}
}

@media screen and (max-width:1280px) {
    .side {display:none;}
    .inner {padding:0 20px;}
}

@media screen and (max-width:1200px) {
    #map, #map > div, #map > div > div {width:100%!important;height:auto!important;}
}

@media screen and (max-width:1023px) {
    .mo_show {display:block!important;}
    .mo_hide {display:none!important;} /* 모바일 일때 가리는 부분 */

    body, p {font-size:12px;}

    .inner {padding:0px 10px;}
    .header {overflow:visible;border-bottom:0;}
    .header, .header.fixed {height:50px!important;}
    .header:before {top:50px;}
    .header .logo {margin-top:2px;margin-left:3px;}
    .header .logo a {width:150px;height:48px;}
    .m_btn_menu {float:right;margin:9px 5px 0 0;}
    .main .header .m_btn_menu .bar {border-color:#fff;}
    .main .header .m_btn_menu .bar:before {background-color:#fff;}
    .header.fixed .m_btn_menu .bar {border-color:#282828;}
    .header.fixed .m_btn_menu .bar:before {background-color:#282828;}

    .footer {padding:40px 0 30px;}
    .footer .left, .footer .right {float:none;width:100%;}
    .footer .left {margin:0;height:30px;}
    .footer .left .logo {float:left;margin-top:0px;width:133px;height:38px;}
    .footer .left .txt03 {float:left!important;margin:0 0 0 30px;padding:0 10px;font-size:14px;line-height:30px;}
    .footer .left .txt03:before {margin:0 5px 0 0;width:15px;height:18px;}
    .footer .right {position:relative;margin-top:20px;}
    .footer .right .address {margin-bottom:0;font-size:11px;line-height:2em;letter-spacing: -0.5px}
    .footer .right .address br {display:block;}
    .footer .right .address span {margin-left:0;}
    .footer .right .copyright {font-size:11px;}
    .go_pc {position:absolute;top:4px;left:220px;margin-left:10px;padding-top:2px;padding-left:10px;border-left:1px solid #8b8b8b;line-height:1em;}
    .go_pc a {display:inline-block;color:#5a5959;border-bottom:1px solid #5a5959;}

    .gotop {right:15px;padding-top:6px;width:50px;height:50px;font-size:12px;color:#000;line-height:1em;border:1px solid #707070;background-color:#fff;border-radius:12px;}
    .gotop:before {margin-bottom:6px;width:14px;height:16px;background:url(../images/m_arrow_top.png) no-repeat 0 0;background-size:100% auto;}
    .gotop.on {bottom:50px;}
    .gotop.on + .gotel {bottom:112px;}
    
    /* main */
    .slider {height:630px;}
    .slider .bg {background-position:35% 0!important;}
    .slider .inner .txt {margin-top:100px;}
    .slider .inner .txt .tit {font-size:40px;}
    .slider .inner .txt .info {font-size:15px;}
    .slider .inner .txt .btn {padding:0 12px 0 18px;font-size:14px;line-height:24px;}
    .slider .inner .img {top:20px;left:20px;width:100%;}
    .swiper-slide-active .inner .img {left:0;}
    .slider .swiper-pagination-bullet {width:9px;height:9px;}
    .main_top {margin:20px 0 50px;}
    .main_top h3, .main_mid h3 {font-size:24px;}
    .main_contact {position:relative;margin-bottom:50px;padding:25px 20px;border-radius:6px;}
    .main_contact .txt01 {display:block;margin:0 0 15px;width:100%;font-size:16px;font-weight:700;}
    .main_contact .txt02 {font-size:11px;}
    .main_contact .txt03 {position:absolute;top:15px;right:20px;padding:5px 12px;font-size:14px;line-height:20px;}
    .main_contact .txt03:before {margin-top:0;margin-right:5px;width:15px;height:18px;}
    .main_link li {width:100%;}
    .main_link li a {padding:25px 20px;}
    .main_link li .tit {font-size:19px;}
    .main_link li .info {font-size:12px;}
    .main_mid {padding:30px 0 0;}
    .main_mid h3 {margin-bottom:25px;}
    .main_mid .txtbox {margin-top:20px;}
    .main_mid .txtbox .tit {padding-left:28px;font-size:16px;}
    .main_mid .txtbox .tit .num {width:20px;height:20px;font-size:15px;}
    .main_mid .txtbox p {font-size:13px;}
    .main_mid .txtbox p br {display:none;}
    .main_mid .swiper-container {padding-bottom:50px;}
    .main_mid .swiper-pagination {bottom:10px;}
    .main_mid .swiper-pagination .swiper-pagination-bullet {margin:0 8px!important;width:9px;height:9px;background:#fff;opacity:1;}
    .main_mid .swiper-pagination .swiper-pagination-bullet-active {background:#0bb2ff;}
    .main_mid .swiper-wrapper {padding-left:10px;}
    .mySwiper2 {padding-left:0!important;padding-right:80px!important;}

    .main_btm:before, .main_btm .fl .in_cont .btn {display:none;}
    .main_btm h3 {font-size:22px;text-align:center;}
    .main_btm .fl {margin:50px 0;padding:0;width:100%;}
    .main_btm .fl .in_cont ul li {padding:14px 0;font-size:13px;}
    .main_btm .fl .in_cont ul li a {width:calc(100% - 80px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .main_btm .fr {overflow:hidden;float:none!important;margin:0 -10px;padding:0;width:auto;background:#266faa;}
    .main_btm .fr ul li {padding-top:18px;height:105px;font-size:12px;}
    .main_btm .fr ul li img {width:50px;height:auto;}
    .main_btm .fr ul li .txt {margin-top:5px;}
    .main_btm .fr ul li:nth-child(3), .main_btm .fr ul li:nth-child(4) {padding-top:10px;}

    .container {margin-top:50px;}

    .location.on {top:0;visibility:visible;opacity:1;}
    .location {position:fixed;top:-51px;left:0;z-index:100;width:100%;height:51px;background:#fff;opacity:0;visibility:hidden;transition:all 0.1s;}
    .location .loca_nav {margin-left:20px;}
    .location .loca_nav > li:nth-child(1), .location .loca_nav > li:nth-child(2) {display:none;}
    .location .btn_tel {right:25px;}
    .location ul li {line-height:51px;}
    .location ul li .ico_arrow_dn {top:24px;}
    .location > ul > li {min-width:150px;font-size:16px;font-weight:700;border-right:0;}
    .location .sub {top:51px;padding:5px 0;width:100%;border:1px solid #c9c9c9;border-top:0;}
    .location .sub li {font-size:14px;font-weight:400;line-height:37px;border:0;}

    .title {height:160px;}
    .title.bg01 {background-image: url(../images/m_top_bg01.jpg);}
    .title.bg02 {background-image: url(../images/m_top_bg02.jpg);}
    .title.bg03 {background-image: url(../images/m_top_bg03.jpg);}
    .title.bg04 {background-image: url(../images/m_top_bg04.jpg);}
    .title h2 {font-size:29px;}
    .title h3 {max-width:150px;font-size:18px;line-height:30px;}

    .cont_head {margin:30px 0 25px;}
    .cont_head .form_search {margin:0 auto;width:240px;}
    .cont_head .form_search input {padding-right:40px;width:100%;height:40px;line-height:40px;font-size:14px;}
    .btn_search {width:40px;background:url(../images/m_ico_search.png) no-repeat 50% 50%;background-size:21px auto;}

    .cont_head .combobox {margin:0 auto;}
    .combobox {width:240px;height:42px;font-size:15px;}
    .combobox .btn {line-height:40px;}
    .combobox .btn:before {width:12px;height:7px;background:url(../images/m_arrow_down_blue.png) no-repeat 0 0;background-size:100% auto;}
    .combobox .dropdown {font-size:13px;}

    .list {padding:0 0 40px;}
    .list>ul {margin:0 -10px;}
    .list>ul>li {margin-bottom:0;padding:0 10px;}
    .list.col_2>ul>li {width:100%;}
    .list.col_3>ul>li {width:50%;}
    .list.col_3>ul>li:nth-of-type(3n+1) {clear:none;}
    .list.col_3>ul>li:nth-of-type(2n+1) {clear:both;}
    .list>ul>li h4 {margin-top:20px;font-size:13px;}
    .list_video>ul>li h4 {font-size:14px;}

    .list_delivery thead {display:none;}
    .list_delivery, .list_delivery tbody, .list_delivery tbody tr, .list_delivery tbody td {display:block;}
    .list_delivery tbody tr {position:relative;padding:50px 0 15px;}
    .list_delivery tbody tr:not(:first-child) {border-top:1px solid #ccc;}
    .list_delivery tbody td {padding:5px;font-size:13px;border:0;text-align:left!important;}
    .list_delivery tbody td:nth-child(1) {display:none;}
    .list_delivery tbody td:nth-child(3) {position:absolute;top:15px;left:0;padding-left:0;padding-right:0;width:100%;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
    .list_delivery tbody td:nth-child(3) a {color:#0176ba;}
    .list_delivery tbody td:nth-child(2):before {content:"발주처";}
    .list_delivery tbody td:nth-child(4):before {content:"시행사";}
    .list_delivery tbody td:nth-child(5):before {content:"협력업체";}
    .list_delivery tbody td:nth-child(2), .list_delivery tbody td:nth-child(4), .list_delivery tbody td:nth-child(5) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-left:75px;box-sizing:border-box;}
    .list_delivery tbody td:nth-child(2):before, .list_delivery tbody td:nth-child(4):before, .list_delivery tbody td:nth-child(5):before {position:absolute;left:0;display:inline-block;width:75px;font-weight:700;}
    .paging ul {margin-top:30px;}
    .paging ul li {margin:0 12px;}
    .paging ul li a {font-size:13px;}
    .paging ul li.prev {margin-right:8px;}
    .paging ul li.next {margin-left:8px;}
    .paging ul li.prev a, .paging ul li.next a {position:relative;border:0;background:none;}
    .paging ul li.prev a:before, .paging ul li.prev a:after, .paging ul li.next a:before, .paging ul li.next a:after {position:absolute;left:13px;content:"";display:block;width:10px;height:1px;background:#000;}
    .paging ul li.prev a:before {top:15px;transform:rotate(-45deg);}
    .paging ul li.prev a:after {top:22px;transform:rotate(45deg);}
    .paging ul li.next a:before {top:22px;transform:rotate(-45deg);}
    .paging ul li.next a:after {top:15px;transform:rotate(45deg);}

    .cont_head.mo_hide + .cont_body {margin-top:45px;}
    .view_tit {padding:20px;font-size:15px;background:#f5f5f5;}
    .view_meta {padding:10px 0;font-size:13px;}
    .view_meta > span {margin:0 10px;}
    .view_meta > span.v_admin {display:none;}
    .view_cont {margin-top:40px;padding:0 20px;}
    .view_cont * {font-size:14px;line-height:1.8em;}
    .view_cont > p + p {margin-top:25px;}
    .view_reply .re_cont > * {font-size:15px;line-height:1.8em;}
    .view_cont p:not(:last-child) {margin-bottom:0;}
    .view_btm {margin-top:50px;}
    .btn_list {margin-top:30px;height:35px;line-height:35px;font-size:14px;}
    .view_btm.btn_wrap {margin-top:30px;}
    .btn_wrap .btn {padding:0 20px;min-width:100px;height:35px;line-height:35px;font-size:15px;}

    .view_attach {margin-top:40px;}
    .view_attach .left, .view_attach .right {padding:15px;font-size:13px;}
    .view_attach .left {width:80px;}
    .view_attach .right a {margin-right:10px;}
    .form_view .form_tit {font-size:17px;}
    .form_view .form_tit + p {margin-bottom:40px!important;font-size:16px;}
    .view_reply {margin-top:50px;}
    .view_reply .re_tit, .view_reply .re_cont {padding-left:20px;padding-right:20px;}
    .view_reply .re_tit {font-size:15px;background:#f5f5f5;}

    .list_table colgroup, .list_table thead, .list_notice tbody td:nth-child(1), .list_notice tbody td:nth-child(3), .list_notice tbody td:nth-child(5),
    .list_inquiry tbody td:nth-child(1) {display:none;}
    .list_table, .list_table tbody {display:block;}
    .list_table {border-bottom:0;}
    .list_table tbody tr {overflow:hidden;display:block;border-bottom:1px solid #c5c5c5;}
    .list_table tbody tr td {float:left;display:block;padding:15px 5px;line-height:30px;box-sizing:border-box;border:0;}
    .list_table tbody tr td.ta_l {padding-left:5px;}
    .list_notice tbody td:nth-child(2), .list_inquiry tbody td:nth-child(2) {width:calc(100% - 80px)!important;font-size:14px;}
    .list_notice tbody td:nth-child(2) a, .list_inquiry tbody td:nth-child(2) a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .list_notice tbody td:nth-child(2) a {display:block;}
    .list_notice tbody td:nth-child(4), .list_inquiry tbody td:nth-child(4) {width:80px!important;font-size:12px;}
    .list_inquiry tbody tr {position:relative;padding-bottom:15px;}
    .list_inquiry tbody tr td {float:none;}
    .list_inquiry tbody td:nth-child(2) {padding-bottom:10px;font-size:15px;}
    .list_inquiry tbody td:nth-child(2) a {display:inline-block;max-width:calc(100% - 50px);vertical-align:middle;}
    .list_inquiry tbody td:nth-child(3), .list_inquiry tbody td:nth-child(5) {padding-top:0;padding-bottom:0;width:100%;font-size:14px;text-align:left;line-height:26px;}
    .list_inquiry tbody td:nth-child(3):before, .list_inquiry tbody td:nth-child(5):before {display:inline-block;margin-left:5px;width:65px;font-weight:700;}
    .list_inquiry tbody td:nth-child(3):before {content:"작성자";}
    .list_inquiry tbody td:nth-child(5):before {content:"상태";}
    .list_inquiry tbody td:nth-child(4) {position:absolute;top:0;right:0;}
    .list_table .num_comm, .ico_lock {margin-left:4px;}
    .ico_lock {width:8px;height:11px;background-image:url(../images/m_ico_lock.png);}
    .list_btm.btn_wrap {margin-top:30px;}

    .write h3 {margin-bottom:10px;font-size:16px;}
    .write h3 .form_info, .form_info {margin-bottom:10px;font-size:13px;}
    .write .form_list + h3 {margin-top:50px;}
    .form_list {border-bottom:1px solid #ccc;}
    .form_list>li {float:none;padding:0 10px;border-bottom:0;background:#f5f5f5;box-sizing:border-box;}
    .form_list>li:last-child {padding-bottom:25px;}
    .form_list>li.half {width:100%;}
    .form_list>li .label, .form_list>li .inputbox {display:block;padding:0;width:auto;font-size:15px;text-align:left;background:transparent;}
    .form_list>li .label {margin:20px 0 5px;}
    .form_list>li .label .req br {display:none;}
    .form_list>li .label .req:after {position:relative;right:auto;font-size:15px;vertical-align:top;}
    .form_list>li .form_in {display:block;padding:25px 10px 0;width:auto;font-size:15px;text-align:left;background:transparent;}
    .form_list>li .form_in textarea {display:block;height:130px;font-size:15px;}
    .form_list>li .form_in input[type="checkbox"] + label {float:left;width:33.33%;margin:5px 0;}
    .form_list>li .form_in input[type="checkbox"]#chb_3 + label {float:right;width:28%;}
    .form_list>li .form_in input[type="checkbox"] + label:before {margin:-2px 5px 0 0;width:18px;height:18px;}
    .form_list>li .form_in input[type="checkbox"]:checked + label:before {background-image:url(../images/m_ico_checkbox.png);}
    .form_list.form_check>li {padding-bottom:0;}
    .form_list.form_check>li .form_in {overflow:hidden;padding-top:15px;padding-bottom:15px;}
    .form_list + .btn_wrap {margin-top:30px;}
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {padding:0 10px;height:42px;font-size:15px;}
    .form_list>li.textarea .label {padding-top:0;}
    .form_list>li.textarea textarea {height:190px;font-size:15px;}
    .filebox label {margin-left:7px;width:75px;line-height:38px;font-size:15px;}
    .filebox .upload-name {display:inline-block;width:calc(100% - 83px);}
    .form_list>li .form_in .info {margin-top:10px;font-size:15px;}

    .faq_list > li > .txt_q:before, .faq_list > li > .txt_a .txt_in:before {left:15px;font-size:27px;}
    .faq_list .txt_q {padding:20px 50px;font-size:14px;line-height:1.6em;}
    .faq_list .txt_a {padding:35px 0;font-size:13px;}
    .faq_list .txt_q:before {top:21px;}
    .faq_list .txt_a .txt_in {padding:0 25px;}
    .faq_list .txt_a .txt_in:before {display:none!important;}
    .faq_list .txt_q .arrow {right:11px;width:12px;}
    .faq_list .txt_q .arrow:before, .faq_list .txt_q .arrow:after {width:7px;}

    .table_dropZone thead th, .table_dropZone tbody td {padding-left:10px;padding-right:10px;}
    .table_dropZone thead th {font-size:14px;text-align:center;}
    .table_dropZone tbody td {font-size:13px;background:#fff;}

    .popup_box {margin-top:-93px;margin-left:-145px;width:290px;height:186px;border-radius:10px;}
    .popup_box .pop_inner {padding:40px 10px 0;}
    .popup_box .txt {font-size:13px;}
    .popup_box .input {position:relative;margin:10px auto 0;width:150px;}
    .popup_box .input label {position:absolute;top:0;left:0;display:block;padding:0 10px;width:100%;line-height:40px;font-size:13px;text-align:left;box-sizing:border-box;}
    .popup_box .input label.hide {display:none;}
    .popup_box .input input {width:100%;height:40px;line-height:40px;}
    .popup_box .input + .btn_wrap {margin-top:20px;}
    .popup_box .btn_wrap .btn {min-width:75px;height:33px;line-height:33px;}
    .pop_close {width:30px;height:30px;border-radius:0 10px;}
    .pop_close:before, .pop_close:after {top:14px;left:9px;width:13px;height:1px;}
    .popup_box .pop_inner.type {padding-top:50px;}
    .popup_box .pop_inner.type .btn_wrap {margin-top:40px;}

    /* 회사소개 */
    .page .cont_body {padding-top:55px;}
    .page .cont_body p + p {margin-top:20px;}
    .page .img img {width:100%;}
    .company_info p {font-size:13px;word-break:keep-all;}
    .company_info .txt1 {margin-bottom:25px;font-size:18px;}
    .company_info .txt2 {font-size:16px;}
    .company_info .txt3 {font-size:13px;}
    .company_info .img {margin:55px -10px!important;}
    .company_info .ceo {margin:20px 0 70px!important;}
    .company_info .ceo p {font-size:14px;}
    .company_info .ceo .txt2 {margin-left:5px;font-size:19px;}
    .history {position:relative;margin-top:34px;}
    .history > li {margin-bottom:16px;padding:25px 0 0 80px;min-height:68px;word-break:keep-all;}
    .history > li p {font-size:14px;}
    .history > li .year {width:68px;height:68px;line-height:68px;font-size:14px;}
    .history > li.li_img {position:static;width:auto;margin:55px 0;}
    .history > li.li_img img {width:100%;}
    .page .history > li p + p {margin-top:15px;}
    .page .company_history .img {margin-top:0;}
    .company_group .box1 {margin-top:0;}
    .company_group .box1 .txtbox {top:30px;}
    .company_group .box1 .txtbox .txt1 {font-size:40px;}
    .company_group .box1 .txtbox .txt2 {margin-top:5px;font-size:13px;}
    .company_group .box .txtbox h3 {font-size:30px;}
    .company_group .fr, .company_group .fl {float:none!important;width:auto!important;padding:0!important;}
    
    .company_group .box .txtbox p {font-size:14px;}
    .company_group .box .txtbox .ul {width:270px;}
    .company_group .box .txtbox .ul h4 {margin-bottom:10px;font-size:17px;text-align:left;}
    .company_group .box .txtbox .ul ul li {font-size:13px;text-align:left;}
    .company_group .box2 {margin-top:60px;text-align:center;}
    .company_group .box2 .ul {margin:45px auto 32px;}
    .company_group .box2 .ul .order1, .company_group .box2 .ul .order2 {margin-bottom:25px;}
    .company_group .box2 .ul .order2, .company_group .box2 .ul .order4 {padding-left:40px;}
    .company_group .box3 {margin:50px 0 75px;}
    .company_group .box3 .ta_r {text-align:center!important;}
    .company_group .box3 .txtbox .ul {float:none;margin:30px auto 35px;}
    .company_group .box3 .txtbox .ul > li {padding-left:40px;}

    .company_contact img {width:100%;}
    .company_contact .txt1 {padding-top:0;font-size:14px;}
    .company_contact .txt1 .big {margin-bottom:5px;font-size:17px;}
    .company_contact .img_txt {margin-top:40px;}
    .company_contact .img_txt .txtbox {right:auto;left:50%;bottom:35px;margin-left:-100px;padding:0 0 0 70px;width:130px;height:35px;line-height:35px;border-radius:35px;letter-spacing:-1px;background:#fff;}
    .company_contact .img_txt .txtbox:before {left:15px;width:46px;height:50px;}
    .company_contact .img_txt .txtbox .ff_ns {font-size:15px;}
    .col_half {overflow:hidden;margin:0;}
    .col_half > li {margin-top:60px;padding:0;}
    .col_half > li .ff_ns {margin-bottom:10px;font-size:18px;width:50%;float: left;}
    .col_half > li p {margin-bottom:10px;font-size:12px;margin-top:10px;margin-left: 15px;}
    .col_half > li p span {margin-left:15px;}
    #map {margin-top:85px;}

    /* 제품 */
    .location.mo_show .current {min-width:100px;}
    .visual {height:530px;}
    .visual .bg {background:url(../images/m_visual_bg.jpg) no-repeat 50% 0 / cover;}
    .visual .tit {padding-top:30px;font-size:22px;}
    .visual .info {margin-bottom:25px;font-size:14px;}
    .visual .img {max-height:390px;}
    .visual_btns {position:absolute;bottom:20px;left:0;width:100%;display:flex!important;}
    .visual_btns a {width:10px;height:10px;}
    .product_head {padding:45px 0 62px;}
    .product_head .tit {font-size:24px;}
    .product_head .info {font-size:17px;}
    .product_head .txt1 {margin-top:25px;font-size:17px;}
    .product_head .txt2 {font-size:13px;}
    .product_head .txtbox {display:block;margin-top:30px;padding:20px 10px 20px 95px;min-height:150px;}
    .product_head .txtbox:before {top:20px;left:25px;width:50px;height:45px;}
    .bul_cir li {padding-left:8px;font-size:13px;line-height:1.8em;}
    .bul_cir li:before, .product_body .box3 .bul_cir li:before {top:9px;width:2px;height:2px;}
    .product_head .txtbox ul + ul {margin-left:0;}
    .product_head .txtbox .bul_cir li {word-break:keep-all;}
    .bg_gray {background:#fff;}
    .product_body {padding:0;}
    .product_body .box1 {margin:0 -10px;}
    .product_body .box1 .txt {top:35px;font-size:19px;}
    .product_body .box2 {margin:0 -10px;}
    .product_body .box3 {margin-top:0;padding:30px 0 0;border-top:1px solid #e2e2e2;}
    .product_body .box3 .tit {margin-bottom:15px;font-size:18px;}
    .product_body .box3 .border_top {margin-top:30px;padding-top:30px;}
    .product_body .box3 dl dt.tit {margin-bottom:15px;}
    .product_body .box3 dl dt.tit, .product_body .box3 dl dd {float:none;width:100%;}
    .product_body .box3 dl dd ul {width:50%;}
    .product_body .box3 dl dd ul + ul {margin-left:0;}
    .photobox {margin:0 15px;}
    .product_body .box3 .photobox img + img {margin-top:35px;}
    .mo_full {width:100%!important;}
    .tbl_scroll {overflow-x:auto;margin-bottom:40px;}
    .tbl_scroll table {width:580px;}
    .tbl thead th {padding:10px 0;font-size:14px;}
    .tbl thead th:first-child {border-radius:3px 0 0 3px;}
    .tbl thead th:last-child {border-radius:0 3px 3px 0;}
    .tbl tbody td {padding:10px 0;font-size:13px;}
    .product_body .box3 .bul_txt {font-size:14px;}
    .product_body .box3 .bul_txt:before {margin-right:5px;width:6px;height:6px;}
    .product_body .box3 .tit_s.border_top {margin-top:30px;padding-top:30px;}
    .product_body .box3 .tit_s {margin-bottom:40px;font-size:18px;}
    .install_list {margin:-25px 5px 40px;}
    .install_list > li {margin-top:25px;padding:0 5px;width:50%;text-align:left;}
    .install_list > li:nth-of-type(3n+1) {clear:none;}
    .install_list > li:nth-of-type(2n) {padding-left:20px;}
    .install_list > li:nth-of-type(2n+1) {clear:both;padding-right:20px;}
    .install_list > li .txt {margin-top:12px;padding-left:25px;font-size:13px;word-break:keep-all;}
    .install_list > li .txt .num {top:-2px;width:20px;height:20px;line-height:22px;}
    .product_body .box3 .tit_s.ml {margin:60px 0 20px;}
    .product_body .box3 .tbl_scroll + .bul_blue {margin:25px 0 40px;}
    .bul_blue li {padding-left:10px;font-size:13px;}
    .bul_blue li:before {top:7px;width:4px;height:4px;}
    .bul_cir.fs_20 > li {font-size:13px;}
    .bul_cir > li .fs_24 {font-size:13px;}
    .bul_cir.fs_20 > li + li {margin-top:20px;}
    .visual .tab_btns {margin-bottom:10px;}
    .visual .tab_btns, .product_body .box1 .tab_btns {width:160px;}
    .product_body .box1 .tab_btns {top:60px;margin-left:-80px;}
    .visual .tab_btns .item1, .product_body .box1 .tab_btns .item1 {width:65px;}
    .visual .tab_btns .item2, .product_body .box1 .tab_btns .item2 {width:90px;}
    .visual .tab_btns button, .product_body .box1 .tab_btns button {font-size:12px;line-height:23px;}
    .visual .tab_btns:before {height:25px;width:68px;}
    .visual .tab_btns.move_right:before {left:65px;width:95px;}
    .product_body .box1 .tab_btns:before {height:23px;width:65px;}
    .product_body .box1 .tab_btns.move_right:before {left:65px;width:90px;}

    .visual .insert_html .slide_visual {height:390px;}
    .visual .insert_html .slide_visual img {width:auto;height:100%;}
    .product_body .insert_html {top:100px;height:calc(100% - 110px);}
    .product_body .insert_html .slide_visual {height:100%;}
    .product_body .insert_html .slide_visual img {width:auto;height:100%;}
    .product_body .box1 img {width:100%;}

    .visual .btns {display:none;}
}

@media screen and (max-width:413px) {
    .product_head .txtbox .bul_cir li br {display:none!important;}
}

@media screen and (max-width:360px) {
    .btn_wrap .btn {min-width:80px;padding:0 30px;}
    .product_head .txt2 br, .bul_cir li br, .install_list > li .txt br {display:none!important;}
    .product_head .txt2, .bul_cir li, .install_list > li .txt {word-break:keep-all;}
}