@charset "utf-8";

/* 공통 */
.clear {clear:both}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.fl {float:left}
.fr {float:right}
.pointer {cursor:pointer}
.bold {font-weight:bold}
.ovfh {overflow:hidden}
.list_init {margin:0;padding:0;list-style:none}
.readonly, .disabled {background-color:#ddd}
.al{text-align:left !important;}
.dpb_pc{display:none}
.dpb_m{display:none}

.mgt0 {margin-top:0 !important}
.mgt20 {margin-top:20px !important}
.mgr0 {margin-right:0 !important}
.mgl0 {margin-left:0 !important}
.mgb0 {margin-bottom:0 !important}
.mgb10 {margin-bottom:10px !important}
.mgb20 {margin-bottom:20px !important}
.mgb50 {margin-bottom:50px !important}
.pdt0 {padding-top:0 !important}
.pdb0 {padding-bottom:0 !important}
.pdb10 {padding-bottom:10px !important}
.pdb20 {padding-bottom:20px !important}
.pdl0 {padding-left:0 !important}
.pdl5 {padding-left:5px !important}
.pdl10 {padding-left:10px !important}
.pdl20 {padding-left:20px !important}
.col_pink{color:#c41550 !important}

/* 본 사이트 전용 */
body {width:100%;min-width:320px;font-family:'suitM', 'Malgun Gothic', sans-serif}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'suitSB', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], input[type=submit], textarea, select, button {font-family:'suitM', 'Malgun Gothic', sans-serif}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:1.167em}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none;appearance:none}
select {background:none}

#hd_pop {width:100% !important;max-width:1250px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

.bg_vis li .vis_img{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; overflow:hidden; background-size:cover !important; -webkit-transition:all 1.5s ease 0s; transition:all 1.5s ease 0s; -webkit-transform:scale(1.5, 1.5) rotate(0.1deg); transform:scale(1.5, 1.5) rotate(0.1deg);}
.bg_vis li.vis_on .vis_img{-webkit-transform:scale(1) rotate(0.1deg); transform:scale(1) rotate(0.1deg);}
#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.65)}

.nbg {background:none !important}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}
.col_b{color:#1570c2 !important;}
.col_g{color:#4dbb4f !important;}

/* 헤더 */
#header{width:100%; position:absolute; left:0; top:0; z-index:560; transition:all .5s ease-in-out; border-bottom:1px solid rgba(255,255,255,0.4)}
#header .header_top{position:relative; width:100%; padding:0 15px; height:75px}
#header .header_top .logo{float:left; width:211px; height:100%; display:block; background-size:100% auto !important; background:url(../images/top_logo_w.png) center no-repeat; transition:all .5s ease-in-out}
#header .header_top .logo span{width:211px; height:100%;}
#header .header_top .toggle{float:right; width:36px; height:100%; cursor:pointer; padding:20px 0 0;}
#header .header_top .toggle span{width:100%; height:1px; background:#fff; display:block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .header_top .toggle .tg01{margin:10px 0 0}
#header .header_top .toggle .tg02{margin:9px 0}
#header .header_top .toggle .tg03{margin:0 0 10px}
#header .header_top .toggle.close span:nth-child(1){-webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg);}
#header .header_top .toggle.close span:nth-child(2){opacity: 0;}
#header .header_top .toggle.close span:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
#header .header_top .nav_r{float:right; *margin:23px 15px 0;height:78px;display:flex;align-items:center;margin-right:20px;position:relative;z-index:300;}
#header .header_top .nav_r ul{display:flex;gap:0 20px;}
#header .header_top .nav_r li{position:relative;}
#header .header_top .nav_r li:after{content:'';width:3px;height:3px;background:#e4e4e4;border-radius:50%;position:absolute;right:-12px;top:10px;}
#header .header_top .nav_r li:last-child:after{display:none;}
#header .header_top .nav_r li a{font-family:'suitSB';color:#dbdada;font-size:1.15em;}


/* 헤더 - 오버시 */
#header.h_over{background:#fff; box-shadow:0 5px 8px rgba(0,0,0,0.2); border-bottom:1px solid #d5d5d5}
#header.h_over .header_top .logo{background:url(../images/top_logo_b.png) center no-repeat}
#header.h_over .header_top .toggle span{background:#333 !important}
#header.h_over .header_top .nav_r li a{color:#898989;}

/* 메뉴 */
#header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:107px;z-index:90;width:100%; background:#fff; border-bottom:1px solid #d5d5d5}
#header .hd_menu_bg > div {height:100%}
#header .container_menu {position:relative}
#hd_menu {display:none; position:absolute; top:0; left:0; z-index:500; width:100%; background:rgba(255,255,255,0.98); border-top:1px solid #d5d5d5}
#hd_menu .main_menu > li{border-bottom:1px solid #ddd; transition:all .5s ease-in-out}
#hd_menu .main_menu > li > a {display:block; padding:2% 0 2% 8%; font-size:1.375em;line-height:1.5;color:#555}
#hd_menu .main_menu > li.on, #hd_menu .main_menu > li:hover {background:#00b2d5}
#hd_menu .main_menu > li.on > a, #hd_menu .main_menu > li:hover > a {color:#fff}
#hd_menu .sub_menu {display:none;padding:1% 0;background:#fff}
#hd_menu .sub_menu > ul > li > a {display:block; padding-left:10%; font-size:1.167em; line-height:2.2; color:#555}
#hd_menu .sub_menu > ul > li.on > a, #hd_menu .sub_menu > ul > li:hover > a {color:#00b2d5}

/* 메인 컨텐츠 - 비주얼 */
.visual{position:relative; width:100%;}
.visual .bg_vis{position:relative; width:100%; height:400px; overflow:hidden;}

.visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; overflow:hidden; background-size:cover !important;}

.visual .bg_vis li .txt_vis{padding:110px 5% 0}
.visual .bg_vis li .txt_vis > div{clear:both; color:#fff; word-break:keep-all}
.visual .bg_vis li .txt_vis .mvis_txt01{font-size:3.25em; font-family: 'suitM'; padding-bottom:15px;opacity:0}
.visual .bg_vis li .txt_vis .mvis_txt01 span{font-family: 'suitSB';color:#ffd427;}
.visual .bg_vis li .txt_vis .mvis_txt02{font-size:5.05em; font-family:'suitEB';opacity:0;color:#00b2d5;}
.visual .bg_vis li .txt_vis .mvis_txt03{font-size:1.55em; font-family:'suitSB';opacity:0;color:rgba(255,255,255,0.8);margin-top:25px;}
.visual .bg_vis .vis_on .txt_vis .mvis_txt01 {
    -webkit-animation:0.6s ease-in-out 0.7s normal forwards running fadeInLeft;
    animation:0.6s ease-in-out 0.7s normal forwards running fadeInLeft;
}
.visual .bg_vis .vis_on .txt_vis .mvis_txt02 {
    -webkit-animation:0.6s ease-in-out 1.4s normal forwards running fadeInLeft;
    animation:0.6s ease-in-out 1.4s normal forwards running fadeInLeft;
}
.visual .bg_vis .vis_on .txt_vis .mvis_txt03 {
    -webkit-animation:0.6s ease-in-out 2.1s normal forwards running fadeInLeft;
    animation:0.6s ease-in-out 2.1s normal forwards running fadeInLeft;
}
.visual .bg_vis li.vis02 .mvis_txt01{color:#333 !important;font-family:'suitEB'}
.visual .bg_vis li.vis02 .mvis_txt03{color:#7f7f7f !important}
.visual .bg_vis li.vis03 .mvis_txt01{color:#333 !important;font-family:'suitEB';text-align:right}
.visual .bg_vis li.vis03 .mvis_txt02{text-align:right}
.visual .bg_vis li.vis03 .mvis_txt03{color:#7f7f7f !important;text-align:right}
.visual .vis_control{position:absolute; left:5%;bottom:88px; z-index:210;}
.visual .vis_control ul{float:left}
.visual .vis_control li{width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,0.8); float:left; margin-right:10px; transition:all .5s ease-in-out; cursor:pointer;box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
.visual .vis_control li.selected{width:30px; background:#00b2d5; border-radius:11px}
.visual .vis_control span{float:left; display:inline-block; cursor:pointer; width:11px; height:11px; background-size:100% auto !important; margin-top:-1px}
.visual .vis_control span.vis_stop{background:url(../images/vis_stop.svg) center no-repeat}
.visual .vis_control span.vis_play{background:url(../images/vis_play.svg) center no-repeat; display:none}


@-webkit-keyframes fadeInLeft {
    0% {opacity:0;-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}
    100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInLeft {
    0% {opacity:0;-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}
    100% {opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}


/* 메인컨텐츠 */
.mcon_tit{margin-bottom:20px;}
.mcon_tit h2{font-size:2.55em;color:#333;font-family:'suitEB';}
.mcon_tit h2 span{color:#00b2d5;display:block;font-size:0.5em; text-transform:uppercase;}
.mcon_tit p{font-size:1.415em;color:#555;line-height:1.5;word-break:keep-all;padding-bottom:7px;margin-top:10px;}
a.mcon_more{font-size:1.333em;color:#555; font-family: 'suitM';border:2px solid #bcbcbc;padding:10px 25px;border-radius:60px;display:inline-block;margin:15px auto;transition:all ease 0.5s;}
a.mcon_more:hover{border:2px solid #00b2d5;background:#00b2d5;color:#fff;}

/* 메인컨텐츠 - products */
.mcon_prodcut{padding:45px 15px;background:url(../images/prod_bg.jpg) center no-repeat;background-size:cover;position:relative;}
.mcon_prodcut .prod{position:relative;}
.mcon_prodcut .prod ul{display:flex;justify-content:space-between;padding-bottom:85px;}
.mcon_prodcut .prod li{position:relative;max-width:100%;margin-right:24px;}
.mcon_prodcut .prod li a{background:#fff;border-radius:25px;border:3px solid #fff;display:block; transition:all ease 0.5s;box-shadow:18px 18px 40px rgba(0,0,0,0.1);height:259px;}
.mcon_prodcut .prod li:hover a{border:3px solid #00b2d5;}
.mcon_prodcut .prod li a p{text-align:center;color:#333;font-size:2em;padding-top:80px;transition:all ease 0.5s;font-family:'suitEB';}
.mcon_prodcut .prod li a p span{font-size:0.75em;color:#555;background:url(../images/arr_icon.png) right center no-repeat;padding-right:15px; opacity:0;transition:all ease 0.5s;display:inline-block;font-family:'suitM';}
.mcon_prodcut .prod li a:hover p{color:#00b2d5 !important;padding-top:50px;}
.mcon_prodcut .prod li a:hover p span{ opacity:100}
.mcon_prodcut .prod li .prod_img{text-align:center;width:100%;text-align:center;}
.mcon_prodcut .prod li .prod_img img{position:absolute;left:calc(50% - 141px);bottom:-85px;}

.mcon_prodcut .prod_controller{position:relative;}
.mcon_prodcut .prod_controller span{background:url(../images/arr_icon02.svg) center no-repeat;background-size:100% auto;width:31px;height:59px;display:block; cursor:pointer;position:absolute;top:-240px;z-index:500;}
.mcon_prodcut .prod_controller span.prod_prev{left:0;}
.mcon_prodcut .prod_controller span.prod_next{ transform:rotate(180deg);right:0;}


/* 메인컨텐츠 - business */
.mcon_business{padding:45px 15px;}
.mcon_business .busi_box{text-align:center;}
.mcon_business .busi_box ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 0;}
.mcon_business .busi_box li{border:1px solid #d4d4d4;border-radius:25px;background:#fff;box-shadow:18px 18px 40px rgba(0,0,0,0.1);padding:165px 20px 48px;width:100%;position:relative;}
.mcon_business .busi_box li:hover:after{content:'';width:100%;height:100%;border:3px solid #00b2d5;position:absolute;left:0;top:0;border-radius:25px;z-index:10;}
.mcon_business .busi_box li p{font-size:1.415em;color:#555;line-height:1.5;margin:15px 0 35px;word-break:keep-all;}
.mcon_business .busi_box li span{color:#333;font-size:1.833em;font-family:'suitSB';}
.mcon_business .busi_box li a{font-size:1.333em;color:#555;padding:12px 28px;background:#ebebeb;border-radius:60px;display:inline-block; transition:all ease 0.5s;position:relative;z-index:20;}
.mcon_business .busi_box li:hover a{color:#fff;background:#00b2d5;}
.mcon_business .busi_box li:first-child{background:url(../images/busi_icon01.svg) center 48px no-repeat;}
.mcon_business .busi_box li:nth-child(2){background:url(../images/busi_icon02.svg) center 48px no-repeat;}
.mcon_business .busi_box li:nth-child(3){background:url(../images/busi_icon03.svg) center 48px no-repeat;}

/* 메인컨텐츠 - customer */
.mcon_customer{padding:45px 15px;background:url(../images/cc_bg.jpg) center no-repeat;background-size:cover;}
.mcon_customer .mcon_tit h2, .mcon_customer .mcon_tit h2 span{color:#fff;}

.mcon_customer  h3{color:#fff;font-size:1.667em;font-family:'suitB';margin-bottom:10px;}
.mcon_customer .cc_wrap{display:flex;flex-wrap:wrap;gap:35px 0}
.mcon_customer .notice{width:100%;position:relative;}
.mcon_customer .notice ul{border-top:1px solid rgba(255,255,255,0.5)}
.mcon_customer .notice li:not(.empty_list) {border-bottom:1px solid rgba(255,255,255,0.5);padding:0 6px}
.mcon_customer .notice li.empty_list {border-bottom:1px solid rgba(255,255,255,0.5);font-size:1.167em;line-height:10;color:#fff}
.mcon_customer .notice li .txt{display:block;overflow:hidden;position:relative;width:100%;padding-left:15px;font-size:1.333em;line-height:59px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.mcon_customer .notice li .txt:before{content:'';width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:0;top:27px;}
.mcon_customer .notice li .txt .new_icon {display:inline-block;margin-right:3px;font-weight:600;color:#ffd427}
.mcon_customer .notice li .txt a {color:#fff}
a.more_btn{font-size:1.333em;color:#fff;padding:5px 5px;position:absolute;right:0;top:0;}

.mcon_customer .cc{width:100%}
.mcon_customer .cc li{color:#fff;font-size:1.415em;line-height:1.6;position:relative;margin-bottom:3px;}
.mcon_customer .cc li span{position:relative;padding-left:13px;}
.mcon_customer .cc li span:before{content:'';width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:0;top:8px;}
.mcon_customer .cc li b{color:#ffd427;font-size:1.667em;font-family:'suitEB';display:inline-block;margin-left:15px;line-height:24px;}
.mcon_customer .cc .contact{display:flex;justify-content:center;margin-top:25px;gap:15px 20px;flex-wrap:wrap;}
.mcon_customer .cc .contact span{background:url(../images/arr_icon03.svg) right 25px center no-repeat;backdrop-filter:blur(14px);border-radius:70px; transition:all ease 0.5s;border:1px solid rgba(255,255,255,0.4);}
.mcon_customer .cc .contact span:hover{background:#00b2d5 url(../images/arr_icon03.svg) right 25px center no-repeat;border:1px solid #00b2d5}
.mcon_customer .cc .contact span a{color:#fff;padding:17px 65px;font-size:1.415em;display:block;width:214px;background:url(../images/cc_icon01.svg) 25px center no-repeat;border-radius:70px;}

.mcon_customer .cc .contact span:last-child a{background:url(../images/cc_icon02.svg) 25px center no-repeat;}


/* 서브 비주얼 */
.wrap_sub {overflow:hidden;position:relative}
.sub_visual{position:relative; width:100%}
.sub_visual .bg_vis{position:relative; width:100%; height:230px}
.sub_visual .bg_vis:after{display:block; clear:both; content:''}
.sub_visual .bg_vis li{position:absolute; left:0; top:0; z-index:120; width:100% !important; height:100%; display:none; overflow:hidden; background-size:cover !important;}
.sub_visual .bg_vis .txt_vis > div{position:absolute; left:0; top:75px; width:100%; z-index:150; padding:25px 5% 0; height:145px}
.sub_visual .bg_vis .txt_vis > div.svis_txt{font-size:3.71em; color:#fff; font-family:'NotoSans-Bold'}


/* 서브 탑 */
h2.smenu_title{position:absolute;left:0;top:75px;height:calc(155px - 25px);z-index:200;width:100%;display:flex;align-items:center;justify-content:center;}
h2.smenu_title p{text-align:center;color:#fff;font-size:2.5em;font-family: 'suitEB';}
h2.smenu_title p span{display:block;font-family: 'suitSB';color:rgba(255,255,255,0.7);font-size:0.42em;margin-bottom:8px;font-family: 'suitSB';}

/* 탭메뉴 */
.tab_menu{position:absolute;bottom:35px;left:0;z-index:200;width:100%;}
.tab_menu ul{display:flex;justify-content:center;gap:0 35px;}
.tab_menu li{position:relative;}
.tab_menu li:after{content:'';width:5px;height:5px;background:rgba(255,255,255,0.8);border-radius:50%;position:absolute;right:-18px;top:calc(50% - 2.5px);}
.tab_menu li:last-child:after{display:none;}
.tab_menu li a{color:#fff;font-size:1.415em;font-family: 'suitM';padding:10px 10px;}
.tab_menu li.selected a, .tab_menu li:hover a{color:#00b2d5}

/* 서브 콘텐츠 */
.sub_contents {overflow:hidden;width:100%;height:auto}
/* .sub_contents {overflow:hidden;width:100%;height:auto;opacity:0;transition:opacity 0.9s ease 0.2s}
.sub_contents.load {opacity:1} */
.sub_contents h1.page_title{position:relative; margin:35px 0 25px; font-size:3.55em; line-height:1.5; text-align:center;}
.page {width:100%;height:auto;min-height:300px;margin:0 auto;padding:25px 15px 10%}
.page:after {display:block;clear:both;content:""}
.page h2.stit{font-size:1.667em;color:#333;position:relative;padding-left:30px;margin:50px 0 15px;background:url(../images/sub/stit_bullet.svg) left center no-repeat;}

/* .tabs_type_a {overflow:hidden;width:100%;height:auto;margin-bottom:5%;border-bottom:1px solid #ddd}
.tabs_type_a li {float:left;width:160px;margin-right:-1px;border:1px solid #ddd;border-bottom:0;background:#fbfbfb;text-align:center}
.tabs_type_a li.selected {background:#2492da}
.tabs_type_a li a {display:block;height:48px;font-size:1.417em;line-height:48px;color:#666}
.tabs_type_a li.selected a {color:#fff} */

/*서브내용*/
.add_info{border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:15px 10px; }
.add_info ul{}
.add_info li{font-size:1.415em;color:#555;line-height:1.6;padding-left:66px;margin:10px 0}
.add_info li span{display:block;color:#898989;}
.add_info li:first-child{background:url(../images/sub/info_icon01.svg) left center no-repeat;}
.add_info li:nth-child(2){background:url(../images/sub/info_icon02.svg) left center no-repeat;}
.add_info li:nth-child(3){background:url(../images/sub/info_icon03.svg) left center no-repeat;}

.map_box{overflow:hidden;margin-bottom:30px}
.map_box > div{position: relative;padding-top: 46.15%;width: 100%;height: 0;}
.map_box .root_daum_roughmap .wrap_map{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%; border-bottom: 1px solid #d4d4d4;}

.cust_logo{}
.cust_logo ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px 0px}
.cust_logo li{width:48%;}
.cust_logo li figure{text-align:center;margin:0;padding:0;}
.cust_logo li img{width:100%;max-width:279px;border:1px solid #d4d4d4;border-radius:25px;position:relative;}
.cust_logo li:hover div{position:relative;}
.cust_logo li:hover div:before{content:'';width:100%;height:100%;border:3px solid #00b2d5;position:absolute;left:0;top:0;display:block;z-index:50;border-radius:25px;}
.cust_logo li figcaption{font-size:1.415em;color:#555;margin-top:15px;}
.cust_logo li figcaption span{position:relative;padding-left:15px;}
.cust_logo li figcaption span:before{content:'';width:7px;height:7px;border-radius:50%;background:#00b2d5;position:absolute;left:0;top:8px;}

.tbl01{width:100%;border-spacing:0; border-collapse:separate;border-top:2px solid #232933}
.tbl01 th{font-size:1.25em;color:#333;background:#f4f4f4;border-bottom:1px solid #d4d4d4;padding:10px 8px;border-right:1px solid #d4d4d4;font-weight:normal;}
.tbl01 td{text-align:center;font-size:1.25em;color:#555;border-bottom:1px solid #d4d4d4;padding:10px 8px;border-right:1px solid #d4d4d4;}
.tbl01 .td_l{color:#00b2d5}
.tbl01 tr td:last-child, .tbl01 tr th:last-child{border-right:none;}

.tbl02{width:100%;border-spacing:0; border-collapse:separate;border-top:2px solid #232933}
.tbl02 th{font-size:1.25em;color:#333;background:#f4f4f4;border-bottom:1px solid #d4d4d4;padding:10px 8px;font-weight:normal;}
.tbl02 td{text-align:center;font-size:1.25em;color:#555;border-bottom:1px solid #d4d4d4;padding:10px 8px;text-align:left;}
.tbl02 .td_l{color:#00b2d5}
.tbl02 tr td:last-child, .tbl02 tr th:last-child{border-right:none;}
.tbl02 li{position:relative;padding-left:12px;line-height:1.6;margin:3px 0;}
.tbl02 li:before{content:'';width:3px;height:3px;border-radius:50%;position:absolute;left:0px;top:12px;background:#00b2d5;}

.equip{margin-top:20px}
.equip ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px 0px}
.equip li{width:100%;text-align:center;border:1px solid #d4d4d4;border-radius:25px;overflow:hidden;}
.equip li img{width:100%;max-width:277px;}
.equip li figure{margin:0;padding:0;}
.equip li figcaption{font-size:1.415em;color:#fff;background:#00b2d5;padding:16px 5px;display:flex;justify-content:center;align-items:center}

.his_wrap{padding-bottom:50px;}
.his_l{background:url(../images/sub/his_bg02.jpg) right -85px no-repeat;padding:15px 15px;background-size:100% auto;}
.his_r{}
.his_l span{color:#fff;font-size:1.333em; text-transform:uppercase;display:block;font-family:'suitEB';letter-spacing:1px;}
.his_l strong{color:#fff;font-size:2.8em;display:block;font-family:'suitEB';text-transform:uppercase;margin-bottom:13px}
.his_l p{font-size:1.415em;color:rgba(255,255,255,0.8)}

.his{border-bottom:1px solid #d4d4d4;padding:15px 10px;width:100%;}
.his span.year{font-size:2em;color:#333;margin-right:50px;font-family:'suitB';}
.his .his_c{}
.his .his_c{font-size:1.415em;color:#555;line-height:1.6;position:relative;padding-left:12px; }
.his .his_c:before{content:'';width:5px;height:5px;border-radius:50%;background:#00b2d5;position:absolute;left:0;top:12px;}

.col_b{color:#00b2d5 !important;}

.factory{margin-bottom:25px;}
.factory img{width:100%;border-radius:25px;}

.certi{}
.certi ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.certi li{text-align:center;}
.certi li img{width:100%;max-width:268px;border:1px solid #d4d4d4;padding:8px 8px;background:#f5f5f5;}
.certi li figure{margin:0;padding:0;}
.certi li figcaption{font-size:1.415em;color:#555;margin-top:15px;}
.certi li figcaption span{position:relative;padding-left:15px;}
.certi li figcaption span:before{content:'';width:7px;height:7px;border-radius:50%;background:#00b2d5;position:absolute;left:0;top:8px;}

.drawing{border:1px solid #d4d4d4;padding:3% 3%;text-align:center;}
.drawing img{width:100%;max-width:628px;}

.catalog{background:#f7f7f7;border-radius:25px;display:flex;flex-wrap:wrap;margin-top:40px}
.cata_img{margin:-40px auto 0;position:relative;padding:0 0 50px 0;text-align:center;}
.cata_img img{width:100%;max-width:597px;}
.cata_c{display:flex;align-items:center;}
.cata_c p{font-size:1.415em;color:#555;line-height:1.5;word-break:keep-all;}
.cata_c p span{font-size:1.35em;color:#333;font-weight:600;display:block;}
.cata_c a.down_btn{font-size:1.415em;color:#555;border:2px solid #ccc;border-radius:80px;padding:10px 90px 10px 28px;display:inline-block;background:url(../images/sub/down_btn.svg) right 28px center no-repeat;margin-top:30px; transition:all ease-in 0.3s;}
.cata_c a.down_btn:hover{background:#00b2d5 url(../images/sub/down_btn_w.svg) right 28px center no-repeat;border:2px solid #00b2d5;color:#fff;}


/* 푸터 */
#footer{width:100%; height:auto; position:relative; background:#212327;}
#footer .f_top{width:100%; border-bottom:1px solid rgba(255,255,255,0.3); padding:0px 15px 30px}
#footer .f_top > .in_1200{padding-top:18px;}
#footer .f_info p, #footer .f_info li{font-size:1.083em; color:#b6b6b6; line-height:1.7; word-break:keep-all}
#footer .f_info p{padding-bottom:10px}
#footer .f_info p > strong{margin-right:21px}
#footer .f_info span{display:inline-block; padding-right:21px}
#footer .f_info span strong{padding-right:6px}
#footer .f_info strong{display:inline-block; color:#d7d7d7; font-family:'suitB'; }
#footer .f_copy{color:#6e6e6e !important;}

#footer .f_logo{text-align:center}
#footer .f_logo li {line-height:50px}
#footer .f_logo li:first-child img{width:202px; height:auto}
#footer .f_logo ul{display:flex; justify-content:center; padding-top:20px}
#footer .f_logo li{margin:0 10px}
#footer .copyright{padding:20px 0; text-align:center}
#footer .copyright p{font-size:1.083em}
#footer .copyright p, #footer .copyright a{color:#898989}
#footer .f_quick{padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.4);}
#footer .f_quick ul{display:flex;justify-content:left;gap:0 20px;}
#footer .f_quick li{position:relative;padding-right:20px}
#footer .f_quick li:before{content:'';width:1px;height:13px;background:rgba(255,255,255,0.4);position:absolute;right:0;top:calc(50% - 6.5px);}
#footer .f_quick li:last-child:before{display:none;}
#footer .f_quick li a{font-size:1.25em;color:#d0d0d0;}
#footer .f_copy a{color:#6e6e6e}




@media screen and (max-width:1099px) {
    #hd_pop .hd_pops {left:0 !important}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}
}

/*media query - mobile*/
@media screen and (max-width:767px) {
    .dpb_m{display:block}

    /* 메뉴 */
    #header .header_top .logo{width:187px}
    #header .header_top .lang{padding:0}
    #header .header_top .lang li:first-child{display:none}
    #header .header_top .lang li a{padding:0 10px}
	#header .header_top .nav_r {display:none;}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis li .txt_vis .mvis_txt01{font-size:1.55em;padding-bottom:5px;}
    .visual .bg_vis li .txt_vis .mvis_txt02{font-size:2.5em}
	.visual .bg_vis li .txt_vis .mvis_txt03{font-size:1.25em;margin-top:15px;}
    .visual .bg_vis li .txt_vis .mvis_txt02 br{display:none}
	

    /* 서브 비주얼 */
    .sub_visual .bg_vis .txt_vis > div.svis_txt{font-size:2.5em}
    #container_location {height:50px; position:relative}
    #container_location > .in_1300{height:50px}
    #container_location .home{display:none}
    #container_location .lct_area{width:50%}    
    #container_location .lct_area:after{top:12px; height:26px}
    #container_location .lct_area.depth2:after{display:none}
    #container_location .lct_area > span{width:100%; padding:0 25px 0 15px; line-height:50px; background-position:right 13px top 22px; font-size:1.333em}
    #container_location .lct_area ul{top:50px;; width:100%;}
    #container_location .lct_area ul li a{font-size:1.25em; line-height:45px}
 
    /* 서브 콘텐츠 */
    .sub_contents h1.page_title{font-size:2.667em}

    /* 탭메뉴 */
    .tab_menu{bottom:10px;}
	.tab_menu ul{gap:0 10px;}
	.tab_menu li a{padding:10px 5px;}
	.tab_menu li:after{right:-7px}
	
	.cata_c{width:100%;text-align:center}
	.cata_c > div{width:100%;padding-bottom:40px}
	.cata_img{padding:0 0 20px 0;}

    

    /* 푸터 */
    .f_info li{margin-bottom:5px}
    #footer .f_info > p > strong, #footer .f_info li > strong{display:block}
    #footer .f_info li span:first-of-type{clear:both}
}

/*media query - tablet pc*/
@media screen and (min-width:768px) {
	
		

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis{height:650px}
    .visual .bg_vis li .txt_vis{padding:160px 7% 0}
    .visual .bg_vis li:before, .visual .bg_vis li:after{left:calc(50% - 15px); bottom:38px;}
  
	.visual .vis_control{top:520px; left:7%;}

    /* 메인컨텐츠 */
	.mcon_tit{display:flex;justify-content:left;gap:0 70px; align-items:end;position:relative;margin-bottom:30px;}
    .mcon_tit h2{font-size:4.8em;}
	.mcon_tit h2 span{font-size:0.335em;}
	a.mcon_more{position:absolute;right:0;top:0;}
	
	
	.mcon_prodcut .prod li{max-width:282px;height:259px;}
	.mcon_business .busi_box li{width:31%;max-width:348px;}	
    .mcon_btn li{border-right:1px solid #d4d4d4}
	.mcon_customer .cc li b{font-size:2.35em;line-height:normal}	

    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:280px}
    .sub_visual .bg_vis .txt_vis > div{padding-top:35px}
	
	h2.smenu_title{top:75px;height:calc(205px - 35px);}
	h2.smenu_title p{font-size:3.5em;}
	
	/*서브 내용*/	
	.cust_logo ul{gap:45px 3.5%;justify-content:left;}
	.cust_logo li{width:31%}
	
	.equip ul{gap:45px 3.5%;justify-content:left;}
	.equip li{width:31%}
	.equip li figcaption{min-height:95px;}
	
	
	.his_wrap{display:flex;justify-content:space-between;*background:url(../images/sub/his_bg.jpg) left 128px no-repeat;}	
	.his{display:flex;align-items:center;justify-content:left;}	
	.his_l{width:35%;max-width:372px;padding:35px;background-position:right -17px top;background-size:204% auto;}
	.his_r{width:65%}	
	
	.his{padding:25px 12px;}
	.his span.year{font-size:2.35em;}
	
	.his_l strong{font-size:3.65em}
	.his_r{padding-bottom:85px;}
	
	.cata_img{width:50%}
	.cata_c{width:50%;}
	

    /* 푸터 */
    #footer .f_info li > strong{padding-right:28px; position:relative}
    #footer .f_info li > strong:after{position:absolute; right:13px; top:8px; width:1px; height:11px; background:#fff; opacity:0.5; content:''}

}

/*media query - 태블릿만 */
@media screen and (min-width:768px) and (max-width:1099px) {
    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis li .txt_vis{font-size:0.9em}


    /* 서브 콘텐츠 */
    .sub_contents h1.page_title{font-size:3.5em}

}

/*media query - PC*/
@media screen and (min-width:1100px) {
    .in_1200{width:100%; max-width:1200px; position:relative; margin:0 auto}
    .dpb_pc{display:block}

    /* 헤더 */
    #header{height:107px; } 
    #header .header_top{padding:0; height:107px; margin:0 auto}
    #header .header_top .logo, #header .header_top .tims{position: relative; z-index: 300;}
    #header .header_top .logo{width:200px; height:107px;}
    #header .header_top .toggle{display:none}
	#header .header_top .nav_r{height:106px;}

    .adm_li{position:absolute;right:0;top:120px;z-index:500}
    .adm_li li{float:left}
    .adm_li li a{display:block; padding:7px 5px; color:#fff; font-size:1.25em}
    
    /* 메뉴 */    
    #header .container_menu{position:initial;}
    #hd_menu {position:absolute; left:200px; top:0; display:inherit; background:transparent; border:0; z-index:210; width:calc(100% - 300px)}
    #hd_menu .main_menu:after {display:block;clear:both;content:""}
    #hd_menu .main_menu{display:flex; justify-content:center;}
    #hd_menu .main_menu > li {position:relative; border:0; background:none !important; border:0 !important}
    #hd_menu .main_menu > li > a{padding:0 24px; font-size:1.585em; color:#fff; width:100%;}
    #hd_menu .main_menu > li > a span{display:flex; align-items:center; line-height:106px; position:relative; width:100%; padding:0 5px}
    #hd_menu .main_menu > li > a span:after{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all .4s; -webkit-transition:all .4s; height:100%; width:0; border-bottom:2px solid #00b2d5; content:''; z-index:600}
    #hd_menu .main_menu > li:hover > a{color:#00b2d5 !important}
    #hd_menu .main_menu > li:hover > a span:after, #hd_menu .main_menu > li.on > a span:after{width:100%}
    #hd_menu .sub_menu{overflow:hidden; position:absolute;left:0;top:120px;z-index:501;width:100%;padding:0;background:transparent;}
    #hd_menu .sub_menu > ul{padding:35px 0 50px 29px}
  
    #hd_menu .sub_menu > ul > li{padding:0}
    #hd_menu .sub_menu > ul > li > a {padding:5px 0; line-height:1.5; word-break:keep-all; font-size:1.415em; color:#555}
    #hd_menu .sub_menu > ul > li.on > a {color:#00b2d5}

    /* 메뉴 - 헤더 오버, 서브 */
    #header.h_over #hd_menu .main_menu > li > a{color:#333}
    #header.h_over .adm_li li a {color:#333}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis{height:837px}
    .visual .bg_vis li .txt_vis{padding:309px 5% 0}
	.visual .bg_vis li.vis03 .txt_vis{padding:205px 5% 0}
    .visual .bg_vis li .txt_vis .mvis_txt01{line-height:1.3; padding-bottom:10px}	
	.visual .vis_control{top:595px;}
    
	 /* 메인컨텐츠 */
	.mcon_tit{margin-bottom:73px;}
    .mcon_prodcut{padding:160px 0px}
	.mcon_prodcut .prod_controller span.prod_prev{margin-left:-100px;}
	.mcon_prodcut .prod_controller span.prod_next{margin-right:-100px;}

   	.mcon_business{padding:160px 0;}
  
	.mcon_customer{padding:140px 0px;}
	.mcon_customer  h3{font-size:2.2em;margin-bottom:30px;}
	.mcon_customer .cc_wrap{display:flex;justify-content:space-between;}
	.mcon_customer .notice{width:492px;}
	.mcon_customer .cc{width:464px;}
	.mcon_customer .cc .contact{justify-content:space-between;margin-top:45px;}
   

    /* 서브 비주얼 */
    .sub_visual .bg_vis{height:385px}
    .sub_visual .bg_vis .txt_vis > div{top:120px; padding-top:70px}
    
    /* 서브 탑 */
 	h2.smenu_title{top:106px;height:calc(279px - 55px);}
	h2.smenu_title p{font-size:4.3em;}

    /* 서브 콘텐츠 */
    .sub_contents h1.page_title{margin:85px 0 0}
    .page {min-height:500px;padding:50px 0 100px}	
	
	/*서브 내용*/
	.add_info{padding:30px 15px;}
	.add_info ul{display:flex;justify-content:space-around;}
	
	.cust_logo ul{gap:65px 2.26%;}
	.cust_logo li{width:23.3%}
	
	.equip{margin-top:80px}
	.equip ul{gap:65px 2.66%;}
	.equip li{width:23%}
	
	.tbl01 th, .tbl01 td{font-size:1.415em;padding:14px 10px;}
	.tbl02 th, .tbl02 td{font-size:1.415em;padding:20px 20px;}
	
	.factory{margin-bottom:50px;}
	
	

    #footer .f_info p, #footer .f_info li, #footer .copyright p {font-size:1.292em;}
	
}

/*media query - PC*/
@media screen and (min-width:1200px) {

    /* 헤더 */
    #header .header_top .logo{width:246px}
	
	#header .header_top .nav_r{margin-right:0;height:106px;}

    /* 메뉴 */
    #hd_menu{left:calc(50% - 500px); width:1000px; margin-left:100px}

    /* 메인 컨텐츠 - 비주얼 */
    .visual .bg_vis li .txt_vis{padding:260px 0 0}
	.visual .bg_vis li.vis03 .txt_vis{padding:190px 0 0}
	.visual .vis_control{left:calc(50% - 600px);}

    /* 메인컨텐츠*/
	.mcon_prodcut .prod li{max-width:282px;height:259px;}   	

	.mcon_business .busi_box li span{font-size:2em;} 
	  
   
   /*서브내용*/
	.page h2.stit{font-size:2em;margin:80px 0 25px;padding-left:30px;}
	
	.equip li figcaption{min-height:75px;}
	
	.cata_c p span{font-size:1.833em;}
	

    /* 푸터 */
    #footer .f_top{padding:0px 0 0; *height:225px}
    #footer .f_top > .in_1200{padding:35px 0;overflow:hidden}
	#footer .f_info{float:left; width:80%}
    #footer .f_info p{padding-bottom:7px}
    #footer .f_logo{float:left; width:20%}
    #footer .f_logo ul{display:flex; justify-content:right; flex-wrap:wrap; padding-top:4px}
    #footer .f_logo li{margin:0 0 20px 13px; text-align:right}
    #footer .f_logo li:first-child{width:100%;}
    #footer .copyright{padding:0}
    #footer .copyright p{line-height:94px}
	
	#footer .f_quick{padding:25px 0;}
	#footer .f_quick li a{font-size:1.333em;}
	
}

/*media query - PC*/
@media screen and (min-width:1710px) {
    /* 헤더 */
    #header .header_top .logo{margin-left:-180px}

    /* 메뉴 */
    #hd_menu{margin-left:0}
    #hd_menu .main_menu > li > a{padding:0 37px; font-size:1.667em}
    #hd_menu .main_menu li.menu1 .sub_menu {width:calc(100% + 10px)}
    #hd_menu .sub_menu > ul {padding-left:46px}
    #hd_menu .main_menu li.menu3 .sub_menu > ul {padding-left:45px}
   

    /* 서브 콘텐츠 */
    #container_location{width:calc(100% - (50% - 650px)); }
}