@import url("font.css");

.container-fluid{width:100%;padding-bottom:0px;margin:0 auto;font-family: sans-serif;}
.stick_nav{width:100%;}

/* base - ºê¶ó¿ìÀú ÃʱâÈ­ */
*{ margin: 0; padding: 0; -webkit-text-size-adjust:none;}
ul, ol, dl, li, dd, dt{ list-style: none; }
a{ text-decoration: none; } 
img{ border: none;max-width:100%;height:auto;vertical-align:middle;}
table{ border-collapse: collapse; border-spacing: 0px; }
button{outline: none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;margin:0;padding:0;vertical-align:middle;border:none;cursor: pointer;}

/* ÄÁÅÙÃ÷ °øÅë */
#wrap{position: relative;width:100%;min-width:1200px;margin:0 auto;}
.blind{display:none;}
.blink{text-indent:-1000em;}


/* sticky*/

.sticky {position: fixed;top: 0;transition: all 0.5s;}
.sticky + .content {padding-top: 60px;}

#navbar {overflow: hidden;background-color: #000000;width:100%;height:120px;z-index: 99;  position: relative; margin:0 auto;padding:0;border:1px solid #000000;}
#navbar div {width:1200px;height:120px;margin:0 auto;/*background:url("../images/tt01_full.png") no-repeat;*/position: relative;display:flex;justify-content:center;align-items:center;}
#navbar div button{background:url("../images/welf/2026/btn01.png") no-repeat;width:362px;height:62px;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);}
#navbar div button:hover{background:url("../images/welf/2026/btn01_on.png") no-repeat;}

h2.int{display:inline-block;font-size: 1.875em;color:#fff;text-align:left;width:100%;font-weight: 700;letter-spacing:-0.3px;line-height:1;font-family: 'GmarketSansLight';}
h2.int > span{display:inline-block;}
h2.int > span > span.tte{display:inline-block;background:url('../images/welf/2026/tti.png') repeat-x left 90%;font-family: 'GmarketSansBold';padding:0 3px;}



.content_mo{clear:both;position: relative;width:100%;margin:0 auto;}
.content_mo span img{text-align:center;width:100%;height:auto;vertical-align:top;}

.warp01{background-color:#000;display:block;margin:0; padding:0;width:100%;}
.warp01 > img{display:inline-block;margin:0; padding:0;vertical-align:bottom}

article{float: left; transition: all 0.5s;}


.content{clear:both;position: relative;width:100%;margin:0 auto;padding:0;}
section.con{width:100%;}
section.con > article{width:100%;display:block;transition: all 0.5s; text-align:center;}

section.con > article img{text-align:center;width:1200px;}

.conArea2{position: relative;display:inline-block;}
.conArea2.disf{display: flex;justify-content: center;}

ul.conArea{position: relative;background: url("../images/welf/2026/m_visual_02.jpg") no-repeat center top;height:75.83vw;background-size: contain;}
li.btnArea{position:absolute;top:24.25vw;left:8.75vw;display: flex;justify-content: flex-start;width:50vw;border:0px solid red;}
li.btnArea:nth-child(2){position:absolute;top:56.25vw;left:8.75vw;}

.conaArea {position: relative;background: url("../images/welf/2026/m_visual_03.jpg") no-repeat center top;height:56.58vw;background-size: contain;}
.conaArea.lecture {position: relative;background: url("../images/welf/2026/m_visual_05.jpg") no-repeat center top;height:63.83vw;background-size: contain;}
.conaArea.sill {position: relative;background: url("../images/welf/2026/m_visual_06-tte.png") no-repeat center top;height:124.17vw;background-size: contain;}
.conaArea.sill01 {position: relative;background: url("../images/welf/2026/m_visual_0601.png") no-repeat center top;height:69.5vw;background-size: contain;}
.conaArea.sill02 {position: relative;background: url("../images/welf/2026/m_visual_0602.png") no-repeat center top;height:54.67vw;background-size: contain;}
.conaArea.free {position: relative;background: url("../images/welf/2026/m_visual_07.jpg") no-repeat center top;height:52.5vw;background-size: contain;}
.btnArea22{clear:both;position: relative;width:100%;margin:8.33vw auto 10vw;display: flex;justify-content: center;}

.mT44 {clear:both;margin-top: 3.67vw !important; }
.mT130 {clear:both;margin-top: 10.83vw !important; }
.mT100 {clear:both;margin-top: 8.33vw !important; }

/* ÇϴܹöÆ° Ãß°¡*/
button.smline{
	width:21.67vw; height:4.33vw; border-radius:4.33vw;outline: #ddddda;background: #ffffff;border:1px solid #ddddda;
	font-size:2vw;line-height:4.17vw;color:#2d2726;letter-spacing: -0.5px;font-family: 'GmarketSansMedium';font-weight: normal;
	position:relative;overflow:hidden;              /* ¿À¹ö·¹ÀÌ À߸² */
	transform:translateZ(0);      /* ¾Ö´Ï¸ÞÀÌ¼Ç ±úÁü ¹æÁö */
}
button.smline:hover{border:1px solid #2e7c60;color:#fff;}
button.smline + button.smline{display:inline-block;margin-left:1.17vw;}

button.smline > *{position:relative; z-index:1;}
button.smline::before{
	content:"";
	position:absolute;
	inset:0;
	background:#43b78e url("../images/welf/2026/btn_bg.png") no-repeat center center;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .35s cubic-bezier(.2,.8,.2,1);
	z-index:0;
}
button.smline:hover::before,
button.smline:focus-visible::before{
	transform:scaleX(1);
}

button.smline.lgg{width:22.5vw;}
button.smline.smm{
	height:4.17vw; border-radius:4.17vw;outline: #9d9e9d;border:1px solid #9d9e9d;
	font-size:1.83vw;line-height:4vw;color:#2d2726;
	position:absolute;top:20.83vw;right:7.67vw;
}
button.smline.smm:hover{border:1px solid #2e7c60;color:#fff;}
button.smline.smm.sill{position:absolute;top:28.25vw;left:54.17vw;width:18.33vw;}
button.smline.smm.intro{position:absolute;top:28.58vw;left:11.25vw;width:18.33vw;}
button.smline.smm.faq{position:absolute;top:3.17vw;right:10.67vw;width:18.33vw;}
button.smline.smm.free{position:absolute;top:17.08vw;left:7.33vw;width:18.33vw;}
button.smline.smm.sms{position:absolute;top:544px;left:342px;width:18.67vw;}


/* ÇϴܹöÆ°*/
button.btn_big{
	width:48.33vw; height:10vw; border-radius:1.33vw;outline: #c78f3a;background: #ea991c;border:1px solid #c78f3a;
	font-size:4vw;color:#fff;letter-spacing: -0.5px;font-family: 'GmarketSansBold';font-weight: normal;text-align:center;
	position:relative;display: flex !important;justify-content: center;align-items: center;
	overflow:hidden;              /* ¿À¹ö·¹ÀÌ À߸² */
	transform:translateZ(0);      /* ¾Ö´Ï¸ÞÀÌ¼Ç ±úÁü ¹æÁö */
	/*text-shadow: 0px 0px 5px rgba(0,0,0,0.2);*/
}
button.btn_big > *{position:relative; z-index:1;}
button.btn_big > span{display:inline-block;margin-top:0.33vw;}
button.btn_big > span.blakkk{
	display:inline-block;background: url("../images/welf/2026/ico_btn.png") no-repeat right 50%;width:3.33vw;height:10vw;
	margin-top:0px !important;background-size: contain;margin-left:1.2vw;
}
button.btn_big:hover{border:1px solid #3b8b7e;}
button.btn_big:hover > span.blakkk{background-image:url("../images/welf/2026/ico_btn_on.png")}

button.btn_big.sill{position:absolute;bottom:0;left:50%;transform: translateX(-50%);}
button.btn_big.su{width:36vw;}
button.btn_big + button.btn_big{display:inline-block;margin-left:1.33vw;}


button.btn_big::before{
	content:"";
	position:absolute;
	inset:0;
	background:#6ace7f url("../images/welf/2026/btn_bg.png") no-repeat center center;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .35s cubic-bezier(.2,.8,.2,1);
	z-index:0;
}
button.btn_big:hover::before,
button.btn_big:focus-visible::before{
	transform:scaleX(1);
}

/* Á¢±Ù¼º: Å°º¸µå Æ÷Ä¿½º */
button.btn_big:focus-visible{
	outline:3px solid rgba(45,190,96,.35);
	outline-offset:4px;
}

/* ¸ð¼Ç ÃÖ¼ÒÈ­ ¼³Á¤ */
@media (prefers-reduced-motion: reduce){
	button.btn_big::before{ transition:none; }
	button.smline::before{ transition:none; }
	button.smline2::before{ transition:none; }
}


/* °úÁ¤¼Ò°³ ¸µÅ©*/
div.lecc{
	background:#685431 url("../images/welf/2026/m_lec_bg.jpg") repeat-y left top;
	background-size: contain;
	width:100%;height:90.17vw;
}
p.lecc_tt{width:100%;padding:10.83vw 0 5vw;margin:0 auto;text-align:center;}
p.lecc_tt img{width:100%; height: auto;}

ul.leccw{width:92.5vw;margin:0px auto;display:flex;justify-content:center;border:0px solid red;}
ul.leccw li{transition:all .3s;box-shadow:2px 2px 5px rgba(0,0,0,0.5);border:0px solid red;width:45.17vw;height:25.83vw;border-radius:1.5vw;overflow:hidden;}
ul.leccw li a{width:100%; height:100%; display:inline-block;}
ul.leccw li a img{width:100%;height:auto;}
ul.leccw + ul.leccw{margin-top:2.17vw;}
ul.leccw li + li{margin-left:2vw;}

ul.leccw_sm{display:none;}



@media all and (max-width:1024px) {
	#wrap{position: relative;width:100%;min-width:780px;margin:0 auto;}

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:95%;height:70px;margin:0 auto;background-size: 70%;}
	#navbar div button{
		width:200px;height:60px;
		background:url("../images/welf/2026/btn01_m.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
		}
	#navbar div button:hover{
		width:200px;height:60px;
		background:url("../images/welf/2026/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
		}

	h2.int{display:inline-block;font-size: 1.875em;}
	h2.int > span{display:inline-block;}
	
}/* (min-width:780px) */



@media all and (max-width:780px) {
	#wrap{position: relative;width:100%;min-width:640px;margin:0px auto 0;padding:0;}
	

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:98%;height:70px;margin:0 auto;background-size: 100%;}
	#navbar div button{
		width:200px;height:56px;
		background:url("../images/welf/2026/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:8px;
		margin-right:3%

		}
	#navbar div button:hover{
		width:200px;height:56px;
		background:url("../images/welf/2026/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:8px;
		margin-right:3%
	}

	h2.int{display:inline-block;font-size: 1.35em;}
	h2.int > span{display:inline-block;font-family: 'GmarketSansMedium';}


}/* (min-width:640px) */


@media all and (max-width:640px) {
	#wrap{position: relative;width:100%;min-width:480px;margin:0;padding:0;}


	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:95%;height:68px;margin:0 auto;background-size: 48%;}
	#navbar div button{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/welf/2026/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:6px;
		}
	#navbar div button:hover{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/welf/2026/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:6px;
		}

	h2.int{display:block;font-size: 1.1em;}
	h2.int > span{display:block;padding-top:5px;font-family: 'GmarketSansMedium';}

}/* (min-width:480px) */


@media all and (max-width:480px) {
	#wrap{min-width:360px;margin:0;padding:0;}

	/* sticky*/
	#navbar {height:60px;z-index: 99;text-align:center;}
	#navbar div {width:92%;height:60px;margin:0 auto;background-size: 48%;}
	#navbar div button{
		width:132px;height:26px;margin:0 auto;
		background:url("../images/welf/2026/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:4px;
		}
	#navbar div button:hover{
		width:132px;height:26px;margin:0 auto;
		background:url("../images/welf/2026/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:4px;
		}

	h2.int{display:block;font-size: 0.95em;}
	h2.int > span{display:block;padding-top:4px;font-family: 'GmarketSansMedium';}

}/* (max-width:360px) */

@media all and (max-width:360px) {
	#wrap{min-width:300px;margin:0;padding:0;}

	/* sticky*/
	#navbar {height:60px;z-index: 99;text-align:center;}
	#navbar div {width:92%;height:60px;margin:0 auto;background-size: 48%;}
	#navbar div button{
		width:110px;height:26px;margin:0 auto;
		background:url("../images/welf/2026/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:4px;
		}
	#navbar div button:hover{
		width:110px;height:26px;margin:0 auto;
		background:url("../images/welf/2026/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:4px;
		}

	h2.int{display:block;font-size: 0.8em;}
	h2.int > span{display:block;padding-top:4px;font-family: 'GmarketSansMedium';}


}/* (max-width:300px) */


/* ¼ö°­Èıâ */
.review_w.social{background:#8b6745 url('../images/welf/2026/m_review_bg.jpg') no-repeat 50% 0;}
div.review_wrap.social{position:relative;overflow:hidden;text-align:center;border: 3px solid #3e3318; background:#fff;width:100%;height:62vw;margin:0 auto;border-radius:4vw;}
div.reviewcon > span.huijan.social{background-image:url('../images/welf/2026/m_review_social_huj.png') !important;}

div.reviewcon > ol.rev_head > li.su_name.social{background-image:url('../images/welf/2026/ico_star.png') !important;}

@media all and (max-width: 640px) {
	div.review_wrap.social{border: 2px solid #3e3318;}
}