@charset "utf-8";

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'GongGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}	
@font-face {
    font-family: 'GongGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}



html,body {font-family:'Pretendard','Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto;}
#doc {overflow:hidden;position:relative;background:#fff;min-width:360px; z-index:8999;min-width:360px;opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
	@media only screen and (max-width:1200px){
		#doc.main{position:relative; left:auto; top:auto; width:auto; height:auto;}
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1400px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 15px;}
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1201px){
		.header-slider-ovclick{display:none !important}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1005;}
#footer-wrap{position:relative;z-index:1004; height:auto !important}

/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:0px; min-width:360px; -webkit-transition: top 1s ease-in-out;-moz-transition: top 1s ease-in-out;-o-transition: top 1s ease-in-out;transition: top 1s ease-in-out}
.show #header-wrap, .sub #header-wrap{top:0;}
#header-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:none;margin-left:-10000px;height:100%; box-sizing:border-box;background:none; z-index:-1;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;display:block; content:"";}
#header-wrap.fix:after, #header-wrap.isOver:after, #header-wrap.fixed:after, .sub #header-wrap:after{background:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ;}
#header{position:relative; z-index:5001; }

#header .inner{/* max-width:1240px; */ min-width:360px; position:relative; margin:0 auto; padding:0 20px; box-sizing:border-box; height:100px;}

#logo{position:absolute; left:50px; top:8px; width:300px; height:82px; z-index:2009;}
#logo a{display:block; height:82px;background:url(../img/logo.png) no-repeat left center; background-size:100% auto}

#header-wrap.fix #logo a,#header-wrap.fixed #logo a, #header-wrap.isOver #logo a{background-image:url(../img/logo-over.png)}
.sub #logo a{background-image:url(../img/logo-over.png)}

#header .bt-mnall{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:17px;}
#header .bt-mnall .bar{position:absolute;left:3px;width:24px;height:1px;background:#fff}
#header .bt-mnall .bar.no1{top:6px}
#header .bt-mnall .bar.no2{top:14px}
#header .bt-mnall .bar.no3{top:22px}
#header .bt-mnall .bar.no1, #header .bt-mnall .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-mnall .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-mnall.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-mnall.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-mnall.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-mnall:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-mnall:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-mnall:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}

#header .gnb-wrap {position:absolute;z-index:2599; right:88px; top:36px; height:30px; }
#header .gnb-wrap ul{}
#header .gnb-wrap ul:after{display:block;content:"";clear:both}
#header .gnb-wrap li{float:left;}
#header .gnb-wrap li:nth-child(n+2){margin-left:25px;}
#header .gnb-wrap li a{font-family: 'GongGothic';display:block; line-height:30px;font-size:14px; color:#fff; font-weight:300;letter-spacing:-0.02em;}
#header .gnb-wrap li:nth-child(odd) a{padding-left:29px;background:url(../img/layout/bt-login.png) no-repeat left 6px;}

#header .gnb-wrap li a span{display:inline-block;vertical-align:top; position:Relative;}
#header .gnb-wrap li a span:after {content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#fff;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
#header .gnb-wrap li a:hover span:after{opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}

.sub #header .gnb-wrap li a, #header-wrap.isOver #header .gnb-wrap li a, #header-wrap.fix #header .gnb-wrap li a{color:#555;}
.sub #header .gnb-wrap li:nth-child(odd) a, #header-wrap.isOver #header .gnb-wrap li:nth-child(odd) a, #header-wrap.fix #header .gnb-wrap li:nth-child(odd) a{background-image:url(../img/layout/bt-logino.png) }
.sub #header .gnb-wrap li a span:after, #header-wrap.isOver #header .gnb-wrap li a span:after, #header-wrap.fix #header .gnb-wrap li a span:after{background:#111;}
	@media only screen and (max-width:1600px) {	
		#logo{ width:240px; height:66px; }
		#logo a{height:66px;}
	}
	@media only screen and (min-width:1185px) and (max-width:1400px){
		#header .gnb-wrap {right:75px;}
		#header .gnb-wrap li:nth-child(n+2){margin-left:20px;}
		#header .gnb-wrap li:nth-child(odd) a{padding-left:26px;}

		#logo{ width:220px; height:60px; left:20px; top:20px; }
		#logo a{height:60px;}
	}
	@media only screen and (max-width:1185px) {
		#header .inner{height:65px;}
		#header .gnb-wrap {display:none;}
		
		#logo{top:8px; width:180px; height:49px; left:20px;}
		#logo a{height:49px;}
		
		#header .bt-mnall{display:block;}
		.sub #header .bt-mnall .bar{background:#111}
	}
	@media only screen and (max-width:999px) {
		#header-wrap.fix:after,#header-wrap.isOver:after{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)}
		#header .bt-mnall{right:15px;}
		#logo{left:15px;}
	}
	@media only screen and (max-width:680px) {
		#header .inner{padding:0 15px;}
		#header .bt-mnall .bar{width:26px;height:2px;}

	}


/*=======================================================
		#allmenu-wrap 
=========================================================*/
#header .bt-allmenu{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:25px;}
#header .bt-allmenu .bar{position:absolute;left:3px;width:24px;height:1px;background:#fff;}
#header .bt-allmenu .bar.no1{top:6px}
#header .bt-allmenu .bar.no2{top:14px}
#header .bt-allmenu .bar.no3{top:22px}
#header .bt-allmenu .bar.no1, #header .bt-allmenu .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-allmenu .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-allmenu.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-allmenu.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-allmenu.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-allmenu:hover .bar:before{left:0;}
#header .bt-allmenu:hover .bar:after{left:100%;}

#header .bt-allmenu:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-allmenu:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-allmenu:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}

#header-wrap.fix .bt-allmenu .bar , #header-wrap.fixed .bt-allmenu .bar ,#header-wrap.isOver .bt-allmenu .bar{background:#111}
#header-wrap.fix .bt-mnall .bar , #header-wrap.fixed .bt-mnall .bar ,#header-wrap.isOver .bt-mnall .bar{background:#111}


.sub #header-wrap .bt-allmenu .bar{background:#111}

#allmenu-wrap{position:fixed; top:0;left:0; display:none; overflow:hidden; z-index:3005;background:#fff; padding-right:80px; width:100%;height:100%; box-sizing:border-box; overflow-y:auto;font-family: 'GongGothic';}	
#allmenu-wrap:after{width:80px;height:100%; position:absolute;right:0; top:0;background:#f5f5f5; display:block; content:"";z-index:91}
#allmenu-wrap .close {position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/layout/bt-mnclose.png) no-repeat center center; background-size:20px auto;right:25px; top:32px; z-index:92;}
#allmenu-wrap .allmenu{position:absolute; left:0; top:0; height:100%; overflow:hidden; width:calc(100% - 80px); z-index:23;}
#allmenu-wrap ul:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l1{float:left; width:20%; box-sizing:border-box; position:relative; height:100%;display:flex;align-items: center; justify-content: left;overflow:hidden;}
#allmenu-wrap li.mn_l1:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#313131; z-index:3;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s linear;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;}
#allmenu-wrap li.mn_l1:before{width:1px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#dfdfdf; z-index:1;}

#allmenu-wrap.open li.mn_l1:after{left:100%;}
#allmenu-wrap.open li.mn_l1:nth-child(1):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(2):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(3):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(4):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(5):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(6):after{transition-delay: 0.2s;}

#allmenu-wrap li .vc{width:100%; box-sizing:border-box; padding:0 0 40px 0;overflow:hidden; min-height:430px;}
#allmenu-wrap li .mn_a1 {display:block;font-size:21px;font-weight:300; line-height:1.5em; color:#111; letter-spacing:-0.02em;padding:0 0 0 25%;}
#allmenu-wrap li .mn_a1:hover{color:#2d2f59}
#allmenu-wrap li .depth2-wrap{padding-top:25px ;min-height:240px;}
#allmenu-wrap li .depth2{padding:0 0 0 0}
#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:0}
#allmenu-wrap li .mn_a2{display:block;font-size:17px;font-weight:300; line-height:1.2em; color:#777; letter-spacing:-0.02em; padding:12px 0 12px 25%; position:relative;}
#allmenu-wrap li .mn_a2:hover{color:#fff}
#allmenu-wrap li .mn_a2:after{position:absolute; left:0; top:0; width:0; height:100%; background:#2d2f59;display:block; content:"";z-index:-1;-webkit-transition: width 0.5s ease-in-out;-moz-transition: width 0.5s ease-in-out;-o-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;}
#allmenu-wrap li .mn_a2:hover:after{width:100%}

#allmenu-wrap li .mn_a1{display:block;opacity:0;position:Relative;-webkit-transform: translateX(-10%); -moz-transform: translateX(-10%);-ms-transform: translateX(-10%); -o-transform:  translateX(-10%);transform: translateX(-10%);-webkit-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;}
#allmenu-wrap li .depth2{position:relative;opacity:0;-webkit-transform: translateX(-5%); -moz-transform: translateX(-5%);-ms-transform: translateX(-5%); -o-transform:  translateX(-5%);transform: translateX(-5%);-webkit-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;}

#allmenu-wrap.open li.mn_l1 .mn_a1{transition-delay: 0.5s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
#allmenu-wrap.open li.mn_l1 .depth2{transition-delay: 0.6s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
	@media only screen and (max-width:1600px) {	
		#allmenu-wrap li .depth2-wrap{padding-top:15px} 
		#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:12px;}
		#allmenu-wrap li .mn_a1{font-size:18px;}
		#allmenu-wrap li .mn_a2{font-size:15px;}
	}
	@media only screen and (min-width:1185px) and (max-width:1400px){
	
	}
	@media only screen and (max-width:1184px) {
		#header .bt-allmenu, #allmenu-wrap{display:none !important;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		

	}

	

	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1185px){
		#header .bt-mnall, #header .bt-mnclose{display:none !important;}
		#header .bt-mnall{display:none;}
		
		#mainNavi-wrap {height:87px;overflow:hidden;position:absolute;left:0;top:21px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}
		#mainNav {position:relative;}
		
		.tm-top, .tm-language{display:none}
		
		.topmenu {display:block;position:relative;text-align:center; font-size:0;font-family: 'GongGothic'; }
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:20px;line-height:20px;display:block;color:#fff;font-weight:300; padding:20px 35px; letter-spacing:-0.02em; text-transform:uppercase;position:relative; text-align:center;z-index:14;}
		.topmenu .mn_l1:first-child{margin-left:50px;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;text-align:left; padding:0 20px}
		.topmenu .mn_a1 span{position:relative; display:inline-block;vertical-align:top;}
		.topmenu .mn_a1 span:after{position:absolute; left:50%; width:0; height:4px; bottom:-39px; display:block; content:"";background:#333;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		.topmenu .mn_a1:hover span:after, .topmenu .mn_l1.is-open .mn_a1 span:after, .topmenu .mn_l1.is-over .mn_a1 span:after{width:100%;}
		
		.topmenu #tm01 .depth2-wrap{width:900px;left:40px;}
		.topmenu #tm02 .depth2-wrap{width:800px;left:40px;}
		.topmenu #tm03 .depth2-wrap{width:900px;left:-300px;}
		.topmenu #tm04 .depth2-wrap{width:900px;left:-300px;}
		.topmenu #tm05 .depth2-wrap{width:1200px;left:auto;right:40px;}
		.topmenu #tm05 .depth2{text-align:right;}

		.sub .topmenu .mn_a1, #header-wrap.fix .topmenu .mn_a1, #header-wrap.isOver .topmenu .mn_a1{color:#000;}
		
		.topmenu .depth2-wrap {position:absolute;top:80px;left:0;display:none;visibility:hidden;padding:0; min-width:100% !important; }
		.topmenu .depth2 {position:relative;height:auto;overflow:hidden; box-sizing:border-box; z-index:2;opacity:0;-webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(20%); -o-transform:  translateY(20%);transform: translateY(20%);-webkit-transition:opacity 0.3s ease-in-out , transform 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out , transform 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out , transform 0.3s ease-in-out;transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out}
		.topmenu .depth2:after{display:block; content:"";clear:both;}
		.topmenu .is-open .depth2{transition-delay: 0.2s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		
		.topmenu .depth2 li{display:inline-block;vertical-align:top;}
		.topmenu .depth2 .mn_l2:nth-child(n+2){margin-left:15px;}
		.topmenu .depth2 .mn_a2 {display:block;line-height:80px ; padding:0 15px; box-sizing:border-box; text-transform:uppercase; position:relative;font-weight:300; font-size:17px;letter-spacing:-0.03em;color:#666; -webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
		.topmenu .depth2 .mn_a2:hover, .topmenu .depth2 .mn_l2.over .mn_a2{color:#111}

		#mainNavi-wrap .ovbar {position:absolute;height:4px;top:65px;display:none !important;overflow:hidden; opacity:0}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:0;background:#045aa7 ; height:4px;content:"";display:block;z-index:200; width:100%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

		.mn-bar {position:absolute;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;top:100px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;}
	}
	@media only screen and (min-width:1321px) and (max-width:1600px){
		.topmenu #tm04 .depth2-wrap{width:200px;left:37px;}
		.topmenu .mn_a1 { padding:20px 20px; font-size:18px;}
		.topmenu .depth2 .mn_a2 {font-size:16px; }

	}
	@media only screen and (min-width:1185px) and (max-width:1321px){
		.topmenu .mn_a1 { padding:20px 10px; font-size:16px;}
		.topmenu .depth2 .mn_a2 {font-size:15px;}

		.topmenu #tm01 .depth2-wrap{left:35px;}
		.topmenu #tm02 .depth2-wrap{left:-130px;}
		.topmenu #tm03 .depth2-wrap{left:-95px;}
		.topmenu #tm04 .depth2-wrap{left:27px;}
		.topmenu #tm05 .depth2-wrap{right:37px;}
		.topmenu #tm05 .depth2{text-align:right;}
		
	}
	@media only screen and (max-width:1185px) {
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-320px;min-width:320px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;top:0;width:320px;height:100%; padding-bottom:60px; min-height:480px;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;	transition: right 0.3s ease-out;}
		#mainNavi.mn-h-open {right:0;}

		.tm-top{padding:20px; box-sizing:border-box; min-height:105px; border-bottom:1px solid rgb(235,235,235); position:Relative;}
		.tm-top:after{width:100%;height:10px; position:Absolute ;left:0; bottom:-11px; background:rgb(248,248,248); display:block; content:"";  box-sizing:border-box; border-bottom:1px solid rgb(235,235,235); }
		.tm-top h3{height:49px;background:url(../img/logo-over.png) no-repeat left center; background-size: 190px auto}
		.tm-top .bt-mnclose{width:30px;height:30px; position:Absolute;right:20px; top:20px;background:url(../img/layout/bt-mnclose.png) no-repeat center center; background-size:70% auto;}
		.tm-top dl{margin-top:25px;position:relative;text-align:right; font-size:0}
		.tm-top dl dt{line-height:30px; position:absolute; left:0; top:0; font-size:15px; font-weight:400; color:#000;  letter-spacing:-0.03em;}
		.tm-top dl dd{display:inline-block;vertical-align:top;}
		.tm-top dl dd a{border:0px solid rgba(209,209,209, 1);border-radius:5px; line-height:33px; font-size:14px; display:block; width:72px;text-align:center;color:#fff; background:#6278b1;letter-spacing:-0.03em;}
		.tm-top dl dd:nth-child(n+3){margin-left:5px}
		.tm-top dl dd a:hover{border-color:#6278b1; background:#fff; color:#6278b1;}

		/*.tm-top dl.login-after{display:none;}*/
	
		.topmenu {width:100%;display:block;position:relative;z-index:141;padding:30px 20px; box-sizing:border-box;font-family: 'GongGothic';}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		.topmenu .mn_l1:first-child{margin-left:0;}
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:102;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:3px;top:50%;width:14px;height:1px;background:#252525;transform: rotate(0);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:2px;top:50%;width:15px;height:1px;background:#252525;transform: rotate(-90deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .mn_l1 > .tgl-btn {right:12px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before{background:#fff;left:3px;transform: rotate(0);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after{background:#fff;right:2px;transform: rotate(-180deg); opacity:0;}
	
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;padding:17px 30px 17px 15px;overflow:hidden;font-size:17px;font-weight:300;letter-spacing:-0.02em;white-space:normal;cursor:pointer;color:#000; z-index:101}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{background:#2d2f59;color:#fff; font-weight:500;border-color:#2d2f59;}

		.topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;border-bottom:1px solid #ededed;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:5px 30px 5px 32px; position:relative;}
		.topmenu .depth2 .mn_a2:before{width:5px;height:1px; position:Absolute; left:20px; top:12px; background:#666; display:block; content:""}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:300;cursor:pointer;color:#111;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#0072bc;text-decoration:underline}
		.topmenu .depth2 .mn_a2:hover:before{background:#0072bc;}

		.mn-bar {display:none;}
		
		.tm-language{background:#fcfcfc; border-bottom:1px solid #dedede;}
		.tm-language ul{padding:13px 7px}
		.tm-language ul:after{display:block; content:"";clear:both;}
		.tm-language li{float:left; width:33.33333%;position:relative;}
		.tm-language li:nth-child(n+2){}
		.tm-language li:nth-child(n+2):before{width:1px;height:10px; position:absolute; left:-1px; top:50%;margin-top:-5px; background:#ddd; display:block;content:""}
		.tm-language li a{display:block; line-height:20px; color:#666; font-size:14px; text-align:center;}
		.tm-language li.active a{color:#111; font-weight:500;}
	}
	@media only screen and (max-width:680px){
		.topmenu .depth2 .mn_a2 span {font-size:16px;font-weight:300;}
	}
	@media only screen and (max-width:680px){
		.tm-language{display:block;}
	}

	
	
	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{}
#container-wrap #contents{ min-height:500px;}
/* .main #container-wrap {position:relative; height:100%; min-height:768px} */

.main #container-wrap{}
.sub #container-wrap {margin-top:100px;}
.sub #container-wrap #contents{padding:80px 0px 150px}
	@media only screen and (max-width:1400px){
	.sub #container-wrap #contents{padding:80px 20px}
	}
	@media only screen and (max-width:1184px) {
		.sub #container-wrap {margin-top:65px;}
	}
	@media only screen and (max-width:999px){
		.sub #container-wrap #contents{padding:65px 20px}
	}
	@media only screen and (max-width:680px){
		.sub #container-wrap #contents{padding:40px 15px}
	}
	@media only screen and (max-width:480px){
		.sub #container-wrap #contents{padding:40px 20px}

	}


/* ======================================================
    cont-top & top-vis & top-btn 
=========================================================*/
.cont-top{text-align:center; margin-bottom:50px;}
.cont-top h2{font-size:45px; font-weight:700;letter-spacing:-0.03em; line-height:1.2em; color:#000; position:relative;}
/*.cont-top h2:before{width:40px; height:2px; background:#666; position:absolute ;left:49%; top:70px; display:block; content:"";  }*/

.cont-top p{margin-top:40px;font-size:16px; color:#111; font-weight:400; letter-spacing:-0.02em; line-height:1.3em; position:relative;}
.cont-top p:before{width:1px; height:16px; background:#666; position:absolute ;left:50%; top:-30px; display:block; content:"";transform: scale(1,1) rotate(35deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(35deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(35deg)skew(0,0) translate(0,0); transform-origin: 50% 50%; }

.cont-top.no-dot p{margin-top:20px}
.cont-top.no-dot p:before{display:none;}

#top-vis{height:250px; position:relative;z-index:1005; overflow:hidden;}
#top-vis .img{height:250px;position:relative;}
#top-vis .img img{width:100%;height:250px;object-fit:cover;transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 3s ease-in-out;-moz-transition: transform 3s ease-in-out;-o-transition: transform 3s ease-in-out;transition: transform 3s ease-in-out;}
#top-vis .txt{position:absolute; left:50%; top:50%; margin-top:5px;max-width:1400px;text-align:left; width:100%; box-sizing:border-box; padding:0 20px; z-index:5;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
#top-vis .txt .btxt{font-size:40px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.3em;opacity:0;-webkit-transform: translateY(40%); -moz-transform: translateY(40%);-ms-transform: translateY(40%); -o-transform:  translateY(40%);transform: translateY(40%);-webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
#top-vis .txt .stxt{margin-top:10px;font-size:18px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.3em;opacity:0;-webkit-transform: translateY(40%); -moz-transform: translateY(40%);-ms-transform: translateY(40%); -o-transform:  translateY(40%);transform: translateY(40%);-webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
	
#top-vis.ani .img img{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
#top-vis.ani .txt .btxt{transition-delay: 0.3s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
#top-vis.ani .txt .stxt{transition-delay: 0.6s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
	
	@media only screen and (max-width:1600px){
		.cont-top h2{font-size:40px;}
	}
	@media only screen and (max-width:1200px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:35px;}
		.cont-top p{font-size:15px;}

		#top-vis .txt .btxt{font-size:35px;}
		#top-vis .txt .stxt{font-size:16px;}
	}
	@media only screen and (min-width:1000px){
		
	}
	@media only screen and (max-width:999px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:32px;}
		.cont-top p{font-size:14px;word-break: keep-all; padding:0 15px;}
		.cont-top.no-dot p{margin-top:15px}

		#top-vis{height:240px;}
		#top-vis .img{height:240px;}
		#top-vis .img img{height:240px;}

		#top-vis .txt{text-align:center;}
		#top-vis .txt .btxt{font-size:30px;}
		#top-vis .txt .stxt{font-size:20px;}
	}
	@media only screen and (max-width:680px){
		.cont-top h2{font-size:28px;}
		.cont-top p{font-size:13px; margin-top:30px;}
		.cont-top p:before{height:12px; top:-21px;}

		.cont-top.no-dot p{margin-top:10px}
		
		#top-vis{height:150px;}
		#top-vis .img{height:150px;}
		#top-vis .img img{height:150px;}
		
		
		#top-vis .txt .btxt{font-size:27px;}
		#top-vis .txt .stxt{font-size:16px;margin-top:5px;}
	}
	@media only screen and (max-width:480px){
		.cont-top h2{font-size:25px;}
	}


/* ======================================================
    snbNav
=========================================================*/
#snbNavi-wrap{position:relative; z-index:999}
#snbNavi-wrap.fix .fix{position:fixed; left:0; top:0; width:100%; background:#fff;}
.snbNav.mobile{max-width:1240px; margin:0 auto;position:relative; box-sizing:border-box; z-index:999;}
.snbNav.mobile:before{position:absolute; z-index:-1;left:50%; top:0; width:20000px;margin-left:-10000px;height:100%; box-sizing:border-box;border-bottom:1px solid #e1e1e1;display:block;content:"";}
.snbNav.mobile:after{display:block; content:"";clear:both;}
.snbNav.mobile dl{min-width:50%; float:left; position:relative;}
.snbNav.mobile dl:first-child:before{width:1px;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#dbdbdb;}
.snbNav.mobile dl:nth-child(n+2):before{width:1px;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#dbdbdb;}
.snbNav.mobile dl:last-child:after{width:1px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#dbdbdb;}
.snbNav.mobile dt{}
.snbNav.mobile dt a{display:block; line-height:48px;height:50px; padding-left:15px; color:#353535; font-size:15px; position:relative;}
.snbNav.mobile dt a:after{width:14px;height:8px; position:absolute;right:12px; top:50%;margin-top:-4px; background:url(../img/sub/left-depth.png) no-repeat center center; background-size:12px auto;display:block; content:""}
.snbNav.mobile dt.active a:after{background-image:url(../img/sub/left-deptho.png);}
.snbNav.mobile dd{position:absolute;display:none; left:0; top:50px; width:calc(100% + 1px);background:#fff;box-sizing:border-box; border:1px solid #dbdbdb;border-top:0;}
.snbNav.mobile dd ul{}
.snbNav.mobile dd li{}
.snbNav.mobile dd li a{line-height:40px; font-size:14px; color:#555;letter-spacing:-0.02em; padding:0 15px; display:block;}
.snbNav.mobile dd li a:hover{background:#f4f4f4}
.snbNav.mobile dd li:nth-child(n+2){/* border-top:1px solid #dbdbdb; */}	
.snbNav.mobile dd li.active a{background:#f0f0f0; font-weight:700; color:#111;}

.snbNav.mobile dl:nth-child(n+2) dd{left:0;}

.snbNav.desktop{position:relative; }
.snbNav.desktop:after{position:absolute; z-index:-1;left:0; top:0; width:100%;height:100%; box-sizing:border-box;border-bottom:1px solid #e1e1e1;display:block;content:"";}
.snbNav.desktop ul{font-size:0;text-align:center;padding:0 20px;margin:0 auto;max-width:1480px; box-sizing:border-box;}
.snbNav.desktop ul:after{display:block; content:"";clear:both;}
.snbNav.desktop li{display:inline-block;vertical-align:top; position:relative;}
.snbNav.desktop li:nth-child(n+2):before{width:0;height:14px; border-left:1px solid rgba(0,0,0,0.1); display:block; content:""; position:absolute ;left:-1px ;top:50%;margin-top:-7px;}
.snbNav.desktop li a{font-size:20px; min-width:170px; color:#aaa;display:block; line-height:70px; padding:0 30px;box-sizing:border-box; position:relative;}
.snbNav.desktop li a span{position:relative;display:inline-block;vertical-align:top; }
.snbNav.desktop li a span:after{left:50%;width:0;height:3px; position:absolute;  bottom:0; background:#2d519b; display:block;content:"";-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.snbNav.desktop li a:hover{color:#2d519b}
.snbNav.desktop li.active a{color:#2d519b; font-weight:700;}
.snbNav.desktop li.active a span:after, .snbNav.desktop li a:hover span:after{ width:100%;}

/* .snbNav.desktop .c1 li{width:50%;}
.snbNav.desktop .c2 li{width:50%;}
.snbNav.desktop .c3 li{width:33.3333%;}
.snbNav.desktop .c4 li{width:25%;}
.snbNav.desktop .c5 li{width:20%;}
.snbNav.desktop .c6 li{width:16.666666666666%;}
.snbNav.desktop .c7 li{width:14.2857%;}
.snbNav.desktop .c8 li{width:12.5%;}
.snbNav.desktop .c9 li{width:11.111111111111%;}
.snbNav.desktop .c10 li{width:10%;} */
	@media only screen and (max-width:1600px){
		.snbNav.desktop li a{font-size:18px; line-height:75px;}
	}
	@media only screen and (max-width:1400px){
		.snbNav.desktop li a{font-size:16px; line-height:65px;padding:0 25px; min-width:auto}
	}
	@media only screen and (max-width:1280px){
		.snbNav.desktop li a{font-size:15px; line-height:60px; }
	}
	@media only screen and (min-width:1000px){
		.snbNav.mobile{display:none}
	}
	@media only screen and (max-width:999px){
		.snbNav.mobile{display:block;background:#fff; }
		.snbNav.desktop{display:none}
		.snbNav.mobile dd li a{font-size:16px; }
		.snbNav.mobile dt a{padding-left:17px; color:#000; font-size:17px; }
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		.snbNav.mobile dt a{font-size:15px;line-height:45px;height:45px; color:#000; font-weight:500;}
		.snbNav.mobile dd{top:45px}
		.snbNav.mobile dd li a{font-size:15px; line-height:45px;}
	}


/* ======================================================
   .top-btn
=========================================================*
.top-btn{position: fixed;right: -50px;bottom: 20px; z-index:3999;cursor: pointer;background:url(../img/layout/top-btn.png) no-repeat center center rgba(0,0,0,0.3);  background-size:100% auto;width:50px;height:50px; border-radius:100%;display: flex;flex-wrap: wrap;align-items: center;transition:right 0.5s;box-sizing: border-box;}
.top-btn:hover{background-color:#111 !important;}
.top-btn.over{right:20px;}
	@media only screen and (max-width:680px) {
		.top-btn{width:42px;height:42px;}
		.top-btn.over{right:15px; bottom:15px;}
	}
	@media only screen and (max-width:480px) {
		.top-btn{width:34px;height:34px;}
	}


/* ======================================================
   .top-btn
=========================================================*/
.top-btn{ z-index:2004;right:-70px;width:45px;height:45px;background:url(../img/layout/top-btn.jpg) no-repeat center center;background-size:100% auto; bottom:50px; position:fixed;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.top-btn.over{right:30px; }
.top-btn:hover{background-image:url(../img/layout/top-btno.jpg)}


	@media only screen and (max-width:999px){
		.top-btn{width:40px;height:40px; bottom:15px;}
		.top-btn.over{right:15px;}
		}
	@media only screen and (max-width:680px){
		.top-btn{width:35px;height:35px;bottom:10px;}
		.top-btn.over{right:10px;}
		}

/* ======================================================
    #footer-wrap 
=========================================================*/
.sub #footer-wrap{  margin-top:0px;}
#footer-wrap {display:block; position:relative;border-top:1px solid #ddd;}
#footer-wrap .inner{position:relative;}
#footer {position:relative;text-align:left; padding:70px 20px 120px;}

.f-logo{position:absolute;right:20px; bottom:100px;}
.f-logo img{width:172px;}

.f-link{font-size:0;}
.f-link ul{ }
.f-link ul:after{display:block; content:"";clear:both}
.f-link li{float:left;}
.f-link li:nth-child(n+2){margin-left:40px;}
.f-link li a{display:block;line-height:45px; font-size:18px; color:#000; letter-spacing:-0.03em;}

.f-family {left:600px;position:absolute; top:70px;width:190px; }
.f-family .chk-select{display:block;}
.f-family .chk-select:after{background:url(../img/sub/select-farrow.png) no-repeat center center; right:0;}
.f-family .chk-select select{border:none; border-bottom:1px solid #111; font-size:15px; padding:0 25px 0 1px; height:45px;}

.f-info{font-weight:400; margin-top:30px;}
.f-info .in-addr{font-size:18px; color:#000; letter-spacing:-0.03em; line-height:1.4em;}
.f-info .in-addr span:nth-child(n+2){margin-left:22px;}
.f-info .in-nums {margin-top:5px; line-height:1.3em;}
.f-info .in-nums span{font-size:18px; color:#000; letter-spacing:-0.01em; line-height:1.3em;display:inline-block;vertical-align:top;}
.f-info .in-nums span:nth-child(n+2){margin-left:22px;}

.f-info .in-copy{margin-top:15px;font-size:18px; color:#000; letter-spacing:-0.01em; line-height:1.3em; opacity:1}
	@media only screen and (max-width:1600px){
		.f-link li:nth-child(n+2){margin-left:30px;}
		.f-family{left:480px;}
		.f-logo img{width:172px;}
	}
	@media only screen and (max-width:1400px){
		.f-family{left:430px;}
		.f-logo img{width:172px;}
	}
	@media only screen and (max-width:999px){
		#footer{padding:30px 20px;}
		.sub #footer-wrap{  margin-top:80px;}
		
		.f-link ul{text-align:center;}
		.f-link li{float:none; display:inline-block;vertical-align:top;}
		.f-link li:nth-child(n+2){margin-left:20px;}
		.f-link li a{font-size:15px; line-height:35px;}
		
		.f-info{text-align:center;}
		.f-info .in-addr{font-size:15px;}
		.f-info .in-nums span{font-size:15px;}
		.f-info .in-nums span:nth-child(n+2){margin-left:17px;}
		.f-info .in-copy{font-size:14px;}

		.f-family{position:relative; left:auto; top:auto;margin-top:20px;text-align:center; width:auto}
		.f-family .chk-select{display:inline-block; width:60%; max-width:300px;}
		.f-family .chk-select:after{background-size:8px auto;}
		.f-family .chk-select select{font-size:14px; height:40px;}
		
		.f-logo{position:relative; right:auto; bottom:auto; text-align:center; margin-top:25px;}
		.f-logo img{width:170px;}
	}
	@media only screen and (max-width:768px){
		.f-link li a{font-size:17px; line-height:35px;}
		.f-info .in-addr{font-size:17px;}
		.f-info .in-nums span{font-size:17px;}
		.f-info .in-nums span:nth-child(n+2){margin-left:17px;}
		.f-info .in-copy{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		#footer{padding:30px 15px;}
		.sub #footer-wrap{margin-top:60px;}

		.f-link li a{font-size:16px; line-height:20px;}
		.f-link li:nth-child(n+2){margin-left:15px;}

		.f-info{margin-top:15px;}
		.f-info .in-addr{font-size:15px;}
		.f-info .in-nums span{font-size:16px;}
		.f-info .in-nums span:nth-child(n+2){margin-left:7px;}

		.f-info .in-copy{font-size:13px;}
		.f-info .in-copy span{/*display:block; margin-top:5px;*/ display:inline; }

		.f-family .chk-select select{font-size:13px;}

		.f-logo img{width:140px;}
	}
	@media only screen and (max-width:480px){
		.f-logo img{width:120px;}
		.f-info .in-copy{font-size:14px;}
	}

	


/*=======================================================
  .snb-wrap
=========================================================*/
.snb-wrap{margin-top:45px;position:relative; z-index:9999;}
.snb-wrap .fix{position:relative;}
.snb-wrap .fix:before{ background:#1b9c9e;border-radius:8px;position:absolute; left:50%; top:0; width:100%;box-sizing:border-box;max-width:1260px;height:90px; display:block; content:"";z-index:2;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: max-width 0.5s ease-out, border-radius 0.5s ease-out;-moz-transition: max-width 0.5s ease-out, border-radius 0.5s ease-out;-o-transition: max-width 0.5s ease-out, border-radius 0.5s ease-out;transition: max-width 0.5s ease-out, border-radius 0.5s ease-out;}
.snb-wrap .fix:after{ background:#fff;border-bottom:1px solid #e8e8e8; position:absolute; left:50%; top:0; box-sizing:border-box; width:100%;max-width:1260px; height:100%; display:block; content:"";z-index:1;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: max-width 0.5s ease-out;-moz-transition: max-width 0.5s ease-out;-o-transition: max-width 0.5s ease-out;transition: max-width 0.5s ease-out;}

.snb-wrap.fixed .fix{position:fixed; left:0; width:100%; min-width:360px; -webkit-transition: top 0.4s ease-out;-moz-transition: top 0.4s ease-out;-o-transition: top 0.4s ease-out;transition: top 0.4s ease-out}
.snb-wrap.fixed.mover .fix{top:0 !important}
.snb-wrap.fixed .fix:before{width:100%;max-width:2000px; border-radius:0;}
.snb-wrap.fixed .fix:after{width:100%;max-width:2000px;border-radius:0;}

.snb-wrap .depth2{padding:30px ; max-width:1260px ; margin:0 auto;box-sizing:border-box;text-align:center; position:relative ; z-index:5; }
.snb-wrap .depth2 ul{font-size:0;}
.snb-wrap .depth2 ul:after{display:block; content:"";clear:both}
.snb-wrap .depth2 li{display:inline-block;vertical-align:top; position:relative;}
.snb-wrap .depth2 li:nth-child(n+2){margin-left:32px;}
.snb-wrap .depth2 li:nth-child(n+2):before{width:1px;height:16px;left:-16px; top:50%;margin-top:-8px; background:#fff; opacity:0.5;display:block; content:""; position:absolute;}
.snb-wrap .depth2 li a{display:block; line-height:30px; color:#fff;opacity:0.5; font-size:19px; letter-spacing:-0.03em; font-weight:400;}
.snb-wrap .depth2 li.active a{opacity:1;}


.snb-wrap .depth3{position:relative; max-width:1260px ; margin:0 auto;box-sizing:border-box; padding:0 14px; position:relative ; z-index:3;}
/*.snb-wrap.fixed .depth3{ margin-top:-80px; -webkit-transition: margin-top 0.5s ease-out;-moz-transition: margin-top 0.5s ease-out;-o-transition: margin-top 0.5s ease-out;transition: margin-top 0.5s ease-out;}
.snb-wrap.fixed.stoped .depth3{margin-top:0;transition-delay: 0.5s;} */
/* .snb-wrap .depth3:after{position:absolute; left:0; bottom:0; width:100%;height:1px; display:block; content:"";background:#c7c7c7; z-index:-1;} */
.snb-wrap .depth3-slide{/* overflow:visible !important */;text-align:center;}
.snb-wrap .depth3-slide ul{/* transform: translateZ(0px); width:1200px; */}
.snb-wrap .depth3 ul{font-size:0;text-align:center; display:inline-block;vertical-align:top;}
.snb-wrap .depth3 ul:after{display:block; content:"";clear:both}
.snb-wrap .depth3 li{display:inline-block;vertical-align:top;}
.snb-wrap .depth3 li a{display:block; line-height:75px; color:#333;font-size:15px; letter-spacing:-0.03em; font-weight:400; position:relative; padding:0 14px; -webkit-transition: line-height 0.3s linear;-moz-transition: line-height 0.3s linear;-o-transition: line-height 0.3s linear;transition: line-height 0.3s linear;}
.snb-wrap .depth3 li.active a:after{ position:absolute; left:0; bottom:0; background:#1b9c9e; width:100%;height:3px; display:block; content:"";}
.snb-wrap .depth3 li.active a{color:#1b9c9e;}

.snb-wrap.fixed .fix .depth3 li a{line-height:60px;}

.snb-wrap .depth3 .c05 li a{padding:0 50px;}

	@media only screen and (max-width:1200px){
		.snb-wrap .fix:before{height:70px}
		.snb-wrap .depth2{padding:20px 20px }
		.snb-wrap .depth2 li a{font-size:18px;}
		.snb-wrap .depth2 li:nth-child(n+2){margin-left:24px;}
		.snb-wrap .depth2 li:nth-child(n+2):before{left:-12px;}
		
		.snb-wrap .depth3 li a{line-height:65px; padding:0 10px;}
		.snb-wrap .depth3 .c05 li a{padding:0 40px;}
	}
	@media only screen and (max-width:999px){
		.snb-wrap{margin-top:30px;}
		.snb-wrap .depth2{padding:20px 10px }
		.snb-wrap .depth2 li a{font-size:16px;}
		.snb-wrap .depth2 li:nth-child(n+2){margin-left:20px;}
		.snb-wrap .depth2 li:nth-child(n+2):before{left:-10px; height:12px ;margin-top:-6px;}

		.snb-wrap .depth3 li a{line-height:55px;}
		.snb-wrap .depth3 .c05 li a{padding:0 35px;}

		.snb-wrap.fixed .fix .depth3 li a{line-height:50px;}
	}
	@media only screen and (max-width:680px){
		.snb-wrap .fix:before{height:50px}
		.snb-wrap .depth2{padding:10px 0 }
		.snb-wrap .depth2 li a{font-size:15px;}

		.snb-wrap .depth3{padding:0;}
		.snb-wrap .depth3 li a{line-height:45px; font-size:14px;}
		.snb-wrap .depth3 li.active a:after{height:2px;}
		.snb-wrap .depth3 .c05 li a{padding:0 20px;}

		.snb-wrap.fixed .fix .depth3 li a{line-height:40px;}
	}
	@media only screen and (max-width:480px){
		.snb-wrap{margin-top:20px;}
		.snb-wrap .depth3 li a{padding:0 7px;}
		.snb-wrap .depth3 .c05 li a{padding:0 7px; font-size:13px;}
	}

	#roundTab.fixed { position: fixed; top: 170px;  left: 0; width: 100%;z-index: 100;  background-color: white; border-bottom: 0px solid #ccc; padding:10px 0px 30px;}
	@media only screen and (max-width:1371px){
		#roundTab.fixed {top: 165px; padding:10px 0px 20px;}

	}
	@media only screen and (max-width:1280px){
		#roundTab.fixed {top: 160px; padding:10px 0px 20px;}

	}

	@media only screen and (max-width:1024px){
		/*#roundTab.fixed {top: 125px; padding:10px 0px 20px;}*/
		#roundTab.fixed {top: 105px; padding:10px 0px 20px;}
	}


	
	@media only screen and (max-width:480px) {
		#roundTab.fixed {top: 100px;}
	}