@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Reset */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-text-size-adjust:none; -webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; word-wrap:break-word; word-break:break-all; font-family:'Noto Sans KR', sans-serif;  letter-spacing:-1.5px;}
body,input,select,textarea,button {border:none;font-size:18px; color:#706f73;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:0;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a {color:#333; text-decoration:none;}
a:hover {text-decoration:none;color:#00803f}
#wrap {overflow:hidden; width:100%; }
.conrow{padding:100px 0px;}

/* header */
.gnbcontainer {position:relative; width:1200px; margin:0 auto; padding: 0;}

/* header */
.header {display:block; width:100%; }
.header .head_logo_wrap{margin:20px 0px; text-align:center}
.header .head_logo_wrap {display:block;}
.header .head_logo_wrapm {display:none;}

.main_header{width:100%; background-color:#231f20;}
.main_header .gnb:after{display:block; content:''; clear:both;}
.main_header .gnb>li{position:relative; float:left; width:20%;}
.main_header .gnb>li>a{position:relative; display:block; padding:20px 0; font-size:18px; font-weight:500; text-align:center; color:#fff;}
.main_header .gnb>li:hover>a{color:#00803f;}
/*.main_header .gnb>li:hover .sub_gnb{background-color:#fff;}*/
.main_header .gnb>li:hover>a:after{position:absolute; left:0; bottom:0; width:100%; height:4px; content:''; }
.main_header .gnb_bg{position:absolute; left:0; top:215.4px; width:100%; background-color:#fff; z-index:900; border-bottom:1px solid #cdcdcd;}
.main_header .gnb_bg .color1{color:#2984d6; font-size:26px; margin-bottom:10px; font-family: 'NanumSquare', 'sans-serif';}
.main_header .gnb_bg .color1 .bold{font-weight:900;}
.main_header .gnb_bg .color2{color:#777777; font-size:16px; margin-bottom:30px;}
.main_header .sub_gnb{height:164px; position:absolute; left:0; top:66px; z-index:1000; width:100%; padding-top:15px; text-align:center}
.main_header .sub_gnb li a{font-size:16px; color:#666666; line-height:33px;}
.main_header .sub_gnb li:hover a{color:#00803f;}
.mline {background:url('/img/mline.jpg') no-repeat left center;}
.mrline {background:url('/img/mline.jpg') no-repeat right center;}

/* m_gnb */
.m_gnb_btn { position:absolute; left:20px; top:27px; width:43px; height:35px; margin-top:-17.5px; background:url('/img/ico_all.png') no-repeat center center;}

.m_gnb_wrap {display:none; padding-top:60px; position:fixed; left:-300px; top:0; z-index:9998; overflow-y: auto; width: 320px; max-height:800px; height:100%; background-color:#fff;}
.m_gnb_top {height:70px;}
.m_logo {padding-top:15px; text-align:center;}
.m_gnb_close {display:block; position:absolute; top:15px; right:15px; z-index:1; width:35px; height:40px; color:#6b6b6b; font-size:30px;}
.m_gnb > li > a {display:block; position:relative; z-index:1; height:55px; line-height:55px; padding-left:60px; border-bottom:1px solid #e5e5e5; color:#000; font-size:18px;}
.m_gnb > li > a.on {background-color:#00803f; color:#fff;}
.m_gnb > li:first-child > a {border-top:1px solid #e5e5e5;}
.m_sub_gnb {display:none; background-color:#ecf2f5;}
.m_sub_gnb > li {}
.m_sub_gnb > li > a {display:block; width:180px; height:40px; line-height:40px; margin-left:60px; color:#000; font-size:16px;}
.m_sub_gnb > li:first-child > a {border-top:0 none;}
.m_sub2_gnb {padding:5px 0; background-color:#e4e0d7;}
.m_sub2_gnb li a {display:block; padding:5px 0 5px 60px; color:#5a5340;}
.m_sub2_gnb li a:before {content:"-"; margin-right:5px; vertical-align:top;}
.m_gnb_bg {display:none; position:fixed; left:0; top:0; z-index:9997; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

.m_gnb{margin-bottom:50px;}
.m_close_btn {position:absolute; right:20px; top:20px; font-size:20px;}
.m_btn_box{text-align:center;}
.m_btn_box a{position: relative; display:inline-block; width:140px; height: 45px; line-height: 45px; text-align:center;  border:1px solid #ddd;}
.m_btn_box a.on{background-color: #777; color: #fff;}

@media only screen and (min-width:320px) and (max-width:824px) {
	.header .head_logo_wrap{display:none;}
	.header .head_logo_wrapm{display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:9800}
	.header .head_logo_wrapm .head_logo{width:150px}
	.header .head_logo_wrapm .head_logo img{width:100%; height:auto}

	.gnbcontainer{width:100%;}
	.main_header .gnb{margin-left:0;}
	.main_header .gnb>li>a{padding:15px 0;}
	.main_header .sub_gnb{top:54px;}
	.main_header .gnb_bg{top:55px;	}
	.main_header .gnb_bg .container{display:none;}

	/* header */
	.gnb {display:none;}
	.m_gnb_btn {display:block;}
	.header {padding-top: 0;}
	.util_header {display: none;}
	.header .gnbcontainer{min-height:55px;}
}
/* header end */

/* ���� */
.verticaltop{vertical-align:top !important}
.verticalmiddle{vertical-align:middle !important}
.col-md-8, .col-md-7 {display:inline-block; }
.col-md-9 {display:inline-block; }
.col-md-5, .col-md-4 {display:inline-block; width:32%; padding:0px; margin:0 5px;}
.col-md-5 {width:40%; }
.col-md-3 {width:28%; }

.verticaltop:first-child {margin:0px;}

h2 {font-size:42px; font-weight:500; }
h3 {font-size:36px}
h4 {font-size:22px; font-weight:400}
h5 {font-size:18px}

.fontweight{font-weight:500}

h2{display:inline-block;}
h2 .hr{width:100%; height:1px; background-color:#dcdbdc; margin:28px 0 15px 0px;}
.lineH {line-height:36px;}
.stext {display:block; color:#706f73; text-align:center}

.images{width:980px; margin:0 auto; margin-top:30px;}
.images img{display:inline-block; width:100%; height:auto}

.white-color { color: #fff; }

.gray-bg {background-color:#f0f0f1;}
.white-bg {background-color:#fff;}
.md-xsm {margin-bottom:10px;}

/* ------ ����� ���� ----- */
.swiper-container {
	position:relative;
	width:100%;
	 text-align:center
}

.swiper-slide {
	text-align:center;
	background:#fff;

	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.swiper-container h3 {position:absolute; top:150px; left:50%; transform:translateX(-50%); z-index:200; font-size:20px; color:#fff; font-weight:400;}
.swiper-container h2 {position:absolute; top:189px; left:50%; transform:translateX(-50%); z-index:200; font-size:34px; color:#fff; font-weight:500}
.swiper-container .line {position:absolute; top:255px; left:50%; transform:translateX(-50%); z-index:200; width:160px; height:1px; background-color:#fff}
.swiper-container p {position:absolute; top:282px; left:50%; transform:translateX(-50%); z-index:200; font-size:20px; color:#fff; font-weight:400; line-height:24px;}

.m_visual_1 {background-image:url(/img/main/m_visual_1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; max-height:100%;}
.m_visual_2 {background-image:url(/img/main/m_visual_2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;max-height:100%;}

/* ����� �ϴ� */
.m_sb {display:block; position:relative; background-color:#231f20; padding:25px 0px; text-align:center;}
.m_sb > div a {display:inline-block; border:1px solid #757273; font-size:24px; line-height:24px; font-weight:500; color:#fff; margin:0 10px; padding:20px 50px;}

/*banner1*/
#banner-1{ background-image:url(/img/main/banner1.jpg); padding-top:100px; padding-bottom:100px;}
.bg-fixed,
.bg-scroll { width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bg-scroll { background-attachment:fixed !important; }
/*#banner-1 .banner-txt{background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255, 0.6),  rgb(255, 255, 255, 0.6), rgba(255, 255, 255, 0));}*/
#banner-1 .bannder-bg{ background-image:url(/img/main/banner1_bg.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
#banner-1 .banner-txt{display:block}
#banner-1 .banner-txt h2 {display:block; line-height: 1.25; font-size:30px; letter-spacing:-1px; padding:10px 0px; margin-bottom:25px; border-top:1px solid  rgba(255,255,255, 0.7); border-bottom:1px solid rgba(255,255,255, 0.7)}
#banner-1 .banner-txt h2 span {letter-spacing:0px;}
#banner-1 .banner-txt p{font-size:18px;}

/* comping categody */
.category{margin:0 auto; margin-top:30px; text-align:center;}
.category img{padding-top:70px; padding-bottom:26px; margin:0 auto}
.category h4{color:#706f73}
.category p{font-size:16px; padding-top:10px; padding-bottom:70px;}

/* �ϴ� ��ũ���� */
.fdiv {display:block; position:relative; background-color:#c4c4c4; padding:14px 0px; text-align:center;}
.fdiv > div a{display:inline-block; border-right:1px solid #9a9a9c; font-size:16px; line-height:24px; font-weight:500; color:#666666; padding:0 50px;}
.fdiv > div a:first-child{border-left:1px solid #9a9a9c;}

/* footer */
footer {background-color:#231f20; padding:60px 0px;}
footer p{color:#fff; font-size:16px; font-weight:300;letter-spacing:0px;}
footer p span {margin:0 10px;}
footer img {width:40%;}

/* �׺��� ���� */
@media only screen and (max-width:1024px) {
	.col-md-4{width:31.8888888888%}
	.images{width:100%;}
	h4 {font-size:23px}

	header nav {width:100%;}
	header nav a {padding:0 60px}

	.fdiv > div a{padding:0 48px;}
}

/*  �Ϲ����� ����Ʈ�� */
@media only screen and (min-width:320px) and (max-width:824px) {
	.conrow{padding:50px 0px;}
	.col-md-4 {width:100%; margin:0px; margin-bottom:10px; padding:0px;}
	.col-md-5 {width:100%;}
	.col-md-6 {display:block; width:100%; margin:0px;}
	.col-md-6:first-child {padding-bottom:40px;}

	.lineH {line-height:26px;}

	h2 {font-size:22px}
	h4 {font-size:16px}
	
	.resrve_btn{display:block; margin:0 auto; margin-top:40px; background-color:#8cc540; color:#fff; font-size:20px; font-weight:500; border-radius:6px; padding:10px 50px;}

	#wsmenu-list{ display: block; }


	.logo {display:none;}
	.logo_m { width:250px; display:block;}
	.logo_m img{width:100%}

	/* ���� �����̴� */
	.swiper-container {
		top:0px;
	}

	.swiper-container h3 {top:72px; font-size:11px; }
	.swiper-container h2 {top:95px; font-size:24px;}
	.swiper-container .line {top:145px; width:100px;}
	.swiper-container p {top:160px; font-size:12px; line-height:18px}


	/* ����� �ϴ� */
	.m_sb {padding:10px 0px;}
	.m_sb > div a {font-size:13px; line-height:20px; margin:0px; padding:10px;}

	/*banner1*/
	#banner-1 .banner-txt h2 {display:block; font-size:22px; margin-bottom:20px; text-align:center; font-weight:500}
	#banner-1 .banner-txt p {font-size:16px;}

	/* comping categody */
	.category img{padding-top:50px;}
	.category h4{font-size:24px}
	.category p{padding-bottom:50px;}

	.fdiv {display:none;}

	/* footer */
	footer {padding:30px 0px;}
	footer p{font-size:16px;}
	footer p.copyrights{font-size:12px; padding-top:20px;}
	footer img {width:100%;}

	.verticaltop:last-child {margin-top:20px;}
}