/* 모든 스타일은 css 충돌방지를 위해 .product2을 기준으로 작성 하시면 됩니다. 예) .product2 .box {} */
  .product2{}
  
html {
  scroll-behavior: smooth;
}

/* 공통 */
#ctt {display: none;}
.clearboth::before, .clearboth::after {display: block; content:""; clear: both;}


/* 페이지타이틀 */
.pageTitle {width: 100%; height: 410px; background: url(../product1/images/sub-4.png) no-repeat; background-size: cover; background-position: center center; position: relative;}
.pageTitle_textWrap {width: 1300px; margin: 0 auto;}
.pageTitle .pageTitle_text {width: 100%; position: absolute; top: 55%; transform: translateY(-50%);}
.pageTitle .pageTitle_text h1 {font-size: 45px; color: #fff; letter-spacing: -3px !important; font-weight: 500;}
.pageTitle .pageTitle_text p {font-size:18px; color: #fff; font-weight: 400; letter-spacing: -1px; margin-top: 20px;}


/* 페이지탭 */
.pageTabWrap {width: 100%; height:55px; margin-top: -55px; position: relative; z-index: 1;}
.pageTabWrap .pageTab {width: 1300px; height: 100%; margin: 0 auto; position: absolute; z-index: 1; background: #dc1d1d; left: 50%; transform: translateX(-50%);}
.pageTabWrap .pageTab >li {float:left; width: 20%; }
.pageTabWrap .pageTab >li:first-child {width: 5%;}
.pageTabWrap .pageTab >li:last-child {width: 55%;}
.pageTabWrap .pageTab >li >a {width: 100%; display: block; text-align: center;line-height: 55px; color: #fff; font-size: 16px;font-weight: 500; text-align: left;border-left: 1px solid #e83434; padding-left: 30px;}
.pageTabWrap .pageTab >li:first-child >a {text-align: center; border: none; padding: 0;}
.pageTabWrap .pageTab >li >a:hover  {background: #d20010;}
.pageTab_submenu {width: 100% !important; padding: 15px 0; background: #f9f9f9; border: 1px solid #efefef; display: none;}
.active1 {background: #d20010;}
.active2 {display: block;}
.pageTab_submenu >li {width: 100%;}
.pageTab_submenu >li> a {display: block; width: 100%; font-size: 15px; padding: 10px 30px; background: #f9f9f9; box-sizing: border-box;}
.pageTab_submenu >li> a:hover {color: #d20010;}
.pageTab_arrow {padding-right:20px; float: right;}
.pageTab_arrow img {width: 14px;}





/*안심귀갓길*/
.product2{}
#ctt{display:none;}
.bl{color:#000;}
.sky{color:#8fb3e4;}
.blue{color:#bd0413;}
.gray_bg{background:#f7f7f7;}
.sky_bg{background:#f5979f;}
.blue_bg{background:#1e529e;}
.con{width:1300px;margin:0 auto;}
.basic{font-size: 18px;
  line-height: 36px;
  font-weight: 600;
  color:#333;}
.sub_main_tit{font-size:35px;line-height:47px;font-weight:600;color:#000;}
.sub_main_tit span{display:block;}
.ft18{font-size:18px;font-weight:600;}
.ft22{font-size:22px;font-weight:700;}
.ft28{font-size:28px;font-weight:700;}
.list_border{    display: block;
    width: 40px;
    margin-bottom: 10px;
    height: 10px;
    border-radius: 0;}
.sub_top{width:100%;height:400px;background:url(../product1/images/sub_top.jpg)no-repeat;background-size:cover;}
.sub_top .con{padding-top:120px;}
.sub_top ul{overflow:hidden;}
.sub_top ul li{float:left;}
.sub_top ul li a{display:inline-block;font-size:16px;font-weight:500;color:#fff;}
.sub_top ul li:last-child a{color:#8fb3e4;}
.sub_top h1{font-size:38px;font-weight:500;line-height:46px;color:#fff;padding-top:30px;}
.right_arrow{margin-top: -6px;width: 20px;}

/* 서브퀵 */

.sub_quick{border-bottom:1px solid #e4e4e4;}
.sub_quick ul{overflow:hidden;}
.sub_quick ul li{float:left;width:15%;}
.sub_quick ul li a{font-size:18px;font-weight:600;display:block;text-align:center;padding:15px 20px;}
.quick_on{border-bottom:4px solid #8fb3e4;}

/* 페이지 시작 */

.page_wrap{padding:70px 0;}

.product2_1{overflow:hidden;padding-top:30px;}
.product2_1 .sub_main_tit{border-bottom:2px solid #000;padding-bottom:30px;}
.product2_left{float:left;width:25%;margin-top:30px;padding-right:50px;}
.product2_left .ft28 span{display:block;color:#000;display:block;font-size:16px;padding-top:10px;line-height:26px;}
.product2_left p{}
.product2_right{float:left;width:75%;}
.product2_right ul{}
.product2_right ul li{overflow:hidden;width:100%;padding:30px 20px;border-bottom:1px solid #e4e4e4;}
.product2_right ul li:last-child{border-bottom:0;}
.product2_right ul li p{float:left;width:92%;font-size:18px;line-height:30px;color:#333;font-weight:600;}
.product2_right ul li span{float:left; background: #f5979f;
    color: #fff;
    display: inline-block;
    width: 5%;
    height: 30px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0 !important;
    font-size: 15px;
    line-height: 30px;
    margin-right: 2%}
.product2_right ul li img{}

.product2_2{padding-top:50px;overflow:hidden;}
.product2_2 b{display:block;}
.product2_2_right{float:left;width:75%;}
.product2_2_right ul{overflow:hidden;}
.product2_2_right ul li{float:left;width:48%;margin:1%;border:1px solid #e4e4e4;height:auto;padding:30px;font-size:18px;font-weight:600;color:#333;}
.product2_2_right ul li span{display:block;padding-bottom:5px;}
.product2_2_right ul li img{width:80px;margin-bottom:20px;}

.product2_3{padding-top:50px;overflow:hidden;}
.product2_3 img{border: 1px solid #f2f2f2;}
.product2_3_right{float:left;width:75%;}
.product2_3_right ul{padding-top:30px;}
.product2_3_right li{overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 15px;}
.product2_3_right li:last-child{border-bottom:0;}
.product2_3_right li b{
    color: #fff;
    width: 50px;
    display: inline-block;
    height: 50px;
    text-align: center;
    font-size: 16px;
    border-radius: 50px;
    line-height: 40px;
    border: 5px solid #fff;
    box-shadow: 0 5px 10px #ccc;
	float:left;}
.product2_3_right li p{float: left;
    margin-left: 20px;
    font-size: 18px;
    /* padding-top: 10px; */
    font-weight: 600;
  color: #333;}

.product2_3_right li span{display:block;font-size:24px;font-weight:700;}
.product2_3_right li:nth-child(1) b{background: #f5979f;}
.product2_3_right li:nth-child(2) b{background:#e56a74;}
.product2_3_right li:nth-child(3) b{background:#bd3641;}
.product2_3_right li:nth-child(4) b{background:#760e17;}


.product2_4{padding-top:70px;overflow:hidden;}
.product2_4_right img{width:100%;}
.product2_4_right{float:left;width:75%;}
.qr{padding-top:15px;}
.qr p{display:block;font-size:18px;color:#000;font-weight:600;}
.qr p span{display:block;font-size:14px;}

/* 추가 */

.mb_sub_quick{display:none;}
.br1024{display:none;}
.br699{display:none;}
.tab_arrow{display:none;}

.product2_4_right table{border-collapse:collapse;width:100%;margin-top:50px;}
.product2_4_right table td{border:1px solid #e4e4e4;}
.product2_4_right table td:nth-child(1){background:#bd0413;color:#fff;font-size:16px;text-align:center;font-weight:600;}
.product2_4_right table td:nth-child(2){width:250px;}
.product2_4_right table td:nth-child(3){padding-left:20px;font-size:16px;color:#333;font-weight:500;}
.product2_4_right table td img{width:250px;}

@media screen and ( max-width:1300px){
  .sub_quick .con{width:100%;}
  .sub_top{background-position:center center;position:relative;height:300px;}
  .sub_top .con{    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%,-50%);
    padding-top: 0;
    width: 100%;}
  .sub_top h1{font-size:28px;line-height:40px;}
  .sub_quick ul li{width:16.6%}
  .sub_quick ul li a{text-align:center;}
  
  .con{width:90%;}
  
  
 /* 제품소개 */
  
  .product2_1{padding-top:0;}
  .product2_1 .sub_main_tit{font-size:24px;}
  .product2_1 .sub_main_tit{padding-bottom:20px}
  .ft28{font-size:20px;}
  .ft22{font-size:20px;}
  
  .product2_2_right ul li br{display:none;}
  .product2_2_right ul li{height:250px;}
  
  .page_wrap{padding:50px 0;}
  
}

@media screen and ( max-width:1200px){

}

@media screen and ( max-width:1024px){
  .sub_quick{display:none;}
  .mb_sub_quick{display:block;}
  .mb_sub_quick .con{width:100%;}
  .mb_sub_active{color:#8fb3e4;font-weight:700;position:relative;border-bottom:1px solid #e4e4e4;}
  .mb_sub_active span{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:30px;}
  .mb_sub_active img{width:20px;transform:rotate(180deg);}

  .sub_active_close img{transform:rotate(0deg);}
  .mb_sub_quick a{display:block;font-size:16px;font-weight:600;text-align:left;padding:15px 30px;border-top:1px solid #e4e4e4}
  .mb_sub_quick li:first-child a{border-top:0;}
  .mb_sub_quick li a{background:#f8f8f8;}
  .mb_sub_quick li:last-child a{border-bottom:1px solid #e4e4e4;}
  .sub_top h1{font-size:24px;line-height: 32px;}

  /* 제품소개 */
  
  .product2_right ul li p{font-size:16px;}
  
  .product2_left, .product2_right{float:none;width:100%;}
  .product2_2{padding-top:0px;}
  .product2_2_right{margin-top:30px;}
  .product2_2_right{width:100%;float:none;}
  .product2_2_right ul li{height:250px;}
  .product2_2_right ul li p{font-size:16px;}
  .product2_2_right ul li p br{display:none;}
  
  .product2_3{padding-top:0;}
  .product2_3_right{width:100%;margin-top:30px;}
  .product2_3_right li span{font-size:18px;}
  .product2_3_right li b{}
  .product2_3_right li p{font-size:16px;width:80%;}
  
  .product2_4{padding-top:0;}
  .product2_4_right{width:100%;}
  .qr p{display:none;}
  .product2_left{position:relative;}
  .product2_4_right{margin-top:30px;}
  .qr{position:absolute;top:80px;background:#fff;right:20px;width:100px;padding:10px;}
}

@media screen and ( max-width:1024px){
.product2_4_right table td{display:block;}
  .product2_4_right table td:nth-child(1),.product2_4_right table td:nth-child(3){padding:20px}
  .product2_4_right table td:nth-child(2){width:100%;}
  .product2_4_right table td:nth-child(2) img{width:100%;}
}
@media screen and ( max-width:799px)
{

  .product2_right ul li span{width:42px;}
  .product2_2_right svg{width:40px;}
}

@media screen and ( max-width:699px){

  .br699{display:block !Important;}
  .qr {
    position: absolute;
    top: -14px;
    background: #fff;
    right: 0;
    width: 59px;
    padding: 0;}

}

@media screen and ( max-width:599px){

  .product2_2_right ul li{height:auto;width:100%;float:none;margin:1% 0;}
  
    .product2_3_right li b{float:none;}
  .product2_3_right li p{float:none;margin-left:0;margin-top:20px;width:100%;}
}


/* 추가 */

.mb_br{display:none;}

@media screen and ( max-width:1300px){

  /* 서브탑 */
  .pageTitle_textWrap{width:100%;}
  .pageTitle{height:300px;}

  .pageTitle .pageTitle_text h1{font-size:28px;}
  .pageTitle .pageTitle_text {top: 45%;left: 10%;}


  .pageTabWrap .pageTab{width:100%;}
  .pageTabWrap .pageTab >li:first-child{width:80px;}
  .pageTabWrap .pageTab >li{width:30%;}

  .pageContent{width:90%;}
  .pageContentWrap{padding:50px 0;}
  .pageContent_title h1{font-size:28px;}


}

@media screen and ( max-width:799px){
  .pageContent_title h1{font-size:22px;}

  .pageTitle .pageTitle_text p{font-size:16px;}
  .pageTitle .pageTitle_text h1{font-size:20px;font-weight:700;}
  .pageTabWrap .pageTab >li:first-child{display:none;}
  .pageTabWrap .pageTab >li{width:50%;}

  .mb_br{display:block;}

  /* 페이지 */

}