@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}

/* contents */
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}
footer.fp-section.fp-table, footer .fp-tableCell {height:auto !important}

@media screen and (max-width:1025px){
    .section, .section .fp-tableCell {height:auto !important}
    .main_section.section,
    .main_section.section .fp-tableCell {height: 100vh !important;}
    footer.section{display: none;}
    .business footer.section {display: block;}
}

* {font-family: 'Pretendard', sans-serif;}
html, body {font-family: 'Pretendard', sans-serif;}
/*
::-webkit-scrollbar { width: 8px; height:8px}
::-webkit-scrollbar-thumb { background-color: #9c2033; border-radius: 100px;}
::-webkit-scrollbar-track { background-color: rgba(0,0,0,0);}
*/

main {position:relative; background-color:#000;}

/******************************************************* layout *******************************************************/
.inner1260 {width:90%; max-width:1260px; margin: 0 auto; position: relative;}
.inner1400 {width:90%; max-width:1400px; margin: 0 auto;}
.inner1720{width:90%; max-width:1720px; margin:0 auto;}
.sub_wrap{padding:150px 0; overflow:hidden;}
.sub_wrap .sub_title h1 {font-size: 40px; font-weight: 700;  line-height: 1.3; color:#111;}
.sub_wrap .sub_title h1 small{font-size:24px; display:block; font-weight: 600; color:#999; padding-top:20px;}
.sub_wrap .sub_title{margin: 80px 0;}
.sub_wrap .cont_tit{font-size:34px; color:#111; margin:100px 0 30px;}


header {position:fixed; top:0; left:0;   z-index:100; width:100%; display: flex; justify-content: center; z-index: 99999; transition: all ease .3s; border-bottom:1px solid #e5e5e5;  overflow:hidden; height:80px;}

header.on .gnb > ul > li{ width:160px;}
header .gnb > ul > li{position:relative; width:160px;  transition:all ease .3s;}
header .gnb > ul > li > a{display:block; color:#fff; font-weight:500; font-size:18px;padding:0 15px;   height: 80px; line-height: 80px; position:relative; text-align:center;}
header .gnb > ul > li > a:after{content:''; width:0; height:2px; background:#9c2033; position:absolute; left:0; bottom:-2px; z-index:2; transition:all ease .3s;}
header .gnb > ul > li:hover > a{color:#9c2033;}
header .gnb > ul > li:hover > a:after{width:100%; }
header .logo{width:200px; height:45px; display:block;background-image:url('/images/logo.png'); background-repeat:no-repeat; background-position: center left; margin-top:20px; position:absolute; left:5% ; top:0;}
header.hide{transform:translateY(-100%)}
header .header_inner {width:90%; max-width:1720px;  display:flex; justify-content: space-between; align-items:flex-start; }
header .gnb > ul {display:flex;}
header .lan {margin-top: 28px;}
header .lan .lan_btn a{display:flex; align-items:center; color:#fff; width:55px;  font-size:14px; letter-spacing:0.5px;}
header .lan .lan_btn span {margin:0 10px;}
header .lan .lan_btn .drdw{display:block; width:8px; height:5px; background-image:url('/images/icon/dropdown.png'); background-repeat:no-repeat;}
header.header_white{border-bottom:0;}
header.header_white .lan .lan_btn .drdw{background-image:url('/images/icon/dropdown_white.png');}
header.header_white .lan .lan_btn .lan_ic{background-image:url('/images/icon/lan_white.png');}
header .lan .lan_btn .lan_ic{display:block; width:16px; height:16px; background-image:url('/images/icon/lan.png'); background-repeat:no-repeat;}
header .mall_btn{display:block; position:absolute; right: calc(5% + 70px); top:27px; color:#fff; font-weight: 500; font-size: 16px; padding-left: 28px;  background: url(/images/header_ico02_w.svg) no-repeat top 4px left;  background-size: 18px;}
header .mall_btn .ico_up_arr {width:12px; height:13px; background:url(/images/header_ico01_w.png) no-repeat center; display:inline-block; margin-left: 10px; vertical-align: baseline;}
header.header_black:after{content:''; width:100%; height:1px; background:#e5e5e5; position:absolute; top:80px; left:0; z-index:-1;}
header.header_black .logo{background-image:url('/images/logo.png');}
header.header_black{background:#fff;}
header.header_black .gnb >  ul >  li >  a {color:#111; font-weight:500; font-size:18px;}
header.header_black .lan .lan_btn a{display:flex; align-items:center; color:#111; }
header.header_black .mall_btn{color:#0971ce;background: url(/images/header_ico02.svg) no-repeat top 4px left;  background-size: 18px;}
header.header_black .mall_btn .ico_up_arr {  background:url(/images/header_ico01.png) no-repeat center; }

header.on:after{content:''; width:100%; height:1px; background:#e5e5e5; position:absolute; top:80px; left:0; z-index:-1;}
header.on .logo{background-image:url('/images/logo.png');}
header.on{background:#fff;}
header.on .gnb >  ul >  li >  a {color:#111; font-weight:500; font-size:18px;}
header.on .lan .lan_btn a{display:flex; align-items:center; color:#111; }
header.on .mall_btn{color:#0971ce;background: url(/images/header_ico02.svg) no-repeat top 4px left;  background-size: 18px;}
header.on .mall_btn .ico_up_arr {  background:url(/images/header_ico01.png) no-repeat center; }

.gnb_bg{width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; z-index:-1; opacity:0; transition:all ease .3s;}
.gnb_bg.on{opacity:1; z-index:999;}
.gnb_depth2{ width:160px;  transition:all ease .3s;    padding: 20px 10px ;  opacity:0; border-right: 1px solid #e5e5e5; height:100%;}
header .gnb > ul > li:last-of-type .gnb_depth2{border-right:0;}
.gnb_depth2.on{opacity:1;}
.gnb_depth2 > ul{ }
.gnb_depth2 > ul > li{ }
.gnb_depth2 > ul > li > a{  font-size:16px;  padding:7px 25px 7px 7px; display: block; transition:all ease .3s}
.gnb_depth2 > ul > li > a:hover{color:#9c2033; }
.gnb_depth2 > ul > li > a.on{color:#9c2033; }
.gnb_depth3{ padding:0 10px 0 20px; display:none;  border-radius:4px;}
.gnb_depth3 > li{display:block; width:100%;}
.gnb_depth3 > li > a{display:block; padding:5px 0; font-size:15px; font-weight:300;}
.gnb_depth3 h3{color:#111; font-weight:500; font-size:15px; margin:5px 0;}
.gnb_depth4{display:flex;  display:none;}
.gnb_depth4 > li{ }
.dep-2{position:relative; }
.dep_ic1{width:50px; height:50px; position:absolute; z-index:2; right:0; top:0; background:url('/images/icon/ic_gnb_down.png') no-repeat center center ; cursor:pointer;  display:none }
.dep_ic1.on{transform:rotate(180deg);}
.dep_ic{width:20px; height:20px; position:absolute; z-index:2; right:0; top:10px; background:url('/images/icon/ic_gnb_down.png') no-repeat center center ; cursor:pointer;  border:1px solid #e5e5e5; border-radius:50%;  }
.dep_ic.on{transform:rotate(180deg);}





/* title */
.indicator{top:80px; left:0; background:#fff; height:50px; display:inline-block; width:100%;  border-bottom: 1px solid #e4e4e4;  position:fixed; z-index:9999; transition:all ease .3s; text-align:center;}
.indicator.hide { transform:translateY(-82px);	margin-top:0; }
.indicator.black{background:transparent; border-bottom:1px solid rgba(255,255,255,0.2);border-top:1px solid rgba(255,255,255,0.2);}
.indicator.black .in-depth h2{color:#fff; padding-right:20px;}
.indicator.black .in-depth h2:after{background: url(/images/icon/dropdown_white.png) no-repeat center center;}
.in-depth{display:inline-block; padding:0 20px; width:200px; position:relative; z-index:2; cursor:pointer; height:50px; text-align:left;}
.in-depth.ul-none{cursor:auto;}
.in-depth h2{line-height:50px; font-weight:400; color:#111; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;  padding-right:20px;}
.in-depth h2:after{content:''; width:50px; height:50px; position:absolute; right:0; top:0; background:url('/images/icon/dropdown.png') no-repeat center center;}
.in-depth.ul-none h2:after{display:none;}
.in-depth.open h2:after{transform:rotate(180deg);}
.in-depth ul{position:absolute; left:0; width:calc(100% + 2px);  padding:20px; top:50px; border:1px solid #e5e5e5; border-top:0; background:#fff; margin: 0 -1px; display:none;}
.in-depth ul li a{padding: 0; display:block;  margin:0 0 5px; font-weight:300; font-size:15px;}
.in-depth ul li:last-child a{border-bottom:0;}
.in-depth ul li a:hover{ color:#9c2033; font-weight:500;}
.in-position{text-align:right; padding:10px 0; width:100%; position:absolute; top:140px; z-index:9998;}
.in-position p{display:inline-block; font-size:14px; position:relative; padding-left:20px; color:#b0b0b0; font-weight:300;}
.in-position p:after{content:''; width:5px; height:8px; background:url('/images/icon/indi_arr.png') center center; position:absolute; right:-15px; top:7px;}
.in-position p:last-child:after{display:none; }
.in-position p:last-child{color:#9c2033; font-weight:500;}







footer {border-top:1px solid #e5e5e5; background:#fff; }
footer .footer_row {border-bottom:1px solid #e5e5e5;}
footer .footer_row.site_map { }
footer .footer_row.site_map .site_map_wrap {display:flex; justify-content: space-between; flex-wrap:wrap;}
footer .footer_row.site_map .site_map_wrap > li{width:16.66%; position:relative; padding:60px 0;}
footer .footer_row.site_map .site_map_wrap > li:after{content:''; width:1px; height:100%; background:#e5e5e5; position:absolute; right:40px; top:0; }
footer .footer_row.site_map .site_map_wrap > li:last-child:after{display:none;}
footer .footer_row.site_map .site_map_wrap > li > a {display:block; color:#111; font-size:18px; font-weight:500; margin-bottom: 5px;}
footer .footer_row.site_map .site_map_wrap li > ul > li { }
footer .footer_row.site_map .site_map_wrap li > ul > li > a {color:#666; font-size:15px; font-weight:300; display:block; padding:3px 0; transition:all ease .3s;}
footer .footer_row.site_map .site_map_wrap li > ul > li > a:hover {color:#9c2033;  }
footer .footer_row.footer_mid ul {display:flex; justify-content: start; align-items: center; height:56px;}
footer .footer_row.footer_mid ul li {margin-right: 60px;}
footer .footer_row.footer_mid ul li:last-child {margin-right: 0;}
footer .footer_row.footer_mid ul li a  {font-size:15px; color:#111; font-weight:600; display:flex; align-items: center;}
footer .footer_row.footer_mid ul li:first-child a {color:#0971ce;}
footer .footer_row.footer_mid ul li .ico_up_arr {width:12px; height:13px; background:url(/images/footer_ico01.png) no-repeat center; display:inline-block; margin-left: 10px;}
footer .footer_row.footer_mid ul li .ico_down {width:12px; height:12px; background:url(/images/icon/ic_download.png) no-repeat center bottom; display:inline-block; margin-left: 10px;}
footer .footer_row.footer_infor {background:#111111; padding:55px 0 75px;}
footer .footer_row.footer_infor .footer_infor_wrap {display:flex; align-items: start;}
footer .footer_row.footer_infor .footer_infor_wrap .footer_infor_column.f_logo {width:180px;}
footer .footer_row.footer_infor .footer_infor_wrap .footer_infor_column.f_detail {width:60%;}
footer .footer_row.footer_infor .footer_infor_wrap .footer_infor_column.f_detail .detail_top {display:flex; flex-wrap:wrap; align-items: start; margin-bottom: 25px;}
footer .footer_row.footer_infor .footer_infor_wrap .footer_infor_column.f_detail p {margin-bottom: 5px; margin-right: 20px; letter-spacing:0; color:#aaa; font-weight:300; position:relative;}

footer .f_detail .detail_top p:after{content:''; width:1px; height:12px; background:#fff; opacity:.3; position:absolute; right:-10px; top:7px;}
footer .f_detail .detail_top p:nth-child(4):after{display:none;}
footer .f_detail .detail_top p:last-child:after{display:none;}
footer .f_detail .detail_copy {color:#666; letter-spacing:0; margin-bottom: 0;}
footer .f_family_site {width:196px; color:#fff; margin-left:auto; border-bottom:2px solid #fff;   display:flex; position:relative;}
footer .f_family_site::after {content:''; position:absolute; width:8px; height:5px; background:url(/images/footer_dropdown.png) no-repeat center; top:5px; right:10px; z-index:1; }
footer .f_family_site > span {line-height:1; letter-spacing:0; font-size:15px; font-weight:400; cursor:pointer; display:block; width:100%; padding:0 0 13px 2px; z-index:2; position:relative;}
footer .f_family_site_menu {width:100%; position:absolute; left:0; bottom:50px; background:#fff; border:1px solid #e5e5e5; padding:10px; opacity:0; height:0; transition:all ease .3s;overflow: hidden;}
footer .f_family_site.act .f_family_site_menu{  opacity:1; height:146px;}
footer .f_family_site.act .f_family_site_menu li a { display:block; padding:3px; font-weight:300;}
footer .f_family_site.act::after{transform:rotate(180deg); }
.ft_bn{  position:fixed; bottom:0; left:0; width:100%; background:#570b17; color:#fff; z-index:99; padding: 15px 0;}
.ft_bn .inner1400{display: flex;  align-items: center;   justify-content: space-around; flex-wrap:wrap;}
.ft_bn p{width:calc(100% - 40px); margin-right:10px; font-size:15px;}
.ft_bn_close{ display:block; width:30px; height:30px; padding-top: 15px; cursor:pointer;}
.ft_bn_close span{display:block; width:100%; height:2px; background:#fff; transform:rotate(45deg);     margin: -2px 0;}
.ft_bn_close span:last-child{transform:rotate(-45deg)}

#top_btn.on{
	opacity:1;
	transform:translateY(0);
}
#top_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    z-index: 90;
    background: rgba(169,169,169,0.5);
	transition:all ease .3s;
	opacity:0;
	transform:translateY(100%);
}
#top_btn:hover{background:#9c2033;}
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


/******************************************************* main *******************************************************/
.main_section {position:relative; width:100%; height:100vh; z-index:1; overflow:hidden;}
.main_section01 {z-index:2;top:0;height:auto;padding-bottom: 110px;position:relative;background:url(/images/2section_bg.png) no-repeat center bottom;padding-top: 100px;}
.main_section02 {z-index:1; position:relative; color:#000; padding-top:284px; height:300vh; background:#fff}
.main_section03 {position: relative; background:#000; z-index: 3;}
.main_section04 {position: relative;background:#fff; padding:150px 0 200px; z-index: 3;}
.main_section .swiper-container { width:100%; height:100%;}
.main_section .main_slide_wrap {display:flex; align-items: center; position:relative;}
.main_section .main_slide_wrap .main_visual{width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; background-size:cover; background-position:center center;  transform:scale(1);}
.main_section .main_slide_wrap .main_visual.visual01{background-image:url('/images/bg_main1.jpg');}
.main_section .main_slide_wrap .main_visual.visual02{background-image:url('/images/bg_main4.jpg');}
.main_section .main_slide_wrap .main_visual.visual03{background-image:url('/images/bg_main2.jpg');}


.main_section .main_slide_wrap.swiper-slide-active .main_visual{transform:scale(1);}
/*.main_section .swiper-navi_wrapper{ position:relative; bottom: 200px;}*/
.main_section .swiper-navi_wrapper { position:absolute; top:50%; left:50%; z-index:10; margin-top:280px; margin-left:10px; transform:translate(-50%,-50%); width:90%;}
.main_section .swiper-navi_wrapper .swiper-button-next,
.main_section .swiper-navi_wrapper .swiper-button-prev { position:static; display:inline-block; margin-right:30px; vertical-align:middle;}

.main_section .swiper-button-prev, .main_section .swiper-container-rtl .swiper-button-next{left:0;}
.main_section .swiper-button-next, .main_section .swiper-container-rtl .swiper-button-prev{left:60px; right:auto;}
.main_section .swiper-button-next, .main_section .swiper-button-prev{color:#fff;}
.main_section .swiper-button-next:after, .main_section .swiper-button-prev:after{font-size:24px; }
.main_section .text_wrap { min-height:340px; color:#fff;}
.main_section .text_wrap h1 {font-size:60px; font-weight:600; line-height:1.2; margin-top:40px; margin-bottom: 100px;}
.main_section .swiper-slide .ani-txt-wrap { overflow: hidden; display:block;}
.main_section .swiper-slide .ani-txt-wrap > span { display:block; opacity: 0; line-height:1.2;}
.main_section .swiper-slide.swiper-slide-active .ani-txt-wrap > span{
    -webkit-animation:textAni 1s ease forwards;
	-moz-animation:textAni 1s ease forwards;
	-ms-animation:textAni 1s ease forwards;
	-o-animation:textAni 1s ease forwards;
	animation:textAni 1s ease forwards;
}
.main_section .swiper-slide.swiper-slide-active .ani-txt-wrap:nth-child(1) > span {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.main_section .swiper-slide.swiper-slide-active .ani-txt-wrap:nth-child(2) > span {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.main_section .swiper-slide.swiper-slide-active .ani-txt-wrap:nth-child(3) > span {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.main_section .swiper-slide.swiper-slide-active .ani-txt-wrap:nth-child(4) > span {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	animation-delay: 0.8s;
}



/* main visual text up */
@-webkit-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-moz-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-ms-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@-o-keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes textAni {
	0% {
		opacity:0;
		transform:translateY(100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
.main_section .text_wrap .main_slide_btn {padding:12px 43px; border:2px solid #fff; border-radius:200px; cursor:pointer; line-height:1; display:inline-block; overflow:hidden;}
.main_section .text_wrap .main_slide_btn span {font-size:18px; font-weight:400; color:#fff;}
.main_section .text_wrap .main_slide_btn span::after {content:''; background:url(/images/icon/go.png) no-repeat center; width:21px; height:11px; position:relative; display:inline-block; margin-left: 15px;}
.main_section .text_wrap .pagenation {display:flex; margin-bottom: 51px; align-items: center;}
.main_section .text_wrap .pagenation .pagenation_dot {width:6px; height:6px; background:#fff; margin-right: 21px;}
.main_section .text_wrap .pagenation .pagenation_dot.on {width:10px; height:10px; background:#9c2033;}
.main_section .scrollDown {position:absolute; bottom:0; right:5%; z-index: 3; display: flex; flex-direction: column; align-items: center;}
.main_section .scrollDown .scroll_text {font-size: 14px; font-weight: 400; color: #fff; letter-spacing:2px; transform:rotate(90deg); margin-bottom: 50px; position:relative; left:2px;}
.main_section .scrollDown .line {width:1px; height:180px; background:rgba(255,255,255,0.5); position:relative;}
.main_section .scrollDown .line::after {content:''; position:absolute; top:0; left:calc(50% - 1px); transform:translate3d(-50%,0,0); width:7px; height:7px; background:#fff; border-radius:50%; animation:dot_down 2.4s ease-out infinite;}
.main_section .scrollDown .line::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; animation:line_down 2.4s ease-out infinite; transform-origin:top;}
@keyframes dot_down{from{top:0;}to{top:100%;}}
@keyframes line_down{from{transform:scaleY(0);}to{transform:scaleY(100%);}}
.main_section01 .section_bg {width:100%; height:185vh; position:absolute; top:0; left:0; background:url('/images/2section_bg.png') no-repeat center bottom; z-index:-1;}
.main_section01 .section_title { font-size:60px; color:#fff; font-weight:600; margin-bottom: 50px; letter-spacing: -0.5px;}
.main_section01 .section_sub_title {display: inline-block; font-size:24px; color:#fff; font-weight:500; margin-bottom: 40px; letter-spacing: -0.5px;}
.main_section01 .section_desc { font-size:22px; color:rgba(255,255,255,0.5); font-weight:300;  letter-spacing: -0.5px;  line-height:1.8}
.main_section01 .merge_logo { position:absolute; transform:translate3d(-50%,-50%,0);}
.main_section01 .merge_logo img { position:relative; top:30px; opacity:0;}
.main_section01 .section01_merge_logo01 { top:-50px; left:50%;}
.main_section01 .section01_merge_logo02 { top:80px; left:50%;}
.main_section01 .pureal_infor {opacity: 1;}
.main_section01 .pureal_infor .inner1400 {display:flex; justify-content: space-between;}
.main_section01 .pureal_circle { position:relative; padding-bottom: 200px;}
.main_section01 .pureal_circle .pureal_circle_item { width:780px; height:780px; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0);}
/* .main_section01 .pureal_circle .pureal_circle_item.on {opacity:1;} */
.main_section01 .pureal_circle .pureal_circle_item .text_box {display:flex; flex-direction: column; justify-content: center;  align-items: center; width:100%; height:100%;}
.main_section01 .pureal_circle .pureal_circle_item h2 {font-weight:500; font-size: 100px; margin-bottom: 36px;}
.main_section01 .pureal_circle .pureal_circle_item p {font-weight:500; font-size: 36px;  }
.main_section01 .pureal_circle .pureal_circle_item p b {font-weight:700; font-size: 36px;}
.main_section01 .pureal_circle .pureal_circle_item .line {width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); border:2px solid #fff; border-radius:1000px;}
.pureal_circle .inner1400 {display: flex; justify-content: space-between;}
.pureal_circle .icon_box{width:277px; height:277px; position:relative;  display: flex; justify-content: center; align-items: center; flex-direction:column;}
.pureal_circle .icon_box:after{content:'';  position:absolute; top:50%; left:0; width:100%; height:0; padding-bottom:100%; border-radius:50%;  background:rgba(255,255,255,7%); transform:translateY(-50%);}
.pureal_circle .icon_box .icon_wrap {margin-bottom: 20px;}
.pureal_circle .icon_box .label_wrap {font-size: 26px; color:#fff; font-weight: 500;}
.main_section02 .inner1400 {position:relative;}
.main_section02 {transition:background 0.6s ease-in-out; position:relative; overflow:hidden;}
.main_section02.product01 {background:#fff;}
.main_section02.product02 {background:#000; color:#fff;}
.main_section02.product03 {background:#fff;}
.main_section02 .side_quick {position:absolute; top:0; left:-160px; display: flex; flex-direction: column; align-items: flex-start; pointer-events: all; width:100px;}
.main_section02 .right_area {position:absolute;top:0;left:0;width:1400px;/* height:500px; */pointer-events: none;}
.main_section02 .left_area {position:absolute; top:0; left:0; width: 1400px; pointer-events: all;}
.main_section02 .right_area ul li {position:absolute; top:0; right:0; width:850px; height:850px; pointer-events: all;}
.main_section02 .right_area .prd_block {opacity:0; transition: 0.6s ease-in-out; overflow: hidden;}
.main_section02 .right_area .prd_block.on {opacity:1;}
.main_section02 .right_area .prd_block img {z-index:2; position:absolute; top:-10%;}
.main_section02 .right_area .prd_block .deco_circle {position:absolute; top:0; left:10%; width:1149px; height:1149px; border-radius:50%; background:#efece6; z-index:1; transition: 0.6s ease-in-out;}
.main_section02.product02  .right_area .prd_block .deco_circle {background:#262626;}
.main_section02.product03  .right_area .prd_block .deco_circle {background:#f0f0f0;}
.main_section02 .side_quick li {font-size:18px; font-size:400; color:#666; margin-bottom: 50px; display: inline-block; cursor:pointer;}
.main_section02 .side_quick li.on {color:#9c2033; position:relative; font-weight:600;}
.main_section02 .side_quick li.on::after {content:''; width:100%; height:3px; position:absolute; background:#9c2033; bottom:-3px; left:0;}
.main_section02 .text_block {margin-bottom: 172px;}
.main_section02 .scrollmagic-pin-spacer {pointer-events: none;}
.main_section02 li .text_block {opacity: 0.3; transition:0.1s;}
.main_section02 li .text_block .prd_cate {background:#1b1b1b; color:#fff; font-size:13px; font-weight:500; border-radius:100px; padding:11px 18px; line-height:1; margin-bottom: 34px; transition:0.6s;}
.main_section02 li .text_block .sub_title {font-size:15px; margin-bottom: 18px; font-weight:500; line-height:1; transition:0.6s;}
.main_section02 li .text_block .prd_title {font-size:48px; font-weight:500; line-height:1; margin-bottom: 55px; transition:0.6s;}
.main_section02 li .text_block .more_btn {display: none; transition:0.6s;}
.main_section02 li .text_block .more_btn::after {position:relative; content:''; width:54px; height:54px; background:url(/images/icon/more_circle.png) no-repeat center; display:inline-block; margin-left: 33px; transition:0.6s;}
.main_section02 li .text_block.on {opacity: 1;}
.main_section02 li .text_block.on .prd_cate {background:#9c2033; color:#fff; font-size:16px; font-weight:500; border-radius:100px; padding:11px 18px; line-height:1; margin-bottom: 42px;}
.main_section02 li .text_block.on .sub_title {font-size:18px; margin-bottom: 23px; font-weight:500; line-height:1;}
.main_section02 li .text_block.on .prd_title {font-size:60px; font-weight:700; line-height:1.2; margin-bottom: 55px; max-width:500px;}
.main_section02 li .text_block.on .more_btn {display:block; width:170px; height:58px; line-height:58px; color:#111; position:relative; font-size:18px; font-weight:600;}
.main_section02 li .text_block.on .more_btn::after {position:absolute; right:0; top:0; content:''; width:54px; height:54px; background-image:url(/images/icon/go_black.png) ; background-repeat:no-repeat ; background-position:top 20px right 16px; display:block;   border:2px solid #111; border-radius:200px;}
.main_section02 li .text_block.on .more_btn:hover{  width:200px; padding-left:30px;}
.main_section02 li .text_block.on .more_btn:hover::after{width:200px;background-position:top 20px right 20px; }
.product02 li .text_block.on .more_btn::after { background-image:url(/images/icon/go.png); border:2px solid #fff; }
.product02 li .text_block.on .more_btn {color:#fff;}

/* mobile */
.mobile_section02{color: #fff; display:none;}
.mobile_section02 {transition:background 0.6s ease-in-out; position:relative; overflow:hidden;}
.mobile_section02 li{ padding:80px 5% ; position:relative; overflow:hidden; min-height:670px;}
.mobile_section02 li.product01 {background:#fff; color:#000;}
.mobile_section02 li.product02 {background:#000; color:#fff;}
.mobile_section02 li.product03 {background:#fff; color:#000;}
.mobile_section02 .prd_block {  transition: 0.6s ease-in-out; overflow: hidden; }
.mobile_section02 .prd_block .deco_circle {position:absolute; top:40%; left:20%; width:500px; height:500px; border-radius:50%; background:#efece6; z-index:1; transition: 0.6s ease-in-out; }
.mobile_section02 .prd_block img{z-index:2; position:relative;}
.mobile_section02 li.product02  .prd_block .deco_circle {background:#262626;}
.mobile_section02 li.product03  .prd_block .deco_circle {background:#f0f0f0;}
.mobile_section02 .text_block {margin-bottom: 50px;}
.mobile_section02 li .text_block {opacity: 1;}
.mobile_section02 li .text_block .prd_cate {background:#9c2033; color:#fff; font-size:14px; font-weight:500; border-radius:100px; padding:7px 18px; line-height:1; margin-bottom:20px;}
.mobile_section02 li .text_block .sub_title {font-size:16px; margin-bottom: 20px; font-weight:500; line-height:1;}
.mobile_section02 li .text_block .prd_title {font-size:34px; font-weight:600; line-height:1; margin-bottom: 50px;}
.mobile_section02 li.product01 .right_btn-w,
.mobile_section02 li.product03 .right_btn-w {color:#000;}
.mobile_section02 li.product01 .right_btn-w .cls-1,
.mobile_section02 li.product03 .right_btn-w .cls-1{stroke:#000;}
.mobile_section02 li.product01 .right_btn-w span::after,
.mobile_section02 li.product03 .right_btn-w span::after{background: url(/images/next_black.png) no-repeat center; background-size: 17px;}
.mobile_section02 .swiper-navi_wrapper { position:absolute; bottom:50px; left:5%; z-index:10;  margin-left:10px;   }
.mobile_section02 .swiper-navi_wrapper .swiper-button-next,
.mobile_section02 .swiper-navi_wrapper .swiper-button-prev { position:static; display:inline-block; margin-right:10px; vertical-align:middle;}
.mobile_section02 .swiper-button-prev, .mobile_section02 .swiper-container-rtl .swiper-button-next{left:0;}
.mobile_section02 .swiper-button-next, .mobile_section02 .swiper-container-rtl .swiper-button-prev{left:60px; right:auto;}
.mobile_section02 .swiper-button-next, .mobile_section02 .swiper-button-prev{color:#aaa;}
.mobile_section02 .swiper-button-next:after, .mobile_section02 .swiper-button-prev:after{font-size:20px;     font-weight: 600;}


.main_section03 img {width:100%;}
.main_section04 .news_title_wrap {display:flex; justify-content: space-between; align-items: flex-start;}
.main_section04 .news_title {font-size:45px; font-weight: 700; color:#111; line-height: 1.4; margin-bottom: 80px; display: inline-block;}
.main_section04 .news_list_wrap{display:flex; flex-wrap:wrap; margin-top:-30px;}
.main_section04 .news_item{ margin-top:30px; margin-right: 3%; width:22.75%;}
.main_section04 .news_item:last-child {margin-right: 0;  }
.main_section04 .news_item_img_box {overflow: hidden; border-radius: 20px; position:relative; width:100%; height:0; padding-bottom:100%; border:1px solid #e5e5e5;  margin-bottom: 30px;}
.main_section04 .news_item_img_box img {max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); border-radius:20px;}
.main_section04 .no-img .news_item_img_box {border:1px solid #dcdcdc; background:url(/images/dummy/blank.jpg) no-repeat center;}
.main_section04 .news_item_title{color:#333; font-size: 22px; font-weight: 600; margin-bottom: 10px; transition:all ease .3s; line-height:1.4; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.main_section04 .news_item:hover .news_item_title{color:#9c2033}
.main_section04 .news_item_desc{color: #666; font-size: 18px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.black_bg {background-color:#000; color:#fff;}
.white_bg {background-color:#fff; color:#000;}
.indicators {border:1px solid red;}
.mb100 {margin-bottom: 100px;}
.mb150 {margin-bottom: 150px;}
.main_section01 .pureal_infor .inner1400 {align-items:flex-start;}
.main_section .swiper-pagination {top:50%; left:50%; transform:translate(-50%,-50%); margin-top:-200px; width:90%; display: flex; align-items:center; justify-content:flex-start; padding-top:50px; pointer-events:none; height:10px;}
.main_section .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 20px 0 0; pointer-events:all;}
.main_section .swiper-pagination-bullet {opacity:1; border-radius:0; width:6px; height:6px; background:#fff; transition:0.4s ease-in-out;}
.main_section .swiper-pagination-bullet-active {width:10px; height:10px; background:#9c2033;}
@keyframes fadeup {from {top:10px; opacity:0;} to {top:0; opacity:1;}}
.main .right_btn {font-size: 18px; font-weight: 500; display:inline-flex; position:relative; padding-right: 60px;}
.main .right_btn svg {position:absolute; top:50%; right:0; transform:translate3d(0,-50%,0);}
.main .right_btn-b {color:#111;}
.main .right_btn-b span {position:relative;}
.main .right_btn-b span::after {content:''; width:28px; height:14px; background:url(/images/next_black.png) no-repeat center; position: relative; margin-left: 25px; display:inline-block}
.main .right_btn-w {color:#fff;}
.main .right_btn-w span::after {content:''; width:28px; height:14px; background:url(/images/next_white.png) no-repeat center; position: relative; margin-left: 25px; display:inline-block}
.btn_line {position:absolute; top:50%; right:0; transform:translate3d(0,-50%,0); max-width:148px;}
.right_btn-b .cls-1{fill:none; stroke:#000; stroke-dashoffset: 1000; stroke-dasharray: 1000; stroke-width:2px;}
.right_btn-w .cls-1{fill:none; stroke:#fff; stroke-dashoffset: 1000; stroke-dasharray: 1000; stroke-width:2px;}
.main .right_btn:hover .cls-1 {stroke-miterlimit:10;stroke-width:2px; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 1.2s linear alternate forwards;}
@keyframes dash {from {stroke-dashoffset: 1000;} to {stroke-dashoffset: 0;}}

.main_section04 .right_btn {margin-top: 70px;}


/******************************************************* sub *******************************************************/


/* tabs css */
/* .sub .tab_menu {margin:70px 0; border-bottom:1px solid #e5e5e5;} */
.sub .tab_menu {position: relative;margin:70px 0;}
.sub .tab_menu::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5; }
.sub .tab_menu li{ display: inline-block; }
.sub .tab_menu li a{font-size:22px; font-weight:600; padding:20px 10px; min-width:150px; display:block; color:#aaa; position:relative; text-align:center; cursor:pointer}
.sub .tab_menu li a.active:after{z-index: 2;content:''; width:100%; height:2px; background:#9c2033; position:absolute; bottom:-1px; left:0;}
.sub .tab_menu li a.active{color:#9c2033; }
.sub .tab_cont{ display: none;}
.sub .tab_cont.active{ display: block;}
.sub .history_tabs .inner1260 { position: relative; max-height: 80px; }
.sub .history_tabs .inner1260::after { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: #e5e5e5; }
.sub .history_tabs .tab_menu::after { content: none; }

/* quick */
.quick_wrap {position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; display: flex; align-items: center; justify-content: flex-start; pointer-events:none; z-index:10;}
.quick_wrap .side_quick {display: flex; flex-direction: column; align-items: flex-start;}
.quick_wrap .side_quick li {font-size:18px; font-weight:400; margin-bottom: 50px; display: inline-block;}
.quick_wrap .side_quick li a {pointer-events:all; color:#b0b0b0; cursor: pointer;}
.quick_wrap .side_quick li.on a{color:#9c2033; position:relative; font-weight:600;}
.quick_wrap .side_quick li.on a::after {content:''; width:100%; height:3px; position:absolute; background:#9c2033; bottom:-6px; left:0;}


.view_close{position:absolute; right:0; top:-120px; display:block; width:40px; height:40px; padding-top: 22px;}
.view_close span{display:block; width:100%; height:3px; background:#111; transform:rotate(45deg);     margin: -3px 0;}
.view_close span:last-child{transform:rotate(-45deg)}

@media screen and (min-width:1025px){
	/* hover button sample */
	.act_btn{position:relative; overflow:hidden;}
	.act_btn span{position:relative; z-index:2; transition:all ease .3s;}
	.act_btn:after{content:''; width:0; height:100%; background:#9c2033; position:absolute; right:0; top:0; transition:all ease .3s; }
	.act_btn:hover{ border-color:#9c2033 !important;}
	.act_btn:hover:after{content:''; width:100%; left:0; right:auto }
	.act_btn:hover span{color:#fff; }
}


/* table 기본 */
.table_basic{width:100%; border-top:2px solid #111; font-size:18px;  color:#111; }
.table_basic th{border-bottom:1px solid #e5e5e5; padding:20px; font-weight:500;}
.table_basic td{border-bottom:1px solid #e5e5e5; padding:20px;}



/* awards - 수상 및 인증 */
.awards_slider {position:relative; margin:100px 0;}
.awards_slider .emblem{width:150px; height:150px; background-repeat:no-repeat; background-size:150px; background-position:center center; margin:0 auto; }
.awards .swiper-container{ margin-top:-70px;}
.awards .swiper-wrapper {position:relative; padding-top:80px;  }
.awards .swiper-button-wr{position:absolute; right:0; top:0; width:100px; height: 50px; background:#f8f8f8}
.awards .swiper-button-wr:after{content:''; width:1px; height:16px; background:#e5e5e5; position:absolute; left:50%; top:15px;}
.awards .swiper-button-next, .awards .swiper-button-prev{color:#111;}
.awards .swiper-button-next:after, .awards .swiper-button-prev:after{font-size:16px}
.awards_slider .swiper-slide{border:1px solid #e5e5e5; text-align:center; padding:30px; min-height:300px;  }
.awards_slider .swiper-slide p{ color:#111; font-size:18px; display: flex;  align-items: center;  justify-content: center;   height: 70px;}
.certifi_slider{position:relative; }
.certifi_slider .swiper-slide{ text-align:center; }
.certifi_slider .certifi_img{width:100%; padding-bottom:150%; background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0 auto 10px; border:1px solid #e5e5e5; }
.certifi_slider .swiper-slide p{ color:#111; font-size:18px;}
.awards_view{max-width:600px; margin:100px auto 0; text-align:center;}
.awards_view .thumb{width:100%; padding-bottom:150%; background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0 auto 10px; border:1px solid #e5e5e5; }
.wave_container {width:100%; height:1000px; position: relative; overflow: hidden; display:flex; align-items:center; justify-content:center;}
.wave_container .text_container {  text-align:center; z-index: 1; margin-top:-100px;}
.wave_img {position:absolute;background-image:url(/images/main_wave_bg3.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;width:100%;height:100%; opacity:.6;}
.wave_wrap {position: absolute; bottom:0; left:0; width:100%; height:200px;}
.wave_container .wave_slogun {margin-bottom: 15px; font-size:22px; font-weight:500; color:#fff;}
.wave_container .wave_slogun span {margin:0 10px; position:relative; top:4px;}
.wave_container .wave_title {font-size:60px; color:#fff; font-weight:700; margin-bottom: 30px;}
.wave_container .wave_desc {font-size:22px; color:#fff; font-weight:400; line-height:1.7; margin-bottom: 50px; letter-spacing: 0;}
.wave_container .wave_btn {padding:15px 44px; border:2px solid #fff; border-radius:200px; cursor:pointer; line-height:1; display:inline-block; margin:0 5%;}
.wave_container .wave_btn span {font-size:18px; font-weight:400; color:#fff;}
.wave_container .wave_btn span::after {content:''; background:url(/images/icon/go.png) no-repeat center; width:21px; height:11px; position:relative; display:inline-block; margin-left: 15px;}
.wave_container .text_container [data-aos=fade-up] {-webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);}


/* history - 기업연혁 */
.history_bg{width:100%; height:655px; margin:0 auto;   display:flex; align-items:center; justify-content:center; position:relative;}
.history_bg .bg_img{position:absolute; width:100%; height:100%;  left:50%; top:50%; transform: translate(-50%,-50%); background-position:center center; z-index:-1; background-size:cover;}
.hs_bg_tit{color:#fff; text-align:center; max-width:1100px; margin:0 auto; width:90%;}
.hs_bg_tit h2{font-size:60px; line-height:1.2; margin-bottom:30px;}
.hs_bg_tit h2 small{display:block; font-size:.5em; font-weight:500}
.hs_bg_tit p{font-size:34px; opacity:.5; font-weight:bold;}
.history_cont{margin:100px 0 0;}
.history .year_slide .swiper-container{height:100%;}
.history .year_slide{position:relative;max-width:1260px;height:65px;margin:0 auto; padding-right:200px; }
.history .year_slide .sl_year{font-size:70px;line-height:100%;  color:#9c2033; font-weight:bold;}
.history .history_slide{padding-top:88px; margin-left: 0px; position:relative;}
.history .history_slide .swiper-slide{width:1000px; padding-top:50px; margin-top:20px; padding-right:10px;   position:relative; border-top:1px solid #e5e5e5;}
.history .history_slide .swiper-slide:after{content:'';   background:#9c2033; width:8px; height:8px; border-radius:50%; position:absolute; left:0; top:-4px;}
.history .history_slide .swiper-slide:before{content:''; width:20px; height:20px; background:#9c2033; border-radius:50%; position:absolute; left:-6px; top:-10px; opacity:.1; transition:all ease .6s;}
.history .history_slide .swiper-slide.swiper-slide-active:after{width:10px; height:10px; top:-5px;}
.history .history_slide .swiper-slide.swiper-slide-active:before{width:40px; height:40px; top:-20px; left:-14px;}

.history .history_list li{overflow:hidden; margin:25px 0;}
.history .history_list li > p{float:left}
.history .history_list .list_num{width:100px; font-size:20px; color:#111; font-weight:600;}
.history .history_list .list_text{width:calc(100% - 100px); font-size:20px; float:right; font-weight:300;}
.history .history_btn{position:absolute;top:50px;right:0;width:49px;height:34px; background:no-repeat center;font-size:0; }
.history .history_prev{ right:70px;  background-image:url('/images/icon/big_prev_b.png')}
.history .history_next{ background-image:url('/images/icon/big_next_b.png')}
/* .history .tab_menu {display:flex; overflow-x:auto; white-space:nowrap; padding-bottom:2px;} */
.history .tab_menu {display:flex; overflow-x:auto; overflow-y: hidden; white-space:nowrap; padding-bottom:2px; max-height: 80px;}
.history .tab_menu li{width:100%; max-width:33.33%; flex:0 0 auto;}
.history .tab_menu::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.history .tab_menu::-webkit-scrollbar-thumb {
    background-color: #9c2033;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
.history .tab_menu::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: inset 0px 0px 3px white;
}



/* talent - 인재상 */
.talent_bg{width:100%; height:655px; margin:0 auto;   display:flex; align-items:center; justify-content:center; position:relative;}
.talent_bg .bg_img{position:absolute; width:100%; height:100%;  left:50%; top:50%; transform: translate(-50%,-50%); background-position:center center; background-size: cover; z-index:-1;}
.talent_tit{color:#fff; }
.talent_tit h2{font-size:50px; margin-bottom:200px}
.talent_tit a{border:1px solid #fff; padding:15px 50px; color:#fff; font-size:18px; display:block; float:right;}
.talent_people{display:flex;  justify-content:space-between;}
.talent_people li{width:18%; position:relative; padding:0 0 0 0;}
.talent_people li strong{color:#ad4051; font-size:45px;  right:0; padding: 0 0 20px 0;}
.talent_people li h3{font-size:32px; color:#111; border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:40px; line-height:1.3;}
.talent_people li p{font-size:18px;}
#welfare{padding-top:100px;}
.talent_wf{display:flex; flex-wrap:wrap; margin:0 -2%}
.talent_wf li{border:1px solid #e5e5e5; width:21%; margin:2%; padding:50px 30px; text-align:center; font-size:18px; color:#111;}
.talent_wf li img{margin:0 0 10px}

/* promotion - 홍보센터 */
.promotion .prm_big_thum{position:relative; margin-bottom:100px;}
.promotion .title{font-size:20px; color:#111; font-weight:500; margin:20px 0 10px;}
.promotion .prm_big_thum .title{font-size:24px;}
.promotion .date{color:#999; font-size:16px;}
.promotion .video_fr{position:relative; width:100%; padding-bottom:56.25%; border:1px solid #e5e5e5}
.promotion .video_fr iframe{width:100%; height:100%; position:absolute; left:0; top:0;}
.promotion .video_fr img{width:100%; height:100%; position:absolute; left:0; top:0;}
.promotion .video_fr.noimg {overflow:hidden; border:1px solid #e5e5e5; cursor:pointer;}
.promotion .video_fr.noimg img {height:auto; top:50%; left:50%; transform:translate3d(-50%,-50%,0);}

/* patent - 특허 및 국책 과제 */
.patent_count ul{display:flex; justify-content:space-between;}
.patent_circle {width: 350px; display: inline-block; position: relative; text-align: center; vertical-align: top;}
.patent_circle div  { position: absolute;  top: 50%;  left: 0;  width: 100%;    transform:translateY(-50%);}
.patent_circle .counter{display:block; width:100%; font-size:60px; color:#9c2033; margin-top:-30px; font-weight:bold;}
.patent_circle p{font-size:20px; color:#111; font-weight:600;}
.patent .swiper-container{ margin-top:-70px;}
.patent .swiper-wrapper {position:relative; padding-top:80px;  }
.patent .swiper-button-wr{position:absolute; right:0; top:0; width:100px; height: 50px; background:#f8f8f8}
.patent .swiper-button-wr:after{content:''; width:1px; height:16px; background:#e5e5e5; position:absolute; left:50%; top:15px;}
.patent .swiper-button-next, .patent .swiper-button-prev{color:#111;}
.patent .swiper-button-next:after, .patent .swiper-button-prev:after{font-size:16px}



/* brand - 브랜드 소개 */
.brand {padding: 0;}
.brand_section01 {width:100%; height:101vh; position:relative;}
.brand_section01_bg {width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); overflow:hidden;}
.brand_section01_bg img {position: absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%;}
.brand_section01 .text_box {text-align:center; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); z-index: 2;}
.brand_section01 .text_box h1 {font-size:60px; font-weight:700; color:#fff; margin-bottom: 60px;}
.brand_section01 .text_box p {font-size:30px; font-weight:500; color:#fff; line-height:1.6;}
.brand_section01 .text_box p span {position:relative; display:inline-block;}
.brand_section01 .text_box p span::after {content:''; position:absolute; width:100%; height:3px; background:#fff; left:0; bottom:0; }
.brand_section02 {text-align:center; padding: 250px 0;}
.brand_section02 .merge_logo_wrap {position:relative; display:inline-block; margin-bottom: 80px;}
.brand .merge_logo_wrap .merge_img {position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0);}
.brand .merge_logo_wrap .holder {position:relative; opacity:0;}
.brand .merge_logo_wrap .merge_img01 {left:0%;}
.brand .merge_logo_wrap .merge_img03 {left:100%;}
.brand .brand_section02 p {font-size:26px; font-weight: 600; color: #111; line-height: 1.6;}
.brand .brand_section02 p.merge_logo_top_title {font-size:30px; color:#111; font-weight:700; margin-bottom: 50px;}
.brand .brand_section02 p span {position:relative; display:inline-block; vertical-align: baseline;}
.brand .brand_section02 p span::after {content:''; position:absolute; width:0; height:3px; background:#0971ce; left:0; bottom:0; transition:0.3s ease-in-out;}
.brand .brand_section02 p span.on::after {width:100%;}
.brand .wiper_container {width:100%; height:100vh; position:relative; overflow:hidden;}
.brand .wiper_wrap {width:100%; height:100%; position:relative;}
.brand .wiper_section {width:100%; height:100vh; position:absolute; display:flex; justify-content: center; align-items: center;}
.brand .wiper_section01 {background:url(/images/sub/picogram/brand_section02_img01.jpg) no-repeat center / cover;}
.brand .wiper_section02 {background:url(/images/sub/picogram/brand_section02_img02.jpg) no-repeat center / cover;}
.brand .wiper_section03 {background:url(/images/sub/picogram/brand_section02_img03.jpg) no-repeat center / cover;}
.brand .wiper_section04 {background:url(/images/sub/picogram/brand_section02_img04.jpg) no-repeat center / cover;}
.brand .wiper_section05 {background:url(/images/sub/picogram/brand_section02_img05.jpg) no-repeat center / cover;}
.brand .wiper_text {font-size:36px; color:#fff; font-weight:600; line-height:1.6; text-align:center; opacity:0;}
.brand .wiper_fix_area {position:absolute; top:200px; left:12%; z-index:2;}
.brand .wiper_fix_area img {margin-bottom: 110px;}
.brand .wiper_fix_area .btn_wrap {display:flex;}
.brand .under-line_btn {margin-right: 35px; display:inline-block; padding:15px 0; border-bottom:2px solid #fff; width:240px;  position:relative;}
.brand .under-line_btn span {font-size:18px; font-weight:500; color:#fff; display:block;}
.brand .under-line_btn span.go_ico {width:15px; height:15px; background:url(/images/sub/picogram/ul_btn_ico01_w.png) no-repeat center; position:absolute; right:0; top:22px;}
@media screen and (min-width:1025px){
	.brand .under-line_btn:hover span{margin-left:20px;}
	.brand .under-line_btn:hover span.go_ico{right:20px;}
}

/* business - 사업영역 */
.business {margin-top: 0; padding-top: 0;}
.business_section {}
.business_section01 {}
.business_section01 .merge_logo_wrap {position:relative; display:inline-block; margin-bottom:30px;}
.business .merge_logo_wrap .merge_img {position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0);}
.business .merge_logo_wrap .holder {position:relative; opacity:0;}
.business .merge_logo_wrap .merge_img01 {left:0%;}
.business .merge_logo_wrap .merge_img03 {left:100%;}
.business .business_section01 .sub_title_wrap {text-align:center;}
.business .business_section01_top {height:937px; background:url(/images/sub/picogram/business_bg.jpg) no-repeat center bottom; padding-top: 260px; background-attachment:fixed;}
.business .bussiness_sub_title_top {color:#fff; font-size:20px; font-weight:700; margin-bottom: 10px; line-height: 1;}
.business .bussiness_sub_title {color:#fff; font-size:60px; font-weight:700; margin-bottom: 60px; max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;}
.business .bussiness_sub_desc {color:#fff; font-size:20px; font-weight:300; line-height:1.4; letter-spacing:0;}
.business .bussiness_sub_desc span {margin-right:5px; display:inline-block; position:relative; top:2px; max-width: 1000px;
    margin-left: auto;
    margin-right: auto;}
.business .business_section01_top .sub_icons_wrap {}
.business .sub_icons_wrap .inner1260 {padding:0 67px;}
.business .sub_icons_wrap ul {display: flex; justify-content: space-between; padding-top: 100px; max-width:900px; margin:0 auto;}
.business .icon_wrap {text-align:center; margin-bottom: 30px;}
.business .ico_label {color:#fff; font-weight:500; font-size:20px;}
.business_section01_bottom {padding-top: 200px;}
.business_section01_bottom .inner1400 {padding:0 67px;}
.business_section01_bottom .scale_img_container {}
.business .scale_img_row  {display:flex; justify-content: space-between; margin-bottom: 250px;}
.business .scale_img_row.reverse  {display:flex; flex-direction: row-reverse;}
.business .scale_img_row .img_container {width:515px; height:515px;  overflow:hidden;}
.business .scale_img_row .img_container img{vertical-align:top;}
.business .scale_img_row .text_wrap {width:530px; padding-top: 80px; margin-left:10%;}
.business .scale_img_row.reverse .text_wrap{margin-left:0; margin-right:10%;}
.business .text_wrap p {color:#111; font-size:24px; font-weight:600;}
.business .text_wrap p span {position:relative; top:3px; display:inline-block; margin-right: 5px;}
.business .text_wrap .scale_top_title {margin-right: 0; color:#9c2033; font-size:24px; font-weight:700; margin-bottom: 20px;}
.business .business_section01_bottom .text_wrap p {margin-bottom: 60px;}
.bs_btn {}
.bs_btn a {display:inline-flex; padding:14px 27px; border:1px solid #111; width:240px; justify-content: space-between; align-items: center; margin-right:10px; margin-bottom:10px; position:relative;}
.bs_btn a span {font-size:18px; font-weight:500; color:#111; }
.bs_btn a:before {content:'';width:12px; height:13px; background:url(/images/icon/ic_link.png) no-repeat center; position:absolute; right:20px; top:22px; z-index:2; transition:all ease .3s;}
.bs_btn a:hover:before { background:url(/images/icon/ic_link_w.png) no-repeat center; ;}
.business_section02 {}
.business .wiper_container {width:100%; height:100vh; position:relative; overflow:hidden;}
.business .wiper_wrap {width:100%; height:100%; position:relative;}
.business .wiper_section {width:100%; height:100vh; position:absolute; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.business .wiper_section01 {background:url(/images/sub/picogram/business_section02_img01.jpg) no-repeat center center / cover;}
.business .wiper_section02 {background:url(/images/sub/picogram/business_section02_img02.jpg) no-repeat center center / cover;}
.business .wiper_section03 {background:url(/images/sub/picogram/business_section02_img03.jpg) no-repeat center center / cover;}
.business .wiper_text {font-size:36px; color:#fff; font-weight:600; line-height:1.6; text-align:center; opacity:0; max-width:1000px;}
.business_section03 {padding-top: 200px;}
.business .business_section03 .inner1400 {padding:0 67px;}
.business .business_section03 .scale_img_row.reverse {margin-bottom: 0;}

/* ceo - CEO 인사말 */
.ceo {padding: 0 !important; position:relative;}
.ceo_section {height:100vh;}
.ceo_section01 {padding-top: 230px; position:relative;}
.ceo_section02 {background:url(/images/sub/picogram/ceo_bg.jpg) no-repeat center; background-size:cover; background-attachment:fixed; position:relative; height:100vh; overflow: hidden; padding-top: 240px;}
.ceo .sub_title {margin:0 0 95px 0;}
.ceo .sub_title h1 {text-align:center; opacity:0; transform:translate3d(0,20px,0)}
.ceo .sub_title h1 span {display: inline-block; margin:0 10px;}
.ceo .ceo_circle_wrap {position:relative; width:100%; overflow:hidden; min-height:344px; margin-bottom: 113px;}
.ceo .ceo_circle_wrap .ceo_circle {width:344px; height:344px; border-radius:50%; position:absolute; overflow:hidden; box-sizing:border-box; opacity:0;}
.ceo .ceo_circle_wrap .ceo_circle01 {top:0; left:50%; transform:translate3d(-50%, 0, 0); z-index:3; border:3px solid #9c2033; background:transparent;}
.ceo .ceo_circle_wrap .ceo_circle02 {top:0; left:50%; transform:translate3d(-50%, 0, 0); z-index:2;}
.ceo .ceo_circle_wrap .ceo_circle03 {top:0; left:50%; transform:translate3d(-50%, 0, 0); z-index:1; background:#1b1b1b;}
.ceo_section02 .text_wrap {text-align:center; display:flex; flex-direction:column; align-items:center; justify-content: center;}
.ceo_section02 .section_title {color:#fff; font-weight:700; font-size:60px; line-height:1.4; margin-bottom: 40px; max-width:1400px;}
.ceo_section02 .line {width:3px; height:70px; background:#fff; margin-bottom: 50px;}
.ceo_section02 .section_desc {color:#fff; font-weight:500; font-size:23px; line-height:1.6}
.ceo .ceo_circle_wrap .ceo_circle02::after {content:''; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:100%; height:100vh; background:url(/images/sub/picogram/ceo_bg.jpg) no-repeat center; background-size:cover;}
.ceo .scrollDown {position:absolute; bottom:0; left:50%; transform:translate3d(-50%,0,0); opacity: 0;}
.ceo .scrollDown span.scroll_text {font-size:14px; color:#111; font-weight:600; top:-100px; left:50%; position:absolute; transform:translate3d(-50%,0,0); white-space: nowrap;}
.ceo .scrollDown span.line {width:1px; background:#111; height:70px; position:absolute; bottom:0; left:50%; transform:translate3d(-50%,0,0);}
.ceo .scrollDown span.line::after {content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#111; top:0; left:-2px; animation:scrollDown 2s ease-out infinite;}

@keyframes scrollDown{
    from{top:0; opacity:1;}
    to{top:100%; opacity:0};
}




/* location - 오시는 길 */
.location .root_daum_roughmap .wrap_controllers{display:none !important;}
.location .root_daum_roughmap_landing{width:100% !important; }
.location .root_daum_roughmap .wrap_map{ height:500px !important;}
.location .location_info{font-size:18px; color:#111; margin:30px 0 0; display:flex; flex-wrap:wrap;}
.location .location_info p{margin:5px 0; width:50%; padding-left:80px; position:relative;}
.location .location_info p strong{ color:#9c2033; margin-right:20px; position:absolute; left:0; top:0;}



/* mission - 경영이념/미션 */
.mission {margin-bottom: 0; padding-bottom: 0;}
/*.mission .sub_title {text-align:center; margin-bottom: 80px;}*/
.mission .sub_title h1 {opacity: 0;}
.mission .line {width:2px; height:100px; background:#565656; margin:0 auto 100px; opacity: 0;}
.mission_section01 {background:url(/images/sub/picogram/mission_bg01.jpg) no-repeat center; margin:0 auto; padding:200px 0 350px; text-align:center; overflow:hidden; opacity: 0;}
.mission_section01 .overlay {position:absolute; background:#000; opacity:0.8; width:100%; height:100%; top:0; left:-100%;}
.mission_section01 .misstion_sub_desc {color:#fff; font-size:30px; font-weight:400; margin-bottom: 40px; line-height:1;}
.mission_section01 .misstion_sub_title {color:#fff; font-size:60px; font-weight:700; margin-bottom: 230px; line-height:1.4;}
.mission_section01 .misstion_sub_logo {position:relative;}
.mission_section01 .misstion_sub_logo .line_circle {width:387px; height:387px; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); border:3px solid #fff; border-radius:50%; opacity:0;}
.mission_section01 .misstion_sub_logo .line_circle::after {content:''; width:427px; height:427px; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); border:1px solid #fff; border-radius:50%; opacity:0.2;}
.mission_section02 .section_list_container {position:relative; padding-top:170px; display:inline-flex; padding-left: 67px;}
.mission_section02 .right_area {display:inline-flex; flex-direction:column; align-items:flex-end; pointer-events: none; padding-left:40px;}
.mission_section02 .left_area {display:inline-block;}
.mission_section02 .mission_list_block  {width:100%; padding-top:80px; padding-left: 200px; margin-bottom: 400px; padding-right: 80px;}
.mission_section02 .list_number {font-size:60px; font-weight:700; color:#e4e4e4; margin-bottom: 80px; line-height: 1;}
.mission_section02 .list_title {font-size:40px; font-weight:700; color:#9b2034; margin-bottom: 40px; line-height:1.2;}
.mission_section02 .list_desc {font-size:22px; font-weight:500; color:#111; word-break:keep-all;}
.mission_section02 .list_img_container {width:540px; height:620px; background:#e9e9e9; position:relative; overflow:hidden;}
.mission_section02 .list_img_wrap {width:100%; height:100%;}
.mission_section02 .list_img {width:100%; height:100%; position:absolute; top:-1px; left:0;}
.mission_section02 .list_img01 {background:url(/images/sub/picogram/mission_list01.jpg) no-repeat center / cover;}
.mission_section02 .list_img02 {background:url(/images/sub/picogram/mission_list02.jpg) no-repeat center / cover;}
.mission_section02 .list_img03 {background:url(/images/sub/picogram/mission_list03.jpg) no-repeat center / cover;}


.mobile_mission{display:none;}



.mission_section03 {padding: 0 0;}
.mission_section03 .mission_icon_wrap {margin:0 auto 130px; padding:0 50px; display:flex; justify-content: space-between; flex-wrap:wrap;}
.mission_section03 .mission_icon_wrap .mission_ico {text-align:center; display:inline-flex; flex-direction:column; position:relative;}
.mission_section03 .mission_icon_wrap .mission_ico p {color:#333; font-size:28px; font-weight:500; margin-top: -120px;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap {width:250px; height:250px; display:flex; justify-content: center; align-items: center; border-radius:50%;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap img {max-width:70px;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle {position:absolute; width:100%; height:100%; border-radius:50%; border:1px solid #313131; background:#f8f8f8; transform:translate3d(-50%,-50%,0); top:50%; left:50%;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle1 {position:absolute; width:100%; height:100%; border-radius:50%; border:1px solid #313131; background:#fffcdc; transform:translate3d(-50%,-50%,0); top:50%; left:50%;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle2 {position:absolute; width:100%; height:100%; border-radius:50%; border:1px solid #313131; background:#e7ffec; transform:translate3d(-50%,-50%,0); top:50%; left:50%;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle3 {position:absolute; width:100%; height:100%; border-radius:50%; border:1px solid #313131; background:#ffe7ef; transform:translate3d(-50%,-50%,0); top:50%; left:50%;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle4 {position:absolute; width:100%; height:100%; border-radius:50%; border:1px solid #313131; background:#e7efff; transform:translate3d(-50%,-50%,0); top:50%; left:50%;}
.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle::after {content:''; position:absolute; top:50%; left:0; width:8px; height:8px; border-radius:50%; background:#9c2033; transform:translate3d(-50%,-50%,0);}
.mission_section03 .mission_icon_wrap .mission_ico .label_wrap {position:absolute; top:82%; left:50%; transform:translate3d(-50%,0,0);}
.mission_section03 .desc_text {text-align:center; color:#0971ce; font-size:45px; font-weight:600; line-height:2; margin-bottom:50px;}





/* 투자정보 - 주가정보 */
.stock{letter-spacing:0;}
.stock .stock_price {padding-top:60px;border-top:2px solid #333; }
.stock .stock_price .tit {margin-bottom:30px; font-size:30px;  color:#111; font-weight:600;}
.stock .stock_price .wrap {text-align:center;padding:10px 0; display:flex; justify-content:space-between; align-items:center; }
.stock .stock_price .con { width:48%;background:#fff; border:1px solid #ddd; padding:45px 0;  }
.stock .stock_price .con .na { font-size:20px;color:#333;margin-bottom:10px;}
.stock .stock_price .con .pr {font-size:34px;color:#111;letter-spacing:0.5px;margin-bottom:10px;}
.stock .stock_price .con .nc {display:inline-block;font-size:16px;padding-left:20px;}
.stock .stock_price .con .nc.up {color:#c20724;background:url(/images/icon/stock_icon_up2.gif) no-repeat left center;}
.stock .stock_price .con .nc.down {color:#5067b4;background:url(/images/icon/stock_icon_down2.gif) no-repeat left center;}

.stock .tbl_type1 {margin-top:40px; border-top:0;}
.stock .tbl_type1 tbody tr th {color:#333;}
.stock .tbl_type1 thead tr th.bg { background:#9c2033 ; color:#fff; border-right:1px solid rgba(255,255,255,0.3)}
.stock .tbl_type1 thead tr th.bg strong {display:inline-block;font-size:24px;margin-top:20px;}
.stock .tbl_type1 thead tr th.bg strong.ic_up {padding-left:25px;background:url('/images/icon/stock_icon_up.gif') no-repeat left center;}
.stock .tbl_type1 thead tr th.bg strong.ic_down {padding-left:25px;background:url('/images/icon/stock_icon_down.gif') no-repeat left center;}
.stock .tbl_type1 tbody tr th.bdl {border-left:1px solid #e6e6e6;}
.stock .tbl_type1 tbody tr td.bdr {border-right:1px solid #e6e6e6;}
.stock .tbl_type1 tbody tr td.right { }
.stock .tab_type1 {margin:80px 0 40px;}
.stock .tab_type1 li {width:25%;}
.stock .tbl_type1 thead tr th {
    color: #fff;
    line-height: 18px;
    background:   #9c2033;
    padding: 20px;
    vertical-align: middle;
    text-align: center;
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.stock .tbl_type1 tbody tr th {
    color: #666;
    text-align: center;
    vertical-align: middle;
    background: #f7f7f7;
    border-bottom: 1px solid #e6e6e6;
}
.stock .tbl_type2 thead tr th {
    color: #333;
    background: #f7f7f7;
    border-bottom: 1px solid #e6e6e6;
    vertical-align: middle;
    text-align: center;
}
.stock .tc .graph_area {width:100%;height:auto;margin-bottom:60px;padding-top:40px;border-top:2px solid #333;}
.stock .tc .tbl_type2 thead tr th {border-right:1px solid #e6e6e6;}
.stock .tc .tbl_type2 thead tr th:last-child {border-right:0;}
.stock .tc .tbl_type2 tbody tr td { border-right:1px solid #e6e6e6;}
.stock .tc2 .tbl_type2 tbody tr td,
.stock .tc3 .tbl_type2 tbody tr td {text-align:right;padding:20px;}
.stock .tc .tbl_type2 tbody tr td:last-child {border-right:0;}
.stock .tc .tbl_type2 tbody tr.total td {background:#f7f7f7;}
.stock .tc .tbl_type2.day tbody tr td .up {display:inline-block;padding-left:20px;background:url('/images/icon/stock_icon_up2.gif') no-repeat left center;}
.stock .tc .tbl_type2.day tbody tr td .down {display:inline-block;padding-left:20px;background:url('/images/icon/stock_icon_down2.gif') no-repeat left center;}
.stock .bottom_cmt {margin-top:30px;}
.stock .table_basic td{text-align:center;}
.stock .tc2 .tbl_type2 tbody tr td.tac, .stock .tc3 .tbl_type2 tbody tr td.tac{text-align:Center;}




/* global - 글로벌 네트워크 */
.global .map_bg img{vertical-align:top;}
.global_map{width:100%; max-width:1280px; margin:0 auto; position:relative;}
.global_map ul{position:absolute; left:0; top:0; width:100%; height:100%;}
.global_map ul li{position:absolute; }
.global_map ul li:nth-child(1){top:34%; left:4%;}
.global_map ul li:nth-child(2){top:35%; left:6%;}
.global_map ul li:nth-child(3){top:41%; left:4%;}
.global_map ul li:nth-child(4){top:42%; left:6%;}
.global_map ul li:nth-child(5){top:41%; left:10%;}
.global_map ul li:nth-child(6){top:35%; left:13%;}
.global_map ul li:nth-child(7){top:43%; left:11%;}
.global_map ul li:nth-child(8){top:50%; left:14%;}
.global_map ul li:nth-child(9){top:53%; left:16%;}
.global_map ul li:nth-child(10){top:56%; left:25%;}
.global_map ul li:nth-child(11){top:41%; left:31%;}
.global_map ul li:nth-child(12){top:29%; left:30%;}
.global_map ul li:nth-child(13){top:41%; left:42%;}
.global_map ul li:nth-child(14){top:57%; left:30%;}
.global_map ul li:nth-child(15){top:62%; left:32%;}
.global_map ul li:nth-child(16){top:68%; left:32%;}
.global_map ul li:nth-child(17){top:74%; left:33%;}
.global_map ul li:nth-child(18){top:68%; left:35%;}
.global_map ul li:nth-child(19){top:55%; left:36%;}
.global_map ul li:nth-child(20){top:83%; left:40%;}
.global_map ul li:nth-child(21){top:94%; left:51%;}
.global_map ul li:nth-child(22){top:26%; left:71%;}
.global_map ul li:nth-child(23){top:52%; left:76%;}
.global_map ul li:nth-child(24){top:36%; left:76%;}
.global_map ul li:nth-child(25){top:64%; left:82%;}
.global_map ul li:nth-child(26){top:75%; left:85%;}
.global_map ul li:nth-child(27){top:85%; left:87%;}
.global_map .country{font-size:18px; position:absolute; width:200px; top:-30px; left:0; z-index:2;  color:#111; font-weight:500; }
.global_map .country.bt{top:10px; left:0;}
/*
.global_map .country:after{content:''; width:1px; height:30px; position:absolute; left:-10px; bottom:-30px; background:transparent; border-left:2px dotted #9c2033; transform:rotate(30deg)}
.global_map .country.bt:after{bottom:30px; left:20px; }
*/
.global_map .dot{position:relative; display:block; width:8px; height:8px; border-radius:50%;background-color:#9c2033; z-index:1;  transition:all ease .3s; }
.global_map .dot:after{	content:'';	border:1px solid #9c2033;border-radius: 50%; display: block;	width:6px;height:6px;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite .3s ease-in-out;   opacity: 0.8; z-index:1;}
.global_map .dot:before{ 	content:'';	width:6px;height:6px;	border:1px solid #9c2033; border-radius: 50%;  display: block;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite ease-in-out; opacity: 0; z-index:1; }






@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.5
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}
.global_slider{text-align:center; }
.global_slider .view-box{  width:100%;  padding-top:30px;   overflow: hidden;}
.global_slider .view-box:last-of-type{  margin-bottom:0;}
.global_slider .view-box .list{   display:flex;   align-items:center;   justify-content: flex-start;   width:100%;}
.global_slider .view-box .list.list-2{}
.global_slider .view-box .item{    flex-shrink: 0;   width:202px;    margin-right:10px;	border:1px solid #e5e5e5; border-radius:50%;}
.global_slider .view-box .item img{vertical-align:top;}



/* inquiry - b2b 상담문의 */
.inquiry_form{border-top:2px solid #111;}
.inquiry_form > ul{padding:20px 0;}
.inquiry_form > ul > li{margin:20px; font-size:18px; display:flex; flex-wrap:wrap;}
.inquiry_form > ul > li > label{width:200px; margin:15px 0; color:#111; font-weight:600;}
.inquiry_form > ul > li > .input_box{width:calc(100% - 200px); display: flex; align-items:center;}
.inquiry_form input{font-size:16px; height:50px; line-height:50px; padding:0 10px;}
.inquiry_form textarea{font-size:16px; height:300px; padding:10px;}
.inquiry_form .dv-select{font-size:16px; height:50px; line-height:50px; }
.inquiry_form .dv-select select{font-size:16px; height:50px; line-height:50px; }
.inquiry_form .dv-select > span.spn-sel-arrow{height:50px;}
.inquiry_form .email_box {display:block;width:100%;}
.inquiry_form .email_box > li {display:inline-block;margin:0 5px 0 0;}
.inquiry_form .email_box > li.li-txt {width:auto;text-align:center;}
.inquiry_form .email_box > li.emailId {width:20%;}
.inquiry_form .email_box > li.emailAdd {width:20%;}
.inquiry_form .email_box > li.emailSel {width:20%;}
.inquiry_btn{width:100%; text-align:center; }
.inquiry_btn a{display:block; font-size:18px; font-weight:600; margin:30px auto 0; max-width:250px; background:#9c2033; color:#fff; height:60px; line-height:60px;  }



/* lab - 연구소 소개 */
.lab .lab_section01{margin-top:100px;}
.lab .lab_section02{padding:100px 0 0;}
.lab .lab_section02 .lay_box{margin-bottom:10px;}
.lab .lab_section03{padding:100px 0 0;}
.lab .lab_section04{padding:100px 0 0;}
.lab p{line-height:1.8;}
.lab .lab_bg{width:100%; height:655px; margin:0 auto;   display:flex; align-items:center; justify-content:center; position:relative;}
.lab .lab_bg .bg_img{position:absolute; width:100%; height:100%;  left:50%; top:50%; transform: translate(-50%,-50%); background-position:center center; z-index:-1; background-size:cover;}
.lab .sub_txt{font-size:20px; color:#111; margin:10px 0;}
.lab .icon_box{display:flex; flex-wrap:wrap;}
.lab .icon_box li{width:30%; margin-right:5%; border:1px solid #e5e5e5; background:#f8f8f8; padding:50px 10px 70px 10px; text-align:center;}
.lab .icon_box li:last-child{margin-right:0;}
.lab .icon_box li strong{font-size:34px; color:#111; font-weight:600;}
.lab .icon_box li p{font-size:24px; color:#111; font-weight:600;}
.lab .icon_box li p:before{content:''; display:block; width:30px; height:3px; background:#9c2033; margin:20px auto;}
.lab .lay_box{display:inline-block; width:100%; }
.lab .lay_box .left{float:left; width:50%;}
.lab .lay_box .left.img_box {overflow:hidden;}
.lab .lay_box .right{float:right; width:50%;}
.lab .lay_box .img_box{position:relative; overflow:hidden;}
.lab .lay_box .img_box img{vertical-align:top;}
.lab .lay_box .txt_box{padding:0 0; width:50%;}
.lab .lay_box .txt_box strong{display:block; font-size:30px; font-weight:600; color:#9c2033; margin-bottom:20px;}
.lab .lay_box .txt_box p{font-size:20px;}
.lab .logo_box{display:flex;}
.lab .logo_box li{margin-right:20px; background:#f8f8f8; border-radius:50%;}
.lab .logo_box li img{vertical-align:top}




/* techng - 보유기술 */
.techng .techng_section01{ padding-top: 100px; margin-top: -100px;}
.techng .techng_section01_1{padding:100px 0 0;}
.techng .techng_section02{padding:100px 0 0;}
.techng .techng_section02 .lay_box{ margin-bottom:100px;}
.techng .techng_section03{padding:100px 0 0;}
.techng .techng_section04{padding:100px 0; background:#f8f8f8;}
.techng .techng_section04 .sub_title{margin:0;}
.techng .techng_section04 .sub_txt{margin:30px 0 50px; font-size:18px;}
.techng .techng_section04 .lay_box2{margin-bottom:20px;}
.techng .techng_section04 .sub_title img{margin-bottom:20px;}
.techng .techng_section05{padding:100px 0 0;}
.techng .techng_section05 .sub_title h1{font-size:30px; text-align:center; line-height:2;}
.techng p{line-height:1.8;}
.techng .techng_bg{width:100%; height:655px; margin:0 auto;   display:flex; align-items:center; justify-content:center; position:relative;}
.techng .techng_bg .bg_img{position:absolute; width:100%; height:100%;  left:50%; top:50%; transform: translate(-50%,-50%); background-position:center center; z-index:-1; background-size:cover;}
.techng .sub_txt{font-size:24px; color:#111; margin:70px 0;}
.techng .lay_box{display:flex; flex-wrap:wrap; margin-bottom:20px;}
.techng .lay_box li{width:48%; margin-right:4%; margin-bottom:4%; }
.techng .lay_box li:nth-child(2n){margin-right:0;}
.techng .lay_box li p{font-size:18px; font-weight:500; color:#111; margin-top:10px; text-align:center;}
.techng .lay_box2{display:flex; flex-wrap:wrap; margin-bottom:150px;}
.techng .lay_box2 li{width:22.75%; margin-right:3%; margin-bottom:3%;}
.techng .lay_box2 li:nth-child(4n){margin-right:0;}
.techng .lay_box2 li p{font-size:18px; font-weight:500; color:#111; margin-top:10px;text-align:center;}

.techng_btn{display:block; width:100%; max-width:300px; margin:-30px auto 50px; height:60px; line-height:56px; border:2px solid #111; font-size:18px; color:#111; font-weight:600;  padding:0 30px; position:relative; border-radius:60px;}
.techng_btn:before{content:''; width:15px; height:15px; background-image:url('/images/icon/go_link_b.png'); background-repeat:no-repeat; background-position:center center; position:absolute; right:30px; top:20px; z-index:2; transition:all ease .3s;}


@media screen and (min-width:1025px){
	.techng_btn:hover:before{background-image:url('/images/icon/go_link_w.png');}
}





/* product - 메인 */
.product_main{margin-top:0; padding-top:0; }
.prdm_main{position:relative; width:100%; height:100vh;  display:flex;   justify-content:center;  overflow:hidden; padding-top:300px;}
.prdm_main:after{content:''; width:100%; height:100%; background:url('/images/sub/product/product_bg2.jpg') top 30% center; background-attachment: fixed; position:absolute; left:0; top:0; z-index:-1; animation:bgFade 2s ease-out;}
@keyframes bgFade{
    from{transform:scale(1.1)}
    to{transform:scale(1)}
}
.prdm_main .scrollDown {position:absolute; bottom:0; left:50%; transform:translate3d(-50%,0,0); opacity: 0;}
.prdm_main .scrollDown span.scroll_text {font-size:14px; color:#fff; font-weight:600; top:-100px; left:50%; position:absolute; transform:translate3d(-50%,0,0); white-space: nowrap;}
.prdm_main .scrollDown span.line {width:1px; background:#fff; height:70px; position:absolute; bottom:0; left:50%; transform:translate3d(-50%,0,0);}
.prdm_main .scrollDown span.line::after {content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#fff; top:0; left:-2px; animation:scrollDown 2s ease-out infinite;}
.prdm_title{text-align:center;}
.prdm_title h1{font-size:60px; color:#fff; margin:0 0 30px}
.prdm_title h1 img{vertical-align: sub;}
.prdm_btn {display:inline-block;padding:13px 43px; border:2px solid #fff; border-radius:200px; cursor:pointer; line-height:1;}
.prdm_btn span {font-size:18px; font-weight:400; color:#fff;}
.prdm_btn span::after {content:''; background:url(/images/icon/go.png) no-repeat center; width:21px; height:11px; position:relative; display:inline-block; margin-left: 15px; transition:all ease .3s;}
.prdm_rolling{ padding:100px 0 0;}
.prdm_rolling .prdm_title h1{color:#111;}
.prdm_rolling .swiper-slide { padding:70px 0;  text-align: center;   float: left;   position: relative;   width: 35%; transform:scale(0.6); transition:all ease .6s;}
.prdm_rolling .swiper-slide:after{content:''; width:0; height:0; background:#f4f4f4; border-radius:50%; position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); z-index:-1; transition:all ease 1s; opacity:0;}
.prdm_rolling .swiper-slide-active{transform:scale(1)}
.prdm_rolling .swiper-slide-active:after{width:520px; height:520px; opacity:1;}
.prdm_rolling .prdm_name{font-size:34px; color:#111; font-weight:600; margin: 20px 0 100px;}
.prdm_rolling .prdm_btn { border-color:#ddd;}
.prdm_rolling .prdm_btn span{color:#111; }
.prdm_rolling .prdm_btn span::after {background-image:url(/images/icon/go_black.png)}
@media screen and (min-width:1025px){
	.prdm_rolling .prdm_btn:hover span{color:#fff;}
	.prdm_rolling .prdm_btn:hover span::after {content:''; background-image:url(/images/icon/go.png)}
}
.prdm_rolling .prdm_arrow{position:absolute;top:50%;left:50%;width:49px;height:34px; background:no-repeat center;font-size:0; z-index:2; margin-top:-17px;}
.prdm_rolling .prdm_prev{ margin-left:-379px;  background-image:url('/images/icon/big_prev_b.png')}
.prdm_rolling .prdm_next{ margin-left:330px; background-image:url('/images/icon/big_next_b.png')}




/* product - 제품리스트 */
.product .prd_list ul {display:flex; flex-wrap:wrap;}
.product .prd_list li{border:1px solid #e5e5e5; width:30%; margin-right:5%; margin-bottom:5%; text-align:center; padding:20px 0 120px; position:relative;}
.product .prd_list li:nth-child(3n){ margin-right:0;}
.product .prd_list li .prd_name{padding:20px; font-size:16px; font-weight:300; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.product .prd_list li .prd_name strong{font-size:20px; display:block; font-weight:600; color:#111; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.product .prd_list li .prd_more{ border:1px solid #111; text-align:center; padding:10px; margin:0 auto; width:100%; max-width:200px; color:#111; font-size:16px; border-radius:50px; position:absolute; bottom:60px; overflow:hidden; left:50%;     transform: translateX(-50%);}
.product .prd_list li:hover .prd_more{border-color:#9c2033;}
.product .prd_list li .prd_more span{position:relative; z-index:2;}
.product .prd_list li .prd_more:after{content:''; width:0; height:100%; background:#9c2033; position:absolute; right:0; top:0; transition:all ease .3s; z-index:1;}
@media screen and (min-width:1025px){
	.product .prd_list li:hover .prd_more{border-color:#9c2033;}
	.product .prd_list li:hover .prd_more:after{content:''; width:100%; left:0; right:auto }
	.product .prd_list li:hover .prd_more span{color:#fff;}
}



/* product - 제품상세 */
.prd_view .prd_img .swiper-button-next,
.prd_view .prd_img .swiper-button-prev{ color:#111;}
.prd_view .prd_img .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:.2;}
.prd_view{display:flex; flex-wrap:wrap; width:100%; margin:100px auto 0;}
.prd_view .prd_img{width:640px;}
.prd_view .prd_img .gallery-top {  width: 100%;  }
.prd_view .prd_img .gallery-thumbs {    box-sizing: border-box;     padding: 10px 0;	  max-width:500px    }
.prd_view .prd_img .gallery-thumbs .swiper-slide {  cursor:pointer;  width: 25%;     height: 100%;     opacity: 0.4;	  border:1px solid #e5e5e5;  }
.prd_view .prd_img .gallery-thumbs .swiper-slide-thumb-active {  opacity: 1;  border:2px solid #9c2033  }
.prd_view .prd_info{width:calc(100% - 640px); padding-left:10%;  font-size:18px;}
.prd_view .prd_info .cont_tit{font-size:50px; margin:30px 0 20px; line-height:1.3;}
.prd_view .prd_info .prd_spec{ border-top:1px solid #e5e5e5; margin-top:40px;}
.prd_view .prd_info .prd_spec h3{color:#9c2033; font-size:22px; font-weight:600; margin:40px 0 20px;}
.prd_view .prd_info .prd_spec p{margin:10px 0; position:relative; padding-left:10px; }
.prd_view .prd_info .prd_spec p:after{content:''; width:3px; height:3px; border-radius:50%; background:#aaa; position:absolute; left:0; top:10px;}
.prd_view .prd_download{margin:50px 0 0;}
.prd_view .prd_download a{display:block; width:100%; max-width:300px; border:1px solid #111; color:#111; height:60px;line-height:58px; padding:0 20px; font-size:16px; transition:all ease .3s; position:relative;}
.prd_view .prd_download a:before{content:''; width:20px; height:20px; position:absolute; right:20px; top:18px;background:url('/images/icon/ic_download.png') no-repeat center center; z-index:1;  transition:all ease .3s; }
.prd_view .prd_link a:before{content:''; width:15px; height:15px; background-image:url('/images/icon/go_link_b.png'); background-repeat:no-repeat; background-position:center center; position:absolute; right:30px; top:20px; z-index:2; transition:all ease .3s;}
@media screen and (min-width:1025px){
	.prd_view .prd_download a:hover:before{background:url('/images/icon/ic_download_w.png') no-repeat center center;}
	.prd_view .prd_link a:hover:before{background-image:url('/images/icon/go_link_w.png');}
}


/* joblist - 채용공고 */
.joblist{}
.joblist_btn{width:100%; max-width:150px; padding:10px; background:#aaa; color:#fff;}
.joblist_btn.ing{background:#9c2033}
.joblist .listTable .colTbl td.title{width:70%}



/* product - filter 필터 */
.filter_cate {text-align:center;}
.filter_cate span{padding:5px 20px; background:#bbb; color:#fff; border-radius:50px; }
.filter_spec {padding:20px 40px 40px;}
.filter_spec table{width:100%; border-top:2px solid #9c2033;}
.filter_spec th{background:#f4f4f4; padding:10px 0;}
.filter_spec td{border-bottom:1px solid #e5e5e5; padding:10px 0; width:100%; width:33.33%;}
.filter .table_basic td{text-align:center;}


/* product - 소재 및 부품 */
.others_lay p{font-size:24px; color:#111; text-align:center; margin:50px auto 100px; padding:0 30px; font-weight: 600;}

.gnb_m{display:none;}

.gnb_m_bar{width:30px; height:30px; position:absolute; right:5%; top:22px;display:none; }
.gnb_m_bar span{width:100%; height:2px; background:#fff; display:block; margin:5px 0;  transition:all ease .6s;}




/******************************************************* en *******************************************************/
.en .gnb_depth2 > ul > li > a{font-size:15px; padding-right:15px;}
.en .main_section02 li .text_block.on .more_btn{width:200px;}
.en .main_section02 li .text_block.on .more_btn:hover,
.en .main_section02 li .text_block.on .more_btn:hover::after{width:220px;}
.en .main_section01 .section_title{font-size:50px;}
.en .wave_container .wave_title{font-size:50px;}
.en .main_section04 .news_title{font-size:35px;}
.en footer .footer_row.site_map .site_map_wrap > li{width:20%;}
.en .ceo_section02 .section_title{font-size:50px;}
.en .mission_section01 .misstion_sub_title{font-size:50px;}
.en .business .bussiness_sub_title{font-size:50px;}
.en .business .sub_icons_wrap ul{padding-top:50px;}




/******************************************************* media size setting *******************************************************/


@media screen and (max-width:1500px){
    header .gnb > ul > li { width: 125px; }
    header.on .gnb > ul > li { width: 125px; }
    .gnb_depth2 > ul > li > a { font-size: 14px; }
    .gnb_depth3 > li > a { font-size: 14px; }
    .gnb_depth2 { width: auto; padding: 20px 0 20px 10px; }

	.main_section02 .inner1400 { max-width:1000px;}
    .main_section02 .right_area { width:1000px;}
    .main_section02 .right_area ul li { width:600px; height:600px;}
	.main_section02 li .text_block.on .prd_title{max-width:350px;}
	.history_cont{padding:0 5%;}
	.history .history_slide{margin-left:0;}

}

@media screen and (max-width:1400px){
	.inner1400{width:90%;}
	.main_section .scrollDown{right:20px}
	.main_section02 .side_quick{margin-left: 20px !important;}
	.main_section01 .pureal_circle{padding-bottom:100px;}
	.mission_section02 .list_img_container{width:40vw; height:40vh;}
	.mission_section02 .mission_list_block{padding-left:80px;}

	.quick_wrap{top:auto; bottom:0; left:0; transform:none; height:auto; background: #fff; margin-left: 0; padding:10px; box-shadow: 0px 0px 6px 0px rgba(100, 100, 100, .3); }
	.quick_wrap .side_quick li.on a::after{height:2px;}
	.quick_wrap .side_quick{flex-direction: revert;}
	.quick_wrap .side_quick li{display: flex;margin-bottom:0; margin-right:20px;}
	.quick_wrap .side_quick li{font-size:14px;}
	.prd_view .prd_img{width:45%;}
	.prd_view .prd_info{width:55%;}
    .quick_wrap .side_quick ol { display: flex; margin-top: 0; margin-left: 10px; }
    .quick_wrap .side_quick ol a { padding-left: 10px; }
    .quick_wrap .side_quick ol a::before { bottom: auto; top: 9px; width: 5px; }
}
@media screen and (max-width:1300px){
	.gnb_m_bar{display:block;}
	.scr-none{overflow-y:hidden;}
	header .logo{left: 5%;margin-top:20px;}
	header .lan{margin-right:50px; margin-top:24px }
	header .mall_btn { padding: 0 0 0 28px; text-indent: -9999px; right: calc(5% + 95px); width:28px; top: 22px; background-position: top 4px left 0px; border: none; }
	header.header_black .mall_btn{background: url(/images/header_ico02_b.svg) no-repeat top 4px left;
    background-size: 18px; }
	header{height:70px; min-height:70px;}
	header .gnb{position:fixed; top:0; right:-100%; width:80%;  padding-top:80px; max-width:400px; height:100%; background:#fff; left:auto; transform:none;  overflow-y:auto; transition:all ease .6s;}
	header.mobile {height: 0 !important; min-height:0 !important;}
	header.mobile .gnb{right:0; }
	header.header_black .gnb_m_bar span{background:#000;}
	header.mobile .gnb_m_bar{position:fixed; z-index:9;  top:30px}
	header.mobile .gnb_m_bar span{ background:#000; transform:rotate(45deg); margin:-2px 0;}
	header.mobile .gnb_m_bar span:last-child{ transform:rotate(-45deg)}
	header.mobile .gnb_m_bar span:nth-child(2){opacity:0;}
	header .gnb > ul{ flex-wrap:wrap; margin:0 15% 0 5%;}
	header .gnb > ul > li{width:100%;  border-bottom:1px solid #e8e8e8; transition:none; padding:0 5px}
	header .gnb > ul > li > a{height:50px; line-height:50px; text-align:left; padding:0 50px 0 0; font-size:16px; color:#000;}
	header .gnb .gnb_depth2{display:none; width:100%; padding:0;  height:auto; border-right:none; opacity:1; transition:none;}
	header .gnb .gnb_depth2 > ul{padding:0 0 20px;}
	header .gnb .gnb_depth2 > ul > li > a{    display: block; padding:5px 25px 5px 7px; font-size:15px}
	header.on .gnb > ul > li{width:100%;}
	header .gnb > ul > li > a:after{display:none;}
	header .gnb > ul > li:hover > a:after{width:100%; left:0;}
	.dep_ic1{display:block; right:0;     width: 100%;   background-position: center right 10px;}
	.dep_ic{right:0; top:6px;}
	.dep_ic1.on{background-position: center left 10px;}
	header .logo{width:120px; background-size:120px;}
	.gnb_m{display:block;}
	.indicator { justify-content: center; display:flex; flex-wrap:wrap; top:70px; height:40px; z-index:4; background:#fff;}
	.indicator.hide{transform: translateY(-70px);}
	.in-depth{width:50%;  max-width:200px; height:40px; padding:0 15px;}
	.in-depth ul{top:40px; padding:15px;}
	.in-depth ul li a{font-size:13px; padding:0;}
	.indicator .in-depth:first-child:nth-last-child(3),
	.indicator .in-depth:first-child:nth-last-child(3)~div { width: 33.33%; }
	.in-depth h2{line-height:40px; font-size:14px;}

	.in-position { top:120px;  z-index:1; }
	.in-depth h2:after{height:40px; width:30px;}
	.in-depth h2:after{transform: scale(0.7);}
	.in-depth.open h2:after{transform: rotate(180deg) scale(0.7);}
}



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

    .main_section .swiper-navi_wrapper { margin-top:0; top:auto; bottom:5%;}
    .main_section .text_wrap h1 { font-size:50px;}
    .main_section01 { padding-bottom:50px;}
    .main_section01 .section_title { font-size:50px;}
    .main_section01 .section_sub_title { font-size:18px;}
    .main_section01 .section_desc { font-size:18px;}
    .main_section01 .pureal_infor .inner1400 { flex-wrap:wrap; margin-bottom:50px;}
    .main_section01 .pureal_infor .inner1400 .left_text { width:100%;}
    .main_section01 .right_btn { margin-top:80px;}
    .main_section01 .right_btn svg { max-width:100px;}
    .main_section01 .pureal_circle {padding-bottom:50px;}
    .main_section01 .pureal_circle .icon_box .icon_wrap { margin-bottom:10px; max-width:50px;}
    .main_section01 .pureal_circle .icon_box .label_wrap { font-size:20px;}
    .main_section01 .merge_logo { margin-left:5%; left:200px !important;}

    .wave_container { height:800px;}
    .wave_container .wave_slogun { font-size:18px;}
    .wave_container .wave_title { font-size:50px;}
    .wave_container .wave_desc { font-size:18px;}
    .wave_container .wave_btn { padding:10px 30px;}

    .main_section02 .inner1400 { max-width:720px;}
    .main_section02 .right_area { width:900px;}
    .main_section02 .right_area ul li { width:550px; height:550px;}
    .main_section02 li .text_block .prd_title { font-size:40px;}
    .main_section02 li .text_block.on .prd_title { font-size:45px;}
    .main_section02 .right_area .prd_block .deco_circle { width:900px; height:900px;}

    .main_section04 { padding:50px 0 150px;}
	.en .main_section04 .news_title,
    .main_section04 .news_title { margin-bottom:60px; font-size:35px;}
    .main_section04 .news_item_title { font-size:18px;}
    .main_section04 .news_item_desc { font-size:17px}

    footer .footer_sitemap { display:none;}
    footer .footer_info .footer_info_wrap { flex-wrap:wrap;}
    footer .footer_info .footer_info_wrap .logo { margin-bottom: 10px; }
    footer .footer_info .footer_info_wrap .col.f_detail { width:100%;}
    footer .family_site { margin-left:0; margin-top:50px;}


    .ceo .sub_title { margin-bottom:50px;}
    .ceo .sub_title h1 span img { max-width:200px;}
    .ceo .ceo_circle_wrap .ceo_circle { width:33.3333%; padding-bottom:33.3333%; height:0;}

	.en .ceo_section02 .section_title,
    .ceo_section02 .section_title { font-size:40px;}
    .ceo_section02 .section_desc { font-size:19px;}
    .ceo_section02 { display:flex; justify-content:center; align-items:center; padding-top:0;}

    .mission .sub_title { margin-bottom:50px;}
    .mission .sub_title h1 img { max-width:280px; width:100%;}
    .mission .line { margin-bottom:30px;}
    .mission_section01 .misstion_sub_desc { font-size:23px;}
    .mission_section01 .misstion_sub_title { font-size:50px;}
    .mission_section01 .misstion_sub_logo .line_circle { width:350px; height:350px;}
    .mission_section01 .misstion_sub_logo .line_circle::after { width:390px; height:390px;}
    .mission_section01 .misstion_sub_logo img { max-width:180px;}

    .mission_section03 { padding:150px 0;}
    .mission_section03 .mission_icon_wrap { margin-bottom:80px; padding:0;}
    .mission_section03 .mission_icon_wrap .mission_ico { position:relative; width:30%; padding-bottom:30%; height:0;}
    .mission_section03 .mission_icon_wrap .mission_ico img { position:absolute; left:50%; top:50%;
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
    }
    .mission_section03 .mission_icon_wrap .mission_ico .ico_wrap { width:100%; height:100%;}
    .mission_section03 .desc_text { font-size:20px;}
}


@media screen and (max-width:1024px){
	.ceo_section01{padding-top:160px;}
	.ceo .ceo_circle_wrap{max-width:700px; margin:0 auto;}
    .main .right_btn { font-size:16px;}
    .main .right_btn svg { right:41px; max-width:60px;}
	.main .right_btn .cls-1 {stroke-miterlimit:10;stroke-width:2px; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 1.2s linear alternate forwards;}
	@keyframes dash {from {stroke-dashoffset: 1000;} to {stroke-dashoffset: 0;}}
	.main .right_btn-w span::after,
	.main .right_btn-b span::after{background-size:17px;}
    .wave_img { background-attachment:unset;}
	.main_section .main_slide_wrap .main_visual.visual01{background-image:url('/images/m_main_visual00.jpg');}
	.main_section .main_slide_wrap .main_visual.visual02{background-image:url('/images/m_main_visual02.jpg');}
	.main_section .main_slide_wrap .main_visual.visual03{background-image:url('/images/m_main_visual03.jpg');}

    .main_section .text_wrap h1 { margin-bottom:50px; font-size:35px; line-height:1.8;}
    .main_section .text_wrap .main_slide_btn { padding:10px 30px;}
    .main_section .text_wrap .main_slide_btn span { font-size:16px;}

    .sub_wrap .sub_title h1 { font-size:28px;}
    .main_section .scrollDown { right:0;}
    .main_section .scrollDown .line { height:100px;}

	.main_section01{padding:70px 0 30px}
	.en .main_section01 .section_title,
    .main_section01 .section_title { font-size:35px;}
    .main_section01 .section_desc { font-size:16px;}
    .main_section01 .section_desc br { display:none;}
    .main_section01 .right_btn { margin-top:50px;}

    .main_section01 .pureal_circle .inner1400 { flex-wrap:wrap; justify-content:center;}
    .main_section01 .pureal_circle .icon_box { width:29.3333%; padding-bottom:29.3333%; height:0; transform:none !important; margin:2%; }
    .main_section01 .pureal_circle .icon_box .icon_wrap { position:absolute; left:50%; top:50%; z-index:1;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
	.main_section01 .pureal_circle .icon_box .icon_wrap img{width:30px;}
    .main_section01 .pureal_circle .icon_box .label_wrap { position:absolute; left:50%; top:50%; z-index:1; margin-top:25px; width:100%; font-size:16px; text-align:center; font-size:14px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .main_section01 .pureal_circle .icon_box:nth-child(4) { margin-top:-10px;}
    .main_section01 .pureal_circle .icon_box:nth-child(5) { margin-top:-10px;}


	.main_section02{display:none;}
	.mobile_section02{display:block;}
	.mobile_section02 .prd_block{min-height:250px; display:flex; align-items:center; justify-content:center;}


    .main_section02 .inner1400 { max-width:100%;}
    .main_section02 .right_area { width:100%;     max-width: 324px;}
    .main_section02 .right_area ul li { width:100%; height:auto;}
    .main_section02 li .text_block .prd_title { font-size:40px;}
    .main_section02 li .text_block.on .prd_title { font-size:45px;}
    .main_section02 .right_area .prd_block .deco_circle { width:900px; height:900px; border-radius:0; background:#fff; left:0;}
	.main_section02.product02 .right_area .prd_block .deco_circle{background:#000;}

    .main_section02 li .text_block .prd_cate { margin-bottom:15px;}
    .main_section02 li .text_block.on .prd_cate { margin-bottom:10px; padding:6px 10px; font-size:14px}
    .main_section02 li .text_block .prd_title { font-size:30px;}
    .main_section02 li .text_block .sub_title { font-size:14px;}
    .main_section02 li .text_block.on .sub_title { margin-bottom:0; font-size:14px;}
    .main_section02 li .text_block.on .prd_title { margin-bottom:20px; margin-top:20px; font-size:33px;}
    .main_section02 li .text_block.on .more_btn:hover { font-size:16px; }

    .wave_container { height:auto; padding:100px 0;}
    .wave_container .wave_slogun { font-size:16px;}
	.en .wave_container .wave_title,
    .wave_container .wave_title { font-size:35px;}
    .wave_container .wave_desc { padding:0 5%; font-size:16px;  transition-delay: 0s !important;}
    .wave_container .wave_desc br { display:none;}
    .wave_container .wave_btn span { font-size:16px;}

    .main_section04 { padding:70px 0;}
    .main_section04 .news_item { width:30.3333%;}
	.en .main_section04 .news_title,
    .main_section04 .news_title { font-size:25px;}
    .main_section04 .news_title_wrap { justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
    .main_section04 .news_title { margin-bottom:10px; width:100%;}
    .main_section04 .right_btn { margin:20px 0 50px; font-size:16px;}
	.main_section04 .news_item_img_box{margin-bottom:20px}
	.main_section04 .news_item_title{font-size:16px;}
	.main_section04 .news_item_desc{font-size:14px;}

    footer .footer_info { padding:40px 0;}
    footer .footer_info .footer_info_wrap .info p   { font-size:14px;     word-break: break-all;}


    .sub_wrap.ceo .sub_title { margin:20px 0 50px;}
    .ceo .sub_title h1 { font-size:24px;}
    .ceo .sub_title h1 span {  margin:0 5px}
    .ceo .sub_title h1 span img { max-width:120px;}
    .ceo .ceo_circle_wrap {  margin-bottom:0; min-height:250px;}

    .ceo_section01 { padding:180px 0; height:auto;}
	.en .ceo_section02 .section_title,
    .ceo_section02 .section_title { font-size:28px;}
    .ceo_section02 .section_desc { padding:0 5%; font-size:17px;}
	.ceo_section02{height:600px; background-attachment: inherit;}

    .mission { padding-top:180px;}
    .mission .line { margin-bottom:0;}
    .mission .sub_title { margin-top:80px; margin-bottom:30px;}
	.mission .line{height:50px !important;}
    .mission .sub_title h1 img { max-width:200px;}
    .mission_section01 { padding:70px 5% 200px;}
    .mission_section01 .misstion_sub_desc { margin-bottom:20px; font-size:16px; line-height:1.6; padding:0 20px;}
	.en .mission_section01 .misstion_sub_title,
    .mission_section01 .misstion_sub_title { margin-bottom:120px; font-size:32px;}
    .mission_section01 .misstion_sub_logo .line_circle { width:280px; height:280px;}
    .mission_section01 .misstion_sub_logo .line_circle::after { width:320px; height:320px;}
    .mission_section01 .misstion_sub_logo img { max-width:130px;}

 	.pc_mission{display:none;}
 	.mobile_mission{ display:block;  padding:50px 0;  }
	.mobile_mission .mission_list_block{padding:50px 0; margin-bottom:0;}
	.mobile_mission .list_img{position:relative; height:300px; margin-bottom:70px; opacity:1 !important;}
	.mobile_mission .list_number{font-size:40px; margin-bottom:30px; padding:0 20px;}
	.mobile_mission .list_title{font-size:30px; padding:0 20px;}
	.mobile_mission .list_desc{font-size:18px; padding:0 20px;}

    .mission_section03 { padding:150px 0;  }
    .mission_section03 .desc_text { padding:0 5%; font-size:17px;}
    .mission_section03 .desc_text br { display:none;}
    .mission_section03 .mission_icon_wrap { margin-bottom:30px;}
    .mission_section03 .mission_icon_wrap .mission_ico img { max-width:30%;}
	.mission_section03 .mission_icon_wrap .mission_ico .ico_wrap .line_circle {width:80%; height:80%;}
    .mission_section03 .mission_icon_wrap .mission_ico p { font-size:17px;}
    .mission_section03 .mission_icon_wrap .mission_ico { margin-bottom:50px; width:48%; padding-bottom:48%;}
	.ceo_section02 .section_desc br { display:none;}
	.main_section01 .pureal_circle .icon_box .icon_wrap { margin-top:-7px;}
    .main_section .text_wrap h1 { margin-bottom:50px; font-size:34px;}

	.en .main_section01 .section_title,
    .main_section01 .section_title { font-size:30px; margin-bottom:20px;}
    .main_section01 .pureal_circle .icon_box .icon_wrap { max-width:40px;}
    .main_section01 .pureal_circle .icon_box .label_wrap { margin-top:20px;}
	.main_section .swiper-navi_wrapper .swiper-button-next, .main_section .swiper-navi_wrapper .swiper-button-prev{margin-right:10px;}
	.main_section .swiper-button-next:after, .main_section .swiper-button-prev:after{font-size:20px; font-weight:600;}


	.wave_container .text_container{margin-top:0;}
	.en .wave_container .wave_title,
    .wave_container .wave_title { font-size:30px;}
    .wave_container .wave_slogun span { max-width:100px;}

    .main_section04 .news_item { width:47%;}
	.en .main_section04 .news_title,
    .main_section04 .news_title { font-size:26px;}

    footer .footer_row.footer_mid ul { flex-wrap:wrap; padding:10px 0; height:auto;}
    footer .footer_row.footer_mid ul li { position:relative;  margin:5px 15px 5px 0; text-align:center;}
    footer .footer_row.footer_mid ul li a { font-size:13px; display:block; width:100%; text-align:left;}
    footer .footer_row.footer_mid ul li i { display:inline-block; vertical-align:middle;}
	footer .footer_row.footer_mid ul li .ico_up_arr{background-size:10px;}
	footer .footer_info .footer_info_wrap .logo { width:120px; }
	#top_btn{width:40px; height:40px; font-size:11px;}
	footer .family_site > span{font-size:14px;}
	footer .family_site_menu{bottom:40px;}

    .en .mission_section01 .misstion_sub_title,
    .mission_section01 .misstion_sub_title { font-size:28px;}
    .mission_section01 .misstion_sub_logo .line_circle { width:210px; height:210px;}
    .mission_section01 .misstion_sub_logo .line_circle::after { width:250px; height:250px;}
    .mission_section03 { padding:100px 0;}


	.main_section01 .section_sub_title{margin-bottom:10px;}
	.main_section01 .merge_logo{left: 120px !important;  transform: scale(1) !important;   width: 100px;  top: 0px !important;}
	.main_section02 .scrollmagic-pin-spacer{width:100% !important;}
	.main_section02 .text_block{margin-top:-200px; margin-bottom:372px; }
	.main_section02 li .text_block{ opacity:0; left:auto !Important; right:0 !Important;}


	header.mobile .gnb > ul{margin:0 10%;}



	.sub_wrap{padding:140px 0 100px;}
	.sub_wrap .sub_title h1{}

	.mission{padding-bottom:0;}
	.business{padding-top:0;}
	.business .business_section01_top{padding-top:160px; height:auto; background: url(/images/sub/picogram/business_bg.jpg) no-repeat center bottom;}
	.en .business .bussiness_sub_title,
	.business .bussiness_sub_title{font-size:28px; margin-bottom:20px}
	.business_section01 .merge_logo_wrap{width:40%;}
	.business .wiper_section01{background-position: center right 30%;}
	.business .wiper_section03{background-position: center right;}
	.business .bussiness_sub_desc{font-size:16px;}
	.business .sub_icons_wrap .inner1260{padding:0;}
	.business .sub_icons_wrap ul{padding-top:50px; flex-wrap:wrap; justify-content: center;}
	.business .sub_icons_wrap ul li{opacity:1 !important; width:30%; margin-bottom:30px; transition-delay: 0s !important;}
	.business .icon_wrap{margin-bottom:10px;}
	.business .icon_wrap img{width:40px;}
	.business .ico_label{font-size:16px; text-align: center;}
	.business_section01_bottom{padding-top:100px;}
	.business_section01_bottom .inner1400{padding:0 20px;}
	.business .scale_img_row{flex-wrap:wrap; margin-bottom:50px;}
	.business .scale_img_row .img_container{width:100%; height:0; padding-bottom:100%;}
	.business .scale_img_row .img_container img{width:100%;}
	.business .scale_img_row .text_wrap{width:100%; margin-left:0;}
	.business .text_wrap p{font-size:17px;}
	.business .scale_img_row .text_wrap{padding-top:60px;  }
	.bs_btn a span{font-size:16px;}
	.bs_btn a{ margin-bottom:10px; width: 45%;}
	.bs_btn a:before{transform: scale(0.7); top:20px;}
	.business .wiper_text{font-size:24px; display:inline; padding:0 20px; }
    .business .wiper_title { font-size: 40px; line-height: 1.4; padding:0 20px; }
    .business .wiper_text2 { font-size: 18px; margin-top: 14px; padding:0 20px; }
    .business .business_section06 .wiper_section01 { background-position: center right 20%; }


	.business .business_section03 .inner1400{padding:0 20px;}
	.business_section03{padding-top:100px; padding-bottom: 100px;}

	::-webkit-scrollbar{width:2px; height:2px;}

	.awards_slider .swiper-slide{min-height:auto; padding:10px; }
	.awards_slider .emblem{width:100px; height:100px; background-size:100px;}
	.awards_slider .swiper-slide p{font-size:14px;}
	.awards_slider{margin:50px 0;}
	.sub_wrap .sub_title{margin:70px 0 50px;}
	.sub .tab_menu{margin:30px 0; display:flex; flex-wrap: nowrap; overflow-x: auto;}
	.sub .tab_menu li{flex: 0 0 auto;}
	.sub .tab_menu li a{padding:10px; font-size:16px; min-width:70px;}
	.sub .tab_menu li a.active:after{display:none;}
	.sub_wrap .cont_tit{font-size:24px; margin:50px 0 30px}
	.awards .swiper-button-wr{width:80px; height:40px; top:25px;}
	.awards .swiper-container{margin-top:-95px;}
	.awards .cont_tit{font-size:22px; width:calc(100% - 80px); line-height:1.2; margin:40px 0;}
	.awards .swiper-button-prev{left:5px;}
	.awards .swiper-button-next{right:5px; left:auto;}
	.swiper-button-next, .swiper-button-prev{z-index:1;}
	.awards .swiper-wrapper{padding-top:80px;}
	.global_map .dot{transform: scale(0.5);}
	.global_map .country{font-size:14px; top:-20px;}
	.global_slider .view-box{padding-top:0;}
	.global_slider .view-box .item{width:100px;}
	.hs_bg_tit h2{font-size:30px; padding:0 20px; line-height:1.4;}
	.hs_bg_tit p{font-size:20px}
	.history .tab_menu li{width:auto;}
	.history_bg{height:auto; padding:100px 0;}
	.history .year_slide .sl_year{font-size:50px}
	.history .year_slide{height:60px;}
	.history_cont{margin:70px 0 0;}
	.history .history_slide{padding-top:40px;  }
	.history .history_btn{top:12px; background-size: 30px}
	.history .history_prev{right:50px;}
	.history .history_slide .swiper-slide{width:100%;}
	.history .history_list .list_text{font-size:16px;}
	.history .history_list .list_num{font-size:16px;}
	.history .history_slide .swiper-slide{padding-right:50px; padding-top:20px;    margin-left: 30px;}
	.history .history_list li{margin:15px 0;}
	.history_tabs .tab_cont[data-id="tab1"] .history_bg .bg_img{background-position:center left;}
	.history_tabs .tab_cont[data-id="tab2"] .history_bg .bg_img{background-position:center right;}
	.talent_tit h2{font-size:30px;  margin-bottom:70px;}
	.talent_bg{height:auto; padding:70px 20px;}
	.talent_tit a{font-size:16px; padding:10px 25px;}
	.talent_people li h3{font-size:24px; margin-bottom:20px;}
	.talent_people li{width:100%; padding-top:70px;     transition-delay: 0s !important;}
	.talent_people{display:block;}
	.talent_people li strong{font-size:50px}
	.talent_people li p{font-size:16px;}
	#welfare{padding-top:50px;}
	.talent_wf li{width:46%; padding: 20px 10px; font-size:14px;}
	.talent_wf li img{width:60px; margin-bottom:0;}
	.location .root_daum_roughmap .wrap_map{height:300px !important;}
	.map iframe{height:300px !important;}
	.location .location_info{font-size:16px;}
	.location .location_info p{width:100%;}
	.lab{padding:100px 0 50px;}
	.lab .lab_bg{height:auto;     flex-wrap: wrap; }
	.lab .lab_bg .bg_img{transform:none !important; position:relative; left:0; top:0; height:200px;}
	.lab .sub_txt{font-size:18px; margin:50px 0 50px}
	.lab .icon_box li{width:100%; margin-right:0; margin-bottom:15px; padding:30px 10px; transition-delay: 0s !important;}
	.lab .icon_box li img{width:70px;}
	.lab .icon_box li p{font-size:20px;}
	.lab .icon_box li p:before{margin:10px auto}
	.lab .lab_section02{padding:50px 0 0}
	.lab .sub_title br{display:none;}
	.lab .lay_box .left{width:100%;  }
	.lab .lay_box .img_box{height:300px !important}
	.lab .lay_box .right{width:100%;}
	.lab .lay_box .txt_box{padding:0; }
	.lab .lay_box .txt_box p{font-size:16px;}
	.lab .logo_box li{width:22%;}
	.lab .lab_section02 .lay_box{margin-bottom:70px;}
	.lab .lay_box .txt_box strong{font-size:24px}
	.lab .lab_section04{padding:50px 0 0;}


	.techng .sub_title br{display:none;}
	.techng .sub_txt{font-size:18px; margin:50px 0 50px}
	.techng .techng_bg{height:auto; flex-wrap: wrap; }
	.techng .techng_bg .bg_img{transform:none !important; position:relative; left:0; top:0; height:300px;}
	.techng .techng_section02{padding:50px 0 0;}
	.techng .techng_section03{padding:50px 0 0;}
	.techng .lay_box2 li{width:48%; margin-right:4%; margin-bottom:4%;}
	.techng .lay_box2 li:nth-child(2n){margin-right:0;}
	.techng .lay_box2 li p{font-size:16px; margin-top:0;}
	.techng .lay_box2{margin-bottom:50px}
	.techng .techng_section04{padding:50px 0;}
	.techng .techng_section04 .sub_title img{width:150px;}
	.techng .lay_box li p{font-size:16px; margin-top:0;}
	.techng_btn{font-size:16px; height:50px; line-height:46px; margin:0 auto 50px; max-width:250px;}
	.techng_btn:before{top:17px;}
	.techng .techng_section05{padding:50px 0 0;}
	.techng .techng_section05 .sub_title h1{font-size:20px}
	.patent_count ul{flex-wrap:wrap; justify-content:center;}
	.patent_count ul li{width:100%;}
	.patent_circle{width:100%; margin:5px 10px}
	.patent_circle canvas{width:200px; height:200px}
	.patent_circle .counter{font-size:30px;}
	.patent_circle p{font-size:14px; line-height: 1.2;}
	.patent_circle div{ left:50%; transform: translate(-50%, -30%); padding:0 30px; width:200px;}
	.patent .swiper-button-wr{width:80px; height:40px; top:25px;}
	.patent .swiper-button-prev{left:5px;}
	.patent .swiper-button-next{right:5px; left:auto;}
	.patent .swiper-wrapper{padding-top:80px;}
	.table_basic th{padding:5px; font-size:12px;  }
	.table_basic td{padding:5px; font-size:12px;     word-break: break-word;}

	/* 주가정보 */
	.stock .tbl_type1 thead tr th.bg strong{font-size:12px; margin-top:0;}
	.stock .tbl_type1 thead tr th.bg strong.ic_down{background-size:10px; padding-left: 15px;}
	.stock .tbl_type1 thead tr th.bg strong.ic_up{background-size:10px; padding-left: 15px;}
	.stock .stock_price .con .pr{font-size:24px; }
	.stock .stock_price .con .na{font-size:14px;}
	.stock .tbl_type1{margin-top:20px}
	.stock .stock_price .tit{font-size:24px; margin-bottom:10px;}
	.stock .stock_price{padding-top:30px}
	.stock .tbl_type1 thead tr th{padding:5px;}
	.stock .tc2 .tbl_type2 tbody tr td, .stock .tc3 .tbl_type2 tbody tr td{padding:5px;}
	.stock .table_basic td{    word-break: keep-all;}
	.stock .tc .tbl_type2.day tbody tr td .down{background-size:7px; padding-left:10px;}
	.stock .tc .tbl_type2.day tbody tr td .up{background-size:7px; padding-left:10px;}
	.stock .bottom_cmt{font-size:13px; }

	.prdm_main{padding-top:200px;}
	.prdm_main:after{    background-attachment: inherit; background-position: center center;  background-size: cover;}

	.product_main{padding:0 0 50px; background-attachment: inherit;}
	.product_main:after{ background-attachment: inherit;}
	.prdm_title h1{font-size:34px;}
	.prdm_title h1 img{width:140px;}
	.prdm_btn span{font-size:16px;}
	.prdm_btn{padding:10px 30px;}
	.prdm_rolling .swiper-slide{width:57%; transform: scale(0.5);}
	.prdm_rolling .swiper-slide-active {   transform: scale(1);}
	.prdm_rolling .prdm_name{font-size:22px; margin:15px 0 60px;}
	.prdm_rolling{padding:20px 0 0;}

	.brand{padding:0;}
	.brand_section02{padding:150px 0 100px;}
	.brand .brand_section02 p.merge_logo_top_title{font-size:18px; margin-bottom:20px;}
	.brand_section02 .merge_logo_wrap{width:150px; margin-bottom:50px; display:block; margin-left:auto; margin-right:auto;}
	.brand .brand_section02 p{font-size:18px; transition-delay: 0s !important;}
	.brand .brand_section02 p:not(.merge_logo_top_title){display:inline}
	.brand .wiper_fix_area{left:5%; top:100px}
	.brand .wiper_fix_area img{width:120px; margin-bottom:50px}
	.brand .wiper_container{height:450px;}
	.brand .wiper_fix_area .btn_wrap{display:block;}
	.brand .under-line_btn{width:150px}
	.brand .swiper-slide{background-position:center right 20% !important}

	.product .prd_list li{width:48%; margin-right:4%; padding:15px 0 80px; }
	.product .prd_list li:nth-child(3n){margin-right:4%;}
	.product .prd_list li:nth-child(2n){margin-right:0;}
	.product .prd_list li .prd_more{font-size:14px; padding:5px; width:80%; bottom:30px}
	.product .prd_list li .prd_name strong{font-size:18px;}
	.product .prd_list li .prd_name{font-size:14px; padding:10px;}
	.prd_view .prd_img{width:100%;}
	.prd_view .prd_info{width:100%; font-size:16px; padding:0;}
	.prd_view .prd_info .cont_tit{font-size:30px; margin:30px 0 10px;}
	.prd_view .prd_info .prd_spec{margin-top:20px;}
	.prd_view .prd_info .prd_spec h3{margin:20px 0 10px; font-size:18px;}
	.prd_view .prd_download a{max-width:250px; height:50px; line-height:48px;}
	.prd_view .prd_download{margin:30px 0 0;}
	.prd_view .prd_download a:before{top:14px;}
	.in-position{padding:0;}
	.awards_view{margin:50px auto 0;}
	.prd_view{margin:50px auto 0;}
	.view_close{top:-40px; width:30px; height:30px;}
	.prd_view .swiper-button-next:after, .prd_view .swiper-button-prev:after{font-size:28px}
	.filter_spec{padding:  20px; font-size:13px}
	.filter_cate span{font-size:14px;}
	.filter .prd_list li{width:100%; margin-right:0 !important;}
	.others_lay p{font-size:18px; padding: 0; margin:50px 0;}

	.srboardList .listTable .colTbl th{font-size:14px; }
	.srboardList .listTable .colTbl td.title{font-size:16px;}
	.srboardList .listTable .colTbl td{font-size:14px; padding:15px;}
	div.dv-select > select{font-size:14px;}
	input[type=text], input[type=password]{font-size:14px;}
	.srboardView .viewArea .preViewTitle dl dt{font-size:14px;}
	.srboardView .viewArea .preViewTitle dl dd{font-size:14px;}
	.btnWhite{font-size:14px;}
	.srboardView .viewArea .preViewTitle dl{padding:5px 0;}

	.inquiry_form > ul > li{margin:0;}
	.inquiry_form > ul > li > label{width:100%; margin:20px 0 10px; }
	.inquiry_form > ul > li > .input_box{width:100%; flex-wrap: wrap;}
	.inquiry_form .email_box > li.emailId{width:46%;}
	.inquiry_form .email_box > li.emailAdd{width:46%; margin-right:0;}
	.inquiry_form .email_box > li.emailSel{width:100%;  margin:10px 0 0;}
	.inquiry_btn a{max-width:100%;}
	.inquiry_form > ul{padding:10px 0;}

	.promotion .prm_big_thum{margin-bottom:0;}
	.promotion .date{margin:0 0 25px; font-size:14px}
	.promotion .prm_big_thum .title{font-size:20px}


	.joblist .srboardList .listTable .colTbl td{padding:10px; font-size:14px;}
	.joblist .listTable .colTbl td.title{width:50%}
	.joblist_btn{padding:5px; font-size:13px}

	.ft_bn_close{ width:20px; height:20px; padding-top:14px;}
	.ft_bn .inner1400{align-items: start;}
	.ft_bn p{width:calc(100% - 30px); font-size:12px}
	.ft_bn p br{display:none;}


}

@media screen and (max-width:768px){
	.prdm_rolling .swiper-slide-active:after{width:240px; height:240px; top:50%}
    footer .footer_info .footer_info_wrap .info { width: 100%; }
    footer .footer_info .footer_info_wrap .info p { width:100%; margin-right:0;}
    footer .footer_info .footer_info_wrap .info p::after { content: none; }
	footer .f_detail .detail_top p:after{display:none;}
    footer .family_site { margin-top: 30px; height: 50px; }

	.in-position p{font-size:11px;}
	.in-position p:after{top:4px;}
	.in-position p:first-child{padding-left:0;}

    .quick_wrap .side_quick li { margin-right: 10px; font-size: 13px; }
}



@media screen and (max-width:480px){
	header.mobile .gnb > ul{margin:0 7%;}
	.ceo .ceo_circle_wrap{min-height:150px;}
	.global_map .country{font-size:11px; max-width:100px; line-height:1; }



	.brand .wiper_section01 {background:url(/images/sub/picogram/brand_section02_img01_m.jpg) no-repeat center left / cover;}
	.brand .wiper_section02 {background:url(/images/sub/picogram/brand_section02_img02_m.jpg) no-repeat center left / cover;}
	.brand .wiper_section03 {background:url(/images/sub/picogram/brand_section02_img03_m.jpg) no-repeat center left / cover;}
	.brand .wiper_section04 {background:url(/images/sub/picogram/brand_section02_img04_m.jpg) no-repeat center left / cover;}
	.brand .wiper_section05 {background:url(/images/sub/picogram/brand_section02_img05_m.jpg) no-repeat center left / cover;}
	.brand .swiper-slide{background-position:center left 12% !important}
}

@media screen and (max-width:480px){
    .business .business_section06 .wiper_section01 { background-position: center right 25%; }
}