@charset "utf-8";

/************************************************************************
 * 파일명 : home_m.css
 * 설명 : 에누리 해외직구 - 메인페이지 (Mobile)
 * 작성자  : 신왕섭
 * 작성일 : 2019.09.04
************************************************************************/

/* 컨텐츠 */
.container{padding-bottom:10px;background-color:#eeeeee}

/* 메인배너 */
.main_bnr{height:300px;background-color:#fff;position:relative}
.main_bnr .swiper-slide{height:300px}
.main_bnr .bnr_area{height:200px;background-size:auto 100% !important}
.main_bnr .txt_group{position:relative;letter-spacing:-1px;margin:0 16px}
.main_bnr .txt_group span{display:block;}
.main_bnr .txt_group .txt_tit{height:50px;line-height:25px;font-size:21px;font-weight:bold;padding-top:21px;letter-spacing:-2px}
.main_bnr .txt_group .txt_sub{position:absolute;height:21px;line-height:21px;font-size:13px;padding:0 5px;background:#222222;color:#fff;top:-11px}
.main_bnr .swiper-counter{position:absolute;bottom:11px;right:16px;height:14px;border:1px solid #e6e6e6;border-radius: 14px 14px;background-color:#fff;color:#555;padding:0 8px;font-size:11px;line-height:14px}
/* 카테고리 바로가기 */
.nav_cate{padding:24px 0 16px}

/* 관세청 고시 환율 */
.sec_exchange_rate{padding-bottom:45px}
.sec_exchange_rate .txt_terms{font-size:12px;margin-left:4px;display:inline-block;letter-spacing:-.5px}
.sec_exchange_rate ul.list_country{padding:0 16px}
.sec_exchange_rate ul.list_country li{display:table;height:24px;margin-top:14px}
.sec_exchange_rate ul.list_country li:first-child{margin-top:0}
.sec_exchange_rate ul.list_country li > span{display:table-cell;vertical-align:middle;font-size:14px}
.sec_exchange_rate ul.list_country li .txt_name{width:60%}
.sec_exchange_rate ul.list_country li .txt_rate{width:70px;padding-right:10px;text-align:center;text-align:right}
.sec_exchange_rate ul.list_country li .txt_raf{width:90px;text-align:center}

@media (min-width:640px) {
    .sec_exchange_rate ul.list_country li .txt_name{width:80%}
}

/* flag 아이콘 */
.sec_exchange_rate .ico_flag{display:inline-block;width:24px;height:24px;vertical-align:-6px}
.usd .ico_flag{background-position:0 -60px}
.eur .ico_flag{background-position:-30px -60px}
.jpy .ico_flag{background-position:-60px -60px}

.ico_fall,
.ico_rise{display:inline-block;padding-left:13px;position: relative;}
.ico_fall:before,
.ico_rise:before{content:"";background-image:url(//img.enuri.info/images/global/m_common_sprite.png);background-size:180px;position: absolute;width:10px;height:12px;top:1px;left:0;}
.ico_fall:before{background-position:-102px -46px}
.ico_rise:before{background-position:-90px -46px}
.ico_fall{color:#4482ee}
.ico_rise{color:#de254d}

/* CS */
.menu_cs{border-bottom:1px solid #eee;background-color:#fff}
.menu_cs ul{overflow:hidden;}
.menu_cs ul li{position:relative;float:left;width:50%;border-top:1px solid #eee}
.menu_cs ul li:nth-child(even):after{content:"";position: absolute;top:0;left:0;height:100%;border-left:1px solid #eee}
.menu_cs ul li > a{display:block;padding:15px;position: relative;}
.menu_cs ul li > a .comm_sprite{display:block;width:22px;height:22px;}
.menu_cs ul li .info{display:block;position:absolute;left:47px;right:16px;top:16px;height:18px;line-height:18px}
.menu_cs ul li .info:after{content:"";position:absolute;width:5px;height:11px;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:url(//img.enuri.info/images/global/m_common_sprite.png) no-repeat -90px -30px;color:#555;background-size:180px}
.menu_cs ul li .info > span{display:block}
.menu_cs ul li .info .txt_tit{font-size:14px;color:#555555}
@media (min-width:736px) {
    .menu_cs ul li{width:25%}
    .menu_cs ul li:after{content:"";position: absolute;top:0;left:0;height:100%;border-left:1px solid #eee}
    .menu_cs ul li:first-child:after{display:none}
}

.comm_sprite.ico_myenuri{background-position:-90px -60px}
.comm_sprite.ico_guidance{background-position:-140px -60px}
.comm_sprite.ico_cs{background-position:-115px -60px}
.comm_sprite.ico_mcahs{background-position:-90px -85px}
.comm_sprite.ico_faq{background-position:-115px -85px}