@charset "utf-8";

.mainPage .areas { min-height:100%; margin-bottom:-339px; }

/* */
.main_slider { position:relative; max-height:498px; overflow:hidden; background-color:#fff; z-index:0; }
.main_slider .slider .item { box-sizing:border-box; padding:0 10px; text-align:center; }
.main_slider .slider .item .ds { position:relative; display:block; overflow:hidden; position:relative; }
.main_slider .slick-arrow { position:absolute; top:50%; overflow:hidden; width:60px; height:60px; margin-top:-30px; text-indent:-999px; background-repeat:no-repeat; background-image:url('../../../../img/t09/common/icons.png'); border:0; background-color:transparent; border-radius:0; z-index:1; }
.main_slider .pg_index { text-align:center; padding-top:30px; }
.main_slider .pg_index .btn,
.main_slider .pg_index .dots { display:inline-block; vertical-align:top; }
.main_slider .pg_index .dots { margin:8px 10px 0; padding-left:34px; }
.main_slider .slick-dots > li { display:inline-block; vertical-align:top; width:8px; height:8px; background-color:#999; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.main_slider .slick-dots > li + li { margin-left:10px; }
.main_slider .slick-dots > li.slick-active { background-color:#2d598f; width:58px; }
.main_slider .slick-dots > li button { display:block; width:95%; height:100%; overflow:hidden; text-indent:-999px; border:0; }
.main_slider .pg_index .btn { border:0; border-radius:0; background-repeat:no-repeat; position:relative; background-image:url('../../../../img/t09/common/icons.png'); width:24px; height:24px; overflow:hidden; visibility:hidden; position:absolute; opacity:0; -webkit-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s; }
.main_slider .pg_index .btn.active { opacity:1; visibility:visible; position:static; }
.main_slider .pg_index .btn em { position:absolute; opacity:0; text-indent:-999px; }
.main_slider .pg_index .btn_play { background-position:-300px 0; }
.main_slider .pg_index .btn_stop { background-position:-350px 0; }




/* 190503 수정 */
.main_slider {background:url("../images/main/main_slider_bg.png") no-repeat; width:100%; height:100%; padding:60px 0 30px; background-size:cover;}
.main_slider .slider_wrap {position:relative; width:1300px; margin:0 auto;}
.main_slider .slider {max-width:1140px; margin:0 auto; overflow:hidden;}
.main_slider .thumb_wrap {position:relative; overflow:hidden; height:167px;}
.main_slider .thumb_wrap img {width:100%; height:167px;}

.main_top {height:440px;}
.main_top_slider {width:2600px; position:absolute; left:50%; transform:translate(-50%, 0);}
.main_top_slider .slick-slide{position:relative; height: 440px;}
.main_top_slider .slick-slide img {position:absolute; left:50%; top:0; width:2600px; max-width:none; transform:translate(-50%, 0);}
.main_top_slider .slick-slide .sec{padding: 0 48px 0 93px;box-sizing: border-box;height: 100%;}
.main_top_slider .flex{display:flex;align-items: center;height: calc(100% - 20px);justify-content: space-between;}
.main_top_slider .text_tit {float:left; width:630px; margin-top:68px;}
.main_top_slider .text_tit .tag{font-size: 0;margin-left:5px;}
.main_top_slider .text_tit .tag span{vertical-align:top; display:inline-block; font-size:22px; height:50px; padding:0 15px; line-height:48px; font-weight: 500;}
.main_top_slider .text_tit .tag.type01 span:first-child{background-color: #F45D5D;color:#fff;border-radius: 6px 0 0 6px;letter-spacing: -0.08em;}
.main_top_slider .text_tit .tag.type01 span:last-child{background-color: #fff;color:#F45D5D;border-radius: 0 6px 6px 0; padding:0 19px; line-height:44px; letter-spacing:-0.085em;}
.main_top_slider .text_tit .tag.type02 span:first-child{background-color: #7A54D4;color:#fff;border-radius: 6px 0 0 6px;letter-spacing: -0.08em;}
.main_top_slider .text_tit .tag.type02 span:last-child{background-color: #fff;color:#7A54D4;border-radius: 0 6px 6px 0; padding:0 19px; line-height:44px; letter-spacing:-0.085em;}
.main_top_slider .text_tit .tag.type03 span:first-child{background-color: #FBBE63;color:#333;border-radius: 6px 0 0 6px;letter-spacing: -0.08em;}
.main_top_slider .text_tit .tag.type03 span:last-child{background-color: #fff;color:#FBBE63;border-radius: 0 6px 6px 0; padding:0 19px; line-height:44px; letter-spacing:-0.085em;}
.main_top_slider .text_tit h2{font-size:48px;font-weight: 800; color: #000;line-height: 60px;;letter-spacing: -0.054em;margin-top:21px;word-wrap: break-word;word-break: keep-all;}
.main_top_slider .text_tit p{font-size: 20px; color: #333;letter-spacing: -0.05em;margin-top:21px;}

.main_top_slider .book_area{float:right; width: 265px; box-shadow: 10px 10px 15px 0 rgb(0 0 0 / 30%); height: 370px; margin-top:39px;margin-right: 20px;}
.main_top_slider .book_area img{width: 100%;height: 100%;}
.main_top_slider button{background: url(../../../../img/t09/common/icons3.png);width:35px;height:66px;top:50%;position: absolute;z-index: 2;transform: translate(0, -50%); margin-top: -9px;}
.main_top_slider button.slick-prev{background-position: -299px -50px;margin-left: -696px;left:50%;}
.main_top_slider button.slick-next{background-position: -333px -50px;margin-right: -667px;right:50%;}
.main_top_slider .slick-dots{position:absolute;bottom:31px;left:50%;transform: translate(-50%);}
.main_top_slider .slick-dots li{width:15px;height:15px;border:2px solid #fff;border-radius: 15px;box-sizing: border-box;;}
.main_top_slider .slick-dots li + li{margin-left:8px;}
.main_top_slider .slick-dots li.slick-active{background: #fff;}
@media (max-width: 1400px){
	.main_top_slider button.slick-prev {left: 0;margin-left: 0;}
	.main_top_slider button.slick-next {right: 0;margin-right: 0;}
}


.thumb_data_wrap {margin-top:18px; text-align:left; color:#fff;}
.thumb_data_wrap dd {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.thumb_data_wrap dd.series_tit {font-size:14px;}
.thumb_data_wrap dd.content_tit {font-size:16px; font-weight:bold;}
.main_slider .slick-prev {background:url("../images/icons/ico_prev.png") no-repeat; width:19px; outline:0;}
.main_slider .slick-prev:hover {background:url("../images/icons/ico_prev_w.png") no-repeat;}
.main_slider .slick-next {right:0; background:url("../images/icons/ico_next.png") no-repeat; width:19px; outline:0;}
.main_slider .slick-next:hover {background:url("../images/icons/ico_next_w.png") no-repeat;}

/* */
.main .desc { -webkit-box-sizing:border-box; box-sizing:border-box; }
.main .desc .st { font-size:14px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:8px;}
.main .desc .tit { color:#333; font-weight:bold; }
.main .desc .tit { line-height:22px; max-width:100%; max-height:44px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; word-wrap:break-word; }
.main .desc .tit a:hover { text-decoration:underline; }
.main .desc .sum { position:absolute; bottom:15px; left:18px; white-space:nowrap; font-size:14px; }
.main .desc .sum > li { display:inline-block; }
.main .desc .sum > li + li { margin-left:8px; }
.main .desc .sum > li:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; background-repeat:no-repeat; background-image:url('../../../../img/t09/common/icons.png'); margin-right:5px; }
.main .desc .sum .v:before { width:18px; height:13px; background-position:-550px 0; }
.main .desc .sum .p:before { width:14px; height:13px; background-position:-600px 0; }
.main .desc .sum .r:before { width:14px; height:14px; background-position:-650px 0; }

/* */
.main_slider .slider .item .ds:hover .mh_ts,
.conts_list .cont .figure .pic:focus .mh_ts,
.conts_list .cont:hover .figure .pic .mh_ts,
.cont_link .cont .figure:focus .mh_ts,
.cont_link .cont:hover .figure .mh_ts { -ms-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); transform:scale(1.03, 1.03); }

/* 200807 메인 작업 : s */
/* 기본 */
.clearfix:after{content:"";display:block;clear:both}
.clearfix > *{float:left}

#container{min-height:calc(100vh - 357px)}/* 기본 높이는 100vh - (헤더 높이 + 풋터 높이) */
.section h2.tit{color:rgba(0,0,0,0.87);font-size:26px;font-weight:700;line-height:35px}
.slick-slide a:focus{outline:0}
.slick-slider button{border:0}
.slick-arrow{text-indent:-9999px}
.slick-dots:after{content:'';display:block;clear:both}
.slick-dots > li{float:left;text-indent:-9999px}
.slick-dots > li:last-child{margin-right:0 !important}



/*메인*/
.md_recommend1{position: relative;}
/* .md_recommend1:after{content:'';width:100%;height:325px;background: linear-gradient(90deg, #96FBC4 0%, #F9F586 100%);position: absolute;bottom:0;z-index: -1;} */
.md_recommend1 > .sec1 {position:relative; z-index:1;}

.md_recommend2{position: relative;}
/* .md_recommend2:after{content:'';width:100%;height:325px;background: linear-gradient(90deg, #96FBC4 0%, #F9F586 100%);position: absolute;bottom:0;z-index: -1;} */
.md_recommend2 > .sec2 {position:relative; z-index:1;}

.md_recommend3{position: relative;}
/* .md_recommend3:after{content:'';width:100%;height:325px;background: linear-gradient(90deg, #96FBC4 0%, #F9F586 100%);position: absolute;bottom:0;z-index: -1;} */
.md_recommend3 > .sec3 {position:relative; z-index:1;}

.md_recommend4{position: relative;}
/* .md_recommend4:after{content:'';width:100%;height:325px;background: linear-gradient(90deg, #96FBC4 0%, #F9F586 100%);position: absolute;bottom:0;z-index: -1;} */
.md_recommend4 > .sec4 {position:relative; z-index:1;}

.md_recommend5{position: relative;}
/* .md_recommend5:after{content:'';width:100%;height:325px;background: linear-gradient(90deg, #96FBC4 0%, #F9F586 100%);position: absolute;bottom:0;z-index: -1;} */
.md_recommend5 > .sec5 {position:relative; z-index:1;}


.section03{padding:56px 0;background-color:#f8f8f9; margin-top: 1px;}
.section03 .sec:after{content:'';display:block;clear:both}
.section03 .sec_notice{width:100%;margin-right:20px;padding:38px 45px 38px;;border:1px solid #dfe3e8;background-color:#fff;box-sizing:border-box; height: 320px;}
.section03 .sec_notice .tit_area{margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid #333}
.section03 .sec_notice .tit_area:after{content:'';display:block;clear:both}
.section03 .sec_notice .tit{float:left;color:#333;font-size:30px;font-weight:700;line-height:34px}
.section03 .sec_notice .more{position:relative;float:right;width:18px;height:40px;color:#333;font-weight:700;line-height:34px;margin-right: 12px; margin-top: -4px;}
.section03 .sec_notice .more:before,
.section03 .sec_notice .more:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:4px;margin:-2px 0 0 -9px;background-color:#322326}
.section03 .sec_notice .more:after{transform:rotate(90deg)}
.section03 .sec_notice .more span{font-size:0;text-indent:-9999px}
.section03 .sec_notice table{width:100%}
.section03 .sec_notice table td{padding:10px ;font-size:18px;letter-spacing: 0.02em;}
.section03 .sec_notice table td:last-child{text-align:right;width:115px;}
.section03 .sec_quick .quick{border:1px solid #dfe3e8;background-color:#fff}
.section03 .sec_quick .quick li + li{border-top:1px solid #dfe3e8}
.section03 .sec_quick .quick li a{display:block;height:80px;padding-left:26px;color:#333;font-weight:700}
.section03 .sec_quick .quick li a:before{content:'';display:inline-block;position:relative;top:-1px;margin-right:15px;vertical-align:middle;background:url('../../../../img/t09/common/icons.png') no-repeat}
.section03 .sec_quick .quick li a:after{content:'';display:inline-block;height:100%;vertical-align:middle}
.section03 .sec_quick .quick li a.news:before{width:39px;height:39px;background-position:-700px 0}
.section03 .sec_quick .quick li a.wn:before{width:35px;height:42px;background-position:-750px 0}