@charset 'utf-8';

/* ���� */
:root {
	--en: 'Montserrat', sans-serif;
}
*{word-break:keep-all; box-sizing:border-box; line-height: 1.3;}
.w1300{width: 100%; max-width: 1300px; margin: 0 auto;}
.w1650{width: 100%; max-width: 1650px; margin: 0 auto;}
.fbox{display:flex;}

/* 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; }

.header{position:fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid transparent; transition:border 0.3s; max-height: 100px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); z-index: 500; background: #fff;}
.header .ul_bg{display:none; position:absolute; top: 100px; left: 0; width: 100%; height: 72px; background:#f6f6f6;}

.header .w1650{display:flex;}
.header .logo{width: 129px; padding: 25px 0 15px;position:relative; z-index: 10;}
.header .logo a{display:inline-block; vertical-align: top;}
.header .gnb{width: calc(100% - 129px); padding-left: 60px;}
.header .gnb > ul{display:flex;}
.header .gnb > ul > li{font-size:0;}
.header .gnb > ul > li > a{display:inline-block; vertical-align: top; font-size:24px;color: #111; letter-spacing:0.04em; padding: 56px 40px 13px;}
.header .gnb > ul > li > a > span{position:relative; }
.header .gnb > ul > li > a > span::after{content:""; position:absolute; bottom: -15px; left: 50%; width: 0; height: 7px; background: #008A3C; transform:translateX(-50%); transition:0.4s}
.header .gnb > ul > li > ul{display:none; position:absolute; top: 100px; left: 50%; transform:translateX(-50%); width: 100vw;padding: 0 25px; max-height: 72px;}
.header .gnb > ul > li > ul > li{display:inline-block; vertical-align: top;}
.header .gnb > ul > li > ul > li > a{display:inline-block; vertical-align: top; font-size:16px; color: #666; line-height: 1.3; padding: 0 15px; line-height: 72px;}
.header .gnb > ul > li > ul > li > a > span{position:relative; transition:0.3s; color: #111;}
.header .gnb > ul > li > ul > li > a > span em{font-weight:500;}
.header .gnb > ul > li > ul > li:hover > a > span{/* font-weight:500;  */}
.header .gnb > ul > li > ul > li > a span::after{content:""; position:absolute; bottom: -26px; left: 50%; width: 0; height: 7px; background: #272E82; transform:translateX(-50%); transition:0.4s}
.header .gnb > ul > li > ul > li:hover > a::after{width: 100%;}

.header .gnb > ul > li > ul > li > ul{display:none; position:absolute; top: 72px; left: 50%;  width: 100vw; background: #fff;padding: 46px 400px 60px 260px; transform:translateX(-50%);}
.header .gnb > ul > li > ul > li > ul > li{display:inline-block; width: 14.28571428571429%; vertical-align: top; margin-bottom:60px;}
.header .gnb > ul > li > ul > li > ul > li:nth-of-type(n + 8){margin-bottom:0;}
.header .gnb > ul > li > ul.sub_depth04 > li:nth-of-type(2) > ul > li{margin-bottom:0;}
.header .gnb > ul > li > ul > li > ul > li > a{ font-size:16px; letter-spacing:-0.04em; color: #222;}
.header .gnb > ul > li > ul > li > ul > li > a span{font-weight:bold;color: #19285e; display:block; margin-bottom: 4px;}
.header .header_ui{position:absolute; top: 27px; right: 40px; z-index: 10;}
.header .header_ui > ul{display:flex; align-items:center;}
.header .header_ui > ul > li{}
.header .header_ui > ul > li > a{display:inline-block; vertical-align: top; font-size:14px; padding: 0 20px; color: #333;}
.header .header_ui > ul > li > a img{vertical-align: middle; margin-bottom: 2px;}
.header .header_ui > ul > li:last-of-type > a{padding-right: 0;}
.header .m_btn{display:none; position:absolute; bottom: 12px; right: 11px; width: 35px; height: 35px; text-align: center;cursor: pointer; z-index: 10;}
.header .m_btn span{position:relative; display:inline-block; vertical-align: top; width: 24px; height: 2px; background: #333; margin-top: 17px; transition:0.3s}
.header .m_btn span::before{content:""; position:absolute; top: -6px; left: 0; width: 100%; height: 100%; background: #333; transition:0.3s}
.header .m_btn span::after{content:""; position:absolute; top: 6px; left: 0; width: 100%; height: 100%; background: #333; transition:0.3s}
.header .m_btn.on span{background: transparent;}
.header .m_btn.on span::before{transform:rotate(45deg); top: 0;}
.header .m_btn.on span::after{transform:rotate(-45deg); top: 0;}
.header .m_gnb{display:none; position:fixed; top: 0; right: -110%; width: 100%; height: 100%; max-width: 700px; background: #fff; box-shadow:-1px -1px 15px 6px #00000029; padding: 81px 0 40px; transition:0.6s}
.header .m_gnb.on{right: 0;}
.header .m_gnb > ul{overflow-y:auto; max-height: 100%;}
.header .m_gnb > ul > li{text-align: right;}
.header .m_gnb > ul > li > a{display:inline-block; vertical-align: top; width: 100%; padding: 9px 16px; font-weight:600; font-size:36px; color: #000;}
.header .m_gnb > ul > li > a > span{position:relative; }
.header .m_gnb > ul > li > a > span::after{content:""; position:absolute; bottom: -11px; right: 0; width: 0; height: 7px; background: #008A3C; transition:0.4s}
.header .m_gnb > ul > li > ul{display:none; }
.header .m_gnb > ul > li > ul > li{}
.header .m_gnb > ul > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; padding: 5px 16px; font-weight: 600; font-size:24px; color: #222;}
.header .m_gnb > ul > li > ul > li > a > span{position:relative; }
.header .m_gnb > ul > li > ul > li > a > span::after{content:""; position:absolute; bottom: -4px; right: 0; width: 0; height: 4px; background: #272E82; transition:0.4s}
.header .m_gnb > ul > li > ul > li > ul{display:none; }
.header .m_gnb > ul > li > ul > li > ul > li{}
.header .m_gnb > ul > li > ul > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; padding: 5px 16px; font-weight:500; font-size:18px; color: #222;}
.header .m_gnb > ul > li > ul > li > ul > li > a span{color: #272E82;}

.header .m_gnb > ul > li.chk > a > span::after,
.header .m_gnb > ul > li.on > a > span::after{width: 105%;}
.header .m_gnb > ul > li > ul.sub_depth02 > li.on > a > span::after{width: 100%;}
.header .m_gnb > ul > li > ul > li > ul > li > a br{display:none; }
.header .m_gnb > ul > li > ul > li > a span::after{content:""; position:absolute; bottom: -3px; left: 50%; width: 0; height: 4px; background: #272E82; transform:translateX(-50%); transition:0.4s}
.header .m_gnb > ul > li > ul > li.chk > a span::after,
.header .m_gnb > ul > li > ul > li > a.on span::after{width: 100%;}

.header:hover{border-color:#008A3C}
.header .gnb > ul > li > ul > li:hover > a > span::after,
.header .gnb > ul > li:hover > a > span::after{width: 100%;}

.footer{background: #404040;}
.footer .fbox{display:flex; padding: 50px 0;}
.footer .fbox .nav_box{width: calc(100% - 320px); font-size:0;}
.footer .fbox .nav_box > ul{display:flex; width: 100%;}
.footer .fbox .nav_box > ul > li{margin-right: 66px;}
.footer .fbox .nav_box > ul > li > span{display:inline-block; vertical-align: top; font-family: var(--en); font-weight:700; font-size:18px; color: #4CAB74;}
.footer .fbox .nav_box > ul > li > ul{margin-top: 21px;}
.footer .fbox .nav_box > ul > li > ul > li{}
.footer .fbox .nav_box > ul > li > ul > li > a{display:inline-block; vertical-align: top; font-size:16px; color: #fff; padding: 5px 0;}
.footer .info{width: 320px;}
.footer .info > ul{display:flex;}
.footer .info > ul > li{position:relative; margin-right: 14px;}
.footer .info > ul > li:last-of-type{margin-right: 0;}
.footer .info > ul > li:last-of-type::after{display:none; }
.footer .info > ul > li::after{content:""; position:absolute; top: 6px; right: -9px; width: 1px; height: 9px; background: #7F7F7F;}
.footer .info > ul > li > a{font-size:16px; letter-spacing:0.04em; color: #7f7f7f;}
.footer .info > ul > li.on{}
.footer .info > ul > li.on > a{font-weight:700; color: #4CAB74;}
.footer .info > ul > li.youtb{margin-left: 20px;}
.footer .info > ul > li.youtb a{color: #4CAB74; }
.footer .info > ul > li.youtb a img{transform:translateY(13%);}
/* .footer .info .youtb{margin: 30px 0 7px;}
.footer .info .youtb a{display:inline-block; vertical-align: top;}
.footer .info .youtb a img{} */
.footer .info .txt{margin-top: 30px;}
.footer .info .txt h4{font-size:18px; letter-spacing:-0.01em; color: #4CAB74; line-height: 1.875em; margin-bottom:4px;}
.footer .info .txt address{font-size:16px; color: #fff; letter-spacing:-0.01em; line-height: 1.57143em;}
.footer .info .txt p.c{font-size:16px; color: #4CAB74;letter-spacing:-0.01em; line-height: 1.57143em;}
.footer .info .txt ul{}
.footer .info .txt ul li{position:relative; font-size:16px; color: #4CAB74;/* color: #93EBAE; */letter-spacing:-0.01em; line-height: 1.57143em; padding-left: 26px;}
.footer .info .txt ul li span{position:absolute; top: 2px; left: 0; color: #fff;}

.footer .logo_box{position:relative; background: #fff; text-align: center; padding: 25px 42px 33px;}
.footer .logo_box .top_btn{position:absolute; top: -23px; right: 40px; width: 45px; height: 45px; background: #4CAD76; border-radius:5px; cursor: pointer;}
.footer .logo_box .top_btn img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.footer .logo_box figure{}
.footer .logo_box figure img{}
.footer .logo_box p{font-family: var(--en); text-align: right; font-weight:500; font-size:12px; color: #6A6A6A; letter-spacing:-0.04em; margin-top: 7px;}

@media (max-width: 1650px){
	.w1650{padding: 0 40px;}
	.header .logo{width: 200px;}
	.header .gnb{width: calc(100% - 200px); padding-left: 0;}
	.header .gnb > ul > li > a{font-size:20px; padding: 61px 20px 13px;}
	.header .gnb > ul > li > ul > li > ul{padding: 45px 100px;}
	
	.footer .fbox .nav_box{width: calc(100% - 260px);}
	.footer .info{width: 260px;}
	.footer .fbox .nav_box > ul > li > span,
	.footer .info .txt h4{font-size:16px;}

	.footer .fbox .nav_box > ul > li > ul > li > a,
	.footer .info > ul > li > a,
	.footer .info .txt address,
	.footer .info .txt p.c,
	.footer .info .txt ul li{font-size:14px;}

}
@media (max-width: 1400px){
	.header .logo{width: 180px;}
	.header .gnb{padding-left: 0;}
	.header .gnb > ul > li > a{padding: 61px 15px 13px;}
	.header .gnb > ul > li > ul > li > ul{text-align: left; padding: 45px 40px;}
	.header .gnb > ul > li > ul{padding-left: 0 !important; text-align: center;}
}
@media (max-width: 1300px){
	.w1300{padding: 0 16px;}
	.footer .fbox .nav_box > ul > li{margin-right: 0;width: 20%;}
}

@media (max-width: 1200px){
	.w1650{padding: 0 16px;}
	.header .ul_bg{display:none; }
	.header .logo{padding: 10px 0;}
	.header .gnb > ul{display:none; }
	.header .gnb > ul > li > ul{display:none; }
	.header .header_ui{top: 9px; right: 16px;}
	.header .m_gnb,
	.header .m_btn{display:block;}

	.footer .fbox{padding: 30px 0; justify-content:center}
	.footer .fbox .nav_box{display:none;}
	.footer .info{text-align: center;}
	.footer .info > ul{justify-content:center;}
	.footer .info > ul > li.youtb{margin-top: 0;}
	.footer .info .youtb{margin-top: 15px;}
	.footer .info .txt{margin-top: 10px;	}
	.footer .info .txt ul{display:inline-block; }
	.footer .logo_box{padding: 25px 40px;}
	.footer .logo_box p{text-align: center;}
	.footer .logo_box .top_btn{top: 10px; right: 10px;}
}

@media (max-width: 800px){
	.header .header_ui > ul > li > a{padding: 0 10px ;}

	.header .m_gnb > ul > li > a{font-size:27px;}
	.header .m_gnb > ul > li > ul > li > a{font-size:20px;}
}