@charset "utf-8";
@import url("/data/skin/fruit_puro_gls/offline_service/css/nbusin.css");
 
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@500;900&display=swap');
/* CSS Document */
#layout_config { width:100% !important;}
#scroll2 { display:none !important;}
.defere_w { width: 100%; margin:30px auto; text-align:center}
.businmneu { width:1200px; margin:auto; position:relative}
.businmneu ul {display: flex;    background: #e4e4e4;   border-radius: 35px;}
.businmneu li { width:50%; float: left; display:block; position:relative; letter-spacing:-0.5px; 
    height: 70px;
    line-height: 70px;
    font-size: 26px; 
    text-align: center;
    position: relative;color:#FFFFFF;
} 
.businmneu li a{ text-decoration:none; text-align:center;    display: block; color:#7a7a7a}
.businmneu  .onmenu {border-radius: 35px 35px 35px 0; background:#0066FF; color:#FFFFFF; font-weight:600; }
.businmneu .offmenu{ background:#e4e4e4;border-radius: 35px 35px 0 0;}

.businmneu  .sonmenu {border-radius: 35px 35px 0 35px;background:#0066FF; color:#FFFFFF; font-weight:600; }
.businmneu .soffmenu{ background:#e4e4e4;border-radius: 35px 35px 0 0;}


/* 
.businmneu .offmenu  a:hover  {background:#0066FF; color:#FFFFFF !important; ;border-radius: 35px 35px 0 35px;} 
*/

.sobusmenu {width: 1200px; margin:30px auto; text-align:center;display: block; height:110px}
.sobusmenu li {  float: left; display:block; position:relative; width:16.5%; text-align:center; font-size:18px; border:1px solid #e4e4e4;border-width:1px 0px 1px 1px; height: 119px;
    line-height: 189px;}
.sobusmenu li a{ text-decoration:none; text-align:center; letter-spacing:-0.5px; display:block; height: 119px; line-height: 189px;}
.sobusmenu li a:hover {color:#0666f9}
.sobusmenu .line { border-right:1px solid #e4e4e4; border-radius: 0 8px 8px 0;}
 
.sobusmenu  .on,.sobusmenu  .onn,.sobusmenu  .ons,.sobusmenu  .onss  {color:#0666f9;  font-weight:700}
.sobusmenu  .on:after {
    content: '';
    display: block;
    width: 100%;
	height: 117px;
    position: absolute;
    top: -1px;
    border: 2px solid #0666f9;
    left: -2px;
    width: 196px;
    border-radius: 8px 0 0 8px;
} 

.sobusmenu  .onn:after {
    content: '';
    display: block; 
	height: 117px;
    position: absolute;
    top: -1px;
    border: 2px solid #0666f9;
    left:0; z-index:3;
    width: 200px; 
}
.sobusmenu  .ons:after {
    content: '';
    display: block;
    width: 100%;
	height: 117px;
    position: absolute;
    top: -1px;
    border: 2px solid #0666f9;
    left: -2px;
    width: 196px; 
}
.sobusmenu  .onss:after {
    content: '';
    display: block;
    width: 100%;
	height: 117px;
    position: absolute;
    top: -1px;
    border: 2px solid #0666f9;
    left: -2px;
    width: 196px; border-radius: 0 8px 8px 0;
}


.sobusmenu .menu1, .sobusmenu .menu2, .sobusmenu .menu3 ,.sobusmenu .menu4 ,.sobusmenu .menu5, .sobusmenu .menu6,.sobusmenu .menu7, .sobusmenu  .onmenu1, .sobusmenu  .onmenu2,.sobusmenu  .onmenu3,.sobusmenu  .onmenu4,.sobusmenu  .onmenu5,.sobusmenu  .onmenu6 {  background:url(../new_img/icon_menu.jpg) no-repeat;}
.sobusmenu .menu1 {background-position:62px -121px;    border-radius: 8px 0 0 8px; }
.sobusmenu .menu2 {background-position: -68px 3px;width:16.9%}
.sobusmenu .menu3 {background-position: -210px 3px;}
.sobusmenu .menu4 {background-position: -373px 4px;}
.sobusmenu .menu5 {background-position: -540px 3px;}
.sobusmenu .menu6 {background-position: -688px 3px;}
.sobusmenu .menu2:hover {background-position: -68px -121px; }
.sobusmenu .menu3:hover  {background-position: -210px -121px; }
.sobusmenu .menu4:hover  {background-position: -373px -120px;}
.sobusmenu .menu5:hover  {background-position: -540px -121px;}
.sobusmenu .menu6:hover  {background-position: -688px -121px; }
.sobusmenu .menu7 {background-position:62px 3px;    border-radius: 8px 0 0 8px; }
.sobusmenu .menu7:hover {background-position:62px -121px;    border-radius: 8px 0 0 8px; }




.sobusmenu .onmenu2 {background-position: -68px -121px; }
.sobusmenu .onmenu3  {background-position: -210px -121px; }
.sobusmenu .onmenu4  {background-position: -373px -120px;}
.sobusmenu .onmenu5  {background-position: -540px -121px;}
.sobusmenu .onmenu6 {background-position: -688px -121px;color:#0666f9;  font-weight:700 }


/*기업구매*/
.busin_top_menu_s {width: 1200px; margin:30px auto; text-align:center;display: block; height:110px}


.tab_content {text-align:center;font-size:0;max-width:1200px;margin:30px auto;}

.tab_content input[class="tabmenu1"] {display:none;} /* input을 안보이게 처리 */
.tab_content input[class="tabmenu1"] + label {display:inline-block;width: 350px; border: 1px solid #e4e4e4;color:#333;box-sizing: border-box;font-size:18px;cursor:pointer;border-radius: 8px 0 0 8px;background:url(../new_img/icon_business01.png) no-repeat center 15px;padding-top: 80px; padding-bottom: 15px;} /* 버튼 공통 속성 */
.tab_content input[class="tabmenu1"]:checked + label { color:#000;border-radius: 8px 0 0 8px;font-size:18px;color: #0666f9;    font-weight: 700;border: 2px solid #0666f9;box-sizing: border-box; background:url(../new_img/icon_business01.png) no-repeat center -87px;padding-top: 80px; padding-bottom: 15px;} /* 선택된 버튼속성 */

.tab_content input[class="tabmenu2"] {display:none;} /* input을 안보이게 처리 */
.tab_content input[class="tabmenu2"] + label {display:inline-block;width: 350px; border: 1px solid #e4e4e4;color:#333;box-sizing: border-box;font-size:18px;cursor:pointer;border-radius: 0 8px 8px 0;background:url(../new_img/icon_business02.png) no-repeat center 17px;padding-top: 80px; padding-bottom: 15px;} /* 버튼 공통 속성 */
.tab_content input[class="tabmenu2"]:checked + label {color:#000;border-radius: 0 8px 8px 0;font-size:18px;color: #0666f9;    font-weight: 700;border: 2px solid #0666f9;box-sizing: border-box; background:url(../new_img/icon_business02.png) no-repeat center -93px;padding-top: 80px; padding-bottom: 15px;} /* 선택된 버튼속성 */

.tab_content input[class="tabmenu1"] {display:none;} /* input을 안보이게 처리 */
.tab_content input[class="tabmenu1"] + label {display:inline-block;width:350px; border: 1px solid #e4e4e4;color:#333;box-sizing: border-box;font-size:18px;cursor:pointer;border-radius: 8px 0 0 8px;background:url(../new_img/icon_business01.png) no-repeat center 15px;padding-top: 80px; padding-bottom: 15px;} /* 버튼 공통 속성 */
.tab_content input[class="tabmenu1"]:checked + label { color:#000;border-radius: 8px 0 0 8px;font-size:18px;color: #0666f9;    font-weight: 700;border: 2px solid #0666f9;box-sizing: border-box; background:url(../new_img/icon_business01.png) no-repeat center -87px;padding-top: 80px; padding-bottom: 15px;} /* 선택된 버튼속성 */

.tab_content input[class="tabmenu2"] {display:none;} /* input을 안보이게 처리 */
.tab_content input[class="tabmenu2"] + label {display:inline-block;width: 350px; border: 1px solid #e4e4e4;color:#333;box-sizing: border-box;font-size:18px;cursor:pointer;border-radius: 0 8px 8px 0;background:url(../new_img/icon_business02.png) no-repeat center 17px;padding-top: 80px; padding-bottom: 15px;} /* 버튼 공통 속성 */
.tab_content input[class="tabmenu2"]:checked + label {color:#000;border-radius: 0 8px 8px 0;font-size:18px;color: #0666f9;    font-weight: 700;border: 2px solid #0666f9;box-sizing: border-box; background:url(../new_img/icon_business02.png) no-repeat center -93px;padding-top: 80px; padding-bottom: 15px;} /* 선택된 버튼속성 */


.conbox { background:#fff; display:none;text-align:left;font-size:14px;box-sizing:border-box;} /* 컨텐츠박스 공통 속성 */
.tab_content input[id="tab01"]:checked ~ .con1 {display:block;} /* 인풋에 체크가 해당 요소보이게 설정 */
.tab_content input[id="tab02"]:checked ~ .con2 {display:block;}
.tab_content input[id="tab03"]:checked ~ .con3 {display:block;}


.trans_way {width:1200px; margin:25px auto; position:relative; display:block;  }
.trans_way  h4, .estimate  h4 { color:#0666f9;font-size:27px;-webkit-font-smoothing: subpixel-antialiased; font-family: 'Roboto','NanumSquare'; text-align:center}
.trans_way_list ul{border: 1px solid #d1d1d1;border-radius: 10px;padding: 5px 0 10px 0; overflow: hidden; position:relative; display:block; margin-top:20px; width:49%; display:inline-block;min-height:250px}
.trans_way_list ul h3 {color:#333;font-size:20px;-webkit-font-smoothing: subpixel-antialiased; font-family: 'Roboto','NanumSquare'; padding-left:10px; line-height:30px;}
.trans_way_list li { padding:5px 0 5px 30px; font-size:14px; }
.trans_way_list  .color_point {font-weight: 400;color: #f27935; padding-left:5px; vertical-align:middle}
.trans_way_list  em { width:130px; display:inline-block; text-align:left}
.trans_way_list  input.text {padding-left: 10px; height: 24px; border: 1px #d7d7d7 solid; font-size: 14px;}
.trans_way_list .way_right { float:right} 
.trans_way_list .way_w { width:100%; display:block;min-height:150px}
.trans_way_list  .date {display: inline-block;height: 22px;line-height: 22px; margin-right: 25px; margin: 0 50px 0 0; font-size: 14px;}
.trans_way_list .pop_info_title em { width:170px; vertical-align:top}
.trans_way_list .pop_info_title  textarea {border: 1px #d7d7d7 solid; width:267px;} 
.trans_way_list .wary_h { min-height:200px}
.trans_way .atta { margin-top:15px; position:relative}
.trans_way  .atta_titles { text-align:right; right:5px; top:8px; position:absolute}

.estimate  h4  { margin-top:20px; margin-bottom:10px}









/***************************************************/

.cont { position:relative; display:block; width:1200px; margin:auto}
.cont .inner h2 {  font-family: 'Noto Sans KR', sans-serif !important;font-style: normal; font-weight: 400; font-size: 53px; letter-spacing: -0.5px;color: #000; position: relative; text-align:left; display:block; margin-bottom:10px }
.cont .inner span { font-size:78px;font-family: 'Noto Sans KR', sans-serif !important;font-weight: 400;}
.cont  .inner { position:absolute; left:0; z-index:1; top: 55px;}

.cont  .bg_title {display: block; width: 650px;  position: absolute; top: 20px; right: 0; z-index:0}
.cont  .bg_title img { width:650px;border-radius: 0 25px 0 25px;}
.cont  .textbg  {   font-weight: 600;  font-size: 17px; width: 600px; letter-spacing: -0.5px;    margin-bottom: 15px;text-align:left;color:#000000}
.cont  .textbgs  {  font-weight: 600;  font-size: 17px; width: 690px; letter-spacing: -0.5px;       margin-bottom: 15px;text-align:left;color:#000000}
.cont  .textbgss  {  font-weight: 600;  font-size: 17px; width: 696px; letter-spacing: -0.5px; text-align:left;margin-bottom: 15px; color:#000000}

.cont em {
    display: block;
    font-size: 16px;
    text-align: left;
    margin-top: 6px; 
	color:#000000;
}
.cont_s { padding:50px 0; background-color: #f5f5f5; position:relative; display:block;margin-top: 400px; }
.contlist { width:1200px; margin:auto; position:relative;}
.cont_s h2,.cont_w h2  { font-family: 'Noto Sans KR', sans-serif !important;font-style: normal; font-weight:500; font-size: 25px; letter-spacing: -0.5px;color: #000; position: relative; text-align:left; margin-bottom:5px}
.estimate h2 ,.es_result h2  { font-family: 'Noto Sans KR', sans-serif !important;font-style: normal; font-weight:500; font-size: 32px; letter-spacing: -0.5px;color: #000; position: relative; text-align: center;     margin:25px 0 25px 0;} 
.estimate h2::after, .es_result h2::after {
    content: "";
    position: absolute;
    bottom:-15px;
    left: 50%;
    width: 50px;
    height: 4px;
    border-bottom: 3px solid #0066FF;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cont_s .contlist p, .cont_w  p { position:relative; text-align:left; line-height:35px; font-size:18px; color:#333;}
.cont_s .contlist span, .cont_w span { font-weight:600; padding-left:18px}
.cont_s .contlist p:before, .cont_w  p:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 4px;
    width: 4px;
    height: 4px;
    background-color: #333;
}

.cont_w { width:1200px; margin:30px auto; position:relative;}
.cont_w  em { color:#008aff; font-weight:600}
.contmarg p{ padding-left: 18px;}
/*.cont_w .mag_15 { margin-top:20px;}*/
.cont_btn   { width:1200px; margin:20px auto; position:relative;}
.cont_btn .btn1, .cont_btn .btn2 {  display:inline-block;}
.cont_btn .btn1 a,.cont_btn .btn2 a  { display:block;
    font-family: "graphie",'Noto Sans KR', sans-serif;
    width: 280px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    background: #0066FF;
    margin: 40px 10px 20px  0;  border-radius: 15px;
}
.cont_btn .btn1 a,.cont_btn .btn2 a { text-decoration:none;  }
.cont_btn .btn1 a:hover,.cont_btn .btn2 a:hover { background:#000000;}
.bucont_bt {    display: flex;
    width: 1200px;
    height: 155px;
    margin: 48px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 2px 0 rgb(0 0 0 / 8%);
    border: solid 1px #e8e8e8;
    box-sizing: border-box;}
.bucont_bt .title {position: relative;  display: fle;border-right: solid 1px #dfdfdf;}
.bucont_bt .title  h3{font-family: "graphie",'Noto Sans KR', sans-serif !important;padding: 30px 20px 0 95px;}
.bucont_bt .title:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 10px;
    width:75px;
    height: 75px; background:url(../new_img/icon_consult.png) #e8e8e8 no-repeat  -7px -3px;border-radius: 50%;
}
.bucont_bt  .consult {position: relative;  display: flex; padding:20px 30px; font-size:18px}
.bucont_bt  .consult  ul {text-align: left;} 
.bucont_bt  .consult  li { line-height:35px}
.bucont_bt  .consult  .wi_con { width:150px;    width: 250px;  } 

/*테이블*/
#registration_form { width: 1200px; margin:auto; position:relative; display:block;  }
.estimate_form {width:100%; border: 1px solid #d1d1d1; border-top: solid 1px #333; display:block; border-collapse: collapse;position:relative; margin-top:10px; border-bottom:0}
.estimate_form  th {background-color: #f8f8f8;font-weight:600; text-align: left; font-size:16px;color: #16181a; padding: 15px 0 15px 20px;border-bottom:1px solid #d1d1d1; letter-spacing:-0.5px}
.estimate_form  .color_point {font-weight: 400;color: #f27935; padding-left:5px; vertical-align:middle}
.estimate_form  td {  text-align: left; padding: 15px 0 15px 20px; border-bottom:1px solid #d1d1d1;font-size:16px; position:relative}
.estimate_form  input {border-radius: 0.25em;font-size:16px;height: 30px;padding-left: 10px;}
.estimate_form  select {border-radius: 0.25em; font-size:16px;height: 30px;padding-left: 10px; width:287px}
.estimate_form  input .text {padding-left: 10px; height: 32px; border: 1px #d7d7d7 solid; font-size: 14px;}
.estimate_form  .filelist { font-size:14px}
.estimate_form  .btn_file {display: inline-block;  border: 1px solid #000;border-radius: 0.25em;line-height: 30px;padding: 0 15px;}
.estimate_form  .request textarea { font-size:14px;    width: 90%;border-radius: 0.25em;}





/*검색*/
.seach_gi { margin:20px;}
.seach_gi input[type="text"] {height: 31px;
    padding: 0 5px;
    color: #333333;
    border: 1px solid #d6d6d6;
    line-height: 31px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seach_gi .btn_board_search {
    height: 31px;
    margin: 0 0 0 5px;
    padding: 0 15px 0 15px;
    color: #fff;
    border: 1px solid #787878;
    background: #787878;
    line-height: 29px;}
	
.seach_gi .btn_board_search em { color:#FFFFFF; padding:0; margin:0}


/*장바구니팝업*/
.modal-btn-box{  width:100%;  text-align:left;}
.modal-btn-box button{ display:inline-block; width:150px;   height:40px;  background-color:#333;   border:1px solid #333; cursor:pointer; border-radius: 0.25em; font-size:15px; color:#FFFFFF;}
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:none;
  padding:15px; z-index:1000
}
.popup-wrap .popup{
  width:980px; 
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden; 
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); position:relative
}
.popup-wrap  .popup-head{    text-align: center;    display: block;}
.popup-wrap   .head-title {font-weight: 700;
    line-height: 2rem;
    font-size: 1.5rem;
    letter-spacing: -.085em;
    color: #1c1814; text-align:center; display:block;margin: 25px 0 0 35px; display:block; margin-bottom:10px
}
.popup-wrap   .popup-head p { font-size:15px}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{  display:block; position:relative;    padding: 20px 10px;}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{word-break:break-word; overflow-y:auto; max-height:400px; }

.es_result { display:block; position:relative; width:1200px; margin:auto; padding-top:30px; overflow:hidden;    clear: both;}
.es_result  h4 { color:#1f7dd6;font-size:27px;-webkit-font-smoothing: subpixel-antialiased; font-family: 'Roboto','NanumSquare'; text-align:center}
.es_result table {width:100%; border: 1px solid #d1d1d1;   display:block; clear:both; position:relative; margin-top:10px; border-width: 1px 1px 0 0}
.es_result table th {background-color: #f8f8f8;font-weight: 400; text-align:center;font-size:17px;color: #16181a; padding: 15px 0;border:1px solid #d1d1d1; border-width: 0 0 1px 1px}
.es_result table td {  text-align: center;padding: 15px 0; border:1px solid #d1d1d1;border-width: 0 0 1px 1px; font-size:14px}
.es_result table .esl_01 { display: block; background-color:#f7511a; width:90px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0 0 16px; padding:5px 10px;}
.es_result table .esl_02 { display: block; background-color:#8dc63f; width:90px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0 0 16px; padding:5px 10px;}
.es_result table .esl_03 { display: block; background-color:#333; width:90px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0 0 16px; padding:5px 10px;}
.es_result table .esl_04 { display: block; background-color:#0000ff; width:90px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0 0 16px; padding:5px 10px;}

.estimate_form .select_id_list,.estimate_form .select_pay_list { font-size:13px;     width: 182px !important;height: 30px !important; padding: 0 10px 0 15px;}

 .complete{width: 276px; height: 64px; background-color: #0066FF; font-weight: 600;font-size: 20px; color: #fff; margin:0;; text-align:center;border-radius: 0.25rem;    margin:0; border:none; cursor:pointer}
.button_comp { margin:auto; position:relative; display:block; text-align:center; width:100%; padding:10px 0;}	
 
 


/*팝업장바구니*/
.cart_title{border-top: 1px solid rgb(63, 68, 76); display:block; background-color: #f8f8f8;border-bottom: 1px solid #e8e8e8;}
.cart_title li {color: #1c1814;padding: 10px 0;font-size: .875rem;background-color: #f8f8f8;    display: table-cell; text-align:center }
.cart_title .w1 { width:60px;}
.cart_title .w2 { width:603px;}
.cart_title .w3 { width:130px;}
.cart_title .w4 { width:130px;}

.body-contentbox .popcart {padding: 15px; table-layout: fixed;  width: 100%;   border-spacing: 0;  border-collapse: collapse;}
 
.body-contentbox .popcart td {border-bottom: 1px solid #e8e8e8;vertical-align: middle; text-align:center; font-size:14px; padding:10px 0}	
.body-contentbox .popcart dt { display: table-cell;  width: 60px; text-align: right;}
.body-contentbox .popcart dt img { width:60px; height:60px; border:1px solid #eee}
.body-contentbox .popcart dd { display: table-cell; text-align: left; font-size:14px; padding-left:10px;}
.body-contentbox .popcart th input { cursor:pointer}
.body-content .btn_del_top { display:block; margin-bottom:5px; font-size:14px;}
.body-content .btn_del_top input { cursor:pointer}
.body-content .btn_del_top  button { border:none; font-size:14px; background:none;margin-top: -4px;}





.popup-foot{   height:50px;width: 50px;position: absolute;right: 10px;    top: 30px;}
.popup-foot .pop-btn{ width: 50px; height: 50px;display: block; cursor:pointer} 
.popup-foot .pop-btn:before, .popup-foot .pop-btn:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #000;
}
.popup-foot .pop-btn:before { transform: rotate(45deg);}
.popup-foot .pop-btn:after {transform: rotate(-45deg);}
.pop-btn.confirm{ border-right:1px solid #3b5fbf;}

.popbt_cont { display:block; position:relative; overflow:hidden; margin-top:10px;}
.popbt_cont h4 { display:block; margin-bottom:5px; font-size:14px; color:#000000;}
.popbt_cont p { position:relative; font-size:14px;padding-left: 13px;}
.popbt_cont p:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 4px;
    height: 4px;
    background-color: #333;
}
.popbt_cont em { color:#FF0000;}
.popbt_cont .popbt_btn { position:absolute; right:5px; top:30px;}
.popbt_cont .popbt_btn  .btn_upload  button{border-radius: 30px;background: #0066FF; border: 0; font-size: 15px; padding: 8px 40px;color: #fff;}
.popbt_cont .popbt_btn  .btn_down  button{border-radius: 30px;background: #7e00ff; border: 0; font-size: 15px; padding: 8px 20px;color: #fff;}


/*구매대행*/
.paestimate { width:1200px; margin:auto; position:relative; margin-top:40px;}
	.paestimate h2 {  font-family: 'Noto Sans KR', sans-serif !important;font-style: normal; font-weight: 500; font-size: 36px; letter-spacing: -0.5px;color: #000; position: relative; text-align:center; display:block; margin-bottom:30px }

.sbody-content { width:1200px; margin:auto; position:relative} 
.scroll-img {border: 1px solid #e4e4e4; width:1120px; height: 90px;overflow: hidden; font-size: 0;border-radius: 8px; margin-left:40px}
.scroll-img ul {width: 700px;height: 110px;margin: 0;}
.scroll-img ul li {display: inline-block; margin: 10px 10px 10px 10px; width:200px}
#rollingpr.scroll-img ul { width: 1500px; padding:0; margin:0 15px;text-align: left;}
.text-center { position:absolute; top:32px; width:1200px;}
.icon-chevron-left { position:absolute; left:2px; padding: 4px 12px; margin-bottom: 0; cursor:pointer;   width: 30px; height:30px; background:none; border:none}
.icon-chevron-right { position:absolute; right:0;width: 30px; height:30px; background:none; border:none;cursor:pointer; } 
.icon-chevron-left::after {
    content: '';
    width: 20px; /* 사이즈 */
    height: 20px; /* 사이즈 */
    border-top: 5px solid #121212; /* 선 두께 */
    border-right: 5px solid #121212; /* 선 두께 */
    display: inline-block;
    transform: rotate(225deg); /* 각도 */
    position: absolute;
    top: 0; /* 기본 0px 값으로 해주세요 */
    left:5px; /* 기본 0px 값으로 해주세요 */ 
}

.icon-chevron-right::after {
    content: '';
    width: 20px; /* 사이즈 */
    height: 20px; /* 사이즈 */
    border-top: 5px solid #121212; /* 선 두께 */
    border-right: 5px solid #121212; /* 선 두께 */
    display: inline-block;
    transform: rotate(45deg); /* 각도 */
    position: absolute;
    top: 0; /* 기본 0px 값으로 해주세요 */
    left: 0; /* 기본 0px 값으로 해주세요 */ 
}
.estimnotice    { width:1200px; margin:auto; position:relative; margin-top:40px;}
.estimnotice h2 { font-family: 'Noto Sans KR', sans-serif !important;font-style: normal; font-weight:500; font-size: 25px; letter-spacing: -0.5px;color: #000; position: relative; text-align:left; margin-bottom:5px}
.estimnotcont  { position:relative; display:block;margin-top: 10px; border-bottom:1px dotted #333333;}
.estimnotcont p { width:150px; font-size:18px; font-weight:600;    position: absolute; top: 20px; color:#000000;text-align: center; left:10px}
.estimnotcont  ul {position: absolute; left: 190px;  top: 0;}
.estimnotcont li { font-size:15px; text-align:left; position:relative }
.estimnotice   .he1{height: 95px;}
.estimnotice   .he2{height: 75px;}

.estimnotcont li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -12px;
    width: 3px;
    height: 3px;
    background-color: #333;
}
.estcibt  li { font-size:15px; text-align:left; position:relative;    margin-left: 15px; margin-bottom:5px }
.estcibt  li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -12px;
    width: 3px;
    height: 3px;
    background-color: #333;
} 
.estimebtn {width:1200px; margin:auto; position:relative;    padding-bottom: 10px;}
.estimebtn p{  display:inline-block; font-size:18px; margin-bottom:20px}
.estimebtn p a { display:block; text-decoration:none;padding: 11px 18px; margin-top: 10px;margin-right:10px; background: #0066FF;border-radius: 8px;border: 0; color:#FFFFFF}
.estimebtn p a:hover {    background: #333; color:#FFFFFF}

/*키트제작*/
.help-tip{position: absolute;top: 16px;right:120px;text-align: center;background-color: #333; font-size: 14px; border-radius: 3px;padding: 5px 10px;color: #fff;cursor: default;}
.help-tip:hover p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;}
.help-tip p{display: none; text-align: left;background-color: #fff;padding: 15px 15px 5px 15px;width: 470px;position: absolute;border-radius: 3px; right: -4px;color: #333;font-size: 13px;line-height: 1.4; z-index:20; border:1px solid #CCCCCC}
.help-tip p:after{width:100%;height:40px;content:'';position: absolute;top:10px;left:0;}
 .help-tip p span { margin-bottom:10px}
 .help-tip p span, .help-tip p em { display:block;}
 .produce { background:#cee2ff !important; text-align:center !important; font-size:20px !important; }

/**/
.consbrand { text-align:center;width: 1200px; margin:auto; display:block}
.consbrand h2{
    font-family: 'Noto Sans KR', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: -0.5px;
    color: #000;
    position: relative;
    text-align: center;
    margin: 25px 0 25px 0;
}
.brandlist {border: 1px solid #e4e4e4; width: 1200px;  overflow: hidden;  border-radius: 8px;  }
.brandlist ul { float:left; display:block; padding:15px 10px; width:15%}	
.brandlist .tile { font-size:17px;background-color: #3f444c; border-radius: 8px; padding:5px 10px; color:#FFf; letter-spacing:-0.5px; margin-bottom:10px; display:block}
.brandlist li { font-size:15px; line-height:28px}

@-webkit-keyframes fadeIn {0% {opacity:0; transform: scale(0.6);}100% {opacity:100%;transform: scale(1);}}
@keyframes fadeIn {0% { opacity:0; }100% { opacity:100%; }}​