/* 기본 설정 */
*{padding: 0; margin: 0; box-sizing: border-box; font-family: 'ScoreDream','notokr', sans-serif}
body{font-family:'ScoreDream', sans-serif; font-size: 14px;}
ul, ol{list-style: none;}
.img img{max-width: 100%; font-size: 0;}
img{border: none; vertical-align: top;}
a{color: #121212; text-decoration: none; font-family:'ScoreDream', sans-serif;}
.wrap, header, .utility, section, footer{width: 100%; position: relative;}


/* ○ 인트로페이지 공통*/
.intro_wrap{background: linear-gradient(to bottom, #b7b7b7, #fff); height: 600px;}
.intro_wrap_bg{background: url(../images/intro_bg.png) no-repeat center top; width: 100%; padding: 20px 15px;}
.intro_logo{width: 100%; text-align: center; margin-bottom: 20px; }
.intro_logo img{max-width: 100%;}
.intro_menu{max-width: 768px; margin: 0 auto; margin-bottom: 50px; width: 100%;}
.intro_menu ul{display: flex; gap: 14px 32px; flex-wrap: wrap;}
.intro_menu ul li{width: calc((100% - 32px)/2); background: #fff ; border-radius: 4px; border: 1px solid #e7e6e6; box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.1);}
.intro_menu ul li a{display: flex; padding: 6px 20px; align-items: center; height: 100%; gap:15px; min-height: 80px;}
.intro_menu ul li a > .ib {flex-basis: 60px; display: flex; align-items: center; justify-content: center;}
.intro_menu ul li a > .tb {flex-basis: calc(100% - 75px); display: flex; gap:3px; flex-direction: column;}
.intro_menu ul li a > .tb p {font-weight: 600; word-break: keep-all;}
.intro_menu ul li a > .tb > .loc_bx > p {font-size: 12px;}
.intro_menu ul li a > .tb > .main_bx > p {font-size: 20px; font-family: 'SCoreDream' !important; font-weight:800;}
.intro_menu ul li a > .tb > .eng_bx > p {font-size: 14px; color: #a1a1a1;}
.intro_menu ul li a > .tb > .date_bx > p {font-size: 14px;}

/* ○ 인트로페이지 메인박스 */
.intro_menu ul li.area1 > a > .tb > .main_bx > p {color: #ca1947;}
.intro_menu ul li.area2 > a > .tb > .main_bx > p {color: #3a7500;}
.intro_menu ul li.area3 > a > .tb > .main_bx > p {color: #0f6839; font-size: 16px;}
.intro_menu ul li.area4 > a > .tb > .main_bx > p {color: #cc0b81;}
.intro_menu ul li.area5 > a > .tb > .main_bx > p {color: #122c5c;}
.intro_menu ul li.area6 > a > .tb > .main_bx > p {color: #00561f; font-size: 16px;}
.intro_menu ul li.area7 > a > .tb > .main_bx > p {color: #ea3130;}
.intro_menu ul li.area8 > a > .tb > .main_bx > p {color: #06063f;}
.intro_menu ul li.area9 > a > .tb > .main_bx > p {color: #232e43;}
.intro_menu ul li.area10 > a > .tb > .main_bx > p {color: #ff77a8; font-size: 16px;}
.intro_menu ul li.area11 > a > .tb > .main_bx > p {color: #2f9ca9;}
.intro_menu ul li.area12 > a > .tb > .main_bx > p {color: #d21252;}
.intro_menu ul li.area13 > a > .tb > .main_bx > p {color: #591186;}

/* ○ 인트로페이지 푸터 */
.intro_footer_wrap{text-align: center; color: #747373;}
.intro_footer_wrap .intro_f_logo{margin-bottom: 4px; font-size: 14px; font-weight: 500; color: #5f5e5e;}
.intro_footer_wrap .intro_f_address{margin-bottom: 4px; font-size: 12px; margin-bottom: 4px;}
.intro_footer_wrap .intro_copy{margin-bottom: 4px; font-size: 12px;}



@media all and (max-width:900px) {
   .intro_menu ul {gap:15px;}
   .intro_menu ul li {flex-basis: calc((100% - 15px)/2);}
   .intro_menu ul li a > .tb > .main_bx > p {font-size: 20px;}
   .intro_menu ul li a > .tb > .eng_bx > p {font-size: 12px;}
}


@media all and (max-width:820px) {
   .intro_menu{width: 100%;}
   .intro_menu ul li a img{max-width: 100%;}
}



@media all and (max-width:640px) {
   .intro_menu{width: 100%;}
   .intro_menu ul li{width: 100%;}
   .intro_menu ul li {flex-basis: 100%;}
   
}