﻿/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body::after{content:'';display: block;clear: both;}
.wrap {width:100%; float: left; margin:0 auto; min-width:1300px;}
.container {width:1000px; margin:0 auto; }
.container_1100 {width:1100px; margin:0 auto; }
.container_1030 {width:1035px; margin:0 auto; }

/*head*/
#header_sms{position:absolute; top:20px; left:20px; z-index:100; width:160px; min-height:270px; background:url(../images/common/sms_bg.png) no-repeat top left; text-align:right; cursor:move;}
#header_sms dl {margin:35px 15px 0 0px;}
#header_sms input {width:87px; height:14px; border:1px solid #ccc; margin:0 2px 3px 0;}
#header_sms textarea {overflow-x:hidden;overflow-y:auto;width:120px; height:110px; border:0px; margin-bottom:4px;font-family:'dotum';font-size:11px;color:#777;line-height:1.5;padding:10px 5px}
#header_sms #btn {width:130px; height:20px; margin:3px 15px 0 15px; }
#header_sms #btn img {width:100%; height:100%;}

#header_sms1 {width:160px;height:290px; background:url(../images/common/sms_bg1.png) no-repeat 0 0px; text-align:right; cursor:move;}
#header_sms1 dl {padding:45px 15px 0 0px;}
#header_sms1 input {width:118px; height:18px; border:1px solid #ccc; margin:0 5px 2px 0;font-size: 11px;}
#header_sms1 textarea {overflow-x:hidden;overflow-y:auto;width:120px; height:96px; border:0px; margin-bottom:0;font-family:'dotum';font-size:11px;color:#777;line-height:1.5;padding:10px 5px}
#header_sms1 #btn {width:130px; height:20px; margin:3px 15px 0 15px; }
#header_sms1 #btn img {width:100%; height:100%;}

#header_sms1 .prv {position:relative; top:400px; height:0px; text-align:center; width:160px; left:20px;}


#header2{}
#header2 ul li{float:left;}

.popup .prv {position:relative;height:; text-align:center;width:160px;padding-bottom:10px;}
.popup .prv input {width:auto; position:relative; top:3px; padding:0 3px;}

#logo {left:0px; top:0px; width:530px; text-align:center; margin:15px 0 0 0px;}
#logo h1{margin:10px 0 0 0;}
#t_location {float:right;}
#t_tel {margin:0 0 0 15px;}
#t_tel p{margin:5px 0 0 0px;}

#navi {height:36px;border-top:1px solid #989898;text-align: center;}
#navi ul{}
#navi ul li {display: inline-block;margin:0 10px;}

#navi2 {height:80px; border-top:2px solid #313131; background:#f8f8f8;}
#navi2 .container {text-align:center;}
#navi2 ul {width:870px; margin:0 auto;}
#navi2 ul li {float:left; border-left:1px solid #dadada; padding:0 3px;}
#end {float:left; border-right:1px solid #dadada; padding:0 3px;}

#visual{height:640px; background:#e0e0e0; background:url(../images/main/main_visual_bg.jpg) no-repeat top #e0e0e0; padding:30px 0 0 0px;}

#m_left{float:left; width:238px;}
#m_left.on {display:block;}
#m_left.off {display:none;}

#m_left img{margin:0 0 10px 0px;}
#m_center{float:left; margin:0 20px 0 20px;}

#m_right{float:left; background:#ffffff; border:1px solid #cccccc; width:235px; height:589px;}
#m_right ul {margin:10px 0 0 5px;}
#m_right ul li{margin:10px 0px;}

/*gnb*/
#header {position:absolute; left:0; height:35px; top:85px; z-index:9999; width:100%; overflow:hidden; }
.gnb_out{width:100%; background:url(../images/common/navi_bg.gif) repeat-x top #fff; height:370px; border-bottom:1px solid #0080dd;}
.gnb_out > div{width:1000px; margin:0 auto;background:url("") no-repeat;}

#gnb{position:relative; z-index:50; width:1000px; margin:0 auto;}
#gnb > ul{overflow:hidden;}
#gnb > ul > li{float:left; height:35px;}
#gnb > ul > li a{display:block;}
#gnb > ul > li a:hover img,#gnb > ul > li a:focus img,#gnb >ul  li.on img{margin-top:-35px; margin-bottom:35px;}
#gnb > ul > li > ul{position:absolute;left:0;z-index:50; background:#fff;line-height:25px;  margin-top:-30px;}
#gnb > ul > li > ul.sub01{left:0px}
#gnb > ul > li > ul.sub02{left:143px}
#gnb > ul > li > ul.sub03{left:286px}
#gnb > ul > li > ul.sub04{left:571px}
#gnb > ul > li > ul.sub05{left:714px}
#gnb > ul > li > ul.sub06{left:857px}
#gnb > ul > li > ul.sub07{left:429px}
#gnb > ul > li > ul > li a{overflow:hidden;display:block;padding-left:10px;text-decoration:none;color:#555;}
#gnb > ul > li > ul > li a:hover,#gnb > ul > li > ul > li a.on{color:#009944;font-weight:bold;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*main*/
/* main_visual */
.main_visual{width:100%; height:600px; overflow:hidden; border-bottom:1px solid #ddd;}
.main_visual .visual_content{position:relative; width:1000px;height:600px;margin:0 auto;} /*navi값*/
.main_visual .visual_obj_group{position:absolute; top:0;left:0;z-index:10; mar gin-top:80px;}
.main_visual .visual_obj_group > div{position:absolute;top:0;left:0;width:1000px; }
.main_visual .visual_obj_group .txt_group{position:absolute;top:80px;left:0px; z-index:10; filter:alpha(opacity=0);opacity:0; margin:0 0 0 20px;}
.main_visual .visual_obj_group .visual_img{position:absolute; filter:alpha(opacity=0);opacity:0 ; z-index:20; right:0px;}

.main_visual .visual_bg_group{position:absolute; top:0; left:0; z-index:5}
.main_visual .visual_bg_group > p {position:absolute; top:0;left:-1000px;width:3000px; height:600px;filter:alpha(opacity=0);opacity:0}
.main_visual .visual_bg_01{background:url(../images/main/m_visual_bg_01.jpg) center top no-repeat #c3dcfc;}
.main_visual .visual_bg_02{background:url(../images/main/m_visual_bg_02.jpg) center top no-repeat #f4eeea;}
.main_visual .visual_bg_03{background:url(../images/main/m_visual_bg_03.jpg) center top no-repeat #eaf1f7;}
.main_visual .visual_bg_04{background:url(../images/main/m_visual_bg_04.jpg) center top no-repeat #c3c3c3;}
.main_visual .visual_bg_05{background:url(../images/main/m_visual_bg_05.jpg) center top no-repeat #bfdffe;}

.main_visual .visual_tab{position:absolute; top:575px; left:100px; z-index:15;}
.main_visual .visual_tab ul{overflow:hidden;width:1000px;margin:0 auto}
.main_visual .visual_tab ul > li {position:relative;float:left;width:160px;height:25px;cursor:pointer}


#icon-bn{margin-bottom:30px;padding:35px 0 50px 0;background:#e3e3e3;}
#icon-bn .tit{padding: 0px 0 20px 0;text-align: center;}
#icon-bn ul{clear:both;}
#icon-bn ul li{float: left;width: 23%;margin-right: 2%;margin-bottom: 2%;}
#icon-bn ul li img{width: 100%;}



#m_best {height:420px; padding:35px 0 0 0px; 
}
#m_best .container{height:410px; clear:both; }
#m_best li {display:inline; padding:0px; margin:0 33px 0 0px; vertical-align:top; float:left;}
#m_best_con p{margin:15px 0px;}
#m_best_con div{width:300px; margin:5px 0 0 0px;}





#m_board {}
#m_board_board {width:670px; float:left;}
#m_board_review {width:340px; float:left; margin:0 30px 0 0; }
#m_board_review h1 {height:31px; margin:0 0 10px 0;}
#m_board_review p {width:90px; float:left; margin:0 10px 0 0;}
#m_board_review table {width:240px; height:90px; float:left; }
#m_board_online {width:300px; float:left; }
#m_board_online h1 {height:31px; margin:0 0 10px 0;}
#m_board_online table {width:100%; height:90px; float:left; }
#m_board_review table td, #m_board_online table td {background:url(../images/main/m_icon.gif) no-repeat left; padding:1px 0 1px 15px;}
#m_info {float:left; margin:10px 0 0 0;}

#m_board_banner {width:300px; float:right;}
#m_board_banner li {margin:0 0 10px 0; float:left; display:block;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*footer*/
#quick_btn{position: fixed;left:50%;top:230px;width:80px;margin-left:550px;background:#fff;}
#quick_btn a{display: block;padding:15px 0;text-align: center;}
#quick_btn .sms a{background: #fe4f6e;}
#quick_btn .kakao a{background: #ffd007;}

/* naver 배너 210712 */
#quick_btn .naver a{background: #00c83e;}

#footer_menu ul {width:100%;}
#footer_menu ul li {float:left;}
#footer_menu ul li::after{display: block;clear: both;content: '';}
#footer_menu #tel{margin:0 8px 0 0px;}
#footer_menu .wrap_controllers {display:none !important;}

#footer_menu .container {border-top:2px solid #313131; padding:25px 0px;}
#footer_menu .dot_line{padding:20px 45px;}

#notice {float:left; width:280px; }
#notice::after{display: block;clear: both;content: '';}
#notice ul {margin:10px 0 0 0px;}
#notice ul li{margin:0px 0 5px 0px; width:280px;}
#notice ul li a{display: inline-block; width: 200px;height: 15px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#notice span {float:right}

#media {width:280px;margin:90px 0 0 0px;}
#media ul {margin:10px 0 0 0px;}
#media ul li{margin:0px 0 5px 0px; width:280px;}
#media ul li a{display: inline-block; width: 200px;height: 15px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#media span {float:right}

#online {width:180px; margin:0 0 0 20px;}
#online ul {margin:23px 0 0 0px;}
#online ul li{margin:0px 0 5px 0px; width:185px;}


#footer {height:84px; margin:10px 0 20px;}
#footer .container {border-top:1px solid #cccccc; padding:20px 0 0 0px;}

#footer ul li {float:left;}

#footer #link span {width:90px;  margin:0 0px 0 0;}
#copy {margin:2px 0 0 5px; width:735px;}

#quick p{margin:7px 0 0 0px;}


#sms {width:200px; float:left; margin-left:20px;}
#sms ul {}
#sms ul li {margin:0px 0 5px 0px; vertical-align:middle;}
#sms input, #sms textarea {border:1px solid #ccc; width:150px;}
#sms textarea {height:45px;}
#sms_bt {width:60px; float:right; padding:0 0 0 5px;}
#sms_bt img {cursor:pointer;}


#f_sms {width:262px; height:112px; float:right; background:url(../images/common/f_sms_bg.gif) no-repeat top left; padding:18px 20px 0 18px;}
#f_sms table {width:200px; float:left; width:200px; }
#f_sms th, #f_sms td {height:20px; padding:0px 0 2px 0px; vertical-align:middle; }
#f_sms input, #f_sms textarea {border:1px solid #ccc; width:150px; height:20px;}
#f_sms input.name {width:75px;}
#f_sms input.age {width:40px;}
#f_sms textarea {height:40px;}
#f_sms_bt {width:60px; float:right;}
#f_sms_bt img {cursor:pointer;}

#f_sms .prv {position:relative; top:-45px; height:0px;}
#f_sms .prv input {width:auto; position:relative; top:7px; padding:0 3px;}

#f_sms1 {width:262px; height:147px; float:right; background:url(../images/common/f_sms_bg1.gif) no-repeat top left; padding:18px 20px 0 18px;}
#f_sms1 table {width:200px; float:left; width:200px; }
#f_sms1 th, #f_sms1 td {height:20px; padding:0px 0 2px 0px; vertical-align:middle; }
#f_sms1 input, #f_sms1 textarea {border:1px solid #ccc; width:150px; height:20px;}
#f_sms1 input.name {width:75px;}
#f_sms1 input.age {width:40px;}
#f_sms1 textarea {height:40px;}
#f_sms1_bt {width:60px; float:right;}
#f_sms1_bt img {cursor:pointer;}



#footer_menu .prv {position:relative; top:-5px; height:0px; clear:both;}
#footer_menu .prv input {width:auto; position:relative; top:3px; padding:0 3px;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*sub*/
#visual_sub {height:220px; border-bottom:1px solid #ddd; padding:0 0 0 -80px;}
#visual_sub {background:url(../images/common/sub_visual_bg.jpg) repeat-x top #e3e3e3;}
#visual_sub #img {width:560px; float:left; margin:0 0 0 30px;}
#visual_sub #text {width:315px; float:right; margin:30px 50px 0 0;}

#sub {}
#snavi {width:200px; float:left; margin:30px 0 0 0;}
#snavi h1 {border-bottom:2px solid #333333; padding-bottom:20px;}
#snb li {height:20px; border-bottom:1px solid #CCCCCC; padding:8px 0 2px 5px; margin:0px; font-weight:normal; font-size:12px;}
#snb a {display:block;}
.snavi_on { background:url(../images/common/snavi_on.gif) no-repeat; }
.snavi_on a {color:#FFFFFF;font-weight:bold;   }
#snavi #num {margin:12px 0 12px 0;}
#snavi #snavi_btn {display:block; float:left;}

.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}

#contents {width:800px; float:right; margin:28px 00px 0 0px;}
#contents h1 {width:400px; float:left; margin:7px 0 0 0px;}
.location{width:300px; float:right; text-align:right; margin:30px 0px 0 0px;}
.location li{display:inline; padding-left:0px;}
.location .home{background:url(../images/bullet_home.jpg) -1px 0px no-repeat;}
#title{border-bottom:1px solid #c9c2d4; height:70px;}


#page {padding:40px 0 50px 0; width:100%; float:left;  min-height:480px;}
#page_board {clear:both; width:700px; float:left; min-height:480px;}

#interior {background:url(../images/sub/tour_bg.jpg) no-repeat; padding:15px 0 0 13px; height:466px;}
#interior dl dd{float:left; margin:5px 0 0 1px;}
.interior_img{margin:0 0 8px 1px;}


#board_form {width:100%}

#board_form table {width:800px; float:left; width:800px; }
#board_form th {width:200px}
#board_form td {width:600px}
#board_form th, #board_form td {height:40px; padding:0px 0 2px 0px; vertical-align:middle; }
#board_form input, #board_form textarea {border:1px solid #ccc; width:600px; height:30px;}
#board_form input.name {width:200px;}
#board_form input.age {width:200px;}
#board_form input.tel {width:300px;}
#board_form input.file {width:407px; height:30px;}
#board_form textarea {height:300px;}
#board_form textarea.agree_txt {height:50px;width:600px;margin-bottom:10px;}


#board_form input.sand{ width:600px; float:right}
#board_form input.agree_btn { position:absolute; left:572px; height:12px;}

#board_form strong { margin-left:20px; color:#fe3968; font-size:1.2em;}
#board_form b.agree {font-weight:normal; margin-left:20px;}

#ptab ul li {float:left; margin-right:5px;}


/* 눈 전후사진 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

.sub_title{text-align: center;font-size: 22px;font-weight: 700;color: #333;font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.05em;margin: 20px auto;}
.bf_af_wrap{position: relative;width: 506px;margin: 0 auto 44px;}
.box_wrap{position: relative;margin: 0 auto 44px;}
.box_wrap:last-child{margin-bottom: 0;}
.box_wrap::after{content: '';display: block;clear: both;}
.box_wrap .common_box{float: left;}
.common_box{position: relative;}
.af_box{margin-left: 20px;}

.bf_box::after{content: 'BEFORE';display: block;position: absolute;left: 0;bottom: -24px; width: 100%;height: 24px;text-align: center;color: #FFF;line-height: 24px;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;font-weight: 700;background-color: #6b6b6b;z-index: 99;}
.af_box::after{content: 'AFTER';display: block;position: absolute;left: 0;bottom: -24px; width: 100%;height: 24px;text-align: center;color: #FFF;line-height: 24px;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;font-weight: 700;background-color: #fe5a7f;z-index: 99;}


/* 코 전후사진 */
.bf_af_wrap2{width: 686px;margin: 20px auto;}
.box_wrap2{margin-top: 47px;}
.box_wrap2:first-child{margin-top: 0;}
.box_wrap2 .common_box2{float: left;width: 160px;position: relative;}
.box_wrap2 .common_box2:nth-of-type(2){margin-left: 3px;}
.box_wrap2 .common_box2:nth-of-type(3){margin-left: 39px;}
.box_wrap2 .common_box2:nth-of-type(4){margin-left: 3px;}
.box_wrap2::after{content: '';display: block;clear: both;}
.box_wrap2 .bf_box::after{content: 'BEFORE';display: block;position: absolute;left: 0;bottom: -27px; width: 100%;height: 27px;text-align: center;color: #FFF;line-height: 27px;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;font-weight: 700;background-color: #6b6b6b;z-index: 99;}
.box_wrap2 .af_box::after{content: 'AFTER';display: block;position: absolute;left: 0;bottom: -27px; width: 100%;height: 27px;text-align: center;color: #FFF;line-height: 27px;font-size: 16px;font-family: 'Noto Sans KR', sans-serif;font-weight: 700;background-color: #fe5a7f;z-index: 99;}

