@charset "UTF-8";
@import url('common.css');

.wrap {margin:0;padding:0;position:relative;}/*전체를 담은 박스*/
.maincon {overflow:hidden;margin:8% 10%}/*기본 섹션*/
.maincon_w {overflow:hidden;padding:8% 0;text-align:center;}/*바탕색 들어간 섹션*/
.maincon_w.ev {overflow:hidden;padding:7% 0;text-align:center;}/*바탕색 들어간 섹션*/
.maincon_w2 {overflow:hidden;padding:5% 0 0 0;text-align:center;}/*바탕색, 아래여백 없는 섹션*/

/*visual*/
.visual_area {margin:0 5%;position:relative;}

/*제목셋팅*/
/*.cate1 {width:100px;font-size:30px;color:#ff5e9f;margin:8% 0 3% 0;}
.cate1 img {margin-right:5px;display:inline-block;float:left;}
.cate1 span {display:inline-block;margin-top:2%}
.cate {width:100px;font-size:30px;color:#ff5e9f;margin:8% auto 3% auto;}
.cate img {margin-right:5px;display:inline-block;float:left;}
.cate span {display:inline-block;margin-top:2%}
.cate.long {width:135px}
.cate2 {width:200px;font-size:30px;color:#ff5e9f;margin:0% auto 3% auto;}
.cate2 img {margin-right:5px;display:inline-block;float:left;}
.cate2 span {display:inline-block;margin-top:-10px}
.cate3 {width:250px;font-size:30px;color:#ff5e9f;margin:8% auto 3% auto;color:#fff}
.cate3 img {margin-right:5px;display:inline-block;float:left;}
.cate3 span {display:inline-block;margin-top:-10px}
*/
/*타이틀 셋팅*/
.con_title {clear:both;font-size:50px;line-height:1.3;color:#221e1f}
.con_title2 {font-size:30px;line-height:1.3;color:#221e1f}
.con_title2 span {font-size:20px}
.con_title3 {font-size:38px;line-height:1.3;color:#221e1f}
.con_stitle {font-size:24px;margin:8% 0 5% 0}
.con_stitle span {font-size:28px;font-weight:700}
.con_stitle2 {font-size:22px;margin:3% 0 0 0;line-height:160%}

.des {font-size:20px;line-height:160%;letter-spacing:-1px;color:#221e1f}


/*section1*/
.con1 {width:100%;overflow:hidden;}
.con1 .txt{float:left;margin:5% auto auto 5%}
.con1 .imgbox{width:50%;float:right;}
.con2 {width:100%;overflow:hidden;}
.con2 .txt{float:right;margin:15% 14% auto auto}
.con2 .imgbox{width:50%;float:left;}

/*section2*/
#sec2 {margin:8% 3% 8% 10% }
.con3 {width:100%;overflow:hidden;}
.con3 li {float:left;width:28%;margin-right:5%;text-align:center;}
.con3 li.down {margin-top:7%}
.con3 li.last {margin-right:0;width:}
.con3 li h3 {margin-top:8%}

/*section3*/
#sec3 {background-color:#fdeebe;text-align:center;overflow:hidden;}
.con4 {border:1px solid #fdeebe;position:relative;z-index:1;background-image:url('../img/main/main06_02.png');background-repeat:no-repeat;background-size:100% auto;margin:5% 10% 0 10%}
.con4_img {width:50%;max-width:1000px;margin:-3% auto 5% auto;}

/*section4*/
#sec4 {background:#ec6867;}
.con5 {margin:0 15% 5% 15%;position:relative;overflow:hidden;}
.con5:nth-child(3n){margin:0 15%}
.con5 li {width:45%;margin-right:10%;float:left;text-align:center}
.con5 li.last {margin-right:0;}
.con5 li h3 {margin-top:10%}

/*section5*/
#sec5 {background:#005727;}
#sec5 ul {overflow:hidden;padding:1%}
#sec5 ul li {display:block;width:32.5%;float:left;margin-right:1%;border:1px solid #fff;text-align:center;padding:1.5% 0}
#sec5 ul li.last {margin-right:0}

/*section6*/
#sec6 {width:100%;background:url('../img/main/main_event_bg.jpg') no-repeat 0 center;background-size:100% auto}
.evbt {display:block;width:200px;font-size:24px;font-family:'Gmarket Sans',sans-serif;background:#ff60a0;padding:1% 3%;margin:3% auto 0 auto;text-align:center;border-radius:50px;color:#fff}

/*section7-매거진발행안내*/
#sec7 {width:100%;background:#efdddc;}
.con7 {width:90%;overflow:hidden;margin:0 auto}
.con7 .txt{width:40%;float:right;margin:7% 10% auto auto;}
.con7 .imgbox{width:30%;float:left;padding:5% 2% 5% 12%;}
.con7 .con_title{font-size:40px;}
.con7 .des{line-height:2;font-family:'Gmarket Sans',sans-serif;letter-spacing:0;margin-top:5%}
.con7 .btn{display:block;font-size:24px;width:70%;font-family:'Gmarket Sans',sans-serif;background:#ff60a0;padding:2% 2%;margin:3% 0 5% 0;text-align:center;border-radius:50px;color:#fff}
.con7 .btn a {color:#fff}
.con7 .btn a:hover {color:#000}

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

@media screen and (max-width:1440px) {
/*title*/
.con_title {font-size:38px;}
.con_title2 {font-size:28px;}
.con3 li .con_title2 {font-size:22px}
.con_title3 {font-size:30px;}
.con_stitle, .con_stitle2 {font-size:20px;}
.con_stitle span {font-size:24px}
.des {font-size:18px;letter-spacing:0px}
/*section1*/
.con2 .txt{margin:13% 10% auto auto}
.con7 .btn{width:90%;font-size:20px}
}

@media screen and (max-width:1366px) {
	.con7 {width:100%}
.con7 .txt{width:50%;margin:7% 0;}
.con7 .imgbox{width:40%;padding:5% 2% 5% 5%;}
}

@media screen and (max-width:1280px) {
	.con7 .con_title {font-size:36px}

}

@media screen and (max-width:1200px) {
.maincon_w.ev {padding:5% 0}
#sec5 ul li {width:32.3%;}
/*section6*/
#sec6 {background-size:110%;background-position:center center}
.evbt {font-size:20px}
}

@media screen and (max-width:1024px) {
/*title*/
.con_title {font-size:32px;}
.con_title2 {font-size:24px;}
.con_title3 {font-size:22px;}
.con_stitle, .con_stitle2 {font-size:18px;}
.con_stitle span {font-size:22px}
.des {font-size:16px;letter-spacing:0px}
/*section1*/
.con2 .txt{margin:15% 0% auto auto}
}

@media screen and (max-width:900px) {
/*title*/
.con_title {font-size:26px;}
.con_title2 {font-size:20px;}
.con_title3 {font-size:18px;}
.con_stitle, .con_stitle2 {font-size:16px;}
.con_stitle span {font-size:20px}
.des {font-size:14px;letter-spacing:0px}
}

@media screen and (max-width:768px) {
/*콘텐츠여백조절*/
.maincon {margin:8%}
#sec2 {margin:8% 5%}
.con3 li {width:30%;margin-right:5%;}
.con5 {margin:0 10% 5% 10%;}
.con5:nth-child(3n){margin:0 10%}
/*title*/
.con_title {font-size:28px;}
.con_title2 {font-size:20px;}
.con_title3 {font-size:18px;}
.con3 li .con_title2{}
/*section1*/
.con1 .txt {margin:5% auto auto 2%}
.con1 .imgbox{width:50%;padding:3% 0 5% 0}
.con2 .txt{float:right;margin:15% 0% auto auto}
.con2 .imgbox{width:50%;float:left;}
/*section6*/
#sec6 {background-size:120%}
/*section7*/
.con7 .imgbox {width:90%;margin:5%;padding:0}
.con7 .txt{width:90%;float:none;margin:0 auto;}
.con7 .con_title{font-size:30px;}
.con7 .des{font-size:18px;line-height:1.8;margin:3% 0 5% 0}
}

@media screen and (max-width:570px) {
/*콘텐츠여백조절*/
.maincon {margin:0 10%;}
/*#sec2 {margin:8% 5%}*/
/*title*/
.con_title, .con_title2, .con_title3 {font-size:34px;}
.con3 li .con_title2 {font-size:34px}
.con_stitle {margin:3% 0 5% 0}
.des {font-size:16px;margin:0 0 8% 0}
/*visual*/
.visual_area {margin:0% 5% 10% 5%}
.vs_img {display:block;width:100%;}
/*section1*/
.con1, .con2 {margin:0 0 15% 0}
.con1 .txt, .con2 .txt{width:100%;margin:0;text-align:center}
.con1 .imgbox, .con2 .imgbox{width:100%;}
/*section2*/
#sec2 {margin:0 10%}
.con3 li {display:flex;flex-direction: column;width:100%;margin-right:0;padding-bottom:10%}
.con3 li.down {margin-top:0%}
.con3 li.last {margin-right:0;margin-bottom:0%}
.con3 li .catebox {order: 1; }
.con3 li .con_title2 {order: 2;margin:0 auto 5% auto;font-size:34px}
.con3 li a {float:right;order: 3; }
/*section3*/
/*.con4 {border:1px solid #fff4f9;background-size:100% auto;}*/
/*section4*/
.con5,.con5:nth-child(3n) {margin:0 8%}
.con5 li {width:100%;margin-right:0%;float:none;text-align:center;margin-top:15%}
.con5 li h3 {margin-top:5%}
/*section5*/
#sec5 ul {padding:5%}
#sec5 ul li {width:100%;float:none;margin-right:0%;margin-bottom:2%}
#sec5 ul li.last {margin-right:0}
#sec5 ul li:nth-child(3n) {margin-bottom:0%}
/*section6*/
#sec6 {background-size:auto 100%;background-position:center center;padding:20% 0;}
.evbt {padding:2.5% 0}
/*section7*/
.con7 .con_title{font-size:26px;}
}

@media screen and (max-width:475px) {
/*title*/
.con_title, .con_title2, .con_title3 {font-size:24px;}
.con3 li .con_title2 {font-size:24px}
}
@media screen and (max-width:428px) {
	/*section7*/
.con7 .con_title{font-size:24px;}
.con7 .des{font-size:16px}
.con7 .btn{font-size:18px}

}

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

@media screen and (max-width:375px) {
	/*section7*/
.con7 .con_title{font-size:22px;}
.con7 .des{font-size:14px}
}

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