body,input,textarea,select,button,a{font-family:'Noto Sans KR'}
a,div,img,button,area,input,select,audio{outline:none;}

#wrap{position:relative;overflow:hidden;}
.container{text-align:center;}
.aside{display:none;margin:30px 0 80px 0;}
.show_aside .container{max-width:1260px;margin-left:auto;margin-right:auto;}
.show_aside .aside{display:block;float:left;width:17%;}
.show_aside .content{float:right;width:80%;}
.db{position:relative;max-width:1260px;margin:0 auto;text-align:left;}

.skip_navigation{position:relative;}
.skip_navigation a{position:absolute;display:block;top:-10000px;left:0;padding:10px 0;text-align:center;font-size:15px;line-height:15px;color:#fff;background:#000;}
.skip_navigation a:focus{position:static;top:0;}

.content{width:100%;margin-top:30px;}
.content.no_margin{margin:0;}

.header .navi-wrap-outer{position:relative;height:77px;}
.header .navi-wrap{border-bottom:1px solid #dfdfdf;}
.header .navi-wrap .logo{display:block;float:left;padding:27px 0 20px 0;width:25%;}
.header .navi-wrap .logo img:nth-child(2){display:none;}
.header .navi-wrap .navi_box_outer{position:relative;float:right;width:50%;}
.header .navi-wrap .navi_box:after{content:'';display:block;clear:both;width:100%;}
.header .navi-wrap .navi_box .s1_box{float:left;width:20%;}
.header .navi-wrap .navi_box .s1 a{display:block;position:relative;height:16px;padding:30px 0 30px 0;text-align:center;font-size:16px;line-height:16px;}
.header .navi-wrap .navi_box .s1 a:hover{color:#333 !important;}
.header .navi-wrap .navi_box .s1_box:hover .s1 a:after,
.header .navi-wrap .navi_box .s1_box.active .s1 a:after{content:'';position:absolute;z-index:2;bottom:-1px;left:0;width:100%;height:1px;background:#22A896;}
.header .navi-wrap .navi_box .s2_wrap{display:none;}
.header .navi-wrap .navi_box .show_child{display:none;}

.header .navi-wrap.fixed{position:fixed;z-index:1002;top:0;left:0;width:100%;margin:0;border:none;border-bottom:1px solid #ddd;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;}

.header .main-navi-layer{display:none;position:absolute;z-index:1001;top:77px;left:0;width:100%;border-bottom:1px solid #dfdfdf;background:#fff;overflow:hidden;}
.header .main-navi-layer .primary-img{display:block;float:left;width:50%;padding:40px 0 40px 0;font-size:15px;color:#676767;}
.header .main-navi-layer .primary-img img{margin-bottom:10px;}
.header .main-navi-layer .main-navi-layer-inside{float:right;width:50%;}
.header .main-navi-layer .s1_box{position:relative;float:left;width:20%;}
.header .main-navi-layer .s1_box .s1{visibility:hidden;}
.header .main-navi-layer .s1_box .s2_wrap{padding:15px 0 15px 0;}
.header .main-navi-layer .s1_box .s2_wrap a{display:block;padding:12px 0;text-align:center;font-size:15px;color:#787878;}
.header .main-navi-layer .s1_box .s2_wrap a:hover{color:#22A896;}

.header .mobile-top{display:none;}

/*main*/
.page-id-69 .header{position:absolute;z-index:2;top:0;left:0;width:100%;}
.page-id-69 .navi-wrap-outer:hover{background:#fff;}
.page-id-69 .header .navi-wrap .logo img:nth-child(1){display:none;}
.page-id-69 .header .navi-wrap .logo img:nth-child(2){display:inline;}
.page-id-69 .header .navi-wrap{padding-bottom:1px;border-bottom:none;}
.page-id-69 .header .navi-wrap .navi_box .s1 a{color:#fff;}
.page-id-69 .header .navi-wrap .navi_box .s1 a:hover{color:#fff !important;}

.page-id-69 .navi-wrap-outer:hover .navi-wrap,
.page-id-69 .header .navi-wrap.fixed{padding-bottom:0;border-bottom:1px solid #dfdfdf;}

.page-id-69 .navi-wrap-outer:hover .navi-wrap .logo img:nth-child(1),
.page-id-69 .header .navi-wrap.fixed .logo img:nth-child(1){display:inline;}

.page-id-69 .navi-wrap-outer:hover .navi-wrap .logo img:nth-child(2),
.page-id-69 .header .navi-wrap.fixed .logo img:nth-child(2){display:none;}

.page-id-69 .navi-wrap-outer:hover .navi-wrap .navi_box .s1 a,
.page-id-69 .header .navi-wrap.fixed .navi_box .s1 a{color:#393939;}

.page-id-69 .navi-wrap-outer:hover .navi-wrap .navi_box .s1 a:hover,
.page-id-69 .header .navi-wrap.fixed .navi_box .s1 a:hover{color:#333 !important;}

.page-id-69 .container{position:relative;z-index:1;}

.aside .navi{position:relative;}
.aside .navi .s_wrap{display:none;}
.aside .navi .s_wrap.act_wrap{display:block;}
.aside .navi .s{position:relative;}
.aside .navi .s a{display:block;text-align:left;color:#333338;}
.aside .navi .s1 a{padding:0 0 15px 10px;margin-bottom:8px;font-size:18px;font-weight:bold;text-align:left;color:#000 !important;border-bottom:3px solid #454548;background:none !important;}
.aside .navi .s2 a{padding:12px 0 10px 10px;font-weight:bold;border-top:1px solid #eee;}
.aside .navi .s2:nth-child(1) a{border-top:none;}
.aside .navi .s3_box{padding:0 0 6px 0;}
.aside .navi .s3 a{padding:8px 0 8px 10px;color:#767676;}
.aside .navi .s3 a:hover{font-weight:bold;}
.aside .navi .s4 a{padding:8px 0 8px 18px;color:#767676;}
.aside .navi .s4 a:hover{font-weight:bold;}
.aside .navi .show_child{display:block;position:absolute;top:1px;right:0;width:40px;height:15px;padding:10px 0;text-align:center;font-size:15px;font-weight:bold;cursor:pointer;}
.aside .navi .show_child:hover{background:#f0f0f0;}
.aside .navi .s1 .show_child{display:none;}

.content_left_end_box{position:absolute;z-index:20;top:0;left:-120px;width:110px;}
.content-right{position:fixed;z-index:20;top:179px;left:50%;width:114px;margin-left:680px;text-align:center;border:1px solid #DEDEDE;background:#fff;}
.content-right a{display:block;position:relative;margin-bottom:40px;font-size:14px;color:#393939;}
.content-right a:before{content:'';position:absolute;left:10%;top:-19px;width:80%;height:1px;background:#DEDEDE;}
.content-right a:first-child{margin-top:20px;}
.content-right a:first-child:before{display:none;}
.content-right a:last-child{margin-bottom:20px;}
.content-right a dd{margin-top:8px;}
.content-right a:nth-child(2) dd{color:#22A896;}

.footer{margin-top:60px;}
.footer .navi_section{border-top:2px solid #222222;border-bottom:1px solid #DEDEDE;}
.footer .navi_section .navi{overflow:hidden;}
.footer .navi_section .navi li{float:left;}
.footer .navi_section .navi li a{display:block;height:15px;font-size:15px;padding:18px 25px;color:#333333;}
.footer .navi_section .navi li:first-child a{padding-left:0;}
.footer .navi_section .navi li a:hover{text-decoration:underline;}
.footer .txt_section{padding:50px 0;}
.footer .box_wrap{position:relative;overflow:hidden;}
.footer .box_wrap .box2{float:left;width:65%;}
.footer .box_wrap .box2 .footer-logo{margin-bottom:20px;}
.footer .box_wrap .box2 ul{overflow:hidden;font-size:15px;line-height:19px;}
.footer .box_wrap .box2 li{float:left;padding:2px 0;color:#919191;}
.footer .box_wrap .box2 ul.row3{margin-top:20px;font-weight:100;}
.footer .box_wrap .box2 li a{color:#919191;}
.footer .box_wrap .box3{float:right;width:35%;}
.footer .box_wrap .box3 .inner_box{position:relative;padding-left:120px;border-left:1px solid #dfdfdf;}
.footer .box_wrap .box3 .row1{display:block;margin-top:8px;font-family:'verdana';font-size:36px;letter-spacing:-1px;font-weight:bold;color:#21A896;}
.footer .box_wrap .box3 .row2{margin-top:16px;font-size:15px;color:#717171;line-height:24px;}
.footer .box_wrap .box3 .row3{margin-top:18px;}
.footer .box_wrap .box3 .row3 a{position:relative;display:inline-block;width:209px;height:49px;text-align:left;text-indent:30px;line-height:49px;font-size:15px;border:1px solid #DEDEDE;border-radius:10px;}
.footer .box_wrap .box3 .row3 a span{display:inline-block;position:absolute;top:28px;right:40px;width:24px;height:1px;background:#393939;}
.footer .box_wrap .box3 .row3 a span:after{content:'';display:inline-block;position:absolute;top:-3px;right:-1px;width:9px;height:1px;background:#393939;transform:rotate(45deg);}

.page-top-img .display{height:200px;text-align:center;}
.page-top-img .txt_wrap{padding-top:48px;font-family:'Noto Sans KR';color:#fff;}
.page-top-img .txt_wrap .box0{display:inline-block;padding:8px 2px;font-size:22px;line-height:22px;}
.page-top-img .txt_wrap .box1{margin-top:5px;font-size:32px;font-weight:bold;letter-spacing:-1px;}

.page-top-title{margin:90px 0 60px 0;text-align:center;font-size:40px;color:#222222;font-weight:bold;}

.forum-list{margin-top:30px;}
.forum-form{margin-top:30px;}

.product-reg-form .db{max-width:610px;}
.product-reg-form .ess-msg{margin-bottom:26px;text-align:right;font-size:15px;color:#222222;}
.product-reg-form .ess-mark{display:inline-block;position:relative;vertical-align:top;}
.product-reg-form .ess-mark:before{content:'*';position:absolute;top:-1px;right:-10px;color:#EF2B32;}
.product-reg-form input[type=radio]{display:inline-block;position:relative;width:15px;height:13px;color:#7F7F7F;font-weight:bold;border:none;cursor:pointer;vertical-align:middle;}
.product-reg-form input[type=radio]:before{content:'';display:inline-block;position:absolute;top:-2px;left:0;width:14px;height:14px;border:1px solid #acacac;background:#fff;border-radius:50%;}
.product-reg-form input[type=radio]:checked:after{content:'';position:absolute;left:4px;top:2px;width:8px;height:8px;background:#fff;border-radius:50%;}
.product-reg-form input[type=radio]:checked:before{background:#acacac;}
.product-reg-form input[type=checkbox]{display:inline-block;position:relative;width:15px;height:12px;color:#7F7F7F;font-weight:bold;border:none;cursor:pointer;vertical-align:middle;}
.product-reg-form input[type=checkbox]:before{content:'';display:inline-block;position:absolute;top:-3px;left:0;width:14px;height:14px;border:1px solid #acacac;background:#fff;border-radius:3px;}
.product-reg-form input[type=checkbox]:checked:after{content:'';position:absolute;left:6px;top:0;width:3px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.product-reg-form input[type=checkbox]:checked:before{background:#acacac;}
.product-reg-form dl{margin-top:40px;}
.product-reg-form dl dt{font-size:16px;color:#222222;}
.product-reg-form dl dd{margin-top:12px;font-size:16px;}
.product-reg-form dl dd input[type=text]{width:100%;height:58px;line-height:58px;padding:0 12px;font-size:16px;border:1px solid #DEDEDE;border-radius:10px;box-sizing:border-box;}
.product-reg-form dl dd select{height:42px;padding:0 5px 0 6px;border:1px solid #d6d6d6;border-radius:10px;}
.product-reg-form dl dd textarea{display:block;width:100%;padding:8px;line-height:1.5;border:1px solid #dcdde3;box-sizing:border-box;border-radius:10px;}
.product-reg-form dl.purchase-channels dd{margin-top:20px;}
.product-reg-form .multi-dl-box{margin:0 -10px;overflow:hidden;}
.product-reg-form .multi-dl-box .box{float:left;width:50%;}
.product-reg-form .multi-dl-box .box dl{margin-right:10px;margin-left:10px;}
.product-reg-form .upload-image-box .msg{margin-top:10px;line-height:21px;font-size:15px;}
.product-reg-form .upload-image-box .msg li:nth-child(1){color:#EF2B32;}
.product-reg-form .upload-image-box .msg li:nth-child(2){color:#21A896;}
.product-reg-form .terms{position:relative;padding:38px 0 28px 0;border-bottom:1px solid #333;}
.product-reg-form .terms .left label{cursor:pointer;font-size:16px;}
.product-reg-form .terms .right{position:absolute;top:38px;right:10px;}
.product-reg-form .terms .right a{position:relative;color:#aaa;font-size:14px;}
.product-reg-form .terms .right a span{position:absolute;top:7px;right:-10px;display:inline-block;border:solid #aaa;border-width:0 1px 1px 0;padding:2px;transform:rotate(45deg);}
.product-reg-form .btn-box{margin:70px 0 120px 0;text-align:center;}
.product-reg-form .btn-box button{display:inline-block;width:285px;height:60px;line-height:60px;font-size:18px;color:#fff;border:none;background:#21A896;border-radius:10px;cursor:pointer;}

.intro{margin:0 0 200px 0;overflow:hidden;}
.intro .left{float:left;width:48%;font-family:'Noto Sans KR';}
.intro .left .row1{font-size:30px;color:#222222;}
.intro .left .row1 strong{color:#21A896;}
.intro .left .row2{margin-top:20px;font-size:18px;font-weight:bold;letter-spacing:-1px;color:#777777;}
.intro .left .row3{margin-top:50px;font-size:16px;line-height:24px;color:#777777;word-break:keep-all;}
.intro .left .row4{margin-top:76px;font-size:16px;line-height:36px;color:#505050;}
.intro .left .row4 img{margin-left:12px;}
.intro .right{float:right;width:48%;}

.way{margin:80px 0 160px 0;}

/*rental*/
.display_type48{margin:80px 0 160px 0;}
.display_type48 .t-title{text-align:center;}
.display_type48 .t-title .row1{display:inline-block;padding:0 0 6px 0;font-size:28px;font-weight:bold;border-bottom:1px solid #333;}
.display_type48 .t-title .row2{margin-top:15px;font-size:15px;}
.display_type48 .col-wrap{width:calc(100% + 160px);margin-left:-80px;margin-top:60px;overflow:hidden;}
.display_type48 .col-wrap .col{float:left;width:25%;font-family:'Noto Sans KR';}
.display_type48 .col-wrap .col .col-inside{position:relative;margin:0 80px;text-align:center;}
.display_type48 .col-wrap .col .row1{height:196px;line-height:196px;border-radius:100%;}
.display_type48 .col-wrap .col:nth-child(1) .row1{background:#113F68;}
.display_type48 .col-wrap .col:nth-child(2) .row1{background:#336998;}
.display_type48 .col-wrap .col:nth-child(3) .row1{background:#418AB5;}
.display_type48 .col-wrap .col:nth-child(4) .row1{background:#5BBEBB;}
.display_type48 .col-wrap .col .row2{margin-top:34px;font-size:18px;font-weight:bold;}
.display_type48 .col-wrap .col .row3{margin-top:15px;font-size:16px;line-height:24px;}
.display_type48 .col-wrap .col .arrow{position:absolute;top:75px;left:-86px;font-family:'Nanum Gothic';font-size:38px;font-weight:bold;color:#dedede;}

.item-list .search-wrap{padding:0 0 10px 0;}
.item-list .search-wrap .order-box{position:relative;height:38px;border-bottom:2px solid #333;overflow:hidden;}
.item-list .search-wrap .r-num{padding-top:6px;font-size:15px;font-weight:bold;color:#333;}
.item-list .search-wrap .right-box{position:absolute;top:0;right:0;}
.item-list .search-wrap .src-order{float:left;padding-top:5px;overflow:hidden;}
.item-list .search-wrap .src-order a{display:block;float:left;position:relative;padding:0 9px;font-size:15px;color:#666;}
.item-list .search-wrap .src-order a.act{font-weight:bold;color:#000;}
.item-list .search-wrap .src-order a:after{content:'';position:absolute;top:2px;right:0;width:1px;height:12px;background:#ddd;}
.item-list .search-wrap .src-order a:last-child:after{display:none;}

.item-grid-sha .row-wrap{width:calc(100% + 30px);margin-left:-15px;overflow:hidden;}
.item-grid-sha .row{float:left;width:25%;}
.item-grid-sha .row .row-inside{display:block;margin:15px 15px 30px 15px;}
.item-grid-sha .row .name{margin:15px 0 0 2px;font-size:15px;line-height:19px;height:38px;overflow:hidden;font-weight:bold;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.item-grid-sha .row .img-box{position:relative;}
.item-grid-sha .row .img{position:relative;height:0;padding-bottom:75%;overflow:hidden;}
.item-grid-sha .row .img img{position:absolute;-webkit-transition: all 0.4s;transition: all 0.4s;object-fit:cover;width:100%;height:100%;}
.item-grid-sha .row .img-box .popup-msg{position:absolute;display:none;top:6%;left:6%;width:88%;height:88%;font-size:16px;line-height:21px;text-align:center;color:#000;font-weight:bold;background:#fff;opacity:.9;}
.item-grid-sha .row .img-box .popup-msg span{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.item-grid-sha .row .row-inside:hover .img-box .popup-msg{display:block; transition:all, linear 0.3s;}
.item-grid-sha .row .row-inside:hover .img-box img{transform:scale(1.2, 1.2);}

.project-view{overflow:hidden;}
.project-view .project-title{padding:30px 0 40px 0;margin-bottom:50px;font-size:32px;text-align:left;border-bottom:1px solid #ddd;}
.project-view .image-wrap{float:left;width:60%;}
.project-view .image-wrap img{margin-bottom:20px;}
.project-view .desc-wrap{float:right;width:35%;}
.project-view .desc-wrap .row{padding:0 0 15px 0;font-size:15px;}
.project-view .desc-wrap .row dt{font-weight:bold;color:#191919;}
.project-view .desc-wrap .row dd{margin-top:8px;}
.project-view .desc-wrap .desc1{margin-top:25px;line-height:20px;font-weight:bold;}
.project-view .desc-wrap .desc2{margin-top:15px;line-height:20px;}
.project-view .desc-wrap .row.line{padding:20px 0 15px 0;border-top:1px solid #dfdfdf;}
/*
.inquiry-form .title-box-outside{position:relative;}
.inquiry-form .title-box-outside .ann{position:absolute;top:0;right:0;font-size:16px;color:#787878;}
.inquiry-form .title-box-outside .ann .ess-b{color:red;}
.inquiry-form .title-box{width:40%;}

.inquiry-form .name{margin:20px 0 20px 0;font-size:22px;}
.inquiry-form input[type=text]{width:100% !important;padding:6px 10px;font-size:15px;border:none;border-bottom:1px solid #919191;background:none;}
.inquiry-form .ess-input{position:relative;}
.inquiry-form .ess-input:before{content:'*';position:absolute;top:20px;left:0;color:red;font-size:15px;}

.inquiry-form .col-wrap{overflow:hidden;margin-top:60px;}
.inquiry-form .col-wrap .col1{float:left;width:40%;}
.inquiry-form .col-wrap .col1 .row{padding:15px 0;}
.inquiry-form .col-wrap .col1 .row .row-annotation{margin-top:6px;color:#676767;}
.inquiry-form .col-wrap .col2{float:right;width:48%;}
.inquiry-form .col-wrap .col2 .row1 textarea{height:287px;}
.inquiry-form .col-wrap .col2 .ess-b{color:red;}
*/
@media screen and (max-width:1099px) {
.aside{margin:0;}
.show_aside .aside{display:none;float:none;width:100%;background:#fff;}
.show_aside .content{float:none;width:100%;margin:0;}
.db{max-width:100%;margin:0;}

.header{position:relative;}
.header .main-navi-layer{display:none !important;}

.page-id-69 .header{position:static;}

.header .logo_mobile img{height:42px;}

.header .mobile-top{display:block;height:55px !important;margin-bottom:0 !important;overflow:visible !important;background:#fff !important;}
.header .mobile-top .db{position:fixed !important;z-index:1001;top:0;width:100%;text-align:center;border-bottom:1px solid #f4f4f4;background:#fff;}

.header .mobile-top .mobile_nav_show_btn{float:left;width:20%;height:54px;cursor:pointer;}
.header .mobile-top .mobile_nav_show_btn div.box_wrap{text-align:center;}
.header .mobile-top .mobile_nav_show_btn div.box{display:inline-block;margin-top:9px;}
.header .mobile-top .mobile_nav_show_btn ul{display:inline-block;margin-top:6px;}
.header .mobile-top .mobile_nav_show_btn ul li{display:block;width:19px;height:3px;margin-top:4px;border-radius:8px;background:#ababab;}

.header .mobile-top .logo_mobile{float:left;width:60%;height:54px;line-height:54px;margin:0;text-align:center;font-weight:bold;}
.header .mobile-top .logo_mobile img{max-height:30px;vertical-align:middle;}
.header .mobile-top .logo_mobile .txt{font-size:28px;}

.header .mobile-top .open_search_btn{position:relative;float:right;width:20%;cursor:pointer;}
.header .mobile-top .open_search_btn div.box_wrap{text-align:center;}
.header .mobile-top .open_search_btn div.box{display:inline-block;position:relative;width:30px;height:30px;margin-top:15px;}
.header .mobile-top .open_search_btn span:nth-child(1){display:block;position:absolute;z-index:2;top:0;left:0;width:16px;height:16px;border-radius:10px;border:2px solid #ababab;background:#fff;}
.header .mobile-top .open_search_btn span:nth-child(2){display:block;position:absolute;z-index:1;top:12px;left:17px;width:6px;height:16px;border-radius:6px;background:#ababab;
transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.header .mobile-top .open_search_btn_act span:nth-child(1){border-color:#418ccc;}
.header .mobile-top .open_search_btn_act span:nth-child(2){background:#418ccc;}

.header .mobile_nav_layer{position:absolute;z-index:1002;top:0;left:-100%;width:85%;text-align:left;background:#292929;}
.header .mobile_nav_layer .inner_box{padding:10px 5px 5px 5px;}
.header .mobile_nav_layer .navi{background:#292929;}
.header .mobile_nav_layer .navi.line_top{padding:4px 0;margin:4px 0;border-top:1px solid #414141;}
.header .mobile_nav_layer .navi.line_bot{padding:4px 0;margin:4px 0;border-bottom:1px solid #414141;}
.header .mobile_nav_layer .navi .s{position:relative;}
.header .mobile_nav_layer .navi .s a{display:block;text-align:left;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi .s.color a{color:#F8F526;}
.header .mobile_nav_layer .navi .s.active a{color:#fff !important;}
.header .mobile_nav_layer .navi .s_wrap{display:none;}
.header .mobile_nav_layer .navi .s2_box{padding:5px 0;}
.header .mobile_nav_layer .navi .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:22px;line-height:22px;padding:5px 0 7px 0;text-align:center;
font-size:22px;color:#fff !important;font-weight:bold;}
.header .mobile_nav_layer .navi .s1 a{height:18px;line-height:18px;padding:12px 50px 12px 15px;font-size:18px;}
.header .mobile_nav_layer .navi .s1 .show_child{padding:10px 0 10px 0;line-height:18px;}
.header .mobile_nav_layer .navi .s2 a{height:14px;padding:10px 50px 10px 24px;font-size:14px;color:#ccc;}
.header .mobile_nav_layer .navi .s3 a{height:14px;padding:10px 50px 10px 36px;font-size:14px;color:#ccc;}
.header .mobile_nav_layer .navi_layer_back{position:fixed;z-index:-1;top:0;left:85%;width:15%;height:200%;background:#333;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.header .mobile_nav_layer .navi_layer_close_btn{position:fixed;top:34px;right:0;width:15%;padding:.8em 0;text-align:center;font-size:2em;color:#fff;font-weight:bold;}
.header .mobile_nav_layer .navi_show_all_name{display:none;}

.header .mobile_nav_layer .quick_navi{margin-top:1.2em;overflow:hidden;background:#2F3334;}
.header .mobile_nav_layer .quick_navi li{float:left;width:50%;}
.header .mobile_nav_layer .quick_navi li a{display:block;padding:1.3em;color:#fff;font-weight:bold;border-bottom:1px solid #2E3236;border-left:1px solid #2E3236;background:#383C40;}
.header .mobile_nav_layer .quick_navi li:nth-child(even) a{border-right:1px solid #2E3236;}

.header .navi-wrap-outer{display:none;}
.header .navi-wrap{height:auto;padding:0;margin:0;border:none;}

.aside .navi{margin-bottom:1em !important;}
.aside .navi dt{position:relative;}
.aside .navi dt a{display:block;height:14px;padding:15px 50px 15px 15px !important;text-align:left;font-size:14px !important;border-bottom:1px solid #e6e6e6 !important;}
.aside .navi dt .show_child{display:block;position:absolute;top:0;right:0;width:50px;height:21px;padding:11px 0 12px 0;text-align:center;font-size:21px;color:#418ccc;font-weight:bold;
border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#f6f6f6;}
.aside .navi dd{display:none;}
.aside .navi .s1{display:none;}
.aside .navi .s1 a{color:#454545;background:none;}
.aside .navi .s2_box{border:none;}
.aside .navi .s2 a{background:#fff;border:none;}
.aside .navi .s3 a{padding-left:2em !important;background:#f8f8f8;}
.aside .navi .s3_box a:hover,
.aside .navi .s3_box .act a{color:#454545;background:#f8f8f8;}
.aside .navi .mark{display:none;}

.footer{padding:15px 0 20px 0;background:#fff;}
.footer .navi_section{padding:0;}
.footer .navi_section ul.navi{float:none;width:100%;padding:0;}
.footer .navi_section ul.navi li{float:left;width:50%;}
.footer .navi_section ul.navi li a{display:block;position:relative;padding:1.2em 1em !important;font-weight:normal;border-top:1px solid #dfdfdf;}
.footer .navi_section ul.navi li a:after{position:absolute;top:1.1em;right:1.5em;content:'>';font-size:1em;font-weight:bold;}
.footer .navi_section ul.navi li:nth-child(odd) a{border-right:1px solid #dfdfdf;}
.footer .navi_section ul.navi li:nth-child(1) a,
.footer .navi_section ul.navi li:nth-child(2) a{border-top:none;}
.footer .navi_section .btn_top_box{display:none;}
.footer .txt_section{padding:0;color:#454545;background:#fff;}
.footer .box_wrap .box1{float:none;width:100%;margin-top:20px;text-align:center;}
.footer .box_wrap .box2{float:none;width:auto;margin:40px 14px 0 14px;}
.footer .box_wrap .box2 .footer-logo{margin-bottom:15px;text-align:center;}
.footer .box_wrap .box2 li{float:none;padding:.2em 0;}
.footer .box_wrap .box2 li.line{display:none;}
.footer .box_wrap .box3{float:none;width:100%;padding:0;margin-top:30px;text-align:center;}
.footer .box_wrap .box3 .inner_box{padding-left:0;border:none;}
.footer .box_wrap .box3 .img{display:none;}
.footer .box_wrap .box3 .btn_box{margin-top:1em;text-align:center;}
.footer .box_wrap .box3 .btn_box a{display:inline-block;width:50%;padding:.8em 0;color:#fff;background:#222;}
}

@media screen and (max-width:767px) {
.content{margin:0 0 30px 0;}

.wrap_main .content_right_end_box{display:block !important;}
.content-right{display:none;}

.footer{padding:15px 0 60px 0;}

.page-top-img .txt_wrap{padding:28px 8px 0 8px;font-family:'Noto Sans KR';}
.page-top-img .txt_wrap .box0{font-size:20px;line-height:25px;}
.page-top-img .txt_wrap .box1{margin-top:17px;font-size:17px;line-height:22px;}

.page-top-title{margin:50px 0 30px 0;font-size:28px;}

.org-chart{padding:0 14px;}

.product-reg-form{margin:0 14px;}
.product-reg-form dl{margin-top:30px;}

.intro{margin:0 0 80px 0;}
.intro .left{float:none;width:auto;margin:0 14px;}
.intro .left .row4{margin-top:40px;}
.intro .right{float:none;width:100%;margin-top:60px;}

/*rental*/
.display_type48 .col-wrap .col{position:relative;float:none;width:100%;margin-top:35px;}
.display_type48 .col-wrap .col .row1{display:inline-block;width:196px;}
.display_type48 .col-wrap .col .row2{margin-top:20px;}
.display_type48 .col-wrap .col .arrow{display:none;}
.display_type48 .col-wrap .col-inside:after{content:'';display:inline-block;height:30px;width:30px;margin-top:20px;border-style:solid;border-color:#ccc;border-width:0px 1px 1px 0px;transform:rotate(45deg);}
.display_type48 .col-wrap .col:last-child .col-inside:after{display:none;}
/*
.inquiry-form .title-box-outside .ann{position:static;text-align:right;}
.inquiry-form .title-box{width:100%;}
.inquiry-form .col-wrap .col1{float:none;width:100%;}
.inquiry-form .col-wrap .col2{float:none;width:100%;margin-top:20px;}
*/
.item-grid-sha{padding:0 15px;}
.item-grid-sha .row-wrap{width:calc(100% + 14px);margin-left:-7px;}
.item-grid-sha .row{width:50%;}
.item-grid-sha .row .row-inside{display:block;margin:15px 7px 30px 7px;}

.item-list .search-wrap{margin:20px 14px 0 14px;}

.project-view .project-title{padding:20px 10px 20px 10px;margin-bottom:30px;font-size:22px;}
.project-view .desc-wrap{float:none;width:auto;margin:0 12px;}
.project-view .image-wrap{float:none;width:auto;margin:50px 12px 0 12px;}
}

@keyframes fade-up-event{
0% {opacity:0;transform:translate3d(0,30px,0);}
100% {opacity:1;transform:translate3d(0,0px,0);}
}

@keyframes fade-up-event2{
0% {opacity:0;transform:translate3d(0,20px,0);}
100% {opacity:1;transform:translate3d(0,0px,0);}
}

@keyframes top-over-banner-img{
0%{}
100%{transform:scale(1.1);}
}

.top-over-banner{position:relative;overflow:hidden;}
.top-over-banner ul{position:absolute;z-index:1;top:108px;left:0;width:100%;text-align:center;color:#fff;}
.top-over-banner ul li:nth-child(1){font-size:19px;}
.top-over-banner ul li:nth-child(2){margin-top:18px;font-size:42px;font-weight:bold;opacity:0;}
.top-over-banner .img{height:330px;text-align:center;}
.top-over-banner .img img{position:absolute;top:0;left:50%;margin-left:-960px;right:0;width:auto !important;max-width:none !important;}
.top-over-banner.active ul li:nth-child(1){animation-name:fade-up-event;animation-duration:0.7s;animation-fill-mode:forwards;}
.top-over-banner.active ul li:nth-child(2){animation-name:fade-up-event2;animation-duration:0.5s;animation-fill-mode:forwards;animation-delay:0.5s;}
.top-over-banner.active .img{animation-name:top-over-banner-img;animation-duration:1.5s;animation-fill-mode:forwards;animation-delay:0.2s;}

@media screen and (max-width:767px) {
.top-over-banner ul{top:92px;}
.top-over-banner ul li:nth-child(1){font-size:17px;}
.top-over-banner ul li:nth-child(2){margin-top:10px;font-size:36px;word-break:keep-all;}
.top-over-banner .img{height:330px;}
}

.page-id-63 .block-title{padding:11px 1px;font-size:21px;line-height:26px;color:#454545;font-weight:bold;text-align:left;}

.page-id-63 .block-award{margin-top:80px;}
.page-id-63 .block-award .rows{margin:0 -10px;overflow:hidden;}
.page-id-63 .block-award .row{float:left;width:25%;}
.page-id-63 .block-award .row-inside{display:block;margin:0 10px;}
.page-id-63 .block-award .row .img-box{position:relative;height:0;padding-bottom:120%;border:1px solid #DEDEDE;}
.page-id-63 .block-award .row .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:scale-down;object-position:center;}
.page-id-63 .block-award .row ul{margin-top:12px;text-align:center;font-size:16px;color:#505050;}

.page-id-63 .block-certificate{margin-top:110px;overflow:hidden;}
.page-id-63 .block-certificate .rows{margin:0 -10px;}
.page-id-63 .block-certificate .row{float:left;width:25%;}
.page-id-63 .block-certificate .row-inside{position:relative;display:block;margin:0 10px;}
.page-id-63 .block-certificate .row .img-box{position:relative;z-index:1;height:0;padding-bottom:126%;border:1px solid #DEDEDE;}
.page-id-63 .block-certificate .row .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.page-id-63 .block-certificate .row .img-box:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.8;}
.page-id-63 .block-certificate .row ul{position:absolute;z-index:2;top:50%;width:100%;transform:translateY(-50%);text-align:center;font-size:16px;color:#222;line-height:30px;}

.page-id-63 .block-news{margin-top:110px;}

@media screen and (max-width:767px) {
.page-id-63 .block-award{margin:60px 14px;}
.page-id-63 .block-award .row{width:50%;margin-bottom:20px;}
.page-id-63 .block-award .row .img-box img{top:5%;left:5%;width:90%;height:90%;object-fit:scale-down;object-position:center;}

.page-id-63 .block-certificate{margin:60px 14px;}
.page-id-63 .block-certificate .row{width:50%;}
}

.history{margin-top:80px;}
.history .db{max-width:660px;}
.history .row-wrap{}
.history .row-wrap .row{position:relative;padding-bottom:140px;overflow:hidden;}
.history .row-wrap .row:last-child{padding-bottom:0;}
.history .row-wrap .row:before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#DEDEDE;}
.history .row-wrap .row:after{content:'';position:absolute;top:0;left:50%;margin-left:-3px;width:8px;height:8px;background:#21A896;border-radius:50%;}
.history .row-wrap .row:last-child:before{display:none;}
.history .row-wrap .row .row-name{float:left;width:30%;margin-left:15%;font-size:20px;color:#777;line-height:38px;}
.history .row-wrap .row .row-name strong{font-size:32px;color:#21A896;}
.history .row-wrap .row .desc{float:right;width:40%;}
.history .row-wrap .row dl{margin-bottom:50px;color:#777;}
.history .row-wrap .row dl dt{padding-bottom:12px;font-size:18px;font-weight:bold;}
.history .row-wrap .row dl dd{margin-bottom:8px;font-size:16px;line-height:22px;}

@media screen and (max-width:767px) {
.history{margin:0 14px;}
.history .row-wrap .row{padding:0 0 80px 50px;}
.history .row-wrap .row:before{left:10px;}
.history .row-wrap .row:after{left:10px;}
.history .row-wrap .row .row-name{float:none;width:100%;margin-left:0;}
.history .row-wrap .row .desc{float:none;width:100%;}
.history .row-wrap .row dl{margin-top:30px;}
}