@charset "utf-8";

@import "reset.css";
@import "module.css";

/*main*/
#main_headline {height:440px;}
#main_headline a {display:block;}
#main_headline a:hover h3 {text-decoration:underline;}
#main_headline a:hover img {opacity:0.8;}
#main_headline .main_h_slide {float:left;width:70%;position:relative;}
#main_headline .main_h_slide .slide_img img {width:798px;height:440px;}
#main_headline .main_h_slide .bar {position:absolute;width:100%;bottom:0;background:url(../img/bg_gradation.png) top repeat-x;}
#main_headline .main_h_slide .bar h3 {    font-weight: bold; /*color:#be2d5a;*/ color:#fff; font-size:28px;padding:60px 20px 0;margin-bottom:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow: 2px 2px 3px #222;}
#main_headline .main_h_slide .swiper-button-prev, #main_headline .main_h_slide .swiper-button-next {width:44px;height:54px;line-height:54px;background:rgba(0,0,0,0.5);color:#fff;font-size:40px;text-align:center;margin-top:-27px;}
#main_headline .main_h_slide .swiper-button-prev i, #main_headline .main_h_slide .swiper-button-next i {position:relative;top:-4px;}
#main_headline .main_h_slide .swiper-button-prev {left:0;}
#main_headline .main_h_slide .swiper-button-next {right:0;}
#main_headline .main_h_slide .swiper-pagination-bullets {width:auto;left:auto;right:20px;}
#main_headline .main_h_slide .swiper-pagination-bullet {width:12px;height:12px;background:#fff;opacity:1;}
#main_headline .main_h_slide .swiper-pagination-bullet-active {background:#337ab7;}
#main_headline .main_h_article {float:left;width:30%;}
#main_headline .main_h_article .h_article {height:220px;position:relative;}
#main_headline .main_h_article .h_article .article_img img {width:342px;height:220px;}
#main_headline .main_h_article .h_article .bar {position:absolute;bottom:0;background:url(../img/bg_gradation.png) top repeat-x;width:100%;z-index:9999;}
#main_headline .main_h_article .h_article .bar h3 {/*height:64px;*/overflow:hidden;color:#fff;font-size:20px;font-weight:normal;padding:20px 5px 0;margin-bottom:20px;word-break:keep-all;word-wrap:break-word;}



#main_headline .main_h_article .top_bar {position:absolute;top:0;width:100%;z-index:10;}
#main_headline .main_h_article .top_bar h3 {float:right;height:64px;overflow:hidden;color:#fff;font-size:22px;font-weight:bold;padding:5px 10px 0;margin-bottom:20px;word-break:keep-all;word-wrap:break-word;}

#main_headline .main_h_article .h_article .top_bar {position:absolute;top:0;background:url(../img/bg_gradation1.png) bottom repeat-x;width:100%;z-index:10;}
#main_headline .main_h_article .h_article .top_bar h3 {float:right;height:64px;overflow:hidden;color:#fff;font-size:22px;font-weight:bold;padding:5px 10px 0;margin-bottom:20px;word-break:keep-all;word-wrap:break-word;}

.top_news a {display:block;}
.top_news a:hover {text-decoration:underline;}
.top_news a:hover img {opacity:0.8;}
.top_news .t_article h3 {font-size:34px;color:#000;margin-bottom:10px;}
.top_news .t_article h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.top_news .t_article .t_cont {position:relative;height:170px;}
.top_news .t_article .t_cont .t_img {position:absolute;}
.top_news .t_article .t_cont .t_img img {width:240px;height:170px;}
.top_news .t_article .t_cont .t_text {margin-left:255px;height:167px;overflow:hidden;}
.top_news .t_article .t_cont .t_text p {font-size:14px;line-height:1.7em;}
.top_news .t_article .t_cont a.more {color:#337ab7;position:absolute;right:5px;bottom:5px;}
.top_news .t_photo {margin-top:15px;}
.top_news .t_photo li {float:left;width:240px;margin-right:14px;position:relative;}
.top_news .t_photo li:last-child {margin-right:0;}
.top_news .t_photo li .t_img img {width:100%;}
.top_news .t_photo li .bar {position:absolute;width:100%;bottom:0;padding:10px 0;background:rgba(0,0,0,0.5);}
.top_news .t_photo li .bar h3 {font-size:15px;color:#fff;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/* Content */
#container { margin-bottom: 10px; padding-top: 30px;}
.container_solo { clear: both; position: relative;}
#container > div { padding-bottom: 5px;}

.page_tit { position:relative; font-size: 26px; padding-bottom: 17px; line-height: 1.2; margin-left: -2px;}

textarea { resize: none;}

/* Title SET */
.title_set { position: relative; margin-bottom: 10px;}
.title_set h2 { color: #222; margin-right: 30px; font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.title_set h2 a { color: #222;}
.title_set .btn_art_more { position: absolute; display: block; padding-right: 1px;}

.title_set.ts01 { border-top: 1px solid #848484; border-bottom: 1px solid #dedede; padding: 11px 0 14px;}
.title_set.ts01 .btn_art_more { right: 0; top: 16px;}

.title_set.ts02 { position: relative; border-top: 2px solid #3fb3e7; padding: 7px 0;}
.title_set.ts02 .btn_art_more { right: 0; top: 12px;}

.title_set.ts03 { position: relative; border-bottom: 2px solid #3fb3e7; padding: 7px 0 12px;}
.title_set.ts03 .btn_art_more { right: 0; top: 12px;}

.title_set.ts04 { position: relative; border-left: 4px solid #3fb3e7; padding: 2px 0 7px 10px;}
.title_set.ts04 .btn_art_more { right: 0; top: 7px;}

.title_set.ts05 { position: relative; padding: 2px 0 0;}
.title_set.ts05 h2 a { background: #fff; z-index: 2; position: relative; padding-right: 10px;}
.title_set.ts05 h2:before { position: absolute; left: 0; top: 14px; width: 100%; content: ""; display: block; height: 2px; background: #3fb3e7; z-index: 1;}
.title_set.ts05 .btn_art_more { right: 0; top: 7px; background-color: #fff; z-index: 2;}

.title_set .ics { display: block; padding-left: 10px;}
.title_set .ics:before { display: inline-block; height: 17px; background: url(./images/btn_art_more.png) no-repeat 0 0;}
.title_set .ics01:before { content: ""; width: 39px; background-position: 0 0;} /* 더보기 1 */
.title_set .ics02:before { content: ""; width: 9px; background-position: -40px 0;} /* 더보기 2 */
.title_set .ics03:before { content: ""; width: 17px; background-position: -50px 0;} /* 더보기 3 */

.title_set.ts06 { position: relative; padding: 7px 0 11px 10px; background: #3fb3e7; height: 23px;}
.title_set.ts06 h2 { color: #fff !important;}
.title_set.ts06 h2 a, .title_set.ts06 h2 a * { color: #fff !important;}
.title_set.ts06 .btn_art_more { right: 10px; top: 12px;}
.title_set.ts06 h2 .ics { position: absolute; left: 7px; top: 30px; z-index: 1;}
.title_set.ts06 h2 .ics:before { background: none; font-size: 6px; color: #3fb3e7;}

.title_set.ts07 { position: relative; padding: 7px 0 13px 15px; background: #3fb3e7 url(./images/bg_tit_line.png) no-repeat 3px 3px; height: 23px; margin-bottom: 5px;}
.title_set.ts07 h2 { color: #fff !important;}
.title_set.ts07 h2 a, .title_set.ts07 h2 a * { color: #fff !important;}
.title_set.ts07 .btn_art_more { right: 8px; top: 13px;}
.title_set.ts07 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.title_set.ts07 h2 .ics:before { background: none; font-size: 6px; color: #3fb3e7;}

.title_set.ts08 .btn_art_more { right: 0; top: 5px;}

.title_set.ts09 { position: relative; padding: 7px 0 10px 10px; background: #f3f3f3; height: 23px; border: 1px solid #dedede; border-top: 0;}
.title_set.ts09:after { position: absolute; left: -1px; top: 0; content: ""; display: block; width: 100%; padding-left: 2px; height: 1px; background: #3fb3e7;}
.title_set.ts09 .btn_art_more { right: 7px; top: 13px;}

.title_set.ts10 { position: relative; border-top: 2px solid #dedede; border-bottom: 1px solid #dedede; padding-top: 1px;}
.title_set.ts10 > div { padding: 7px 0 10px 0; background: #fff; height: 23px; border-top: 1px solid #dedede;}
.title_set.ts10 .btn_art_more { right: 5px; top: 13px;}

.title_set.ts11 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.title_set.ts11 > div { position: relative; border-left: 5px solid #3fb3e7; padding: 2px 0 7px 9px;}
.title_set.ts11 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.3);}
.title_set.ts11 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #00a2ea;}
.title_set.ts11 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts11 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts12 { position: relative;}
.title_set.ts12 > div { position: relative; border-left: 5px solid #3fb3e7; padding: 2px 0 7px 9px;}
.title_set.ts12 > div:before { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 100%; background-color: rgba(255,250,160,.3);}
.title_set.ts12 > div:after { position: absolute; left: -5px; top: 0; content: ""; display: block; width: 5px; height: 5px; background: #00a2ea;}
.title_set.ts12 .btn_art_more { right: 7px; top: 8px;}
.title_set.ts12 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts13 { position: relative; border-bottom: 1px solid #dedede;}
.title_set.ts13 > div { margin-bottom: -1px;}
.title_set.ts13 h2 { color: #fff !important; border-left: 5px solid #00a2ea;}
.title_set.ts13 h2 a, .title_set.ts13 h2 a * { color: #fff !important;}
.title_set.ts13 h2 a { position: relative; display: inline-block; padding: 3px 15px 6px 10px; background-color: #3fb3e7; z-index: 1;}
.title_set.ts13 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts13 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts14 { position: relative; padding: 0 0 7px; border-bottom: 1px solid #dedede;}
.title_set.ts14 > div { position: relative; border-left: 4px solid #3fb3e7; padding: 2px 0 7px 9px;}
.title_set.ts14 .btn_art_more { right: 7px; top: 8px;}
.title_set.ts14 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts15 { position: relative; border-bottom: 1px solid #dedede;}
.title_set.ts15 > div { margin-bottom: -1px;}
.title_set.ts15 h2 { color: #fff !important;}
.title_set.ts15 h2 a { position: relative;  display: inline-block; border-bottom: 1px solid #3fb3e7; padding: 2px 0 7px; z-index: 1;}
.title_set.ts15 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts15 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts16 { position: relative; border-bottom: 1px solid #3fb3e7;}
.title_set.ts16 > div { margin-bottom: -1px;}
.title_set.ts16 h2 { color: #fff !important;}
.title_set.ts16 h2 a { position: relative; display: inline-block; border-bottom: 4px solid #3fb3e7; padding: 2px 0 7px; z-index: 1;}
.title_set.ts16 .btn_art_more { right: 7px; top: 7px;}
.title_set.ts16 .btn_art_more .ics.ics01 { margin-right: -7px;}

.title_set.ts17 { position: relative;}
.title_set.ts17:after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 100%; height: 4px; background: #3fb3e7 url(./images/bg_w50.png) repeat 0 0;}
.title_set.ts17 > div { margin-bottom: -1px;}
.title_set.ts17 h2 { color: #fff !important;}
.title_set.ts17 h2 a { position: relative; display: inline-block; padding: 2px 15px 12px 0; z-index: 1;}
.title_set.ts17 h2 a:after { position: absolute; bottom: 0; right: 0; content: ""; display: block; width: 100%; height: 4px; z-index: 2; background: #3fb3e7 url(./images/bg_w50_skew.png) no-repeat right 0;}
.title_set.ts17 .btn_art_more { right: 0; top: 7px;}

.title_set.ts18 { position: relative; border-bottom: 1px solid #3fb3e7;}
.title_set.ts18 > div { margin-bottom: -1px; overflow: hidden;}
.title_set.ts18 h2 { color: #fff !important;}
.title_set.ts18 h2 a, .title_set.ts18 h2 a * { color: #fff !important;}
.title_set.ts18 h2 a { position: relative; display: inline-block; padding: 3px 10px 6px 11px; height: 23px; background-color: #3fb3e7; z-index: 1;}
.title_set.ts18 h2 a:after { position: absolute; right: -15px; top: 0; content: ""; display: block; width: 0; height: 0; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 32px solid #3fb3e7;}
.title_set.ts18 .btn_art_more { right: 0; top: 5px;}

.title_set.ts19 { position: relative; padding: 8px 0 10px 23px; background: #fff; height: 25px; line-height: 24px; margin-bottom: 10px; border: 1px solid #dedede;}
.title_set.ts19:after { position: absolute; left: 12px; top: 19px; content: ""; display: block; width: 5px; height: 5px; background: #3fb3e7;}
.title_set.ts19 .btn_art_more { right: 8px; top: 13px;}

.title_set.ts20 { position: relative; padding: 9px 0 9px 15px; background: #3fb3e7 url(./images/bg_b_gradient.png) no-repeat right 0; height: 23px; line-height: 22px; margin-bottom: 10px;}
.title_set.ts20:after { position: absolute; left: 0; top: 1px; content: ""; display: block; width: 100%; height: 3px; background: url(./images/bg_wline_right.png) repeat right 0;}
.title_set.ts20:before { position: absolute; left: 0; bottom: 1px; content: ""; display: block; width: 100%; height: 3px; background: url(./images/bg_wline_left.png) repeat left 0;}

.title_set.ts20 h2 { color: #fff !important;}
.title_set.ts20 h2 a, .title_set.ts20 h2 a * { color: #fff !important;}
.title_set.ts20 .btn_art_more { right: 8px; top: 12px;}
.title_set.ts20 h2 .ics { position: absolute; left: 10px; top: 25px; z-index: 1;}
.title_set.ts20 h2 .ics:before { background: none; font-size: 6px; color: #3fb3e7;}

.title_set.ts21 { position: relative; padding: 2px 0 0;}
.title_set.ts21 h2 { text-align: center; margin-right: 0;}
.title_set.ts21 h2 a { background: #fff; z-index: 2; position: relative; padding: 0 10px; display: inline-block; height: 22px; line-height: 21px; transition: all .3s ease;}
.title_set.ts21 h2:before { position: absolute; left: 0; top: 13px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.title_set.ts21 h2:after { position: absolute; left: 0; top: 16px; width: 100%; content: ""; display: block; z-index: 1; border-top: 1px solid #808080; transition: all .3s ease;}
.title_set.ts21 .btn_art_more { right: 0; top: 7px; background-color: #fff; z-index: 2;}
.title_set.ts21 h2:hover > a { color: #000;}
.title_set.ts21 h2:hover:before { border-color: #000;}
.title_set.ts21 h2:hover:after { border-color: #000;}

.title_set.ts22 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 6px;height: 23px;}
.title_set.ts22:after { position: absolute; left: 0px; top: 3px; content: ""; display: block; width: 11px; height: 25px; background: #3fb3e7 url(./images/bg_theme22.png) no-repeat 0 0;/* -ms-transform: skewX(-12deg); -webkit-transform: skewX(-12deg); transform: skewX(-12deg);*/}
.title_set.ts22 .btn_art_more { right: 0; top: 7px;}

.title_set.ts23 { position: relative; padding: 2px 0 7px 25px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts23:after { position: absolute; left: 3px; top: 7px; content: ""; display: block; width: 15px; height: 15px; background: #3fb3e7 url(./images/bg_theme23.png) no-repeat 0 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.title_set.ts23 .btn_art_more { right: 0; top: 7px;}

.title_set.ts24 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts24:after { position: absolute; left: 1px; top: 5px; content: ""; display: block; width: 18px; height: 18px; background: #3fb3e7 url(./images/bg_theme24.png) no-repeat 0 0; border-radius: 9px;}
.title_set.ts24 .btn_art_more { right: 0; top: 7px;}

.title_set.ts25 { position: relative; padding: 2px 0 7px 23px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts25:after { position: absolute; left: 1px; top: 9px; content: ""; display: block; width: 10px; height: 10px; background: #3fb3e7; border-radius: 5px;}
.title_set.ts25:before { position: absolute; left: 5px; top: 13px; content: ""; display: block; width: 13px; height: 2px; background: #3fb3e7;}
.title_set.ts25 .btn_art_more { right: 0; top: 7px;}

.title_set.ts26 { position: relative; padding: 2px 0 7px; margin-bottom: 6px; height: 23px; line-height: 22px;}
.title_set.ts26 h2 { position: relative; display: inline-block; padding-bottom: 2px;}
.title_set.ts26 h2 a { position: relative; z-index: 10; padding: 0 8px 0 2px;}
.title_set.ts26 h2:after { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: #3fb3e7; z-index: 1;}
.title_set.ts26 h2:before { position: absolute; left: 1px; bottom: -1px; content: ""; display: block; width: 100%; height: 12px; background: url(./images/bg_theme26.png) repeat 0 0; z-index: 2;}
.title_set.ts26 .btn_art_more { right: 0; top: 7px;}

.title_set.tsw .ics:before { background: url(./images/btn_art_more_white.png) no-repeat 0 0;}
.title_set.tsw .ics01:before { content: ""; width: 39px; background-position: 0 0;} /* 더보기 1 */
.title_set.tsw .ics02:before { content: ""; width: 9px; background-position: -40px 0;} /* 더보기 2 */
.title_set.tsw .ics03:before { content: ""; width: 17px; background-position: -50px 0;} /* 더보기 3 */

.title_set h2 a > * { color: #3fb3e7 !important;}









/*  begin */

.arl_021_01 { position: relative; overflow: hidden; width:360px;}

.arl_021_01 .art_box { position: relative; margin-top: 10px;}
.arl_021_01 .column { margin: -10px -5px 0;}
.arl_021_01 .column > * > * { margin: 0 5px;}
.arl_021_01 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding: 10px 13px;}
.arl_021_01 .art_box > a h2 { font-size: 26px; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 75px;}
.arl_021_01 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_01 .art_box.no_img > a { padding-left: 0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity: .75;}

.arl_021_01 .rate_list { position: relative;}
.arl_021_01 .rate_list li { position: relative; padding-left: 24px; margin-top: 10px;}
.arl_021_01 .rate_list li:first-child { margin-top: 0;}
.arl_021_01 .rate_list li a { display: block; line-height: 1.4;}
.arl_021_01 .rate_list li a span { position: absolute; left: 0; top: 2px; min-width: 12px; padding: 0 2px; height: 16px; line-height: 17px; font-size: 12px; color: #fff; display: block; font-family: rubik, sans-serif; text-align: center; background: #848484;}
.arl_021_01 .rate_list li.rank_top a span { background: #13acac;}
/*
#35a2f0, #3fb3e7
*/
.arl_021_01 .rate_list li a:hover { color: #808080;}

/*  end */
/*  begin */

.arl_021_01 { position: relative; overflow: hidden;}

.arl_021_01 .art_box { position: relative; margin-top: 10px;}
.arl_021_01 .column { margin: -10px -5px 0;}
.arl_021_01 .column > * > * { margin: 0 5px;}
.arl_021_01 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding: 10px 13px;}
.arl_021_01 .art_box > a h2 { font-size: 26px; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 75px;}
.arl_021_01 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_01 .art_box.no_img > a { padding-left: 0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity: .75;}
/*  end */
/*  begin */

.arl_021_01 { position: relative; overflow: hidden;}

.arl_021_01 .art_box { position: relative; margin-top: 10px;}
.arl_021_01 .column { margin: -10px -5px 0;}
.arl_021_01 .column > * > * { margin: 0 5px;}
.arl_021_01 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding: 10px 13px;}
.arl_021_01 .art_box > a h2 { font-size: 26px; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 75px;}
.arl_021_01 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_01 .art_box.no_img > a { padding-left: 0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity: .75;}
/*  end */
/*  begin */

.arl_021_01 { position: relative; overflow: hidden;}

.arl_021_01 .art_box { position: relative; margin-top: 10px;}
.arl_021_01 .column { margin: -10px -5px 0;}
.arl_021_01 .column > * > * { margin: 0 5px;}
.arl_021_01 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding: 10px 13px;}
.arl_021_01 .art_box > a h2 { font-size: 26px; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 75px;}
.arl_021_01 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_01 .art_box.no_img > a { padding-left: 0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity: .75;}
/*  end */
/*  begin */

.arl_021_02 { position: relative; overflow: hidden;}

.arl_021_02 .art_box { position: relative; margin-top: 10px;}
.arl_021_02 .column { margin: -10px -5px 0;}
.arl_021_02 .column > * > * { margin: 0 5px;}
.arl_021_02 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_02 .art_box > a > div { padding: 10px;}
.arl_021_02 .art_box > a h2 { font-size: 15px; font-weight: bold; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 42px;}
.arl_021_02 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_02 .art_box.no_img > a { padding-left: 0;}
.arl_021_02 .art_box > a:hover h2, .arl_021_02 .art_box > a:hover p, .arl_021_02 .art_box > a:hover img { opacity: .75;}
/*  end */
/*  begin */

.arl_021_01 { position: relative; overflow: hidden;}

.arl_021_01 .art_box { position: relative; margin-top: 10px;}
.arl_021_01 .column { margin: -10px -5px 0;}
.arl_021_01 .column > * > * { margin: 0 5px;}
.arl_021_01 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_01 .art_box > a > div { padding: 10px 13px;}
.arl_021_01 .art_box > a h2 { font-size: 26px; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 75px;}
.arl_021_01 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_01 .art_box.no_img > a { padding-left: 0;}
.arl_021_01 .art_box > a:hover h2, .arl_021_01 .art_box > a:hover p, .arl_021_01 .art_box > a:hover img { opacity: .75;}
/*  end */
/*  begin */

.arl_068_01 { position: relative; overflow: hidden;}

.arl_068_01 .art_list_all { position: relative; margin: -15px -7px 0;}
.arl_068_01 .art_list_all > li { position: relative; margin: 15px 0 0; overflow: hidden;}
.arl_068_01 .art_list_all > li > a { position: relative; display: block; margin: 0 7px;}
.arl_068_01 .art_list_all > li > a .bf32:before { padding-top: 75.416%;}
.arl_068_01 .art_list_all > li > a > span span { overflow: hidden;}
.arl_068_01 .art_list_all > li > a > span span:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.075); -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; z-index: 2;}
.arl_068_01 .art_list_all > li > a > span span img { transition: all .5s ease-out;}
.arl_068_01 .art_list_all > li > a:hover img { transform: scale(1.15);}

.arl_068_01 .art_list_all .grad_wrap { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 110px; background: url(/data/skin/content_custom/1/arl_068_01//images/bg_grad.png) repeat-x 0 0; z-index: 2;}

.arl_068_01 .art_list_all h3 { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; margin: 0; padding: 0 10px 10px; box-sizing: border-box;}
.arl_068_01 .art_list_all h3 a { font-size: 14px;width:220px;padding:5px 10px; font-weight: bold; line-height: 1.3; height: inherit !important; max-height: 50px; color: #fff;}
.arl_068_01 .art_list_all h3 a:hover { text-decoration: underline;}
/*  end */
/*  begin */

.arl_021_02 { position: relative; overflow: hidden;}

.arl_021_02 .art_box { position: relative; margin-top: 10px;}
.arl_021_02 .column { margin: -10px -5px 0;}
.arl_021_02 .column > * > * { margin: 0 5px;}
.arl_021_02 .art_box > a { display: block; position: relative; overflow: visible !important; border: 1px solid #dedede;}
.arl_021_02 .art_box > a > div { padding: 10px;}
.arl_021_02 .art_box > a h2 { font-size: 15px; font-weight: bold; line-height: 1.4; margin: 0 0 0 -1px; color: #363636; height: 42px;}
.arl_021_02 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_021_02 .art_box.no_img > a { padding-left: 0;}
.arl_021_02 .art_box > a:hover h2, .arl_021_02 .art_box > a:hover p, .arl_021_02 .art_box > a:hover img { opacity: .75;}
/*  end */
/*  begin */

.ext_023 { position: relative; height: 422px; overflow: hidden;}
.ext_023 .hm { position: relative; background: #333;}
.ext_023 .hm:after { content: ""; display: block; clear: both;}

.ext_023 .hm > div { float: left; width: 34.2%;}
.ext_023 .hm > div:first-child { float: left; width: 65.8%;}

.ext_023 .hm .mov_wrap { position: relative; padding-top: 56.25%; background: #000; overflow: hidden;}
.ext_023 .hm .mov_wrap iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%;}

.ext_023 .hm .mov_cont { padding-right: 5px; height: 100%; overflow: hidden; cursor: hand;}
.ext_023 .hm .swiper-slide { height: auto;}
.ext_023 .hm .swiper-container-vertical > .swiper-scrollbar { right: 0 !important; top: 0 !important; height: 100% !important;}
.ext_023 .hm .swiper-scrollbar-drag { border-radius: 0 !important; background: #6c6c6c !important;}

.ext_023 .mov_link:after { content: ""; display: block; clear: both;}
.ext_023 .mov_link > li { float: left; width: 50%; height: 65px; overflow: hidden; margin-bottom: 1px;}
.ext_023 .mov_link > li > a { display: table; width: 100%; background: #474747; color: #eaeaea; transition: all .3s ease;}
.ext_023 .mov_link > li > a > b, .ext_023 .mov_link > li > a > em { display: table-cell; height: 55px; vertical-align: middle; text-align: center; overflow: hidden; padding:  5px 0;}
.ext_023 .mov_link > li > a > b { width: 36.45%; background: #6c6c6c; line-height: 1.2; transition: all .3s ease;}
.ext_023 .mov_link > li > a > em { width: 63.55%; font-style: normal; font-size: 15px; font-weight: bold; line-height: 1.2;}

.ext_023 .mov_link > li > a:hover { background: #333;}
.ext_023 .mov_link > li > a:hover > b { background: #555;}

.ext_023 .mov_link > li > a.active { background: #222 url(/data/skin/content/1/ext_023//images/bg_active.png) repeat 0 0;}
.ext_023 .mov_link > li > a.active > b { background: #3fb3e7;}
/*  end */

.ext_001 { position: relative; background: #525456; padding: 30px 15px; height: 197px; overflow: hidden; }
.ext_001 .tit_wrap { position: relative; margin-bottom: 18px;}
.ext_001 .tit_wrap h2 { color: #fff; font-size: 15px; margin-right: 60px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ext_001 .btn_arrow { position: absolute; right: 11px; top: 8px; display: block; background: url(../img/default/btn_arrow.png) no-repeat 0 0; width: 40px; height: 10px; text-indent: -9999px;}
.ext_001 .slide_art .slide_wrap { padding: 0 9px;}
.ext_001 .slide_art .slide_box { position: relative; overflow: hidden;}
.ext_001 .slide_art .slide_list { position: relative;}
.ext_001 .slide_art .slide_list:after { content: ""; display: block; clear: both;}
.ext_001 .slide_art .slide { float: left; width: 190px; min-height: 190px; padding: 0 10px 0 20px; border-left: 1px solid #6e7071;}
.ext_001 .slide_art .slide:first-child { border-color: transparent;}
.ext_001 .slide_art .slide ul li { margin-bottom: 14px;}
.ext_001 .slide_art .slide ul li a { display: block; color: #dedede; height: 39px;}
.ext_001 .slide_art .slide ul li a:hover { color: #fff;}
.ext_001 .slide_art .text_area {position:relative;width:300px;margin-right:10px;}
.ext_001 .slide_art .slide_wrap > a { position: absolute; top: 0; display: block; width: 41px; height: 275px; text-indent: -9999px; background: #525456 url(../img/default/btn_pager.png) no-repeat 0 center; transition: none;}
.ext_001 .slide_art .slide_wrap > a:after { content: ""; position: absolute; top: 22px; display: block; width: 16px; height: 240px;}
.ext_001 .slide_art .slide_wrap .btn-prev { left: 0; display: none;}
.ext_001 .slide_art .slide_wrap .btn-prev:after { left: 35px; background: url(../img/default/bg_frame_left.png) no-repeat 0 0;}
.ext_001 .slide_art .slide_wrap .btn-prev:hover { background-position: -80px center;}
.ext_001 .slide_art .slide_wrap .btn-next { right: 0; background-position: -40px center;}
.ext_001 .slide_art .slide_wrap .btn-next:after { right: 35px; background: url(../img/default/bg_frame_right.png) no-repeat 0 0;}
.ext_001 .slide_art .slide_wrap .btn-next:hover { background-position: -120px center;}



/*2018년 09월 12일 신규입니다*/

.bar_shaw{    position: absolute;
    width: 100%;
    bottom: 0;
	left: 7px;
    background: url(../img/bg_gradation2.png) top repeat-x;}
.main_06_box{    margin: 20px 0 0 0;}
.main_06_img{float:left;    overflow: hidden;}
.main_06_img img{width: 162px;height: 120px;}
.main_06_text{float: left;width: 50%;margin: 0 !important;}
.main_06_text a:hover{text-decoration: underline;}
.midle_banner_ul{}
.midle_banner_ul li{width: 260px;height: 80px;float: left;border: 1px solid #cdcdcd;margin-left: 30px;}
.midle_banner_ul li img{width:260; height:80px;}
.main_06_text p{padding-right:15px;-webkit-line-clamp: 2;}
.overflow_hi{overflow:hidden;}
.banner_container{margin:0 auto; width:1200px;}
.box_news_div{width:26% !important;}
.box_lebanner_div{width:22% !important;}
.bfbox_two{    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;}
.bf32_two{    position: relative;
    display: block;}
.bf32_two::before{    content: "";
    display: block;
    padding-top: 66.7%;}
.art_box_two > a{display: block;
    position: relative;
    overflow: visible !important;
    border: 1px solid #dedede;}
.art_box_two {
    position: relative;
    margin-top: 10px;
}
.art_box_two > a h2 {
    font-size: 26px;
    line-height: 1.4;
    margin: 0 0 0 -1px;
    color: #363636;
    height: 75px !important;
}
.art_box_two > a p {
    margin-top: 5px;
    margin-bottom: -2px;
    color: #808080;
}
.bfbox_two {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
	overflow: hidden;
}
.bfbox_two img{transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s ease-in-out;}
.bfbox_two img:hover{    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);}
.art_box_two > a > div {
    padding: 10px 13px;
}
.main_06_img img{transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s ease-in-out;}
.main_06_img img:hover{transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);}

.bfbox_two img{width:100%;}
.arl_021_01_two {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.art_box_two a:hover{text-decoration: underline;}
.lebanner_div_img img{height: 319px;width: 225px;margin-top: 10px;}
.in_margin_47 img{margin-top:47px}
.head_in_banner img{border: 1px solid #cdcdcd;width: 260px;height: 80px;}
.main_title_in_con{font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 264px;
    padding: 5px 0 0 10px;}
.main_title_in_con:hover{    text-decoration: underline;}


.align_046 { position: relative; overflow:hidden; margin-bottom: -1px; margin-top:15px; }
.align_046 .art_wrap { position: relative; overflow: hidden;}
.align_046 .art_list { width: 100%;}
.align_046 .art_list > li { padding-bottom: 12px;}
.align_046 .art_box { position: relative; overflow: hidden;}
.align_046 .art_box > a { display: block; position: relative; padding-left: 100px; margin-bottom: 5px; height: 60px;}
.align_046 .art_box > a span { position: absolute; left: 0; top: 1px; border: 1px solid #eaeaea;}
.align_046 .art_box > a span img { width: 90px; height: 60px;}
.align_046 .art_box > a h2 { font-size: 15px; font-weight: normal; line-height: 1.3; margin: 0 0 7px -1px; color: #363636;}
.align_046 .art_box > a p { margin-top: 7px; height: inherit !important; max-height: 39px; color: #808080;}
.align_046 .art_box > a:hover h2, .align_046 .art_box > a:hover p, .align_046 .art_box > a:hover img { opacity: .75;}
.align_046 .art_box.no_img > a { padding-left: 0;}
.align_046 .relate_art { padding-top: 2px;}
.align_046 .relate_art li { padding-left: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1; margin-top: 5px;}
.align_046 .relate_art li a:hover { opacity: .75;}


.align_009 { position: relative;}
.align_009 .recent_art { position: relative; border:1px solid #dedede; background: #fff; padding:0 20px 0 152px; height: 36px; overflow: hidden; z-index: 10;}
.align_009 .recent_art h3 { position: absolute; left: 0; top: 0; font-size: 14px; width: 100px; height: 36px; line-height: 34px; color: #fff; background: #0c5ba7; padding: 0 5px 0 10px; text-overflow:ellipsis; white-space:nowrap; text-align: center;}
.align_009 .recent_art h3:before { position: absolute; right: -20px; top: 0; bottom: 0; content: ""; display: block; width: 0;  height: 0;  border-left: 20px solid #0c5ba7; }
.align_009 .bx-pager { display: none;}
.align_009 .bx-controls-direction { display: none;}
.align_009 .lst_pop { position: relative; z-index: 1;}
.align_009 .lst_pop li { padding: 11px 0;}
.align_009 .lst_pop li a { display:block; height: 16px; line-height: 14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px;}
.align_009 .lst_pop li a:hover { opacity: .7;}


.mov_001 { position: relative; width:850px; float:left; }
.mov_001 .headline_mov { position: relative;}
.mov_001 .headline_mov:after { content: ""; display: block; clear: both;}
.mov_001 .headline_mov > div {     position: absolute;
    right: 0;
    width: 250px;
    top: 0;}
.mov_001 .headline_mov .mov_wrap {    position: relative;
    padding-top: 28%;
    background: #000;
    margin-bottom: 3px;
    overflow: hidden;
	width: 600px;
    height: 115px;}
.mov_001 .headline_mov .mov_wrap iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%;}
.mov_001 .headline_mov .indicator { position: relative; margin: 0 -2px;}
.mov_001 .headline_mov .indicator:after { content: ""; display: block; clear: both;}
.mov_001 .headline_mov .indicator a { position: relative; display: block; float: left; width: 20%;}
.mov_001 .headline_mov .indicator.col1 a { width: 100%;}
.mov_001 .headline_mov .indicator.col2 a { width: 50%;}
.mov_001 .headline_mov .indicator.col3 a { width: 33.3333%;}
.mov_001 .headline_mov .indicator.col4 a { width: 100%;}
.mov_001 .headline_mov .indicator a:hover { text-decoration: none;}
.mov_001 .headline_mov .indicator a span { display: block;}
.mov_001 .headline_mov .indicator a span img {    width: 100%;
    height: 117px; }
.mov_001 .headline_mov .indicator a i {    display: block;
    padding: 5px 0 0px;
    height: 24px;
    position: absolute;
    bottom: 0;
    color: #fff;
        background: rgba(0,0,0,0.5);
    width: 100%;}
.mov_001 .headline_mov .indicator a i b {   padding: 0 10px;display: block; font-size: 15px; font-style: normal; font-weight: normal; line-height: 1.3; height: 31px; overflow: hidden; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mov_001 .headline_mov .indicator a > div { position: relative; margin: 0 2px;}
.mov_001 .headline_mov .indicator a.active > div { border-bottom: 2px solid #0c5ba7;}
.mov_001 .headline_mov .indicator a.active i b { color: #0c5ba7;}

.align_009 { position: relative; width:264px; margin-left:25px; float:left;   }
.align_009 .rate_list { position: relative; background: #f3f3f3; border: 1px solid #e4e4e4; padding: 20px 14px; }
.align_009 .rate_list li { position: relative; padding-left: 24px; margin-top: 13px;}
.align_009 .rate_list li:first-child { margin-top: 0;}
.align_009 .rate_list li a { display: block; line-height: 1.3; font-size: 15px; color: #363636;}
.align_009 .rate_list li a span { position: absolute; left: -3px; top: 1px; width: 20px; font-size: 19px; color: #808080; display: block; font-family: rubik, sans-serif; font-weight: 400; line-height: 1; font-style: italic; text-align: center;}
.align_009 .rate_list li a span.i_rate { background: url(../img/default/i_rate.png) no-repeat 3px 0; text-indent: -9999px; }
.align_009 .rate_list li a span.i_rate.r01 { background-position: 3px 0;}
.align_009 .rate_list li a span.i_rate.r02 { background-position: 3px -25px;}
.align_009 .rate_list li a span.i_rate.r03 { background-position: 3px -50px;}
.align_009 .rate_list li a:hover { color: #999;}


/*영광사랑방*/
#WarpTabBox {
       overflow: hidden;
    width: 876px;
    background-color: #fff;
    text-align: left;
    margin-right: 13px;
    margin-top: 47px;
	height: 320px;
}
.tabTitle {
    overflow: hidden;
    border-top: 1px solid #666;
    border-bottom: 1px solid #e4e4e4;
       margin: 0 0 20px 0;
}
.tabTitle li {
    height: 40px;
    line-height: 45px;
}
.tabTitle span {
    color: #be2d5a;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}
.tabTitle li._right {
    float: right;
}
.tabTitle li {
    height: 40px;
    line-height: 45px;
}
.tabTitle li._right span {
    font-size: 14px;
    padding-right: 10px;
}
.tabTitle span {
    color: #be2d5a;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
}
.tabMenu, .tabMenu ul {
    width: 100%;
}
.tabMenu, .tabMenu ul, .tabMenu ul li, .tabMenu ul li a {
    float: left;
    overflow: hidden;
    letter-spacing: -1px;
}
.tabMenu, .tabMenu ul, .tabMenu ul li, .tabMenu ul li a {
    float: left;
    overflow: hidden;
    letter-spacing: -1px;
	margin:0;
}
.tabMenu ul li {
	width: 144.7px;
    border: 1px solid #dfdfdf;
    border-left: 0;
    background-color: #f6f6f6;
    text-align: center;
}
#TabBox_1 {
    border-left: 1px solid #dfdfdf;
}
.tabMenu ul li div {
    overflow: hidden;
    line-height: 41px;
    height: 41px;
    padding: 0 0px;
}
.tabMenu ul li a {
    width: 100%;
    font-size: 15px;
    color: #66676c;
}
div.tabCont {
    margin-left: -10px;
    width: 700px;
}
.tabCont {
    overflow: hidden;
    width: 100%;
    height: 176px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
div.tabCont .thum_div {
    margin-left: 10px;
}
div.tabCont .thum_div ._company {
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    font-weight: bold;
}
div.tabCont div.thum_div div._subject {
    height: 17px;
    line-height: 17px;
    overflow: hidden;
}
div.tabCont div.thum_div div._area {
    height: 17px;
    line-height: 17px;
    overflow: hidden;
}
div.tabCont div.thum_div div._area a {
    color: #777;
    font-family: 'Malgun Gothic','AppleGothic', 'sans-serif';
}
div.tabCont div.thum_div div._subject a {
    color: #222;
    font-family: 'Malgun Gothic','AppleGothic', 'sans-serif';
}
div.tabCont div.thum_div div._company a {
    font-size: 13px;
    color: #222;
    font-family: 'Malgun Gothic','AppleGothic', 'sans-serif';
}
.tabMenu ul li.over a {
    color: #fff;
    font-weight: bold;
    background-color: #be2d5a;
}


.max_width_1170{    max-width: 1170px !important;}
.sec-wrap {
	margin-right: 13px;
    margin-top: 47px;
    width: 876px;
    position: relative;
}
.list_info ul {
    overflow: hidden;
    margin-left: -20px;
}
.list_info ul li {
    float: left;
    width: 33.333333333333%;
}
.list_info ul li div.info_in {
    margin-left: 20px;
}
.list_info .list_con._subject {
	padding-left: 20px;
    height: 28px;
    line-height: 18px;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	position:relative;
}
.list_info .list_con._subject::before{content: "";
    background-image: url(../img/jum.png);
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    left: 5px;}
.info_in h3{margin-bottom:20px}

.tt33{    position: relative;
    padding: 2px 0 7px 23px;
    margin-bottom: 6px;
    height: 23px;}