@Charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0; padding:0;}
fieldset,img{border:0 none; vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none;}
input,select,textarea,button {vertical-align:middle;}
body,th,td,input,textarea,button {font:16px/1.4 'Roboto', 'Noto Sans KR'; color:#313131; word-break:keep-all; letter-spacing:-0.03em;}
a:active, a:HOVER, a:focus {text-decoration:none;}
a {color:#313131; text-decoration:none;}

.fancybox-skin {padding:0 !important;}
.fancybox-inner {border-radius:4px;}


body {min-width:1400px\9;}



#head {padding:0 2%;}
#head .head {display:flex; justify-content:space-between; max-width:1300px; margin:0 auto; padding:70px 0 60px;}
#head .head .logo {}
#head .head .today {font-size:14px; font-weight:300; color:#666; letter-spacing:-0.05em;}
#head .head .today div {display:flex; justify-content:space-between;}
#head .head .today div span+span {padding-left:10px;}


#main {padding:0 2%;}
#main .main {max-width:1300px; margin:0 auto;}
#main .box {position:relative; display:flex; justify-content:space-around; padding:100px 2% 140px; border:3px solid #ddd; background:rgba(239,239,239,0.6);}
#main .box .left {width:40%; text-align:center; padding-top:90px;}
#main .box .right {display:flex; justify-content:space-around;}
#main .box .link {width:260px; padding:15px 12px; margin:0 20px; border:1px solid #a5465a; box-sizing: border-box;}
#main .box .link .text {padding:40px 20px; background:#a5465a;}
#main .box .link+.link {border:1px solid #23593f;}
#main .box .link+.link .text {background:#23593f;}
#main .box .link .text a {display:block; font-size:16px; color:#fff; font-weight:300; line-height:25px;}
#main .box .link .text a:hover {text-decoration:underline;}
#main .box .link .text .t35 {font-size:35px; font-weight:500; color:#fff;}
#main .box .link .text .t20 {font-size:20px; font-weight:400; color:#fff; margin-top:10px;}
#main .box .sns {position:absolute; bottom:20px; right:20px; text-align:right;}
#main .box .sns a {display:inline-block; margin:0 10px;}
#main .link2 {margin-top:10px;}




#tail {padding:0 2% 30px; margin-top:40px;}
#tail .tail {max-width:1300px; margin:0 auto; font-size:16px; color:#888888; line-height:25px; text-align:center;}


@media only screen and (max-width:1016px) {
	#main .box {display:block; padding:0; border:none; background:none;}
	#main .box .left {display:none;}
	#main .box .right {padding-top:90px;}
	#main .box .sns {position:relative; bottom:-160px; right:auto; text-align:center;}
	
	#main .link2 {margin:0 10px 180px;}
	
}
@media only screen and (max-width:800px) {
	#main .box .link {margin:0 10px;}
	#main .box .link .text .t35 {font-size:30px;}
	#main .box .link .text .t20 {font-size:18px;}

}
@media only screen and (max-width:640px) {
	#head .head .logo img {width:285px;}
	
	#head .head {padding:40px 0 40px;}
	#main .box .link {margin:0 5px; padding:5px;}
	
	

}
@media only screen and (max-width:480px) {
	body {width:480px;}
}
@media only screen and (max-width:360px) {
}






.os {overflow-y:scroll; overflow-x:hidden;}
.oh {overflow:hidden;}

.fl {float:left;}
.fr {float:right;}

.tal {text-align:left;}
.tar {text-align:right;}
.taj {text-align:justify;}
.tac {text-align:center;}


.ti {font-weight:100 !important;}
.tl {font-weight:300 !important;}
.tr {font-weight:400 !important;}
.tm {font-weight:500 !important;}
.tb {font-weight:700 !important;}
.tbb {font-weight:900 !important;}
.tn {font-weight:normal !important;}


.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}