@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Play:wght@400;700&display=swap');
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }
* { margin: 0; padding: 0 }
body, td, p, input, button, textarea, select, a { font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; color: #333; line-height: 1.6; letter-spacing: -0.5px; padding: 0; margin: 0 }
body { overflow-y: scroll }
br { font-family: initial; }
/*html, body { height: 100% }*/
img { border: 0; vertical-align: top }
a { text-decoration: none; }
a:hover { text-decoration: none; }
li { list-style: none }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: 600 }
.d_container { max-width: 1400px; margin: 0 auto }
/* 공통 */
.sub_full { width: 100%; overflow: hidden; background: #f2f2f2; padding: 40px 0; margin: 0 0 30px 0; border-top: 4px solid #75b0ce }
.inner { max-width: 1400px; margin: 0 auto; position: relative; text-align: center }
.ovf { overflow: hidden; }
.clear { clear: both }
.center { text-align: center; }
section { text-align: center; }
.half { width: 48%; margin: 1%; float: left }
.comm_table { width: 100%; border-top: 3px solid #dd3c23; margin: 0 0 30px 0 }
.comm_table th { padding: 10px 20px; border-bottom: 1px solid #ccc; text-align: center; font-weight: bold; background: #ececec }
.comm_table td { padding: 10px 20px; border-bottom: 1px solid #ccc; text-align: left; }
.comm_table tr:hover { background: #fafafa }
.center_table td { text-align: center !important }
.center_table .left{text-align: left !important;}

.left { text-align: left !important }
.t_left { text-align: left; }
.s_tit { text-align: center; margin: 0 auto; padding: 0 0 30px 0; font-weight: bold; font-size: 24px }
.s_tit p { font-weight: 300; font-size: 18px; }
.s_tit_pbox { display: inline-block; font-size: 15px; line-height: 30px; text-align: center; padding: 13px 40px; color: #fff; background-color: #1b1e6e; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; margin: 40px 0 20px 0; }
h4 { font-weight: bold; font-size: 30px; margin: 0 0 30px 0; background: url(../images/common/h4_bg.png) no-repeat top center; padding: 20px 0 0 0 }
h4 span { color: #1b8d27; }
.mt30 { margin: 30px 0 0 0; }
.mb30 { margin: 0 0 30px 0; }
.mb50 { margin: 20px 0 50px 0; }
.pd30 { padding: 30px; }
.comm_list li { padding: 3px 0 3px 10px; background: url(../images/common/li_bg.png) no-repeat 0 10px; text-align: left }
.comm_list li span { display: inline-block; width: 10%; font-weight: bold; color: #1b8d27; }
.column3 {width: 33%;}
.column4 { width: 25%; }
.column5 { width: 20%; }
.column3 dl dd { text-align: left; }
.box { border: 3px dotted #1b8d27; padding: 20px; }
.box p { font-size: 1.2em; font-weight: bold }
.strong { color: #1b8d27; }
.bold { font-weight: bold; }
.red { color: #03C }
.s_btn { display: inline-block; }
.s_btn a { display: block; padding: 10px 20px; background: #1b8d27; color: #fff; font-weight: bold; text-align: center }
.s_btn a:hover { background: #333; }
h5 { text-align: left; font-weight: bold; font-size: 20px; background: url(../images/common/h5_bg.png) no-repeat top center; padding: 20px 0 }
h6 { text-align: left; font-weight: bold; font-size: 20px; margin: 0 0 30px 0 }
.b_txt { font-size: 1.4em; font-family: 'WONBatang'; }
hr { border: 1px solid #CCC }
#header { position: fixed; z-index: 990; width: 100%; top: 0; transition: all 0.5s; }
#header:hover { background: rgba(0,0,0,0.6) }
footer { width: 100%; overflow: hidden; padding: 3em 0; margin: 0 auto; background: #4d4d4d; color: #e3e3e3; text-align: left }
footer ul { overflow: hidden; margin: 0 0 10px 0; text-align: left }
footer ul li { display: inline-block; padding: 0 20px 0 0 }
footer ul li a { font-weight: bold; color: #fff !important; font-size: 13px }
footer p { float: left; width: 30% }
footer address { float: left; width: 70%; font-style: normal; text-align: left; font-size: 13px }
/* 탭 */
.tab { text-align: center; }
.tab li { display: inline-block; }
.tab li a { display: block; background: #eaeaea; height: 40px; line-height: 40px; }
/*.tab li a:hover { background: #333 !important; color: #fff; }*/
.select a { background: #2d4060 !important; font-weight: bold; color: #fff; }
.li2 li { width: 49%; }
.li4 li { width: 23%; }
.li5 li { width: 18%; display: inline-block; }
.li6 li { width: 16%; display: inline-block; }
.li7 li { width: 9%; display: inline-block; }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #333; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e73e24; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-top:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*effect-underline*/
a.effect-underline:after { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-underline:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/*effect-box*/
a.effect-box:after, a.effect-box:before { content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
a.effect-box:before { border-left: 1px solid; border-right: 1px solid; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
a.effect-box:after { border-bottom: 1px solid; border-top: 1px solid; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
a.effect-box:hover:after, a.effect-box:hover:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/* effect-shine */
a.effect-shine:hover { -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%); -webkit-mask-size: 200%; animation: shine 2s infinite; }
 @-webkit-keyframes shine { from {
 -webkit-mask-position: 150%;
}
to { -webkit-mask-position: -50%; }
}
/* 메인 */
#myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
.container { overflow: hidden; clear: both }
.progress-tracker { position: fixed; top: 50%; right: 10px; }
.progress-tracker.hide { width: 0px; }
.progress-tracker.hide ul li .pt-description, .progress-tracker.hide.active ul li .pt-description, .progress-tracker.hide.constant ul li.active .pt-description { }
.progress-tracker ul li { width: 10px; height: 10px; position: relative; background-color: #ebe9ea; border: 1px solid #ccc; margin-bottom: 10px; list-style-type: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.progress-tracker ul li a { width: 100%; height: 100%; display: block; }
.progress-tracker ul li .pt-description { display: none; position: absolute; top: -2px; right: 25px; padding: 3px 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #e9ebea; white-space: nowrap; }
.progress-tracker ul li.active { background-color: #e73e24; border-color: #e73e24; }
.progress-tracker.constant ul li.active .pt-description { display: block }
#ptsection-one { overflow: hidden; text-align: center }
/* 메인 비즈니스 */
#ptsection-two { overflow: hidden; padding: 50px 0; background: url(../images/main/business_bg.jpg) no-repeat top center }
#ptsection-two h2 { font-family: 'Audiowide', cursive; text-transform: uppercase; font-size: 36px; text-align: center; margin: 0 0 30px 0; color: #fff }
.grid { position: relative; margin: 0 auto; list-style: none; text-align: center; width: 70% }
/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; width: 31%; text-align: center; cursor: pointer; }
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }
.grid figure figcaption { color: #fff; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid figure h3 { word-spacing: -0.15em; font-weight: bold; font-size: 24px }
.grid figure h3 span { font-weight: 800; display: block; font-family: 'Play', sans-serif; font-size: 14px; text-transform: uppercase }
.grid figure h3, .grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }
figure.effect-oscar { position: relative; z-index: 99 }
figure.effect-oscar img { width: 100% }
figure.effect-oscar figcaption { background-color: rgba(58,52,42,0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
figure.effect-oscar figcaption::before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; }
figure.effect-oscar h3 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
figure.effect-oscar:hover h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); }
figure.effect-oscar:hover img { opacity: 0.4; }
/* 메인 프로세스 */
#ptsection-three { overflow: hidden; padding: 100px 0 }
#ptsection-three h2 { font-family: 'Audiowide', cursive; text-transform: uppercase; font-size: 36px; text-align: center; margin: 0 0 30px 0 }
.main_process { display: inline-block; width: 19%; margin: 5px }
.main_process p { overflow: hidden }
.main_process p img { width: 100%; transition: all 0.5s }
.main_process p img:hover { transform: scale(1.5) }
.main_process dl { overflow: hidden; background: #e73e24; padding: 30px; color: #fff; text-align: left }
.main_process dl dt { font-weight: bold; font-size: 18px; text-align: center }
.main_process dl dd { font-family: 'Play', sans-serif; font-weight: bold; font-size: 14px; display: none }
.main_process dl dd span { font-size: 12px }
.video_area { display: inline-block; width: 48%; margin: 0 1% 0 0 }
.video_area img { width: 100% }
/* 메인 글로벌 */
#ptsection-four { overflow: hidden; padding: 100px 0 200px 0; background: url(../images/main/global_bg.jpg) no-repeat top center }
#ptsection-four h2 { font-family: 'Audiowide', cursive; text-transform: uppercase; font-size: 36px; text-align: center; margin: 0 0 30px 0 }
#ptsection-four p { padding: 20px 0; font-size: 24px }
#ptsection-four em { font-size: 18px; font-style: normal }
.counter { font-size: 60px; font-family: 'Play', sans-serif; font-weight: bold }
/* 스크롤 다운 애니메이션*/
.arrow { position: fixed; z-index: 998; bottom: 5%; left: 0; right: 0; margin: 0 auto; text-align: center }
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
 @keyframes bounce { 0%, 20%, 50%, 80%, 100% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-30px);
}
 60% {
 transform: translateY(-15px);
}
}
/* 서브 */
.sub_head { width: 100%; overflow: hidden; height: 350px; padding: 0; margin: 0 auto; }
.sub_head::before { }
.zoom { animation: scale 5s linear forwards; }
 @keyframes scale { 50% {
 background-size:150%;
}
 0% {
 background-size:200%;
}
}
.sub_head h2 { text-align: center; color: #fff; font-weight: bold; padding: 150px 0 0 0; text-shadow: 1px 1px 5px #000; font-family: 'Audiowide', cursive; text-transform: uppercase; font-size: 18px }
.sub_head h2 span { display: block; font-weight: bold; font-size: 36px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; }
.sub_head p { position: absolute; top: 0; left: 50%; margin: 0 -17%; }
.sub_contants { min-height: 800px; overflow: hidden; }
.sub_tit { position: relative; overflow: hidden; margin: 0 auto 50px auto; text-align: center; border-bottom: 1px solid #ccc; padding: 0 0 1em 0 }
.sub_tit h3 { font-size: 36px; font-weight: bold; margin: 0 0 20px 0; background: url(../images/common/h3_bg.png) no-repeat top center; padding: 10px 0 0 0 }
.sub_tit p { display: inline; font-weight: 300; font-size: 1em }
/* 서브네비 */
.navi_next { position: absolute; top: 50%; right: 50px; }
.navi_prev { position: absolute; top: 50%; left: 50px; }
.sub_navi { margin-top: -50px; background: #fff; height: 120px }
#DB_navi39 a { text-decoration: none; display: block }
#DB_navi39 img { border: 0; vertical-align: top }
#DB_navi39 { position: relative; width: 100%; height: 50px; background: #2d4060 url(../images/common/submenu_bg.png) no-repeat top right; }
#DB_navi39 ul { width: 1400px; margin: 0 auto }
#DB_navi39 ul li { border-right: 1px solid #6b809c; }
#DB_navi39 ul li.m0 { width: 50px; border-left: 1px solid #607ac4 }
#DB_navi39 ul li.m1 { width: 200px }
#DB_navi39 ul li.m2 { width: 200px }
#DB_navi39 ul li.m3 { width: 200px }
#DB_navi39 ul li.DB_main { float: left; position: relative }
#DB_navi39 ul li.DB_main a { color: #fff; line-height: 50px; ; background: url('../images/common/subnavi_arrow.png') no-repeat 95% 17px }/*메뉴간격*/
#DB_navi39 ul li.DB_main a:hover { color: #fff !important; font-weight: bold; background-position: right -27px }
#DB_navi39 ul li.DB_main.DB_select a { background-position: right -27px }
#DB_navi39 ul li.m0 a { background: url('../images/common/icon_home.png') no-repeat 50%; text-indent: -9999px }
#DB_navi39 ul li.m0.DB_select a { background-position: 13px -24px; }
#DB_navi39 .DB_main .DB_sub { position: absolute; left: 0; top: 50px; width: 100%; display: none; background: #ffffff; border: 1px solid #6b809c; border-width: 1px; margin-left: -1px; z-index: 999 }
#DB_navi39 .DB_main .DB_sub li { border: none; border-bottom: 1px solid #cccccc }
#DB_navi39 .DB_main .DB_sub li a { display: block; color: #666666; line-height: 40px; background: #ffffff }
#DB_navi39 .DB_main .DB_sub li a:hover { color: #ffffff; background: #e73e24 }
#DB_navi39 .DB_main .DB_sub li.DB_select a { color: #ffffff; background: #e73e24 }
.sticky-navigation.stuck { position: fixed; top: 130px; width: 100%; z-index: 999; left: 50%; transform: translateX(-50%); height: 10px; display: none }
#DB_navi39 ul li.DB_main a b { display: none; }
.thumbimg li { display: inline; float: left; width: 25%; }
.white { color: #fff }
.sub_bg { width: 100%; height: 160px; padding: 70px 0; margin: 0 0 50px 0 }
.big { font-size: 22px; }
.rnd { background: url(../images/sub05/rnd_bg.jpg) no-repeat top center }
/* 회사개요 */
.vision { overflow: hidden; padding: 10em 0 0 0; background: url(../images/sub01/info_bg.jpg) no-repeat top center }
.vision li { display: inline-block; width: 200px; height: 100px; border: 20px solid #2d4060; background: #fff; text-align: center; margin: 5%; border-radius: 100%; font-weight: bold; font-size: 18px; padding: 50px 0 }
.red_stoke { border-color: #e8472f !important }

/*.company_address { display: inline-block; width: 14%; margin: 1%; border: 1px solid #ccc; border-top: 3px solid #2d4060; padding: 50px 20px; vertical-align: top }*/
.company_list{display: flex; gap:2rem; margin-bottom: 50px;}
.company_address{flex:1; border: 1px solid #ccc; border-top: 3px solid #2d4060; padding: 50px 15px; }
.company_address dt { font-weight: bold; font-size: 1.2em; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; margin: 0 0 20px 0 }
/* 관계사 */
.partner { overflow: hidden; padding: 0 0 50px 0; clear: both }
/* 회사연혁 */
.history_warp {/*background:url(../images/sub01/history_bg.jpg) no-repeat top center*/ }
.history h4 { text-align: center; font-size: 180px; letter-spacing: 5px; color: #F2F2F2; margin: 0 0 30px 0; padding-bottom: 0; font-family: 'Rajdhani'; position: relative }
.history h4 p { text-align: center; color: #000; margin: -120px 0 0 0; font-size: 24px; font-weight: bold }
.history h4 span { font-size: 45px; color: #e63333; font-weight: bold; letter-spacing: 0; font-family: 'Rajdhani'; font-weight: bold }
.history ul { position: relative; overflow: hidden; width: 100%; background: url(../images/sub01/history_bg.png) repeat-y top center }
.history ul li.left { background: url(../images/sub01/history_left.png) no-repeat right 5px; float: left; text-align: right !important; padding-right: 68px; width: 45.1% }
.history ul li:first-child { margin-top: 10px; }
.history ul li.right { background: url(../images/sub01/history_right.png) no-repeat left 5px; float: right; text-align: left; padding-left: 68px; width: 45.1% }
.history ul li:last-child { margin-bottom: 20px; }
.history ul li { margin: 0; margin-top: 0px; width: 50%; clear: both; vertical-align: middle; font-size: 18px }
.history ul li span { color: #e63333; font-size: 2em; display: block; font-family: 'Rajdhani'; font-weight: bold }
.history ul li img { }
.history_img { width: 90%; margin: 0 auto; }
.history_img img { width: 100%; }
.history_tab { width: 90%; margin: 20px auto; }
.history_tab ul { width: 100%; }
.history_tab ul li { width: 33%; }
.historyList { width: 90%; margin: 40px auto;     /*background: url(../images/sub01/dot_h.png) repeat-y 18% top; */ }
.historyList .year { border-top: 1px solid #ececec; position: relative; padding: 40px 0 40px 12%; }
.historyList .year:first-child { border-top: 2px solid #1b8d27; }
.historyList .year > dt { top: 20px; position: absolute; left: 0; font-size: 40px; font-weight: 500; color: #1b8d27; }
.historyList .month { position: relative; padding-left: 38px; }
.historyList .month:first-child { margin-top: 0; }
.historyList .month > dt { text-align: right; padding-right: 10px; width: 5%; line-height: 24px; font-size: 16px; position: absolute; left: 0; top: 0; font-weight: 600; }
.historyList .month > dd { line-height: 24px; font-size: 16px; }
.historyList .month > dd > p { background: url(../images/sub01/green_sq.png) no-repeat left 9px; padding-left: 20px; text-align: left; margin-left: 5%; }
.mt { margin: -5em 0 0 0 !important }
/* 인사말 */
.greeting { overflow: hidden; margin: 0 0 3em 0 }
.greeting_left { float: left; width: 48%; margin: 0 2% 0 0 }
.greeting_left img { width: 100%; }
.greeting_right { float: left; width: 50%; }
.greeting_right p { text-align: left }
/* 비즈니스 */
.business { overflow: hidden; background: #fafafa; border-bottom: 1px solid #ccc; margin: 0 0 30px 0; clear: both }
.business p { float: left; width: 35%; overflow: hidden }
.business p img { width: 100% }
.business dl { float: left; width: 50%; padding: 50px 30px }
.business dl dt { text-align: left; font-weight: bold; font-size: 24px; margin: 0 0 30px 0 }
.business dl dt span { font-family: 'Play', sans-serif; color: #999; padding: 0 0 0 10px; display: none }
.business dl dd { text-align: left }
.business2 dl { text-align: left; overflow: hidden; margin: 0 0 30px 0 }
.business2 dl dt { font-weight: bold; font-size: 24px; margin: 0 0 20px 0 }
.business2 ul li { display: inline-block; width: 32%; margin: 0 1% 0 0; }
.business2 ul li img { width: 100% }
/* 프로세스 */
.process_flow { overflow: hidden; padding: 20px; border: 1px solid #ccc; margin: 0 0 50px 0; }
.process_flow p { float: left; width: 20%; margin: 0 50px 0 0 }
.process_flow p img { width: 100% }
.process_flow dl { float: left; width: 70%; text-align: left }
.process_flow dl dt { font-weight: bold; color: #dd3c23; font-size: 20px; margin: 0 0 30px 0 }
.process_flow dl dt span { display: inline-block; background: #dd3c23; color: #fff; font-size: 14px; text-align: center; padding: 5px 10px; margin: 0 0 0 20px }
.process { overflow: hidden; background: url(../images/sub03/process_img_bg.jpg) no-repeat top right; margin: 0 0 50px 0 }
.process_img { float: right; width: 25%; margin: 30px 30px 0 0 }
.process_img p { overflow: hidden }
.process_img img { width: 100% }
.process_con { float: left; width: 70%; text-align: left }
.process_con p { font-size: 18px }
.process_tit { font-weight: bold; font-size: 24px !important; margin: 0 0 50px 0; border-bottom: 1px solid #ccc; padding: 0 0 30px 0 }
.process_tit span { font-family: 'Play', sans-serif; color: #999; margin: 0 0 0 30px; display: none }
.photo_list { overflow: hidden; margin: 0 0 30px 0 }
.photo_list li { display: inline-block; width: 32%; margin: 0 1% 0 0 }
.photo_list li img { width: 100% }
/* 포트폴리오 */
#portfolio { width: 100%; overflow: hidden; padding: 0; text-align: left; margin-top: 50px; }
ul.thumbs { padding: 0; overflow: hidden; }
ul.thumbs li { display: inline-block; /*height: 180px;*/ overflow: hidden; padding: 0; /*float: left;*/ position: relative; text-align: center; margin: 0 19px 20px 0; padding: 0; border: 1px solid #ccc }
ul.thumbs li:last-child { margin-right: 0; }
ul.thumbs li img { margin: 0 0 20px 0; text-align: center; width: 100%; }
ul.thumbs li p { text-align: center; padding-bottom: 5px; width: 100%; font-weight: bold; font-size: 1.3em }
ul.thumbs li a.thumbnail { display: block;	/*overflow: hidden;*/ box-sizing: border-box; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; z-index: 9; width: 100%; height: 100%; }
ul.thumbs li a.thumbnail .description { padding: 0; position: absolute; height: 0; left: 0; top: 0; width: 100%; box-sizing: inherit; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; color: #fff; background-color: rgba(0, 0, 0, 0.5); font-size: 1.1em; padding: 100px 12px; line-height: 16px; box-sizing: inherit; text-align: center; font-weight: bold; }
ul.thumbs li a.thumbnail .active-arrow { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #8298ad; bottom: -10px; z-index: 99; position: absolute; left: 0; right: 0; margin: 0 auto; }
ul.thumbs li a.thumbnail:hover .description { height: 85%; opacity: 1; }
ul.thumbs li.content { display: none; overflow: hidden; position: relative; padding: 0; background: #8298ad; margin: 0 auto; margin-top: -33px; }
ul.thumbs li.content h3 { display: inline-block; }
ul.thumbs li.content .close { position: absolute; top: 10px; right: 10px; color: #c2c2c2; cursor: pointer; font-weight: normal; font-family: -webkit-pictograph; font-size: 50px; line-height: 35px; z-index: 999 !important; }
ul.thumbs li.content .close:hover { opacity: 0.7; }
ul.thumbs li.content .media { display: inline-block; float: none; width: 95%; padding: 20px; text-align: left; min-height: 200px; color: #fff; }
ul.thumbs li.content .media .detail { float: left; width: 50%; margin-left: 4%; }
ul.thumbs li.content .media .detail h4 { text-align: left; font-size: 30px; margin: 0 !important; background-position: top left }
ul.thumbs li.content .media p { color: #fff; text-align: left !important; background: none !important; position: relative !important; padding: 0 !important; font-size: 1em !important }
ul.thumbs li.content .media img { float: left; margin: 0 0px 0 0px; width: 40% }
.detail ul li { background: url(../images/sub04/arrow.png) no-repeat 100% 30%; padding: 0 10px 0 0; }
.detail ul li:last-child { background: none !important; }
.detail ul li span { display: block; padding: 10px; vertical-align: auto; background: #039; color: #fff; }
.portfolio-content { display: none; }
/* 인증서 */
.cer { overflow: hidden }
.pic { display: inline-block; width: 17%; margin: 1%; text-align: center; vertical-align: top }
.pic a { display: block; font-weight: bold }
.pic img { width: 100%; border: 10px solid #006; }
.pic p { font-weight: bold; padding: 30px 0; font-size: 18px }
.pic span { display: block; font-size: 14px }
.nomar { margin: 0 0 15px 0 !important; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/* 품질검증 */
.qa_bg{overflow:hidden; padding:50px 0; background:url(../images/sub05/qa_bg.jpg) no-repeat top center}
.imgtxt{overflow:hidden; padding:30px 0}
.imgtxt dt{float:left; width:40%; text-align:left}
.imgtxt dt span{font-size:1.5em; font-weight:bold}
.imgtxt dd{float:right; width:60%}

/* 보유기술 */
.tech_list{display: flex; gap:3rem; justify-content: center; align-items: center; padding:0 0 3rem 0}
.tech_list li{border: 1px solid #ccc;}

/* 기술협업 */
.partner_liet{display: flex; flex-wrap: wrap; gap:2rem; padding:0 0 3rem 0}
.partner_liet li{width: calc(33% - 2rem); border: 1px solid #ccc;}

/* 제일 위로 */
#back-top { position: fixed; bottom: 30px; right: 10px; z-index: 999 }
#back-top a { width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
#back-top span { width: 40px; height: 40px; display: block; margin-bottom: 7px; background: #e03f26 url(../images/common/up-arrow.png)no-repeat center center; background-size: 50%; /* rounded corners */ /* -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; border-radius: 100px }
#back-top a:hover span { background-color: #777; }




/* 상단메뉴 */
/*pc*/
@media all and (min-width:1024px) {
#hsec1 { padding: 0px 0px; display: none }
#hsec1 .d_container { position: relative }
#hsec1 .con1 { display: none }
#hsec1 .con2 { text-align: left }
#hsec1 .con2 .mo { display: none }
#hsec1 .con3 { position: absolute; right: 0; top: 0 }
#hsec2 { position: relative; padding: 30px 0 0 0 }
#hsec2 h1 { text-align: center; margin: 0 0 20px 0; float: left }
#hsec2 p { float: right; margin: 20px 0 0 0 }
.lang span { padding: 10px }
.lang span a { font-weight: bold; color: #fff; font-size: 13px; border-radius: 100px; border: 1px solid #ccc; padding: 5px 10px; transition: all 0.5s }
.lang span a:hover { background: #e73e24 }
#d_lnb_bg { position: absolute; left: 0; top: 110px; width: 100%; background: rgba(0, 0, 0, 0.6); height: 0; }
#d_lnb { height: 80px; background: url(../images/common/header_bg.jpg) no-repeat 100% 50% }
#d_lnb h2 { display: none }
#d_lnb ul { float: left; width: 66% }
#d_lnb li { position: relative; float: left; width: 16%; text-align: center; }
#d_lnb li > a { display: block; font-size: 20px; font-weight: 600; color: #fff; line-height: 66px; /*font-family: 'Play', sans-serif; letter-spacing: normal */}
#d_lnb li > a:hover, #d_lnb li.on > a { color: #e73e24 }
.hvr-underline-from-center { display: block; vertical-align: bottom; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; }
.hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #e73e24; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; }
#d_lnb li.on .sub { background: #e73e24; border-top: 3px solid #e73e24 }
#d_lnb li .sub { position: absolute; width: 100%; top: 66px; height: 0; overflow: hidden }
#d_lnb li .sub dl { text-align: left }
#d_lnb li .sub dd { padding: 2px 0; text-align: center }
#d_lnb li .sub dd a { color: #fff; font-size: 16px !important; display: block; }
#d_lnb li .sub dd a:hover {/* text-decoration: underline; */ color: #fff }
#d_lnb_mask { display: none }
.mob_img { display: none; }
}
/* 메인 슬라이드 */
.responsive-slider [data-animate] { opacity: 0; }
.responsive-slider .slides { position: relative; overflow: hidden; }
.responsive-slider .slides ul { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; font-size: 0; }
.responsive-slider .slides ul li { display: inline-block; max-width: 100%; }
.responsive-slider .slides ul li .slide-body { display: inline-block; position: relative; max-width: 100%; font-size: 14px; }
.responsive-slider .slides ul li .slide-body img { /*max-width: 100%;*/ }
.responsive-slider .slides ul li .slide-body .caption { position: absolute; color: #fff; text-shadow: 0px 1px 0px #000000; left: 50%; transform: translateX(-50%); font-family: 'Audiowide', cursive; font-size: 42px; font-weight: bold; text-transform: uppercase }
.responsive-slider .slides ul li .slide-body .caption.header { top: 25%; left: 50%; transform: translateX(-50%); text-align: center }
.responsive-slider .slides ul li .slide-body .caption.header h2 { font-size: 50px; }
.responsive-slider .slides ul li .slide-body .caption.header h2 i { font-size: 35px; }

.responsive-slider .slides ul li .slide-body .caption.img-text { top: 30%; font-family: 'Play', sans-serif; font-size: 48px }
.responsive-slider .slides ul li .slide-body .caption.img-html5 img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-css3 { top: 40%; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-size: 24px; color: #fff }
.responsive-slider .slides ul li .slide-body .caption.img-css3 p { color: #fff; font-family: 'Play', sans-serif; font-size: 20px; text-transform: capitalize }
.responsive-slider .slides ul li .slide-body .caption.img-css3 span { font-family: 'Play', sans-serif; font-weight: bold; color: #fff; display: block; font-size: 30px }
.responsive-slider .slides ul li .slide-body .caption.img-css3 img { /*max-width: 100%; */ }
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap { top: 80%; font-family: 'Play', sans-serif; font-size: 18px; text-transform: capitalize }
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-twitter { top: 19%; }
.responsive-slider .slides ul li .slide-body .caption.img-twitter img { max-width: 100%; }
.responsive-slider .slides ul li .slide-body .caption.img-jquery { top: 66%; }
.responsive-slider .slides ul li .slide-body .caption.img-jquery img { max-width: 100%; }
.responsive-slider .slider-control { position: absolute; font-size: 20px; color: #000; top: 40%; background-color: #fff; padding: 10px; display: none }
.responsive-slider .slider-control.left { left: 0; padding-left: 0; -webkit-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; }
.responsive-slider .slider-control.left:hover { text-decoration: none; padding-left: 10px; }
.responsive-slider .slider-control.right { right: 0; padding-right: 0; -webkit-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; }
.responsive-slider .slider-control.right:hover { text-decoration: none; padding-right: 10px; }

.responsive-slider .pages { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.responsive-slider .pages .page { display: inline-block; color: transparent; width: 5px; height: 5px; border: 3px solid #fff; border-radius: 50%; opacity: 0.5; }
.responsive-slider .pages .page.active { opacity: 1; }
/* 이미지 썸네일 슬라이드 */

.lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.lightSlider { overflow: hidden; margin: 0; }
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade { position: relative; }
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active { z-index: 10; }
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; }
#image-gallery li p { position: absolute; top: 0; left: 0; width: 200px; background: #e73e24; z-index: 999; color: #fff; font-weight: bold; font-size: 30px; padding: 80px 0 }
#image-gallery li p span { display: block; font-size: 18px; }
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; }
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; }
.lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; }
.lSSlideOuter .media { opacity: 0.8; }
.lSSlideOuter .media.active { opacity: 1; }
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; opacity: 0.5 }
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity: 1 }
.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; }
.lSSlideOuter .lSPager.lSGallery:after { clear: both; }
/* End of Gallery*/

/* slider actions */
.lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('../images/common/controls.png'); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.lSAction > a:hover { opacity: 1; }
.lSAction > .lSPrev { background-position: 0 0; left: 10px; }
.lSAction > .lSNext { background-position: -32px 0; right: 10px; }
.lSAction > a.disabled { pointer-events: none; }
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }
/* vertical */
.lSSlideOuter.vertical { position: relative; }
.lSSlideOuter.vertical.noPager { padding-right: 0px !important; }
.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; }
.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; }
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; }
.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; }
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; position: relative }
.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li img { width: 100% }
.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }
/* Rtl */

@-webkit-keyframes rightEnd { 0% {
 left: 0;
}
 50% {
 left: -15px;
}
 100% {
 left: 0;
}
}
@keyframes rightEnd { 0% {
 left: 0;
}
 50% {
 left: -15px;
}
 100% {
 left: 0;
}
}
@-webkit-keyframes topEnd { 0% {
 top: 0;
}
 50% {
 top: -15px;
}
 100% {
 top: 0;
}
}
@keyframes topEnd { 0% {
 top: 0;
}
 50% {
 top: -15px;
}
 100% {
 top: 0;
}
}
@-webkit-keyframes leftEnd { 0% {
 left: 0;
}
 50% {
 left: 15px;
}
 100% {
 left: 0;
}
}
@keyframes leftEnd { 0% {
 left: 0;
}
 50% {
 left: 15px;
}
 100% {
 left: 0;
}
}
@-webkit-keyframes bottomEnd { 0% {
 bottom: 0;
}
 50% {
 bottom: -15px;
}
 100% {
 bottom: 0;
}
}
@keyframes bottomEnd { 0% {
 bottom: 0;
}
 50% {
 bottom: -15px;
}
 100% {
 bottom: 0;
}
}
.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
/*/  GRab cursor */
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
/* 메인 스크롤 무브 */
/*html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; Avoid flicker on slides transitions for mobile phones #336
-webkit-tap-highlight-color: rgba(0,0,0,0); } */
#superContainer {/* height: 100%;*/ position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; }
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide, .fp-slidesContainer { height: 100%; display: block; }
.fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { display: table-cell; vertical-align: top; width: 100%; height: 100%; }
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: scroll; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }
#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
#fp-nav.right { right: 17px; }
#fp-nav.left { left: 17px; }
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; }
#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; }
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }
#fp-nav ul li .fp-tooltip.right { right: 20px; }
#fp-nav ul li .fp-tooltip.left { left: 20px; }
.snb { position: absolute; top : 20px; left: 280px }
.snb li { display: inline-block; text-align: center; width: auto !important; padding: 0 5px }
.snb li a { display: block; background: #c2c2c2; text-align: center; width: 42px; height: 39px; border-radius: 100px; padding: 3px 0 0 0; transition: all 0.2s }
.snb li a { background: #29ad09 }
.snb li:first-child a { background: url(../images/common/instra_over.png) no-repeat; background-size: cover }
.snb li:last-child a { background: #F90 }
.kakao a { background: #3b5998 !important }
.youtube a { background: #e61a23 !important }


/*모바일*/
@media all and (max-width:767px) {
body { font-size: 14px; }
img { max-width: 100%; }
body.lnb_on { overflow: hidden }
body.lnb_on #d_lnb_mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/common/lnb_mask_bg.png'); z-index: 990; }
h1 { width: 60%; margin: 0 auto }
#hsec1 { padding: 0px 0px; border-bottom: 1px solid #ddd }
#hsec1 .d_container { position: relative }
#hsec1 .con1 { position: absolute; left: 5px; top: 5px; padding: 14px 10px; cursor: pointer; background: #e73e24 }
#hsec1 .con2 { text-align: center; padding: 1em 0 }
#hsec1 .con2 .pc { display: none }
#hsec1 .con3 { position: absolute; right: 5px; top: 10px }
#hsec2 { }
#d_lnb { position: fixed; left: -100%; top: 0; width: 80%; height: 100%; background: #fff; z-index: 991; padding: 0 !important }
#d_lnb h1 { display: none }
#d_lnb h2 { position: relative; text-align: center; color: #333; padding: 40px 0; border-bottom: 1px solid #ddd }
#d_lnb h2 .close { position: absolute; right: 10px; top: 10px; cursor: pointer }
#d_lnb li { border-bottom: 1px solid #ddd }
#d_lnb li.on > a { color: #fff; background: #e73e24 }
#d_lnb li > a { display: block; padding:25px; font-weight: 600; color: #333; text-align:left; font-family: 'Play', sans-serif; background:url(../images/common/mo_menu.png) no-repeat 95% 50% }
#d_lnb li .sub { display: none; }
#d_lnb li .sub dd { border-top: 1px solid #ddd }
#d_lnb li .sub dd a { display: block; padding: 10px 35px; background: #fff; text-align:left }
#d_lnb li .sub dd a:hover { text-decoration: underline }
.inner { width: auto; max-width: 100%; padding: 10px; }
.responsive-slider .slider-control.left, .responsive-slider .slider-control.right { display: none; }
.pc_img{display:none}

/* 메인 비주얼 */
.responsive-slider .slides ul li .slide-body .caption.header{width:auto}
.responsive-slider .slides ul li .slide-body .caption{font-size:1.5em}
.responsive-slider .slides ul li .slide-body .caption.img-text{font-size:1.5em; top:40%}
.responsive-slider .slides ul li .slide-body .caption.img-bootstrap{font-size:1em}
.responsive-slider .slides ul li .slide-body .caption.img-css3{font-size:1em; top:60%}
.responsive-slider .slides ul li .slide-body .caption.img-css3 span{font-size:1em}
/* 메인 */
#header{position:relative; background:#333}
#ptsection-one h2,
#ptsection-two h2,
#ptsection-three h2,
#ptsection-four h2{font-size:2em}
.grid{width:auto}
.grid figure{width:48%}
.grid figure h3{font-size:1.3em}
.main_process{width:46%}
footer{padding:2em 0}
footer p{float:none; width:auto}
footer ul{text-align:center; padding:2em 0}
footer address{float:none; width:auto; text-align:center}
.lang span{width:50%; float:left}
.lang span:first-child a{background:#191649}
.lang span a{display:block; background:#e73e24; color:#fff; padding:1em 0}


/* 서브 */
.sub_head{height:200px}
.zoom{animation:none}
#DB_navi39 ul { width: 100%; margin: 0 auto; display: flex; }

.sticky-wrapper{height:80px !important}
.sub_head h2{font-size:1em; padding:3em 0}
.sub_head h2 span{font-size:1.5em; font-family: 'Roboto', 'Noto Sans KR', sans-serif}
.sub_tit h3{font-size:2em}
.table_warp{overflow:scroll}
h4{font-size:1.5em}
/* 회사소개 */
.company_list{flex-direction: column;}
.company_address{width:auto; display:block}
/* 회사연혁 */
.history h4{font-size:4em; background:none}
.history h4 p{margin:0 auto}
.history ul li.left{padding-right:18px}
.history ul li.right{padding-left:18px}
.history ul li span{padding:1em 0 0 0}

/* 사업장소개 */
.li7 li{width:30%; margin:0 5px 5px 0}
.half{float:none; width:auto}

/* 비즈니스 */
.business p{float:none; width:auto}
.business dl{float:none; width:auto; padding:1em}
.business2 ul li{width:auto}

/* 프로세스 */
.process_con{float:none; width:auto}
.process_img{float:none; width:auto}
.photo_list li{width:auto; margin:1%}

/* 인증서 */
.pic{width:46%}
.pic img{width:90%}

/* 연구소 */
.rnd{background-size:cover}
.sub_bg{height:400px}

/* 품질검증 */
.imgtxt dt,
.imgtxt dd{float:none; width:auto}

.mb30 br,
s_tit br{display:none}
}