@charset "utf-8";



/* ===================================================== */
/* 1. business                     	 */
/* ===================================================== */


/* ===================================================== */
/* 1. 요금표 토글 부분		                     	 */
/* ===================================================== */
.content_price{
    margin:0 auto;
}
.product-price {
    padding:20px 70px 30px 70px;
}
.product-price .toggleArea2 {
    border: 1px solid #d9d6d6;
     position: relative;
     margin: 0px 0px 0px 0px;
     font-size: 12px;
}

.product-price .toggleArea2 > .title12 {
     position: relative;
     padding: 12px 34px 12px 14px;
     cursor: pointer;
     line-height: 1.3em;
     background-color: #f0f0f0;
     color: #508bed;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-price .toggleArea2 > .title12:after{
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 40px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
	background-image: url("../img/icon/ico_arrow_gray_up.png");
}

.product-price .toggleArea2.selected > .title12:after {
    transform: rotate(180deg);
 }
 
.product-price .toggleArea2.disable > .title12:after {
        background-image: none !important;
     
 }

.product-price .toggleArea2 > .title12 h3 {
     display: inline-block;
     font-size: 16px;
 }

 .product-price .toggleArea2 > .title12 span {
      padding-left:3px;
 }

 @media screen and (max-width:1200px) {
    .product-price {
        padding:10px 50px 10px 50px;
    }
 }

 @media screen and (max-width:990px) {
    .product-price {
        padding:0px 0px 30px 0px ;
    }
 }

/* ===================================================== */
/* 11. 스캔요금		                     	 */
/* ===================================================== */



.member-price h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 16px;
     color: #508bed;
     background-color: #f0f0f0;
 }
 
 .member-price {
 
     margin: 0px 3px 0px ;
 } 

.member-price .boardprice {

     background-color: #fff;
 }

.member-price .boardprice span{
font-family: "돋움" , sans-serif;
     font-size: 13px;	
	  color: #c70529;		 
 }

 .member-price .boardprice table{
     width:100%;
 }
 
 .member-price .boardprice th {
  font-family: "돋움" , sans-serif;
     width: 105px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: center;
     color: #000;
 }

.member-price .boardprice tr{
text-align: center;
	width:100%;
}

 .member-price .boardprice td {
 font-family: "돋움" , sans-serif;
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 12px;
 }

.member-price .boardprice td.formprice {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }
 
 .member-price .boardprice td.formprice1 {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     text-align: left;
     font-size: 13px;
 }
 
 .member-price .boardprice td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }

.member-price .boardprice td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
 
 .member-price .boardprice a {
     font-size: 11px;
 }

/* ===================================================== */
/* 11. 부가서비스	 토글 부분		                     	 */
/* ===================================================== */


.product-price .toggleArea3,
.product-price .toggleArea6 {
     position: relative;
     margin: 0px 0px 0px 0px;
     font-size: 12px;
     border: 1px solid #d9d6d6;
}

.product-price .toggleArea3 > .title12,
.product-price .toggleArea6 > .title12 {
     position: relative;
     padding: 12px 34px 12px 14px;	
     cursor: pointer;
     line-height: 1.3em;
     background-color: #f0f0f0;
     color: #508bed;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-price .toggleArea3 > .title12:after,
.comparison_p1 .toggleArea6 > .title12:after,
.comparison_p1 .toggleArea7 > .title12:after{
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 40px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
	background-image: url("../img/icon/ico_arrow_gray_up.png");
}

.product-price .toggleArea3.selected > .title12:after,
.comparison_p1 .toggleArea6.selected > .title12:after,
.comparison_p1 .toggleArea7.selected > .title12:after {
    transform: rotate(180deg);
 }
 
.product-price .toggleArea3.disable > .title12:after,
.comparison_p1 .toggleArea6.disable > .title12:after,
.comparison_p1 .toggleArea7.disable > .title12:after {
        background-image: none !important;
     
 }

.product-price .toggleArea3 > .title12 h3,
.product-price .toggleArea6 > .title12 h3 {
     display: inline-block;
     font-size: 16px;
 }

 .product-price .toggleArea3 > .title12 span,
 .product-price .toggleArea6 > .title12 span {
      padding-left:3px;
 }

.member-price3 h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 16px;
     color: #508bed;
     background-color: #f0f0f0;
 }
 
 .member-price3 {
     margin: 0px 3px 0px ;
 } 

.member-price3 .boardprice {
     background-color: #fff;
 }

.member-price3 .boardprice span{
     font-family: "돋움" , sans-serif;
     font-size: 13px;	
	  color: #c70529;	
 }

 .member-price3 .boardprice table{
     width:100%;
 }
 
 .member-price3 .boardprice th {
 font-family: "돋움" , sans-serif;
     width: 105px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;

     font-size: 13px;
     font-weight: normal;
     text-align: center;
     color: #757575;
 }

.member-price3 .boardprice tr{
font-family: "돋움" , sans-serif;
text-align: center;
	width:100%;
}

 .member-price3 .boardprice td {
 font-family: "돋움" , sans-serif;
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

.member-price3 .boardprice td.formprice {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }
 
 .member-price3 .boardprice td.formprice1 {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     text-align: left;
     font-size: 13px;
 }
 
 .member-price3 .boardprice td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }

.member-price3 .boardprice td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
 
 .member-price3 .boardprice a {
     font-size: 11px;
 }


/* ===================================================== */
/* 11. 부가서비스	 토글 부분		                     	 */
/* ===================================================== */


.product-price .toggleArea4,
.product-price .toggleArea6 {
     position: relative;
     margin: 0px 0px 0px 0px;
     font-size: 12px;
     border: 1px solid #d9d6d6;
}

.product-price .toggleArea4 > .title12,
.product-price .toggleArea6 > .title12 {
     position: relative;
     padding: 12px 34px 12px 14px;	
     cursor: pointer;
     line-height: 1.3em;
     background-color: #f0f0f0;
     color: #508bed;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-price .toggleArea4 > .title12:after,
.product-price .toggleArea6 > .title12:after{
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 40px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
	background-image: url("../img/icon/ico_arrow_gray_up.png");
}

.product-price .toggleArea4.selected > .title12:after,
.product-price .toggleArea6.selected > .title12:after {
    transform: rotate(180deg);
 }
 
.product-price .toggleArea4.disable > .title12:after,
.product-price .toggleArea6.disable > .title12:after {
        background-image: none !important;
     
 }

.product-price .toggleArea4 > .title12 h3,
.product-price .toggleArea6 > .title12 h3 {
     display: inline-block;
     font-size: 16px;
 }

 .product-price .toggleArea4 > .title12 span,
 .product-price .toggleArea6 > .title12 span {
      padding-left:3px;
 }

.member-price4 h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 16px;
     color: #508bed;
     background-color: #f0f0f0;
 }
 
 .member-price4 {
     margin: 0px 3px 0px ;
 } 

.member-price4 .boardprice {
     background-color: #fff;
 }

.member-price4 .boardprice span{
     font-family: "돋움" , sans-serif;
     font-size: 13px;	
	  color: #c70529;	
 }

 .member-price4 .boardprice table{
     width:100%;
 }
 
 .member-price4 .boardprice th {
 font-family: "돋움" , sans-serif;
     width: 105px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: center;
     color: #757575;
 }

.member-price4 .boardprice tr{
font-family: "돋움" , sans-serif;
text-align: center;
	width:100%;
}

 .member-price4 .boardprice td {
 font-family: "돋움" , sans-serif;
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

.member-price4 .boardprice td.formprice {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }
 
 .member-price4 .boardprice td.formprice1 {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     text-align: left;
     font-size: 13px;
 }
 
 .member-price4 .boardprice td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }

.member-price4 .boardprice td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
 
 .member-price4 .boardprice a {
     font-size: 11px;
 }


/* ===================================================== */
/* 11. 부가서비스	 토글 부분		                     	 */
/* ===================================================== */


.product-price .toggleArea5 {
     position: relative;
     margin: 0px 0px 0px 0px;
     font-size: 12px;
     border: 1px solid #d9d6d6;
}

.product-price .toggleArea5 > .title12 {
     position: relative;
     padding: 12px 34px 12px 14px;	 
     cursor: pointer;
     line-height: 1.3em;
     background-color: #f0f0f0;
     color: #508bed;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
 }

.product-price .toggleArea5 > .title12:after{
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     content: "";
     width: 40px;
     height: 100%;
     background-repeat: no-repeat;
     background-size: 20px;
     background-position: center;
	background-image: url("../img/icon/ico_arrow_gray_up.png");
}

.product-price .toggleArea5.selected > .title12:after {
    transform: rotate(180deg);
 }
 
.product-price .toggleArea5.disable > .title12:after {
        background-image: none !important;
     
 }

.product-price .toggleArea5 > .title12 h3 {
     display: inline-block;
     font-size: 16px;
 }

 .product-price .toggleArea5 > .title12 span {
      padding-left:3px;
 }

.member-price5 h4 {
     padding: 0 0 0 14px;
     line-height: 43px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 16px;
     color: #508bed;
     background-color: #f0f0f0;
 }
 
 .member-price5 {
     margin: 0px 3px 0px ;
 } 

.member-price5 .boardprice {
     background-color: #fff;
 }

.member-price5 .boardprice span{
     font-family: "돋움" , sans-serif;
     font-size: 13px;	
	  color: #c70529;	
 }

 .member-price5 .boardprice table{
     width:100%;
 }
 
 .member-price5 .boardprice th {
 font-family: "돋움" , sans-serif;
     width: 105px;
     padding: 7px 0 7px 14px;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
     font-weight: normal;
     text-align: center;
     color: #757575;
 }

.member-price5 .boardprice tr{
font-family: "돋움" , sans-serif;
text-align: center;
	width:100%;
}

 .member-price5 .boardprice td {
 font-family: "돋움" , sans-serif;
     padding: 7px 14px 7px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }

.member-price5 .boardprice td.formprice {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     font-size: 13px;
 }
 
 .member-price5 .boardprice td.formprice1 {
     padding: 9px 14px 9px 0;
     border-bottom: 1px solid #d5d5d5;
     text-align: left;
     font-size: 13px;
 }
 
 .member-price5 .boardprice td.name {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 3px 0;
 }

.member-price5 .boardprice td.zipcode {
     font-size: 11px;
     color: #757575;
     padding: 7px 14px 2px 0;
 }
 
 
 .member-price5 .boardprice a {
     font-size: 11px;
 }


 /* ===================================================== */
/* 2-1. 레티나보정서비스	                     	 */
/* ===================================================== */

.product_box2 {
    text-align: left;
    border: 0px solid #f00;
}

.product_box2 h3 {
    font-size: 2.5em;
    color: #000;
   
}


.product_box2 .con01 strong {
    font-size: 1.750em;
    font-weight: 100;
    color: #bbb;
}

.product_box2 .con01 p {
    margin-top: 20px;
    text-align: left;
}

.product_box2 .con02 {
    margin-top: 30px;
}
.product_box2 .con02 .imgArea,
.product_box2 .con02 .imgArea img {
    max-width: 100%;
    overflow:hidden;
}
.product_box2 .con02 .txtArea {
    margin: 30px 0;
}
.product_box2 .con02 .txtArea table {
    width: 100%;
    border-top: 3px solid #5b95c9;
    border-collapse: collapse;
    table-layout: fixed;
}
.product_box2 .con02 .txtArea table caption {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
.product_box2 .con02 .txtArea table tbody {
    vertical-align: middle;
}
.product2 .con02 .txtArea table th,
.product2 .con02 .txtArea table td {
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    padding: 20px;
}
.product_box2 .con02 .txtArea table th {
    background-color: #f0f0f0;
    text-align: center;
    word-break: break-all;
}
.product_box2 .con02 .txtArea table td {
    background-color: #fff;
    text-align: left;
    word-break: break-all;
}

.product_box2 .con02 .txtArea p {
    background-color: #fff;
    text-align: left;
    
}

.product_box2 .con02 p {
    overflow: hidden;
    margin: 20px 0;
}

.product_box2 .con02 p i {
    font-size: 4.0em;
    font-weight: 500;
    color: #fff;    
    margin-right: 15px;
    padding: 30px;
    display: block;/*none*/
    float: left;
    background-color: #bbc8d6;
}



.product_box2 img {
    width: 100%;
}

@media (max-width: 768px) {
    .product_box2 .nav-tabs a {
        font-size: 0.875em;
        padding: 15px 10px;
    }
}





.supplementary {
	
	position:relative; 
	max-width:100%; 
	margin:0 auto; 
	padding:20px 0px;
}


.supplementary .tit{
    text-align:center; 

}

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

.supplementary .tit p{
	font-family: 'Work Sans';
    font-size:20px;
	font-weight:400; 
	
}

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


.supplementary1{
background:#f4f4f4;
	text-align:justify;
	height:100%;
}

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

.supplementary1 .service_title span {
	padding:40px;
	font-family:"Montserrat";
	font-size:0.750em; 
	color:#999;
}




.supplementary1 img {
	display:block;
	width: 100%;
}

.supplementary1 .service_title {

	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
}




.supplementary1 .effect{
	position:relative;
}

.supplementary1 .imgArea {
	margin: 0 auto 10px auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.supplementary1 .imgArea img {
	display:block; 
	width:300px;
	height:462px;
	margin: 0 auto
}


.supplementary1 .effect .description {
	width: 80%;
    height: 100px;
    text-align: center;
    margin: 0 auto;
    color: #888;
	
}



.supplementary1 .effect .description p {
	font-family:'Work Sans';
	font-weight:400; 
    font-size: 0.938em;
    color: #494949;
	
}



.supplementary1 .effect span {
    display: block;
	text-align: center;
    padding-top: 20px;
	padding-bottom: 30px;
}




.supplementary1 .effect .description span a {
	font-family:'Montserra';
    font-size: 0.875em;
}


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


.supplementary1 .imgArea {
	margin:0 auto 10px auto; 
	width: 200px;
	height: 140px;
	overflow:hidden;
    }
	
.supplementary1 .imgArea img {
	display:block; 
	width:100%;
    }
}


@media screen and (max-width: 767px) {
.supplementary1 .imgArea {
	margin:0 auto 20px auto; 
	
}

	.supplementary1 .effect .description {
	width: 330px;
	height: 233px;
	text-align: center;
	margin: 0 auto;
	color:#888;	
}

.supplementary1 .imgArea {
	margin:0 auto 20px auto; 
	width: 350px;
	height: 233px;
	overflow:hidden;
}
.supplementary1 .imgArea img {
	display:block; 
	width:100%;
}
	
}




@media screen and (max-width:480px) {
	
	.supplementary1 .effect .description {
	width: 250px;
	height: 150px;
	text-align: center;
	margin: 0 auto;
	color:#888;	
}
.supplementary1 .imgArea {
	width:250px; 
	height: 150px;
	margin:0 auto 10px auto;
	overflow: hidden;
}
	
.supplementary1 .imgArea img {
	width:100%;
    }
}


.scan_Procedure1 {
    width:100%;
}