@charset "UTF-8";

/* header */
.headerCont {position:fixed;  z-index:9999; width:100%; height:90px; background-color:rgb(255,255,255); box-sizing:border-box; border-bottom:1px solid #ddd;}
.headerCont:after {display:block;content:"";clear:both;}

.headerWrap {position:relative; width:96%; height:100%; margin:0 auto; box-sizing:border-box;}
.headerWrap:after {display:block;content:"";clear:both;}

.headerWrap img {width:100%; height: auto;}
.headerWrap .topWrap {position:relative; float:left; width:310px; height:100%;}
.headerWrap .topWrap:after {display:block;content:"";clear:both;}
.headerWrap .topWrap .top_logo {position:absolute; top:0; left:0;}
.headerWrap .topWrap .top_logo a {display:inline-block; width:90px; height: auto; margin-top:10px;}
.headerWrap .topWrap .top_date {position:absolute; top:0; right:0; z-index:9990;  display:inline-block; margin-left:10%; padding:15px 10px 8px; background:linear-gradient(120deg, #cd9ebf, #6ab6bb); color:#fff; text-align:center !important; font-family:'GmarketSansLight'; font-size:2.6rem; line-height:1;}
.headerWrap .topWrap .top_date span {font-size:1.25rem; letter-spacing:-0.8px;}
.headerWrap .menu {float:right; width:50px; height:50px; margin-top:20px; cursor:pointer;}

.menuCont {position:fixed; top:89px; z-index:999; width:100%; background:rgba(255,255,255,1);}
.menuWrap {width: 1400px; margin:0 auto; padding: 40px 0 60px;}
.menuWrap:after {display:block;content:"";clear:both;}

/* .menuWrap .right_sub {float:right; width:75%; font-family:'GmarketSansMedium'; font-size:1.125rem;}
.menuWrap .right_sub:after {display:block;content:"";clear:both;}
.menuWrap .right_sub a {display:inline-block; width:100%; padding:18px;} */

/* �޴�2��*/
/* .menuWrap .right_sub .sub1 {float:left;width:23%; text-align:center;}
.menuWrap .right_sub .sub1 p {border-bottom: 4px solid #39b8b0; color:#39b8b0; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub1 a:hover {color:#39b8b0;}

.menuWrap .right_sub .sub2 {float:left; width:69%; margin-left:8%; text-align:center;}
.menuWrap .right_sub .sub2:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub2 p {border-bottom: 4px solid #c16ba8; color:#c16ba8; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub2>div {float:left; width:calc((100% / 3)); vertical-align:top;}
.menuWrap .right_sub .sub2 a:hover {color:#c16ba8;} */
/* �޴�2��*/

/* �޴�3��*/

.menuWrap .right_sub {float:right; width:75%; font-family:'GmarketSansMedium'; font-size:1.125rem;}
.menuWrap .right_sub:after {display:block;content:"";clear:both;}
.menuWrap .right_sub a {display:inline-block; width:100%; padding:13px;}

.menuWrap .right_sub .sub1 {float:left; width:32%; margin-right:2%; text-align:center;}
.menuWrap .right_sub .sub1:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub1 p {border-bottom: 4px solid #39b8b0; color:#39b8b0; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub1 a:hover {color:#39b8b0;}

/*.menuWrap .right_sub .sub1-1 {float:left; width:24%; margin-left:3%; text-align:center;}*/
/*.menuWrap .right_sub .sub1-1:after {display:block;content:"";clear:both;}*/
/*.menuWrap .right_sub .sub1-1 p {border-bottom: 4px solid #7c992d; color:#7c992d; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}*/
/*.menuWrap .right_sub .sub1-1 a:hover {color:#7c992d;}*/

.menuWrap .right_sub .sub2 {float:left; width:32%; margin-right:2%; text-align:center;}
.menuWrap .right_sub .sub2:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub2 p {border-bottom: 4px solid #c16ba8; color:#c16ba8; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub2 a:hover {color:#c16ba8;}

/*.menuWrap .right_sub .sub2-1 {float:left; width:17%; margin-left:3%; text-align:center;}*/
/*.menuWrap .right_sub .sub2-1:after {display:block;content:"";clear:both;}*/
/*.menuWrap .right_sub .sub2-1 p {border-bottom: 4px solid #ff7272; color:#ff7272; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}*/
/*.menuWrap .right_sub .sub2-1 a:hover {color:#ff7272;}*/
/**/
.menuWrap .right_sub .sub3 {float:right; width:32%; text-align:center;}
.menuWrap .right_sub .sub3:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub3 p {border-bottom: 4px solid #ffba1f; color:#ffba1f; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub3>div {float:left; width:calc((100% / 3)); vertical-align:top;}
.menuWrap .right_sub .sub3 a {width:100%;}
.menuWrap .right_sub .sub3 a:hover {color:#ffba1f;}




/*
.menuWrap .right_sub {float:right; width:75%; font-family:'GmarketSansMedium'; font-size:1.125rem;}
.menuWrap .right_sub:after {display:block;content:"";clear:both;}
.menuWrap .right_sub a {display:inline-block; width:100%; padding:13px;}

.menuWrap .right_sub .sub1 {float:left; width:35%; text-align:center;}
.menuWrap .right_sub .sub1>div {float:left; width:calc((100% / 2)); vertical-align:top;}
.menuWrap .right_sub .sub1 p {border-bottom: 4px solid #39b8b0; color:#39b8b0; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub1 a:hover {color:#39b8b0;}

.menuWrap .right_sub .sub2 {float:left; width:19%; margin-left:3%; text-align:center;}
.menuWrap .right_sub .sub2:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub2 p {border-bottom: 4px solid #c16ba8; color:#c16ba8; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub2 a:hover {color:#c16ba8;}

.menuWrap .right_sub .sub2-1 {float:left; width:19%; margin-left:3%; text-align:center;}
.menuWrap .right_sub .sub2-1:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub2-1 p {border-bottom: 4px solid #ff7272; color:#ff7272; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub2-1 a:hover {color:#ff7272;}

.menuWrap .right_sub .sub3 {float:left; width:18%; margin-left:3%; text-align:center;}
.menuWrap .right_sub .sub3:after {display:block;content:"";clear:both;}
.menuWrap .right_sub .sub3 p {border-bottom: 4px solid #ffba1f; color:#ffba1f; font-family:'GmarketSansBold'; font-size:1.2rem; padding:10px; margin-bottom:10px;}
.menuWrap .right_sub .sub3>div {float:left; width:calc((100% / 3)); vertical-align:top;}
.menuWrap .right_sub .sub3 a {width:100%;}
.menuWrap .right_sub .sub3 a:hover {color:#ffba1f;}
*/

/* �޴�3��*/

.menuWrap .left_sub {display:block; float:left; width:200px; padding-top:20px; cursor:pointer; font-family:'GmarketSansMedium'; text-align: center;}
.menuWrap .left_sub>div {display:inline-block; width:110px; height:36px; background:#b5b5b5; color:#fff; text-align: center; font-size:1rem; line-height:36px; margin-top:10px; border-radius:20px;}
.menuWrap .left_sub:hover>div {background:#000;}

/* footer */
.footerCont {width:100%; background-color:#f6f6f6; box-sizing:border-box; font-family: 'Noto Sans KR';}
.footerCont:after {display:block;content:"";clear:both;}

.footerWrap {width:1400px; height:auto; margin:0 auto; padding: 40px 0; box-sizing:border-box; vertical-align:middle;}
.footerWrap:after {display:block;content:"";clear:both;}
.footerWrap>div.btm_logo {float:left; width:20%; margin-top:10px;}
.footerWrap>div.btm_info {float:left; width:60%; font-size:1.0rem;}
.footerWrap>div.btm_info .copy {font-size:1.1rem; color:#929292;margin-top:5px;}
.footerWrap>div.btm_link {float:right; width:20%; margin-top:20px;}
.footerWrap>div.btm_link:after {display:block;content:"";clear:both;}
.footerWrap>div.btm_link .sns {float:left;}
.footerWrap>div.btm_link .agopage_list {float:right;}

label.agopage_list {position:relative; cursor:pointer;}
label.agopage_list > a {display:inline-block; padding: 0 10px; height:35px; line-height:35px; font-size:1rem; background:#000; color:#fff; font-family:'GmarketSansMedium';}
label.agopage_list .ago_listarea {background:#fff; display:none; position:absolute; right:0px; bottom:35px; z-index:999; width:200px; height:110px; overflow:scroll; padding:8px 0;}
label.agopage_list .ago_listarea > a {display:block;text-align:center; font-size:1rem; line-height: 2;}

.M_hide {display: block;}

#right_banner {position: absolute; z-index: 99; right: 60px; transform: translateX(100%); top: 0px;}
#right_banner>div>a {display: block; transition: all .5s ease-in-out; cursor: pointer; margin-top:10px;}


@media (max-width: 1440px) {
	/* header */
	.headerWrap .topWrap {width:280px;}
	.headerWrap .topWrap .top_date {padding:15px 10px; height: 90px; font-size:2.0rem; box-sizing:border-box;}
	.headerWrap .topWrap .top_date span {font-size:1.2rem;}

	.menuWrap {width:96%; margin:0 auto;}	
	.menuWrap .right_sub {float:none; width:100%;}
/*	.menuWrap .right_sub .sub1 {width:13%;}*/
/*	.menuWrap .right_sub .sub1-1 {width:27%;}*/
/*	.menuWrap .right_sub .sub2 {width:19%; margin-left:3%;}*/
/*	.menuWrap .right_sub .sub2-1 {width:16%; margin-left:3%;}*/
/*	.menuWrap .right_sub .sub3 {width:13%; margin-left:3%;}*/

	.menuWrap .left_sub {float:none; width:100%; text-align:right; padding-top:0;}
	.menuWrap .left_sub img {display:none;}
	.menuWrap .left_sub>div {background:#000;}

	/* footer */
	.footerWrap {width:96%; margin:0 auto;}
	.footerWrap>div.btm_info {float:left; width:65%;}
	.footerWrap>div.btm_link {width:15%; text-align:center; margin-top:0px;}
	.footerWrap>div.btm_link .sns {float:none;}
	.footerWrap>div.btm_link .ago {float:none; margin-top:20px;}
}

@media (max-width: 1240px) {
	.menuWrap {width:90%; margin:0 auto;}
	/* footer */
	.footerWrap {padding:20px 0 40px; text-align:center;}
	.footerWrap>div.btm_logo {float:none; width:100%;}
	.footerWrap>div.btm_info {float:none; width:100%; margin-top:20px;}
	.footerWrap>div.btm_link {float:none; width:260px; margin:20px auto;}
	.footerWrap>div.btm_link .sns {float:left;}
	.footerWrap>div.btm_link .ago {float:right; margin-top:0;}

	#right_banner {display:none;}
}

@media (max-width: 1000px) {
		/* header */
	.menuWrap {width:90%; margin:0 auto;}
	.menuWrap .right_sub .sub1 {float:none; margin-left:0; width:100%;}
	.menuWrap .right_sub .sub1:after {display:block;margin-left:0;clear:both;}
	.menuWrap .right_sub .sub1-1 {float:none; width:100%;margin-left:0;margin-top:40px;}
	.menuWrap .right_sub .sub1-1:after {display:block;margin-left:0;;clear:both;}
	.menuWrap .right_sub .sub2 {float:none; width:100%; margin-left:0; margin-top:40px;}
	.menuWrap .right_sub .sub2-1 {float:none; width:100%; margin-left:0; margin-top:40px;}
	.menuWrap .right_sub .sub3 {float:none; width:100%; margin-left:0; margin-top:40px;}
	.menuWrap .right_sub .sub1 a {float:none; width:50%;}
	.menuWrap .right_sub .sub2 a {float:left; width:50%;}
	.menuWrap .right_sub .sub2-1 a {float:left; width:50%;}
}

@media (max-width: 820px) {
	.menuWrap {height:calc(100vh - 69px); overflow:scroll;}
	
}

@media (max-width: 768px) {
	.headerCont {height:70px;}
	.headerWrap {width:100%;}
	.menuCont {top:69px;}
	.M_hide {display: none;}
	.headerWrap .topWrap {width:calc(100% - 60px);}
	.headerWrap .topWrap .top_logo{left:calc(50% + 30px);  transform: translateX(calc(-50% - 15px));}
	.headerWrap .topWrap .top_logo a {display:inline-block; width:64px;}
	.headerWrap .topWrap .top_date {right:calc(100% - 85px); padding:15px 5px; width:85px; height: 70px; font-size:1.5rem; box-sizing:border-box;}
	.headerWrap .topWrap .top_date span {font-size:0.9rem;}

	.headerWrap .menu {width:50px; margin-top:15px; padding-right:10px;}
}

@media (max-width: 720px) {
	/* header */
	.menuWrap {padding: 20px 0 40px;}
	.menuWrap .right_sub a {padding:10px; letter-spacing: -0.4px;}
	.menuWrap .right_sub .sub1 a {float:none; width:100%;}
	.menuWrap .right_sub .sub1-1 {margin-top:20px;}
	.menuWrap .right_sub .sub2 {margin-top:20px;}
	.menuWrap .right_sub .sub2-1 {margin-top:20px;}
	.menuWrap .right_sub .sub2>div {float:none; width:100%;}
	.menuWrap .right_sub .sub3 {margin-top:20px;}
	.menuWrap .left_sub {text-align:center;}
	.menuWrap .left_sub {padding-top:0;}
}

@media (max-width: 420px) {
	/* header */
	.menuWrap .right_sub .sub2 {margin-top:20px;}

	.menuWrap .right_sub a {padding:10px; letter-spacing: -1px;}
}