@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@font-face {font-family: 'NanumMyeongjo';font-style: normal;font-weight: 400;src: local('※'),url('NanumMyeongjoR.woff2') format('woff2'),  url('NanumMyeongjoR.woff') format('woff'),url('NanumMyeongjoR.ttf') format('truetype'),url('NanumMyeongjoR.otf') format('opentype'),url('NanumMyeongjoR.eot') format('embedded-opentype');}
@font-face {font-family: 'NanumMyeongjo';font-style: normal;font-weight: 700;src: local('※'),url('NanumMyeongjoB.woff2') format('woff2'), url('NanumMyeongjoB.woff') format('woff'),url('NanumMyeongjoB.ttf') format('truetype'),url('NanumMyeongjoB.otf') format('opentype'),url('NanumMyeongjoB.eot') format('embedded-opentype');}
@font-face {font-family: 'NanumMyeongjo';font-style: normal;font-weight: 900;src: local('※'),url('NanumMyeongjoEB.woff2') format('woff2'), url('NanumMyeongjoEB.woff') format('woff'),url('NanumMyeongjoEB.ttf') format('truetype'),url('NanumMyeongjoEB.otf') format('opentype'),url('NanumMyeongjoEB.eot') format('embedded-opentype');}

/* common _ jyp */
* {font-family: 'Noto Sans KR';}
body {font-family: 'Noto Sans KR'; color:#000;letter-spacing:-0.02em; -webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {color:#333;margin:0;padding:0;font-size:15px;line-height:1.756em;font-weight:500;}
table,td,th {font-family: 'Noto Sans KR';color:#000;}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li {list-style:none;}
a,img {outline:0;text-decoration:none; border:0;}
a:link,a:visited,a:active,a:hover {outline:0;text-decoration:none;color:#000;}
a:hover, a:focus {text-decoration:none !important;}
img.fit {width:100%;}
img.max-fit {max-width:100%;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {margin-top:0;font-family:  'Noto Sans KR';}
.row {padding-right:0px !important;padding-left:0px !important}
.row::after {clear:both;}
.row::before,.row::after {display:table;content: " ";}
[canvas=container],
[off-canvas] {padding: 10px 20px;}
[class*=js-] {cursor: pointer;}

/* Footer */
.P-footer {
clear:both;
padding:20px 0;
width:100%;
background:#3b3b3b;
}
.P-footer2 {
clear:both;
padding-bottom: 20px;
width:100%;
background:#3b3b3b;
}
.footer-logo {display:none;}
.footer-info {width:100%;}
.footer-info li {
width:100%;
background:#000;
padding:0px 0px 0px 0px;
}
.copy-item {
display:block;
width:100%;
text-align:center;
font-size:12px;
color:#ADADAD
}
/* Footer 끝*/

/*header*/
.P-member {display: none;}
#menu_box { display:none;}
.P-header {
width: 100%;
height: 120px;
top: 0;
z-index: 2;
position: absolute;
display: inline-block;
}
.P-header.active{background-color:rgba(255,255,255,0.1); top: 0; position: fixed;}
.P-header.active .P-nav-logo .logo_w{display:block;}
.P-header.active .P-nav-logo .logo_b{display:none;}
.P-header.active .P-nav-item{color: #fff !important;}
.logo_b{display:block;}
.logo_w{display:none;}

.wrap {width: 100%; max-width: 1200px; margin: auto;}
.wrap > a {width:30%;float:left;}
.P-nav-logo {
position: relative;
    line-height: 120px;
    float: left;
    padding-top: 30px;
    width: 121px;
    margin-left: 9%;
    height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.top_call{
	padding: 4px 9px;
    border: 1px solid #454545;
    border-radius: 50px;
    margin-top: 42px;
    color: #454545 !important;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-left: 7%;
}
.top_call span{margin-left: 7px;font-weight: 600 !important; font-size: 14px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}
.P-nav {width:100%;margin: auto; cursor: pointer; margin-left: 3%;}
#btn-top-menu{display: none !important;}
.P-nav-item {
position: relative;
display: block;
margin-left: 9%;
color: #454545 !important;
float: left;
text-align: center;
line-height: 120px;
height: 120px;
font-weight: 600;
font-size: 16px;
letter-spacing: 0px;
font-family: 'Nanum Myeongjo';
}
.visible-lg ul li:hover > ul{display:block;}
.P-nav-item:hover, .P-nav-item:focus {
color: #000 !important;
height: 60px;
font-size: 16px;
font-weight: 900;
font-family: 'Nanum Myeongjo';
}
.visible-lg {display: block !important;}
.hidden-lg {display: none!important;}
.top-menu-title {padding-top: 145px;}
.top-menu-title p {
color: #3f2200;
font-size: 35px;
font-family: 'Nanum Myeongjo';
font-weight: 900;
line-height: 50px;
letter-spacing: 1px;
margin: initial !important;
}

.top-menu-title p span {
display: block;
    color: #46423E;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -1px;
}
/*header 끝*/

/*전체적용*/
.pc{display: block;}
.t{display: none;}
.m{display: none;}
dl {padding-top: 5% !important; padding-bottom: 5% !important;}
a{font-family: 'Noto Sans KR';}
#SUB_Scontent {max-width: 1280px;margin: 0 auto;}
.swiper-container {position: relative; float: left;}
.swiper-slide{width: 100%; height: 1000px; background-position: center center !important; background-repeat: no-repeat; background-size: cover;}
.sw_wrap{width:100%;float: left;padding-bottom: 5%;}
.swiper-container {width: 100%; height: 1000px;}
/*전체적용 */

/* * Override Bootstrap's default container. */
#totalANDzeroweb {width:100%;background:#3b3b3b;text-align:left;}
#totalANDzeroweb div{font-size:12px;color:#666}
/* * Override Bootstrap's default container. 끝*/

/*/////////////////////////main////////////////////////*/
#jb_main_wrap{
width: 100%; height: 1159px;
background:#fff url(/images/main/main_bg3.png)no-repeat center center;
background-size: cover;
}
.jb_main_img{width: 100%; margin: auto; text-align: center;}
.jb_main_img img{width: 1013px; margin-left: -100px;}
.main_line{position:absolute; width: 50%; top: 770px;} .main_line div{width: 1px; height: 950px; float: right; background-color: #000; opacity: 0.1;}
/*content01*/
#jb_con01_wrap{
width: 100%; height: 367px;
float: left;
background:#fff url(/images/main/menu01_bg.png)no-repeat center center;
background-size: cover;
overflow: hidden;
}
.jb_menubox{
width: 100%;
max-width: 1200px;
margin: auto;
}
.about_box{width: 100%;}
.about_box .jb_tit{ width: 50%; text-align: right; float: left; padding-right: 4%; font-size: 38px; line-height: 55px; font-weight: 700; color: #000; letter-spacing: 1px;font-family: 'Nanum Myeongjo';
}
.about_box .jb_txt span{font-size: 20px; font-weight: 600;}.about_box .jb_txt span .green{font-size: 20px;}
.green{display: inline; color: #4e8436;}
.about_box .jb_txt{width: 50%; text-align: left; float: left; padding-left: 3%; font-size: 15px; line-height: 26px; font-weight: 400; color: #000; letter-spacing: -0.5px;}
.txt_small{margin-top: 20px;}
.jb_btn{width: 130px;font-size: 15px;float: left;margin-left: 3%;line-height: 30px;margin-top: 20px;text-align: center;border: 1px solid #4e8436;border-radius: 50px;letter-spacing: 1px;transition: background 0.6s;-webkit-transition: background 0.6s;cursor: pointer;}
.jb_btn a{color: #4e8436 !important; font-weight: 400; font-family: 'Nanum Myeongjo';}
.jb_btn:hover{background-color: #4e8436; transition: background 0.6s;-webkit-transition: background 0.6s;}
.c01_btn:hover a{color: #fff !important; font-weight: 400 !important;}
.txt320{display: none;}
/*content01 끝*/

/*content02*/
#jb_con02_wrap{
width: 100%; height: 601px;
margin: auto;
overflow: hidden;
position: relative;
padding: 0 5%;
}
.menu_box{width: 100%;max-width: 1200px; margin: auto;}
.menu_box .jb_tit{ width: 50%; text-align: left; float: left;font-size: 38px; line-height: 55px; font-weight: 700; color: #000; letter-spacing: 1px;font-family: 'Nanum Myeongjo';}
.jb_txt span{font-size: 20px;font-weight: 500;letter-spacing: -0.5px; display: block; line-height: 30px;}
.c02_btn{float: right; margin-top: 15px;}
.c02_btn:hover a{color: #fff !important; font-weight: 400 !important;}
.menu_wrap{margin-top: 80px;}
.jb_mbox{width: 30%; margin-right: 5%; float: left; cursor: pointer;} .right{margin-right: 0;}
.jb_menu{width: 100%; height: 250px;background-size: cover;transition-duration: 0.3s;}
.menubg01{background:#b1b1b1 url(/images/main/menu_1.png)no-repeat center center;} .menubg02{background:#b1b1b1 url(/images/main/menu_2.png)no-repeat center center;} .menubg03{background:#b1b1b1 url(/images/main/menu_3.png)no-repeat center center;}
.jb_txt_menu{text-align: center;padding: 20px 0;font-size: 15px;font-weight: 400; background-color: #fff;}
.jb_txt_menu span{font-size: 17px;color: #000;font-weight: 600;transition-duration: 0.3s;}
.jb_mbox:hover {box-shadow: 0px 3px 10px 7px #e8e8e8; transition-duration: 0.3s;}
.jb_mbox:hover .jb_txt_menu span{color: #4b8435;transition-duration: 0.3s;}
.jb_mbox:hover .jb_menu{background-size: 105%;transition-duration: 0.3s;}
/*.menu_bg_txt {width: 200%; height: 240px; font-size: 120px;font-weight: 900; letter-spacing: -1px; position: absolute; top: 130px; left: 0; color: #3f2200; opacity: 0.1;font-family: 'Nanum Myeongjo'; z-index: -1;-webkit-animation: 2s menu_bg_txt infinite; animation: 2s menu_bg_txt infinite; overflow: hidden;}
@keyframes menu_bg_txt{
	0%{left: 0%;}
	50%{left: -100%;}
	100%{left: 0%;}
}*/
.rolling_txt {height: 240px; line-height: 240px; color: #3f2200; opacity: 0.1; font-size: 120px; font-weight:800; letter-spacing:-1px; font-family: 'Nanum Myeongjo'; position: absolute; top: 110px; left: 0; z-index: -1;}
.con02_bg{width: 190px;height: 240px;position: absolute;bottom: 0;right: 5%;background: #fff url(/images/main/menu02_bg.png)no-repeat center center;background-size: cover; z-index: -1;}
/*content02 끝*/

/*content03*/
#jb_con03_wrap{
width: 50%; height: auto;
float: left;
background:#fff url(/images/main/menu03_bg.png)no-repeat center center;
background-size: cover;
}
.menu03_box{width: 100%;max-width: 600px;float: right;margin-top: 11%;margin-bottom: 11%; position: relative;}
.jb_menu03_icon, .jb_menu04_icon{text-align: center;}
.menu03_box .jb_tit, .menu04_box .jb_tit{width: 100%; text-align: center; color: #fff; font-size: 38px; line-height: 55px; font-weight: 700; letter-spacing: 1px;font-family: 'Nanum Myeongjo'; margin-top: 20px;}
.menu03_box .jb_txt, .menu04_box .jb_txt{text-align: center; font-size: 15px;font-weight: 400; color: #fff; margin-top: 10px;}
.c03_btn, .c04_btn{border: 1px solid #fff; float: none; margin: auto; margin-left: auto; margin-top: 20px;}
.c03_btn a, .c04_btn a{color: #fff !important;}
.c03_btn:hover, .c04_btn:hover{background-color: #fff;}
.c03_btn:hover a{color:#4e8436 !important; font-weight: 500 !important;}
.c04_btn:hover a{color:#452300 !important; font-weight: 500 !important;}
/*content03 끝*/

/*content04*/
#jb_con04_wrap{
width: 50%; height: auto;
float: left;
background:#fff url(/images/main/menu04_bg.png)no-repeat center center;
background-size: cover;
}
.menu04_box{width: 100%;max-width: 600px;float: left;margin-top: 11%;margin-bottom: 11%;position: relative;}
/*content04 끝*/

/*content05*/
#jb_con05_wrap{
width: 100%; height: 120px;
	overflow: hidden;
background:#fff;
	padding: 0 5%;
}
.menu05_box{width: 100%;max-width: 800px;margin: auto;}
.menu05_box .jb_tit{ color: #000; float: left; margin: 0px 30px 0 20px; line-height: 120px; font-size: 30px; font-weight: 700; letter-spacing: 1px;font-family: 'Nanum Myeongjo';}
.menu05_box .jb_txt{line-height: 120px; float: left; font-size: 15px;font-weight: 400; color: #000;}
.jb_menu05_icon{float: left;} .jb_menu05_icon img{margin-top: 40px;}
.c05_btn{float: right; margin-top: 45px;} .c05_btn:hover a{color: #fff !important;}
/*content04 끝*/

/*call*/
#jb_con06_wrap{
width: 100%;
padding-top: 5px;
position: relative;
height: 100px;
background-color: #3b3b3b;
float: left;
}
.call_box{
	text-align:center;
	cursor: pointer;
}
.call_txt{font-size: 20px; font-family: 'Nanum Myeongjo'; line-height: 35px; letter-spacing: -0.5px; color: #fff;}
.call_txt img{margin-bottom: 3px; margin-right: 5px;}
.call_txt span{font-size: 24px; font-weight: 700; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; letter-spacing: 1px; color: #4e8436;}
/*call 끝*/

/*메뉴이격맞춤*/
@media all and (max-width:1370px){
	.wrap{max-width: 1000px;}
	.wrap > a{width: 23%;}
	.P-nav{width: 90%;margin-left: 9%;} 
	.P-nav-item{margin-left: 6%;} 
	.P-nav-logo{margin-left: 7%;}
	.top_call{margin-left: 5%;}
}

/*웹 1200*/
@media all and (max-width:1200px){
	#jb_main_wrap{height: 930px;}
	.main_line{top:500px;}
	.con02_bg{display: none;}
	.jb_mbox:hover .jb_menu{background-size: cover;transition-duration: 0.3s;}
	.rolling_txt{top:390px;}
}
/*웹 끝*/

/*웹 1000*/
@media all and (max-width:1000px){
	.pc{display: none;}
	.t{display: block;}
	#btn-top-menu{display: block !important; width: 30px; float: right; margin-right: 3%; padding-top: 20px;}
	.P-header.active #btn-top-menu .menu_b{display:none;}
    .P-header.active #btn-top-menu .menu_w{display:block;}
	.menu_b{display:block;}
	.menu_w{display:none;}
	.visible-lg{display: none !important;}
	.P-header{top: 0;}
	.P-nav-logo{padding-top: 10px; margin-left: 10%; width: 180px;}
	.swiper-container{width: 100%; height: 600px;}
	
	#jb_main_wrap{height: 700px;}
	.main_line{display: none;}
	#jb_con01_wrap{padding: 0 5%;}
	.about_box .jb_tit{width: 100%; text-align: center; padding: 0;}
	.about_box .jb_txt{width: 100%;text-align: center; padding: 0; margin-top: 20px;}
	.btn_center{width: 100%; float: left;}
	.c01_btn{float: none; margin-left: inherit; margin: auto; margin-top: 30px;}
}
/*웹 끝*/

/*태블릿*/
@media all and (max-width:767px){
	.t{display: block;}
	.P-header.active{background-color: #fff;}
	.P-header.active .P-nav-logo .logo_w, .P-header.active #btn-top-menu .menu_w{display: none;}.P-header.active .P-nav-logo .logo_b, .P-header.active #btn-top-menu .menu_b{display: block;}
	
	#jb_main_wrap{height: 550px; background: #fff url(/images/main/main_bg3_m.png)no-repeat center center; background-size: cover;}
	#jb_con02_wrap{height: 450px;}
	.jb_menu{height: 170px; background-size: cover;}
	.rolling_txt{display: none;}
	#jb_con05_wrap{height: 70px;}
	.jb_menu05_icon img{margin-top: 18px; width: 35px;}
	.menu05_box .jb_tit{margin: 0px 30px 0 10px; line-height: 70px; font-size: 28px;}
	.menu05_box .jb_txt{font-size: 14px; line-height: 70px; float: right;}
	.c05_btn{display: none;}
	
}
/*태블릿 끝*/
/*모바일*/
@media all and (max-width:640px){
	.t{display: none;}
	.m{display: block;}
	.P-nav-logo{margin-left: 16%; width: 160px; padding-top:12px;}
	#btn-top-menu{width: 25px; margin-right: 5%; padding-top: 22px;}
	
	#jb_main_wrap{height: 470px;}
	#jb_con01_wrap{height: 350px; margin-top: 30px; background:#fff url(/images/main/menu01_bg_m.png)no-repeat center center;}
	.about_box .jb_tit{font-size: 30px; line-height: 30px;}
  .about_box .jb_txt span{font-size: 18px; }
	#jb_con02_wrap{height: 400px;}
	.menu_box .jb_tit{font-size: 30px; line-height: 45px;}
	.c02_btn{margin-top: 5px;}
	.menu_wrap{margin-top: 70px;}
	.jb_menu{height: 140px;}
	.menu03_box, .menu04_box{height: 270px; padding: 0 5%; word-break: keep-all;}
	.menu03_box .jb_tit, .menu04_box .jb_tit{font-size: 30px; line-height: 45px;}
	.jb_menu05_icon img{width: 30px; margin-top: 22px;}
	.menu05_box .jb_tit{margin: 0 15px 0 8px; font-size: 22px;}
  .jb_mbox:hover{box-shadow: none;}
  .jb_mbox:hover .jb_txt_menu span{color: #000;}
  .jb_mbox{border: 1px solid #ccc;}
.c01_btn, .c05_btn{background-color: #4e8436;border: 1px solid #4e8436; transition: background 0.6s;-webkit-transition: background 0.6s;}
.c01_btn a, .c05_btn a{color: #fff !important; font-weight: 400 !important;}
.c02_btn{background-color: #452300;border: 1px solid #452300; transition: background 0.6s;-webkit-transition: background 0.6s;}
.c02_btn a{color: #fff !important; font-weight: 400 !important;}
}
/*모바일 끝*/
/*모바일*/
@media all and (max-width:479px){
	#jb_main_wrap{height: 310px;}
	#jb_con02_wrap{height: auto; padding: 30px 5% 40px 5%;}
	.jb_mbox{width: 100%; margin-bottom: 7%;}
	.jb_menu{height: 160px;}
	.menu03_box .jb_txt, .menu04_box .jb_txt{display: none;}
	.menu03_box, .menu04_box{height: auto;}
	.menu05_box .jb_txt{display: none;}
	.c05_btn{display: block;margin-top:20px;}
}
/*모바일 끝*/
/*모바일*/
@media all and (max-width:320px){
	.txt_small{display: none;}
	.txt320{display: block;}
	.menu03_box .jb_tit, .menu04_box .jb_tit{font-size: 28px;}
}
/*모바일 끝*/

/*//////////////////////////main 끝////////////////////*/