@charset "UTF-8";

/* 비주얼 */
.cts181 .visual{position:relative;}
.cts181 .visual .visual_item{position:relative;}
.cts181 .visual .visual_info{display:block; position:absolute; bottom:10px; left:50%; z-index:10; width:150px; height:50px; box-sizing:border-box; transform:translateX(-50%);}
.cts181 .visual .visual_info .visual_item{/*padding:48px 28px 35px;*/ display:none; padding:0; box-sizing:border-box;}
.cts181 .visual .visual_info .visual_box .visual_text{color:#fff; font-size:16px; line-height:21px;}
.cts181 .visual .visual_info .visual_box .visual_title{display:block; margin-top:16px; color:#fff; font-size:30px; line-height:35px; word-break:keep-all;}
.cts181 .visual .visual_control{display:block; position:absolute; top:50%; left:0; width:100%; text-align:center; transform: translateY(-50%);}
.cts181 .visual .visual_dots{display:inline-block;}
.cts181 .visual .visual_dots ul li{display:inline-block;}
.cts181 .visual .visual_dots ul li button{width:14px; height:14px; margin-right:10px; border-radius:50%; background-color:rgba(0,0,0,0.2); font-size:0;}
.cts181 .visual .visual_dots ul li.slick-active button{background-color:#000;}
.cts181 .visual .slick-pause, .visual .slick-play{display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#000; background-repeat:no-repeat; font-size:0;}
.cts181 .visual .slick-pause{background-image:url("/site/www/images/contents/cts181_slick_bt1.png"); background-position:center center;}
.cts181 .visual .slick-play{background-image:url("/site/www/images/contents/cts181_slick_bt2.png"); background-position:7px center;}
.cts181 .visual .visual_close{display:none; position:absolute; top:0; right:0; width:40px; height:40px; background-image:url("/site/www/images/contents/cts181_slick_sprite.png"); background-repeat:no-repeat; background-position: left -48px; font-size:0; content:'';}

.cts181 .visual .visual_slide .visual_image{display:block;}
.cts181 .visual .visual_slide .visual_image img{width:100%; height:100%;}
.cts181 .visual .visual_slide .visual_video .video_play{position:absolute; top:50%; left:50%; width:122px; height:165px; background-image:url("/site/www/images/contents/cts181_btn_paly.png"); background-repeat:no-repeat; font-size:0; transform:translate(-50%, -50%);}
.cts181 .visual .visual_slide .visual_video .video_iframe{display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
.cts181 .visual .visual_slide .visual_video .video_iframe iframe{width:100%; height:100%;}
.cts181 .visual .visual_slide .visual_video .video_stop{position:absolute; top:0; right:0; width:90px; height:84px; background-image:url("/site/www/images/contents/cts181_btn_close.png"); background-repeat:no-repeat; font-size:0;}

.cts181 .visual .visual_slide .visual_video.active .video_iframe{display:block;}

.youtube_open .visual .visual_info{z-index: 0;}
@media all and (max-width:800px) {
    .cts181 .visual .visual_slide .visual_video .video_play{width:100px; height:135px; background-size:cover;}
    .cts181 .visual .visual_slide .visual_video .video_stop{width:65px; height:60px; background-size:cover;}
}
@media all and (max-width:640px) {
    .cts181 .visual .visual_info{height:30px;}
    .cts181 .visual .visual_slide .visual_video .video_play{width:80px; height:108px;}
    .cts181 .visual .visual_slide .visual_video .video_stop{width:65px; height:60px;}
}

/* 바로가기 */
.cts181 .link{margin-top:67px;}
.cts181 .link .link_list{font-size:0; text-align:center;}
.cts181 .link .link_item{display:inline-block; width:154px; height:154px; margin-left:20px;}
.cts181 .link .link_item:first-child{margin-left:0;}
.cts181 .link .link_anchor{display:block; width:100%; height:100%; position:relative; border-radius:50%; background-color:#62319f; color:#fff;}
.cts181 .link .link_anchor:before{display:block; position:absolute; top:0; left:0; z-index:10; width:154px; height:154px; border-radius:50%; background-image:url("/site/www/images/contents/cts181_link_anchor_bg.png"); content:'';}
.cts181 .link .link_anchor:hover{background-color:#004296; text-decoration:none;}
.cts181 .link .link_anchor .link_text{display:block; position:relative; padding-top:90px; font-size:20px; line-height:25px;}
.cts181 .link .link_anchor .link_text:before{display:block; position:absolute; top:40px; left:50%; z-index:15; transform:translateX(-50%); background-image:url("/site/www/images/contents/cts181_link_sprite.png"); background-repeat:no-repeat; content:'';}
.cts181 .link .link_anchor.n1 .link_text:before{width:43px; height:35px; background-position:left top;}
.cts181 .link .link_anchor.n2 .link_text:before{width:43px; height:37px; background-position:left -45px;}
.cts181 .link .link_anchor.n3 .link_text:before{width:44px; height:38px; background-position:left -92px;}
.cts181 .link .link_anchor.n4 .link_text:before{width:41px; height:46px; background-position:left -140px;}
.cts181 .link .link_anchor.n5 .link_text:before{width:40px; height:37px; background-position:left -196px;}
@media all and (max-width:800px) {
    .cts181 .link .link_list{padding-right:40px; padding-left:40px;}
    .cts181 .link .link_item{width:154px; margin-left: 20px;}
}
@media all and (max-width:640px) {
    .cts181 .link{margin-top:50px;}
    .cts181 .link .link_list{padding-right:0; padding-left:0;}
    .cts181 .link .link_item{width:87px; height:87px; margin-left:10px;}

    .cts181 .link .link_anchor:before{width:87px; height:87px;}
    .cts181 .link .link_anchor .link_text{padding-top:52px; font-size:12px; line-height:14px;}
    .cts181 .link .link_anchor .link_text:before{top:24px;}
    .cts181 .link .link_anchor.n1 .link_text:before{width:24px; height:20px; background-size:102.32% 665.71%;}
    .cts181 .link .link_anchor.n2 .link_text:before{width:24px; height:21px; background-position:left 22.95%; background-size:102.32% 629.72%;}
    .cts181 .link .link_anchor.n3 .link_text:before{width:25px; height:21px; background-position:left 47.17%; background-size:100% 613.15%;}
    .cts181 .link .link_anchor.n4 .link_text:before{width:23px; height:26px; background-position:left 74.86%; background-size:107.31% 506.52%;}
    .cts181 .link .link_anchor.n5 .link_text:before{width:22px; height:21px; background-position:left 100%; background-size:110% 629.72%;}
}
@media all and (max-width:520px) {
    .cts181 .link .link_list{padding-right:5%; padding-left:5%;}
}