/* 내용 입력 폰트 초기화 */
#ctt_con {
    font-family: unset;
    line-height: unset;
    max-width: 1280px; margin: 0 auto 30px; padding: 0 15px;
}

#ctt_con div,
#ctt_con p,
#ctt_con span { word-break: break-word !important; } 


#ctt_con img { max-width: 100%;}
/* 본문 */
.sub_contents { }
.sub_contents img { }

.pt { /* max-width: 1280px; margin: 0 auto; padding: 0 15px; */}


.mid_nav {display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 0 0; background: rgb(0, 158, 37); padding: 10px 0;}
.mid_nav.fixed { position: fixed; width: 100%; max-width: 1250px; left: 50%; top: 66px; transform: translateX(-50%); z-index: 10;}
.mid_nav a { text-align: center; color: #ffffff; font-size: 1.7rem; font-weight: 500; position: relative;}
.mid_nav a:after { content:"/";  position: absolute; right:0; top: 50%; transform: translateY(-50%);}
.mid_nav a:last-child:after { display: none;}


.mid_img_nav {display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 0 0; padding: 0;
    border-top: 1px solid #518fbb; border-right: 1px solid #518fbb;
    align-items: center;
    align-items: stretch;
}
.mid_img_nav.grid7 { grid-template-columns: repeat(7, auto); }

.mid_img_nav * { box-sizing: border-box;}
.mid_img_nav.fixed { position: fixed; width: 100%; max-width: 1250px; left: 50%; top: 66px; transform: translateX(-50%); z-index: 10; background: #fff;}
 /* .mid_img_nav.fixed .simg { display: none;} */
.mid_img_nav .item { }
.mid_img_nav .simg {  border-left: 1px solid #518fbb; border-bottom: 1px solid #518fbb; font-size: 0; text-align: center; display: flex; justify-content: center; align-items: center; }
.mid_img_nav .simg img { max-width: 100%; vertical-align: middle;}
.mid_img_nav .sname { text-align: center; background: rgb(235, 235, 235); font-size: 1.7rem; font-weight: normal;  line-height: 1.5;
    border-left: 1px solid #518fbb; border-bottom: 1px solid #518fbb;
}
.mid_img_nav .sname p { font-weight: bold; font-size: 1.9rem;}

.mid_img_nav.small .sname { font-size: 1.71rem;}


@media (max-width: 1200px) {
	.mid_img_nav.small .sname { font-size: 1.5rem;}
	.mid_img_nav.small .sname p { font-size: 1.7rem;}
}

@media (max-width: 768px) {

	#ctt_con { max-width: 100%; overflow-x: auto;}
	.mid_nav.fixed ,
	.mid_img_nav.fixed  {  top: 50px;}	
}



/* 상단 메뉴, nav,  사이드 메뉴 */
html.expand body { /* position:fixed; top:0; left:0; width:100%; */ }
html.expand #side_bgc {position: fixed; top:0; right:0; width:100%; height:100%;  background: rgba(0,0,0,.7); }

br.mo_none,
img.mo_none {display: block;}
br.pc_none,
img.pc_none {display: none;}
@media (max-width: 768px) {
    br.mo_none,
    img.mo_none {display: none;}
    br.pc_none,
    img.pc_none {display: block;}
}


body.kr .viewEn { display: none;}
body.kr .viewKr { display: inline-block; }
body.en .viewKr { display: none; }
body.en .viewEn { display: inline-block;}


.admin_link_btn { background:#fff; border:1px solid #ccc; width: 100px; position:absolute; top:0; left:0; padding:5px; text-align:center; z-index: 999; }
    @media (max-width: 768px) {     .admin_link_btn  {display: none;} }

.header_wrap {  width: 100%; height: 66px; position: fixed; z-index: 99; transition: all 0.2s ease-out; background:  rgba(255,255,255,1.0); }
.header_wrap:after {content:""; display:block; clear:both; }
/*
.header_wrap:before {content:""; display:block; height: 66px; width: 100%;  background:  rgba(255,255,255,0.75); position: absolute; left:0; top:0;  transition: all 0.1s ease-out;  opacity: 0;}
.header_wrap.scroll:before {opacity: 1;}
*/


.header_wrap .head_icon {display: none;}
.header_wrap .header {  position: relative; max-width: 1600px; margin: 0 auto; }
.header_wrap .header:after {content:""; display:block; clear:both;}
.header_wrap .logo_wrap {width: 200px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) ; left: 15px; font-size:0; }
.header_wrap .logo_wrap a {display:block;  }
.header_wrap .logo_wrap img {height: 52px;}



.header_wrap .header .nav { padding: 0 15px 0 240px;}
.header_wrap .header .nav li {display:inline-block; padding: 0 22px; height: 66px; line-height: 66px; position:relative; vertical-align: top;
    transition: all 0.2s ease-out;
}
.header_wrap .header .nav li a {font-size: 1.8rem;  display: block; padding: 0 10px; height: 66px; font-weight: 700; color: #313131; /* border-bottom: 5px solid transparent; */ }
.header_wrap .header .nav li a::before {  display: block;   content: attr(title);   font-weight: 500;   height: 0;   overflow: hidden;   visibility: hidden; }

.header_wrap .header .nav li a.focus,
.header_wrap .header .nav li a.active,
.header_wrap .header .nav li a:hover { /* border-bottom: 5px solid #000000;*/ }

.header_wrap .header .nav li ul {display: none; width: 180px; margin-left:-90px;  min-height: 60px; padding: 15px 0; background: #e9e9e8; text-align:center;  position:absolute;  left: 50%;  top: 66px; font-size:0; z-index:14; }
.header_wrap .header .nav li ul.en,
.header_wrap .header .nav li ul.wide {width: 300px; margin-left: -150px;}
.header_wrap .header .nav li ul li {display:block;  margin:0 ; padding:0; height:30px; line-height:30px; vertical-align:top;}
.header_wrap .header .nav li ul li a {display:block;  font-size:1.6rem; font-weight: 400; color: #000; text-align: left;}
.header_wrap .header .nav li ul li a.longtxt {letter-spacing:-1px;}
.header_wrap .header .nav li ul li a.focus,
.header_wrap .header .nav li ul li a:hover,
.header_wrap .header .nav li ul li a.active { color: #0db8e4; font-weight: 400;}


.header_wrap .nav_lang { position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.header_wrap .nav_lang li { display: inline-block; font-size: 1.4rem; padding-right: 10px; margin-right: 10px; border-right: 1px solid #dcdcdc;}
.header_wrap .nav_lang li:last-child { padding-right: 0; margin-right: 0; border-right: 0;}
.header_wrap .nav_lang li a.active {font-weight: bold;}

.header_null {height: 66px;}



@media all and (min-width:769px) {
    .header_wrap.scroll {height: 66px; }
    .header_wrap.scroll:before { height: 66px; }
    .header_wrap.scroll .header .nav li { height: 66px; line-height: 66px; }
    .header_wrap.scroll .header .nav li a {height: 66px;}
    .header_wrap.scroll .header .nav li ul { top: 66px;}
    .header_wrap.scroll .header .nav li ul li {height: 30px; line-height: 30px;}
    .header_wrap.scroll .header .nav li ul li a { height: auto; }

    .header_wrap .header .nav li:hover ul {display: block;}
}



@media (max-width: 1350px) {
    .header_wrap .header .nav li {padding: 0 5px;}
    .header_wrap .header .nav li a {padding: 0 5px;}

}

@media (max-width: 1024px) {
    .header_wrap .header .nav li { padding:0 0; }
    .header_wrap .header .nav li a {font-size: 1.5rem; padding: 0 3px;}
	body.en .header_wrap .header .nav li a { font-size: 1.35rem;}
}

@media (max-width: 860px) {
	body.en .header_wrap .header .nav li a { font-size: 1.2rem;}	
}


#side_nav .side_hide {display: none;}

@media (max-width: 768px) {
    .header_wrap {height: 50px; }
    .header_wrap .header {height:auto; min-height:50px }
    .header_wrap:before { height: 50px; }


    .header_wrap .logo_wrap  {width: 240px; position: absolute; left: 14px; margin-left: 0; font-size:0;}
    .header_wrap .logo_wrap a {display:block; text-align: left;}

    .header_wrap .head_icon {height:30px;  display: block;}

    .header_wrap p.ico_ham {position: absolute; right: 12.5px; top: 12px; cursor: pointer; }
    .header_wrap p.ico_ham i {font-size: 25px; color: #000000;}
    .header_wrap p.ico_ham img {height: 15px;}

    .header_wrap .header #side_nav { padding:0 0; width: 85%; height:100%;  max-width: 500px; position: fixed; top:0; right:-100%;  background: #eae5e1;  z-index:900   ; box-shadow:2px 0px 4px rgba(0,0,0,0.30);
        overflow-y: auto;
    }
    .header_wrap .header .nav {float:none; width:100%; text-align:left; margin:0; position: relative; padding-left: 0;}
    .header_wrap .header .nav li {display:block; padding: 0 0; margin-left: 10px; height:auto; position:relative;  border-bottom: 1px solid #dcdcdc;}
    .header_wrap .header .nav li.havn {}
    .header_wrap .header .nav li.havn:after {display: block; position: absolute; right:0; top:0;  width:40px; height:50px; line-height:50px; text-align: center; font-size:15px; content: "\e941"; font-family:'xeicon';    transform: rotate(0deg);transition: transform 120ms 200ms ease-out;
    color: #313131;}
    .header_wrap .header .nav li.havn.on:after { transform: rotate(-180deg);    transition: transform 120ms ease-in-out;}

    .header_wrap .header .nav li a {font-size:15.5px; padding: 0 15px 0 20px; display: block; height:50px; line-height:50px; font-weight:500 ; border-bottom:none; color: #000;}
    .header_wrap .header .nav li a.focus,
    .header_wrap .header .nav li a.active,
    .header_wrap .header .nav li a:hover {border-bottom:none;}


    .header_wrap .header .nav li ul,
    .header_wrap .header .nav li ul.en,
    .header_wrap .header .nav li ul.wide {display:none; width:100%; min-height:40px; height:auto;  padding:5px 0; background: transparent; text-align:left;  position: relative; left:0;  top:0;  margin-left:0; }
    .header_wrap .header .nav li ul li {display:block;  margin:0 ; padding:0; height: auto; line-height: auto; vertical-align:top; border-bottom:none;}
    .header_wrap .header .nav li ul li a {padding-left: 35px;}


    .header_wrap .header .chg_lang {position: absolute; right: auto; top: auto; bottom: 30px; left: 20px;}
    .header_wrap .header .chg_lang a {color: #000; }
    .header_wrap .header .chg_lang a:first-child {border-right: 1px solid #ccc;}


    #side_nav .side_hide {display:block;}
    #side_nav .side_logo {padding: 15px 0 10px 30px; text-align: left;}
    #side_nav .side_logo img {height: 30px;}

    #side_nav .btn_side_close {position: absolute; right: 23px; top: 15px; cursor: pointer;}
    #side_nav .btn_side_close i {font-size: 21px; color: #000000;}

    .header_wrap .nav_lang { position: static; right: auto; top: auto; transform: translateY(0); margin: 30px 30px;}
    .header_wrap .nav_lang li {}

    .header_null {height: 50px;}
}


.subnav_virtual {width: 100%; height: auto; padding: 0; background:  rgba(0,0,0,0.85); color: #fff;
    display: none;
}
.subnav_virtual a {color: #fff;}

.subnav_virtual .subnav {max-width: 1600px; margin: 0 auto; padding-right: 20px;}
.subnav_virtual .subnav ul { }

.subnav_virtual .subnav li.havn {display: inline-block; padding: 0; vertical-align: top; text-align: center;}
.subnav_virtual .subnav li.havn a[data-sub="yes"] {display: none;}

.subnav_virtual .subnav li.havn ul {text-align: center; display: block; padding: 20px 0;}
.subnav_virtual .subnav li.havn ul li {display: block; padding: 5px 0; font-size: 1.5rem;}



/* 상단이미지 */
.top_image { background: url('../img/topimg_01.jpg') no-repeat 50% 50%; background-size: cover;  position: relative;
    height: 300px; margin-bottom: 50px;
}

.top_image:after { content:"";  position: absolute;  top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;    background: rgb(0, 0, 0);    opacity: 0.4;    z-index: 2; }
.top_image .top_title { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); color: #fff; font-size: 3.0rem; font-weight: bold; z-index: 3;}
.top_image .top_title:before { content:""; display: block; width: 80px; height: 2px; background: #0db8e4; position: absolute; left: 50%; transform: translateX(-50%); top: -10px;}

.top_image.com { background: url('../img/topimg_01.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_image.pro { background: url('../img/topimg_02.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_image.tec { background: url('../img/topimg_03.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_image.cus { background: url('../img/topimg_04.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_image.est { background: url('../img/topimg_05.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_image.rec { background: url('../img/topimg_06.jpg') no-repeat 50% 50%; background-size: cover;  }
.top_image.con { background: url('../img/topimg_07.jpg') no-repeat 50% 50%; background-size: cover;  }

@media (max-width: 1200px) {
    .top_image { height: 250px; }
}
@media (max-width: 768px) {
    .top_image { height: 200px; margin-bottom: 30px;    }
}

@media (max-width: 468px) {
    .top_image { height: 150px; }
}





/* 하단 */
.tail_wrap { padding: 0 0; }
.tail_wrap .tail_menu { background: #333; }
.tail_wrap .tail_menu ul.nav { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 0.7fr; column-gap: 0px;
    max-width: 1600px; margin: 0 auto; padding: 50px 15px;
}
.tail_wrap .tail_menu ul li.fsnav { position: relative;}
.tail_wrap .tail_menu ul li.fsnav > a { cursor: default; color: #0db8e4; font-size: 2.2rem; display: block; margin: 0 0 30px 0; pointer-events: none; position: relative;}
.tail_wrap .tail_menu ul li.fsnav > a:after { content:""; display: block; width: 20px; height: 1px; background: #bbbbbb; position: absolute; left: 0; bottom: -15px;}
.tail_wrap .tail_menu ul li.fsnav:after { content:""; display: block; width: 1px; height: 100%; background: #999999; position: absolute; left: -40px; top: 0; }
.tail_wrap .tail_menu ul li.fsnav:first-child:after { display: none;}

.tail_wrap .tail_menu ul li { display: block; margin: 0 0 6px;}
.tail_wrap .tail_menu ul li a { color:  rgba(255,255,255,0.7); transition: 0.3s;}
.tail_wrap .tail_menu ul li a:hover { color: #fff;}
.tail_wrap .tail_menu ul li ul { display: block;}


.tail_wrap .copy {padding: 20px 15px;  max-width: 1600px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr 2fr; column-gap: 0px;
}
.tail_wrap .copy .logo img {height: 40px; vertical-align: middle; margin-right: 21px;}
.tail_wrap .copy .desc { font-size: 1.4rem; color: #4d4d4d; line-height: 1.6;}

@media (max-width: 1024px) {
    .tail_wrap .tail_menu ul.nav { grid-template-columns: 1fr 1fr 1fr 1fr;   }
    .tail_wrap .tail_menu ul li.fsnav { margin-bottom: 30px;}
    .tail_wrap .tail_menu ul li.fsnav:after { display: none;}

}
@media (max-width: 768px) {
    .tail_wrap .tail_menu { display: none;}
    .tail_wrap .copy { display: block; }
    .tail_wrap .copy .desc { margin-top: 20px;}
    .tail_wrap .btm_title {font-size: 1.3rem;}
    .tail_wrap dl.btm_list dd a {font-size: 1.2rem;}
}



.go_to_top {position: fixed; width: 64px; right: 20px; bottom: 20px; z-index: 10;}
.go_to_top a {display: block; text-align: center;  height: 64px; background: #0db8e4; border-radius: 32px; color: #fff; padding-top: 10px; }
.go_to_top a img {width: 100%;}
.go_to_top i.fa {}

@media (max-width: 768px) {
    .go_to_top {position: fixed; width: 38px; right: 15px; bottom: 15px;}
    .go_to_top a { height: 38px;}
    .go_to_top a p { display: none;}
}


/* 중간 */

.contents_body {max-width: 1200px; margin: 0 auto; padding: 70px 15px;}


h1.page_title,
h2.page_title {font-weight: 500; font-size: 3.8rem; line-height: 1.0; margin: 0 0 30px 0; padding-bottom: 15px; border-bottom: 1px dotted #dcdcdc; color: #036BB5;}


@media (max-width: 1024px) {
    .contents_body {padding: 35px 15px;}

    h1.page_title,
    h2.page_title { font-size: 2.4rem;}

}


/*
h3.mid_title { font-size: 2.6rem; font-weight: 500; margin: 30px 0;}
*/


.video-container {    position:relative;    padding-bottom:56.25%;    padding-top:0;    height:0;    overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;}



/* video */
#pop_youtube {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1000;    background: rgba(0,0,0,0.9);    display: none;}
#pop_youtube #video_box {    position: fixed;    top: 50%;    left: 50%;    width: 860px;    height: 484px;    margin: -222px 0 0 -430px;    background: #000; }
#pop_youtube #video_box .pop_close {    position: absolute;    top: -61px;    right: 0;    display: block;    width: 41px;    height: 41px; background: transparent; font-size: 0;
    border: 0; outline: 0;
}
#pop_youtube #video_box .pop_close:after {content:"\e921"; font-size: 30px; font-family: 'xeicon'; color: #ffffff;}

@media (max-width: 860px) {
    #pop_youtube {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1000;    background: rgba(0,0,0,0.9);    display: none;}
    #pop_youtube #video_box {    position:absolute;    top: 70px;    left: 0;    width: 100%;    height:100%;  margin:0;    background: #000; }

    #pop_youtube #video_box .pop_close {    position: absolute;  border:none;  top: -61px;    right: 0;    display: block;    width: 41px;    height: 41px;    font-size: 0;  background: transparent; border: 0; outline: 0; }
    #pop_youtube #video_box .pop_close:after {content:"\e921"; font-size: 30px; font-family: 'xeicon'; color: #ffffff;}

}


/* 버튼 화살표 */
.arrow_fff {  position: relative;  display: inline-block;  width: 40px;  margin: auto 0 auto 10px;  border-bottom: 1px solid #fff;   z-index: 2;}
.arrow_fff::before {   content: '';   position: absolute;   right: -1px;   top: 0px;   width: 15px;   height: 9px;
    border-width: 0.15vmin 0vmin 0 0;   border-style: solid;   border-color: #fff;
    transition: 0.2s;
    display: block;
    transform-origin: 100% 0;
    transform: translate(-1px, 0px) rotate(45deg);
}



/* index.php */


.msld {overflow: hidden; position: relative; width: 100%; height: 100%;}
.msld .swiper-slide {overflow: hidden; width: 100%; height: 100%; position: relative; }

.msld .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.msld .swiper-slide-active .bg {   animation: mainZoom 4s ease-in-out both; }
.msld .swiper-slide:after { content: "";  position: absolute;  top: 12rem;  left: -100vh;  width: 1000vh; height: 1px;  background: #fff;
    opacity: 0.3;   z-index: 3;
}

.msld .txt_wrap { max-width: 1500px; padding: 0 20px; margin: 0 auto; display: flex; align-items: center; height: 100%;  position: relative; z-index: 10;}
.msld .txt_wrap::before {  content: "";  position: absolute;  left: -20px;  width: 1px;  height: 100vh;  background: #fff;   opacity: 0.3;   top: 0; z-index: 3;}
.msld .box { z-index: 10;  opacity: 0;  }

.msld .swiper-slide-active .txt_wrap .box { backface-visibility: hidden;  animation: TransY 2s ease-out both;  animation-delay: 0.5s; }

.msld .slide_screen {  position: absolute;  top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;    background: rgb(0, 0, 0);    opacity: 0.4;    z-index: 2; }


.msld .txt_wrap .txt1 { color: #0db8e4; font-size: 2.2rem; font-weight: bold; margin-bottom: 20px;}
.msld .txt_wrap .txt2 { color: #ffffff; font-size: 4.0rem; font-weight: bold; line-height: 1.6;}


.msld #next_section {
    background-image: url("../img/main_next_section.png");
    background-size: contain;   background-repeat: no-repeat;   background-position: center;    position: absolute;
    left: 50%;    bottom: 12%;transform: translate(-50%, 0);
    display: block;  width: 3rem;  height: 5rem;   cursor: pointer;   z-index: 6;
}

@keyframes TransY {
    0% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px) }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes mainZoom {
    0% { transform: scale(1.0); }
    100% { transform: scale(1.1);}
}

.msld .swiper-pagination { z-index: 10; width: auto; display: inline-block; font-size: 20px; color: #fff; left: calc(60% + 50px); bottom: 13%; border-bottom: 2px solid #0db8e4; padding-bottom: 10px;}
.msld .swiper-pagination .swiper-pagination-bullet {  width: auto; height: auto; opacity: 0.6; margin: 0 10px; position: relative; text-align: center; background: transparent; }
.msld .swiper-pagination .swiper-pagination-bullet-active { opacity: 1;}
.msld .swiper-pagination .swiper-pagination-bullet-active:before { content:""; display: block; width: 8px; height: 8px; border-radius: 4px;  background: #0db8e4; left: 50%; transform:translateX(-50%);top: -10px; position: absolute; }

.msld .swiper-button-prev { left: 50px;}
.msld .swiper-button-next { right: 50px;}
.msld .swiper-button-prev:after,
.msld .swiper-button-next:after { color: #999; font-size: 27px;}

@media (max-width: 1600px) {
    .msld .txt_wrap { padding-left: 40px; }
    .msld .txt_wrap::before { left: 10px; }
    .msld .swiper-button-prev,
    .msld .swiper-button-next { display: none;}
}

@media (max-width: 768px) {
    .msld .txt_wrap { padding-left: 20px; padding-right: 20px;}
    .msld .txt_wrap .txt1 { font-size: 1.9rem;}
    .msld .txt_wrap .txt2 {  font-size: 2.6rem; }
    .msld .swiper-pagination { left: auto; right: 30px;  font-size: 14px; bottom: 15%;}
}


.main_prd { overflow: hidden;}
.main_prd .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: url('../img/main_02.png') no-repeat 50% 50%; background-size: cover; z-index: 1; }
.main_prd .bg_screen {  position: absolute;  top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;    background: rgb(0, 0, 0, 0.4);   z-index: 2; }

.main_prd .txt_body { max-width: 660px; height: 100%; position: absolute; left: 20%; top: 0;  z-index: 5;
    padding-left: 50px; padding-top: 33.33vh;
}
.main_prd .txt_body:before {content: "";     position: absolute;   top: -200%;   left: -1rem;    height: 300vh;    width: 1px;    background: #fff;    opacity: 0.3; }

.fp-section.active .main_prd .txt_body { animation: movet40 1.5s ease-out both;   }

@keyframes movet40 {
    0% { opacity: 0; top: 40px }
    100% { opacity: 1; top: 0px; }
}



.main_prd .t1 { font-size: 3.8rem; color: #fff;  font-weight: bold; position: relative;}
.main_prd .t2 { font-size: 1.6rem; margin: 30px 0 0 0;color: #fff;  line-height: 1.7; font-weight: normal;}
.main_prd .t3 { margin: 30px 0 0 0;}
.main_prd  a.more { display: inline-block; padding: 6px 16px; background:  rgba(0,0,0,0.4); color: #fff; font-size: 1.5rem; border: 1px solid #fff; transition: all 0.3s ease-out; }
.main_prd  a.more:hover { background:  rgba(0,0,0,1.0);}

.main_prd .t1::before {  content: "";  position: absolute;   left: -100px;   top: -15rem;  height: 20rem;   width: 20rem;
    border: 1px solid #fff;  border-radius: 50%;   opacity: 0.3;
}


.main_prd .t2::before {  content: "SEONJINHITECH ABOUT";
    position: absolute;  top: 50%;  left: -110px;
    height: auto;   width: auto;
    color: #0db8e4;  opacity: 0.3;
    transform: rotate(90deg);
}
.main_prd .fitem_wrap { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: 4;}
.main_prd .fitem_wrap .item {display: none;}
.main_prd .fitem_wrap .item:first-child {display: block;}
.main_prd .fitem_wrap .img { text-align: center; height: 40vh; ;}
.main_prd .fitem_wrap .img img { height: 100%;}
.main_prd .fitem_wrap .button { text-align: center;}

.main_prd .prd_menu { display: grid; grid-auto-flow: column;  column-gap: 40px; max-width: 1200px;  position: absolute; left: 50%; top: 15%; z-index: 10; }
.main_prd .prd_menu a { display: block; cursor: pointer; color: #fff; font-size: 2.4rem; border-right: 1px solid #dcdcdc; padding-right: 40px;}
.main_prd .prd_menu a:last-child { padding-right: 0; border-right: 0;}
.main_prd .prd_menu a.active { font-weight: bold; color: #0db8e4;}


@media (max-width: 1200px) {
    .main_prd .txt_body { left: 5%;}
    .main_prd .prd_menu {left: auto; right: 30px; max-width: 100%;}
}
@media (max-width: 768px) {
    .main_prd .prd_menu {column-gap: 20px; top: 8%; left: 20px;  }
    .main_prd .prd_menu a { padding-right: 20px; font-size: 1.9rem;}

    .main_prd .txt_body { left: 0; padding-left: 15px; padding-right: 15px; padding-top: 20vh; }
    .main_prd .t1 { font-size: 3.0rem; }
    .main_prd .t2 { font-size: 1.5rem; line-height: 1.5; }

    .main_prd .fitem_wrap { top: auto; left: 20px; bottom: 9vh; transform: translateY(0) translateX(0);  width: calc(100% - 40px);}
    .main_prd .fitem_wrap .img {  height: 35vh; text-align: center;}
}

@media (max-width: 468px) {
    .main_prd .t1 { font-size: 2.6rem; }
    .main_prd .t2 { font-size: 1.4rem; margin-top: 20px; }
}

@media (max-width: 375px) {

}



.main_video .bg_video { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: url('../img/main_03.png') no-repeat 50% 50%; background-size: cover; z-index: 1;}
.main_video .bg_screen {  position: absolute;  top: 0;   left: 0;   display: block;   width: 100%;   height: 100%;    background: rgb(0, 0, 0, 0.7);   z-index: 2; }

.main_video .txt_body { width: 100%; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); text-align: center; z-index: 5;}
.main_video .t1 { color: #fff; font-size: 3.8rem;}
.main_video .more_movie { margin: 30px 0 0 0; }
.main_video .more_movie img { height: 75px; transition: all 0.3s ease-out; cursor: pointer; }
.main_video .more_movie img:hover { opacity: 0.6;}

@media (max-width: 468px) {
    .main_video .more_movie img { height: 50px; }
}


.main_partner { width: 100%; height: 100%; position: relative;}
.main_partner .bg { position: absolute; width: 55%; height: 100%; left: 0; top: 0; background: url('../img/main_04.png');  background-size: 200%; background-repeat: no-repeat; background-position: 50% 50%; }

.main_partner .item { position: absolute; background: #fff; padding: 40px 0 40px 80px;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.main_partner .item .t1 { font-size: 3.5rem; font-weight: bold; color: #000; margin-bottom: 40px; position: relative;}
.main_partner .item .t1 span { color: #666; font-size: 1.8rem; font-weight: 500;}
.main_partner .item .t1:before {content: "";  position: absolute; top: -25%;  left: 0; width: 28px;  height: 6px; background: #0db8e4; }
.main_partner .item .img img {width: 100%;}

.fp-section.active .main_partner .item { animation: TransY50 2s ease-out both;   }

@keyframes TransY50 {
    0% { opacity: 0; transform: translateX(-50%) translateY(-30%) }
    100% { opacity: 1; transform: translateX(-50%) translateY(-50%) }
}

@media (max-width: 1200px) {
    .main_partner .bg { width: 90%;}
    .main_partner .item { padding: 40px 40px; width: 70%;}
}


@media (max-width: 768px) {
    .main_partner .bg { width: 100%; background-size: cover}
    .main_partner .item { padding: 50px 30px; width: 90%;}
    .main_partner .item .t1 { font-size: 2.8rem; margin-bottom: 30px; }
    .main_partner .item .t1 span { font-size: 1.4rem; display: block;}
}


/* 고객지원 */
.company_info {}
.company_info .ct { font-size: 2.0rem; padding-left: 10px; position: relative; line-height: 1.0; margin-bottom: 20px;}
.company_info .ct:before { content:""; display: block; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background: #036BB5;}

.company_info .download_wrap { margin: 20px 0 80px 0;}
.company_info .download_wrap a { font-size: 1.8rem; display: inline-block; margin-right: 15px; margin-bottom: 15px;  min-width: 260px; line-height: 50px; border-radius: 5px; padding: 0 14px; background: #0db8e4; color: #fff; text-align: center; transition: all 0.3s ease-out; }
.company_info .download_wrap a:hover { background: #087a97;}

.company_info .movie { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 15px; padding: 20px 0 30px 0; margin-bottom: 50px;}
.company_info .movie .movt { font-size: 1.6rem; margin-bottom: 10px;}

@media (max-width: 468px) {
    .company_info .download_wrap a { min-width: calc(50% - 10px);}
    .company_info .download_wrap a:nth-child(even) { margin-right: 0;}
    .company_info .movie { display: block; }
    .company_info .movie .item { margin-bottom: 30px;}
}

.lb_box_list { margin: 0 0 80px 0;}
.lb_box_list ul { display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px 15px;}
.lb_box_list ul .img img { width: 100%; border-radius: 5px; cursor: pointer;}
.lb_box_list ul p { margin: 10px 0;}

@media (max-width: 1024px) {
    .lb_box_list ul { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 768px) {
    .lb_box_list ul { grid-template-columns: repeat(3, 1fr); }
}



#pop_lb_box { position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1000;    background: rgba(0,0,0,0.9);    display: none;}
#pop_lb_box .box { position: fixed;    top: 52px;    left: 50%; transform: translateX(-50%);   max-width: 500px;      margin: 0;    background: #000; }
#pop_lb_box .box .img img { width: 100%; border-radius: 15px;}
#pop_lb_box .box .pop_close {    position: absolute;    top: -43px;    right: 0;    display: block;    width: 30px;    height: 30px; background: transparent; font-size: 0;
    border: 0; outline: 0;
}
#pop_lb_box .box .pop_close:after {content:"\e921"; font-size: 30px; font-family: 'xeicon'; color: #ffffff;}

@media (max-width: 501px) {
    #pop_lb_box { position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1000;    background: rgba(0,0,0,0.9); }
    #pop_lb_box .box {    position:absolute;    top: 70px;    left: 0;  transform: translateX(0);   width: 100%;    height:100%;  margin:0;    background: #000; }
    #pop_lb_box .box .pop_close {    position: absolute;  border:none;  top: -61px;    right: 0;    display: block;    width: 41px;    height: 41px;    font-size: 0;  background: transparent; border: 0; outline: 0; }
    #pop_lb_box .box .pop_close:after {content:"\e921"; font-size: 30px; font-family: 'xeicon'; color: #ffffff;}
}



/* 오시는 길 */

.contact_us { padding: 50px 0; font-size: 1.8rem; line-height: 2.0;}
.contact_us p { font-weight: bold; margin: 0 0 10px 0;}
.contact_us .xi { display: inline-block; width: 30px; color: #0db8e4;}
.contact_us .map { margin: 30px 0 0 0;}
.contact_us .map #daumRoughmapContainer1737691167088 { width: 100% !important; }