@charset "utf-8";
/* CSS Document */

body{font-family: "NotoSansCJKkr-DemiLight";}
.center{width:1200px; margin:0 auto; }
.mobile{display:none!important;}
.pc{ display:block!important}

#visual{background: url(../image/main/visual_bg.jpg) no-repeat center top #f6f3f1;font-family: "NotoSansCJKkr-Light";height: 550px;}
#visual .vstop{ padding-top: 160px}
#visual .vstop h2{font-size: 16px; color: #868686;font-family: "NotoSansCJKkr-Thin";}
#visual .vstop h1{font-size: 30px;letter-spacing: -1.5px; padding-bottom: 10px; color: #000;font-family: "NotoSansCJKkr-Thin";}
#visual .vstop h1 span{ font-family:"notokr-regular"}
#visual .vstop h3{color:#000; font-weight: 200; letter-spacing: -2.2px; font-size: 32px;padding-bottom: 25px;width: 480px;line-height: 43px;}
#visual .vstop .btn_box{display: inline-block;}
#visual .vstop .btn_box button span{padding-left: 10px;line-height: 25px;}
/* 버튼컬러 */
.bt_orange{background-color: #ff6d0c; color: #fff;border: none;padding: 15px 25px;text-align: center;text-decoration: none;display: inline-block;font-size: 15px;margin: 4px 2px;cursor: pointer;border-radius: 110px; letter-spacing: -.5px;font-family: "NotoSansCJKkr-Thin";}
.bt_gray{background-color: #4f4f4f; color: #fff;border: none;padding: 15px 25px;text-align: center;text-decoration: none;display: inline-block;font-size: 15px;margin: 4px 2px;cursor: pointer;border-radius: 110px; letter-spacing: -.5px;}
.bt_blue{background-color: #1daedd; color: #fff;border: none;padding: 15px 25px;text-align: center;text-decoration: none;display: inline-block;font-size: 15px;margin: 4px 2px;cursor: pointer;border-radius: 110px;letter-spacing: -.5px;}
.bt_white{background-color: #fff; color: #0072bc;border: none;padding: 7px 40px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;cursor: pointer;letter-spacing: -.5px;}
.bt_jblue{background-color: #0f489c; color: #fff;border: none;padding: 10px 40px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;cursor: pointer;letter-spacing: -.5px;}

#content1{font-family: "NotoSansCJKkr-Light"; text-align: center; padding : 65px 0}
#content1 h2{ font-size: 30px; letter-spacing: -.5px;}
#content1 h2 span{font-family: "notokr-regular";}
#content1 ul{padding-top: 70px}
#content1 ul li{ display: inline-block; width: 23%}
#content1 ul li p{ padding-bottom: 35px}
#content1 ul li h3{ padding-bottom: 20px;}
#content1 ul li div{ font-size: 14px; padding-bottom: 40px}
#content1 ul li a{ font-size:12px; color: #000}
#content1 ul li a span{vertical-align: middle;}

.bg_gray{ background: #fafafa; padding: 90px 0 }

/*이사선택*/
#content2{margin:80px 0;font-family: "NotoSansCJKkr-Thin";}
#content2 h1{ font-size: 30px;font-family: "NotoSansCJKkr-Thin"; line-height: 40px;letter-spacing: -1px; padding-bottom: 30px}
#content2 h1 span{font-family: "notokr-regular"}
#content2 dl{ display: inline-block;margin-right: 30px;border-radius:5px;}
#content2 dl:last-child{margin-right: 0px}
#content2 .clean{background: #798263}
#content2 .clean dd{ background: url(../image/main/content2_pic.png) no-repeat center top;width: 270px;height: 200px; border-bottom-right-radius:  5px; border-top-right-radius:  5px; }
#content2 .insurance dd{ background: url(../image/main/content2_pic2.png) no-repeat center top;width: 270px;height: 200px;border-bottom-right-radius:  5px; border-top-right-radius:  5px; }
#content2 .insurance{background: #f4a731}
#content2 dl dt{color: #fff;padding: 45px;  display: inline-block;vertical-align: top;}
#content2 dl dt h3{font-size: 22px; padding-bottom: 14px;line-height: 22px;}
#content2 dl dt h3 span{font-family: "notokr-regular"}
#content2 dl dt p{ font-size: 14px}
#content2 dl dd{width: 40%; display: inline-block;vertical-align: top;}
/*고객서비스*/
#content3{padding:50px 0}
#content3 h2 ,#content7 h2{ padding-bottom: 20px; font-size: 30px;font-family: "NotoSansCJKkr-Light";}
#content3 ul li{ display:inline-block; width: 24%; }
#content3 ul li a{ border: 1px solid #ccc; text-align: center; padding: 20px 0; width: 230px;display: block; color: #000}
#content3 ul li a span{vertical-align: middle;padding-left: 10px;}

.bg_blue{ background: #0072bc; padding: 90px 0 }
#content4{text-align: center;font-family: "notokr-regular";}
#content4 h1{font-size:36px;letter-spacing: -1px; font-family: "NotoSansCJKkr-Thin"; margin-bottom: 10px}
#content4 h1 span{font-family: "notokr-regular";}
#content4 p{ color:#999}
#content4 ul {overflow:hidden; padding-top: 50px}
#content4 ul li{display:inline-block; background: #fff; border: 1px solid #e4e4e4; padding: 25px 0; width: 130px;margin-right: 35px;position: relative}
#content4 ul li:last-child{margin-right: 0}
#content4 ul li label{ border-radius:10px; width: 40px; color: #fff; font-size: 12px;padding: 0 7px; position: absolute;top: -10px;left: 40px}
#content4 ul li .or{background: #ff5c0c}
#content4 ul li .gr{background: #939393}
#content4 ul li h4{ font-size: 14px; color: #565656;margin-bottom: 15px}
#content4 ul li span{color: #979797; font-size: 11px}

/*고객센터 전화*/
.customer{background: url(../image/main/customer_bg) no-repeat center top #f6f3f1;font-family: "NotoSansCJKkr-Light";height: 120px; text-align: center;padding: 80px 0;position:relative;color: #fff }

#content5 {}
#content5 h2{font-family: "NotoSansCJKkr-Thin"; padding-bottom: 5px }
#content5 h2 span{font-family: "NotoSansCJKkr-Light";}
#content5 a{ font-size: 15px;color: #9a9a9a;}
#content5 .pic{  float: right}
#content5 .pic img{width:90%}
footer{ margin-top: 0!important} 


.modal p iframe{ width: 770px; height: 434px}
.modal p { position: absolute; left: 50%; top:50%; margin-left: -350px; margin-top: -200px;}
.modal a.close-modal{position:absolute;top: 200px;right: 20px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
    @-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}
    @keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}


#content6 .qustion{vertical-align: middle;}
/* 슬라이드 배너 */
#content7 {  margin: 20px 0}
#content7 .crsl-wrap{overflow: hidden}
#content7 .crsl-wrap .crsl-item{float:left; width: 20%; background: #f8f8f8; text-align: center; padding: 30px 0 20px}
#content7 .crsl-wrap .crsl-item:nth-child(3) { margin-right: 0}
#content7 .crsl-wrap .crsl-item a{ color: #000}
#content7 .crsl-wrap .crsl-item h2{ font-size: 22px; margin-bottom: 20px;letter-spacing: -1px}
#content7 .crsl-wrap .crsl-item h3{ color: #7b7b7b; font-size: 20px; letter-spacing: -1px;font-family: "NotoSansCJKkr-Light"}
#content7 .crsl-wrap .crsl-item p{ color:#6a6a6a; font-size: 14px; text-align: left; padding: 0 40px}
#content7 .crsl-wrap .crsl-item p span{display:block; color: #b6b6b6; margin-top: 5px }
.star_list { display:inline-block}
.star_list li{ float: left; position: relative; margin-right: 2px; margin-top: 15px}

#content7 .ct_title{float:left; display: inline-block;font-family: "notokr-regular";}
#content7 .ct_more{float: right; display: inline-block;color: #999;font-size: 14px; line-height: 50px}


#navbtns{ position: relative}
#navbtns .previous{ ;position: absolute;top: 130px;left:5px;z-index: 100;}
#navbtns .next{position: absolute;top: 130px;z-index: 100; right: 5px }
/* 레이어팝업 written by b131 */
.layer_pop { z-index:1000; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.7 ); display:none; }
.layer_pop_content_box { margin:20% auto; padding:20px; width:300px; background:#fff; border-radius:5px; line-height:2em; }
.layer_pop_close_btn { float:right; margin:20px; padding:3px 13px; border:1px solid #999; border-radius:5px; background:#000; font-size:1.4em; color:#fff; cursor:pointer;z-index: 9999; }
.layer_pop_content_box select { width:99%; }
.layer_pop_btn_box { text-align:center; margin:10px; }
.layer_pop_tiitle { position:absolute; margin:20px 0 0 20px; width:300px; font-size:2em; color:#fff; text-shadow:3px 3px 3px #000; }
.layer_pop_content_box1 { margin:8% auto; padding:20px; width:54%; min-height:580px; border-radius:5px; }


/*빠른오더*/
#simpleorder{ position: absolute; right: 0;padding: 20px 30px; /* width:214px; border: 3px solid #000; background: #fff;*/top:250px; z-index:2}
#simpleorder h3{ font-size: 29px; letter-spacing: -2px;    line-height: 25px;margin-bottom: 10px;}
#simpleorder h3 span{ font-size: 18px!important}
#simpleorder label{font-size:12px; display: block;margin-bottom: 5px;}
#simpleorder .numselectBox{width:28.3%}

/*popup*/

.pull-right{float:right}
.main_popup{width:500px; height:500px; }
.popup_bottom{background-color: #3E4156;color: #fff!important;height: 30px;padding: 2px 10px 3px 10px;margin-top: -4px;}

 /*오더완료팝업*/
.orderok{position: absolute;top: 100px;background: #fff;z-index: 100;width: 800px;height: 300px;margin: 0 auto;text-align: center;left: 25%;border: 1px solid #1daedd; padding-top: 150px}



@media (max-width:767px){

.mobile{display:block!important;}
.pc{ display:none!important}
    
#visual{background:url(../image/main/visual_bg_m.jpg) no-repeat center top; background-size: cover; height: 100%;text-align: center; } 
#visual .vstop{ padding-top: 90px}    
#visual .vstop h2{font-size: 14px;display: none}    
#visual .vstop h1{font-size: 22px; color: #000} 
#visual .vstop h3{font-size: 18px;line-height: 30px;width: 90%;margin: 0 auto;letter-spacing: -1.5px;padding-bottom: 15px} 
#visual .vstop h3 strong{font-family: "notokr-regular";}
#visual .vstop .btn_box{}  

#content1 { padding-top: 10px;padding: 25px 0;}
#content1 h2 { font-size: 20px}   
#content1 ul {padding-top: 30px;}  
    
#content1 ul li{ display: inline-block; width:49%;    padding: 15px 0; border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding-bottom: 10px}
#content1 ul li:nth-child(even){border-right:none;} 
#content1 ul li:nth-child(3){border-bottom:none}
#content1 ul li:nth-child(4){border-bottom:none}  
#content1 ul li p { padding: 10px 0 20px;}  
#content1 ul li div{padding-bottom: 20px}    
#content1 ul li a span img{ width: 8%}

.bg_gray{padding: 20px 0 }
   
#content2 dl {margin-right: 0; margin-bottom: 10px;width: 100%;text-align: center;}
#content2 .clean dd ,#content2 .insurance dd{background-size: cover; width: 100%; border-bottom-right-radius:  5px; border-bottom-left-radius:  5px; }
.bg_blue{padding: 20px 0 }   
#content2 dl dt h3{line-height: 25px;}
#content4{}
#content4 h1{font-size:25px}
#content4 ul li{width: 100%;width: 99%;margin: 0 0 20px 0}
#content4 ul li label{left: 50%;margin-left: -30px;}
.customer{height:100px;padding: 40px 0 80px 0;}    
    
#content5 .pic{width: 150px}
#content5 .pic img{width:100%}    

#mobile1{ background: #eeeeee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align: center ;padding: 40px 0;font-family: "NotoSansCJKkr-Light"; margin-bottom: 60px}
#mobile1 h4{color: #7e7e7e; font-size: 12px } 
#mobile1 h1{color: #2a73dd;font-family: "NotoSansCJKkr-DemiLight"; padding-bottom: 5px } 
#mobile1 h1 span{color: #0f489c } 
#mobile1 .qustion{vertical-align: -webkit-baseline-middle;}
#mobile1 .qustion img{width:10%} 
#mobile2{ padding-bottom: 30px }
#mobile3{ text-align: center; padding-bottom:30px}
#mobile3 h4{ font-size: 14px;font-family: "NotoSansCJKkr-Light"; } 
#mobile3 h1{font-family: "NotoSansCJKkr-DemiLight"; padding-bottom: 5px; font-size: 25px } 
#mobile3 a img{ width:60%}
#content6{ display:none!important}
    
.modal p iframe{ width: 100%; height: 300px}
.modal p {position: absolute;top: 20%;left: 0;width: 100%;text-align: center; margin: 0}   
.modal a.close-modal { right:5px;color: #fff}        
.modal{display:none;vertical-align:middle;position:relative;z-index:2;box-sizing:border-box;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}

#content7 {margin:0}
#content7 h2{ font-size: 20px; font-weight: bold}     
#content7 .crsl-wrap .crsl-item { width:99%; padding: 40px 0; float: none; margin-right: 0;height: auto!important;min-height: 250px;} 
#content7 .ct_more{font-size: 16px; line-height: 35px}
.layer_pop_content_box1 {width:auto;margin: 0 auto;}
.layer_pop_close_btn { position: absolute;right: 10px;top: 10px;}    
.image img{width:100%}   

/*popup*/
.main_popup{ width:100%}    
.main_popup img{width:100%} 

    
 /*오더완료팝업*/
.orderok{width: 95%;left: 3%;top: 5px;}
    
}