.hide,caption,legend,.hidden{position:absolute;left:-300px;width:0;height:0;margin:0;padding:0;background:none;line-height:0;overflow: hidden}
.inner{max-width: 1260px;margin: 0 auto;}
.inner.s_w{max-width:1300px}
.table_new{display: table;width: 100%;height: 100%;text-align: center;}
.vertical_new{display: table-cell;vertical-align: middle;}
#maincontainer{font-size: 15px; letter-spacing: -0.07em}
.fonts-ns{font-family: 'NanumSquare'}
.img_m, .img_tb{display: none !important;}

.tit-main_w{text-align: center;}
.tit-main{font-size: 32px;font-weight: 700;font-family: "NanumSquare";line-height: 1.15;margin: 0 0 20px;}
.tit-main_w .tit-main{margin-top: 15px;}
.tit-main .light{font-weight: 300;}

#m1{padding: 50px 0;font-weight: 500;text-align: center}
#m1 > ul{display: flex; flex-wrap: wrap;}
#m1 > ul > li{width: 14%; flex-grow: 1; transition: all ease .15s;position: relative;}
#m1 > ul > li:before{position: absolute;left: 0;top:50%;width: 1px;height: 78px;margin-top: -39px;background: #ccc;content: ''}
#m1 > ul > li:first-child:before{background: none}
#m1 > ul > li:hover{}
#m1 a{display: block;}
#m1 .img{position: relative; width: 40px;height: 41px;background: url('') center center no-repeat; background-size:100%; transition:all ease-in-out .3s;margin: 0 auto 20px}
#m1 .i1 .img{background-image: url('../img/renew/m1.png')}
#m1 .i1:hover .img{background-image: url('../img/renew/m1_on.png')}
#m1 .i2 .img{background-image: url('../img/renew/m1_2.png')}
#m1 .i2:hover .img{background-image: url('../img/renew/m1_2_on.png')}
#m1 .i3 .img{background-image: url('../img/renew/m1_3.png')}
#m1 .i3:hover .img{background-image: url('../img/renew/m1_3_on.png')}
#m1 .i4 .img{background-image: url('../img/renew/m1_4.png')}
#m1 .i4:hover .img{background-image: url('../img/renew/m1_4_on.png')}
#m1 .i5 .img{background-image: url('../img/renew/m1_5.png')}
#m1 .i5:hover .img{background-image: url('../img/renew/m1_5_on.png')}
#m1 .i6 .img{background-image: url('../img/renew/m1_6.png')}
#m1 .i6:hover .img{background-image: url('../img/renew/m1_6_on.png')}
#m1 .i7 .img{background-image: url('../img/renew/m1_7.png')}
#m1 .i7:hover .img{background-image: url('../img/renew/m1_7_on.png')}
#m1 a{display: block;}
#m1 img{display: block;margin: 0 auto;}
#m1 .txt{transition:all ease-in-out .3s}
#m1 li:hover .txt{color: #1f5230;font-weight: 700;}

#m2{background: #f6f6f6;;}
#m2 .group{height: 355px;float: left; width: 23%; position: relative;overflow: hidden; box-shadow:10px 10px 8px rgba(0,0,0,.1); margin-left: 2%;}
#m2 .bg{background: url('') center center no-repeat; background-size:cover; position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
#m2 .big{width: 48%; margin: 0 3%;}
#m2 .bg,#m2 .i3 .img img{transition:all ease-in-out .3s}
#m2 .group:hover .bg,#m2 .i3 .img:hover img{transform:scale(1.05,1.05)}
#m2 .i1 .txt.per{position: absolute; z-index: 1; padding: 15px 0 20px 0; color: #fff;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 35px;
    line-height: 1;
    letter-spacing: 0.03em;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 150px;
}
#m2 .i1 .txt.mob{position: absolute; z-index: 1; padding: 20px 0 20px 0; color: #fff;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.03em;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 200px;
    text-align: center !important;
    display: none;
}
#m2 .i1 .txt.mob .tar{margin-top: 5px;}
#m2 .i1 .txt.mob .tar{margin: 0;text-align: center !important;}
#m2 .i1 .txt.mob .tar.t1{margin-bottom: 5px;}
#m2 .i1 a{display: block;}
#m2 .i1 .txt *{display: block;}
#m2 .i1 .txt.per span{letter-spacing: 0; font-size: 0.714em;}
#m2 .i1 .txt.mob span{letter-spacing: 0; font-size: 0.714em;}
#m2 .i3 a{display: block;padding: 100px 45px;}
#m2 .i3 .txt{text-align: center; font-size: 26px; letter-spacing: -1px; font-weight: bold; color: #fff; background: #215230; border: 1px solid #111; padding: 45px 0; box-shadow: 10px 10px 8px rgb(0 0 0 / 10%); line-height: 1.5; width: 200px; margin: 0 auto; transform: translate(0%, 0%); top: 50%; left: 50%; background: url("/static/portal/img/renew/news-l-bg_240312.png") no-repeat center / cover;}
#m2 .t1{margin: 3px 0 -4px 0;}
#m2 .rel{position: relative;z-index: 1}
#m2 .i2{color: #fff}
#m2 .i2 img{display: block;margin: 0 auto;}
#m2 .i2 a{display: inline-block;margin-top: 30px;}
#m2 .i3 .tit{text-transform:uppercase;margin-bottom: 1em;}
#m2 .i3 .tit span{letter-spacing: 0;}
#m2 .i3 .tit > strong{color: #1f5230;font-size: 30px;display: block;font-weight: normal;}
#m2 .i3 .tit strong span{font-family: '留묒�怨좊뵓', 'malgun gothic','Dotum';}
#m2 .i3 .tit strong strong{font-weight: 700;}
#m2 .i3 .img{margin: 0 auto;max-width:175px;position: relative;overflow: hidden;}
#m2 .i3 .img img{display: block;margin: 0 auto;}
#m2 .i3 .vol{letter-spacing: 0;}
#m2 .i3 .more,#m2 .i_new .more{display: block; max-width:196px;margin: 0 auto; text-align: center;}
#m2 .i3 .img a{display: block;background: url('../img/renew/book_shadow.png') center bottom no-repeat; padding-bottom: 30px;}
#m2 .i3 .poster{position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; display: block;}

#m2 .i_new{background: #fff}
#m2 .i_new a{display: block; height: 100%}
#m2 .i_new .img{height: calc(100% - 100px); background: url('') center center no-repeat; background-size:cover; position: relative;}
#m2 .i_new .img img{position: absolute;right: 10px; bottom: 15px; display: block;}
#m2 .i_new .btn{padding: 40px;}
#m2 .i_new .btns{margin-top: 28px;}

.effect-st1 {soverflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1); position: relative;z-index: 1;border:1px solid #fff; color: #fff;line-height: 1.15; padding: 10px 20px;overflow: hidden;font-weight: 700;letter-spacing: -0.03em}
.effect-st1 span {position: relative;transition:all ease-in-out .3s}
.effect-st1:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);background: #fff}
.effect-st1:hover:before{-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
.effect-st1:hover span{color: #333 !important}
.effect-st1.grey{border-color:#ccc; color: #666}
.effect-st1.grey:before{background: #000}
.effect-st1.grey:hover span{color: #fff !important}
.effect-st1.black{border-color:#000; color: #fff}
.effect-st1.black:before{background: #000}
.effect-st1.black:hover span{color: #fff !important}

.pd_com{ padding: 60px 0}

#main_visual{overflow: hidden; position: relative;padding-bottom: 80px;}
#main_visual .big{width: 2000px;left: 50%;margin-left: -1000px;position: relative}
#main_visual .big img{display: block;margin: 0 auto;}
#main_visual .big .txt{position: absolute; width: 100%;left: 0;top:0;line-height: 1.15;text-align: left;}
#main_visual .big .txt *{color: #fff;letter-spacing: -0.07em;}
#main_visual .big .inner{padding: 149px 0 0 40px;}
#main_visual .small{font-size: 2em;line-height: 1.15;}
#main_visual .tit{font-size: 4em;line-height: 1; margin: 20px 0 40px 0;}
#main_visual .small,#main_visual .tit{text-shadow: 1px 1px 2px rgba(0,0,0,.3);}
#main_visual .btns a{float: left; min-width: 6.667em;text-align: center;border:1px solid #fff;margin-left: 10px;}
#main_visual .btns a:first-child{margin-left: 0;}
#main_visual .big .bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 160px;background: rgba(0,0,0,.6)}
#main_visual .thumb_w .slick-current .txt{display: none;}
#main_visual .thumb_w{position: absolute; left: 0;bottom: 0;width: 100%}
#main_visual .thumb_w .inner{position: relative;}
#main_visual .thumb_w .slick-arrow{position: absolute;width: 106px;height: 16px;bottom: 150px; white-space: nowrap;overflow: hidden;text-indent: -999px;z-index: 30}
#main_visual .thumb_w .prev{background: url('../img/renew/mv_prev.png') left center no-repeat; left: -80px}
#main_visual .thumb_w .in{padding: 80px}
#main_visual .thumb_w .next{background: url('../img/renew/mv_next.png') right center no-repeat; right: -80px}
#main_visual .thumb_w .img{width: 92px;margin: 0 auto;
    
    position: relative;}
    #main_visual .thumb_w .img span{padding-bottom: 140%;}
#main_visual .thumb_w .txt{color: #cdcdcd;line-height: 1.15;margin-top: 1em;}
#main_visual .thumb_w .t{font-size: 17px;margin-bottom: 10px;}
#main_visual .thumb_w .txt span{display: block;}
#main_visual .thumb_w .img span{display: block; position: relative; overflow: hidden;}
#main_visual .thumb_w img{display: block; margin: 0 auto;    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;}
#main_visual .slick-current .in{padding: 0 0 30px 0 !important}
#main_visual .slick-current .img{width: 100%; max-width:200px; box-shadow: 14px 3px 30px rgba(0,0,0,.3);}
#main_visual .slick-current img{}

#m3 .slick-slide{text-align: left;}
#m3 .inner{position: relative;}
#m3 .top{position: relative;margin-bottom: 20px;}
#m3 .top .tit-main{margin-bottom: 0;}
#m3 .tabs_sort{position: absolute;right: 0;bottom: 0}
#m3 .in{margin: 0 20px;display: block;border-top:2px solid #000;border-bottom: 1px solid #000; padding: 20px 0}
#m3 .tit{position: relative;font-size: 1.467em;height: 3.3em;overflow: hidden;line-height: 1.67;font-weight: normal;}
#m3 .tit span{z-index: 1;position: relative}
#m3 p{line-height: 1.5; height: 2.9em; overflow: hidden; margin: 1em 0 1.3em 0;}
#m3 a:hover .tit span{background: #fff899}
#m3 a:hover p{text-decoration: underline;}
#m3 .date{letter-spacing: 0;}
#m3 .label{margin-bottom: 20px;padding-left: 30px; background: url('') left center no-repeat;display: block;font-weight: 700;}
#m3 .label-blue{background-image: url('../img/renew/label-blue.png'); color: #1f5230}
#m3 .label-green2{background-image: url('../img/renew/label-green2.png'); color: #2f8b85}
#m3 .label-blue2{background-image: url('../img/renew/label-blue2.png'); color: #246ab5}
#m3 .label-green{background-image: url('../img/renew/label-green.png'); color: #6d9233}
#m3 .label-purple{background-image: url('../img/renew/label-purple.png'); color: #7359a4}
#m3 .label-black{background-image: url('../img/renew/label-black.png'); color: #333333}

.tabs_sort > li{float: left;margin-left: 5px;}
.tabs_sort > li:before{content: '-';margin-right: 5px;}
.tabs_sort > li:first-child:before{content: ''}
.tabs_sort .active{ text-decoration: underline;font-weight: 700;}
.tabs_sort .active a{color: #1f5230;}

.arrows-st1{width: 50px;height: 50px;background: #fff url('') center center no-repeat; border:1px solid #999; transition:all ease-in-out .3s;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px}
.arrows-st1:hover{background-color: #999}
.arrows-st1.prev{background-image: url('../img/renew/prev_on.png')}
.arrows-st1.prev:hover{background-image: url('../img/renew/prev.png')}
.arrows-st1.next{background-image: url('../img/renew/next_on.png')}
.arrows-st1.next:hover{background-image: url('../img/renew/next.png')}
.arrows-st1.w{border:1px solid #fff;background-color: transparent}
.arrows-st1.w:hover{background-color: #fff}
.arrows-st1.w.prev{background-image: url('../img/renew/prev.png')}
.arrows-st1.w.prev:hover{background-image: url('../img/renew/prev_on.png')}
.arrows-st1.w.next{background-image: url('../img/renew/next.png')}
.arrows-st1.w.next:hover{background-image: url('../img/renew/next_on.png')}

#m3 .arrows-st1{position: absolute;top:50%;margin-top: -25px;}
#m3 .prev{left: -75px}
#m3 .next{right: -75px}

#m4{background: #121927;color: #fff}
/* #m4 .inner{background: url('../img/renew/m4_bg.png') right center no-repeat} */
#m4 .half_w{margin-left: -3%; display: flex;}
#m4 .half_w > li{float: left; width: 47%;margin-left: 3%; position: relative;}
#m4 .big,#m4 .half_w .iframe{position: relative;height: 100%}
#m4 .big *{height: 100%}
#m4 .half_w .iframe iframe{width: 100%;height: 100%;display: block;}
#m4 .half_w .big .txt{position: absolute;background: url('../img/renew/m4_l_txt.png') left top no-repeat;left: 0;
    bottom: 0;
    width: 100%;font-size: 1.333em;padding: 30px;    max-height: 5.3em;
    overflow: hidden;text-align: left;    background-size: cover;}
    #m4 .half_w .big .txt span{display: block;height: 2.7em;
    overflow: hidden;}
#m4 .thumb .tit > span{letter-spacing: 0;}
#m4 .thumb .t{font-size: 2.133em;color: #fff;margin:15px 0 0 0}
#m4 .thumb .t span{background: url('../img/renew/ico-youtube.png') right center no-repeat;padding-right: 1.563em;}
#m4 .thumb .in{margin: 0 10px;display: block;}
#m4 .thumb .in .img{position: relative;}
#m4 .thumb .in:hover .img:before{position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto; border:2px solid #fff;content: ''}
#m4 .thumb .ex{color: #fff;
    text-align: left;
    height: 2.8em;
    overflow: hidden;margin-top: 10px;line-height: 1.5;}
#m4 .s_w{margin: 30px -10px}
#m4 .btns button{float: left;margin-right: 10px;}
#m4 .thumb img{display: block;width: 100%}

.bot.pd_com{padding-bottom: 0;}
.bot .group{width: 47%}
.bot .inner{position: relative;}
.bot .inner:before{position: absolute;left: 50%;width: 1px;height: 100%;content: '';background: #000}
.bot .l{float: left;}
.bot .r{float: right;}

.main_sns .insta .cont > li{float: left; width: 33.333333333333333333%;position: relative;border-bottom: 1px solid #fff;border-left:  1px solid #fff;}
.main_sns .insta .cont a{display: block;position: relative;overflow: hidden;padding-bottom: 91%;}
.main_sns .insta .cont > li img{display: block;width: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

.main_sns{position: relative;padding-top: 50px;}
.main_sns .more{position: absolute;display: none;width: 20px;height: 20px;background: url('../img/renew/more.gif') center center no-repeat;top: 3px; right: 0;
    transition-duration: .3s;}
.main_sns .more:hover {transform: rotate(90deg)}
.main_sns .active .more{display: block;}
.tab_cont .tit{display: block; position: absolute;top: 0;font-size:24px;text-align: center;font-weight: 300;line-height: 1.15;}
.tab_cont .tit a{display: block;}
.tab_cont.active .tit a{color: #b032ad;font-weight: 700;text-decoration: underline;}

.tab_cont .cont{display: none;}

#conInstargram .tit{left: 180px}
#conBlog .tit{left: 115px}
#conFacebook .tit{left: 0}

#conInstargram.active .tit a{color: #b032ad}
#conBlog.active .tit a{color: #3aac37}
#conFacebook.active .tit a{color: #507cbe}

/* .tab_cont .cont{padding: 20px;display: none;border-top: 1px solid #ddd;}
.tab_cont .cont li{margin-top: 1.7em;position: relative;padding-right: 8em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;width: 100%}
.tab_cont .cont li:first-child{margin-top: 0.28em}
.tab_cont .cont li .date{position: absolute;right: 0;top: 0}
.tab_cont .date{position: absolute;right: 0;top:0;font-weight: 400} */
.sns_box{margin: 0 0 -2% -2%;}
.sns_box > li{float: left; width: 48%;margin: 0 0 2% 2%; border:1px solid #cdcdcd;}
.sns_box a{display: block; position: relative;padding: 20px}
.sns_box a:hover:after,.main_sns .insta .cont a:hover:after{left: 0;top:0;right: 0;bottom: 0;margin: auto; border: 2px solid #000; position: absolute;content: ''}
#conBlog .sns_box a:hover:after{border-color: #3aac37;}
#conFacebook .sns_box a:hover:after{border-color: #527ebf;}
.main_sns .insta .cont a:hover:after{border-color: #b032ad;}

.sns_box .date{display: block;font-size: 1.33em; background: url('') right top no-repeat;line-height: 1.15; margin-bottom: .85em; padding-bottom: .87em;position: relative;}
.sns_box .date:after{position:absolute;left: 0;bottom: 0;width: 1em;height: 1px;background: #9c9c9c;content: ''}
#conBlog .sns_box .date{background-image: url('../img/renew/sns-b.gif')}
#conFacebook .sns_box .date{background-image: url('../img/renew/sns-f.gif')}
.sns_box .txt{line-height: 1.8;    height: 5em;
    overflow: hidden;
    display: block;}
    
#m6{position: relative;}
#m6 .add{position: absolute;right: 0;top:0}
#m6 .slick-dots{font-size: 0;position: static;}
#m6 .slick-dots li{margin: 0;height: auto;padding: 0;}
#m6 .slick-dots button{width: 20px;height: 20px; border:1px solid transparent;position: relative;}
#m6 .slick-dots button:after{content: '';position: absolute;left: 50%;top:50%;width: 8px;height: 8px;background: #ccc;margin: -4px 0 0 -4px;}
#m6 .slick-active button:after{background-color: #1f5230}
#m6 .slick-active button{border-color: #1f5230}
#m6 .slick-dots button:before{display: none;}
#m6 .add > *{display: inline-block;vertical-align: middle;}
#m6 .controls{width: 6px;height: 12px;background: url('../img/renew/stop.png') center center no-repeat; white-space: nowrap;overflow: hidden;text-indent: -999px; margin: 0 10px 0 5px;}
#m6 .controls.play{background-image: url('../img/renew/play.png')}
#m6 a{display: block; margin: 0 10px;}
#m6 .img{position: relative;overflow: hidden;padding-bottom: 124%;}
#m6 .img img{width: 100%;display: block;position: absolute;left: 0;top:0;right: 0;bottom: 0; margin: auto;}
#m6 .s_w{margin: 0 -10px;}


#main_visual .s {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
    -webkit-transition: opacity .15s ease;
}

#main_visual .s.slick-initialized{
    visibility: visible;
    opacity: 1;    
}

@media (max-width: 1480px) {
	#m3 .arrows-st1{z-index: 1; background-color: rgba(153,153,153,.7) !important; border:none !important}
	#m3 .prev{left: 0; background-image: url('../img/renew/prev.png') !important}
	#m3 .next{right: 0; background-image: url('../img/renew/next.png') !important}
	#main_visual .thumb_w .next{right: 0}
	#main_visual .thumb_w .prev{left: 0}
	#main_visual .thumb_w .slick-arrow{width: 70px}
}
@media (max-width: 1280px) {
.inner{padding-left:15px;padding-right: 15px;}
#main_visual .thumb_w .prev{left: 15px}
#main_visual .thumb_w .next{right: 15px}
#main_visual .big .txt{padding-left: 15px;}
	#main_visual .big{width: 215%; margin-left: -107.5%;}
    #main_visual .big .inner{    max-width: 43.5%;
    padding: 3% 0 0 0;}
    #main_visual .thumb_w .in{    padding: 100px 0 15px}
    .inner.s_w{padding-left: 0;padding-right: 0;}
}
@media (max-width: 1024px){
#main_visual .thumb_w .in{padding: 0 0 30px 0 !important}
#main_visual .thumb_w .img{width: 100%; max-width:100%}
#main_visual .thumb_w img{box-shadow: 14px 3px 30px rgba(0,0,0,.3); max-width:33%;position: static;}
#main_visual .thumb_w .img span{padding: 0;overflow: visible}
#main_visual .slick-current .img{max-width:100%;box-shadow:none}
#main_visual .thumb_w .txt{display: none;}
#m2 .inner{max-width: 800px}
#m2 .big{margin: 15px 0;}
#m2 .group{width: 100%;height: auto;    padding: 40px 15px; margin: 3% 0 0;}
#m2 .group:first-child{margin-top: 0;}
#m2 .group.i_new{padding: 0 0 25px}
#m2 .i_new .btns{margin-top: 25px;}
#m2 .group.i_new .img{padding-bottom: 50%;}
#m2 .i1 .txt.per{position: relative;
    margin: 0 auto;
    transform: none;
    left: 0;
    top: 0;
    display: none;
    }
#m2 .i1 .txt.mob{
	position: relative;
    margin: 0 auto;
    transform: none;
    left: 0;
    top: 0;
	display: block;
}

#m2 .group.i3 .img_pc{display: none !important;}
#m2 .group.i3 .img_m{display: block !important;}
#m2 .i3 .poster{position: relative; transform: none; margin: 0 auto; left: auto; top: auto;}
    #m3 .in{margin: 0 10px;}
    #m4 .half_w{display: block;margin: 0;}
    #m4 .half_w > li{width: 100%;margin-left: 0;}
     #m4 .half_w .r{margin-top: 30px;}
    #m4 .half_w .iframe{padding-bottom: 63%;
    height: auto;}
    #m4 .half_w .iframe iframe{position: absolute;left: 0;top:0}
    #m4 .s_w{margin: 30px -5px;}
    #m4 .thumb .in{margin: 0 5px;}
    .bot .inner:before{background: none}
    .bot .group{float: none; width: 100%}
    #m3 .inner,#m4 > .inner,.bot .inner{max-width: 800px}
    #m6{margin-top: 50px}
    
   #m2 .group.i3{padding: 20px 0 !important; height: 205px;}
   #m2 .i3 a {padding: 20px 45px;}
   #m2 .i3 .txt{padding: 20px 0;}
}
@media (max-width: 640px){
	.img_pc{display: none !important;}
	.img_m{display: block !important; background: #000}
	#main_visual .big img{opacity:.6}
	#m1{padding-top: 15px;}
	#m1 > ul{margin-top: -30px;}
	#m1 > ul > li{width: 25%; margin-top: 30px;}	
	#maincontainer{font-size: 14px;}
	.pd_com{padding: 10% 0}
	#m3 .tit{font-size: 1.3em;}
	#m3 .tabs_sort{position: static;
    text-align: center;
    float: right; margin-top: 10px;}
    .arrows-st1{    width: 40px;
    height: 40px;}
    #m3 .arrows-st1{margin-top: -20px}
    #m4 .s_w{margin-top: 15px;}
    .tit-main{font-size: 29px;}
    #m6{margin-top: 10%;}
    #m6 .s_w{margin: 0 -5px;}
    #m6 a{margin: 0 5px;}
    #main_visual .big{width: 100%;
    margin-left: 0;
    left: 0;}
    #main_visual .big .inner{    max-width: 100%;
    padding: 8% 0 0 0;}
    #main_visual .big .txt{padding-left: 10px;font-size: 13px;}
    #main_visual .small{font-size: 1.3em;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
    #main_visual .tit{font-size: 2.7em;
    line-height: 1.15; margin: .15em 0 .7em 0;}
    #main_visual .thumb_w .slick-arrow{width: 50px;bottom: 130px}
    #main_visual .big .bg{height: 107px}
}
@media (max-width: 420px){
	.inner{padding-left: 10px; padding-right: 10px;}
	.tabs_sort > li:before{display: none;}
}
@media (max-width: 380px){
	#m3 .tabs_sort{font-size: 13px;}
	#main_visual .thumb_w .slick-arrow{width: 13%;
    bottom: 40%;    background-size: 130%;}
    #main_visual .big .bg{height: 13%}
    #main_visual{padding-bottom: 17%;}
}