@charset "utf-8";
/* 공통부분 */

	/* 2depth 타이틀*/
	#hero .main_title{ padding: 80px 0; position: relative; text-align: center; }
	#hero .main_title h1{display: inline-block; margin: 0; color: #000; font-weight: 400; line-height: 1em; color: #fff; }
	#hero .main_title i{ display: block; padding: 20px 0; }
	#hero .main_title p{ line-height: 1em; font-weight: 300; color: rgba(255,255,255,0.5); }

	/* 로케이션 */
	#hero .location { max-width: 1700px; margin: 0 auto; padding: 60px 0; text-align: left; background: #fff; }
	#hero .location a:last-child{ color: #597bba;}
	@media ( max-width: 960px) {
		#hero .main_title{ padding: 7% 0; }
		#hero .main_title p{ font-size: 1.2em; }
		#hero .location {display: none}
	}
	/* 로케이션 */
	.location { padding: 20px 0 0 0; text-align: right; }
	.location a {font-size: 0.9em;}
	.location a:last-of-type{color: #597bba}

	/* 2depth 타이틀*/
	#top_section { overflow: hidden; }
	#top_section .main_title{ text-align: center; padding: 5% 0 0 0;}
	#top_section .main_title h1{ position: relative; font-size: 2.250em; color: #000; font-weight: 400; background: #fff;}
	#top_section .main_title h1 span{position: relative; z-index: 1; background: #fff; padding: 0 60px}
	#top_section .main_title h1:before{content:"";  position: absolute; top:50%; left: 0; right: 0; border-bottom: 1px solid #d2d0d1; width: 100%;}

   @media ( max-width: 960px) {
	   .location {display: none}
	   #top_section .main_title {padding: 10px 0}
	   #top_section .main_title h1{font-size: 1.8em}
	   #top_section .main_title h1 span{padding: 0 30px}
	   #top_section .main_title h1:before{top: 14px;}
   }

	/* 탭 디자인 */
	.sub_menu{ padding: 3em 0; }
	.tab{overflow: hidden; margin: 0 auto; }
	.tab a{display: block; float: left; text-align: center; padding: 1.5% 0; border: 1px solid #999490; border-left: 0; font-size: 0.9em;}
	.tab a:first-of-type{border-left: 1px solid #999490;}
	.tab_div02 a:nth-child(3){ border-left: 1px solid #999490; border-top:0; }
	.tab_div02 a:nth-child(4){ border-top:0; }
	@media ( max-width: 960px) {
	.sub_menu{ padding: 3em 0 0 0; }
	}

	.tab a:hover, .tab a.active{background: #999490; color: #fff; transition: 500ms color,500ms background;}
	.tab_div02 a{width: 50%;}
	.tab_div03 a{width: 33.33%;}
	.tab_div04 a{width: 25%;}
	.tab_div05 a{width: 20%;}
	.tab_div06 a{width: 16.66%;}
	.tab_div07 a{width: 16.6%; border-bottom: 1px solid #999490}
	.tab_div08 a{width: 15%;}
	
	/* 패딩 */
	.pd_com, .sub_page{ padding: 3em 0 5em 0; }
	@media ( max-width: 960px) {
		.pd_com, .sub_page{ padding: 3em 0; }
	}

	.inner_wrap h1, .inner_wrap h2{ margin: calc(2rem -  0.14285714em ) 0em 1rem; }

   .div02{ font-size: 0; overflow: hidden; }
   .div02 > div{ display: inline-block; width: 50%; vertical-align: top; font-size: 16px; clear: none !important;}

   .div04{overflow: hidden;}
   .div04 > div{width: 20%; float: left; clear: none !important;}


	/* 전체 탭 크기 */
	.category_tab {
		width: 100%;
	}

	/* 개별 탭 크기 설정 */
	.tab_15>a{
		width: 16.6%;
	}
	
   @media ( max-width: 960px) {
	   .tab a{width: calc(50% - 2px); background: #f1f1f1; border: 0; margin: 1px; padding: 10px 0; font-size: 12px;}
	   .tab a:first-of-type{border: 0 ;}
	   .tab_div02 a:nth-child(3){border: 0;}

   }

   /*컨텐츠 공통 영역*/

	#contents{ min-height: 400px; }
	#contents img{width: auto; max-width: 100%; margin: 0 auto; }

	@media ( max-width: 960px) {
		#contents img{width: 100%;}
	}


	/* 시력교정센터 hero */
	#vision01 .hero{background: url('/img/02_vision/lasic01.jpg')no-repeat center right 20% #e8e0d7;}
	#vision02 .hero{background: url('/img/02_vision/lasic02.jpg')no-repeat center right 20% #e8e0d7;}
	#vision03 .hero{background: url('/img/02_vision/lasic03.jpg')no-repeat center right 20% #e8e0d7;}
	#vision04 .hero{background: url('/img/02_vision/lasic04.jpg')no-repeat center right 20% #e8e0d7;}
	#vision05 .hero{background: url('/img/02_vision/lasic05.jpg')no-repeat center right 20% #e8e0d7;}
	#vision06 .hero{background: url('/img/02_vision/lasic06.jpg')no-repeat center right 20% #e8e0d7;}
	#vision07 .hero{background: url('/img/02_vision/lasic07.jpg')no-repeat center right 20% #e8e0d7;}

	#icl01 .hero{background: url('/img/02_vision/icl01.jpg')no-repeat center right 20% #e8e0d7;}
	#icl02 .hero{background: url('/img/02_vision/icl02.jpg')no-repeat center right 20% #e9e2dc;}
	#icl03 .hero{background: url('/img/02_vision/icl03.jpg')no-repeat center right 20% #e8e0d7;}

	#correction01 .hero{background: url('/img/02_vision/correction01.jpg')no-repeat center right 20% #e8e0d7;}
	#correction02 .hero{background: url('/img/02_vision/correction02.jpg')no-repeat center right 20% #e8e0d7;}

	#presbyopia01 .hero{background: url('/img/03_presbyopia/presbyopia01.jpg')no-repeat center right 20% #e8e0d7;}
	#presbyopia02 .hero{background: url('/img/03_presbyopia/presbyopia02.jpg')no-repeat center right 20% #e8e0d7;}
	#presbyopia03 .hero{background: url('/img/03_presbyopia/presbyopia03.jpg')no-repeat center right 20% #e8e0d7;}

	#cataract01 .hero{background: url('/img/03_presbyopia/cataract01.jpg')no-repeat center right 20% #e8e0d7;}
	#cataract02 .hero{background: url('/img/03_presbyopia/cataract02.jpg')no-repeat center right 20% #e8e0d7;}
	#cataract03 .hero{background: url('/img/03_presbyopia/cataract03.jpg')no-repeat center right 20% #e8e0d7;}
	#cataract04 .hero{background: url('/img/03_presbyopia/cataract04.jpg')no-repeat center right 20% #e8e0d7;}
	#cataract05 .hero{background: url('/img/03_presbyopia/cataract05.jpg')no-repeat center right 20% #e8e0d7;}

	@media(max-width:640px){
/* 		#cataract04 .hero{background: url('/img/03_presbyopia/cataract04.jpg')no-repeat center 50%, #e8e0d7;}
		#cataract05 .hero{background: url('/img/03_presbyopia/cataract05.jpg')no-repeat center 50%, #e8e0d7;} */
	}

	#ophthalmic01 .hero{background: url('/img/04_clinic/ophthalmic01.jpg')no-repeat center right 20% #e8e0d7;}
	#ophthalmic02 .hero{background: url('/img/04_clinic/ophthalmic02.jpg')no-repeat center right 20% #e8e0d7;}
	#ophthalmic03 .hero{background: url('/img/04_clinic/ophthalmic03.jpg')no-repeat center right 20% #e8e0d7;}

	#lens01 .hero{background: url('/img/04_clinic/lens01.jpg')no-repeat center right 20% #e8e0d7;}
	#lens02 .hero{background: url('/img/04_clinic/lens02.jpg')no-repeat center right 20% #e8e0d7;}

	#child01 .hero{background: url('/img/04_clinic/child01.jpg')no-repeat center right 20% #e8e0d7;}
	#child02 .hero{background: url('/img/04_clinic/child02.jpg')no-repeat center right 20% #e8e0d7;}
	#child03 .hero{background: url('/img/04_clinic/child03.jpg')no-repeat center right 20% #e8e0d7;}

	#smile01 .hero{background: url('/img/02_vision/smile01.jpg')no-repeat center right 20% #e8e0d7;}
	#smile02 .hero{background: url('/img/02_vision/smile02.jpg')no-repeat center right 20% #e8e0d7;}
	#smile03 .hero{background: url('/img/02_vision/smile03.jpg')no-repeat center right 20% #e8e0d7;}

	#examination .hero{background: url('/img/04_clinic/examination.jpg')no-repeat center right 20% #e8e0d7;}

	#contents .hero{margin: 0 0 5% 0; padding: 4% 0; background-size: contain; min-height: 300px}
	#contents .hero .sub_txt{ color: #000; margin: 0;}
	#contents .hero .title{font-size: 2.3em; line-height: 1.2em; margin: 1% 0 5% 0}
	
	#contents .hero .title_01{font-size: 1.7em; font-weight: 500; line-height: 1.2em; margin: 0; }
	#contents .hero .sub_txt{font-size: 1.3em; letter-spacing: -1px; line-height: 1.4em; margin: 1% 0 5% 0;}
	
	.sub_page h1{font-size: 2.5em; font-weight: 300; color: #000; line-height: 130%; margin-top: 0;}
	.sub_page h2{font-size: 1.3em; font-weight: 300; color: #000; line-height: 130%; margin-top: 0;}
	.sub_page h3{font-size: 1.2em; font-weight: 300; color: #000; line-height: 150%; margin-top: 0;}

	.sub_page div.inner_wrap > div{ margin: 0 0 8% 0}
	.sub_page div.inner_wrap > div:last-child{ margin-bottom: 0; font-size:1.1em; }

	.define{text-align: center;}
	.define .small {color: #597bba }
	.define h1{margin: 0 0 2% 0;}
	.define h1 span{ font-size:0.5em; vertical-align:text-bottom; }
	.define .txt{padding: 2% 5% 0 5%;}

	.define_02{ position: relative; }
	.define_02 .img{ text-align: right; }
	.define_02 .title_top{ position: absolute; top: 43%; left: 15%; }
	.define_02 .title_top h1{ font-size:3.2em; }

	.number{overflow: hidden;}
	.number:last-of-type{margin: 0}
	.number .left_title{ width: 30%; float: left; padding: 30px 60px 0 20px;}
	.number .right_contents{ width: 70%; float: left; padding: 3% 0 0 0;}
	.number .right_contents > div{padding:0 0 10% 0;}
	.number .right_contents > div:last-of-type{padding: 0}
	.number .right_contents .div02_border{display: flex; overflow: hidden;}
	.number .right_contents .div02_border > div{width: 50%; float: left; border: 1px solid #f1f1f1; background: #f9f9f9;}
	.number .right_contents .div02_border > div:first-of-type{border-right: 0}
	.number .right_contents .div02_border > div.highlight{background: rgba(255,93,48,0.05); border: 1px solid rgba(255,93,48,0.15);}
	.number .right_contents .div02_border > div.highlight .txt h3{color: #597bba; font-size: 1.4em; font-weight: 500; }
	.number .right_contents .div02_border .img{text-align: center; padding: 5% 5% 0 5%; }
	.number .right_contents .div02_border img{border: 0; padding: 0}
	.number .right_contents .div02_border .txt{padding: 5%; text-align: center; color: #000 }
	.number .right_contents .div02_border .txt h3{ color: #6b6662}
	.number .right_contents .small{display: block; color: #597bba}
	.img_border {border: 1px solid #f1f1f1; padding: 20px !important; text-align: center;}

	.number div.highlight{background: rgba(255,93,48,0.05); border: 1px solid rgba(255,93,48,0.15); overflow: hidden;}
	.number div.highlight .txt{padding: 5%; color: #000 }
	.number div.highlight .txt h3{color: #597bba; font-size: 1.4em; font-weight: 500; }
	.number div.highlight .txt p{ font-size:1.15em; }
	.number div.highlight .left{ float:left; width: 20%; padding:2%; text-align: center; }
	.number div.highlight .left img{ max-width:135px !important; }
	.number div.highlight .right{ float:left; width: 80%; }

	@media(max-width:640px){
		.number div.highlight .left{ width: 100%; }
		.number div.highlight .right{ width: 100%; }
	}

	.number .img_txt_wrap{overflow: hidden;}
	.number .img_txt_wrap > div{ width: 50%; float: left; padding: 0 2%;}
	.number .img_txt_wrap .left_img{text-align: center;}

	.number .num01{background: url('../img/number01.png')no-repeat;}
	.number .num02{background: url('../img/number02.png')no-repeat;}
	.number .num03{background: url('../img/number03.png')no-repeat;}
	.number .num04{background: url('../img/number04.png')no-repeat;}
	.number .num05{background: url('../img/number05.png')no-repeat;}

	ul.process li{margin: 0 0 16px 0; color: #000;}
	ul.process li b, ul.process li span{display: inline-block; vertical-align: top;}
	ul.process li b{border-radius: 50%; background: #6c6661; color: #fff; font-weight: 200; padding: 0px 8px; text-align: center; font-size: 13px; margin: 0 8px 0 0;}
	ul.process li span{width: 90%;}

	ul.dot{}
	ul.dot li{margin: 0 0 16px 0; color: #000; background: url('../img/dot.png')no-repeat top 9px left; padding: 0 0 0 16px}

	.div03{overflow: hidden; text-align: center; }
	.div03 > div{width: 33.3%; float: left; }
	.div03 h3{margin: 10px 0}

	.gray_bg{padding: 4% 5%; background: #f7f7f7}
	.gray_border{border: 5px solid #99b3e4 ; padding: 4% 5%;}

	.gray_border > ul.process{margin: 0}
	.gray_border > ul.process li:last-child{margin: 0}

	@media(max-width:960px){
		#contents .hero{min-height: 150px; background-position: bottom right -70px !important; padding: 8% 130px 8% 0}

		#contents .number .left_title{width: 100%;}
		#contents .number .right_contents{width: 100%;}

		#contents .hero .title{font-size: 2em}
		#contents .hero .title_01{font-size: 1.2em}
		.sub_page h1{font-size: 2em}

		ul.process li b{padding: 0px 5px;}

		.div03 > div {width: 100%;  margin: 0 0 4% 0;}
	}

	#contents_table { border-top: 2px solid #597bba; margin: 0 }
	#contents_table th{ font-weight: 500; color: #5782c9; background: #fafafa; }
	#contents_table thead th{ font-weight: 400; color: #000; border-left: 1px solid #9f9fa0; border-bottom: 1px solid #597bba; }
	#contents_table thead th:nth-child(1){ border-left: 0; }
	#contents_table th, #contents_table td{text-align: center; padding: 2%; border-bottom: 1px solid #f1f1f1;}
	#contents_table tbody th { border-bottom: 1px solid #9f9fa0; }
	#contents_table tbody td { border-left: 1px solid #9f9fa0; }
	#contents_table tbody .bo_bottom{ border-bottom: 1px solid #9f9fa0; }
	#contents_table td{color: #000; text-align: center; }
	#contents_table td ul li{margin: 0 0 8px 0}
	#contents_table td ul li i, #contents_table td ul li span{display: inline-block;}
	#contents_table td ul li i{width: 20px; vertical-align: top;}
	#contents_table td ul li span{width: 80%;}

	@media(max-width:960px){
		#contents_table th, #contents_table td{padding: 3% 1%;}
	}

	.video{position: relative; padding-bottom: 56.25%;}
	.video iframe{position: absolute; width: 100%; height: 100%;}

	.terms{margin: 3% 0 0 0}
	.terms .contents{border: 1px solid #eee; padding: 16px 20px; height: 166px; overflow-y: scroll; color: #000;}
	.terms label{margin: 10px 0 }

	i.checkmark.icon{color: #597bba}


/* 02_vision 라식/라섹 수술법 비교*/
.compare01 {overflow: hidden;}
.compare01 > div{width: 46%; float: left; margin: 0 2%; border: 1px solid #f1f1f1}
.compare01 > div .img{ padding: 3%}
.compare01 > div .txt{ background: #f7f7f7; padding: 3% 4%; text-align: left;}

.compare02 table td{text-align:center !important}
.compare02 table td li{line-height: 180%;}
.compare02 table td li i, .compare02 table td li span{display: inline-block;}
.compare02 table td li i{width: 20px; vertical-align: top}
.compare02 table td li span{width: 80%}

@media(max-width:960px){
	.define .compare01 > div{ width: 100%; margin: 0;}
	.define .compare01 > div:first-of-type{ margin: 0 0 4% 0}
}

/* 02_vision 스마일라식 */
#smile01 .bg_highlight{ background: rgba(255,93,48,0.05); }
#smile01 .bg_highlight .tab{padding:0 3% 3% 3%; }
#smile01 .sub_tab{ overflow: hidden; }
#smile01 .sub_tab a{ display:block; float:left; width:25%; padding:1.5% 0; text-align: center; background: #f1f1f1; }
#smile01 .sub_tab .active{ color:#fff;  background:#597bba;}
#smile01 .video{ margin:15% 0; } 

@media(max-width:960px){
	#smile01 .sub_tab a{ width:50%; }
}

#smile02 .smile_100p .left_img{ width:40%; }
#smile02 .smile_100p .right_txt{ width:60%; padding:3% 2% 0 2%; }
#smile02 .smile_100p .right_txt h4{ font-size:1.1em; font-weight: 300; line-height: 1.3em;}

#smile02 .smile_100p .right_contents { width:100%; margin:0; padding:0; float: inherit;}
#smile02 .smile_100p p{ padding:5% 0 ; font-size:1.3em; }
#smile02 .smile_100p .right_contents h3{ margin:10% 0 5% 0; padding:3% 0; text-align:center; background: rgba(255,93,48,0.05); border: 1px solid rgba(255,93,48,0.15); border-radius:10px; }

#smile02 .img_wrap .img_w100p{ text-align:center; }
#smile02 .italic{ font-size:4em; font-style: italic; font-weight: 500; text-align: center; }
#smile02 ul.dot{ /* font-size: 1.2em; */ line-height: 1.5em; }
#smile02 ul.dot li{ background: url('/img/common/dot.png')no-repeat top 15px left; line-height: 1.5em;}
#smile02 .btn_wrap li{ float:left; width:50%; padding:0 10px; }
#smile02 .btn_wrap li a { display:block; text-align: center; color:#597bba; padding:20px 0; border:1px solid #597bba; background:#fff; }
#smile02 .btn_wrap li a:hover{ color:#fff; background:#597bba; -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    -moz-transition: background-color 0.5s ease, color 0.5s ease;
    -o-transition: background-color 0.5s ease, color 0.5s ease;
    -ms-transition: background-color 0.5s ease, color 0.5s ease; }


/* 02_vision 라식/라섹 아베드로엑스트라*/
#vision01 .extra_system .right_txt p.point_orange{ padding: 3% 0 0 0}

#vision01 .extra_safety p{padding: 3% 0 0 0}


/* 02_vision 라식/라섹 아마리스 레드*/
#vision02 .amaris_1050rs .div03 > div{padding: 0 5% 0 0}
#vision02 .amaris_1050rs .div03 .title{font-size: 1.500em; color: #597bba; border-left: 2px solid #f1f1f1; padding: 0 0 0 12px; margin: 0 0 4% 0}
#vision02 .amaris_1050rs .div03 p{padding: 0 0 0 12px;}

#contents .compare_table th{padding: 3% 1%; text-align: center}
#contents .compare_table td{padding: 3% 2%; text-align: left}
#contents .compare_table th:nth-of-type(2){background:#597bba; color: #fff; font-size: 1.250em; border: 3px solid #597bba; }
#contents .compare_table td:nth-of-type(1){text-align: center}
#contents .compare_table td:nth-of-type(2){border-left: 3px solid #597bba; border-right: 3px solid #597bba}
#contents .compare_table tr:last-of-type td:nth-of-type(2){border-bottom: 3px solid #597bba}

@media(max-width:960px){
	.number .left_title{padding: 36px 0 10px 0}
	#contents .number .img_txt_wrap > div{width: 100%}
	#contents .number .img_txt_wrap .left_img{margin: 0 0 4% 0}
}

/* 02_vision iFS 플러스A 라식 */
.process{margin: 3% 0 0 0}
.circle{overflow: hidden;}
.circle li div{width: 20%; float: left; border: 1px solid #f1f1f1; margin: 0 2% 2% 2%; position: relative; padding: 10% 0; border-radius: 200px; background: #f9f9f9}
.circle li span{  display: block; position: absolute; top: 35%; left: 0; right: 0; padding: 0 2%; text-align: center; }

/* 02_vision iFS 플러스A 라식 */
.right_contents .merit > div {overflow: hidden; display: flex;}
.right_contents .merit > div > div{width: 31%; margin: 1%; float: left; border: 1px solid #f1f1f1; border-top: 2px solid #597bba; }
.right_contents .merit h3{background: #f7f7f7; padding: 16px; margin: 0; text-align: center;}
.right_contents .merit h3 b{display: block; margin: 0 0 10px 0; color: #597bba; font-size: 1.4em; font-weight: 600;}
.right_contents .merit p{padding: 16px}

@media(max-width:768px){
	.right_contents .merit > div{display: block;}
	.right_contents .merit > div > div{width: 100%};
}

/* 스카우트 라식 라섹 */
.scout_merit .div02 > div:last-of-type{width: 60%}

/* 02_vision 레이저 라식 라섹]*/
#vision06 .laser_process .contents01 .div03 > div{ width: 29%; margin: 0 2% 3% 2%; text-align: center; padding: 3%}
#vision06 .laser_process .contents01 .div03 > div img{display: block; margin: 0 auto; margin-bottom: 8%}
#vision06 .laser_process .contents01 .div03 > div:nth-of-type(1){background: rgba(0,0,0,0.05)}
#vision06 .laser_process .contents01 .div03 > div:nth-of-type(2){background: rgba(0,0,0,0.09)}
#vision06 .laser_process .contents01 .div03 > div:nth-of-type(3){background: rgba(0,0,0,0.15)}

.laser_compare #contents_table th:nth-of-type(2){background: #597bba; color: #fff; font-size: 1.250em; border: 3px solid #597bba;}
.laser_compare #contents_table td:nth-of-type(1) { border-left: 3px solid #597bba; border-right: 3px solid #597bba;}
.laser_compare #contents_table tr:last-of-type td:nth-of-type(1) { border-bottom: 3px solid #597bba;}

#contents_table td.table_center{text-align:center}


/*탭메뉴*/

    /* 탭 선택 시 표시할 요소(div) 정의(1번 탭 선택 시 첫 번째 div 요소 표시) */

    #css_tabs01 input:nth-of-type(1), #css_tabs01 input:nth-of-type(1) ~ div:nth-of-type(1), #css_tabs01 input:nth-of-type(2), #css_tabs01 input:nth-of-type(2) ~ div:nth-of-type(2), #css_tabs01 input:nth-of-type(3), #css_tabs01 input:nth-of-type(3) ~ div:nth-of-type(3) {display:none}

    #css_tabs01 input:nth-of-type(1):checked ~ div:nth-of-type(1), #css_tabs01 input:nth-of-type(2):checked ~ div:nth-of-type(2), #css_tabs01 input:nth-of-type(3):checked ~ div:nth-of-type(3) {display:block}

    /* 라벨 기본 스타일 지정 */
    #css_tabs01 > label {display: block; text-align: center; line-height: 1em; color: #000; margin: 0 0 4% 0; background: #f1f1f1; padding: 2% 4%; width: 50%; float: left; margin: 3% 0;}
    #css_tabs01 > label:last-of-type{ border-right: 0 }

    #css_tabs01 > label:hover {cursor:pointer}

    /* 선택된 라벨, 커서를 올린 라벨 스타일 지정 */
    #css_tabs01 input:nth-of-type(1):checked ~ label:nth-of-type(1), #css_tabs01 > label[for=tab1]:hover, #css_tabs01 input:nth-of-type(2):checked ~ label:nth-of-type(2), #css_tabs01 > label[for=tab2]:hover, #css_tabs01 input:nth-of-type(3):checked ~ label:nth-of-type(3), #css_tabs01 > label[for=tab3]:hover{color:#fff; background: #597bba;}

    /* 실제 내용이 담긴 div 요소 스타일 지정 */
    #css_tabs01 .tab1_content, #css_tabs01 .tab2_content, #css_tabs01 .tab3_content {width:100%; height:100%}


    #css_tabs01 .tab1_content > div{ float: left; width: 100%;}
    #css_tabs01 .tab1_content .img{text-align: right; padding: 0 4% 0 0; }
    #css_tabs01 .tab1_content .txt{text-align: left; padding: 0 0 0 2%}
    #css_tabs01 .tab1_content .txt .name{ font-size: 1.375em; color:#000; margin: 0 0 4% 0 }
    #css_tabs01 .tab1_content .txt .name b{ font-size: 1.3em; color: #fff; font-weight: 300; margin: 0 1.5% 0 0;}
    #css_tabs01 .tab1_content .txt ul { margin: 0 0 3% 0; }
    #css_tabs01 .tab1_content .txt ul li { padding: 0 0 8px 34px; color: #fff;}


/* 02vision 아이핏라섹 */
.eyefit_process img{width: initial !important;}
.eyefit_process .div02 > div{padding: 1%}
#vision07 .eyefit_process .div02 > div img{ width: 100%; margin: 0 0 4% 0}
.eyefit_effect .ifs_process_arrow .circle li span{top: 43%}
.ifs_type .process{margin: 0}
@media(max-width:768px){
	.eyefit_process .div02 > div{width: 100%;}
}


/* 02vision 안내렌즈 삽입술 아쿠아  ICL*/
.evo_skill .contents01 .skill01{margin: 0 0 3% 0}
.evo_skill .contents01 .skill01 img{padding: 2%}
.evo_skill .contents01 .txt{padding: 2% 0 0 0}

#icl01 .evo_skill .contents01 .skill02 img{max-width: 340px; width: 100%}
#icl01 .evo_role .contents01 .img{background: #f5f5f5; text-align: center; margin: 0 0 3% 0}
.evo_process .contents01 p{margin: 0 0 3% 0}

.evo_feature .contents01 .div02{margin: 0 0 2% 0}
.evo_feature .contents01 .div02 > div{width: 46%; margin: 1%; padding: 0 2%; text-align: center;}
#icl01 .evo_feature .contents01 .div02 .img img{width: 160px; background: #f5f5f5; padding: 30px; border-radius: 20%;}
.evo_feature .contents01 .div02 h3{ margin: 12px 0}
#icl01 .evo_feature .contents01 .div02 .txt div{color: #000; font-size: 0.9em;}

	@media(max-width: 960px){
		.evo_feature .contents01 .div02 > div{width: 100%; margin: 0 0 20px 0;}
	}

.evo_type ul.process{ margin: 0}


/* 02vision 안내렌즈삽입술 토릭 icl*/
.toric_skill .contents01 .div04 > div{text-align: center; margin: 0 0 3% 0}
.toric_skill .contents01 .div04 > div img{ border: 1px solid #f1f1f1; margin: 0 0 3% 0}

.toric_merit .contents01 table td{vertical-align: top;}
.toric_merit .contents01 table td li{line-height: 180%;}
.toric_merit .contents01 table td li i{display: inline-block; width: 20px; vertical-align: top; }
.toric_merit .contents01 table td li span{display: inline-block; width: 80%}

.toric_process .contents01 .div04 > div{padding: 1%;}
.toric_process .contents01 .div04 img {width: 100% !important; margin: 0 0 5% 0; text-align: center;}
.toric_process .contents01 .div04 b{margin: 0 0 3% 0}
.toric_process .contents01 .div04 ul li span{width: 100%}

	@media(max-width:960px){
		.toric_skill .contents01 .div04 > div {width: 50%; padding: 3%}
		.toric_process .contents01 .div04 > div{width: 49%; padding: 2%;}
	}

/* 02vision 알티플렉스 */
.artiflex_skill .contents01 .img_border{background: #f5f5f5}
.artiflex_skill .contents01 .center{text-align: center; margin: 3% 0;}
#icl03 .artiflex_merit .right_contents .merit > div > div{width: 48%}
.artiflex_merit .contents01 .div02 .txt{min-height: 260px;}

@media(max-width:960px){
	.artiflex_merit .contents01 .div02 .txt{min-height: auto;}
}

div.h3 {border-bottom: 2px solid #f1f1f1; padding: 0 0 6px 0; margin: 0 0 20px 0}
div.h3 h3{display: inline-block; position: relative; font-size: 1em; padding: 0 0 0.2em 0;}
div.h3 h3:before{content:""; position: absolute; bottom: -8px; left: 0; width: 100%; height: 2px; background: #ccc}

.artiflex_target .process.correct li i{color: #24bf86}
.artiflex_target .process.incorrect li i{color: #ff4330}

/* 시력 교정정보 pop 자가혈청*/
.square_process > div{display: table;}
.square_process > div > div{text-align: center; display: table-cell; vertical-align: middle; padding: 2%; border-radius: 16px}
.square_process > div > div:nth-of-type(2n-1){width: 20.5%}
.square_process > div > div:nth-of-type(1){background: rgba(255,93,48,0.1)}
.square_process > div > div:nth-of-type(3){background: rgba(255,93,48,0.2)}
.square_process > div > div:nth-of-type(5){background: rgba(255,93,48,0.3)}
.square_process > div > div:nth-of-type(7){background: rgba(255,93,48,0.4)}
.square_process > div > div:nth-of-type(2n){width: 6%}
.prp_feature .contents01 .img_border{background: #f5f5f5}
.prp_type .process{margin: 0}

@media(max-width:960px){
	.square_process > div{display: block;}
	.square_process > div > div:nth-of-type(2n-1), .square_process > div > div:nth-of-type(2n){display: block; width: 70%; margin: 0 auto;}
	.square_process > div > div:nth-of-type(2n-1){padding: 4%}
	.square_process > div > div:nth-of-type(2n){
		-webkit-transform : rotate(90deg);
		-moz-transform : rotate(90deg);
		-ms-transform : rotate(90deg);
		-o-transform : rotate(90deg); }
}

/* 시력교정센터 아벨리노 유전자 검사*/
.number_square .contents01 .div02 > div{overflow: hidden;}
.number_square .contents01 .div02 > div > div{float: left;}
.number_square .contents01 .div02 .box{width: 40px; text-align: center; background: #91c3e3; height: 100%; color: #fff; padding: 8px 0;}
.number_square .contents01 .div02 .txt{width: calc(100% - 40px); padding: 0 20px 4% 20px;}
.number_square .contents01 .div02 .txt h3{margin: 0 0 10px 0}

.avellino_need p{margin: 3% 0 0 0}

@media(max-width:960px){
	.number_square .contents01 .div02 > div{width: 100%;}
	.number_square .contents01 .div02 .txt h3 { margin: 0; }
	.number_square .contents01 .div02 .box{padding: 8px 0}
}

/* 검사 전 주의사항 */
#correction03 div.h3 h3{  }
#correction03 div.h3 h3:before{display: none;}
#correction03 .number .right_contents > div{padding: 0 0 6% 0}


/* 03_presbyopia 노안이란 */
.presbyopia_reason .contents01 p{margin: 3% 0 0 0}

.presbyopia_check .right_contents .merit > div > div{width: 48%;}
.presbyopia_check .merit div.p{padding: 16px; color: #000}
.presbyopia_check .merit div.p ul li{margin: 0 0 6px 0;}
.presbyopia_check p{padding: 3% 0 0 0}
.presbyopia_way .contents01 p{padding: 3% 0 0 0}

/* 노안 자가진단법 */
.red_green_test .contents01 .div02 > div{padding: 0 2%; text-align: center;}
.red_green_test .contents01 .div02 > div .top{padding: 0 0 3% 0}
.red_green_test .contents01 .div02 > div .txt{padding: 3% 0; background: #f7f7f7;}
.red_green_test .contents01 .div02 > div p{color: #597bba }
.red_green_test .contents01 > p{padding: 3% 3% 0 3%}

.red_green_check .contents01 .process{margin-top: 0}

/* 노안 교정렌즈 삽입술 */
.lens_insert .circle li div{width: 25%; padding: 12% 0}
.eyecity_lens .right_contents > div{overflow: hidden;}
.eyecity_lens .right_contents > div > div{float: left}
.eyecity_lens .right_contents > div > div.img{width: 27%; padding: 2%; margin: 0 3% 0 0; border: 1px solid #eee}
.eyecity_lens .right_contents > div > div.txt{width: 70%}
.eyecity_lens .right_contents > div > div.txt ul li{color: #000;}

@media(max-width:960px){
	.eyecity_lens .right_contents > div > div.img, .eyecity_lens .right_contents > div > div.txt{width: 100%;}
	.eyecity_lens .right_contents > div > div.txt h3{ margin: 16px 0 10px 0}
}

/* 백내장이란 */
#cataract02 .define .div02{max-width: 500px; margin: 3% auto;}
#cataract02 .define .div02 .txt {padding: 0 0 5% 0}
#cataract02 .define .div02 img{padding: 5%}
#cataract02 .process {margin: 0}

/* 3D 카탈리스 */
#cataract04 .box_03{ padding: 3% 0; overflow:hidden; }
#cataract04 .box_03 .w70p{ float:left; width:70%; padding:3% 0 0 0; }
#cataract04 .box_03 .w30p{ float:left; width:30%; }
#cataract04 .box .title{ position: relative; padding: 2% 0 0 0; font-weight: 500; }
#cataract04 .box .title:before { content: ""; position: absolute; left: 0; top: 0; width: 80px; height: 3px; background: #b7b7b7; }
#cataract04 .title .line{ margin: 0 0 5% 0; font-weight: 500; position: relative; }
#cataract04 .title .line:before{content: ""; display: block; width: 100%; height: 2px; background: #b7b7b7; position: absolute; top: 50%; z-index:-1; }
#cataract04 .title .line p{ display: inline-block; padding:0 10px; background:#fff; }

#cataract04 .div03 > div{ width:45% }
#cataract04 .div03 > div:nth-child(2){ width:10% }

@media(max-width:960px){
#cataract04 .box_03{ padding: 15px; background:#f7f7f7; }
#cataract04 .box_03 .w70p{ width:100%; }
#cataract04 .box_03 .w30p{ width:100%; }
#cataract04 .div03 > div{ width:45% }
#cataract04 .div03 > div:nth-child(2){ width:10% }
#cataract04 .define { text-align:left; }
#cataract04 ul.dot li{ margin: 0 0 10px 0; }
#cataract04 .title .line b{ /* display: inline-block !important; */ padding: 0 10px 0 0; }
#cataract04 .title .line img{ width:auto; }
#cataract04 .title .line p{ padding:5%; line-height:1.2em; background:rgba(255,93,48,0.05) ;  border: 1px solid rgba(255,93,48,0.15); }
#cataract04 .title .line:before{content: ""; display:none; }

}


.cataract_type ul.process li b{background: #6c6661}
.cataract_type ul.process li span{ }

.cataract_symptom.number_square .contents01 .div02 .txt h3{margin: 5px 0;}
.cataract_symptom.number_square .contents01 .div02 .txt{margin: 0; padding: 0 0 0 16px; font-size: 1em;}
.cataract_symptom.number_square .contents01 .div02 > div{padding: 1.5% 0}

/* 백내장 자가진단 */
.cataract_self .gray_border .div02{display: table}
.cataract_self .gray_border .div02 > div{display: table-cell; vertical-align: middle; float: none;}
.cataract_self .gray_border .div02 > div:first-of-type{width: 20%; padding: 5%;}
.cataract_self .gray_border .div02 > div:nth-of-type(2){padding: 0 7% }
.cataract_self .contents01 h3{margin: 3% 0 2% 0}

.cataract_daily .contents01 > div{margin: 0 0 3% 0}
.cataract_daily .contents03 ul.process li span{padding: 0 0 1.5% 0; color: #6c6661}
.cataract_daily .contents03 ul.process li b{background: #6c6661}

.cataract_surgery .contents01 p{padding: 3% 0 0 0}

.cataract_surgery .contents02 .img{text-align: center;}

.cataract_surgery p{padding-top: 0}


/* 04_clinic 안과질환 > 안구건조증*/
.ophthalmic_symptom ul.process{margin: 0}

.reason_cure{display: table}
.reason_cure > div {display: table-row; overflow: hidden;}
.reason_cure > div > div{display: table-cell; width: 46%; border: 1px solid #f1f1f1; padding: 2% 4%}
.reason_cure > div > div:nth-of-type(2){width: 8%; vertical-align: middle; text-align: center; border: 0;}

.ophthalmic_way .div03{display: table; padding: 3% 0 0 0; width: 100%}
.ophthalmic_way .div03 > div{display: table-cell; vertical-align: middle; float: none}
.ophthalmic_way .div03 > div:nth-of-type(2n-1){width: 30%; vertical-align: top;}
.ophthalmic_way .div03 > div:nth-of-type(2n){width: 5%}
.ophthalmic_way .div03 > div .img{padding: 0 20% 7% 20%}
.ophthalmic_way .div03 > div .txt{text-align: center}
/* .ophthalmic_way .div03 > div.arrow{text-align: left; width: 5%; padding:1px; margin: 0; background: #fff}
.ophthalmic_way .div03 > div.arrow:before{content: ""; position: absolute; top: 38%; left: 0; bottom: 0; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 15px solid #597bba; border-bottom: 10px solid transparent;}

.ophthalmic_way .div03 > div:nth-of-type(1){background: #ffbeac; }
.ophthalmic_way .div03 > div:nth-of-type(2):before{border-top: 10px solid transparent; border-left: 15px solid #ffbeac;; border-bottom: 10px solid transparent;}

.ophthalmic_way .div03 > div:nth-of-type(3){background: #ff9d82}
.ophthalmic_way .div03 > div:nth-of-type(4):before{border-top: 10px solid transparent; border-left: 15px solid #ff9d82; border-bottom: 10px solid transparent;}

.ophthalmic_way .div03 > div:nth-of-type(5){background: rgba(255,93,48,0.8); color: #fff} */

#ophthalmic01 .dryeye{ overflow: hidden; }
#ophthalmic01 .dryeye > div{  }
#ophthalmic01 .dryeye .left{ float:left; width:60%; padding: 5% 1% 0 0; }
#ophthalmic01 .dryeye .right{ float:right; width:40%; padding: 0 0 0 1%; }
#ophthalmic01 .dryeye .left_01{ float:left; width:50%; padding: 0 1% 0 0; }
#ophthalmic01 .dryeye .right_01{ float:right; width:50%; padding: 5% 0 0 1%; }
#ophthalmic01 .dryeye .img { overflow: hidden; padding:5% 0; }
#ophthalmic01 .dryeye .img li{ float:left; width:50%; text-align: center; }
#ophthalmic01 .dryeye .img li span{ display:block; padding:2% 0 0 0; font-weight:200; }

@media(max-width:960px){
	.ophthalmic_way .square_process, .ophthalmic_way .square_process > div{display: block}
	.ophthalmic_way > div > div:nth-of-type(2n-1), .ophthalmic_way > div > div:nth-of-type(2n){display: block;}
	.ophthalmic_way .square_process > div > div:nth-of-type(2n-1){width: 100%}

	#ophthalmic01 .title_top h1{ padding:3% 0 5% 0; }
	#ophthalmic01 .dryeye > div{ width:100%; padding:3% 0; }
	#ophthalmic01 .dryeye .img li:nth-child(1){ padding:0 1% 0 0; }
	#ophthalmic01 .dryeye .img li:nth-child(2){ padding: 0 0 0 1%
	; }
	#ophthalmic01 .dryeye .left{ padding: 3% 0; }
	#ophthalmic01 .dryeye .right{ padding: 3% 0; }
}

@media(max-width:640px){

	.ophthalmic_way .div03 > div:nth-of-type(2n-1){width: 80%}

	.ophthalmic_way .div03{display: block;}
	.ophthalmic_way .div03 > div{display: block; margin: 0 auto; border-radius: 14px; width: 240px; text-align: center; padding: 20px}
	.ophthalmic_way .div03 > div.arrow{width: 100%}
	.ophthalmic_way .div03 > div.arrow{top: -33px; bottom: 0; left: 0; right: 0;  text-align: center; margin: 0 auto; font-size: 2em; padding: 0;
		-webkit-transform : rotate(90deg);
		-moz-transform : rotate(90deg);
		-ms-transform : rotate(90deg);
		-o-transform : rotate(90deg);}

	.reason_cure > div, .reason_cure > div > div{display: block; width: 100%}
	.reason_cure > div > div:nth-of-type(2){width: 100%; text-align: center;
		-webkit-transform : rotate(90deg);
		-moz-transform : rotate(90deg);
		-ms-transform : rotate(90deg);
		-o-transform : rotate(90deg);}

}
/* 04_clinic 안과질환 > 원추각막 */
.cone_reason .contents01 p{margin: 3% 0 0 0}
.cone_reason .right_contents .div02_border > div{background: #fff}
.cone_diagnosis .contents01 .gray_bg{padding: 0; text-align: center;}

#ophthalmic02 .cone_cure ul.process{margin: 0;}
#ophthalmic02 .cone_cure ul.process b{background: #6c6661}
#ophthalmic02 .cone_cure ul.process span{ }

/* 04_clinic 안과질환 > 각막질환 */
.cornea_structure .txt li b, .cornea_structure .txt li span{display: block;}
.cornea_structure .txt li b{ margin: 0 0 8px 0;}
.cornea_cure p{margin: 0 0 3% 0}

.hard_process ul.process{margin: 0}
.define .tag{margin: 3% 0 0 0}
.define .tag b{position: relative; background: #597bba; color: #fff; font-size: 0.9em; border-radius: 6px; font-weight: 300; padding: 4px 10px; margin: 0 16px 0 0}
.define .tag b:after{content: ""; position: absolute; top: 32%; right: -10px; width: 0px; height: 0px; border-top: 6px solid transparent; border-left: 10px solid #597bba; border-bottom: 6px solid transparent;}
.define .tag span{color: #597bba}


/* 04_clinic 렌즈클리닉 > 소프트렌즈 */

#lens02 .soft_care .gray_bg{padding: 4% 5%}

/* 04_clinic 어린이검진센터 > 연령별눈검진 */
#child01 .chiild_grow.div04{}
#child01 .chiild_grow.div04 > div .txt{background: #f1f1f1; padding: 12px 20px; min-height: 228px;}
#child01 .chiild_grow.div04 > div:nth-of-type(2n-1) .txt{background: #f5f5f5;}
#child01 .chiild_grow.div04 > div .top{position: relative; text-align: center; padding: 16px 0; color: #fff; font-size: 16px;}
#child01 .chiild_grow.div04 > div:nth-of-type(1) .top{background: #ffad97}
#child01 .chiild_grow.div04 > div:nth-of-type(2) .top{background: #ff8d6d}
#child01 .chiild_grow.div04 > div:nth-of-type(3) .top{background: #ff6c44}
#child01 .chiild_grow.div04 > div:nth-of-type(4) .top{background: #597bba}
#child01 .chiild_grow.div04 > div ul.dot li{margin: 0 0 12px 0;}

#child01 .chiild_grow.div04 > div:nth-of-type(1) .top:before{content: ""; position: absolute; top: 0; left:0; width: 0px; height: 0px; border-top: 27px solid transparent; border-left: 27px solid #fff; border-bottom: 27px solid transparent;     z-index: 1;}
#child01 .chiild_grow.div04 > div:nth-of-type(1) .top:after{content: ""; position: absolute; top: 0; right: -27px; width: 0px; height: 0px; border-top: 27px solid transparent; border-left: 27px solid #ffad97; border-bottom: 27px solid transparent;     z-index: 1;}
#child01 .chiild_grow.div04 > div:nth-of-type(2) .top:after{content: ""; position: absolute; top: 0; right: -27px; width: 0px; height: 0px; border-top: 27px solid transparent; border-left: 27px solid #ff8d6d; border-bottom: 27px solid transparent;     z-index: 1;}
#child01 .chiild_grow.div04 > div:nth-of-type(3) .top:after{content: ""; position: absolute; top: 0; right: -27px; width: 0px; height: 0px; border-top: 27px solid transparent; border-left: 27px solid #ff6c44; border-bottom: 27px solid transparent;     z-index: 1;}

@media(max-width:960px){
	#child01 .chiild_grow.div04 > div .top{font-size: 14px;}
	#child01 .chiild_grow.div04 > div {width: 50%}
	#child01 .chiild_grow.div04 > div .txt{}

	#child01 .chiild_grow.div04 > div:nth-of-type(1) .top:before{content: ""; position: absolute; top: 0; left:0; width: 0px; height: 0px; border-top: 24px solid transparent; border-left: 24px solid #fff; border-bottom: 24px solid transparent;     z-index: 1;}
	#child01 .chiild_grow.div04 > div:nth-of-type(1) .top:after{content: ""; position: absolute; top: 0; right: -24px; width: 0px; height: 0px; border-top: 24px solid transparent; border-left: 24px solid #ffad97; border-bottom: 24px solid transparent;     z-index: 1;}
	#child01 .chiild_grow.div04 > div:nth-of-type(2) .top:after{content: ""; position: absolute; top: 0; right: -24px; width: 0px; height: 0px; border-top: 24px solid transparent; border-left: 24px solid #ff8d6d; border-bottom: 247px solid transparent;     z-index: 1;}
	#child01 .chiild_grow.div04 > div:nth-of-type(3) .top:before{content: ""; position: absolute; top: 0; left:0; width: 0px; height: 0px; border-top: 27px solid transparent; border-left: 27px solid #fff; border-bottom: 27px solid transparent;     z-index: 1;}
	#child01 .chiild_grow.div04 > div:nth-of-type(3) .top:after{content: ""; position: absolute; top: 0; right: -24px; width: 0px; height: 0px; border-top: 24px solid transparent; border-left: 24px solid #ff6c44; border-bottom: 24px solid transparent;     z-index: 1;}

}
#child02 .circle{max-width: 800px; margin: 3% auto 0 auto;}
#child02 .circle li div{width: 27%; padding: 13% 0;}
#child02 .circle li span{top: 30%}

.hard_process .gray_border{padding: 4% !important}

.dream_principle p{margin: 0 0 3% 0}
.dream_recommend ul.process{margin: 0}

.dream_process .contents01 p{margin: 0 0 3% 0}
.dream_process .number_square .contents01 .div02 .txt h3{margin: 5px 0}

/* 04_clinic 어린이검진센터 > 어린이 시력교정 */
.vision_time p{margin: 0 0 3% 0}
.vision_way .tab1_content .tab_contents01 h3{padding: 0}
.vision_way .tab1_content h3{padding: 5% 0 0 0}
.vision_way .tab1_content .gray_border{margin: 2% 0; text-align: center;}
.vision_way .tab1_content .gray_border img{margin: 1%}
.vision_way .tab_contents01 .circle li div{width: 29%; padding: 14% 0;}
.vision_way .tab_contents01 .circle{ max-width: 800px; margin: 3% auto; }
.vision_way .tab_contents01 .circle li span{top: 32%}

.child_prevent p{margin: 0 0 3% 0}

.examination_item #contents_table td{text-align: center;}




/* 11_etc  이용약관 */
#etc ul li{padding: 0 0 12px 0}
ul.list_circle {padding: 1% 0 0 2%}


/* 11_etc  개인정보취급방침(이전도 포함) */
#etc span.list{display:block; padding:1% 0 0 1%}
#etc span.list1{display:block; padding:0 0 0 1%}

#etc .agree_sec{margin: 0 0 3% 0}


/* 11_etc  비급여수가표 */
#etc table tr td{text-align:center}
#etc .charge_txt{text-align:center;padding:0 0 3% 0}