@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, select,
time, mark, audio, video, textarea, input, button{font-family: 'Noto Sans KR', sans-serif }

@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');}

.admin_top{background:#353535; position:absolute; top:0; left:0; width:100%;}
.admin_top > .inner{max-width:1200px; margin:0 auto; color:#fff;}
.admin_top ul{font-size:0; text-align:right; border-right:1px solid #777;}
.admin_top ul li{font-size:14px; display:inline-block; zoom:1; *display:inline; border-left:1px solid #777;}
.admin_top a{display:block; padding:5px 10px; color:#ddd; }

/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0;}
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c; font-size:12px; background-color:#fff; }
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle; }
a{text-decoration:none; color:#5c5c5c; transition-duration:0.3s;}

header{height:120px;}
/* 20200714 header > div 에서 .gnb로 교체 (익스 관리자 헤더 오류 수정) */
.gnb{max-width:1200px; margin:0 auto; overflow:hidden;}
#hd_top {max-width: initial !important;}
.gnb{margin:0 auto; overflow:hidden;}
.logo{float:left; padding-top:30px;}
.logo > a {display:block;height: 100%;font-size:0;}
.top_nav{float:right; font-size:0;}
.top_nav li{display:inline-block; zoom:1; *display:inline; margin-left:40px;}
.top_nav li:first-child{margin-left:0;}
.top_nav li a{display:inline-block; width:105px;font-size:17px; color:#111; font-weight:350; display:block; height:100px; line-height:100px;text-align:center;}
.top_nav li:hover a, .top_nav li.active a, .top_nav li a.active{color:#e63b2e; font-weight:600;}
.header_link_wrap {border-bottom:1px solid #ddd;}
.link_wrapper {max-width:1200px;margin:0 auto;text-align:right;}
.hicon_shortcut {display:inline-block;background:#d00000;color:#fff;font-size:14px;line-height:30px;padding: 0 10px;box-sizing:border-box;margin-right:20px;}
.camera{position:relative;}
.camera li{height:758px;}
.camera li > div{width:1200px; margin:0 auto;}
.camera img{position:absolute; left:50%; margin-left:105px; top:115px; animation-delay: 1.3s;}
.camera video{position:absolute;
    /* width:100%; height:auto;  */
    top:0; left:50%; top:50%;  transform: translate(-50%, -50%); height: auto; width: 150%;}

.vi_back1{position:absolute; top:0; left:0; width:100% !important; height:100%; z-index:-1; transform: scale(1.1); }
.vi_back1.on{transform: scale(1); transition: all 7s ease;}
.visual1 p{color:#fff; font-size:30px; font-weight:300; line-height:30px;}
.visual1 h3{color:#fff; font-size:66px; font-weight:600; line-height:66px; margin-top:20px; animation-delay: 0.5s;}
.visual1 a{color:#fff; display:block; font-size:14px; font-weight:500; margin-top:80px; position:relative; overflow:hidden; width:137px; background:#e63b2e;     animation-delay: 1.0s;}
.visual1 a > div{position:relative;z-index:2; padding:0 13px; height:44px; line-height:44px; background:url('../images/visual_a_arrow.png') right 13px center no-repeat;}
.visual1 a:before, .visual1 a:after {position: absolute; top: 50%; content: ''; width: 15px; height: 15px; background-color: #252525; border-radius: 50%;}
.visual1 a:before {left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.visual1 a:after {right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);}
.visual1 a:hover:before {-webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}
.visual1 a:hover:after {-webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}
.visual_txt_box{padding-top:283px;padding-left: 70px;}

.vi_txt1, .visual_img1{opacity:0;}
@-webkit-keyframes criss-cross-left {
  0% {left: -20px;}
  50% {left: 50%; width: 20px; height: 20px;}
  100% {left: 50%; width: 375px; height: 375px;}
}

@keyframes criss-cross-left {
  0% {left: -20px;}
  50% {left: 50%; width: 20px; height: 20px;}
  100% {left: 50%; width: 375px; height: 375px;  }
}
@-webkit-keyframes criss-cross-right {
  0% {right: -20px;}
  50% {right: 50%; width: 20px; height: 20px;}
  100% {right: 50%; width: 375px; height: 375px;  }
}
@keyframes criss-cross-right {
  0% {right: -20px;}
  50% {right: 50%; width: 20px; height: 20px;}
  100% {right: 50%; width: 375px; height: 375px;}
}

.camera .bx-wrapper{position:relative;}
.camera .bx-wrapper .bx-controls-direction a {width:50px; height:50px;margin-top:-25px; position:absolute; top:50%; text-indent: -9999px;z-index: 10005;}
.camera .bx-wrapper .bx-controls-direction a.disabled {}
.bx-default-pager, .bx-controls-auto{display:inline-block; vertical-align:middle;}
.camera .bx-wrapper .bx-controls-auto a{display:inline-block; zoom:1; *display:inline; width:15px; height:15px; font-size:0;}
.camera .bx-wrapper .bx-controls-auto .bx-start{background:url('../images/play.png') center no-repeat;}
.camera .bx-wrapper .bx-controls-auto .bx-stop{background:url('../images/stop.png') center no-repeat;}
.camera .bx-wrapper .bx-controls-auto a.active{display:none;}
.camera .bx-wrapper .bx-pager .bx-pager-item, .camera .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}
.camera .bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block;margin-right:9px;  box-sizing:border-box; border:1px solid #fff; border-radius:50%;width:15px; height:15px;}
.camera .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
.bx-has-pager{ position: absolute; left:50%; top:230px; text-align: center; display:block; z-index:10002; font-size:0; margin-left:-595px;display: none; }
.camera_scroll{width:80px; height:80px; box-sizing:border-box; border:2px solid #e63b2e; text-align:center; color:#e63b2e; font-size:13px; font-weight:500; position:absolute; left:50%; bottom:-40px; margin-left:-40px; z-index:100; line-height:13px; padding-top:54px;}
.camera_scroll img{ position:absolute; left:50%; margin-left:-2px; top:50%; margin-top:-10px;}

.carousel-image {max-width: 265px; }
.carousel-feature {height: auto !important;}


.main_section > div{max-width:1200px; margin:0 auto;}
.main_product_wrap{padding-top:145px; padding-bottom:145px;overflow:hidden;}
.main_product_wrap h2{color:#111; font-size:45px; font-weight:600; line-height:45px;}
.main_product_wrap p{font-size:18px; color:#777; margin-top:20px; font-weight:350;}
.main_product_wrap{display:table;}
.main_product_wrap > div{display:table-cell; vertical-align:middle;}
.main_product_list{font-size:0; margin:0 -30px; padding-right:95px;}
.main_product_list li{display:inline-block; zoom:1; *display:inline; padding-top:5px; position:relative; margin:0 30px; margin-top:40px;}
.main_product_list li:before{display:block; content:''; width:5px; height:5px; background:#fff; position:absolute; top:0; left:50%; margin-left:-2px; transition-duration:0.3s;}
.main_product_list li.on:before, .main_product_list li:hover:before{background:#e63b2e;}
.main_product_list a{display:block; width:95px; height:95px;}
.main_product_list li:nth-child(1) a{background:url('../images/product_icon1.gif') center center no-repeat;}
.main_product_list li:nth-child(2) a{background:url('../images/product_icon2.gif') center center no-repeat;}
.main_product_list li:nth-child(3) a{background:url('../images/product_icon3.gif') center center no-repeat;}
.main_product_list li:nth-child(4) a{background:url('../images/product_icon4.gif') center center no-repeat;}
.main_product_list li:nth-child(5) a{background:url('../images/product_icon5.gif') center center no-repeat;}
.main_product_list li:nth-child(6) a{background:url('../images/product_icon6.gif') center center no-repeat;}
.main_product_img_wrap{position:relative; animation-delay: 0.5s; opacity:0;}
.main_product_img_wrap:before{display:block; content:''; position:absolute; top:-56px; right:-56px; bottom:-56px; width:263px; background:#f6f6f6; z-index:-1;}
.tab_cont {display:none;}
.tab_cont.on {display:block;}
.main_product_list_wrap{opacity:0;}
.main_product_list_wrap.on, .main_product_img_wrap.on{opacity:1;}

.main_business_wrap{background:url('../images/business_area.jpg') center top no-repeat; background-attachment: fixed; padding:85px 0 120px;}
.main_business_wrap h2, .main_business_wrap p{color:#fff; text-align:center;}
.main_business_wrap h2{font-size:45px; line-height:45px;}
.main_business_wrap p{font-size:18px; margin-top:20px;}
.bus_img{width:110px; height:110px; margin:0 auto;}
.business_list{font-size:0; border-top:1px solid #5a5a5c; border-right:1px solid #5a5a5c; margin-top:50px; display:table; width:100%; opacity:1;}
.business_list.on{opacity:1;}
.business_list li{width:25%; display:table-cell; border-left:1px solid #5a5a5c; border-bottom:1px solid #5a5a5c; cursor:pointer; padding:50px 0 60px; position:relative;}
.bus_num{ font-size:16px; color:#fff; font-weight:600; text-align:center;}
.bus_num:after{background:#aeaeae; width:32px; height:3px; display:block; content:''; margin:0 auto; margin-top:3px;}
.bus_cont{color:#fff; font-size:22px; line-height:30px; font-weight:500; text-align:center;}
.business_list li:nth-child(1) .bus_img{background:url('../images/biness_icon.png') 0 0 no-repeat;}
.business_list li:nth-child(2) .bus_img{background:url('../images/biness_icon.png') -110px 0 no-repeat;}
.business_list li:nth-child(3) .bus_img{background:url('../images/biness_icon.png') -220px 0 no-repeat;}
.business_list li:nth-child(4) .bus_img{background:url('../images/biness_icon.png') -330px 0 no-repeat;}
.business_list li:nth-child(4) .bus_cont{padding-top:14px;}
.business_a{display:block; position:absolute; opacity:0; left:-20px; right:-20px; top:-100px; z-index:2;}
.business_a > div{position:absolute; top:0; text-align:center; font-size:22px; line-height:30px; font-weight:500; color:#fff; display:table; width:100%; height:100%;}
.business_a > div > div{display:table-cell; vertical-align:middle;}
.business_a > div img{display:block; margin:20px auto 0;}
.business_list li:hover .business_a{top:-27px; opacity:1;}
.business_list li:nth-child(1) .bus_img.on{background:url('../images/biness_icon.png') 0 -110px no-repeat;}
.business_list li:nth-child(2) .bus_img.on{background:url('../images/biness_icon.png') -110px -110px no-repeat;}
.business_list li:nth-child(3) .bus_img.on{background:url('../images/biness_icon.png') -220px -110px no-repeat;}
.business_list li:nth-child(4) .bus_img.on{background:url('../images/biness_icon.png') -330px -110px no-repeat;}

.customer_wrap{padding-top:100px;}
.customer_wrap h2{color:#111; text-align:center;}
.customer_wrap p{color:#777; text-align:center;}
.customer_wrap h2{font-size:45px; line-height:45px;}
.customer_wrap p{font-size:18px; margin-top:20px;}
.main_inquiry{position:relative;}
.main_inquiry:before{position:absolute; left:0; right:0;  content:''; display:block; background:#f5f5f5; height:334px; bottom:0; z-index:-1;}
.main_inquiry_wrap{padding-top:125px; padding-bottom:73px;}
.main_inquiry_txt{position:relative;}
.main_inquiry_txt img{display:block; right:80px; bottom:-73px; position:absolute;}
.main_inquiry_txt span{color:#e63b2e; font-weight:500; font-size:16px;}
.main_inquiry_txt p{font-weight:350; color:#555; font-size:35px; line-height:42px; margin-top:17px; text-align:left;}
.main_inquiry_txt a{display:block; overflow:hidden; width:137px; box-sizing:border-box;  position:relative; margin-top:37px;border:1px solid #e63b2e;color:#e63b2e ;}
.main_inquiry_txt a > div{font-size:14px; padding:0 15px;height:44px; line-height:44px; position:relative; z-index:2; background:url('../images/inq_arrow.png') right 15px center no-repeat;}
.main_inquiry_txt a:before, .main_inquiry_txt a:after {position: absolute; top: 50%; content: ''; width: 15px; height: 15px; background-color: #252525; border-radius: 50%;}
.main_inquiry_txt a:before {left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.main_inquiry_txt a:after {right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);}
.main_inquiry_txt a:hover{border:1px solid #252525; color:#fff;}
.main_inquiry_txt a:hover > div{ background:url('../images/inq_arrow_on.png') right 15px center no-repeat; transition-duration:0.8s;}
.main_inquiry_txt a:hover:before {-webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}
.main_inquiry_txt a:hover:after {-webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}

.notice_wrap{padding-top:90px; padding-bottom:120px;}
.notice_title{position:relative;}
.notice_title h3{font-size:28px; font-weight:600; line-height:28px; color:#454545;}
.notice_title a {display:block; position:absolute; right:0; top:0; font-size:16px; font-weight:600; color:#aaa;padding-right:21px;transition:all 1s;}
.notice_title a img {display:inline-block; margin-left:2px; transition:all 2s;position:absolute; right:0; top:5px;}
.notice_title a img.more_on {opacity:0;}
.notice_title a:hover img {transform:rotate(540deg);}
.notice_title a:hover img.more_on {opacity:1;}
.notice_title a:hover img.more_off {opacity:0;}
.notice_title a:hover {color:#e63b2e;}

.main_notice_wrap{margin-top:20px;}
.main_notice_wrap ul{border-top:2px solid #454545;}
.main_notice_wrap ul li{border-bottom:1px solid #ededed}
.main_notice_wrap li a{display:block; position:relative; padding-left:180px; padding-right:120px; height:117px; line-height:117px;}
.main_notice_wrap li a> div{transition-duration:0.3s;}
.notice_num, .notice_arrow{position:absolute; }
.notice_num{left:30px;line-height:normal; text-align:center; font-size:46px; font-weight:600; color:#999; line-height:32px; display:table; height:100%; padding-bottom:13px;}
.notice_num > div{display:table-cell; vertical-align:middle;}
.notice_title{font-size:24px; color:#555; font-weight:300;}
.notice_arrow{right:30px; width:57px; height:7px; background:url('../images/notice_arrow.png') right center no-repeat; top:50%; margin-top:-3px;}
.notice_num span{display:block; font-weight:350; font-size:15px;}
.main_notice_wrap li a:hover .notice_num{color:#e63b2e;}
.main_notice_wrap li a:hover .notice_arrow{background:url('../images/notice_arrow.png') left center no-repeat;}
.main_inquiry_txt img{ animation-delay: 1s;}

footer{background:#111;}
footer > div{width:1200px; margin:0 auto; padding:50px 0 50px;}
.footer_menu ul{font-size:0;}
.footer_menu li{display:inline-block; zoom:1; *display:inline; position:relative; line-height:14px; padding-left:12px; margin-left:10px;}
.footer_menu li:before{display:block; content:''; position:absolute; width:2px; height:2px; background:#a7a7a7; left:0; top:6px;}
.footer_menu li:first-child:before{display:none;}
.footer_menu li:first-child{margin-left:0; padding-left:0;}
.footer_menu li a{font-size:14px; color:#a7a7a7;}
.footer_menu li a strong{font-weight:350; color:#fff;}

.footer_info{color:#535353; position:relative;}
.footer_info ul{font-size:0; line-height:18px; margin-top:25px;}
.footer_info li{display:inline-block; zoom:1; *display:inline; font-size:14px; font-weight:400; padding-left:8px; position:relative; margin-right:20px;}
.footer_info li:before{position:absolute; display:block; content:''; width:2px; height:2px; background:#535353; left:0; top:7px;}
.footer_info li:last-child{display:block;}
.f_logo{position:absolute; bottom:0; right:0;}
.copy{margin-top:15px; font-size:13px;}
.inq_quick{position:absolute; top:858px;; right:0; z-index:99;height: 180px;}
.inq_quick a{writing-mode:tb-rl; display:block;color:#fff; width:62px; text-align:center; line-height:62px; font-size:15px; font-weight:500; letter-spacing:1px; overflow:hidden; position:relative; background:#e63b2e;}
.inq_quick a div{position:relative; z-index:2; background:url('../images/quick_symbol.png') center top 20px no-repeat;  padding-top:70px; padding-bottom:20px;}
.inq_quick a:before, .inq_quick a:after{position: absolute; top: 50%; content: ''; width: 15px; height: 15px; background-color: #252525; border-radius: 50%;}
.inq_quick a:before{left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.inq_quick a:after{right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);}
.inq_quick a:hover:before {-webkit-animation: criss-cross-left 0.8s both; animation: criss-cross-left 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}
.inq_quick a:hover:after {-webkit-animation: criss-cross-right 0.8s both; animation: criss-cross-right 0.8s both; -webkit-animation-direction: alternate; animation-direction: alternate;}
.inq_quick.on{position:fixed; top:0;}

.top_quick{position:fixed; left:50%; margin-left:700px; bottom:50px; z-index:100; opacity:0; transition-duration:0.3s;}
.top_quick.on{opacity:1;}
.top_quick.footer_fixed{bottom:300px;}

.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt110{margin-top:110px}
.mt120{margin-top:120px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pt110{padding-top:110px}
.pt120{padding-top:120px}



/* =================================================== */

.camera_scroll {transition:all 1s;animation:bouncetop 2.5s ease-in-out;  animation-iteration-count:infinite;}
@keyframes bouncetop {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	}
	100% {
	-webkit-transform: translateY(0);
	}
}
.tab_cont0 {overflow:hidden;}
.tab_cont0 img {display:block;transition:all 5s;animation:zoomimg1 25s ease-in-out;  animation-iteration-count:infinite;transform: translateY(0);transform:perspective(500px) rotate(.001deg);}
@keyframes zoomimg1 {
	0% {
	-webkit-transform: scale(1);
	transform: scale(1);
	}
	50% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	}
	100% {
	-webkit-transform: scale(1);
	transform: scale(1);
	}
}

.wrap_header {position:absolute; display:none; top:120px; left:0; width:100%; z-index:99999; border-top:solid 1px #ededed;background:#fff url('../images/full_back.jpg') no-repeat left top; box-sizing:border-box;}
.dep_full {display:inline-block; top:0; vertical-align:top; width:125px; height:100%;margin-left:20px; padding:25px 0;}
.dep_full li{text-align:center;padding-bottom:22px;}
.dep_full li:last-child{padding-bottom:0;}
.dep_full li > a {padding-left:0; font-size:16px; color:#555555; display:inline-block; width:100%;}
.dep_full li > a:hover{color:#e63b2e; text-decoration:underline;}
.dep_full li > a.on{color:#e63b2e;}

.gnb_inner {max-width:1200px; margin:0 auto;text-align:right;font-size:0;padding-left:20px;}


.main_certi {height:820px;position:relative;background:url('../images/main_certi_back.jpg') no-repeat center bottom;}
.hicon_txt {position:absolute; left:50%;top:120px; z-index:-1;margin-left:-219px;}


.cer_slider_inner {max-width:1200px; margin:0 auto;padding-top:300px;}
.imgBx img {display:block;}


.swiper-container-3d .swiper-slide-shadow-right {background-image: linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,0)) !important;}
.swiper-button-prev {width:80px !important;height:80px !important; background:rgba(0,0,0,0.5) url('../images/slider_left.png') no-repeat center !important;display:inline-block;border-radius:50%;}
.swiper-button-next {width:80px !important;height:80px !important; background:rgba(0,0,0,0.5) url('../images/slider_right.png') no-repeat center !important;display:inline-block;border-radius:50%;}


.swiper-slide .imgBx {
  width: 265px;
  height: 300px;
  overflow: hidden;
}
.swiper-slide .imgBx img {
  width: 100%;
  height: 100%;
}
.swiper-slide .details {
  box-sizing: border-box;
  font-size: 20px;
  padding: 20px;
}
.swiper-slide .details h3 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}
.swiper-slide .details h3 span {
  font-size: 16px;
  color: #f44336;
}

.swiper-container-3d {width:600px !important;}

.cer_sliderbox {max-width:600px;margin:0 auto;position:relative;padding-top:285px;}
.cer_sliderbox p{font-size:17px; text-align:center; padding-top:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#carousel-left {left:-180px !important;bottom:-233px;}
#carousel-left span {display:inline-block;width:80px;height:80px;background:rgba(0,0,0,0.25) url('../images/slider_left.png') no-repeat center;border-radius:50%;transition:all .5s;}
#carousel-right {right:-180px !important;bottom:-233px;}
#carousel-right span {display:inline-block;width:80px;height:80px;background:rgba(0,0,0,0.25) url('../images/slider_right.png') no-repeat center;border-radius:50%;transition:all .5s;}
#carousel-left span:hover {background:rgba(0,0,0,0.5) url('../images/slider_left.png') no-repeat center;}
#carousel-right span:hover {background:rgba(0,0,0,0.5) url('../images/slider_right.png') no-repeat center;}

.carousel-feature {box-shadow:10px 10px 15px #ccc;}
.main_certi > h2 {font-size:45px; color:#111111;text-align:center;position:absolute; left:0;top:127px;width:100%;letter-spacing:-2px;}
.main_certi > h2 img {vertical-align:middle;margin-top:-10px;}
.tracker-summation-container {display:none;}
.tracker-individual-container {position:absolute;bottom:-485px !important;border:none !important;left:0 !important; width:100%;text-align:center;}
.tracker-individual-container .tracker-individual-blip {width:14px !important;height:14px !important;border:solid 1px #222222 !important;border-radius:50%;box-sizing:border-box;}

.tracker-individual-blip-selected {background:#222 !important;}
.tracker-individual-container li {float:inherit !important;display:inline-block;}


.quick_guide {text-align:center;background-color:#393f4b;font-size:13px; color:#fff;padding:13px 0;line-height:18px;cursor:pointer;}

.guide_hidden {position:relative;z-index:1;opacity:1;transition:all 0.3s;}
.guide_hidden.off {opacity:0; z-index:-1;}

.guide_hidden > div {display:inline-block;width:375px;font-size:14px; color:#5e6d8a;padding:10px;border:solid 1px #dfe2e7; border-radius:5px;position:absolute;left:-395px; top:-62px;background-color:#eff1f5;box-sizing:border-box;}
.guide_hidden > div:after {content:'';display:inline-block; width:6px;height:12px; background:url('../images/guide_img.png') no-repeat center;position:absolute; right:-6px; top:50%; margin-top:-6px;}
.guide_close {border:none;background:none;position:absolute;left:-32px; top:-82px;cursor:pointer;}
.guide_close:focus {outline:none;}



/* 20200630 */
.purpose_wrap {margin-top: 20px;background:#f6f6f6;padding: 30px;box-sizing: border-box;margin-bottom: 30px;}
.purpose_wrap > p {font-size: 18px; margin-bottom:20px;}
.purpose_box {height: 220px;overflow-y:scroll;border: 1px solid #e2e2e2;}
.purpose {background: #fff; padding: 35px; box-sizing:border-box;}
.purpose p {font-size: 14px; color: #999;}
.accept {margin-top: 15px;font-size: 12px;color:#5c5c5c;}
.accept > input {vertical-align: middle;}
.accept > label {vertical-align: middle;}
/* //20200630 */

/* 20200630 비밀번호 */
.password_form {padding: 70px 100px; box-sizing: border-box; background: #f6f6f6;}
.pass_tit {text-align: center;padding-bottom:30px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
.pass_tit h3 {font-size: 28px; font-weight: 600; color:#222; line-height: 1;margin-top: 23px;margin-bottom: 20px;}
.pass_tit p {font-size: 14px;font-weight: 350;color:#777;line-height:22px;color:#777;}
.pass_wrap {padding-top: 30px; box-sizing: border-box;text-align: center;}
.pass_wrap input[type="password"]{padding-left: 20px;padding-right: 20px;width: 250px;height:45px;border: 1px solid #ddd;vertical-align: middle;box-sizing: border-box;}
.pass_wrap button {background: #e73b2f;width: 80px;height:45px;vertical-align: middle;border:0;color:#fff;}
/* //20200630 비밀번호 */






/* 모바일메뉴 */
.all_menu2_con {padding:20px 30px;}
.nav_btn{display:none; position:absolute; right:0; top:30px; width:72px;height:72px;z-index:999;}
.nav_btn a {display:inline-block;width:100%;height:100%;background:#e63b2e url('../images/mob_btn.png') no-repeat center;}
.all_menu2 > a {color:#333; font-size:15px; font-weight:600;}
.all_menu2 .all_menu2_con a {display:block; text-decoration:none;}
.all_menu2 .all_menu2_con > li > a {padding:22px 20px; color:#333333; font-size:24px; font-weight:400; border-bottom:1px solid #dddddd; background:#fff}
.all_menu2 .all_menu2_con > li > a.on {background-color:#f1f5f6; color: #e63b2e;}

.all_menu2 {position:absolute; z-index:99999; display:none; background:rgba(0,0,0,0.5);width:100%;height:0;left:0; top:0;}
#scroller > div {position:fixed; top:0; left:0;  width:100%; height:auto; background:#fff; z-index:99999;}
#mask {position:fixed; background:rgba(0,0,0,0.5); display:none; right:0; top:0px; z-index:999; width:100%; height:100%;}
.menu_sub{background:#fff;padding:22px 0;border-bottom:solid 1px #dddddd;}
.all_menu2 .menu_sub li {}
.all_menu2 .menu_sub > li > a {position:relative; padding:6px 35px; font-size:22px; color:#777777;}
.all_menu2 .menu_sub > li > a:after {content:''; display:inline-block; width:6px; height:6px; background-color:#bbbbbb; position:absolute; left:20px; top:50%; margin-top:-3px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#383838;}
.all_menu2 .menu_sub li ul li a{padding:7px 5px 8px 40px; font-size:11px; color:#cccbcb; border-bottom:1px solid #343434;}
.all_menu2 .btn_nav2.close{display:block; position:absolute; right:3%; top:11px;}

.ham_top {position:relative;background-color:#3d4b56;padding:14px 25px;}
.ham_top span {font-size:26px; color:#ffffff;}
.ham_top button {position:absolute; right:15px; top:50%; margin-top:-16px;}
.ham_top button img {display:block;}
.web_br {display:block;}
.more_mob {display:none;}
.mob_quick {display:none;}
.f_logom {display:none;}
.crown {display:none;}

.company_first_p{margin-top:40px;}

.mob_close {width:30px;height:30px;background:url('../images/mob_close.png')no-repeat;border:0;outline:0;background-position:center;}


/* 20200714 */
.cke_sc {display: none;}
/* //20200714 */










@media screen and (max-width: 1260px){
    header > div {padding: 0 40px;box-sizing: border-box;}
    .bx-has-pager {left: 70px; margin-left: inherit;}
    .main_inquiry:before {width: 100%;}
    .main_section {padding-left:28px;padding-right:40px; }
    .business_a {left: 0px;right:0;overflow:hidden;}
    .business_a > img  {min-width: 100%;min-height:100%;}
    .main_inquiry_txt p {font-size: 25px;line-height: 32px;}
    footer > div {max-width: 1200px;width:auto;padding-left:40px;padding-right:40px;box-sizing: border-box;}
}
@media screen and (max-width: 1024px){

    .ham_top span {font-size: 22px;}
    .all_menu2 .all_menu2_con > li > a {font-size: 20px;padding: 17px 15px;box-sizing: border-box;}
    .all_menu2 .menu_sub > li > a {font-size: 18px;}
	.all_menu2 .menu_sub > li.on > a{color:#e63b2e;}
    .menu_sub {padding: 18px 0;}


    .inq_quick {display:none;}
    .bx-has-pager {top:140px; left: 8.5%; margin-left: inherit;}
	.hicon_shortcut {margin-right:0;}

    .top_nav {display:none;}
    .nav_btn {display:inline-block;}
    #header {height:102px;}
    .main_section > div {width:100%;}
    header > div{width:100%;}
    .camera li > div {width:100%;}
    .camera img {left: 40%; top: 215px;}
    .main_section > div{width:100%;}
    footer > div{width:100%;}
    .logo {padding:18px 30px;}
    .visual_txt_box {padding:180px 8%;}
    .visual1 a {width:185px;font-size:18px;margin-top:65px;}
    .visual1 a > div {height:60px;line-height:60px;padding:0 15px;}
    .visual1 p {font-size:28px;}
    .visual1 h3 {margin-top:15px;}
    .camera_scroll {display:none;}
    header > div {padding: 0;}
    #carousel-left {left: -80px !important;}
    #carousel-right {right: -80px !important;}
    #carousel-left span { width: 60px; height: 60px;}
    #carousel-right span {width: 60px; height: 60px;}
}


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



.web_br {display:inline-block;}
#carousel-left {left:0 !important;bottom:-233px;}
#carousel-right {right:0 !important;bottom:-233px;}
#carousel-left span {width:60px;height:60px;background-size:8px;}
#carousel-right span {width:60px;height:60px;background-size:8px;}

.carousel-feature {left:50% !important;margin-left:-132px;}
.business_list {padding:0 4%;box-sizing:border-box;border:none;}
.business_list li {display:inline-block;width:50%;box-sizing:border-box;}
.business_list li {border:solid 1px #5a5a5c;}
.main_business_wrap  {padding:90px 0 60px;}
.main_inquiry_wrap {padding:60px 8% 140px;background:#f5f5f5 url('../images/cus_backm.png') no-repeat 92% 80%;margin-top:30px;}
.main_inquiry_txt img {display:none;}
.main_inquiry:before {display:none;}
.main_inquiry_txt p {width:65%;word-break:keep-all;}
.main_inquiry_txt a {width:160px;}
.main_inquiry_txt a > div {height:48px;line-height:48px;font-size:16px;}
.main_inquiry_txt span {font-size:18px;}
.customer_wrap {padding-top:90px;}

.camera img {left: 40%; top: 265px; width: 40%;}

.notice_wrap {padding:90px 4%;}
.notice_title {text-align:center;}
.notice_title h3 {display:inline-block;font-size:45px;line-height:inherit;}
.notice_title a {position:static;display:inline-block;font-size:0;padding:0;vertical-align:middle;margin-top:-32px;margin-left:10px;}
.notice_title a img {position:static;}
.more_web {display:none !important;}
.more_mob {display:inline-block;}

.main_notice_wrap ul li {position:relative;border-bottom:solid 1px #ededed;padding:20px 0;}
.notice_num {display:inline-block;position:absolute;left:3%; bottom:0;font-size:15px;font-weight:400;height:auto;padding:0;}
.notice_num span {display:inline-block;}
.main_notice_wrap li a {padding:0 3%;line-height:inherit;height:auto;padding-bottom:40px;}
.notice_title {text-align:left;}
.notice_titlem {text-align:center;}

.main_notice_wrap li a:hover .notice_num {color:#999;}

.mob_quick {display:block; bottom:auto;left:auto;width:100%;z-index:9999; position:relative;}
.mob_quick.bott { bottom:auto;}

.mob_quick_txt {font-size:20px; color:#5e6d8a;text-align:center;padding:30px 0;overflow:hidden;transition:all 0.3s;background-color:#fff;border:solid 10px #eff1f5;display:none; position:absolute; left:0; right:0; bottom:46px;}
.mob_quick_txt.on {display:block;}

.mob_quick_btn {text-align:center; background-color:#e63b2e;padding:18px 0;cursor:pointer;}
.mob_quick_btn span {display:inline-block; background:url('../images/mob_quick_arr.png') no-repeat right center;padding-right:30px;font-size:20px; color:#ffecea;}


#footer {text-align:center;}
.f_logom {display:inline-block;position:static;margin-top:25px;}
.f_logow {display:none;}
.business_a > img {display:none;}
.business_a > div {display:none;}
.business_a {left:0; top:0; right:inherit; bottom:inherit; width:100%;height:100%;}
.business_list li {height:280px;vertical-align:top;}
.crown {display:inline-block; position:absolute; left:50%; top:34%;margin-left:-64px;}

.camera li {height:650px; background-size:cover !important;}
.visual1_1 {background:url('../images/visual_img1m.jpg') !important;}
.visual1_2 {background:url('../images/visual_img1m.jpg') !important;}

.main_business_wrap{background-attachment: inherit;}




}


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

.ham_top span {font-size: 20px;}
.all_menu2_con {padding: 20px 15px;}
.all_menu2 .all_menu2_con > li > a {font-size: 16px;padding: 10px 10px;box-sizing: border-box;}
.all_menu2 .menu_sub > li > a {font-size: 14px;}
.menu_sub {padding: 15px 0;}

.nav_btn {display:inline-block;}
.main_section {padding-left: 20px; padding-right: 20px;}
.nav_btn {width:50px;height:50px;}
.nav_btn a {background-size:18px;}
.hicon_txt {width:65%;margin-left:-32.5%;top:auto;bottom:78%;}
.main_certi > h2 {font-size:30px; top:56px;}
.cer_sliderbox {padding-top:200px;}
.crown {width:96px; top:28%;margin-left:-48px;}

.carousel-feature {width:154px !important;height:218px !important;top:-33px !important;margin-left:-77px;height: auto !important; }
.carousel-image {width:100% !important; height: auto !important; }
.main_certi {height:475px;}
.cer_sliderbox p {padding-top:10px; font-size:15px; line-height:20px;}

.main_certi {background:url('../images/main_certi_backm.jpg') no-repeat center bottom;background-size:100%;}
.bx-has-pager {left: 8%; top: 10vw; margin-left: inherit;}
.camera .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px;}
.camera img {width: 30vw; left: auto; right: 10%; top: 17vw;}
#carousel-left {left:12% !important;bottom:-105px;}
#carousel-right {right:12% !important;bottom:-105px;}
#carousel-left span {width:40px;height:40px;background-size:6px !important;}
#carousel-right span {width:40px;height:40px;background-size:6px !important;}
.tracker-individual-container {bottom:-260px !important;}
.tracker-individual-container .tracker-individual-blip {width:10px !important;height:10px !important;margin:0 4px !important;}
.main_certi > h2 img {width:12px;}
#header {height:80px;}
.logo img {width:90px;}
.logo {padding:13px 18px;}
.visual_txt_box {padding:13vw 8%;}
.visual1 p {font-size:3vw;}
.visual1 h3 {font-size:6vw;line-height:inherit;margin-top:-5px;}
.visual1 a {width:95px;font-size:11px;margin-top:4vw;}
.visual1 a > div {padding:0 7px; height:30px;line-height:30px;background-size:15px;}

.camera li {height:55vw;}
.main_business_wrap h2 {font-size:30px;line-height:inherit;}
.main_business_wrap p {text-align:center;font-size:15px;margin-top:10px;}
/* .cer_sliderbox p {display: none;} */
.main_business_wrap {padding:56px 0 42px;background-position:center;}
.business_list {margin-top:35px;}
.business_list li {height:215px;padding:36px 0;}
.bus_num {font-size:13px;}
.bus_num:after {width:18px;height:2px;}

.business_list li .bus_img {background-size:320px !important;}
.bus_img {width:80px;height:80px;margin-top:15px;}
.bus_cont {font-size:16px;line-height:inherit;}
.business_list li:nth-child(2) .bus_img {background-position:-83px 0;}
.business_list li:nth-child(3) .bus_img {background-position:-161px 0;}
.business_list li:nth-child(4) .bus_img {background-position:-240px 0;}
.business_list li:nth-child(4) .bus_cont {padding-top:0;}

.customer_wrap {padding-top:40px;}
.customer_wrap h2 {font-size:25px;line-height:inherit;}
.customer_wrap > div {text-align:center;}
.customer_wrap p {font-size:14px;}
.mob_br {display:block;}
.customer_wrap p {margin-top:10px;}
.main_inquiry_wrap {margin-top:25px;}
.main_inquiry_txt {text-align:left;}
.main_inquiry_txt span {font-size:14px;}

.main_inquiry_txt p {width:100%;font-size:20px;line-height:27px;margin-top:10px;}
.main_inquiry_wrap {background-size:200px;background-position:92% 87%;padding:38px 8% 120px;}

.main_inquiry_txt a {width:120px;margin-top:25px;}
.main_inquiry_txt a > div {height:36px;line-height:36px;font-size:12px;padding:0 10px;background-position:right 10px center;}
.notice_wrap {padding:40px 4%;}
.notice_title h3 {font-size:25px;line-height:inherit;}
.notice_title a img {width:12px;}
.notice_title a {margin-left:0;margin-top:-12px;}

.notice_title {font-size:15px;}
.notice_num {font-size:13px;line-height:inherit;}
.notice_num span {font-size:12px;font-weight:400;}
.main_notice_wrap li a {padding-bottom:18px;}
.main_notice_wrap ul li {padding:10px 0;}
.notice_arrow {right:3%;background-size:78px;width:30px;}
.main_notice_wrap li a:hover .notice_arrow {background-size:78px;}
footer > div {padding:32px 0;}
.f_logom {margin-bottom:-10px;width:70px;}
.mob_quick_btn span {font-size:15px;background-size:11px;padding-right:18px;}
.mob_quick_btn {padding:12px 0;}
.mob_quick_txt.on {padding:25px 0;border:solid 8px #eff1f5;height:auto;font-size:14px;}

.footer_info li {padding-left:0;font-size: 13px;margin-right:10px;}
.footer_info li:before {display: none;}
.footer_menu li a {font-size: 13px;}
.f_logom{margin-top: 15px;}

.top_quick.on {right:10px; left:auto; margin-left:0;}

}

@media screen and (max-width: 430px){
    .main_inquiry_wrap {background-size: 120px;}
    .main_inquiry_txt p {font-size: 20px;line-height: 27px;}
    /* .visual1 h3 {font-size: 32px;} */
    /* .camera img {width: 190px; left: auto; right: 10%; top: 185px;} */
    #carousel-left {left:7% !important;bottom:-105px;}
    #carousel-right {right:7% !important;bottom:-105px;}


}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}