/****************************/ /* aboutus.css /****************************/ /* Inquiry to Buy */ .inquiry .form{position:relative;margin: 15px auto -20px;} .inquiry .form .noti{position:absolute;right:0;top:10px;color:#333;font-size:24px;line-height:1;} .inquiry .form .noti sup{color:#b80f3c;font-size:18px;vertical-align:top;} .inquiry .form .ttl_sub{font-weight: 600; font-size: 30px; clear: both; padding-bottom: 12px; border-bottom: 1px solid #b3b3b3; margin-bottom: 53px;} .inquiry .form .ttl_sub--second{padding-top: 20px;} .inquiry .input_select .zelect_type01{width:100%;} .inquiry .input_select .zelect_type01{width:100%;} .inquiry .input_select .box{ display: flex; justify-content: space-between; } .inquiry .input_select .box .region{ width: 674px; } /* .inquiry .input_select .box .country{width: 674px; box-sizing:border-box;} */ .inquiry .input_select .box .zelect_division{display:flex; width: 674px;} /* .inquiry .input_select .box .zelect_division .zelect_type01{margin-right: 2%;} */ .inquiry .input_select .box .zelect_division .zelect_type01:last-child{margin-right: 0;} @media only screen and (max-width: 1440px){ .inquiry .input_select .box .zelect_division{display: flex; width: 49%;} .inquiry .input_select .box .zelect_division .zelect_type01{flex: 1;} } @media only screen and (max-width: 1080px){ .inquiry .input_select .box .zelect_division{display:block; width: 100%;} .inquiry .input_select .box .zelect_division .zelect_type01{margin-right: 0;} .inquiry .input_select .box .zelect_division .zelect_type01 ~ .zelect_type01{margin-top: 6px;} } #country .zelect:after{content:'';display:block; top:0; left:0; width:100%;height: 100%; position: absolute;} #country .activate + .zelect:after{display: none;} .inquiry [class*="input_"]{margin-bottom:4px;} .inquiry [class*="input_"] .label > div{font-size: 24px;} .inquiry .inquiry_row{display: flex; justify-content: space-between} .inquiry .inquiry_row + .ttl_sub{ margin-top: 112px; } .inquiry .col2_1{width: 674px;} .inquiry .col2_2{width: 674px;} .inquiry .input_gline .input input[type="text"]{ border: solid 1px #333; border-radius: 3px; padding: 0 20px; font-weight: 400; } .inquiry [class*="input_"] .label label{ font-size: 24px; } .inquiry .input_gmultiline{clear:both;} .inquiry .input_gmultiline .input{ height: 264px; border: 1px solid #1c2726;} .inquiry .input_gmultiline .input textarea{ background-color: #fff;} .inquiry .input_gmultiline .count{ position: absolute; right: 0; top: auto; bottom: -39px; font-size: 24px; color: #333; } .inquiry .input_gcheck .label > span{ font-size: 24px; font-weight: 400; } .captcha_box:after{content:"";display:block;clear:both;height:0;visibility:hidden;} .captcha_box .label{float:left;width:45%;} .captcha_box .img_captcha{float:right;margin-top:16px;} .captcha_box .img_captcha .img{width:396px;} .captcha_box .img_captcha .img img{display:block;width:100%;} .captcha_box .control{width:61px;height:30px;margin-top:10px;border:1px solid #000;border-radius:3px;} .captcha_box .control a{float:left;display:block;width:30px;height:30px;background:url(../img/w/btn_captcha30x30.png) no-repeat 0 0;} .captcha_box .control a + a{border-left:1px solid #000;background-position:right 0;} .inquiry .form .input_select{padding-bottom:26px;height: 133px;box-sizing: border-box;} .inquiry .form .input_gline{padding-bottom:26px;height: 129px;box-sizing: border-box;} .inquiry .form .input_select.error{padding-bottom:5px;} .inquiry .form .input_gline.error{padding-bottom:5px;} .inquiry .form [class*="input_"].error .error .message{display: inline;} .inquiry .description_area {margin-bottom: 76px; text-align: center;} .inquiry .title_area ~ .description_area {margin: -26px 0 76px;} .inquiry .description_paragraph {font-size: 18px; line-height: 24px;} .inquiry .title_area__description{display:block;margin-top: 53px;font-size: 21px;line-height: 25px; text-align: center;} .inquiry .btn_area{padding: 130px 0 110px;} /* BEGIN 200604 수정 */ .inquiry .recently { /* position: relative; */ max-width: 1440px;} .recently.recently-empty{font-size:24px;color:#99a8b0;text-align:center;width:100%;height:160px;line-height:160px;background-color:#f3f4f4;font-weight:400} .inquiry .recently-wrap .recently_title {font-size: 24px; font-weight: 400; margin-bottom: 10px;} .inquiry .recently-wrap .recently_assignment{position:absolute;right:0;top:5px;font-size:22px} .inquiry .recently .recently_content{padding:0 119px 0 120px;height:402px;border:1px solid #b6b6b6; overflow: hidden;} .inquiry .recently .recently_content.activate{opacity: 0; z-index: -1;} .inquiry .recently .recently_item {width: 364px;} .inquiry .recently .recently_anchor{display:block;position:relative;height:259px;margin:2px 10px 0 0; overflow: hidden;} .inquiry .recently .recently_outer{display:block;width:100%} .inquiry .recently .recently_picture{display:block;width: 100%; height:auto;position:absolute;left:0;top:50%;transform:translate(0,-50%)} .inquiry .recently .recently_series{font-size:20px;color:#333;display:block;line-height:20px} .inquiry .recently .recently_name{font-size:24px;color:#333;font-weight:600;display:block} .inquiry .recently .slick-dots .slick-active button{opacity:1;background-color:#FD312E} .inquiry .recently-wrap{position:relative;margin-bottom:48px} .inquiry .recently_detail{display:none;position: relative;;width:calc(100% - 2px);min-height:402px;left:0;bottom:0;z-index:10;background-color:#fff;border:solid 1px #b6b6b6;padding-bottom: 20px;} .inquiry .recently_detail.active {display: flex; } .inquiry .recently_detail.activate {display: flex; margin-top:-360px;} .inquiry .recently_detail.on {display: flex; top: 0;} .inquiry .recently_detail .recently_detail_close{position:absolute;right:40px;top:38px} .inquiry .recently_detail .recently_column{width:50%;position:relative;box-sizing:border-box} .inquiry .recently_detail .recently_column.recently_column-left {padding-right: 112px; overflow: hidden;} .inquiry .recently_detail .recently_column.recently_column-right {margin-top: 76px; padding-left: 23px; padding-right: 23px;} .inquiry .recently_detail .recently_detail_picture {width: 602px; margin-left: 109px;} .inquiry .recently_detail .recently_detail_picture img {width: 100%;} .inquiry .recently_detail .recently_column_header{font-size:26px;line-height:26px;color:#333;font-weight:400;margin-bottom:46px} .inquiry .recently_detail .recently_meta_item{font-size:22px;line-height:22px;color:#333;margin-bottom:18px;position:relative;padding-left:19px} .inquiry .recently_detail .recently_meta_item:before {content: '●'; display: block; font-family: 'Arial'; font-size: 12px; position: absolute; left: 0;} /* END 200604 수정 */ .inquiry-banner {position: relative; max-width: 1440px; /* margin: -40px auto 30px; */ margin: 0 auto 70px; color: #fff;} .inquiry-banner__bg {display: none; width: 100%; vertical-align: top;} .inquiry-banner__bg--pc {display: block;} .inquiry-banner__contents-box {position: absolute; top: 50%; left: 50%; width: 90%; transform: translate(-50%, -50%); text-align: center;} .inquiry-banner__title {font-size: 64px; line-height: 51px;} .inquiry-banner__description {display: inline-block; margin-top: 53px; font-size: 21px; line-height: 25px;} .inquiry-banner__button-box {display: block; margin: 20px auto 0; width: 260px;} .inquiry-banner.theme-black {color: #000;} .inquiry-banner.theme-black .btn_type.v_link_wh span { border-color: #000; color: #000; } .inquiry-banner.theme-black .btn_type.v_link_wh span::after { background: url('../img/w/icon_btn_dtl_bk.png') 75% 50% no-repeat; background-size: 12px auto; } .inquiry-banner.theme-black .btn_type.v_link_wh:hover span::after { background-position-x: 120%; } @media only screen and (max-width: 1440px){ .inquiry .col2_1{width: 49%;} .inquiry .col2_2{width: 49%;} .inquiry .input_select .box .region{ width: 49%; } .inquiry .input_select .box .country{width: 49%; } } @media only screen and (max-width: 1080px){ .inquiry .title_area__description{margin-top: 31px; font-size: 16px; line-height: 20px;} .inquiry .title_area ~ fieldset{margin-top: 70px;} .inquiry [class*="input_"] .label > div{ font-size: 16px; } .inquiry [class*="input_"] .label label{ font-size: 16px; } .inquiry .input_gline .input input[type="text"]{height:36px;line-height:36px;} .inquiry .input_gcheck .label > span{ font-size: 16px; } .inquiry .input_gmultiline .input{ height: 159px;} .inquiry .input_gmultiline .count{ font-size: 16px; bottom: -26px;} .inquiry .inquiry_row + .ttl_sub{ margin-top: 70px;} .inquiry .recently .recently_item{ height: auto; } .inquiry .recently .recently_outer{ display: none;} .inquiry .recently .slick-list{ padding-right: 20%;} .inquiry .recently .recently_content{height: auto; padding: 0; box-sizing: border-box; padding-bottom: 30px;} .inquiry .recently .recently_anchor{ width: 230px; margin: 25px 0 0 35px; height: 150px;} .inquiry .recently .recently_picture{ position: static; transform: translate(0, 0); height: 100%;} .inquiry .recently .recently_series{ font-size: 14px; line-height: 14px; margin-left: 36px; } .inquiry .recently .recently_name{ font-size: 16px; margin-left: 36px;} .inquiry .recently-wrap {margin-bottom: 17px;} .inquiry .recently-wrap .recently_assignment {font-size: 15px; top: 50px; right: auto; left: 14px; z-index: 10;} .inquiry .recently .slick-dots {position: absolute; left: 36px; bottom: -33px; margin: 0;} .inquiry .recently .slick-dots button{width: 6px; height: 6px; border-radius: 6px;} .inquiry .recently .recently_content.activate{height:0;border:none;padding:0} .inquiry .recently-wrap .recently_detail{bottom:unset;height:auto;min-height:auto;padding-bottom:10px;} .inquiry .recently-wrap .recently_detail.activate {display: block;margin-top:32px;} .inquiry .recently-wrap .recently_detail.on{display:block;top:0} .inquiry .recently-wrap .recently_column {width: 100%;} .inquiry .recently_detail .recently_detail_picture{width:230px;display:block;margin-left:0;margin:20px auto 0} .inquiry .recently_detail .recently_column.recently_column-left {padding-right: 0;} .inquiry .recently_detail .recently_column.recently_column-right{margin-top:15px;padding-left:12px;padding-right:12px} .inquiry .recently_detail .recently_column_header{margin-bottom:22px;font-size:17px;line-height:17px} .inquiry .recently_detail .recently_meta_item{display:flex;font-size:14px;line-height:14px;margin-bottom:10px;padding-left:13px} .inquiry .recently_detail .recently_meta_item:before {font-size: 10px;} .inquiry .recently_detail .recently_detail_close{width:16px;height:16px;right:10px;top:12px} .inquiry .recently_detail .recently_detail_close img {width: 100%;} .recently.recently-empty {font-size: 16px; margin-bottom: 17px;} /* END 200604 수정 */ .inquiry .inquiry_row{display: block;} .inquiry .description_area {max-width: none;} .inquiry .input_select .box{ display: block;} .inquiry .input_select .box .region{ width: 100%; } .inquiry .title_area ~ .description_area {margin: 18px 0;} .inquiry .description_paragraph {font-size: 12px; line-height: 15px;} /* .inquiry-banner {margin: 0 auto 30px;} */ .inquiry-banner__bg--pc {display: none;} .inquiry-banner__bg--mo {display: block;} .inquiry-banner__contents-box {width: 100%;} .inquiry-banner__title {font-size: 36px; line-height: 23px;} .inquiry-banner__description {margin-top: 31px; font-size: 16px; line-height: 20px;} .inquiry-banner__description span {display: block;} .inquiry-banner__button-box {margin-top: 17px; width: 130px;} .btn_area ~ .inquiry-banner { margin: 0 0 30px; } } @media only screen and (max-width: 1080px){ /* inquiry */ .inquiry .title_area {padding-bottom:0;} .inquiry .title_area .txt {display:none;} .inquiry .form {max-width:100%;margin: 5px 0 0;padding-top:14px;} .inquiry .form .ttl_sub{font-weight: 600; margin-bottom:20px; font-size: 19px;} .inquiry .form .noti {left:inherit;right:0;top:55px;font-size:12px;font-weight:400;} .inquiry .form .noti sup {font-size:12px;font-weight:400;} .inquiry .input_select .box .region {display:block;float:inherit;min-width:100%;} .inquiry .input_select .box .country {display:block;width:100%;min-width:100%;margin-top:6px;padding-left:0;} .inquiry [class*="input_"] {margin-bottom:17px;} .inquiry .col2_1 {float:inherit;width:100%;} .inquiry .col2_2 {float:inherit;width:100%;margin-left:0;} .inquiry .btn_area {padding:20px 0 30px;} .captcha_box .label {float:inherit;width:100%;} .captcha_box .img_captcha {float:inherit;margin:0 0 20px;} .captcha_box .img_captcha:after {content:"";display:block;clear:both;height:0;visibility:hidden;} .captcha_box .img_captcha .img {float:left;width:198px;} .captcha_box .img_captcha .control {float:left;margin-left:7px;} .captcha_box .control {width:99px;height:49px;margin-top:0;} .captcha_box .control a {width:49px;height:49px;background:url(../img/m/btn_captcha98x98.png) no-repeat 0 0;background-size:98px auto;} .inquiry .form .input_select{padding-bottom:0px;height:auto;} .inquiry .form .input_gline{padding-bottom:0px;height:auto;} .inquiry .input_gline .input input[type="text"]{padding: 0 20px 0 8px;} .inquiry .recently-wrap .recently_title{font-size: 16px;} } /****************************/ /* component.css /****************************/ .tab>li {display:inline;} /* Title */ .ttl1{font-size:64px;line-height:72px;font-weight:300;} .ttl2{font-size:52px;line-height:68px;font-weight:300;} .ttl3{font-size:42px;line-height:68px;font-weight:300;} .ttl_sub{font-size:26px;line-height:36px;font-weight:300;} .ttl4{font-size:26px;line-height:36px;font-weight:300;} /* hero group text color */ .group.theme-white{ color: #fff; } /* flag */ .flag_type{display:inline-block;height:27px;line-height:27px;padding:0 10px;font-size:14px;border-radius:3px;} .flag_type.gface{color:#fff;background:#b3b3b3;} /* Button */ .btn_type{display:block;} .btn_type span{display:block;/* height:56px; */line-height:54px;font-size:18px;font-weight:400;text-align:center;box-sizing:border-box;} .btn_type.mid span{height:45px;line-height:43px;font-size:18px;font-weight:400;} .btn_type.xs span{height:30px;line-height:28px;font-size:14px;font-weight:400;} .btn_type.rline span{color:#FD312E;border:1px solid #FD312E;border-radius:3px;} .btn_type.rline:active span{color:#a91f44;background-color:rgba(0,0,0,0.05);} .btn_type.rline.dimm span{color:#b3b3b3;border-color:#b3b3b3;cursor:default;} .btn_type.whline span{color:#fff;border:1px solid #fff;border-radius:3px;} .btn_type.grline_emp span{color:#137f95;border:1px solid #137f95;border-radius:3px;transition:all .4s;} .btn_type.grline_emp:active span{color:#137f95;background-color:rgba(0,0,0,0.05);} .btn_type.grline span{color:#137f95;border:1px solid #137f95;border-radius:3px;background:#fff;transition:all .4s;} .btn_type.grline:active span{color:#137f95;background-color:rgba(0,0,0,0.05);} .btn_type.grline.dimm span{color:#b3b3b3;border-color:#b3b3b3;cursor:default;} .btn_type.bline span{color:#000;border:1px solid #000;border-radius:3px;background:#fff;transition:all .4s;} .btn_type.bline span:hover{color:#111;border:1px solid #333;background:#f0f0f0;} .btn_type.bline:active span{border-color:#000;background-color:rgba(0,0,0,0.05);} .btn_type.bline.dimm span{color:#b3b3b3;border-color:#b3b3b3;cursor:default;} .btn_type.rface span{color:#fff;border:1px solid #FD312E;border-radius:3px;background:#FD312E;transition:all .4s;} .btn_type.rface span:hover{border:1px solid #e3104f;background:#e3104f;} .btn_type.rface:active span{color:#fff;border-color:#a30b39;background:#a30b39;} .btn_type.rface.dimm span{color:#fff;border-color:#b3b3b3;background:#919191;cursor:default;}/* 접근성 수정 | 1.4.11.09 */ .btn_type.grface span{color:#fff;border:1px solid #137f95;border-radius:3px;background:#137f95;} .btn_type.grface:active span{color:#fff;border-color:#137f95;background:#137f95;} .btn_type.grface.dimm span{color:#fff;border-color:#b3b3b3;background:#919191;cursor:default;}/* 접근성 수정 | 1.4.11.09 */ .btn_type.bface span{color:#fff;border:1px solid #000;border-radius:3px;background:#000;transition:all .4s;} .btn_type.bface span:hover{border:1px solid #555;background:#555;} .btn_type.bface:active span{color:#fff;border-color:#1c2524;background:#1c2524;} .btn_type.bface.dimm span{color:#fff;border-color:#b3b3b3;background:#919191;cursor:default;}/* 접근성 수정 | 1.4.11.09 */ .btn_type.gface span{color:#333;border:1px solid #d8dada;border-radius:3px;background:#d8dada;} .btn_type.gface:active span{color:#333;border-color:#cdcfcf;} .btn_type.gface.dimm span{color:#fff;border-color:#b3b3b3;background:#919191;cursor:default;}/* 접근성 수정 | 1.4.11.09 */ .btn_type.flat_rface{display:inline-block;} .btn_type.flat_rface span{height:inherit;color:#FD312E;font-size:18px;font-weight:400;text-decoration:underline;} .btn_type.flat_rface:active span{color:#FD312E;text-decoration:underline;} .btn_type.flat_rface.dimm span{color:#b3b3b3;text-decoration:none;} .btn_type.flat_bface{display:inline-block;} .btn_type.flat_bface span{height:inherit;color:#127a90;font-size:18px;font-weight:400;}/* 접근성 수정 | 1.4.3.05 */ .btn_type.flat_bface:active span{color:#137f95;} .btn_type.flat_bface.dimm span{color:#b3b3b3;text-decoration:none;} .btn_type.flat_bkface{display:inline-block;} .btn_type.flat_bkface span{height:inherit;color:#000;font-size:12px !important;font-weight:400;text-decoration:underline;} .btn_type.flat_bkface:active span{color:#000;text-decoration:underline;} .btn_type.flat_bkface.dimm span{color:#b3b3b3;text-decoration:none;} .btn_type.flat_whface{display:inline-block;} .btn_type.flat_whface span{color:#fff;font-size:18px;font-weight:400;text-align:left;width:120px;}/* 접근성 수정 | 2.4.3.19 */ .btn_type.flat_whface:active span{color:#fff;} .btn_type.flat_whface.dimm span{color:#b3b3b3;text-decoration:none;} .btn_del{font-size:16px;color:#FD312E;white-space:nowrap;} .btn_del a{display:inline-block;vertical-align:top;margin:3px 0 0 3px;width:16px;height:16px;background:url(../img/m/icon_del.png) no-repeat 50% 50%;background-size:10px 10px;} .btn_type.icon_play{width:200px;} .btn_type.icon_play span{position:relative; height:56px;padding-left:20px;font-size:18px;line-height:50px;border:3px solid #fff;border-radius:56px;background:rgba(0,0,0,0.7) url(../img/w/icon_play_white.png) 34px 50% no-repeat;color: #fff;}/* 접근성 수정 | 버튼 디자인 수정 */ .btn_type.icon_play span i {position:absolute;top:23%;left:12.5%;font-size:28px;} /* .btn_type.icon_play:hover span{border:1px solid #FD312E;color:#FD312E;} */ .btn_type.icon_play span:hover{background-color:rgba(172,12,60,0.8); color:#fff;/* animation:icon_play_action .6s ease 1 normal forwards; */}/* 접근성 수정 | 버튼 디자인 수정 */ /* @keyframes icon_play_action { 0% {border:1px solid #000;color:#000;} 100% {border:1px solid #FD312E;color:#FD312E;}} */ .btn_find .btn_type.bline span, .btn_find .btn_type.bface span{width:170px;} .btn_find .btn_type.bface span{margin-right:8px;} /* Mobie Back */ .btn_type.prev{display:inline-block;} .btn_type.prev span{display:block;width:52px;height:18px;padding:0 0 0 8px;line-height:20px;font-size:11px;color:#fff;border-radius:18px;background:#5c5c5c url(../img/m/icon_arrow_back.png) 8px 50% no-repeat;background-size:4px 7px;} /* CheckBox RadioBox Switch */ /* base */ input[type="checkbox"]{/*display:none;left:-9999px;*/position:absolute; width: 15px;height: 15px;opacity: 0; left: 0;}/* 접근성 수정 | 2.4.3.18 */ input[type="checkbox"] + label{color:#000;font-size:24px;font-weight:300;line-height:24px;margin:2px 0;word-break:break-word;} input[type="checkbox"] + label{position:relative;display:inline-block;padding:0 0 0 42px;vertical-align:top;cursor:pointer;} input[type="checkbox"] + label::before{content:'';display:block;width:24px;height:24px;position:absolute;left:0;top:0;background:url(../img/w/btn_checkbox24x24.png) 0 0 no-repeat;} input[type="checkbox"]:checked + label::before{background-position: 0 -240px;} input[type="checkbox"].disabled + label{color:#b3b3b3;} input[type="checkbox"].disabled + label::before{background-position: 0 -120px;} input[type="checkbox"]:focus + label{-webkit-box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);} /* base + reverse */ input[type="checkbox"].reverse + label {padding:0 42px 0 0;} input[type="checkbox"].reverse + label::before{left:auto;right:0;} /* small */ input[type="checkbox"].chkbox_small{width:13px;height:13px;}/* 접근성 수정 | 2.4.3.18 */ input[type="checkbox"].chkbox_small + label {padding:0 0 0 28px;font-size:16px;font-weight:300;line-height:18px;} input[type="checkbox"].chkbox_small + label::before{width:18px;height:18px;} input[type="checkbox"].chkbox_small:checked + label::before{background-position: 0 -240px;} input[type="checkbox"].chkbox_small.disabled + label::before{background-position: 0 -120px;} /* small + reverse */ input[type="checkbox"].chkbox_small.reverse + label {padding:0 28px 0 0;} input[type="checkbox"].chkbox_small.reverse + label::before{left:auto;right:0;} /* base */ input[type="radio"] {/*display:none;*/position:absolute;}/* 접근성 수정 | 2.4.3.20 */ input[type="radio"].radio + label {color:#000;font-size:24px;font-weight:400;line-height:24px;margin:2px 0;word-break:break-word;} input[type="radio"].radio + label {position:relative;display:inline-block;padding:0 0 0 42px;vertical-align:top;cursor:pointer;} input[type="radio"].radio + label::before{content:'';display:block;width:24px;height:24px;position:absolute;left:0;top:0;background:url(../img/w/btn_radiobox24x24.png) 0 0 no-repeat;} input[type="radio"].radio:checked + label::before {background-position: 0 -240px;} input[type="radio"].radio.disabled + label{color:#b3b3b3;} input[type="radio"].radio.disabled + label::before{background-position:0 -120px;} input[type="radio"]:focus + label{-webkit-box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);box-shadow: 0px 0px 5px 0px rgba(19,127,149,0.5);} /* base + reverse */ input[type="radio"].reverse.radio + label {padding:0 42px 0 0;} input[type="radio"].reverse.radio + label::before{left:auto;right:0;} input[type="radio"].reverse.radio:checked + label::before{left:auto;right:0;} input[type="radio"].reverse.radio.disabled + label::before{left:auto;right:0;} /* small */ input[type="radio"].radio_small + label {position:relative;display:inline-block;padding:0 0 0 28px;font-size:16px;font-weight:300;line-height:18px;word-break:break-word;} input[type="radio"].radio_small + label::before{content:'';display:block;width:18px;height:18px;position:absolute;left:0;top:0;background:url(../img/w/btn_radiobox18x18.png) 0 0 no-repeat;} input[type="radio"].radio_small:checked + label::before {background-position: 0 -240px;} input[type="radio"].radio_small.disabled + label::before {background-position:0 -120px;} /* small + reverse */ input[type="radio"].radio_small.reverse + label {position:relative;padding:0 28px 0 0;} input[type="radio"].radio_small.reverse + label::before{content:'';display:block;width:18px;height:18px;position:absolute;left:auto;right:0;top:0;background:url('../img/w/btn_radiobox18x18.png') 0 0 no-repeat;} input[type="radio"].radio_small.reverse:checked + label::before{background-position:right -240px;} input[type="radio"].radio_small.reverse.disabled + label::before{background-position:right -120px;} input[type="radio"].switch{position:absolute;width:100%;height:100%;margin:0;opacity: 0;}/* 접근성 수정 | 5차 */ input[type="radio"].switch + label{display:block;margin:0;padding:0;color:#000;font-size:18px;font-weight:400;line-height:54px;text-align:center;cursor:pointer;box-sizing:border-box;/* border:1px solid #d1d1d1; */border:1px solid #aaa;border-radius:3px;}/* 접근성 수정 | 2.4.3.20 */ input[type="radio"]:checked.switch + label{text-indent:20px;text-align:left;color:#FD312E;font-weight:400;border:1px solid #FD312E;background:url(../img/w/btn_switch.png) 100% 50% no-repeat;} input[type="radio"].switch.disabled + label{color:#fff;border:1px solid #d1d1d1;cursor:default;background:#d1d1d1;} /* Input Text */ input[type="text"]{margin:0;padding:0;font-size:24px;font-weight:300;vertical-align:middle;-webkit-appearance:none;box-sizing:border-box;} /* Input Number */ input[type="number"]{margin:0;padding:0;font-size:24px;font-weight:300;vertical-align:middle;-webkit-appearance:none;box-sizing:border-box;} [class*="input_"] .label{min-height:50px;padding:12px 0;line-height:26px;box-sizing:border-box;} [class*="input_"] .label label{font-size:18px;font-weight:400;} [class*="input_"] .label > div{font-size:18px;font-weight:400;} [class*="input_"] .label sup{vertical-align:top;font-size:18px;color:#bc0039;} [class*="input_"] .error .message{display:none;padding-top:12px;color:#bc224c;font-size:14px;line-height:1;} .footer [class*="input_"] .error .message{color:#ff6492;}/* 접근성 수정 | 1.4.3.04 */ [class*="input_"].error .error .message{display:block;} .input_gline .input input[type="text"]{height:36px;line-height:36px;} .input_gline{display:block;text-align:left;} .input_gline .input input[type="text"]{width:100%;height:56px;line-height:54px;border:0;/* border-bottom:1px solid #d8d8d8; */border-bottom:1px solid #aaa;} .input_gline .input input[type="text"]::placeholder{color:#767676;}/* 접근성 수정 | 1.4.3.20 */ .input_gline.on .input input[type="text"]{border-color:#888;} .input_gline.error .input input[type="text"]{border-color:#FD312E;} .footer .input_gline.error .input input[type="text"]{border-color:#ff6492;}/* 접근성 수정 | 1.4.3.04 */ .input_gline .input input[type="number"]{width:100%;height:56px;line-height:54px;border:0;/* border-bottom:1px solid #d8d8d8; */border-bottom:1px solid #aaa;} .input_gline .input input[type="number"]::placeholder{color:#767676;}/* 접근성 수정 | 1.4.3.16 */ .input_gline.on .input input[type="number"]{border-color:#888;} .input_gline.error .input input[type="number"]{border-color:#FD312E;} .input_gline.disabled .label label{color:#d1d1d1;} .input_gline.disabled .label sup{color:#d1d1d1;} .input_gline.disabled{position:relative;} .input_gline .input{position:relative;} .input_gline .btn_empty{display:block;position:absolute;right:15px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:26px;height:26px;background:url(../img/w/icon_inputdel.png) no-repeat 0 0;} .input_gline .btn_empty span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;} .input_gbox{display:block;text-align:left;} .input_gbox .input input[type="text"]{width:100%;height:56px;line-height:54px;text-indent:20px;border:1px solid #d8d8d8;border-radius:3px;} .input_gbox .input input[type="text"]::placeholder{color:#9ca8af;} .input_gbox.on .input input[type="text"]{border-color:#888;} .input_gbox.error .input input[type="text"]{border-color:#FD312E;} .input_gbox .input input[type="number"]{width:100%;height:56px;line-height:54px;text-indent:20px;border:1px solid #d8d8d8;border-radius:3px;} .input_gbox .input input[type="number"]::placeholder{color:#9ca8af;} .input_gbox.on .input input[type="number"]{border-color:#888;} .input_gbox.error .input input[type="number"]{border-color:#FD312E;} .input_gbox.disabled .label label{color:#d1d1d1;} .input_gbox.disabled .label sup{color:#d1d1d1;} .input_gbox .input{position:relative;} .input_gbox .btn_empty{display:block;position:absolute;right:15px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:26px;height:26px;background:url(../img/w/icon_inputdel.png) no-repeat 0 0;} .input_gbox .btn_empty span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;} .input_gmultiline{display:block;position:relative;text-align:left;} .input_gmultiline .count{position:absolute;right:0;top:14px;color:#99a8b0;font-size:16px;} .input_gmultiline .input{display:block;width:100%;height:165px;box-sizing:border-box;border:1px solid #888;border-radius:3px;} .input_gmultiline .input textarea{width:100%;height:100%;padding:15px 20px;font-size:24px;border:0;margin:0;box-sizing:border-box;border-radius:3px;background:#fafafa;} .input_gmultiline.on .input{border-color:#888;} .input_gmultiline.error .input{border-color:#FD312E;} .input_gcheck{display:block;position:relative;text-align:left;} .input_gcheck .label > span {font-size:18px;font-weight:400;} .input_gcheck .gcheck {padding-left:20px;} .input_gcheck .gcheck label {margin-left:-20px;} .input_gcheck .desc{margin-bottom:13px;font-size:18px;} .input_gcheck .link{margin-bottom:35px;} .input_gcheck .link a{position:relative;margin-left:30px;font-weight:400;color:#217f94;} .footer_area_renew .input_gcheck .link a{color:#30a7ff;} .input_gcheck .link a::before{content:'';position:absolute;left:-15px;top:1px;display:block;height:16px;width:0;border-left:1px solid #e6e6e5;} .input_gcheck .link a:first-of-type{margin-left:0;} .input_gcheck .link a:first-of-type::before{display:none;} .input_gcheck .link a br{display:none;} .input_gcheck .btn_more{display:inline-block;margin:0 0 0 10px;color:#137f95;font-size:18px;font-weight:400;line-height:26px;vertical-align:bottom;} .input_gcheck.ver_eu .desc {margin-bottom:38px;} .input_gcheck.ver_eu .gcheck + .gcheck {margin-top:20px;} .input_gcheck.ver_eu .link {margin:24px 0 0 0;} .input_gcheck.ver_gb .link {margin-bottom:0} .input_gline + .input_gmultiline{margin-top:15px;} .input_gtoggle .input{position:relative;float:left;width:49%;height: 56px;}/* 접근성 수정 | 2.4.3.20 */ .input_gtoggle .input:last-of-type{margin-left: 2%;}/* 접근성 수정 | 2.4.3.20 */ .input_gtoggle .input label{width:100%}/* 접근성 수정 | 2.4.3.20 */ .inquiry .input_gcheck .label{margin-top: 33px;} /* layer_pop + input_gcheck */ .layer_pop .input_gcheck .desc{font-size:12px;line-height:1.4;} .layer_pop .input_gcheck .link{width:100%;} .layer_pop .input_gcheck .link a{font-size:12px;border-left:1px solid #dddee0;line-height:1.4;} .layer_pop .input_gcheck .link a:first-of-type{border-left:0;} .layer_pop .input_gcheck .link a:nth-of-type(1){width:30%;} .layer_pop .input_gcheck .link a:nth-of-type(2){width:35%;padding-left:20px;} .layer_pop .input_gcheck .link a:nth-of-type(3){width:35%;padding-left:20px;} .layer_pop .input_gcheck .link a::before{display:none;} .layer_pop .input_gcheck .link a br{display:none;} .layer_pop .input_gcheck.ver_eu .desc {margin-bottom:28px;} .layer_pop .input_gcheck.ver_eu .gcheck + .gcheck {margin-top:14px;} .layer_pop .input_gcheck.ver_eu .link {margin:12px 0 0 0;} .layer_pop .input_gcheck.ver_gb .link {margin-bottom:0;} /* search */ .input_search{position:relative;height:56px;box-sizing:border-box;border:1px solid #d8d8d8;border-radius:3px;} .input_search input[type="text"]{display:block;height:54px;width:100%;border:0;padding:0 54px 0 20px;line-height:54px;background:transparent; z-index: 1;}/* 접근성 수정 | 3.3.2.01 */ .input_search input[type="text"]::placeholder{color:#767676;}/* 접근성 수정 | 1.4.3.14 */ .input_search .btn_search{position:absolute;right:0;top:0;display:block;width:44px;height:54px;}/* 접근성 수정 | 2.4.3.03 */ .input_search .btn_search::after{content:'';position:absolute;right:15px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);display:block;width:18px;height:18px;background:url('../img/w/icon_search18x18.png') no-repeat 0 0;} .input_search.on{border:1px solid #1d2726;} .input_search.on .btn_search::after{background-position:0 100%;} .input_search .input{position:relative;} .input_search .btn_empty{display:block;position:absolute;right:45px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:26px;height:26px;background:url(../img/w/icon_inputdel.png) no-repeat 0 0; z-index: 20;}/* 접근성 수정 | 2.4.3.03 */ .input_search .btn_empty span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;} .layer_pop .btn_empty{right:10px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:16px;height:16px;background-image:url(../img/m/icon_inputdel.png);background-size:16px 16px;} /* zelect */ .zelect{position:relative;display:block;cursor:pointer;width:100%;border:1px solid #333;border-radius:3px;box-sizing:border-box;background:#fff;} .zelected{padding:0 30px 0 20px;color:#000;font-weight:400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index:1;background:url(../img/w/bull_select01_10x6.png) no-repeat;} .zelected:hover{border-color:#333;} .zelect.open{border-radius:3px 3px 0 0;z-index:100;} .dropdown{max-width:100%;position:absolute;left:-1px;right:-1px;padding:0;border:1px solid #333;border-top:1px solid #d6d6d6;border-radius:0 0 3px 3px;z-index:2;background:#fff;} .dropdown input{/*display:none;*/position:absolute;left:-9999px;} .dropdown .ol-div{overflow-y:auto;padding:0;margin:0;}/* 접근성 수정 | 2.1.1.03 */ /* 접근성 수정 | 3차 */ /* .dropdown li{font-weight:300;} .dropdown li.current{background-color:rgba(0,0,0,0.1);} */ .dropdown a{font-weight:300;} .dropdown a.current{background-color:rgba(0,0,0,0.1);} .dropdown .no-results{margin-left:10px;} .dimm .zelect {border-color:#b3b3b3; z-index: 1;} .dimm .zelect .zelected {/* color:#b3b3b3; */color:#888;background-image:url(../img/w/bull_dimm_select01_10x6.png);} .dimm .zelect .dropdown {display:none !important;} .zelect_type01, .zelect_type02, .zelect_type03, .zelect_type04 {display:inline-block;} /* .zelect_type01 {min-width:300px;} */ .zelect_type01 .zelected {height:54px;font-size:24px;line-height:54px;background-position:100% 23px;} .zelect_type01 .zelect.open .zelected {background-position:100% -91px;} .zelect_type01 .dropdown .ol-div{max-height:360px;}/* 접근성 수정 | 2.1.1.03 */ /* 접근성 수정 | 3차 */ /* .zelect_type01 .dropdown li {padding:24px 20px;font-size:24px;line-height:1;} */ .zelect_type01 .dropdown a {padding:24px 20px;font-size:24px;line-height:1;} .zelect_type01 .dropdown {top:54px;} .zelect_type01.dimm .zelect.open .zelected {background-position:100% 23px;} .zelect_type02 {min-width:200px;} .zelect_type02 .zelected {height:43px;font-size:18px;line-height:43px;background-position:100% 19px;} .zelect_type02 .zelect.open .zelected{background-position:100% -95px;} .zelect_type02 .dropdown .ol-div{max-height:280px;}/* 접근성 수정 | 2.1.1.03 */ /* .zelect_type02 .dropdown li {padding:19px 20px;font-size:18px;line-height:1;} */ .zelect_type02 .dropdown a {padding:19px 20px;font-size:18px;line-height:1;} .zelect_type02 .dropdown {top:43px;} .zelect_type02.dimm .zelect.open .zelected {background-position:100% 19px;} .dropdown a{display:block;} /* .dropdown li.current{color:#FD312E;} */ .dropdown a.current{color:#FD312E;} .zelect_type03 .zelected, .zelect_type04 .zelected {padding:0 30px 0 0;color:#137f95;font-weight:300;text-overflow:inherit;background:url(../img/w/bull_select03_14x11.png) no-repeat;} .zelect_type03{min-width:80px;} .zelect_type03 .zelected{height:54px;font-size:28px;line-height:54px;background-position:right 23px;} .zelect_type03 .zelect.open{/* padding:7px 29px; */border:1px solid #137f95;/* border-bottom:0; */border-radius:3px;top:-8px;left:-30px;} .zelect_type03 .zelect.open .zelected{background-position:right -90px;padding:0 29px;margin-right:29px;} .zelect_type03 .zelect{border:0;} .zelect_type03 .dropdown{border : 0 none;border-top:1px solid #137f95;} .zelect_type03 .dropdown .ol-div{max-height:360px;}/* 접근성 수정 | 2.1.1.03 */ /* .zelect_type03 .dropdown li{padding:7px 29px;font-size:28px;line-height:1;color:#333;} .zelect_type03 .dropdown li.current{color:#137f95;} */ .zelect_type03 .dropdown a{padding:7px 29px;font-size:28px;line-height:1;color:#333;} .zelect_type03 .dropdown a.current{color:#137f95;} .zelect_type04{min-width:60px;} .zelect_type04 .zelected{height:43px;font-size:18px;line-height:43px;background-position:right 19px;} .zelect_type04 .zelect.open .zelected{background-position:100% 19px;} .zelect_type04 .zelect{border:0;} .zelect_type04 .dropdown{border:0;} .zelect_type04 .dropdown .ol-div{max-height:280px;}/* 접근성 수정 | 2.1.1.03 */ /* .zelect_type04 .dropdown li{padding:12px 0;font-size:18px;line-height:1;} */ .zelect_type04 .dropdown a{padding:12px 0;font-size:18px;line-height:1;} /* layer_pop + zelect */ .layer_pop .zelected{padding:0 19px 0 8px;} .layer_pop .zelect_type01{min-width:270px;width:37.7%;margin-right:6px;} .layer_pop .zelect_type01:nth-child(2) {width:56%;} .layer_pop .zelect_type01 .zelected {height:38px;font-size:16px;line-height:36px;background-position:100% 15px;} .layer_pop .zelect_type01 .zelect.open .zelected {background-position:100% -100px;} .layer_pop .zelect_type01 .dropdown .ol-div{max-height:360px;}/* 접근성 수정 | 2.1.1.03 */ /* .layer_pop .zelect_type01 .dropdown li {padding:12px 10px;font-size:16px;line-height:1;} */ .layer_pop .zelect_type01 .dropdown a {padding:12px 10px;font-size:16px;line-height:1;} .layer_pop .zelect_type01 .dropdown {top:34px;} .layer_pop .zelect_type01.dimm .zelect.open .zelected {background-position:100% 15px;} .layer_pop .zelected{padding:0 19px 0 8px;} .layer_pop .zelect_type02{width:100%;} .layer_pop .zelect_type02 .zelected {height:34px;font-size:16px;line-height:34px;background-position:100% 15px;} .layer_pop .zelect_type02 .zelect.open .zelected {background-position:100% -100px;} .layer_pop .zelect_type02 .dropdown .ol-div{max-height:360px;}/* 접근성 수정 | 2.1.1.03 */ .layer_pop .zelect_type02 .dropdown li {padding:12px 10px;font-size:16px;line-height:1;} .layer_pop .zelect_type02 .dropdown a {padding:12px 10px;font-size:16px;line-height:1;} .layer_pop .zelect_type02 .dropdown {top:34px;} .layer_pop .zelect_type02.dimm .zelect.open .zelected {background-position:100% 15px;} /* btn_type */ .btn_type.v_link span::after{content:' ';padding-right:25px;background-size:12px auto;transition:all .4s;} .btn_type.v_link:hover span::after {background-position-x:120%;} .btn_type.v_link_wh span::after{content:' ';padding-right:25px;background:url('../img/w/icon_btn_dtl_wh.png') 75% 50% no-repeat;background-size:12px auto;transition:all .4s;} .btn_type.v_link_wh:hover span::after {background-position-x:120%;} .btn_type.v_blank span::after{content:' ';padding-right:20px;background:url('../img/w/icon_btn_link.png') 100% 50% no-repeat;background-size:12px auto;} .btn_type.v_down span::after{content:' ';padding-right:20px;background:url('../img/w/icon_btn_down.png') 100% 50% no-repeat;background-size:12px auto;} .btn_type.more span::after{content:' ';padding-right:20px;background:url('../img/w/icon_btn_more.png') 100% 50% no-repeat;background-size:14px auto;} .btn_type.more span:hover::after {animation:icon_more_action 1.6s ease infinite normal forwards;} @keyframes icon_more_action {0% {background-position-y:5px;} 10% {background-position-y:3px;} 90% {background-position-y:7px;} 100% {background-position-y:5px;}} .btn_type.more span{font-size:20px;transition:all .4s;} .btn_type.more span:hover {background:#cdcfcf;border:1px solid #cdcfcf} .btn_type.flat_bface.v_link{display:block;} .btn_type.flat_bface.v_link span{text-align:left;} .btn_type.flat_bface.v_blank{display:block;} .btn_type.flat_bface.v_blank span{text-align:left;} @media only screen and (max-width: 1080px){ /* Title */ .ttl1{font-size:36px;line-height:42px;text-align:center;} .ttl2{font-size:24px;line-height:29px;} .ttl3{font-size:18px;line-height:22px;} .ttl_sub{font-size:16px;line-height:24px;} .ttl4{font-size:14px;line-height:1;} /* flag */ .flag_type{height:17px;line-height:17px;font-size:10px;padding:0 10px;} /* Button */ .btn_type span{height:36px;padding:12px 0 10px;line-height:.75;font-size:14px;} .btn_type.mid span{height:36px;padding:12px 0 10px;line-height:1;font-size:14px;} .btn_type.xs span{height:27px;padding:8px 0 5px;line-height:1;font-size:12px;font-weight:400} .btn_type.flat_rface span{height:inherit;font-size:12px;} .btn_type.flat_bface span{height:inherit;font-size:12px;} .btn_type.flat_bkface span{height:inherit;font-size:12px;} .btn_type.icon_play{width:135px;} .btn_type.icon_play span{height:36px;padding:0 0 0 15px;box-sizing:border-box;line-height:30px;font-size:14px;background-position:20px 50%;background-size:10px auto; border-width: 2px;}/* 접근성 수정 | 버튼 디자인 수정 */ .btn_type.icon_play span:hover{background-position:20px 50%;background-size:10px auto;} .icon_play.btn_type span i {font-size:18px;} /* CheckBox RadioBox Switch */ /* base */ input[type="checkbox"] + label{padding:1px 0 0 25px;font-size:16px;font-weight:300;line-height:18px;} input[type="checkbox"] + label::before{width:16px;height:16px;background:url('../img/m/btn_checkbox32x32.png') 0 0 no-repeat;background-size:16px auto;} input[type="checkbox"]:checked + label::before{background-position:0 -120px;} input[type="checkbox"].disabled + label::before{background-position:0 -60px;} /* base + reverse */ input[type="checkbox"].reverse + label{padding:1px 25px 0 0;} /* small */ input[type="checkbox"].chkbox_small + label{padding:1px 0 0 22px;font-size:12px;line-height:14px;} input[type="checkbox"].chkbox_small + label::before{width:12px;height:12px;background:url('../img/m/btn_checkbox24x24.png') 0 0 no-repeat;background-size:12px auto;} input[type="checkbox"].chkbox_small:checked + label::before{background-position:0 -120px;} input[type="checkbox"].chkbox_small.disabled + label::before{background-position:0 -60px;} /* small + reverse */ input[type="checkbox"].chkbox_small.reverse + label{padding:1px 22px 0 0;} /* base */ input[type="radio"].radio + label {padding:1px 0 0 25px;font-size:16px;font-weight:300;line-height:18px;} input[type="radio"].radio + label::before{width:16px;height:16px;background:url('../img/m/btn_radiobox32x32.png') 0 0 no-repeat;background-size:16px auto;} input[type="radio"].radio:checked + label::before{background-position: 0 -120px;} input[type="radio"].radio.disabled + label{color:#b3b3b3;} input[type="radio"].radio.disabled + label::before{background-position:0 -60px;} /* base + reverse */ input[type="radio"].reverse.radio + label{padding:1px 25px 0 0;} /* small */ input[type="radio"].radio_small + label{padding:2px 0 0 22px;font-size:12px;line-height:14px;} input[type="radio"].radio_small + label::before{width:12px;height:12px;background:url('../img/m/btn_radiobox24x24.png') 0 0 no-repeat;background-size:12px auto;} input[type="radio"].radio_small:checked + label::before{background-position:0 -120px;} input[type="radio"].radio_small.disabled + label::before{background-position:0 -60px;} /* small + reverse */ input[type="radio"].radio_small.reverse + label {padding:2px 22px 0 0;} input[type="radio"].radio_small.reverse + label::before{width:12px;height:12px;background:url('../img/m/btn_radiobox24x24.png') 0 0 no-repeat;background-size:12px auto;} input[type="radio"].radio_small.reverse:checked + label::before{background-position:0 -120px;} input[type="radio"].radio_small.reverse.disabled + label::before{background-position:0 -60px;} .input_gtoggle .input{height:36px;}/* 접근성 수정 | 3차 */ .input input[type="radio"].switch + label{padding:12px 0 10px;font-size:12px;line-height:1;}/* 접근성 수정 | 3차 */ input[type="radio"]:checked.switch + label{text-indent:15px;background:url('../img/m/btn_switch.png') 100% 50% no-repeat;background-size:30px auto;} /* Input Text */ input[type="text"]{font-size:16px;} input[type="number"]{font-size:16px;} .input_box input{width:100%;height:36px;padding:8px 15px;} [class*="input_"] .label {min-height:41px;padding:11px 0;line-height:20px;} [class*="input_"] .label label{font-size:14px;} [class*="input_"] .label sup{font-size:14px;} [class*="input_"] .label > div{font-size:14px;} [class*="input_"] .error .message{padding-top:9px;font-size:10px;} [class*="input_"].error .error .message{display:block;} .input_gline .input input[type="text"]{height:28px;line-height:28px;} .input_gline .input input[type="number"]{height:28px;line-height:28px;} .input_gline .btn_empty{right:10px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:16px;height:16px;background-image:url(../img/m/icon_inputdel.png);background-size:16px 16px;} .input_gbox .input input[type="text"]{height:36px;line-height:34px;text-indent:15px;} .input_gbox .input input[type="number"]{height:36px;line-height:34px;text-indent:15px;} .input_gbox .btn_empty{right:10px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:16px;height:16px;background-image:url(../img/m/icon_inputdel.png);background-size:16px 16px;} .input_gmultiline .count{top:16px;font-size:10px;} .input_gmultiline .input{width:100%;height:83px;} .input_gmultiline .input textarea{width:100%;height:100%;font-size:16px;border:0;padding:8px;} .input_gcheck .label > span{font-size:14px;} .input_gcheck .btn_more{margin:0 0 0 4px;font-size:14px;line-height:20px;vertical-align:bottom;} .input_gcheck .desc{font-size:12px;} .input_gcheck .link{display:table;width:100%;} .input_gcheck .link a{display:table-cell;font-size:12px;border-left:1px solid #dddee0;} .input_gcheck .link a:first-of-type{border-left:0;} .input_gcheck .link a:nth-of-type(1){width:30%;} .input_gcheck .link a:nth-of-type(2){width:35%;padding-left:20px;} .input_gcheck .link a:nth-of-type(3){width:35%;padding-left:20px;} .input_gcheck .link a::before{display:none;} .input_gcheck .link a br{display:block;} .input_select .label{min-height:34px;padding-bottom:3px;} /* zelect */ [class*="zelect_type"] .zelect {display:none;} .zelect_type01 select, .zelect_type02 select{display:block !important;position:relative;width:100%;padding:0 19px 0 8px;font-weight:400;border:1px solid #333;border-radius:3px;box-sizing:border-box;-webkit-appearance:none;background:#ffffff url(../img/w/bull_select01_40x12.png) no-repeat;background-size:20px auto;} .zelect_type01.dimm select, .zelect_type02.dimm select{border-color:#b3b3b3;color:#b3b3b3;background-image:url(../img/m/bull_dimm_select01_40x12.png);} .zelect_type01 select {height:36px;font-size:16px;line-height:36px;background-position:100% 15px;} .zelect_type02 select {height:25px;font-size:12px;line-height:26px;background-position:100% 11px;} .zelect_type03 select, .zelect_type04 select {display:block !important;position:relative;padding:0 18px 0 0;color:#137f95;font-weight:300;border:0;box-sizing:border-box;-webkit-appearance:none;background:url(../img/w/bull_select03_14x11.png) no-repeat;background-size:7px auto;} .zelect_type03 select{min-width:55px;height:34px;font-size:24px;line-height:34px;background-position:right 16px;} .zelect_type04 select{min-width:55px;height:25px;font-size:18px;line-height:25px;background-position:right 10px;} .zelect_type02 {min-width:100px;} select::-ms-expand{display:none;} /* btn_type */ .btn_type.v_link span::after{content:' ';padding-right:16px;background-size:9px auto;} .btn_type.v_blank span::after{content:' ';padding-right:16px;background:url(../img/w/icon_btn_link.png) 100% 50% no-repeat;background-size:9px auto;} .btn_type.more span::after{content:' ';padding-right:16px;background:url(../img/w/icon_btn_more.png) 100% 50% no-repeat;background-size:9px auto;} .btn_type.more span{font-size:14px;} .btn_type.flat_bface.v_link{display:block;} .btn_type.flat_bface.v_link span{text-align:left;} .btn_type.flat_bface.v_blank{display:block;} .btn_type.flat_bface.v_blank span{text-align:left;} /* .layer_pop .input_gcheck .link */ .layer_pop .input_gcheck .link a br{display:block;} } /* @media only screen and (max-width: 1080px){ */ /* inquiry to buy button ui */ .admin_text + .btn_area {margin:60px 0 120px; padding:0;} @media only screen and (max-width: 1080px){ .key_area.video ~ .admin_text + .btn_area {margin:-10px 0 40px;} .admin_text + .btn_area {margin:-30px 0 40px; padding:0 27px;} .admin_text + .btn_area .btn_type span {line-height:.6;} .btn_area + .column_item.blockquote {margin-top:60px;} } .zelected { background: url(../../go/img/icon/bull_select01_10x6.png) no-repeat; } .dimm .zelect .zelected { background-image: url(../../go/img/icon/bull_dimm_select01_10x6.png); } .input_gline .btn_empty { background: url(../../go/img/icon/icon_inputdel.png) no-repeat 0 0; } input[type="checkbox"] + label::before { background: url(../../go/img/icon/btn_checkbox24x24.png) 0 0 no-repeat; background-size: cover; } @media screen and (max-width: 1080px) { .zelect_type01 select, .zelect_type02 select { background: #fff url(../../go/img/icon/bull_select01_40x12.png) no-repeat; background-position: 100% 15px; background-size: 20px auto; } .zelect_type01.dimm select, .zelect_type02.dimm select { background-image: url(../../go/img/icon/bull_dimm_select01_40x12.png); } input[type="checkbox"] + label::before { background: url('../../go/img/icon/btn_checkbox32x32.png') 0 0 no-repeat; background-size: cover; } } /* popup.css */ .popup .wall{display:block;position:fixed;left:-2500%;top:-2500%;width:5000%;height:5000%;opacity:.4;background:#000;z-index:0;} .bg_fa {background:#fafafa;} /* layer_pop */ [class*="input_"] .label{min-height:30px;padding:12px 0 8px 0;} .layer_btn [class*="type"] {overflow:hidden;text-align:center;} .layer_btn [class*="type"] > div {float:left;} .layer_btn [class*="type"] > div:first-child {margin-left:0;} .layer_btn [class*="type"] > div a {display:block;width:100%;} .layer_btn [class*="type"] > div a span {width:100%;box-sizing:border-box;} .layer_btn .type1 div {width:100%;} .layer_btn .type2 div {width:49%;margin-left:2%;} .layer_btn .type3 div {width:32%;margin-left:2%;} .layer_btn .type1 + .type1{margin-top:20px;padding-top:10px;border-top:1px solid #c7c7c7;} .layer_btn .typefull{margin:0 -27px -27px;} .layer_btn .typefull div{width:100%;text-align:center;font-size:12px;} .layer_btn .typefull div a{display:block;height:50px;line-height:50px;font-weight:400;} .layer_btn .dash div{width:100%;text-align:center;font-size:16px;border-top:1px solid #d5d6d9;} .layer_btn .dash div a{display:block;height:50px;line-height:50px;font-weight:400;} .layer_btn .dash div a:hover {color:#FD312E;} .layer_pop {display:none;position:fixed;left:50%;top:50%;width:750px;min-width:350px;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-height:100%;z-index:1000;box-sizing:border-box;} .layer_pop .layer_box{position:relative;padding-top:54px;border-radius:3px;background:#fff; z-index: 1;} .layer_pop .layer_head {position:relative;top:-54px;height:18px;padding:40px 40px 34px 33px;border-radius:3px 3px 0 0;background:#fff;}/* 접근성 수정 | 2.4.3.02 */ .layer_pop .layer_head h1 {font-size:24px;font-weight:400;line-height:18px;} .layer_pop .layer_head.bg_fa h1 {font-size:24px;} .layer_pop .layer_head.bg_fa {background:#fafafa;} .layer_pop .layer_head h1 .gray{color:#999;} .layer_pop .close {position:absolute;top:40px;right:40px;width:26px;height:26px;text-indent:-999em;overflow:hidden;background:url(../../go/img/icon/btn_layer_close.png) no-repeat 0 0;background-size:100% 100%; z-index:200}/* 접근성 수정 | 2.4.3.02 */ /* 접근성 수정 | 3차 */ .layer_pop .layer_scroll {position:relative;margin-top:-54px;max-height:666px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;} /* .layer_pop.proPopupTime .layer_scroll, #randomChar2.layer_pop .layer_scroll, #itx_product_detail_zone.layer_pop .layer_scroll {margin-top:-15px;} */ .layer_pop .layer_cont {min-height:66px;padding:35px 35px 45px 36px;font-size:18px;line-height:22px;letter-spacing:-0.2px;} #itx_filter_popup.layer_pop .layer_cont {padding:0px 35px 45px 36px;} .layer_pop .layer_cont .txt {font-size:14px;line-height:20px;} .layer_pop .layer_cont .point {color:#137f95;font-weight:300;} .layer_pop .layer_cont > [class*="input_"] {margin-top:10px;} .layer_pop .layer_cont.pd_none {padding:0;} .layer_pop .layer_message{height:33px;} .layer_pop .layer_message a{display:inline-block;padding-right:16px;color:#1d2627;line-height:33px;background:url(../img/m/icon_arrow_link.png) no-repeat right 55%;background-size:5px auto;} .layer_pop .layer_control{position:relative;height:49px;background:#f2f2f2;border-top:1px solid #e7e7e8;} .layer_pop .layer_control .slick-prev{left:27px;margin-top:-10px;width:12px;height:20px;background: url(../img/w/icon_prevafter12x20.png) no-repeat 0 0;} .layer_pop .layer_control .slick-next{right:27px;margin-top:-10px;width:12px;height:20px;background: url(../img/w/icon_prevafter12x20.png) no-repeat 0 100%;} .layer_pop .layer_control .custom-dots .slick-dots{margin-top:21px;text-align:center !important;margin-left:0;} .layer_pop .layer_control .custom-dots .slick-dots button{width:6px;height:6px;} .layer_pop .layer_control .custom-dots .slick-dots li{margin:0 3px;} .alret_box.layer_pop .layer_box {padding-bottom:30px;} .alret_box.layer_pop .layer_btn {width:auto;margin-left:25px;margin-right:25px;background:none;} /* #itx_configurator_nosearch_message_popup.layer_pop .layer_box {padding-bottom:30px;} #itx_configurator_nosearch_message_popup.layer_pop .layer_btn {width:auto;margin-left:25px;} */ /* 팝업 컴포넌트 별도 제어 (모바일 1/2 사이즈) */ .layer_pop input[type="text"]{font-size:16px;} .layer_pop [class*="input_"] .error .message{padding-top:9px;font-size:12px;} .layer_pop [class*="input_"].error .error .message{display:block;} .layer_pop .input_gline .label{min-height:35px;padding:8px 0 7px;line-height:20px;} .layer_pop .input_gline .label label{font-size:16px;} .layer_pop .input_gline .label sup{font-size:14px;} .layer_pop .input_gline .input input[type="text"]{height:28px;line-height:28px;color:#98a9b1;} .layer_pop .layer_btn{position:relative;width:100%;box-sizing:border-box;/* padding:0 27px 27px; */background:#fff;} .layer_pop .layer_btn2{padding-bottom:13px;} .layer_pop .layer_btn .type4 .btn_type span{line-height:22px;font-size:18px;font-weight:400;padding:12px 100px;} .layer_pop .layer_btn .btn_type.xs span{height:27px;line-height:1;font-size:12px;font-weight:400} .layer_pop .layer_btn .btn_type.flat_rface span{font-size:12px;} .layer_pop .layer_btn .btn_type.flat_bface span{font-size:12px;} .layer_pop .btn_type.rface span, .layer_pop .btn_type.bline span {display:inline-block;} .layer_pop input[type="checkbox"] + label{font-size:18px;font-weight:300;line-height:20px;padding:0 0 0 25px;} .layer_pop input[type="checkbox"] + label::before{margin-top:1px;width:18px;height:18px;background:url(../img/m/btn_checkbox32x32.png) 0 0 no-repeat;background-size:18px auto;} .layer_pop input[type="checkbox"]:checked + label::before{background-position: 0 -135px;} .layer_pop input[type="checkbox"].disabled + label::before{background-position:0 -60px;} .layer_pop input[type="radio"] + label{font-size:16px;font-weight:300;line-height:18px;} .layer_pop input[type="radio"] + label::before{width:16px;height:16px;background:url(../img/m/btn_radiobox32x32.png) 0 0 no-repeat;background-size:16px auto;} .layer_pop input[type="radio"]:checked + label::before{background-position: 0 -120px;} .layer_pop input[type="radio"].disabled + label::before{background-position:0 -60px;} /*layer_pop short */ .layer_pop.basic.short {width:307px;} /*layer_pop basic */ .layer_pop.basic {width:450px;} .layer_pop.middle {width:613px;} .layer_pop.basic .layer_box {padding-top:0;} .layer_pop.basic#itx_download_zone .layer_box {padding-top:0; padding-bottom:30px;} .layer_pop.basic#itx_download_zone .layer_btn {padding:0 25px;background:none;} .layer_pop.basic .layer_head {top:0;} /* .layer_pop.basic .layer_cont {padding:10px 27px 29px;} */ /* layer_pop full */ .layer_pop.full{padding:0;background:#fff;} .layer_pop.full .layer_box {height:100%;box-sizing:border-box;} /*layer_pop bottom */ .layer_pop.bottom{display:none;position:fixed;top:100%;left:auto;right:0;bottom:auto;-ms-transform:translate(0, 0);transform:translate(0, 0);padding:0;box-shadow:0px 0px 20px 0 rgba(0,0,0,0.3);} .layer_pop.bottom .layer_box{padding-top:0;} .layer_pop.bottom .layer_cont{padding:18px;min-height:auto;font-size:16px;} .layer_pop.bottom .layer_btn{padding:0 18px 18px 18px;} /* layer_pop unique*/ .layer_pop.unique{width:1080px;max-height:9999px;box-shadow:0px 0px 20px 0 rgba(0,0,0,0.3);} .layer_pop.unique .layer_box{padding:0;} .layer_pop.unique .layer_cont{padding:0 360px;} .layer_pop.unique .layer_head{position:absolute;left:0;top:0;width:322px;height:18px;padding:36px 0px 18px 35px;} .layer_pop.unique .close{position:absolute;top:28px;right:20px;width:26px;height:26px;text-indent:-999em;overflow:hidden;z-index:300;background:url(../../go/img/icon/btn_layer_close.png) no-repeat 0 0;background-size:100% 100%;}/* 접근성 수정 | 5차 */ .layer_pop.unique .sec01{position:absolute;left:0;top:0;width:360px;height:100%;box-sizing:border-box;padding:80px 27px 230px 27px;} .layer_pop.unique .sec01 .bottom{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:0 27px;} .layer_pop.unique .sec01.led{padding:54px 27px;} .layer_pop.unique .sec02{position:relative;width:360px;box-sizing:border-box;padding:34px 27px 0 25px;} .layer_pop.unique .sec02::after{content:'';display:block;position:absolute;left:0;top:0;width:0;height:100%;border-left:1px solid #aaa;} .layer_pop.unique .sec02::before{content:'';display:block;position:absolute;right:0;top:0;width:0;height:100%;border-left:1px solid #aaa;} .layer_pop.unique .sec02 .total_info{margin-top:25px;} .layer_pop.unique .sec02.led .config_result .visual{padding-bottom:20px;} .layer_pop.unique .sec02.led .total_info{margin-top:40px;padding-bottom:30px;} .layer_pop.unique .sec02.led .config_result .total_info td, .layer_pop.unique .sec02.led .config_result .total_info th{padding:10px 0;} .layer_pop.unique .sec03{position:absolute;right:0;top:0;width:360px;height:100%;box-sizing:border-box;padding:34px 27px 0 27px;} .layer_pop.unique .configurator_result .sec03 {padding:64px 27px 0 25px;} .layer_pop.unique .sec03 .bottom{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:0 27px;} .layer_pop.unique .layer_btn{padding:0 0 20px;} .layer_pop.unique .layer_btn.last{padding-bottom:0;} .layer_pop .file_down {display:block;background:#fff;border-radius:3px;border:1px solid #dddee0;font-size:18px;font-weight:400;} /* layer_pop for Calibrator */ .layer_pop.unique.calibrator {width:720px;} .layer_pop.unique.calibrator .layer_head .close {right:-340px;} .layer_pop.unique.calibrator h2.type {font-size:14px;} .layer_pop.unique.calibrator h2.type .spot {font-size:24px;color:#000;} .layer_pop.unique.calibrator .sec02 {padding-top:40px;} .layer_pop.unique.calibrator .config_result .base_info .uo{border-bottom:1px solid #c7c7c7;} .layer_pop.unique.calibrator .sec01 .config_result{height:auto;height:200px;} .layer_pop.unique.calibrator .layer_btn{padding:15px 0 0;} .layer_pop.calibrator {width:310px;} .layer_pop .configurator_result .layer_head h1 {font-size:18px;} @media only screen and (max-width: 1080px){ .layer_pop.unique.calibrator {width:100%;} .layer_pop.unique.calibrator .layer_head .close{right:18px;} .layer_pop.unique.calibrator .config_result .base_info .uo{border-bottom:0;} .layer_pop.unique .sec02 {padding:0px 27px 0 27px;} .layer_pop.unique.calibrator .sec01 .config_result{height:auto;}/* 2018-10-07 */ .layer_pop.unique.calibrator .sec02 .total_info{background-color:#fafafa;padding:15px 27px;margin-bottom:20px;} /* .layer_pop.unique.calibrator .sec02 .bottom .config_result{display:none;} 2018-10-19 */ .layer_pop.unique.calibrator .sec02 {padding-right:0;padding-left:0;} .layer_pop.unique.calibrator .sec02 h2.type {margin-right:27px;margin-left:27px;} .layer_pop.unique.calibrator .sec02 .base_info, .layer_pop.unique.calibrator .layer_btn, .layer_pop.unique.calibrator .layer_btn.last {padding:0 27px 15px;}/* M: 2018-10-22 */ .layer_pop.unique.calibrator .sec02 .bottom .config_result {padding:0 27px;}/* M: 2018-10-22 */ .layer_pop.unique .configurator_result .sec03 {padding:15px 27px 0 27px;} .layer_pop.unique .layer_head .close{top:18px;width:17px;height:17px;} .layer_pop.unique .layer_head {padding:20px 0px 18px 25px;} .layer_pop .configurator_result .layer_head h1 {font-size:16px;line-height:18px;} .layer_pop .file_down {font-size:14px;margin-right:0;} } /* layer_pop pdf */ .layer_pop.pdf{position:absolute;width:700px;max-height:9999px;padding:0 20px;/*margin-left:-350px;*/background:#fff;left:-9999px;-ms-transform:translate(0, 0);transform:translate(0, 0);top:0;} .layer_pop.pdf .pdf_title{position:relative;height:96px;background:#b0003a;} .layer_pop.pdf .pdf_title h1{position:relative;left:29px;top:35px;font-size:32px;color:#fff;font-family:'Montserrat';font-weight:300;} .layer_pop.pdf .pdf_title h1 .spot{font-weight:400;font-family:'Montserrat';font-weight:700;} .layer_pop.pdf .pdf_title .name{text-align:right;position:absolute;right:25px;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);font-size:12px;color:#fff;} .layer_pop.pdf .pdf_title .name .model{font-weight:400;display:block;} .layer_pop.pdf .pdf_foot{position:relative;height:40px;border-top:2px solid #b0003a;padding-bottom:20px;} .layer_pop.pdf .pdf_foot .logo{position:relative;top:19px;} .layer_pop.pdf .pdf_foot .logo img {display:block;} .layer_pop.pdf .pdf_foot .num{position:absolute;right:0;top:27px;line-height:1;font-size:11px;} .layer_pop.pdf .pdf_cont .specifications h2{padding:65px 0 10px 0;font-weight:400;font-size:24px;} .layer_pop.pdf .pdf_cont .specifications .detail_value{position:relative;padding:29px 0 0 0;border-top:2px solid #000;} .layer_pop.pdf .pdf_cont .specifications .detail_value table{font-size:14px;} .layer_pop.pdf .pdf_cont .specifications .detail_value .titg{font-weight:400;text-align:left;text-indent:30px;} .layer_pop.pdf .pdf_cont .specifications .detail_value .titg2{font-weight:400;text-align:left;padding-left:30px;vertical-align:top;border-bottom:0;} .layer_pop.pdf .pdf_cont .specifications .detail_value .tits{font-weight:400;text-align:left;} .layer_pop.pdf .pdf_cont .specifications .detail_value .sum{color:#999;} .layer_pop.pdf .pdf_cont .specifications .detail_value .val{color:#b0003a;text-indent:19px;border-left:1px solid #f0f0f0;} .layer_pop.pdf .pdf_cont .specifications .detail_value::after{position:absolute;left:0;bottom:0;content:'';display:block;width:100%;height:0;border-top:1px solid #000;} .layer_pop.pdf .pdf_cont .specifications .detail_value th, .layer_pop.pdf .pdf_cont .specifications .detail_value td{border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:6px;} .layer_pop.pdf .pdf_cont .specifications .detail_value tr:first-of-type th, .layer_pop.pdf .pdf_cont .specifications .detail_value tr:first-of-type td{padding-top:0px;} .layer_pop.pdf .pdf_cont .specifications .detail_value tr:last-of-type th, .layer_pop.pdf .pdf_cont .specifications .detail_value tr:last-of-type td{padding-bottom:30px;} .layer_pop.pdf .pdf_cont .specifications .detail_value tr.dash th, .layer_pop.pdf .pdf_cont .specifications .detail_value tr.dash td{padding-top:30px;} .layer_pop.pdf .pdf_cont .specifications .detail_value tr.dash .val{position:relative;} .layer_pop.pdf .pdf_cont .specifications .detail_value tr.dash .val::after{content:'';display:block;position:absolute;left:-1px;top:0;width:0;height:30px;border-left:1px solid #fff;} .layer_pop.pdf .pdf_cont .pdf_config_result{padding:20px 24px;margin:27px 0;border:1px solid #f3f3f3;border-radius:3px;background:#fafafa;} .layer_pop.pdf .pdf_cont .pdf_config_result li{position:relative;padding:0 0 0 5px;margin-bottom:10px;font-size:12px;line-height:1.3;} .layer_pop.pdf .pdf_cont .pdf_config_result li::after{content:'';display:block;position:absolute;left:0;top:6px;width:3px;height:1px;background:#666;} .layer_pop.pdf .pdf_cont .pdf_config_result li:last-of-type{margin-bottom:0;} .layer_pop.pdf .pdf_cont .type_a{padding:35px 0 40px;border-bottom:1px solid #ebebeb;} .layer_pop.pdf .pdf_cont .type_a .left{float:left;width:296px;} .layer_pop.pdf .pdf_cont .type_a .left .thum{text-align:center;padding:25px 0;} .layer_pop.pdf .pdf_cont .type_a .left .thum img{width:65%;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid{position:relative;width:256px;height:256px;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas{position:relative;height:100%;box-sizing:border-box;padding:0 0 27px 37px;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .wrap{position:relative;height:219px;border:2px solid #5e5e5f;background:#f5f5f6 url(../img/w/bg_led_canvas.png) no-repeat 0 0;background-size:100% 100%;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .outer{width:100%;vertical-align:top;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen{position:relative;width:97%;height:97%;left:0;top:0;padding:1.5%;/*box-sizing:border-box;*/-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner{width:100%;height:100%;position:relative;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .ratio{position:absolute;overflow:hidden !important;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .target{position:relative;background:url(../img/w/bg_led_target.png) no-repeat center center;background-size:100% 100%;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);overflow:hidden !important;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .target .x{position:absolute;display:block;width:0;height:100%;overflow:hidden;border-right:1px solid #eca092;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .target .y{position:absolute;display:block;width:100%;height:0;overflow:hidden;border-bottom:1px solid #eca092;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .overflow{display:none;position:absolute;left:0;top:0;width:100%;height:100%;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .overflow div{width:100%;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .overflow div .txt1{display:block;font-size:14px;color:#333;font-weight:400;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner .overflow div .txt2{display:block;font-size:10px;color:#333;font-weight:400;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .screen .inner.over .overflow{display:block;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .h{position:relative;left:-26px;top:-243px;width:20px;height:100%;padding-bottom:27px;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .h .line1{display:block;width:100%;height:0;border-top:1px solid #e1e1e1;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .h .line2{display:block;position:relative;left:50%;top:0;width:0;height:100%;border-left:1px solid #e1e1e1;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .h .line3{display:block;position:relative;width:100%;height:10px;margin-top:-8px;border-top:1px solid #e1e1e1;background:#fff;z-index:2;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .h img{display:block;position:relative;left:0;top:-140px;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .w{position:relative;left:-37px;bottom:-13px;width:100%;height:20px;padding-right:37px;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .w .line1{display:block;position:relative;left:0;top:0;width:37px;height:100%;border-right:1px solid #e1e1e1;background:#fff;z-index:2;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .w .line2{display:block;position:relative;left:37px;top:-10px;width:100%;height:0;border-top:1px solid #e1e1e1;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .w .line3{display:block;position:relative;right:0;top:-21px;width:255px;height:100%;border-right:1px solid #e1e1e1;z-index:2;} .layer_pop.pdf .pdf_cont .type_a .left .guide_grid .canvas .w img{display:block;position:relative;left:122px;top:-41px;} .layer_pop.pdf .pdf_cont .type_a .left .type{position:relative;padding-top:20px;font-size:16px;} .layer_pop.pdf .pdf_cont .type_a .left .type::before{content:'';display:block;position:absolute;left:0;top:0;width:18px;height:4px;background:#000000;} .layer_pop.pdf .pdf_cont .type_a .right{float:left;width:364px;} .layer_pop.pdf .pdf_cont .type_a .right .visual{position:relative;min-height:128px;} .layer_pop.pdf .pdf_cont .type_a .right .visual h2{font-size:40px;line-height:1;} .layer_pop.pdf .pdf_cont .type_a .right .visual .desc{font-size:16px;color:#333;} .layer_pop.pdf .pdf_cont .type_a .right .visual .img{position:absolute;right:0;top:0;width:128px;background:#f3f4f4;} .layer_pop.pdf .pdf_cont .type_a .right .visual .img img{vertical-align:top;width:100%;} .layer_pop.pdf .pdf_cont .type_a .right .spec{padding:27px 0 0 0;border-top:2px solid #b0003a;} .layer_pop.pdf .pdf_cont .type_a .right .spec table{table-layout:fixed;} .layer_pop.pdf .pdf_cont .type_a .right .spec th{font-size:16px;font-weight:400;text-align:left;width:135px;padding-right:10px;vertical-align:top;} .layer_pop.pdf .pdf_cont .type_a .right .spec td{font-size:16px;vertical-align:top;} .layer_pop.pdf .pdf_cont .type_a .right .spec .space th, .layer_pop.pdf .pdf_cont .type_a .right .spec .space td{padding-top:25px;} .layer_pop.pdf .pdf_cont .type_a .right .spec .xs th{font-size:14px;font-weight:400;} .layer_pop.pdf .pdf_cont .type_a .right .spec .xs td{font-size:14px;} .layer_pop.pdf .pdf_cont .type_b{padding-bottom:40px;border-top:1px solid #ebebeb;} .layer_pop.pdf .pdf_cont .type_b .left{float:left;width:296px;padding-top:40px;} .layer_pop.pdf .pdf_cont .type_b .left .img{position:relative;width:256px;height:217px;background:#fafafa;} .layer_pop.pdf .pdf_cont .type_b .left .img .type{position:absolute;left:-14px;top:16px;font-size:14px;color:#b0003a;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph{position:relative;width:193px;margin:0 auto;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph .thum{width:100%;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type1{width:193px;padding:60px 0 0 0;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type1 .r{position:absolute;left:177px;top:68px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type1 .af{position:absolute;left:117px;top:130px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type2{width:158px;padding:33px 0 0 0;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type2 .r{position:absolute;right:0px;top:41px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type2 .af{position:absolute;left:73px;top:86px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3{display:table-cell;position:relative;width:146px;height:146px;position:relative;top:36px;left:56px;vertical-align:middle;text-align:center;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3 .wall{display:inline-block;position:relative;background:#fff;border:2px solid #ba2154;box-sizing:border-box;left:auto;top:auto;opacity:1;z-index:1;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3 .wall .h{position:absolute;right:-15px;top:50%;margin-top:-4px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3 .wall .w{display:block;position:absolute;left:50%;bottom:-20px;margin-left:-6px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3 .wallz{display:inline-block;position:relative;background:#fff;border:2px solid #ba2154;box-sizing:border-box;left:auto;top:auto;opacity:1;z-index:1;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3 .wallz .h{position:absolute;right:-15px;top:50%;margin-top:-4px;} .layer_pop.pdf .pdf_cont .type_b .left .img .graph.type3 .wallz .w{display:block;position:absolute;left:50%;bottom:-20px;margin-left:-6px;} .layer_pop.pdf .pdf_cont .type_b .left .txt{padding:20px 0 0 0;} .layer_pop.pdf .pdf_cont .type_b .left .txt ul{width:100%;overflow:hidden;} .layer_pop.pdf .pdf_cont .type_b .left .txt ul li{float:left;width:110px;} .layer_pop.pdf .pdf_cont .type_b .left .txt .head{font-size:12px;font-weight:400;} .layer_pop.pdf .pdf_cont .type_b .left .txt .head .icon{position:relative;left:5px;top:-3px;} .layer_pop.pdf .pdf_cont .type_b .left .txt .val{font-size:24px;} .layer_pop.pdf .pdf_cont .type_b .right{float:left;width:364px;} .layer_pop.pdf .pdf_cont .type_b .bar_group{padding-bottom:0;} .layer_pop.pdf .pdf_cont .type_b .top{position:relative;height:20px;padding:45px 0 0 50px;margin-bottom:0;} .layer_pop.pdf .pdf_cont .type_b .top .now .head{position:absolute;left:0;top:40px;font-size:16px;font-weight:400;} .layer_pop.pdf .pdf_cont .type_b .top .now .val{position:absolute;right:0;top:35px;font-size:20px;} .layer_pop.pdf .pdf_cont .type_b .top .max{position:relative;right:auto;bottom:auto;top:2px;} .layer_pop.pdf .pdf_cont .type_b .top .max .head{float:left;font-size:9px;color:#99a8b0;} .layer_pop.pdf .pdf_cont .type_b .top .max .val{float:left;font-size:9px;color:#99a8b0;} .layer_pop.pdf .pdf_cont .type_b .bar_group.overflow .bar div::before{top:-14px;} .layer_pop.pdf .pdf_cont .type_b .bar_group.overflow .top .now .val span{color:#000;} .layer_pop.pdf .pdf_cont .type_c{border-top:1px solid #ebebeb;} .layer_pop.pdf .pdf_cont .type_c.text {border-top:0;padding-bottom:130px;}/* M: 2018-10-17 */ .layer_pop.pdf .pdf_cont .type_c .left{float:left;width:50%;vertical-align:top;} .layer_pop.pdf .pdf_cont .type_c .left .thum img {width:100%;max-width:330px;}/* 2018-10-11 */ .layer_pop.pdf .pdf_cont .type_c .right{float:left;width:50%;vertical-align:top;} .layer_pop.pdf .pdf_cont .type_c .right .visual{min-height:90px;} .layer_pop.pdf .pdf_cont .type_c .right .spec{padding-top:15px;} .layer_pop.pdf .pdf_cont .type_c .right .spec th{width:120px;} .layer_pop.pdf .pdf_cont .type_c .type_desc {padding:70px 20px 20px;display:table;width:100%;}/* 2018-10-07 */ .layer_pop.pdf .pdf_cont .type_c .type_desc .type {font-size:12px;color:#b0003a;display:table-row;}/* 2018-10-07 */ .layer_pop.pdf .pdf_cont .type_c .type_desc .desc {font-size:16px;display:table-row;}/* 2018-10-07 */ .layer_pop.pdf .pdf_cont .type_c .type_desc .img {text-align:center;height:155px;display:table-cell;vertical-align:middle;}/* 2018-10-07 */ .layer_pop.pdf .pdf_cont .type_c .type_desc .img img {max-height:125px}/* 2018-10-07 */ .layer_pop.pdf .pdf_cont .type_c .detail {background-color:#fafafa;padding:25px 0;} .layer_pop.pdf .pdf_cont .type_c .detail table th {padding:0 15px;} .layer_pop.pdf .pdf_cont .type_c .detail table td {font-size:24px;} .layer_pop.pdf .pdf_cont .type_c .fc_purple {color:#b0003a;} .layer_pop.pdf .pdf_cont .type_c .left .thum{width:330px;padding:0;box-sizing:border-box;}/* 2018-10-11 */ /* pdf export bug fixed */ .layer_pop.pdf .bar_group .bar{height:45px;} .layer_pop.pdf .bar_group .bar span{height:43px;box-sizing:inherit;} /* layer_pop led */ .layer_pop.led{width:306px;} .layer_pop.led .layer_head{height:0;padding:0;} .layer_pop.led input[type="radio"].radio + label{padding:0 0 0 26px;} /* layer_Spread */ .layer_Spread {display:none;position:fixed;top:100%;right:0;width:584px;padding:36px 36px 32px;box-sizing:border-box;z-index:1000;background:#424242;} .layer_Spread .layer_cont {padding:0 110px 30px 0;color:#fff;font-size:16px;font-weight:300;line-height:25px;} .layer_Spread .layer_cont .underline {display:inline-block;text-decoration:underline;color:#fff;font-weight:400;} .layer_Spread .layer_btn .btn_type span{height:56px;border-color:#fff;color:#fff;font-size:14px;line-height:54px;border:1px solid #fff;border-radius:3px;} .layer_Spread .close {position:absolute;top:42px;right:35px;width:27px;height:27px;text-indent:-999em;overflow:hidden;background:url(../img/w/btn_layer_close2.png) no-repeat 0 0;} /* layer_toast */ .layer_toast{opacity:0;position:fixed;left:50%;bottom:-80px;-ms-transform:translate(-50%,0);transform:translate(-50%,0);z-index:9999;transition:.3s;} .layer_toast span{display:block;position:relative;padding:15px 55px;box-sizing:border-box;font-size:18px;font-weight:400;color:#fff;min-width:425px;text-align:center;left:50%;transform:translate(-50%, 0px);} .layer_toast::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:28px;background:#1a2726;opacity:.9;} .layer_toast.on{opacity:1;bottom:80px;} /* support - download center popup */ .download_box {margin-top:40px;padding-top:24px;border-top:1px solid #888;} .download_box .article {margin-bottom:5px;display:block;color:#988e8c;font-size:14px;font-weight:400;line-height:20px;} .download_box ul li {margin-top:14px;} .download_box ul + .article {margin-top:30px;} /* support - Download resource */ .layer_cont .resource .tit {background:#fafafa;overflow:hidden;} .layer_cont .resource .tit span {display:block;color:#333;font-size:20px;font-weight:300;line-height:1;padding-left:34px;margin-bottom:27px;} .layer_cont .resource .tit strong {display:block;margin-bottom:16px;font-size:30px;line-height:30px;font-weight:300;padding-left:34px;} .layer_cont .resource .tit .region{display:block;color:#333;font-size:12px;font-weight:400;line-height:1;} .layer_cont .resource .box {padding:0px;border-top:1px solid #dedede;border-radius:0 0 3px 3px;background:#fff;} .layer_cont .resource .box > div {padding:27px 0 0 0;border-top:1px solid #dedede;} .layer_cont .resource .box > div:first-child {border-top:0;} .layer_cont .resource .category {display:block;margin:0 0 3px;padding:0 36px;color:#137f95;font-size:20px;font-weight:400;line-height:1;} .layer_cont .resource .file {position:relative;padding:0 36px 0 36px;} .layer_cont .resource .file li {padding:28px 0 22px 0;border-top:1px solid #dedede;background:url('../img/w/icon_down.png') no-repeat right 18px;background-size:36px 36px;} .layer_cont .resource .file li:first-child {border-top:0;} .layer_cont .resource .file a {position:relative;display:block;padding:0 50px 0 65px;} .layer_cont .resource .file a i {display:block;position:absolute;left:0;top:2px;width:36px;height:49px;padding-top:33px;color:#99a8b0;font-size:12px;font-weight:700;text-align:center;font-style:normal;box-sizing:border-box;background:url('../img/w/icon_file.png') no-repeat 0 0;} .layer_cont .resource .file .fn {display:block;color:#000;font-size:18px;line-height:26px;/*overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/} .layer_cont .resource .file .byte {display:block;margin-top:12px;color:#99a8b0;font-size:14px;line-height:1;} .layer_cont .resource .file a {overflow:hidden;padding:0;} .layer_cont .resource .file a > div, .layer_cont .resource .tit > div {float:left;width:62%;min-height:56px;} .layer_cont .resource .file a > div {padding-left:65px;} .layer_cont .resource .file a > div:nth-child(2), .layer_cont .resource .tit > div:nth-child(2) {width:24%;float:right;padding-left:0;} .layer_cont .resource .tit > div:nth-child(2) {padding-top: 25px;} .layer_cont .resource .file li {background:none;} .layer_cont .resource .file a i.file_pdf {background:url('../img/w/icon_file_pdf.png') no-repeat 0 0;} .layer_cont .resource .file a i.file_dwg {background:url('../img/w/icon_file_dwg.png') no-repeat 0 0;} .layer_cont .resource .file a i.file_dxf {background:url('../img/w/icon_file_dxf.png') no-repeat 0 0;} .layer_cont .resource .file a i.file_zip {background:url('../img/w/icon_file_zip.png') no-repeat 0 0;} .layer_cont .resource .tit .file_down {padding:8px 10% 8px 10%;margin-right:20%;text-align:center;} .layer_cont .resource .file .file_down {padding:8px 10% 8px 30%;margin-left:10%;background:#fff url('../img/w/icon_file_down.png') no-repeat 18% 11px;background-size:18px auto;} /* Leave a Message */ .layer_pop .layer_cont.leave_m{padding-top:0;} .leave_m .input_gmultiline {margin-top: -5px !important;} .leave_m .input_gmultiline .input{height:88px;} .leave_m .input_gmultiline .input textarea{padding:10px 10px;font-size:16px;} .leave_m .country{margin-top:6px;} .leave_m .layer_btn {margin-top:50px;} .leave_m .input_gline_wrap {overflow:hidden;} .leave_m .input_gline {float:left;width:47%;min-height:100px;} .leave_m .input_gline:nth-child(2n) {float:right;} .leave_m .box {margin-top:-8px;} .leave_m [class*='input_'] .label label {font-size:16px;} .leave_m .input_gcheck .label > span {font-size:16px;} .leave_m .input_gcheck .link {margin-bottom:0px;} .leave_m .input_gcheck .link a {font-size:15px;} .leave_m .input_gcheck .link a:nth-of-type(1) {width:auto;} .leave_m .input_gcheck.error > .error > .message {margin-top:-10px;} /* support - config */ .product_summary {padding:45px 36px 45px 36px;} .product_summary .img{text-align:center;background:#fff;} .product_summary .img img{vertical-align:top;width:100%;max-width:370px;} .product_summary .txt1{padding:13px 27px 0 27px;font-size:24px;font-weight:400;text-align:center;} .product_summary .spec{padding:10px 0;margin:25px 0 30px 0;border-top:1px solid #ddd;} .product_summary .spec th{padding:5px 0;vertical-align:top;font-size:18px;font-weight:300;text-align:left;} .product_summary .spec td{padding:5px 0;font-size:18px;vertical-align:top;} .layer_pop .product_summary .layer_btn .type4 .btn_type span {border:1px solid #007e95;color:#007e95;padding:12px 80px;background:#fff;transition:all .4s;} .layer_pop .product_summary .layer_btn .type4 .btn_type span:hover {background:#eee;} /*.product_select_list > ul{padding:15px 27px 40px 33px;}*/ .product_select_list > ul{padding:0px;} .product_select_list > ul:first-of-type{padding-top:15px;} .product_select_list > ul:last-of-type{padding-bottom:40px;} .product_select_list > ul > li{position:relative;padding:27px 0;margin-left:33px;margin-right:33px;border-bottom:1px solid #ddd;} .product_select_list > ul > li > div:first-of-type {position:relative;margin-bottom:12px;} .product_select_list > ul > li .img {position:absolute;width:160px;top:0px;right:5px;} .product_select_list > ul > li p {font-size:13px;color:#999;} .product_select_list > ul > li:last-of-type{border-bottom:0;} .product_select_list > ul > li input[type="radio"] + label{background:none;} .product_select_list .input{}/* 접근성 수정 | 4차 | 2.4.3.20 */ .product_select_list .input[type="radio"]{width:100%;height:100%; border-color:rgba(0,0,0,0); opacity:0;}/* 접근성 수정 | 4차 | 2.4.3.20 */ .product_select_list .item{display:block;padding-left:30px;} .product_select_list .item::after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;background:url(../img/m/btn_radiobox32x32.png) no-repeat right 0;background-size:16px auto;} .product_select_list .input:checked + .item::after{background-position:right -120px} .change_model.product_select_list .item{display:block;padding-left:30px;} .change_model.product_select_list .item::after{content:'';display:block;position:absolute;left:0;top:9px;margin-top:-8px;width:16px;height:16px;background:url(../img/m/btn_radiobox32x32.png) no-repeat right 0;background-size:16px auto;} .change_model.product_select_list .input:checked + .item::after{background-position:right -120px;} .product_select_list .img{display:block;width:92px;margin-bottom:15px;box-sizing:border-box;background:#fff;} .product_select_list .img img{vertical-align:top;width:100%;} .product_select_list .txt1{display:block;font-size:20px;font-weight:400;} .product_select_list .txt2{display:block;margin-bottom:15px;font-size:12px;font-weight:400;} .product_select_list .txt2 span{font-weight:300;} .product_select_list .table{display:table;width:75%;margin-top:22px;} .product_select_list .row{display:table-row;} .product_select_list .row:nth-of-type(2) .cell{line-height:22px;} .product_select_list .row:nth-of-type(3) .cell{line-height:18px;} .product_select_list .cell{display:table-cell;font-size:18px;vertical-align:top;color:#000;padding-bottom:5px;} .product_select_list .cell sup{vertical-align:top;} .product_select_list .row .cell:nth-of-type(1){min-width:100px;width:24%;font-weight:400;} .product_select_list.step02 .row .cell:nth-of-type(1){width:37%;} .product_select_list_01 > ul{padding:15px 27px 40px 33px;} .product_select_list_01 > ul > li{position:relative;padding:27px 0;border-bottom:1px solid #ddd;} .product_select_list_01 > ul > li > div:first-of-type {position:relative;margin-bottom:12px;} .product_select_list_01 > ul > li .img {position:absolute;width:160px;top:0px;right:5px;} .product_select_list_01 > ul > li:last-of-type{border-bottom:0;} .product_select_list_01 > ul > li input[type="radio"] + label{background:none;} .product_select_list_01 .input{display:none;} .product_select_list_01 .item{display:block;padding-left:30px;} .product_select_list_01 .item::after{content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:16px;height:16px;background:url(../img/m/btn_radiobox32x32.png) no-repeat right 0;background-size:16px auto;} .product_select_list_01 .input:checked + .item::after{background-position:right -120px} .product_select_list_01 .img{display:block;width:92px;margin-bottom:15px;box-sizing:border-box;background:#fff;} .product_select_list_01 .img img{vertical-align:top;width:100%;} .product_select_list_01 .txt1{display:block;font-size:20px;font-weight:300;} .product_select_list_01 .txt2{display:block;margin-bottom:15px;font-size:12px;font-weight:400;} .product_select_list_01 .txt2 span{font-weight:300;} .product_select_list_01 .table{display:table;width:75%;margin-top:22px;} .product_select_list_01 .row{display:table-row;} .product_select_list_01 .row:nth-of-type(2) .cell{line-height:22px;} .product_select_list_01 .row:nth-of-type(3) .cell{line-height:18px;} .product_select_list_01 .cell{display:table-cell;font-size:18px;vertical-align:top;color:#000;padding-bottom:5px;} .product_select_list_01 .cell sup{vertical-align:top;} .product_select_list_01 .row .cell:nth-of-type(1){min-width:100px;width:24%;font-weight:400;} .find_product .product_select_list_01 > ul{padding:0px;padding-top:7px;} .find_product .product_select_list_01 > ul > li:nth-of-type(1) {border-top:none;} .find_product .product_select_list_01 > ul > li{padding:10px 0;border-bottom:none;} .find_product .product_select_list_01 .txt1 {font-size:18px;} /* .change_model */ /*.change_model.product_select_list > ul > li:nth-of-type(1) {border-top:1px solid #ddd;}*/ .change_model.product_select_list > ul > li {padding:20px 0 0 0;} .change_model.product_select_list > ul > li.list_tit {background:#f4f4f4;min-height:40px;padding-top:16px;padding-left:33px;padding-bottom:4px;margin-left:0px;margin-right:0px;border-top:1px solid #ddd;font-size:22px;font-weight:400;} /* .find_product */ .find_product .product_select_list > ul{padding:0px;padding-top:7px;} .find_product .product_select_list > ul > li:nth-of-type(1) {border-top:none;} .find_product .product_select_list > ul > li{padding:10px 0;border-bottom:none;} .find_product .product_select_list .txt1 {font-size:18px;} .find_product .list_category_wrap {padding:8px 0 15px 0;} .find_product .list_category {color:#008093;font-size:18px;} .find_product .btn_see_all_p {text-align:right;padding-top:10px;padding-bottom:15px;} .find_product .btn_see_all_p a {display:inline-block;font-size:18px;text-decoration:underline;font-weight:400; /*background:url(../img/w/icon_reset.png) no-repeat 65px 1px;padding-right:23px;*/} .find_product .layer_btn {margin-top:30px;} .layer_pop .find_product .layer_btn .type4 .btn_type span {padding:12px 110px;} .find_product .unit_type {padding:10px 0;} .find_product .range_slider .mark span {font-size:16px;} /* support - config_result */ .layer_pop.unique .sec01 .config_result{height:100%;} .layer_pop.unique .sec01 .config_result.grid{position:relative;} .layer_pop.unique .sec01 .config_result .guide_img{height:100%;} .config_result .guide_img{text-align:center;} .config_result .guide_img::before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} .config_result .guide_img img{vertical-align:middle;width:82%;} .config_result .type{margin-top:40px;margin-bottom:18px;border-bottom:2px solid #1c2927;line-height:33px;font-size:14px;padding-bottom:3px;} .config_result .type .spot{line-height:33px;font-size:18px;font-weight:400;} .config_result .base_info .pn{position:relative;padding:0 135px 6px 0;} .config_result .base_info .pn .name{font-size:24px;margin-bottom:8px;} .config_result .base_info .pn .name .dash{display:inline-block;position:relative;width:1px;height:16px;margin:0 5px;background:#bbb;} .config_result .base_info .pn .btn_info a{display:block;padding:10px 0 10px 20px;font-size:14px;color:#99a8b0;background:url(../img/m/icon_info.png) no-repeat 0 50%;background-size:13px auto;} .config_result .base_info .pn .btn_info a:hover {color:#137f95;} .config_result .base_info .pn .img{position:absolute;right:0;top:0;width:130px;height:90px;overflow:hidden;box-sizing:border-box;} .config_result .base_info .pn .img img{width:100%;vertical-align:top;} .config_result .base_info .uo{width:100%;margin-bottom:6px;padding:15px 0;overflow:hidden;border-top:1px solid #c7c7c7;} .config_result .base_info .uo > div > div{font-size:12px;line-height:1.2;} /*.config_result .base_info .uo > div > div.head{font-weight:400;}*/ .config_result .base_info .uo > div{position:relative;float:left;margin-left:40px;padding-left:40px;position:relative;} .config_result .base_info .uo > div:first-of-type{margin-left:0;} .config_result .base_info .uo > div::after{content:'';display:block;position:absolute;left:0;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:26px;height:26px;background:url(../img/m/icon_baseinfo52x52.png) no-repeat 0 0;background-size:26px auto;} .config_result .base_info .uo .unit::after{background-position:0 0;} .config_result .base_info .uo .orientation1::after{background-position:0 -26px;} .config_result .base_info .uo .orientation2::after{background-position:0 -52px;} .config_result .base_info .uo .indoor::after{background:url(../img/m/icon_baseinfo2_52x52.png) no-repeat 0 0;background-size:26px auto;background-position:0 0;} .config_result .base_info .uo .outdoor::after{background:url(../img/m/icon_baseinfo2_52x52.png) no-repeat 0 0;background-size:26px auto;background-position:0 -26px;} .config_result .visual{margin:0 -27px 0 -27px;padding:0 27px 0 27px;background:#fafafa;} .config_result .visual .section01{position:relative;min-height:210px;padding-right:190px;z-index:2;} .config_result .visual .section01 .txt .head{margin-bottom:10px;font-size:18px;font-weight:400;} .config_result .visual .section01 .txt .head .icon{margin-left:5px;width:18px;vertical-align:middle;} .config_result .visual .section01 .txt .val{margin-bottom:25px;font-size:22px;} .config_result .visual .section01 .txt .val .ea{padding:6px 0 0 0;font-size:14px;color:#FD312E;} .config_result .visual .section01 .txt .val:last-of-type{margin-bottom:0;} .config_result .visual .section01 .img{position:absolute;right:0;top:5px;width:180px;} .config_result .visual .section01 .img .thum{width:100%;} .config_result .visual .section01 .img.type1 .r{position:absolute;right:5%;top:5%;width:18px;} .config_result .visual .section01 .img.type1 .af{position:absolute;left:45.5%;top:36%;width:18px;} .config_result .visual .section01 .img.type2 .r{position:absolute;right:5%;top:5%;width:18px;} .config_result .visual .section01 .img.type2 .af{position:absolute;left:53.5%;top:75%;width:18px;} .config_result .visual .section01 .img.type3{width:150px;height:150px;} .config_result .visual .section01 .img.type3 .table{display:table-cell;width:150px;height:150px;text-align:center;vertical-align:middle;} .config_result .visual .section01 .img.type3 .wall{display:inline-block;position:relative;background:#fff;border:1px solid #ba2154;box-sizing:border-box;} .config_result .visual .section01 .img.type3 .wall .w{display:block;position:absolute;left:50%;top:-9px;margin-left:-9px;width:18px;} .config_result .visual .section01 .img.type3 .wall .h{position:absolute;right:-10px;top:50%;margin-top:-9px;width:18px;} .config_result .visual .section01 .img.type3 .wallz{display:inline-block;position:relative;background:#fff;border:1px solid #ba2154;box-sizing:border-box;} .config_result .visual .section01 .img.type3 .wallz .w{display:block;position:absolute;left:50%;top:-9px;margin-left:-9px;width:18px;} .config_result .visual .section01 .img.type3 .wallz .h{position:absolute;right:-10px;top:50%;margin-top:-9px;width:18px;} .config_result .visual .section02{position:relative;padding-bottom:35px;} .config_result .visual .section02 .top{position:relative;margin-bottom:10px;} .config_result .visual .section02 .now .head{font-size:12px;font-weight:400;} .config_result .visual .section02 .now .val{font-size:24px;} .config_result .visual .section02 .now .spot{color:#FD312E;} .config_result .visual .section02 .max{position:absolute;right:0;bottom:0;} .config_result .visual .section02 .max .head{font-size:9px;font-weight:400;color:#99a8b0;line-height:12px;} .config_result .visual .section02 .max .val{font-size:10px;font-weight:400;line-height:12px;} .config_result .visual .section02 .bar{position:relative;height:17px;background:#dddee0;border-radius:3px;} .config_result .visual .section02 .bar span{position:absolute;left:0;top:0;display:block;height:100%;box-sizing:border-box;border:1px solid #FD312E;border-radius:3px 0 0 3px;background:#fff;} .config_result .visual .section02 .bar2{position:relative;height:45px;background:#dddee0;border-radius:3px;} .config_result .visual .section02 .bar2 span{position:absolute;left:0;top:0;display:block;height:100%;box-sizing:border-box;border:1px solid #FD312E;border-radius:3px 0 0 3px;background:#fff;line-height:45px;font-size:10px;color:#FD312E;font-weight:400;text-indent:14px;} .config_result .visual .section02 .bar3{position:relative;height:17px;background:#FD312E;border-radius:3px;} .config_result .visual .section02 .bar3 span{position:absolute;left:0;top:0;display:block;height:100%;box-sizing:border-box;border:1px solid #FD312E;border-radius:3px 0 0 3px;background:#fff;} .config_result .visual .section02 .bar3 div{position:absolute;bottom:-30px;color:#FD312E;font-size:10px;font-weight:400;display:block;width:200px;text-align:center;margin-left:-100px;} .config_result .visual .section02 .bar3 div::before{content:'';display:inline-block;position:absolute;left:50%;top:-3px;margin-left:-4px;width:0px;height:0px;border-top:50px solid none;border-bottom:7px solid #FD312E;border-right:4px solid transparent;border-left:4px solid transparent;} .config_result .visual .section02 .bar4{position:relative;height:45px;background:#FD312E;border-radius:3px;} .config_result .visual .section02 .bar4 span{position:absolute;left:0;top:0;display:block;height:100%;box-sizing:border-box;border:1px solid #FD312E;border-radius:3px 0 0 3px;background:#fff;line-height:45px;font-size:10px;color:#FD312E;font-weight:400;text-indent:14px;} .config_result .visual .section02 .bar4 div{position:absolute;bottom:-30px;color:#FD312E;font-size:10px;font-weight:400;display:block;width:200px;text-align:center;margin-left:-100px;} .config_result .visual .section02 .bar4 div::before{content:'';display:inline-block;position:absolute;left:50%;top:-3px;margin-left:-4px;width:0px;height:0px;border-top:50px solid none;border-bottom:7px solid #FD312E;border-right:4px solid transparent;border-left:4px solid transparent;} .config_result .visual .section03{position:relative;margin:-60px 0 30px 0;z-index:5;} .config_result .visual .section03 .head{font-size:12px;font-weight:400;} .config_result .visual .section03 .val{margin-top:-5px;font-size:15px;color:#99a8b0;} .config_result .visual .section03 .btn{position:absolute;right:25px;top:10px;width:140px;text-align:center;} .config_result .visual .section03 .btn li{position:relative;display:inline-block;width:31%;} .config_result .visual .section03 .btn li a{display:block;padding:0 6px;} .config_result .visual .section03 .btn li .thum{height:18px;padding-bottom:10px;border-bottom:1px solid transparent;} .config_result .visual .section03 .btn li.on img{border-color:#000;} .config_result .guide_grid .canvas{position:relative;height:100%;box-sizing:border-box;padding:0 37px 27px 37px;margin-top:25px;} .config_result .guide_grid .canvas .wrap{position:relative;border:2px solid #5e5e5f;background:#f5f5f6 url(../img/w/bg_led_canvas.png) no-repeat 0 0;background-size:100% 100%;} .config_result .guide_grid .canvas .outer{width:100%;vertical-align:top;} .config_result .guide_grid .canvas .screen{position:absolute;width:100%;height:100%;left:0;top:0;padding:3px;box-sizing:border-box;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);} .config_result .guide_grid .canvas .screen .inner{width:100%;height:100%;position:relative;} .config_result .guide_grid .canvas .screen .inner .ratio{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .config_result .guide_grid .canvas .screen .inner .target{position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(../img/w/bg_led_target.png) no-repeat center center;/* background-size:cover; */background-size:100% 100%;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);overflow:hidden;} .config_result .guide_grid .canvas .screen .inner .target .x{position:absolute;display:block;width:0;height:100%;overflow:hidden;border-right:1px solid #d8d8d9;} .config_result .guide_grid .canvas .screen .inner .target .y{position:absolute;display:block;width:100%;height:0;overflow:hidden;border-bottom:1px solid #d8d8d9;} .config_result .guide_grid .canvas .screen .inner .overflow{display:none;position:absolute;left:0;top:0;width:100%;height:100%;} .config_result .guide_grid .canvas .screen .inner .overflow div{width:100%;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;} .config_result .guide_grid .canvas .screen .inner .overflow div .txt1{display:block;font-size:14px;color:#111;font-weight:400;} .config_result .guide_grid .canvas .screen .inner .overflow div .txt2{display:block;font-size:10px;color:#111;font-weight:400;} .config_result .guide_grid .canvas .screen .inner.over .overflow{display:block;} .config_result .guide_grid .canvas .h{position:absolute;left:11px;top:0;width:20px;height:100%;} .config_result .guide_grid .canvas .h .line1{position:absolute;left:0;top:0;width:100%;height:0;border-top:1px solid #e1e1e1;} .config_result .guide_grid .canvas .h .line2{position:absolute;left:50%;top:0;width:0;height:100%;border-left:1px solid #e1e1e1;} .config_result .guide_grid .canvas .h .line3{position:absolute;left:0;bottom:0;width:100%;height:27px;border-top:1px solid #e1e1e1;background:#fff;z-index:2;} .config_result .guide_grid .canvas .h img{position:absolute;left:0;top:50%;margin-top:-40px;} .config_result .guide_grid .canvas .w{position:absolute;left:0;bottom:0;width:100%;height:20px;} .config_result .guide_grid .canvas .w .line1{position:absolute;left:0;top:0;width:37px;height:100%;border-right:1px solid #e1e1e1;background:#fff;z-index:2;} .config_result .guide_grid .canvas .w .line2{position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #e1e1e1;} .config_result .guide_grid .canvas .w .line3{position:absolute;right:0;top:0;width:37px;height:100%;border-left:1px solid #e1e1e1;background:#fff;z-index:2;} .config_result .guide_grid .canvas .w img{position:absolute;left:50%;top:0;margin-left:-29px;} .config_result .control{width:100%;overflow:hidden;padding:10px 0 0 0;} .config_result .control .column{width:49%;float:left;} .config_result .control .row{width:49%;float:left;margin-left:2%;} .config_result .control .name{text-align:left;font-size:12px;color:#333;} .config_result .control .data{position:relative;height:35px;border:1px solid #888;} .config_result .control .val{line-height:35px;height:35px;width:100%;text-align:center;vertical-align:top;font-size:12px;border:0;} .config_result .control .minus{display:block;width:35px;height:35px;position:absolute;left:0;top:0;} .config_result .control .plus{display:block;width:35px;height:35px;position:absolute;right:0;top:0;} /* bar_group */ .bar_group{padding-bottom:35px;} .bar_group .top{position:relative;margin-bottom:10px;} .bar_group .top .now .head{font-size:17px;font-weight:400;padding-bottom:7px;} .bar_group .top .now .val{font-size:24px;} .bar_group .top .max{position:absolute;right:0;bottom:0;text-align:right;} .bar_group .top .max .head{font-size:12px;font-weight:400;color:#99a8b0;line-height:12px;} .bar_group .top .max .val{font-size:12px;font-weight:400;line-height:12px;color:#666;} .bar_group .bar{position:relative;height:45px;background:#dddee0;border-radius:3px;} .bar_group .bar span{position:absolute;left:0;top:0;display:block;height:100%;box-sizing:border-box;border:1px solid #FD312E;border-radius:3px 0 0 3px;background:#fff;line-height:45px;font-size:12px;color:#FD312E;font-weight:400;text-indent:14px;white-space:nowrap;} .bar_group .bar div{display:none;} .bar_group.type2 .bar{height:17px;} .bar_group.type2 .bar div{display:none;} .bar_group.overflow .top .now .val span{color:#FD312E;} .bar_group.overflow .bar{background:#FD312E;} .bar_group.overflow .bar div{position:absolute;bottom:-30px;color:#FD312E;font-size:10px;font-weight:400;display:block;width:200px;text-align:center;margin-left:-100px;} .bar_group.overflow .bar div::before{content:'';display:inline-block;position:absolute;left:50%;top:-3px;margin-left:-4px;width:0px;height:0px;border-top:50px solid none;border-bottom:7px solid #FD312E;border-right:4px solid transparent;border-left:4px solid transparent;} .layer_pop.unique .sec02 .config_result .visual::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;box-sizing:border-box;height:34px;border-right:1px solid #aaa;background:#fafafa;} .config_result .total_info{padding-bottom:25px;} .config_result .total_info .tit{margin:0 0 15px 0;font-size:17px;font-weight:400;} .config_result .total_info th{padding:6px 0;text-align:left;font-size:16px;font-weight:300;} .config_result .total_info td{padding:6px 0;text-align:right;font-size:22px;} .config_result .total_info .g th{font-weight:400;} .config_result .total_info .c th{font-size:14px;color:#FD312E;font-weight:400;text-indent:20px;} .config_result .total_info .c th,.config_result .total_info .c td{padding:5px 0;} .config_result .total_info .tail{margin-top:-10px;font-size:10px;color:#99a8b0;} .config_result .total_info .tail span{font-size:10px;color:#FD312E;} .config_result .total_info .npt th, .config_result .total_info .npt th{padding-top:0;} .config_result .total_info .pt th, .config_result .total_info .pt td{padding-top:50px;} .config_result .guide_txt{margin-bottom:20px;padding:15px 10px;border:1px solid #ededed;border-radius:3px;background:#fafafa;} .config_result .guide_txt li{position:relative;padding:0 0 0 13px;margin-bottom:20px;font-size:14px;line-height:1.3;color:#666;} .config_result .guide_txt li::after{content:'';display:block;position:absolute;left:0;top:6px;width:3px;height:1px;background:#666;} .config_result .guide_txt li:last-of-type{margin-bottom:0;} /* ie9_greater */ .ie9_greater{width:800px;} .ie9_greater .layer_head h1{font-size:24px;line-height:36px;} .ie9_greater .layer_cont{font-size:18px;line-height:32px;} .ie9_greater .ie9_ttl{font-weight:400;} .ie9_greater .ie9_txt{margin-top:20px;font-weight:300;} .ie9_greater .ie9_list{margin-top:20px;font-weight:300;color:#FD312E;} .ie9_greater .ie9_layer_btn{padding:30px 0 60px;text-align:center;} .ie9_greater .ie9_layer_btn .btn_type{display:inline-block;width:auto;} .ie9_greater .ie9_layer_btn .btn_type span{width:260px;} /* m_player */ .m_player{width:972px;margin-left:-486px;position:fixed;top:50% !important;-ms-transform:translate(0, -50%) !important;transform:translate(0, -50%) !important;overflow:visible !important;} .m_player.layer_pop .layer_box{padding-top:0;} .m_player.layer_pop .layer_head{top:0;} .m_player .layer_head h1{font-size:24px;line-height:36px;} .m_player .key_area{padding:20px 35px 35px;} body.m .m_player .key_area .key_box{position:absolute;left:0;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:100%;padding-bottom:58%;} /* type_select */ .type_select{padding:17px 0 0 0;} .type_select > ul > li{margin-top:25px;} .type_select > ul > li:first-of-type{margin-top:0;} .type_select > ul > li input[type="radio"].radio + label{padding-left:25px;} /* share_sns */ .layer_pop.basic .layer_cont.share_sns{padding:6px 22px 30px;} .share_sns li{float:left;width:33%;} .share_sns li::after {content:'';display:block;clear:both;} .share_sns li a{display:block;width:50px;text-align:center;margin:0 auto;padding:50px 0 0 0;background:url(../img/m/icon_pop_sns2.png) 0 0 no-repeat;background-size:auto 50px;} .share_sns li:nth-child(1) a{background-position:0 0;} .share_sns li:nth-child(2) a{background-position:-70px 0;} .share_sns li:nth-child(3) a{background-position:-140px 0;} .share_sns li:nth-child(4) a{background-position:-210px 0;} .share_sns li span{display:block;margin-top:5px;font-size:14px;text-align:center;} /* config_step */ .config_step{text-align:left;} .config_step li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:100%;text-indent:-9999px;background:#333;opacity:.2;} .config_step li.on{opacity:1;} /* list_filter_pop */ .layer_pop .list_filter .list_category {color:#008093;font-size:18px;} .layer_pop .list_filter ul li:first-child {margin-top: 14px;} .layer_pop #list_filter .layer_cont {padding:15px 27px 45px;} .list_category_wrap:first-child {border-top:1px solid #dcdcdc;} .list_category_wrap {display:table;width:100%;padding:5px 0 25px 0;border-bottom:1px solid #dcdcdc;} .list_category_wrap .list_category,.list_category_wrap ul {display:table-cell;} .list_category_wrap .list_category {width:30%;vertical-align:top;} .list_category_wrap ul li {float:left;width:49%;position: relative;}/* 접근성 수정 | 4차 | 2.4.3.18 */ .list_category_wrap.col03 ul li {float:left;width:33.3%;} .list_category_wrap strong {display:block;margin-top:14px;} .list_filter .type3 {margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #ddd;} .btn_reset {text-align:center;padding-top:24px;padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid #dcdcdc;} .btn_reset a {display:inline-block;font-size:18px;text-decoration:underline;font-weight:400; /*background:url(../img/w/icon_reset.png) no-repeat 65px 1px;padding-right:23px;*/} .list_filter .article {color:#008093;font-size:18px;padding-top:24px;border-top:1px solid #ddd;} #list_filter .layer_cont {padding:15px 37px 50px 35px} @media screen and (min-width: 1081px) { .layer_pop .layer_btn .btn_type span {line-height:22px;font-size:18px;padding:11px 0;} .layer_pop .layer_btn .type4 .btn_type span{padding:13px 100px;} .layer_pop .configurator_result .layer_btn .btn_type span {padding:10px 0;line-height:17px;font-size:16px;} .layer_pop .layer_btn .btn_type.xs span {padding:7px 0 6px;} .layer_pop input[type="checkbox"] + label {padding:0 0 0 25px;} /*.layer_pop input[type="checkbox"] + label::before{margin-top:2px;width:16px;height:16px;background:url(../img/m/btn_checkbox32x32.png) 0 0 no-repeat;background-size:16px auto;}*/ .layer_pop input[type="checkbox"] + label::before{margin-top:1px;width:18px;height:18px;-webkit-margin-top:2px; background:url(../img/m/btn_checkbox32x32.png) 0 0 no-repeat;background-size:18px auto;} .layer_pop .input_gcheck .btn_more {margin:0 0 0 4px;font-size:14px;line-height:22px;vertical-align:top;} } /*// media screen and (min-width: 1081px)*/ @media only screen and (max-width: 1080px){ [class*="input_"] .label{min-height:30px;padding:0 0 8px 0;} .layer_pop .layer_cont {font-size:14px;/*line-height:14px;*/} .layer_pop #itx_basic_button1_message {padding: 20px 25px 20px 25px;line-height: 16px;} #itx_filter_popup.layer_pop .layer_cont {padding:0px 25px 45px 26px;} .layer_pop .layer_btn .type4 .btn_type span {width:100%;font-size:14px;line-height:9px;/* padding:7px 100px; */} /* layer_pop */ .layer_pop {width:100%;padding:0 32px;/* top: 0px !important; */left:0;margin:0;-ms-transform:translate(0, -50%);transform:translate(0, -50%);} .layer_pop .layer_scroll {max-height:420px;} /* 모바일 세로 */ .layer_pop .layer_head{z-index:100;padding:22px 40px 23px 24px;} /*layer_pop basic */ .layer_pop.basic, .layer_pop.middle {width:100%;margin:0;} /* layer_pop full */ .layer_pop.full{top: 0px !important;height:100%;-ms-transform:translate(0, 0) !important;transform:translate(0, 0) !important;} .layer_pop.full .layer_box{border-radius:0;} .layer_pop.full .layer_box .layer_scroll {max-height:100%;} /* layer_pop m_full */ .layer_pop.m_full{height:100%;max-height:100%;overflow:hidden;} .layer_pop.m_full .layer_box {height:100%;box-sizing:border-box;} .layer_pop.m_full .layer_box .layer_scroll {max-height:100%;} /* layer_Spread */ .layer_Spread {width:100%;padding:15px 18px 18px;} .layer_Spread .layer_cont {padding:0 40px 32px 0;font-size:14px;line-height:20px;} .layer_Spread .layer_btn .btn_type span {height:27px;padding:0;font-size:14px;line-height:25px;} .layer_Spread .close {top:18px;right:18px;width:17px;height:17px;background:url(../img/m/btn_layer_close2.png) no-repeat 0 0;background-size:100% 100%;} /* .insert_form */ .insert_form{margin-bottom:35px;} .insert_form .tit_i{margin:0 0 3px 0;font-size:14px;font-weight:400;} .insert_form .tit_i sup{font-size:14px;font-weight:400;color:#FD312E;vertical-align:top;} .insert_form .input_line{width:100%;} /* layer_pop.unique */ .layer_pop.unique{width:100%;height:100%;max-height:100%;padding:0;margin-left:0;} .layer_pop.unique .layer_box{height:100%;border-radius:0;} .layer_pop.unique .layer_cont{max-height:100%;padding:0;overflow-x:hidden;overflow-y:auto;} .layer_pop.unique .layer_head{width:100%;height:54px;box-sizing:border-box;} .layer_pop.unique .layer_head .close{right:18px} .layer_pop.unique .sec01{position:relative;width:100%;height:auto;padding-bottom:0;} .layer_pop.unique .sec01 .bottom{position:relative;padding:0;} .layer_pop.unique .sec02{position:relative;width:100%;height:auto;} .layer_pop.unique .sec02::before{display:none;} .layer_pop.unique .sec02::after{display:none;} .layer_pop.unique .sec02.led .config_result .visual{padding-bottom:0;} .layer_pop.unique .sec02.led .total_info{margin-top:15px;padding-bottom:25px;} .layer_pop.unique .sec02.led .config_result .total_info td, .layer_pop.unique .sec02.led .config_result .total_info th{padding:7px 0;} .layer_pop.unique .sec03{position:relative;width:100%;height:auto;padding-top:0;} .layer_pop.unique .sec03 .bottom{position:relative;padding:0;} .layer_pop.unique .layer_btn{padding-bottom:20px;} /* layer_toast */ .layer_toast{width:90%;} .layer_toast span{font-size:12px;text-align:center;} .layer_toast.on{bottom:40px;} /* config_result */ .layer_pop.unique .sec01 .config_result{height:auto;} .config_result .total_info .tit{margin-top:35px;} .config_result .guide_txt{margin-bottom:25px;} .config_result .visual{padding-top:27px;} /*.config_result .guide_img{padding:20px 0;}*/ .config_result .guide_img img{width:70%;} .config_result .total_info .npt th, .config_result .total_info .npt th{padding-top:7px;} .config_result .total_info.mtm{margin-top:-25px;} .config_result .total_info th{padding:15px 0;} /*.config_result .total_info td{padding:7px 0;}*/ .config_result .total_info .c th,.config_result .total_info .c td{padding:15px 0;} .layer_pop.unique .sec02 .config_result .visual::after{display:none;} .config_result .guide_grid{height:auto;min-height:100px;box-sizing:content-box;} .config_result .base_info .pn .name .dash{margin:0 5px 0 15px;} .bar_group .top{margin-bottom:15px;} .bar_group .top .now .head{padding-bottom:15px;} /* support - config */ .product_summary {padding: 45px 25px;} .product_summary .txt1 {font-size:18px;} .product_summary .spec{margin:25px 0 15px 0;} .product_summary .spec th,.product_summary .spec td {font-size:14px;padding:0;} .product_summary .spec th {padding-right: 10px; width: 50%;} .product_summary .spec.type2 th {width: 35%;} .layer_pop .product_summary .layer_btn .type4 .btn_type span {padding:12px 0px;} /* Leave a Message */ .leave_m [class*='input_'] .label label {font-size:14px;} .leave_m .input_gmultiline .label, .leave_m .input_gcheck .label {padding:30px 0 8px 0;} .leave_m .input_gcheck .label > span {font-size:14px;} .leave_m .input_gline {min-height:auto;} .leave_m .layer_btn {margin-top:30px;} .layer_pop .leave_m input[type="checkbox"] + label {font-size:15px;} .layer_pop .leave_m .input_gline .label {padding:25px 0 7px;} /* m_player */ .m_player{width:100%;margin-left:0;} .m_player.layer_pop .layer_box{padding-top:0;background:#000;} .m_player.layer_pop .layer_head{top:0;background:#000;} .m_player.layer_pop .layer_head .close{background:url('../img/w/btn_layer_close2.png') 0 0 no-repeat;background-size:100% auto;} .m_player .layer_head h1{font-size:16px;line-height:36px;color:#fff;} .m_player .key_area{height:100%;margin:0;padding:0;margin-top:-54px;} .key_area .key_inner{height:100%;} /* support - Download resource */ .layer_pop .close {top:20px;right:20px;width:19px;height:19px;}/* 접근성 수정 | 2.4.3.02 */ /* 접근성 수정 | 3차 */ .layer_cont .resource .box > div {padding:26px 0 0 0;} .layer_cont .resource .file li {padding:20px 0 10px 0;} .layer_pop .layer_head h1 {font-size:19px;} .layer_pop .layer_head.bg_fa h1 {font-size:17px;} .layer_cont .resource .category {font-size:16px;} .layer_cont .resource .tit strong {font-size:26px;margin-bottom:8px;} .layer_cont .resource .tit span {font-size:16px;margin-bottom:25px;} .layer_cont .resource .file a > div, .layer_cont .resource .tit > div {float:left;width:85%;min-height:56px;} .layer_cont .resource .file a > div:nth-child(2), .layer_cont .resource .tit > div:nth-child(2) {width:100%;} .layer_cont .resource .tit > div:nth-child(2) {padding-top:0;} .layer_cont .resource .file .fn {font-size:14px;line-height:22px;} .layer_cont .resource .file .byte {margin-top:8px;font-size:12px;padding-bottom:10px;} .layer_cont .resource .file a > div {padding-left:50px;} .layer_cont .resource .file a i {display: block;} .layer_cont .resource .file a i.file_pdf,.layer_cont .resource .file a i.file_dwg,.layer_cont .resource .file a i.file_dxf {background-size: 30px auto;} .layer_cont .resource .tit .file_down {margin: 0 36px;padding:8px 10% 8px 10%;} .layer_cont .resource .file .file_down {margin-left:0;padding:8px 10% 8px 44%;background:#fff url('../img/w/icon_file_down.png') no-repeat 38% 14px;background-size:14px auto;} /* Leave a Message */ .layer_pop .zelect_type01, .layer_pop .zelect_type01:nth-child(2) {width:100%;} .layer_pop .input_gline {width:100%;} .layer_pop .input_gcheck .link a:nth-of-type(1),.layer_pop .input_gcheck .link a:nth-of-type(2) {width:40%;} .layer_pop .input_gcheck .link a {font-size:12px;} /* list_filter_pop */ #list_filter .layer_cont {padding:1px 27px 50px;} .list_category_wrap ul li {width:100%;} .list_category_wrap.col03 ul li {width:49.9%;} .list_category_wrap .list_category {width:100%;} .list_category_wrap .list_category,.list_category_wrap ul {display:block;} .btn_reset {padding-top:15px;padding-bottom:15px;margin-bottom:25px;} .btn_reset a {font-size:14px;} .list_filter :first-child.list_category {margin:0;} .list_filter .article {font-size:16px;} /* .layer_pop .list_filter ul li:first-child {margin-top: 0px;} */ .layer_pop .list_filter .list_category {color:#008093;font-size:16px;} .layer_pop .layer_btn.last {margin-bottom: 30px;} /* .product_select_list */ .product_select_list > ul {padding:0px;} .product_select_list > ul > li .img {width:110px;top:-10px;} .product_select_list .table {width: 90%;margin-top:45px;} .product_select_list .txt1 {font-size:19px;font-weight:300;} .product_select_list .cell {display:block;font-size:14px;padding-bottom:0px;} .product_select_list .row .cell,.product_select_list .row :nth-of-type(1).cell {width:100%;} .product_select_list .row :nth-of-type(2).cell {padding-bottom:10px;} .product_select_list :nth-of-type(2).row .cell {line-height:18px;} /* .change_model */ .change_model.product_select_list > ul > li > div:first-of-type {margin-bottom:10px;} .change_model.product_select_list > ul > li > .img {top:8px;} .change_model.product_select_list > ul > li.list_tit {min-height:20px;padding-top:10px;padding-bottom:10px;font-size:19px;} /* .find_product */ .find_product .product_select_list > ul{padding:15px 27px 40px 0px;} .find_product .list_category {font-size:16px;} .find_product .list_category_wrap {padding:10px 0 15px 0;} .find_product .product_select_list .txt1 {font-size:16px;} .find_product .range_slider .mark span,.find_product .btn_see_all_p a {font-size:13px;} .product_select_list_01 > ul {padding:1px 27px 40px 27px;} .product_select_list_01 > ul > li .img {width:120px;top:-10px;} .product_select_list_01 .table {width: 90%;margin-top:45px;} .product_select_list_01 .txt1 {font-size:19px;} .product_select_list_01 .cell {display:block;font-size:14px;padding-bottom:0px;} .product_select_list_01 .row .cell,.product_select_list .row :nth-of-type(1).cell {width:100%;} .product_select_list_01 .row :nth-of-type(2).cell {padding-bottom:10px;} .product_select_list_01 :nth-of-type(2).row .cell {line-height:18px;} .find_product .product_select_list_01 > ul{padding:15px 27px 40px 0px;} .find_product .product_select_list_01 .txt1 {font-size:16px;} /* support - config_result */ .config_result .base_info .pn .img{width:110px;top:-10px;} /*.layer_pop .layer_btn .type2_2 .btn_type span {height:38px;padding:7px 10px;font-size:14px;}*/ .layer_pop input[type="checkbox"] + label {font-size:16px;} /* ios safari scroll bug fixed */ .ios.wing body.wing {position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:0 !important;} } /*// media only screen and (max-width: 1080px)*/ /* solution popup */ #inquiryPop { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 101; } #inquiryPop .inquiry_inner { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1200px; max-height: 800px; overflow-y: scroll; padding: 15px 60px; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; z-index: 1000; } #inquiryPop .inquiry_inner > h2 { padding-top: 40px; font-size: 35px; font-weight: bold; text-align: center; } #inquiryPop .inquiry_inner .close { position: absolute; top: 20px; right: 20px; } #inquiryPop .inquiry .form { width: 1080px; margin-top: 30px; } #inquiryPop .inquiry .col2_1, #inquiryPop .inquiry .col2_2, #inquiryPop .inquiry .input_select .box .region, #inquiryPop .inquiry .input_select .box .zelect_division { width: 48% } #inquiryPop .inquiry .recently-wrap { max-width: 1080px !important; } #inquiryPop .inquiry .btn_area { padding: 65px 0; } .zelect_type01 label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); } @media screen and (max-width: 1080px) { #inquiryPop .inquiry_inner { height: 100vh; padding: 0; } #inquiryPop .inquiry_inner > h2 { padding-top: 25px; font-size: 30px; } #inquiryPop .inquiry .form, #inquiryPop .inquiry .col2_1, #inquiryPop .inquiry .col2_2, #inquiryPop .inquiry .input_select .box .region, #inquiryPop .inquiry .input_select .box .zelect_division { width: 100%; } }