@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
@import url("common.css");

* { font-family: 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic'; margin:0; padding:0; }
body {font-family:'Noto Sans Korean', sans-serif;color:#333333; font-family:'Malgun Gothic','맑은 고딕', 'sans-serif'; width:100%; min-width:1100px; }
img {border:none; vertical-align:middle;}
 a {text-decoration:none;color:#333333;}
 a:link {text-decoration:none;}
 a:visited {text-decoration:none;}
 a:hover {text-decoration:none;}
 a:active {text-decoration:none;}

ul,li {list-style:none;margin:0;padding:0;}
.clear {clear:both;}



.header_wrap {width:1100px; margin:0 auto;}
.wrap {width:1100px; margin:0 auto;}
.board-wrap {width:1100px;margin:0 auto 100px;}
.board-wrap2 {width:1100px;margin:100px auto 100px;font-family:'Noto Sans Korean', sans-serif;}

#header {background:#191919; min-width:1100px;}
#header .hd-top {height:130px;line-height:129px;box-sizing:border-box;border-bottom:1px solid #474747; text-align:center; position:relative;}
#header .hd-wrap {width:1100px;margin:0 auto;position:relative;}
#header .hd-wrap .hd-logo .logo { text-align:center; margin-left:15px; }
#header .hd-wrap .login-area {position:absolute; right:0px; top:0px;}
#header .hd-wrap .login-area ul li {line-height:9; float:left;}
#header .hd-wrap .login-area ul li:last-child { float:right;}
#header .hd-wrap .login-area ul li a {font-size:14px; color:#fff; margin-right:29px;}
#header .hd-wrap .login-area ul li:last-child a { margin-right:9px;}
#header .hd-wrap .login-area ul li a:hover {color:#a58934;}
/*#header .hd-wrap .login-area ul li:after {content:"|";margin:0 10px;}*/
#header .hd-wrap .login-area ul li:last-child:after {content:"";margin:0;}
#header .hd-menu { position:relative;}
#header .hd-menu .wrap>ul>li { min-width:130px;  float:left; color:#fff; text-align:center; height:60px; line-height:60px; letter-spacing:-1px;}

#header .hd-menu .wrap > ul > li.ov > a:focus {color:#f5e3ab; font-weight:bold;}
#header .hd-menu .submenu {position:absolute; z-index:9; display: none; }
#header .hd-menu .submenu li {float:left; height:50px; line-height:50px; z-index:9;}
#header .hd-menu .submenu li a {width:100%; height:100%;display:block; padding:0 18px; box-sizing:border-box; font-size:16px; color:#444;}
#header .hd-menu .submenu li:hover a {color:#a58934; font-weight:bold; } 
#header .hd-menu #sub_bg {width:100%; height:49px; background-color:#000; position:absolute; z-index:1; display:none; opacity:.1;}
#header .hd-menu {position: relative;}

#top { width:100%; height:auto; z-index:99999;left:0px;top:0px;}
#top .backdoc { position: relative; height:auto; }
.hd-top { width:100%; height: 130px; line-height:130px; box-sizing: border-box;text-align: center;position: relative; border-bottom:1px solid #474747; }
.hd-wrap { width:1400px; margin:0 auto; position:relative;}
.hd-logo .logo {text-align: center;}


.language{ position: absolute; left: 0px;top: 0px;}
.language ul { list-style: none;}
.language ul li { float:left; margin-right:3px; }
.language ul li.vr { margin-right:10px; margin-top:2px; }
.language ul li select { border:1px solid #555; background:#191919; color:#fff; font-size:14px; height:22px; line-height:22px; width:110px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;   }
.language ul li a { font-size:14px; color:#fff; }  

.login-area {position: absolute;right: 0px;top: 0px;}
.login-area ul { list-style: none;}
.login-area ul li {	float: left; color: #fff;}
.login-area ul li a {font-size: 14px;color: #fff;margin-right: 29px;}


#top .backdoc .top_wrap { float: none; position: relative;	width: 100%;	height: 190px;	margin: auto;	overflow: hidden; }
#top .backdoc .top_wrap .header {background: #191919; min-width: 1400px;}
#top .backdoc .top_wrap .top_menu {
	float: right;
	position: relative;
	width: 686px;
	height: 60px;
	margin: 0px;
	text-align: right;
}

#top .backdoc .top_wrap .main_menu { z-index:99; position: relative;	width: 1400px; margin:0 auto; height: 60px; }
#top .backdoc .top_wrap .main_menu ul {
padding-left:0px; float: left; position: relative; width: 1400px; height: 60px;margin: 0px;text-align: left;margin-left: 0px;list-style-type: none;
}
#top .backdoc .top_wrap .main_menu li { width:175px;
margin-right:0px; height:60px; display:inline-block; position: relative;	margin: 0px; text-align: left;margin-left: 0px;list-style-type: none;cursor: pointer;
}
#top .backdoc .top_wrap .main_menu li a { vertical-align: top; }



#top .backdoc .top_wrap .main_menu li .on {
 float: left; position: absolute; margin: 0px; text-align: left; overflow: hidden; filter: alpha(opacity=0);opacity: 0; height:60px;
}
#top .backdoc .top_wrap .main_menu li .off {
 float: left;position: absolute;margin: 0px;text-align: left; overflow: hidden;filter: alpha(opacity=100);opacity: 1; height:60px;
}
#top .backdoc .top_wrap .menubanner {
	float: left;
	position: relative;
	width: 218px;
	height: 183px;
	margin: 0px;
}
#top .backdoc .top_wrap .submenubox { z-index:999;
position: relative;	width: 100%; background:#202020; padding-top:16px; margin: 0px;
-ms-filter: alpha(opacity=95); filter: alpha(opacity=95);  opacity: 0.95;  -moz-opacity: 0.95; }
#top .backdoc .top_wrap .submenubox ul {
background:#202020; padding-left:0px; position: relative; width:1400px; margin:0 auto; height:280px; text-align:center; list-style-type: none; }
#top .backdoc .top_wrap .submenubox li {
position: relative; margin: 0px; text-align:center; margin-left: 0px; list-style-type: none; float:left; vertical-align:text-top; letter-spacing:-1px; }

#top .backdoc .top_wrap .submenubox li a {font-size: 17px;color: #fff; }
#top .backdoc .top_wrap .submenubox li .menuitem { text-align:center; width:175px; background:url('/img/smenu_bg.jpg') no-repeat; height:274px;  }
#top .backdoc .top_wrap .submenubox li:first-child .menuitem { background:none;}
#top .backdoc .top_wrap .submenubox li .menuitem .item { position:relative; overflow: hidden; height:42px; line-height:42px; text-align:center; }
#top .backdoc .top_wrap .submenubox li .menuitem .item .on { text-align:center; position: absolute; height:42px; overflow:hidden; filter: alpha(opacity=0);opacity:0;}
#top .backdoc .top_wrap .submenubox li .menuitem .item .off { text-align:center; position: absolute; height:42px; overflow:hidden;filter: alpha(opacity=100);opacity:1;}
#top .backdoc .top_wrap .submenubox li .menuitem .item a{ width:100%; margin:0 auto; text-align:center; cursor:pointer;}
#top .backdoc .top_wrap .submenubox li .menuitem .item a:hover,
a:active{ font-size:17px; font-weight:bold; text-decoration:underline; color:#f5e3ab;}
#top .backdoc .top_wrap .submenubox li .menuitem .item h3 { font-size:17px; font-weight:bold; text-decoration:underline; color:#f5e3ab; } 
.line { position: relative;	width: 100%; }


/* top buttom*/
.go_top {position:fixed; bottom:20px; right:10px; width:40px;height:40px;text-align:center;border-radius:40px;background-color:#000; z-index:99;  -ms-filter: alpha(opacity=70); filter: alpha(opacity=70);  opacity: 0.7;  -moz-opacity: 0.7;}
.go_top span {display:block;padding-top:12px;font-size:11px;color:#fff;}



/*  main-visual  */
.main-visual {position:relative; margin:0 auto;text-align:center;width:100%; max-width:100%; margin-top:60px; }

/*.bxslider01{ }
.banner_01 {width:1100px; height:700px; }
.banner_02 {width:100%; margin:0 auto; background:#323232; height:700px; }
*/

#bx-pager1 {position: absolute; bottom:10px;}
#bx-pager1 a{float:left; margin:0 5px;display: block; width:20px; height:20px; font-size:12px; line-height:18px; text-align:center; background:#999; color:#333}
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000; color: #CCC;}

#bx-pager1 a.active{ background: #000; color: #CCC;}

.bx-wrapper {position: relative; margin:0 auto; /*padding-bottom:100px;*/ *zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {	/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform:translatez(0);transform: translatez(0); }
.bx-wrapper .bx-viewport ul {margin:0px; padding:0px;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;	width: 100%;}

/* PAGER */
.bx-wrapper .bx-pager{ display:none;}
.bx_controls { width:1300px; margin:0 auto;}
.bx_wrapper .bx_controls .bx_pager .bx_pager-item{display: inline-block; *zoom: 1; *display: inline; vertical-align:bottom;}
.bx_wrapper .bx_controls .bx_pager.bx-default-pager {  position:absolute; text-align:center; margin:0 auto; bottom:30px; z-index:99;}
.bx_wrapper .bx_controls .bx_controls-direction { position:absolute; top:40%; z-index:99; text-align:center; margin:0 auto; width:1300px;   }

/*.bx_wrapper .bx_controls .bx_pager.bx-default-pager { position:absolute; text-align:center; padding-top:30px; display: block;}*/
.bx_wrapper .bx_controls  .bx_pager.bx-default-pager a {text-indent: -9999px; display: block; vertical-align:bottom; width:20px; height:20px;box-sizing:border-box;  background: #c2c2c2; border-radius:10px; margin:0 10px;}
.bx_wrapper .bx_controls  .bx_pager.bx-default-pager a:hover,
.bx_wrapper .bx_controls  .bx_pager.bx-default-pager a.active { border:4px solid #845707; background:none; border-radius:10px; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx_wrapper .bx_prev {left: 10px; background:url('/img/btn_prev.png') no-repeat;}
.bx_wrapper .bx_next {right:10px; background:url('/img/btn_next.png') no-repeat;}

.bx_wrapper .bx_controls-direction a {position: absolute;top: 0%; outline: 0;width:80px; height:80px;text-indent: -9999px;z-index: 9999;}
.bx_wrapper .bx_controls-direction a.disabled {	display: none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 25px; height:25px; right:32px; top:0px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;	left: 0;background: #666\9;	background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;	padding: 10px;}


/* layout */
body { width:100%; margin:0 auto;font-family: 'Malgun Gothic', '맑은 고딕' !important;  }
#wrap { position:relative; width:100%; margin:0; padding:0; }
#top { text-align:center; background:url('../images/header_bg.jpg') repeat-x; height:130px;}
#container { margin:0 auto; padding:0; background:url('../images/contents_bg.jpg') no-repeat center; min-width:1190px; width:1190px; position:relative; }

#contents {min-width:1190px; width:1190px; margin:0 auto; height:802px;position:relative; max-width:1190px;  }

.con { width:1133px; margin:0 auto; height:119px; position:relative; }
.con .con_left { position:absolute; display: inline-block; margin-top:21px;  margin-left:48px; }



@media only screen and (max-width:1000px) {.calendar_slider .wrapper_week { width:140px; overflow:hidden;  height:45px; margin-right:53px; float:right; }}
@media only screen and (max-width:1000px){.calendar_slider .box { float: left;  position:relative; display: block; font-size:30px; color:#888; width:160px; height:50px; line-height:50px; margin-top:5px;  }}
@media only screen and (max-width:1000px){.calendar_slider .box .number { position:absolute;  color:#000; font-weight:bold; font-size:50px; margin-left:12px; margin-top:-4px ;}}

.calendar_slider .btn_week .prev { background:url('/img/btn_prev.png') no-repeat; left:-48px; padding-right:110px;  }
.calendar_slider .btn_week .next { background:url('/img/btn_next.png') no-repeat; }
 
.calendar_slider .btn_week div { cursor:pointer; width:48px; height:48px; position:relative; display: inline-block; top:-45px;  }
.calendar_slider .btn_week div span { display:block; width:100%; height:100%; }
.calendar_slider .play{ position:absolute;width:100%;left:0;bottom:-50px;text-align:center;}
.calendar_slider .play div{display:inline-block;cursor:pointer;font-size:30px;}

.con .con_right {float:right; width:740px; padding-top:9px; }
.con_right .search_form { margin:1px 7px 0 0;  }
.con_right .btn_search {  width:91px; height:30px; display: inline-block;  }




.con .btn_week6 { float:left; background:url('../images/btn_week6_bg.jpg') no-repeat left; width:1133px; height:41px; text-align:center; margin-top:-1px; text-decoration:none; color:#ff9000; font-size:20px; font-weight:bold; }
.con .btn_week6 span { color:#355786; line-height:40px;  }
.ver_dot { background:url('../images/hr_bg.jpg') no-repeat; border:none; margin-left:9px; display: inline-block; width: 182px; height:1px;  }
.i_p {background:url('../images/icon_pen.png') no-repeat top left; padding-left:22px;  }
label { display: inline-block;}
.plan_list { position:relative; margin:0 auto; width:1136px;  margin-top:17px;  }
.plan_list .last { margin-right:0px !important;  }
.day { width:220px; display:inline-block; margin-right:9px; float:left;}
.day .title { background:url('../images/h1_title.jpg') no-repeat top; height:34px; color:#fff; font-size:15px; text-align:center; line-height:32px; font-weight:bold;  }
.scrollbar { overflow: auto; float:left; width:100%; }

#box01 { overflow: hidden; padding: 0px; margin:0; height: 145px; position: relative; }
#box02 { overflow: hidden; padding: 0px; margin:0; height: 145px; position: relative; }
#box03 { overflow: hidden; padding: 0px; margin:0; height: 145px; position: relative; }
#box04 { overflow: hidden; padding: 0px; margin:0; height: 145px; position: relative; }
#box05 { overflow: hidden; padding: 0px; margin:0; height: 145px; position: relative; }



/*  //main-visual//  */

.main-visual .mainv_01{ background:url("/img/mainvisual/mainv_01.jpg") center no-repeat;/*background:#323232;*/ width:100%; height:700px; background-size: cover;}
.main-visual .mainv_02{ background:url("/img/mainvisual/mainv_02.jpg") center no-repeat; width:100%; height:700px; background-size: cover;}
.main-visual .mainv_03{ background:url("/img/mainvisual/mainv_03.jpg") center no-repeat; width:100%; height:700px; background-size: cover;}
.main-visual .mainv_04{ background:url("/img/mainvisual/mainv_04.jpg") center no-repeat; width:100%; height:700px; background-size: cover;}
.main-visual .mainv_05{ background:url("/img/mainvisual/mainv_05.jpg") center no-repeat; width:100%; height:700px; background-size: cover;}
.main-visual .mainv_06{ background:url("/img/mainvisual/mainv_06.jpg") center no-repeat; width:100%; height:700px; background-size: cover;}
.main-visual .mainv_07{ background:url("/img/mainvisual/mainv_07.jpg") center no-repeat; width:100%; height:700px; background-size: cover;}





.main-visual .bx-wrapper .bx-controls-direction a {width:50px;height:124px;margin-top:-53px;}
.main-visual .bx-wrapper .bx-controls-direction a:hover {opacity:1;}
/*.main-visual .bx-wrapper .bx-prev {background:url("/img/mainvisual/main_prev01.png") no-repeat;left:10.6%;}
.main-visual .bx-wrapper .bx-next {background:url("/img/mainvisual/main_next01.png") no-repeat;right:10.6%;}
*/.main-visual .bx-wrapper .bx-pager {bottom:20px;}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:50px; height:10px; box-sizing:border-box; background:none; border-radius:0px; margin:0 5px;}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
.main-visual .bx-wrapper .bx-controls-direction a { position: absolute;top: 50%; margin-top: -16px;outline: 0; width:80px; height:80px;text-indent: -9999px;z-index: 9999;}
.main-visual .bx-wrapper .bx-controls-direction a .active {background:#fff;}
.main-visual .bx-wrapper .bx-controls-direction a.disabled { display: none;}

.main-visual .bx-wrapper .bx-prev { background: url("/img/btn_prev.png") no-repeat; left: 10.6%;}
.main-visual .bx-wrapper .bx-next { background: url("/img/btn_next.png") no-repeat; right: 10.6%;}
.main-visual .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.main-visual .bx-wrapper .bx-next:hover {background-position: -43p 0;}

.main-visual .bx-wrapper .bx_pager { width:100%; text-align:center !important; margin:0 auto; font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc; }
.main-visual .bx-wrapper .bx_pager .bx_pager-item,
.main-visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline; vertical-align:bottom;}

.main-visual .bx-wrapper .bx-pager.bx-default-pager { margin:0 auto;  position:absolute; text-align:center !important; display: block; margin-top:-40px;
width:300px; left:40%;}


.main-visual .bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; vertical-align:bottom; width:20px; height:20px;box-sizing:border-box;  background: #c2c2c2; border-radius:10px; margin:0 10px;}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active { border:4px solid #845707; background:none; border-radius:10px; }




/*   main_slid01  */
.main_slid01 { padding:100px 0 100px 0; position:relative; }
.main_ti{ margin:0 auto; text-align:center; padding-bottom:50px; margin-top:100px;}
.main_column02_visual{ width:1100px; margin:0 auto; }


.main_column02_visual .bx-wrapper .bx-viewport { height:462px !important; }


.main_column02_visual > ul #con02_img{ display:block; float:left; }
.main_column02_visual > ul .con02_img01{ margin-right:4px;}

.main_column02_visual ul li { width:1126px; margin:0 auto;} 
.main_column02_visual ul li > div { display:block; clear:both; margin:0 auto; text-align:center;}
.main_column02_visual ul li #con02_img{ display:inline-block; float:left; font-family:'Noto Sans Korean', sans-serif; text-align:center; width:538px;  }
.main_column02_visual ul li .con02_img01{ margin-right:24px; }

.con02_tex{ border:1px solid #c6c6c6; }
#con02_img h3{ font-size:24px; color:#000; font-weight:500; padding-top:20px; }
#con02_img p{ font-size:18px; color:#000; font-weight:300; padding:8px 17px 40px 17px; letter-spacing:-1px; word-break:keep-all;    }
#con02_img .btn_more{ display:block; padding-top:17px; padding-bottom:37px; margin-left:209px; }

 

.main_slid01 .main_column02_visual .bx-controls-direction a { position: absolute; top:52%; outline: 0; width:80px; height:80px;text-indent: -9999px;z-index: 9999;}
.main_slid01 .main_column02_visual .bx-controls-direction a .active {background:#fff;}
.main_slid01 .main_column02_visual .bx-controls-direction a.disabled { display: none;}

.main_slid01 .main_column02_visual .bx-prev { background: url("/img/con2_prev.png") no-repeat; left:-80px;}
.main_slid01 .main_column02_visual .bx-next { background: url("/img/con2_next.png") no-repeat; right:-80px;}
.main_slid01 .main_column02_visual .bx-prev:hover {background-position: 0 0;}
.main_slid01 .main_column02_visual .bx-next:hover {background-position: -43p 0;}



.main_slid01 .bx-wrapper .bx-pager { width:1100px; text-align:center !important; margin:0 auto; }


.main_slid01 .bx-wrapper .bx-pager { display:block; }

.main_slid01 .bx-wrapper .bx-pager { width:1100px; text-align:center !important; margin:0 auto; }
.main_slid01 .bx-wrapper .bx_pager { text-align: center !important; font-size: .85em;font-family: Arial;font-weight: bold;color: #ccc;}
.main_slid01 .bx-wrapper .bx_pager .bx_pager-item,
.bx-wrapper .bx_controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline; vertical-align:bottom;}

.main_slid01 .bx_wrapper .bx-pager.bx-default-pager { position:absolute; text-align:center; padding-top:30px; display: block;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; vertical-align:bottom; width:20px; height:20px;box-sizing:border-box;  background: #c2c2c2; border-radius:10px; margin:0 10px;}
.main_slid01 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_slid01 .bx-wrapper .bx-pager.bx-default-pager a.active { border:4px solid #845707; background:#845707; border-radius:10px; }

.main_slid01 .bx-wrapper .bx_pager.bx-default-pager { position:absolute; text-align:center; padding-top:30px; display: block;}
.main_slid01 .bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; vertical-align:bottom; width:20px; height:20px;box-sizing:border-box;  background: #c2c2c2; border-radius:10px; margin:0 10px;}
.main_slid01 .bx-wrapper .bx_pager.bx-default-pager a:hover,
.main_slid01 .bx-wrapper .bx_pager.bx-default-pager a.active { border:4px solid #845707; background:#845707; border-radius:10px; }


 


/* main_con02 */
.main_con02 { width:100%; margin:0 auto; background:url("/img/main02_bg.jpg") top no-repeat; height:500px;}
.main_con02 .midi_tex { text-align:right; padding-top:80px; padding-bottom:75px;   }
.main_con02 ul { display:block; text-align:right; }
.main_con02 ul li { display:block; text-align:right; margin-right:176px; margin-bottom:6px;  }
.main_con02 ul li p {font-size:27px;color:#0f0f0f;font-weight:300;letter-spacing:-1px;line-height:35px;}
.main_con02 ul li p span {display:block;font-size:20px;color:#969696;}


/* main_con03 */
.main_con03{ width:100%; margin:0 auto; position:relative; clear:both;}
.main_con03 .wpb_column { display:block; clear:both; margin:100px 0 ; }
.main_con03 .wpb_column li{ display:inline-block; width:33.3%; text-align:center;}
.main_con03 .wpb_column li a{ cursor:pointer;}


/* main_map  04 */
.main_map{ width:100%; margin:0 auto; background:#faf8f6; border-bottom:1px solid #e4e4e4; }
.main_map .mmap_con { padding-top:99px; padding-bottom:100px; clear:both;  vertical-align:top;  } 
.main_map .mmap_con .mmap_le{ text-align:left; display: inline-block;  vertical-align:top; padding-right:16px; }
.main_map .mmap_con .mmap_ri{ text-align:right; display: inline-block;  vertical-align:top; margin-right:0px;}
 
 
 
 
/*  footer  */
#footer { border-top:1px solid #e4e4e4; width:100%; background:#faf8f6; min-width:1100px; font-family:'Malgun Gothic','맑은 고딕', 'sans-serif';}
#footer .ft_snsbtn  a { cursor:pointer; } 
#footer .ft-top {background:#faf8f6; height:76px; line-height:72px; border-bottom:1px solid #e7e5e3; }
#footer .ft-top .f_gnb {display:block; text-align:left; }
#footer .ft-top .f_gnb li {float:left; display:inline-block;}
#footer .ft-top .f_gnb li a {  font-size:15px; color:#333; font-weight:bold; }
#footer .ft-top .f_gnb li:after {content:"|";margin:0 15px; }
#footer .ft-top .ft_snsbtn { text-align:right; background:#ccc;  }
#footer .ft-top .ft_snsbtn ul{ display:block; }
#footer .ft-top .ft_snsbtn ul li { float:right; display:inline-block; margin-left:10px; }
 #footer .ft-btm {height:100%; padding:56px 0; background:#5c5c5c; }
#footer .ft-btm p {text-align:left; font-size:14px; color:#fff;line-height:20px; white-space:pre-wrap; letter-spacing:-0.5px;}
#footer .ft-btm p.copy {margin-top:23px; font-weight:bold; }




.main-con02 {overflow:hidden;padding:0 0 85px 0;background:url("/img/main02_bg.jpg") no-repeat center;}
.main-con02 ul li {float:left;}
.main-con02 ul li:first-child {margin-right:10px;}
.main-con02 ul li .con02-img {margin-bottom:25px;}
.main-con02 ul li p {font-size:27px;color:#0f0f0f;font-weight:300;letter-spacing:-1px;line-height:35px;}
.main-con02 ul li p span {display:block;font-size:20px;color:#969696;}

.main-con03 {width:100%;height:660px;background:url("/img/main_doc.jpg") no-repeat center;}
.main-con03 a {width:100%;height:100%;display:block;}




.quick_consel{ width:100%; background:#0f0f0f; margin-bottom:60px;   }

.subbn-wrap {width:1200px;margin:0 auto;}
.subbn {width:100%;max-width:1920px;height:418px;background:#0f0f0f;margin:0 auto;overflow:hidden;padding-top:40px;box-sizing:border-box;}
.subbn .subbn-wrap > div {width:50%;float:left;}
.subbn-t01 {font-size:45px;color:#fff;margin-bottom:20px;}
.subbn-t02 {font-size:20px;color:#fff;letter-spacing:-1px;font-weight:200;margin-bottom:70px;}

.subbn .subbn-wrap .subbn-db {overflow:hidden;padding-top:10px;padding-left:60px;box-sizing:border-box;}
.subbn .subbn-wrap .subbn-db ul {}
.subbn .subbn-wrap .subbn-db ul li {width:100%;margin-bottom:17px;}
.subbn .subbn-wrap .subbn-db ul li p {width:130px;display:inline-block;font-size:18px;color:#fff;vertical-align:middle;letter-spacing:-1px;}
.subbn .subbn-wrap .subbn-db ul li input {height:37px;padding:5px 7px;box-sizing:border-box;}
.subbn .subbn-wrap .subbn-db ul li select {width:405px;height:37px;padding:5px 7px;box-sizing:border-box;}
.subbn .subbn-wrap .subbn-db ul li .subbn-db01 {width:405px;}
.subbn .subbn-wrap .subbn-db ul li .subbn-db02 {width:125px;margin-right:12px;}
.subbn .subbn-wrap .subbn-db ul li .subbn-db02:last-child {margin:0;}

.subbn .subbn-wrap .subbn-db .subbn-db-btn {text-align:right;}

.subbn .subbn-wrap .subbn-db .agree-btn {display:inline-block;margin:50px 30px 0 0;}
.subbn .subbn-wrap .subbn-db .agree-btn label {cursor:pointer;color:#fff;font-size:15px;text-decoration:underline;font-weight:300;}
.subbn .subbn-wrap .subbn-db .agree-btn input {margin-left:5px;width:15px;height:15px;cursor:pointer;vertical-align:-5.5px;}
.subbn .subbn-wrap .subbn-db .submit-btn {display:inline-block;}
.subbf {background:#f5f5f5;padding:90px 0;}
.subbf_title {text-align:center;font-size:40px;color:#000;margin-bottom:40px}
.subbf .bx-wrapper .bx-controls-direction a {width:82px;height:49px;margin-top:-24.5px}
.subbf .bx-wrapper .bx-controls-direction a.bx-prev {background:url("/img/bfprev.png") no-repeat center;left:-100px;}
.subbf .bx-wrapper .bx-controls-direction a.bx-next {background:url("/img/bfnext.png") no-repeat center;right:-100px;}
.bf-area {width:900px;margin:0 auto;}




  


/* // 메인 수정css//  */

.quickmenu {position:fixed;top:201px;right:0;z-index:9;}
.quickmenu ul li {width:119px;height:130px;background:#000;text-align:center;box-sizing:border-box;box-sizing:border-box;border-bottom:1px dashed rgba(0,0,0,.2);transition: .2s ease;}
.quickmenu ul li:last-child {border:0;}
.quickmenu ul li a {width:100%;height:100%;display:block;padding-top:85px;box-sizing:border-box;font-size:15px;color:#0f0f0f;}
.quickmenu ul li.quick01 {background:url("/img/q01.png") no-repeat center 31px;}
.quickmenu ul li.quick02 {background:url("/img/q02.png") no-repeat center 31px;}
.quickmenu ul li.quick03 {background:url("/img/q03.png") no-repeat center 31px;}
.quickmenu ul li.quick04 {background:url("/img/q04.png") no-repeat center 31px;}
.quickmenu ul li.quick05 {background:url("/img/q05.png") no-repeat center 31px;}
.quickmenu ul li.quick06 {background:url("/img/q06.png") no-repeat center 31px;}

.quickmenu ul li.quick01:hover {background:url("/img/q01_o.png") no-repeat center 31px #0f0f0f;}
.quickmenu ul li.quick02:hover {background:url("/img/q02_o.png") no-repeat center 31px #0f0f0f;}
.quickmenu ul li.quick03:hover {background:url("/img/q03_o.png") no-repeat center 31px #0f0f0f;}
.quickmenu ul li.quick04:hover {background:url("/img/q04_o.png") no-repeat center 31px #0f0f0f;}
.quickmenu ul li.quick05:hover {background:url("/img/q05_o.png") no-repeat center 31px #0f0f0f;}
.quickmenu ul li.quick06:hover {background:url("/img/q06_o.png") no-repeat center 31px #0f0f0f;}
.quickmenu ul li:hover a {color:#fff;}




/* sub */
.sub_wrap {width:1100px; margin:0 auto; margin-bottom:100px;}

.sub-wrap {width:100%;overflow:hidden; min-width:1400px;}
.sub-wrap .subimg {position:relative;margin-top:-1px;}
.sub-wrap .subimg > img {position:relative;/*left:50%;margin-left:-960px;*/z-index:1;}

.sub-top {position:relative;text-align:center;padding:125px 0 70px 0; font-family: 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic';}

.sub-top .sub-title {font-size:48px; color:#111; margin-bottom:12px; font-weight:bold; letter-spacing:-2px;}
.sub-top .sub-title-txt {font-size:16px; color:#bbb; font-weight:bold; }
.sub-top .tap {position:absolute;bottom:0;z-index:2;width:100%;text-align:center;margin-bottom:-29px;}
.sub-top .tap ul{ min-width:1152px; margin:0 auto;}
.sub-top .tap ul li {display:inline-block;width:190px;height:60px;line-height:58px;border:1px solid #dddddd; border-right:none;
background:#ffffff;letter-spacing:-1px;position:relative;}
.sub-top .tap ul li:before {content:"";width:200px; background:#af9a59; position:absolute;top:0;left:-1px;}
/*.sub-top .tap ul .ovt {background:#af9a59;  border:1px solid #af9a59;}*/
.sub-top .tap ul .ovt a {color:#fff;}
.sub-top .tap ul .ovt:before {width:0;}
/* .sub-top .tap ul .ovt:after {content:"";position:absolute;width:18px;height:8px;background:url("/img/tap_btm.png") no-repeat;left:50%;margin-left:-9px;z-index:999;} */
.sub-top .tap ul li:last-child {border-right:1px solid #dddddd;}
.sub-top .tap ul li a {width:100%;height:100%;display:block; color:#555; font-size:20px;}
.sub-top .tap ul li:hover {background:#af9a59; border:1px solid #af9a59; }
.sub-top .tap ul li:hover a {color:#fff;  text-decoration:none;}
.sub-top .tap .line2tap {margin-bottom:-45px;}
.sub-top .tap .line2tap li {border-top:0;}


.sub-con{ position:relative; clear:both; }
.sub-con .sub-ti { padding-top:80px; padding-bottom:60px; text-align:center; margin:0 auto; }
.sub-con .beaf_bg{background:url("/img/sub/beaf_bg.jpg") no-repeat; }
.sub-con .beaf_bg ul{ width:1140px; margin:0 auto; text-align:center; display:block; padding-bottom:40px;}
.sub-con .beaf_bg ul li { display:inline-block; margin:0 20px 40px 20px;}


/*  sub02_1 SRS/SRA midi-srs  */  
/*
#intro_gallery { width:1100px; margin:0 auto; position:relative; clear:both;}
#galleryView { display:block;position:relative; }
#galleryView ul { display:block;  height:619px; width:1100px; position:relative; overflow:hidden;}
#galleryView img {position: absolute; width:1100px;}
*/


.galleryView { width: 1100px; margin: 0 auto; position: relative; clear: both; margin-bottom:160px; }
.info_tab { list-style:none; margin:40px 0; }
img { border:0 }
.info_tab { display:inline-block;}
.info_tab li { position:relative; float:left; margin-right:10px; cursor:pointer; }
.info_tab li:hover img { border: 5px solid #eac15b;  cursor: pointer; width:165px; height:88px; }

.info_tab li:focus img { border: none !important;  width:175px; height:98px;  }
.info_tab li:active img { border: 5px solid #eac15b; width:165px; height:88px;  }

.info_tab li div { position:absolute; top:0; left:0; }
.tab_contents { width:1100px; }
.info1_box { display:inline-block; }






#thumbnails { float:none;  position:relative; width:1100px; padding-top:40px; padding-bottom:80px;  height:98px; overflow:hidden; }
#thumbnails .pageWrap { width:2200px; height:98px;  }
#thumbnails .pageWrap .page { width:1100px; display:inline-block; float:left; }
#thumbnails .pageWrap .page ul{ height:98px; display: inline-block; width:1050px;  }
#thumbnails .pageWrap .page ul li { display:inline-block; list-style-type: none; width:175px; float: left; margin-right:10px; }
#thumbnails .pageWrap .page ul li:hover a img { border:5px solid #eac15b; width:165px; height:88px;  }
#thumbnails .pageWrap .page ul li a { width:175px; height:98px; }
#thumbnails .pageWrap .page ul li a.active img {border:5px solid #eac15b; width:165px;height:88px;   }

#thumbnails .pageWrap .page p {padding: 34px 0; display:inline-block; float:right;  }
#thumbnails .pageWrap .page p img { cursor: pointer; }
#thumbnails .pageWrap .page p img:hover { opacity:1; }


/* ======  sub02_1 SRS/SRA midi-srs  ====*/  



.sub_bg{ width:100%; position:relative; background:#fafaf5; }




/* 병원둘러보기 */
.sub03_wrap {width: 1100px; margin: 0 auto; position:relative; }
.sub03_view { overflow:hidden;}
.sub03_view ul{width: 1415%;  position: relative;transition-duration: 0s; transform: translate3d(-1200px, 0px, 0px); }
.sub03_view ul li {position:relative; float: left; list-style: none;}
.sub03_view ul li .v_info {position:absolute;bottom:0;width:100%; height:55px; line-height:54px;text-align:center;font-size:25px;color:#fff;background:rgba(0,0,0,.6);}



.sub03_view .bx_wrapper .bx-controls-direction a {width:62px; height:62px; position: absolute; top:337px; text-indent: -9999px; z-index: 9999; display:inline-block; }
.sub03_view .bx_wrapper .bx-controls-direction a.bx_prev { background:url("/img/sub/sub03_prev.png"); left:10px;}
.sub03_view .bx_wrapper .bx-controls-direction a.bx_next { background:url("/img/sub/sub03_next.png"); right:10px; }





#sub03-view-pager {margin-top:30px; padding-bottom:150px;}
#sub03-view-pager ul { display:block;} 
#sub03-view-pager ul li{ display:inline-block; float:left;margin-right:16px; margin-bottom:16px;}
#sub03-view-pager ul li.last {margin-right:0px;}

#sub03-view-pager a {overflow:hidden;display:inline-block; width:170px; height:110px;  box-sizing:border-box; position:relative;}
#sub03-view-pager a:last-child {margin-right:0px;}
#sub03-view-pager a.last {margin-right:0px;}
#sub03-view-pager a img {width:100%; height:110px;}
#sub03-view-pager a span {width:100%;height:100%;position:absolute;background:rgba(0,0,0,.5);top:0;display:block;}
#sub03-view-pager a:hover {border:5px solid #edcd72;}
#sub03-view-pager a:hover span { width:158px; height:98px;}
#sub03-view-pager a.active {border:5px solid #edcd72;}
#sub03-view-pager a.active span {display:none;}


/* 오시는길 */
.sub_map{ position:relative; width:100%; margin:0 auto; overflow:hidden; height:500px; border-bottom: 1px solid #ccc; }
.map_add{ width:1100px; margin:0 auto; position: relative; }
.map_address{ position:absolute; z-index:99; top:69px; width:329px; height:330px; }
.root_daum_roughmap_landing { margin:0 auto; width:100% !important; }




/* 미디어 시술영상  */

h3.media_tex { width:100%; margin:0 auto; text-align:center; font-size:22px; color:#111; padding-bottom:50px; letter-spacing:-1px; }

.media_list { width:1100px; margin:0 auto; padding:60px 30px 40px 30px; background:#fff;}
.media_list ul{ display:block; }
.media_list ul li { display:inline-block; margin-right:25px; text-align:left; vertical-align:top; }
.media_list ul li a { width:330px; height:185px; /*border:2px solid #b7a572;*/ }

.media_list ul li:last-child{ margin-right:0px;}

.media_list .medi_ti{ padding:17px 0; font-family: 'Malgun Gothic', '맑은 고딕', serif; margin-bottom:43px;}
.media_list .medi_ti h3{ font-weight:nomal; font-size:19px; color:#222; text-align:center;  }
.media_list .medi_ti p { padding:15px 0; min-height:40px;}
.media_list .medi_ti p span { font-size:15px; color:#444; }

/** modal window styles **/
#lean_overlay {  width:100%; height:100%; position:fixed; z-index:999; top: 0px; left: 0px; background: #000; display: none; }

/* 하단 레이어 */
#media_wrap{ width:1100px; margin:0 auto; top:0;}
.medi_wrp { position: relative; z-index:99999; text-align: center; margin: 0 auto; position: fixed; top: 50%; left: 50%; margin-top: -244px; margin-left: -550px; }
#media_wrap a { position:absolute; top:-70px; right:0px; width:40px; height:40px; background:url("/img/sub/btn_close.png") no-repeat; }
#media_wrap p img { z-index:99;}






/* 시술후기 */
.bo_fx { margin-bottom: 5px; }
#bo_list_total {float: left;padding-top: 5px;}
.bo_fx ul { margin: 0; padding: 0; list-style: none; }
.btn_bo_user { float: right;}
.btn_bo_user li { float: left; margin-left: 5px; }
a.btn_b02 { display: inline-block;padding: 7px 7px;border: 1px solid #3b3c3f;background: #000;color: #fff;text-decoration: none;vertical-align: middle;}
.bo_notice td a { font-weight: bold; }
.bo_notice td { background: #f5f6fa; }



#bo_v_title {
    padding: 10px 0;
    font-size: 1.2em;
}

#bo_v_title {
    font-size: 30px !important;
    text-align: center;
    margin: 30px auto 25px;
}
#bo_v_info {
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
}

#bo_v_top ul {
    margin: 0;
    padding: 0;
    list-style: none;
} #bo_v_atc {
    min-height: 200px;
    height: auto !important;
    height: 200px;
}#bo_v_con {
    margin-bottom: 30px;
    width: 100%;
    line-height: 1.7em;
    word-break: break-all;
    overflow: hidden;
}
.bo_v_com {
    float: right;
}

.bo_v_com li {
    float: left;
    margin-left: 5px;
}
a.btn_b01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #d9ded9;
    background: #f2f5f9;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
}
a.btn_admin {
    display: inline-block;
    padding: 7px;
    border: 1px solid #e8180c;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}


/*  댓글 */
#bo_vc {
    margin: 0 0 20px;
    padding: 20px 20px 10px;
    border: 1px solid #e5e8ec;
    background: #f5f8f9;
}
#bo_vc h2 {
    margin-bottom: 10px;
}#bo_vc p {
    padding: 0 0 5px;
    line-height: 1.8em;
}#bo_vc_empty {
    margin: 0;
    padding: 20px !important;
    text-align: center;
}



/* 전후사진 */
#bo_cate {text-align: center;}
#bo_gall h2 {margin: 0;padding: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}
#bo_cate ul {margin-bottom: 10px;padding-left: 1px;zoom: 1;display: inline-block;}
#bo_cate li {float: left;margin-bottom: -1px;}
#bo_cate #bo_cate_on {z-index: 2;display: inline-block;border: 1px solid #e7e7e7;background: #262e37;letter-spacing: -1px;color: #fff;}
#bo_cate a {display: block;position: relative;margin-left: -1px;padding: 18px 0 5px;width: 132px;border: 1px solid #ddd;background: #fcfcfc;color: #888;text-align: center;letter-spacing: -0.1em;line-height: 1.2em;cursor: pointer;height: 30px;}


#autosave_wrapper {
    position: relative;
}


#autosave_pop {
    display: none;
    z-index: 10;
    position: absolute;
    top: 24px;
    right: 117px;
    padding: 8px;
    width: 350px;
    height: auto !important;
    height: 180px;
    max-height: 180px;
    border: 1px solid #565656;
    background: #fff;
    overflow-y: scroll;
}
#autosave_pop strong {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}#autosave_pop ul {
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
    list-style: none;
}
#autosave_pop div {
    text-align: right;
}
#autosave_pop button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}