@charset "utf-8";

/*.mainPage { background-color:#e3ebf4; }*/
.mainPage .areas { min-height:100%; margin-bottom:-339px; }
/*.mainPage .container { padding-bottom:339px; }*/

/* */
.main_slider { position:relative; max-height:498px; overflow:hidden; background-color:#fff; z-index:0; }
/* .main_slider .slider { max-width:1920px; margin:0 auto; } */
/* .main_slider .slider .slick-list { overflow:visible; } */
.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 .slider .item .ds.free:after { position:absolute; top:8.928%; left:0; height:24px; box-sizing:border-box; z-index:2; width:40px; padding-top:4px; line-height:1em; font-size:14px; text-align:center; content:"무료"; color:#fff; font-weight:bold; background-color:#2e7bd9; z-index:1; -webkit-transition:margin 0.6s; transition:margin 0.6s; } */
/* .main_slider .slider .item .ds.free:hover:after { margin-top:-1.785%; } */
.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('../images/common/icons.png'); border:0; background-color:transparent; border-radius:0; z-index:1; } 
/* .main_slider .slick-next { right:0; background-position:-240px -90px; }
.main_slider .slick-next:hover { background-position:-240px 0; }
.main_slider .slick-prev { left:0; background-position:-150px -90px; }
.main_slider .slick-prev:hover { background-position:-150px 0; } */
.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('../images/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;}
/* .thumb_wrap span.play {position:absolute; display:inline-block; background:url("../images/icons/ico_play.png") no-repeat; width:37px; height:37px; vertical-align:middle; bottom:15px; left:22px; text-indent:-9999px;} */
.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('../images/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); }

/* */
.conts_list { padding:40px 0 50px; background-color:#fff; overflow:hidden; }
.conts_list .title { width:1200px; margin:0 auto 30px; position:relative; }
.conts_list .title .tit { font-size:30px; color:#333; line-height:1.1; }
.conts_list .opt { position:absolute; right:0; top:50%; margin-top:-25px; }
.conts_list .opt:after { content:""; display:block; clear:both; }
.conts_list .opt > * { float:left; }
.conts_list .opt button { border-radius:0; display:block; overflow:hidden; color:inherit;  }
.conts_list .opt .btn_setup { margin-top:10px; border:0; width:30px; height:30px; text-indent:-999px; background:url('../images/common/icons.png') no-repeat -400px 0 transparent; overflow:hidden; display:block; position:relative; }
.conts_list .opt .btn_align { margin-left:20px; }
.conts_list .opt .btn_align .btn { float:left; height:50px; position:relative; border:1px solid #e5e5e5; width:144px; text-align:center; line-height:48px; box-sizing:border-box; font-size:18px; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; }
.conts_list .opt .btn_align .btn.active { font-weight:bold; z-index:1; background-color:#2d598f; color:#fff; }
.conts_list .opt .btn_align > * + * { margin-left:-1px; }
.conts_list .lst { margin:-10px; }
.conts_list .lst:after { content:""; display:block; clear:both; }
/* .conts_list .lst > li { float:left; width:285px; height:315px; padding:10px; } */
/* .conts_list .lst > li:nth-child(4n + 1) { clear:left; } */
.conts_list .cont { width:100%; height:100%; border:1px solid #e5e5e5; -webkit-box-sizing:border-box; box-sizing:border-box; }
.conts_list .figure { margin:-1px -1px 0; /* height:180px; */ height:142px; position:relative; overflow:hidden; }
.conts_list .figure .pic { position:relative; display:block; height:142px; background-color:#f8f8f9; }
.conts_list .figure .pic img {width:100%; height:142px;}
.conts_list .figure .pic.free {height:100%;}
.conts_list .figure .pic.book img {height:auto;} /* 190729 콘텐츠 썸네일 도서인경우 추가 */

/* .conts_list .figure .pic:before { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:url('../images/main/pic_over.png') no-repeat 50% 50%; background-size:100% auto; opacity:0; visibility:hidden; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } */
/* .conts_list .figure .pic.free:after { position:absolute; top:0; left:0; height:24px; box-sizing:border-box; z-index:2; width:40px; padding-top:4px; line-height:1em; font-size:14px; text-align:center; content:"무료"; color:#fff; font-weight:bold; background-color:#2e7bd9; } */
.conts_list .cont .figure .pic:focus:before,
.conts_list .cont:hover .figure .pic:before { opacity:1; visibility:visible; }
.conts_list .slick-arrow { position:absolute; top:50%; margin-top:-17px; overflow:hidden; width:18px; height:34px; text-indent:-999px; border:0; background-color:transparent; border-radius:0; z-index:1;  outline:0;}
.conts_list .slick-arrow:before { content:""; position:absolute; top:50%; left:50%; margin:-17px 0 0 -9px; width:18px; height:34px; background-repeat:no-repeat; background-image:url('../images/common/icons.png');  outline:0;}
.conts_list .slick-next { right:-45px;}
.conts_list .slick-next:before { background-position:-500px -50px; }
.conts_list .slick-next:hover:before { background-position:-500px 0; }
.conts_list .slick-prev { left:-45px;}
.conts_list .slick-prev:before { background-position:-450px -50px; }
.conts_list .slick-prev:hover:before { background-position:-450px 0; }
.conts_list .slick-disabled:before { opacity:0.4; }
.conts_list .desc { height:/* 135px */ 112px; padding:15px 18px; position:relative; background:#fff;}
/* .conts_list .desc .tit { padding-top:8px; min-width:246px; } */
.conts_list .slider_panel { position:relative; }
.conts_list .slider_panel .slider { width:1200px; margin:0 auto; }
@media all and (max-width:1320px) {
	.conts_list > .sec { max-width:none; }
	.conts_list .slick-arrow { width:44px; height:70px; margin-top:-35px; background-color:#f8f8f9; box-shadow:0 0 1px rgba(0,0,0,.2) }
	.conts_list .slick-next { right:0; }
	.conts_list .slick-prev { left:0; }	
}

/* 190503 수정 */
.cont_link .title { width:1200px; margin:0 auto 30px; position:relative; }
.cont_link .title .tit { font-size:30px; color:#333; line-height:1.1; }
.conts_list .title .tit, .cont_link .title .tit {display:inline-block;}
.conts_list .title .stit, .cont_link .title .stit {display:inline-block; font-size:16px; color:#333; padding-left:20px; max-width:650px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.conts_list .lst > li { float:left; width:224px; height:255px; padding:10px; }
.conts_list .desc .tit { /*padding-top:8px;*/ min-width:185px; }
.conts_list .desc dl {padding-bottom:8px; overflow:hidden;}
/* .conts_list span.play, .cont_link span.play {position:absolute; display:inline-block; background:url("../images/icons/ico_play.png") no-repeat; width:37px; height:37px; vertical-align:middle; bottom:15px; left:22px; text-indent:-9999px;} */
/* .conts_list span.ico_audio, .cont_link span.ico_audio {position:absolute; display:inline-block; background:url("../images/icons/ico_audio.png") no-repeat; width:37px; height:37px; vertical-align:middle; bottom:15px; left:22px; text-indent:-9999px;} */

.conts_list .cont .figure .detail_view {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s ease;}
.conts_list .cont .figure:hover .detail_view {opacity:0.9; background:#2b303b; z-index:100;}
.cont .figure:hover span.ico {display:none;}
/* .detail_view .right_ico {position:absolute; right:13px; top:15px;}
.detail_view .right_ico li.heart {display:block; background:url("../images/icons/ico_heart.png") no-repeat; width:27px; height:27px; padding-bottom:3px; text-indent:-9999px;}
.detail_view .right_ico li.add {display:block; background:url("../images/icons/ico_add.png") no-repeat; width:27px; height:27px; text-indent:-9999px;} */
.detail_view .view_tit {position:absolute; top:15px; left:18px; color:#fff;}
.detail_view .view_tit li.type {font-size:14px;}
.detail_view .sum { position:absolute; width:188px; bottom:15px; left:18px; white-space:nowrap; font-size:14px; color:#fff; border-top:1px solid #717172; padding-top:5px;}
.detail_view .sum > li { display:inline-block; }
.detail_view .sum > li + li { margin-left:8px; }
.detail_view .sum > li:before { content:""; display:inline-block; vertical-align:middle; top:-1px; position:relative; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:6px; }
.detail_view .sum .v:before { width:18px; height:13px; background-position:-550px 0; }
.detail_view .sum .p:before { width:14px; height:13px; background-position:-600px 0; }
.detail_view .sum .r:before { width:14px; height:14px; background-position:-650px 0; }
.desc span.author {font-size:12px; color:#808080;}
.sec .title span.type {position:absolute; top:4px; left:0; background:#2f7bd9; border:1px solid transparent; color:#fff; font-size:15px; width:65px; height:30px; display:inline-block; line-height:28px; box-sizing:border-box; text-align:center;}
.sec .title .tit.st2 {padding-left:80px; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sec .title .stit.st2 {display:block; padding-left:0; padding-top:10px; max-width:90%;}

/* */
.cont_link { background-color:#e3ebf4; padding:60px 0 50px; }
.cont_link .sec:after,
.cont_link .list:after { content:""; display:block; clear:both; }
.cont_link .list, 
.cont_link .list > li { float:left; }
.cont_link .list > li + li { margin-left:20px; }
.cont_link .cont { width:210px; /* height:380px; */ padding:0 29px 20px; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #dfe3e8; background-color:#fff; } 
.cont_link .big .cont { width:270px; }
.cont_link .ctit { position:relative; margin:-30px 0 18px; text-align:center; }
.cont_link .ctit strong { position:absolute; left:0; right:0; font-size:18px; color:#333; bottom:0; line-height:1; }
.cont_link .desc .sum { left:29px; }
.cont_link .figure { /* height:200px; */ position:relative; overflow:hidden; display:block; margin-bottom:10px; text-align:center; font-size:13px; background-color:#f8f8f9; }
/* .cont_link .figure.free:after { position:absolute; top:0; left:0; height:24px; box-sizing:border-box; z-index:2; width:40px; padding-top:4px; line-height:1em; font-size:13px; text-align:center; content:"무료"; color:#fff; font-weight:bold; background-color:#2e7bd9 #ff2626; } */
/*.cont_link .figure img {width:150px;}*/

.cont_link .quick { float:right; }
.cont_link .quick { margin-left:20px; width:220px; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #dfe3e8; }
.cont_link .quick > li { position:relative; }
.cont_link .quick > li + li { border-top:1px solid #dfe3e8; }
.cont_link .quick a { display:block; }
.cont_link .quick .ico { background-color:#fff; color:#333; font-weight:bold; height:80px; padding-left:26px; }
.cont_link .quick .ico:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:15px; }
.cont_link .quick .ico:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.cont_link .quick .news:before { width:39px; height:39px; background-position:-700px 0; }
.cont_link .quick .wn:before { width:35px; height:42px; background-position:-750px 0; }
/* .cont_link .quick .bn { position:absolute; left:0; top:0; } */
.cont_link .quick .bn { width:218px; }

/* 190503 도서 추가 */
.conts_list .slider_panel2 {position:relative;}
/* .conts_list .slider2 .lst {height:290px;} */
.conts_list .slider2 .lst > li {width:154px; height:/* 230px */ auto;}
.conts_list .slider2 .lst .cont {background:#fff; border:0;}
.conts_list .slider2 .lst .figure {display:block; position:relative; width:100%; height:100%; margin:0 auto; overflow:unset;}
.conts_list .slider2 .lst .figure a {position:/* absolute */ relative; display:block; left:0; bottom:0; width:154px; height:auto; overflow:hidden;}
.conts_list .slider2 .lst .figure img {width:100%; height:auto; max-height:unset;}
.conts_list .slider2 .lst .figure .border {box-sizing:border-box; opacity:.1; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; border:1px solid #000;}
.conts_list .slider2 .lst .figure a:before {content:''; box-sizing:border-box; width:100%; height:100%; position:absolute; top:0; left:0; background:linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.1) 100%); z-index:10;}
.conts_list .slider2 .desc {height:auto; padding:11px 6px;}
.desc .author {font-size:12px; max-width:160px; padding-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.conts_list .slider_panel2 .slider2 .lst > li:nth-child(7n + 1) { clear:left; }

.cont_link .list2 {position:relative; overflow:hidden; margin:-10px;}
.cont_link .list2 > li {float:left; padding:10px; /* width:224px; */ height:223px;}
.cont_link .list2 .cmmt_wrap {width:420px; height:100%; overflow:hidden; background:#fff; padding:10px; box-sizing:border-box;}
.cont_link .list2 .cont {float:left; width:224px; height:100%; padding:0; border:0;}
.cont_link .list2 .figure { margin:-1px -1px 0; height:unset; position:relative; overflow:hidden; text-align:left;}
.cont_link .list2 .figure .pic { position:relative; display:block; height:100%; background-color:#f8f8f9; }
.cont_link .list2 .cont .figure .detail_view {position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; transition:all 0.2s ease;}
.cont_link .list2 .cont .figure:hover .detail_view {opacity:0.9; background:#2b303b; z-index:100;}
.cont_link .list2 .desc { /* height:70px; */ padding:10px; position:relative; }
.cont_link .list2 .cont_cmmt {float:left; width:calc(100% - 224px); height:100%; padding:15px 0px 15px 18px; box-sizing:border-box; font-size:14px;}
.main .cont_cmmt .cmmt_star {position:relative; margin-bottom:15px; overflow:hidden; font-weight:bold;}
.main .cont_cmmt .cmmt_star dd {float:left; padding-right:10px;}
.main .cont_cmmt .cmmt_star dd:last-child {padding-right:0;}
.main .cont_cmmt .cmmt_star .score {font-size:15px; width:19px;}
.main .cont_cmmt .cmmt_star .starrate {position:relative; background:url("../images/icons/star_bg2.png") no-repeat; background-position:0 0; margin-top:3px; width:80px; height:14px; text-indent:-9999px;}
.main .cont_cmmt .cmmt_star .follow_bar {position:absolute; top:0; left:29px; background:url("../images/icons/star_bg2.png") no-repeat; background-position:0 -14px; margin-top:3px; height:14px; text-indent:-9999px;}
.main .cont_cmmt .review_cmmt {width:100%; height:135px; border:0; color:#212529; font-size:13px; overflow-y:auto; padding-right:10px; box-sizing:border-box;}
.cmmt_wrap .desc .st {width:160px;}

.book_over {}
.conts_list .cont .figure:hover .detail_view.st2 {position:absolute; width:100%; height:auto; opacity:0.9; background:#2b303b; z-index:100;}
.main .detail_view.st2 .view_tit {left:15px;}
.main .slider_panel2 .desc .st {color:#333; font-weight:bold; padding-bottom:2px;}
.main .slider_panel2 .desc .st:hover {text-decoration:underline;}

.follow_bar.half {width:8px}
.follow_bar.one {width:16px}
.follow_bar.onehalf {width:24px}
.follow_bar.two {width:32px;}
.follow_bar.twohalf {width:40px;}
.follow_bar.three {width:48px;}
.follow_bar.threehalf {width:56px;}
.follow_bar.four {width:64px;}
.follow_bar.fourhalf {width:72px;}
.follow_bar.five {width:80px;}

/* 평점 추가 */
.cmmt_wrap.st2 {width:320px !important;}
.cmmt_wrap.st2 .cont {display:-webkit-inline-box;}
.cmmt_wrap.st2 .figure {height:100%; background-color:#fff;}
.cmmt_wrap.st2 .figure a {display:inline-block; height:100%;}
.cmmt_wrap.st2 .figure img {height:100%;}
.cmmt_wrap.st2 .figure .border {box-sizing:border-box; opacity:.1; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; border:1px solid #000;}
.cmmt_wrap.st2 .figure a:before {content:''; box-sizing:border-box; width:100%; height:100%; position:absolute; top:0; left:0; background:linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,.1) 100%); z-index:9999;}
.cmmt_wrap.st2 .cont_cmmt {width:170px; padding:10px 0; height:100%;}
.cmmt_wrap.st2 .cont_cmmt .review_cmmt {height:110px;}

/* 비로그인시 */
.conts_list .cont.st2 {font-size:18px; color:#333;}
.conts_list .cont.st2 {position:absolute; right:42px; border:0; width:unset;}
.conts_list .cont.st2 .panel_end {width:134px; /* margin:0 auto; */ padding-top:10px; float:right;}
.conts_list .cont.st2 .panel_end dd {font-size:17px;}
.conts_list .cont.st2 .panel_end dd:first-child {padding-bottom:20px;}
.conts_list .cont.st2 .btn_join {background:#ff7200; font-size:15px; color:#fff; width:134px; height:40px; line-height:40px; text-align:center; border-radius:3px; margin-top:20px;}
.conts_list .cont.st2 .figure {height:auto;}

.conts_list .react-recommends {width:100%; /* height:280px; */ background:#f6f6f6; padding:48.5px 60px; box-sizing:border-box; overflow:hidden;}
.react-recommends .react_left {float:left; font-size:24px; width:280px; color:#333; padding-right:115px;}
.react-recommends .react_left span {color:#0891cf; font-weight:bold;}
.react-recommends .react_left .check {display:inline-block; margin-top:20px; background:#383838 url("../images/icons/ico_check.png") 20px no-repeat; width:89px; height:39px; line-height:39px; padding:0 15px 0 30px; text-align:center; color:#fff; font-size:15px; border-radius:3px;}
.react-recommends .react_right {float:left; width:calc(100% - 395px); color:#4c4c4c;}
.react-recommends .react_right ul {float:left; margin-right:20px;}
.react-recommends .react_right ul:last-child {margin-right:0;}
.react-recommends .react_right a {display:block; margin-bottom:10px; border-radius:50px;}
.react-recommends .react_right li {display:block; width:140px; height:42px; line-height:42px; padding:0 5px; text-align:center; border:1px solid #c6c5c5; box-shadow:0 2px 3px #d1d1d1; border-radius:50px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.react-recommends .react_right a:last-child {margin-bottom:0;}
.react-recommends .react_right a.on {background:#fff;}
.react-recommends .react_right a:hover {background:rgba(255,255,255,.6);}

/* scroll design */
.review_cmmt::-webkit-scrollbar {width:8px;}
.review_cmmt::-webkit-scrollbar-track {background:#f1f1f1;}
.review_cmmt::-webkit-scrollbar-thumb {background:#d4d4d4;}
.review_cmmt::-webkit-scrollbar-thumb:hover {background:#a5a5a5;}

/* 190620 메인 인기있는 책 임시수정 */
.conts_list .slider_panel2 .slider2.cont5 .lst {margin:-10px 0;}
.conts_list .slider_panel2 .slider2.cont5 .lst > li {width:190px; padding:10px 25px;}
.conts_list .slider_panel2 .slider2.cont5 .lst .figure a {width:190px;}
.conts_list .slider_panel2 .slider2.cont5 .lst .st {font-size:16px;}

.slider_panel2 .slider2.relation_list .desc .st {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.slider_panel2 .slider2.relation_list .desc .st a {color:#333333;}

/* 200807 메인 작업 : s */
/* 기본 */
/* body, input, textarea, select{font-family:"Noto Sans KR"} */
.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}

.section01{overflow:hidden;padding-bottom:83px;background-color:#f5f1f0}
.section01 h2.tit{padding:27px 0 18px;color:#121212;font-size:32px;font-weight:700;line-height:42px}
.section01 .new_contents_slide .slick-list{margin:0 -12px}
.section01 .new_contents_slide .item{width:384px;margin:0 12px}
.section01 .new_contents_slide .item .thumb{position:relative;width:100%;height:243px}/* 200819 수정 */
.section01 .new_contents_slide .item .thumb img{width:100%;height:100%}
.section01 .new_contents_slide .item .thumb .lbl{display:block;position:absolute;top:0;left:0;width:40px;font-size:13px;line-height:24px;text-align:center}/* 200819 추가 */
.section01 .new_contents_slide .item .thumb .lbl.free{color:#fff;background-color:#2e7bd9}/* 200819 추가 */
.section01 .new_contents_slide .item .info_area{height:116px;padding:8px 17px 0;background-color:#fff}
.section01 .new_contents_slide .item .info_area .subtit{color:rgba(18,18,18,0.87);font-size:20px;line-height:27px}
.section01 .new_contents_slide .item .info_area p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:8px;color:rgba(119,119,119,0.87);font-size:16px;line-height:21px}
.section01 .new_contents_slide .slick-arrow{position:absolute;top:151px;width:17px;height:35px;background:url(/coding/images/button/btn_prev_big.png) no-repeat 0 0;background-size:cover}
.section01 .new_contents_slide .slick-prev{left:-49px}
.section01 .new_contents_slide .slick-next{right:-49px;transform:rotate(180deg)}
.section01 .new_contents_slide .slick-dots{position:absolute;left:50%;bottom:-46px;transform:translate(-50%, 0)}
.section01 .new_contents_slide .slick-dots > li{width:8px;height:8px;margin-right:10px;background-color:#999;cursor:pointer}
.section01 .new_contents_slide .slick-dots > li.slick-active{transition:all .4s;width:58px;background-color:#2d598f}
.section02{padding:102px 0 100px}
.section02 > .sec:after{content:"";display:block;clear:both}
.section02 .leftside{float:left;width:792px}
.section02 .leftside .minute10_area{}
.section02 .leftside .minute10_area.before{margin-bottom:91px}
.section02 .leftside .minute10_area.before .hashtag_box{position:relative;margin-top:19px;padding:39px 34px 35px 36px;background-color:#f8f8f9}
.section02 .leftside .minute10_area.before .hashtag_box > p{color:#121212;font-size:28px;line-height:40px;letter-spacing:-0.84px}
.section02 .leftside .minute10_area.before .hashtag_box > p > em{color:#1d78e8;font-weight:400}
.section02 .leftside .minute10_area.before .hashtag_box > .btn_setting{position:absolute;top:46px;right:36px;width:166px;height:65px;color:#fff;font-size:22px;letter-spacing:-0.66px;text-align:center;background-color:#1d78e8;border:0;border-radius:6px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16)}
.section02 .leftside .minute10_area.before .hashtag_box > .tag_area{margin-top:82px;font-size:0}
.section02 .leftside .minute10_area.before .hashtag_box > .tag_area > a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:161px;height:58px;margin:0 23px 12px 0;padding:0 8px;color:rgba(51, 51, 51, 0.87);font-size:18px;line-height:58px;text-align:center;vertical-align:top;background-color:#fff;border-radius:50px;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);box-sizing:border-box}
.section02 .leftside .minute10_area.before .hashtag_box > .tag_area > a:nth-child(4n){margin-right:0}
.section02 .leftside .minute10_area.before .hashtag_box > .tag_area > a:hover, .section02 .leftside .minute10_area.before .hashtag_box > .tag_area > a.active{color:rgba(255, 255, 255, 0.87);background-color:#595959}
.section02 .leftside .minute10_area.after{margin-bottom:90px}
.section02 .leftside .minute10_area.after .opt{ display: inline-block; }
.section02 .leftside .minute10_area.after .opt .btn_setup{ border:0; width:30px; height:30px; text-indent:-999px; background:url('../images/common/icons.png') no-repeat -400px 0 transparent; overflow:hidden; display:block; position:relative; }
.section02 .leftside .contents_slide{margin-top:27px}
.section02 .leftside .contents_slide .slick-arrow{position:absolute;top:-46px;width:14px;height:26px}
.section02 .leftside .contents_slide .slick-prev{right:38px;background:url(/coding/images/button/btn_arr_prev.png) no-repeat 0 0}
.section02 .leftside .contents_slide .slick-next{right:0;background:url(/coding/images/button/btn_arr_next.png) no-repeat 0 0}
.section02 .leftside .contents_slide .slick-prev.slick-disabled{background:url(/coding/images/button/btn_arr_prev_disabled.png) no-repeat 0 0}
.section02 .leftside .contents_slide .slick-next.slick-disabled{background:url(/coding/images/button/btn_arr_next_disabled.png) no-repeat 0 0}
.section02 .leftside .contents_slide .slick-list{margin:0 -12px}
.section02 .leftside .contents_slide .slick-slide:after{content:"";display:block;clear:both}
.section02 .leftside .contents_slide .item{float:left;width:384px;margin:0 12px}
.section02 .leftside .contents_slide .item .thumb{position:relative}
.section02 .leftside .contents_slide .item .thumb:before{content:"";display:block;position:absolute;bottom:8px;left:11px;width:54px;height:54px}/* 200819 수정 */
/* 200819 추가 : s */
.section02 .leftside .contents_slide .item .thumb.play:before{background:url(/coding/images/icon/ico_play.png) no-repeat 0 0}
.section02 .leftside .contents_slide .item .thumb.audio:before{background:url(/coding/images/icon/ico_audio.png) no-repeat 0 0}
.section02 .leftside .contents_slide .item .thumb.card:before{background:url(/coding/images/icon/ico_card.png) no-repeat 0 0}
.section02 .leftside .contents_slide .item .thumb.post:before{background:url(/coding/images/icon/ico_post.png) no-repeat 0 0}
.section02 .leftside .contents_slide .item .thumb .lbl{display:block;position:absolute;top:0;left:0;width:40px;font-size:13px;line-height:24px;text-align:center}
.section02 .leftside .contents_slide .item .thumb .lbl.free{color:#fff;background-color:#2e7bd9}
/* 200819 추가 : e */
.section02 .leftside .contents_slide .item .thumb > img{width:100%;height:100%}
.section02 .leftside .contents_slide .item:nth-child(n+3){margin-top:56px}
.section02 .leftside .contents_slide .item .subtit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:11px 0 0;color:rgba(18, 18, 18, 0.87);font-size:20px}
.section02 .leftside .minute10_area.after .contents_slide .slick-arrow{top:-56px}
.section02 .leftside .minute10_area.after .contents_slide .slick-prev{right:64px}
.section02 .leftside .minute10_area.after .contents_slide .slick-next{right:26px}
.section02 .rightside{float:right;width:384px}
.section02 .rightside .premium_box{margin-top:19px;padding:24px 21px 37px;background-color:#f0f6ff}
.section02 .rightside .premium_box .book_area .item{margin-bottom:45px}
.section02 .rightside .premium_box .book_area .item .mintit{margin-bottom:14px;color:#333;font-size:18px;font-weight:700;line-height:33px;letter-spacing:-0.9px}
.section02 .rightside .premium_box .book_area .item .mintit:before{content:"";display:inline-block;width:28px;height:33px;margin-right:8px;vertical-align:top;background-image:url(/coding/images/icon/sp_ico_premium.png);background-position:0 0;background-repeat:no-repeat}
.section02 .rightside .premium_box .book_area .item:nth-child(3) .mintit:before{width:34px;height:28px;background-position:-38px 0}
.section02 .rightside .premium_box .book_area .item li{width:165px}
.section02 .rightside .premium_box .book_area .item li:nth-child(1){margin-right:12px}
.section02 .rightside .premium_box .book_area .item .thumb{display:block;width:163px;height:163px;border:1px solid #ebebeb}
.section02 .rightside .premium_box .book_area .item .thumb > img{width:100%;height:100%}
.section02 .rightside .premium_box .book_area .item .bookname{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 16px;color:rgba(18, 18, 18, 0.87);font-size:16px;line-height:22px;letter-spacing:-0.48px}
.section02 .rightside .premium_box .book_area .item .author{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(119, 119, 119, 0.87);font-size:14px;line-height:19px;letter-spacing:-0.42px}
.section02 .rightside .premium_box .economy_area{padding-top:50px;border-top:1px solid #cfd8e6}
.section02 .rightside .premium_box .economy_area .item .mintit{margin-bottom:9px;color:#333;font-size:18px;font-weight:700;line-height:33px;letter-spacing:-0.9px}
.section02 .rightside .premium_box .economy_area .item .mintit:before{content:"";display:inline-block;width:35px;height:30px;margin-right:8px;vertical-align:top;background:url(/coding/images/icon/sp_ico_premium.png) no-repeat -82px 0}
.section02 .rightside .premium_box .economy_area .item .thumb{display:block;width:342px;height:242px}
.section02 .rightside .premium_box .economy_area .item .thumb > img{width:100%;height:100%}
.section02 .rightside .premium_box .economy_area .item .tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 16px;color:rgba(18, 18, 18, 0.87);font-size:16px;line-height:22px;letter-spacing:-0.48px}
.section02 .rightside .premium_box .economy_area .item .desc{display:block;color:rgba(119, 119, 119, 0.87);font-size:14px;line-height:19px;letter-spacing:-0.42px}
.section03{padding:60px 0 100px;background-color:#f8f8f9}
.section03 .sec:after{content:'';display:block;clear:both}
.section03 .sec > div{float:left}
.section03 .sec_notice{width:935px;margin-right:20px;padding:40px 45px;border:1px solid #dfe3e8;background-color:#fff;box-sizing:border-box}
.section03 .sec_notice .tit_area{margin-bottom:5px;padding-bottom:10px;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:50px;height:40px;color:#333;font-weight:700;line-height:34px}
.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:12px 0;font-size:18px}
.section03 .sec_notice table td:last-child{text-align:right}
.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('../images/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}
/* 200807 메인 작업 : e *//* 200807 메인 작업 : e */





/* 200316추가 */
.cont_quick { padding:40px 0 40px; background-color:#fff; height: 250px;}
.cont_quick .sec:after,
.cont_quick .quick:after { content:""; display:block; clear:both; }
.cont_quick .marketing {float:left; width: 255px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cont_quick .quick{float:left;} 
.cont_quick .quick { margin-left:20px; margin-top:44.5px; width:255px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cont_quick .quick > li { position:relative; }
.cont_quick .quick > li + li { border-top:1px solid #dfe3e8; }
.cont_quick .quick a { display:block; }
.cont_quick .quick .ico { background-color:#fff; color:#333; font-weight:bold; height:80px; padding-left:26px; }
.cont_quick .quick .ico:before { content:""; display:inline-block; vertical-align:middle; position:relative; top:-1px; background-repeat:no-repeat; background-image:url('../images/common/icons.png'); margin-right:15px; }
.cont_quick .quick .ico:after { content:""; display:inline-block; vertical-align:middle; height:100%; }
.cont_quick .quick .news:before { width:39px; height:39px; background-position:-700px 0; }
.cont_quick .quick .wn:before { width:35px; height:42px; background-position:-750px 0; }

.cont_quick .noti{width: 650px; margin-left: 20px; float: left; }
.cont_quick .noti .tit{ font-size:22px; line-height: 34px; color:#333; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #333333;}
.cont_quick .noti .tit_more{position: relative; line-height:34px; float:right; color:#333; top:-35px; font-weight: bold;}
.cont_quick .noti .noti_box {position:absolute; overflow: hidden; width: 650px;}
.cont_quick .noti .noti_box tr{display:inline-block; margin-top:10px; margin-bottom: 10px; font-size: 14px; width: 100%;}