/* (주)한신정보기술  - 2020.11 */

/* visual */
.visual{position:relative;}
.visual_item{}
.visual_item .web_img{display:block;}
.visual_item .mobile_img{display:none;}
.visual_dots{position:absolute; bottom:0; left:0; width:100%; padding:27px 0 30px;}
.visual_dots .slick-dots{}
.visual_dots li{display:inline-block; position:relative; padding-right:44px; font-size:0; line-height:0;}
.visual_dots li:before{display:block; position:absolute; bottom:0; right:-3px; width:43px; height:1px; background-color:rgba(0,0,0,0.3);}
.visual_dots li.slick-active{padding-left:24px; padding-right:94px;}
.visual_dots li.slick-active:before{display: block;right:14px; bottom:-1px; width:85px; height:2px; background-color:#000; z-index:5;}
.visual_dots .visual_btn{position:relative; padding:8px 0; font-size:14px; line-height:16px; color:#000; letter-spacing:0.025em;}
.visual_dots .visual_btn span{position:relative; z-index:10;}
.visual_dots li.slick-active:after{display:block; position:absolute; top:-8px; left:8px; width:51px; height:51px; border-radius:50%; background-color:#fff;}

@media all and (max-width:640px) {
    .visual_dots{padding:11px 0 16px;}
    .visual_dots li{padding-right:20px;}
    .visual_dots li:before{width:21px;}
    .visual_dots li.slick-active{padding-left:10px; padding-right:50px;}
    .visual_dots li.slick-active:before{right:5px; width:51px;}
    .visual_dots li.slick-active .visual_btn:before{top:0; left:-9px; width:31px; height:31px;}
    .visual_dots .visual_btn{padding:5px 0; font-size:12px; line-height:14px;}

    .visual_item .web_img{display:none;}
    .visual_item .mobile_img{display:block;}
}

.rowgroup{position:relative; padding:58px 0 75px;}
.rowgroup .wrap{font-size:0; line-height:0; background-color:#fff;}
.rowgroup .wrap:before{display:block; position:absolute; bottom:-75px; left:-60px; width:calc(100% + 120px); height:102px; background-color:#fff;}
.rowgroup section{display:inline-block; vertical-align:top;}
.rowgroup section h2{margin-bottom:18px; font-size:28px; line-height:30px; color:#000;}

@media all and (max-width:1000px) {
    .rowgroup{padding:58px 0 0;}
    .rowgroup .wrap{background-color:transparent;}
    .rowgroup .wrap:before{display:none;}
}

@media all and (max-width:640px) {
    .rowgroup{padding:48px 0 0;}
    .rowgroup section h2{margin-bottom:16px; font-size:20px; line-height:24px; font-weight:300;}
}

/* notice */
.notice{position:relative; width:calc(100% - 470px);}
.notice_tab_menu{text-align:right;}
.notice .tab_btn{position:absolute; top:0; right:14px;}
.notice .tab_btn_list{}
.notice .tab_btn_item{display:inline-block; position:relative; padding:0 17px; }
.notice .tab_btn_item:after{display:block; position:absolute; top:8px; right:0; width:1px; height:7px; background-color:#b2b2b2;}
.notice .tab_btn_item:last-child:after{display:none;}
.notice .tab_btn_item button{font-size:15px; line-height:22px; color:#010101;}
.notice .tab_btn_item.active button{color:#dc4040;}
.notice .tab_btn_item.active:before{display:block; position:absolute; top:0; left:7px; width:7px; height:7px; border-radius:50%; background-color:#dc4040;}
.notice .tab_content{display:none; }
.notice .tab_content.active{display:block;}

.notice_list{margin:0 -8px;}
.notice_item{display:inline-block; position:relative; width:calc(33.3% - 16px); height:225px; margin:0 8px; border:1px solid #dcdcdc; vertical-align:top;}
.notice_item a{color:#000;}
.notice_link{display:block; width:calc(100% - 30px); padding:25px 15px 0; font-size:16px; line-height:22px; color:#000; text-align:center;}
.notice_link .subject{display:inline-block; position:relative; margin-bottom:34px; padding:0 5px; z-index:10;}
.notice_link .subject:before{display:block; position:absolute; bottom:1px; left:0; width:100%; height:9px; background-color:#c3dffa; z-index:-1;}
.notice_link .subject.center:before{background-color:#c3dffa;}
.notice_link .subject.dream:before{background-color:rgba(255,165,178,0.65);}
.notice_link .title{display:-webkit-box; display: block; height:66px; line-height:22px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; letter-spacing:-0.025em; word-break:keep-all;}
.notice_link .time{display:block; margin-top:36px; color:#333;}
.notice_link .new{display:block; position:absolute; bottom:48px; left:50%; width:20px; height:19px; font-size:10px; line-height:18px; background-color:#dc4040; border-radius:8px; transform:translateX(-50%); color:#fff;}

.more_box{position:absolute; top:0; right:0; width:14px; height:22px;}
.more_box .notice_more{position:absolute; top:calc(50% - 7px); right:0; width:14px; height:14px; background-image:url(/site/mindclick/images/main/notice_more.png);}

@media all and (max-width:1000px) {
    .notice{display:block; width:100%;}
    .notice_link{width:calc(100% - 70px); padding:25px 35px 0;}
}

@media all and (max-width:800px) {
    .notice_link{width:calc(100% - 50px); padding:25px 25px 0;}
}

@media all and (max-width:640px) {
    .notice_list{margin:0;}
    .notice_item{width:220px; height:207px;}
    .notice_link{font-size:15px;}
    .notice_link .title{height:44px; -webkit-line-clamp:2;}
    .notice_link .subject{margin-bottom:24px;}
    .notice_link .time{margin-top:43px; font-size:14px;}
    .notice_link .new{bottom:55px;}

    .notice .tab_btn_item{padding:0 9px;}
    .notice .tab_btn_item button{font-size:14px; }
    .notice .tab_btn_item.active:before{left:0;}
}

/* popup */
.popup{position:relative; width:420px; margin-left:50px;}
.popup_control{position:absolute; top:2px; right:0; height:28px;}
.popup_control button{display:inline-block; width:8px; height:32px; padding:0 7px; background-image:url(/site/mindclick/images/main/popup_arrow.png); background-repeat:no-repeat; background-position:center center; vertical-align:top;}
.popup_control .popup_prev{transform:rotate(180deg);}
.popup_control .popup_next{}
.popup_control .popup_auto{margin-left:5px; background-image:url(/site/mindclick/images/main/popup_pause.png);}
.popup_control .popup_auto.slick-play{background-image:url(/site/mindclick/images/main/popup_play.png);}
.progress_box{display:inline-block; padding:0 9px;}
.progress_box span{display:inline-block; font-size:16px; line-height:28px; color:#888;}
.progress_box .popup_current{position:relative; padding-right:24px; color:#000;}
.progress_box .popup_current:before{display:block; position:absolute; top:50%; right:8px; width:5px; height:3px; background-color:#888;}

@media all and (max-width:1000px) {
    .popup{display:inline-block; width:100%; margin-top:30px; margin-left:0;}
    .popup_list{width:420px; margin:0 auto;}
}

@media all and (max-width:640px) {
    .popup{margin-top:48px;}
}

@media all and (max-width:480px) {
    .popup_list{width:100%; margin:0 auto;}
}

/* link */
.link{margin-top:-102px; padding:102px 0 74px; background-color:#e7eff9;}
.link_list{position:relative; padding-top:66px; padding-left:278px; font-size:0; line-height:0;}
.link_list:before{display:block; position:absolute; bottom:-106px; left:0; width:246px; height:283px; background-image:url(/site/mindclick/images/main/link_bg.png);}
.link_item{display:inline-block; margin:0 32px;}
.link_go{text-align:center;}
.link_go .icon{display:block; position:relative; width:89px; height:89px; margin:0 auto; background-image:url(/site/mindclick/images/main/link_sprite2.png); background-repeat:no-repeat;}
.link_go .icon01{background-position:left top;}
.link_go .icon02{background-position:left -99px;}
.link_go .icon03{background-position:left -198px;}
.link_go .icon04{background-position:left -297px;}
.link_go .icon05{background-position:left -396px;}
.link_go .icon06{background-position:left -495px;}
/*.link_go .icon:before{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-image:url(/site/mindclick/images/main/link_sprite.png); background-repeat:no-repeat;}*/
/*.link_go .icon01:before{width:53px; height:45px; background-position:left top;}*/
/*.link_go .icon02:before{width:48px; height:51px; background-position:left -55px;}*/
/*.link_go .icon03:before{width:51px; height:36px; background-position:left -116px;}*/
/*.link_go .icon04:before{width:37px; height:49px; background-position:left -162px;}*/
/*.link_go .icon05:before{width:44px; height:35px; background-position:left -221px;}*/
/*.link_go .icon06:before{width:48px; height:46px; background-position:left -266px;}*/
.link_go .text{display:block; margin-top:28px; font-size:16px; line-height:22px; color:#222;}
.link_control{display:none;}

@media all and (max-width:1220px) {
    .link_list{padding-left:229px;}
    .link_item{margin:0 14px;}
}
@media all and (max-width:1000px) {
    .link_list{padding-left:0;}
    .link_list:before{display:none;}
    .link_item{margin:0 14px;}
    .link_go .text{letter-spacing:-0.05em;}
}

@media all and (max-width:640px) {
    .link{padding:102px 0 32px;}
    .link_list{padding-top:20px;}
    .link_item{margin:0;}
    .link_go .icon{transform:scale(0.7);}
    .link_go .text{margin-top:0; font-size:14px; line-height:16px;}
}

/* gallery */
.gallery{padding:45px 0 56px; text-align:center;}
.gallery h2{font-size:28px; line-height:30px; color:#000;}
.gallery_list{margin:39px -17px 0;}
.gallery_item{margin:0 17px; border:1px solid #dcdcdc;}
.gallery_link{}
.gallery_link .img_box{overflow:hidden; max-height:180px; text-align:center;}
.gallery_link .img_box img{width:100%;}
.gallery_link .text_box{padding:15px; border-top:1px solid #dcdcdc; text-align:left;}
.gallery_link .text_box .title{display:-webkit-box; height:44px; font-size:16px; line-height:22px; color:#000; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gallery_link .text_box .time{display:block; margin-top:3px; font-size:15px; line-height:22px;}
.gallery_control{position:relative; width:100%; height:53px; margin-top:29px; text-align:center;}
.gallery_control button{position:absolute; top:0; width:52px; height:52px; background-image:url(/site/mindclick/images/main/gallery_arrow.png); background-repeat:no-repeat; font-size:0; line-height:0;}
.gallery_control .gallery_prev{right:calc(50% + 3px); transform:rotate(-180deg);}
.gallery_control .gallery_next{left:calc(50% + 3px);}

@media all and (max-width:640px) {
    .gallery{padding:53px 0 50px;}
    .gallery h2{font-size:20px; line-height:24px; color:#000;}
    .gallery_item{width:226px; margin:0 5px;}
    .gallery_list{margin:39px 0 0;}
    .gallery_link .text_box{padding:13px 15px;}
    .gallery_link .text_box .title{height:34px; font-size:14px; line-height:17px;}
    .gallery_link .text_box .time{font-size:13px; line-height:17px; color:#333;}
    .gallery_control{display:none;}
}

/*!* schedule *!*/
/*.schedule{position:relative; padding:67px 0 73px; background-color:#f2f3f4;}*/
/*.schedule_title{position:absolute; top:9px; left:0; font-size:26px; line-height:28px; color:#5f5f5f;}*/
/*.schedule_title em{color:#16356d; font-weight:600;}*/
/*.schedule_box{position:relative; width:100%; text-align:center;}*/
/*.schedule_date{display:inline-block; position:relative; margin-bottom:15px; padding:0 45px;}*/
/*.schedule_date .date{font-size:35px; line-height:37px; color:#242424;}*/
/*.schedule_date .date em{font-weight:600;}*/
/*.schedule_date a{position:absolute; top:0; width:30px; height:37px; background-image:url(/site/mindclick/images/main/schedule_arrow.png); background-repeat:no-repeat; background-position:center center; font-size:0; line-height:0;}*/
/*.schedule_date a.schedule_prev{left:0; transform:rotate(-180deg);}*/
/*.schedule_date a.schedule_next{right:0;}*/
/*.schedule_item{font-size:0; line-height:0; vertical-align:top;}*/
/*.schedule_item button{vertical-align:top;}*/
/*.schedule_item .schedule_btn{vertical-align:top;}*/
/*.schedule_item .icon{font-size:0; line-height:0;}*/
/*.schedule_item .text{display:inline-block; font-size:14px; line-height:30px; color:#747474; letter-spacing:0.16em;}*/
/*.schedule_item .schedule_btn.sunday .text{color:#ed1c24;}*/
/*.schedule_item .schedule_btn.active .text{position:relative; margin-top:3px; font-size:15px; line-height:17px; color:#000; font-weight:600;}*/
/*.schedule_item .schedule_btn.active .text:before{display:block; position:absolute; bottom:-10px; left:calc(50% - 6px); width:9px; height:8px; background-image:url(/site/mindclick/images/main/schedule_ico.png);}*/

/*.schedule .layer_box{margin-top:8px; text-align:center;}*/
/*.schedule .layer{padding:12px 0 11px; background-color:#fff; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFElEQVQYV2MMCQ39v2b1akYGKAAAMhYEAouVBf4AAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAD0lEQVQYV2MICQ39z4AKACHfAf78sp6oAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAD0lEQVQYV2MICQ39z4AKACHfAf78sp6oAAAAAElFTkSuQmCC), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFElEQVQYV2MMCQ39v2b1akYGKAAAMhYEAouVBf4AAAAASUVORK5CYII=); background-repeat:repeat-x, repeat-y, repeat-y, repeat-x; background-position:top left, top right, bottom left, bottom right;}*/
/*.schedule .list_box ul{}*/
/*.schedule .list_box li{display:inline-block; position:relative; margin-right:70px; padding-left:14px; font-size:15px; line-height:30px;}*/
/*.schedule .list_box li:before{display:block; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:50%; background-color:#000;}*/
/*.schedule .more_box{width:37px; height:37px;}*/
/*.schedule .more_box .notice_more{top:0; width:37px; height:37px; background-image:url(/site/mindclick/images/main/schedule_more.png); font-size:0; line-height:0;}*/

/*@media all and (max-width:1220px) {*/
/*    .schedule .list_box ul{margin:0 5%;}*/
/*}*/

/*@media all and (max-width:640px) {*/
/*    .schedule{padding:33px 0;}*/
/*    .schedule_title{top:0; font-size:18px; line-height:24px;}*/
/*    .schedule_date{padding:0 30px;}*/
/*    .schedule_date .date{font-size:22px; line-height:24px;}*/
/*    .schedule_date a{width:24px; height:24px;}*/
/*    .schedule .more_box{top:-7px;}*/
/*    .schedule .more_box .notice_more{top:0;}*/

/*    .schedule .list_box ul{margin:0 10%;}*/
/*    .schedule .list_box li{display:block; margin-right:0; font-size:14px; line-height:20px; text-align:left;}*/
/*    .schedule .list_box li:before{top:8px;}*/
/*}*/

/*@media all and (max-width:640px) {*/
/*    .schedule .list_box ul{margin:0 5%;}*/
/*}*/
.event {padding-top:71px; padding-bottom:73px; background-color:#f2f3f4; font-size:0; line-height:0;}
.event h2 {position:absolute; top:0; left:0; color:#5f5f5f; font-size:26px; line-height:37px; font-weight:400;}
.event .event_word {color:#16356d; font-weight:600;}
.event .event_control {margin-bottom:24px; text-align:center;}
.event .event_control button {display:inline-block; width:6px; height:12px; background-image:url('/site/mindclick/images/main/event_sprite.png'); background-repeat:no-repeat;}
.event .event_prev {background-position:left top;}
.event .event_next {background-position:left -22px;}
.event .event_control time {display:inline-block; margin-right:27px; margin-left:27px; color:#242424; font-size:35px; line-height:37px; vertical-align:middle;}
.event .event_month {font-weight:600;}
.event .owl-item {display:inline-block; float:none; vertical-align:middle;}
.event .event_day {display:block; width:100%; padding-right:5px; padding-left:5px;}
.event .event_day time {display:block; position:relative; color:#737373; font-size:14px; line-height:16px; font-weight:600; text-align:center;}
/*.event .sat time {color:#16356d;}*/
.event .sun time {color:#ed1c24;}
.event .event_day.active time {padding-bottom:13px; color:#000;}
.event .event_day time:before {display:block; opacity:0; position:absolute; bottom:0; right:0; left:0; width:9px; height:8px; margin-right:auto; margin-left:auto; background:url('/site/mindclick/images/main/event_sprite.png') no-repeat left -44px;}
.event .event_day.active time:before {opacity:1;}
.event .event_schedule {overflow:hidden; position:relative; margin-top:8px; padding:18px 17px; border:1px dotted #5e5f5f; background-color:#fff; text-align:center;}
.event .event_schedule ul {margin-top:-14px; margin-left:-34px;}
.event .event_schedule li {display:inline-block; position:relative; margin-top:14px; margin-left:34px; padding-left:13px;}
.event .event_schedule li:before {display:block; position:absolute; top:7px; left:0; width:4px; height:4px; border-radius:50%; background-color:#000;}
.event .event_schedule a {display:block; color:#2a2a2a; font-size:15px; line-height:17px; text-decoration:none;}
.event .event_more {display:block; position:absolute; top:0; right:0; width:37px; height:37px; border:1px solid #cbcbcb; border-radius:50%; background-color:#fff; line-height:37px; text-align:center;}
.event .event_more:before {display:inline-block; width:21px; height:21px; background:url('/site/mindclick/images/main/event_sprite.png') no-repeat left -62px; vertical-align:middle;}

/* 하단 오늘의 행사 숨김 2025-02-27 서정한 */
.event{display:none;}

@media all and (max-width:640px) {
    .event{padding:33px 0;}
    .event h2{font-size:18px; line-height:24px;}
    .event .event_control{margin-bottom:28px;}
    .event .event_control time{margin-right:15px; margin-left:15px; font-size:22px; line-height:24px;}
    .event .event_day time{font-size:15px; line-height:17px;}
    .event .event_day.active time{padding-bottom:12px;}
    .event .event_schedule{text-align:left;}
    .event .event_schedule ul{margin-left:0;}
    .event .event_schedule li{display:block; margin-left:0;}
    .event .event_schedule li:before{top:6px;}
    .event .event_schedule a{font-size:14px; line-height:16px;}
    .event .event_more{top:-7px;}
}