@charset "euc-kr";

/* FONT SETTING */
@font-face {font-family:'NanumGothic';font-style:normal;font-weight:400;src:url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.eot);src: url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.woff2) format('woff2'), url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.woff) format('woff'), url(/story/assets/css/fonts/NanumGothic/NanumGothic-Regular.ttf) format('truetype')}


/* SCROLLTOP */
a.scrollTop {position:fixed;bottom:30px;right:30px;z-index:1040;border:none;border-radius:50px;background-color:#000;color:#fff;font-weight:bold;width:70px;height:70px;padding:5px;text-align:center;opacity:0}
a.scrollTop i {color:#fff;font-size:35px}
.scroll_btn{bottom:6% !important}
/* SCROLLTOP */
body{font-family:'NanumGothic' !important;color:#222}
/* 로고 */
.logo-area a:first-child {
    background: url(/images/story/05/header/logo_bar.png)100% 12px no-repeat;
    margin-right: 10px;
    padding-right: 20px;
}
/* 로고 */
/* 헤드 */
.top_menu {position:fixed;top:0;background-color:rgba(0,0,0,0.3);width:100%;z-index:99;}
.top_menu_container {width:960px;margin:0 auto;padding:10px 0;overflow:hidden;}

.sns-area {font-size:30px;float:right;padding-top:10px}
.sns-area li {float:left;padding:0 10px}
.sns-area li a i {color:#fff}
/* 헤드 */

/* 스타일 */
.header {width:100%;height:100%;}

.main_container {width:100%;margin:0 auto;background-color:#eee;}
.far {display: inline-block;}

.nav-tabs {border:0;width: 900px;margin:0 auto;height:85px;}
.nav-tabs li {width:450px;margin:0px auto;height:85px;}
.nav-tabs li a {display:block;width:450px;margin:0px auto;color:#999;font-size:30px;font-weight:600;text-align: center;padding:30px 0;text-decoration:none;}
.nav-tabs li a.active {color:#fff !important;}

.slick-track {background-color:#fff;}

/* .nav-tabs li:nth-child(1) a{background:url(/images/story/2018/11/icon_1_off.png)no-repeat 40px 50%;background-size: 34px;}
.nav-tabs li:nth-child(2) a{background:url(/images/story/2018/11/icon_2_off.png)no-repeat 40px 50%;background-size: 34px;}
.nav-tabs li:nth-child(3) a{background:url(/images/story/2018/11/icon_3_off.png)no-repeat 33px 50%;background-size: 34px;} */
.nav-tabs li:nth-child(1) a:focus, .nav-tabs li:nth-child(1) a.active {background-color:#ea9f0d;}
.nav-tabs li:nth-child(2) a:focus, .nav-tabs li:nth-child(2) a.active {background-color: #b15abb;}
.nav-tabs li:nth-child(3) a:focus, .nav-tabs li:nth-child(3) a.active {background-color: #a24545;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:0;border-radius:0;}

.nav-tabs > li > a:hover {background-color:0;	border:0;}
.nav-tabs > li > a {margin: 0 auto;border: 0;}
.nav > li > a {}
.tab-content > div {min-height:300px;}

.contents_wrap{width:900px;margin:50px auto 0 auto;}
.course{text-align:center;}
.youtube_box{width:900px;height:500px;background-color:#000;}
.youtube_channel .youtube_pic_tit{margin-top:25px;font-weight:600;font-size:20px;width:200px;text-align:center;background-color: #293f80;border-radius:40px;padding: 6px 6px;color:#fff;}
.youtube_channel .youtube_pic_tit span{width:180px;background:url(/images/story/2020/09/video_tit_bg07.png)no-repeat left;padding-top:9px;padding-bottom:5px;}
.youtube_pic{margin-top:25px;}
.youtube_pic img{width:100%;}
.youtube_pic p{font-size:15.5px;font-weight:600;}
.youtube_pic li{float:left;width:20.5%;margin-right:4%}
.youtube_pic li:last-child{margin-right:0;}
.youtube_pic02{margin-top:30px;}
.youtube_pic02 li{float:left; width:49%;margin-right:2%;margin-bottom:30px;}
.youtube_pic02 li:nth-child(2n){margin-right:0;}
.youtube_pic02 li .youtube_pic_tit{margin-top:25px;font-weight:600;font-size:20px;width:364px;text-align:center;background-color: #293f80;border-radius:40px;padding: 6px 6px;color:#fff;}
.youtube_pic02 li.culture .youtube_pic_tit{width:300px;}
.youtube_pic02 li.health .youtube_pic_tit{width:300px;}
.youtube_pic02 li.dementia .youtube_pic_tit span{width:300px;height:48px;display:block;background:url(/images/story/2020/09/video_tit_bg01.png)no-repeat left;padding-top:9px;margin-left:14px;}
.youtube_pic02 li.plus .youtube_pic_tit span{width:300px;height:48px;display:block;background:url(/images/story/2020/09/video_tit_bg03_.png)no-repeat left;padding-top:9px;margin-left:14px;}
.youtube_pic02 li.job .youtube_pic_tit span{width:300px;height:48px;display:block;background:url(/images/story/2020/09/video_tit_bg02_.png)no-repeat left;padding-top:9px;margin-left:14px;padding-left:45px;}
.youtube_pic02 li.youth .youtube_pic_tit span{width:300px;height:48px;display:block;background:url(/images/story/2020/09/video_tit_bg06_.png)no-repeat left;padding-top:9px;margin-left:14px;}
.youtube_pic02 li.culture .youtube_pic_tit span{width:240px;height:48px;display:block;background:url(/images/story/2020/09/video_tit_bg04_.png)no-repeat left;padding-top:9px;margin-left:14px;}
.youtube_pic02 li.health .youtube_pic_tit span{width:240px;height:48px;display:block;background:url(/images/story/2020/09/video_tit_bg05_.png)no-repeat left;padding-top:9px;margin-left:14px;}
.youtube_pic_tit .more{float:right;margin-top:-43px;}
.youtube_video{margin-top:20px;}
.youtube_video li{float:left;}
.youtube_video .video_tit{font-size:16px;margin-top:15px;}
.video_tit{font-size:14px;}
.youtube_tit{margin-top:25px;font-weight:600;font-size: 23px;width: 230px;text-align:center;background-color: #293f80;border-radius:40px;padding: 6px 6px;color:#fff;}
.channel{margin-top: 30px;}
.channel li{float:left; width:25%;text-align:center;}
.channel li .channel_tit{font-weight:600;font-size:18px;width: 174px;margin-left:-13px;text-align:center;background-color: #fff;border-radius:30px;border:2px solid #32343f;padding: 6px 6px;color:#32343f;}
.channel li:first-child .channel_tit{margin-left:-23px;}
.channel li:last-child .channel_tit{margin-left:2px;}
.info_video{margin-top:20px;}
.info_video li{float:left;width:23.5%;margin-right:2%}
.info_video li:last-child{margin-right:0;}
.info_video li img{width:100%;}
.sub_container {width:100%;margin:0 auto;}

.footer {display:none;background:url(/images/story/2018/11/footer_bg.jpg)no-repeat center center;width:100%;height:317px;margin:0 auto;}

.contents_banner {width:100%; background-color:#fff;}
.contents_banner h2 {margin:0 auto;overflow:hidden;width:900px;text-align: center;padding: 25px 0;font-size: 33px;font-weight: 600;color:#fff;letter-spacing:-1px;}

.contents_banner .contents_banner1 {background-color: #ea9f0d;}
.contents_banner .contents_banner2 {background-color: #b15abb;}
.contents_banner .contents_banner3 {background-color: #a24545;}
/* 스타일 */