@charset "utf-8";

*{box-sizing:border-box; letter-spacing:-0.05em;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
body {color:#303030; font-family:'NanumSquare', Dotum, sans-serif; font-size:14px;font-weight:300;line-height:1.5;}
h1,h2,h3,h4,h5,h6,a {font-family:'NanumSquare','KoPub Dotum','Noto Sans KR', Dotum, sans-serif;}

h2 {font-size:40px;}
h3 {font-size:30px;}

#wrap {width:1400px; min-width:1400px; margin:0 auto; height:1000px; position:relative;}

/*header*/
header {float:left; width:186px; height:1000px; background:#1c6a83; position:fixed;}
header .header_wrapper {position:relative;}
header .header_wrapper .header_content {width:100%; margin:0 auto;}
nav .nav_wrap {display:block;}
.nav_logo {padding:69px 0 6px;}
.nav_logo img {display:block;}

nav .nav_menu ul {z-index:99;}
nav .nav_menu ul > li > a {
	padding:13px 25px;
	color:#fff; 
	font-weight:100; 
	box-sizing:border-box; 
	display:block; 
	font-size:20px;
	/*margin:0 10px;*/
	position:relative;
	/*border-bottom:1px solid rgba(255,255,255,0.2);*/
	
}
nav .nav_menu ul > li > a:before {
	position:absolute;
	content:"";
	margin:0 10px;
	width:166px; height:1px;
	bottom:0; left:0;
background:rgba(255,255,255,0.2);
}

nav .nav_menu ul li a:hover, .snb ul > li > a.on { background:#3497b0;}

/*메뉴 뎁스2*/
nav .nav_menu ul li ul {
  	display:none;
	width:160px;
	position:absolute;
	background:#3497b0;
	padding:0;
	z-index:5;
	margin-left:-20px;
	top:0;
	padding-top:206px;
	height:1000px;	
}
.subnav {right:-160px; opacity:0;}
#gnb-sub .subnav.view {opacity:1; display:block;}/*서브 네비게이션 보임*/

nav .nav_menu ul li ul li { 
  float:none;
  line-height:2.0;
  margin:0;
  text-align:left;
}
nav .nav_menu ul ul li a {
	line-height:2.0;
	color:#fff;
	padding:11px 20px;
	font-size:17px;
	position:relative;
	}
nav .nav_menu ul ul > li > a:before {
	position:absolute;
	content:"";
	margin:0 10px;
	width:140px; height:1px;
	bottom:0; left:0;
	background:rgba(255,255,255,0.2);
}

nav .nav_menu ul li ul li:hover a, .snb ul ul li > a.on {color:#fff; background:000;}
nav .nav_menu ul li ul li:hover a:after, .snb ul ul li > a.on:after {position:absolute; content:""; width:12px;height:3px; background:#fff; right:15px; top:26px;}
nav .nav_menu ul li:hover > ul {
  display: block;
}


/* 메인 컨테이너 */
#main {float:left; width:1214px;margin:0 auto;display:inline-block; background:#fff;}

/* -------------------------------------------
                flexslider
                                            */
.flexslider img {display:block;}
.flexslider li .main_sl {height:655px; width:100%; min-width:1200px;}
.flexslider li .s1 {background:url(../images/slide1.png) center;}
.flexslider li .s2 {background:url(../images/slide2.png) center;}
.flexslider li .s3 {background:url(../images/slide3.png) center;}
.flexslider li .s4 {background:url(../images/slide4.png) center;}

/* carousel 
#carousel .slides li {width:300px;}
#carousel .flex-active-slide li {background:#63a0afl;}
#carousel img {display: block;cursor: pointer;}
#carousel .flex-active-slide.sl1 {background:url(../images/thum_sl1_on.png);}
#carousel .flex-active-slide.sl2 {background:url(../images/thum_sl2_on.png);}
#carousel .flex-active-slide.sl3 {background:url(../images/thum_sl3_on.png);}
#carousel .flex-active-slide.sl4 {background:url(../images/thum_sl4_on.png);}
#carousel .flex-active-slide img {visibility:hidden;}
*/

.main_content {width:1200px;margin:auto;}
.main_visual {width:100%; min-width:1200px; height:537px; background:url(../images/slide1.png) center;}
.main_visual {position:relative;}
.visual_txt {display:block; position:absolute; left:50%; top:50%;margin-left:-286px;margin-top:-125px;}
.visual_txt a {display:block;margin-top:30px; text-align:center;}
.main_visual .bounce {
	position: absolute;
	z-index:99;
	bottom: 30px;
	left: 50%;
	margin-left:-15px;
	width: 30px;
	height: 67px;
	background:url(/base/img/pc/images/main/icon_scroll.png) no-repeat center;
	text-indent:-9999px;
	overflow:hidden;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
#main {text-align:center; float:right;}
#main h2 {margin-bottom:15px; font-weight:300;}
p {font-size:18px;}
#main .col_w {color:#fff;}
#main .col_bk {color:#303030;}
/*sec1*/
.box_wrap {padding:11px;}
#section1 {background:#f5f5f5;}
#section1 .column {width:474px; margin-right:11px;}
#section1 .column .inner_box {margin-bottom:11px;}
#section1 .column .inner_box img {display:block;}
#section1 .column .small_banner {width:50%;}
#section1 .column .small_banner img {display:block;}
#section1 .column_last {width:222px; margin:0;}
#section1 .column .board_out {background:url(../images/main_bo_bg.png) top center; width:474px; height:206px;}
#section1 .column .out_wrap {padding-top:26px;}
#section1 .column .out_wrap .output {padding:0 15px;width:237px; text-align:left;}
#section1 .column .out_wrap .output .out_cont {margin-top:10px;}
#section1 .column .out_wrap .output .out_cont img {display:none;}

footer {width:186px; text-align:center; position:fixed; bottom:0;}
.f_logo {padding-top:31px;}
.footer_txt {display:inline-block; padding:15px 10px;font-size:12px;color:#fff;line-height:170%; text-align:left;}
footer .admin {padding:10px 0; background:#045670;}
footer .admin a {color:#fff; font-weight:bold;}
.back_top {position:fixed; bottom:30px; right:50px;}



/* 서브 */
#sub {width:1000px; min-width:1000px; height:1000px; float:right; margin:0 auto; margin-left:54px;color:#303030;}
.sub_top1 {width:100%; min-width:1200px; height:350px; background:url(/base/img/pc/images/sub/sub_img_top.png) center;}

#sub_top {border-bottom:1px solid #eee;}
#sub_top .sub_title {padding-top:15px;}
#sub_top .sub_title h2 {font-size:30px; margin-bottom:10px; margin-top:118px;}
#sub_top .sub_title .path {font-size:12px; font-family:gulim, san-serif;color:#a1a1a1; text-align:right;}

#sub_content {margin-bottom:100px; margin-top:50px;}
#sub_content .space {padding-top:60px;}

#sub .map {width:500px; float:left;}
#sub .map_txt {width:500px; padding-left:40px;}
#sub .map_txt h3 {font-size:30px; color:#3497b0;}
#sub .map_txt h4 {font-size:22px;}
#sub .map_txt .ride {margin-bottom:15px;}
.num_ride .bg_bar {margin: 3px 4px 0; color:#aaa;}
.map_btn ul li {width:33.33333%;}
.map_btn ul li img {width:100%;}

/* 폼메일_견적문의 */
#sub #content textarea[name="description"] {width:97%;}

td.gallery_subject {vertical-align:top; height:50px;}
.board td[align="left"] {height:45px;}
.board td[align="left"] img {display:none;}
.board_view {
    width: 100%;
	border-top:0;
    border-left: 0;
    border-right: 0;
}
.board_view td {
    border-bottom: 1px #e5e5e5 solid;
    padding: 4px;
    border-left: 0;
    border-right: 0;
}

.table_02 {
    width: 100%;
    border-top: 3px #E5E5E5 solid;
    border-bottom: 1px #E5E5E5 solid;
    border-left: 1px #e5e5e5 solid;
}