@charset 'utf-8';
/*-------------------------------------------------------------------
	분류그룹 : 초기화
-------------------------------------------------------------------*/
/* 웹폰트 */
@font-face {font-family:"NotoSans"; font-weight:100; src:url('../fonts/NotoSans-Thin.eot'); src:local('※'), url('../fonts/NotoSans-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Thin.woff') format('woff')}
@font-face {font-family:"NotoSans"; font-weight:200; src:url('../fonts/NotoSans-DemiLight.eot'); src:local('※'), url('../fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-DemiLight.woff') format('woff')}
@font-face {font-family:"NotoSans"; font-weight:300; src:url('../fonts/NotoSans-Light.eot'); src:local('※'), url('../fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Light.woff') format('woff')}
@font-face {font-family:"NotoSans"; font-weight:400; src:url('../fonts/NotoSans-Regular.eot'); src:local('※'), url('../fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Regular.woff') format('woff')}
@font-face {font-family:"NotoSans"; font-weight:500; src:url('../fonts/NotoSans-Medium.eot'); src:local('※'), url('../fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Medium.woff') format('woff')}
@font-face {font-family:"NotoSans"; font-weight:700; src:url('../fonts/NotoSans-Bold.eot'); src:local('※'), url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSans-Bold.woff') format('woff')}
@font-face {font-family:"Roboto"; font-weight:300; src:url('../fonts/Roboto-Light.eot'); src:local('※'), url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff')}
@font-face {font-family:"Roboto"; font-weight:400; src:url('../fonts/Roboto-Regular.eot'); src:local('※'), url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff')}
@font-face {font-family:"Roboto"; font-weight:500; src:url('../fonts/Roboto-Medium.eot'); src:local('※'), url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff')}
@font-face {font-family:"Roboto"; font-weight:700; src:url('../fonts/Roboto-Bold.eot'); src:local('※'), url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff')}
@font-face {font-family:"LGSmHanR"; font-weight:400; src:url('../fonts/LGSmHanR.woff'); src:local('※'), url('../fonts/LGSmHanR.woff') format('embedded-opentype'), url('../fonts/LGSmHanR.woff') format('woff')}
@font-face {font-family:"LGSmHanB"; font-weight:400; src:url('../fonts/LGSmHanB.woff'); src:local('※'), url('../fonts/LGSmHanB.woff') format('embedded-opentype'), url('../fonts/LGSmHanB.woff') format('woff')}
@font-face {font-family:"NanumSquareRound"; font-weight:300; src:url('../fonts/NanumSquareRoundL.eot'); src:local('※'), url('../fonts/NanumSquareRoundL.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareRoundL.woff') format('woff')}
@font-face {font-family:"NanumSquareRound"; font-weight:400; src:url('../fonts/NanumSquareRoundR.eot'); src:local('※'), url('../fonts/NanumSquareRoundR.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareRoundR.woff') format('woff')}
@font-face {font-family:"NanumSquareRound"; font-weight:700; src:url('../fonts/NanumSquareRoundB.eot'); src:local('※'), url('../fonts/NanumSquareRoundB.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareRoundB.woff') format('woff')}
@font-face {font-family:"NanumSquareRound"; font-weight:800; src:url('../fonts/NanumSquareRoundEB.eot'); src:local('※'), url('../fonts/NanumSquareRoundEB.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumSquareRoundEB.woff') format('woff')}

/* 태그 */
html, body, div, ul, ol, dl, li, dt, dd, p, h1, h2, h3, h4, h5, h6, table, thead, tbody, tr, th, td, caption, address, article, aside,
canvas, details, figure, figcaption, main, footer, header, menu, nav, section,
button, select, textarea, input, label, fieldset, legend, a, span, strong, address, dfn, small, i, b {margin:0; padding:0; border:0; list-style:none; font-style:normal; font-size:100%; font-weight:inherit; font-family:inherit; color:inherit; box-sizing:inherit; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; -o-box-sizing:inherit; -webkit-print-color-adjust:exact}
:before, :after {box-sizing:inherit; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; -o-box-sizing:inherit}
main, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block}
@media (min-width:375px) { html {font-size:10px} }
@media (max-width:374px) { html {font-size:8px; min-width:320px; } }
body {font-family:'NanumSquareRound', 'Roboto', 'NotoSans', 'sans-serif'; font-weight:400; font-size:1.6rem; line-height:1.6; word-break:break-all; word-wrap:break-word; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
html[lang=ja] body, html[lang=zh] body {word-break:normal}
[hidden], hr {display:none}
img {vertical-align:middle}
button {background-color:transparent; cursor:pointer}
/* b, strong {font-weight:normal} */
fieldset, iframe {width:100%}img, a, frame, iframe, fieldset {border:0}
a {text-decoration:none}
table {width:100%; border-spacing:0; border-collapse:collapse}
caption {display:block; position:absolute; left:-9999px}
legend {position:absolute; left:-9999em; top:-9999em}
button {overflow:hidden; background-color:transparent; cursor:pointer}
button::-moz-focus-inner {border:0px; padding:0px}
input,select {appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; border-radius:0}
select::-ms-expand {display:none}
textarea {resize:none}
input::-ms-clear,
input::-ms-reveal {display:none; width:0; height:0}
input::search-decoration,
input::search-cancel-button,
input::search-results-button,
input::search-results-decoration {display:none}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input::-webkit-calendar-picker-indicator {-webkit-appearance:none}
.dv-android [tabindex='0']:focus,
.dv-android a:focus,
.dv-android button:focus,
.dv-android input:focus,
.dv-android textarea:focus,
.dv-android select:focus {outline:0}
.dv-ios [tabindex='0'],
.dv-ios a,
.dv-ios button,
.dv-ios input,
.dv-ios textarea,
.dv-ios select {-webkit-tap-highlight-color:transparent}

/*-------------------------------------------------------------------
	분류그룹 : 유틸리티
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @General
-------------------------------------------------------------------*/
/* System */
.is-locked-all {overflow:hidden}
.is-locked-ios {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; overflow-y:scroll}
html.is-locked-all,
html.is-locked-ios {overflow-y:scroll}

/* IR & Display */
.blind {position:fixed; overflow: hidden; border: 0; margin:-1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%)}
.is-hidden {display:none !important}

/* Margin */
.mar-0 {margin:0 !important}
.mar-t0 {margin-top:0 !important}
.mar-r0 {margin-right:0 !important}
.mar-b0 {margin-bottom:0 !important}
.mar-l0 {margin-left:0 !important}

/* Padding */
.pad-0 {padding:0 !important}
.pad-t0 {padding-top:0 !important}
.pad-r0 {padding-right:0 !important}
.pad-b0 {padding-bottom:0 !important}
.pad-l0 {padding-left:0 !important}

/* Border */
.line-0 {border-width:0 !important}
.line-t0 {border-top-width:0 !important}
.line-r0 {border-right-width:0 !important}
.line-b0 {border-bottom-width:0 !important}
.line-l0 {border-left-width:0 !important}

/* Align - Inline */
.align-t {vertical-align:top !important}
.align-m {vertical-align:middle !important}
.align-b {vertical-align:bottom !important}
.align-l {text-align:left !important}
.align-c {text-align:center !important}
.align-r {text-align:right !important}
.align-j {text-align:justify; -moz-text-align-last:justify; -webkit-text-align-last:justify; text-align-last:justify}

/* 말줄임 */
.ellipsis1 {overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis}
.ellipsis2 {overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.ellipsis3 {overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}

/* 유연성 */
.fluid {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto}

/*-------------------------------------------------------------------
	@Only (Display 스타일은 다양하므로 숨길경우만 사용)
-------------------------------------------------------------------*/
/* Device */
@media (min-width:1024px) { .hide-mobile {display:none !important} }
@media (max-width:1023px) { .hide-pc {display:none !important} }

/* Media */
@media screen { .screen-hide {display:none} }
@media print { .print-hide {display:none} }

/*-------------------------------------------------------------------
	@Grid System
-------------------------------------------------------------------*/
/* Grid */
.grid {display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
.col {-webkit-box-flex:0;-ms-flex:none;flex:none}

/* Direction */
.col.top {margin-bottom:auto}
.col.bottom {margin-top:auto}
.col.right {margin-left:auto}
.col.left {margin-right:auto}

/* Column */
.col.auto {width:auto}
.col.col-1  {width:8.33333333%}
.col.col-2  {width:16.6666%}
.col.col-3  {width:25%}
.col.col-4  {width:33.3333%}
.col.col-5  {width:41.66666667%}
.col.col-6  {width:50%}
.col.col-7  {width:58.33333333%}
.col.col-8  {width:66.66666667%}
.col.col-9  {width:75%}
.col.col-10 {width:83.33333334%}
.col.col-11 {width:91.66666667%}
.col.col-12 {width:100%}

/*-------------------------------------------------------------------
	@Color Set
-------------------------------------------------------------------*/
/* 초기화 */
.font-none {color:transparent !important}
.bg-none {background-color:transparent !important}

/* 강조 */
.bg-primary {background-color:#a72b2a}
.txt-primary {color:#a72b2a; font-style:normal}

/*-------------------------------------------------------------------
	분류그룹 : 레이아웃
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @공통
-------------------------------------------------------------------*/
/* Layout */
body, html {height:100%}
.wrapper {position:relative; min-height:100%}
.header {position:fixed; left:0; top:0; width:100%; height:10rem; z-index:200}
.container {padding-top:10rem; padding-bottom:13rem}
.content {padding-bottom:15rem}
.footer {position:absolute; left:0; bottom:0; width:100%; height:13rem}

/* Common */
.skipnav {display:block; position:fixed; left:0; bottom:100%; width:100%}
.skipnav a {display:block; text-align:center; padding:1rem; font-size:1.6rem; background-color:black; color:#fff}
.skipnav a:focus {-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%)}
.in-sec {max-width:152rem; padding-left:2rem; padding-right:2rem; margin-left:auto; margin-right:auto}

/* Header */
.header {background-color:#fff; -webkit-box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.3); box-shadow:0 0 0.5rem 0 rgba(0,0,0,0.3)}

.is-scrollFirst .header {-webkit-box-shadow:none;box-shadow:none}
.header {border-bottom:1px solid #ddd}
.header > .in-sec {z-index:120; 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; max-width:168rem; width:100%; height:inherit; margin:auto}
.header-logo {margin-right:3rem}
.header-logo h1 {display:flex}
.header-logo .logo {display:inline-block; width:14.4rem; height:4.8rem; background:url(../img/common/header_logo.png) no-repeat 0 0 / 100% auto}
.header-util {display:-webkit-box;display:-ms-flexbox;display:flex; width:14.4rem; margin-left:3rem; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; flex:none}
.header-util .btn {width:5rem; height:5rem}
.header-util .btn.header-srch.open,
.header-util .btn.header-srch.close {display:none}
.header-util .btn.header-srch.open.is-active,
.header-util .btn.header-srch.close.is-active {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.header-util .btn.header-srch.open > span {width:2.8rem; height:2.7rem; background:url(../img/common/header_srch.png) no-repeat 0 0 / 100% auto}
.header-util .btn.header-srch.close > span {width:2.8rem; height:2.7rem; background:url(../img/common/header_srch_close.png) no-repeat 0 0 / 100% auto}
.header-util .btn.header-drower {margin-left:1.2rem}
.header-util .btn.header-drower > span {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-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:3.2rem; height:2.5rem}
.header-util .btn.header-drower > span > .line {display:block; width:100%; height:2.5rem; background-color:#000000}
.dv-ie .header-util .btn.header-drower > span > .line {height:3px}
.header-util .btn.header-drower > span > .line.m {margin:0.8rem 0}
.header-gnb {display:flex; justify-content:center; width:100%; margin:0 auto}
.header-gnb .gnb {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.header-gnb .gnb .node1 {width:18rem; flex:none; text-align:center}
.header-gnb .gnb .node1 > a {display:inline-block; position:relative; height:10rem; padding:0 2.8rem; font-size:2.134rem; font-weight:800; text-align:center; line-height:10rem}
.header-gnb .gnb .node1 > a:before {display:none; position:absolute; bottom:1px; left:calc(50% - 4.9rem); width:9.8rem; height:0.3rem; background-color:#ad2a2e; content:''; z-index:3}
.header-gnb .gnb .node1:hover > a,
.header-gnb .gnb .node1:focus > a,
.header-gnb .gnb .node1.is-hovered > a,
.header-gnb .gnb .node1.is-current > a,
.header-gnb .gnb .node1.is-active > a {color:#ad2a2e}
.header-gnb .gnb .node1:hover > a:before,
.header-gnb .gnb .node1:focus > a:before,
.header-gnb .gnb .node1.is-hovered > a:before,
.header-gnb .gnb .node1.is-current > a:before,
.header-gnb .gnb .node1.is-active > a:before {display:block}
/* .header-gnb .gnb .node1 .depth2 {display:none; position:absolute; width:100%; left:0; top:10rem; background-color:#f7f7f7; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.header-gnb .gnb .node1 .depth2 > li + li {margin-left:7rem}
.header-gnb .gnb .node1 .depth2 .node2 {display:block; height:6.9rem; font-size:1.8rem; font-weight:500; color:#333; line-height:6.9rem}
.header-gnb .gnb .node1 .depth2 .node2.is-current,
.header-gnb .gnb .node1 .depth2 .node2:hover,
.header-gnb .gnb .node1 .depth2 .node2:focus {font-weight:bold; color:#ad2a2e}
.header-gnb .gnb .node1.is-active .depth2,
.header-gnb .gnb .node1:focus .depth2,
.header-gnb .gnb .node1:hover .depth2,
.header-gnb .gnb .node1 > a:focus + .depth2,
.header-gnb .gnb .node1 > a:hover + .depth2 {display:-webkit-box;display:-ms-flexbox;display:flex} */

/* 서브 메뉴 */
.submenu-area {display:none; position:absolute; width:100%; height:22rem; top:10rem; left:0; background-color:#fafafa}
.submenu-area > .in-sec {display:flex; z-index:120; padding:0 19.5rem; flex:none; margin:auto; max-width:129rem}
.submenu-area .depth2 {width:18rem; padding:2rem 0; flex:none}
/* .submenu-area .depth2.is-hovered {background-color:#ccc}
.submenu-area .depth2.is-active {background-color:#ddd} */
.submenu-area .depth2 ul li {text-align:center}
.submenu-area .depth2 ul li + li {margin-top:0.8rem}
.submenu-area .depth2 ul li a {display:block; padding:0.5rem 0; font-size:1.8rem; color:#333333}
.submenu-area .depth2 ul li.is-current a,
.submenu-area .depth2 ul li a:hover,
.submenu-area .depth2 ul li a:focus {font-weight:bold; color:#ad2a2e}
.submenu-area.is-active {display:flex}

/* 검색레이어 */
.topSrch-wrap {visibility:hidden; display:block; position:fixed; left:0; top:10rem; width:100%; height:calc(100% - 10rem); z-index:110; overflow:hidden; background-color:rgba(0,0,0,0); transition:all 0.2s ease; transition-property:background-color, visibility}
.topSrch-wrap.is-active {visibility:visible; background-color:rgba(0,0,0,0.4)}
.topSrch-wrap .topSrch-body {height:0; overflow:hidden; background-color:#f7f7f7; line-height:1; transition:all 0.2s ease}
.topSrch-wrap.is-active .topSrch-body {height:15rem; box-shadow: 0rem 2rem 4rem 0 rgba(0, 0, 0, 0.2)}/* height:15rem; */
.topSrch-wrap .in-sec {max-width:75.6rem; padding-top:4rem; padding-bottom:6rem}
.topSrch-wrap .filter-area {display:-webkit-box;display:-ms-flexbox;display:flex; margin:0 -1.4rem; margin-top:3.4rem}
.topSrch-wrap .filter-area .filter-item {width:50%; padding:0 1.4rem}
.topSrch-wrap .filter-area .filter-item label {display:block; margin-bottom:1rem; color:#666666; font-size:1.6rem}.form-controls.type-topSch .inp-sch {position:relative; width:100%}
.topSrch-wrap .form-controls.type-topSch .inp-sch input {width:100%; height:5rem; padding-right:5rem; font-size:2.4rem; border-bottom:0.2rem solid #222; background-color:transparent}
.topSrch-wrap .form-controls.type-topSch .inp-sch .btn-search {position:absolute; top:50%; right:-0.5rem; margin-top:-2rem; padding:0.5rem}
.topSrch-wrap .form-controls.type-topSch .inp-sch .btn-search span {width:2.8rem; height:2.7rem; background:url('../img/common/btn_topSch.png') no-repeat 0 0 / 100% auto}
.topSrch-wrap .form-controls.type-topSch .inp-sch input:-ms-input-placeholder {font-weight:300; color:#999}/* IE 10 + */
.topSrch-wrap .form-controls.type-topSch .inp-sch input::-webkit-input-placeholder {font-weight:300; color:#999}/* Webkit Browser */
.topSrch-wrap .form-controls.type-topSch .inp-sch input:-moz-placeholder {font-weight:300; color:#999}/* Mozilla Firefox 4 to 18 */
.topSrch-wrap .form-controls.type-topSch .inp-sch input::-moz-placeholder {font-weight:300; color:#999}/* Mozilla Firefox 19+ */
.topSrch-wrap .form-controls.type-topSch .inp-sch input:focus:-ms-input-placeholder {color:transparent}/* IE 10 + */
.topSrch-wrap .form-controls.type-topSch .inp-sch input:focus::-webkit-input-placeholder {color:transparent}/* Webkit Browser */
.topSrch-wrap .form-controls.type-topSch .inp-sch input:focus:-moz-placeholder {color:transparent}/* Mozilla Firefox 4 to 18 */
.topSrch-wrap .form-controls.type-topSch .inp-sch input:focus::-moz-placeholder {color:transparent}/* Mozilla Firefox 19+ */

/* Footer */
.footer {line-height:1}
.footer::before {content:''; display:block; position:absolute; left:0%; top:0; width:100%; height:1px; background-color:#ddd}
.footer > .in-sec {position:relative; 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; width:100%; height:100%}
.footer > .in-sec > .col + .col {margin-left:auto}
.footer-privacy {display:flex}
.footer-privacy a {display:inline-block; font-size:1.6rem; color:#333333; padding:0.4rem; margin:-0.4rem}
.footer-privacy .login-box {margin-left:3.7rem}
.login-box {margin-left:0}
.login-box > button {height:2rem; padding-right:2.6rem; font-size:1.6rem}
.login-box > .btn-login {background:url(../img/common/ico_login_01.png) no-repeat 100% 50%}
.login-box > .btn-logout {background:url(../img/common/ico_logout_01.png) no-repeat 100% 50%}
.footer-copyright {margin-top:2rem}
.footer-copyright .copyright {font-size:1.2rem; color:#999999; font-weight:300}
.footer-sns {display:-webkit-box;display:-ms-flexbox;display:flex; margin-left:auto}
.footer-sns .btn > span {width:3.4rem; height:3.4rem; background:no-repeat 0 0 / 100% auto}
.footer-sns .btn + .btn {margin-left:1rem}
.footer-sns .btn.footer-youtube > span {background-image:url(../img/common/footer_youtube.png)}
.footer-sns .btn.footer-facebook > span {background-image:url(../img/common/footer_facebook.png)}
.footer-sns .btn.footer-insta > span {background-image:url(../img/common/footer_insta.png)}
.footer-sns .btn.footer-blog > span {background-image:url(../img/common/footer_blog.png)}
.footer-sns .btn.footer-post > span {background-image:url(../img/common/footer_post.png)}
.footer-top {position:fixed; right:4rem; bottom:16.5rem; z-index:100}
.footer-top .btn-footer-top > span {width:5.6rem; height:5.6rem; border:1px solid #dddddd; background-image:url(../img/common/btn_footer_top.png); background-color:#fff}

/**************************** Media Query ****************************/
/* PC ONLY */
@media (min-width:1024px) {

	/* 전체메뉴 - pc */
	.allmenu-wrap {display:none; position:fixed; width:100%; height:auto; top:0; left:0; z-index:300; height:100%; max-height:96rem; background:url(../img/common/img_anb_bg.png) repeat-x center 0 rgba(0, 0, 0, 0.9)}/* overflow:auto; */
	.allmenu-wrap.is-active {display:block}
	.allmenu-wrap .allmenu-close {padding:1rem}
	.allmenu-wrap .allmenu-close span {width:3rem; height:3rem; background:url('../img/common/btn_menu_close.png') no-repeat 0 0/ 100% auto}
	.allmenu-logo {display:-webkit-box;display:-ms-flexbox;display:flex; max-width:168rem; width:100%; height:10rem; margin:auto; padding:0 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:space-between}
	.allmenu-logo .logo {display:inline-block; width:14.4rem; height:4.8rem; background:url(../img/common/header_logo_w.png) no-repeat 0 0 / 100% auto}
	.allmenu-wrap > .in-sec {max-width:132rem; width:100%; padding-top:13.4rem; padding-bottom:14rem}
	.allmenu-wrap .anb {display:-webkit-box;display:-ms-flexbox;display:flex}
	.allmenu-wrap .anb .node1 {width:20%}
	.allmenu-wrap .anb .node1 > a {position:relative; display:inline-block; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:2.4rem; font-size:2.7rem; font-weight:bold; color:#fff}
	.allmenu-wrap .anb .node1 > button{display:none}
	.allmenu-wrap .anb .node1.is-current > a:after {display:inline-block; position:absolute; top:0; right:-1.2rem; width:0.8rem; height:0.8rem; background-color:#a50034; border-radius:50%; content:''}
	.allmenu-wrap .anb .node1 .depth2 {padding:4.5rem 0; border-top:0.2rem solid #535252}
	.allmenu-wrap .anb .node1 .depth2 .node2 + .node2 {margin-top:1.8rem}
	.allmenu-wrap .anb .node1 .depth2 .node2 a {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; padding-right:2rem; font-size:2.2rem; font-weight:300; color:#fff; opacity:0.6}
	.allmenu-wrap .anb .node1 .depth2 .node2.is-current a {font-weight:700; opacity:1}
	
	/* .allmenu-wrap .anb .node1 .depth2 .node2.is-current a {font-weight:500; color:#cb0040} 
	.allmenu-wrap .anb .node1 .depth2 .node2.is-current a:after {display:inline-block; width:2rem; height:1.4rem; margin-left:1rem; background:url('../img/common/ico_menu_cur.png') no-repeat 0 0 / 100% auto; content:''}*/
	.allmenu-wrap .anb .node1 .depth2 .node2 a:hover {font-weight:700; color:#fff; opacity:1} 
	.allmenu-wrap .anb .node1 .depth2 .node2 a:hover:after{-ms-transform: translate(40%,-50%); transform: translate(40%,-50%); opacity:1}
	.allmenu-wrap .anb .node1 .depth2 .node2 a:after {display:inline-block; width:2rem; height:1.4rem; margin-left:1rem; background:url('../img/common/ico_menu_cur.png') no-repeat 0 0 / 100% auto; content:'';position:absolute; top:50%; right:0; opacity: 0; transform:translate(-100%,-50%); transition:transform 0.3s cubic-bezier(0.694, 0, 0.335, 1), opacity 0.3s cubic-bezier(0.694, 0, 0.335, 1)}
	

	.etc-wrap {display:flex; align-items:center; justify-content:space-between; margin-top:16rem}
	.etc-wrap .login-box > button {padding-right:2.8rem; font-size:1.8rem; color:#fff; line-height:1}
	.etc-wrap .login-box > .btn-login {background:url(../img/common/ico_login.png) no-repeat 100% 50%}
	.etc-wrap .login-box > .btn-logout {background:url(../img/common/ico_logout.png) no-repeat 100% 50%}
	.allmenu-sns {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}/* margin-top:16rem; */
	.allmenu-sns .btn {width:5rem; height:5rem; border-radius:50%; border:1px solid #b3b2b1; opacity:0.8; -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}
	.allmenu-sns .btn:hover {opacity:1}
	.allmenu-sns .btn + .btn {margin-left:2rem}
	.allmenu-sns .btn > span {background:no-repeat 0 0 / 100% auto}
	.allmenu-sns .btn.allmenu-youtube > span {width:2.2rem; height:1.6rem; background-image:url(../img/common/allmenu_youtube.png)}
	.allmenu-sns .btn.allmenu-facebook > span {width:0.9rem; height:1.8rem; background-image:url(../img/common/allmenu_facebook.png)}
	.allmenu-sns .btn.allmenu-insta > span {width:2.1rem; height:2.1rem; background-image:url(../img/common/allmenu_insta.png)}
	.allmenu-sns .btn.allmenu-blog > span {width:2.8rem; height:1.3rem; background-image:url(../img/common/allmenu_blog.png)}
	.allmenu-sns .btn.allmenu-post > span {width:2rem; height:2rem; background-image:url(../img/common/allmenu_post.png)}
}

/* PC 반응형 */
@media (max-width:1279px) { 
}

/* Tablet */
@media (max-width:1023px) {
	/* Default */
	.header {height:5rem}
	.content {padding-bottom:6.5rem}
	.container {padding-top:5rem; padding-bottom:16.2rem}
	.footer {height:16.2rem}

	/* Common */
	.in-sec {padding-right:2.5rem; padding-left:2.5rem}

	.header-logo .logo {width:7.233rem; height:2.4rem; background-image:url(../img/common/header_logo_m.png)}
	.header-util .btn {width:3rem; height:3rem}
	.header-util .btn.header-srch.open > span {width:2rem; height:2rem; background:#fff url(../img/common/header_srch_m.png) no-repeat 100% 100% / 90% auto}
	.header-util .btn.header-srch.close > span {width:1.7rem; height:1.7rem; background-image:url(../img/common/header_srch_close_m.png)}
	.header-util .btn.header-drower > span {width:3.3rem; height:1.8rem}
	.header-util .btn.header-drower > span > .line {height:0.2rem}
	.header-util .btn.header-drower > span > .line.m {margin:0.6rem 0}
	.header-gnb {display:none}

	/* 검색레이어 */
	.topSrch-wrap {top:5rem; height:calc(100% - 5rem)}
	.topSrch-wrap .topSrch-body {box-shadow: 0 2rem 3rem 0 rgba(0, 0, 0, 0.2)}
	.topSrch-wrap.is-active .topSrch-body {height:8.8rem}
	.topSrch-wrap .in-sec {padding-top:2rem; padding-bottom:3rem}
	.topSrch-wrap .form-controls.type-topSch .inp-sch input {height:3.8rem; font-size:1.8rem; padding-right:4rem}
	.topSrch-wrap .form-controls.type-topSch .inp-sch .btn-search {width:3.8rem; height:3.8rem}
	.topSrch-wrap .form-controls.type-topSch .inp-sch .btn-search span {width:2.05rem; height:1.95rem; background-image:url(../img/common/btn_topSch_m.png)}

	/* 전체메뉴 - pc */
	.allmenu-wrap {visibility:hidden; display:block; position:fixed; width:100%; height:auto; top:0; left:0; z-index:300; height:100%; background:#fff; transform:translateX(-100%); transition:all 0.2s ease}
	.allmenu-wrap.is-active {visibility:visible; transform:translateX(0)}
	.allmenu-wrap .allmenu-close {position:absolute; bottom:auto; left:auto; top:1.433rem; right:2.5rem; width:2.3rem; height:2.3rem}
	.allmenu-wrap .allmenu-close span {width:2rem; height:2rem; background:url('../img/common/btn_menu_close_m.png') no-repeat 0 0/ 100% auto}
	.allmenu-wrap > .in-sec {height:calc(100% - 5.8rem); overflow:hidden; overflow-y:auto; padding:0}/* margin-top:0.8rem; */
	.allmenu-wrap .anb .node1 > a {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:7rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:2.3rem; font-weight:700; padding:0 2.5rem; border-bottom:1px solid #dddddd}
	/* .allmenu-wrap .anb .node1 > a::after {content:''; position:absolute; right:2.5rem; top:50%; margin-top:-0.5rem; display:block; width:1.9rem; height:1rem; background:url(../img/common/ico_submenu_m.png) no-repeat 0 0 / 100% auto}
	.allmenu-wrap .anb .node1.is-current > a,
	.allmenu-wrap .anb .node1.is-active > a {background-color:#ad2a2e; color:#fff}
	.allmenu-wrap .anb .node1.is-current > a::after {background-position:0 bottom}
	.allmenu-wrap .anb .node1.is-active > a::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); background-position:0 bottom} */
	.allmenu-wrap .anb .node1 {position:relative}
	.allmenu-wrap .anb .node1 > button{display:block; position:absolute; top:0; right:0; width:7rem; height:7rem; text-indent:-9999px}
	.allmenu-wrap .anb .node1 > button::after {content:''; position:absolute; left:50%; top:50%; margin-top:-0.5rem; margin-left:-0.95rem; display:block; width:1.9rem; height:1rem; background:url(../img/common/ico_submenu_m.png) no-repeat 0 0 / 100% auto}
	.allmenu-wrap .anb .node1.is-current > a,
	.allmenu-wrap .anb .node1.is-active > a {background-color:#ad2a2e; color:#fff}
	.allmenu-wrap .anb .node1.is-current > button::after {background-position:0 bottom}
	.allmenu-wrap .anb .node1.is-active > button::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); background-position:0 bottom}

	.allmenu-wrap .anb .depth2 {display:none; padding:2rem 0; background-color:#f7f7f7}
	.allmenu-wrap .anb .node1.is-current > .depth2 {display:block}
	.allmenu-wrap .anb .node2 a {display:-webkit-box;display:-ms-flexbox;display:flex; height:5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.8rem; font-weight:400; padding:0 2.5rem}
	.allmenu-wrap .anb .node2 a {color:#6b6b6b}
	.allmenu-wrap .anb .node2.is-active a,
	.allmenu-wrap .anb .node2.is-current a {color:#ad2a2e; font-weight:700}
	.allmenu-logo {display:-webkit-box;display:-ms-flexbox;display:flex; max-width:168rem; width:100%; height:4.5rem; margin:auto; padding:0 2.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
	.allmenu-logo .logo {display:inline-block; width:7.233rem; height:2.4rem; background:url(../img/common/header_logo_m.png) no-repeat 0 0 / 100% auto}

	.etc-wrap {position:absolute; top:1.26rem; right:6.5rem}
	.etc-wrap .login-box {margin:0}
	.etc-wrap .login-box > button {width:2.1rem; height:2.1rem; padding:0; text-indent:-9999px}
	.etc-wrap .login-box > .btn-login {background: url(../img/common/ico_login_m.png) no-repeat 0 0 / auto 100%}
	.etc-wrap .login-box > .btn-logout {background: url(../img/common/ico_logout_m.png) no-repeat 0 0 / auto 100%}
	.allmenu-sns {display:none}

	/* Footer */
	.footer > .in-sec {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-top:3rem; padding-bottom:3rem}
	.footer > .in-sec > .col {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
	.footer > .in-sec > .col + .col {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1; margin-bottom:3.0rem; margin-left:auto; margin-right:auto}
	/* .footer-privacy {margin-top:-0.5rem} */
	.footer-privacy {display:block}
	.footer-privacy a {display:block; font-size:1.5rem; text-align:center}
	.footer .login-box {margin:1.3rem 0 0}
	.footer .login-box > button {display:block; height:auto; margin:-0.4rem auto; padding:0.4rem; font-size:1.5rem}
	.footer .login-box > .btn-login, .footer .login-box > .btn-logout {background-image:none}
	.footer-copyright {margin-top:1.4rem}
	.footer-copyright .copyright {font-size:1.1rem}
	.footer-sns {margin-top:-0.5rem}
	.footer-sns .btn {padding:0.5rem}
	.footer-sns .btn > span {width:3rem; height:3rem}
	.footer-sns .btn + .btn {margin-left:0}
	.footer-sns .btn.footer-youtube > span {background-image:url(../img/common/footer_youtube_m.png)}
	.footer-sns .btn.footer-facebook > span {background-image:url(../img/common/footer_facebook_m.png)}
	.footer-sns .btn.footer-insta > span {background-image:url(../img/common/footer_insta_m.png)}
	.footer-sns .btn.footer-blog > span {background-image:url(../img/common/footer_blog_m.png)}
	.footer-sns .btn.footer-post > span {background-image:url(../img/common/footer_post_m.png)}
	.footer-top {right:2.5rem; bottom:2.5rem !important}
	.footer-top .btn-footer-top > span {width:5rem; height:5rem; background-image:url(../img/common/btn_footer_top_m.png)}
}

@media print { 
	/* Layout */
	.skipnav,
	.header,
	.footer {display:none !important}
	.container {padding-top:0 !important}
	.content-body {background:none !important}
	
	/* Board */
	.view-head .top-area .breadcrumb li,
	.view-head .tit-area .tit {color:#222 !important}
	.view-head .top-area .breadcrumb li:last-child {color:#ad2a2e !important}
	.board-view .board-prev,
	.board-view .board-next {display:none !important}
	.board-coment {display:none !important}
	/* .view-head .tit-area {padding:0 !important} */
	.view-cont {padding:0 !important; border:0 !important}
	.view-cont .view-info + .data-cont {margin-top:5rem !important}
	.view-cont .data-cont {padding:0 !important}
	.view-foot {display:none !important}
}