@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400&display=swap');

/*reset*/
html, body{height:100%!important; width:100%; padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif !important; box-sizing: border-box; letter-spacing:-1px; word-break:keep-all;}
.fontmj{font-family:'Noto Serif KR' !important;}
.img-res{width:100% !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}

/* header */
.header_in, .gnb_w>ul>li, .footer_in { -webkit-transition:all .3s cubic-bezier(.25, .46, .45, 1); -moz-transition:all .3s cubic-bezier(.25, .46, .45, 1); -o-transition:all .3s cubic-bezier(.25, .46, .45, 1); 
transition:all .3s cubic-bezier(.25, .46, .45, 1);}

#header {width:100%; height:180px; background:#fff; position:fixed; z-index:3333; border-bottom:1px solid #e7e7e7;}
#header.on {height:180px}
.header_in { position:relative; max-width:1400px; margin:0 auto; width:95%;}
.header_in h1 { width:100%;  text-align:center; }
.header_in h1 a { display:block; position:relative; z-index:10; background-image:url('/img/logo.png'); background-repeat:no-repeat; background-position:0 0; text-indent:-9999px;height:60px; width:240px; margin: 30px auto 30px;  }
.mo_br{display: none;}

.t-menu { position:absolute; right:0; top:18px;}
.t-menu li { float:left; padding-left: 15px; margin-left: 14px; line-height: 24px; background:url(/img/t_dsline.png) no-repeat left center; }
.t-menu li a { font-size:13px; color:#6b6c6e; letter-spacing:-0.5px; font-family:'Roboto', sans-serif; font-weight:bold}
.t-menu li:first-child { background: none; }

.menu {background:url(/img/menuBG.png) repeat-x }
.gnb_w>ul { overflow:hidden;  width:100%; z-index:10; margin:0 auto; }
.gnb_w>ul>li { float:left; width:25%; text-align:center; line-height:1.2;}
.gnb_w>ul>li>a { display:table; position:relative; width:100%; height:55px; color:#3c3c3c; font-size:17px; letter-spacing:-0.07em; }
.gnb_w>ul>li>a:hover, .gnb_w>ul>li>a:focus, .gnb_w>ul>li.on>a, .gnb_w>ul>li.active>a, #header.on .gnb_w>ul>li.active.on>a { color:#3c3c3c;}
#header.on .gnb_w>ul>li.active>a { color:#262626;}
#header.on .gnb_w>ul>li.active>a:after { left:50%; width:0;}
.gnb_w>ul>li>a>span { display:table-cell; vertical-align:middle;}
.gnb_w .depth2 { display:none; opacity:0; filter:alpha(opacity=0); height:290px; padding:24px 5px; text-align:center; }
.gnb_w .depth2>li { font-weight:300; }
.gnb_w .depth2:hover { background:rgba(255,255,255,0.1);transition:300ms ease-out 0ms; }/* �߰� */
.gnb_w .depth2>li>a { display:inline-block; color:#fff; font-size:15px; line-height:22px; font-weight:400; letter-spacing:-0.05em; margin:4px 0}
.gnb_w .depth2>li a:hover, .gnb_w .depth2>li a:hover {  color:#bbb !important; transition:300ms ease-out 0ms;  }
.gnb_w .depth3 { padding-left:1px; margin-left:10px; padding:2px 0 5px;}
.gnb_w .depth3>li { padding-top:5px;}
.gnb_w .depth3>li>a { position:relative; margin-left:0px; color:#888;font-weight:400;}
.gnb_w .depth3>li>a:before { content:""; display:block; position:absolute; top:10px; left:-8px; width:5px; height:1px; background-color:#999;}
.gnb_w .depth3>li>a:hover:before { background-color:#2c56a3;}

/* navMobile */
.navM_open { display:none;}
.navM_open span { font-size:0; }
.navMobile { display:none; position: fixed; width: 270px; height: 100%; top: 0; z-index: 9999; background: #fff; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */}
.navMobile .nav_top { height:70px; padding:0 15px 0 0; line-height: 70px; background-color:#333; text-align:right;}
.navMobile .nav_top>a { margin-left:5px; color:#e4b923; font-size:13px;}
.navMobile .nav_top>a:first-child { padding-right:10px; color:#fff;}
.gnb_m>li>a { display:block; position:relative; padding:12px 30px 11px 20px; border-bottom:1px solid #ccc; color:#000; font-size:14px; white-space:nowrap;}
.gnb_m>li>a:after { content:"\e874"; display:inline-block; position:absolute; top:13px; right:15px; font-family:'Linearicons-Free'; font-size:14px; color:#787878; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.gnb_m>li>a.on { border-bottom:1px solid #a6915c;}
.gnb_m>li>a.on:after { color:#011b54; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.gnb_m>li.childNone>a.on { border-bottom:1px solid #ccc;}
.gnb_m>li.childNone>a:after { display:none;}
.gnb_m>li>ul { display:none;}
.gnb_m>li>ul>li>a { display:block; padding:10px 21px; border-bottom:1px solid rgba(255,255,255,0.1); background-color:#0B173B; color:#b2b2b2; font-size:12px;}
.navM_close { display:block; position:absolute; top:0; left:0; width:70px; height:70px; border:0; border-right:1px solid #444; background:none; font-size:0; }
.navM_close:before { content:"\e870"; display:inline-block; position:absolute; top:24px; left:24px; font-family:'Linearicons-Free'; font-size:22px; line-height:22px; color:#fff;}
.pushy.pushy-left { right: 0;}
.pushy-left { -webkit-transform: translate3d(270px, 0, 0); -ms-transform: translate3d(270px, 0, 0); transform: translate3d(270px, 0, 0);}
.pushy-open-left .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.pushy-open-left #wrap, .pushy, .push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
.site-overlay { display: none;}
.sub100{width:100%; margin:0 auto;}
.sub100 .inner{width:95%; margin:0 auto; max-width:1200px;}
.sub100 .inner100, section{width:100%; margin:0 auto;}
.sub100 .line10{width:100%; height:10px; clear:both; margin:0 auto;}
.sub100 .line20{width:100%; height:20px; clear:both; margin:0 auto;}
.sub100 .line30{width:100%; height:30px; clear:both; margin:0 auto;}
.sub100 .line40{width:100%; height:40px; clear:both; margin:0 auto;}
.sub100 .line50{width:100%; height:50px; clear:both; margin:0 auto;}
.sub100 .line80{width:100%; height:80px; clear:both; margin:0 auto; position: relative;}
.sub100 .line100{width:100%; height:100px; clear:both; margin:0 auto;}
.sub100 .bold{font-weight: 700;}
.sub100 .fcolor{color: #0164a3;}


.sub100{width:100%; margin:0 auto;}
.sub100 .inner{width:95%; margin:0 auto; max-width:1200px; position: relative; overflow:hidden; border:none;}
.sub100 .inner::before, .sub100 .inner::after{display: none;}

.sub100 .inner_n{width:95%; margin:0 auto; max-width:1200px; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; position: relative; overflow:hidden;}
.sub100 .inner_n::before{width: 2px; height: 74px; background-color: #989898; content: ''; position: absolute; top: -74px; left: 0; transform: translateX(-50%); animation: line 5s infinite ease-in-out;
    animation-delay: 1s;}
.sub100 .inner_n::after{width: 2px; height: 74px; background-color: #989898; content: ''; position: absolute; top: -74px; right: 0; transform: translateX(-50%); animation: line 5s infinite ease-in-out;
	animation-delay: 1s;}

.sub100 .intro_top{width:100%; margin:0 auto;}
.sub100 .intro_top_box, .sub100 .intro_info_box{width:100%; margin:0 auto;}
.sub100 .intro_top_box .intro_title{text-align:center; font-size:36px; font-weight:700; letter-spacing:-0.5px; margin-bottom:10px;}
.sub100 .intro_info_box .intro_title{text-align:center; font-size:36px; font-weight:700; letter-spacing:-0.5px; margin-bottom:20px;}
.sub100 .intro_top_box .intro_sub_title{text-align:center; font-size:28px; font-weight:700; letter-spacing:-0.5px; margin-bottom:10px; color: #5a5a5a;}
.sub100 .intro_top_box .v_line{width:1px; height:80px; background-color: #000; margin: 0 auto;}
.sub100 .intro_top_box .intro_de, .sub100 .intro_info_box .intro_de{width: 90%; margin: 0 auto; text-align:center; font-size:18px; font-weight:400; letter-spacing:-0.5px; margin-bottom:10px; color: #5a5a5a; word-break: keep-all;}
.sub100 .stit{font-size:36px; font-weight:700; letter-spacing:-0.5px; margin-bottom:10px;}
.sub100 .stxt{font-size:21px; font-weight:400; letter-spacing:-0.5px; margin-bottom:40px;}
.sub100 .bold_line{width:36px; height: 5px; clear:both; margin:0 auto; background-color:#0164a3;}
.inner100 .info_wrapper{width: 100%; float: left; position: relative; overflow: hidden;}
.inner100 .info_container{width: 100%; overflow: hidden; display: none;}
.inner100 .info_container.active_on{display: block;}
.inner100 .info_container::before{width: 1px; height: 100%; background-color: #ebebeb; content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.inner100 .info_container::after{width: 2px; height: 74px; background-color: #989898; content: ''; position: absolute; top: -74px; left: 50%; transform: translateX(-50%); animation: line 5s infinite ease-in-out;  animation-delay: 2s;}


@keyframes line {
	0% {top: -74px;}
   35% { top: 100%;    }
   100% { top: 100%;}
}

.inner .intro02_container{width:100%; margin:0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.inner .intro02_con{width: 33.333%; height: 510px; position: relative; overflow: hidden;}
.inner .intro02_con img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.inner .intro02_con .intro02_txt{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background-color: rgba(0,0,0,0.6); padding-right: 30px; padding-top: 45px; box-sizing: border-box; color: #fff; text-align: right;}


.inner100 .info_container .info_box{width: 100%; height: 450px; margin-bottom: 80px; display: flex;}
.inner100 .info_container .info_box_auto{width: 100%; height: auto; margin-bottom: 80px; display: flex;}
.inner100 .info_container .info_box:nth-child(4){margin-bottom: 0px;}
.inner100 .info_container .info_box .info_txt{width: 50%; height: auto; padding-left: 50px; padding-right: 50px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.inner100 .info_container .info_box .info_img{width: 50%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.inner100 .info_container .info_box .info_img img{width: 100%;}
.inner100 .info_container .info_box .stit{width:100%; line-height: 55px; font-size:42px; font-weight:700; letter-spacing:-0.5px; margin-bottom:10px;}
.inner100 .info_container .info_box .stxt{width:100%; line-height: 28px; font-size:18px; font-weight:400; letter-spacing:-0.5px;}


#ceo_sign{width: 100%; height: 120px; padding: 30px 0 30px 0; box-sizing: border-box;}
#ceo_sign p{width: auto; height: 58px; line-height: 85px; font-size: 22px; font-weight: 700; color: #5a5a5a; float: right;}
#ceo_sign img{width: 101px; height: 58px; float: right; margin-left: 10px;}


.intro01 .location{position:relative;}
.intro01 .location .blind{width:100%; height:480px; background:rgba(0,0,0,0.1); position:absolute; z-index:3; left:0; top:0;}
.intro01 .loca_list{width:100%; height:50px; margin:0 auto; margin-top:80px; margin-bottom: 20px; text-align:center; display: flex; align-items: center; justify-content: center;}
.intro01 .loca_list li{width:210px; height:50px; font-weight: 700; line-height:50px; text-align:center; font-size:17px; margin-right:4px; display:inline-block; cursor: pointer;}
.intro01 .loca_list li.active {color:#0164a3;}

.intro03 .address{width:95%; margin:0 auto; position:relative; max-width:1200px; height:200px; background:#0b173b; top:-100px; z-index:2;}
.intro03 .maps{position:relative; width:100%; margin:0 auto; height:480px;}
.intro03 .address .left{width:50%; height:200px; line-height:200px; float:left;}
.intro03 .address .left .t1{font-size:24px; color:#fff; text-align:center;}
.intro03 .address .right{width:50%; height:200px; float:left; padding:65px 10px;}
.intro03 .address .right .t1{font-size:15px; color:#fff; text-align:left; margin-bottom:4px;}
.intro03 .address .right .t2{font-size:15px; color:#bbb; text-align:left; margin-bottom:4px;}
.intro03 .address .right .t2 span{color:#fff; font-weight:700; margin-right:10px;}
.intro03 .address .right .t2 span.last{margin:0 10px 0 20px;}
.intro03 .address .right .t3{font-size:15px; color:#4ca9ff; text-align:left; margin-bottom:4px;}

.sub100 .inner .inner100 .title_color{width: 100%; height: 22px; line-height:22px; text-align: center; font-size: 18px; font-weight: 800; color: #0164a3; display: none;}
.sub100 .inner .inner100 .b_title{width: 100%; height: 25px; display: flex; justify-content: center; align-items: center;}
.sub100 .inner .inner100 .title_top{width: 100%; height: 28px; line-height:28px; text-align: center; font-size: 21px; font-weight: 400;}
.sub100 .inner .inner100 .main_title{width: 100%; height: 50px; line-height:50px; text-align: center; font-size: 48px; font-weight: 900; color:#015E9F;}
.sub100 .inner .inner100 .laser_imgbox{width: 100%; padding-top: 30px; box-sizing: border-box; height: 100%; display: flex; justify-content: center; align-items: center; position: relative;}
.sub100 .inner .inner100 .laser_imgbox img{width: 100%; max-width: fit-content;}
.sub100 .inner .inner100 .middle_title{width: 100%; height: 32px; line-height:32px; text-align: center; font-size: 24px; font-weight: 400;}

.sub100 .inner .inner100 .ptt_txt_de{width: 100%; height:25px; line-height: 25px; font-size: 18px; text-align: center;}
.sub100 .inner .inner100 .ptt_txt{width: 100%; line-height: 25px; font-size: 16px; text-align: center;}

.sub100 .sw_sec{background-color: #edf3f3; position: relative;}
.sub100 .sw_sec .inner #stxt{width: 100%; height: 25px; line-height: 25px; font-size: 21px; text-align: center; font-weight: 400;}
.sub100 .sw_sec .inner .big_ft{width: 100%; height: 40px; line-height: 40px; font-size: 32px; text-align: center; display: inline-block;}
.sub100 .sw_sec .inner .big_ft .dtxt{width: 100%; line-height: 30px; font-size: 20px; margin-top: 30px; margin-bottom: 30px;}

.sub100 .sw_sec2{position: relative;}
.sub100 .sw_sec2 .inner_box{background-color: #f8f8f8; border-radius: 50px; padding: 70px 90px 70px 90px; box-sizing: border-box;}
.sub100 .sw_sec2 .inner #stxt{width: 100%; height: 25px; line-height: 25px; font-size: 16px; text-align: center; font-weight: 400;}
.sub100 .sw_sec2 .inner .big_ft{width: 100%; float: left;}
.sub100 .sw_sec2 .inner .big_ft p{width: 100%; line-height: 40px; font-size: 36px; text-align: center;}
.sub100 .sw_sec2 .inner .big_ft .dtxt{width: 100%; line-height: 30px; font-size: 19px; margin-top: 30px; margin-bottom: 30px; clear: both;}
.sub100 .sw_sec2 .inner .icon_box{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.sub100 .sw_sec2 .inner .icon_box dl{width: 25%;}
.sub100 .sw_sec2 .inner .icon_box dl .icon_img{width: 100%; text-align:center;}
.sub100 .sw_sec2 .inner .icon_box dl .icon_img img{max-width:80px;}
.sub100 .sw_sec2 .inner .icon_box dl dd{width: 100%; font-size: 19px; margin-top: 20px; text-align:center;}
.sub100 .sw_sec2 .inner .icon_box dl .last_dd{width: 100%; font-size: 17px;}

.sub100 .p_inner{width:95%; margin:0 auto; position:relative; margin-top:40px;}
.sub100 .p_inner.add2{margin-top:200px;}
.sub100 .p_inner ul{width: 100%; display: inline-block;}
.sub100 .p_inner li{width: 23%; margin:0 1%; height: inherit; padding: 45px 45px 45px 45px; box-sizing: border-box; background-color: #fff; position: relative;transition:all 0.5s; -webkit-transition:all 0.5s; float:left;}
.sub100 .p_inner li:hover{background-color: #0164a3; transition:all 0.5s; -webkit-transition:all 0.5s;}
.sub100 .p_inner li::after{width: 100%; height: 2px; background-color: #0164a3; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content:'';}
.sub100 .p_inner li:hover::after{background-color: #edf3f3;  transition:all 0.5s; -webkit-transition:all 0.5s;}
.sub100 .p_inner li dl{width: 100%; height: 100%;}
.sub100 .p_inner li dl dt{width: 100%; height: 30px; line-height: 30px; font-size: 28px; font-weight: 700; margin-bottom: 10px; color:#015E9F;}
.sub100 .p_inner li dl dd{width: 100%; line-height: 38px; font-size: 32px; margin-bottom: 100px; font-weight:700;}
.sub100 .p_inner li dl p{width: 100%; line-height: 26px; font-size: 18px; color:#aaa; height:52px;}

.sub100 .p_inner li:hover dl dt{color:#fff;}
.sub100 .p_inner li:hover dl dd{color:#fff;}
.sub100 .p_inner li:hover dl p{color:#fff;}


.sub100 .s_section{padding-top: 100px; padding-bottom: 100px; box-sizing: border-box; position:relative; display:inline-block;}
.sub100 .s_section .inner100{position: relative; z-index: 5;}
.sub100 .s_section .position_img{width: 100%; position: absolute; top: -130px; right: 0; max-width: fit-content; z-index: -1;}
.sub100 .s_section .position_img_r{width: 100%; height: auto; position: absolute; top: -130px; right: 0; max-width: fit-content; z-index: -1;}
.sub100 .s_section .position_img_r2{width: 100%; height: auto; position: absolute; top: 200px; right: 0; max-width: fit-content; z-index: -1;}
.sub100 .s_section .position_img_l{width: 23%; height: auto; position: absolute; bottom: 0; left: 128px; max-width: fit-content; z-index: -1;}
.s_section .inner .top_tbox{width: 100%;}
.s_section .inner .top_tbox .top_tbox_txt{width: 100%; float: left;}
.s_section .inner .top_tbox .bot_tbox_txt{width: 100%; float: left;}
.s_section .inner .bottom_tbox .bot_tbox_txt{width: 100%; float: left;}
.s_section .inner .top_tbox .top_tbox_img{width: 45%; float: left; position: relative;}
/* .s_section .inner .top_tbox .top_tbox_txt p{width: 100%; font-size: 32px; font-weight: 700; line-height: 22px; margin-bottom: 60px; } */
.s_section .inner .top_tbox .top_ibox{width:100%; max-width:400px; display: flex; justify-content: space-between; align-items: center; margin-top:40px;}
.s_section .inner .top_tbox .top_ibox img{width:100%; max-width: fit-content;}
.s_section .inner .top_tbox .top_ibox dl{text-align: center; width:50%; float:left; padding:0 22px;}
.s_section .inner .top_tbox .top_ibox dl dt{width: 100%;}
.s_section .inner .top_tbox .top_ibox dl dd{width: 100%; line-height: 24px; font-size:18px; padding-top:20px;}
.s_section .inner .top_tbox .top_ibox dl .nonedd{display: none;}
.s_section .inner .top_tbox .top_ibox800{width:100%; max-width:400px; display: flex; justify-content: space-between; align-items: center; margin-top:40px;}
.s_section .inner .top_tbox .top_ibox800 dl{text-align: center; width:50%; float:left; padding: 0px; margin-right: 22px;}
.s_section .inner .top_tbox .top_ibox800 dl:last-child{margin-right: 0px;}
.s_section .inner .top_tbox .top_ibox700{width:100%; max-width:700px; display: flex; justify-content: space-between; align-items: center; margin-top:40px;}
.s_section .inner .top_tbox .top_ibox700 dl{text-align: center; width:50%; float:left; padding: 0px; margin-right: 15px;}
.s_section .inner .top_tbox .top_ibox700 dl:last-child{margin-right: 0px;}
.s_section .top_ibox_limit{width:100%; max-width:700px; display: flex; justify-content: space-between; align-items: center; margin-top:40px;}
.s_section .top_ibox_limit img{width: 100%;}
.s_section .top_ibox_limit .top_iboxpc{display: block;}
.s_section .top_ibox_limit .top_iboxmo{display: none;}



.s_section .inner .top_tbox .top_tbox_img100{width: 100%; float: left; clear: both; position: absolute; top: 0; left: 0; z-index: -1;}
.s_section .inner .top_tbox .top_tbox_img100 img{width: 100%; height: auto; max-width: fit-content; position: absolute; top: 0; right: 0;}
.s_section .inner .top_tbox .top_tbox_txt p{width: 100%; font-size: 21px; font-weight: 700; line-height: 22px; margin-bottom: 15px;}
.s_section .inner .bottom_tbox .top_tbox_txt p{width: 100%; font-size: 21px; font-weight: 700; line-height: 22px; margin-bottom: 15px;text-align: right;}
.s_section .inner .top_tbox .top_tbox_txt h3{width: 100%; font-size: 21px; font-weight: 400; margin-bottom: 20px;}
.s_section .inner .top_tbox .bot_tbox_txt h3{width: 100%; font-size: 21px; font-weight: 400; margin-top: 20px;}
.s_section .inner .bottom_tbox .top_tbox_txt h3{width: 100%; font-size: 21px; font-weight: 400; margin-bottom: 20px; line-height: 36px; text-align: right;}
.s_section .inner .bottom_tbox .top_tbox_txt .line_fcolor{width: 100%; font-size: 21px; font-weight: 400; margin-bottom: 20px; line-height: 30px; text-align: right;}
.s_section .inner .bottom_tbox .bot_tbox_txt .line_fcolor{width: 100%; font-size: 21px; font-weight: 400; margin-top: 20px; line-height: 30px; text-align: right;}

.s_section .inner .bottom_tbox{width: 100%; overflow: hidden;}
.s_section .inner .bottom_tbox .top_tbox_txt, .s_section .inner .bottom_tbox .top_tbox_img, .s_section .inner .bottom_tbox .top_tbox_img2{width: 100%; float: right;}
.s_section .inner .bottom_tbox .top_tbox_img img{float: right; clear: both;}
.s_section .inner .bottom_tbox .top_tbox_img2 img{width: 100%; max-width: fit-content; float: left; clear: both;}

.s_section .inner .bottom_tbox{width: 100%; position:relative;}
.s_section .inner .bottom_tbox ul{width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.s_section .inner .bottom_tbox ul li{width: 25%;}
.s_section .inner .bottom_tbox ul li dl{width: 100%;}
.s_section .inner .bottom_tbox ul li dt{width: 100%; line-height: 30px; font-size: 24px; position: relative; margin-bottom: 30px; font-weight: 700;}
.s_section .inner .bottom_tbox ul li dt::after{content:''; width: 13%; height: 1px; position: absolute; bottom: -10px; left: 0; background-color: #000;}
.s_section .inner .bottom_tbox ul li dd{width: 100%; line-height: 32px; font-size: 21px; font-weight:100;}

.s_section .inner .bottom_tbox2{width: 100%;}
.s_section .inner .bottom_tbox2 ul{width: 60%; display: inline-block; margin-bottom:20px;}
.s_section .inner .bottom_tbox2 ul li{width: 50%; float:left;}
.s_section .inner .bottom_tbox2 ul li dl{width: 100%; padding:0 10px;}
.s_section .inner .bottom_tbox2 ul li dt{width: 100%; line-height: 30px; font-size: 24px; position: relative; margin-bottom: 30px; font-weight: 700; margin-top:30px;}
.s_section .inner .bottom_tbox2 ul li dd{width: 100%; line-height: 32px; font-size: 18px; font-weight:100;}
.s_section .inner .bottom_tbox2 ul li dd br{display:none;}

.s_section .inner_over{width:95%; margin:0 auto; max-width:1200px; overflow: visible; position: relative; border:none;}

.sub100 .b_section{padding-top: 100px; padding-bottom: 100px; box-sizing: border-box; background-color: #fff; position: relative;}
.sub100 .b_section .inner100{position: relative; z-index: 5;}
.b_section .inner_po{width: 95%; margin: 0 auto; position: static; max-width: 1200px; overflow: hidden; border: none;}
.b_section .inner .top_tcon, .b_section .inner .bottom_tcon, .l_section .inner .top_tcon{width: 100%; color: #fff; text-align: center;}
.b_section .inner .top_tcon dl, .b_section .inner .bottom_tcon dl, .l_section .inner .top_tcon dl{width: 100%; }
.b_section .inner .top_tcon .top_tcon_img{width: 65%; float: left; position: relative;}
.b_section .inner .top_tcon .top_tcon_img dl{width: 50%; clear: both; position: absolute; bottom: 0; left: 0;}
.b_section .inner .top_tcon .top_tcon_img dl dt{width: 100%; margin-bottom: 40px;}
.b_section .inner .top_tcon .top_tcon_img dl dd{width: 100%; font-size: 16px; line-height: 26px;}
.b_section .inner .top_tcon .top_tcon_txt{width: 35%; float: left;}
.b_section .inner .top_tcon .top_tcon_txt_one{width: 50%; float: right;}
.b_section .inner .top_tcon .top_tcon_txt p{color: #000; width: 100%; text-align: left; line-height: 40px; font-size: 32px;}
.b_section .inner .top_tcon .top_tcon_txt dl, .l_section .inner .top_tcon dl{width: 100%; clear: both;}
.b_section .inner .top_tcon .top_tcon_txt dl{margin-bottom: 20px;}
.b_section .inner .top_tcon .top_tcon_txt dl:last-child{margin-bottom: 0px;}
.b_section .inner .top_tcon .top_tcon_txt dt{width: 100%; line-height: 58px; font-size: 28px; text-align: left;}
.b_section .inner .top_tcon .top_tcon_txt dd{width: 100%; line-height: 28px; font-size: 18px; text-align: left;}
.b_section .inner .top_tcon dl dt, .various_section .inner .top_tcon dl dt{width: 100%; line-height: 28px; font-size: 24px; color:#000;}
.b_section .inner .top_tcon dl dd, .various_section .inner .top_tcon dl dd{width: 100%; line-height: 58px; font-size: 36px; color:#000;}

.b_section .inner .bottom_tcon, .l_section .inner .bottom_tcon{width: 100%; color: #fff; text-align: center; max-width:800px; margin:0 auto; margin-bottom: 50px;}

.b_section .inner .bottom_tcon br, .l_section .inner .bottom_tcon br{display:none;} 
	
.b_section .inner .bottom_tcon dt{width: 100%; line-height: 30px; font-size: 19px; color:#aaa;}
.b_section .inner .bottom_tcon dd, .l_section .inner .bottom_tcon dd{width: 100%; line-height: 30px; font-size: 19px;margin-top: 30px;}
.b_section .inner .bottom_tcon .fcolor{color: #97d4fe;}
.b_section .inner .b_sec_img{width: 100%; display: flex; align-items: center; justify-content: center;}
.b_section .inner .b_sec_img img{width: 100%; max-width:fit-content;}
.sub100 .b_section .position_img, .sub100 .s_section .position_img{width: 100%; height: auto; position: absolute; top: -185px; left: 0; max-width: fit-content; z-index: -1;}
.sub100 .b_section .position_img4{width: 100%; height: auto; position: absolute; top: -80px; left: 15px; max-width: fit-content; z-index: 0;}
.sub100 .b_section .position_img2{width: 100%; position: absolute; top: -190px; left: 0; max-width: fit-content; z-index: -1;}
.sub100 .b_section .position_img3{width: 100%; position: absolute; top: -300px; left: 0; max-width: 630px;}
.b_section .inner .bsec_imgmo{display: none;}
.b_section .inner .bsec_imgpc{display: block;}

.b_section .inner .blue_box{width: 100%; display: flex; justify-content: center; align-items: center;}
.b_section .inner .blue_box h1{width: 80%; background-color: #97d4fe; border-radius: 25px; font-size: 22px; line-height: 50px; text-align: center; color: #fff;}

.bsec_wrap{width: 100%; display: flex; align-items: flex-start; justify-content: space-around;}
.bsec_wrap .bsec_tem{text-align: center; flex: 1;}
.bsec_wrap .bsec_tem h1{font-size: 24px; margin-bottom: 5px; color:#015E9F;}
.bsec_wrap .bsec_tem p{font-size: 18px; line-height: 28px; height: 140px;}

.s_section .inner_over{width:95%; margin:0 auto; max-width:1200px; overflow: visible; position: relative; border:none;}
.s_section .inner .ps_r, .s_section .inner .ps_r2{width: 100%; position: absolute; top: 0; left: 0;}
.s_section .inner .ps_r2 img{width: 100%; max-width: fit-content; position: absolute; top: -140px; right: 0; z-index: -1;}
.s_section .inner .ps_r img{width: 100%; height: auto; max-width: fit-content; position: absolute; top: -60px; right: 0px; z-index: -1;}


.sub100 .l_section{padding-top: 100px; padding-bottom: 180px; margin-bottom: 300px; box-sizing: border-box; background-color: #7b98ac; position: relative;}
.l_section .s_wrapper{width: 100%; height: 375px; position: absolute; top: 340px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center;}
.l_section .s_wrap{width: 825px; height: 410px; overflow: hidden; position: relative;}
.l_section .s_wrap .s_con{width: 100%; height: 100%;max-width: 3300px; display: flex;}
.l_section .s_wrap .s_con .s_item{width: 825px; height: 375px;}
.l_section .inner .top_tcon dl dt{width: 100%; line-height: 28px; font-size: 24px; color:#fff;}
.l_section .inner .top_tcon dl dd{width: 100%; line-height: 58px; font-size: 36px; color:#fff;}
.l_section .inner .bottom_tcon dt{width: 100%; line-height: 30px; font-size: 19px; color:#eee;}

.sub100 .inner100 .table_img{width: 100%; height: 100%; padding: 30px 0 30px 0; overflow: hidden;}
.sub100 .inner100 .table_img img{width: 100%; height: 100%; max-width: fit-content;}
.sub100 .inner100 .table_img .table_img_m{display: none;}

.sub100 .qna{background-color: #ebebeb; padding: 120px 0 120px 0; box-sizing: border-box; float: left;}
.sub100 .qna .qabox{width:100%; height: auto; margin:0 auto; clear: both; float: left;}
.sub100 .qabox .lqa{width: 30%; height: 100%; float: left; font-size: 48px; line-height: 80px; font-weight: 400; position: relative;}
.sub100 .qabox .rqa{width: 68%; height: 100%; float: right; padding-top: 7px;}
.sub100 .qabox .rqa .qatxt{width: 100%; height: 100%; clear: both; margin-bottom: 50px;}
.sub100 .qabox .rqa .qatxt:last-child{margin-bottom: 0px;}
.sub100 .qabox .rqa .qatxt dt{width: 100%; line-height: 32px; clear: both; font-size: 28px; margin-bottom: 25px;}
.sub100 .qabox .rqa .qatxt dt:last-child{margin-bottom: 0px;}
.sub100 .qabox .rqa .qatxt dd{width: 100%; line-height:32px; clear: both; font-size: 18px;}

.swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background-color: #7b98ac;}
.swiper-pagination-bullet-active { width: 24px; height: 24px; transition: width height .5s; background: url(/img/swiper_btn_act.png); }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0; display: flex; align-items: center; justify-content: center;}

.spec{ width: 100%; padding: 100px 0px 100px 0px; overflow: hidden;}
.spec_second{ width: 100%; padding-bottom: 100px; padding-top: 0; overflow: hidden;}
.spec .inner h1{width: 100%; text-align: center; font-size: 40px; font-weight: 900; margin-bottom: 50px;}
.spec .inner .spec_table{width: 100%; font-size: 19px; border-top: 1px solid #cacaca; border-collapse: collapse;}
.spec .inner .spec_table .spec_wrap{width: 100%; line-height: 55px; position: relative; float: left;}
.spec .inner .spec_table .spec_wrap:nth-child(even){background-color: #eaeaea;}
.spec .inner .spec_table .spec_wrap::after{content: '';width: 100%; background-color: #cacaca; height: 1px; position: absolute; bottom: 0; left: 0;}
.spec .inner .spec_table .spec_wrap .spect{width: 50%; float: left; clear:both; font-weight: 700; text-align: center;}
.spec .inner .spec_table .spec_wrap .spect_wrap{width: 100%; float: left; clear:both; font-weight: 700; text-align: center;}
.spec .inner .spec_table .spec_wrap .spect.dline{line-height:110px;}
.spec .inner .spec_table .spec_wrap .specd.dline{line-height:110px;}
.spec .inner .spec_table .spec_wrap .spect.tline{line-height:165px;}
.spec .inner .spec_table .spec_wrap .spect.sline{line-height:200px;}
.spec .inner .spec_table .spec_wrap .spect.fline{line-height:220px;}
.spec .inner .spec_table .spec_wrap .spect.ftline{line-height:450px;}
	
.spec .inner .spec_table .spec_wrap .specd{width: 50%; float: left;  box-sizing: border-box; border-left: 1px solid #cacaca; text-align: center;}
.spec .inner .spec_table .spec_wrap .specd .l_specd{width: 50%; float: left;}
.spec .inner .spec_table .spec_wrap .specd .r_specd{width: 50%; float: left; border-left: 1px solid #cacaca;}


.loca_list{width:100%; margin:0 auto; margin-top:80px; margin-bottom:80px; text-align:center;}
.loca_list li{width:210px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#444; border:1px solid #e5e5e5; margin-right:4px; display:inline-block;  transition:all 0.5s; -webkit-transition:all 0.5s;}
.loca_list li a{display:inline-block; height:50px; width:100%;}
.loca_list li.active, .loca_list li:hover{background:#444; transition:all 0.5s; -webkit-transition:all 0.5s;}
.loca_list li.active a, .loca_list li:hover a{color:#fff; transition:all 0.5s; -webkit-transition:all 0.5s;}


#sub_layout {width:100%; height:500px; display:table}
#sub_layout div {display:table-cell; text-align:center; vertical-align:middle; color:#fff}
#sub_layout h2 {font-size:48px; letter-spacing:-1px; font-weight:bold; margin-top:10px;}
#sub_layout .eng {font-size:24px; opacity:0.4; letter-spacing:2px;}
#sub_layout .txt {font-size:19px; font-weight:400; margin-top:10px; padding:0 11px;}
.sub_layout01 {background:url(/img/intro01_main.png) no-repeat center center}
.sub_layout02 {background:url(/img/intro02_main.png) no-repeat center center}
.sub_layout03 {background:url(/img/intro03_main.png) no-repeat center center}
.service01 {background:url(/img/service_main01.png) no-repeat center center}
.laser_layout01 {background:url(/img/laser01_main.png) no-repeat center center}
.laser_layout02 {background:url(/img/laser02_main.png) no-repeat center center}
.laser_layout03 {background:url(/img/laser03_main.png) no-repeat center center}
.laser_layout04 {background:url(/img/laser04_main.png) no-repeat center center}
.laser_layout05 {background:url(/img/laser05_main.png) no-repeat center center}
.laser_layout06 {background:url(/img/laser06_main.png) no-repeat center center}
.laser_layout06_1 {background:url(/img/laser06_1_main.png) no-repeat center center}
.laser_layout07 {background:url(/img/laser07_main.png) no-repeat center center}
.laser_layout08 {background:url(/img/laser08_main.png) no-repeat center center}
.laser_layout09 {background:url(/img/laser09_main.png) no-repeat center center}
.laser_layout10 {background:url(/img/laser10_main.png) no-repeat center center}
.laser_layout11 {background:url(/img/laser11_main.png) no-repeat center center}
.laser_layout12 {background:url(/img/laser12_main_ver.png) no-repeat center center}
.laser_layout13 {background:url(/img/laser13_main.png) no-repeat center center}
.laser_layout14 {background:url(/img/laser14_main.png) no-repeat center center}
.laser_layout14_1 {background:url(/img/laser14_1_main.png) no-repeat center center}
.laser_layout15 {background:url(/img/laser15_main.png) no-repeat center center}
.laser_layout16 {background:url(/img/laser16_main.png) no-repeat center center}
.laser_layout17 {background:url(/img/laser17_main.png) no-repeat center center}
.laser_layout18 {background:url(/img/laser18_main.png) no-repeat center center}
.laser_layout19 {background:url(/img/laser19_main.png) no-repeat center center}
.laser_layout20 {background:url(/img/laser20_main.png) no-repeat center center}
.laser_layout21 {background:url(/img/laser21_main.png) no-repeat center center}

.sub100 .inner .inner100 .ptt_txt_de{width: 100%; height:25px; line-height: 25px; font-size: 18px; text-align: center;}
.sub100 .inner .inner100 .ptt_txt{width: 100%; line-height: 25px; font-size: 18px; text-align: center;}

.sub100 .ptt_sec{width: 100%; height: 762px; background: url(../img/laser14_02.png) center; padding-bottom: 10px; position: relative; float: left;}
.sub100 .ptt_sec.ptt_1_sec{width: 100%; height: 762px; background: url(../img/laser14_1_02.png) center; padding-bottom: 10px; position: relative; float: left;}
.sub100 .rv_sec{width: 100%; height: 837px; background: url(../img/laser13_03_0329.png) center; padding-bottom: 10px; position: relative;}
.sub100 .ptt_sec .ptt_sec_img{width: 909px; height: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.sub100 .ptt_sec .ptt_sec_img img{width: auto; position: absolute; left: 50%; transform: translateX(-50%);}
.sub100 .ptt_sec .ptt_sec_img img:nth-child(1){bottom: -10px; z-index: 5;}
.sub100 .ptt_sec .ptt_sec_img img:nth-child(2){bottom: 70px; z-index: 2;}
.sub100 .ptt_sec .ptt_sec_txt{width: 100%; height: 100%; margin: 0 auto; position: absolute; z-index: 30; top: 0; left: 0;}
.sub100 .ptt_sec .ptt_sec_txt .v_line{width: 1px; height: 70px; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.sub100 .ptt_sec .ptt_sec_txt .inner{padding-top: 100px; box-sizing: border-box; text-align: center; color: #fff;}
.sub100 .ptt_sec .ptt_sec_txt .inner .ptt_stxt{width: 100%; line-height: 28px; font-size: 20px; font-weight: 400;}
.sub100 .ptt_sec .ptt_sec_txt .inner .ptt_stxt span{color: #ffdeb7;}
.sub100 .ptt_sec .ptt_sec_txt .inner .ptt_stit{width: 100%; height: 60px; line-height: 60px; font-size: 50px; font-weight: 600;}
.sub100 .ptt_sec .ptt_sec_txt .inner .border_txt{width: 100%; height: 35px; display: flex; align-items: center; justify-content: center;}
.sub100 .ptt_sec .ptt_sec_txt .inner .border_txt p{width: 170px; height: 38px; line-height: 35px; border: 1px solid #fff; font-weight: 200; font-size: 18px;}


.s_section .inner .bottom_tbox .top_ibox .top_ibox_wrap{width: 60%; float: right;display: flex; align-items: center; justify-content: space-between;}
.s_section .inner .bottom_tbox .top_ibox .top_ibox_wrap dl{width: 30%;}
.s_section .inner .bottom_tbox .top_ibox .top_ibox_wrap dl dt{width: 100%;}
.s_section .inner .bottom_tbox .top_ibox .top_ibox_wrap dl dt img{width: 100%;}
.s_section .inner .bottom_tbox .top_ibox .top_ibox_wrap dl dd{width: 100%; margin-top: 10px; text-align: center; font-size: 12px;}


.sub100 .inner100 .table_img{width: 58%; height: 100%; padding: 30px 0 30px 0;  margin: 0 auto; overflow: hidden;}
.sub100 .inner100 .table_img2{width: 100%; height: 100%; padding: 30px 0 30px 0;  margin: 0 auto; overflow: hidden;}

.sub_1200{width:95%; margin:0 auto; max-width:1200px;}
.inner100_img_wrap{width: 100%; float: left; padding-bottom: 100px;}
.inner100_img_wrap img{width: 100%; max-width: fit-content; margin: 0 auto; display: block;}

.location .inner100{width:100%; position:relative; overflow:hidden;}
.location .blind{width:100%; height:480px; background:rgba(0,0,0,0.1); position:absolute; z-index:22; left:0; top:0; }
.inner .intro02_con .intro02_txt{position:absolute; left:50%; top:50%; width:101%; transform:translate(-50%,-50%); padding:0;}
.intro02_txt .stit{font-size:24px; text-align:center; margin-bottom:20px; padding-top:140px;}
.intro02_txt .stxt{font-size:18px; text-align:center; font-weight:400; padding:0 11px;}
.inner100 .info_container .info_box .info_img.pc{display:block;}
.inner100 .info_container .info_box .info_img.mb{display:none;}



/* 0222 */
.intro04 .inner_smol{max-width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 100px 0;}
.intro04 .inner_smol img{width: 100%;}

.sub100 .case_section{padding-top: 100px; padding-bottom: 180px; box-sizing: border-box; position: relative;}
.sub100 .case_section::after{width: 100%; height: 470px; top: 0; left: 0; position: absolute; content:""; background-color: #7b98ac; z-index: -1;}
.case_section .swip_container{width: 840px; margin: 0 auto; padding-top: 50px; position: relative; overflow: hidden;}
.case_section .swip_container .s_wrap{width: 100%; margin-bottom: 35px;}
.case_section .swip_container img{width: 100%;}
.case_section .top_tcon dl dt{width: 100%; line-height: 28px; font-size: 24px; color:#fff; text-align: center;}
.case_section .top_tcon dl dd{width: 100%; line-height: 58px; font-size: 36px; color:#fff; text-align: center;}
.case_section .bottom_tcon dt{width: 100%; line-height: 30px; font-size: 19px; color:#eee; text-align: center;}

.vid_section{width: 100%; margin: 50px 0; display: inline-block;}
.vid_section .inner .vid_wrapper{position: relative; padding-top: 50%;}
.vid_section .inner .vid_wrapper iframe{position: absolute;top: 0; left: 0;}
.s_section .inner .bottom_tbox .bottom_ibox{width: 100%;}
.s_section .inner .bottom_tbox .bottom_ibox img{float: right;}

.sub100 .laser_imgbox .dw_btn{width: 185px; position: absolute; bottom: 50px; right: 50px; background: #000; border-radius: 8px;}
.sub100 .laser_imgbox .dw_btn a{display: block; width: 100%; text-align: center; color: #fff;}
.sub100 .laser_imgbox .dw_btn a h1{width: 100%; font-size: 18px; line-height: 28px; padding: 2px 15px; font-weight: 400;}
.sub100 .laser_imgbox .dw_btn a h1 i{margin-left: 8px;}

/* .you_section{width: 100%; margin: 50px 0 100px 0; display: inline-block;}
.you_section .you_wrap{width: 100%; position: relative; padding-top: 50%;}
.you_section .you_wrap iframe{position: absolute;top: 0; left: 0;}
.you_section h1{font-size: 36px; line-height: 58px; width: 100%; text-align: center; font-weight: 400; margin-bottom: 30px;} */

.you_section{width: 100%; margin: 50px 0 100px 0; display: inline-block;}
.you_section .you_wrap{width: calc(100% - 100px); margin: 0 auto;}
.you_section .you_wrap .you_swiper{width: 100%; overflow: hidden;}
.you_section .you_wrap .you_swiper2{width: 100%; overflow: hidden;}
.you_section .you_wrap .swiper-slide{width: 100%; height: auto; padding-top: 50%; position: relative;}
.you_section .you_wrap .swiper-slide iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.you_section h1{font-size: 36px; line-height: 58px; width: 100%; text-align: center; font-weight: 400; margin-bottom: 30px;}
.swiper-button-next, .swiper-button-prev{margin-top: -13px;}

.sub100 .s_section_ex{padding-top: 0;}
.s_section .inner .top_tbox .miin_mode{width: 100%; text-align: right; font-size: 21px; line-height: 32px; margin-bottom: 15px; font-weight: 700;}
.s_section .inner .top_tbox .miin_img{width: 100%; display: inline-block;}
.s_section .inner .top_tbox .miin_img img{width: 100%; max-width: 800px; display: block;float: right;}
.s_section_ex .inner .bottom_tbox{text-align: right;}
.s_section_ex .inner .bottom_tbox ul li dt::after{left: inherit; right: 0;}
.s_section_ex .inner .bottom_tbox ul li dd{font-weight: 500;}


/* tremix */
.s_inner{width: 1200px; margin: 0 auto;}
.tre_container{width: 100%; display: inline-block; margin: 100px 0;}
.tre_container_f{display: inline-flex; align-items: center;}
.tre_container .left_wp{width: 250px; float: left;}
.tre_container .right_wp{width: calc(100% - 250px); float: left;}
.l_tit{font-size: 26px; font-weight: 700;}
.tre_txt{width: 100%;}
.tre_imgwp{width: 100%; margin-top: 50px; display: inline-flex; justify-content: space-between;}
.tre_imgwp .tre_img{width: 460px;}
.tre_imgwp img{width: 100%;}
.tre_infob{font-size: 22px; line-height: 35px; font-weight: 700; margin-bottom: 10px;}
.tre_info{font-size: 18px; line-height: 28px;}
.tre_info .tre_bold{width: 100%; display: inline-block; margin: 10px 0; font-weight: 700;}
.tre_info .tre_bold:first-child{margin-top: 0;}
.infob_ma{margin-top: 20px;}
.l_tit img{width: 100%;}
.right_wp .tre_point{width: 100%; display: inline-block; position: relative;}
.tre_point li{width: 150px; height: 150px; text-align: center; border-radius: 50%; background: #e3dbe6; float: left; margin-right: 20px; font-size: 18px; line-height: 28px; display: inline-flex; align-items: center; justify-content: center;}
.tre_point li:last-child{margin: 0;}

/* needle */
.sep_imgwp{width: 100%; display: inline-block;}
.sep_con{width: 580px; margin: 0 10px;background: #333; border-radius: 15px; float: left; overflow: hidden;}
.padding-box{padding: 60px; color: #fff;}
.padding-box p{font-size: 21px; line-height: 31px;}
.padding-box h5{font-size: 38px; line-height: 50px;}
.sep_con img{width: 100%;}
.sep_con .full_img{width: 100%;}

.step_wrap{width: 100%; display: inline-block;}
.step_tem{width: 360px; float: left; margin: 0 20px;}
.step_tem img{width: 100%;}
.step_tem p{margin-top: 20px; font-size: 21px; line-height: 31px;}
.step_tem p span{width: 100%; display: block; color: #0164a3; margin-right: 5px; font-weight: 500;}

.various_section{width: 100%; padding: 100px 0; text-align: center;}
.various_section .top_tcon{text-align: center;}
.var_tabwp{width: 100%; display: inline-block; margin: 30px 0;}
.var_tab_con{width: 420px; margin: 0 auto;}
.var_tab_con li{width: 200px; float: left; font-size: 18px; line-height: 40px; text-align: center; border-radius: 10px; border: 1px solid #444; overflow: hidden;}
.var_tab_con li a{width: 100%; display: block; transition: all 0.3s;}
.var_tab_con li a:hover{background: #444; color: #fff;}
.var_tab_con li a.active{background: #444; color: #fff;}
.var_page1{margin-right: 20px;}
.var_wrapper{width: 100%; display: inline-block;}
.var_wrap{width: 100%;}
.tit_imgwp{display: inline-block; width: 100%;}
.tit_imgwp h1{font-size: 28px; line-height: 40px; margin-top: 15px;}
.niddle_wrap{margin-top: 30px; display: inline-block;}
.var_wrapper h1{font-size: 36px; line-height: 50px; text-align: center;}
.var_wrapper h1 span{font-size: 21px; line-height: 50px;}
.depth2 .niddle_con{width: 580px; margin: 0 10px;}
.depth3 .niddle_con{width: 360px; margin: 0 20px;}
.depth4 .niddle_con{width: 48%; margin: 1%;}
.niddle_con{display: inline-flex; flex-direction: column; align-items: center; justify-content: center; background: #eee; border-radius: 15px; float: left; padding: 30px 0; }
.vartab_page{display: none;}
#vartab_page1{display: block;}
.posi_img_r{position: absolute; right: 0; bottom: 100px;}
.var_wrap .pur_button{width: 100%; margin-top: 10px;}
.var_wrap .pur_button a{width: 200px; display: block; color: #fff; font-size: 18px; line-height: 28px; text-align: center; background: #222; border-radius: 15px; padding: 10px 25px; margin: 0 auto;}



/* 동영상 서브 탑 */

.laser_subtop{position: relative; width: 100%; height: 500px; overflow: hidden;}	
.laser_subtop .laser_subtop_vid{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;pointer-events: none}
.laser_subtop .laser_subtop_vid iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120vw; height: 150vh}
.laser_subtop .inner{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff;}
.laser_subtop .inner h2{font-size: 48px;letter-spacing: -1px;font-weight: bold;margin-top: 10px;}
.laser_subtop .inner .txt{font-size: 19px;font-weight: 400;margin-top: 10px;padding: 0 11px;}
.laser_subtop .laser_subtop_vid .mo-img{display: none;}

@media screen and (max-width: 1300px){
	.laser_subtop{height: 400px;}
	.laser_subtop .laser_subtop_vid iframe{width: 200vw; height: 200vh;}
}



@media screen and (max-width:1000px){
	#header {background:#fff; height:80px; top:0}
	.header_in{width:100%;}
	.header_in h1 { width:204px;float:none; margin:0 auto; padding:0;}
    .header_in h1 a { display:block; float:left;position:relative; z-index:10; width:183px; height: 50px; background-image:url(/img/logo.png); background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; margin:15px 0 0; background-size:100% auto}
	.menu { display:none }
    .t-menu { display:none }
	.navMobile { display:block;}
	.navM_open { display:block; position:absolute; top:0; right:0; width:60px; height:80px; border:0; background:none;}
	.navM_open:before { content:"\e871"; display:inline-block; position:absolute; top:20px; right:11px; font-family:'Linearicons-Free'; font-size:35px; line-height:35px; color:#000;}
	.pushy-open-left .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.65); -webkit-animation: fade 500ms; animation: fade 500ms;}
	#wrapper{padding-top:60px;}
	#sub_layout {height:440px;}
	#sub_layout h2 {font-size:32px;}
	#sub_layout .eng {font-size:21px}
	#sub_layout .txt {font-size:17px;}
	.laser_layout01 {background:url(/img/laser01_momain.png) no-repeat center center}
	.laser_layout02 {background:url(/img/laser02_momain.png) no-repeat center center}
	.laser_layout03 {background:url(/img/laser03_momain.png) no-repeat center center}
	.laser_layout04 {background:url(/img/laser04_momain.png) no-repeat center center}
	.laser_layout05 {background:url(/img/laser05_momain.png) no-repeat center center}
	.laser_layout06 {background:url(/img/laser06_momain.png) no-repeat center center}
	.laser_layout06_1 {background:url(/img/laser06_1_momain.png) no-repeat center center}
	.laser_layout07 {background:url(/img/laser07_momain.png) no-repeat center center}
	.laser_layout08 {background:url(/img/laser08_momain.png) no-repeat center center}
	.laser_layout09 {background:url(/img/laser09_momain.png) no-repeat center center}
	.laser_layout10 {background:url(/img/laser10_momain.png) no-repeat center center}
	.laser_layout11 {background:url(/img/laser11_momain.png) no-repeat center center}
	.laser_layout12 {background:url(/img/laser12_momain_ver.png) no-repeat center center}
	.laser_layout14 {background:url(/img/laser14_momain.png) no-repeat center center}
	.laser_layout16 {background:url(/img/laser16_momain.png) no-repeat center center}
	.laser_layout18 {background:url(/img/laser18_momain.png) no-repeat center center}
	.laser_layout19 {background:url(/img/laser19_momain.png) no-repeat center center}
	.laser_layout20 {background:url(/img/laser20_momain.png) no-repeat center center}
	.laser_layout21 {background:url(/img/laser21_momain.png) no-repeat center center}

}