@charset "utf-8";
#wrap {width:100%; max-width:640px; height:100%;}
/*#wrap > div{width:96%; margin:0px auto 20px;}*/

/* main_visual */
.main_visual{width:100%; height:93.75vw; max-width:640px; overflow:hidden;}
.main_visual ul.mv_bxslider li{float:left;position:relative; width:100%; max-width:640px; height:93.75vw; overflow:hidden;}
.main_visual ul.mv_bxslider li > img{position:absolute; top:0; left:0; margin-left:0px; max-width:100%; height:93.75vw;}
.main_visual ul.mv_bxslider li .mv_pos{position:absolute; top:50%; left:5%; margin-left:0; width:100%;}
.main_visual ul.mv_bxslider li .mv_pos i{font-size:1.875vw; color:#2c2806; letter-spacing:5px; font-style:normal; font-family:"Trajan Pro"; font-weight:bold;}
.main_visual ul.mv_bxslider li .mv_pos h4{font-size:4.8125vw; color:#fff; line-height:7vw; font-weight:100; margin:0; padding:3% 0 5% 0; letter-spacing:-2px; font-family:'Noto Sans CJK KR'}
.main_visual ul.mv_bxslider li .mv_pos .mv_bar{ width:5.625vw; height:3px; background:#fff; margin-bottom:10px;}
.main_visual ul.mv_bxslider li .mv_pos p{font-size:3.25625vw; color:#fff; font-family:'Noto Sans CJK KR';}
.main_visual .bx-wrapper{position:relative;}
.main_visual .bx-wrapper .bx-controls .bx-pager{position:absolute; bottom:4%; left:4%;  width:640px;}
.main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item{width:3.125vw; height:3.125vw; display:inline-block; margin-right:1.5625vw;}
.main_visual .bx-wrapper .bx-controls .bx-pager a{display:block; width:100%; height:100%; background:url("/m/img/mv_pager_off.png") 0 0 no-repeat; text-indent: -9999px; background-size:100% 100%;}
.main_visual .bx-wrapper .bx-controls .bx-pager a:last-of-type{margin-right:0;}
.main_visual .bx-wrapper .bx-controls .bx-pager a.active{background:url("/m/img/mv_pager_on.png")0 0 no-repeat; background-size:100% 100%;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction{position:absolute; top:0; left:0; margin-top:0px; margin-left:0px; width:100%;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{display:none;}
.main_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next{width:79px; height:103px; background:url("/img/bx_next_bg.png") center top no-repeat; display:block; text-indent:-9999px; display:none;}
.mv_bxslider  li > img {width:100%; height:100%;}

.main_visual02{width:100%; height:51.5625vw; max-width:640px; overflow:hidden;}
.main_visual02 ul.mv_bxslider li{float:left;position:relative; width:100%; max-width:100%; height:51.5625vw; overflow:hidden;}
.main_visual02 ul.mv_bxslider li > a > img{position:absolute; top:0; left:0; margin-left:0px; height:51.5625vw; max-width:100%;}
.main_visual02 ul.mv_bxslider li .{position:absolute; top:20%; left:5%; margin-left:0; width:100%;}
.main_visual ul.mv_bxslider li . .mv_bar{ width:5.625vw; height:3px; background:#141414; margin-bottom:17px;}
.main_visual02 .bx-wrapper{position:relative;}
.main_visual02 .bx-wrapper .bx-controls .bx-pager{position:absolute; bottom:10%; left:5%;  width:640px;}
.main_visual02 .bx-wrapper .bx-controls .bx-pager .bx-pager-item{width:30px; height:20px; display:inline-block; margin-right:10px;}
.main_visual02 .bx-wrapper .bx-controls .bx-pager a{display:block; background:url() center top no-repeat; text-indent: -9999px;}
.main_visual02 .bx-wrapper .bx-controls .bx-pager a:last-of-type{margin-right:0;}
.main_visual02 .bx-wrapper .bx-controls .bx-pager a.active{background:url() center top no-repeat;}
.main_visual02 .bx-wrapper .bx-controls .bx-controls-direction{position:absolute; top:0; left:0; margin-top:0px; margin-left:0px; width:640px;}
.main_visual02 .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{display:none;}
.main_visual02 .bx-wrapper .bx-controls .bx-controls-direction .bx-next{width:79px; height:103px; background:url() center top no-repeat; display:block; text-indent:-9999px; display:none;}

/*notice*/
div.bx-viewport {height:33.3333333333vw;}
.main_top_notice .bx-wrapper{position:relative;}
.main_top_notice .bx-wrapper .bx-controls-direction{position:absolute; top:10%; right:0; margin:15vw 2.5vw 0 0;}
.main_top_notice .bx-wrapper .bx-controls-direction a{display:inline-block; width:7.5vw; height:7.5vw; text-indent:-9999px;}
.main_top_notice .bx-wrapper .bx-controls-direction a.bx-prev{background:url("/img/main_notice_prev.png") center top no-repeat; background-size:100% 100%;}
.main_top_notice .bx-wrapper .bx-controls-direction a.bx-next{background:url("/img/main_notice_next.png") center top no-repeat; margin-left:2px; background-size:100% 100%;}
.main_top_notice {width:96%; margin:3.3333333333vw auto 3.3333333333vw auto; height:33.3333333333vw; box-sizing:border-box; border:0.8333333333vw solid #5fb4c9; padding:2.8333333333vw 3vw 2.6666666667vw 3vw;}
.main_top_notice ul.notice_bx li {margin-left:3.8333333333vw;}
.main_top_notice ul.notice_bx li a{display:block;} 
.main_top_notice ul.notice_bx li a p{overflow:hidden; font-size:3.8333333333vw; color:#141414; font-weight:300; letter-spacing:-1px; font-family:'Noto Sans CJK KR'}
.main_top_notice ul.notice_bx li a p strong{ }
.main_top_notice ul.notice_bx li a p strong span{display:inline-block;}
.main_top_notice ul.notice_bx li a p > span{float:right; margin-right:13.3333333333vw;}
.notice-line {width:2.5vw; border:0.1666666667vw solid black; margin:1.6666666667vw 0 1.6666666667vw 0px;}
.notice_des {font-size:2.6666666667vw; color:#404040; font-weight:300; margin:1.6666666667vw 0 1.6666666667vw 0 ;}

/* main_btm */
.main_btm_bg{background:#d7d7d9; padding:6.6666666667vw 0;}
.main_btm .bx-wrapper{width:600px; margin:0 auto; position:relative;}
.main_btm ul li{width:28.3333333333vw !important; height:11.3333333333vw; margin-right:1vw;}
.main_btm .bx-wrapper .bx-controls-direction a.bx-prev{position:absolute; top:3vw; left:-4.666667vw; width:2.5vw; height:5vw; text-indent:-9999px; background:url("/img/main_btm_bx_prev.png") 0 0 no-repeat; background-size:100% 100%;}
.main_btm .bx-wrapper .bx-controls-direction a.bx-next{position:absolute; top:3.3333333333vw; right:-4.166667vw; width:2.5vw; height:5vw; text-indent:-9999px; background:url("/img/main_btm_bx_next.png") 0 0 no-repeat; background-size:100% 100%;}
.main_btm ul li > a > img {width:100%; height:100%}

/*main_contents*/
div.main_con03{ width:96%; height:53.125vw;position:relative; margin:20px auto;}
div.main_con03 > img {width:100%; height:100%}
div.main_con03 > div {position:absolute; width:100%; margin:0 auto;}
div.main_con03 > div > div {margin: 0 auto; padding-top:18.75vw}
div.main_con03 > div > div > h4{font-family:notob; color:#fff; font-size:10vw; text-align:center; text-shadow:1px 1px #404040;}
div.main_con03 > div > div >  p {font-family:notor; color:#fff; font-size:3.3333333333vw; text-align:center; text-shadow:1px 1px #404040; margin-bottom:-10px;}

div.main_con04{ width:96%; height:53.125vw; position:relative; margin:20px auto ; }
div.main_con04 > img {width:100%; height:100%;}
div.main_con04 > div {position:absolute;  width:100%; max-width:600px; margin:0 auto;}
div.main_con04 > div > div {margin: 0 auto; padding-top:18.75vw}
div.main_con04 > div > div > h4{color:#fff; font-size:10vw; text-align:center; text-shadow:1px 1px #404040;}
div.main_con04 > div > div >  p {color:#fff; font-size: 3.3333333333vw; text-align:center; text-shadow:1px 1px #404040; margin-bottom:-10px;}

#wrap div.main_con05{width:100%; height:auto; overflow:hidden; margin:0 auto 0vw;}
div.main_con05 > a > div{float:left; width:100%; max-width:50%; }
div.main_con05 > a > div > img {width:100%; height:100%;}

div.main_con05 > a > div > div {position:absolute; width:100%; max-width:50vw; margin:0 auto;}
div.main_con05 > a > div > div {margin:0 auto; padding-top:2.34375vw;}
div.main_con05 > a > div > div > div > h4 {font-size:4.6875vw; color:#fff; font-weight:bold; text-align:center; letter-spacing:-0.3125vw;}
div.main_con05 > a > div > div > div > p {font-size:4.2125vw; color:#fff; text-align:center; font-weight:400; letter-spacing:1px; width:50.78125vw; }
p.fff{color:#fff !important;}
div.main_con05 > a > div:nth-of-type(2) > div > div > p {color:#fff;}
.cover_color1 {background:#d1caca; min-height:30.375vw;}
.cover_color2 {background:#e9452a; min-height:30.375vw;}

.main_cat_icon1 {width:10.8125vw; margin-bottom:2.90625vw; margin-top:2.34375vw;}
.main_cat_icon2 {width:10.28125vw; margin-bottom:2.90625vw; margin-top:2.34375vw;}

.main_cat_img1 { margin: 2.125vw 0 0 2.028125vw; width:42.1875vw; height:24.84375vw;}
.main_cat_img2 { margin: 1.8125vw 0 0 2.028125vw; width:42.1875vw; height:24.84375vw;}

.sentence3_part { margin-top:0;}

div.main_con06{width:100% !important; height:51.5625vw;}
div.main_con06 > a > img{width:100%; height:100%;}

div.main_con11 {width:100%; height:41.1184210526vw;}
div.kakao_naver {overflow:hidden; width:96%; height:16.4473684211vw; margin:0 auto 3%;}
div.kakao_naver > div > a > img {width:102%; height:100%;}
div.kakao_naver > div {float:left; width:47.5vw; height:16.4473684211vw;}
div.kakao_naver > div:last-of-type{float:left; width:47.5vw; height:16.4473684211vw;}
div.main_con11 > div.main_btm_bg > div:last-of-type {width:87.3333333333vw; height:11.3333333333vw; margin:0 auto;}


@media screen and (min-width:641px){

	/* main_visual */
	.main_visual{width:100%; height:600px; max-width:640px; overflow:hidden;}
	.main_visual ul.mv_bxslider li{float:left;position:relative; width:100%; max-width:100%; height:600px; overflow:hidden;}
	.main_visual ul.mv_bxslider li > img{position:absolute; top:0; left:0; margin-left:0px; height:600px; max-width:100%;}
	.main_visual ul.mv_bxslider li .mv_pos{position:absolute; top:40%; left:5%; margin-left:0; width:640px;}
	.main_visual ul.mv_bxslider li .mv_pos i{font-size:12px; color:#2c2806; letter-spacing:5px; font-style:normal; font-weight:bold;}
	.main_visual ul.mv_bxslider li .mv_pos h4{font-size:30px; color:#fff; line-height:45px; font-weight:100; margin:0; padding:30px 0 40px 0; letter-spacing:-2px; font-family:'Noto Sans CJK KR'}
	.main_visual ul.mv_bxslider li .mv_pos .mv_bar{ width:36px; height:3px; background:#fff; margin-bottom:17px;}
	.main_visual ul.mv_bxslider li .mv_pos p{font-size:17px; color:#fff; font-family:'Noto Sans CJK KR';}
	.main_visual .bx-wrapper{position:relative;}
	.main_visual .bx-wrapper .bx-controls .bx-pager{position:absolute; bottom:4%; left:4%;  width:640px;}
	.main_visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item{width:30px; height:20px; display:inline-block; margin-right:10px;}
	.main_visual .bx-wrapper .bx-controls .bx-pager a{display:block; background:url("/m/img/mv_pager_off.png") center top no-repeat; text-indent: -9999px;}
	.main_visual .bx-wrapper .bx-controls .bx-pager a:last-of-type{margin-right:0;}
	.main_visual .bx-wrapper .bx-controls .bx-pager a.active{background:url("/m/img/mv_pager_on.png") center top no-repeat;}
	.main_visual .bx-wrapper .bx-controls .bx-controls-direction{position:absolute; top:0; left:0; margin-top:0px; margin-left:0px; width:640px;}
	.main_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{display:none;}
	.main_visual .bx-wrapper .bx-controls .bx-controls-direction .bx-next{width:79px; height:103px; background:url("/img/bx_next_bg.png") center top no-repeat; display:block; text-indent:-9999px; display:none;}

	.main_visual02{width:100%; height:330px; max-width:640px; overflow:hidden;}
	.main_visual02 ul.mv_bxslider li{float:left;position:relative; width:100%; max-width:100%; height:330px; overflow:hidden;}
	.main_visual02 ul.mv_bxslider li > a > img{position:absolute; top:0; left:0; margin-left:0px; height:330px; max-width:100%;}
	.main_visual02 ul.mv_bxslider li .{position:absolute; top:20%; left:5%; margin-left:0; width:640px;}
	.main_visual02 ul.mv_bxslider li . .mv_bar{ width:36px; height:3px; background:#141414; margin-bottom:17px;}
	.main_visual02 ul.mv_bxslider li . p{font-size:17px; color:#141414; font-family:'Noto Sans CJK KR';}
	.main_visual02 .bx-wrapper{position:relative;}
	.main_visual02 .bx-wrapper .bx-controls .bx-pager{position:absolute; bottom:10%; left:5%;  width:640px;}
	.main_visual02 .bx-wrapper .bx-controls .bx-pager .bx-pager-item{width:30px; height:20px; display:inline-block; margin-right:10px;}
	.main_visual02 .bx-wrapper .bx-controls .bx-pager a{display:block; background:url() center top no-repeat; text-indent: -9999px;}
	.main_visual02 .bx-wrapper .bx-controls .bx-pager a:last-of-type{margin-right:0;}
	.main_visual02 .bx-wrapper .bx-controls .bx-pager a.active{background:url() center top no-repeat;}
	.main_visual02 .bx-wrapper .bx-controls .bx-controls-direction{position:absolute; top:0; left:0; margin-top:0px; margin-left:0px; width:640px;}
	.main_visual02 .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{display:none;}
	.main_visual02 .bx-wrapper .bx-controls .bx-controls-direction .bx-next{width:79px; height:103px; background:url() center top no-repeat; display:block; text-indent:-9999px; display:none;}


	#wrap div.main_con05{width:640px; height:auto; overflow:hidden; margin:0 auto 0px;}
	div.main_con05 > a > div{float:left; width:100%; max-width:50%; height:32%; margin-bottom:0px;}
	div.main_con05 > a > div > div {position:absolute; width:100%; max-width:330px; margin:0 auto;}
	div.main_con05 > a > div > div {margin:0 auto; padding-top:14px;}
	div.main_con05 > a > div > div > div > h4 { text-align:center; }
	div.main_con05 > a > div > div > div > p {font-family: 'Noto Sans CJK KR'; font-size:18px; color:#fff; text-align:center; font-weight:400; letter-spacing:1px; width:307px; float:right; margin-right:15px;}
	p.fff{color:#fff !important;}
	div.main_con05 > a > div:nth-of-type(2) > div > div > p {color:#fff;}

	.cover_color1 {background:#d1caca; min-height:248px; letter-spacing:-0.05em;}
	.cover_color2 {background:#e9452a; min-height:248px; letter-spacing:-0.05em;}

	.main_cat_icon1 {width:85px; margin-left:0px; margin-top:50px;}
	.main_cat_icon2 {width:85px; margin-left:0px; margin-top:50px;}

	.sentence3_part { margin-top:0;}

	.arrangement_p {padding-top:10px !important;}
	div.main_con06{width:660px !important; height:300px;}
	div.main_con06 > img{width:660px; height:300px;}



}

@media screen and (max-width:500px){
	p.fff {color:#fff;}
	div.main_con03 > div > div >  p,
/*	div.main_con05 > a > div > div > div > p,*/
	div.main_con07 > div:last-of-type > div > a > div > div > span,
	div.main_con07 > div:first-of-type > div > h4,
	div.main_con09 > div:first-of-type > div > h4,
	div.main_con09 > div:last-of-type > div > a > div > div > span,
	div.main_con10 > div > div:nth-of-type(2) > p,
	div.main_con10 > div > div:nth-of-type(4) > h4,
	.main_visual ul.mv_bxslider li . i,
	.main_visual ul.mv_bxslider li . p,
	.notice_des,
	div.footer_info,
	div.footer_policy > div > a > div > h4,
	div.main_con04 > div > div >  p,
	div.footer_info > p	{font-size:13px !important;}
	
	div.main_con09 > div:first-of-type > a > div > h4,
	div.main_con07 > div:first-of-type > a > div > h4,
	div.footer_policy > div > a > div > h4{font-size:11px !important;}
	div.main_con07 > div:last-of-type > div,
	div.main_con09 > div:last-of-type > div {overflow:hidden;}
}