html, body {letter-spacing: -0.05em;}

/* main popup */
.main_popup {position: relative; padding-top: 80px;}
.main_popup:after {content: ''; position: absolute; top: 290px; left: 0; width: 100%; height: 720px; background: url('../img/section01_bg.jpg') no-repeat 50% 50%; background-size: cover; z-index: -1;}
.main_title {position: relative; margin-bottom: 30px;}
.main_title h1 {display: block; font-size: 48px; font-weight: 600; font-family: 'SBAggro'; line-height: 1; margin-bottom: 20px;}
.main_title h1 b {font-weight: 600; color: #115a99;}
.main_title p {font-size: 18px; color: #666;}

/* popup list */
.main_slider {margin: 0 -13px;}
.main_slider .slide_item {width: calc(25% - 26px); margin: 0 13px;}
.main_slider .slide_item .img_box {width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; border: 1px solid #ddd;}
.main_slider .slide_item .img_box img {width: 100%; transform: scale(1); transition: all .3s;}
.main_slider .slide_item .txt_box {margin-top: 20px;}
.main_slider .slide_item .txt_box .tit {font-size: 17px; font-weight: 600;}
.main_slider .slide_item .txt_box .date {font-size: 15px; color: #999; margin-top: 10px;}
/* .main_slider .slide_item:hover {transform: translateY(-10px);} */
.main_slider .slide_item:hover .img_box {border-color: #81367f; box-shadow: 7.5px 10.3px 22px 0 rgba(140, 140, 140, 0.2);}
.main_slider .slide_item:hover .img_box img {transform: scale(1.05);}

.main_popup .main_ect {position: absolute; bottom: 0; right: 0;}
.main_popup .scrollbar {display: inline-block; width: 480px; height: 2px; background-color: #eee; background-image: linear-gradient(to right, #81367f, #81367f); background-repeat: no-repeat; background-size: 25% 100%; transition: background-size .4s ease-in-out;}
.main_popup .main_ctrl {position: relative; display: inline-block; vertical-align: middle; margin-left: 15px;}
.main_popup .main_ctrl button {position: relative; display: inline-block; width: 40px; height: 40px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; margin: 0 5px;}
.main_popup .main_ctrl button:after {content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; border-right: 2px solid #115a99; border-bottom: 2px solid #115a99;}
.main_popup .main_ctrl button.prev:after {transform: rotate(135deg);}
.main_popup .main_ctrl button.next:after {transform: rotate(-45deg);}

/* main common */
article:after,
.max-width:after {content: ''; display: block; clear: both;}

.section_tit {position: relative; margin-bottom: 30px;}
.section_tit h3 {position: relative; font-size: 30px; font-weight: 800; color: #333; padding-left: 20px;}
.section_tit h3:before {content: '“'; position: absolute; top: -7px; left: 0; font-size: 120px; font-family: 'SBAggro'; color: #999; opacity: .2; line-height: 1;}
.section_tit .more_btn {position: absolute; bottom: 0; right: 0;}

.cate {display: inline-block; padding: 3px 16px; min-width: 55px; font-size: 14px; color: #999; border: 1px solid #ddd; background-color: #fff; border-radius: 24px; vertical-align: middle;}

/* more btn */
.more_btn {display: block; width: 16px; height: 16px; background: url('../img/icon_more.png') no-repeat 50% 50%; background-size: contain;}

/* txt color */
.primary {color: #81367f !important;}
.secondary {color: #115a99 !important;}
.green {color: #9dbf51 !important;}

/* main board */
.main_board {padding-top: 140px;}
.board_box {position: relative; background-color: #fff; border: 1px solid #eee; padding: 40px 30px; box-shadow: 0 10px 24px 6px rgba(0, 0, 0, .05);}
.board_box:before {content: ''; position: absolute; top: -161px; right: 20px; width: 535px; height: 231px; background: url('../img/section02_obj.png') no-repeat 50% 50%; background-size: contain; z-index: -1;}
.board_box:after {content: ''; display: block; clear: both;}
.board_box .cont_tit {position: relative; margin-bottom: 30px;}
.board_box .cont_tit h4 {font-size: 24px; font-weight: 800;}
.board_box .cont_tit .more_btn {position: absolute; right: 0; bottom: 0;}
.board_box .board_item {width: 50%; float: left; border-right: 1px solid #ddd;}
.board_box .board_item:first-child {padding-right: 30px;}
.board_box .board_item:last-child {padding-left: 30px; border-right: 0;}
.notice_first {margin-bottom: 20px;}
.notice_first .first_date {display: table; float: left; width: 80px; height: 80px; border: 3px solid #ddd; text-align: center;}
.notice_first .first_date .date_cell {display: table-cell; vertical-align: middle;}
.notice_first .first_date em {font-size: 32px; font-weight: 800; color: #115a99; font-style: normal;}
.notice_first .first_date span {display: block; font-size: 15px; color: #999;}
.notice_first .first_tit {margin-left: 80px; padding: 15px 20px;}
.notice_first .first_tit .tit {font-size: 18px; font-weight: 700; color: #333;}
.notice_first .first_tit p {font-size: 16px; color: #999; margin-top: 10px;}

.board_list li {position: relative; display: block;}
.board_list li a {display: block;}
.board_list li + li {margin-top: 20px;}
/* .board_list .cate {position: absolute; top: 50%; transform: translateY(-50%); left: 0;} */
.board_list .tit {display: inline-block; width: 70%; font-size: 16px; font-weight: 700; margin-left: 10px; vertical-align: middle;}
.board_list .date {position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 15px; color: #999;}

/* main maker */
.main_maker {padding-top: 90px;}
.maker_list {width : 100%; display: inline-flex; flex-wrap: wrap; gap: 40px 26px;}
.maker_list li {width: calc(25% - 20px);}
.maker_list .img_box {position: relative; width: 100%; height: 180px; background-color: #eee; overflow: hidden;}
.maker_list .img_box > img {position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; max-height: none; min-width: 100%; object-fit: cover; transform: scale(1); transition: all .3s;}
.maker_list .txt_box {margin-top: 20px;}
.maker_list .txt_box dl {font-size: 0; margin-bottom: 10px;}
.maker_list .txt_box dl * {display: inline-block; font-size: 15px; vertical-align: middle;}
.maker_list .txt_box dl dt {position: relative; font-weight: 600; padding-right: 10px;}
.maker_list .txt_box dl dt:after {content: ''; position: absolute; top: 50%; right: 0; width: 5px; height: 5px; margin-top: -2.5px; margin-right: -2.5px; background-color: #ddd; border-radius: 50%;}
.maker_list .txt_box dl dd {color: #999; padding-left: 10px;}
.maker_list .txt_box .tit {font-size: 20px; font-weight: 700;}

.maker_list li:hover .img_box > img {transform: scale(1.05);}

/* main media */
.main_media {padding-top: 90px; padding-bottom: 160px;}
.main_media .media_box {display: flex; justify-content: space-between; align-items: center;}
.main_media .youtube_box {width: 720px; height: 400px;}
.main_media .youtube_box iframe {width: 100%; height: 100%;}
.main_media .info_box {width: calc(100% - 780px);}
.main_media .info_box .info_item {display: block;}
.main_media .info_box .info_item + .info_item {margin-top: 40px;}
.main_media .info_box .info_item h4 {display: block; font-size: 20px; font-weight: 600; color: #666; margin-bottom: 10px; line-height: 1;}
.main_media .info_box .info_item a.tel {display: block; font-size: 26px; font-weight: 800; color: #333; margin-bottom: 20px; line-height: 1;}
.main_media .info_box .info_item dl {font-size: 0; margin-left: -10px;}
.main_media .info_box .info_item dl dd {position: relative; font-size: 15px; color: #666; padding-right: 10px; display: inline-block; vertical-align: middle; padding-left: 10px;}
.main_media .info_box .info_item dl dd:after {content: ''; position: absolute; top: 50%; right: 0; width: 5px; height: 5px; margin-top: -2.5px; margin-right: -2.5px; background-color: #ddd; border-radius: 50%;}
.main_media .info_box .info_item dl dd:last-child:after {content: none;}

.main_media .sns_box {position: relative; width: 100%; height: 96px; background-color: #f0f5f9; padding: 28px 25px; margin-top: 40px;}
.main_media .sns_box .tit {position: absolute; top: 50%; left: auto; transform: translateY(-50%); font-size: 24px; font-weight: 800; vertical-align: middle;}
.main_media .sns_box ul {display: inline-block; vertical-align: middle; padding-left: 120px; font-size: 0;}
.main_media .sns_box ul li {display: inline-block; margin: 0 5px;}
.main_media .sns_box ul li a {display: block; width: 40px; height: 40px; background-color: #ddd; border-radius: 50%; background: no-repeat 50% 50%; background-size: 40px auto;}
.main_media .sns_box ul li.insta a {background-image: url('../img/icon_insta.png'); box-shadow: 0 5px 5px rgba(231, 48, 145, .1);}
.main_media .sns_box ul li.facebook a {background-image: url('../img/icon_facebook.png'); box-shadow: 0 5px 5px rgba(60, 89, 153, .1);}
.main_media .sns_box ul li.youtube a {background-image: url('../img/icon_youtube.png'); box-shadow: 0 5px 5px rgba(237, 34, 36, .1);}
.main_media .sns_box ul li.kakao a {background-image: url('../img/icon_kakao.png'); box-shadow: 0 5px 5px rgba(255, 241, 0, .1);}
.main_media .sns_box ul li.naver a {background-image: url('../img/icon_naverbl.png'); box-shadow: 0 5px 5px rgba(92, 181, 51, .1);}

/* 2024.11.07 추가 */
/* layerpopup */
.popup_wrap {position: fixed; background-color: rgba(255, 255, 255, .98); border: 1px solid #eee;}
.popup_wrap .popup_con {height: auto;}
.popup_wrap .popup_con a{display:block; width:100%; height:100%; font-size:0;}
.popup_wrap .popup_con img {max-width: 100%; height: auto; max-height: 100%;}
.popup_footer {padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee;}
.popup_footer .hours_close {color: #666;}
.popup_footer .normal_close {display: inline-block; padding: 5px 10px; background-color: #1c1e26; color: #fff;} 
.popup_footer > a:hover{cursor : pointer;}


/* responsive */
@media(max-width: 1200px) {
    /* main popup */
    .main_title h1 {font-size: 42px;}

    /* main media */
    .main_media .info_box .info_item h4 {font-size: 18px;}
    .main_media .info_box .info_item a.tel {font-size: 22px;}
    .main_media .sns_box {height: auto; padding: 20px 20px; margin-top: 35px; text-align: center;}
    .main_media .sns_box .tit {position: relative; display: block; top: 0; font-size: 20px; margin-bottom: 10px; transform: none;}
    .main_media .sns_box .tit {display: none;}
    .main_media .sns_box ul {padding-left: 0;}
}

/* mobile */
@media(max-width: 1024px) {
    /* main popup */
    .main_title h1 {font-size: 36px;}

    .main_popup .main_ect {position: static; margin-top: 20px;}

    /* main common */
    .section_tit h3 {font-size: 26px;}

    /* main board */
    .main_board {padding-top: 120px;}
    .board_box .cont_tit h4 {font-size: 20px;}

    /* main maker */
    .makerScroll {overflow-x: auto;}
    .maker_list {flex-wrap: nowrap; gap: 0 26px; margin-bottom: 30px;}
    .maker_list li {width: 280px;}
    .maker_list .txt_box .tit {font-size: 18px;}
    .maker_list .txt_box dl * {font-size: 14px;}

    /* main media */
    .main_media .youtube_box {width: 60%;}
    .main_media .youtube_box iframe {width: 100%;}
    .main_media .info_box {width: 40%; padding-left: 40px;}
    /* .main_media .media_box {display: block;} */

}

@media (max-width: 768px) {
    /* main common */
    .section_tit h3 {font-size: 22px;}
    
    /* main board */
    /* .board_box:before {width: 335px; height: 145px; top: -100px; right: 0;} */
    .board_box:before {content: none;}
    .board_box .cont_tit {margin-bottom: 20px;}

    /* main maker */
    /* .maker_list li {width: calc(50% - 8px);} */
    .maker_list .txt_box .tit {font-size: 16px;}

    /* main media */
    .main_media {padding-bottom: 140px;}
    .main_media .media_box {display: block;}
    .main_media .youtube_box {width: 100%; height: 300px;}
    .main_media .info_box {width: 100%; padding-left: 0; padding-top: 40px;}
}

@media (max-width: 576px) {
    /* main popup */
    .main_popup {padding-top: 60px;}
    .main_popup:after {height: 100vh;}
    .main_title h1 {font-size: 30px; margin-bottom: 10px;}
    .main_title p {font-size: 16px;}
    /* popup list */
    .main_popup .main_ect {text-align: right;}
    .main_popup .scrollbar {width: 100%;}
    .main_popup .main_ctrl {margin-left: 0; margin-top: 10px;}

    /* main common */
    .section_tit {margin-bottom: 20px;}
    .section_tit h3:before {font-size: 80px;}

    /* main board */
    .main_board {padding-top: 80px;}
    .board_box {padding: 30px 20px;}
    .board_box .board_item {width: 100%;}
    .board_box .board_item:first-child {padding-right: 0;padding-bottom: 30px;  border-right: 0;}
    .board_box .board_item:last-child {padding-left: 0; padding-top: 30px; border-top: 1px solid #ddd;}
}

@media (max-width: 420px) {
    /* main popup */
    .main_title h1 {font-size: 24px;}
    .main_title p {font-size: 14px;}

    /* main maker */
    /* .maker_list {gap: 30px 0;} */
    /* .maker_list li {width: 100%;} */

    /* main media */
    .main_media {padding-bottom: 120px;}

}

@media (max-width: 320px) {
    /* main popup */
    .main_popup {padding-top: 40px;}
    .main_title h1 {font-size: 20px;}

    /* popup list */
    .main_slider .slide_item .txt_box .tit {font-size: 15px;}
    .main_slider .slide_item .txt_box .date {font-size: 14px;}
    

    /* main common */
    .section_tit h3 {font-size: 18px;}

    /* main board */
    .board_box .cont_tit h4 {font-size: 16px;}
    .notice_first .first_date {width: 60px; height: 60px;}
    .notice_first .first_date em {font-size: 24px;}
    .notice_first .first_date span {font-size: 12px;}
    .notice_first .first_tit {margin-left: 60px; padding: 8px 10px;}
    .notice_first .first_tit .tit {font-size: 15px;}
    .notice_first .first_tit p {font-size: 13px;}

    .board_list .tit {font-size: 15px; padding-right: 60px;}
    .board_list .date {font-size: 13px;}

    /* main media */
    .main_media .info_box .info_item h4 {font-size: 16px;}
    .main_media .info_box .info_item a.tel {font-size: 18px;}
    .main_media .info_box .info_item dl dd {font-size: 14px;}


}