@charset "utf-8";

.slide_dots{display:inline-block}
.slide_dots li{display:inline-block;vertical-align:top;}
.slide_dots li button{width:12px;height:12px;margin:0 4px;border-radius:12px;background-color:#ffffff;text-indent:-9999em;transition:all .1s ease}
.slide_dots li.on button{width:50px;background-color:#1898de}

/* 비주얼 */
#visual{}
.visual_area{position:relative;width:100%;overflow:hidden}
.visual_slider .slick-slide .slide_item{width:100%;}
.visual_slider .slick-slide .slide_item img{width:100%;}

.visual_ctrl {position:absolute;bottom:4.5rem;left:0;width:100%;text-align:center;}
.visual_btn{display:inline-block;width:auto;padding:10px 20px;border-radius:20px;background-color:rgba(0, 0, 0, 0.4);font-size:0;z-index:52}
.visual_ctrl a,.visual_ctrl button{display:inline-block;color:#fff;text-indent:-9999px;font-size:0;}
/* .visual_ctrl a,.visual_ctrl button{display:inline-block;width:5rem;height:5rem;border-radius:50%;border:1px solid #95918c;background-color:rgba(255,255,255,0.6);background-repeat:no-repeat;background-position:50% 50%;background-size:1.5rem 1.7rem;text-indent:-9999em} */
.visual_ctrl .auto{width: 22px;height: 22px;background-position: 0 0;background-repeat: no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;margin:0 10px 0 0}
.visual_ctrl .pager{display:inline-block;margin-top:2px;}
.visual_ctrl .play{background-image:url(../images/main/visual_ctrl_play.png)}
.visual_ctrl .stop{background-image:url(../images/main/visual_ctrl_stop.png)}
.visual_ctrl .prev{background-image:url(../images/main/visual_ctrl_prev.png)}
.visual_ctrl .next{background-image:url(../images/main/visual_ctrl_next.png)}
.visual_ctrl .slide_dots li{padding:0;}
.visual_ctrl .slide_dots li + li{margin-left:7px;}
.visual_ctrl .slide_dots li button{position:relative;display:block;width:18px;height:18px;margin:0;padding:0;border-radius:18px;text-indent:-9999px}
.visual_ctrl .slide_dots li.on button{width:54px;border:0 none;background-color:#f78500}


@media screen and (min-width:1920px){
	.visual_slider .slick-slide .slide_item{-webkit-background-size:cover;background-size:cover;}
}

@media all and (max-width:480px){
	.visual_btn{padding:6px 12px;}
	.visual_ctrl .auto{width: 18px;height: 18px;}
	.visual_ctrl .slide_dots li button{width:14px;height:14px;border-radius:14px;}
	.visual_ctrl .slide_dots li.on button{width:42px;}
}

.shortcut_list{padding:2.8rem 2.4rem 3.1rem;}
.shortcut_list > li{border-radius:1rem;}
.shortcut_list > li + li{margin-top:2.4rem;}
.shortcut_list > li a{display:block;}
.shortcut_list > li .item{padding:3.6rem 3.8rem 4.6rem;border-radius:1rem;background-repeat:no-repeat;background-position:100% 0;-webkit-background-size:auto 18rem;background-size:auto 18rem;overflow:hidden;color:#ffffff;}
.shortcut_list > li .item1{background-color:#68afbe;background-image:url(../images/mobile/shortcut_list_bg_01.png);}
.shortcut_list > li .item2{background-color:#527cc1;background-image:url(../images/mobile/shortcut_list_bg_02.png);}
.shortcut_list > li .item3{background-color:#6a68be;background-image:url(../images/mobile/shortcut_list_bg_03.png);background-position:100% 50%;}

.shortcut_list > li .title{padding-bottom:0.4rem;font-size:3.8rem;font-weight:500;letter-spacing:-0.05em;}
.shortcut_list > li .title b{font-weight:900;}
.shortcut_list > li .text{font-size:2.6rem;letter-spacing:-0.075em;}

.shortcut_list > li .btn{padding-top:2.6rem;}
.shortcut_list > li .btn::after{display:block;clear:both;content:'';}
.shortcut_list > li .btn a{float:left;width:48%;border-radius:4rem;background-color:#f1f1f1;font-size:2.8rem;font-weight:500;color:#262626;text-align:center;vertical-align:top;}
.shortcut_list > li .btn a + a{float:right;}
.shortcut_list > li .btn span{display:inline-block;height:8rem;line-height:8rem;padding-left:7rem;vertical-align:top;background-position:0 50%;background-repeat:no-repeat;-webkit-background-size:auto 5rem;background-size:auto 5rem;}
.shortcut_list > li .btn span.ico1{background-image:url(../images/mobile/shortcut_list_ico_01.png);}
.shortcut_list > li .btn span.ico2{background-image:url(../images/mobile/shortcut_list_ico_02.png);}
.shortcut_list > li .btn span.ico3{background-image:url(../images/mobile/shortcut_list_ico_03.png);}
.shortcut_list > li .btn span.ico4{background-image:url(../images/mobile/shortcut_list_ico_04.png);}

@media all and (max-width:360px){

	.shortcut_list > li .item{padding:3.4rem 3.6rem 4.4rem;-webkit-background-size:auto 17rem;background-size:auto 17rem;}
	.shortcut_list > li .title{font-size:3.6rem;}
	.shortcut_list > li .text{font-size:2.4rem;}
	.shortcut_list > li .btn{padding-top:2.4rem;}
	.shortcut_list > li .btn a{font-size:2.6rem;}
	.shortcut_list > li .btn span{height:7.2rem;line-height:7.2rem;padding-left:7rem;}

}