@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1300px){
.box1{width:95%; max-width:1200px; margin:0 auto; position:relative;}
.box2{width:95%; max-width:1200px; margin:0 auto; position:relative;}

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

@media screen and (max-width:1150px){
#header .gnb_wrap .gnb > li .dp1 {padding:0 .8em; min-width:5em;}
#header .gnb_wrap .gnb > li .dp1 .va {font-size:1em;}
}

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

@media screen and (max-width:1023px){
body{}
.PC{ display:none !important}
.PHONE{ display:block !important}	

/**/
#header .gnb_wrap {display:none;}

.homeart_mst {color:#003f87 !important;}

/**/
#footer .info_wrap {padding:2em 0;}
#footer .info_wrap .info > li {margin-right:2em;}

/**/
#contents .sub_visual_wrap .va_wrap {height:18em;}
#contents .sub_visual_wrap .slogan .tit {font-size:1.8em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li {max-width:16%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a {height:2.8em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va {font-size:.938em;}

#contents .sub_tit {padding:1em 0;}
#contents .sub_tit .tit {font-size:1.7em;}

/**/
.main03 .main_history_wrap .main_history .history .list > li .in {left:-10%;}

/**/
.main04 .main04_btn_w {width:94%;}
.main04 .main04_btn_w .partner_more {width:100%;}
.main04 .main04_btn_w .partner_more.bg01 {margin-right:0;}

/**/
.main05 .custom_ul .li_in .con_in .con_tx_wrap {padding:20px 30px 20px 20px;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap .tx {font-size:.813em;}

/**/
.sub_page_ti {margin-bottom:1em; font-size:1.4em;}

/**/
.introduction_tit {font-size:1.188em;}
.introduction_top {margin-bottom:3em;}
.introduction_top .intro_ul {overflow:hidden;}
.introduction_top .intro_ul > li {float:left; width:33.33%; display:inherit;}
.introduction_top .intro_ul > li .intro_in {padding:1em 0; border-bottom:1px solid rgba(255,255,255,0.4);}
.introduction_top .intro_ul > li .intro_in .icon {padding-top:.5em;}
.introduction_top .intro_ul > li .intro_in .t2 {font-size:1em;}

/**/
.introduction_middle {margin:1em -15px 1em 0;}
.introduction_bot .con1 {margin:0 0 1em 1em;}
.introduction_bot .con1 .symbol_ul > li.right .in {margin-left:2%;}
.introduction_bot .con1 .symbol_ul > li.right .in > p {font-size:1em;}

.introduction_bot .con1 .type_ul > li {width:50%;}


/**/
.sub_history_wrap .sub_history > li {margin-top:30px;}

/**/
.greetings_top_w {padding:1em;}
.greetings_top_w .tx {max-width:630px; font-size:1.063em;}

/**/
.up {width:90%; margin:-155px auto 0 auto; padding:2em;}

.bot_wrap {padding:1.5em;}
.bot_wrap .big_txt {font-size:2.5em;}

/**/
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:25px 10px 40px 10px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more {font-size:.750em; padding:5px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {padding:15px 0; font-size:.813em;}

/**/
.bot_wrap .page_img_con .con_wrap .con > dd .tt {font-size:1em;}

/**/
.top_wh .box_top {font-size:1.250em;}

/**/
.sub_tt_w .engin_ul > li {width:33.33%;}

/**/
.step_w .area2 {height:inherit; background:none;}
.step_w .area2 .tit_box{float:none; width:100%; height:50px;}
.step_w .area2 .tit_box .line {display:none;}
.step_w .area2 .tit_box p {font-size:1em; bottom:5px;}
.step_w .area2 .txt_box {float:none; height:inherit; background:#f5f5f5; padding:20px 10px;}

/**/
.sub4_4area .step_img_area li {width:33.33%;}
.sub4_4area .step_img_area li:before {left:-16px; top:40px; font-size:30px;}
.sub4_4area .step_img_area li .li_in {margin:0 25px; margin-bottom:20px;}
.sub4_4area .step_img_area li.bg04:before {opacity:0;}

.careers_people_ul > li {width:33.33%;}
.careers_people_ul > li .careers_people_in {margin:0 auto; height:100px; width:100px;}
.careers_people_ul > li.icon_no:before {display:none;}


.main05 .custom_ul .li_in .con_in .con_im_wrap .con_img img {width:100%;}


}
@media screen and (max-width:768px){
.box1{width:95%; margin:0 auto; position:relative;}

/**/
#scrollAni {display:none;}

/**/
#header {background:#f8f8f8;}
#header .logo {width:35%;}
#header .menu_wrap {margin-right:0;}
#header .etc > li > a {width:2.4em;}
#header .m_btn {width:2.5em;}

.homeart_mst {font-size:.750em; padding-top:.8em; color:#003f87 !important;}

/**/
#footer .menu_wrap .gnb_wrap {display:none;}
#footer .link_wrap .link > li > a {margin:0 .5em; font-size:.813rem;}
#footer .link_wrap .va_wrap {height:2.5em;}
#footer .link_wrap .gotop .xi {font-size:13px;}
#footer .info_wrap {padding:1em 0;}
#footer .info_wrap .info > li {line-height:1.5em; line-height:1.4; font-size:.624rem; margin-right:1.5em;}

/**/
#contents .doc {padding:1em 0 3em 0;}
#contents .sub_tit .tit {font-size:1.3em;}
#contents .sub_visual_wrap .va_wrap {height:11em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb {display:none;}
#contents .sub_visual_wrap .slogan {padding-top:4em;}
#contents .sub_visual_wrap .slogan .tit {font-size:1.250em;}
#contents .sub_visual_wrap .slogan .sec {margin:.8em auto;}
#contents .sub_visual_wrap .slogan .nav {font-size:.625em;}

/**/
.main_nav .nav {display:none;}
.mainVisual .img .bg {height:300px; background-position:center center;}
.mainVisual .img .slogan_wrap {padding-top:120px; left:1em;}
.mainVisual .img .slogan .t1 {font-size:2em;}
.mainVisual .img .slogan .t2 {font-size:1em; line-height:1.5;}
.mainVisual .flex-control-paging {left:0; top:27em;}

/**/
.main_tit {padding:20px 0;}
.main_tit .tit {font-size:1.8em;}

/**/
.main01 {padding-bottom:30px;}
.main01 .bis_ul {overflow:inherit; margin-left:0;}
.main01 .bis_ul .li_in {float:none; width:100%;}
.main01 .bis_ul .li_in .con_in {margin-left:0;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap {padding:20px;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .ti {font-size:1em;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .tx {padding:15px 0 20px 0;}
.main01 .bis_ul .li_in .con_in .con_tx_wrap .bis_more {font-size:.813em;}

.main01 .bis_ul .li_in .con_in .con_im_wrap .con_img img {width:100% !important;}

/**/
.main02 {padding:2em 0;}
.main02 .main02_t_w .line {margin:20px auto 10px auto;}
.main02 .main02_t_w .ti {font-size:1.3em;}
.main02 .main02_t_w .tx {font-size:.813em; padding:20px 0;}
.main02 .main02_t_w .tx br {display:none;}
.main02 .main02_t_w .main02_more {font-size:.750em; padding:10px;}

/**/
.main03 .main_history_wrap .main_history {padding:30px 0;}
.main03 .main_history_wrap .main_history .history .list > li .in {width:137%;}
.main03 .main_history_wrap .main_history .history .list > li .in .date {font-size:.5em;}
ry_wrap .main_histo {font-size:.625em; line-height:1.4;}
.main03 .main_history_wrap .main_history .history .list > li .in .tt {font-size:.688em; line-height:1.2}

.main_tit .txt {font-size:.813em; line-height:1.3;}
.main_tit.main03_st .txt:after {height:17px;}
.main_tit .txt br {display:none;}

/**/
.main04 {padding:2em 0;}
.main04 .con_wrap {margin:20px 0;}
.main04 .con_wrap .client_ul {margin-left:-5px;}
.main04 .con_wrap .client_ul li {width:33.33%;}
.main04 .con_wrap .client_ul li .client_in {margin-left:5px; margin-bottom:5px;}
.main04 .main04_btn_w {width:100%;}

/**/
.customer_w .customer_slide .tt {display:none;}
.customer_w .customer_slide .slides li .notice_tit {margin-left:10px; font-size:.813em; width:60%;}
.customer_w .customer_slide .slides li .notice_date {font-size:.5em; right:50px;}
.customer_w .customer_slide .flex-direction-nav {bottom:25px;}
.customer_w .customer_slide .flex-direction-nav .flex-prev {background-size:40%;}
.customer_w .customer_slide .flex-direction-nav .flex-next {background-size:40%;}
.customer_w .customer_slide .flex-direction-nav a {width:20px; height:20px;}

/**/
.main05 {padding-bottom:0;}
.main05 .custom_ul .li_in {width:50%;}
.main05 .custom_ul .li_in .con_in {margin-bottom:5px;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap {padding:15px;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap .tx {font-size:.750em;}
.main05 .custom_ul .li_in .con_in .con_tx_wrap .ti {font-size:1em;}

/**/
.sub_page_ti {font-size:1.313em;}

/**/
.introduction_top {background-size:cover;}
.introduction_tit {font-size:1em;}
.introduction_top .intro_ul > li {width:50%;}
.introduction_top .intro_ul > li .intro_in {height:180px !important;}
.introduction_top .intro_ul > li .intro_in .icon {padding-top:0;}
.introduction_top .intro_ul > li .intro_in .icon img {width:50px;}
.introduction_top .intro_ul > li .intro_in .t2 {font-size:.875em;}


/**/
.introduction_middle {margin:0; margin-left:-5px; margin-bottom:1em; margin-top:1em;}
.introduction_middle > li {width:50%; padding:5px 0;}
.introduction_middle .sub3_1info_in {margin-left:5px; margin-bottom:5px;}
.introduction_middle .sub3_1info_in > dl dt {font-size:.938em; line-height:1.2;}
.introduction_middle .sub3_1info_in > dl dt:before {margin:10px auto;}

.introduction_bot .con1 .ti {padding-left:5px; font-size:1.063em;}
.introduction_bot .con1 .ti:before {left:0; top:9px;}
.introduction_bot .con1 .symbol_ul {margin-left:0; overflow:inherit;}
.introduction_bot .con1 .symbol_ul > li {float:none;}
.introduction_bot .con1 .symbol_ul > li.left {width:100%;}
.introduction_bot .con1 .symbol_ul > li.right {width:100%;}
.introduction_bot .con1 .symbol_ul > li.right .in {margin-left:0;}
.introduction_bot .con1 .symbol_ul > li.right .in > p {font-size:.813em; line-height:1.3;}
.introduction_bot .con1 .symbol_ul > li .in > p .tx_img img {width:20px;}

.introduction_bot .con1 .type_ul {margin-left:0;}
.introduction_bot .con1 .type_ul > li {width:100%;}
.introduction_bot .con1 .type_ul > li .in {margin-right:0;}
.introduction_bot .con1 .type_ul > li .in .tit {margin:.8em 0; font-size:1em;}

.introduction_bot .con1 .color_ul {margin-left:0;}
.introduction_bot .con1 .color_ul > li {width:33.33%;}
.introduction_bot .con1 .color_ul > li .in {margin-right:0;}
.introduction_bot .con1 .color_ul > li .in .color_w .col {width:80px; height:50px;}
.introduction_bot .con1 .color_ul > li .in .color_w .col.col3 {width:80px !important;}
.introduction_bot .con1 .color_ul > li .in .color_w .tt {width:78px; padding:.5em 0; text-align:center; font-size:.875em;}
.introduction_bot .con1 .color_ul > li .in .color_t_w {margin-left:0;}
.introduction_bot .con1 .color_ul > li .in .color_t_w .tx {font-size:.813em; line-height:1;}
.introduction_bot .con1 .color_ul > li .in .color_t_w .tx .icon {padding-right:0;}
.introduction_bot .con1 .color_ul > li .in .color_t_w .tx .icon img {width:20px;}
.introduction_bot .con1 .type_ul > li .in .img {padding:1em;}

/*연혁*/
.sub_history_tit {padding:20px 0 20px 20px; background-size:100% 100%;} 
.sub_history_tit .t1 {font-size:1.5em; padding-right:20px;}
.sub_history_tit .t2 {margin-top:5px;}
.history_top {text-align:left;}
.sub_history_wrap .sub_history_line {left:5%;}
.sub_history_wrap .sub_history > li {width:100%;}
.sub_history_wrap .sub_history > li.even {left:5%;}
.sub_history_wrap .sub_history > li.odd {left:5%; text-align:left;}
.sub_history_wrap .sub_history > li.odd .history .list .month {left:0;}
.sub_history_wrap .sub_history > li.odd .history .list .tt {padding-left:20px;}
.sub_history_wrap .sub_history > li.odd .history .list .tt::before {left:7px; top:12px}
.sub_history_wrap .sub_history > li.even .history .list .tt:before{left:7px; top:12px;}
.sub_history_wrap .sub_history > li.odd .history .year .dot {left:-25px}
.sub_history_wrap .sub_history > li .history .year {font-size:1.3em;}
.sub_history_wrap .sub_history > li .history .list .month {position:inherit;}
.sub_history_wrap .sub_history > li.even .history .list .tt {padding-left:20px;}


/**/
.greetings_top_w .tx {font-size:.875em; line-height:1.3;}
.greetings_bot_w .greetings_ul {overflow:inherit;}
.greetings_bot_w .greetings_ul > li {float:none;}
.greetings_bot_w .greetings_ul > li.left {width:100%;}
.greetings_bot_w .greetings_ul > li.right {width:100%;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx {letter-spacing:inherit; font-size:.875em; padding-bottom:1em;}
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t1 {padding-bottom:1em; font-size:1.2em; }
.greetings_bot_w .greetings_ul > li .greetings_in .tx.t2 {padding-bottom:0;}
.greetings_bot_w .greetings_ul > li .greetings_in .sign {padding-bottom:.5em;}
.greetings_bot_w .greetings_ul > li.right .greetings_in {margin-left:0;}
.greetings_bot_w .greetings_ul > li.right .greetings_in .im img {width:100%;}

.greetings_top_w {padding:.6em;}
.greetings_top_w.st2 .tx2 {font-size:.813em;}

/**/
.table_st.location_st th {font-size:.750em;}
.table_st.location_st td {font-size:.750em; padding:.5em;}

/**/
.top_w_img {height:200px;}
.top_w_img.sub2_2 {background-size:cover !important;}
.up {padding:1em; width:100%; margin:-160px auto 0 auto; background:rgba(0,0,0,.8);}
.up .tit1 {color:#fff; font-size:1.3em;} 
.up .line {background:#fff;}
.up .tit2 {color:#fff; font-size:.750em;}

/**/
.bot_wrap {padding:1em;}
.bot_wrap .t1 {font-size:1.3em;}
.bot_wrap .page_img_con .con_wrap {overflow:inherit; margin-left:0;}
.bot_wrap .page_img_con .con_wrap > li {float:none;}
.bot_wrap .page_img_con .con_wrap.sec04 > li {width:100%;}
.bot_wrap .page_img_con .con_wrap.sec05 > li {width:100%;}
.bot_wrap .page_img_con .con_wrap .con {margin-bottom:10px; margin-left:0;}
.bot_wrap .page_img_con .con_wrap .con > dd {padding:13px 5px;}
.bot_wrap .page_img_con .con_wrap .con > dd .tt {font-size:.625em;}
.bot_wrap .page_img_con .con_wrap .con > dt img {width:100% !important;}
.bot_wrap .page_img_con .con_wrap .con > dd .tt2 {font-size:.813em;}
.bot_wrap .big_txt {font-size:1.6em; padding-top:0;}


/**/
.page_viewWrap .slider_for .item .img_wrap {width:100%;}
.page_viewWrap .slider_for .item .img_wrap .tit_w {height:2.3em; bottom:0; font-size:.875em;}
.page_viewWrap .page_viewB {width:96%; margin:.5em auto 0 auto;}

/**/
.performance_tab {padding:.5em;}
.performance_tab .list > li {width:16.66% !important;}
.performance_tab .list > li > a {font-size:.750em;}

/**/
.prod_detail_wrap .inner .slide_wrap {float:none; width:100%;}
.prod_detail_wrap .inner .info_wrap {float:none; width:100%;}
.prod_detail_wrap .info_wrap .in {padding:10px 0;}
.prod_detail_wrap .info_wrap .prod_info .info .txt {padding-left:9px;}
.prod_detail_wrap .info_wrap .prod_info .info:before {width:5px; height:5px; top:6px; left:6px;}

.prod_detail_wrap .info_wrap .prod_info .txt_w {padding-top:10px; margin-top:10px;}
.prod_detail_wrap .info_wrap .prod_info .txt_w .info .tit {top:0;}
.prod_detail_wrap .info_wrap .prod_info .txt_w .info .txt {font-size:.875em;}
.prod_detail_wrap .info_wrap .prod_info .t1 {font-size:1.063em;}

.status_info_w {padding:1em .5em 3em .5em; margin-top:1em;}
.status_tit {padding-left:30px; padding-top:10px;}
.status_tit:before {left:15px; top:13px;}

/**/
.performance_tit thead th {font-size:.750em;}
.performance_tit td {font-size:.688em; padding:12px 10px;}
.performance_tit td.icon > a {padding-left:14px;}
.performance_tit td.icon > a:before {font-size:13px;}
.performance_tit td.m_font_st {word-break:break-all; text-align:left !important; padding:12px 15px;}
.performance_search .perfor_search {width:130px;}
.performance_search .perfor_btn {width:70px; font-size:.875em; padding-right:10px;}
.performance_search .perfor_btn .xi {font-size:1em; padding-right:0;}

/**/
.sub_agree_wrap {padding:10px; font-size:.813em;}
.cont_check .xi {font-size:.938em;}

/**/
.top_wh {padding:20px;}
.top_wh .box_top {font-size:1em;}
.box_bottom {font-size:.875em;}

/**/
.step_w .area2 .txt_box .tx {font-size:.938em; line-height:1.6;}


/**/
.sub_tt_w .engin_ul > li {width:50%;}

.careers_people_ul > li {width:50%;}
.careers_people_ul > li .careers_people_in {margin:0 auto; height:100px; width:100px;}
.careers_people_ul > li.icon_no:before {display:block;}
.careers_people_ul > li.icon_no3:before {display:none;}

.login_wrap .login_in {padding:1em;}
.login_wrap .login_in .login_m .tit {font-size:.938em;}

.sub4_4area .step_img_area .num {font-size:.750em;}
.sub4_4area .step_img_area .txt {font-size:.875em;}

.location_wrap {margin-left:0;}
.location_wrap .sub_location_w {float:none; width:100%;}
.location_wrap .sub_location_w.right .location_in {margin-left:0; margin-top:30px;}

/**/
.partner_txt {font-size:1em;}
.partner_line {margin:1em auto;}

}
@media all and (orientation:landscape){
.main05 .custom_ul .li_in .con_in .con_im_wrap .con_img img {width:100%;}



}