@charset "utf-8";
.subVisual { position:relative; width:100%; height:420px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.subVisual.subv1 { background-image:url(/landing3/img/sub/bg_subVisual2.jpg); }
.subVisual.subv2 { background-image:url(/landing3/img/sub/bg_subVisual6_2.jpg); }
.subVisual.subv2_bg1 { background-image:url(/landing3/img/sub/bg_subVisual6_2.jpg); }
.subVisual.subv3 { background-image:url(/landing3/img/sub/bg_subVisual3_1.jpg); }
.subVisual.subv4 { background-image:url(/landing3/img/sub/bg_subVisual4.jpg); }
.subVisual.subv5 { background-image:url(/landing3/img/sub/bg_subVisual5.jpg); }

.inner { position:relative; max-width:1400px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
@media screen and (max-width:1440px){
	.inner { padding:0 20px; }
}
/* title */
.contTitle { position:absolute; top:50%; left:0; transform:translateY(calc(-50% - 1px)); width:100%; }
.contTitle .subTitle { position:relative; font-size:55px; color:#fff; font-weight:700; letter-spacing:-0.02em; width:100%; }
.contTitle .subTitle strong { font-weight:700; }
.contTitle .txt_position { position:relative; margin:20px 0 0 0; padding:0 0 0 22px; font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.02em; display:inline-block; }
.contTitle .txt_position span,
.contTitle .txt_position strong { position:relative; display:inline-block; margin:0 0 0 20px; padding:0 0 0 24px; font-weight:400; }
.contTitle .txt_position span:after,
.contTitle .txt_position strong:after {content:""; display:block; height:5px; width:5px; background:#fff; position:absolute; top:50%; left:0; transform:translateY(calc(-50% - 1px)); background:url(/landing3/img/sub/icon_arr.png) center center no-repeat; } 
.contTitle .txt_position:after {content:""; display:block; height:13px; width:13px; background:#fff; position:absolute; top:50%; left:0; transform:translateY(calc(-50% - 1px)); background:url(/landing3/img/sub/icon_home.png) center center no-repeat; } 
@media screen and (max-width:1280px){
	.contTitle .subTitle { font-size:48px; }
	.contTitle .txt_position { font-size:15px; }
}
@media screen and (max-width:1024px){
	.contTitle .subTitle { font-size:40px; }
	.contTitle .txt_position { margin:18px 0 0 0; padding:0 0 0 22px; }
	.contTitle .txt_position span,
	.contTitle .txt_position strong { margin:0 0 0 10px; padding:0 0 0 14px; }
}

#lnb { position:relative; z-index:3; border-bottom:1px solid #ddd; }
#lnb ul { position:relative;  z-index:3; text-align:center; }
#lnb li { position:relative; display:inline-block; text-align:center; padding:32px 0 32px 40px; margin:0 0 0 40px; }
#lnb li:first-child { padding:32px 0 32px 0; margin:0 0 0 0; }
#lnb li:after {content:""; display:block; height:11px; width:1px; background:#d7d7d7; position:absolute; top:50%; left:0; margin-top:-5px; } 
#lnb li:first-child:after { display:none; }
#lnb li a { display:block; width:100%; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:16px; transition:all 0.3s; }
#lnb li a:hover,
#lnb li.on a { color:#bd824b; font-weight:400; }
#lnb p { display:none; }
@media screen and (max-width:1280px){
	#lnb li { padding:28px 0 28px 25px; margin:0 0 0 25px; }
	#lnb li:first-child { padding:28px 0 28px 0; }
}
@media screen and (max-width:1024px){
	#lnb { border-bottom:none; width:100%; box-sizing:border-box; }
	#lnb p { position:relative; width:100%; padding:20px 20px; display:block; color:#333; font-weight:500; font-size:16px; line-height:14px; border-bottom:1px solid #ddd; box-sizing:border-box;}
	#lnb p:after {content:""; display:block; width:10px; height:7px; position:absolute; right:20px; top:50%; margin-top:-4px; background:url(/landing3/img/sub/icon_down.png) left center no-repeat; transition:all .3s ease-in-out; }
	#lnb p.ov:after { background:url(/landing3/img/sub/icon_up.png) left center no-repeat; }
	#lnb ul { border-bottom:none; display:none; position:absolute; top:55px; left:0; width:100%; background:#fff; box-sizing:border-box; }
	#lnb li { position:relative; display:block; margin:0; padding:0; text-align:left; width:100%; border-bottom:1px solid #f3f3f3; }
	#lnb li:first-child { padding:0; }
	#lnb li a { padding:15px 20px; }
	#lnb li:after,
	#lnb li a:after { display:none; }
}

.contents { padding:100px 0 0 0; }
@media screen and (max-width:1024px){
	.contents { padding:80px 0 0 0; }
}
@media screen and (max-width:640px){
	.contents { padding:50px 0 0 0; }
}


.topTitle { text-align:center; }
.topTitle .txt { font-size:16px; color:#ffd200; font-weight:400; letter-spacing:-0.02em; text-transform:uppercase; }
.topTitle h3 { position:relative; margin:8px 0 0 0; padding:0 0 17px 0; font-size:38px; color:#222; font-weight:700; letter-spacing:-0.02em; }
.topTitle h3:after { content:""; display:block; position:absolute; left:50%; margin-left:-15px; bottom:0; width:30px; height:2px; background-color:#ffd200; }
.topTitle p { margin:28px 0 0 0; font-size:22px; color:#222; font-weight:300; letter-spacing:-0.03em; }

/* introduction-intro */
.introduction-intro {}
.introduction-intro .listbox { margin:60px 0 0 0; padding:60px 0 0 0;  border-top:1px solid #dcdcdc;}
.introduction-intro .listbox:nth-of-type(1) { margin:0; padding:0;  border-top:none;}
.introduction-intro .listbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.introduction-intro .listbox > div { float:left; width:50%; box-sizing:border-box; }
.introduction-intro .imgbox { padding-right:80px; }
.introduction-intro .imgbox .swiper-container { position:relative; width:100%; height:378px; overflow:hidden; border:1px solid #dbdbdb;  }
.introduction-intro .imgbox .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex;}
.introduction-intro .imgbox .swiper-container .swiper-slide:after{ content:""; display:block; padding-bottom:100%; }
.introduction-intro .imgbox .swiper-container .swiper-slide img {  position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
.introduction-intro .imgbox .swiper-container .btn_pn { position:absolute; bottom:0; top:auto !important; left:auto !important;width:69px; height:60px; outline:none; background-position:center center; background-repeat:no-repeat; background-color:#fff; }
.introduction-intro .imgbox .swiper-container .swiper-button-prev { right:69px !important; background-image:url(/landing3/img/sub/btn_swiper_prev.png); }
.introduction-intro .imgbox .swiper-container .swiper-button-next { right:0 !important; background-image:url(/landing3/img/sub/btn_swiper_next.png); }
.introduction-intro .imgbox .swiper-container .swiper-button-next:after{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#dbdbdb; } 
.introduction-intro .txtbox { padding:40px 0 0 20px; }
.introduction-intro .txtbox dt strong { color:#252525; font-size:32px; font-weight:700; display:block; }
.introduction-intro .txtbox dt span { margin:18px 0 0 2px; color:#bd824b; font-size:18px; font-weight:400; display:block; }
.introduction-intro .txtbox dd { margin:38px 0 0 0; color:#666; font-size:16px; font-weight:400; line-height:30px; letter-spacing:-0.02em; }
@media screen and (max-width:1440px){
	.introduction-intro .imgbox { padding-right:40px; }
	.introduction-intro .txtbox dd br { display:none }
	.introduction-intro .txtbox dd .m_br { display:block }
}
@media screen and (max-width:1024px){
	.introduction-intro .listbox > div { width:100%; }
	.introduction-intro .imgbox { padding-right:0; }
	.introduction-intro .txtbox { padding:40px 0 0 0; }
}	
@media screen and (max-width:640px){
	.introduction-intro .txtbox dt strong { font-size:30px;  }
	.introduction-intro .imgbox .swiper-container { height:280px; }
}
	

/* introduction-history */
.introduction-history { }
.introduction-history .selbox { text-align:right; position:relative; z-index:2; }
.introduction-history .selbox select { width:250px; height:40px; border:1px solid #aaa; color:#aaa; font-weight:400; font-size:14px; }
.introduction-history .listbox { margin:30px 0 0 0;}
.introduction-history .listbox ul { margin:-60px 0 0 -40px; }
.introduction-history .listbox li { position:relative; display:inline-block; margin:60px 0 0 40px; width:calc(25% - 44px); }
.introduction-history .listbox li .imgbox { position:relative; display:block; }
.introduction-history .listbox li .imgbox:after{ content:""; display:block; padding-bottom:130%; }
.introduction-history .listbox li .imgbox img {  position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
.introduction-history .listbox li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.introduction-history .listbox li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more.png) center top no-repeat; }
.introduction-history .listbox li .txtbox { position:absolute; bottom:0; left:0; display:table; width:100%; height:50px; } 
.introduction-history .listbox li .txtbox strong { display:table-cell; width:100%; box-sizing:border-box; vertical-align:middle; color:#222; font-weight:400; letter-spacing:-0.02em; font-size:20px; text-align:center; border:1px solid #ddd; background-color:#fff; transition:all .3s ease-in-out; } 
.introduction-history .listbox li:hover { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.introduction-history .listbox li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
.introduction-history .listbox li:hover .txtbox strong { color:#fff; border:1px solid #bd824b; background-color:#bd824b; }	

.introduction-history .titlebox { position:relative; text-align:center; padding-bottom:30px; }
.introduction-history .titlebox h4.tit { font-size:28px; font-weight:500; color:#333; }
.introduction-history .titlebox p { margin:15px 0 0 0; font-size:18px; font-weight:400; color:#666; }
.introduction-history .titlebox:after{ content:""; display:block; position:absolute; left:50%; margin-left:-15px; bottom:0; width:30px; height:1px; background-color:#bd824b; }
.introduction-history .viewBox .tit { position:relative; font-size:20px; font-weight:400; color:#888; }
.introduction-history .viewBox .tit span { position:relative; z-index:2; font-size:32px; font-weight:700; color:#252525; letter-spacing:-0.025em; margin:0 30px 0 0; padding:0 0 5px 0; display:inline-block; text-transform:uppercase; }
.introduction-history .viewBox .tit span:after{ content:''; display:block; z-index:-1; padding-right:0; position:absolute; left:7px; bottom:0; width:100%; height:15px; background-color:#e5cdb7; }
.introduction-history .viewBox .tit span.m_br { margin:0; padding:0; display:none; }
.introduction-history .viewBox .tit span.m_br:after{ display:none; }
.introduction-history .viewBox .listbox_1 { margin:80px 0 0 0; padding:80px 0 0 0;  border-top:1px solid #dcdcdc;}
.introduction-history .viewBox .listbox_1:nth-of-type(1) { padding:0;  border-top:none; }
.introduction-history .viewBox .listbox_1:nth-child(1) { padding:0;  border-top:none; }
.introduction-history .viewBox .listbox_1 > ul.list_1 { display:flex; gap:60px 40px; flex-wrap:wrap; margin-top:50px; }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li { width:calc((100% - 80px) / 3);  }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .imgbox { position:relative; box-sizing:border-box; }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .imgbox:after{ content:""; display:block; padding-bottom:65.5%; }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .imgbox img { position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more.png) center top no-repeat; }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox { position:relative; box-sizing:border-box; margin-top:25px; color:#222; font-size:28px; font-weight:700; padding: 0 0 0 18px;}
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox strong { color:#222; font-size:22px; font-weight:700; display:block; margin-bottom:8px; }
.introduction-history .listbox_1 li .txtbox:after{ content:''; display:block; position:absolute; left:0; top:0; width:4px; height:100%; background-color:#bd824b; }/*2022-10-25 추가 김승준 */
.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox strong span { font-weight:700; font-size:22px; }
.introduction-history .viewBox .listbox_1 > ul.list_2 { display:flex; flex-wrap:wrap; gap:40px; margin-top:40px; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li { width:calc((100% - 120px) / 4); border:1px solid #ddd; box-sizing:border-box; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox { width:100%; height:160px; display:table; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dl { display:table-cell; vertical-align:middle; width:100%; height:100%; padding:20px 10px 20px 38px; box-sizing:border-box; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dt { color:#222; font-size:20px; font-weight:500; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd { margin:13px 0 0 0; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd p { color:#444; font-size:16px; font-weight:500; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd li { position:relative; margin:15px 0 0 0; padding:0 0 0 13px; font-size:16px; font-weight:300; line-height:1.3; color:#888; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd li:after {content:""; display:block; position:absolute; left:0; top:8px; width:6px; height:1px; background-color:#888; border-radius:50px; }
.introduction-history .viewBox .listbox_1 > ul.list_2 > li:first-child .sbox dt { color:#bd824b; }
.introduction-history .viewBox .listbox_1 > ul.list_3 { padding:20px 0 0 0; margin-left:-120px; }
.introduction-history .viewBox .listbox_1 > ul.list_3 > li { margin:15px 0 0 120px; display:inline-block; position:relative; padding:0 0 0 15px; font-size:22px; font-weight:400; color:#666 }
.introduction-history .viewBox .listbox_1 > ul.list_3 > li:after {content:""; display:block; position:absolute; left:3px; top:8px; width:3px; height:3px; background-color:#222; border-radius:50px; }
.introduction-history .viewBox .listbox_1 > ul.list_3 > li strong { position:relative; display:inline-block; margin:0 16px 0 0; padding:0 20px 0 0; font-weight:500; color:#222  }
.introduction-history .viewBox .listbox_1 > ul.list_3 > li strong:after {content:""; display:block; position:absolute; right:0; top:50%; width:1px; height:16px; margin-top:-8px; background-color:#dbdbdb; }
.introduction-history .viewBox .listbox_1 .txt { margin:40px 0 0 0; font-weight:400; color:#666; line-height:42px; font-size:20px; }

.introduction-history .viewBox .btnbox { text-align:center; margin:75px 0 0 0; }
.introduction-history .viewBox .btnbox a { margin:0 18px; width:320px; color:#bd824b; font-weight:500; letter-spacing:-0.02em; font-size:16px; padding:16px 0; box-sizing:border-box; border:2px solid #bd824b; display:inline-block; border-radius:35px; transition:all .3s ease-in-out; }
.introduction-history .viewBox .btnbox a:hover  { border:2px solid #bd824b; color:#fff; background-color:#bd824b }
.introduction-history .viewBox .btnbox a span { padding:3px 0 3px 26px; color:#bd824b; background:url(/landing3/img/sub/icon_violin_1.png) left center no-repeat; transition:all .3s ease-in-out;  }
.introduction-history .viewBox .btnbox a:hover span { color:#fff; background:url(/landing3/img/sub/icon_violin_1_on.png) left center no-repeat; }
.introduction-history .viewBox .btnbox a:nth-child(2) { width:360px; }
.introduction-history .viewBox .btnbox a:nth-child(2) span { padding:3px 0 3px 30px; background:url(/landing3/img/sub/icon_violin_3.png) left center no-repeat; }
.introduction-history .viewBox .btnbox a:hover:nth-child(2) span { background:url(/landing3/img/sub/icon_violin_3_on.png) left center no-repeat; }
@media screen and (max-width:1280px){
	.introduction-history .listbox ul { margin:-40px 0 0 -30px; }
	.introduction-history .listbox li { display:inline-block; margin:40px 0 0 30px; width:calc(33.33% - 34px); }
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dl { padding:15px 10px 15px 28px; }
	.introduction-history .viewBox .listbox_1 .txt br { display:none; }
}
@media screen and (max-width:1024px){
	.introduction-history .viewBox .btnbox a { margin:0 10px; }
	.introduction-history .viewBox .listbox_1 { margin:50px 0 0 0; padding:50px 0 0 0; }
	.introduction-history .viewBox .listbox_1 > ul.list_1 { gap:50px 30px; margin-top:40px; }
	.introduction-history .viewBox .listbox_1 > ul.list_1 > li { width:calc((100% - 60px) / 2);  }
	.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox { margin-top:20px; font-size:22px; }
	.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox strong { font-size:20px; }
	.introduction-history .viewBox .listbox_1 > ul.list_2 { gap:30px; margin-top:30px; } 
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li { width:calc((100% - 60px) / 3); }
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dl { padding:10px 10px 10px 20px; }
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dt { font-size:18px; }
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd { margin:10px 0 0 0; }
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd p { font-size:15px; }
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li .sbox dd li { margin:12px 0 0 0; padding:0 0 0 10px; font-size:15px; }
	.introduction-history .viewBox .listbox_1 > ul.list_3 > li { font-size:18px; }
	.introduction-history .viewBox .listbox_1 > ul.list_3 > li strong { margin:0 12px 0 0; padding:0 16px 0 0; }
	.introduction-history .viewBox .listbox_1 .txt { margin:30px 0 0 0;  font-size:18px; line-height:36px; }
}
@media screen and (max-width:960px){
	.introduction-history .listbox ul { margin:-30px 0 0 -15px; }
	.introduction-history .listbox li { display:inline-block; margin:30px 0 0 15px; width:calc(50% - 19px); }
	.introduction-history .listbox li .txtbox {  height:45px; }
	.introduction-history .listbox li .txtbox strong { font-size:18px; }
}
@media screen and (max-width:860px){
	.introduction-history .viewBox .tit { font-size:18px; }
	.introduction-history .viewBox .tit span { font-size:28px; padding:0 0 3px 0; }
	.introduction-history .viewBox .tit span:after{ padding-right:10px; height:12px; }
	.introduction-history .viewBox .tit span.m_br { display:block; margin:15px 0 0 0; }
	.introduction-history .viewBox .btnbox a { margin:0 0 10px 0; width:320px;}
	.introduction-history .viewBox .btnbox a:nth-child(2) { width:320px; }
}
@media screen and (max-width:640px){
	.introduction-history .titlebox { padding-bottom:20px; }
	.introduction-history .titlebox h4.tit { font-size:22px; }
	.introduction-history .titlebox p { margin:12px 0 0 0; font-size:16px; }
	.introduction-history .viewBox .btnbox a { width:100%; }
	.introduction-history .viewBox .btnbox a:nth-child(2) { width:100%; }
	.introduction-history .viewBox .listbox_1 > ul.list_1 { gap:40px 20px; margin-top:30px; }
	.introduction-history .viewBox .listbox_1 > ul.list_1 > li { width:calc((100% - 20px) / 2);  }
	.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox { margin-top:10px; font-size:20px; }
	.introduction-history .viewBox .listbox_1 > ul.list_1 > li .txtbox strong { font-size:18px; }
	.introduction-history .viewBox .listbox_1 > ul.list_2 { margin-top:15px; gap:15px; } 
	.introduction-history .viewBox .listbox_1 > ul.list_2 > li { width:100%; }
}

@media screen and (max-width:500px){
	.introduction-history .selbox select { width:100%; }
}

/* layer_popup */
.introduction-history .detailBox { margin-top:50px; }
.introduction-history .detailBox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.introduction-history .detailBox .imgbox { position:relative; float:left; width:calc(50% - 20px); box-sizing:border-box; margin:0 20px 0 0; }
.introduction-history .detailBox .imgbox img { width:100%; height:100%; } 
.introduction-history .detailBox .txtbox { float:left; width:50%; padding:0 0 0 60px; box-sizing:border-box; }
.introduction-history .detailBox .txtbox .titbox { }
.introduction-history .detailBox .txtbox .titbox .p_tit { color:#bd824b; font-size:28px; font-weight:700; }
.introduction-history .detailBox .txtbox .titbox .p_tit strong { color:#bd824b; font-size:38px; font-weight:700; display:block; }
.introduction-history .detailBox .txtbox .titbox .p_tit span { display:block; margin:20px 0 10px 0; color:#bd824b; font-size:28px; font-weight:700; }
.introduction-history .detailBox .txtbox .titbox p { padding:35px 0 0 0; color:#222; font-size:32px; font-weight:700; }
.introduction-history .detailBox .txtbox .titbox p span { position:relative; display:inline-block; margin:0 0 0 20px; padding:0 0 0 20px; font-weight:700; }
.introduction-history .detailBox .txtbox .titbox p span:after {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-10px; width:1px; height:20px; background-color:#aaa; }
.introduction-history .detailBox .txtbox .titbox p span:first-child { margin:0; padding:0; }
.introduction-history .detailBox .txtbox .titbox p span:first-child:after { display:none; }
.introduction-history .detailBox .txtbox dl { margin:58px 0 0 0; }
.introduction-history .detailBox .txtbox dt { color:#222; font-size:18px; font-weight:600;}
.introduction-history .detailBox .txtbox dd { padding:5px 0 0 0; }
.introduction-history .detailBox .txtbox dd li { margin:15px 0 0 0; display:inline-block; position:relative; padding:0 0 0 15px; font-size:16px; font-weight:400; color:#666 }
.introduction-history .detailBox .txtbox dd li:after {content:""; display:block; position:absolute; left:3px; top:6px; width:3px; height:3px; background-color:#666; border-radius:50px; }
.introduction-history .youtube-list { }
.introduction-history .youtube-list ul { display:flex; gap:60px 40px; flex-wrap:wrap; }
.introduction-history .youtube-list ul li { width:calc((100% - 80px) / 3);  }
.introduction-history .youtube-list ul li .imgbox { position:relative; box-sizing:border-box; }
.introduction-history .youtube-list ul li .imgbox:after{ content:""; display:block; padding-bottom:65.5%; }
.introduction-history .youtube-list ul li .imgbox img { position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
.introduction-history .youtube-list ul li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.introduction-history .youtube-list ul li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more.png) center top no-repeat; }
.introduction-history .youtube-list ul li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
@media screen and (max-width:1400px){
	.introduction-history .detailBox .imgbox { width:calc(50% - 10px); margin:0 10px 0 0; }
	.introduction-history .detailBox .txtbox { padding:0 0 0 40px; }
}
@media screen and (max-width:1024px){
	.introduction-history .detailBox .imgbox { width:100%; margin:0; }
	.introduction-history .detailBox .imgbox:after{ content:""; display:block; padding-bottom:130%; }
	.introduction-history .detailBox .imgbox img { position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; } 
	.introduction-history .detailBox .txtbox { width:100%; padding:40px 0 0 0; }
	.introduction-history .detailBox .txtbox .titbox .p_tit { font-size:22px; }
	.introduction-history .detailBox .txtbox .titbox .p_tit strong { font-size:32px; }
	.introduction-history .detailBox .txtbox .titbox .p_tit span { margin:15px 0 10px 0; font-size:22px; }
	.introduction-history .detailBox .txtbox .titbox p { font-size:24px; }
	.introduction-history .detailBox .txtbox dl { margin:45px 0 0 0; }
	.introduction-history .youtube-list ul { gap:50px 30px; }
	.introduction-history .youtube-list ul li { width:calc((100% - 30px) / 2);  }
}
@media screen and (max-width:640px){
	.introduction-history .detailBox .txtbox .titbox .p_tit { font-size:18px; }
	.introduction-history .detailBox .txtbox .titbox .p_tit strong { font-size:24px; }
	.introduction-history .detailBox .txtbox .titbox .p_tit span { margin:15px 0 10px 0; font-size:18px; }
	.introduction-history .detailBox .txtbox .titbox p { font-size:20px; }
	.introduction-history .detailBox .txtbox dl { margin:40px 0 0 0; }
	.introduction-history .detailBox .txtbox dd li { font-size:15px; }
	.introduction-history .youtube-list ul { gap:40px 20px; }
	.introduction-history .youtube-list ul li { width:calc((100% - 20px) / 2);  }
}

.introduction-history .youtube-list { margin:-50px 0 0 -40px;  }
.introduction-history .youtube-list figure { display:inline-block; margin:80px 0 0 40px; width:calc(33.33% - 44px); }
.introduction-history .youtube-list figure > div { position:relative; display:block; }
.introduction-history .youtube-list figure > div:after { content: ""; display:block; padding-bottom:64.2%; }
.introduction-history .youtube-list figure > div img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.introduction-history .youtube-list figure > div .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.introduction-history .youtube-list figure > div .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more_p.png) center top no-repeat; }
.introduction-history .youtube-list figure > div .over span { background: url(/landing3/img/sub/btn_more_v.png) center top no-repeat; }
.introduction-history .youtube-list figure figcaption { position:relative; margin:18px 0 0 0; display:block; } 
.introduction-history .youtube-list figure figcaption strong { display:block; color:#333; font-weight:500; letter-spacing:-0.02em; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.introduction-history .youtube-list figure figcaption span { margin:13px 0 0 0; display:block; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:16px; } 
.introduction-history .youtube-list figure:hover > div  { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.introduction-history .youtube-list figure:hover > div .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
@media screen and (max-width:1440px){
	.introduction-history .youtube-list { margin:-50px 0 0 -30px;  }
	.introduction-history .youtube-list figure { display:inline-block; margin:80px 0 0 30px; width:calc(33.33% - 34px); }
}
@media screen and (max-width:1280px){
	.archive-photo .listbox { margin:50px 0 0 0; padding:80px 0 0 0; }
	.archive-photo .listbox li { width:calc(33.33% - 34px); }
	.archive-photo .listbox .photo-list figure { width:calc(33.33% - 34px); }
}
@media screen and (max-width:860px){
	.introduction-history .youtube-list { margin:-20px 0 0 -20px;  }
	.introduction-history .youtube-list figure { margin:50px 0 0 20px; width:calc(50% - 24px); }
	.introduction-history .youtube-list figure figcaption { margin:16px 0 0 0; }
	.introduction-history .youtube-list figure figcaption strong { font-size:20px; } 
	.introduction-history .youtube-list figure figcaption span { margin:8px 0 0 0; font-size:16px; } 
}
@media screen and (max-width:640px){
	.introduction-history .youtube-list figure > di { margin:50px 0 0 0; width:100%; }
}


.introduction-venue { max-width:1200px; margin:0 auto }
.introduction-venue * { font-family: 'Noto Sans KR', sans-serif; }
.introduction-venue .top-venue { text-align:center; padding:75px 0 80px; background:url(/landing3/img/sub/venue_bg.png) center top no-repeat;  }
.introduction-venue .top-venue > p { font-size:20px; color:#212121; font-weight:200; }
.introduction-venue .top-venue .txt_1 { font-family: 'Montserrat', sans-serif;  margin-top:26px; font-size:40px; color:#2f2f2f; font-weight:400; line-height:1.6; text-transform:uppercase; }
.introduction-venue .top-venue .txt_1 span { color:#bd824b; display:block; font-weight:600; font-family: 'Montserrat', sans-serif;  }
.introduction-venue .top-venue .txt_2 { margin-top:30px; font-size:16px; color:#666; font-weight:300; line-height:1.6;  }
.introduction-venue .top-venue .txt_3 { margin-top:30px; font-size:16px; color:#212121; font-weight:300;   }
.introduction-venue .imgbox img { width:100% }
.introduction-venue .txtbox dt { text-align:center; height:200px; display:flex; align-items:center; justify-content:center; background:url(/landing3/img/sub/venue_bg1.png) center top no-repeat;}
.introduction-venue .txtbox dt strong { color:#bd824b; font-size:30px; font-weight:700; width:70%;  }
.introduction-venue .txtbox dt span { margin-top:-60px; width:71px; height:53px; background:url(/landing3/img/sub/venue_icon1.png) center top no-repeat; }
.introduction-venue .txtbox dt span.icon2 { margin-top:60px; background:url(/landing3/img/sub/venue_icon2.png) center top no-repeat; }
.introduction-venue .txtbox dd { padding:75px 0 0 0;  display:flex; gap:0 95px; flex-wrap:wrap; }
.introduction-venue .txtbox dd .txt { width:calc((100% - 95px) / 2); text-align:justify; }
.introduction-venue .txtbox dd .txt p:not(:last-child) { margin-bottom:18px; }
.introduction-venue .txtbox dd .txt p { font-size:16px; color:#212121; font-weight:300; line-height:1.8; letter-spacing:-0.04em; }
.introduction-venue .txtbox dd .txt p strong { font-weight:500; }
@media screen and (max-width:1024px){
	.introduction-venue .top-venue .txt_1 span { display:inline-block; }
	.introduction-venue .top-venue .txt_2 br { display:none }
	.introduction-venue .txtbox dt { height:180px; }
	.introduction-venue .txtbox dd { padding:45px 0 0 0; display:flex; gap:0 50px; }
	.introduction-venue .txtbox dd .txt { width:calc((100% - 50px) / 2);}
}
@media screen and (max-width:640px){
	.introduction-venue .top-venue > p { font-size:17px; }
	.introduction-venue .top-venue .txt_1 {  margin-top:25px; font-size:22px; }
	.introduction-venue .txtbox dt { height:140px; }
	.introduction-venue .txtbox dt strong { font-size:22px; width:50%;  }
	.introduction-venue .txtbox dt span,
	.introduction-venue .txtbox dt span.icon2 { background-size:36px auto; }
	.introduction-venue .txtbox dt span { margin-top:-40px; }
	.introduction-venue .txtbox dt span.icon2 { margin-top:50px; }
	.introduction-venue .txtbox dd { padding:40px 0 0 0;  display:flex; gap:40px 0; }
	.introduction-venue .txtbox dd .txt { width:100%; }
}
/* application-main */
.application-main { }
.application-main ul { margin:-80px 0 0 -58px; text-align:center; }
.application-main li { display:inline-block; margin:80px 0 0 54px; width:calc(33.33% - 58px); }
.application-main li .imgbox { position:relative; display:block; }
.application-main li .imgbox img { width:100%; }
.application-main li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.application-main li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more.png) center top no-repeat; }
.application-main li .txtbox { display:table; width:100%; height:60px; } 
.application-main li .txtbox strong { display:table-cell; width:100%; box-sizing:border-box; vertical-align:middle; color:#222; font-weight:400; letter-spacing:-0.02em; font-size:20px; text-align:center; border:1px solid #ddd; background-color:#fff; transition:all .3s ease-in-out; } 
.application-main li:hover { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.application-main li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
.application-main li:hover .txtbox strong { color:#fff; border:1px solid #bd824b; background-color:#bd824b; }
@keyframes over_bg{
	0%{transform:scale(0); }
	100%{transform:scale(1); }
}
@media screen and (max-width:1280px){
	.application-main ul { margin:-60px 0 0 -44px; text-align:center; }
	.application-main li { display:inline-block; margin:60px 0 0 40px; width:calc(50% - 44px); }
}
@media screen and (max-width:1024px){
	/* .application-main { display:none; } */
}

/* application-violin */
.application-violin {}
.application-violin .btnbox { text-align:center; }
.application-violin .btnbox a { margin:0 18px; width:320px; color:#bd824b; font-weight:500; letter-spacing:-0.02em; font-size:16px; padding:16px 0; box-sizing:border-box; border:2px solid #bd824b; display:inline-block; border-radius:35px; transition:all .3s ease-in-out; }
.application-violin .btnbox a:hover  { border:2px solid #bd824b; color:#fff; background-color:#bd824b }
.application-violin .btnbox a span { padding:3px 0 3px 26px; color:#bd824b; background:url(/landing3/img/sub/icon_violin_1.png) left center no-repeat; transition:all .3s ease-in-out;  }
.application-violin .btnbox a:hover span { color:#fff; background:url(/landing3/img/sub/icon_violin_1_on.png) left center no-repeat; }
.application-violin .btnbox a:nth-child(2) { width:360px; }
.application-violin .btnbox a:nth-child(2) span { padding:3px 0 3px 30px; background:url(/landing3/img/sub/icon_violin_2.png) left center no-repeat; }
.application-violin .btnbox a:hover:nth-child(2) span { background:url(/landing3/img/sub/icon_violin_2_on.png) left center no-repeat; }
/* 230517 */
.application-violin .btnbox a span { background: none !important; padding: 0 !important; }
/* 230517 */
.application-violin .txtbox_1 { margin:120px 0 0 0; }
.application-violin .txtbox_1:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.application-violin .txtbox_1 > .box { float:left; box-sizing:border-box; width:50%; }
.application-violin .txtbox_1 > .box.box_r { padding-left:20px; }
/* .application-violin .txtbox_1 .txt_1 .tit { padding:10px 0 3px 50px; background:url(/landing3/img/sub/icon_violin_txt1_1.png) left top no-repeat; } */
.application-violin .txtbox_1 .txt_1 .tit { position:relative; padding:0 0 0 15px; }
.application-violin .txtbox_1 .txt_1 .tit:after{ content:''; display:block; position:absolute; left:0; top:0; width:4px; height:100%; background-color:#bd824b; }
.application-violin .txtbox_1 .txt_1 .tit h4 { color:#222; font-weight:500; letter-spacing:-0.02em; font-size:28px; display:inline-block; }
.application-violin .txtbox_1 .txt_1 .tit span { color:#bd824b; font-weight:500; letter-spacing:-0.02em; font-size:18px; margin:0 0 0 5px; display:inline-block; }
.application-violin .txtbox_1 .txt_1 p { margin:24px 0 0 0; color:#444; font-weight:400; letter-spacing:-0.02em; font-size:16px; line-height:32px; }
.application-violin .txtbox_1 .txt_1 p span { color:#bd824b; font-weight:500; }
.application-violin .txtbox_1 .txt_1 .list { margin:30px 0 0 0; }
.application-violin .txtbox_1 .txt_1 .list li { position:relative; margin:22px 0 0 0; padding:0 0 0 15px; color:#444; font-weight:400; letter-spacing:-0.02em; font-size:16px; line-height:22px; }
.application-violin .txtbox_1 .txt_1 .listNo li { padding:0 0 0 0; }
.application-violin .txtbox_1 .txt_1 .dl{ margin-top: 10px; }
.application-violin .txtbox_1 .txt_1 .dl dl, 
.application-violin .txtbox_1 .txt_1 .dl dl dt,
.application-violin .txtbox_1 .txt_1 .dl dl dd{ font-weight: 300; line-height: inherit; }
.application-violin .txtbox_1 .txt_1 .dl dl{ padding-left: 18px; position: relative; }
.application-violin .txtbox_1 .txt_1 .dl dl:not(:last-of-type){ margin-bottom: 10px; }
.application-violin .txtbox_1 .txt_1 .dl dl dt strong{ position: absolute; top: 0; left: 0; }
/* 230511 */
.application-violin .txtbox_1 .txt_1 .list li > span { font-size: 14px; color: #666; }
/* 230511 */
.application-violin .txtbox_1 .txt_1 .list li:after {content:""; display:block; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#444; border-radius:50%; }
.application-violin .txtbox_1 .txt_1 .listNo li:after { display:none; }
.application-violin .txtbox_1 .txt_1 .list li .sbox { margin:12px 0 0 0; color:#666; font-weight:300; letter-spacing:-0.02em; font-size:16px; line-height:28px; }
/* 230511 */
.application-violin .txtbox_1 .txt_1 .list li .sbox > em { font-size: 15px; }
.application-violin .txtbox_1 .txt_1 .list li .sbox > span { color: #bd824b; font-weight: 500; }
/* 230511 */
.application-violin .txtbox_1 .txt_1 .list li span.bar { position:relative; margin:0 15px; width:1px; height:11px; display:inline-block; overflow:hidden; text-indent:-9999em; }
.application-violin .txtbox_1 .txt_1 .list li span.bar:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:11px; background-color:#aaa; }
.application-violin .txtbox_1 .txt_1 .txt_b { margin:34px 0 0 0; color:#444; font-weight:400; letter-spacing:-0.02em; font-size:16px; }
.application-violin .txtbox_1 .txt_1.txt_2 { margin:118px 0 0 0; }
/* 230517 */
.application-violin .txtbox_1 .box_r .txt_1.txt_2 { margin: 0 0 55px; }
/* 230517 */
.application-violin .txtbox_1 .txt_1.txt_2 .list { margin:22px 0 0 0; }
.application-violin .txtbox_1 .txt_1.txt_2 .list li {  margin:14px 0 0 0; }
.application-violin .txtbox_1 .stepBox .box { position:relative; margin:55px 0 0 0; padding:38px 25px 40px 25px; box-sizing:border-box; border:1px solid #ddd; }
.application-violin .txtbox_1 .stepBox .box:nth-child(1) { margin:0; }
.application-violin .txtbox_1 .stepBox .box .num { position:absolute; right:25px; top:25px; color:#f2e6db; font-weight:500; letter-spacing:-0.02em; font-size:48px; }
.application-violin .txtbox_1 .stepBox .box dt { color:#bd824b; font-weight:500; letter-spacing:-0.02em; font-size:20px; }
.application-violin .txtbox_1 .stepBox .box dd { margin:24px 0 0 0; color:#222; font-weight:400; letter-spacing:-0.02em; font-size:16px; line-height:20px; }
.application-violin .txtbox_1 .stepBox .box dd ul { padding:7px 0 0 0; }
.application-violin .txtbox_1 .stepBox .box dd li { position:relative; padding:0 0 0 22px; margin:13px 0 0 0; color:#666; font-weight:300; letter-spacing:-0.02em; font-size:16px; line-height:22px; }
.application-violin .txtbox_1 .stepBox .box dd li strong { position:absolute; left:0; top:0; font-weight:400;  }
.application-violin .txtbox_1 .stepBox .box dd li span { color:#666;font-size:15px; font-weight:300; }
.application-violin .txtbox_1 .stepBox .box dd li p{ font-weight: inherit; line-height: inherit; margin-top: 12px; }
.application-violin .txtbox_1 .stepBox .box dd ul.list li { padding:0 0 0 12px; }
.application-violin .txtbox_1 .stepBox .box dd ul.list li:after {content:""; display:block; position:absolute; left:0; top:6px; width:3px; height:3px; background-color:#888; border-radius:50%; }
.application-violin .txtbox_2 { margin:82px 0 0 0; padding:85px 135px 85px 92px; border:1px solid #ddd; background-color:#f8f8f8; box-sizing:border-box; }  
.application-violin .txtbox_2:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.application-violin .txtbox_2 .box_1 { float:left; position:relative; width:calc(100% - 225px); box-sizing:border-box;  padding:0 45px 0 0;}
.application-violin .txtbox_2 .box_1:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.application-violin .txtbox_2 .box_2 { float:left; }
.application-violin .txtbox_2 .box_1 ul { position:relative; padding:0 66px 0 0; }
.application-violin .txtbox_2 .box_1 ul:before {content:""; display:block; position:absolute; left:0; top:120px; background-image:linear-gradient(to right, #c6c6c6 33%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:6px 2px; background-repeat:repeat-x; width:100%; height:2px; }
.application-violin .txtbox_2 .box_1 ul:after{ content:''; display:block; width:8px; height:14px; position:absolute; top:120px; right:-10px; transform:translateY(calc(-50% + 1px)); background:url(/landing3/img/sub/icon_arr_v.png) left top no-repeat; }
.application-violin .txtbox_2 .box_1 li { float:left; width:25%; text-align:center; position:relative; }
.application-violin .txtbox_2 .box_1 li .imgbox { display:block; }
.application-violin .txtbox_2 .box_1 li .txtbox {  position:relative; display:block; margin:10px 0 0 0; padding:29px 0 0 0; }
.application-violin .txtbox_2 .box_1 li .txtbox:after{ content:''; display:block; width:10px; height:10px; border-radius:50%; background:#bd824b; position:absolute; top:0; left:50%; transform:translateX(calc(-50% + 1px)); }
.application-violin .txtbox_2 .box_1 li .txtbox span { display:block; color:#bd824b; font-weight:500; letter-spacing:-0.02em; font-size:16px; }
.application-violin .txtbox_2 .box_1 li .txtbox strong { margin:8px 0 0 0; display:block; color:#666; font-weight:500; letter-spacing:-0.02em; font-size:18px; }
.application-violin .txtbox_2 .box_2 { width:180px; height:180px; margin:20px 0 0 0; display:table; text-align:center; }
.application-violin .txtbox_2 .box_2 .sbox { display:table-cell; vertical-align:middle; width:150px; height:150px; border:15px solid #ece0d5; background-color:#d0a882; border-radius:150px; }
.application-violin .txtbox_2 .box_2 .sbox span { display:block; }
.application-violin .txtbox_2 .box_2 .sbox strong { display:block; margin:12px 0 0 0; color:#fff; font-weight:500; letter-spacing:-0.02em; font-size:16px;}

.application-violin .infoBox {
	margin: 60px 0 0;
}
.application-violin .infoBox * {
	box-sizing: border-box;
}
.application-violin .infoBox h5 {
	font-size: 24px;
    font-weight: 700;
    color: #bd824b;
}
.application-violin .infoBox h6 {
	font-size: 18px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 20px;
}
.application-violin .infoBox h6::after {
	content: '';
    display: block;
    width: 70px;
    height: 1px;
    background: #222;
    position: absolute;
    left: 160px;
    bottom: 2px;
}
.application-violin .infoBox .flexBox {
	display: flex;
	flex-wrap: wrap;
	margin-top:30px;
}
.application-violin .infoBox ul {
	width: 50%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #e1e1e1;
}
.application-violin .infoBox ul li {
	display: flex;
	border-bottom: 1px solid #e1e1e1;
}
.application-violin .infoBox ul li div {
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px 0;
}
.application-violin .infoBox ul li div:first-child {
	width: 260px;
	flex-shrink: 0;
	background: #f7f7f7;
	padding-left: 20px;
}
.application-violin .infoBox ul li div:last-child {
	padding-left: 40px;
	width: 100%;
}
.application-violin .infoBox ul li p {
	color: #222;
    font-size: 18px;
    font-weight: 500;
}
.application-violin .infoBox ul li span {
	color: #666;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Kanit', sans-serif;
}

@media screen and (max-width:1280px){
	.application-violin .txtbox_1 .txt_1 p br { display:none; }
	.application-violin .txtbox_1 .txt_1 p .m_br { display:block; }
	.application-violin .txtbox_2 {  padding:85px 50px; }
	.application-violin .txtbox_2 .box_1 { width:calc(100% - 225px); padding:0 0 0 0;}
	.application-violin .txtbox_2 .box_2 { float:right; }

	.application-violin .infoBox ul {
		width: 100%;
	}
	.application-violin .infoBox ul:last-child {
		border-top: none;
	}
	.application-violin .infoBox ul:last-child li:last-child {
		display: none
	}
}
@media screen and (max-width:1024px){
	.application-violin .btnbox a { margin:0 10px; }
	.application-violin .txtbox_1 { margin:100px 0 0 0; }
	.application-violin .txtbox_1 > .box { width:100%; }
	.application-violin .txtbox_1 > .box.box_r { padding-left:0; margin-top:40px; }
	.application-violin .txtbox_1 .txt_1.txt_2 { margin:80px 0 0 0; }
	.application-violin .txtbox_1 .stepBox .box { margin:20px 0 0 0; }
	.application-violin .txtbox_2 { margin:50px 0 0 0; padding:70px 40px; }
	.application-violin .txtbox_2 .box_1 ul { padding:0 0 0 0; }
}
@media screen and (max-width:860px){
	.application-violin .btnbox a { margin:0 0 10px 0; width:320px;}
	.application-violin .btnbox a:nth-child(2) { width:320px; }
	.application-violin .txtbox_2 { margin:40px 0 0 0; padding:20px 40px 40px 40px; }
	.application-violin .txtbox_2 .box_1 { float:none; width:100%; padding:0 0 0 0; } 
	.application-violin .txtbox_2 .box_1 ul:before { display:none; }
	.application-violin .txtbox_2 .box_1 ul:after{ top:346px; } 
	.application-violin .txtbox_2 .box_1 li { width:50%; margin:20px 0 0 0; }
	.application-violin .txtbox_2 .box_1 li:before {content:""; display:block; position:absolute; left:0; top:120px; background-image:linear-gradient(to right, #c6c6c6 33%, rgba(255,255,255,0) 0%); background-position:bottom; background-size:6px 2px; background-repeat:repeat-x; width:100%; height:2px; }
	.application-violin .txtbox_2 .box_2 { float:none; text-align:center; margin:40px auto 0 auto; }
}
@media screen and (max-width:640px){
	.application-violin .txtbox_1 { margin:50px 0 0 0; }
	.application-violin .btnbox a { width:100%;}
	.application-violin .btnbox a:nth-child(2) { width:100%; }
	.application-violin .txtbox_1 .stepBox .box .num { right:15px; top:25px; font-size:44px; }

	.application-violin .infoBox ul li {
		flex-direction: column;
	}
	.application-violin .infoBox ul li div:first-child {
		width: 100%;
	}
	.application-violin .infoBox ul li div:last-child {
		padding-left: 20px;
	}
}

/* application-competitiors */
.application-competitiors {}
.application-competitiors .selbox { text-align:right; position:relative; z-index:2; }
.application-competitiors .selbox select { width:250px; height:40px; border:1px solid #aaa; color:#aaa; font-weight:400; font-size:14px; }
.application-competitiors .listbox { margin:70px 0 0 0; padding:100px 0 0 0; border-top:1px solid #ebebeb; }
.application-competitiors .listbox:nth-of-type(1) { margin:0; padding:0; border-top:none;}
.application-competitiors .listbox .tit { position:relative; }
.application-competitiors .listbox .tit span { position:relative; z-index:2; font-size:32px; font-weight:700; color:#252525; letter-spacing:-0.025em; padding:0 0 5px 0; display:inline-block; text-transform:uppercase; }
.application-competitiors .listbox .tit span:after{ content:''; display:block; z-index:-1; padding-right:0; position:absolute; left:7px; bottom:0; width:100%; height:15px; background-color:#e5cdb7; }
.application-competitiors .listbox ul { margin:-50px 0 0 -40px; width:calc(100% + 40px); }
.application-competitiors .listbox li { display:inline-block; margin:80px 0 0 40px; width:calc(25% - 44px); }
.application-competitiors.application-jury .listbox ul { width:calc(100% + 150px); margin:-50px 0 0 -150px;  }
.application-competitiors.application-jury .listbox li { width:calc(33.33% - 154px);margin:80px 0 0 150px; }
.application-competitiors .listbox li .imgbox { position:relative; display:block; }
.application-competitiors.application-jury .listbox li .imgbox { position:relative; display:block; overflow:hidden; }
.application-competitiors .listbox li .imgbox:after { content: ""; display:block; padding-bottom:130%; }
/*
.application-competitiors.application-jury .listbox li:nth-child(4) .imgbox:after,
.application-competitiors.application-jury .listbox li:nth-child(5) .imgbox:after,
.application-competitiors.application-jury .listbox li:nth-child(6) .imgbox:after { content: ""; display:block; padding-bottom:130%; }
*/
.application-competitiors .listbox li .imgbox img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.application-competitiors .listbox li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.application-competitiors .listbox li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more.png) center top no-repeat; }
.application-competitiors .listbox li .txtbox { position:relative; padding:0 0 0 18px; margin:18px 0 0 0; display:block; } 
.application-competitiors .listbox li .txtbox:after{ content:''; display:block; position:absolute; left:0; top:0; width:4px; height:100%; background-color:#bd824b; }
.application-competitiors .listbox li .txtbox strong { display:block; color:#333; font-weight:500; letter-spacing:-0.02em; font-size:22px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.application-competitiors .listbox li .txtbox span { margin:13px 0 0 0; display:block; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:18px; } 
.application-competitiors .listbox li:hover .imgbox { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.application-competitiors .listbox li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
.application-competitiors .listveiw:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.application-competitiors .listview .imgbox { float:left; width:480px; position:relative; }
.application-competitiors .listview .imgbox:after { content: ""; display:block; padding-bottom:130%; }
.application-competitiors .listview .imgbox img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.application-competitiors .listview .txtbox { float:left; width:calc(100% - 480px); box-sizing:border-box; padding:0 0 0 145px;}
.application-competitiors .listview .txtbox dl { padding:28px 0 0 0; }
.application-competitiors .listview .txtbox dt { position:relative; padding:0 0 38px 0; }
.application-competitiors .listview .txtbox dt:after{ content:''; display:block; z-index:-1; position:absolute; left:0; bottom:0; width:30px; height:2px; background-color:#bd824b; }
.application-competitiors .listview .txtbox dt strong { color:#333; font-weight:600; letter-spacing:-0.02em; font-size:38px; display:block; }
.application-competitiors .listview .txtbox dt span { margin:20px 0 0 0; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:20px; display:block; }
.application-competitiors .listview .txtbox dd { margin:50px 0 0 0; color:#888; font-weight:300; letter-spacing:-0.02em; font-size:16px; line-height:32px; }
.application-competitiors .listview .txtbox .btn_list { margin:90px 0 0 0; }
.application-competitiors .listview .txtbox .btn_list a { position:relative; color:#333; font-weight:300; letter-spacing:-0.02em; font-size:16px; display:inline-block; padding:4px 0 0 48px; }
.application-competitiors .listview .txtbox .btn_list a:after{ content:''; display:block; position:absolute; left:0; top:0; width:32px; height:20px; background:url(/landing3/img/sub/btn_list.png) left center no-repeat;}
@media screen and (max-width:1440px){
	.application-competitiors .listbox ul { margin:-50px 0 0 -30px; width:calc(100% + 30px); }
	.application-competitiors .listbox li { display:inline-block; margin:80px 0 0 30px; width:calc(25% - 34px); }
    .application-competitiors.application-jury .listbox ul { width:calc(100% + 100px); margin:-50px 0 0 -100px;  }
    .application-competitiors.application-jury .listbox li { width:calc(33.33% - 104px); margin:80px 0 0 100px; }
}
@media screen and (max-width:1280px){
	.application-competitiors .listbox { margin:50px 0 0 0; padding:80px 0 0 0; }
    .application-competitiors.application-jury .listbox ul { width:calc(100% + 30px); margin:-50px 0 0 -30px;  }
	.application-competitiors .listbox li,
    .application-competitiors.application-jury .listbox li { width:calc(33.33% - 34px); margin:80px 0 0 30px;  }
	.application-competitiors .listview .txtbox { padding:0 0 0 100px; }
	.application-competitiors .listview .txtbox .btn_list { margin:70px 0 0 0; }
}
@media screen and (max-width:1024px){
	.application-competitiors .listview .imgbox { width:380px; }
	.application-competitiors .listview .txtbox { width:calc(100% - 380px); padding:0 0 0 60px; }
}
@media screen and (max-width:860px){
	.application-competitiors .listbox .tit span { font-size:28px; padding:0 0 3px 0;}
	.application-competitiors .listbox .tit span:after{ padding-right:10px; height:12px; }
	.application-competitiors .listbox ul,
    .application-competitiors.application-jury .listbox ul { margin:-20px 0 0 -20px; width:calc(100% + 20px); }
	.application-competitiors .listbox li,
    .application-competitiors.application-jury .listbox li { margin:70px 0 0 20px; width:calc(33.33% - 24px); }
	.application-competitiors .listbox li .txtbox { padding:0 0 0 15px; margin:16px 0 0 0; }
	.application-competitiors .listbox li .txtbox strong { font-size:20px; } 
	.application-competitiors .listbox li .txtbox span { margin:8px 0 0 0; font-size:16px; } 
	.application-competitiors .listview .imgbox { max-width:420px; width:100%; }
	.application-competitiors .listview .txtbox { width:100%; padding:30px 0 0 0; }
	.application-competitiors .listview .txtbox dt { padding:0 0 25px 0; }
	.application-competitiors .listview .txtbox dt strong { font-size:34px; }
	.application-competitiors .listview .txtbox dt span { margin:15px 0 0 0; font-size:18px; }
	.application-competitiors .listview .txtbox dd { margin:30px 0 0 0; font-size:15px; line-height:28px; }
	.application-competitiors .listview .txtbox .btn_list { margin:50px 0 0 0; }
	.application-competitiors .listview .txtbox .btn_list a { font-size:15px; padding:4px 0 0 40px; }
}
@media screen and (max-width:750px){
	.application-competitiors .listbox { margin:40px 0 0 0; padding:50px 0 0 0; }
	.application-competitiors .listbox li,
    .application-competitiors.application-jury .listbox li { margin:50px 0 0 20px; width:calc(50% - 24px); }
}
@media screen and (max-width:640px){
	.application-competitiors .listbox ul,
    .application-competitiors.application-jury .listbox ul  { margin:-20px 0 0 0; width:100% }
	.application-competitiors .listbox li,
    .application-competitiors.application-jury .listbox li { margin:50px 0 0 0; width:100%; }
}
@media screen and (max-width:500px){
	.application-competitiors .selbox select { width:100%; margin-bottom:20px; }
}

/* application-orchestra */
.application-orchestra .listbox { margin:70px 0 0 0; padding:100px 0 0 0; border-top:1px solid #ebebeb; }
.application-orchestra .listbox:nth-of-type(1) { margin:0; padding:0; border-top:none;}
.application-orchestra .listbox .tit { position:relative; }
.application-orchestra .listbox .tit span { position:relative; z-index:2; font-size:32px; font-weight:700; color:#252525; letter-spacing:-0.025em; padding:0 0 5px 0; display:inline-block; text-transform:uppercase; }
.application-orchestra .listbox .tit span:after{ content:''; display:block; z-index:-1; padding-right:15px; position:absolute; left:0; bottom:0; width:100%; height:15px; background-color:#e5cdb7; }
.application-orchestra .listbox .box { margin:60px 0 0 0; }
.application-orchestra .listbox .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.application-orchestra .listbox .imgbox { float:left; width:420px; position:relative; }
.application-orchestra .listbox .imgbox:after { content: ""; display:block; padding-bottom:130%; }
.application-orchestra .listbox .imgbox img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.application-orchestra .listbox .txtbox { float:left; width:calc(100% - 420px); box-sizing:border-box; padding:0 0 0 100px;}
.application-orchestra .listbox .txtbox dl { padding:28px 0 0 0; }
.application-orchestra .listbox .txtbox dt { position:relative; padding:0 0 38px 0; }
.application-orchestra .listbox .txtbox dt:after{ content:''; display:block; z-index:-1; position:absolute; left:0; bottom:0; width:30px; height:2px; background-color:#bd824b; }
.application-orchestra .listbox .txtbox dt strong { color:#333; font-weight:600; letter-spacing:-0.02em; font-size:38px; display:block; }
.application-orchestra .listbox .txtbox dt span { margin:20px 0 0 0; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:20px; display:block; }
.application-orchestra .listbox .txtbox dd { margin:50px 0 0 0; color:#888; font-weight:300; letter-spacing:-0.02em; font-size:16px; line-height:32px; height:197px; overflow:hidden; transition:all .3s ease-in-out; }
.application-orchestra .listbox .txtbox dd.on { height:auto; }
.application-orchestra .listbox .txtbox .btn_more { position:relative; margin:70px 0 0 0; padding:0 20px 0 0; display:inline-block; cursor:pointer; color:#333; font-weight:300; letter-spacing:-0.02em; font-size:16px; } 
.application-orchestra .listbox .txtbox .btn_more:after{ content:''; display:block; position:absolute; right:0; top:50%; width:9px; height:5px; margin-top:-2.5px; background:url(/landing3/img/sub/btn_updown.png) left center no-repeat; transform:rotate(180deg); transition:all .3s ease-in-out; }
.application-orchestra .listbox .txtbox .btn_more.on:after { transform:rotate(0); }
.application-orchestra.app-o .listbox .box { margin:30px 0 0 0; }
.application-orchestra.app-o .listbox .imgbox { width:650px; }
.application-orchestra.app-o .listbox .imgbox:after { padding-bottom:64.7%; }
.application-orchestra.app-o .listbox .txtbox { width:calc(100% - 650px); }

@media screen and (max-width:1280px){
	.application-orchestra .listbox .imgbox { width:380px; }
	.application-orchestra .listbox .txtbox { width:calc(100% - 380px); padding:0 0 0 60px; }
	.application-orchestra.app-o .listbox .imgbox { width:500px; }
	.application-orchestra.app-o .listbox .txtbox { width:calc(100% - 500px); }
}
@media screen and (max-width:1024px){
	.application-orchestra .listbox .tit span { font-size:28px; padding:0 0 3px 0;}
	.application-orchestra .listbox .tit span:after{ padding-right:10px; height:12px; }
	.application-orchestra .listbox .imgbox { max-width:640px; width:100%; }
	.application-orchestra .listbox .txtbox { width:100%; padding:30px 0 0 0; }
	.application-orchestra .listbox .txtbox dt { padding:0 0 25px 0; }
	.application-orchestra .listbox .txtbox dt strong { font-size:34px; }
	.application-orchestra .listbox .txtbox dt span { margin:15px 0 0 0; font-size:18px; }
	.application-orchestra .listbox .txtbox dd { margin:30px 0 0 0; font-size:15px; line-height:28px; }
	.application-orchestra .listbox .txtbox .btn_more { margin:50px 0 0 0; font-size:15px; }
	.application-orchestra.app-o .listbox .imgbox { width:100%; }
	.application-orchestra.app-o .listbox .txtbox { width:100%; }
}

/* application-prizes */
.application-prizes {}
.application-prizes .toptxt { color:#353535; font-weight:400; letter-spacing:-0.025em; font-size:20px; padding:1px 0 2px 30px;  background:url(/landing3/img/sub/icon_bullet.png) left top no-repeat; }
.application-prizes .txtbox { margin:35px 0 0 0; }
.application-prizes .txtbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; } 
.application-prizes .txtbox .box { float:left; width:50%; box-sizing:border-box; }
.application-prizes .txtbox .box.box_l { padding-right:40px; }
.application-prizes .txtbox .box .listbox { border:1px solid #ddd; padding:7px 20px; }
.application-prizes .txtbox .box .listbox li { display:table; width:100%; height:50px; border-top:1px solid #ddd; }
.application-prizes .txtbox .box .listbox li:first-child { border-top:none; }
.application-prizes .txtbox .box .listbox li .txt_l { position:relative; text-align:left; width:50%; display:table-cell; vertical-align:middle; color:#353535; font-weight:400; letter-spacing:-0.025em; font-size:16px; padding-left:9px; box-sizing:border-box; }
.application-prizes .txtbox .box .listbox li .txt_l:after {content:""; display:block; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1px; background-color:#444; border-radius:50%; }
.application-prizes .txtbox .box .listbox li .txt_r { position:relative; text-align:right; width:50%; display:table-cell; vertical-align:middle; color:#353535; font-weight:400; letter-spacing:-0.025em; font-size:16px; box-sizing:border-box; }
.application-prizes .txtbox .box .listbox li .txt_r strong { color:#bd824b; font-weight:500; font-size:18px; display:inline-block; margin:0 0 0 4px; }
.application-prizes .txtbox .box .listbox li .txt_r span { font-weight:500; }
.application-prizes .txtbox .box_r { padding:0 0 0 20px; }
.application-prizes .txtbox .box_r li { position:relative; margin:18px 0 0 0; color:#666; font-weight:300; letter-spacing:-0.025em; font-size:16px; padding:0 0 0 12px; line-height:1.4 }
.application-prizes .txtbox .box_r li:first-child { margin:8px 0 0 0; }
.application-prizes .txtbox .box_r li:after {content:""; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#888; border-radius:50%; }
.application-prizes .txtbox .box_r li span { font-weight:400; }
.application-prizes .imgbox { margin:60px 0 0 0; position:relative; }
/* .application-prizes .imgbox:after { content: ""; display:block; padding-bottom:30%; }
.application-prizes .imgbox img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit:cover; } */
@media screen and (max-width:1024px){
	.application-prizes .txtbox .box { width:100%; }
	.application-prizes .txtbox .box.box_l { padding-right:0; }
	.application-prizes .txtbox .box.box_r { padding:0 0 0 0; margin:30px 0 0 0; }
}

/* application-schedule */
.application-schedule { }
.application-schedule ul { border-top:2px solid #222; }
.application-schedule li { border-bottom:1px solid #222; }
.application-schedule li .subjectBox { position:relative; padding:26px 30px; cursor:pointer; background-color:#f8f8f8; }
.application-schedule li .subjectBox .tit { position:relative; font-size:20px; font-weight:400; color:#222; letter-spacing:-0.02em; padding:0 43px 0 0; display:inline-block; }
.application-schedule li .subjectBox .tit:after { content:""; display:block; position:absolute; right:0; top:50%; margin-top:-4px; width:14px; height:8px; background:url(/landing/img/icon_arr_down.png) no-repeat left center;}
.application-schedule li .subjectBox.on .tit:after { background:url(/landing/img/icon_arr_up.png) no-repeat left center;  }
.application-schedule li .subjectBox.on { background-color:#f6f1ec;}
.application-schedule li .subjectBox.on .tit { color:#9e632c; }
.application-schedule li .subjectBox .date { position:absolute; right:30px; top:50%; transform:translateY(-50%); font-family:'Jost', 'Noto Sans KR', sans-serif; color:#222; font-size:18px; font-weight:400; letter-spacing:-0.04em; }
.application-schedule li .contentBox .contTxt { padding:40px 40px; background-color:#fcfcfc; border-top:1px solid #aaa; font-size:15px; letter-spacing:-0.02em; line-height:30px; color:#444; font-family:'Jost', 'Noto Sans KR', sans-serif; }
.application-schedule li .contentBox .txtBox_b { position:relative; padding:26px 30px; border-top:1px solid #aaa; }
.application-schedule li .contentBox .txtBox_b .txt { color:#888; font-size:16px; letter-spacing:-0.02em; padding:0 430px 0 0; line-height:24px; }
.application-schedule li .contentBox .txtBox_b .btnBox { position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.application-schedule li .contentBox .txtBox_b .btnBox a { margin:0 0 0 15px; padding:15px 0; border:1px solid #aaa; border-radius:3px; letter-spacing:-0.02em; color:#888; font-size:14px; width:180px; text-align:center; display:inline-block; }
.application-schedule li .contentBox .txtBox_b .btnBox a:nth-child(1) { width:200px; }
.application-schedule li .contentBox .txtBox_b .btnBox a:hover { background-color:#bd824b; border:1px solid #bd824b; color:#fff; transition:all .3s ease-in-out; }

@media screen and (max-width:1024px) {
	.application-schedule li .contentBox .txtBox_b .txt { padding:0 310px 0 0; }
	.application-schedule li .contentBox .txtBox_b .btnBox a { width:130px; }
	.application-schedule li .contentBox .txtBox_b .btnBox a:nth-child(1) { width:160px; }
}
@media screen and (max-width:850px) {
	.application-schedule li .subjectBox { padding:20px 20px;}
	.application-schedule li .subjectBox .tit { font-size:18px; padding:0 25px 0 0; }
	.application-schedule li .subjectBox .tit:after { background-size:10px auto; }
	.application-schedule li .subjectBox.on .tit:after { background-size:10px auto; }
	.application-schedule li .subjectBox .date { right:20px; font-size:16px; }
	.application-schedule li .contentBox .contTxt { padding:30px 30px; }
	.application-schedule li .contentBox .txtBox_b { padding:20px 20px; }
	.application-schedule li .contentBox .txtBox_b .txt { padding:0 0 0 0; font-size:15px; line-height:22px; }
	.application-schedule li .contentBox .txtBox_b .btnBox { position:relative; right:auto; top:0; text-align:center; transform:translateY(0); margin-top:20px; }
	.application-schedule li .contentBox .txtBox_b .btnBox a { width:calc(50% - 11px); margin-left:5px; }
	.application-schedule li .contentBox .txtBox_b .btnBox a:nth-child(1) { width:calc(50% - 11px); margin-right:5px; }
	.application-schedule li .contentBox .contTxt { padding:40px 40px; background-color:#fcfcfc; border-top:1px solid #aaa; font-size:15px; letter-spacing:-0.02em; line-height:30px; color:#444; font-family:'Jost', 'Noto Sans KR', sans-serif; }
}
@media screen and (max-width:480px) {
	.application-schedule li .subjectBox .tit { font-size:16px; }
	.application-schedule li .subjectBox .date { font-size:14px; }
}

/* archive-photo */
.archive-photo {}
.archive-photo .selbox { text-align:right; position:relative; z-index:2; }
.archive-photo .selbox select { width:250px; height:40px; border:1px solid #aaa; color:#aaa; font-weight:400; font-size:14px; }
.archive-photo .listbox { margin:70px 0 0 0; padding:100px 0 0 0; border-top:1px solid #ebebeb; }
.archive-photo .listbox:nth-of-type(1) { margin:0; padding:0; border-top:none;}
.archive-photo .listbox .tit { position:relative; }
.archive-photo .listbox .tit span { position:relative; z-index:2; font-size:32px; font-weight:700; color:#252525; letter-spacing:-0.025em; padding:0 0 5px 0; display:inline-block; text-transform:uppercase; }
.archive-photo .listbox .tit span:after{ content:''; display:block; z-index:-1; padding-right:15px; position:absolute; left:0; bottom:0; width:100%; height:15px; background-color:#e5cdb7; }
.archive-photo .listbox ul { margin:-50px 0 0 -40px;  }
.archive-photo .listbox li { display:inline-block; margin:80px 0 0 40px; width:calc(33.33% - 44px); }
.archive-photo .listbox li .imgbox { position:relative; display:block; }
.archive-photo .listbox li .imgbox:after { content: ""; display:block; padding-bottom:64.2%; }
.archive-photo .listbox li .imgbox img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.archive-photo .listbox li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.archive-photo .listbox li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more_p.png) center top no-repeat; }
.archive-photo.video .listbox li .imgbox .over span { background: url(/landing3/img/sub/btn_more_v.png) center top no-repeat; }
.archive-photo .listbox li .txtbox { position:relative; margin:18px 0 0 0; display:block; } 
.archive-photo .listbox li .txtbox strong { display:block; color:#333; font-weight:500; letter-spacing:-0.02em; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.archive-photo .listbox li .txtbox span { margin:13px 0 0 0; display:block; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:16px; } 
.archive-photo .listbox li:hover .imgbox { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.archive-photo .listbox li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
.archive-photo .listbox .photo-list { margin:-50px 0 0 -40px;  }
.archive-photo .listbox .photo-list figure { display:inline-block; margin:80px 0 0 40px; width:calc(33.33% - 44px); }
.archive-photo .listbox .photo-list figure > div { position:relative; display:block; }
.archive-photo .listbox .photo-list figure > div:after { content: ""; display:block; padding-bottom:64.2%; }
.archive-photo .listbox .photo-list figure > div img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.archive-photo .listbox .photo-list figure > div .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.archive-photo .listbox .photo-list figure > div .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more_p.png) center top no-repeat; }
.archive-photo.video  .listbox .photo-list figure > div .over span { background: url(/landing3/img/sub/btn_more_v.png) center top no-repeat; }
.archive-photo .listbox .photo-list figure figcaption { position:relative; margin:18px 0 0 0; display:block; } 
.archive-photo .listbox .photo-list figure figcaption strong { display:block; color:#333; font-weight:500; letter-spacing:-0.02em; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.archive-photo .listbox .photo-list figure figcaption span { margin:13px 0 0 0; display:block; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:16px; } 
.archive-photo .listbox .photo-list figure:hover > div  { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.archive-photo .listbox .photo-list figure:hover > div .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }
@media screen and (max-width:1440px){
	.archive-photo .listbox ul { margin:-50px 0 0 -30px;  }
	.archive-photo .listbox li { display:inline-block; margin:80px 0 0 30px; width:calc(33.33% - 34px); }
	.archive-photo .listbox .photo-list { margin:-50px 0 0 -30px;  }
	.archive-photo .listbox .photo-list figure { display:inline-block; margin:80px 0 0 30px; width:calc(33.33% - 34px); }
}
@media screen and (max-width:1280px){
	.archive-photo .listbox { margin:50px 0 0 0; padding:80px 0 0 0; }
	.archive-photo .listbox li { width:calc(33.33% - 34px); }
	.archive-photo .listbox .photo-list figure { width:calc(33.33% - 34px); }
}
@media screen and (max-width:860px){
	.archive-photo .listbox .tit span { font-size:28px; padding:0 0 3px 0;}
	.archive-photo .listbox .tit span:after{ padding-right:10px; height:12px; }
	.archive-photo .listbox ul { margin:-20px 0 0 -20px;  }
	.archive-photo .listbox li { margin:50px 0 0 20px; width:calc(50% - 24px); }
	.archive-photo .listbox li .txtbox { margin:16px 0 0 0; }
	.archive-photo .listbox li .txtbox strong { font-size:20px; } 
	.archive-photo .listbox li .txtbox span { margin:8px 0 0 0; font-size:16px; } 
	.archive-photo .listbox .photo-list { margin:-20px 0 0 -20px;  }
	.archive-photo .listbox .photo-list figure { margin:50px 0 0 20px; width:calc(50% - 24px); }
	.archive-photo .listbox .photo-list figure figcaption { margin:16px 0 0 0; }
	.archive-photo .listbox .photo-list figure figcaption strong { font-size:20px; } 
	.archive-photo .listbox .photo-list figure figcaption span { margin:8px 0 0 0; font-size:16px; } 
}
@media screen and (max-width:640px){
	.archive-photo .listbox ul { margin:-20px 0 0 0;  }
	.archive-photo .listbox li { margin:50px 0 0 0; width:100%; }
	.archive-photo .listbox .photo-list figure > di { margin:50px 0 0 0; width:100%; }
}
@media screen and (max-width:500px){
	.archive-photo .selbox select { width:100%; margin-bottom:20px; }
}


/* layerpopup */
.pswp--open { z-index:99 !important;}
.pswp--open .pswp__bg { background:rgba(255,255,255,0.9) !important; }
.pswp__counter { display:none !important; }
.pswp__button.pswp__button--close { transition:all 0.3s ease-in-out; position:absolute; right:0; top:0; z-index:999 !important; background:none; overflow:hidden; text-indent:-9999em; cursor:pointer; width:30px !important; height:30px !important; border:none !important; outline:none; background:none; }
.pswp__button.pswp__button--close:before { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0;  background:url(/landing3/img/sub/btn_close_p.png) center center no-repeat;  -webkit-transform:rotate(0deg); transform:rotate(0deg);  -webkit-transition:all 0.3s; transition:all 0.3s; }
.pswp__button.pswp__button--close:after { display:none;}
.pswp__button.pswp__button--close:hover:before { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.pswp--open .pswp__ui { position:relative; max-width:1400px; margin:40px auto 0 auto; }
.pswp--open .pswp__caption { width:calc(100% - 100px); font-family: 'Jost', 'Noto Sans KR', sans-serif; }
.pswp--open .pswp__caption strong { color:#222; font-size:28px; font-weight:500; transition:all 0.3s ease-in-out;display:inline-block; margin:0 15px 0 0; }
.pswp--open .pswp__caption span { color:#444; font-size:20px; font-weight:400;  }
.pswp--open .pswp__button { background:none !important}
.pswp--open .pswp__button.btn__arrow { position:fixed; top:50% !important; width:70px; height:70px; margin:0 !important; padding:0 !important; transform:translateY(-50%) !important; border:1px solid #222; border-radius:50%; background:none; outline:none; }
.pswp--open .pswp__button.pswp__button--arrow--left { left:100px; background:url(/landing3/img/sub/btn_p_left.png) center center no-repeat !important; visibility: visible !important; }
.pswp--open .pswp__button.pswp__button--arrow--left:hover { background:#bd824b url(/landing3/img/sub/btn_p_left_on.png) center center no-repeat !important; border:1px solid #bd824b; }
.pswp--open .pswp__button.pswp__button--arrow--right { right:100px; background:url(/landing3/img/sub/btn_p_right.png) center center no-repeat !important; visibility: visible !important; }
.pswp--open .pswp__button.pswp__button--arrow--right:hover { background:#bd824b url(/landing3/img/sub/btn_p_right_on.png) center center no-repeat !important; border:1px solid #bd824b; }
.pswp--open .pswp__button--arrow--left:before,
.pswp--open .pswp__button--arrow--right:before { display:none; }
.pswp--open .pswp__top-bar, 
.pswp--open .pswp__caption { background:none; }
.pswp--open .pswp__caption { top:0; bottom:auto !important }
.pswp--open .pswp__caption__center { text-align: left; max-width:1400px !important; margin: 0 auto; font-size: auto !important; padding:0 !important; line-height:auto !important; color: #CCC; }

@media screen and (max-width:1350px){
	.pswp--open .pswp__ui { padding:0 80px; width:calc(100% - 160px) !important;}
}
@media screen and (max-width:1260px){
	.pswp--open .pswp__scroll-wrap { margin:20px 20px 20px 20px !important; width:calc(100% - 40px) !important; height:calc(100% - 40px) !important; }
	.pswp--open .pswp__ui { margin:100px auto 0 auto; }
	.pswp--open .pswp__button.pswp__button--arrow--left { left:80px; }
	.pswp--open .pswp__button.pswp__button--arrow--right { right:80px;}
	.pswp--open .pswp__caption { top:0; }
	.pswp--open .pswp__ui { padding:0 60px; width:calc(100% - 120px) !important;}
}
@media screen and (max-width:1024px){
	.pswp--open .pswp__caption strong  { font-size:22px; }
	.pswp--open .pswp__caption span { font-size:18px; }
	.pswp--open .pswp__ui { padding:0 40px; width:calc(100% - 80px) !important;}
	.pswp--open .pswp__button.btn__arrow { width:50px; height:50px; }
	.pswp--open .pswp__button.pswp__button--arrow--left,
	.pswp--open .pswp__button.pswp__button--arrow--right { background-size:28% auto !important; }
	.pswp__button.pswp__button--close:before { background-size:80% auto !important; }
}
@media screen and (max-width:865px){
	.pswp--open .pswp__button.pswp__button--arrow--left { left:40px;  }
	.pswp--open .pswp__button.pswp__button--arrow--right { right:40px;  }
	.pswp--open .pswp__ui { padding:0 20px; width:calc(100% - 40px) !important;}
}
@media screen and (max-width:640px){
	.pswp--open .pswp__caption strong  { font-size:18px; }
	.pswp--open .pswp__caption span { font-size:15px; }
	.pswp--open .pswp__button.pswp__button--arrow--left { left:10px; }
	.pswp--open .pswp__button.pswp__button--arrow--right { right:10px; }
	.pswp--open .pswp__button.btn__arrow { width:40px; height:40px; }
	.pswp--open .pswp__button.pswp__button--arrow--left,
	.pswp--open .pswp__button.pswp__button--arrow--right { background-size:25% auto !important; }
	.pswp--open .pswp__ui { width:100% !important;}
	.pswp__button.pswp__button--close:before { background-size:60% auto !important; }
}

.pswp__zoom-wrap .wrapper { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1400px; height:780px; }
.pswp__zoom-wrap .wrapper .video-wrapper {  position:relative; z-index:9; }
.pswp__zoom-wrap .wrapper .video-wrapper:after { content: ""; display:block; padding-bottom:56.5%; }
.pswp__zoom-wrap .wrapper .video-wrapper iframe { position:absolute; left:0; top:0; width:100% !important; height:100% !important; }
@media screen and (max-width:1400px){
	.pswp__zoom-wrap .wrapper { width:960px; height:542px; }
}
@media screen and (max-width:1024px){
	.pswp__zoom-wrap .wrapper { padding:0 30px; width:calc(100% - 60px); height:auto; }
}
@media screen and (max-width:640px){
	.pswp__zoom-wrap .wrapper { padding:0 0; width:100%; }
}

.page { margin:80px 0 0 0; }
.page a { font-family: 'Jost', 'Noto Sans KR', sans-serif !important; vertical-align:middle; position:relative; font-size:16px !important; line-height:14px !important; font-weight:400 !important; color:#444 !important; padding:13px 6px !important; min-width:30px; margin:-1px 2px !important; border:1px solid #dbdbdb !important; }
.page li { }
.page li:hover a,
.page li.on a { font-weight:500 !important; color:#fff !important; background-color:#bd824b !important; border:1px solid #bd824b !important; }
.page li:hover:first-child a,
.page li:hover:last-child a  { font-weight:500 !important; color:#fff !important; border:1px solid #dbdbdb !important; }
.page li:first-child a { overflow:hidden; text-indent:-9999em; background:#fff url(/landing3/img/sub/btn_b_prev.png) center center no-repeat !important; }
.page li:last-child a { overflow:hidden; text-indent:-9999em; background:#fff url(/landing3/img/sub/btn_b_next.png) center center no-repeat !important; }


/* .information-notice */
.information-notice {}
.information-notice .listbox ul { margin:-50px 0 0 -40px;  }
.information-notice .listbox li { display:inline-block; margin:50px 0 0 40px; width:calc(33.33% - 44px); }
.information-notice .listbox li .imgbox { position:relative; display:block; }
.information-notice .listbox li .imgbox:after { content: ""; display:block; padding-bottom:64.2%; }
.information-notice .listbox li .imgbox img { position:absolute; left:0; top:0; width:100% !important; height:100% !important; object-fit:cover; -o-object-fit: cover;}
.information-notice .listbox li .imgbox .over { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.55); transform:scale(0); animation-fill-mode:forwards; transition:all .3s ease-in-out; }
.information-notice .listbox li .imgbox .over span { display:block; padding:55px 10px 0 10px; color:#fff; font-weight:300; font-size:18px; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 1px), calc(-50% - 1px)); background: url(/landing3/img/sub/btn_more.png) center top no-repeat; }
.information-notice .listbox li .txtbox { position:relative; padding:0; margin:18px 0 0 0; display:block; } 
.information-notice .listbox li .txtbox strong { display:block; color:#333; font-weight:500; letter-spacing:-0.02em; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.information-notice .listbox li .txtbox span { margin:10px 0 0 0; display:block; color:#666; font-weight:400; letter-spacing:-0.02em; font-size:16px; } 
.information-notice .listbox li:hover .imgbox { box-shadow:5px 10px 10px 0 rgba(133,133,133,0.3); }
.information-notice .listbox li:hover .imgbox .over { animation:over_bg 0.3s ease-in-out; transform:scale(1); }0; width:32px; height:20px; background:url(/landing3/img/sub/btn_list.png) left center no-repeat;}
@media screen and (max-width:1280px){
	.information-notice .listbox ul { margin:-50px 0 0 -25px;  }
	.information-notice .listbox li { width:calc(33.33% - 30px); margin:50px 0 0 25px; }
}
@media screen and (max-width:1024px){
	.information-notice .listbox ul { margin:-20px 0 0 -20px;  }
	.information-notice .listbox li { width:calc(50% - 24px); margin:50px 0 0 20px; }
	.information-notice .listbox li .txtbox { margin:15px 0 0 0; }
	.information-notice .listbox li .txtbox strong { font-size:18px; } 
	.information-notice .listbox li .txtbox span { margin:8px 0 0 0; font-size:15px; }
}
@media screen and (max-width:640px){
	.information-notice .listbox ul { margin:0;  }
	.information-notice .listbox li { margin:40px 0 0 0; width:100%; }
}

/* view */
.board-view { }
.board-view .viewTop { border-top:2px solid #333; }
.board-view .viewTop .title { text-align:center; font-size:18px; padding:36px 20px; font-weight:500; color:#222; letter-spacing:-0.02em; border-bottom:1px solid #dbdbdb; background-color:#f8f8f8; }
.board-view .viewTop .top_info { border-bottom:1px solid #dbdbdb; }
.board-view .viewTop .top_info:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.board-view .viewTop .top_info .txt_left { float:left; width:50%; text-align:left; padding:19px 0 19px 30px; box-sizing:border-box; font-size:16px; font-weight:300; color:#888; letter-spacing:-0.02em; }
.board-view .viewTop .top_info .txt_right { float:right; width:50%; text-align:right; box-sizing:border-box; padding:19px 30px 19px 0; font-size:16px; font-weight:300; color:#888; letter-spacing:-0.02em; }
.board-view .viewTop .top_info .txt_right span { display:inline-block; margin:0 0 0 46px; font-weight:300; color:#888; }
.board-view .viewCont { padding:30px 30px 60px 30px; min-height:200px; border-bottom:1px solid #dbdbdb; color:#888; letter-spacing:-0.02em; line-height:28px; font-size:16px; font-weight:300; }
.board-view .viewCont img { max-width:100%; }
.board-view .data { border-bottom:1px solid #dbdbdb; }
.board-view .data .col { display:table-cell; text-align:left; font-weight:300; color:#888; letter-spacing:-0.02em; height:60px; vertical-align:middle; }
.board-view .data .col_1 { width:200px; font-size:16px; padding:0 0 0 36px; background-color:#f8f8f8; border-right:1px solid #dbdbdb; }
.board-view .data .col_2 { width:calc(100% - 200px); padding:0 24px; }
.board-view .data .col_2 a { font-weight:300; color:#888; letter-spacing:-0.02em; line-height:20px; }
.board-view .btn_list { text-align:center; margin:20px 0 0 0; }
.board-view .btn_list .list { display:inline-block; width:200px; line-height:50px; height:50px; font-size:16px; font-weight:300; color:#fff; text-align:center; background-color:#444; transition:all .3s ease-in-out; border-radius:3px; }
.board-view .btn_list .mod { display:inline-block; width:100px; line-height:50px; height:50px; font-size:16px; font-weight:300; color:#fff; text-align:center; background-color:#444; transition:all .3s ease-in-out; border-radius:3px; }
.board-view .btn_list .del { display:inline-block; width:100px; line-height:50px; height:50px; font-size:16px; font-weight:300; color:#fff; text-align:center; background-color:#444; transition:all .3s ease-in-out; border-radius:3px; }
.board-view .btn_list .left { float: left; text-align: left; }
.board-view .btn_list .right { float: right; text-align: right; }

@media screen and (max-width:640px){
	.board-view .viewTop .top_info .txt_right span { margin:10px 0 0 46px; }
	.board-view .viewCont { padding:15px 15px 50px 15px; }
	.board-view .data .col_1 { width:100px; padding:0 0 0 0; text-align:center; }
	.board-view .data .col_2 { width:calc(100% - 100px); padding:0 10px; }
}



/* write */
.board_write {}
.board_write table { border:none; border-top:2px solid #222; }
.board_write tbody th { background-color:#f3f3f3; font-weight:500; letter-spacing:-0.02em; color:#333; font-size:18px; border:none; border-bottom:1px solid #dbdbdb; }
.board_write tbody td { padding:16px 20px; font-weight:400; font-size:16px; text-align:left; letter-spacing:-0.02em; color:#222; border:none; border:1px solid #dbdbdb; border-width:1px 0 1px 1px; }
.board_write tbody tr:first-child td { border-top:none; }
.board_write tbody td input[type="text"],
.board_write tbody td input[type="password"] { width:100%; height:50px; line-height:50px; padding:0 10px; font-size:16px; color:#444; letter-spacing:-0.02em; font-weight:300; border:1px solid #d0d0d0; outline:none; background:#fff; box-sizing:border-box;-webkit-appearance:none; border-radius:3px;}
.board_write tbody td input[type="file"] { width:100%; height:50px; line-height:50px; padding:0; font-size:16px; color:#444; letter-spacing:-0.02em; font-weight:300; border:1px solid #d0d0d0; outline:none; background:#fff; box-sizing:border-box;-webkit-appearance:none; border-radius:3px;}
.board_write tbody td input.ip1 { width:290px; }
.board_write tbody td input.ip2 { width:100%; }
.board_write tbody td input.ip3 { width:80px; }
.board_write tbody td input.ip4 { width:200px; }
.board_write tbody td textarea { width:100%; height:320px; line-height:28px; padding:18px; font-size:16px; color:#666; letter-spacing:-0.02em; font-weight:300; border:1px solid #d0d0d0; outline:none; background:#fff; box-sizing:border-box; -webkit-appearance:none; border-radius:3px; }
.board_write tbody td select { height:50px; line-height:50px; padding:0 10px; font-size:16px; color:#444; letter-spacing:-0.02em; font-weight:300; border:1px solid #d0d0d0; outline:none; background:#fff;  border-radius:3px;}
.board_write tbody td select.sel1 { width:200px; }
.board_write tbody td #imgCaptcha { display:inline-block; padding:13px 0 12px 0; background-color:#e6e6e6; }
.board_write tbody td #txtCaptcha { display:inline-block; width:210px; border:1px solid #dbdbdb; }
.board_write tbody td input[type="button"] { margin:0 0 0 5px; width:120px; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:300; letter-spacing:-0.04em; text-align:center; outline:none; background:#444; box-sizing:border-box; border:none; cursor:pointer; border-radius:3px; }
.board_write tbody td ::-webkit-input-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td :-moz-input-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td ::-moz-input-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td :-ms-input-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td :input-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td ::-webkit-select-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td  :-moz-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td ::-moz-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td ::placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td :-ms-select-placeholder { color:#888; opacity:1; font-weight:300; }
.board_write tbody td .sbox { border:1px solid #d0d0d0; padding:15px 10px; font-size:16px; line-height:28px; max-height:320px; overflow:auto; color:#888; letter-spacing:-0.02em; font-weight:300;  box-sizing:border-box; border-radius:3px; }
.board_write tbody td .ch { margin:10px 0 0 0; }
.board_write tbody td .ch label { font-size:16px; line-height:28px; color:#888; letter-spacing:-0.02em; margin:0 25px 0 0; }
.board_write tbody td .ch label input { vertical-align:middle; margin:-1px 5px 0 0; }
.board_write tbody td .file_ip input,
.board_write tbody td .file_ip label{ display:inline-block; vertical-align:middle; height:38px; line-height:38px; }
.board_write tbody td .file_ip .upload-name{ width:calc(100% - 125px); height:50px; line-height:50px; padding:0 10px; font-size:16px; color:#444; letter-spacing:-0.02em; font-weight:300; border:1px solid #d0d0d0; outline:none; background:#fff; box-sizing:border-box;-webkit-appearance:none; border-radius:3px;}
.board_write tbody td .file_ip label{ width:120px; font-size:16px; color:#444; height:50px; line-height:50px; font-weight:400; letter-spacing:-0.04em; text-align:center; outline:none; background:#f8f8f8; box-sizing:border-box; border:1px solid #d0d0d0; cursor:pointer; border-radius:3px; }
.board_write tbody td .file_ip input[type="file"]{ display:none; }

.board-box .board-search { position:relative; margin:55px auto 0  auto; max-width:840px; text-align:center; }
.board-box .board-search select { display:inline-block; vertical-align:middle; width:100px; padding:0 10px; border:1px solid #d0d0d0; outline:none; line-height:50px; height:50px; font-size:16px; font-weight:300; color:#444; box-sizing:border-box; background-color:#fff; border-radius:3px; }
.board-box .board-search input[type="text"] { display:inline-block; text-align:left; vertical-align:middle; margin:0 0 0 2px; width:262px; border:none; padding:0 70px 0 10px; line-height:50px; height:50px; border:1px solid #d0d0d0; outline:none; font-size:16px; font-weight:300; color:#444; box-sizing:border-box; background-color:#fff; border-radius:3px; }
.board-box .board-search input[type="submit"] { display:inline-block; vertical-align:middle; width:120px; line-height:50px; height:50px; font-size:16px; font-weight:300; color:#fff; background:#444; outline:none; border:none; border-radius:3px; }
.board-box .page { margin:80px auto 0 auto !important; text-align:center; } 
.board-box .page a { position:relative; font-size:16px !important; line-height:37px !important; font-family: 'Rubik', 'Noto Sans KR', sans-serif !important; font-weight:300 !important; color:#666 !important; border:1px solid #dbdbdb !important; padding:0 6px !important; min-width:24px !important; margin:0 !important; }
.board-box .page li { display:inline-block; vertical-align:middle; margin:0 2px !important;}
.board-box .page li.on a { font-weight:400 ; color:#fff !important; background-color:#444; border:1px solid #444; }
.board-box .page li:hover a { border:1px solid #444; background-color:#fff; }
.board-box .page li.on:hover a  { background-color:#444; }
.board-box .page li:first-child a { display:inline-block; vertical-align:middle; height:37px; overflow:hidden; border:1px solid #dbdbdb !important;  /*text-indent:-9999em; background:#fff url(/img/sub/btn_b_prev.png) center center no-repeat;*/}
/*.board-box .page li.on:first-child a { background:#fff url(/img/sub/btn_b_prev.png) center center no-repeat;}*/
.board-box .page li:last-child a { display:inline-block; vertical-align:middle; height:37px; overflow:hidden; border:1px solid #dbdbdb !important; /*text-indent:-9999em; background:#fff url(/img/sub/btn_b_next.png) center center no-repeat;*/}
/*.board-box .page li.on:last-child a { background:#fff url(/img/sub/btn_b_next.png) center center no-repeat;}*/
.board-box .btn_writer { margin:15px 0 0 0; text-align:right; }
.board-box .btn_writer a { display:inline-block; vertical-align:middle; text-align:center; width:120px; line-height:50px; height:50px; font-size:16px; font-weight:300; color:#fff; background:#444; outline:none; border:none; border-radius:3px; }
.board-box .btn_box { margin:80px 0 0 0; text-align:center; }
.board-box .btn_box input[type="submit"] { margin:0 3px; display:inline-block; vertical-align:middle; width:200px; line-height:50px; height:50px; font-size:16px; font-weight:400; color:#fff; background:#444; outline:none; border:none; border-radius:3px; box-sizing:border-box; }
.board-box .btn_box a { margin:0 3px; display:inline-block; vertical-align:middle; width:200px; line-height:50px; height:50px; font-size:16px; font-weight:400; color:#444; background:#dbdbdb; outline:none; border:none; border-radius:3px; box-sizing:border-box; }

@media screen and (max-width:760px){
	.board_write col.col1 { width:90px; }
	.board_write tbody th { font-size:16px; }
	.board_write tbody td input.ip1 { width:100%; }
	.board_write tbody td input.ip3 { width:28%; }
	.board_write tbody td input.ip4 { width:45%; }
	.board-box .btn_box input[type="submit"],
	.board-box .btn_box a { width:47%; }
	.board_write tbody td .sbox br { display:none; }
	.board_write tbody td .sbox .m_br { display:block; padding:10px 0; }
	.board_write tbody td .sbox .m_br1 { display:block; }
	.board_write tbody td input[type="button"] {width:100px; }
}
@media screen and (max-width:640px){
	.board_write tbody td #txtCaptcha { margin:10px 0 0 0 !important; display:block; }
}