@import url("reset.css");

.main {width:100%; position:relative;}

.main .visual {width:100%; height:960px; position:relative; display:table; overflow:hidden;}
.main .visual .visual-img {width:100%; height:100%; background:url(/img/index/visual.png) center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:0; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); animation:visual 10s ease-in-out both;}
.main .visual > .inner {width:100%; display:table-cell; vertical-align:middle; text-align:center; position:relative; z-index:10;}
.main .visual .visual-conts .tlt > *  {text-align:center; font-size:0; position:relative;}
.main .visual .visual-conts .tlt > * > * {position:relative; display:inline-block;}
.main .visual .visual-conts .tlt h1 {margin:30px 0 50px 0;}
.main .visual .visual-conts .tlt h1 span {width:360px; height:89px; background:url(/img/index/visual_txt.png) center no-repeat; background-size:auto 100%;}
.main .visual .visual-conts .tlt h2 span {width:294px; height:29px; background:url(/img/index/visual_txt_sub.png) center no-repeat; background-size:auto 100%;}
.main .visual .visual-conts .tlt h2 span:before,
.main .visual .visual-conts .tlt h2 span:after {content:""; width:139px; height:11px; background:url(/img/com/dot.png) center no-repeat; background-size:auto 100%; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); display:none;}
.main .visual .visual-conts .tlt h2 span:before {left:-160px;}
.main .visual .visual-conts .tlt h2 span:after {right:-160px;}
.main .visual .visual-conts .conts {font-size:20px; color:#EEDFBB; width:80%; margin:0 auto;}
.main .visual .tab {width:100%; position:absolute; left:0; bottom:0;}
.main .visual .tab ul {width:100%; font-size:0; position:relative; border-top:1px solid #BFA872;}
.main .visual .tab ul:after {content:""; display:block; clear:both;}
.main .visual .tab ul li {float:left; width:33.33%; box-sizing:border-box; height:100px; display:table; font-size:24px; cursor:pointer; color:#EEDFBB; text-align:center; border-left:1px solid #BFA872;}
.main .visual .tab ul li:nth-child(1) {border-left:0;}
.main .visual .tab ul li a {width:100%; height:100%; display:table;}
.main .visual .tab ul li p {width:100%; display:table-cell; vertical-align:middle; font-size:24px; color:#EEDFBB;}
.main .visual .tab ul li p span {display:inline-block; padding:0 30px; position:relative;}
.main .visual .tab ul li p span:before, .main .visual .tab ul li p span:after {content:""; width:8px; height:8px; border-radius:50%; box-sizing:border-box; border:1px solid #EEDFBB; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .visual .tab ul li p span:before {left:0;}
.main .visual .tab ul li p span:after {right:0;}
.main .visual .tab ul li p em {font-family: 'Linux Biolinum'; font-size:16px;}
.main .visual .tab ul li p i {font-style:normal; font-size:28px;}
.main .visual .tab ul li:hover {color:#fff;}
.main .visual .tab ul li:hover p {color:#fff;}
.main .visual .tab ul li:hover p span:before, .main .visual .tab ul li:hover p span:after {border-color:#fff;}
.main .visual .tab ul li.active {background:#D2B076; color:#fff;}

@keyframes visual {
	0% {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
	100% {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
}


.main .section {width:100%;}
.main .section > .inner {width:90%; max-width:1170px; margin:0 auto;}
.main .section > .inner.ty-2 {width:100%; max-width:1920px; overflow:hidden; min-width:320px;}
.main .section .title {width:100%; margin-bottom:60px;}
.main .section .title .main-title {width:100%; margin-bottom:30px; text-align:center; font-size:20px; color:#6C5B2D;}
.main .section .title .main-title span {display:inline-block; position:relative; padding:0 10px;}
.main .section .title .main-title span:before,
.main .section .title .main-title span:after {content:""; width:95px; height:21px; background:url(/img/index/title.svg) center no-repeat; background-size:auto 100%; position:absolute; top:50%;}
.main .section .title .main-title span:before {left:-95px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .section .title .main-title span:after {right:-95px; -webkit-transform:translateY(-50%) scaleX(-1); -moz-transform:translateY(-50%) scaleX(-1); transform:translateY(-50%) scaleX(-1);}
.main .section .title h1 {font-size:44px; font-weight:700; color:#443816; text-align:center; line-height:1.3;}
.main .section .title .txt {font-size:18px; font-weight:300; color:#29251B; margin-top:20px; text-align:center;}
.main .section .title .txt em {font-weight:700;}
.main .section .sec-conts {width:100%;}
.main .section .button.ty-1 {display:inline-block; height:45px; border-radius:50px; background:#003B5D; overflow:hidden; position:relative;}
.main .section .button.ty-1:before {content:""; width:0; height:100%; background:#00456D; position:absolute; left:0; top:0; z-index:0; transition:width 0.25s linear;}
.main .section .button.ty-1 a {display:block; padding:0 20px; font-size:16px; line-height:45px; color:#fff; position:relative; z-index:10;}
.main .section .button.ty-1:hover:before {width:100%;}

.main .video {padding:150px 0; background: rgb(245, 242, 235); background: -moz-linear-gradient(90deg, rgb(245, 242, 235) 40%, rgb(250, 249, 246) 100%); background: -webkit-linear-gradient(90deg, rgb(245, 242, 235) 40%, rgb(250, 249, 246) 100%); background: -o-linear-gradient(90deg, rgb(245, 242, 235) 40%, rgb(250, 249, 246) 100%); background: -ms-linear-gradient(90deg, rgb(245, 242, 235) 40%, rgb(250, 249, 246) 100%); background: linear-gradient(180deg, rgb(245, 242, 235) 40%, rgb(250, 249, 246) 100%);}
.main .video .sec-conts {position:relative;}
.main .video .sec-conts ul.video-list {z-index:10;}
.main .video .sec-conts .slick-list {margin:0 -120px;}
.main .video .sec-conts .slick-slide {margin:0 120px;}
.main .video .sec-conts .video-title {width:100%; display:block; margin-bottom:20px; font-size:40px; font-weight:700; color:#443816; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .video .sec-conts .video-box {width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); position:relative; overflow:hidden; border-radius:15px 15px 15px 15px;  -webkit-box-shadow: 0px 6px 15px 0px rgba(68,56,22,0.3); box-shadow: 0px 6px 15px 0px rgba(68,56,22,0.3);}
.main .video .sec-conts .video-box iframe {width:100%; height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:10;}
.main .video .sec-conts .video-box .thumnail {width:100%; height:0; padding-bottom:calc(360 / 640 * 100%); position:absolute; left:0; top:0; z-index:11; background:#fff;}
.main .video .sec-conts .video-box .thumnail img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main .video .sec-conts .video-box .btn-play {width:100px; height:100px; border-radius:50%; background-color:#003B5D; background-image:url(/img/index/icon_play.svg); background-position:left 35px center; background-size:40% auto; background-repeat:no-repeat; font-size:0; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor:pointer; z-index:12;}
.main .video .sec-conts .slide-control span {position:absolute; width:18px; height:36px; font-size:0; cursor:pointer; display:block; z-index:11; top:50%; transform:translateY(-50%);}
.main .video .sec-conts .slide-control span:before {content:""; width:100%; height:100%; background:url(/img/index/arrow.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.main .video .sec-conts .slide-control span.next:before {transform:scaleX(-1);}
.main .video .sec-conts .slide-control span:hover:before {background-image:url(/img/index/arrow_on.svg);}
.main .video .sec-conts .slide-control span.preve {left:300px;}
.main .video .sec-conts .slide-control span.next {right:300px;}

.main .reading {background: rgb(250, 249, 246); background: -moz-linear-gradient(90deg, rgb(250, 249, 246) 40%, rgb(255, 255, 255) 100%); background: -webkit-linear-gradient(90deg, rgb(250, 249, 246) 40%, rgb(255, 255, 255) 100%); background: -o-linear-gradient(90deg, rgb(250, 249, 246) 40%, rgb(255, 255, 255) 100%); background: -ms-linear-gradient(90deg, rgb(250, 249, 246) 40%, rgb(255, 255, 255) 100%); background: linear-gradient(180deg, rgb(250, 249, 246) 40%, rgb(255, 255, 255) 100%);}
.main .reading > .inner {width:90%; border-radius:600px 600px 0 0; position:relative; background:linear-gradient(to bottom, #443816 80%, #FFFFFF); padding:1px; margin:0 auto; -webkit-box-shadow:0px 0px 15px 0px rgba(68, 56, 22, 0.16); -moz-box-shadow:0px 0px 15px 0px rgba(68, 56, 22, 0.16); box-shadow:0px 0px 15px 0px rgba(68, 56, 22, 0.16);}
.main .reading .reading-wrap {width:100%; height:100%; background:#fff; border-radius:598px 598px 0 0; padding:150px 80px;}
.main .reading .sec-conts .tab-day {width:100%; margin:0 auto; font-size:0; margin-top:-20px; text-align:center;}
.main .reading .sec-conts .tab-day li {display:inline-block; vertical-align:middle; width:50px; height:50px; box-sizing:border-box; border:1px solid #443816; border-radius:50%; background:#fff; text-align:center; font-size:20px; line-height:48px; color:#29251B; cursor:pointer; margin:0 20px; margin-top:20px;}
.main .reading .sec-conts .tab-day li:last-child {margin-right:0;}
.main .reading .sec-conts .tab-day li.on, .main .reading .sec-conts .tab-day li:hover {background:#443816; color:#fff;}
.main .reading .sec-conts .reading-conts {width:100%; max-width:590px; margin:0 auto; margin-top:130px;}
.main .reading .sec-conts .reading-conts .reading-box {text-align:right; display:none;}
.main .reading .sec-conts .reading-conts .reading-box.active {display:block;}
.main .reading .sec-conts .reading-conts .reading-box h1 {font-size:36px; font-weight:500; color:#29251B; text-align:left;}
.main .reading .sec-conts .reading-conts .reading-box dl {font-size:0; margin:60px 0 30px 0;}
.main .reading .sec-conts .reading-conts .reading-box dl > * {display:inline-block; vertical-align:top; position:relative; font-size:18px; font-weight:500; margin-top:5px; text-align:left;}
.main .reading .sec-conts .reading-conts .reading-box dl > *:nth-child(-n+2) {margin-top:0;}
.main .reading .sec-conts .reading-conts .reading-box dl dt {width:80px; color:#443816;}
/*.main .reading .sec-conts .reading-conts .reading-box dl dt:before {content:""; width:1px; height:45%; border-left:1px solid #E1DED8; position:absolute; right:8px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}*/
.main .reading .sec-conts .reading-conts .reading-box dl dd {width:calc(100% - 80px); color:#BFA872;}
.main .reading .sec-conts .reading-conts .reading-box .conts {width:100%; font-size:18px; text-align:justify; color:#443816; line-height:1.8; font-weight:300; margin-bottom:40px; letter-spacing:-0.5px;}
.main .reading .sec-conts .reading-conts .reading-box .button.more span {display:inline-block; padding-right:30px; max-width:100%; position:relative;}
.main .reading .sec-conts .reading-conts .reading-box .button.more span:after {content:""; width:20px; height:10px; background:url(/img/index/icon_more.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:calc(50% - 1px); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

.main .library {padding:150px 0; background:#F7F5EF;}
.main .library > .inner {font-size:0;}
.main .library > .inner > * {display:inline-block; vertical-align:middle;}
.main .library .lf-box {width:40%; padding-right:10px;}
.main .library .rt-box {width:60%;}
.main .library .title h1, .main .library .title .txt {text-align:left;}
.main .library .button {margin-top:60px;}
.main .library .sec-conts ul.library-slide {width:calc(100% - 100px); margin:0 auto;}
.main .library .sec-conts ul.library-slide li .img {width:100%; margin-bottom:20px;}
.main .library .sec-conts ul.library-slide li .img img {max-width:100%; display:block; margin:0 auto;}
.main .library .sec-conts ul.library-slide li span {display:block; text-align:center; font-size:20px; font-weight:500; color:#29251B;}
.main .library .sec-conts ul.library-slide .slick-arrow {width:20px; height:40px; border:none; position:absolute; top:calc(50% - 10px); font-size:0; cursor:pointer; background:url(/img/index/slide_nav_off.svg) center no-repeat; background-size:100% auto;}
.main .library .sec-conts ul.library-slide .slick-arrow.slick-prev {left:-50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .library .sec-conts ul.library-slide .slick-arrow.slick-next {right:-50px; -webkit-transform:translateY(-50%) scale(-1); -moz-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1);}
.main .library .sec-conts ul.library-slide .slick-arrow:hover {background-image:url(/img/index/slide_nav_on.svg);}
.main .library .sec-conts ul.library-slide .slick-arrow.slick-next:hover {-webkit-transform:translateY(-50%) scale(-1); -moz-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1);}

.main .book {padding:150px 0; background:#ECE8DC; overflow:hidden;}
.main .book > .inner {width:100%; max-width:1920px;}
.main .book .title {width:90%; max-width:1260px; margin-left:auto; margin-right:auto; position:relative;}
.main .book .title .arrow {width:48px; height:25px; position:absolute; top:50%; font-size:0; background:url(/img/com/arrow_off.svg) center no-repeat; background-size:100% auto; cursor:pointer}
.main .book .title .arrow.arrow-prev {left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.main .book .title .arrow.arrow-next {right:0; -webkit-transform:translateY(-50%) scaleX(-1); -moz-transform:translateY(-50%) scaleX(-1); transform:translateY(-50%) scaleX(-1);}
.main .book .title .arrow:hover {background-image:url(/img/com/arrow_on.svg);}
.main .book .title .arrow.arrow-next:hover {-webkit-transform:translateY(-50%) scaleX(-1); -moz-transform:translateY(-50%) scaleX(-1); transform:translateY(-50%) scaleX(-1);}
.main .book .sec-conts ul.book-slide li {padding-top:50px; position:relative;}
.main .book .sec-conts ul.book-slide li .conts {width:100%; max-width:315px; margin:0 auto; position:relative;}
.main .book .sec-conts ul.book-slide li .thumnail {width:100%; max-width:315px; margin:0 auto; -webkit-box-shadow: 0px 18px 18px 0px rgba(68, 56, 22, 0.16); -moz-box-shadow:0px 18px 18px 0px rgba(68, 56, 22, 0.16); box-shadow:0px 18px 18px 0px rgba(68, 56, 22, 0.16);}
.main .book .sec-conts ul.book-slide li .thumnail span {width:100%; height:0; padding-bottom:calc(459 / 315 * 100%); position:relative; display:block;}
.main .book .sec-conts ul.book-slide li .thumnail span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.main .book .sec-conts ul.book-slide .slick-list {margin:0 -60px;}
.main .book .sec-conts ul.book-slide .slick-slide {margin:0 60px; opacity:0.3;}
.main .book .sec-conts ul.book-slide .slick-slide.slick-active {opacity:1;}
.main .book .sec-conts ul.book-slide li .subject {width:100%; max-width:315px; margin:0 auto; margin-top:60px;}
.main .book .sec-conts ul.book-slide li .subject h1 {font-size:24px; font-weight:500; color:#29251B; text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .book .sec-conts ul.book-slide li .subject h2 {font-family: 'Linux Biolinum'; font-size:18px; color:#B98D26; text-align:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .book .sec-conts ul.book-slide li .subject .tag {width:100%; margin-top:20px; text-align:center; font-size:0;}
.main .book .sec-conts ul.book-slide li .subject .tag span {display:inline-block; vertical-align:middle; margin-right:5px; height:26px; box-sizing:border-box; border-radius:30px; border:1px solid #003B5D; font-size:14px; font-weight:500; color:#003B5D; line-height:24px; padding:0 10px;}
.main .book .sec-conts ul.book-slide li .subject .tag span:last-child {margin-right:0;}
.main .book .sec-conts ul.book-slide li .mark {width:100px; height:100px; position:absolute; right:-50px; top:-50px; font-size:0;}
.main .book .sec-conts ul.book-slide li .mark.best {background:url(/img/com/icon_best.svg) center no-repeat; background-size:cover;}
.main .book .sec-conts ul.book-slide .slick-list .slick-track .slick-slide:only-child {opacity:1;}
.main .book .sec-conts ul.book-slide .slick-list .slick-track .slick-slide:first-child:nth-last-child(2),
.main .book .sec-conts ul.book-slide .slick-list .slick-track .slick-slide:first-child:nth-last-child(2) ~ .slick-slide {opacity:1;}
.main .book .sec-conts ul.book-slide .slick-list .slick-track .slick-slide:first-child:nth-last-child(3),
.main .book .sec-conts ul.book-slide .slick-list .slick-track .slick-slide:first-child:nth-last-child(3) ~ .slick-slide {opacity:1;}

.main .kmats {padding:80px 0; background-color:#EEEDE9; position:relative;}
/*.main .kmats:before {content:""; width:100%; max-width:100%; height:100%; background:url(/img/index/kmats.png) right center no-repeat; background-size:auto 100%; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:0;}*/
.main .kmats .sec-conts .conts {width:100%; position:relative; z-index:10; min-height:355px; padding-top:30px;}
.main .kmats .sec-conts .conts h1 {font-family: 'Linux Biolinum'; font-size:48px; color:#443816;}
.main .kmats .sec-conts .conts h1 span{font-size:45px;font-family: 'Pretendard', sans-serif;}
.main .kmats .sec-conts .conts h1 strong{font-size:15px; font-weight:normal; display:block}
.main .kmats .sec-conts .conts .pic{position: absolute; right:0; top:0;}
.main .kmats .sec-conts .conts .txt-box {font-size:18px; line-height:1.6; color:#29251B; margin:30px 0 60px 0;}

.layer-popup {width:calc(90% - 60px); max-width:600px; position:fixed; left:calc(50% - 30px); top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:100; display:none;}
.layer-popup .btn-close {width:60px; height:60px; background:#003B5D; position:absolute; right:-60px; top:0; z-index:100; font-size:0; cursor:pointer;}
.layer-popup .btn-close:before, 
.layer-popup .btn-close:after {content:""; width:3px; height:55%; background:#ffff; border-radius:10px; position:absolute; left:29px; top:13px; z-index:100;}
.layer-popup .btn-close:before {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.layer-popup .btn-close:after {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.layer-popup > .inner {width:100%; height:60vh; max-height:760px; background:#F8F6F1; border:1px solid #707070; overflow-y:auto;}
.layer-popup .popup-conts {width:100%; height:100%; font-size:16px; line-height:1.2; width:100%;}
.layer-popup .popup-conts img {max-width:100%; display:block; margin:0 auto;}
.layer-popup .popup-conts > .wrap {width:100%; padding:50px 20px;}
.layer-popup .mCSB_inside > .mCSB_container {margin-right:5px;}

.layer-bg {width:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(41,37,27,0.8);}

.main .about {background: rgb(245, 242, 235) 40%; /*padding:130px 0;*/ height:100vh; min-height: 500px; display: flex; align-items: center}
.main .about .sec-conts {text-align:center;}
.main .about .sec-conts .conts {width:100%; font-family: 'Pretendard', sans-serif; font-size:44px; color:#443816; text-align:center; font-weight:700; margin-bottom:60px;}
.main .about .sec-conts .conts span{color:#b98d26;}
.main .about .sec-conts .btn-more {width:100px; height:40px; border:1px solid #443816; border-radius:4px; text-align:center; overflow:hidden; margin:0 auto;}
.main .about .sec-conts .btn-more a {font-family: 'Pretendard', sans-serif; font-size:16px; color:#443816; line-height:38px; display:block; width:100%; height:100%;}
.main .about .sec-conts .btn-more a:hover {color:#fff; background:#443816 }

.main .sns {background:#E5E1D5; padding:80px 0;}
.main .sns > .inner {display:flex; flex-wrap:wrap; align-items:center;}
.main .sns .title {width:50%; margin-bottom:0;}
.main .sns .title h1 {text-align:left;}
.main .sns .sec-conts {width:50%;}
.main .sns .sec-conts .sns-wrap {width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.main .sns .sec-conts .sns-wrap .sns-box {margin-left:80px; max-width:80px; width:calc((100% - 240px) / 4);}
.main .sns .sec-conts .sns-wrap .sns-box:nth-child(1) {margin-left:0;}
.main .sns .sec-conts .sns-wrap .sns-box .icon {width:100%; position:relative;}
.main .sns .sec-conts .sns-wrap .sns-box .icon:after {content:""; width:100%; height:100%; background:url(/img/index/pattern_shadow.svg) center no-repeat; background-size:cover; position:absolute; left:10px; bottom:-10px;}
.main .sns .sec-conts .sns-wrap .sns-box .icon a {display:block; width:100%; height:100%; border-radius:50%; font-size:0;}
.main .sns .sec-conts .sns-wrap .sns-box .icon span {width:100%; height:0; padding-bottom:100%; border-radius:50%; background-color:#fff; display:block; position:relative; z-index:10; background-repeat:no-repeat; background-position:center; background-size:36px auto;}
.main .sns .sec-conts .sns-wrap .sns-box.youtube .icon span {background-image:url(/img/index/icon_sns_youtube.svg);}
.main .sns .sec-conts .sns-wrap .sns-box.insta .icon span {background-image:url(/img/index/icon_sns_instar.svg);}
.main .sns .sec-conts .sns-wrap .sns-box.blog .icon span {background-image:url(/img/index/icon_sns_blog.svg);}
.main .sns .sec-conts .sns-wrap .sns-box.facebook .icon span {background-image:url(/img/index/icon_sns_facebook.svg);}
.main .sns .sec-conts .sns-wrap .sns-box em {width:100%; display:block; margin-top:25px; font-family: 'Pretendard', sans-serif; font-size:18px; font-weight:700; text-align:center;}



@media screen and (max-width: 1600px){

	.main .video .sec-conts .slick-list {margin:0 -80px;}
	.main .video .sec-conts .slick-slide {margin:0 80px;}
	.main .video .sec-conts .slide-control span.preve {left:15%;}
	.main .video .sec-conts .slide-control span.next {right:15%;}

}


@media screen and (max-width: 1280px){

	.main .book .sec-conts ul.book-slide .slick-list {margin:0 -40px;}
	.main .book .sec-conts ul.book-slide .slick-slide {margin:0 40px;}
	.main .video .sec-conts .slick-list {margin:0 -60px;}
	.main .video .sec-conts .slick-slide {margin:0 60px;}

	.main .sns .sec-conts .sns-wrap .sns-box {margin-left:40px; width:calc((100% - 120px) / 4);}

}


@media screen and (max-width: 1024px){

	.main .visual {height:820px;}	
	.main .visual .visual-conts .tlt h1 {margin:25px 0 45px 0;}
	.main .visual .visual-conts .tlt h1 span {width:298px; height:73px;}
	.main .visual .visual-conts .tlt h2 span {width:253px; height:25px;}
	.main .visual .visual-conts .tlt h2 span:before, .main .visual .visual-conts .tlt h2 span:after {width:100px;}
	.main .visual .visual-conts .tlt h2 span:before {left:-120px;}
	.main .visual .visual-conts .tlt h2 span:after {right:-120px;}
	.main .visual .visual-conts .conts {font-size:18px;}	
	.main .visual .tab ul li {height:80px; font-size:22px;}
	.main .visual .tab ul li p {font-size:22px;}
	.main .visual .tab ul li p span {padding:0 25px;}
	.main .visual .tab ul li p span:before, .main .visual .tab ul li p span:after {width:7px; height:7px;}
	.main .visual .tab ul li p em {font-size:14px;}
	.main .visual .tab ul li p i {font-size:26px;}

	.main .section .title .main-title {margin-bottom:20px; font-size:18px;}
	.main .section .title .main-title span:before,
	.main .section .title .main-title span:after {width:81px; height:18px;}
	.main .section .title .main-title span:before {left:-81px;}
	.main .section .title .main-title span:after {right:-81px;}
	.main .section .title h1 {font-size:38px;}
	.main .section .title .txt {font-size:16px;}
	.main .section .button.ty-1 a {font-size:14px;}

	.main .video {padding:120px 0;}
	.main .video .sec-conts .video-title {font-size:28px;}
	.main .video .sec-conts .video-box .btn-play {width:80px; height:80px; background-position:left 29px center;}

	.main .reading .reading-wrap {padding:120px 70px;}
	.main .reading .sec-conts .tab-day li {font-size:18px; margin:0 15px;}
	.main .reading .sec-conts .reading-conts {margin-top:100px;}
	.main .reading .sec-conts .reading-conts .reading-box h1 {font-size:32px;}
	.main .reading .sec-conts .reading-conts .reading-box dl {margin:50px 0 30px 0;}
	.main .reading .sec-conts .reading-conts .reading-box dl > * {font-size:16px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dt {width:75px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dd {width:calc(100% - 75px);}
	.main .reading .sec-conts .reading-conts .reading-box .conts {font-size:16px; letter-spacing:-1px;}	
	.main .reading .sec-conts .reading-conts .reading-box .button.more span {padding-right:20px;}
	.main .reading .sec-conts .reading-conts .reading-box .button.more span:after {width:16px;}

	.main .library {padding:120px 0;}
	.main .library .sec-conts ul.library-slide li span {font-size:18px;}

	.main .book {padding:120px 0;}
	.main .book .sec-conts ul.book-slide li {padding-top:35px;}
	.main .book .sec-conts ul.book-slide .slick-list {margin:0 -30px;}
	.main .book .sec-conts ul.book-slide .slick-slide {margin:0 30px; opacity:1;}
	.main .book .sec-conts ul.book-slide li .subject {margin-top:50px;}
	.main .book .sec-conts ul.book-slide li .subject h1 {font-size:22px;}
	.main .book .sec-conts ul.book-slide li .subject h2 {font-size:16px;}
	.main .book .sec-conts ul.book-slide li .subject .tag span {font-size:13px;}
	.main .book .sec-conts ul.book-slide li .mark {width:70px; height:70px; right:-35px; top:-35px;}

	.main .kmats {padding:70px 0;}
	.main .kmats:before {background-position:right 20% center;}
	.main .kmats .sec-conts .conts{padding-top:0}
	.main .kmats .sec-conts .conts h1 {font-size:42px;}
	.main .kmats .sec-conts .conts .txt-box {font-size:16px; margin:20px 0 50px 0;}
	.main .kmats .sec-conts .conts h1 span{font-size:33px;}
	.main .kmats .sec-conts .conts .pic{width:50%}
	.main .kmats .sec-conts .conts .pic img{width:100%}

	.main .about {padding:100px 0;}
	.main .about .sec-conts .conts {font-size:38px; margin-bottom:50px;}

	.main .sns {padding:70px 0;}
}


@media screen and (max-width: 900px){

	.main .sns .title {width:100%; margin-bottom:60px;}
	.main .sns .title h1 {text-align:center;}
	.main .sns .sec-conts {width:100%;}
	.main .sns .sec-conts .sns-wrap {justify-content:center;}

}


@media screen and (max-width: 768px){

	.main .visual {height:680px;}	
	.main .visual .visual-conts .tlt h1 {margin:20px 0 40px 0;}
	.main .visual .visual-conts .tlt h1 span {width:240px; height:59px;}
	.main .visual .visual-conts .tlt h2 span {width:223px; height:22px;}
	.main .visual .visual-conts .tlt h2 span:before, .main .visual .visual-conts .tlt h2 span:after {width:80px; height:10px;}
	.main .visual .visual-conts .tlt h2 span:before {left:-95px;}
	.main .visual .visual-conts .tlt h2 span:after {right:-95px;}
	.main .visual .visual-conts .conts {font-size:16px;}	
	.main .visual .tab ul li {height:60px; font-size:16px;}
	.main .visual .tab ul li p {font-size:16px;}
	.main .visual .tab ul li p span {padding:0 15px;}
	.main .visual .tab ul li p span:before, .main .visual .tab ul li p span:after {width:6px; height:6px;}
	.main .visual .tab ul li p em {font-size:13px;}
	.main .visual .tab ul li p i {font-size:18px;}

	.main .section .title {margin-bottom:40px;}
	.main .section .title .main-title {margin-bottom:15px; font-size:16px;}
	.main .section .title .main-title span:before,
	.main .section .title .main-title span:after {width:72px; height:16px;}
	.main .section .title .main-title span:before {left:-72px;}
	.main .section .title .main-title span:after {right:-72px;}
	.main .section .title h1 {font-size:30px;}
	.main .section .title .txt {font-size:14px; margin-top:8px;}
	.main .section .button.ty-1 a {font-size:13px;}

	.main .video {padding:80px 0;}
	.main .video .sec-conts .slick-list {margin:0 -30px;}
	.main .video .sec-conts .slick-slide {margin:0 30px;}
	.main .video .sec-conts .video-title {font-size:18px; margin-bottom:10px;}
	.main .video .sec-conts .video-box .btn-play {width:60px; height:60px; background-position:left 23px center;}
	.main .video .sec-conts .slide-control span {width:14px; height:28px;}

	.main .reading .reading-wrap {padding:80px 40px;}
	.main .reading .sec-conts .tab-day {margin-top:-10px;}
	.main .reading .sec-conts .tab-day li {font-size:16px; margin:0 10px; width:45px; height:45px; line-height:43px; margin-top:15px;}
	.main .reading .sec-conts .reading-conts {margin-top:80px;}
	.main .reading .sec-conts .reading-conts .reading-box h1 {font-size:26px;}
	.main .reading .sec-conts .reading-conts .reading-box dl {margin:40px 0 25px 0;}
	.main .reading .sec-conts .reading-conts .reading-box dl > * {font-size:14px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dt {width:68px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dd {width:calc(100% - 68px);}
	.main .reading .sec-conts .reading-conts .reading-box .conts {font-size:14px; margin-bottom:30px;}	
	.main .reading .sec-conts .reading-conts .reading-box .button.more span {padding-right:18px;}
	.main .reading .sec-conts .reading-conts .reading-box .button.more span:after {width:14px; height:8px; top:50%;}

	.main .library {padding:80px 0;}
	.main .library .lf-box {width:100%; padding-right:0;}
	.main .library .rt-box {width:100%;}
	.main .library .title {text-align:center;}
	.main .library .title h1, .main .library .title .txt {text-align:center;}
	.main .library .title h1 .br {display:inline-block;}
	.main .library .button {margin-top:40px;}
	.main .library .sec-conts ul.library-slide {width:calc(100% - 80px); margin:0 auto;}
	.main .library .sec-conts ul.library-slide li .img {margin-bottom:15px;}
	.main .library .sec-conts ul.library-slide li span {font-size:16px;}
	.main .library .sec-conts ul.library-slide .slick-arrow {width:15px; height:35px;}
	.main .library .sec-conts ul.library-slide .slick-arrow.slick-prev {left:-40px;}
	.main .library .sec-conts ul.library-slide .slick-arrow.slick-next {right:-40px;}

	.main .book {padding:80px 0;}
	.main .book .title .arrow {width:40px; height:25px;}
	.main .book .sec-conts ul.book-slide li {padding-top:30px;}
	.main .book .sec-conts ul.book-slide .slick-list {margin:0 -30px;}
	.main .book .sec-conts ul.book-slide .slick-slide {margin:0 30px;}
	.main .book .sec-conts ul.book-slide li .subject {margin-top:40px;}
	.main .book .sec-conts ul.book-slide li .subject h1 {font-size:20px;}
	.main .book .sec-conts ul.book-slide li .subject h2 {font-size:14px;}
	.main .book .sec-conts ul.book-slide li .subject .tag {margin-top:15px;}
	.main .book .sec-conts ul.book-slide li .subject .tag span {font-size:12px; height:24px; line-height:22px;}
	.main .book .sec-conts ul.book-slide li .mark {width:60px; height:60px; right:-30px; top:-30px;}

	.main .kmats {padding:0 0 0 0;}
	.main .kmats:before {height:350px; top:auto; bottom:0; background-position:right center;}
	.main .kmats .sec-conts .conts {padding:60px 0; width:100%;}
	.main .kmats .sec-conts .conts h1 {font-size:36px;}
	.main .kmats .sec-conts .conts .txt-box {font-size:14px; margin:15px 0 40px 0;}
	.main .kmats .sec-conts .conts .txt-box br{ display:none}
	.main .kmats .sec-conts .conts .txt-box .br{ display:none}
	.main .kmats .sec-conts .conts .pic{ position:static; width:100%; padding-top:20px;}
	.main .kmats .sec-conts .conts .pic img{width:100%}

	.layer-popup {width:calc(90% - 50px); left:calc(50% - 25px);}
	.layer-popup .btn-close {width:50px; height:50px; right:-50px;}
	.layer-popup .btn-close:before, 
	.layer-popup .btn-close:after {width:3px; height:55%; left:24px; top:11px;}
	.layer-popup .popup-conts {font-size:14px;}
	.layer-popup .popup-conts > .wrap {padding:40px 20px;}

	.main .about {padding:80px 0;}
	.main .about .sec-conts .conts {font-size:30px; margin-bottom:40px;}
	.main .about .sec-conts .btn-more {width:90px; height:36px;}
	.main .about .sec-conts .btn-more a {font-size:15px; line-height:34px;}

	.main .sns {padding:60px 0;}
	.main .sns .title {margin-bottom:40px;}
	.main .sns .sec-conts .sns-wrap .sns-box {max-width:70px;}
	.main .sns .sec-conts .sns-wrap .sns-box .icon span {background-size:28px auto;}
	.main .sns .sec-conts .sns-wrap .sns-box em {font-size:16px;}

}


@media screen and (max-width: 600px){

	.main .video .sec-conts .slick-list {margin:0 -30px;}
	.main .video .sec-conts .slick-slide {margin:0 30px;}

	.main .book .sec-conts ul.book-slide .slick-slide {opacity:0.3;}

	.main .about .sec-conts .conts {font-size:24px;}

}


@media screen and (max-width: 480px){

	.main .visual {height:100vh; max-height:600px; min-height:400px;}
	.main .visual .visual-conts .tlt h1 {margin:15px 0 30px 0;}
	.main .visual .visual-conts .tlt h1 span {width:192px; height:47px;}
	.main .visual .visual-conts .tlt h2 span {width:182px; height:18px;}
	.main .visual .visual-conts .tlt h2 span:before, .main .visual .visual-conts .tlt h2 span:after {width:60px; height:10px;}
	.main .visual .visual-conts .tlt h2 span:before {left:-65px;}
	.main .visual .visual-conts .tlt h2 span:after {right:-65px;}
	.main .visual .visual-conts .conts {font-size:14px;}	
	.main .visual .tab ul li {height:50px; font-size:13px;}
	.main .visual .tab ul li p {font-size:13px;}
	.main .visual .tab ul li p span {padding:0 10px;}
	.main .visual .tab ul li p span:before, .main .visual .tab ul li p span:after {width:4px; height:4px;}
	.main .visual .tab ul li p em {font-size:11px;}
	.main .visual .tab ul li p i {font-size:15px;}

	.main .section .title {margin-bottom:30px;}
	.main .section .title .main-title {margin-bottom:10px; font-size:14px;}
	.main .section .title .main-title span {padding:0 8px;}
	.main .section .title .main-title span:before,
	.main .section .title .main-title span:after {width:63px; height:14px;}
	.main .section .title .main-title span:before {left:-63px;}
	.main .section .title .main-title span:after {right:-63px;}
	.main .section .title h1 {font-size:24px;}
	.main .section .title .txt {font-size:13px; margin-top:5px;}
	.main .section .button.ty-1 {height:40px;}
	.main .section .button.ty-1 a {font-size:12px; line-height:40px;}

	.main .video {padding:60px 0;}
	.main .video .sec-conts .slick-list {margin:0 -20px;}
	.main .video .sec-conts .slick-slide {margin:0 20px;}
	.main .video .sec-conts .video-title {font-size:16px;}
	.main .video .sec-conts .video-box {border-radius:10px 10px 10px 10px;}
	.main .video .sec-conts .video-box .btn-play {width:50px; height:50px; background-position:left 18px center;}
	.main .video .sec-conts .slide-control span {width:11px; height:22px;}
	.main .video .sec-conts .slide-control span.preve {left:13%;}
	.main .video .sec-conts .slide-control span.next {right:13%;}

	.main .reading .reading-wrap {padding:60px 30px;}
	.main .reading .sec-conts .tab-day {margin-top:-10px;}
	.main .reading .sec-conts .tab-day li {font-size:14px; width:40px; height:40px; line-height:38px; margin:0 5px; margin-top:10px;}
	.main .reading .sec-conts .reading-conts {margin-top:50px;}
	.main .reading .sec-conts .reading-conts .reading-box h1 {font-size:22px;}
	.main .reading .sec-conts .reading-conts .reading-box dl {margin:30px 0 15px 0;}
	.main .reading .sec-conts .reading-conts .reading-box dl > * {font-size:13px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dt {width:60px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dt:before {right:5px;}
	.main .reading .sec-conts .reading-conts .reading-box dl dd {width:calc(100% - 60px);}
	.main .reading .sec-conts .reading-conts .reading-box .conts {font-size:13px; margin-bottom:20px;}	
	.main .reading .sec-conts .reading-conts .reading-box .button.more span {padding-right:15px;}
	.main .reading .sec-conts .reading-conts .reading-box .button.more span:after {width:12px; top:calc(50% - 1px);}

	.main .library {padding:60px 0;}
	.main .library .button {margin-top:30px;}
	.main .library .sec-conts ul.library-slide {width:calc(100% - 60px);}
	.main .library .sec-conts ul.library-slide li .img {margin-bottom:10px;}
	.main .library .sec-conts ul.library-slide li span {font-size:14px;}
	.main .library .sec-conts ul.library-slide .slick-arrow.slick-prev {left:-30px;}
	.main .library .sec-conts ul.library-slide .slick-arrow.slick-next {right:-30px;}

	.main .book {padding:60px 0;}
	.main .book .title .arrow {width:30px; height:18px;}
	.main .book .sec-conts ul.book-slide li {padding-top:20px;}
	.main .book .sec-conts ul.book-slide .slick-list {margin:0 -20px;}
	.main .book .sec-conts ul.book-slide .slick-slide {margin:0 20px;}
	.main .book .sec-conts ul.book-slide li .subject {margin-top:30px;}
	.main .book .sec-conts ul.book-slide li .subject h1 {font-size:18px;}
	.main .book .sec-conts ul.book-slide li .subject h2 {font-size:13px;}
	.main .book .sec-conts ul.book-slide li .subject .tag {margin-top:10px;}
	.main .book .sec-conts ul.book-slide li .subject .tag span {font-size:11px; padding:0 8px;}
	.main .book .sec-conts ul.book-slide li .mark {width:40px; height:40px; right:-20px; top:-20px;}

	.main .kmats {padding:0 0 0 0;}
	.main .kmats:before {height:250px;}
	.main .kmats .sec-conts .conts {padding:50px 0 30px 0;}
	.main .kmats .sec-conts .conts h1 {font-size:32px;}
	.main .kmats .sec-conts .conts .txt-box {font-size:13px; margin:10px 0 30px 0;}
	.main .kmats .sec-conts .conts .txt-box .br {display:inline-block;}

	.layer-popup {width:90%; left:50%;}
	.layer-popup .btn-close {width:40px; height:40px; right:0; top:-40px;}
	.layer-popup .btn-close:before, 
	.layer-popup .btn-close:after {width:2px; left:19px; top:8px;}
	.layer-popup .popup-conts {font-size:13px;}
	.layer-popup .popup-conts > .wrap {padding:30px 15px;}

	.main .about {padding:60px 0;}
	.main .about .sec-conts .conts {font-size:18px; margin-bottom:30px;}
	.main .about .sec-conts .btn-more {width:80px;}
	.main .about .sec-conts .btn-more a {font-size:13px;}

	.main .sns {padding:40px 0;}
	.main .sns .title {margin-bottom:30px;}
	.main .sns .sec-conts .sns-wrap .sns-box {max-width:60px; margin-left:25px; width:calc((100% - 75px) / 4);}
	.main .sns .sec-conts .sns-wrap .sns-box .icon:after {left:7px; bottom:-7px;}
	.main .sns .sec-conts .sns-wrap .sns-box .icon span {background-size:20px auto;}
	.main .sns .sec-conts .sns-wrap .sns-box em {font-size:13px; margin-top:18px;}

}