@charset "utf-8";

/*---
font-family: 'NanumSquareNeoLight';
font-family: 'NanumSquareNeo';
font-family: 'NanumSquareNeoBold';
font-family: 'NanumSquareNeoExtraBold';
font-family: 'NanumSquareNeoHeavy';
---*/

/*-----------------------공통-----------------------*/
html {width:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden; word-break:keep-all;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; font-family: 'NanumSquareNeo'; font-size:15px; line-height:2; -webkit-text-size-adjust:none;}

html, body { height:100% !important; background:#222;}

a {text-decoration:none;color:#000;-webkit-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-moz-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-ms-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;-o-transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;transition: background .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;outline:none;}
a:hover, a:focus {text-decoration:none !important;}

/*-----드레그---*/
::-moz-selection {
   background: #1c1e29;
   color: #fff;
}
::selection {
   background: #1c1e29;
   color: #fff;
}
/*-----드레그---*/

/*-----스크롤---*/
::-webkit-scrollbar { width:8px; height:4px;}
::-webkit-scrollbar-track { background:#ddd;}
::-webkit-scrollbar-thumb { background:#1c1e29;}
/*-----스크롤---*/

#top_btn {position:fixed; bottom:20px; right:20px; width:45px; height:45px; border:1px solid #888; text-align:center; z-index:90; background:rgba(0,0,0,0.3); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
#top_btn img { position:relative; top:-3px;}
#top_btn:hover {border-color:#1c1e29; background:#1c1e29;}

/*-----공통----*/
img { height:auto; max-width:100%; vertical-align:middle;}
.clear {clear:both;}
.clear10 {clear:both; height:10px;}
.clear20 {clear:both; height:20px;}
.clear40 {clear:both; height:40px;}
.clear60 {clear:both; height:60px;}
.clear80 {clear:both; height:80px;}
.clear100 {clear:both; height:100px;}
.clear_dot {clear:both; height:100px; margin-bottom:100px; border-bottom:#555 dashed 1px;}
.text_center { text-align:center;}
.img_border { border:#ddd solid 1px;}
.img_padding { padding:20px;}

.pc_img {}
.mo_img { display:none;}

#footer { padding:40px 0; background:#000;}
.footer_info {font-size:0;}
.footer_info strong { margin-bottom:20px; color:#ccc;}
.footer_info .footer_info_li { display:inline-block; vertical-align:top;}
.footer_info .footer_info_li:first-child { width:55%;}
.footer_info .footer_info_li:first-child ul li { display:inline-block; font-size:13px; color:#999; line-height:1.3; margin-right:10px;}
.footer_info .footer_info_li:first-child ul li span { font-size:13px; font-weight:600; color:#999;}
.footer_info .footer_info_li:first-child .copyright { font-size:13px; color:#999; line-height:1.3; margin-top:40px;}
.footer_info .footer_info_li:first-child .copyright a { font-size:13px; color:#999;}
.footer_info .footer_info_li:last-child { width:45%;}
.footer_info .footer_info_li:last-child ul { font-size:0;}
.footer_info .footer_info_li:last-child ul li { display:inline-block; vertical-align:top; width:25%; padding-left:20px; font-size:15px; color:#ccc;}
.footer_info .footer_info_li:last-child ul li ul li { display:block; width:100%; padding-left:0; line-height:1.3; margin-top:8px;}
.footer_info .footer_info_li:last-child ul li ul li a { font-size:13px; color:#999;}

.wrap { font-family: 'NanumSquareNeo'; max-width:1200px; position:relative; margin:0 auto; padding:0 20px;}

h2 { font-family: 'NanumSquareNeoHeavy';}
/*-----공통----*/

/*-------------------------메인영상-----------------------*/
/*-----스크롤----*/
.scrolldown {
  --color: white;
  --sizeX: 25px;
  --sizeY: 40px;
  position: relative;
  width: var(--sizeX);
  height: var(--sizeY);
  margin-left: var(sizeX / 2);
  border: calc(var(--sizeX) / 15) solid var(--color);
  border-radius: 50px;
  box-sizing: border-box;
  position: absolute;
  bottom: 60px;
}

.scrolldown::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background-color: var(--color);
  border-radius: 100%;
  animation: scrolldown-anim 2s infinite;
  box-sizing: border-box;
}

@keyframes scrolldown-anim {
  0% {
    opacity: 0;
    height: 4px;
  }
  40% {
    opacity: 1;
    height: 4px;
  }
  80% {
    transform: translate(0, 20px);
    height: 4px;
    opacity: 0;
  }
  100% {
    height: 4px;
    opacity: 0;
  }
}
.chevrons {
  padding: 6px 0 0 0;
  margin-left: -3px;
  margin-top: 40px;
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chevrondown {
  margin-top: -3px;
  position: relative;
  border: solid var(--color);
  border-width: 0 2px 2px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.chevrondown:nth-child(odd) {
  animation: pulse 500ms ease infinite alternate;
}
.chevrondown:nth-child(even) {
  animation: pulse 500ms ease infinite alternate 150ms;
}
@keyframes pulse {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
/*-----스크롤----*/

.main_mov {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.main_mov video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.main_movtitle { position:absolute; z-index:9; text-align:center; width:100%;}
.main_movtitle .mov_title01 { font-size:30px; color:#fff; line-height:1.5; margin-bottom:15px; padding:0 10px;}
.main_movtitle .mov_title02 { font-size:40px; color:rgba(255,255,255,0.5); line-height:1.5; padding:0 10px;}
/*-------------------------메인영상-----------------------*/


/*-----메인----*/
.main_title { font-size:40px; line-height:1.3; margin-bottom:15px; color:#fff;}
.main_section { padding:100px 0;}
.part_section { padding:20px 0 50px 0;}
.main_bg01 { background:url('/kor/img/main/main_bg02.png') center bottom no-repeat; background-size:contain;}
.main_bg02 { background:#222;}
.main_bg03 { position:relative; background:url('/kor/img/main/main_bg03.jpg') center right no-repeat; background-size:cover;}

.main_ul01 { margin-top:20px; font-size:0;}
.main_ul01 li { display:inline-block; vertical-align:top; width:50%; height:300px; position:relative; border:#333 solid 1px; margin:-1px; filter: grayscale(100%); opacity:0.7; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.main_ul01 li:hover { filter: grayscale(0%); opacity:1;}
.main_ul01 li .main_ul01_box { padding:40px; color:#fff;}
.main_ul01 li .main_ul01_box .main_ul01_title { font-size:26px; font-weight:bold;}
.main_ul01 li .main_ul01_box .main_ul01_text { font-size:17px; line-height:1.5; margin:5px 0 20px 0; max-width:400px;}
.main_ul01 li .main_ul01_box img { position:absolute; left:40px; bottom:40px; opacity:0.5;}
.main_ul01 li:nth-child(1) { background:url('/kor/img/main/main_ul01_bg01.jpg') center center no-repeat; background-size:cover;}
.main_ul01 li:nth-child(2) { background:url('/kor/img/main/main_ul01_bg02.jpg') center center no-repeat; background-size:cover;}
.main_ul01 li:nth-child(3) { background:url('/kor/img/main/main_ul01_bg03.jpg') center center no-repeat; background-size:cover;}
.main_ul01 li:nth-child(4) { background:url('/kor/img/main/main_ul01_bg04.jpg') center center no-repeat; background-size:cover;}


.main_ul02 { font-size:0; margin:100px -5px 0 -5px;}
.main_ul02 li { display:inline-block; vertical-align:top; width:24%; position:relative; height:250px; margin:0.5%; background:#000; }
.main_ul02 li:nth-child(6) { width:49%;}
.main_ul02 li .main_ul02_box { position:absolute; left:40px; right:40px; bottom:40px; color:#fff;}
.main_ul02 li .main_ul02_box .main_ul02_title01 { font-size:13px; margin-bottom:5px;}
.main_ul02 li .main_ul02_box .main_ul02_title02 { font-size:25px; font-weight:bold; line-height:1.3; margin-bottom:5px;}
.main_ul02 li .main_ul02_box .main_ul02_title03 { font-size:15px; line-height:1.5; margin-bottom:5px;}
.main_ul02 li .main_ul02_box .main_ul02_btn { margin-top:10px; height:0; opacity:0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.main_ul02 li .main_ul02_box .main_ul02_btn { font-size:13px; color:#fff;}
.main_ul02 li .main_ul02_box .main_ul02_btn img { margin-left:10px;}
.main_ul02 li .main_ul02_img { position:absolute; width:100%; height:250px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.main_ul02 li:nth-child(1) .main_ul02_img { background:url('/kor/img/main/main_ul02_bg01.jpg') center center no-repeat; background-size:cover;}
.main_ul02 li:nth-child(2) .main_ul02_img { background:url('/kor/img/main/main_ul02_bg02.jpg') center center no-repeat; background-size:cover;}
.main_ul02 li:nth-child(3) .main_ul02_img { background:url('/kor/img/main/main_ul02_bg03.jpg') center center no-repeat; background-size:cover;}
.main_ul02 li:nth-child(4) .main_ul02_img { background:url('/kor/img/main/main_ul02_bg04.jpg') center center no-repeat; background-size:cover;}
.main_ul02 li:nth-child(5) .main_ul02_img { background:url('/kor/img/main/main_ul02_bg05.jpg') center center no-repeat; background-size:cover;}
.main_ul02 li:nth-child(6) .main_ul02_img { background:#122946 url('/kor/img/main/main_ul02_bg06.png') center right no-repeat; background-size:contain;}
.main_ul02 li:nth-child(7) .main_ul02_img { background:linear-gradient(to right, #1c1e29, #122946);}
.main_ul02 li:hover .main_ul02_img { opacity:0.5;}
.main_ul02 li:hover .main_ul02_box .main_ul02_btn { height:20px; opacity:1;}

.main_bottom_left { position:absolute; height:100%; width:50%; background:rgba(0,0,0,0.5);}
.main_bottom_text { padding-top:150px; padding-bottom:150px;}
.main_bottom_title { font-size:40px; color:#fff; line-height:1.3; width:50%;}
.main_btn { margin-top:80px;}
.main_btn a { padding:15px 30px; background:#777; border-radius:50px; font-size:20px; color:#fff;}
/*-----메인----*/

/*-----서브영상----*/
.sub_mov {
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.sub_mov video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
.sub_mov .sub_top_text .sub_top_title01 { color:#fff; font-size:50px; line-height:1.3;}
/*-----서브영상----*/

/*-----company----*/
.com_bg01 { background:url('/kor/img/sub/logo_bg.png') right top no-repeat;}

.sub_top { position:relative; text-align:center;}
.sub_top_img01 { background:url('/kor/img/sub/sub_top01.jpg') center center no-repeat; background-size:cover;}
.sub_top_img02 { background:url('/kor/img/sub/sub_top02.jpg') center center no-repeat; background-size:cover;}
.sub_top_img03 { background:url('/kor/img/sub/sub_top03.jpg') center center no-repeat; background-size:cover;}
.sub_top_img04 { background:url('/kor/img/sub/sub_top04.jpg') center center no-repeat; background-size:cover;}
.sub_top .sub_top_text { padding:300px 0; color:#fff; text-align:center;}
.sub_top .sub_top_text .sub_top_title01 { font-size:50px; line-height:1.3;}
.sub_top .sub_top_text ul { position:absolute; right:20px; bottom:20px;}
.sub_top .sub_top_text ul li { display:inline-block; font-size:14px; margin-right:10px;}
.sub_top .sub_top_text ul li span { margin-right:10px;}
.sub_top .sub_top_text ul li img { width:15px; margin-top:-3px;}

.sub_nav_box { border-bottom:#ccc solid 1px;}
.sub_nav { font-size:0; text-align:center; margin:0 0 -2px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_nav li { display:inline-block; vertical-align:top; flex-grow: 1;}
.sub_nav li a { display:block; font-size:17px; color:#fff; padding:13px 5px;}
.sub_nav li .sub_nav_on { color:#009cff; border-bottom:#009cff solid 3px; font-weight:bold;}

.tabBt_box { position:relative;}
.tabBt {position:absolute; top:0; width:100%; max-width:1160px; z-index:1; text-align:center;}
.tabBt li { display:inline-block; vertical-align:top;}
.tabBt li a { display:block; font-size:16px; background:#222; color:#009cff; padding:8px 25px; margin:3px; border:#009cff solid 1px; border-radius:50px;}
.tabBt li.on a { background:#009cff; color:#fff;}

.sub_section { padding:80px 0 100px 0; color:#fff;}

.com01_right { float:right; width:30%; height:700px; background:url('/kor/img/sub/com01.jpg') center left no-repeat;}
.com01_left { float:left; width:60%;}
.com01_title01 { font-size:28px; font-weight:bold; line-height:1.5; margin-bottom:40px;}
.com01_title01 span { font-family: 'NanumSquareNeoHeavy'; font-size:28px; color:#009cff; line-height:1.5;}
.com01_sign { font-size:15px; font-weight:bold; margin-top:20px;}
.com01_sign span { margin-left:10px; font-size:18px;}

.vision_title_box { margin-bottom:80px; }
.vision_title01 { font-family: 'NanumSquareNeoBold'; font-size:33px; line-height:1.3;color:#ccc; margin-bottom:10px;}
.vision_title01 span { font-family: 'NanumSquareNeoHeavy'; font-size:33px; line-height:1.3; color:#fff;}
.vision_title02 { font-family: 'NanumSquareNeoBold'; font-size:24px; line-height:1.3;color:#fff;}
.vision_title02 span { font-family: 'NanumSquareNeoBold'; font-size:24px; line-height:1.3; color:#ff0000;}

.vision_diagram { font-size:0; text-align:center; margin:30px 0 100px 0; background:url('/kor/img/sub/simbol.png') center bottom 140px no-repeat;}
.vision_diagram li { display:inline-block; vertical-align:middle;}
.vision_diagram li div { position:relative; border:#ddd solid 2px; border-radius:10px; padding:40px 20px; background:#333; max-width:500px; margin:0 auto;}
.vision_diagram_title { font-size:22px; line-height:1.3;}
.vision_diagram_title span { display:block; font-size:18px; font-weight:300;}
.vision_diagram_text { margin-top:15px; font-size:20px; line-height:1.3;}
.vision_diagram_text span { display:block;}
.vision_diagram li:nth-child(1) { width:100%;}
.vision_diagram li:nth-child(2) { width:30%; margin:100px 0;}
.vision_diagram li:nth-child(3) { width:40%;}
.vision_diagram li:nth-child(4) { width:30%; margin:100px 0;}
.vision_diagram li:nth-child(5) { width:100%;}

.vision_diagram_top div img { position:absolute; bottom:-49px; left:50%; margin-left:-33px;}
.vision_diagram_left div img { position:absolute; right:-57px; top:50%; margin-top:-25px; transform: rotate(-90deg);}
.vision_diagram_right div img { position:absolute; left:-57px; top:50%; margin-top:-25px; transform: rotate(90deg);}

.vision_ul { font-size:0; margin-top:20px;}
.vision_ul li { display:inline-block; vertical-align:top; width:50%;}
.vision_ul li:first-child { height:300px; background:url('/kor/img/sub/vision.jpg') center center no-repeat; background-size:cover; border:#888 solid 5px; border-radius:10px;}
.vision_ul li .vision_ul_box { padding-left:60px; font-size:20px;}
.vision_ul li .vision_ul_box .vision_ul_title { font-family: 'NanumSquareNeoHeavy'; font-size:30px; margin-bottom:20px; color:#009cff; line-height:1.5;}

.business_ul { font-size:0; margin:20px -10px 0 -10px;}
.business_ul .business_li { display:inline-block; vertical-align:top; width:50%;}
.business_ul .business_li .business_ul_box { margin:10px; border:#555 solid 1px; padding:20px; background:#333;}
.business_ul .business_li .business_ul_box .business_ul_img { position:relative;}
.business_ul .business_li .business_ul_box .business_ul_img .business_ul_title { position:absolute; bottom:-15px; left:0; font-family: 'NanumSquareNeoHeavy'; font-size:30px; margin-bottom:10px; color:rgba(255,255,255,0.85); line-height:1; text-transform:uppercase;}
.business_ul .business_li .business_ul_box ul { background:#000; padding:10px 20px; margin-top:20px; font-size:13px; line-height:1.5;}
.business_ul .business_li .business_ul_box ul strong { display:block; margin-top:20px; font-size:14px; line-height:1.5;}
.business_ul .business_li .business_ul_box ul li { list-style:disc; line-height:1.5; margin:10px 0 10px 15px;}

.business_ul .business_li:nth-child(1) .business_ul_box ul { height:140px;}
.business_ul .business_li:nth-child(2) .business_ul_box ul { height:140px;}
.business_ul .business_li:nth-child(3) .business_ul_box ul { height:190px;}
.business_ul .business_li:nth-child(4) .business_ul_box ul { height:190px;}
.business_ul .business_li:nth-child(5) .business_ul_box ul { height:290px;}

.his_bg { background:url('/kor/img/sub/his_bg.png') fixed left bottom no-repeat;}
.his_content { overflow: hidden; position:relative;}
.his_right { float: right; width: 70%;}
.his_right ul { padding-top:40px;}
.his_right .his_line { padding-bottom:40px; border-bottom:#ccc dashed 1px;}
.his_right ul li  { margin-bottom:5px;}
.his_right ul li .his_year { font-size:18px; font-weight:bold; margin-top:5px; color:#009cff;}
.his_left { float: left; width: 30%; font-family: 'NanumSquareNeoHeavy'; font-size:40px; color:#555; line-height:1.3; padding-top:40px; padding-right:40px;}

.partner_ul { font-size:0; text-align:center; padding:60px 20px; background:url('/kor/img/sub/partner_bg.jpg') center center no-repeat; background-attachment:fixed;}
.partner_ul li { display:inline-block; vertical-align:top; margin:2%; padding:20px; background:rgba(0,0,0,0.5); border-radius:10px;}
.partner_ul li img { border:#555 solid 3px; margin-bottom:10px;}
.partner_ul li p a { padding:8px 10px; background:#009cff; border-radius:4px; color:#fff; font-size:12px;}

.contact_map { height:400px; overflow:hidden; border:#555 solid 3px; margin-bottom:40px;}
.contact_map iframe { width:100%; height:800px; margin-top:-200px;}

.contact_text { float:left; width:48%; border-right:#ddd solid 1px; padding-right:2%;}
.contact_text .contact_title { font-size:22px; font-weight:bold; line-height:1.5; margin-bottom:20px;}
.contact_text .contact_title span { font-family: 'NanumSquareNeoHeavy'; font-size:22px; color:#009cff; line-height:1.5;}

.contact_ul { float:right; width:50%; text-align:center; font-size:0;}
.contact_ul li { display:inline-block; vertical-align:top; width:50%; margin-bottom:25px;}
.contact_ul li img { opacity:0.5;}
.contact_ul li div { font-size:15px; margin-top:10px; line-height:1.5;}
/*-----company----*/



/*-----solution----*/
.sub_title01 { font-size:24px; color:#009cff; line-height:1.4; margin:10px 0;}
.sub_title02 { font-size:20px; color:#059870; line-height:1.4; margin:10px 0;}
.sub_title02 span { font-size:10px;}
.sub_title03 { font-size:16px; line-height:1.4; margin:10px 0 5px 0;}
.sub_title04 { font-size:22px; color:#666; line-height:1.4; margin-bottom:20px;}
.sub_title05 { font-size:24px; color:#00bfcb; line-height:1.4; margin:10px 0;}
.sub_title06 { font-size:24px; color:#9ecb00; line-height:1.4; margin:10px 0;}

.sub_textbox { font-size:17px;}

.led_img_title { font-size:17px; padding:5px 10px; color:#fff; background:#00bfcb;}
.led_imgbox { overflow-x:auto; padding:20px 10px; background:#fff;}
.led_imgbox img { min-width:1100px;}
.led_imgbox::-webkit-scrollbar { width:8px; height:8px;}
.led_imgbox::-webkit-scrollbar-track { background:#ddd;}
.led_imgbox::-webkit-scrollbar-thumb { background:#00bfcb;}

.led_bottom_box { font-size:0; padding:20px; background:#fff; border-radius:20px;}
.led_bottom_box li { display:inline-block; vertical-align:middle;}
.led_bottom_box li:first-child { width:40%;}
.led_bottom_box li:last-child { width:60%;}
.led_bottom_box li .led_bottom_box_title { font-size:17px; color:#444; font-weight:bold; line-height:1.4; margin:20px 0 0 0;}
.led_bottom_box li img { width:80px;}
.led_bottom_box li .led_bottom_box_text { padding:20px; background:#555; border-radius:20px; margin-left:10px;}
.led_bottom_box li .led_bottom_box_text strong { display:block; margin-top:10px;}

.haptic_bg { background:url('/kor/img/sub/haptic_bg.png') bottom right no-repeat;}
.haptic_gray_box { background:#000;}

.haptic_img_left img { float:left; width:45%; margin-right:10%; border:#555 solid 3px;}
.haptic_img_right img { float:right; width:45%; margin-left:10%; border:#555 solid 3px;}
.haptic_textbox .haptic_textbox_title { font-size:24px; margin:20px 0 10px 0;}

.haptic_section { overflow-x:auto; position:relative; max-width:2000px; margin:0 auto;}
.haptic_section .haptic_bic_img { min-width:1000px;}
.haptic_section::-webkit-scrollbar { width:8px; height:8px;}
.haptic_section::-webkit-scrollbar-track { background:#ddd;}
.haptic_section::-webkit-scrollbar-thumb { background:#2f8bb0;}

.fan_ul01  { font-size:0; margin:0 -10px;}
.fan_ul01 li { display:inline-block; vertical-align:top; width:50%;}
.fan_ul01 li .fan_ul01_box { position:relative; margin:10px; border-radius:10px; overflow:hidden; border:#555 solid 3px;}
.fan_ul01 li .fan_ul01_box img { width:100%;}
.fan_ul01 li .fan_ul01_box div { position:absolute; width:100%; left:0; bottom:0; padding:10px; text-align:center; background:rgba(0,0,0,0.4); font-size:17px; color:#fff;}

.restistor_bg { background:url('/kor/img/sub/restistor_bg.png') top right no-repeat;}

.restistor_top {
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    justify-content: space-between; /* 좌우 여백을 일정하게 분배 */
}

.restistor_top .restistor_top_text {
    flex: 1; /* 텍스트 영역이 가능한 만큼의 공간을 차지하게 함 */
}

.restistor_top .restistor_top_logo {
    width: 35%;
    margin-left: 40px;
	text-align:center;
}
.restistor_top .restistor_top_logo img {
    padding: 10px 30px;
	margin-bottom:20px;
    border-radius: 10px;
    background: #fff;
}
.restistor_top .restistor_top_logo a {
    color:#fff;
	font-size:14px;
    border-radius: 50px;
    background:rgba(255,255,255,0.2);
	border:#999 solid 1px;
	padding:8px 20px;
}

.restistor_ul01 { font-size:0; margin:0 -10px;}
.restistor_ul01 li { display:inline-block; vertical-align:top; width:50%;}
.restistor_ul01 li:nth-child(1) .restistor_ul01_box { background:url('/kor/img/sub/restistor_icon01.png') center right no-repeat;}
.restistor_ul01 li:nth-child(2) .restistor_ul01_box { background:url('/kor/img/sub/restistor_icon02.png') center right no-repeat;}
.restistor_ul01 li:nth-child(3) .restistor_ul01_box { background:url('/kor/img/sub/restistor_icon03.png') center right no-repeat;}
.restistor_ul01 li:nth-child(4) .restistor_ul01_box { background:url('/kor/img/sub/restistor_icon04.png') center right no-repeat;}
.restistor_ul01 li .restistor_ul01_box { height:140px; padding:20px; margin:10px; border:#555 solid 1px; box-shadow:#333 5px 5px 0; line-height:1.5;}
.restistor_ul01 li .restistor_ul01_box .restistor_ul01_title { font-size:17px; font-weight:bold;}

.restistor_ul02 { font-size:0; margin-top:20px;}
.restistor_ul02 li { display:inline-block; vertical-align:top; width:48%; line-height:1.5;}
.restistor_ul02 li:last-child { width:48%; margin-left:4%;}
.restistor_ul02 li img { margin-bottom:10px; border:#555 solid 3px; border-radius:10px; padding:10px; background:#fff;}

.restistor_ul03 { font-size:0; text-align:center;}
.restistor_ul03 .restistor_ul03_li { display:inline-block; vertical-align:top; width:33.33%; min-width:370px; text-align:left;}
.restistor_ul03 .restistor_ul03_li ul {}
.restistor_ul03 .restistor_ul03_li ul li { display:inline-block; vertical-align:top; width:60px; margin-right:10px; text-align:center;}
.restistor_ul03 .restistor_ul03_li ul li .bottom_line { border-bottom:#555 solid 1px;}

.restistor_ul04 { font-size:0; margin:20px -5px 0 -5px;}
.restistor_ul04 li { display:inline-block; vertical-align:top; width:20%; min-width:170px; margin-bottom:20px;}
.restistor_ul04 li .table_style01 { margin:0 5px;}

.restistor_ul05 { font-size:0; margin-top:20px;}
.restistor_ul05 li { display:inline-block; vertical-align:top; width:25%; line-height:1.5;}
.restistor_ul05 li:last-child { width:70%; margin-left:5%;}
.restistor_ul05 li img { border:#555 solid 3px; border-radius:10px; padding:10px; background:#fff;}

.restistor_ul06 { font-size:0;}
.restistor_ul06 li { display:inline-block; vertical-align:bottom; width:50%; line-height:1.5;}
.restistor_ul06 li:last-child { width:45%; margin-left:5%;}
.restistor_ul06 li strong { display:block; margin:10px 0 5px 0;}
.restistor_ul06 li img { border:#555 solid 3px; border-radius:10px; padding:10px; background:#fff;}

.bet_ul01 li { display:inline-block; vertical-align:top; background:#333; border:#555 solid 1px; padding:10px 25px; margin:0 5px 5px 0; box-shadow:#555 3px 3px 0;}
.bet_ul01 li:hover { background:#222;}
.bet_ul01 li a { font-size:17px; color:#fff;}

.bet_ul02 { margin:30px 0; font-size:0;}
.bet_ul02 li { display:inline-block; vertical-align:middle; width:30%;}
.bet_ul02 li:last-child { width:65%; margin-left:5%; padding:20px 40px;}
.bet_ul02 li img { display:block; margin-bottom:10px; border:#555 solid 3px; border-radius:10px;}
.bet_ul02 li .bet_ul02_text { font-size:17px; margin-bottom:15px; line-height:1.5;}
.bet_ul02 li .bet_ul02_text strong { font-size:17px; color:#009cff; display:block;}
.bet_ul02 li strong { color:#777;}

.bet_ul03 { margin:30px 0; font-size:0;}
.bet_ul03 li { display:inline-block; vertical-align:bottom; width:50%;}
.bet_ul03 li:last-child { padding-left:40px;}
.bet_ul03 li img { display:block; margin:5px 0; border:#555 solid 3px; border-radius:10px;}
.bet_ul03 li strong { display:block; color:#009cff; font-size:17px;}

.bet_ul04 { margin:30px 0; text-align:center; font-size:0; padding:40px; background:#333; border:#555 solid 1px; border-radius:10px;}
.bet_ul04 li { display:inline-block; vertical-align:top; width:50%; padding:0 5%; line-height:1.5;}
.bet_ul04 li img { display:block; margin:5px auto; border:#555 solid 3px; border-radius:10px;}
.bet_ul04 li strong { display:block; color:#009cff; font-size:17px;}

.bet_title01 { color:#009cff; font-size:20px; margin:20px 0 10px 0;}

.bet_ul05 { font-size:0; padding:40px; background:#333; border:#555 solid 1px; border-radius:10px; margin-bottom:30px;}
.bet_ul05 li { display:inline-block; vertical-align:top; width:50%;}
.bet_ul05 li:last-child { padding-left:20px;}
.bet_ul05 li img { padding:20px; border:#555 solid 3px; background:#fff;}
.bet_ul05 li .bet_ul05_title { font-size:22px; margin-bottom:10px; text-decoration: underline;}
.bet_ul05 li strong { color:#ec0000;}

.bet_text02 { padding:40px; background:#333; border:#555 solid 1px; border-radius:10px;}
.bet_title02 { font-size:22px; margin-bottom:10px; text-decoration: underline;}
.bet_text02 img { padding:40px; background:#fff; border:#555 solid 3px;}

.bet_ul06 { font-size:0;}
.bet_ul06 li { display:inline-block; vertical-align:top; width:30%;}
.bet_ul06 li img { border:#555 solid 3px;}
.bet_ul06 li:last-child { width:70%; padding-left:20px;}
.bet_ul06 li .bet_ul06_title { font-size:20px; margin-bottom:10px;}

/*-----solution----*/

.rnd_gray_box { background:#333; margin:60px 0; padding:60px 0;}
.rnd_ul01 { font-size:0; text-align:center;}
.rnd_ul01 li { display:inline-block; vertical-align:top; width:49%; margin:0.5%;}

.rnd_ul02 { font-size:0; text-align:center; margin:60px 0;}
.rnd_ul02 li { display:inline-block; vertical-align:top; margin:20px;}
.rnd_ul02 li img { width:400px; height:400px; border-radius:50%; border:#555 solid 5px;}

.rnd_ul03 { font-size:0;}
.rnd_ul03 li { display:inline-block; vertical-align:top;}
.rnd_ul03 li:first-child { width:40%;}
.rnd_ul03 li:last-child { width:60%;}
.rnd_ul03 li img { border:#555 solid 3px; border-radius:10px;}
.rnd_ul03 li .rnd_ul03_box { margin-left:40px;}
.rnd_ul03 li .rnd_ul03_title { font-size:18px; color:#fff; font-weight:bold; line-height:1.5; margin-bottom:10px;}

.rnd02_ul01 { font-size:0; text-align:center; padding:40px; margin-top:20px; background:#333; border:#555 solid 1px;}
.rnd02_ul01 li { position:relative; display:inline-block; vertical-align:top; width:33.33%; padding:40px;}
.rnd02_ul01 li .rnd02_ul01_title { margin-top:20px; font-size:17px; line-height:1.5;}
.rnd02_ul01 li span { position:absolute; top:25%; right:-30px; font-size:80px; font-weight:bold; color:#aaa;}

.rnd02_ul02 { font-size:0; margin:0 -5px;}
.rnd02_ul02 li { position:relative; display:inline-block; vertical-align:top; width:33.33%; padding:5px; margin:5px 0;}
.rnd02_ul02 li .rnd02_ul02_title { font-size:17px; color:#fff; line-height:1.5; text-align:center; background:#555; padding:10px;}

.rnd03_ul01 li { list-style:disc; font-size:17px; line-height:1.5; margin:20px 0 0 20px;}

.rnd03_img { margin-top:60px; padding:40px; background:#333; border:#555 solid 1px; text-align:center;}


/*-----------------------표----------------------*/
.table_scroll { overflow-y:auto; padding-bottom:10px;}
.table_scroll table { min-width:800px;}
.table_scroll::-webkit-scrollbar { width:6px; height:6px;}
.table_scroll::-webkit-scrollbar-track { background:#fff;}
.table_scroll::-webkit-scrollbar-thumb { background:#aaa;}

.table_style01 table { width:100%; border-spacing:0; border-collapse:collapse; border-top:#027a98 solid 1px;}
.table_style01 table tr td { border:#ddd solid 1px; background:#fff; padding:10px; font-size:12px; line-height:1.5; color:#000; vertical-align:middle; text-align:left;}
.table_style01 table tr td ul li { font-size:12px; line-height:1; margin:2px 0;}
.table_style01 table tr td ul li strong { display:inline-block; width:50px; font-size:12px;}
.table_style01 table tr td a { display:block; width:100px; padding:10px; border-radius:5px; background:#007cca; color:#fff; margin-top:20px; text-align:center;}
.table_style01 table tr td sub { font-size:8px;}
.table_style01 .table_title01 { background:#007cca; font-size:13px; color:#fff; border:#0e8cab solid 1px;}
.table_style01 .table_title02 { background:#f5f5f5;}
.table_style01 .table_title03 { background:#089dc2; font-size:13px; color:#fff; border:#18aacf solid 1px;}

.table_small { font-size:12px; margin-top:5px;}
/*-----------------------표----------------------*/

/*팝업*/
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}

.pop-layer01 { display:none;}
.pop-layer01 .btn-r { position:absolute; right:20px; top:15px;}
.pop-layer01 .btn-r a { font-size:20px; color:#000;}
.pop-layer01 .pop-container { position:fixed; top:60px; width:1000px; height:80%; left:50%; margin-left:-500px; background:#fff;}
.pop-box { font-size:13px; line-height:1.7; height:95%; margin:20px 0 20px 20px; padding-right:10px; overflow:hidden; overflow-y:auto;}
.pop_title { font-family: 'NanumSquareNeoHeavy'; font-size:30px; color:#ccc; line-height:1.5; padding-bottom:5px; margin-bottom:40px; border-bottom:#ddd solid 1px;}


.pop_harf { font-size:0;}
.pop_harf .pop_harf_li { font-size:13px; line-height:1.7; display:inline-block; vertical-align:top; width:45%;}
.pop_harf .pop_harf_li:nth-child(odd) { margin-right:5%;}
.pop_harf .pop_harf_li:nth-child(even) { margin-left:5%;}

.pop_3dath { font-size:0; text-align:center; margin:30px 0;}
.pop_3dath li { display:inline-block; vertical-align:top; padding:0 20px;}
.pop_3dath li .pop_title04 { font-family: 'NanumSquareNeoExtraBold'; font-size:13px; color:#1c1e29; line-height:1.5; margin:10px 0 40px 0;}


.pop_title01 span { font-family: 'NanumSquareNeoHeavy'; font-size:20px; color:#1c1e29; line-height:1.5; background:#fff; padding-right:10px; padding-bottom:10px;}
.pop_title02 { font-family: 'NanumSquareNeoExtraBold'; font-size:17px; line-height:1.5; margin:30px 0 5px 0;}
.pop_title02 span { font-size:13px; line-height:1.5;}
.pop_title03 { font-family: 'NanumSquareNeoExtraBold'; color:#777; line-height:1.5; margin:10px 0 5px 0;}

.pop_cont_box { border:#8ebdd9 solid 1px; padding:0 20px 40px 20px; border-radius:10px; margin-top:-15px;}
.pop_cont_box sup { font-size:8px; margin-left:5px;}

.pop_ul01 {}
.pop_ul01 li { font-size:13px; line-height:1.7; margin:0 0 5px 15px; list-style:disc;}
.pop_ul01 li strong { font-size:13px; display:block;}
.pop_ul01 li span { font-size:13px; font-weight:bold;}
/*팝업*/

@media screen and (max-height:600px){
	.pop-box { height:90%;}
}

@media screen and (max-width:991px){
	.pc_img { display:none;}
	.mo_img { display:block;}
	
	.footer_info .footer_info_li:first-child { width:100%;}
	.footer_info .footer_info_li:first-child .copyright { margin-top:20px;}
	.footer_info .footer_info_li:last-child { width:100%; text-align:left; margin-top:40px;}
	.footer_info .footer_info_li:last-child ul li { padding-left:0;}
	/*-----메인----*/
	
	/*-----메인----*/

	/*-----서브----*/
	.business_ul .business_li:nth-child(1) .business_ul_box ul { height:180px;}
	.business_ul .business_li:nth-child(2) .business_ul_box ul { height:180px;}
	.business_ul .business_li:nth-child(3) .business_ul_box ul { height:210px;}
	.business_ul .business_li:nth-child(4) .business_ul_box ul { height:210px;}
	.business_ul .business_li:nth-child(5) .business_ul_box ul { height:360px;}

	.restistor_ul05 li { width:100%;}
	.restistor_ul05 li:last-child { width:100%; margin-left:0; margin-top:20px;}
	/*-----서브----*/
		
	.rnd_ul02 li img { width:350px; height:350px;}
	
	.rnd02_ul02 li { width:50%;}
}

@media screen and (max-width:767px){
	.clear60 {height:20px;}
	.clear_dot {height:60px; margin-bottom:60px;}

	/*-----메인----*/
	.main_movtitle .mov_title01 { font-size:20px;}
	.main_movtitle .mov_title02 { font-size:25px;}
	
	.main_title { font-size:30px;}
	
	.main_ul01 li { width:100%; height:auto;}
	.main_ul01 li .main_ul01_box { padding:40px 20px;}
	.main_ul01 li .main_ul01_box .main_ul01_title { font-size:20px;}
	.main_ul01 li .main_ul01_box .main_ul01_text { font-size:15px; max-width:300px;}
	.main_ul01 li .main_ul01_box img { left:auto; right:40px;}
	
	.main_ul02 li { width:49%;}
	.main_ul02 li:nth-child(7) { width:99%;}
	
	.main_bottom_left { width:100%;}
	.main_bottom_text { padding-top:100px; padding-bottom:100px;}
	.main_bottom_title { font-size:30px; width:100%;}
	.main_btn a { font-size:17px;}
	/*-----메인----*/
	
	/*-----서브영상----*/
	.sub_mov {height: 50vh;}
	.sub_mov .sub_top_text .sub_top_title01 { font-size:30px;}
	/*-----서브영상----*/

	/*-----서브----*/
	.sub_top .sub_top_text { padding:150px 0;}
	.sub_top .sub_top_text .sub_top_title01 { font-size:30px;}
	
	.sub_nav { margin:0 -20px -2px -20px;}
	.sub_nav li a { font-size:13px; padding:10px 5px;}
	
	.tabBt_box { display:none}

	.com01_right { float:none; width:100%; height:250px; background-size:cover; margin-bottom:20px;}
	.com01_left { float:none; width:100%;}
	.com01_title01 { font-size:20px;}
	.com01_title01 span { font-size:20px;}	
	
	.vision_title01 { font-size:28px;}
	.vision_title01 span { font-size:28px;}

	.vision_diagram { background:url('/kor/img/sub/simbol.png') center bottom 80px no-repeat;}
	.vision_diagram li div { padding:20px;}
	.vision_diagram li:nth-child(1) { width:100%;}
	.vision_diagram li:nth-child(2) { width:100%; margin:10px 0;}
	.vision_diagram li:nth-child(3) { display:none;}
	.vision_diagram li:nth-child(4) { width:100%; margin:10px 0;}
	.vision_diagram li:nth-child(5) { width:100%; margin-top:400px;}

	.vision_diagram_top div img { display:none;}
	.vision_diagram_left div img { display:none;}
	.vision_diagram_right div img { bottom:-50px; left:50%; margin-left:-33px; top:auto; margin-top:auto; transform: rotate(0deg);}

	.vision_ul li { width:100%;}
	.vision_ul li:first-child { height:300px; margin-bottom:20px;}
	.vision_ul li .vision_ul_box { padding-left:0;}
	.vision_ul li .vision_ul_box .vision_ul_title { margin-bottom:10px;}

	.business_ul { margin:20px 0 0 0;}
	.business_ul .business_li { width:100%;}
	.business_ul .business_li .business_ul_box { margin:10px 0;}
	.business_ul .business_li .business_ul_box .business_ul_img { max-width:450px;}
	
	.business_ul .business_li:nth-child(1) .business_ul_box ul,
	.business_ul .business_li:nth-child(2) .business_ul_box ul,
	.business_ul .business_li:nth-child(3) .business_ul_box ul,
	.business_ul .business_li:nth-child(4) .business_ul_box ul { height:auto;}
	
	.his_right { float: none; width: 100%;}
	.his_right ul { padding-top:0;}
	.his_left { float: none; width: 100%; padding-top:20px; padding-right:0;}
	
	.partner_ul { padding:60px 10px;}
	.partner_ul li { margin:2%; padding:20px 10px;}
	.partner_ul li img { width:150px;}
	
	.contact_text { float:none; width:100%; border-right:none; padding-right:0;}
	.contact_text .contact_title { font-size:20px;}
	.contact_text .contact_title span { font-size:20px;}

	.contact_ul { float:none; width:100%; margin-top:40px;}
	/*-----서브----*/
	
	/*-----solution----*/
	.led_bottom_box li:first-child { width:100%;}
	.led_bottom_box li:last-child { width:100%;}
	.led_bottom_box li .led_bottom_box_text { margin-left:0; margin-top:10px;}
	
	.haptic_img_left img { float:none; width:100%; margin-right:0;}
	.haptic_img_right img { float:none; width:100%; margin-left:0;}
	.haptic_textbox .haptic_textbox_title { font-size:20px;}
	
	.fan_ul01 li { width:100%;}	
	
	.restistor_top {
        flex-direction: column;
        align-items: flex-start;
    }
	.restistor_top .restistor_top_logo {
    	width: 100%;
		max-width:350px;
    	margin-left: 0;
		margin-top: 20px;
	}
	
	.restistor_ul01 { margin:0;}
	.restistor_ul01 li { width:100%;}
	.restistor_ul01 li .restistor_ul01_box { margin:10px 0;}
	
	.restistor_ul02 li { width:100%;}
	.restistor_ul02 li:last-child { width:100%; margin-left:0; margin-top:20px;}
	
	.restistor_ul06 li { width:100%;}
	.restistor_ul06 li:last-child { width:100%; margin-left:0; margin-top:20px;}
	/*-----solution----*/
	
	.rnd_ul01 li { width:100%; margin:0.5% 0;}
	
	.rnd_ul03 li:first-child { width:100%;}
	.rnd_ul03 li:last-child { width:100%;}
	.rnd_ul03 li .rnd_ul03_box { margin-left:0; margin-top:20px;}
	
	.rnd02_ul01 li { width:100%; max-width:400px; padding:30px;}
	.rnd02_ul01 li span { top:auto; right:auto; bottom:-50px; left:0; font-size:50px; width:100%;}
	
	.rnd02_ul02 li .rnd02_ul02_title { font-size:13px;}

	.bet_ul02 { margin:30px 0;}
	.bet_ul02 li { width:100%;}
	.bet_ul02 li:last-child { width:100%; margin-left:0; padding:20px;}

	.bet_ul03 { margin:30px 0;}
	.bet_ul03 li { width:100%;}
	.bet_ul03 li:last-child { padding-left:0;}
	.bet_ul03 li img {  margin:5px 0 15px 0;}

	.bet_ul04 { margin:30px 0; padding:20px;}
	.bet_ul04 li { width:100%; padding:0; line-height:1.5; margin:20px 0;}
	
	.bet_ul05 { padding:40px 20px;}
	.bet_ul05 li { width:100%;}
	.bet_ul05 li:last-child { padding-left:0; margin-top:20px;}
	.bet_ul05 li .bet_ul05_title { font-size:18px;}
	
	.bet_text02 { padding:40px 20px;}
	.bet_title02 { font-size:18px;}
	
	.bet_ul06 li { width:100%;}
	.bet_ul06 li:last-child { width:100%; padding-left:0; margin-top:10px;}
	.bet_ul06 li .bet_ul06_title { font-size:18px; margin-bottom:0;}
	
	/*팝업*/
	.pop-layer01 .pop-container { width:90%; margin-left:-45%;}
	
	.pop_harf .pop_harf_li { width:100%;}
	.pop_harf .pop_harf_li:nth-child(odd) { margin-right:0;}
	.pop_harf .pop_harf_li:nth-child(even) { margin-left:0;}
	/*팝업*/
}