@charset "utf-8";

.inner { max-width:1400px; margin:0 auto; color:#392924;  overflow: hidden; }
.bd { font-weight: 700; }
.block { display: block; }



/*main_bg*/
.peo { position:absolute; top:0px;  display:block; }
.peo.p01 { background:url("/theme/basic/img/main/peo_01.png") no-repeat center 0; width:232px; height:250px; top:calc(29% - 0px); left:calc(50% - -440px); z-index:2; }
.peo.p02 { background:url("/theme/basic/img/main/peo_02.png") no-repeat center 0; width:260px; height:230px; top:calc(24% - 0px); left:calc(50% - -575px); z-index:0; }
.peo.p03 { background:url("/theme/basic/img/main/peo_03.png") no-repeat center 0; width:315px; height:241px; top:calc(20% - 0px); left:calc(50% - -500px); z-index:0; }


/*notice*/
.notice_box { width:330px; height:270px; margin-top:160px; color:#392924; position:relative; }
.notice_box .ncont { background-color:#fffef9; border:1px solid #dcd2a8; border-radius:75px 66px 155px 75px; width:330px; height:225px; display:block; position:relative; padding:50px 40px 0; box-sizing:border-box; }
.notice_box .ncont .tit { font-size:21px; font-weight:bold; display:block; float:left; position:relative; margin-top:20px; }
.notice_box .ncont .tit::before { content:''; background:url("/theme/basic/img/main/main_sp.png") no-repeat -704px -13px; width:72px; height:93px; display:block; position:absolute; top:-106px; left:-5px; }
.notice_box .ncont .cont { margin-top:70px; clear:both; }
.notice_box .ncont .cont a { font-size:20px; line-height:29px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-family:'Pretendard'; letter-spacing:-1px; }
.notice_box .ncont .tit_slogan { display:block; float:left; width:135px; height:60px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -13px -13px; text-indent:-99999px; margin-top:-20px; margin-left:12px;  }
.notice_box .engtit { position:absolute; bottom:0px; right:0px; display:block; background:url("/theme/basic/img/main/main_sp.png") no-repeat -521px -325px; width:263px; height:87px; text-indent:-99999px; }


/*vistxt*/
.cont_top { overflow:hidden; margin:110px auto 0px; max-width:1200px; }
.vistit_box { width:600px; float:left; }
.vistit_box .t01 { display:block;  background:url("/theme/basic/img/main/main_sp.png") no-repeat -212px -320px; width:100%; height:118px; font-family:'ChosunCentennial'; font-size:33px; }
.vistit_box .t02 { font-family:'ChosunCentennial'; font-size:70px; }
.vistit_box .viscont { margin-top:30px; }
.vistit_box .viscont li { font-size:17px; margin:10px 0px; font-family:'Pretendard'; }
.vistit_box .viscont li .tit { font-weight:bold; margin-right:12px; }


/*dday*/
.count_box { float:left; margin:50px 0 0 50px; }
.count_box .cnttit { background-color:#1d4faa; color:#fff; position:relative; display:block; width:350px; height:55px; line-height:56px; border-radius:60px; font-size:16px; text-align:center; }
.count_box .cnttit .tit { font-weight:bold; margin-right:8px; }
.count_box .cnttit .day { font-weight:bold; }
.count_box .cnttit::after { content:''; width:0; height:0; position:absolute; bottom:-10px; left:50%; margin-left:-10px; border:10px solid transparent; border-top-width:0; border-bottom-color:#1d4faa; rotate:180deg; }
.count_box .time { margin-top:30px; text-align:center; }
.count_box .time > span { font-size:27px; color:#fff; font-weight:bold; width:61px; height:50px; line-height:53px; display:inline-block; background-color:#9dc81b; border-radius:10px;}
.count_box .time .dot { background-color:transparent; color:#1d4faa; width:12px; }


/*infobox*/
.info_box { max-width:1200px; margin:80px auto 0;  }
.info_box .check_list { display:flex; justify-content:center; height:50px; }
.info_box .check_list .checkbtn { margin-left:50px; }
.info_box .check_list .checkbtn a { background-color:#f7d86c; display:block; text-align:center; font-size:17px; letter-spacing:-1px; font-weight:400; width:100%; height:100%;  box-sizing:border-box; overflow:hidden; }
.info_box .check_list .checkbtn a .icon { float:left; display:block; width:54px; height:50px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -743px -171px; }
.info_box .check_list .checkbtn a .txt { float:left; display:block; margin-top:16px; }
.info_box .check_list .checkbtn a .icon_n { float:left; display:block; width:54px; height:50px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -758px -220px; margin-left:52px; }
.info_box .check_list .callnum { box-sizing:border-box; font-size:29px; font-weight:bold; font-family:'Pretendard';}
.info_box .check_list .callnum .tit { width:109px; height:36px; display:inline-block; text-indent:-99999px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -122px -106px; margin-right:8px; }
.info_box .check_list .callnum .nums { display:inline-block; margin-top:8px; }
.info_box .check_list .bank {  margin-left:50px; position:relative; font-family:'Pretendard'; line-height:50px; }
.info_box .check_list .bank .nong { display:inline-block; width:111px; height:18px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -305px -176px; text-indent:-99999px; vertical-align:middle; margin-top:-19px; }
.info_box .check_list .bank .txts { position:absolute; top:16px; left:0px; font-size:12px;  }
.info_box .check_list .bank .num { font-size:24px; font-weight:bold; margin-left:10px; margin-top:-6px; display: inline-block; }
.info_box .check_list .bank .daegu { display:inline-block; width:75px; height:18px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -282px -235px; text-indent:-99999px; vertical-align:middle; margin-top:-19px; }
.info_box .check_list .bank .woori { display:inline-block; width:68px; height:18px; background:url("/theme/basic/img/main/main_sp.png") no-repeat -380px -237px; text-indent:-99999px; vertical-align:middle; margin-top:-8px; }

/*iconlink*/
.iconlist { max-width:1200px; margin:80px auto 0;  }
.iconlist .iconlink { width:100%; overflow:hidden; text-align:center; }
.iconlist .iconlink li { display:inline-flex; margin:0 1.33%; }
.iconlist .iconlink li:first-child { margin-left:0; }
.iconlist .iconlink li:last-child { margin-right:0; }
.iconlist .iconlink li a { background:rgba(255, 255, 255, 0.4); border-radius:22px; display:block; margin:0 0.8%; width:210px; height:185px;  }
.iconlist .iconlink li a .icon { background:url("/theme/basic/img/main/main_sp.png") no-repeat -24px -218px; width:100px; height:79px; margin:30px auto 25px; display: block; }
.iconlist .iconlink li a:hover .icon { margin:25px auto 30px; }
.iconlist .iconlink li a .link01 { background-position: -24px -218px; }
/*.iconlist .iconlink li a .link02 { background-position: -16px -829px; } 가요제참가신청*/ 
.iconlist .iconlink li a .link02 { background-position: -21px -329px; }
.iconlist .iconlink li a .link03 { background-position: -24px -452px; }
.iconlist .iconlink li a .link04 { background-position: -20px -575px; }
.iconlist .iconlink li a .link05 { background-position: -22px -687px; }
.iconlist .iconlink li a .txt { font-size:20px; font-weight:500; margin-top:20px; display: block; }




/* 팝업레이어 */
#hd_pop { z-index:1000; position:relative; margin:0 auto; height:0; max-width:400px; }
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff; }
.hd_pops img { max-width:100%; }
.hd_pops_con {}
.hd_pops_footer { padding:0; background:#000; color:#fff; text-align:left; position:relative; }
.hd_pops_footer:after { display:block; visibility:hidden; clear:both; content:""; }
.hd_pops_footer button { padding:10px; border:0; color:#fff; }
.hd_pops_footer .hd_pops_reject { background:#000; text-align:left; font-size:11px; }
.hd_pops_footer .hd_pops_close { background:#393939; position:absolute; top:0; right:0; font-size:11px; }

@media screen and (max-width:1250px){
	#hd_pop { margin:unset !important; }
	#hd_pops_1 { left:32px !important; }
	#hd_pops_2 { left:437px !important; }
}

@media screen and (max-width:770px){
	#hd_pop { margin:0 auto !important; }
	#hd_pops_1 { top:72px !important; left:0px !important; }
	#hd_pops_2 { top:557px !important; left:0px !important; z-index:-1; }
}

@media screen and (max-width:400px){
	#hd_pop { max-width:360px; }
	.hd_pops_con { width:100% !important; height:auto !important;  }
}






@keyframes titleAni {
	0%	{transform:translateY(-50px);opacity:0;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);}
	100%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);}
}

@keyframes headerAni {
	0%	{opacity:0;transform:translateY(-25px);}
	100%{opacity:1;transform:translateY(0);}
}


@media screen and (min-width:1921px) and (max-height:2800px) {
	.ynwrap { background-size: cover; min-height:1800px; }
	.peo { display:none; }
}


@media screen and (max-width:1200px){
	.count_box { float:unset; margin-top:unset; position:absolute; top:113px; left:50%; margin-left:-180px; }
	.vistit_box { float:unset; margin:160px auto 0px; width:512px; }
	.count_box .cnttit { width:360px;  }
	.count_box .cnttit::before { top:-36px; right:-42px; }
	.notice_box { margin:630px auto 0; width:100%; height:250px; }
	.notice_box .ncont { width:100%; height:210px; }
	.notice_box .ncont .cont a { font-size:19px; }
	.info_box { float:unset; margin-top:50px; }
	.info_box .check_list { margin:0 auto; width:99%; }
	.info_box .check_list .callnum .nums { display:inline-block; }
	.info_box .bank_list { margin:13px auto 0; width:99%; max-width:600px;  }
	.info_box .bank_list .bank { }
	.iconlist { margin:50px 0 0; }
	.iconlist .iconlink li { margin:1% 0.5%; }
	.info_box .check_list .checkbtn { margin-left:20px; }
	
	.info_box .check_list .bank { margin-left:15px; margin-top:6px;  }
	.info_box .check_list .bank .num { display:block; margin-top:17px; margin-left:0px; }
	.info_box .check_list .bank .nong { margin-top:0px; }
	.info_box .check_list .bank .txts { top:-4px; }
	.info_box .check_list .callnum { font-size:24px; }
	.info_box .check_list .callnum .tit { display:block; }

}



@media screen and (max-width:770px){
	.vistit_box { margin-top:90px; width:340px; }
	.vistit_box .t01 { font-size:23px; width:240px; height:47px; background-size:340px; background-position:-56px -136px; margin:0 auto; }
	.vistit_box .t02 { font-size:32px; margin-top:8px; text-align:center; }
	.vistit_box .t03 { font-size:18px; margin-top:15px; }
	.vistit_box .viscont { margin:23px auto 0; width:276px; }
	.vistit_box .viscont li { font-size:14px; }
	
	.notice_box { margin:410px auto 0; height:160px; }
	.notice_box .ncont .tit::before { display:none; }
	.notice_box .ncont { border-radius:10px; height:155px; max-width:600px; margin:0 auto; }
	.notice_box .ncont .tit { margin-top:-13px; }
	.notice_box .ncont .cont { margin-top:30px; }
	.notice_box .ncont .cont a { font-size:15px; line-height:23px; }
	.notice_box .ncont .tit_slogan { background-size:500px; width:85px; height:35px; }
	.notice_box .engtit { display:none; }
	.info_box { margin-top:40px; }
	.info_box .check_list { display:unset; }
	.info_box .check_list .callnum { font-size:22px; text-align:center; }
	.info_box .check_list .checkbtn { max-width:300px; margin:15px auto 0; }
	.info_box .check_list .checkbtn a { height:unset; }
	.info_box .check_list .checkbtn a .icon_n { margin-left:98px; }
	.iconlist .iconlink li { width:30%; }
	.iconlist .iconlink li a { height:130px; }
	.iconlist .iconlink li a .txt { font-size:15px; font-family:'Pretendard'; letter-spacing:-1px; margin-top:0px;  }
	.iconlist .iconlink li a .icon { background-size:552px; height:55px; margin:20px auto 10px; }
	.iconlist .iconlink li a .link01 { background-position:-1px -149px; }
	/*.iconlist .iconlink li a .link02 { background-position: 5px -570px; } 가요제참가신청*/
	.iconlist .iconlink li a .link02 { background-position: 1px -226px; }
	.iconlist .iconlink li a .link03 { background-position:-1px -311px; }
	.iconlist .iconlink li a .link04 { background-position:4px -395px; }
	.iconlist .iconlink li a .link05 { background-position:-1px -475px; }
	.iconlist .iconlink li a:hover .icon { margin:20px auto 10px;  }
	.count_box { margin-left:-122px; top:100px; }
	.count_box .time { margin-top:22px; }
	.count_box .time > span { font-size:17px; width:48px; height:41px; line-height:45px; }
	.count_box .cnttit::before { width:106px; height:63px; background-position:-414px -102px; background-size:530px; top:-18px; right:-24px; }
	.count_box .cnttit { font-size:13px; width:245px; height:44px; line-height:48px; }
	
	.info_box .check_list .callnum .tit { display:inline-block; }
	.info_box .check_list .bank { text-align:center; margin-left:0px; margin-top:20px; }
	.info_box .check_list .bank .daegu { background-position:-303px -236px; margin-top:0px; width:56px; }
	.info_box .check_list .bank .num { margin-left:0px; margin-top:-20px; }
	.info_box .check_list .bank .nong { margin-left:-73px; }
	.info_box .check_list .bank .txts { position:unset; margin-left:5px; }
	
	.peo { display:none; }

}