@charset "utf-8";

.section_3{height:450px;}
.section_3:after{content:'';display:block;clear:both}
.section_3 .layout{position:relative;padding:40px 0}
.section_3 .s_3_group{overflow:hidden;}
.section_3 .s_3_group h3{padding:0;margin:0 0 20px;font-weight:500;font-size:28px;color:#000;font-family:'Noto Sans Kr', sans-serif}
.section_3 .s_3_group h3:before{display:none}
.section_3 .s_3_group .s_3_b{position:relative;float:left;width:47.5%}
.section_3 .s_3_group .s_3_b .control{position:absolute;top:0;right:0;border-left:1px solid #c8ced4}
.section_3 .s_3_group .s_3_b .control a{display:block;float:left;background:no-repeat 50% 50%;width:36px;height:36px;border:solid #c8ced4;border-width:1px 1px 1px 0}
.section_3 .s_3_group .s_3_b .control .prev{background-image:url(img/s_3_b_control_prev.png?t_=201908161800)}
.section_3 .s_3_group .s_3_b .control .prev:hover{background-image:url(img/s_3_b_control_prev_ov.png?t_=201908161800);background-color:#434954}
.section_3 .s_3_group .s_3_b .control .next{background-image:url(img/s_3_b_control_next.png?t_=201908161800)}
.section_3 .s_3_group .s_3_b .control .next:hover{background-image:url(img/s_3_b_control_next_ov.png?t_=201908161800);background-color:#434954}
.section_3 .s_3_group .s_3_b .control .stop{background-image:url(img/s_3_b_control_stop.png?t_=201908161800)}
.section_3 .s_3_group .s_3_b .control .stop:hover{background-image:url(img/s_3_b_control_stop_ov.png?t_=201908161800);background-color:#434954}
.section_3 .s_3_group .s_3_b .control .play{background-image:url(img/s_3_b_control_play.png?t_=201908161800)}
.section_3 .s_3_group .s_3_b .control .play:hover{background-image:url(img/s_3_b_control_play_ov.png?t_=201908161800);background-color:#434954}
.section_3 .s_3_group .s_3_b .s_3_b_list{position:relative;height:300px;overflow:hidden}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap{position:relative}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item{margin-bottom:15px}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item a,
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .anchor{height:88px;padding:15px;overflow:hidden;display:block;border:1px solid transparent;background-color:#ebf1f8}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item a:hover{border-color:#000}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_ti{float:left;width: 70px;height:60px;padding: 13px 0 0;line-height:120%;font-size: 14px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;color:#fff;}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_pt{overflow:hidden;height:48px;line-height:24px;font-weight: 500;margin-top:5px;font-size: 16px;padding-left: 10px;}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_pt .mr_reg{width:20px;height:20px;font-size:12px;padding-top: 3px;vertical-align: 2px;line-height: 100%;}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_a .item_ti{background-color:#5465c7}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_b .item_ti{background-color:#f15f7b}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_c .item_ti{background-color:#3b8eee}
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_d .item_ti{background-color:#04a45e}

.section_3 .s_3_group .s_3_c{float:left;position:relative;width:47.5%;margin-left:5%}
.section_3 .s_3_group .s_3_c .s_3_c_list{}
.section_3 .s_3_group .s_3_c .s_3_c_list .item{margin-top:15px}
.section_3 .s_3_group .s_3_c .s_3_c_list .item:first-child{margin-top:0}
.section_3 .s_3_group .s_3_c .s_3_c_list .item a{height:88px;padding: 15px;overflow:hidden;display:block;border:1px solid transparent;background-color:#ebf1f8;}
.section_3 .s_3_group .s_3_c .s_3_c_list .item a:hover{border-color:#000}
.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti{float:left;width: 70px;height:60px;padding:12px 0 0;line-height:100%;text-align:center;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius:30px;background-color:#fff;}
.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti i{display:block;line-height:inherit;font-size:27px;font-style:normal;color:#f15f7b}
.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti span{display:block;margin-top:8px;line-height:inherit;font-size:11px;color:#666}
.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_pt{overflow:hidden;height:48px;line-height:24px;margin-top:5px;padding-left: 10px;font-weight:500;font-size: 16px;}

.section_3 .s_3_group .s_3_c .more{position:absolute;top:0;right:0;width:37px;height:37px;text-align:center;border:1px solid #c8ced4;background:url(img/s_3_c_more.png?t_=201908161800) no-repeat 50% 50%}
.section_3 .s_3_group .s_3_c .more:hover{background-image:url(img/s_3_c_more_ov.png?t_=201908161800);background-color:#434954}


.section_3 .hide{position:fixed;top:-1px;left:-1px;width:1px;height:1px;overflow:hidden;color:#000;background:#fff}/* 접근성으로 인한 display:none 작성 금지 */
.section_3 .mr_reg{display:inline-block;width:28px;height:28px;padding-top:5px;font-size:15px;text-align:center;-webkit-border-radius:3px;border-radius:3px;color:#fff}

.section_3 .mr_reg_1{background-color:#18bb78}
.section_3 .mr_reg_2{background-color:#5468c7}
.section_3 .mr_reg_3{background-color:#0096c7}