@charset 'utf-8';

/* °ψΕλ */
#wrap{width:100%; max-width:1920px; margin:0 auto; position:relative;}
.w1600{width:100%; max-width:1600px; margin:0 auto;}
.w1300{width:100%; max-width:1300px; margin:0 auto;}

/* family_site */
.site_box > li{position:relative;}
.site_box > li p{padding:14px 13px; position:relative; font-size:14px; font-weight:400; color:#fff; line-height:1; text-transform:uppercase; z-index:1; cursor:pointer;}.site_box > li p:before{content:""; display:block; width:8px; height:8px; background-color:#41ad3e; position:absolute; top:9px; right:10px; border-radius:50%; z-index:-1;}
.site_box > li:hover p:before{display:none;}
.site_box > li:hover p{background-color:#fff; color:#41ad3e;}
.site_box > li .site{display:none; position:absolute; top:42px; left:0; width:100%; border:1px solid rgba(255,255,255,0.3); border-top:0; box-sizing:border-box; background-color:rgba(255,255,255,0.2);}
.site_box > li .site li a{display:block; padding:11px 0; font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#fff; line-height:1; text-align:center;}
.site_box > li .site li a:hover{background-color:#41ad3e;}
#footer .site_box > li .site { top:auto; bottom:42px; background-color:rgba(0,0,0,0.5);}

.m_gnb-on{ display:none !important; }


/* menu_bg */
.menu_bg{display:none; width:100%; height:116px; position:fixed; top:99px; left:0; background-color:#fff;}
.menu_bg.type2{ background-color: #E7F8E6;}
#header .menu_bg.on{display:block; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);}

/* header */
#header{width:100%; position:fixed; top:0; left:0; z-index:2; transition:all .3s; background-color:#fff; border-bottom:1px solid #e0e0e0;}
#header .w1600{position:relative; text-align:center;}
#header .logo{position:absolute; top:25px; left:0; transition:all .3s;}
#header .logo h1 a{display:block;}
#header .gnb{display:inline-block; vertical-align:top;}
#header .gnb .depth{font-size:0;}
#header .gnb .depth > li{display:inline-block; vertical-align:top;}
#header .gnb .depth > li > a{display:block; padding:40px 60px; font-size:18px; font-weight:600; letter-spacing:-0.03em; color:#fff; line-height:1; position:relative; transition:all .3s;}
#header .gnb .depth > li > a:before{content:""; display:block; width:0; height:2px; background-color:#41ad3e; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); transition:all .3s;}
#header .gnb .depth > li.on > a:before{width:120px;}
#header .gnb .depth > li > a{color:#333;}
#header .gnb .depth > li.on > a{color:#41ad3e;}
#header .gnb .depth li .sub_depth{display:none; width:100%; position:absolute; top:99px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); font-size:0; padding:50px 0; z-index:1;}
#header .gnb .depth li .sub_depth > li{display:inline-block; vertical-align:top; width:20%; position:relative;}
#header .gnb .depth li .sub_depth > li:before{content:""; display:block; width:1px; height:45px; background-color:#e0e0e0; position:absolute; top:-10px; right:0;}
#header .gnb .depth li:nth-of-type(2) .sub_depth > li:before{height:100%;}
#header .gnb .depth li .sub_depth > li:last-of-type:before{display:none;}
#header .gnb .depth li .sub_depth > li > a{display:block; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#333; line-height:1;}
#header .gnb .depth li .sub_depth > li:hover > a{font-weight:600;}
#header .gnb .depth li .sub_depth > li .three_depth{padding-top:20px;}
#header .gnb .depth li .sub_depth > li .three_depth li:nth-of-type(n+2){margin-top:23px;}
#header .gnb .depth li .sub_depth > li .three_depth li a{font-size:14px; font-weight:400; color:#333; line-height:1;}
#header .gnb .depth li .sub_depth > li .three_depth li a:hover{color:#41ad3e;}

/*241111 Γί°‘*/
#header .gnb .depth li .sub_depth02 > li{ width: calc((100% - 80px) / 5); }
#header .gnb .depth li .sub_depth02 > li:not(:last-child){ margin-right: 20px; }
#header .gnb .depth li .sub_depth02 > li:before{ display:none; }
#header .gnb .depth li .sub_depth02 > li figure{ position: relative; margin: 0 auto 20px; width: 100%; height: 170px; border-radius:20px; }
#header .gnb .depth li .sub_depth02 > li figure img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; }
#header .gnb .depth li .sub_depth02 > li figure:after{ content:''; display:block; position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: calc(100% - 4px); border:2px solid #41AD3E; border-radius:20px; opacity: 0; transition:all 0.5s; }
#header .gnb .depth li .sub_depth02 > li:hover figure:after{ opacity: 1; }
#header .gnb .depth li .sub_depth02 > li:hover > a{ font-weight: 400; color:#41AD3E; }
/*#header .gnb .depth li .sub_depth02 > li:nth-child(1) figure{ background: url(/img/common/productImg01.png) no-repeat 50% 50%; }
#header .gnb .depth li .sub_depth02 > li:nth-child(2) figure{ background: url(/img/common/productImg02.png) no-repeat 50% 50%; }
#header .gnb .depth li .sub_depth02 > li:nth-child(3) figure{ background: url(/img/common/productImg03.png) no-repeat 50% 50%; }
#header .gnb .depth li .sub_depth02 > li:nth-child(4) figure{ background: url(/img/common/productImg04.png) no-repeat 50% 50%; }
#header .gnb .depth li .sub_depth02 > li:nth-child(5) figure{ background: url(/img/common/productImg05.png) no-repeat 50% 50%; }*/
/**/

#header .btn_box{position:absolute; top:22px; right:0; font-size:0; transition:all .3s; z-index:1;}
#header .btn_box > *{display:inline-block; vertical-align:middle;}
#header .btn_box .site_box > li p{color:#333;}
#header .btn_box .site_box > li .site{background-color:rgba(0,0,0,0.5);}
#header .btn_box .menu_btn{margin-left:45px; cursor:pointer;}
#header .btn_box .menu_btn span{display:block; width:30px; height:1px; background-color:#333;}
#header .btn_box .menu_btn span:last-of-type{margin-top:9px;}
#header .m_gnb{width:400px; height:100vh; position:fixed; top:0; right:-100%; background-color:#fff; z-index:2; transition:all .3s;}
#header .m_gnb.on{right:0;}
#header .m_gnb .close_btn{position:absolute; top:22px; right:22px; cursor:pointer;}
#header .m_gnb .close_btn span{display:block; width:30px; height:1px; background-color:#333; margin:9px 0; transition:all .3s;}
#header .m_gnb .close_btn.on span:nth-of-type(1){-webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
#header .m_gnb .close_btn.on span:nth-of-type(2){-webkit-transform:translateY(-3px) rotate(-45deg); -ms-transform:translateY(-3px) rotate(-45deg); -moz-transform:translateY(-3px) rotate(-45deg); -o-transform:translateY(-3px) rotate(-45deg); transform:translateY(-3px) rotate(-45deg);}


#header .m_gnb .depth{padding-top:70px;}
#header .m_gnb .depth > li{ cursor:pointer; }
#header .m_gnb .depth > li > a{display:block; width:100%; padding:20px; font-size:20px; font-weight:500; letter-spacing:-0.03em; color:#222; line-height:1; box-sizing:border-box;
pointer-events:none; }
#header .m_gnb .depth > li.on > a{background-color:#41ad3e; color:#fff;}
#header .m_gnb .depth > li .sub_depth,
#header .m_gnb .depth > li .sub_depth figure{display:none;}
#header .m_gnb .depth > li .sub_depth > li{border-bottom:1px solid #e1e1e1;}
#header .m_gnb .depth > li .sub_depth > li > a{display:block; padding:20px; font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#333; line-height:1; box-sizing:border-box;}
#header .m_gnb .depth > li .sub_depth > li .three_depth{display:none;}
#header .m_gnb .depth > li .sub_depth > li .three_depth li a{display:block; padding:20px 30px; font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#666; line-height:1; box-sizing:border-box;}
#header .m_gnb .depth > li .sub_depth > li.m_gnb-on{ display:block !important; }


/* footer */
#footer{background-color:#859080;}
#footer .top_box{padding:36px 0 29px; border-bottom:1px solid rgba(255,255,255,0.2);}
#footer .top_box:after{content:""; display:block; clear:both;}
#footer .top_box .left_box{float:left; font-size:0;}
#footer .top_box .left_box > *{display:inline-block; vertical-align:middle;}
#footer .top_box .left_box .logo{padding-top:5px;}
#footer .top_box .left_box .logo a{display:block;}
#footer .top_box .left_box .link{padding-left:98px; font-size:0;}
#footer .top_box .left_box .link li{display:inline-block; vertical-align:top;}
#footer .top_box .left_box .link li a{font-size:15px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:1; position:relative; padding:0 20px;}
#footer .top_box .left_box .link li a:before{content:""; display:block; width:1px; height:15px; background-color:rgba(255,255,255,0.1); position:absolute; top:4px; right:0;}
#footer .top_box .left_box .link li:last-of-type a:before{display:none;}
#footer .top_box .right_box{float:right;}
#footer .top_box .right_box > *{display:inline-block; vertical-align:middle;}
#footer .top_box .right_box .site_box{margin-right:23px;}
#footer .address{padding:35px 0 45px;}
#footer .address:after{content:""; display:block; clear:both;}
#footer .address p{float:left; font-size:15px; font-weight:300; letter-spacing:-0.03em; color:#fff; line-height:2em;}
#footer .address p span{display:inline-block; vertical-align:top; width:26px;}
#footer .address p font{font-family: 'Montserrat';}
#footer .address > span{float:right; font-size:15px; font-weight:400; color:#fff; line-height:1; padding-top:38px;}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


@media all and (max-width:1600px){
	.w1600{padding:0 15px; box-sizing:border-box;}
	
	/* header */
	#header.scroll .logo{left:15px;}
	#header .btn_box{right:15px;}


	/* footer */
	#footer .address p span{width:16px;}
}

@media all and (max-width:1300px){
	.w1300{padding:0 15px; box-sizing:border-box;}
}

@media all and (max-width:1200px){
	.w1600{padding:0 15px; box-sizing:border-box;}

	/* header */
	#header{padding:20px 0;}
	#header .w1600:after{content:""; display:block; clear:both;}
	#header .logo{position:static; top:0; left:0; float:left;}
	#header .gnb{display:none;}
	#header .btn_box{position:static; top:0; right:0; float:right; padding-top:8px;}


	/* footer */
	#footer .top_box{position:relative; padding:20px 0 10px;}
	#footer .top_box .left_box{float:none;}
	#footer .top_box .left_box > *{display:block;}
	#footer .top_box .left_box .logo{width:123px; margin:0 auto; padding-top:0;}
	#footer .top_box .left_box .link{padding:20px 0 0 0; text-align:center;}
	#footer .top_box .right_box{float:none; text-align:center; padding-top:20px;}
	#footer .top_box .right_box .site_box{margin-right:15px;}
	#footer .top_box .right_box .site_box > li .site{background-color:#fff;}
	#footer .top_box .right_box .site_box > li .site li a{color:#333;}
	#footer .address{text-align:center;}
	#footer .address p{float:none; line-height:1.6em;}
	#footer .address p span{display:block; width:auto;}
	#footer .address > span{float:none; padding-top:0; line-height:1.6em;}

}

@media all and (max-width:1000px){
	.w1600{padding:0 15px; box-sizing:border-box;}
}

@media all and (max-width:768px){
	.w1600{padding:0 15px; box-sizing:border-box;}

	/* footer */
	#footer .top_box .left_box .link li a{padding:0 10px;}
}