@charset "utf-8";

/* common */
ul.foot_sitemapList > li {width: 49.5%}
ul.foot_sitemapList > li:first-of-type > ul li {width: 45% !important} /* eng 여백수정 2021 12 27*/

div.m_utilWrap > ul > li {margin-bottom: 0; position: relative; left: 50%; transform: translateX(-50%); z-index: 10}
/*div.footerTop > .footer_sec02 {width: 300px}*/
ul.snsList li {margin-right: 0; width: 50px}


/* sub */
.s0103 ul li:nth-child(3) > dl {padding: 40px 70px}
.s010802 .w1200 > .cnt01 > .cnt_info02:before {content: 'Contact Information'}
.s0104 .btn {width: 165px}
.s010801 .cnt02 .img_box:after {background: url(../img/eng/s010801_img02.png) no-repeat center; width: 357px; height: 352px; right: -50px; background-size: 100% 100%}
select.seaType {width: auto}
.intro_img_bx > p {width: 60%}

@media screen and (max-width: 1024px) {
    ul.foot_sitemapList > li:first-of-type > ul li {width: 44%}
    div.footerTop > .footer_sec02 {width: 30%}
    
    .s0103 ul li:nth-child(3) > dl {padding: 20px 70px}
    .s010801 .cnt02 .img_box:after {right: -20px; top: 0}
}
@media screen and (max-width: 800px) {
    ul.foot_sitemapList > li:first-of-type > ul li {width: 50%}
    ul.foot_sitemapList > li:nth-of-type(2) > ul li {width: 50% !important; float: left}
    div.footer_sec02 > .area_terms {width: 100%; text-align: center}
    div.footerTop > .footer_sec02 {width: 100%}
/*    div.footer_sec02 > .snsList {width: 30%}*/
    ul.area_terms li {display: inline-block; float: none}
    ul.area_terms li:nth-child(2) {margin-right: 0; padding-right: 0}
    ul.area_terms li:nth-child(2):after {display: none}
    ul.snsList li a {margin: 0 auto}
    
    .s0103 ul li {height: auto; margin-bottom: 50px}
    .s0103 ul li:before {width: 100%; height: 320px}
    .s0103 ul li > dl {width: 100%}
    .s0103 ul li:nth-child(odd) > dl:after {display: none}
    .s0103 ul li:nth-child(even) > dl:after {display: none}
    .s0103 ul li:nth-child(3) > dl {padding: 50px 90px}
    .s0103 ul li > dl {padding: 50px 90px}
    
    .bu_area_list li {height: 320px}
    .bu_area_list li .bu_area_txtBx {height: 260px}
    
    .s010802 .w1200 > .cnt02 > .img_box {height: 350px}
    .s010802 .w1200 > .cnt02 > .img_box > img {height: 100%}
    .s0108 .tab_menu02 li a {padding: 10px}
    
/*    ul.snsList li {width: 20%}*/
}
@media screen and (max-width: 640px) {
    ul.foot_sitemapList > li {width: 55% !important}
    ul.foot_sitemapList > li:first-of-type > ul.mobile li {width: 100% !important} /* eng 여백수정 2022 01 03*/
    ul.foot_sitemapList > li:first-of-type {margin-right: 10%}
    h4.foot_sitemapTit {text-align: center}
/*    div.footer_sec02 > .snsList {width: 80%}*/
    div.footer_sec02 > .area_terms {padding-left: 0}
    
    .s0103 ul li:nth-child(3) > dl {padding: 50px}
    .s0103 ul li > dl {padding: 50px}
    
    div.m_utilWrap > ul > li {width: 100% !important}
}
@media screen and (max-width: 480px) {
    .intro_img_bx > p {width: 80%}
/*    a.allianceBtn {font-size: 16px}*/
/*    div.footer_sec02 > .snsList {width: 80%}*/
    
    .s010802 .w1200 > .cnt02 > .img_box {height: 500px}
    .s010802 .w1200 > .cnt02 > .img_box > .txt_cnt {padding: 0 10px}
    .s0104 .btm_btns > a {width: 133px}
}
@media screen and (max-width: 480px) {
    .s0104 .btm_btns > span {display: block; margin-bottom: 15px}   
}
@media screen and (max-width: 375px) {
    a.allianceBtn {font-size: 12px}
    .foot_sitemapList ul li > a {font-size: 12px}
    ul.area_terms li {width: 49%}
    
    .s0103 ul li:nth-child(3) > dl {padding: 30px}
    .s0103 ul li > dl {padding: 30px}
    .s010802 .w1200 > .cnt02 > .img_box {height: 550px}
    .s010801 .cnt02 .img_box:after {width: 80%; height: 270px; right: 0}
}
@media screen and (max-width: 320px) {
    div.footer_sec02 > .area_terms {margin-bottom: 20px}
    a.allianceBtn {padding: 13px 20px}
    
    .s0108 .tab_menu02 li a {word-break: break-all}
    .s010801 .cnt02 .img_box:after {height: 250px;}
}