@charset "utf-8";
/*-------------------------------------------------------------------
	분류그룹 : 메인 컨텐츠
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @컨텐츠 공통
-------------------------------------------------------------------*/
/* sub - 타이틀 영역 */
.content-head .tit-area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-top:12rem; padding-bottom:8rem}
.content-head .tit-area .cont-tit {margin-top:-0.2rem; font-size:6rem; font-weight:bold; color:#222; line-height:1}
.content-head .tit-area .sub-txt {margin-top:2rem; margin-bottom:-0.6rem; font-size:2rem; font-weight:300; color:#666; font-style:normal}

/* sub - 타이틀 BG */
.haw02-content,
.haw03-content,
.haw04-content {position:relative; overflow:hidden}
.haw02-content::before,
.haw03-content::before,
.haw04-content::before {content:''; display:black; position:absolute; left:0; top:0; z-index:1; height:55rem; width:100%; background-color:#f0f0f0}
.haw02-content .content-head,.haw02-content .content-body,
.haw03-content .content-head,.haw03-content .content-body,
.haw04-content .content-head,.haw04-content .content-body {position:relative; z-index:10}

/* sub - 검색 타이틀 영역 */
.content-head.content-sch {background-color:#f7f7f7; border-bottom:1px solid #efefef}
.content-head.content-sch + .content-body {margin-top:11.2rem}
.content-head.content-sch .in-sec {display:-webkit-box;display:-ms-flexbox;display:flex; height:30.5rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.content-head.content-sch .cont-tit {font-size:4.2rem; font-weight:700; color:#222}
.content-head.content-sch .form-controls {width:75.8rem; margin-top:3.5rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column}
.content-head.content-sch .form-controls.type-sch .inp-sch {width:100%}
.content-head.content-sch .form-controls.type-sch .inp-sch input {background-color:transparent}
.content-head.content-sch .result-txt {margin:3.5rem 0 0 0; font-size:2.2rem; font-weight:300; color:#222}
.content-head.content-sch .result-txt em {font-weight:700; color:#ad2a2e; font-style:normal}

.content-body.has-visual {position:relative; padding-top:4.5rem}
.content-body.has-visual .sub-visual {position:absolute; left:0; top:0;; z-index:9; width:100%; height:39.6rem; overflow: hidden}
.content-body.has-visual .sub-visual::before {position:absolute; left:0; top:0;; z-index:10; width:100%; height:100%; background:rgba(0, 0, 0, 0.25); content:''}
.content-body.has-visual .sub-visual svg {position: absolute; top: 50%; left: 50%; min-width: 980px; transform: translate(-50%, -50%); width:104%}
.content-body.has-visual .sub-visual svg image {filter:url(#blur)}
.content-body.has-visual.visual01 .sub-visual {background:url('../img/content/visual_01.jpg') no-repeat center center / 100% 100%}
.content-body.has-visual.visual02 .sub-visual {background:url('../img/content/visual_02.jpg') no-repeat center center / 100% 100%}
.content-body.has-visual.visual03 .sub-visual {background:url('../img/content/visual_03.jpg') no-repeat center center / 100% 100%}
.content-body.has-visual .in-sec {position:relative; z-index:10}

.privacyrule-contents > p {margin:0 0 4rem 0; color:#666; font-size:1.6rem}
.privacyrule-contents > dl {padding:4rem 0; border-bottom:1px solid #eaeaea}
.privacyrule-contents > dl > dt {margin:0 0 2rem 0; font-weight:800; color:#333; font-size:2rem}
.privacyrule-contents > dl dd > ul {clear:both; overflow:hidden}
.privacyrule-contents > dl dd > ul > li {margin:1.8rem 0 0 0; font-size:1.6rem; color:#666; line-height:2.8rem}
.privacyrule-contents > dl dd > ul > li:first-child {margin-top:0}
.privacyrule-contents > dl dd > ul > li > p {font-size:1.6rem; color:#666}
.privacyrule-contents > dl dd > ul > li > strong {display:block; margin-bottom:1rem; color:#666; font-weight:700; line-height:2.4rem}
.privacyrule-contents > dl dd > ul > li > strong + p {margin-top:-1rem}
.privacyrule-contents > dl dd > ul > li:last-child strong {margin-bottom:0}
.privacyrule-contents > dl dd > ul > li ul {clear:both; overflow:hidden; padding:3rem 0; background:#fafafa}
.privacyrule-contents > dl dd > ul > li ul li {float:left; min-height:10rem; padding:0.5rem 7rem 0.5rem 7rem; border-left:1px solid #ddd}
.privacyrule-contents > dl dd > ul > li ul li:first-child {border-left:0}
.privacyrule-contents > dl dd > ul > li ul li:nth-child(2) {width:55rem; padding-right:0}
.privacyrule-contents > dl dd > ul > li ul li:last-child {float:none; width:auto; overflow:hidden; padding-right:0}
.privacyrule-contents > dl dd > ul > li ul li:last-child p {min-width:22.5rem}
.privacyrule-contents > dl dd > ul > li ul li dt {margin:0 0 1rem 0; font-weight:800; font-size:1.6rem; color:#666}
.privacyrule-contents > dl dd > ul > li ul li dd p {float:left; min-width:18rem; font-size:1.6rem; color:#666; line-height:3rem}
.privacyrule-contents > dl dd > ul > li ul li dd p:nth-child(2n) {margin-right:0}
.privacyrule-contents > dl dd > ul > li ul li:first-child dd p {float:none}
.privacyrule-contents > dl dd > ul > li ul li:first-child dd p:nth-child(2n){margin-right:0}
.privacyrule-contents > dl dd > ul > li a {color:#666; font-size:1.6rem; text-decoration:underline}
.privacyrule-contents > dl dd > ul > li .txt-red {color:#ad2a2e}
.privacyrule-contents > dl:last-child {padding-bottom:0; border-bottom:0}
.privacyrule-contents > dl dd table {width:100%; margin-top:2rem}
.privacyrule-contents > dl dd table thead th {padding:1rem 0; text-align:center; background:#f5f5f5; border-left:1px solid #ccc; border-top:2px solid #999; border-bottom:1px solid #999; font-size:1.6rem; font-weight:800; color:#666}
.privacyrule-contents > dl dd table thead th:first-child {border-left:0}
.privacyrule-contents > dl dd table tbody td {padding:1rem 0; text-align:center; background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #999; font-size:1.6rem; font-weight:400; color:#666}
.privacyrule-contents > dl dd table tbody td:first-child {border-left:0}

.privacyrule-contents > dl dd > ul > li ul li.half{width:50%}

/* MO 반응형 */
@media (max-width:1023px) {
    /* sub - 타이틀 영역 */
    .content-head .tit-area {height:auto; padding:4rem 0 2.6rem}
    .content-head .tit-area .cont-tit {font-size:2.8rem}
    .content-head .tit-area .sub-txt {margin-top:1rem; font-size:1.4rem}
    .haw02-content::before,
    .haw03-content::before,
    .haw04-content::before {height:30rem}
    
    /* sub - 검색 타이틀 영역 */
    .content-head.content-sch + .content-body {margin-top:3.4rem}
    .content-head.content-sch .in-sec {height:auto; padding-top:3rem; padding-bottom:3rem}
    .content-head.content-sch .cont-tit {font-size:2.7rem}
    .content-head.content-sch .result-txt {margin-top:2.4rem; font-size:1.5rem}
    .content-head.content-sch .form-controls {width:100%; margin-top:1.4rem}
    .content-head.content-sch .form-controls.type-sch .inp-sch input {width:100%}

    .content-body.has-visual {padding-top:1.8rem}
    .content-body.has-visual .sub-visual {height:21rem}
    .content-body.has-visual.visual01 .sub-visual {background:url('../img/content/m_visual_01.jpg') no-repeat 0 0 / 100% 100%}
    .content-body.has-visual.visual02 .sub-visual {background:url('../img/content/m_visual_02.jpg') no-repeat 0 0 / 100% 100%}
    .content-body.has-visual.visual03 .sub-visual {background:url('../img/content/m_visual_03.jpg') no-repeat 0 0 / 100% 100%}

	.privacyrule-contents > p {margin:0 0 3rem 0; font-size:1.5rem}
	.privacyrule-contents > dl {padding:3rem 0}
	.privacyrule-contents > dl > dt {margin:0 0 1.5rem 0; font-size:1.8rem}
	.privacyrule-contents > dl dd > ul > li {margin:1.5rem 0 0 0; font-size:1.5rem; line-height:2.5rem}
	.privacyrule-contents > dl dd > ul > li > p {font-size:1.5rem}
	.privacyrule-contents > dl dd > ul > li > strong {line-height:2.1rem}
	.privacyrule-contents > dl dd > ul > li:last-child strong {margin-bottom:0}
	.privacyrule-contents > dl dd > ul > li ul {padding:2rem 1.5rem}
	.privacyrule-contents > dl dd > ul > li ul li {float:none; min-height:5rem; padding:1.5rem 0 1.5rem 0; border-left:0; border-top:1px solid #ddd}
	.privacyrule-contents > dl dd > ul > li ul li:first-child {border-left:0; border-top:0}
	.privacyrule-contents > dl dd > ul > li ul li:nth-child(2) {width:100%; padding-right:0}
	.privacyrule-contents > dl dd > ul > li ul li:last-child {float:none; width:auto; overflow:hidden; padding-right:0; padding-bottom:0}
	.privacyrule-contents > dl dd > ul > li ul li:last-child p {min-width:100%}
	.privacyrule-contents > dl dd > ul > li ul li dt {margin:0 0 1rem 0; font-size:1.5rem}
	.privacyrule-contents > dl dd > ul > li ul li dd p {float:none; min-width:100; font-size:1.5rem; line-height:2.5rem}
	.privacyrule-contents > dl dd > ul > li a {font-size:1.5rem}
	.privacyrule-contents > dl dd table { argin-top:1.5rem}
	.privacyrule-contents > dl dd table thead th {padding:1rem 0; font-size:1.5rem}
	.privacyrule-contents > dl dd table tbody td {padding:1rem 0; font-size:1.5rem}

}

/* MO Only */
@media (max-width:420px) { 

}

/* MO Xtra Samll */
@media (max-width:360px) { 

}

/*-------------------------------------------------------------------
    @Board
-------------------------------------------------------------------*/
/* board 레이아웃 */
.board-head {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end} /* 오른쪽 기본정렬 */
.board-head.has-explain {justify-content:space-between; align-items:flex-end}
.board-head.has-explain .explain {font-size:1.8rem; color:#999999}

.board-area .board-head + .board-body {margin-top:4rem}
.board-area .board-body + .board-foot {margin-top:8rem}

/* 상세보기 */
/* .board-view {background-color:#fff} */
.view-head .top-area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.view-head .top-area .breadcrumb {display:-webkit-box;display:-ms-flexbox;display:flex}
.view-head .top-area .breadcrumb li {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.8rem; font-weight:800; color:#fff; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.view-head .top-area .breadcrumb li:first-child:before {display:inline-block; width:1.9rem; height:1.6rem; margin-right:1rem; background:url('../img/common/icon_home.png') no-repeat 0 0 / 100% auto; content:''}
.view-head .top-area .breadcrumb li:last-child {color:#ad2a2e}
.view-head .top-area .breadcrumb li + li:before {display:inline-block; width:0.8rem; height:1.4rem; margin:0 1rem; background:url('../img/common/ico_breadcrumb.png') no-repeat 0 0 / 100% auto; content:''}
.view-head .tit-area {display:-webkit-box;display:-ms-flexbox;display:flex; padding:4rem 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; text-align:center}
.view-head .tit-area .tit {font-size:4.2rem; font-weight:800; color:#fff}
.view-cont {position:relative; padding:4rem 0 9rem; border-bottom:1px solid #ddd; background:#fff}
.view-cont p strong {font-weight:800}
.view-cont p b {font-weight:800}
.view-cont .view-info .detail-info {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.view-cont .view-info .detail-info li {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2rem; color:#999; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.view-cont .view-info .detail-info li + li::before {display:inline-block; width:0.2rem; height:1.6rem; margin:0 2rem; background:#ddd; content:''}
.view-cont .view-info .detail-info li span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; margin-right:1rem; font-weight:700; color:#666}
.view-cont .view-info + .data-cont {margin-top:12rem}
.view-cont .data-cont {padding:0 12rem}
.view-cont .data-cont table {border:1px solid #999999;border-collapse: collapse;}
.view-cont .data-cont table th{border:1px solid #999999;padding:10px;}
.view-cont .data-cont table td{border:1px solid #999999;padding:10px;}
.view-cont p {font-size:1.8rem; font-weight:400; color:#666; line-height:1.5}
.view-cont p + p {margin-top:1rem}
.view-cont strong.tit {display:block; margin-bottom:4rem; font-size:2.4rem; font-weight:700; color:#333}
.view-cont .img-area {margin:5rem 0; text-align:center}
.view-cont .img-area .video {max-width:97rem; width:100%; height:55rem; margin: auto}
.view-cont img {max-width:100%}
.view-cont iframe {max-width:100%}
.view-cont .img-area:first-child {margin-top:0}
.view-cont .img-area:last-child {margin-bottom:0}
.view-cont .img-area .img-explain {margin-top:1rem; font-size:1.4rem; font-weight:300; color:#999}
.view-cont > .btn:disabled {opacity:0.5}
.view-cont .board-prev {position:absolute; top:50%; left:-7rem; margin-top:-3.5rem}
.view-cont .board-next {position:absolute; top:50%; right:-7rem; margin-top:-3.5rem}

/*게시글 상세 하단 첨부파일영역*/
.view-cont .attachment {margin-top:7rem; padding:3rem 12rem; background:#f8f8f8;}
.view-cont .attachment > p {display:block; float:left; font-size:1.8rem; color:#666; font-weight:600;}
.view-cont .attachment .filelist{display:block; float:none; overflow:hidden;}
.view-cont .attachment .filed{display:block; position:relative; margin-left:5rem; padding-left:3.2rem; overflow:hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; font-size:1.8rem; color:#666;}
.view-cont .attachment .filed::after{display:inline-block; content:''; top:60%; left:0; position:absolute; width:2.2rem; height:1.9rem; margin-top:-1.1rem; background:url(../img/content/icon_down.svg) no-repeat 0 50%/2.2rem auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


.card-news-area{position:relative; width:74.2rem; margin:0 auto}
.card-news-area .swiper-button-next,
.card-news-area .swiper-button-prev {top:50%; width:6rem; height:6rem; margin-top:-3rem; border:1px solid #999; border-radius:50%; text-indent:-9999px}
.card-news-area .swiper-button-next {right:-10rem}
.card-news-area .swiper-button-prev {left:-10rem}
.card-news-area .swiper-button-prev span,
.card-news-area .swiper-button-next span {width:6rem; height:6rem; background:#fff; opacity:.1}
.card-news-area .swiper-button-next.swiper-button-disabled,
.card-news-area .swiper-button-prev.swiper-button-disabled {opacity:0.6}
.card-news-area .swiper-button-prev:after, 
.card-news-area .swiper-container-rtl .swiper-button-next:after, 
.card-news-area .swiper-button-next:after, 
.card-news-area .swiper-container-rtl .swiper-button-prev:after {display:block; position:absolute; left:50%; top:50%; width:0.9rem; height:1.6rem; margin:-0.8rem 0 0 -0.45rem; content:''}
.card-news-area .swiper-button-prev:after,
.card-news-area .swiper-container-rtl .swiper-button-prev:after {background:url('../img/common/btn_prev01.png') no-repeat 50%; background-size:100% auto}
.card-news-area .swiper-container-rtl .swiper-button-next::after, 
.card-news-area .swiper-button-next::after {background:url('../img/common/btn_next01.png') no-repeat 50%; background-size:100% auto}

.card-news-area .swiper-pagination > .swiper-pagination-dot {overflow:hidden; display:inline-block; position:absolute; top:0; right:3rem; padding: 0 1.5rem; border-radius:4rem; font-size:1.4rem; line-height:3.4rem}
.card-news-area .swiper-pagination > .swiper-pagination-dot:before {position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); content: ''}
.card-news-area .swiper-pagination > .swiper-pagination-dot div {display:flex}
.card-news-area .swiper-pagination span{position:relative; width:auto; height:auto; margin:0; box-shadow:none; background-color:transparent; opacity:1; color:#fff}
.card-news-area .swiper-pagination {position:absolute; right:0; top:2.7rem}

/* 카드뉴스 하단 인디게이터 */
.card-news-area #bullets {position:absolute; bottom:3rem; z-index:1; width:100%; display:flex; justify-content:center; align-items:center}
.card-news-area #bullets span {width:1rem; height:1rem; margin:0 0.4rem; box-shadow:0 0 0.5rem 0 rgba(0, 0, 0, 0.2); background-color:#fff; vertical-align:middle; opacity:0.6; text-indent:-9999px}
.card-news-area #bullets .swiper-pagination-bullet-active {width:1.6rem; height:1.6rem; opacity:1}

.view-foot {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:4rem}
.view-foot .btn-area .btn.style1 {height:5.2rem; padding:0 3rem}

/* 상세보기 - 인기콘텐츠 */
.popular-area {position:relative; margin-top:10rem}
.popular-area .tit-area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:2rem; line-height:1}
.popular-area .tit-area .tit {font-size:2.4rem; font-weight:800; color:#222}
.popular-area .swiper-container {margin-left:-1.5rem; margin-right:-1.5rem}
.popular-list .swiper-navigation {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; top:-0.2rem; right:0}
.popular-list .swiper-navigation .swiper-button-next, 
.popular-list .swiper-navigation .swiper-button-prev {position:relative;top:0; left:0; margin-top:0; width:2.8rem; height:2.8rem; text-indent:-999px}
.popular-list .swiper-navigation .swiper-button-prev:after, 
.popular-list .swiper-navigation .swiper-button-next:after {display:none}
.popular-list .swiper-navigation .swiper-button-prev {background:url('../img/common/btn_popular_prev.png') no-repeat center center / 1rem auto}
.popular-list .swiper-navigation .swiper-button-next {background:url('../img/common/btn_popular_next.png') no-repeat center center / 1rem auto}
.popular-area .board-list {width:100%; -ms-flex-wrap: unset;flex-wrap: unset}
.popular-area .board-list li {padding:0 1.5rem; margin-right:0}
.popular-area .board-list li:last-child {margin-right:0}
/* .popular-area .board-list li + li {margin-left:3rem} */
/* .popular-area .board-list.style1 li .img {height:auto; max-height:none; min-height:42rem; align-items:flex-start} */

/* 리스트 */
.board-list-top {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.board-list-top.align-r {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.board-list-top + .board-list {margin-top:2rem}
.board-list-top .total-area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.board-list-top .total-area .tit {font-size:2.8rem; font-weight:700; color:#222}
.board-list-top .total-area .tit + .tot {margin-left:1rem}
.board-list-top .total-area .tot {font-size:1.8rem; font-weight:300; color:#222}
.board-list-top .total-area .tot em {font-weight:700; color:#ad2a2e; font-style:normal}
.board-list-top .order-area {display:-webkit-box;display:-ms-flexbox;display:flex}
.board-list-top .order-area a {display:block; position:relative; font-size:1.8rem; font-weight:300; color:#222} 
.board-list-top .order-area a + a {margin-left:4rem}
.board-list-top .order-area a + a:before {display:inline-block; position:absolute; width:0.2rem; height:1.6rem; top:50%; left:-2.1rem; margin-top:-0.8rem; background-color:#ddd; content:''}
.board-list-top .order-area a.current {font-weight:700; color:#ad2a2e}
.board-list-top .order-area a.current:after {display:inline-block; position:absolute; width:100%; height:0.2rem; bottom:0; left:0; background-color:#ad2a2e; content:''}
.board-list-top .btn-area .btn {height:4rem; padding:0 2rem}
.board-list-top .btn-area .btn span:after {display:inline-block; width:1.2rem; height:1.2rem; margin-left:1rem; background-image:url('../img/common/btn_more03.png')}
.board-list > ul {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.board-list li a .new {position:absolute; width:6rem; height:6rem; top:0; right:0; border-radius:0 0 0 1.5rem; background-color:#ad2a2e; font-size:2rem; font-weight:700; color:#fff; line-height:6rem; z-index:6; text-align:center; font-style:normal}
.board-list.style1 {position:relative}/* overflow:hidden; */
.board-list.style1 > ul {margin:-1.5rem; position:relative; z-index:9}
.board-list.style1 li {display:block; width:25%; height:53.9rem; padding:1.5rem}
.board-list.style1 li a {display:block; height:100%; position:relative; overflow:hidden}
.board-list.style1 li .img {overflow:hidden; width:100%; height:27.9rem; border:1px solid #eaeaea}
.board-list.style1 li .img img {width:100%; min-width:100%; min-height:100%; height:auto; -webkit-transition: all 0.0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s}
.board-list.style1 li .txt-area {position:absolute; bottom:0; width:100%; height:19.7rem; margin-top:-1px; background:rgba(255, 255, 255, 0.5); border-width:0 1px 1px 1px; border-style:solid; border-color:#eaeaea; padding:2.5rem 3rem}
.board-list.style1 li .txt-area .type {font-size:1.8rem; font-weight:bold; color:#ff9f08; font-style:normal}
.board-list.style1 li .txt-area .tit {margin-top:1.3rem; font-size:2.2rem; font-weight:400; height:6.8rem; color:#222; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2; /* 라인수 */}
.board-list.style1 li .txt-area .date {margin-top:1.3rem; font-size:1.6rem; font-weight:300; color:#999}
.board-list.style1 li.emphasis {width:50%}
.board-list.style1 li.emphasis .img {height:100%}
.board-list.style1 li.emphasis .img img {width:100%}
.board-list.style1 li.emphasis .txt-area {width:90%; position:absolute; bottom:0; left:auto; right:0; z-index:5; border-width:1px}
.board-list.style1 li.emphasis .txt-area .tit {color:#000}
.board-list.style1 li a:hover .img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s}
.board-list.style1 li a:hover .tit {text-decoration:underline}
.board-list.style1 li a:hover .tit .matched {font-weight:700}

.board-list.style2 > ul {margin:-1.5rem}
.board-list.style2 li {position:relative; display:block; width:calc(100%/3); padding:1.5rem}
.board-list.style2 li a {display:block; position:relative}
.board-list.style2 li .img {height:28.3rem; overflow:hidden; opacity:1}
.board-list.style2 li .img img { height:auto; -webkit-transition: all 0.0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease}
.board-list.style2 li .img img {min-width:100%; width:100%; min-height:100%}
.board-list.style2 li .txt-area {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:17rem; margin-top:-1px; padding:3rem; border:1px solid #eaeaea}
.board-list.style2 li .txt-area .type {font-size:1.8rem; font-weight:700; font-style:normal}
.board-list.style2 li .txt-area .tit {margin-top:1rem; font-size:2.2rem; font-weight:400; color:#222; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap}
.board-list.style2 li .txt-area .date {margin-top:auto; font-size:1.6rem; font-weight:300; color:#999}
.board-list.style2 li .txt-area .type.col1 {color:#ff9f08}
.board-list.style2 li .txt-area .type.col2 {color:#e34c50}
.board-list.style2 li .txt-area.has-winner .tit {padding-right:14rem}
.board-list.style2 li .btn-winner {position:absolute; right:4.5rem; bottom:7.4rem}
.board-list.style2 li a:hover .img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); -webkit-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s}

.board-list.style2.board-video .img {position:relative}
.board-list.style2.board-video .img::after {display:block; position:absolute; width:7.3rem; height:7.3rem; top:50%; left:50%; margin:-3.6rem 0 0 -3.6rem; background:url('../img/common/btn_play.png') no-repeat 0 0 / 100% auto; content:''}
.board-list.style2.board-event .badge {position:absolute; right:0; top:0; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:7rem; height:7rem; border-radius:0 0 0 1.6rem; font-size:1.8rem; font-weight:700}
.board-list.style2.board-event li.is-ing .txt-area .type {color:#00ae93}
.board-list.style2.board-event li.is-end .txt-area .type {color:#00ae93}
.board-list.style2.board-winner li.is-win .txt-area .type {color:#00ae93}
.board-list.style2.board-event li.is-ing .badge {color:#fff; background:#00ae93}
.board-list.style2.board-event li.is-end .badge {color:#999; background:#ddd}
.board-list.style3 > ul {margin:-1.5rem}
.board-list.style3 li {display:block; width:calc(100%/3); padding:1.5rem}
.board-list.style3 li a {display:block; position:relative}
.board-list.style3 li a .type {position:absolute; height:3.2rem; top:2rem; left:2rem; padding:0 1.6rem; border-radius:1.5rem; background-color:rgba(0, 0, 0, 0.3); font-size:1.8rem; font-weight:bold; color:#fff; line-height:3.2rem; z-index:6; font-style:normal}
.board-list.style3 li a .txt-area {display:none; position:absolute; width:100%; height:100%; top:0; left:0; padding:4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; background-color:rgba(47, 41, 39, 0.6); z-index:5}
.board-list.style3 li a .txt-area .tit {margin-top:auto; font-size:2.6rem; font-weight:700; color:#fff}
.board-list.style3 li a .txt-area .date {margin-top:2.5rem; font-family:'Roboto'; font-weight:300; font-size:1.6rem; color:#fff}
.board-list.style3 li a:focus .txt-area,
.board-list.style3 li a:active .txt-area,
.board-list.style3 li a:hover .txt-area {display:-webkit-box;display:-ms-flexbox;display:flex}
.board-list.style3 li a:focus .type,
.board-list.style3 li a:active .type,
.board-list.style3 li a:hover .type {background-color:transparent}
.board-list.style3 li .img {border:1px solid #eaeaea}
.board-list.style3 li .img,
.board-list.style3 li .img img {width:100%}
.board-list.style3 li a:hover .txt-area .tit {font-weight:700; text-decoration:none}
  
.board-list.style4 {padding-top:5rem; border-top:1px solid #ddd}
.board-list.style4 ul {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-1.5rem}
.board-list.style4 li {display:block; width:calc(100%/4); padding:1.5rem}
.board-list.style4 li .img {width:100%; height:33.6rem; background:#f7f7f7; }
.board-list.style4 li .img img {width:auto; height:23.8rem; min-width:1px; min-height:1px}
.board-list.style4 li .img img {-webkit-box-shadow: 1.753px 3.595px 30px 0px rgba(82, 82, 82, 0.5);box-shadow: 1.753px 3.595px 30px 0px rgba(82, 82, 82, 0.5)}
.board-list.style4 li .txt-area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-top:2.5rem; padding-bottom:2rem; text-align:center}
.board-list.style4 li .txt-area .date {font-size:2.2rem; font-weight:700; color:#222; font-style:normal}
.board-list.style4 li .txt-area .volumn {font-size:1.8rem; color:#222; line-height:1}
.board-list.style4 li .txt-area .down {display:flex; justify-content:center; margin-top:2.5rem}
.board-list.style4 li .txt-area .down .btn + .btn {margin-left:1rem}

.board-list.style5 {border-top:0.2rem solid #222}
.board-list.style5 tbody td {height:10rem; padding:1rem 5rem; border-bottom:1px solid #ddd; font-size:2.4rem; text-align:center}
.board-list.style5 tbody td.num {font-weight:bold; color:#999}
.board-list.style5 tbody td.tit {font-weight:bold; color:#222; text-align:left}
.board-list.style5 tbody td.tit a {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.board-list.style5 tbody td.tit a:after {display:inline-block; width:2rem; height:2rem; margin-left:1rem; background:url('../img/common/ico_new_tap.png') no-repeat 0 0 / 100% auto; content:''}
.board-list.style5 tbody td.date {font-size:2.2rem; font-weight:300; color:#999}
.board-list.style5 tbody tr:hover {background-color:#f7f7f7}
.board-list.style5 tbody tr:hover td.tit a {color:#ad2a2e}

/* 게시글 공통 영역 */
.board-list li a:hover .txt-area .tit {font-weight:700; text-decoration:underline}

/* 썸네일 이미지 */
.board-list .img {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow:hidden}
.board-list.style1 .img {width:100%}
.board-list.style1 .img img {width:auto}
.dv-ie .board-list.style1 .img img {left:0}
/* .board-list.style1 li .img {height:18.5vw} */ /* width:34.7rem; height:30.6rem; */
/* .board-list.style1 .emphasis .img {height:31.5vw} */ /* width:72.4rem; height:50.5rem; */
/* .board-list .img img {width:100%} */

/* 노데이터 */
.board-nodata {padding:15rem 0; text-align:center; border-top:2px solid #222; border-bottom:1px solid #ddd}
.board-nodata::before {content:''; display:inline-block; width:8.8rem; height:8.1rem; margin-bottom:2.8rem; background:url('../img/common/ico_nodata.png') no-repeat 0 0 / 100% auto}
.board-nodata p {font-weight:300; font-size:2rem; color:#666; line-height:1}

.board-nodata2 {padding:15rem 0; text-align:center; border-top:1px solid #ddd}
.board-nodata2::before {content:''; display:inline-block; width:8.8rem; height:8.1rem; margin-bottom:2.8rem; background:url('../img/common/ico_nodata2.png') no-repeat 0 0 / 100% auto}
.board-nodata2 p {font-weight:300; font-size:2rem; color:#666; line-height:1}
/* .board-nodata2 p .matched {font-weight:500; color:#ad2a2e} */

.board-nodata3 {padding:15rem 0; text-align:center; border-top:1px solid #ddd}
.board-nodata3::before {content:''; display:inline-block; width:7.2rem; height:7.4rem; margin-bottom:2.8rem; background:url('../img/common/ico_nodata3.png') no-repeat 0 0 / 100% auto}
.board-nodata3 p {font-weight:300; font-size:1.6rem; color:#666; line-height:1}

/* 코멘트 등록 */
.board-coment {margin-top:10rem}
.board-coment .coment-count {margin-bottom:3rem}
.board-coment .coment-count .count {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.4rem; color:#222; font-weight:700; line-height:1}
.board-coment .coment-count .count .tit {margin-right:1rem}
.board-coment .coment-regist {padding:3rem; border-top:2px solid #222; background-color:#f7f7f7}
.board-coment .coment-regist .form-row {overflow:hidden}
.board-coment .coment-regist .form-row .radio.style1 label {font-size:1.6rem}
.board-coment .coment-regist .form-row + .form-row {margin-top:2rem}
.board-coment .coment-regist .agreechk {width:100%; height:53px; text-align:center; margin-top:-0.7rem; background:#fff; border-width:0 1px 1px 1px; border-style:solid; border-color:#ddd; display:flex; align-items:center; justify-content:center}
.board-coment .coment-regist .check.style1 label  {color:#666; font-size:1.6rem; font-weight:700}
.board-coment .coment-regist .check.style1 label > span {display:inline-block; padding-left:2.4rem; color:#666; font-size:1.6rem; font-weight:700}
.board-coment .coment-regist .check.style1 label > span a {display:inline-block; color:#666; text-decoration:underline; font-weight:700; font-size:1.6rem}
.board-coment .coment-regist .msg-area {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.board-coment .coment-regist .msg-area .msg {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.board-coment .coment-regist .msg-area .msg-tit {position:relative; padding-right:1rem; margin-right:1rem; color:#666; font-size:1.4rem; font-weight:500}
.board-coment .coment-regist .msg-area .msg-tit::after {content:''; position:absolute; right:0; top:0.4rem; display:block; width:1px; height:1.3rem; background-color:#ddd}
.board-coment .coment-regist .msg-area .msg-txt {color:#999999; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem}
.board-coment .coment-regist .msg-area .btn {margin-left:auto}
.board-coment .coment-regist .textarea.style1 {height:14rem}

/* 코멘트 사용자정보 */
.board-coment .form-userInfo {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%}
.board-coment .form-userInfo .form-controls {position:relative; padding:0 2rem; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto}
.board-coment .form-userInfo .form-controls:first-child {padding-left:0}
.board-coment .form-userInfo .form-controls:last-child {padding-right:0}
.board-coment .form-userInfo .form-controls + .form-controls::before {content:''; display:block; position:absolute; left:1px; top:0rem; width:1px; height:4rem; background-color:#ddd}
.board-coment .form-userInfo .form-controls.type-tel {-webkit-box-flex:0;-ms-flex:none;flex:none}

/* 코멘트 목록 */
.coment-list {margin-top:5rem; border-bottom:1px solid #cccccc}
.coment-list .item {position:relative; padding:3.6rem 3rem; border-top:1px solid #e5e5e5}
.coment-list .txt-info {display:-webkit-box;display:-ms-flexbox;display:flex}
.coment-list .txt-info .name {display:inline-block; color:#222; font-weight:700}
.coment-list .txt-info .tel {display:inline-block; color:#222; font-weight:700}
.coment-list .txt-info .date {display:inline-block; color:#999999; font-weight:300}
.coment-list .txt-info em {position:relative; margin-left:1rem; padding-left:1.2rem; font-style:normal}
.coment-list .txt-info em::before {content:''; display:block; position:absolute; left:0; top:0.4rem; width:2px; height:1.6rem; background-color:#ddd; font-style:normal}
.coment-list .txt-data {margin-top:1rem; color:#666; font-weight:300; line-height:1.8}
.coment-list .btn-area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; right:3rem; top:3.6rem; margin:-0.5rem -1rem 0 0}
.coment-list .btn-area .btn-txt {padding:0.5rem 1rem; color:#999999; font-weight:300}
.coment-list .btn-area .split {content:''; display:block; position:relative; top:0; width:2px; height:1.6rem; margin:0 1rem; background-color:#ddd}

/* 메세지박스 */
.msg-box {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:3rem; background-color:#f5f5f5}
.msg-box::before {content:''; display:inline-block; width:9.7rem; height:9.6rem; margin-right:3rem; background:url('../img/common/ico_msgBox.png') no-repeat 0 0 / 100% auto}
.msg-box p {color:#222; font-size:2rem; line-height:1.6}


/* PC 반응형 */
@media (max-width:1640px) {
    .view-cont .board-prev {left:0}
    .view-cont .board-next {right:0}
}

/* MO 반응형 */
@media (max-width:1023px) {
    .board-area .board-body + .board-foot {margin-top:4rem}
    .board-head.has-explain {flex-direction:column}
    .board-head.has-explain .explain-area {width:100%; text-align:center}
    .board-head.has-explain .explain {font-size:1.4rem}

    /* 상세보기 */
    .view-head .top-area .breadcrumb li {font-size:1.2rem}
    .view-head .top-area .breadcrumb li:first-child:before {width:1.2rem; height:1.1rem; margin-right:0.8rem; background:url('../img/common/ico_home_m.png') no-repeat 0 0 / 100% auto}
    .view-head .top-area .breadcrumb li + li:before {width:0.43rem; height:0.73rem; margin:0 0.8rem; background:url('../img/common/ico_breadcrumb_m.png') no-repeat 0 0 / 100% auto; content:''}
    .view-head .tit-area {padding:3.5rem 0}
    .view-head .tit-area .tit {font-size:2rem}
    .view-cont {padding:5rem 0 4rem}
    .view-cont .view-info {display:flex; width:100%; height:5rem; top:0; background:#fff; position:absolute; align-items:center; justify-content:center}
    .view-cont .view-info .detail-info li {font-size:1.3rem}
    .view-cont .view-info .detail-info li + li::before {width:1px; height:1.3rem; margin:0 1rem}
    .view-cont .view-info + .data-cont {margin-top:5rem}
    .view-cont .data-cont {padding:0}
    /* .view-cont p,
    .view-cont p strong {font-size:1.4rem} */
    .view-cont img {width:100%; height:auto !important}
    .view-cont strong.tit {margin-bottom:2.6rem; font-size:1.8rem}
    .view-cont p + p {margin-top:2.6rem}
    .view-cont .img-area .video {height:50vw}
    .view-cont .img-area .video iframe {width:100%; height:100%}
	.view-cont .img-area {margin:4rem 2rem}

    .view-cont .board-prev {position:absolute; top:50%; left:0; margin-top:-3.5rem}
    .view-cont .board-next {position:absolute; top:50%; right:0; margin-top:-3.5rem}
	
	/*게시글 상세 하단 첨부파일영역*/
	.view-cont .attachment {margin-top:2.5rem; padding:1.5rem; background:#f8f8f8;}
	.view-cont .attachment > p {display:none;}
	.view-cont .attachment .filed{display:block; margin-left:1.2rem;  padding-left:2.5rem; font-size:1.6rem; margin-bottom:0.5rem;}
	.view-cont .attachment .filed::after{top:50%; left:0; background-size:1.5rem auto;}
   
	.card-news-area {width:auto; max-width:100%}
    .card-news-area .swiper-pagination {top:0; bottom:initial}
    .card-news-area #bullets {bottom:1.5rem}
    .card-news-area #bullets span {width:0.8rem; height:0.8rem; margin:0 0.45rem}
    .card-news-area #bullets .swiper-pagination-bullet-active {width:1.2rem; height:1.2rem}
    .card-news-area .swiper-pagination > .swiper-pagination-dot {overflow:hidden; display:inline-block; position:absolute; top:1.5rem; right:4rem; padding: 0 1.5rem; border-radius:4rem; font-size:1.4rem; line-height:2.9rem}
    .card-news-area .swiper-pagination > .swiper-pagination-dot:before {position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); content: ''}
    .card-news-area .swiper-pagination > .swiper-pagination-dot div {display:flex}
    .card-news-area .swiper-pagination span{position:relative; width:auto; height:auto; margin:0; box-shadow:none; background-color:transparent; opacity:1; color:#fff}
    .card-news-area .swiper-button-next {right:0; width:5rem; height:5rem; margin-top:-2.5rem; width:1rem; height:1rem; border:0}
    .card-news-area .swiper-button-next::after {width:0.7rem; height:1.3rem; margin:-0.65rem 0 0 -0.35rem}
	.card-news-area .swiper-button-prev {left:0; width:5rem; height:5rem; margin-top:-2.5rem; width:1rem; height:1rem; border:0}
	.card-news-area .swiper-button-prev::after {width:0.7rem; height:1.3rem; margin:-0.65rem 0 0 -0.35rem}

    .view-foot {margin-top:2rem}
    .view-foot .btn-area .btn.style1 {font-size:1.5rem; height:4rem; padding:0 2.4rem}

    /* list */
    .board-list-top .total-area .tit {font-size:2.5rem}
    .board-list-top .total-area .tot {font-size:1.4rem}
    .board-list-top .order-area a {font-size:1.4rem}
    .board-list-top .order-area a + a {margin-left:2rem}
    .board-list-top .order-area a + a:before {left:-1rem}
    .board-list-top .btn-area .btn {font-size:1.5rem; height:4rem; padding:0 1.7rem}
    .board-list-top + .board-list {margin-top:2rem}
    .board-list li a .new {right:1px; top:1px; width:4.4rem; height:4.4rem; font-size:1.3rem; line-height:4.4rem; border-radius:0 0 0 0.6rem; padding:0}
    .board-list.style1 > ul {margin:-1.25rem}
    .board-list.style1 li {width:50%; height:auto; padding:1.25rem}
	.board-list.style1 li a::after {height:15rem}
	.board-list.style1 li .img {height:auto}
	.board-list.style1 li .img img {min-height:auto; height:auto}
    .board-list.style1 li .txt-area {position:static; width:100%; height:15rem; padding:1.8rem 2.2rem}
    .board-list.style1 li .txt-area .type {font-size:1.4rem}
    .board-list.style1 li .txt-area .tit {height:4.2rem; margin-top:1rem; font-size:1.6rem; line-height:1.3}
    .board-list.style1 li .txt-area .date {margin-top:1rem; font-size:1.3rem}

    .board-list.style1 li a {height:auto}
    .board-list.style1 li.emphasis a {-webkit-box-shadow:none;box-shadow:none}
    .board-list.style1 li.emphasis .txt-area {width:100%}
    .board-list.style1 li.emphasis .txt-area {position:relative}

    .board-list.style2 > ul {margin:-1.25rem}
    .board-list.style2 li {width:50%; padding:1.25rem}
    .board-list.style2 li .txt-area {height:13rem; padding:1.5rem 1.8rem}
    .board-list.style2 li .txt-area .type {font-size:1.3rem}
    .board-list.style2 li .txt-area .tit {margin-top:0.8rem; font-size:1.6rem; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2; line-height:1.4}
    .board-list.style2 li .txt-area .date {font-size:1.3rem}
    .board-list.style2.board-video .img {height:auto}
    .board-list.style2.board-video .img::after {width:4rem; height:4rem; top:50%; left:50%; margin:-2rem 0 0 -2rem; background:url('../img/common/btn_play.png') no-repeat 0 0 / 100% auto}
    
    .board-list.style2.board-event .badge {width:4.4rem; height:4.4rem; font-size:1.3rem; border-radius:0 0 0 0.6rem}
    .board-list.style2.board-event .img {max-height:none; height:auto}
    .board-list.style2.board-event li .txt-area {height:13rem; padding:1.8rem 2rem 1.2rem}
    .board-list.style2.board-event li .txt-area .type {font-size:1.4rem}
    .board-list.style2.board-event li .txt-area .tit {margin-top:0.6rem; font-size:1.6rem; height:4rem}
    .board-list.style2.board-event li .txt-area .date {margin-top:1rem; font-size:1.3rem; line-height:1}
    .board-list.style2.board-event li .txt-area.has-winner {height:18rem}
    .board-list.style2.board-event li .txt-area.has-winner .tit {padding-right:0}
    /* .board-list.style2.board-event li .btn-winner {right:3.5rem; bottom:6rem; height:3.4rem; padding:0 2rem; font-size:1.4rem} */
    .board-list.style2.board-event li .btn-winner {position:static; height:3.4rem; margin:-5.3rem 2rem 0; padding:0 2rem; border-color:#666; font-size:1.4rem}

    .board-list.style3 > ul {margin:-1.25rem}
    .board-list.style3 li {width:50%; padding:1.25rem}
    .board-list.style3 li a .type {top:1.5rem; left:1.5rem; height:2.1rem; padding:0 1rem; font-size:1.4rem; line-height:2.2rem}
    .board-list.style3 li a:focus .txt-area, .board-list.style3 li a:active .txt-area, .board-list.style3 li a:hover .txt-area{display:none}

    .board-list.style4 {padding-top:2.5rem}
    .board-list.style4 li .txt-area .volumn {font-size:1.6rem}
    .board-list.style4 > ul {margin:-1.25rem -1.25rem 0}
    .board-list.style4 li {width:50%; margin-top:2.5rem; padding:0 1.25rem}
    /* .board-list.style4 li:first-child {padding-top:2.5rem} */
    .board-list.style4 li .img {padding:2rem 3.5rem}
    .board-list.style4 li .txt-area {padding-top:1.5rem; padding-bottom:0}
    .board-list.style4 li .txt-area .date {font-size:1.6rem}

    .board-list.style5 tbody tr {display:flex; padding:1.8rem 0; flex-direction:column; border-bottom:1px solid #ddd}
    .board-list.style5 tbody td {height:auto; padding:0 1rem; border-bottom:0; font-size:1.3rem; text-align:left}
    .board-list.style5 tbody td.tit {font-size:1.7rem}
    .board-list.style5 tbody td.tit a:after {width:1.3rem; height:1.3rem; margin-left:1rem; background:url('../img/common/ico_new_tap.png') no-repeat 0 0 / 100% auto; content:''}
    .board-list.style5 tbody td.date {font-size:1.3rem}
    
    /* 상세보기 - 인기콘텐츠 */
    .popular-area {margin-top:5rem}
    .popular-area .tit-area {height:auto; margin-bottom:3rem}
    .popular-area .tit-area .tit {font-size:1.7rem}
    .popular-list .swiper-navigation {display:none}
    .popular-area .board-list {margin:0}
    .popular-area .board-list.style1 {overflow:unset}
    .popular-area .board-list li {width:21rem !important; padding:0 !important; margin-right:2rem}
    .popular-area .board-list li:last-child {margin-right:0}
    .popular-area .board-list.style1 li .img {height:16rem}
    .popular-area .board-list.style1 li .img img {min-height:16rem}

    /* .popular-area .board-list.style1 li a {height:30.3rem} */

    /* 노데이터 */
    .board-nodata {padding:6rem 0}
    .board-nodata p {font-size:1.5rem}
    .board-nodata::before {width:5.3rem; height:4.9rem; margin-bottom:1.6rem; background:url('../img/common/ico_nodata_m.png') no-repeat 0 0 / 100% auto}

    .board-nodata2 {padding:6rem 0 0}
    .board-nodata2 p {font-size:1.5rem}
    .board-nodata2::before {width:5.33rem; height:4.9rem; margin-bottom:1.6rem; background:url('../img/common/ico_nodata2_m.png') no-repeat 0 0 / 100% auto}

    /* 코멘트 */
    .board-coment {margin-top:5rem}
    .board-coment .coment-count {margin-bottom:1.8rem}
    .board-coment .coment-count .count {font-size:1.7rem}
    .board-coment .coment-count .count .tit {margin-right:0.8rem}
    .board-coment .form-userInfo {flex-wrap:wrap}
    .board-coment .form-userInfo .form-controls {width:100%; padding:0; margin:0}
    .board-coment .form-userInfo .form-controls + .form-controls {margin-top:1rem}
    .board-coment .form-userInfo .form-controls + .form-controls::before {display:none}
    .board-coment .coment-regist {padding:2rem 2rem 2.6rem 2rem}
    .board-coment .coment-regist .form-row + .form-row {margin-top:1rem}
    .board-coment .coment-regist .form-controls.type-radio {padding:1rem 0}
    .board-coment .coment-regist .msg-area {flex-direction:column; margin-top:0.5rem}
    .board-coment .coment-regist .msg-area .msg {order:2; flex-direction:column; text-align:left; align-items:flex-start; margin-top:2.3rem}
    .board-coment .coment-regist .msg-area .msg .msg-tit {font-size:1.3rem; margin-bottom:0.5rem}
    .board-coment .coment-regist .msg-area .msg .msg-tit::after {display:none}
    .board-coment .coment-regist .msg-area .msg .msg-txt {font-size:1.3rem}
    .board-coment .coment-regist .msg-area .btn {order:1; width:100%}
	.board-coment .coment-regist .agreechk {height:45px}
	.board-coment .coment-regist .check.style1 label  {font-size:1.5rem}
	.board-coment .coment-regist .check.style1 label > span {font-size:1.5rem}
	.board-coment .coment-regist .check.style1 label > span a {font-size:1.5rem}
    .board-coment .coment-regist .textarea.style1 {height:15rem}
    .coment-list {margin-top:4rem}
    .coment-list .item {padding:2.4rem 1rem}
    .coment-list .txt-info em {margin-left:0.8rem; padding-left:1rem; font-style:normal}
    .coment-list .btn-area {margin-top:2rem}
    .coment-list .btn-area {position:static; margin-left:-1rem}
    .coment-list .btn-area .btn-txt {padding:0.5rem 0.9rem}
    .coment-list .btn-area .split {margin:0}
    
}


/* MO Only */
@media (max-width:640px) {   
    .board-list .img img {width:100%}
    .board-list.style1 li {width:100%; padding:1.25rem}
    .board-list.style1 li .img {max-height:27rem; min-height:auto; height:auto; overflow:hidden}
	.board-list.style1 li .img img {min-height:100%; width:100%; max-height:27rem; height:auto}
    /* .board-list.style1 .emphasis .img {width:100%;height:auto;max-height:80vw} */
    .board-list.style2 li {width:100%}
    /* .board-list.style2.board-video .img {height:45vw} */
    /* .board-list.style2.board-event .img {height:50vw} */
    .board-list.style3 li {width:100%}
    .board-list.style4 li {width:100%}
    .popular-area .board-list.style1 li .img {height:14rem}
    .popular-area .board-list.style1 li .img img {min-height:14rem}
}

/* MO Xtra Samll */
@media (max-width:360px) { 

}

/*-------------------------------------------------------------------
	분류그룹 : 서브 컨텐츠
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @팝업
-------------------------------------------------------------------*/
/* 로그인 */
.popup.popup-login .popup-tit {font-size:2.4rem; font-weight:700}
.popup.popup-login .headnote {margin-bottom:3rem; color:#666; font-size:1.4rem; text-align:center}
.popup.popup-login .form .input {width:100%}
.popup.popup-login .form .input-extend + .input-extend {margin-top:0.8rem}
.popup.popup-login .submit {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:2rem}
.popup.popup-login .submit .btn.style1 {width:calc(50% - 0.5rem); height:5.1rem; font-size:1.8rem}
.popup.popup-login .submit .btn + .btn {margin-left:auto}
.popup.popup-login .popup-foot {padding-left:2.5rem; padding-right:2.5rem}
.popup.popup-login .info {color:#999999; font-size:1.2rem; letter-spacing:-0.02rem; text-align:center}
.popup.popup-login .info .email {display:inline-block}

/* 비밀번호확인 */
.popup.popup-pwcheck .popup-body {padding-top:4rem}
.popup.popup-pwcheck .form .input {width:100%}
.popup.popup-pwcheck .submit {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:2rem}
.popup.popup-pwcheck .submit .btn.style1 {padding:0 2rem; height:4rem; font-size:1.8rem}
.popup.popup-pwcheck .submit .btn + .btn {margin-left:1rem}

/* 공유하기 */
.popup.popup-sns {width:52rem}
.popup.popup-sns .popup-tit {font-size:2.4rem}
.popup.popup-sns .popup-body {padding-top:4rem}
.popup.popup-sns .sns-list {display:-webkit-box;display:-ms-flexbox;display:flex; margin:0 -1.3rem; justify-content:center}
.popup.popup-sns .sns-list li {padding:0 1.5rem}
.popup.popup-sns .form-area {margin-top:2.7rem}
.popup.popup-login .input-extend {position:relative}
.popup.popup-login .input-extend.type-id .input,
.popup.popup-login .input-extend.type-pw .input {padding-left:5.2rem}
.popup.popup-login .input-extend.type-id::before {content:''; display:block; width:1.8rem; height:1.8rem; position:absolute; left:1.7rem; top:50%; margin-top:-0.9rem; background:url('../img/common/ico_user.png') no-repeat 0 0 / 100% auto}
.popup.popup-login .input-extend.type-pw::before {content:''; display:block; width:1.6rem; height:1.9rem; position:absolute; left:1.8rem; top:50%; margin-top:-0.9rem; background:url('../img/common/ico_lock.png') no-repeat 0 0 / 100% auto}

/* MO 반응형 */
@media (max-width:1023px) {
    /* 로그인 */
    .popup.popup-login .popup-tit {font-size:2rem}
    .popup.popup-login .headnote {font-size:1.3rem}
    .popup.popup-login .form .input-extend + .input-extend {margin-top:1rem}
    .popup.popup-login .input-extend.type-id::before {margin-top:-0.7rem; width:1.533rem; height:1.5rem; background-image:url('../img/common/ico_user_m.png')}
    .popup.popup-login .input-extend.type-pw::before {margin-top:-0.8rem; width:1.12rem; height:1.6rem; background-image:url('../img/common/ico_lock_m.png')}
    .popup.popup-login .submit .btn.style1 {height:4rem; font-size:1.5rem}
    .popup.popup-login .info {font-size:1.2rem}
    .popup.popup-login .input-extend.type-id .input,
    .popup.popup-login .input-extend.type-pw .input {padding-left:5rem}

    /* 비밀번호확인 */
    /* .popup.popup-pwcheck .popup-head {padding-top:4.5rem} */
    .popup.popup-pwcheck .submit .btn.style1 {height:3.2rem; font-size:1.3rem}

    /* 공유하기 */
    .popup.popup-sns {width:100rem; max-width:32rem !important}
    .popup.popup-sns .popup-tit {font-size:1.7rem}
    .popup.popup-sns .popup-head {padding-top:2.6rem}
    .popup.popup-sns .popup-body {padding:2rem}
    .popup.popup-sns .popup-close {top:0.7rem}
    .popup.popup-sns .sns-list {justify-content:space-between; margin:0}
    .popup.popup-sns .sns-list li {padding:0}
    .popup.popup-sns .form-area {margin-top:1.5rem}
    .popup.popup-sns .form-area .form-controls {flex-wrap:wrap; justify-content:center}
    .popup.popup-sns .form-area .btn-form {margin:1.3rem 0 0 0}
}

/*-------------------------------------------------------------------
    @뉴스
-------------------------------------------------------------------*/
/* 뉴스 > 서브메인 */
/* .haw02-content .board-list.style1 li {width:25%; height:50.6rem}
.haw02-content .board-list.style1 li.emphasis {width:50%; height:50.6rem} */
.board-list.style1 li {width:25%; height:50.6rem}
.board-list.style1 li.emphasis {width:50%; height:50.6rem}

/* MO 반응형 */
@media (max-width:1523px) {
    .board-list.style1 li {width:25%; height:40rem}
    .board-list.style1 li.emphasis {width:50%; height:40rem}
}

/* MO 반응형 */
@media (max-width:1023px) {
    .board-list.style1 li {width:50%; height:auto}
    .board-list.style1 li.emphasis {width:100%; height:auto}
    /* .board-list.style1 li .img, .board-list.style1 .emphasis .img {width:100%}
    .board-list.style1 .emphasis .img {height:auto} */
    /* .board-list.style1 li .img img, .board-list.style1 .emphasis .img img {width:100%} */
}

/* IPAD 반응형 */
@media (min-width:768px) and (max-width:1024px) {
    /* .board-list.style1 li .img {height:39.5vw} */
}

/* MO Only */
@media (max-width:640px) { 
    /* .haw02-content .board-list.style1 li {width:100%} */
    .board-list.style1 li {width:100%}
}

/* MO Xtra Samll */
@media (max-width:360px) { 

}

/*-------------------------------------------------------------------
    @동영상
-------------------------------------------------------------------*/
/* 동영상 > 서브메인 */
.pick-area {height:65rem; margin-bottom:12rem}
.pick-area .tit-area, .swiper-navigation-box{position:relative; z-index:1; width:86rem; margin:0 auto}
.pick-area .tit-area .tit {margin-bottom:3.5rem; font-size:3.2rem; font-weight:bold; color:#222; line-height:1}
.pick-area .pick-cont {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.pick-area .pick-cont .item-big {display:flex; flex-direction:column; width:100%; flex:1 1 auto; margin-right:3rem}
.pick-area .pick-cont .item-small {width:32%; flex:none}
.pick-area .pick-cont .item {display:flex; flex-direction:column; position:relative; flex:1 1 auto; border:1px solid #eaeaea}
.pick-area .pick-cont .item .new {display:block; position:absolute; top:0; right:0; height:7rem; z-index:10; padding:0 1.5rem; border-radius:0 0 0 1.5rem; background-color:#ad2a2e; font-size:2rem; font-weight:400; color:#fff; line-height:7rem}
.pick-area .pick-cont .item .txt-area {padding:2.5rem; background-color:#fff}
.pick-area .pick-cont .item .txt-area .type {font-size:1.6rem; font-weight:bold; color:#e34c50}
.pick-area .pick-cont .item .txt-area .tit {margin-top:0.8rem; font-size:2rem; font-weight:400; color:#222}
.pick-area .pick-cont .item .txt-area .date {margin-top:1.2rem; font-size:1.6rem; font-weight:300; color:#999999}
.pick-area .pick-cont .item .img {display:flex; justify-content:center; align-items:center; position:relative; flex:1 1 auto; overflow:hidden}
.pick-area .pick-cont .item .img img {min-width:100%; min-height:100%; width:100%; height:auto; flex:none}
.pick-area .pick-cont .item .img::before {display:block; position:absolute; width:7.3rem; height:7.3rem; top:50%; left:50%; margin:-3.6rem 0 0 -3.6rem; background:url('../img/common/btn_play.png') no-repeat 0 0 / 100% auto; content:''}

.pick-area .pick-cont .item-big .item .txt-area {padding:4rem}
.pick-area .pick-cont .item-big .item .txt-area .type {font-size:2rem}
.pick-area .pick-cont .item-big .item .txt-area .tit {font-size:2.6rem}
.pick-area .pick-cont .item-big .item .txt-area .date {font-size:2rem}

.pick-area .pick-cont .item-small {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column}
.pick-area .pick-cont .item-small .item + .item {margin-top:3rem}
.pick-area .pick-cont .item-small .item .txt-area .tit {overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis}

.haw03-content .pick-area + .in-sec {margin-top: 7rem}

.pick-area .video-area {position:relative}
.pick-area .video-area .swiper-pagination {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; bottom:auto; left:auto; top:-7rem; right:4rem; -webkit-box-flex:0; -ms-flex:none; flex:none; height:4rem; width:8rem; font-size:1.6rem; font-weight:700; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#999}
.pick-area .video-area .swiper-pagination .swiper-pagination-split {margin:0 0.5rem}
.pick-area .video-area .swiper-pagination .swiper-pagination-current {color:#ad2a2e}
.pick-area .video-area .swiper-navigation {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; bottom:auto; left:auto; top:-7rem; right:0; -webkit-box-flex:0; -ms-flex:none; flex:none; height:4rem; }
.pick-area .video-area .swiper-navigation button + button {margin-left:8rem}
.pick-area .video-area .swiper-button-next,
.pick-area .video-area .swiper-button-prev {display:block; position:relative; width:4rem; height:4rem; margin-top:0; top:0; border:1px solid #ddd; border-radius:50%; text-indent:-9999px}
.pick-area .video-area .swiper-button-next {background:url('../img/main/btn_next02.png') no-repeat center center / 0.7rem auto}
.pick-area .video-area .swiper-button-prev {background:url('../img/main/btn_prev02.png') no-repeat center center / 0.7rem auto}
.pick-area .video-area .swiper-button-next.swiper-button-disabled,
.pick-area .video-area .swiper-button-prev.swiper-button-disabled {opacity:0.6}

/* 사보 History */
.report-area {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; margin-bottom:9rem}
.report-area .summary {width:74rem; padding-top:11.5rem; padding-left:3rem}
.report-area .tit-area {position:relative}
.report-area .tit-area::after {content:''; display:block; width:100%; height:1px; margin-top:2.4rem; margin-bottom:4.4rem; background-color:#ad2a2e}
.report-area .tit-area .tit {font-size:4rem; color:#ad2a2e; font-weight:700; line-height:1}
.report-area .tit-area .explain {margin-top:2.4rem; font-size:1.8rem; color:#222}
.report-area .cont-area p {font-size:1.8rem; color:#666; font-weight:300}
.report-area .tit-area .explainm,
.report-area .cont-area p {width:43rem}
.report-area .btn-area {margin-top:4rem}
.report-area .btn-area .btn + .btn {margin-left:1rem}
.report-area .btn-area .btn-down {padding:0 3.6rem}
.report-area .img {z-index:1; width:70.8rem; height:64rem; margin-left:auto; background:url('../img/content/img_sabo_history.jpg') no-repeat 0 0 / 100% auto}
.report-area .img img {width:36.8rem; height:47.5rem; -webkit-box-shadow: 9.206px 18.875px 40px 0px rgba(82, 82, 82, 0.4); box-shadow: 9.206px 18.875px 40px 0px rgba(82, 82, 82, 0.4); -webkit-transform:translate(-50%, 8rem); -ms-transform:translate(-50%, 8rem); transform:translate(-50%, 8rem)}

/* MO 반응형 */
@media (max-width:1023px) {
    /* 동영상 > 서브메인 */
    .haw03-content .board-list.style2.board-video li a {display:flex}
    .haw03-content .board-list.style2.board-video li .img {width:50%}
    .haw03-content .board-list.style2.board-video li .txt-area {width:50%; height:auto; padding:0 1.5rem; border:0}
    .haw03-content .board-list.style2.board-video li .txt-area .type {font-size:1.3rem}
    .haw03-content .board-list.style2.board-video li .txt-area .tit {font-size:1.4rem; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2}
    .haw03-content .board-list.style2.board-video li .txt-area .date,
    .haw03-content .board-list.style2.board-video li .txt-area .volumn {font-size:1.2rem}

    .pick-area {height:27rem; margin-top:0; margin-bottom:5rem}
    .pick-area .tit-area, .swiper-navigation-box{position:relative; width:auto; margin:0 auto}
    .pick-area .video-area .swiper-navigation, .pick-area .video-area .swiper-pagination {top:-5rem}
    .pick-area .in-sec {position:relative}
    .pick-area .tit-area .tit {font-size:2rem; margin-bottom:2rem}
    .pick-area .pick-contm {position:relative; margin-top:2rem}
    .pick-area .pick-contm .item {width:30rem}
    /* .pick-area .pick-contm .item + .item {margin-left:2rem} */
    .pick-area .pick-contm .item a {display:block; position:relative}
    .pick-area .pick-contm .item .new {display:block; position:absolute; top:0; right:0; height:4.3rem; padding:0 1.5rem; border-radius:0 0 0 1.5rem; background-color:#ad2a2e; font-size:1.3rem; font-weight:400; color:#fff; line-height:4.3rem}
    .pick-area .pick-contm .item .img {position:relative}
    .pick-area .pick-contm .item .img img {width:100%}
    .pick-area .pick-contm .item .txt-area { padding:2rem 2em 0 0}
    .pick-area .pick-contm .item .txt-area .type {font-size:1.4rem; font-weight:bold; color:#e34c50}
    .pick-area .pick-contm .item .txt-area .tit {margin-top:0.8rem; font-size:1.6rem; font-weight:400; color:#222; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
    .pick-area .pick-contm .item .txt-area .date {margin-top:1.3rem; font-size:1.3rem; font-weight:300; color:#666}
    .pick-area .pick-contm .item .img::before {content:''; display:block; position:absolute; width:4rem; height:4rem; top:50%; left:50%; margin:-2rem 0 0 -2rem; background:url('../img/common/btn_play.png') no-repeat 0 0 / 100% auto}

    .haw03-content .pick-area + .in-sec {margin-top:5rem}

    .pick-area .swiper-navigation{display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; top:-5rem; right:0; height:2.8rem; -webkit-box-flex:0; -ms-flex:none; flex:none}
    .pick-area .swiper-navigation button + button {margin-left:0.6rem}
    .pick-area .swiper-container {overflow:visible}
    .pick-area .swiper-button-next, 
    .pick-area .swiper-button-prev {display:block; position:relative; width:2.8rem; height:2.8rem; margin-top:0; border:1px solid #cac4b4; border-radius:50%; text-indent:-9999px}
    .pick-area .swiper-button-next {background:url('../img/main/btn_next02_m.png') no-repeat center center / 0.5rem auto}
    .pick-area .swiper-button-prev {background:url('../img/main/btn_prev02_m.png') no-repeat center center / 0.5rem auto}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {top:unset; left:0; bottom:0} 
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{top:unset; left:unset; right:unset; bottom:0; right:0}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, 
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none}

    /* 사보 History */
    .report-area {flex-wrap:wrap; width:auto; text-align:center; margin-bottom:3.4rem}
    .report-area .summary {order:2; width:100%; padding:0; margin-top:11.6rem}
    .report-area .img {order:1; width:calc(100% + 5rem); height:90vw; margin-left:-2.5rem; margin-right:-2.5rem; text-align:center; padding-top:11rem}
    .report-area .img img {transform:none; width:60%; height:auto; box-shadow: 0.4rem 0.9rem 2rem 0px rgba(82, 82, 82, 0.4)}
    .report-area .tit-area::after {width:6.3rem; margin:2.4rem auto}
    .report-area .tit-area .tit {font-size:2.5rem}
    .report-area .cont-area p,
    .report-area .tit-area .explain {font-size:1.4rem}
    .report-area .tit-area .explainm, .report-area .cont-area p {width:100%}
    .report-area .btn-area {margin-top:2.6rem}
    .report-area .btn-area .btn-down {flex:1 1 auto; padding:0 1rem}
}

/* MO Only */
@media (max-width:767px) { 
}

/* MO Xtra Samll */
@media (max-width:360px) { 

}

  
/*-------------------------------------------------------------------
    @라이브러리
-------------------------------------------------------------------*/
/* 모바일 APP */
.haw0601-content .content-body {background-color:#f7f7f7}
.app-area {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.app-area .img-area {display:-webkit-box;display:-ms-flexbox;display:flex; width:28rem; background:#fff}
.app-area .img-area::before {display:block; position:absolute; width:100%; height:100%; left:-90%; background:#fff; content:''}
.app-area .img-area > div { position:relative}
.app-area .img-area .img1 {top:2rem; right:-13rem}
.app-area .txt-area {width:calc(100% - 28rem); padding:6.5rem 0 6.9rem 30.8rem}
.app-area .txt-area .tit-area .tit {padding-bottom:0.5rem; font-size:4rem; font-weight:bold; color:#ad2a2e; border-bottom:0.2rem solid #ad2a2e}
.app-area .txt-area .tit-area .sub-txt {margin-top:1.3rem; font-size:1.8rem; color:#666}
.app-area .txt-area .cont-area {margin-top:3.5rem}
.app-area .txt-area .app-desc + .app-desc {margin-top:4.2rem}
.app-area .txt-area .app-desc .nm-area {display:-webkit-box;display:-ms-flexbox;display:flex; align-items:center; flex-wrap:wrap}
.app-area .txt-area .app-desc .nm-area .os-nm {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.2rem; font-weight:700; color:#222; align-items:center}
.app-area .txt-area .app-desc .nm-area .os-nm:before {display:inline-block; width:1.8rem; height:2rem; margin-right:1rem; content:''}
.app-area .txt-area .app-desc.type-aos .nm-area .os-nm:before {background:url('../img/common/ico_aos.png') no-repeat 0 0 / 100% auto}
.app-area .txt-area .app-desc.type-ios .nm-area .os-nm:before {background:url('../img/common/ico_ios.png') no-repeat 0 0 / 100% auto}
.app-area .txt-area .app-desc .nm-area + .txt-box {margin-top:1.8rem}
.app-area .txt-area .app-desc .txt-box {padding:2rem 3rem; border:1px solid #ddd; background:#fff; font-size:1.8rem; font-weight:300; color:#222}
.app-area .txt-area .app-desc .txt-box strong {font-weight:700}
.app-area .txt-area .cution-area {margin-top:3rem; padding-top:3rem; border-top:1px solid #eaeaea}
.app-area .txt-area .cution-area .bul.feel {font-size:1.8rem; font-weight:700}
.app-area .txt-area .cution-area .bul.dash {margin-top:1rem}
.app-area .txt-area .cution-area .bul.dash li + li {margin-top:0.5rem}
.app-area .txt-area .btn-area {margin-top:3.5rem; justify-content:space-between}
.app-area .txt-area .btn-area .btn {width:calc(50% - 1rem); height:5.2rem}
.app-area .txt-area .btn-area .btn span:before { width:1.75rem; height:1.95rem; margin-right:1rem}
.app-area .txt-area .btn-area .btn.aos span:before{background:url('../img/common/btn_aos_m.png') no-repeat 0 0 / 100% auto}
.app-area .txt-area .btn-area .btn.ios span:before {background:url('../img/common/btn_ios_m.png') no-repeat 0 0 / 100% auto}

/* PC 반응형 */
@media (max-width:1280px) {
    .app-area .txt-area .btn-area {flex-direction:column}
    .app-area .txt-area .btn-area .btn {width:100%; height:4rem; font-size:1.5rem}
    .app-area .txt-area .btn-area .btn + .btn {margin-top:1rem}
    .app-area .txt-area .app-desc .nm-area {flex-direction:column; align-items:flex-start}
}

/* MO 반응형 */
@media (max-width:1023px) {
    .app-area .img-area {display:flex; position:absolute; width:100%; top:7rem; left:3rem; background:transparent; justify-content:center}
    .app-area .img-area::before {display:none}
    .app-area .img-area .img1 {width:50vw; right:2rem}
    .app-area .img-area > div img {width:100%}

    .app-area .txt-area {width:100%; padding:2.5rem 0 3rem}
    .app-area .txt-area .tit-area {text-align:center}
    .app-area .txt-area .tit-area .tit {display:inline-block; font-size:2rem; text-align:center}
    .app-area .txt-area .tit-area .sub-txt {font-size:1.4rem}
    .app-area .txt-area .cont-area {margin-top:83vw}
    .app-area .txt-area .app-desc .nm-area {flex-direction:column; align-items:flex-start}
    .app-area .txt-area .app-desc .nm-area .os-nm {font-size:1.6rem}
    .app-area .txt-area .app-desc .nm-area .os-nm:before {width:1rem; height:1.2rem; margin-right:0.6rem}
    .app-area .txt-area .app-desc.type-aos .nm-area .os-nm:before {background:url('../img/common/ico_aos_m.png') no-repeat 0 0 / 100% auto}
    .app-area .txt-area .app-desc.type-ios .nm-area .os-nm:before {background:url('../img/common/ico_ios_m.png') no-repeat 0 0 / 100% auto}
    .app-area .txt-area .app-desc .nm-area + .txt-box {margin-top:1rem}
    .app-area .txt-area .app-desc .txt-box {padding:1.5rem; font-size:1.2rem}

    .app-area .txt-area .cution-area .bul.feel {font-size:1.3rem}
    .app-area .txt-area .btn-area .btn span:before {width:1.75rem; height:1.95rem; margin-right:0.7rem}
    .app-area .txt-area .btn-area .btn.aos span:before{background:url('../img/common/btn_aos_m.png') no-repeat 0 0 / 100% auto}
    .app-area .txt-area .btn-area .btn.ios span:before {background:url('../img/common/btn_ios_m.png') no-repeat 0 0 / 100% auto}
}

/*-------------------------------------------------------------------
    @통합검색
-------------------------------------------------------------------*/
/* 홈 > 통합검색 > 검색결과 */
.haw0101-content .board-area .board-body + .board-body {margin-top:8.5rem}

/* MO 반응형 */
@media (max-width:1023px) {
    .haw0101-content .board-area .board-body + .board-body {margin-top:3.4rem}
}

/*-------------------------------------------------------------------
    @독자의견
-------------------------------------------------------------------*/
/* 페이지 버튼 */
.page-action {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-top:3rem}

/* 메세지박스 */
.msg-box {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:3rem; background-color:#f5f5f5}
.msg-box::before {content:''; display:inline-block; width:9.7rem; height:9.6rem; margin-right:3rem; background:url('../img/common/ico_msgBox.png') no-repeat 0 0 / 100% auto}
.msg-box p {color:#222; font-size:2rem; line-height:1.6}

/* 등록폼 */
.regist-form.gap-msgbox {margin-top:5rem}
.regist-form .headnote {clear:both; overflow:hidden; padding-bottom:1.6rem; color:#666; text-align:right}
.regist-form .headnote span {float:left}
.regist-form .headnote span + p {float:right}
.regist-form .textarea {height:19rem}

/* 개인정보동의 */
.agree-form {padding:2.4rem 3rem; background:#f5f5f5}
.agree-form.gap-boardForm {margin-top:4rem}
.agree-form .agree-sec + .agree-sec {margin-top:2rem}
.agree-form .tit-area {padding-bottom:1.4rem; color:#222}
.agree-form .cont-area .cont-box {max-height:24rem; overflow:hidden; overflow-y:auto; padding:1.4rem 2rem; background-color:#fff; border:1px solid #ddd; font-size:1.4rem}
.agree-form .cont-area .cont-check {margin-top:0.8rem; text-align:right; color:#666}
.agree-form .agree-data .tit {font-size:1.4rem; font-weight:700; color:#333333}
.agree-form .agree-data .txt {margin-top:0.4rem; font-size:1.4rem; color:#666}
.agree-form .agree-data .txt + .tit {margin-top:2rem}
.agree-form .agree-data .tbl-agree {margin-top:1.6rem}
.agree-form .agree-data .tbl-agree table {width:70rem; margin:0}
.agree-form .agree-data .tbl-agree th,
.agree-form .agree-data .tbl-agree td {padding:0.4rem 1rem; text-align:center; border:1px solid #ccc; font-size:1.4rem; color:#666}
.agree-form .agree-data .tbl-agree th {height:3rem; background-color:#e0e0e0; font-weight:700; border-bottom:0}
.agree-form .agree-data .tbl-agree td {height:5.4rem}
.agree-form .agree-data .tbl-agree + .tit {margin-top:2rem}

/* MO 반응형 */
@media (max-width:1023px) {
    .regist-form .input.w-md {width:100%}
	.regist-form .headnote {padding-bottom:1rem}
	.regist-form .headnote span {float:none; display:block; text-align:left; font-size:1.4rem}
	.regist-form .headnote span + p {float:right; font-size:1.4rem}

    .page-action {margin-top:2rem}
    .msg-box {flex-direction:column}
    .msg-box::before {display:block; margin:auto; width:4.7rem; height:4.6rem; flex:none}
    .msg-box p {display:block; margin-top:1.6rem; font-size:1.4rem; text-align:center}

    .agree-form .agree-sec .agree-data .tbl-agree {width:100%; overflow:auto}
	.agree-form .cont-area .cont-box {padding:1rem 1.2rem}
    .agree-form .agree-sec:nth-child(1) .agree-data .tbl-agree table {min-width:100%; width:100%}
    .agree-form .agree-sec:nth-child(1) .agree-data .tbl-agree table th:nth-child(1) {width:110px}
    .agree-form .agree-sec:nth-child(2) .agree-data .tbl-agree table {min-width:100%}
    .agree-form .agree-sec:nth-child(2) .agree-data .tbl-agree table th:nth-child(1) {width:110px}
	.agree-form .agree-data .tbl-agree th, .agree-form .agree-data .tbl-agree td {padding-left:0; padding-right:0; text-align:center}
}