@charset "utf-8";
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap);
@font-face {
	font-family: 'tmonmonsori';
	/*src: url(../font/TmonMonsori.ttf.ttf) format('truetype');*/

	src: url('../font/TmonMonsori.ttf.eot');
	src: url('../font/TmonMonsori.ttf.woff2') format('woff2'), url('../font/TmonMonsori.ttf.eot?#iefix') format('embedded-opentype');
}


* {
	padding:0px;
	margin:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	list-style:none;
	font-family: 'NanumSquare';
}

a { text-decoration: none; }
a:hover { text-decoration:none; }

ul{ list-style:none; }

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
	width:100%;
	height:100%;
	background:#ffffff !important;
	overflow-x:hidden;
}

img {   }
.m_open { display:none; }
.m_close { display:initial; }

.w580 { width:580px; margin:0 auto; }
.w740 { width:740px; margin:0 auto; }
.w1920 { width:1920px; margin:0 auto; padding: 100px; }
.w1920:after { clear:both; display:block; content:""; }

.w1175 { width:1175px; margin:0 auto; }
.w1175:after { clear:both; display:block; content:""; }

/* 이벤트 기간만료 */
.w580 .event_end { width:100%; text-align:center; font-size:20px; font-weight:700; padding:30px 0; }

#header { width:100%; }
.main_top { text-align:center; height:150px; padding-top:40px; }
.main_top img { margin:0 auto; max-width: 117px; }
.main_top img.m_open { width:100%; }
.t_left { float:left; }
.t_right { float:right; list-style:none;}
.t_right li { float:left;  padding: 25px;  }
.t_right li a{ font-family:'tmonmonsori'; font-size: 23px; color: #000;transition: 0.3s; }
.t_right li:hover a,.t_right li.active a{ color: #8dc63f;  text-decoration: none;}
.t_right li:hover,.t_right li.active { border-bottom: 4px solid #8dc63f; }

.main_img { text-align:center; }
.main_img:aftger { clear:both; display:block; content:""; }
.main_img img {  }

/*2019-04-16 서브이미지 추가*/
.desc_img { text-align:center; background-color:#fff; }
.desc_img img { width:100%; max-width:800px; }

#wrap { width:100%; position:relative; }

.desc_area { position:relative; padding:70px 20px ; background: url(../images/desc_area_back.png)  center; text-align: center;}
.desc_area:after { clear:both; display:block; content:""; }
.desc_area img{width: 100%;max-width: 808px;}
.sec2_img { position:absolute; bottom: -80px; right: 0px; }
.desc_area p { position:relative; width: 1116px; text-align:left; margin: 0px auto; }
.sec2_txt1 {  margin-top: 80px;  }

.join_area { width: 100%; background: #fbd371; padding: 40px 0;}
.join_tit { width: 789px; margin:0 auto; }

.join_txt1 { width: 789px; margin: 0 auto; list-style:none; }
.join_txt1 li {
	width:100%;
	background: #fff;
	padding: 15px;
	margin: 8px 0;
	color: #4f4f4f;
	font-size: 30px;
	letter-spacing: -2px;
}
.join_txt1 li img { display:inline-block; padding-left: 60px; }
.join_txt1 li span { padding-left: 80px; font-weight:800; }

.join_ps { width: 789px; margin: 50px auto 20px auto; }
.join_ps li { text-align:center; }
.join_ps li img { display:inline-block; margin-top: -34px; }
.join_ps li p { display:inline-block; padding-left: 50px; color: #4f4f4f; font-size: 24px; letter-spacing: -2px; text-align:justify;}
.join_ps li p span { font-weight: 800; }

.cont_notice { width:100%; padding:40px 0; }
.cont_notice:after { display:block; content:""; clear:both; }
.cont_notice .text_area { width:50%; float:left; color:#494949; font-size:18px; padding-top:50px;}
.cont_notice .text_area:after { display:block; content:""; clear:both; }
.cont_notice .text_area ul.title_box { width:25%; float:left; }
.cont_notice .text_area ul.title_box li { width: 120px; padding:5px 15px; background:#5c5750; color:#fff; font-weight:800; text-align:center; display:inline-block; margin-bottom:10px; }
.cont_notice .text_area ul.content_box { width:75%; float:right; }
.cont_notice .text_area ul.content_box li { margin-bottom:10px; line-height:30px; }
.cont_notice .text_area ul.content_box li a { color: #494949; }
.cont_notice .reward_area { width:50%; float:right; }
.cont_notice .reward_area img { width:100%;}

.sns_title { text-align:center; padding-bottom:30px; }
.sns_title img { margin:0 auto; }
.sns_title2 { text-align:center; padding-bottom:30px; }
.sns_title2 img { margin:0 auto; }
.sns_area { width: 390px; margin: 30px auto; text-align:center;}
.sns_area:after { display:block; content:""; clear:both; }
.sns_area li { display:inline-block; padding:0 5px; }
.sns_area li img { }

#gallery { width:100%; position:relative; margin-top: 60px; }
#gallery:after { clear:both; display:block; content:""; }
.gallery_tit { width:100%; padding:40px 0; margin:0 auto; text-align:center;}
.gallery_tit p.gallery_text { font-size:13px; color:#8a8a8a; text-align:center; padding-top:15px; }
.gallery_tit h1 { width:225px; display:block; margin:0 auto; background:#f85b5b; color:#fff; text-align:center; font-size:22px; border-radius:40px; padding:10px 0;}
.gallery_area { width:100%; padding:0 0 50px; }
.gallery_box { width:100%; }
.gallery_box:after { display:block; content:""; clear:both; }
.gallery_box .gallery_cont{ position:relative; width:31%; height:300px; border: 1px solid #ccc; background:#f4f4f4; margin:0.5%; overflow:hidden; text-align:center; float:left; padding:0px;}
.gallery_box .gallery_cont img { height:100%; transition: 0.3s;}
.gallery_box .gallery_cont:hover img{transform: scale(1.1);}
.gallery_box .gallery_cont p {
    position: absolute;
    width: 100%;
	height:50px;
	background: rgba(0,0,0,0.5);
    left: 0;
    bottom: 0;
	vertical-align:bottom;
    z-index: 4;
	padding: 10px;
    font-family: 'NanumSquare';
    color: #fff;
    font-size: 16.5px;
	display:none;
}
.gallery_box .gallery_cont:hover p { display:block; }

.gallery_more h1 {
	width:260px;
	margin:20px auto 0 auto;
	padding:15px 0;
	text-align:center;
	font-family: 'NanumSquare';
	font-size:22px;
	font-weight: 800;
	border: 2px solid #494949;
	color: #494949;
	display:inline-block;
	transition: 0.3s;
}
.gallery_more h1:hover{
	background-color: #494949;
	color: #fff;
}

.lb_submit { text-align: center; display: block; }

.notice img { vertical-align: top; }
.nt_ul { display: inline-block; list-style:none; margin-left: 80px;}
.nt_ul li { font-size: 18px; margin: 10px 0;}
.nt_ul li span { font-weight: 800; }

.ox_area { width: 100%; margin-top: 50px; background: url(../images/ox_bg.gif) top repeat-x #f8f0e2; padding: 0px 0 40px 0; letter-spacing: -2px; }
.ox_area .ox_head { margin: 0 auto; width: 305px; height: 124px; background: url(../images/ox_t_bg.gif); font-size: 65px; font-weight: 800; color: #fff; text-align:center; padding-top: 20px;  }
.ox_area .ox_text { width: 1175px; margin:0 auto; min-height: 300px; position:relative; }
.ox_area .ox_text p { text-align:center; }
.ox_area .ox_text p span.ox_txt1 { display: block; margin-top: 50px; font-size: 26px; color: #494949; }
.ox_area .ox_text p span.ox_txt2 { display: block; margin-top: 30px; font-size: 70px; font-weight: 800; font-family: 'tmonmonsori' !important; color: #494949; }
.ox_area .ox_text p span.ox_txt2 .txt_tmon { font-family: 'tmonmonsori' !important;  }
.ox_area .ox_text p span.ox_txt3 { display: block; margin-top: 50px; font-size: 23px; color: #494949; }
.ox_area .ox_text .ox_teach { position:absolute; right:-100px; bottom:-220px; }

.ox_start { text-align:center; margin-top: 60px; }
.ox_start img { cursor:pointer; }
.start_btn { padding: 20px 40px; border: 1px solid #494949; color: #494949; font-size: 30px; font-weight:800; cursor:pointer; margin:0 5px;}
.start_btn:hover { background: #494949; color: #fff; text-decoration: none; }

.attack_area { width: 100%; margin-top: 50px; padding: 0px 0 40px 0; letter-spacing: -2px; }
.attack_area .at_text { width: 1175px; margin:0 auto; min-height: 300px; position:relative; }
.attack_area .at_text > img{max-width:550px; width:100%;height: auto;}
.attack_area .at_text p { text-align:center; }
.attack_area .at_text p span.at_txt1 { display: block; margin-top: 50px; font-size: 26px; color: #494949; }
.attack_area .at_text p span.at_txt2 { display: block; margin-top: 30px; font-size: 70px; font-weight: 800; font-family: 'tmonmonsori' !important; color: #494949; }
.attack_area .at_text p span.at_txt2 .txt_tmon { font-family: 'tmonmonsori' !important;  }
.attack_area .at_img { padding: 100px 0; text-align:center; background: url(../images/at_img1.png?ver=220215) center; }

/* popup 용 */
.attack2_area { width: 100%; margin-top: 50px; padding: 0px 0 40px 0; letter-spacing: -2px; }
.attack2_area .at2_text { width: 100%; margin:0 auto; min-height: 160px; position:relative; }
.attack2_area .at2_text p { text-align:center; }
.attack2_area .at2_text p span.at2_txt1 { display: block; margin-top: 50px; font-size: 26px; color: #494949; }
.attack2_area .at2_text p span.at2_txt2 { display: block; margin-top: 30px; font-size: 70px; font-weight: 800; font-family: 'tmonmonsori' !important; color: #494949; }
.attack2_area .at2_text p span.at2_txt2 .txt_tmon { font-family: 'tmonmonsori' !important;  }
.attack2_area .at2_img { padding: 50px 0; text-align:center; background: url(../images/at_img1.png); }
.attack2_area .at2_img img { height: 340px; }

.attack_order { width:100%; padding:40px 0; }
.attack_order:after { display:block; content:""; clear:both; }
.attack_order .text_area { width:67%; margin: 0 auto; color:#494949; font-size:18px; padding-top:50px;}
.attack_order .text_area:after { display:block; content:""; clear:both; }
.attack_order .text_area div.ao_txt1 { display: block; margin-bottom: 50px; font-size: 33px; font-weight: 800; color: #494949;  }
.attack_order .text_area div.ao_txt1 span { font-size: 28px; }
.attack_order .text_area ul.title_box { width:25%; float:left; }
.attack_order .text_area ul.title_box li { width: 120px; padding:5px 15px; background:#f28c6a; color:#fff; font-weight:800; text-align:center; display:inline-block; margin-bottom:10px; }
.attack_order .text_area ul.title_box li:nth-child(3) { margin-top: 58px; }
.attack_order .text_area ul.content_box { width:75%; float:right; }
.attack_order .text_area ul.content_box li { margin-bottom:10px; line-height:33px; }
.attack_order .text_area ul.content_box li a { color: #494949; }
.attack_order .sns_title { margin-top: 100px; }

.event_2 .attack_area .at_img{background-position: bottom; padding:200px 0 80px; }

.event_2 .attack_area .at_img{display: flex; align-items: center;}
.event_2 .attack_area .at_img .at_img_harf {display: flex; width:45%; height: 320px; align-items: center; background-color:initial; justify-content:center; height:460px;}
.event_2 .attack_area .at_img .at_img_harf:nth-of-type(2) {width:55%; justify-content: flex-start; background-color:rgba(180,228,141,0.3);}
.event_2 .attack_area .at_img .at_img_harf img{width:auto; height: 100%;}

.event_2 .attack_area .at_img img{max-width:690px; width:90%; height:auto;}
.event_2 .attack_order .text_area{width:100%; max-width:980px; word-break: keep-all;}
.event_2 .attack_order .text_area div.ao_txt1{text-align:center; }
.attack_order .text_area ul.title_box{width:24%;}
.event_2 .attack_order .text_area ul.title_box li {padding:5px; }
.attack_order .text_area ul.content_box{width:76%;}
.attack_order .text_area ul.content_box.md2{width:83%;}
.event_2 .sns_txt2{font-size:18px; text-align:center;padding: 0 20px; word-break: keep-all;}
.event_2 .ox_area{margin:0 auto; padding:0 10px 20px}
.event_2 .ox_area .ox_text{width:100%; min-height:250px; word-break:keep-all;}
.event_2 .ox_area .ox_text p span.ox_txt2  {font-size:36px;}
.event_2 .ox_area .ox_text p span.ox_txt3{margin-top:0;}
.event_2 .ox_start{margin:20px 0; padding-top:20px; display:flex; justify-content:center; align-items:center; }
.event_2 .ox_start .pop_img {margin-top:10px;}
.event_2 .pop_img{width:90%; max-width:200px; margin-top:10px; cursor:default;}
.event_2 .ox_start .btn_box {display:flex; align-items:center; margin-top:10px;}
.event_2 .ox_start .item_detail_btn{color:#000;margin:0 5px; font-size:18px; border:1px solid #494949; padding:10px; display:flex; border-radius:2px;}
.event_2 .ox_start .item_detail_btn:hover{background:#494949;color:#fff; }
.event_2 .ox_area .ox_text p span.ox_txt1{margin-bottom:20px;}
.event_2 .ox_area .ox_text p span.ox_txt2{margin-top:0;}

[class^=choose_] {font-size:18px; padding:10px; border-radius:2px; border:1px solid #494949; margin:0 10px; cursor:pointer;}
[class^=choose_]:hover{ background:#494949; color:#fff;}

/* 퀵슬라이드 */
#quickslide { position:fixed; right: 100px; top: 45%; background:url(../images/quick_bg.png); width: 136px; height: 331px;}
#quickslide .quick_btn { width: 100%; position:absolute; bottom: 10px; }
#quickslide .quick_btn a{ border:1px solid #fff; color: #fff; font-size: 16px; padding: 6px 15px; text-align:center; width: 100px;
    left: 13%;  }
#quickslide .quick_btn a:hover { background: #fff; border: 1px solid #f07951; color: #f07951;  }

.pop_header { background: #fbd371; padding: 55px; }
.pop_sec2 { padding: 55px; }
.pop_sec2 .psec2_p2 { padding-left: 25px; }

.pop_sec3 { background: #f8f0e2; padding: 25px; }
.pop_sec3:after { clear:both; content:""; display:block; }
.pop_sec3 ul.title_box { width:25%; float:left; }
.pop_sec3 ul.title_box li { width: 120px; padding:5px 15px; background:#ef6c3e; color:#fff; font-size: 18px; font-weight:800; text-align:center; display:inline-block; margin-bottom:10px; }
.pop_sec3 ul.content_box { width:75%; float:right; }
.pop_sec3 ul.content_box li { margin-bottom:10px; line-height:30px; font-size: 17px;}
.pop_sec3 ul.content_box li a { color: #494949; }

.pop_entrybox { margin-top: 30px; }
.pop_plus_photo h1 { background: #5c5750; color: #fff; font-size: 18px; font-weight: 800; display: inline-block; padding: 6px 25px; }
.pop_plus_photo #bf_file1 { display: inline-block; margin-left: 15px; width: 350px; }
.pop_input { border:1px solid #c5c5c5; height: 30px; display:inline-block; }
.pr { display:inline-block; }
.pr_10 { display:inline-block; margin-right: 20px; }
.pr_left20 { margin-left:20px; }
.write_line { display:inline-block; margin-bottom: 20px; }
.pop_plus_photo{ margin-bottom: 20px; }

#tb_name { width: 100px;}
#tb_hp1 {  }
#tb_hp1,#tb_hp2,#tb_hp3 { width: 70px; }
.tb_link { width: 350px; }
.btn_detail{
	background: #5c5750;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 3px 15px;
}
#tb_addr { width: 200px; }
.div_memo { width: 100%; margin-bottom: 20px; }
#tb_memo { display:block; width: 100%; height: 150px; }

#footer{ width:100%;height:195px; background-color:#272a2c; margin-top: 76px; font-family:'Nanum Gothic', sans-serif}
#footer .footer_wrap {position:relative;padding-top:56px; width:1100px; margin: 0 auto;}
#footer .footer_wrap > ul { color: #fff; }
#footer .footer_wrap > ul > li {float:left}
#footer .footer_wrap .logo {margin-right:50px}
#footer .footer_wrap .copyright .lnk {overflow:hidden;margin-bottom:28px}
#footer .footer_wrap .copyright .lnk li {float:left;}
/* #footer .footer_wrap .copyright .lnk li.lst {padding-left:40px;background:url(/assets/images/common/footer_lnk_bar.png) no-repeat 20px center} */
#footer .footer_wrap .copyright .lnk a {color:#fff;font-size:14px;font-weight:400;margin-right: 20px;}
#footer .footer_wrap .copyright .lnk a:hover{color:#a8cf67; font-weight: bold;}
#footer .footer_wrap .copyright .lnk a.p_info {color:#a8cf67;font-weight:800}
#footer .footer_wrap .copyright address {font-style:normal;font-size:14px;margin-bottom:8px}
#footer .footer_wrap .copyright .copy {font-size:12px;}

#footer .family_box {
	position:relative; display:inline-block;margin-left:15px;width:180px; height:40px;line-height:40px;  font-size:13px; color:#fff; padding:0 0 0 20px;
	border:1px solid #3c4043; background:#272a2c url('/assets/images/common/select_bt.png') no-repeat 175px center; cursor:pointer;
}
#footer .family_box .fm_layer {
	position:absolute; bottom:-1px; left:-1px; border:1px solid #3c4043;z-index:100;
	background:#272a2c; display:none; cursor:default;
}
#footer .family_box .fm_layer dl.box01 {width:170px;margin:0;padding:10px 20px;}
#footer .family_box .fm_layer dd {font-size:13px; height:25px;line-height:25px;text-align:center}
#footer .family_box .fm_layer dd a {color:#ababac;}
#footer .family_box .fm_layer span.ico {position:absolute;bottom:17px;right:14px;background:#272a2c url('/assets/images/common/select_bt.png') no-repeat 0 0;width:8px;height:5px}


/* 응모완료 추가 */
.submit_okay { width:100%; text-align:center; }
.submit_okay img { margin:0 auto; }
.submit_okay h1 { font-size:36px; color:#898989; padding-top:20px;}
.submit_okay h1 span { font-size:40px; color:#ef6c3e; }
.submit_okay a { display:block; width:220px; padding:10px 0; color:#fff; background:#f85b5b; border-radius:50px; font-size:24px; margin:30px auto 50px;  }
.submit_okay a:hover { color:#fff; text-decoration:none; }

.pop_entry_submit { text-align:center; padding:40px; }
.submit_btn {
    border:0px;
	margin: 20px auto;
}

.hidden { display: none; }

.mg_l20 { margin-left: 20px; }
.mg_l25 { margin-left: 25px; }
.mg_l30 { margin-left: 30px; }
.ft_orange { color: #e96c4f; }
.ft_lightorange { color: #f28b6a; }
.ft_w800 { font-weight:800; }

/* 220110 추가 */

.banner_area{
	width: 100%;
	display: flex;
}

.banner_item{
	display: block;
  width: 100%;
	position: relative;
	text-align:center;
}

.banner_item .txt_sub{
	top: 7vw;
	width: 100%;
	text-align: center;
	position: absolute;
}

.banner_item .txt_sub>p{
	font-family:'tmonmonsori', sans-serif;
	font-size: 2.6vw;
	font-weight: bold;
	line-height: 1.48;
}

.banner_item.wii .txt_sub>span.top_box{
	display: inline-block;
	background-color: #ef6823;
	padding: 2px 10px;
	color: #fff;
	margin-bottom:10px;
	font-size: 1.2vw;
}

.banner_item .txt_sub span{
	font-family:'Noto Sans KR', sans-serif;
	display: block;
	font-size: 1.25vw;
	font-weight: 500;
	color: #494949;
}

.banner_item .txt_sub>span>span{
	margin-top: 5px;
	font-size: 0.8vw;
	font-weight: 400;
}

.banner_item img{ }

.swiper-slide .banner_item.wii  { background: url(../images/banner_bg01.jpg); }
.swiper-slide .banner_item.liver  { background: url(../images/banner_bg03.jpg); }
/*
.swiper-slide .banner_item { background: url(../images/banner_bg01.jpg); }
.swiper-slide:nth-child(1) .banner_item { background: url(../images/banner_bg01.jpg); }
.swiper-slide:nth-child(2) .banner_item { background: url(../images/banner_bg01.jpg);  }
.swiper-slide:nth-child(3) .banner_item { background: url(../images/banner_bg03.jpg);  }
.swiper-slide:nth-child(4) .banner_item { background: url(../images/banner_bg04.jpg);  }
*/

.banner_item img.banner_marker{
	position: absolute;
	width: 3.65vw;
	min-width: 50px;
	top: 20px;
	right: 20px;
}

/* swiper */
.dp_mo{display: none;}
.swiper{position: relative; width:100%;}

.banner_swiper .swiper-button-next,
.banner_swiper .swiper-button-prev{
	width: 18px;
	height: 32px;
}
.swiper-slide{
	width:100%;
}

.banner_swiper .swiper-button-next,
.banner_swiper .swiper-container-rtl .swiper-button-prev{
	background-image: url('../images/swiper_right.png') !important;
	background-size: contain;
}

.banner_swiper .swiper-button-prev,
.banner_swiper .swiper-container-rtl .swiper-button-next{
	background-image: url('../images/swiper_left.png') !important;
	background-size: contain;
}

.ox_start img.detail_marker{
	cursor:default;
	width:75px;
	position: absolute;
	top: 55px;
	right: 40px;
}

/* .gallery_box .gallery_cont */
.gallery_box .gallery_cont{animation: fadeIn 0.5s both; animation-delay: 0.1s;}
@keyframes fadeIn {
	0%{
		opacity: 0;
		transform: translateY(100px);
	},
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}


.collagen_quick { position:fixed; right: 100px; bottom: 100px;  text-align:center; }
.collagen_quick_text { background: #428bca; padding: 5px 10px; border-radius: 15px; margin-top: 15px; }
.collagen_quick_text a { display:block; font-size: 18px; font-weight:bold;  }
.collagen_quick_text a:hover { color: #fff;  }
.collagen_quick_text a, .collagen_quick_text span { color: #fff;  }
.collagen_quick_text span { display:block; font-size: 14px; font-weight:normal; }

.dp_mo2{display: none;}

@media screen and (max-width:1919px){
	.w1920 { width: 100%; }

	.nt_ul {
		display: block;
		margin-left: 0px;
		margin-top: 40px;
	}
}

@media screen and (max-width:1700px){
	.desc_area p { position:absolute; width:100%; left: 0px; bottom: 80px; text-align:center;  }
	.sec2_img { position:absolute; bottom: 0px; right: 30px; }
}


@media screen and (max-width:1280px){
	.sec2_img { display:none; }
	.w1920 { padding: 59px; }
	.main_top{padding:23px;}
	#quickslide { display:none; }
}

@media screen and (max-width:1175px){
	.w1175 { width: 100% }
	.attack_area .at_text { width: 100%; }
}


@media screen and (max-width: 1116px){
	.main_img img { width:100%; }
}

@media screen and (max-width: 1100px){
	#footer { height: auto;  }
	#footer .footer_wrap { width:100%;  }
	#footer .footer_wrap:after { clear:both; display:block; content:"";  }
	.dp_pc{display: none !important;}
	.dp_mo{display: block;}
	/* swiper */
	.banner_item{width: 100%; display: block;}
	.banner_item .txt_sub>p{font-size: 4.4vw;}
	.banner_item .txt_sub span{font-size: 2vw;}
}

@media screen and (max-width:980px){
	.event_2 .ox_area .ox_text p span.ox_txt2{font-size:30px;}
	.event_2 .attack_area .at_text p span.at_txt2{padding:0 10px;}
	.event_2 .attack_order .text_area{padding:20px;}
	.event_2 .attack_order .text_area ul.title_box li,
	.event_2 .attack_order .text_area ul.content_box li
	{display:inline-flex; justify-content:center; align-items:center; height:42px;}


	.desc_area:after { clear:both; display:block; content:""; }

	.desc_area p{ position:initial; }
	.desc_area p img { width:100%; }
	.desc_area p:after { clear:both; display:block; content:""; }

	.cont_notice .text_area { width: 80%; float:none; }
	.cont_notice .reward_area { width: 80%; float:none; }
	.cont_notice .text_area { margin: 0px auto; padding-top: 10px; }
	.cont_notice .text_area ul.title_box { width: 20%; display:table;  }
	.cont_notice .text_area ul.content_box { width: 50%; display:table;  }

	.cont_notice .reward_area { text-align:center; margin: 0 auto; }
	.cont_notice .reward_area img { width: initial; }

	.notice img { height: 50px; }
	.nt_ul li { font-size: 15px; }
	.w1920 { padding: 23px; }
	.t_right li { padding: 25px 10px 10px 10px; }
	.t_right li a{font-size: 18px; font-family:'Noto Sans KR', sans-serif ;font-weight: bold;}

	footer { padding: 30px; text-align:center; }
	#footer .footer_wrap { padding-top: 20px;  }
	#footer .footer_wrap .logo { margin:0px; }
	#footer .footer_wrap > ul > li { float:none;  }
	#footer .footer_wrap > ul > li.copyright { margin-top: 30px;  }
	#footer .footer_wrap .copyright .lnk{display: flex;}
	#footer .footer_wrap .copyright .lnk li { flex:auto; }
	#footer .footer_wrap .copyright .lnk li.lst { padding-left:0px !important;  }
	#footer .footer_wrap .copyright .lnk a{margin-right: 0}
}

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


	.join_area { padding: 20px; }
	.join_tit { width: 100%; }
	.join_tit img { width: 100%; }

	.join_txt1 { width: 100%; }
	.join_txt1 li { font-size: 18px; padding: 5px; }
	.join_txt1 li img { padding-left: 15px; height: 30px; }
	.join_txt1 li span { padding-left: 10px; }

	.join_ps { width: 100%; margin: 20px auto 0 auto; }
	.join_ps li { text-align:center; }
	.join_ps li img { display:block; margin:0 auto;  }
	.join_ps li { font-size: 17px; padding: initial; }
	.join_ps li p { padding: 6px; font-size: 18px; text-align:center;}
	.join_ps li p br { display: contents; width: 10px; }
	.sec3_txt3 { height: 70px; }

	.cont_notice { padding: 20px; }

	.gallery_box .gallery_cont{ width:49%; height:200px; margin-bottom:0px; float:left; padding:5px;}
	.gallery_box .gallery_cont:nth-of-child(2n+1) { clear:both; }

	.ox_area .ox_text { width: 100%; padding: 10px; }
	.ox_area .ox_text .ox_teach { display:none; }
	.ox_area .ox_text p span.ox_txt1 { font-size: 20px; }
	.ox_area .ox_text p span.ox_txt2 { font-size: 45px; }
	.ox_area .ox_text p span.ox_txt2 img { width:100%; }
	.ox_area .ox_text p span.ox_txt3 { font-size: 20px; }
	.ox_start { margin-bottom: 40px; margin-top: 25px; }
	.ox_start img { width: 20%; }

	.attack_area { margin-top: 100px; }
	.attack_area .at_text p span.at_txt1 { font-size: 21px; }
	.attack_area .at_text p span.at_txt2 { font-size: 55px; }
	.attack_area .at_img { padding: 90px 0; }
	.event_2 .attack_area .at_img{padding:90px 0;}

	.attack_order .text_area { width: 90%; padding-top: 0px;  }
	.attack_order .text_area div.ao_txt1 { font-size: 27px; }
	.attack_order .text_area ul.title_box li { width: 95px; font-size: 15px; }
	.attack_order .text_area ul.title_box li:nth-child(3) { margin-top: 53px; }
	.attack_order .text_area ul.content_box li { font-size: 16px; line-height: 27px; }
	.attack_order .sns_title { margin-top: 56px; }

	.attack2_area .at2_text p span.at2_txt1 { font-size: 21px; }
	.attack2_area .at2_text p span.at2_txt2 { font-size: 35px; }
	.attack2_area .at2_img img { height: 236px; }


	.nt_ul li { line-height: 25px; }

	.collagen_quick { right: 10px; bottom: 10px;  }
	.collagen_quick_img { width: 80px; margin:0 auto; }
	.collagen_quick_img img { width: 100%; }
	.collagen_quick_text { margin-top: 8px; }
	.collagen_quick_text a { font-size: 15px; }
	.collagen_quick_text a, .collagen_quick_text span { color: #fff;  }
	.collagen_quick_text span { display:block; font-size: 14px; font-weight:normal; }

}


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

	.cont_notice .text_area ul.title_box li { font-size: 15px;  }
	.cont_notice .text_area ul.content_box li { font-size: 15px;  }

	.cont_notice .reward_area img { width: 100%; }

	.gallery_tit { width: 40%; }
	.gallery_tit img { width: 100%; }

	.sns_area { margin-top: 5px; }
	.attack_order .text_area ul.content_box.md2{width:75%;}


}


@media screen and (max-width:600px){
	.attack_area .at_text > img{max-width:100%;}
	.event_2 .attack_area .at_img img{max-width:100%;}

	.event_2 .attack_area .at_img .at_img_harf{height: 250px; width:100%;}

	.event_2 .attack_order{padding-top:0; margin-top:-20px;}
	.event_2 .attack_area .at_img{background: url(../images/at_img1_m.png?ver=220208) center; background-repeat: no-repeat; background-size:contain; }
	.event_2 .attack_area .at_img img{width:55%; }
	.event_2 .attack_area .at_text p span.at_txt2{font-size:42px;}
	.event_2 .ox_area .ox_text p span.ox_txt2{font-size:24px;}
	.event_2 .ox_area .ox_text{padding:0;}
	.event_2 .ox_area{overflow:hidden;}
	.event_2 .modal{width:100% !important; padding:10px 10px;}
	.event_2 .pop_img{max-width:150px;}
	.event_2 .start_btn{padding:10px 20px; }
	.event_2 .ox_start{margin:10px 0; padding-top:10px;}
	.event_2 .attack_order .text_area{padding:10px;}
	.event_2 .attack_order .text_area div.ao_txt1{font-size:20px;}
	.event_2 .sns_txt2{padding:0 10px;}
	[class^=choose_]{margin:0 3px; padding:5px; font-size:15px;}

	footer { padding:40px 20px;}
	.m_close { display:none; }
	.m_open { display:block; }

	.cont_notice .text_area { width: 100%; }
	.cont_notice .text_area ul.content_box { width: 60%; }

	.sns_title { width: 60%; margin: 10px auto 0 auto; }
	.sns_title img { width: 100%; }
	.sns_title2 img { width: 75%; }


	.w740 { width: 100%; padding: 0 20px; }
	.w580 { width: 100%; padding: 0 20px; }
	.w580 img.sizeof { width: 100%; }

	.main_top { height: initial; }
	.t_left { width: 100%; }
	.t_right {
		float: none !important;
		display: table;
		margin: 0 auto;
	}

	.pop_sec2 { padding: 35px; }
	.pop_sec3 { padding: 10px; }
	.pop_sec3 ul.title_box { width: 20%; }
	.pop_sec3 ul.title_box li {
		width: 100px;
		padding: 5px 10px;
		font-size: 15px;
	}
	.pop_sec3 ul.content_box { width: 68%; }
	.pop_sec3 ul.content_box li { font-size: 14px; }

	.pop_plus_photo h1 { font-size: 15px; padding: 6px 6px; }
	.pop_plus_photo #bf_file1 {
		width: 184px;
	    display: inline-block;
	}

	.pr_left20 { margin-left: 0px; }
	.mg_l20 { margin-left: 0px; }
	.mg_l30 { margin-left: 0px; }
	.submit_btn { width:100%; }

	.ox_area .ox_text p span.ox_txt2 { font-size: 35px; }
	.ox_area .ox_text p span.ox_txt3 { font-size: 16px; }

	.desc_area {padding: 70px 20px;  }

	.attack_area .at_text { min-height: 200px; }

	.t_right { width:100%; display: flex; }
	.t_right li { padding: 25px 3px 10px ; flex:auto;}
	.t_right li a { font-size: 14px; font-weight: 500 !important; }

	.attack_area .at_text p span.at_txt2 { font-size: 45px; }
	.attack_area .at_img { background-size: 1050px 450px; background-repeat: no-repeat; }
	.attack_area .at_img img { height: 300px; }
	.attack_order .text_area ul.content_box { width: 70%; }
	.attack_order .text_area ul.content_box li { line-height: 23px; font-size: 15px; }
	.attack_order .text_area ul.title_box li:nth-child(3) { margin-top: 91px; }
	.attack_order .text_area ul.title_box li:nth-child(4) { margin-top: 18px; }

	.m_dp_block { display:block; }
	/* swiper */
	.banner_item img { width: 100%; }
	.banner_item .txt_sub{top:12vw;}
	.banner_item .txt_sub>p{font-size: 10vw;}
	.banner_item .txt_sub span{font-size: 4vw;}
	.banner_item.wii .txt_sub span.top_box{font-size: 4vw;}
	.banner_item .txt_sub>span>span{font-size: 3vw;}

	.dp_pc2{display: none;}
	.dp_mo2{display: block;}
	.desc_area img.dp_mo2{max-width: 300px; margin:0 auto; }

	.ox_start img.detail_marker{
		top: 45px;
		right: 15px;
	}
}

@media screen and (max-width:450px){
	.event_2 .attack_area .at_img .at_img_harf {width: 100%; height: 200px;}
	.event_2 .attack_area .at_img .at_img_harf:nth-of-type(2){width:70%;}

		.ox_start img.detail_marker{width:40px;}
	.event_2 .attack_area .at_text p span.at_txt2{font-size:32px;}

}