@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;border-top: 0;position: relative;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:0;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 7.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;overflow: visible;}

@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 6.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 6.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 10.4% 0;}
}
@media only screen and (max-width:479px) {
	#contents_wrap #contents_box {padding:4.2% 0 12% 0;}
}


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

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

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

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

/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;}
.sub_chart.chart2 .chart h3:before{border-color:#0095da;}
.sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;}
.sub_chart.chart2 .chart h3:after,
.sub_chart.chart2 .chart h4:after,
.sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;}


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

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

───────────────────────────────────────────────────────────*/
	#wrap #header {width:100%;padding: 0;box-sizing:border-box;background:#fff;position:fixed;width:100%;left:0;top:0;z-index: 500;}
	#header .header_inner {position:relative;text-align:center;z-index: 1;height:100%;margin:0 auto;border-bottom: 1px solid #ddd;}
	#header .header_inner .logo {position:absolute;left: 40px;top: 0;height: 100%;display: flex;align-items: center;}
	#header .header_inner .logo a {background: url('../images/skin/logo.png') no-repeat left center / auto 100%;font-size:0;width: 200px;height: 60%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

	#header #lnb_nav {display: inline-block;}
	#header #lnb_nav .dep1_li {display: inline-block;vertical-align: top;box-sizing: border-box;text-align: left;}
	#header #lnb_nav .dep1_li:hover {border-color: #333;}
	#header #lnb_nav .dep1_li + .dep1_li {}
	#header #lnb_nav .dep1_li .dep1_a {display:block;font-size: 20px;color: #222;line-height: 4.8;text-transform: uppercase;padding: 0 32.5px;}
	#header #lnb_nav .dep1_li:hover .dep1_a {color:#0e4194;}
	#header #lnb_nav .dep1_li .dep2 {display:none;width:100%;position: absolute;left: 0;top: 96px;background: #fff;height: 60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	#header #lnb_nav .dep1_li:hover .dep2 {display:block;}
	#header #lnb_nav .dep1_li .dep2 ul {position:absolute;top:0;}
	#header #lnb_nav .dep1_li .dep2 li {display:inline-block;vertical-align:middle;}
	#header #lnb_nav .dep1_li .dep2 li + li {margin-left:38px;}
	#header #lnb_nav .dep1_li .dep2 li a {display:block;color:#666;line-height:3.7;text-align: center;font-size:16px;color:#333;font-weight:300;}
	#header #lnb_nav .dep1_li .dep2 li a:hover {font-weight:600;color:#0e4194;}

	#header #lnb_nav .dep1_li:nth-of-type(1) .dep2 ul {left:50%;margin-left: -229px;}
	#header #lnb_nav .dep1_li:nth-of-type(2) .dep2 ul {left:50%;margin-left: -66px;}
	#header #lnb_nav .dep1_li:nth-of-type(3) .dep2 ul {left:50%;margin-left: 97px;}
	#header #lnb_nav .dep1_li:nth-of-type(4) .dep2 ul {left:50%;margin-left: 97px;}
	#header #lnb_nav .dep1_li:nth-of-type(5) .dep2 ul {left:50%;margin-left: 257px;}

	#header .hd_gnb {position: absolute;right:40px;top: 50%;transform: translateY(-50%);}

	#header .hd_gnb .hd_contact {padding:0 20px;line-height: 2.6;color: #777;border:1px solid #aaa;border-radius:40px;font-size:15px;margin-right:30px;transition:all .2s;}
	#header .hd_gnb .lang {height:100%;width:46px;border: 1px solid #ccc;text-align:center;position: relative;box-sizing: border-box;z-index: 1;}
	#header .hd_gnb .lang strong {display:block;cursor:pointer;font-size: 14px;line-height: 46px;color: #666666;font-weight:400;text-transform: uppercase;}
	#header .hd_gnb .lang ul {display:none;position: absolute;top: calc(100% + 1px);border: 1px solid #c0c0c0;background: #fff;width: calc(100% + 2px);left: -1px;box-sizing: border-box;border-top: 0;z-index: 1;}
	#header .hd_gnb .lang ul li {}
	#header .hd_gnb .lang ul li a {font-size:13px;line-height:40px;color:#888888;padding:0 14px;display:block;}

	#header .hd_gnb .hd_contact,
	#header .hd_gnb .lang,
	#header .hd_gnb .hd_menu {display:inline-block;vertical-align:middle;}

	#header .gnb_bg {display: none;width: 100%;height:180px;position: absolute;top: 100%;left: 0;z-index: 0;background:#fff;}

		#header .hd_gnb .hd_menu {box-sizing:border-box;width:34px;height:31px;}
		#header .hd_gnb .hd_menu .menu-trigger span {background-color:#444;}
		#header .hd_gnb .hd_menu .menu-trigger {position:relative;display: block;width: 100%;height: 100%;box-sizing: border-box;}
		#header .hd_gnb .hd_menu .menu-trigger span {transition:0.3s;position:absolute;width: 100%;height:2px;background-color:#333;right: 0;margin-left: 0;}
		#header .hd_gnb .hd_menu .menu-trigger span:nth-of-type(1) {top: 0;}
		#header .hd_gnb .menu-trigger span:nth-of-type(2) {top: 50%;margin-top: -1px;width:24px;}
		#header .hd_gnb .menu-trigger span:nth-of-type(3) {bottom: 0;}

		#aside {top:0px;right: -1000px;width: 1000px;transition:0.8s;height:100%;box-sizing:border-box;position:fixed;background: #fff;z-index: 502;display: table;}
		#aside.on {right:0%;}
		
		#aside .aside_box {width:100%;margin:0;padding: 0 80px 0 100px;position:relative;z-index:1;box-sizing:border-box;display: table-cell;vertical-align: middle;}
		#aside .aside_box .logo {}
		#aside .aside_box .logo a {display: block;background: url(../images/skin/logo_on.png) no-repeat 0 0;font-size: 0;width: 251px;height: 21px;background-size: auto 100%;}
		#aside .aside_box .aside_contact {display:none;}
		#aside .aside_box .btn_aside_close {}
		#aside .aside_box .btn_aside_close {position:Absolute;right: 40px;top: 30px;width: 33px;height: 33px;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 {width:100%;height: 100%;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span {transition:0.3s;position:absolute;width: 100%;height:2px;background-color: #222;left: 0;top: 14px;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (0) rotate (-45deg);transform: translateY(0) rotate(-45deg);}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
		#aside .aside_box .btn_aside_close .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}

		#aside ul.asidemenu {width: 100%;}
		#aside ul.asidemenu > li {border-bottom:1px solid #ddd;}
		#aside ul.asidemenu li ul {}
		#aside ul.asidemenu li a {display:block;padding: 0;box-sizing:border-box;}
		#aside ul.asidemenu li a.on ul {}
		#aside ul.asidemenu li.aside_tit {font-size:0;}
		#aside ul.asidemenu li.aside_tit > a,
		#aside ul.asidemenu li.aside_tit ul,
		#aside ul.asidemenu li .depth2 li,
		#aside .aside_login li,
		#aside .aside_login li a {display:inline-block;vertical-align: middle;}
		#aside ul.asidemenu li.aside_tit > a,
		#aside ul.asidemenu li.aside_tit ul {line-height: 4.2;}
		#aside ul.asidemenu li.aside_tit > a {padding: 0 0.8em;font-size:24px;color:#333;font-weight:500;width:215px;box-sizing:border-box;}
		#aside ul.asidemenu li .depth2 {}
		#aside ul.asidemenu li .depth2 li {}
		#aside ul.asidemenu li .depth2 li + li {}
		#aside ul.asidemenu li .depth2 li a {font-size:18px;color:#333;font-weight:300;padding: 0 1.2em;}
		#aside ul.asidemenu li .depth2 li:hover a {color:#0e4194;font-weight:400;}
		#aside ul.asidemenu li .depth2 .depth3 {padding: 0;padding: 0;}
		#aside ul.asidemenu li .depth2 .depth3 li {}
		#aside ul.asidemenu li .depth2 .depth3 li a {}
		#aside ul.asidemenu li .depth2 .depth4 {}
		#aside ul.asidemenu li .depth2 .depth4 li {}
		#aside ul.asidemenu li .depth2 .depth4 li a {}

		#aside .aside_login {text-align:center;margin:80px 0 0;}
		#aside .aside_login li {}
		#aside .aside_login li + li {}
		#aside .aside_login li + li a:before {content:'';display:inline-block;vertical-align:middle;width:1px;height:12px;background:#ddd;margin: 0 15px 4px 12px;}
		#aside .aside_login li a {font-size:18px;color:#666;line-height:1;font-weight:300;}

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


		/* header on */
		#wrap #header,
		#header .header_inner .logo a,
		#header #lnb_nav li a,
		#header .hd_gnb .gnb li a,
		#header .hd_gnb .hd_btn .hd_search,
		#header .hd_gnb .hd_btn .hd_menu,
		#header .hd_gnb .hd_btn .hd_menu .menu-trigger span {transition:all 0.2s;}

		#wrap #header.on {background:transparent;border-bottom:1px solid rgba(255,255,255,0.2);}
		#wrap #header.main_hd.on,
		#wrap #header.main_hd {}
		#header.on .header_inner {border-bottom: 0;}
		#header.on .header_inner .logo a {filter: brightness(0) invert(1);}
		#header.on #lnb_nav .dep1_li .dep1_a {color:#fff;}
		#header.on .hd_gnb .hd_contact {border-color:#ddd;color:#ddd;}
		#header.on .hd_menu {border-color: #c2c6ce;}
		#header.on .hd_menu .menu-trigger span {background-color:#fff;}

	@media only screen and (max-width:1600px) {
		#header .header_inner .logo {}
	}

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

	@media only screen and (max-width:1320px) {
		#header .header_inner .logo {left:50px;}
		#header #lnb_nav .dep1_li .dep1_a {font-size: 18px;padding: 0 20px;}
		#header #lnb_nav .dep1_li .dep2 {top: 86px;}
		#header #lnb_nav .dep1_li .dep2 a {font-size:13px;}
		#header #lnb_nav .dep1_li:nth-of-type(1) .dep2 ul {left:50%;margin-left: -260px;}
		#header #lnb_nav .dep1_li:nth-of-type(2) .dep2 ul {left:50%;margin-left: -153px;}
		#header #lnb_nav .dep1_li:nth-of-type(3) .dep2 ul {left:50%;margin-left: -40px;}
		#header #lnb_nav .dep1_li:nth-of-type(4) .dep2 ul {left:50%;margin-left: 68px;}
		#header #lnb_nav .dep1_li:nth-of-type(5) .dep2 ul {left:50%;margin-left: 193px;}

		#aside .aside_box .aside_logo {margin-bottom:4%}
		#aside .aside_box .aside_logo a {background-size:auto 100%;height:20px;}
		#aside ul.aside_menu .dep1_li + .dep1_li {margin-top: 0;margin-left: 5%;}
		#aside ul.aside_menu .dep1_li .dep1_a span {font-size:20px;line-height:40px;padding:0 20px;}
		#aside ul.aside_menu .dep1_li .dep2 {padding:10px 0 0 20px;}
		#aside ul.aside_menu .dep1_li .dep2 li a {font-size:16px;line-height:16px;}
		#aside .aside_box .aside_btm .aside_call {background-size:auto 40px;padding-top:70px;}
		#aside .aside_btm .gnb li a {font-size:16px;}

	}
	@media only screen and (max-width:1217px) {
		#header .header_inner .logo {left: 20px;}
		#header #lnb_nav .dep1_li {margin: 0;padding: 0;}

		#header .hd_gnb {right:20px;}
		#header .hd_gnb .hd_contact {padding: 0 10px;font-size: 13px;}
		#header .hd_gnb .hd_menu {height: 25px;width: 30px;}
	}
	@media only screen and (max-width: 1023px) {
		#aside {width:calc(100% - 100px);right:-100%;}
		#aside .aside_box .btn_aside_close {right:20px;top:20px;width:30px;height:30px;}
		#aside .aside_box {padding:0 50px 0 30px;}
		#aside ul.asidemenu.for_pc {display:block;}
		#aside ul.asidemenu li.aside_tit > a {font-size:20px;}
		#aside ul.asidemenu li .depth2 li a {font-size:16px;}
		#aside .aside_login li a {font-size:16px;}

	}
	@media only screen and (max-width: 980px) {
		#header .header_inner {height: 80px;width: calc(100% - 50px);margin: 0 auto;border-bottom:0;}
		#header .header_inner:after {content:' ';width: 1000%;height:1px;background:#ddd;display:block;position: absolute;left: -50%;bottom: 0;}
		#header.on .header_inner:after {display:none;}
		#header .header_inner .logo {left:0;}
		#header #lnb_nav {display:none;}
		#header .hd_gnb {right: 0;}

	}
	@media only screen and (max-width:860px) {
		#header .header_inner {height:60px;width:calc(100% - 40px);}
		#header .hd_gnb .hd_contact {margin-right:15px;}
		#aside {width: calc(100% - 50px);}
		#aside ul.asidemenu li.aside_tit > a {font-size:16px;width:120px;}
		#aside ul.asidemenu li .depth2 li a {font-size:15px;}
		#aside .aside_login {padding-top: 40px;margin-top: 20px;border-top: 1px solid #dddddd;}
		#aside .aside_login li a {font-size:14px;}
		
	}
	@media only screen and (max-width:767px) {
		#header .header_inner .logo {}
		#aside  {display:block;}
		#aside .aside_box {display:block;padding: 73px 30px 88px;overflow: auto;height: 100%;}
		#aside .aside_box .aside_contact {display:block;position:absolute;left:15px;top:15px;padding:0 18px;line-height: 2.4;color: #777;border:1px solid #aaa;border-radius:2.4em;font-size:15px;}
		#aside ul.asidemenu.for_pc {display:none;}
		#aside ul.asidemenu.for_m {display:block;}
		#aside ul.slidemenu {margin: 0;display: block;}
		#aside ul.slidemenu li {text-align:center;}
		#aside ul.slidemenu li ul {display:none;}
		#aside ul.slidemenu li a {display:block;position:relative;padding: 0;color: #333;box-sizing:border-box;}
		#aside ul.slidemenu li a.on ul {display:block;}
		#aside ul.slidemenu li.group_tit {}
		#aside ul.slidemenu li.group_tit a {font-size: 24px;line-height: 2.8;font-weight: 500;position:relative;}
		#aside ul.slidemenu li.group_tit > a:after {content:'';display:block;width: 9px;height: 9px;border-top: 2px solid #aaa;border-left: 2px solid #aaa;position: absolute;right: 15px;top: 50%;margin-top: -8.5px;transform: rotate(225deg);transition: all .2s;}
		#aside ul.slidemenu li.group_tit > a.on {transition:all .4s;}
		#aside ul.slidemenu li.group_tit > a.on:after {border-top: 2px solid #333;border-left: 2px solid #333;transform: rotate(45deg);margin-top: -4.5px;}
		#aside ul.slidemenu li .depth2 {padding: 17.5px 0;}
		#aside ul.slidemenu li .depth2 li {border-bottom: 0;}
		#aside ul.slidemenu li .depth2 li a {display:inline-block;width:100%;font-size: 18px;line-height: 2.95;color: #333;font-weight: 300;-webkit-text-stroke: 0;}
		#aside ul.slidemenu li .depth2 .depth3 {padding: 0;padding: 0;}
		#aside ul.slidemenu li .depth2 .depth3 li {}
		#aside ul.slidemenu li .depth2 .depth3 li a {font-size: 15px;}
		#aside ul.slidemenu li .depth2 .depth4 {padding: 0;padding: 0;}
		#aside ul.slidemenu li .depth2 .depth4 li {}
		#aside ul.slidemenu li .depth2 .depth4 li a {font-size: 13px;}

	}
	@media only screen and (max-width:640px) {
	}
	@media only screen and (max-width: 479px) {
		#header .header_inner .logo {}
		#header .header_inner {height:55px;}

		#header .hd_gnb .hd_contact {display:none;}
		#header .hd_gnb .hd_menu {width:25px;height:18px;}
		#header .hd_gnb .hd_menu .menu-trigger {}
		#header .hd_gnb .hd_menu .menu-trigger span {height:1px;}
		#header .hd_gnb .hd_menu .menu-trigger span:nth-of-type(1) {}
		#header .hd_gnb .hd_menu .menu-trigger span:nth-of-type(3) {}

		#aside {right:-100%;width:100%;}
		#aside .aside_box .logo a {height:19px;}
		#aside .aside_box .aside_contact {padding:0 10px;font-size:13px;}
		#aside ul.slidemenu {margin: 0;}
		#aside ul.slidemenu li.group_tit a {font-size:23px;}
		#aside ul.slidemenu li .depth2 {padding:0 0 13px 0;}
		#aside ul.slidemenu li .depth2 li a {font-size:17px;}
	}





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

	 FOOTER | outline/footer.html

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

	#footer {background:#222;}
	#footer .ft_nav {border-bottom:1px solid #333;}
	#footer .ft_nav .w_custom {font-size:0;position:relative;}
	#footer .ft_nav .w_custom .ft_menu li {display:inline-block;vertical-align:middle;font-size:14px;}
	#footer .ft_nav .w_custom .ft_menu li + li {margin-left:1.57em;}
	#footer .ft_nav .w_custom .ft_menu li a,
	#footer .ft_nav .w_custom .ft_menu li a strong {display:block;line-height:4.5;font-size:inherit;color:#aaa;font-weight:400;}
	#footer .ft_nav .w_custom .ft_menu li a strong {color:#fff;}
	#footer .ft_nav .w_custom .ft_family {position:absolute;right:0;top:0;height:100%;width:200px;border-left:1px solid #333;border-right:1px solid #333;}
	#footer .ft_nav .w_custom .ft_family dt {width:100%;font-size:16px;line-height: 3.93;color:#888;padding:0 20px;box-sizing:border-box;cursor: pointer;background:url('../images/skin/ico_family_arw.png') no-repeat 90%;transition:all .2s;font-weight:400;}
	#footer .ft_nav .w_custom .ft_family.on dt {background:url('../images/skin/ico_family_arw_on.png') no-repeat 90%;}
	#footer .ft_nav .w_custom .ft_family dd {position:absolute;left:0;top: 100%;width:100%;background: #333;display:none;transition:all .2s;}
	#footer .ft_nav .w_custom .ft_family.on dd {display:block;}
	#footer .ft_nav .w_custom .ft_family dd ul {padding:10px;}
	#footer .ft_nav .w_custom .ft_family dd ul li {margin: 5px 0;}
	#footer .ft_nav .w_custom .ft_family dd ul li a {display:block;font-size:13px;line-height:1.7;color:#fff;font-weight:300;}

	#footer .ft_btm {padding:33px 0;}
	#footer .ft_btm .w_custom {padding: 0 0 0 125px;background: url('../images/skin/ft_logo.png') no-repeat left center / 100px auto;}
	#footer .ft_btm .ft_info {font-size:14px;line-height:2;color:#777;}
	#footer .ft_btm .ft_info span {display:inline-block;width:1px;height:10px;background:#444;margin:0 8px;}
	#footer .ft_btm .copyright {font-size:13px;line-height:1;color:#666;font-weight:400;margin-top: 1.5em;}

	#footer .btn_top {font-size:14px;color:#fff;position:fixed;right: 105px;bottom: 37px;height:58px;width:58px;box-sizing:border-box;display:inline-block;line-height:1;background: #0e4194 url('../images/skin/ico_top_arw.png') no-repeat center 14px;border-radius: 100%;text-align: center;padding-top: 30px;}
	#footer .btn_top:after {content:' ';}

	@media only screen and (max-width:1217px) {
		#footer .ft_btm .w_custom {padding-left:125px !important;background-position: 12px center;background-size: 90px auto;}
		#footer .btn_top {right:20px;bottom:20px;width: 50px;height: 50px;padding-top: 25px;font-size: 13px;}
	}
	@media only screen and (max-width:1023px) {
	}
	@media only screen and (max-width:860px) {
		#footer .ft_btm {padding:20px 0 30px;}
		#footer .ft_btm .w_custom {padding-left:12px !important;background:none;}
	}
	@media only screen and (max-width:767px) {
	}
	@media only screen and (max-width:640px) {
		#footer .ft_nav .w_custom .ft_menu li a, 
		#footer .ft_nav .w_custom .ft_menu li a strong {line-height:3.6;}
		#footer .ft_nav .w_custom .ft_menu li {}
		#footer .ft_nav .w_custom .ft_family {display:none;}
		#footer .ft_btm {padding:15px 0 30px;}
		#footer .ft_btm .w_custom {padding:0;background:none;}
		#footer .ft_btm .ft_info {}
		#footer .ft_btm .ft_info .for_m + span {display:none;}
		#footer .ft_btm .copyright {margin-top:1.2em;}
		#footer .btn_top {background:url('../images/skin/ico_top_arw_m.png') no-repeat center #0e4194;font-size:0;padding-top:0;width:40px;height:40px;right:15px;bottom:70px;background-size:auto 7px;}
	}
	@media only screen and (max-width:479px) {
		#footer .btn_top {bottom:100px;}
	}




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

	 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 12px;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:15px;font-weight:600;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:#333;color:#333;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:#333;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

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


	@keyframes move_scroll {
		0% {height:0;}
		50% {height:100%;}
	}


	@-webkit-keyframes fadeUp {
		0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
		100% {opacity: 1;-webkit-transform: none;transform: none;}
	}

	@keyframes fadeUp {
		0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}
		100% {opacity: 1;-webkit-transform: none;transform: none;}
	}

	@-webkit-keyframes fadeRight {
		0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);}
		100% {opacity: 1;-webkit-transform: none;transform: none;}
	}

	@keyframes fadeRight {
		0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);}
		100% {opacity: 1;-webkit-transform: none;transform: none;}
	}

	@keyframes aniswiper{
		0%{ left:100%; } 
		100%{ left:0; }
	}
	@-webkit-keyframes aniswiper{
		0%{ left:100%; } 
		100%{ left:0; }
	}
	@keyframes aniswiper-prev{
		0%{ right:100%; } 
		100%{ right:0; }
	}
	@-webkit-keyframes aniswiper-prev{
		0%{ right:100%; } 
		100%{ right:0; }
	}

	.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
	.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}

	/* visual */
		.main_visual {width:100%;min-width:1200px;margin: 0;height:980px;position:relative;background:#000000;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height: 980px;}
		.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;z-index:50;}

		.main_visual .img { position:absolute; left:0; right:0; top:0; bottom:0; height:980px; overflow:hidden; }
		.main_visual .img .in { position:absolute; right:0; width:100vw; min-width:1200px; top:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }

		.main_visual .txt_box {position:relative;z-index:5;top:50%;width: auto;margin: 0 auto;transform: translateY(-50%);color:#fff;}
		.main_visual .txt_box b,
		.main_visual .txt_box p,
		.main_visual .txt_box span {display:block;color:#fff;line-height: 1.2;}
		.main_visual .txt_box p,
		.main_visual .txt_box b {font-size: inherit;}
		.main_visual .txt_box p {font-weight:300;}
		.main_visual .txt_box b {font-weight:500;margin: 0.43em 0 0;}
		.main_visual .txt_box span {font-size: inherit;font-weight: inherit;line-height: inherit;}
	
		.main_visual .txt_box .in {display:block;position: relative;transition:all 800ms ease;}
		.main_visual .txt_box .top_txt {position:relative;text-align:center;height: auto;margin-bottom: 0.77em;overflow:hidden;box-sizing:content-box;font-size: 62px;}
		.main_visual .txt_box .top_txt .in {transform: translateY(100%);font-size: inherit;}
		.main_visual .txt_box .btm_txt {position:relative;height: 1em;margin: 0;line-height: 1;font-size: 22px;font-weight: 300;text-align:center;overflow: hidden;}
		.main_visual .txt_box .btm_txt .text-wrap { position:relative; display:block; height:3em; overflow:hidden; }
		.main_visual .txt_box .btm_txt .in {transform: translateY(-100%);}

		.main_visual .slick-arrow {width:70px;height:70px;font-size:0;top:50%;margin-top:-35px;position: absolute;z-index: 50;}
		.main_visual .slick-arrow.slick-prev {background:url('../images/skin/main_sld_prev.png') no-repeat 0 0;left:40px;}
		.main_visual .slick-arrow.slick-next {background:url('../images/skin/main_sld_next.png') no-repeat 0 0;right:40px;}

		/* scroll_btn */
			.scroll_btn {position:absolute;left: 50%;bottom:0;text-align:center;cursor: pointer;transform: translateX(-50%);z-index: 555;}
			.scroll_btn .line {height:50px;width:1px;background:#949494;margin: 0 auto;position:relative;}
			.scroll_btn .line .line_on {display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#fff;animation-name: move_scroll;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function: linear;}
			.scroll_btn .txt {font-size:14px;line-height:1;color:#fff;margin: 0 0 15px;}

	/* visual active */
		.main_visual .active .img,
		.main_visual .slick-active .img { -webkit-animation:aniswiper 600ms both; animation:aniswiper 600ms both; }
		.main_visual .active .img .in,
		.main_visual .slick-active .img .in {}
		.main_visual .active .txt_box,
		.main_visual .slick-active .txt_box { z-index:3; }
		.main_visual .active .txt_box .img,
		.main_visual .slick-active .txt_box .img { -webkit-animation:aniswiper 600ms both; animation:aniswiper 600ms both; }
		.main_visual .active .txt_box .top_txt .in,
		.main_visual .slick-active .txt_box .top_txt .in {transform: translateY(0);transition-delay:300ms;}
		.main_visual .active .txt_box .btm_txt .in,
		.main_visual .slick-active .txt_box .btm_txt .in {transform: translateY(0);transition-delay:300ms;}

	/* 메인 공통 */
		.main {}
		.tit_box {text-align:center;}
		.tit_box h3 {font-size: 54px;line-height:1;color:#333;font-weight: 400;word-break:keep-all;}
		.tit_box p {font-size:22px;line-height:1.5;color:#444;font-weight: 300;word-break:keep-all;}
		.tit_box h3 + p {margin-top:1.31em;}
		.section{overflow: hidden;padding:100px 0;} 
		.section:has(.sns_list){padding-top:0;}
		.sns_list{display:flex; gap:40px; justify-content:space-between;}
		.sns_list li{position:relative;}
		.sns_list .link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5;}
		.sns_list .desc{text-align:center;}
		.sns_list .desc dt{font-size:0; height:150px;}
			.sns_list .desc dt + dd{margin-top:20px;}
		.sns_list .desc dd{font-size:26px; font-weight:500; color:#333;}

	/* main_count */
		.main_count {background:#0e4194;}
		.main_count ul {font-size:0;}
		.main_count ul li {display:inline-block;vertical-align:top;width:25%;text-align:center;box-sizing: border-box;}
		.main_count ul li + li {border-left:1px solid #2c5495;}
		.main_count ul li p,
		.main_count ul li strong,
		.main_count ul li strong span {line-height:1;color:#fff;}
		.main_count ul li p {padding-top:3.9em;font-size:26px;}
		.main_count ul li:nth-of-type(1) p {background:url('../images/skin/main_count_ico01.png') no-repeat center top;}
		.main_count ul li:nth-of-type(2) p {background:url('../images/skin/main_count_ico02.png') no-repeat center top;}
		.main_count ul li:nth-of-type(3) p {background:url('../images/skin/main_count_ico03.png') no-repeat center top;}
		.main_count ul li:nth-of-type(4) p {background:url('../images/skin/main_count_ico04.png') no-repeat center top;}
		.main_count ul li strong {display:block;margin-top:0.5em;font-size: 20px;color:#d9e0ec;font-weight:400;}
		.main_count ul li strong span {font-size: 60px;}

	/* main_bnr */
		.main_bnr {background:url('../images/skin/main_bnr_bg.jpg') no-repeat center;background-size:cover;padding: 140px 0;}
		.main_bnr .tit_box h3,
		.main_bnr .tit_box p {color:#fff;}
		.main_bnr ul {font-size:0;margin-top: 54px;}
		.main_bnr ul li {display:inline-block;vertical-align:top;position:relative;z-index:1;color:#eee;transition:0.3s linear;background-repeat:no-repeat;background-position:center;height:400px;width: 33.3%;}
		.main_bnr ul li:nth-of-type(1) {background-size:cover;background-image:url('../images/skin/main_bnr01.jpg');}
		.main_bnr ul li:nth-of-type(2) {background-size:cover;background-image:url('../images/skin/main_bnr02.jpg');margin-top:40px;}
		.main_bnr ul li:nth-of-type(3) {background-size:cover;background-image:url('../images/skin/main_bnr03.jpg');}
		.main_bnr ul li:after {content:'';display:block;position:absolute;right:0;bottom:0;left:0;top:0;background:#000;opacity:0;}
		.main_bnr ul li .link {display:none;position:absolute;left:0;top:0;bottom:0;right:0;z-index:5;}
		.main_bnr ul li div {position:absolute;left:0;bottom:0;right:0;margin:40px 50px;z-index: 7;}
		.main_bnr ul li strong {display:block;font-size:30px;line-height:1;font-weight: 400;}
		.main_bnr ul li p {margin:22px 0 44px;font-size:18px;line-height:1.5;font-weight: 300;}
		.main_bnr ul li a {display:inline-block;padding: 0 1.7em;line-height:50px;font-size:18px;box-sizing:border-box;height:0;transition:height 0.3s linear;overflow: hidden;font-weight: 300;cursor: pointer;transition:all .2s;color: #fff;}
		.main_bnr ul li:hover {-webkit-box-shadow: 10px 10px 17px 5px rgba(0,0,0,0.58);-moz-box-shadow: 10px 10px 17px 5px rgba(0,0,0,0.58);box-shadow: 10px 10px 17px 5px rgba(0,0,0,0.58);}
		.main_bnr ul li:hover:after {opacity:0.6;}
		.main_bnr ul li:hover a {height:2.7em;border: 1px solid #fff;}
		.main_bnr ul li a:hover {background:#0e4194;color:#fff;border-color:#0e4194;}

	/* main_story */
		.story_ul {margin-top:40px;}
		.story_ul .slick-list {padding: 0 23% !important;}
		.story_ul li {position:relative;z-index:1;padding:0 75px;font-size: 0;}
		.story_ul li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		.story_ul .img {position:relative;padding-bottom: 55.6%;}
		.story_ul .img:after {content:'';display:block;background:#000;opacity:0.5;transition: all .2s;position:absolute;left:0;top:0;bottom:0;right:0;}
		.story_ul .img:after {content:"";display:block;width:100%;height:100%;background:#000;opacity:0.5;position:Absolute;left:0;top:0;transition: all .2s;}
		.story_ul .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
		.story_ul .box {position:relative;padding-right: 150px;box-sizing: border-box;}
		.story_ul .box .tit {font-size:24px;line-height:1.3;color:#333;margin-top:1.06em;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
		.story_ul .box .cont {font-size:20px;line-height:1.15;color:#666;margin-top:0.5em;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
		.story_ul .box .more {display:inline-block;position:absolute;right:0;bottom:8px;padding:0 1.6em;line-height:2.7;border:1px solid #aaa;font-size:18px;color:#666;}
		.story_ul .slick-arrow {display: block;width: 50px;height: 50px;position:absolute;top: calc(50% - 45px);margin-top: -25px;font-size:0;z-index: 50;}
		.story_ul .slick-arrow.slick-prev {left: 22%;background:url('../images/skin/main_story_prev.png') no-repeat center;}
		.story_ul .slick-arrow.slick-next {right: 22%;background:url('../images/skin/main_story_next.png') no-repeat center;}
		.story_ul .slick-arrow.slick-prev:hover {background:url('../images/skin/main_story_prev_on.png') no-repeat center;}
		.story_ul .slick-arrow.slick-next:hover {background:url('../images/skin/main_story_next_on.png') no-repeat center;}
		
		.story_ul .slick-active .img {-webkit-box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.75);box-shadow: 0px 10px 31px 0px rgba(0,0,0,0.75);}
		.story_ul .slick-active .img:after {opacity:0;}

	/* main_social */
		.main_social {position: relative;padding-top: 0 !important;}
		.main_social .tit_box {position:absolute;left: 50%;top: 20.5%;z-index: 50;margin-left: -600px;font-weight: 300;}
		.main_social .tit_box h3 {font-size: 18px;color: rgba(255,255,255,0.8);}
		.main_social ul {font-size: 0;}
		.main_social ul li {position:relative;height: auto;overflow: hidden;padding: 90px 0 120px;color: #fff;}
		.main_social ul li .w_custom {}
		.main_social ul li .img {width:100%;height:1000px;background-repeat:no-repeat;background-position:center bottom;overflow: hidden;transition:all .8s;position: absolute;left:50%;top:50%;transform: translate(-50%, -20%);z-index: -1;}
		.main_social ul li.social01 .img {background-size:cover;background-image:url('../images/skin/main_social_img01.jpg');}
		.main_social ul li.social02 .img {background-size:cover;background-image:url('../images/skin/main_social_img02.jpg');}
		.main_social ul li.social03 .img {background-size:cover;background-image:url('../images/skin/main_social_img03.jpg');}
		.main_social ul li a {position:absolute;left:0;top:0;right:0;bottom:0;}
		.main_social ul li .tit {font-size:40px;line-height:1;color:inherit;padding-top:1em;font-weight:300;width: 440px;float: left;}
		.main_social ul li .txt {font-size:24px;line-height:1.6;color:inherit;font-weight:300;width: calc(100% - 440px);float: right;word-break: keep-all;}
		.main_social ul li .txt strong {font-size:inherit;line-height:inherit;font-weight:500;}
		.main_social ul li span {display:block;margin-top:4.37em;font-size:16px;line-height:1;color:inherit;}
		.main_social ul li span:after {content:'';display:inline-block;vertical-align: top;width:13px;height:13px;background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),transparent;background-position:center;background-size: 100% 1px, 1px 100%;background-repeat:no-repeat;margin-left: 10px;}
 		.main_social .slick-arrow {display: block;width: 48px;height: 48px;position:absolute;bottom: 120px;font-size:0;border: 1px solid #c8c8c8;border-radius: 100%;z-index: 5;}
 		.main_social .slick-arrow:after {content:'';display:block;width: 8px;height: 8px;border-top: 2px solid #fff;border-left: 2px solid #fff;margin: 0 auto;transition: all .2s;}
		.main_social .slick-arrow.slick-prev {transform: rotate(-45deg);left: 50%;margin-left: -600px;}
		.main_social .slick-arrow.slick-next {transform: rotate(135deg);left: 50%;margin-left: -543px;}
		.main_social .slick-arrow:hover {background:#fff;}
		.main_social .slick-arrow:hover:after {border-top: 2px solid #444;border-left: 2px solid #444;}

		.main_social ul .slick-current {background-position:center;}
	    .main_social ul .slick-current .img {transform: translate(-50%, -50%);}
		.main_social ul .slick-current .tit {animation-name: fadeUp;animation-duration: .5s;opacity: 1;}
		.main_social ul .slick-current .txt {animation-name: fadeUp;animation-duration: .8s;opacity: 1;}
    
	/* main_news */
		.main_news {padding-top: 0 !important;}
		.main_news ul {margin-top:60px;}
		.main_news ul li {padding:40px;border:1px solid #ddd;box-sizing:border-box;position:relative;}
		.main_news ul li:hover {-webkit-box-shadow: 5px 5px 15px 0px rgba(42,42,42,0.7);*/-moz-box-shadow: 5px 5px 15px 0px rgba(42,42,42,0.7);-ms-box-shadow: 5px 5px 15px 0px rgba(42,42,42,0.7);box-shadow: 5px 5px 15px 0px rgba(42,42,42,0.7);border: none;}
		.main_news ul li:before,
		.main_news ul li:after {content:"";display:block;width: 0;height:0;background: transparent;transition:all 0.3s linear;position:absolute;box-sizing: border-box;opacity:0;border: 6px solid;border-image-slice: 1;border-image-source: linear-gradient(to top, #0e4394, #14a297);}
		.main_news ul li:before {left: -1px;top: 0px;border-width: 6px 0 0 6px;}
		.main_news ul li:after {bottom: 0px;right: 0px;border-width: 0 6px 6px 0;}
		.main_news ul li:hover:before,
		.main_news ul li:hover:after {width: 100%;height:100%;opacity:1;}
		.main_news ul li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;}
		.main_news ul li span {display:block;}
		.main_news ul li .pre {display:inline-block;padding:0 7px;line-height: 1.87;color:#fff;background:#0e4194;font-size: 16px;}
		.main_news ul li .tit {margin:0.7em 0 2.9em;font-size:24px;line-height:1.5;color:#333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 3em;}
		.main_news ul li .date {font-size:16px;line-height:1;color:#666;}
	
		.sld_control {margin-top:60px;position:static;font-size:0;height: 16px;}
		.sld_control .swiper-arw,
		.sld_control .swiper-pagination {display:inline-block;vertical-align:middle;position:static;}
		.sld_control .swiper-arw {width:8px;height: 8px;border-top: 2px solid #555;border-left: 2px solid #555;margin-top: 0;opacity: 1 !important;}
		.sld_control .swiper-arw:after {content:'';display:none;}
		.sld_control .swiper-arw.swiper-button-prev {margin-right: 28px;margin-left: 2px;transform: rotate(-45deg);}
		.sld_control .swiper-arw.swiper-button-next {margin-left: 28px;transform: rotate(135deg);margin-right: 2px;}
		.sld_control .swiper-pagination {width:calc(100% - 80px);margin:0 auto;height:3px;background:#ddd;}
		.sld_control .swiper-pagination .swiper-pagination-progressbar-fill {background:#333;}
	
	/* main_btm_bnr */
		.main_btm_bnr {padding: 0 !important;}
		.main_btm_bnr ul {font-size:0;overflow:hidden;}
		.main_btm_bnr ul li {display:inline-block;vertical-align:middle;width:50%;position:relative;height:380px;overflow:hidden;}
		.main_btm_bnr ul li + li {}
		.main_btm_bnr ul li a {position:absolute;left:0;top:0;bottom:0;right:0;z-index: 500;}
		.main_btm_bnr ul li .img {position:absolute;left:0;top:0;bottom:0;right:0;background:url('../images/skin/main_btm_bnr01.jpg') no-repeat center;transition:all .2s;background-size: cover;display: block;}
		.main_btm_bnr ul li + li .img {background:url('../images/skin/main_btm_bnr02.jpg') no-repeat center;background-size: cover;}
		.main_btm_bnr ul li:hover .img {transform:scale(1.1,1.1);}
		.main_btm_bnr ul li div {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;line-height:1;width: 100%;}
		.main_btm_bnr ul li p {font-size:24px;}
		.main_btm_bnr ul li strong {display:block;margin:0.48em 0 0.8em;font-size:50px;}
		.main_btm_bnr ul li span {display:block;font-size:18px;font-weight:300;}


	@media only screen and (max-width:1380px) {
		/* main_story */
	    	.story_ul .slick-list {padding: 0 15% !important;}
            .story_ul li {padding:0 30px;}
			.story_ul .slick-arrow.slick-prev {left: 12.5%;}
			.story_ul .slick-arrow.slick-next {right: 12.5%;}

	}

	@media only screen and (max-width:1380px) {
	}
	@media only screen and (max-width:1280px) {
		/* visual */
			.main_visual {min-width:100%;}
			.main_visual .txt_box .top_txt {font-size:55px;}
			.main_visual .txt_box .btm_txt {font-size:22px;}


		/* 메인 공통 */
			.main .more {font-size:15px;}

	}
	@media only screen and (max-width:1217px) {
		/* main_visual */
			.main_visual .slick-arrow {width:50px;height:50px;margin-top:-25px;}
			.main_visual .slick-arrow.slick-prev {left:30px;background-size:auto 100%;}
			.main_visual .slick-arrow.slick-next {right:30px;background-size:auto 100%;}

		/* 메인 공통 */
			.tit_box h3 {font-size: 45px;}
			.tit_box p {font-size:20px;}

		/* 메인 공통 */
			.main .section {padding: 11.5% 0;}
		

		/* main_count */
			.main_count ul li p {font-size:24px;}
			.main_count ul li strong {font-size:19px;}
			.main_count ul li strong span {font-size:45px;}
			

		/* main_bnr */
			.main_bnr ul li div {margin: 0 20px;}
			.main_bnr ul li div strong {font-size:28px;}
			.main_bnr ul li div p {font-size:16px;}
			.main_bnr ul li div a {display:none;}

		/* main_story */
			.story_ul li {padding:0 25px;}
			.story_ul .box .tit {font-size:22px;}
			.story_ul .box .cont {font-size:18px;}
			.story_ul .box .more {font-size:16px;}


		/* main_social */
		    .main_social .tit_box {left: 25px;margin-left: 0;top: 16%;}
			.main_social .tit_box h3 {font-size: 16px;}
			.main_social ul li .w_custom {padding:0 20px !important;}
			.main_social ul li .tit {font-size: 35px;width: 30%;}
			.main_social ul li .txt {font-size: 22px;width: calc(100% - 30%);}
			.main_social ul li span {}
			.main_social .slick-arrow.slick-prev {margin-left:0;left: 20px;}
			.main_social .slick-arrow.slick-next {margin-left:0;left: 80px;}

		/* main_btm_bnr */
			.main_btm_bnr ul li {height:0;padding-bottom:31%;}
			.main_btm_bnr ul li p {font-size:20px;}
			.main_btm_bnr ul li strong {font-size:40px;}
			.main_btm_bnr ul li span {font-size:14px;}
	}
	@media only screen and (max-width:1023px) {
	}
	@media only screen and (max-width:980px) {
		/* main_social */
		    .main_social ul li {padding: 100px 0;}
		    .main_social .tit_box {top: 20%;}
	}
	@media only screen and (max-width: 860px) {
		/* main_visual */
			.main_visual .slick-arrow {width:40px;height:40px;margin-top:-20px;}
			.main_visual .slick-arrow.slick-prev {left:15px;background-size:auto 100%;}
			.main_visual .slick-arrow.slick-next {right:15px;background-size:auto 100%;}

		/* 메인 공통 */
			.tit_box h3 {font-size: 40px;}
			.tit_box p {font-size:18px;}
			.sns_list .desc dt{height:120px;}
				.sns_list .desc dt + dd{margin-top:15px;}
			.sns_list .desc dd{font-size:22px;}

		/* visual */
			.main_visual {height:800px;}
			.main_visual .slick-slide {height:800px;}
			.main_visual .txt_box .top_txt {font-size:40px;}
			.main_visual .txt_box .btm_txt {font-size:20px;}

			
		/* main_social */
			.main_count ul {padding:0 20px !important;}
			.main_count ul li {width:50%;}
			.main_count ul li + li {}
			.main_count ul li:nth-of-type(-n+3) {padding-bottom:30px;}
			.main_count ul li:nth-of-type(n+3) {border-top:1px solid #2c5495;padding-top:30px;}
			.main_count ul li p {font-size:22px;padding-top:4.1em;background-size:auto 60px !important;}
			.main_count ul li strong {font-size:18px;}
			.main_count ul li strong span {font-size:40px;}

		/* main_bnr */
			.main_bnr {background: url('../images/skin/m_main_bnr_bg.jpg') no-repeat center top;background-size: 100%;}
			.main_bnr ul li {width:100%;height: 0;padding-bottom: 30.8%;}
			.main_bnr ul li:nth-of-type(1) {}
			.main_bnr ul li:nth-of-type(2) {margin-top:20px;}
			.main_bnr ul li:nth-of-type(3) {margin-top:20px;}
			.main_bnr ul li .link,
			.main_bnr ul li:hover .link {display:block;height:100%;border:0;background:none;}
			.main_bnr ul li div {margin: 0 20px;top: 50%;transform: translateY(-50%);bottom: inherit;}
			.main_bnr ul li div strong {font-size:25px;}
			.main_bnr ul li div p {margin: 10px 0 0;font-size:14px;}
			.main_bnr ul li div a {display:none;}

		/* main_story */
			.story_ul {padding:0 15px;}
			.story_ul .slick-list {padding:0 !important;}
			.story_ul .slick-active .img {-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);}
			.story_ul .slick-arrow  {display:none !important;}
			.story_ul .box{padding-right:0;}
			.story_ul .box .more {display:none;}

		/* main_social */
		    .main_social ul li {padding: 120px 0;}
			.main_social .tit_box h3 {font-size:14px;}
			.main_social ul li .tit {font-size: 32px;}
			.main_social ul li .txt {font-size: 18px;}
			.main_social ul li span {margin-top: 2.5em;}
			.main_social .slick-arrow {width:40px;height:40px;bottom: 110px;}
			.main_social .slick-arrow.slick-prev {}
			.main_social .slick-arrow.slick-next {left: 70px;}

		/* main_news */
			.main_news ul {margin-top:40px;}
			.main_news ul li {padding:30px;}
			.main_news ul li .pre {font-size:15px;}
			.main_news ul li .tit {font-size:20px;}
			.sld_control {margin-top:40px;}
			
		/* main_btm_bnr */
			.main_btm_bnr ul li p {font-size:19px;}
			.main_btm_bnr ul li strong {font-size:35px;}
			.main_btm_bnr ul li span {font-size:13px;}

	}
	@media only screen and (max-width:767px) {
		/* main_visual */
			.main_visual .slick-arrow {display:none !important;}
	
		/* main_social */
		    .main_social .tit_box {left: 15px;}
			.main_social .tit_box h3 {font-size:14px;}
			.main_social ul li .w_custom {padding:0 15px !important;}
			.main_social ul li .img {background-position:center top;}
			.main_social ul li.social01 .img {}
			.main_social ul li.social02 .img {background-position: 60% 160px;}
			.main_social ul li.social03 .img {background-position: 75% 120px;}
			.main_social ul li .tit {font-size:30px;float: inherit;padding-top: 0;width: 100%;}
			.main_social ul li .txt {font-size:17px;float: inherit;margin-top: 1.2em;width: 100%;word-break:keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
			.main_social ul li .txt br {display:none;}
			.main_social ul li span {display:none;}
			.main_social .slick-arrow {width:40px;height:40px;bottom: 60px;}
			.main_social .slick-arrow.slick-prev {left: 15px;}
			.main_social .slick-arrow.slick-next {left: 65px;}
	}
	@media only screen and (max-width:670px) {

	}
	@media only screen and (max-width:640px) {
		/* 메인 공통 */
			.tit_box h3 {font-size: 30px;}
			.tit_box p {font-size:16px;}
			.sns_list .desc dt{height:100px;}
				.sns_list .desc dt + dd{margin-top:12px;}
			.sns_list .desc dd{font-size:20px;}

		/* visual */
			.main_visual {height:650px;}
			.main_visual .slick-slide {height:650px;}
			.main_visual .img .in {background-position:left;}
			.main_visual .txt_box {word-break:keep-all;padding: 0 15px;}
			.main_visual .txt_box br{display:none;}
			.main_visual .txt_box p {line-height:1.2;}
			.main_visual .txt_box .top_txt {font-size:36px;}
			.main_visual .txt_box .btm_txt {font-size:17px;line-height:1.4;height: 1.4em;}
			.main_visual .txt_box .btm_txt in {line-height:inherit;}

		/* main_social */
			.main_count ul {padding:0 20px !important;}
			.main_count ul li {width:100%;}
			.main_count ul li + li {border-left:0;border-top:1px solid #2c5495;padding-top: 30px;margin-top:40px;}
			.main_count ul li:nth-of-type(-n+3) {padding-bottom:0;}
			.main_count ul li p {font-size:19px;padding-top:4.1em;background-size:auto 55px !important;}
			.main_count ul li strong {font-size:16px;}
			.main_count ul li strong span {font-size:20px;}

		/* main_bnr */
			.main_bnr ul li {}
			.main_bnr ul li:nth-of-type(1) {background-size:cover;background-image:url('../images/skin/m_main_bnr01.jpg');}
			.main_bnr ul li:nth-of-type(2) {background-size:cover;background-image:url('../images/skin/m_main_bnr02.jpg');margin-top:10px;}
			.main_bnr ul li:nth-of-type(3) {background-size:cover;background-image:url('../images/skin/m_main_bnr03.jpg');margin-top:10px;}
			.main_bnr ul li div {}
			.main_bnr ul li div strong {font-size:20px;}
			.main_bnr ul li div p {display:none;}
			.main_bnr ul li div a {}

		/* main_story */
			.story_ul {margin-top:30px;}
			.story_ul li {padding:0;}
			.story_ul .box .tit {font-size:19px;}
			.story_ul .box .cont {font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
			.story_ul .box .more {font-size:14px;}

		/* main_social */
		    .main_social .tit_box {}

		
		/* main_news */
			.main_news ul {margin-top:30px;}
			.main_news ul li {padding:20px;}
			.main_news ul li:before,
			.main_news ul li:after {display:none;}
			.main_news ul li:hover {box-shadow:none;border:1px solid #ddd;}
			.main_news ul li .pre {font-size:14px;}
			.main_news ul li .tit {font-size:17px;}
			.main_news ul li .date {font-size:15px;}
			.sld_control {margin-top:25px;}
			.sld_control .swiper-arw {display:none;}
			.sld_control .swiper-pagination {width:100%;height:2px;}

		/* main_btm_bnr */
			.main_btm_bnr ul li p {font-size:16px;}
			.main_btm_bnr ul li strong {font-size:28px;margin-bottom:0;}
			.main_btm_bnr ul li span {display:none;}

	}
	@media only screen and (max-width:570px) {
		/* main_btm_bnr */
			.main_btm_bnr ul li {width:100%;padding-bottom: 25.4%;}
			.main_btm_bnr ul li + li .img {background-position:50% 80%;}
	}
	@media only screen and (max-width:510px) {
	}
	@media only screen and (max-width:479px) {
			.sns_list .desc dt{height:80px;}
				.sns_list .desc dt + dd{margin-top:10px;}
			.sns_list .desc dd{font-size:18px;}
		/* visual */
			.main_visual {height:550px;}
			.main_visual .slick-slide {height:550px;}
			.main_visual .txt_box .top_txt {font-size:32px;}

		/* main_social */
		    .main_social .tit_box {top:22%;}
			
	}
	@media only screen and (max-width:450px) {
	}
	@media only screen and (max-width:380px) {
	}
	@media only screen and (max-width:350px) {
		/* main_visual */
			.main_visual .txt_box {padding:0 5%;}
		
		/* main_btm_bnr */
			.main_btm_bnr ul li {padding-bottom: 40%;}

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