@charset "utf-8";
/* CSS Document */
.PC{ display:none !important}
.PHONE{ display:block !important}
@media screen and (max-width:1600px){
	
#header .logo {margin-left:0}
#header .gnb_wrap .gnb > li .dp1{ padding: 0; min-width: 0;}
#header .gnb_wrap .gnb > li:first-child{ margin-left: 2em;}
#header .logo .va{ height: 3em;}

}

@media screen and (max-width:1400px){
/**/
.box1{max-width:94%;}


#header .gnb_wrap .gnb > li .dp1{ min-width:4em;}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:.875em;}

#header .logo {margin-left:0}
}

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

/**/
#header .va_wrap{ height:4em; text-align:left !important}
#header .logo {margin-left:1em;}

#contents .sub_gnb .gnb > li .dp2 > li > a .va {font-size:.938em;}

/**/
.main_md .slider_for{ width:50%;}
.main_md .mainMd_wrap .slick-dots{ right:3.5em;}
.main_md .mainMd_wrap .slick-dots > ul > li{ margin:0 3px;}
.main_md .mainMd_wrap .slick-dots > ul > li button{ width:12px; height:12px;}

.partner_control_box {left:0; bottom:0; top:inherit;}
.partner_control_box .control_arrow > li {margin-top:10px;}
.partner_control_box .control_arrow .prev {left:40%;}
.partner_control_box .control_arrow .next {right:40%; }

.recruit_wrap .process_detail > li .process_tit {float:none;}
.recruit_wrap .process_detail > li .process_txt {float:none; width:100%;}
#header .gnb_wrap .gnb > li {display:none;}


}

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

.recruit_wrap .process_detail .process > li {width:120px;}
.recruit_wrap .process_detail .process > li.process_2 {margin-left:50px;}
.recruit_wrap .process_detail .process > li.process_3 {margin-left:50px;}
.recruit_wrap .process_detail .process > li.process_4 {margin-left:50px;}
 

}

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

body{ font-size:15px; letter-spacing:-.5px;}
.PC{ display:none !important}
.PHONE{ display:block !important}

.l-nav .nav_close{ top:35px;}
.l-nav .gnb > li.m_employee {display:none !important;}

#header .etc_wrap .all_wrap.on .all{ display:none;}

#header .gnb_wrap{ display:none;}
#header .va_wrap{ height:4em; text-align:left !important}
#header .logo {float:inherit; position:absolute; left:0; top:0;}
#header .logo .va{ left:0;}
#header .logo .logoW{ width:50%;}
#header .logo .logoC{ width:50%; left:0;}
#header .etc_wrap .lang_wrap .langBtn {padding:0;}
#header .etc_wrap .employee_wrap .employee_tt {font-size:1em;}
#header .etc_wrap .mail_wrap .mail_tt {font-size:1em; }
#header .etc_wrap .all_wrap .allBtn {font-size:.875em; margin-right:0; padding:0 .2em;}


/*.swiper-container-fade .swiper-slide{ height:300px !important}*/
#quick{ display:none;}
#header:hover:before, #header.fOn:before, .scroll #header:before{ background: linear-gradient(90deg, #f5f9ff 0%, #45a7f0 60%, #a0a2ff 100%);}
.scroll #header:before{ background:#45a7f0; background: linear-gradient(90deg, #f5f9ff 0%, #45a7f0 60%, #a0a2ff 100%); box-shadow:0 5px 10px rgba(0,0,0,.2); opacity:1}

.visualSlide_wrap .el .slogan .t1{ font-size:1.5em; padding:0 1em;}
.visualSlide_wrap .el .slogan .t2{ font-size:.750em; letter-spacing:.5em;}
.visualSlide_wrap .btn_wrap{ display:none;}

.main_box{ padding:3em 0 3em 0;}
.main_box .swiper-container{ padding-top:.5em !important;}
.main_tit{ margin-bottom:2em;}
.main_tit .t1{ font-size:1.250em;}
.main_tit .t2{ font-size:.875em; padding:0 3em;}

.main_ir > li {width:50%;}
.main_ir > li .in{ padding:2em 1em 2em 1em;}
.main_ir > li .in .icon{ width:3.5em; height:3.5em; line-height:3.5em; margin-bottom:1.5em;}
.main_ir > li .in .icon .xi{ font-size:2.250em;}
.main_ir > li .in .t1{ font-size:1em;}
.main_ir > li .in .t2{ font-size:.750em; display:none;}
.main_ir > li:nth-child(2n-1){ margin-top:0;}
.main_ir > li .in .plus{ margin-top:1em;}
.main_ir > li .in .plus:before{ font-size:1.250em;}

.main_link_wrap > li .va_wrap{ height:13em;}
.main_link_wrap > li .t1{ font-size:1.250em;}
.main_link_wrap > li .more{ font-size:.750em; line-height:2.5em;}
.main_link_wrap > li .t2{ font-size:.750em;}

#contents .doc.sub {padding:2em 0 8em 0;}
#contents .doc.st{ padding:2em 0 5em 0;}
#contents .doc.st2{ padding:2em 0 5em 0;}
#contents .doc.sub.st1 {padding:2em 0 0 0;}
#contents .doc.sub.st3{ padding:0 0 0 0;}
#contents .sub_top {padding-bottom:0;}
#contents .sub_top .bg{ background-size:cover;}
#contents .sub_top .slogan{ height:8em;}
#contents .sub_top .slogan .t1{ font-size:1.375em;}
#contents .sub_top .slogan .t2{ font-size:.570em;}
#contents .sub_gnb .box1{ max-width:100% !important;}
#contents .sub_gnb .gnb > li .dp2 > li:hover > a, #contents .sub_gnb .gnb > li .dp2 > li.on > a{ padding:0;}
#contents .sub_gnb .gnb{ font-size:.750em; margin-top:-3.1em; display:none;}
#contents .sub_gnb .gnb > li .dp2 > li{ width:25%;}
#contents .sub_gnb .gnb > li .dp2 > li > a{ height:2.2em; margin-top:0;}
#contents .sub_gnb .gnb > li .dp2 > li > a .va{ font-size:.750em;}
#contents .sub_tit .tit_wrap{ padding:1em 0 1em 0;}
#contents .sub_tit .tit_wrap h3{ font-size:1.375em;}
#contents .sub_tit .nav_wrap{ margin-top:2.5em; font-size:.750em; display:none;}

#stockIframe{ height:1800px !important}

#footer{ position:relative;}
#footer .link_wrap{ padding:.5em 0;}
#footer .link_wrap .menu_wrap{ margin-left:-1em;}
#footer .link_wrap .menu_wrap > li {display:none;}
#footer .link_wrap .menu_wrap > li > a{ padding:0 .8em;}
#footer .link_wrap .menu_wrap > li > a .tt{ font-size:.750em;}
#footer .info_wrap .info > li{ font-size:.750em; margin-top:.3em;}
#footer .info_wrap{ padding:1em 0 2em 0;}
#footer .info_wrap .logo{ width:45%; margin-bottom:1em; float:none;}
#footer .info_wrap .info {width:100%;}
#footer .link_wrap .etc_wrap .family_wrap{ position:absolute; bottom:10.5em; right:2%;}
#footer .link_wrap .etc_wrap .family_wrap .family{ bottom:2.5em;}
#footer .link_wrap .etc_wrap .family_wrap .familyBtn{ width:5.5em;}
#footer .link_wrap .etc_wrap .family_wrap .familyBtn .tt{ font-size:.750em;}
#footer .link_wrap .va_wrap{ height:2.5em; line-height:2.5em;}
#footer .link_wrap .etc_wrap .goTop{ margin-left:0;}
#footer .link_wrap .etc_wrap .goTop .tt {display:inline-block;}
#footer .link_wrap .etc_wrap .goTop .va{ font-size:.750em;}
#footer .info_wrap .info > li.copyright{ font-size:.688em;}

.main_md{ padding:1em 0 2em 0;}
.main_md .mainMd_wrap{ padding-top:4em; margin:0 13%;}
.main_md .slider_nav{ position:relative; top:auto; margin-left:0;}
.main_md .slider_nav .prod{ margin-left:0; border-bottom-color:#0e4194}
.main_md .slider_nav .prod .img_wrap .bg{opacity:0;}
.main_md .slider_nav .prod .con_wrap .prod_txt{ display:block;}
.main_md .slider_nav .item.slick-current{ opacity:1;}
.main_md .slider_for{ display:none;}
.main_md .mainMd_wrap .slick-dots{ top:-2.5em;}
.main_md .mainMd_wrap .slick-dots > ul > li button{ width:10px; height:10px;}

.main_md .mainMd_wrap .arrow_wrap > li.prev {left:-3.5em;}
.main_md .mainMd_wrap .arrow_wrap > li.next {right:-3.5em;}
.main_md .mainMd_wrap .arrow_wrap > li .xi {width:2em; line-height:2em;}


.main_con5 .partner_wrap .partner {margin-left:-10px;}
.main_con5 .partner_wrap .partner .item .inner {margin-left:10px;}
.partner_control_box {display:none;}
.partner_control_box .control_arrow > li .xi {width:30px; height:30px; line-height:30px; font-size:1em;}

.si_w {padding:3em 0;}
.introduce_wrap .page_column_list  > li {width:50% !important;}
.page_column_list > li > .inner .img > img {width:100% !important;}
.introduce_tw .ti {font-size:1.3em;}

.ethics_w {padding:4.5em 0; text-align:center;}
.ethics_w .ethics_tt {font-size:1.6em; display:inline-block}
.ethics_w .ethics_tt:before {background-size:50%; left:-30px}
.ethics_w .ethics_tt:after {background-size:50%; right:-50px }
.ethics_w .ethics_tx {font-size:1em;}
.ethics_bw {padding:3em 0;}
.ethics_bw .ethics_in .list_w {margin-left:-5px;}
.ethics_bw .ethics_in .list_w > li {width:50% !important;}
.ethics_bw .ethics_in .list_w > li .icon {padding:2em;}
.ethics_bw .ethics_in .list_w > li .inner {margin-left:5px;}
.ethics_bw .ethics_in .list_w > li .tt {font-size:.938em;}

.recruit_tw {padding:2.5em 0;}
.recruit_tw .t_w {padding:2em 0;}
.recruit_tw .t_w .t1 {font-size:1.3em;}
.recruit_tw .t_w .t2 {font-size:1em;}
.recruit_tw .t_w .line {width:20px; height:2px; margin:1em auto;}

.recruit_wrap .process_detail > li {padding:1em;}
.recruit_wrap .process_detail > li:before {width:250px;}
.recruit_wrap .process_detail > li .process_tit {margin-right:0; padding-left:0; font-size:4em; }
.recruit_wrap .process_detail > li .process_txt {margin-top:0; margin-left:0; ;}
.recruit_wrap .process_detail > li .process_txt .process_tit1 {font-size:1.063em; margin-right:10px;}
.recruit_wrap .process_detail .process > li.process_2 {margin-left:0;}
.recruit_wrap .process_detail .process > li.process_3 {margin-left:0;}
.recruit_wrap .process_detail .process > li.process_4 {margin-left:0;}
.recruit_wrap .process_detail .icon {top:20px;}
.recruit_wrap .process_detail .icon > img {width:50px;}
.recruit_wrap .process_detail .icon:after {font-size:0;}


.recruit_bw_list {margin:70px -8px -8px 0;}
.recruit_bw_list > li {width:25%;}
.recruit_bw_list > li .in {margin:0 8px 8px 0;}

.map_info2 > li h3 {font-size:1.063em; float:none;}
.map_info2 > li h3 .xi {vertical-align:baseline}
.map_info2 > li .info {margin:20px 0 0 10px;}

.root_daum_roughmap {width:100% !important;}

/**/
.sub_tw.company .sub_in_ti {font-size:1.8em;}
.sub_tw.status .sub_in_ti {font-size:1.8em;}
.sub_tw.vision .sub_in_ti {font-size:1.8em;}
.sub_tw:before {font-size:2em; bottom:-15px;}

.company_top {padding:2em 1em;}
.company_top .t_w .t1 {font-size:1.375em;}
.company_top .t_w .line {margin:1em auto 1.5em auto;}
.company_top .t_w .t2 {font-size:.938em;}
.company_top .t_w .t2 br {display:none;}

.company_mid .list .txt {margin-top:.5em;}
.company_mid .list .txt .t2 {font-size:.875em;}
.company_mid .list > li {width:50% !important;}
.company_mid .list > li .inner {margin-bottom:1em;}
.company_mid .list > li:nth-child(3) .inner {border-left:none;}

.company_bot {padding:5em 0;}
.company_bot .vision_w .ti {font-size:1.375em;}
.company_bot .vision_w .list_w {margin-left:0;}
.company_bot .vision_w .list_w > li {width:50% !important;}
.company_bot .vision_w .list_w > li .icon {padding:2em;}
.company_bot .vision_w .list_w > li .inner {margin-left:5px;}
.company_bot .vision_w .list_w > li .tt {font-size:.938em;}

.page_ceoWrap {margin-top:0;}
.page_ceoWrap .left{ width:100%; font-size:.750em;}
.page_ceoWrap .right{ width:100%; font-size:.750em;}
.page_ceoWrap .right .inner{ margin-left:0; margin:0 1em;}
.page_ceoWrap .txt_wrap .txt{}
.page_ceoWrap .page_ceoB{ padding:1em 0;}
.page_ceoWrap .txt_wrap .txt.sign {padding-top:1.8em;}
.page_ceoWrap .right .inner img{ display:none;}
.page_ceoWrap .page_ceoT .txt_wrap .inner {padding-bottom:0;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:0; padding-left:0; margin:0 1em;}

.history_t_wrap .history_tit {font-size:1.125em;}
.history_t_wrap .history_tit:before {display:none;}
.history_t_wrap .history_tit:after {display:none;}
.history_t_wrap .history_line {margin:1.5em auto 3em auto;}

.sub_history_wrap .sub_history_line {display:none;}
.sub_history_wrap .sub_history > li {width:100%; padding-bottom:20px; border-bottom:1px dashed #ddd;}
.sub_history_wrap .sub_history > li.even {left:0;}
.sub_history_wrap .sub_history > li.odd {text-align:left;}
.sub_history_wrap .sub_history > li.odd .list {margin-right:0; margin-left:20px;}
.sub_history_wrap .sub_history > li.odd .history .list .month {right:inherit; left:0;}
.sub_history_wrap .sub_history > li.odd .history .list .tt {padding-right:0; padding-left:40px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt:before {right:inherit; left:30px;}

.bis_wrap {margin:2em auto 0 auto;}
.bis_wrap .left {float:none; width:100%;}
.bis_wrap .right {float:none; width:100%;}
.bis_wrap .left .inner {padding:1em 0;}
.bis_wrap .right .inner {margin-left:0;}
.bis_wrap .right .inner > img {width:100% !important;}
.bis_wrap .txt_wrap:first-child {margin-top:0;}
.bis_wrap .txt_wrap .ti {font-size:1.375em; padding-bottom:.5em; margin-bottom:.5em;}
.bis_wrap .txt_wrap .tx {font-size:.875em; padding-left:0; max-width:inherit;}

.project_box dt {width:20%;}
.project_box .project_w {padding:1.5em 1em;}
.project_box .project_w > li {font-size:.875em;}

.page_column_list {margin:0 -10px -20px 0;}
.page_column_list > li > .inner {margin:0 10px 20px 0;}
.page_column_list .con {padding:1em;}
.page_column_list .con .tit .t2 {font-size:1em;}

.page_cover.hAuto {padding:3em 0;}
.introduce_b_tit {font-size:1.7em;}
.page_cover .cover_title .t1 {font-size:1.3em;}

.TAB_WRAP {margin-bottom:2em;}










}
@media screen and (max-width:360px){
.main_ir > li .in .t1{ font-size:.875em;}
.prod_list_tab_w .product_list li{ width:50%;}

}
@media all and (orientation:landscape){

}