<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.cf:after{content:''; display: block; clear: both;}
.p_10{padding: 10px;}

iframe{width:100% !important;}

#nav{width:100%; height:40px; background:#3e3e3e;}
.p_loca{height:40px;}
.p_loca&gt;li{float:left;width:50%; text-align:left;position:relative}
.p_loca&gt;li&gt;a{display:block;height:40px; line-height: 40px;color:#ffffff;font-size:15px;padding-left: 7px; background:url(/m/images/m_sub_icon.png) no-repeat right 10px center; background-size: auto 6px;}
.p_loca&gt;li&gt;a.over{line-height: 16px;}
.p_loca&gt;li&gt;a.nobg{background:0 !important}
.p_loca&gt;li.mid{background: #3e3e3e;}
.p_loca&gt;li.dep3{background: #666666;}
.p_loca &gt; li &gt; a.re_line_height {line-height: 18px;}
.p_loca&gt;li.first{width:28px}
.p_loca&gt;li.first a{padding:10px 0 10px 14px;background:url(/m/images/m_sub_icon.png) no-repeat left 11px; background-size: auto 31%}
.p_loca&gt;li.last{padding-right:0;background:0}
.loca1_menu{display:none;position:absolute;left:0;top:40px;width:100%;z-index:10;}
.loca1_menu.menu_01,
.loca1_menu.menu_02{background: rgba(255,255,255,0.95); box-sizing: border-box;
 border-left: 1px solid #878787;
 border-right: 1px solid #878787;
 border-bottom: 1px solid #878787;
 }
.loca1_menu li{text-align:left;}
.loca1_menu li.last{border:0}
.loca1_menu li a{display: block; color:#3e3e3e; font-size:14px; padding:8px 0 8px 15px;}

.m_board{margin-bottom: 50px;}

.m_sub0104{margin: 0px 22px;}
.m_sub0104 .tabSet_01 .tabs{overflow: hidden; width: 100%; border: 1px solid #465261; box-sizing: border-box;}
.m_sub0104 .tabSet_01 .tabs li{float: left; width: 50%; text-align: center; height: 30px; line-height: 30px;}
.m_sub0104 .tabSet_01 .tabs li a{display: block; background: #ffffff; font-size: 12px; color: #465261;}
.m_sub0104 .tabSet_01 .tabs li a.on{background: #465261; color: #ffffff;}

.m_map .root_daum_roughmap {width: 100%;}

.sub0301_menu{background: #efefef;}
.sub0301_menu ul{text-align: center; font-size: 0; margin: 0 10px;}
.sub0301_menu ul li{display: inline-block;width: 33.33%;}
.sub0301_menu ul li a{margin: 0 3px; height: 40px; display: block; font-size: 12px; position: relative; background: #ffffff; font-weight: 400; color: #4f4f4f; letter-spacing: -0.11em;}
.sub0301_menu ul li a span{position: absolute; width: 100%; text-align: center; left: 0; top: 11px; line-height: 16px;}
.sub0301_menu ul li:nth-child(3) a span{position: absolute; width: 100%; text-align: center; left: 0; top: 5px;}
.sub0301_menu ul li a.on,
.sub0301_menu ul li a:hover{background: #20222f; color: #ffffff; transition: all 0.3s;}



/* 둘러보기 */
#wrap .inner{ padding: 0 5%;}
#wrap .view{width: 100%; margin: 0 auto;}
#wrap .view .slider-nav{margin-top: 50px;}
#wrap .view .slider-nav &gt; div img{width: 90%;}
#wrap .view .slider-nav {padding-bottom: 50px; margin-top: 20px;}
#wrap .view .slick-prev{left: 0px; background: url(../images/arrow_left.png) no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#wrap .view .slick-next{right: 0px; background: url(../images/arrow_right.png) no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#wrap .view .slick-next::before,.view .slick-prev::before {content: "";}



/* 서브 전후사진 */
.b_f_wrap{ margin: 0 10px;}
.b_f_wrap_sub_01{margin-bottom: 30px;position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 65.26%;}
.b_f_wrap_sub_01&gt;div{position: absolute; top: 0; left: 0;	width: 100%;	height: 100%;}
.b_f_wrap_sub_01&gt;div.login_bg{z-index: 2; right: 0;}

.b_f_wrap_sub_02{margin-bottom: 30px;position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 44.26%;}
.b_f_wrap_sub_02&gt;div{position: absolute; top: 0; left: 0;	width: 100%;	height: 100%;}
.b_f_wrap_sub_02&gt;div.login_bg{z-index: 2; right: 0;}

.b_f_wrap_sub_03{margin-bottom: 30px;position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 37.26%;}
.b_f_wrap_sub_03&gt;div{position: absolute; top: 0; left: 0;	width: 100%;	height: 100%;}
.b_f_wrap_sub_03&gt;div.login_bg{z-index: 2; right: 0;}

.textarea {
    font-size: 10px;
    height: 70px;
}

.reservation h3{text-align:right; margin:0 0 10px; font-size: 13px;}
.reservation .form_wrap_sub h4{font-size: 18px; color: #165393; font-weight: 500; margin-top: 15px;}
.reservation .form_wrap_sub {width:100%;}
.reservation .form_wrap_sub .form_input_wrap{border-top: 1px solid #aaaaaa;}
.reservation .form_wrap_sub dl{border-bottom: 1px solid #dddddd; position: relative}
.reservation .form_wrap_sub dl dt,
.reservation .form_wrap_sub dl dd{float: left;}
.reservation .form_wrap_sub dl dt{width: 20%; background: #f7f7f7; padding-left: 1%; text-align:left; font-size: 12px; font-weight: normal;height: 100%; position: absolute; height: 100%;}
.reservation .form_wrap_sub dl dd{padding:5px 0 5px 2%; width: 75%; padding-left: 25%;}
.reservation .form_wrap_sub dl dd.number_01 input{width: 60px;}
.reservation .form_wrap_sub dl dd.checkbox ul li{font-size: 13px; width: 100%;}
.reservation .form_wrap_sub dl dd.checkbox ul li span{padding-left: 25px; margin-top: -10px; display: block;}
.reservation .form_wrap_sub dl dd input {height:25px; border:1px solid #ddd; vertical-align: middle; font-size: 11px;}
.reservation .form_wrap_sub dl dd.title input {width: 95%;}
.reservation .form_wrap_sub dl dd select {margin-bottom:5px; border:1px solid #ddd; width: 60px; height: 30px;}
.reservation .form_wrap_sub dl dd.select span,
.reservation .form_wrap_sub dl dd.birth span,
.reservation .form_wrap_sub dl dd.spam span{font-size: 11px;}
.reservation .form_wrap_sub dl dd.spam span{display: block;}
.checkbox li {font-size: 12px; display: inline-block;}

.reservation_list ul li{overflow: hidden;}
.reservation_list ul li span{float: right;}

/* Mobile BBS List  --------------------------------------------------*/
.M_bbs_List { border-top:1px solid #333; }
.M_bbs_List_th { background:#fff; padding:12px 15px; text-align:left; color:#333;}
.M_bbs_List_th a { font-size:14px; color:#444; font-weight:normal; display:inline-block;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
#M_SubBody .M_bbs_List_th img { max-height:11px; width:11px; }
.M_bbs_List_td { padding:12px 10px 12px 0; font-size:12px; color:#999;width:70px;}


/* Mobile BBS View  --------------------------------------------------*/
.M_bbs_View { border-top:1px solid #333; }
.M_bbs_View_th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; }
.M_bbs_View_td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
.M_bbs_View_td .date { font-size:12px; color:#999; font-weight:normal; }

.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }

#M_bbs_View_cont {padding:25px 15px; border-bottom:1px solid #ddd}
#M_bbs_View_cont #wiz_get_table_width { width:100%!important }

.mark span{display: block; font-size: 12px;}
.mark img{vertical-align: middle;}

.M_bbs_List_th &gt; img {
    height: 10px;
    vertical-align: super;
}

.member_btn{width: 80%; margin: 0 auto;}
.member_btn dl{overflow: hidden; margin-top: 20px;}
.member_btn dt{float: left; width: 70%; font-size: 14px;}
.member_btn dd{float: left; width: 30%;}
.member_btn dd a{display: block; background: #efefef; height: 35px; line-height: 35px; text-align:  center; font-size: 14px; box-sizing: border-box; border: 1px solid #cccccc; color: #666666;}
.agree01 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree01 .text{width: 98%; height: 200px; padding: 5px; border: 1px solid #dddddd; font-size: 13px; background: #f4f4f4; line-height: 23px;}
.agree01 .checkbox{text-align: right; margin-top: 5px; font-size: 13px; }
.agree01 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0; }
.agree01 .agree_btn{margin-top: 15px;}
.agree01 .agree_btn ul{overflow: hidden;}
.agree01 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree01 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree01 .agree_btn ul li:nth-child(2) a{background: #601f88; color: #ffffff;}
.agree02 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree02 input{border: 1px solid #dddddd; width: 40%; height: 25px; line-height: 25px; padding-left: 5px;}
.agree02 form&gt;div{padding: 10px 0 10px 5px;}
.agree02 span{display: inline-block; width: 30%; font-size: 14px;}
.agree02 span.point{color: #ff0000; display: inline;}
.agree02 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0 0 0; }
.agree02 .id a{display: inlin-block; font-size: 12px; padding: 6px 10px; background: #aaaaaa; margin-left: 10px; color: #ffffff;}
.agree02 .phone01 input{width: 15%;}
.agree02 .phone02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .email02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .agree_btn{margin-top: 15px;}
.agree02 .agree_btn ul{overflow: hidden;}
.agree02 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree02 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree02 .bg{background: #f8f8f8;}

.join_ok{background: #f4f4f4; padding: 50px;}
.join_ok&gt;div{width: 200px; margin: 0 auto;}
.join_ok&gt;div&gt;img{width: 100%;}
.join_ok h3{font-size: 17px; text-align: center; margin-top: 10px;}
.join_ok .main_go a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; background: #333333; color: #ffffff; margin-top: 10px;}

.agree03{max-width: 280px;padding: 15px; margin: 0 auto; border: 1px solid #dddddd; text-align: center; font-size: 0;}
.agree03 h2{display: block; text-align: center; font-size: 20px; line-height: 27px; color: #333333;}
.agree03 h2 img{height: 30px; margin-bottom: 10px;}
.agree03 a{display: inline-block; padding: 10px 20px; background: #601f88; font-size: 18px; color: #ffffff; margin-top: 15px;}	
	
.m_login{border: 1px solid #ebebeb; border-radius: 30px; margin: 30px; padding: 20px 0;}
.m_login .loginbox{padding: 0 15px;}
.m_login .loginbox span{display: inline-block; width: 30%; font-size: 12px; text-align: left;}
.m_login .login_input{width: 60%; height: 30px; line-height: 30px; border: 1px solid #dddddd; margin-bottom: 5px;}
.m_login .btnB{ background: #601f88 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 71px;
    width: 81px;}
.m_login .login_txt{font-size: 14px;}
::-webkit-input-placeholder {color: #e0e0e0; font-size: 15px;}
:-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
::-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
:-ms-input-placeholder {color: #e0e0e0; font-size: 15px;}

.board{margin: 10px 10px 50px 10px;}
.textarea_01 textarea {font-size: 10px; height: 300px; width: 100%;}

.m_sub_title h2{text-align: center; font-size: 25px; color: #35363d; font-weight: 600; letter-spacing: -3px;margin-top: 20px;}

/* 전후사진 */
.con_01{width: 100%; margin: 25px auto;}
.comm_tab1{display:block; clear:both; *zoom:1;}
.comm_tab1:after{display:block; height:0; content:"."; font-size:0; visibility:hidden; clear:both;}
.comm_tab1&gt;.tab_menu{overflow: hidden;}
.comm_tab1&gt;.tab_menu&gt;li{float:left; width: 20%; text-align: center;}

.comm_tab1&gt;.tab_menu .tit {display:block; font-size: 11px; font-weight: 400; letter-spacing: -0.1em; color: #4f4f4f; background: #ebebeb; margin: 0 2px; padding: 3px 0; line-height: 13px;}
.comm_tab1&gt;.tab_menu .on .tit {color: #ffffff; background: #525252;}

.comm_tab1&gt;.tab_cont {float:left;width:100%;clear:both;color:#fff}
.comm_tab1&gt;.tab_cont&gt;.cont:first-child {border-top-left-radius:0}
.comm_tab1 .comm_refer {margin:5px 0 18px 15px}

.comm_tab2 {display:block; clear:both; *zoom:1; margin-top: 10px;}
.comm_tab2&gt;.tab_menu {text-align: center; font-size: 0;}
.comm_tab2&gt;.tab_menu&gt;li {display: inline-block; width: 20%;}
.comm_tab2&gt;.tab_menu&gt;li:nth-child(-n+5){margin-bottom: 5px;}
.comm_tab2&gt;.tab_menu .tit {display:block; font-size: 11px; font-weight: 400; letter-spacing: -0.1em; color: #4f4f4f; background: #ebebeb; margin: 0 1px; padding: 3px 0; height: 28px; box-sizing: border-box; border: 1px solid #5d5d5d;}
.comm_tab2&gt;.tab_menu .tit.re_letter {letter-spacing: -0.18em; padding: 3px 3px 0 0;}
.comm_tab2&gt;.tab_menu .on .tit {color: #ffffff; background: #969696;}
.comm_tab2&gt;.tab_cont .cont {margin-top: 20px;}
.con_01 .bx-wrapper{border:none; box-shadow: none; width: 90%; margin: 0 auto;}

.con_01 .inner{position: relative; margin: 0 auto; z-index: 7;}
.con_01 .inner .login_img{position: absolute; z-index: 9999; right: 0; top: 25px;}
.con_01 .bx-wrapper .bx-controls-direction a {height: 20px; margin-top: -10px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; width: 10px; z-index: 9999;}
.con_01 .bx-wrapper .bx-prev{left: -15px;}
.con_01 .bx-wrapper .bx-next{right: -15px;}
.con_01 .bx-wrapper .bx-prev {background: rgba(0, 0, 0, 0) url(/images/b_f_left_arrow.png) no-repeat; background-size: 10px;}
.con_01 .bx-wrapper .bx-next {background: rgba(0, 0, 0, 0) url(/images/b_f_right_arrow.png) no-repeat; background-size: 10px;}



.con_01 .img_title{display: block; height: 25px; line-height: 25px; text-align: center; font-weight: bold; background: #383838;color: #ffffff; font-size: 15px;}

#bx-pager1,
#bx-pager2,
#bx-pager3,
#bx-pager4,
#bx-pager5,
#bx-pager6,
#bx-pager7,
#bx-pager8,
#bx-pager9{width: 90%; margin: 0 auto; overflow: hidden; margin-top: 20px;}
#bx-pager1 a,
#bx-pager2 a,
#bx-pager3 a,
#bx-pager4 a,
#bx-pager5 a,
#bx-pager6 a,
#bx-pager7 a,
#bx-pager8 a,
#bx-pager9 a{display: block; float: left; width: 50%; text-align: center; position: relative;}
#bx-pager1 a .login_img,
#bx-pager2 a .login_img,
#bx-pager3 a .login_img,
#bx-pager4 a .login_img,
#bx-pager5 a .login_img,
#bx-pager6 a .login_img,
#bx-pager7 a .login_img,
#bx-pager8 a .login_img,
#bx-pager9 a .login_img{position: absolute; top: 2px; right: 2px;}
/* #bx-pager1 a img,
#bx-pager2 a img,
#bx-pager3 a img,
#bx-pager4 a img,
#bx-pager5 a img,
#bx-pager6 a img,
#bx-pager7 a img,
#bx-pager8 a img,
#bx-pager9 a img{height: 125px;} */
#bx-pager1 a .thumb_title,
#bx-pager2 a .thumb_title,
#bx-pager3 a .thumb_title,
#bx-pager4 a .thumb_title,
#bx-pager5 a .thumb_title,
#bx-pager6 a .thumb_title,
#bx-pager7 a .thumb_title,
#bx-pager8 a .thumb_title,
#bx-pager9 a .thumb_title{display: inline-block; font-size: 12px; margin: 0 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-align: left;}
#bx-pager1 a .border,
#bx-pager2 a .border,
#bx-pager3 a .border,
#bx-pager4 a .border,
#bx-pager5 a .border,
#bx-pager6 a .border,
#bx-pager7 a .border,
#bx-pager8 a .border,
#bx-pager9 a .border{display: inline-block; border: 2px solid #ffffff;}
#bx-pager1 a:hover .border, #bx-pager1 a.active .border,
#bx-pager2 a:hover .border, #bx-pager2 a.active .border,
#bx-pager3 a:hover .border, #bx-pager3 a.active .border,
#bx-pager4 a:hover .border, #bx-pager4 a.active .border,
#bx-pager5 a:hover .border, #bx-pager5 a.active .border,
#bx-pager6 a:hover .border, #bx-pager6 a.active .border,
#bx-pager7 a:hover .border, #bx-pager7 a.active .border,
#bx-pager8 a:hover .border, #bx-pager8 a.active .border,
#bx-pager9 a:hover .border, #bx-pager9 a.active .border{border: 2px solid #2b7d85;}</pre></body></html>