@charset "utf-8";

.fl_l { float:left;}
.fl_r { float:right;}
.fl_c:after { clear:both; content:""; display:block;}
.dis_n { display:none !important;}
.dis_b { display:block;}
.col_hs_red { color:#d95b4c !important;}
br { font-family:'dotum;'}

#quick { position:fixed; right:10px; top:50%; z-index:30; margin-top:-124px; width:93px; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
#modal { position:absolute; top:100%; left:0; width:100%; z-index:50;}

.inner { position:relative; width:1200px; margin:0 auto;}

.popupContainer{position:fixed;top:0;left:0;right:0;bottom:0;padding:120px 0;background:rgba(0,0,0,.8);z-index:99;overflow-y:scroll;display:none;}
.is_popup .popupContainer{display:block;}
.popup {position:relative;top:0;left:50%;width:570px;margin-left:-320px}
.popup .popCon{background:#fff}
.popup .popCon img { max-width:100%; height:auto;}
.popup .close{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;text-indent:-9999px;background:url(../image/ico_close.png) 50% 50% no-repeat}
.popup .foot_close { padding:10px; background:#000; color:#fff;}
.popup .foot_close  label{ cursor:pointer;}
.popup .btn_pop_clock { float:right; display:block; background:#fff; color:#4479bd; padding:1px 10px; border-radius:3px;}

.m_nav { display:none;}
.m_br { display:none;}
.dis_b768 { display:none;}
.dis_b480 { display:none;}
.lnb_br { display:none;}
.img_pipeline { display:none;}
.dis_b1300 { display:none;}

/* 210902 */
@media screen and (max-width:1300px) {

html, body { width:100%; height:auto;}

.dis_b1300 { display:block;}
.dis_b1300 img { width:100%;}
.dis_n1300 { display:none !important;}

.sub_inner_box { width:100%;}
.lnb_inr1, .lnb_inr2 { width:100%; padding:0;}
.lnb_nav1, .lnb_nav2, .lnb_nav3, .lnb_nav4 { padding:20px 0;}
.lnb_inr4 { width:auto; margin: 0 auto;}
.lnb1 > li { padding:4px 0; width:15%;}
.lnb2 > li { padding:0 30px;}

.subwide_box { padding:0 30px 50px 30px;}
.bg_gray { left: 0;}
/* .tb_base { display:none;} */
/* .img_pipeline { display:block;}
.img_pipeline img { width: 100%;} */
.img_patent { display:block; }
.img_patent img { width: 100%;}
.research { display:block;}
.research img { width: 100%;}

.pipe_wrap { height: auto; overflow-x: scroll;}
.tb_base { margin: 0 10px; width:1000px;}

}

@media screen and (max-width:1200px) {
.ceo_list .ceo_area { width: 50%;}
.lnb_inr3 { width:auto;}
.allnav { top: 83px;}
.dummy_gnb { top: 89px;}
#header .head .gnb .gnb_list>li>a:after { top: 79px;}

}

@media screen and (max-width:991px) {

#wrap { min-width:auto;}
#header .head .gnb .gnb_list>li>a { font-size:14px; white-space:nowrap;}
.sw_main .main_tit_box { padding:260px 50px 120px 50px;}
.sw_main .main_tit_box .fs45 { font-size:38px;}
.sw_main .main_txt { font-size:22px; line-height:50px;}

.sub_banner { padding:40px 0;}
.sub_inner_box { padding:0 15px;}
.lnb3, .lnb4 { display:block;}
.lnb3 > li, .lnb4 > li { width:25%; padding:0}

.vis_wrap .vis_layer { display:block; position:relative;}
.vis_wrap .vis_layer:nth-child(3) { padding:45px 0 45px 90px;}
.vis_wrap .vis_layer .vis_list { width:42%;}
.vis_key_list { width:auto; margin:0 0 0 45px;}
.vis_key_list > li { margin: 0 -5px}
.vis_key_box { height:250px; padding:0px 10px 35px 30px;}

.ceo_list .ceo_area .img_ceo { padding:0 30px;}
.map_wrap #map { width:450px; height:330px; margin:0 auto;}
.loca_info { padding:0 25px; width: auto;}
.loca_info > li > a { width: 100px;}

.part_list > li > .part_box { padding:18px;}

.img_padding { padding: 90px 20px;}
.rd_area .rd_list .rd_box { padding:30px 50px 30px 30px;}
.rd_area li:first-child .rd_box div { height:84px;}
.bg_gray { height: 740px;}

}

@media screen and (max-width:768px) {

.dis_n768 { display:none !important;}
.dis_b768 { display:block;}
.dis_n768 { display:none !important;}

#header .head .gnb { padding:0 0 0 170px;}
.dummy_gnb { top:68px;}
.gnb .gnb_list>li>a:after { top: 65px;}
.allnav { top: 70px;}

.sw_main .main_tit_box { padding:150px 26px 90px 25px;}
.sw_main .main_tit { line-height:48px;}
.sw_main .main_tit_box .fs45 { font-size:32px;}
.sw_main .main_txt { font-size:22px; line-height:35px;}

.sub_banner { padding:35px 0;}
#ctt { padding:10px;}
.lnb1 > li { padding:4px 0; width:30%;}
.lnb3 > li { padding:0;}
.lnb_br { display:block;}
.lnb1 > li:nth-child(3):after { display:none;}

.bg_vis { height:73%; background-size: cover;}
.ceo_list .ceo_area { float:none; width:auto;}
.ceo_list .ceo_area .ceo_item { padding:0 15px 0 20px;}
.ceo_list .ceo_area .img_ceo { padding: 0 55px;}
.ceo_list .ceo_area .img_ceo img { width: auto;}
.vis_wrap .vis_layer:nth-child(3) { position:relative; display:block; padding:45px 0 45px 25px;}
.vis_wrap .vis_layer .vis_list { height:180px; width:47%; padding:20px;}
.vis_wrap .vis_list + .vis_list { margin:0 0 0 20px;}
.vis_wrap .vis_layer .vis_list > li { padding: 3px 0 0 10px;}
.vis_wrap .vis_layer .vis_list h2 { padding: 0;}

.vis_key_list { width:100%; margin:0 0 0 20px;}
.vis_key_box { height:300px; padding:5px 15px 0 20px;}
.vis_key_box > li { padding:0 0 30px 0;}
.vis_key_list > li > a { margin-bottom:20px;}

.his_list_item .his_item_txt { height: 134px;}
.part_list { margin:0 auto;}
.part_list > li > .part_box { padding:12px;}

.img_padding { padding:50px 5px;}
.prod_box { padding: 0px 0 0 0;}
.prod_box .prod_list_txt { font-size: 15px;}
.sub_txt_6 { font-size: 20px;}
.prod_box .prod_list_tit:before { top:50px;}

.rd_area li:first-child .rd_box div { height: 112px;}
.rd_area .rd_list .rd_box { padding:15px 20px 30px 25px;}
.rd_area .rd_list .rd_box .sub_txt_6 { font-size: 18px;}

.dis_b768 { display:block !important;}
.dis_n768 { display:none;}

.m_width1 img { max-width:70%;}
.m_width2 img { max-width:70%;}

.bg_rd_box { width:170px; height:170px; background-size:cover;}
.rd_area .rd_list:first-child .rd_txt_box { padding:0 15px;}
.rd_area .rd_list:last-child .rd_txt_box { position:absolute; display:block; right:135px; bottom:-10px; padding:20px 0 0 15px;}

.sub_box_03_1 { content:""; background:url(../img/img_sub03_1.png) no-repeat 50%; background-size:cover; width:100%; height:280px; box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 10%);}
.bg_gray { content:""; position:absolute; display:block; top:270px; width:100%; height:640px; background:#f9f9f9;}
.rd_wrap { position:relative; display:block;}
.rd_wrap .rd_area { position:relative; display:block;  margin:-20px -10px; padding:0 0 50px 0;}
.rd_area .rd_list { position:relative; display:block;}
.rd_area .rd_list .rd_box { position:relative; display:block; padding:70px 0 0 0;}
.rd_area .rd_list h2 { position:relative; display:inline-block; padding:0; color:#fff; text-align:left; font-size:22px;}
.rd_txt_box { position:relative; }
.rd_area .rd_list:first-child { width:95%; margin: 0 auto;clear:both; display:block; padding:30px 0 30px 185px;}
.rd_area .rd_list:nth-child(2) { width:31%; padding:50px 0 0 0;}
.rd_area .rd_list:nth-child(3) { width:28%; padding:50px 0 0 0;}
.rd_area .rd_list:last-child { width:94%; margin: 0 auto;clear:both; display:block; padding:30px 0 30px 235px;}
.rd_area .rd_list:first-child .rd_box { display:inline-block; }
.rd_area .rd_list:last-child .rd_box { display:block; float:left;}
.rd_area .rd_list:nth-child(2) .rd_txt_box { padding:15px 0 0 10px; white-space:unset;}
.rd_area .rd_list:nth-child(3) .rd_txt_box { padding:15px 0;}
.rd_area:after { content:""; margin:-50px 0 0 -15px; width:400px; height:510px; background:url(../img/ico/bg_rd_logo22.png) no-repeat 50%;}
.rd_area .rd_list .sub_txt_5_plus { font-size: 14px; line-height: 25px;}
.rd_img { padding:50px 0 90px 0;}
.rd_img img { width:100%;}

}

@media screen and (max-width:750px) {

.rd_area:after { content: ""; margin:-25px 0 0 -5px;}

}

@media screen and (max-width:700px) {

.dis_b700 { display:block !important;}
.dis_n700 { display:none !important;}

}

@media screen and (max-width:630px) {

.m_br { display:block;}
.dummy_gnb { top:160px;}
#header .head .gnb { padding:0 0 0 160px;}
#header .head .gnb .gnb_list>li>a { font-size:14px; white-space:normal; word-break:break-word;}
#header .head .gnb .gnb_list>li:nth-child(2)> a { line-height: 17px;}

#header .head { position:relative; display:block; height:70px;}
#header .head .logo { position:absolute; display:block; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10;}
#header .head .gnb { display:none;}
#header .head .gnb .gnb_wrap { display:none;}
.btn_m_toggle { position:absolute; top:50%; left:10px; display:block; transform:translateY(-50%); width:35px; height:35px; background:url(../img/ico/ico_m_toggle.png) no-repeat 50%;}
.btn_m_toggle.active { background:url(../img/ico/ico_m_toggle_close.png) no-repeat 50%;}
.m_nav { position:fixed; left:0; top:70px; display:none; width:100%; height:100%; z-index:99; background:rgba(0,0,0,.6); /* background: #fff; */}
.m_nav.active { display:block; z-index:99;}
.m_mainmenu{ position:absolute; top:0px; width:250px; height:100%; bottom:0; background:#fff; padding:0; z-index:99;}
.m_mainmenu > li{	position:relative; display:block; list-style:none; border:1px solid #eee; background:#fff;}
.m_mainmenu > li > a{position:relative; display:block; padding:20px; color:#000; font-size:16px; background:#fff;}

.sub_banner { padding:25px 0;}
.sub_banner_tit { font-size:2.5em;}

.market_list .market_area .market_item .img_market img { width:100%}

.bg_vis { height: 68%;}
.ceo_list .ceo_area .loca_info { padding:0 30px;}
.ceo_list .ceo_area .img_ceo img { width: 100%;}
.vis_wrap .vis_layer .vis_list { height:200px;}
.vis_wrap .vis_layer:nth-child(2) .vis_list { height:160px !important;}
.vis_key_box { height:330px; padding: 5px 0px 0 15px;}
.vis_key_box > li { padding:0 0 20px 0;}
.his_list_box > li { padding:0;}
.his_list { transform: rotate(180deg); padding: 0 20px}
.his_list > li { float: none; width:auto; transform: rotate(-180deg);}
.his_list_item .his_item_txt { height: auto;}

.img_padding { padding:20px 50px;}
.prod_info { padding:0 20px 20px 30px;}
.rd_area li:nth-child(2) .rd_box div { height:auto;}

.m_width1 img { max-width:50%;}
.m_width2 img { max-width:70%;}

}

@media screen and (max-width:500px) {
.dummy_gnb { top: 94px;}
.allnav { top: 95px;}
.bg_gray { height: 500px;}
.lnb_nav1, .lnb_nav2, .lnb_nav3, .lnb_nav4 { padding:15px 0;}
.lnb4 > li:nth-child(1), .lnb4 > li:nth-child(2), .lnb4 > li:nth-child(3) { padding: 8px 0 0 0;}
.lnb4 > li:after { top:14px; transform: none;}

.vis_wrap .vis_layer:nth-child(3) { padding:45px 0 45px 4px;}
.vis_key_list > li > a { padding: 12px;}
.vis_wrap .vis_layer .vis_list > li { font-size: 14px;}
.vis_key_box > .sub_txt_5 { font-size: 14px;}
.subwide_box { padding:40px 0;}
.sub_box_01 { height: 160px;}
.sub_box_03_1 { height: 160px;}
.ceo_list .ceo_area { padding: 20px;}
.map_wrap #map { width: 100%; height: auto;}
.map_wrap #map img { width: 100%;}

.pipe_wrap { padding: 0 20px 25px 15px; margin: 0 15px 50px 0;}
.img_patent { padding:0; margin: 0 -10px;}
.research { padding: 0; margin: 0 -5px;}

}

@media screen and (max-width:480px) {
.m_none { display:none;}
.dis_b480 { display:block;}
.pd_480 { padding:15px 0;}

.sw_main .swiper-slide { min-height:450px;}
.sw_main .sw-bg1 { min-height:450px;}
.sw_main .sw-bg1, .sw_main .sw-bg2 { background-size:cover;}
.sw_main .main_tit_box { padding: 130px 25px 0 25px;}
.sw_main .main_tit_box .fs45 { font-size:22px;}
.sw_main .main_tit { line-height:34px;}
.sw_main .main_txt { font-size:18px; line-height:30px; word-break:break-word;}

.sub_banner { padding:0;}
#container_title { font-size:1em; padding:0;}
#container_title span { margin:5px auto 5px;}
#container_title span:after { top:30px;}
.sub_banner_tit { padding:0 0 25px 0; color:#fff; font-size:1.5em;}

.lnb2 > li { padding:4px 20px; width:auto;}
.lnb3 > li { padding:0 5px;}
.lnb3 > li:nth-child(1), .lnb3 > li:nth-child(2), .lnb3 > li:nth-child(4) { padding:12px 0 0 0;}
.lnb3 > li:nth-child(1):after, .lnb3 > li:nth-child(2):after, .lnb3 > li:nth-child(4):after { top: 62%;}
.lnb4 > li { padding: 0;}

#ctt_con { font-size:24px; padding:0; margin-top:30px;}
#ctt { padding:0px 20px;}
.sub_inner_box { width:100%; padding:10px 20px;}
.m_br { display:block;}
.sub_txt_6 { font-size: 18px;}

.market_list .market_area .market_item { padding:10px 10px 35px 10px;}
.market_list .market_area .market_item .img_market img { width:95px;}
.market_list .market_area .market_item .sub_txt_3 { font-size:30px;}

.ceo_list { padding:10px 0 70px 0;}
.ceo_list .ceo_area .img_ceo { padding:0 30px; border-radius:80px 0; max-width:445px; max-height:400px;}
.ceo_list .ceo_area .img_ceo img { margin-top:-10px; width:90%;}
.ceo_list .ceo_area .ceo_item { padding:0;}
.ceo_list .ceo_area .ceo_item .sub_txt_5_plus { font-size:14px; line-height:23px;}
.ceo_list .ceo_area .ceo_item .pdt60 { padding-top: 30px;}

.bg_vis { top:-10px; height:60%;}
.vis_wrap .vis_layer { padding:42px 0;}
.vis_wrap .vis_layer:nth-child(3) { position: relative; display: block; padding: 0 0 0 3px;}
.vis_wrap .vis_layer .vis_list { height:245px;  padding:20px;}
.vis_wrap .vis_layer:nth-child(2) .vis_list { height:175px !important;}
.vis_wrap .vis_layer:nth-child(3) .vis_list { position:relative; display:block;}
.vis_key_list { margin:0 0 0 40px;}
.vis_wrap .vis_list + .vis_list { }
.vis_wrap .vis_layer:last-child { padding:30px 0;}
.vis_key_list > li:nth-child(2n+1) { clear:both; content:"";}
.vis_key_list > li { width: 50%; margin: 0 -20px 15px -20px;}
.vis_key_list > li .vis_key_box { height:210px; padding:5px 15px 0 20px; margin:0 15px;}
.vis_key_list > li:nth-child(2) .vis_key_box { border-right: 2px solid #000;}
.vis_key_list > li > a { padding: 10px}c
.vis_key_list > .vis_key_box > .sub_txt_5 { font-size:14px !important;}

.his_list_item .sub_txt_5 { font-size:14px;}
.loca_info > li > a { width: 100px;}
.ceo_list .ceo_area .loca_info { padding: 0 15px;}
.part_list { width:100%;}
.part_list > li { padding:6px;}

.rd_wrap .rd_area { padding: 30px 0 70px 0;}
.rd_area .rd_list .rd_box { padding:10px 15px 15px 20px;}
.rd_area .rd_list h2 { padding:5px 20px;}
.rd_area .rd_list .rd_box .sub_txt_5_plus { line-height: 23px;}
.bg_gray { height:470px;}

.sub_txt_1 { font-size:18px; line-height:25px;}
.prod_info { padding: 0 5px 20px 10px;}
.prod_box .prod_list_tit:before { top: 47px;}
.m_width2 img { max-width:100%;}

#wr_content { height:200px !important;}
#captcha.m_captcha #captcha_key { margin:0 0 0 2px; height:40px;}
#captcha.m_captcha #captcha_img { width: 120px; height: 40px;}
#captcha.m_captcha #captcha_reload { margin:0;}

}

@media screen and (max-width:425px) {

.lnb1 > li > a { font-size: 15px; line-height: 20px;}
.lnb2 > li > a { font-size: 15px; line-height: 20px;}
.lnb3 > li > a { font-size: 15px; line-height: 20px;}
.lnb4 > li > a { font-size: 15px; line-height: 20px;}

.sub_inner_box { padding:10px;}
.bg_gray { height:450px;}
.vis_key_list > li { margin: 0 0px 15px -20px;}
.vis_key_list > li .vis_key_box { margin:15px 5px;}
.lnb3 > li:nth-child(1):after, .lnb3 > li:nth-child(2):after, .lnb3 > li:nth-child(4):after { top: 62%;}
.img_patent { padding: 0; margin: 0;}

}