@charset "utf-8";


/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\
1. CaroArea
2. 추출게시물
	


/*===================================================== */
/* main
/*===================================================== */

#main {
    
	margin:0;
	padding: 0;
	
}
#contact-form input +.error{color:red; padding-left:5px; font-size:11px;}
#contact-form textarea +.error{color:red; padding-left:5px; font-size:11px;}

#contact-form1 input +.error{color:red; padding-left:5px; font-size:11px;}
#contact-form1 textarea +.error{display:inline-block; color:red; padding-left:5px; font-size:11px;}

#member_form input +.error{color:red; padding-left:5px; font-size:11px;}
#member_form textarea +.error{color:red; padding-left:5px; font-size:11px;}

#agree1 input +.error{display:inline-block; color:red; padding-left:5px; font-size:11px;}
#agree1 textarea +.error{display:inline-block; color:red; padding-left:5px; font-size:11px;}

#user_newform input +.error{ color:red; padding-left:5px; font-size:11px;}
#user_newform textarea +.error{ color:red; padding-left:5px; font-size:11px;}
#user_newform select +.error{ color:red; padding-left:5px; font-size:11px;}




/*****************************************************************
 1. CaroArea
*****************************************************************/
.CaroArea {
	margin-top:115px;
    width:100%;
	height:400px;
	border: 0px solid #f00;
}


/*****************************************************************
  Carocfg
*****************************************************************/
.Carocfg .carousel-inner .item {
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	}
.Carocfg .carousel-inner .item:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0;
    background: rgba(113, 141, 136, 0.0);
    width: 100%;
    height: 100%;
    z-index: 2;
}


.Carocfg .carousel-caption {
   
    position: absolute;
    right: 0%;
    left: 0%;
    top: 0;
    bottom: 0;
    z-index: 10;
    padding: 0;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    width: 90%;
    height: 100%;
    display: table;    
    margin:0 auto;
    max-width: 1100px;
}

.carouselflex{
    
   display: flex;  
   height: 390px;
   align-items: center;
   justify-content:space-evenly;
}

.Carocfg .carousel-caption .box{
   
    flex-basis:100%;
    text-align: center;
  
}

.Carocfg .carousel-caption .box1{
    border:1px solid #ffffff;
    align-items: center;
    flex-basis:40%;
    
}

.Carocfg .carousel-caption .box1 {
    
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    
}

.Carocfg .carousel-caption .box {
    
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    
}

.Carocfg #myCarousel .carousel-control {
    z-index: 11;
    width: 7%;
}
.Carocfg #myCarousel .carousel-control .glyphicon-menu-left {
    position: absolute;
    top: 45%;
    left: 30%;
    z-index: 5;
    margin-top: -10px;
    display: inline-block;
    font-size: 30px;
    background-color: rgba(10, 10, 10, 0.85);
    border-radius: 2px;
    padding: 10px;
}
.Carocfg #myCarousel .carousel-control .glyphicon-menu-right {
    position: absolute;
    top: 45%;
    right: 30%;
    z-index: 5;
    margin-top: -10px;
    display: inline-block;
    font-size: 30px;
    background-color: rgba(10, 10, 10, 0.85);
    border-radius: 2px;
    padding: 10px;
}

.Carocfg .carousel-caption .box .abcd {
    margin: 15px 0 15px 0;   
}

.Carocfg .carousel-caption .box .carotitle .main-title {
    font-size: 5.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center;   
}


.btn-basic{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
    padding: 15px 34px;
    min-width: 100px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.025px;
    color: #ffffff !important;
    border: 2px solid #ddd;   
    transition: color 300ms, background 300ms,border 300ms;
    border-radius: 100px;
    border-color: #146af0;
    background: #146af0;
}



/*.Carocfg .carousel-caption .box p {       
    padding: 15px 0 20px;	
    line-height: 120%;
    text-shadow: none;
    font-size: 17px;
    font-weight: 400;
    color:#fff;
}*/

.carosub{
    text-align: center;
    font-size: 17px;
}

.carosub1{
    text-align: center;
    font-size: 17px;
}

.carosubsub{
    font-size: 2.0rem;
    line-height: 150%;
    width:80%;
    display: block;
    margin:0 auto;
}

.carosubsub1{
    font-size: 2.0rem;
    line-height: 150%;
    width:80%;
    display: block;
    margin:0px auto;
   
}


.Carocfg .carousel-caption .box h2 {
    font-size: 2.214em;
    line-height: 110%;
}
.Carocfg .carousel-caption .box p {
    font-size: 1.6rem;
    line-height: 110%;
}




.Carocfg .box a.btn {
    background-color: rgba(50, 50, 50, 0.4);
    border: 0px solid #000;
    font-size: 1.0em;
    color: #aaa;
}
.Carocfg .box a.btn:hover {
    background-color: rgba(50, 50, 50, 0.6);
}

#carouse1{
    width: 100%;
    background-image: url("/img/main/main_ca/index_01_1920.jpg");  
      }

  #carouse2{
    width: 100%;
    background-image: url("/img/main/main_ca/index_16_1920.jpg");  
      }

  #carouse3{
    width: 100%;
    background-image: url("/img/main/main_ca/index_14_1920.jpg");  
      }

  #carouse4{
    width: 100%;
    background-image: url("/img/main/main_ca/index_02_1920.jpg");  
      }
  #carouse5{
    width: 100%;
    background-image: url("/img/main/main_ca/index_07_1920.jpg"); 
      }

      
    .box1{
        display: none;        
    }



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

.CaroArea {
	margin-top:110px;
  width:100%;
	height:100%;
	border: 0px solid #f00;
}
    .CaroArea {
	margin-top:110px;
    }
	
	.Carocfg .carousel-inner > .item > img {
    height:450px
    }

	.Carocfg .carousel-caption {
    top: 0px; 
    }
	
	.Carocfg .carousel-inner .item {
        height: 400px;
    }
    .Carocfg .carousel-caption .box h2 {
        font-size: 2.214em;
        line-height: 110%;
    }
    .Carocfg .carousel-caption .box p {
        font-size: 1.6rem;
        line-height: 110%;
    }
    .Carocfg #myCarousel .carousel-control .glyphicon-menu-left {
        
        padding: 5px;
    }
    .Carocfg #myCarousel .carousel-control .glyphicon-menu-right {
        
        padding: 5px;
    }
}


@media screen and (max-width:1000px) {
	.CaroArea {
	margin-top:80px;
    }
	.CaroArea {
	height:400px;
	}
	.Carocfg .carousel-inner > .item > img {
    height:450px;
    }
	
	.Carocfg .carousel-caption {
    top: 0px;
    }
	
	.Carocfg .carousel-inner .item {
        height: 400px;
    }
    .Carocfg .carousel-caption .box h2 {
        font-size: 2.214em;
        line-height: 110%;
    }
    .Carocfg .carousel-caption .box p {
        font-size: 1.214em;
        line-height: 110%;
    }
    .Carocfg #myCarousel .carousel-control .glyphicon-menu-left {
        top: 46%;
        left: 120%;
        padding: 5px;
    }
    .Carocfg #myCarousel .carousel-control .glyphicon-menu-right {
        top: 46%;
        right: 20%;
        padding: 5px;
    }

    .box1{
        display: none;        
    }
    .Carocfg .carousel-caption .box{
        flex-basis: 100%;
        text-align: center;
    }
    .Carocfg .carousel-caption .box .carotitle .main-title{
        text-align: center;
    }
    .carosub{
        text-align: center;
    }
    .carosubsub{
        font-size: 1.8rem;
    }
     .carosubsub1{
        font-size: 1.8rem;
    }

    #carouse2{
        margin-top: 35px;
    }
}
	
@media screen and (max-width:991px) {
    #carouse2{
        margin-top: 0px;
    }

}

	
	
@media screen and (max-width:751px) {
    .CaroArea {
	margin-top:60px;
	height:300px;
    }
	
	.Carocfg .carousel-inner .item {
    height: 300px;
    }
	.Carocfg .carousel-caption {
    top: 0px;
    }
    .Carocfg .carousel-caption .box h2 {
        font-size: 1.857em;
        line-height: 110%;
    }
    .Carocfg .carousel-caption .box p {
        font-size: 1.100em;
        line-height: 110%;
    }
    .Carocfg #myCarousel .carousel-control .glyphicon-menu-left {
        left: 15%;
        padding: 2px;
    }
    .Carocfg #myCarousel .carousel-control .glyphicon-menu-right {
        right: 15%;
        padding: 2px;
    }
		
	.Carocfg .box a.btn {
	background-color: rgba(50, 50, 50, 0.4);
    border: 0px solid #000;
    font-size: 0.6em;
    color: #aaa;
}
	.Carocfg .box a.btn:hover {
    background-color: rgba(50, 50, 50, 0.6);
}

.Carocfg .carousel-caption .box .carotitle .main-title {
    font-size: 4.4rem;    
}

.Carocfg .carousel-caption .box .abcd {
    margin: 20px 0 20px 0;
}

.carouselflex{
    height: 280px;
}

.carosubsub{
    font-size: 1.6rem;
}
.carosubsub1{
    font-size: 1.6rem;
}

.btn-basic{
    padding: 12px 30px;
}

#carouse1{
    width: 100%;
    background-image: url("/img/main/main_ca/index_01_1280.jpg");  
      }

  #carouse2{
    width: 100%;
    background-image: url("/img/main/main_ca/index_16_1280.jpg");  
      }

  #carouse3{
    width: 100%;
    background-image: url("/img/main/main_ca/index_14_1280.jpg");  
      }

  #carouse4{
    width: 100%;
    background-image: url("/img/main/main_ca/index_02_1280.jpg");  
      }
  #carouse5{
    width: 100%;
    background-image: url("/img/main/main_ca/index_07_1280.jpg"); 
      }
}

@media screen and (max-width:751px) {
    .Carocfg .carousel-caption .box .carotitle .main-title {
        font-size: 4.0rem;    
    }
    
    .carosubsub{
        font-size: 1.6rem;
    }
        .carosubsub1{
        font-size: 1.6rem;
    }
    
    .btn-basic{
        padding: 10px 20px;
        font-size: 15px;
    }
    .carosubsub{
        font-size: 1.4rem;
    }
        .carosubsub1{
        font-size: 1.4rem;
    }
    .Carocfg .carousel-caption .box .abcd {
        margin: 10px 0 10px 0;
    }
    .carosubsub br{
        display: none;
    }
    .Carocfg .carousel-caption .box{
        margin-top:10px;
    }
}


@media screen and (max-width:500px){
    #carouse1{
        width: 100%;
        background-image: url("/img/main/main_ca/index_01_400.jpg");  
          }
    
      #carouse2{
        width: 100%;
        background-image: url("/img/main/main_ca/index_16_400.jpg");  
          }
    
      #carouse3{
        width: 100%;
        background-image: url("/img/main/main_ca/index_14_400.jpg");  
          }
    
      #carouse4{
        width: 100%;
        background-image: url("/img/main/main_ca/index_02_400.jpg");  
          }
      #carouse5{
        width: 100%;
        background-image: url("/img/main/main_ca/index_07_400.jpg"); 
          }
}

@media screen and (max-width:431px) {
    .Carocfg .carousel-caption .box .carotitle .main-title {
        font-size: 3.5rem;    
    }

    .Carocfg .carousel-caption .box p {
        font-size: 1.4rem;       
    }

}






/*****************************************************************
  3. 추출게시물
*****************************************************************/

/*****************************************************************
  3-1. 탭바 게시판
*****************************************************************/

.sub_content{
	margin-bottom: 30px;
}

.dividerHeading{
	padding: 30px 0 0 0;
}

/* 제목 폰트 부분 */
.dividerHeading h4,
.widget_title h4
{
	font-family:'sans-serif'; 
    border-bottom: 1px solid #aaa;
    font-size: 1.125em;
	font-weight: 800;
	line-height:1;
	color:#444;
	margin:0 0 15px 0;
    padding: 0 0 10px;
    position: relative;
}
	 
.dividerHeading h4:before,
.widget_title h4:before{
	border-radius: 0 5px 5px 0;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px;
}
	 
.dividerHeading h4:before,
.widget_title h4:before
{
    background: #727CB6;
}



/* 탭 상단 부분 */
.sub_content .nav-tabs
{
    border:none;
}


/* 탭 밑 선 */
.sub_content .nav-tabs > li{
	margin-bottom: -2px;
}

/* 탭 글자 */
.sub_content .nav-tabs > li > a{
	
	font-weight: 400;
	font-size: 0.965em;
	background:#F8F8F8;
    border:1px solid #ebebeb;
    margin:0;
	padding: 8px 10px 8px 10px;
    /*color:#777777;*/
    color: #393939;
    border-radius:0;
}

/* 탭 상단 바 */
.sub_content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
    border-color:#ebebeb;
    outline:none;
    background:white;
    color:#727CB6;
    margin:0 0 -1px 0;
    border-bottom:none;
    border-top: 3px solid #727CB6;
}

/* FAQ 버튼 크기 */
.sub_content ul.nav-tabs li.last-tab a
{
    padding:8px 22px;
    outline:none;
}

/* 글자 있는 칸 둘레 */
.sub_content .tab-content
{
    border:1px solid #ebebeb;
    padding:20px 10px;
}


.sub_content .tab-content:first-child { display: block; }




/* more 위치 */
.sub_content .tab-content .t_output span.more {
    color:#888;
	position: absolute;
    top: -45px;
    right: -8px;
	
}

/* 게시판 글자 크기 */
.t_output {
    position: relative;
    font-size: 1.0em;
	font-weight: 400;
}



.t_output span.more {
	position: absolute;
    top: 9px;
    right: 0px;
    font-size: 0.875em;
	
}

.t_output table {
    width: 100%;
}

.t_output_txt .board_output {
    text-align: left;
}



@media screen and (max-width:306px) {
.tab-content .t_output span.more {
    	display: none;	
}
}





/*****************************************************************
   상하줄간격
*****************************************************************/
.t_output_txt .board_output .board_output tbody > tr > td {
    padding: 3px 0;
    height: 0px;
    font-size: 0.938em;
    border-bottom: 1px dotted #ccc;
}

.t_output_txt .board_output tbody > tr > td:nth-child(3) {
    text-align: right;
    font-size: 0.813em;
    color: #888;
    line-height: normal;
}

.t_output_txt .board_output img {
    display: none;
}

.t_output_txt table.board_output tr td {text-align:left}

.t_output_txt table.board_output tr td:last-child {text-align:right !important}

.t_output_txt table.board_output td {color:#ccc; line-height:1.5; overflow:hidden}

.t_output_txt table.board_output td a {
   /* color:#666*/
   color: #372c2c;
}


/*****************************************************************
  3-2. INFORMASTION
*****************************************************************/
.bank {	
	padding: 0px 0px 0px 0px;
}
.bank h3{
	font-size:1.125em; color:#444; line-height:2.0; margin-bottom:5px; font-weight:400;
    border-bottom:1px solid #CFCFCF;}

.bank p{font-family: 'sans-serif';    
    line-height:1.2; font-size:1.063em; 
    /*color:#777;*/
    color:#372c2c;
     margin: 0 auto;
    }


.bank p span{font-family: 'sans-serif'; font-weight:500;vertical-align: text-bottom;}


.information{
	margin-top:13px;	
	padding: 0px 0px 0px 0px;
}
.information h3{
	font-size:1.125em; color:#444; line-height:2.0; margin-bottom:6px; font-weight:400;
    border-bottom:1px solid #CFCFCF;}

   .information span{
    color: #372c2c;
    }

.information p{line-height:1.6; font-size:0.938em; color:#777; margin: 0 auto}

.information h4{
	font-size:28px; color:#8843F7; line-height:1.2; margin-bottom:5px; font-weight:400}

.information h4:after {
	display:block; 
	width:100%; 
	height:1px; 
	content:''; 
	margin:10px auto 0px auto; 
	background:#CFCFCF;
}



.information1{
	margin-top:13px;
	
	padding: 0px 0px 0px 0px;
}
.information1 h3{
	font-size:1.125em; color:#444; line-height:2.0; margin-bottom:6px; font-weight:400;
    border-bottom:1px solid #CFCFCF;}


.information1 p{line-height:1.6; font-size:0.938em; color:#777; margin: 0 auto}

.information1 h4{
	font-size:20px; color:#8843F7; line-height:1.2; margin-bottom:10px; font-weight:500}


   .board_output a{
    font-family: 'sans-serif';
   }







/*****************************************************************
  3-3. 고객센터
*****************************************************************/



.CUSTOMER_info h4 {
	font-size:2.500em; color:#444; line-height:0.9; margin-bottom:10px;font-weight:600}


.CUSTOMER_info p {
    font-family:"sans-serif"; 
    line-height:1.7; 
    font-size:0.938em; 
    /*color:#777; */
    color: #372c2c;
    margin-bottom:7px
}

.CUSTOMER_info p span {font-family:"sans-serif"; font-weight:600;}

.CUSTOMER_info a.btnContact {display:block; width:100%; height:50px; font-size:1.6rem; color:#fff; text-align:center; line-height:46px; border:2px solid #000; background:#000; letter-spacing: 3px; font-weight: 500; transition:all .3s ease}

.CUSTOMER_info a.btnContact:hover {color:#000; background:#fff}


/* ======================================================================== */
/* 추가
/* ======================================================================== */

.inforlogo{
    position: relative;
    margin: 0 auto;
    height: 60px;
    width: 100%;
    display: flex;
}


.cacao{    
    padding: 0px 5px 0 5px;
    border: 0px solid #f00;
}

.cacao img{   
    display:block;
    width:50px;
    height:50px;
}
.naver1 {   
    padding: 0px 5px 0 5px;
    border: 0px solid #f00;
}

.naver1 img{   
    width:50px;
    height:50px;
}

.instagram{   
    padding: 0px 5px 0 5px;
    border: 0px solid #f00;
}

.instagram img{ 
    display:block;
    width:50px;
    height:50px;
}


@media screen and (max-width:640px) {
	
	.CUSTOMER_info h4 {font-size:2.200em;}
	
	
}



/* =================================================================== */
/* 3. our_service 사업안내
/*==================================================================== */

/* our_service title */
.our_service_xs{
    padding-top: 20px;
    background: #f4f4f4;    
    padding-bottom: 20px; 
}

.our_service_md{
    max-width: 1150px;
    padding-top: 0;
    overflow: auto;
    margin: 20px auto;
}

.our_service_xs .tit{
    text-align: center;
}

.our_service_xs .tit h2{
    font-family: 'Montserrat';
    line-height: 50px;
    font-size: 3.4rem;
    font-weight: 100;
    color: #8E8E8E;
    margin-bottom: 15px;
}

.our_service_xs .tit p{
    font-family: 'sans-serif';
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

.our_service_xs .tit h2:after {
    display: block;
    width: 10%;
    height: 1px;
    content: '';
    margin: 5px auto 0px auto;
    background: #999;
}

.our_service_grid{
    margin-left: 15px;
    margin-right: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(35rem, auto);
    grid-gap: 3rem;
    
    margin-top: 40px;
    margin-bottom: 40px;
}

.our_service_box1{
    margin:0 auto;
}

.our_service_box_imgarea{
    display: block;    
    margin:0 auto;
    width: 90%;
    overflow: auto;
}

.our_service_box_imgarea img{
    display: block;    
    max-width: 100%;
    margin:20px auto 10px auto;
    height: auto;
}

.our_service_box_title h3{
    display: block;
    text-align: center;  
    font-size:1.8rem; 
	font-weight:400; 
	color:#000; 
	line-height:1;
}

.our_service_box_title span{
    padding: 10px 0 10px 0;
    display: block;
   text-align: center;
	font-family:"Montserrat";
	font-size:0.750em; 
	color:#999;
}

.our_service_contens-form{
    border: 2px ridge #f3f1f1;
}

.our_service_box_txt{
    padding-left: 15px;
    padding-right: 15px;
    height:50px;
   
}

.our_service_box_txt p{
    font-family: 'sans-serif';
    font-weight: 400;
    text-align: center;
    font-size: 1.3rem;
    color: #494949;
    display: block;
    line-height: 1.4;
}

.bottom-button{
text-align: center;
padding:15px 10px 15px 10px;
}


@media screen and (max-width:1081px) {
    .our_service_box_txt{
        height: 70px;
    }
}

@media screen and (max-width:859px) {
    .our_service_box_txt{
        height: 80px;
        padding-left: 5px;
    padding-right: 5px;
    }
}

@media screen and (max-width:745px) {
    .our_service_grid{       
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: minmax(35rem, auto);
        grid-gap: 2rem;
    }

        .our_service_box_txt{
            height: 60px; 
            padding-left: 15px;
            padding-right: 15px;          
        }
        .our_service_box_title{
            margin-top: 20px;
        }
}

@media screen and (max-width:593px){
    .our_service_box_txt{
        height: 80px; 
        padding-left: 5px;
        padding-right: 5px;          
    }
}

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

    .our_service_grid{    
        grid-gap: 1rem;
    }
    .our_service_box_imgarea img{
        margin: 10px auto;
    }
    
    .our_service_box_txt{
        height: 100px; 
        padding-left: 5px;
        padding-right: 5px;          
    }
}

@media screen and (max-width:350px){
    .our_service_grid{       
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(35rem, auto);
        grid-gap: 1rem;
    }
    .our_service_box_txt{
        height: 100%; }



}








/*****************************************************************
  4. 스캔신청 중간 버튼
*****************************************************************/

.our_service25{
    width: 100%;
    padding: 30px;    
   /* background: rgb(2,0,36);
    background: linear-gradient(to top right, rgb(218 217 225) 0%, rgb(215 195 195) 20%, rgba(209, 209, 209, 1) 21%, rgb(199 190 190) 21%, rgb(199 199 199) 50%, rgb(199 199 227) 77%, rgba(209, 209, 209, 1) 78%, rgb(175 132 132) 100%);*/
   /* background: url(../img/main/mainbanner_bg.jpg) center top no-repeat;
    background-size: cover;*/
    background: rgba(92,129,202,1);
    background:
      -webkit-linear-gradient(
          left, 
          rgba(92,129,202,1) 0%, 
          rgba(249,140,112,1) 100%
    );
 
}

.center_inner{
    max-width: 900px;
    margin: 0 auto;   
}

.center_inner_title .big_title{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size:4.0rem;
    padding:0px 0 5px 0;
    /*color: #6b62df;*/
    color: #fff;
    text-shadow: 5px 5px 15px #ada4a4;
}

.center_inner_title .smail_title{
    font-family: 'NanumGothic';
    font-weight: 700;
    font-size:2.0rem;
    /*color: #353232;*/   
    color: #000; 
}

.center_inner_img{
    text-align: center;
}
.center_inner_img img{
    width: 80%;
    
}

.center_button{
    text-align: center;
}

.center_button span{
    display: inline-block;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    padding: 15px 40px;
    border-radius: 2px;
    background: #333;
    transition: all .3s ease;
}


.center_button:hover span {
    color: #333;
    background: #fff;
}

@media screen and (max-width:991px) {
    .center_inner_img img{
        width: 80%;       
    }
}

@media screen and (max-width:620px) {
    .our_service25{
        width: 100%;
        padding: 30px 15px 30px 15px;
    }	
    .center_inner_img img{
        width:100%;
       
    }

    .center_inner_title .big_title{        
        font-size:2.8rem;  
        padding-left: 10px;     
    }
    
    .center_inner_title .smail_title{       
        font-size:1.8rem;   
        padding-left: 10px;       
    }
}

@media screen and (max-width:450px){
    .center_button span {      
        padding: 10px 30px;
    }
}

@media screen and (max-width:350px){
    .center_button span {      
        padding: 10px 30px;
    }
    .center_inner_title .big_title{  
        padding-left: 0px;     
    }
    
    .center_inner_title .smail_title{   
        padding-left: 0px;       
    }
}

.our_service4 {margin-top:0px; padding:70px 40px;
	background:url(../img/main/mainbanner_bg.jpg) center top no-repeat; background-size:cover}

.our_service4 .inner{max-width:720px; margin:0 auto; text-align:center}

.our_service4 .inner h2 {font-size:1.923em; font-weight:400; color:#444; line-height:1.3; margin-bottom:20px}

.our_service4 .inner span {display:inline-block; font-weight:400; color:#fff; line-height:1; padding:15px 40px; border-radius:2px; background:#333; transition:all .3s ease}

.our_service4 .inner:hover span {color:#333; background:#fff}


@media screen and (max-width:480px) {	
	.our_service4 .inner h2{font-size:1.563em;}
	.our_service4 .inner span{padding:10px 25px;font-size:0.938em;line-height:0.8;}
}


/* ======================================================================== */
/* 5. 부가서비스 안내
/* ======================================================================== */

/* our_service1 */
/*.our_service2 .col-xs-12{
    padding-right:5px;
    padding-left:5px;
}*/

.our_service2{
	text-align:justify;
    padding-top:100%;
    padding:10px 0px 40px 0px;
}

.our_service2 .service_title h3 {
	font-size:1.286em; 
	font-weight:400; 
	color:#000; 
	line-height:1;
}

.our_service2 .service_title span {	
	font-family:"Montserrat";
	font-size:0.750em; 
	color:#999;
}


.our_service2 .service_title {
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}


.our_service2 .effect{	
	display: block;
	width: 100%;    
	border: 2px ridge #f3f1f1;
    overflow: hidden;
    height: 380px;
}

.our_service2 .imgArea {    
text-align: center; 
    width: 100%;       
}

.our_service2 .imgArea img {
	display:block; 
	width:90%;   
    margin: 5% auto 5% auto;
}

.our_service2 .effect .description {
    display: block;
	width: 100%;	
	text-align: center;
    margin:0;
    padding: 0 25px 0 25px;
	color:#888;	
    box-sizing : border-box;
}

.our_service2 .effect .description p {
	font-family:'sans-serif';
	font-weight:400; 
	text-align: center;
    font-size: 0.938em;
    color: #494949;
    display: block;
    padding-bottom: 20px;
    height: 80px;
}
	
.our_service2 .effect .description span {
    display: block;
	text-align: center;
    padding-top: 4px;   
    position: relative;
}

/*
.our_service2 .effect .description span:before{
    position: absolute;
    left: 10%;
    top: 10%;
    padding-right: 10%;
    padding-left: 10%;
    content: '';
    height: 1px;
    background-color: #b7b7b7;
    width: 80%;
    margin: 0;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: 500;
}*/

.our_service2 .effect .description span a {
	font-family:'Montserra';
    font-size: 0.875em;
    display: block;
    margin:0 auto;
    width: 30%;  
}


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

    .our_service2 .imgArea {
        margin:0px auto 0px auto; 
        width: 90%;        
        overflow:hidden;
        }
        
    .our_service2 .imgArea img {
        display:block; 
        width:100%;
        }
        .our_service2 .effect{
            height: 440px;
        }
    
    }



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

    .our_service2 .imgArea {
        margin: 20px auto 20px auto;
        width:100%;
      overflow: hidden;
        
    }
    
        .our_service2 .effect .description {
        
        text-align: center;
        margin: 0 auto 15px;
        color:#888;	
        height: 210px;
    }
    
    
    .our_service2 .imgArea img {
        display:block; 
        width:100%;
    }
        
    }




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

	.our_service2 .effect .description {
        width: 90%;
        height: 33px;
        text-align: center;
        margin: 0 auto 10px;
        color:#888;	
    }
    .our_service2 .imgArea {
        width: 90%;
      height: 100%;
        margin: 20px auto 20px auto;
        overflow: hidden;
    }
        
    .our_service2 .imgArea img {
        width:100%;
        }
   
    
    .our_service2 .effect .description p {
        margin:0 auto 10px 0;        
       
    }
    
}

.info_service {
	background:#f4f4f4;	
}

.info_service2 {
	margin:0 auto; text-align:center; padding: 0
}

.info_service2 h2 {	
	font-family: 'Montserrat';
	line-height: 40px;
	font-size:2.438em; 
	font-weight:100; 
	color:#8E8E8E; 
	margin-top: 25px;
    margin-bottom: 15px;  
 }

.info_service2 h2:after {
	display:block; 
	width:10%; 
	height:1px; 
	content:''; 
	margin:10px auto 0px auto; 
	background:#999;
}

.info_service2 p{
	font-family: 'sans-serif';
    font-size:20px;
	font-weight:400; 
	margin-bottom: 10px;
}


.service-content h3{
	font-family: 'sans-serif';
	line-height: 25px;
	font-size:32px; 
	font-weight:100; 
	color:#515151 !important; 
	margin-top: 25px;
    margin-bottom: 15px!important;
}

.service-content h3:after {
	display:block; 
	width:70%; 
	height:1px; 
	content:''; 
	margin-top:5px; 
	margin-left:0px; 
	background:#999;
}

.service-content p{
	font-family: 'sans-serif';
	margin-bottom: 20px;
}



/* service Box 2
====================================*/
.serviceBox_2{
	margin-top: 25px;
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 82%);
    box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.07);
    padding: 20px;
}
.serviceBox_2 .service-icon{
    float: left;
}
.serviceBox_2 .service-content h3{
	font-family: 'sans-serif';
	font-weight:600; 
    margin: 11px 0 30px 67px;
    color: #000;
    font-size: 16px;
    
}
.serviceBox_2 .service-content p{
    font-size: 13px;
    line-height: 22px;
    margin: 0;
}
.serviceBox_2 .service-icon i{
    background: #727cb6;
    box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.1);
    color: hsl(0, 0%, 100%);
    font-size: 26px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    transition:all 0.2s ease-in-out;
}
.serviceBox_2:hover .service-icon i{
    background: hsl(208, 17%, 20%);
    border-radius: 50%;
    transform: translate(0px, 3px);
    transition:all 0.5s ease-in-out;
}



/* ======================================================================== */
/* 6. tori_history
/* ======================================================================== */

.slick_slider {margin:10px auto 30px auto; text-align:center; padding: 0}
.slick_slider h2 {	
	font-family: 'Montserrat';
	line-height: 40px;
	font-size:2.438em; 
	font-weight:100; 
	color:#8E8E8E; 
	margin-top: 25px;
    margin-bottom: 15px;  
 }

.slick_slider h2:after {
	display:block; 
	width:10%; 
	height:1px; 
	content:''; 
	margin:10px auto 0px auto; 
	background:#999;
}

.slick_slider p{
	font-family: 'sans-serif';
    font-size:20px;
	font-weight:400; 
	margin-bottom: 20px;
}




.slick_slider a.btnContact {font-family: 'sans-serif'; display:block; width:100%; height:150px; font-size:inherit; color:#fff; text-align:center; line-height:46px; border:2px solid #000; background:#000; transition:all .3s ease}

.slick_slider a.btnContact:hover {color:#000; background:#fff}



 #page_head .headimg {
 background-color:#000;
 
 height: 300px;
}

.productimg{
    background-image: url("../img/sub/sub_visual3_2910.jpg");
}
.companyimg{
    background-image: url("../img/main/main_ca/index_15_1920.jpg");
}

.businessimg{
    background-image: url("/img/sub/sub_visual14_2910_2.jpg");
}

.imfotimg{
    background-image: url("/img/sub/sub_visual15_2910_2.jpg");
}


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

    .productimg{
        background-image: url("../img/sub/sub_visual3.jpg");
    }

    .businessimg{
        background-image: url("/img/sub/sub_visual14_1920.jpg");
    }
    
    .imfotimg{
        background-image: url("/img/sub/sub_visual15_1920.jpg");
    }
}

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


    .productimg{
        background-image: url("../img/sub/sub_visual3_800.jpg");
    }

      .businessimg{
        background-image: url("/img/sub/sub_visual14_800.jpg");
    }
    .imfotimg{
        background-image: url("/img/sub/sub_visual15_800.jpg");
    }

  #carouse3{
    width: 100%;
    background-image: url("/img/main/main_ca/index_14_1280.jpg");  
      }

  #carouse4{
    width: 100%;
    background-image: url("/img/main/main_ca/index_02_1280.jpg");  
      }
  #carouse5{
    width: 100%;
    background-image: url("/img/main/main_ca/index_07_1280.jpg"); 
      }

}


@media screen and (max-width:500px){
    .productimg{
        background-image: url("../img/sub/sub_visual3_500.jpg");
    }
    
          .businessimg{
            background-image: url("/img/sub/sub_visual14_500.jpg");
        }
        .imfotimg{
            background-image: url("/img/sub/sub_visual15_500.jpg");
        }

      #carouse3{
        width: 100%;
        background-image: url("/img/main/main_ca/index_14_400.jpg");  
          }
    
      #carouse4{
        width: 100%;
        background-image: url("/img/main/main_ca/index_02_400.jpg");  
          }
      #carouse5{
        width: 100%;
        background-image: url("/img/main/main_ca/index_07_400.jpg"); 
          }
}




 


/* 메인 하단 슬릭슬라이드 */

.slider div img {
    max-width: 100%;    
    height: auto;
    
  }
  
  .slider {
    width: 100%;
    margin: 0px auto;
  }
  
  .slider .slick-slide {
    margin: 10px;
    position: relative; 
  }
  
  .slick-prev {
      color: #aaa;
  }
  
  .slick-prev:before{
      color: #aaa;
      position: absolute;
      left: 0; 
      top: 0; 
      content: '';
      border-top: 5px solid #000; /* 선 두께 */
      border-right: 5px solid #000; /* 선 두께 */
      transform: rotate(225deg); /* 각도 */
    }
  
  .slick-next:before {
  color: #aaa;
  position: absolute;
  left: 0; 
  top: 0; 
  content: '';
  /* 사이즈 */
  /* 사이즈 */
  border-top: 5px solid #000; /* 선 두께 */
  border-right: 5px solid #000; /* 선 두께 */
  transform: rotate(45deg); /* 각도 */
  }
  
  
    .slider div img{
   border: 1px solid #ddd;
   margin:5px 5px 10px 5px;
    }
  
    .slick-prev:before, .slick-next:before{
      color: #ccc;
    }
    
  .slick_slider .description {   
      padding: 0px 0 0 0;
      width: 280px;
      height: 100%;
      text-align: center;
      margin: 0 auto;	
  }
   
  
  
  .slick_slider .description span {
      display: block;
      text-align: center;
      padding-top: 10px;
  }
  
  
  .slick_slider .description span a {
      font-family:'Montserra';
      font-size: 0.875em;
  }
  
    @media screen and (max-width:1024px) {    
      .slider {width: 87%; margin: 0px auto;}
      .slider div img{margin:10px 0px 15px 0px;}
      }
  
    
    @media screen and (max-width:780px) {
      .slider {width: 85%;}
        .slider div img{margin:10px 0px 15px 0px;}
      }
  
    @media screen and (max-width:540px) {      
      .slider {width: 85%;}
        }
  
  
  
    @media screen and (max-width:380px) {    
      .slider {width: 95%;}
        }  
   
  /* 메인 하단 슬릭슬라이드 */



    /* 메인 레티나비교 */
   .our_service_ms2{
    padding-top: 20px;
    display: block;
    background:#f4f4f4;
   }

   .our_service2{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0px 30px;
   }

   .our_service2 .tit{
    text-align:center; 
    padding-bottom: 20px;
}

.our_service2 h2 {
	font-family: 'Montserrat';
	line-height: 50px;
	font-size:2.438em; 
	font-weight:100; 
	color:#8E8E8E; 
	margin-bottom: 15px;  
}

.our_service2 .tit p{
    font-family: 'sans-serif';
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;   
	}

.our_service2 h2:after {
    display: block;
    width: 10%;
    height: 1px;
    content: '';
    margin: 10px auto 0px auto;
    background: #999;
}



@media screen and (max-width:585px) {    
    .our_service2 .tit p br{
        display: none;
    }
    .our_service2 .tit p{        
        text-align: center;
    }
      }  


.main-title2{  
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .main-title2:after{
  display: block;
  width: 95%;
  height: 1px;
  content: '';
  margin: 10px auto 0px auto;
  background: #6d6d6d;  
}


.main-topsub{     
 font-family: "Montserrat";
 font-size: 1.4rem;
 color: #917d7d;
}

.main-topsub1{        
    font-family: 'Roboto';
    font-size: 2.4rem;   
    font-weight: 500;
    color: #204ae9;
   }


 .main-flexbox1 h3,
 .main-flexbox2 h3{
     margin-top:10px;
     font-size: 3.8rem;
     font-weight: 700;
     color: #4d4141;        
 }

 .main-flexbox1 p,
 .main-flexbox2 p{
     font-size: 1.7rem;
     line-height: 180%;       
 }

 .main-flexbtn{
     margin-top: 20px;
 }

 .checkmarks{
     margin-top:30px;
     font-size:18px;
     margin-bottom: 37px;
    }

   .checkmarks1{
     display: flex;
     justify-content: space-evenly;
     flex-wrap: wrap;
    }

   .checkmarks1 span{
     flex-basis:50%;
     padding:5px;
 }

 .main-topsubtop{
    padding-bottom: 30px;
 }

 .main-topsubtop:before{
    display: block;
    width: 95%;
    height: 1px;
    content: '';
    margin: 10px auto 0px auto;
    background: #6d6d6d;  
 }




 @media screen and (max-width:991px) {
	
	.main-title2from{
        margin: 0 auto;
    }
   .main-flex,
   .main-flex1{
    display: flex;   
    flex-direction: column;
    gap: 20px;   
    margin: 30px auto;   
    }

    .main-flexbox1,
    .main-flexbox2{
        padding-left: 0%;
        text-align: center;
    }

    .main-flexbtn{
        margin-top: 0px;
        text-align: center;
    }
    
    .main-compare{
        flex: 0;
        padding: 10px;
        width: 90%;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .checkmarks{
        margin-top: 20px;
    font-size: 18px;
    margin-bottom: 20px;
    }

    .main-flex1 .main-flexbox2{
        order: 1;
    }
    .main-flex1 .main-compare{
        order: 2;
    }
}

    @media screen and (min-width:992px) {
        .main-title2from{     
            padding-top: 0;
            margin-top: 30px;
            margin-bottom: 20px;
            margin:0 auto;
            max-width: 1200px;
        }
        .main-flex{
            display: flex;
            justify-content: center;
            gap:20px;
            max-width: 1200px;
            margin: 20px auto;
            height: 400px;
            align-items: center;
        }
        .main-flexbox1{        
            flex:1;
            padding-left: 5%;    
        }
        .main-flexbtn{
            text-align: left;  
         }
         .main-compare{
            flex:1;        
            padding:20px;
        }

        .main-flex1{
            display: flex;
            justify-content: center;
            gap:20px;
            max-width: 1200px;
            margin: 20px auto;
            height: 400px;
            align-items: center;
        }
        
        .main-flexbox2{        
            flex:1;
            padding-right: 5%;    
        }
       
        .main-flex1{
            display: flex;
            justify-content: center;
            gap:20px;
            max-width: 1200px;
            margin: 20px auto;
            height: 400px;
            align-items: center;
        }
        
        .main-flexbox2{        
            flex:1;
            padding-right: 5%;    
        }
        .main-topsubtop{
            display: none;
        }
}

@media screen and (max-width:580px){
    .checkmarks p br{
        display: none;
    }
}

@media screen and (max-width:470px){
    .main-flexbox1 p, .main-flexbox2 p{
        font-size: 1.5rem;
    }
    .main-flexbox1 h3, .main-flexbox2 h3{
        font-size: 3.5rem;
    }
   .main-compare{
    padding:10px 0 10px 0;
    width:100%;
    }
}

@media screen and (max-width:400px){
    .main-flex1,
    .main-flex{
        gap:5px;
    }
    .main-flexbox1 p, .main-flexbox2 p{
        font-size: 1.5rem;
    }
    .main-flexbox1 h3, .main-flexbox2 h3{
        font-size: 3.5rem;
    }
   .main-compare{
    padding:10px 0 10px 0;
    width:100%;
    }

    .main-title2 { 
        padding-left: 5px;
        padding-right: 5px;
}
    .checkmarks{
     margin-bottom: 10px;
}
.main-flexbox1 p, .main-flexbox2 p{
    font-size: 1.4rem;
    padding-left: 5px;
    padding-right: 5px;
}
.main-flexbox1 h3, .main-flexbox2 h3{
    font-size: 3.1rem;
}
}


/***********gird**************/


.main-title3{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}


.main-title4{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}




.main-grid1{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    justify-content: center;
    grid-gap: 0 20px;
    max-width: 1120px;
    margin: 30px auto;
    align-items: center;
    padding: 20px 0px 30px 0;
    border-bottom: 1px solid #ddd;  
    border-top: 1px solid #ddd;  
}

.main-grid2{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    justify-content: center;
    grid-gap: 0 20px;
    max-width: 1120px;
    margin: 30px auto;   
    align-items: center; 
    padding: 20px 0px 50px 0;
    border-bottom: 1px solid #ddd;
}

.main-grid3{
    display: block;
    grid-template-columns: repeat(2, 50%);
    justify-content: center;
    grid-gap: 0 20px;
    max-width: 1100px;
    margin: 0px auto;   
    align-items: center;   
    padding-bottom: 10px; 
    padding: 0px 0px 50px 0;
    
}

.main-grid5{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    justify-content: center;
    grid-gap: 0 20px;
    max-width: 1120px;
    margin: 30px auto;
    align-items: center;
    padding: 20px 0px 30px 0;
    border-bottom: 1px solid #ddd;
}

.main-grid15{
    display: block;
    grid-template-columns: repeat(2, 50%);
    justify-content: center;
    grid-gap: 0 20px;
    max-width: 1100px;
    margin: 0px auto;   
    align-items: center;   
    padding-bottom: 10px; 
    padding: 50px 0px 50px 0;
    
}


.grid_item22{
    grid-column: 2/3;
    grid-row: 1/3;    
    align-self: center;  
    padding: 15px;
}

.grid_item33{
    align-self: baseline;
}

.grid_item66{
    align-self: baseline;
}

.grid_item44{
    grid-column: 1/2;
    grid-row: 1/3;    
    align-self: center;     
}

.grid_item11{    
    padding-left:6%;
}

.grid_item11 h3,
.grid_item22 h3,
.grid_item33 h3,
.grid_item44 h3,
.grid_item55 h3,
.grid_item66 h3,
.grid_item77 h3{
    margin-top: 20px;
    font-size: 3.8rem;
    font-weight: 700;
    color: #4d4141;
}

.grid_item11 p, 
.grid_item22 p,
.grid_item33 p,
.grid_item44 p,
.grid_item55 p,
.grid_item66 p,
.grid_item77 p{
    font-size: 1.7rem;
    line-height: 180%; 
    color:#0c0c0c;   
}

.grid_item33 .main-flexbtn1{
    padding-left:6%;
}

.grid_item55{
    padding-right: 6%;
}


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

    .main-grid1,
    .main-grid5{
        display: block;   
        overflow: auto; 
    }

    .main-grid1{
        padding: 40px 0px 30px 0;
    }
    .grid_item11,
    .grid_item55,
    .grid_item77{
        padding-left:0%;
        text-align: center;
    }
    .main-compare1{       
        padding: 10px;
        width: 90%;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .main-compare2{  
        padding-top:10px;         
        width: 100%;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .grid_item33 .main-flexbtn1,
    .grid_item66 .main-flexbtn1{
        margin-top:30px;
        text-align: center;
        padding-left:0%;
    }
    .grid_item22{
        overflow: auto;
        padding: 0px;
    }
    .checkmarksub{
        text-align: center;
        display: block;
        width: 85%;
        margin: 0 auto;
    }
    .main-grid2,
    .main-grid3,
    .main-grid15{
        grid-template-columns: none;
    }
    .main-grid2 .grid_item44{
        order:2;
    }
    .main-grid2 .grid_item55{
        order:1;
    }
    .main-grid2 .grid_item66{
        order:3;
    }

    .grid_item44{
        grid-column: unset;
        grid-row: unset;
    }

    .grid_item55{
        padding-right: 0%;
    }

    .grid_item88{
        order:2;
    }

    .grid_item77{
        order:1;
    }

}

@media screen and (max-width:554px){
    .main-compare1{
        width: 100%;
    }
}

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

    .main-grid1,
    .main-grid2,
    .main-grid3,
    .main-grid5,
    .main-grid15{
        padding: 30px 0 30px 0;
    }

    .main-grid3,
    .main-grid15{      
        padding-left: 0px;
        padding-right: 0px;
    }
    .grid_item22{
        padding: 0;
    }
    .main-grid1 p, 
    .main-grid2 p
    .main-grid5 p{
        font-size: 1.5rem;
    }
    .main-grid1 h3, 
    .main-grid2 h3,
    .main-grid5 h3{
        font-size: 3.5rem;
    }
   .main-compare1{
    padding:10px 0 10px 0;
    width:100%;
    }
}

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


    
    .main-grid,
    .main-grid1,
    .main-grid5{
        gap:5px;
    }
    .main-grid1 p, 
    .main-grid2 p,
    .main-grid5 p{
        font-size: 1.5rem;
    }
    .main-grid1 h3, 
    .main-grid2 h3,
    .main-grid5 h3{
        font-size: 3.5rem;
    }
   .main-compare1{
    padding:10px 0 10px 0;
    width:100%;
    }

    .main-title3 { 
        padding-left: 5px;
        padding-right: 5px;
}
    .checkmarks{
     margin-bottom: 10px;
}
.main-grid1 p, 
.main-grid2 p,
.main-grid5 p{
    font-size: 1.4rem;
    padding-left: 5px;
    padding-right: 5px;
}
.main-grid1 h3, 
.main-grid2 h3,
.main-grid5 h3{
    font-size: 3.1rem;
}
}

.kakaochat{
    display: flex;
    align-items: center;
}

.terms{
    max-width: 900px;
    margin:0 auto;
}
.terms table p{
    font-size:14px; 
    color: #777777;   
    padding-left:10px;
}

.terms table .termstitle{
    font-size:16px;
    color: #333333;
    padding:10px 0 10px 0;
}

.terms table .termstitle1{
    font-size:23px;
    color: #333333;
    padding:10px 0 40px 0;
}

/****************** 레티나6가지 ***************/

.Detailpagemain {
    max-width: 1500px;
    margin: 0px auto 0px auto;
    width: 100%;
    height: 100%;
    display: block;   
    background-color: #fff;   
}

.Detailpagetop1main {
   padding: 10px 0 0px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;   
     
}


.Detailtitleexmain {
    width: 100%;
    height: 100%;   
    margin-top: 15px;         
    display: block;    
}

.Detailtitlesubexmain {    
    margin-bottom: 20px;  
    font-family: 'sans-serif';
    border-bottom: 1px solid #aaa;
    font-size: 1.225em;
    font-weight: 800;
    line-height: 1;
    color: #444;
    margin: 0 0 0px 0;
    padding: 0 0 10px;
    position: relative;  
}



.Detailtitlesub2exmain {
    line-height: 1.7;
    font-size: 23px;
    color: #000;
    margin-bottom: 40px;
}

.Detailtitlesub3exmain {
    line-height: 1.7;
    font-size: 20px;
    color: #000;
    margin-bottom: 40px;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 40px;
}


.Detealformflexmain{
    display: flex;
    flex-wrap: wrap;
    margin:0 auto;
    justify-content: space-between;
    gap:0px 30px;

}

.Detealiconexmain {
    flex-basis: 23%;
    align-items: normal;
    box-sizing: border-box;
    display: flex;
    border-bottom: 1px solid #a1a0a0;
    padding: 6px 0 9px 0;
    align-items: center;
}



.Detealsubmain {
    flex-basis: 100%;
    text-align: center;    
}

.Detealsubmain h4 {
    line-height: 1.2;
    font-size: 18px;
    color: #2f2424;
    margin-bottom: 5px;
}

.DetealsubPmain {
    font-size: 14px;
    margin-top: 5px;
}

.detealmenu {
    vertical-align: top;
    font-size: 16px;  
    font-weight: 500;
    color: #7d6666;   
}

.detealmenu .Detealsubkmain {
    padding-left: 10px;
    font-size: 16px;  
    font-weight: 500;
    color: #2f2424;    
}

.detealmenu a{
    color: #7d6666;
}

@media all and (max-width: 1199px) {
    .Detealiconexmain {
        flex-basis: 22%;
    }
}

@media all and (max-width: 991px) {
   
    .Detailtitleexmain{
        text-align: left;            
    }
   .Detailtitlesubexmain{   
    margin-bottom: 0px;
    }   
    .Detealformflexmain{        
        display: block;
        
    }
    .Detailtitlesub3exmain{        
        margin: 0 0px 0 0px;   
    }
}

@media all and (max-width: 499px) {
    .Detailtitlesub3exmain {
        width: 90%;
    }
    .Detealiconexmain{
        padding: 15px 0 15px 0;
    }
}

@media screen and (max-width:489px) {
    .Detealsubmain {
        flex-basis: 100%;
    }
    .Detealicon {
        padding: 12px 0;
    }
    .Detailtitlesub2 {
        text-align: left;
        width: 100%;
    }
}

@media all and (max-width: 430px) {
    .DetealsubPmain br {
        display: none;
    }
}

@media all and (max-width: 300px) {
    .Detailtitlesub3exmain {
        width: 100%;
    }
}