/* TABLE OF CONTENTS

	1. BASIC
	2. EFFECT
	3. BUTTONS
	4. HEADER
	5. SLIDER
	6. SUB
	7. SECTION
	8. FOOTER

*/

/*==========================================================
     Basic Style
============================================================*/

body {
	overflow-x:hidden;
}

a {
	color:#fff;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input, textarea {
	outline-width:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

*:hover {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.inner {width:100%;max-width:1170px; padding: 0 27px; margin-left:auto;margin-right:auto;}


/*==========================================================
     Buttons Style
============================================================*/

.button:hover {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/*==========================================================
     Header Style
============================================================*/

/*로고 좌측 정렬시 적용*/
#hd {padding-top:24px; background:#ffffff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.01); }
#hd .gnb_area:after {display:block;clear:both;content:"";}
#hd .gnb_area { height:96px; }
#hd .logo {float:left;}
#hd .gnb_area .gnb{float:right;  width: 100%; margin-right:2%;}


/*로고 가운데 정렬시 적용*/
#hd2 {background:#ffffff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1); }
#hd2 .logo {margin:0 auto; width:100%; text-align:center;}

.gnb_area:after {display:block;clear:both;content:"";}
.gnb_area {background:#45651b;}
.gnb #web_cate_ul1_box { height: 48px; padding-top:20px; text-align:center;}

.topbar {position:absolute; top:0; width:100%; height:24px; line-height:24px;background:#eee;}
.topbar ul {padding-right:15px;padding-left:15px;text-align:right;}
.topbar ul li {display:inline-block; margin-left:5px;}
.topbar ul li a {color:#3d3d3d; font-size:12px; font-weight:200; letter-spacing:1px;}
.topbar ul li:before {display:inline-block; content:""; margin: 0 5px 2px 0; width:4px; height:4px; border-radius:50%; background: #919191;}
.topbar ul li:hover span {background:#454545;}
.topbar ul li:hover:before {background:#454545;}
.topbar ul li span {display:inline-block;margin:0 5px 2px 0;width:4px;height:4px;border-radius:2px;background:#ffcc00;}




/*==========================================================
     mvis
============================================================*/

#mvis {font-size:0;}


#mvis .mimg {display:block; position:relative; width:100%; }

#mvis .mimg01 {height:690px; background:url(../img/main/section00/vis01.jpg) center no-repeat; background-size:cover;}
#mvis .mimg02 {height:690px; background:url(../img/main/section00/vis02.jpg) center no-repeat; background-size:cover;}
#mvis .mimg03 {height:690px; background:url(../img/main/section00/vis03.jpg) center no-repeat; background-size:cover;}

#mvis .mimg .main_bg {position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0);}
#mvis .mimg .mtxt {position:absolute; left:43%; top:42%; width:100%; max-width:572px; z-index:1;}
#mvis .mimg .mtxt img {display:inline-block; text-align:left; max-width:100%; }

#mvis .mimg .mtxt .mtxt1 span {text-transform:uppercase; font-size:18px; font-weight:300; letter-spacing:0.1em; color:#fff; background:#414141; padding: 3px 20px; }

#mvis .mimg .mtxt .mtxt2 {font-size:65px; font-weight:500; color:#393939; letter-spacing:-0.08em; line-height: 73px; margin:30px 0 18px;}
#mvis .mimg .mtxt .mtxt2 span {font-weight:600; color:#38aecb;}

#mvis .mimg .mtxt .mtxt3 {font-size:22px; font-weight:400; color:#393939; letter-spacing:-0.06em; margin-left: 5px;}


/*==========================================================
     Sub
============================================================*/

#svis {height:220px; background:url(../img/common/svis.jpg) top center; background-attachment:fixed;}
#svis .inner {display:table;width:100%;height:220px;}
#svis .st_con {display:table-cell;vertical-align:middle;}
#svis .st_con h2 {color:#454545; text-align:center; font-weight:500;}
#svis #container_title {
	display:table-cell;
	vertical-align:middle;
	padding:0;
    letter-spacing: -0.5px;
    font-size: 36px;
    color: #454545;
    border-bottom: 0;
	text-align:center !important;
}

#bo_v_title {display:none;}
#bo_v_con {
	line-height:normal;
	text-align:center;
}


/*==========================================================
     Section Style
============================================================*/

/*----- section01 -----*/
#st1 {}
.st:after{display:block; clear:both; content:"";}
#st1 .inner > div{}
#st1 .inner h3 {display:inline-block;  font-size:18px;  }

#st1{width:100%; }
#st1:after{display:block; clear:both; content:"";}


.st1_bn {position:relative; float:left; width:25%; }
.st_img01 {width:100%; padding-top: 93%; background:url(../img/main/section01/st1_bn01.jpg) center no-repeat; background-size:cover;}
.st_img02 {width:100%; padding-top: 93%; background:url(../img/main/section01/st1_bn02.jpg) center no-repeat; background-size:cover;}
.st_img03 {width:100%; padding-top: 93%; background:url(../img/main/section01/st1_bn03.jpg) center no-repeat; background-size:cover;}
.st_img04 {width:100%; padding-top: 93%; background:url(../img/main/section01/st1_bn04.jpg) center no-repeat; background-size:cover;}

.bn_info {position:absolute; bottom:8%; left:8%; z-index:99;}
.more_btn{position:absolute; display:none; top:8%; right:8%; font-weight:400; color:#fff; font-size:16px;}
.overlay {position:absolute; display:none;  width:100%; height:100%;}

#st1 .st1_bn .bn_info h3 {font-size:20px; color:#fff;}
#st1 .st1_bn .bn_info .line {display:block; width:26px; height:1px; background:#fff; margin:22px 0 14px 0;}
#st1 .st1_bn .bn_info h1 {font-size:40px; color:#fff; font-weight:400; letter-spacing:-0.1em; font-family: 'ChosunSm';}
#st1 .st1_bn .bn_info p {font-size:16px; color:#fff; margin-top:16px; letter-spacing:-0.05em;}


#st1 .st1_bn .more_btn .fa {display:inline-block; text-align:center; width:23px; height:23px; margin: 0 5px; line-height:23px; border-radius:50%; background:#69a020; color:#fff;}

#st1 .st1_bn a:hover .overlay {
	display:block; 
	background:rgba(0, 0, 0, 0.7);
	background-size:cover; 
	z-index:9; 
}

#st1 .st1_bn a:hover .more_btn {
	display:block; 
	z-index:99;
}

#st1 .st1_bn a:hover .st_bg {
	background-size:120%;
}

#st1 .st1_bn a:hover .line {
	background:#fff;
}

#st1 .st1_bn a:hover h3 {
	color:#fff;
}

#st1 .st1_bn a:hover h1 {
	color:#fff;
}

#st1 .st1_bn a:hover p {
	color:#fff;
}





/*----- section02 -----*/

#st2 {padding:50px 30px;}
#st2 .gallery_area:after{display:block; clear:both; content:"";}
#st2 .gallery_area {position:relative; display:block; width:100%;}
#st2 .gal_left {width:45%; margin-top:65px; float:left;}
#st2 .gal_right	{width:55%; float:right;}


#st2 .gal_tit .galtit1 , #st3 .gal_tit .galtit1 {font-size:18px; font-weight:300;}
#st2 .gal_tit h3 , #st3 .gal_tit h3 {font-size:40px; font-weight:400; letter-spacing:-0.06em; margin:17px 0 32px; font-family: 'ChosunSm';}
#st2 .gal_tit h3 span , #st3 .gal_tit h3 span {font-weight:500;}
#st2 .gal_tit p , #st3 .gal_tit p {font-size:18px; line-height:25px; font-weight:400; letter-spacing:-0.02em; margin:17px 0 62px;}
#st2 .gal_tit .btn , #st3 .gal_tit .btn {width:186px; height:42px; border-radius:50px; font-size:14px; letter-spacing:-0.04em; line-height:27px;}


#st2 .gal_right .gal {display:block; width:100%; height: 400px;}

#st2 .gal_left .gal_tit {width:368px; height:170px;}
#st2 .gal_left img {float:right;}


#st2 .gal_left .galtit1 {color:##3a2929;}
#st2 .gal_left h3 {color:#3a2929;}
#st2 .gal_left p {font-size:18px; line-height:25px; font-weight:400; letter-spacing:-0.02em; color:#555; margin:17px 0 62px;}

#st2 .gal_tit .btn {background:#fff; color:#3a2929; border: 1px solid #3a2929;}
#st3 .gal_tit .btn {background:#3a2929; color:#fff;}

#st2 .gal_tit .btn:hover {background:#3a2929; color:#fff;}
#st3 .gal_tit .btn:hover {background:#fff; color:#3a2929; border: 1px solid #3a2929;}


/*----- section03 -----*/

#st3 {background:url(../img/main/section03/st3_bg.jpg) center no-repeat; /* background-size:cover; */ background-attachment: fixed; padding:70px 30px;}

#st3 .gal_tit {text-align:right;}

#st3 .gal_tit .galtit1 {color:#3a2929;}
#st3 .gal_tit h3 {color:#3a2929;}
#st3 .gal_tit p {font-size:18px; line-height:25px; font-weight:400; letter-spacing:-0.02em; color:#3a2929; margin:17px 0 62px;}


/*----- section04 -----*/

#st4 {padding:27px; background:#39362e;}
#st4 .board_area {width:100%;}

#st4 .board_area > div {float:left; width:31.333%; max-height:250px; min-height:170px; padding-left:10px;  overflow:hidden; }
#st4 .board_area > div:last-child {margin-right:0;}

#st4 .board_area .st4_cs {width:37.3333%;}

#st4 .board_area div h3 {color:#fff; font-size:20px; font-weight: 400;}


#st4 .st4_cs .cs_bn h3 {text-align:center; font-size:20px; font-weight:400; }
#st4 .st4_cs .cs_bn {width: 100%; margin: 20px auto; border-left:0px solid #fff; padding:0 10px;}
#st4 .st4_cs div .cs_num {font-size:18px; color:#ffe992; display:inline-block; margin:10px 0 5px;}

#st4 .st4_bd h3 {margin-bottom: 15px;  font-family: 'ChosunSm';}

.cs_bn span {display: block; margin:0 auto; text-align:left;}
.cs_bn h4 {display:inline-block; font-size:16px; font-family: 'ChosunSm'; background:#37580c; color:#fff; border-radius:2px; padding:2px 5px; margin-right:10px; }
.cs_bn .cs_hour {display:inline-table; text-align:left; font-size:18px; font-weight:300; color:#fff;}
.cs_bn .cs_hour b {font-size:14px;}
.cs_bn .cs_hour p {font-size:16px; color:#8b836f; text-align:left;}

.cs_bn p {font-size:15px; color:#3d3d3d; letter-spacing:-0.06em; margin-top:8px; text-align:center;}


#st4 .board_area .st4_map h3 {font-size:18px; margin-bottom:14px; font-family: 'ChosunSm';}

/*==========================================================
     Footer Style
============================================================*/

#footer {
	background:#fff;
	
}

#footer .foot_con{
	display:table;
	width:100%;
	height:120px;
	padding-left:10px; 

}

#footer .foot_con .ft_info {
	display:table-cell;
	vertical-align:middle;
}

#footer .foot_con .ft_info span {line-height: 22px;}
#footer .sns {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	margin-bottom: 20px;
}

#footer .sns ul li img {opacity:0.2;}

#footer .sns ul li {
	display:inline-block;
	margin:0 15px;
}

#footer .sns ul li img:hover {
	opacity:0.4;
}



/*----- return to top button -----*/
#return-to-top {
	position:fixed;
	bottom:3em;
	right:3em;
	background:#fff;
	width:60px;
	height:60px;
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:60px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border: 1px solid #ececec;
	border-radius: 50%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
	display:none;
	transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	z-index:999999;
}

#return-to-top i {
	color:#777;
	margin:0;
	position:relative;
	font-size:22px;
}

#return-to-top:hover {
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
	-moz-transition: translate3d(0, -5px, 0);
	-ms-transition: translate3d(0, -5px, 0);
	-o-transition: translate3d(0, -5px, 0);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#return-to-top:hover i {
	color: #777;
}