/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {margin: 0 auto; width: 1200px; max-width:100%;}
.pcbr {display: block;}


@media(max-width:1220px){
	.inner {padding: 0 3%;}
}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t {width:100%; margin:0 auto; position:fixed; left:0; top:0px; z-index:99; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; background-color: #151515;}
.header_t > .inner {display: flex; align-items: center; justify-content: space-between;}

.header_t .language_wrap {background-color: #2d2d2d; text-align:right;}
.header_t .language_wrap .language_btn {position:relative;display:inline-block; width: 130px; height: 30px; line-height: 30px; text-align:center; font-size: 12px; color: #fff; background-color: #424242; cursor:pointer;}
.header_t .language_wrap .language_btn .tri{margin-left: 20px; display: inline-block; width: 0px; height: 0px; border-top:7px solid #fff; border-bottom:0px solid transparent; border-right: 3px solid transparent; border-left: 3px solid  transparent; -webkit-transition:.3s ease transform; -moz-transition:.3s ease transform; -o-transition:.3s ease transform; transition:.3s ease transform;}
.header_t .language_wrap .language_btn.active .tri {transform:rotate(180deg);}
.header_t .language_wrap .language_btn ul {display:none; position: absolute; z-index: 999; width: 100%; background-color: #424242;}
.header_t .language_wrap .language_btn ul li a {position:relative; display: flex; margin:10px 0; color: #fff; font-size: 12px; justify-content:center; align-items:center;}
.header_t .language_wrap .language_btn ul li:first-child a:before {margin-right: 8px; display: inline-block; content:''; width: 20px; height: 14px; background:url(./img/lang_ko.png) no-repeat center center / cover}
.header_t .language_wrap .language_btn ul li:nth-child(2) a:before {margin-right: 8px; display: inline-block; content:''; width: 20px; height: 14px; background:url(./img/lang_ame.png) no-repeat center center / cover}
.header_t .language_wrap .language_btn ul li:nth-child(3) a:before {margin-right: 8px; display: inline-block; content:''; width: 20px; height: 14px; background:url(./img/lang_cn.png) no-repeat center center / cover}
.header_t .header_info {display:flex; justify-content: space-between; background-color:#151515;}
.header_gnb_bg {width: 50%;}
@media(max-width:1300px){
	.header_t > .inner{padding:0 3%;}
}
@media(max-width:1080px){
	.header_t > .inner{padding:12px 3%;}
	.header_t .language_wrap {display: none;}
	.header_gnb_bg			{display:none;}
}
@media(max-width:768px){
	.header_t .language_wrap .language_btn {padding:7px 14px;}
}

/* 로고 */
.header_logo > a {display: block; position: relative;}
.header_logo > a .f_logo {position:absolute; opacity: 0; visibility:hidden;}
.header_logo img			{width:100%; max-width:212px; height:auto;}

@media(max-width:768px){
	.header_logo img {max-width: 160px;}
}

@media(max-width:480px){
	.header_logo img {max-width:120px;}
}



/* 햄벅 */
.mo_nav {display: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:0; background-color: transparent;}
.mo_nav .navbar-toggle .icon-bar {background:#fff; display:block; width:28px; height:3px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px;}


@media(max-width:1080px){
	.mo_nav {display:block;}
}

/* f-nav */
.f-nav{background:rgba(21,21,21,0.85);}
.f-nav .header_logo > a .f_logo {top:0; left:0; display: block; opacity: 1; visibility: visible;}

/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_sec.inner {padding:100px 0;}
.main_sec .main_titbox .main_desc {font-size: 18px; font-weight: 700; color: #a8a8a8; text-align: center;}
.main_sec .main_titbox .main_tit {margin-bottom: 32px; font-size: 36px; font-weight: 700; color: #111; line-height: 1.2; text-align: center; letter-spacing: -0.02em;}

@media(max-width:1220px){
	.main_sec.inner {padding: 9% 3%;}	
	.main_sec .main_titbox .main_tit {margin-bottom: 2.75%;}
}

@media(max-width:768px){
	.main_sec .main_titbox .main_desc {font-size: 16px; font-weight: 500;}
	.main_sec .main_titbox .main_tit {font-size: 28px;}
}
@media(max-width:480px){
	.main_sec .main_titbox .main_tit {font-size: 18px;}
	.main_sec .main_titbox .main_desc {font-size: 14px;}
}

.main_visual {position:relative; margin:0 auto;}
.main_visual .pc {display: block;}
.main_visual .mobile {display: none;}
@media(max-width:768px){
	.main_visual .pc {display: none;}
	.main_visual .mobile {display: block;}
}

.section01.inner {}
.section01 .slidewrap .slick-arrow {width: 101px; height: 60px; z-index: 10;}
.section01 .slidewrap .slick-arrow.slick-next {right:-120px; background:url(./img/products_next.png) no-repeat center center / cover;}
.section01 .slidewrap .slick-arrow.slick-prev {left:-120px; background:url(./img/products_prev.png) no-repeat center center / cover;}
.section01 .slidewrap .slick-list {} 
.section01 .slidewrap .content {position: relative; display:block; margin: 12px;}
.section01 .slidewrap .content img {display: block; max-width:100%; vertical-align:top; margin: 0 auto;}
.section01 .slidewrap .content .txt_box {position: absolute; padding:36px 28px; top: 0; right: 0; bottom: 0; left: 0;}
.section01 .slidewrap .content .cont_tit1 {margin-bottom: 50px; font-size: 24px; font-weight: 500; color: #fff;}
/*.section01 .slidewrap .content .cont_tit2 {margin-bottom: 40px; font-size: 16px; font-weight: 700; color: #fff; opacity: 0.7; min-height: 44px;}*/
.section01 .slidewrap .content .view_btn {display:inline-block; padding:10px 15px; background-color: rgba(255,255,255,0.8); font-size: 13px; font-weight: 700; color: #424242; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.section01 .slidewrap .content .view_btn i {margin-left: 18px;}
.section01 .slidewrap .content:hover .view_btn {background-color: #003471; color: #fff;}

@media(max-width:1500px){
	.section01 .slidewrap .slick-arrow.slick-next {right: 12px;}
	.section01 .slidewrap .slick-arrow.slick-prev {left	: 12px;}
	.section01 .slidewrap .slick-arrow {transform:none; bottom: 12px; top:auto;}
}
@media(max-width:960px){
	.section01 .slidewrap .content .cont_tit1 {font-size: 20px;}
}
@media(max-width:768px){

	.section01 .slidewrap .content .txt_box {padding:20px 12px;}	

	.section01 .slidewrap .content .cont_tit1 {font-size: 18px;}
	.section01 .slidewrap .content .cont_tit2 {font-size: 14px;}

	.section01 .slidewrap .content .view_btn {padding:6px 10px;}
	.section01 .slidewrap .content .view_btn i {margin-left: 8px;}

	.section01 .slidewrap .content:hover .view_btn {background-color: rgba(255,255,255,0.8); color: #424242;}

}

@media(max-width:480px){
	.section01 .slidewrap .content .cont_tit1 {font-size: 16px;}
	.section01 .slidewrap .content .cont_tit2 {min-height: 40px;}
	.section01 .slidewrap .content .view_btn i {margin-left: 4px;}
	.section02 .main_titbox .desc {font-size: 14px;}
}


.section02 {margin-bottom: 8%;}
.section02.inner {position:relative; padding:0; min-height: 485px; width: 1770px; text-align: center; overflow:hidden;}
.section02.inner .img_box {height:100%; position:absolute;  width:1770px; max-width:100%; z-index: -10; background:url(./img/main08.jpg) no-repeat center center / cover;}
.section02.inner .img_box.animate {animation-name:intro; animation-duration:6s;}
.section02 .cont {position: absolute; width: 100%; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.section02 .main_titbox .main_tit {color: #fff;}
.section02 .main_titbox .desc {font-size: 18px; font-weight: 500; letter-spacing:-0.02em; color: #fff; line-height: 1.65; text-align: center;}
.section02 .link_btn {margin-top: 65px; display: inline-block; padding:18px 40px; font-size: 18px; font-weight: 500; color: #fff; background-color: #707070; -webkit-transition: .5s ease-out background-color; -moz-transition: .5s ease-out background-color; -o-transition: .5s ease-out background-color; transition: .5s ease-out background-color;}
.section02 .link_btn:nth-of-type(1) {margin-right: 16px;}
.section02 .link_btn:hover {background-color: #003471;}
.section02 .link_btn .icon {display: inline-block;}
.section02 .link_btn .icon img {margin-top:11px; display:inline-block; max-width:100%; vertical-align:top;}

@keyframes intro{
	0%{transform:scale(1.2)}
	100%{transform:scale(1)}
}

@media(max-width:1220px){
	.section02 .link_btn {margin-top: 6%;}
}
@media(max-width:960px){
	.section02 .main_titbox .desc .pcbr {display: none;}
	.section02 .cont {width: 80%;}
}
@media(max-width:768px){
	.section02 {margin-bottom: 12%;}
	.section02.inner {min-height: 370px;}
	.section02 .main_titbox .desc {font-size: 16px;}
	.section02 .link_btn {margin-top: 5%; padding:10px 16px; font-size: 16px;}
	.section02 .link_btn:nth-of-type(1) {margin-right: 4px;}
	.section02 .link_btn:hover {background-color: #707070;}
}

@media(max-width:480px){
	.section02 .main_titbox .desc {font-size: 14px; font-weight: 400;}
	.section02 .link_btn {font-size: 14px; display: block;}
	.section02 .link_btn:nth-of-type(1) {margin-right: 0;}
	.section02 .link_btn .icon img {margin-top: 8px;}
}


.section03 {margin: 0 auto 80px auto; width: 1770px; max-width:100%;  background-color: #f3f3f3;}
.section03 .inner {padding:7.5% 0 6% 0; display:flex; align-items: center; justify-content: center;} 
.section03 .inner:after {clear:both; content:''; display:block; height:0; line-height: 0;}

.notices {position:relative; float:left; width: 32%; margin-right: 12px;}
.notices .lat_tit {font-size: 24px; font-weight: 700; color: #000; margin-bottom: 24px;}

.notices li {text-overflow: ellipsis;overflow: hidden; background-color: #fff;}
.notices li a {display:flex; flex-direction: column; justify-content:space-between; border:1px solid #a8a8a8; padding:40px 10%; font-size: 25px; font-weight: 500; color: #111; min-height:360px; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.notices li a:hover {background-color: #003471;}
.notices li a div h4{margin-bottom: 16px; font-size: 24px; font-weight: 700; color: #000; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.notices li a:hover div h4{color: #fff;}
.notices li a div span {display: block; margin-bottom: 5px; font-size: 15px; font-weight: 400; color: #111; opacity: 0.5; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.notices li a:hover div span {color: #b6b6b6; opacity: 1;}
.notices li a > span {position:relative;display: inline-block; font-size: 13px; color: #838383; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.notices li a:hover > span {color: #fff;}
.notices li a > span:before {position:absolute; left:93px; bottom:5px; display: inline-block; content:''; width: 16px; height: 6px; background:url('./img/view_btn.png') no-repeat; opacity: 1; visibility:visible; -webkit-transition:.5s ease-out opacity; -moz-transition:.5s ease-out opacity; -o-transition:.5s ease-out opacity; transition:.5s ease-out opacity;}
.notices li a:hover > span:before {opacity: 0; visibility: hidden;;}
.notices li a > span:after {position:absolute; left:93px; bottom:5px; display: inline-block; content:''; width: 16px; height: 6px; background:url('./img/view_btn(2).png') no-repeat; opacity: 0; visibility:hidden; -webkit-transition:.5s ease-out opacity; -moz-transition:.5s ease-out opacity; -o-transition:.5s ease-out opacity; transition:.5s ease-out opacity;}
.notices li a:hover > span:after {opacity: 1; visibility: visible;}
.notices li a p {font-size: 13px; color: #838383; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.notices li a:hover p {color: #fff;}

.release {float:left;position:relative; width: 66%;}
.release .lat_tit {font-size: 24px; margin-left: 12px; font-weight: 700; color: #000; margin-bottom: 24px;}

.release li {text-overflow: ellipsis;overflow: hidden; margin:0 12px;}
.release li a {display:flex; flex-direction: column; justify-content:space-between; padding:40px 10%; font-size: 25px; font-weight: 500; color: #111; min-height:360px; border:1px solid #a8a8a8; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all; background-color: #fff;}
.release li a:hover {background-color: #003471;}
.release li a div h4{margin-bottom: 16px; font-size: 24px; font-weight: 700; color: #000; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.release li a:hover div h4{color: #fff;}
.release li a div span {display: block; margin-bottom: 5px; font-size: 15px; font-weight: 400; color: #111; opacity: 0.5; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.release li a:hover div span {color: #b6b6b6; opacity: 1;}
.release li a > span {position:relative;display: inline-block; font-size: 13px; color: #838383; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.release li a:hover > span {color: #fff;}
.release li a > span:before {position:absolute; left:93px; bottom:5px; display: inline-block; content:''; width: 16px; height: 6px; background:url('./img/view_btn.png') no-repeat; opacity: 1; visibility:visible; -webkit-transition:.5s ease-out opacity; -moz-transition:.5s ease-out opacity; -o-transition:.5s ease-out opacity; transition:.5s ease-out opacity;}
.release li a:hover > span:before {opacity: 0; visibility: hidden;;}
.release li a > span:after {position:absolute; left:93px; bottom:5px; display: inline-block; content:''; width: 16px; height: 6px; background:url('./img/view_btn(2).png') no-repeat; opacity: 0; visibility:hidden; -webkit-transition:.5s ease-out opacity; -moz-transition:.5s ease-out opacity; -o-transition:.5s ease-out opacity; transition:.5s ease-out opacity;}
.release li a:hover > span:after {opacity: 1; visibility: visible;}
.release li a p {font-size: 13px; color: #838383; -webkit-transition:.5s ease-out all; -moz-transition:.5s ease-out all; -o-transition:.5s ease-out all; transition:.5s ease-out all;}
.release li a:hover p {color: #fff;}

@media(max-width:1220px){
	.section03 {margin: 0 auto 6.5% auto;}
	.section03 .inner {padding:7.5% 3% 6% 3%;}
}

@media(max-width:768px){
	.section03 .inner {display: block;}
	.notices {width: 100%; margin:0; margin-bottom: 8%; padding:0 12px; float:none;}
	.notices .lat_tit {font-size: 22px; margin-bottom: 12px;}
	.notices li a {padding:40px 30px; min-height: 275px;}
	.notices li a:hover {background-color: #fff;}
	.notices li a div span {font-size: 14px;}
	.notices li a:hover div span {color: #111; opacity: 0.5;}
	.notices li a div h4 {font-size: 20px;}
	.notices li a:hover p {color: #838383;}
	.notices li a:hover div h4{color: #000;}
	.notices li a:hover > span {color: #838383;}
	.notices li a:hover > span:before {opacity: 1; visibility: visible;}
	.notices li a > span:after {display: none;}

	.release {width: 100%; float:none;}
	.release .lat_tit {font-size: 22px; margin-bottom: 12px;}
	.release li a {padding:40px 30px; min-height: 275px;}
	.release li a:hover {background-color: #fff;}
	.release li a div h4 {font-size: 20px;}
	.release li a div span {font-size: 14px;}
	.release li a:hover div span {color: #111; opacity: 0.5;}
	.release li a:hover p {color: #838383;}
	.release li a:hover div h4{color: #000;}
	.release li a:hover > span {color: #838383;}
	.release li a:hover > span:before {opacity: 1; visibility: visible;}
	.release li a > span:after {display: none;}
}

@media(max-width:480px){
	.notices {}
	.notices li a {min-height: 220px; padding:40px 20px;}
	.notices li a div h4 {font-size: 18px;}
	.release li a {min-height: 220px; padding:40px 20px;}
	.release li	.slick-list {margin: 0 -12px;}
	.release li {margin: 0 12px;}
	.release li a div h4 {font-size: 18px;}
}

.section04 {display: flex; justify-content: space-between;}
.section04 .content {position:relative; width: 50%; min-height: 320px;text-align: center;}
.section04 .content:first-child {background:url('./img/main09.jpg') no-repeat center center / cover;}
.section04 .content:nth-child(2) {background:url('./img/main10.jpg') no-repeat center center / cover;}
.section04 .content .main_titbox {position: absolute; top:25%; width: 100%; z-index: 10;}
.section04 .content .main_titbox .main_desc {margin-bottom: 20px;}
.section04 .content .main_titbox .main_tit {color: #fff;}
.section04 .content .main_titbox .icon {display: inline-block;}
.section04 .content .overlay {position: absolute; width: 100%; height: 100%; background-color: #003471; visibility:hidden; opacity: 0; -webkit-transition:.5s ease-out opacity; -moz-transition:.5s ease-out opacity; -o-transition:.5s ease-out opacity; transition:.5s ease-out opacity;}
.section04 .content:hover .overlay {opacity: 1; visibility:visible;}

@media(max-width:1220px){
	.section04 .content .main_titbox .main_desc {margin-bottom: 3%;}
}
@media(max-width:768px){
	.section04 .content {min-height: 210px;}
	.section04 .content:hover .overlay {display: none;}
}
@media(max-width:480px){
	.section04 .content {min-height: 132px;}
}
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:53px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1200px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #ddd;}
.home_btn_all a					{display:block; height:53px; line-height:54px; text-align:center; border-left:1px solid #ddd;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:246px; padding:0 0 0 0; height:53px; position:relative; line-height:54px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:246px; padding:0; height:53px; line-height:54px; position:relative; cursor:pointer; border-right:1px solid #ddd;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 {line-height:100%; padding-top:10px;}

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_wrap {padding:45px 0; background-color: #252525;}
.footer_wrap .inner {display: flex; justify-content:space-between; align-items: center;}
.footer_wrap .inner div.cwrap		{display: flex; }
.footer_wrap .inner div.cwrap a:first-child	{margin-right:10px;}
.footer_wrap .inner .catalog {display: flex; justify-content:center; align-items:center; padding:6px 12px; color: #fff; font-weight: 700; border-radius:5px; background-color: #000; -webkit-transition:.5s ease background-color; -moz-transition:.5s ease background-color; -o-transition:.5s ease background-color; transition:.5s ease background-color;}
.footer_wrap .inner .catalog:hover {background-color: #ff1300;}
.footer_wrap .inner .catalog .icon {display: inline-block;}
.footer_wrap .inner .catalog .icon img {margin: 2px 0 0 30px; max-width:100%; display: block; vertical-align: top;;}
.footer_wrap .footer_t .policy a {margin-bottom: 10px; display: inline-block; color: #fff; font-weight: 700; font-size: 13px;}
.footer_wrap .footer_t .footer_txt .footer_info {color: #ccc; font-size: 13px; line-height: 1.525;}
.footer_wrap .footer_t .footer_txt .footer_info .slash {display: inline-block; padding:0 10px;}
.footer_wrap .footer_t .footer_txt .footer_info .slash:after {display: inline-block; content:'/';}

@media(max-width:768px){
	.footer_wrap .inner .catalog .icon img {margin:2px 0 0 8px;}
	.footer_wrap .inner .catalog:hover {background-color: #000;}
}

@media(max-width:600px){
	.footer_wrap {padding:0}
	.footer_wrap .inner {padding:4% 3%; flex-flow:row wrap; flex-direction: column; align-items: flex-start}
	.footer_wrap .inner .catalog {margin-top:6px; font-size: 13px; padding:4px 8px;}
	.footer_wrap .inner .footer_t {width: 100%; text-align:left;}
	.footer_wrap .footer_t .footer_txt .footer_info {text-align:left;}
	.footer_wrap .footer_t .footer_txt .footer_info .slash { display: block; height: 0;} 
	.footer_wrap .footer_t .footer_txt .footer_info .slash:after {content:'';}
}

/************************* footer_inc 끝 *************************/

/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:145px;
	right:230px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:100%;
	background:url("./img/top_btn.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/top_btn.png") no-repeat left -60px;
	width:60px;
	height:60px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
@media(max-width:1220px){
	#toTop {right: 10px; bottom: 10px;}
}
/************************* ui.totop 끝 *************************/
/************************* 서브페이지 공통 *************************/

.s_inner {padding:88px 0 240px 0;}
.s_tit {position:relative; margin:0 auto 6% auto; padding-bottom: 16px; font-size: 36px; font-weight: 500; color: #333; text-align: center;}
.s_tit:after {display:block; content:''; position: absolute; width: 50px; height: 3px; background-color: #eb3226; left: 50%; bottom:0; transform:translateX(-50%);}

.ss_tit h3 { display: flex; justify-content: center; align-items: center; font-size: 30px; font-weight: 600; position: relative; margin-bottom: 20px;}
.ss_tit p {text-align: center;font-size: 18px;margin-bottom: 60px;}
.ss_tit h3::before {content: ''; display: block; width: 100%; height: 1px; background: #ddd; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.ss_tit h3 span {display: inline-block; background: #fff; position: relative; z-index: 10; padding: 0 20px;}
.ss_tit h3 span::before, .ss_tit h3 span::after {content: ''; display: block; width: 5px; height: 5px; background: #eb3226; position: absolute; top: 50%; transform: translateY(-50%);}
.ss_tit h3 span::before {left: 0;}
.ss_tit h3 span::after {right: 0;}

@media(max-width:1220px){
	.s_inner {padding:7% 3% 20% 3%;}
	
}
@media(max-width:768px){
	.s_tit {font-size: 28px;}
	.ss_tit h3 {font-size: 24px;}
	.ss_tit p {font-size: 15px; margin-bottom: 40px;}
}
@media(max-width:480px){
	.s_tit {font-size: 22px;} 
	.ss_tit h3 {font-size: 20px;}
}


/************************* s11 시작 *************************/
.s11 .contents {display: flex; flex-flow:row wrap; justify-content: space-between;}
.s11 .contents .cont01 {background:url('./img/s11_01.jpg') no-repeat top left / cover; width: 100%; height: 610px;}
.s11 .contents .cont02 {padding:20px 0; width: 100%;}
.s11 .contents .cont02 h3 {margin-bottom: 2%; font-size: 28px; font-weight: 500; line-height: 1.3; color: #464646;}
.s11 .contents .cont02 .txt_box {margin-bottom: 4%;}
.s11 .contents .cont02 .txt_box p {margin-bottom: 2%; font-size: 16px; color: #464646; padding-right: 5%;}
.s11 .contents .cont02 .txt_box p:last-child {margin-bottom: 0;}
.s11 .contents .cont02 .info {text-align: right;}
.s11 .contents .cont02 .info .pos {font-size: 16px; font-weight: 500;}
.s11 .contents .cont02 .info .name {font-size: 24px; font-weight: 500;}
@media(max-width:1220px){
	.s11 .contents .cont01 {height: 50vw;}
}
@media(max-width:960px){
.s11 .contents {flex-flow:row wrap;}
.s11 .contents .cont01 {margin-bottom: 2%; width: 100%; height: 45vw; background-position: top left; }
.s11 .contents .cont02 {padding:0; width: 100%;}
.s11 .contents .cont02 h3 {margin-bottom: 3%; font-size: 28px;}
.s11 .contents .cont02 .txt_box {margin-bottom: 3%;}
.s11 .contents .cont02 .txt_box p {margin-bottom: 2%;}
}
@media(max-width:768px){
	.s11 .contents .cont02 h3 {margin-bottom: 4%; font-size: 24px;}
	.s11 .contents .cont02 .txt_box {margin-bottom: 6%;}
}
@media(max-width:480px){
	.s11 .contents .cont01 {margin-bottom: 4%;}
	.s11 .contents .cont02 h3 {margin-bottom: 4%; font-size: 18px;}
	.s11 .contents .cont02 .txt_box {margin-bottom: 4%;}
	.s11 .contents .cont02 .txt_box p {margin-bottom: 3%; font-size: 14px;}
	.s11 .contents .cont02 .info .pos {font-size: 14px;}
	.s11 .contents .cont02 .info .name {font-size: 18px;}
}
/************************* s11 끝 *************************/
/************************* s12 시작 *************************/

    .s12_01 .contents {display: flex; justify-content: space-between; align-items:center; flex-wrap:wrap;}
    .s12_01 .contents .content {width: 48%;}
    .s12_01 .contents .cont01 img {max-width:100%; margin: 0 auto; display: block; vertical-align:top;}
    .s12_01 .contents .cont02 {display: flex; flex-flow:row wrap;}
    .s12_01 .contents .cont02 .cont_box {display:flex; flex-direction: column; justify-content: center; padding:3em 1.5em; width: 50%; text-align: center; border:1px solid #dfdfdf; min-height: 302px;}
    .s12_01 .contents .cont02 .cont_box:nth-child(2),
	.s12_01 .contents .cont02 .cont_box:nth-child(3) {background-color: #f7f7f7;}
    .s12_01 .contents .cont02 .cont_box.empty {background-color: transparent; border:none;}
    .s12_01 .contents .cont02 .cont_box h3 {margin-bottom: 10px; font-weight: 700; color: #111;}
    .s12_01 .contents .cont02 .cont_box p {line-height: 1.65;}
@media(max-width:1220px){
    .s12_01.s_inner {padding:7% 3% 20% 3%;}
}
@media(max-width:1080px){
    .s12_01 .contents .cont01 {width: 38%;}
	.s12_01 .contents .cont02 {width: 58%;}
}
@media(max-width:768px){
.s12_01 .contents .content {width: 100%;}
.s12_01 .contents .cont01 {margin-bottom: 9%;}
}
@media(max-width:480px){
    .s12_01 .contents .content {width: 100%;}
    .s12_01 .contents .cont02 .cont_box {width: 100%; height: auto;}
	.s12_01 .contents .cont02 .cont_box:nth-child(3) {background-color: #fff;}
	.s12_01 .contents .cont02 .cont_box:nth-child(4) {background-color: #f7f7f7;}
}
/************************* s12 끝 *************************/
/************************* s13 시작 *************************/
	.s13 .img {display: flex;align-items:center;justify-content:center;width:100%;height:200px;background:url(./img/s13_01.jpg) no-repeat center center / cover; }
	.s13 .img h3 {font-size: 28px;font-weight: 600;color: #fff;}
	.s13 .his_tab ul {display: flex;}
	.s13 .his_tab ul li {width:33.3333%;height:60px;background:#f8f8f8}
	.s13 .his_tab ul li.onon_new {background:#eb3226}
	.s13 .his_tab ul li a {display: flex;align-items:center;justify-content:center;height: 100%;color: #333;font-size: 18px;}
	.s13 .his_tab ul li.onon_new a {color:#fff;font-weight: 600;}
	.s13 .his_tab ul li:not(:last-child) {border-right: 1px solid #ddd;}
	.s13 .his_cont {padding-top: 50px;}
	.s13 .his_cont .year {display: flex;}
	.s13 .his_cont .year:not(:last-child) {margin-bottom: 50px;}
	.s13 .his_list {display: none;}
	.s13 .his_list.on {display: block;}
	.s13 .his_cont .year h3 {font-size: 34px;font-weight: 600;color:#eb3226;position: relative;}
	.s13 .his_cont .year h3::after {content:'';display:block;width: 130px;height: 1px;background:#ccc;position: absolute;right:0;top:50%;transform:translateY(-50%);}
	.s13 .his_cont .year .lt {width: 20%;}

	.s13 .his_cont .year .rg {width: 80%;margin-top: 10px;}
	.s13 .his_cont .year .rg ul li {font-size: 16px;position: relative;padding-left: 15px;}
	.s13 .his_cont .year .rg ul li::before {content:'';display: block;width: 4px;height: 4px;background:#eb3226;position: absolute;left: 0;top:10px;}
	.s13 .his_cont .year .rg ul li:not(:last-child) {padding-bottom: 10px;}
	@media(max-width:1280px){
	.s13 .his_cont .year h3::after {width:100px}
	}
	@media(max-width:1024px){
	.s13 .img {height: 150px;}
	.s13 .img h3 {font-size: 24px;}
	.s13 .his_tab ul li {height: 50px;}

	.s13 .his_tab ul li a {font-size: 16px}
	.s13 .his_cont .year h3 {font-size: 30px;}
	.s13 .his_cont .year h3::after {width: 60px;}
	.s13 .his_cont .year .rg ul li {font-size: 15px;}
	}
	@media(max-width:768px){
	.s13 .img {height: 120px;}
	.s13 .his_tab ul li a {font-size: 15px;}
	.s13 .his_cont .year {display: block;}
	.s13 .his_cont .year .lt {width: 100%;}
	.s13 .his_cont .year .rg {width: 100%;}
	.s13 .his_cont .year h3 {font-size: 26px;}
	.s13 .his_cont .year h3::after {width: 70%;}
	.s13 .his_cont .year .rg {width: 100%;}
	.s13 .his_cont .year .rg ul li {font-size: 14px;}
	.s13 .his_cont {padding-top: 30px;}
	.s13 .his_cont .year:not(:last-child) {margin-bottom: 30px;}
	}
/************************* s13 끝 *************************/
/************************* s14 시작 *************************/	
	.s14 .s_tit {margin-bottom: 3%; }
	.s14 .ci_desc {margin: 0 auto 3% auto; text-align: center; width: 60%; font-size: 18px; font-weight: 500;}
    .s14 .contents {display: flex; justify-content: center; align-items:center;}
    .s14 .contents .content {border:1px solid #ebebeb; text-align: center;}
	.s14 .contents .content img {max-width:100%;  vertical-align:top;}
    @media(max-width:768px){
		.s14 .ci_desc {margin-bottom: 6%; width: 80%;}
        .s14 .contents {flex-wrap:wrap;}
        .s14 .contents .content {width: 100%;}
    }	

/************************* s14 끝 *************************/	
/************************* s15 시작 *************************/
.s15 img {display: block; margin: 0 auto; vertical-align:top; max-width:100%}
.s15 .pc {display: block;}
.s15 .mo {display: none;}
@media(max-width:768px){
	
	.s15 .pc {display: none;}
	.s15 .mo {display: block;}
}
/************************* s15 끝 *************************/
/************************* s17 시작 *************************/
.s18 .cont01 {margin-bottom: 6%;}
.s18 ul {display:flex; flex-wrap: wrap; }
.s18 ul li { width: 32%; margin: 0 2% 2% 0;}
.s18 ul li img {max-width:100%; display:block; margin: 0 auto; vertical-align: top;}
.s18 ul li:nth-child(3n) {margin-right: 0;}
.s18 ul li p {display:flex; align-items:center; justify-content:center; width:100%; height:200px; margin-bottom:15px;}
.s18 ul li h3 {text-align:center;font-size:16px;font-weight:500}
@media (max-width:1024px) {
	.s18 ul li p {height:150px;}
}
@media (max-width:768px) {
	.s18 ul li {width:49%; margin: 0 1% 2% 0;}
	.s18 ul li:nth-child(3n) {margin-right: 1%;}
	.s18 ul li:nth-child(2n) {margin-right: 0;}
	.s18 ul li h3 {font-size:14px}
	.s18 ul li img {max-width: 70%;}
}

/************************* s17 끝 *************************/	
/************************* s18 시작 *************************/
.s19 .map_box {height: 360px;}
.s19 .info_box {margin-top: 4%; text-align: center;}
.s19 .info_box p {font-size: 18px; color: #3f3f3f;}
.s19 .info_box .add {margin-bottom: 1%;}
.s19 .info_box p img {display: inline-block; max-width:100%; vertical-align:middle; margin-right: 10px; }
.s19 .info_box p b {margin-right: 12px;}
.s19 .info_box p br {display: none;}
.s19 .info_box .contact {line-height: 1.9;}
.s19 .info_box .contact span {display:inline-block; margin-right: 46px;}



@media(max-width:960px){
	.s19 .info_box {text-align:left;}	
}
@media(max-width:768px){
	.s19 .map_box {height:280px !important;}
	.s19 .info_box p {font-size: 16px;}
}
@media(max-width:600px){
	.s19 .info_box p br {display: block;}
}
@media(max-width:480px){
	.s19 .map_box {height:180px !important;}
	.s19 .info_box p {margin-bottom: 3%; font-size: 14px;}
	.s19 .info_box p b {margin-right: 4px;}
	.s19 .info_box .contact {line-height:2.3;}
	.s19 .info_box span.mobr {display: block;}
}
/************************* s18 끝 *************************/

/************************* s51 시작 *************************/
.s51 .ss_tit h3 {margin-bottom: 40px;}
.s51_01 {margin-bottom: 6%;}
.s51_01 .box {display: flex;justify-content:space-between;}
.s51_01 .box .list {width: 23.5%;border: 1px solid #ddd;border-bottom-right-radius: 30px;border-top-left-radius: 30px;text-align: center;padding: 10px 10px 30px;}
.s51_01 .box .list::before {content: '';display: block;width: 100%;height:150px;background: url('img/s51_01.jpg') no-repeat center center;background-size:cover;border-top-left-radius: 30px;}
.s51_01 .box .list02::before {background-image: url('img/s51_02.jpg');}
.s51_01 .box .list03::before {background-image: url('img/s51_04.jpg');}
.s51_01 .box .list04::before {background-image: url('img/s51_03.jpg');}
.s51_01 .box .list h3 {font-size: 18px;font-weight: 600;padding: 15px 0;}
.s51_01 .box .list p {font-size: 16px;color: #666;}

@media(max-width:1024px){
	.s51_01 .box .list {width: 48.5%;}
	.s51_01 .box .list02, .s51_01 .box .list01 {margin-bottom: 3%;}
	.s51_01 .box {flex-wrap:wrap;}
}
@media(max-width:768px){
	.s51_01 .box .list {width: 100%;margin-bottom: 20px !important;}
	.s51_01 .box .list04 {margin-bottom: 0 !important;}
}
.s51_02 .{text-align: center;}
.s51_02 .img {display: flex;align-items:center;justify-content:center;background:url('img/s51_05.jpg') no-repeat center center;background-size:cover;color: #fff;height: 274px;text-align: center;padding: 0 3%;}
.s51_02 .img .txt h3 {font-size:30px;}
.s51_02 .img .txt p {font-size:18px;padding-top: 20px;}
.s51_02 .content .top {padding: 60px 0 40px;position: relative;}
.s51_02 .content .top::before {content: '';display: block;width: 1px;height: 50px;background: #666;position: absolute;left: 50%;transform:translateX(-50%);top:0}
.s51_02 .content .top img {display: block;margin: 0 auto;}
.s51_02 .content .top p {font-size: 18px;margin-top: 20px;}
.s51_02 .content .top p span {display: block;font-size: 14px;color: #666;}

.s51_02 .content .mid {display: flex; height:130px; align-items:center; border:1px solid #ddd; text-align: center; border-radius:50px; overflow: hidden;}
.s51_02 .content .mid .txt {padding:0 3%; height:100%; display:flex; justify-content:center; align-items:center; width: 15%; font-size: 18px; color: #fff; background-color: #ff1300;}
.s51_02 .content .mid .docu {padding:0 3%; width: 85%;}
.s51_02 .content .mid .docu span {display: inline-block; font-size: 16px;}
.s51_02 .content .mid .docu span:after {content:'/'; display: inline-block; margin: 0 8px 0 12px;}
.s51_02 .content .mid .docu span:last-of-type:after {display: none;}
.s51_02 .content .mid .docu small {margin-top: 5px; display:inline-block; font-size: 13px;}

.s51_02 .content .bot ul {display: flex;justify-content:space-between;margin-top: 60px;position: relative;}
.s51_02 .content .bot ul::before {content: '';display: block;width:100%;height:1px;border:1px dashed #ddd;position: absolute;top:50%;left: 0;transform:translateY(-50%)}
.s51_02 .content .bot ul li {width: 31.5%;background: #fff;border: 1px solid #ddd;padding: 0 3% 30px;position: relative;z-index: 10;}
.s51_02 .content .bot ul li h5 {display: inline-block;background:#ff1300;color:#fff;padding: 7px 20px;font-size: 18px;position: relative;top:-20px;border-radius:30px}

@media(max-width: 1280px){
	.s51_02 .img .txt br {display: none;}
}
@media (max-width: 1024px){
	.s51_02 .img {height: 220px;}
	.s51_02 .img .txt h3 {font-size: 24px;}
	.s51_02 .img .txt p {font-size: 16px;padding-top: 15px;}
	.s51_02 .content .top::before {height: 30px;}
	.s51_02 .content .top {padding: 40px 0 30px;}
	.s51_02 .content .top p {font-size: 16px;}
	.s51_02 .content .mid .txt {font-size: 16px;}
	.s51_02 .content .mid .docu span {font-size: 14px;}
	.s51_02 .content h4 {font-size: 18px;padding: 10px;}
	.s51_02 .content .bot ul {display: block;margin-top: 50px;}
	.s51_02 .content .bot ul li h5 {font-size: 16px;}
	.s51_02 .content .bot ul li {width: 100%;margin-bottom: 50px;}
	.s51_02 .content .bot ul li:last-child {margin-bottom: 0;}
	.s51_02 .content .bot ul::before {width:1px;height:100%;transform:translate(-50%, -50%);left:50%}
}

@media(max-width: 768px){
	.s51_02 .img .txt h3 {font-size: 18px;}
	.s51_02 .img .txt p {font-size: 14px;}
	.s51_02 .content .top p {font-size: 14px;}
	.s51_02 .content .top p span {font-size: 13px;}
	.s51_02 .content .mid {height: auto; flex-wrap:wrap; border-radius:0; overflow:initial;}
	.s51_02 .content .mid .txt {padding:15px 0; width: 100%;}
	.s51_02 .content .mid .docu {padding:40px 3%; width: 100%; text-align:left;}
	.s51_02 .content h4 {font-size: 16px;padding: 8px;}
	.s51_02 .content .bot ul li {padding: 0 20px 30px;}
	.s51_02 .content .bot ul li p {font-size: 14px;}
	.s51_02 .content .bot ul li h5 {padding: 5px 20px;}
}

/************************* s51 끝 *************************/
/************************* s52 시작 *************************/
.s52 .content {display: flex; justify-content:space-between; flex-flow:row wrap;}
.s52 .content .list_box {position:relative; display: flex; flex-direction:column; width: 32%;}
.s52 .content .list_box .list_tit {position:relative; padding:1em 0; background-color: #ff1300; color: #fff; font-size: 18px; font-weight: 700; text-align: center;}
.s52 .content .list_box ul {border:1px solid #ddd; padding:2em 1em; line-height: 1.5; min-height: 278px;}
.s52 .content .list_box ul li {position:relative; margin-bottom: 15px; padding-left: 13px; font-size: 16px; color: #666;}
.s52 .content .list_box ul li:before {position:absolute; top:10px; left:0; display: inline-block; content:''; width: 4px; height:4px; border-radius:100%; background-color: #333;}
.s52 .content .list_box .icon {position: absolute; bottom: 10px; right: 10px;}
.s52 .content .list_box .icon i {font-size: 90px; color: #ff1300; opacity: 0.15;}

@media(max-width:768px){
.s52 .content .list_box {width: 100%; margin-bottom: 6%;}
.s52 .content .list_box:last-child {margin-bottom: 0;}
.s52 .content .list_box .list_tit {padding:0.5em 0;}
.s52 .content .list_box ul {display: flex; flex-flow:row wrap; justify-content:space-between; min-height: auto;}
.s52 .content .list_box ul li {width: 48%;}
}
@media(max-width:480px){
	.s52 .content .list_box ul li {width: 100%;}
	.s52 .content .list_box .icon i {font-size: 80px;}
}