@charset "utf-8";
/* ---------- 콘텐츠 스타일 ---------- */


/* page_tit */
.page_tit{position:relative; width:1200px; margin:0 auto 45px; padding-bottom:5px; text-align:center; overflow:hidden; box-sizing:border-box}
.page_tit .tit
{
    display:block; position:relative; line-height:150%; font-size:36px; color:#303030; font-weight:600; opacity:0; letter-spacing:-2px;
    -webkit-animation: tit_m01 1s ease 0.5s 1 forwards;
    -moz-animation: tit_m01 1s ease 0.5s 1 forwards;
    -o-animation: tit_m01 1s ease 0.5s 1 forwards;
    animation: tit_m01 1s ease 0.5s 1 forwards
}
@-webkit-keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}
@-moz-keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}
@-o-keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}
@keyframes tit_m01{0%{top:60px; opacity:0;} 100%{top:0; opacity:1}}

.page_tit:before
{
    content:''; position:absolute; left:50%; bottom:0; width:0; height:1px; background:#4d5265; box-sizing:border-box;
    -webkit-animation: tit_m02 1s ease 0.5s 1 forwards;
    -moz-animation: tit_m02 1s ease 0.5s 1 forwards;
    -o-animation: tit_m02 1s ease 0.5s 1 forwards;
    animation: tit_m02 1s ease 0.5s 1 forwards
}
@-webkit-keyframes tit_m02{0%{width:0; opacity:0} 100%{width:80px; margin-left:-40px; opacity:1}}
@-moz-keyframes tit_m02{0%{width:0; opacity:0} 100%{width:80px; margin-left:-40px; opacity:1}}
@-o-keyframes tit_m02{0%{width:0; opacity:0} 100%{width:80px; margin-left:-40px; opacity:1}}
@keyframes tit_m02{0%{width:0; opacity:0} 100%{width:80px; margin-left:-40px; opacity:1}}


.page_info{position:relative; width:1200px; margin:0 auto 35px; text-align:center;}
.page_info .info_txt{line-height:155%; letter-spacing:-0.9px; font-size:15px; color:#5e749e}


/* section */
.section{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}


/* section_split */
.section_split_ty1{position:relative; min-height:800px; padding-left:244px; overflow:hidden; box-sizing:border-box}



/* stitle */
.stit_area{position:relative; margin-bottom:15px}
.stit_area .unit{position:absolute; right:0; bottom:2px; line-height:150%; letter-spacing:-0.5px; color:#808080; font-size:13px}
.stit_area .unit .num{font-weight:300; letter-spacing:normal}
.stit04{display:inline-block; position:relative; padding-left:22px; line-height:150%; font-size:20px; color:#303030; font-weight:300; letter-spacing:-1.5px; vertical-align:middle}
.stit04:after{content:''; position:absolute; left:0; top:50%; width:13px; height:19px; margin-top:-9.5px; background:url('../images/common/stit_h4.png') no-repeat 50% 50%; background-size:13px 19px}
.stit04.simple{padding-left:0}
.stit04.simple:after{display:none}


.stit05{display:inline-block; position:relative; padding-left:22px; line-height:150%; font-size:18px; color:#303030; font-weight:300; letter-spacing:-1px; vertical-align:middle}
.stit05:after{content:''; position:absolute; left:0; top:4px; width:18px; height:18px; background:url('../images/common/stit_h5.png') no-repeat 50% 50%; background-size:18px 18px}
.stit06{display:inline-block; position:relative; line-height:150%; font-size:14px; color:#303030; font-weight:300; letter-spacing:-0.8px; vertical-align:middle}
.stit_area .num{color:#018de7; font-size:13px; letter-spacing:normal; font-weight:300; vertical-align:middle}
.stit_area .btn{position:absolute; right:0; top:-3px}


/* dash */
.dash_uni{display:inline-block; color:#707070; line-height:150%; font-size:13px; letter-spacing:-0.8px; vertical-align:middle; font-weight:normal}
.dash_txt{display:inline-block; color:#505050; line-height:150%; font-size:13px; letter-spacing:-0.8px; vertical-align:middle; font-weight:normal}
.dash_tit{display:inline-block; color:#303030; line-height:150%; font-size:13px; letter-spacing:-0.8px; vertical-align:middle; font-weight:300}


/* border */
.section_hr{display:block; height:1px; margin:35px 0px; padding:0px; background:#d8d8d8; border:none; font-size:0; clear:both}


/* info_txt */
.info_txt01{position:relative; line-height:160%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.8px}
.info_txt01.bul{padding-left:10px;}
.info_txt01.bul:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#a8b5cc}


/* list */
.check_list01{position:relative; min-height:32px; padding-top:5px; box-sizing:border-box}
.check_list01:after{content:''; display:block; clear:both}
.check_list01 li{float:left; margin-left:15px}
.check_list01 li:first-child{margin-left:0}

.check_btn01{position:relative; box-sizing:border-box}
.check_btn01:after{content:''; display:block; clear:both}
.check_btn01 li{float:left; margin-left:2px}
.check_btn01 li:first-child{margin-left:0}

.check_list02{position:relative; margin-top:-5px; overflow:hidden; box-sizing:border-box}
.check_list02:after{content:''; display:block; clear:both}
.check_list02 li{float:left; width:20%; margin-top:5px}
.check_list02.col10 li{width:10%}
.check_list02.col8 li{width:12.5%}
.check_list02.col6 li{width:16.66666%}
.check_list02.col5 li{width:20%}
.check_list02.col4 li{width:25%}
.check_list02.col3 li{width:33.33333%}
.check_list02.col2 li{width:50%}

.form_list01{margin-top:-5px; margin-left:-5px}
.form_list01:after{content:''; display:block; clear:both}
.form_list01 li{float:left}
.form_list01 li .select_normal{margin-top:5px; margin-left:5px}


/* info_list */
.info_list01 li{position:relative; line-height:165%; color:#505050; letter-spacing:-0.8px; margin-bottom:2px; font-size:13px}
.info_list01 li:last-child{margin-bottom:0}
.info_list01.bul li{padding-left:10px}
.info_list01.bul li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#a8b5cc}
.info_list01.unt li{padding-left:20px}
.info_list01.unt li .unt{position:absolute; top:0; left:0}
.info_list01 i{font-size:16px; vertical-align:middle; margin-top:-1px}


.info_list02{position:relative;}
.info_list02 li{position:relative; margin-bottom:5px; padding-left:8px; line-height:150%; letter-spacing:-0.5px; color:#505050; font-size:13px; font-weight:normal}
.info_list02 li:before{content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#808080; border-radius:50%}
.info_list02 li:last-child{margin-bottom:0}


/* info_box */
.info_box01{position:relative; padding:20px; background:#f2f6fb}
.info_box01:before{content:""; position:absolute; left:0; top:0; height:100%; width:2px; background:#018de7}
.info_box01.bright:before{left:auto; right:0}
.info_box01 .info_list01 li{color:#5e749e}

.info_box02{position:relative; padding:20px; background:#f2f6fb}
.info_box02.bright:before{left:auto; right:0}
.info_box02 .info_list01 li{color:#5e749e}

.info_box03{position:relative; padding:15px; background:#fff; border:3px solid #f6f4f7}


/* tel_box */
.tel_box01{position:relative; padding:20px; background:#f2f6fb}
.tel_box01 .tel_info{position:relative; line-height:160%; color:#505050; font-size:15px; font-weight:normal; letter-spacing:-0.2px}
.tel_box01 .tel_info i{vertical-align:middle}


/* guide_box */
.guide_box{position:relative; border:1px solid #dadada}
.guide_box .tit_area{padding:45px 0 40px; background:#f8f8f8 url("../images/common/guide_symbol.png") no-repeat 50% -200px; background-size:671px 670px; text-align:center; overflow:hidden}
.guide_box .tit_area .tit{display:inline-block; position:relative; color:#303030; letter-spacing:-2.6px; font-size:26px; font-weight:normal; line-height:165%}

.guide_box .cont_area{position:relative; padding:50px; background:#fff; text-align:center}
.guide_box .guide_info{position:relative; line-height:165%; font-size:14px; letter-spacing:-0.8px; font-weight:normal; color:#707070}
.guide_box .randing_info{position:relative; line-height:165%; font-size:16px; letter-spacing:-0.8px; font-weight:normal; color:#707070}

.guide_box .guide_ico{display:block; position:relative; width:110px; height:110px; margin:0 auto 25px; background-image:url("../images/common/pattern_ty1.png"); background-color:#30a5d7; background-repeat:repeat; border-radius:50%}
.guide_box .guide_ico:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%}

.guide_box.randing .guide_ico:after{background-image:url("../images/common/guide_randing.png"); background-size:52px 46px}
.guide_box.competition .guide_ico:after{background-image:url("../images/common/guide_competition.png"); background-size:42px 51px}
.guide_box.privacy .guide_ico:after{background-image:url("../images/common/guide_privacy.png"); background-size:44px 53px}
.guide_box.email .guide_ico:after{background-image:url("../images/common/guide_email.png"); background-size:45px 49px}
.guide_box.login .guide_ico:after{background-image:url("../images/common/guide_login.png"); background-size:33px 52px}
.guide_box.clean .guide_ico:after{background-image:url("../images/common/guide_clean.png"); background-size:52px 45px}
.guide_box.complaint .guide_ico:after{background-image:url("../images/common/guide_complaint.png"); background-size:45px 48px}

/* terms_area */
.terms_area{position:relative; padding:35px; border:1px solid #d8d8d8; background:#fff}

.terms_tit01{display:block; position:relative; margin-bottom:10px; line-height:150%; font-size:16px; color:#303030; font-weight:300; letter-spacing:-0.8px}
.terms_tit02{display:block; margin-bottom:10px; line-height:150%; font-size:14px; color:#303030; font-weight:300; letter-spacing:-0.8px}

.terms_info01{line-height:155%; color:#505050; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.terms_list01 > li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.8px; margin-bottom:2px; padding-left:25px; font-size:14px}
.terms_list01 > li:last-child{margin-bottom:0}
.terms_list01 li .unit{position:absolute; top:0; left:0}

.terms_info02{line-height:155%; color:#505050; font-size:14px; font-weight:normal; letter-spacing:-0.8px}
.terms_list02 > li{position:relative; line-height:150%; color:#505050; letter-spacing:-0.8px; margin-bottom:2px; padding-left:50px; font-size:14px}
.terms_list02 > li:last-child{margin-bottom:0}
.terms_list02 li .unit{position:absolute; top:0; left:25px}


/* tab_controll */
.selected_cont .selected_inner{display:none}
.selected_cont .selected_inner.active{display:block}
.list_wrap .list_inner{display:none}
.list_wrap .list_inner.active{display:block}


.tsearch_contents{display:none}
.tsearch_contents.active{display:block}


/* search_form */
.search_form{position:relative; margin-bottom:50px; background:#fff; border:1px solid #e7e7e7}
.search_form > ul > li.col2 > dl{float:left; width:50%}
.search_form > ul > li.col3 > dl{float:left; width:33.33333333%}
.search_form > ul > li{min-height:32px; padding:15px 0; border-bottom:1px solid #e7e7e7; box-sizing:border-box}
.search_form > ul > li:last-child{border-bottom:none}
.search_form > ul > li:after{content:''; display:block; clear:both}
.search_form > ul > li > dl{position:relative; padding-left:30px; box-sizing:border-box}
.search_form > ul > li > dl:after{content:''; display:block; clear:both}
.search_form > ul > li > dl.blank{height:32px}
.search_form > ul > li > dl:last-child:before{content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; background:#e7e7e7}

.search_form > ul > li > dl > dt{position:relative; float:left; min-width:100px; padding-left:18px; line-height:32px; font-size:13px; color:#303030; font-weight:300; letter-spacing:-0.5px}
.search_form > ul > li > dl > dt.min{min-width:50px}
.search_form > ul > li > dl > dt:before{content:''; position:absolute; left:10px; top:50%; width:3px; height:3px; margin-top:-1.5px; background:#808080}
.search_form > ul > li > dl > dd{float:left; padding-left:20px; vertical-align:middle}
.search_form > ul > li > dl > dd .info_txt{display:inline-block; color:#505050; line-height:32px; vertical-align:middle}
.search_form .search_btn{position:absolute; bottom:15px; right:25px}

.search_form.total > ul > li{padding-left:130px}
.search_form .total_num{position:absolute; left:35px; top:30px; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%;}
.search_form .total_num strong{color:#018de7; font-weight:300}


/* search_keyword */
.search_keyword{position:relative; border:1px solid #dadada; border-bottom:none; padding:25px}
.search_keyword .keyword_list > li{margin-bottom:5px}
.search_keyword .keyword_list > li:last-child{margin-bottom:0}
.search_keyword .keyword_box{position:relative; padding:0 138px; box-sizing:border-box}
.search_keyword .keyword_box .type, .search_keyword .keyword_box .result{position:absolute; top:0}
.search_keyword .keyword_box .type select, .search_keyword .keyword_box .result select{width:131px}
.search_keyword .keyword_box .type{left:0}
.search_keyword .keyword_box .result{right:0}


/* search_mypage */
.search_mypage{position:relative; margin-bottom:50px; margin-top:-1px; padding:15px 25px; background:#f8f8f8; border:1px solid #dadada}
.search_mypage > ul > li.col2 > dl{float:left; width:50%}
.search_mypage > ul > li{min-height:32px; padding:8px 0; border-bottom:1px solid #dadada; box-sizing:border-box}
.search_mypage > ul > li:last-child{border-bottom:none}
.search_mypage > ul > li:after{content:''; display:block; clear:both}
.search_mypage > ul > li > dl{position:relative}
.search_mypage > ul > li > dl.blank{height:32px}
.search_mypage > ul > li > dl:last-child:before{content:""; position:absolute; left:-1px; top:0; width:1px; height:100%; background:#dadada}
.search_mypage > ul > li > dl > dt{position:relative; float:left; min-width:100px; padding-left:18px; line-height:32px; font-size:13px; color:#303030; font-weight:300; letter-spacing:-0.5px}
.search_mypage > ul > li > dl > dt.min{min-width:50px}
.search_mypage > ul > li > dl > dt:before{content:''; position:absolute; left:10px; top:50%; width:3px; height:3px; margin-top:-1.5px; background:#808080}
.search_mypage > ul > li > dl > dd{float:left; padding-left:20px; vertical-align:middle}
.search_mypage > ul > li > dl > dd .info_txt{display:inline-block; color:#505050; line-height:32px; vertical-align:middle}
.search_mypage .search_btn{position:absolute; bottom:23px; right:25px}

.search_mypage.total > ul > li{padding-left:130px}
.search_mypage .total_num{position:absolute; left:35px; top:30px; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%;}
.search_mypage .total_num strong{color:#018de7; font-weight:300}


/* search_detail */
.search_detail{position:relative; margin-bottom:50px; padding:15px 25px; background:#f8f8f8; border:1px solid #dadada}
.search_detail > ul > li{min-height:32px; padding:12px 0; border-bottom:1px solid #dadada; box-sizing:border-box}
.search_detail > ul > li:last-child{border-bottom:none}
.search_detail > ul > li:after{content:''; display:block; clear:both}
.search_detail > ul > li > dl{position:relative; padding-left:100px}
.search_detail > ul > li > dl > dt{position:absolute; left:0; top:0; min-width:100px; padding-left:18px; line-height:32px; font-size:13px; color:#303030; font-weight:300; letter-spacing:-0.5px}
.search_detail > ul > li > dl > dt.min{min-width:50px}
.search_detail > ul > li > dl > dt:before{content:''; position:absolute; left:10px; top:50%; width:3px; height:3px; margin-top:-1.5px; background:#808080}
.search_detail > ul > li > dl > dd{vertical-align:middle}
.search_detail > ul > li > dl > dd .info_txt{display:inline-block; color:#505050; line-height:32px; vertical-align:middle}
.search_detail .search_btn{position:absolute; bottom:23px; right:25px}

.search_detail.total > ul > li{padding-left:130px}
.search_detail .total_num{position:absolute; left:35px; top:30px; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%;}
.search_detail .total_num strong{color:#018de7; font-weight:300}


/* list_controll */
.list_controll{position:relative; min-height:62px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box}
.list_controll .list_info{position:absolute; right:0; top:14px}
.list_controll .list_num{display:inline-block; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%; vertical-align:middle}
.list_controll .list_num strong{color:#018de7; font-weight:300}

.list_controll .list_search{position:absolute; left:0; top:14px}

.list_controll .sir_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_controll .key_type{display:inline-block; vertical-align:middle; margin-right:10px}
.list_controll .air_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_controll .sin_type{display:inline-block; vertical-align:middle; margin-left:10px; padding-top:5px; padding-right:10px}
.list_controll .num_type{display:inline-block; vertical-align:middle; margin-left:10px}

.list_controll .list_type{display:inline-block; vertical-align:middle; margin-left:10px}
.list_controll .list_type > ul{overflow:hidden;}
.list_controll .list_type > ul > li{float:left; margin-left:-1px;}
.list_controll .list_type > ul > li:first-child{margin-left:0;}
.list_controll .list_type > ul > li .list_type{display:block; position:relative; border:1px solid #dadada; padding:0; margin:0; width:38px; height:32px; cursor:pointer; border-radius:none; box-sizing:border-box}
.list_controll .list_type > ul > li .list_type.grid_act{background:#f5f5f5 url('../images/common/view_type_grid_off.png') no-repeat 50% 50%; background-size:16px 12px}
.list_controll .list_type > ul > li .list_type.list_act{background:#f5f5f5 url('../images/common/view_type_list_off.png') no-repeat 50% 50%; background-size:16px 12px}
.list_controll .list_type > ul > li .list_type.grid_act.active{background:#fff url('../images/common/view_type_grid_on.png') no-repeat 50% 50%; background-size:16px 12px; border:1px solid #018de7; z-index:1}
.list_controll .list_type > ul > li .list_type.list_act.active{background:#fff url('../images/common/view_type_list_on.png') no-repeat 50% 50%; background-size:16px 12px; border:1px solid #018de7; z-index:1}

.list_controll > .stit04{position:absolute; left:0; top:14px}
.list_controll > .stit04 > .num{color:#018de7; font-size:13px; letter-spacing:normal; font-weight:300; vertical-align:middle}
.list_controll > .stit05{position:absolute; left:0; top:17px}
.list_controll > .stit05 > .num{color:#018de7; font-size:13px; letter-spacing:normal; font-weight:300; vertical-align:middle}


/* num_controll */
.num_controll{position:relative; margin-bottom:15px; box-sizing:border-box}
.num_controll .num_info{display:inline-block; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%; vertical-align:middle}
.num_controll .num_info strong{color:#018de7; font-weight:300}


/* write_controll */
.write_controll{position:relative; min-height:72px; border-bottom:1px solid #dadada; box-sizing:border-box}
.write_controll .list_num{position:absolute; left:0; top:21px; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%;}
.write_controll .list_num strong{color:#018de7; font-weight:300}

.write_controll .write_type{position:absolute; left:0; top:18px; width:100%; text-align:center; font-size:0}
.write_controll .write_btn
{
    display:inline-block; width:180px; line-height:150%; margin:0; padding:0;
    color:#30a5d7; text-align:center; vertical-align:middle; background:#fff; font-size:14px; border:1px solid #30a5d7;
    letter-spacing:-0.5px; cursor:pointer; font-weight:normal; letter-spacing:-0.8px; transition:all .25s ease; box-sizing:border-box
}
.write_controll .write_btn span{display:block; padding:8px 15px 7px; font-size:14px}
.write_controll .write_btn i{font-size:16px; vertical-align:middle; margin-top:-2px}
.write_controll .write_btn.active{background:#30a5d7; color:#fff}
.write_controll .write_btn.base{border-radius:0}
.write_controll .write_btn.card{border-radius:0}



.write_controll .write_seen{position:absolute; left:0; top:18px; z-index:1}

.write_controll .write_search{position:absolute; right:0; top:18px}

.write_controll .sir_type{display:inline-block; vertical-align:middle; margin-left:10px}
.write_controll .key_type{display:inline-block; vertical-align:middle; margin-left:10px}
.write_controll .air_type{display:inline-block; vertical-align:middle; margin-left:10px}
.write_controll .sin_type{display:inline-block; vertical-align:middle; margin-left:10px; padding-top:5px; padding-right:10px}

.write_controll .write_search .select_normal{height:38px}
.write_controll .write_search .select_normal select{height:36px; line-height:36px}

.write_controll .stit04{position:absolute; left:0; top:14px}
.write_controll .stit04 .num{color:#018de7; font-size:13px; letter-spacing:normal; font-weight:300; vertical-align:middle}



/* ---------- normallist ---------- */
/* normalist_ty1 */
.normalist_ty1{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.normalist_ty1 .normalist:after{content:''; display:block; clear:both}
.normalist_ty1 .normalist > li{position:relative; padding:15px 0; border-bottom:1px solid #dadada; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.normalist_ty1 .normalist > li:hover{border-bottom:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2); z-index:1}

.normalist_ty1 .normalist_box{display:block; position:relative; min-height:35px; padding-left:110px; padding-right:530px; box-sizing:border-box}
.normalist_ty1 .num_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:110px; text-align:center}
.normalist_ty1 .num_area .num{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}

.normalist_ty1 .notice_area{position:absolute; left:0; top:50%; margin-top:-17px; width:110px; text-align:center}
.normalist_ty1 .notice_area .notice{display:inline-block; padding:0 18px; color:#30a5d7; letter-spacing:-0.2px; border:1px solid #30a5d7; border-radius:2px; font-weight:normal; font-size:13px; line-height:32px; background:#fff}

.normalist_ty1 .thum_group{position:relative; padding-left:0}
.normalist_ty1 .thum_area{position:absolute; top:0; left:0}
.normalist_ty1 .thum_area .thum{display:block; width:224px; height:125px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.normalist_ty1 .tit_area{position:relative; padding-top:6px; box-sizing:border-box}
.normalist_ty1 .tit_area .tit{display:block; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.normalist_ty1 .meta_area{position:relative; padding-top:0; margin-top:8px; box-sizing:border-box}
.normalist_ty1 .meta_area:after{content:''; display:block; clear:both}
.normalist_ty1 .meta_area dt, .normalist_ty1 .meta_area dd{float:left; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%;}
.normalist_ty1 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada}
.normalist_ty1 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px}
.normalist_ty1 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px}

.normalist_ty1 .info_area{position:absolute; right:0; top:50%; margin-top:-9.5px}
.normalist_ty1 .info_area:after{content:''; display:block; clear:both}
.normalist_ty1 .info_area li{float:left; margin-left:15px}
.normalist_ty1 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}

.normalist_ty1 .info_area span.user{padding-left:21px; width:150px;}
.normalist_ty1 .info_area span.user:before{width:15px; height:17px; margin-top:-8.5px; background:url('../images/common/thumlist_user.png') no-repeat 50% 50%; background-size:15px 17px}
.normalist_ty1 .info_area span.date{padding-left:23px; width:100px;}
.normalist_ty1 .info_area span.date:before{width:17px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_calendar.png') no-repeat 50% 50%; background-size:17px 18px}
.normalist_ty1 .info_area span.date.long{width:170px;}
.normalist_ty1 .info_area span.time{padding-left:23px; width:100px;}
.normalist_ty1 .info_area span.time:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.normalist_ty1 .info_area span.time.long{width:170px;}
.normalist_ty1 .info_area span.play{padding-left:23px}
.normalist_ty1 .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.normalist_ty1 .info_area span.view{padding-left:29px; width:50px}
.normalist_ty1 .info_area span.view:before{width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.normalist_ty1 .info_area span.comment{padding-left:24px; width:50px}
.normalist_ty1 .info_area span.comment:before{width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.normalist_ty1 .info_area span.user:before,
.normalist_ty1 .info_area span.date:before,
.normalist_ty1 .info_area span.time:before,
.normalist_ty1 .info_area span.play:before,
.normalist_ty1 .info_area span.view:before,
.normalist_ty1 .info_area span.comment:before{content:''; position:absolute; left:0; top:50%}

.normalist_ty1 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.normalist_ty1 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.normalist_ty1 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

.normalist_ty1.meta_in .normalist_box{min-height:67px}
.normalist_ty1.meta_in .tit_area{padding-top:2px}

.normalist_ty1 .normalist > li.answer_row{background:#f8f8f8}
.normalist_ty1 .normalist > li.answer_row .tit_area{position:relative; padding-left:15px}
.normalist_ty1 .normalist > li.answer_row .tit_area .re{position:absolute; left:0; top:13px; width:8px; height:8px}
.normalist_ty1 .normalist > li.answer_row .tit_area .re:before, .normalist_ty1 .normalist > li.answer_row .tit_area .re:after{content:''; position:absolute; background:#018de7}
.normalist_ty1 .normalist > li.answer_row .tit_area .re:before{left:0; top:0; width:2px; height:8px}
.normalist_ty1 .normalist > li.answer_row .tit_area .re:after{left:0; bottom:0; width:8px; height:2px}


/* ---------- normalist_ty2 ---------- */
.normalist_ty2{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.normalist_ty2 .head{position:relative; border-top:1px solid #284a7e; border-bottom:1px solid #dadada; overflow:hidden}
.normalist_ty2 .head li{overflow:hidden}
.normalist_ty2 .head li div{display:block; float:left; height:62px; line-height:62px; text-align:center; letter-spacing:-0.8px; color:#303030; font-weight:normal; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box}

.normalist_ty2 .body li{position:relative; height:82px; padding-top:25px; border-bottom:1px solid #dadada; overflow:hidden; box-sizing:border-box}
.normalist_ty2 .body li > div{float:left; position:relative; padding:0 5px; text-align:center; box-sizing:border-box}
.normalist_ty2 .body div.cont_txt{display:block; padding-top:6px; font-size:15px; line-height:135%; letter-spacing:-0.8px; color:#303030; font-weight:normal}
.normalist_ty2 .body div.cont_txt a{color:#4267a0; text-decoration:underline}
.normalist_ty2 .body div.col_check{width:10%; padding-top:5px}

.normalist_ty2 .body li.active{background:#f2f6fb}
.normalist_ty2 .body li.active .cont_txt{color:#4267a0}

.normalist_ty2 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.normalist_ty2 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.normalist_ty2 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

/* 마이페이지 | 영상메일수신자관리 */
.normalist_ty2.recipient_list div.col_num{width:10%}
.normalist_ty2.recipient_list div.col_agency{width:20%}
.normalist_ty2.recipient_list div.col_name{width:15%}
.normalist_ty2.recipient_list div.col_email{width:28%}
.normalist_ty2.recipient_list div.col_date{width:15%}
.normalist_ty2.recipient_list div.col_recep{width:12%}

/* 아카이브소개 | 시설/장비대여 | 장비대여하기 */
.normalist_ty2.eqrental_list div.col_name{width:70%}
.normalist_ty2.eqrental_list div.col_state{width:30%}

/* 마이페이지 | 즐겨찾기메뉴 */
.normalist_ty2.bookmark_list div.col_check{width:10%}
.normalist_ty2.bookmark_list div.col_menu{width:55%}
.normalist_ty2.bookmark_list div.col_date{width:20%}
.normalist_ty2.bookmark_list div.col_del{width:15%}

/* 마이페이지 | 대여내역 | 시설내여내역 */
.normalist_ty2.rental_list01 div.col_num{width:10%}
.normalist_ty2.rental_list01 div.col_facility{width:16%}
.normalist_ty2.rental_list01 div.col_agency{width:12%}
.normalist_ty2.rental_list01 div.col_purpose{width:10%}
.normalist_ty2.rental_list01 div.col_usernum{width:10%}
.normalist_ty2.rental_list01 div.col_date{width:20%}
.normalist_ty2.rental_list01 div.col_state{width:12%}
.normalist_ty2.rental_list01 div.col_cancel{width:10%}

/* 마이페이지 | 대여내역 | 장비대여내역 */
.normalist_ty2.rental_list02 div.col_num{width:14%}
.normalist_ty2.rental_list02 div.col_facility{width:16%}
.normalist_ty2.rental_list02 div.col_agency{width:15%}
.normalist_ty2.rental_list02 div.col_date{width:21%}
.normalist_ty2.rental_list02 div.col_approval{width:12%}
.normalist_ty2.rental_list02 div.col_state{width:12%}
.normalist_ty2.rental_list02 div.col_cancel{width:10%}

/* 마이페이지 | 영상업로드 */
.normalist_ty2.video_upload div.col_subject{width:40%}
.normalist_ty2.video_upload div.col_date{width:20%}
.normalist_ty2.video_upload div.col_id{width:15%}
.normalist_ty2.video_upload div.col_state{width:15%}
.normalist_ty2.video_upload div.col_cancel{width:10%}


/* ---------- thumlist ---------- */
/* thumlist_ty1 */
.thumlist_ty1{position:relative; margin-top:-1px; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.thumlist_ty1 .thumlist{margin-left:-35px; margin-top:-45px}
.thumlist_ty1 .thumlist:after{content:''; display:block; clear:both}
.thumlist_ty1 .thumlist > li{position:relative; float:left; width:33.333333%; box-sizing:border-box}

.thumlist_ty1 .thumlist_box{display:block; position:relative; height:390px; margin-left:35px; margin-top:45px; padding-top:227px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.thumlist_ty1 .thumlist_box:hover{box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.thumlist_ty1 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; height:230px; overflow:hidden}
.thumlist_ty1 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); border-bottom:none; z-index:1}
.thumlist_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.thumlist_ty1 .thum_area .no_cover{display:block; position:absolute; left:0; top:0; right:0; height:230px; background:#f3f3f3 url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px}


.thumlist_ty1 .thum_area .file_badge{position:absolute; right:5px; bottom:5px; width:34px; height:34px; border-radius:2px; transition:all .30s ease}
.thumlist_ty1 .thum_area .file_badge.image{background:rgba(0,0,0,.5) url('../images/common/thumlist_label_image.png') no-repeat 50% 50%; background-size:20px 22px}
.thumlist_ty1 .thum_area .file_badge.video{background:rgba(0,0,0,.5) url('../images/common/thumlist_label_video.png') no-repeat 50% 50%; background-size:22px 16px}

.thumlist_ty1 .thum_area .sns_badge{display:block; position:absolute; left:0; top:0; width:5px; height:100%; transition:all .30s ease}
.thumlist_ty1 .thum_area .sns_badge.fb{background:rgba(24,119,242,.8);}
.thumlist_ty1 .thum_area .sns_badge.tt{background:rgba(78,196,251,.8)}
.thumlist_ty1 .thum_area .sns_badge.yt{background:rgba(228,3,46,.8)}
.thumlist_ty1 .thum_area .sns_badge.nb{background:rgba(0,199,60,.8)}
.thumlist_ty1 .thum_area .sns_badge.ig{background:rgba(253,89,73,.8)}
.thumlist_ty1 .thum_area .sns_badge:after{font-family:'xeicon'; position:absolute; left:10px; bottom:5px; background:rgba(0,0,0,.5); width:34px; height:34px; line-height:34px; text-align:center; border-radius:2px; color:#fff; font-size:20px; transition:all .30s ease}
.thumlist_ty1 .thum_area .sns_badge.yt:after{content:"\ec32"} 
.thumlist_ty1 .thum_area .sns_badge.tt:after{content:"\ec1f"}
.thumlist_ty1 .thum_area .sns_badge.fb:after{content:"\ebd3"}
.thumlist_ty1 .thum_area .sns_badge.nb:after{content:"\ebf9"}
.thumlist_ty1 .thum_area .sns_badge.ig:after{content:"\ebe9"}
.thumlist_ty1 .thumlist_box:hover .thum_area .sns_badge{width:100%;}
.thumlist_ty1 .thumlist_box:hover .thum_area .sns_badge:after{left:5px; background:none}

.thumlist_ty1 .writer_area{position:relative;}
.thumlist_ty1 .writer_box{position:absolute; top:-38px; left:20px; height:40px; padding:0 10px; background:#fff}
.thumlist_ty1 .writer_box .logo{display:inline-block; position:relative; max-width:50px; vertical-align:middle}
.thumlist_ty1 .writer_box .writer{display:inline-block; margin-left:3px; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:40px; vertical-align:middle}

.thumlist_ty1 .tit_area{padding:20px; padding-bottom:12px; box-sizing:border-box}
.thumlist_ty1 .tit_area.badge{position:relative}
.thumlist_ty1 .tit_area.badge .tit{padding-left:20px}
.thumlist_ty1 .tit_area .tit_badge{display:none; position:absolute}
.thumlist_ty1 .tit_area .tit_badge.card{left:20px; top:24px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.thumlist_ty1 .tit_area.badge .tit_badge{display:block}
.thumlist_ty1 .tit_area .tit{display:block; color:#303030; margin-bottom:8px; font-size:17px; line-height:135%; letter-spacing:-1.2px; font-weight:300; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.thumlist_ty1 .tit_area .info{display:box; display:-webkit-box; display:-ms-flexbox; height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.8px; font-weight:normal; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}







.thumlist_ty1 .info_area{padding:0 20px 0 20px}
.thumlist_ty1 .info_area:after{content:''; display:block; clear:both}
.thumlist_ty1 .info_area span{display:inline-block; position:relative; margin-left:10px; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.thumlist_ty1 .info_area span.date{float:left; margin-left:0}
.thumlist_ty1 .info_area span.play{float:right; padding-left:23px}
.thumlist_ty1 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty1 .info_area span.time{float:right; padding-left:23px}
.thumlist_ty1 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty1 .info_area span.view{float:right; padding-left:29px}
.thumlist_ty1 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.thumlist_ty1 .info_area span.good{float:right; padding-left:25px}
.thumlist_ty1 .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.thumlist_ty1 .info_area span.bad{float:right; padding-left:25px}
.thumlist_ty1 .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.thumlist_ty1 .info_area span.comment{float:right; padding-left:24px}
.thumlist_ty1 .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.thumlist_ty1 .info_area span.good.active{color:#30a5d7}
.thumlist_ty1 .info_area span.bad.active{color:#cf2177}

.thumlist_ty1 .no_data{margin-top:50px; position:relative; text-align:center}
.thumlist_ty1 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.thumlist_ty1 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* thumlist_ty2 */
.thumlist_ty2{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.thumlist_ty2 .thumlist:after{content:''; display:block; clear:both}
.thumlist_ty2 .thumlist > li{padding:20px 0; border-bottom:1px solid #dadada; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.thumlist_ty2 .thumlist > li:hover{border-bottom:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.thumlist_ty2 .thumlist_box{display:block; position:relative; min-height:137px; padding-right:350px; box-sizing:border-box}
.thumlist_ty2 .num_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:110px; text-align:center}
.thumlist_ty2 .num_area .num{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}
.thumlist_ty2 .category_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:110px; text-align:center}
.thumlist_ty2 .category_area .category{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}
.thumlist_ty2 .check_area{position:absolute; left:0; top:50%; margin-top:-11px; width:50px; text-align:center}

.thumlist_ty2 .thum_group{position:relative; padding-left:224px}
.thumlist_ty2 .thum_area{position:absolute; top:0; left:0; width:224px; height:137px; overflow:hidden}
.thumlist_ty2 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); z-index:1}
.thumlist_ty2 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.thumlist_ty2 .thum_area .no_cover{display:block; position:absolute; left:0; top:0; width:224px; height:137px; background:#f3f3f3 url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px; z-index:2}


.thumlist_ty2 .thum_area .file_badge{position:absolute; right:5px; bottom:5px; width:34px; height:34px; border-radius:2px; transition:all .30s ease}
.thumlist_ty2 .thum_area .file_badge.image{background:rgba(0,0,0,.5) url('../images/common/thumlist_label_image.png') no-repeat 50% 50%; background-size:20px 22px}
.thumlist_ty2 .thum_area .file_badge.video{background:rgba(0,0,0,.5) url('../images/common/thumlist_label_video.png') no-repeat 50% 50%; background-size:22px 16px}


.thumlist_ty2 .thum_area .sns_badge{display:block; position:absolute; left:0; top:0; width:5px; height:100%; transition:all .30s ease}
.thumlist_ty2 .thum_area .sns_badge.fb{background:rgba(24,119,242,.8);}
.thumlist_ty2 .thum_area .sns_badge.tt{background:rgba(78,196,251,.8)}
.thumlist_ty2 .thum_area .sns_badge.yt{background:rgba(228,3,46,.8)}
.thumlist_ty2 .thum_area .sns_badge.nb{background:rgba(0,199,60,.8)}
.thumlist_ty2 .thum_area .sns_badge.ig{background:rgba(253,89,73,.8)}
.thumlist_ty2 .thum_area .sns_badge:after{font-family:'xeicon'; position:absolute; left:10px; bottom:5px; background:rgba(0,0,0,.5); width:34px; height:34px; line-height:34px; text-align:center; border-radius:2px; color:#fff; font-size:20px; transition:all .30s ease}
.thumlist_ty2 .thum_area .sns_badge.yt:after{content:"\ec32"} 
.thumlist_ty2 .thum_area .sns_badge.tt:after{content:"\ec1f"}
.thumlist_ty2 .thum_area .sns_badge.fb:after{content:"\ebd3"}
.thumlist_ty2 .thum_area .sns_badge.nb:after{content:"\ebf9"}
.thumlist_ty2 .thum_area .sns_badge.ig:after{content:"\ebe9"}
.thumlist_ty2 .thumlist_box:hover .thum_area .sns_badge{width:100%;}
.thumlist_ty2 .thumlist_box:hover .thum_area .sns_badge:after{left:5px; background:none}

.thumlist_ty2 .labs_area{background:#fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.thumlist_ty2 .tit_area{position:relative; padding-top:14px; padding-left:30px; box-sizing:border-box}
.thumlist_ty2 .tit_area.badge{position:relative}
.thumlist_ty2 .tit_area.badge .tit{padding-left:20px}
.thumlist_ty2 .tit_area .tit_badge{display:none; position:absolute}
.thumlist_ty2 .tit_area .tit_badge.card{left:30px; top:19px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.thumlist_ty2 .tit_area.badge .tit_badge{display:block}
.thumlist_ty2 .tit_area .sec{display:inline-block; margin-bottom:5px; color:#30a5d7; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}
.thumlist_ty2 .tit_area .tit, .thumlist_ty2 .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.thumlist_ty2 .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:17px; line-height:145%; letter-spacing:-1px; font-weight:300}
.thumlist_ty2 .tit_area .tit .num{display:inline-block; position:relative; width:auto; height:22px; margin-left:5px; margin-top:-3px; padding:0 2px; color:#018de7; font-size:13px; letter-spacing:normal; font-weight:normal; vertical-align:middle; line-height:20px; border:1px solid #018de7; border-radius:2px; box-sizing:border-box}
.thumlist_ty2 .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}

.thumlist_ty2 .detail_set{padding-top:8px; padding-left:30px}
.thumlist_ty2 .writer_area{display:inline-block; margin-right:10px; vertical-align:middle; box-sizing:border-box}
.thumlist_ty2 .writer_box .logo{display:inline-block; position:relative; max-width:50px; vertical-align:middle}
.thumlist_ty2 .writer_box .writer{display:inline-block; margin-left:3px; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:135%; vertical-align:middle}
.thumlist_ty2 .meta_area{display:inline-block; vertical-align:middle; box-sizing:border-box}
.thumlist_ty2 .meta_area:after{content:''; display:block; clear:both}
.thumlist_ty2 .meta_area dt, .thumlist_ty2 .meta_area dd{float:left; color:#707070; font-weight:normal; font-size:13px; line-height:135%;}
.thumlist_ty2 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada; text-align:center}
.thumlist_ty2 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px}
.thumlist_ty2 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}

.thumlist_ty2 .info_area{position:absolute; right:0; top:50%; margin-top:-9.5px}
.thumlist_ty2 .info_area:after{content:''; display:block; clear:both}
.thumlist_ty2 .info_area li{float:left; margin-left:25px}
.thumlist_ty2 .info_area li:last-child span{padding-right:50px}
.thumlist_ty2 .info_area li:last-child span.week{padding:5px 10px; margin-right:20px}
.thumlist_ty2 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}

.thumlist_ty2 .info_area span.user{padding-left:21px}
.thumlist_ty2 .info_area span.user:before{width:15px; height:17px; margin-top:-8.5px; background:url('../images/common/thumlist_user.png') no-repeat 50% 50%; background-size:15px 17px}
.thumlist_ty2 .info_area span.date{padding-left:23px}
.thumlist_ty2 .info_area span.date:before{width:17px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_calendar.png') no-repeat 50% 50%; background-size:17px 18px}
.thumlist_ty2 .info_area span.play{padding-left:23px}
.thumlist_ty2 .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty2 .info_area span.time{padding-left:23px}
.thumlist_ty2 .info_area span.time:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty2 .info_area span.view{padding-left:29px}
.thumlist_ty2 .info_area span.view:before{width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.thumlist_ty2 .info_area span.comment{padding-left:24px}
.thumlist_ty2 .info_area span.comment:before{width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}
.thumlist_ty2 .info_area span.bad{padding-left:25px}
.thumlist_ty2 .info_area span.bad:before{width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.thumlist_ty2 .info_area span.good{padding-left:25px}
.thumlist_ty2 .info_area span.good:before{width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.thumlist_ty2 .info_area span.week{border:1px solid #dadada; text-align:center; border-radius:100px; margin-top:-3px; color:#cf2177}

.thumlist_ty2 .info_area span.user:before,
.thumlist_ty2 .info_area span.date:before,
.thumlist_ty2 .info_area span.play:before,
.thumlist_ty2 .info_area span.time:before,
.thumlist_ty2 .info_area span.view:before,
.thumlist_ty2 .info_area span.comment:before,
.thumlist_ty2 .info_area span.bad:before,
.thumlist_ty2 .info_area span.good:before{content:''; position:absolute; left:0; top:50%}

.thumlist_ty2 .info_area span.good.active{color:#30a5d7}
.thumlist_ty2 .info_area span.bad.active{color:#cf2177}

.thumlist_ty2 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.thumlist_ty2 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.thumlist_ty2 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

.thumlist_ty2.ty2_1 .thumlist .thumlist_box{padding-left:0; padding-right:420px}
.thumlist_ty2.no_num .thumlist .thumlist_box{padding-left:0; padding-right:420px}
.thumlist_ty2.row_check .thumlist .thumlist_box{padding-left:50px}



/* thumlist_ty3 */
.thumlist_ty3{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.thumlist_ty3 .thumlist:after{content:''; display:block; clear:both}
.thumlist_ty3 .thumlist > li{padding:20px 0; border-bottom:1px solid #dadada; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.thumlist_ty3 .thumlist > li:hover{border-bottom:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.thumlist_ty3 .thumlist_box{display:block; position:relative; height:125px; padding-left:130px; padding-right:220px; box-sizing:border-box}
.thumlist_ty3 .num_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:130px; text-align:center}
.thumlist_ty3 .num_area .num{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}
.thumlist_ty3 .category_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:130px; text-align:center}
.thumlist_ty3 .category_area .category{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}

.thumlist_ty3 .thum_group{position:relative; padding-left:224px}
.thumlist_ty3 .thum_area{position:absolute; top:0; left:0}
.thumlist_ty3 .thum_area .thum{display:block; width:224px; height:125px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.thumlist_ty3 .thum_area .file_badge{position:absolute; right:5px; bottom:5px; width:34px; height:34px; border-radius:2px; transition:all .30s ease}
.thumlist_ty3 .thum_area .file_badge.image{background:rgba(0,0,0,.5) url('../images/common/thumlist_label_image.png') no-repeat 50% 50%; background-size:20px 22px}
.thumlist_ty3 .thum_area .file_badge.video{background:rgba(0,0,0,.5) url('../images/common/thumlist_label_video.png') no-repeat 50% 50%; background-size:22px 16px}

.thumlist_ty3 .tit_area{position:relative; padding-top:14px; padding-left:30px; box-sizing:border-box}
.thumlist_ty3 .tit_area .tit, .thumlist_ty3 .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word;  overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.thumlist_ty3 .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:300}
.thumlist_ty3 .tit_area .tit .num{display:inline-block; position:relative; width:auto; height:22px; margin-left:5px; margin-top:-3px; padding:0 2px; color:#018de7; font-size:13px; letter-spacing:normal; font-weight:normal; vertical-align:middle; line-height:20px; border:1px solid #018de7; border-radius:2px; box-sizing:border-box}
.thumlist_ty3 .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}

.thumlist_ty3 .meta_area{position:relative; padding-top:8px; padding-left:30px; box-sizing:border-box}
.thumlist_ty3 .meta_area:after{content:''; display:block; clear:both}
.thumlist_ty3 .meta_area dt, .thumlist_ty3 .meta_area dd{float:left; color:#707070; font-weight:normal; font-size:13px; line-height:135%;}
.thumlist_ty3 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada; text-align:center}
.thumlist_ty3 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px}
.thumlist_ty3 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px}

.thumlist_ty3 .info_area{position:absolute; right:0; top:50%; margin-top:-9.5px}
.thumlist_ty3 .info_area:after{content:''; display:block; clear:both}
.thumlist_ty3 .info_area li{float:left; margin-left:40px}
.thumlist_ty3 .info_area li:last-child span{padding-right:70px}
.thumlist_ty3 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}

.thumlist_ty3 .info_area span.user{padding-left:21px}
.thumlist_ty3 .info_area span.user:before{width:15px; height:17px; margin-top:-8.5px; background:url('../images/common/thumlist_user.png') no-repeat 50% 50%; background-size:15px 17px}
.thumlist_ty3 .info_area span.date{padding-left:23px}
.thumlist_ty3 .info_area span.date:before{width:17px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_calendar.png') no-repeat 50% 50%; background-size:17px 18px}
.thumlist_ty3 .info_area span.play{padding-left:23px}
.thumlist_ty3 .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty3 .info_area span.time{padding-left:23px}
.thumlist_ty3 .info_area span.time:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty3 .info_area span.view{padding-left:29px}
.thumlist_ty3 .info_area span.view:before{width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}

.thumlist_ty3 .info_area span.user:before,
.thumlist_ty3 .info_area span.date:before,
.thumlist_ty3 .info_area span.play:before,
.thumlist_ty3 .info_area span.time:before,
.thumlist_ty3 .info_area span.view:before{content:''; position:absolute; left:0; top:50%}

.thumlist_ty3 .down_area{position:absolute; right:0; top:50%; margin-top:-16px}
.thumlist_ty3 .down_area:after{content:''; display:block; clear:both}
.thumlist_ty3 .down_area li{float:left; margin-left:40px}
.thumlist_ty3 .down_area li:last-child{padding-right:25px}
.thumlist_ty3 .down_area li .down_end{line-height:32px; color:#707070; letter-spacing:-0.8px; font-size:13px;}

.thumlist_ty3 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.thumlist_ty3 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.thumlist_ty3 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

.thumlist_ty3.ty3_1 .thumlist .thumlist_box{padding-left:0; padding-right:220px}


/* thumlist_ty4 */
.thumlist_ty4{position:relative; margin-bottom:40px}
.thumlist_ty4 .thumlist:after{content:''; display:block; clear:both}
.thumlist_ty4 .thumlist > li{padding:5px 0}

.thumlist_ty4 .thumlist_box{display:block; position:relative; min-height:80px; padding-left:160px; box-sizing:border-box}

.thumlist_ty4 .thum_area{position:absolute; top:0; left:0}
.thumlist_ty4 .thum_area .thum{display:block; width:143px; height:80px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.thumlist_ty4 .tit_area{position:relative; padding-top:7.5px}
.thumlist_ty4 .tit_area .ctit, .thumlist_ty4 .tit_area .tit{display:block; line-height:135%; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.thumlist_ty4 .tit_area .ctit{margin-bottom:5px; color:#4267a0; font-size:13px; letter-spacing:-0.8px}
.thumlist_ty4 .tit_area .tit{color:#303030; font-size:15px; letter-spacing:-1px}

.thumlist_ty4 .info_area{position:relative; margin-top:5px}
.thumlist_ty4 .info_area:after{content:''; display:block; clear:both}
.thumlist_ty4 .info_area li{float:left; margin-left:10px}
.thumlist_ty4 .info_area li:first-child{margin-left:0}
.thumlist_ty4 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.thumlist_ty4 .info_area span.play{padding-left:23px}
.thumlist_ty4 .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.thumlist_ty4 .info_area span.play:before{content:''; position:absolute; left:0; top:50%}

.thumlist_ty4 .more_al{position:absolute; top:-38px; right:0; color:#707070; letter-spacing:-0.8px; line-height:135%; padding-right:55px; background:url('../images/common/more_ty1.png') no-repeat right 2px; background-size:44px 12px}


/* ---------- blocklist ---------- */
/* blocklist_ty1 */
.blocklist_ty1{position:relative; margin-top:-1px; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.blocklist_ty1 .blocklist{margin-left:-20px; margin-top:-20px}
.blocklist_ty1 .blocklist:after{content:''; display:block; clear:both}
.blocklist_ty1 .blocklist > li{position:relative; float:left; width:20%; box-sizing:border-box}

.blocklist_ty1 .blocklist_box{display:block; position:relative; margin-left:20px; margin-top:20px; border:1px solid #909090; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}

.blocklist_ty1 .tit_area{padding:23px 45px 7px 15px}
.blocklist_ty1 .tit_area .tit{display:block; color:#303030; font-size:15px; line-height:135%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.blocklist_ty1 .info_area{padding:0 60px 22px 15px}
.blocklist_ty1 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.blocklist_ty1 .ico_area{position:absolute; right:15px; top:23px}
.blocklist_ty1 .ico_area i{color:#909090; font-size:18px;}

.blocklist_ty1 div.blocklist_box{opacity:0.5}
.blocklist_ty1 div.blocklist_box .ico_area{display:none}

.blocklist_ty1 a.blocklist_box{opacity:1}
.blocklist_ty1 a.blocklist_box .ico_area{display:block}


.blocklist_ty1 .no_data{position:relative; text-align:center}
.blocklist_ty1 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.blocklist_ty1 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* thumlist_mycomment */
.thumlist_mycomment{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.thumlist_mycomment .thumlist:after{content:''; display:block; clear:both}
.thumlist_mycomment .thumlist > li{padding:20px 0; border-bottom:1px solid #dadada; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}

.thumlist_mycomment .thumlist_box{display:block; position:relative; min-height:98px; box-sizing:border-box}

.thumlist_mycomment .comment_area{position:relative; margin-bottom:10px;}
.thumlist_mycomment .comment_area > ul > li{position:relative; padding:10px 200px 10px 12px; border-bottom:1px solid #ebebeb}
.thumlist_mycomment .comment_area > ul > li:last-child{border-bottom:none}
.thumlist_mycomment .comment_area .re{position:absolute; left:0; top:13px; width:8px; height:8px}
.thumlist_mycomment .comment_area .re:before, .thumlist_mycomment .comment_area .re:after{content:''; position:absolute; background:#018de7}
.thumlist_mycomment .comment_area .re:before{left:0; top:0; width:1px; height:8px}
.thumlist_mycomment .comment_area .re:after{left:0; bottom:0; width:8px; height:1px}

.thumlist_mycomment .comment_area .comment_tit{position:relative; letter-spacing:-0.5px; line-height:160%; font-size:13px; color:#303030}

.thumlist_mycomment .comment_area .comment_info{position:absolute; right:0; top:8px}
.thumlist_mycomment .comment_area .comment_info:after {content:''; display:block; clear:both}
.thumlist_mycomment .comment_area .comment_info > li{float:left; padding:0 8px; border-right:1px solid #dadada; color:#808080; font-size:13px; line-height:155%; letter-spacing:normal; letter-spacing:-0.5px}
.thumlist_mycomment .comment_area .comment_info > li:first-child{padding-left:0;}
.thumlist_mycomment .comment_area .comment_info > li:last-child{border-right:none}
.thumlist_mycomment .comment_area .comment_info > li .del,
.thumlist_mycomment .comment_area .comment_info > li .modify{position:relative; margin:0; padding:0; height:20px; border:none; background:none; color:#808080; text-align:center; vertical-align:middle; cursor:pointer}
.thumlist_mycomment .comment_area .comment_info > li i{font-size:15px; line-height:20px}

.thumlist_mycomment .thum_group{position:relative; padding-left:165px}
.thumlist_mycomment .thum_area{position:absolute; top:0; left:0}
.thumlist_mycomment .thum_area .thum{display:block; width:175px; height:98px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.thumlist_mycomment .tit_area{position:relative; padding-top:14px; padding-left:30px; box-sizing:border-box}
.thumlist_mycomment .tit_area .tit, .thumlist_recoment .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word;  overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.thumlist_mycomment .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:15px; line-height:145%; letter-spacing:-1px; font-weight:300}
.thumlist_mycomment .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}

.thumlist_mycomment .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.thumlist_mycomment .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.thumlist_mycomment .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}



/* ---------- soundlist ---------- */
/* soundist_ty1 */
.soundlist_ty1{position:relative; margin-top:-1px; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.soundlist_ty1 .soundlist{margin-left:-20px; margin-top:-40px}
.soundlist_ty1 .soundlist:after{content:''; display:block; clear:both}
.soundlist_ty1 .soundlist > li{position:relative; float:left; width:20%; box-sizing:border-box}

.soundlist_ty1 .soundlist_box{display:block; position:relative; min-height:218px; margin-left:20px; margin-top:40px; padding-top:125px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.soundlist_ty1 .soundlist_box:hover{border:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.soundlist_ty1 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; height:125px; background:#e6eef8}
.soundlist_ty1 .thum_area:after
{
    content:''; position:absolute; left:50%; top:50%; width:88px; height:88px; margin-left:-44px; margin-top:-44px; border-radius:50%;
    background:#fff url('../images/common/soundlist_sound.png') no-repeat 50% 50%; background-size:38px 27px
}
.soundlist_ty1 .tit_area{padding:20px; padding-bottom:12px}
.soundlist_ty1 .tit_area .tit{display:block; color:#303030; font-size:16px; line-height:135%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

.soundlist_ty1 .info_area{padding:0 20px 0 20px}
.soundlist_ty1 .info_area:after{content:''; display:block; clear:both}
.soundlist_ty1 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.soundlist_ty1 .info_area span.date{float:left}
.soundlist_ty1 .info_area span.play{float:right; padding-left:23px}
.soundlist_ty1 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.soundlist_ty1 .info_area span.time{float:right; padding-left:23px}
.soundlist_ty1 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.soundlist_ty1 .info_area span.view{float:right; padding-left:29px}
.soundlist_ty1 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}

.soundlist_ty1 .no_data{position:relative; text-align:center}
.soundlist_ty1 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.soundlist_ty1 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* soundist_ty2 */
.soundlist_ty2{position:relative; margin-top:-1px; border-top:1px solid #dadada}
.soundlist_ty2 .soundlist:after{content:''; display:block; clear:both}
.soundlist_ty2 .soundlist > li{padding:20px 0; border-bottom:1px solid #dadada; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.soundlist_ty2 .soundlist > li:hover{border-bottom:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.soundlist_ty2 .soundlist_box{display:block; position:relative; min-height:125px; padding-left:110px; padding-right:420px; box-sizing:border-box}
.soundlist_ty2 .num_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:110px; text-align:center}
.soundlist_ty2 .num_area .num{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}

.soundlist_ty2 .thum_group{position:relative; padding-left:125px}
.soundlist_ty2 .thum_area{position:absolute; top:0; left:0; width:125px; height:125px; background:#e6eef8}
.soundlist_ty2 .thum_area:after
{
    content:''; position:absolute; left:50%; top:50%; width:88px; height:88px; margin-left:-44px; margin-top:-44px; border-radius:50%;
    background:#fff url('../images/common/soundlist_sound.png') no-repeat 50% 50%; background-size:38px 27px
}

.soundlist_ty2 .tit_area{position:relative; padding-top:10px; padding-left:30px; box-sizing:border-box}
.soundlist_ty2 .tit_area .tit, .soundlist_ty2 .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word;  overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.soundlist_ty2 .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:16px; line-height:145%; letter-spacing:-1px; font-weight:300}
.soundlist_ty2 .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}

.soundlist_ty2 .meta_area{position:relative; padding-top:8px; padding-left:30px; box-sizing:border-box}
.soundlist_ty2 .meta_area:after{content:''; display:block; clear:both}
.soundlist_ty2 .meta_area dt, .soundlist_ty2 .meta_area dd{float:left; color:#707070; font-weight:normal; font-size:13px; line-height:135%;}
.soundlist_ty2 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada; text-align:center}
.soundlist_ty2 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px}
.soundlist_ty2 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px}

.soundlist_ty2 .info_area{position:absolute; right:0; top:50%; margin-top:-9.5px}
.soundlist_ty2 .info_area:after{content:''; display:block; clear:both}
.soundlist_ty2 .info_area li{float:left; margin-left:40px}
.soundlist_ty2 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}

.soundlist_ty2 .info_area span.user{padding-left:21px}
.soundlist_ty2 .info_area span.user:before{width:15px; height:17px; margin-top:-8.5px; background:url('../images/common/thumlist_user.png') no-repeat 50% 50%; background-size:15px 17px}
.soundlist_ty2 .info_area span.date{padding-left:23px}
.soundlist_ty2 .info_area span.date:before{width:17px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_calendar.png') no-repeat 50% 50%; background-size:17px 18px}
.soundlist_ty2 .info_area span.play{padding-left:23px}
.soundlist_ty2 .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.soundlist_ty2 .info_area span.time{padding-left:23px}
.soundlist_ty2 .info_area span.time:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.soundlist_ty2 .info_area span.view{padding-left:29px; width:90px}
.soundlist_ty2 .info_area span.view:before{width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}

.soundlist_ty2 .info_area span.user:before,
.soundlist_ty2 .info_area span.date:before,
.soundlist_ty2 .info_area span.time:before,
.soundlist_ty2 .info_area span.view:before{content:''; position:absolute; left:0; top:50%}

.soundlist_ty2 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.soundlist_ty2 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.soundlist_ty2 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* ---------- tab ---------- */
/* tab_ty1 */
.tab_ty1{position:relative; margin-bottom:50px}
.tab_ty1 ul{overflow:hidden}
.tab_ty1 ul li{float:left; width:20%}
.tab_ty1 ul li .tab_box{position:relative; text-align:center; border:1px solid #dadada; box-sizing:border-box; margin-left:-1px; margin-top:-1px}
.tab_ty1 ul li:first-child .tab_box{margin-left:0}
.tab_ty1 ul li.active .tab_box{border:3px solid #30a5d7; border-bottom:3px solid #30a5d7; z-index:1}
.tab_ty1 ul li.active .tab_box a{color:#30a5d7}
.tab_ty1 .tab_box a{display:block; height:50px; line-height:51px; font-size:16px; font-weight:300; color:#303030; letter-spacing:-0.8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.tab_ty1 ul li.active .tab_box a{height:46px; line-height:47px}


.tab_ty1 ul.col2 li {width:50%}
.tab_ty1 ul.col3 li{width:33.3333%}
.tab_ty1 ul.col4 li{width:25%}
.tab_ty1 ul.col5 li{width:20%}
.tab_ty1 ul.col6 li {width:16.66666%}
.tab_ty1 ul.col7 li {width:14.28571%}

.tab_ty1 ul.col2 li:nth-child(3) .tab_box, .tab_ty1 ul.col2 li:nth-child(5) .tab_box{margin-left:0}
.tab_ty1 ul.col2 li:nth-child(-n+2) .tab_box{margin-top:0}
.tab_ty1 ul.col3 li:nth-child(4) .tab_box, .tab_ty1 ul.col3 li:nth-child(7) .tab_box{margin-left:0}
.tab_ty1 ul.col3 li:nth-child(-n+3) .tab_box{margin-top:0}
.tab_ty1 ul.col4 li:nth-child(5) .tab_box, .tab_ty1 ul.col4 li:nth-child(9) .tab_box{margin-left:0}
.tab_ty1 ul.col4 li:nth-child(-n+4) .tab_box{margin-top:0}
.tab_ty1 ul.col5 li:nth-child(6) .tab_box, .tab_ty1 ul.col5 li:nth-child(11) .tab_box{margin-left:0}
.tab_ty1 ul.col5 li:nth-child(-n+5) .tab_box{margin-top:0}
.tab_ty1 ul.col6 li:nth-child(7) .tab_box, .tab_ty1 ul.col6 li:nth-child(13) .tab_box{margin-left:0}
.tab_ty1 ul.col6 li:nth-child(-n+6) .tab_box{margin-top:0}
.tab_ty1 ul.col7 li:nth-child(8) .tab_box, .tab_ty1 ul.col7 li:nth-child(15) .tab_box{margin-left:0}
.tab_ty1 ul.col7 li:nth-child(-n+7) .tab_box{margin-top:0}


.scriber_band{position:relative; margin-bottom:50px}
.scriber_band ul{overflow:hidden}
.scriber_band ul li{float:left; width:50%}
.scriber_band ul li .tab_box{position:relative; text-align:center; border:1px solid #dadada; box-sizing:border-box; margin-left:-1px; margin-top:-1px;}
.scriber_band ul li:first-child .tab_box{margin-left:0}
.scriber_band ul li.active .tab_box
{
    border:1px solid rgba(24,119,242,0); border-left:none; border-right:none; z-index:1;
    background:#fff; background:-webkit-linear-gradient(110deg, #30a5d6, #726eaf, #d71a72); background:-moz-linear-gradient(110deg, #30a5d6, #726eaf, #d71a72); background:linear-gradient(110deg, #30a5d6, #726eaf, #d71a72)

}
.scriber_band .tab_box .scriber{position:relative; height:50px; line-height:50px; font-size:15px; font-weight:normal; color:#303030; letter-spacing:-0.2px;}
.scriber_band .tab_box .scriber.left{display:inline-block; color:#fff; padding-left:35px; letter-spacing:-0.8px; background:url('../images/common/scriber_eye.png') no-repeat left 50%; background-size:24px 16px}
.scriber_band .tab_box .scriber.right{display:block; position:relative; color:#cf2177; letter-spacing:-0.8px}
.scriber_band .tab_box .scriber.right:before{content:'\e907'; position:absolute; right:15px; top:0; height:100%; font-family:'xeicon'; font-size:22px; font-weight:300}

.scriber_band ul li:nth-child(3) .tab_box, .tab_ty2 ul li:nth-child(5) .tab_box{margin-left:0}
.scriber_band ul li:nth-child(-n+2) .tab_box{margin-top:0}


.tab_sns{position:absolute; right:0; top:4px; z-index:1}
.fsns:after{content:''; display:block; clear:both}
.fsns li{float:left; margin-left:-8px}
.fsns li a{display:block; width:48px; height:48px; border-radius:50%; mix-blend-mode:multiply; transition:all .30s ease}
.fsns li a.f_fb{background-color:rgba(24,119,242,1); background-image:url("../images/common/fsns_fb.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:10px 17px}
.fsns li a.f_tt{background-color:rgba(78,196,251,1); background-image:url("../images/common/fsns_tt.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 17px}
.fsns li a.f_yt{background-color:rgba(228,3,46,1); background-image:url("../images/common/fsns_yt.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 17px}



/* ---------- viewhead ---------- */
/* viewhead_ty1 */
.viewhead_ty1{position:relative; margin-bottom:25px; border-top:3px solid #4d5265}
.viewhead_ty1 .tit_area{padding-top:15px; text-align:center}
.viewhead_ty1 .tit_area .tit{display:inline-block; font-size:24px; font-weight:normal; letter-spacing:-1.5px; color:#303030; line-height:150%; vertical-align:middle}
.viewhead_ty1 .tit_area .hire_deadline{display:inline-block; position:relative; height:34px; margin-left:10px; padding:0 15px; line-height:34px; font-size:14px; letter-spacing:-0.5px; border-radius:2px; background:#043464; color:#fff; vertical-align:middle}
.viewhead_ty1 .tit_area .hire_deadline:before{content:''; position:absolute; left:-10px; top:50%; margin-top:-5px; width:0; height:0; border-top:10px solid #043464; border-bottom:10px solid none; border-right:10px solid transparent; border-left:10px solid transparent; transform:rotate(90deg)}

.viewhead_ty1 .meta_area{position:relative; margin-top:5px; border-bottom:1px solid #dadada}
.viewhead_ty1 .meta_info{position:relative; padding:15px 0; text-align:center; overflow:hidden}
.viewhead_ty1 .meta_info dt, .viewhead_ty1 .meta_info dd{display:inline-block; line-height:150%; letter-spacing:-0.8px; font-size:13px; font-weight:normal}
.viewhead_ty1 .meta_info dt{color:#707070; border-left:1px solid #d8d8d8; margin-right:10px; padding-left:24px;}
.viewhead_ty1 .meta_info dd{color:#707070; margin-right:15px}
.viewhead_ty1 .meta_info dt:first-child{ padding-left:0; border-left:none}

.viewhead_ty1 .summury_area{position:relative; padding:15px 30px 11px; background:#f8f8f8; border-bottom:1px solid #dadada; text-align:center}
.viewhead_ty1 .summury_area .summury_list{display:inline-block;}
.viewhead_ty1 .summury_area .summury_list li{float:left;}
.viewhead_ty1 .summury_area .summury_list li .tit,
.viewhead_ty1 .summury_area .summury_list li .info{display:inline-block; line-height:150%; letter-spacing:-0.8px; font-size:14px; font-weight:normal}
.viewhead_ty1 .summury_area .summury_list li .tit{color:#707070; border-left:1px solid #d8d8d8; margin-right:10px; padding-left:24px}
.viewhead_ty1 .summury_area .summury_list li .info{color:#707070; margin-right:15px}
.viewhead_ty1 .summury_area .summury_list li:first-child .tit{padding-left:0; border-left:none}


/* viewhead_seminar */
.viewhead_seminar{position:relative; margin-bottom:25px; border-top:3px solid #4d5265}
.viewhead_seminar .tit_area{padding-top:15px; text-align:center}
.viewhead_seminar .tit_area .tit{display:inline-block; font-size:24px; font-weight:normal; letter-spacing:-1.5px; color:#303030; line-height:150%}

.viewhead_seminar .panel_info{position:relative; min-height:158px; margin-top:35px; padding:0 0 20px 127px; border-bottom:1px solid #dadada; box-sizing:border-box}
.viewhead_seminar .panel_info .photo_area{position:absolute; left:0; top:0; width:109px; height:137px; background:#f8f8f8; transition:all .20s ease}
.viewhead_seminar .panel_info .photo_area .photo{display:block; position:relative; width:109px; height:137px; z-index:1}
.viewhead_seminar .panel_info .meta_area{position:relative; padding-left:60px}
.viewhead_seminar .panel_info .meta_area dt, .seminar_uc .panel_info .meta_area dd{color:#707070; font-weight:normal; font-size:13px; line-height:135%;}
.viewhead_seminar .panel_info .meta_area dt{position:absolute; left:0; width:50px; padding:5px; border:1px solid #dadada; text-align:center; box-sizing:border-box}
.viewhead_seminar .panel_info .meta_area dd{display:block; margin-bottom:5px; padding:6px 0; letter-spacing:-0.5px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis}



/* ---------- viewcont ---------- */
/* viewcont_ty1 */
.viewcont_ty1{position:relative}
.viewcont_ty1 .cont_area{padding:35px 30px; border-bottom:1px solid #dadada}
.viewcont_ty1 .cont_area strong{display:inline-block; position:relative; margin-bottom:2px; line-height:145%; letter-spacing:-1px; font-size:18px; color:#303030; font-weight:300; letter-spacing:-0.8px}
.viewcont_ty1 .cont_area p{line-height:145%; letter-spacing:-0.8px; color:#505050; font-size:16px; font-weight:normal; text-align:justify}
.viewcont_ty1 .cont_area img{display:inline-block; max-width:100%}

/* viewcont_ty2 */
.viewcont_ty2{position:relative; padding:50px 0}
.viewcont_ty2.carousel .cardview_ty{box-shadow:0 7px 17px 0 rgba(0,0,0,.16)}
.viewcont_ty2.scroll .cardview_ty .card_hero{box-shadow:0 7px 17px 0 rgba(0,0,0,.16)}

/* viewcont_seminar */
.viewcont_seminar{position:relative}
.viewcont_seminar .cont_area{padding:0 0 35px}
.viewcont_seminar .cont_area strong{display:inline-block; position:relative; margin-bottom:2px; line-height:145%; letter-spacing:-1px; font-size:18px; color:#303030; font-weight:300; letter-spacing:-0.8px}
.viewcont_seminar .cont_area p{line-height:145%; letter-spacing:-0.8px; color:#505050; font-size:16px; font-weight:normal; text-align:justify}
.viewcont_seminar .cont_area img{display:inline-block;; max-width:100%}
.viewcont_seminar .video_area{position:relative; margin-bottom:35px; padding-top:56.2%}
.viewcont_seminar .video_area iframe{display:block; width:100%; height:100%; position:absolute; left:0; top:0}




.cardview_ty{position:relative; width:450px; margin:0 auto; z-index:2}

#cardview_carousel_w .slick-arrow{display:block; position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; padding:0; border:none; border-radius:50%; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
#cardview_carousel_w .slick-prev,
#cardview_carousel_w .slick-next{background:rgba(34,35,37,.6)}
#cardview_carousel_w .slick-prev{left:-75px}
#cardview_carousel_w .slick-next{right:-75px}
#cardview_carousel_w .slick-prev:before,
#cardview_carousel_w .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
#cardview_carousel_w .slick-prev:before{right:15px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
#cardview_carousel_w .slick-next:before{left:15px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
#cardview_carousel_w .slick-prev:hover:before,
#cardview_carousel_w .slick-next:hover:before{opacity:1}
#cardview_carousel_w .slick-prev:hover,
#cardview_carousel_w .slick-next:hover{background:rgba(48,165,215,.8)}
#cardview_carousel_w .slick-prev.slick-disabled{left:0; opacity:0}
#cardview_carousel_w .slick-next.slick-disabled{right:0; opacity:0}

#cardview_carousel_h .slick-arrow{display:block; position:absolute; top:50%; width:60px; height:60px; padding:0; border:none; border-radius:50%; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
#cardview_carousel_h .slick-prev,
#cardview_carousel_h .slick-next{background:rgba(34,35,37,.6)}
#cardview_carousel_h .slick-prev{right:-75px; margin-top:-65px;}
#cardview_carousel_h .slick-next{right:-75px; margin-top:5px;}
#cardview_carousel_h .slick-prev:before,
#cardview_carousel_h .slick-next:before{content:''; position:absolute; top:50%; width:16px; height:29px; margin-top:-14.5px; opacity:.6; transition:all .10s ease}
#cardview_carousel_h .slick-prev:before{left:22px; background:url("../images/common/carousel_set1_up.png") 50% 50% no-repeat; background-size:16px 29px}
#cardview_carousel_h .slick-next:before{left:22px; background:url("../images/common/carousel_set1_dw.png") 50% 50% no-repeat; background-size:16px 29px}
#cardview_carousel_h .slick-prev:hover:before,
#cardview_carousel_h .slick-next:hover:before{opacity:1}
#cardview_carousel_h .slick-prev:hover,
#cardview_carousel_h .slick-next:hover{background:rgba(48,165,215,.8)}
#cardview_carousel_h .slick-prev.slick-disabled{left:0; opacity:0}
#cardview_carousel_h .slick-next.slick-disabled{right:0; opacity:0}

#cardview_carousel_w .slick-dots{display:block; position:absolute; top:-31px; width:100%; text-align:center}
#cardview_carousel_w .slick-dots li{display:inline-block; position:relative; margin:0 5px}
#cardview_carousel_w .slick-dots li button{display:block; position:relative; width:4px; height:4px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(0,0,0,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
#cardview_carousel_w .slick-dots li.slick-active button{background:#30a5d7}

#cardview_carousel_h .slick-dots{display:block; position:absolute; top:-31px; width:100%; text-align:center}
#cardview_carousel_h .slick-dots li{display:inline-block; position:relative; margin:0 5px}
#cardview_carousel_h .slick-dots li button{display:block; position:relative; width:4px; height:4px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(0,0,0,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
#cardview_carousel_h .slick-dots li.slick-active button{background:#30a5d7}

.cardview_ty .card_hero{position:relative}
.cardview_ty .card_hero .hero_subject .subject_write{display:block; position:relative; background:#fff; border:1px solid #d6d6d6; border-radius:2px}
.cardview_ty .card_hero .hero_subject .subject_write textarea{display:block; width:100%; height:300px; border:0; padding:10px; color:#606060; font-size:22px; outline:none; text-align:center; border-radius:2px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; resize:none}
.cardview_ty .card_hero .hero_cont .cont_write{display:block; position:relative; background:#fff; border:1px solid #d6d6d6; border-radius:2px}
.cardview_ty .card_hero .hero_cont .cont_write textarea{display:block; width:100%; height:326px; border:0; padding:10px; color:#606060; font-size:18px; outline:none; border-radius:2px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; resize:none}

.cardview_ty .card_hero.hero_cover .hero_img{position:relative; height:670px; background-color:#f5f8ff; background-position:50% 50%; background-size:100% 100%; background-repeat:no-repeat}
.cardview_ty .card_hero.hero_cover .hero_img.black_bg:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}
.cardview_ty .card_hero.hero_cover .hero_subject{position:absolute; left:0; top:100px; width:100%; height:400px; padding:35px; box-sizing:border-box}
.cardview_ty .card_hero.hero_cover .hero_subject .subject_area{display: -webkit-box; font-size:40px; color:#fff; text-align:center; line-height:145%; letter-spacing:-0.5px; font-weight:normal; word-wrap: break-word; -webkit-box-orient: vertical; white-space: pre-wrap}

.cardview_ty .card_hero.hero_ty1 .hero_img{position:relative; height:335px; background:#f5f8ff}
.cardview_ty .card_hero.hero_ty1 .hero_img .img{display:block; max-width:450px; width:100%; max-height:335px; height:100%}
.cardview_ty .card_hero.hero_ty1 .hero_cont{min-height:335px; height:auto; padding:35px; box-sizing:border-box}
.cardview_ty .card_hero.hero_ty1 .hero_cont .cont_area{font-size:18px; color:#505050; text-align:center; line-height:155%; letter-spacing:-0.5px; font-weight:normal; word-break: break-all;}

.cardview_ty .card_hero.hero_ty2 .hero_img{position:relative; height:335px; background:#f5f8ff}
.cardview_ty .card_hero.hero_ty2 .hero_img .img{display:block; max-width: 450px; width:100%; max-height:335px; height:100%}
.cardview_ty .card_hero.hero_ty2 .hero_cont{min-height:335px; height:auto; padding:35px; box-sizing:border-box}
.cardview_ty .card_hero.hero_ty2 .hero_cont .cont_area{font-size:18px; color:#505050; text-align:center; line-height:155%; letter-spacing:-0.5px; font-weight:normal; word-break: break-all;}

.cardview_ty .card_hero.hero_ty3{padding-top:35px}
.cardview_ty .card_hero.hero_ty3 .hero_img{position:relative; width:380px; height:310px; margin:0 auto; background:#f5f8ff}
.cardview_ty .card_hero.hero_ty3 .hero_img .img{display:block; max-width:380px; width:100%; max-height:310px; height:310px}
.cardview_ty .card_hero.hero_ty3 .hero_cont{min-height:325px; height:auto; padding:35px; box-sizing:border-box}
.cardview_ty .card_hero.hero_ty3 .hero_cont .cont_area{font-size:18px; color:#505050; text-align:center; line-height:155%; letter-spacing:-0.5px; font-weight:normal; word-break: break-all;}
.cardview_ty .card_hero.hero_ty3 .hero_cont .cont_write textarea{height:290px}

.cardview_ty .card_hero.hero_ty4 .hero_cont{min-height:670px; height:auto; padding:35px; box-sizing:border-box}
.cardview_ty .card_hero.hero_ty4 .hero_cont .cont_area{font-size:18px; color:#505050; text-align:center; line-height:155%; letter-spacing:-0.5px; font-weight:normal; word-break: break-all;}
.cardview_ty .card_hero.hero_ty4 .hero_cont .cont_write textarea{height:628px}

.cardview_ty .card_hero.hero_ty5 .hero_img{position:relative; height:670px; background:#f5f8ff}
.cardview_ty .card_hero.hero_ty5 .hero_img .img{display:block; width:100%; max-height:670px; height:100%}

.cardview_ty .card_hero .hero_del{position:absolute; left:-27px; top:0}

.viewcont_ty2.scroll .card_hero{margin-bottom:50px}
.viewcont_ty2.scroll .card_hero:last-child{margin-bottom:0}



/* ---------- viewfoot ---------- */
/* viewfoot_ty1 */
.viewfoot_ty1{position:relative; min-height:62px; margin-bottom:30px; border-bottom:1px solid #dadada; box-sizing:border-box}
.viewfoot_ty1 .foot_info{position:absolute; top:20px; left:0}
.viewfoot_ty1 .foot_btn{position:absolute; top:12px; right:0}

.viewfoot_ty1 .info_area:after{content:''; display:block; clear:both}
.viewfoot_ty1 .info_area span{display:inline-block; position:relative; margin-right:15px; color:#303030; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.viewfoot_ty1 .info_area span.play{padding-left:23px}
.viewfoot_ty1 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.viewfoot_ty1 .info_area span.time{padding-left:23px}
.viewfoot_ty1 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.viewfoot_ty1 .info_area span.view{padding-left:29px}
.viewfoot_ty1 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.viewfoot_ty1 .info_area span.good{padding-left:25px}
.viewfoot_ty1 .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.viewfoot_ty1 .info_area span.bad{padding-left:25px}
.viewfoot_ty1 .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.viewfoot_ty1 .info_area span.comment{padding-left:24px}
.viewfoot_ty1 .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.viewfoot_ty1 .info_area span.good.active{color:#30a5d7}
.viewfoot_ty1 .info_area span.bad.active{color:#cf2177}


/* viewfoot_seminar */
.viewfoot_seminar{position:relative; text-align:center; box-sizing:border-box}


/* view_scriber */
.view_scriber{position:relative; width:600px; margin:0 auto 60px; text-align:center; border:1px solid #dadada; box-sizing:border-box}
.view_scriber .scriber{display:block; position:relative; height:80px; color:#cf2177}
.view_scriber .scriber:before{content:'\e907'; position:absolute; right:15px; top:0; height:100%; line-height:80px; font-family:'xeicon'; font-size:26px; font-weight:300}
.view_scriber .scriber .logo{display:inline-block; position:relative; max-width:65px; vertical-align:middle}
.view_scriber .scriber .writer{display:inline-block; margin-left:5px; font-size:18px; font-weight:600; letter-spacing:-0.8px; line-height:80px; vertical-align:middle}


/* view_carousel_ty1 */
.view_carousel_ty1{position:relative; margin:0 -10px; margin-bottom:60px;}
.view_carousel_ty1 .carousel_box{margin:0 10px}
.view_carousel_ty1 .thumlist_box{display:block; position:relative; height:300px; padding-top:175px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}

.view_carousel_ty1 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; height:175px; overflow:hidden}
.view_carousel_ty1 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); border-bottom:none; z-index:1}
.view_carousel_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.view_carousel_ty1 .thum_area .no_cover{display:block; position:absolute; left:0; top:0; right:0; height:174px; background:#f3f3f3 url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px;}


.view_carousel_ty1 .writer_area{position:relative;}
.view_carousel_ty1 .writer_box{position:absolute; top:-38px; left:20px; height:40px; padding:0 10px; background:#fff}
.view_carousel_ty1 .writer_box .logo{display:inline-block; position:relative; max-width:50px; vertical-align:middle}
.view_carousel_ty1 .writer_box .writer{display:inline-block; margin-left:3px; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:40px; vertical-align:middle}

.view_carousel_ty1 .tit_area{padding:20px; padding-bottom:12px; box-sizing:border-box}
.view_carousel_ty1 .tit_area .tit{display:block; color:#303030; margin-bottom:8px; font-size:18px; line-height:135%; letter-spacing:-1.2px; font-weight:300; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.view_carousel_ty1 .tit_area .info{display:box; display:-webkit-box; display:-ms-flexbox; height:42px; color:#303030; font-size:14px; line-height:155%; letter-spacing:-0.8px; font-weight:normal; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.view_carousel_ty1 .info_area{padding:0 20px 0 20px}
.view_carousel_ty1 .info_area:after{content:''; display:block; clear:both}
.view_carousel_ty1 .info_area span{display:inline-block; position:relative; margin-left:10px; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.view_carousel_ty1 .info_area span.date{float:left; margin-left:0}
.view_carousel_ty1 .info_area span.writer{float:left; margin-left:0; color:#30a5d7}
.view_carousel_ty1 .info_area span.play{float:right; padding-left:23px}
.view_carousel_ty1 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.view_carousel_ty1 .info_area span.time{float:right; padding-left:23px}
.view_carousel_ty1 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.view_carousel_ty1 .info_area span.view{float:right; padding-left:29px}
.view_carousel_ty1 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.view_carousel_ty1 .info_area span.good{float:right; padding-left:25px}
.view_carousel_ty1 .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.view_carousel_ty1 .info_area span.bad{float:right; padding-left:25px}
.view_carousel_ty1 .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.view_carousel_ty1 .info_area span.comment{float:right; padding-left:24px}
.view_carousel_ty1 .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.view_carousel_ty1 .info_area span.good.active{color:#30a5d7}
.view_carousel_ty1 .info_area span.bad.active{color:#cf2177}

.view_carousel_ty1 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.view_carousel_ty1 .slick-prev,
.view_carousel_ty1 .slick-next{background:rgba(34,35,37,.6)}
.view_carousel_ty1 .slick-prev{left:0}
.view_carousel_ty1 .slick-next{right:0}
.view_carousel_ty1 .slick-prev:before,
.view_carousel_ty1 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.view_carousel_ty1 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.view_carousel_ty1 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.view_carousel_ty1 .slick-prev:hover:before,
.view_carousel_ty1 .slick-next:hover:before{opacity:1}
.view_carousel_ty1 .slick-prev:hover:before{right:-6px}
.view_carousel_ty1 .slick-next:hover:before{left:-6px}
.view_carousel_ty1 .slick-prev:hover,
.view_carousel_ty1 .slick-next:hover{background:rgba(48,165,215,.8)}
.view_carousel_ty1 .slick-prev.slick-disabled{display:none !important}
.view_carousel_ty1 .slick-next.slick-disabled{display:none !important}


/* view_filelist */
.view_filelist{position:relative; margin-top:-1px; margin-bottom:25px; padding-left:135px; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.view_filelist .tit_area{position:absolute; left:30px; top:13px}
.view_filelist .tit_area .tit{display:inline-block; padding-left:15px; font-size:16px; color:#303030; font-weight:normal; letter-spacing:-0.8px; line-height:135%}
.view_filelist .tit_area .tit:before{content:"\ea6a"; position:absolute; left:0; top:0; font-family:'xeicon'; font-weight:300; color:#303030; font-size:14px}

.view_filelist .filelist li{position:relative; padding:5px 0; padding-left:8px; border-bottom:1px solid #ebebeb}
.view_filelist .filelist li:before{content:''; position:absolute; left:0; top:22px; width:3px; height:3px; background:#909090}
.view_filelist .filelist li:last-child{margin-bottom:0; border-bottom:none;}
.view_filelist .filelist li a{display:inline-block; position:relative; padding:10px 0; padding-right:32px; font-size:13px; color:#505050; letter-spacing:-0.8px; line-height:135%}
.view_filelist .filelist li a:after{content:"\e905"; position:absolute; right:0; top:50%; width:26px; height:26px; margin-top:-13px; padding-left:6px; font-weight:normal; font-family:'xeicon'; font-weight:300; line-height:26px; color:#5e749e; background:#e6eef8; font-size:14px; border-radius:50%; box-sizing:border-box}
.view_filelist .filelist li a:hover{color:#30a5d7}
.view_filelist .filelist li span{display:inline-block; position:relative; font-size:13px; color:#505050; letter-spacing:-0.8px; line-height:135%}


/* view_corecont */
.view_corecont{position:relative; margin-top:-1px; margin-bottom:20px; padding-left:105px; border:1px solid #dadada; background:#f6f6f6}
.view_corecont .tit_box{display:table; position:absolute; top:-1px; bottom:-1px; left:-1px; width:105px; height:100%; text-align:center; background:#222325}
.view_corecont .tit_box .tit{display:table-cell; color:#fff; font-size:16px; letter-spacing:-0.8px; font-weight:normal; vertical-align:middle}
.view_corecont .info_txt{padding:16px 30px; color:#505050; line-height:155%; color:#505050; font-size:15px; letter-spacing:-0.5px}


/* view_tag */
.view_tag{position:relative; margin-bottom:10px}
.view_tag .tag_list:after{content:''; display:block; clear:both}
.view_tag .tag_list li{float:left; margin-right:5px}
.view_tag .tag_list li:last-child{margin-right:0}
.view_tag .tag_list li .tag_box{display:block; position:relative; padding:5px 15px 4px; color:#30a5d7; background:#e6eef8; letter-spacing:-0.8px; line-height:155%; font-size:16px; font-weight:normal; border-radius:120px; transition:all .20s ease}
.view_tag .tag_list li .tag_box .del{position:absolute; right:-8px; top:-5px; width:22px; height:22px; margin:0; padding:0;background:#30a5d7; border-radius:50%; border:0; box-sizing:border-box}
.view_tag .tag_list li .tag_box .del:after{content:"\e921"; position:absolute; left:0; top:0; width:22px; height:22px; line-height:22px; margin:0; padding:0; font-family:'xeicon'; font-size:12px; font-weight:normal; color:#fff; cursor:pointer}



/* origin_info */
.origin_info{position:relative; margin-top:-1px; padding:25px 30px; background:#e6eef8}
.origin_info:before{content:''; position:absolute; left:0; top:0; width:2px; height:100%; background:#018de7}
.origin_info .stit_area{margin-bottom:10px}
.origin_info .origin_cont p{line-height:145%; letter-spacing:-0.8px; color:#5e749e; font-size:16px; font-weight:normal; text-align:justify}


/* rediscovery */
.rediscovery{position:relative; margin-top:25px; overflow:hidden}
.rediscovery .prev, .rediscovery .next{position:relative; float:left; width:50%; height:38px; box-sizing:border-box}
.rediscovery .prev{padding-left:80px; padding-right:20px; text-align:left}
.rediscovery .next{padding-right:80px; padding-left:20px; text-align:right}
.rediscovery .prev .tit, .rediscovery .next .tit{display:block; position:absolute; height:38px; padding:0 18px; line-height:36px; background:#fff; border:1px solid #dadada; font-size:13px; letter-spacing:-0.8px; font-weight:300; color:#303030; box-sizing:border-box}
.rediscovery .prev .tit{left:0}
.rediscovery .next .tit{right:0}
.rediscovery .prev a, .rediscovery .next a{display:block; line-height:38px; font-size:13px; letter-spacing:-0.8px; color:#505050; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.rediscovery .prev a:hover, .rediscovery .next a:hover{color:#018de7}


.view_control:after{content:''; display:block; clear:both}
.view_control .control{float:right;}
.view_control .control:after{content:''; display:block; clear:both}
.view_control .control > li{position:relative; float:left; padding:0 10px}
.view_control .control > li:after{content:''; position:absolute; top:50%; right:0; width:1px; height:20px; margin-top:-10px; background:#dadada}
.view_control .control > li:last-child{padding-right:0}
.view_control .control > li:last-child:after{display:none}

.view_control .control_book{display:block; position:relative; height:50px; padding:0 23px 0 0; background:none; margin:0; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.view_control .control_book .tit{display:inline-block; line-height:50px; font-size:14px; letter-spacing:-0.5px; color:#707070}
.view_control .control_book:after{content:''; position:absolute; right:0; top:50%; width:15px; height:18px; margin-top:-9px; background:url("../images/common/control_book.png") no-repeat 50% 50%; background-size:15px 18px; box-sizing:border-box; z-index:1; transition:all .10s ease}
.view_control .control_book.active:after{background:url("../images/common/control_book_se.png") no-repeat 50% 50%; background-size:15px 18px}

.view_control .control_sns{position:relative; overflow:hidden}
.view_control .control_sns .open_sns{display:block; position:relative; height:50px; padding:0 27px 0 5px; background:none; margin:0; border:0; border-radius:0; cursor:pointer; box-sizing:border-box; transition: all .80s cubic-bezier(0.7, 0, 0.3, 1)}
.view_control .control_sns .open_sns .tit{display:inline-block; line-height:50px; font-size:14px; letter-spacing:-0.5px; color:#707070}
.view_control .control_sns .open_sns:after{content:''; position:absolute; right:-10px; top:50%; width:37px; height:37px; margin-top:-18.5px; background:url("../images/common/control_share.png") no-repeat 8px 9px; background-size:19px 19px; border-radius:0; box-sizing:border-box; z-index:1; transition:all .30s ease}
.view_control .control_sns .open_sns.active{padding-right:152px}

.view_control .control_sns .share_layer{position:absolute; right:-115px; top:7px; box-sizing:border-box; transition: all .80s cubic-bezier(0.7, 0, 0.3, 1); z-index:1}
.view_control .control_sns .share_layer.active{right:28px;}
.view_control .share_layer .sns:after{content:''; display:block; clear:both}
.view_control .share_layer .sns li{float:left; margin-left:2px}
.view_control .share_layer .sns li:first-child{margin-left:0}
.view_control .share_layer .sns li a{display:inline-block; width:37px; height:37px; border-radius:2px; transition:all .30s ease}
.view_control .share_layer .sns li a.t_fb{background-color:rgba(24,119,242,1); background-image:url("../images/common/fsns_fb.png"); background-repeat:no-repeat; background-position:13px 50%; background-size:10px 17px}
.view_control .share_layer .sns li a.t_ko{background-color:rgba(251,203,19,1); background-image:url("../images/common/fsns_ko.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:21px 20px}
.view_control .share_layer .sns li a.t_nb{background-color:rgba(0,199,60,1); background-image:url("../images/common/fsns_nb.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:13px 13px}

.view_control .control_url{display:block; position:relative; height:50px; padding:0 23px 0 0; background:none; margin:0; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.view_control .control_url .tit{display:inline-block; line-height:50px; font-size:14px; letter-spacing:-0.5px; color:#707070}
.view_control .control_url:after{content:''; position:absolute; right:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url("../images/common/control_url.png") no-repeat 50% 50%; background-size:18px 18px; box-sizing:border-box}

.view_control .control_print{display:block; width:28px; height:50px; background:url("../images/common/control_print.png") no-repeat 50% 50%; background-size:18px 15px; margin:0; padding:0; border:0; border-radius:0; cursor:pointer}


/* ---------- carousel_view ---------- */
/* carousel_view_ty1 */
.carousel_view_ty1{position:relative}
.carousel_view_ty1 .carousel_box{display:block; position:relative; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);  text-align:center; margin:55px 1px; background:#f8f8f8}
.carousel_view_ty1 .carousel_box img{display:inline-block; width:100%; max-width:500px; height:auto; opacity:.5; transform:scale(1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1)}
.carousel_view_ty1 .carousel_box.slick-center{z-index:1}
.carousel_view_ty1 .carousel_box.slick-center img{opacity:1}

.carousel_view_ty1 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.carousel_view_ty1 .slick-prev,
.carousel_view_ty1 .slick-next{background:rgba(25,57,117,.6)}
.carousel_view_ty1 .slick-prev{left:50%; margin-left:-325px}
.carousel_view_ty1 .slick-next{right:50%; margin-right:-325px}
.carousel_view_ty1 .slick-prev:before,
.carousel_view_ty1 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.carousel_view_ty1 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_view_ty1 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_view_ty1 .slick-prev:hover:before,
.carousel_view_ty1 .slick-next:hover:before{opacity:1}
.carousel_view_ty1 .slick-prev:hover:before{right:-6px}
.carousel_view_ty1 .slick-next:hover:before{left:-6px}
.carousel_view_ty1 .slick-prev:hover,
.carousel_view_ty1 .slick-next:hover{background:rgba(25,57,117,.8)}
.carousel_view_ty1 .slick-prev.slick-disabled{display:none !important}
.carousel_view_ty1 .slick-next.slick-disabled{display:none !important}


/* carousel_view_ty2 */
.carousel_view_ty2{position:relative}
.carousel_view_ty2 .carousel_box{display:block; position:relative; text-align:center; cursor:pointer}
.carousel_view_ty2 .carousel_box img{display:inline-block; width:100%; height:135px; opacity:.5; object-fit:cover}
.carousel_view_ty2 .carousel_box img.active{opacity:1}
.carousel_view_ty2 .carousel_box .caption{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(2,54,104,.6); box-sizing:border-box}
.carousel_view_ty2 .carousel_box .caption .tit{display:block; position:absolute; left:0; bottom:0; width:100%; padding:15px; color:#fff; font-weight:normal; text-align:left; font-size:13px; line-height:135%; letter-spacing:-0.5px; box-sizing:border-box}
.carousel_view_ty2 .carousel_box:hover img{opacity:1}
.carousel_view_ty2 .carousel_box:hover .caption{display:block}

.carousel_view_ty2 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.carousel_view_ty2 .slick-prev,
.carousel_view_ty2 .slick-next{background:rgba(25,57,117,.6)}
.carousel_view_ty2 .slick-prev{left:0;}
.carousel_view_ty2 .slick-next{right:0;}
.carousel_view_ty2 .slick-prev:before,
.carousel_view_ty2 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.carousel_view_ty2 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_view_ty2 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.carousel_view_ty2 .slick-prev:hover:before,
.carousel_view_ty2 .slick-next:hover:before{opacity:1}
.carousel_view_ty2 .slick-prev:hover:before{right:-6px}
.carousel_view_ty2 .slick-next:hover:before{left:-6px}
.carousel_view_ty2 .slick-prev:hover,
.carousel_view_ty2 .slick-next:hover{background:rgba(25,57,117,.8)}
.carousel_view_ty2 .slick-prev.slick-disabled{display:none !important}
.carousel_view_ty2 .slick-next.slick-disabled{display:none !important}

.carousel_view_ty2 .slick-dots{display:block; position:absolute; bottom:-30px; width:100%; text-align:center}
.carousel_view_ty2 .slick-dots li{display:inline-block; position:relative; margin:0 10px}
.carousel_view_ty2 .slick-dots li button{display:block; position:relative; width:6px; height:6px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(25,57,117,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.carousel_view_ty2 .slick-dots li button:before{content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-left:-11px; margin-top:-11px; border:1px solid rgba(25,57,117,0); border-radius:50%; box-sizing:border-box; transition:all .40s ease}
.carousel_view_ty2 .slick-dots li.slick-active button{background:rgba(25,57,117,1)}
.carousel_view_ty2 .slick-dots li.slick-active button:before{border:1px solid rgba(25,57,117,.6)}


/* ---------- video ---------- */
/* video_view_ty1 */
.video_view_ty1 .video_wrap{max-width:700px; margin:0 auto; padding:30px 0 25px; box-sizing:border-box}
.video_view_ty1 .video_area{position:relative; height:auto; margin:0 auto; padding-top:56.2%}
.video_view_ty1 .video_area .player{display:block; position:absolute; left:0; top:0; width:100%; height:100%}


/* ---------- category ---------- */
/* category_depth */
.category_depth .depth_wrap{position:relative}
.category_depth .depth_wrap > li{position:relative; padding-left:140px}
.category_depth .depth_wrap > li .depth_tit{display:block; position:absolute; left:0; top:0; width:140px; height:100%; padding-top:10px; background:#e6eef8; border-bottom:1px solid #c8d6e8; box-sizing:border-box;}
.category_depth .depth_wrap > li .depth_tit a{display:inline-block; padding:5px; padding-left:15px; color:#5e749e; letter-spacing:-0.6px; line-height:135%; font-size:13px}
.category_depth .depth_wrap > li .depth_tit a strong{font-weight:300}
.category_depth .depth_wrap > li .depth_tit a .num{font-weight:normal; letter-spacing:normal}
.category_depth .depth_wrap > li:first-child .depth_tit{border-top:1px solid #c8d6e8}
.category_depth .depth_wrap > li:first-child .depth_list{border-top:1px solid #dadada}
.category_depth .depth_wrap > li:last-child .depth_list{border-bottom:1px solid #dadada}

.category_depth .depth_list{position:relative; padding:10px 0; padding-left:20px; border-bottom:1px solid #ebebeb; overflow:hidden}
.category_depth .depth_list > li{float:left; width:16.6666666%; box-sizing:border-box}
.category_depth .depth_list > li a{display:inline-block; position:relative; color:#5e749e; border:1px solid #fff; letter-spacing:-0.8px; padding:5px 5px 5px 13px; line-height:135%; font-size:13px;}
.category_depth .depth_list > li a:before{content:''; position:absolute; left:5px; top:12px; width:3px; height:3px; background:#c0c9d4}
.category_depth .depth_list > li a .num{letter-spacing:normal}
.category_depth .depth_list > li.active a{color:#018de7; border:1px solid #018de7}
.category_depth .depth_list > li.active a:before{background:#018de7}


/* category_menu */
.category_menu .menu_list{position:relative; padding:20px 30px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; overflow:hidden}
.category_menu .menu_list > li{float:left; width:20%; box-sizing:border-box}
.category_menu .menu_list.col6 > li{width:16.6666666%}
.category_menu .menu_list.col5 > li{width:20%}
.category_menu .menu_list.col4 > li{width:25%}
.category_menu .menu_list > li a{display:inline-block; position:relative; color:#5e749e; letter-spacing:-0.6px;  border:1px solid #fff; padding:5px 5px 5px 13px; line-height:135%; font-size:13px;}
.category_menu .menu_list > li a:before{content:''; position:absolute; left:5px; top:12px; width:3px; height:3px; background:#c0c9d4}
.category_menu .menu_list > li a .num{letter-spacing:normal}
.category_menu .menu_list > li.active a{color:#018de7; border:1px solid #018de7}
.category_menu .menu_list > li.active a:before{background:#018de7}

.category_menu .menu_list li a .num{color:#018de7}
.category_menu .menu_list li a .year{color:#909090}


/* category_controll */
.category_controll{position:relative; padding:0 0 10px; box-sizing:border-box}
.category_controll .controll_left{position:absolute; top:0; left:0}
.category_controll .controll_right{position:absolute; top:0; right:0}


/* ---------- fileupload ---------- */
#fileUploadModule .file_controll{position:relative; margin-bottom:5px; overflow:hidden}
#fileUploadModule .file_controll .total_num{position:absolute; right:0; bottom:0; line-height:150%; font-size:13px; color:#707070; letter-spacing:normal}
#fileUploadModule .file_controll .total_num strong{color:#018de7; font-weight:300}
#fileUploadModule .fileListForm{position:relative; border:1px solid #d6d6d6}

#fileListFieldSet{position:relative; background:#fff; border-bottom:1px solid #d6d6d6}
#fileListFieldSet .fileLine{position:relative; height:30px; padding:0; overflow:hidden; box-sizing:border-box}
#fileListFieldSet .fileLine .file_allcheck{float:left; width:5%; height:30px; padding-top:4px; text-align:center; border-right:1px solid #d6d6d6; box-sizing:border-box}
#fileListFieldSet .fileLine .fileName,
#fileListFieldSet .fileLine .fileSize{display:block; float:left; padding:0 10px; color:#505050; line-height:30px; font-size:13px; letter-spacing:-0.8px; font-weight:normal; box-sizing:border-box}
#fileListFieldSet .fileLine .fileName{width:85%}
#fileListFieldSet .fileLine .fileSize{width:10%; border-left:1px solid #d6d6d6; text-align:center;}

#fileListZone{position:relative; padding:5px 0; background:#f8f8f8; overflow:hidden}
#fileListZone .fileDrag{padding:30px 0; text-align:center; line-height:135%; letter-spacing:-0.8px; color:#808080; font-size:13px; font-weight:normal}
#fileListZone .file_check{float:left; width:5%; height:30px; padding-top:4px; text-align:center; box-sizing:border-box}
#fileListZone .fileName,
#fileListZone .fileSize{display:block; float:left; padding:0 10px; color:#505050; line-height:30px; font-size:13px; letter-spacing:-0.8px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; overflow:hidden}
#fileListZone .fileName{width:85%}
#fileListZone .fileSize{width:10%; padding:0 10px; text-align:right}


/* ---------- writing ---------- */
/* writing_ty1 */
.writing_ty1{position:relative; margin-top:-1px; margin-bottom:25px; padding-top:20px}
.writing_ty1 .writing_list:after{content:''; display:block; clear:both}
.writing_ty1 .writing_list > li{position:relative; margin-top:40px; padding-left:140px; box-sizing:border-box}
.writing_ty1 .writing_list > li:first-child{margin-top:0}

.writing_ty1 .writing_list > li .writing_tit{position:absolute; top:0; left:0; width:140px}
.writing_ty1 .writing_list > li .writing_tit .tit{display:block; height:40px; line-height:40px; font-size:15px; letter-spacing:-0.8px; color:#303030; font-weight:normal; border-bottom:1px solid #d6d6d6}
.writing_ty1 .writing_list > li .writing_cont .txt_area{padding-top:9px}
.writing_ty1 .writing_list > li .writing_cont .txt_area p{font-size:13px; line-height:150%; color:#303030; letter-spacing:-0.8px}
.writing_ty1 .writing_list > li .writing_cont .radio_area{padding:8px 0 10px; border-bottom:1px solid #d6d6d6}
.writing_ty1 .writing_list > li .flex_box{margin-left:-20px; overflow:hidden}
.writing_ty1 .writing_list > li .flex_box li{float:left; width:50%}
.writing_ty1 .writing_list > li .flex_box li .box_inner{margin-left:20px}

.writing_ty1 .writing_list > li.editor_row,
.writing_ty1 .writing_list > li.file_row{padding-left:0}
.writing_ty1 .writing_list > li.editor_row .writing_tit,
.writing_ty1 .writing_list > li.file_row .writing_tit{position:relative; top:auto; left:auto; width:auto}
.writing_ty1 .writing_list > li.editor_row .writing_tit .tit,
.writing_ty1 .writing_list > li.file_row .writing_tit .tit{border-bottom:none}


/* writing_ty2 */
.writing_ty2{position:relative; margin-bottom:25px; text-align:left; margin-top:-1px}
.writing_ty2 .writing_list{overflow:hidden; border-top:3px solid #4d5265; border-bottom:1px solid #4d5265}
.writing_ty2 .writing_list:after{content:''; display:block; clear:both}
.writing_ty2 .writing_list > li{position:relative; border-bottom:1px solid #dadada; padding:11px 0; padding-left:180px; min-height:60px; box-sizing:border-box;}
.writing_ty2 .writing_list.min > li{padding-left:150px}
.writing_ty2 .writing_list > li:last-child{border-bottom:none}
.writing_ty2 .writing_list > li .writing_tit{position:absolute; top:20px; left:10px; width:170px}
.writing_ty2 .writing_list.min > li .writing_tit{width:150px}
.writing_ty2 .writing_list > li .writing_tit.required:before{content:"\e928"; position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; padding-left:6px; font-weight:normal; font-family:'xeicon'; font-weight:300; line-height:26px; color:#30a5d7; font-size:16px; box-sizing:border-box}
.writing_ty2 .writing_list > li .writing_tit .tit{display:inline-block; padding-left:25px; line-height:150%; font-size:14px; letter-spacing:-0.8px; color:#303030; font-weight:300}
.writing_ty2 .writing_list > li .writing_cont .txt_area{padding-top:9px}
.writing_ty2 .writing_list > li .writing_cont .txt_area p{font-size:14px; line-height:150%; color:#303030; letter-spacing:-0.8px}
.writing_ty2 .writing_list > li .writing_cont .check_area{padding-top:8px}
.writing_ty2 .writing_list > li .writing_cont .radio_area{padding-top:8px}

.writing_ty2 .writing_list > li.col2{padding-left:0; padding:0; min-height:auto}
.writing_ty2 .writing_list > li.col2 .flex_box{overflow:hidden}
.writing_ty2 .writing_list > li.col2 .flex_box li{float:left; width:50%; padding:11px 0; padding-left:180px; min-height:60px; position:relative; box-sizing:border-box;}

.writing_ty2 .writing_list > li.other_row{background:#f8f8f8}
.writing_ty2 .writing_list > li.editor_row{padding-left:0}

.writing_ty2 .view_tag{margin-bottom:0}
.writing_ty2 .view_tag .tag_list li{margin-right:15px}
.writing_ty2 .view_tag .tag_list li .tag_box{font-size:14px}



/* ---------- vieting ---------- */
.vieting_ty1{position:relative; margin-bottom:25px; text-align:left; margin-top:-1px}
.vieting_ty1 .vieting_list{overflow:hidden; border-top:3px solid #4d5265; border-bottom:1px solid #4d5265}
.vieting_ty1 .vieting_list:after{content:''; display:block; clear:both}
.vieting_ty1 .vieting_list > li{position:relative; border-bottom:1px solid #dadada; padding:11px 0; padding-left:155px; min-height:50px; box-sizing:border-box;}
.vieting_ty1 .vieting_list.min > li{padding-left:125px}
.vieting_ty1 .vieting_list > li:last-child{border-bottom:none}
.vieting_ty1 .vieting_list > li .vieting_tit{position:absolute; top:15px; left:10px; width:170px}
.vieting_ty1 .vieting_list.min > li .vieting_tit{width:110px}
.vieting_ty1 .vieting_list > li .vieting_tit .tit{display:inline-block; line-height:150%; font-size:14px; letter-spacing:-0.8px; color:#303030; font-weight:300}
.vieting_ty1 .vieting_list > li .vieting_cont .txt_area{padding-top:5px}
.vieting_ty1 .vieting_list > li .vieting_cont .txt_area p{font-size:13px; line-height:150%; color:#303030; letter-spacing:-0.8px}
.vieting_ty1 .vieting_list > li .vieting_cont .check_area{padding-top:4px}
.vieting_ty1 .vieting_list > li .vieting_cont .radio_area{padding-top:4px}





/* writing_card */
.writing_card{position:relative; margin-bottom:25px; margin-top:-1px}
.writing_card .writing_inner{position:relative; height:auto; padding-left:240px; padding-right:240px; background:#f3f3f3; box-sizing:border-box}


/* flex_left */
.flex_l{position:absolute; left:0; top:0; width:240px; height:100%; background:#ededed}
.flex_l:before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#dadada}
.flex_l .ctrl_ty1{position:absolute; top:0; left:0; width:100%}
.flex_l .ctrl_ty2{position:absolute; bottom:0; left:0; width:100%}
.flex_l .btn_list:after{content:''; display:block; clear:both}
.flex_l .btn_list li{float:left; width:50%}
.flex_l .card_preview{display:block; width:100%; height:50px; margin:0; padding:0; background:#4d5265; text-align:center; color:#fff; border:1px solid #4d5265; font-size:15px; letter-spacing:-1px; box-sizing:border-box; cursor:pointer}
.flex_l .card_add{display:block; width:100%; height:50px; margin:0; padding:0; background:#30a5d7; text-align:center; color:#fff; border:1px solid #30a5d7; font-size:15px; letter-spacing:-1px; box-sizing:border-box; cursor:pointer}
.flex_l .card_del{display:block; width:100%; height:50px; margin:0; padding:0; background:#4d5265; text-align:center; color:#fff; border:1px solid #4d5265; font-size:15px; letter-spacing:-1px; box-sizing:border-box; cursor:pointer}
.flex_l .card_preview i,
.flex_l .card_add i,
.flex_l .card_del i{vertical-align:middle; margin-top:-3px}
.flex_l .card_preview i{font-size:22px}

.flex_l .card_list_wrap{position:absolute; top:50px; bottom:50px; left:0; width:100%; padding:15px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.flex_l .card_list{width:120px; margin:0 auto}
.flex_l .card_list > ul > li{margin-bottom:15px; position:relative}
.flex_l .card_list > ul > li:last-child{margin-bottom:0}
.flex_l .card_list > ul > li .temp_del{position:absolute; right:-27px; top:0}


.flex_l .card_temp{display:block; position:relative; height:144px; background:#fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1); box-sizing:border-box; transition:all .20s ease}
.flex_l .card_temp:hover{box-shadow:6px 6px 6px 0 rgba(0,0,0,0.1)}
.flex_l .card_temp:before,
.flex_l .card_temp:after{content:''; position:absolute; background:#fff; z-index:1}
.flex_l .card_temp:before{left:0; bottom:0; width:100%; height:1px}
.flex_l .card_temp:after{right:0; top:0; width:1px; height:100%}
.flex_l .card_temp .temp_tit{display:inline-block; position:absolute; left:-40px; top:11px; width:40px; padding-right:5px; text-align:right; font-size:13px; color:#808080; letter-spacing:-1px; line-height:135%; box-sizing:border-box}

.flex_l .card_temp.cover{display:block; background-color:#f5f8ff; background-position:50% 50%; background-size: 100% 100%; background-repeat:no-repeat}
.flex_l .card_temp.cover .subject_blank{height:140px; padding:35px 15px 0; box-sizing:border-box}
.flex_l .card_temp.cover .subject_blank .blank01,
.flex_l .card_temp.cover .subject_blank .blank02{display:block; height:5px; background:#d8e6f7; margin:0 auto}
.flex_l .card_temp.cover .subject_blank .blank01{width:80%; margin-bottom:5px}
.flex_l .card_temp.cover .subject_blank .blank02{width:40%}

.flex_l .card_temp.temp_ty1 .temp_img{position:relative; height:70px; background:#f5f8ff}
.flex_l .card_temp.temp_ty1 .temp_img .img{display:block; width:100%; height:70px;}
.flex_l .card_temp.temp_ty1 .temp_cont{height:70px; padding:15px 15px; box-sizing:border-box}
.flex_l .card_temp.temp_ty1 .temp_cont .cont_blank .blank01,
.flex_l .card_temp.temp_ty1 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_l .card_temp.temp_ty1 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_l .card_temp.temp_ty1 .temp_cont .cont_blank .blank02{width:40%}

.flex_l .card_temp.temp_ty2 .temp_img{position:relative; height:70px; background:#f5f8ff}
.flex_l .card_temp.temp_ty2 .temp_img .img{display:block; width:100%; height:70px;}
.flex_l .card_temp.temp_ty2 .temp_cont{height:70px; padding:15px 15px; box-sizing:border-box}
.flex_l .card_temp.temp_ty2 .temp_cont .cont_blank .blank01,
.flex_l .card_temp.temp_ty2 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_l .card_temp.temp_ty2 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_l .card_temp.temp_ty2 .temp_cont .cont_blank .blank02{width:40%}

.flex_l .card_temp.temp_ty3{padding:15px 15px 0}
.flex_l .card_temp.temp_ty3 .temp_img{position:relative; height:70px; background:#f5f8ff}
.flex_l .card_temp.temp_ty3 .temp_img .img{display:block; width:100%; height:70px;}
.flex_l .card_temp.temp_ty3 .temp_cont{height:70px; padding:15px 0; text-align:left; box-sizing:border-box}
.flex_l .card_temp.temp_ty3 .temp_cont .cont_blank .blank01,
.flex_l .card_temp.temp_ty3 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_l .card_temp.temp_ty3 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_l .card_temp.temp_ty3 .temp_cont .cont_blank .blank02{width:40%}

.flex_l .card_temp.temp_ty4 .temp_cont{height:140px; padding:15px 15px; box-sizing:border-box}
.flex_l .card_temp.temp_ty4 .temp_cont .cont_blank .blank01,
.flex_l .card_temp.temp_ty4 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_l .card_temp.temp_ty4 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_l .card_temp.temp_ty4 .temp_cont .cont_blank .blank02{width:40%}

.flex_l .card_temp.temp_ty5 .temp_img{position:relative; height:140px; background:#f5f8ff}
.flex_l .card_temp.temp_ty5 .temp_img .img{display:block; width:100%; height:140px;}



/* flex_center */
.flex_c{position:relative; padding:35px 0}
.flex_c .slide_wrap{text-align:center; margin-bottom:15px}
.flex_c .slide_wrap ul{display:inline-block}
.flex_c .slide_wrap ul:after{content:''; display:block; clear:both}
.flex_c .slide_wrap ul li{position:relative; float:left; margin-right:10px}
.flex_c .slide_wrap ul li:last-child{margin-right:0}
.flex_c .slide_ty1,
.flex_c .slide_ty2,
.flex_c .slide_ty3{display:block; position:relative; padding:12px 20px; padding-left:44px; background:#fff; border:1px solid #fff; border-radius:2px; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1); box-sizing:border-box}

.flex_c .slide_ty1 .tit,
.flex_c .slide_ty2 .tit,
.flex_c .slide_ty3 .tit{display:inline-block; line-height:135%; letter-spacing:-0.8px; font-size:14px; color:#606060}

.flex_c .slide_ty1 .blank01,
.flex_c .slide_ty1 .blank02{display:block; position:absolute; top:50%; width:10px; height:19px; margin-top:-10px; background:#dadada}
.flex_c .slide_ty1 .blank01{left:15px}
.flex_c .slide_ty1 .blank02{left:26px}

.flex_c .slide_ty2 .blank01,
.flex_c .slide_ty2 .blank02{display:block; position:absolute; left:15px; width:21px; height:9px; background:#dadada}
.flex_c .slide_ty2 .blank01{top:12px}
.flex_c .slide_ty2 .blank02{top:22px}

.flex_c .slide_ty3 .blank01,
.flex_c .slide_ty3 .blank02{display:block; position:absolute; top:50%; width:21px; height:19px; margin-top:-10px; background:#dadada}
.flex_c .slide_ty3 .blank01{left:15px}
.flex_c .slide_ty3 .blank02{left:26px}

.flex_c .slide_ty1.active,
.flex_c .slide_ty2.active,
.flex_c .slide_ty3.active{border:1.2px solid #30a5d7}
.flex_c .slide_ty1.active .blank01,
.flex_c .slide_ty1.active .blank02{background:#30a5d7}
.flex_c .slide_ty2.active .blank01,
.flex_c .slide_ty2.active .blank02{background:#30a5d7}
.flex_c .slide_ty3.active .blank01,
.flex_c .slide_ty3.active .blank02{background:#30a5d7}


.flex_c .layout_wrap{text-align:center; margin-bottom:25px; padding-top:20px}
.flex_c .layout_wrap ul{display:inline-block; margin-left:-13px}
.flex_c .layout_wrap ul li{position:relative; float:left}

.flex_c .card_layout{display:inline-block; position:relative; width:80px; height:80px; margin-left:25px; background:#fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1); box-sizing:border-box}
.flex_c .card_layout:before,
.flex_c .card_layout:after{content:''; position:absolute; background:#fff; z-index:1}
.flex_c .card_layout:before{left:0; bottom:0; width:100%; height:1px}
.flex_c .card_layout:after{right:0; top:0; width:1px; height:100%}
.flex_c .card_layout.active{border:1.2px solid #30a5d7}

.flex_c .card_layout .layout_inner:before,
.flex_c .card_layout .layout_inner:after{content:''; position:absolute; background:#fff; z-index:1}
.flex_c .card_layout .layout_inner:before{left:0; bottom:0; width:100%; height:1px}
.flex_c .card_layout .layout_inner:after{right:0; top:0; width:1px; height:100%}
.flex_c .card_layout.active .layout_inner{border:1.2px solid #30a5d7}

.flex_c .card_layout .layout_inner{display:inline-block; position:relative; width:80px; height:80px; margin-left:25px; background:#fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1); box-sizing:border-box}


.flex_c .card_layout.layout_ty1 .temp_img{position:relative; height:40px; background:#f5f8ff}
.flex_c .card_layout.layout_ty1 .temp_img .img{display:block; width:100%; height:40px; object-fit:cover}
.flex_c .card_layout.layout_ty1 .temp_cont{height:40px; padding:10px; box-sizing:border-box}
.flex_c .card_layout.layout_ty1 .temp_cont .cont_blank .blank01,
.flex_c .card_layout.layout_ty1 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_c .card_layout.layout_ty1 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_c .card_layout.layout_ty1 .temp_cont .cont_blank .blank02{width:40%}

.flex_c .card_layout.layout_ty2 .temp_img{position:relative; height:38.2px; background:#f5f8ff}
.flex_c .card_layout.layout_ty2 .temp_img .img{display:block; width:100%; height:40px; object-fit:cover}
.flex_c .card_layout.layout_ty2 .temp_cont{height:40px; padding:10px; box-sizing:border-box}
.flex_c .card_layout.layout_ty2 .temp_cont .cont_blank .blank01,
.flex_c .card_layout.layout_ty2 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_c .card_layout.layout_ty2 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_c .card_layout.layout_ty2 .temp_cont .cont_blank .blank02{width:40%}

.flex_c .card_layout.layout_ty3{padding:15px 15px 0}
.flex_c .card_layout.layout_ty3 .layout_inner{padding:15px 15px 0}
.flex_c .card_layout.layout_ty3 .temp_img{position:relative; height:20px; background:#f5f8ff}
.flex_c .card_layout.layout_ty3 .temp_img .img{display:block; width:100%; height:20px; object-fit:cover}
.flex_c .card_layout.layout_ty3 .temp_cont{height:40px; padding:10px 0; text-align:left; box-sizing:border-box}
.flex_c .card_layout.layout_ty3 .temp_cont .cont_blank .blank01,
.flex_c .card_layout.layout_ty3 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_c .card_layout.layout_ty3 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_c .card_layout.layout_ty3 .temp_cont .cont_blank .blank02{width:40%}

.flex_c .card_layout.layout_ty4 .temp_cont{height:80px; padding:15px 15px 0; box-sizing:border-box}
.flex_c .card_layout.layout_ty4 .temp_cont .cont_blank .blank01,
.flex_c .card_layout.layout_ty4 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_c .card_layout.layout_ty4 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_c .card_layout.layout_ty4 .temp_cont .cont_blank .blank02{width:40%}

.flex_c .card_layout.layout_ty5 .temp_img{position:relative; height:78.2px; background:#f5f8ff}
.flex_c .card_layout.layout_ty5 .temp_img .img{display:block; width:100%; height:80px; object-fit:cover}

.flex_c .card_layout .tip_layer{display:none; position:absolute; bottom:-34px; left:0; width:100%; background:#fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1);}
.flex_c .card_layout .tip_layer .tit{display:inline-block; padding:5px; letter-spacing:-0.8px; color:#808080}
.flex_c .card_layout:hover .tip_layer{display:block}

.flex_c .card_layout .layout_confirm{margin-left:25px; padding-top:5px; text-align:center}


.flex_c .card_form{position:relative; width:650px; height:800px; margin:0 auto; background:#fff; box-shadow:0 7px 17px 0 rgba(0,0,0,.16)}
.flex_c .card_hero .hero_img .img_upload{position:absolute; right:20px; top:20px; width:40px; height:40px; font-size:22px; border:1px solid rgba(255,255,255,0); border-radius:2px; text-align:center; color:#fff; background:#d6d6d6; overflow:hidden; box-sizing:border-box; box-shadow:0 7px 17px 0 rgba(0,0,0,.16)}
.flex_c .card_hero .hero_img .img_upload label{display:block; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.flex_c .card_hero .hero_img .img_upload label i{line-height:40px}
.flex_c .card_hero .hero_img .img_upload label input{position:absolute; width:0; height:0; padding:0; overflow:hidden}
.flex_c .card_hero .hero_img .img_upload input{position:absolute; width:0; height:0; padding:0}
.flex_c .card_hero .hero_subject .subject_write{display:block; position:relative; background:#fff; border:1px solid #d6d6d6; border-radius:2px}
.flex_c .card_hero .hero_subject .subject_write textarea{display:block; width:100%; height:300px; border:0; padding:10px; color:#606060; font-size:40px; outline:none; text-align:center; border-radius:2px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; resize:none}
.flex_c .card_hero .hero_cont .cont_write{display:block; position:relative; height:auto; background:#fff; border:1px solid #d6d6d6; border-radius:2px}
.flex_c .card_hero .hero_cont .cont_write textarea{display:block; width:100%; height:326px; border:0; padding:10px; color:#606060; font-size:18px; outline:none; border-radius:2px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; resize:none}

.flex_c .card_hero.hero_cover,
.flex_c .card_hero.hero_ty1,
.flex_c .card_hero.hero_ty2,
.flex_c .card_hero.hero_ty3,
.flex_c .card_hero.hero_ty4,
.flex_c .card_hero.hero_ty5{display:none}

.flex_c .card_hero.hero_cover.active,
.flex_c .card_hero.hero_ty1.active,
.flex_c .card_hero.hero_ty2.active,
.flex_c .card_hero.hero_ty3.active,
.flex_c .card_hero.hero_ty4.active,
.flex_c .card_hero.hero_ty5.active{display:block}

.flex_c .card_hero.hero_cover .hero_img{position:relative; height:800px; background-color:#f5f8ff; background-position:50% 50%; background-size:100% 100%; background-repeat:no-repeat}
.flex_c .card_hero.hero_cover .hero_img.black_bg:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}
.flex_c .card_hero.hero_cover .hero_subject{position:absolute; left:0; top:100px; width:100%; height:400px; padding:35px; box-sizing:border-box}
.flex_c .card_hero.hero_cover .hero_subject .subject_area{font-size:22px; color:#fff; text-align:center; line-height:155%; letter-spacing:-0.4px; font-weight:normal}

.flex_c .card_hero.hero_ty1 .hero_img{position:relative; height:400px; background:#f5f8ff}
.flex_c .card_hero.hero_ty1 .hero_img .img{display:block; max-width:650px; width:100%; max-height:400px; height:100%; overflow:hidden; align-items:center; justify-content:center}
.flex_c .card_hero.hero_ty1 .hero_cont{height:400px; padding:0px; box-sizing:border-box}
.flex_c .card_hero.hero_ty1 .hero_cont .cont_area{font-size:18px; color:#606060; text-align:center; line-height:155%; letter-spacing:-0.4px; font-weight:normal}

.flex_c .card_hero.hero_ty2 .hero_img{position:relative; height:400px; background:#f5f8ff}
.flex_c .card_hero.hero_ty2 .hero_img .img{display:block; max-width: 650px; width:100%; max-height:400px; height:100%; overflow:hidden; align-items:center; justify-content:center}
.flex_c .card_hero.hero_ty2 .hero_cont{height:380px; padding:0px; box-sizing:border-box}
.flex_c .card_hero.hero_ty2 .hero_cont .cont_area{font-size:18px; color:#606060; text-align:center; line-height:155%; letter-spacing:-0.4px; font-weight:normal}

.flex_c .card_hero.hero_ty3{padding-top:35px}
.flex_c .card_hero.hero_ty3 .hero_img{position:relative; width:380px; min-height:340px; max-height:340px; height: 100%; margin:0 auto; background:#f5f8ff}
.flex_c .card_hero.hero_ty3 .hero_img .img{display:block; max-width: 380px; width:100%; max-height: 340px; height:100%; overflow:hidden; align-items:center; justify-content:center}
.flex_c .card_hero.hero_ty3 .hero_cont{margin-top: 25px; box-sizing:border-box}
.flex_c .card_hero.hero_ty3 .hero_cont .cont_area{font-size:18px; color:#606060; text-align:center; line-height:155%; letter-spacing:-0.4px; font-weight:normal}
.flex_c .card_hero.hero_ty3 .hero_cont .cont_write textarea{height:312px}

.flex_c .card_hero.hero_ty4 .hero_cont{height:800px; padding:40px; padding-top:70px; box-sizing:border-box}
.flex_c .card_hero.hero_ty4 .hero_cont .cont_area{font-size:18px; color:#606060; text-align:center; line-height:155%; letter-spacing:-0.4px; font-weight:normal}
.flex_c .card_hero.hero_ty4 .hero_cont .cont_write textarea{height:728px}

.flex_c .card_hero.hero_ty5 .hero_img{position:relative; height:800px; background:#f5f8ff}
.flex_c .card_hero.hero_ty5 .hero_img .img{display:block; width:100%; max-height:800px; height:100%}

.flex_c .card_hero .hero_del{position:absolute; left:-27px; top:0}



/* flex_right */
.flex_r{position:absolute; right:0; top:0; width:240px; height:100%; background:#ededed}
.flex_r:before{content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#dadada}
.flex_r .card_list_wrap{position:absolute; top:0; bottom:151px; left:0; width:100%; padding:15px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch}

.flex_r .card_list_wrap .tit_area{margin-bottom:15px; padding:8px 0; text-align:center; border:1px solid #dadada}
.flex_r .card_list_wrap .tit_area .tit{display:inline-block; font-weight:135%; color:#606060; letter-spacing:-0.8px; font-size:14px; font-weight:normal}

.flex_r .card_list{width:120px; margin:0 auto}
.flex_r .card_list > ul > li{margin-bottom:15px}
.flex_r .card_list > ul > li:last-child{margin-bottom:0}
.flex_r .card_list p{margin-top:8px; text-align:center; line-height:155%; color:#808080; letter-spacing:-0.8px; font-size:14px}

.flex_r .card_temp{display:block; position:relative; height:140px; background:#fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1); box-sizing:border-box; transition:all .20s ease}
.flex_r .card_temp:hover{box-shadow:6px 6px 6px 0 rgba(0,0,0,0.1)}
.flex_r .card_temp:before,
.flex_r .card_temp:after{content:''; position:absolute; background:#fff; z-index:1}
.flex_r .card_temp:before{left:0; bottom:0; width:100%; height:1px}
.flex_r .card_temp:after{right:0; top:0; width:1px; height:100%}
.flex_r .card_temp.cover{display:block; background-position:50% 50%; background-size:cover; background-repeat:no-repeat}

.flex_r .card_temp.temp_ty1 .temp_img{position:relative; height:70px; background:#f5f8ff}
.flex_r .card_temp.temp_ty1 .temp_img .img{display:block; width:100%; height:70px; object-fit:cover}
.flex_r .card_temp.temp_ty1 .temp_cont{height:70px; padding:15px 15px; box-sizing:border-box}
.flex_r .card_temp.temp_ty1 .temp_cont .cont_blank .blank01,
.flex_r .card_temp.temp_ty1 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_r .card_temp.temp_ty1 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_r .card_temp.temp_ty1 .temp_cont .cont_blank .blank02{width:40%}

.flex_r .card_temp.temp_ty2 .temp_img{position:relative; height:70px; background:#f5f8ff}
.flex_r .card_temp.temp_ty2 .temp_img .img{display:block; width:100%; height:70px; object-fit:cover}
.flex_r .card_temp.temp_ty2 .temp_cont{height:70px; padding:15px 15px; box-sizing:border-box}
.flex_r .card_temp.temp_ty2 .temp_cont .cont_blank .blank01,
.flex_r .card_temp.temp_ty2 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_r .card_temp.temp_ty2 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_r .card_temp.temp_ty2 .temp_cont .cont_blank .blank02{width:40%}

.flex_r .card_temp.temp_ty3{padding:15px 15px 0}
.flex_r .card_temp.temp_ty3 .temp_img{position:relative; height:70px; background:#f5f8ff}
.flex_r .card_temp.temp_ty3 .temp_img .img{display:block; width:100%; height:70px; object-fit:cover}
.flex_r .card_temp.temp_ty3 .temp_cont{height:70px; padding:15px 0; text-align:left; box-sizing:border-box}
.flex_r .card_temp.temp_ty3 .temp_cont .cont_blank .blank01,
.flex_r .card_temp.temp_ty3 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_r .card_temp.temp_ty3 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_r .card_temp.temp_ty3 .temp_cont .cont_blank .blank02{width:40%}

.flex_r .card_temp.temp_ty4 .temp_cont{height:140px; padding:15px 15px; box-sizing:border-box}
.flex_r .card_temp.temp_ty4 .temp_cont .cont_blank .blank01,
.flex_r .card_temp.temp_ty4 .temp_cont .cont_blank .blank02{display:block; height:5px; background:#ededed}
.flex_r .card_temp.temp_ty4 .temp_cont .cont_blank .blank01{width:80%; margin-bottom:5px}
.flex_r .card_temp.temp_ty4 .temp_cont .cont_blank .blank02{width:40%}

.flex_r .card_temp.temp_ty5 .temp_img{position:relative; height:140px; background:#f5f8ff}
.flex_r .card_temp.temp_ty5 .temp_img .img{display:block; width:100%; height:140px; object-fit:cover}


.flex_r .slide_area{position:absolute; bottom:0; left:0; width:100%; height:151px; padding:15px; box-sizing:border-box}
.flex_r .slide_area .tit_area{margin-bottom:5px; padding:8px 0; text-align:center; border:1px solid #dadada}
.flex_r .slide_area .tit_area .tit{display:inline-block; font-weight:135%; color:#606060; letter-spacing:-0.8px; font-size:14px; font-weight:normal}

.flex_r .slide_area .btn_list li{margin-bottom:5px}
.flex_r .slide_area .btn_list li:last-child{margin-bottom:0}
.flex_r .slide_area .btn_preview{display:block; width:100%; height:37px; line-height:37px; margin:0; padding:0; background:#fff; text-align:center; color:#30a5d7; border:1px solid #30a5d7; font-size:14px; letter-spacing:-0.8px; box-sizing:border-box; cursor:pointer}
.flex_r .slide_area .btn_preview i{line-height:37px}



/* viewlist */
.viewlist_ty1{margin-bottom:25px}
.viewlist_ty1 .viewlist{border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4}
.viewlist_ty1 .viewlist > li{position:relative; padding-left:160px; border-bottom:1px solid #dadada}
.viewlist_ty1 .viewlist > li:last-child{border-bottom:none}
.viewlist_ty1 .viewlist > li .cont_tit{position:absolute; top:50%; left:0; width:160px; margin-top:-11px}
.viewlist_ty1 .viewlist > li .cont_tit.required:before{content:"\e928"; position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; padding-left:6px; font-weight:normal; font-family:'xeicon'; font-weight:300; line-height:26px; color:#018de7; font-size:16px; box-sizing:border-box}
.viewlist_ty1 .viewlist > li .cont_tit .tit{display:inline-block; padding-left:22px; line-height:150%; font-size:14px; letter-spacing:-0.8px; color:#303030; font-weight:300}
.viewlist_ty1 .viewlist > li .cont_area{padding:15px 0; min-height:51px;  box-sizing:border-box}
.viewlist_ty1 .viewlist > li .cont_area .cont_txt{display:inline-block; font-weight:normal; font-size:14px; letter-spacing:-0.8px; line-height:150%; color:#505050; vertical-align:middle}


/* ---------- 역대대통령 ---------- */
.president_wrap .info_message{padding:25px 0 0; color:#5e749e; font-size:18px; letter-spacing:-1.2px; line-height:135%; text-align:center; font-weight:normal}

.president_nav{position:relative; padding-bottom:25px}
.president_nav .carousel_box{display:block; margin:30px 0 55px; width:165px; padding-top:145px; position:relative; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1); opacity:.2; transform:scale(.85); text-align:center}
.president_nav .carousel_box .photo{position:absolute; top:0; right:0; left:50%; margin-left:-67px}
.president_nav .carousel_box .photo img{display:block; width:134px; height:134px;}
.president_nav .carousel_box .num, .president_nav .carousel_box .name{display:block; line-height:140%}
.president_nav .carousel_box .num{color:#018de7; font-size:15px; font-weight:normal; letter-spacing:-0.5px}
.president_nav .carousel_box .name{color:#303030; font-size:17px; font-weight:300; letter-spacing:-1px}

.president_nav .carousel_box.slick-center{z-index:1}
.president_nav .carousel_box.slick-center{height:auto; opacity:1; transform:scale(1)}

.president_nav .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border-radius:50%; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.president_nav .slick-prev,
.president_nav .slick-next{background:rgba(25,57,117,.6)}
.president_nav .slick-prev{left:0}
.president_nav .slick-next{right:0}
.president_nav .slick-prev:before,
.president_nav .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.president_nav .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.president_nav .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.president_nav .slick-prev:hover:before,
.president_nav .slick-next:hover:before{opacity:1}
.president_nav .slick-prev:hover:before{right:-6px}
.president_nav .slick-next:hover:before{left:-6px}
.president_nav .slick-prev:hover,
.president_nav .slick-next:hover{background:rgba(25,57,117,.8)}
.president_nav .slick-prev.slick-disabled{display:none !important}
.president_nav .slick-next.slick-disabled{display:none !important}

.president_nav .slick-dots{display:block; position:absolute; bottom:44px; width:100%; text-align:center}
.president_nav .slick-dots li{display:inline-block; position:relative; margin:0 10px}
.president_nav .slick-dots li button{display:block; position:relative; width:6px; height:6px; padding:0; padding:0; font-size:0; line-height:0; background:rgba(25,57,117,.2); cursor:pointer; border:0; outline:none; border-radius:50%; transition:all .40s ease; z-index:1}
.president_nav .slick-dots li button:before{content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-left:-11px; margin-top:-11px; border:1px solid rgba(25,57,117,0); border-radius:50%; box-sizing:border-box; transition:all .40s ease}
.president_nav .slick-dots li.slick-active button{background:rgba(25,57,117,1)}
.president_nav .slick-dots li.slick-active button:before{border:1px solid rgba(25,57,117,.6)}


.president_detail{position:relative; min-height:400px; background:#f2f6fb url("../images/contents/presiden_bird.png") 50% 32px no-repeat; background-size:555px 349px}
.president_detail .detail_inner{position:relative; width:1200px; margin:0 auto; padding:80px 0}
.president_detail .detail_inner:after{content:''; display:block; clear:both}
.president_detail .detail_inner .l_box, .president_detail .detail_inner .r_box{width:50%; box-sizing:border-box}
.president_detail .detail_inner .l_box{float:left; padding:0 50px 0 32px}
.president_detail .detail_inner .r_box{float:right; padding:0 32px 0 90px}

.president_detail .profile{position:relative; padding-left:210px}
.president_detail .profile .photo_area{position:absolute; left:0; top:0}
.president_detail .profile .photo_area img{width:168px; height:168px}

.president_detail .profile .num{display:inline-block; line-height:140%; color:#018de7; font-size:20px; font-weight:normal; letter-spacing:-0.5px}
.president_detail .profile .name_area strong, .president_detail .pr_detail .name_area span{display:inline-block; line-height:135%; font-weight:300}
.president_detail .profile .name_area strong{font-size:42px; letter-spacing:-3px; color:#303030}
.president_detail .profile .name_area span{margin-left:15px; font-family:Noto Sans SC; font-size:22px; letter-spacing:300; color:#707070}

.president_detail .profile .birth_area{position:relative; margin-top:15px; padding-left:50px}
.president_detail .profile .birth_area dt, .president_detail .profile .birth_area dd{line-height:135%; letter-spacing:-0.8px; font-size:14px; color:#707070}
.president_detail .profile .birth_area dt{position:absolute; left:0}
.president_detail .profile .birth_area dd{margin-bottom:8px}
.president_detail .profile .birth_area dd:last-child{margin-bottom:0}

.president_detail .record_status{position:relative; margin-top:70px}
.president_detail .record_status .status_list{position:relative; border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4}
.president_detail .record_status .status_list > li{position:relative; padding-left:70px; border-bottom:1px solid #dadada}
.president_detail .record_status .status_list > li:last-child{border-bottom:none}
.president_detail .record_status .status_list > li .tit{display:block; position:absolute; left:20px; top:50%; margin-top:-8px; padding-left:8px; font-weight:normal; letter-spacing:-0.8px; font-size:14px; line-height:135%; color:#505050}
.president_detail .record_status .status_list > li .tit:before{content:''; position:absolute; left:0; top:7.5px; width:3px; height:3px; background:#505050}

.president_detail .record_status .status_list > li .cont_area{position:relative; padding-top:16px; min-height:52px; box-sizing:border-box}
.president_detail .record_status .status_list > li .cont_area .cont_txt{display:inline-block; font-weight:300; font-size:14px; line-height:135%; color:#303030; letter-spacing:normal; vertical-align:middle}
.president_detail .record_status .status_list > li .cont_area .more_btn{position:absolute; right:20px; top:50%; margin-top:-13px}


.president_detail .record_list{position:relative}
.president_detail .record_list .btn_more{display:none; position:absolute; top:-12px; right:0}
.president_detail .record_list ul{margin-left:-30px; margin-top:-30px}
.president_detail .record_list ul:after{content:''; display:block; clear:both}
.president_detail .record_list ul > li{position:relative; float:left; width:50%; box-sizing:border-box}

.president_detail .record_list .thumlist_box{display:block; position:relative; height:210px; margin-left:30px; margin-top:30px; padding-top:120px; background:#fff; box-sizing:border-box}

.president_detail .record_list .thum_area{position:absolute; top:0; right:0; left:0}
.president_detail .record_list .thum_area .thum{display:block; width:100%; height:125px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.president_detail .record_list .tit_area{padding:20px; padding-bottom:12px}
.president_detail .record_list .tit_area .tit{display:block; color:#303030; font-size:14px; line-height:135%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; white-space: nowrap; overflow:hidden}

.president_detail .record_list .info_area{padding:0 20px 0 20px}
.president_detail .record_list .info_area:after{content:''; display:block; clear:both}
.president_detail .record_list .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.president_detail .record_list .info_area span.date{float:left}
.president_detail .record_list .info_area span.clock{float:right; padding-left:23px}
.president_detail .record_list .info_area span.clock:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.president_detail .record_list .info_area span.time{float:right; padding-left:23px}
.president_detail .record_list .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.president_detail .record_list .info_area span.view{float:right; padding-left:29px}
.president_detail .record_list .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}

.president_detail .record_list .no_data{position:relative; text-align:center; margin-top:50px}
.president_detail .record_list .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.president_detail .record_list .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* ---------- 오늘의 사건 ---------- */
.today_wrap{position:relative}
.today_wrap .type_list{display:inline-block}
.today_wrap .type_list:after{content:''; display:block; clear:both}
.today_wrap .type_list li{float:left; margin-left:-8px}
.today_wrap .type_list li a{display:block; height:40px; padding:0 25px; line-height:40px; letter-spacing:-1px; background:#e6eef8; font-size:13px; font-weight:normal; color:#5e749e; border-radius:80px; mix-blend-mode:multiply; box-sizing:border-box; transition:all .30s ease; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:0}
.today_wrap .type_list li.on a{background:#018de7; color:#fff; z-index:1}
.today_wrap .type_list li a:hover{background:#018de7; color:#fff}

.today_multi{position:relative; text-align:center; min-height:40px; z-index:1}
.today_multi > ul{display:inline-block; vertical-align:middle}
.today_multi > ul:after{content:''; display:block; clear:both}
.today_multi > ul > li{position:relative; float:left; height:40px; box-sizing:border-box}
.today_multi > ul > li .today{display:block; height:40px; padding:0 15px; line-height:38px; border:1px solid #003964; letter-spacing:-0.2px; font-size:14px; font-weight:300; border-radius:80px; color:#003964; text-align:center; box-sizing:border-box}
.today_multi > ul > li .current_depth{display:block; position:relative; height:40px; padding:0 30px; padding-right:50px; line-height:40px; font-weight:300; font-size:24px; text-align:left; color:#303030; letter-spacing:-1.2px; border:0; border-radius:0; margin:0; background:none; cursor:pointer; box-sizing:border-box; outline:none}
.today_multi > ul > li .current_depth:after{content:''; position:absolute; right:20px; top:0; width:12px; height:40px; background:url("../images/common/current_deth.png") no-repeat 50% 50%; background-size:12px 7px; transform:rotate(0deg); transition:all .30s ease}
.today_multi > ul > li.active .current_depth:after{transform:rotate(-180deg)}
.today_multi > ul > li .current_depth.none{padding-right:10px; padding-left:10px}
.today_multi > ul > li .current_depth.none:after{display:none}

.today_multi .dynamic_depth{display:none; position:absolute; top:100%; left:50%; width:120px; margin-left:-60px; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2); z-index:9}
.today_multi .dynamic_depth:after{content:''; position:absolute; left:50%; top:-8px; width:0; height:0; margin-left:-10px; border-bottom:8px solid #023668; border-top:10px solid none; border-right:10px solid transparent; border-left: 10px solid transparent}
.today_multi .dynamic_depth .dynamic_list{background:#023668; padding:20px 30px}
.today_multi .dynamic_depth .dynamic_list li{position:relative; text-align:center}
.today_multi .dynamic_depth .dynamic_list li a{display:block; position:relative; padding:5px 0; line-height:150%; color:rgba(255,255,255,.8); font-size:13px; font-weight:normal; letter-spacing:-0.8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .30s ease}
.today_multi .dynamic_depth .dynamic_list li a:hover, .today_dater .dynamic_depth .dynamic_list li.on a{color:rgba(255,255,255,1)}
.today_multi .dynamic_depth .dynamic_list li.on:before{content:''; position:absolute; left:-20px; top:50%; width:15px; height:2px; margin-top:-2px; background:#fff}

.today_multi .view_type{position:absolute; right:0; top:0}


.today_detail{position:relative; min-height:250px; margin-top:-40px;}
.today_detail .detail_inner{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.today_detail .carousel_box{padding:90px 0 50px}
.today_detail .carousel_box .inner_box{position:relative; width:940px; min-height:250px; margin:0 auto; padding-top:15px; padding-left:505px; box-sizing:border-box}
.today_detail .carousel_box .photo_area{position:absolute; left:0; top:0}
.today_detail .carousel_box .photo_area img{width:448px; height:250px; object-fit:cover}
.today_detail .carousel_box .tit_area strong{display:inline-block; line-height:125%; font-size:38px; letter-spacing:-3px; color:#303030; font-weight:300}
.today_detail .carousel_box .cont_area{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; max-height:92px; margin-top:20px; font-size:14px; letter-spacing:-0.8px; line-height:165%; font-weight:normal; color:#505050; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden}
.today_detail .carousel_box .info_area{position:relative; margin-top:20px}
.today_detail .carousel_box .info_area:after{content:''; display:block; clear:both}
.today_detail .carousel_box .info_area li{float:left; margin-left:10px}
.today_detail .carousel_box .info_area li:first-child{margin-left:0}
.today_detail .carousel_box .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.today_detail .carousel_box .info_area span.play,
.today_detail .carousel_box .info_area span.video{padding-left:23px}
.today_detail .carousel_box .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.today_detail .carousel_box .info_area span.video:before{width:19px; height:12px; margin-top:-6px; background:url('../images/common/thumlist_video.png') no-repeat 50% 50%; background-size:19px 12px}
.today_detail .carousel_box .info_area span.play:before,
.today_detail .carousel_box .info_area span.video:before{content:''; position:absolute; left:0; top:50%}



.today_dater{ position:absolute; left:0; top:0; width:100%; text-align:center;}
.today_dater > ul{display:inline-block; vertical-align:middle}
.today_dater > ul:after{content:''; display:block; clear:both}
.today_dater > ul > li{position:relative; float:left; height:40px; box-sizing:border-box}
.today_dater > ul > li .today{display:block; height:40px; padding:0 15px; line-height:38px; border:1px solid #003964; letter-spacing:-0.2px; font-size:14px; font-weight:300; border-radius:80px; color:#003964; text-align:center; box-sizing:border-box}
.today_dater > ul > li .taday_num{display:block; position:relative; height:40px; padding:0 10px 0 10px; line-height:40px; font-weight:300; font-size:24px; text-align:left; color:#303030; letter-spacing:-1.2px; box-sizing:border-box}





.today_detail .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border-radius:50%; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.today_detail .slick-prev,
.today_detail .slick-next{background:rgba(25,57,117,.6)}
.today_detail .slick-prev{left:0}
.today_detail .slick-next{right:0}
.today_detail .slick-prev:before,
.today_detail .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.today_detail .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.today_detail .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.today_detail .slick-prev:hover:before,
.today_detail .slick-next:hover:before{opacity:1}
.today_detail .slick-prev:hover:before{right:-6px}
.today_detail .slick-next:hover:before{left:-6px}
.today_detail .slick-prev:hover,
.today_detail .slick-next:hover{background:rgba(25,57,117,.8)}
.today_detail .slick-prev.slick-disabled{display:none !important}
.today_detail .slick-next.slick-disabled{display:none !important}

.today_nav{position:relative; background:#f2f6fb; padding-bottom:75px}
.today_nav:before{content:''; position:absolute; left:0; top:190px; width:100%; height:1px; background:#c8d6e8}
.today_nav .nav_inner{position:relative; width:1200px; margin:0 auto; padding-top:32px; padding-bottom:25px; box-sizing:border-box}
.today_nav .carousel_box{display:block; position:relative; padding:60px 0 30px; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1); text-align:center}
.today_nav .carousel_box:before{content:''; position:absolute; left:50%; top:10px; width:2px; height:12px; background:#7492b0; margin-left:-1px}
.today_nav .carousel_box .thum_area{position:relative; width:125px; height:125px; margin:0 auto}
.today_nav .carousel_box .thum_area:before{content:''; position:absolute; left:50%; top:50%; width:120px; height:120px; margin-top:-60px; margin-left:-60px;background:#e6eef8; border-radius:50%; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1); z-index:0}
.today_nav .carousel_box .thum_area .thum{position:relative; width:125px; height:125px; border-radius:50%; overflow:hidden; background-size:cover; background-position:50% 50%; background-repeat:no-repeat}
.today_nav .carousel_box .year, .today_nav .carousel_box .tit{display:block; position:relative; line-height:140%; z-index:1; transition:all .30s ease}
.today_nav .carousel_box .year{margin-bottom:5px; font-size:20px; letter-spacing:-0.5px; font-weight:normal; color:#303030}
.today_nav .carousel_box .tit{display:block; margin-top:12px; padding:0 15px; font-size:15px; letter-spacing:-1.2px; font-weight:normal; color:#303030; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.today_nav .carousel_box.active .thum_area:before{transform:scale(2)}
.today_nav .carousel_box.active .year{color:#018de7}
.today_nav .carousel_box.slick-center{z-index:1}
.today_nav .carousel_box.slick-center{height:auto; opacity:1; transform:scale(1)}
.today_nav .view_type{text-align:center}


.today_mtype{padding-top:35px}
.today_mtype .mtype_list > li{position:relative; min-height:129px; margin-top:-1px; padding-left:160px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box; transition:all .30s ease}
.today_mtype .mtype_list > li.active{background:#f2f6fb; border-top:1px solid #c8d6e8; border-bottom:1px solid #c8d6e8}
.today_mtype .mtype_list > li .day_num{position:absolute; left:0; top:50%; width:158px; margin-top:-14.5px; text-align:center}
.today_mtype .mtype_list > li .day_num strong{display:block; letter-spacing:-1px; line-height:135%; font-size:22px; font-weight:300; color:#303030}
.today_mtype .mtype_list > li .day_num span{display:inline-block; letter-spacing:-0.2px; line-height:135%; font-size:14px; font-weight:normal; color:#707070}

.today_mtype .inner_list{padding:22px 0}
.today_mtype .inner_list li{position:relative; padding-right:280px}
.today_mtype .inner_list li .tit, .today_mtype .inner_list li .date{display:block; padding:5px 0; letter-spacing:-0.8px; line-height:135%; font-size:14px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.today_mtype .inner_list li .tit{color:#303030}
.today_mtype .inner_list li .tit:hover{color:#4267a0}
.today_mtype .inner_list li .date{position:absolute; right:100px; top:0; color:#707070}



/* ---------- 한국의현대사 ---------- */
.mrhistory_wrap{position:relative}
.mrhistory_list{margin-left:-30px; margin-top:-30px}
.mrhistory_list:after{content:''; display:block; clear:both}
.mrhistory_list li{float:left; width:50%; box-sizing:border-box}
.mrhistory_list li:last-child{margin-bottom:0}

.mrhistory_list li .mrhistory_box{display:block; position:relative; min-height:199px; margin-left:30px; margin-top:30px; padding-left:230px; padding-right:40px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.mrhistory_list li .mrhistory_box:hover{border:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}


.mrhistory_list li .mrhistory_box .thum_area{position:absolute; top:20px; left:20px; width:180px; height:157px; overflow:hidden}
.mrhistory_list li .mrhistory_box .thum_area .thum{width:180px; height:157px; background-repeat:no-repeat; background-position:0 0; background-size:cover; transition:all .30s ease}

.mrhistory_list li .mrhistory_box .tit_area{padding-top:42px; box-sizing:border-box;}
.mrhistory_list li .mrhistory_box .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:48px; color:#303030; font-size:18px; line-height:135%; letter-spacing:-1.5px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.mrhistory_list li .mrhistory_box .tit_area .more{display:none; position:absolute; top:-1px; right:-1px; width:34px; height:32px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.mrhistory_list li .mrhistory_box .tit_area .more:before, .mrhistory_list li .mrhistory_box .tit_area .more:after{content:""; position:absolute; background:#808080}
.mrhistory_list li .mrhistory_box .tit_area .more:before{width:12px; height:2px; left:50%; top:50%; margin-left:-6px; margin-top:-1px}
.mrhistory_list li .mrhistory_box .tit_area .more:after{width:2px; height:12px; left:50%; top:50%; margin-left:-1px; margin-top:-6px}



.mrhistory_list li .mrhistory_box .register_area{margin-top:18px; position:absolute; left:230px; bottom:28px}
.mrhistory_list li .mrhistory_box .register_area dt, .mrhistory_list li .mrhistory_box .register_area dd{font-size:13px; line-height:135%; letter-spacing:-0.8px; font-weight:normal}
.mrhistory_list li .mrhistory_box .register_area dt{color:#4267a0; font-weight:300}
.mrhistory_list li .mrhistory_box .register_area dd{position:relative; float:left; margin-top:10px; margin-right:10px; color:#808080}
.mrhistory_list li .mrhistory_box .register_area dd:last-child{margin-left:0}
.mrhistory_list li .mrhistory_box .register_area dd.video, .mrhistory_list li .mrhistory_box .register_area dd.photo{padding-left:18px}
.mrhistory_list li .mrhistory_box .register_area dd.video:before, .mrhistory_list li .mrhistory_box .register_area dd.photo:before{content:''; position:absolute; left:0; top:50%}
.mrhistory_list li .mrhistory_box .register_area dd.video:before{width:14px; height:14px; margin-top:-7.5px; background:url("../images/contents/mrhistory_video.png") 50% 50% no-repeat; background-size:14px 14px}
.mrhistory_list li .mrhistory_box .register_area dd.photo:before{width:14px; height:14px; margin-top:-7.5px; background:url("../images/contents/mrhistory_video.png") 50% 50% no-repeat; background-size:14px 14px}
.mrhistory_list li .mrhistory_box .register_area .num{letter-spacing:normal}


/* ---------- login ---------- */
.login_ty1{position:relative}
.login_ty1 .login_inner{position:relative; width:400px; margin:0 auto; box-sizing:border-box}
.login_ty1 .login_wrap:after{content:''; display:block; clear:both}
.login_ty1 .login_wrap .login_box{box-sizing:border-box}

.login_ty1 .login_wrap .login_form{margin-bottom:10px}
.login_ty1 .login_wrap .login_form .inputxt_login{position:relative; margin-bottom:10px}
.login_ty1 .login_wrap .login_form .inputxt_login:last-child{margin-bottom:0}
.login_ty1 .login_wrap .login_form .inputxt_login label{position:absolute; left:0; top:0; width:52px; height:100%; padding-top:22px; text-align:center; font-size:18px; color:#909090; box-sizing:border-box}
.login_ty1 .login_wrap .login_form .inputxt_login input{width:100%; height:62px; line-height:62px; margin:0; padding:1px 0; text-align:left; font-size:14px; color:#303030; letter-spacing:-0.8px; font-weight:normal; background:#fff; border:1px solid #dadada; text-indent:52px; border-radius:2px; outline:none; transition:all .30s ease; box-sizing:border-box}
.login_ty1 .login_wrap .login_form .inputxt_login:hover input{border:1px solid #30a5d7; background:#fff}
.login_ty1 .login_wrap .login_form .inputxt_login input:focus{border:1px solid #30a5d7; background:#fff}
.login_ty1 .login_wrap .login_form .inputxt_login input::-webkit-input-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input:-ms-input-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input::-moz-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input::-moz-placeholder{color:#a4a4a4; font-weight:normal}
.login_ty1 .login_wrap .login_form .inputxt_login input[disabled]{background:#f2f4f5;}
.login_ty1 .login_wrap .login_form .inputxt_login input[readonly]{background:#f2f4f5;}

.login_ty1 .login_wrap .btn_confirm{display:block; position:relative; border:0; padding:0; margin:0; width:100%; height:62px; line-height:63px; background:#3b3c40; font-weight:normal; font-size:16px; letter-spacing:-1px; text-align:center; color:#fff; cursor:pointer; border-radius:2px; outline:none; box-sizing:border-box; transition:all .30s ease}

.login_ty1 .login_wrap .sns_login{margin-top:40px}
.login_ty1 .login_wrap .sns_login li{margin-bottom:10px}
.login_ty1 .login_wrap .sns_login li:last-child{margin-bottom:0}
.login_ty1 .login_wrap .sns_login li a{display:block; height:50px; line-height:48px; color:#707070; letter-spacing:-0.5px; background:#fff; border:1px solid #dadada; font-size:14px; font-weight:normal; text-align:center; border-radius:120px; box-sizing:border-box}
.login_ty1 .login_wrap .sns_login li a.nv span{color:#00ab33}
.login_ty1 .login_wrap .sns_login li a.fb span{color:#385898}
.login_ty1 .login_wrap .sns_login li a.gg span{color:#30a5d7}
.login_ty1 .login_wrap .sns_login li a.ko span{color:#3a1b1b}

.login_ty1 .login_wrap .login_help{margin-top:20px}
.login_ty1 .login_wrap .login_help .info{line-height:135%; text-align:center; letter-spacing:-0.5px; font-size:14px; color:#505050}
.login_ty1 .login_wrap .login_help .help_list{margin-left:-5px; margin-top:-5px}
.login_ty1 .login_wrap .login_help .help_list:after{content:''; display:block; clear:both}
.login_ty1 .login_wrap .login_help .help_list li{float:left; width:33.333333%}
.login_ty1 .login_wrap .login_help .help_list li a{display:block; height:50px; margin-left:5px; margin-top:5px; line-height:48px; color:#707070; letter-spacing:-0.5px; background:#fff; border:1px solid #ebebeb; font-size:14px; font-weight:normal; text-align:center; border-radius:2px; box-sizing:border-box}



/* ---------- join  ---------- */
/* join_type */
.join_type{position:relative}
.join_type{position:relative; padding-top:20px}
.join_type .type_inner{position:relative; width:740px; margin:0 auto; box-sizing:border-box}
.join_type .type_wrap:after{content:''; display:block; clear:both}
.join_type .type_wrap .type_box{width:50%; float:left; box-sizing:border-box}
.join_type .type_wrap .type_box.box_l{padding-right:40px}
.join_type .type_wrap .type_box.box_r{padding-left:40px}
.join_type .type_wrap .type_box:after{content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#dadada}

.join_type .btn_confirm{display:block; position:relative; border:0; padding:0; margin:0; width:100%; height:62px; line-height:63px; background:#3b3c40; font-weight:normal; font-size:16px; letter-spacing:-1px; text-align:center; color:#fff; cursor:pointer; border-radius:2px; outline:none; box-sizing:border-box; transition:all .30s ease}

.join_type .sns_login li{margin-bottom:10px}
.join_type .sns_login li:last-child{margin-bottom:0}
.join_type .sns_login li a{display:block; height:50px; line-height:48px; color:#707070; letter-spacing:-0.5px; background:#fff; border:1px solid #dadada; font-size:14px; font-weight:normal; text-align:center; border-radius:120px; box-sizing:border-box}
.join_type .sns_login li a.nv span{color:#00ab33}
.join_type .sns_login li a.fb span{color:#385898}
.join_type .sns_login li a.gg span{color:#30a5d7}
.join_type .sns_login li a.ko span{color:#3a1b1b}


/* join_state */
.join_state{position:relative; width:740px; margin:0 auto}
.join_state .state_list{margin-left:-25px; margin-top:-15px}
.join_state .state_list:after{content:''; display:block; clear:both}
.join_state .state_list li{position:relative; float:left; width:20%; box-sizing:border-box}
.join_state .state_list li .state_box{margin-left:25px; margin-top:15px; text-align:center}
.join_state .state_list li .state_box .state_tit{position:relative; height:142px; margin-bottom:10px; padding-top:90px; border:1px solid #dadada; border-radius:5px; box-sizing:border-box}
.join_state .state_list li .state_box .state_tit .tit{font-size:14px; font-weight:normal; letter-spacing:-1px; line-height:155%; color:#808080}

.join_state .state_list li .state_box .state_num{display:block; letter-spacing:-0.2px; line-height:135%; color:#808080; font-weight:normal; font-size:15px}

.join_state .state_list li .state_box.use01 .state_tit{background:url('../images/common/ico_use01_or.png') no-repeat 50% 24px; background-size:45px 46px}
.join_state .state_list li .state_box.use01.active .state_tit{background:url('../images/common/ico_use01_on.png') no-repeat 50% 24px; background-size:45px 46px}
.join_state .state_list li .state_box.use02 .state_tit{background:url('../images/common/ico_use02_or.png') no-repeat 50% 24px; background-size:48px 47px}
.join_state .state_list li .state_box.use02.active .state_tit{background:url('../images/common/ico_use02_on.png') no-repeat 50% 24px; background-size:48px 47px}
.join_state .state_list li .state_box.use03 .state_tit{background:url('../images/common/ico_use03_or.png') no-repeat 50% 24px; background-size:47px 44px}
.join_state .state_list li .state_box.use03.active .state_tit{background:url('../images/common/ico_use03_on.png') no-repeat 50% 24px; background-size:47px 44px}
.join_state .state_list li .state_box.use04 .state_tit{background:url('../images/common/ico_use04_or.png') no-repeat 50% 24px; background-size:38px 48px}
.join_state .state_list li .state_box.use04.active .state_tit{background:url('../images/common/ico_use04_on.png') no-repeat 50% 24px; background-size:38px 48px}

.join_state .state_list li .state_box.active .state_tit{border:1px solid #30a5d7 }
.join_state .state_list li .state_box.active .state_tit .tit{color:#30a5d7}
.join_state .state_list li .state_box.active .state_num{color:#30a5d7}

.join_state .state_list.col2 li{width:50%}
.join_state .state_list.col3 li{width:33.33333%}
.join_state .state_list.col4 li{width:25%}
.join_state .state_list.col5 li{width:20%}
.join_state .state_list.col6 li{width:16.66666%}

.join_state .state_list li .state_box .state_tit:before{content:''; position:absolute; left:50%; bottom:-16px; width:31px; height:31px; margin-left:-15.5px; border-radius:50%; box-sizing:border-box; z-index:1}
.join_state .state_list li .state_box .state_tit:after{content:''; position:absolute; left:50%; bottom:-4px; width:7px; height:7px; margin-left:-3.5px; background:rgba(48, 165, 215, .4); border-radius:50%; box-sizing:border-box; z-index:1}
.join_state .state_list li .state_box.active .state_tit:before
{
    background:#30a5d7;
    -webkit-animation:expn-bounce 2.2s infinite ease-in-out;
    -moz-animation:state-bounce 2.2s infinite ease-in-out;
    -o-animation:state-bounce 2.2s infinite ease-in-out;
    animation:state-bounce 1.6s infinite ease-in-out;
}
.join_state .state_list li .state_box.active .state_tit:after{background:rgba(255,255,255,0.95)}

@keyframes state-bounce
{
      0%, 100%{transform:scale(0.5); -webkit-transform: scale(0.5)}
      50%{transform: scale(0.8); -webkit-transform: scale(0.8)}
}



/* join_terms */
.join_terms{position:relative; margin-bottom:25px; border-bottom:1px solid #dadada}
.join_terms:after{content:''; display:block; clear:both}
.join_terms .terms_box{position:relative; margin-bottom:55px}
.join_terms .terms_wrap .terms_tit{position:relative; height:43px; padding:0 15px; background:#f8f9fb; border:1px solid #9e9e9e; z-index:1}
.join_terms .terms_wrap .terms_tit strong{display:inline-block; line-height:43px; letter-spacing:-1.2px; font-size:14px; font-weight:300; color:#303030}
.join_terms .terms_wrap .terms_cont{position:relative; height:200px; margin-top:-1px; padding:20px 15px; border:1px solid #d6d6d6; overflow-y:auto; box-sizing:border-box}
.join_terms .terms_check{text-align:right; margin-bottom:30px}


/* join_certi */
.join_certi{position:relative; padding:50px; background:#f2f6fb}
.join_certi .certi_wrap{margin-left:-40px; overflow:hidden}
.join_certi .certi_wrap .certi_align{float:left; width:50%}
.join_certi .certi_wrap .certi_align .certi_box{margin-left:40px; height:365px; padding:40px; text-align:center; background:#fff; box-sizing:border-box}

.join_certi .certi_wrap .certi_align .certi_box .certi_btn{position:relative;padding:110px 0 30px}
.join_certi .certi_wrap .certi_align .certi_box .certi_btn button, .join_certi .certi_wrap .certi_align .certi_box .certi_btn a{display:block; width:100%; height:46px; margin:0; padding:0; line-height:46px; color:#fff; letter-spacing:-0.8px; font-size:15px; font-weight:300; text-align:center; border:0; border-radius:2px; cursor:pointer; box-sizing:border-box}
.join_certi .certi_wrap .certi_align .certi_box .certi_info{padding-top:25px; color:#707070; line-height:160%; letter-spacing:-0.8px; font-weight:normal; font-size:13px; border-top:1px solid #dadada}

.join_certi .certi_wrap .certi_align .certi_box.p_ty .certi_btn{background:url("../images/common/join_phone.png") 50% 10px no-repeat; background-size:73px 72px}
.join_certi .certi_wrap .certi_align .certi_box.i_ty .certi_btn{background:url("../images/common/join_ipin.png") 50% 10px no-repeat; background-size:72px 68px}
.join_certi .certi_wrap .certi_align .certi_box.p_ty .certi_btn button, .join_certi .certi_wrap .certi_align .certi_box.p_ty .certi_btn a{background:#5e749e}
.join_certi .certi_wrap .certi_align .certi_box.i_ty .certi_btn button, .join_certi .certi_wrap .certi_align .certi_box.i_ty .certi_btn a{background:#349eb9}


/* join_complete */
.join_complete{position:relative; height:350px; margin-bottom:25px; background:#f2f6fb url("../images/contents/join_complete.png") 50% 50% no-repeat; background-size:569px 149px}

/* join_onepass */
.join_onepass{position:relative; height:350px; margin-bottom:25px; background:#f2f6fb url("../images/contents/join_onepass.png") 50% 50% no-repeat; background-size:577px 149px}


/* location_map */
.location_map{margin-bottom:40px}
.location_map > div{width:100%; box-sizing:border-box}


/* idps_search */
.idps_search{position:relative; padding:50px; background:#f2f6fb}
.idps_search .search_wrap{margin-left:-40px; overflow:hidden}
.idps_search .search_wrap .search_align{float:left; width:50%}
.idps_search .search_wrap .search_align .search_box{margin-left:40px; height:317px; padding:40px; background:#fff; box-sizing:border-box}


/* prog_location */
.prog_location{position:relative; text-align:center; min-height:50px}
.prog_location .tit{display:inline-block; position:absolute; left:0; top:10px; padding-left:22px; line-height:150%; font-size:20px; color:#303030; font-weight:300; letter-spacing:-1.5px}
.prog_location .tit:after{content:''; position:absolute; left:0; top:50%; width:13px; height:19px; margin-top:-9.5px; background:url('../images/common/stit_h4.png') no-repeat 50% 50%; background-size:13px 19px}
.prog_location .back_btn{position:absolute; right:0; top:9px}

.prog_location > ul{display:inline-block; vertical-align:middle}
.prog_location > ul:after{content:''; display:block; clear:both}
.prog_location > ul > li{position:relative; float:left; height:50px; box-sizing:border-box}
.prog_location > ul > li .current_depth{display:block; position:relative; height:50px; line-height:50px; font-weight:300; padding:0 30px; padding-right:50px; font-size:24px; text-align:left; color:#303030; letter-spacing:-1.5px; border:0; border-radius:0; margin:0; background:none; cursor:pointer; box-sizing:border-box}
.prog_location > ul > li .current_depth:after{content:''; position:absolute; right:20px; top:0; width:12px; height:50px; background:url("../images/common/current_deth.png") no-repeat 50% 50%; background-size:12px 7px; transform:rotate(0deg); transition:all .30s ease}
.prog_location > ul > li.active .current_depth:after{transform:rotate(-180deg)}

.prog_location .dynamic_depth{display:none; position:absolute; top:100%; left:50%; width:200px; margin-left:-100px; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2); z-index:9}
.prog_location .dynamic_depth:after{content:''; position:absolute; left:50%; top:-8px; width:0; height:0; margin-left:-10px; border-bottom:8px solid #023668; border-top:10px solid none; border-right:10px solid transparent; border-left: 10px solid transparent}
.prog_location .dynamic_depth .dynamic_list{background:#023668; padding:30px}
.prog_location .dynamic_depth .dynamic_list li{position:relative; text-align:left}
.prog_location .dynamic_depth .dynamic_list li a{display:block; position:relative; padding:5px 0; line-height:150%; color:rgba(255,255,255,.8); font-size:13px; font-weight:normal; letter-spacing:-0.8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all .30s ease}
.prog_location .dynamic_depth .dynamic_list li a:hover, .prog_location .dynamic_depth .dynamic_list li.on a{color:rgba(255,255,255,1)}
.prog_location .dynamic_depth .dynamic_list li.on:before{content:''; position:absolute; left:-20px; top:50%; width:15px; height:2px; margin-top:-2px; background:#fff}


/* comment */
.comments_wrap{position:relative;}
.comment_form{display:block; position:relative; border:1px solid #c2c2c2}
.comment_form textarea{display:block; width:100%; padding:15px; border:0; background:none; color:#303030; font-size:14px; border-radius:0; resize:vertical; box-sizing:border-box; resize:none; outline:none}
.comment_form .count_area{padding:5px 15px 10px; overflow:hidden}
.comment_form .count_area .counting{float:right; font-size:13px; color:#808080; letter-spacing:-0.8px; line-height:135%}
.comment_form .count_area .counting span{color:#30a5d7}
.comment_form .confirm_area{position:relative; height:42px; border-top:1px solid #dadada}
.comment_form .confirm_area .btn_confirm
{
    display:inline-block; position:absolute; top:-1px; right:-1px; margin:0; padding:0; line-height:150%;
    color:#fff; text-align:center; vertical-align:middle; background:#30a5d7; border:1px solid #30a5d7;
    letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:-0.8px
}
.comment_form .confirm_area .btn_confirm span{display:block; padding:12px 25px 11px; font-size:13px}

.comment_list{position:relative; margin-bottom:25px}
.comment_list > ul > li{position:relative; padding:18px 0; border-bottom:1px solid #dadada}
.comment_list > ul > li .comment_form{margin-top:20px}
.comment_list .comment_box{position:relative}
.comment_list .comment_box .re{position:absolute; left:0; top:21px; width:8px; height:8px}
.comment_list .comment_box .re:before, .comment_list .comment_box .re:after{content:''; position:absolute; background:#018de7}
.comment_list .comment_box .re:before{left:0; top:0; width:1px; height:8px}
.comment_list .comment_box .re:after{left:0; bottom:0; width:8px; height:1px}
.comment_list .comment_box .comment_writer{display:inline-block; position:relative; margin-bottom:5px; font-size:16px; color:#303030; font-weight:300; line-height:160%; letter-spacing:-0.8px}
.comment_list .comment_box .comment_tit{position:relative; margin-bottom:8px; font-size:14px; color:#303030; line-height:160%; letter-spacing:-0.8px}
.comment_list .comment_box .comment_info:after {content:''; display:block; clear:both}
.comment_list .comment_box .comment_info > li{float:left; padding:0 10px; border-right:1px solid #dadada; color:#808080; font-size:13px; line-height:20px; letter-spacing:-0.5px}
.comment_list .comment_box .comment_info > li:first-child{padding-left:0; color:#303030}
.comment_list .comment_box .comment_info > li:last-child{border-right:none}
.comment_list .comment_box .comment_info > li a{color:#808080}
.comment_list .comment_box .dec{position:absolute; right:0; top:3px; padding-left:20px; color:#808080; font-size:13px; line-height:20px; letter-spacing:-0.5px; background:url('/static/images/common/thumlist_siren.png') no-repeat left 50%; background-size:15px 15px}


.comment_list .comment_box .comment_info > li .del,
.comment_list .comment_box .comment_info > li .modify{position:relative; margin:0; padding:0; height:20px; border:none; background:none; color:#808080; text-align:center; vertical-align:middle; cursor:pointer}

.comment_list .comment_box .comment_info > li .good,
.comment_list .comment_box .comment_info > li .bad{position:relative; margin:0; padding:0; padding-left:25px; height:20px; border:none; background:none; color:#808080; text-align:center; vertical-align:middle; cursor:pointer}
.comment_list .comment_box .comment_info > li .good:before,
.comment_list .comment_box .comment_info > li .bad:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-9px}
.comment_list .comment_box .comment_info > li .good:before{background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.comment_list .comment_box .comment_info > li .bad:before{background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.comment_list .comment_box .comment_info > li .good{margin-right:10px}

.comment_list .comment_box .comment_info > li .good.active{color:#30a5d7}
.comment_list .comment_box .comment_info > li .bad.active{color:#cf2177}

.comment_list .comment_box.recomment{padding-left:15px; padding-top:18px}


/* ---------- videoview  ---------- */
/* videoview_ty1 */
.videoview_ty1{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.videoview_ty1 .view_head{position:relative; margin-bottom:25px}
.videoview_ty1 .view_head .tag_area{margin-bottom:10px; overflow:hidden}
.videoview_ty1 .view_head .tag_area li{float:left; margin-right:2px}
.videoview_ty1 .view_head .tag_area li:last-child{margin-right:0}
.videoview_ty1 .view_head .tag_area li .tag_box{display:block; height:28px; padding:0 10px; line-height:28px; background:#e5eef7; color:#5e749e; font-size:13px; font-weight:normal; letter-spacing:-0.8px}
.videoview_ty1 .view_head .tit_area .tit{display:inline-block; font-size:24px; font-weight:300; letter-spacing:-1.5px; color:#303030; line-height:150%}

.videoview_ty1 .view_head .meta_area{position:relative; margin-top:10px; overflow:hidden}
.videoview_ty1 .view_head .meta_area dt, .videoview_ty1 .view_head .meta_area dd{float:left; line-height:150%; letter-spacing:-0.8px; font-size:13px; font-weight:normal}
.videoview_ty1 .view_head .meta_area dt{color:#707070; border-left:1px solid #d8d8d8; margin-right:10px; padding-left:15px;}
.videoview_ty1 .view_head .meta_area dd{color:#707070; margin-right:15px}
.videoview_ty1 .view_head .meta_area dt:first-child{padding-left:0; border-left:none}


.videoview_ty1 .view_body{position:relative; border:1px solid #dadada; padding-bottom:20px}
.videoview_ty1 .view_body:after{content:''; display:block; clear:both}
.videoview_ty1 .view_body .video_l{float:left; width:699px;}
.videoview_ty1 .view_body .video_r{float:left; width:499px; padding:0 30px; box-sizing:border-box}

.videoview_ty1 .view_body .count_area{position:relative; height:58px; padding-top:18px; box-sizing:border-box}
.videoview_ty1 .view_body .count_area .count_list:after{content:''; display:block; clear:both}
.videoview_ty1 .view_body .count_area .count_list li{float:left; margin-left:15px}
.videoview_ty1 .view_body .count_area .count_list li:first-child{margin-left:20px}
.videoview_ty1 .view_body .count_area .count_list li:last-child{float:right}
.videoview_ty1 .view_body .count_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.videoview_ty1 .view_body .count_area button{display:inline-block; position:relative; margin:0; padding:0; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle; background:none; border:0; cursor:pointer; outline:none}

.videoview_ty1 .view_body .count_area .good{padding-left:26px}
.videoview_ty1 .view_body .count_area .good:before{width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.videoview_ty1 .view_body .count_area .play{padding-left:23px}
.videoview_ty1 .view_body .count_area .play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.videoview_ty1 .view_body .count_area .view{padding-left:29px}
.videoview_ty1 .view_body .count_area .view:before{width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.videoview_ty1 .view_body .count_area .down{padding-left:24px}
.videoview_ty1 .view_body .count_area .down:before{width:19px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_down.png') no-repeat 50% 50%; background-size:19px 18px}
.videoview_ty1 .view_body .count_area .good.active:before{background:url('../images/common/thumlist_good_active.png') no-repeat 50% 50%; background-size:19px 16px; transition:all .30s ease}
.videoview_ty1 .view_body .count_area .good:before,
.videoview_ty1 .view_body .count_area .play:before,
.videoview_ty1 .view_body .count_area .view:before,
.videoview_ty1 .view_body .count_area .down:before{content:''; position:absolute; left:0; top:50%}

.videoview_ty1 .view_body .video_area{position:relative; margin-left:-1px; padding-top:56.2%}
.videoview_ty1 .view_body .video_area video{display:block; width:700px; height:394px}
.videoview_ty1 .view_body .video_area .player{display:block; width:100%; height:100%; position:absolute; left:0; top:0}


.videoview_ty1 .view_body .clip_area{position:relative; margin-top:10px; padding:0 33px 0 31px}
.videoview_ty1 .view_body .clip_area .clip_box{cursor:pointer}
.videoview_ty1 .view_body .clip_area .clip_box .inner{margin:0 0.5px; position:relative}
.videoview_ty1 .view_body .clip_area .clip_box .inner .thum{width:100%; height:70px; object-fit:cover}
.videoview_ty1 .view_body .clip_area .clip_box .time{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(2,54,104,.6); box-sizing:border-box}
.videoview_ty1 .view_body .clip_area .clip_box .time .tit{display:block; width:100%; line-height:70px; color:#fff; font-weight:normal; text-align:center; font-size:13px; letter-spacing:normal; box-sizing:border-box}
.videoview_ty1 .view_body .clip_area .clip_box:hover .time{display:block}

.videoview_ty1 .view_body .clip_area .slick-arrow{display:block; position:absolute; top:0; width:28px; height:100%; padding:0; border:1px solid #e0e0e0; opacity:1; outline:none; font-size:0; cursor:pointer; box-sizing:border-box; z-index:1; transition:all .20s ease}
.videoview_ty1 .view_body .clip_area .slick-arrow:hover{border:1px solid #909090}
.videoview_ty1 .view_body .clip_area .slick-prev,
.videoview_ty1 .view_body .clip_area .slick-next{background:#fff}
.videoview_ty1 .view_body .clip_area .slick-prev{left:-1px}
.videoview_ty1 .view_body .clip_area .slick-next{right:0;}
.videoview_ty1 .view_body .clip_area .slick-prev:before,
.videoview_ty1 .view_body .clip_area .slick-next:before{content:''; position:absolute; top:50%; width:7px; height:12px; margin-top:-6px; transition:all .10s ease}
.videoview_ty1 .view_body .clip_area .slick-prev:before{right:9px; background:url("../images/common/clip_back.png") 50% 50% no-repeat; background-size:7px 12px}
.videoview_ty1 .view_body .clip_area .slick-next:before{left:10px; background:url("../images/common/clip_next.png") 50% 50% no-repeat; background-size:7px 12px}
.videoview_ty1 .view_body .clip_area .slick-prev.slick-disabled{opacity:0.5}
.videoview_ty1 .view_body .clip_area .slick-prev.slick-disabled:hover{border:1px solid #e0e0e0}
.videoview_ty1 .view_body .clip_area .slick-next.slick-disabled{opacity:0.5}
.videoview_ty1 .view_body .clip_area .slick-next.slick-disabled:hover{border:1px solid #e0e0e0}

.videoview_ty1 .view_body .util_area{padding:10px 10px 0; padding-right:0}
.videoview_ty1 .view_body .util_area:after{content:''; display:block; clear:both}
.videoview_ty1 .view_body .util_area > ul:after{content:''; display:block; clear:both}
.videoview_ty1 .view_body .util_area > ul > li{position:relative; float:left; box-sizing:border-box}
.videoview_ty1 .view_body .util_area > ul > li .btn_util{margin-left:-1px}

.videoview_ty1 .view_body .util_area .btn_util
{
    display:inline-block; position:relative; line-height:150%; margin:0; padding:0;
    color:#606060; text-align:center; vertical-align:middle; background:#fff; border:1px solid #e0e0e0;
    border-radius:0; cursor:pointer; font-weight:normal; letter-spacing:-0.8px; transition:all .30s ease;
}
.videoview_ty1 .view_body .util_area .btn_util[disabled],
.videoview_ty1 .view_body .util_area .btn_util[readonly]{opacity:.5}
.videoview_ty1 .view_body .util_area .btn_util span{display:block; padding:9px 15px 8px; font-size:13px}
.videoview_ty1 .view_body .util_area .btn_util i{font-size:14px; vertical-align:middle; margin-top:-3px}
.videoview_ty1 .view_body .util_area .btn_util.ico_l i{margin-right:2px}
.videoview_ty1 .view_body .util_area .btn_util.ico_r i{margin-left:2px}
.videoview_ty1 .view_body .util_area .btn_util.ico_l span{padding-left:12px}
.videoview_ty1 .view_body .util_area .btn_util.ico_r span{padding-right:12px}
.videoview_ty1 .view_body .util_area .btn_util:hover, .videoview_ty1 .view_body .util_area .btn_util.active{border:1px solid #909090; z-index:1}

.videoview_ty1 .view_body .util_area .util_layer{display:none; position:absolute; left:-1px; margin-top:-1px; border:1px solid #909090; background:#fff; z-index:1}
.videoview_ty1 .view_body .util_area .util_layer.file{width:400px}
.videoview_ty1 .view_body .util_area .util_layer .filelist_ty1{padding:0 10px; border-top:none; border-bottom:0; margin-bottom:0}
.videoview_ty1 .view_body .util_area .util_layer .close
{
    display:block; position:absolute; right:-1px; bottom:-1px; width:24px; height:24px;
    background:#5e749e; background:-webkit-linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99); background:-moz-linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99); background:linear-gradient(-140deg, #639cc3, #8a90ba, #dd8d99);
}
.videoview_ty1 .view_body .util_area .util_layer .close:before{content:'\e922'; position:absolute; left:0; top:0; width:24px; height:24px; line-height:24px; color:#fff; font-family:'xeicon'; font-size:20px; text-align:center; font-weight:normal; transition:all .30s ease}
.videoview_ty1 .view_body .util_area .util_layer .close:hover:before{transform:rotate(-90deg)}


.videoview_ty1 .view_body .video_quality{position: relative; padding:58px 0 0}
.videoview_ty1 .view_body .video_quality .head{position:relative; border-top:1px solid #284a7e; border-bottom:1px solid #dadada; overflow:hidden}
.videoview_ty1 .view_body .video_quality .head li{overflow:hidden}
.videoview_ty1 .view_body .video_quality .head li div{display:block; float:left; height:42px; padding-right:10px; line-height:42px; text-align:left; letter-spacing:-0.8px; color:#505050; font-weight:normal; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box}
.videoview_ty1 .view_body .video_quality .head li div:nth-child(1){width:12%}
.videoview_ty1 .view_body .video_quality .head li div:nth-child(2){width:15%}
.videoview_ty1 .view_body .video_quality .head li div:nth-child(3){width:20%}
.videoview_ty1 .view_body .video_quality .head li div:nth-child(4){width:18%}
.videoview_ty1 .view_body .video_quality .head li div:nth-child(5){width:20%}
.videoview_ty1 .view_body .video_quality .head li div:nth-child(6){width:15%}
.videoview_ty1 .view_body .video_quality .head li div:first-child{text-align:center}

.videoview_ty1 .view_body .video_quality .body{position:relative; border-bottom:1px solid #dadada}
.videoview_ty1 .view_body .video_quality .body li{overflow:hidden}
.videoview_ty1 .view_body .video_quality .body li:hover{background:#f2f6fb}
.videoview_ty1 .view_body .video_quality .body li div{display:block; float:left; height:42px; padding-right:10px; line-height:42px; text-align:left; letter-spacing:-0.8px; color:#505050; font-weight:normal; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box}
.videoview_ty1 .view_body .video_quality .body li div:nth-child(1){width:12%}
.videoview_ty1 .view_body .video_quality .body li div:nth-child(2){width:15%}
.videoview_ty1 .view_body .video_quality .body li div:nth-child(3){width:20%}
.videoview_ty1 .view_body .video_quality .body li div:nth-child(4){width:18%}
.videoview_ty1 .view_body .video_quality .body li div:nth-child(5){width:20%}
.videoview_ty1 .view_body .video_quality .body li div:nth-child(6){width:15%}
.videoview_ty1 .view_body .video_quality .body li div:first-child{text-align:center}
.videoview_ty1 .view_body .video_quality .body li.active{background:#f2f6fb}
.videoview_ty1 .view_body .video_quality .body li.active div{color:#4267a0}


.videoview_ty1 .view_body .video_get{position:absolute; right:30px; bottom:20px; width:439px; box-sizing:border-box}
.videoview_ty1 .view_body .video_get .get_info{position:relative; padding:20px; background:#f2f6fb}
.videoview_ty1 .view_body .video_get .get_info:before{content:""; position:absolute; left:0; top:0; height:100%; width:2px; background:#018de7}
.videoview_ty1 .view_body .video_get .get_info .info_list01 li{color:#5e749e}
.videoview_ty1 .view_body .video_get .get_info .info_list01 li:last-child{letter-spacing:normal}

.videoview_ty1 .view_body .video_get .get_btn{margin-top:10px; margin-left:-5px}
.videoview_ty1 .view_body .video_get .get_btn:after{content:''; display:block; clear:both}
.videoview_ty1 .view_body .video_get .get_btn li{float:left; width:50%}
.videoview_ty1 .view_body .video_get .get_btn li .inner{margin-left:5px}
.videoview_ty1 .view_body .video_get .get_btn li .inner button{display:block; width:100%}
.videoview_ty1 .view_body .video_get .get_btn li .inner button span{padding:18px 18px}


.videoview_ty1 .view_detail{position:relative; overflow:hidden}
.videoview_ty1 .view_detail:after{content:''; position:absolute; left:699px; width:1px; height:100%; background:#dadada}

.videoview_ty1 .view_detail .section_l{float:left; width:700px; padding:35px 30px 0 0; box-sizing:border-box}
.videoview_ty1 .view_detail .section_r{float:left; width:500px; padding:35px 30px; padding-right:0; box-sizing:border-box}

.videoview_ty1 .view_detail .cont_area strong{display:inline-block; position:relative; margin-bottom:2px; line-height:145%; letter-spacing:-1px; font-size:18px; color:#303030; font-weight:300; letter-spacing:-0.8px}
.videoview_ty1 .view_detail .cont_area p{line-height:145%; letter-spacing:-0.8px; color:#505050; font-size:16px; font-weight:normal; text-align:justify}

.videoview_ty1 .view_detail .keyword_area{position:relative; margin-top:-2px}
.videoview_ty1 .view_detail .keyword_area .check_keyword{display:inline-block; position:relative; margin:2px 0; vertical-align:middle; overflow:hidden}
.videoview_ty1 .view_detail .keyword_area .check_keyword input[type="checkbox"]{position:absolute; top:0; left:50%; margin:0; z-index:1}
.videoview_ty1 .view_detail .keyword_area .check_keyword .hero{display:block; position:relative; line-height:150%; font-weight:normal; color:#5e749e; text-align:center; letter-spacing:-0.8px; border-radius:60px; background:#f2f6fb; border:1px solid #f2f6fb; cursor:pointer; transition:all .30s ease; z-index:2}
.videoview_ty1 .view_detail .keyword_area .check_keyword .hero span{display:block; padding:9px 15px 8px; font-size:13px}
.videoview_ty1 .view_detail .keyword_area .check_keyword input[type='checkbox']:checked + .hero{border:1px solid #018de7; color:#2b98ec !important; background:#fff}
.videoview_ty1 .view_detail .keyword_area .search{display:inline-block; position:relative; min-height:38px; margin:0; padding:0; padding-left:45px; color:#505050; letter-spacing:-0.8px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle; background:none; border:0; cursor:pointer; outline:none}
.videoview_ty1 .view_detail .keyword_area .search:before{content:'\e97a'; position:absolute; left:0; top:50%; width:38px; height:38px; line-height:38px; margin-top:-19px; background:#018de7; color:#fff; border-radius:50%; font-family:'xeicon'; font-size:18px; font-weight:normal}


/* snslist_ty1 */
.snslist_ty1{position:relative; margin-top:-1px; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.snslist_ty1 .thumlist{margin-left:-20px; margin-top:-40px}
.snslist_ty1 .thumlist:after{content:''; display:block; clear:both}
.snslist_ty1 .thumlist > li{position:relative; float:left; width:20%; box-sizing:border-box}
.snslist_ty1 .thumlist.col4 > li{width:25%}

.snslist_ty1 .thumlist_box{display:block; position:relative; height:239px; margin-left:20px; margin-top:40px; padding-top:125px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.snslist_ty1 .thumlist_box:hover{border:1px solid #fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.snslist_ty1 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px}
.snslist_ty1 .thum_area .thum{display:block; width:100%; height:125px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}

.snslist_ty1 .tit_area{padding:20px; padding-bottom:12px}
.snslist_ty1 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; height:42px; color:#303030; font-size:16px; line-height:135%; letter-spacing:-1px; font-weight:300; text-overflow:ellipsis; word-wrap:break-word;  overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.snslist_ty1 .info_area{padding:0 20px 0 20px}
.snslist_ty1 .info_area:after{content:''; display:block; clear:both}
.snslist_ty1 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.snslist_ty1 .info_area span.date{float:left}
.snslist_ty1 .info_area span.play{float:right; padding-left:23px}
.snslist_ty1 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.snslist_ty1 .info_area span.time{float:right; padding-left:23px}
.snslist_ty1 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.snslist_ty1 .info_area span.view{float:right; padding-left:29px}
.snslist_ty1 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}

.snslist_ty1 .no_data{position:relative; text-align:center}
.snslist_ty1 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.snslist_ty1 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

/* ---------- state_step ---------- */
.state_step_ty1{position:relative}
.state_step_ty1 .state_list{overflow:hidden; padding:10px 0}
.state_step_ty1 .state_list:after{content:''; position:absolute; top:50%; left:0; width:100%; height:1px; margin-top:-0.5px; background:#aeb9ce}
.state_step_ty1 .state_list li{position:relative; float:left; width:20%; box-sizing:border-box}
.state_step_ty1 .state_list li .state_box{position:relative; text-align:center}
.state_step_ty1 .state_list li .state_box:before{content:''; position:absolute; left:50%; top:50%; width:30px; height:30px; margin-top:-15px; margin-left:-15px; background:#023668; border-radius:50%; box-sizing:border-box; z-index:1}
.state_step_ty1 .state_list li .state_box:after{content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; margin-top:-4px; margin-left:-4px; background:#e6eef8; border-radius:50%; box-sizing:border-box; z-index:1}
.state_step_ty1 .state_list li .state_box .state_num{display:block; position:relative; margin-bottom:68px; letter-spacing:normal; line-height:135%; color:#5e749e; font-weight:normal; font-size:15px;}
.state_step_ty1 .state_list li .state_box .state_tit{display:block; position:relative; letter-spacing:-1.2px; line-height:135%; padding:8px 0;  border:1px solid #aeb9ce; border-radius:100px; color:#5e749e; font-weight:normal; font-size:15px}
.state_step_ty1 .state_list.col2 li{width:50%}
.state_step_ty1 .state_list.col3 li{width:33.33333%}
.state_step_ty1 .state_list.col4 li{width:25%}
.state_step_ty1 .state_list.col5 li{width:20%}






/* chart_box */
.chart_box{position:relative; padding:30px; border:1px solid #dadada}


/* ---------- mypage ---------- */
/* mypage_carousel_ty1 */
.mypage_index .no_data{position:relative; padding:35px 0; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.mypage_index .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.mypage_index .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

.mypage_carousel_ty1{position:relative; margin:0 -10px}
.mypage_carousel_ty1 .carousel_box{margin:0 10px}
.mypage_carousel_ty1 .thumlist_box{display:block; position:relative; height:300px; padding-top:175px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}

.mypage_carousel_ty1 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px; height:175px; overflow:hidden}
.mypage_carousel_ty1 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); border-bottom:none; z-index:1}
.mypage_carousel_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; transition:all .20s ease; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.mypage_carousel_ty1 .thum_area .no_cover{display:block; position:absolute; left:1px; top:1px; right:1px; height:175px; background:#f3f3f3 url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px;}

.mypage_carousel_ty1 .writer_area{position:relative;}
.mypage_carousel_ty1 .writer_box{position:absolute; top:-38px; left:20px; height:40px; padding:0 10px; background:#fff}
.mypage_carousel_ty1 .writer_box .logo{display:inline-block; position:relative; max-width:50px; vertical-align:middle}
.mypage_carousel_ty1 .writer_box .writer{display:inline-block; margin-left:3px; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:40px; vertical-align:middle}

.mypage_carousel_ty1 .tit_area{padding:20px; padding-bottom:12px; box-sizing:border-box}
.mypage_carousel_ty1 .tit_area .tit{display:block; color:#303030; margin-bottom:8px; font-size:18px; line-height:135%; letter-spacing:-1.2px; font-weight:300; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.mypage_carousel_ty1 .tit_area .info{display:box; display:-webkit-box; display:-ms-flexbox; height:42px; color:#303030; font-size:14px; line-height:155%; letter-spacing:-0.8px; font-weight:normal; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.mypage_carousel_ty1 .tit_area.badge{position:relative}
.mypage_carousel_ty1 .tit_area.badge .info{padding-left:20px}
.mypage_carousel_ty1 .tit_area .tit_badge{display:none; position:absolute}
.mypage_carousel_ty1 .tit_area .tit_badge.card{left:20px; top:24px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.mypage_carousel_ty1 .tit_area.badge .tit_badge{display:block}


.mypage_carousel_ty1 .info_area{padding:0 20px 0 20px}
.mypage_carousel_ty1 .info_area:after{content:''; display:block; clear:both}
.mypage_carousel_ty1 .info_area span{display:inline-block; position:relative; margin-left:10px; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.mypage_carousel_ty1 .info_area span.date{float:left; margin-left:0}
.mypage_carousel_ty1 .info_area span.writer{float:left; margin-left:0; color:#30a5d7}
.mypage_carousel_ty1 .info_area span.play{float:right; padding-left:23px}
.mypage_carousel_ty1 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.mypage_carousel_ty1 .info_area span.time{float:right; padding-left:23px}
.mypage_carousel_ty1 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.mypage_carousel_ty1 .info_area span.view{float:right; padding-left:29px}
.mypage_carousel_ty1 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.mypage_carousel_ty1 .info_area span.good{float:right; padding-left:25px}
.mypage_carousel_ty1 .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.mypage_carousel_ty1 .info_area span.bad{float:right; padding-left:25px}
.mypage_carousel_ty1 .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.mypage_carousel_ty1 .info_area span.comment{float:right; padding-left:24px}
.mypage_carousel_ty1 .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.mypage_carousel_ty1 .info_area span.good.active{color:#30a5d7}
.mypage_carousel_ty1 .info_area span.bad.active{color:#cf2177}

.mypage_carousel_ty1 .slick-arrow{display:block; position:absolute; top:50%; width:38px; height:38px; margin-top:-19px; padding:0; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.mypage_carousel_ty1 .slick-prev,
.mypage_carousel_ty1 .slick-next{background:rgba(34,35,37,.6)}
.mypage_carousel_ty1 .slick-prev{left:0}
.mypage_carousel_ty1 .slick-next{right:0}
.mypage_carousel_ty1 .slick-prev:before,
.mypage_carousel_ty1 .slick-next:before{content:''; position:absolute; top:50%; width:29px; height:16px; margin-top:-8px; opacity:.6; transition:all .10s ease}
.mypage_carousel_ty1 .slick-prev:before{right:-10px; background:url("../images/common/carousel_set1_back.png") 50% 50% no-repeat; background-size:29px 16px}
.mypage_carousel_ty1 .slick-next:before{left:-10px; background:url("../images/common/carousel_set1_next.png") 50% 50% no-repeat; background-size:29px 16px}
.mypage_carousel_ty1 .slick-prev:hover:before,
.mypage_carousel_ty1 .slick-next:hover:before{opacity:1}
.mypage_carousel_ty1 .slick-prev:hover:before{right:-6px}
.mypage_carousel_ty1 .slick-next:hover:before{left:-6px}
.mypage_carousel_ty1 .slick-prev:hover,
.mypage_carousel_ty1 .slick-next:hover{background:rgba(48,165,215,.8)}
.mypage_carousel_ty1 .slick-prev.slick-disabled{display:none !important}
.mypage_carousel_ty1 .slick-next.slick-disabled{display:none !important}


/* mypage_dsboard */
.mypage_archive .archive_wrap
{   
    position:relative; min-height:345px; padding:60px 300px 60px 300px; box-sizing:border-box; overflow:hidden;
    background:#fff; background:-webkit-linear-gradient(150deg, #30a5d6, #726eaf, #d71a72); background:-moz-linear-gradient(150deg, #30a5d6, #726eaf, #d71a72); background:linear-gradient(150deg, #30a5d6, #726eaf, #d71a72)
}
.mypage_archive .archive_wrap:after{content:''; display:block; clear:both}
.mypage_archive .archive_wrap .tit_area{position:relative; margin-bottom:50px; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.2)}
.mypage_archive .archive_wrap .tit_area .tit{display:inline-block; font-size:30px; letter-spacing:-0.8px; font-weight:normal; color:#fff; line-height:135%}
.mypage_archive .archive_wrap .tit_area .btn_list{position:absolute; right:0; bottom:18px;}
.mypage_archive .archive_wrap .tit_area .btn_list:after{content:''; display:block; clear:both}
.mypage_archive .archive_wrap .tit_area .btn_list li{float:left; margin-left:20px; text-align:center}
.mypage_archive .archive_wrap .tit_area .btn_list li a{display:inline-block; color:#fff; font-size:17px; line-height:135%}
.mypage_archive .archive_wrap .tit_area .btn_list li a i{font-size:20px; color:rgba(255,255,255,0.5); vertical-align:middle; margin-top:-1px; transition:all .20s ease}
.mypage_archive .archive_wrap .tit_area .btn_list li a:hover i{color:rgba(255,255,255,1);}

.mypage_archive .archive_wrap .activity_box .activity_list{width:50%; float:left;}
.mypage_archive .archive_wrap .activity_box .activity_list li{position:relative; margin-bottom:8px; text-align:left; padding-left:150px}
.mypage_archive .archive_wrap .activity_box .activity_list li:last-child{margin-bottom:0}
.mypage_archive .archive_wrap .activity_box .activity_list .activity_tit,
.mypage_archive .archive_wrap .activity_box .activity_list .activity_num{display:inline-block; color:#fff; line-height:30px; font-size:15px; letter-spacing:-0.5px; font-weight:normal; transition:all .20s ease}
.mypage_archive .archive_wrap .activity_box .activity_list .activity_tit{position:absolute; left:0; top:0; width:110px; border-bottom:1px solid rgba(255,255,255,0.5); text-align:center; box-sizing:border-box}
.mypage_archive .archive_wrap .activity_box .activity_list .activity_num{border-bottom:1px solid rgba(255,255,255,0);}
.mypage_archive .archive_wrap .activity_box .activity_list .activity_num:hover{border-bottom:1px solid rgba(255,255,255,0.5)}

.mypage_archive .img_reset{position:absolute; right:15px; top:60px; width:40px; height:40px; font-size:22px; border:1px solid rgba(255,255,255,0); border-radius:2px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); overflow:hidden; box-sizing:border-box; box-shadow:0 7px 17px 0 rgba(0,0,0,.16)}
.mypage_archive .img_reset label{display:block; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.mypage_archive .img_reset label i{line-height:40px}

.mypage_archive .img_upload{position:absolute; right:15px; top:15px; width:40px; height:40px; font-size:22px; border:1px solid rgba(255,255,255,0); border-radius:2px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); overflow:hidden; box-sizing:border-box; box-shadow:0 7px 17px 0 rgba(0,0,0,.16)}
.mypage_archive .img_upload label{display:block; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer}
.mypage_archive .img_upload label i{line-height:40px}
.mypage_archive .img_upload label input{position:absolute; width:0; height:0; padding:0; overflow:hidden}
.mypage_archive .img_upload input{position:absolute; width:0; height:0; padding:0}



/* mypage_intro */
.mypage_intro{position:relative; margin-bottom:50px}
.mypage_intro:after{content:''; display:block; clear:both}
.mypage_intro .intro_box{float:left}
.mypage_intro .intro_box .box_inner{height:474px; margin-left:-1px; border:1px solid #dadada}
.mypage_intro .intro_box.box_l{width:35%}
.mypage_intro .intro_box.box_r{width:65%}
.mypage_intro .intro_box.box_l .box_inner{margin-left:0; padding:0 15px}
.mypage_intro .intro_box.box_r .box_inner{background:#fbfbfb}

.mypage_intro .event_schedule .schedule_date{position:relative; margin-bottom:15px; padding-top:35px; text-align:center; font-size:0; letter-spacing:0; word-spacing:0}
.mypage_intro .event_schedule .schedule_date .date_yy, .mypage_intro .event_schedule .schedule_date .date_dd{display:inline-block; margin:0 5px}
.mypage_intro .event_schedule .schedule_date .ctrl{display:inline-block; position:relative; width:32px; height:32px; margin:0; padding:0; background-color:#e6eef8; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; border:0; border-radius:50%; box-sizing:border-box; cursor:pointer; transition:all .30s ease}
.mypage_intro .event_schedule .schedule_date .ctrl.bac{background-image:url("../images/common/paging_back_ty3.png"); background-size:7px 12px;}
.mypage_intro .event_schedule .schedule_date .ctrl.nex{background-image:url("../images/common/paging_next_ty3.png"); background-size:7px 12px;}
.mypage_intro .event_schedule .schedule_date .num{display:inline-block; position:relative; margin:0 35px; height:32px; color:#303030; line-height:36px; letter-spacing:-0.2px; vertical-align:middle; font-family:ctl; font-size:25px; box-sizing:border-box}




/* ---------- 통합검색 ---------- */
.tsearch_wrap{position:relative; width:1200px; margin:0 auto; box-sizing:border-box}
.tsearch_wrap:after{content:''; display:block; clear:both}

.tsearch_lnb,
.tsearch_contents{position:relative; float:left; box-sizing:border-box}
.tsearch_lnb{width:245px}
.tsearch_contents{width:955px; min-height:650px; padding:25px 0 0}
.tsearch_contents .contents_inner{margin-bottom:35px}
.tsearch_contents .contents_inner:last-child .tsearch_result{border-bottom:none}
.tsearch_section{position:relative; padding:0 25px; padding-right:0}
.tsearch_contents:before{content:''; position:absolute; top:0; left:-1px; width:1px; height:100%; background:#dadada}

/* option_controll */
.option_controll{position:relative; background:#fbfbfb; height:48px; border-top:3px solid #4d5265; border-bottom:1px solid #dadada}
.option_controll .option_search{position:absolute; right:15px; top:12px; box-sizing:border-box}
.option_controll .option_search .option_align,
.option_controll .option_search .option_area,
.option_controll .option_search .option_switch{display:inline-block; vertical-align:middle; margin-left:35px}

.option_controll .option_type{display:inline-block; position:relative; vertical-align:middle; overflow:hidden}
.option_controll .option_type input[type="radio"]{position:absolute; top:-100px; left:0; z-index:1}
.option_controll .option_type .hero{display:block; position:relative; line-height:150%; font-weight:normal; color:#707070; border:0; text-align:center; letter-spacing:-0.8px; cursor:pointer; transition:all .30s ease}
.option_controll .option_type .hero span{display:block; font-size:13px}
.option_controll .option_type input[type='radio']:checked + .hero{padding-left:23px; color:#30a5d7}
.option_controll .option_type input[type='radio']:checked + .hero:before{content:"\e928"; position:absolute; left:0; top:50%; width:26px; height:26px; margin-top:-13px; font-weight:normal; font-family:'xeicon'; font-weight:300; line-height:26px; color:#30a5d7; font-size:16px; box-sizing:border-box}


.tsearch_lnb .lnb_top{position:relative; height:48px; padding:0 10px; box-sizing:border-box}
.tsearch_lnb .lnb_top .tit, .tsearch_lnb .lnb_top .tit .span{display:block; letter-spacing:-0.5px; line-height:48px; font-size:16px; font-weight:300}
.tsearch_lnb .lnb_top .tit{color:#303030}
.tsearch_lnb .lnb_top .tit .num{color:#30a5d7}

.tsearch_lnb .lnb_nav{margin-top:-1px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8}
.tsearch_lnb .lnb_nav button{display:block; position:relative; background:none; border:0; padding:0; padding-left:10px; margin:0; width:100%; height:52px; line-height:52px; font-weight:300; font-size:16px; letter-spacing:-1.2px; text-align:left; color:#303030; padding-right:40px; cursor:pointer; border-radius:0; box-sizing:border-box; outline:none}
.tsearch_lnb .lnb_nav button .tit{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.tsearch_lnb .lnb_nav button .tit .num{color:#30a5d7}
.tsearch_lnb .lnb_nav button .tit:before, .tsearch_lnb .lnb_nav button span:after{content:''; position:absolute; top:50%; background:#023668}
.tsearch_lnb .lnb_nav button .tit:before{margin-top:-1px; margin-left:-6px; width:12px; height:2px; right:15px}
.tsearch_lnb .lnb_nav button .tit:after{margin-top:-6px; margin-left:-1px; width:2px; height:12px; right:20px}
.tsearch_lnb .lnb_nav button.active .tit:after{display:none}
.tsearch_lnb .lnb_nav .detail_inner{display:block}
.tsearch_lnb .lnb_nav .detail_inner .detail_list{padding-left:10px}
.tsearch_lnb .lnb_nav .detail_inner .detail_list ul{padding-bottom:20px}
.tsearch_lnb .lnb_nav .detail_inner .detail_list ul li{margin-bottom:5px}
.tsearch_lnb .lnb_nav .detail_inner .detail_list ul li:last-child{margin-bottom:0}
.tsearch_lnb .lnb_nav .detail_inner .detail_list ul li a{display:block; font-size:14px; letter-spacing:-0.8px; line-height:135%; color:#707070; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .25s ease}
.tsearch_lnb .lnb_nav .detail_inner .detail_list ul li.on a,
.tsearch_lnb .lnb_nav .detail_inner .detail_list ul li a:hover{color:#30a5d7}
.tsearch_lnb .lnb_nav .search_cont .detail_list ul li:last-child{margin-bottom:0}

.tsearch_lnb .search_confirm{margin-top:10px; margin-left:-5px}
.tsearch_lnb .search_confirm:after{content:''; display:block; clear:both}
.tsearch_lnb .search_confirm li{float:left; width:50%}
.tsearch_lnb .search_confirm li .inner{margin-left:5px}
.tsearch_lnb .search_confirm li .inner button{display:block; width:100%}
.tsearch_lnb .search_confirm li .inner button span{padding:10px 18px}


.tsearch_tit{position:relative}
.tsearch_tit .tit{display:inline-block; position:relative; padding-left:18px; line-height:150%; font-size:18px; color:#303030; font-weight:300; letter-spacing:-1.5px; vertical-align:middle}
.tsearch_tit .tit:after{content:''; position:absolute; left:0; top:3px; width:13px; height:19px; background:url('../images/common/stit_h4.png') no-repeat 50% 50%; background-size:13px 19px}
.tsearch_tit .tit .num{color:#018de7; font-size:13px; letter-spacing:normal; font-weight:300; vertical-align:middle}
.tsearch_tit .btn{position:absolute; right:0; top:-4px; z-index:1}

.tsearch_result{position:relative; padding:15px 0 0 25px}

/* result_ty1 */
.tsearch_result .result_ty1{position:relative}
.tsearch_result .result_ty1 .thumlist:after{content:''; display:block; clear:both}
.tsearch_result .result_ty1 .thumlist > li{padding:20px 0; border-bottom:1px solid #dadada; transition:all .5s cubic-bezier(0.7, 0, 0.3, 1)}
.tsearch_result .result_ty1 .thumlist > li:first-child{padding-top:0}

.tsearch_result .result_ty1 .thumlist_box{display:block; position:relative; min-height:137px; padding-right:200px; box-sizing:border-box}
.tsearch_result .result_ty1 .num_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:110px; text-align:center}
.tsearch_result .result_ty1 .num_area .num{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}
.tsearch_result .result_ty1 .category_area{position:absolute; left:0; top:50%; margin-top:-9.5px; width:110px; text-align:center}
.tsearch_result .result_ty1 .category_area .category{display:inline-block; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%}

.tsearch_result .result_ty1 .thum_group{position:relative; padding-left:224px}
.tsearch_result .result_ty1 .thum_area{position:absolute; top:0; left:0; width:224px; height:137px; overflow:hidden}
.tsearch_result .result_ty1 .thum_area:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.12); z-index:1}
.tsearch_result .result_ty1 .thum_area .thum
{
    display:inline-block; position:relative; left:50%; width:auto; height:100%; background:#f8f8f8; box-sizing:border-box;
    -ms-transform:translate(-50%, 0) scale(1);
    -webkit-transform:translate(-50%, 0) scale(1);
    transform:translate(-50%, 0) scale(1);
}
.tsearch_result .result_ty1 .no_cover{display:block; position:absolute; left:0; top:0; width:224px; height:137px; background:#f3f3f3 url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px; z-index:2}

.tsearch_result .result_ty1 .labs_area{background:#fff; box-shadow:6px 6px 6px 0 rgba(0,0,0,0.2)}

.tsearch_result .result_ty1 .tit_area{position:relative; padding-top:14px; padding-left:30px; box-sizing:border-box}
.tsearch_result .result_ty1 .tit_area.badge{position:relative}
.tsearch_result .result_ty1 .tit_area.badge .tit{padding-left:20px}
.tsearch_result .result_ty1 .tit_area .tit_badge{display:none; position:absolute}
.tsearch_result .result_ty1 .tit_area .tit_badge.card{left:30px; top:19px; width:14px; height:14px; background:url('../images/common/thumlist_badge_card.png') no-repeat 50% 50%; background-size:14px 14px}
.tsearch_result .result_ty1 .tit_area.badge .tit_badge{display:block}
.tsearch_result .result_ty1 .tit_area .tit, .tsearch_result .result_ty1 .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.tsearch_result .result_ty1 .tit_area .tit{max-height:46px; margin-bottom:10px; color:#303030; font-size:17px; line-height:145%; letter-spacing:-1px; font-weight:300}
.tsearch_result .result_ty1 .tit_area .tit .num{display:inline-block; position:relative; width:auto; height:22px; margin-left:5px; margin-top:-3px; padding:0 2px; color:#018de7; font-size:13px; letter-spacing:normal; font-weight:normal; vertical-align:middle; line-height:20px; border:1px solid #018de7; border-radius:2px; box-sizing:border-box}
.tsearch_result .result_ty1 .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}

.tsearch_result .result_ty1 .detail_set{padding-top:8px; padding-left:30px}
.tsearch_result .result_ty1 .writer_area{display:inline-block; margin-right:10px; vertical-align:middle; box-sizing:border-box}
.tsearch_result .result_ty1 .writer_box .logo{display:inline-block; position:relative; max-width:50px; vertical-align:middle}
.tsearch_result .result_ty1 .writer_box .writer{display:inline-block; margin-left:3px; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:135%; vertical-align:middle}
.tsearch_result .result_ty1 .meta_area{display:inline-block; vertical-align:middle; box-sizing:border-box}
.tsearch_result .result_ty1 .meta_area:after{content:''; display:block; clear:both}
.tsearch_result .result_ty1 .meta_area dt, .tsearch_result .result_ty1 .meta_area dd{float:left; color:#707070; font-weight:normal; font-size:13px; line-height:135%;}
.tsearch_result .result_ty1 .meta_area dt{margin-left:10px; padding:5px; border:1px solid #dadada; text-align:center}
.tsearch_result .result_ty1 .meta_area dt:first-child{margin-left:0; letter-spacing:-0.8px}
.tsearch_result .result_ty1 .meta_area dd{margin-left:8px; padding:6px 0; letter-spacing:-0.2px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}

.tsearch_result .result_ty1 .info_area{position:absolute; right:0; top:50%; margin-top:-9.5px}
.tsearch_result .result_ty1 .info_area:after{content:''; display:block; clear:both}
.tsearch_result .result_ty1 .info_area li{float:left; margin-left:25px}
.tsearch_result .result_ty1 .info_area li:last-child span{padding-right:25px}
.tsearch_result .result_ty1 .info_area span{display:inline-block; position:relative; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}

.tsearch_result .result_ty1 .info_area span.user{padding-left:21px}
.tsearch_result .result_ty1 .info_area span.user:before{width:15px; height:17px; margin-top:-8.5px; background:url('../images/common/thumlist_user.png') no-repeat 50% 50%; background-size:15px 17px}
.tsearch_result .result_ty1 .info_area span.date{padding-left:23px}
.tsearch_result .result_ty1 .info_area span.date:before{width:17px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_calendar.png') no-repeat 50% 50%; background-size:17px 18px}
.tsearch_result .result_ty1 .info_area span.play{padding-left:23px}
.tsearch_result .result_ty1 .info_area span.play:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.tsearch_result .result_ty1 .info_area span.time{padding-left:23px}
.tsearch_result .result_ty1 .info_area span.time:before{width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.tsearch_result .result_ty1 .info_area span.view{padding-left:29px}
.tsearch_result .result_ty1 .info_area span.view:before{width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.tsearch_result .result_ty1 .info_area span.comment{padding-left:24px}
.tsearch_result .result_ty1 .info_area span.comment:before{width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}
.tsearch_result .result_ty1 .info_area span.bad{padding-left:25px}
.tsearch_result .result_ty1 .info_area span.bad:before{width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.tsearch_result .result_ty1 .info_area span.good{padding-left:25px}
.tsearch_result .result_ty1 .info_area span.good:before{width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}

.tsearch_result .result_ty1 .info_area span.user:before,
.tsearch_result .result_ty1 .info_area span.date:before,
.tsearch_result .result_ty1 .info_area span.play:before,
.tsearch_result .result_ty1 .info_area span.time:before,
.tsearch_result .result_ty1 .info_area span.view:before,
.tsearch_result .result_ty1 .info_area span.comment:before,
.tsearch_result .result_ty1 .info_area span.bad:before,
.tsearch_result .result_ty1 .info_area span.good:before{content:''; position:absolute; left:0; top:50%}

.tsearch_result .result_ty1 .info_area span.good.active{color:#30a5d7}
.tsearch_result .result_ty1 .info_area span.bad.active{color:#cf2177}

.tsearch_result .result_ty1 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.tsearch_result .result_ty1 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.tsearch_result .result_ty1 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}

.tsearch_result .result_ty1.ty2_1 .thumlist .thumlist_box{padding-left:0; padding-right:420px}
.tsearch_result .result_ty1.no_num .thumlist .thumlist_box{padding-left:0; padding-right:420px}


/* result_ty2 */
.tsearch_result .result_ty2{position:relative}
.tsearch_result .result_ty2 .thumlist{margin-left:-35px; margin-top:-35px}
.tsearch_result .result_ty2 .thumlist:after{content:''; display:block; clear:both}
.tsearch_result .result_ty2 .thumlist > li{position:relative; float:left; width:33.333333%; box-sizing:border-box}

.tsearch_result .result_ty2 .thumlist_box{display:block; position:relative; height:300px; margin-left:35px; margin-top:35px; padding-top:175px; border:1px solid #dadada; box-sizing:border-box; transition: all .5s cubic-bezier(0.7, 0, 0.3, 1)}

.tsearch_result .result_ty2 .thum_area{position:absolute; top:-1px; right:-1px; left:-1px}
.tsearch_result .result_ty2 .thum_area .thum{display:block; width:100%; height:175px; background:#f8f8f8; object-fit:cover; box-sizing:border-box}
.tsearch_result .result_ty2 .thum_area .no_cover{display:block; position:absolute; left:1px; top:1px; right:1px; height:174px; background:#f3f3f3 url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px;}

.tsearch_result .result_ty2 .writer_area{position:relative;}
.tsearch_result .result_ty2 .writer_box{position:absolute; top:-38px; left:20px; height:40px; padding:0 10px; background:#fff}
.tsearch_result .result_ty2 .writer_box .logo{display:inline-block; position:relative; max-width:50px; vertical-align:middle}
.tsearch_result .result_ty2 .writer_box .writer{display:inline-block; margin-left:3px; font-size:13px; letter-spacing:-0.8px; color:#707070; line-height:40px; vertical-align:middle}

.tsearch_result .result_ty2 .tit_area{padding:20px; padding-bottom:12px; box-sizing:border-box}
.tsearch_result .result_ty2 .tit_area .tit{display:block; color:#303030; margin-bottom:8px; font-size:18px; line-height:135%; letter-spacing:-1.2px; font-weight:300; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.tsearch_result .result_ty2 .tit_area .info{display:box; display:-webkit-box; display:-ms-flexbox; height:42px; color:#303030; font-size:14px; line-height:155%; letter-spacing:-0.8px; font-weight:normal; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}

.tsearch_result .result_ty2 .info_area{padding:0 20px 0 20px}
.tsearch_result .result_ty2 .info_area:after{content:''; display:block; clear:both}
.tsearch_result .result_ty2 .info_area span{display:inline-block; position:relative; margin-left:10px; color:#707070; letter-spacing:-0.2px; font-weight:normal; font-size:13px; line-height:135%; vertical-align:middle}
.tsearch_result .result_ty2 .info_area span.date{float:left; margin-left:0}
.tsearch_result .result_ty2 .info_area span.writer{float:left; margin-left:0; color:#30a5d7}
.tsearch_result .result_ty2 .info_area span.play{float:right; padding-left:23px}
.tsearch_result .result_ty2 .info_area span.play:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_play.png') no-repeat 50% 50%; background-size:18px 18px}
.tsearch_result .result_ty2 .info_area span.time{float:right; padding-left:23px}
.tsearch_result .result_ty2 .info_area span.time:before{content:''; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/thumlist_clock.png') no-repeat 50% 50%; background-size:18px 18px}
.tsearch_result .result_ty2 .info_area span.view{float:right; padding-left:29px}
.tsearch_result .result_ty2 .info_area span.view:before{content:''; position:absolute; left:0; top:50%; width:24px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_eye.png') no-repeat 50% 50%; background-size:24px 16px}
.tsearch_result .result_ty2 .info_area span.good{float:right; padding-left:25px}
.tsearch_result .result_ty2 .info_area span.good:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_good.png') no-repeat 50% 50%; background-size:19px 16px}
.tsearch_result .result_ty2 .info_area span.bad{float:right; padding-left:25px}
.tsearch_result .result_ty2 .info_area span.bad:before{content:''; position:absolute; left:0; top:50%; width:19px; height:16px; margin-top:-8px; background:url('../images/common/thumlist_bad.png') no-repeat 50% 50%; background-size:19px 16px}
.tsearch_result .result_ty2 .info_area span.comment{float:right; padding-left:24px}
.tsearch_result .result_ty2 .info_area span.comment:before{content:''; position:absolute; left:0; top:50%; width:19px; height:17px; margin-top:-8px; background:url('../images/common/thumlist_comment.png') no-repeat 50% 50%; background-size:19px 17px}

.tsearch_result .result_ty2 .info_area span.good.active{color:#30a5d7}
.tsearch_result .result_ty2 .info_area span.bad.active{color:#cf2177}

.tsearch_result .result_ty2 .no_data{position:relative; margin-top:-1px; padding:20px; text-align:center; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.tsearch_result .result_ty2 .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.tsearch_result .result_ty2 .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* ---------- 권한별메뉴관리 ---------- */
.nmset_wrap{position:relative; padding:20px 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada}
.nmset_inner{margin-left:-15px}
.nmset_inner:after{content:''; display:block; clear:both}
.nmset_group{float:left; width:20%}
.nmset_group .nmset_box{position:relative; margin-left:15px; padding-top:50px; background:#f3f3f3}
.nmset_group .tit_area{position:absolute; top:-1px; left:-1px; right:-1px; background:#3b3c40; height:50px; text-align:center}
.nmset_group .tit_area .tit{display:inline-block; line-height:51px; color:#fff; font-size:15px; font-weight:normal; letter-spacing:-1px}
.nmset_group .tit_area .tit i{vertical-align:middle; margin-top:-3px}
.nmset_group .tit_area .tit i{font-size:22px}


.nmset_nav{position:relative; height:600px; padding:20px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.nmset_nav .nav_list .dep_1{position:relative; margin-bottom:10px}
.nmset_nav .nav_list .dep_1:last-child{margin-bottom:0}
.nmset_nav .nav_list .dep_1 > .nav_item{padding-left:30px}
.nmset_nav .nav_list .dep_1 > .toggle{position:absolute; left:0; top:0; width:22px; height:22px; background:#30a5d7; text-align:center; border-radius:2px; cursor:pointer}
.nmset_nav .nav_list .dep_1 > .toggle:before, .nmset_nav .nav_list .dep_1 > .toggle:after{content:''; position:absolute; top:50%; left:50%; background:#fff}
.nmset_nav .nav_list .dep_1 > .toggle:before{margin-top:-1px; margin-left:-6px; width:12px; height:2px;}
.nmset_nav .nav_list .dep_1 > .toggle:after{margin-top:-6px; margin-left:-1px; width:2px; height:12px;}
.nmset_nav .nav_list .dep_1.active > .toggle:after{display:none}

.nmset_nav .nav_list .dep_2{display:none; position:relative; margin-bottom:15px; padding:5px 0 0}
.nmset_nav .nav_list .dep_2 > li{padding-left:55px; margin-bottom:5px}
.nmset_nav .nav_list .dep_2 > li:last-child{margin-bottom:0}


/* ---------- 온라인 세미나 ---------- */
/* seminar_uc */
.seminar_uc{position:relative; margin-bottom:80px}
.seminar_uc .uc_tit .tit{display:inline-block; background:#30a5d7; color:#fff; font-size:18px; letter-spacing:-1.5px; padding:8px 25px 6px 25px; font-weight:normal; line-height:135%; border-radius:2px 2px 0 0}

.seminar_uc .uc_box{position:relative; border:2px solid #30a5d7; overflow:hidden}
.seminar_uc .uc_l, .seminar_uc .uc_r{float:left; width:50%; padding:30px; box-sizing:border-box}
.seminar_uc .uc_l{padding-right:40px}
.seminar_uc .uc_r{padding-left:40px}

.seminar_uc .base_info .tit_area{position:relative; box-sizing:border-box}
.seminar_uc .base_info .tit_area .tit, .seminar_uc .base_info .tit_area .cont{display:box; display:-webkit-box; display:-ms-flexbox; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.seminar_uc .base_info .tit_area .tit{max-height:52px; margin-bottom:15px; color:#303030; font-size:17px; line-height:145%; letter-spacing:-1px; font-weight:300; transition:all .20s ease}
.seminar_uc .base_info .tit_area .tit:hover{color:#30a5d7}
.seminar_uc .base_info .tit_area .cont{max-height:42px; color:#707070; font-size:14px; line-height:155%; letter-spacing:-0.5px; font-weight:normal}
.seminar_uc .base_info .tit_area .more{display:inline-block; position:relative; margin-top:5px; padding-right:15px; color:#30a5d7; font-size:14px; font-weight:normal; line-height:155%; letter-spacing:-0.8px}
.seminar_uc .base_info .tit_area .more i{position:absolute; right:0; top:3px}

.seminar_uc .base_info .apply_area{margin-top:20px; margin-left:-10px}
.seminar_uc .base_info .apply_area:after{content:''; display:block; clear:both}
.seminar_uc .base_info .apply_area li{float:left; width:50%}
.seminar_uc .base_info .apply_area li .inner{margin-left:10px}
.seminar_uc .base_info .apply_area li .inner .btn_normal,
.seminar_uc .base_info .apply_area li .inner .btn_line{display:block; width:100%}
.seminar_uc .base_info .apply_area li .inner .btn_normal span,
.seminar_uc .base_info .apply_area li .inner .btn_line span{padding:10px 18px}


.seminar_uc .panel_info{position:relative; padding-left:155px; box-sizing:border-box}
.seminar_uc .panel_info .photo_area{position:absolute; left:0; top:0; width:135px; height:170px; background:#f3f3f3; transition:all .20s ease}
.seminar_uc .panel_info .photo_area .photo{display:block; position:relative; width:135px; height:170px; z-index:1}
.seminar_uc .panel_info .photo_area .no_cover{display:block; position:absolute; left:50%; top:50%; width:84px; height:84px; margin-top:-42px; margin-left:-42px; background:url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px;}


.seminar_uc .panel_info .meta_area{position:relative; padding-left:60px; height:170px}
.seminar_uc .panel_info .meta_area:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dadada}
.seminar_uc .panel_info .meta_area dt, .seminar_uc .panel_info .meta_area dd{color:#707070; font-weight:normal; font-size:13px; line-height:135%;}
.seminar_uc .panel_info .meta_area dt{position:absolute; left:0; width:50px; padding:5px; border:1px solid #dadada; text-align:center; box-sizing:border-box}
.seminar_uc .panel_info .meta_area dd{display:block; margin-bottom:10px; padding:6px 0; letter-spacing:-0.5px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis}

.seminar_uc .no_data{position:relative; padding:50px 0; text-align:center}
.seminar_uc .no_data .info_message{font-size:15px; color:#707070; letter-spacing:-0.2px}
.seminar_uc .no_data .info_message i{margin-top:-4px; font-size:18px; vertical-align:middle}
.seminar_uc .no_data .btn_normal span,
.seminar_uc .no_data .btn_line span{padding:10px 18px}



/* preview_photo */
.panel_photo_ty1{position:relative; width:135px; min-height:170px; background:#f3f3f3}
.panel_photo_ty1 .photo{display:block; width:135px; height:170px}
.panel_photo_ty1 .no_cover{display:block; position:absolute; left:50%; top:50%; width:84px; height:84px; margin-top:-42px; margin-left:-42px; background:url('../images/common/nocover_ty1.png') 50% 50% no-repeat; background-size:84px 84px;}