﻿@charset "utf-8";

/* basic Selector */
body{overflow-x:auto;font-size:16px;color:#333}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0; font-family:sans-serif, Arial, Verdana;word-break:keep-all;}
table {width:100%; border:0; border-spacing:0px; border-collapse:collapse;color:#161515;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {vertical-align:middle; padding:3px 0;} /* Firefox Fix */
img, fieldset, button, frame {vertical-align:middle; border:0;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
caption {visibility:hidden; overflow:hidden; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
input, textarea, button {line-height: 1.2; /* 입력폼에서 춤추지 않는 최소 줄간 1.2 */ vertical-align: middle;-webkit-tap-highlight-color:transparent;}

a {text-decoration:none; color:#161515;-webkit-tap-highlight-color:transparent;}
a:hover, a:active, a:focus{text-decoration:none;}
input[type=submit] {margin:0; padding:0; border:0; cursor:pointer;}
label {cursor:pointer;-webkit-tap-highlight-color:transparent;}
button {border:0; vertical-align:middle; cursor:pointer; overflow:visible; background:transparent;}
button::-moz-focus-inner {border:0; padding:0;}

/*input*/
select {border:1px solid #e0e0e0; height:24px; padding:3px 3px 3px 4px; vertical-align:middle; line-height:24px;}
input[type="file"] {vertical-align:middle; height:22px; width:80%; margin-right:6px;}

a[href^=tel]{color:inherit;text-decoration:none;}



/*selectic*/
.selectricWrapper{position:relative;float:left;margin:20px 0 10px;width:150px;text-align:right;cursor:pointer;}
.selectricResponsive {width:100%;}
.selectric {background:transparent;position:relative;}
.selectric .label {display:block;white-space:nowrap;overflow:hidden;margin:0 30px 0 0;padding:6px;font-size:15px;letter-spacing:1px;line-height:18px;color:#fff;min-height:18px;}
.selectric .button {display: block;position:absolute;right:0;top:0;width:30px;height:30px;background:url(../../images/arrow/fsite_arrow.png) no-repeat center center;text-align: center;text-indent:-10000px;}

.selectricOpen{z-index: 9999;}
.selectricOpen .selectric{background:transparent;}
.selectricOpen .selectricItems{display:block;}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectricItems {display: none;position: absolute;top: 100%;left: 0;background: #ccc;z-index: -1;box-shadow: 0 0 10px -6px;text-align:center;
}
.selectricItems .selectricScroll {
  height: 100%;
  overflow: auto;
}
.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%;
}
.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectricItems li {
  display: block;
  padding: 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0;
}
.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}


.round_btn1{display:inline-block;}
.round_btn1 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#fff;font-size:14px;}
.round_btn1 .l{width:16px;background:url(../../images/ico/ico_btn1_l.html) no-repeat left top;}
.round_btn1 .c{padding:0 20px;background:url(../../images/ico/ico_btn1_c.html) repeat-x left top;}
.round_btn1 .r{width:17px;background:url(../../images/ico/ico_btn1_r.html) no-repeat left top;}
.round_btn1 span .play{display:inline-block;padding-left:17px;background:url(../../images/ico/icon_video.png) no-repeat left center;}

.round_btn2{display:inline-block;}
.round_btn2 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#485b66;font-size:14px;}
.round_btn2 .l{width:16px;background:url(../../images/ico/ico_btn2_l.html) no-repeat left top;}
.round_btn2 .c{padding:0 20px;background:url(../../images/ico/ico_btn2_c.html) repeat-x left top;}
.round_btn2 .r{width:17px;background:url(../../images/ico/ico_btn2_r.html) no-repeat left top;}

.round_btn3{display:inline-block;}
.round_btn3 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#70755e;font-size:14px;}
.round_btn3 .l{width:16px;background:url(../../images/ico/ico_btn3_l.html) no-repeat left top;}
.round_btn3 .c{padding:0 20px;background:url(../../images/ico/ico_btn3_c.html) repeat-x left top;}
.round_btn3 .r{width:17px;background:url(../../images/ico/ico_btn3_r.html) no-repeat left top;}

.round_btn4{display:inline-block;}
.round_btn4 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#9f8e88;font-size:14px;}
.round_btn4 .l{width:16px;background:url(../../images/ico/ico_btn4_l.html) no-repeat left top;}
.round_btn4 .c{padding:0 20px;background:url(../../images/ico/ico_btn4_c.html) repeat-x left top;}
.round_btn4 .r{width:17px;background:url(../../images/ico/ico_btn4_r.html) no-repeat left top;}

.round_btn5{display:inline-block;}
.round_btn5 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#867f78;font-size:14px;}
.round_btn5 .l{width:16px;background:url(../../images/ico/ico_btn5_l.html) no-repeat left top;}
.round_btn5 .c{padding:0 20px;background:url(../../images/ico/ico_btn5_c.html) repeat-x left top;}
.round_btn5 .r{width:17px;background:url(../../images/ico/ico_btn5_r.html) no-repeat left top;}

.round_btn6{display:inline-block;}
.round_btn6 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#858697;font-size:14px;}
.round_btn6 .l{width:16px;background:url(../../images/ico/ico_btn6_l.html) no-repeat left top;}
.round_btn6 .c{padding:0 20px;background:url(../../images/ico/ico_btn6_c.html) repeat-x left top;}
.round_btn6 .r{width:17px;background:url(../../images/ico/ico_btn6_r.html) no-repeat left top;}

.round_btn7{display:inline-block;color:#666;font-size:14px;line-height:16px;}
.round_btn7 span{display:inline-block;float:left;height:36px;vertical-align:middle;line-height:35px;color:#666;font-size:14px;font-weight:normal;}
.round_btn7 .l{width:16px;background:url(../../images/ico/ico_btn7_l.html) no-repeat left top;}
.round_btn7 .c{padding:0;background:url(../../images/ico/ico_btn7_c.html) repeat-x left top;}
.round_btn7 .r{width:17px;background:url(../../images/ico/ico_btn7_r.html) no-repeat left top;}
.round_btn7.on span{color:#333;}
.round_btn7.on .l{background:url(../../images/ico/ico_btn7_l_on.html) no-repeat left top;}
.round_btn7.on .c{background:url(../../images/ico/ico_btn7_c_on.html) repeat-x left top;}
.round_btn7.on .r{background:url(../../images/ico/ico_btn7_r_on.html) no-repeat left top;}

/* circle_btn : 참고페이지 메인 */
.circle{display:inline-block;width:61px;padding-top:70px;font-size:18px;line-height:20px;text-align:center;color:#fff;}
/*.circle_btn1{background:url(/images/ico/ico_service0.png) no-repeat center top;}
.circle_btn2{background:url(/images/ico/ico_service1.png) no-repeat center top;}
.circle_btn3{background:url(/images/ico/ico_service2.png) no-repeat center top;}*/

@media all and (max-width:768px){ 
	body{min-width:0;overflow-x:hidden;}

	/*버튼세팅*/
	/* round_btn : 참고페이지 메인 */
	.round_btn1{border:1px solid #fff;border-radius:20px;}
	.round_btn1 span{font-size:13px;}
	.round_btn1 .c{padding:0 10px;background:none;}
	.round_btn1 .l, .round_btn1 .r{display:none;}

	.round_btn2{border:1px solid #485b66;border-radius:20px;}
	.round_btn2 span{font-size:13px;}
	.round_btn2 .c{padding:0 10px;background:none;}
	.round_btn2 .l, .round_btn2 .r{display:none;}

	.round_btn3{border:1px solid #70755e;border-radius:20px;}
	.round_btn3 span{font-size:13px;}
	.round_btn3 .c{padding:0 10px;background:none;}
	.round_btn3 .l, .round_btn3 .r{display:none;}

	.round_btn4{border:1px solid #9f8e88;border-radius:20px;}
	.round_btn4 span{font-size:13px;}
	.round_btn4 .c{padding:0 10px;background:none;}
	.round_btn4 .l, .round_btn4 .r{display:none;}

	.round_btn5{border:1px solid #867f78;border-radius:20px;}
	.round_btn5 span{font-size:13px;}
	.round_btn5 .c{padding:0 10px;background:none;}
	.round_btn5 .l, .round_btn5 .r{display:none;}

	.round_btn6{border:1px solid #858697;border-radius:20px;}
	.round_btn6 span{font-size:13px;}
	.round_btn6 .c{padding:0 10px;background:none;}
	.round_btn6 .l, .round_btn6 .r{display:none;}

	.round_btn7{display:inline-block;border:1px solid #666;border-radius:20px;color:#858697;font-size:12px;line-height:14px;}
	.round_btn7 .l, .round_btn7 .r{display:none;}
	.round_btn7 .c{height:auto;padding:0 5px;font-size:11px;line-height:23px;letter-spacing:-1px;background:none;}
	.round_btn7.on{}

	.selectricWrapper{display:none !important;}
}

.text-center{text-align: center;}
    .text-color{color: #00a4e3;}

        .about-coway h1{
            padding: 10px;font-size: 38px;font-weight: 500;
        }

        .about-coway h2{
            padding: 10px;font-size: 35px;font-weight: 500;
        }
        .about-coway h3{
            padding: 10px;color: #00a4e3;font-size: 30px;font-weight: 500;
        }
        .about-coway h4{
            padding: 10px;color: #00a4e3;font-size: 25px;font-weight: 500;
        }
        .about-coway h5{
            padding: 10px;font-size: 20px;font-weight: 400;
        }
     .about-coway p{
        margin: 10px 0 0;
        font-size: 14px;
        line-height: 24px;
        color: #333;
        padding: 0 5px;
        font-family: 'Calirbri Regular';
    }
    .about-coway li{
    }
.about-coway li{
    display: inline-block;margin: 10px 5px;
}
    .col-6{
        width: 50%;
        float: left;
    }

    .product_left{
        width: 50%;
        float: left;
    }

    .float_50{
        width: 50%;
        float: left;
    }

    .product_right{
        width: 50%;
        float: left;
    }

    .product_1{
      background:#e3e3e3;margin: 5px;width: calc(50% - 10px); float: left;
    }

    .product_2{
      background:#e3e7db;margin: 5px;width: calc(50% - 10px); float: left;
    }

    .product_3{
      background:#e3e3e3;margin: 5px;width: calc(50% - 10px); float: left;
    }

    .product_4{
      background:#e3e7db;margin: 5px;width: calc(50% - 10px); float: left;
    }

     .col-4{
        width: 33.33%;
        float: left;
    }

    .col15{
        width: 20%;
        float: left;
    }

    .product_img{
   width: 90%;text-align: center;
}

.product_img2{
   width: 90%;text-align: center;
}

.buy_now{
  border: 1px solid #9ACCAB;background: #9ACCAB !important;color: #fff;
}
.buy_now:hover{
 border: 1px solid #9ACCAB;background: #fff !important;color: #9ACCAB;
}

.discount {

    height: 25px;
    width: 25px;
    border-radius: 25px;
    background: #00a7e4;
    color: #fff;
    font-size: 9px;
    position: absolute;
    font-weight: 700;
    line-height: 12px;
    margin-left: auto;
    margin-right: auto;
    left: 115px;
    right: 0px;
    padding: 5px;
    text-align: center;
    top: -15px;
    font-family: 'Calirbri Regular', sans-serif;

}

.product_valign{
  padding: 99px 10px;
}

.product_valign2{
  padding: 20px 10px;
}
.product_textbox{
   text-align: center;padding: 10px 5px;font-size: 13px;color: #777;
letter-spacing: 1px;
line-height: 25px;
font-family: 'Calirbri Regular';
}

.p_info_l{
  display: inline-block;text-align: center;;width: calc(50% - 20px);font-family: 'Calirbri Regular';font-weight: 800;font-size: 13px;padding:0 8px; 
}
.p_info_r{
display: inline-block;text-align: center;;width: calc(50% - 10px);font-family: 'Calirbri Regular';
}
.price_view{
  width: 70%;margin: 0px auto;
}
.product_mrp{
display:inline-block;  margin:2px;padding:5px;width: 50%;text-align: left;font-family: 'Calirbri Regular';font-size: 15px;color: #252527;font-weight: bold;float: left;
}
 .mrp_price{
  display:inline-block;margin:2px;padding:5px;text-align: left;font-family: 'Calirbri Regular';font-size: 15px;color: #252527;float: right;font-weight: 800;
 }

.p_number{
  margin-left:-10px; 
}
 .model_number
 {
  text-align: center;padding: 10px 5px;font-size: 13px;color: #777;
letter-spacing: 1px;
font-weight: bold;
font-family: 'Calirbri Regular';
 }

   

    .circle-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 10px;
    width: 140px;
    height: 140px;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
    background-color: #b2cddb;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

 .circle-box.large {
    width: 160px;
    height: 160px;
  }

  .m_t15{
    margin-top: 15px;
  }
  .m_b15{
    margin-bottom: 15px;
  }

  .loadingBg {

    background-color: #f8f8f8;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.loadingIcon {

    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-bottom: -6px;
    width: 120px;
    height: 20px;
    overflow: hidden;
    background: url(../../images/logo.png) no-repeat 0 0;
    text-indent: -9999em;
    -webkit-animation: CowayWater .9s steps(30,end) infinite;
    -moz-animation: CowayWater .9s steps(30,end) infinite;
    -ms-animation: CowayWater .9s steps(30,end) infinite;
    -o-animation: CowayWater .9s steps(30,end) infinite;
    animation: CowayWater .9s steps(30,end) infinite;

}

.loadingText {

    position: absolute;
    width: 80px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: 25px;
    margin-left: -40px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;

}

    .clearfix{clear: both;}

     @media all and (max-width:768px){
.col-6,.col-4,.col15{
width: 100%;

}



.product_1,.product_2,.product_3,.product_4{
width: calc(100% - 10px);
margin: 10px 5px;
}

.product_img{
   width: 90%;text-align: center;
}
.product_img2{
   width: 90%;text-align: center;
}

.circle-box.large {
    width: 160px;
    height: 160px;
  }


  .bt_group a.btn {

    min-width: 75px;
    padding: 6px 6px;
    font-size: 15px;
    font-family: Calirbri Regular;

}

}


 

@media all and (max-width:600px){
  
.product_img{
    width: 100%;text-align: center;margin-top: 0%;
}

.product_img2{
    width: 100%;text-align: center;margin-top: 0%;
}
}

@media all and (max-width:480px){
  
.product_left{
        width: 40%;
        float: left;
    }

    .product_right{
        width: 60%;
        float: left;
    }

.ico_a.a2 {

    padding: 0 0 0 25px !important;

}

.ico_a {

    position: relative;
    display: inline-block !important;
    font-size: 11px !important;
    line-height: 15px;
    color: #717274;

}

.price_view{
  width: 100%;margin: 0px auto;
}
.product_mrp {

    display: inline-block;
    margin: 2px;
    padding: 5px;
    width: 50%;
    text-align: left;
    font-family: 'Calirbri Regular';
    font-size: 15px;
    color: #252527;
    font-weight: 800;
    float: left;

}

.mrp_price{
  display:inline-block;margin:2px;padding:5px;text-align: left;font-family: 'Calirbri Regular';font-size: 15px;color: #252527;float: right; font-weight: 800;
 }

.product_valign{
  padding: 33px 10px;
}
.product_valign2{
  padding: 10px 10px;
}

.product_img{
    width: 110%;text-align: center;margin-top: 35px;
}

.product_img2{
    width: 110%;text-align: center;margin-top: 0%;
}
}


@media all and (max-width:390px){    /*390px Media*/
  .product_img{
      width: 110%;text-align: center;margin-top: 60px;
  }
}


@media all and (max-width:320px){   /*320px Media*/
  

.product_img{
   width: 115%;text-align: center;margin-top: 50%;
}

.product_img2{
   width: 115%;text-align: center;margin-top: 25%;
}
  }