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

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

───────────────────────────────────────────────────────────*/
.w_set {width:100%;box-sizing:border-box;max-width:1200px;padding:0;margin:0 auto;}
.w_set2 {width:1200px;margin:0 auto;}
div, dd, li, p, span, td, dt, h1, h2, h3, h4, h5, h6, strong, b, em, th {font-family:'Lato','Nanum Barun Gothic','Nanum Gothic',dotum,sans-serif !important;}
.ff_nanum {font-family: 'Nanum Gothic', dotum, sans-serif !important;}
.ff_lato {font-family: 'Lato', 'Nanum Gothic', sans-serif !important;}
.ff_nunum_barun {font-family: 'Nanum Barun Gothic', sans-serif !important;}


/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #container {width:100%;margin:0;padding:0;}

	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:5.6% 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:5.6% 0 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;}

@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;}
}
@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/history2 (연혁2) ***/
	/* 연도 */
.sub_history.history2 .history_box .his_year .year strong {color:#dd0025;}
.sub_history.history2 .history_box .his_year .year strong::before {background:#dd0025;}
.sub_history.history2 .history_box .his_year .year strong::after {border-color:#dd0025;}

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




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

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

───────────────────────────────────────────────────────────*/
#header {padding:8px 0;line-height:63px;height:80px;border:0;text-align:center;;z-index:10;width:100%;box-sizing:border-box;font-size:0;}
#header:after {background: rgba(255, 255, 255, 0.4);width:100%;height:1px;left:0;bottom:0;position:absolute;content:"";display:inline-block;}
#header .w_set2 {position:relative;}
#header .hd_logo {left:0px;top:0px;position:absolute;z-index:15;}
#header .hd_logo.pc_logo {display:inline-block;}
#header .hd_logo.pc_logo a.out {display:inline-block;}
#header .hd_logo.pc_logo a.on {display:none;}
#header .hd_logo.m_logo {display:none;}
#header .hd_logo img {height:63px;width:auto;}
#header .hd_lnb {top:7px;left: 50%;height:33px;line-height:33px;transform: translateX(-47%);margin:0;padding:0;font-size:0;width:100%;display:block;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:10;}
#header .hd_lnb li.lnb, #header .hd_lnb li a.dep1_a {height:53px;padding:0;line-height:53px;font-size:15px;color:#fff;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
#header .hd_lnb li.lnb {padding:0 15px;position:relative;}
#header .hd_lnb li.lnb a.dep1_a {padding:0;position:relative;z-index:1;color:#000;}
#header .hd_lnb li.lnb a.dep1_a:hover{color:#dd0025;}
#header .hd_gnb {top:8px;right:0px;height:53px;line-height:53px;margin:0;padding:0;font-size:0;width:auto;display:block;position:absolute;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:15;}
#header .hd_gnb li, #header .hd_gnb li a {height:53px;line-height:53px;padding:0;font-size:14px;font-weight:400;color:#666666;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;}
#header .hd_gnb li {}
#header .hd_gnb li a {padding:0 20px 0 0;}
#header .hd_gnb li + li a {padding:0 0 0 20px;}
#header .btn_hd_cate {display:none;}

#header.on {transition:0.3s;background:rgba(255,255,255,1);}
#header.on:after {transition:0.3s;background: rgba(118, 118, 118, 0.2);}
#header.on .hd_logo.pc_logo {}
#header.on .hd_logo.pc_logo a,
.menu-trigger span {transition:0.3s;}
#header.on .hd_logo.pc_logo a.out {display:none;}
#header.on .hd_logo.pc_logo a.on {display:inline-block;}
#header.on .hd_gnb li, #header.on .hd_gnb li a {transition:0.3s;color:#000;}

#header .hd_lnb li.lnb:hover .all_sub{display:block;}
#header .hd_lnb li.lnb .all_sub{position:absolute;top:100%;width:180px;left:50%;margin-left:-90px;background:#fff;box-sizing:border-box;display:none;}
#header .hd_lnb li.lnb .all_sub ul{}
#header .hd_lnb li.lnb .all_sub ul li{text-align:left;line-height:39px;padding:0 0 0 21px;}
#header .hd_lnb li.lnb .all_sub ul li:hover{background:#f5f5f5;}
#header .hd_lnb li.lnb .all_sub ul li:nth-child(1){margin:0 0 0 0;border-top:2px solid #dd0025;}
#header .hd_lnb li.lnb .all_sub ul li:last-child{margin:0 0 55px 0;}
#header .hd_lnb li.lnb .all_sub ul li a{display:block;font-size:13px;color:#666666;}

.menu-trigger {margin:0;display:inline-block;position:relative;width:25px;height:20px;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span {position:absolute;right:0;width:100%;height:2px;background-color:#000;border-radius:0px;}
.menu-trigger span:nth-of-type(1) {top:0;}
.menu-trigger span:nth-of-type(2) {top:9px;}
.menu-trigger span:nth-of-type(3) {bottom:0;}
/* type-01 */
/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.menu-trigger.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) {opacity:0;}
.menu-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
#header.on .menu-trigger span {background-color:#273555;}
#header.on .menu-trigger.active-1 span {background-color:#fff;}

#aside {background:#fff;border:2px #dd0025 solid;border-left:0;border-right:0;top:80px;right:-100%;width:100%;transition:0.8s;height:100%;z-index:20;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;}
#aside:before,
#aside:after {width:1px;height:100%;background:#ddd;position:absolute;top:0;display:inline-block;content:"";z-index:-1;}
#aside:before {right:0;}
#aside:after {left:0;}
#aside.on {right:0%;}
#aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y:auto;position:relative;z-index:1;}
#aside .aside_box .aside_logo {padding:19px 0 33px 0;width:100%;text-align:center;display:inline-block;}
#aside .aside_box .aside_logo a {display:inline-block;}
#aside .aside_box .aside_logo a img {width:auto;height:20px;}
#aside .aside_box .aside_gnb {width:83%;margin:0 auto;padding:0 0 20px 0;font-size:0;}
#aside .aside_box .aside_gnb li {width: calc(50% - 11px);display:inline-block;}
#aside .aside_box .aside_gnb li a {height:35px;line-height:33px;font-size:14px;font-weight:400;background:#273555;border:1px #273555 solid;color:#fff;width:100%;box-sizing:border-box;display:inline-block;text-align:center;}
#aside .aside_box .aside_gnb li + li {margin-left:22px;}
#aside .aside_box .aside_gnb li + li a {background:#ddd;border:1px #a3a3a3 solid;color:#666;}

#aside ul.slidemenu {padding: 4% 2%;width: 100%;height: 100%;vertical-align: middle;margin: 0 auto;box-sizing: border-box;font-size: 0;}
#aside ul.slidemenu > li {}
#aside ul.slidemenu > li + li {margin-top: 4%;}
#aside ul.slidemenu > li.now > ul {display:block;}
#aside ul.slidemenu > li > a {display:block;position:relative;}
#aside ul.slidemenu > li > a span{font-weight:500;padding: 0;background-size: 10px;height: 35px;line-height: 35px;font-size: 35px;color: #000000;width: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;z-index: 1;cursor: pointer;}
#aside ul.slidemenu > li > a .menu_arr{display:none;}
#aside ul.slidemenu > li > a.now {}
#aside ul.slidemenu > li > a.now span{background: url('../images/skin/side_arr_on.png') no-repeat 100% 50%;background-size:28.5px auto;}
#aside ul.slidemenu > li > a.now .menu_arr{background:#fff url("../images/skin/side_arr_ov.gif") no-repeat 94% center;width:17px;height:17px;background-size:100% auto;}
#aside ul.slidemenu > li > a.now > ul {display:block;}
#aside ul.slidemenu > li > ul {padding: 20px 0;background:#f5f5f5;display:none;margin-top: 25px;}
#aside ul.slidemenu > li > ul > li {}
#aside ul.slidemenu > li > ul > li a {display:block;padding: 0 35px;font-size: 25px;color: #888888;font-weight: 300;line-height: 65px;}
#aside ul.slidemenu > li > ul > li a:hover, 
#aside ul.slidemenu li dl dd a.on {font-weight:500;}

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


#aside {right:-100%;width:100%;}
#aside .aside_box .aside_lnb {position:relative;z-index:1;}
#aside .aside_box .aside_lnb ul.aside_menu {padding:4% 0 0 2%;margin:0;width:100%;height:100%;vertical-align:middle;margin:0 auto;box-sizing:border-box;font-size:0;text-align:center;}
#aside .aside_box .aside_lnb ul.aside_menu li {width:100%;vertical-align:top;display:inline-block;text-align:left;box-sizing:border-box;position:relative;z-index:1;}
#aside .aside_box .aside_lnb ul.aside_menu li + li{margin-top:4%;}
#aside .aside_box .aside_lnb ul.aside_menu li.m_on {background:none;}
#aside .aside_box .aside_lnb ul.aside_menu li .lnb_dep1 {height:35px;line-height:35px;font-size:35px;color:#000000;width:100%;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;z-index:1;cursor:pointer;}
#aside .aside_box .aside_lnb ul.aside_menu li ul.lnb_dep2 {height:0;overflow:hidden;display:block;;width:100%;box-sizing:border-box;position:relative;z-index:1;}
#aside .aside_box .aside_lnb ul.aside_menu li.on ul {height:auto;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li {margin-top:0px;width:100%;display:inline-block;vertical-align:top;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li .lnb_dep2 {line-height:25px;padding:20px 0;font-size:25px;color:#999999;font-weight:400;width:auto;box-sizing:border-box;display:inline-block;vertical-align:top;position:relative;z-index:1;cursor:pointer;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li ul.lnb_dep3 {height:0;overflow:hidden;margin:0;width:100%;box-sizing:border-box;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li.on_s ul.lnb_dep3 {height:auto;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li ul li {border-left:1px #939aaa solid;padding:0 2.9%;box-sizing:border-box;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li ul li a {padding:0;height:auto;line-height:21px;color:#939aaa;font-size:20px;font-weight:400;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li ul li + li a {padding-top:14px;}
#aside .aside_box .aside_lnb ul.aside_menu li ul li ul li:last-child {margin-bottom:2.9%;}

#aside {right:-100%;width:100%;}

#aside .hd_gnb{display:flex; justify-content:space-around; align-items:center; height:50px;}
#aside .hd_gnb li{width:47.5%; height:30px; line-height:30px; text-align:center; font-size:16px;}
#aside .hd_gnb li:nth-of-type(2){background-color:#dd0025;}
#aside .hd_gnb li:nth-of-type(1){background-color:#333;}
#aside .hd_gnb li a{color:#fff;font-size:16px;}

@media only screen and (max-width:1217px) {
	.for_m {display:inline-block;}
	.for_pc {display:none;}

	.w_set {width:100%;padding:0 2.6%;box-sizing:border-box;}
	.w_set2 {width:100%;}

	body {padding:0px;}
	body.on {height:100%;overflow:hidden;}

	#wrap {padding-top:0px;}
	#header {padding: 8px 0; line-height: 63px; height: 80px;  border: 0; text-align: center; z-index: 10; width: 100%; box-sizing: border-box; font-size: 0;}
	#header:after {}
	#header .w_set2 {}
	#header{height:80px;padding:10px 20px;background:#fff;}
	#header .hd_logo img{height:100%;}

	#header .hd_lnb{display:none;}
	#header .btn_hd_cate {z-index:20;width:30px;height:25px;line-height:38px;padding:0px;top:15px;right:0;position:absolute;display:inline-block;box-sizing:border-box;}
	#header .hd_gnb{top:0px;right:7%; display:none;}
	#header .hd_gnb a{text-transform: uppercase;}

	.menu-trigger {margin:0;display:inline-block;position:relative;width:25px;height:20px;}
	.menu-trigger,
	.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	.menu-trigger span {position:absolute;right:0;width:100%;height:2px;background-color:#000;border-radius:0px;}
	.menu-trigger span:nth-of-type(1) {top:0;}
	.menu-trigger span:nth-of-type(2) {top:9px;}
	.menu-trigger span:nth-of-type(3) {bottom:0;}
	/* type-01 */
	/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
	.menu-trigger.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) {opacity:0;}
	.menu-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}
	#header.on .menu-trigger span {background-color:#273555;}
	#header.on .menu-trigger.active-1 span {background-color:#fff;}
	/*
	#header.on {transition:0.3s;background:rgba(255,255,255,1);}
	#header.on:after {transition:0.3s;background: rgba(118, 118, 118, 0.2);}
	#header.on .hd_logo.pc_logo {}
	#header.on .hd_logo.m_logo a {transition:0.3s;}
	#header.on .hd_logo.m_logo a.out {display:none;}
	#header.on .hd_logo.m_logo a.on {display:inline-block;}
	#header.on .hd_lnb li, #header.on .hd_lnb li a {transition:0.3s;color:#333;}
	#header.on .hd_gnb li, #header.on .hd_gnb li a {transition:0.3s;color:#666;}
	#header.on .menu-trigger span {background-color:#333;}
	#header.on .menu-trigger.active-1 span {background-color:#fff;}
	*/
	#header.on .menu-trigger.active-1 span {background-color:#000000;}

}

@media only screen and (max-width:640px) {
	body {padding:0;}
	body.on {height:100%;overflow:hidden;}

	.w_set {width:100%;padding:0 2.6%;box-sizing:border-box;}
	.w_set2 {width:100%;}

	.for_m {display:inline;}
	.for_pc {display:none;}

	#wrap {padding-top:0px;}
	#header {padding:10px 0 11px 0;line-height:20px;height:50px;}
	#header:after {}
	#header .w_set2 {}
	#header .hd_logo {left:50%;top:0px;transform:translateX(-50%);}
	#header .hd_logo img {height:33px;width:auto;}
	#header .hd_lnb, #header .hd_gnb {display:none;}
	#header .btn_hd_cate {z-index:20;display:inline-block;width:35px;height:35px;line-height:20px;padding:6px 5px 7px 5px;box-sizing:border-box;top:0;right:2.6%;position:absolute;}
	#header.on .menu-trigger.active-1 span {background-color:#000000;}
	#aside {right:-100%;width:100%;top:50px;}

	#aside ul.slidemenu > li > a span{height: 20px;line-height: 20px;font-size: 20px;}
	#aside ul.slidemenu > li > ul{padding:10px 0;margin-top:12px;}
	#aside ul.slidemenu > li > ul > li a{padding:0 17px;font-size:13px;line-height:32px;}


}





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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer{background:#000000;overflow:hidden;padding:42px 0 98px;}
#footer .w_set{overflow:hidden;} 
#footer .fl{text-align:left;}
#footer .fl .ft_gnb{}
#footer .fl .ft_gnb li{display:inline-block;vertical-align:middle;padding-right:10px;}
#footer .fl .ft_gnb li + li:before {content:"/";display:inline-block;line-height:23px;height:23px;vertical-align:middle;margin-right:12px;}
#footer .fl .ft_gnb li a{font-size:13px;color:#888888;}
#footer .fl .ft_gnb li a.bold{font-weight:bold;}
#footer .fl .ft_gnb li a.privacy{color:#bdbdbd;font-weight:bold;}

#footer .fl .ft_address{font-size:12px;color:#777777;margin:35px 0 40px;line-height: 19px;}
#footer .fl .ft_address .line{display:inline-block;background:#939393;width:1px;height:12px;margin:0 11px;vertical-align: middle;}

#footer .fl .ft_copy{font-size:12px;color:#999999;display:block;font-style:normal;text-transform: uppercase;}

#footer .fr{text-align:right;}
#footer .fr p{font-size:20px;color:#ffffff;letter-spacing:2px;}
#footer .fr strong{display:block;font-size:36px;color:#ffffff;line-height:36px;margin:20px 0 24px;}
#footer .fr span{font-size:12px;color:#888888;display:block;line-height:19px;}


@media only screen and (max-width:1217px) {
.for_m {display:inline-block;}
.for_pc {display:none;}

#footer{background:#fff;overflow:hidden;padding:0;}

#footer .ft_call{text-align:center;padding:67px 0 73px;display:block;}
#footer .ft_call p{font-size:40px;color:#333333;letter-spacing:2px;}
#footer .ft_call strong{display:block;font-size:80px;color:#333333;line-height:80px;margin:20px 0 35px; font-family: 'Lato', sans-serif !importnat;font-weight:700;}
#footer .ft_call span{font-size:20px;color:#888888;display:block;line-height:25px;}

#footer .w_set{overflow:hidden;background:#000000;padding:48px 0 64px;}

#footer .fl{text-align:center;float:unset;}
#footer .fl .ft_gnb{}
#footer .fl .ft_gnb li{display:inline-block;vertical-align:middle;padding-right:10px;}
#footer .fl .ft_gnb li + li:before {content:"/";display:inline-block;line-height:23px;height:23px;vertical-align:middle;margin-right:12px;}
#footer .fl .ft_gnb li a{font-size:20px;color:#888888;}
#footer .fl .ft_gnb li a.bold{font-weight:bold;}

#footer .fl .ft_address{font-size:20px;color:#777777;margin:70px 0 125px;line-height: 28px;}
#footer .fl .ft_address .line{display:inline-block;background:#939393;width:1px;height:12px;margin:0 11px;vertical-align: middle;}

#footer .fl .ft_copy{font-size:20px;color:#999999;display:block;font-style:normal;text-transform: uppercase;}

#footer .fr{text-align:right;}
#footer .fr p{font-size:20px;color:#ffffff;letter-spacing:2px;}
#footer .fr strong{display:block;font-size:36px;color:#ffffff;line-height:36px;margin:20px 0 24px;}
#footer .fr span{font-size:20px;color:#888888;display:block;line-height:19px;}	
}

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

#footer{background:#fff;overflow:hidden;padding:42px 0 0;}

#footer .ft_call{text-align:center;padding:50px 0 60px;display:block;}
#footer .ft_call p{font-size:20px;color:#333333;letter-spacing:2px;}
#footer .ft_call strong{display:block;font-size:45px;color:#333333;line-height:45px;margin:25px 0 15px;font-family: 'Lato', sans-serif;font-weight:700;}
#footer .ft_call span{font-size:13px;color:#888888;display:block;line-height:20px;}

#footer .w_set{overflow:hidden;background:#000000;padding:35px 0 25px;}

#footer .fl{text-align:center;float:unset; float:none;}
#footer .fl .ft_gnb{}
#footer .fl .ft_gnb li{display:inline-block;vertical-align:middle;padding-right:10px;}
#footer .fl .ft_gnb li + li:before {content:"/";display:inline-block;line-height:23px;height:23px;vertical-align:middle;margin-right:12px;}
#footer .fl .ft_gnb li a{font-size:12px;color:#888888;}
#footer .fl .ft_gnb li a.bold{font-weight:bold;}

#footer .fl .ft_address{font-size:12px;color:#777777;margin:70px 0 125px;line-height: 20px;}
#footer .fl .ft_address.for_m{display:block;margin:43px 0 100px;}
#footer .fl .ft_address .line{display:inline-block;background:#939393;width:1px;height:12px;margin:0 11px;vertical-align: middle;}

#footer .fl .ft_copy{font-size:12px;color:#999999;display:block;font-style:normal;text-transform: uppercase;}

#footer .fr{text-align:right;}
#footer .fr p{font-size:20px;color:#ffffff;letter-spacing:2px;}
#footer .fr strong{display:block;font-size:36px;color:#ffffff;line-height:36px;margin:20px 0 24px;}
#footer .fr span{font-size:20px;color:#888888;display:block;line-height:19px;}


}


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

	 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:#dd0025;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 {}
}





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

	 MAIN | index.html

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

.main_visual {width:100%;min-width:1200px;margin:0;height:937px;}
.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:937px;}
.main_visual .slick-slide a {display:inline-block;height:100%;width:1920px;max-width:1920px;margin:0 auto;text-align:Center;transform:translateX(-50%);position:absolute;left:50%;top:0;outline:0;}
.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
.main_visual .slick-arrow {top:50%;width:43px;height:76px;transform:translateY(-50%);outline:0;display:inline-block;position:absolute;text-indent:-999px;z-index:10;overflow:hidden;}
.main_visual .slick-arrow.slick-prev {transition:0.5s;left:53px;background:url("../images/skin/visual_prev.png") no-repeat 50% 50%;background-size:100% auto;}
.main_visual .slick-arrow.slick-prev:hover {background:url("../images/skin/visual_prev_on.png") no-repeat 50% 50%;background-size:100% auto;}
.main_visual .slick-arrow.slick-next {transition:0.5s;right:53px;background:url("../images/skin/visual_next.png") no-repeat 50% 50%;background-size:100% auto;}
.main_visual .slick-arrow.slick-next:hover {background:url("../images/skin/visual_next_on.png") no-repeat 50% 50%;background-size:100% auto;}

.main_visual .slick-dots {left:50%;transform:translateX(-50%);bottom:66px;font-size:0;position:absolute;z-index:5;}
.main_visual .slick-dots li {margin:0 7px;display:inline-block;box-sizing:border-box;overflow:hidden;}
.main_visual .slick-dots li button {transition:0.5s;background:rgba(255,255,255,0.5);box-sizing:border-box;display:block;width:28px;height:28px;font-size:0;outline:0;border-radius:100px;}
.main_visual .slick-dots li.slick-active {}
.main_visual .slick-dots li.slick-active button {background:#dd0025;width:110px;height:28px;border-radius:12px;}

.main_visual .auto_control {display:none; position:absolute; right:20px; bottom:20px; font-size:0px;}
.main_visual .auto_control a {display:inline-block; width:auto; height:auto; font-size:25px; font-weight:bold; margin-left:10px; text-shadow:#ffffff 0px 0px 5px;}
.main_visual .auto_control a.on {color:#fff; text-shadow:#000 0px 0px 5px;}

/* 메인 배너3 영역 */
.main_bnr{padding-top:20px;}
.main_bnr ul{overflow:hidden;font-size:0px;}
.main_bnr ul li{float:left;width: calc(32.6%);position:relative;text-align:center;}
.main_bnr ul li + li{margin-left: 1%;}
.main_bnr ul li .img{}
.main_bnr ul li .img img{width:100%;}

.main_bnr ul li .txt{position:absolute;top:50%;margin-top:-65px;height:130px;width:100%;text-align:center;}
.main_bnr ul li .txt p{font-size:40px;color:#fefeff;line-height:40px;}
.main_bnr ul li .txt a{width:145px;height:50px;border:1px solid #ffffff;font-size:18px;color:#ffffff;line-height:50px;text-align:center;margin:50px auto 0;display:block;}
.main_bnr ul li .txt a:hover{background:#dd0025;border:1px solid #dd0025;}

/* 메인 하단 인포 */
.main_info{margin:38px 0;overflow:hidden;}
.main_info .info{float:left;width:25%;box-sizing:border-box;text-align:center;padding:70px 0;}
.main_info .info .tit{font-size:30px;display:block;line-height:30px;font-weight:900;color:#333333;}
.main_info .info .txt{font-size:16px;color:#888888;display:block;line-height:20px;margin:30px 0 60px;}
.main_info .info .btn_more{width:144px;height:49px;color:#333333;border:1px solid #888888;text-align:center;line-height:49px;display:block;margin:0 auto;font-size:18px;}
.main_info .info .btn_more:hover{color:#fff;background:#dd0025;border:1px solid #dd0025;}
.main_info .info02{border-left:1px solid #ddd;border-right:1px solid #ddd;}

/* 메인 공지사항 */
.main_info .info04{padding:20px 0;border-left:1px solid #ddd;}
.main_info .info04 ul{padding:50px 53px 0;}
.main_info .info04 ul li{}
.main_info .info04 ul li + li{margin-top:25px;}
.main_info .info04 ul li a{display:block;}
.main_info .info04 ul li a .txt_box{overflow:hidden;}
.main_info .info04 ul li a .txt_box .title{float:left;font-size:16px;color:#333333;display:block;line-height:16px;padding-left:23px;position:relative;width: 61%;overflow: hidden;text-overflow:  ellipsis;white-space:  nowrap;text-align:  left;}
.main_info .info04 ul li a .txt_box .title:hover{color:#dd0025;}
.main_info .info04 ul li a .txt_box .title:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-2px;width:4px;height:4px;background:#333333;}
.main_info .info04 ul li a .txt_box .date{float:right;font-size:16px;color:#888888;line-height:16px;display:block;width:28%;overflow: hidden;text-overflow:  ellipsis;white-space:  nowrap;}

/* 메인 지도 영역 */
.main_maps {width:100%;height:536px;background:#fff;box-sizing:border-box;text-align:center;}



@media only screen and (max-width:1380px) {
	.main_visual {min-width:100%;height:auto;}
	.main_visual .slick-slide {height:auto;}
	.main_visual .slick-slide a {width:100%;max-width:100%;transform:translateX(0%);position:static;left:0%;top:0;}
	.main_visual .slick-slide img {max-width:100%;}
}
@media only screen and (max-width:1296px) {
	.main_visual .slick-arrow.slick-prev {left:10px;transform:translate(0px, -50%);}
	.main_visual .slick-arrow.slick-next {right:10px;transform:translate(0px, -50%);}
}
@media only screen and (max-width:1217px) {
	.main_visual ul.slick-dots {bottom:10%;}
	/* 메인 배너3 영역 */
.main_bnr{}
.main_bnr ul{overflow:hidden;font-size:0px;}
.main_bnr ul li{float:left;width: calc(33.3%);position:relative;text-align:center;}
.main_bnr ul li + li{margin-left: 0;}
.main_bnr ul li .img{}
.main_bnr ul li .img img{width:100%;}

.main_bnr ul li .txt{position:absolute;top:50%;margin-top:-65px;height:130px;width:100%;text-align:center;}
.main_bnr ul li .txt p{font-size:20px;color:#fefeff;line-height:20px;}
.main_bnr ul li .txt a{width:118px;height:40px;border:1px solid #ffffff;font-size:16px;color:#ffffff;line-height:40px;text-align:center;margin:25px auto 0;display:block;}

.main_visual .slick-dots {left:50%;transform:translateX(-50%);bottom:66px;font-size:0;position:absolute;z-index:5;}
.main_visual .slick-dots li {margin:0 3px;display:inline-block;box-sizing:border-box;overflow:hidden;}
.main_visual .slick-dots li button {transition:0.5s;background:rgba(255,255,255,0.5);box-sizing:border-box;display:block;width:14px;height:14px;font-size:0;outline:0;border-radius:100px;}
.main_visual .slick-dots li.slick-active {}
.main_visual .slick-dots li.slick-active button {background:#dd0025;width:55px;height:14px;border-radius:6px;}

/* 메인 하단 인포 */
.main_info{margin:0 0;overflow:hidden;}
.main_info .info{float:left;width:50%;box-sizing:border-box;text-align:center;padding:70px 0;}
.main_info .info .tit{font-size:30px;display:block;line-height:30px;font-weight:900;color:#333333;}
.main_info .info .txt{font-size:18px;color:#888888;display:block;line-height:20px;margin:45px 0 65px;}
.main_info .info .btn_more{width:171px;height:58px;color:#333333;border:1px solid #888888;text-align:center;line-height:58px;display:block;margin:0 auto;font-size:21px;}
.main_info .info .btn_more:hover{color:#fff;background:#474c55;}
.main_info .info02{border-left:1px solid #ddd;border-right:none;}

.main_info .info03,.main_info .info04{border-top:1px solid #ddd;}

/* 메인 공지사항 */
.main_info .info04{padding:20px 0 35px;border-left:1px solid #ddd;}
.main_info .info04 ul{padding:50px 53px 0;}
.main_info .info04 ul li{}
.main_info .info04 ul li + li{margin-top:25px;}
.main_info .info04 ul li a{display:block;}
.main_info .info04 ul li a .txt_box{overflow:hidden;}
.main_info .info04 ul li a .txt_box .title{float:left;font-size:20px;color:#333333;display:block;line-height:20px;padding-left:23px;position:relative;width: 90%;overflow: hidden;text-overflow:  ellipsis;white-space:  nowrap;text-align:  left;float:none;}
.main_info .info04 ul li a .txt_box .title:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-2px;width:4px;height:4px;background:#333333;}
.main_info .info04 ul li a .txt_box .date{float:right;font-size:16px;color:#888888;line-height:16px;display:block;display:none;}

/* 메인 지도 영역 */
.main_maps {padding:0%;height:600px;background:#273555;}

/* 메인 배너 */
.main_big_bnr{margin-top:20px;background:url("../images/main/main_bnr.jpg") no-repeat fixed center top;height:400px;position:relative;background-size:auto 100%;}
.main_big_bnr .txt{position:absolute;height: 263px;top:50%;margin-top: -131px;text-align:center;width:100%;}
.main_big_bnr .txt strong{display:block;}
.main_big_bnr .txt strong img{height:100px;}
.main_big_bnr .txt em{font-style:normal;display:block;font-size:20px;color:#ffffff;margin:33px 0 18px;line-height:20px;}
.main_big_bnr .txt span{display:block;font-size:20px;color:#ffffff;line-height:20px;}
.main_big_bnr .txt a{display:block;width:110px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:16px;margin:30px auto 0;border:1px solid #fff;}

.main_bnr ul li .txt a:hover{background:none;border:1px solid #fff;}

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

}
@media only screen and (max-width:767px) {
	.main_visual {}
	.main_visual .slick-slide {}
	.main_visual .slick-slide a {}
	.main_visual .slick-slide img {}
	.main_visual .slick-arrow {display:none !important;}

}
@media only screen and (max-width:640px) {
	.main_visual .slick-dots {left:50%;transform:translateX(-50%);bottom:66px;font-size:0;position:absolute;z-index:5;}
	.main_visual .slick-dots li {margin:0 3px;display:inline-block;box-sizing:border-box;overflow:hidden;}
	.main_visual .slick-dots li button {transition:0.5s;background:rgba(255,255,255,0.5);box-sizing:border-box;display:block;width:14px;height:14px;font-size:0;outline:0;border-radius:100px;}
	.main_visual .slick-dots li.slick-active {}
	.main_visual .slick-dots li.slick-active button {background:#dd0025;width:55px;height:14px;border-radius:6px;}
	/* 메인 배너3 영역 */
	.main_bnr{padding:0px !importnat;}
	.main_bnr ul{overflow:hidden;font-size:0px;}
	.main_bnr ul li{float:left;width: 100%;position:relative;text-align:center;height:375px;}
	.main_bnr ul li + li{margin-left: 0;}
	.main_bnr ul li .img{}
	.main_bnr ul li .img img{width:100%;}

	.main_bnr ul li .txt{position:absolute;top:50%;margin-top:-35px;height:130px;width:100%;text-align:center;}
	.main_bnr ul li .txt p{font-size:25px;color:#fefeff;line-height:20px;}
	.main_bnr ul li .txt a{width:72px;height:25px;border:1px solid #ffffff;font-size:12px;color:#ffffff;line-height:26px;text-align:center;margin:25px auto 0;display:block;}
	 
	/* 메인 하단 인포 */
	.main_info{margin:90px 0 0;overflow:hidden;}
	.main_info .info{float:left;width: calc(100% - 44px);box-sizing:border-box;text-align:center;padding:35px 0;margin:0 22px;border-bottom:1px solid #dddddd;}
	.main_info .info .tit{font-size:25px;display:block;line-height:25px;font-weight:900;color:#333333;}
	.main_info .info .txt{font-size:16px;color:#888888;display:block;line-height:18px;margin:45px 0 65px;}
	.main_info .info .btn_more{width:72px;height:25px;color:#333333;border:1px solid #888888;text-align:center;line-height:26px;display:block;margin:0 auto;font-size:12px;}
	.main_info .info .btn_more:hover{color:#333333; background:#fff; border:1px solid #888888; }
	.main_info .info02{border-left:none;border-right:none;}

	.main_info .info03,.main_info .info04{border-top:none;border-left:none;}

	/* 메인 공지사항 */
	.main_info .info04{padding:20px 0;}
	.main_info .info04 ul{padding:40px 0;}
	.main_info .info04 ul li{}
	.main_info .info04 ul li + li{margin-top:25px;}
	.main_info .info04 ul li a{display:block;}
	.main_info .info04 ul li a .txt_box{overflow:hidden;}
	.main_info .info04 ul li a .txt_box .title{float:left;font-size:16px;color:#333333;display:block;line-height:16px;padding-left:13px;position:relative;width: 61%;overflow: hidden;text-overflow:  ellipsis;white-space:  nowrap;text-align:  left;}
	.main_info .info04 ul li a .txt_box .title:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-2px;width:4px;height:4px;background:#333333;}
	.main_info .info04 ul li a .txt_box .date{float:right;font-size:14px;color:#888888;line-height:16px;display:block;width:28%;overflow: hidden;text-overflow:  ellipsis;white-space:  nowrap;}

	/* 메인 지도 영역 */
	.main_maps {padding:0%;height:375px;background:#273555;}


}