@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@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'); 
 }


html,body { font-family:'Noto Sans KR','Apple SD Gothic Neo', 'Malgun Gothic'; }
#doc {position:relative;min-width:320px; overflow:hidden;opacity:0;-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;}
body {overflow-y:visible;overflow-x:hidden;}


/*=======================================================
  css dafault
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1290px; padding:0 20px; }
.div-cont:after {clear:both;content:"";display:block;}
	@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){
		.div-cont {padding:0 10px;}
	}

.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:2700;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }


/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:absolute;z-index:2005;} /*20210629 바꿈*/
#container-wrap{position:relative;z-index:1004;}
#footer-wrap{position:relative;z-index:1001;}
#doc.show { transition-delay:0s; opacity:1;}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:0; min-width:320px;}
#header-wrap:before{position:absolute; left:50%; top:0; height:100%;background:#fff; width:200000px; margin-left:-100000px; box-sizing:border-box; border-bottom:1px solid #e1e1e1; display:block; content:""; z-index:-1;}
#header-wrap .mn-bar {position:absolute;background:#fff;border-bottom:1px solid #ddd;left:0;top:121px;width:20000px; left:50%;margin-left:-10000px;z-index:2000;}
#header{position:relative;height:121px;}
#header .bt-mnall {position:absolute;display:none;z-index:2599; width:25px; height:20px; background:url(../_Img/Layout/bt-mnall.png)no-repeat center center; background-size:24px auto;right:20px; top:32px;}
#header .bt-mnclose {position:absolute;display:none;z-index:2599; width:60px; height:60px; background:url(../_Img/Layout/bt-mnclose.png)no-repeat center center #333; background-size:21px auto;right:0; top:0;}
#header .bt-allmenu {position:absolute;display:block;z-index:2599; width:25px; height:20px; background:url(../_Img/Layout/bt-mnall.png)no-repeat center center; background-size:24px auto;right:20px; top:70px;}


#logo{background:url(../_Img/logo.png) no-repeat left center; width:140px; height:51px; position:absolute; left:20px; top:55px; z-index:2010;}
#logo a{display:block; height:40px;}

#header .bt-login {z-index:2008;position:absolute;display:block;z-index:2599; width:25px; height:20px; background:url(../_Img/Layout/bt-login.png) no-repeat center center; right:100px; top:32px;}
#header .bt-login:hover{background:url(../_Img/Layout/bt-logino.png) no-repeat center center;}
	
#gnb-wrap{position:absolute;left:0; top:0; width:100%; z-index:2600}
#gnb-wrap:after{position:absolute; left:50%; top:0; height:100%;background:#373d90; width:200000px; margin-left:-100000px; box-sizing:border-box;display:block; content:""; z-index:-1;}
#gnb-wrap .ov{height:40px; max-width:1290px; position:relative; margin:0 auto;}
#gnb-wrap .service{position:absolute; left:0; top:0;}
#gnb-wrap .service:after{display:block; content:"";clear:both;}
#gnb-wrap .service li{float:left;border-left:1px solid #777cb3;}
#gnb-wrap .service li:last-child{border-right:1px solid #777cb3}
#gnb-wrap .service li a{line-height:40px; display:block;background:#444bab; font-weight:300; font-size:14px; letter-spacing:-0.03em; min-width:100px ;color:#ced1f4;text-align:center;-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;}
#gnb-wrap .service li a:hover{background:rgba(0,0,0,0.2); color:#fff;}
	
#gnb-wrap .members{position:absolute; right:125px ;top:0;}
#gnb-wrap .members:after{display:block; content:"";clear:both;}
#gnb-wrap .members li{float:left;margin:0 0 0 44px; position:relative;}
#gnb-wrap .members li:first-child{margin-left:0;}
#gnb-wrap .members li:nth-child(n+2):before{width:1px;height:14px; position:Absolute; left:-26px; top:50%; background:#686db4; margin-top:-7px; display:block; content:""}
#gnb-wrap .members li a{line-height:40px; display:block;font-size:14px; font-weight:300; letter-spacing:-0.03em; color:#a9addc;text-align:center;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
#gnb-wrap .members li a:hover{color:#fff;}

#gnb-wrap .language{position:absolute; right:0; top:0; min-width:84px;}
#gnb-wrap .bt-language{line-height:40px;  color:#fff; font-weight:300; padding-right:22px;font-size:14px; display:block; position:relative;}
#gnb-wrap .bt-language:before{width:1px;height:14px; position:Absolute; left:-19px; top:50%; background:#686db4; margin-top:-7px; display:block; content:""}
#gnb-wrap .bt-language:after{width:10px;height:6px; position:absolute; right:0; top:50%;margin-top:-1px;background:url(../_Img/Layout/language-arrow.png) no-repeat right center; display:block; content:""}
#gnb-wrap .bt-language.active:after{background:url(../_Img/Layout/language-arrowo.png) no-repeat right center;}

#gnb-wrap .language ul{position:absolute; display:none;background:#fff;border:1px solid #ddd; right:-5px; width:100px; top:40px;  padding:12px 0; box-sizing:border-box; border-top:none;}
#gnb-wrap .language ul li a{ padding:5px 5px 5px 15px;font-size:13px; display:block; line-height:16px;}
#gnb-wrap .language ul li.active a{ color:#373d90;font-weight:500;}

.nav-bottom {display: none; }
	@media only screen and (min-width:1211px) and (max-width:1350px) {

	}
	@media only screen and (min-width:1100px) and (max-width:1210px) {
		#logo{top:61px; background-size:100% auto; width:100px ;height:38px;}
		#logo a{height:38px;}
	}
	@media only screen and (min-width:1000px) and (max-width:1099px) {
		#header .bt-allmenu {background-size:21px auto; }
		#logo{top:61px; background-size:100% auto; width:100px ;height:38px;}
		#logo a{height:38px;}
	}
	@media only screen  and (max-width:1350px) {
		#gnb-wrap .language{right:10px;}
		#gnb-wrap .members{right:130px;}
	}
	@media only screen and (max-width:999px){
		#header{height:95px; padding:0;}
		#header .bt-mnall{right:15px; top:54px;display:block;background-size:21px;}
		#header .bt-mnclose{display:block;}
		#header .bt-allmenu {display:none;}
		
		#logo{ left:12px; top:49px; background-size:100% auto; width:91px ;height:34px;}
		#logo a{height:34px;}

		#gnb-wrap{position:relative;left:auto; top:auto; width:auto;height:auto;}
		#gnb-wrap .ov{height:35px;}

		#gnb-wrap .service li a{line-height:35px; font-size:13px; min-width:90px;}

		#gnb-wrap .members{right:120px;}
		#gnb-wrap .members li{margin-left:30px;}
		#gnb-wrap .members li:nth-child(n+2):before{height:12px; margin-top:-6px; left:-15px;}
		#gnb-wrap .members li a{line-height:35px; font-size:13px}

		#gnb-wrap .language{right:10px;min-width:80px;text-align:right;}
		#gnb-wrap .bt-language{line-height:35px; font-size:13px; display:inline-block;vertical-align:top;}
		#gnb-wrap .bt-language:before{left:-15px;}
		#gnb-wrap .language ul{top:35px;padding:10px 0 ; width:100px; right:-10px;text-align:left;}
		#gnb-wrap .language ul li a{font-size:13px;padding:3px 3px 3px 15px;}
	}
	@media only screen and (max-width:680px){
		#header .bt-mnall{right:12px;top:54px;background-size:19px auto;}
		/* #logo{top:50px;width:85px ;height:31px;}
		#logo a{height:31px;} */

		#gnb-wrap .service li a{min-width:84px;}
        
        #doc.show { transition-delay:0s; opacity:1; top:-35px;}
        
         article {display: block; margin: 0; padding: 0 }
    
        .nav-bottom{display:flex;justify-content:space-around;padding:0 20px;background:#efefef;border-top:1px solid #ccc}
        .nav-bottom a, .nav-bottom button{display:inline-block;width:50px;height:76px;font-size:11px;color:#888;text-align: center;line-height:1;letter-spacing: -0.03em;background:transparent}
        .nav-bottom a:before, .nav-bottom button:before{content: '';display:block;width:30px;height:25px;margin:12px auto 10px}
        .nav-bottom .nav-m1:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_1.png) no-repeat 50% 50%;background-size:auto 100%; margin-top: -3px;}
        .nav-bottom .nav-m2:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_2.png) no-repeat 50% 50%;background-size:auto 100%}
        .nav-bottom .nav-m3:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_3.png) no-repeat 50% 50%;background-size:auto 100%}
        .nav-bottom .nav-m4:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_4.png) no-repeat 50% 50%;background-size:auto 100%}
        .nav{position: fixed;bottom:0;left:0;width: 100%;z-index:2003}

	}
	@media only screen and (max-width:480px){
		#gnb-wrap .members{display:none;}
		#gnb-wrap .bt-language:before{left:-15px; top:0;height:100%; margin-top:0; display:none;}
		#gnb-wrap .service li a{font-size:12px; min-width:78px;}
		#gnb-wrap .language ul li a{font-size:12px;}
        
        #doc.show { transition-delay:0s; opacity:1; top:-35px;}
        
         
        article {display: block; margin: 0; padding: 0 }
    
        .nav-bottom{display:flex;justify-content:space-around;padding:0 20px;background:#efefef;border-top:1px solid #ccc}
        .nav-bottom a, .nav-bottom button{display:inline-block;width:50px;height:76px;font-size:11px;color:#888;text-align: center;line-height:1;letter-spacing: -0.03em;background:transparent}
        .nav-bottom a:before, .nav-bottom button:before{content: '';display:block;width:30px;height:25px;margin:12px auto 10px}
        .nav-bottom .nav-m1:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_1.png) no-repeat 50% 50%;background-size:auto 100%; margin-top: -3px;}
        .nav-bottom .nav-m2:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_2.png) no-repeat 50% 50%;background-size:auto 100%}
        .nav-bottom .nav-m3:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_3.png) no-repeat 50% 50%;background-size:auto 100%}
        .nav-bottom .nav-m4:before{background:url(http://www.jainmedi.co.kr/new/jain2020/_Img/Main/fot_icon_4.png) no-repeat 50% 50%;background-size:auto 100%}
        .nav{position: fixed;bottom:0;left:0;width: 100%;z-index:2003}

}

	
	/*=======================================================
		mainNavi-wrap
	=========================================================*/
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:50px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}
		#mainNav {position:relative;}

		.topmenu {display:block;position:relative;text-align:right;font-size:0; padding-right:3vw;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {height:23px; font-size:18px;padding:17px 28px 17px 28px;line-height:1.35em;display:block;color:#222; font-weight:400; letter-spacing:-0.045em; position:relative; text-align:center;}
		
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#373d90}
		.topmenu .is-open .depth2, .topmenu .is-over .depth2{background:#f0f3f7;}

		.topmenu #tm01 .mn_a1 {padding:17px 42px 17px 42px;}
        .topmenu #tm05 .mn_a1 {padding:17px 27px 17px 27px;}
        .topmenu #tm07 .mn_a1 {padding:17px 5px 17px 5px;}

		.topmenu .depth2-wrap {position:absolute;top:71px;line-height:120%;display:none;visibility:hidden;padding:0; width:100% !important; }
		.topmenu .depth2 {position:relative;height:auto;padding:17px 0 0 0px;;overflow:hidden; min-height:350px; box-sizing:border-box; border-left:1px solid #dedede;-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;}
		.topmenu .mn_l1:last-child .depth2{border-right:1px solid #dedede }
		.topmenu .depth2 li {display:block;}
		.topmenu .depth2 .mn_l2 {text-align:center}
		.topmenu .depth2 .mn_a2 {cursor:pointer; line-height:1.2em;padding:7px 5px 7px 5px; display:block;text-transform:uppercase; position:relative;font-weight:400; font-size:14px;letter-spacing:-0.04em;color:#666;word-break: keep-all;}
		.topmenu .depth2 .mn_a2:hover span {color:#373d90;text-decoration:none;  }
	
		#mainNavi-wrap .ovbar {position:absolute;height:14px;top:69px;display:block;overflow:hidden; height:3px; }
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-45%;background:#373d90; height:3px;content:"";display:block;z-index:200; width:90%;-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;}
		
		.m-members{display:none !important;}
		.m-language{display:none !important;}
		.m-service{display:none !important;}
	}
	@media only screen and (min-width:1100px) and (max-width:1350px){
		.topmenu {padding-right:4vw;}
		.topmenu .mn_a1{padding:17px 1.8vw 17px 1.8vw}

		.topmenu #tm05 .mn_a1 {padding:17px 2vw 17px 2vw;}
		.topmenu #tm01 .mn_a1 {padding:17px 2vw 17px 2vw;}
        .topmenu #tm07 .mn_a1 {padding:17px 1vw 17px 1vw;}
	}
	@media only screen and (min-width:1100px) and (max-width:1210px) {
		.topmenu { padding-right:60px;}
		.topmenu .mn_a1{padding:17px 1.2vw 17px 1.2vw}
		.topmenu .depth2 {padding:15px 0 0 0; min-height:340px;}
		.topmenu .depth2 .mn_a2 {font-size:13px;padding:6px 5px;}

		.topmenu #tm05 .mn_a1 {padding:17px 1.1vw 17px 1.1vw;}
		.topmenu #tm01 .mn_a1 {padding:17px 2vw 17px 2vw;}
        .topmenu #tm07 .mn_a1 {padding:17px 0.1vw 17px 0.1vw;}
	}
	@media only screen and (min-width:1000px) and (max-width:1099px) {
		.topmenu { padding-right:60px;}
		.topmenu .mn_a1{font-size:16px;padding:17px 1vw 17px 1vw}
		.topmenu .depth2 {padding:15px 0 0 0; min-height:320px;}
		.topmenu .depth2 .mn_a2 {font-size:13px; padding:5px;}
		
		.topmenu #tm05 .mn_a1 {padding:17px 1vw 17px 1vw;}
		.topmenu #tm01 .mn_a1 {padding:17px 2vw 17px 2vw;}
        .topmenu #tm07 .mn_a1 {padding:17px 1vw 17px 1vw;}
	}
	@media only screen and (max-width:999px) {
		#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:-240px;overflow-y:auto;overflow-x:hidden;top:0px;  box-sizing:border-box;width:240px;height: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;}
		#mainNavi.mn-h-open {left:0;}

		.tm-top{position:relative;}
		.tm-top h3{ background:#fff url(../_Img/logo.png)no-repeat 15px center; background-size:84px auto; height:59px; border-bottom:1px solid #dedede}
		
		.m-members{background:#f8f8f8; display:none;}
		.m-members ul{text-align:center; overflow:hidden; padding:0;border-bottom:1px solid #e6e6e6}
		.m-members li{float:left; width:50%; position:relative;}
		.m-members li a{display:block; padding:10px 0; font-size:13px;text-transform:uppercase; color:#555; font-weight:400;}
		.m-members li:before{width:1px; height:100%;position:Absolute; background:#e6e6e6; left:0; top:0;display:block; content:"";}
		.m-members li:first-child{margin-left:0}
		.m-members li:first-child:before{display:none}

		.topmenu {width:100%;display:block;position:relative;padding-bottom:50px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		.topmenu a {position:relative;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;text-indent:-9999em;position:absolute;right:15px;top:8px;border:0;z-index:400;background:transparent;}
		.topmenu .has-sub .tgl-btn span{position:absolute; right:0; top:0; width:100%;height:100%;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:15px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(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_l1.has-sub .tgl-btn span:after{width:240px;height:52px; position:absolute; right:-20px; top:50%;margin-top:-26px; display:block; content:""; }

		.topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #e6e6e6; z-index:200}
		.topmenu .mn_a1 span {display:block;padding:17px 30px 17px 18px;overflow:hidden;font-size:15px;font-weight:400;letter-spacing:-0.03em;white-space:normal;cursor:pointer;color:#333;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#111;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f6f6f6;padding:12px 0;border-bottom:1px solid #e6e6e6; height:auto !important}
		.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_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
		.topmenu .depth2 .mn_a2 {display:block;padding:4px 45px 4px 21px; position:relative;}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:400;cursor:pointer;color:#444;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#373d90;text-decoration:underline}

		.mn-bar {display:none;}

		/* .m-service{ padding:15px;}
		.m-service:after{display:block; content:"";clear:both;}
		.m-service li{}
		.m-service li:nth-child(n+2){margin-top:7px;}
		.m-service li a{border:1px solid #373d90;background:#444bab; border-radius:5px; letter-spacing:-0.03em; line-height:36px; font-size:14px; text-align:center; color:#fff; display:block;}

		.m-language{position:relative;background:#999; left:auto; bottom:auto; padding:0 15px;; z-index:2302;}
		.m-language .bt-language{line-height:42px;  color:#fff; font-weight:300;font-size:14px; display:block; text-align:center;}
		.m-language .bt-language span{display:inline-block;vertical-align:top; position:relative; padding-right:25px;}
		.m-language .bt-language span:after{width:10px;height:6px; position:absolute; right:0; top:50%;margin-top:-1px;background:url(../_Img/Layout/language-arrow.png) no-repeat right center; display:block; content:""}
		.m-language .bt-language.active:after{background:url(../_Img/Layout/language-arrowo.png) no-repeat right center;}
		.m-language ul{position:absolute; display:none;background:#fff;border:1px solid #ddd; right:0; width:100%; top:42px; padding:13px 0; box-sizing:border-box; border-top:none;}
		.m-language ul li a{ padding:5px 5px 5px 15px;font-size:13px; display:block; line-height:16px;}
		.m-language ul li.active a{ color:#373d90;font-weight:500;} */
	}
	@media only screen and (max-width:480px) {
		.m-members{display:block;}
	}

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{ margin-top:10px; margin-bottom: 50px;}
#container-wrap #contents{min-height:500px; padding: 0}
#container-wrap.mcontainer #contents{padding:0 0 0 0 }
#container-wrap.scontainer #contents{padding:95px 20px 140px 20px ; min-height:800px;}

#snbNav{ position:relative; max-width:1290px; margin:0 auto; z-index:901;}
#snbNav:after{background:#f9f9f9; position:absolute; left:50%;margin-left:-10000px; width:20000px; top:0;height:100%;border-bottom:1px solid #e1e1e1; box-sizing:border-box; display:block; content:""; z-index:-1;}
#snbNav .ov{overflow:visible; position:relative;height:54px; padding-left:58px; box-sizing:border-box; max-width:1290px;}
#snbNav .home{width:56px;height:55px;border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;position:absolute; left:0; top:0;background:url(../_Img/Sub/ico-home.jpg) no-repeat center center;}
#snbNav ul{}
#snbNav ul:after{display:block; content:"";clear:both;}
#snbNav ul li div{display:none;position:absolute; left:0; top:0; width:100%; top:54px;background:#fff; box-sizing:border-box;border:1px solid #e1e1e1;border-top:0; padding:15px;}
#snbNav ul li.active div{display:block;}
#snbNav .sn_l1{float:left;position:relative;min-width:154px;}
#snbNav .sn_l1:last-child{min-width:204px;}
#snbNav .sn_l1:nth-child(n+2):before{position:absolute; width:1px;left:0; top:0;height:100%; background:#e1e1e1; display:block; content:"";}
#snbNav .sn_l1:nth-child(n+2):after{position:absolute; width:1px;right:0; top:0;height:100%; background:#e1e1e1; display:block; content:"";}
#snbNav .sn_l1:nth-child(n+2) .sn_a1:after{width:16px;height:16px; position:absolute; right:15px; top:50%;margin-top:-8px; background:url(../_Img/Sub/snb-arrow.jpg) no-repeat center center; display:block; content:""}
#snbNav .sn_l1.active:nth-child(n+2) .sn_a1:after{ background-image:url(../_Img/Sub/snb-arrowo.jpg) ;}
#snbNav .sn_l2:nth-child(n+2){margin-top:13px;}
#snbNav .sn_a1{display:block;display:block; color:#6a6a6d;font-size:16px; line-height:54px;font-weight:300; letter-spacing:-0.03em;padding:0 15px;box-sizing:border-box;position:relative;}
#snbNav .sn_a2{display:block;color:#6a6a6d;font-size:16px;line-height:1.2em; letter-spacing:-0.03em;font-weight:300;}
#snbNav .sn_a2:hover{font-weight:400; text-decoration:underline}

#top-vis{}
#top-vis h2{color:#111; font-size:41px; letter-spacing:-0.035em; line-height:1.1em; font-weight:600;text-align:center;padding:45px 20px;letter-spacing:-0.03em;}
#top-vis .img{height:500px;position:relative;}
#top-vis .img img{width:100%;height:500px;object-fit:cover;}
#top-vis .img:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:block; content:"";z-index:1;}
#top-vis .txt{position:absolute; left:0; top:50%; z-index:2; width:100%; text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#top-vis .txt .btxt{color:#fff; font-size:45px; line-height:1.1em; letter-spacing:-0.04em; font-weight:500;}
#top-vis .txt .stxt{color:#fff; font-size:19px; line-height:1.1em; letter-spacing:-0.04em; font-weight:300; margin-top:15px;}
#top-vis .txt .stxt1{color:#fff; font-size:17px; line-height:1.1em; letter-spacing:-0.04em; font-weight:300; margin-top:15px;}


#top-vis1{}
#top-vis1 h2{color:#111; font-size:41px; letter-spacing:-0.035em; line-height:1.1em; font-weight:600;text-align:center;padding:45px 20px;letter-spacing:-0.03em;}
#top-vis1 .img{height:500px;position:relative;}
#top-vis1 .img img{width:100%;height:500px;object-fit:cover;}
#top-vis1 .img:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.0); display:block; content:"";z-index:1;}
#top-vis1 .txt{position:absolute; left:0; top:50%; z-index:2; width:100%; text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#top-vis1 .txt .btxt{color:#fff; font-size:45px; line-height:1.1em; letter-spacing:-0.04em; font-weight:500;}
#top-vis1 .txt .stxt{color:#fff; font-size:19px; line-height:1.1em; letter-spacing:-0.04em; font-weight:300; margin-top:15px;}
#top-vis1 .txt .stxt1{color:#fff; font-size:17px; line-height:1.1em; letter-spacing:-0.04em; font-weight:300; margin-top:15px;}




	@media only screen and (max-width:1350px) {
		#top-vis h2{font-size:35px;padding:20px 20px}
		#top-vis .img{height:450px;}
		#top-vis .img img{height:450px;}
		#top-vis .txt .btxt{font-size:41px}
		#top-vis .txt .stxt{font-size:18px;}
		#top-vis .txt .stxt1{font-size:17px;}
		
		
		#top-vis1 h2{font-size:35px;padding:0px 20px}
		#top-vis1 .img{height:450px;}
		#top-vis1 .img img{height:450px;}
		#top-vis1 .txt .btxt{font-size:41px}
		#top-vis1 .txt .stxt{font-size:18px;}
		#top-vis1 .txt .stxt1{font-size:17px;}
		
		#snbNav .home{background-size:20px auto;}
		
		#snbNav .sn_l1{min-width:144px;}
		#snbNav .sn_l1:last-child{min-width:190px;}
		#snbNav .sn_l2:nth-child(n+2){margin-top:10px;}
		#snbNav .sn_a1{font-size:15px; }
		#snbNav .sn_a2{font-size:15px;}
		
		#container-wrap.scontainer #contents{padding:80px 0px 100px 0px;min-height:500px}
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px) {
		#container-wrap{margin-top:10px;}
		#container-wrap.mcontainer #contents{padding:0 0 0 0 }
		#container-wrap.scontainer #contents{padding:70px 20px 100px 20px;}
		
		#top-vis h2{font-size:31px;padding:35px 20px}
		#top-vis .img{height:400px;}
		#top-vis .img img{height:400px;}
		#top-vis .txt .btxt{font-size:35px}
		#top-vis .txt .stxt{font-size:17px;}
		#top-vis .txt .stxt1{font-size:16px;}
		
		#top-vis1 h2{font-size:31px;padding:35px 20px}
		#top-vis1 .img{height:400px;}
		#top-vis1 .img img{height:400px;}
		#top-vis1 .txt .btxt{font-size:35px}
		#top-vis1 .txt .stxt{font-size:17px;}
		#top-vis1 .txt .stxt1{font-size:16px;}
		
		
		#snbNav ul li div{top:45px;}
		#snbNav .ov{padding-left:48px; height:45px;}
		#snbNav .home{width:46px;height:45px;}
		#snbNav .sn_l1:nth-child(n+2) .sn_a1:after{right:10px;}
		#snbNav .sn_a1{line-height:45px;}
		#snbNav .sn_a2{}
	}
	@media only screen and (max-width:680px) {
		#container-wrap.mcontainer #contents{padding:0 0 0 0 }
		#container-wrap.scontainer #contents{padding:50px 15px 70px 15px;}
		
		#top-vis h2{font-size:29px;padding:30px 20px}
		#top-vis .img{height:300px;}
		#top-vis .img img{height:300px;}
		#top-vis .txt .btxt{font-size:31px}
		#top-vis .txt .stxt{font-size:16px;}
		#top-vis .txt .stxt1{font-size:15px; line-height:1.3em;}
		
		#top-vis1 h2{font-size:29px;padding:30px 20px}
		#top-vis1 .img{height:300px;}
		#top-vis1 .img img{height:300px;}
		#top-vis1 .txt .btxt{font-size:31px}
		#top-vis1 .txt .stxt{font-size:16px;}
		#top-vis1 .txt .stxt1{font-size:15px; line-height:1.3em;}
		
		#snbNav .ov{padding-left:46px;} 
		#snbNav .home{width:44px;background-size:16px auto;}
		/* #snbNav .sn_l1{min-width:130px;}
		#snbNav .sn_l1:last-child{min-width:180px;} */
		#snbNav .sn_a1{font-size:14px; }
		#snbNav .sn_a2{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		#container-wrap.mcontainer #contents{padding:0 0 0 0 }
		#container-wrap.scontainer #contents{padding:40px 10px 70px 10px;}
		
		#top-vis h2{font-size:24px;padding:20px 20px}
		#top-vis .img{height:200px;}
		#top-vis .img img{height:200px;}
		#top-vis .txt .btxt{font-size:27px}
		#top-vis .txt .stxt{font-size:15px;}
		#top-vis .txt .stxt{font-size:14px;}
		
		#top-vis1 h2{font-size:24px;padding:20px 20px}
		#top-vis1 .img{height:200px;}
		#top-vis1 .img img{height:200px;}
		#top-vis1 .txt .btxt{font-size:27px}
		#top-vis1 .txt .stxt{font-size:15px;}
		#top-vis1 .txt .stxt{font-size:14px;}
		
		
		#snbNav ul li div{ border-right:none;}
		#snbNav .sn_l1{min-width:40%;}
		#snbNav .sn_l1:last-child{min-width:60%;}
		#snbNav .sn_l1:nth-child(n+2):after{display:none;}
		#snbNav .sn_a1{font-size:13px;}
		#snbNav .sn_a2{font-size:13px;}
	}
	@media only screen and (max-width:380px) {
		
	
	}

#quick-menu{position:fixed; z-index:4032; right:20px; top:250px; width:82px; border:1px solid #dedede; border-radius:28px; background:#f6f8fa; overflow:hidden;}
#quick-menu li{height:96px; width:80px; display:flex;align-items: center; justify-content: center;}
#quick-menu li:nth-child(n+2){border-top:1px solid #dedede}
#quick-menu li a{display:block; padding-top:40px; text-align:center;font-size:13px; font-weight:300; letter-spacing:-0.02em; line-height:1.15em;}
#quick-menu li:nth-child(1) a{background:url(../_Img/Layout/quick-ico01.jpg) no-repeat center 4px}
#quick-menu li:nth-child(2) a{background:url(../_Img/Layout/quick-ico02.jpg) no-repeat center 4px}
#quick-menu li:nth-child(3) a{background:url(../_Img/Layout/quick-ico03.jpg) no-repeat center 4px}
#quick-menu li:nth-child(4) a{background:url(../_Img/Layout/quick-ico05.jpg) no-repeat center 4px}
#quick-menu li:nth-child(5) a{background:url(../_Img/Layout/quick-ico04.jpg) no-repeat center 4px}
#quick-menu li:nth-child(6) a{background:url(/images/chat_bot.png) no-repeat center 4px;width:80px;padding-top:65px;}
	@media only screen and (max-width:1350px) {
		#quick-menu{right:15px;}
		#quick-menu li{height:88px;}
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px) {
		#quick-menu{display:none;}
	}




#quick-menu2{position:fixed; z-index:4032; right:20px; top:750px; width:82px; overflow:hidden;}
#quick-menu2 li{height:96px; width:80px; display:flex;align-items: center; justify-content: center;}
#quick-menu2 li:nth-child(n+2){border-top:1px solid #dedede}
#quick-menu2 li a{display:block; padding-top:40px; text-align:center;color:#000000;font-size:13px; font-weight:300; letter-spacing:-0.02em; line-height:1.15em;}
#quick-menu2 li:nth-child(1) a{background:url(/images/chat_bot.png) no-repeat center 4px;width:80px;padding-top:65px;}
	@media only screen and (max-width:1350px) {
		#quick-menu2{right:15px;}
		#quick-menu2 li{height:88px;}
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px) {
		#quick-menu2{display:none;}
	}





/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {background:#3e3e3e}
#footer{position:relative;text-align:left;}

.f-link{position:relative;}
.f-link:after{position:absolute; left:50%; width:20000px;height:100%; top:0; margin-left:-10000px; display:block; content:"";z-index:-1;background:#595959;}
.f-link ul{font-size:0;text-align:center;}
.f-link ul:after{display:block; content:"";clear:both;}
.f-link li{display:inline-block;vertical-align:top;}
.f-link li a{font-size:14px; color:#fff; line-height:60px ;display:block; letter-spacing:-0.02em;padding:0 15px; font-size:14px; color:#fff; font-weight:300;}

.f-info{position:relative; padding:37px 0;}
.f-info p{font-size:14px; color:#929292; letter-spacing:-0.02em; line-height:1.2em; font-weight:300;}

.f-info .in-comm{}
.f-info .in-comm span{display:inline-block;vertical-align:top}
.f-info .in-comm span:nth-child(1){display:block;margin-bottom:5px;}
.f-info .in-comm span:nth-child(n+3){margin-left:10px;}
.f-info .in-copy{margin-top:5px;letter-spacing:0.02em;;}



.f-sns_mobile{position:relative;  overflow: hidden; width: 237px; margin: 0 auto; bottom: 7px; }
.f-sns_mobile dl{ font-size:0}
.f-sns_mobile dt{color:#a3a3a3; font-weight:400; line-height:1.2em; font-size:12px; letter-spacing:-0.01em;margin-bottom:12px;}
.f-sns_mobile dd{display:inline-block;vertical-align:top}
.f-sns_mobile dd a{width:30px;height:30px; display:block;}
.f-sns_mobile dd:nth-child(n+3){margin-left:19px;}
.f-sns_mobile .f-sns_mobile00{background:url(/images/chat_bot_mobile.png) no-repeat center center; background-size:100% auto;}
.f-sns_mobile .f-sns01{background:url(../_Img/Layout/f-sns01.png) no-repeat center center; background-size:100% auto;}
.f-sns_mobile .f-sns02{background:url(../_Img/Layout/f-sns02.png) no-repeat center center; background-size:100% auto;}
.f-sns_mobile .f-sns03{background:url(../_Img/Layout/f-sns03.png) no-repeat center center; background-size:100% auto;}
.f-sns_mobile .f-sns04{background:url(../_Img/Layout/f-sns04.png) no-repeat center center; background-size:100% auto;}
.f-sns_mobile .f-sns05{background:url(../_Img/Layout/f-sns05.png) no-repeat center center; background-size:100% auto;}
.f-sns_mobile .f-sns06{background:url(../_Img/Layout/f-sns06.png) no-repeat center center; background-size:100% auto;}



.f-sns{position:relative;  overflow: hidden; width: 237px; margin: 0 auto; bottom: 7px; }
.f-sns dl{ font-size:0}
.f-sns dt{color:#a3a3a3; font-weight:400; line-height:1.2em; font-size:12px; letter-spacing:-0.01em;margin-bottom:12px;}
.f-sns dd{display:inline-block;vertical-align:top}
.f-sns dd a{width:30px;height:30px; display:block;}
.f-sns dd:nth-child(n+3){margin-left:19px;}

.f-sns .f-sns01{background:url(../_Img/Layout/f-sns01.png) no-repeat center center; background-size:100% auto;}
.f-sns .f-sns02{background:url(../_Img/Layout/f-sns02.png) no-repeat center center; background-size:100% auto;}
.f-sns .f-sns03{background:url(../_Img/Layout/f-sns03.png) no-repeat center center; background-size:100% auto;}
.f-sns .f-sns04{background:url(../_Img/Layout/f-sns04.png) no-repeat center center; background-size:100% auto;}
.f-sns .f-sns05{background:url(../_Img/Layout/f-sns05.png) no-repeat center center; background-size:100% auto;}
.f-sns .f-sns06{background:url(../_Img/Layout/f-sns06.png) no-repeat center center; background-size:100% auto;}



	@media only screen and (max-width:1350px) {
		.f-link li a{line-height:55px;}
		.f-sns{right:20px;}
	}
	@media only screen and (max-width:1100px) {
		.f-link li a{line-height:50px;}
		
		.f-sns{right:0;}
		.f-sns dd:nth-child(n+3){margin-left:15px;}
	}
	@media only screen and (max-width:999px) {
		#footer{padding:0}
		.f-link li{width:33.333333%;box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.15)}
		.f-link li:nth-child(3n+1){border-left:none;}
		.f-link li:nth-child(n+4){/*border-top:1px solid rgba(255,255,255,0.15)*/}
		.f-link li a{line-height:40px; padding:0; font-size:13px;}

		.f-info{padding:40px 20px;text-align:center;}
		.f-info .in-comm span:nth-child(1){display:inline-block;vertical-align:top;;margin-bottom:0;}
		.f-info .in-comm span:nth-child(2){margin-left:10px;}
		.f-info .in-comm span:nth-child(3){margin-left:10px;}
		.f-info .in-comm span:nth-child(4){display:block;margin-top:5px; margin-bottom:5px;margin-left:0;}
		.f-info .in-comm span:nth-child(n+4){margin-left:0;}
		
		.f-info .in-copy{margin-top:15px;letter-spacing:0.02em;opacity:0.5; font-size:13px;}
		.f-info p{word-break: keep-all;}

		.f-sns{position:relative; right:auto; bottom:auto; margin-top:35px;}
		.f-sns dl{text-align:center;}
		.f-sns dd:nth-child(n+3){margin-left:12px;}
	}
	@media only screen and (max-width:680px) {
		.f-link li a{font-size:12px;}
		.f-link li a{line-height:38px;font-size:13px;}
		
		.f-info{padding:35px 15px}
		
		.f-sns dt{margin-bottom:7px;}
		.f-sns dd a{width:36px;height:36px;}
		.f-sns dd:nth-child(n+3){margin-left:7px;}
		.f-sns_mobile dd a{width:32px;height:40px;}
	}
	@media only screen and (max-width:480px) {
		.f-link li{width:32.5%; border-bottom:1px solid rgba(255,255,255,0.15);}
		.f-link li:nth-child(3n+1){width:35%; }
		.f-link li a{line-height:36px;font-size:12px;}
		.f-link li:nth-child(4){border-bottom:0px solid rgba(255,255,255,0.15); }
		.f-link li:nth-child(5){border-bottom:0px solid rgba(255,255,255,0.15); }
		.f-link li:nth-child(6){border-bottom:0px solid rgba(255,255,255,0.15); }

		.f-info{padding:30px 10px}
		.f-info p{font-size:13px;}
		.f-info .in-copy{font-size:12px;}
		.f-info .in-copy span{display:block;}
		.f-info .in-comm span:nth-child(2){margin-left:7px;}
		.f-info .in-comm span:nth-child(3){display:block;margin-top:5px; margin-bottom:5px;margin-left:0;}

.f-sns .f-sns00{background:url(/images/chat_bot_mobile.png) no-repeat center center; background-size:100% auto;}
		.f-sns{ padding-top: 40px; right: -23%;}
		.f-sns dd a{width:35px;height:40px;}

	}
	@media only screen and (max-width:380px) {
		.f-link li a{font-size:11px;}
	}