@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
	#wrap #header {width:100%;margin:0;padding:0;}
	#wrap #container {width:100%;margin:0;padding:0;}
	#wrap #footer {width:100%;margin:0;padding:0;}
		/* #container 안의 레이아웃 */
	#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
	#contents_wrap #side_box {width:100%;padding:5.6% 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
	#contents_wrap #contents_box {width:100%;padding:5.6% 0 9.2% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
	#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
		/* navigation layout */
	#contents_wrap .nav_wrap {box-sizing:border-box;}
		/* #content */
	#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
	#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
	#content .sub_content:after {clear:both;content:"";display:block;}
		/* 컨텐츠 전체 가로 사이즈 */
	.w_custom {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}

	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
		#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
		.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1023px) {
		#contents_wrap #side_box {padding:4.8% 0 0 0;}
		#contents_wrap #contents_box {padding:4.8% 0 8.4% 0;}
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding:4.2% 0 0 0;}
		#contents_wrap #contents_box {padding:4.2% 0 8.4% 0;}
	}
	@media only screen and (max-width:767px) {
		/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
		#contents_wrap #side_box {display:none;}
	}
	@media only screen and (max-width:640px) {
		#contents_wrap #contents_box {padding:4.2% 0 12.4% 0;}
	}
	@media only screen and (max-width:479px) {
		#contents_wrap #contents_box {padding:4.2% 0 13% 0;}
	}


/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
	/*** company/history (연혁) ***/
		/* 연도 */
	.sub_history.history1 .history_box .his_year .year strong {background:#0d2e64;}
	/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#0d2e64;}
	/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #0d2e64;border-color:#0d2e64 !important;}

	/*** company/history2 (연혁2) ***/
		/* 연도 */
	.sub_history.history2 .history_box .his_year .year strong {color:#0d2e64;}
	.sub_history.history2 .history_box .his_year .year strong::before {background:#0d2e64;}
	.sub_history.history2 .history_box .his_year .year strong::after {border-color:#0d2e64;}

	/*** company/history3 (연혁3) ***/
		/* 연도 */
	.sub_history.history3 .history_box table.history span {color:#0d2e64;}

	/*** company/work (조직도1번) ***/
	.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#0d2e64;}








/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	.header {background: rgba(0,0,0,0.2);border-bottom:none;position: fixed;width:100%;margin:0 auto;z-index:100;border-bottom:0px;}
	.header .head_inner{position:relative;height: 100%;}
	.header .head_inner h1{position:absolute;left:30px;top:20px;z-index:90;}
	.header .head_inner h1 a{display:block;z-index: 100;width:200px;height:50px;background:url("../images/skin/hd_logo.png") no-repeat 0 0;background-size:100% auto;}
	.header .head_inner #lnb{text-align:center;}
	.header .head_inner #lnb .head_inner{}
	.header .head_inner #lnb .head_inner #lnb_nav{}
	.header .head_inner #lnb .head_inner #lnb_nav li{display:inline-block;vertical-align:middle;}
	.header .head_inner #lnb .head_inner #lnb_nav li + li{padding-left:114px;}
	.header .head_inner #lnb .head_inner #lnb_nav li a{font-size:18px;color:#fff;display:block;line-height: 90px;position:relative;}
	.header .head_inner #lnb .head_inner #lnb_nav li a::after {transition:0.5s;width:0;height:2px;background:#EEA600;position:absolute;left:0;bottom: 30px;content:"";display:inline-block;}
	
	.header .head_inner #lnb .head_inner #lnb_nav li a.hov,
	.header .head_inner #lnb .head_inner #lnb_nav li a.on{color:#EEA600;}
	.header .head_inner #lnb .head_inner #lnb_nav li:hover a::after,
	.header .head_inner #lnb .head_inner #lnb_nav li a.on::after {width:100%;}

	.header .gnb_right{position:absolute;right:30px;top: 50%;margin-top: -13px;}
	.header .gnb_right ul{}
	.header .gnb_right ul li{display:inline-block;vertical-align:middle;}
	.header .gnb_right ul li + li{padding-left:30px;}
	.header .gnb_right ul li a{display:block;font-size:14px;color:#fff;}
	.header .gnb_right ul,
	.header .gnb_right .btn_mMenu{display:inline-block;vertical-align:middle;}
	.header .gnb_right .btn_mMenu{padding-left:30px;position: relative;width: 30px;height: 26px;}
	.header .gnb_right .btn_mMenu a{display:block;}

	.menu-trigger, .menu-trigger2 {width:100%;height: 26px;padding: 0;box-sizing:border-box;margin:0;display:inline-block;font-size: 0;position:relative;}
	.menu-trigger span, .menu-trigger2 span {transition:0.3s;position:absolute;right:0px;width: 30px;height:2px;background-color:#fff;border-radius:2px;}
	.menu-trigger2 span{border-radius:2px;}
	.menu-trigger, .menu-trigger span, .menu-trigger2, .menu-trigger2 span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	.menu-trigger span:nth-of-type(1), .menu-trigger2 span:nth-of-type(1) {top: 0;}
	.menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2) {top: 12px;}
	.menu-trigger span:nth-of-type(3), .menu-trigger2 span:nth-of-type(3) {top: 23px;}
	.menu-trigger.active-1, .menu-trigger2.active-1 {margin-top: 5px;}
	.menu-trigger.active-1 span, .menu-trigger2.active-1 span{background:#fff;width: 22px;}
	.menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (8px) rotate (-45deg);transform: translateY(8px) rotate(-45deg);}
	.menu-trigger.active-1 span:nth-of-type(2), .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
	.menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-15px) rotate(45deg);}

	.aside_bg {left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index: 2;position:fixed;}
	.aside_bg.on {opacity:1;}

	#aside {top:0px;right:-420px;width: 420px;transition:0.8s;height:100%;z-index: 120;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background: #EEA600;}
	#aside.on {right:0%;}
	#aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y:auto;overflow-x: hidden;position:relative;z-index:1;box-sizing:border-box;}
	#aside .aside_box .aside_lnb {width:100%;max-width:100%;padding: 0;max-height:100%;box-sizing:border-box;text-align:center;}
	#aside .aside_box .mo_menuTitle {border-bottom: 1px solid #fff;padding: 25px 30px;position:relative;margin:0;}
	#aside .aside_box .mo_menuTitle .mo_logo,
	#aside .aside_box .mo_menuTitle .btn_mMenuClose {vertical-align:top;}
	#aside .aside_box .mo_menuTitle .mo_logo {display:inline-block;float:left;}
	#aside .aside_box .mo_menuTitle .mo_logo img {width:auto;height:42px;}
	#aside .aside_box .mo_menuTitle .btn_mMenuClose {width:36px;height:38px;position:absolute;top:28px;right: 26px;}

	#aside ul.slidemenu {padding: 10px 30px 0;}/*overflow:scroll;height:100%;*/
	#aside ul.slidemenu > li {text-align:left;}
	#aside ul.slidemenu > li + li {}
	#aside ul.slidemenu > li.now > ul {display:block;}
	#aside ul.slidemenu > li > a {position:relative;display:block;}
	#aside ul.slidemenu > li > a span{width: 100%;font-size:18px;color: #ffffff;font-weight:500;padding: 27px 20px;line-height: 18px;box-sizing: border-box;display: block;border-bottom: 1px solid #ffd064;font-weight: 400;}
	#aside ul.slidemenu > li > a.has_child span{background: url(../images/skin/bg_subMenu_open.png) no-repeat 94% 50%;background-size:20px;}
	#aside ul.slidemenu > li > a.now {}
	#aside ul.slidemenu > li > a.now span{background: url(../images/skin/bg_subMenu_close.png) no-repeat 94% 50%;background-size:20px;}
	#aside ul.slidemenu > li > a.now > ul {display:block;}
	#aside ul.slidemenu > li > ul {background-color: #dc9a02;padding: 20px 0;display:none;border: 1px solid #ffd064;border-width: 0 0 1px;}
	#aside ul.slidemenu > li > ul > li {}
	#aside ul.slidemenu > li > ul > li a {width:100%;font-size:16px;line-height: 50px;padding: 0 30px;color: #fff;font-weight:400;display: block;box-sizing: border-box;}
	#aside ul.slidemenu > li > ul > li a:hover, 
	#aside ul.slidemenu li dl dd a.on {font-weight:400;}

	#aside .cate_glMenu {width:100%;text-align:center;font-size: 0;margin: 50px 0 0 0;}
	#aside .cate_glMenu li {position:relative;display:inline-block;vertical-align: middle;}
	#aside .cate_glMenu li + li {margin-left: 17px;padding-left: 17px;}
	#aside .cate_glMenu li + li::before {content:"";width:1px;height:10px;position:absolute;top: 50%;left: 0;background: #fff;margin-top: -5px;}
	#aside .cate_glMenu li a {font-size:16px;color:#fff;line-height: 16px;display: block;}

	/* main header */
	.header.main {background: rgba(0,0,0,0.7);border-bottom:none;position: fixed;width:100%;margin:0 auto;z-index:100;border-bottom:0px;}
	.header.main .head_inner h1 a{background:url("../images/skin/hd_logo_w.png") no-repeat 0 0;background-size:100% auto;}
	.header.main .head_inner #lnb .head_inner #lnb_nav li a{color:#fff;}
	.header.main .menu-trigger span,
	.header.main  .menu-trigger2 span{background:#fff;}
	.header.main .gnb_right ul li a{color:#eee;}
	.header.main .head_inner #lnb .head_inner #lnb_nav li a.hov{color:#EEA600;}
	.header.main .head_inner #lnb .head_inner #lnb_nav li a::after,
	.header.main .head_inner #lnb .head_inner #lnb_nav li a::after {background:#EEA600;z-index:10}

	@media only screen and (max-width:1200px) {	
		.header .head_inner h1{top: 50%;margin-top: -19px;}
		.header .head_inner h1 a{width:150px;}
		.header .head_inner #lnb .head_inner #lnb_nav li + li{padding-left:40px;}
		.header .head_inner #lnb .head_inner #lnb_nav li a{font-size:16px;line-height: 80px;}
		.header .gnb_right ul{display:none;}
	}
	@media only screen and (max-width:1023px) {
		.header .head_inner h1{margin-top:-15px;}
		.header .head_inner h1 a{width:130px;}
	}
	@media only screen and (max-width:860px) {
		.header{height: 75px;}
		.header .head_inner h1{left:50%;margin-top:0;transform:translate(-50%, -50%);}
		.header .head_inner h1 a{width: 190px;}
		.header .head_inner #lnb{display:none;}
		#aside{width:49%;right:-49%;}
		#aside .aside_box .mo_menuTitle{padding:15px 20px;}
		#aside .aside_box .mo_menuTitle .mo_logo img{height:45px;}
		#aside .aside_box .mo_menuTitle .btn_mMenuClose{top:23px;right:30px;}
		.menu-trigger.active-1 span, .menu-trigger2.active-1 span{width:34px;}
		#aside ul.slidemenu{padding:6px 25px 0;}
		#aside ul.slidemenu > li > a span{font-size:23px;padding:28px 12px;line-height:23px;background-size:auto 23px;background-position: 96.5% 50%;}
		#aside ul.slidemenu > li > a.has_child span{background-size:23px;background-position: 96.5% 50%;}
		#aside .cate_glMenu li a{font-size:21px;line-height: 21px;}
		#aside .cate_glMenu li + li{margin-left:21px;padding-left:23px;}
		#aside .cate_glMenu li + li::before{height:15px;margin-top: -7px;}
		#aside ul.slidemenu > li > ul > li a{line-height:60px;font-size:21px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		.header{height:60px;}
		.header .head_inner h1 a{width:145px;height:36px;}
		.header .gnb_right{right:15px;margin-top: -11px;}
		.header .gnb_right .btn_mMenu{width:25px;height:22px;}		
		.menu-trigger, .menu-trigger2 {height: 22px;padding: 0;}
		.menu-trigger span, .menu-trigger2 span {width:24px;}
		.menu-trigger.active-1, .menu-trigger2.active-1 {margin-top: 12px;}
		.menu-trigger span:nth-of-type(1), .menu-trigger2 span:nth-of-type(1) {top: 0;}
		.menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2) {top: 10px;}
		.menu-trigger span:nth-of-type(3), .menu-trigger2 span:nth-of-type(3) {top: 20px;}
		.menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}
		#aside{width: 70%;right: -80%;}
		#aside.on {right:0%;}
		#aside .aside_box .mo_menuTitle{padding: 12px 20px;}
		#aside .aside_box .mo_menuTitle .mo_logo img{height: 36px;}
		#aside .aside_box .mo_menuTitle .btn_mMenuClose{width: 22px;height: 22px;top: 8px;right: 27px;}
		.menu-trigger.active-1 span, .menu-trigger2.active-1 span{width:27px;}
		#aside ul.slidemenu{padding:10px 20px;}
		#aside ul.slidemenu > li > a span{font-size: 19px;line-height: 19px;padding: 20px 15px;}
		#aside ul.slidemenu > li > a span,
		#aside ul.slidemenu > li > a.has_child span{background-size:15px;background-position: 96% 50%;}
		#aside ul.slidemenu > li > ul{padding:15px 0;}
		#aside ul.slidemenu > li > ul > li a{font-size:14px;padding: 0 25px;line-height: 40px;}		
		#aside .cate_glMenu {margin:40px 0 0 0;}
		#aside .cate_glMenu li + li {margin-left:20px;padding-left:21px;}
		#aside .cate_glMenu li a {font-size: 18px;line-height: 18px;}
	}

	@media only screen and (max-width:479px) {
	}





/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/

	#footerWrap {width:100%;background: #222;}
	#footerWrap .footerTop {width:100%;background:#292929;margin-bottom:35px}
	#footerWrap .footerTop .footer_nav {text-align:center;}
	#footerWrap .footerTop .footer_nav li {display:inline-block;position:relative;vertical-align:middle;}
	#footerWrap .footerTop .footer_nav li + li {margin-left: 36px;}
	#footerWrap .footerTop .footer_nav li + li::before {content:"";width:10px;height:1px;background:#7f7f7f;position:absolute;top: 50%;left: -24px;}
	#footerWrap .footerTop .footer_nav li a {font-size:14px;color:#fff;line-height: 50px;}
	#footerWrap .footerTop .footer_nav li.point a {font-weight: 500;}

	#footerWrap  .footerBottom {}
	#footerWrap  .footerBottom address {width:100%;text-align:center;font-style:normal;font-size:12px;color:#888;line-height: 24px;} 
	#footerWrap  .footerBottom address br{display:none;}
	#footerWrap  .footerBottom address span{display: inline-block;vertical-align: middle;}
	#footerWrap  .footerBottom address span + span {margin-left: 25px;}
	#footerWrap  .footerBottom address br + span {margin-left:20px}
	#footerWrap  .footerBottom .copy {text-align:center;font-size:12px;color:#666;padding: 19px 0 40px;line-height: 12px;}

	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1023px) {

	}
	@media only screen and (max-width:860px) {
		#footerWrap .footerTop{margin-bottom:25px;}
		#footerWrap .footerTop .footer_nav li + li {margin-left:42px;}
		#footerWrap .footerTop .footer_nav li + li::before {content:"";width:15px;left:-28px;}
		#footerWrap .footerTop .footer_nav li a{line-height:60px;font-size:16px;}

		#footerWrap  .footerBottom address{line-height:25px;}
		#footerWrap  .footerBottom address span{font-size:15px;}
		#footerWrap  .footerBottom address br{display:block;}
		#footerWrap  .footerBottom address br + span{margin-left:0px;}
		#footerWrap  .footerBottom .copy {font-size:15px;padding: 11px 0 30px;line-height:15px;}
	}
	@media only screen and (max-width:767px) {
		
	}
	@media only screen and (max-width:640px) {
		#footerWrap .footerTop{margin-bottom:25px;}
		#footerWrap .footerTop .footer_nav li + li {margin-left: 6%;}
		#footerWrap .footerTop .footer_nav li + li::before {display:none;}
		#footerWrap .footerTop .footer_nav li a{line-height:50px;font-size:15px;}
		#footerWrap  .footerBottom address{line-height:25px;}
		#footerWrap  .footerBottom address span{font-size:15px;}
		#footerWrap  .footerBottom address span + span{margin-left:25px;}
		#footerWrap  .footerBottom address span + span + span{display:block;margin-left:0px;}
		#footerWrap  .footerBottom address br{display: none;}
		#footerWrap  .footerBottom address + address span + span{margin-left:0px;}
		#footerWrap  .footerBottom .copy {font-size:15px;padding: 17px 0 32px;line-height:15px;}
	}
	@media only screen and (max-width:479px) {
		#footerWrap .footerTop .footer_nav li a,
		#footerWrap  .footerBottom address span{font-size:13px;}
		#footerWrap  .footerBottom .copy{font-size:12px;}

	}




/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/

	#side_box {padding-bottom:1.8%;}
	#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
	#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
	#side_box .sub_menu dt,
	#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
	#side_box .sub_menu dt {display:none;}
	#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 14px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd + dd {}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:14px;font-weight:400;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
	#side_box .sub_menu dd:hover a,
	#side_box .sub_menu dd.on a,
	#side_box .sub_menu dd strong {border-color:#eea600;color:#eea600;position:relative;}
	#side_box .sub_menu dd:hover a:before,
	#side_box .sub_menu dd.on a:before, 
	#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#eea600;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

	@media only screen and (max-width:1200px) {

	}
	@media only screen and (max-width:1023px) {
		
	}
	@media only screen and (max-width:860px) {
		#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:767px) {

	}
	@media only screen and (max-width:640px) {
		#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
		#side_box .sub_menu dd a,
		#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
	}
	@media only screen and (max-width:479px) {
		#side_box {display:none;}
	}





/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/

	.main_visual {width:100%;min-width:1200px;margin:0;height:840px;}
	.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:840px;}
	.main_visual .slick-slide a {display:inline-block;height:100%;width:1920px;max-width:1920px;margin:0 auto;text-align:Center;transform:translateX(-50%);position:absolute;left:50%;top:0;outline:0;}
	.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
	.main_visual .slick-arrow {display:inline-block;position:absolute;top:50%;margin-top:0;text-indent:-9999px;width:25px;height:48px;z-index:10;overflow:hidden;line-height:48px;}
	.main_visual .slick-arrow.slick-prev {left:20px;transform:translate(-0, -50%);background:url("../images/skin/btn_slidePrev.png") no-repeat;}
	.main_visual .slick-arrow.slick-next {right:20px;transform:translate(0, -50%);background:url("../images/skin/btn_slideNext.png") no-repeat;}
	.main_visual .auto_control {display:none;/*display:block;*/ position:absolute;right:20px;bottom:20px;font-size:0px;}
	.main_visual .auto_control a {display:inline-block;width:auto;height:auto;font-size:25px;font-weight:bold;margin-left:10px;text-shadow:#ffffff 0px 0px 5px;}
	.main_visual .auto_control a.on {color:#fff;text-shadow:#000 0px 0px 5px;}
	.main_visual ul.slick-dots {width:auto;font-size:0;position:absolute;top:auto;bottom:53px;left:50%;transform:translateX(-50%);height:1px;text-align:left;display:inline-block;}
	.main_visual ul.slick-dots:after {clear:both;content:"";display:block;}
	.main_visual ul.slick-dots li {display:inline-block;padding:0;text-align:left;border:0;background:none;box-sizing:border-box;width:14px;height:14px;vertical-align:top;margin:0;}
	.main_visual ul.slick-dots li + li {margin-left:14px;}
	.main_visual ul.slick-dots li button {vertical-align:top;margin:0;padding:0;display:inline-block;box-sizing:border-box;width:100%;height:14px;border-radius:100px;border:3px solid #fff;outline:0;font-size:0;}
	.main_visual ul.slick-dots li.slick-active button {background:#fff;}

	.main .main_tit{padding: 100px 0 50px;text-align:center;}
	.main .main_tit h4,
	.main .main_tit span{display:block;word-break:keep-all;}
	.main .main_tit h4 + span{margin:22px 0 0 0;}
	.main .main_tit h4{font-size:36px;line-height:36px;color:#333333;font-weight:500;}
	.main .main_tit span{font-size:16px;line-height:16px;color:#666666;}

	.main .w_set{padding: 0 0 100px 0;width:1200px;margin:0 auto;}

	.contactWrap {width:100%;background:#EEA600}
	.contactWrap .contact {width:1200px;margin:0 auto;padding: 0;height:140px;box-sizing:border-box;line-height: 140px;position: relative;}
	.contactWrap .contact .contactTitle {color:#fff;position:relative;padding-left:40px;float:left;font-size: 34px;font-weight: 600;}
	.contactWrap .contact .contactTitle::before {content:"";width:24px;height:2px;background:#fff;position:absolute;top: 50%;left:0;margin-top: -1px;}
	.contactWrap .contact .contactList {padding: 0 0 0 100px;text-align:center;font-size: 0;margin: 0px;}
	.contactWrap .contact .contactList li {display:inline-block;font-size:20px;color:#fff;padding-left: 37px;font-weight: 400;}
	.contactWrap .contact .contactList li + li {margin-left:50px}
	.contactWrap .contact .contactList li.call {background: url("../images/skin/icon_call.png") no-repeat left 50%;}
	.contactWrap .contact .contactList li.fax {background:url("../images/skin/icon_fax.png") no-repeat 0 center}
	.contactWrap .contact .contactList li.mail {background:url("../images/skin/icon_mail.png") no-repeat 0 center}
	.contactWrap .contact .contactTitle,
	.contactWrap .contact .contactList{display:inline-block;vertical-align:middle;}
	.contactWrap .contact .online {position: absolute;padding: 0 49px 0 18px;color:#fff;border:1px solid #fff;background: url("../images/skin/bg_onlineLink.png") no-repeat right 20px center;font-size:18px;right: 0;height: 50px;box-sizing: border-box;line-height: 50px;top: 50%;margin-top: -25px;transition:0.4s;}
	.contactWrap .contact .online:hover {background: #fff url("../images/skin/bg_onlineLink_on.png") no-repeat right 20px center;color:#EEA600;#border:1px solid #fff;}

	.businessWrap,
	.memberWrap,
	.exampleWrap {width:100%;}

	.businessWrap .business {}
	.businessWrap .business .businessList {padding-top: 15px;overflow:hidden;font-size: 0;text-align: center;} 
	.businessWrap .business .businessList li {width: 24%;display: inline-block;vertical-align: top;}
	.businessWrap .business .businessList li .img span{display:block;height:108px;background-repeat:no-repeat;background-position:center;}
	.businessWrap .business .businessList li .img .img_bs_list01 {background-image:url("../images/skin/bs_List01.png");background-size:auto;}
	.businessWrap .business .businessList li .img .img_bs_list02 {background-image:url("../images/skin/bs_List02.png");background-size:auto ;}
	.businessWrap .business .businessList li .img .img_bs_list03 {background-image:url("../images/skin/bs_List03.png");background-size:auto ;}
	.businessWrap .business .businessList li .img .img_bs_list04 {background-image:url("../images/skin/bs_List04.png");background-size:auto ;}
	.businessWrap .business .businessList li .txt strong {font-size:24px;color:#333;display: block;line-height: 24px;margin: 42px auto 15px;font-weight:500;}
	.businessWrap .business .businessList li .txt span {font-size:16px;color:#666;font-weight:400;line-height: 23px;margin: 0 auto;}
	.businessWrap .business .businessList li .txt span.for_m{display:none;}
	.businessWrap .business .businessList li .txt strong,
	.businessWrap .business .businessList li .txt span{display:block;text-align:center;}

	.main .memberWrap .main_tit h4,
	.main .memberWrap .main_tit span{color:#fff;}
	.memberWrap {background:url("../images/skin/bg_member.jpg") no-repeat 0 0;background-attachment:fixed;background-size:cover;}
	.memberWrap .member {text-align:center;}
	.memberWrap .member ul {overflow:hidden;margin-bottom: 50px;}
	.memberWrap .member ul li {width: 22.3%;float:left;position:relative;}
	.memberWrap .member ul li + li {margin-left:3.5%}
	.memberWrap .member ul li .thumb {width:100%;}
	.memberWrap .member ul li .thumb a {width:100%;/* height:100%; */padding-top: 100%;display: block;overflow: hidden;}
	.memberWrap .member ul li .thumb a img {width:100%;display: block;position: absolute;top: 0;left: 0;}
	.memberWrap .member ul li .txt {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);box-sizing:border-box;display:none;transition:0.4s;}
	.memberWrap .member ul li .txt a {display:block;width:100%;height:100%;overflow: hidden;padding: 0 20px;box-sizing: border-box;}
	.memberWrap .member ul li .txt div{display: block;vertical-align:middle;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: calc(100% - 70px);}
	.memberWrap .member ul li .txt div span.tit {font-size:22px;color:#fff;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align:center;line-height: 22px;}
	.memberWrap .member ul li .txt div span.con {font-size:16px;color:#fff;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;margin-top: 15px;text-align:center;line-height: 16px;}
	.memberWrap .member ul li .txt div span.btn_bbs_read {font-size:14px;color:#fff;display: inline-block;margin-top: 47px;text-align:center;padding-bottom: 3px;border-bottom: 1px solid #fff;line-height: 14px;}
	.memberWrap .member ul li:hover .txt {display:block;transition:0.4s;}
	.memberWrap .member .memberMore {height: 50px;transition:0.4s;padding: 0 60px 0 23px;border:1px solid #aaaaaa;background: url("../images/skin/bg_subMenu_open.png") no-repeat right 25px center;background-size:13px;color:#fff;font-size:18px;display:inline-block;margin:0 auto;line-height: 50px;}
	.memberWrap .member .memberMore:hover {transition:0.4s;background:#EEA600 url("../images/skin/bg_subMenu_open.png") no-repeat right 25px center;border:1px solid #15305b;background-size:13px}
	.memberWrap .member ul li.no_data{color:#fff;text-align:center;width:100%;}
	.exampleWrap {background:#eeeeee;}
	.exampleWrap .example {text-align:center;box-sizing:border-box;}
	.exampleWrap .example ul {padding-top: 0;overflow:hidden;}
	.exampleWrap .example ul li {width: 31.1%;float:left;border:1px solid #dddddd;box-sizing:border-box;position:relative;background:#fff;overflow:hidden;}
	.exampleWrap .example ul li::before {content:"";width:0;height:0;border-top:4px solid #15305b;border-left:4px solid #15305b;opacity:0;position:absolute;top:0;left:0;transition:all 0.5s;-webkit-transition:all 0.5s}
	.exampleWrap .example ul li::after {content:"";width:0;height:0;border-bottom:4px solid #15305b;border-right:4px solid #15305b;opacity:0;position:absolute;bottom:0;right:0;transition:all 0.5s;-webkit-transition:all 0.5s}
	.exampleWrap .example ul li:hover::before {content:"";width:100%;height:100%;border-top:4px solid #15305b;border-left:4px solid #15305b;opacity:1;position:absolute;top:0;left:0;transition:all 0.5s;-webkit-transition:all 0.5s}
	.exampleWrap .example ul li:hover::after {content:"";width:100%;height:100%;border-bottom:4px solid #15305b;border-right:4px solid #15305b;opacity:1;position:absolute;bottom:0;right:0;transition:all 0.5s;-webkit-transition:all 0.5s}
	.exampleWrap .example ul li + li {margin-left: 3.3%;}
	.exampleWrap .example ul li a {padding: 32px 30px 30px;display:block;position:relative;z-index:100}
	.exampleWrap .example ul li a::before {content:"";width:20px;height:1px;background:#333;position:absolute;top:46px;left: 0;display:block;}
	.exampleWrap .example ul li .title {font-size:20px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;margin-bottom: 17px;position:relative;text-align:left;display:block;}
	.exampleWrap .example ul li .cnt {font-size:16px;color:#666;line-height: 23px;text-align:left;float:none;height: 71px;display:block;margin-bottom: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.exampleWrap .example ul li .date {font-size:14px;color:#aaa;text-align:left;display:block;line-height: 14px;}
	.exampleWrap .example .memberMore {height: 50px;transition:0.4s;padding: 0 60px 0 23px;border:1px solid #666;background: url("../images/skin/bg_subMenu_open_b.png") no-repeat right 25px center;background-size:13px;color:#666;font-size:18px;display:inline-block;margin:0 auto;line-height: 50px;}
	.exampleWrap .example .memberMore:hover {transition:0.4s;background:#EEA600 url("../images/skin/bg_subMenu_open.png") no-repeat right 25px center;border:1px solid #EEA600;background-size:13px;color:#fff;}
	.locationWrap {}
	.locationWrap .location {}
	.locationWrap .location .map {font-size:0px;height:400px;}

	@media only screen and (max-width:1380px) {
		.main_visual {min-width:100%;height:auto;}
		.main_visual .slick-slide {height:auto;}
		.main_visual .slick-slide a {width:100%;max-width:100%;transform:translateX(0%);position:static;left:0%;top:0;}
		.main_visual .slick-slide img {max-width:100%;}
	}
	@media only screen and (max-width:1296px) {
	}
	@media only screen and (max-width:1200px) {
		.main_visual ul.slick-dots {bottom:7%;}
		.main .w_set{width:calc(100% - 20px);}
		.contactWrap .contact{line-height:120px;height:120px;width:calc(100% - 20px);}
		.contactWrap .contact .contactTitle{font-size:27px;padding-left:28px;}
		.contactWrap .contact .contactTitle::before{width:17px;}
		.contactWrap .contact .contactList {padding:0 0 0 6.5%;}
		.contactWrap .contact .contactList li{font-size:19px;padding-left:30px;}
		.contactWrap .contact .contactList li + li{margin-left:25px;}
		.contactWrap .contact .contactList li.call {background-size: auto 20px;}
		.contactWrap .contact .contactList li.fax {background-size: auto 23px;}
		.contactWrap .contact .contactList li.mail {background-size: auto 15px;}
		.memberWrap {background-size:auto 100%;}
	}
	@media only screen and (max-width:1023px) {
		.main .main_tit{padding:70px 0 30px;}
		.main .main_tit h4 + span{margin:18px 0 0 0;}
		.main .main_tit h4{font-size:29px;line-height:29px;}
		.main .main_tit span{font-size:18px;line-height:18px;}
		.contactWrap .contact .online,
		.contactWrap .contact .online:hover{color:#fff;border:1px solid #fff;background: url("../images/skin/bg_onlineLink.png") no-repeat right 20px center;}
		.main .w_set{padding:0 0 70px;}
		.businessWrap .business .businessList li .img span{height:80px;}
		.businessWrap .business .businessList li .txt strong{font-size:20px;line-height:20px;margin:30px 0 10px;}
		.businessWrap .business .businessList li .txt span{font-size:18px;line-height:23px;}
		.businessWrap .business .businessList li .txt span.for_pc{display:none;}
		.businessWrap .business .businessList li .txt span.for_m{display:block;padding:0 10px;}
		.memberWrap{background-attachment: inherit;background-position: 80%;}
		.memberWrap .member ul{margin-bottom:40px;}
		.memberWrap .member ul li{width: 32%;}
		.memberWrap .member ul li + li{margin-left: 2%;}
		.memberWrap .member ul li:nth-of-type(n+4){display:none;}
		.memberWrap .member ul li .txt{display:none !important;}
		.memberWrap .member .memberMore,
		.memberWrap .member .memberMore:hover{border:1px solid #aaaaaa;padding: 0 47px 0 22px;background: url("../images/skin/bg_subMenu_open.png") no-repeat right 20px center;background-size: auto 15px;}
		.exampleWrap .example ul li{width:48.5%;}
		.exampleWrap .example ul li + li{margin-left:3%;}
		.exampleWrap .example ul li:after,
		.exampleWrap .example ul li:before{display:none;}
		.exampleWrap .example ul li:nth-of-type(n+3){display:none;}
		.exampleWrap .example ul li a{padding:20px 21px;}
		.exampleWrap .example ul li a::before {content:"";width: 14px;top: 28px;}
		.exampleWrap .example ul li .title {font-size:19px;line-height:19px;margin-bottom: 11px;}
		.exampleWrap .example ul li .cnt {font-size:18px;line-height: 24px;height: 72px;margin-bottom: 26px;}
		.exampleWrap .example ul li .date {font-size:17px;line-height: 17px;}
		.exampleWrap .example .memberMore,
		.exampleWrap .example .memberMore:hover{border:1px solid #666;color:#666;padding: 0 47px 0 22px;background: url("../images/skin/bg_subMenu_open_b.png") no-repeat right 20px center;background-size: auto 15px;}
		.locationWrap .location .map{height:300px;overflow:hidden;}
	}
	@media only screen and (max-width:990px) {
		.contactWrap .contact .contactList li.mail{display:none;}
	}
	@media only screen and (max-width:860px) {
		.businessWrap .business .businessList li .txt span{font-size:17px;word-break:keep-all;}
	}
	@media only screen and (max-width:767px) {
		.main_visual {}
		.main_visual .slick-slide {}
		.main_visual .slick-slide a {}
		.main_visual .slick-slide img {}
		.main_visual .slick-arrow {display:none !important;}
		.main_visual ul.slick-dots {bottom:4%;}
		.main_visual ul.slick-dots li + li{margin-left:10px;}
		.main_visual ul.slick-dots li button{width:13px;height:13px;border-width:2px;}
		.contactWrap .contact{height:auto;padding: 30px 0;line-height:inherit;box-sizing:border-box;width: calc(100% - 30px);}
		.contactWrap .contact .contactTitle, 
		.contactWrap .contact .contactList{display:block;width:100%;}
		.contactWrap .contact .contactTitle{text-align: center;padding-left: 0px;padding-bottom:27px;}
		.contactWrap .contact .contactTitle:before{content:"";display:none;}
		.contactWrap .contact .contactList{clear:both;text-align:left;padding-left:0px;}
		.contactWrap .contact .contactList li{display:block;}
		.contactWrap .contact .contactList li + li{margin-top:13px;margin-left:0px;}
		.contactWrap .contact .online{font-size:17px;padding: 0 53px 0 18px;margin-top:-3px;}
	}
	@media only screen and (max-width:640px) {
		.main_visual ul.slick-dots {bottom:4.5%;}
		.main_visual ul.slick-dots li button{width:10px;height:10px;}
		.main .main_tit{padding:60px 0 40px;}
		.main .main_tit h4 + span{margin:15px 0 0 0;}
		.main .main_tit h4{font-size:29px;line-height:1.4;}
		.main .main_tit span{font-size:14px;line-height:22px;}
		.main .w_set{width:calc(100% - 30px);padding:0 0 60px;}
		.businessWrap .business .businessList li{width:49%;}
		.businessWrap .business .businessList li:nth-of-type(n+3){margin-top:30px;}
		.businessWrap .business .businessList li .txt strong{font-size:18px;line-height:18px;}
		.businessWrap .business .businessList li .txt span{font-size:14px;}
		.businessWrap .business .businessList li .txt span br{display:block;}
		
		.memberWrap .member ul{margin-bottom:30px;}
		.memberWrap .member ul li{width: 48.5%;}
		.memberWrap .member ul li + li{margin-left: 3%;}
		.memberWrap .member ul li:nth-of-type(n+3){display:none;}
		.memberWrap .member .memberMore,
		.memberWrap .member .memberMore:hover{height:45px;line-height:45px;padding: 0 46px 0 20px;font-size:17px;}
		.exampleWrap .example ul li{width:100%;float:none;;}
		.exampleWrap .example ul li + li{margin-left:0;margin-top:15px;}
		.exampleWrap .example ul li:after,
		.exampleWrap .example ul li:before{display:none;}
		.exampleWrap .example ul li:nth-of-type(n+3){display:none;}
		.exampleWrap .example ul li a{padding:20px 21px;}
		.exampleWrap .example ul li a::before {content:"";width: 14px;top: 28px;}
		.exampleWrap .example ul li .title {}
		.exampleWrap .example ul li .cnt {margin-bottom:30px;height:48px;-webkit-line-clamp: 2;}
		.exampleWrap .example ul li .date {}
		.exampleWrap .example .memberMore,
		.exampleWrap .example .memberMore:hover{height:45px;line-height:45px;padding: 0 46px 0 20px;font-size:17px;}
		.locationWrap .location .map{height:230px;overflow:hidden;}
	
	}

	@media only screen and (max-width:479px) {
		.contactWrap .contact .online{font-size: 14px;padding: 0 35px 0 8px;margin-top:14px;background-size: auto 5px;background-position: 82px;height: 40px;line-height: 40px;}
	
	}	

	@media screen and (max-width:320px) {
		
	}