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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────
	메인 상품 진열 
───────────────────────────────────────────────────────────*/
/* 메인상품진열 - 공통 */
.main .list_cont {}
.main .list_cont ul {font-size:0;width:calc(100% + 15px);margin-left:-15px;}
.main .list_cont ul li {display:inline-block;margin-left:15px;vertical-align:top;}
.main .list_cont ul li a {display:block;height:100%;}
.main .list_cont ul li .thumb {}
.main .list_cont ul li .thumb img {max-width:100%;width:100%;}
.main .list_cont ul li .info {}
.main .list_cont ul li .info p {color:#333;line-height:1.2;}
.main .list_cont ul li .info .name {font-size:14px;}

/* 메인상품진열 - 갤러리형 */
.main .list_Galleryform {}
.main .list_Galleryform ul {text-align:left;} 
.main .list_Galleryform ul li {width:calc(25% - 15px);}
.main .list_Galleryform ul li:nth-of-type(n+5) {margin-top:40px;}
.main .list_Galleryform ul li .thumb {}
.main .list_Galleryform ul li .thumb img {}
.main .list_Galleryform ul li .info {margin-top:10px;}
.main .list_Galleryform ul li .info p {}
.main .list_Galleryform ul li .info .name {}

/* 메인상품진열 - 리스트형 */
.main .list_Listform {}
.main .list_Listform ul {} 
.main .list_Listform ul li {width:calc(50% - 15px);}
.main .list_Listform ul li a {width:100%;display:table;}
.main .list_Listform ul li:nth-of-type(n+3) {margin-top:40px;}
.main .list_Listform ul li .thumb,
.main .list_Listform ul li .info {display:table-cell;vertical-align:middle;width:50%;box-sizing:border-box;}
.main .list_Listform ul li .thumb {}
.main .list_Listform ul li .thumb img {}
.main .list_Listform ul li .info {border:1px solid #ddd;padding:0 15px;}
.main .list_Listform ul li .info p {}
.main .list_Listform ul li .info .name {}


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

	/* 메인상품진열 - 갤러리형 */
	.main .list_Galleryform ul li {width:calc(50% - 15px);}
	.main .list_Galleryform ul li:nth-of-type(n+3) {margin-top:40px;}
	
	/* 메인상품진열 - 리스트형 */
	.main .list_Listform ul li {width:calc(100% - 15px);}
	.main .list_Listform ul li:nth-of-type(n+2) {margin-top:40px;}
}



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

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

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

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

	/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
	.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #13417c solid;}
	.sub_chart.chart2 .chart h3:before{border-color:#13417c;}
	.sub_chart.chart2 .chart h4{border-color:#13417c;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:#13417c;}

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

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

───────────────────────────────────────────────────────────*/
	#wrap #header {position:absolute; margin:0 auto;overflow: inherit; height:75px;width:100%;z-index: 10;background-color:#fff;border-bottom:1px solid #ddd;}
	#wrap.main_index #header{border-bottom:none;}
	#header .grb_nav_box{position:relative; margin:0 auto;width:1200px;height:100%;box-sizing:border-box;}
	#header:after {clear:both; content:""; display:block;}
	#header h1 {position:absolute;left:0;top:49%;z-index:5;transform:translateY(-50%);}
	#header h1 img {width:auto;height:42px;}
	#header ul.hd_lnb {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);vertical-align:top;text-align:center;font-size:0;width:100%;z-index:1;}
	#header ul.hd_lnb:after {clear:both; content:""; display:block;}
	#header ul.hd_lnb .dep1 {display: inline-block;vertical-align:top;position:relative;padding:0 27px;box-sizing: border-box;border-bottom: 1px solid transparent;padding-bottom:27px;margin-bottom:-27px;}
	#header ul.hd_lnb .dep1.on a{color:#005BAC;}
	#header ul.hd_lnb .dep1 a {color:#333; font-size:15px; font-weight:400;}
	#header ul.hd_lnb .dep1:hover a{color:#005BAC;}
	#header .hd_right {position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5;}
	#header ul.hd_gnb{display: inline-block;}
	#header ul.hd_gnb li {float:left;position: relative;}
	#header ul.hd_gnb li + li{margin:0 0 0 30px;}
	#header ul.hd_gnb li + li:before{content:"";position:absolute; top:50%; left:-17px;transform:translateY(-50%); background-color:#ddd; width:1px; height:10px;}	
	#header ul.hd_gnb li a {display:inline-block; color:#888; font-size:13.7px; font-weight:500;letter-spacing: -0.25px;}
	
	#header .btn_mMenu {display:none;}
	#header .gnb_bg {width: 100%;height:0px;position: absolute;top: 0;left: 0;z-index: -10;background:#fff;opacity:0;}
	
	.menu-trigger, .menu-trigger2 {width:100%;height:100%;box-sizing:border-box;margin:0;display:inline-block;position:relative;cursor:pointer;}
	.menu-trigger span, .menu-trigger2 span {transition:0.3s;position:absolute;right:0px;width:100%;height:3px;background-color:#005BAC;border-radius:0;}
	.menu-trigger2 span {background-color:#13417c;}
	.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:9px;}
	.menu-trigger span:nth-of-type(3), .menu-trigger2 span:nth-of-type(3) {bottom:0;}
	.menu-trigger.active-1 .menu-trigger2.active-1 {}
	.menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (10px) rotate (-45deg);transform: translateY(10px) 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(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}

	/*hd_all_menu*/	
		.hd_all_menu{display: none;width:100%;height:320px;position: absolute;left:0;top:75px;z-index:20;background:#fff;border-top:1px solid #005BAC;border-bottom:1px solid #005BAC;box-sizing:border-box;}
		.hd_all_menu_box{width:1200px;height:100%;margin:0 auto;font-size:0;box-sizing:border-box;}
		.hd_all_menu_box .dep2{font-size:0;display: inline-block;width:20%;height:100%;box-sizing:border-box;vertical-align:top;padding:25px 31px 0 31px;}
		.hd_all_menu_box .dep2 + .dep2{border-left:1px solid #eee;}
		.hd_all_menu_box .dep2 .dep2_name{font-size:15px;color:#333;font-weight:400;}
		.hd_all_menu_box .dep2 > li{line-height:32px;}
		.hd_all_menu_box .dep2 > li:nth-child(2){margin-top:8px;}
		.hd_all_menu_box .dep2 > li a{font-size:13px;color:#888;font-weight:400;}
		.hd_all_menu_box .dep2 > li:hover a{color:#005BAC;}

	/* aside */
		#aside {top:75px;right:-100%;width:500px;height:100%;overflow-y:scroll;transition:0.8s;height:100%;z-index:9999;box-sizing:border-box;box-sizing:border-box;display:none;position:fixed;background:#fff;}
		#aside.on {right:0;}
		.aside_bg{display: none;width:100%;height:100%;position:fixed;top:75px;left:0;background:rgba(0,0,0,0.4);z-index:9999;transition:all 0.5s;}
		.aside_bg.on{display:none;transition:all 0.5s;}
		
		#aside .aside_box {text-align:left;display:block;vertical-align: middle;position:relative;}
		#aside .aside_box .btn_aside_close {position:Absolute;right:60px;top:30px;width:32px;height:32px;cursor:pointer;}
		#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: 74%; height: 1px; background-color: #333; left: 0; box-shadow: none; top: 7px; }
		#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 .aside_box .aside_gnb{width:100%;height:50px;background:#005BAC;box-sizing:border-box;padding:0 30px;}
		#aside .aside_box .aside_gnb li{display: inline-block;position: relative;}
		#aside .aside_box .aside_gnb li + li{margin-left:40px;}	
		#aside .aside_box .aside_gnb li + li:before{width:1px;height:10px;content:"";position: absolute;top:50%;left:-23px;transform:translateY(-50%);background:#fff;opacity:0.5;}
		#aside .aside_box .aside_gnb li a{font-size:20px;color:#fff;line-height:50px;}
		#aside .aside_cate{width:100%;box-sizing:border-box;padding:50px 30px;}
		#aside .aside_cate ul .dep1_li{line-height:65px;}
		#aside .aside_cate ul .dep1_li a{display: inline-block;width:100%;font-size:22px;color:#333;font-weight:500;position: relative;transition:all 0.5s;}
		#aside .aside_cate ul .group_tit > a.on{color:#005BAC;transition:all 0.5s;}
		#aside .aside_cate ul .group_tit > a:after{content:"";width:20px;height:20px;position: absolute;top:15px;right:0;background:url('../images/skin/cate_on.png')no-repeat center;background-size:15px auto;}
		#aside .aside_cate ul .group_tit > a.on:after{background:url('../images/skin/cate_off.png')no-repeat center;background-size:15px auto;}
		#aside .aside_cate ul .depth2{display: none;position: relative;box-sizing:border-box;padding:0 15px 15px 15px;border-bottom:1px solid #eee;margin-bottom:10px;}
		#aside .aside_cate ul .depth2 li{line-height:40px;}
		#aside .aside_cate ul .depth2 li a{font-size:17px;color:#888;font-weight:400;}
		
	/*---- 1250이하 ------*/
	@media only screen and (max-width:1250px) {
		#header .grb_nav_box{width:100%;padding:0 30px;}
		#header h1{left:30px;}
		#header .hd_right {right:30px;}

		.hd_all_menu_box{width:100%;padding:0 30px;}
	}	
	/*---- 1030이하 ------*/
	@media only screen and (max-width:1030px) {
		#header ul.hd_lnb .dep1{padding:0 23px;padding-bottom:27px;}

	}
	/*---- 850이하 ------*/
	@media only screen and (max-width:1023px) {
		#header ul.hd_lnb{display: none;}
		#header .btn_mMenu{display: inline-block;width:30px;height:21px;margin-left:20px;}
		#header ul.hd_gnb{vertical-align:top;margin-top:4px;}
		.menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3){transform:translateY(-8px) rotate(45deg);}
		#aside{display: block;}
		.aside_bg.on{display: block;}
	}
	/*---- 750이하 ------*/
	@media only screen and (max-width:750px) {
		#aside{width:400px;}
	}
	/*---- 479이하 ------*/
	@media only screen and (max-width:479px) {
		#wrap #header{height:60px;}
		#header .grb_nav_box{padding:0 15px;}
		#header h1{left:15px;}
		#header h1 img {height: 36px;}
		#header ul.hd_gnb{display: none;}
		#header .hd_right{right:15px;top:22px;transform:none;}
		#header .btn_mMenu{width:20px;height:17px;}
		.menu-trigger span{height:2px;}
		.menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2){top:7px;}
		.menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1){transform:translateY(7px) rotate(-45deg);}
		
		.aside_bg {top:50px;}
		#aside{top:50px;width:100%;}
		#aside .aside_box .aside_gnb{padding:0 15px;height:60px;}
		#aside .aside_box .aside_gnb li + li{margin-left:48px;}
		#aside .aside_box .aside_gnb li + li:before{left:-28px;}
		#aside .aside_box .aside_gnb li a{font-size:16px;line-height:60px;font-weight:300;}
		#aside .aside_cate{padding:36px 16px;}
		#aside .aside_cate ul .dep1_li{line-height:26px;}
		#aside .aside_cate ul .dep1_li + li{margin-top:20px;}
		#aside .aside_cate ul .dep1_li a{font-size:16px;}
		#aside .aside_cate ul .group_tit > a:after{width:15px;height:15px;top:4px;background-size:13px auto;}
		#aside .aside_cate ul .group_tit > a.on:after{background-size:13px auto;}
		#aside .aside_cate ul .depth2{padding:0 0 15px 0;}
		#aside .aside_cate ul .depth2 li{line-height:32px;}
		#aside .aside_cate ul .depth2 li a{font-size:14px;}
	}

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

	 FOOTER | outline/footer.html

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

	#wrap #footer {margin:30px 0 0;}
	#wrap.main_index #footer{margin:0;}
	footer .ft_sec01 {background:#eee;padding:0;position:relative;z-index:1;}
	footer .ft_sec01 .cont {width:1200px; margin:0 auto;box-sizing:border-box;}
	footer .ft_sec01 .cont .ft_info_sec01 {position:relative;border-bottom:1px solid #ccc;height:60px;box-sizing:border-box;}
	footer .ft_sec01 .cont .ft_info_sec01:after {clear:both; content:""; display:block;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb {float:left;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb:after {clear:both; content:""; display:block;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li {float:left; margin-right:23px;line-height:60px;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li:last-child{margin-right:0;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li a {color:#666; font-size:14px; font-weight:400;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li.policy a {color:#333; font-weight:500;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call {float:right; display: inline-flex; flex-wrap: wrap; gap: 4px 38px;}
	/* footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call:after {clear:both; content:""; display:block;} */
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call li {color:#666; font-size:13px;font-weight:500;line-height:60px;}
	footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call li span {display:inline-block; color:#005BAC; font-size:15px; font-weight:600; padding-right:7px;}
	footer .ft_sec01 .cont .ft_info_sec02 { padding:40px 0 20px;}
	footer .ft_sec01 .cont .ft_info_sec02 dl {padding:0 0 18px;}
	footer .ft_sec01 .cont .ft_info_sec02 dl:after {clear:both; content:""; display:block;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dt {float:left; width:147px;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dt a {color:#333; font-size:15px; font-weight:600;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dd {float:left;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dd ul {}
	footer .ft_sec01 .cont .ft_info_sec02 dl dd ul:after {clear:both; content:""; display:block;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dd ul li {float:left; width:140px;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dd ul li a {color:#666; font-size:15px; font-weight:500;}
	footer .ft_sec01 .cont .ft_info_sec02 dl dd ul li a:hover {color:#005BAC; font-weight:600;}
	footer .ft_sec02 h5.top {right:0;bottom:20px;width:50px;height:50px;position:absolute;z-index: 9999;background-color:#005BAC;}
	footer .ft_sec02 h5.top a {background:url('../images/skin/icon_arrow_top.png') no-repeat;background-position:19px 15px;background-size:14px 22px;display:inline-block;width:100%;height:100%;margin:0;padding:0;transition:all 1s;}
	footer .ft_sec02 h5.top:hover a{animation:btn-top;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:backwards;}
	@keyframes btn-top{
		0%{background-position:19px 23px;background-size:14px 15px;}
		100%{background-position:19px 15px;background-size:14px 22px;}
	}
	footer .ft_sec02 {background:#303032; position:relative;}
	footer .ft_sec02 .address_box{width:1200px; margin:0 auto;box-sizing:border-box;padding:34px 0;position: relative;}
	footer .ft_sec02 .address_box .ft_sns.ver_m{display:none;}
	footer .ft_sec02 .address_box .ft_sns{position:absolute;top:40px;right:140px;}
	footer .ft_sec02 .address_box .ft_sns a{display:inline-block;width:32px;height:32px;box-sizing:border-box;border-radius:100%;border:1px solid #999;font-size:0;position: relative;margin-left:5px;}
	footer .ft_sec02 .address_box .ft_sns img{position: absolute;top:7px;left:50%;transform:translate(-50%);}
	footer .ft_sec02 .address_box .ft_sns a:nth-child(1) img{width:12px;height:auto;}
	footer .ft_sec02 .address_box .ft_sns a:nth-child(2) img{width:12px;height:auto;}
	footer .ft_sec02 .address_box address {word-break: keep-all;font-style:normal;}
	footer .ft_sec02 .address_box address span{display: inline-block;position: relative;color:#999; font-size:13px; font-weight:400;line-height: 26px; }
	footer .ft_sec02 .address_box address span + span{margin-left:24px;}
	footer .ft_sec02 .address_box address span + span:before{width:1px;height:10px;background:#999;content:"";position: absolute;top:50%;left:-13px;transform:translateY(-50%);}
	footer .ft_sec02 .address_box .copyright {color:#999; font-size:13px; font-weight:500; padding:60px 0 0;}

	/*---- 1250이하 ------*/
	@media only screen and (max-width:1250px) {
		footer .ft_sec01 .cont{width:100%;padding:0 30px;}
		footer .ft_sec02 .address_box{width:100%;padding:34px 30px;}
		footer .ft_sec02 .address_box .ft_sns{right:170px;}
		footer .ft_sec02 h5.top{right:30px;}
	}
	/*---- 950이하 ------*/
	@media only screen and (max-width:950px) {
		footer .ft_sec02 .address_box .ft_sns{right:80px;}
	}
	/*---- 900이하 ------*/
	@media only screen and (max-width:900px) {
		footer .ft_sec01 .cont .ft_info_sec01{height:auto;padding:30px 0;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb{float:none;text-align:center;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li{float:none;display: inline-block;line-height:23px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call{float:none;justify-content: center;gap: 0 30px;width:100%;text-align:center;margin-top:20px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call li{line-height:23px;}

		footer .ft_sec02 .address_box .ft_sns{display: none;}
		footer .ft_sec02 .address_box .ft_sns.ver_m{display: block;position: relative;top:0;left:0;margin-top:50px;}
		footer .ft_sec02 .address_box .copyright{padding-top:30px;}
	}
	/*---- 703이하 ------*/
	@media only screen and (max-width:703px) {
		footer .ft_sec02 .address_box address br{display: none;}	
		footer .ft_sec02 .address_box address span:nth-child(3),
		footer .ft_sec02 .address_box address span:nth-child(7){margin-right:24px;}
		footer .ft_sec02 .address_box address span:nth-child(4),
		footer .ft_sec02 .address_box address span:nth-child(8){margin-left:0;}
		footer .ft_sec02 .address_box address span:nth-child(4):before,
		footer .ft_sec02 .address_box address span:nth-child(8):before{display: none;}
		footer .ft_sec02 .address_box address span:nth-child(6){margin-left:24px;margin-right:24px;}
		footer .ft_sec02 .address_box address span:nth-child(6):before{width:1px;height:10px;background:#999;content:"";position: absolute;top:50%;left:-13px;transform:translateY(-50%);}
		footer .ft_sec02 .address_box address span:nth-child(7){margin-left:0;}
	}
	/*---- 640이하 ------*/
	@media only screen and (max-width:640px) {
		footer .ft_sec01 .cont{padding:0 15px;}
		footer .ft_sec01 .cont .ft_info_sec01 {padding: 25px 0;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call {margin-top: 15px;}
	}
	/*---- 584이하 ------*/
	@media only screen and (max-width:584px) {
		footer .ft_sec02 .address_box address span:nth-child(6){margin-right:24px;}
		footer .ft_sec02 .address_box address span:nth-child(7){margin-left:0;}
		footer .ft_sec02 .address_box address span:nth-child(7):before{display:none;}
		footer .ft_sec02 .address_box address span:nth-child(8):before{display: block;}	
	}
	/*---- 567이하 ------*/
	@media only screen and (max-width:567px) {
		footer .ft_sec02 .address_box address span:nth-child(7):before{display:none;}
		footer .ft_sec02 .address_box address span:nth-child(8):before{display: block;}
	}
	/*---- 533이하 ------*/
	@media only screen and (max-width:533px) {
		footer .ft_sec02 .address_box address span:nth-child(2){margin-right:24px;}
		footer .ft_sec02 .address_box address span:nth-child(3),
		footer .ft_sec02 .address_box address span:nth-child(6){margin-left:0;}
		footer .ft_sec02 .address_box address span:nth-child(4):before,
		footer .ft_sec02 .address_box address span:nth-child(7):before{display: block;}
		footer .ft_sec02 .address_box address span:nth-child(3):before,
		footer .ft_sec02 .address_box address span:nth-child(6):before,
		footer .ft_sec02 .address_box address span:nth-child(8):before{display: none;}
	}
	/*---- 516이하 ------*/
	@media only screen and (max-width:516px) {
	
		footer .ft_sec02 .address_box address span:nth-child(4):before,
		footer .ft_sec02 .address_box address span:nth-child(7):before{display: none;}
		footer .ft_sec02 .address_box address span:nth-child(6):before,
		footer .ft_sec02 .address_box address span:nth-child(8):before{display: block;}
		footer .ft_sec02 .address_box address span:nth-child(6){margin-left:0;}
		footer .ft_sec02 .address_box address span:nth-child(4){margin-right:24px;}
	}
	/*---- 497이하 ------*/
	@media only screen and (max-width:497px) {
		footer .ft_sec02 .address_box address span:nth-child(4):before,
		footer .ft_sec02 .address_box address span:nth-child(7):before{display: none;}
		footer .ft_sec02 .address_box address span:nth-child(6):before,
		footer .ft_sec02 .address_box address span:nth-child(8):before{display: block;}
		footer .ft_sec02 .address_box address span:nth-child(4){margin-right:24px;}
		
	}
	/*---- 479이하 ------*/
	@media only screen and (max-width:479px) {
		/* #wrap #footer{margin-top:30px;} */
		footer .ft_sec01 .cont{padding:0 15px;}
		footer .ft_sec01 .cont .ft_info_sec01{padding:20px 0;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li{margin-right:20px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call{text-align:left;margin-top:10px;}

		footer .ft_sec02 .address_box{padding:34px 15px 38px 15px;}	
		footer .ft_sec02 .address_box address span{font-size:14px;}
		footer .ft_sec02 .address_box address span:nth-child(6),
		footer .ft_sec02 .address_box address span:nth-child(8){margin-left:0;}
		footer .ft_sec02 .address_box .copyright{padding-top:34px;}
		footer .ft_sec02 .address_box .ft_sns.ver_m{margin-top:70px;}
		footer .ft_sec02 h5.top{right:15px;bottom:75px;}
		@keyframes btn-top{
		0%{background-position:19px 15px;background-size:14px 22px;}
		100%{background-position:19px 15px;background-size:14px 22px;}
		}
	}

	/*---- 436이하 ------*/
	@media only screen and (max-width:436px) {
		footer .ft_sec02 .address_box address span:nth-child(8):before{display:none;}
	}
	/*---- 382이하 ------*/
	@media only screen and (max-width:382px) {
		footer .ft_sec02 .address_box address span:nth-child(6):before{display:none;}
		footer .ft_sec02 .address_box address span:nth-child(7):before{display:block;}
	}
	/*---- 375이하 ------*/
	@media only screen and (max-width:375px) {
		/* #wrap.main_index #footer{margin:10px 0 0;} */
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li{margin-right:27px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call li span{padding-right:3px;}
		footer .ft_sec02 .address_box .ft_sns a:nth-child(1){margin-left:0;}
	}
	/*---- 373이하 ------*/
	@media only screen and (max-width:373px) {
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li{margin-right:10px;}
	}
	/*---- 363이하 ------*/
	@media only screen and (max-width:363px) {
		footer .ft_sec02 .address_box address span:nth-child(7):before{display:none;}
	}
	/*---- 350이하 ------*/
	@media only screen and (max-width:350px) {
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li{margin-right:8px;}
	}
	/*---- 320이하 ------*/
	@media only screen and (max-width:320px) {
		footer .ft_sec01 .cont{padding:0 10px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li{margin-right:18px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_lnb li a{font-size:13px;line-height:28px;}
		footer .ft_sec01 .cont .ft_info_sec01 ul.ft_call li{font-size:13px;}
		footer .ft_sec02 .address_box{padding:18px 10px;}

	}
/*───────────────────────────────────────────────────────────

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

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

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	.main_index #container {padding-top:0 !important;}

	.main {width:100%;overflow:hidden;}
	.main .w_set {width:100%;box-sizing:border-box;max-width:1260px;padding:0;margin:0 auto;}
	.main .tit {display:block;font-size: 40px;line-height: 1;color: #333;text-align:center;margin-top: 3em;margin-bottom: 2em;}

	.main .btn_more {display: inline-block;padding: 21px 29px;position: relative;vertical-align: middle;font-size: 16px;line-height: 1;border: 1px solid transparent;border-radius: 0px;background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1);border:1px solid #333;background:#fff;}
	.main .btn_more span {position: relative;color:#333;transition:all .2s;}
	.main .btn_more:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;background:#333;}
	.main .btn_more:hover span {color:#fff;}
	.main .btn_more:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
		
	/* visual */
		.main_visual {position:relative;width:100%;margin:0;height:478px !important;background:#000;}
		.main_visual .visual_ul{height:100%;}
		.main_visual .slick-list{height:100%;}
		.main_visual .slick-track{height:100%;}

		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100% !important;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width: 100%;margin:0 auto;text-align:Center;position:absolute;left: 0;top:0;outline:0;background-position: center;background-size:cover !important;/*transition:transform 2s ease-in-out, opacity 2s ease-in-out;transform:scale(1.2) rotate(0.003deg);opacity: .8;*/}
		.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;}
		.main_visual .txt_box {width:1200px;text-align:left;transform:translate(-50%);position:absolute;left:50%;top:135px;font-size: 0;box-sizing:border-box;}
		.main_visual .txt_box p{text-align:left;color:#fff;transform:translateY(50px);transition:all 0.7s;opacity:0;}
		.main_visual .txt_box p.b_tit{font-size:60px;line-height:1.3;margin-bottom:13px;font-weight: 300;letter-spacing:-0.03em;word-break:keep-all;}
		.main_visual .txt_box p.b_tit span{font-size:60px;font-weight:600;letter-spacing:-0.03em;transition:all 0.5s;}
		.main_visual .txt_box p.s_tit{font-size:21px;line-height:36px;font-weight: 300;letter-spacing:-0.03em;transition-delay:0.7;}
		.main_visual .txt_box p.b_tit .m_br {display: none;}
		
		#wrap button span{display: block;}
		.main_visual .slick-dots{width:1200px;height:2px;bottom:91px;margin:0 auto;position: relative;font-size:0;box-sizing:border-box;}
		.main_visual .slick-dots li{display: inline-block;width:80px;}
		.main_visual .slick-dots li + li{margin-left:20px;}
		.main_visual .slick-dots .tab{width:100%;height:2px;background-color:rgba(255,255,255,.5);outline:none;position:relative;padding:0;color:inherit;line-height:normal;}
		
		.main_visual .txt_box .visual_more{margin-top:36px;background:url('../images/skin/more_arr.png')no-repeat;background-position:51px 6px;transform:translateY(50px);transition:all 0.7s;opacity:0;}
		.main_visual .txt_box .visual_more strong{font-size:14px;color:#fff;font-weight:300;}

		/* visual active */
		.main_visual .active .txt_box p{transform:translateY(0);opacity:1;transition:all 1s;}
		.main_visual .active .txt_box p.b_tit{transition-delay:0.2s;}
		.main_visual .active .txt_box p.s_tit{transition-delay:0.5;}	
		.main_visual .active .txt_box .visual_more{transform:translateY(0);opacity:1;transition:all 1s;transition-delay:0.7s;}
		.main_visual .slick-dots .slick-active .s-line-fill{animation:slick-progressbar 4s 1;animation-fill-mode:backwards;display: inline-block;background:#8FC31F;height:2px;width:100%;}
		
		@keyframes slick-progressbar {
			0% {width:0%;}
			100% {width:100%;}
		}
		
		/*visual hover*/
			.main_visual .txt_box .visual_more:hover{animation:visual-more;animation-duration:1s;animation-fill-mode:backwards;animation-iteration-count:infinite;}
			@keyframes visual-more{
				0%{background:url('../images/skin/more_arr.png')no-repeat;background-position:40px 6px;background-size:30px 9px;}
				100%{background:url('../images/skin/more_arr.png')no-repeat;background-position:51px 6px;background-size:41px 9px;}
			}
		
		.banner_section{width:100%;margin-top:40px;}
		.banner_box{max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;}
		.banner_box ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width:100%;height:100%;font-size:0;}	
		.banner_box ul li{width: 100%;}
		.banner_box ul li:nth-child(1){background-color:#0c3c78;}
		.banner_box ul li:nth-child(2){background-color:#005BAC;}
		.banner_box ul li:nth-child(3){background-color:#00769F;}
		.banner_box ul li:nth-child(4){background-color:#43b5bf;}
		.banner_box ul li a{display: block;width:100%;height:100%;position: relative;box-sizing:border-box;padding:30px;padding-bottom:100px;}
		.banner_box ul li .banner_cont h4{font-size:20px;color:#fff;font-weight:500;line-height:1.3;word-break:keep-all;}
		.banner_box ul li .banner_cont p{font-size:14px;color:#fff;font-weight:400;margin-top:8px;line-height:19px;word-break:keep-all;}	
		.banner_box ul li .banner_cont p .t_br {display: none;}
		.banner_box ul li .banner_cont .more{display: inline-block;position: absolute;bottom:24px;left:30px;background:url('../images/skin/more_arr.png')no-repeat right;width:17px;height:10px;transition:all 0.5s;}
		.banner_box ul li .banner_cont .icon{display: inline-block;position: absolute;bottom:20px;right:30px;width:40px;height:40px;transition:all 0.5s;}
		.banner_box ul li:nth-child(1) .banner_cont .icon{background:url('../images/skin/icon_banner_01.png')no-repeat;background-size:100%;}	
		.banner_box ul li:nth-child(2) .banner_cont .icon{background:url('../images/skin/icon_banner_02.png')no-repeat;background-size:100%;height:45px;width:41px;}
		.banner_box ul li:nth-child(3) .banner_cont .icon{background:url('../images/skin/icon_banner_03.png')no-repeat;background-size:100%;}
		.banner_box ul li:nth-child(4) .banner_cont .icon{background:url('../images/skin/icon_banner_04.png')no-repeat;background-size:100%;}

		.banner_box ul li:hover .banner_cont .more{width:41px;transition:all 0.5s;}
		
	/*레이아웃 구역*/
		.layout_section{width: 100%;margin-top:40px;}
		.layout_section .layout_box{display: flex;align-items: stretch;;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box;font-size:0;}
		.layout_section .layout_box > div{position:relative;display: inline-block;width:100%;box-sizing:border-box;padding-top:10px;}
		.layout_section .layout_box > div + div{padding-left:38px;}
		.layout_section .layout_box > div:nth-child(2){border-left:1px solid #dadada;border-right:1px solid #dadada;}
		
		.layout_section .layout_box .layout_inner_box h4{font-size:20px;color:#333;font-weight:500;margin-bottom:17px;line-height:1;}

		.layout_section .layout_box .layout_inner_box .board_ul{}
		.layout_section .layout_box .layout_inner_box .board_ul .board_li{line-height:24px;}
		.layout_section .layout_box .layout_inner_box .board_ul .board_li a{display: block;width:100%;height:100%;}
		.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt{position:relative; padding-left:10px;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all 0.5s;}
		.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt:after{content:'';position:absolute;top:11px;left:0;width:3px;height:3px;background-color:#666;border-radius:100%;}
		.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt strong{font-size:14px;font-family: 'Noto Sans KR';font-weight:300;}
		.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt p{display: inline-block;font-size:14px;font-family: 'Noto Sans KR';font-weight:300;}

		.layout_section .layout_box .board_news .thumb{display: inline-block;float: left;margin:4px 0 0 2px;width:110px;}
		#wrap .layout_section .layout_box .board_news .txt{display: inline-block;width:calc(100% - 130px);white-space:normal;padding-left:17px;}
		#wrap .layout_section .layout_box .board_news .txt:after{display: none;}
		#wrap .layout_section .layout_box .board_news .txt p{font-size:15px;color:#222;font-weight:400;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Noto Sans KR';}
		#wrap .layout_section .layout_box .board_news .txt span{font-size:14px;color:#666;font-weight:400;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;transition:all 0.5s;height:48px;}
		
		.layout_section .layout_box .layout_inner_box .board_ul .board_li:hover .txt{color:#005BAC;transition:all 0.5s;}
		#wrap .layout_section .layout_box .board_news li:hover .txt span{color:#005BAC;transition:all 0.5s;}
	
	/* 파트너 슬라이드 */
		.partner_sec {width: 100%; margin-top: 60px; box-sizing: border-box; padding-block: 20px; border-top: 1px solid var(--border-color03);}
		/* .partner_sec .w_custom {display: flex; align-items: center; gap: 0 40px;} */
		.partner_sec .partnerSlide {width: 100%; overflow: hidden;}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#wrap .layout_section .layout_box .board_news .txt span{display: inline-block;}
		#wrap .layout_section .layout_box .board_news .board_ul{float:left;width:100%;}
	}

	/*----- 1300이하 ------*/	
	@media only screen and (max-width:1300px) {
		/*visual*/	
			.main_visual .txt_box{width:100%;padding:0 60px;}
			.main_visual .slick-dots{width:100%;padding:0 60px;}
	}
	/*----- 1250이하 ------*/	
	@media only screen and (max-width:1250px) {
		
		/*banner section*/
			.banner_box{width:100%;padding:0 30px;}
	
		/*layout section*/
			.layout_section .layout_box{width:100%;padding:0 30px;}
	}
	@media only screen and (max-width:1217px) {
		.partner_sec .w_custom {padding-left: 0 !important; padding-right: 0 !important;}
	}
	/*----- 1110이하 ------*/	
	@media only screen and (max-width:1110px) {
		/*banner section*/
			.banner_box ul li .banner_cont p br{display: none;}

	}
	/*----- 1100이하 ------*/	
	@media only screen and (max-width:1100px) {
		/*visual*/
			.main_visual .txt_box p.b_tit{font-size:50px;}
			.main_visual .txt_box p.b_tit span{font-size:50px;}
			.main_visual .txt_box p.s_tit{font-size:18px;}
			
		/*banner section*/
			.banner_box ul li .banner_cont p br{display: none;}

	}
	/*----- 1050이하 ------*/	
	@media only screen and (max-width:1050px) {
		/*visual*/
			.main_visual .txt_box, .main_visual .slick-dots {padding: 0 40px;}
			
		/*banner section*/
			.banner_box ul li a{padding:20px; padding-bottom: 80px;}
			.banner_box ul li .banner_cont h4{font-size:18px;}
			.banner_box ul li .banner_cont p{font-size:13px;}
			.banner_box ul li .banner_cont .more{left:20px;}
			.banner_box ul li .banner_cont .icon{width:35px;height:35px;right:20px;}
			.banner_box ul li:nth-child(2) .banner_cont .icon{width:36px;height:38px;}

	}
	/*----- 950이하 ------*/	
	@media only screen and (max-width:950px) {
		/*visual*/
			.main_visual .txt_box p.b_tit span{display: block;}

		/*banner section*/
			.banner_box ul {grid-template-columns: repeat(2, 1fr); gap: 15px;}
			.banner_box ul li a {padding: 25px; padding-bottom: 60px;}
			.banner_box ul li .banner_cont p{font-size:12px;}
			.banner_box ul li .banner_cont p br.t_br{display: block;}
			.banner_box ul li .banner_cont .more {left: 25px;}
			.banner_box ul li .banner_cont .icon {right: 25px;}
			.banner_box ul li:hover .banner_cont .more{width:35px;transition:all 0.5s;}

		/*layout section*/
			.layout_section .layout_box{flex-wrap: wrap;}
			.layout_section .layout_box > div{width:50%;}
			.layout_section .layout_box > div:nth-child(2){border-left:1px solid #dadada;border-right:none;}
			.layout_section .layout_box > div.board_news{width:100%;padding-left:0;border-left:none;border-top:1px solid #dadada;margin-top:20px;padding-top:20px;}
	}
	/*----- 850이하 ------*/	
	@media only screen and (max-width:850px) {
			.main_visual .slick-dots li {width: 60px;}
			.main_visual .slick-dots li + li {margin-left: 15px;}
		/*banner section*/
			.banner_box ul {grid-template-columns: repeat(2, 1fr); gap: 15px;}
			.banner_box ul li {height: 200px;}
			.banner_box ul li a{padding:25px;}
			.banner_box ul li .banner_cont h4{font-size:20px;}
			.banner_box ul li .banner_cont p{font-size:14px;}	
			.banner_box ul li .banner_cont .more{left:30px;}
			.banner_box ul li .banner_cont .icon{width:40px;height:40px;right:30px;}
			.banner_box ul li:nth-child(2) .banner_cont .icon{width:41px;height:45px;}

			.banner_box ul li:hover .banner_cont .more{width:41px;}

		/*layout section*/
			.layout_section{margin-top:20px;}
	}
	/*----- 750이하 ------*/	
	@media only screen and (max-width:750px) {
		/*layout section*/
			.layout_section .layout_box > div{width:100%;}
			.layout_section .layout_box > div + div{width:100%;border-left:none;padding-left:0;margin-top:20px;padding-top:20px;border-top:1px solid #dadada;}
			.layout_section .layout_box > div:nth-child(2){border-left:none;}
			.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt{width:100%;}
	}
	/*----- 640이하 ------*/	
	@media only screen and (max-width:640px) {
		/*visual*/
			.main_visual .txt_box{padding:0 30px;}
			.main_visual .txt_box p.b_tit{font-size:40px;}
			.main_visual .txt_box p.b_tit .m_br {display: block;}
			.main_visual .txt_box p.b_tit span{font-size:40px;}
			.main_visual .txt_box p.s_tit{font-size:16px;}
			
			.main_visual .slick-dots{padding:0 30px;}

		/*banner section*/
			.banner_box{padding:0 15px;}
			.banner_box ul li .banner_cont p br.t_br{display: none;} 

		/*layout section*/
			.layout_section .layout_box{padding:0 15px;}
	}
	/*----- 530이하 ------*/	
	@media only screen and (max-width:530px) {
		/*banner section*/
			.banner_box ul li .banner_cont p{font-size:13px;}
	}
	/*----- 479이하 ------*/	
	@media only screen and (max-width:479px) {
		/*visual*/
			.main_visual{height:450px !important;}	
			.main_visual .txt_box{padding:0 15px;/* top:96px; */}
			.main_visual .txt_box p.b_tit{line-height:46px;margin-bottom:21px;font-size:36px;}
			.main_visual .txt_box p.b_tit span{font-size:36px;}
			.main_visual .txt_box p.s_tit{width:63%;line-height:22px;font-size:14px;letter-spacing:-0.01em;}

			.main_visual .slick-dots{padding:0 20px;bottom:50px;}
			.main_visual .slick-dots li{width:40px;}
			.main_visual .slick-dots li + li{margin-left:10px;}

		/*banner section*/
			.banner_section{margin-top:10px;}
			.banner_box{padding:0 10px;}
			.banner_box ul {gap: 10px;}
			.banner_box ul li {height: 160px;}
			.banner_box ul li a{padding:22px 15px;}
			.banner_box ul li .banner_cont p{display: none;}
			.banner_box ul li .banner_cont .icon{right:15px;}
			.banner_box ul li .banner_cont .more{left:15px;}	
			.banner_box ul li:nth-child(2) .banner_cont .icon{right:20px;bottom:17px;}

			.banner_box ul li:hover .banner_cont .more{width:17px;}
			.banner_box ul li:hover .banner_cont .icon{transform:none;}

		/*layout section*/
			.layout_section{margin-top:40px;}
			.layout_section .layout_box{padding:0 15px;}
			.layout_section .layout_box > div + div{margin-top:23px;padding-top:30px;}
			.layout_section .layout_box .layout_inner_box h4{margin-bottom:14px;}
			.layout_section .layout_box .layout_inner_box .board_ul .board_li{line-height:29px;}
			.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt{width:95%;}
			.layout_section .layout_box .layout_inner_box .board_ul .board_li .txt:after{width:4px;height:4px;top:14px;}
			.layout_section .layout_box > div.board_news{margin-top:23px;padding-top:27px;}
			.layout_section .layout_box > div.board_news h4{margin-bottom:19px;}
			#wrap .layout_section .layout_box .board_news .txt{padding-left:15px;}
			#wrap .layout_section .layout_box .board_news .txt p{font-size:14px;margin-bottom:-7px;}
			#wrap .layout_section .layout_box .board_news .txt span{line-height:21px;height:44px;}
			
	}
	/*----- 400이하 ------*/	
	@media only screen and (max-width:400px) {

	}
	/*----- 320이하 ------*/	
	@media only screen and (max-width:320px) {
		/*visual*/
			.main_visual .txt_box p.b_tit{font-size:30px;}
			.main_visual .txt_box p.b_tit span{font-size:30px;}
	}