@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("button.css");
@import url("layout.css");

@import url(/oasis/include/css/SpoqaHanSans-kr.css);


body {color:#222; letter-spacing:-0.025em;}
.main * {box-sizing:border-box;}
.tp {background:#fff; color:#222 !important;}
.tp::placeholder {color:#595959;}
.tp_select {background: transparent url("/oasis/include/image/common/arr_select.png") calc(100% + -20px) 50% no-repeat; color:#fff;}
.tp, .tp_select {font-size:1.118em !important; border:none;}
.tp, .tp_input {letter-spacing:-0.045em;}
select.tp_select {width:100%; height:100%;}
select.tp_select option {color:#222;}
input.tp {border:none; width:100%; height:100%;}
a.tp {height:100%; display:flex; align-items:center; justify-content:center;}
.select_box, .input_box, .btn_box {height:64px; position:relative; box-sizing:border-box;}
.btn_box {margin-left:5px;}
.select_box {width:155px;}
.input_box {width:100%; max-width:700px;}
.btn_box {width:155px;}


/* SNS 소통마당 */
.libraryList .snsArea{background:#efefef;padding:30px 50px;position: relative;}
.libraryList .snsArea .thum .cover{border-radius:5px;padding-top:55%;position:relative;display: block;padding-top:70%;overflow: hidden;}
.libraryList .snsArea .thum img{position:absolute;left:0;top:0;width:100%;height:100%;}
.libraryList .snsArea .txt{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.libraryList .snsArea .snsGroup{position: absolute;right:50px;top:30px}
.snsGroup .icoSns{display:inline-block;width:40px;height:40px;background:url("/oasis/include/image/main/ico_sns_main.png") no-repeat 0 0;background-size:100%;transform: rotate(0.033222deg);}
.snsGroup .icoSns.youtube{background-position:0 0;}/* 유튜브 */
.snsGroup .icoSns.facebook{background-position:0 -40px;}/* 페이스북 */
.snsGroup .icoSns.kakaotalk{background-position:0 -80px;}/* 카카오톡 */


/* 공지사항 */
.noticeZone {overflow: hidden; position: relative;}
.noticeZone .more {right: 0; top: -25px;}
.noticeZone .tab > li {float: left; position: relative; z-index: 1;}
.noticeZone .tab > li a {display: block; font-size: 1.471em; line-height: 1; font-weight: 500; color: #888; padding: 0 28px; }
.boardListWrap {position: relative; padding: 19px 26px 0;}
.boardListWrap ul li {position: relative; padding-left: 100px;}
.boardListWrap ul li + li {margin-top:10px;}
.boardListWrap ul li.nodata {padding-right: 0; line-height: 200px; text-align: center;}
.boardListWrap ul li .lib{position:absolute;left:0;top:0;border:1px solid #999;color:#777;width:60px;height:48px;line-height:48px; text-align: center;}
.boardListWrap ul a {display: block; font-size: 1.063em; line-height: 28px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.boardListWrap ul li .date {color: #888;}


/* section */
.section {position:relative;}
.sectionGroup {position:relative; max-width:1400px; margin:0 auto;}

/* section01 */
#section01 {height:460px; background:url("/oasis/include/image/main/main_bg.jpg") no-repeat 0 0; background-size:cover;}
#section01 .sectionGroup .main_search_box {display:flex; justify-content:space-between; padding-top:115px;}
#section01 .sectionGroup .main_search_box .title_box {text-align:left; letter-spacing:-0.09em; word-break:keep-all;}
#section01 .sectionGroup .main_search_box .title_box h2 {font-size:1.97em; color:#c7d0e9; line-height:1; margin-bottom:5px;}
#section01 .sectionGroup .main_search_box .title_box p.subtitle {color:#fff; font-size:28px; font-weight:500;}
#section01 .sectionGroup .main_search_box .title_box p {font-size:1.118em; color:#cfd1de;}
#section01 .sectionGroup .main_search_box .search_box {display:flex; margin-top:42px;}
#section01 .sectionGroup .main_search_box .search_box .select_box {margin-right:5px;}
#section01 .sectionGroup .main_search_box .search_box .select_box select {height:100%; border:none; border-radius:0; font-size:1.118em; background: #fff url("/oasis/include/image/common/arr_select_main.png") calc(100% - 15px) 50% no-repeat;}
#section01 .sectionGroup .main_search_box .mainSearchArea {width:880px; max-width:880px; box-sizing:border-box;}
#section01 .sectionGroup .main_search_box .mainSearchArea .input_box {width:715px;}
#section01 .sectionGroup .main_search_box .mainSearchArea .input_box a.search {width:27px; height:27px; background:url("/oasis/include/image/search/ico_search_gray.png") no-repeat; position:absolute; right:25px; top:50%; transform:translateY(-50%);}
#section01 .sectionGroup .main_search_box .mainSearchArea .btn_box a {background-color:#0750bf; color:#fff !important;}
#section01 .sectionGroup .countArea {width:450px;}
#section01 .sectionGroup .count_box {position:relative; z-index:10;}
#section01 .sectionGroup .count_box ul {display:flex; flex-wrap:wrap;}
#section01 .sectionGroup .count_box ul li {position:relative; width:220px; height:105px; background-color:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; margin-right:10px; margin-bottom:10px;}
#section01 .sectionGroup .count_box ul li:nth-child(2n) {margin-right:0;}
#section01 .sectionGroup .count_box ul li .text_box {position:relative; padding-left:65px;}
#section01 .sectionGroup .count_box ul li .text_box:after {display:block; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#section01 .sectionGroup .count_box ul li:nth-child(1) .text_box:after {background:url('/oasis/include/image/main/count_img_01.png') no-repeat; width:41px; height:41px;}
#section01 .sectionGroup .count_box ul li:nth-child(2) .text_box:after {background:url('/oasis/include/image/main/count_img_02.png') no-repeat; width:39px; height:41px;}
#section01 .sectionGroup .count_box ul li:nth-child(3) .text_box:after {background:url('/oasis/include/image/main/count_img_03.png') no-repeat; width:41px; height:39px;}
#section01 .sectionGroup .count_box ul li:nth-child(4) .text_box:after {background:url('/oasis/include/image/main/count_img_04.png') no-repeat; width:39px; height:39px;}
#section01 .sectionGroup .count_box ul li .text_box p {line-height:1; font-size:1.059em; color:#fff;}
#section01 .sectionGroup .count_box ul li .text_box span {display:block; font-family: 'GmarketSansMedium', 'Sans-serif'; font-size:1.118em; line-height:1; color:#aaacbb; margin-top:10px;}
#section01 .sectionGroup .count_box p.date {text-align:right; font-size:0.941em; color:#717489;}
#section01 .sectionGroup .count_box p.date span {font-family: 'GmarketSansMedium', 'Sans-serif'; font-size:0.938em; position:relative; top:-2px;}

/* section02 */
#section02 {background-color:#f6f8ff;}
#section02 .sectionGroup {position:relative; padding:40px 0 90px 0;}
#section02 .sectionGroup .collection_title {position:relative; text-align:left; z-index:1;}
#section02 .sectionGroup .collection_title h3 {font-size:2.118em; font-weight:500;}
#section02 .sectionGroup .collection_title h3 strong {font-weight:500;}
#section02 .sectionGroup .collection_title p {font-size:1.250em; margin-top:15px; margin-bottom:60px;}
#section02 .sectionGroup .collection_title .more {position:absolute; right:100px; top:10px;}
#section02 .sectionGroup .slider_wrap {position:relative; box-shadow: 0px 3px 46px 0px rgba(26, 84, 156, 0.15); background-color:#e8eefb;}
#section02 .sectionGroup .collection_slider {overflow:hidden; padding-top:30px;}
#section02 .sectionGroup .collection_slider ul {display:flex; justify-content:space-between;}
#section02 .sectionGroup .collection_slider ul li {position:relative; bottom:0; transition:bottom .5s; background-color:#fff; border:2px solid #fff; text-align:center; box-sizing:border-box;}
#section02 .sectionGroup .collection_slider ul li a {position:relative; display:block; padding:18px;}
#section02 .sectionGroup .collection_slider ul li a .img_box {position:relative; width:100%; overflow:hidden; padding-top:62.71186440677966%;}
#section02 .sectionGroup .collection_slider ul li a .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; height:auto; max-height:none !important; min-height:100%;}
#section02 .sectionGroup .collection_slider ul li a .text_box {margin-top:20px;}
#section02 .sectionGroup .collection_slider ul li a .text_box p.title {display:table; table-layout:fixed; width:100%;}
#section02 .sectionGroup .collection_slider ul li a .text_box p.title span {display:block; font-size:1.353em; line-height:1; font-weight:500; text-overflow:ellipsis; display:table-cell; white-space:nowrap; overflow:hidden;}
#section02 .sectionGroup .collection_slider ul li a .text_box .text {line-height:1.4em; height:2.8em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#555; margin:20px 0 25px 0; padding:0 3px;}
#section02 .sectionGroup .collection_slider ul li a .text_box .count {margin-bottom:15px;}
#section02 .sectionGroup .collection_slider ul li a .text_box .count span {color:#de3232; margin-right:4px;}
#section02 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {right:42px; top:10px; position:absolute; background-image:url('/oasis/include/image/button/swiper_prev.jpg'); width:42px; height:42px; background-size:42px 42px;}
#section02 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:0; top:10px; position:absolute;background-image:url('/oasis/include/image/button/swiper_next.jpg'); width:42px; height:42px; background-size:42px 42px;}

#section02 .sectionGroup .collection_slider ul li:hover {border:2px solid #000; position:relative; bottom:10px; transition:bottom .5s;}

.swiper-pagination {display: none;}

/* section03 */
#section03:before {display:block; content:''; width:100%; height:2px; background-color:#ececec; position:absolute; left:0; top:135px; z-index:-1;}
#section03 .sectionGroup {padding:30px 0 0px 0; min-height:500px;}
#section03 .sectionGroup .archive_title {text-align:left; position:relative; margin-bottom:25px;}
#section03 .sectionGroup .archive_title h3 {font-size:2.235em; font-weight:500;}
#section03 .sectionGroup .archive_title h3 strong {font-weight:500;}
#section03 .sectionGroup .archive_title p {font-size:1.250em; margin-top:15px;}
#section03 .sectionGroup .archive_title .more {right:0;}
/*#section03 .sectionGroup .archive_tab ul {display:flex; justify-content:center; margin-top:40px;}
#section03 .sectionGroup .archive_tab ul li {background-color:#f2f4fb; color:#555; margin-right:5px;}
#section03 .sectionGroup .archive_tab ul li:hover {background-color:#e8ebf5;}
#section03 .sectionGroup .archive_tab ul li.active {background-color:#0650bf; color:#fff;}*/
#section03 .sectionGroup .tab-wrapper {position:absolute; left:105px; display:flex; width:calc(100% - 15%); margin:0 auto; justify-content:space-around;}
#section03 .sectionGroup .tab-wrapper .tab {height:40px; line-height:40px; padding:0 25px; border:1px solid #ececec; background-color:#fff; color:#636363; border-radius:20px; cursor:pointer; z-index:10;}
#section03 .sectionGroup .tab-wrapper .tab.on {border:1px solid #0650bf; background-color:#0650bf; color:#fff;}
#section03 .sectionGroup .slider_wrap {position:relative;}
#section03 .sectionGroup .tab-contents .transimg_left {position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10;}
#section03 .sectionGroup .tab-contents .transimg_right {position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:10;}
#section03 .sectionGroup .archive_slider {padding:50px 0 80px 0;}
#section03 .sectionGroup .archive_slider ul {display:flex; margin-top:30px;}
#section03 .sectionGroup .archive_slider ul li {position:relative; bottom:0; transition:bottom .5s; width:calc(33.333% - 25px); border:2px solid #fff; background-color:#fff; text-align:center; box-shadow: 0px 3px 46px 0px rgba(26, 84, 156, 0.15); box-sizing:border-box;}
#section03 .sectionGroup .archive_slider ul li a {position:relative; display:block; padding:20px;}
#section03 .sectionGroup .archive_slider ul li a .img_box {position:relative; width:100%; overflow:hidden; padding-top:65.45454545%;}
#section03 .sectionGroup .archive_slider ul li a .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; height:auto; max-height:none !important; min-height:100%;}
#section03 .sectionGroup .archive_slider ul li a .text_box {margin-top:30px;}
#section03 .sectionGroup .archive_slider ul li a .text_box p.title {display:table; table-layout:fixed; width:100%;}
#section03 .sectionGroup .archive_slider ul li a .text_box p.title span {display:block; font-size:1.176em; margin-top:40px; line-height:1; font-weight:500; text-overflow:ellipsis; display:table-cell; white-space:nowrap; overflow:hidden;}
#section03 .sectionGroup .archive_slider ul li a .text_box .text {line-height:1.4em; height:2.8em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:1em; color:#555; margin:20px 0 25px 0; padding:0;}
#section03 .sectionGroup .archive_slider ul li a .text_box .count {margin-bottom:15px;}
#section03 .sectionGroup .archive_slider ul li a .text_box .count span {color:#de3232; margin-right:4px;}
#section03 .sectionGroup .archive_slider ul li a .img_box {position:relative;}
#section03 .sectionGroup .archive_slider ul li a .img_box span.marker {display:flex; justify-content:center; align-items:center; min-width:70px; height:34px; position:absolute; right:0; bottom:0; background-color:#1f1f1f; color:#fff; font-size:0.941em; padding:0 10px;}
#section03 .sectionGroup .archive_slider ul li a .img_box span.marker.mint {background-color:#24899f;}
#section03 .sectionGroup .archive_slider ul li a .img_box span.marker.red {background-color:#bc4444;}
#section03 .sectionGroup .archive_slider ul li a .img_box span.marker.purple {background-color:#4642a3;}
#section03 .sectionGroup .archive_slider ul li a .img_box span.marker.dark {background-color:#1f1f1f;}

#section03 .sectionGroup .archive_slider ul li:hover {border:2px solid #000; position:relative; bottom:10px; transition:bottom .5s;}
#section03 .leftArrow a {left:0; top:0; position:absolute; background-image:url('/oasis/include/image/button/archive_swiper_prev.png'); width:44px; height:44px; background-size:44px 44px; z-index:15;}
#section03 .rightArrow a {right:0; top:0; position:absolute;background-image:url('/oasis/include/image/button/archive_swiper_next.png'); width:44px; height:44px; background-size:44px 44px; z-index:15;}

#section03 .YearSwiper {position:absolute; left:105px; display:flex; width:calc(100% - 15%); margin:0 auto; justify-content:space-around; z-index:11; overflow:hidden;}
#section03 .YearSwiper .tab {height:40px; line-height:40px; border:1px solid #ececec; background-color:#fff; color:#636363; border-radius:20px; cursor:pointer; z-index:10; text-align:center;}
#section03 .YearSwiper .tab.on {border:1px solid #0650bf; background-color:#0650bf; color:#fff;}
#section03 .YearBtnGroup {position:relative;}
#section03 .swiper-button-prev {left:0; top:0; position:absolute; background-image:url('/oasis/include/image/button/archive_swiper_prev.png'); width:44px; height:44px; background-size:44px 44px; z-index:15;}
#section03 .swiper-button-next {right:0; top:0; position:absolute;background-image:url('/oasis/include/image/button/archive_swiper_next.png'); width:44px; height:44px; background-size:44px 44px; z-index:15;}

/* section04 */
#section04 {background-color:#f6f8ff;}
#section04 .sectionGroup {position:relative; padding:40px 0 90px 0;}
#section04 .sectionGroup .website_title {position:relative; text-align:left; z-index:1;}
#section04 .sectionGroup .website_title h3 {font-size:2.118em; font-weight:500;}
#section04 .sectionGroup .website_title h3 strong {font-weight:500;}
#section04 .sectionGroup .website_title p {font-size:1.250em; margin-top:15px; margin-bottom:60px;}
#section04 .sectionGroup .website_title .more {position:absolute; right:100px; top:10px;}
#section04 .sectionGroup .slider_wrap {position:relative; box-shadow: 0px 3px 46px 0px rgba(26, 84, 156, 0.15); background-color:#e8eefb;}
#section04 .sectionGroup .website_slider {overflow:hidden; padding-top:30px;}
#section04 .sectionGroup .website_slider ul {display:flex; justify-content:space-between;}
#section04 .sectionGroup .website_slider ul li {position:relative; bottom:0; transition:bottom .5s; background-color:#fff; border:2px solid #fff; text-align:center; box-sizing:border-box;}
#section04 .sectionGroup .website_slider ul li a {position:relative; display:block; padding:18px;}
#section04 .sectionGroup .website_slider ul li a .img_box {position:relative; width:100%; overflow:hidden; padding-top:62.71186440677966%;}
#section04 .sectionGroup .website_slider ul li a .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; height:auto; max-height:none !important; min-height:100%;}
#section04 .sectionGroup .website_slider ul li a .text_box {margin-top:20px;}
#section04 .sectionGroup .website_slider ul li a .text_box p.title {display:table; table-layout:fixed; width:100%;}
#section04 .sectionGroup .website_slider ul li a .text_box p.title span {display:block; font-size:1.353em; line-height:1; font-weight:500; text-overflow:ellipsis; display:table-cell; white-space:nowrap; overflow:hidden;}
#section04 .sectionGroup .website_slider ul li a .text_box .text {line-height:1.4em; height:1.4em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color:#555; margin:20px 0 25px 0; padding:0 3px;}
#section04 .sectionGroup .website_slider ul li a .text_box .count {margin-bottom:15px;}
#section04 .sectionGroup .website_slider ul li a .text_box .count span {color:#de3232; margin-left:4px;}
#section04 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {right:42px; top:10px; position:absolute; background-image:url('/oasis/include/image/button/swiper_prev.jpg'); width:42px; height:42px; background-size:42px 42px;}
#section04 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:0; top:10px; position:absolute;background-image:url('/oasis/include/image/button/swiper_next.jpg'); width:42px; height:42px; background-size:42px 42px;}

#section04 .sectionGroup .website_slider ul li:hover {border:2px solid #000; position:relative; bottom:10px; transition:bottom .5s;}

.swiper-pagination {display: none;}

/* section05 */
#section05 .sectionGroup .twitter_wrap {display:flex; padding:85px 0;}
#section05 .sectionGroup .twitter_wrap .title_box {width:380px;}
#section05 .sectionGroup .twitter_wrap .title_box > span {font-size:1.176em; color:#30a3d1; margin-left:10px;}
#section05 .sectionGroup .twitter_wrap .title_box h3 {font-size:2.118em; line-height:56px; font-weight:500;}
#section05 .sectionGroup .twitter_wrap .title_box h3 span {color:#0650bf;}
#section05 .sectionGroup .twitter_wrap .title_box p {width:340px; font-size:1.125em;}
#section05 .sectionGroup .twitter_wrap .title_box .optionBox {position:relative; margin-top:50px;}
#section05 .sectionGroup .twitter_wrap .title_box .optionBox .more {padding-right:50px; position:relative; right:0; top:0;}
#section05 .sectionGroup .twitter_wrap .title_box .optionBox .more a span {position:relative; padding-left:10px;}
#section05 .sectionGroup .twitter_wrap .title_box .optionBox .more a span:before {display:block; content:''; width:12px; height:12px; background: url("/oasis/include/image/common/ico_more.png") no-repeat; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#section05 .sectionGroup .twitter_wrap .slider_wrap {width:calc(100% - 380px); position:relative;}
#section05 .sectionGroup .twitter_wrap .content_wrap a {display:block; margin:0 auto;}
#section05 .sectionGroup .twitter_slider {overflow:hidden;}
#section05 .sectionGroup .twitter_slider ul {display:flex; justify-content:space-between;}
#section05 .sectionGroup .twitter_slider ul li {position:relative; display:block; text-align:center; box-sizing:border-box; display:flex; justify-content:center;}
#section05 .sectionGroup .twitter_slider ul li .img_box {width:120px; min-width:120px; height:120px; min-height:120px; display:inline-flex; justify-content:center; align-items:center; background-color:#fff; border:2px solid #fff; overflow:hidden; box-shadow:0px 10px 10px 0px rgb(0 0 0 / 9%)}
#section05 .sectionGroup .twitter_slider ul li .text_box {width:100%; max-width:153px;}
#section05 .sectionGroup .twitter_slider ul li .text_box span.title {display:block; font-size:1em; line-height:1; margin:15px 0 8px 0;}
#section05 .sectionGroup .twitter_slider ul li .text_box .count span {color:#de3232; margin-right:4px;}
#section05 .twit-prev, .swiper-container-rtl .twit-next {position:absolute; left:110px; top:0; background-image:url('/oasis/include/image/button/swiper_prev.jpg'); width:42px; height:42px; background-size:42px 42px; cursor:pointer;}
#section05 .twit-next, .swiper-container-rtl .twit-prev {position:absolute; left:152px; top:0; background-image:url('/oasis/include/image/button/swiper_next.jpg'); width:42px; height:42px; background-size:42px 42px; cursor:pointer;}
#section05 .twit-next.swiper-button-disabled,
#section05 .twit-prev.swiper-button-disabled {opacity:.35; cursor:auto;}

#section05 .sectionGroup .twitter_slider ul li a:hover .img_box {border:2px solid #000;}



/****** 미디어쿼리 시작 ******/
@media screen and (max-width:1800px){

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

}

@media screen and (max-width:1520px){
	#section01 .sectionGroup .main_search_box .mainSearchArea {width:100%;}

}

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

}

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



}

/******** 모바일 퍼스트 ********/
@media screen and (max-width: 1079px){
	.select_box, .input_box, .btn_box {height:40px;}
	.sectionGroup {width:100%; max-width:100%; padding:20px !important; box-sizing:border-box;}

	/* section common */
	#section02 .sectionGroup .collection_title h3,
	#section03 .sectionGroup .archive_title h3,
	#section04 .sectionGroup .twitter_wrap .title_box h3 {font-size:1.8em;}


	/* section01 */
	#section01 {height:100%;}
	#section01 .sectionGroup .main_search_box {flex-wrap:wrap; padding-top:0; justify-content:center;}
	#section01 .sectionGroup .main_search_box .title_box h2 {line-height:1.2; text-align:center; margin-top:20px;}
	#section01 .sectionGroup .main_search_box .title_box p {margin:0; text-align:center;}
	#section01 .sectionGroup .main_search_box .title_box p.subtitle {line-height:1.2; margin:10px 0;}
	#section01 .sectionGroup .main_search_box .mainSearchArea {width:100%; min-width:100%;}
	#section01 .sectionGroup .main_search_box .mainSearchArea .input_box {width:100%; max-width:100%; margin:8px 0;}
	#section01 .sectionGroup .main_search_box .search_box {justify-content:center; flex-wrap:wrap; margin-top:20px;}
	#section01 .sectionGroup .main_search_box .search_box .select_box {width:100%; max-width:100%; margin-right:0;}
	#section01 .btn_box {width:100%; margin-left:0;}
	#section01 .sectionGroup .countArea {width:100%; margin-top:10px;}
	#section01 .sectionGroup .count_box ul li {height:80px; width:calc(50% - 5px);}


	/* section02 */
	#section02 {padding-bottom:40px;}
	#section02 .sectionGroup .collection_slider ul li:hover {border:2px solid #fff; transition:none; bottom:0; transform:none;}
	#section02 .sectionGroup .collection_slider ul li a {padding:15px;}
	#section02 .sectionGroup .collection_slider ul li a .text_box h3 {margin-top:15px; width:100%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
	#section02 .sectionGroup .collection_slider ul li a .text_box .text {margin:15px 0 10px 0;}
	#section02 .sectionGroup .collection_slider ul li a .text_box .count {margin-bottom:0;}
	#section02 .sectionGroup .collection_title .more {top:4px; right:0;}
	#section02 .swiper-button-prev,
	#section02 .swiper-button-next {width:35px; height:35px; background-size:35px; top:0; display:none}
	#section02 .swiper-button-prev {right:35px;}

	.swiper-pagination,
	.swiper-pagination-twit {display:flex; justify-content: center;position: absolute !important; bottom:-40px; width: 100% !important;}
	.swiper-pagination-bullet {width: 8px !important;height: 8px !important; text-align: center; line-height: 20px !important; font-size: 12px; opacity: 1; border-radius: 100%; background: rgba(0, 0, 0, 0.2);margin: 3px; cursor: pointer; transition:all .3s;}
	.swiper-pagination-bullet-active {background: #0650bf; transform: scale(1); width:25px !important; border-radius:7px; transition:all .3s;}


	/* section03 */
	#section03:before {top:114px;}
	#section03 .sectionGroup .archive_title .more {top:3px;}
	#section03 .sectionGroup .archive_slider {padding:0 0 30px 0;}
	#section03 .sectionGroup .archive_slider ul li {width:100%; margin-bottom:20px;}
	#section03 .sectionGroup .archive_slider ul li:hover {border:2px solid #fff; transition:none; bottom:0; transform:none;}
	#section03 .sectionGroup .archive_slider ul li:last-child {margin-bottom:0;}
	#section03 .sectionGroup .archive_slider ul li a {padding:15px;}
	#section03 .sectionGroup .archive_slider ul li a .text_box h3 {margin-top:25px;}
	#section03 .sectionGroup .archive_slider ul li a .text_box .text {margin:20px 0 15px 0;}
	#section03 .sectionGroup .archive_slider ul li a .text_box .count {margin-bottom:10px;}
	#section03 .sectionGroup .archive_slider ul li a .img_box:after {width:100%;}
	#section03 .sectionGroup .tab-wrapper {position:relative; width:100%; overflow-x:scroll; padding-bottom:5px; justify-content:flex-start; left:50%; transform:translateX(-50%);}
	#section03 .sectionGroup .tab-wrapper .tab {height:35px; line-height:35px; padding:0 15px; margin:0 5px 5px 0;}
	#section03 .leftArrow,
	#section03 .rightArrow {display:none;}
	#section03 .swiper-pagination {bottom:5px;}
	#section03 .YearSwiper {position:relative; width:calc(100% - 125px); left:0;}
	#section03 .YearBtnGroup {position:relative; bottom:42px;}

	/* section04 */
	#section04 {padding-bottom:40px;}
	#section04 .sectionGroup .website_slider ul li:hover {border:2px solid #fff; transition:none; bottom:0; transform:none;}
	#section04 .sectionGroup .website_slider ul li a {padding:15px;}
	#section04 .sectionGroup .website_slider ul li a .text_box h3 {margin-top:15px; width:100%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
	#section04 .sectionGroup .website_slider ul li a .text_box .text {margin:15px 0 10px 0;}
	#section04 .sectionGroup .website_slider ul li a .text_box .count {margin-bottom:0;}
	#section04 .sectionGroup .website_title .more {top:4px; right:0;}
	#section04 .swiper-button-prev,
	#section04 .swiper-button-next {width:35px; height:35px; background-size:35px; top:0; display:none}
	#section04 .swiper-button-prev {right:35px;}

	.swiper-pagination,
	.swiper-pagination-twit {display:flex; justify-content: center;position: absolute !important; bottom:-40px; width: 100% !important;}
	.swiper-pagination-bullet {width: 8px !important;height: 8px !important; text-align: center; line-height: 20px !important; font-size: 12px; opacity: 1; border-radius: 100%; background: rgba(0, 0, 0, 0.2);margin: 3px; cursor: pointer; transition:all .3s;}
	.swiper-pagination-bullet-active {background: #0650bf; transform: scale(1); width:25px !important; border-radius:7px; transition:all .3s;}

	/* section05 */
	#section05 {padding-bottom:40px;}
	#section05 .sectionGroup .twitter_wrap {flex-wrap:wrap; padding:0;}
	#section05 .sectionGroup .twitter_wrap .title_box {position:relative; width:100%; margin-bottom:20px; margin-top:0;}
	#section05 .sectionGroup .twitter_wrap .title_box h3 {margin:0; width:100%; line-height:1.6; margin-top:6px;}
	#section05 .sectionGroup .twitter_wrap .title_box img {position:relative; top:2px;}
	#section05 .sectionGroup .twitter_wrap .title_box > span {position:relative; top:2px;}
	#section05 .sectionGroup .twitter_wrap .title_box .optionBox {margin-top:0; position:absolute; right:0; top:0;}
	#section05 .sectionGroup .twitter_wrap .slider_wrap {width:100%;}
	#section05 .sectionGroup .twitter_slider ul li a:hover .img_box {border:2px solid #fff;}
	#section05 .sectionGroup .twitter_wrap .title_box .optionBox .more {padding-right:0; margin-bottom:10px;}
	#section05 .twit-next, #section05 .twit-prev {position:relative;}
	#section05 .twit-prev, .swiper-container-rtl .twit-next {left:-44px; display:inline-block;}
	#section05 .twit-next, .swiper-container-rtl .twit-prev {left:43px; display:inline-block;}
}
@media screen and (max-width: 767px){
#section01 .sectionGroup .main_search_box .mainSearchArea .input_box a.search {width:18px; height:18px; background-size:cover;}
#section01 .sectionGroup .main_search_box .search_box .input_box,
#section01 .sectionGroup .main_search_box .search_box .select_box {font-size:12px;}
#section01 .sectionGroup .main_search_box .title_box h2 {margin:10px 0;}
#section01 .sectionGroup .main_search_box .title_box h2 span {display:inline-block; width:100%;}
#section01 .sectionGroup .main_search_box .title_box p {font-size:1.04em;}

#section03:before {top:107px;}
}

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

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




/******** 웹퍼스트 ********/
@media screen and (min-width: 1080px){


}
@media screen and (min-width:1320px){


}

@media screen and (min-width: 1800px){
	.siteUtilGroup,
	.siteUtilGroup{padding:0;height:auto;}



}