@charset "utf-8";

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

/*sub*/
/*.mn_fixed {position: fixed; top:60px;}*/

.sub_none {transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;transition: all .3s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;}
.sub_bg {background:#fff !important; height:10px;}

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

.head_cen.active{z-index:9999;position:fixed;top:0;left:0;right:0;}
.header01 .active{background:#fff;}
.header02 .active{background:#fff;}

.hdl_001 { position: relative; overflow: hidden;}
/*
.hdl_001 > div { position: relative; margin-top: 20px; padding-left: 280px; min-height: 212px;}
.hdl_001 > div.no_img { padding-left: 0; min-height: inherit;}
.hdl_001 > div:first-child { margin-top: 0;}
.hdl_001 > div > a { display: block; padding-left: 20px;}
.hdl_001 > div.no_img > a { padding-left: 0;}
.hdl_001 > div > a span { position: absolute; left: 0; top: 6px; border: 1px solid #eaeaea; background: #fff;}
.hdl_001 > div > a span img { width: 280px; height: 210px; transition: opacity .3s ease;}
.hdl_001 > div > a h2 { font-size: 35px; line-height: 1.3; font-weight: 200; margin: -3px 0 7px -2px; color: #363636; max-height: 92px !important; height: inherit !important;}
.hdl_001 > div > a h3 { font-size: 15px; color: #f34235; margin-bottom: 10px;}
.hdl_001 > div > a p { margin-bottom: 10px; color: #808080;}
.hdl_001 > div > a:hover h3, .hdl_001 > div > a:hover h2, .hdl_001 > div > a:hover p, .hdl_001 a:hover img { opacity: .75;}
*/

.hdl_001 .swiper-slide > div { position: relative; margin-top: 20px; padding-left: 280px; min-height: 212px;}
.hdl_001 .swiper-slide > div.no_img { padding-left: 0; min-height: inherit;}
.hdl_001 .swiper-slide > div:first-child { margin-top: 0;}
.hdl_001 .swiper-slide > div > a { display: block; padding-left: 20px;}
.hdl_001 .swiper-slide > div.no_img > a { padding-left: 0;}
.hdl_001 .swiper-slide > div > a span { position: absolute; left: 0; top: 6px; border: 1px solid #eaeaea; background: #fff;}
.hdl_001 .swiper-slide > div > a span img { width: 280px; height: 210px; transition: opacity .3s ease;}
.hdl_001 .swiper-slide > div > a h2 { font-size: 35px; line-height: 1.3; font-weight: 200; margin: -3px 0 7px -2px; color: #363636; max-height: 92px !important; height: inherit !important;}
.hdl_001 .swiper-slide > div > a h3 { font-size: 15px; color: #f34235; margin-bottom: 10px;}

.hdl_001 .swiper-slide > div > a p { margin-bottom: 10px; color: #808080;}
.hdl_001 .swiper-slide > div > a:hover h3, .hdl_001 > div > a:hover h2, .hdl_001 > div > a:hover p, .hdl_001 a:hover img { opacity: .75;}

.hdl_001 .relate_art { margin-left: 20px;}
.hdl_001 .relate_art li { padding-left: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1; margin-top: 5px;}
.hdl_001 .relate_art li a:hover { color: #808080;}

/* hdl swiper */
.hdl_001 .swiper-wrapper {  }
.hdl_001 .swiper-wrapper .swiper-slide{height: 200px; padding-bottom: 40px;}
.hdl_001 .swiper-pagination { /*text-align:center; margin-left:130px;*/ text-align:right; bottom: -2px !important}
.hdl_001 .swiper-pagination-bullet {width:12px;height:12px; }
.hdl_001 .swiper-pagination-bullet-active { background:#0092CE; }


.hdl_002 { position: relative; overflow: hidden;}
.hdl_002 > ul { margin-top: -15px;}
.hdl_002 > ul > li { margin: 15px 0 0;}
.hdl_002 .art_box { position: relative; overflow: hidden; min-height: 87px;}
.hdl_002 .art_box > a { display: block;}
.hdl_002 .art_box > a div { position: relative; padding-left: 90px; min-height: 62px; margin-top: 10px;}
.hdl_002 .art_box > a span { position: absolute; left: 0; top: -1px; border: 1px solid #eaeaea; background: #fff;}
.hdl_002 .art_box > a span img { width: 90px; height: 75px; transition: opacity .3s ease;object-fit:cover;}
.hdl_002 .art_box > a h2 { font-size: 17px; line-height: 1.3; margin: 0 0 7px; color: #363636;}
.hdl_002 .art_box > a h3 { font-size: 13px; color: #f34235; margin: -3px 0 5px; font-weight: normal; /*height: 17px;*/ }
.hdl_002 .art_box > a p { padding-left: 10px; color: #808080;}
.hdl_002 .art_box > a:hover h2, .hdl_002 .art_box > a:hover h3, .hdl_002 .art_box > a:hover p { opacity: .75;}
.hdl_002 a:hover img { opacity: .75;}
.hdl_002 .relate_art { margin-left: 100px;}
.hdl_002 .relate_art li { padding-left: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1; margin-top: 5px;}
.hdl_002 .relate_art li a:hover { color: #808080;}
.hdl_002 .no_img .art_box > a div, .hdl_002 .no_img .art_box > a p { padding-left: 0;}
.hdl_002 .no_img .relate_art { margin-left: 0;}


.hdl_008 { position: relative; overflow: hidden;}
.hdl_008 > div { position: relative; margin-top: 20px; padding-left: 300px; min-height: 264px;}
.hdl_008 > div.no_img { padding-left: 0; min-height: inherit;}
.hdl_008 > div:first-child { margin-top: 0;}
.hdl_008 > div > a { display: block;}
.hdl_008 > div > a > div { position: relative;}
.hdl_008 > div.no_img > a { padding-left: 0;}
.hdl_008 > div > a span { position: absolute; left: -300px; top: 0; display: block; border: 1px solid #eaeaea;}
.hdl_008 > div > a span img { width: 278px; height: 208px; transition: opacity .3s ease;}
.hdl_008 > div > a h2 { font-size: 35px; line-height: 1.3; font-weight: bold; margin: -3px 0 12px -300px; color: #363636;}
.hdl_008 > div.no_img > a h2 { margin-left: 0;}
.hdl_008 > div > a h3 { font-size: 15px; color: #2481bf; margin-bottom: 10px;}
.hdl_008 > div > a p { margin-bottom: 10px; height: inherit !important; max-height: 115px; color: #808080;}
.hdl_008 > div > a:hover h2, .hdl_008 > div > a:hover h3, .hdl_008 > div > a:hover p, .hdl_008 > div > a:hover img { opacity: .75;}
.hdl_008 > div > a p.clamp.c9 { max-height: 172px; -webkit-line-clamp:9;}
.hdl_008 .relate_art li { padding-left: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1; margin-top: 5px;}
.hdl_008 .relate_art li a:hover { color: #808080;}


.hdl_017 { position: relative; overflow: hidden;}
.hdl_017 .art_box_wrap { margin-top: 15px;}
.hdl_017 .art_box_wrap:first-child { margin-top: 0;}
.hdl_017 .art_box_wrap > div { position: relative; padding-left: 190px; min-height: 101px;}
.hdl_017 .art_box_wrap > div.no_img { padding-left: 0; min-height: inherit;}
.hdl_017 .art_box_wrap > div > a { display: block;}
.hdl_017 .art_box_wrap > div > a > div { position: relative;}
.hdl_017 .art_box_wrap > div.no_img > a { padding-left: 0;}
.hdl_017 .art_box_wrap > div > a span { position: absolute; left: -190px; top: 1px; display: block; border: 1px solid #dedede;}
.hdl_017 .art_box_wrap > div > a span img { width: 170px; height: 100px; transition: opacity .3s ease;}
.hdl_017 .art_box_wrap > div > a h2 { font-size: 19px; line-height: 1.3; font-weight: bold; margin: 0 0 10px -1px; color: #363636;}
.hdl_017 .art_box_wrap > div > a h3 { font-size: 14px; color: #0b79bf; margin-bottom: 10px;}
.hdl_017 .art_box_wrap > div > a:hover h2, .hdl_017 .art_box_wrap > div > a:hover h3, .hdl_017 .art_box_wrap > div > a:hover p, .hdl_017 .art_box_wrap a:hover img { opacity: .75;}
.hdl_017 .art_box_wrap > div > a p { color: #808080;}
.hdl_017 .art_box_wrap .relate_art { margin-top: 12px;}
.hdl_017 .art_box_wrap .relate_art li { padding-left: 12px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1.3; margin-top: 5px;}
.hdl_017 .art_box_wrap .relate_art li a:hover { color: #808080;}


.hdl_019 { position: relative; overflow: hidden;}
.hdl_019 .slide_wrap { position: relative; height: 212px;}
.hdl_019 .slide_wrap .photo_box li { position: relative; height: 210px; padding-top: 2px;}
.hdl_019 .slide_wrap .photo_box li a { position: relative; display: block; transition: none; padding-left: 295px; height: 210px; background: #f3f3f3;}
.hdl_019 .slide_wrap .photo_box li a > span { position: absolute; left: 0; top: 0; display: block; width: 313px; height: 208px; overflow: hidden; border: 1px solid #f3f3f3;}
.hdl_019 .slide_wrap .photo_box li a > span img { width: 100%; transition: opacity .3s ease; background: #fff;}
.hdl_019 .art_box { padding: 17px 40px 0;}
.hdl_019 .art_box h3 { font-size: 20px; height: inherit !important; max-height: 52px; line-height: 1.3; color: #222; padding-top: 23px;}
.hdl_019 .art_box h4 { margin-top: 7px; color: #f34235; font-size: 14px; font-weight: normal;}
.hdl_019 .art_box p { margin-top: 7px; color: #dedede; line-height: 1.5; height: 73px; color: #848484;}
.hdl_019 .art_box em { position: absolute; left: 335px; top: 0; display: block; background: #0c5ba7; color: #fff; font-size: 15px; padding: 0 10px; height: 32px; line-height: 30px; font-style: normal;}
.hdl_019 .slide_wrap .photo_box li a.no_img { padding-left: 0;}
.hdl_019 .slide_wrap .photo_box li a.no_img .art_box { padding-top: 40px;}
.hdl_019 .slide_wrap .photo_box li a.no_img .art_box h3 { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top: 0;}
.hdl_019 .slide_wrap .photo_box li a.no_img .art_box em { left: 40px;}
.hdl_019 .bx-controls-direction { display: block;}
.hdl_019 .bx-controls-direction a { position: absolute; top: 50%; margin-top: -30px; display: block; width: 30px; height: 60px; background: url(../img/default/btn_slide.png) no-repeat 0 0; z-index: 50; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.hdl_019 .bx-controls-direction a.bx-prev { left: 0; background-position: 0 0;}
.hdl_019 .bx-controls-direction a.bx-next { right: 0; background-position: -30px 0;}
.hdl_019 .bx-controls-direction a:hover { background-position-y: -60px;}
.hdl_019 .bx-pager { display: none;}
.hdl_019 .photo_box > li:hover h3, .hdl_019 .photo_box > li:hover h4, .hdl_019 .photo_box > li:hover p, .hdl_019 .photo_box > li:hover em, .hdl_019 .slide_wrap .photo_box li a:hover > span img { opacity: .75;}


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


.arl_003 { position: relative;}
.arl_003 .tit_set { margin-bottom: 12px;}
.arl_003 .rate_list { position: relative;}
.arl_003 .rate_list li { position: relative; padding-left: 24px; margin-top: 12px;}
.arl_003 .rate_list li:first-child { margin-top: 0;}
.arl_003 .rate_list li a { display: block; line-height: 1.3;}
.arl_003 .rate_list li a span { position: absolute; left: 0; top: 0; width: 24px; font-size: 17px; color: #f34235; display: block; font-family: rubik, sans-serif; font-weight: 300; line-height: 1;}
.arl_003 .rate_list li a:hover { color: #808080;}


.arl_005 { position: relative;}
.arl_005 .time_list { position: relative; background: #f3f3f3 url(../img/default/bg_line.png) repeat-y 19px 0; border: 1px solid #dedede; padding: 15px 12px 0 38px;}
.arl_005 .time_list h3 { font-family: rubik, sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0;}
.arl_005 .time_list ul { margin-bottom: 15px;}
.arl_005 .time_list ul li { position: relative; margin-top: 8px;}
.arl_005 .time_list ul li:before { position: absolute; left: -23px; top: 50%; content: ""; display: block; width: 12px; height: 12px; background: url(../img/default/icon_dot.png) no-repeat 0 0; margin-top: -6px;}
.arl_005 .time_list ul li a { position: relative; display: block; background: #fff; border: 1px solid #dedede; border-radius: 3px; padding: 0 50px 0 10px;}
.arl_005 .time_list ul li a:before { position: absolute; left: -6px; top: 50%; content: ""; display: block; width: 6px; height: 10px; background: url(../img/default/bg_arrow.png) no-repeat 0 0; margin-top: -5px;}
.arl_005 .time_list ul li a b { display: block; font-weight: normal; font-size: 14px; height: 36px; line-height: 33px; transition: .3s all ease;}
.arl_005 .time_list ul li a > span { position: absolute; right: -1px; top: -1px; display: block; width: 43px; height: 38px; background: #133374; text-align: center; border-radius: 0 3px 3px 0;}
.arl_005 .time_list ul li a > span > span { position: absolute; left: 0; top: 0; display: block; width: 43px; height: 38px; background: url(../img/default/bg_shadow.png) repeat 0 0; background: rgba(139,139,139,.8); border-radius: 0 3px 3px 0; transition: .3s all ease;}
.arl_005 .time_list ul li a > span > i { position: relative; font-style: normal; font-family: rubik, sans-serif; letter-spacing: 0; color: #fff; display: block; height: 38px; line-height: 38px;}
.arl_005 .time_list ul li a:hover > span > span { background: none;}
.arl_005 .time_list ul li a:hover b { color: #0b79bf;}


.arl_006 { position: relative;}
.arl_006 .tit_set.ts01 { margin-bottom: -1px;}
.arl_006 .art_list_all { position: relative;}
.arl_006 .art_list_all > li { padding: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; min-height: 120px; margin-top: -1px;}
.arl_006 .art_list_all > li > a { position: relative; display: block; padding-left: 200px;}
.arl_006 .art_list_all > li.no_img { min-height: inherit;}
.arl_006 .art_list_all > li.no_img > a { padding-left: 0;}
.arl_006 .art_list_all > li > a span { position: absolute; left: 0; top: 2px; display: block; width: 178px; height:120px;overflow:hidden;border: 1px solid #eaeaea;}
.arl_006 .art_list_all > li > a span img { width: 100%; transition: opacity .3s ease;height:120px;object-fit:cover;}
.arl_006 .art_list_all > li > a h2 { font-size: 20px; font-weight: bold; line-height: 1.3; height: inherit !important; max-height: 54px; margin: -3px 0 9px -1px; color: #222;}
.arl_006 .art_list_all > li > a p { margin-bottom: 7px; height: inherit !important; max-height: 39px; color: #808080;}
.arl_006 .art_list_all > li > a ul:after { content: ""; display: block; clear: both;}
.arl_006 .art_list_all > li > a ul li { float: left; padding: 0 6px; /*background: url(../img/default/icon_bu.png) no-repeat 0 0;*/ line-height: 1; font-size: 11px;}
.arl_006 .art_list_all > li > a ul li:first-child { background: none; padding-left: 0; font-size: 12px;}
.arl_006 .art_list_all > li > a ul li.name { color: #808080;}
.arl_006 .art_list_all > li > a ul li.date { color: #bbbbbb;}
.arl_006 .art_list_all > li > a:hover h2, .arl_006 .art_list_all > li > a:hover p, .arl_006 .art_list_all > li > a:hover ul, .arl_006 .art_list_all > li > a:hover img { opacity: .75;}


.arl_010 { position: relative;}
.arl_010 .tab_box:after { content: ""; display: block; clear: both;}
.arl_010 .tab_tit { border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding: 11px 0 14px;}
.arl_010 .tab_tit a { font-size: 17px; line-height: 1.3;}
.arl_010 .ui-tabs-hide { display: none;}
.arl_010 .tab_wrap { position: relative;}
.arl_010 .tab_wrap > div { position: relative;}
.arl_010 .indicator { position: absolute; right: 2px; top: 20px;}
.arl_010 .indicator li { float: left; margin-left: 4px;}
.arl_010 .indicator li a { display:block; width: 8px; height:8px; background: #707070; text-indent: -9999px; overflow: hidden;}
.arl_010 .indicator li.on a, .arl_010 .indicator li a.tap, .arl_010 .indicator li.ui-tabs-selected a { background: #512c8f;}
.arl_010 .article_list { position: relative;}
.arl_010 .article_list li { background: url(../img/default/bg_dashed.png) repeat-x 0 0;}
.arl_010 .article_list li:first-child { background: none;}
.arl_010 .article_list li a { display: block; padding: 10px 0;}
.arl_010 .article_list li a h4 { margin-bottom: 5px; font-size: 16px; color: #512c8f; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.arl_010 .article_list li a p { line-height: 1.3; height: 50px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color: #808080;}
.arl_010 .article_list li a:hover { opacity: .7;}


.arl_012 { position: relative;}
.arl_012 .tit { font-size: 19px; font-weight: bold; margin-bottom: 9px;}
.arl_012 .media_slide_wrap { position: relative; padding: 0 21px 0 19px;}
.arl_012 .media_slide > li > ul { padding-left: 2px;}
.arl_012 .media_slide > li > ul:after { content: ""; display: block; clear: both;}
.arl_012 .media_slide > li > ul > li { float: left; width: 25%;}
.arl_012 .media_slide > li > ul > li a { display: block; margin: 0 1px;}
.arl_012 .media_slide > li > ul > li a > span { border: 1px solid #13acac;}
.arl_012 .media_slide > li > ul > li a h5 { height: 36px; background: #13acac; color:#fff; padding: 6px 7px; transition: all .3s ease;}
.arl_012 .media_slide > li > ul > li a h5 span { display: block; font-weight: normal; line-height: 1.3; max-height: 35px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 13px;}
.arl_012 .media_slide a img { transition: opacity .3s ease;}
.arl_012 .media_slide a:hover img { opacity: .75;}
.arl_012 .media_slide > li > ul > li a:hover h5 { background: #088f8f;}
.arl_012 .bx-controls-direction a { position: absolute; top:0; width: 20px; height: 100%; background: #222 url(../img/default/btn_mov_slide.png) no-repeat 0 center; border-top: 1px solid #222; text-indent: -9999px;}
.arl_012 .bx-controls-direction a.bx-prev { left: 0; background-position: 0 center;}
.arl_012 .bx-controls-direction a.bx-next { right: 0; background-position: -20px center;}
.arl_012 .bx-controls-direction a:hover { background-color: #444;}
.arl_012 .bx-pager { position: absolute; right: 1px; top: -20px;}
.arl_012 .bx-pager > div { float: left; margin-left: 4px;}
.arl_012 .bx-pager > div > a { display: block; width: 8px; height: 8px; background: #707070; text-indent: -9999px; overflow: hidden;}
.arl_012 .bx-pager > div > a.active { background: #13acac;}


.arl_014 { position: relative; overflow: hidden;}
.arl_014 .art_list_all { position: relative; margin-top: -17px;}
.arl_014 .art_list_all > li { position: relative; margin: 17px 0 0;}
.arl_014 .art_list_all > li > a { position: relative; display: block;}
.arl_014 .art_list_all > li > a > div { height: 65px;}
.arl_014 .art_list_all > li > a h3 { font-size: 15px; font-weight: normal; line-height: 1.3; height: 38px !important; margin: 0 0 5px; color: #222; padding-top: 10px;}
.arl_014 .art_list_all > li > a b { display: block; line-height: 1; font-size: 11px; color: #777; font-weight: normal; color: #808080;}
.arl_014 .art_list_all > li > a > span { border: 1px solid #eaeaea;}
.arl_014 .art_list_all > li > a > span img { transition: opacity .3s ease;}
.arl_014 .art_list_all > li > a:hover h3, .arl_014 .art_list_all > li > a:hover b, .arl_014 .art_list_all > li > a:hover img { opacity: .75;}

.arl_019 { position: relative;}
.arl_019 .recent_art { position: relative; border:1px solid #dedede; background: #fff; padding:0 20px 0 152px; height: 36px; overflow: hidden; z-index: 10;}
.arl_019 .recent_art h3 { position: absolute; left: 0; top: 0; font-size: 14px; width: 104px; height: 36px; line-height: 34px; color: #fff; background: #13acac; padding: 0 24px 0 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: center;}
.arl_019 .recent_art h3:before { position: absolute; right: -5px; top: 0; content: ""; display: block; width: 22px; height: 36px; background: url(../img/default/bg_tit.png) no-repeat 0 0;}
.arl_019 .bx-pager { display: none;}
.arl_019 .bx-controls-direction { display: none;}
.arl_019 .lst_pop { position: relative; z-index: 1;}
.arl_019 .lst_pop li { padding: 11px 0;}
.arl_019 .lst_pop li a { display:block; height: 16px; line-height: 14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px;}
.arl_019 .lst_pop li a:hover { opacity: .7;}


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


.arl_026 { position: relative;}
.arl_026 .art_box { position: relative; overflow: hidden;}
.arl_026 .art_box > a { display: block; position: relative; margin-top: 10px;}
.arl_026 .art_box > a:after { content: ""; display: block; clear: both;}
.arl_026 .art_box > a h2 { float: left; max-width: 100%; font-size: 17px; line-height: 1.3;}
.arl_026 .art_box > a h2:after { content: ""; display: block; clear: both;}
.arl_026 .art_box > a h2 b {}
.arl_026 .art_box > a h2.photo b { background: url(../img/default/icon_photo.png) no-repeat right 9px; padding-right: 15px;}
.arl_026 .art_box > a h2 i { float: right; display: inline-block; font-style: normal; font-weight: normal; color: #808080; font-size: 11px; padding-top: 7px; margin-left: 7px;}
.arl_026 .art_box > a:hover, .arl_026 > a:hover img { opacity: .75;}
.arl_026 .relate_art { padding-top: 2px;}
.arl_026 .relate_art li { padding-left: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 5px; line-height: 1; margin-top: 5px;}
.arl_026 .relate_art li a:hover { color: #808080;}
.arl_026 > ul > li { padding-top: 10px;}
.arl_026 > ul > li:first-child { margin-top: 0; border-top: 0; padding-top: 0;}
.arl_026 > ul > li:first-child a { margin-top: 0;}


.arl_034 { position: relative;}
.arl_034 .art_box { position: relative; border: 1px solid #dedede; padding: 0 10px 12px;}
.arl_034 .art_list li { padding-left: 8px; margin-top: 10px; background: url(../img/default/icon_bu.png) no-repeat 0 8px;}
.arl_034 .art_list li a:hover { opacity: .75;}

.ara_001 { position: relative;}
.ara_001 .art_list_all { position: relative;}
.ara_001 .art_list_all > li { padding: 25px 0; border-bottom: 1px solid #dedede; min-height: 120px;}
.ara_001 .art_list_all > li > a { position: relative; display: block; padding-left: 200px;}
.ara_001 .art_list_all > li.no_img { min-height: inherit;}
.ara_001 .art_list_all > li.no_img > a { padding-left: 0;}
.ara_001 .art_list_all > li > a span { position: absolute; left: 0; top: 2px; display: block; width: 178px; height: 118px; border: 1px solid #eaeaea;}
.ara_001 .art_list_all > li > a span img { width: 178px; height: 118px; transition: opacity .3s ease;}
.ara_001 .art_list_all > li > a h2 { font-size: 20px; font-weight: bold; line-height: 1.3; height: inherit !important; max-height: 54px; margin: -3px 0 9px -1px; color: #222;}
.ara_001 .art_list_all > li > a p { margin-bottom: 7px; height: inherit !important; max-height: 39px; color: #808080;}
.ara_001 .art_list_all > li > a ul:after { content: ""; display: block; clear: both;}
.ara_001 .art_list_all > li > a ul li { float: left; padding: 0 6px; background: url(../img/default/icon_bu.png) no-repeat 0 0; line-height: 1; font-size: 11px;}
.ara_001 .art_list_all > li > a ul li:first-child { background: none; padding-left: 0; font-size: 12px;}
.ara_001 .art_list_all > li > a ul li.name { color: #808080;}
.ara_001 .art_list_all > li > a ul li.date { color: #bbbbbb;}
.ara_001 .art_list_all > li > a:hover h2, .ara_001 .art_list_all > li > a:hover p, .ara_001 .art_list_all > li > a:hover img { opacity: .75;}


.ara_003 { position: relative;}
.ara_003 .tit_set { margin-bottom: 15px;}
.ara_003 .art_list_all { position: relative;}
.ara_003 .art_list_all > li { position: relative; margin: 0 0 15px;}
.ara_003 .art_list_all > li > div { position: relative; display: block;}
.ara_003 .art_list_all > li > div .link_txt { display: block; height: 55px;}
.ara_003 .art_list_all > li > div h3 { font-size: 15px; font-weight: normal; line-height: 1.3; height: auto !important; max-height: 42px; margin: 0 0 5px; color: #222;}
.ara_003 .art_list_all > li > div b { display: block; line-height: 1; font-size: 11px; color: #777; font-weight: normal;}
.ara_003 .bfmov { position: relative; display: block; padding-top: 56.3%; margin-bottom: 5px;}
.ara_003 iframe, .ara_003 object { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%;}
.ara_003 embed { width: 100%; height: 100%;}
.ara_003 img { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; transition: opacity .3s ease;object-fit:cover}
.ara_003 .art_list_all > li > div:hover h3, .ara_003 .art_list_all > li > div:hover b, .ara_003 .art_list_all > li > div:hover img { opacity: .75;}


.ban_002 { position: relative; padding: 33px 0; overflow: hidden;}
.ban_002 .bx-viewport { height: 200px;}
.ban_002 .slide_wrap { position: relative;}
.ban_002 .slide_wrap .photo_box li { position: relative;}
.ban_002 .slide_wrap .photo_box li a { position: relative; display: block; transition: none; text-decoration: none;}
.ban_002 .slide_wrap .photo_box li a > span { display: block; margin-bottom: 7px;}
.ban_002 .slide_wrap .photo_box li a img { width: 100%; height: auto;}
.ban_002 .slide_wrap .photo_box li a i { display: block; line-height: 1.3; max-height: 34px; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-style: normal;}
.ban_002 .bx-controls-direction { display: block;}
.ban_002 .bx-controls-direction a { position: absolute; left: 0; display: block; width: 100%; height: 30px; background: url(../img/default/btn_slide.png) no-repeat center 0; z-index: 100; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.ban_002 .bx-controls-direction a.bx-prev { top: -30px; background-position: center 0;}
.ban_002 .bx-controls-direction a.bx-next { bottom: -30px; background-position: center -30px;}
.ban_002 .bx-pager { display: none;}
.ban_002 .slide_wrap .photo_box li a:hover { opacity: .75;}
.ban_002 .slide_num { position: absolute; right: 0; top: 7px; color: #808080; font-size: 11px;}
.ban_002 .slide_num strong { font-weight: normal;}



/*sidebar*/

.arl_004 { position: relative; overflow: hidden;}
.arl_004 .column { margin-top: -20px;}
.arl_004 .art_box { position: relative; overflow: hidden; margin-top: 20px;}
.arl_004 .art_box > a { display: block; position: relative; overflow: visible !important;}
.arl_004 .art_box > a h2 { font-size: 15px; font-weight: normal; line-height: 1.4; color: #363636; height: 42px; padding-top: 10px; word-break: break-all;}
.arl_004 .art_box > a > span { border: 1px solid #eaeaea;}
.arl_004 .art_box > a > span img { transition: opacity .3s ease;}
.arl_004 .art_box > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_004 .art_box.no_img > a { padding-left: 0;}
.arl_004 .art_box > a:hover h2, .arl_004 .art_box > a:hover p, .arl_004 .art_box > a:hover img { opacity: .75;}


.arl_005 { position: relative;}
.arl_005 .time_list { position: relative; background: #f3f3f3 url(../img/default/bg_line.png) repeat-y 19px 0; border: 1px solid #dedede; padding: 15px 12px 0 38px;}
.arl_005 .time_list h3 { font-family: rubik, sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0;}
.arl_005 .time_list ul { margin-bottom: 15px;}
.arl_005 .time_list ul li { position: relative; margin-top: 8px;}
.arl_005 .time_list ul li:before { position: absolute; left: -23px; top: 50%; content: ""; display: block; width: 12px; height: 12px; background: url(../img/default/icon_dot.png) no-repeat 0 0; margin-top: -6px;}
.arl_005 .time_list ul li a { position: relative; display: block; background: #fff; border: 1px solid #dedede; border-radius: 3px; padding: 0 50px 0 10px;}
.arl_005 .time_list ul li a:before { position: absolute; left: -6px; top: 50%; content: ""; display: block; width: 6px; height: 10px; background: url(../img/default/bg_arrow.png) no-repeat 0 0; margin-top: -5px;}
.arl_005 .time_list ul li a b { display: block; font-weight: normal; font-size: 14px; height: 36px; line-height: 33px; transition: .3s all ease;}
.arl_005 .time_list ul li a > span { position: absolute; right: -1px; top: -1px; display: block; width: 43px; height: 38px; background: #512c8f; text-align: center; border-radius: 0 3px 3px 0;}
.arl_005 .time_list ul li a > span > span { position: absolute; left: 0; top: 0; display: block; width: 43px; height: 38px; background: url(../img/default/bg_shadow.png) repeat 0 0; background: rgba(139,139,139,.8); border-radius: 0 3px 3px 0; transition: .3s all ease;}
.arl_005 .time_list ul li a > span > i { position: relative; font-style: normal; font-family: rubik, sans-serif; letter-spacing: 0; color: #fff; display: block; height: 38px; line-height: 38px;}
.arl_005 .time_list ul li a:hover > span > span { background: none;}
.arl_005 .time_list ul li a:hover b { color: #2481bf;}


.arl_009 { position: relative;}
.arl_009 .rate_list { position: relative; background: #f3f3f3; padding: 22px 16px;}
.arl_009 .rate_list li { position: relative; padding-left: 24px; margin-top: 13px;}
.arl_009 .rate_list li:first-child { margin-top: 0;}
.arl_009 .rate_list li a { display: block; line-height:20px; font-size: 14px; color: #363636;}
.arl_009 .rate_list li a span { position: absolute; left: -3px; top:3px; 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;}
.arl_009 .rate_list li a span.i_rate { background: url(../img/default/i_rate.png) no-repeat 3px 0; text-indent: -9999px;}
.arl_009 .rate_list li a span.i_rate.r01 { background-position: 3px 0;}
.arl_009 .rate_list li a span.i_rate.r02 { background-position: 3px -25px;}
.arl_009 .rate_list li a span.i_rate.r03 { background-position: 3px -50px;}
.arl_009 .rate_list li a:hover { color: #999;}


.arl_011 { position: relative;}
.arl_011 .box_link { position: relative; display: block; margin-top: 10px;}
.arl_011 .box_link:first-child { margin-top: 0;}
.arl_011 .box_link > span { border: 1px solid #512c8f;}
.arl_011 .box_link > span img { transition: opacity .3s ease;}
.arl_011 .box_link > div { position: relative; background: #512c8f; padding: 10px 9px 13px; transition: .3s all ease;}
.arl_011 .box_link:hover > div { background: #371675;}
.arl_011 .box_link h4 { font-size: 17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom: 3px; color:#fff; line-height: 1.3;}
.arl_011 .box_link p { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#fff;}
.arl_011 .box_link:hover img { opacity: .75;}


.arl_017 { position: relative;}
.arl_017 .top_art { position: relative; border: 1px solid #dedede; background: #f3f3f3; overflow: hidden; margin: 0 0 15px;}
.arl_017 .top_art > a { position: relative; display: block; height: 68px; padding: 10px 10px 0 129px;}
.arl_017 .top_art > a.no_img { padding: 10px 10px 0;}
.arl_017 .top_art > a span { position: absolute; left: 0; top: 0; width: 118px; height: 78px; overflow: hidden; border-right: 1px solid #dedede; background: #fff;}
.arl_017 .top_art > a span img { transition: opacity .3s ease;}
.arl_017 .top_art > a i { display: block; font-style: normal; margin-bottom: 7px;}
.arl_017 .top_art > a b { color: #808080; font-weight: normal; font-size: 12px; line-height: 1.4; height: 32px;}
.arl_017 .art_list li { padding-left: 8px; margin-top: 10px; background: url(../img/default/icon_bu01.png) no-repeat 0 8px;}
.arl_017 .art_list li a:hover { opacity: .75;}
.arl_017 .top_art > a:hover i, .arl_017 .top_art > a:hover b, .arl_017 .top_art > a:hover img { opacity: .75;}


.arl_029 { position: relative;}
.arl_029 .art_wrap { position: relative; border: 1px solid #dedede; background: #f3f3f3; padding: 0 18px;}
.arl_029 .art_wrap .art_list li { position: relative; padding: 15px 0; border-top: 1px solid #dedede;}
.arl_029 .art_wrap .art_list li:first-child { border-top: 0;}
.arl_029 .art_wrap .art_list li a { position: relative; display: block; transition: none; padding-left: 100px; height: 60px; overflow: hidden;}
.arl_029 .art_wrap .art_list li a.no_img { padding-left: 0; height: inherit;}
.arl_029 .art_wrap .art_list li a > span { position: absolute; left: 0; top: 0; display: block; width: 90px; height: 60px; overflow: hidden; background: #fff;}
.arl_029 .art_wrap .art_list li a > span img { width: 100%; transition: opacity .3s ease;}
.arl_029 .art_wrap .art_list li a i { display: block; font-style: normal; color: #808080; font-size: 11px; margin: -2px 0 3px -1px;}
.arl_029 .art_wrap .art_list li a b { line-height: 1.4; font-weight: normal; font-size: 15px; height: 43px;}
.arl_029 .art_wrap .art_list li a:hover i, .arl_029 .art_wrap .art_list li a:hover b, .arl_029 .art_wrap .art_list li a:hover img { opacity: .75;}


.arl_033 { position: relative;}
.arl_033 .art_box { position: relative; border: 1px solid #dedede; padding: 10px 10px 12px;}
.arl_033 .top_art { position: relative; overflow: hidden;}
.arl_033 .top_art > a { position: relative; display: block;}
.arl_033 .top_art > a > div { position: relative; height: 77px; padding: 3px 0 0 129px;}
.arl_033 .top_art > a.no_img > div { padding: 5px 0 0; height: 76px;}
.arl_033 .top_art > a span { position: absolute; left: 0; top: 0; display: block; width: 118px; height: 78px; border: 1px solid #eaeaea;}
.arl_033 .top_art > a span img { transition: opacity .3s ease;width:100%;height:80px;object-fit:cover;}
.arl_033 .top_art > a i { display: block; font-style: normal; margin-bottom: 9px;font-size: 15px;}
.arl_033 .top_art > a b { color: #808080; font-weight: normal; font-size: 12px; line-height: 1.6;}
.arl_033 .top_art > a:hover i, .arl_033 .top_art > a:hover b, .arl_033 .top_art > a:hover img { opacity: .75;}
.arl_033 .art_list li { padding-left: 8px; margin-top: 10px; background: url(../img/default/icon_bu01.png) no-repeat 0 10px;}
.arl_033 .art_list li a {font-size:15px;}
.arl_033 .art_list li a:hover { opacity: .75;}

.arl_033 .column { margin-top: -20px;}
.arl_033 .art_box_list { position: relative; overflow: hidden; margin-top: 20px;}
.arl_033 .art_box_list > a { display: block; position: relative; overflow: visible !important;}
/*.arl_033 .art_box_list > a h2 { font-size: 15px; font-weight: normal; line-height: 1.4; color: #363636; height: 42px; padding-top: 10px; word-break: break-all;} */
.arl_033 .art_box_list > a h3 { font-size: 15px; font-weight: normal; line-height: 1.4; color: #363636; height: 42px; padding-top: 10px; word-break: break-all;}

.arl_033 .art_box_list > a > span { border: 1px solid #eaeaea;}
.arl_033 .art_box_list > a > span img { transition: opacity .3s ease;}
.arl_033 .art_box_list > a p { margin-top: 5px; margin-bottom: -2px; color: #808080;}
.arl_033 .art_box_list.no_img > a { padding-left: 0;}
.arl_033 .art_box_list > a:hover h3, .arl_033 .art_box_list > a:hover p, .arl_033 .art_box_list > a:hover img { opacity: .75;}



.arl_042 { position: relative;}
.arl_042 .tit_set { margin-bottom: 12px;}
.arl_042 .rate_list { position: relative;}
.arl_042 .rate_list li { position: relative; padding-left: 24px; margin-top: 10px;}
.arl_042 .rate_list li:first-child { margin-top: 0;}
.arl_042 .rate_list li a { display: block; line-height: 1.4;}
.arl_042 .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_042 .rate_list li.rank_top a span { background: #13acac;}
.arl_042 .rate_list li a:hover { color: #808080;}


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

.pvw_001 .skin_tit { position: relative; color: #363636; font-size: 17px; margin-bottom: 10px;}

.pvw_001 .slide_wrap { position: relative;}
.pvw_001 .slide_wrap .photo_box li { position: relative;}
.pvw_001 .slide_wrap .photo_box li a { position: relative; display: block; transition: none;}
.pvw_001 .slide_wrap .photo_box li a > i { content: ""; display: block; width: 100%; height: 115px; position: absolute; left: 0; bottom: 0; background: url(../img/default/bg_shadow.png) repeat-x 0 bottom; z-index: 2;}
.pvw_001 .slide_wrap .photo_box li a img { width: 100%; transition: opacity .3s ease;}
.pvw_001 .slide_wrap .photo_box li a b { position: absolute; left: 0; bottom: 18px; display: block; z-index: 3; width: 100%;}
.pvw_001 .slide_wrap .photo_box li a b span { font-size: 15px; color: #fff; padding: 0 15px;}
.pvw_001 .slide_wrap .photo_box li a > span { border: 1px solid #eaeaea;}

.pvw_001 .bx-controls-direction { display: block;}
.pvw_001 .bx-controls-direction a { position: absolute; top: 50%; display: block; width: 21px; height: 33px; background: url(../img/default/btn_slide.png) no-repeat 0 0; z-index: 100; text-indent: -9999px; overflow: hidden; margin-top: -18px; cursor: pointer;}
.pvw_001 .bx-controls-direction a.bx-prev { left: 15px; background-position: 0 0;}
.pvw_001 .bx-controls-direction a.bx-next { right: 15px; background-position: -21px 0;}
.pvw_001 .bx-pager { display: none;}
.pvw_001 .slide_wrap .photo_box li a:hover img { opacity: .75;}

.pvw_001 .slide_num { position: absolute; right: 0; top: 7px; color: #808080; font-size: 11px;}
.pvw_001 .slide_num strong { font-weight: normal;}

.pvw_002 { position: relative; overflow:hidden; margin-bottom: -1px;}
.pvw_002 .skin_tit { position: relative; color: #363636; font-size: 18px; margin-bottom: 10px;}
.pvw_002 .slide_wrap { position: relative;}
.pvw_002 .slide_wrap:after { content: ""; display: block; clear: both;}
.pvw_002 .slide_wrap > div { float: left; width: 26%;}
.pvw_002 .slide_wrap > div:first-child { width: 74%;}
.pvw_002 .bx-controls-direction { display: none;}
.pvw_002 .bx-pager { display: none;}
.pvw_002 .slide_wrap .photo_box li { position: relative;}
.pvw_002 .slide_wrap .photo_box li a { position: relative; display: block; transition: none; border: 1px solid #eaeaea;}
.pvw_002 .slide_wrap .photo_box li a > span { display: block; width: 100%; height: 115px; position: absolute; left: 0; bottom: 0; background: url(../img/default/bg_shadow.png) repeat-x 0 bottom; z-index: 2;}
.pvw_002 .slide_wrap .photo_box li a img { width: 100%;  height: 190px; transition: opacity .3s ease;}
.pvw_002 .slide_wrap .photo_box li a b { position: absolute; left: 0; bottom: 11px; display: block; z-index: 3; width: 100%;}
.pvw_002 .slide_wrap .photo_box li a b span { display: block; font-size: 15px; color: #fff; margin: 0 15px; line-height: 1.2; height: inherit !important; max-height: 38px;}
.pvw_002 .slide_wrap .photo_box li a:hover img { opacity: .75;}
.pvw_002 .thumb_page { margin-left: 3px; margin-top: 1px;}
.pvw_002 .thumb_page * { box-sizing: border-box; }
.pvw_002 .thumb_page li { margin-top: -2px; }
.pvw_002 .thumb_page li a { position: relative; display: block; padding: 1px; border: 2px solid transparent; }
.pvw_002 .thumb_page li a > span { position: absolute; left: 1px; top: 1px; content: ""; display: none; width: 100%; height: 100%; margin: -1px; background: url(../img/default/bg_box_shadow.png) repeat 0 0; z-index: 10;}
.pvw_002 .thumb_page li a.active { border-color: #0c5ba7;}
.pvw_002 .thumb_page li a.active > span { display: block;}
.pvw_002 .thumb_page li a img { width: 100%; height: 60px;object-fit:cover }

/*
.arv_001 { position: relative;}
.arv_001:after { content: ""; display: block; clear: both;}
.arv_001 .smartOutput { width: 100%;}
.arv_001 .util { position: absolute; right: 55px; top: 153px;}
.arv_001 .util:after { content: ""; display: block; clear: both;}
.arv_001 .util li { float: left; padding: 0 5px; background: url(../img/default/icon_bu03.png) no-repeat 0 center;}
.arv_001 .util li:first-child { background: none;}
.arv_001 .util li a { position: relative; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(../img/default/btn_util.png) no-repeat 0 0; transition: none;}
.arv_001 .util li.u00 a { background-position: -80px 0;}
.arv_001 .util li.u01 a { background-position: 0 0;}
.arv_001 .util li.u02 a { background-position: -20px 0;}
.arv_001 .util li.u03 a { background-position: -40px 0;}
.arv_001 .util li.u04 a { background-position: -60px 0;}
.arv_001 .art_top .btn_share {display:none;position:absolute;bottom:-51px;right:0;background:#fff;border:1px solid #c4c4c4;padding:8px;}
.arv_001 .art_top .btn_share.show {display:block;}
.arv_001 .art_top .btn_share:after { content: ""; display: block; clear: both;}
.arv_001 .art_top .btn_share li { float: left; margin-right: 8px;}
.arv_001 .art_top .btn_share li:last-child {margin-right:0;}
.arv_001 .art_top .btn_share li a { display: block; width: 34px; height: 34px; background: url(../img/default/btn_share.png) no-repeat 0 0; text-indent: -9999px;}
.arv_001 .art_top .btn_share li.bs01 a { background-position: 0 0;}
.arv_001 .art_top .btn_share li.bs02 a { background-position: -40px 0;}
.arv_001 .art_top .btn_share li.bs03 a { background-position: -80px 0;}
.arv_001 .art_top .btn_share li.bs04 a { background-position: -120px 0;}
.arv_001 .art_top .btn_share li.bs05 a { background-position: -160px 0;}
.arv_001 .art_top .btn_share li.bs06 a { background-position: -200px 0;}
.arv_001 .art_top .btn_share li.bs07 a { background-position: -240px 0;}
.arv_001 .art_top .btn_share li.bs08 a { background-position: -280px 0;}
.arv_001 .art_top .btn_share li.bs09 a { background-position: -320px 0;}
.arv_001 .art_top .btn_share li.bs10 a { background-position: -360px 0;}
.arv_001 .art_top .btn_share li.bs11 a { background-position: -400px 0;}
.arv_001 .art_top .btn_share li a:hover { opacity: .8;}
.arv_001 .util li a:hover { background-position-y: -20px;}
.arv_001 .art_top { position: relative; margin-bottom: 30px;}
.arv_001 .art_top h2 { position: relative; font-size: 31px; line-height: 1.3; padding: 25px 0 15px; color: #363636;}
.arv_001 .art_top h3 { position: relative; font-size: 15px; color: #808080; font-weight: normal; padding-left: 16px; overflow: hidden;}
.arv_001 .art_top h3:after { position: absolute; left: 0; top: 3px; content: ""; display: block; width: 4px; height: 500px; background: #0c5ba7;}
.arv_001 .art_top .art_info { padding: 15px 65px 15px 0; border-bottom: 1px solid #dedede;}
.arv_001 .art_top .art_info:after { content: ""; display: block; clear: both;}
.arv_001 .art_top .art_info li { float: left; color: #808080; font-size: 12px; padding-left: 10px; margin-left: 10px; background: url(../img/default/icon_bu02.png) no-repeat 0 4px;}
.arv_001 .art_top .art_info li:first-child { margin-left: 0; padding-left: 0; background: none;}
.arv_001 .art_top .art_info li a { color: #808080; font-size: 12px;}
.arv_001 .art_top .txt_zoom { position: absolute; right: 0; top: 151px;}
.arv_001 .art_top .txt_zoom:after { content: ""; display: block; clear: both;}
.arv_001 .art_top .txt_zoom li { float: left; margin-left: -1px;}
.arv_001 .art_top .txt_zoom li a { position: relative; display: block; width: 23px; height: 23px; background: url(../img/default/btn_zoom.png) no-repeat 0 0; text-indent: -9999px; border: 1px solid #d4d4d4; transition: none;}
.arv_001 .art_top .txt_zoom li.tz01 a { background-position: 0 0;}
.arv_001 .art_top .txt_zoom li.tz02 a { background-position: -23px 0;}
.arv_001 .art_top .txt_zoom li a:active { background-position-y: -23px; background-color: #f6f6f6;}
.arv_001 .art_more { position: relative; text-align: right; line-height: 1; padding-top: 30px; clear: both;}
.arv_001 .art_more a { padding-right: 15px; background: url(../img/default/icon_more.png) no-repeat right 6px;}
.arv_001 .art_more a:hover { color: #0c5ba7;}
*/

.arv_001 .tag-group {margin:2rem 0;clear:both}
.arv_001 .tag-group::after {content:'';display:table;clear:both}
.arv_001 .tag-group .tag-group-title {position:relative;float:left;padding:.4rem .725rem;margin-right:.75rem;font-size:.9rem;font-weight:700;line-height:1em;color:#fefefe;background:#145599;border-radius:.15rem}
.arv_001 .tag-group .tag-group-title::before {content:'';position:absolute;z-index:1;border-width:4px;border-style:solid;border-color:transparent transparent transparent #145599;left:100%;top:50%;transform:translateY(-50%)}
.arv_001 .tag-group .tag-button {float:left;margin-right:1px;padding:.3rem;font-size:15px;line-height:1em;letter-spacing:-0.05em;color:#145599}
.arv_001 .tag-group .tag-button:hover {background:#f8f8f9}

.arv_001 { position: relative;}
.arv_001:after { content: ""; display: block; clear: both;}

.arv_001 .smartOutput { width: 100%;}

.arv_001 .util { position: absolute; right: 55px; bottom: 13px;}
.arv_001 .util:after { content: ""; display: block; clear: both;}
.arv_001 .util li { float: left; padding: 0 5px; background: url(../img/default/icon_bu03.png) no-repeat 0 center;}
.arv_001 .util li:first-child { background: none;}
.arv_001 .util li a { position: relative; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url(../img/default/btn_util.png) no-repeat 0 0; transition: none;}
.arv_001 .util li.u01 a { background-position: 0 0;}
.arv_001 .util li.u02 a { background-position: -20px 0;}
.arv_001 .util li.u03 a { background-position: -40px 0;}
.arv_001 .util li.u04 a { background-position: -60px 0;}
.arv_001 .util li a:hover { background-position-y: -20px;}

.arv_001 .art_top { position: relative; margin-bottom: 30px;}
.arv_001 .art_top h1 { position: relative; font-size: 31px; line-height: 1.3; padding: 25px 0 25px; color: #363636; letter-spacing: -0.06em; text-align: left; } 
.arv_001 .art_top h3 { position: relative; font-size: 20px; color: #808080; font-weight: 500; padding-left: 14px; overflow: hidden; line-height: 24px;}
.arv_001 .art_top h3:after { position: absolute; left: 0; top: 3px; content: ""; display: block; width: 4px; height: 500px; background: #0c5ba7;}

.arv_001 .art_top .art_info { padding: 15px 65px 15px 0; border-bottom: 1px solid #dedede;}
.arv_001 .art_top .art_info:after { content: ""; display: block; clear: both;}
.arv_001 .art_top .art_info li { float: left; color: #808080; font-size: 13px; padding-left: 10px; margin-left: 10px; background: url(../img/default/icon_bu02.png) no-repeat 0 9px;}
.arv_001 .art_top .art_info li:first-child { margin-left: 0; padding-left: 0; background: none;}
.arv_001 .art_top .art_info li a { color: #808080; font-size: 13px;}

.arv_001 .art_top .txt_zoom { position: absolute; right: 0; bottom: 11px;}
.arv_001 .art_top .txt_zoom:after { content: ""; display: block; clear: both;}
.arv_001 .art_top .txt_zoom li { float: left; margin-left: -1px;}
.arv_001 .art_top .txt_zoom li a { position: relative; display: block; width: 23px; height: 23px; background: url(../img/default/btn_zoom.png) no-repeat 0 0; text-indent: -9999px; border: 1px solid #d4d4d4; transition: none;}
.arv_001 .art_top .txt_zoom li.tz01 a { background-position: 0 0;}
.arv_001 .art_top .txt_zoom li.tz02 a { background-position: -23px 0;}
.arv_001 .art_top .txt_zoom li a:active { background-position-y: -23px; background-color: #f6f6f6;}

.arv_001 .art_more { position: relative; text-align: right; line-height: 1; padding-top: 30px; clear: both;}
.arv_001 .art_more a { padding-right: 15px; background: url(../img/default/images/icon_more.png) no-repeat right 6px;}
.arv_001 .art_more a:hover { color: #0c5ba7;}

.arv_002 { position: relative; padding: 20px 0 30px;}
.arv_002 .btn_share { position: relative; border-bottom: 1px solid #dedede;}
.arv_002 .btn_share:after { content: ""; display: block; clear: both;}
.arv_002 .btn_share li { float: left; margin-right: 8px; margin-bottom: 10px;}
.arv_002 .btn_share li a { display: block; width: 34px; height: 34px; background: url(../img/default/btn_share.png) no-repeat 0 0; text-indent: -9999px;}
.arv_002 .btn_share li.bs01 a { background-position: 0 0;}
.arv_002 .btn_share li.bs02 a { background-position: -40px 0;}
.arv_002 .btn_share li.bs03 a { background-position: -80px 0;}
.arv_002 .btn_share li.bs04 a { background-position: -120px 0;}
.arv_002 .btn_share li.bs05 a { background-position: -160px 0;}
.arv_002 .btn_share li.bs06 a { background-position: -200px 0;}
.arv_002 .btn_share li.bs07 a { background-position: -240px 0;}
.arv_002 .btn_share li.bs08 a { background-position: -280px 0;}
.arv_002 .btn_share li.bs09 a { background-position: -320px 0;}
.arv_002 .btn_share li.bs10 a { background-position: -360px 0;}
.arv_002 .btn_share li.bs11 a { background-position: -400px 0;}
.arv_002 .btn_share li a:hover { opacity: .8;}
.arv_002 .copyright { position: relative; font-size: 13px; color: #808080; padding: 10px 0 0;}


.arv_003 .article-file {margin-bottom:20px;}
.arv_003 .article-file h4 {display:inline-block;padding:8px 10px;background:#617382;color:#fff;}
.arv_003 .article-file ul {background:#f3f3f3;border:1px solid #ededed;padding:10px 20px 10px;}
.arv_003 .article-file ul li {border-bottom:1px solid #e4e4e4;padding:8px 0;}
.arv_003 .article-file ul li:last-child {border-bottom:0;}
.arv_003 .article-file ul li i {color:#617382;vertical-align:text-top;margin-right:5px;}
.arv_003 .article-file ul li span {display:inline-block;width:80%;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.arv_003 .article-file ul li button {float:right;margin-top:-2px;background:#fff;font-size:12px;border:1px solid #c4c4c4;padding:2px 4px;}
.arv_003 .article-file ul li button:hover {background:#fcfcfc;}

.arv_003 { position: relative;}
.arv_003 .con_box:after { content: ""; display: block; clear: both;}

.arv_003 .con_tit { font-size: 16px; padding: 4px 10px 7px; background: #f3f3f3; border-left: 3px solid #0c5ba7;}
.arv_003 .con_tit.full_bg { border-left: 0 !important; padding: 4px 10px 7px; background: #0c5ba7 !important; color: #fff;}

.arv_003 .relate_wrap { position: relative; margin-bottom: 35px;}
.arv_003 .relate_wrap > strong { display: block; padding: 7px 15px; background: #2062ae; font-size: 17px; color: #fff;}

.arv_003 .relate_list { position: relative; margin: 10px 0; max-height: 198px; overflow: hidden;}
.arv_003 .relate_list li { position: relative; padding-bottom: 7px; padding-left: 5px;}
.arv_003 .relate_list li a { position: relative; display: block; color: #222; padding-left: 12px; padding-right: 68px; line-height: 1.2;}
.arv_003 .relate_list li a:hover { color: #888;}
.arv_003 .relate_list li a:before { position: absolute; left: -5px; top: -19px; content: "\00b7"; display: block; color: #969696; font-size: 40px;}
.arv_003 .relate_list li a b { display: inline-block; max-width: 550px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 15px; font-weight: normal;}
.arv_003 .relate_list li.photo a b { max-width: 510px; padding-right: 17px;}
.arv_003 .relate_list li.photo a b.photo { background: url(../img/default/icon_photo.png) no-repeat right 7px;}
.arv_003 .relate_list li a i { position: absolute; right: 1px; top: 5px; font-size: 11px; color: #b8b8b8; font-style: normal;}

.arv_003 .btn_collap { position: relative;}
.arv_003 .btn_collap a { font-size: 12px; display: block; text-align: center;}
.arv_003 .btn_collap a span { display: block; padding: 6px 0 10px; color: #222; font-size: 13px; background: #f3f3f3;}
.arv_003 .btn_collap a:hover span { background: #eaeaea;}
.arv_003 .btn_collap a span:after { content: ""; display: inline-block; width: 11px; height: 9px; background: url(/img/btn_more.png) no-repeat 0 0; margin-left: 5px;}
.arv_003 .btn_collap a span.bc01:after { background-position: 0 0;}
.arv_003 .btn_collap a span.bc02:after { background-position: 0 -9px;}
.arv_003 .btn_collap a b { color: #d4253e;}

.arv_003 .jour_box { position: relative; border: 1px solid #f3f3f3; border-top-width: 0; padding: 15px 20px; padding-left: 116px; min-height: 101px; margin-bottom: 30px;}
.arv_003 .jour_box > span { position: absolute; left: 20px; top: 15px; display: block; width: 76px; max-height: 99px; overflow: hidden; border: 1px solid #dedede;}
.arv_003 .jour_box > span img { width: 100%;}
.arv_003 .jour_box h5 { font-size: 16px; color: #222; margin: -3px 0 10px;}
.arv_003 .jour_box p { margin-bottom: 12px; color: #222;}
.arv_003 .jour_box ul:after { content: ""; display: block; clear: both;}
.arv_003 .jour_box ul li { float: left; font-size: 12px; line-height: 1; margin-right: 15px;}
.arv_003 .jour_box ul li a:hover { color: #888;}
.arv_003 .jour_box ul li span { margin-right: 6px; padding-right: 8px; background: url(/img/icon_bu.png) no-repeat right 3px;}

.arv_003 .file_box { position: relative; margin-bottom: 20px;}
.arv_003 .file_list { position: relative; padding: 12px 0;}
.arv_003 .file_list:after { content: ""; display: block; clear: both;}
.arv_003 .file_list li { color: #808080; background: url(/img/icon_file.png) no-repeat 0 3px; padding-left: 20px; margin-bottom: 5px;}
.arv_003 .file_list li a { color: #808080; font-size: 12px; text-decoration: underline;}
.arv_003 .file_list li a:hover { color: #222;}

.arv_003 .tag_box { position: relative; margin-bottom: 20px;}
.arv_003 .tag_txt { font-size: 15px; padding: 20px 13px; border-bottom: 1px solid #dedede; color: #363636; line-height: 1.8;}

.tab_002 { position: relative;}
.tab_002 .tab_box:after { content: ""; display: block; clear: both;}
.tab_002 .tab_link { position:relative;}
.tab_002 .tab_link:after { content: ""; display: block; clear: both;}
.tab_002 .tab_link li { float: left; width: 50%;}
.tab_002 .tab_link.col02 li { width: 50%;}
.tab_002 .tab_link.col03 li { width: 33.333%;}
.tab_002 .tab_link.col04 li { width: 25%;}
.tab_002 .tab_link.col05 li { width: 20%;}
.tab_002 .tab_link li a { display:block; height:36px; line-height:34px; padding: 0 8px; font-size:13px; color:#fff; text-align:center; background:#333; border-left:1px solid #f3f3f3;}
.tab_002 .tab_link li:first-child a { margin-left: 0;}
.tab_002 .tab_link li.on a, .tab_002 .tab_link li a.tap, .tab_002 .tab_link li.ui-tabs-selected a { background:#f3f3f3; color:#222;}
.tab_002 .tab_link br { display:none;}
.tab_002 .ui-tabs-hide { display: none;}
.tab_002 .tab_wrap { clear: both; background: #f3f3f3;}
.tab_002 .tab_wrap > div { position: relative;}
.tab_002 .art_box { position: relative; overflow: hidden; padding: 19px 16px;}
.tab_002 .art_box > a { display: block; position: relative; padding-left: 100px; margin-bottom: 15px; min-height: 60px;}
.tab_002 .art_box > a span { position: absolute; left: 0; top: 2px;}
.tab_002 .art_box > a span img { width: 90px; height: 60px; transition: opacity .3s ease;}
.tab_002 .art_box > a h2 { font-size: 15px; font-weight: normal; line-height: 1.3; margin: 0 0 7px -1px; color: #363636;}
.tab_002 .art_box > a p { margin-top: 7px; height: inherit !important; max-height: 39px; color: #808080;}
.tab_002 .art_box > a:hover h2, .tab_002 .art_box > a:hover p, .tab_002 .art_box > a:hover img { opacity: .75;}
.tab_002 .art_box > a.no_img { padding-left: 0;}
.tab_002 .tit_list { position: relative;}
.tab_002 .tit_list li { margin-top: 10px;}
.tab_002 .tit_list li:first-child { margin-top: 0;}
.tab_002 .tit_list li a { color: #363636; font-size: 15px;}
.tab_002 .tit_list li a:hover { color: #808080;}


.tab_003 { position: relative;}
.tab_003 .tab_box:after { content: ""; display: block; clear: both;}
.tab_003 .tab_link { position:relative;}
.tab_003 .tab_link:after { content: ""; display: block; clear: both;}
.tab_003 .tab_link li { float: left; width: 50%;}
.tab_003 .tab_link.col02 li { width: 50%;}
.tab_003 .tab_link.col03 li { width: 33.333%;}
.tab_003 .tab_link.col04 li { width: 25%;}
.tab_003 .tab_link.col05 li { width: 20%;}
.tab_003 .tab_link li a { display:block; height:36px; line-height:34px; padding: 0 8px; font-size:13px; color:#fff; text-align:center; background:#333; border-left:1px solid #f3f3f3;}
.tab_003 .tab_link li:first-child a { margin-left: 0;}
.tab_003 .tab_link li.on a, .tab_003 .tab_link li a.tap, .tab_003 .tab_link li.ui-tabs-selected a { background:#f3f3f3; color:#222;}
.tab_003 .tab_link br { display:none;}
.tab_003 .ui-tabs-hide { display: none;}
.tab_003 .tab_wrap { clear: both; background: #f3f3f3;}
.tab_003 .tab_wrap > div { position: relative; padding: 30px 10px 24px; height: 57px; background:url(../img/default/icon_summary.png) no-repeat 4px 2px; overflow: hidden;}
.tab_003 .sum_wrap { position: relative; height: 57px; overflow: hidden;}
.tab_003 .sum_wrap a { display: table; width: 100%;}
.tab_003 .sum_wrap a span { font-size: 20px; font-weight: bold; font-family: Nanum Myeongjo, serif; text-align: center; vertical-align: middle; line-height: 1.4; height: 57px; overflow: hidden; display: table-cell;}
.tab_003 .sum_wrap a:hover { opacity: .7;}


.ext_007 { position: relative;}
.ext_007 a { transition: .1s all ease;}
.ext_007 h3 { margin-bottom: 5px;}
.ext_007 h3 a { font-size: 17px;}
.ext_007 .tag_wrap { position: relative; border:1px solid #dedede;}
.ext_007 .tag_list { padding: 20px;}
.ext_007 .tag_list h4 { font-size: 15px; margin-bottom: 30px;}
.ext_007 .tag_list ul { position: relative; text-align: center; font-size: 0;}
.ext_007 .tag_list ul li { display: inline-block; vertical-align: middle; margin: -4px 2px;}
.ext_007 .tag_list ul li a { display: block; border:1px solid transparent; line-height: 1.3;}
.ext_007 .tag_list ul li a.lv01 { font-size: 15px; color: #808080; padding: 4px 5px 2px;}
.ext_007 .tag_list ul li a.lv02 { font-size: 15px; color: #0b79bf; padding: 4px 5px 2px;}
.ext_007 .tag_list ul li a.lv03 { font-size: 17px; color: #222; padding: 4px 6px 2px;}
.ext_007 .tag_list ul li a.lv04 { font-size: 19px; color: #133374; padding: 4px 7px 2px;}
.ext_007 .tag_list ul li a.lv05 { font-size: 19px; color: #133374; padding: 4px 7px 2px; font-weight: bold;}
.ext_007 .tag_list ul li a.lv06 { font-size: 23px; color: #0b79bf; padding: 4px 6px 2px;}
.ext_007 .tag_list ul li a.lv01:hover { font-size: 17px; padding: 4px 3px 2px;}
.ext_007 .tag_list ul li a.lv02:hover { font-size: 17px; padding: 4px 3px 2px;}
.ext_007 .tag_list ul li a.lv03:hover { font-size: 19px; padding: 4px 2px 2px;}
.ext_007 .tag_list ul li a.lv04:hover { font-size: 22px; padding: 4px 0px 2px;}
.ext_007 .tag_list ul li a.lv05:hover { font-size: 22px; padding: 4px 0px 2px;}
.ext_007 .tag_list ul li a.lv06:hover { font-size: 25px; padding: 4px 3px 2px;}







/************************** member join **************************/
.mr1_001 { position: relative; max-width: 780px; margin: 0 auto;}
.mr1_001:after { content: ""; display: block; clear: both;}
.mr1_001 a { transition: .3s all ease;}

.mr1_001 .tit_all { position: relative; font-size: 26px; padding-bottom: 10px;}

.mr1_001 .terms_wrap { border-bottom: 1px solid #dedede; margin-bottom: 8px; height: 185px;}
.mr1_001 .terms_wrap > h2 { height: 35px; line-height: 34px; background: #f3f3f3; font-size: 17px; padding: 0 10px;}
.mr1_001 .terms_wrap .terms_box { height: 120px; overflow-y: scroll;}
.mr1_001 .terms_wrap iframe { width: 100%; height: 150px;}

.mr1_001 .terms_agree { position: relative; padding: 5px 0 23px;}

.mr1_001 .box_gray { position: relative; padding: 18px 20px 20px; background: #f3f3f3;}
.mr1_001 .box_gray p { width: 620px; margin: 0 auto; font-size: 15px; margin-bottom: 15px; color: #808080;}

.mr1_001 .user_confirm { width: 620px; margin: 0 auto;}
.mr1_001 .user_confirm:after { content: ""; display: block; clear: both;}
.mr1_001 .user_confirm li { float: left; position: relative; margin-left: 6px;}
.mr1_001 .user_confirm li:first-child { margin-left: 0;}
.mr1_001 .user_confirm li .i_label { left: 15px; top: 12px; font-size: 17px; color:#808080; height: 16px; line-height: 1;}
.mr1_001 .user_confirm li .i_text { padding: 10px 15px 14px; height: 20px; font-size: 17px; line-height: 1;}
.mr1_001 .user_confirm li .i_text:focus { border-color: #1b66bf;}

.mr1_001 .btn_confirm { width: 150px; padding: 8px 0 13px; color:#fff; font-size: 17px; transition: .3s all ease; font-weight: bold; }

/* // member join end */


/************************** member register **************************/
.mr2_001 { position: relative; max-width: 780px; margin: 0 auto;}
.mr2_001:after { content: ""; display: block; clear: both;}
.mr2_001 a { transition: .3s all ease;}

.mr2_001 .tit_all { position: relative; font-size: 26px; margin-bottom: 15px;}

.mr2_001 .form_box { position: relative; border-top: 1px solid #222; border-bottom: 1px solid #222; margin-bottom: 20px; background: url(../img/default/bg_form.png) repeat-y 0 0;}
.mr2_001 .form_box:after { content: ""; display: block; clear: both;}
.mr2_001 .form_box > p { position: absolute; right: 0; top: -30px; color: #222; font-size: 12px;}
.mr2_001 .form_box > p b { font-size: 17px; vertical-align: middle; color: #d4253e;}

.mr2_001 .form_box dl { position: relative; border-top: 1px solid #ccc; padding-left: 150px;}
.mr2_001 .form_box dl:after { content: ""; display: block; clear: both;}
.mr2_001 .form_box dl:first-child { border-top: 0;}
.mr2_001 .form_box dl dt { position: absolute; left: 0; top: 0; width: 120px; padding: 12px 0 0 20px; font-size: 14px;}
.mr2_001 .form_box dl dt span, .mr2_001 .form_box dl dt label { color: #222; font-weight: bold; font-size: 14px;}
.mr2_001 .form_box dl dd { position: relative; margin: 5px 0; min-height: 38px; padding-right: 25px;line-height: 38px; }
.mr2_001 .form_box dl dd .chk_wrap { position: relative; display: block; top: 8px;}
.mr2_001 .alert_txt { display: inline-block !important;}

.mr2_001 .i_label { left: 7px; top: 11px; color:#bbb; line-height: 1; font-size: 14px;}
.mr2_001 .require:after { position: absolute; left: 10px; top: 13px; content:"*"; font-size: 17px; color: #d4253e;}
.mr2_001 .wid01 { width: 160px;}
.mr2_001 .wid02 { width: 100%;}
.mr2_001 .wid03 { width: 64px;}
.mr2_001 .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.mr2_001 .column02:after { content: ""; display: block; clear: both;}
.mr2_001 .column02 > dl { float: left; width: 50%;}
.mr2_001 .column02 > dl dd { width: 224px;}

.mr2_001 input { vertical-align: middle;}
.mr2_001 .btn_gray { display: inline-block; padding: 9px 15px 11px; height: 16px; line-height: 1; background: #808080; color: #fff; vertical-align: middle; border: 1px solid #6c6c6c; border-radius: 3px; font-weight: bold;}
.mr2_001 .btn_gray:hover { background: #6c6c6c;}
.btn_grays { display: inline-block; padding: 9px 15px; height: 16px; line-height: 1; background: #808080; color: #fff; vertical-align: middle; border: 1px solid #6c6c6c; border-radius: 3px; font-weight: bold; }

.mr2_001 .btn_blue { display: inline-block; padding: 13px 35px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: .3s all; font-weight: bold;}

.mr2_001 .btn_bic { padding: 14px 35px 17px; font-size: 17px !important; line-height: 1; font-weight: bold; border-radius: 0; border: 0;}

.mr2_001 .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #d4253e !important;}

.mr2_001 .mb_list li { position: relative; margin-top: 5px;}
.mr2_001 .mb_list li:first-child { margin-top: 0;}

.mr2_001 .float_list { position: relative;}
.mr2_001 .float_list:after { content: ""; display: block; clear: both;}
.mr2_001 .float_list li { position: relative; float: left;}
.mr2_001 .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.mr2_001 .float_list li:first-child:before { display: none;}
.mr2_001 .float_list.no_bu li { margin-right: 8px;}
.mr2_001 .float_list.no_bu li:before { display: none;}

.mr2_001 .btn_center { position: relative; text-align: center; padding: 10px 0 20px;}

.mr2_001 .form_box dl .slt { width: 173px;}

.mr2_001 .rdo_list { padding-top: 9px;}
.mr2_001 .rdo_list:after { content: ""; display: block; clear: both;}
.mr2_001 .rdo_list li { float: left; position: relative;  margin-right: 10px;}
/* // member register end */


/************************** member login **************************/
.mr4_001 { position: relative;}
.mr4_001 a { transition: .3s all ease;}

.mr4_001 .login_top { position: relative; padding: 40px 0 35px; background: url(../img/default/bg_line02.png) no-repeat center bottom;}
.mr4_001 .login_top h1 { position: relative; width: 272px; padding-left: 68px; margin: 0 auto; font-size: 34px; font-weight: normal; letter-spacing: -0.08em; color: #363636; background: url(../img/default/icon_login.png) no-repeat 0 2px;}
.mr4_001 .login_top h1 span { display: block; font-size: 15px; color: #363636; font-weight: normal;}
.mr4_001 .login_top h1 b { margin-left: -3px; letter-spacing: -0.08em;}

.mr4_001 .login_form { position: relative; padding: 35px 0; width: 340px; margin: 0 auto;}
.mr4_001 .login_form .login_input li { position: relative; margin: 16px 0; padding-right: 32px;}
.mr4_001 .login_form .login_input li .i_label { left: 15px; top: 12px; font-size: 19px; color:#bbb; line-height: 1;}
.mr4_001 .login_form .login_input li .i_text { padding: 13px 15px; font-size: 19px; line-height: 0.8; height: 18px;}
.mr4_001 .login_form .login_input li .i_text:focus { border-color: #0c5ba7;}
.mr4_001 .login_form input[type=submit] { padding: 14px 0 20px; width: 100%; color:#fff; font-size: 19px; font-weight: bold; margin: 12px 0 20px; transition: .3s all ease;}
.mr4_001 .login_form .login_input li .i_text::placeholder {color:#bbb;}

.mr4_001 .float_btn { position: relative; margin: 0 -10px;}
.mr4_001 .float_btn li a { display: block; text-align: center; height: 48px; line-height: 49px; background: #dedede; font-size: 15px; margin: 0 10px;}
.mr4_001 .float_btn li a:hover { background: #ccc;}

.mr4_001 .find_info_top { position: relative; padding: 40px 0 35px; background: url(../img/default/bg_line02.png) no-repeat center bottom;}
.mr4_001 .find_info_top h1 { position: relative; width: 302px; padding-left: 68px; margin: 0 auto; font-size: 34px; font-weight: normal; letter-spacing: -0.08em; color: #363636; background: url(../img/default/icon_login.png) no-repeat 0 2px;}
.mr4_001 .find_info_top h1 span { display: block; font-size: 15px; color: #363636; font-weight: normal;}
.mr4_001 .find_info_top h1 b { margin-left: -3px; letter-spacing: -0.08em;}

.mr4_001 .find_info_captcha img {width:120px;}
.mr4_001 .find_info_captcha #captcha_key {float:right;width:180px;height:18px;padding:13px 15px;font-size:19px;}
.mr4_001 .find_info_captcha #captcha_key:focus {border-color:#0c5ba7;}
.mr4_001 .find_info_captcha #captcha_mp3 {display:none;}
.mr4_001 .find_info_captcha #captcha_reload {width:90px;height:32px;float:left;margin-top:10px;background:#fff;border:1px solid #0c5ba7;}
.mr4_001 .find_info_captcha #captcha_info {display:inline-block;float:right;width:240px;line-height:32px;margin-top:10px;}

/* // member login end */


/************************** board **************************/

.board_tit { font-size: 26px; padding: 0 0 15px;}
.board_sub_tit { font-size: 15px; padding: 10px 0 0; border-top:1px solid #dedede;}


/* 자유게시판 LIST */
.board_table { border-top: 1px solid #808080;}
.board_table thead tr th { background: #fafafa; border-bottom: 1px solid #dedede; font-size: 14px; font-weight: bold; padding: 11px 5px 13px;}
.board_table tbody tr td { border-bottom: 1px solid #dedede; text-align: center; font-size: 13px; vertical-align: middle; padding: 12px 5px 14px; word-break: break-all;}
.board_table tbody tr td > a { font-size: 13px;}
.board_table tbody tr td .icon_w { display: inline-block; padding: 1px 2px;}
.board_table tbody tr td .icon_w.c_red { background: #f34235; color: #fff; font-weight: bold;}
.board_table tbody tr td .b_link { display: block; text-align: left; font-size: 11px; font-weight: bold;}
.board_table tbody tr td .b_link > b { font-size: 13px; font-weight: normal; vertical-align: middle;}
.board_table tbody tr td .b_link > span { display: inline-block; position: relative; top: -1px; vertical-align: middle; color: #0c5ba7; font-size: 13px;}
.board_table tbody tr td .b_link > i { font-size: 13px; font-style: normal; vertical-align: middle; margin-right: 5px;}
.board_table tbody tr td .b_link:hover > b { color: #808080;}
.board_table tbody tr td .b_link img { vertical-align: middle; margin: 1px 2px 0;}
.board_table tbody tr td.re_blt { background: url(../img/default/re_blt.png) no-repeat 7px 13px; padding-left: 25px;}

/* 갤러리 LIST */
.board_list { position: relative; border-top: 1px solid #808080;}

.board_list .art_list_all { position: relative; padding: 12px 0 0;}
.board_list .art_list_all > li { position: relative; margin: 12px 0;}
.board_list .art_list_all > li > a { position: relative; display: block;}
.board_list .art_list_all > li > a > div { height: 55px;}
.board_list .art_list_all > li > a > span { margin-bottom: 10px;}
.board_list .art_list_all > li > a h2 { font-size: 15px; font-weight: normal; line-height: 1.2; height: auto !important; max-height: 38px; margin: 0 0 5px; color: #222;}
.board_list .art_list_all > li > a b { display: block; line-height: 1; font-size: 11px; color: #808080; font-weight: normal;}
.board_list .art_list_all > li > a:hover { opacity: .7;}

hr.line { display: block; border: 0; outline: 0; border-bottom: 1px solid #ddd; margin: 15px 0 -10px;}


/* 검색 */
.art_search { position: relative; padding: 20px; background: #fafafa; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 30px; text-align: center; font-size: 0;}
.art_search h5 { position: absolute; top: 10px; left: 5px; color: #808080; font-size: 15px;}
.art_search ul { position: relative; display: inline-block; vertical-align: middle;}
.art_search ul li { display: inline-block; vertical-align: top;}
.art_search ul li .input_wrap { display: block;}
.art_search ul li .input_wrap input { padding: 7px 10px 9px; width: 318px; font-size: 13px; color: #4c4c4c;}
.art_search ul li .select_box { height: 32px; margin-right: -1px; width: 98px;}
.art_search ul li .select_box select, .art_search ul li .select_box2 select { height: 32px; line-height: 32px;}
.art_search ul li .select_box label { top: 7px; font-size: 13px; color: #4c4c4c;}

.art_search .btn_search { position: relative; left: -1px; display: inline-block; vertical-align: middle;}
.art_search .btn_search .btn_board_search { display: inline-block; width: 34px; height: 34px; background: #0c5ba7 url(../img/default/btn_board_search.png) no-repeat center center; text-indent: -9999em; vertical-align: middle; transition: all .3s ease;}
.art_search .btn_search .btn_board_search:hover { background-color: #004795;}

.btn_gray { display: inline-block; padding: 0 22px; height: 38px; line-height: 36px; background: #f3f3f3; color: #363636; vertical-align: middle; border: 1px solid #ccc; font-size: 16px; font-weight: bold; box-sizing: border-box;}
.btn_gray:hover { background: #eaeaea;}

.btn_blue { display: inline-block; padding: 0 22px; height: 38px; line-height: 36px; background: #0c5ba7; color: #fff; vertical-align: middle; font-size: 16px !important; font-weight: bold; border: 1px solid #004795; box-sizing: border-box;}
input.btn_blue { margin-left: 4px !important;}
.btn_blue:hover { background: #004795;}

.btn_dark { display: inline-block; padding: 0 22px; height: 38px; line-height: 36px; background: #fff; color: #363636; vertical-align: middle; border: 1px solid #ccc; font-size: 16px; font-weight: bold; box-sizing: border-box;}
.btn_dark:hover { background: #f6f6f6;}

.btn_s { padding: 0 10px; height: 29px; line-height: 27px; font-size: 13px; font-weight: bold;}

.btn_wrap_cen { position: relative; padding-top: 30px; text-align: center;}
.btn_wrap_cen * { margin: 0 2px !important;}

.arrage_n { margin-top: 20px;}
.arrage_n:after { content: ""; display: block; clear: both;}

.board_list .paging { padding-top: 0;}
.arrage_n .board_list .paging { padding-top: 30px;}


/* Button */
.b_btn { display: inline-block; padding: 9px 17px; background: #fff; border: 1px solid #0c5ba7; color: #0c5ba7; vertical-align: middle; margin: 0 3px; font-size: 15px; font-weight: bold; transition: all .3s ease;}
.b_btn img { position: relative; top: -2px;}
.c_white { border: 1px solid #bebebe; color: #363636;}
.c_dark { background: #222; border: 1px solid #dedede; color: #fff;}
.b_btn:hover { background: #f6f6f6;}

.trans_sel { position: relative;}
.select_control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.select_control .styled { position: absolute; left: 0; -webkit-appearance: none; opacity: 0; height: 25px; padding-right: 60px;}
.page_title { position: relative; display: block; background: url(../img/default/bg_sel.png) no-repeat right center;}

/* view type */
.view_type { position: relative; border-bottom: 1px solid #dedede; margin-bottom: 20px;}
.view_type:after { content: ""; display: block; clear: both;}

.view_type .board_detail_top { border-top: 1px solid #808080; padding-top: 15px;}
.view_type .board_detail_top dl { display: inline-block; background: #eaeaea; padding: 2px 10px 4px; border-radius: 20px;}
.view_type .board_detail_top dt, .view_type .board_detail_top dd { display: inline;}
.view_type h2 { font-size: 25px; padding: 5px 0 20px;}
.view_type h1 { font-size: 25px; padding: 5px 0 20px;}

.view_type .info { position: relative; padding: 0 0 20px; border-bottom: 1px solid #dedede; margin-bottom: 25px;}
.view_type .info:after { content: ""; display: block; clear: both;}
.view_type .info ul:after { content: ""; display: block; clear: both;}
.view_type .info ul.fr { margin-right: -10px;}
.view_type .info li { float: left; font-size: 12px; padding: 0 10px 0 0; color: #808080;}
.view_type .info li:first-child { background: none; padding-left: 0;}
.view_type .info li b { position: relative; display: inline-block; padding: 0 5px 0 18px; color: #363636;}
.view_type .info li b:after { position: absolute; left: 0; top: 1px; content: ""; display: block; width: 15px; height: 14px; background: url(../img/default/icon_view_info.png) no-repeat 0 0;}
.view_type .info li.icon_info01 b:after { background-position: 0 0;}
.view_type .info li.icon_info02 b:after { background-position: -15px 0;}
.view_type .info li.icon_info03 b:after { background-position: -30px 0;}
.view_type .info li.icon_info04 b:after { background-position: -45px 0;}

.view_content { position:relative; min-height: 400px; color: #222; font-size: 15px; line-height: 1.76; padding-bottom: 50px;}
.view_content p { line-height: 2;}
.view_content:after { content: ""; display: block; clear: both;}
.view_content.lay_recom { padding-bottom: 150px; min-height: 370px;}
.view_content img { max-width: 100%;}

.button_recom { position: absolute; left: 50%; bottom: 50px; display: block; width: 80px; height: 80px; margin-left: -40px; background: url(../img/default/btn_recom02.png) no-repeat 0 0; text-indent: -9999em;}
.button_recom:hover { background-position: -83px 0;}
.button_recom.on { background-position: 0 -83px;}
.button_recom.on:hover { background-position: -83px -83px;}

.file_wrapper { position: relative;}
.file_wrapper h5 { font-size: 15px; background: #fafafa; padding: 0 20px; height: 38px; line-height: 36px; border: 1px solid #dedede; margin-bottom: -1px;}
.file_wrapper ul { padding: 5px 20px; border: 1px solid #dedede; border-bottom: 0;}
.file_wrapper ul li { border-top: 1px dashed #dedede;}
.file_wrapper ul li:first-child { border: 0;}
.file_wrapper ul li a img { position: relative; top: -2px; margin-right: 4px;}
.file_wrapper ul li a { display: block; padding: 7px 0 9px; font-size: 14px; color: #222;}
.file_wrapper ul li a:hover { color: #f34235;}

/* 버튼영역 */
.btn .fl {float:left;}
.btn .fr {float:right;}
.btn {margin:20px 0;}

.bbs_btn { position:relative; padding-top:10px; padding-bottom:10px; margin-bottom: 30px; font-size: 0;}
.bbs_btn:after { content: ""; display: block; clear: both;}
.bbs_btn .left{float:left;}
.bbs_btn .right{float:right;}

.btn_absol { position: absolute; right: 4px; top: -30px;}
.btn_absol:after { content: ""; display: block; clear: both;}
.btn_absol li { float: left; font-size: 12px; color: #363636;}
.btn_absol li a { font-size: 12px; color: #363636;}
.btn_absol li a:hover { text-decoration: underline;}
.btn_absol li:first-child { margin-right: 10px;}
.btn_absol li:first-child a { margin-right: 10px;}

.noinput{border:0px;padding:0 ; margin:0}

/* search */

.sr2_001 { position: relative;}
.sr2_001:after { content: ""; display: block; clear: both;}

.sr2_001 .tit_all { position: relative; font-size: 26px; padding-bottom: 10px;}
.sr2_001 .desc_all { position: relative; font-size: 15px; padding: 12px 0; padding-right: 80px; color:#707070; line-height: 1.3; border-bottom: 1px solid #dedede; background: #fff; margin-top: -2px;}
.sr2_001 .desc_all strong { font-size: 15px; margin-right: 5px;}
.sr2_001 .desc_all i { font-size: 15px; font-style: normal;}

.sr2_001 .art_list_all { position: relative;}
.sr2_001 .art_list_all > li { padding: 25px 0; border-bottom: 1px solid #dedede; min-height: 120px;}
.sr2_001 .art_list_all > li > a { position: relative; display: block; padding-left: 140px;}
.sr2_001 .art_list_all > li.no_img { min-height: inherit;}
.sr2_001 .art_list_all > li.no_img > a { padding-left: 0;}
.sr2_001 .art_list_all > li > a span { position: absolute; left: 0; top: 2px; display: block; width: 120px; height:120px;border: 1px solid #eaeaea;}
.sr2_001 .art_list_all > li > a span img { width: 100%; transition: .3s all ease;height:100%;object-fit:cover;}
.sr2_001 .art_list_all > li > a h2 { font-size: 20px; font-weight: bold; line-height: 1.2; height: inherit !important; max-height: 51px; margin: -3px 0 9px -1px; color: #222;}
.sr2_001 .art_list_all > li > a p { margin-bottom: 7px; color: #808080;}
.sr2_001 .art_list_all > li > a ul:after { content: ""; display: block; clear: both;}
.sr2_001 .art_list_all > li > a ul li { float: left; padding: 0 6px; background: url(../img/default/icon_bu.png) no-repeat 0 0; line-height: 1; font-size: 11px;}
.sr2_001 .art_list_all > li > a ul li:first-child { background: none; padding-left: 0; font-size: 12px;}
.sr2_001 .art_list_all > li > a ul li.name { color: #808080;}
.sr2_001 .art_list_all > li > a ul li.date { color: #bbbbbb;}

.sr2_001 .art_list_all > li.no_result { padding: 25px 0; text-align: center; border-bottom: 0;}
.sr2_001 .art_list_all > li.no_result > strong { font-weight: normal; font-size: 15px;}

.sr2_001 .btn_detail { position: absolute; right: 0; top: 15px; display: block; padding-left: 20px; height: 16px; line-height: 12px; background: #fff url(../img/default/btn_detail.png) no-repeat 0 0; font-size: 15px; font-weight: bold; color: #0c5ba7;}

/* mypage */

.myp_001 { position: relative; margin: 0 auto;}
.myp_001:after { content: ""; display: block; clear: both;}
.myp_001 a { transition: .3s all ease;}

.myp_001 .tit_all { position: relative; font-size: 26px;}
.myp_001 .desc_all { position: relative; font-size: 15px; padding: 15px 0 30px; color:#707070; line-height: 1.3;}
.myp_001 .desc_all strong { color: #d4253e; font-size: 15px; font-weight: normal;}
.myp_001 .desc_all strong span { color: #222; font-size: 15px;}

.myp_001 .form_box { position: relative; border: 1px solid #dedede; margin-bottom: 20px; background: url(../img/default/bg_form.png) repeat-y 0 0; margin-top: 10px;}
.myp_001 .form_box:after { content: ""; display: block; clear: both;}
.myp_001 .form_box > p { position: absolute; right: 12px; top: -26px; color: #222; font-size: 12px;}
.myp_001 .form_box > p b { font-size: 17px; vertical-align: middle; color: #d4253e;}

.myp_001 .form_box dl { position: relative; border-top: 1px solid #ccc; padding-left: 150px; overflow: hidden;}
.myp_001 .form_box dl:after { content: ""; display: block; clear: both;}
.myp_001 .form_box dl:first-child { border-top: 0;}
.myp_001 .form_box dl dt { position: absolute; left: 0; top: 0; width: 120px; padding: 12px 0 0 20px; font-size: 14px;}
.myp_001 .form_box dl dt span, .myp_001 .form_box dl dt label { color: #222; font-weight: bold; font-size: 14px;}
.myp_001 .form_box dl dd { position: relative; margin: 5px 0; min-height: 38px; padding-right: 25px;}
.myp_001 .form_box dl dd .chk_wrap { position: relative; display: block; top: 8px;}
.myp_001 .alert_txt { display: inline-block !important;}
.myp_001 .form_box dl dd > span { display: inline-block; /*padding-top: 9px;*/line-height:38px;}

.myp_001 .i_label { left: 7px; top: 11px; color:#bbb; line-height: 1; font-size: 14px;}
.myp_001 .require:after { position: absolute; left: 10px; top: 13px; content:"*"; font-size: 17px; color: #d4253e;}
.myp_001 .wid01 { width: 160px;}
.myp_001 .wid02 { width: 100%;}
.myp_001 .wid03 { width: 64px;}
.myp_001 .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.myp_001 .column02:after { content: ""; display: block; clear: both;}
.myp_001 .column02 > dl { float: left; width: 50%;}
.myp_001 .column02 > dl dd { width: 224px;}

.myp_001 input { vertical-align: middle;}
.myp_001 .btn_gray {font-size:13px;box-sizing:content-box; display: inline-block; padding: 9px 15px 11px; height: 16px; line-height: 1; background: #808080; color: #fff; vertical-align: middle; border: 1px solid #6c6c6c; border-radius: 3px; font-weight: bold;}
.myp_001 .btn_gray:hover { background: #6c6c6c;}

.myp_001 .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: .3s all; font-weight: bold;}

.myp_001 .btn_bic { padding: 14px 35px 17px; font-size: 17px !important; line-height: 1; font-weight: bold; border-radius: 0; border: 0;}

.myp_001 .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #d4253e !important;}

.myp_001 .mb_list li { position: relative; margin-top: 5px;}
.myp_001 .mb_list li:first-child { margin-top: 0;}

.myp_001 .float_list { position: relative;}
.myp_001 .float_list:after { content: ""; display: block; clear: both;}
.myp_001 .float_list li { position: relative; float: left;}
.myp_001 .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.myp_001 .float_list li:first-child:before { display: none;}
.myp_001 .float_list.no_bu li { margin-right: 8px;}
.myp_001 .float_list.no_bu li:before { display: none;}

.myp_001 .btn_center { position: relative; text-align: center; padding: 10px 0 20px;}

.myp_001 .form_box dl .slt { width: 173px;}

.myp_001 .rdo_list { padding-top: 9px;}
.myp_001 .rdo_list:after { content: ""; display: block; clear: both;}
.myp_001 .rdo_list li { float: left; position: relative;  margin-right: 10px;}

.myp_001 .check_wrap { display: inline-block; margin-top: 7px; position: relative;}

.myc_001 { position: relative; padding-bottom: 40px;}
.myc_001 h5 { padding: 25px 0 15px;}
.myc_001 .info_wrap { padding: 10px 10px 13px; text-align: center; background: url(../img/default/bg_infobox.png) repeat-x 0 0; color: #363636;}
.myc_001 .info_wrap b { color: #f34235;}
.myc_001 .info_wrap strong { color: #f34235; font-weight: normal;}

.myc_001 .board_list { position: relative; min-height: 250px;}
.myc_001 .board_list * { font-size: 14px;}
.myc_001 .board_list li { position: relative; border-bottom:1px solid #e6e6e6;}
.myc_001 .board_list li .art_link { display: block; padding:17px 110px 17px 17px; background: url(../img/default/icon.gif) no-repeat 5px 15px;}
.myc_001 .board_list li .art_link strong { line-height: 1.3; color: #363636; font-size: 15px;}
.myc_001 .board_list li .art_info { margin-top: 4px; font-size: 11px; font-weight: normal; color: #dedede;}
.myc_001 .board_list li .art_info * { font-size: 11px;}
.myc_001 .board_list li .art_info em { margin-right: 5px; font-style: normal; color: #bbb;}
.myc_001 .board_list li .art_info span { color: #808080;}
.myc_001 .board_list li .btn_art { position: absolute; right: 10px; top:50%; margin-top: -15px; display: block; height: 30px; opacity: .7;}
.myc_001 .board_list li .btn_art:hover { opacity: 1;}
.myc_001 .font11blue2 { margin-left: 3px;}



.mys_001 { position: relative; padding-bottom: 40px;}
.mys_001 h5 { padding: 25px 0 15px;}
.mys_001 .info_wrap { padding: 10px 10px 13px; text-align: center; background: url(../img/default/bg_infobox.png) repeat-x 0 0; color: #363636;}
.mys_001 .info_wrap b { color: #f34235;}
.mys_001 .info_wrap strong { color: #f34235; font-weight: normal;}

.mys_001 .board_list { position: relative; min-height: 250px;}
.mys_001 .board_list * { font-size: 14px;}
.mys_001 .board_list li { position: relative; border-bottom:1px solid #e6e6e6;}
.mys_001 .board_list li .art_link { display: block; padding:17px 110px 17px 17px; transition: .3s all ease;}
.mys_001 .board_list li .art_link:hover { background-color: #f6f6f6;}
.mys_001 .board_list li .art_link b { color: #363636; font-size: 15px;}
.mys_001 .board_list li .art_info { margin-top: 4px; font-size: 11px; font-weight: normal; color: #dedede;}
.mys_001 .board_list li .art_info * { font-size: 11px; font-weight: normal; color: #bbb;}
.mys_001 .board_list li .art_info em { color: #808080; margin-right: 3px;}
.mys_001 .board_list li .art_info strong { margin-left: 3px;}
.mys_001 .board_list li .btn_del { position: absolute; right: 10px; top:50%; margin-top: -15px; display: block; height: 30px; opacity: .7;}
.mys_001 .board_list li .btn_del:hover { opacity: 1;}
.mys_001 .board_list li em { font-style: normal;}

/* content */

.ctt_admin {position:relative; max-width:1300px;margin:0 auto;}
.ctt_admin a {position:absolute;top:-50px;right:0;background:#337ab7;color:#fff;padding:8px 10px;z-index:9;}

.company01 {text-align:center;}
.company01 h2 {font-size:22px;margin-bottom:20px;}
.company01 p {font-size:16px;line-height:24px;margin-bottom:40px;}
.company01 table {text-align:left;border:4px solid #ccc;margin:20px auto 0;}
.company01 table th, .company_wrap table td {padding:12px 20px;color:#333;font-weight:normal;}




/* 게시글 작성 */
.board_w { border-top: 1px solid #808080;}
.board_w:after { content: ""; display: block; clear: both;}
.board_w a { transition: .3s all ease;}

.board_w .tit_all { position: relative; font-size: 26px; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;}
.board_w .desc_all { position: relative; font-size: 15px; padding: 15px 0 30px; color: #808080; line-height: 1.3;}
.board_w .desc_all strong { color: #f34235; font-size: 15px; font-weight: normal;}
.board_w .desc_all strong span { color: #222; font-size: 15px;}

.board_w .form_box { position: relative;}
.board_w .form_box:after { content: ""; display: block; clear: both;}

.board_w .form_box dl { position: relative; min-height: 38px; border-bottom: 1px solid #d1d1d1; padding: 7px 16px 7px 120px; background: url(/data/skin/bbs/1/tpl1/images/bg_board_write.png) repeat-y 0 0;}
.board_w .form_box dl dt { position: absolute; left: 19px; top: 15px; width: 100px;}
.board_w .form_box dl dt span, .board_w .form_box dl dt label { font-size: 14px; color: #363636; font-weight: bold;}
.board_w .form_box dl dd { position: relative;}
.board_w .form_box dl dd > span { position: relative; display: block; margin: 7px 0;}
.board_w .form_box dl dd input[type=text],
.board_w .form_box dl dd input[type=password],
.board_w .form_box dl dd input[type=email] { width: 100%;}

.board_w .i_label { left: 7px; top: 12px; color: #bbb; font-size: 14px;}
/* .board_w .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #f34235; vertical-align: middle;} */

.board_w .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.board_w .column02:after { content: ""; display: block; clear: both;}
.board_w .column02 > dl { float: left; width: 50%;}
.board_w .column02 > dl dd { width: 224px;}

.board_w input { vertical-align: middle;}

.board_w .btn_bic { padding: 0 22px; height: 47px; line-height: 48px; font-size: 19px;}

.board_w .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #f34235 !important;}

.board_w .mb_list li { position: relative; margin-top: 5px;}
.board_w .mb_list li:first-child { margin-top: 0;}

.board_w .float_list { position: relative;}
.board_w .float_list:after { content: ""; display: block; clear: both;}
.board_w .float_list li { position: relative; float: left;}
.board_w .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.board_w .float_list li:first-child:before { display: none;}

.board_w .float_box { position: relative; padding-left: 177px;}
.board_w .float_box li { position: relative;}
.board_w .float_box li:first-child { position: absolute; left: 0; top: 0;}
.board_w .float_box li .bd_sel select { width: 170px;}

.board_w .btn_center { position: relative; text-align: center; padding: 20px 0;}

.board_w .form_box dl .slt { width: 173px;}
.board_w .edit_wrap { position: relative; padding: 7px 0 0;}

.board_w .file { position:relative; padding: 7px 82px 7px 120px; background: url(/data/skin/bbs/1/tpl1/images/bg_board_write.png) repeat-y 0 0; margin-top: -3px; border-bottom: 1px solid #808080;}
.board_w .file label { position: absolute; left: 19px; top: 15px; width: 100px; font-size: 14px; color: #363636; font-weight: bold;}
.board_w .file .fileadd { position: absolute; right: 0; top: 14px; display: block;}
.board_w .file .fileadd a { display: block; text-align: center; margin-bottom: 6px;}
.board_w .file select {border:1px solid #dedede; width: 100%; height:80px !important; font-size:11px;}
.board_w .form_box select { border: 1px solid #dedede;border-radius: 0;font-family: 맑은고딕, Malgun Gothic, Apple SD Gothic Neo, 돋움, Dotum, Droidsans, AppleSDGothic, Arial, sans-serif;color: #222;font-size: 14px;width: 100%;height:36px;padding:7px;margin: 0;line-height: 1 !important;}

.upload_wrap { position: relative; padding: 20px;}
.upload_wrap p { position: relative; color: #f34235; padding-top: 8px; font-size: 12px;}

.dis-none {display:none;}
.dis-block {display:block; }
.width-1060 { width:1060px; }
.width-1335 { width: 1335px; }
/*.no-bullet button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; }*/

#article-header-title {
 position:fixed;
 z-index:1000;
 left:0;
 right:0;
 top:51px;
 background-color:#fefefe;
 text-align:center;
 box-shadow:0 0 10px #777
}
#article-header-title::after {
 content:'';
 display:table;
 clear:both
}
#article-header-title .aht-wrapper {
 display:table;
 table-layout:fixed;
 margin-left:auto;
 margin-right:auto
}
#article-header-title .aht-wrapper .aht-columns {
 display:table-cell;
 width:100%;
 height:70px;
 vertical-align:middle
}
#article-header-title .aht-columns.aht-logo {
 position:relative;
 width:250px;
 text-align:left
}
#article-header-title .aht-columns.aht-logo a {
 display:inline-block
}
.article-head-sub::after,.article-view-header .article-head-info::after,.article-view-header .info-text::after {
 content:'';
 display:table;
 clear:both
}
#article-header-title .aht-columns.aht-logo img {
 position:relative;
 left:0;
 top:0;
 max-height:40px
}
#article-header-title .aht-columns.aht-title {
 text-align:center
}
#article-header-title .aht-columns.aht-title .aht-title-view {
 overflow:hidden;
 font-size:1.3rem;
 font-weight:700;
 letter-spacing:-.08em;
 text-overflow:ellipsis;
 white-space:nowrap
}
#article-header-title .aht-columns.aht-options {
 width:250px
}
#article-header-title .aht-btn {
 position:absolute;
 max-width:50px;
 font-size:2rem;
 top:50%;
 cursor:pointer;
 transform:translateY(-50%);
 background: transparent;
}
#article-header-title .aht-btn.prev {
 left:0
}
#article-header-title .aht-btn.next {
 right:0
}
.article-view-header {
 padding-left:0;
 padding-right:0;
 margin-bottom:1.8rem
}




.article-view-header {
 padding-left:0;
 padding-right:0;
 margin-bottom:1.8rem
}
@media screen and (max-width:63.9375em) {
 #admin-wrap .article-view-header {
  padding-left:0;
  padding-right:0
 }
}
@media screen and (max-width:39.9375em) {
 .row .article-view-header {
  margin-bottom:1rem
 }
 .row .article-view-header .article-head-info {
  text-align:center
 }
}
.article-view-header .article-head-nav {
 letter-spacing:-.05em
}
.article-view-header .article-head-nav .fa {
 color:rgba(0,0,0,.3)
}
.article-view-header .article-head-nav a {
 font-size:.8rem;
 color:rgba(0,0,0,.55)
}
.article-view-header .article-head-nav a:hover {
 color:rgba(0,0,0,.75)
}
.article-view-header .article-head-nav .disabled a {
 color:rgba(0,0,0,.2)
}
.article-view-header .article-head-nav .disabled a:hover {
 color:rgba(0,0,0,.55)
}
.article-view-header .article-header-wrap .article-head-title {
 margin-bottom:.5rem;
 font-size:2rem;
 line-height:1.25em;
 letter-spacing:-.1em
}
.article-head-sub {
 position:relative;
 margin-bottom:2rem;
 padding-left:1rem;
 font-size:1.063rem;
 line-height:1.45em;
 color:#333;
 letter-spacing:-.065em
}
.article-view-header .info-option .button-group,.info-options {
 margin-bottom:0
}
.article-head-sub::before {
 content:'';
 position:absolute;
 z-index:1;
 border-left:3px solid #333;
 left:0;
 top:0;
 bottom:0
}
@media screen and (max-width:63.9375em) {
 .row .article-view-header .article-header-wrap .article-head-title {
  letter-spacing:-.08em
 }
}
.article-view-header .article-head-info {
 margin-top:20px
}
.article-view-header .info-text {
 float:left
}
.article-view-header .info-text li {
 float:left;
 font-size:.9rem;
 color:#77787b;
 letter-spacing:-.08em
}
.article-view-header .info-text li:first-child {
 margin-left:0
}
.article-view-header .info-text li::before {
 content:'|';
 float:left;
 padding:0 12px;
 font-size:.8rem;
 color:rgba(0,0,0,.25)
}
.article-view-header .info-text li:first-child::before {
 content:'';
 padding:0
}
.article-view-header .info-text li .fa {
 color:#bfbfbf
}
@media screen and (max-width:39.9375em) {
 .row .article-view-header .info-text,.row .article-view-header .info-text ul {
  float:none;
  margin-left:auto;
  margin-right:auto
 }
 .row .article-view-header .info-text ul {
  display:inline-block
 }
 .row .article-view-header .info-text li::before {
  padding-left:.5rem;
  padding-right:.5rem
 }
}
.article-view-header .info-option {
 float:right
}
.article-view-header .info-option .option-sns,.article-view-header .info-option .option-text {
 float:left
}
.article-view-header .info-option .option-text {
 margin-right:10px
}
.article-view-header .info-option .button-group .button {
 padding:.5rem .625rem
}
@media screen and (max-width:39.9375em) {
 .row .article-view-header .info-option,.row .article-view-header .info-option .option-sns {
  float:none;
  margin-left:auto;
  margin-right:auto
 }
}
.article-view-header .info-option a.button.active.facebook,.article-view-header .info-option a.button.nd-white.facebook:hover {
 background-color:#3a5795
}
.article-view-header .info-option a.button.active.twitter,.article-view-header .info-option a.button.nd-white.twitter:hover {
 background-color:#0084b4
}
.article-view-header .info-option a.button.active.google,.article-view-header .info-option a.button.nd-white.google:hover {
 background-color:#db4a39
}
.article-view-header .info-option a.button.active.story,.article-view-header .info-option a.button.nd-white.story:hover {
 background-color:#ffdc00
}
.article-view-header .info-option a.button.active.band,.article-view-header .info-option a.button.nd-white.band:hover {
 background-color:#44d592
}
.article-view-header .info-option a.button.active.blog,.article-view-header .info-option a.button.active.post,.article-view-header .info-option a.button.nd-white.blog:hover,.article-view-header .info-option a.button.nd-white.post:hover {
 background-color:#2db400
}
.article-view-header .info-option a.button.active.pholar,.article-view-header .info-option a.button.nd-white.pholar:hover {
 background-color:#6f6cf7
}
.article-view-header .info-option a.button.active.cyworld,.article-view-header .info-option a.button.nd-white.cyworld:hover {
 background-color:#ff6500
}
.article-view-header .info-option a.button.active.vingle,.article-view-header .info-option a.button.nd-white.vingle:hover {
 background-color:#e00
}
.info-options .fonts-option .options-btn.active,.info-options .options-btn:hover {
 background:rgba(0,0,0,.7);
 color:#fefefe
}
.info-options {
 float:right
}
.info-options li {
 float:left;
 margin-left:.3rem;
 background:#ffffff;
}
.info-options li:first-child {
 margin-left:0
}
.info-options .options-btn {
 display:block;
 width:32px;
 height:32px;
 font-size:1rem;
 border:1px solid rgba(0,0,0,.7);
 border-radius:50%;
 cursor:pointer;
 background:#ffffff;
}
@media screen and (max-width:39.9375em) {
 .row .info-options {
  float:none;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
  margin-top:.75rem
 }
}
.info-options .fonts-option {
 position:relative
}
.info-options .fonts-option-panel {
 display:none;
 position:absolute;
 z-index:999;
 width:200px;
 padding:.9375rem;
 background-color:#fefefe;
 border:1px solid rgba(0,0,0,.15);
 border-radius:.25rem;
 right:0;
 top:calc(100% + 10px)
}
.info-options .fonts-option-panel::after,.info-options .fonts-option-panel::before {
 content:'';
 position:absolute;
 border-style:solid;
 border-color:transparent;
 bottom:100%
}
.info-options .fonts-option-panel::before {
 z-index:1;
 right:8px;
 border-width:6px;
 border-bottom-color:rgba(0,0,0,.15)
}
.info-options .fonts-option-panel::after {
 z-index:2;
 right:9px;
 border-width:5px;
 border-bottom-color:#fefefe
}
.info-options .fonts-option-panel li {
 display:block;
 padding:0;
 margin:0
}
.info-options .fonts-option-panel li::after {
 content:'';
 display:table;
 clear:both
}
.info-options .fonts-option-panel li input[type=checkbox],.info-options .fonts-option-panel li input[type=radio] {
 display:none
}
.info-options .fonts-option-panel li input[type=checkbox]+label,.info-options .fonts-option-panel li input[type=radio]+label {
 display:block;
 margin:0 0 .75rem;
 line-height:1;
 letter-spacing:-.05em;
 cursor:pointer
}
.info-options .fonts-option-panel li:nth-child(1) input[type=checkbox]+label,.info-options .fonts-option-panel li:nth-child(1) input[type=radio]+label {
 font-size:.9rem
}
.info-options .fonts-option-panel li:nth-child(2) input[type=checkbox]+label,.info-options .fonts-option-panel li:nth-child(2) input[type=radio]+label {
 font-size:1rem
}
.info-options .fonts-option-panel li:nth-child(3) input[type=checkbox]+label,.info-options .fonts-option-panel li:nth-child(3) input[type=radio]+label {
 font-size:1.063rem
}
.info-options .fonts-option-panel li:nth-child(4) input[type=checkbox]+label,.info-options .fonts-option-panel li:nth-child(4) input[type=radio]+label {
 font-size:1.125rem
}
.info-options .fonts-option-panel li:nth-child(5) input[type=checkbox]+label,.info-options .fonts-option-panel li:nth-child(5) input[type=radio]+label {
 font-size:1.188rem
}
.info-options .fonts-option-panel li:nth-child(6) input[type=checkbox]+label,.info-options .fonts-option-panel li:nth-child(6) input[type=radio]+label {
 font-size:1.25rem
}
.info-options .fonts-option-panel li:last-child input[type=checkbox]+label,.info-options .fonts-option-panel li:last-child input[type=radio]+label {
 margin-bottom:0
}
.info-options .fonts-option-panel input[type=checkbox]+label::before,.info-options .fonts-option-panel input[type=radio]+label::before {
 content:'';
 display:inline-block;
 float:left;
 width:13px;
 height:13px;
 margin-top:.15rem;
 margin-right:.25rem;
 font-family:'Stroke 7';
 font-size:.8rem;
 font-weight:400;
 font-style:normal;
 line-height:13px;
 vertical-align:bottom;
 text-align:center;
 background-color:#fefefe;
 color:#fefefe;
 border:1px solid rgba(0,0,0,.15);
 border-radius:50%
}
.info-options .fonts-option-panel input[type=checkbox]:checked+label::before,.info-options .fonts-option-panel input[type=radio]:checked+label::before {
 content:'\e6cd';
 background-color:#e6336e
}
.article-sns-group {
 letter-spacing:-.05em
}
.article-sns-group::after {
 content:'';
 display:table;
 clear:both
}
.article-sns-group .sns-btns {
 float:left;
 width:calc(20% - 10px);
 margin:0 5px;
 padding:.625rem 0;
 font-size:.75rem;
 text-align:center;
 color:rgba(0,0,0,.4);
 cursor:pointer;
 transition:all .15s ease;
 -moz-transition:all .15s ease;
 -webkit-transition:all .15s ease;
 -o-transition:all .15s ease
}
.article-sns-group .sns-btns:hover {
 color:#fefefe;
 background-color:rgba(0,0,0,.5)
}
.article-sns-group .sns-btns:nth-child(5n+1) {
 clear:both
}
.article-sns-group .sns-btns .sns-btn-icons {
 margin-bottom:.5rem;
 padding:.625rem 0;
 font-size:1.25rem;
 color:#fefefe;
 background-color:rgba(0,0,0,.2)
}
.article-sns-group .sns-btns .sns-btn-icons.facebook {
 background-color:#3a5795
}
.article-sns-group .sns-btns .sns-btn-icons.twitter {
 background-color:#0084b4
}
.article-sns-group .sns-btns .sns-btn-icons.google {
 background-color:#db4a39
}
.article-sns-group .sns-btns .sns-btn-icons.story {
 background-color:#ffdc00
}
.article-sns-group .sns-btns .sns-btn-icons.talk {
 background-color:#ffdc00;
 color:#3b1e1e
}
.article-sns-group .sns-btns .sns-btn-icons.band {
 background-color:#44d592
}
.article-sns-group .sns-btns .sns-btn-icons.blog,.article-sns-group .sns-btns .sns-btn-icons.post {
 background-color:#2db400
}
.article-sns-group .sns-btns .sns-btn-icons.pholar {
 background-color:#6f6cf7
}
.article-sns-group .sns-btns .sns-btn-icons.cyworld {
 background-color:#ff6500
}
.article-sns-group .sns-btns .sns-btn-icons.vingle {
 background-color:#e00
}
.article-sns-group .sns-btns .sns-btn-icons.pinterest {
 background-color:#bd081b
}
@media screen and (max-width:39.9375em) {
 .row .info-options .fonts-option-panel,.row .info-options .fonts-option-panel::after,.row .info-options .fonts-option-panel::before {
  left:50%;
  right:inherit;
  transform:translateX(-50%)
 }
 .row .article-sns-group .sns-btns {
  width:(25% - 1px)
 }
 .row .article-sns-group .sns-btns:nth-child(4n) {
  width:25%
 }
 .row .article-sns-group .sns-btns:nth-child(4n+1) {
  clear:both
 }
 .row .article-sns-group .sns-btns:nth-child(5n) {
  width:(25% - 1px)
 }
 .row .article-sns-group .sns-btns:nth-child(5n+1) {
  clear:none
 }
}
.article-lang {
 letter-spacing:-.05em
}
.article-lang::after {
 content:'';
 display:table;
 clear:both
}
.article-lang .lang-btns {
 float:left;
 width:calc(20% - 10px);
 margin:0 5px;
 padding:.625rem 0;
 font-size:.75rem;
 text-align:center;
 color:rgba(0,0,0,.4);
 cursor:pointer;
 transition:all .15s ease;
 -moz-transition:all .15s ease;
 -webkit-transition:all .15s ease;
 -o-transition:all .15s ease
}
.article-lang .lang-btns:hover {
 color:#fefefe;
 background-color:rgba(0,0,0,.5)
}
.article-lang .lang-btns:nth-child(5n+1) {
 clear:both
}
.article-lang .lang-btns::before {
 content:'';
 display:block;
 width:50px;
 height:33px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:.5rem;
 background:url(/image/lang-mark.png) no-repeat;
 background-size:50px auto
}
.article-lang .lang-btns.ko::before {
 background-position:0 0
}
.article-lang .lang-btns.en::before {
 background-position:0 -40px
}
.article-lang .lang-btns.jp::before {
 background-position:0 -80px
}
.article-lang .lang-btns.cn::before {
 background-position:0 -120px
}
.article-lang .lang-btns.fr::before {
 background-position:0 -160px
}
.article-lang .lang-btns.es::before {
 background-position:0 -200px
}
.article-lang .lang-btns.ru::before {
 background-position:0 -240px
}
.article-lang .lang-btns.id::before {
 background-position:0 -280px
}
#google_translate_element,.goog-te-banner-frame {
 display:none!important
}
.user-content {
 display:table;
 width:100%;
 table-layout:fixed
}
@media screen and (max-width:39.9375em) {
 .row .user-content {
  display:block;
  width:auto
 }
}
.user-snb {
 display:table-cell;
 width:100%;
/* padding-right:30px;*/
 vertical-align:top
}
.user-content.type-1 .user-snb {
 padding-right:0
}
.user-snb .user-snb-wrapper {
 padding-left:45px;
 padding-right:15px
}
@media screen and (max-width:39.9375em) {
 .row .user-snb {
  display:block;
  float:none;
  margin-left:auto;
  margin-right:auto;
  padding-right:0;
  border-right:0
 }
 .row .user-snb::after {
  content:'';
  display:table;
  clear:both
 }
}
.article-veiw-body {
 text-align:left
}
/*
.article-veiw-body.view-page {
 font-size:1.063rem
}
.article-veiw-body.view-page.font-size15 {
 font-size:.9rem
}
.article-veiw-body.view-page.font-size16 {
 font-size:1rem
}
.article-veiw-body.view-page.font-size17 {
 font-size:.1.063rem
}
.article-veiw-body.view-page.font-size18 {
 font-size:1.125rem
}
.article-veiw-body.view-page.font-size19 {
 font-size:1.188rem
}
.article-veiw-body.view-page.font-size20 {
 font-size:1.25rem
}
.article-veiw-body.view-page p {
 margin:0 0 1em;
 font-weight:400;
 line-height:1.625em;
 letter-spacing:-.05em;
 color:#333;
 text-align:justify;
 word-break:normal;
 word-wrap:break-word
}
.article-veiw-body.view-page div[style]+div[style],.article-veiw-body.view-page div[style]+p,.article-veiw-body.view-page figure+div[style],.article-veiw-body.view-page figure+figure,.article-veiw-body.view-page figure+p {
 margin-top:1.25em
}
*/

#news_body_area {
 font-size:1.063rem;
}
#news_body_area .font-size15 {
 font-size:.9rem;
}
#news_body_area .font-size16 {
 font-size:1rem;
}
#news_body_area .font-size17 {
 font-size:.1.063rem;
}
#news_body_area .font-size18 {
 font-size:1.125rem;
}
#news_body_area .font-size19 {
 font-size:1.188rem;
}
#news_body_area .font-size20 {
 font-size:1.25rem;
}
/*
#news_body_area p span {font-size: 16px !important;line-height:26px !important;letter-spacing:-.05em;}
*/
#news_body_area p, div {
	 /*margin:0 0 1em;*/
	 /*font-size: 16px;*/
	 font-weight:400;
	 /*line-height:26px;*/
	 letter-spacing:-.05em;
	 color:#333;
	 text-align:justify;
	 word-break:normal;
	 word-wrap:break-word;
}
#news_body_area div[style]+div[style],.article-veiw-body.view-page div[style]+p,.article-veiw-body.view-page figure+div[style],.article-veiw-body.view-page figure+figure,.article-veiw-body.view-page figure+p {
 margin-top:1.25em
}

@media screen and (max-width:63.9375em) {
 .row .user-snb {
  padding-right:0
 }
 .row .user-snb .user-snb-wrapper {
  padding-left:0;
  padding-right:0
 }
 .row .article-veiw-body.view-page p {
  text-align:left
 }
}
@media screen and (max-width:39.9375em) {
 .row .article-veiw-body.view-page {
  font-size:1.188em
 }
 .row .article-veiw-body.view-page.font-size15 {
  font-size:1.063rem
 }
 .row .article-veiw-body.view-page.font-size16 {
  font-size:1.125rem
 }
 .row .article-veiw-body.view-page.font-size17 {
  font-size:.1.188rem
 }
 .row .article-veiw-body.view-page.font-size18 {
  font-size:1.25rem
 }
 .row .article-veiw-body.view-page.font-size19 {
  font-size:1.313rem
 }
 .row .article-veiw-body.view-page.font-size20 {
  font-size:1.375rem
 }
}
.article-veiw-body.view-page div[style*="text-align:center"] {
 text-align:center!important
}
.article-veiw-body.view-page div[style*="text-align:center"]::after {
 content:'';
 display:table;
 clear:both
}
.article-veiw-body.view-page .photo-layout {
 margin-bottom:1rem;
 text-align:center
}
.article-veiw-body.view-page .photo-layout.float-center {
 display:block!important;
 float:none!important
}
.article-veiw-body.view-page .photo-layout.float-left {
 float:left!important;
 margin-right:1.5rem
}
.article-veiw-body.view-page .photo-layout.float-right {
 float:right!important;
 margin-left:1.5rem
}
.article-veiw-body.view-page .photo-layout figcaption {
 padding:.7rem 0;
 font-size:.8rem;
 line-height:1.6em;
 letter-spacing:-.05em;
 color:#919191;
 text-align:left
}


.show-for-sr,.show-on-focus {
 position:absolute!important;
 width:1px;
 height:1px;
 overflow:hidden;
 clip:rect(0,0,0,0)
}
.show-on-focus:active,.show-on-focus:focus {
 position:static!important;
 width:auto;
 height:auto;
 overflow:visible;
 clip:auto
}

.has-tip,.title-bar-title {
 display:inline-block;
 font-weight:700
}
.has-tip {
 position:relative;
 border-bottom:1px dotted #8a8a8a;
 cursor:help
}

/************************** sr1_001 **************************/
.sr1_001 { position: relative;}
.sr1_001:after { content: ""; display: block; clear: both;}
.sr1_001 a { transition: .3s all ease;}

.sr1_001 .tit_all { position: relative; font-size: 26px; padding-bottom: 10px;}
.sr1_001 .info_wrap { position: relative; font-size: 15px; padding: 12px 0; color:#707070; line-height: 1.3; border-bottom: 1px solid #dedede; background: #fff; margin-top: -1px;}

.sr1_001 .form_box { position: relative; padding: 26px 0 16px;}
.sr1_001 .form_box:after { content: ""; display: block; clear: both;}
.sr1_001 .form_box * { font-size: 15px;}

.sr1_001 .form_box dl { position: relative; margin-bottom: 10px;}
.sr1_001 .form_box dl:after { content: ""; display: block; clear: both;}
.sr1_001 .form_box dl dt, .sr1_001 .form_box dl dd { float: left;}
.sr1_001 .form_box dl dt { width: 100px; padding-top: 8px; line-height: 1;}
.sr1_001 .form_box dl dt span, .sr1_001 .form_box dl dt label { color: #808080;}
.sr1_001 .form_box dl dd { position: relative; width: 548px; font-size: 0;}
.sr1_001 .form_box dl dd > span { position: relative; display: block; margin: 10px 0;}

.sr1_001 .i_label { left: 7px; top: 10px; color:#bbb;}
.sr1_001 .wid01 { width: 160px;}
.sr1_001 .wid02 { width: 500px;}
.sr1_001 .wid03 { width: 268px !important;}
.sr1_001 .wid04 { width: 160px !important;}

.sr1_001 .column02:after { content: ""; display: block; clear: both;}
.sr1_001 .column02 > dl { float: left; width: 50%;}
.sr1_001 .column02 > dl dd { width: 224px;}


.sr1_001 .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 42px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 19px;}
.sr1_001 .btn_blue:hover { background: #0850a5;}

.sr1_001 .mb_list li { position: relative; margin-top: 5px;}
.sr1_001 .mb_list li:first-child { margin-top: 0;}

.sr1_001 .float_list { position: relative;}
.sr1_001 .float_list:after { content: ""; display: block; clear: both;}
.sr1_001 .float_list li { position: relative; float: left;}
.sr1_001 .float_list li:before { content: ""; text-align: center; float: left; display:block; width: 16px; height: 38px; line-height: 38px;}
.sr1_001 .float_list.f_date li:before { content: "~"; width: 16px;}
.sr1_001 .float_list li:first-child:before { display: none;}
.sr1_001 .float_list li input { width: 64px;}
/*.sr1_001 .float_list.f_date li input { width: 111px; background: url(/data/skin/content/1/sr1_001//images/bg_cal.png) no-repeat right 9px;}*/

.sr1_001 .btn_center { position: relative; text-align: center; padding: 5px 0 30px 0;}

.sr1_001 .form_box dl .slt { width: 173px;}

.sr1_001 .rdo_list { padding: 4px 0 6px;}
.sr1_001 .rdo_list:after { content: ""; display: block; clear: both;}
.sr1_001 .rdo_list li { float: left; position: relative;  margin-right: 10px;}

/*20180704*/
.icon_group{width:96%;height:100%;padding-top:15%;margin:0 auto;}
.icon_group li{float:left;width:20%;height:105px;text-align:center;}

.icon_group li:first-child{position:relative;}
.icon_group li span.icon_facebook{position:absolute;background:url(../img/icon/icon_facebook.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);left:28px;}

.icon_group li:nth-child(2){position:relative;}
.icon_group li span.icon_twitter{position:absolute;background:url(../img/icon/icon_twitter.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);right:26px;}

.icon_group li:nth-child(3){position:relative;}
.icon_group li span.icon_kakaostory{position:absolute;background:url(../img/icon/icon_story.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);right:27px;}

.icon_group li:nth-child(4){position:relative;}
.icon_group li span.icon_google{position:absolute;background:url(../img/icon/icon_googleplus.png) 0 0 no-repeat;width:52px;height:52px;left:27px;transform:translateY(-120%);}

.icon_group li:nth-child(5){position:relative;}
.icon_group li span.icon_band{position:absolute;background:url(../img/icon/icon_naverband.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);right:27px;}

.icon_group li:nth-child(6){position:relative;}
.icon_group li span.icon_blog{position:absolute;background:url(../img/icon/icon_naverblog.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);left:29px;}

.icon_group li:nth-child(7){position:relative;}
.icon_group li span.icon_line{position:absolute;background:url(../img/icon/icon_line.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);left:28px;}

.icon_group li:nth-child(8){position:relative;}
.icon_group li span.icon_nateon{position:absolute;background:url(../img/icon/icon_nateon.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);right:27px;}

.icon_group li:nth-child(9){position:relative;}
.icon_group li span.icon_clog{position:absolute;background:url(../img/icon/icon_clog.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);left:27px;}

.icon_group li:last-child{position:relative;}
.icon_group li span.icon_url{position:absolute;background:url(../img/icon/icon_url.png) 0 0 no-repeat;width:52px;height:52px;transform:translateY(-120%);}

.icon_button{background-color:#fff !important;}
#simplemodal-container{background-color:#fff !important;border:1px solid #eaeaea !important;height:286px !important;}
#simplemodal-container a.modalCloseImg{width:35px !important;height:35px !important;right:11px !important;top:unset !important;}
.windowbar{content:""; position:absolute;left:-1px;top:-1px;width:626px;height:56px;background-color:#1591cb;}
.windowbar h2{color:#fff;font-size:19px;font-weight:600;text-align:center;line-height:50px;}
/* /20180704*/



/**********************************************
note : 기사리스트
**********************************************/
/* 목록 */
.article-list {display:table;width:100%;letter-spacing:-0.05em}
.article-list::after {content:'';display:table;clear:both}
.article-list .table-cell {display:table-cell;vertical-align:top}
.article-list a:hover {text-decoration:underline;}

.article-list .line-height-3-2x {font-size:14px;display: -webkit-box;max-height: 2.8em;-webkit-line-clamp: 2;line-height: 1.4em;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word;}

/* 목록리스트 - 상단 */
#admin-wrap .article-list .article-list-header {margin-bottom:20px}
.article-list .article-list-header::after {content:'';display:table;clear:both}
.article-list .article-list-header .article-list-header-title {padding:8px 0;line-height:1em}
.article-list .article-list-header .button-group .button {padding:7px}
.article-list .article-list-header .button-group .button.secondary {border:1px solid rgba(0,0,0,.08)}
.article-list .article-list-header .button-group .button.secondary:hover, .article-list .article-list-header .button-group .button.secondary:active, .article-list .article-list-header .button-group .button.secondary:focus {border-color:rgba(0,0,0,.15)}
.article-list .article-list-header .button-group .button {color: #727d92;background-color: #fff; border: 1px solid #d4d7de;
display: inline-block; vertical-align: middle; margin: 0 0 1rem; padding: .85em 1em; -webkit-appearance: none;transition: background-color .25s ease-out,color .25s ease-out;
font-size: .9rem; line-height: 1; text-align: center; cursor: pointer;}

/* 목록타입 - default */
.article-list .article-list-content {display:table;width:100%;table-layout:fixed}
.article-list .article-list-content::after {content:'';display:table;clear:both}
.article-list .article-list-content .table-row {display:table-row}
.article-list .article-list-content .table-cell {width:100%;padding:8px 0;vertical-align:middle}
.article-list .article-list-content .table-row:nth-child(5n) .table-cell {padding-bottom:25px}
.article-list .article-list-content .table-row:nth-child(5n) + .table-row .table-cell {padding-top:25px;border-top:1px solid rgba(0,0,0,.12)}
.article-list .article-list-content .list-titles {line-height:1.25em;font-size:14px;}
.article-list .article-list-content .list-dated {width:220px;font-size:13px;line-height:1em;color:rgba(0,0,0,.45);letter-spacing:-0.02em;text-align:right}
.article-list .article-list-content .list-image {overflow:hidden;float:left;position:relative;width:180px;height:120px;margin-right:20px;background-size:cover;background-position:center top;background-repeat:no-repeat}
.article-list .article-list-content .list-image:before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0}
.article-list .article-list-content .list-image img {/*display:none*/width:100%;height:145px;object-fit:cover;}
.article-list .article-list-content .list-web img{/*display:none*/width:100%;height:120px;object-fit:cover;}
.article-list .article-list-content .list-summary {font-size:.9rem;color:#333}
.article-list .article-list-content .list-summary a {color:rgba(0,0,0,.55)}
.article-list .article-list-content .list-section {color:rgba(0,0,0,.45)}
.article-list .article-list-content .list-icons {display:inline-block;margin-left:.5rem}
.article-list .article-list-content .list-icons .label {padding:.15rem .2rem;margin-left:1px}
.article-list .article-list-content .list-icons .label:first-child {margin-left:0}
.article-list .article-list-content .external-link {display:inline-block;margin-left:.5rem;font-size:.688rem;border-bottom:none}
@media \0screen {
	.article-list .article-list-content .list-image img {display:block}
}

/* 목록타입 - sm */
.article-list .article-list-content.type-sm {display:block;width:auto}
.article-list .article-list-content.type-sm .list-block {/*padding:40px 0;*/ padding:20px 0; border-top:1px solid rgba(0,0,0,.08)}
.article-list .article-list-content.type-sm .list-block:first-child {padding-top:0;border-top:none}
.article-list .article-list-content.type-sm .list-block:last-child {padding-bottom:0}
.article-list .article-list-content.type-sm .list-block::after {content:'';display:table;clear:both}
.article-list .article-list-content.type-sm .list-block .list-image {position:relative}
.article-list .article-list-content.type-sm .list-block .list-image a {display:block;position:relative;z-index:1;height:100%;background:transparent}
.article-list .article-list-content.type-sm .list-block .list-titles {display:block;font-size:1.3rem;letter-spacing:-0.08em;text-decoration:none}
.article-list .article-list-content.type-sm .list-block .list-titles a:hover {text-decoration:underline}
.article-list .article-list-content.type-sm .list-block .list-summary {margin-top:.5rem;color:#333}
.article-list .article-list-content.type-sm .list-block .list-summary a {color:#333}
.article-list .article-list-content.type-sm .list-dated {width:auto;margin-top:.625rem;text-align:inherit}
.article-list .article-list-content.type-sm .list-icons {margin-top:.5rem;margin-left:0}

/* 목록타입 - sm(관리자용) */
#admin-wrap .article-list .article-list-content.type-sm .list-block:first-child {padding-top:0;border-top:none}
#admin-wrap .article-list .article-list-content.type-sm .list-block .links {display:block;font-size:1.2rem;text-decoration:none}
#admin-wrap .article-list .article-list-content.type-sm .list-block .links:hover .list-titles {text-decoration:underline}

@media screen and (max-width: 39.9375em) {
	.row .article-list .article-list-content.type-sm .list-block {padding-top:.8rem;padding-bottom:.8rem}
	.row .article-list .article-list-content.type-sm .list-block:first-child {border-top:none}
	.row .article-list .article-list-content.type-sm .list-image {width:125px;height:82px}
	.row .article-list .article-list-content.type-sm .list-summary {display:none}
	.row .article-list .article-list-content.type-sm .list-icons {margin-top:.25rem}
}

/* 목록타입 - tm */
.article-list .article-list-content.type-tm {display:block;width:auto}
.article-list .article-list-content.type-tm .article-column {float:left;width:31%;min-height:1px;margin-right:3.5%}
.article-list .article-list-content.type-tm .article-column:nth-child(3n) {margin-right:0}
.article-list .article-list-content.type-tm .article-column:nth-child(3n+1) {clear:both}
.article-list .article-list-content.type-tm .list-block {overflow:hidden;position:relative;margin-bottom:2rem;text-align:center}
.article-list .article-list-content.type-tm .list-block .links {display:block;width:100%;min-height:210px;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}
.article-list .article-list-content.type-tm .list-block .links::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.25);left:0;right:0;top:0;bottom:0}
.article-list .article-list-content.type-tm .list-block .list-block-content {padding:.8rem}
.article-list .article-list-content.type-tm .list-block .list-block-content::after {content:'';display:table;clear:both}
.article-list .article-list-content.type-tm .list-block .list-image {float:none;position:relative;width:100%;height:145px}
.article-list .article-list-content.type-tm .list-block .list-image::after {content:'';position:absolute;z-index:2;border-top:1px solid rgba(0,0,0,.05);left:0;right:0;bottom:0}
.article-list .article-list-content.type-tm .list-block .list-image::before {visibility:hidden}
.article-list .article-list-content.type-tm .list-titles {display:block;overflow:hidden;max-height:2.8em;font-size:14px;line-height:1.4em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.article-list .article-list-content.type-tm .list-summary {margin-top:.5rem;font-size:14px;color:#888}
.article-list .article-list-content.type-tm .list-dated {overflow:hidden;width:100%;margin-top:12px;line-height:1.3em;text-align:inherit;text-overflow:ellipsis;white-space:nowrap}
.article-list .article-list-content.type-tm .list-block .links:hover .list-titles,.article-list .article-list-content.type-tm .list-block .links:hover .list-summary {text-decoration:underline}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none {text-align:left}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::before,.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::after 
{display:block;font-style:normal;font-weight:normal;line-height:1;font-size:60px;height:34px;color:rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::before {content:'\201C';}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none::after {content:'\201D';text-align:right}
.article-list .article-list-content.type-tm .list-block .list-block-content.image-none .list-titles {font-size:18px;font-weight:700}
.article-list .article-list-content.type-tm .list-block .links:hover {background:#727d92;color:#fefefe}
.article-list .article-list-content.type-tm .list-block .links:hover .list-summary {color:rgba(255,255,255,.65)}


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

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

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

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

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

.tit_set.ts05 { position: relative; padding: 2px 0 0;}
.tit_set.ts05 h2 a { background: #fff; z-index: 2; position: relative; padding-right: 10px;line-height:34px}
.tit_set.ts05 h2:before { position: absolute; left: 0; top: 18px; width: 100%; content: ""; display: block; height: 2px; background: #0c5ba7; z-index: 1;}
.tit_set.ts05 .btn_art_more { right: 0; top: 11px; background-color: #fff; z-index: 2;}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tit_set.ts18 { position: relative; border-bottom: 1px solid #0c5ba7;}
.tit_set.ts18 > div { margin-bottom: -1px; overflow: hidden;}
.tit_set.ts18 h2 { color: #fff !important;}
.tit_set.ts18 h2 a, .tit_set.ts18 h2 a * { color: #fff !important;}
.tit_set.ts18 h2 a { position: relative; display: inline-block; padding: 3px 10px 6px 11px; height: 23px; background-color: #0c5ba7; z-index: 1;}
.tit_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 #0c5ba7;}
.tit_set.ts18 .btn_art_more { right: 0; top: 5px;}

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

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

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

.tit_set.ts21 { position: relative; padding: 2px 0 0;}
.tit_set.ts21 h2 { text-align: center; margin-right: 0;}
.tit_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;}
.tit_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;}
.tit_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;}
.tit_set.ts21 .btn_art_more { right: 0; top: 7px; background-color: #fff; z-index: 2;}
.tit_set.ts21 h2:hover > a { color: #000;}
.tit_set.ts21 h2:hover:before { border-color: #000;}
.tit_set.ts21 h2:hover:after { border-color: #000;}

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

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

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

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

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

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

.tit_set h2 a > * { color: #0c5ba7 !important;}


.weather_box * { text-align: right; }





/* 회사소개 CSS추가 2022-02-15 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

.intro01_title { text-align: center; }
.intro01_title .png24 { margin-bottom:1.5em; }
.intro01_title > h3 { letter-spacing:-3px; font-size: 26px; color: #7aa924; }
.intro01_title p.regi_num > b { width: 200px; font-size: 16px; background: #7f8c68; color: #fff; padding:7px 10px; border-radius:20px;
	display: block; margin: 0 auto; margin-top: 10px; }

.intro01_txt { font-size:16px; }
.intro01_txt span.cursive { font-family: 'Nanum Pen Script', cursive; font-size:40px; margin:60px 0 30px; display:block; }
.cont01 .intro_name { margin-top:2em; }
.cont01 .intro_name .autograph { margin-top:10px; display:block; font-size:20px; font-weight:bold; letter-spacing:-3px; }
.cont01 .intro_name .autograph > b { font-size:25px; }

.company_wrap {}
.cont01_wrap .subtitle { font-size: 25px; text-align: center; border-bottom: 1px solid #363636; font-weight: normal; line-height: 1;
    padding-bottom: 15px; letter-spacing: -0.15em; margin-bottom: 35px; }

.cont01 { margin-top:3em; border-top:1px solid #ccc; padding:3em 0; font-size:16px; }
.cont01_wrap > div.company01-1{ border:none; }

.cont01.company01-2 > h3 ,
.cont01.company01-3 > h3  { width: fit-content; font-size:23px; margin-bottom:1em; letter-spacing:-3px; padding:5px 20px; background-color:#7f8c68; color:white; border-radius:20px; }

/*.cont01.company01-2 .intro_name,
.cont01.company01-3 .intro_name { text-align:right; }*/

.gray_con_box { margin-top:2em; background-color:#fff; position:relative; }
.gray_con_box dl { overflow:hidden; }
.gray_con_box dl dt { width:20%; height:100%; position: absolute; float:left; padding:2em; box-sizing: border-box; text-align:center;
	background-color:#f9f9f9; vertical-align: middle; display: grid; align-content: space-evenly; color: #7aa924; font-weight:bold;
	font-size:23px; border-radius:15px; box-shadow: inset 0 0 20px #ddd; }
.gray_con_box dl dd { width:79%; float:right; padding:2em; box-sizing: border-box; border-radius:15px; border:3px solid #ddd;
	font-size:14px; line-height:2; }

/* 20220408부터 추가 */
.blind {  position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);margin: -1px;overflow: hidden;}
.writer-box {border-top:1px solid #efefef;border-bottom:1px solid #dedede;height:78px;padding-top:15px;}
.writer-box li {float:left;padding:0 5px;line-height:60px;}
.writer-box li:last-child{float:right;padding:0;}
.writer-box li.writer-img span{display:inline-block;}
.writer-box li.writer-img span img{width:60px;height:60px;border-radius:30px;overflow:hidden;}
/*donate */
.support-box{width:100%; /*margin:10px auto;*/ padding:10px; border:1px solid #ddd; border-radius:10px; font-weight:600; font-family:'Malgun Gothic',Dotum; box-sizing:border-box; margin-top:20px; margin-bottom:20px; }
.support-box .spt-title{position:relative;margin-bottom:10px; text-align:center; font-size:24px; color:#c13a42;  font-weight:600;letter-spacing:-1px; }
.support-box .spt-li{margin-bottom:5px; padding:13px 20px; background:#eee; border-radius:5px;text-align:center;}
.support-box .spt-li:hover{background:#3B5999}
.support-box .spt-li:hover a{color:#fff; text-decoration:none}
.support-box .spt-li a{display:block; font-size:15px; color:#333; font-weight:600}
.support-box p{margin:0 auto;font-size:14px;width:150px;background-color:#555;color:#fff;margin-top:3px;}
.support-box .spt-btn{display:block; margin-top:20px; padding:15px 0; width:100%; font-size:17px; font-weight:600; color:#fff; text-align:center; border:0; border-radius:3px; background:#1EB339; text-decoration:none}
.demo-text {width:100%;margin-top:20px;margin-bottom:10px;font-size:12px;color:#e82626 !important;text-align:right;line-height:15px;display:inline-block;}

/* member skin */
.mb-img {margin:30px 0 10px;float:left}

a.btn{display:inline-block;height:30px;line-height:30px;border:0;;border-radius:5px;padding:0 10px;font-weight:bold;font-size:1.09em;;vertical-align:middle}
.btn_02,a.btn_02{background:#9eacc6;color:#fff;}

/* board view */
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

.terms_con .terms_wrap .terms_box {height: 200px;padding:20px;}

/* 지면구독신청 추가 20220602 */
.paper_wrap > h1 { font-size: 25px;text-align: center;border-bottom: 1px solid #363636;font-weight: normal;line-height: 1;padding-bottom: 15px;letter-spacing: -0.15em;margin-bottom: 35px;}
.paper_wrap .agree_box { position: relative; margin-bottom: 40px; }
.paper_wrap .agree_box > textarea.agreetext {width:calc(100% - 40px);padding:20px;height:100px ;text-align:left;margin-bottom:10px;}
.paper_wrap .agree_box h2{margin:10px 0;font-size:20px;font-weight:normal;font-weight:bold;}
.paper_wrap .form_box { position: relative; margin-bottom: 20px; }
.paper_wrap .form_box:after { content: ""; display: block; clear: both;}
.paper_wrap .form_box > p { position: absolute; right: 0; top: -30px; color: #222; font-size: 12px;}
.paper_wrap .form_box > p b { font-size: 17px; vertical-align: middle; color: #d4253e;}
.paper_wrap .form_box dl { position: relative;  padding-left: 150px;}
.paper_wrap .form_box dl:after { content: ""; display: block; clear: both;}
.paper_wrap .form_box dl:first-child { border-top: 0;}
.paper_wrap .form_box dl dt { position: absolute; left: 0; top: 0; width: 120px; padding: 12px 0 0 20px; font-size: 14px;}
.paper_wrap .form_box dl dt span, .paper_wrap .form_box dl dt label { color: #222; font-weight: bold; font-size: 14px;}
.paper_wrap .form_box dl dd { position: relative; margin: 10px 0; min-height: 38px; padding-right: 25px;line-height: 38px; }
.paper_wrap .form_box dl dd .chk_wrap { position: relative; display: block; top: 8px;}
.paper_wrap .require:after { position: absolute; left: 10px; top: 13px; content:"*"; font-size: 17px; color: #d4253e;}
.paper_wrap .wid01 { width: 300px;}
.paper_wrap .wid02 { width: 300px;}
.paper_wrap .wid03 { width: 64px;}
.paper_wrap input { vertical-align: middle;}
.paper_wrap .btn_blue { display: inline-block; padding: 13px 35px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: .3s all; font-weight: bold;}
.paper_wrap .btn_bic { padding: 14px 35px 17px; font-size: 17px !important; line-height: 1; font-weight: bold; border-radius: 0; border: 0;}
.paper_wrap .btn_center{text-align:center}
.paper_wrap .form_box fieldset legend {position: static; text-align: center;visibility: visible;font-weight: bold;font-size: 18px;margin:20px 0;}
.paper_wrap .btn {display: inline-block;padding: 0 20px;height: 38px;font-size: 14px;border-radius: 3px;vertical-align: middle;margin:0;background-color: #808080;color:#fff}
.paper_wrap .form_box select {bordeR: 1px solid #dedede;padding: 7px 6px 7px;width: 100px;margin-right: 7px;}
.paper_wrap .form_box dd strong.msg_sound_only {display:block;color:#808080;}


/*중간영역배너들*/
.centerBanner { width:1335px; margin:0 auto; margin-top:3em; }
.centerBanner img { max-width:1335px; }
.centerBanner .bigBanner { border:1px solid #ddd; }
.centerBanner .smallBanner, .smallBanner{ display:flex; justify-content:space-between; margin-top:1.5em; margin-bottom:3em; }
.centerBanner .smallBanner li, .smallBanner li { width:24%; border:1px solid #ddd;height:80px;overflow:hidden; }
.centerBanner .smallBanner li img, .smallBanner li img { max-width:100%; }

/* 중간영역 하단배너가 고정인 경우 추가 20220617 */
.centerBanner > .smallBanner, .smallBanner {display: block;justify-content: unset;}
.centerBanner > .smallBanner li, .smallBanner li {display:inline-block;width:316px;height:80px;margin-bottom:10px;}
.centerBanner > .smallBanner li:nth-child(4n+1), .smallBanner li:nth-child(4n+1) {margin-left:0;}

/* 하단 슬라이드 배너 */
#main_bottom {margin: 0 auto;width: 1335px;max-width: 1335px;margin-bottom:20px}
#main_bottom .ba_img {margin-left:-9px}

/*2022-07-05 게시판 추천,비추천 */
#good_bad_section{width: 100%; height: 200px; }
#good_bad_section #good_bad_inner{width: 20%; height: 100%; margin: 0 auto;}
.com_good_bad{position: relative; float: left; width: calc(100% / 2); height: 100%}
.com_good_bad .button_good_bad{display: block; width: 82px; height: 82px; margin: 4em auto; text-align: center; text-indent: -9999em;}
.com_good_bad .good_bad_number{position: absolute; left: 49%; top: 60%; font-weight: bold; transform: translate(-50%, -50%);}
.com_good_bad .good_number{color: #f75747}
.com_good_bad .bad_number{color: #1877f2}
.com_good_bad .button_recom_good{;background: url(/theme/wide04/img/btn_recom01.png)  no-repeat 0 0; }
.com_good_bad .button_recom_bad{ background: url(/theme/wide04/img/btn_recom02_0.png)  no-repeat 0 0; }
.com_good_bad .button_good_bad:hover { background-position: 0 -82px;}
.com_good_bad .button_good_bad.on { background-position: 0 -82px;}
.com_good_bad .button_good_bad.on:hover { background-position: -82px -82px;}

/* 커뮤니티 웹진 20220725*/
.gall_li {margin:5px 0}
.gall_box .subj {font-size: 16px;font-weight:bold;padding-left:10px;}
.gall_box .ffd {padding-left:10px;color: #808080;}
.gall_box .img {display:block;float:left;}
.gall_box .img img {object-fit:cover;}

/* 포토뉴스/검색결과 헤딩 추가 */
#photo_news > .path_wrap > h1 {font-size: 26px; font-weight: bold; padding-bottom: 17px; line-height: 1.2; border-bottom: 1px solid #dedede;}
#photo_news .ara_003 .art_list_all > li > div h2 { font-size: 15px; font-weight: normal; line-height: 1.3; height: auto !important; max-height: 42px; margin: 0 0 5px; color: #222;}
#search_result  > .path_wrap > h1 {font-size: 26px; font-weight: bold; padding-bottom: 17px; line-height: 1.2; border-bottom: 1px solid #dedede;}