/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; position: absolute; left: 0; bottom: 0; width: 100%;}
.sub_tab						{display:none;}

.sub_left								{display:none; }
.sub_right						{ position:relative;}


.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{ }
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.header_t			{width:100%; margin:0 auto; height:100px; position:fixed; left:0; top:0px; z-index:99; background:#fff; 
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}

.head_in{display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 1%; height: 100px;}
.head_left{display: flex; align-items: center;}
.head_right{display: flex; position: relative;}

/* 로고 */
.header_logo{order: 1; padding-left: 50px;}
.header_logo img			{width:100%; max-width:160px; height:auto;}

.head_con{position: relative;}
.head_con::after{content: ""; display: inline-block; width: 1px; height: 11px; background-color: #b2b2b2; margin: 0 20px; }
.head_con a{font-size: 14px; font-weight: 500;}
/* 언어선택 */
.head_lang {display:block; position:relative; margin-right:30px; cursor:pointer; width:45px; height:22px;    }
.head_lang .select {width:50px; display:flex; align-items:Center;   position:relative;   }
.head_lang .select p{display:block; margin:0 10px 0 0; font-size:14px; font-weight:500;  color:#121212;}
.head_lang .select span {display:block;  width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid #121212; margin-top:3px;}
.head_lang .select span.up {width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 7px solid #121212; border-top: 0;}
.head_lang ul { display:none;position:absolute; top:30px; left:-18px; width:70px; background:#fff; border:1px solid #ccc; padding:5px 10px; }
.head_lang ul li { border:none; padding:5px 0; text-align:center; }
.head_lang ul li a {cursor:pointer;   color:#212121;  font-size:12px; color:#484848; }
.head_lang ul li a:hover {color:#212e84; font-weight:700;}

.search_area{position:absolute; width:280px; display: none; top:30px; right:0; background-color: #f1f1f1; padding:5px;}
.search_area input{padding:8px;}
.btn_submit_a{background-color:transparent;}

@media(max-width:768px){
	.head_in{padding:0 3%;}
	.head_con, .head_lang{display: none;}
}
@media(max-width:500px){
	.header_t{ height: 80px;}
	.head_in{height: 80px; padding: 0 5% 0 3%;}
	.header_logo{padding-left:10px;}
	.head_lang{margin-right:0;}
	.header_logo img{max-width:65px;}
	.head_con::after{margin:0 13px;}
	.head_lang .select p, .head_con a{font-size:13px;}
}
@media(max-width: 320px){
	.header_t{ height: 70px;}
	.head_in{height: 70px; }
}


/* 햄벅 */
.mo_nav				{display:block; order: 0;}
.mo_nav *{
-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;  background-color:transparent; background-image:none; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#212e84; display:block; width:28px; height:2px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:7px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}


.heightBlank					{}


/**/
.f-nav{height: 100px; }

@media(max-width: 768px){
	.heightBlank	{height: 100px;}
}
@media(max-width: 500px){
	.heightBlank	{height: 80px;}
	.f-nav{height: 80px; }
}
@media(max-width: 320px){
	.heightBlank	{height: 70px;}
	.f-nav{height: 70px; }
	.mo_nav .navbar-toggle .icon-bar{ width: 22px;}
	.mo_nav .navbar-toggle .icon-bar + .icon-bar{ margin-top: 5px; }
}

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

/************************* main_inc 시작*************************/
.main_visual										{position:relative; margin:0 auto;}
.main_inner{width:100%; max-width:1200px; margin:0 auto; padding-bottom:100px;}
.main_title_box{padding:100px 0 80px; text-align:center;}
.main_title_box h3{font-size:40px; color:#121212; font-weight:700; text-transform: uppercase;}
.main_title_box span{font-size:16px; color:#484848; font-weight:500; margin-top:10px; display: block;}

.main_visual .main_visual_slide .item{position:relative;}
.main_visual .main_visual_slide .item .slide_text{position: absolute; top:39%; left:18.8%; color:#fff; z-index: 1;}
.main_visual .main_visual_slide .item .slide_text h3{font-size:95px; font-weight:700; line-height:100px;}
.main_visual .main_visual_slide .item .slide_text p{font-size:17px; font-weight:500; line-height:27px; padding-top:22px;}
.main_visual .main_visual_pager_box{position: absolute; bottom:65px; left:0; right:0; margin:auto; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.main_visual .main_visual_pager_box .arrow_btn{width:20px; height:20px; background:url("./img/main_slide_next_btn.png") 50% 50% no-repeat; cursor:pointer;}
.main_visual .main_visual_pager_box .slickprev1{background:url("./img/main_slide_prev_btn.png") 50% 50% no-repeat; margin-right:20px;}
.main_visual .main_visual_pager_box .slicknext1{margin-left:20px;}
.main_visual .main_visual_pager_box .slick-dots{display:flex; flex-direction:row; align-items:cetner; justify-content:center;}
.main_visual .main_visual_pager_box .slick-dots li button{overflow: hidden; width:10px; height:10px; border-radius:50%; border:1px solid #fff; background-color:transparent !important; text-indent:-9999px; margin:0 8px; padding:0 !important;}
.main_visual .main_visual_pager_box .slick-dots li.slick-active button{height:10px; width:22px; background-color:#fff !important; border-radius:5px;}

#bgndVideo, #bgndVideo2, #bgndVideo3{padding: 56.25% 0 0 0; position: relative;}
#bgndVideo video, #bgndVideo iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


@media(max-width:1400px){
	.main_visual .main_visual_slide .item .slide_text{left:10%;}
	.main_inner{padding:0 3% 100px;}
	.main_visual .main_visual_slide .item .slide_text h3{ font-size:65px; line-height: 1.2;}
}@media(max-width:1150px){
}@media(max-width:1150px){
	.main_visual .main_visual_slide .item .slide_text{left:5%;}
	.main_visual .main_visual_slide .item .slide_text p{font-size:16px; line-height:25px; padding-top:18px;}
}@media(max-width:900px){
	.main_visual .main_visual_slide .item .slide_text{left:3%;}
	.main_visual .main_visual_slide .item .slide_text h3{font-size:55px;}
}@media(max-width:768px){
	#bgndVideo, #bgndVideo2, #bgndVideo3{height:55.5vw !important;}
	.main_visual .main_visual_slide .item .slide_text{left:3%;}
	.main_visual .main_visual_slide .item .slide_text h3{font-size:35px; }
	.main_visual .main_visual_slide .item .slide_text p{font-size:15px; line-height:24px; padding-top:15px;}
	.main_title_box{padding:70px 0 50px;}
	.main_inner{padding:0 3% 70px;}
}@media(max-width:500px){
	.main_visual .main_visual_slide .item .slide_text{top: 29%; width: 100%;}
	.main_visual .main_visual_slide .item .slide_text h3{font-size:24px;}
	.main_visual .main_visual_slide .item .slide_text p{font-size:12px; line-height:1.5; padding-top:10px; padding-right:5%; word-break: keep-all;}
	.main_visual .main_visual_slide .item .slide_text p > br{display: none;}
}
@media(max-width: 320px){
	.main_visual .main_visual_slide .item .slide_text h3{ font-size: 18px; font-weight: 600; line-height: 1.1;}
	.main_visual .main_visual_slide .item .slide_text p{ font-size: 10px; font-weight: 400; padding-top: 5px;  }
}

.main_se01{background-color:#f4f4f4;}
.main_se01 .main_se01_tab{width:100%; display: flex; flex-direction:row; justify-content:center; align-items:center; }
.main_se01 .main_se01_tab a{width:25%; padding:32px 0; display: block; text-align:center; font-size:19px; color:#aaaaaa; border-top:4px solid #aaaaaa; transition:0.1s;}
.main_se01 .main_se01_tab a.tab_on{color:#212e84; font-weight:500; border-top:4px solid #212e84;}
.main_se01 .se01_a .se01_a_top_img{display: flex; flex-direction: row; justify-content:center; align-items:center; }
.main_se01 .se01_a .se01_a_top_img img{width:50%; display:block;}
.main_se01 .se01_a .se01_a_bottom_text{display: flex; flex-direction: row; justify-content:center; align-items:flex-top;}
.main_se01 .se01_a .se01_a_bottom_text div{width:50%; padding-top:50px;}
.main_se01 .se01_a .se01_a_bottom_text .text_left span{width:56%; display:block; font-size:20px; color:#121212; line-height:26px; font-weight:600; padding:0 0 0 50px; border-left:2px solid #212e84; text-transform: uppercase;}
.main_se01 .se01_a .se01_a_bottom_text .text_right span{font-size:25px; color:#121212; font-weight:500;}
.main_se01 .se01_a .se01_a_bottom_text .text_right p{font-size:16px; line-height:1.6; color:#484848; padding:20px 0 50px; word-break: keep-all; width:90%;}

a.main_more_btn{font-size:14px; color:#212e84; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; font-family: 'S-CoreDream', 'Nanum Gothic', '맑은고딕', '돋움', sans-serif;}
a.main_more_btn:after{display:block; content:''; clear:both; width:15px; height:11px; background:url("./img/arrow_blue.png") 50% 50% no-repeat; margin-left:15px;}

@media(max-width: 1400px){
	.main_se01 .main_se01_tab a{ font-size: 15px; padding: 25px 0;}
}
@media(max-width: 1010px){
 .main_se01 .main_se01_tab a{ width: auto; flex: 1 0 auto;}
}
@media(max-width:768px){
	.main_title_box h3{font-size:28px;}
	.main_title_box span{font-size:15px;}
	.main_se01 .main_se01_tab a{font-size:0.7rem; min-height: 74px; padding:15px 0; border-top: 2px solid #aaa;}
	.main_se01 .main_se01_tab a.tab_on{
	border-top: 2px solid #212e84;}
	.main_se01 .se01_a .se01_a_bottom_text .text_left span{padding-left:15px;}
	.main_se01 .se01_a .se01_a_bottom_text{flex-direction: column;}
	.main_se01 .se01_a .se01_a_bottom_text div{width:100%; padding-top:25px;}
	.main_se01 .se01_a .se01_a_bottom_text .text_right span{font-size:20px;}
	.main_se01 .se01_a .se01_a_bottom_text .text_left span{width:100%;}
	.main_se01 .se01_a .se01_a_bottom_text .text_right p{padding:10px 0 30px; font-size:14px;  width:100%;}
	a.main_more_btn{font-size:13px}
}@media(max-width:500px){
	.main_inner{padding:0 3% 50px;}
	.main_title_box{padding:50px 0 30px;}
	.main_title_box h3{font-size:17px;}
	.main_title_box span{font-size:2.4vw; margin-top: 5px;}
	.main_se01 .main_se01_tab a{font-size:2.3vw; border-top: 2px solid #aaa; padding: 15px 0 0; min-height: 60px;}
	.main_se01 .main_se01_tab a.tab_on{ border-top: 2px solid #212e84;}
	.main_se01 .se01_a .se01_a_bottom_text div{padding-top: 15px;}
	.main_se01 .se01_a .se01_a_bottom_text .text_left span{font-size:15px;}
	.main_se01 .se01_a .se01_a_bottom_text .text_right span{font-size:13px;}
	.main_se01 .se01_a .se01_a_bottom_text .text_right p{font-size:11px;}
	a.main_more_btn{font-size:11px}
	a.main_more_btn:after{ background-size: cover; width: 11px; height: 7px; margin-left: 8px; }
}@media(max-width:370px){
	.main_se01 .main_se01_tab{}
	.main_se01 .main_se01_tab a{ padding: 10px 1%; flex: auto; }
	a.main_more_btn{ font-size: 11px;}
}

.main_se02 .se02_area{display:flex; flex-direction:row; margin-bottom:100px; align-items: center; position: relative; }
.main_se02 .se02_area .se02_video_area{width:53%; display: flex; flex-direction:column; justify-content:flex-end;}
.main_se02 .se02_area .se02_video_area:after{display: block; content:''; clear:both; background:url("./img/main_se03_box_bg.png") 50% 50%; height:10px; width:100%; background-color:transparent;}

.main_se02 .se02_area .content_area{width:34%; padding:60px 80px;}
.main_se02 .se02_area .content_area h4{font-size:34px; font-weight:600; color:#121212; margin-bottom: 20px; text-transform: uppercase; width:80%;}
.main_se02 .se02_area .content_area h4:before{display: block; content:''; clear:both; width:40px; height:2px; background-color:#212e84; margin-bottom:10px;}
.main_se02 .se02_area .content_area p{font-size:16px; line-height:1.65; color:#484848; padding-bottom:40px;}
.main_se02 .se02_area .content_area .se02_list{display:flex; flex-direction:row; margin-top:60px;}
.main_se02 .se02_area .content_area .se02_list li{width:33%; border-right:1px solid #e5e5e5;}
.main_se02 .se02_area .content_area .se02_list li:last-of-type{border:0;}
.main_se02 .se02_area .content_area .se02_list li a{display:flex; flex-direction:column; align-items:center;}
.main_se02 .se02_area .content_area .se02_list li a span{color:#484848; font-size:14px; padding-top:35px; display:block; text-align: center; }
.main_se02 .se02_area .content_area .se02_list li a span>br{display:none;}

.main_se02 .se02_area .bg_area{width:13%; background-color:#212e84; position: absolute; right: 0; top: 0; height: 100%; z-index: -1;}

#bgndVideo4{display: block !important; position: relative; padding: 56.25% 0 0 0; }
#bgndVideo4 video, #bgndVideo4 iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@media(max-width:1800px){
	.main_se02 .se02_area .content_area{padding:60px 50px;}
}@media(max-width:1600px){
	.main_se02 .se02_area .content_area{ width: 48%; padding: 50px 0 50px 40px;}
	.main_se02 .se02_area .bg_area{display: none;}
	.main_se02 .se02_area .content_area p br{display:none;}
}@media(max-width:1500px){
	.main_se02 .se02_area .content_area p br{display:none;}
	.main_se02 .se02_area .content_area .se02_list li a span{padding-top:20px; font-size:13px; text-align:center;}
	.main_se02 .se02_area .content_area .se02_list li a span>br{display:block; }
}@media(max-width:1100px){
	.main_se02 .se02_area{flex-direction:column;}
	.main_se02 .se02_area .content_area{width:100%; padding: 25px 35px;}
	.main_se02 .se02_area .se02_video_area{width:100%;}
	.main_se02 .se02_area .content_area h4{font-size:28px;}
	.main_se02 .se02_area .content_area p{font-size:15px;}
	.main_se02 .se02_area .content_area .se02_list{margin-top:45px;}
	.main_se02 .se02_area{margin-bottom:70px;}
}@media(max-width:500px){
	.main_se02 .se02_area .content_area .se02_list li a span{ font-size: 10px; padding-top: 10px;}
	.main_se02 .se02_area .content_area .se02_list li a span br{ display: none;}
	.main_se02 .se02_area .content_area h4{ font-size: 15px; margin-bottom: 5px; }
	.main_se02 .se02_area .content_area p{ font-size: 11px; padding-bottom: 25px;}
	.main_se02 .se02_area .content_area{padding:8% 3% 0;}
	.main_se02 .se02_area .content_area .se02_list{margin-top:30px;}
	.main_se02 .se02_area .content_area .se02_list li a img{display: block; width: auto; height:36px; }
	.main_se02 .se02_area{margin-bottom:50px;}
}@media(max-width:380px){
	.main_se02 .se02_area .content_area .se02_list li a img{display: block; width:45%;}
}

.main_se03{background:url("./img/main_se03_bg.png") 50% 50% no-repeat; background-color:#f4f4f4;}
.main_se03 a.main_more_btn{justify-content: center; padding-bottom: 70px;}
.main_se03 .main_inner>h4{font-size:36px; font-weight:500; color:#121212; text-align:center; padding-bottom:35px; }
.main_se03 .main_inner>h4>span{font-weight:700; }
.main_se03 .main_inner .se03_content_area{display:flex; flex-direction: row; justify-content: center; align-items: center;}
.main_se03 .main_inner .se03_content_area .se03_circle{width:485px; height:485px; border-radius: 50%; display:flex; flex-direction: column; justify-content: center; align-items: center; position:relative;}
.main_se03 .main_inner .se03_content_area .circle_01{border:2px dashed #c0c0c0;}
.main_se03 .main_inner .se03_content_area .circle_02{border:2px dashed #c0c0c0; margin-left:-2px;}
.main_se03 .main_inner .se03_content_area .circle_02:after, .main_se03 .main_inner .se03_content_area .circle_01:after{display:block; content:''; clear:both; height:243px; width:485px; background:url('./img/main_se03_bg01.png'); position:absolute; top:-2px; margin:auto; position:absolute; z-index:1; left:-2px;}
.main_se03 .main_inner .se03_content_area .circle_02:after{background:url('./img/main_se03_bg02.png'); bottom:-2px; top:auto;}
.main_se03 .main_inner .se03_content_area .se03_circle .circle_rotate_area{display:flex; flex-direction: column; justify-content: center; align-items: center;}

.main_se03 .main_inner .se03_content_area .circle_01:before{display:block; content:''; clear:both; background:url('./img/main_se03_bg03.png') 50% 50% no-repeat; position:absolute; width:32px; height:32px; left:-16px; z-index: 2; top:47%;}
.main_se03 .main_inner .se03_content_area .circle_01 .circle_rotate_area:before{display:block; content:''; clear:both; background:url('./img/main_se03_bg03.png') 50% 50% no-repeat; position:absolute; width:32px; height:32px; right:-16px; z-index: 2; top:47%;}
.main_se03 .main_inner .se03_content_area .circle_02:before{display:block; content:''; clear:both; background:url('./img/main_se03_bg04.png') 50% 50% no-repeat; position:absolute; width:32px; height:32px; right:-16px; z-index: 2; top:47%;}

.main_se03 .main_inner .se03_content_area .se03_circle p{text-align:center; word-break:keep-all; margin-top:30px; width:400px;}

@media(max-width: 1200px){
	.main_se03 .main_inner>h4 br{display: none;}
}
@media(max-width:1050px){
	.main_se03{background-size:cover !important;}
	.main_se03 .main_inner>h4{font-size:28px; padding-bottom: 25px; }
	.main_se03 .main_inner .se03_content_area .se03_circle{width:400px; height:400px;}
	.main_se03 .main_inner .se03_content_area .circle_02:after, .main_se03 .main_inner .se03_content_area .circle_01:after{width:400px; height:200px; background-size:cover !important;}
	.main_se03 .main_inner .se03_content_area .se03_circle p{padding:0 25px; margin-top:40px; font-size:15px;}
}@media(max-width:780px){
	.main_se03 .main_inner .se03_content_area{flex-direction: column;}
	.main_se03 .main_inner .se03_content_area .circle_02:after, .main_se03 .main_inner .se03_content_area .circle_01:after{transform: rotate(90deg); top:99px; right:-203px;}
	.main_se03 .main_inner .se03_content_area .circle_02:after{left:-403px; top:0;}
	.main_se03 .main_inner .se03_content_area .circle_01 .circle_rotate_area:before{right:0; bottom:-212px; left:0; margin:auto;}
	.main_se03 .main_inner>h4{font-size:20px; padding-bottom: 15px; }
	.main_se03 .main_inner .se03_content_area .circle_01:before{left:0; top:-14px; right:0; margin:auto;}
	.main_se03 .main_inner .se03_content_area .circle_02:before{bottom:-210px; right:0; left:0; margin:auto;}
	.main_se03 .main_inner .se03_content_area .se03_circle p{width:410px; font-size: 13px; }
}@media(max-width:500px){
	.main_se03 .main_inner>h4{ font-size: 3.3vw; padding-bottom: 15px;}
	.main_se03 .main_inner .se03_content_area .se03_circle{width:310px; height:310px;}
	.main_se03 .main_inner .se03_content_area .circle_02:after, .main_se03 .main_inner .se03_content_area .circle_01:after{width:310px; height:155px; top:75px; right:-157px;}
	.main_se03 .main_inner .se03_content_area .circle_02:after{top:-2px; left:-312px;}
	.main_se03 .main_inner .se03_content_area .se03_circle p{font-size:2vw; margin-top:30px;}
	.main_se03 .main_inner .se03_content_area .se03_circle .circle_rotate_area>img{display: block; width:15%;}
	.main_se03 .main_inner .se03_content_area .circle_01 .circle_rotate_area:before{bottom:-168px;}
	.main_se03 .main_inner .se03_content_area .circle_02:before{bottom:-164px;}
	.main_se03 .main_inner .se03_content_area .se03_circle p{width:300px;}
	.main_se03 a.main_more_btn{ padding-bottom: 10%;}
}@media(max-width: 320px){
	.main_se03 .main_inner .se03_content_area .se03_circle .circle_rotate_area>img{ width: 10%; }
	.main_se03 .main_inner .se03_content_area .se03_circle{ width: 270px; height: 270px; }
	.main_se03 .main_inner .se03_content_area .circle_01:before, .main_se03 .main_inner .se03_content_area .circle_02:before, .main_se03 .main_inner .se03_content_area .circle_01 .circle_rotate_area:before{width: 22px; height: 22px; background-size: cover; }
	.main_se03 .main_inner .se03_content_area .circle_01:after{ width: 270px; height: 124px; top: 71px; right: -149px; }
	.main_se03 .main_inner .se03_content_area .circle_01 .circle_rotate_area:before{ bottom: -148px; }
	.main_se03 .main_inner .se03_content_area .circle_02:before{bottom: -145px; }
	.main_se03 .main_inner .se03_content_area .circle_02:after{ width: 270px; height: 135px; right: -177px;}
	.main_se03 .main_inner .se03_content_area .se03_circle p{font-size: 2.6vw; padding: 0 35px; margin-top: 5px;   }
	.main_se03 .main_inner .se03_content_area .se03_circle p br{ display: none;}
}

.main_se04{}
.main_se04 .main_inner{max-width:1360px;}
.main_se04 .se_04_left_text_bg{display:flex; flex-direction: column; justify-content: flex-end; width:51.5%; background-color:#fff; position:absolute; bottom:-30px; z-index: 5; padding:95px; color:#121212;
	-webkit-box-shadow: -5px 5px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -5px 5px 15px 0px rgba(0,0,0,0.1);
	box-shadow: -5px 5px 15px 0px rgba(0,0,0,0.1);}
.main_se04 .slide_area{position:relative;}
.main_se04 .se_04_left_text_bg h4{font-size:34px; font-weight:600; text-transform: uppercase;}
.main_se04 .se_04_left_text_bg span{display:block; font-size:14px; padding:10px 0 25px; border-bottom:1px solid #aaaaaa;}
.main_se04 .se_04_left_text_bg p{display:block; font-size:16px; padding:25px 0 50px; line-height:1.6; color:#484848; word-break: keep-all;}
.main_se04 .se_04_left_text_bg a{margin-bottom:30px;}
.main_se04 .main_product_slide .item_p{position:relative; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-end;}
.main_se04 .main_product_slide .item_p .se_04_right_img_box{width:50%;  height:100%;}
.main_se04 .main_product_slide .item_p .se_04_right_img_box img{width:100%; display:block; height:auto;}
.main_se04 .main_product_slide .item_p .se_04_right_img_box:after{content:''; display:block; clear:both; width:100%; height:10px; background:url('./img/main_se04_bg.png') 50% 50%;}
.main_se04 .se_04_left_text_bg .product_pager_box{display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.main_se04 .se_04_left_text_bg .product_pager_box .product_dot_pager ul{display:flex; flex-direction:row; align-items:center; justify-content:center;}
.main_se04 .se_04_left_text_bg .product_pager_box .product_dot_pager ul li button{overflow: hidden; width:10px; height:10px; border-radius:50%; border:1px solid #aaaaaa; background-color:transparent !important; text-indent:-9999px; margin:0 8px; padding:0 !important;}
.main_se04 .se_04_left_text_bg .product_pager_box .product_dot_pager ul li.slick-active button{height:10px; width:22px; background-color:#212e84 !important; border-radius:5px; border:1px solid #212e84;}
.main_se04 .se_04_left_text_bg .product_pager_box .arrow_btn{width:20px; height:20px; background:url("./img/main_slide02_next_btn.png") 50% 50% no-repeat; cursor:pointer;}
.main_se04 .se_04_left_text_bg .product_pager_box .slickprev2{display:block; background:url("./img/main_slide02_prev_btn.png") 50% 50% no-repeat; margin-right:20px;}
.main_se04 .se_04_left_text_bg .product_pager_box .slicknext2{display:block; margin-left:20px;}

@media(max-width:1400px){
	.main_se04 .se_04_left_text_bg{padding:60px;}
}@media(max-width:1100px){
	.main_se04 .se_04_left_text_bg h4{font-size:30px;}
	.main_se04 .se_04_left_text_bg{padding:45px;}
	.main_se04 .se_04_left_text_bg p{padding:15px 0 40px; font-size:15px; word-break: keep-all;}
	.main_se04 .se_04_left_text_bg p>br{display:none;}
	.main_se04 .se_04_left_text_bg span{padding-bottom:15px;}
}@media(max-width:900px){
	.main_se04 .main_product_slide .item_p .se_04_right_img_box{width:100%; height:360px; position:relative; overflow: hidden;}
	.main_se04 .main_product_slide .item_p .se_04_right_img_box:after{display: none;}
	.main_se04 .main_product_slide .item_p .se_04_right_img_box img{position: absolute;	top: -25%;}
	.main_se04 .slide_area{display: flex; flex-direction: column-reverse;}
	.main_se04 .se_04_left_text_bg{position: static; width:100%; z-index: 0;}
}@media(max-width:768px){
	.main_se04 .se_04_left_text_bg h4{font-size:26px;}
	.main_se04 .se_04_left_text_bg span{font-size:13px;}
	.main_se04 .se_04_left_text_bg p{font-size:14px;}
	.main_se04 .se_04_left_text_bg .product_pager_box{justify-content: center;}
}@media(max-width:700px){
	.main_se04 .main_product_slide .item_p .se_04_right_img_box{height:55vw;}
	.main_se04 .se_04_left_text_bg{padding:30px;}
}

@media(max-width: 500px){
	.main_se04 .se_04_left_text_bg h4{ font-size: 20px;}
	.main_se04 .se_04_left_text_bg p{ font-size: 11px;}
}


.main_se05{background:url('./img/main_se05_bg.png'); background-color:#f4f4f4;}
.main_se05 .main_inner .se05_content_area{display:flex; flex-direction:row; align-items:flex-start; justify-content: center;}
.main_se05 .main_inner .se05_content_area>div>h4{font-size:24px; font-weight:600; color:#121212; margin-bottom:25px;}
.main_se05 .main_inner .se05_content_area .se05_left_latest_box{width:61%;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box{width:39%;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list{display:flex; flex-direction:column;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li{background-color:#fff; margin-bottom:20px; 
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); 
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); }
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li a p{padding:29px 25px; font-size:18px; font-weight:500; color:#121212; position:relative;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type{margin:0; background-color:transparent;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p{font-size:24px; font-weight:600; padding:20px 10px;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li a p:after{display:block; content:''; clear:both; width:25px; height:25px; background:url('./img/arrow_blue.png') 50% 50% no-repeat; position: absolute; right:25px; bottom:0; top:0; margin:auto;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p:after{width:60px; height:60px; background-color:#212e84; background-image:url('./img/arrow_white.png'); background-position:50% 50%; background-repeat:no-repeat; right:0; z-index: 2;}
.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p:before{display:block; content:''; clear:both; background-color:#212e84; position:absolute; width:82%; height:1px; right:0; bottom:0; top:0; margin:auto; z-index: 1;}

@media(max-width:1100px){
	.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p:before{width:70%;}
}@media(max-width:850px){
	.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p:before{width:60%;}
}@media(max-width:768px){
	.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p{font-size:20px;}
	.main_se05 .main_inner .se05_content_area{flex-direction:column;}
	.main_se05 .main_inner .se05_content_area .se05_left_latest_box{width:100%;}
	.main_se05 .main_inner .se05_content_area .se05_right_link_box{width:100%; margin-top:40px;}
	.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p:before{width:70%;}
	.main_se05 .main_inner .se05_content_area>div>h4{font-size:20px; margin-bottom:20px;}
}
@media(max-width:500px){
	.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li a p{font-size:17px;}
	.main_se05 .main_inner .se05_content_area .se05_right_link_box .link_box_list li:last-of-type a p:before{width:55%;}
}



/************************* main_inc 끝*************************/

/************************* sub 시작*************************/
.sub_inner{width:100%; max-width:1200px; margin:0 auto;}

.s11 .intro{width:100%; max-width:1200px; margin:0 auto 100px;}
.s11 .intro .intro_img_box{position:relative;}
.s11 .intro .intro_img_box .intro_img_text_box{position:absolute; right:0; bottom:-70px; background: rgb(40,140,204); background: linear-gradient(353deg, rgba(40,140,204,1) 0%, rgba(36,50,136,1) 58%); width:50%; padding:50px 70px 60px 50px; color:#fff; z-index: 1;}
.s11 .intro .intro_img_box:after{display:block; content:''; clear:both; background:url('./img/sub_s11_pattern.png'); z-index: -1; right:0px; bottom:-18%; position:absolute; height:260px; width:51%;}
.s11 .intro .intro_img_box .intro_img_text_box h3{font-size:32px; font-weight:600; margin-bottom:20px;}
.s11 .intro .intro_img_box .intro_img_text_box h3:after{display:block; content:''; clear:both; background-color:#fff; height:2px; width:35px; margin-top:20px;}
.s11 .intro .intro_img_box .intro_img_text_box p{font-size:15px; line-height:32px; font-weight:300; word-break: keep-all;}
.s11 .intro .intro_img_box .intro_img_text_box p:after{display:block; content:'ENVIONEER'; clear:both; color:rgba(255,255,255,.07); font-size:80px; font-weight:700; position: absolute; right:0; bottom:10px;}

.s11 .intro .intro_text_box {padding-top:95px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;}
.s11 .intro .intro_text_box h3{font-size:30px; font-weight:500; color:#121212; width:100%; padding-bottom:30px;}
.s11 .intro .intro_text_box p{font-size:16px; color:#484848; width:49%; word-break: keep-all;}
.s11 .intro .intro_text_box p:first-of-type{margin-right:4%; width:45%;}

.s11 .vision_box{height:420px; background:url("./img/sub_s11_img02.jpg") 50% 50% no-repeat; position:relative; color:#fff; text-align:center; word-break: keep-all; display:flex; flex-direction:column; align-items:center; justify-content:center; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35); width:100%; max-width:1200px; margin:0 auto;}
.s11 .vision_box:after{position:absolute; display:block; content:''; clear:both; width:98.4%; height:95.4%; border:1px solid rgba(255,255,255,.6); top:10px; left:10px;}
.s11 .vision_box h3{font-size:50px; font-weight:700; line-height:55px; width:48%; margin:0 auto; margin-bottom:25px;}
.s11 .vision_box span{display: block; font-weight:600; font-size:17px; line-height:30px;}
.s11 .vision_box p{font-size:16px; line-height:26px; width: 75%;}

.s11 .mission_box{padding:110px 0; background:url("./img/sub_s11_bg.png") 50% 32% no-repeat;}
.s11 .mission_box>h2{font-size:32px; font-weight:700; color:#121212; padding-bottom:70px; text-align:center;}
.s11 .mission_box .mission_list{display:flex; flex-direction:row; align-items: center; justify-content: center; margin:0 auto; width:100%; max-width:1200px;}
.s11 .mission_box .mission_list li{width:20%; display: flex; flex-direction:column; align-items: center; justify-content: center; text-align:center; word-break: keep-all; margin:0 7%; position:relative;}
.s11 .mission_box .mission_list li:after{display:block; content:''; clear:both; background:url("./img/sub_s11_list_deco.png") 50% 50% no-repeat; width:15px; height:3px; position:absolute; right:-40%; top:25%;}
.s11 .mission_box .mission_list li:last-of-type:after{display:none;}
.s11 .mission_box .mission_list li .list_top_img{width:200px; height:200px; border-radius:50%; background-color:#819cc9; display:flex; justify-content: center; align-items: center; position:relative;}
.s11 .mission_box .mission_list li .list_top_img:after{position:absolute; display:block; content:''; clear:both; width:185px; height:185px; border:1px solid #fff; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:50%;}
.s11 .mission_box .mission_list li:first-of-type .list_top_img{background-color:#10086d}
.s11 .mission_box .mission_list li:last-of-type .list_top_img{background-color:#66c6de}

.s11 .mission_box .mission_list li .list_bottom_text h3{font-size:20px; font-weight:500; color:#121212; padding-top:30px;}
.s11 .mission_box .mission_list li .list_bottom_text span{color:#819cc9; font-size:14px; padding:3px 0 20px; font-weight:600; display: block;}
.s11 .mission_box .mission_list li:first-of-type .list_bottom_text span{color:#10086d;}
.s11 .mission_box .mission_list li:last-of-type .list_bottom_text span{color:#66c6de;}
.s11 .mission_box .mission_list li .list_bottom_text p{font-size:15px; line-height:26px; color:#484848;}

@media(max-width:1300px){
	.sub_inner{padding:0 3%;}
	.s11 .intro, .s11 .vision, .s11 .mission_box .mission_list{padding:0 3%; margin: 0 0 100px 0; max-width:100%;}
	.s11 .intro .intro_img_box img{display: block; width:100%;}
}@media(max-width:1100px){
	.s11 .intro .intro_img_box .intro_img_text_box{padding:40px;}
	.s11 .vision_box h3{width:59%;}
	.s11 .vision_box:after{width:98%;}
}@media(max-width:900px){
	.s11 .vision_box h3{width:70%;}
	.s11 .vision_box:after{width:97.6%;}
	.s11 .mission_box .mission_list li{width:25%; margin:0 4%;}
	.s11 .mission_box .mission_list li:after{right:-20%; top:29%;}
}@media(max-width:768px){
	.s11 .vision_box:after{width:97%;}
	.s11 .intro, .s11 .vision, .s11 .mission_box .mission_list{margin-bottom:70px;}
	.s11 .intro .intro_img_box .intro_img_text_box h3{font-size:28px;}
	.s11 .intro .intro_img_box .intro_img_text_box p{font-size:14px; line-height:28px;}

	.s11 .intro .intro_img_box .intro_img_text_box{position:static; width:100%;}
	.s11 .intro .intro_img_box:after{width:100%; bottom:-10px;}
	.s11 .intro .intro_text_box{padding-top:40px;}
	.s11 .intro .intro_text_box h3{font-size:24px;}
	.s11 .intro .intro_text_box p{font-size:15px;}
	.s11 .vision_box h3{font-size:42px; line-height: 1.2; width:90%;}
	.s11 .vision_box span{font-size:16px;}
	.s11 .vision_box p{font-size:15px; width:90%;}

	.s11 .mission_box{padding-bottom:0;}
	.s11 .mission_box>h2{font-size:28px; padding-bottom:50px;}
	.s11 .mission_box .mission_list{flex-direction: column; margin-bottom:0;}
	.s11 .mission_box .mission_list li{margin-bottom:40px; width:100%;}
	.s11 .mission_box .mission_list li:after{display: none;}
	.s11 .mission_box .mission_list li .list_bottom_text h3{padding-top:20px; font-size:18px;}
	.s11 .mission_box .mission_list li .list_bottom_text span{font-size:13px;}
	.s11 .mission_box .mission_list li .list_bottom_text p{font-size:14px;}
	
}@media(max-width:500px){
	
	.s11 .intro .intro_img_box .intro_img_text_box h3{font-size:20px;}
	.s11 .intro .intro_img_box .intro_img_text_box p{font-size:12px; line-height:20px;}

	.s11 .intro, .s11 .vision, .s11 .mission_box .mission_list{margin-bottom:50px;}
	.s11 .intro .intro_text_box h3{font-size:18px; padding-bottom:20px;}
	.s11 .intro .intro_text_box p:first-of-type, .s11 .intro .intro_text_box p{width:100%; margin-right:0; font-size:12px;}
	.s11 .intro .intro_text_box p:first-of-type{margin-bottom:16px;} 
	.s11 .mission_box>h2{font-size:22px;}
	.s11 .vision_box:after{width:96%;}
	.s11 .vision_box h3{font-size:26px;}
	.s11 .vision_box span{font-size:14px; width:90%; line-height:22px; padding-bottom:20px;}
	.s11 .vision_box p{font-size:13px; line-height:20px;}
	.s11 .mission_box .mission_list li .list_bottom_text p{font-size: 12px; line-height: 1.6;}
}@media(max-width:500px){
	.s11 .vision_box:after{width:94.5%;}
}

.s12 .greetings{position:relative;}
.s12 .greetings .sub_inner{display:flex; flex-direction:row;}
.s12 .greetings .greetings_bg{background-color:#f4f4f4; height:86%; position:absolute; width:100%; bottom: -110px; z-index: -1;}
.s12 .greetings .sub_inner .s12_left_img{width:46%;}
.s12 .greetings .sub_inner .s12_left_img img{display: block; width:100%;}
.s12 .greetings .sub_inner .s12_right_text{width:54%; margin-left:-2px; display:flex; flex-direction:column; justify-content: flex-start; padding-left:50px;}
.s12 .greetings .sub_inner .s12_right_text h3{font-size:41px; font-weight:700; color:#121212; padding:50px 0 65px;}
.s12 .greetings .sub_inner .s12_right_text p{font-size:15px; color:#484848; word-break: keep-all;}
.s12 .greetings .sub_inner .s12_right_text span{font-size:18px; color:#121212; font-weight:600; display:flex; flex-direction:row; align-items:center; margin-top:30px;}
.s12 .greetings .sub_inner .s12_right_text img{margin-left:10px;}
.s12 .greetings .sub_inner .s12_left_img img.pc_img{display: block;}
.s12 .greetings .sub_inner .s12_left_img img.mo_img{display: none;}

@media(max-width:1300px){
	.s12 .greetings .sub_inner .s12_left_img{position:relative;}
	.s12 .greetings .sub_inner .s12_left_img img{position:absolute; right:0; bottom:0;}
	.s12 .greetings .sub_inner .s12_right_text h3{font-size:38px;}
}
@media(max-width:1100px){
	.s12 .greetings .sub_inner .s12_right_text h3{font-size:32px;}
}
@media(max-width:1000px){
	.s12 .greetings .sub_inner .s12_left_img{position:static;}
	.s12 .greetings .sub_inner .s12_right_text h3{font-size:32px;}
	.s12 .greetings .greetings_bg{display: none;}
	.s12 .greetings .sub_inner .s12_left_img img{height:83%;  right:auto; left:0; bottom:0px;}
	.s12 .greetings .sub_inner .s12_right_text h3{width:200%; margin-left:-100%; padding:0 0 60px; text-align: center;}
}@media(max-width:768px){
	.s12 .greetings .sub_inner .s12_right_text h3{width:100%; margin-left:0; padding:0 0 30px; text-align: center;}
	.s12 .greetings .sub_inner{flex-direction: column;}
	.s12 .greetings .sub_inner .s12_left_img{width:100%;}
	.s12 .greetings .sub_inner .s12_left_img img{position:static;}
	.s12 .greetings .sub_inner .s12_right_text{width:100%; padding-left:0;} 	
	.s12 .greetings .sub_inner .s12_left_img img.pc_img{display: none;}
	.s12 .greetings .sub_inner .s12_left_img img.mo_img{display: block; width:100%;}
	.s12 .greetings .sub_inner .s12_right_text h3{text-align: left; padding:30px 0; font-size:28px;}
	.s12 .greetings .sub_inner .s12_right_text p{font-size:14px;}
	.s12 .greetings .sub_inner .s12_right_text span{font-size:17px;}	
}@media(max-width:500px){
	.s12 .greetings .sub_inner .s12_right_text h3{font-size:20px;}
	.s12 .greetings .sub_inner .s12_right_text p{font-size:13px;}
	.s12 .greetings .sub_inner .s12_right_text span{font-size:16px;}	
}

.s13 .history .histofy_b{position:relative; padding-top:30px;}
.s13 .history .histofy_b:after{position:absolute; display:block; content:''; clear:both; width:1px; height:110%; background-color:rgba(36,50,136,.2); left:50%; top:30px; transform: translateX(-1px);}
.s13 .history .histofy_b>li{display:flex; flex-direction:row; margin-bottom:100px; align-items:flex-start;}
.s13 .history .histofy_b li .history_img{width:50%;}
.s13 .history .histofy_b li .history_img img{display:block; width:100%;}
.s13 .history .histofy_b li .history_text{width:43%; padding:40px 0 0 40px; position:relative;}
.s13 .history .histofy_b li .history_text:after{position:absolute; display:block; content:''; clear:both; width:190%; height:1px; top:110px; left:0; background-color:rgba(36,50,136,.2);}
.s13 .history .histofy_b li .history_text .gr{font-size:34px; font-weight:600; padding-bottom:40px; display:block; color:#121212;}
.s13 .history .histofy_b>li:nth-of-type(2n){flex-direction:row-reverse; justify-content: space-between;}
.s13 .history .histofy_b li:nth-of-type(2n) .history_text:after{right:-83px; left:auto;}
.s13 .history .histofy_b li .history_text ul.histofy_s li{padding:15px 0;}
.s13 .history .histofy_b li .history_text .histofy_s li{font-size:15px; color:#484848; display: flex; flex-direction: row;}
.s13 .history .histofy_b li .history_text .histofy_s li span{width:80%; display: inline-block; word-break: keep-all;}
.s13 .history .histofy_b li .history_text .histofy_s li span.font_m{display:inline-block; font-size:18px; color:#222d86; font-weight:700; width:20%;}

@media(max-width:1300px){
	.s13 .history .histofy_b li .history_text{width:50%;}
}@media(max-width:1050px){
	.s13 .history .histofy_b li .history_text ul.histofy_s li{flex-direction: column; padding:10px 0;}
	.s13 .history .histofy_b li .history_text .histofy_s li span.font_m{width:100%;}
	.s13 .history .histofy_b li .history_text .histofy_s li span:last-of-type{width:100%; padding:8px 0 0 8px; word-break: keep-all;}
}@media(max-width:768px){
	.s13 .history .histofy_b li .history_text{padding:15px 0 0 0;}
	.s13 .history .histofy_b>li:nth-of-type(2n), .s13 .history .histofy_b>li{flex-direction: column; margin-bottom:70px;}
	.s13 .history .histofy_b>li:last-of-type{margin-bottom:0;}
	.s13 .history .histofy_b li .history_img{width:100%;}
	.s13 .history .histofy_b li .history_img img{display: block; width:100%;}
	.s13 .history .histofy_b li:nth-of-type(2n) .history_text:after{right:auto; left:0; top:100px;}
	.s13 .history .histofy_b li .history_text .gr{font-size:30px;padding-bottom:30px;}
	.s13 .history .histofy_b li .history_text:after{top:100px;}
	.s13 .history .histofy_b li .history_text .histofy_s li span.font_m{font-size:17px;}
	.s13 .history .histofy_b li .history_text .histofy_s li span:last-of-type{font-size:14px;}
	.s13 .history .histofy_b li .history_text{width:100%;}
	.s13 .history .histofy_b{padding-top:0;}
	
	.s13 .history .histofy_b:after{display: none;}
}@media(max-width:500px){
	.s13 .history .histofy_b li .history_text .gr{font-size:19px;}
	.s13 .history .histofy_b>li:nth-of-type(2n), .s13 .history .histofy_b>li{margin-bottom:50px;}
	.s13 .history .histofy_b li:nth-of-type(2n) .history_text:after, .s13 .history .histofy_b li .history_text:after{top:60px;}
}

.s14 {background:url('./img/sub_s14_bg.png') 100% 120% no-repeat;}
.s14 .growth{margin:0 auto; width:100%; max-width:1200px; }
.s14 .growth .s14_top_img{background:url('./img/sub_s14_img01.jpg') 50% 50% no-repeat;  position:relative; height:360px; display:flex; align-items: center; justify-content: center;}
.s14 .growth .s14_top_img:after{display:block; content:''; clear:both; width:98.4%; height:94.3%; position:absolute; left:10px; top:10px; border:1px solid rgba(255,255,255,.6);}
.s14 .growth .s14_top_img h3{font-size:28px; color:#fff; font-weight:600; padding:0 10%; text-align:center; word-break: keep-all;}
.s14 .growth .s14_bottom_list{padding-top:50px;}
.s14 .growth .s14_bottom_list li{display:flex; margin-top:40px; padding:0 50px 40px; border-bottom:1px solid #CCC;}
.s14 .growth .s14_bottom_list li h3{width:24%; color:#121212; font-size: 24px; font-weight: 500; position: relative; padding-left: 25px; margin-bottom: 35px; word-break: keep-all;}
.s14 .growth .s14_bottom_list li h3:before{content: ""; display: block; width: 2px; height: 22px; background-color: #222d86; position: absolute; left: 0; top: 6px;}
.s14 .growth .s14_bottom_list li p{width:76%; color:#484848; font-size:16px; word-break: keep-all;}

@media(max-width:1300px){
	.growth{padding:0 3%;}	
	.s14 .growth .s14_top_img:after{width:98%;}
}@media(max-width:1000px){
	.s14 .growth .s14_top_img:after{width:97.6%;}
}@media(max-width:768px){
	.s14 .growth .s14_bottom_list li h3:before{top:3px; hieght:20px;}
	.s14 .growth .s14_top_img:after{width:97%; height:93.4%;}
	.s14 .growth .s14_bottom_list li{margin-top: 30px; padding: 0 0 30px;}
	.s14 .growth .s14_bottom_list li h3{font-size:22px; margin-bottom:25px;}
	.s14 .growth .s14_bottom_list li p{font-size:15px;}
	.s14 .growth .s14_bottom_list{padding-top:25px;}
	.s14 .growth .s14_top_img h3{font-size: 24px;}
	.s14 .growth .s14_top_img{height:300px;}
	.s14{background-position:100% 100%;}
}@media(max-width:650px){
	.s14 .growth .s14_bottom_list li h3{padding-left:15px; width:100%; font-size:20px;}
	.s14 .growth .s14_top_img h3{font-size: 22px;}
	.s14 .growth .s14_bottom_list li p{width:100%;}
	.s14 .growth .s14_bottom_list li{flex-wrap: wrap;}
	.s14 .growth .s14_bottom_list{padding-top:0;}
	.s14 .growth .s14_top_img:after{width:96.5%;}
	.s14{background-position:50% 50%;}
}@media(max-width:500px){
	.s14 .growth .s14_top_img h3{font-size: 15px; line-height:25px;}
	.s14 .growth .s14_bottom_list li h3{font-size:18px;}
	.s14 .growth .s14_bottom_list li p{font-size:13px;}
}
@media(max-width:400px){
	.s14 .growth .s14_top_img:after{width:94%;}
	.s14{background-position:50% 50%;}
}

.s15{position:relative;}
.s15 .map{width:100%; max-width:1200px; margin:0 auto;}
.s15 .map .map_list li{}
.s15 .map .map_list li .right_map_area{}
.s15 .map .map_list li .right_map_area #daumRoughmapContainer1641531505976, .s15 .map .map_list li .right_map_area #daumRoughmapContainer1641531459877{width:100%;}
.s15 .map .map_list li .left_text_box{display:flex; padding:50px 0;}
.s15 .map .map_list li:last-of-type .left_text_box{padding-bottom:0;}
.s15 .map .map_list li .left_text_box h2{width:40%; position:relative; text-align: center; font-size:36px; font-weight:600;}
.s15 .map .map_list li .left_text_box h2:after{display:block; content:''; clear:both; position:absolute; width:15%; height:2px; background-color:#212e84;top:20%; left:0;}
.s15 .map .map_list li .left_text_box .text_box_inner_box{width:60%; }
.s15 .map .map_list li .left_text_box .text_box_inner_box li{margin-bottom:15px; display: flex; align-items: flex-start;}
.s15 .map .map_list li .left_text_box .text_box_inner_box li span{display: inline-block; width:25%; font-size:20px; font-weight:600;}
.s15 .map .map_list li .left_text_box .text_box_inner_box li p{display: inline-block; width:75%; font-size:16px; word-break: keep-all;} 
.s15 .map_bg{background-color:rgba(33,46,132,.2); width:62%; height:1033px; position:absolute; top:33%; right:0; z-index: -1; border-radius:250px 0 0 250px;}

@media(max-width:1300px){
	.s15 .map{padding:0 3%;}
	.s15 .map .map_list li .left_text_box h2:after{width:20%; top:20%;}
}@media(max-width:900px){
	.s15 .map .map_list li .left_text_box h2:after{width:15%; top:18%;}
}@media(max-width:768px){
	.s15 .map .map_list li .left_text_box{flex-direction: column; padding:35px 0;}
	.s15 .map .map_list li .left_text_box h2{width:100%; text-align:left; padding-bottom:25px; font-size:26px;}
	.s15 .map .map_list li .left_text_box h2:after{right:0; left:auto; width:70%; top:auto; bottom:25px;}
	.s15 .map .map_list li .left_text_box .text_box_inner_box li span{font-size:18px;}
	.s15 .map .map_list li .left_text_box .text_box_inner_box li p{font-size:15px;}
	
	.s15 .map .map_list li .left_text_box .text_box_inner_box{width:100%;}
	
}@media(max-width:600px){
	.s15 .map .map_list li .left_text_box h2:after{width:60%;}
}@media(max-width:500px){
	.s15 .map .map_list li .left_text_box{padding:20px 0;}
	.s15 .map .map_list li .left_text_box h2:after{ width: 100%; bottom: auto; position: relative; height: 1px; margin: 5px auto; }
	.s15 .map .map_list li .left_text_box h2{font-size:20px; padding-bottom: 5px; }
	.s15 .map .map_list li .left_text_box .text_box_inner_box li{flex-direction: column;}
	.s15 .map .map_list li .left_text_box .text_box_inner_box li span{width:100%; padding-bottom:5px; font-size:14px;}
	.s15 .map .map_list li .left_text_box .text_box_inner_box li p{width:100%; font-size:12px;}
}


.s31 .innovation .innovation_list{margin:0 auto; width:100%; max-width:1200px;}
.s31 .innovation .innovation_list li{background:url('./img/sub_s31_img01.jpg') 50% 50% no-repeat; height:650px; display:flex; align-items: flex-end; justify-content: flex-start; margin-bottom:400px; position:relative;}
.s31 .innovation .innovation_list li:first-of-type:after{display: block; clear:both; content:''; background:url('./img/sub_s31_bg01.png') 50% 50% no-repeat; position:absolute; width:650px; height:650px; right:-180px; bottom:-180px; background-size:cover;}

.s31 .innovation .innovation_list li .text-box{background-color:#fff; z-index: 1; width:75%; padding:50px; margin-bottom:-300px; word-break: keep-all;}
.s31 .innovation .innovation_list li .text-box h2{font-size:40px; padding-bottom:20px; color:#121212; font-weight:500;}
.s31 .innovation .innovation_list li .text-box h2:after{display:block; content:''; clear:both; width:2px; height:30px; background-color:#212e84; margin-top:20px}
.s31 .innovation .innovation_list li .text-box p{font-size:15px; color:#484848;}

.s31 .innovation .innovation_list li:nth-of-type(2){background:url('./img/sub_s31_img02.jpg'); margin-bottom:300px; justify-content: flex-end;}
.s31 .innovation .innovation_list li:nth-of-type(2) .text-box{margin-bottom:-200px;}

.s31 .innovation .innovation_list li:last-of-type{background:url('./img/sub_s31_img03.jpg'); margin-bottom:300px;}
.s31 .innovation .innovation_list li:last-of-type .text-box{margin-bottom:-300px;}

@media(max-width:1300px){
	.s31 .innovation .innovation_list{padding:0 3%;}
}@media(max-width:1000px){
	.s31 .innovation .innovation_list li .text-box{width:85%;}
}@media(max-width:768px){
	.s31 .innovation .innovation_list li{background-position: 100% 50% !important;}
	.s31 .innovation .innovation_list li:nth-of-type(2){background-position: 60% 50% !important;}
	.s31 .innovation .innovation_list li:last-of-type{background-position: 30% 50% !important;}
	.s31 .innovation .innovation_list li{background-position: 100% 50% !important;}
	.s31 .innovation .innovation_list li .text-box{width:90%; padding:35px; padding-left:0;}
	.s31 .innovation .innovation_list li:nth-of-type(2) .text-box{padding-left:35px;}
	.s31 .innovation .innovation_list li .text-box h2{font-size:32px;}
	.s31 .innovation .innovation_list li:first-of-type:after{display: none;}
}@media(max-width:600px){
	.s31 .innovation .innovation_list li .text-box{margin-bottom:-300px;}
	.s31 .innovation .innovation_list li{margin-bottom:370px;}	
	.s31 .innovation .innovation_list li:nth-of-type(2) .text-box{margin-bottom:-250px;}
	.s31 .innovation .innovation_list li:nth-of-type(2){margin-bottom:320px;}
	.s31 .innovation .innovation_list li:last-of-type .text-box{margin-bottom:-250px;}
	.s31 .innovation .innovation_list li:last-of-type{margin-bottom:320px;}
	.s31 .innovation .innovation_list li .text-box h2{font-size:20px;}
	.s31 .innovation .innovation_list li .text-box p{font-size:13px;}
	.s31 .innovation .innovation_list li .text-box h2:after{height:25px;}
}@media(max-width:500px){
	.s31 .innovation .innovation_list li .text-box h2:after{height:20px;}
	
	.s31 .innovation .innovation_list li .text-box h2{font-size:18px;}
	.s31 .innovation .innovation_list li .text-box p{font-size:13px;}
	.s31 .innovation .innovation_list li .text-box{margin-bottom:-400px;}
	.s31 .innovation .innovation_list li{margin-bottom:470px;}	
	.s31 .innovation .innovation_list li:last-of-type{margin-bottom:230px;}
}@media(max-width:320px){
	.s31 .innovation .innovation_list li .text-box{margin-bottom:-500px;}
	.s31 .innovation .innovation_list li{margin-bottom:570px;}	
}

.s32 .tech .tech_area01{margin:0 auto 70px; max-width:1200px; width:100%;}
.s32 .tech .tech_area h3{font-size: 24px; font-weight: 500; position: relative; padding-left: 25px; margin-bottom: 35px;}
.s32 .tech .tech_area h3:before{content: ""; display: block; width: 2px; height: 22px; background-color: #222d86; position: absolute; left: 0; top: 6px;}
.s32 .tech .tech_area p{font-size: 16px; color:#484848; word-break: keep-all;}
.s32 .tech .tech_area .tech_img_box{margin:40px 0 0;}

/*.s32 .tech .tech_area .tech_img_box{background-color: #fff; border: 1px solid #222d86; margin: 30px auto 0; padding: 35px; position: relative;}
.s32 .tech .tech_area .tech_img_box:before{display: inline-block;content: "습식 공정 기술"; clear: both; background-color: rgba(33,46,132,.9); color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; font-size: 15px; transform: rotate(0.029deg); padding: 10px 20px;}
.s32 .tech .tech_area02 .tech_img_box:before{content: "양전하 부가 필터";}*/

.s32 .tech .tech_area02{background-color:#f8f8f8; padding:70px 0 110px;}
.s32 .tech .tech_area02 .inner_box{max-width:1200px; width:100%; margin:0 auto;}
.s32 .tech .tech_area02 .tech_img_area{display:flex; justify-content: center;}
.s32 .tech .tech_area .tech_img_box{width:100%; margin:30px auto 0;}
.s32 .tech .tech_area .tech_img_box02{width:42%;}
.s32 .tech .tech_area .tech_img_box01 img{width: 100%;}
.s32 .tech .tech_area .tech_img_box img{display:block; }

@media(max-width:1300px){
	.s32 .tech .tech_area01{padding:0 3%;}
	.s32 .tech .tech_area02{padding:70px 3% 100px;}
	.s32 .tech .tech_area .tech_img_box img{ width: 100%;}
}@media(max-width:768px){	
	.s32 .tech .tech_area01{margin-bottom:50px;}
	.s32 .tech .tech_area02{padding:50px 3% 70px;}
	.s32 .tech .tech_area h3{font-size:20px;}
	.s32 .tech .tech_area p{font-size:14px;}
}@media(max-width:500px){		
	.s32 .tech .tech_area h3:before{top:1px; height:20px;}
	.s32 .tech .tech_area .tech_img_box02{width:49%; margin:30px 1% 0;}
	.s32 .tech .tech_area01{margin-bottom:35px;}
	.s32 .tech .tech_area02{padding:35px 3% 50px;}
	.s32 .tech .tech_area h3{font-size:18px; word-break: keep-all;}
	.s32 .tech .tech_area p{font-size:13px;}
	.s32 .tech .tech_area02 .tech_img_area{flex-direction: column; margin-bottom:100px;}
	.s32 .tech .tech_area .tech_img_box02{width:100%;}
}

.s33 .solution_list li{display: flex; margin-bottom:70px; align-items: center; }
.s33 .solution_list li:nth-of-type(2n){flex-direction: row-reverse;}
.s33 .solution_list li .list_img_box{width:45%; margin-right:5%;}
.s33 .solution_list li .list_img_box img{display: block; width:100%;}
.s33 .solution_list li:nth-of-type(2n) .list_img_box{margin-right:0; margin-left:5%;}
.s33 .solution_list li .list_text_box{width:50%; display: flex; flex-direction: column; justify-content: center; padding:50px;}
.s33 .solution_list li .list_text_box h3{font-size: 28px; font-weight: 800; position: relative; margin-bottom:15px;}
.s33 .solution_list li .list_text_box span{font-size:20px; color:#121212; font-weight:600; margin-bottom: 20px;}
.s33 .solution_list li .list_text_box span:after{content: ""; display: block; width: 30px; height: 2px; background-color: #222d86; margin-top:20px;}
.s33 .solution_list li .list_text_box p{font-size:16px; color:#484848; word-break: keep-all;}

@media(max-width:1150px){
	.s33 .solution_list li .list_img_box{margin-right:0%; position:relative; overflow:hidden; width:50%;}
	.s33 .solution_list li .list_img_box img{position:absolute; width:540px; height:auto; top:0; bottom:0; margin:auto; left:0;}	
	.s33 .solution_list li .list_text_box{padding:35px;}
	.s33 .solution_list li .list_text_box p{font-size:15px;}
	.s33 .solution_list li .list_text_box h3{font-size:28px;}
	.s33 .solution_list li .list_text_box span{font-size:18px;}

}@media(max-width:1080px){
	.s33 .solution_list li{flex-direction: column !important; margin-bottom:30px;}
	.s33 .solution_list li .list_img_box{height:300px; width:100%; margin:0 !important;}
	.s33 .solution_list li .list_text_box{width:100%; padding:30px 0;}
	.s33 .solution_list li .list_img_box img{width:100%;}
	.s33 .solution_list li img{ width: 100%; display: block; }
}@media(max-width:500px){
	
	.s33 .solution_list li .list_img_box{height:250px;}
	.s33 .solution_list li .list_text_box h3{font-size:20px; margin-bottom:15px;}
	.s33 .solution_list li .list_text_box span{font-size:15px; margin-bottom:15px;}
	.s33 .solution_list li .list_text_box span:after{margin-top:10px;}
	.s33 .solution_list li .list_text_box p{font-size:13px;}
	.s33 .solution_list li .list_text_box{padding-bottom:10px;}
}

.s34 .rd h3{ font-size: 24px; font-weight: 500; position: relative; padding-left: 25px; margin-bottom: 35px;}
.s34 .rd h3:before{content: ""; display: block; width: 2px; height: 22px; background-color: #222d86; position: absolute; left: 0; top: 6px;}
.s34 .rd p{font-size: 16px;color: #484848;word-break: keep-all;}
.s34 .rd .rd_inner{width:100%; max-width:1200px; margin:0 auto;}
.s34 .rd .rd_top_area{padding-bottom:70px; }
.s34 .rd .rd_middle_raea01 h3{width:100%; text-align:center;}
.s34 .rd .rd_middle_raea01 h3:before{display: none;}
/*.s34 .rd .rd_middle_raea01 .middle_list li{background-color:#fff;}
.s34 .rd .rd_middle_raea01 .middle_list li:nth-of-type(2){background-color:#f8f8f8;}*/
.s34 .rd .rd_middle_raea01 .middle_list li{}
.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box{display: flex; align-items: center;}
.s34 .rd .rd_middle_raea01 .middle_list li .li_box_right_img{width:50%;}
.s34 .rd .rd_middle_raea01 .middle_list li .li_box_right_img img{width:100%; display: block;}
.s34 .rd .rd_middle_raea01 .middle_list li .li_box_left_text{width:50%;}
.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text{padding-left:18.5%;}
.s34 .rd .rd_middle_raea01 .middle_list li:nth-of-type(2) .middle_list_li_box .li_box_left_text{padding-left:50px;}
.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text span{font-size:16px; color:#222d86; font-weight:700; padding-bottom:15px; display: block;}
.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text p{font-size:28px; font-weight:600; color:#121212;}

.s34 .rd_middle_raea02 h3{margin-top:70px;}
.s34 .rd_middle_raea02 .bottom_list{display: flex;}
.s34 .rd_middle_raea02 .bottom_list li{width:25%; background-color:#222d86; display: flex; flex-direction: column; align-items: center; padding:25px; min-height:300px; justify-content: center;}
.s34 .rd_middle_raea02 .bottom_list li:nth-of-type(2){background-color:#20509E}
.s34 .rd_middle_raea02 .bottom_list li:nth-of-type(3){background-color:#1E6A94}
.s34 .rd_middle_raea02 .bottom_list li:last-of-type{background-color:#3547D4}
.s34 .rd_middle_raea02 .bottom_list li .list_icon{padding-bottom:35px;}
.s34 .rd_middle_raea02 .bottom_list li .list_icon img{display: block; width:100%;}
.s34 .rd_middle_raea02 .bottom_list li span{font-size:20px; font-weight:700; color:#fff; text-align: center; padding-bottom:20px;}
.s34 .rd_middle_raea02 .bottom_list li p{color:#fff; text-align:center; word-break: keep-all; font-size:16px; font-weight:300;}
.s34 .rd_bottom_area .rd_inner{padding-top:70px;} 
.s34 .rd_bottom_area .bottom_list{width:100%; margin-top:20px;}
.s34 .rd_bottom_area .bottom_list li{display: flex; text-align:center; }
.s34 .rd_bottom_area .bottom_list li.title{background-color:#212e84;}
.s34 .rd_bottom_area .bottom_list li.title span{color:#fff;}
.s34 .rd_bottom_area .bottom_list li span{color:#484848; width:33.3%; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding: 20px 30px; display: flex; align-items: center; justify-content: center; font-weight:600; font-size:15px;}
.s34 .rd_bottom_area .bottom_list li span:last-of-type{border-right:0;}
.s34 .rd_bottom_area .bottom_list li:last-of-type{border-bottom:1px solid #888;}

.s34 .rd .rd_bottom_area h3{max-width:1200px; width:100%; margin:70px auto 35px;}
.s34 .rd .rd_bottom_area .rd_inner{padding-top:30px;}
.s34 .rd .rd_bottom_area .rd_area{}
.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text{display: flex;}
.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li{width:30%; margin-right:5%;}
.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li:last-of-type{margin-right:0;}

.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li .rd_left_img{overflow: hidden; border-radius: 15px;}
.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li .rd_left_img img{display: block; width:100%;}
.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li p{padding-top:30px;}

.s34 .rd .rd_bottom_area .rd_inner{padding-top:0;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area{display: flex; margin-top:50px;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .list_left{width:30%; padding-right: 10px; }
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .list_left h4{color:#121212; font-size:19px; font-weight:600;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list{margin:0; padding-left:8%; position:relative}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list:before{content:''; clear:both; display: block; height:1px; width:100%; left:0; top:12px; margin:auto; position: absolute; background:rgba(36,50,136,.2);}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list:after{content:''; clear:both; display: block; width:1px; height:120%; left:4.3%; top:12px; margin:auto; position:absolute; background:rgba(36,50,136,.2);}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li{padding:15px 0; display: flex; align-items: center;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li:first-of-type{padding-top:45px;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li:last-of-type{border-bottom:0;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li:before{content:''; clear:both; display: block; background:#222d86; width:8px; height:8px; border-radius: 50%; margin-right:20px;}
.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li span{width:auto; padding:0; border-bottom:0; width:7%; color:#121212; font-size:18px; font-weight:700; justify-content: flex-start;}

.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li p:before{content:''; clear:both; display: block; background:#222d86; width:10px; height:1px; margin-right:10px;}

.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li P{color:#484848; font-weight:400; display: flex; align-items: center; width:89%; text-align:left;}






@media(max-width:1500px){
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text{padding-left:8%;}
}
@media(max-width:1300px){
	.rd_middle_raea02{padding:0 3%;}
	.s34 .rd .rd_top_area{padding:0 3% 70px;}
	.s34 .rd_bottom_area .rd_inner{padding:70px 0 0;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text{padding-left:7%;}
	.rd_bottom_area{padding:0 3%;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .list_left{width:25%;}
}@media(max-width:1200px){
	.s34 .rd_middle_raea02 .bottom_list li{height:280px; padding:20px; min-height:100%;}
	.s34 .rd_middle_raea02 .bottom_list li .list_icon{padding-bottom:20px;}
	.s34 .rd_middle_raea02 .bottom_list li span{padding-bottom:15px; font-size:17px;}
	.s34 .rd_middle_raea02 .bottom_list li p{font-size:14px;}
	
}
@media(max-width:1100px){
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text p{font-size:24px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text span{font-size:14px;}

	.s34 .rd_middle_raea02 .bottom_list li{height:250px; padding:10px;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .list_left h4{font-size:18px;}
}@media(max-width:1000px){
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area{flex-direction:column;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list:before{width:108%; left:-4%;}
}
@media(max-width:900px){
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text p{font-size:20px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text span{font-size:14px;}
}@media(max-width:768px){
	.s34 .rd h3{font-size:20px; margin-bottom:20px;}
	.s34 .rd p{font-size:15px;}
	.s34 .rd .rd_top_area{padding-bottom:50px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text{padding-left:3%;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box{position:relative;}
	.s34 .rd .rd_middle_raea01 .middle_list li .li_box_right_img{height:100px;}
	.s34 .rd .rd_middle_raea01 .middle_list li{background-color:rgba(0,0,0,.4); width:100%;}
	.s34 .rd .rd_middle_raea01 .middle_list li .li_box_right_img img{position:absolute; left:0; z-index: -1; height:100px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text{width:100%;}
	
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text p{color:#fff;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text span{color:#fff;}

	.s34 .rd_middle_raea02 .bottom_list{flex-wrap: wrap;}
	.s34 .rd_middle_raea02 .bottom_list li{width:50%;}

	.s34 .rd_bottom_area .rd_inner{padding:50px 0 0;}

	.s34 .rd_bottom_area .bottom_list li span{font-size:14px; word-break: keep-all;}	
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li p:before{display: none;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li span{margin-right:10px;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .list_left{width:100%;}
}@media(max-width:600px){
	.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text{flex-direction:column;}
	.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li{width:100%;}
	.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li p{font-size:14px; padding:15px 0 40px;}
	.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li .rd_left_img{max-height:280px;}
	.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li .rd_left_img img{margin-top:-100px;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li{flex-direction: column; align-items:flex-start; position:relative;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li:before{position:absolute; left:-4.7%; top:22px;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li:first-of-type:before{top:52px;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li P{padding-top:5px; font-size:14px;}
}
@media(max-width:500px){
	.s34 .rd_bottom_area .bottom_list li span{font-size:12px; font-weight:500; padding:15px 25px;}
	.s34 .rd .rd_top_area{padding-bottom:35px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text p{font-size:16px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text span{font-size:14px;}
	.s34 .rd .rd_middle_raea01 .middle_list li:nth-of-type(2) .middle_list_li_box .li_box_left_text{padding-left:0;}
	.s34 .rd .rd_middle_raea01 .middle_list li .li_box_right_img{width:30%;}

	.s34 .rd_middle_raea02 .bottom_list li{height:210px;}
	.s34 .rd_middle_raea02 .bottom_list li .list_icon{width:26%;}
	.s34 .rd_middle_raea02 .bottom_list li span{font-size:15px; font-weight:400;}
	.s34 .rd h3{font-size:18px;}
	.s34 .rd p{font-size:13px;}
	.s34 .rd_middle_raea02 .bottom_list li p{font-size:11px; line-height:1.5}
	
	
}@media(max-width:400px){
	.s34 .rd_middle_raea02 .bottom_list li .list_icon{padding-bottom:10px;}
	.s34 .rd_middle_raea02 .bottom_list li{height:190px; justify-content: flex-start; padding-top:20px;} 
	.s34 .rd_middle_raea02 .bottom_list li span{font-size:15px; padding-bottom:10px;}
	
	.s34 .rd_bottom_area .bottom_list li span{font-size:13px;}
	.s34 .rd .rd_bottom_area .rd_area .rd_area_left_text li p{font-size:13px;}
	.s34 .rd .rd_bottom_area .rd_inner .bottom_list_area .bottom_list li P{font-size:13px;}
}
@media(max-width:320px){
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text p{font-size:15px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .middle_list_li_box .li_box_left_text span{font-size:12px;}
	.s34 .rd .rd_middle_raea01 .middle_list li .li_box_right_img{width:3%;}
	.s34 .rd p{font-size:13px;}
	.s34 .rd_middle_raea02 .bottom_list li
}

/************************* sub 끝*************************/


/************************* title_navi 시작 *************************/

.navi_all {width:100%; margin:0 auto; background:rgba(0, 0, 0, 0.7); height:50px; text-align: left; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; 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 #343434;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.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:45%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #343434;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#121212; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#121212; 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:#fff !important;}

.navi_sub {width:55%; max-width:300px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #343434;}
.navi_sub > h2						{ color:#fff; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative;  width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:101%;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; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:301px; 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 { }


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

@media(max-width: 500px){
.navi_all *{ font-size: 2.4vw !important; }
}

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


/************************* footer_inc 시작 *************************/
.footer_t{background-color:#000; padding:45px 0;}
.footer_t .footer_area{width:100%; max-width:1200px; margin:0 auto; color:#cbcbcb;}
.footer_t .footer_area .footer_top{display:flex; flex-direction:row; align-items:center; border-bottom:1px solid rgba(255,255,255,.3);}
.footer_t .footer_area .footer_top .footer_logo{width:20%; display:flex; align-items:center; justify-content: center;}
.footer_t .footer_area .footer_top .footer_logo img{margin-bottom:30px;}
.footer_t .footer_area .footer_top .footer_txt{width:80%; display:flex; flex-direction: row;}
.footer_t .footer_area .footer_top .footer_txt div{border-right:1px solid rgba(255,255,255,.3); padding-left:20px; margin-bottom:30px;}
.footer_t .footer_area .footer_top .footer_txt .text_add{width:59%; border-left:1px solid rgba(255,255,255,.3);}
.footer_t .footer_area .footer_top .footer_txt .text_tel{width:17%;}
.footer_t .footer_area .footer_top .footer_txt .text_fax{width:24%; border-right:none;}
.footer_t .footer_area .footer_top .footer_txt div span{font-size:15px; font-weight:600; padding-bottom:15px; display: block;}
.footer_t .footer_area .footer_top .footer_txt div p{font-size:13px; line-height:24px; word-break: keep-all;}
.footer_t .footer_area .footer_top .footer_txt div p:last-of-type{padding-bottom:35px;}
.footer_t .footer_area .footer_bottom{padding:40px 0 0 55px;}
.footer_t .footer_area .footer_bottom span{font-size:13px;}

@media(max-width:1050px){
	.footer_t .footer_area .footer_top .footer_logo{width:18%;}
	.footer_t .footer_area .footer_top .footer_txt{width:82%;}

}@media(max-width:800px){
	.footer_t .footer_area .footer_top .footer_logo{width:30%;}
	.footer_t .footer_area .footer_top{flex-direction: column;}
	.footer_t .footer_area .footer_top .footer_txt{width:100%; padding:0 3%; flex-direction: row; flex-wrap: wrap;}
	.footer_t .footer_area .footer_top .footer_txt div{border-right:0; width:100% !important; padding:0; margin-bottom:10px;}
	.footer_t .footer_area .footer_top .footer_txt .text_add{border-left:0;}
	.footer_t .footer_area .footer_top .footer_txt div span, .footer_t .footer_area .footer_top .footer_txt div p:last-of-type{padding-bottom:10px;}
	.footer_t .footer_area .footer_bottom{padding:40px 3%;}
	.footer_t .footer_area .footer_top .footer_txt .text_fax, .footer_t .footer_area .footer_top .footer_txt .text_tel{width:50% !important;}
	
}@media(max-width:500px){
	.footer_t .footer_area .footer_top .footer_logo img{ display: block; width: auto; height: 53px; margin-bottom: 20px; }
	.footer_t .footer_area .footer_top .footer_txt div span, .footer_t .footer_area .footer_top .footer_txt div p:last-of-type{ padding-bottom: 5px; }
	.footer_t .footer_area .footer_top .footer_txt div p{font-size:10px; line-height: 1.6;}
	.footer_t .footer_area .footer_top .footer_txt div span{font-size:12px;}
	.footer_t .footer_area .footer_bottom{ padding: 10px 3% 0; }
	.footer_t .footer_area .footer_bottom a{ font-size: 11px !important;}
	.footer_t .footer_area .footer_bottom span{ font-size: 11px; }
	.footer_t{padding:30px 0;}
}

/*family_inc.php의 스타일*/
.total								{width:100%;  cursor:pointer; }
.select_d							{border:1px solid #ddd; width:100%; line-height:30px; height:30px; padding-left:8px; position:relative; font-size:12px;}
.select_d span				{display:inline-block; position:absolute; right:10px;}

/* 패밀리사이트 클릭시 밑으로 떨어지는  CSS*/
/*
.select_op						{border:1px solid #ddd;border-top:none; width:168px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;}
*/

/* 패밀리사이트 클릭시 위로 올라오는 CSS*/
.select_op						{border:1px solid #ddd;border-bottom:none; width:160px; margin-top:0px; display:none; position:absolute; z-index:3px; background:#fff; font-size:11px;bottom:30px;}

.select_op	li				{line-height:30px;height:30px; border:0px solid red; padding-left:8px;}
.select_op	li		a		{cursor:pointer; width:100%; height:30px; display:inline-block;letter-spacing:-0.3px;}
.select_op	li:hover	{background:#eee;}
.a_focus							{background:#8e8e8e; color:#fff !important;}



.footer_copyright			{background:#323232; color:#fff; text-align:center; padding:10px;}
.footer_copyright p			{color:#fff; font-size:12px;}
.footer_copyright p a		{font-size:11px; color:#fff;  margin-left:15px;}

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



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



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

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

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/


/************************* sub-page 시작 *************************/



/* 제품_overview */

.over_flex{width:100%; margin:0 auto 100px; position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.over_6{margin: 0 auto;}

.s21_img{width:55%;}
.s21_img img{display:block; width:100%;}
.s21_text{width:32%;}

.over_flex2 .s21_text{padding-left:70px;}

.over_flex1{background:#f8f8f8; padding:50px 0; justify-content:flex-end;}
.over_flex1 .s21_img{order:1;}
.over_flex1 .s21_text{order:0;}

.s21_text h2{ font-size:45px; font-weight:700; line-height:55px;}
.s21_text p{font-size:16px; line-height:1.5; margin:20px 0 35px; width: 80%;}
.s21_text ul{ border-top: 2px solid #222d86; width: 75%;}
.s21_text ul li{position:relative; font-size:15px; line-height:30px; color:#585858; border-bottom: 1px solid #ccc;  cursor: pointer;} 
.s21_text ul li a{display: block; padding: 7px 0;}
.s21_text ul li a::after{content: ""; display: block; background: url("./img/arrow_g.png") no-repeat; width: 15px; height: 11px; position: absolute; right: 0; top: 36%;}
.s21_text ul li a:hover::after{background: url("./img/arrow_b.png") no-repeat; width: 15px; height: 11px; }
.s21_text ul li a:hover{font-weight: 600; color: #121212; }

@media(max-width: 1850px){
	.s21_text{width:45%;}
	.over_flex1 .s21_text{padding-left:80px;}
}

@media(max-width: 1280px){

	.over_flex{margin:0 auto;}
	.s21_img{height:35vw; overflow:hidden;}
	.s21_img, .s21_text{width:100%;}
	.over_flex1 .s21_img{order:0;}
	.over_flex1 .s21_text{order:1;}
	.over_flex2 .s21_text{padding:50px;}
	.over_flex1 .s21_text{padding:50px;}
	.s21_text h2{font-size:36px; line-height:1.3;}
	.s21_text p{font-size:16px; }
	.s21_text ul li{font-size:15px; line-height:1.6;}
	
}

@media(max-width: 860px){
	.s21_img{height:35vw; overflow:hidden;}
	.over_flex1{padding:20px 0 0;}
	.over_flex2 .s21_text{padding:5%;}
	.over_flex1 .s21_text{padding:5%;}
	.s21_text h2{font-size:32px; }
	.s21_text p{font-size:15px; }
	.s21_text p br{display:none;}
	.s21_text ul li a{font-size:14px; }
}

@media(max-width: 748px){
	.s21_img{height:47vw;}
	.over_flex1{padding:20px 0 0;}
	.over_flex2 .s21_text{padding:5% 7%;}
	.over_flex1 .s21_text{padding:5% 7%;}
	.s21_text h2{font-size:22px; }
	.s21_text p{font-size:12px; }
	.s21_text ul{width: 100%;}
	.s21_text ul li{font-size:12px; }
}
@media(max-width: 500px){
	.s21_text h2{font-size:18px; }
	.s21_text p{ font-size: 11px; }
	.s21_text ul li{ font-size: 11px; }
	.s21_text ul li a{ font-size: 11px; }
	.s21_text h2 br{ display: none;}
	.s21_text p{ width: 100%; margin: 10px 0 25px;}
	.s21_text ul li a::after{ background-size: cover; width: 10px; height: 7px; }
}


/* pro 21~26 */
/* tab_menu */
.s21_tab{width: 100%; max-width: 1200px; display: flex; align-items: center;  justify-content: center; margin: 0 auto; padding: 0 0 70px;}
.s21_tab a{width: 25%; flex: 1; border: 1px solid #d7d7d7; background: #fff; color: #484848; font-size: 15px; word-break: keep-all; line-height: 1.3; padding: 15px 8px; text-align: center; transition: 0.3s all; margin-right: 5px;}
.s21_tab a:first-child{border-radius: 5px 0 0 5px;}
.s21_tab a:last-child{margin-right: 0; border-radius: 0px 5px 5px 0px;}
.s21_tab a:hover{background: #222d86; color: #fff; transition: 0.5s all; border: 1px solid #222d86;}
.s21_tab a.on, .s21_tab a.t01{color: #fff; background: #222d86; border: 1px solid #222d86;}
.s24 .s21_tab a{border-radius: 5px !important;}

.tab-select-outer {	position: relative;	width: 100%;	margin:0 auto 3%; padding: 0 10px;	height: 45px;	border: 1px solid #222d86; }
.tab-select-outer select{width:100%; height: 45px; font-size: 13px;}
.tab-select-outer select#s_select {	width: 100%;	height: 45px;	min-height: 45px;	line-height: 45px;	padding: 0 10px;	opacity: 0;	filter: alpha(opacity=0); }

.s23 .s21_tab a, .s25 .s21_tab a{min-height: 71px; display: flex; justify-content: center; align-items: center;}
.s23 .s21_tab a:nth-child(4), .s25 .s21_tab a:first-child{line-height: 1.3;}

.s21_wrap:not(:first-child) {display: none;}
.s21_ibox{margin: 0 auto 75px;}
.s21_tbox h3{font-size: 32px; font-weight: 700; }
.s21_tbox span{display: block; width: 100%; height: 2px;  background-image: linear-gradient(to right, #288ccc 85%, #243288); margin: 30px auto;}
.s21_tbox p{font-size: 17px; line-height: 26px; }
.s21_tinfo ul li{line-height: 32px; }
.s21_tinfo{padding: 70px 0 0; }
.s21_tinfo h4{font-size: 26px; font-weight: 600; position: relative; padding-left: 25px; margin-bottom: 35px;}
.s21_tinfo h4::before{content: ""; display: block; width: 2px; height: 22px; background-color: #222d86; position: absolute; left: 0; top: 6px;}
.s21_tinfo b{font-size: 17px; font-weight: 400; position: relative; padding-left: 20px; }
.s21_tinfo b::before{content: "▶"; display: block; font-size: 11px; color: #222d86; position: absolute; left: 0; top: -7px;}
.s21_tinfo p{font-size: 15px; color: #484848; margin-bottom: 30px;}
.s21_1_tinfo ul li p, .s21_tinfo ul li:last-child p{margin-bottom: 0;}
.s21_1_tinfo ul li:first-of-type{margin-bottom:30px;}
.s21_tinfo1 ul{background-color: #f8f8f8; padding: 40px;}
.s21_tinfo1 ul li{font-size: 15px;  }
.s21_tinfo2 b{font-weight: 600;}
.s21_tinfo3 b{font-size: 15px; }

.s21_viewmore{width: 100%; margin: 35px 0 0; display: flex; align-items: center; }
.s21_viewmore a{display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; font-weight: 600; color: #fff; background: #222d86;  padding: 12px 25px;  transition: all .3s ease;  }
.s21_viewmore a.s21_23more{min-height: 42px; margin-left: 20px;}
.s21_viewmore a.s21_23more i{font-size: 17px; padding-left: 10px; }
.s21_viewmore a img{display: block; padding-left: 10px;}
.s21_viewmore a:hover{ background: #121212; transition: all .3s ease;  } 

@media(max-width: 1280px){
	.s21_tbox h3{font-size: 28px; line-height: 1.2;}
	.s21_tbox span{margin: 20px auto; }
	.s21_tbox p{font-size: 16px; line-height: 1.6; }
	.s21_ibox img{display: block; width: 100%; }
}

@media(max-width: 1180px){
	.s21_tab a{font-size: 14px; padding: 6px 4px; }
	.s23 .s21_tab a, .s25 .s21_tab a{min-height: 53px; }
}

@media(max-width: 1080px){
	.s21_ibox{margin: 0 auto 5%;}
	.s21_tbox h3{font-size: 26px;}
	.s21_tbox span{margin: 20px auto;}
	.s21_tbox p{font-size: 15px; line-height: 1.6;}
	.s21_tinfo{padding: 4% 0 0;}
	.s21_tinfo h4{font-size: 22px; padding-left: 15px; margin-bottom: 20px;}
	.s21_tinfo h4::before{height: 18px; top: 5px; }
	.s21_tinfo1 ul{padding: 20px;}
	.s21_tbox p{font-size: 14px; }
}

@media screen and (min-width: 1050px) {
  .tab-select-outer { display: none; }
}

@media(max-width:1050px){
	.tab-button-outer {display: none; }
	.tab-select-outer{display:block; }
}

@media(max-width: 748px){
	.s21_tinfo h4{font-size: 20px; margin-bottom: 5px; }
	.s21_tinfo b{font-size: 15px; }
	.s21_tbox p{font-size: 13px; }
	.s21_tinfo1 ul li{font-size: 13px; }
	.s21_tinfo3 b{font-size: 13px; }
}

@media(max-width: 500px){

	.s21_tbox h3 {font-size: 18px; line-height: 1;}
	.s21_tbox span{margin: 3% auto;}
	.s21_tinfo h4{font-size: 16px; margin: 5% 0 3%;}
	.s21_tinfo h4::before{height: 11px; }
	.s21_tinfo b{font-size: 13px; line-height:1.6;}
	.s21_tinfo b::before{font-size: 10px;}
	.s21_tbox p{font-size: 11px; }
	.s21_tinfo1 ul li{font-size: 11px; line-height: 1.6;}
	.s21_tinfo ul li{line-height: 1.6; }
	.s21_tinfo3 b{font-size: 11px; }
	.s21_tinfo b::before{top: 0;}
	.s21_viewmore{max-width: 100%; margin: 7% auto 0;}
	.s21_viewmore a{font-size: 12px; padding: 10px 25px;}
}


/* 재무정보 */

.s_title span {font-size:14px; color:#666; text-align: right; display: block; margin: 0 0 15px; }
.tb-1 { border-top:2px solid #1E6A94; border-bottom:1px solid #888; overflow:hidden; }
.tb-1 > table { margin-top: -1px; font-size: 15px; color: #484848; text-align: center;}
.tb-1 th, .tb-1 td { padding:20px 30px; border-top:solid 1px #e4e4e4; border-left:1px solid #e4e4e4; }
.tb-1 th { background:#f9fbfc; }
.tb-1 thead th:nth-child(1), .tb-1 tbody th{border-left: 0;}
.tb-1 > table { width:100%; margin-left:-1px; margin-right:-1px; }
.tb-1 thead th{background-color: #1E6A94; color: #fff;}

@media(max-width: 500px){
	.tb-1 th, .tb-1 td{padding: 3% 2%; font-size: 12px; }
	.s_title span{font-size: 12px; margin: 0 0 10px;}
}


/* 공시정보 */
.s42{width: 100%; max-width: 880px;   margin: 0 auto; background: #f5f5f5; border-radius: 25px 0 25px 0; padding: 5%; overflow-x: scroll;}
.s42 iframe{background: #fff; padding: 5% 3%; width: 775px; display: block;}

/************************* sub-page 끝 *************************/