@font-face {
    font-family: 'Paperlogy'; 
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/woff2/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
 @font-face {
    font-family: 'KoPubWorldDotumLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldDotumLight.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'KoPubWorldDotumBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-1@1.0/KoPubWorldDotumBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}


.treatmentBox01 ul li{display: inline-block; width: 50%; font-size: 20px; text-align: left; }
.treatmentBox01 ul li:nth-child(2){padding-left:25px}
.treatmentBox01 ul li dt{display: inline-block; font-size: 30px; color: #00687f; border-bottom: #00687f 1px solid; margin-top: 40px}
.treatmentBox01 ul li dl{font-size: 24px; font-weight: 700; margin: 15px 0 20px}
.treatmentBox01 ul + ul {margin-top: 70px}

.lensBox01{margin-top: 100px}
.lensBox01 ul li{display: inline-block; width: 629px;  font-size: 30px; font-weight: 300}
.lensBox01 ul li+li{margin-left: 42px}

.smileBox01{width: 50%; text-align: right; border-right: #93bfc1 2px solid; font-size: 20px; position: relative; letter-spacing: -0.04em; margin-top: 150px; padding-top: 50px; padding-bottom: 120px; margin-bottom: 300px}
.smileBox01 dl {margin-bottom: 15px}
.smileBox01 dl b{font-size: 25px; font-weight: 900; padding-right: 12px}
.smileBox01 dt{font-size: 70px; font-weight: 900; position: relative; margin-top: -100px; padding-right: 40px}
.smileBox01 dl dd{font-size: 16px; font-weight: 300}
.smileBox01 ol{position: relative;  width: 650px; padding-right: 40px; margin-top: -70px}
.smileBox01 ol span{border-top: #93bfc1 2px solid; position: absolute; right: 0; width: 25px; margin-top: 17px;} 
.smileBox01 ol.r1{text-align: left; margin-left: 650px;  padding-left: 40px;  margin-top: -140px}
.smileBox01 ol.r1 span{left:0}
.smileBox01 ol.t1{margin-top: -66px}
.smileBox01 ol.t2{margin-top: -150px}
.smileBox01 ol.t4{margin-top: -66px;position: absolute }
.smileBox01 ol.t5{margin-top: 102px; position: absolute}

.smileBox01 dt.r2{position: relative; width: 650px; left: 100%; margin-left: -0px; padding-left: 40px; text-align: left; margin-top: 50px}
.smileBox01 dt.t3{margin-top: 50px}

.lasekBox01{border: #d6d6d6 1px solid;}
.lasekBox01 img{width: auto}
.lasekBox01 ul{font-size: 0}
.lasekBox01 ul li{display: inline-block; width: 1163px; font-size: 20px; font-weight: 300 ; vertical-align: top; position: relative}
.lasekBox01 ul li:nth-child(1){display: inline-flex;justify-content:center; align-items:center; height: 510px; width: 230px; vertical-align: middle; border-right: #d6d6d6 1px solid; background: #f6f8f8; color: #27687d; font-size: 32px; font-weight: 700; text-align: center}
.lasekBox01 ul li ol{display: inline-block !important; width:  600px; position: relative; padding-left: 176px; height: 154px; vertical-align: top; margin-top: 70px}
.lasekBox01 ul li ol:nth-child(2n){width: 480px}
.lasekBox01 ul li ol img{position: absolute; left: 0; top: 0;}
.lasekBox01 ul li ol dl{font-size: 24px; font-weight: 400; padding: 12px 0 15px}
.lasekBox01 ul li ol dl b{font-size: 30px; font-weight: 700; color: #4ea3b6}

.lasekBox01b ul li:nth-child(1){height: 672px}
.lasekBox01b ul li:nth-child(2){padding-top: 30px}
.lasekBox01b ul li ol{margin-top: 40px}
.lasekBox01b ul li dd{position: absolute; display: flex; align-items:center;width: 610px; height: 128px; background: url("/simg/orthodontics/lasek_img10.png") 18px center no-repeat #f6f8f8; padding-left: 65px; right: 40px; bottom: 15px; border-radius: 30px; letter-spacing: -0.04em}

.surgeryBox01 ul{ font-size: 0;}
.surgeryBox01 ul li{display: inline-block; width: 444px; padding: 40px 0;border-bottom: #d3d3d3 1px solid; padding-right: 32px; font-size: 18px; font-weight: 300;}
.surgeryBox01 ul li:nth-child(3n){padding-right: 0; width: 412px;}
.surgeryBox01 ul li a{width:412px; height: auto; }
.surgeryBox01 ul li a img{width:100% !important; height: auto; border: #d3d3d3 1px solid;}
.surgeryBox01 ul li dt{font-size: 20px; font-weight: 700; margin: 15px 0 10px}


.iclBox01{background: url("/simg/orthodontics/icl_img02.png") 87% 200px no-repeat ;}

.iclBox02{width: 1180px; margin: 100px auto 0}
.iclBox02 ul{font-size: 0}
.iclBox02 ul li{display: inline-block; width: 50%; font-size: 22px; vertical-align: top; padding-right: 80px}
.iclBox02 ul + ul{margin-top: 50px}
.iclBox02 ul li:nth-child(2){text-align: right; padding-right: 0}
.iclBox02 ul li dl{width: 150px; line-height: 46px; background: #27687d; color: #fff; text-align: center; border-radius: 50px}
.iclBox02 ul li dt{margin: 20px 0; font-size: 26px; font-weight: 700}

.iclBox03{background: url("/simg/orthodontics/icl_img02.png") 87% 435px no-repeat ;}

.iclBox04{margin-top: 60px}
.iclBox04 ul{font-size: 0; text-align: center}
.iclBox04 ul li{font-size: 22px;font-weight: 300; display: inline-block; width: 651px; vertical-align: top}
.iclBox04 ul li + li{margin-left: 28px}
.iclBox04 ul li dt{color: #008ea8; font-size: 26px; margin: 25px auto; font-weight: 700}
.iclBox04 ul li dl{text-align: left; padding: 0 70px}

.iclBox05{margin-top: 60px; border: #f8f8f8 36px solid; padding: 80px 70px 80px 40px; background: url("/simg/orthodontics/icl_img09.png") left bottom no-repeat ;}
.iclBox05 ul{font-size: 0; text-align: center}
.iclBox05 ul li{font-weight: 300; display: inline-block; width: 710px; vertical-align: top; text-align: left; font-size: 18px; letter-spacing: -0.04em}
.iclBox05 ul li:nth-child(2){width: 508px; padding-left: 10px}
.iclBox05 ul li dl{font-size: 24px; padding: 50px 100px 150px 114px}

.iclBox06{margin-top: 40px; background: url("/simg/orthodontics/icl_img10.png") left top no-repeat ; background-size: cover; padding: 100px 200px 110px; letter-spacing: -0.04em}
.iclBox06 dt{color: #fff; font-size: 40px; font-weight: 700; text-align: center; margin-bottom: 65px}
.iclBox06 ol{background: rgba(0, 24, 29, 0.7); padding: 50px 70px; color: #fff; font-size: 22px; border-radius: 50px}
.iclBox06 ol dl{padding-left: 50px; position: relative}
.iclBox06 ol dl span{position: absolute; width: 36px; line-height: 36px; border-radius: 30px; background: #b8cfd7; text-align: center; font-size: 20px; color: #1c3f47; margin-left: -50px; margin-top: -5px; font-weight: 900}
.iclBox06 ol dl + dl{margin-top: 40px}

.iclBox07{margin-top: 60px;  background: url("/simg/orthodontics/icl_img02.png") right bottom no-repeat ;}
.iclBox07 ul{font-size: 0; text-align: center;}
.iclBox07 ul li{font-weight: 300; display: inline-block; width: 626px; vertical-align: top; text-align: left; font-size: 20px; letter-spacing: -0.04em;}
.iclBox07 ul li:nth-child(2){margin-left: 50px;}
.iclBox07 ul li dt{display: inline-block; border-bottom: #00687f 1px solid; font-size: 30px; color: #00687f; font-weight: 700; margin-top: 45px}
.iclBox07 ul li dl{font-size: 24px; font-weight: 600; margin: 15px 0 25px}
.iclBox07 ul+ul{margin-top: 87px}
.iclBox07 ul li.web{display: inline-block !important}

/* 모바일 */
@media screen and (max-width:1024px) {
	.surgeryBox01 ul{ font-size: 0;}
.surgeryBox01 ul li{display: block; width: 100%; padding: 20px 0;border-bottom: #d3d3d3 1px solid; padding-right: 0px; font-size: 13px; font-weight: 300; margin-bottom: 0px}
.surgeryBox01 ul li:nth-child(3n){padding-right: 0; width: 100%;}
.surgeryBox01 ul li a{width:100%; height: auto; }
.surgeryBox01 ul li a img{width:100% !important; height: auto; border: #d3d3d3 1px solid;}
.surgeryBox01 ul li dt{font-size: 15px; font-weight: 700; margin: 15px 0 10px}
.presbyopia .surgeryBox01 ul li{border-bottom: #d3d3d3 0px solid !important; }	
	
	
.smileBox01{width: 100%; text-align: left; border-right: #93bfc1 0px solid; border-left: #93bfc1 2px solid; font-size: 15px; position: relative; letter-spacing: -0.04em; margin-top: 150px; padding-top: 50px; padding-bottom: 60px; margin-bottom: 0px}
.smileBox01 dl {margin-bottom: 15px}
.smileBox01 dl b{font-size: 20px; font-weight: 900; padding-right: 12px}
.smileBox01 dt{font-size: 40px; font-weight: 900; position: relative; margin-top: -100px; padding-right: 0px; padding-left: 40px}
.smileBox01 dl dd{font-size: 11px; font-weight: 300}
.smileBox01 ol{position: relative;  width: 100%; padding-right: 0px; margin-top: 0px; padding-left: 40px}
.smileBox01 ol span{border-top: #93bfc1 2px solid; position: absolute; right: 0; width: 25px; margin-top: 17px; left:0} 
.smileBox01 ol.r1{text-align: left; margin-left: 0;  padding-left: 40px;  margin-top: 0px}
.smileBox01 ol.r1 span{left:0}
.smileBox01 ol.t1{margin-top: 0px}
.smileBox01 ol.t2{margin-top: 0px}
.smileBox01 ol.t4{margin-top: 0px;position: relative}
.smileBox01 ol.t5{margin-top: 0px; position: relative}

.smileBox01 dt.r2{position: relative; width: 100%; left: 0; margin-left: -0px; padding-left: 40px; text-align: left; margin-top: 100px}
.smileBox01 dt.t3{margin-top: 50px}	
	.smileBox01 img{width: 100% !important}	
	
	.lasekBox01{border: #d6d6d6 1px solid;}
.lasekBox01 img{width: auto}
.lasekBox01 ul{font-size: 0}
.lasekBox01 ul li{display: block; width: 100%; font-size: 15px; font-weight: 300 ; vertical-align: top; position: relative; padding-bottom: 30px }
.lasekBox01 ul li:nth-child(1){display: flex;justify-content:center; align-items:center; height: 80px; width: 100%; vertical-align: middle; border-right: #d6d6d6 1px solid; background: #f6f8f8; color: #27687d; font-size: 27px; font-weight: 700; text-align: center; padding-bottom: 0}
.lasekBox01 ul li ol{display: block !important; width:  90%; position: relative; padding-left: 23%; height: auto; vertical-align: top; margin-top: 30px}
.lasekBox01 ul li ol:nth-child(2n){width: 90%}
.lasekBox01 ul li ol img{position: absolute; left: 0; top: 0; width: 25% !important; margin-left: -5%}
.lasekBox01 ul li ol dl{font-size: 19px; font-weight: 400; padding: 6px 0 6px}
.lasekBox01 ul li ol dl b{font-size: 25px; font-weight: 700; color: #4ea3b6}

.lasekBox01b ul li:nth-child(1){height: 80px}
.lasekBox01b ul li:nth-child(2){padding-top: 0px}
.lasekBox01b ul li ol{margin-top: 40px}
.lasekBox01b ul li dd{position: relative; display: flex; align-items:center;width: 90%; height: auto; background: url("/simg/orthodontics/lasek_img10.png") 18px center no-repeat #f6f8f8; padding-left: 0px; right: 0px; bottom: 0px; border-radius: 30px; letter-spacing: -0.04em;padding: 20px 10px 20px 50px; left:5%; margin-top: 30px; background-size: 20px }
	
	.lensBox01{margin-top: 100px}
.lensBox01 ul li{display: block; width: 100%;  font-size: 20px; font-weight: 300}
.lensBox01 ul li+li{margin-left: 0px; margin-top: 30px}
	.lensBox01 ul li img{width: 100% !important}
	
	.treatmentBox01 ul li{display: block; width: 100%; font-size: 15px; text-align: left; }
.treatmentBox01 ul li:nth-child(2){padding-left:0px; margin-top: 30px}
.treatmentBox01 ul li dt{display: inline-block; font-size: 25px; color: #00687f; border-bottom: #00687f 1px solid; margin-top: 0px}
.treatmentBox01 ul li dl{font-size: 19px; font-weight: 700; margin: 15px 0 20px}
.treatmentBox01 ul + ul {margin-top: 70px}
    
.iclBox01{background: url("/simg/orthodontics/icl_img02.png") 87% 200px no-repeat ; background-size: 30%}

.iclBox02{width: 100%; margin: 50px auto 0}
.iclBox02 ul{font-size: 0}
.iclBox02 ul li{display: inline-block; width: 100%; font-size: 17px; vertical-align: top; padding-right: 0px; margin-bottom: 20px; padding: 0 20px}
.iclBox02 ul + ul{margin-top: 50px}
.iclBox02 ul li:nth-child(2){text-align: left; padding-right: 20px}
.iclBox02 ul li dl{width: 80px; line-height: 23px; background: #27687d; color: #fff; text-align: center; border-radius: 50px}
.iclBox02 ul li dt{margin: 10px 0; font-size: 21px; font-weight: 700}
    .iclBox02 ul li img{width: 100% !important;}

.iclBox03{background: url("/simg/orthodontics/icl_img02.png") 87% 435px no-repeat ; background-size: 30%; margin-top: -100px !important;}

.iclBox04{margin-top: 30px;}
.iclBox04 ul{font-size: 0; text-align: center}
.iclBox04 ul li{font-size: 17px;font-weight: 300; display: inline-block; width: 100%; vertical-align: top; }
.iclBox04 ul li + li{margin-left: 0px; margin-top: 20px}
.iclBox04 ul li dt{color: #008ea8; font-size: 21px; margin: 17px auto; font-weight: 700}
.iclBox04 ul li dl{ padding: 0 30px; text-align: left}
    .iclBox04 ul li img{width: 100% !important}

.iclBox05{margin-top: 30px; border: #f8f8f8 18px solid; padding: 20px 10px 20px 10px; background: url("/simg/orthodontics/icl_img09.png") left bottom no-repeat ;  background-size: 30%; }
.iclBox05 ul{font-size: 0; text-align: center}
.iclBox05 ul li{font-weight: 300; display: inline-block; width: 100%; vertical-align: top; text-align: center; font-size: 13px; letter-spacing: -0.04em}
.iclBox05 ul li:nth-child(2){width: 100%; padding-left: 0px; margin-top: 20px}
.iclBox05 ul li dl{font-size: 19px; padding: 20px 0px 20px 0px}

.iclBox06{margin-top: 40px; background: url("/simg/orthodontics/icl_img10.png") left top no-repeat ; background-size: cover; padding: 50px 10px 50px; letter-spacing: -0.04em; }
.iclBox06 dt{color: #fff; font-size: 35px; font-weight: 700; text-align: center; margin-bottom: 65px}
.iclBox06 ol{background: rgba(0, 24, 29, 0.7); padding: 50px 25px; color: #fff; font-size: 17px; border-radius: 50px}
.iclBox06 ol dl{padding-left: 30px; position: relative}
.iclBox06 ol dl span{position: absolute; width: 26px; line-height: 26px; border-radius: 30px; background: #b8cfd7; text-align: center; font-size: 15px; color: #1c3f47; margin-left: -35px; margin-top: -2px; font-weight: 900}
.iclBox06 ol dl + dl{margin-top: 20px}

.iclBox07{margin-top: 30px;  background: url("/simg/orthodontics/icl_img02.png") right 400vw no-repeat ; background-size: 40%}
.iclBox07 ul{font-size: 0; text-align: center;}
.iclBox07 ul li{font-weight: 300; display: inline-block; width: 100%; vertical-align: top; text-align: left; font-size: 15px; letter-spacing: -0.04em;}
.iclBox07 ul li + li{margin-left: 0; margin-top: 20px}
    .iclBox07 ul li:nth-child(2){margin-left: 0; margin-top: 20px}
.iclBox07 ul li dt{display: inline-block; border-bottom: #00687f 1px solid; font-size: 25px; color: #00687f; font-weight: 700; margin-top: 45px}
.iclBox07 ul li dl{font-size: 19px; font-weight: 600; margin: 15px 0 25px}
.iclBox07 ul+ul{margin-top: 20px}    
.iclBox07 ul li.web{display: none !important}
}


/* 260806 추가 */
.z8{letter-spacing: 0 !important}
.z8 ul{font-size: 0}
.z8 ul li{vertical-align: top; letter-spacing: 0 !important}
.z8 div{letter-spacing: 0 !important}


.z8-fs18{font-size: 18px;}
.z8-fs20{font-size: 20px;}
.z8-fs24{font-size: 24px;}
.z8-fs25{font-size: 25px;}
.z8-fs26{font-size: 26px;}
.z8-fs28{font-size: 28px;}
.z8-fs30{font-size: 30px;}
.z8-fs40{font-size: 40px}
.z8-fs48{font-size: 48px}
.z8-fs50{font-size: 50px}
.z8-fs60{font-size: 60px}

.z8-fwL{font-weight: 300}
.z8-fwB{font-weight: 800}
.z8-fwEB{font-weight: 900}

.z8100{padding: 140px 0}
.z8-pt0{padding-top: 0}

.z8-mt05{margin-top: 5px}
.z8-mt10{margin-top: 10px}
.z8-mt20{margin-top: 20px}
.z8-mt25{margin-top: 25px}
.z8-mt30{margin-top: 30px}
.z8-mt40{margin-top: 40px}
.z8-mt70{margin-top: 70px !important}
.z8-mt80{margin-top: 80px}
.z8-mt100{margin-top: 100px !important}
.z8-mt140{margin-top: 140px}

.z8-co01{color: #369297}

.txtL{text-align: left}
.txtR{text-align: right}
.txtC{text-align: center}
.z8 .z8-t1{ color: #369297; font-size: 20px; letter-spacing: 0.2em !important; display: block}
.z8-t2{font-size: 50px; font-weight: 800; margin-top: 20px}
.z8-t3{font-size: 25px; font-weight: 300; margin-top: 30px}

.z8_box{padding: 0 70px}
.z8_bg1{ height:710px !important; background: url(/img/vision-correction/z8_img01.png) top center no-repeat; background-size: cover !important; align-content: center; color: #fff; text-align: center; }
.z8_bg1 dt{font-size: 70px; font-weight: 700}
.z8_bg1 dl{font-size: 30px; font-weight: 300; margin-top: 30px; }
.z8_bg1 a{display: block; border: #fff 2px solid; border-radius: 50px; width: 240px; height: 62px; align-content: center; font-size: 30px; font-weight: 700; margin: 60px auto 0; color: #fff !important}
.z8_bg1 a img{margin-left: 25px}

.z8_box01{height:721px ; background: url(/img/vision-correction/z8_img02.png) top center no-repeat; background-size: cover ; align-content: center;}

.z8_box01a ul li{display: inline-block; width: 50%;}
.z8_box01a ul li + li{padding-left: 10px}
.z8_box01a ul li dl{font-size: 19px; color: #369297; font-family: 'Paperlogy'; font-weight: 600; letter-spacing: 0.2em}
.z8_box01a ul li dt{font-size: 87px;; margin-top: 30px; font-family: 'Paperlogy'; font-weight: 700; line-height: 1.2}
.z8_box01a ul li dd{font-size: 24px; margin-top: 40px; font-family: 'Paperlogy'; font-weight: 600; }
.z8_box01a ul li .info01{font-size: 18px;color: #666666; margin-top: 10px; font-family: 'Paperlogy'; }
.z8_box01a ul li a{display: inline-block; font-family: 'KoPubWorldDotumBold'; height: 48px; align-content: center; padding: 0 30px; border-radius: 50px; color: #fff; background: #000000; font-size: 24px; margin-top: 50px; font-weight: 500; padding-top: 2px}
.z8_box01a ul li a + a{margin-left: 10px; background: #369297}

.z8_box02{margin-top: 80px}
.z8_box03{background: #f7f7f7}

.z8_box04{background: url(/img/vision-correction/z8_img06.png) top center no-repeat; background-size: cover; height: 466px; align-content: center; color: #fff }
.z8_box04 .z8-t1{color: #fff}
.z8_box04 .z8-t2 span{color: #6bd5db}

.z8_box05{color: #369297; padding: 0 30px; border-radius: 30px; border: #369297 1px solid; display: inline-block; height: 40px; align-content: center; }

.z8_box06 ul li{display: inline-block; width: 640px; border: #a8a8a8 1px solid}
.z8_box06 ul li + li{margin-left: 20px; border: #00687f 1px solid}
.z8_box06 ul li dl{background: #a8a8a8; color: #fff; height: 100px; align-content: center; margin-bottom: 30px; font-weight: 700; line-height: 1.6}
.z8_box06 ul li dd{margin-top: 30px; background: #f7f7f7; height: 96px; align-content: center}
.z8_box06 ul li:nth-child(2) dl{background: #00687f}

.z8_box07 ul li{display: inline-block; width: 418px; color: #fff; border: #00687f 1px solid}
.z8_box07 ul li + li{margin-left: 23px;}
.z8_box07 ul li dt{color: #00687f; background: #b3d2d9; height: 28px; padding: 0 20px; border-radius: 30px; display: inline-block}
.z8_box07 ul li ol{background: #00687f; height: 210px; align-content: center}
.z8_box07 ul li dd{ height: 400px; align-content: center}

.z8_box08{background: #f7f7f7; padding: 70px; }

.z8_box09 ul li{display: inline-block; width: 640px; border: #a8a8a8 1px solid}
.z8_box09 ul li + li{margin-left: 20px; border: #00687f 1px solid}
.z8_box09 ul li dt{height: 66px; align-content: center; background: #a8a8a8; color: #fff; font-weight: 700}
.z8_box09 ul li dl{ height: 366px;  align-content: center; background: #fafbfd}
.z8_box09 ul li dd{height: 96px;  align-content: center; background: #fff}
.z8_box09 ul li + li dt{background: #00687f}

.z8_box10 ul li{display: inline-block; width: 640px; border: #a8a8a8 1px solid}
.z8_box10 ul li + li{margin-left: 20px; border: #00687f 1px solid}
.z8_box10 ul li dt{height: 103px; align-content: center; background: #a8a8a8; color: #fff; font-weight: 700}
.z8_box10 ul li dl{ height: 406px;  align-content: center; background: #fff}
.z8_box10 ul li + li dt{background: #00687f}

.z8_box11 ul li{ background: #fff;border: #00687f 1px solid}
.z8_box11 ul li dt{height: 66px; align-content: center; background: #00687f; color: #fff; font-weight: 700}
.z8_box11 ul li dl{align-content: center; height: 443px}
.z8_box11 ul li dl span{vertical-align: top; background: #e7e7e7; margin-left: 50px; position: relative}
.z8_box11 ul li dl span img{width: 590px}
.z8_box11 ul li dl span font{position: absolute; bottom: 5px; left: 20px; width: 100%; text-align: left}

.z8_box12 ul li{display: inline-block; width: 384px; }
.z8_box12 ul li:nth-child(2n){width: 74px; text-align: center; padding-top: 150px}
.z8_box12 ul li dt{color: #00687f}	

.z8_box13 ul{text-align: center}
.z8_box13 ul li{display: inline-block; width: 310px; height: 160px; border-radius: 20px; border: #369297 1px solid; box-shadow: 4px 4px 0px #afd3d5; align-content: center; padding-left: 105px; position: relative;  text-align: left}	
.z8_box13 ul li + li{margin-left: 20px;}	
.z8_box13 ul li img	{position: absolute; top: 50%; margin-top: -27px; left: 25px}
.z8_box13 ul li dl{letter-spacing: -0.06em !important; margin-top: 5px}	


.z8_box14{background: url(/img/vision-correction/z8_img27.png) top center no-repeat; background-size: cover;}
.z8_box15{padding:0 70px !important; position: relative}	
	
.z8_box16{position: relative; padding-top: 60px; padding-left: 540px;}	
.z8_box16a{position: absolute; left: 0; top: 0}	
.z8_box16 ul{border-left: #dddddd 1px dashed }	
.z8_box16 ul li{padding-left: 100px; letter-spacing: -0.06em !important}	
.z8_box16 ul li dt{margin-left: -290px; position: absolute; margin-top: -20px}
.z8_box16 ul li img{display: block; margin-top: 10px}
.z8_box16 ul li .one{margin-left: -112px;  position: absolute; margin-top: 2px}	
.z8_box16 ul li span{margin-left: -50px;  position: absolute; color: #c7c7c7; margin-top: -3px}	
.z8_box16 ul li + li{margin-top: 50px}	
	
.z8_box17{background: url(/img/vision-correction/z8_img37.png) top center no-repeat; background-size: cover; height: 904px; align-content: center; }
.z8_box17 dt,
.z8_box17 dd{color: #fff}
.z8_box17 dl{width: 750px; height: 88px; align-content: center; text-align: left; padding-left: 25px; background: #ebf4f4; border-radius: 50px; border: #cae3e4 4px solid; margin: 0 auto}	
.z8_box17 dl + dl{margin-top: 20px}
.z8_box17 dl img{margin-right: 20px; vertical-align: middle}
	
.z8_box18{background: #fff; width: 1300px; margin: 70px auto 0; padding: 100px 120px}
.z8_box18 ul.t1 li{border-top: #1c1c1c 1px solid}
.z8_box18 ul{  display: flex;
  flex-wrap: wrap;
  gap: 0px;}
.z8_box18 ul li{display: inline-block; width: 20%; padding: 35px 0; border-bottom: #dddddd 1px solid; align-content: center}	
.z8_box18 ul li + li{width: 80%;}	
.z8_box18 ul li input{border: none; font-size: 20px; width: 800px; height: 60px; background: #f7f7f7}	
.z8_box18 ul li textarea{border: none; font-size: 20px; width: 800px; height: 200px; background: #f7f7f7}
.z8_box18 ul:last-child li:first-child{align-content: flex-start}
.z8_box18 input[type="checkbox"]{width: 20px; height: 20px; vertical-align: middle; margin-right: 10px}
.z8_box18 button[type="submit"]{background: #369297; border: 0; color: #fff !important; width: 312px; height: 72px; margin: 50px auto 0; border-radius: 50px; text-align: center; display: block; cursor: pointer}
.z8_box18 button[type="submit"]:disabled{cursor: wait; opacity: .65}

.z8_box19{position: absolute; right: 70px; border: #333333 1px solid; border-radius: 50px; width: 217px; height: 62px; align-content: center; text-align: center; top: 30px; color: #000 !important}
.z8_box19 img{vertical-align: middle}
.z8_box19b{width: 248px; }

.z8_box20 ul li{display: inline-block; width: 420px; height: 394px; border-radius: 10px; overflow: hidden; background: #f7f7f7}
.z8_box20 ul li div{ padding: 25px 30px; }
.z8_box20 ul li div dt{letter-spacing: -0.06em !important}
.z8_box20 ul li + li{margin-left: 20px}
.z8_box20b ul li{background: #fff; height: 363px}

.z8_box21{text-align: center; margin-top: 40px}
.z8_box21 a{display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #999999}
.z8_box21 a.on{background: #000000}

/* 모바일 */
@media screen and (max-width:1024px) {
	.z8{letter-spacing: -0.06em !important}
	
	.z8-fs18{font-size: 13px;}
.z8-fs20{font-size: 15px;}
.z8-fs24{font-size: 19px;}
.z8-fs25{font-size: 20px;}
.z8-fs26{font-size: 21px;}
.z8-fs28{font-size: 23px;}
.z8-fs30{font-size: 22px;}
.z8-fs40{font-size: 32px}
.z8-fs48{font-size: 40px}
.z8-fs50{font-size: 43px}
.z8-fs60{font-size: 52px}


.z8100{padding: 70px 0}
.z8-pt0{padding-top: 0}

.z8-mt05{margin-top: 3px}
.z8-mt10{margin-top: 5px}
.z8-mt20{margin-top: 10px}
.z8-mt25{margin-top: 12px}
.z8-mt30{margin-top: 15px}
.z8-mt40{margin-top: 20px}
.z8-mt70{margin-top: 35px !important}
.z8-mt80{margin-top: 40px}
.z8-mt100{margin-top: 50px !important}
.z8-mt140{margin-top: 70px}


.z8 .z8-t1{ color: #369297; font-size: 15px; letter-spacing: 0.2em !important; display: block}
.z8-t2{font-size: 40px; font-weight: 800; margin-top: 10px}
.z8-t3{font-size: 18px; font-weight: 300; margin-top: 15px}

.z8_box{padding: 0 0px}
.z8_bg1{ height:100vw !important; background: url(/img/vision-correction/z8_img01.png) top center no-repeat; background-size: cover !important; align-content: center; color: #fff; text-align: center; }
.z8_bg1 dt{font-size: 40px; font-weight: 700}
.z8_bg1 dl{font-size: 20px; font-weight: 300; margin-top: 30px; }
.z8_bg1 a{display: block; border: #fff 2px solid; border-radius: 50px; width: 180px; height: 52px; align-content: center; font-size: 20px; font-weight: 700; margin: 60px auto 0}
.z8_bg1 a img{margin-left: 12px}

.z8_box01{height:auto ; background: url(/img/vision-correction/z8_img02.png) top center no-repeat; background-size: cover ; align-content: center; padding: 50px 0}

.z8_box01a ul li{display: inline-block; width: 100%; text-align: center}
.z8_box01a ul li + li{padding-left: 0px; margin-top: 20px}
.z8_box01a ul li dl{font-size: 14px; color: #369297; font-family: 'Paperlogy'; font-weight: 600; letter-spacing: 0.2em}
.z8_box01a ul li dt{font-size: 42px;; margin-top: 30px; font-family: 'Paperlogy'; font-weight: 700; line-height: 1.2}
.z8_box01a ul li dd{font-size: 19px; margin-top: 40px; font-family: 'Paperlogy'; font-weight: 600; }
.z8_box01a ul li .info01{font-size: 13px;color: #666666; margin-top: 10px; font-family: 'Paperlogy'; }
.z8_box01a ul li a{display: inline-block; font-family: 'KoPubWorldDotumBold'; height: 48px; align-content: center; padding: 0 30px; border-radius: 50px; color: #fff; background: #000000; font-size: 19px; margin-top: 50px; font-weight: 500; padding-top: 2px}
.z8_box01a ul li a + a{margin-left: 10px; background: #369297}

.z8_box02{margin-top: 40px}
.z8_box03{background: #f7f7f7}

.z8_box04{background: url(/img/vision-correction/z8_img06.png) top center no-repeat; background-size: cover; height: auto; align-content: center; color: #fff; padding: 50px 0 }
.z8_box04 .z8-t1{color: #fff}
.z8_box04 .z8-t2 span{color: #6bd5db}

.z8_box05{color: #369297; padding: 0 30px; border-radius: 30px; border: #369297 1px solid; display: inline-block; height: 40px; align-content: center; }

.z8_box06 ul li{display: inline-block; width: 100%; border: #a8a8a8 1px solid}
.z8_box06 ul li + li{margin-left: 0px; border: #00687f 1px solid; margin-top: 20px}
.z8_box06 ul li dl{background: #a8a8a8; color: #fff; height: auto; align-content: center; margin-bottom: 30px; font-weight: 700; line-height: 1.6; padding: 20px 0}
.z8_box06 ul li dd{margin-top: 30px; background: #f7f7f7; height: auto; align-content: center; padding: 20px 10px}
.z8_box06 ul li:nth-child(2) dl{background: #00687f}
.z8_box06 ul li img{width: 96%}	

.z8_box07 ul li{display: inline-block; width: 100%; color: #fff; border: #00687f 1px solid; }
.z8_box07 ul li + li{margin-left: 0px; margin-top: 20px}
.z8_box07 ul li dt{color: #00687f; background: #b3d2d9; height: 28px; padding: 0 20px; border-radius: 30px; display: inline-block; align-content: center}
.z8_box07 ul li ol{background: #00687f; height: auto; align-content: center; padding: 20px}
.z8_box07 ul li dd{ height: auto; align-content: center}
	

.z8_box08{background: #f7f7f7; padding: 30px 10px; }

.z8_box09 ul li{display: inline-block; width: 100%; border: #a8a8a8 1px solid}
.z8_box09 ul li + li{margin-left: 0px; border: #00687f 1px solid; margin-top: 20px}
.z8_box09 ul li dt{height: 66px; align-content: center; background: #a8a8a8; color: #fff; font-weight: 700}
.z8_box09 ul li dl{ height:auto;  align-content: center; background: #fafbfd; padding: 20px}
.z8_box09 ul li dd{height: auto;  align-content: center; background: #fff; padding: 20px}
.z8_box09 ul li + li dt{background: #00687f}

.z8_box10 ul li{display: inline-block; width: 100%; border: #a8a8a8 1px solid}
.z8_box10 ul li + li{margin-left: 0px; border: #00687f 1px solid; margin-top: 20px}
.z8_box10 ul li dt{height: auto; align-content: center; background: #a8a8a8; color: #fff; font-weight: 700; padding: 20px}
.z8_box10 ul li dl{ height: auto;  align-content: center; background: #fff; padding: 20px 10px}
.z8_box10 ul li + li dt{background: #00687f}

.z8_box11 ul li{ background: #fff;border: #00687f 1px solid}
.z8_box11 ul li dt{height: 66px; align-content: center; background: #00687f; color: #fff; font-weight: 700}
.z8_box11 ul li dl{align-content: center; height: auto; padding: 20px 10px}
.z8_box11 ul li dl span{vertical-align: top; background: #e7e7e7; margin-left: 0px; position: relative; display: block; margin-top: 20px; padding-bottom: 30px}
.z8_box11 ul li dl span img{width: 100%}
.z8_box11 ul li dl span font{position: absolute; bottom: 5px; left: 20px; width: 100%; text-align: left}

.z8_box12 ul li{display: inline-block; width: 100%; }
.z8_box12 ul li:nth-child(2n){width: 100%; text-align: center; padding-top: 0px; padding: 30px}
	.z8_box12 ul li:nth-child(2n) img{margin: 0 auto}
.z8_box12 ul li dt{color: #00687f}	

.z8_box13 ul{text-align: center}
.z8_box13 ul li{display: inline-block; width: 100%; height: auto; border-radius: 20px; border: #369297 1px solid; box-shadow: 4px 4px 0px #afd3d5; align-content: center; padding-left: 100px; position: relative;  text-align: left; padding-right: 10px; padding: 30px 30px 30px 90px}	
.z8_box13 ul li + li{margin-left: 0px; margin-top: 20px}	
.z8_box13 ul li img	{position: absolute; top: 50%; margin-top: -27px; left: 15px}
.z8_box13 ul li dl{letter-spacing: -0.06em !important; margin-top: 5px}	


.z8_box14{background: url(/img/vision-correction/z8_img27.png) top center no-repeat; background-size: cover;}
.z8_box15{padding:0 10px !important; position: relative}	
	
.z8_box16{position: relative; padding-top: 30px; padding-left: 70px;}	
.z8_box16a{position: relative; left: 0; top: 0; margin-left: -70px; margin-bottom: 40px}	
.z8_box16 ul{border-left: #dddddd 1px dashed }	
.z8_box16 ul li{padding-left: 50px; letter-spacing: -0.06em !important}	
.z8_box16 ul li dt{margin-left: -125px; position: absolute; margin-top: -8px}
	.z8_box16 ul li dt.z8-fs60{font-size: 28px !important; letter-spacing: -0.08em !important}	
.z8_box16 ul li img{display: block; margin-top: 10px}
.z8_box16 ul li .one{margin-left: -60px;  position: absolute; margin-top: 2px; width: 20px}	
.z8_box16 ul li span{margin-left: -33px;  position: absolute; color: #c7c7c7; margin-top: -3px}	
.z8_box16 ul li + li{margin-top: 50px}	
	
.z8_box17{background: url(/img/vision-correction/z8_img37.png) top center no-repeat; background-size: cover; height: 904px; align-content: center; }
.z8_box17 dt,
.z8_box17 dd{color: #fff}
.z8_box17 dl{width: auto; height: auto; align-content: center; text-align: left; padding-left: 25px; background: #ebf4f4; border-radius: 20px; border: #cae3e4 4px solid; margin: 0 auto; padding: 20px 25px 20px 70px; position: relative; letter-spacing: -0.06em}	
.z8_box17 dl + dl{margin-top: 20px}
.z8_box17 dl img{margin-right: 0px; vertical-align: middle; position: absolute; left: 15px;top: 20px}
	
.z8_box18{background: #fff; width: 100%; margin: 30px auto 0; padding: 30px 10px}
.z8_box18 ul.t1 li{border-top: #1c1c1c 1px solid}
.z8_box18 ul{  display: flex;
  flex-wrap: wrap;
  gap: 0px;}
.z8_box18 ul li{display: inline-block; width: 20%; padding: 15px 0; border-bottom: #dddddd 1px solid; align-content: center}	
.z8_box18 ul li + li{width: 80%;}	
.z8_box18 ul li input{border: none; font-size: 15px; width: 100%; height: 50px; background: #f7f7f7}	
.z8_box18 ul li textarea{border: none; font-size: 15px; width: 100%; height: 150px; background: #f7f7f7}
.z8_box18 ul:last-child li:first-child{align-content: flex-start}
.z8_box18 input[type="checkbox"]{width: 20px; height: 20px; vertical-align: middle; margin-right: 10px}
.z8_box18 button[type="submit"]{width: 212px; height: 62px; margin-top: 50px}

.z8_box19{position: absolute; right: 70px; border: #333333 1px solid; border-radius: 50px; width: 217px; height: 62px; align-content: center; text-align: center; top: 30px; color: #000 !important}
.z8_box19 img{vertical-align: middle}
.z8_box19b{width: 248px; }

.z8_box20 ul li{display: inline-block; width: 420px; height: 394px; border-radius: 10px; overflow: hidden; background: #f7f7f7}
.z8_box20 ul li div{ padding: 25px 30px; }
.z8_box20 ul li div dt{letter-spacing: -0.06em !important}
.z8_box20 ul li + li{margin-left: 20px}
.z8_box20b ul li{background: #fff; height: 363px}

.z8_box21{text-align: center; margin-top: 40px}
.z8_box21 a{display: inline-block; width: 13px; height: 13px; border-radius: 50%; background: #999999}
.z8_box21 a.on{background: #000000}
	
	.z8 .pres_faqlistb{margin-top: 50px}
}