.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{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 > li{float: left;width: 25%;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(main_renew.css) center center no-repeat; background-size:100%; transition:all ease-in-out .3s;margin: 0 auto 20px}
#m1 .i11 .img{background-image: url('../img/m1.png')}
#m1 .i11:hover .img{background-image: url('../img/m1_on.png')}
/* #m1 .i22 .img{background-image: url('../img/m1_2.png')}
#m1 .i22:hover .img{background-image: url('../img/m1_2_on.png')} */
#m1 .i33 .img{background-image: url('../img/m1_3.png')}
#m1 .i33:hover .img{background-image: url('../img/m1_3_on.png')}
#m1 .i44 .img{background-image: url('../img/m1_4.png')}
#m1 .i44:hover .img{background-image: url('../img/m1_4_on.png')}
#m1 .i55 .img{background-image: url('../img/about.png')}
#m1 .i55:hover .img{background-image: url('../img/about_on.png')}
/* #m1 .i66 .img{background-image: url('../img/m1_6.png')}
#m1 .i66:hover .img{background-image: url('../img/m1_6_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: #215231;font-weight: 700;}

#m2{background: #f6f6f6;;}
#m2 .group{float: left; width: 23%; position: relative;overflow: hidden; box-shadow:10px 10px 8px rgba(0,0,0,.1);margin: 0 10px; padding-bottom: 30%;}
#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{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 a{display: block;}
#m2 .i1 .txt *{display: block;}
#m2 .i1 .txt span{letter-spacing: 0; font-size: 0.714em;}
#m2 .i3{background: #fff}
#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{padding: 20px;text-align: center;}
#m2 .i3 .tit{text-transform:uppercase;margin-bottom: 1em;}
#m2 .i3 .tit span{letter-spacing: 0;}
#m2 .i3 .tit > strong{color: #4b579f;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{display: block; max-width:196px;margin: 0 auto;}
#m2 .i3 .img a{display: block;background: url('../img/renew/book_shadow.png') center bottom no-repeat; padding-bottom: 30px;}

.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}

.pd_com{ padding: 60px 0}

#main_visual{overflow: hidden; position: relative;padding-bottom: 0 !important;}
#main_visual .w2000{position: relative; width:2000px; left: 50%; margin-left:-1000px}
#main_visual .w2000 img{display: block; margin:0 auto;width:100% !important;}


#main_visual .bg{position: absolute;bottom: 5px;display: flex;width: 100%;background: rgba(0,0,0,0.5);align-items: center;justify-content: center;}
#main_visual .main_txt{text-align: center;color: #fff;padding: 1% 20px 0.5%;}
#main_visual .main_txt .big_t{font-size: 45px;}
#main_visual .main_txt .small_t{font-size: 22px;padding: 10px 0 20px 0;}

#main_visual .slick-current .in{padding: 0 0 30px 0 !important}
#main_visual .slick-current .img{width: 100%; max-width:260px; box-shadow: 14px 3px 30px rgba(0,0,0,.3);}
#main_visual .slick-current img{}

#main_visual .mb-show{display: none;}


.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: #4b579f;}

.arrows-st11{width: 104px;height: 15px;background: url('') center center no-repeat; transition:all ease-in-out .3s;display: block;white-space: nowrap;overflow: hidden;text-indent: -999px}
/* .arrows-st1:hover{background-color: #999} */
.arrows-st11.prev{background-image: url('../img/left_en.png') !important;}
/* .arrows-st1.prev:hover{background-image: url('../img/renew/prev.png')} */
.arrows-st11.next{background-image: url('../img/right_en.png')}


#m3 .arrows-st1{position: absolute;top:50%;margin-top: -25px;}
#m3 .prev{left: -75px}
#m3 .next{right: -75px}
.clearfix{display: flex !important;justify-content: center;}
/* .clearfix li{margin: 0 1em;} */


.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;}
    


#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;    
}


#gnb ul li{padding: 0 15px;}


@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; padding-bottom: 21.5%;}
#m2 .i1 .txt{    position: relative;
    margin: 0 auto;
    transform: none;
    left: 0;
    top: 0;}
    #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}
    
    .footerSet footer{display: block;}
	.footerSet .both{width: 100%;} 
	.footerSet address{padding-bottom: 0;}
	
	.arrows-st11.prev{margin-left: 5%;}
	.arrows-st11.next{margin-right: 5%;}
	
	#main_visual .main_txt{width: 30%;padding: 1% 0 2%;}
	#main_visual .main_txt .big_t{font-size: 2em;}
	#main_visual .main_txt .small_t{font-size: 1em;}
	
	#m1 .clearfix{flex-wrap: wrap;}
	#m1 > ul{margin-top: 0 !important;}
	
	#m1 > ul > li{width:22% !important;}
	
	.arrows-st11{position: absolute;bottom: 20px;}
	.arrows-st11.prev{margin-left: -20%}
	.arrows-st11.next{margin-right: -20%}
	
}

@media (max-width: 720px){
}


@media (max-width: 640px){
	.img_pc{display: none !important;}
	.img_m{display: block !important; background: #000}
	#main_visual .big img{opacity:.5}
	#m1{padding-top: 15px;}
	#m1 > ul{margin-top: -30px;}
	#m1 > ul > li{width: 47%;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}
    
    #m1 > ul > li {width: 22% !important;}
    #m1 > ul > li:before{display: none;}
    
    #m2 .clearfix .group{margin: 1% 0;}
    
    #main_visual .w2000{width:1400px; margin-left:-700px}
    #main_visual .main_txt {width: 33%;}
    
    #m2 .clearfix{flex-wrap:wrap; margin:0 0 -30px -15px; font-size: 0;}
    #m2 .clearfix .group{width: calc(50% - 15px); margin: 0 0 30px 15px; padding-bottom: 50%;}
    #m2 a{margin: 0 !important; display: block !important}
}

@media (max-width: 420px){
	.inner{padding-left: 10px; padding-right: 10px;}
	.tabs_sort > li:before{display: none;}
	
	#main_visual .w2000{width:1100px; margin-left:-550px}
}

@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%;}
    
    #main_visual .main_txt .big_t{font-size: 1.5em;}
    #main_visual .main_txt{width: 30%;}
    #main_visual .main_txt .small_t{font-size: 0.875em;padding: 10px 15px 25px;}
    
}