@charset "utf-8";
@import url('font.css');
@import url('common.css');
@import url('slick.css');

#wrap {position:relative; min-width:1480px; overflow:hidden; }
.wrapper {width:1480px; margin:0 auto}
div {color:#262626; letter-spacing:-1px}
a {color:inherit;}
ol {counter-reset:number_count}
ol > li::before {font-famaily:"gmarketsans"; font-weight:bold; counter-increment:number_count; content:counter(number_count)}
.slick-slide {backface-visibility:hidden;} 

/*header*/
header h1 {padding-top:20px; text-align:center;}
header h1 span {position:relative; top:8px; left:8px; font-size:18px; font-weight:500; }
header .wrapper {position:relative; z-index:90; height:120px;}
header .util {position:absolute; z-index:1; top:50%; right:0; transform:translateY(-50%);}
header .util li {float:left; color:#8a8a8a}
header .util li a {display:inline-block;}
header .util li + li {margin-left:30px}
header .util li + li::before {display:inline-block; position:relative; top:2px; left:-15px; width:1px; height:13px; background-color:#8a8a8a; content:""}
header nav {border-top:1px solid #ccc}
header .gnb {display:table; position:relative; left:50%; width:1580px; height:auto; margin:0; transform:translateX(-50%)}
header .gnb > li {display:table-cell; position:relative; table-layout:fixed; width:200px; font-size:22px; font-weight:500; text-align:center;}
header .gnb > li + li {border-left:1px solid #ccc}
header .gnb > li > a {display:block; padding:20px 0}

header .sub_nav {position:absolute; z-index:1; left:0; text-align:left; background:#fff; opacity:0; visibility:hidden; transition:.3s}
header .sub_nav li {float:none; white-space:nowrap; transition:.3s}
header .sub_nav li a {display:block; padding:14px 30px; font-size:15px; min-width:197px;}
header .sub_nav li:hover {color:rgba(0,158,224,1); /* background:rgba(0,158,224,1); */ transition:.3s}

header .gnb > li:hover .sub_nav {opacity:1; visibility:visible; transition:.3s}


/*container*/
.quick {position:fixed; z-index:10; top:200px; right:10px; transition:.5s}
.quick a {display:block;}
.quick li + li {margin-top:1px}
.quick.on {top:50%; transform:translateY(-50%); transition:.5s}

.visual .slick-dots {position:absolute; z-index:1; bottom:38px; left:50%; transform:translateX(-50%);}
.visual .slick-dots li {display:inline-block; width:15px; height:15px; margin:0 5px; text-indent:-9999px; border-radius:50%; background-color:#fff}
.visual .slick-dots .slick-active {background-color:#aa222b}
/*footer*/
.count_banner {padding:100px 0;}
.count_banner h3 {display:inline-block; font-size:40px; font-weight:bold;}
.count_banner h3 + p {display:inline-block; color:#909090; font-size:24px; font-weight:500}

.count_banner li {float:left; width:392px; height:77px;}
.count_banner li + li {margin-left:10px}
.count_banner select {background:#fff url(/images/ico/ico_select.png) no-repeat center right 20px}
.count_banner select,
.count_banner input {width:100%; height:100%; padding:0 20px; color:#8b8b8b; font-size:22px; font-weight:400; border-color:#d5d5d5}
.count_banner input::placeholder {color:inherit; font-size:inherit;}
.count_banner .name {width:352px;}
.count_banner .button {float:right; width:280px; }
.count_banner .button input {color:#fff; font-size:26px; font-weight:500; background-color:#009ee0; border:none;}

h3 {font-weight:200}
h3 b {;font-weight:500;}
.clinic_intro {padding:150px 0; text-align:center; background:url(/images/bg/bg_01.jpg) no-repeat center; background-size:cover}
.clinic_intro h3 {color:#fff; font-size:62px}
.clinic_intro .slick-dots {display:inline-table; position:absolute; z-index:1; top:-70px; left:50%; width:920px; text-align:center; transform:translate(-50%,-100%)}
.clinic_intro .slick-dots li {display:table-cell; table-layout:fixed; width:305px; height:76px; color:#fff; font-size:26px; cursor:pointer; vertical-align:middle; border:1px solid #fff; border-left:0}
.clinic_intro .slick-dots li:first-child {border-left:1px solid #fff}
.clinic_intro .slick-dots button {color:inherit}
.clinic_intro .slick-dots .slick-active {color:#039bdc; background-color:#fff}
.clinic_intro .slick-slider {width:1220px; margin:200px auto 0; box-shadow:10px 10px 0 0 rgba(0,0,0,.1) }
.clinic_intro .slick-slide {position:relative;}
.clinic_intro .slick-slide::after {display:table; clear:both; content:""}
.clinic_intro p {float:left;}
.clinic_intro .slick-arrow {position:absolute; z-index:1; top:50%; width:43px; height:80px; text-indent:-9999px; background-size:100%; transform:translateY(-50%);}
.clinic_intro .slick-prev {left:-130px; background-image:url(/images/ico/ico_prev.png);}
.clinic_intro .slick-next {right:-130px; background-image:url(/images/ico/ico_next.png);}
.clinic_intro a {display:block; position:absolute; z-index:1; right:40px; bottom:40px; width:140px; height:140px; text-indent:-9999px; border-radius:50%; overflow:hidden}

.clinic_banner {padding:150px 0 110px;}
.clinic_banner a {display:block;}
.clinic_banner::after {display:table; clear:both; content:""}
.clinic_banner .left {float:left; width:650px;}
.clinic_banner .right {float:right; width:830px;}

.new_clinic {position:relative; height:1000px; background:url(/images/pic/bg_newcon_old.jpg) no-repeat center top;}
.new_clinic .btn {position:absolute; z-index:1; left:50%; top:673px; margin-left:-9px;}
.new_clinic .btn:after {display:block; content:''; clear:both;}
.new_clinic .btn > a {display:block; float:left; margin-right:8px;}

.banner_quick {margin-top:150px;}
.banner_quick .half p {float:left; width:50%;}
.banner_quick .half:after {display:block; content:''; clear:both;}

/*doctor_intro*/
.doctor_intro {position:relative;text-align:center;}
.doctor_intro a {display:block; position:absolute; top:556px; left:223px; z-index:1; width:295px; height:72px; text-indent:-9999px}

/*interior_view*/
.interior_view {padding:150px 0 110px; text-align:center;}
.interior_view li {margin:0 30px}
.interior_view .slick-dots {margin-top:50px}
.interior_view .slick-dots li {display:inline-block; width:8px; height:8px; margin:0 10px; text-indent:-9999px; border-radius:50%; background-color:#b9b8b4}
.interior_view .slick-dots .slick-active {background-color:#cba189}

/*notice*/
.news {padding:80px 0; color:#fff; background:url(/images/bg/bg_03.jpg);}
.news .wrapper::after {display:table; clear:both; content:""}
.news .right {float:right;}
.news_box {position:relative; float:left; width:650px; padding-top:20px}
.news_box h3 {display:inline-block; position:relative; float:left; color:#fff; font-size:48px; font-weight:600}
.news_box h3::after {display:block; position:absolute; z-index:1; bottom:-30px; left:0; width:100%; height:4px; background-color:#e6c4a2; content:""; transform:translateY(100%);}

.news_box .title {padding:30px 0; border-bottom:4px solid #ffffff}
.news_box .title::after {display:table; clear:both; content:""}
.news_box .more_btn {display:block; position:absolute; top:50px; right:0; padding:0 20px; margin-top:30px}
.news_box li {height:90px; font-size:23px; color:#fff; border-bottom:1px solid #ffffff}
.news_box li p {float:left; max-width:80%; line-height:86px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_box li a {display:block; float:right; width:90px; line-height:86px; text-align:center;}

footer {position:relative;width:1580px;margin:0 auto;height:180px;}
footer ul {margin-top:45px;}
footer ul li {display:block;font-size:1.3em;line-height:150%;letter-spacing:0.8px;color:#7e7e7e;vertical-align:baseline;}
footer ul li a {vertical-align:baseline;color:#7e7e7e !important;}
/*
footer ul {position:absolute; z-index:1; top:46px; right:160px}
footer li {display:inline-block; width:40px; height:40px; margin:0 5px; text-indent:-9999px;}
footer li a {display:block; width:100%; height:100%}
*/

/* sub */
.sub_banner {height:530px; padding-top:190px; background:url(/images/bg/bg_05.jpg) no-repeat center}
.sub_banner h3 {color:#fff; font-size:54px; font-weight:700}
.sub_banner p {color:rgba(255,255,255,.5); font-size:26px; font-weight:300}

.sub_con {position:relative; left:50%; transform:translateX(-50%)}

.news.sub_info {padding:150px 0;}
.news.sub_info i {display:block; float:left}
.news.sub_info p {float:right}

.video {width:1280px; height:795px; margin:0 auto 180px; background:url(/images/pic/pic_sub_03.png) no-repeat center; background-size:100%}
.video p {position:relative; top:50%; left:50%; width:1080px; height:595px; color:#fff; text-align:center; transform:translate(-50%,-50%);}

.sub_tab {text-align:center; border-bottom:2px solid #d9d9d9}
.sub_tab ul {display:inline-table}
.sub_tab ul li {display:table-cell; height:90px; color:#a1a0a0; font-size:22px;}
.sub_tab li a {display:inline-block; line-height:90px; height:100%; padding:0 35px;}
.sub_tab li span {position:relative}
.sub_tab li.on,
.sub_tab li:hover {color:#262626}
.sub_tab li.on span::after,
.sub_tab li:hover span::after {display:block; position:absolute; bottom:-31px; left:0; width:100%; height:2px; background:#a70e13; content:""}

.count_banner2 {background:#009ee0}
.count_banner2 h3 {color:#fff}
.count_banner2 h3 + p{color:#bee6f7}
.count_banner2 select, .count_banner2 input {border:none}
.count_banner2 .button input {background:#282c36}

/* 02 intro */
.intro_02 .sub_banner {background-image:url(/images/bg/bg_06.jpg)}
.intro_02 .sub_con .wrapper {width:1280px}
.intro_02 .sub_con {padding-bottom:200px}
.intro_02 .sub_con li {position:relative; float:left}
.intro_02 .sub_con li:last-child {float:right}
.intro_02 .sub_con a {display:block; position:absolute; right:0; bottom:0; width:200px; height:70px; text-indent:-9999px}

/* popup */
.intro_pop .pop_con .pop_top::after {display:table; clear:both; content:""}
.intro_pop .pop_con .left_con {float:left;}
.intro_pop .pop_con .left_con.title {width:310px;}
.intro_pop .pop_con .left_con:last-child {float:right}
.intro_pop .pop_con span {color:#7d7d7d; font-size:24px; }
.intro_pop .pop_con h3 {color:#323232; font-size:46px; font-weight:500}
.intro_pop .pop_con h3 b {margin-right:6px; font-weight:900}
.intro_pop .pop_con strong {color:#3a3a3a; font-size:24px; line-height:45px;}
.intro_pop .pop_con ul {padding-bottom:70px}
.intro_pop .pop_con li {color:#6f6f6f; font-size:22px; font-weight:400; line-height:45px}
.intro_pop .pop_con li::before {display:inline-block; position:relative; top:-4px; width:7px; height:7px; margin-right:12px; background:#009fe0; border-radius:50%; content:""}
.intro_pop .pop_con .pop_top {border-bottom:3px solid transparent; border-image:url(/images/pic/pic_line.png) 30 round;}
.intro_pop .pop_con .pop_btm {padding-top:70px}

/* interior_03 */
.interior_03 .sub_banner {background-image:url(/images/bg/bg_06.jpg)}

.interior_03 .sub_con {padding-bottom:180px}
.interior_03 .sub_con .wrapper {width:1280px}

.interior_03 .tab_wrap::after {display:table; clear:both; content:""}
.interior_03 .tab li {background-position:0 0; background-repeat:no-repeat; cursor:pointer}
.interior_03 .tab li + li {margin-top:2px}
.interior_03 .tab .on img {opacity:0}
.interior_03 .tab .floor_01 {background-image:url(/images/pic/pic_tab_02.jpg)}
.interior_03 .tab .floor_02 {background-image:url(/images/pic/pic_tab_04.jpg)}
.interior_03 .tab .floor_03 {background-image:url(/images/pic/pic_tab_06.jpg)}
.interior_03 .tab .floor_04 {background-image:url(/images/pic/pic_tab_08.jpg)}
.interior_03 .tab {float:right}
.interior_03 .tab_con {float:left; width:1050px}

.interior_03 .slider-for {margin-bottom:30px}
.interior_03 .slider-for .slick-arrow {position:absolute; z-index:2; bottom:0; width:70px; height:70px; background:#aa222b url(/images/ico/ico_arrow.png) no-repeat left 27px center; text-indent:-9999px; overflow:hidden}
.interior_03 .slider-for .slick-prev {left:0; transform:rotate(180deg)}
.interior_03 .slider-for .slick-next {right:0;}
.interior_03 .slider-for .slick-slide {position:relative}
.interior_03 .slider-for p {position:absolute; z-index:2; bottom:0; width:100%; height:70px; line-height:70px; color:#fff; font-size:22px; text-align:center; background:rgba(0,0,0,.5)}

.interior_03 .slider-nav .slick-slide {opacity:.7}
.interior_03 .slider-nav .slick-current {position:relative; opacity:1}
.interior_03 .slider-nav .slick-current::before {position:absolute; top:0; left:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid #aa222b; content:""}
.interior_03 .slider-nav {text-align:left}
.interior_03 .slider-nav li {margin-right:10px}

/* equip_04 */
.equip_04 .sub_banner {background-image:url(/images/bg/bg_06.jpg)}
.equip_04 .outer.tab_wrap {width:1280px}
.equip_04 .outer > .tab_con {padding:40px 0 180px}
.equip_04 .outer > .tab {text-align:center}
.equip_04 .outer > .tab > ul {display:inline-table; width:1280px}
.equip_04 .outer > .tab > ul > li {display:table-cell; width:33.33%; height:80px; color:#7d7d7d; font-size:22px; font-weight:500; background:#efefef; border:1px solid #cecece; border-right:none}
.equip_04 .outer > .tab > ul > li:last-child {border-right:1px solid #cecece}
.equip_04 .tab a {display:block; height:100%; line-height:80px}
.equip_04 .outer > .tab > ul > .on {color:#fff; background:#aa222b; border-color:#aa222b}
.equip_04 .outer > .tab > ul > .on a {color:#fff;}
.equip_04 .outer > .tab > ul > .on + li {border-left:none}
.equip_04 .outer > .tab > ul > .on:last-child {border-right-color:#009fe0}

.equip_04 .inner .tab {height:300px}
.equip_04 .inner .tab ul {display:table; width:100%}
.equip_04 .inner .tab li {display:table-cell; table-layout:fixed; vertical-align:top; color:#b6b6b6; text-align:center; cursor:pointer}
 
.equip_04 .inner .tab li + li {padding-left:21px}
.equip_04 .inner .tab .thumb {position:relative; display:inline-block}
.equip_04 .inner .tab .thumb img {display:inline-block}
.equip_04 .inner .tab .thumb img:first-child {position:absolute; z-index:1; top:0;}
.equip_04 .inner .tab .thumb img:last-child {opacity:0}

.equip_04 .inner .tab .on {color:#009fe0}
.equip_04 .inner .tab .on .thumb img:first-child {z-index:-1}
.equip_04 .inner .tab .on .thumb img:last-child {opacity:1}

.equip_04 .inner:last-child .tab li + li {padding-left:20px}
.equip_04 .inner:nth-child(2) .tab li + li {padding-left:22px}
/* location_05 */
.location_05 .sub_banner {background-image:url(/images/bg/bg_06.jpg)}
.location_05 .sub_con {padding-bottom:220px}
.location_05 .sub_con > div {position:relative}
.location_05 .sub_con ul {position:absolute; left:733px; z-index:1; top:0}
.location_05 .sub_con li {float:left; width:222px; height:63px}
.location_05 .sub_con li + li {margin-left:9px}
.location_05 .sub_con a {display:block; width:100%; height:100%; text-indent:-9999px; }
.location_05 .map_con {width:1280px}
.location_05 .map_con > div::after {display:table; clear:both; content:""}
.location_05 .map_con > div > p {float:left}
.location_05 .map_con .left {float:left;  border:1px solid #d9d9d9}

/* 서브메뉴별 상단 배경이미지 */
.oldMenu .sub_banner {background-image:url(/images/bg/subbg_02.jpg)}
.glaucomaMenu .sub_banner {background-image:url(/images/bg/subbg_03.jpg)}
.clinicMenu .sub_banner {background-image:url(/images/bg/subbg_04.jpg)}
.dryMenu .sub_banner {background-image:url(/images/bg/subbg_05.jpg)}
.childMenu .sub_banner {background-image:url(/images/bg/subbg_06.jpg)}
.ptosisMenu .sub_banner {background-image:url(/images/bg/subbg_07.jpg)}
.commMenu .sub_banner {background-image:url(/images/bg/subbg_08.jpg)}
.memberMenu .sub_banner {background-image:url(/images/bg/subbg_09.jpg)}


/* 커뮤니티 */

.commBox { width:1280px; margin:0 auto; padding-bottom: 200px; }

/* 아이디/비번찾기 */

.subFindBox {
	width: 1200px;
	height: 801px;
	padding-bottom: 300px;
	margin: 0 auto;
	position: relative;
	background: url("/images/member/find_bg.jpg") no-repeat 0 0;
}

.subFindBox:after {
	display: block;
	content:'';
	clear:both;
}

.subFindBox p {
	position: absolute;
}

/* 로그인 */

.subLoginBox {
	width: 1200px;
	height: 801px;
	padding-bottom: 300px;
	margin: 0 auto;
	position: relative;
	background: url("/images/member/login_bg.jpg") no-repeat 0 0;
}

.subLoginBox:after {
	display: block;
	content:'';
	clear:both;
}

.subLoginBox p {
	position: absolute;
}
.login_n { position: absolute; top: 343px; left: 195px; }
.login_k { position: absolute; top: 343px; left: 467px; }
.login_f { position: absolute; top: 343px; left: 739px; }

.login_id { top: 488px; left: 329px; }
.login_pw { top: 532px; left: 329px; }
.login_go { top: 488px; left: 802px; }

#loginId { width: 461px; height: 36px; border: 1px solid #d7d7d7; }
#loginPw { width: 461px; height: 36px; border: 1px solid #d7d7d7; }
#loginGo { width: 140px; height: 83px; }

.btn_find { position: absolute; top: 652px; left: 258px; }
.btn_join { position: absolute; top: 652px; left: 603px; }

/* 회원가입 */

.easyJoin { width: 1280px; padding:80px 40px; }
.easyJoin ul li { width: 400px; float:left; }