@charset "utf-8";

#header{background-color: #ffffff; color:#000000; border-bottom: 1px solid #a50034; height: 96px;}
#login_total{margin-top: 96px;}
#header #gnb ul li a{padding: 10px 30px 20px 30px; color:#2f2f2f;}
#header #right_motion>ul>a{color:#5e5e5e;}
#header #right_motion ul{background-image: url(../../images/com/fo/header/line_b.png)}
#header #right_motion ul#login a{background-image: url(../../images/com/fo/header/logoin_b.png)}
#header #right_motion ul#logout a{background-image: url(../../images/com/fo/header/logoin_b.png);}
#header #right_motion ul#globalLang>a{background-image: url(../../images/com/fo/header/global_b.png)}
#header #right_motion ul#tracking a{background-image: url(../../images/com/fo/header/tracking_b.png)}
#header #right_motion ul#globalLang a::after{background-image: url(../../images/com/fo/header/global_arrow_b.png);}

/*
#header.navshow{background-color: transparent; color:#ffffff; border-bottom: none;}
#header.navshow #left_motion h1 a{background-image: url(../../images/com/fo/header/logo.png)}
#header.navshow #gnb ul li a{padding: 10px 30px 20px 30px; color:#ffffff;}
#header.navshow #right_motion>ul>a{color:#ffffff;}
#header.navshow #right_motion ul{background-image: url(../../images/com/fo/header/line.png); background-position: left center; background-repeat: no-repeat;}
#header.navshow #right_motion ul:first-child{background-image: none;}
#header.navshow #right_motion ul#login a{background-image: url(../../images/com/fo/header/logoin.png)}
#header.navshow #right_motion ul#logout a{background-image: url(../../images/com/fo/header/logoin.png)}
#header.navshow #right_motion ul#globalLang>a{background-image: url(../../images/com/fo/header/global.png)}
#header.navshow #right_motion ul#tracking a{background-image: url(../../images/com/fo/header/tracking.png)}
#header.navshow.navfixed::after{padding-bottom: 0px;}
#header.navshow #right_motion ul#globalLang a::after{background-image: url(../../images/com/fo/header/global_arrow_w.png);}
*/


/*
#header:not(.navfixed):not(.login_nav) #left_motion h1 a{
-moz-filter:none;
  -webkit-filter:none;
  -o-filter:none;
  -ms-filter:none;
  filter:none
}
*/

.top_img_tabel{display:table; width:100%; height: 520px; margin-top: 96px; background-size:cover; background-position: center center; position: relative;}
.top_img_tabel .top_img_td{display: table-cell; vertical-align: middle; text-align: center;}
.top_img_tabel .top_img_td>p{font-size:60px; color:#ffffff; font-weight: 400;}
.top_img_tabel .top_img_td>p>span{font-size: 20px;}
.top_img_tabel .top_img_td>span{font-size:20px; line-height:28px; color:#ffffff; font-weight: 100; padding-top: 13px; display: inline-block;}



.content_1200{width: 1200px; margin: auto;}

.tab_total{border: 1px solid #c2c2c2;  margin-top: 55px; display: table; width: 100%; border-bottom: 1px solid #a50034;}
.tab_total ul{width: 20%; display:table-cell; text-align: center;  position: relative; height: 60px; vertical-align: middle;}
.tab_total ul a{display: block; width: 100%; height: 60px; line-height: 60px;}
.tab_total ul a:HOVER{background-color: #a50034; color: #ffffff;}
.tab_total ul.tabon a{background-color: #a50034; color: #ffffff;}
.tab_total ul::after{content: ""; position: absolute; top:0px; left: 0px; width: 1px; height: 100%; background-color: #c2c2c2;}
.tab_total ul:FIRST-CHILD::after{display: none;}

.sub_title{margin-top: 85px; text-align: center;}
.sub_title p{font-size: 45px; font-weight:400; line-height: 60px}
.sub_title span{font-size: 18px; font-weight:100;  display: inline-block; margin-top: 20px; line-height: 25px;}
.board_content{min-height: 300px;margin-bottom: 110px; margin-top: 50px;}



.sub_content{ margin-top: 60px; margin-bottom: 120px;}









.contectus_form{width: 898px; margin: auto;}
.contectus_form ul{margin-bottom: 19px;}
.contectus_form input{width: 898px; height: 53px; border: 1px solid #3e3e3e; padding: 0px 16px; font-size: 18px; font-family: 'lgsmart';}



.contectus_form select{width: 898px; height: 53px; border: 1px solid #3e3e3e; padding: 0px 0px 0px 16px; font-size: 18px; font-family: 'lgsmart';}
.contectus_form select:required:invalid {color: gray;}
.contectus_form select option[value=""][disabled] {display: none;}
.contectus_form select option {color: black; width: 898px; height: 53px; border: 1px solid #3e3e3e; padding: 16px 16px; font-size: 18px; font-family: 'lgsmart';}

.contectus_form .ui-button{border-radius:0px; box-sizing:border-box; width: 898px; height: 53px; border: 1px solid #3e3e3e; padding: 0px 16px; font-size: 18px; font-family: 'lgsmart'; background-color: #ffffff;}
.contectus_form .ui-button .ui-icon{margin-top: 18px;}
.contectus_form .ui-button .ui-selectmenu-text{margin-top: 13px; color: #000000;}
.contectus_form .ui-button.gray_txt .ui-selectmenu-text{color: grey;}
.ui-selectmenu-menu .ui-state-disabled{display: none;}

.contectus_form p.info_txt{padding-left: 20px;  background-image: url(../../images/com/fo/board/info.png); background-repeat: no-repeat; background-position: left center; color: #838383; font-family:'Malgun Gothic', '맑은 고딕'; margin-top: 5px; font-size: 11px;}
.contectus_form p.txt_red{color: #a50034; }

.contectus_form textarea{width: 898px; height: 177px; border: 1px solid #3e3e3e; padding: 16px 16px; font-size: 18px; font-family: 'lgsmart';}

.contectus_form .footer_btn{text-align: center; margin-top: 50px;}
.contectus_form .footer_btn li{display: inline-block; margin: 5px;}
.contectus_form .footer_btn li a{display:block; padding:14px 60px; background-color: #616161; color: #ffffff;  font-family:'Malgun Gothic', '맑은 고딕';}





.logisticssite{position: relative;}
.logisticssite .logistic_box{margin-bottom: 80px;}
.logisticssite .logistic_box .title{font-size: 18px; color: #000000; padding-left: 10px; position: relative; margin-bottom: 48px; position: relative;}
.logisticssite .logistic_box .title::after{content: ""; left:0px; bottom:-20px; position:absolute; width: 100%; height: 1px; background-color: #c1c1c1;}
.logisticssite .logistic_box .title::BEFORE {content: ""; position:absolute; left:0px; top:50%; margin-top:-9px; width: 3px; height: 18px; background-color: #a50034;}
.logisticssite .logistic_box .con{display:table; }
.logisticssite .logistic_box .con .con_row{display:table-row;}
.logisticssite .logistic_box .con .con_row a{display:table-cell; position: relative; width:200px; vertical-align: top;}
.logisticssite .logistic_box .con::after{content: ""; float: left; display: block; clear: both;}
.logisticssite .logistic_box .con .con_row a .gray_bg{position:relative; height: 68px; background-color: #f4f4f4; border-right: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-position: center center; background-repeat: no-repeat;}
.logisticssite .logistic_box .con .con_row a:FIRST-CHILD .gray_bg{border-left: 1px solid #e8e8e8;}

.logisticssite .logistic_box .con .con_row a .txt{padding-bottom: 30px; text-align: center; padding-top: 10px; color: #8f8f8f; font-size:14px; }






.logisticssite .logistic_box .con .con_row a .gray_bg .color_bg{position: absolute; z-index:10; opacity: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-color: #ffffff; box-shadow: 0px 0px 20px rgba(0,0,0,0.0);}



.logisticssite .logistic_box .con .con_row a.con1_1 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_1.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_2 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_3 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_3.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_4 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_4.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_5 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_5.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_6 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_6.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_7 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_7.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_8 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_8.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_9 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_9.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_10 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_10.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_11 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_11.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_12 .gray_bg{background-image: url(../../images/com/fo/logisticssite/1_12.jpg);}



.logisticssite .logistic_box .con .con_row a.con1_1 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_1_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_2 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_2_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_3 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_3_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_4 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_4_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_5 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_5_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_6 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_6_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_7 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_7_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_8 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_8_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_9 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_9_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_10 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_10_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_11 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_11_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con1_12 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/1_12_2.jpg);}



.logisticssite .logistic_box .con .con_row a.con2_1 .gray_bg{background-image: url(../../images/com/fo/logisticssite/2_1.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_2 .gray_bg{background-image: url(../../images/com/fo/logisticssite/2_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_3 .gray_bg{background-image: url(../../images/com/fo/logisticssite/2_3.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_4 .gray_bg{background-image: url(../../images/com/fo/logisticssite/2_4.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_5 .gray_bg{background-image: url(../../images/com/fo/logisticssite/2_5.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_6 .gray_bg{background-image: url(../../images/com/fo/logisticssite/2_6.jpg);}



.logisticssite .logistic_box .con .con_row a.con2_1 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/2_1_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_2 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/2_2_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_3 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/2_3_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_4 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/2_4_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_5 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/2_5_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con2_6 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/2_6_2.jpg);}


.logisticssite .logistic_box .con .con_row a.con3_1 .gray_bg{background-image: url(../../images/com/fo/logisticssite/3_1.jpg);}
.logisticssite .logistic_box .con .con_row a.con3_2 .gray_bg{background-image: url(../../images/com/fo/logisticssite/3_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con3_3 .gray_bg{background-image: url(../../images/com/fo/logisticssite/3_3.jpg);}
.logisticssite .logistic_box .con .con_row a.con3_4 .gray_bg{background-image: url(../../images/com/fo/logisticssite/3_4.jpg);}


.logisticssite .logistic_box .con .con_row a.con3_1 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/3_1_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con3_2 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/3_2_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con3_3 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/3_3_2.jpg);}
.logisticssite .logistic_box .con .con_row a.con3_4 .gray_bg .color_bg{background-image: url(../../images/com/fo/logisticssite/3_4_2.jpg);}






.logisticssite .logistic_box .con .con_row a:HOVER .color_bg{
    opacity: 1;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}