@charset "utf-8";

/* container */
#main_visual{width:100%; background:url("../images/main_visual01.jpg") center 0 no-repeat; height:410px; padding-top:140px; position:relative; overflow:hidden;}
#main_visual h2{margin:0 auto; width:100px; height:30px; background-color:#5a7919; text-align:center; font-size:18px; line-height:30px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:200;}
#main_visual .date{font-size:20px; line-height:26px; color:#fff;  font-family: 'Nanum Myeongjo', serif; margin-top:15px; text-align:center; font-weight:100;}
#main_visual .tit{font-size:50px; line-height:60px; color:#fff;  font-family: 'Nanum Myeongjo', serif; margin-top:30px; text-align:center; font-weight:100;}
#main_visual .txt{height:125px; font-size:15px; line-height:25px; color:#fff; font-family: 'Noto Sans KR', sans-serif; margin-top:20px; text-align:center; font-weight:200; overflow:hidden;}
#main_visual .left_date{width:78px; height:65px; padding-top:13px; border:2px solid #fff; text-align:center; font-size:20px; line-height:26px; color:#fff; font-family: 'Noto Sans KR', sans-serif; position:absolute; top:260px; left:50%; margin-left:-600px; cursor:pointer;}
#main_visual .right_date{width:78px; height:65px; padding-top:13px; border:2px solid #fff; text-align:center; font-size:20px; line-height:26px; color:#fff; font-family: 'Noto Sans KR', sans-serif; position:absolute; top:260px; right:50%; margin-right:-600px; cursor:pointer;}
#main_visual .left_arrow{position:absolute; top:290px; left:50%; margin-left:-630px; cursor:pointer;}
#main_visual .right_arrow{position:absolute; top:290px; right:50%; margin-right:-630px; cursor:pointer;}
#main_visual .bottom_box{position:absolute; bottom:0; left:50%; margin-left:-640px; width:1280px; height:50px; background-color:#fff;}

#main_today{}
#main_today h3{text-align:center; font-size:35px; line-height:45px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:100;}
#main_today h3 strong{font-weight:200;}

#main_today .menu_tab{height:42px; text-align:center; margin-top:30px;}
#main_today .menu_tab li{display:inline-block; margin-left:-1px;}
#main_today .menu_tab li a{display:block; width:120px; height:40px; text-align:center; font-size:17px; line-height:40px; color:#989898; border:1px solid #c5c5c5; font-family: 'Noto Sans KR', sans-serif; position:relative;}
#main_today .menu_tab li a.active{color:#000;border:1px solid #000; z-index:1;}
#main_today .page_list{width:1200px; margin:0 auto; position:relative; margin-top:30px;}
#main_today .more{margin-top:30px;}
#main_today .more a{display:block; width:180px; height:40px; margin:0 auto; font-size:16px; line-height:40px; color:#98c831; border:1px solid #98c831; border-radius:42px; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-weight:100; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_today .more a:hover{background-color:#98c831; color:#fff;}

.video_list{display:inline-block;}
.video_list li{float:left;}
.video_list li a{display:block; width:300px; height:300px; box-sizing:border-box; border:2px solid #fff; padding:8px; position:relative; }
.video_list li a:hover{border:2px solid #98c831; padding:8px;}
.video_list li a .pic{position:relative;}
.video_list li a .pic .play{background:url("../images/main_today_play.png") 0 0 no-repeat; width:30px; height:30px; position:absolute; bottom:20px; right:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.video_list li a:hover .pic .play{background:url("../images/main_today_play_over.png") 0 0 no-repeat;}
.video_list li a .info{padding:20px 10px; position:relative;}
.video_list li a .info .tit{font-size:18px; line-height:26px; height:52px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:200; overflow:hidden; word-break: break-all;}
.video_list li a .info .user{margin-top:10px; font-size:14px; line-height:20px; color:#a2a2a2; font-weight:200; font-family: 'Noto Sans KR', sans-serif; padding-left:18px; background:url("../images/main_today_user_icon.png") 0 center no-repeat;}
.video_list li a .info .date{font-size:14px; line-height:20px; color:#a2a2a2; font-weight:200; font-family: 'Noto Sans KR', sans-serif; position:absolute; bottom:20px; right:10px;}

#main_rec{width:1200px; margin:0 auto; position:relative; margin-top:50px;}

#main_customer{width:1200px; height:305px; margin:0 auto; position:relative; margin-top:50px;}
#main_customer .main_notice{width:560px; height:305px; float:left; position:relative;}
#main_customer .main_notice h3{font-size:35px; line-height:40px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:100;}
#main_customer .main_notice h3 strong{font-weight:200;}
#main_customer .main_notice .list{margin-top:10px;}
#main_customer .main_notice .list li{border-bottom:1px solid #dbdbdb; position:relative;}
#main_customer .main_notice .list li a{display:block; font-size:15px; line-height:50px; color:#000; font-family: 'Noto Sans KR', sans-serif; padding-right:100px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; font-weight:200;}
#main_customer .main_notice .list li .date{position:absolute; top:0; right:0; font-size:15px; line-height:50px; color:#b0b0b0; font-family: 'Noto Sans KR', sans-serif; font-weight:200;}
#main_customer .main_notice .more{position:absolute; top:0; right:0;}

#main_customer .main_quick{width:580px; height:305px; float:right;}
#main_customer .main_quick li{float:left;}
#main_customer .main_quick li a{display:block; width:290px; height:255px; padding-top:50px;}
#main_customer .main_quick li a .icon{text-align:center;}
#main_customer .main_quick li a .tit{text-align:center; font-size:30px; line-height:40px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:100; margin-top:10px;}
#main_customer .main_quick li a .tit strong{font-weight:200;}
#main_customer .main_quick li.quick01 a{background-color:#ff9541;}
#main_customer .main_quick li.quick02 a{background-color:#7ca8e7;}

#main_app{width:100%; height:220px; padding-top:80px; background:url("../images/main_app_bg.jpg") center 0 no-repeat; position:relative; margin-top:20px;}
#main_app .tit_eng{font-size:16px; line-height:20px; color:#a8a8a8; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-weight:200;}
#main_app .tit{font-size:25px; line-height:30px; color:#000; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-weight:200; margin-top:10px;}
#main_app .txt{font-size:15px; line-height:25px; color:#959595; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-weight:200; margin-top:10px;}
#main_app .qr_code{position:absolute; top:110px; right:50%; margin-right:-600px;}
#main_app .qr_code li{float:left; margin-left:40px;}
#main_app .qr_code li a{display:block; width:100px;}
#main_app .qr_code li .code_name{font-size:15px; line-height:20px; color:#000; font-family: 'Noto Sans KR', sans-serif; text-align:center; margin-top:10px;}
#main_app .btn{margin-top:20px; text-align:center;}
#main_app .btn a{display:inline-block; width:200px; height:40px; font-size:14px; line-height:40px; color:#5a7919; font-family: 'Noto Sans KR', sans-serif; border:1px solid #5a7919; border-radius:40px;}
#main_app .btn a:hover{background-color:#5a7919; color:#fff;}