@charset "utf-8";
/**
 * @File Name : main.2024.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2024.03.28 | 김효진 | 최초 등록
 *  </pre>
 * @author 디자인팀 문영신
 * @since 2024.03.28
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */

/* base.css overwite */
/* :focus-visible {outline:2px dotted coral;outline-offset:-2px} */
.text a:focus .ic1.new .t1{background:#e00;color:#fff;}
.text:focus{border:3px dotted coral;display:block; outline:none;}

/* all.css overwrite */
body {font-size:16px;letter-spacing:-.05em;color:#666;}
.container {max-width:1400px;margin:0 auto}
[id*='head_']>.container {max-width:1200px;}
#search1 {display:none}
#wrap>.container {max-width:none;margin:0}

/* font.css overwrite */
/* 지마켓산스 */
@font-face {
	font-family: 'GmarketSans';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSans';
	src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

/* 본고딕 */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 600;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}     

[id*=mainbody] {position:relative;}
[id*=mainbody] .ht1 {font-family:"GmarketSans", sans-serif;font-size:36px;font-weight:600;color:#000;line-height:1;margin-bottom:33px}
[id*=mainbody] .datalist .item {vertical-align:top}
[id*=mainbody] .datalist .item img {width:100%}
@media screen and (max-width:1419px){
	[id*=mainbody]>.container {margin-left:10px;margin-right:10px;}
}
@media screen and (max-width:999px){
	[id*=mainbody] .ht1 {font-size:32px;margin-bottom:28px}
}
@media screen and (max-width:768px){
	[id*=mainbody] .ht1 {font-size:30px;margin-bottom:25px}
}
@media screen and (max-width:599px){
	[id*=mainbody] .ht1 {font-size:26px;margin-bottom:20px}
}

/* mainbody1 */
#mainbody1 {position:relative;}
/* msearch1 */
#msearch1 {position: relative;top: 70px;left:50%;max-width:800px;width:100%;text-align:center;z-index:1;margin-left:-400px;margin-bottom: 70px;}
#msearch1 .hg1 {margin-bottom: 15px;font-family:"GmarketSans", sans-serif;}
#msearch1 .hg1 .h1 {font-size:30px;font-weight:500;color:#574442;letter-spacing:-.05em;}
#msearch1 .hg1 .h1 strong {font-size: 39px;font-weight:600;/* display:block; */margin-top:7px}
#msearch1 form {position:relative;width:100%;border:4px solid #574442;border-radius:35px;box-sizing:border-box;margin:auto;background:rgba(255,250,229,.64);overflow:hidden;padding-right:90px}
#msearch1 form input[type=text] {display:block;border:0;margin:0;padding:0 40px;width:100%;height:62px;box-sizing:border-box;background:transparent;font-size:20px;font-weight:500;color:#574442}
#msearch1 form input[type=text]::-webkit-input-placeholder {color:#574442; } /* WebKit browsers */
#msearch1 form input[type=text]:-moz-placeholder {color:#574442; } /* Mozilla Firefox 4 to 18 */
#msearch1 form input[type=text]::-moz-placeholder {color:#574442; } /* Mozilla Firefox 19+ */
#msearch1 form input[type=text]:-ms-input-placeholder {color:#574442; } /* Internet Explorer 10+ */
#msearch1 form fieldset:after {position:absolute;top:50%;right:86px;content:"";display:block;width:1px;height:30px;background:rgba(82,76,77,.4);margin-top:-15px;}
#msearch1 form .b1.search {position:absolute;top:50%;right:27px;width:36px;height:35px;margin:-17px 0 0;background:url(../../img/main2024/main_sprite.png) no-repeat -602px 0;border:0;text-indent:-9999px}
#msearch1 .menu1 {text-align:right;padding:10px 9px 10px 15px;}
#msearch1 .menu1 li {position:relative;display:inline-block;vertical-align:top;margin:0 2px;}
#msearch1 .menu1 li a {display:block;font-size:15px;color:#574442;letter-spacing:-.075em;font-weight:400;padding:5px 15px;}
#msearch1 .menu1 li:last-child:before {position:absolute;top:50%;left:-1px;content:"";display:block;width:1px;height:13px;background:#574442;margin-top:-6px;}
@media screen and (max-width:1259px){
	#msearch1 {top: 30px;}
	#msearch1 .hg1 {margin-bottom:30px}
	#msearch1 .hg1 .h1 {font-size:24px;}
	#msearch1 .hg1 .h1 strong {font-size:48px}
	#msearch1 form input[type=text] {font-size:18px;height:56px}
	#msearch1 .menu1 {text-align:center;}
}
@media screen and (max-width:999px){
	#msearch1 {top: 35px;width:90%;left:5%;margin-left:0}
	#msearch1 .hg1 {margin-bottom:26px}
	#msearch1 .hg1 .h1 {font-size:21px;}
	#msearch1 .hg1 .h1 strong {font-size:42px}
	#msearch1 form input[type=text] {font-size:17px;}
}
@media screen and (max-width:768px){
	#msearch1 {top: 15px;}
	#msearch1 .hg1 {margin-bottom:22px}
	#msearch1 .hg1 .h1 {font-size:18px;}
	#msearch1 .hg1 .h1 strong {font-size:36px}
	#msearch1 form input[type=text] {font-size:16px;height:50px}
}
@media screen and (max-width:499px){
	#msearch1 {top:83px;}
	#msearch1 .hg1 {margin-bottom:19px}
	#msearch1 .hg1 .h1 {font-size:15px;}
	#msearch1 .hg1 .h1 strong {font-size:30px;margin-top:4px}
	#msearch1 form {padding-right:63px}
	#msearch1 form .b1.search {right:15px}
	#msearch1 form fieldset:after {right:65px}
	#msearch1 form input[type=text] {font-size:15px;padding:0 20px;}
	#msearch1 .menu1 {padding:8px 0}
}

/* vpr1 */
#vpr1 {position:relative;height:600px;overflow:hidden}
#vpr1 .datalist {position:static;width:300px;margin:auto;}
#vpr1 .datalist .slick-list {width:1920px;margin-left:-810px}
#vpr1 .slick-arrow {position:absolute;top:50%;z-index:1;width:43px;height:81px;background:url(../../img/main2024/main_sprite.png) no-repeat;border:0;text-indent:-9999px;margin-top:-40px}
#vpr1 .slick-prev {left:60px;background-position:-340px -95px}
#vpr1 .slick-next {right:60px;background-position:-385px -95px}
@media screen and (max-width:1259px){
	#vpr1 {height:auto;}
	#vpr1 .datalist .slick-list {width:1536px;margin-left:-618px}
	#vpr1 .datalist .slick-arrow {width:34px;height:65px;background-size:800px auto;}
	#vpr1 .datalist .slick-prev {left:48px;background-position:-272px -76px}
	#vpr1 .datalist .slick-next {right:48px;background-position:-308px -76px}	
}
@media screen and (max-width:999px){
	#vpr1 .slick-list {width:1344px;margin-left:-522px}
	#vpr1 .slick-arrow {width:30px;height:57px;background-size:700px auto;}
	#vpr1 .slick-prev {left:10px;background-position:-238px -67px}
	#vpr1 .slick-next {right:10px;background-position:-270px -67px}	
}
@media screen and (max-width:768px){
	#vpr1 .slick-list {width:1152px;margin-left:-426px}
	#vpr1 .slick-arrow {width:26px;height:49px;background-size:600px auto;}
	#vpr1 .slick-prev {background-position:-204px -57px}
	#vpr1 .slick-next {;background-position:-231px -57px}	
}
@media screen and (max-width:499px){
	#vpr1 .datalist .slick-list {width:960px;margin-left:-330px}
	#vpr1 .datalist .slick-arrow {width:26px;height:49px;background-size:600px auto;}
	#vpr1 .datalist .slick-prev {background-position:-204px -57px}
	#vpr1 .datalist .slick-next {;background-position:-231px -57px}	
}

#vpr1 .menu {position:absolute;bottom: 36px;right: 210px; }
#vpr1 .menu .m {display:inline-block;vertical-align:top;width:50px;height:50px;background:url(https://www.hygn.go.kr/_res/portal/img/main/main_sprite.png) no-repeat;border-radius:50%;background-color: #0000007d;box-sizing:border-box;}
#vpr1 .menu .m.prev {background-position:-206px 0}
#vpr1 .menu .m.next {background-position:-257px 0}
#vpr1 .menu .m.stop {background-position:-308px 0}
#vpr1 .menu .m.play {background-position:-359px 0}
#vpr1 .menu .mNum {display:inline-block;vertical-align:top;color: #373737;padding: 17px 0 0 100px;font-weight:400;}
#vpr1 .menu .mNum .on {font-weight:700}
#vpr1 .menu .mNum .on:after {content:"/";display:inline-block;vertical-align:middle;font-size:10px;margin:-2px 8px 0;}

@media screen and (max-width:999px){
	#vpr1 .menu {bottom:35px;right: 100px;}
}
@media screen and (max-width:768px){
	#vpr1 .menu {bottom:15px;right: 45px;}
	#vpr1 .menu .m {width:45px;height:45px;}
	#vpr1 .menu .m.prev {background-position:-209px -2px}
	#vpr1 .menu .m.next {background-position:-258px -2px}
	#vpr1 .menu .m.stop {background-position:-311px -2px}
	#vpr1 .menu .m.play {background-position:-362px -2px}
	#vpr1 .menu .mNum {font-size:14px}
}
}
@media screen and (max-width:599px){
	#vpr1 .menu {left:0;width:100%;text-align:center;}
	#vpr1 .menu .m {width:40px;height:40px;}
	#vpr1 .menu .m.prev {background-position:-211px -5px}
	#vpr1 .menu .m.next {background-position:-260px -5px}
	#vpr1 .menu .m.stop {background-position:-313px -5px}
	#vpr1 .menu .m.play {background-position:-364px -5px}
	#vpr1 .menu .mNum {padding-top:10px;padding-left:10px}
}
@media screen and (max-width:449px){
	#vpr1 .menu .m {width:34px;height:34px;background-size:auto 317px;}
	#vpr1 .menu .m.prev {background-position:-144px 0}
	#vpr1 .menu .m.next {background-position:-180px 0}
	#vpr1 .menu .m.stop {background-position:-216px 0}
	#vpr1 .menu .m.play {background-position:-251px 0}
	#vpr1 .menu .mNum {padding-top:7px;padding: 0 0 0 60px;}
}


/* mainbody2 */
#mainbody2 {padding-bottom:37px;z-index:1}
/* menu1 */
#menu1 {overflow:hidden;padding:70px 0}
#menu1 .item {float:left;width:25%;text-align:center;padding:19px 0 13px;border-left:1px solid #e5e5e5;box-sizing:border-box}
#menu1 .item:first-child {border-left:0}
#menu1 .item .h1 {font-size:24px;font-weight:600;color:#000;letter-spacing:-.05em;line-height:1;margin-bottom:15px}
#menu1 .item .h1:before {content:"";display:block;width:57px;height:51px;background:url(../../img/main2024/main_sprite.png) no-repeat;margin:auto auto 27px;}
#menu1 .item .t1 {font-size:15px;line-height:23px;font-weight:500;margin-bottom:20px;}
#menu1 .item .b1.more {display:inline-block;vertical-align:top;padding:0 18px;font-size:14px;color:#aaa;line-height:32px;box-sizing:border-box;border:1px solid #fff;font-weight:500;border-radius:20px;transition:all .35s ease}
#menu1 .item .b1.more:after {content:"";display:inline-block;vertical-align:middle;width:5px;height:7px;background:url(../../img/main2024/main_sprite.png) no-repeat -243px -38px;margin:-4px 0 0 6px}
#menu1 .item .b1.more:hover, #menu1 .item .b1.more:focus {border-color:#000;color:#000}
#menu1 .item .b1.more:hover:after, #menu1 .item .b1.more:focus:after {background-position:-236px -38px}
#menu1 .item.n1 .h1:before {background-position:0 0}
#menu1 .item.n2 .h1:before {background-position:-59px 0}
#menu1 .item.n3 .h1:before {background-position:-118px 0}
#menu1 .item.n4 .h1:before {background-position:-177px 0}
@media screen and (max-width:999px){
	#menu1 .item .h1 {font-size:22px}
	#menu1 .item .t1 {font-size:14px;line-height:21px;margin-bottom:18px}
}
@media screen and (max-width:899px){
	#menu1 {padding:15px 0 25px}
	#menu1 .item {width:48%;border-left:0;border-bottom:1px solid #e5e5e5;margin-left:1%;margin-right:1%;padding:50px 20px 30px;box-sizing:border-box;word-break:keep-all}
	#menu1 .item:nth-child(n+3) {border:0}
	#menu1 .item .h1:before {display:inline-block;vertical-align:middle;width:34px;height:31px;background-size:600px auto;margin:-6px 10px 0 0}
	#menu1 .item.n2 .h1:before {background-position:-35px 0}
	#menu1 .item.n3 .h1:before {background-position:-71px 0}
	#menu1 .item.n4 .h1:before {background-position:-106px 0}
	#menu1 .item .t1 br {display:none}
	#menu1 .item .b1.more {border-color:#000;color:#000}
	#menu1 .item .b1.more:after {background-position:-236px -38px}
}
@media screen and (max-width:768px){
	#mainbody2 {padding-bottom:25px}
	#menu1 .item .h1 {font-size:20px}
}
@media screen and (max-width:599px){
	#menu1 .item {padding:40px 10px 30px}
	#menu1 .item .h1 {font-size:18px}
	#menu1 .item .t1 {font-size:13px}
	#menu1 .item .b1.more {font-size:13px;line-height:30px}
}
@media screen and (max-width:449px){
	#menu1 .item {float:none;width:100%;margin:0}
	#menu1 .item:nth-child(n+3) {border-bottom:1px solid #e5e5e5}
	#menu1 .item:last-child {border-bottom:0}
	#menu1 .item .h1 {font-size:18px}
	#menu1 .item .t1 {font-size:13px}
	#menu1 .item .b1.more {font-size:13px;line-height:30px}
}

/* fcard1 */
#fcard1 {position:relative;float:left;width: 720px;}
#fcard1 .datalist:after {content:"";display:block;clear:both;}
#fcard1 .datalist .item {float:left;width:calc(50% - 17.5px);margin-right:35px;}
#fcard1 .datalist .item:last-child {margin-right:0}
#fcard1 .datalist .item a {display:block;padding:30px 0 0;}
#fcard1 .datalist .item a .f1 {position:relative;display:block;width:230px;height:308px;overflow:hidden;box-shadow:10px 10px 30px rgba(0,0,0,.2);margin:auto auto 60px;}
#fcard1 .datalist .item a .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
#fcard1 .datalist .item a .f1 .f1p1 img {width:100%;height:100%;object-fit:cover;object-position:top}
#fcard1 .datalist .item a .tg1 {border-top:1px solid #e5e5e5;padding-top:25px;}
#fcard1 .datalist .item a .tg1 .h1 {display:block;font-size:20px;font-weight:600;color:#000;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px}
#fcard1 .datalist .item a .tg1 .date {color:#9e9e9e;}
#fcard1 .b1.more {position:absolute;top:0;right:0;width:36px;height:36px;background:url(../../img/main2024/main_sprite.png) no-repeat -388px 0}
@media screen and (max-width:1399px){
	#fcard1 {width: 58%;}
}
@media screen and (max-width:1259px){
	#fcard1 {/* width:calc(100% - 690px); */}
}
@media screen and (max-width:1199px){
	#fcard1 {float: left;width: 49%;margin-left:40px;margin-right:40px;margin-bottom:60px;}
}

@media screen and (max-width:999px){
	#fcard1 {float: none;width: 100%;margin:0 auto;margin-bottom:40px}
}
@media screen and (max-width:768px){
	#fcard1 {margin-left:0;margin-right:0}
	#fcard1 .datalist .item a {padding:20px 0 0}
	#fcard1 .datalist .item a .f1 {margin-bottom:30px}
	#fcard1 .datalist .item a .tg1 {padding-top:20px;}
	#fcard1 .datalist .item a .tg1 .h1 {font-size:18px;}
	#fcard1 .datalist .item a .tg1 .date {font-size:15px}
	#fcard1 .b1.more {top:-10px}
	#fcard1 {margin:50px auto;float: none;width: 100%;}
	
}
@media screen and (max-width:599px){
	#fcard1 .datalist .item a {padding-top:10px}
	#fcard1 .datalist .item a .f1 {margin-bottom:25px}
	#fcard1 .datalist .item a .tg1 {padding-top:15px;}
	#fcard1 .datalist .item a .tg1 .h1 {font-size:17px;}
	#fcard1 .b1.more {top:-10px}
}
@media screen and (max-width:549px){
	#fcard1 .datalist .item {float:none;width:100%;margin-top:30px;}	
	#fcard1 .datalist .item a .tg1 {text-align:center;}
	#fcard1 .datalist .item a .tg1 .h1 {font-size:16px;}
}

/* vod1 */
#vod1 {position:relative;float:right;width: 47%;}
#vod1 .datalist {height:485px;overflow:hidden}
#vod1 .datalist .item a {position:relative;display:block;}
#vod1 .datalist .item a .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:61.53%;overflow:hidden;}
#vod1 .datalist .item a .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
#vod1 .datalist .item a .f1 .f1p1 img {display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:all .35s ease}
#vod1 .datalist .item a:hover .f1 .f1p1 img, #vod1 .datalist .item a:focus .f1 .f1p1 img {transform:scale(1.05)}
#vod1 .datalist .item a .f1:before, #vod1 .datalist .item a .f1:after {position:absolute;content:"";display:block;} 
#vod1 .datalist .item a .f1:before {top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1}
#vod1 .datalist .item a .f1:after {top:50%;left:50%;width:70px;height:70px;background:url(../../img/main2024/main_sprite.png) no-repeat -530px 0;margin:-35px;z-index:2}
#vod1 .datalist .item a .tg1 {padding-top:25px}
#vod1 .datalist .item a .tg1 .h1 {display:block;font-size:20px;font-weight:600;color:#000;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:9px}
#vod1 .datalist .item a .tg1 .date {color:#9e9e9e;}
#vod1 .menu {position:absolute;top:0;right:0;}
#vod1 .menu * {display:inline-block;vertical-align:top;line-height:36px;}
#vod1 .menu .mNum {font-size:18px;font-weight:600;color:#999;margin:0 5px}
#vod1 .menu .mNum .on {color:#000}
#vod1 .menu .mNum .total:before {content:"";display:inline-block;vertical-align:middle;width:60px;height:1px;background:#ccc;margin:-4px 14px 0;}
#vod1 .menu .m {width:36px;height:36px;background:url(../../img/main2024/main_sprite.png) no-repeat;border:0;text-indent:-9999px}
#vod1 .menu .m.prev {background-position:-236px 0}
#vod1 .menu .m.next {background-position:-274px 0}
#vod1 .menu .m.stop {background-position:-312px 0}
#vod1 .menu .m.play {background-position:-350px 0}
#vod1 .menu .m.more {background-position:-388px 0;margin-left:5px}
@media screen and (max-width: 1199px){
	#vod1 {float: right;width: 41%;margin:0 40px;}
	#vod1 .datalist {height:auto;}
}
@media screen and (max-width:768px){
	#vod1 {margin:0}
	#vod1 .datalist .item a .tg1 .h1 {font-size:18px}
	#vod1 .datalist .item a .tg1 .date {font-size:15px}
}
@media screen and (max-width:599px){
	#vod1 .datalist .item a .tg1 .h1 {font-size:17px}
	#vod1 .menu {top:-6px}
}
@media screen and (max-width:549px){
	#vod1 .datalist .item a .tg1 {padding-top:20px}
	#vod1 .datalist .item a .tg1 .h1 {font-size:16px}
	#vod1 .menu .mNum {margin:0;font-size:16px;}
	#vod1 .menu .mNum .total:before {width:12px;margin-left:5px;margin-right:5px;}
	#vod1 .menu .m.more {margin-left:1px}
}

/* mainbody3 */
#mainbody3 {margin-bottom:40px}
#mainbody3:before {position:absolute;/* top:-132px; */right:0;content:"";display:block;width:890px;height:805px;background:url(../../img/main2024/mbody3_bg.png) no-repeat 0 0 / contain;}
/* news1 */
#news1 {position:relative;float:left;width: 700px;padding-top:33px;}
#news1 .ht1 {margin-bottom:28px}
#news1 .tab {position:absolute;top:27px;font-size:26px;font-weight:600;letter-spacing:-.05em;}
#news1 .tab:after {position:absolute;}
#news1 .tab a {display:block;color:#888;line-height:1;padding:5px 23px;}
#news1 .tab.on a {color:#eb723d}
#news1 .tab:nth-of-type(1) {right:347px}
#news1 .tab:nth-of-type(2) {right:210px}
#news1 .tab:nth-of-type(3) {right:53px}
#news1 .cont {display:none;border-top:2px solid #000;}
#news1 .cont.on {display:block;}
#news1 .cont .datalist li {border-bottom:1px solid #e5e5e5}
#news1 .cont .datalist li a {position:relative;display:block;padding:28px 140px 27px}
#news1 .cont .datalist li .cate {position:absolute;top:21px;left:30px;width:90px;line-height:36px;text-align:center;background:#fff4ea;border-radius:18px;font-size:15px;font-weight:600;color:#eb723d;}
#news1 .cont .datalist li .t1 {display:block;font-size:18px;font-weight:600;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#news1 .cont .datalist li .date {position:absolute;top:30px;right:30px;font-size:15px;font-weight:500;color:#9e9e9e}
#news1 .cont .b1.more {position:absolute;top:29px;right:0;width:36px;height:36px;text-indent:-9999px;background:url(../../img/main2024/main_sprite.png) no-repeat -388px 0;}
@media screen and (max-width:1399px){
	#mainbody3:before {width:712px;height:644px;}
	#news1 {width: 50%;}
	#news1 .tab{font-size:20px}
	#news1 .tab:nth-of-type(1) {right:268px}
	#news1 .tab:nth-of-type(2) {right:164px}
	#news1 .tab:nth-of-type(3) {right:41px}
}
@media screen and (max-width:1259px){
	#news1 {width: 50%;}
	#news1 .tab {top:32px;font-size:18px;}

	#news1 .tab a {padding-left:12px;padding-right:12px}
	#news1 .cont .datalist li a {padding-left:110px;padding-right:110px;}
	#news1 .cont .datalist li .cate {left:10px;}
	#news1 .cont .datalist li .date {right:20px;}
	#news1 .tab:nth-of-type(1) {right:220px}
	#news1 .tab:nth-of-type(2) {right:135px}
	#news1 .tab:nth-of-type(3) {right:35px}
}
@media screen and (max-width:1199px){
	#mainbody3 {margin-left:40px;margin-right:40px}
}
@media screen and (max-width:999px){
	#mainbody3:before {width:623px;height:564px}
	#news1 {float:none;width:auto;}
	#vod1{width: 100%;margin: 50px 0  0 0;}
}
@media screen and (max-width:768px){
	#mainbody3 {margin-left:0;margin-right:0}
	#news1 {margin-left:0;margin-right:0}
	#news1 .tab {font-size:20px}
	#news1 .tab:nth-of-type(1) {right:252px}
	#news1 .tab:nth-of-type(2) {right:155px}
	#news1 .cont .datalist li .t1 {font-size:17px}
}
@media screen and (max-width:599px){
	#mainbody3:before {display:none}
	#news1 .cont .datalist li a {padding:20px 10px;}
	#news1 .cont .datalist li a .cate {position:relative;top:auto;left:auto;display:inline-block;vertical-align:top;font-size:14px;line-height:32px;margin-bottom:5px}
	#news1 .cont .datalist li a .date {top:25px}
	#news1 .cont .datalist li .t1 {font-size:16px}
}
@media screen and (max-width:499px){
	#news1 {padding-top:15px}
	#news1 .ht1 {margin-bottom:50px}
	#news1 .tab {font-size:17px;top:50px;width:33%;text-align:center}
	#news1 .tab:nth-of-type(1) {right:auto;left:0}
	#news1 .tab:nth-of-type(2) {right:auto;left:33%}
	#news1 .tab:nth-of-type(3) {right:auto;left:66%}
	#news1 .tab a {padding-left:0;padding-right:0}
	#news1 .cont .datalist li a {padding:15px 5px;}
	#news1 .cont .datalist li a .cate {width:70px;font-size:13px;line-height:30px}
	#news1 .cont .datalist li a .date {top:20px;right:5px}
	#news1 .cont .b1.more {top:7px}
}


/* menu2 */
#menu2 {float:right;width: 370px;top: 78px;position: relative;}
#menu2 .hg1 {background:#fff;border:1px solid #e5e5e5;border-bottom:0;border-radius:20px 20px 0 0;overflow:hidden;padding:37px 20px 21px 30px;}
#menu2 .hg1 .h1 {font-size:22px;letter-spacing:-.025em;color:#000;font-family:"GmarketSans", sans-serif;font-weight:500;margin-bottom:3px}
#menu2 .hg1 .h1:before {content:"";display:block;width:41px;height:40px;background:url(../../img/main2024/main_sprite.png) no-repeat 0 -53px;margin-bottom:13px;margin-left:2px;}
#menu2 .hg1 .t1 {font-family:"GmarketSans", sans-serif;font-size:34px;font-weight:600;letter-spacing:-.075em;color:#000}
#menu2 .hg1 .lst {padding-top:3px}
#menu2 .hg1 .lst li {margin:8px 0;font-weight:500;letter-spacing:-.05em;}
#menu2 .hg1 .lst li.strong {display:block;position:relative;font-size:14px;color:#e5483d;letter-spacing:-.075em;padding-left:23px;margin-top:20px;font-weight:500;}
#menu2 .hg1 .lst li.strong:before {position:absolute;top:0;left:0;content:"";display:block;width:19px;height:19px;background:url(../../img/main2024/main_sprite.png) no-repeat -261px -38px}
#menu2 .bar {position:relative;display:block;width:auto;height:18px;margin:0 10px;background:url(../../img/main2024/menu2_patt1.png) repeat-x;}
#menu2 .bar:before, #menu2 .bar:after {position:absolute;top:0;content:"";display:block;width:10px;height:100%;}
#menu2 .bar:before {left:-10px;background:url(../../img/main2024/menu2_bg1.png) no-repeat}
#menu2 .bar:after {right:-10px;background:url(../../img/main2024/menu2_bg2.png) no-repeat}
#menu2 .lst2 {position:relative;background:#eb723d;border:1px solid #e5e5e5;border-radius:0 0 20px 20px;border-top-color:#eb723d;overflow:hidden;padding:2px 0 9px;text-align:center}
#menu2 .lst2:after {position:absolute;top:50%;left:50%;content:"";display:block;width:1px;height:79px;background:rgba(255,255,255,.3);margin-top:-40px}
#menu2 .lst2 li {float:left;width:50%;padding:0 19px;box-sizing:border-box;}
#menu2 .lst2 li a {display:block;color:#fff;letter-spacing:-.025em;font-weight:500;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.3)}
#menu2 .lst2 li:nth-child(n+3) a {border-bottom:0}
@media screen and (max-width:999px){
	#menu2 {float:none;width:auto;margin:50px 0 0;top: 0;}
}
@media screen and (max-width:768px){
	#menu2 {margin:50px auto;width: 100%;}
	#menu2 .hg1 {padding-top:27px}
	#menu2 .hg1 .h1 {font-size:20px}
	#menu2 .hg1 .h1:before {width:37px;height:36px;background-size:900px auto;background-position:0 -48px}
	#menu2 .hg1 .t1 {font-size:30px}
	#menu2 .hg1 .lst li {font-size:15px}
}
@media screen and (max-width:499px){
	#menu2 {margin-top:30px}
	#menu2 .hg1 {padding:25px 20px 10px}
	#menu2 .hg1 .h1 {font-size:18px}
	#menu2 .hg1 .t1 {font-size:26px}
	#menu2 .lst2:after {height:90%;top:2%;margin-top:0}
	#menu2 .lst2 li {padding:0 15px}
	#menu2 .lst2 li a {font-size:15px;padding:10px 0}
}

/* mainbody4 */
#mainbody4 {padding-top:30px;padding-bottom:40px}
#mainbody4 .ht1 {position:absolute;top:2px;left:3px;margin-bottom:0;font-size:40px}

/* fcard2 */
#fcard2 {position:relative;margin-right:170px}
#fcard2:before {position:absolute;bottom:187px;left:61px;content:"";display:block;width:338px;height:279px;background:url(../../img/main2024/main_sprite.png) no-repeat 0 -95px}
#fcard2 .datalist {position:relative;margin-left:480px;margin-bottom:37px}
#fcard2 .datalist:before {position:absolute;top:0;left:0;content:"";display:block;width:10px;height:100%;background:linear-gradient(to right, #fff, transparent);z-index:1}
#fcard2 .datalist .item a {display:block;margin-left:40px;margin-top:40px;transition:margin-top .35s ease}
#fcard2 .datalist .item a .f1 {position:relative;display:block;width:100%;height:0;padding-bottom:62.16%;overflow:hidden;background:#f6f7fd}
#fcard2 .datalist .item a .f1 .f1p1 {position:absolute;top:0;left:0;bottom:0;right:0}
#fcard2 .datalist .item a .f1 .f1p1 img {display:block;width:100%;height:auto;object-fit:cover;object-position:top}
#fcard2 .datalist .item a .tg1 {position:relative;background:#eff0f1;padding:20px 40px 50px;transition:all .35s ease}
#fcard2 .datalist .item a .tg1 [data-status] {display:inline-block;vertical-align:top;height:30px;line-height:30px;font-size:15px;font-weight:600;border-radius:15px;text-align:center;padding:0 15px;}
#fcard2 .datalist .item a .tg1 [data-status=온라인] {background:#41a374;color:#fff}
#fcard2 .datalist .item a .tg1 [data-status=오프라인] {background:#d9dce0;color:#7c7c7c}
#fcard2 .datalist .item a .tg1 .h1 {display:block;font-size:22px;color:#000;font-weight:600;display:block;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:6px}
#fcard2 .datalist .item a .tg1 .lst li {color:#666;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#fcard2 .datalist .item a .tg1:after {position:absolute;bottom:20px;right:20px;content:"";display:block;width:33px;height:33px;background:#fff url(../../img/main2024/main_sprite.png) no-repeat -43px -53px;border-radius:50%;transition:background-color .35s ease}
#fcard2 .menu {position:relative;margin-left:520px;margin-right:-170px;}
#fcard2 .menu .dots {position:relative;display:inline-block;vertical-align:top;max-width:750px;width:100%;height:3px;margin-top:23px;margin-right:10px}
#fcard2 .menu .dots:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#bbbdc0;}
#fcard2 .menu .dots .owl-dot {display:inline-block;vertical-align:top;height:100%;background:#bbbdc0;border:0;transition:all .35s ease}
#fcard2 .menu .dots .owl-dot.active {background:#000}
#fcard2 .menu .m {display:inline-block;vertical-align:top;width:50px;height:50px;background:url(../../img/main2024/main_sprite.png) no-repeat;border:0;margin-left:7px}
#fcard2 .menu .m.prev {background-position:-426px 0}
#fcard2 .menu .m.next {background-position:-478px 0}
#fcard2 .b1.more {position:absolute;bottom:87px;left:0;width:440px;height:100px;background:#eb723d;color:#fff;font-size:18px;font-weight:600;padding:38px 40px;box-sizing:border-box}
#fcard2 .b1.more .t1 {display:block;}
#fcard2 .b1.more .t1:before, #fcard2 .b1.more .t1:after {content:"";display:inline-block;background:url(../../img/main2024/main_sprite.png) no-repeat }
#fcard2 .b1.more .t1:before {vertical-align:middle;width:33px;height:35px;background-position:-640px 0;margin:-4px 17px 0 0}
#fcard2 .b1.more .t1:after {position:absolute;top:50%;right:38px;width:9px;height:15px;background-position:-250px -38px;margin-top:-7.5px}
@media screen and (min-width:1260px){	
	#fcard2 .datalist .owl-item.active .item a {margin-top:0;box-shadow:0 10px 30px rgba(0,0,0,.1)}
	#fcard2 .datalist .owl-item.active + .owl-item.active .item a {margin-top:40px;box-shadow:none}
	#fcard2 .datalist .owl-item.active .item a .tg1 {background-color:#fff;}
	#fcard2 .datalist .owl-item.active + .owl-item.active .item a .tg1 {background-color:#eff0f1;}
	#fcard2 .datalist .owl-item.active .item a .tg1:after {background-color:#eff0f1}
	#fcard2 .datalist .owl-item.active + .owl-item.active .item a .tg1:after {background-color:#fff}
}
@media screen and (max-width:1419px){
	#fcard2 .menu {margin-left:0;text-align:center}
}
@media screen and (max-width:1259px){
	#mainbody4 .ht1 {position:static;top:auto;left:auto;margin-bottom:40px}
	#fcard2 {margin-right:40px}
	#fcard2:before {display:none}
	#fcard2 .datalist {margin-left:0}
	#fcard2 .b1.more {bottom:auto;top:-90px;left:auto;right:-40px;width:264px;height:60px;line-height:60px;padding:0 20px;}
	#fcard2 .b1.more .t1:after {right:20px;}
}
@media screen and (max-width:1199px){
	#mainbody4 {margin-left:40px;margin-right:40px}
	#fcard2 {margin-left:-20px;margin-right:0}
	#fcard2 .datalist .item a {margin-left:20px;}
	#fcard2 .menu {margin-right:0}
	#fcard2 .menu .dots {margin-right:0;max-width:none;width:calc(100% - 130px)}
	#fcard2 .b1.more {top:-95px;right:0}
}
@media screen and (max-width:999px){
	#mainbody4 .ht1 {font-size:36px}
}
@media screen and (max-width:768px){
	#mainbody4 {margin:0}
	#mainbody4 .ht1 {font-size:32px;margin-bottom:30px}
	#fcard2 .datalist .item a .tg1 {padding:20px 25px 30px;}
	#fcard2 .datalist .item a .tg1 [data-status] {font-size:14px;line-height:27px;height:27px;}
	#fcard2 .datalist .item a .tg1 .h1 {font-size:20px;}
	#fcard2 .datalist .item a .tg1 .lst li {font-size:15px;}
	#fcard2 .menu .dots {display:none}
	#fcard2 .b1.more {top:-80px;font-size:15px;width:210px;height:50px;line-height:50px;padding:0 10px;}
	#fcard2 .b1.more .t1:after {right:15px;}

}
@media screen and (max-width:599px){
	#mainbody4 .ht1 {font-size:28px}
	#fcard2 {margin-left:0}
	#fcard2 .datalist {max-width:340px;margin:auto}
	#fcard2 .datalist:before {display:none}
	#fcard2 .datalist .item a {margin-left:0;margin-top:0}
	#fcard2 .menu {position:static;}
	#fcard2 .menu .m {position:absolute;top:50%;width:40px;height:40px;background-size:800px auto;margin-left:0;margin-top:-40px;z-index:1}
	#fcard2 .menu .m.prev {left:-10px;background-position:-341px 0}
	#fcard2 .menu .m.next {right:-10px;background-position:-382px 0}
	#fcard2 .b1.more {position:relative;top:auto;right:auto;margin:30px auto 0;display:block;}
	
}