@import url(/static/css/swiper.min.css);

/*
ÆùÆ®»ç¿ë
font-family: 'Nanum Gothic', sans-serif;
         
Open Sans  = > Nanum Gothic        
300 = > 400 *
400 = > 400
600 = > 700 *
700 = > 700
800 = > 800

font-family: 'Noto Sans KR', sans-serif;
        
poppins = > Noto Sans KR        
100 = > 100
300 = > 300
400 = > 400
500 = > 500
600 = > 700 *
700 = > 700
900 = > 900     

font-family: 'Do Hyeon', sans-serif;

font-family: 'Gaegu', cursive;

font-family: 'Gamja Flower', cursive;

font-family: 'Gothic A1', sans-serif;

font-family: 'Gugi', cursive;

font-family: 'Hi Melody', cursive;

*/

ul.page_link{

}
ul.page_link > li{
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 46px;
  padding: 0;
}
ul.page_link > li > a{
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 700;
  color: #121212;
  opacity: .3;
  text-align: center;
  padding:0;  
}
ul.page_link > li > a[aria-selected=true]{
  color:#121212;
  opacity:1;
  border:solid 2px #000;
}

h1, h2, h3, h4, h5, h6{

	font-family: 'Noto Sans KR', poppins, Arial, sans-serif;
  

}



/*
bootstrap.min.css ¾È¿¡ me-1, 2, 3 pe-1, 2, 3 Çü½Ä µîÀÇ ½ºÅ¸ÀÏÀ» ml pl mr pr µîÀ¸·Î º°µµ·Î ¸¸µë.
*/
.mr-0{
  margin-right:0!important
}

.mr-1{
  margin-right:.25rem!important
}

.mr-2{
  margin-right:.5rem!important
}

.mr-3{
  margin-right:1rem!important
}

.mr-4{
  margin-right:1.5rem!important
}

.mr-5{
  margin-right:3rem!important
}

.mr-auto{
  margin-right:auto!important
}


.ml-0{
  margin-left:0!important
}

.ml-1{
  margin-left:.25rem!important
}

.ml-2{
  margin-left:.5rem!important
}

.ml-3{
  margin-left:1rem!important
}

.ml-4{
  margin-left:1.5rem!important
}

.ml-5{
  margin-left:3rem!important
}

.ml-auto{
  margin-left:auto!important
}


.pr-0{
  padding-right:0!important
}

.pr-1{
  padding-right:.25rem!important
}

.pr-2{
  padding-right:.5rem!important
}

.pr-3{
  padding-right:1rem!important
}

.pr-4{
  padding-right:1.5rem!important
}

.pr-5{
  padding-right:3rem!important
}


.pl-0{
  padding-left:0!important
}

.pl-1{
  padding-left:.25rem!important
}

.pl-2{
  padding-left:.5rem!important
}

.pl-3{
  padding-left:1rem!important
}

.pl-4{
  padding-left:1.5rem!important
}

.pl-5{
  padding-left:3rem!important
}


.text-left{
  text-align:left!important
}

.text-right{
  text-align:right!important
}







/*cellos*/


*{
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -ms-text-size-adjustbox-sizing:none;
  box-sizing:border-box
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea{
  /*font-size:100%;*/
  font-family:'Noto Sans KR','¸¼Àº °íµñ','malgun gothic','µ¸¿ò','dotum',sans-serif;
  vertical-align:baseline;
  word-wrap:break-word;
  word-break:keep-all
}
 /*word-break:break-all*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main{
  display: block
}

body{
  line-height:1.5
}

h1,h2,h3,h4,h5,h6{
  line-height:1.2
}

ol, ul{
  list-style:none
}

blockquote, q{
  quotes:none
}

blockquote:before, blockquote:after,
q:before, q:after{
  content:'';
  content:none
}

table{
  border-collapse:collapse;
  border-spacing:0
}

a{
  text-decoration:none
}

em{
  font-style:normal
}

img{
  vertical-align:top
}

button{
  padding:0
}


input[type='text'],input[type='password'],
input[type='tel'],input[type='number'],
input[type='search'],input[type='email'],
input[type='date'],textarea,select{
  -webkit-border-radius:0;
  border-radius:0;
  -webkit-appearance:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}

input[type=search]::-webkit-search-cancel-button{
  -webkit-appearance:none
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none
}

button, input[type='button'], input[type='submit'], input[type='reset']{
  cursor:pointer;
  border-radius:0;
  -webkit-border-radius:0;
  -webkit-appearance:none;
  border:0;
  vertical-align:middle;
  background:none
}



















.cello-skip-nav{
  position:relative;
  z-index:10000
}

.cello-skip-nav a{
  position:absolute;
  top:-50px;
  left:0;
  width:100%;
  padding:5px 0;
  background:#00bab3;
  text-align:center;
  color:#fff
}

.cello-skip-nav a:active, .cello-skip-nav a:focus{
  top:0;
  text-decoration:none
}


/* Web Content Accessibility TTS(Text To Speech) Code */
.hidden,legend{
  display:inline-block;
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}


.inner{
  max-width:1440px;
  
  margin:0 auto
}

.pc-br,.pc-img,.pc-show{
  display:block !important
}
  /*PC ÁٹٲÞ, À̹ÌÁö, pc¿ë*/
.mo-br,.mo-img,.mo-show{
  display:none !important
}
  /*mobile ÁٹٲÞ, À̹ÌÁö, mobile¿ë*/
.align-left{
  text-align:left
}

.align-right{
  text-align:right
}

.align-center{
  text-align:center
}

.color-green{
  color:#35927e !important
}





.main-con2 .img .sort-tag{
  display:flex;  
  justify-content:center;  
  align-items:center;  
  position:absolute;  
  right:0;
  top:0;  
  width:120px;  
  height:80px;  
  font-size:20px;  
  font-weight:700;  
  color:#fff;  
  border-radius:0px 0px 0 12px;  
  z-index:1;  
  text-align:center;  
  word-break:initial;
}

.main-con2 .img .sort-tag.whitepaper{
  background:#16c5a8
}

.main-con2 .img .sort-tag.brochure{
  background:#538fe0
}

.main-con2 .img .sort-tag.e4l{
  background:#221b5c
}








.cello-wrap.scrolled header{
  position:fixed;
  top:0
}

.cello-wrap.scrolled.down header{
  margin-top:-120px
}

.cello-wrap.scrolled.down header.open,.cello-wrap.scrolled.down header.depth2-open{
  margin-top:-158px
}


.cello-nav-list{
  position:absolute;
  left:563px;
  top:49px;
  font-size:0
}

.cello-nav-list>li{
  display:inline-block;
  margin:0 0 0 40px
}

.cello-nav-list>li:first-child{
  margin:0
}

.cello-nav-list>li>a{

  display:block;
  
  position:relative;
  
  height:56px;
  
  padding-bottom:37px;
  
  font-size:16px;
  
  font-weight:700;
  
  color:#121212;
  
  transition: color .3s;
  

}

.cello-nav-list>li>a:hover,.cello-nav-list>li>a:focus,.cello-nav-list>li.on>a{

  color:#00c5a8;
  
  text-decoration: none;
  

}

.cello-nav-list>li:hover>a:after,.cello-nav-list>li>a:focus:after{

  content:'';
  display:block;
  position:absolute;
  left:0;
  top:28px;
  width:100%;
  height:1px;
  background:#00c5a8
}

.cello-nav-list>li>ul{
  display:none;
  position:absolute;
  left:0;
  bottom:-30px;
  font-size:0
}

.cello-nav-list>li.on>a+ul{
  display:block;
  animation:top-submenu-on .3s ease-out
}

.cello-nav-list>li.off>a+ul{
  display:block;
  animation:top-submenu-off .3s ease-out
}

.cello-nav-list>li:nth-child(5)>ul{
  left:auto;
  right:0
}

.cello-nav-list>li.see-all-menu>a{
  position:relative;
  height:24px;
  padding-left:30px;
  padding-bottom:0;
  color:#ea7e00
}

.cello-nav-list>li.see-all-menu>a:hover,.cello-nav-list>li.see-all-menu>a:active.cello-nav-list>li.see-all-menu>a:focus,.cello-nav-list>li.see-all-menu>a:visited{
  color:#ea7e00
}

.cello-nav-list>li.see-all-menu>a:after{
  background:#ea7e00
}

.cello-nav-list>li.see-all-menu>a:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  background:url(/static/assets/bg_p_see_all_menu.png) no-repeat;
  background-size:100% auto
}

.cello-nav-list>li>ul>li{
  display:inline-block
}

.cello-nav-list>li>ul>li>a{
  display:block;
  height:44px;
  padding:10px 0;
  margin-left:32px;
  font-size:16px;
  color:#686d6b
}

.cello-nav-list>li>ul>li:first-child>a{
  margin-left:0
}

.cello-nav-list>li>ul>li>a:hover,.cello-nav-list>li>ul>li>a:focus,.cello-nav-list>li>ul>li.current a{
  text-shadow:0 0 .65px #00c5a8;
  color:#00c5a8
}

.cello-nav-list>li:hover>ul{
  display:unset
}


/*sub menu*/
@keyframes top-submenu-on{

  from{

    transform: translateX(2rem);
    
    opacity: 0;
    
  
  }

  to{

    transform: translateX(0);
    
    opacity: 1;
    
  
  }


}


@keyframes top-submenu-off{

  from{

    transform: translateX(0);
    
    opacity: 1;
    
  
  }

  to{

    transform: translateX(2rem);
    
    opacity: 0;
    
  
  }


}


.lnb-list{
  position:absolute;
  right:46px;
  top:51px;
  font-size:0
}
/*right:114px;
*/
.lnb-list.dev{
  right:114px;
  
}

.lnb-list>li{
  display:inline-block;
  position:relative
}

/* .lnb-list>li:last-child{
  display:none
}
 */
.lnb-list>li:after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:4px;
  width:1px;
  height:14px;
  background:#bfbfbf
}

.lnb-list>li:first-child:after{
  display:none
}

.lnb-list>li>a{
  padding:0 12px;
  font-size:14px;
  color:#686d6b
}

.lnb-list>li:first-child>a{
  padding-left:0
}


.lang-list{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:24px
}

.lang-list>.txt{
  display:block;
  position:absolute;
  left:0;
  top:49px;
  width:24px;
  height:24px;
  text-indent:-9999em
}

.lang-list>.txt:after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:24px;
  height:24px;
  background:url(/static/assets/icon_globe.png) no-repeat;
  background-size:100%
}

.lang-list>ul{
  visibility:hidden;
  position:absolute;
  right:50%;
  top:100px;
  transform:translateX(50%);
  padding:16px;
  background:#fff;
  border:1px solid #424645;
  border-radius:8px;
  text-align:center;
  opacity:0;
  transition:all .5s ease
}

.lang-list.open ul{
  visibility:visible;
  top:89px;
  opacity:1
}

.lang-list>ul>li>a{
  display:block;
  font-size:14px;
  font-weight:600;
  color:#424645;
  white-space:nowrap
}

.lang-list>ul>li>a:hover,.lang-list>ul>li>a:focus,.lang-list>ul>li.current>a{
  color:#00c5a8
}

.lang-list>ul>li+li>a{
  margin-top:12px
}

header .btn-nav{
  display:none
}

header .sns-list,header .btn-close, header .btn-link,header .btn-news-letter{
  display:none
}


footer{
  border-top:1px solid #e9e9e9
}

footer .inner{
  overflow:hidden;
  position:relative;
  height:610px;
  padding:65px 60px 40px 362px
}

.footer-logo{
  display:block;
  position:absolute;
  left:0px;
  top:67px;
  width:204px;
  height: 49px;
  /* height:32px */
}

.footer-logo>a{
  display:block;
  width:100%;
  height:100%;
  background:url(/img/daesung_logo/daesung_horizontal_fulltext_color.svg) no-repeat;
  background-size:100%
}

.footer-menu1{
  display:flex;
  font-size:0
}

.footer-menu1>li{
  position:relative;
  display:inline-block;
  width:20%;
  padding-left:31px;
  vertical-align:top
}

.footer-menu1>li:first-child{
  padding-left:0
}

.footer-menu1>li+li:after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:1px;
  height:100%;
  background:#222;
  opacity:.16
}

.footer-menu1>li>a{
  display:inline-block;
  position:relative;
  min-height:33px;
  font-size:20px;
  font-weight:600;
  color:#121212;
  text-decoration: none !important;
}

.footer-menu1>li>a:hover:after,.footer-menu1>li>a:focus:after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:#222
}

.footer-menu1>li>ul{
  padding-top:4px
}

.footer-menu1>li>ul>li{
  margin-top:5px
}

.footer-menu1>li>ul>li>a{
  display:inline-block;
  position:relative;
  min-height:27px;
  font-size:16px;
  line-height:1;
  color:rgba(85,85,85,.6);
  text-decoration: none !important;
}

.footer-menu1>li>ul>li>a:hover:after,.footer-menu1>li>ul>li>a:focus:after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:#555;
  opacity:.4
}

.footer-menu2{
  padding-top:49px;
  font-size:0
}

.footer-menu2>li{
  display:inline-block
}

.footer-menu2>li+li{
  margin-left:18px
}

.footer-menu2>li:last-child{
  vertical-align:bottom
}

.footer-menu2>li>a{
  display:block;
  font-size:16px;
  color:#121212;
  opacity:.8
}

.footer-menu2>li>a:hover,.footer-menu2>li>a:focus{
  color:#686d6b
}

.footer-menu2>li:first-child>a{
  font-weight:700
}

.address{
  padding-top:33px;
  font-size:14px;
  line-height:1;
  color:#686d6b
}

.address>span{
  display:block;
  padding-top:5px;
  
}

.address>span:first-child{
  padding-bottom:8px;
  padding-top:0;
  font-weight:700;
  color:#121212
}

.copyright{
  padding-top:5px;
  font-size:14px;
  color:#686d6b
}

.footer-sns-list{
  position:absolute;
  right:60px;
  bottom:148px;
  font-size:0
}

.footer-sns-list>li{
  display:inline-block
}

.footer-sns-list>li+li{
  margin-left:43px
}

.footer-sns-list>li>a{
  display:block;
  width:28px;
  height:22px;
  /* background:url(/static/assets/sp_p_sns.png) no-repeat; */
  background-size:100% auto
}

.footer-sns-list>li.youtube>a{
  /* background-position:0 0 */
}

.footer-sns-list>li.linked-in>a{
  /* background-position:0 -22px */
}

.footer-sns-list>li.facebook>a{
  /* background-position:0 -44px */
}

.footer-sns-list>li.blog>a{
  /* background-position:0 -66px */
}

footer .family-site{
  position:absolute;
  right:60px;
  bottom:72px;
  height:38px
}

footer .family-site:after{
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:160px;
  height:1px;
  background:rgba(34,34,34,.4)
}

footer .family-site.open:after{
  display:none
}

footer .family-site>button{
  display:block;
  width:192px;
  height:38px;
  padding:9px 16px;
  text-align:left;
  font-size:14px;
  font-weight:600;
  color:#121212
}

footer .family-site>button:hover,footer .family-site>button:focus{
  color:#686d6b
}

footer .family-site.open>button{
  position:relative;
  padding:9px 15px;
  margin:0;
  border:1px solid #e9e9e9;
  border-top:0;
  border-radius:0 0 8px 8px;
  color:#686d6b
}

footer .family-site>button:before{
  content:'';
  display:block;
  position:absolute;
  right:20px;
  top:13px;
  width:8px;
  height:8px;
  transform:rotate(135deg);
  border-top:2px solid #222;
  border-right:2px solid #222;
  
}

footer .family-site>button:hover:before,footer .family-site>button:focus:before{
  border-color:#686d6b
}

/* footer .family-site>button:after{
  content:'';
  display:block;
  position:absolute;
  right:16px;
  top:50%;
  width:10px;
  height:2px;
  transform:translateY(-50%);
  background:#222
}
 */
footer .family-site.open>button:before{
  top:18px;
  transform:rotate(-45deg)
}

/* footer .family-site.open>button:after{
  right:15px
}
 */
footer .family-site>ul{
  overflow:hidden;
  display:none;
  position:absolute;
  left:0;
  bottom:38px;
  width:100%;
  padding:16px;
  background:#f4f4f4;
  border:1px solid #e9e9e9;
  border-radius:8px 8px 0 0;
  z-index:1
}

footer .family-site.open>ul{
  display:block
}

footer .family-site>ul>li+li{
  margin-top:18px
}

footer .family-site>ul>li>a{
  display:block;
  font-size:14px;
  font-weight:600;
  color:#121212
}

footer .family-site>ul>li>a:hover,footer .family-site>ul>li>a:focus{
  color:#00c5a8
}

footer .btn-news-letter{
  display:block;
  position:absolute;
  right:359px;
  bottom:145px;
  padding:4px 15px;
  border-radius:4px;
  background:#f4f4f4;
  font-size:12px;
  text-align:center;
  color:#686d6b
}

footer .btn-news-letter:hover,footer .btn-news-letter:focus{
  background:rgba(153,153,153,.3)
}

footer .btn-go-top{
  display:block;
  position:absolute;
  right:286px;
  bottom:82px;
  height:20px;
  padding-right:18px;
  font-size:14px;
  line-height:20px;
  color:#121212
}

footer .btn-go-top:after{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:8px;
  width:8px;
  height:8px;
  transform:rotate(-45deg);
  border-top:2px solid #222;
  border-right:2px solid #222;
  
}

footer .btn-go-top:hover,footer .btn-go-top:focus{
  color:#686d6b
}

footer .btn-go-top:hover:after,
footer .btn-go-top:focus:after{
  border-color:#686d6b
}


.floating-menu-box{
  height:0
}

.floating-menu{
  position:fixed;
  right:40px;
  top:60%;
  width:60px;
  z-index:10
}

.floating-menu>li{
  position:absolute;
  right:0;
  top:0;
  width:170px;
  height:60px;
  text-align:left;
  list-style: none;
  
}

.floating-menu>li.login{
  top:80px
}

.floating-menu>li.estimate{
  top:160px
}

.floating-menu>li.ask{
  top:240px
}

.floating-menu>li>a{
  position:absolute;
  right:0;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:100%;
  box-shadow:2px 2px 6px rgba(0, 0, 0, .12);
  border-radius:50%;
  font-size:16px;
  font-weight:600;
  
}
/*transition-property:width;
transition-duration:.5s*/
.floating-menu>li.whole-p-menu>a{
  background:#fff;
  color:#121212
}

.floating-menu>li.login>a{
  background:#fff;
  color:#121212
}



.floating-menu>li>a:before{
  content:'';
  display:block;
  width:24px;
  height:24px;
  background-position:0 0;
  background-size:100% auto;
  background-repeat:no-repeat
}

.floating-menu>li.whole-p-menu>a:before{
  background-image:url(/static/assets/icon_whole_p_menu.png)
}

.floating-menu>li.login>a:before{
  background-image:url(/static/assets/icon_login.png)
}

.floating-menu>li.ask>a:before{
  width:20px;
  height:20px;
  background-image:url(/static/assets/icon_headphones.png)
}

.floating-menu>li>a>span{
  display:block;
  position:absolute;
  left:100px;
  top:50%;
  transform:translateY(-50%);
  white-space:nowrap
}

.floating-menu>li.estimate>a{
  background:#fff;
  color:#121212
}

.floating-menu>li.estimate>a:before{
  background-image:url(/static/assets/icon_estimate.html)
}

@keyframes fadein{

  from{

    opacity:0;
    
    visibility:hidden;
    
  
  }

  to{

    opacity:1;
    
    visibility:visible;
    
  
  }


}

@keyframes widthbg{

  from{

    width:60px;
    
  
  }

  to{

    width:170px
  
  }


}

/* .floating-menu>li:hover{
  width:170px
}
 */
.floating-menu>li>a:hover,
.floating-menu>li>a:focus{
  width:100%;
  padding:18px;
  border-radius:30px;
  justify-content:flex-start;
  animation:widthbg .5s
}

.floating-menu>li>a:hover>span,
.floating-menu>li>a:focus>span{
  left:54px;
  animation:fadein 1s
}


.breadcrumb{
  padding-top:60px
}

.depth2-open ~ .cello_container .breadcrumb{
  padding-top:22px
}

.breadcrumb .inner{
  max-width:1920px;
  padding-right:60px
}

.breadcrumb ul{
  height:20px;
  font-size:14px;
  color:#424645;
  font-size:0;
  text-align:right
}
/*display:flex;
align-items:center;
justify-content:flex-end;
*/
.breadcrumb ul>li{
  position:relative;
  display:inline-block;
  font-size:14px;
  
}

.breadcrumb ul>li:before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  display:inline-block;
  width:6px;
  height:6px;
  border:1px solid #8e9291;
  border-top:0;
  border-left:0;
  transform:translateY(-50%) rotate(-45deg)
}

.breadcrumb ul>li:first-child:before{
  display:none
}

.breadcrumb ul>li>a{
  padding-left:18px;
  margin-right:12px;
  color:#424645;
  line-height:20px;
  pointer-events:none;
  cursor:default;
  
}

.breadcrumb ul>li>a:focus{
  outline:none
}

.breadcrumb ul>li:first-child>a{
  padding-left:0
}

.breadcrumb ul>li.home>a{
  display:block;
  height:20px;
  line-height:20px;
  padding-left:0
}

.breadcrumb ul>li.current{
  padding-left:18px;
  font-weight:700
}

/* .breadcrumb ul>li.home>a:before{
  content:'';
  display:inline-block;
  width:14px;
  height:16px;
  margin-right:12px;
  background:url(/static/assets/icon_home.png) no-repeat;
  background-size:100% auto;
  vertical-align:middle
}
 */
/* .breadcrumb ul>li.current:before{
  margin-right:12px
}
 */

/*error page*/
.error-wrap{
  text-align:center;
  
}

.error-wrap:before{
  content:'';
  display:block;
  width:204px;
  height:154px;
  margin:0 auto 47px;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:100% auto
}

.error-wrap.error-404:before{
  background-image:url(/static/assets/img_p_error_404.png)
}

.error-wrap.error-500:before{
  background-image:url(/static/assets/img_p_error_500.png)
}

.error-wrap p{
  margin-top:25px;
  font-size:24px;
  color:#686d6b
}



/*margin*/
.mt38{
  margin-top:38px
}

.mt90{
  margin-top:90px
}

.mb16{
  margin-bottom:16px
}


/*title*/
.con-title1{
  font-size:52px;
  line-height:1.5
}

.con-title2{
  font-size:48px;
  line-height:1.4
}

.con-title3{
  font-size:40px;
  line-height:1.45
}

.con-title4{
  font-size:32px;
  line-height:1.5
}


.title-box{
  width:908px;
  margin:0 auto;
  text-align:center
}

.con-text{
  margin-top:26px;
  font-size:24px;
  color:#121212
}

.title-box .btn-tit{
  font-size:20px !important
}

.title-box .btn-tit:after{
  width:8px !important;
  height:8px !important;
  
}

.title-box .btn{
  margin-top:59px
}


/*text*/
.form-text{
  position:relative;
  margin-bottom:20px;
  font-size:16px;
  color:#121212
}

.info-text{
  margin-top:16px;
  font-size:16px;
  color:#686d6b
}

.error-text,.warning-text{
  position:relative;
  padding-left:24px;
  margin-top:12px;
  font-size:16px;
  color:#eb0b0b
}

.error-text:before,.warning-text:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:5px;
  width:16px;
  height:16px;
  background:url(/static/assets/icon_error.png) no-repeat;
  background-size:100% auto
}


/*input*/
input[type=text],input[type=number]{
  width:100%;
  height:52px;
  line-height:52px;
  padding:0 20px;
  border:1px solid #ddd;
  border-radius:4px;
  font-size:18px;
  color:#121212
}

input[type=text]::placeholder,input[type=number]::placeholder{
  font-size:18px;
  color:#8d9291
}

input[type=text]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder{
  font-size:18px;
  color:#8d9291
}

input[type=text]:focus,input[type=number]:focus{
  border-color:#56c2a9
}

input[type=text]:disabled,input[type=number]:disabled{
  border-color:#f9f9f9;
  background:#f9f9f9;
  color:#8d9291
}

input[type=text].success,input[type=number].success,textarea.success{
  border-color:#121212
}

input[type=text].error,input[type=number].error{
  border-color:#eb0b0b
}

input[type=text]:focus-visible,input[type=number]:focus-visible{
  outline:0
}

input[type=text]:focus+label,input[type=number]:focus+label{
  display:none
}

.essential{
  display:inline-block;
  width:11px
}

.essential:before{
  content:'*';
  color:#8d9291
}


.radio-box+.radio-box{
  margin-left:119px
}

input[type=radio],input[type=checkbox]{
  /*
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
  */
}

input[type=radio]+label,input[type=checkbox]+label{

  display:inline-block;
  /*position:relative;*/
  min-height:28px;
  /*padding-left:44px;*/
  font-size:18px;
  color:#424645

}

input[type=radio]+label:before,input[type=checkbox]+label:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:28px;
  height:28px;
  background:#e9e9e9;
  border-radius:50%
}

input[type=radio]+label:after{
  content:'';
  display:block;
  position:absolute;
  left:6px;
  top:6px;
  width:16px;
  height:16px;
  background:#fff;
  border-radius:50%
}

input[type=checkbox]+label:before{
  background:#fff
}

input[type=checkbox]+label:after{
  content:'';
  display:block;
  position:absolute;
  left:9px;
  top:11px;
  width:15px;
  height:11px;
  background:url(/static/assets/icon_checkbox.png) no-repeat;
  background-size:100% auto
}

input[type=radio]:focus+label:before{
  background:#daf8f2
}

input[type=radio]:focus+label:after{
  background:#00c5a8
}

input[type=checkbox]:checked+label:after{
  background:url(/static/assets/icon_checkbox_on.png) no-repeat;
  background-size:100% auto
}


textarea{
  width:100%;
  height:260px;
  padding:13px 20px;
  border:1px solid #ddd;
  border-radius:4px;
  text-align:left;
  font-size:18px;
  color:#121212;
  resize:none
}

textarea::placeholder{
  font-size:18px;
  color:#8d9291;
  font-weight:500
}

textarea:-ms-input-placeholder{
  font-size:18px;
  color:#8d9291;
  font-weight:500
}

textarea:focus{
  border-color:#00c5a8
}

textarea:focus-visible{
  outline:0
}


/*button*/
.btn-box{
  margin-top:80px;
  text-align:center;
  font-size:0
}

.btn{
  display:inline-block;
  text-align:center
}

.btn+.btn{
  margin-left:12px
}


.btnS{
  min-width:90px;
  height:42px;
  line-height:41px;
  padding:0 25px;
  border-radius:4px;
  font-size:14px;
  font-weight:700
}

.btnM{
  min-width:110px;
  height:52px;
  line-height:52px;
  padding:0 40px;
  border-radius:4px;
  font-size:16px;
  font-weight:700
}

.btnL{
  min-width:260px;
  height:72px;
  line-height:72px;
  padding:0 80px;
  border-radius:36px;
  font-size:18px;
  font-weight:600
}

.green{
  background:#00c5a8;
  color:#fff
}

.green:hover,.green:focus{
  background:#35927e
}

.green.disabled{
  background:#b1eada
}

.white{
  background:#fff;
  border:1px solid #8d9291;
  color:#121212
}

.white:hover,.white:focus{
  background:#f0f0f0;
  border-color:#f0f0f0
}

.white.disabled{
  opacity:.5
}

.orange{
  background:#ea7e00;
  color:#fff
}

.gray{
  background:rgba(153,153,153,.15);
  color:#000
}

.gray:hover,.gray:focus{
  background:rgba(153,153,153,.3)
}

.btn-box.line{
  margin-top:120px;
  padding-top:60px;
  border-top:1px solid #e9e9e9
}


/*selectbox*/
/* ¼¿·ºÆ® ¹Ú½º µðÆúÆ® */
.selectWrap select{
  display:none
}

.selectWrap{
  display:inline-block;
  position:relative;
  width:100%;
  height:52px;
  background:#fff
}

.selectWrap .ui-selectmenu-button{
  overflow:hidden;
  display:inline-block;
  position:relative;
  padding:0 20px;
  height:52px;
  width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:52px;
  border:1px solid #ddd;
  border-radius:4px;
  background:#fff;
  font-size:18px;
  color:#8d9291;
  text-align:left;
  cursor:pointer
}

.selectWrap .ui-selectmenu-button:after{
  content:'';
  display:block;
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  background:url(/static/assets/bg_select_down.png) no-repeat 50% 50%;
  background-size:15px 9px
}

.selectWrap .ui-selectmenu-button-open{
  border-color:#00c5a8;
  border-bottom:0;
  border-radius:4px 4px 0 0;
  background:#fff
}

.selectWrap .ui-selectmenu-button-open:after{
  transform:translateY(-50%) rotate(-180deg)
}

.selectWrap .ui-selectmenu-menu{
  display:none;
  position:absolute;
  left:0;
  top:43px !important;
  width:100%;
  padding:12px 8px;
  background:#fff;
  border:1px solid #00c5a8;
  border-top:0;
  border-radius:0 0 4px 4px
}

.selectWrap .ui-selectmenu-open{
  display:block;
  z-index:1
}

.selectWrap .ui-selectmenu-menu .ui-menu{
  overflow:hidden
}

.selectWrap .ui-menu-item{
  width:100%;
  height:43px;
  line-height:43px;
  background:#fff;
  border-radius:2px;
  color:#8d9291;
  font-size:18px
}

.selectWrap .ui-menu-item-wrapper{
  height:100%;
  display:block;
  padding-left:12px;
  text-align:left;
  cursor:pointer
}

.selectWrap .ui-state-active{
  width:100%;
  height:43px;
  background:#f4f4f4
}

.selectWrap.error .ui-selectmenu-button{
  border-color:#eb0b0b
}

.selectWrap a[aria-selected=true],.ui-selectmenu-button:not([aria-labelledby=ui-id-1]){
  color:#121212
}


/* ¼¿·ºÆ® ¹Ú½º µðÆúÆ® ½ºÅ©·Ñ¹Ù  */
.scrollbar-wrap{
  position:absolute;
  right:6px;
  top:0;
  width:4px;
  padding-top:10px;
  padding-bottom:10px
}

.scrollbar{
  position:relative;
  width:4px;
  height:50%;
  background:#ccc
}


/*popup*/
.popup-wrap{
  display:none;
  justify-content:center;
  align-items:center;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.7);
  z-index:20
}

.popup-wrap.open{
  display:flex
}

.popup{
  position:relative;
  max-width:1436px;
  min-width:1436px;
  padding:60px 60px 40px;
  background:#fff
}

.popup-title{
  display:block;
  padding-bottom:33px;
  font-size:28px;
  color:#121212
}

button.btn-popup-close{
  display:block;
  position:absolute;
  right:48px;
  top:60px;
  width:44px;
  height:44px;
  background:url(/static/assets/btn_pop_close.png) no-repeat 50% 50%;
  background-size:21px auto
}

.popup-video{
  position:relative;
  max-width:1200px;
  min-width:1200px;
  height:675px
}

.popup-video button.btn-popup-close{
  width:60px;
  height:60px;
  right:0;
  top:-60px;
  background:#121212 url(/static/assets/btn_p_video_pop_close.png) no-repeat 50% 50%;
  background-size:24px auto
}


.general-popup-wrap{
  display:none;
  position:fixed;
  top:120px;
  left:242px;
  z-index:20
}

.popup-img img{
  width:100%
}

.popup-img .btm-wrap{
  position:relative;
  background:#424645;
  padding:10px
}

.popup-img .check-box input[type=checkbox]+label{
  font-size:16px;
  color:#fff;
  min-height:24px;
  padding-left:34px
}

.popup-img .check-box input[type=checkbox]+label:before{
  width:24px;
  height:24px;
  background:#dbdbdb
}

.popup-img .check-box input[type=checkbox]+label:after{
  width:14px;
  height:10px;
  background:url(/static/assets/icon_checkbox_l.png) no-repeat;
  background-size:100% auto;
  top:8px;
  left:5px;
  
}

.popup-img .check-box input[type=checkbox]:checked+label:after{
  background-image:url(/static/assets/icon_checkbox_on.png)
}

.popup-img button.btn-managepop-close{
  display:block;
  position:absolute;
  width:24px;
  height:24px;
  top:auto;
  bottom:10px;
  right:10px;
  background:url(/static/assets/btn_p_video_pop_close.png) no-repeat 50% 50%;
  
}


.popup.collect-cookies .popup-con{
  font-size:18px;
  color:#424645;
  
}

.popup.collect-cookies .popup-con p.color-green{
  font-size:20px;
  font-weight:700;
  margin-top:24px
}

.popup.collect-cookies .btn.gray{
  color:#424645
}

.popup.collect-cookies .popup-foot{
  margin-top:287px;
  
}

.popup.collect-cookies .popup-foot a.btn.gray{
  float:right
}

.popup.collect-cookies .popup-con dl dt{
  font-weight:700;
  margin-top:32px
}

.popup.collect-cookies .popup-con dl dt:first-child{
  margin-top:0
}

.popup.collect-cookies.desc .popup-foot{
  margin-top:303px;
  
}

.popup.collect-cookies.success .popup-foot{
  margin-top:436px;
  
}

.popup.privacy-cookies{
  padding-bottom:60px
}



/*video*/
.embed-con{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  max-width:100%;
  background-color:#121212
}

.embed-con iframe, .embed-con object, .embed-con embed, .embed-con video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}


/*contents*/
.cello_container{
  padding-top:120px
}

.depth2-open ~ .cello_container{
  padding-top:158px
}

.contents{
  overflow:hidden;
  padding:80px 0 180px
}

.category-text{
  display:block;
  margin-bottom:5px;
  font-size:24px;
  line-height:1;
  font-weight:700;
  color:#00c5a8
}

.category-text b{
  position:relative;
  font-size:20px;
  font-weight:500;
  padding-left:24px
}

.category-text b:before{
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:12px;
  margin-top:-8px;
  width:1px;
  height:16px;
  background:#56c1a8
}

.info-con1{
  height:337px;
  margin-top:141px;
  background:#f4f4f4
}

.info-con1 .inner{
  max-width:1220px;
  height:337px;
  display:flex;
  align-items:center;
  font-size:18px;
  flex-shrink:0;
  color:#424645;
  text-align:left
}

.info-con1 img{
  position:relative;
  top:-63px;
  width:260px;
  box-shadow:12px 12px 20px 0 rgba(0, 0, 0, .24);
  flex:0 0 auto
}

.info-con1 .text{
  width:calc(100% - 320px);
  padding-left:60px;
  flex:0 1 auto
}

.info-con1 .text .author{
  padding-top:30px;
  font-size:14px;
  color:#424645
}

.info-con1 .text .author strong{
  position:relative;
  padding-right:16px;
  margin-right:16px
}

.info-con1 .text .author strong:after{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:5px;
  width:1px;
  height:12px;
  background:#424645
}

.form-box{
  width:900px;
  padding-top:80px;
  margin:0 auto
}

.form-box ~ .btn-box.line{
  width:900px;
  margin-left:auto;
  margin-right:auto
}

.form-con{
  position:relative
}

.form-con+.form-con{
  margin-top:20px
}

.form-con-info{
  position:relative;
  height:24px;
  margin-top:6px
}

.form-con-info .error-text{
  margin-top:0
}

.form-con-info .text-count{
  display:block;
  position:absolute;
  right:0;
  top:0;
  font-size:14px;
  color:#8d9291
}

.form-con-info .text-count.error{
  color:#eb0b0b
}

.form-box textarea.error{
  border-color:#eb0b0b
}

.form-title{
  display:block;
  margin-top:60px;
  font-size:18px;
  font-weight:600;
  color:#424645
}

.form-title+.form-con{
  margin-top:29px
}

.terms-con{
  margin-top:33px
}

.terms-con>.check-box input[type=checkbox]+label{
  padding-left:40px;
  font-size:18px;
  
}

.terms-con>.check-box input[type=checkbox]+label:before{
  width:28px;
  height:28px;
  background:#dbdbdb
}

.terms-con>.check-box input[type=checkbox]+label:after{
  left:9px;
  top:11px;
  width:12px;
  height:8px;
  background:url(/static/assets/icon_checkbox_l.png) no-repeat;
  background-size:100% auto
}

.terms-con>.check-box input[type=checkbox]:checked+label:before{
  background:#00c5a8
}

.terms-list{
  padding:24px 16px;
  margin-top:21px;
  border:1px solid #ddd;
  border-radius:6px
}

.terms-list>ul>li+li{
  margin-top:20px
}

.terms-list label>a{
  color:#35927e;
  border-bottom:1px solid #35927e
}

.terms-list .warning-text{
  margin-bottom:18px;
  margin-top:0;
  margin-left:14px
}

.terms-con input[type=checkbox]+label{
  cursor:pointer
}



.form-end .inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:100px 0 120px;
  background:#f9f9f9;
  border-radius:12px
}

.form-end .inner>*{
  width:100%;
  text-align:center
}

.form-end .inner>strong{
  display:block;
  padding-top:179px;
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:288px auto;
  font-size:48px;
  color:#121212
}

.form-end.contact .inner>strong{
  background-image:url(/static/assets/bg_form_contact.png)
}

.form-end.news-letter .inner>strong{
  background-image:url(/static/assets/bg_form_news.png)
}

.form-end .inner>p{
  padding-top:25px;
  font-size:24px;
  color:#686d6b
}


.detail-con .inner{
  max-width:908px
}

.detail-con .date{
  margin-top:25px;
  text-align:center;
  font-size:18px;
  line-height:16px;
  color:#424645
}

.detail-con .date>em{
  display:inline-block;
  height:16px;
  padding-right:12px;
  margin-right:12px;
  border-right:1px solid #8d9291;
  vertical-align:middle
}

.detail-con .date>span{
  display:inline-block;
  vertical-align:middle
}

.detail-box{
  margin-top:80px
}

.detail-box .img{
  margin:50px 0 40px;
  text-align:center
}

.detail-box .img2{
  margin-top:80px
}

.detail-box .img img{
  width:100%
}

.detail-box .img.img-top{
  margin-bottom:0
}

.detail-box .img.img-cont{
  margin-top:20px
}

.detail-box .text{
  margin-top:60px;
  font-size:18px;
  line-height:1.8;
  color:#121212
}

.detail-box .imgTit {
  display:block;
  padding-bottom:20px;
  font-size:18px;
  color:#121212;
  text-align:center;
  
}

.detail-box .img+.text{
  margin-top:0
}

.detail-box .video{
  position:relative;
  margin:0 -146px
}

.detail-box .video img{
  width:100%
}

.detail-box .img .im_info{
  display:block;
  margin-top:20px;
  font-size:14px
}

.detail-box .img .im_infoTip {
  display:block;
  margin-top:12px;
  font-size:16px;
  color:#424645;
  text-align:right;
  font-weight:500
}

.detail-box .img .im_title{
  display:block;
  margin-bottom:20px;
  font-size:18px;
  font-weight:700
}

.detail-box .title{
  display:block;
  padding-top:80px;
  padding-bottom:21px;
  font-size:24px;
  color:#121212
}

/* .detail-box .img+.text>.title{
  padding-top:30px
}
 */
.detail-box .link{
  color:#35927e;
  text-decoration:underline
}

.detail-box sup{
  vertical-align:super;
  font-size:12px
}

.detail-box .list-text{
  padding-left:30px
}

.detail-box .author{
  display:table;
  width:100%;
  margin-top:78px;
  padding:12px 5.5%;
  color:#fff;
  background:#538fe0;
  border-radius:6px
}

.detail-box .author .photo{
  display:table-cell;
  width:127px;
  vertical-align:top
}

.detail-box .author img{
  width:127px;
  height:127px;
  padding:9px;
  background:url(/static/assets/bg_author.png) no-repeat 50% 50%/contain;
  border-radius:50%;
  overflow:hidden
}

.detail-box .author.type-02 img{
  background-image:url(/static/assets/bg_author-green.png)
}

.detail-box .author figcaption{
  display:table-cell;
  padding-left:3.965%;
  vertical-align:middle
}

.detail-box .author .name{
  display:block;
  margin-bottom:4px;
  font-weight:700;
  font-size:24px;
  
}

.detail-box .author .info{
  display:block;
  font-size:18px;
  
}

/* .detail-box .author2{
  position:relative;
  min-height:396px;
  padding-bottom:39px;
  margin-top:120px;
  background:#001d2f
}

.detail-box .author2 .photo{
  display:block;
  position:absolute;
  left:0;
  top:0;
  height:396px
}

.detail-box .author2 .photo img{
  width:100%
}

.detail-box .author2 figcaption{
  position:relative;
  padding:206px 0 0 461px;
  color:#fff;
  z-index:1
}

.detail-box .author2 .info{
  font-size:15px;
  line-height:20px
}

.detail-box .author2 ul{
  padding-top:6px;
  font-size:10px
}

.detail-box .author-img{
  padding-top:120px
}
 */
.detail-box .author2{
  margin-top:120px;
  
}

.detail-box .photo img{
  width:100%
}

.detail-box .author2 figcaption{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}

.detail-box .author-img{
  padding-top:120px
}

.detail-box .author-img img{
  width:100%
}

/* .detail-box .icon1{
  padding-top:10px
}
 */
/* .detail-box .icon2{
  display:inline-block;
  padding-top:40px;
  vertical-align:bottom
}

.detail-box .icon3{
  display:inline-block;
  vertical-align:bottom
}
 */
.detail-box .info-list>li{
  position:relative;
  padding-left:35px;
  margin-top:25px;
  font-size:20px;
  font-weight:700;
  color:#222
}

.detail-box .info-list>li>span{
  display:block;
  position:absolute;
  left:0;
  top:0;
  color:#35927e
}

.detail-box .info-list>li>p{
  margin-top:7px;
  font-size:18px;
  font-weight:500;
  color:#424645
}

.detail-box dl dd.img{
  margin:40px 0
}

.detail-box dl dd em.color-green2{
  font-weight:600
}

.detail-box .text blockquote{
  text-align:center
}

.detail-box .text blockquote.case{
  text-align:left
}

.detail-box .text blockquote + blockquote{
  margin-top:40px
}

.detail-box .text blockquote > p{
  color:#121212;
  font-weight:600;
  font-size:22px;
  line-height:1.73;
  letter-spacing:-.44px
}

.detail-box .text blockquote > p:before, .detail-box .text blockquote > p:after{
  content:'"';
  display:inline-block;
  padding:0 4px;
  color:#8d9291
}

.detail-box .text blockquote > small{
  display:block;
  padding:10px 0;
  color:#8d9291;
  font-weight:500;
  font-size:16px;
  line-height:2.38;
  letter-spacing:-.32px
}

.detail-box .text blockquote.case > small {
  color:#424645;
  line-height:1.63;
  
}

.detail-con .table-box.blog{
  margin-top:0;
  border:0
}

.detail-con .table-box.blog th{
  padding:18px;
  font-weight:500;
  font-size:14px;
  
}

.detail-con .table-box.blog th[rowspan]{
  vertical-align:middle
}

.detail-con .table-box.blog thead th[colspan]{
  border:solid #fff;
  border-width:1px 0 0 1px
}

.detail-con .table-box.blog tbody th{
  font-size:14px;
  padding:7px 20px 8px
}

.detail-con .table-box.blog td{
  padding:7px 20px 8px;
  font-weight:600;
  font-size:12px;
  text-align:center
}

.detail-con .table-box.blog tr td:last-child{
  font-size:12px
}


/*¹°·ù¿ë¾îÁý*/
.color-green2{
  color:#00c5a8
}

.distribution-voca{
  padding-top:20px
}

.distribution-voca .bulType li {
  position:relative;
  padding-left:10px;
  
}

.distribution-voca .bulType li:before {
  content:'-';
  display:inline-block;
  position:absolute;
  left:0;
  top:0;
  
}

.distribution-voca .bulType02 li {
  position:relative;
  padding-left:10px;
  
}

.distribution-voca .bulType02 li:before {
  content:'';
  display:inline-block;
  position:absolute;
  left:0;
  top:15px;
  width:3px;
  height:3px;
  background:#121212;
  border-radius:50%;
  
}

.distribution-voca>li{
  padding-left:26px
}

.distribution-voca>li .pc-img, 
.distribution-voca>li .mo-img {
  margin-left:-26px;
  
}

.distribution-voca>li+li{
  padding-top:80px
}

.distribution-voca>li>ol{
  margin-left:-26px
}

.distribution-voca>li>ol>li{
  font-size:24px;
  font-weight:700;
  
}

.distribution-voca>li>ol>li+li{
  padding-top:60px
}

.distribution-voca>li>ol>li .text{
  margin:20px 0 0;
  font-size:18px;
  font-weight:500
}

.distribution-voca>li>ol>li .text ul {
  clear:both;
  margin:12px 0 0 16px;
  
}

.distribution-voca>li>ol>li .text .case {
  overflow:hidden;
  
}

.distribution-voca>li>ol>li .text .case em{
  float:left;
  
}

.distribution-voca>li>ol>li .text ul>li>ul {
  margin-top:8px;
  
}

.distribution-voca>li>ol>li .text ul>li>ul>li + li {
  margin-top:10px;
  
}

.distribution-voca>li>ol>li .text ul>li>ul>li p {
  margin-left:-10px;
  
}

.distribution-voca>li>ol>li .text+ul{
  margin-top:0
}

.distribution-voca>li>ol>li>ul{
  margin-top:20px;
  font-size:18px;
  font-weight:500;
  line-height:32px
}

.distribution-voca>li>ol>li>ul>li{
  position:relative;
  padding-left:10px;
  
}

.distribution-voca>li>ol>li>ul>li .color-green2{
  text-indent:-10px;
  margin-left:10px;
  font-size:14px;
  font-weight:600
}

.distribution-voca>li>ol>li>ul>li+li{
  margin-top:12px
}

.distribution-voca>li>ol>li>ul>li:before{
  content:'-';
  display:inline-block;
  position:absolute;
  left:0;
  top:0;
  
}

.distribution-voca .invoice-list{
  padding-top:40px
}

.distribution-voca .invoice-list>strong{
  display:block;
  padding:60px 0 20px;
  font-size:18px;
  text-align:center
}

.distribution-voca .invoice-list>strong:first-child{
  padding-top:0
}

.distribution-voca .invoice-list .img{
  margin:0
}

.distribution-voca .invoice-list ul>li{
  position:relative;
  width:500px;
  padding-left:10px;
  margin:0 auto;
  font-size:14px;
  font-weight:500;
  text-align:left
}

.distribution-voca .invoice-list ul>li:before{
  content:'-';
  display:inline-block;
  position:absolute;
  left:0;
  top:0
}

.distribution-voca .invoice-list .important{
  padding-bottom:20px;
  text-align:center;
  font-size:14px;
  color:#da5359;
  font-weight:600
}

.distribution-voca .text-indent{
  padding-left:114px
}

.distribution-voca span.color-green2{
  display:inline-block;
  padding-left:16px;
  font-size:14px;
  font-weight:500;
  vertical-align:middle;
  
}

.vertical-middle{
  display:inline-block;
  vertical-align:middle;
  
}

.detail-box .img+.distribution-voca .text{
  margin-top:0
}

.detail-box .title .uline{
  text-decoration:underline
}

.detail-box .box-tit{
  display:inline-block;
  height:40px;
  margin-bottom:10px;
  padding:1px 16px 2px;
  font-weight:700;
  font-size:24px;
  line-height:40px;
  background:#00c5a8
}

.detail-box .box-tit span:first-child{
  display:inline-block;
  height:40px;
  padding-right:8px;
  vertical-align:top;
  font-size:24px;
  font-weight:700;
  color:#121212
}

.detail-box .box-tit span{
  display:inline-block;
  height:40px;
  color:#fff;
  font-weight:500;
  font-size:18px;
  vertical-align:top
}

.detail-box dd{
  text-indent:-10px;
  margin-left:10px;
  font-size:18px
}

.detail-box dd + dt.box-tit{
  margin-top:38px
}

.detail-box dd span.color-green2{
  text-indent:-10px;
  margin-left:10px;
  padding-left:0;
  font-size:14px
}

.detail-box .img-tit{
  display:block;
  padding-bottom:12px
}

.distribution-voca .title{
  padding-top:0
}


.content-sns{
  margin-top:60px;
  font-size:0;
  text-align:center
}

.content-sns>li{
  display:inline-block;
  width:48px;
  height:48px;
  margin:0 8px
}

.content-sns>li>a{
  display:block;
  position:relative;
  height:100%;
  background:#f4f4f4;
  border-radius:50%
}

.content-sns>li>a:after{
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:20px;
  height:18px;
  background-image:url(/static/assets/sp_p_sns2.png);
  background-size:100% auto;
  background-repeat:no-repeat
}

.content-sns>li.kakao>a:after{
  background-position:0 0
}

.content-sns>li.facebook>a:after{
  background-position:0 -18px
}

.content-sns>li.linked-in>a:after{
  background-position:0 -36px
}

.content-sns>li.twitter>a:after{
  background-position:0 -54px
}

.content-sns>li.url-copy>a:after{
  background-position:0 -72px
}

.detail-con .table-box{
  margin-top:40px;
  border:1px solid #686d6b
}

.detail-con .table-box thead th{
  border-left:1px solid #fff;
  font-size:20px;
  font-weight:700;
  color:#222
}

.detail-con .table-box tr th:first-child,
.detail-con .table-box tr td:first-child{
  border-left:0
}

.detail-con .table-box td{
  border-left:1px solid #e9e9e9;
  font-size:18px;
  color:#424645
}

.detail-con .table-box td a{
  margin-top:12px
}

.detail-con .table-box tr td:last-child{
  font-size:16px
}

.detail-con .table-title{
  display:block;
  font-size:40px;
  color:#121212;
  text-align:center
}

.detail-con .table-title2{
  display:block;
  padding:80px 0 20px;
  font-size:18px;
  color:#121212;
  text-align:center
}

.detail-con .table-info{
  margin-top:20px;
  font-size:14px;
  text-align:right
}

.detail-con .img.max-880{
  max-width:800px;
  margin:50px auto 40px
}


.sort-search-cp{
  position:relative;
  min-height:60px
}

.sort-search-cp .search-area{
  position:absolute;
  top:0;
  right:0
}

.sort-wrap{
  margin-right:380px
}

.sort-wrap>button{
  display:none
}

.sort-list{
  display:flex;
  width:100%
}

.sort-list li{
  margin-right:41px
}

.sort-list li a{
  display:block;
  position:relative;
  padding:15px 0 16px;
  font-size:20px;
  font-weight:600;
  color:#222
}

.sort-list li a[aria-selected="true"], .sort-list li a:hover, .sort-list li a:focus{
  color:#56c1a8;
  font-weight:700
}

.sort-list li a[aria-selected="true"]:before, .sort-list li a:hover:before, .sort-list li a:focus:before{
  content:'';
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  background:#56c1a8
}

.sort-content{
  margin-top:60px
}

/* .sort-content .btn-box{
  margin-top:80px
}
 */
.btn-box .more{
  position:relative
}

.btn-box .more:before{
  content:'+';
  display:inline-block;
  padding-right:3px
}

.sort-content .no-list{
  padding:260px 0 120px;
  font-size:24px;
  color:#686d6b;
  text-align:center
}


.toggle-area{
  text-align:left
}

.toggle-area button{
  position:relative;
  width:100%;
  text-align:left
}

.toggle-area button:after{
  content:'';
  display:block;
  position:absolute;
  top:50%;
  right:0;
  width:15px;
  height:15px;
  border:2px solid #121212;
  border-top:0;
  border-right:0;
  transform:rotate(-45deg)
}

.toggle-area button[aria-expanded="false"] + .toggle-con{
  display:none
}

.toggle-area button[aria-expanded="true"] + .toggle-con{
  display:block
}

.toggle-area button[aria-expanded="true"]:after{
  transform:rotate(-225deg)
}


/*FAQ*/
.faq-wrap{
  margin-top:80px;
  padding:0 60px
}

.faq-list{
  margin-top:60px;
  border-top:1px solid #e9e9e9;
  
}

.faq-list li button{
  display:block;
  padding:32px 48px 32px 0;
  border-bottom:1px solid #e9e9e9;
  font-size:0
}

.faq-list li .division{
  display:block;
  font-size:18px;
  color:#686d6b;
  font-weight:600
}

.faq-list li .tit{
  display:block;
  font-size:24px;
  margin-top:10px;
  color:#121212;
  font-weight:700
}

.faq-list li>button:hover .tit,.faq-list li>button:focus .tit,
.faq-list li>button[aria-selected=true] .tit{
  color:#35927e;
  text-decoration:underline;
  
}

.faq-list li .toggle-con{
  padding:60px;
  background:#f8f8f8;
  font-size:18px;
  color:#424645
}

.faq-list li .toggle-con .link{
  color:#35927e;
  text-decoration:underline
}


/*video*/
.video-wrap {
  margin-top:80px;
  padding:0 60px
}

.video-list{
  display:flex;
  flex-wrap:wrap;
  margin:-120px -20px 0
}

.video-list li{
  width:50%;
  padding:0 20px;
  margin-top:120px;
  flex:0 1 auto
}
/*flex:0 50%;
*/
/* :-ms-fullscreen, :root .video-list li{
  flex:0 47%;
  margin:120px auto 0
}
 */
.video-list li>div{
  display:block;
  position:relative;
  width:100%;
  height:100%
}

.video-list li>div .img{
  overflow:hidden;
  display:block;
  position:relative;
  height:346px;
  border-radius:12px;
  
}

.video-list li>div .img:before {
  content:'';
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:rgba(0, 0, 0, 0.5);
  z-index:2
}

.video-list li>div .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  z-index:1
}

.video-list li>div .img:hover img,
.video-list li>div .img:focus img{
  transform:translate(-50%,-50%) scale(1.1);
  transition:all .3s ease
}

.video-list li>div .tit{
  display:block;
  width:100%;
  margin-top:32px;
  font-size:24px;
  color:#121212;
  font-weight:700;
  
}

.video-list li>div .tit>span{
  overflow:hidden;
  display:block;
  display:-webkit-box;
  max-height:75px;
  text-overflow:ellipsis;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}

.video-list li>div .category-text{
  margin-bottom:12px
}

.video-list li>div .text{
  overflow:hidden;
  margin-top:9px;
  height:96px;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  font-size:18px;
  color:#424645;
  line-height:32px
}

.video-list .btn-play{
  z-index:3
}

.video-list li>div a:hover .tit>span{
  color:#35927e;
  text-decoration:underline;
  
}


/*ºí·Î±×*/
.blog-wrap{
  margin-top:80px;
  padding:0 60px
}

.blog-list{
  display:flex;
  flex-wrap:wrap;
  margin:-36px -18px 0
}

.blog-list li{
  width:50%;
  height:320px;
  padding:0 18px;
  margin-top:36px;
  
}

.blog-list a{
  position:relative;
  display:block;
  height:100%;
  padding:48px 60px;
  background:#f8f8f8;
  border-radius:12px
}

.blog-list a:hover,.blog-list a:focus{
  background:#efefef
}

.blog-list a .tit{
  display:block;
  color:#121212;
  font-weight:700;
  font-size:28px
}

.blog-list a .tit span{
  overflow:hidden;
  display:block;
  display:-webkit-box;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  height:84px;
  line-height:42px
}

.blog-list a:hover .tit>span,
.blog-list a:focus .tit>span{
  color:#35927e;
  text-decoration:underline;
  
}

.blog-list a .text{
  display:block;
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  height:64px;
  line-height:31px;
  padding-top:8px;
  font-size:18px;
  color:#424645
}

.blog-list a .category-text{
  margin-bottom:12px
}

.blog-list a .date{
  display:block;
  position:absolute;
  left:60px;
  bottom:48px;
  color:#8d9291
}


/*À̺¥Æ®*/
.event-wrap{
  margin-top:82px;
  padding:0 60px
}

.event-top{
  height:400px
}

.event-top:before{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:200px;
  width:calc((100% - 1320px)/2);
  height:800px;
  background:#fff;
  z-index:2
}

.event-top .swiper-container{
  overflow:visible;
  width:1320px;
  height:100%
}

.event-top .swiper-button-box{
  justify-content:flex-start;
  left:0;
  transform:none;
  top:auto;
  bottom:0;
  width:1320px;
  padding-left:900px
}

.topevent-con{
  display:flex;
  align-items:flex-start;
  width:100%
}

.topevent-con > *{
  flex:0 1 auto
}
/*flex:0 50%*//*width:50%;
*/
.topevent-con .img{
  position:relative;
  display:block;
  overflow:hidden;
  width:840px;
  height:400px;
  border-radius:12px
}

.topevent-con:hover .img,
.topevent-con:focus .img,
.event-list li a:hover .img,
.event-list li a:focus .img,
.mi-list>li>a:hover .img,
.mi-list>li>a:focus .img,
.report-list a:hover .img,
.report-list a:focus .img,
.video-list>li .img:hover,
.video-list>li .img:focus{
  box-shadow:12px 12px 30px 0 rgba(0, 0, 0, .16);
  transition:box-shadow .3s ease
}

.topevent-con .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%
}

.topevent-con:hover .img img,
.topevent-con:focus .img img{
  transform:translate(-50%,-50%) scale(1.1);
  transition:all .3s ease
}

.topevent-con .con{
  width:calc(100% - 840px);
  padding-left:60px;
  color:#121212
}

.topevent-con .con h2{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  max-height:110px;
  font-size:32px
}

.topevent-con:hover .con h2 span,.topevent-con:focus .con h2 span{
  color:#35927e;
  text-decoration:underline
}

.topevent-con .con h2 .category-text{
  padding-bottom:12px;
  font-size:18px
}

.topevent-con .con .text{
  overflow:hidden;
  padding-top:16px;
  max-height:120px;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  font-size:18px;
  font-weight:500
}

.topevent-con .con .date{
  display:block;
  padding-top:23px;
  font-size:18px;
  font-weight:700
}


.event-list-con{
  margin-top:135px
}

.event-list{
  display:flex;
  flex-wrap:wrap;
  margin:0 -20px -120px
}

.event-list li{
  width:50%;
  padding:0 20px;
  margin-bottom:120px;
  flex:0 1 auto
}

/* :-ms-fullscreen, :root .event-list li{
  flex:0 47%;
  margin:0 auto 120px
}
 */
.event-list li a{
  display:block;
  position:relative;
  width:100%;
  height:100%
}

.event-list li a .img{
  overflow:hidden;
  display:block;
  position:relative;
  width:100%;
  height:346px;
  border-radius:12px
}

.event-list li a .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  
}

.event-list li a:hover .img img,
.event-list li a:focus .img img{
  transform:translate(-50%,-50%) scale(1.1);
  transition:all .3s ease
}

.event-list li a .tit{
  overflow:hidden;
  display:block;
  width:100%;
  max-height:60px;
  margin-top:32px;
  font-size:24px;
  color:#121212;
  font-weight:700;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

.event-list li a:hover .tit>span,.event-list li a:focus .tit>span{
  color:#35927e;
  text-decoration:underline;
  
}

.event-list li a .text{
  overflow:hidden;
  margin-top:9px;
  height:58px;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-size:18px;
  color:#424645
}

.event-list li a .date{
  display:block;
  margin-top:20px;
  font-size:18px;
  color:#424645;
  font-weight:700
}

.event-list li .progress{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  right:0;
  top:0;
  width:120px;
  height:120px;
  border-radius:0 8px 0 8px;
  font-size:20px;
  font-weight:700;
  color:#fff;
  z-index:1
}

.event-list li .progress.ing{
  background:#16c5a8
}

.event-list li .progress.end{
  background:#424645
}

.btn-tit{
  position:relative;
  display:inline-block;
  margin-top:33px;
  padding-right:17px;
  font-size:16px !important;
  color:#ea7e00;
  font-weight:700
}
/*background:url(/static/assets/icon_link02.png) no-repeat right 50%;
*/
.btn-tit:after{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:50%;
  width:6px !important;
  height:6px !important;
  border:2px solid #ea7e00;
  border-top:0;
  border-right:0;
  transform:translateY(-50%) rotate(-135deg)
}

a:hover .btn-tit, a:focus .btn-tit,a.btn-tit:hover,a.btn-tit:focus{
  text-decoration:underline
}

a.disabled .btn-tit{
  opacity:.5
}


/*¹é¼­*/
.white-paper-top{
  text-align:center
}


/*ÀÌ¿ë¾à°ü*/
.term-box{
  overflow-y:auto;
  max-height:463px;
  padding:24px 44px 24px 24px;
  border:1px solid #e9e9e9;
  font-size:18px;
  color:#424645
}

.term-box>ol>li+li,.term-box>ol>li>ol>li+li{
  padding-top:32px
}

.term-box>ol>li>p{
  padding-bottom:32px
}

.term-box a{
  color:#35927e;
  text-decoration:underline
}

.term-text{
  padding-top:32px
}

.term-box .summary strong,
.term-box .termsCon .division{
  display:block;
  padding-top:32px;
  
}

.term-box .termsCon h2{
  margin-top:0;
  padding-top:32px;
  font-size:18px;
  border-top:0;
  color:#424645;
  font-weight:500
}

.term-box .termsCon h2+p{
  padding-top:20px
}

.term-box .division + h2{
  border-top:0;
  margin-top:0;
  padding-top:40px
}

.term-box .termsCon ol:last-child>li:last-child{
  padding-bottom:0
}


/*¸ÞÀÎ*/
main.cello_container{
  padding-top:260px
}

.cello-banner-top{
  position:relative;
  height:50px
}

.cello-banner-top>a{
  display:block;
  max-width:1440px;
  height:100%;
  margin:0 auto
}

.cello-banner-top img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  max-width:100%
}

.cello-banner-top ~ header{
  top:50px
}

.cello-banner-top.close{
  display:none
}

.cello-banner-top.close ~ header{
  top:0
}

.btn-banner-close{
  display:block;
  position:absolute;
  right:55px;
  top:50%;
  transform:translateY(-50%);
  width:50px;
  height:50px
}

.btn-banner-close:before{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  width:20px;
  height:2px;
  background:#fff
}

.btn-banner-close:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  width:2px;
  height:20px;
  background:#fff
}

/* .cello-banner-top img{
  width:100%
}
 */
.main-con1{
  height:600px;
  margin-top:365px;
  background:#daf8f2
}

.main-con1 .main-video{

  overflow:hidden;
  position:relative;
  top:-279px;
  width:1320px;
  
  background:#39CEB6;
  
  box-shadow:20px 20px 40px 0 rgba(0,0,0,.16);
  border-radius:8px;
  margin:0 auto

}

.main-con1 .main-video video{
  overflow:hidden;
  width:100%;
  vertical-align:top
}

.main-con1 img{
  width:100%
}


.main-con2{
  padding:240px 0;
  overflow:hidden
}

.main-con2 .inner{
  position:relative
}

.main-con2 .inner>.con-title2{
  position:absolute;
  left:0;
  top:0;
  padding-bottom:152px
}

.main-con2 .inner.fixed>.con-title2,
.main-con2 .inner.fixed .card-list-box .card-menu{
  position:fixed;
  left:calc((100% - 1440px)/2);
  top:120px
}

.main-con2 .inner.fixed .card-list-box .card-menu{
  top:406px
}

.main-con2 .inner.fixed.over>.con-title2{
  position:absolute;
  left:0;
  top:auto;
  bottom:0
}

/* .main-con2 .inner.fixed.over .card-list-box .card-menu{
  position:absolute;
  left:0;
  top:auto;
  bottom:0
}
 */
.main-con2 .card-list-box{
  padding-left:537px
}

.main-con2 .swiper-container{
  overflow:visible
}

.main-con2 .btn-box{
  margin:0
}


/* .card-list-box{
  padding-bottom:20px
}
 */
.card-list-box .card-menu{
  position:absolute;
  left:0;
  top:286px
}

.card-list-box .card-menu>li>a{
  position:relative;
  display:inline-block;
  padding:14px 0;
  font-size:20px;
  line-height:1;
  font-weight:700;
  color:#121212
}

.card-list-box .card-menu>li.on>a,
.card-list-box .card-menu>li>a:hover,
.card-list-box .card-menu>li>a:focus{
  padding-left:36px;
  color:#00c5a8
}

.card-list-box .card-menu>li.on>a:before,
.card-list-box .card-menu>li>a:hover:before,
.card-list-box .card-menu>li>a:focus:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:2px;
  background:#00c5a8
}


.card-list{
  flex-wrap:wrap;
  margin:0 -30px;
  width:auto
}

.card-list>div{
  width:50%;
  margin-bottom:80px
}

/* .card-list>.swiper-slide:nth-child(1),
.card-list>.swiper-slide:nth-child(2){
  margin-top:0
}
 */
.card-list .card-con-inner>a{

  height:540px;
  
  text-decoration: none;
  

}

.card-list .card-con-inner:hover,
.card-list-box .card-con-inner:focus{
  transform:translateY(-14px);
  transition:all .3s ease
}

.card-list .card-con .category{
  padding-bottom:10px
}

.card-list .card-con .category:after{
  content:'';
  display:block;
  position:absolute;
  left:0;
  bottom:0;
  width:20px;
  height:2px
}


.card-con-inner{
  position:relative;
  margin:0 30px;
  border-radius:12px
}

.card-con-inner>a{
  overflow:hidden;
  display:block;
  padding:52px 40px;
  border-radius:12px
}

.card-con-inner>a:hover,
.card-con-inner>a:focus{
  box-shadow:12px 12px 30px 0 rgba(0, 0, 0, .16)
}

.card-con .category{
  display:block;
  position:relative;
  margin-bottom:26px;
  font-size:20px;
  line-height:1;
  font-weight:700
}

.card-con .category>span{
  display:inline-block;
  height:20px;
  padding-left:7px;
  font-size:18px;
  font-weight:500;
  vertical-align:top
}

.card-con .category>span:before{
  content:'';
  display:inline-block;
  width:1px;
  height:12px;
  margin-right:7px;
  background:#44c3aa;
  vertical-align:middle
}

.card-con .title{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  max-height:84px;
  font-size:28px;
  line-height:42px;
  color:#121212
}

.card-con .text{
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  height:104px;
  margin-top:16px;
  font-size:16px;
  line-height:26px;
  color:#424645
}


.card-con .btn-share{
  display:block;
  position:absolute;
  right:30px;
  top:57px;
  width:24px;
  height:24px;
  background:url(/static/assets/icon_p_more_vertical_w.png) no-repeat
}

.card-con .content-sns-box{
  visibility:hidden;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:all .5s ease-out
}

.card-con .content-sns-box.show{
  visibility:visible;
  opacity:1
}

.card-con .content-sns-box:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.7)
}

.card-con .content-sns-box>button{
  display:block;
  position:absolute;
  right:19px;
  top:45px;
  width:48px;
  height:48px;
  background:#44c3aa;
  border-radius:50%
}

.card-con .content-sns-box>button:before{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  width:14px;
  height:2px;
  background:#fff
}

.card-con .content-sns-box>button:after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  width:2px;
  height:14px;
  background:#fff
}

.card-con .content-sns-box .content-sns{
  margin:0;
  position:absolute;
  right:19px;
  top:109px
}

.card-con .content-sns-box .content-sns>li{
  display:block;
  margin:0;
  opacity:0;
  transition:all .4s ease-out
}

.card-con .content-sns-box .content-sns>li:nth-child(2){
  transform:translateY(-48px)
}

.card-con .content-sns-box .content-sns>li:nth-child(3){
  transform:translateY(-96px)
}

.card-con .content-sns-box .content-sns>li:nth-child(4){
  transform:translateY(-144px)
}

.card-con .content-sns-box .content-sns>li:nth-child(5){
  transform:translateY(-192px)
}

.card-con .content-sns-box.show .content-sns>li+li{
  margin-top:16px
}

.card-con .content-sns-box.show .content-sns>li{
  opacity:1;
  transform:translateY(0) !important
}


/*text type*/
.card-con.text-type .category,
.card-con.text-type .title,
.card-con.text-type .text{
  color:#fff
}

.card-con.text-type .category:after{
  background:#fff
}

.card-con .from-to{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:84px
}

.card-con .from-to>span{
  flex:0 1 auto;
  font-size:20px;
  color:#fff
}

.card-con .from-to .img{
  flex:0 1 auto;
  width:98px;
  margin:0 20px
}
/*height:98px;
*/
.card-con .from-to .img img{
  width:100%
}

.card-con .hash-tag-list{
  position:absolute;
  left:34px;
  bottom:64px;
  padding-right:40px;
  font-size:0
}
/*display:flex;
flex-wrap:wrap;
*/
.card-con .hash-tag-list>li{
  display:inline-block;
  min-width:96px;
  padding:0 6px;
  margin-top:16px;
  color:#fff;
  text-align:center;
  font-size:18px
}
/*display:inline-block;
*/
.card-con .hash-tag-list>li>span{
  display:block;
  width:100%;
  height:100%;
  padding:11px 24px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:50px
}

/*image type*/
.card-con.image-type .card-con-inner>a{
  background:#f8f8f8
}

.card-con.image-type .category{
  color:#44c3aa
}

.card-con.image-type .category:after{
  background:#44c3aa
}

.card-con.image-type .text{
  -webkit-line-clamp:3;
  height:78px
}

.card-con.image-type .img{
  overflow:hidden;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:calc(100% - 302px);
  border-radius:0 0 12px 12px
}

.card-con.image-type .img img{

  position:absolute;
  
  left:50%;
  
  top:50%;
  
  transform:translate(-50%,-50%) scale(1);
  
  transition:all .3s ease;
  
  width:100%;
  

}

.card-con.image-type a:hover .img img{
  transform:translate(-50%,-50%) scale(1.1)
}

.card-con.image-type .btn-share{
  background:url(/static/assets/icon_p_more_vertical_b.png) no-repeat
}

/*image bg type*/
.card-con.image-bg-type .category,
.card-con.image-bg-type .text,
.card-con.image-bg-type .title{
  position:relative;
  z-index:3;
  color:#fff
}

.card-con.image-bg-type .category:after{
  background:#fff
}

.card-con.image-bg-type a{
  position:relative;
  z-index:3
}

.card-con.image-bg-type .img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%
}

.card-con.image-bg-type .img:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  border-radius:12px;
  z-index:2
}

.card-con.image-bg-type .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(1);
  width:100%;
  height:100%;
  transition:all .3s ease
}

.card-con.image-bg-type a:hover .img img{
  transform:translate(-50%,-50%) scale(1.1)
}

.card-con.image-bg-type .btn-share{
  z-index:3
}

.card-con.image-bg-type .content-sns-box{
  z-index:3
}

.card-con.image-bg-type .content-sns-box.show ~ .img:before{
  display:none
}


.main-con3{
  padding:240px 0;
  background:#f8f8f8
}

.main-con3 .swiper-container{
  margin-top:79px
}

.main-con3 .img:before,.detail-box .video:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5)
}

.main-con3 .img{
  width:100%;
  height: 60vw;
  max-height:700px;
}

.btn-play{
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:120px;
  height:120px;
  z-index:1
}

.btn-play:before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:100% auto;
  background-image:url(/static/assets/btn_p_play.png)
}

.btn-play:hover:before{
  background-image:url(/static/assets/btn_p_play_hover.png)
}

.main-con3 .swiper-button-box{
  display:block;
  position:static;
  left:auto;
  top:auto;
  transform:none;
  width:auto
}

.main-con3 .swiper-button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100px;
  height:176px;
  margin:0
}

.main-con3 .swiper-button:hover{
  background:rgba(0,0,0,.5)
}
/*,.main-con3 .swiper-button:focus*/
.main-con3 .swiper-button:before{
  content:'';
  display:block;
  position:absolute;
  width:60px;
  height:60px;
  border:2px solid #fff;
  border-left:0;
  border-top:0;
  opacity:.5
}

.main-con3 .swiper-button:hover:before{
  opacity:1;
  border-width:4px
}
/*,.main-con3 .swiper-button:focus:before*/
.main-con3 .swiper-button-prev:before{
  left:38px;
  transform:translateY(-50%) rotate(-225deg);
  
}

.main-con3 .swiper-button-next:before{
  left:auto;
  transform:translateY(-50%) rotate(315deg)
}

.main-con3 .swiper-button-box .paging{
  position:absolute;
  left:auto;
  bottom:auto;
  right:calc((100% - 1440px)/2);
  top:60px;
  padding:0;
  margin:0;
  z-index:1;
  color:#fff
}

.main-con3 .swiper-button-box .swiper-pagination-current{
  font-size:18px
}

.main-con3 .swiper-button-box .paging:after{
  display:none
}

.main-con3 .text{
  position:absolute;
  left:calc((100% - 1440px)/2);
  top:60px;
  font-size:28px;
  font-weight:700;
  color:#fff;
  z-index:1
}


.swiper-button-box{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:1440px;
  z-index:1
}

.swiper-button-box .paging{
  position:relative;
  display:flex;
  height:20px;
  line-height:20px;
  padding-right:92px;
  margin-right:32px;
  font-size:18px;
  color:#121212
}

.swiper-button-box .paging:after{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:50%;
  width:60px;
  height:1px;
  background:#121212
}

.swiper-button-box .paging.swiper-pagination-fraction{
  width:auto;
  bottom:0
}

.swiper-button-box .swiper-pagination-current{
  padding-right:13px;
  font-size:22px;
  font-weight:700
}

.swiper-button-box .swiper-pagination-total{
  padding-left:12px
}

.swiper-button{
  position:relative;
  display:block;
  width:40px;
  height:40px;
  text-align:center;
  margin-top:0
}

.swiper-button-next{
  right:0;
  margin-left:22px;
  margin-right:-10px;
  background-image:none
}

.swiper-button-prev{
  left:0;
  background-image:none
}

.swiper-button:before{
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  border:2px solid #121212;
  border-left:0;
  border-top:0;
  transform-origin:50% 50%
}

.swiper-button-prev:before{
  transform:translate(-50%,-50%) rotate(-225deg)
}

.swiper-button-next:before{
  transform:translate(-50%,-50%) rotate(315deg)
}

/* .swiper-button.swiper-button-prev:after,
.swiper-button.swiper-button-next:after{
  content:''
}
 */
.swiper-button-box .progress{
  display:none
}

.swiper-button-box .progress span{
  transition:width .4s ease-out
}


.main-con4{

  position:relative;
  
  overflow:hidden
}

.main-con4 .inner{
  position:relative;
  
  max-width:1316px;
  
  height:1461px;
  padding:240px 0
}

.main-con4 .con-title2{
  display:block;
  
}

.main-con4 .report-list{
  overflow:inherit;
  width:auto;
  margin:0 -42px 0
}

.main-con4 .report-list>div{
  width:33.33%;
  padding:0 42px
}

.main-con4 .main-tab{
  position:absolute;  
  right:0;  
  top:331px;  
  text-align:right;  
  font-size:0
}




.main-con4 .tab-content{

  border-radius: 0;
  
  box-shadow: initial;
  
  background-color: transparent;
  
  border:none;
  
  padding: 0;
  

}

.main-con4 .nav-tabs{

  border:none;
  

}

.main-con4 .nav-tabs li .nav-link, .nav-tabs li .nav-link{

  background-color: initial;
  
  border:initial;
  


}


.main-con4 .main-tab>li{
  display:inline-block !important;

}

.main-con4 .main-tab>li>a{
  display:block !important;  
  height:42px !important;  
  font-size:18px !important;  
  color:#222 !important;
}

.main-con4 .main-tab>li>a[aria-selected=true],
.main-con4 .main-tab>li>a:hover,
.main-con4 .main-tab>li>a:focus{

  font-weight:400 !important;
  
  color:#56c1a8 !important;
  
  border-bottom:2px solid #56c1a8 !important;
  

}

.main-con4 .main-tab>li+li{

  margin-left:40px !important;
  

}

.main-con4 .tab-con{

  padding-top:60px !important;
  

}

.main-con4 .blog-list{

  overflow:inherit !important;
  
  width:auto !important;
  
  margin:-36px -18px 0 !important;
  

}

.main-con4 .blog-list>div{

  width:50% !important;
  
  padding:36px 18px 0 !important;
  
  height:356px !important;
  

}


.banner-box.gray{
  background:#f3f5f7
}

.banner-box .inner{
  display:flex;
  align-items:center;
  justify-content:center;
  height:561px;
  
}

.banner-box .inner:before{
  flex:0 1 auto;
  content:'';
  display:block;
  width:511px;
  height:409px;
  margin-right:80px;
  background-image:url(/static/assets/contents/img_p_banner1.png);
  background-repeat:no-repeat;
  background-size:100% auto
}

.banner-box .banner-con{
  flex:0 1 auto;
  text-align:center
}

.banner-box .banner-con>strong{
  display:block
}

.banner-box .banner-con>a{
  margin-top:40px
}


/*Àüü»óÇ°º¸±â ·¹À̾î*/
.whole-product-view{
  display:none;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#fff;
  z-index:20
}

.whole-product-view.open{
  display:block
}

.whole-product-view .top{
  position:relative;
  max-width:1920px;
  margin:0 auto
}

.whole-product-view .top .logo{
  position:fixed;
  left:calc((100% - 1920px + 60px)/2);
  top:49px
}

.whole-product-view .scroll{
  position:relative;
  overflow-y:scroll;
  height:100%;
  padding:0 0 87px
}
/*60px*/
.whole-product-view .inner{
  position:relative;
  max-width:1920px;
  height:100%;
  padding-right:100px
}

.whole-product-view .con-title3{
  position:fixed;
  left:calc((100% - 1920px + 60px)/2);
  top:160px
}

.whole-product-view .card-menu{
  position:fixed;
  left:calc((100% - 1920px + 60px)/2);
  top:267px
}

/* .whole-product-view .con-title3{
  position:absolute;
  left:0;
  top:37px
}

.whole-product-view .card-menu{
  top:181px
}
 */
.whole-product-view .card-list-box{
  height:100%;
  margin-left:440px
}

.whole-product-view .card-list{
  display:flex;
  padding-top:160px
}

.whole-product-view .card-list>div{
  width:33.33%;
  margin-bottom:60px
}

.whole-product-view button.btn-popup-close{
  right:49px;
  top:45px;
  z-index:10
}

.whole-product-view .search-area{
  position:fixed;
  left:calc((100% - 1920px + 60px)/2);
  top:547px
}

.whole-product-view fieldset,
.whole-product-view .search-area input[type=text]{
  width:280px
}

.whole-product-view .btn-search-area-open,
.whole-product-view .btn-search-close{
  display:none
}

.whole-product-view .no-list{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  font-size:24px;
  color:#686d6b
}


/*°Ë»ö*/
.search-area fieldset{
  position:relative
}

.search-area input[type=text],.search-area input[type=search]{
  width:380px;
  height:60px;
  line-height:60px;
  padding-right:108px
}

.search-area .btn-search{
  position:absolute;
  right:8px;
  top:0;
  width:56px;
  height:60px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:24px auto;
  background-image:url(/static/assets/icon_p_search.png)
}

.search-area input[type=text]:focus,.search-area input[type=search]{
  border-color:#16c5a8
}

.auto-complete-list{
  display:none;
  position:absolute;
  left:0;
  top:60px;
  width:100%;
  height:148px;
  border:1px solid #ddd;
  border-radius:0 0 6px 6px;
  border-top:0;
  background:#fff;
  z-index:5
}

.auto-complete-list ul{
  overflow-x:hidden;
  overflow-y:scroll;
  height:100%;
  padding:12px 24px 16px
}

.auto-complete-list li{
  position:relative
}

.auto-complete-list li .kwd{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
  width:calc(100% - 42px);
  padding:8px 0;
  font-size:16px;
  color:#121212
}

.auto-complete-list ul::-webkit-scrollbar{
  width:5px
}

.auto-complete-list ul::-webkit-scrollbar-track{
  background-color:transparent
}

.auto-complete-list ul::-webkit-scrollbar-thumb{
  border-radius:3px;
  background-color:#e4e4e4;
  
}

.auto-complete-list ul::-webkit-scrollbar-button{
  width:0;
  height:0
}

.auto-complete-list .btn-add{
  display:block;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  
}

.auto-complete-list .btn-add:before{
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:10px;
  margin:-5px 0 0 -5px;
  border-top:1px solid #000;
  border-left:1px solid #000
}

.auto-complete-list .mark{
  color:#00c5a8
}

.auto-complete-list .btn-add:after{
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  width:12px;
  height:1px;
  background:#000;
  transform:translate(-50%,-50%) rotate(45deg);
  
}

.search-area .btn-delet{
  display:none;
  position:absolute;
  right:64px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  background-position:0 0;
  background-image:url(/static/assets/btn_p_delet.png);
  background-repeat:no-repeat;
  background-size:100% auto
}


/* °³ÀÎÁ¤º¸ ó¸® ¹æħ */
.privacyPolicy{
  overflow:hidden;
  margin:60px auto 0
}
/*width:calc(100% - 242px);
*/
.privacyPolicy .form-con{
  width:312px;
  float:right;
  margin-bottom:30px
}

.privacyPolicy.terms{
  margin-top:80px
}

.privacyPolicy.terms .summary{
  padding-top:0;
  border-top:0
}

.privacyPolicy.terms .summary p + p{
  padding-top:0
}

.privacyPolicy.terms .summary  strong{
  display:block;
  font-size:24px;
  padding-top:32px
}

.privacyPolicy.terms .termsCon h2 + p, .privacyPolicy.terms .termsCon p + ul{
  padding-top:20px
}

.privacyPolicy.terms .termsCon .division{
  display:block;
  font-size:24px;
  padding-top:80px
}

.privacyPolicy.terms .termsCon .division + h2{
  border-top:0;
  margin-top:0;
  padding-top:40px
}

.policyCon{
  clear:both;
  text-align:left
}

.policyCon .summary{
  border-top:1px solid #e9e9e9;
  padding:100px 0 20px
}

.policyCon .summary p{
  font-size:24px;
  color:#121212
}

.policyCon .summary p + p{
  padding-top:32px
}

.policyCon .summary .list{
  padding:80px 0
}

.policyCon .summary .list li{
  margin-bottom:5px;
  padding:3px 0
}

.policyCon .summary .list li a{
  font-size:20px;
  color:#35927e;
  text-decoration:underline
}

.termsCon{
  font-size:18px;
  color:#424645
}

.termsCon h2{
  margin-top:80px;
  padding-top:80px;
  border-top:1px solid #e9e9e9;
  font-size:32px;
  color:#000
}

.termsCon h3{
  padding-top:32px;
  font-size:28px;
  color:#121212
}

.termsCon h3 + .txt{
  padding-top:32px
}


.termsCon h4{
  padding-top:32px;
  font-size:22px;
  color:#121212
}

.termsCon h4 + .txt{
  padding-top:32px
}



.termsCon .tit{
  display:block;
  padding-top:32px
}

.termsCon .tit + .list, .termsCon .tit + .txt, .termsCon .txt + .txt{
  padding-top:12px
}

.termsCon .txt{
  padding-top:26px
}

.termsCon .list{
  padding-top:32px
}

.termsCon li{
  padding:3px 0
}

.termsCon li p{
  padding-top:6px
}

.termsCon ol{
  padding-top:20px
}

.termsCon ol>li{
  padding:16px 0
}

.termsCon ol>li:first-child{
  padding-top:0
}

.termsCon ol>li ul li ul li{
  font-size:16px
}

.termsCon>ol>li>.smallTit{
  display:block;
  padding-top:80px;
  border-top:1px solid #e9e9e9;
  
}

.termsCon>ol>li>.smallTit+h2{
  border-top:0;
  margin:0
}

.termsCon a{
  color:#35927e;
  text-decoration:underline
}

.version{
  margin-top:80px;
  padding-top:77px;
  border-top:1px solid #e9e9e9
}

.version li{
  padding:3px 0;
  font-size:24px;
  color:#121212;
  font-weight:bold
}

/* table */
.tblH{
  margin-top:12px;
  border:1px solid #686d6b;
  width:100%;
  table-layout:fixed
}

caption{
  overflow:hidden;
  margin-left:-9999px;
  width:1px;
  height:1px;
  font-size:1px;
  line-height:0
}

.tblH thead tr th, .tblH tbody tr td{
  padding:20px;
  text-align:left;
  vertical-align:middle
}

.tblH thead tr th{
  font-size:24px;
  font-weight:bold;
  border-left:1px solid #e9e9e9;
  background:#f4f4f4
}

.tblH tbody tr td{
  font-size:18px;
  border-top:1px solid #e9e9e9;
  border-left:1px solid #e9e9e9;
  color:#424645
}

.tblH thead tr th:first-child, .tblH tbody tr td:first-child{
  border-left:none
}

.tblH tbody tr td.line{
  border-left:1px solid #e9e9e9 !important
}


/*»óÇ°»ó¼¼*/
.product-detail-box{
  max-width:908px;
  margin:0 auto;
  padding:80px 0 60px
}

.product-detail-box>.img{
  overflow:hidden;
  border-radius:12px;
  
}

.product-detail-box>.img+.img{
  margin-top:60px
}

.product-detail-box .img img{
  width:100%
}

.product-detail-box .img-text{
  margin-top:60px;
  font-size:24px;
  color:#121212
}

.product-detail-box .img-text+.img-text{
  margin-top:32px
}

.product-detail-box .img-text+.img{
  padding-top:100px
}

.product-detail-box .img-text2{
  margin-top:24px;
  font-size:20px;
  color:#121212
}

.product-detail-box .con-title3{
  display:block;
  margin-top:60px
}

.product-detail-box .con-title3+.img{
  margin-top:60px
}

.product-detail-box .img+.con-title3,
.product-detail-box .table-box+.con-title3{
  margin-top:100px
}

.product-detail-box .info-list>li{
  position:relative;
  padding-left:35px;
  margin-top:32px;
  font-size:20px;
  font-weight:700;
  color:#222
}

.product-detail-box .info-list>li>span{
  display:block;
  position:absolute;
  left:0;
  top:0;
  color:#35927e
}

.product-detail-box .info-list>li>p{
  margin-top:12px;
  font-size:18px;
  font-weight:500;
  color:#424645
}

.product-detail-box .info-list>li>ul{
  padding-top:12px;
  font-size:18px;
  font-weight:500
}

.product-detail-box .info-list>li>ul>li{
  position:relative;
  padding-left:10px
}

.product-detail-box .info-list>li>ul>li+li{
  margin-top:16px
}

.product-detail-box .info-list>li>ul>li:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:11px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#424645
}

.product-detail-box .info-list2 .list-con{
  position:relative;
  display:flex;
  align-items:center;
  min-height:230px;
  margin-top:60px;
  padding-left:290px
}

.product-detail-box .info-list2 .list-con .img{
  position:absolute;
  left:0;
  top:0;
  width:230px;
  height:230px
}

.product-detail-box .info-list2 .list-con em{
  display:block;
  width:100%;
  padding-bottom:5px;
  font-size:32px;
  font-weight:700;
  color:#000
}

.product-detail-box .info-list2 .list-con .text{
  font-size:24px;
  color:#555
}

.product-detail-box .info-list2 .list-con .text ul>li{
  position:relative;
  padding-left:16px;
  margin-top:15px
}

.product-detail-box .info-list2 .list-con .text ul>li:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:17px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#424645
}

.table-box{
  margin-top:60px
}

.table-box table{
  width:100%;
  table-layout:fixed;
  border-bottom:1px solid #e9e9e9
}

.table-box thead th{
  padding:18px 0;
  background:#daf8f2;
  font-weight:500;
  font-size:14px
}

.table-box tbody th{
  padding:12px 20px;
  background:#f4f4f4;
  border-top:1px solid #e9e9e9;
  font-weight:500;
  text-align:left;
  vertical-align:middle;
  font-size:14px
}

.table-box tbody th[scope=rowgroup]{
  background:#d8d8d8;
  border-top:1px solid #fff;
  text-align:center;
  vertical-align:middle
}

.table-box tbody>tr:first-child th{
  border-top:none
}

.table-box tbody td{
  padding:12px 15px;
  background:#fff;
  border-top:1px solid #e9e9e9;
  vertical-align:middle;
  font-size:12px
}

.table-box tbody>tr:first-child td{
  border-top:none
}

.table-box tbody ul{
  text-align:left;
  margin:-6px 0
}

.table-box tbody ul>li{
  text-indent:-10px;
  margin-left:10px
}

.table-box2 table{
  border-top:1px solid #e9e9e9
}

.table-box2 tbody th{
  background:#daf8f2
}

.table-info{
  margin-top:24px;
  font-size:20px
}



.product-detail-box .img-list{
  margin-top:60px;
  padding:46px 42px;
  background:#f4f4f4
}

.product-detail-box .img-list-con{
  font-size:0
}

.product-detail-box .img-list-con > *{
  display:inline-block
}

.product-detail-box .img-list-con+.img-list-con{
  margin-top:40px
}

.product-detail-box .img-list-con>span{
  width:199px;
  font-size:14px;
  color:#070505;
  vertical-align:top
}

.product-detail-box .img-list-con .img img{
  width:300px
}

.product-detail-box .img-list-con .img img+img{
  margin-left:20px
}

.product-detail-box .img-list+.con-title3{
  margin-top:80px
}

.product-detail-box>.info-list+.img{
  padding-top:80px
}

.product-detail-con .btn-box{
  max-width:908px;
  margin-left:auto;
  margin-right:auto
}

.product-detail-box .video{
  margin-top:60px
}


.contents-banner{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  width:908px;
  height:210px;
  margin:80px auto 0;
  padding-left:70px;
  background-color:#daf8f2;
  border-radius:12px;
  background-repeat:no-repeat;
  background-position:684px 40px;
  background-image:url(/static/assets/contents/img_p_product_banner.png);
  background-size:180px 170px
}

/* .contents-banner .img{
  position:absolute;
  right:70px;
  top:40px;
  z-index:1
}

.contents-banner .img img{
  width:100%
}
 */
.contents-banner.blog-banner{
  background-image:url(/static/assets/contents/img_p_blog_banner.png)
}

.contents-banner .text{
  position:relative;
  z-index:2
}

.contents-banner .text>strong{
  display:block;
  width:100%;
  margin-bottom:17px;
  font-size:28px;
  line-height:48px;
  font-weight:500;
  color:#121212
}

.related-product{
  margin-top:240px
}

.related-product>strong{
  display:block;
  text-align:center
}

.related-product .swiper-container{
  overflow:visible;
  margin-top:60px
}

.related-product .card-con{
  width:33.33%
}


/*ÿ·Î½ºÄù¾î¼Ò½Ä*/
.mi-wrap {
  margin-top:82px;
  padding:0 60px
}

.mi-list{
  display:flex;
  flex-wrap:wrap;
  margin-top:-120px;
  margin-left:-80px
}

.mi-list>li{
  width:50%;
  margin-top:120px;
  padding-left:80px
}

.mi-list>li>a{
  position:relative;
  display:flex;
  align-items:flex-start;
  width:100%;
  height:235px;
  padding-left:248px
}

.mi-list>li>a .img{
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  width:200px;
  height:200px;
  border-radius:12px
}

.mi-list>li>a .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  
}

.mi-list>li>a:hover .img img,.mi-list>li>a:focus .img img{
  transform:translate(-50%,-50%) scale(1.1);
  transition:all .3s ease
}

.sort-content .category-text,
.library-con .category-text{
  display:block;
  font-size:18px
}

.sort-content .category-text>b,
.library-con .category-text>b{
  font-size:18px
}

.sort-content .category-text>span,
.library-con .category-text>span{
  position:relative;
  height:16px;
  margin-left:16px;
  padding-left:16px;
  font-weight:500
}

.sort-content .category-text>span:before,
.library-con .category-text>span:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:16px;
  background:#00c5a8;
  
}

.mi-list>li>a>.text{
  overflow:hidden;
  flex:0 1 auto
}

.mi-list>li>a>.text strong{
  overflow:hidden;
  display:block;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  width:100%;
  max-height:76px;
  margin-top:13px;
  font-size:24px;
  line-height:38px;
  color:#121212
}

.mi-list>li>a:hover>.text strong,.mi-list>li>a:focus>.text strong{
  color:#35927e;
  text-decoration:underline;
  
}

.mi-list>li>a>.text p{
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  height:64px;
  margin-top:9px;
  font-size:18px;
  color:#424645;
  line-height:32px
}

.mi-list>li>a>.text .date{
  display:block;
  position:absolute;
  left:248px;
  bottom:0;
  font-size:18px;
  color:#8d9291
}


/*¸®Æ÷Æ®*/
.report-wrap{
  margin-top:80px;
  padding:0 60px
}

.report-list{
  display:flex;
  flex-wrap:wrap;
  margin:-75px -41px 0
}

.report-list>li{
  width:33.33%;
  padding:75px 41px 0;
  flex:0 1 auto
}

.report-list a{
  display:flex;
  flex-wrap:wrap;
  
}

.report-list .text{
  margin-top:48px;
  order:2;
  flex:0 1 auto
}

.report-list .text>strong{
  display:block;
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  height:84px;
  font-size:28px;
  color:#121212
}

.report-list a:hover .text>strong,.report-list a:focus .text>strong{
  color:#35927e;
  text-decoration:underline
}

.report-list .text>p{
  display:-webkit-box;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  height:96px;
  margin-top:9px;
  font-size:18px;
  color:#424645;
  line-height:32px
}

.report-list .img{
  overflow:hidden;
  position:relative;
  width:100%;
  height:385px;
  order:1;
  border-radius:12px
}

.report-list .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  
}

.report-list .img .sort-tag{
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  right:0;
  top:0;
  width:120px;
  height:120px;
  font-size:20px;
  font-weight:700;
  color:#fff;
  border-radius:0 12px 0 12px;
  z-index:1;
  text-align:center;
  word-break:initial
}

.report-list .img .sort-tag.whitepaper{
  background:#16c5a8
}

.report-list .img .sort-tag.brochure{
  background:#538fe0
}

.report-list .img .sort-tag.e4l{
  background:#221b5c
}

.report-list a:hover .img img,
.report-list a:focus .img img{
  transform:translate(-50%,-50%) scale(1.1);
  transition:all .3s ease
}


/*¶óÀ̺귯¸® ¸ÞÀÎ*/
.library-menu-wrap{
  position:fixed;
  left:0;
  top:0;
  width:185px;
  height:100%;
  padding-top:158px;
  z-index:5;
  
}

.library-menu{
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  padding:20px;
  background:rgba(255,255,255,.5)
}

.library-menu>li>a{
  position:relative;
  display:inline-block;
  padding:9px 0;
  font-size:13px;
  font-weight:700;
  color:#686d6b
}

.library-menu>li>a[aria-selected=true]{
  padding-left:26px;
  color:#121212
}

.library-menu>li>a[aria-selected=true]:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:15px;
  height:1px;
  background:#121212
}

.library-con{
  max-width:1440px;
  margin:0 auto;
  padding:160px 60px
}

#library-con1{
  padding-top:80px
}

.library-con .con-title3{
  padding-bottom:60px
}

.library-con .faq-list{
  margin-top:0
}

/* .library-con .btn-box{
  margin-top:80px
}
 */
.news-letter-subscribe{
  height:700px;
  background:#f3f5f7
}

.news-letter-subscribe .inner{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  padding:0 60px
}

.news-letter-subscribe .text>strong{
  font-size:40px;
  color:#121212
}

.news-letter-subscribe .text>p{
  padding-top:16px;
  font-size:24px;
  color:#121212
}

.news-letter-subscribe .btn-box{
  margin-top:36px;
  text-align:left
}

.news-letter-subscribe .img{
  position:absolute;
  right:60px;
  top:163px;
  
}

.news-letter-subscribe .img img{
  width:260px;
  height:375px;
  box-shadow:12px 12px 20px 0 rgba(0,0,0,.24)
}

.news-letter-subscribe .img img+img{
  margin-left:50px
}

.library-main .banner-box{
  margin-bottom:-180px;
  
}

/* .library-main .banner-box .inner{
  padding:0 60px
}
 */
.library-main .banner-box .inner:before,
.air-freight-wrap .banner-box .inner:before,
.e-commerce-wrap .banner-box .inner:before,
.it-logistics-wrap .banner-box .inner:before{
  background-image:url(/static/assets/contents/img_p_banner2.png)
}


/*À̸ÞÀÏÁÖ¼Ò ¹«´Ü¼öÁý°ÅºÎ*/
.pop-email-address .popup{
  max-width:620px;
  min-width:620px
}

.pop-email-address .popup p{
  font-size:18px;
  color:#424645
}

.pop-email-address .popup .btn-box{
  margin-top:40px
}


/*Æ÷¿öµù*/
.service-info{
  padding:200px 0 240px
}

.air-freight-wrap{
  position:relative
}

.air-freight-wrap .inner,
.e-commerce-wrap .inner,
.it-logistics-wrap .inner{
  max-width:1316px
}

.air-freight-wrap .banner-box .inner,
.e-commerce-wrap .banner-box .inner,
.it-logistics-wrap .banner-box .inner{
  max-width:1440px
}

.service-info-list{
  display:flex;
  width:1316px;
  margin:80px auto 0
}

.service-info-list>li{
  position:relative;
  width:438px;
  height:438px;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:cover;
  font-size:0
}

.service-info-list>li:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5)
}

.service-info-list>li .title{
  visibility:visible;
  position:absolute;
  left:48px;
  right:48px;
  top:65px;
  font-size:28px;
  color:#fff;
  z-index:1;
  opacity:1;
  transition:all .3s ease;
  text-align:left
}

.service-info-list .show .title{
  top:130px;
  visibility:hidden;
  opacity:0
}

.service-info-list .link{
  position:absolute;
  left:48px;
  bottom:48px;
  padding-right:20px;
  font-size:20px;
  font-weight:700;
  color:#fff;
  z-index:1
}

.service-info-list .show .link{
  display:none
}

.service-info-list .link:after{
  content:'';
  position:absolute;
  right:0;
  top:10px;
  width:8px;
  height:8px;
  transform:rotate(45deg);
  border:2px solid #fff;
  border-left:0;
  border-bottom:0
}

.service-info-list .btn-service-more{
  display:block;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  cursor:default;
  
}

.service-info-list .btn-service-more:before{
  display:none;
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,197,168,.85)
}

.service-info-list .hover .btn-service-more:before,
.service-info-list .show .btn-service-more:before{
  display:block
}

.service-info-list .btn-service-more .more-text{
  visibility:hidden;
  position:absolute;
  right:48px;
  bottom:48px;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  cursor:pointer;
  text-indent:-9999em;
  opacity:0;
  transition:all .3s ease;
  z-indeX:1
}

.service-info-list .show .btn-service-more .more-text{
  transform:rotate(45deg);
  
}

.service-info-list .hover .btn-service-more .more-text,
.service-info-list .btn-service-more:hover .more-text,
.service-info-list .show .btn-service-more .more-text{
  visibility:visible;
  opacity:1
}

.service-info-list .btn-service-more .more-text:before{
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:17px;
  height:3px;
  background:#00c5a8
}

.service-info-list .btn-service-more .more-text:after{
  content:'';
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:3px;
  height:17px;
  background:#00c5a8
}

.service-info-list .text{
  visibility:hidden;
  position:absolute;
  left:48px;
  top:130px;
  padding-right:48px;
  font-size:20px;
  font-weight:600;
  color:#fff;
  opacity:0;
  transition:all .3s ease;
  text-align:left
}

.service-info-list .show .text{
  top:60px;
  visibility:visible;
  opacity:1
}


.card-list-con{
  margin-top:80px
}

.card-list-con .swiper-container{
  overflow:visible;
  margin-top:-60px
}

.card-list-con .card-list>div{
  width:448px
}

.card-list-con .card-con{
  margin-bottom:0;
  margin-top:60px
}

.card-list-con .card-con-inner{
  margin:0 14px
}

.card-list-con .card-list{
  width:auto;
  margin:0 -14px
}

.card-list-con>.con-title4{
  display:block;
  margin-bottom:40px
}


.air-freight-wrap .service-info-list>li:nth-child(1){
  background-image:url(/static/assets/contents/bg_p_air_freight1.png)
}

.air-freight-wrap .service-info-list>li:nth-child(2){
  background-image:url(/static/assets/contents/bg_p_air_freight2.png)
}

.air-freight-wrap .service-info-list>li:nth-child(3){
  background-image:url(/static/assets/contents/bg_p_air_freight3.png)
}


.service-info2{
  padding:240px 0
}

.service-info2 ul{
  display:flex;
  margin:80px -58px 0 0
}

.service-info2 ul>li{
  position:relative;
  width:50%;
  padding:0 58px 0 132px
}

.service-info2 ul>li:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100px;
  height:100px;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:100% auto
}

.service-info2 ul>li>.title{
  display:block;
  padding:32px 0 60px;
  font-size:24px;
  color:#121212
}

.service-info2 ul>li>p{
  height:148px;
  padding-top:20px;
  margin-left:-132px;
  font-size:18px;
  color:#424645;
  line-height:32px
}

.it-logistics-wrap .service-info2 ul>li>p{
  height:116px
}

.service-info2 ul>li.e-commerce:before{
  background-image:url(/static/assets/contents/icon_p_ecommerce.png)
}

.service-info2 ul>li.it:before{
  background-image:url(/static/assets/contents/icon_p_it.png)
}

.service-info2 ul>li.forwarding:before{
  background-image:url(/static/assets/contents/icon_p_forwarding.png)
}

.service-info2 ul>li .btn-tit{
  margin-top:64px;
  margin-left:-132px
}

.air-freight-wrap .banner-box,
.e-commerce-wrap .banner-box,
.it-logistics-wrap .banner-box{
  margin-bottom:-180px
}


/*e-commerce*/
.e-commerce-wrap .service-info-list>li:nth-child(1){
  background-image:url(/static/assets/contents/bg_p_ecommnerce1.png)
}

.e-commerce-wrap .service-info-list>li:nth-child(2){
  background-image:url(/static/assets/contents/bg_p_ecommnerce2.png)
}

.e-commerce-wrap .service-info-list>li:nth-child(3){
  background-image:url(/static/assets/contents/bg_p_ecommnerce3.png)
}


/*it Ưȭ¼­ºñ½º*/
.it-logistics-wrap .card-list-box{
  position:relative
}

.it-logistics-wrap .service-info-list>li:nth-child(1){
  background-image:url(/static/assets/contents/bg_p_it1.png)
}

.it-logistics-wrap .service-info-list>li:nth-child(2){
  background-image:url(/static/assets/contents/bg_p_it2.png)
}

.it-logistics-wrap .service-info-list>li:nth-child(3){
  background-image:url(/static/assets/contents/bg_p_it3.png)
}


/*¼Ò°³°øÅë*/
.title-box.align-left{
  width:auto;
  margin:0;
  text-align:left
}

.section1 .con-text{
  color:#424645
}

.temp > img{
  margin:0 auto
}


/*ÿ·Î ½ºÄù¾î ¼Ò°³*/
.section1{
  position:relative;
  z-index:1
}

.introduce-wrap .section1{
  padding-bottom:200px;
  text-align:center
}

.introduce-img-hover{
  display:inline-block !important;
  height:280px;
  margin-top:120px
}

.introduce-img{
  display:flex;
  justify-content:center;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  
}

.introduce-img .flow1,
.introduce-img .flow3{
  flex:0 0 auto;
  position:relative;
  width:240px;
  height:240px;
  background:#ecfbf8;
  border-radius:50%;
  font-size:24px;
  color:#121212;
  text-align:center;
  white-space:nowrap
}

.introduce-img-hover:hover .flow1,
.introduce-img-hover:hover .flow3,
.introduce-img-hover:focus .flow1,
.introduce-img-hover:focus .flow3{
  width:200px;
  height:280px;
  background:url(/static/assets/contents/bg_introduce.png) no-repeat;
  border-radius:0;
  background-size:100% auto
}

.introduce-img .flow1{
  margin-right:140px
}

.introduce-img .flow3{
  margin-left:140px
}

.introduce-img .flow1:after,
.introduce-img .flow3:after{
  content:'';
  display:inline-block;
  position:absolute;
  right:-100px;
  top:50%;
  transform:translateY(-50%);
  width:63px;
  height:49px;
  background:url(/static/assets/contents/img_introduce2.png) no-repeat;
  background-size:100% auto
}

.introduce-img .flow3:after{
  right:auto;
  left:-100px;
  
}

.introduce-img .flow1>strong,
.introduce-img .flow3>strong{
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}

.introduce-img-hover:hover .flow1>strong,
.introduce-img-hover:hover .flow3>strong,
.introduce-img-hover:focus .flow1>strong,
.introduce-img-hover:focus .flow3>strong{
  top:90px
}

.introduce-img .flow1>ul,
.introduce-img .flow3>ul{
  visibility:hidden;
  opacity:0;
  position:absolute;
  left:50%;
  bottom:50%;
  transform:translate(-50%,50%);
  font-size:16px;
  font-weight:700;
  color:#424645;
  transition:all .5s ease
}

.introduce-img-hover:hover .flow1>ul,
.introduce-img-hover:hover .flow3>ul,
.introduce-img-hover:focus .flow1>ul,
.introduce-img-hover:focus .flow3>ul{
  visibility:visible;
  opacity:1;
  bottom:88px;
  transform:translateX(-50%)
}

.introduce-img-hover:hover .flow3>ul,
.introduce-img-hover:focus .flow3>ul{
  bottom:52px;
  
}

/* .introduce-img .flow2-wrap{
  margin:0 40px
}
 */
.introduce-img .flow2{
  flex:0 0 auto;
  position:relative;
  width:400px;
  height:240px;
  padding-top:52px;
  background:#fff;
  box-shadow:0 8px 20px 0 rgba(0,0,0,.08);
  border-radius:30px;
  text-align:center;
  transition:all .5s
}

.introduce-img .flow2>ul{
  visibility:hidden;
  position:absolute;
  left:50%;
  top:162px;
  transform:translateX(-50%);
  width:630px;
  height:44px;
  opacity:0;
  
}

.introduce-img .flow2>ul>li{
  position:absolute;
  top:0;
  transition:transform .3s ease
}

.introduce-img .flow2>ul>li img{
  width:100%
}

.introduce-img-hover .flow2 .default{
  width:205px
}

.introduce-img-hover .flow2 .hover{
  width:274px
}

.introduce-img-hover:hover .flow2,
.introduce-img-hover:focus .flow2{
  width:720px;
  height:280px
}

.introduce-img-hover:hover .flow2>ul,
.introduce-img-hover:focus .flow2>ul{
  visibility:visible;
  opacity:1
}

/* .introduce-img-hover:hover .flow2>ul>li{
  left:auto;
  
}
 */
.introduce-img .flow2>ul>li:nth-child(1){
  width:78px;
  transform:translate(276px)
}

.introduce-img-hover:hover .flow2>ul>li:nth-child(1),
.introduce-img-hover:focus .flow2>ul>li:nth-child(1){
  transform:translateX(0)
}

.introduce-img .flow2>ul>li:nth-child(2){
  width:119px;
  transform:translate(255px)
}

.introduce-img-hover:hover .flow2>ul>li:nth-child(2),
.introduce-img-hover:focus .flow2>ul>li:nth-child(2){
  transform:translateX(78px)
}

.introduce-img .flow2>ul>li:nth-child(3){
  width:129px;
  transform:translate(251px)
}

.introduce-img-hover:hover .flow2>ul>li:nth-child(3),
.introduce-img-hover:focus .flow2>ul>li:nth-child(3){
  transform:translateX(197px)
}

.introduce-img .flow2>ul>li:nth-child(4){
  width:98px;
  transform:translate(266px)
}

.introduce-img-hover:hover .flow2>ul>li:nth-child(4),
.introduce-img-hover:focus .flow2>ul>li:nth-child(4){
  transform:translateX(326px)
}

.introduce-img .flow2>ul>li:nth-child(5){
  width:160px;
  transform:translate(235px)
}

.introduce-img-hover:hover .flow2>ul>li:nth-child(5),
.introduce-img-hover:focus .flow2>ul>li:nth-child(5){
  transform:translateX(424px)
}

.introduce-img .flow2>ul>li:nth-child(6){
  width:46px;
  transform:translate(293px)
}

.introduce-img-hover:hover .flow2>ul>li:nth-child(6),
.introduce-img-hover:focus .flow2>ul>li:nth-child(6){
  transform:translateX(584px)
}

.introduce-wrap .hover{
  visibility:hidden;
  position:absolute;
  left:50%;
  top:52px;
  transform:translateX(-50%)
}

.introduce-img-hover:hover .default,
.introduce-img-hover:focus .default{
  visibility:hidden;
  
}

.introduce-img-hover:hover .hover,
.introduce-img-hover:focus .hover{
  visibility:visible;
  
}


/* .introduce-wrap .section2 .con-title2{
  display:block;
  padding-bottom:240px
}

.introduce-wrap .section2 .full-box{
  padding:180px 60px;
  background:#daf8f2
}
 */
.section2{
  position:relative;
  padding-top:160px;
  background:#daf8f2
}

/* .section2 .title-box{
  padding-bottom:153px;
  
}
 */
.section2 .con-title2{
  display:block;
  
}

/* .section2 .bg-green{
  position:absolute;
  top:374px;
  width:100%;
  height:100%;
  background:#daf8f2;
  transform-origin:center bottom
}
 */
/* .section2 .bg-gray{
  background:#f7f7f7
}
 */

/* °¡À̵å ÃʱâÈ­ */
/* .page{
  position:relative
}

.page .guide{
  position:absolute;
  top:0;
  height:100%;
  visibility:hidden;
  
}

.page .guide>div{
  position:relative;
  height:25%
}
 */

.page .page-content{
  min-height:960px;
  
}
 /*position:absolute;
 top:0;
 left:0;
 */
.page #content2{
  background:#f7f7f7
}

/* .page{
  background:#daf8f2
}
 */
/* .section2 .bg-gray ~ .page{
  background:#f7f7f7
}
 */
.page .page-content .inner{
  position:relative;
  min-height:960px;
  margin:0 auto;
  padding:190px 60px
}


.section2 .page-list{
  position:absolute;
  left:60px;
  top:240px;
  z-index:1;
  
}

.section2 .page-list:after{
  content:'';
  display:block;
  clear:both
}

.section2 .page-list>li{
  float:left;
  width:50px;
  height:50px;
  line-height:46px;
  
}

.section2 .page-list>li+li{
  margin-left:16px;
  
}

.section2 .page-list>li>a{
  display:block;
  width:100%;
  height:100%;
  font-size:18px;
  font-weight:700;
  color:#121212;
  opacity:.3;
  text-align:center
}

.section2 .page-list>li>a[aria-selected=true],
.section2 .page-list>li>a:focus{
  border:2px solid #121212;
  opacity:1
}


.section2 .text-con{
  position:absolute;
  left:60px;
  top:346px;
  width:420px
}

.section2 .text-con .text{
  padding-top:40px
}

.section2 .text-con .img{
  width:188px;
  padding-top:52px
}

.section2 .text-con .img img{
  width:100%
}

.introduce-wrap .move-img-box{
  overflow:hidden;
  position:absolute;
  right:60px;
  top:190px;
  width:844px;
  height:604px;
  background:url(/img/bg_introduce_move_img.png) no-repeat;
  background-size:100% auto
}

.introduce-wrap .move-img-box>div{
  position:absolute;
  width:100%;
  height:100%
}


/*ù¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
.introduce-wrap .move-img1{
  left:80px;
  top:176px;
  font-size:0
}

.introduce-wrap .move-img1 ul>li{
  display:inline-block;
  width:200px;
  vertical-align:middle;
  transition:all .3s ease
}

.introduce-wrap .move-img1 ul>li+li{
  margin-left:30px
}

.introduce-wrap .move-img1 ul>li img{
  width:100%
}

.introduce-wrap .move-img1.view1 ul>li:nth-child(1){
  width:220px
}

.introduce-wrap .move-img1.view1 ul>li:nth-child(2),
.introduce-wrap .move-img1.view1 ul>li:nth-child(3){
  width:180px;
  opacity:.5
}


.introduce-wrap .move-img2{
  position:relative;
  padding:0 0 0 8px
}

.introduce-wrap div[class^=move-img] .text{
  padding:112px 0 30px 50px;
  font-size:28px;
  font-weight:700;
  color:#121212
}

.introduce-wrap .move-img2 .img{
  width:820px
}

.introduce-wrap .move-img2 .btn-box{
  position:absolute;
  left:0;
  bottom:54px;
  width:100%;
  height:60px;
  margin:0;
  
}

.introduce-wrap .move-img2 .btn{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:200px;
  height:60px;
  line-height:60px;
  font-size:20px;
  pointer-events:none;
  transition:all .3s ease
}

@keyframes btn-size{

  from{

    width:200px;
    
    height:60px;
    
    line-height:60px;
    
  
  }

  to{

    width:340px;
    
    height:102px;
    
    line-height:102px;
    
  
  }


}

.introduce-wrap .move-img2.view2 .btn{
  animation:btn-size .3s ease;
  animation-fill-mode:forwards;
  
}


.introduce-wrap .move-img3 ul,
.introduce-wrap .move-img4 ul{
  padding-left:58px
}

.introduce-wrap .move-img3 ul:after,
.introduce-wrap .move-img4 ul:after{
  content:'';
  display:block;
  clear:both
}

.introduce-wrap .move-img3 ul>li,
.introduce-wrap .move-img4 ul>li{
  float:left;
  
}

.introduce-wrap .move-img3 ul>li:nth-child(1),
.introduce-wrap .move-img4 ul>li:nth-child(1){
  width:190px
}

.introduce-wrap .move-img3 ul>li:nth-child(2) p{
  width:528px
}

.introduce-wrap .move-img3 ul>li+li{
  padding-left:13px;
  margin-top:-7px
}

.introduce-wrap .move-img3 ul>li+li p+p{
  margin-top:-4px
}

.introduce-wrap .move-img3.view3 ul>li+li p{
  position:relative;
  opacity:.3
}

.introduce-wrap .move-img3 ul>li img,
.introduce-wrap .move-img4 ul>li img{
  width:100%
}

.introduce-wrap .move-img3 .view3-1{
  opacity:1 !important
}

.introduce-wrap .move-img3 .view_big{
  display:block;
  position:absolute;
  right:0;
  top:0;
  width:738px;
  transform: scale(0.85);
  transform-origin:right;
  opacity:0;
  transition:all .3s ease-out
}

.introduce-wrap .move-img3 .view3-1{
  z-index:1
}

.introduce-wrap .move-img3 .view3-1 .view_big{
  transform:scale(1);
  opacity:1
}

.introduce-wrap .move-img3 ul>li+li p .view_big{
  top:-9px
}

.introduce-wrap .move-img4 ul>li+li p{
  width:528px;
  margin-top:-7px
}


/*µÎ¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
.introduce-wrap .move-img5 .img{
  width:730px;
  margin:120px 0 0 58px
}

.introduce-wrap .move-img5 [class^=img] img,
.introduce-wrap .move-img6 [class^=img] img{
  width:100%
}

.introduce-wrap .move-img5 .img2{
  width:264px;
  position:absolute;
  right:48px;
  top:110px
}

.introduce-wrap .move-img5 .img3{
  width:264px;
  position:absolute;
  right:48px;
  top:110px
}

.introduce-wrap .move-img5 .img4{
  width:421px;
  position:absolute;
  right:200px;
  top:292px
}

.introduce-wrap .move-img5 .img5{
  width:604px;
  position:absolute;
  left:128px;
  bottom:35px
}

.introduce-wrap .move-img5 .img5 li:nth-child(2){
  margin-bottom:-9px;
  transform: translateY(194px)
}

.introduce-wrap .move-img5 .img5 li:nth-child(1){
  margin-bottom:-16px;
  transform:translateY(338px)
}

.introduce-wrap .move-img5>*:nth-child(7)>li:not(:nth-child(1)){
  opacity:0
}

.introduce-wrap .move-img5 .img6{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:38px;
  width:744px;
  
}

.introduce-wrap .move-img5 .img7{
  position:absolute;
  left:50%;
  transform:translate(-50%,45%);
  bottom:36px;
  width:604px;
  
}

.introduce-wrap .move-img5 .img7>li{
  margin-bottom:-16px
}

.introduce-wrap .move-img5 .img7>li:nth-child(3){
  margin-left:40px
}

.introduce-wrap .move-img5 .img7>li:last-child{
  margin:0
}

.introduce-wrap .move-img5.view5:before,
.introduce-wrap .move-img6.view6:before{
  content:'';
  display:block;
  position:absolute;
  left:8px;
  top:8px;
  width:820px;
  height:580px;
  border-radius:12px;
  background:rgba(0,0,0,.2)
}


/*¼¼¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
.introduce-wrap .move-img6 .img1{
  width:719px;
  margin:128px 0 0 58px
}

.introduce-wrap .move-img6 .img2{
  width:744px;
  position:absolute;
  left:50%;
  top:116px;
  transform:translateX(-50%);
  
}

.introduce-wrap .move-img6 .img3{
  width:820px;
  position:absolute;
  left:8px;
  top:80px;
  
}

.introduce-wrap .move-img6 .img4{
  width:206px;
  position:absolute;
  right:281px;
  top:316px;
  
}


.section3{
  padding:240px 0
}

.section3 .inner{
  overflow:hidden;
  max-width:1317px
}

.introduce-wrap .section3 .con-title2,
.logistics-wrap .section3 .con-title2{
  display:block;
  padding-bottom:60px
}

.section3 .video-slide{
  display:flex;
  
}

.section3 .video-slide .video-img{
  overflow:hidden;
  position:relative;
  width:930px;
  height:520px;
  border-radius:8px 0 0 8px
}

.section3 .video-slide .video-img:before{
  content:'';
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  z-index:1
}

.section3 .video-slide .img img{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%
}

.section3 .video-slide .text-con{
  width:387px;
  height:520px;
  padding:60px 53px;
  background:#424645;
  border-radius:0 12px 12px 0;
  color:#fff
}

.section3 .video-slide .top{
  display:block;
  padding-bottom:24px;
  font-size:20px
}

.section3 .video-slide .text{
  font-size:28px;
  font-weight:700;
  
}

.section3 .video-slide .text2{
  padding-top:13px;
  font-size:18px;
  
}

.section3 .video-slide .name{
  display:block;
  padding-top:37px;
  font-size:18px
}

.section3 .swiper-button-box{
  top:-100px;
  width:1317px;
  
}

.section3 .swiper-container{
  overflow:visible
}

.section3 .swiper-button:hover:before,
.section3 .swiper-button:focus:before{
  border-color:#5bc2a9
}


.introduce-wrap .section4{
  padding-bottom:160px
}

.introduce-wrap .section4 .inner{
  padding:0 60px
}

.customer-list{
  display:flex;
  flex-wrap:wrap;
  margin:86px -8px 0
}

.customer-list li{
  flex:0 1 auto;
  width:20%;
  padding:14px 8px 0
}

.customer-list li img{
  width:100%
}

.introduce-wrap .banner-box,
.logistics-wrap .banner-box,
.partnerships-wrap .banner-box{
  margin-bottom:-180px
}


/*»ï¼ºSDS¹°·ù*/
.logistics-wrap .section1{
  padding-bottom:240px;
  background:url(/static/assets/contents/bg_logistics.png) no-repeat 85% 244px !important
}

.logistics-wrap .section1 .inner{
  padding:340px 0 0;
  
}

.logistics-wrap .logistics-top{
  position:relative;
  width:1316px;
  height:792px;
  margin:0 auto
}

.logistics-wrap .logistics-top>li{
  position:absolute
}

.logistics-wrap .logistics-top>li:nth-child(1){
  left:0;
  top:0;
  width:652px
}

.logistics-wrap .logistics-top>li:nth-child(2){
  left:684px;
  top:0;
  width:300px
}

.logistics-wrap .logistics-top>li:nth-child(3){
  right:0;
  top:0;
  width:300px
}

.logistics-wrap .logistics-top>li:nth-child(4){
  left:0;
  bottom:0;
  width:300px
}

.logistics-wrap .logistics-top>li:nth-child(5){
  left:332px;
  bottom:0;
  width:652px
}

.logistics-wrap .logistics-top>li:nth-child(6){
  right:0;
  bottom:0;
  width:300px
}

.logistics-wrap .logistics-top>li img{
  display:block;
  box-shadow:12px 12px 24px 0 rgba(54,67,64,.16);
  width:100%
}

.logistics-wrap .logistics-top>li:nth-child(3) img+img,
.logistics-wrap .logistics-top>li:nth-child(4) img+img{
  margin-top:20px
}


.logistics-wrap .move-img-box{
  position:absolute;
  right:60px;
  top:132px;
  
}

.logistics-wrap .move-img-box img{
  width:100%
}

.logistics-wrap .section2 #content2 .text-con{
  position:relative;
  left:auto;
  top:auto;
  width:790px;
  padding-top:157px
}

.logistics-wrap .section2 #content2 .move-img-box{
  position:relative;
  right:auto;
  top:auto;
  padding-top:16px
}

.logistics-wrap .section2 #content3 .move-img-box{
  top:163px
}

.logistics-wrap .section2 #content1 .move-img-box .move-img{
  width:781px
}

.logistics-wrap .section2 #content2 .move-img-box .move-img{
  width:100%
}

.logistics-wrap .section2 #content3 .move-img-box .move-img{
  width:1040px
}


/*ÆÄÆ®³Ê½Ê*/
.partnerships-wrap .section1{
  padding-bottom:457px;
  background:url(/static/assets/contents/bg_partnership.png) no-repeat 50% 100%
}

.partnerships-wrap .move-img-box{
  position:absolute;
  right:60px;
  top:160px
}

.partnerships-wrap .move-img-box img{
  width:100%
}

.partnerships-wrap .section2 #content2 .move-img-box{
  top:186px
}

.partnerships-wrap .section2 #content3 .move-img-box{
  top:259px
}

.partnerships-wrap .section2 #content1 .move-img-box .move-img{
  width:636px
}

.partnerships-wrap .section2 #content2 .move-img-box .move-img{
  width:611px
}

.partnerships-wrap .section2 #content3 .move-img-box .move-img{
  width:696px
}

.partnerships-wrap .section4 .inner{
  padding:0 60px 160px
}


/*Àüü»óÇ°º¸±â ÆäÀÌÁö*/
.service-wrap .inner{
  padding:0 60px
}

.service-wrap .sort-search-cp{
  margin:80px 0 0
}

.service-wrap .card-list{
  display:flex;
  margin:-80px -14px 0
}

.service-wrap .card-list>div{
  width:33.33%;
  margin:0;
  padding-top:80px
}

.service-wrap .card-con-inner{
  margin:0 14px
}


/*¿òÁ÷ÀÌ´Â ¹è°æ*/
.bg-wrap{
  position:relative
}

.bg-wrap [class^="bg-objet"]{
  position:absolute;
  text-indent:-9999px;
  overflow:hidden;
  background-size:100% auto;
  background-repeat:no-repeat
}

.bg-wrap [class^="bg-objet"] img{
  width:100%
}

.bg-wrap .bg-objet01{
  background-image:url(/static/assets/bg_move_fowarding_01.png);
  width:234px;
  height:234px;
  top:0;
  left:0
}

.bg-wrap .bg-objet02{
  background-image:url(/static/assets/bg_move_fowarding_02.png);
  width:201px;
  height:400px;
  top:583px;
  left:0
}

.bg-wrap .bg-objet03{
  background-image:url(/static/assets/bg_move_fowarding_03.png);
  width:201px;
  height:400px;
  top:983px;
  left:0
}

.bg-wrap .bg-objet04{
  background-image:url(/static/assets/bg_move_fowarding_04.png);
  width:248px;
  height:500px;
  top:160px;
  right:0
}

.bg-wrap .bg-objet05{
  background-image:url(/static/assets/bg_move_fowarding_05.png);
  width:492px;
  height:378px;
  top:1896px;
  right:0
}


.main .bg-wrap .bg-objet01{
  width:525px;
  height:403px;
  background-image:url(/img/bg_move_main_01.png);
  top:193px
}

.main .bg-wrap .bg-objet02{
  width:308px;
  height:192px;
  background-image:url(/img/bg_move_main_02.png);
  top:63px;
  left:auto;
  right:0
}


.bg-wrap.intro .bg-objet01{
  width:263px;
  height:171px;
  background-image:url(/static/assets/bg_move_intro_01.png)
}

.bg-wrap.intro .bg-objet03{
  width:263px;
  height:163px;
  background-image:url(/static/assets/bg_move_intro_02.png);
  top:171px
}

.bg-wrap.intro .bg-objet04{
  width:320px;
  height:246px;
  background-image:url(/static/assets/bg_move_intro_03.png);
  top:125px;
  
}


.bg-wrap.ecommerce .bg-objet01{
  width:320px;
  height:246px;
  background-image:url(/static/assets/bg_move_ecommerce_01.png);
  top:140px
}

.bg-wrap.ecommerce .bg-objet02{
  width:304px;
  height:151px;
  background-image:url(/static/assets/bg_move_ecommerce_02.png);
  top:464px;
  right:231px;
  left:auto
}

.bg-wrap.ecommerce .bg-objet03{
  width:231px;
  height:304px;
  background-image:url(/static/assets/bg_move_ecommerce_03.png);
  top:464px;
  left:auto;
  right:0
}

.bg-wrap.ecommerce .bg-objet04{
  width:362px;
  height:731px;
  background-image:url(/static/assets/bg_move_ecommerce_04.png);
  top:1697px
}


.bg-wrap.it-own .bg-objet01{
  background-image:url(/static/assets/bg_move_it_01.png);
  top:38px;
  left:auto;
  right:0
}

.bg-wrap.it-own .bg-objet02{
  width:409px;
  height:408px;
  background-image:url(/static/assets/bg_move_it_02.png);
  top:700px
}

.bg-wrap.it-own .bg-objet03{
  width:192px;
  height:304px;
  background-image:url(/static/assets/bg_move_it_03.png);
  top:1240px;
  left:auto;
  right:0
}

.bg-wrap.it-own .bg-objet04{
  width:192px;
  height:151px;
  background-image:url(/static/assets/bg_move_it_04.png);
  top:1819px
}


.bg-wrap.library{
  z-index:3
}

.bg-wrap.library+.breadcrumb{
  position:relative;
  z-index:4
}

.bg-wrap.library .bg-objet01{
  width:271px;
  height:145px;
  background-image:url(/static/assets/bg_move_library_01.png);
  left:auto;
  right:264px
}


.air-freight-wrap .service-info-list, .e-commerce-wrap .service-info-list, .it-logistics-wrap .service-info-list{
  margin-top:0
}


/*°ßÀû¹®ÀÇ*/
.estimate-con.estimate-show{
  display:block;
  
}

.estimate-con{
  display:none;
  border-radius:12px;
  padding:24px 32px 32px;
  margin-top:20px;
  background:#f4f4f4;
  
}

.estimate-con .essential:before{
  color:#424645
}

.estimate-con input[type=text]{
  width:calc(100% - 172px)
}

.estimate-con .terms-con .check-box{
  display:inline-block
}

.estimate-con .terms-con .check-box+.check-box{
  margin-left:40px
}

.estimate-con .form-title+.terms-con{
  display:inline-block;
  width:calc(100% - 172px);
  padding:12px 0;
  margin-top:0;
  font-size:0;
  
}

.estimate-con .form-title{
  display:inline-block;
  min-width:168px;
  margin-top:0
}

.estimate-con #shipping-section-start,.estimate-con #shipping-section-end{
  width:330px
}

.estimate-con .error-text, .estimate-con .warning-text{
  margin:6px 0 0 172px
}

.estimate-con+.form-con{
  margin-top:20px
}


/*tablet*/
/*GNB , Breadcrumb*/
@media screen and (max-width:1920px){

  header{
    height:120px;
    height:6.25vw
  }

  header.open,
  header.depth2-open{
    height:158px;
    height:8.2292vw;
    box-shadow:0 3px 8px 0 rgba(0,0,0,.06);
    box-shadow:0 .1563vw .4167vw 0 rgba(0,0,0,.06)
  }

  header .inner{
    max-width:1920px;
    max-width:100vw;
    padding:48px 60px 0;
    padding:2.5vw 3.125vw 0
  }

  header .logo{
    width:162px;
    width:8.4375vw;
    height:25px;
    height:1.3021vw
  }

  .cello-wrap.scrolled.down header{
    margin-top:-120px;
    margin-top:calc(-100vw * 0.0625)
  }

  .cello-wrap.scrolled.down header.open,
  .cello-wrap.scrolled.down header.depth2-open{
    margin-top:-158px;
    margin-top:calc(-100vw * 0.082292)
  }


  .cello-nav-list{
    left:563px;
    left:29.3229vw;
    top:49px;
    top:2.5521vw
  }

  .cello-nav-list>li{
    margin:0 0 0 40px;
    margin:0 0 0 2.0833vw
  }

  .cello-nav-list>li>a{

    height:56px;
    height:2.9167vw;
    padding-bottom:37px;
    padding-bottom:1.9271vw;
    font-size:16px;
    font-size:.9333vw
  }

  .cello-nav-list>li:hover>a:after,.cello-nav-list>li>a:focus:after{
    top:28px;
    top:1.4583vw
  }

  .cello-nav-list>li>ul{
    bottom:-30px;
    bottom:-1.5625vw
  }

  .cello-nav-list>li.see-all-menu>a{
    height:24px;
    height:1.25vw;
    padding-left:30px;
    padding-left:1.5625vw
  }

  .cello-nav-list>li.see-all-menu>a:before{
    width:24px;
    width:1.25vw;
    height:24px;
    height:1.25vw
  }

  .cello-nav-list>li>ul>li>a{
    height:44px;
    height:2.2917vw;
    padding:10px 0;
    padding:.5208vw 0;
    margin-left:32px;
    margin-left:1.6667vw;
    font-size:16px;
    font-size:.8333vw
  }


  .lnb-list{
    right:5.9375vw;
    top:51px;
    top:2.6563vw
  }
  /*right:114px;
  right:5.9375vw;
   ¾ð¾î¼±Åà ¾øÀ» ¶§ right:46px*/
  .lnb-list.dev{
    right:114px;
    right:5.9375vw;
    
  }

  .lnb-list>li:after{
    top:4px;
    top:.2083vw;
    height:14px;
    height:.7292vw
  }

  .lnb-list>li>a{
    padding:0 12px;
    padding:0 .6250vw;
    font-size:14px;
    font-size:.7292vw
  }


  .lang-list{
    right:60px;
    right:3.1250vw;
    width:24px;
    width:1.25vw
  }

  .lang-list>.txt{
    top:49px;
    top:2.5521vw;
    width:24px;
    width:1.25vw;
    height:24px;
    height:1.25vw
  }

  .lang-list>.txt:after{
    width:24px;
    width:1.25vw;
    height:24px;
    height:1.25vw
  }

  .lang-list>ul{
    top:100px;
    top:5.2083vw;
    padding:16px;
    padding:.8333vw;
    border-radius:8px;
    border-radius:.4167vw
  }

  .lang-list.open>ul{
    top:89px;
    top:4.6354vw
  }

  .lang-list>ul>li>a{
    font-size:14px;
    font-size:.7292vw
  }

  .lang-list>ul>li+li>a{
    margin-top:12px;
    margin-top:.6250vw
  }

  header .btn-nav{
    width:22px;
    height:16px;
    width:1.1458vw;
    height:.8333vw
  }


  .breadcrumb{
    padding-top:60px;
    padding-top:3.125vw
  }

  .depth2-open ~ .cello_container .breadcrumb{
    padding-top:22px;
    padding-top:1.1458vw
  }

  .breadcrumb .inner{
    max-width:1920px;
    max-width:100vw;
    padding-right:60px;
    padding-right:3.1250vw
  }

  .breadcrumb ul{
    height:20px;
    height:1.0417vw;
    font-size:14px;
    font-size:.7292vw
  }

  .breadcrumb ul>li{
    font-size:14px;
    font-size:.7292vw
  }

  .breadcrumb ul>li:before{
    width:6px;
    width:.3125vw;
    height:6px;
    height:.3125vw
  }

  .breadcrumb ul>li>a{
    padding-left:18px;
    padding-left:.9375vw;
    margin-right:12px;
    margin-right:.6250vw;
    line-height:20px;
    line-height:1.0417vw
  }

  .breadcrumb ul>li.home>a{
    height:20px;
    height:1.0417vw;
    line-height:20px;
    line-height:1.0417vw
  }

  /* .breadcrumb ul>li.home>a:before{
    width:14px;
    width:.7292vw;
    height:16px;
    height:.8333vw;
    margin-right:12px;
    margin-right:.6250vw
  }
   */
  .breadcrumb ul>li.current{
    padding-left:18px;
    padding-left:.9375vw
  }


  /*Àüü»óÇ°º¸±â ·¹À̾î*/
  .whole-product-view .top{
    max-width:1920px;
    max-width:100vw
  }

  .whole-product-view .top .logo{
    width:8.4375vw;
    height:1.3021vw;
    left:60px;
    left:3.125vw;
    top:49px;
    top:2.5vw
  }

  .whole-product-view .scroll{
    padding:0 0 87px;
    padding:0 0 4.5313vw
  }
  /*60px 3.1250vw*/
  .whole-product-view .inner{
    max-width:1920px;
    max-width:100vw;
    padding-right:100px;
    padding-right:5.2083vw
  }

  .whole-product-view .con-title3{
    left:60px;
    left:3.125vw;
    top:160px;
    top:8.3333vw;
    font-size:40px;
    font-size:2.0833vw
  }

  /* .whole-product-view .card-con-inner{
    padding:0 30px;
    padding:0 1.5625vw
  }
   */
  .whole-product-view .card-list-box .card-menu{
    left:60px;
    left:3.125vw;
    top:267px;
    top:13.9063vw
  }

  /* .whole-product-view .card-menu{
    top:181px
  }
   */
  .whole-product-view .card-list-box{
    margin-left:440px;
    margin-left:22.9167vw
  }

  .whole-product-view .card-list{
    padding-top:160px;
    padding-top:8.3333vw
  }

  .whole-product-view .card-list>div{
    margin-bottom:3.125vw
  }
  /*width:50%*/
  .whole-product-view .card-con-inner{
    margin:0 1.5625vw
  }

  .whole-product-view button.btn-popup-close{
    right:49px;
    right:2.5521vw;
    top:45px;
    top:2.3438vw
  }

  .whole-product-view .search-area{
    left:60px;
    left:3.125vw;
    top:547px;
    top:28.4896vw
  }

  .whole-product-view .search-area fieldset{
    width:280px;
    width:14.5833vw;
    
  }

  .whole-product-view .search-area input[type=text]{
    width:280px;
    width:14.5833vw;
    height:60px;
    height:3.125vw;
    line-height:60px;
    line-height:3.125vw;
    padding-right:60px;
    padding-right:3.125vw;
    font-size:18px;
    font-size:.9375vw
  }

  .whole-product-view .no-list{
    font-size:1.25vw;
    
  }

  .whole-product-view .search-area input[type=text]::placeholder,
  .whole-product-view .search-area input[type=text]:-ms-input-placeholder{
    font-size:18px;
    font-size:.9375vw
  }

  .whole-product-view .btn-search{
    width:60px !important;
    width:3.125vw !important;
    height:60px !important;
    height:3.125vw !important;
    background-size:24px auto !important;
    background-size:1.25vw auto !important
  }

  .whole-product-view .auto-complete-list{
    top:60px;
    top:3.1250vw;
    height:148px;
    height:7.7083vw
  }

  .whole-product-view .auto-complete-list ul{
    padding:12px 24px 16px;
    padding:.6250vw 1.25vw .8333vw
  }

  .whole-product-view .auto-complete-list li .kwd{
    width:calc(100% - 42px);
    width:calc(100% - 2.1875vw);
    padding:8px 0;
    padding:.4167vw 0;
    font-size:16px;
    font-size:.8333vw
  }

  .whole-product-view .auto-complete-list .btn-add{
    width:24px;
    height:24px;
    width:1.25vw;
    height:1.25vw
  }

  .whole-product-view .auto-complete-list .btn-add:before{
    width:10px;
    width:.5208vw;
    height:10px;
    height:.5208vw;
    margin:-10px 0 0 -10px;
    margin:-.2604vw 0 0 -.2604vw
  }

  .whole-product-view .auto-complete-list .btn-add:after{
    width:12px;
    width:.6250vw
  }

  
  .cello_container{
    padding-top:120px;
    padding-top:6.25vw
  }

  .depth2-open ~ .cello_container{
    padding-top:158px;
    padding-top:8.2292vw
  }


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

  .library-menu-wrap{
    display:none
  }


 
}
@media screen and (max-height:580px){

  .library-menu-wrap{
    display:none
  }


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

  .cello-nav-list{
    left:20%
  }


 
}
/* @media screen and (max-width:1800px){

  header{
    height:120px;
    height:6.6667vw
  }

  header.open{
    height:158px;
    height:8.7778vw;
    box-shadow:0 3px 8px 0 rgba(0,0,0,.06);
    box-shadow:0 .1667vw .4445vw 0 rgba(0,0,0,.06)
  }

  header .inner{
    max-width:1920px;
    max-width:100vw;
    padding:48px 60px 0;
    padding:2.6667vw 3.3333vw 0
  }

  header .logo{
    width:162px;
    width:9vw;
    height:26px;
    height:1.4445vw
  }

  .cello-wrap.down header{
    margin-top:-120px;
    margin-top:-6.6667vw
  }

  .cello-wrap.down header.open{
    margin-top:-158px;
    margin-top:-8.7778vw
  }


  .cello-nav-list{
    left:563px;
    left:31.2778vw;
    top:49px;
    top:2.7222vw
  }

  .cello-nav-list>li{
    margin:0 0 0 40px;
    margin:0 0 0 2.2222vw
  }

  .cello-nav-list>li>a{
    height:56px;
    height:3.1111vw;
    padding-bottom:37px;
    padding-bottom:2.0556vw;
    font-size:16px;
    font-size:.8889vw
  }

  .cello-nav-list>li:hover>a:after,.cello-nav-list>li>a:focus:after{
    top:28px;
    top:1.5556vw
  }

  .cello-nav-list>li>ul{
    bottom:-30px;
    bottom:-1.6667vw
  }

  .cello-nav-list>li.see-all-menu>a{
    height:24px;
    height:1.3333vw;
    padding-right:16px;
    padding-right:.8889vw
  }

  .cello-nav-list>li.see-all-menu>a:before{
    top:10px;
    top:.5556vw;
    width:12px;
    width:.6667vw;
    height:8px;
    height:.4444vw
  }

  .cello-nav-list>li>ul>li>a{
    height:44px;
    height:2.4444vw;
    padding:10px 0;
    padding:.5556vw 0;
    margin-left:32px;
    margin-left:1.7778vw;
    font-size:16px;
    font-size:.8889vw
  }


  .lnb-list{
    right:114px;
    right:6.3333vw;
    top:51px;
    top:2.8333vw
  }

  .lnb-list>li:after{
    top:4px;
    top:.2222vw;
    height:14px;
    height:.7778vw
  }

  .lnb-list>li>a{
    padding:0 12px;
    padding:0 .6667vw;
    font-size:14px;
    font-size:.7778vw
  }


  .lang-list{
    right:60px;
    right:3.3333vw;
    width:24px;
    width:1.3333vw
  }

  .lang-list>.txt{
    top:49px;
    top:2.7222vw;
    width:24px;
    width:1.3333vw;
    height:24px;
    height:1.3333vw
  }

  .lang-list>.txt:after{
    width:24px;
    width:1.3333vw;
    height:24px;
    height:1.3333vw
  }

  .lang-list>ul{
    top:100px;
    top:6.9444vw;
    padding:16px;
    padding:.8889vw;
    border-radius:8px;
    border-radius:.4444vw
  }

  .lang-list:hover>ul{
    top:89px;
    top:4.9444vw
  }

  .lang-list>ul>li>a{
    font-size:14px;
    font-size:.7778vw
  }

  .lang-list>ul>li+li>a{
    margin-top:12px;
    margin-top:.6667vw
  }

  header .btn-nav{
    width:22px;
    height:16px;
    width:1.2222vw;
    height:.8889vw
  }


  .breadcrumb .inner{
    max-width:1800px;
    max-width:100vw
  }

  .breadcrumb ul{
    height:20px;
    height:1.1111vw;
    font-size:14px;
    font-size:.7778vw
  }

  .breadcrumb ul>li>a{
    padding:0 12px;
    padding:0 .6667vw
  }

  .breadcrumb ul>li.home>a{
    height:20px;
    height:1.1111vw
  }

  .breadcrumb ul>li.home>a:before{
    width:14px;
    width:.7778vw;
    height:16px;
    height:.8889vw;
    margin-right:12px;
    margin-right:.6667vw
  }

  .breadcrumb ul>li.current:before{
    margin-right:12px;
    margin-right:.6667vw
  }


 
} */
/*GNB , Breadcrumb*/

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

  .inner{
    max-width:100vw
  }

  .main-con2 .img .sort-tag{   
    width:120px;  
    height:70px;  
  }
  

  footer .inner{
    height:600px;
    height:42.2222vw;
    padding:65px 60px 40px 362px;
    padding:4.5139vw 4.1667vw 2.7778vw 25.1389vw
  }

  .footer-logo{
    left:60px;
    left:4.1667vw;
    top:75px;
    top:5.2083vw;
    width:204px;
    width:14.1667vw;
    height: 49px;
    height: 3.3vw;
    /* height:32px;
    height:2.2222vw */
  }

  .footer-menu1>li{
    padding-left:31px;
    padding-left:2.1528vw
  }

  .footer-menu1>li>a{
    min-height:33px;
    min-height:2.2917vw;
    font-size:20px;
    font-size:1.3889vw;
    text-decoration: none !important;
  }

  .footer-menu1>li>ul{
    padding-top:4px;
    padding-top:.278vw
  }

  .footer-menu1>li>ul>li{
    margin-top:5px;
    margin-top:.25vw
  }

  .footer-menu1>li>ul>li>a{
    min-height:27px;
    min-height:1.8750vw;
    font-size:16px;
    font-size:1.1111vw;
    text-decoration: none !important;
  }

  .footer-menu2{
    padding-top:49px;
    padding-top:3.4028vw
  }

  .footer-menu2>li+li{
    margin-left:18px;
    margin-left:1.25vw
  }

  .footer-menu2>li>a{
    font-size:16px;
    font-size:1.1111vw
  }

  .address{
    padding-top:33px;
    padding-top:2.2917vw;
    font-size:14px;
    font-size:.9722vw
  }

  .address>span{
    padding-top:.3472vw;
    
  }

  .address>span:first-child{
    padding-bottom:8px;
    padding-bottom:.5556vw
  }

  .copyright{
    padding-top:5px;
    padding-top:.3472vw;
    font-size:14px;
    font-size:.9722vw
  }

  .footer-sns-list{
    right:60px;
    right:4.1667vw;
    bottom:148px;
    bottom:10.2778vw
  }

  .footer-sns-list>li+li{
    margin-left:43px;
    margin-left:2.9861vw
  }

  .footer-sns-list>li>a{
    width:28px;
    width:1.9444vw;
    height:22px;
    height:1.5278vw
  }

  .footer-sns-list>li.linked-in>a{
    background-position:0 -22px;
    background-position:0 -1.5278vw
  }

  .footer-sns-list>li.facebook>a{
    background-position:0 -44px;
    background-position:0 -3.0556vw
  }

  .footer-sns-list>li.blog>a{
    background-position:0 -66px;
    background-position:0 -4.5833vw
  }


  footer .family-site{
    right:60px;
    right:4.1667vw;
    bottom:72px;
    bottom:5vw;
    height:38px;
    height:2.6389vw
  }

  footer .family-site:after{
    width:160px;
    width:11.1111vw
  }

  footer .family-site>button{
    width:192px;
    width:13.3333vw;
    height:38px;
    height:2.6389vw;
    padding:9px 16px;
    padding:.625vw 1.1111vw;
    font-size:14px;
    font-size:.9722vw
  }

  footer .family-site.open>button{
    padding:9px 15px;
    padding:.625vw 1.0417vw;
    border-radius:0 0 8px 8px;
    border-radius:0 0 .5556vw .5556vw
  }

  footer .family-site>button:before{
    right:20px;
    right:1.3889vw;
    top:11px;
    top:.7639vw;
    width:8px;
    width:.5556vw;
    height:8px;
    height:.5556vw;
    border-width:.1389vw
  }

  footer .family-site.open>button:before{
    top:18px;
    top:1.25vw;
    
  }

  /* footer .family-site>button:after{
    right:16px;
    right:1.1111vw;
    width:10px;
    width:.6944vw;
    height:2px;
    height:.1389vw
  }
   */
  /* footer .family-site.open>button:after{
    right:16px;
    right:1.111vw
  }
   */
  footer .family-site>ul{
    bottom:38px;
    bottom:2.6389vw;
    padding:16px;
    padding:1.1111vw;
    border-radius:.5556vw .5556vw 0 0
  }

  footer .family-site>ul>li+li{
    margin-top:18px;
    margin-top:1.25vw
  }

  footer .family-site>ul>li>a{
    font-size:14px;
    font-size:.9722vw
  }

  footer .btn-news-letter{
    right:359px;
    right:24.9306vw;
    bottom:145px;
    bottom:10.0694vw;
    padding:4px 15px;
    padding:.2778vw 1.0417vw;
    border-radius:4px;
    border-radius:.2778vw;
    font-size:12px;
    font-size:.8333vw
  }

  footer .btn-go-top{
    right:19.8611vw;
    bottom:5.6944vw;
    height:1.3889vw;
    padding-right:1.25vw;
    font-size:.9722vw;
    line-height:1.3889vw
  }

  footer .btn-go-top:after{
    top:.5556vw;
    width:.5556vw;
    height:.5556vw;
    border-width:.1389vw
  }


  .floating-menu{
    right:40px;
    right:2.7778vw
  }

  .floating-menu>li{
    width:60px;
    width:4.1667vw;
    height:60px;
    height:4.1667vw;
    list-style: none;
    
  }

  .floating-menu>li.login{
    top:80px;
    top:5.5556vw
  }

  .floating-menu>li.estimate{
    top:160px;
    top:11.1111vw
  }

  .floating-menu>li.ask{
    top:240px;
    top:16.6667vw
  }

  .floating-menu>li>a{
    width:60px;
    width:4.1667vw;
    box-shadow:2px 2px 6px rgba(0, 0, 0, .12);
    box-shadow:.1389vw .1389vw .4167vw rgba(0, 0, 0, .12);
    font-size:16px;
    font-size:1.1111vw
  }

  .floating-menu>li>a:before{
    width:24px;
    width:1.6667vw;
    height:24px;
    height:1.6667vw
  }

  .floating-menu>li.ask>a:before{
    width:20px;
    height:20px;
    width:1.3889vw;
    height:1.3889vw
  }

  .floating-menu>li>a>span{
    left:100px;
    left:6.9444vw
  }

  @keyframes widthbg{

    from{

      width:4.1667vw;
      
    
    }

    to{

      width:11.8056vw;
      
    
    }

  
  }

  .floating-menu>li>a:hover,
  .floating-menu>li>a:focus{
    width:170px;
    width:11.8056vw;
    padding:18px;
    padding:1.25vw;
    border-radius:30px;
    border-radius:2.0833vw
  }

  /* .floating-menu>li>a:hover{

  
  }
   */
  .floating-menu>li>a:hover>span,
  .floating-menu>li>a:focus>span{
    left:54px;
    left:3.7500vw
  }


  /*error page*/
  .error-wrap:before{
    width:14.1667vw;
    height:10.6944vw;
    margin:0 auto 3.2639vw
  }

  .error-wrap p{
    margin-top:1.7361vw;
    font-size:1.6667vw
  }


  /*margin*/
  .mt38{
    margin-top:38px;
    margin-top:2.6389vw
  }

  .mt90{
    margin-top:90px;
    margin-top:6.25vw
  }


  /*title*/
  .con-title1{
    font-size:52px;
    font-size:3.6111vw
  }

  .con-title2{
    font-size:48px;
    font-size:3.3333vw
  }

  .con-title3{
    font-size:40px;
    font-size:2.7778vw
  }

  .con-title4{
    font-size:32px;
    font-size:2.2222vw
  }


  .detail-con .inner{
    max-width:908px;
    max-width:63.0556vw
  }

  .con-text{
    margin-top:26px;
    margin-top:1.8056vw;
    font-size:24px;
    font-size:1.6667vw
  }


  /*text*/
  .title-box{
    width:908px;
    width:63.0556vw
  }

  .form-text{
    margin-bottom:20px;
    margin-bottom:1.3889vw;
    font-size:16px;
    font-size:1.1111vw
  }

  .info-text{
    margin-top:16px;
    margin-top:1.1111vw;
    font-size:16px;
    font-size:1.1111vw
  }

  .error-text,.warning-text{
    padding-left:24px;
    padding-left:1.6667vw;
    margin-top:12px;
    margin-top:.8333vw;
    font-size:16px;
    font-size:1.1111vw
  }

  .error-text:before,.warning-text:before{
    top:5px;
    top:.3472vw;
    width:16px;
    width:1.1111vw;
    height:16px;
    height:1.1111vw
  }

  .title-box .btn-tit{
    font-size:20px;
    font-size:1.3889vw
  }

  .title-box .btn-tit:after{
    width:8px;
    width:.5556vw;
    height:8px;
    height:.5556vw
  }

  .title-box .btn{
    margin-top:59px;
    margin-top:4.0972vw
  }


  /*input*/
  input[type=text],input[type=number]{
    height:52px;
    height:3.6111vw;
    line-height:52px;
    line-height:3.6111vw;
    padding:0 20px;
    padding:0 1.3889vw;
    border-radius:4px;
    border-radius:.2778vw;
    font-size:18px;
    font-size:1.2500vw
  }

  input[type=text]::placeholder,input[type=number]::placeholder{
    font-size:18px;
    font-size:1.25vw
  }

  input[type=text]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder{
    font-size:18px;
    font-size:1.25vw
  }

  .essential{
    width:11px;
    width:.7639vw
  }


  .radio-box+.radio-box{
    margin-left:119px;
    margin-left:8.2639vw
  }

  input[type=radio]+label,input[type=checkbox]+label{
    min-height:28px;
    min-height:1.9444vw;
    padding-left:44px;
    padding-left:3.0556vw;
    font-size:18px;
    font-size:1.2500vw
  }

  input[type=radio]+label:before,input[type=checkbox]+label:before{
    width:28px;
    width:1.9444vw;
    height:28px;
    height:1.9444vw
  }

  input[type=radio]+label:after{
    left:6px;
    left:.4167vw;
    top:6px;
    top:.4167vw;
    width:16px;
    width:1.1111vw;
    height:16px;
    height:1.1111vw
  }

  input[type=checkbox]+label:after{
    left:9px;
    left:.6250vw;
    top:11px;
    top:.7639vw;
    width:15px;
    width:1.0417vw;
    height:11px;
    height:.7639vw
  }


  textarea{
    height:260px;
    height:18.0556vw;
    padding:13px 20px;
    padding:.9028vw 1.3889vw;
    border-radius:4px;
    border-radius:.2778vw;
    font-size:18px;
    font-size:1.25vw
  }

  textarea::placeholder,
  textarea:-ms-input-placeholder{
    font-size:18px;
    font-size:1.25vw
  }


  /*button*/
  .btn-box{
    margin-top:80px;
    margin-top:5.5556vw
  }

    
  .btnS{
    min-width:90px;
    height:42px;
    line-height:41px;
    padding:0 25px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
  }


  .btnM{
    min-width:110px;
    min-width:7.6389vw;
    height:52px;
    height:3.6111vw;
    line-height:52px;
    line-height:3.6111vw;
    padding:0 40px;
    padding:0 2.7778vw;
    border-radius:4px;
    border-radius:.2778vw;
    font-size:16px;
    font-size:1.1111vw
  }

  .btnL{
    min-width:260px;
    min-width:18.0556vw;
    height:72px;
    height:5vw;
    line-height:72px;
    line-height:5vw;
    padding:0 80px;
    padding:0 5.5556vw;
    border-radius:36px;
    border-radius:2.5vw;
    font-size:18px;
    font-size:1.25vw
  }

  .btn-box.line{
    margin-top:120px;
    margin-top:8.3333vw;
    padding-top:60px;
    padding-top:4.1667vw
  }


  /*selectbox*/
  /* ¼¿·ºÆ® ¹Ú½º µðÆúÆ® */
  .selectWrap{
    height:52px;
    height:3.6111vw
  }

  .selectWrap .ui-selectmenu-button{
    padding:0 20px;
    padding:0 1.3889vw;
    height:52px;
    height:3.6111vw;
    line-height:3.6111vw;
    border-radius:4px;
    border-radius:.2778vw;
    font-size:18px;
    font-size:1.25vw
  }

  .selectWrap .ui-selectmenu-button:after{
    right:20px;
    right:1.3889vw;
    width:24px;
    width:1.0417vw;
    height:24px;
    height:1.0417vw;
    background-size:15px 9px;
    background-size:1.0417vw .6250vw
  }

  .selectWrap .ui-selectmenu-button-open{
    border-radius:.2778vw .2778vw 0 0
  }

  .selectWrap .ui-selectmenu-menu{
    top:43px !important;
    top:2.9861vw !important;
    padding:12px 8px;
    padding:.8333vw .5556vw;
    border-radius:0 0 4px 4px;
    border-radius:0 0 .2778vw .2778vw
  }

  .selectWrap .ui-menu-item{
    height:43px;
    height:2.9861vw;
    line-height:43px;
    line-height:2.9861vw;
    border-radius:2px;
    border-radius:.1389vw;
    font-size:18px;
    font-size:1.25vw
  }

  .selectWrap .ui-menu-item-wrapper{
    padding-left:12px;
    padding-left:.8333vw
  }

  .selectWrap .ui-state-active{
    height:43px;
    height:2.9861vw
  }


  /* ¼¿·ºÆ® ¹Ú½º µðÆúÆ® ½ºÅ©·Ñ¹Ù  */
  .scrollbar-wrap{
    width:4px;
    width:.2778vw;
    right:6px;
    right:.4167vw;
    padding-top:10px;
    padding-top:.6944vw;
    padding-bottom:10px;
    padding-bottom:.6944vw
  }

  .scrollbar{
    width:4px;
    width:.2778vw
  }


  /*popup*/
  .popup{
    max-width:1436px;
    max-width:99.7222vw;
    min-width:1436px;
    min-width:99.7222vw;
    padding:60px 60px 40px;
    padding:4.1667vw 4.1667vw 2.7778vw
  }

  .popup-title{
    padding-bottom:33px;
    padding-bottom:2.2917vw;
    font-size:28px;
    font-size:1.9444vw
  }

  button.btn-popup-close{
    right:48px;
    right:3.3333vw;
    top:60px;
    top:4.1667vw;
    width:44px;
    width:3.0556vw;
    height:44px;
    height:3.0556vw;
    background-size:21px auto;
    background-size:1.4583vw auto
  }

  .popup-video{
    max-width:1200px;
    max-width:83.3333vw;
    min-width:1200px;
    min-width:83.3333vw;
    height:675px;
    height:46.8750vw
  }

  .popup-video button.btn-popup-close{
    width:60px;
    width:4.1667vw;
    height:60px;
    height:4.1667vw;
    top:-60px;
    top:-4.1667vw;
    background-size:24px auto;
    background-size:1.6667vw auto
  }


  .general-popup-wrap{
    top:8.3333vw;
    left:16.8056vw
  }

  .popup-img .btm-wrap{
    padding:0.6944vw
  }

  .popup-img .check-box input[type=checkbox]+label{
    font-size:1.1111vw;
    min-height:1.6667vw;
    padding-left:2.3611vw
  }

  .popup-img .check-box input[type=checkbox]+label:before{
    width:1.6667vw;
    height:1.6667vw
  }

  .popup-img .check-box input[type=checkbox]+label:after{
    width:0.9722vw;
    height:0.6944vw;
    top:0.5556vw;
    left:0.3472vw
  }

  .popup-img button.btn-managepop-close{
    width:1.6667vw;
    height:1.6667vw;
    bottom:0.6944vw;
    right:0.6944vw
  }


  .popup.collect-cookies .popup-con{
    font-size:1.2500vw
  }

  .popup.collect-cookies .popup-con p.color-green{
    font-size:1.3889vw;
    margin-top:1.6667vw
  }

  .popup.collect-cookies .popup-foot{
    margin-top:19.9306vw
  }

  .popup.collect-cookies .popup-con dl dt{
    font-weight:700;
    margin-top:2.2222vw
  }

  .popup.collect-cookies.desc .popup-foot{
    margin-top:21.0417vw
  }

  .popup.collect-cookies.success .popup-foot{
    margin-top:30.2778vw
  }

  .popup.privacy-cookies{
    padding-bottom:4.1667vw
  }

  
  /*contents*/
  .contents{
    padding:80px 0 180px;
    padding:5.5556vw 0 12.5vw
  }

  .category-text{
    margin-bottom:5px;
    margin-bottom:.3472vw;
    font-size:24px;
    font-size:1.6667vw
  }

  .category-text b{
    font-size:20px;
    font-size:1.3889vw;
    padding-left:24px;
    padding-left:1.6667vw
  }

  .category-text b:before{
    left:12px;
    left:.8333vw;
    margin-top:-8px;
    margin-top:-.5556vw;
    height:16px;
    height:1.1111vw
  }

  .info-con1{
    height:337px;
    height:23.4028vw;
    margin-top:141px;
    margin-top:9.7917vw
  }

  .info-con1 .inner{
    max-width:1220px;
    max-width:84.7222vw;
    height:337px;
    height:23.4028vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .info-con1 img{
    top:-63px;
    top:-4.3750vw;
    width:260px;
    width:18.0556vw;
    box-shadow:.8333vw .8333vw 1.3889vw 0 rgba(0, 0, 0, .24)
  }

  .info-con1 .text{
    width:calc(100% - 320px);
    width:calc(100% - 22.2222vw);
    padding-left:60px;
    padding-left:4.1667vw
  }

  .info-con1 .text .author{
    padding-top:2.0833vw;
    font-size:.9722vw;
    
  }

  .info-con1 .text .author strong{
    padding-right:1.1111vw;
    margin-right:1.1111vw
  }

  .info-con1 .text .author strong:after{
    height:.8333vw
  }


  .form-box{
    width:900px;
    width:62.5vw;
    padding-top:80px;
    padding-top:5.5556vw
  }

  .form-con+.form-con{
    margin-top:20px;
    margin-top:1.3889vw
  }

  .form-box ~ .btn-box.line{
    width:62.5vw
  }

  .form-title{
    margin-top:60px;
    margin-top:4.1667vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .form-title+.form-con{
    margin-top:29px;
    margin-top:2.0139vw
  }

  .form-con-info{
    height:24px;
    height:1.6667vw;
    margin-top:6px;
    margin-top:.4167vw
  }

  .form-con-info .text-count{
    font-size:14px;
    font-size:.9722vw
  }

  .terms-con{
    margin-top:33px;
    margin-top:2.2917vw
  }

  .terms-con>.check-box input[type=checkbox]+label{
    padding-left:40px;
    padding-left:2.7778vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .terms-con>.check-box input[type=checkbox]+label:before{
    width:28px;
    width:1.9444vw;
    height:28px;
    height:1.9444vw
  }

  .terms-con>.check-box input[type=checkbox]+label:after{
    left:9px;
    left:.6250vw;
    top:11px;
    top:.7639vw;
    width:12px;
    width:.8333vw;
    height:18px;
    height:1.2500vw
  }

  .terms-list{
    padding:24px 16px;
    padding:1.6667vw 1.1111vw;
    margin-top:21px;
    margin-top:1.4583vw;
    border-radius:6px;
    border-radius:.4167vw
  }

  .terms-list>ul>li+li{
    margin-top:20px;
    margin-top:1.3889vw
  }

  .terms-list .warning-text{
    margin-bottom:18px;
    margin-bottom:1.2500vw;
    margin-left:14px;
    margin-left:.9722vw
  }


  .form-end .inner{
    padding:100px 0 120px;
    padding:6.9444vw 8.3333vw;
    border-radius:12px;
    border-radius:.8333vw
  }

  .form-end .inner>strong{
    padding-top:179px;
    padding-top:12.4306vw;
    background-size:288px auto;
    background-size:20vw auto;
    font-size:48px;
    font-size:3.3333vw
  }

  .form-end .inner>p{
    padding-top:25px;
    padding-top:1.7361vw;
    font-size:24px;
    font-size:1.6667vw
  }


  .detail-con .date{
    margin-top:25px;
    margin-top:1.7361vw;
    font-size:18px;
    font-size:1.25vw;
    line-height:16px;
    line-height:1.1111vw
  }

  .detail-con .date>em{
    height:16px;
    height:1.1111vw;
    padding-right:12px;
    padding-right:.8333vw;
    margin-right:12px;
    margin-right:.8333vw
  }

  .detail-box{
    margin-top:80px;
    margin-top:5.5556vw
  }

  .detail-box .img{
    margin:50px 0 40px;
    margin:3.4722vw 0 2.7778vw
  }

  .detail-box .img2{
    margin-top:80px;
    margin-top:5.5556vw
  }

  .detail-box .text{
    margin-top:60px;
    margin-top:4.1667vw;
    font-size:18px;
    font-size:1.25vw
  }

  .detail-box .imgTit {
    padding-bottom:20px;
    font-size:18px;
    padding-bottom:1.3889vw;
    font-size:1.2500vw;
    
  }

  .detail-box .img .im_info{
    margin-top:20px;
    margin-top:1.3889vw;
    font-size:14px;
    font-size:.9722vw
  }

  .detail-box .img .im_infoTip {
    margin-top:12px;
    margin-top:0.8333vw;
    font-size:16px;
    font-size:1.1111vw;
    
  }

  .detail-box .img .im_title{
    margin-bottom:1.3889vw;
    font-size:1.25vw;
    
  }

  .detail-box .title{
    padding-top:80px;
    padding-top:5.5556vw;
    font-size:24px;
    font-size:1.6667vw
  }

  .detail-box .list-text{
    padding-left:30px;
    padding-left:2.0833vw
  }

  .detail-box .author{
    margin-top:5.4167vw
  }

  .detail-box .author .photo{
    width:8.8194vw
  }

  .detail-box .author img{
    width:8.8194vw;
    height:8.8194vw;
    padding:.625vw
  }

  .detail-box .author .name{
    margin-bottom:.2778vw;
    font-size:1.6667vw;
    
  }

  .detail-box .author .info{
    font-size:1.25vw;
    
  }

  /* .detail-box .author2{
    min-height:27.5vw;
    padding-bottom:2.7083vw;
    margin-top:8.3333vw
  }

  .detail-box .author2 .photo{
    height:27.5vw
  }

  .detail-box .author2 figcaption{
    padding:14.3056vw 0 0 32.0139vw;
    
  }

  .detail-box .author2 .info{
    font-size:1.0417vw;
    line-height:1.3889vw
  }

  .detail-box .author2 ul{
    font-size:.6944vw
  }

  .detail-box .author-img{
    padding-top:8.3333vw
  }
   */
  /* .detail-box .icon1{
    padding-top:.6944vw
  }
   */
  /* .detail-box .icon2{
    padding-top:2.7778vw
  }
   */
  .detail-box .author2{
    margin-top:8.3333vw
  }

  .detail-box .video{
    margin:0 -146px;
    margin:0 -10.1389vw
  }

  .detail-box .author-img{
    padding-top:8.3333vw
  }

  /* .detail-box .img+.text>.title{
    padding-top:2.0833vw
  }
   */
	.detail-box .info-list>li{
    padding-left:2.4306vw;
    margin-top:2.2222vw;
    font-size:1.3889vw
  }

	.detail-box .info-list>li>p{
    margin-top:.8333vw;
    font-size:1.25vw
  }

  .detail-box dl dd.img{
    margin:2.7778vw 0
  }

  .detail-box .text blockquote + blockquote{
    margin-top:2.7778vw
  }

  .detail-box .text blockquote > p{
    font-size:1.5278vw
  }

  .detail-box .text blockquote > small{
    padding:.6944vw 0;
    font-size:1.1111vw
  }

	.detail-con .table-box.blog th{
    padding:1.25vw;
    font-size:.9722vw
  }

	.detail-con .table-box.blog tbody th{
    font-size:.9722vw;
    padding:.4861vw 1.3889vw .5556vw
  }

	.detail-con .table-box.blog td{
    padding:.4861vw 1.3889vw .5556vw;
    font-size:.8333vw
  }

	.detail-con .table-box.blog tr td:last-child{
    font-size:.8333vw
  }

  .detail-box sup{
    font-size:.8333vw
  }


  /*¹°·ù¿ë¾îÁý*/
  .distribution-voca{
    padding-top:1.3889vw
  }

  .distribution-voca .bulType li {
    padding-left:10px;
    padding-left:0.6944vw;
    
  }

  .distribution-voca .bulType02 li {
    padding-left:10px;
    padding-left:0.6944vw;
    
  }

  .distribution-voca .bulType02 li:before {
    top:15px;
    top:1.0417vw;
    
  }

  .distribution-voca>li{
    padding-left:1.8056vw
  }

  .distribution-voca>li .pc-img, 
.distribution-voca>li .mo-img {
  margin-left:-1.8056vw;
  
}

  .distribution-voca>li+li{
    padding-top:5.5556vw
  }

  .distribution-voca>li>ol{
    margin-left:-1.8056vw
  }

  .distribution-voca>li>ol>li{
    font-size:1.6667vw;
    
  }

  .distribution-voca>li>ol>li+li{
    padding-top:4.1667vw
  }

  .distribution-voca>li>ol>li .text{
    margin:1.3889vw 0 0;
    font-size:1.25vw;
    
  }

  .distribution-voca>li>ol>li .text ul {
    margin:12px 0 0 16px;
    margin:0.8333vw 0 0 1.1111vw;
    
  }

  .distribution-voca>li>ol>li .text ul>li>ul {
    margin-top:8px;
    margin-top:0.5556vw;
    
  }

  .distribution-voca>li>ol>li .text ul>li>ul>li + li {
    margin-top:10px;
    margin-top:0.6944vw;
    
  }

  .distribution-voca>li>ol>li .text ul>li>ul>li p {
    margin-left:-10px;
    margin-left:-0.6944vw;
    
  }

  .distribution-voca>li>ol>li>ul{
    margin-top:1.3889vw;
    font-size:1.25vw;
    line-height:2.2222vw
  }

  .distribution-voca>li>ol>li>ul>li{
    padding-left:.6944vw;
    
  }

  .distribution-voca>li>ol>li>ul>li .color-green2{
    text-indent:-.6944vw;
    margin-left:.6944vw;
    font-size:.9722vw;
    
  }

  .distribution-voca>li>ol>li>ul>li+li{
    margin-top:.8333vw
  }

  .distribution-voca .invoice-list{
    padding-top:2.7778vw
  }

  .distribution-voca .invoice-list>strong{
    padding:4.1667vw 0 1.3889vw;
    font-size:1.25vw;
    
  }

  .distribution-voca .invoice-list ul>li{
    width:34.7222vw;
    padding-left:.6944vw;
    font-size:.9722vw;
    
  }

  .distribution-voca .invoice-list .important{
    padding-bottom:1.3889vw;
    font-size:.9722vw
  }

  .distribution-voca .text-indent{
    padding-left:7.9167vw
  }

  .distribution-voca span.color-green2{
    padding-left:1.1111vw;
    font-size:.9722vw
  }

  .detail-box .box-tit{
    height:2.7778vw;
    margin-bottom:0.6944vw;
    padding:0.0694vw 1.1111vw 0.1389vw;
    font-size:1.6667vw;
    line-height:2.7778vw;
    
  }

  .detail-box .box-tit span:first-child{
    height:2.7778vw;
    padding-right:.5556vw;
    font-size:1.6667vw;
    
  }

  .detail-box .box-tit span{
    font-size:1.2500vw
  }

  .detail-box dd{
    text-indent:-.6944vw;
    margin-left:.6944vw;
    font-size:1.25vw
  }

  .detail-box dd + dt.box-tit{
    margin-top:2.6389vw
  }

  .detail-box dd span.color-green2{
    text-indent:-6944vw;
    margin-left:6944vw;
    padding-left:0;
    font-size:.9722vw
  }

  .detail-box .img-tit{
    display:block;
    padding-bottom:.8333vw
  }


  .content-sns{
    margin-top:60px;
    margin-top:4.1667vw
  }

  .content-sns>li{
    width:48px;
    width:3.3333vw;
    height:48px;
    height:3.3333vw;
    margin:0 8px;
    margin:0 .5556vw
  }

  .content-sns>li>a:after{
    width:20px;
    width:1.3889vw;
    height:18px;
    height:1.25vw
  }

  .content-sns>li.facebook>a:after{
    background-position:0 -18px;
    background-position:0 -1.25vw
  }

  .content-sns>li.linked-in>a:after{
    background-position:0 -36px;
    background-position:0 -2.5vw
  }

  .content-sns>li.twitter>a:after{
    background-position:0 -54px;
    background-position:0 -3.75vw
  }

  .content-sns>li.url-copy>a:after{
    background-position:0 -72px;
    background-position:0 -5vw
  }

  .detail-con .table-box{
    margin-top:40px;
    margin-top:2.7778vw
  }

  .detail-con .table-box thead th{
    font-size:20px;
    font-size:1.3889vw
  }

  .detail-con .table-box td{
    font-size:18px;
    font-size:1.25vw
  }

  .detail-con .table-box td a{
    margin-top:12px;
    margin-top:.8333vw
  }

  .detail-con .table-box tr td:last-child{
    font-size:16px;
    font-size:1.1111vw
  }

  .detail-con .table-title{
    font-size:40px;
    font-size:2.7778vw
  }

  .detail-con .table-title2{
    padding:5.5556vw 0 1.3889vw;
    font-size:1.25vw
  }

  .detail-con .img.max-880{
    max-width:55.5556vw;
    margin:3.4722vw auto 2.7778vw
  }


  .sort-search-cp{
    min-height:4.1667vw
  }

  .sort-wrap{
    margin-right:380px;
    margin-right:26.3889vw
  }

  .sort-wrap .sort-list li{
    margin-right:41px;
    margin-right:2.8472vw
  }

  .sort-wrap .sort-list li a{
    padding:15px 0 16px;
    padding:1.0417vw 0 1.1111vw;
    font-size:20px;
    font-size:1.3889vw
  }

  .sort-wrap .sort-list li a[aria-selected="true"]:before, .tab li a:hover:before{
    height:2px;
    height:0.1389vw
  }

  .sort-content{
    margin-top:60px;
    margin-top:4.1667vw
  }

  /* .sort-content .btn-box{
    margin-top:80px;
    margin-top:5.5556vw
  }
   */
  .btn-box .more:before{
    padding-right:3px;
    padding-right:0.2083vw
  }

  .sort-content .no-list{
    padding:18.0556vw 0 8.3333vw;
    font-size:1.6667vw
  }


  .toggle-area button:after{
    width:15px;
    width:1.0417vw;
    height:15px;
    height:1.0417vw;
    border-width:.1389vw
  }


  /*FAQ*/
  .faq-wrap{
    margin-top:80px;
    margin-top:5.5556vw;
    padding:0 60px;
    padding:0 4.1667vw
  }

  .faq-list{
    margin-top:60px;
    margin-top:4.1667vw
  }

  .faq-list li button{
    padding:32px 48px 32px 0;
    padding:2.2222vw 3.3333vw 2.2222vw 0
  }

  .faq-list li .division{
    font-size:18px;
    font-size:1.2500vw
  }

  .faq-list li .tit{
    margin-top:10px;
    margin-top:0.6944vw;
    font-size:24px;
    font-size:1.6667vw
  }

  .faq-list li .toggle-con{
    padding:60px;
    padding:4.1667vw;
    font-size:18px;
    font-size:1.2500vw
  }


  /*video*/
  .video-wrap{
    margin-top:80px;
    margin-top:5.5556vw;
    padding:0 60px;
    padding:0 4.1667vw
  }

  .video-list{
    margin:-120px -20px 0;
    margin:-8.3333vw -1.3889vw 0;
    
  }

  .video-list li{
    padding:0 20px;
    padding:0 1.3889vw;
    margin-top:120px;
    margin-top:8.3333vw
  }

  /* :-ms-fullscreen, :root .video-list li{
    margin:120px auto 0;
    margin:8.3333vw auto 0
  }
   */
  .video-list li>div .img{
    height:346px;
    height:24.0278vw;
    border-radius:12px;
    border-radius:.8333vw
  }

  .video-list li>div .img:before {
    border-radius:12px;
    border-radius:0.8333vw;
    
  }

  .video-list li>div .tit{
    margin-top:32px;
    margin-top:2.2222vw;
    width:100%;
    font-size:24px;
    font-size:1.6667vw
  }

  .video-list li>div .tit>span{
    max-height:75px;
    max-height:5.2083vw;
    
  }

  .video-list li>div .category-text{
    margin-bottom:12px;
    margin-bottom:0.8333vw
  }

  .video-list li>div .text{
    margin-top:9px;
    margin-top:0.6250vw;
    font-size:18px;
    font-size:1.2500vw;
    height:96px;
    height:6.6667vw;
    line-height:2.2222vw
  }


  /*ºí·Î±×*/
  .blog-wrap{
    margin-top:80px;
    margin-top:5.5556vw;
    padding:0 60px;
    padding:0 4.1667vw
  }

  .blog-list{
    margin:-36px -18px 0;
    margin:-2.5vw -1.25vw 0
  }

  .blog-list li{
    height:320px;
    height:22.2222vw;
    padding:0 18px;
    padding:0 1.25vw;
    margin-top:36px;
    margin-top:2.5vw
  }

  .blog-list a{
    padding:48px 60px;
    padding:3.3333vw 4.1667vw;
    border-radius:0.8333vw
  }

  .blog-list a .tit{
    font-size:28px;
    font-size:1.9444vw
  }

  .blog-list a .tit span{
    height:5.8333vw;
    line-height:2.9167vw
  }

  .blog-list a .text{
    height:4.4444vw;
    line-height:2.1528vw;
    padding-top:8px;
    padding-top:0.5556vw;
    font-size:18px;
    font-size:1.25vw
  }
  /*height:64px;
  height:4.4444vw;
  */
  .blog-list a .category-text{
    margin-bottom:12px;
    margin-bottom:0.8333vw
  }

  .blog-list a .date{
    left:60px;
    left:4.1667vw;
    bottom:48px;
    bottom:3.3333vw;
    font-size:18px;
    font-size:1.25vw
  }


  /*À̺¥Æ®*/
  .event-wrap{
    margin-top:82px;
    margin-top:5.6944vw;
    padding:0 60px;
    padding:0 4.1667vw
  }

  .event-top{
    height:27.7778vw
  }

  .event-top:before{
    top:200px;
    width:calc((100% - 91.3889vw)/2);
    height:55.5556vw
  }

  .event-top .swiper-container{
    width:91.3889vw
  }

  .event-top .swiper-button-box{
    width:91.3889vw;
    padding-left:62.5vw
  }

  .topevent-con .con{
    width:calc(100% - 58.3333vw);
    padding-left:60px;
    padding-left:4.1667vw
  }

  .topevent-con .con h2{
    max-height:110px;
    max-height:7.6389vw;
    font-size:32px;
    font-size:2.2222vw
  }

  .topevent-con .con h2 .category-text{
    padding-bottom:12px;
    padding-bottom:0.8333vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .topevent-con .con .text{
    padding-top:16px;
    padding-top:1.1111vw;
    max-height:120px;
    max-height:8.3333vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .topevent-con .con .date{
    padding-top:23px;
    padding-top:1.5972vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .topevent-con .img{
    width:58.3333vw;
    height:27.7778vw;
    border-radius:12px;
    border-radius:.8333vw
  }

  .topevent-con:hover .img,
  .topevent-con:focus .img,
  .event-list li a:hover .img,
  .event-list li a:focus .img,
  .mi-list>li>a:hover .img,
  .mi-list>li>a:focus .img,
  .report-list a:hover .img,
  .report-list a:focus .img,
  .video-list>li .img:hover,
  .video-list>li .img:focus{
    box-shadow:.8333vw .8333vw 2.0833vw 0 rgba(0, 0, 0, .16);
    
  }


  .event-list-con{
    margin-top:135px;
    margin-top:9.3750vw
  }


  .event-list{
    margin:-120px -20px 0;
    margin:0 -1.3889vw -8.3333vw;
    height:100%
  }

  .event-list li{
    padding:0 20px;
    padding:0 1.3889vw;
    margin-bottom:120px;
    margin-bottom:8.3333vw
  }

  /* :-ms-fullscreen, :root .event-list li{
    margin:0 auto 8.3333vw
  }
   */
  .event-list li a .tit{
    margin-top:32px;
    margin-top:2.2222vw;
    width:100%;
    max-height:60px;
    max-height:4.1667vw;
    font-size:24px;
    font-size:1.6667vw
  }

  .event-list li a .img{
    height:24.0278vw;
    border-radius:.8333vw
  }

  /* .event-list li a .category-text{
    margin-bottom:8px;
    margin-bottom:0.5556vw;
    font-size:18px;
    font-size:1.2500vw
  }
   */
  .event-list li a .text{
    margin-top:9px;
    margin-top:0.6250vw;
    font-size:18px;
    font-size:1.2500vw;
    height:58px;
    height:4.0278vw
  }

  .event-list li a .date{
    margin-top:20px;
    margin-top:1.3889vw;
    font-size:18px;
    font-size:1.2500vw
  }

  .event-list li .progress{
    width:8.3333vw;
    height:8.3333vw;
    border-radius:0 .5556vw 0 .5556vw;
    font-size:1.3889vw
  }

  .btn-tit{
    margin-top:33px;
    margin-top:2.2917vw;
    padding-right:17px;
    padding-right:1.1806vw;
    color:#ea7e00;
    font-size:16px !important;
    font-size:1.1111vw !important
  }

  .btn-tit:after{
    width:6px;
    width:.4167vw;
    height:6px;
    height:.4167vw;
    border-width:.1389vw
  }


  /*¹é¼­*/

  /*ÀÌ¿ë¾à°ü*/
  .term-box{
    max-height:463px;
    max-height:32.1528vw;
    padding:24px 44px 24px 24px;
    padding:1.6667vw 3.0556vw 1.6667vw 1.6667vw;
    font-size:18px;
    font-size:1.25vw
  }

  .term-box>ol>li+li,.term-box>ol>li>ol>li+li{
    padding-top:32px;
    padding-top:2.2222vw
  }

  .term-box>ol>li>p{
    padding-bottom:32px;
    padding-bottom:2.2222vw
  }

  .term-text{
    padding-top:32px;
    padding-top:2.2222vw
  }

  .term-box .summary strong,
  .term-box .termsCon .division{
    padding-top:2.2222vw
  }

  .term-box .termsCon h2{
    padding-top:2.2222vw;
    font-size:1.25vw
  }

  .term-box .termsCon h2+p{
    padding-top:1.3889vw
  }

  .term-box .division + h2{
    padding-top:2.7778vw
  }


  /*¸ÞÀÎ*/
  .main.cello_container{
    padding-top:260px;
    padding-top:18.0556vw
  }

  .cello-banner-top{
    height:50px;
    height:3.4722vw
  }

  .cello-banner-top ~ header{
    top:50px;
    top:3.4722vw
  }

  .btn-banner-close{
    right:55px;
    right:3.8194vw;
    width:50px;
    width:3.4722vw;
    height:50px;
    height:3.4722vw
  }

  .btn-banner-close:before{
    width:20px;
    width:1.3889vw;
    height:2px;
    height:.1389vw
  }

  .btn-banner-close:after{
    width:2px;
    width:.1389vw;
    height:20px;
    height:1.3889vw
  }


  .main-con1{
    height:600px;
    height:41.6667vw;
    margin-top:365px;
    margin-top:25.3472vw
  }

  .main-con1 .main-video{

    top:-279px;
    top:-19.3750vw;
    width:1320px;
    width:91.6667vw;
    box-shadow:20px 20px 40px 0 rgba(0,0,0,.16);
    
    box-shadow:1.3889vw 1.3889vw 2.7778vw 0 rgba(0,0,0,.16);
    border-radius:8px;
    border-radius:.5556vw
  
  }

  /* .main-con1 .main-video video{
    border-radius:4px;
    border-radius:.2778vw
  }
   */


  .main-con2{
    padding:240px 0;
    padding:16.6667vw 0
  }

  .main-con2 .inner{
    padding-right:60px;
    padding-right:4.1667vw
  }

  .main-con2 .inner>.con-title2{
    left:60px;
    left:4.1667vw;
    padding-bottom:152px;
    padding-bottom:10.5556vw
  }

  .main-con2 .inner.fixed>.con-title2,
  .main-con2 .inner.fixed .card-list-box .card-menu{
    left:60px;
    left:4.1667vw;
    top:120px;
    top:6.25vw
  }

  .main-con2 .inner.fixed .card-list-box .card-menu{
    top:406px;
    top:28.1944vw
  }

  .main-con2 .inner.fixed.over>.con-title2{
    left:60px;
    left:4.1667vw;
    bottom:152px;
    bottom:10.5556vw
  }

  .main-con2 .card-list-box{
    padding-left:537px;
    padding-left:37.2917vw
  }


  /* .card-list-box{
    padding-bottom:20px;
    padding-bottom:1.3889vw
  }
   */
  .card-list-box .card-menu{
    top:286px;
    top:19.8611vw
  }

  .card-list-box .card-menu>li>a{
    padding:14px 0;
    padding:.9722vw 0;
    font-size:20px;
    font-size:1.3889vw
  }

  .card-list-box .card-menu>li.on>a,
  .card-list-box .card-menu>li>a:hover,
  .card-list-box .card-menu>li>a:focus{
    padding-left:36px;
    padding-left:2.5vw
  }

  .card-list-box .card-menu>li.on>a:before,
  .card-list-box .card-menu>li>a:hover:before,
  .card-list-box .card-menu>li>a:focus:before{
    width:20px;
    width:1.3889vw;
    height:2px;
    height:.1389vw
  }


  .card-list{
    margin:0 -30px;
    margin:0 -2.0833vw
  }

  .card-list>div{
    margin-bottom:80px;
    margin-bottom:5.5556vw
  }

  .card-list .card-con-inner>a{
    height:540px;
    height:37.5vw
  }

  .card-list .card-con-inner:hover,
  .card-list-box .card-con-inner:focus{
    transform:translateY(calc(-100vw * 0.009722))
  }

  .card-list .card-con .category{
    padding-bottom:10px;
    padding-bottom:.6944vw
  }

  .card-list .card-con .category:after{
    width:20px;
    width:1.3889vw;
    height:2px;
    height:.1389vw
  }


  .card-con-inner{
    margin:0 30px;
    margin:0 2.0833vw;
    border-radius:12px;
    border-radius:.8333vw
  }

  .card-con-inner>a{
    padding:52px 40px;
    padding:3.6111vw 2.7778vw;
    border-radius:.8333vw
  }

  .card-con-inner>a:hover,
  .card-con-inner>a:focus{
    box-shadow:12px 12px 30px 0 rgba(0, 0, 0, .16);
    box-shadow:.8333vw .8333vw 2.0833vw 0 rgba(0, 0, 0, .16)
  }

  .card-con .category{
    margin-bottom:31px;
    margin-bottom:2.1528vw;
    font-size:20px;
    font-size:1.3889vw
  }

  .card-con .category>span{
    height:20px;
    height:1.3889vw;
    padding-left:7px;
    padding-left:.4861vw;
    font-size:18px;
    font-size:1.25vw
  }

  .card-con .category>span:before{
    width:1px;
    height:12px;
    height:.8333vw;
    margin-right:7px;
    margin-right:.4861vw
  }

  .card-con .title{
    max-height:84px;
    max-height:5.8333vw;
    font-size:28px;
    font-size:1.9444vw;
    line-height:42px;
    line-height:2.9167vw
  }

  .card-con .text{
    height:104px;
    height:7.2222vw;
    margin-top:16px;
    margin-top:1.1111vw;
    font-size:16px;
    font-size:1.1111vw;
    line-height:26px;
    line-height:1.8056vw
  }


  .card-con .btn-share{
    right:30px;
    right:2.0833vw;
    top:57px;
    top:3.9583vw;
    width:24px;
    width:1.6667vw;
    height:24px;
    height:1.6667vw
  }

  .card-con .content-sns-box>button{
    right:19px;
    right:1.3194vw;
    top:45px;
    top:3.1250vw;
    width:48px;
    width:3.3333vw;
    height:48px;
    height:3.3333vw
  }

  .card-con .content-sns-box>button:before{
    width:14px;
    width:.9722vw;
    height:2px;
    height:.1389vw
  }

  .card-con .content-sns-box>button:after{
    width:2px;
    width:.1389vw;
    height:14px;
    height:.9722vw
  }

  .card-con .content-sns-box .content-sns{
    right:19px;
    right:1.3194vw;
    top:109px;
    top:7.5694vw
  }

  .card-con .content-sns-box .content-sns>li:nth-child(2){
    transform:translateY(-3.3333vw)
  }

  .card-con .content-sns-box .content-sns>li:nth-child(3){
    transform:translateY(-6.6667vw)
  }

  .card-con .content-sns-box .content-sns>li:nth-child(4){
    transform:translateY(-10vw)
  }

  .card-con .content-sns-box .content-sns>li:nth-child(5){
    transform:translateY(-13.3333vw)
  }

  .card-con .content-sns-box.show .content-sns>li+li{
    margin-top:16px;
    margin-top:1.1111vw
  }

  /*text type*/
  .card-con .from-to{
    margin-top:49px;
    margin-top:3.4028vw
  }

  .card-con .from-to>span{
    font-size:20px;
    font-size:1.3889vw
  }

  .card-con .from-to .img{
    width:98px;
    width:6.8056vw;
    margin:0 20px;
    margin:0 1.3889vw
  }
  /*height:98px;
  height:6.8056vw;
  */
  .card-con .hash-tag-list{
    left:34px;
    left:2.3611vw;
    bottom:64px;
    bottom:4.4444vw;
    padding-right:40px;
    padding-right:2.7778vw
  }

  .card-con .hash-tag-list>li{
    min-width:96px;
    min-width:6.6667vw;
    padding:0 6px;
    padding:0 .4167vw;
    margin-top:16px;
    margin-top:1.1111vw;
    font-size:18px;
    font-size:1.25vw
  }

  .card-con .hash-tag-list>li>span{
    padding:11px 24px;
    padding:.7639vw 1.6667vw;
    border-radius:50px;
    border-radius:3.4722vw
  }

  /*image type*/
  .card-con.image-type .text{
    height:78px;
    height:5.4167vw
  }

  .card-con.image-type .img{
    height:calc(100% - 302px);
    height:calc(100% - 20.9722vw);
    border-radius:0 0 .8333vw .8333vw
  }

  .card-con.image-type .img img{
    height:100%
  }

  .card-con.image-type .btn-share{
    background-size:24px auto;
    background-size:1.6667vw auto
  }


  /*image bg type*/
  .card-con.image-bg-type .img:before{
    border-radius:12px;
    border-radius:.8333vw
  }


  .main-con3{
    padding:240px 0;
    padding:16.6667vw 0
  }

  .main-con3 .inner{
    padding-left:60px;
    padding-left:4.1667vw
  }

  .main-con3 .swiper-container{
    margin-top:79px;
    margin-top:5.4861vw
  }

  .main-con3 .swiper-button{
    width:6.9444vw;
    height:12.2222vw;
    margin:0
  }

  .main-con3 .swiper-button:before{
    width:4.1667vw;
    height:4.1667vw;
    border-width:.1389vw
  }

  .main-con3 .swiper-button:hover:before,.main-con3 .swiper-button:focus:before{
    border-width:.2778vw
  }

  .main-con3 .swiper-button-prev:before{
    left:2.6389vw
  }

  .main-con3 .swiper-button-box .paging{
    right:4.1667vw;
    top:4.1667vw
  }

  .main-con3 .swiper-button-box .swiper-pagination-current{
    font-size:1.25vw
  }

  .main-con3 .text{
    left:4.1667vw;
    top:4.1667vw;
    font-size:1.9444vw
  }

  .btn-play{
    width:120px;
    width:8.3333vw;
    height:120px;
    height:8.3333vw
  }

  

  .swiper-button-box{
    width:1440px;
    width:100vw
  }

  .swiper-button-box .paging{
    height:20px;
    height:1.3889vw;
    line-height:20px;
    line-height:1.3889vw;
    padding-right:92px;
    padding-right:6.3889vw;
    margin-right:32px;
    margin-right:2.2222vw;
    font-size:18px;
    font-size:1.25vw
  }

  .swiper-button-box .paging:after{
    width:60px;
    width:4.1667vw
  }

  .swiper-button-box .swiper-pagination-current{
    padding-right:13px;
    padding-right:.9028vw;
    font-size:22px;
    font-size:1.5278vw
  }

  .swiper-button-box .swiper-pagination-total{
    padding-left:12px;
    padding-left:.8333vw
  }

  .swiper-button{
    width:40px;
    width:2.7778vw;
    height:40px;
    height:2.7778vw
  }

  .swiper-button-next{
    margin-left:22px;
    margin-left:1.5278vw;
    margin-right:-10px;
    margin-right:.6944vw
  }

  .swiper-button:before{
    width:10px;
    width:.6944vw;
    height:10px;
    height:.6944vw;
    border-width:2px;
    border-width:.1389vw
  }


  .main-con4 .inner{
    max-width:91.3889vw;
    height:101.4583vw;
    padding:16.6667vw 0
  }

  .main-con4 .report-list{
    margin:0 -2.9167vw 0
  }

  .main-con4 .report-list>div{
    padding:0 2.9167vw
  }

  .main-con4 .main-tab{
    top:22.9861vw;
  }

  .main-con4 .main-tab>li>a{
    height:2.9167vw;
    font-size:1.3889vw
  }

  .main-con4 .main-tab>li>a[aria-selected=true]{
    border-bottom-width:.1389vw
  }

  .main-con4 .main-tab>li+li{
    margin-left:2.7778vw
  }

  .main-con4 .tab-con{
    padding-top:4.1667vw
  }

  .main-con4 .blog-list{
    margin:-2.5vw -1.25vw 0
  }

  .main-con4 .blog-list>div{
    padding:2.5vw 1.25vw 0;
    height:24.7222vw
  }


  .banner-box .inner{
    height:561px;
    height:38.9583vw;
    
  }
  /*padding:0 4.1667vw*/
  .banner-box .inner:before{
    width:511px;
    width:35.4861vw;
    height:409px;
    height:28.4028vw;
    margin-right:80px;
    margin-right:5.5556vw
  }

  .banner-box .banner-con>a{
    margin-top:40px;
    margin-top:2.7778vw
  }


  .whole-product-view .card-list>div{
    width:50%
  }


  /*°Ë»ö*/
  .search-area input[type=text],.search-area input[type=search]{
    width:380px;
    width:26.3889vw;
    height:60px;
    height:4.1667vw;
    line-height:60px;
    line-height:4.1667vw;
    padding-right:108px;
    padding-right:7.5vw
  }

  .search-area .btn-search{
    right:.5556vw;
    width:56px;
    width:3.8889vw;
    height:60px;
    height:4.1667vw;
    background-size:24px auto;
    background-size:1.6667vw auto
  }

  .auto-complete-list{
    top:60px;
    top:4.1667vw;
    height:148px;
    height:10.2778vw;
    border-radius:0 0 6px 6px;
    border-radius:0 0 .4167vw .4167vw
  }

  .auto-complete-list ul{
    padding:12px 24px 16px;
    padding:.8333vw 1.6667vw 1.1111vw
  }

  .auto-complete-list li .kwd{
    width:calc(100% - 42px);
    width:calc(100% - 2.9167vw);
    padding:8px 0;
    padding:.5556vw 0;
    font-size:16px;
    font-size:1.1111vw
  }

  .auto-complete-list ul::-webkit-scrollbar{
    width:5px;
    width:.3472vw
  }

  .auto-complete-list ul::-webkit-scrollbar-thumb{
    border-radius:3px;
    border-radius:.2083vw
  }

  .auto-complete-list .btn-add{
    width:24px;
    width:1.6667vw;
    height:24px;
    height:1.6667vw
  }

  .auto-complete-list .btn-add:before{
    width:10px;
    width:.6944vw;
    height:10px;
    height:.6944vw;
    margin:-5px 0 0 -5px;
    margin:-.3472vw 0 0 -.3472vw
  }

  .auto-complete-list .btn-add:after{
    width:12px;
    width:.8333vw
  }

  .search-area .btn-delet{
    right:4.4444vw;
    width:1.9444vw;
    height:1.9444vw
  }


  /* °³ÀÎÁ¤º¸ ó¸® ¹æħ */
  .privacyPolicy{
    margin:60px auto 0;
    margin:4.1667vw auto 0
  }

  .privacyPolicy .form-con{
    width:312px;
    width:21.6667vw;
    margin-bottom:30px;
    margin-bottom:2.0833vw
  }

  .privacyPolicy.terms{
    margin-top:80px;
    margin-top:5.5556vw
  }

  .privacyPolicy.terms .summary  strong{
    display:block;
    font-size:24px;
    font-size:1.6667vw;
    padding-top:32px;
    padding-top:2.2222vw
  }

  .privacyPolicy.terms .termsCon h2 + p, .privacyPolicy.terms .termsCon p + ul{
    padding-top:20px;
    padding-top:1.3889vw
  }

  .privacyPolicy.terms .termsCon .division{
    font-size:24px;
    font-size:1.6667vw;
    padding-top:80px;
    padding-top:5.5556vw
  }

  .privacyPolicy.terms .termsCon .division + h2{
    border-top:0;
    margin-top:0;
    padding-top:40px;
    padding-top:2.7778vw
  }

  .policyCon .summary{
    padding:100px 0 20px;
    padding:6.9444vw 0 2.7778vw
  }

  .policyCon .summary p{
    font-size:24px;
    font-size:1.6667vw
  }

  .policyCon .summary p + p{
    padding-top:32px;
    padding-top:2.2222vw
  }

  .policyCon .summary .list{
    padding:80px 0;
    padding:5.5556vw 0
  }

  .policyCon .summary .list li{
    margin-bottom:5px;
    margin-bottom:.3472vw;
    padding:3px 0;
    padding:.2083vw 0
  }

  .policyCon .summary .list li a{
    font-size:20px;
    font-size:1.3889vw
  }

  .termsCon{
    font-size:18px;
    font-size:1.25vw
  }

  .termsCon h2{
    margin-top:80px;
    margin-top:5.5556vw;
    padding-top:80px;
    padding-top:5.5556vw;
    font-size:32px;
    font-size:2.2222vw
  }

  .termsCon h3{
    padding-top:32px;
    padding-top:2.2222vw;
    font-size:28px;
    font-size:1.9444vw
  }

  .termsCon h3 + .txt{
    padding-top:32px;
    padding-top:2.2222vw
  }

  .termsCon .tit{
    padding-top:32px;
    padding-top:2.2222vw
  }

  .termsCon .tit + .list, .termsCon .tit + .txt, .termsCon .txt + .txt{
    padding-top:12px;
    padding-top:.8333vw
  }

  .termsCon .txt{
    padding-top:26px;
    padding-top:1.8056vw
  }

  .termsCon .list{
    padding-top:32px;
    padding-top:2.2222vw
  }

  .termsCon li{
    padding:3px 0;
    padding:.2083vw 0
  }

  .termsCon li p{
    padding-top:6px;
    padding-top:.4167vw
  }

  .termsCon ol{
    padding-top:20px;
    padding-top:1.3889vw
  }

  .termsCon ol>li{
    padding:16px 0;
    padding:1.1111vw 0
  }

  .termsCon ol>li ul li ul li{
    font-size:16px;
    font-size:1.1111vw
  }

  .termsCon>ol>li>.smallTit{
    padding-top:5.5556vw;
    
  }

  .version{
    margin-top:80px;
    margin-top:5.5556vw;
    padding-top:77px;
    padding-top:5.3472vw
  }

  .version li{
    padding:3px 0;
    padding:.2083vw 0;
    font-size:24px;
    font-size:1.6667vw
  }

  /* table */
  .tblH{
    margin-top:12px;
    margin-top:.8333vw
  }

  .tblH thead tr th, .tblH tbody tr td{
    padding:20px;
    padding:1.3889vw
  }

  .tblH thead tr th{
    font-size:24px;
    font-size:1.6667vw
  }

  .tblH tbody tr td{
    font-size:18px;
    font-size:1.25vw
  }


  /*»óÇ°»ó¼¼*/
  .product-detail-con .inner{
    margin:0 60px;
    margin:0 4.1667vw
  }

  .product-detail-box{
    max-width:908px;
    max-width:63.0556vw;
    padding:80px 0 60px;
    padding:5.5556vw 0 4.1667vw
  }

  .product-detail-box>.img{
    border-radius:12px;
    border-radius:.8333vw;
    
  }

  .product-detail-box>.img+.img{
    margin-top:60px;
    margin-top:4.1667vw
  }

  .product-detail-box .img-text{
    margin-top:60px;
    margin-top:4.1667vw;
    font-size:24px;
    font-size:1.6667vw
  }

  .product-detail-box .img-text+.img-text{
    margin-top:32px;
    margin-top:4.4444vw
  }

  .product-detail-box .img-text+.img{
    padding-top:100px;
    padding-top:6.9444vw
  }

  .product-detail-box .img-text2{
    margin-top:24px;
    margin-top:1.6667vw;
    font-size:20px;
    font-size:1.3889vw
  }

  .product-detail-box .con-title3{
    margin-top:60px;
    margin-top:4.1667vw
  }

  .product-detail-box .con-title3+.img{
    margin-top:60px;
    margin-top:4.1667vw
  }

  .product-detail-box .img+.con-title3,
  .product-detail-box .table-box+.con-title3{
    margin-top:6.9444vw
  }

  .product-detail-box .info-list>li{
    padding-left:35px;
    padding-left:2.4306vw;
    margin-top:32px;
    margin-top:2.2222vw;
    font-size:20px;
    font-size:1.3889vw
  }

  .product-detail-box .info-list>li>p{
    margin-top:12px;
    margin-top:.8333vw;
    font-size:18px;
    font-size:1.25vw
  }

  .product-detail-box .info-list>li>ul{
    padding-top:12px;
    padding-top:.8333vw;
    font-size:18px;
    font-size:1.25vw;
    
  }

  .product-detail-box .info-list>li>ul>li{
    padding-left:10px;
    padding-left:.6944vw
  }

  .product-detail-box .info-list>li>ul>li+li{
    margin-top:16px;
    margin-top:1.1111vw
  }

  .product-detail-box .info-list>li>ul>li:before{
    top:.7639vw;
    width:4px;
    width:.2778vw;
    height:4px;
    height:.2778vw
  }

  .product-detail-box .info-list2 .list-con{
    min-height:230px;
    min-height:15.9722vw;
    margin-top:60px;
    margin-top:4.1667vw;
    padding-left:290px;
    padding-left:20.1389vw
  }

  .product-detail-box .info-list2 .list-con .img{
    width:230px;
    height:230px;
    width:15.9722vw;
    height:15.9722vw
  }

  .product-detail-box .info-list2 .list-con em{
    padding-bottom:5px;
    padding-bottom:.3472vw;
    font-size:32px;
    font-size:2.2222vw
  }

  .product-detail-box .info-list2 .list-con .text{
    font-size:24px;
    font-size:1.6667vw
  }

  .product-detail-box .info-list2 .list-con .text ul>li{
    padding-left:16px;
    padding-left:1.1111vw;
    margin-top:15px;
    margin-top:1.0417vw
  }

  .product-detail-box .info-list2 .list-con .text ul>li:before{
    top:17px;
    top:1.1806vw;
    width:4px;
    width:.2778vw;
    height:4px;
    height:.2778vw
  }

  .product-detail-box .video{
    margin-top:4.1667vw
  }

  .table-box{
    margin-top:60px;
    margin-top:4.1667vw
  }

  .table-box thead th{
    padding:18px 0;
    padding:1.25vw 0;
    font-size:14px;
    font-size:.9722vw
  }

  .table-box tbody th{
    padding:12px 20px;
    padding:.8333vw 1.3889vw;
    font-size:14px;
    font-size:.9722vw
  }

  .table-box tbody td{
    padding:12px 15px;
    padding:.8333vw 1.0417vw;
    font-size:12px;
    font-size:.8333vw
  }

  .table-box tbody ul{
    margin:-6px 0;
    margin:-.4167vw 0
  }

  .table-box tbody ul>li{
    text-indent:-10px;
    text-indent:-.6944vw;
    margin-left:10px;
    margin-left:.6944vw
  }

  .table-info{
    margin-top:24px;
    margin-top:1.6667vw;
    font-size:20px;
    font-size:1.3889vw
  }


  .product-detail-box .img-list{
    margin-top:60px;
    margin-top:4.1667vw;
    padding:46px 42px;
    padding:3.1944vw 2.9167vw
  }

  .product-detail-box .img-list-con+.img-list-con{
    margin-top:40px;
    margin-top:2.7778vw
  }

  .product-detail-box .img-list-con>span{
    width:199px;
    width:13.8194vw;
    font-size:14px;
    font-size:.9722vw
  }

  .product-detail-box .img-list-con .img img{
    width:300px;
    width:20.8333vw
  }

  .product-detail-box .img-list-con .img img+img{
    margin-left:20px;
    margin-left:1.3889vw
  }

  .product-detail-box .img-list+.con-title3{
    margin-top:80px;
    margin-top:5.5556vw
  }

  .product-detail-box>.info-list+.img{
    padding-top:80px;
    padding-top:5.5556vw
  }

  .product-detail-con .btn-box{
    max-width:63.0556vw;
    
  }


  .contents-banner{
    width:908px;
    width:63.0556vw;
    height:210px;
    height:14.5833vw;
    margin:80px auto 0;
    margin:5.5556vw auto 0;
    padding-left:70px;
    padding-left:4.8611vw;
    border-radius:12px;
    border-radius:.8333vw;
    background-position:684px 40px;
    background-position:47.5vw 2.7778vw;
    background-size:170px 180px;
    background-size:11.8056vw 12.5vw
  }

  .contents-banner .text>strong{
    margin-bottom:17px;
    margin-bottom:1.1806vw;
    font-size:28px;
    font-size:1.9444vw;
    line-height:48px;
    line-height:3.3333vw
  }

  .contents-banner .img{
    right:70px;
    right:4.8611vw;
    top:40px;
    top:2.7778vw;
    width:180px;
    width:12.5vw
  }

  .related-product{
    margin-top:240px;
    margin-top:16.6667vw
  }

  .related-product .swiper-container{
    margin-top:60px;
    margin-top:4.1667vw
  }


  /*ÿ·Î½ºÄù¾î¼Ò½Ä*/
  .mi-wrap{
    margin-top:80px;
    margin-top:5.5556vw;
    padding:0 60px;
    padding:0 4.1667vw
  }

  .mi-list{
    margin-top:-120px;
    margin-top:-8.3333vw;
    margin-left:-80px;
    margin-left:-5.5556vw
  }

  .mi-list>li{
    margin-top:120px;
    margin-top:8.3333vw;
    padding-left:80px;
    padding-left:5.5556vw
  }

  .mi-list>li>a{
    height:235px;
    height:16.3194vw;
    padding-left:248px;
    padding-left:17.2222vw
  }

  .mi-list>li>a .img{
    width:200px;
    width:13.8889vw;
    height:200px;
    height:13.8889vw;
    border-radius:12px;
    border-radius:.8333vw
  }

  .sort-content .category-text,
  .library-con .category-text{
    font-size:18px;
    font-size:1.25vw
  }

  .sort-content .category-text>b,
  .library-con .category-text>b{
    font-size:18px;
    font-size:1.25vw
  }

  .sort-content .category-text>span,
  .library-con .category-text>span{
    padding-left:16px;
    padding-left:1.1111vw;
    margin-left:16px;
    margin-left:1.1111vw
  }

  .sort-content .category-text>span:before,
  .library-con .category-text>span:before{
    height:16px;
    height:1.1111vw
  }

  .mi-list>li>a>.text strong{
    max-height:5.2778vw;
    margin-top:13px;
    margin-top:.9028vw;
    font-size:24px;
    font-size:1.6667vw;
    line-height:2.6389vw
  }

  .mi-list>li>a>.text p{
    max-height:64px;
    max-height:4.4444vw;
    margin-top:9px;
    margin-top:.6250vw;
    font-size:18px;
    font-size:1.25vw;
    line-height:32px;
    line-height:2.2222vw
  }

  .mi-list>li>a>.text .date{
    left:17.2222vw;
    font-size:18px;
    font-size:1.25vw
  }


  /*¸®Æ÷Æ®*/
  .report-wrap{
    margin-top:80px;
    margin-top:5.5556vw;
    padding:0 60px;
    padding:0 4.1667vw
  }

  .report-list{
    margin:-75px -41px 0;
    margin:-5.2083vw -2.8472vw 0
  }

  .report-list>li{
    padding:75px 41px 0;
    padding:5.2083vw 2.8472vw 0
  }

  .report-list .text{
    margin-top:48px;
    margin-top:3.3333vw
  }

  .report-list .text>strong{
    height:84px;
    height:5.8333vw;
    font-size:28px;
    font-size:1.9444vw
  }

  .report-list .text>p{
    height:6.6667vw;
    margin-top:.6250vw;
    font-size:1.25vw;
    line-height:2.2222vw
  }

  .report-list .img{
    height:26.7361vw;
    border-radius:.8333vw
  }

  .report-list .img .sort-tag{
    width:8.3333vw;
    height:8.3333vw;
    font-size:1.3889vw;
    border-radius:0 .8333vw 0 .8333vw
  }


  /*¶óÀ̺귯¸® ¸ÞÀÎ*/
  .library-menu-wrap{
    padding-top:158px;
    padding-top:10.9722vw
  }

  .library-main{
    max-width:1440px;
    max-width:100vw
  }

  .library-menu{
    padding:1.3889vw;
    
  }

  .library-menu>li>a{
    padding:9px 0;
    padding:.6250vw 0;
    font-size:13px;
    font-size:.9028vw
  }

  .library-menu>li>a[aria-selected=true]{
    padding-left:26px;
    padding-left:1.8056vw
  }

  .library-menu>li>a[aria-selected=true]:before{
    width:15px;
    width:1.0417vw
  }

  .library-con{
    padding:160px 60px;
    padding:11.1111vw 4.1667vw
  }

  #library-con1{
    padding-top:80px;
    padding-top:5.5556vw
  }

  .library-con .con-title3{
    padding-bottom:60px;
    padding-bottom:4.1667vw
  }

  /* .library-con .btn-box{
    margin-top:80px;
    margin-top:5.5556vw
  }
   */
  .news-letter-subscribe{
    height:700px;
    height:48.6111vw;
    
  }

  .news-letter-subscribe .inner{
    padding:0 60px;
    padding:0 4.1667vw
  }

  .news-letter-subscribe .inng{
    padding:0 60px
  }

  .news-letter-subscribe .text>strong{
    font-size:40px;
    font-size:2.7778vw
  }

  .news-letter-subscribe .text>p{
    padding-top:16px;
    padding-top:1.1111vw;
    font-size:24px;
    font-size:1.6667vw
  }

  .news-letter-subscribe .btn-box{
    margin-top:36px;
    margin-top:2.5vw
  }

  .news-letter-subscribe .img{
    right:60px;
    right:4.1667vw;
    top:163px;
    top:11.3194vw;
    
  }

  .news-letter-subscribe .img img{
    width:260px;
    width:18.0556vw;
    height:375px;
    height:26.0417vw;
    box-shadow:12px 12px 20px 0 rgba(0,0,0,.24);
    box-shadow:.8333vw .8333vw 1.3889vw 0 rgba(0,0,0,.24)
  }

  .news-letter-subscribe .img img+img{
    margin-left:50px;
    margin-left:3.4722vw
  }

  .library-main .banner-box{
    margin-bottom:-180px;
    margin-bottom:-12.5vw
  }

  /* .library-main .banner-box .inner{
    padding:0 60px;
    padding:0 4.1667vw
  }
   */

  /*À̸ÞÀÏÁÖ¼Ò ¹«´Ü¼öÁý°ÅºÎ*/
  .pop-email-address .popup{
    max-width:43.0556vw;
    min-width:43.0556vw
  }

  .pop-email-address .popup p{
    font-size:1.25vw;
    
  }

  .pop-email-address .popup .btn-box{
    margin-top:2.7778vw
  }


  /*Æ÷¿öµù*/
  .service-info{
    padding:13.8889vw 0 16.6667vw
  }

  .air-freight-wrap .inner,
  .e-commerce-wrap .inner,
  .it-logistics-wrap .inner{
    max-width:1316px;
    max-width:91.3889vw;
    
  }

  .air-freight-wrap .banner-box .inner,
  .e-commerce-wrap .banner-box .inner,
  .it-logistics-wrap .banner-box .inner{
    max-width:100vw
  }

  .service-info-list{
    width:91.3889vw;
    margin:5.5556vw auto 0
  }

  .service-info-list>li{
    width:30.4167vw;
    height:30.4167vw
  }

  .service-info-list>li .title{
    left:3.3333vw;
    right:3.3333vw;
    top:4.5139vw;
    font-size:1.9444vw
  }

  .service-info-list .show .title{
    top:9.0278vw
  }

  .service-info-list .link{
    left:3.3333vw;
    bottom:3.3333vw;
    padding-right:1.3889vw;
    font-size:1.3889vw
  }

  .service-info-list .link:after{
    top:.6944vw;
    width:.5556vw;
    height:.5556vw;
    border-width:.1389vw
  }

  .service-info-list .btn-service-more .more-text{
    right:3.3333vw;
    bottom:3.3333vw;
    width:4.1667vw;
    height:4.1667vw;
    
  }

  .service-info-list .btn-service-more .more-text:before{
    width:1.1806vw;
    height:.2083vw
  }

  .service-info-list .btn-service-more .more-text:after{
    width:.2083vw;
    height:1.1806vw
  }

  .service-info-list .text{
    left:3.3333vw;
    top:9.0278vw;
    padding-right:3.3333vw;
    font-size:1.3889vw
  }

  .service-info-list .show .text{
    top:4.1667vw
  }


  .card-list-con{
    margin-top:5.5556vw
  }

  .card-list-con .swiper-container{
    margin-top:-4.1667vw
  }

  .card-list-con .card-con-inner{
    margin:0 .9722vw
  }

  .card-list-con .card-list{
    margin:0 -.9722vw
  }

  .card-list-con .card-list>div{
    width:31.1111vw;
    flex:0 0 33.33%;
    margin-top:4.1667vw
  }

  .card-list-con>.con-title4{
    margin-bottom:2.7778vw
  }

  
  .service-info2{
    padding:16.6667vw 0
  }

  .service-info2 ul{
    margin:5.5556vw -4.0278vw 0 0
  }

  .service-info2 ul>li{
    padding:0 4.0278vw 0 9.1667vw
  }

  .service-info2 ul>li:before{
    width:6.9444vw;
    height:6.9444vw
  }

  .service-info2 ul>li>.title{
    padding:2.2222vw 0 4.1667vw;
    font-size:1.6667vw
  }

  .service-info2 ul>li>p{
    height:8.8889vw;
    padding-top:1.3889vw;
    margin-left:-9.1667vw;
    font-size:1.25vw;
    line-height:2.2222vw
  }

  .it-logistics-wrap .service-info2 ul>li>p{
    height:8.0556vw
  }

  .service-info2 ul>li .btn-tit{
    margin-top:4.4444vw;
    margin-left:-9.1667vw
  }

  .air-freight-wrap .banner-box,
  .e-commerce-wrap .banner-box,
  .it-logistics-wrap .banner-box{
    margin-bottom:-12.5vw
  }

  .service-info-list .btn-service-more .more-text{
    visibility:visible;
    opacity:1;
    
  }

  .service-info-list .hover.show .btn-service-more:before{
    display:block
  }

  .service-info-list .hover .btn-service-more:before{
    display:none
  }


  /*¼Ò°³ °øÅë*/
  /* .title-box.align-left > *{
    padding-left:24px
  }
   */
  /* .temp > img{
    max-width:100%
  }
   */

  /*ÿ·Î ½ºÄù¾î ¼Ò°³*/
  /* .introduce-wrap .section1, 
  .introduce-wrap .section4{
    width:auto
  }

  .introduce-wrap .section4 .inner{
    padding:0 4.1667vw
  }

  .introduce-wrap .section1 .title-box{
    width:auto
  }
   */
  /* .introduce-wrap .section2 .con-title2{
    padding-bottom:16.6667vw
  }
   */

  .introduce-wrap .section1{
    padding-bottom:13.8889vw
  }

  .introduce-img-hover{
    height:19.4444vw;
    margin-top:8.3333vw
  }

  .introduce-img .flow1,
  .introduce-img .flow3{
    width:16.6667vw;
    height:16.6667vw;
    font-size:1.6667vw
  }

  .introduce-img-hover:hover .flow1,
  .introduce-img-hover:hover .flow3,
  .introduce-img-hover:focus .flow1,
  .introduce-img-hover:focus .flow3{
    width:13.8889vw;
    height:19.4444vw
  }

  .introduce-img .flow1{
    margin-right:9.7222vw
  }

  .introduce-img .flow3{
    margin-left:9.7222vw
  }

  .introduce-img .flow1:after,
  .introduce-img .flow3:after{
    right:-6.9444vw;
    width:4.3750vw;
    height:3.4028vw
  }

  .introduce-img .flow3:after{
    right:auto;
    left:-6.9444vw
  }

  .introduce-img-hover:hover .flow1>strong,
  .introduce-img-hover:hover .flow3>strong,
  .introduce-img-hover:focus .flow1>strong,
  .introduce-img-hover:focus .flow3>strong{
    top:calc(100vw * 0.0625)
  }

  .introduce-img .flow1>ul,
  .introduce-img .flow3>ul{
    font-size:1.1111vw
  }

  .introduce-img-hover:hover .flow1>ul,
  .introduce-img-hover:hover .flow3>ul,
  .introduce-img-hover:focus .flow1>ul,
  .introduce-img-hover:focus .flow3>ul{
    bottom:calc(100vw * 0.061111vw)
  }

  .introduce-img-hover:hover .flow3>ul,
  .introduce-img-hover:focus .flow3>ul{
    bottom:calc(100vw * 0.036111vw)
  }

  /* .introduce-img .flow2-wrap{
    margin:0 2.7778vw;
    
  }
   */
  .introduce-img .flow2{
    width:27.7778vw;
    height:16.6667vw;
    padding-top:3.6111vw;
    box-shadow:0 .5556vw 1.3889vw 0 rgba(0,0,0,.08);
    border-radius:2.0833vw
  }

  .introduce-img .flow2>ul{
    top:11.25vw;
    width:43.75vw;
    height:3.0556vw
  }

  .introduce-img-hover .flow2 .default{
    width:14.2361vw
  }

  .introduce-img-hover .flow2 .hover{
    width:19.0278vw
  }

  .introduce-img-hover:hover .flow2,
  .introduce-img-hover:focus .flow2{
    width:50vw;
    height:19.4444vw
  }

  .introduce-img .flow2>ul>li:nth-child(1){
    width:5.4167vw;
    transform:translate(19.1667vw)
  }

  .introduce-img .flow2>ul>li:nth-child(2){
    width:8.2639vw;
    transform:translate(17.7083vw)
  }

  .introduce-img-hover:hover .flow2>ul>li:nth-child(2),
  .introduce-img-hover:focus .flow2>ul>li:nth-child(2){
    transform:translateX(5.4167vw)
  }

  .introduce-img .flow2>ul>li:nth-child(3){
    width:8.9583vw;
    transform:translate(17.4306vw)
  }

  .introduce-img-hover:hover .flow2>ul>li:nth-child(3),
  .introduce-img-hover:focus .flow2>ul>li:nth-child(3){
    transform:translateX(13.6806vw)
  }

  .introduce-img .flow2>ul>li:nth-child(4){
    width:6.8056vw;
    transform:translate(18.4722vw)
  }

  .introduce-img-hover:hover .flow2>ul>li:nth-child(4),
  .introduce-img-hover:focus .flow2>ul>li:nth-child(4){
    transform:translateX(22.6389vw)
  }

  .introduce-img .flow2>ul>li:nth-child(5){
    width:11.1111vw;
    transform:translate(16.3194vw)
  }

  .introduce-img-hover:hover .flow2>ul>li:nth-child(5),
  .introduce-img-hover:focus .flow2>ul>li:nth-child(5){
    transform:translateX(29.4444vw)
  }

  .introduce-img .flow2>ul>li:nth-child(6){
    width:3.1944vw;
    transform:translate(20.3472vw)
  }

  .introduce-img-hover:hover .flow2>ul>li:nth-child(6),
  .introduce-img-hover:focus .flow2>ul>li:nth-child(6){
    transform:translateX(40.5556vw)
  }

  .introduce-wrap .hover{
    top:3.6111vw
  }


  .section2{
    padding-top:11.1111vw;
    
  }

  /* .section2 .title-box{
    padding-bottom:10.6250vw;
    
  }
   */
  .section2 .page-list{
    left:4.1667vw;
    top:16.6667vw
  }

  .section2 .page-list>li{
    width:3.4722vw;
    height:3.4722vw;
    line-height:3.4722vw;
    
  }

  .section2 .page-list>li+li{
    margin-left:1.1111vw;
    
  }

  .section2 .page-list>li>a{
    font-size:1.25vw
  }

  .section2 .page-list>li>a[aria-selected=true]{
    border-width:.1389vw
  }

  /* .introduce-wrap .page{
    margin-top:16.6667vw;
    
  }
   */
  .page .inner{
    min-height:66.6667vw;
    padding:0 4.1667vw
  }

  .section2 .text-con{
    left:4.1667vw;
    top:24.0278vw;
    width:29.1667vw
  }

  .section2 .text-con .text{
    padding-top:2.7778vw
  }

  .section2 .text-con .img{
    width:13.0556vw;
    padding-top:3.6111vw
  }

  .page .page-content{
    min-height:66.6667vw;
    
  }

  .page .page-content .inner{
    min-height:66.6667vw;
    padding:13.1944vw 4.1667vw
  }

  .introduce-wrap .move-img-box{
    right:4.1667vw;
    top:13.1944vw;
    width:58.6111vw;
    height:41.9444vw
  }


  /*ù¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
  .introduce-wrap .move-img1{
    left:5.5556vw;
    top:12.2222vw
  }

  .introduce-wrap .move-img1 ul>li{
    width:13.8889vw
  }

  .introduce-wrap .move-img1 ul>li+li{
    margin-left:2.0833vw
  }

  .introduce-wrap .move-img1.view1 ul>li:nth-child(1){
    width:15.2778vw
  }

  .introduce-wrap .move-img1.view1 ul>li:nth-child(2),
  .introduce-wrap .move-img1.view1 ul>li:nth-child(3){
    width:12.5vw
  }


  .introduce-wrap .move-img2{
    padding:0 0 0 .5556vw
  }

  .introduce-wrap div[class^=move-img] .text{
    padding:7.7778vw 0 2.0833vw 3.4722vw;
    font-size:1.9444vw
  }

  .introduce-wrap .move-img2 .img{
    width:56.9444vw
  }

  .introduce-wrap .move-img2 img{
    width:100%
  }

  .introduce-wrap .move-img2 .btn-box{
    bottom:3.75vw;
    height:4.1667vw;
    
  }

  .introduce-wrap .move-img2 .btn{
    width:13.8889vw;
    height:4.1667vw;
    line-height:4.1667vw;
    font-size:1.3889vw
  }

  @keyframes btn-size{

    from{

      width:13.8889vw;
      
      height:4.1667vw;
      
      line-height:4.1667vw;
      
    
    }

    to{

      width:23.6111vw;
      
      height:7.0833vw;
      
      line-height:7.0833vw;
      
    
    }

  
  }

  .introduce-wrap .move-img3 ul,
  .introduce-wrap .move-img4 ul{
    padding-left:4.0278vw
  }

  .introduce-wrap .move-img3 ul>li:nth-child(1),
  .introduce-wrap .move-img4 ul>li:nth-child(1){
    width:13.1944vw
  }

  .introduce-wrap .move-img3 ul>li:nth-child(2) p{
    width:36.6667vw
  }

  .introduce-wrap .move-img3 ul>li+li{
    padding-left:.9028vw;
    margin-top:-.4861vw
  }

  .introduce-wrap .move-img3 ul>li+li p+p{
    margin-top:-.2778vw
  }

  .introduce-wrap .move-img3 .view_big{
    width:51.25vw
  }

  .introduce-wrap .move-img3 ul>li+li p .view_big{
    top:-.6250vw
  }

  .introduce-wrap .move-img4 ul>li+li p{
    width:36.6667vw;
    margin-top:-.4861vw
  }


  /*µÎ¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
  .introduce-wrap .move-img5 .img{
    width:50.6944vw;
    margin:8.3333vw 0 0 4.0278vw
  }

  .introduce-wrap .move-img5 .img2{
    width:18.3333vw;
    right:3.3333vw;
    top:7.6389vw
  }

  .introduce-wrap .move-img5 .img3{
    width:18.3333vw;
    right:3.3333vw;
    top:7.6389vw
  }

  .introduce-wrap .move-img5 .img4{
    width:29.2361vw;
    right:13.8889vw;
    top:20.2778vw
  }

  .introduce-wrap .move-img5 .img5{
    width:41.9444vw;
    left:8.8889vw;
    bottom:2.4306vw
  }

  .introduce-wrap .move-img5 .img5 li:nth-child(2){
    margin-bottom:-.6250vw;
    transform: translateY(calc(100vw * 0.134722))
  }

  .introduce-wrap .move-img5 .img5 li:nth-child(1){
    margin-bottom:-1.1111vw;
    transform:translateY(calc(100vw * 0.234722))
  }

  .introduce-wrap .move-img5 .img6{
    width:51.6667vw;
    bottom:2.6389vw
  }

  .introduce-wrap .move-img5 .img7{
    width:41.9444vw;
    bottom:2.5vw
  }

  .introduce-wrap .move-img5 .img7>li{
    margin-bottom:-1.1111vw
  }

  .introduce-wrap .move-img5 .img7>li:nth-child(3){
    margin-left:2.7778vw
  }

  .introduce-wrap .move-img5.view5:before,
  .introduce-wrap .move-img6.view6:before{
    left:.5556vw;
    top:.5556vw;
    width:56.9444vw;
    height:40.2778vw;
    border-radius:.8333vw
  }


  /*¼¼¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
  .introduce-wrap .move-img6 .img1{
    width:49.9306vw;
    margin:8.8889vw 0 0 4.0278vw
  }

  .introduce-wrap .move-img6 .img2{
    width:51.6667vw;
    top:8.0556vw;
    
  }

  .introduce-wrap .move-img6 .img3{
    width:56.9444vw;
    left:.5556vw;
    top:5.5556vw;
    
  }

  .introduce-wrap .move-img6 .img4{
    width:14.3056vw;
    right:19.5139vw;
    top:21.9444vw;
    
  }


  .section3{
    padding:16.6667vw 0
  }

  .section3 .inner{
    max-width:91.4583vw
  }

  .introduce-wrap .section3 .con-title2,
  .logistics-wrap .section3 .con-title2{
    padding-bottom:4.1667vw
  }

  .section3 .video-slide .video-img{
    width:64.5833vw;
    height:36.1111vw;
    border-radius:.5556vw 0 0 .5556vw
  }

  .section3 .video-slide .text-con{
    width:26.875vw;
    height:36.1111vw;
    padding:4.1667vw 3.6806vw;
    border-radius:0 .8333vw .8333vw 0
  }

  .section3 .video-slide .top{
    padding-bottom:1.6667vw;
    font-size:1.3889vw
  }

  .section3 .video-slide .text{
    font-size:1.9444vw
  }

  .section3 .video-slide .text2{
    padding-top:.9028vw;
    font-size:1.25vw
  }

  .section3 .video-slide .name{
    padding-top:2.5694vw;
    font-size:1.25vw
  }

  .section3 .swiper-button-box{
    top:-6.9444vw;
    width:91.4583vw;
    
  }


  .introduce-wrap .section4{
    padding-bottom:4.1667vw
  }

  .introduce-wrap .section4 .inner{
    padding:0 4.1667vw
  }

  .customer-list{
    margin:5.9722vw -.5556vw 0
  }

  .customer-list li{
    padding:.9722vw .5556vw 0
  }


  .introduce-wrap .banner-box,
  .logistics-wrap .banner-box,
  .partnerships-wrap .banner-box{
    margin-bottom:-12.5vw
  }


  /*»ï¼ºSDS¹°·ù*/
  .logistics-wrap .section1{
    padding-bottom:16.6667vw;
    background-position:85% 16.9444vw !important
  }

  .logistics-wrap .section1 .inner{
    padding:23.6111vw 0 0;
    
  }

  .logistics-wrap .logistics-top{
    width:91.3889vw;
    height:55vw
  }

  .logistics-wrap .logistics-top>li:nth-child(1){
    width:45.2778vw
  }

  .logistics-wrap .logistics-top>li:nth-child(2){
    left:47.5vw;
    width:20.8333vw
  }

  .logistics-wrap .logistics-top>li:nth-child(3){
    width:20.8333vw
  }

  .logistics-wrap .logistics-top>li:nth-child(4){
    width:20.8333vw
  }

  .logistics-wrap .logistics-top>li:nth-child(5){
    left:23.0556vw;
    width:45.2778vw
  }

  .logistics-wrap .logistics-top>li:nth-child(6){
    width:20.8333vw
  }

  .logistics-wrap .logistics-top>li img{
    box-shadow:.8333vw .8333vw 1.6667vw 0 rgba(54,67,64,.16)
  }

  .logistics-wrap .logistics-top>li:nth-child(3) img+img,
  .logistics-wrap .logistics-top>li:nth-child(4) img+img{
    margin-top:1.3889vw
  }

  .logistics-wrap .move-img-box{
    right:4.1667vw;
    top:9.1667vw;
    
  }

  .logistics-wrap .section2 #content2 .text-con{
    width:54.8611vw;
    padding-top:10.9028vw
  }

  .logistics-wrap .section2 #content2 .move-img-box{
    padding-top:1.1111vw
  }

  .logistics-wrap .section2 #content3 .move-img-box{
    top:11.3194vw
  }

  .logistics-wrap .section2 #content1 .move-img-box .move-img{
    width:54.2361vw
  }

  /* .logistics-wrap .section2 #content2 .move-img-box .move-img{
    width:95.5556vw
  }
   */
  .logistics-wrap .section2 #content3 .move-img-box .move-img{
    width:72.2222vw
  }


  /*ÆÄÆ®³Ê½Ê*/
  .partnerships-wrap .section1{
    padding-bottom:31.7361vw
  }

  .partnerships-wrap .move-img-box{
    right:4.1667vw;
    top:11.1111vw
  }

  .partnerships-wrap .section2 #content2 .move-img-box{
    top:12.9167vw
  }

  .partnerships-wrap .section2 #content3 .move-img-box{
    top:17.9861vw
  }

  .partnerships-wrap .section2 #content1 .move-img-box .move-img{
    width:44.1667vw
  }

  .partnerships-wrap .section2 #content2 .move-img-box .move-img{
    width:42.4306vw
  }

  .partnerships-wrap .section2 #content3 .move-img-box .move-img{
    width:48.3333vw
  }

  .partnerships-wrap .section4 .inner{
    padding:0 4.1667vw 11.1111vw
  }


  /*Àüü»óÇ°º¸±â ÆäÀÌÁö*/
  .service-wrap .inner{
    padding:0 4.1667vw
  }

  .service-wrap .sort-search-cp{
    margin:5.5556vw 0 0
  }

  .service-wrap .card-list{
    margin:-5.5556vw -.9722vw 0
  }

  .service-wrap .card-list>div{
    padding-top:5.5556vw
  }

  .service-wrap .card-con-inner{
    margin:0 .9722vw
  }


  /*¿òÁ÷ÀÌ´Â ¹è°æ*/
  .bg-wrap .bg-objet01{
    width:16.25vw;
    height:16.25vw;
    top:0;
    left:0
  }

  .bg-wrap .bg-objet02{
    width:13.9583vw;
    height:27.7778vw;
    top:40.4861vw;
    left:0
  }

  .bg-wrap .bg-objet03{
    width:13.9583vw;
    height:27.7778vw;
    top:68.2639vw;
    left:0
  }

  .bg-wrap .bg-objet04{
    width:17.2222vw;
    height:34.7222vw;
    top:11.1111vw;
    right:0
  }

  .bg-wrap .bg-objet05{
    width:34.1667vw;
    height:26.25vw;
    top:131.6667vw;
    right:0
  }


  .main .bg-wrap .bg-objet01{
    width:36.4583vw;
    height:27.9861vw;
    top:13.4028vw
  }

  .main .bg-wrap .bg-objet02{
    width:21.3889vw;
    height:13.3333vw;
    top:4.3750vw
  }


  .bg-wrap.intro .bg-objet01{
    width:18.2639vw;
    height:11.8750vw;
    
  }

  .bg-wrap.intro .bg-objet03{
    width:18.2639vw;
    height:11.3194vw;
    top:11.8750vw
  }

  .bg-wrap.intro .bg-objet04{
    width:22.2222vw;
    height:17.0833vw;
    top:8.6806vw
  }


  .bg-wrap.ecommerce .bg-objet01{
    width:22.2222vw;
    height:17.0833vw;
    top:9.7222vw
  }

  .bg-wrap.ecommerce .bg-objet02{
    width:21.1111vw;
    height:10.4861vw;
    top:32.2222vw;
    right:16.0417vw
  }

  .bg-wrap.ecommerce .bg-objet03{
    width:16.0417vw;
    height:21.1111vw;
    top:32.2222vw
  }

  .bg-wrap.ecommerce .bg-objet04{
    width:25.1389vw;
    height:50.7639vw;
    top:117.8472vw
  }


  .bg-wrap.it-own .bg-objet01{
    top:2.6389vw
  }

  .bg-wrap.it-own .bg-objet02{
    width:28.4028vw;
    height:28.3333vw;
    top:48.6111vw
  }

  .bg-wrap.it-own .bg-objet03{
    width:13.3333vw;
    height:21.1111vw;
    top:86.1111vw
  }

  .bg-wrap.it-own .bg-objet04{
    width:13.3333vw;
    height:10.4861vw;
    top:126.3194vw
  }


  .bg-wrap.library .bg-objet01{
    width:18.8194vw;
    height:10.0694vw;
    right:18.3333vw
  }


  /*°ßÀû¹®ÀÇ*/
  .estimate-con{
    border-radius:0.8333vw;
    padding:1.6667vw 2.2222vw 2.2222vw;
    margin-top:1.3889vw
  }

  .estimate-con input[type=text]{
    width:calc(100% - 11.9444vw)
  }

  .estimate-con .terms-con .check-box+.check-box{
    margin-left:2.7778vw
  }

  .estimate-con .form-title+.terms-con{
    width:calc(100% - 11.9444vw);
    padding:0.8333vw 0
  }

  .estimate-con .form-title{
    min-width:11.6667vw
  }

  .estimate-con #shipping-section-start,.estimate-con #shipping-section-end{
    width:22.9167vw
  }

  .estimate-con .error-text, .estimate-con .warning-text{
    margin:0.4167vw 0 0 11.9444vw
  }

  .estimate-con + .form-con{
    margin-top:1.3889vw
  }


 
}

















































/*mobile*/
@media screen and (max-width:767px){

  .pc-br,.pc-img,.pc-show{
    display:none !important
  }
    /*PC ÁٹٲÞ, À̹ÌÁö, PC¿ë*/
  .mo-br,.mo-img,.mo-show{
    display:block !important
  }
    /*mobile ÁٹٲÞ, À̹ÌÁö, mobile¿ë*/




  

  .main-con2 .img .sort-tag{   
    width:100px;  
    height:60px;  
  }
  


  .main-con4 .main-tab{
    display: block;
    text-align:center !important; 
  }




  .inner{
    max-width:100%
  }

  header,
  header.depth2-open{
    height:70px
  }

  header.open,
  header.depth2-open{
    box-shadow:none
  }

  .cello-wrap.scrolled header{
    box-shadow:0 8px 12px 0 rgba(0,0,0,.08)
  }

  header .inner{
    max-width:100%;
    padding:25px 24px 0
  }

  header .logo,.whole-product-view .logo{
    width:128px;
    height:19px;
    
  }

  header .logo>a,.whole-product-view .logo>a{
    background:url(/static/assets/m_logo.png) no-repeat;
    background-size:100% auto
  }

  .cello-nav-inner .logo{
    position:absolute;
    left:24px;
    top:25px
  }

  .cello-wrap.scrolled.down header,
  .cello-wrap.scrolled.down header.depth2-open{
    margin-top:-70px;
    
  }

  .cello-nav-inner{
    overflow-y:auto;
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:116px 32px 40px;
    background:#fff;
    z-index:1
  }

  .cello-nav-inner.open{
    display:block
  }

  .cello-nav-list{
    position:relative;
    left:auto;
    top:auto
  }

  .cello-nav-list>li{
    display:block;
    margin:28px 0 0 0;
    
  }

  .cello-nav-list>li>a{
    height:29px;
    padding:0;
    font-size:20px;
    color:rgba(34,34,34,.9)
  }

  .cello-nav-list>li:hover>a,.cello-nav-list>li:focus>a{
    color:#222
  }

  .cello-nav-list>li:hover>a:after,.cello-nav-list>li:focus>a:after,.cello-nav-list>li.current>a:after{
    display:none
  }

  .cello-nav-list>li>ul{
    display:block;
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    min-width:auto;
    min-height:auto;
    margin:8px 0 0;
    border:none;
    border-radius:0;
    box-shadow:none
  }

  .cello-nav-list>li:hover>ul{
    display:block;
    
  }

  .cello-nav-list>li>ul>li{
    width:50%;
    padding-top:8px;
    vertical-align:top
  }
  /*margin-right:24px;
  */
  .cello-nav-list>li>ul>li:nth-child(2n+2){
    padding-left:15px;
    padding-left:4.1667vw
  }

  .cello-nav-list>li>ul>li>a{
    position:relative;
    height:100%;
    margin-left:0;
    text-align:left;
    font-size:16px;
    color:#424645
  }

  /* .cello-nav-list>li:nth-child(1)>ul>li:nth-child(3)>a,
  .cello-nav-list>li:nth-child(5)>ul>li:nth-child(4)>a{
    margin-top:8px;
    
  }
   */
  .cello-nav-list>li.see-all-menu>a{
    display:inline-block;
    height:100%;
    padding-left:32px;
    
  }

  .cello-nav-list>li.see-all-menu>a:before{
    width:24px;
    height:24px;
    background:url(/static/assets/bg_m_see_all_menu.png) no-repea;
    background-size:100% auto
  }

  .cello-nav-list>li.on>a+ul{
    animation:none
  }

  
  .lnb-list{
    position:relative;
    right:auto;
    top:auto;
    margin-top:91px;
    font-size:0
  }

  .lnb-list.dev{
    right:auto
  }

  .lnb-list>li{
    display:inline-block;
    position:relative
  }

  .lnb-list>li+li{
    margin:0
  }

  .lnb-list>li:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:3px;
    width:1px;
    height:13px;
    background:#bfbfbf
  }

  .lnb-list>li:first-child:after{
    display:none
  }

  .lnb-list>li:last-child:before{
    content:'';
    display:block;
    position:absolute;
    right:0;
    top:3px;
    width:1px;
    height:13px;
    background:#bfbfbf
  }

  .lnb-list>li>a{
    height:20px;
    padding:0 16px;
    font-size:14px;
    color:rgba(85,85,85,.6)
  }

  .lnb-list>li:first-child>a{
    padding-left:0
  }

  .lnb-list>li:last-child{
    display:inline-block
  }

  /*only mobile*/
  header .sns-list{
    display:block;
    margin-top:24px;
    font-size:0
  }

  .sns-list>li{
    display:inline-block
  }

  .sns-list>li+li{
    margin-left:46px;
    
  }

  .sns-list>li>a{
    display:block;
    width:22px;
    height:19px;
    background:url(/static/assets/sp_m_sns.png) no-repeat;
    background-size:100% auto
  }

  .sns-list>li.youtube>a{
    background-position:0 0
  }

  .sns-list>li.linked-in>a{
    background-position:0 -19px;
    
  }

  .sns-list>li.facebook>a{
    background-position:0 -38px;
    
  }

  .sns-list>li.blog>a{
    background-position:0 -57px;
    
  }

  /*only mobile*/
  .lang-list{
    display:inline-block;
    position:relative;
    right:auto;
    left:160px;
    top:-125px;
    width:auto;
    height:auto
  }

  .lang-list>.txt{
    position:relative;
    top:auto;
    width:auto;
    height:auto;
    padding:0 21px 0 0;
    text-indent:initial;
    font-size:14px;
    line-height:14px;
    font-weight:700;
    color:#222
  }

  .lang-list>.txt:after{
    content:'';
    left:auto;
    right:0;
    top:5px;
    width:12px;
    height:9px;
    margin-left:10px;
    background:url(/static/assets/bg_m_lang_list.png) no-repeat;
    background-size:100% auto
  }

  
  .lang-list>ul{
    display:none;
    top:30px;
    padding:16px;
    border-radius:8px;
    opacity:1
  }

  .lang-list.open>ul{
    display:block
  }

  .lang-list:hover>ul{
    top:30px;
    opacity:1
  }

  .lang-list>ul>li>a{
    font-size:14px;
    
  }

  .lang-list>ul>li+li>a{
    margin-top:12px;
    
  }


  header .btn-nav{
    display:block;
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    background:url(/static/assets/m_menu.png) no-repeat;
    background-size:100%
  }

  header .btn-close{
    display:block;
    position:absolute;
    right:24px;
    top:25px;
    width:24px;
    height:24px;
    background:url(/static/assets/btn_m_menu_close.png) no-repeat;
    background-size:100% auto
  }

  header .btn-link{
    display:block;
    position:absolute;
    right:68px;
    top:50%;
    transform:translateY(-50%);
    font-size:14px;
    font-weight:700;
    color:#35927e
  }

  header .btn-news-letter{
    display:inline-block;
    position:relative;
    right:auto;
    bottom:auto;
    padding:4px 15px;
    margin:32px 0 0;
    border-radius:4px;
    background:#f4f4f4;
    font-size:12px;
    color:#686d6b
  }


  footer{
    border-top:1px solid #e9e9e9;
    background:#fff
  }

  footer .inner{
    overflow:inherit;
    display:flex;
    flex-wrap:wrap;
    position:relative;
    height:auto;
    padding:12px 8px 32px;
    
  }

  .footer-menu2{
    padding:0 16px;
    margin-top:40px;
    order:2;
    flex:0 1 auto
  }

  .footer-menu2>li>a{
    padding:0 8px;
    font-size:14px;
    
  }

  .footer-menu2>li+li{
    margin-left:0
  }

  .footer-menu2>li:first-child>a{
    padding-left:0
  }

  .footer-menu2>li:last-child{
    position:absolute;
    right:24px;
    bottom:52px;
    width:33px;
    
  }

  .copyright{
    padding:12px 16px 0;
    font-size:14px;
    color:rgba(18,18,18,.6);
    order:3
  }




  footer .family-site{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    height:auto;
    order:1
  }

  footer .family-site:after{
    display:none
  }

  footer .family-site>button{
    width:calc(100% - 32px);
    height:64px;
    padding:20px 0;
    margin:0 16px;
    border-bottom:1px solid rgba(141,146,145,.4);
    font-size:16px;
    
  }

  footer .family-site>button:before{
    right:23px;
    top:50%;
    width:7px;
    height:7px;
    transform:translateY(-50%) rotate(135deg);
    border-width:2px;
    
  }

  /* footer .family-site>button:after{
    right:16px;
    right:4.2105vw;
    width:16px;
    width:4.4445vw;
    height:2px;
    height:.5556vw
  }
   */
  footer .family-site>ul{
    bottom:64px;
    padding:21px 16px;
    border-radius:8px 8px 0 0
  }

  footer .family-site>ul>li+li{
    margin-top:16px;
    
  }

  footer .family-site>ul>li>a{
    font-size:16px;
    
  }

  footer .family-site.open>button{
    min-width:100%;
    width:100%;
    margin:0;
    padding:20px 16px;
    background:#fff;
    border:1px solid #e9e9e9;
    border-top:0;
    border-radius:0 0 8px 8px
  }

  footer .family-site.open>button:before{
    top:50%
  }

  /* footer .family-site.open>button:after{
    right:16px;
    right:4.2105vw
  }
   */
  footer .address{
    padding:24px 16px 0;
    font-size:14px;
    line-height:1.7;
    order:3
  }

  footer .address>span{
    padding-top:0
  }

  footer .address>span:first-child{
    padding-bottom:8px;
    font-weight:700
  }

  footer .copyright{
    padding-top:16px;
    font-size:14px;
    order:4
  }

  .footer-logo{
    overflow:hidden;    
  }

  .footer-logo,.footer-menu1,.footer-sns-list{
    display:none
  }

  footer .btn-news-letter{
    display:none
  }

  .breadcrumb{
    display:none
  }


  /* .floating-menu-box{
    position:relative;
    z-index:2
  }

  .floating-menu-box.open{

  
  }
   */
  .floating-menu-box:after{
    content:'';
    visibility:hidden;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    z-index:11;
    opacity:0;
    transition:all .5s
  }

  .floating-menu-box.open:after{
    visibility:visible;
    opacity:1
  }

  .floating-menu{
    visibility:hidden;
    width:auto;
    right:10px;
    top:auto;
    bottom:160px;
    z-index:12;
    transition:all .5s
  }

  .floating-menu-box.open .floating-menu{
    visibility:visible
  }

  .floating-menu>li{
    position:relative;
    right:auto;
    top:auto;
    width:48px;
    height:48px;
    transition:none;
    list-style: none;
    
  }

  .floating-menu>li>a{
    display:block;
    position:relative;
    right:0;
    top:0;
    width:48px;
    height:48px;
    background:#fff !important;
    box-shadow:2px 2px 6px 0 rgba(0, 0, 0, 0.12);
    font-size:16px;
    color:#fff !important
  }

  .floating-menu-box>[class^=btn-]{
    display:block;
    position:fixed;
    right:10px;
    width:48px;
    height:48px;
    box-shadow:2px 2px 6px 0 rgba(0, 0, 0, .12);
    border-radius:50%;
    z-index:4
  }

  .floating-menu-box .btn-floating{
    bottom:94px;
    background:#fff
  }

  .floating-menu-box .btn-floating:before,
  .floating-menu-box .btn-floating-close:before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:18px;
    height:2px;
    background:#121212
  }

  .floating-menu-box .btn-floating:after,
  .floating-menu-box .btn-floating-close:after{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:2px;
    height:18px;
    background:#121212
  }

  .floating-menu-box.open .btn-floating{
    display:none
  }

  .floating-menu-box .btn-top{
    bottom:30px;
    background:#29235c
  }

  .floating-menu-box .btn-top:before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    width:9px;
    height:9px;
    border:2px solid #fff;
    border-left:0;
    border-bottom:0
  }

  .floating-menu-box .btn-floating-close{
    visibility:hidden;
    bottom:94px;
    background:#29235c;
    z-index:2
  }

  .floating-menu-box .btn-floating-close:before{
    transform:translate(-50%,-50%) rotate(-45deg);
    background:#fff
  }

  .floating-menu-box .btn-floating-close:after{
    transform:translate(-50%,-50%) rotate(-45deg);
    background:#fff
  }

  .floating-menu-box.open .btn-floating-close{
    visibility:visible;
    z-index:12
  }

  .floating-menu>li{
    top:auto !important;
    opacity:0;
    transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .1s ease-out
  }

  .floating-menu>li+li{
    margin-top:16px
  }

  .floating-menu-box .floating-menu>li:nth-child(1){
    transform:translateY(192px);
    
  }

  .floating-menu-box .floating-menu>li:nth-child(2){
    transform:translateY(128px);
    
  }

  .floating-menu-box .floating-menu>li:nth-child(3){
    transform:translateY(64px);
    
  }

  .floating-menu-box.open .floating-menu>li{
    transform:translateY(0);
    opacity:1
  }

  .floating-menu>li>a:before{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
  }

  .floating-menu>li>a>span,.floating-menu>li>a:hover>span,.floating-menu>li>a:focus>span{
    display:block;
    width:87px;
    position:absolute;
    left:-99px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    font-weight:600;
    text-align:right;
    animation:none
  }

  .floating-menu>li.whole-p-menu>a:before{
    width:24px;
    height:24px;
    background-image:url(/static/assets/icon_m_menu.png)
  }

  .floating-menu>li.login>a:before{
    width:21px;
    height:20px;
    background-image:url(/static/assets/icon_m_login.png)
  }

  .floating-menu>li.ask>a:before{
    width:19px;
    height:19px;
    background-image:url(/static/assets/icon_m_headphones.png)
  }

  .floating-menu>li.estimate>a:before{
    width:24px;
    height:24px;
    background-image:url(/static/assets/icon_m_estimate.html)
  }

  .floating-menu>li>a:hover,
  .floating-menu>li>a:focus{
    width:auto;
    border-radius:50%;
    animation:none
  }

  /* .floating-menu>li:hover>a,.floating-menu>li:focus>a{

  
  }
   */

  /*error page*/
  .error-wrap:before{
    width:141px;
    height:106px;
    margin:0 auto 40px;
    
  }

  .error-wrap.error-404:before{
    background-image:url(/static/assets/img_m_error_404.png)
  }

  .error-wrap.error-500:before{
    background-image:url(/static/assets/img_m_error_500.png)
  }

  .error-wrap p{
    margin-top:17px;
    font-size:32px;
    
  }


  /*margin*/
  .mt28{
    margin-top:28px;
    
  }

  .mt80{
    margin-top:80px;
    
  }


  /*title*/
  .con-title1{
    font-size:28px;
    line-height:1.6
  }

  .con-title2{
    font-size:24px;
    line-height:1.58
  }

  .con-title3{
    font-size:18px;
    line-height:1.56
  }

  .con-title4{
    font-size:18px;
    line-height:1.56
  }


  .title-box{
    width:auto;
    
  }

  .con-text{
    margin-top:21px;
    font-size:16px;
    
  }
   /*padding:0 24px;
   */

  /*text*/
  .form-text{
    margin-bottom:20px;
    font-size:16px;
    
  }

  .info-text{
    margin-top:16px;
    font-size:16px;
    
  }

  .error-text,.warning-text{
    padding-left:24px;
    margin-top:12px;
    font-size:16px;
    
  }

  .error-text:before,.warning-text:before{
    top:5px;
    width:16px;
    height:16px;
    
  }


  /*input*/
  input[type=text]+label,input[type=number]+label{
    left:20px;
    top:13px;
    font-size:18px;
    
  }

  input[type=text],input[type=number],
  .whole-product-view .search-area input[type=text]{
    height:52px;
    line-height:52px;
    padding:0 20px;
    border-radius:4px;
    font-size:18px;
    
  }

  input[type=text]::placeholder,
  input[type=number]::placeholder,
  .whole-product-view .search-area input[type=text]::placeholder{
    font-size:18px;
    
  }

  .essential{
    width:9px;
    
  }


  .radio-box+.radio-box{
    margin-left:119px;
    
  }

  input[type=radio]+label,input[type=checkbox]+label{
    height:28px;
    padding-left:36px;
    font-size:16px;
    
  }

  input[type=radio]+label:before,input[type=checkbox]+label:before{
    top:0;
    width:28px;
    height:28px;
    
  }

  input[type=radio]+label:after{
    left:6px;
    top:6px;
    width:16px;
    height:16px;
    
  }

  input[type=checkbox]+label:after{
    left:9px;
    top:11px;
    width:12px;
    height:8px;
    
  }


  textarea{
    height:260px;
    padding:13px 20px;
    border-radius:4px;
    font-size:18px;
    
  }

  textarea::placeholder{
    font-size:18px;
    
  }


  /*button*/
  .btn-box{
    margin-top:60px;
    
  }

      
  .btnS{
    min-width:90px;
    height:42px;
    line-height:41px;
    padding:0 25px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
  }
  .btnM{
    min-width:110px;
    height:52px;
    line-height:52px;
    padding:0 40px;
    border-radius:4px;
    font-size:16px;
    
  }

  .btnL{
    min-width:173px;
    height:48px;
    line-height:48px;
    padding:0 58px;
    border-radius:36px;
    font-size:16px;
    
  }

  .btn-box.line{
    margin-top:60px;
    padding-top:40px;
    
  }


  /*selectbox*/
  /* ¼¿·ºÆ® ¹Ú½º µðÆúÆ® */
  .selectWrap{
    position:relative;
    height:52px;
    
  }

  .selectWrap:after{
    content:'';
    display:block;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    background:url(/static/assets/bg_m_select_down.png) no-repeat 50% 50%;
    background-size:15px 9px;
    
  }

  .selectWrap select{
    display:block !important;
    width:100%;
    height:52px;
    padding:0 20px;
    border-radius:4px;
    border:1px solid #ddd;
    font-size:18px;
    color:#8d9291;
    background:#fff
  }

  .selectWrap select:focus{
    border-color:#00c5a8;
    outline:0
  }

  .selectWrap select option{
    color:#8d9291;
    
  }

  .selectWrap .ui-selectmenu-button{
    display:none;
    padding:0 20px;
    height:52px;
    line-height:52px;
    border-radius:4px;
    font-size:18px;
    
  }

  .selectWrap .ui-selectmenu-button:after{
    right:20px;
    width:24px;
    height:24px;
    background:url(/static/assets/bg_m_select_down.png) no-repeat 50% 50%;
    background-size:15px 9px
  }

  .selectWrap .ui-selectmenu-button-open{
    border-radius:4px 4px 0 0;
    
  }

  .selectWrap .ui-selectmenu-menu{
    display:none;
    top:52px !important;
    padding:12px 8px;
    border-radius:0 0 4px 4px;
    
  }

  .selectWrap .ui-selectmenu-menu .ui-menu{
    overflow-y:scroll
  }

  .selectWrap .ui-menu-item{
    height:43px;
    line-height:43px;
    border-radius:2px;
    font-size:18px;
    
  }

  .selectWrap .ui-menu-item-wrapper{
    padding-left:12px;
    
  }

  .selectWrap .ui-state-active{
    height:52px;
    
  }


  /* ¼¿·ºÆ® ¹Ú½º µðÆúÆ® ½ºÅ©·Ñ¹Ù  */
  /* .scrollbar-wrap{
    width:4px;
    width:1.0526vw;
    right:6px;
    right:1.5789vw;
    padding-top:10px;
    padding-top:2.6316vw;
    padding-bottom:10px;
    padding-bottom:2.6316vw
  }

  .scrollbar{
    width:4px;
    width:1.0526vw
  }
   */
  .scrollbar-wrap{
    visibility:hidden
  }


  /*popup*/
  .popup-wrap.open{
    display:block
  }

  .popup{
    overflow-y:auto;
    max-width:100%;
    width:100%;
    height:100%;
    padding:30px 24px 32px;
    
  }

  .popup-title{
    padding-bottom:32px;
    padding-right:54px;
    font-size:18px;
    
  }

  button.btn-popup-close{
    right:14px;
    top:22px;
    width:44px;
    height:44px;
    background:url(/static/assets/btn_m_pop_close.png) no-repeat 50% 50%;
    background-size:18px auto;
    
  }

  .popup-video{
    top:50%;
    transform:translateY(-50%);
    max-width:100%;
    min-width:100%;
    height:auto
  }

  .popup-video button.btn-popup-close{
    width:48px;
    height:48px;
    top:-48px;
    background:#121212 url(/static/assets/btn_m_video_pop_close.png) no-repeat 50% 50%;
    background-size:18px auto
  }


  .general-popup-wrap{
    top:64px;
    left:0;
    right:0;
    z-index:20
  }

  .popup-img .btm-wrap{
    padding:10px
  }

  .popup-img .check-box input[type=checkbox]+label{
    font-size:12px;
    min-height:24px;
    padding-left:32px;
    height:24px;
    line-height:24px;
    vertical-align:top
  }

  .popup-img .check-box input[type=checkbox]+label:before{
    width:24px;
    height:24px
  }

  .popup-img .check-box input[type=checkbox]+label:after{
    width:14px;
    height:10px;
    top:8px;
    left:5px;
    
  }

  .popup-img button.btn-managepop-close{
    width:24px;
    height:24px;
    top:auto;
    bottom:10px;
    right:10px
  }


  .popup.collect-cookies .popup-con{
    font-size:14px;
    color:#555
  }

  .popup.collect-cookies .popup-con p.color-green{
    font-size:16px;
    margin-top:13px
  }

  .popup.collect-cookies .popup-foot{
    margin-top:31px
  }

  .popup.collect-cookies .popup-foot a.btn.gray{
    float:none
  }

  .popup.collect-cookies .popup-foot .btn{
    width:100%;
    margin-left:0;
    line-height:26px;
    padding:14px 40px
  }

  .popup.collect-cookies .popup-foot .btn+.btn{
    margin-top:12px
  }

  .popup.collect-cookies .popup-foot .btn.mo-big{
    height:78px
  }

  .popup.collect-cookies .popup-con dl dt{
    margin-top:16px
  }

  .popup.collect-cookies.desc .popup-foot, .popup.collect-cookies.success .popup-foot{
    margin-top:31px
  }


  
  /*contents*/
  .cello_container{
    padding-top:70px;
    
  }

  .depth2-open ~ .cello_container{
    padding-top:70px
  }

  .contents{
    padding:78px 24px 75px;
    
  }

  .category-text{
    margin-bottom:4px;
    font-size:20px;
    
  }

  .category-text *{
    vertical-align:top
  }

  .category-text b{
    display:inline-block;
    max-width:65%;
    font-size:20px;
    padding-left:24px;
    text-align:left
  }

  .category-text b:before{
    left:12px;
    top:10px;
    margin-top:-9px;
    height:16px
  }


  .info-con1{
    height:auto;
    margin:161px -24px 0;
    padding:0 24px 40px;
    
  }

  .info-con1 .inner{
    position:relative;
    top:-100px;
    height:auto;
    margin-bottom:-100px;
    flex-wrap:wrap;
    font-size:16px;
    
  }

  .info-con1 img{
    top:auto;
    width:260px;
    margin:0 auto;
    box-shadow:12px 12px 20px 0 rgba(0, 0, 0, .24)
  }

  .info-con1 .text{
    width:100%;
    padding-left:0;
    padding-top:60px
  }

  .info-con1 .text .author{
    padding-top:30px;
    font-size:14px;
    color:#424645
  }

  .info-con1 .text .author strong{
    padding-right:16px;
    margin-right:16px
  }

  .info-con1 .text .author strong:after{
    top:5px;
    width:1px;
    height:12px;
    
  }


  .form-box{
    width:auto;
    padding:48px 0 0;
    margin:0
  }

  .form-con+.form-con{
    margin-top:20px;
    
  }

  .form-box ~ .btn-box.line{
    width:100%
  }

  .form-title{
    margin-top:60px;
    font-size:18px;
    
  }

  .form-title+.form-con{
    margin-top:29px;
    
  }

  .form-con-info{
    min-height:26px;
    padding-right:45px;
    
  }

  .form-con-info .text-count{
    right:5px;
    font-size:14px;
    
  }

  
  .terms-con{
    margin-top:21px;
    
  }

  .terms-con>.check-box input[type=checkbox]+label{
    padding-left:40px;
    font-size:18px;
    
  }

  .terms-con>.check-box input[type=checkbox]+label:before{
    width:28px;
    height:28px;
    
  }

  .terms-con>.check-box input[type=checkbox]+label:after{
    left:9px;
    top:11px;
    width:12px;
    height:8px;
    
  }

  .terms-list{
    padding:24px 16px;
    margin-top:21px;
    border-radius:6px;
    
  }

  .terms-list>ul>li+li{
    margin-top:20px;
    
  }

  .terms-list .warning-text{
    margin-bottom:18px;
    margin-left:16px
  }


  .form-end{
    margin-top:-58px;
    
  }

  .form-end .inner{
    padding:80px 20px;
    border-radius:12px;
    
  }

  .form-end .inner>strong{
    padding-top:114px;
    background-size:160px auto;
    font-size:28px;
    
  }

  .form-end.contact .inner>strong{
    background-image:url(/static/assets/bg_m_form_contact.png)
  }

  .form-end.news-letter .inner>strong{
    background-image:url(/static/assets/bg_m_form_news.png)
  }

  .form-end .inner>p{
    padding-top:17px;
    font-size:16px;
    
  }


  .detail-con .inner{
    max-width:100%
  }

  .detail-con .date{
    margin-top:10px;
    font-size:14px;
    line-height:14px;
    
  }

  .detail-con .date>em{
    height:14px;
    padding-right:8px;
    margin-right:8px;
    
  }

  .detail-box{
    margin-top:60px;
    
  }

  .detail-box .img{
    margin:50px 0 40px;
    
  }

  .detail-box .img .im_info,  .detail-box .img .im_infoTip{
    margin-top:20px;
    font-size:12px;
    
  }

  .detail-box .img .im_title{
    margin-bottom:20px;
    font-size:16px;
    
  }

  .detail-box .imgTit {
    font-size:12px;
    
  }

  .detail-box .title{
    padding-top:40px;
    font-size:18px;
    
  }

  /* .detail-box .img+.text>.title{
    padding-top:0
  }
   */
  .detail-box .video{
    margin:0 -24px;
    
  }

  .detail-box .text{
    margin-top:60px;
    padding:0;
    font-size:16px;
    
  }

  .detail-box .list-text{
    padding-left:0
  }

  .detail-box .author .photo{
    width:96px
  }

  .detail-box .author img{
    width:96px;
    height:96px;
    padding:7px
  }

  .detail-box .author figcaption{
    padding-left:14px
  }

  .detail-box .author .name{
    margin-bottom:9px;
    font-size:20px;
    
  }

  .detail-box .author .info{
    font-size:14px;
    
  }

  /* .detail-box .author2{
    min-height:auto;
    margin-top:120px;
    padding-bottom:0
  }

  .detail-box .author2 .photo{
    position:relative;
    left:auto;
    top:auto;
    height:auto;
    
  }

  .detail-box .author2 figcaption{
    padding:30px;
    
  }

  .detail-box .author2 .info{
    font-size:12px;
    line-height:17px
  }

  .detail-box .author2 ul{
    padding-top:11px;
    font-size:9px
  }

  .detail-con .img.max-880{
    max-width:100%;
    margin:0
  }

  .detail-box .author-img{
    padding-top:60px
  }
   */
  /* .detail-box .icon1{
    padding-top:10px
  }
   */
  /* .detail-box .icon2{
    padding-top:40px;
    
  }
   */
  .detail-box .author2{
    margin-top:120px;
    
  }

  .detail-box .author-img{
    padding-top:60px
  }

  .detail-box [class^=icon] img{
    width:auto
  }

  .detail-box .info-list>li{
    padding-left:30px;
    font-size:16px
  }

  .detail-box .info-list>li>p{
    font-size:14px
  }

  .detail-box dl dd.img{
    margin:20px 0
  }

  .detail-box .text blockquote + blockquote{
    margin-top:20px
  }

  .detail-box .text blockquote > p{
    font-size:18px
  }

  .detail-box .text blockquote > small{
    font-size:14px
  }

  .detail-con .table-box.blog th{
    padding:12px;
    font-size:14px
  }

  .detail-con .table-box.blog tbody th{
    padding:14px 12px;
    font-size:14px
  }

  .detail-con .table-box.blog td{
    padding:14px 12px;
    font-size:12px
  }

  .detail-con .table-box.blog tr td:last-child{
    font-size:12px
  }

  .detail-con .table-box.blog+.table-box.blog{
    margin-top:32px
  }

  .detail-box sup{
    font-size:12px
  }


  /*¹°·ù¿ë¾îÁý*/
  .distribution-voca{
    padding-top:20px
  }

  .distribution-voca .bulType li{
    padding-left:10px;
    
  }

  .distribution-voca>li+li{
    padding-top:80px
  }

  .distribution-voca>li>ol>li{
    font-size:24px;
    
  }

  .distribution-voca>li>ol>li+li{
    padding-top:60px
  }

  .distribution-voca>li>ol>li .text{
    margin:20px 0 0;
    font-size:18px;
    
  }

  .distribution-voca>li>ol>li>ul{
    margin-top:20px;
    font-size:18px;
    line-height:32px
  }

  .distribution-voca>li>ol>li>ul>li{
    padding-left:10px;
    
  }

  .distribution-voca>li>ol>li>ul>li .color-green2{
    text-indent:-10px;
    margin-left:10px;
    font-size:14px;
    
  }

  .distribution-voca>li>ol>li>ul>li+li{
    margin-top:12px
  }

  .distribution-voca .invoice-list{
    padding-top:40px
  }

  .distribution-voca .invoice-list>strong{
    padding:60px 0 20px;
    font-size:18px;
    
  }

  .distribution-voca .invoice-list ul>li{
    width:auto;
    padding-left:10px;
    margin:0 auto;
    font-size:14px;
    
  }

  .distribution-voca .invoice-list .important{
    padding-bottom:20px;
    font-size:14px;
    
  }

  .distribution-voca .text-indent{
    padding-left:0
  }

  .distribution-voca span.color-green2{
    padding-left:16px;
    font-size:14px;
    
  }

  .detail-box .box-tit{
    height:auto;
    min-height:40px;
    margin-bottom:10px;
    padding:1px 16px 2px;
    font-size:20px;
    line-height:38px
  }

  .detail-box .box-tit span:first-child{
    height:auto;
    padding-right:8px;
    font-size:24px;
    
  }

  .detail-box .box-tit span{
    display:inline-block;
    height:auto;
    color:#fff;
    font-weight:500;
    font-size:18px;
    vertical-align:top
  }

  .detail-box dd{
    text-indent:-10px;
    margin-left:10px;
    font-size:18px
  }

  .detail-box dd + dt.box-tit{
    margin-top:38px
  }

  .detail-box dd span.color-green2{
    text-indent:-10px;
    margin-left:10px;
    padding-left:0;
    font-size:14px
  }

  .img-tit > img{
    width:inherit
  }

  .img-tit.h-110 > img{
    height:55px
  }

  .detail-box .img-tit{
    padding-bottom:12px
  }


  .sort-search-cp{
    min-height:auto
  }

  .sort-wrap{
    position:relative;
    margin-right:0
  }

  .sort-wrap>button{
    position:relative;
    display:inline-block;
    height:27px;
    padding-right:27px;
    font-size:18px;
    line-height:18px;
    font-weight:700;
    color:#00c5a8
  }

  .sort-wrap>button:after{
    content:'';
    display:block;
    position:absolute;
    right:6px;
    top:6px;
    width:6px;
    height:6px;
    border:2px solid #16c5a8;
    border-right:0;
    border-top:0;
    transform:rotate(-45deg)
  }

  .sort-wrap>button>span{
    display:inline-block;
    height:27px;
    vertical-align:top
  }

  .sort-wrap .sort-list{
    display:none;
    position:absolute;
    left:0;
    top:39px;
    width:100%;
    padding:5px 20px;
    border:1px solid #00c5a8;
    background:#fff;
    border-radius:4px;
    z-index:5
  }

  .sort-wrap .sort-list.open{
    display:block
  }

  .sort-wrap .sort-list li{
    margin:0
  }

  .sort-wrap .sort-list li a{
    padding:8px 0;
    font-size:18px;
    font-weight:500;
    color:#8d9291
  }

  .sort-wrap .sort-list li a[aria-selected="true"], .sort-list li a:hover{
    color:#121212
  }

  .sort-list li a[aria-selected="true"]:before, .sort-list li a:hover:before{
    display:none
  }

  .sort-list li a.disabled{
    pointer-events:none
  }

  .sort-search-cp .search-area{
    position:relative;
    right:auto;
    top:auto;
    margin-top:20px
  }

  .sort-search-cp .search-area input{
    width:100%;
    height:52px;
    line-height:52px;
    padding-right:108px
  }


  .content-sns{
    display:flex;
    justify-content:center;
    margin:41px -8px 0;
    
  }

  .content-sns>li{
    width:48px;
    height:48px;
    margin:0 8px;
    
  }

  .content-sns>li>a:after{
    width:17px;
    height:17px;
    background-image:url(/static/assets/sp_m_sns2.png);
    background-size:100% auto;
    background-repeat:no-repeat
  }

  .content-sns>li.facebook>a:after{
    background-position:0 -17px;
    
  }

  .content-sns>li.linked-in>a:after{
    background-position:0 -34px;
    
  }

  .content-sns>li.twitter>a:after{
    background-position:0 -51px;
    
  }

  .content-sns>li.url-copy>a:after{
    height:20px;
    background-position:0 -68px;
    
  }

  .detail-con .table-box{
    margin-top:20px;
    
  }

  .detail-con .table-box thead th{
    font-size:16px;
    
  }

  .detail-con .table-box td{
    font-size:16px;
    
  }

  .detail-con .table-box td a{
    min-width:90px;
    height:44px;
    line-height:44px;
    margin-top:12px;
    padding:0 20px;
    font-size:14px
  }

  .detail-con .table-box td a+a+a{
    margin-left:0
  }

  .detail-con .table-box td p{
    padding-top:12px;
    font-size:12px
  }

  .detail-con .table-box tr td:last-child{
    font-size:14px;
    
  }

  .detail-con .table-title{
    font-size:20px;
    
  }

  .detail-con .table-title2{
    padding:50px 0 20px;
    font-size:18px
  }


  .sort-content{
    margin-top:40px;
    
  }

  /* .sort-content .btn-box{
    margin-top:80px;
    margin-top:22.2222vw
  }
   */
  .btn-box .more:before{
    padding-right:3px
  }

  .sort-content .no-list{
    padding:160px 0 125px;
    font-size:16px
  }


  .toggle-area button:after{
    width:6px;
    height:6px;
    border-width:2px;
    transform-origin:50% 50%
  }


  /*video*/
  .video-wrap{
    margin-top:40px;
    padding:0
  }

  .video-list{
    margin:-60px 0 0;
    
  }

  .video-list li{
    width:100%;
    padding:0;
    margin-top:60px;
    
  }
  /*flex:0 100%;
  */
  /* :-ms-fullscreen, :root .video-list li{
    flex:0 100%;
    margin:60px 0 0;
    margin:16.6667vw 0 0
  }
   */
  .video-list li>div .img{
    height:175px;
    height:48.6111vw;
    border-radius:8px;
    
  }

  .video-list li>div .img img{
    height:100%
  }

  .video-list li>div .img:hover img, .video-list li>div .img:focus img{
    transform:translate(-50%,-50%);
    transition:none
  }

  .video-list li>div .img:before {
    border-radius:12px;
    
  }

  .video-list li>div .tit{
    margin-top:24px;
    width:100%;
    font-size:18px;
    
  }

  .video-list li>div .tit>span{
    max-height:86px;
    -webkit-line-clamp:2;
    
  }

  .video-list li>div .category-text{
    margin-bottom:12px;
    
  }

  .video-list li>div .text{
    -webkit-line-clamp:4;
    height:auto;
    max-height:96px;
    margin-top:8px;
    font-size:18px;
    line-height:24px;
    
  }

  .video-list li>div a:hover .tit>span{
    color:#121212;
    text-decoration:none;
    
  }


  /*À̺¥Æ®*/
  .event-wrap{
    padding:0
  }

  .event-top{
    height:auto;
    margin:0 -24px
  }

  .event-top:before{
    display:none
  }

  .event-top .swiper-container{
    overflow:hidden;
    width:auto;
    
  }

  .event-top .swiper-button-box{
    width:100%;
    padding:0
  }

  .event-top .swiper-button-box .paging{
    position:absolute;
    left:0;
    bottom:20px;
    width:100%;
    justify-content:center;
    padding:0;
    text-align:center;
    z-index:1;
    font-size:16px
  }

  .event-top .swiper-button{
    top:72px;
    top:20vw;
    transform:none;
    background:none
  }

  .topevent-con{
    flex-wrap:wrap;
    width:auto;
    
  }
  /*margin:0 -24px;
  */
  .topevent-con .img{
    width:100%;
    height:172px;
    height:47.7778vw;
    border-radius:0
  }
   /*flex:0 100%;
   */
  .topevent-con .img img{
    height:100%
  }

  .topevent-con:hover .img img, .topevent-con:focus .img img{
    transform:translate(-50%,-50%);
    transition:none
  }

  .topevent-con .con{
    width:100%;
    padding:33px 24px 64px;
    background:#f4f4f4;
    
  }

  .topevent-con .con h2{
    display:block;
    max-height:100%;
    font-size:18px;
    
  }

  .topevent-con .con h2>span{
    display:block;
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow:ellipsis;
    max-height:55px;
    font-size:18px;
    
  }

  .topevent-con:hover .con h2>span,.topevent-con:focus .con h2>span{
    color:#121212;
    text-decoration:none;
    
  }

  .topevent-con .con h2 .category-text{
    padding-bottom:8px;
    font-size:14px;
    
  }

  .topevent-con .con .text{
    padding-top:8px;
    max-height:96px;
    font-size:14px;
    
  }

  .topevent-con .con .date{
    padding-top:16px;
    font-size:16px;
    
  }


  .event-list{
    margin:0
  }

  .event-list-con{
    margin-top:80px;
    
  }

  .event-list{
    margin-top:-60px
  }

  .event-list li{
    width:100%;
    padding:0;
    margin:60px 0 0
  }
  /*flex:0 100%;
  */
  /* :-ms-fullscreen, :root .event-list li{
    flex:0 100%;
    margin:0
  }
   */
  /* .event-list li+li{
    margin-top:60px;
    
  }
   */
  .event-list li a .category-text{
    margin-bottom:12px
  }

  .event-list li a .tit{
    -webkit-line-clamp:3;
    margin-top:24px;
    max-height:84px;
    font-size:18px;
    
  }

  .event-list li a .img{
    height:175px;
    height:48.6111vw;
    border-radius:12px;
    
  }

  .event-list li a .text{
    height:auto;
    max-height:48px;
    margin-top:8px;
    font-size:18px;
    line-height:24px;
    
  }

  .event-list li a .date{
    font-size:18px;
    
  }

  .event-list li .progress{
    width:80px;
    height:80px;
    border-radius:0 8px 0 8px;
    font-size:14px;
    
  }

  .btn-tit{
    margin-top:24px;
    padding-right:14px;
    font-size:16px !important;
    
  }

  .btn-tit:after{
    width:6px;
    height:6px;
    border-width:2px
  }

  .topevent-con:hover .img,
  .topevent-con:focus .img,
  .event-list li a:hover .img,
  .event-list li a:focus .img,
  .mi-list>li>a:hover .img,
  .mi-list>li>a:focus .img,
  .report-list a:hover .img,
  .report-list a:focus .img,
  .video-list>li .img:hover,
  .video-list>li .img:focus{
    box-shadow:none;
    transition:none
  }


  /*FAQ*/
  .faq-wrap{
    margin-top:40px;
    padding:0
  }

  .faq-list{
    margin-top:24px;
    
  }

  .faq-list li button{
    padding:30px 48px 30px 0;
    
  }

  .faq-list li .division{
    font-size:14px;
    
  }

  .faq-list li .tit{
    margin-top:10px;
    font-size:20px;
    
  }

  .faq-list li .toggle-con{
    padding:24px;
    font-size:16px;
    
  }


  /*ºí·Î±×*/
  .blog-wrap{
    margin-top:40px;
    padding:0
  }

  .blog-list{
    margin:0
  }

  .blog-list li{
    width:100%;
    height:auto;
    padding:0;
    margin:0
  }

  .blog-list li + li{
    margin-top:16px;
    
  }

  .blog-list a{
    padding:32px 28px;
    border-radius:12px
  }

  .blog-list a:hover, .blog-list a:focus{
    background:#f8f8f8
  }

  .blog-list a .tit{
    font-size:18px;
    
  }

  .blog-list a .tit span{
    height:auto;
    max-height:56px;
    line-height:28px
  }

  .blog-list a .text{
    -webkit-line-clamp:3;
    height:77px;
    line-height:24px;
    padding-top:10px;
    font-size:14px;
    
  }

  .blog-list a:hover .tit>span, .blog-list a:focus .tit>span{
    color:#121212;
    text-decoration:none;
    
  }

  .blog-list a .category-text{
    margin-bottom:15px;
    font-size:14px;
    
  }

  .blog-list a .category-text b{
    font-size:13px;
    
  }

  .blog-list a .category-text b:before{
    height:10px;
    
  }

  .blog-list a .date{
    position:relative;
    left:auto;
    bottom:auto;
    margin-top:12px;
    font-size:14px;
    
  }


  /*¹é¼­*/

  /*ÀÌ¿ë¾à°ü*/
  .term-box{
    max-height:442px;
    padding:24px 24px 32px 24px;
    font-size:14px;
    
  }

  .term-box>ol>li+li,.term-box>ol>li>ol>li+li{
    padding-top:32px;
    
  }

  .term-box>ol>li>p{
    padding-bottom:32px;
    
  }

  .term-text{
    padding-top:32px;
    
  }

  .term-box+.btn-box{
    margin-top:30px;
    
  }

  .term-box .summary strong,
  .term-box .termsCon .division{
    padding-top:32px
  }

  .term-box .termsCon h2{
    padding-top:32px;
    font-size:14px;
    border-top:0
  }

  .term-box .termsCon h2+p{
    padding-top:20px
  }

  .term-box .division + h2{
    padding-top:40px
  }



  /*¸ÞÀÎ*/
  main.cello_container{
    padding-top:130px;
    
  }

  main.cello_container .con-title1{
    padding:0 24px
  }

  .cello-banner-top{
    height:80px
  }

  .cello-banner-top ~ header{
    top:80px
  }

  .cello-banner-top img{
    max-width:auto;
    width:auto;
    height:100%
  }

  .btn-banner-close{
    right:0;
    width:64px;
    height:64px;
    
  }

  .btn-banner-close:before{
    width:24px;
    height:2px;
    
  }

  .btn-banner-close:after{
    width:2px;
    height:24px;
    
  }

  main.cello_container .con-text{
    padding:0 24px
  }

  .main-con1{
    height:137px;
    height:38.0556vw;
    margin-top:157px;
    
  }

  .main-con1 .main-video{

    top:-75px;
    width:calc(100% - 64px);
    border-radius:4px;
    box-shadow:10px 10px 20px 0 rgba(0,0,0,.16);
    
  
  }

  .main-con1 .main-video .img{
    position:relative
  }

  .main-con1 .main-video .btn-play{
    overflow:hidden;
    border-radius:50%
  }

  .main-con1 .main-video .btn-play:before{
    background-color:rgba(0,0,0,.2)
  }


  .main-con2{
    padding:100px 0;
    
  }

  .main-con2 .inner{
    padding:0
  }

  .main-con2 .inner>.con-title2{
    padding-bottom:0;
    padding-left:2rem !important;
  }

  .main-con2 .inner>.con-title2,
  .main-con2 .inner.fixed>.con-title2,
  .main-con2 .inner.fixed.over>.con-title2{
    display:block;
    position:relative;
    left:auto;
    top:auto;
    margin:0 24px;
    
  }

  .main-con2 .card-list-box{
    padding-left:0
  }

  .main-con2 .swiper-container{
    overflow:hidden;
    margin-top:41px;
    margin-left:24px;
    
  }

  .main-con2 .swiper-button-box{
    padding-top:16px;
    
  }
  /*margin-left:-24px;
  margin-left:-6.6667vw*/
  .main-con2 .btn-box{
    margin-top:40px;
    
  }


  .card-list-box{
    padding-bottom:0
  }

  .card-list-box .card-menu,
  .main-con2 .inner.fixed .card-list-box .card-menu,
  .main-con2 .inner.fixed.over .card-list-box .card-menu{
    overflow-y:hidden;
    overflow-x:scroll;
    display:flex;
    position:relative;
    left:auto;
    top:auto;
    margin:28px 0 41px 32px;
    padding-right:32px;
    
  }

  .card-list-box .card-menu>li{
    flex:0 0 auto
  }

  .card-list-box .card-menu>li+li{
    margin-left:32px;
    
  }

  .card-list-box .card-menu>li>a{
    display:inline-block;
    padding:14px 0;
    font-size:20px;
    
  }

  .card-list-box .card-menu>li.on>a,
  .card-list-box .card-menu>li>a:hover,
  .card-list-box .card-menu>li>a:focus{
    padding-left:30px;
    
  }

  .card-list-box .card-menu>li.on>a:before,
  .card-list-box .card-menu>li>a:hover:before,
  .card-list-box .card-menu>li>a:focus:before{
    width:20px;
    height:2px;
    
  }


  .card-list{
    flex-wrap:nowrap;
    margin:0;
    width:auto
  }

  .card-list>div{
    width:296px;
    margin-bottom:0
  }

  .card-list .card-con-inner>a{
    height:428px;
    
  }

  .card-list .card-con-inner:hover,
  .card-list .card-con-inner:focus{
    transform:none;
    transition:none
  }

  .card-list .card-con-inner>a:hover,
  .card-list .card-con-inner>a:focus{
    transform:none;
    box-shadow:none;
    transition:none
  }

  .card-list .card-con .category{
    padding-bottom:10px;
    
  }

  .card-list .card-con .category:after{
    width:20px;
    height:2px;
    
  }


  .card-con-inner{
    margin:0;
    border-radius:12px;
    
  }

  .card-con-inner>a{
    display:block;
    padding:37px 30px;
    border-radius:12px;
    
  }

  .card-con .category{
    display:block;
    position:relative;
    margin-bottom:31px;
    font-size:14px;
    
  }

  .card-con .category>span{
    height:14px;
    padding-left:7px;
    font-size:13px;
    
  }

  .card-con .category>span:before{
    width:1px;
    height:10px;
    margin-right:7px;
    
  }

  .card-con .title{
    height:76px;
    max-height:100%;
    font-size:24px;
    line-height:38px;
    
  }

  .card-con .text{
    -webkit-line-clamp:3;
    height:78px;
    margin-top:12px;
    font-size:16px;
    line-height:26px;
    
  }

  .card-con .card-con-inner a>.img img{
    transition:none !important;
    transform:translate(-50%,-50%) !important;
    object-fit:cover;
    height:auto
  }


  .card-con .btn-share{
    right:28px;
    top:45px;
    width:24px;
    height:24px;
    background:url(/static/assets/icon_m_more_vertical_w.png) no-repeat;
    background-size:24px auto;
    
  }

  .card-con .content-sns-box>button{
    right:18px;
    top:45px;
    width:48px;
    height:48px;
    
  }

  .card-con .content-sns-box>button:before{
    width:14px;
    height:2px;
    
  }

  .card-con .content-sns-box>button:after{
    width:2px;
    height:14px;
    
  }

  .card-con .content-sns-box .content-sns{
    display:block;
    margin:0;
    right:18px;
    top:101px;
    
  }

  /* .card-con .content-sns-box .content-sns>li{
    display:block;
    margin:0
  }
   */
  .card-con .content-sns-box .content-sns>li:nth-child(2){
    transform:translateY(-48px);
    
  }

  .card-con .content-sns-box .content-sns>li:nth-child(3){
    transform:translateY(-96px);
    
  }

  .card-con .content-sns-box .content-sns>li:nth-child(4){
    transform:translateY(-144px);
    
  }

  .card-con .content-sns-box .content-sns>li:nth-child(5){
    transform:translateY(-192px);
    
  }

  .card-con .content-sns-box.show .content-sns>li+li{
    margin-top:8px;
    
  }

  /*text type*/
  .card-con .from-to{
    margin-top:28px;
    
  }

  .card-con .from-to>span{
    font-size:15px;
    white-space:nowrap
  }

  .card-con .from-to .img{
    width:98px;
    margin:0 16px;
    
  }
  /*height:98px;
  */
  .card-con .hash-tag-list{
    left:24px;
    bottom:46px;
    padding:0
  }
  /*padding-right:30px;
  padding-right:8.3333vw*/
  .card-con .hash-tag-list>li{
    min-width:62px;
    padding:0 6px;
    margin-top:16px;
    font-size:13px;
    
  }

  .card-con .hash-tag-list>li>span{
    padding:8px 16px;
    border-radius:50px;
    
  }


  /*image type*/
  .card-con.image-type .text{
    height:78px;
    margin-top:0
  }

  .card-con.image-type .img{
    height:calc(100% - 253px);
    border-radius:0 0 12px 12px
  }

  .card-con.image-type .btn-share{
    background:url(/static/assets/icon_m_more_vertical_b.png) no-repeat;
    background-size:24px auto;
    
  }

  /*image bg type*/
  .card-con.image-bg-type .title{
    white-space:normal;
    height:auto;
    max-height:84px;
    
  }

  .card-con.image-bg-type .img:before{
    border-radius:12px;
    
  }


  .main-con3{
    padding:100px 0
  }

  .main-con3 .inner{
    padding:0
  }

  .main-con3 .con-title2{
    display:block;
    padding:0 24px;
    
  }

  .main-con3 .con-text{
    padding:0 32px;
    
  }

  .main-con3 .swiper-container{
    margin-top:40px;    
  }

  .main-con3 .swiper-button-box{
    padding:0
  }

  .main-con3 .swiper-button-box .paging{
    right:50%;
    transform:translateX(50%);
    top:auto;
    bottom:28px;
    font-size:16px
  }

  .main-con3 .swiper-button-box .swiper-pagination-current{
    font-size:16px
  }

  .main-con3 .swiper-button-box .progress{
    display:none
  }

  .main-con3 .text{
    font-size:20px
  }

  .main-con3 .img{
    height:360px
  }

  .btn-play{
    width:80px;
    height:80px;
    
  }

  .btn-play:before{
    background-image:url(/static/assets/btn_m_play.png)
  }

  .btn-play:before:hover{
    background-image:url(/static/assets/btn_m_play_hover.png)
  }


  .swiper-button-box{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    position:static;
    left:auto;
    top:auto;
    transform:none;
    width:auto;
    padding:40px 24px 0 0;
    
  }

  .swiper-button-box .paging{
    height:16px;
    line-height:16px;
    margin-right:0;
    padding-right:48px;
    font-size:12px;
    
  }

  .swiper-button-box .paging:after{
    display:none
  }

  .swiper-button-box .swiper-pagination-current{
    padding-right:12px;
    font-size:16px;
    
  }

  .swiper-button-box .swiper-pagination-total{
    padding-left:12px;
    
  }

  .swiper-button{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    display:block;
    width:24px;
    height:40px;
    background:rgba(0,0,0,.6);
    z-index:2
  }

  .swiper-button-prev{
    left:0;
    border-radius:0 4px 4px 0;
    
  }

  .swiper-button-next{
    right:0;
    margin:0;
    border-radius:4px 0 0 4px;
    
  }

  .swiper-button:before{
    width:14px;
    height:14px;
    border:2px solid #fff;
    border-left:0;
    border-top:0;
    opacity:1 !important
  }

  .swiper-button-prev:before{
    left:8px;
    transform:translate(0,-50%) rotate(-225deg)
  }

  .swiper-button-next:before{
    left:auto;
    right:8px;
    transform:translate(0,-50%) rotate(315deg)
  }

  .swiper-button-box .progress{
    display:block;
    width:100%;
    height:2px;
    background:#e9e9e9
  }

  .swiper-button-box .progress>span{
    display:inline-block;
    height:100%;
    background:#121212;
    vertical-align:top
  }


  .main-con4{
    overflow:hidden
  }

  .main-con4 .con-title2{
    padding:0 24px;
    
  }

  .main-con4 .inner{
    position:relative;
    max-width:100%;
    height:auto;
    padding:100px 0;
    
  }

  .main-con4 .swiper-container{
    margin-left:24px;
    
  }

  /* .main-con4 .swiper-button-box{
    margin-left:-24px;
    margin-left:-6.6667vw
  }
   */
  .main-con4 .report-list{
    overflow:initial;
    flex-wrap:nowrap;
    width:100%;
    margin:0
  }

  .main-con4 .report-list>div{
    width:100%;
    padding:0
  }

  .main-con4 .main-tab{
    position:relative;
    right:auto;
    top:auto;
    margin-top:40px;
    text-align:center
  }

  .main-con4 .main-tab>li>a{
    display:block;
    height:32px;
    font-size:16px;
    
  }

  .main-con4 .main-tab>li>a[aria-selected=true]{
    border-bottom-width:2px;
    
  }

  .main-con4 .main-tab>li+li{
    margin-left:24px;
    
  }

  .main-con4 .tab-con{
    padding-top:32px;
    
  }

  .main-con4 .blog-list{
    overflow:initial;
    flex-wrap:nowrap;
    width:100%;
    margin:0
  }

  .main-con4 .blog-list>div{
    width:auto;
    padding:0;
    height:auto;
    
  }


  .banner-box .inner{
    flex-wrap:wrap;
    height:auto;
    padding:60px 32px 70px;
    
  }

  .banner-box .inner:before{
    width:296px;
    height:237px;
    margin-right:0;
    background-image:url(/static/assets/contents/img_m_banner1.png);
    
  }

  .banner-box .banner-con{
    text-align:center
  }

  .banner-box .banner-con>strong{
    display:block
  }

  .banner-box .banner-con>a{
    margin-top:20px;
    
  }


  /*Àüü»óÇ°º¸±â ·¹À̾î*/
  .whole-product-view .top{
    max-width:100%;
    height:68px;
    padding:19px 24px 0;
    margin:0
  }

  .whole-product-view .top .logo{
    display:none
  }
  /*position:relative;
  left:auto;
  top:auto*/
  .whole-product-view .scroll{
    height:calc(100% - 70px);
    padding:0 32px 92px;
    
  }

  .whole-product-view .inner{
    max-width:100%;
    padding-right:0
  }

  .whole-product-view .con-title3{
    left:24px;
    top:19px;
    font-size:20px;
    
  }

  .whole-product-view .card-list-box .card-menu{
    position:static;
    left:auto;
    top:auto;
    margin:10px 0;
    
  }

  /* .whole-product-view .card-menu{
    top:181px
  }
   */
  .whole-product-view .card-list-box{
    margin-left:0
  }

  .whole-product-view .card-list{
    display:flex;
    flex-wrap:wrap;
    padding-top:0
  }

  .whole-product-view .card-list>div{
    width:100%
  }

  .whole-product-view .card-list>div+div{
    margin-top:16px;
    
  }

  .whole-product-view button.btn-popup-close{
    right:9px;
    top:9px;
    
  }

  .whole-product-view .card-menu{
    margin-left:0
  }

  .whole-product-view .card-menu>li>a{
    font-size:18px;
    
  }

  .whole-product-view .search-area{
    display:none;
    width:100%;
    height:84px;
    left:0;
    top:0;
    margin-top:0;
    padding:12px 67px 20px 24px;
    background:#fff;
    box-shadow:0 8px 12px 0 rgba(0, 0,0,.08);
    z-index:11
  }

  .whole-product-view .search-area.open{
    display:block
  }

  .whole-product-view .search-area fieldset{
    width:100%
  }

  .whole-product-view .search-area input[type=text]{
    width:100%
  }

  .whole-product-view .btn-search,
  .sort-search-cp .btn-search{
    right:8px;
    width:56px !important;
    height:52px !important;
    background-image:url(/static/assets/icon_m_search.png);
    background-size:24px auto !important;
    
  }

  .whole-product-view .btn-search-area-open{
    display:block;
    position:fixed;
    width:48px;
    height:48px;
    right:60px;
    top:8px;
    background-position:50% 50%;
    background-repeat:no-repeat
  }

  .whole-product-view .btn-search-close{
    display:block;
    position:absolute;
    right:0;
    top:16px;
    padding:14px;
    font-size:16px;
    font-weight:700;
    color:#121212
  }

  .whole-product-view .auto-complete-list{
    position:fixed;
    top:84px;
    height:144px;
    border:0;
    border-radius:0;
    box-shadow:0 8px 12px 0 rgba(0,0,0,.08);
    
  }

  .whole-product-view .auto-complete-list ul{
    padding:4px 22px 18px 24px;
    
  }

  .whole-product-view .auto-complete-list li .kwd{
    width:calc(100% - 28px);
    padding:10px 0;
    font-size:16px;
    
  }

  .whole-product-view .no-list{
    height:calc(100% - 9.1667vw);
    font-size:16px
  }

  .search-area .btn-delet{
    right:64px;
    width:28px;
    height:28px;
    background-image:url(/static/assets/btn_m_delet.png)
  }

  
  /* °³ÀÎÁ¤º¸ ó¸® ¹æħ */
  .privacyPolicy{
    margin-top:40px;
    
  }

  .privacyPolicy .form-con{
    width:100%;
    float:none;
    margin-bottom:20px;
    
  }

  .privacyPolicy.terms .summary  strong{
    display:block;
    font-size:16px;
    padding-top:16px;
    
  }

  .privacyPolicy.terms .termsCon h2 + p, .privacyPolicy.terms .termsCon p + ul{
    padding-top:30px;
    
  }

  .privacyPolicy.terms .termsCon .division{
    padding-top:20px;
    font-size:16px;
    
  }

  .privacyPolicy.terms .termsCon .division + h2{
    border-top:0;
    margin-top:0;
    padding-top:20px;
    
  }

  .policyCon{
    clear:both;
    text-align:left
  }

  .policyCon .summary{
    border-top:0;
    padding:0 0 40px;
    
  }

  .policyCon .summary p{
    font-size:16px;
    
  }

  .policyCon .summary p + p{
    padding-top:16px;
    
  }

  .policyCon .summary .list{
    padding:40px 0;
    
  }

  .policyCon .summary .list li{
    margin-bottom:16px;
    padding:0
  }

  .policyCon .summary .list li a{
    font-size:16px;
    
  }

  .termsCon{
    font-size:14px;
    
  }

  .termsCon h2{
    margin-top:40px;
    padding-top:40px;
    font-size:20px;
    
  }

  .termsCon h3{
    padding-top:30px;
    font-size:16px;
    
  }

  .termsCon h3 + .txt{
    padding-top:16px;
    
  }

  .termsCon .tit{
    padding-top:30px;
    
  }

  .termsCon .tit + .list, .termsCon .tit + .txt, .termsCon .txt + .txt{
    padding-top:16px;
    
  }

  .termsCon .txt{
    padding-top:20px;
    
  }

  .termsCon .list{
    padding-top:20px;
    
  }

  .termsCon li{
    padding:3px 0;
    
  }

  .termsCon li p{
    padding-top:6px;
    
  }

  .termsCon ol{
    padding-top:30px;
    
  }

  .termsCon ol>li{
    padding:10px 0;
    
  }

  .termsCon ol>li ul li ul li{
    font-size:12px;
    
  }

  .termsCon>ol>li>.smallTit{
    padding-top:40px;
    
  }

  .version{
    margin-top:40px;
    padding-top:40px;
    
  }

  .version li{
    padding:3px 0;
    font-size:16px;
    
  }

  /* table */
  .tblH{
    margin-top:20px;
    
  }

  .tblH thead tr th, .tblH tbody tr td{
    padding:10px;
    
  }

  .tblH thead tr th,.tblH tbody tr td{
    font-size:14px;
    
  }


  /*ÿ·Î½ºÄù¾î¼Ò½Ä*/
  .mi-wrap {
    margin-top:40px;
    padding:0
  }

  .mi-list{
    margin-top:0;
    margin-left:0
  }

  .mi-list>li{
    width:100%;
    margin-top:0;
    padding-left:0
  }

  .mi-list>li+li{
    margin-top:60px;
    
  }

  .mi-list>li>a{
    display:block;
    width:100%;
    height:auto;
    padding-left:0
  }

  .mi-list>li>a .img{
    width:100px;
    height:100px;
    border-radius:12px;
    
  }

  .mi-list>li>a:hover .img img, .mi-list>li>a:focus .img img{
    transform:translate(-50%,-50%);
    transition:none
  }

  .sort-content .category-text,
  .library-con .category-text{
    font-size:14px;
    
  }

  .sort-content .category-text>b,
  .library-con .category-text>b{
    font-size:14px;
    
  }

  .sort-content .category-text>span,
  .library-con .category-text>span{
    padding-left:10px;
    margin-left:10px;
    
  }

  .sort-content .category-text>span:before,
  .library-con .category-text>span:before{
    height:10px;
    
  }

  .mi-list>li>a>.text{
    width:100%;
    padding-left:120px
  }

  .mi-list>li>a>.text strong{
    max-height:52px;
    margin-top:11px;
    font-size:16px;
    line-height:26px
  }

  .mi-list>li>a:hover>.text strong, .mi-list>li>a:focus>.text strong{
    color:#121212;
    text-decoration:none;
    
  }

  .mi-list>li>a>.text p{
    display:none;
    -webkit-line-clamp:4;
    height:auto;
    max-height:96px;
    margin-top:10px;
    font-size:14px;
    line-height:24px;
    
  }

  .mi-list>li>a>.text .date{
    position:relative;
    left:0;
    margin-top:4px;
    font-size:13px;
    
  }


  /*¸®Æ÷Æ®*/
  .report-wrap{
    margin-top:40px;
    padding:0
  }

  .report-list{
    display:flex;
    flex-wrap:wrap;
    margin:-60px 0 0;
    
  }

  .report-list>li{
    width:100%;
    padding:0;
    margin-top:60px;
    
  }

  .report-list .text{
    margin-top:32px;
    
  }

  .report-list .text>strong{
    height:auto;
    max-height:54px;
    font-size:18px;
    
  }

  .report-list a:hover .text>strong, .report-list a:focus .text>strong{
    color:#121212;
    text-decoration:none
  }

  .report-list .text>p{
    height:96px;
    margin-top:9px;
    font-size:18px;
    line-height:32px
  }

  .report-list .img{
    height:312px;
    height:86.6667vw;
    border-radius:12px;
    
  }

  .report-list a:hover .img img, .report-list a:focus .img img{
    transform:translate(-50%,-50%)
  }

  .report-list .img .sort-tag{
    width:80px;
    height:80px;
    font-size:14px;
    border-radius:0 12px 0 12px;
    
  }


  /*¶óÀ̺귯¸® ¸ÞÀÎ*/
  .library-main{
    max-width:100%;
    margin:0;
    padding:0
  }

  .library-menu{
    display:none
  }

  .library-con{
    padding:100px 0 0;
    
  }

  #library-con1{
    padding-top:80px;
    
  }

  .library-con .con-title3{
    padding-bottom:24px;
    font-size:24px;
    line-height:1.6
  }

  .library-con .btn-box{
    margin-top:60px;
    
  }

  .news-letter-subscribe{
    height:auto;
    margin:100px -24px 0;
    padding:70px 24px;
    
  }

  .news-letter-subscribe .inner{
    display:flex;
    flex-wrap:wrap;
    padding:0
  }

  .news-letter-subscribe .text{
    display:block;
    width:100%;
    padding-top:63px;
    order:2
  }

  .news-letter-subscribe .text>strong{
    font-size:20px;
    
  }

  .news-letter-subscribe .text>p{
    padding-top:10px;
    font-size:14px;
    
  }

  .news-letter-subscribe .btn-box{
    margin-top:32px;
    
  }

  .news-letter-subscribe .btn-box>a{
    width:100%;
    margin:10px 0 0;
    
  }

  .news-letter-subscribe .img{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    order:1;
    text-align:center
  }

  .news-letter-subscribe .img:after{
    content:'';
    display:block;
    clear:both
  }

  .news-letter-subscribe .img img{
    float:left;
    width:calc(50% - 14px);
    height:auto
  }

  .news-letter-subscribe .img img+img{
    float:right;
    margin:0
  }

  .library-main .banner-box{
    margin:100px -24px -75px;
    
  }

  .library-main .banner-box .inner{
    padding:60px 24px 70px;
    
  }

  .library-main .banner-box .inner:before{
    background-image:url(/static/assets/contents/img_m_banner2.png)
  }


  /*»óÇ°»ó¼¼*/
  .product-detail-con .inner{
    margin:0
  }

  .product-detail-box{
    max-width:100%;
    padding:60px 0 0;
    margin:0
  }

  .product-detail-box>.img{
    border-radius:0
  }
  /*margin:0 -24px;
  */
  .product-detail-box>.img+.img{
    margin-top:60px;
    
  }

  .product-detail-box .img-text{
    font-size:16px;
    
  }

  .product-detail-box .img-text+.img-text{
    margin-top:24px;
    
  }

  .product-detail-box .img-text+.img{
    padding-top:100px;
    
  }

  .product-detail-box .img-text2{
    margin-top:24px;
    font-size:16px;
    
  }

  .product-detail-box .con-title3{
    margin-top:60px;
    
  }

  .product-detail-box .con-title3+.img{
    margin-top:30px;
    
  }

  .product-detail-box .img+.con-title3,
  .product-detail-box .table-box+.con-title3{
    margin-top:60px
  }

  .product-detail-box .info-list{
    padding-top:12px;
    
  }

  .product-detail-box .info-list>li{
    padding-left:30px;
    margin-top:20px;
    font-size:16px;
    
  }

  .product-detail-box .info-list>li>p{
    margin-top:16px;
    font-size:16px;
    
  }

  .product-detail-box .info-list>li>ul{
    padding-top:16px;
    font-size:16px;
    
  }

  .product-detail-box .info-list>li>ul>li{
    padding-left:12px;
    
  }

  .product-detail-box .info-list>li>ul>li+li{
    margin-top:10px;
    
  }

  .product-detail-box .info-list>li>ul>li:before{
    top:11px;
    width:4px;
    height:4px;
    
  }

  .product-detail-box .info-list2 .list-con{
    display:block;
    min-height:100px;
    margin-top:32px;
    padding-left:116px;
    
  }

  .product-detail-box .info-list2 .list-con .img{
    width:100px;
    height:100px;
    margin:0
  }

  .product-detail-box .info-list2 .list-con em{
    padding-bottom:6px;
    font-size:16px;
    
  }

  .product-detail-box .info-list2 .list-con .text{
    font-size:16px;
    
  }

  .product-detail-box .info-list2 .list-con .text ul>li{
    padding-left:12px;
    margin-top:10px;
    
  }

  .product-detail-box .info-list2 .list-con .text ul>li:before{
    top:11px;
    width:4px;
    height:4px;
    
  }

  .product-detail-box .video{
    margin:30px 0 0
  }

  .table-box{
    margin-top:42px;
    
  }

  .table-box+.table-box{
    margin-top:32px;
    
  }

  .table-box thead th{
    padding:12px 0;
    font-size:14px;
    
  }

  .table-box tbody th{
    padding:14px 12px;
    font-size:12px;
    
  }

  .table-box tbody td{
    padding:14px 12px;
    font-size:12px;
    
  }

  .table-box tbody ul{
    margin:-7px 0;
    
  }

  .table-box tbody ul>li{
    text-indent:-9px;
    margin-left:9px;
    
  }

  .table-info{
    margin-top:15px;
    font-size:12px;
    
  }

  .product-detail-box .img-list{
    margin:60px -24px 0;
    padding:40px 24px;
    
  }

  .product-detail-box .img-list-con > *{
    display:block
  }

  .product-detail-box .img-list-con+.img-list-con{
    margin-top:40px;
    
  }

  .product-detail-box .img-list-con>span{
    width:auto;
    margin-bottom:20px;
    font-size:14px;
    
  }

  .product-detail-box .img-list-con .img {
    overflow:hidden;
    margin:0
  }

  .product-detail-box .img-list-con .img img{
    float:left;
    width:calc(50% - 6px);
    
  }

  .product-detail-box .img-list-con .img img+img{
    float:right;
    margin:0
  }

  .product-detail-box .img-list+.con-title3{
    margin-top:60px;
    
  }

  .product-detail-box>.info-list+.img{
    padding-top:60px;
    
  }

  .product-detail-con .btn-box{
    max-width:100%;
    
  }


  .contents-banner{
    width:auto;
    height:auto;
    padding:60px 41px;
    margin-top:60px;
    border-radius:12px;
    background-image:url(/static/assets/contents/img_m_product_banner.png);
    background-position:100% 100%;
    background-size:132px auto;
    
  }

  .contents-banner.blog-banner{
    background-image:url(/static/assets/contents/img_m_blog_banner.png);
    background-position:156px 100%;
    
  }

  .contents-banner .text>strong{
    margin-bottom:24px;
    font-size:18px;
    line-height:28px;
    
  }

  /* .contents-banner .img{
    right:41px;
    right:11.3889vw;
    top:auto;
    bottom:0;
    width:168px;
    width:46.6667vw
  }
   */
  .related-product{
    margin:80px -24px 0 0;
    
  }

  .related-product .card-list{
    margin-top:32px;
    
  }

  .related-product .card-con{
    width:auto
  }

  .related-product .swiper-container{
    overflow:hidden
  }

  .related-product .swiper-button-box{
    padding:27px 24px 0 0;
    
  }


  .auto-complete-list{
    top:52px;
    height:148px;
    border-radius:0 0 6px 6px
  }

  .auto-complete-list ul{
    padding:12px 24px 16px;
    
  }

  .auto-complete-list li .kwd{
    width:calc(100% - 42px);
    padding:8px 0;
    font-size:16px !important;
    
  }

  .auto-complete-list ul::-webkit-scrollbar{
    width:5px !important;
    
  }

  .auto-complete-list ul::-webkit-scrollbar-thumb{
    border-radius:3px !important;
    
  }

  .auto-complete-list .btn-add{
    width:24px !important;
    height:24px !important;
    
  }

  .auto-complete-list .btn-add:before{
    width:10px !important;
    height:10px !important;
    margin:-5px 0 0 -5px !important;
    
  }

  .auto-complete-list .btn-add:after{
    width:12px !important;
    
  }


  /*À̸ÞÀÏÁÖ¼Ò ¹«´Ü¼öÁý°ÅºÎ*/
  .pop-email-address .popup{
    top:50%;
    transform:translateY(-50%);
    max-width:100%;
    min-width:100%;
    height:auto
  }

  .pop-email-address .popup p{
    font-size:14px;
    
  }

  .pop-email-address .popup .btn-box{
    margin-top:30px;
    
  }


  /*Æ÷¿öµù*/
  .air-freight-wrap .inner,
  .e-commerce-wrap .inner,
  .it-logistics-wrap .inner{
    max-width:100%
  }

  .air-freight-wrap .banner-box .inner,
  .e-commerce-wrap .banner-box .inner,
  .it-logistics-wrap .banner-box .inner{
    max-width:100%
  }

  .service-info{
    padding:100px 0;
    
  }

	.service-info-list{
    flex-wrap:wrap;
    width:auto;
    margin:32px -24px;
    
  }

	.service-info-list>li{
    width:100%;
    height:360px
  }

	.service-info-list>li .title{
    left:32px;
    right:32px;
    top:60px;
    font-size:22px;
    
  }

	.service-info-list .show .title{
    top:120px;
    
  }

	.service-info-list .link{
    left:32px;
    bottom:52px;
    padding-right:14px;
    font-size:16px;
    
  }

	.service-info-list .link:after{
    top:9px;
    width:6px;
    height:6px;
    border-width:2px;
    
  }

	.service-info-list .hover.show .btn-service-more:before{
    display:block
  }

  .service-info-list .hover .btn-service-more:before{
    display:none
  }

	.service-info-list .btn-service-more .more-text{
    visibility:visible;
    opacity:1;
    right:32px;
    bottom:40px;
    width:48px;
    height:48px;
    
  }

	.service-info-list .btn-service-more .more-text:before{
    width:17px;
    height:3px;
    
  }

	.service-info-list .btn-service-more .more-text:after{
    width:3px;
    height:17px;
    
  }

	.service-info-list .text{
    left:32px;
    top:120px;
    padding-right:32px;
    font-size:16px;
    
  }

	.service-info-list .show .text{
    top:50px;
    
  }


	.air-freight-wrap .service-info-list>li:nth-child(1){
    background-image:url(/static/assets/contents/bg_m_air_freight1.png)
  }

	.air-freight-wrap .service-info-list>li:nth-child(2){
    background-image:url(/static/assets/contents/bg_m_air_freight2.png)
  }

	.air-freight-wrap .service-info-list>li:nth-child(3){
    background-image:url(/static/assets/contents/bg_m_air_freight3.png)
  }

  
  .card-list-con{
    margin-right:-24px;
    
  }

  .card-list-con .swiper-container{
    overflow:hidden;
    margin-top:0
  }

	.card-list-con .card-con-inner{
    margin:0
  }

	.card-list-con .card-list{
    width:100%;
    margin:0
  }

  .card-list-con .card-list>div{
    flex:0 0 auto;
    margin-top:0
  }

  .card-list-con .swiper-button-box{
    padding-top:16px
  }


  .service-info2{
    padding:100px 0;
    
  }

  .service-info2 ul{
    flex-wrap:wrap;
    margin:36px 0 0;
    
  }

  .service-info2 ul>li{
    width:100%;
    padding:0 0 0 104px
  }

  .service-info2 ul>li+li{
    margin-top:60px;
    
  }

  .service-info2 ul>li:before{
    width:80px;
    height:80px;
    
  }

  .service-info2 ul>li.e-commerce:before{
    background-image:url(/static/assets/contents/icon_m_ecommerce.png)
  }

  .service-info2 ul>li.it:before{
    background-image:url(/static/assets/contents/icon_m_it.png)
  }

  .service-info2 ul>li.forwarding:before{
    background-image:url(/static/assets/contents/icon_m_forwarding.png)
  }

  .service-info2 ul>li>.title{
    display:flex;
    align-items:center;
    min-height:63px;
    padding:0;
    margin:9px 0 28px;
    font-size:20px;
    
  }

  .service-info2 ul>li>p{
    height:auto;
    margin-left:-104px;
    font-size:14px;
    line-height:24px;
    
  }

  .it-logistics-wrap .service-info2 ul>li>p{
    height:auto
  }

  .service-info2 ul>li .btn-tit{
    margin-top:24px;
    margin-left:-104px;
    
  }

  .air-freight-wrap .banner-box,
  .e-commerce-wrap .banner-box,
  .it-logistics-wrap .banner-box{
    margin:0 -24px -75px;
    
  }

  .air-freight-wrap .banner-box .inner,
  .e-commerce-wrap .banner-box .inner,
  .it-logistics-wrap .banner-box .inner{
    padding:60px 24px 70px;
    
  }


  /*e-commerce*/
  .e-commerce-wrap .service-info-list>li:nth-child(1){
    background-image:url(/static/assets/contents/bg_m_ecommnerce1.png)
  }

  .e-commerce-wrap .service-info-list>li:nth-child(2){
    background-image:url(/static/assets/contents/bg_m_ecommnerce2.png)
  }

  .e-commerce-wrap .service-info-list>li:nth-child(3){
    background-image:url(/static/assets/contents/bg_m_ecommnerce3.png)
  }


  /*it Ưȭ¼­ºñ½º*/
  /* .it-logistics-wrap .service-info-list{
    margin:0 -24px
  }
   */
  .it-logistics-wrap .service-info-list>li:nth-child(1){
    background-image:url(/static/assets/contents/bg_m_it1.png)
  }

  .it-logistics-wrap .service-info-list>li:nth-child(2){
    background-image:url(/static/assets/contents/bg_m_it2.png)
  }

  .it-logistics-wrap .service-info-list>li:nth-child(3){
    background-image:url(/static/assets/contents/bg_m_it3.png)
  }



  /*ÿ·Î ½ºÄù¾î ¼Ò°³*/
  .section1{
    padding-bottom:100px
  }

  .section1 .introduce-img-click{
    margin-top:54px
  }

  #popup_introduce_img .popup-con{
    padding-top:70px;
    padding-bottom:26px
  }


  .section2{
    padding:100px 0 0;
    margin:0 -24px;
    background:#daf8f2
  }

  .section2 .title-box{
    padding:0 24px
  }

  .section2 .page-list{
    left:24px;
    top:100px;
    
  }

  /* .section2 #content1 .page-list{
    top:0
  }
   */
  .section2 .page-list>li{
    width:40px;
    height:40px;
    line-height:36px;
    
  }

  .section2 .page-list>li+li{
    margin-left:12px;
    
  }

  .section2 .page-list>li>a{
    font-size:16px;
    
  }

  .section2 .page-list>li>a[aria-selected=true]{
    border:2px solid #121212;
    
  }

  .page .page-content .inner{
    margin:0;
    padding:172px 24px 0
  }

  /* .page #content1 .inner{
    padding-top:100px
  }
   */
  .section2 .text-con{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    transform:none !important
  }

  .section2 .text-con .text{
    padding-top:16px
  }

  .section2 .text-con .img{
    width:144px;
    padding-top:24px
  }

  .section2 .text-con .img img{
    width:100%
  }

  .introduce-wrap .move-img-box{
    right:50%;
    transform:translateX(50%);
    top:auto;
    bottom:100px;
    width:400px;
    height:286px;
    
  }
  /*margin:60px auto 0*/
  .introduce-wrap #content1 .inner{
    min-height:706px;
    
  }

  .introduce-wrap #content2 .inner{
    min-height:708px;
    
  }

  .introduce-wrap #content3 .inner{
    min-height:674px;
    
  }


  /*ù¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
  .introduce-wrap .move-img1{
    left:29px;
    top:65px;
    
  }

  .introduce-wrap .move-img1 ul>li{
    width:77px;
    
  }

  .introduce-wrap .move-img1 ul>li+li{
    margin-left:11px
  }

  .introduce-wrap .move-img1.view1 ul>li:nth-child(1){
    width:87px;
    
  }

  .introduce-wrap .move-img1.view1 ul>li:nth-child(2),
  .introduce-wrap .move-img1.view1 ul>li:nth-child(3){
    width:67px;
    
  }


  .introduce-wrap .move-img2{
    padding:0 0 0 8px
  }

  .introduce-wrap div[class^=move-img] .text{
    padding:39px 0 16px 19px;
    font-size:10px
  }

  .introduce-wrap .move-img2 .img{
    width:auto;
    padding-right:8px
  }

  .introduce-wrap .move-img2 .btn-box{
    position:absolute;
    left:0;
    bottom:15px;
    height:30px;
    margin:0;
    
  }

  .introduce-wrap .move-img2 .btn{
    width:120px;
    height:30px;
    line-height:30px;
    font-size:10px
  }

  @keyframes btn-size{

    from{

      width:120px;
      
      height:30px;
      
      line-height:30px;
      
    
    }

    to{

      width:240px;
      
      height:42px;
      
      line-height:42px;
      
    
    }

  
  }


  .introduce-wrap .move-img3 ul,
  .introduce-wrap .move-img4 ul{
    padding-left:29px
  }

  .introduce-wrap .move-img3 ul>li:nth-child(1),
  .introduce-wrap .move-img4 ul>li:nth-child(1){
    width:72px
  }

  .introduce-wrap .move-img3 ul>li:nth-child(2){
    width:201px
  }

  .introduce-wrap .move-img3 ul>li+li p{
    width:100% !important
  }

  .introduce-wrap .move-img3 ul>li+li{
    padding-left:4px;
    margin-top:-2px
  }

  .introduce-wrap .move-img3 ul>li+li p+p{
    margin-top:-2px
  }

  .introduce-wrap .move-img3 .view_big{
    width:280px
  }

  .introduce-wrap .move-img3 ul>li+li p .view_big{
    top:-5px
  }

  .introduce-wrap .move-img4 ul>li+li p{
    width:201px;
    margin-top:-3px
  }


  /*µÎ¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
  .introduce-wrap .move-img5 .img{
    width:281px;
    margin:39px 0 0 20px
  }

  .introduce-wrap .move-img5 [class^=img] img,
  .introduce-wrap .move-img6 [class^=img] img{
    width:100%
  }

  .introduce-wrap .move-img5 .img2{
    width:101px;
    right:12px;
    top:41px
  }

  .introduce-wrap .move-img5 .img3{
    width:101px;
    right:12px;
    top:41px
  }

  .introduce-wrap .move-img5 .img4{
    width:160px;
    right:80px;
    top:106px
  }

  .introduce-wrap .move-img5 .img5{
    width:230px;
    left:47px;
    bottom:7px
  }

  .introduce-wrap .move-img5 .img5 li:nth-child(2){
    margin-bottom:-3px
  }

  .introduce-wrap .move-img5 .img5 li:nth-child(1){
    margin-bottom:-5px
  }

  .introduce-wrap .move-img5 .img6{
    width:283px;
    bottom:17px;
    
  }

  .introduce-wrap .move-img5 .img7{
    bottom:14px;
    width:230px;
    
  }

  .introduce-wrap .move-img5 .img7>li{
    margin-bottom:-5px
  }

  .introduce-wrap .move-img5 .img7>li:nth-child(3){
    margin-left:20px
  }

  .introduce-wrap .move-img5.view5:before,
  .introduce-wrap .move-img6.view6:before{
    left:3px;
    top:4px;
    width:312px;
    height:220px;
    border-radius:5px;
    
  }


  /*¼¼¹ø° ¿òÁ÷ÀÌ´Â À̹ÌÁö*/
  .introduce-wrap .move-img6 .img1{
    width:276px;
    margin:43px 0 0 20px
  }

  .introduce-wrap .move-img6 .img2{
    width:283px;
    top:46px;
    
  }

  .introduce-wrap .move-img6 .img3{
    width:310px;
    left:4px;
    top:34px;
    
  }

  .introduce-wrap .move-img6 .img4{
    width:78px;
    right:109px;
    top:123px;
    
  }

  
  .section3{
    padding:100px 0;
    
  }

  .section3 .inner{
    overflow:visible;
    max-width:100%
  }

  .introduce-wrap .section3 .con-title2,
  .logistics-wrap .section3 .con-title2{
    padding-bottom:40px
  }

  .section3 .video-slide{
    flex-wrap:wrap;
    
  }

  .section3 .swiper-container{
    overflow:hidden;
    margin:0 -24px
  }

  .section3 .video-slide .video-img{
    width:100%;
    height:201px;
    height:55.6944vw;
    border-radius:0
  }

  .section3 .video-slide .text-con{
    width:100%;
    height:auto;
    min-height:252px;
    min-height:70vw;
    padding:28px 24px 60px;
    background:#424645;
    border-radius:0;
    color:#fff
  }

  .section3 .video-slide .top{
    padding-bottom:12px;
    font-size:14px
  }

  .section3 .video-slide .text{
    font-size:20px;
    font-weight:700;
    
  }

  .section3 .video-slide .text2{
    padding-top:12px;
    font-size:14px
  }

  .section3 .video-slide .name{
    display:block;
    padding-top:16px;
    font-size:14px
  }

  .section3 .swiper-button-box{
    width:100%;
    top:auto;
    padding:0;
    
  }

  .section3 .swiper-button{
    top:81px;
    top:22.5vw;
    transform:none
  }

  .section3 .swiper-button:hover:before{
    border-color:#fff
  }

  .section3 .swiper-button-box .paging{
    position:absolute;
    left:0;
    bottom:20px;
    width:100%;
    justify-content:center;
    padding:0;
    color:#fff;
    text-align:center;
    z-index:1;
    font-size:16px
  }


  /* .introduce-wrap .section1{
    padding-bottom:100px
  }

  .introduce-wrap .section1 .temp{
    margin-top:50px;
    padding:0 24px
  }

  .introduce-wrap .section1 .title-box, 
  .introduce-wrap .section2 .title-box, 
  .introduce-wrap .section4 .title-box{
    width:auto
  }


  .introduce-wrap .section2{
    position:relative
  }

  .introduce-wrap .section2 .title-box .con-title2{
    padding:100px 0
  }

  .introduce-wrap .section2 .full-box{
    margin:0 -6.6667vw;
    padding:0 4.1667vw
  }

  .introduce-wrap .section2 .full-box:after{
    content:'';
    position:absolute;
    top:0;
    left:-24px;
    right:-24px;
    bottom:0;
    z-index:-1;
    background:#daf8f2
  }
   */

  .introduce-wrap .section4{
    padding-bottom:100px
  }

  .customer-list{
    margin:16px -3px 0
  }

  .customer-list li{
    width:33.33%;
    padding:14px 3px 0
  }

  .introduce-wrap .section4 .inner{
    padding:0
  }

  .introduce-wrap .banner-box,
  .logistics-wrap .banner-box,
  .partnerships-wrap .banner-box{
    margin:0 -24px -75px
  }


  /*»ï¼ºSDS¹°·ù*/
  .logistics-wrap .page .inner{
    min-height:644px
  }

  .logistics-wrap .section1{
    background:none !important;
    padding-bottom:100px
  }

  .logistics-wrap .section1 .inner{
    padding:40px 0 0;
    
  }

  .logistics-wrap .logistics-top{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    width:312px;
    height:auto;
    margin:0 auto
  }

  .logistics-wrap .logistics-top>li{
    position:relative
  }

  .logistics-wrap .logistics-top>li:nth-child(1){
    left:auto;
    top:auto;
    width:312px;
    order:1
  }

  .logistics-wrap .logistics-top>li:nth-child(2){
    left:auto;
    top:auto;
    width:152px;
    margin:20px 4px 20px 0;
    order:2
  }

  .logistics-wrap .logistics-top>li:nth-child(3){
    display:none
  }

  .logistics-wrap .logistics-top>li:nth-child(4){
    display:none
  }

  .logistics-wrap .logistics-top>li:nth-child(5){
    left:auto;
    bottom:auto;
    width:312px;
    order:4
  }

  .logistics-wrap .logistics-top>li:nth-child(6){
    right:auto;
    bottom:auto;
    width:152px;
    margin:20px 0 20px 4px;
    order:3
  }

  .logistics-wrap .logistics-top>li img{
    box-shadow:6px 6px 12px 0 rgba(54,67,64,.16);
    
  }


  .logistics-wrap .move-img-box{
    position:absolute;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    top:auto;
    bottom:48px
  }

  .logistics-wrap #content1 .inner{
    min-height:790px;
    
  }

  .logistics-wrap #content2 .inner{
    min-height:835px;
    
  }

  .logistics-wrap #content3 .inner{
    min-height:744px;
    
  }

  .logistics-wrap .section2 #content2 .text-con{
    width:auto;
    padding-top:0
  }

  .logistics-wrap .section2 #content2 .move-img-box{
    position:absolute;
    top:auto;
    bottom:100px;
    padding-top:0
  }

  .logistics-wrap .section2 #content3 .move-img-box{
    top:auto;
    bottom:100px
  }

  .logistics-wrap .section2 #content1 .move-img-box .move-img{
    width:305px
  }

  .logistics-wrap .section2 #content2 .move-img-box .move-img{
    width:272px
  }

  .logistics-wrap .section2 #content3 .move-img-box .move-img{
    width:312px
  }


  /*ÆÄÆ®³Ê½Ê*/
  .partnerships-wrap .section1{
    background:none;
    padding-bottom:0;
    
  }

  .partnerships-wrap .section1:after{
    content:'';
    display:block;
    margin:70px -24px 0 -24px;
    height:95px;
    background:url(/static/assets/contents/bg_m_partnership.png) no-repeat 0 100%;
    background-size:100%
  }

  .partnerships-wrap .page .inner{
    min-height:551px
  }

  .partnerships-wrap .move-img-box{
    position:absolute;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    top:auto;
    bottom:26px;
    
  }

  .partnerships-wrap #content1 .inner{
    min-height:892px;
    
  }

  .partnerships-wrap #content2 .inner{
    min-height:735px;
    
  }

  .partnerships-wrap #content3 .inner{
    min-height:699px;
    
  }

  .partnerships-wrap .section2 #content2 .move-img-box{
    top:auto;
    bottom:100px
  }

  .partnerships-wrap .section2 #content3 .move-img-box{
    top:auto;
    bottom:43px
  }

  .partnerships-wrap .section2 #content1 .move-img-box .move-img{
    width:285px
  }

  .partnerships-wrap .section2 #content2 .move-img-box .move-img{
    width:293px
  }

  .partnerships-wrap .section2 #content3 .move-img-box .move-img{
    width:321px
  }

  .partnerships-wrap .section4 .inner{
    padding:0 0 100px
  }


  /*Àüü»óÇ°º¸±â ÆäÀÌÁö*/
  .service-wrap .inner{
    padding:0
  }

  .service-wrap .sort-search-cp{
    margin:40px 0 0
  }

  .service-wrap .card-list{
    display:block;
    margin:-32px 0 0
  }

  .service-wrap .card-list>div{
    width:100%;
    padding-top:32px
  }

  .service-wrap .card-con-inner{
    margin:0
  }


  /*¿òÁ÷ÀÌ´Â ¹è°æ*/
  .bg-wrap .bg-objet01{
    width:60px;
    height:60px
  }

  .bg-wrap .bg-objet02{
    width:59px;
    height:118px;
    top:214px
  }

  .bg-wrap .bg-objet03{
    width:60px;
    height:119px;
    top:332px
  }

  .bg-wrap .bg-objet04{
    width:50px;
    height:102px;
    top:84px
  }

  .bg-wrap .bg-objet05{
    width:120px;
    height:92px;
    top:1623px
  }


  .main .bg-wrap .bg-objet01{
    width:120px;
    height:92px;
    top:215px
  }

  .main .bg-wrap .bg-objet02{
    width:80px;
    height:50px;
    top:-35px
  }


  .bg-wrap.intro .bg-objet01{
    width:80px;
    height:53px
  }

  .bg-wrap.intro .bg-objet03{
    width:80px;
    height:51px;
    top:53px
  }

  .bg-wrap.intro .bg-objet04{
    width:90px;
    height:70px;
    top:265px
  }


  .bg-wrap.ecommerce .bg-objet01{
    width:80px;
    height:62px;
    top:38px
  }

  .bg-wrap.ecommerce .bg-objet02{
    width:90px;
    height:46px;
    top:352px;
    right:68px
  }

  .bg-wrap.ecommerce .bg-objet03{
    width:68px;
    height:90px;
    top:352px
  }

  .bg-wrap.ecommerce .bg-objet04{
    width:90px;
    height:182px;
    top:1603px
  }


  .bg-wrap.it-own .bg-objet01{
    top:10px
  }

  .bg-wrap.it-own .bg-objet02{
    width:90px;
    height:89px;
    top:1531px
  }

  .bg-wrap.it-own .bg-objet03{
    width:60px;
    height:94px;
    top:273px
  }

  .bg-wrap.it-own .bg-objet04{
    width:60px;
    height:47px;
    top:381px
  }


  .bg-wrap.library .bg-objet01{
    width:110px;
    height:59px;
    right:24px
  }


  .air-freight-wrap .title-box, .e-commerce-wrap .title-box, .e-commerce-wrap .con-title2, .it-logistics-wrap .title-box{
    position:relative
  }


  /*°ßÀû¹®ÀÇ*/
  .estimate-con{
    border-radius:0;
    padding:24px;
    margin:20px -24px;
    
  }

  .estimate-con input[type=text]{
    width:100%
  }

  .estimate-con .terms-con .check-box{
    display:inline-block;
    padding-bottom:12px
  }

  .estimate-con .terms-con .check-box+.check-box{
    margin-left:40px
  }

  .estimate-con .form-title+.terms-con{
    display:block;
    width:100%;
    padding:12px 0 0 0
  }

  .estimate-con .form-title{
    display:block;
    margin-bottom:8px
  }

  .estimate-con #shipping-section-start,.estimate-con #shipping-section-end{
    width:100%
  }

  .estimate-con #shipping-section-end{
    margin-top:7px
  }

  .estimate-con .error-text, .estimate-con .warning-text{
    margin:0
  }

  .estimate-con + .form-con{
    margin-top:20px
  }


 
}



.m-6 {
  margin: 4rem !important;
}

.m-7 {
  margin: 5rem !important;
}

.m-8 {
  margin: 6rem !important;
}

.m-9 {
  margin: 7rem !important;
}

.m-10 {
  margin: 8rem !important;
}

.m-11 {
  margin: 10rem !important;
}



.mx-6 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.mx-7 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.mx-8 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}

.mx-9 {
  margin-right: 7rem !important;
  margin-left: 7rem !important;
}

.mx-10 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}

.mx-11 {
  margin-right: 10rem !important;
  margin-left: 10rem !important;
}



.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-7 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-8 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-9 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-10 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my-11 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}


.mt-6 {
  margin-top: 4rem !important;
}

.mt-7 {
  margin-top: 5rem !important;
}

.mt-8 {
  margin-top: 6rem !important;
}

.mt-9 {
  margin-top: 7rem !important;
}

.mt-10 {
  margin-top: 8rem !important;
}

.mt-11 {
  margin-top: 10rem !important;
}


.me-6 {
  margin-right: 4rem !important;
}

.me-7 {
  margin-right: 5rem !important;
}

.me-8 {
  margin-right: 6rem !important;
}

.me-9 {
  margin-right: 7rem !important;
}

.me-10 {
  margin-right: 8rem !important;
}

.me-11 {
  margin-right: 10rem !important;
}



.mr-6 {
  margin-right: 4rem !important;
}

.mr-7 {
  margin-right: 5rem !important;
}

.mr-8 {
  margin-right: 6rem !important;
}

.mr-9 {
  margin-right: 7rem !important;
}

.mr-10 {
  margin-right: 8rem !important;
}

.mr-11 {
  margin-right: 10rem !important;
}



.mb-6 {
  margin-bottom: 4rem !important;
}

.mb-7 {
  margin-bottom: 5rem !important;
}

.mb-8 {
  margin-bottom: 6rem !important;
}

.mb-9 {
  margin-bottom: 7rem !important;
}

.mb-10 {
  margin-bottom: 8rem !important;
}

.mb-11 {
  margin-bottom: 10rem !important;
}



.ms-6 {
  margin-left: 4rem !important;
}

.ms-7 {
  margin-left: 5rem !important;
}

.ms-8 {
  margin-left: 6rem !important;
}

.ms-9 {
  margin-left: 7rem !important;
}

.ms-10 {
  margin-left: 8rem !important;
}

.ms-11 {
  margin-left: 10rem !important;
}



.ml-6 {
  margin-left: 4rem !important;
}

.ml-7 {
  margin-left: 5rem !important;
}

.ml-8 {
  margin-left: 6rem !important;
}

.ml-9 {
  margin-left: 7rem !important;
}

.ml-10 {
  margin-left: 8rem !important;
}

.ml-11 {
  margin-left: 10rem !important;
}




.p-6 {
  padding: 4rem !important;
}

.p-7 {
  padding: 5rem !important;
}

.p-8 {
  padding: 6rem !important;
}

.p-9 {
  padding: 7rem !important;
}

.p-10 {
  padding: 8rem !important;
}

.p-11 {
  padding: 10rem !important;
}

.px-6 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.px-7 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.px-8 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.px-9 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}

.px-10 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.px-11 {
  padding-right: 10rem !important;
  padding-left: 10rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-9 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py-11 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pt-7 {
  padding-top: 5rem !important;
}

.pt-8 {
  padding-top: 6rem !important;
}

.pt-9 {
  padding-top: 7rem !important;
}

.pt-10 {
  padding-top: 8rem !important;
}

.pt-11 {
  padding-top: 10rem !important;
}

.pe-6 {
  padding-right: 4rem !important;
}

.pe-7 {
  padding-right: 5rem !important;
}

.pe-8 {
  padding-right: 6rem !important;
}

.pe-9 {
  padding-right: 7rem !important;
}

.pe-10 {
  padding-right: 8rem !important;
}

.pe-11 {
  padding-right: 10rem !important;
}

.pr-6 {
  padding-right: 4rem !important;
}

.pr-7 {
  padding-right: 5rem !important;
}

.pr-8 {
  padding-right: 6rem !important;
}

.pr-9 {
  padding-right: 7rem !important;
}

.pr-10 {
  padding-right: 8rem !important;
}

.pr-11 {
  padding-right: 10rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pb-7 {
  padding-bottom: 5rem !important;
}

.pb-8 {
  padding-bottom: 6rem !important;
}

.pb-9 {
  padding-bottom: 7rem !important;
}

.pb-10 {
  padding-bottom: 8rem !important;
}

.pb-11 {
  padding-bottom: 10rem !important;
}

.ps-6 {
  padding-left: 4rem !important;
}

.ps-7 {
  padding-left: 5rem !important;
}

.ps-8 {
  padding-left: 6rem !important;
}

.ps-9 {
  padding-left: 7rem !important;
}

.ps-10 {
  padding-left: 8rem !important;
}

.ps-11 {
  padding-left: 10rem !important;
}


.pl-6 {
  padding-left: 4rem !important;
}

.pl-7 {
  padding-left: 5rem !important;
}

.pl-8 {
  padding-left: 6rem !important;
}

.pl-9 {
  padding-left: 7rem !important;
}

.pl-10 {
  padding-left: 8rem !important;
}

.pl-11 {
  padding-left: 10rem !important;
}





/* °¡·Î»çÀÌÁî Á¤ÀÇ */

.w-1{width:1% !important;}
.w-2{width:2% !important;}
.w-3{width:3% !important;}
.w-4{width:4% !important;}
.w-5{width:5% !important;}
.w-6{width:6% !important;}
.w-7{width:7% !important;}
.w-8{width:8% !important;}
.w-9{width:9% !important;}
.w-10{width:10% !important;}
.w-11{width:11% !important;}
.w-12{width:12% !important;}
.w-13{width:13% !important;}
.w-14{width:14% !important;}
.w-15{width:15% !important;}
.w-16{width:16% !important;}
.w-17{width:17% !important;}
.w-18{width:18% !important;}
.w-19{width:19% !important;}
.w-20{width:20% !important;}
.w-21{width:21% !important;}
.w-22{width:22% !important;}
.w-23{width:23% !important;}
.w-24{width:24% !important;}
.w-25{width:25% !important;}
.w-26{width:26% !important;}
.w-27{width:27% !important;}
.w-28{width:28% !important;}
.w-29{width:29% !important;}
.w-30{width:30% !important;}
.w-31{width:31% !important;}
.w-32{width:32% !important;}
.w-33{width:33% !important;}
.w-34{width:34% !important;}
.w-35{width:35% !important;}
.w-36{width:36% !important;}
.w-37{width:37% !important;}
.w-38{width:38% !important;}
.w-39{width:39% !important;}
.w-40{width:40% !important;}
.w-41{width:41% !important;}
.w-42{width:42% !important;}
.w-43{width:43% !important;}
.w-44{width:44% !important;}
.w-45{width:45% !important;}
.w-46{width:46% !important;}
.w-47{width:47% !important;}
.w-48{width:48% !important;}
.w-49{width:49% !important;}
.w-50{width:50% !important;}
.w-51{width:51% !important;}
.w-52{width:52% !important;}
.w-53{width:53% !important;}
.w-54{width:54% !important;}
.w-55{width:55% !important;}
.w-56{width:56% !important;}
.w-57{width:57% !important;}
.w-58{width:58% !important;}
.w-59{width:59% !important;}
.w-60{width:60% !important;}
.w-61{width:61% !important;}
.w-62{width:62% !important;}
.w-63{width:63% !important;}
.w-64{width:64% !important;}
.w-65{width:65% !important;}
.w-66{width:66% !important;}
.w-67{width:67% !important;}
.w-68{width:68% !important;}
.w-69{width:69% !important;}
.w-70{width:70% !important;}
.w-71{width:71% !important;}
.w-72{width:72% !important;}
.w-73{width:73% !important;}
.w-74{width:74% !important;}
.w-75{width:75% !important;}
.w-76{width:76% !important;}
.w-77{width:77% !important;}
.w-78{width:78% !important;}
.w-79{width:79% !important;}
.w-80{width:80% !important;}
.w-81{width:81% !important;}
.w-82{width:82% !important;}
.w-83{width:83% !important;}
.w-84{width:84% !important;}
.w-85{width:85% !important;}
.w-86{width:86% !important;}
.w-87{width:87% !important;}
.w-88{width:88% !important;}
.w-89{width:89% !important;}
.w-90{width:90% !important;}
.w-91{width:91% !important;}
.w-92{width:92% !important;}
.w-93{width:93% !important;}
.w-94{width:94% !important;}
.w-95{width:95% !important;}
.w-96{width:96% !important;}
.w-97{width:97% !important;}
.w-98{width:98% !important;}
.w-99{width:99% !important;}
.w-100{width:100% !important;}

@media(min-width:576px) {
  .w-sm-1{width:1% !important;}
  .w-sm-2{width:2% !important;}
  .w-sm-3{width:3% !important;}
  .w-sm-4{width:4% !important;}
  .w-sm-5{width:5% !important;}
  .w-sm-6{width:6% !important;}
  .w-sm-7{width:7% !important;}
  .w-sm-8{width:8% !important;}
  .w-sm-9{width:9% !important;}
  .w-sm-10{width:10% !important;}
  .w-sm-11{width:11% !important;}
  .w-sm-12{width:12% !important;}
  .w-sm-13{width:13% !important;}
  .w-sm-14{width:14% !important;}
  .w-sm-15{width:15% !important;}
  .w-sm-16{width:16% !important;}
  .w-sm-17{width:17% !important;}
  .w-sm-18{width:18% !important;}
  .w-sm-19{width:19% !important;}
  .w-sm-20{width:20% !important;}
  .w-sm-21{width:21% !important;}
  .w-sm-22{width:22% !important;}
  .w-sm-23{width:23% !important;}
  .w-sm-24{width:24% !important;}
  .w-sm-25{width:25% !important;}
  .w-sm-26{width:26% !important;}
  .w-sm-27{width:27% !important;}
  .w-sm-28{width:28% !important;}
  .w-sm-29{width:29% !important;}
  .w-sm-30{width:30% !important;}
  .w-sm-31{width:31% !important;}
  .w-sm-32{width:32% !important;}
  .w-sm-33{width:33% !important;}
  .w-sm-34{width:34% !important;}
  .w-sm-35{width:35% !important;}
  .w-sm-36{width:36% !important;}
  .w-sm-37{width:37% !important;}
  .w-sm-38{width:38% !important;}
  .w-sm-39{width:39% !important;}
  .w-sm-40{width:40% !important;}
  .w-sm-41{width:41% !important;}
  .w-sm-42{width:42% !important;}
  .w-sm-43{width:43% !important;}
  .w-sm-44{width:44% !important;}
  .w-sm-45{width:45% !important;}
  .w-sm-46{width:46% !important;}
  .w-sm-47{width:47% !important;}
  .w-sm-48{width:48% !important;}
  .w-sm-49{width:49% !important;}
  .w-sm-50{width:50% !important;}
  .w-sm-51{width:51% !important;}
  .w-sm-52{width:52% !important;}
  .w-sm-53{width:53% !important;}
  .w-sm-54{width:54% !important;}
  .w-sm-55{width:55% !important;}
  .w-sm-56{width:56% !important;}
  .w-sm-57{width:57% !important;}
  .w-sm-58{width:58% !important;}
  .w-sm-59{width:59% !important;}
  .w-sm-60{width:60% !important;}
  .w-sm-61{width:61% !important;}
  .w-sm-62{width:62% !important;}
  .w-sm-63{width:63% !important;}
  .w-sm-64{width:64% !important;}
  .w-sm-65{width:65% !important;}
  .w-sm-66{width:66% !important;}
  .w-sm-67{width:67% !important;}
  .w-sm-68{width:68% !important;}
  .w-sm-69{width:69% !important;}
  .w-sm-70{width:70% !important;}
  .w-sm-71{width:71% !important;}
  .w-sm-72{width:72% !important;}
  .w-sm-73{width:73% !important;}
  .w-sm-74{width:74% !important;}
  .w-sm-75{width:75% !important;}
  .w-sm-76{width:76% !important;}
  .w-sm-77{width:77% !important;}
  .w-sm-78{width:78% !important;}
  .w-sm-79{width:79% !important;}
  .w-sm-80{width:80% !important;}
  .w-sm-81{width:81% !important;}
  .w-sm-82{width:82% !important;}
  .w-sm-83{width:83% !important;}
  .w-sm-84{width:84% !important;}
  .w-sm-85{width:85% !important;}
  .w-sm-86{width:86% !important;}
  .w-sm-87{width:87% !important;}
  .w-sm-88{width:88% !important;}
  .w-sm-89{width:89% !important;}
  .w-sm-90{width:90% !important;}
  .w-sm-91{width:91% !important;}
  .w-sm-92{width:92% !important;}
  .w-sm-93{width:93% !important;}
  .w-sm-94{width:94% !important;}
  .w-sm-95{width:95% !important;}
  .w-sm-96{width:96% !important;}
  .w-sm-97{width:97% !important;}
  .w-sm-98{width:98% !important;}
  .w-sm-99{width:99% !important;}
  .w-sm-100{width:100% !important;}
}

@media(min-width:768px) {
  .w-md-1{width:1% !important;}
  .w-md-2{width:2% !important;}
  .w-md-3{width:3% !important;}
  .w-md-4{width:4% !important;}
  .w-md-5{width:5% !important;}
  .w-md-6{width:6% !important;}
  .w-md-7{width:7% !important;}
  .w-md-8{width:8% !important;}
  .w-md-9{width:9% !important;}
  .w-md-10{width:10% !important;}
  .w-md-11{width:11% !important;}
  .w-md-12{width:12% !important;}
  .w-md-13{width:13% !important;}
  .w-md-14{width:14% !important;}
  .w-md-15{width:15% !important;}
  .w-md-16{width:16% !important;}
  .w-md-17{width:17% !important;}
  .w-md-18{width:18% !important;}
  .w-md-19{width:19% !important;}
  .w-md-20{width:20% !important;}
  .w-md-21{width:21% !important;}
  .w-md-22{width:22% !important;}
  .w-md-23{width:23% !important;}
  .w-md-24{width:24% !important;}
  .w-md-25{width:25% !important;}
  .w-md-26{width:26% !important;}
  .w-md-27{width:27% !important;}
  .w-md-28{width:28% !important;}
  .w-md-29{width:29% !important;}
  .w-md-30{width:30% !important;}
  .w-md-31{width:31% !important;}
  .w-md-32{width:32% !important;}
  .w-md-33{width:33% !important;}
  .w-md-34{width:34% !important;}
  .w-md-35{width:35% !important;}
  .w-md-36{width:36% !important;}
  .w-md-37{width:37% !important;}
  .w-md-38{width:38% !important;}
  .w-md-39{width:39% !important;}
  .w-md-40{width:40% !important;}
  .w-md-41{width:41% !important;}
  .w-md-42{width:42% !important;}
  .w-md-43{width:43% !important;}
  .w-md-44{width:44% !important;}
  .w-md-45{width:45% !important;}
  .w-md-46{width:46% !important;}
  .w-md-47{width:47% !important;}
  .w-md-48{width:48% !important;}
  .w-md-49{width:49% !important;}
  .w-md-50{width:50% !important;}
  .w-md-51{width:51% !important;}
  .w-md-52{width:52% !important;}
  .w-md-53{width:53% !important;}
  .w-md-54{width:54% !important;}
  .w-md-55{width:55% !important;}
  .w-md-56{width:56% !important;}
  .w-md-57{width:57% !important;}
  .w-md-58{width:58% !important;}
  .w-md-59{width:59% !important;}
  .w-md-60{width:60% !important;}
  .w-md-61{width:61% !important;}
  .w-md-62{width:62% !important;}
  .w-md-63{width:63% !important;}
  .w-md-64{width:64% !important;}
  .w-md-65{width:65% !important;}
  .w-md-66{width:66% !important;}
  .w-md-67{width:67% !important;}
  .w-md-68{width:68% !important;}
  .w-md-69{width:69% !important;}
  .w-md-70{width:70% !important;}
  .w-md-71{width:71% !important;}
  .w-md-72{width:72% !important;}
  .w-md-73{width:73% !important;}
  .w-md-74{width:74% !important;}
  .w-md-75{width:75% !important;}
  .w-md-76{width:76% !important;}
  .w-md-77{width:77% !important;}
  .w-md-78{width:78% !important;}
  .w-md-79{width:79% !important;}
  .w-md-80{width:80% !important;}
  .w-md-81{width:81% !important;}
  .w-md-82{width:82% !important;}
  .w-md-83{width:83% !important;}
  .w-md-84{width:84% !important;}
  .w-md-85{width:85% !important;}
  .w-md-86{width:86% !important;}
  .w-md-87{width:87% !important;}
  .w-md-88{width:88% !important;}
  .w-md-89{width:89% !important;}
  .w-md-90{width:90% !important;}
  .w-md-91{width:91% !important;}
  .w-md-92{width:92% !important;}
  .w-md-93{width:93% !important;}
  .w-md-94{width:94% !important;}
  .w-md-95{width:95% !important;}
  .w-md-96{width:96% !important;}
  .w-md-97{width:97% !important;}
  .w-md-98{width:98% !important;}
  .w-md-99{width:99% !important;}
  .w-md-100{width:100% !important;}
}

@media(min-width:992px) {
  .w-lg-1{width:1% !important;}
  .w-lg-2{width:2% !important;}
  .w-lg-3{width:3% !important;}
  .w-lg-4{width:4% !important;}
  .w-lg-5{width:5% !important;}
  .w-lg-6{width:6% !important;}
  .w-lg-7{width:7% !important;}
  .w-lg-8{width:8% !important;}
  .w-lg-9{width:9% !important;}
  .w-lg-10{width:10% !important;}
  .w-lg-11{width:11% !important;}
  .w-lg-12{width:12% !important;}
  .w-lg-13{width:13% !important;}
  .w-lg-14{width:14% !important;}
  .w-lg-15{width:15% !important;}
  .w-lg-16{width:16% !important;}
  .w-lg-17{width:17% !important;}
  .w-lg-18{width:18% !important;}
  .w-lg-19{width:19% !important;}
  .w-lg-20{width:20% !important;}
  .w-lg-21{width:21% !important;}
  .w-lg-22{width:22% !important;}
  .w-lg-23{width:23% !important;}
  .w-lg-24{width:24% !important;}
  .w-lg-25{width:25% !important;}
  .w-lg-26{width:26% !important;}
  .w-lg-27{width:27% !important;}
  .w-lg-28{width:28% !important;}
  .w-lg-29{width:29% !important;}
  .w-lg-30{width:30% !important;}
  .w-lg-31{width:31% !important;}
  .w-lg-32{width:32% !important;}
  .w-lg-33{width:33% !important;}
  .w-lg-34{width:34% !important;}
  .w-lg-35{width:35% !important;}
  .w-lg-36{width:36% !important;}
  .w-lg-37{width:37% !important;}
  .w-lg-38{width:38% !important;}
  .w-lg-39{width:39% !important;}
  .w-lg-40{width:40% !important;}
  .w-lg-41{width:41% !important;}
  .w-lg-42{width:42% !important;}
  .w-lg-43{width:43% !important;}
  .w-lg-44{width:44% !important;}
  .w-lg-45{width:45% !important;}
  .w-lg-46{width:46% !important;}
  .w-lg-47{width:47% !important;}
  .w-lg-48{width:48% !important;}
  .w-lg-49{width:49% !important;}
  .w-lg-50{width:50% !important;}
  .w-lg-51{width:51% !important;}
  .w-lg-52{width:52% !important;}
  .w-lg-53{width:53% !important;}
  .w-lg-54{width:54% !important;}
  .w-lg-55{width:55% !important;}
  .w-lg-56{width:56% !important;}
  .w-lg-57{width:57% !important;}
  .w-lg-58{width:58% !important;}
  .w-lg-59{width:59% !important;}
  .w-lg-60{width:60% !important;}
  .w-lg-61{width:61% !important;}
  .w-lg-62{width:62% !important;}
  .w-lg-63{width:63% !important;}
  .w-lg-64{width:64% !important;}
  .w-lg-65{width:65% !important;}
  .w-lg-66{width:66% !important;}
  .w-lg-67{width:67% !important;}
  .w-lg-68{width:68% !important;}
  .w-lg-69{width:69% !important;}
  .w-lg-70{width:70% !important;}
  .w-lg-71{width:71% !important;}
  .w-lg-72{width:72% !important;}
  .w-lg-73{width:73% !important;}
  .w-lg-74{width:74% !important;}
  .w-lg-75{width:75% !important;}
  .w-lg-76{width:76% !important;}
  .w-lg-77{width:77% !important;}
  .w-lg-78{width:78% !important;}
  .w-lg-79{width:79% !important;}
  .w-lg-80{width:80% !important;}
  .w-lg-81{width:81% !important;}
  .w-lg-82{width:82% !important;}
  .w-lg-83{width:83% !important;}
  .w-lg-84{width:84% !important;}
  .w-lg-85{width:85% !important;}
  .w-lg-86{width:86% !important;}
  .w-lg-87{width:87% !important;}
  .w-lg-88{width:88% !important;}
  .w-lg-89{width:89% !important;}
  .w-lg-90{width:90% !important;}
  .w-lg-91{width:91% !important;}
  .w-lg-92{width:92% !important;}
  .w-lg-93{width:93% !important;}
  .w-lg-94{width:94% !important;}
  .w-lg-95{width:95% !important;}
  .w-lg-96{width:96% !important;}
  .w-lg-97{width:97% !important;}
  .w-lg-98{width:98% !important;}
  .w-lg-99{width:99% !important;}
  .w-lg-100{width:100% !important;}
}

@media(min-width:1200px) {
  .w-xl-1{width:1% !important;}
  .w-xl-2{width:2% !important;}
  .w-xl-3{width:3% !important;}
  .w-xl-4{width:4% !important;}
  .w-xl-5{width:5% !important;}
  .w-xl-6{width:6% !important;}
  .w-xl-7{width:7% !important;}
  .w-xl-8{width:8% !important;}
  .w-xl-9{width:9% !important;}
  .w-xl-10{width:10% !important;}
  .w-xl-11{width:11% !important;}
  .w-xl-12{width:12% !important;}
  .w-xl-13{width:13% !important;}
  .w-xl-14{width:14% !important;}
  .w-xl-15{width:15% !important;}
  .w-xl-16{width:16% !important;}
  .w-xl-17{width:17% !important;}
  .w-xl-18{width:18% !important;}
  .w-xl-19{width:19% !important;}
  .w-xl-20{width:20% !important;}
  .w-xl-21{width:21% !important;}
  .w-xl-22{width:22% !important;}
  .w-xl-23{width:23% !important;}
  .w-xl-24{width:24% !important;}
  .w-xl-25{width:25% !important;}
  .w-xl-26{width:26% !important;}
  .w-xl-27{width:27% !important;}
  .w-xl-28{width:28% !important;}
  .w-xl-29{width:29% !important;}
  .w-xl-30{width:30% !important;}
  .w-xl-31{width:31% !important;}
  .w-xl-32{width:32% !important;}
  .w-xl-33{width:33% !important;}
  .w-xl-34{width:34% !important;}
  .w-xl-35{width:35% !important;}
  .w-xl-36{width:36% !important;}
  .w-xl-37{width:37% !important;}
  .w-xl-38{width:38% !important;}
  .w-xl-39{width:39% !important;}
  .w-xl-40{width:40% !important;}
  .w-xl-41{width:41% !important;}
  .w-xl-42{width:42% !important;}
  .w-xl-43{width:43% !important;}
  .w-xl-44{width:44% !important;}
  .w-xl-45{width:45% !important;}
  .w-xl-46{width:46% !important;}
  .w-xl-47{width:47% !important;}
  .w-xl-48{width:48% !important;}
  .w-xl-49{width:49% !important;}
  .w-xl-50{width:50% !important;}
  .w-xl-51{width:51% !important;}
  .w-xl-52{width:52% !important;}
  .w-xl-53{width:53% !important;}
  .w-xl-54{width:54% !important;}
  .w-xl-55{width:55% !important;}
  .w-xl-56{width:56% !important;}
  .w-xl-57{width:57% !important;}
  .w-xl-58{width:58% !important;}
  .w-xl-59{width:59% !important;}
  .w-xl-60{width:60% !important;}
  .w-xl-61{width:61% !important;}
  .w-xl-62{width:62% !important;}
  .w-xl-63{width:63% !important;}
  .w-xl-64{width:64% !important;}
  .w-xl-65{width:65% !important;}
  .w-xl-66{width:66% !important;}
  .w-xl-67{width:67% !important;}
  .w-xl-68{width:68% !important;}
  .w-xl-69{width:69% !important;}
  .w-xl-70{width:70% !important;}
  .w-xl-71{width:71% !important;}
  .w-xl-72{width:72% !important;}
  .w-xl-73{width:73% !important;}
  .w-xl-74{width:74% !important;}
  .w-xl-75{width:75% !important;}
  .w-xl-76{width:76% !important;}
  .w-xl-77{width:77% !important;}
  .w-xl-78{width:78% !important;}
  .w-xl-79{width:79% !important;}
  .w-xl-80{width:80% !important;}
  .w-xl-81{width:81% !important;}
  .w-xl-82{width:82% !important;}
  .w-xl-83{width:83% !important;}
  .w-xl-84{width:84% !important;}
  .w-xl-85{width:85% !important;}
  .w-xl-86{width:86% !important;}
  .w-xl-87{width:87% !important;}
  .w-xl-88{width:88% !important;}
  .w-xl-89{width:89% !important;}
  .w-xl-90{width:90% !important;}
  .w-xl-91{width:91% !important;}
  .w-xl-92{width:92% !important;}
  .w-xl-93{width:93% !important;}
  .w-xl-94{width:94% !important;}
  .w-xl-95{width:95% !important;}
  .w-xl-96{width:96% !important;}
  .w-xl-97{width:97% !important;}
  .w-xl-98{width:98% !important;}
  .w-xl-99{width:99% !important;}
  .w-xl-100{width:100% !important;}
}

@media(min-width:1400px) {
  .w-xxl-1{width:1% !important;}
  .w-xxl-2{width:2% !important;}
  .w-xxl-3{width:3% !important;}
  .w-xxl-4{width:4% !important;}
  .w-xxl-5{width:5% !important;}
  .w-xxl-6{width:6% !important;}
  .w-xxl-7{width:7% !important;}
  .w-xxl-8{width:8% !important;}
  .w-xxl-9{width:9% !important;}
  .w-xxl-10{width:10% !important;}
  .w-xxl-11{width:11% !important;}
  .w-xxl-12{width:12% !important;}
  .w-xxl-13{width:13% !important;}
  .w-xxl-14{width:14% !important;}
  .w-xxl-15{width:15% !important;}
  .w-xxl-16{width:16% !important;}
  .w-xxl-17{width:17% !important;}
  .w-xxl-18{width:18% !important;}
  .w-xxl-19{width:19% !important;}
  .w-xxl-20{width:20% !important;}
  .w-xxl-21{width:21% !important;}
  .w-xxl-22{width:22% !important;}
  .w-xxl-23{width:23% !important;}
  .w-xxl-24{width:24% !important;}
  .w-xxl-25{width:25% !important;}
  .w-xxl-26{width:26% !important;}
  .w-xxl-27{width:27% !important;}
  .w-xxl-28{width:28% !important;}
  .w-xxl-29{width:29% !important;}
  .w-xxl-30{width:30% !important;}
  .w-xxl-31{width:31% !important;}
  .w-xxl-32{width:32% !important;}
  .w-xxl-33{width:33% !important;}
  .w-xxl-34{width:34% !important;}
  .w-xxl-35{width:35% !important;}
  .w-xxl-36{width:36% !important;}
  .w-xxl-37{width:37% !important;}
  .w-xxl-38{width:38% !important;}
  .w-xxl-39{width:39% !important;}
  .w-xxl-40{width:40% !important;}
  .w-xxl-41{width:41% !important;}
  .w-xxl-42{width:42% !important;}
  .w-xxl-43{width:43% !important;}
  .w-xxl-44{width:44% !important;}
  .w-xxl-45{width:45% !important;}
  .w-xxl-46{width:46% !important;}
  .w-xxl-47{width:47% !important;}
  .w-xxl-48{width:48% !important;}
  .w-xxl-49{width:49% !important;}
  .w-xxl-50{width:50% !important;}
  .w-xxl-51{width:51% !important;}
  .w-xxl-52{width:52% !important;}
  .w-xxl-53{width:53% !important;}
  .w-xxl-54{width:54% !important;}
  .w-xxl-55{width:55% !important;}
  .w-xxl-56{width:56% !important;}
  .w-xxl-57{width:57% !important;}
  .w-xxl-58{width:58% !important;}
  .w-xxl-59{width:59% !important;}
  .w-xxl-60{width:60% !important;}
  .w-xxl-61{width:61% !important;}
  .w-xxl-62{width:62% !important;}
  .w-xxl-63{width:63% !important;}
  .w-xxl-64{width:64% !important;}
  .w-xxl-65{width:65% !important;}
  .w-xxl-66{width:66% !important;}
  .w-xxl-67{width:67% !important;}
  .w-xxl-68{width:68% !important;}
  .w-xxl-69{width:69% !important;}
  .w-xxl-70{width:70% !important;}
  .w-xxl-71{width:71% !important;}
  .w-xxl-72{width:72% !important;}
  .w-xxl-73{width:73% !important;}
  .w-xxl-74{width:74% !important;}
  .w-xxl-75{width:75% !important;}
  .w-xxl-76{width:76% !important;}
  .w-xxl-77{width:77% !important;}
  .w-xxl-78{width:78% !important;}
  .w-xxl-79{width:79% !important;}
  .w-xxl-80{width:80% !important;}
  .w-xxl-81{width:81% !important;}
  .w-xxl-82{width:82% !important;}
  .w-xxl-83{width:83% !important;}
  .w-xxl-84{width:84% !important;}
  .w-xxl-85{width:85% !important;}
  .w-xxl-86{width:86% !important;}
  .w-xxl-87{width:87% !important;}
  .w-xxl-88{width:88% !important;}
  .w-xxl-89{width:89% !important;}
  .w-xxl-90{width:90% !important;}
  .w-xxl-91{width:91% !important;}
  .w-xxl-92{width:92% !important;}
  .w-xxl-93{width:93% !important;}
  .w-xxl-94{width:94% !important;}
  .w-xxl-95{width:95% !important;}
  .w-xxl-96{width:96% !important;}
  .w-xxl-97{width:97% !important;}
  .w-xxl-98{width:98% !important;}
  .w-xxl-99{width:99% !important;}
  .w-xxl-100{width:100% !important;}
}