.inner{width:94%;margin:0 auto;}
body{background:#fff;}
strong{font-weight:bold;}
.section{padding-top:65px;}
#shoppingmall *{letter-spacing:-0.03em;}
.fl{float:left;}
.fr{float:right;}
.top_visual{height:390px;}
.clearfix{clear:both;}
.text_shadow{text-shadow: 15px 15px 3px rgba(0,0,0,.05);}
.hidden{position:absolute;left:-10000px;top:auto;width:1px height:1px;overflow:hidden;}
.bar_tit{position:relative;text-align:left;line-height:1;font-size:20px;font-weight:bold;padding:20px;border-bottom:1px solid #f5f4f4;text-indent:8px;}
.bar_tit:after{display: inline-block;position: absolute; left: 20px; top: 21px; width: 3px; height: 19px; background:#3ba0ff; content: '';}
h1, h2, h3, h4, h5{font-weight:400;}
.white_btn{color:#fffs !important;font-weight:bold;width:100%;display:block;font-size:20px;margin:0 auto;line-height:60px;height:60px;clear:both;text-align:center;}
.mid_btn{width:70%;display:block;font-size:20px;margin:0 auto;line-height:46px;height:50px;clear:both;text-align:center;}
.orange_bg{border-radius: 4px; text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.08); font-weight: bold; border: 1px solid #c25b2e;
    box-shadow: inset 0px 5px 6px 0px #f89e1d;background: #f8601d;color:#fff !important;}
.piece{display:inline-block;}
.piece img{display:sticky;width:100%;}
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
@media (min-width:360px){
	html{font-size:10px;}
}
@media (min-width:361px) and (max-width:640px){
	html{font-size:20px;}
}
@media (max-width:641px){
	html{font-size:24px;}
}
#academy *{letter-spacing:-0.03em;word-spacing:-0.02em;}
#academy .top_visual{position:relative;;}
#academy .top_visual{background: #a7e4dc;height:470px;padding-top:65px;}
#academy .top_visual h2{ line-height: 1.2;color:#000;font-size: 60px;text-align: center;font-weight:bold;text-shadow: 17.678px 17.678px 3px rgba(0, 0, 0, 0.05);}
#academy .top_visual h3{font-size: 32px;line-height: 1;text-align: center;margin-bottom:10px;}
#academy .top_visual .search{text-align:center;color:#000;border:5px solid #fff;width:100%;margin:0 auto;height:76px;line-height:66px;font-size:14px;margin-top:35px}
#academy .top_visual .search img{display:inline-block;width:8%;max-width: 33px;}
#academy .top_visual .inner:before { content: ''; background: url(../../beauty/images/academy/academy_left.png) no-repeat; width: 295px; height: 274px; 
position: absolute; bottom: -110px; left: 50%; background-size:80%;transform:translate(-40%)}
#academy .section1{padding-top:80px !important;}
#academy .section1 h3{text-align:center;font-size:26px;line-height:1.3}
#academy .section1 h4{text-align:center;font-size:18px;font-weight:bold;position:relative;margin-bottom:70px;}
#academy .section1 h4:after{content:'';position:absolute;width:80px;;height:6px;background:#a7e4dc;bottom:-35px;left:50%;transform:translate(-50%);}
#academy .section1 img{display:block;margin:50px auto 0;width:100%;}
#academy .full_banner0 {background: #fff;}
#academy .full_banner {background: #fff url(../images/academy/full_bnr.png)no-repeat center; height: 72vmin;background-size:contain;}
#academy .youtube_mov{text-align:center; padding:25px 0 0;}

#academy .section0{width:100%; background-color:#f7f8fa; padding:45px 12px 45px 0; text-align:center;}
#academy .section0 img{width:90%; margin:35px 0 12px;}
#academy .section0 a{font-size:21px; color:#6a758d; border-bottom:1px solid #6a758d; }
#academy .section0 .section1_list{font-size:19px; color:#a7abb4; margin-bottom:35px;  margin-left:12px; text-align:left;}

#academy .section1_new{background-color:#eef0f4; height:800px; text-align:center;}
#academy .section1_new a img{width:90%; display:inline-table; margin-top:-43px; position:relative;}
#academy .section1_tit_list img{width:90%; text-align:center; display:absolute;}
#academy .section1_tit_list span{ font-size:18px; color:#3d3d50; margin:-40% 12px 0; display:block; line-height:2; text-align:left; word-spacing:0.56;}

#academy .section2_new{background-color:#fff; margin:60px 0; height:420px; text-align:center;}
#academy .section2_new a img{width:90%; text-align:center; display:absolute;}
#academy .section2_tit_list span{ font-size:15px; color:#3d3d50; margin:15px 20px 35px 30px; display:block; line-height:1.5; text-align:left; word-spacing:0.56; }
#academy .section2_img img{width:95%; text-align:center; }

#academy .section3_new img{width:100%; height:100%;}

#academy .section4_new img{width:100%; height:100%; margin-top:15px;}

#academy .section5_new img{width:100%; height:100%; margin:15px 0; }

#academy .section6_new, .section6_new img{width:100%; height:100%; margin:15px 0 ; /* position:relative; */ z-index:89;}

#academy .section2 {height: auto; }
#academy .section2 h3{font-size:26px;text-align:center;margin-bottom:30px;}
#academy .section2 strong{font-size:26px;text-align:center;}
#academy .section2 .inner{width:100%;}
#academy .section2 .list {float:left;display:block;transition:none;width:100%;height:auto;overflow:visible ; min-height: 360px;}
#academy .section2 .list:hover{transform: translateY(0);}
#academy .section2 .list + .list{margin-left:60px;}
#academy .section2 .shadow{position:relative;z-index:0;width:100%;height:auto; display: block; margin: 0 auto;}
#academy .section2 .content { overflow-x: scroll; }
#academy .section2 .list1, #academy .section2 .list3 { margin-top:0px; }
#academy .section2 .shadow:before { display:none; }
#academy .section2 .list2 { margin-top: 0; }
#academy .section2 .list ul { padding: 0 6%; margin-top: 15px; overflow: visible; }
#academy .section2 .list h3 { font-size: 22px; font-weight: bold; letter-spacing: -0.03em; text-align: center; }
#academy .section2 .list:after { display:none; }
#academy .section2 .list li {  padding-left: 20px;font-size: 16px;  }
#academy .section2 .list img{  display:block;margin:0 auto;  width:110%;}
#academy .section2 .list li + li { margin-top: 5px; }
#academy .swiper-slide{position:relative;}

#academy .star_tit img{width:30%; display:block; margin:0; padding:15px 5%;}
#academy .star_tit p{display:flex; width:100%; height:100%;}

#academy .section3 ul {margin-top:30px}
#academy .section3 ul li + li {margin-top:35px;}
#academy .section3 ul li img{display:block; width:30%;}

#academy .section4  .list{width:31%;overflow:visible;}
#academy .section4  .list1{border:2px solid #3c3c3c}
#academy .section4  .list dd{text-align:center;font-size:15px;height:40px;line-height:36px;}
#academy .section4  .list dd + dd{margin-top:2px;}
#academy .section4  .list dt{font-size:22px;font-weight:bold;height:60px;line-height:56px;text-align:center;}
#academy .section4  .list1{margin-top:30px;}
#academy .section4  .list2{margin-top:10px;}
#academy .section4  .list1 dt{background:#ffeb00;}
#academy .section4  .list2 dt{background:#505050;color:#fff}
#academy .section4  .list1 dd{position:relative;background:#f9f8f2;overflow:visible}
#academy .section4  .list1 dd strong{color:#3ba0ff;font-weight:400;}
#academy .section4  .list2 dd{background:#f7f8f9;}


#academy .section6{padding-bottom:65px;}
#academy .section6 h3{text-align:center;font-size:25px;color:#1d3d5b;}
#academy .tab-wrapper { margin: 30px auto 0; width: 92%; max-width:600px; }
#academy .tab-menu{font-size:0;}
#academy .tab-menu li { position:relative; background-color: #f7f8f9; color:#bcbcbc; display: inline-block;width:50%; text-align:center;padding: 15px 0;  cursor:pointer; 
z-index:0; border:1px solid #eae9e9;font-size:18px;color:#cfd5da;font-weight:bold;border-bottom-color:#fff;margin-bottom:0px;}
#academy .tab-menu li + li{border-left:1px solid #fff;}
#academy .tab-menu li p{font-size:18px;line-height:1;color:#cfd5da;    font-weight: 400;}
#academy .tab-menu li span{line-height:1}
#academy .tab-menu li.active { color:#000; opacity: 1; border-bottom-color:#fff;background:#fff;/*box-shadow: -2px -2px 3px 0px rgba(234,193,201,.04), 2px 0 2px 0px rgba(234,193,201,.04);*/
    z-index: 10;color:#9eabbb;margin-bottom:-1px;border-color:#000;border-bottom:1px solid #fff;}
#academy .tab-menu li.active strong{color:#000;}
#academy .section6 .list .content { width: 100%; border: 1px solid #000; background: #fff; 
border-radius: ; }
#academy .tab-content>div { background-color: #fff; box-sizing:border-box; width: 100%; padding: 0;   min-height:200px; margin-bottom:20px;}
#academy .tab-content {overflow: hidden; }
#academy .tab-content .content{padding: 20px 25px;font-size:14px;}
#academy .tab-content .content h4{font-weight:bold;font-size:24px;margin-bottom:15px}
#academy .tab-content .content .swiper-container2 img{margin:15px 0;}
#academy .tab-content>div ul li:before{content:"-";color:#bfebe5;margin-right:5px;}
#academy .tab-content>div ul li + li{margin-top:10px}

/*가격 노출*/
.tabmenu ul{list-style:none;}

.tabmenu{ 
  width:100%; 
  margin: 0 auto; 
  position:fixed; 
  display:contents;
}
.tabmenu ul li{
  display:block;
  width:33.33%; 
  float:left;  
  text-align:center; 
  background :#f9f9f9;
  line-height:40px;
}
.tabmenu label{
  display:block;
  width:100%; 
  height:55px;
  line-height:40px;
  font-size: 18px;
  font-weight: bold;
  color:#9eabbb;
  background-color: #fff;
  border:1px solid #e4e9ef;
}
.tabmenu input{display:none;}
.tabCon{
  display:none; 
  text-align:left; 
  position:absolute; 
  left:0;
  top:52px; 
  box-sizing: border-box; 
  background-color: #e4e9ef;
  border : 20px solid #e4e9ef;
}
.tabCon img{
  width:100%;
  margin:0 !important;
  padding:0 !important;
  font-size:15px; 
  line-height:0;
}
.tabmenu input:checked ~ label{
    font-size: 18px;
    font-weight: bold;
    background:#e4e9ef;
    color:#344322;
}
.tabmenu input:checked ~ .tabCon{
  display:block;
}

#m_apply{background: #eff3f4;}

#academy area{display:block;}


#shoppingmall .section4 {}
#shoppingmall .section4 h2 { padding-top: 0; }
#shoppingmall .section4 .inner { width: 100%; height: auto; background:#f0f3f7;padding:40px 0;}
#shoppingmall .section4 .inner.pc {  background: none;margin-top:0}
#shoppingmall .section4 .list { width: 100%; margin-bottom: 0; }
#shoppingmall .section4 .list ul li  + li{ margin-top: -4px !important;}
#shoppingmall .section4 .list .content { width: 100%; /* border-top:none;*/border-radius:0 0 3px 3px;position:relative;}
#shoppingmall .section4 .list + .list { margin-left: 0px; }
#shoppingmall .section4 .list1 ul { padding-left: 20%; padding-bottom: 15px;}
#shoppingmall .section4 .list2 ul{padding-left:5%;padding-bottom:15px;}
#shoppingmall .section4 .list3 ul{padding-left:18%;padding-bottom:15px;}
#shoppingmall .section4 .list_tit .shopping{width:110px;height:34px;line-height:32px;font-size:15px;}
#shoppingmall .section4 .list_tit h3{font-size:24px;}
#shoppingmall .section4 h4{text-align:center;font-size:20px;margin-top:13px;margin-bottom:15px;}
#shoppingmall .section4 .list ul { height: auto; }
#shoppingmall .section4 .list ul li {font-size:17px}
#shoppingmall .section4 .list ul li i{font-size:26px;}
#shoppingmall .section4 .list3 .list_tit .best { background: url(../../beauty/images/shoppingmall/best.png)no-repeat; position: absolute; left: -20px; 
width: 40px; background-size:contain; top: 0; }
#shoppingmall .section4 .list .list_foot h3{font-size:32px;}
#shoppingmall .section4 .list .list_foot span.apply{border-bottom:1px solid #fff;margin-top:15px;padding-bottom:5px;color:#9eabbb;margin-top:15px;display:inline-block;font-size:22px;font-weight:bold;}
#shoppingmall .section4 .list .list_foot .sub:hover .sale { display: none; }
#shoppingmall .section4 .list .list_foot span.apply, #shoppingmall .section4 .list2 .list_foot span.apply, #shoppingmall .section4 .list3 .list_foot span.apply { color: #f8601d; border-bottom: 1px solid #fff; }
#shoppingmall .btn-example {font-size: 18px; width: 
94%; height: 60px; text-align: center; display: block; margin: 0 auto; 
line-height: 58px; background:#fff;margin-top:20px; }
#shoppingmall .btn-example:after { width: 200px; height: 1px; position: absolute; bottom: 10px; left: 50%; 
transform: translate(-50%); }
#shoppingmall .tab-wrapper { margin: 0 auto; width: 92%; max-width:600px; }
#shoppingmall .tab-menu{font-size:0;}
#shoppingmall .tab-menu li { position:relative; background-color: #fffafb; color:#bcbcbc; display: inline-block;width:33.45%; text-align:center;padding: 15px 0;  cursor:pointer; 
z-index:0; border:1px solid #eae9e9;font-size:16px;border-radius:5px 5px 0 0 ;color:#fee6ea;font-weight:bold;border-bottom-color:#fff;margin-bottom:-1px;}
#shoppingmall .tab-menu li p{font-size:13px;line-height:1}
#shoppingmall .tab-menu li span{line-height:1}
#shoppingmall .tab-menu li:hover { color:#000; }
#shoppingmall .tab-menu li.active { color:#000; opacity: 1; border-bottom-color:#fff;background:#fff;/*box-shadow: -2px -2px 3px 0px rgba(234,193,201,.04), 2px 0 2px 0px rgba(234,193,201,.04);*/
    z-index: 10;}
#shoppingmall .tab-menu li.free.active{border-color:#dce2e1;border-bottom:1px solid #fff;}
#shoppingmall .tab-menu li.pro.active{border-color:#f7cfc1;border-bottom:1px solid #fff;}
#shoppingmall .tab-menu li.Premium.active{border-color:#f44336;border-bottom:1px solid #fff;}
/*.tab-menu li.free.active:not(.active) {border-bottom-color:#dce2e1}
.tab-menu li.pro.active:not(selector) {border-bottom-color:#f7cfc1}
.tab-menu li.Premium.active:not(li){border-bottom-color:#f44336}*/
#shoppingmall .tab-menu li.active span{border-bottom:1px solid #000;}
#shoppingmall .tab-menu li.active:hover { color:#464646; }
#shoppingmall .tab-content>div { background-color: #fff; box-sizing:border-box; width: 100%; padding: 0;   min-height:200px; }
#shoppingmall .tab-content {overflow: hidden; }


#shopon_info .contain{padding:0 13px;}
#shopon_info .section{padding:35px 0 35px 0}
#shopon_info .top_visual{position:relative;background:#5f616b;padding-bottom: 202px; padding-top:38px;height: inherit;}
#shopon_info .top_visual:after{content:'';position:absolute;bottom:0;background: url(../images/etc/m_shop_man01.png)no-repeat center;background-size:cover;width:100%;height:202px;display:inline-block;}
#shopon_info .top_visual img{display:block;width:100%;margin-top:}
#shopon_info .top_visual .contain{padding:0 26px;}
#shopon_info .bottom_area .contain{padding:23px 26px;background:#4e3c3c;}
#shopon_info .bottom_area dt{color:#FFF;font-size:20px;}
#shopon_info .bottom_area dd{color:rgba(255,255,255,.5);font-size:12px;}
#shopon_info .section1 { background:#40729f url(../images/etc/sect01_gra.png)top;background-size: cover;position:relative;}
#shopon_info .section1:after{ display:inline-block;background: url(../images/etc/m_shop_man02.png)bottom;content:'';width:145px;height:190px;background-size:contain;position:absolute;right:13px;bottom:0}
#shopon_info .section1 h3 { text-align:left;font-size:25px;font-weight:500;margin-bottom:2px;color:#fff;}
#shopon_info .section1 p.sub { text-align:left;font-size:40px;font-weight:bold;margin-bottom:28px;color:#cce1f4;line-height:1.3}
#shopon_info .section1 .tel{position:relative;z-index:1;padding:0 13px;color:#ffb91a;font-size:40px;font-weight:bold;    line-height: 1.2;}
#shopon_info .section1 .tel p{font-size:17px;font-weight:400;}

#shopon_info .btn-example {font-size: 18px; width: 
94%; height: 60px; text-align: center; display: block; margin: 0 auto; 
line-height: 58px; background:#fff;margin-top:20px; }
#shopon_info .btn-example:after { width: 200px; height: 1px; position: absolute; bottom: 10px; left: 50%; 
transform: translate(-50%); }

#shopon_info .tab-wrapper { margin: 0 auto; }
#shopon_info .tab-menu{font-size:0;}
#shopon_info .tab-menu li { position:relative; background-color: #f7f8f9; display: inline-block;width:33.45%; text-align:center;padding: 15px 0;  cursor:pointer; 
z-index:0; border:1px solid #fff;font-size:14px;color:#9da1a8;font-weight:bold;border-bottom-color:#fff;margin-bottom:-1px;}
#shopon_info .tab-menu li p{font-size:8px;line-height:1;background:#d0d4d9;color:#fff;font-weight: 400;display:block;width:40px !important;height:16px;margin:0 auto;border-radius:20px;line-height:16px;}
#shopon_info .tab-menu li span{line-height:1}
#shopon_info .tab-menu li:hover { color:#000; }
#shopon_info .tab-menu li.active { color:#fff; opacity: 1; border-bottom-color:#fff;background:#638eaf;/*box-shadow: -2px -2px 3px 0px rgba(234,193,201,.04), 2px 0 2px 0px rgba(234,193,201,.04);*/
    z-index: 10;}
#shopon_info .tab-menu li.active p{background:#fff;color:#638eaf}
#shopon_info .tab-content>div { background-color: #fff; box-sizing:border-box; width: 100%; padding: 0;   min-height:200px; }
#shopon_info .tab-content {overflow: hidden; }
#shopon_info .section2 .sect_tit{font-size:30px;color:#121e3b;text-align:center;font-weight:bold;margin-bottom:15px;}
#shopon_info .section2 .list_tit h3{margin-top:20px;font-size:21px;color:#0866b2;text-align:center;font-weight:bold;margin-bottom:15px;border-bottom:1px solid #0866b2;line-height:1;padding-bottom:10px;display:inline-block;position:absolute;left:50%;transform:translate(-50%); width: max-content;}
#shopon_info .section2 .list_tit {height:67px;position:relative;}
#shopon_info .section2 .list{position:relative;}
#shopon_info .section2 .list ul{margin:0 auto;width:80%;}
#shopon_info .section2 .list ul li{font-size:14px;}
#shopon_info .section2 .list ul li p, #shopon_info .section2 .list ul li dd{padding-left:20px;color:#3ba0ff;font-size:11px;margin-top:-5px;margin-bottom:3px;}
#shopon_info .section2 .list ul li:before{content:'';width:20px;height:20px;background:url(../../beauty/images/icon/icon_20px.png);display:inline-block;background-position:-20px 0px; vertical-align: middle;margin-bottom: 2px;}
#shopon_info .section2 .list ul li dl{overflow:unset}
#shopon_info .section2 a img{    display: block; margin: 0 auto;margin-top:20px;}
#shopon_info .section3{background:#2e3442}
#shopon_info .section4{background:#638eaf;padding-bottom:0}
#shopon_info .section4 h3 img{display:block;width:100%;margin:0 auto;}
#shopon_info .section4 .center{width:81%;margin:0 auto;}
#shopon_info .section4 .center p{font-size:18px;color:rgba(234,244,251,.75);margin-top:12px;line-height:1.2}
#shopon_info .section4 ul{margin-top:25px;}
#shopon_info .section4 ul li img{display:block;width:100%;}
#shopon_info .section4 ul li:nth-child(2){margin-top:-2px;}
#shopon_info .section4 ul li:nth-child(3){margin-top:-5px;}
#shopon_info .section4 ul li:nth-child(3) img{width:105%;}
#shopon_info .section5{background:#f4f8fb;padding-bottom:40px;}
#shopon_info .section5 .contain{padding:0 33px;}
#shopon_info .section5 .contain2{padding:0 13px;margin-top:25px;}
#shopon_info .section5 h3{font-size:23px;color:#36729f;font-weight:900;text-align:center;}
#shopon_info .section5 .info{border-radius:4px;background:#Fff;margin-top:85px;position:relative;padding: 0 20px;padding-top:104px;padding-bottom:30px;}
#shopon_info .section5 .info h3{width:125px;position:absolute;top:-64px;left:50%;transform:translate(-50%)}
#shopon_info .section5 .info h3 p{text-align:center;font-size:13px;font-weight:bold;color:#a3b3c0;margin-top:5px;}
#shopon_info .section5 .info h3 img{display:block;width:100%;}
#shopon_info .section5 .info h4{font-size:21px;font-weight:bold;color:#333;line-height:1.2;}
#shopon_info .section5 .info h4 strong{display:block;color:#638eaf;font-weight:400;}
#shopon_info .section5 .info ul {margin-top:20px;}
#shopon_info .section5 .info ul li{color:#445e72;font-size:14px;padding-left:5px;}
#shopon_info .section5 .info ul li:before{content:'';width:20px;height:20px;background:url(../../beauty/images/icon/icon_20px.png);display:inline-block;background-position:-20px 0px; vertical-align: middle;margin-bottom: 2px;}
#shopon_info .section5 .info ul li + li {margin-top:5px;}
#shopon_info .section5 .info a{width:80%;display:block;margin:30px auto 0;}
#shopon_info .section5 .info a img{width:100%;display:block;}

#shopon_info .section5 .data span.round{width:88px;height:40px;line-height:40px;background:#fff;color:#445e72;font-weight:bold;text-align:center;display:inline-block;font-size:18px;border-radius:30px;box-shadow: 0px 0px 16.56px 1.44px rgba(8, 102, 178, 0.05);}
#shopon_info .section5 .data span.text{padding-left:94px;width:100%;display:block;}
#shopon_info .section5 a img{display: block;margin: 0 auto;margin-top:40px;}

#shopon_info .section5 .data li{font-size:18px;color:#445e72;}
#shopon_info .section5 .data li + li{margin-top:20px;}
#shopon_info .section5 .data li strong{color:#638eaf;margin-left:8px;}
#shopon_info .section5 .map_box{margin-top:23px;}
#shopon_info .section5 .root_daum_roughmap{width:100%}
.calen_top ul, .calen_top .state{display:none}
.calen_top dl{text-align:center;}
.calen_top dl *{display:inline-block;margin:0 auto;}
.calen_top dl dt{font-size:20px;font-weight:bold;margin:0 10px;}
#calendar2{border-top:3px solid #000;margin-top:10px;}
#calendar2 td.title{height:40px;border:none;border-bottom:1px solid #c7c7c7;font-weight:bold;font-size:15px;}
#calendar2 td{text-align:center;}
#calendar2 td{border:1px solid #f3f3f3}
#calendar2 td:first-child{border-left:none;}
 #calendar2 td:last-child{border-right:none;}
#calendar2 td.name{text-align:left;padding-left:15px;font-weight:bold;}


/*패드,모바일 스타일*/
.pc_show{display:block !important}
.m_show {width:100%;}
table map{width:100%;}
@media (max-width:800px){
.m_show{display:block !important}
.pc_show{display:none !important}
    body, html{
        width:100%;
    }
    .container.inner{
        width: 100vw;
    }

.section{text-align:center;}
#shoppingmall *{letter-spacing:-0.03em; margin:0; padding:0;}
#shoppingmall .sect_tit, #shoppingmall .sub_tit{text-align:center;}
#shoppingmall .sect_tit{font-size:0.89rem;color:#000;line-height:1;letter-spacing:-0.03em;}
#shoppingmall .sub_tit{font-size:1.2rem;font-weight:bold;line-height:1.5;    width: 94%;  margin: 25px auto 0;}
#shoppingmall .top_visual{height: 333px}
#shoppingmall .bar_tit{position:relative;text-align:left;line-height:1;font-size:14px;font-weight:bold;padding:20px;border-bottom:1px solid #f5f4f4;text-indent:8px;}
#shoppingmall .bar_tit:after{display: inline-block;position: absolute; left: 20px; top: 21px; width: 3px; height: 19px; background:#3ba0ff; content: '';}
#shoppingmall .top_visual.shopping .inner{background: url(../images/shoppingmall/m_bg_shop.png)right no-repeat !important;position: relative !important;background-size:contain !important}
#shoppingmall .top_visual.shopping .inner:before{content:'';background: url(../images/shoppingmall/bg_bot_patt.png)left  no-repeat;width:82px !important;height:102px !important;position:absolute;bottom:-35px !important;left:0 !important;background-size:contain !important}
#shoppingmall .top_visual.shopping .inner:after{content:'';background: url(../images/shoppingmall/gigi.png)center  no-repeat !important;width: 70.5vmin;height:209px !important;position:absolute;bottom:-104px;left:50%;transform:translate(-35%);background-size:contain !important}
#shoppingmall .top_visual.shopping .visual_title{top:70px !important;left:50% !important;transform:translate(-50%) !important;width:90%  !important}
#shoppingmall .top_visual.shopping .visual_title h1{}
#shoppingmall .top_visual.shopping .visual_title:after{content:'';position:absolute;width:45px !important;height:40px !important;background:url(../../beauty/images/shoppingmall/quotation_white.png)no-repeat !important;top:-45px !important;left:50% !important;transform:translate(-50%) !important;background-size:100% !important;}
#shoppingmall .top_visual.shopping h1{font-size:2rem !important;position:relative !important;text-align:center;}
#shoppingmall .top_visual.shopping h2 {font-size:4rem !important;text-shadow:8px 10px 3px rgba(0,0,0,.05);text-align:center;}

#shoppingmall .section1 .inner{width:98%;padding-top:15vmin}

#shoppingmall .section1 .content{margin-top:40px;overflow: hidden;}
#shoppingmall .section1 .box1{margin-top:70px;}

#shoppingmall .section1 .box2{background:url(../../beauty/images/shoppingmall/bg_box2.png)}
#shoppingmall .section1 .box2:after{background:url(../../beauty/images/shoppingmall/plus_arrow_r.png);}
#shoppingmall .section1 .box2:before{background:url(../../beauty/images/shoppingmall/plus_arrow.png);}

#shoppingmall .section1 .box2:hover{background:url(../../beauty/images/shoppingmall/bg_box.png);}
#shoppingmall .section1 .box2 h3{background:url(../../beauty/images/shoppingmall/shopon2.png);}
#shoppingmall .section1 .box2:hover h3{background:url(../../beauty/images/shoppingmall/shopon.png);}

#shoppingmall .section1 .box2{    width: 100%;margin:0;background:none;display:inline-block;height:auto;}
#shoppingmall .section1 .box2:after, #shoppingmall .section1 .box2:before{top:50%;transform:translate(-50%);content:'';position:absolute;width:94px;height:95px}
#shoppingmall .section1 .box2:after{display:none;background:none;}
#shoppingmall .section1 .box2:before{display:none;background:none;}
#shoppingmall .section1 .box2 a{display:block;  height: auto;}
#shoppingmall .section1 .box2:hover{background:none;}
#shoppingmall .section1 .box2 h3{transition:all .3s;top:145px;position:absolute;background:none;width:282px;height:78px;;left:50%;transform:translate(-50%)}
#shoppingmall .section1 .box2:hover h3{background:none;display:none;}
#shoppingmall .section1 .box2 p{position:absolute;bottom:28px;left:50%;transform:translate(-50%)}
#shoppingmall .section1 .box2 img.m_show{margin: 0 auto;}
#shoppingmall .section1 .sequ{margin-top:10px;padding:0;height: inherit;}
#shoppingmall .section1 .sequ img{display:block;margin:15px auto 0;width:100%}
#shoppingmall .section1 .sequ h3{font-size:1rem;clear:both;text-align:center;font-weight:400;}

#shoppingmall .section2 {padding-bottom: 50px;  height: auto; }
#shoppingmall .section2 .inner{width:100%;}
#shoppingmall .section2 .list {float:left;display:block;transition:none;width:100%;height:auto;background:#fff url(../../beauty/images/shoppingmall/gieog_pattern.png);padding:45px 0;overflow:visible ; min-height: 360px;}
#shoppingmall .section2 .list:hover{transform: translateY(0);}
#shoppingmall .section2 .list + .list{margin-left:60px;}
#shoppingmall .section2 .shadow{position:relative;z-index:0;width:100%;height:auto; display: block; margin: 0 auto;}
#shoppingmall .section2 .content { overflow-x: scroll; }
#shoppingmall .section2 .list1, #shoppingmall .section2 .list3 { margin-top:0px; }
#shoppingmall .section2 .shadow:before { display:none; }
#shoppingmall .section2 .list2 { margin-top: 0; }
#shoppingmall .section2 .list ul { padding: 0 6%; margin-top: 15px; overflow: visible; }
#shoppingmall .section2 .list h3 { font-size: 22px; font-weight: bold; letter-spacing: -0.03em; text-align: center; }
#shoppingmall .section2 .list:after { display:none; }
#shoppingmall .section2 .list li {  padding-left: 20px;font-size: 16px;  }
#shoppingmall .section2 .list li + li { margin-top: 5px; }

#shoppingmall .section3 { padding-bottom: 60px; }
#shoppingmall .section3 .inner{width:94%;}
#shoppingmall .section3 .vs .content{border:2px solid #222;padding:10px 0;}
#shoppingmall .section3 .vs h3{font-size:1.8rem;text-align:center;margin-top:20px;font-weight:bold;}
#shoppingmall .section3 .vs h3 b{font-size:2.6rem;color:#f44336;vertical-align: sub;}
#shoppingmall .section3 .vs h3 i{font-style:normal;position:relative;font-weight:bold;}
#shoppingmall .section3 .vs h3 i:after{letter-spacing:0;position:absolute;content:'(C사, G사, M사)';font-size:0.8rem;color:#888;font-weight:300;width: 100%;left:0;top:-14px;}
#shoppingmall .section3 .vs dl{height:50px;overflow:visible;}
#shoppingmall .section3 .vs dd, #shoppingmall .section3 .vs dt{overflow:visible;border:1px solid #fff;float:left;text-align:center;height:50px;line-height:48px;}
#shoppingmall .section3 .vs dt{font-size:14px;font-weight:bold;width:35%;}
#shoppingmall .section3 .vs dd{font-size:15px;width:32.5%;position:relative;}
#shoppingmall .section3 .vs dl.icon dd{position:relative;width:49.8%;height:65px;vertical-align: middle; display: table-cell; line-height: 1.4;word-break:keep-all;}
#shoppingmall .section3 .vs dl.icon dd:last-child { background: #e0f7f0; border: 1px solid #dfede9; margin-left: 0.4%; }
#shoppingmall .section3 .vs dd:hover span, #shoppingmall .section3 .vs dd:hover:after, #shoppingmall .section3 .vs dd:hover i{display:none;}
#shoppingmall .section3 .vs dl.icon dd p.mid{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:69%;}
#shoppingmall .section3 .vs dl.icon dt{position:absolute;z-index: 1;width:85px;height:40px;background:none;border:none;left:50%;top:58%;transform:translate(-50%, -50%);font-weight:bold;}
#shoppingmall .section3 .vs dl.icon dt img{display:block;width:60%;margin:0 auto;}
#shoppingmall .section3 .vs dl.icon { position: relative; margin: 0; height: 65px; }

#shoppingmall .section4 {}
#shoppingmall .section4 h2 { padding-top: 0; }
#shoppingmall .section4 .inner { width: 100%; height: auto; background:#f0f3f7; padding:40px 0;}
#shoppingmall .section4 .inner.pc {  background: none;margin-top:0}
#shoppingmall .section4 .list { width: 100%; margin-bottom: 0; }
#shoppingmall .section4 .list ul li  + li{ margin-top: -4px !important;}
#shoppingmall .section4 .list .content { width: 100%; /* border-top:none;*/border-radius:0 0 3px 3px;position:relative;}
#shoppingmall .section4 .list + .list { margin-left: 0px; }
#shoppingmall .section4 .list1 ul { padding-left: 20%; padding-bottom: 15px;}
#shoppingmall .section4 .list2 ul{padding-left:5%;padding-bottom:15px;}
#shoppingmall .section4 .list3 ul{padding-left:18%;padding-bottom:15px;}
#shoppingmall .section4 .list_tit .shopping{width:110px;height:34px;line-height:32px;font-size:15px;}
#shoppingmall .section4 .list_tit h3{font-size:24px;}
#shoppingmall .section4 h4{text-align:center;font-size:20px;margin-top:13px;margin-bottom:15px;}
#shoppingmall .section4 .list ul { height: auto; }
#shoppingmall .section4 .list ul li {font-size:17px}
#shoppingmall .section4 .list ul li i{font-size:26px;}
#shoppingmall .section4 .list3 .list_tit .best { background: url(../../beauty/images/shoppingmall/best.png)no-repeat; position: absolute; left: -20px; 
width: 40px; background-size:contain; top: 0; }
#shoppingmall .section4 .list .list_foot h3{font-size:32px;}
#shoppingmall .section4 .list .list_foot span.apply{border-bottom:1px solid #fff;margin-top:15px;padding-bottom:5px;color:#9eabbb;margin-top:15px;display:inline-block;font-size:22px;font-weight:bold;}
#shoppingmall .section4 .list .list_foot .sub:hover .sale { display: none; }
#shoppingmall .section4 .list2 .list_foot span.apply, #shoppingmall .section4 .list3 .list_foot span.apply { color: #f8601d; border-bottom: 1px solid #fff; }

#shoppingmall .btn-example {font-size: 18px; width: 
94%; height: 60px; text-align: center; display: block; margin: 0 auto; 
line-height: 58px; background:#fff;margin-top:20px; }
#shoppingmall .btn-example:after { width: 200px; height: 1px; position: absolute; bottom: 10px; left: 50%; 
transform: translate(-50%); }

#shoppingmall .tab-wrapper { margin: 0 auto; width: 92%; max-width:600px; }
#shoppingmall .tab-menu{font-size:0;}
#shoppingmall .tab-menu li { position:relative; background-color: #fffafb; color:#bcbcbc; display: inline-block;width:40%; text-align:center;padding: 15px 0;  cursor:pointer; 
z-index:0; border:1px solid #eae9e9;font-size:16px;border-radius:5px 5px 0 0 ;color:#fee6ea;font-weight:bold;border-bottom-color:#fff;margin-bottom:-1px;}
#shoppingmall .tab-menu li p{font-size:13px;line-height:1}
#shoppingmall .tab-menu li span{line-height:1}
#shoppingmall .tab-menu li:hover { color:#000; }
#shoppingmall .tab-menu li.active { color:#000; opacity: 1; border-bottom-color:#fff;background:#fff;/*box-shadow: -2px -2px 3px 0px rgba(234,193,201,.04), 2px 0 2px 0px rgba(234,193,201,.04);*/
    z-index: 10;}


#shoppingmall .tab-menu li.free.active{border-color:#dce2e1;border-bottom:1px solid #fff;}
#shoppingmall .tab-menu li.pro.active{border-color:#f7cfc1;border-bottom:1px solid #fff;}
#shoppingmall .tab-menu li.Premium.active{border-color:#f44336;border-bottom:1px solid #fff;}
/*.tab-menu li.free.active:not(.active) {border-bottom-color:#dce2e1}
.tab-menu li.pro.active:not(selector) {border-bottom-color:#f7cfc1}
.tab-menu li.Premium.active:not(li){border-bottom-color:#f44336}*/


#shoppingmall .tab-menu li.active span{border-bottom:1px solid #000;}
#shoppingmall .tab-menu li.active:hover { color:#464646; }
#shoppingmall .tab-content>div { background-color: #fff; box-sizing:border-box; width: 100%; padding: 0;   min-height:200px; }
#shoppingmall .tab-content {overflow: hidden; }
.orange_btn { width: 94%; height: 60px; line-height: 58px; font-size: 16px;    margin: 28px auto 0; }
.white_grp { width: 94%; height: 60px; margin: 8px auto 2px; line-height: 59px;font-size: 16px;border:none;}
.white_grp p{ line-height: 1; font-size: 18px;font-weight:400;color:#444;}
.white_btn { padding: 0; margin-bottom:12px;border: 1px solid #c25b2e; background-color:#f8601d; color:#fff !important;}
.white_grp a:first-child{border-radius:2px 0 0 2px;}
.white_grp a:nth-child(2){border-radius:0 2px 2px 0;}
.white_btn + .white_btn{margin-left:-1px;}
.white_grp a + a { border-left: 1px solid #e5eaea; }

#shoppingmall .pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 100%; height: 500px; background-color: #fff; border: 1px solid #000; z-index: 
10;}
#shoppingmall .pop-layer .content{padding:0;height:240px;}
#shoppingmall a.btn-layerClose { display: inline-block; height: 21px;width:21px; background:url(../../beauty/images/shoppingmall/close_black.png);float:right}
#shoppingmall .dim-layer .pop-layer .m{padding:0 !important;}
#shoppingmall .tn_grp p { text-align: center; color: #444; font-size: 12px; }
#shoppingmall .pop-layer th p { position: relative; padding: 0 5px; border-radius: 15px; font-weight: bold; }
#shoppingmall .pop-layer  th{height:45;font-size:12px;}
#shoppingmall .pop-layer  th:nth-child(1){width:33%}
#shoppingmall .pop-layer  th:nth-child(2){width:20%}
#shoppingmall .pop-layer  th:nth-child(3){width:20%}
#shoppingmall .pop-layer  th:nth-child(4){width:20%}
#shoppingmall .pop-layer  th p.free{border:1px solid #e4e5e7;display:inline-block;font-weight:400;font-size:11px;}
#shoppingmall .pop-layer  th p.pro,  .pop-layer  th p.premium{background:#f8601d;display:inline-block;color:#fff;font-weight:400;font-size:12px;}
#shoppingmall .pop-layer  td{height:40px;text-align:center;color:#666;font-size:12px;border-bottom:1px solid #ececec}
#shoppingmall .pop-layer  td + td{border-left:1px solid #ececec;}
#shoppingmall .pop-layer  td:first-child{width: 3%;text-align:left;padding-left:10px;word-break:keep-all;}
#shoppingmall .pop-layer  .content td:nth-child(2){width: 20%;}
#shoppingmall .pop-layer  .content td:nth-child(3){width: 21%;}
#shoppingmall .pop-layer  .content td:nth-child(4){width: 18%;}
#shoppingmall .pop-layer tr.tlb_title td{color:#000;font-size:14px;font-weight:bold;border-bottom:1px solid #aeaeae;background:#fcfcfc;}
#shoppingmall .pop-layer  td .close{color:#f44336;font-size:22px;}
#shoppingmall .pop-layer  td .check{color:#39b54a;font-size:22px;}

#shoppingmall .pop-layer .btn-r { padding-top: 10px; padding:0 !important }
#shoppingmall .pop-layer .btn-r th:first-child{padding-left:15px;}
#shoppingmall .pop-layer .btn-r th:first-child{padding-left:15px;}
#shoppingmall .pop-layer .btn-r strong{font-size:10px;color:#b4b4b4;font-weight:400;}


#shoppingmall .section5 {  padding-bottom: 45px; }
#shoppingmall .section5 .inner { width: 100%; }
#shoppingmall .section5 .shadow {  transition: none; float:none;box-shadow:none;}
#shoppingmall .section5 .shadow:hover { transform: translateY(0);box-shadow: none; }
#shoppingmall .section5 .shadow + .shadow { margin-left: 0;margin-top:15px; }
#shoppingmall .section5 .shadow img{ width:94%;margin:0 auto;}
#shoppingmall .section5 .content { height: auto; margin-top: 35px; }

#shoppingmall .section6 { background:  #1d1f58 ; height: auto; }
#shoppingmall .section6 .inner { position: relative; z-index: 3; width:100%; 
padding-bottom: 60px; height: auto; }
#shoppingmall .section6 .inner .text_box, #shoppingmall .section6 .inner .img_box{float:none;}
#shoppingmall .section6 .inner .text_box dl dd, #shoppingmall .section6 .inner .text_box dl dt{text-align:center;width:94%;margin:15px auto;font-size:17px}
#shoppingmall .section6 .inner .text_box dl dt{font-size:18px;}
#shoppingmall .section6 .inner .img_box img{width:94%;margin:0 auto;display:block}
#shoppingmall .section6 .img_box { margin-left: 0; margin-bottom: 0; }
#shoppingmall .section6 .white_btn { width: 50%; height: 60px; line-height: 58px; font-size: 16px; border-radius:0 }
#shoppingmall .section6 .white_grp a:first-child{border-radius:2px 0 0 2px;}
#shoppingmall .section6 .white_grp a:nth-child(2){border-radius:0 2px 2px 0;}
#shoppingmall .section6 .white_btn + .white_btn{margin-left:-1px;}
#shoppingmall .section6 .text dt{font-size:24px;color:#fff;font-weight:bold;}
#shoppingmall .section6 .text dd{font-size:18px;color:#fff;font-weight:400;letter-spacing: -0.07em;margin-top:15px;margin-bottom:15px;}
#shoppingmall .section6 .tel { margin-top: 50px; }
#shoppingmall .section6 .tel dt{font-size:26px;text-align:center;}
#shoppingmall .section6 .tel dt:after{width:30px;height:2px;background:#f44336;position:absolute;top:-8px;left:50%;transform:translate(-50%)}
#shoppingmall .section6 .tel dd{font-size:38px;font-weight:bold;color:#fff;text-align:center;}
#shoppingmall .section6:before { width: 107px; height: 134px; background: url(../../beauty/images/shoppingmall/exclamation.png) top left; 
bottom: 25px; right: 0; background-size:cover;}
#shoppingmall .section6:after { width:129px;  height: 97px; background: url(../../beauty/images/shoppingmall/exclamation.png) bottom; 
 left: 0; margin-left: 0; background-size: cover;}
#shoppingmall .section6 .inner:after {  width: 88px; height: 121px; background: url(../../beauty/images/shoppingmall/exclamation.png) 
top right; bottom: 130px; left: 0; margin-right: 0; background-size: cover;z-index:-1}


/* --- Swiper Slider --- */
#shoppingmall  .swiper-container { width: 100%; height: auto; padding: 15px 0; overflow:visible; }

#shoppingmall .swiper-slide { -webkit-user-select: none; -moz-user-select: none; position:relative; height: 100%; color: #fff; box-shadow: 0 2px 10px -1px 
rgba(0,0,0,0.1);}

#shoppingmall .swiper-slide .no-cours { display: block; clear: both; font-size: 15px;font-weight: 600; }
#shoppingmall .swiper-slide .titre-cours { display: block; clear: both; margin-top: 5px; }




}
@media (max-width:600px){
#shoppingmall .section1 .box2 img{display:block;width:100%;margin:0 auto;} 
#shoppingmall .section1 .box1{margin-top:20px;}
}
#shoppingmall .section4 .list ul li  + li{margin-top:0;}
#shoppingmall .section4 .list ul li i { vertical-align: sub; }
#shoppingmall .section4 .list ul li dt{height:32px;}
#shoppingmall .section4 .list ul li dd { margin-top: 0px; }
#shoppingmall .section4 .list_tit .shopping.orange { color: #fff !important;}
#shoppingmall .section4 .inner.pc { width: 1287px; height: auto; padding:0 }
#shoppingmall .section4 {}
#shoppingmall .pop-layer th:nth-child(3) { background: #f7f8f9;  }



/***********************************/
/**************사업자 특혜*************/
/**********************************/
#business {margin-bottom:35px;}
#business .top_visual{width:100%;height:inherit;}
#business .inner{padding:0 13px;width:100%;}
#business .section_01{padding-bottom:95px;}
#business .sub_tit{color:#0772e1;font-size:14px;font-weight:500;text-align:center;margin-top:25px;}
#business .sect_tit{font-size:23px;font-weight:bold;color:#333;text-align:center;line-height:1;margin-top:50px;}
#business .section_01 ul{font-size:;margin-top:40px;display:flex; flex-wrap: wrap;}
#business .section_01 ul li{float:left;width:49.8%;display:inline-block;position:relative;height:100px;}
#business .section_01 ul li + li{margin-left:0.4%;}
#business .section_01 ul li:nth-child(2n+1){margin-left:0%}
#business .section_01 ul li:nth-child(n+3){margin-top:82px;}
#business .section_01 ul li.bg01{background:url('../../beauty/images/etc/business_bg01.jpg')no-repeat;background-size: cover;background-position:top center;}
#business .section_01 ul li.bg02{background:url('../../beauty/images/etc/business_bg02.jpg')no-repeat;background-size: cover;background-position:top center;}
#business .section_01 ul li.bg03{background:url('../../beauty/images/etc/business_bg03.jpg')no-repeat;background-size: cover;background-position:top center;}
#business .section_01 ul li.bg04{background:url('../../beauty/images/etc/business_bg04.jpg')no-repeat;background-size: cover;background-position:top center;}
#business .section_01 ul li dl{background:#fff;width:calc( 100% - 8px );padding:15px 7px;position:absolute;top:92px;right:0;}
#business .section_01 ul li dt{font-size:15px;font-weight:bold;color:#333;line-height:1;}
#business .section_01 ul li dd{margin-top:6px;color:#5f5f5f;font-size:11px;letter-spacing:-0.06em;}

#business .section_02 ul{width:100%;margin:20px auto 0;}
#business .section_02 ul li{height:34px;line-height:34px;border-radius:8px;padding-left:12px;font-size:11px;color:#0c4f7a;}
#business .section_02 ul li:nth-child(odd){background:#86d0ff;}
#business .section_02 ul li:nth-child(even){background:#a3dbff;}
#business .section_02 ul li + li{margin-top:9px;}
#business .section_02 ul li span{color:#fff;margin-right:6px;}
#business .section_02 .section2-1 {width:100%;margin:0 auto;margin-top:20px;}
#business .section_02 .section2-1 th{background:#f0f0f0;height:34px;font-size:13px;color:#515151;border:2px solid #FFF;}
#business .section_02 .section2-1 td{height:34px;background:#fafafa;font-size:13px;color:#333;border:2px solid #FFF;text-align:center;}
#business .section_02 p{text-align:center;color:#0866b2;font-size:10px;margin-top:15px;line-height:1;}
#business .section_02 p:after{width:80%;height:5px;background:#86d0ff;content:'';margin:5px auto 0;display:block;}
#business .section_02 .section_02_img{height:85px; padding-top:15px;}

#business .section_03 ul {margin-top:26px;}
#business .section_03 ul li{width:48.5%;float:left;}
#business .section_03 ul li + li{margin-left:3%;}
#business .section_03 ul li:nth-child(2n+1){margin-left:0;}
#business .section_03 ul li:nth-child(n+3){margin-top:3%;}
#business .section_03 ul li img{display:block;width:100%;}

#business .section_03 ul.bot_bnr li{width:49.5%;float:left;}
#business .section_03 ul.bot_bnr li + li{margin-left:1%;}
#business .section_03 ul.bot_bnr li:nth-child(2n+1){margin-left:0;}
#business .section_03 ul.bot_bnr li:nth-child(n+3){margin-top:1%;}

#ats .youtube_mov{text-align:center; padding:20px 0 0;}

#ats{width:100%;overflow: hidden;}
#ats *{word-break:keep-all;}
#ats img{width:100%;}
#ats .contain{padding:0 13px;}
#ats .contain2{padding:25px 13px 0;}
#ats .top_visual{position:relative;background:#93dfdd;padding-bottom: 202px; height: 320px;}
#ats .top_visual:after{content:'';position:absolute;bottom:0;background: url(../images/etc/ats_top_bg.png)no-repeat center;background-size:contain;width:100%;height:202px;display:inline-block;}
#ats .top_visual .contain{padding-right:0;}
#ats .top_visual .visual_title{padding:28px 15px 15px;}
#ats .top_visual .visual_title h2{color:#15333e;font-size:30px;font-weight:500;line-height:1.25; text-align:center;}
#ats .top_visual .visual_title h2 b{font-weight:900;}
#ats .top_visual .sub_tit{color:#304c56;font-weight:bold;font-size:15px;line-height:1.3;margin-top:3px; text-align:center;}
#ats .top_visual span{font-size:20px;color:#b17013;font-weight:100;line-height:1;margin-top:25px;margin-bottom:15px;display:inline-block}
#ats .section_01{padding:40px 0;background:url('../images/etc/section_bg_city.jpg');background-size: cover;background-attachment: fixed;}
#ats .section_01 div.box{width:100%;height:98px;padding:25px 15px;font-size:20px;line-height:1.3;font-weight:300;position:relative;}
#ats .section_01 div.box:first-child{background:rgba(17, 28, 57,.95);color:#b6a631;}
#ats .section_01 div.box:last-child{background:#ffe000;margin-top:17px;color:#9c8c1a}
#ats .section_01 div.box i{display:inline-block;position:absolute;width:18px;height:21px;background:url(../images/etc/m_ribon.png);top:0;right:24px;background-size:contain;}
#ats .section_01 p{text-align:center;font-size:20px;color:#94b1fb;letter-spacing:-0.04em;margin-top:28px;line-height:1.2;}
#ats .section_01 center{margin-top:20px;}
#ats .section_tit{font-size:20px;color:#3c4c73;text-align:center;line-height:1;}
#ats .section_tit b{font-size:25px;color:#121e3b;font-weight:900; margin:0 3px; line-height:1.5;}
#ats .section_02{padding:40px 0;position:relative;}
#ats .section_02 ul{overflow:hidden;width:100%;margin:22px auto 0;}
#ats .section_02 ul li{width:33.33%;float:left;position:relative;padding:90px 0 0;font-size:11px;letter-spacing:-0.04em;line-height:1.4;color:#3d3d3d;font-weight:600; text-align:center;}
#ats .section_02 ul li strong{font-weight:500;color:#a36209}
#ats .section_02 ul li i.num{width:83px;height:83px;position:absolute;top:0;left:15px;}
#ats .section_02 ul li i.num01{background:url('../images/etc/ats_list_A01.png');background-size:contain}
#ats .section_02 ul li i.num02{background:url('../images/etc/ats_list_A02.png');background-size:contain}
#ats .section_02 ul li i.num03{background:url('../images/etc/ats_list_A03.png');background-size:contain}
#ats .section_02 ul li i.num04{background:url('../images/etc/ats_list_A04.png');background-size:contain}
#ats .section_02 ul li i.num05{background:url('../images/etc/ats_list_A05.png');background-size:contain}
#ats .section_02 ul li i.num06{background:url('../images/etc/ats_list_A06.png');background-size:contain}

#ats .section_03{padding:40px 0 ;background:#f6f7fb;background-size:60%;background-position:bottom}

#ats .section_03 .sect03_list{margin-top:22px;}
#ats .section_03 .section_tit{font-size:25px;color:#243354; text-align:center;line-height:1;font-weight:800}

#ats .section_03 .box{width:100%;height:66px;padding:18px 17px;position:relative;}
#ats .section_03 .cont_box{margin-top:13px;height:66px;overflow:hidden;border-radius:6px;transition:.3s;cursor:pointer;}
#ats .section_03 .cont_box:first-child{margin-top:0px;}
#ats .section_03 .cont_box.active{height:160px;}
#ats .section_03 .cont_box_02.active{height:168px}
#ats .section_03 .cont_box.active .box i.semo{opacity:1;top: 56px;}
#ats .section_03 .box i.semo{transition:.3s;opacity:0;width:58px;height:10px;background:url(../images/etc/semo.png);background-size:contain;position:absolute;top: 66px;right:18px;}
#ats .section_03 .box01{background:rgba(36,51,84, .9)}
#ats .section_03 .box02{background:#384d81;}
#ats .section_03 .box03{background:#ecc603;}
#ats .section_03 .step{width:30px;height:9px;}
#ats .section_03 .box01 .step{background:url(../images/etc/step_01.png)no-repeat;background-size:contain;opacity:.7;}
#ats .section_03 .box02 .step{background:url(../images/etc/step_02.png)no-repeat;background-size:contain;opacity:.7}
#ats .section_03 .box03 .step{background:url(../images/etc/step_03.png)no-repeat;background-size:contain;opacity:.7}
#ats .section_03 .box h3{font-weight:bold;font-size:15px;color:#fff;line-height:1;margin-top:6px;}
#ats .section_03 .box span{font-size:12px;font-weight:600;line-height:1;}
#ats .section_03 .box01 span{color:#caa85c}
#ats .section_03 .box02 span{color:#f8601d}
#ats .section_03 .box03 span{color:#603913}
#ats .section_03 .box .info{position:absolute;right:0;top:0;width:100%;}
#ats .section_03 .box .info a{background:#fff;color:#121e3b;font-size:11px;width:58px;height:20px;line-height:20px;border-radius:20px;cursor:pointer;text-align:center;position:absolute;right:18px;top:30px;padding:0 1px;}
#ats .section_03 .box01 .info a{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);}
#ats .section_03 .box02 .info a{box-shadow: 0px 0px 15px 0px rgba(16, 31, 63, 0.8);}
#ats .section_03 .box03 .info a{box-shadow: 0px 0px 15px 0px rgba(179, 150, 0, 0.8);}
#ats .section_03 .box .info a i{margin-left:4px;color:#f8601d;}
#ats .section_03 .cont_box.active .info a i{transform:rotate( 180deg );}
#ats .section_03 .hover_box{width:100%;background:#fff;padding:13px 0 18px 18px;width:100%;border-radius:0 0 6px 6px;}
/*#ats .section_03 .box .info:hover .hover_box{display:block;}*/
#ats .section_03 .hover_box h4{font-size:13px;letter-spacing:-0.06em;line-height:1.3;color:#2d3253}
#ats .section_03 .hover_box h4 strong{font-size:18px;}
#ats .section_03 .hover_box ul{margin-top:12px;}
#ats .section_03 .hover_box ul li{font-size:13px;color:#74778a;font-weight:300;letter-spacing:-0.02em;}
#ats .section_03 .hover_box ul li + li{margin-top:4px;}


#ats .section_04{position:relative;}
#ats .section_04 .top{padding:40px 0 ;}
#ats .section_04 .top h4{color:#5e4f40;font-size:18px;font-weight:bold;line-height:1;margin-top:22px;margin-left:25px;}
#ats .section_04 .top ul {margin:17px 25px 0;width:100%;}
#ats .section_04 .top ul li{vertical-align:middle;color:#9c8c1a;font-size:13px;letter-spacing:-0.05em; font-weight:600;}
#ats .section_04 .top ul li + li{margin-top:8px;}
#ats .section_04 .top ul li:before{content:'';display:inline-block;width:15px;height:16px;vertical-align:text-top;margin-right:8px;}
#ats .section_04 .top ul li:nth-child(1):before{background:url('../images/etc/num_01.png')no-repeat center;background-size:contain}
#ats .section_04 .top ul li:nth-child(2):before{background:url('../images/etc/num_02.png')no-repeat center;background-size:contain}
#ats .section_04 .top ul li:nth-child(3):before{background:url('../images/etc/num_03.png')no-repeat center;background-size:contain}
#ats .section_04 .top ul li:nth-child(4):before{background:url('../images/etc/num_04.png')no-repeat center;background-size:contain}
#ats .section_04 .top ul li:nth-child(5):before{background:url('../images/etc/num_05.png')no-repeat center;background-size:contain}
#ats .section_04 .bottom{padding:20px;background:#0866b2 url('../images/etc/ats_shadow.png')top repeat-x;}
#ats .section_04 .bottom span{float:left;}
#ats .section_04 .bottom ul{float:left;color:#b7dbf8;font-size:12px;margin-left:-17px;}
#ats .section_04 .bottom ul li{line-height:1;}
#ats .section_04 .bottom ul li + li{margin-top:12px;}

#ats .section_05{background:#f8f8f8 url('../images/etc/m_ats_sect05_bg.jpg')no-repeat center;padding:40px 0;background-size:100%;}
#ats .section_05 .contain{text-align:center}
#ats .section_05 h2{font-size:23px;color:#223152;text-align:center;}
#ats .section_05 h2 span{display:block;color:#0866b2;font-weight:bold;font-size:40px;line-height:1.2}
#ats .section_05 a{margin-top:20px;transition:all .3s;font-size:22px;width:210px;height:45px;text-align:center;display:inline-block;line-height:38px;color:#2d3253;background:#ffe000;border:1px solid #2d3253;border-radius:6px;box-shadow: inset 0px -3px 0px 0px #2d3253;font-weight:bold;}
#ats .section_05 a i{margin-left:7px;}
#ats .section_05 a:hover{box-shadow: inset 0px -3px 0px 0px #171922;background:#2d3253;border:1px solid #171922;color:#fff;}

#ats .section_06{padding:40px 0;}
#ats .section_06 .bg{background:url('../images/etc/pattern_oxWhite.jpg') ;}
#ats .section_06 .section_tit{line-height:1.2}
#ats .section_06 .section_tit b{color:#121e3b;}
#ats .section_06 .sub_tit_box{margin:22px auto 30px;width:254px;height:42px;border:1px solid #ececec;text-align:center;line-height:40px;font-size:14px;color:#000;}
#ats .section_06 .port_info{border-top:1px solid #d9e6e7;padding-top:13px;padding:0 17px;position:relative;margin-top:49px;}
#ats .section_06 .port_info:before{content:'';width:26px;height:28px;position:absolute;background:url('../images/etc/ats_arrow.png');top:-28px;left:50%;transform:translate(-50%);background-size:contain;}
#ats .section_06 .port_info:after{content:'';width:58px;height:2px;background:#3a8c91;position:absolute;top:-2px;left:17px;}
#ats .section_06 img + img{margin-top:30px;}
#ats .section_06 .port_info h4{font-size:17px;font-weight:bold;color:#424f50;line-height:1;margin-top:17px; margin-bottom:8px;}

#ats .section_06 .port_info ul li{font-size:11px;color:#3a8c91;}
#ats .section_06 .port_info ul li:before{content:'';width:8px;height:8px;display:inline-block;vertical-align:middle;background:url('../images/etc/circle_icon.png');background-size:contain;margin-bottom:3px;margin-right:3px;}
/*#ATS_info .section_06 .port_info ul li + li + li{margin-top:10px;}*/
.name_card {margin-top:10px;padding:0 17px;}
.name_card ul li{background:#fff;width:100%;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.05);padding:10px 18px;}
.name_card ul li + li {margin-top:15px;}
.name_card ul li span{width:75px;height:75px;float:left;border-radius:75px;display:inline-block;overflow:hidden;}
.name_card ul li dl{padding:10px 15px;}
.name_card ul li dl dt{font-size:11px;color:#5390a7;font-weight:500;}
.name_card ul li dl dd{font-size:11px;color:#2a4e5b;margin-top:3px;}

#ats .section_07{padding:40px 0;background:url('../images/etc/pattern_doted.jpg');}
/*#ats .section_07 .contain{padding:0 8px;}*/
#ats .section_07 h2{color:#525d86}
#ats .section_07 h2 b{color:#323b56}
#ats .section_07 .img_sub{text-align:center;margin-top:22px;}
#ats .section_07 table{width:100%;border-top:1px solid #293653;margin:17px auto 0;}
#ats .section_07 th, #ats .section_07 td{font-size:12px;font-weight:400;padding-left:25px;height:42px;text-align:left;border-bottom:2px solid #e5e8f0;}
#ats .section_07 th{background:#f6f7fb;color:#222;}
#ats .section_07 td{background:#fff; color:#222;}
#ats .section_07 span{font-size:11px; color:#a3a5ac;}
#ats .section_07 ul{margin-top:22px;}
#ats .section_07 ul li{width:80%;border-radius:15px;padding:20px 20px 25px 25px;margin:0 auto;}
#ats .section_07 ul li + li{margin-top:22px;}
#ats .section_07 ul li:first-child{background:#FFF;}
#ats .section_07 ul li:last-child{background:#fff;}
#ats .section_07 ul li h3{font-size:15px;font-weight:bold;}
#ats .section_07 ul li h3:before{content:'';background:#0866b2;width:2px;height:15px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-right:4px;}
#ats .section_07 ul li p{margin-top:5px;font-size:12px;font-weight:300;letter-spacing:-0.05em;}
#ats .section_07 ul li:first-child h3{color:#333;}
#ats .section_07 ul li:first-child p{color:#666;}
#ats .section_07 ul li:last-child p{color:#666;}
#ats .section_07 ul li:last-child h3{color:#333;}
#ats .section_07 a{transition: all .3s;margin-top:20px;width:100%;height:45px;font-size:20px;text-align:center;display:inline-block;line-height:38px;color:#fff;background:#0866b2;border:1px solid #3692dc;border-radius:6px;box-shadow: inset 0px -3px 0px 0px #3692dc;font-weight:bold;}
#ats .section_07 a i{margin-left:7px;}
/*#ats .section_07 a:hover{box-shadow: inset 0px -3px 0px 0px #ffb91a;background:#fff086;border:1px solid #ffb91a;color:#2d3253;}*/
#ats .section_08{background:fff;padding:0 0 40px; }
#ats .section_08 .table{margin: 0 auto;width:100%;}
#ats .section_08 dl{vertical-align:top;}
#ats .section_08 dl + dl{margin-top:3px;}
#ats .section_08 dt{margin-top:3px;display: inline-flex;vertical-align:top;padding:8px 0 8px 7px;width:25%;text-align:left;color:rgba(0,0,0,.55);font-size:11px;letter-spacing:-0.04em;background:#f5dc09;border-radius:6px;margin-right:12px;}
#ats .section_08 dd{    display: inline-flex;vertical-align:top;padding:8px 0px;width:70%;font-size:10px;color:#111429;font-weight:300;}
#ats .section_08 .tel{margin: 0 auto;width:100%;height:25px;position:relative;margin-top:30px;}
#ats .section_08 .tel:before{content:'';width:1px;height:25px;background:rgba(45,50,83,.1);position:absolute;left:60%;top:50%;transform:translate(-50%, -50%)}
#ats .section_08 .tel div{float:left;line-height:25px;font-size:13px;color:#0f3e59;font-weight:bold;}
#ats .section_08 .tel div:first-child{text-align:left;}
#ats .section_08 .tel div:last-child{margin-left:20px;}
#ats .section_08 .tel span{displaY:inline-block;width:25px;height:25px;border-radius:25px;text-align:center;background:#ededed;margin-right:8px; vertical-align: text-bottom;}
#ats .section_08 .tel span i{vertical-align: top;color:#fff;font-size:11px;line-height:25px;}
#ats .section_08 .btn_area{margin: 0 auto;margin-top:25px;width:100%;}

#ats .section_08 .btn_area a{transition:all .3s;border-radius: 6px;display:block;width:100%;height:45px;padding:0 20px;line-height:41px;text-align:left;font-weight:bold;font-size:16px;}
#ats .section_08 .btn_area a + a{margin-top:10px;}
#ats .section_08 .btn_area a:nth-child(1){
background:#fb3c12;box-shadow:  0px 4px 0px 0px #ab2f26;
background-image:-webkit-linear-gradient( -90deg, rgba(255,110,2,0.6) 0%, rgba(179,179,179,0) 20%);
background-image:-moz-linear-gradient( -90deg, rgba(255,110,2,0.6) 0%, rgba(179,179,179,0) 20%);
background-image:-ms-linear-gradient( -90deg, rgba(255,110,2,0.6) 0%, rgba(179,179,179,0) 20%);
color:#FFF;border:1px solid #f44336;
}
#ats .section_08 .btn_area a:nth-child(2){
background:#028bfa;box-shadow:  0px 4px 0px 0px #0162af;
background-image:-webkit-linear-gradient( -90deg, rgba(93,183,255,0.6) 0%, rgba(93,183,255,0) 20%);
background-image:-moz-linear-gradient( -90deg, rgba(93,183,255,0.6) 0%, rgba(93,183,255,0) 20%);
background-image:-ms-linear-gradient( -90deg, rgba(93,183,255,0.6) 0%, rgba(93,183,255,0) 20%);
color:#FFF;border:1px solid #028bfa;
}
#ats .section_08 .btn_area a:nth-child(3), #ats .section_08 .btn_area a:nth-child(4){
background:#fff;box-shadow:  0px 4px 0px 0px #b4b4b4;
background-image:-webkit-linear-gradient( -90deg, rgba(179,179,179,0.6) 0%, rgba(179,179,179,0) 20%);
background-image:-moz-linear-gradient( -90deg, rgba(93,183,255,0.6) 0%, rgba(93,183,255,0) 20%);
background-image:-ms-linear-gradient( -90deg, rgba(93,183,255,0.6) 0%, rgba(93,183,255,0) 20%);
color:#666;border:1px solid #fff;
}

#ats .section_08 .btn_area a i{float:right;margin-top:15px;}
#ats .section_08 .img_sub{text-align:center;margin-top:30px;}
#ats .section_09{padding:40px 0;position:relative;}
#ats .section_09 .bg_2_img{margin:12px 0 25px 0; font-size:16px; text-align:center;}
#ats .section_09 .bg_2_img a{margin:10px; padding:7px 15px; line-height:2.8; border-radius:6px; background:#f6f7f9;}
#ats .section_09 ul{overflow:hidden;width:100%;margin:22px auto 0;border:1px solid #ecc603;}
#ats .section_09 ul li{width:50%;height:130px;float:left;position:relative;padding:33px 0 0 12px;font-size:14px;letter-spacing:-0.04em;line-height:1.4;color:#3d3d3d;font-weight:600;}
#ats .section_09 ul li strong{font-weight:500;color:#a36209}
#ats .section_09 ul li:nth-child(-n+2){border-bottom:1px solid #ecc603;}
#ats .section_09 ul li:nth-child(even){border-left:1px solid #ecc603;}
#ats .section_09 ul li i.num{width:45px;height:45px;position:absolute;top:0;left:0;}
#ats .section_09 ul li i.num01{background:url('../images/etc/ats_num_01.png');background-size:contain}
#ats .section_09 ul li i.num02{background:url('../images/etc/ats_num_02.png');background-size:contain}
#ats .section_09 ul li i.num03{background:url('../images/etc/ats_num_03.png');background-size:contain}
#ats .section_09 ul li i.num04{background:url('../images/etc/ats_num_04.png');background-size:contain}

@media (max-width : 340px) {
	#ats .section_02 ul li{font-size:11px}
	#ats .section_03 .hover_box ul li{font-size:11px;}
	#ats .section_04 .top ul{margin: 17px 5px 0;}
	#ats .section_05 h2 span{font-size:32px}
	.name_card ul li dl dt{font-size:10px;}
	#ats .section_08 .tel div{float:none;width:100%;padding-left:20%}
	#ats .section_08 .tel:before{display:none;}
	#ats .section_08 .tel div:first-child{padding-left:20%}
	#ats .section_08 .tel div:last-child{padding-left:20%;margin-top:15px;}
	#ats .section_08 .tel{height:inherit;}
	#ats .section_08 .btn_area a{font-size:14px;}
	#ats .section_01 div.box, #ats .section_07 a, #ats .top_visual span {font-size:18px;}
	#ats .section_01 p{font-size:16px;}
}

/***********************************/
/**************해외직구*************/
/**********************************/

.inner{width:1200px;margin:0 auto;height: inherit;}
body{background:#fff;}
strong{font-weight:bold; font-size:18px;}
.section{padding-top:70px;}
#zicgoo *{letter-spacing:-0.03em;}
.fl{float:left;}
.fr{float:right;}
.top_visual{height:390px;}
.clearfix{clear:both;}
.text_shadow{text-shadow: 15px 15px 3px rgba(0,0,0,.05);}
.hidden{position:absolute;left:-10000px;top:auto;width:1px height:1px;overflow:hidden;}
.bar_tit{position:relative;text-align:left;line-height:1;font-size:20px;font-weight:bold;padding:20px;border-bottom:1px solid #f5f4f4;text-indent:8px;}
.bar_tit:after{display: inline-block;position: absolute; left: 20px; top: 21px; width: 3px; height: 19px; background:#3ba0ff; content: '';}
h1, h2, h3, h4, h5{font-weight:400;}

.bak_img{background:url(/data/skin/mobile_2019new2/etc/images/zicgoo_M_05.jpg); height:100%;}
.but_05_5 .sect_tit{font-size:15px; padding:45px 0;}
.but_05_5 tr{padding:45px 0;}
.but_05_5 tr td{padding:4px; text-align:center;}
.but_05_5 .but_cen{ text-align:center;}

#zicgoo .sect_tit{font-size:21px;}


#zicgoo .sect_tit, #shoppingmall .sub_tit{text-align:center;}
#zicgoo .sect_tit{font-size:42px;color:#000;line-height:1.5;letter-spacing:-0.03em;}
#zicgoo .sub_tit{font-size:22px;font-weight:bold;line-height:1.5;margin-top:28px;}


/*section*/
#shoppingmall .section4{padding-top:0;position:relative;overflow: hidden;}
#shoppingmall .section4 .inner{width:100%;height: auto;}
#shoppingmall .section4 .bg{}
#shoppingmall .section4 .bg:before{z-index:-1;position:absolute;content:'';height:600px;background:#f5f8f8 url(../images/shoppingmall/shop_bg_01.png) no-repeat;background-position: 45% 68%;background-attachment:fixed;display:inline-block;width:100%;}

#shoppingmall .section4 h2{padding-top:35px; background:#f0f3f7;}

#shoppingmall .section4 .list {margin-bottom: 55px;}
#shoppingmall .section4 .list .content{border:1px solid #dce2e1;background:#fff;border-radius:3px;}
#shoppingmall .section4 .list2 .content{border:1px solid #f7cfc1;}
#shoppingmall .section4 .list3 .content{border:1px solid #f44336;}
#shoppingmall .section4 .list h2{font-style:italic;font-size:23px;text-align:center;}
#shoppingmall .section4 .list p{font-size:14px;font-weight:300;text-align:center;color:#333;margin-bottom:20px;margin-top:3px;}
#shoppingmall .section4 .list_tit{text-align: center;padding:35px 0 10px 0;margin: 0 20px}
#shoppingmall .section4 .list2 .list_tit,
#shoppingmall .section4 .list3 .list_tit{position:relative;}
#shoppingmall .section4 .list3 .list_tit .best{background:url(../images/shoppingmall/best.png)no-repeat;position:absolute;left:-20px;width:59px;height:62px;top:0;}
#shoppingmall .section4 .list_tit .shopping{border:1px solid #dce2e1;border-radius:34px;width:130px;height:34px;line-height:32px;display:inline-block;text-align:center;font-size:16px;color:#9eabbb;}
#shoppingmall .section4 .list_tit .shopping.orange{color:#fff;background:#f8601d;margin-left:8px;border:none;}

#shoppingmall .section4 .list_tit h3{font-size:30px;font-weight:bold;color:#333;margin-top:3px}
#shoppingmall .section4 .list2 .list_tit h3,
#shoppingmall .section4 .list3 .list_tit h3{color:#333;}
#shoppingmall .section4 h4{text-align:left;font-size:15px;margin-top:15px;margin-bottom:10px; color:#9eabbb; margin-left:106px;}

#shoppingmall .section4 .list ul{height:520px;}
#shoppingmall .section4 .list ul li {font-size:18px}
#shoppingmall .section4 .list ul li  + li{margin-top:10px;}

#shoppingmall .section4 .list ul li i{font-size:24px;display: inline-block;  vertical-align: bottom;margin-right:5px;margin-bottom:1px;}
#shoppingmall .section4 .list ul li i.check{color:#39b54a}
#shoppingmall .section4 .list ul li i.add{color:#f8601d}

#shoppingmall .section4 .list ul li dd{text-indent:25px;font-size:14px;color:#888;margin-top:5px;}
#shoppingmall .section4 .list ul li dd a{margin-left:30px;}

#shoppingmall .section4 .list .list_foot{position:relative;text-align:center;margin: 0 20px;border-top:1px dashed #c9cfd5;padding:22px 0;}
#shoppingmall .section4 .list .list_foot a{display:block;}

#shoppingmall .section4 .list .list_foot:hover span.apply ,
#shoppingmall .section4 .list2 .list_foot:hover span.apply ,
#shoppingmall .section4 .list3 .list_foot:hover span.apply{border-bottom:1px solid #f8601d;}
#shoppingmall .section4 .list .list_foot h3{font-size:38px;font-weight:bold;line-height:1;display:inline-block;}
#shoppingmall .section4 .list .list_foot .sub,
#shoppingmall .section4 .list2 .list_foot .sub,
#shoppingmall .section4 .list3 .list_foot .sub{display:inline-block;font-size:16px;font-weight:300;color:#3ba0ff; vertical-align: bottom;margin-left:5px;}
#shoppingmall .section4 .list .list_foot span.apply{border-bottom:1px solid #fff;margin-top:15px;padding-bottom:5px;color:#9eabbb;margin-top:15px;display:inline-block;font-size:22px;font-weight:bold;}
#shoppingmall .section4 .list .list_foot i{font-weight:300;font-style:normal;}
#shoppingmall .section4 .list2 .list_foot:after, 
#shoppingmall .section4 .list3 .list_foot:after{content:'';width:26px;height:26px;background:url(../images/shoppingmall/arrow_foot.png);position:absolute;top:-13px;left:50%;transform:translate(-50%)}

#shoppingmall .section4 .list1 ul{padding-left:85px;padding-bottom:25px;}
#shoppingmall .section4 .list2 ul{padding-left:45px;padding-bottom:25px; margin-bottom:33px;}
#shoppingmall .section4 .list3 ul{padding-left:45px;padding-bottom:25px;}
#shoppingmall .section4 .list .list_foot .far,
#shoppingmall .section4 .list2 .list_foot .far,
#shoppingmall .section4 .list3 .list_foot .far{font-size:22px;color:#f8601d;margin-right:7px;}
#shoppingmall .section4 .list .list_foot span.apply ,
#shoppingmall .section4 .list2 .list_foot span.apply ,
#shoppingmall .section4 .list3 .list_foot span.apply {color:#f8601d;border-bottom:1px solid #fff;}
#shoppingmall .section4 .list .list_foot .sale{z-index:12;position:absolute;top:-180px;left:200px;;background:#fff;width:323px;height:225px;border:1px solid #000;display:none;}
#shoppingmall .section4 .list .list_foot .sale h5{position:relative;text-align:left;line-height:1;font-size:20px;font-weight:bold;padding:20px;border-bottom:1px solid #f5f4f4;text-indent:8px;}
#shoppingmall .section4 .list .list_foot .sale h5:after{display: inline-block;position: absolute; left: 20px; top: 21px; width: 3px; height: 19px; background:#3ba0ff; content: '';}
#shoppingmall .section4 .list .list_foot .container{padding:20px;}
#shoppingmall .section4 .list .list_foot table{border:1px solid #e4e5e7;border-bottom:none;}
#shoppingmall .section4 .list .list_foot th{height:40px;width:79px;background:#f8f8f8;border-right:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7;}
#shoppingmall .section4 .list .list_foot td{text-align:left;padding-left:15px;color:#888;border-bottom:1px solid #e4e5e7;}
#shoppingmall .section4 .list .list_foot td b{color:#000;}
#shoppingmall .section4 .list .list_foot td span{color:#f44336;border:1px solid #f3dedc;margin-left:10px;width:70px;height:23px;display:inline-block;text-align:center;line-height:21px;font-size:14px;}
#shoppingmall .section4 .list .list_foot .sub:hover .sale{display:block;}