.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555;  word-break:keep-all}


@media screen and (max-width: 640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
}



/*헤드메뉴*/
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 72px;
  background: #fff;
  border-bottom: 1px solid #E6ECF3;
  box-shadow: none;
  z-index: 1000;
}

.scrolled #header {
  box-shadow: 0 8px 24px rgba(7, 27, 66, 0.08);
}

#header .header-inner {
  max-width: 1180px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

#header #logo {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

#header #logo a {
  height: 100%;
  display: flex;
  align-items: center;
}

#header #logo img {
  display: block;
  width: auto;
  height: 60px;
}

#header .gnb {
  position: static;
  display: flex;
  align-items: center;
  height: 100%;
  list-style: none;
}

#header .gnb > li {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 18px;
  text-align: center;
}

#header .gnb > li > a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: #1F2937;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-decoration: none;
  white-space: nowrap;
}

#header .gnb > li.lm > a:hover {
  color: #0B2345;
}

#header .gnb > li.lm > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #0B2345;
  opacity: 0;
  transform: scaleX(.35);
  transition: .2s ease;
}

#header .gnb > li.lm:hover > a:after {
  opacity: 1;
  transform: scaleX(1);
}

#header .gnb .join,
#header .gnb .login {
  display: none;
}

#header .gnb .snb,
.device-md #header .gnb .snb {
  display: none;
  position: absolute;
  top: 72px;
  left: 50%;
  width: 180px;
  padding: 10px 0;
  background: #fff;
  border: 1px solid #E4EAF2;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 18px 38px rgba(7, 28, 66, 0.12);
  transform: translateX(-50%);
  z-index: 20;
}

#header .gnb .snb li {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

#header .gnb .snb li a {
  position: relative;
  display: block;
  padding: 13px 20px;
  color: #243044;
  font-weight: 500;
  background: #fff;
  text-decoration: none;
  transition: all .2s ease;
}

#header .gnb .snb li a:hover {
  color: #0B2345;
  background: #F4F8FC;
}

#header .gnb .snb li a:hover:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 22px;
  background: #2B6CB8;
  transform: translateY(-50%);
}

#header .gnb .snb li + li a {
  border-top: 1px solid #EEF2F7;
}

#header .header-inner .menu {
  display: none;
}

#open-button {
  display: none;
}
/*헤드메뉴*/






/*오른쪽 퀵메뉴*/
.right_quick {
  position: absolute;
  right: 0;
  top: -60px;
  z-index: 2;
}

.right_quick.fixed {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 100;
}

.right_quick ul.quick_info {
  position: relative;
}

.dnt-right-quick.fixed {
  right: 16px;
  top: 54%;
  transform: translateY(-50%);
}

.dnt-right-quick ul.quick_info {
  width: 82px;
  height: auto;
  background: #fff;
  border: 1px solid #E3EAF4;
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(7, 27, 66, 0.14);
  overflow: hidden;
}

.dnt-right-quick ul.quick_info li {
  position: static;
  height: auto;
}

.dnt-right-quick ul.quick_info li a {
  width: 82px;
  height: 82px;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-bottom: 1px solid #E9EEF5;
  color: #243044;
  text-align: center;
  text-decoration: none;
}

.dnt-right-quick ul.quick_info li:last-child a {
  border-bottom: 0;
}

.dnt-right-quick ul.quick_info li i.ico {
  position: static;
  margin-bottom: 7px;
}

.dnt-right-quick ul.quick_info li i,
.dnt-right-quick ul.quick_info li i.ico i {
  color: #0B2345;
  font-size: 22px;
  line-height: 1;
}

.dnt-right-quick ul.quick_info li:first-child i,
.dnt-right-quick ul.quick_info li:first-child i.ico i {
  color: #F3B500;
}

.dnt-right-quick ul.quick_info li a span {
  position: static;
  display: block;
  height: auto;
  margin-top: 0;
  color: #243044;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.04em;
  opacity: 1;
  text-align: center;
}

.dnt-right-quick ul.quick_info li a:hover {
  background: #F4F8FC;
}
/*오른쪽 퀵메뉴*/





/*모바일 오른쪽 메뉴*/
#right-side {
  position: fixed;
  top: 0;
  right: -360px;
  max-width: 340px;
  width: 86%;
  height: 100%;
  padding: 26px 22px;
  background: #F4F8FC;
  color: #243044;
  border-left: 1px solid #D8E3EF;
  box-shadow: -16px 0 40px rgba(11, 35, 69, 0.14);
  box-sizing: border-box;
  overflow: auto;
  z-index: 1050;
  transition: right .3s ease;
}

.right-side-on #right-side {
  right: 0;
}

.right-side-on #wrapper,
.right-side-on #header {
  left: 0;
}

.right-side-on #rs-overlay {
  display: block;
}

.quick_menu {
  width: 100%;
  margin: auto;
  padding-top: 52px;
}

.quick_menu ul {
  text-align: left;
}

.quick_menu li {
  display: inline-block;
  width: auto;
  margin: 0 8px 8px 0;
  border-right: 0;
}

.quick_menu li a {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #D8E3EF;
  border-radius: 999px;
  background: #fff;
  color: #1B3A6B;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: center;
  text-decoration: none;
}

.side_gnb {
  position: relative;
  width: 100%;
  float: left;
  padding-top: 16px;
}

.side_gnb .menu-list {
  display: block;
  position: relative;
  margin-top: 10px;
  border-bottom: 1px solid #D8E3EF;
}

.side_gnb .menu-list > li > a {
  display: block;
  position: relative;
  padding: 0 10px;
  border-top: 1px solid #D8E3EF;
  color: #0B2345;
  font-size: 17px;
  font-weight: 700;
  line-height: 3.5em;
  text-decoration: none;
}

.side_gnb .menu-list > li > a i {
  display: block;
  position: absolute;
  top: 50%;
  right: 1.5em;
  width: 10px;
  height: 10px;
  border: 1px solid #2B6CB8;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: translateY(-75%) rotate(135deg);
  transition: transform .3s ease;
}

.side_gnb .menu-list > li.on > a i {
  transform: translateY(-25%) rotate(315deg);
}

.side_gnb .depth-2 {
  display: none;
}

.side_gnb .depth-2 > li {
  background: #fff;
}

.side_gnb .depth-2 > li > a {
  display: block;
  padding: 0 14px 0 22px;
  border-bottom: 1px solid #EEF3F8;
  color: #5F6B7A;
  font-size: 15px;
  line-height: 3.1em;
  text-decoration: none;
}
/*모바일 오른쪽 메뉴*/






/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .jarallax { min-height: 900px;}
.main-carousel .img01 { background-image:url(../img/main_banner_img01.jpg);}
.main-carousel .img02 { background-image:url(../img/main_banner_img02.jpg);}
.main-carousel .img03 { background-image:url(../img/main_banner_img03.jpg);}
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.main-carousel .li .copy_area h1{font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-bottom:20px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h2{font-size:62px;font-weight:100; line-height:1.3; letter-spacing:-5px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h3{font-size:18px;font-weight:500;text-align:center;margin:10px 0 0; padding:0 20px; word-break:keep-all; color:#fff; opacity:0.8; letter-spacing:-1px}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width: 640px) {
	.main-carousel .li { height:100vh}
	.main-carousel .jarallax { min-height: 100vh;}
    .main-carousel .img01 { }
	.main-carousel .img02 { }
	.main-carousel .img03 { }
	.main-carousel .li .copy_area h2 {font-size: 36px; letter-spacing:-3px}
	.main-carousel .li .copy_area h3 { max-width:300px; margin:10px auto 0 auto; font-size: 15px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}
}
/*메인배너*/








/*사업영역*/
.tl_company_box_wrap{ width:100%; padding:150px 0px;}
.tl_company_box_wrap h2 {text-align:center; font-size:30px; color:#333}
.tl_company_box_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_company_box_wrap h2 span{ display:block; padding:20px 0; color:#555; font-size:16px; font-weight:400}
.tl_company_box_wrap ul {margin-top:30px; overflow:hidden}
.tl_company_box_wrap ul li{ width:20%; text-align:center; float:left; display:block}
.tl_company_box_wrap ul li .icon { display:inline-block; padding:30px}
.tl_company_box_wrap ul li .icon i { color:#666}
.tl_company_box_wrap ul li img {vertical-align:middle; transition:transform 500ms}
.tl_company_box_wrap ul li:hover i{transform:rotateY(180deg); transition:transform 500ms}
.tl_company_box_wrap ul li .box {border-right:1px  #eaeaea solid; padding:0 10px; display:block}

.tl_company_box_wrap ul li:nth-child(5n) .box {border-right:0px}

.tl_company_box_wrap ul li:last-child .box {border-right:0px}
.tl_company_box_wrap ul li dl dt {font-weight:bold; padding-bottom:15px; line-height:20px; color:#222; font-size:20px}
.tl_company_box_wrap ul li a {display:inline-block; margin-top:20px; border:1px #ddd solid; padding:0 20px; line-height:30px; color:#666;  transition: all .2s}
.tl_company_box_wrap ul li:hover a {background:#2253b8; color:#fff; transition: all .3s}

/* 반응형 구간 (미디어쿼리) */
@media screen and (max-width: 1024px) {
    /* 태블릿 화면 등에서는 한 줄에 3개 또는 2개로 변형하고 싶다면 이 수치를 조절하세요 */
    .tl_company_box_wrap ul li { width:50%}
    /* 반응형일 때는 오른쪽 선이 꼬일 수 있으므로 초기화해주는 것이 안전합니다 */
    .tl_company_box_wrap ul li:nth-child(5n) .box { border-right:1px #eaeaea solid }
}
@media screen and (max-width: 960px) {
    .tl_company_box_wrap ul li { width:100%}
    .tl_company_box_wrap ul li .box { border-right:0; border-bottom:1px solid #ddd; padding-bottom:30px}
}
/*사업영역*/





/*뉴스갤러리*/
.tl_main_gallery_wrap { width:100%;  padding:100px 0; background:url(../img/tl_main_gallery_bg.jpg) center  no-repeat; background-size:cover;}
.tl_main_gallery_wrap .inner {max-width:1200px; margin:0 auto; overflow:hidden}
.tl_main_gallery_wrap h2 {text-align:center; font-size:30px; color:#fff}
.tl_main_gallery_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#fff; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_main_gallery_wrap h2 span{ display:block; padding:20px 0; color:#fff; opacity:0.8; font-size:16px; font-weight:400}
.tl_main_gallery_wrap a:hover {color:#2253b8}
.tl_main_gallery_wrap ul {margin-top:30px}
.tl_main_gallery_wrap li {position:relative; float:left; width:48%; margin:1%; overflow:hidden; background-color:#fff; display:block}
.tl_main_gallery_wrap .one_box {display:block; min-height:155px; background:#fff}
.tl_main_gallery_wrap .photo {position:absolute; left:0; top:0; width:100%; max-width:160px; min-height: 155px; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;
 -webkit-transform: scale(1);transform: scale(1);transition:all 1s ease;-webkit-transition:all 1s ease}
.tl_main_gallery_wrap dl {margin-left:190px; padding-right:10px}
.tl_main_gallery_wrap dt {color:#333; font-size:18px; font-weight:bold; margin-top:30px; letter-spacing:-1px}
.tl_main_gallery_wrap dd {color:#555; font-size:16px; letter-spacing:-0.02em; line-height:1.75; word-break:keep-all; padding:10px 0; }
.tl_main_gallery_wrap li:hover .one_box {background-color:#095ead;cursor: pointer}
.tl_main_gallery_wrap li:hover dt {color:#fff}
.tl_main_gallery_wrap li:hover dd {color:#fff}
.tl_main_gallery_wrap li:hover .more_btn {color:#eee}
.tl_main_gallery_wrap a:hover .photo {-webkit-transform: scale(1.1);transform: scale(1.1)}
@media screen and (max-width: 1024px) {
	.tl_main_gallery_wrap li { width:100%; margin:0 0 4% 0}

}
/*뉴스갤러리*/






/*제품소개*/
.tl_business_now_box_warp { width:100%; padding:100px 0; text-align:center; background-color:#eff1f6; clear:both;}
.tl_business_now_box_warp h2 { font-size:30px; color:#000; line-height:1.6; font-weight:600}
.tl_business_now_box_warp h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_business_now_box_warp span{ padding:10px 10px 50px 10px; font-size:16px; display:block; color:#555; font-weight:400}
/*제품소개*/






/*TLOG PRODUCTS*/
.tl_product_box_wrap { padding:150px 0; max-width:1200px; margin:0 auto; overflow:hidden}
.tl_product_box_wrap h2 { font-size:30px; text-align:center; color:#000; line-height:1.6; font-weight:600}
.tl_product_box_wrap span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#555; letter-spacing:-0.02em; font-weight:400}
/*TLOG PRODUCTS*/






/*메인 공지 최신글*/
.tl_latest_box_warp { width:100%; max-width:1200px; margin:0 auto; padding:0px 20px 100px 20px; border-top:1px solid #ddd; clear:both; overflow:hidden}
.tl_latest_box_warp .notice_latest { width:48%; float:left}
.tl_latest_box_warp .counsel_latest {width:48%; float:right}
@media screen and (max-width: 960px) {
	.tl_latest_box_warp .notice_latest { width:100%}
	.tl_latest_box_warp .counsel_latest { width:100%}
}
/*메인 공지 최신글*/






/*하단 상담신청*/
.tl_contact_box_wrap  { width:100%; min-height:550px; padding:100px 0; background:url(../img/main_contact_bg.jpg) center top no-repeat; background-size:cover}
.tl_contact_box_wrap .inner { max-width:600px; margin:0 auto; padding:0 20px 0} 
.tl_contact_box_wrap h2 {text-align:center;font-size:30px; color:#fff; line-height:1.6; font-weight:600}
.tl_contact_box_wrap h2 span {padding:10px 0 50px 10px; display:block; font-size:16px; color:#fff; opacity:0.8; font-weight:400; letter-spacing:-0.02em}
.tl_contact_box_wrap .input_page #co_name { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:left; border:0}
.tl_contact_box_wrap .input_page #co_email { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:right; border:0}
.tl_contact_box_wrap .txtarea_page  #co_message { margin-top:20px; width:100%; height:120px;  font-size:15px; color:#6e6e6e; padding:10px 0 0 10px; border:0}
.tl_contact_box_wrap .send_page { text-align:center;}
.tl_contact_box_wrap .send_page .send {margin:50px 0 0;  max-width:142px; height:41px; line-height:41px; padding:0px 40px;background-color: #3949a3; font-size:15px; font-weight:bold; color:#fff; border:0; border-radius:20px}
.tl_contact_box_wrap #x_message{position:absolute;width:300px;border-radius:10px;height:50px;text-align:center;line-height:50px;top:50px;left:50%;margin-left:-150px;background-color:#FDD;border:2px solid #C00;font-weight:700;color:#666;z-index:1000}
.tl_contact_box_wrap #x_loading{position:absolute;display:none;width:200px;height:200px;top:50px;left:50%;margin-left:-100px;z-index:1;font-size:100px;line-height:200px}
.tl_contact_box_wrap #x_message.x-msg1 {background-color: #FDD;}
.tl_contact_box_wrap #x_message.x-msg2 {background-color: #9C6;border:2px solid #096}
/*하단 상담신청*/









/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:472px;overflow:hidden;background-repeat:no-repeat;background-position:center top}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual .title_warp { max-width:1240px; margin:0 auto; display:table; z-index:5}
.sub_visual .title_warp .table-cell { display:table-cell; vertical-align:middle; height:472px;}
.sub_visual h3{position:relative;z-index:5;font-size:45px;font-weight:bold; text-align:center; letter-spacing:-1px; color:#fff}
.sub_visual .sub_title{ position:relative; padding-bottom:10px; font-size:14px; font-weight:500; color:#fff; text-align:center; opacity:.8; z-index:5}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
	.sub_visual h3 { font-size:35px}
	.sub_visual .sub_title { font-size:13px}
}
/*서브상단*/








.content_wrap { width:100%;}
.content_wrap .txtCon { max-width:1300px; margin:0 auto; padding:60px 20px 50px 20px; font-weight:400; position:relative; clear:both}
.content_wrap .txtCon .sub_title{ margin-bottom:100px}
.content_wrap .txtCon .sub_title h1 {font-size:38px; color:#000; text-align:center}
.content_wrap .txtCon .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.content_wrap .txtCon .sub_title .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 640px) {
   .content_wrap .txtCon .sub_title h1 { font-size:32px}
}





/*서브 하단 네비*/
.category-wrap {width:100%; height:70px; background-color:#fff; border-bottom:1px solid #ddd;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background-color:#fff; max-width:1300px; z-index:3; position:relative; margin: -70px auto;}
.all-wrap{max-width:1300px;  height:69px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:71px; line-height:65px;  color:#555; border-right:1px solid #ddd; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area{height:69px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0;}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:220px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca-area>ul>li button{height:69px;width:220px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#333; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#555;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:15px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover { color:#000; font-weight:bold}
.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; border-bottom: 1px solid #ddd; cursor:pointer}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}

@media screen and (max-width: 640px) {
    .all-wrap .loca-wrap .loca-area {100%; float:none;}
	.all-wrap .loca-wrap .loca-area > a {width:10%;}
	.all-wrap .loca-wrap .share-area { display:none}
	.all-wrap .loca-wrap .loca-area > ul {width:100%;}
	.all-wrap .loca-wrap .loca-area > ul > li { width:50%}
	.all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
	.all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0}
	.all-wrap .loca-wrap .loca-area i { display:none}
}
/*서브 하단 네비*/






/*푸터*/
#footer {
  width: 100%;
  padding: 58px 0 48px;
  position: relative;
  z-index: 10;
  background: linear-gradient(90deg, #031633 0%, #04204A 100%);
  clear: both;
}

#footer .footer_in {
  max-width: 1180px;
  height: auto;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 10;
}

.dnt-footer__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 28px;
}

.dnt-footer__logo img {
  display: block;
  width: 300px;
  max-width: 100%;
}

.dnt-footer__summary {
  margin-top: 14px;
  color: rgba(255,255,255,0.72);
  font-size: 15px;
}

#footer .menu.dnt-footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 24px;
  padding-top: 0;
}

#footer .menu a {
  margin-right: 0;
  color: rgba(255,255,255,0.76);
  font-size: 14px;
  font-weight: 500;
}

#footer .menu a strong,
#footer .menu a:hover {
  color: #fff;
}

#footer address,
.dnt-footer__info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 26px;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.74);
  font-size: 14px;
}

#footer .adr {
  display: inline-block;
  margin: 0;
  color: rgba(255,255,255,0.74);
  font-style: normal;
}

#footer .adr strong {
  color: #fff;
}

#footer .adr:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 8px 0 0;
  border-radius: 3px;
  background-color: rgba(255,255,255,0.28);
  vertical-align: middle;
}

#footer .copyright {
  display: block;
  width: 100%;
  margin-top: 6px;
  color: rgba(255,255,255,0.48);
  font-size: 11px;
  font-style: normal;
}

#top_btn {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 48px;
  height: 48px;
  border: 1px solid #D8E3EF;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(6,20,45,0.10);
}

#top_btn i {
  color: #46556D;
}
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/

/* =========================================================
   DNT Main Redesign
   ========================================================= */
:root {
  --dnt-navy: #0B2345;
  --dnt-blue: #1B3A6B;
  --dnt-point: #2B6CB8;
  --dnt-bg: #F4F8FC;
  --dnt-card: #FFFFFF;
  --dnt-text: #243044;
  --dnt-muted: #6B7280;
  --dnt-line: #D8E3EF;
}

.dnt-main-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}

.dnt-main-eyebrow {
  margin: 0 0 14px;
  color: var(--dnt-point);
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dnt-main-section-head {
  margin-bottom: 40px;
  text-align: center;
}

.dnt-main-section-head h2 {
  margin: 0 0 16px;
  color: var(--dnt-navy);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.dnt-main-section-head p:not(.dnt-main-eyebrow) {
  margin: 0;
  color: var(--dnt-muted);
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
}

/* Hero */
.dnt-main-hero {
  padding: 138px 0 96px;
  background:
    radial-gradient(circle at 74% 18%, rgba(70,115,198,.22) 0%, rgba(70,115,198,0) 24%),
    linear-gradient(90deg, #021633 0%, #04204A 46%, #021633 100%);
  overflow: hidden;
}

.dnt-main-hero__grid {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: center;
  gap: 78px;
}

.dnt-main-hero .dnt-main-eyebrow {
  margin-bottom: 22px;
  color: #8FB7FF;
}

.dnt-main-hero__text h1 {
  margin: 0;
  color: #fff;
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.dnt-main-hero__text h2 {
  margin: 30px 0 0;
  color: rgba(255,255,255,.96);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.04em;
}

.dnt-main-desc {
  margin: 18px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 16px;
  line-height: 1.75;
  word-break: keep-all;
}

.dnt-main-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}

.dnt-main-tags li {
  height: 34px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: #fff;
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 32px;
}

.dnt-main-hero__media {
  text-align: left;
}

.dnt-main-video-placeholder {
  position: relative;
  width: 100%;
  max-width: 360px;
  min-height: 500px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  background: linear-gradient(180deg, #CACED4 0%, #A5ABB3 100%);
  box-shadow: 0 22px 52px rgba(0,0,0,.22);
  overflow: hidden;
}

.dnt-main-video-placeholder:before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 4px;
}

.dnt-main-video-placeholder:after {
  content: "IMAGE / VIDEO AREA";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  color: rgba(255,255,255,.32);
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-align: center;
  transform: translateY(-50%);
}

.dnt-main-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 78px;
  height: 78px;
  margin: -39px 0 0 -39px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.18);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(12px);
}

.dnt-main-play i {
  font-size: 38px;
  line-height: 78px;
}

.dnt-main-video-label {
  position: absolute;
  left: 18px;
  bottom: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.95);
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
}

.dnt-main-media-caption {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin: 12px 0 0;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  font-style: italic;
  line-height: 1.5;
}

/* Product Category */
.dnt-product-section {
  padding: 100px 0 110px;
  background: #fff;
}

.dnt-product-grid {
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.dnt-product-card {
  display: flex;
  flex-direction: column;
  min-height: 530px;
  border: 1px solid var(--dnt-line);
  border-radius: 4px;
  background: var(--dnt-card);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.dnt-product-card:hover {
  border-color: #BFD0E6;
  box-shadow: 0 18px 40px rgba(11,35,69,.08);
  transform: translateY(-6px);
}

.dnt-product-thumb {
  position: relative;
  height: 180px;
  margin: 20px 20px 0;
  background: #F4F6F9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dnt-product-thumb:after {
  content: "IMAGE AREA";
  color: rgba(15,34,64,.30);
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.dnt-product-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 18px 20px 26px;
}

.dnt-product-info h3 {
  margin: 0 0 7px;
  color: var(--dnt-navy);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.04em;
}

.dnt-product-info .model {
  margin: 0 0 14px;
  color: var(--dnt-point);
  font-family: 'Inter', 'Pretendard', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

.dnt-product-info .summary {
  min-height: 56px;
  margin: 0 0 24px;
  color: var(--dnt-muted);
  font-size: 14px;
  line-height: 1.75;
  word-break: keep-all;
}

.dnt-product-info .spec {
  margin: auto 0 24px;
  padding: 22px 0 0;
  border-top: 1px solid var(--dnt-line);
}

.dnt-product-info .spec div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.dnt-product-info .spec div:last-child {
  margin-bottom: 0;
}

.dnt-product-info .spec dt {
  color: var(--dnt-muted);
}

.dnt-product-info .spec dd {
  margin: 0;
  color: var(--dnt-text);
  font-weight: 700;
  text-align: right;
}

.dnt-text-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 5px;
  color: var(--dnt-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.dnt-text-link:hover {
  color: var(--dnt-point);
}

/* Trust */
.dnt-trust-section {
  padding: 92px 0 106px;
  background: #EFF4FA;
}

.dnt-trust-grid {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  list-style: none;
}

.dnt-trust-grid li {
  min-height: 178px;
  padding: 28px 14px 24px;
  border: 1px solid #E2E8F0;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(9,25,53,.03);
  text-align: center;
}

.dnt-trust-grid .icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 18px;
  border: 1px solid #D8E6F7;
  border-radius: 50%;
  background: #F6FAFF;
  color: var(--dnt-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dnt-trust-grid .icon svg {
  width: 25px;
  height: 25px;
  display: block;
  fill: none;
  stroke: #0B2345;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dnt-trust-grid strong {
  display: block;
  margin-bottom: 10px;
  color: var(--dnt-navy);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.dnt-trust-grid p {
  margin: 0;
  color: var(--dnt-muted);
  font-size: 13px;
  line-height: 1.7;
  word-break: keep-all;
}

/* Responsive */
@media screen and (max-width: 1240px) {
  #header .header-inner,
  .dnt-main-inner {
    max-width: 100%;
  }

  #header .gnb > li {
    padding: 0 12px;
  }

  .dnt-main-hero__grid {
    gap: 52px;
  }
}

@media screen and (max-width: 960px) {
  #header {
    height: 66px;
  }

  #header .header-inner {
    padding: 0 72px 0 16px;
  }

  #header .gnb {
    display: none;
  }

  #open-button {
    display: block;
    position: fixed;
    right: 14px;
    top: 10px;
    width: 44px;
    height: 44px;
    padding-top: 0;
    cursor: pointer;
    z-index: 1100;
  }

  #open-button .navicon-line {
    position: absolute;
    height: 2px;
    border-radius: 1px;
    background: #1B3A6B;
    transition: all .4s ease;
  }

  #open-button .nl1 { top: 10px; right: 7px; width: 30px; }
  #open-button .nl2 { top: 18px; right: 7px; width: 24px; }
  #open-button .nl3 { top: 26px; right: 7px; width: 30px; }

  #open-button.on > div > div {
    top: 18px;
    right: 9px;
    width: 26px;
    background: #1B3A6B;
    transform: rotate(225deg);
  }

  #open-button.on > div > div:first-child {
    transform: rotate(135deg);
  }

  .dnt-main-hero {
    padding: 104px 0 72px;
  }

  .dnt-main-hero__grid {
    max-width: 640px;
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .dnt-main-hero__text,
  .dnt-main-hero__media {
    text-align: center;
  }

  .dnt-main-hero__text h1 {
    font-size: 42px;
  }

  .dnt-main-tags {
    justify-content: center;
  }

  .dnt-main-video-placeholder,
  .dnt-main-media-caption {
    margin-left: auto;
    margin-right: auto;
  }

  .dnt-main-media-caption {
    justify-content: center;
  }

  .dnt-product-section,
  .dnt-trust-section {
    padding: 74px 0;
  }

  .dnt-product-grid {
    max-width: 560px;
    grid-template-columns: 1fr;
  }

  .dnt-trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .dnt-right-quick.fixed {
    right: 10px;
    top: auto;
    bottom: 20px;
    transform: none;
  }

  .dnt-footer__top {
    flex-direction: column;
    align-items: flex-start;
  }

  #footer .menu.dnt-footer__nav {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 640px) {
  .dnt-main-inner {
    padding: 0 16px;
  }

  .dnt-main-section-head h2 {
    font-size: 24px;
  }

  .dnt-main-hero__text h1 {
    font-size: 34px;
  }

  .dnt-main-hero__text h2 {
    font-size: 20px;
  }

  .dnt-main-video-placeholder {
    min-height: 380px;
  }

  .dnt-product-card {
    min-height: auto;
  }

  .dnt-product-thumb {
    height: 160px;
  }

  .dnt-trust-grid {
    grid-template-columns: 1fr;
  }

  .dnt-trust-grid li {
    min-height: auto;
  }

  #footer {
    padding: 48px 0 40px;
  }

  .dnt-footer__logo img {
    width: 240px;
  }

  #footer address,
  .dnt-footer__info {
    flex-direction: column;
    gap: 6px 0;
  }
}

/* 모바일 GNB 화살표 겹침 수정 */
@media screen and (max-width: 960px) {
  .side_gnb .menu-list > li > a i {
    width: 9px;
    height: 9px;
    max-width: none;
    border: 1px solid #2B6CB8;
    border-left: 0;
    border-bottom: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateY(-50%) rotate(135deg);
  }

  .side_gnb .menu-list > li > a i:before {
    content: none;
    display: none;
  }

  .side_gnb .menu-list > li.on > a i {
    transform: translateY(-50%) rotate(315deg);
  }
}