@charset "utf-8";

/*
  서브 아카이브
*/



.cs_banner_wrap {height:262px; width:100%; overflow:hidden;}
.cs_banner_wrap figure {margin:0; position:relative; width:100%;}
.cs_banner_wrap figure .img {overflow:hidden;}
.cs_banner_wrap figure .img img{width:100%;}
.cs_banner_wrap figcaption {position:absolute; top: 0; text-align:center; width:100%;}

.ac_list3>li {width:380px; margin-right:30px; height:280px; float:left;}
.ac_list3>li:last-child {margin-right:0;}
.ac_notice>li {border-bottom:1px solid #e5e5e5;}
.ac_notice>li:first-child a{border-top:1px solid #000;}
.ac_notice>li a {padding: 18px 0; height:59px;color:#333;}
.ac_notice>li a:hover{color:#243dbb;}
.ac_service_center {height: 240px;border-top:1px solid #000; border-bottom:1px solid #e5e5e5;padding-left:15px;}
.ac_help_guide>li {height:74px; margin-bottom:9px;}
.ac_help_guide>li:last-child {margin-bottom:0;}
.ac_help_guide>li a{position:relative;color:#333; font-weight:500; font-size:1.25rem;border:1px solid #999; padding: 20px 0 20px 50px; display: block; width:100%; height: 100%;}
.ac_help_guide>li:nth-child(1) a::after {content:"";position:absolute; right:40px; top:10px;width:56px;height:52px;background: url(../images/ac/img_ac_001.png) 0 0 no-repeat;}
.ac_help_guide>li:nth-child(2) a::after {content:"";position:absolute; right:40px; top:10px;width:56px;height:52px;background: url(../images/ac/img_ac_001.png) -56px 0 no-repeat;}
.ac_help_guide>li:nth-child(3) a::after {content:"";position:absolute; right:40px; top:10px;width:56px;height:52px;background: url(../images/ac/img_ac_001.png) -112px 0 no-repeat;}

/* 검색 + 카테고리 + 등록 */
.search_box_area {position: relative;}

/* 검색 */
.search_box_area .search_box {position: relative;width: 460px;padding-right:50px;border: 1px solid #ddd;background:#fff; margin-left:80px;}
.search_box_area .search_box input[type=text] {width: 100%;border: none;}
.search_box_area .search_box .btn_search {position: absolute;top:-1px;right:0;width:45px;background: #0A4889;height:41px;}
.search_box_area .search_box .btn_search:after {position: absolute;display: block;top:10px;left:8px;width:20px;height: 20px;background: url(../images/bg_sprite.png) -170px -279px no-repeat;content: "";}


/* 카테고리 */
.search_box_area .category_area {position: absolute;top:0;left:0;width:200px;height:50px;}
.search_box_area .category_area .btn_category {position: relative;display: block;top:16px;left:10px;width:147px;height:34px;padding:4px 0 0 42px;color: #000;z-index:11;}
.search_box_area .category_area .btn_category:after {position: absolute;top:10px;left:7px;width:20px;height:14px;background: url(../images/bg_sprite.png) -60px -240px no-repeat;content: "";}
.search_box_area .category_area .category_list_all {position: absolute;display: none;top:0;left:0;width:200px;max-width:200px;padding:62px 24px 20px;border: 1px solid #999;background-color: #fff;z-index:10;
}
.search_box_area .category_area .category_list_all>li>a {display: block;font-size: 0.875rem;color: #333;}
.search_box_area .category_area .category_list_all>li>a+ul {margin-top: 2px;}
.search_box_area .category_area .category_list_all>li>a+ul:after {display: block;clear: both;content: "";}
.search_box_area .category_area .category_list_all>li>a+ul>li {float: left;margin-right: 10px;}
.search_box_area .category_area .category_list_all>li>a+ul>li>a {font-size: 0.75rem;color: #999;}
.search_box_area .category_area .category_list_all>li+li {margin-top: 8px;}

/* 콘텐츠등록버튼 */
.btn_reg_content {position: absolute;top:22px;right:38px;}
.btn_reg_content:after {display: inline-block;width: 15px;height: 17px;margin-left: 12px;background: url(../images/bg_sprite.png) -60px -220px no-repeat;vertical-align: -2px;content: "";}

/* theme */
.tab_navi3_wrap {display: table;width:100%;margin-top: 60px;}
.tab_navi3_wrap {display: table;width: 100%;}
.tab_navi3_wrap .tab_navi3 {display: table-cell;text-align: center;vertical-align: middle;}
.tab_navi3_wrap .tab_navi3 li {display: inline-block;margin:0 0 10px 10px;vertical-align: top;}
.tab_navi3_wrap .tab_navi3 li a {display: block;padding:7px 34px 9px;border-radius: 20px;background-color: #4fa9dc;color: #fff;white-space: nowrap;}

/* list */
.list_item {background-color: #fff;}
.list_item a {display: block;height:100%;}
.list_item .thumb {overflow: hidden;}
.list_item .video .thumb {position: relative;}
.list_item .video .thumb:before {position: absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(0,0,0,.5);content:"";z-index:2;}
.list_item .video .thumb:after {position: absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;background: url(../images/bg_sprite.png) -154px -185px no-repeat;content:"";z-index:3;}
.list_item .thumb img {display: block;width: 100%;height:140px;}
.list_item dl {padding:14px 20px 18px;}
.list_item dl dt {font-weight: 700;color: #333;}
.list_item dl dd {margin-top: 5px;font-size:0.875rem;line-height: 1.714em;color: #777;}
.list_item dl dd.ellipsis_multi2 {height:25px;}
.list_item dl dd.ellipsis_multi3 {height:45px;}
.list_item .like {position: relative;height: 25px;margin:0 30px;padding-left: 36px;line-height: 25px; font-size:17px ;color: #666;}
.list_item .like i {position: absolute;display:block;top:0;left:0;width:25px;height:25px;border-radius: 12px;background-color: #cacaca;}
.list_item .like i:before {display:block;width:13px;height:12px;margin:6px 0 0 6px;border-radius: 12px;background:url(../images/bg_sprite.png) -28px -104px no-repeat;content:"";}
.list_item .view {position: relative;height: 25px;margin:0 30px;padding-left: 36px;line-height: 25px; font-size:17px ;color: #666;}
.list_item .view i {position: absolute;display:block;top:0;left:0;width:25px;height:25px;border-radius: 12px;background-color: #cacaca;}
.list_item .view i:before {display:block;width:13px;height:12px;margin:6px 0 0 6px;border-radius: 12px;background:url(../images/bg_sprite.png) -28px -104px no-repeat;content:"";}

.list_item a:hover {text-decoration: none !important;}
.list_item a:hover dt,
.list_item a:hover dd {text-decoration: underline;}
.archive_title{margin-top:20px; font-size:24px; font-weight:700;font-family:"NanumSquare",sans-serif;}

.ac_list {border-top:1px solid #555; padding-top:15px; width: 120%;}
.ac_list:after {display: block;clear: both;content: "";}
.ac_list li {float: left;margin-right: 23px;margin-top: 60px !important; border:solid 1px #c9c9c9;}
/* .ac_list li:not(.arcv) :nth-child(4n+1) {margin-left: 0;} */
.ac_list li:nth-child(-n+4) {margin-top: 0;}
.ac_list li.nodata {float: none;padding:50px 0;text-align: center;font-size: 2rem;}
.ac_list .title p {width:285px;height:360px;padding:53px 0 0 35px;background: url(../images/ac/bg_ac_list_title.png) 0 0 no-repeat;font-weight: 500;font-size: 2.25rem;color: #fff;}
.ac_list .title.category p {background-position: -300px 0;}
.ac_list .title.theme p {background-position: -600px 0;}
.ac_list .title.pick p {background-position: -900px 0;}
.ac_list li .list_item {width:200px; height:280px;}

.ac_big_list .list_item {width:682px; position: relative; border:1px solid #999; background-color: #fff;height: 511px;}
.ac_big_list .list_item .thumb {width:680px;height:384px;}
.ac_big_list .list_item .thumb img{max-height:none;margin-top:-63px;}
.ac_list_vertical li {margin-bottom: 20px;}
.ac_list_vertical li:last-child {margin-bottom: 0;}
.ac_list_vertical .list_item {width:100%; position: relative; border:1px solid #999;height:157px;}
.ac_list_vertical .list_item a {display: block;padding-left:280px;}
.ac_list_vertical .list_item .thumb {position: absolute; top:0; left:0; width:280px;height:155px;}
.ac_list_vertical .list_item .thumb img {max-width:280px;max-height:155px;}

/* 상세화면 타이틀 */
.title_area {position: relative;padding-right: 200px;border-bottom: 1px solid rgba(0,0,0,.1);}
.title_area .title {padding:25px 0 5px;font-weight: 700;font-size: 1.5rem;font-family:"NanumSquare","맑은 고딕","Malgun Gothic","애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",sans-serif;}
.title_area .etc {position: absolute;top:37px;right:30px;font-size: 0.8125rem;color: #999;}
.title_area .etc span {display: inline-block;}
.title_area .etc span.name {position: relative;margin-left: 35px;}
.title_area .etc span.name:before {position: absolute;top:2px;left:-18px;width:11px;height:16px;background: url(../images/bg_sprite.png) -92px -240px no-repeat;content: "";}

.filedown_area {padding:14px 0 0 30px;}


/* 상세화면 slider */
.photo_summary{border-bottom:solid 1px #f1f1f1;}
.photo_area {float: left;width:350px;height: 400px; text-align:center;}
.photo_area img{box-shadow:rgba(0, 0, 0, 0.2) 4px 4px 6px 2px;}
.photo_slider_area {float: left;width:530px;height: 350px;}
.photo_slider_area .slickslide,
.slickslide .slick-slide {overflow: hidden;width:530px;height: 350px;margin-bottom: 0;}
.slickslide .slick-slide img {width:100%;max-width:530px;max-height:100%;}
.slickslide .slick-dots li,
.slickslide .slick-dots li button:before {width: 100px;height:100px;margin:0;padding:0;}
.slickslide .slick-dots li {margin: 5px; border:1px solid #ccc; display:inline-block; width:auto;height:auto;}
.slickslide .slick-slider .slick-track {min-width:100%;width:530px;}
.slickslide .slick-dots {bottom:-88px;background: url(../images/ac/bg_slider_thumb.gif) 0 0 repeat-x;text-align: left;}
.slickslide .slick-dots li {display: inline-block;width: 106px;height: 78px;margin: 0;border: none;vertical-align: top;}
.slickslide .slick-dots li+li {margin-left: 3px;}
.slickslide .slick-dots li a {width:106px;height:78px;margin:0;padding:0;}
.slickslide .slick-dots li a.tab { clear:both;display:block;}
.slickslide .slick-dots li a img { width:102px; max-width:102px; height:78px;}
.slickslide .slick-dots li a:before {content:'';}
.photo_slider_area .slick-track {margin: 0;}
.photo_slider_area .slick-thumbs {overflow: hidden;height:78px;margin-top: 10px;}
.photo_slider_area .slick-thumbs .slick-slide {overflow: hidden;width:102px !important;height:78px !important;}
.photo_slider_area .slick-thumbs .slick-slide+.slick-slide {margin-left:3px;}
.photo_slider_area .slick-thumbs div > img,
.photo_slider_area .slick-thumbs .slick-slide img {width:102px;max-width:102px;height:78px;opacity:0.5;}
.photo_slider_area .slick-thumbs .slick-slide.is-active img {opacity: 1;}
.photo_slider_area .slick-thumbs .slick-arrow {left:5px;background-color: rgba(0,0,0,.5);}
.photo_slider_area .slick-thumbs .slick-arrow:hover {background-color: rgba(0,0,0,.7);}
.photo_slider_area .slick-thumbs .slick-next {left:auto;right:5px;}
.photo_slider_area .slick-thumbs .slick-prev:before {margin:0 auto;width:13px;height:24px;background-position: -165px -155px;}
.photo_slider_area .slick-thumbs .slick-next:before {margin:0 auto;width:13px;height:24px;background-position: -185px -155px;}

.summary_area {float:left;width:316px;height:100%;padding:18px 10px;background-color: #f2f2f3;margin-left:23px;}
.summary_area .summary:after {display: block;clear: both;content: "";}
.summary_area .summary dt {float: left;width: 104px;padding:8px 0 8px;color: #666;}
.summary_area .summary dd {overflow: hidden;min-height:40px;margin-left: 104px;padding:8px 0 8px;color: #333;text-overflow:ellipsis;white-space:nowrap;}
.summary_area .summary dd.detail {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.5rem;line-height: 1.5rem;word-wrap:break-word;white-space:normal;}
.contents_area {margin-top: 126px;padding:0 102px;line-height: 1.875rem;color: #666;text-align: left;}
.summary_area table{position: relative;margin:0 0 0 6px;}
.summary_area table tr{border-bottom:solid 1px #fff;}
.summary_area table th{text-align:left;}
.summary_area table td{padding:7px 3px;}
.summary_area table th:before{content: '';position: absolute;width: 4px;height: 4px;margin: 8px 0px 0 -8px;vertical-align: middle; border-right: 1px solid #565656;border-top: 1px solid #565656;transform: rotate(45deg);}
.lvu_area {margin-top: 24px;padding: 0 102px;text-align: center;border-top:solid 1px #f1f1f1; padding-top:30px;}
.lvu_area .like {display: inline-block;}
.lvu_area .view {display: inline-block;}
.lvu_area .url {display: inline-block;}
.lvu_area dl {vertical-align: top;}
.lvu_area dl+dl {margin-left: 80px;}
.lvu_area dl:after {display: block;clear: both;content: "";}
.lvu_area dl dt {float: left;padding-top: 15px;font-size: 0.875rem;color: #666;}
.lvu_area dl dd {float: left;margin-left: 14px;font-size: 1.375rem;color: #243dbb;}

.tag_area {margin:64px 0 70px;padding: 0 102px;text-align: center;}
.tag_area .tag_item {position: relative;display: inline-block;}
.tag_area .tag_item+.tag_item {margin-left: 8px;}
.tag_area .tag_item:before {content: "#";}
.tag_area .tag_item:after {position: absolute;right:0;bottom:0;left:0;height:13px;background-color: rgba(42,77,223,.1);content: "";}

/* 콘텐츠등록 */
.ac_cr {padding: 50px 0px 80px;}
.cont_caution {margin-top: 32px;color: #999;}
.cont_caution p {padding-left: 10px;}
.cont_caution p+p {margin-top: 12px;}
.cont_caution p span.num {display: inline-block;width:10px;margin-left: -10px;}

/* accessibility */
#accessibility a{color:#555;}
#accessibility a + a:before {background-color: #999;}
.submain #accessibility a{color:#fff;}
.submain #accessibility a + a:before {background-color: #fff;}