@charset "utf-8";

#wrapper {overflow:hidden;}
#contArea {overflow:hidden;}

.greetings .txt-box {display:flex; margin-top:70px;}
.greetings .txt-box h3 {width:53%; font-size:28px; font-weight:400; letter-spacing:-.03em; line-height:1.500em; color:#242424; padding-left:110px;}
.greetings .txt-box .tt-box .txt {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.667em; margin-bottom:30px;}

.products .btn {color:#454545; border:1px solid #ddd; border-radius:30px; font-weight:500; letter-spacing:-.03em; display:block; margin:0 auto; width:240px; height:60px; line-height:58px; text-align:center;}
.products .btn span {font-weight:500; color:#e94c4f; margin-left:10px;}
.products .lg-tt {font-size:28px; color:#000; letter-spacing:-.03em; line-height:1.071em; margin-bottom:15px; font-weight:600; }
.products-wrap {position:relative; border-top:2px solid #222; border-bottom:2px solid #222; margin-bottom:90px;}
.products-wrap.color {position:relative;}
.products-wrap.color:before {position:absolute; content:""; width:299px; height:15px; background:url('../images/sub/defaults.png')50% 50% no-repeat; background-size:contain; bottom:-40px; right:0;}
.products-wrap.mb {margin-bottom:70px;}
.products-wrap .products-flex {display:flex; padding:30px 15px;}
.products-wrap .products-flex h3 {width:300px; font-size:24px; font-weight:600; letter-spacing:-.03em; line-height:1.750em; color:#242424;}
/*.products-wrap .products-flex:first-child {border-bottom:1px solid #ddd;}*/
.products-wrap .products-flex {border-bottom:1px solid #ddd;}
.products-wrap .products-flex ul {display:flex;}
.products-wrap .products-flex ul li {display:flex; align-items:baseline;}
.products-wrap .products-flex ul li .tit {color:#242424; font-weight:600; letter-spacing:-.03em; line-height:1.3em; margin-right:40px;}
.products-wrap .products-flex ul li .txt {line-height:1.875em; min-width:340px;}
.products-wrap .products-flex ul li .txt span {position:relative; opacity:0.7;}
.products-wrap .products-flex ul li .txt span:before {position:absolute; content:""; width:100%; height:2px; background:#242424; top:50%; margin-top:-1px; left:0;}
.products-wrap .products-flex ul li .txt strong {font-weight:400; color:#909090; display:inline-block; padding-left: 0.7em; text-indent: -0.7em; line-height: 1.625em;}

.products-line {border-top:2px solid #222; padding-top:35px;}
.products-line .txt {font-size:18px; line-height:1.667em;}

.restore {display:flex; justify-content:center; margin:0 -20px; margin-bottom:60px;}
.restore .img {padding:0 20px;}
.restore.ico {margin-bottom:80px;}
.restore.ico .img {position:relative;}
.restore.ico .img:before {position:absolute; content:"";width:120px; height:48px; background:url('../images/sub/restore-ico.png')50% 50% no-repeat; background-size:contain; left:50%; margin-left:-60px; bottom:-24px;} 
.restore.ico .img:last-child:before {background-image: url('../images/sub/restore-ico2.png');}

.root_daum_roughmap {width:100% !important; height:450px !important;}
.root_daum_roughmap .wrap_map {height:450px !important;}

.inquirys-wrap {width:100%; margin:0 auto; max-width:600px;}
.inquirys-wrap .requried {font-size:17px; color:#e94c4f;}
.inquirys-wrap .input {border:1px solid #fff;}
.inquirys-wrap .checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; border-radius:100%; width:22px; height:22px; background-color:#ddd; background:url('../images/sub/checkbox_w.png')50% 50% no-repeat; background-size:contain;}



.pop-port{position:relative;}
.pop-port .pic:after{content:'';width:500px;height:28px;background:url('../images/sub/mark.png')no-repeat 50% 50%/contain;position: absolute;left:50%;top:50%;margin-left:-250px;margin-top:-14px;}
.pop-port .tit{font-size:20px;color: #fff;position: absolute;left:50%;transform:translateX(-50%);bottom:25px;}
.pop-port .slick-arrow{position:absolute;width:34px;height:54px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;top:50%;margin-top:-33px;background-color:transparent;font-size:0;border:0;z-index:20;}
.pop-port .slick-prev{background-image:url('../images/sub/pop_prev.png'); left:-100px;}
.pop-port .slick-prev:hover {background-image: url('../images/sub/pop_prev_w.png');}
.pop-port .slick-next{background-image:url('../images/sub/pop_next.png'); right:-100px;}
.pop-port .slick-next:hover {background-image:url('../images/sub/pop_next_w.png');}
.pop-port .slick-dots {position:absolute; bottom:-50px; left:0; width:100%; text-align:center; z-index:50; line-height:0;}
.pop-port .slick-dots li {position:relative; display:inline-block; padding:0 6px;}
.pop-port .slick-dots li button {position:relative; display:block; background:url('../images/sub/slick-dots.png')50% 50% no-repeat; border:3px solid rgba(255, 255, 255, 0.5); width:15px; height:15px; border:3px solid rgba(0, 0, 0, 0.18); border-radius:100%; overflow:hidden; text-indent:-9999px;}
.pop-port .slick-dots li.slick-active button {border-color:transparent; background-image:url('../images/sub/slick-dots_w.png');}

.pop-port .port-slide {line-height:0 !important;}

.fancybox-overlay-fixed {right:auto !important;}
.modal a.close-modal position: absolute;
    display: block;
    text-indent: -9999px;
    top: -26px;
    right: 0;
    width: 18px;
    height: 18px;
    background: url(/images/close.png) 50% 50% no-repeat;
}

