@charset "utf-8";
@import url(./fonts/nanumsquareround.min.css); /* 나눔스퀘어라운드 */
@import url(./custom.foundation.min.css); /* custom foundation */

/***************************************************
note : reset
***************************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'NanumSquareRound','Malgun Gothic','dotum','Apple SD Gothic Neo','Helvetica Neue',Helvetica,Arial,sans-serif}
ul,ol,dl { list-style:none; }

a:not(.button),a:not(.button):link {color:#6d788f}
a:not(.button):visited {color:#6d788f;text-decoration:none}
/*a:not(.button):active,a:not(.button):hover {text-decoration:underline}*/

/* print */
@media print {
	a[href] {text-decoration:none}
	a[href]:after {content:none !important}
	.print-show {display:block !important}
	.print-hide {display:none !important}
}

/* loading image */
.loding-image {padding:2rem;text-align:center}
.loding-image img {max-width:128px;margin-left:auto;margin-right:auto}

/***************************************************
note : animate effect
***************************************************/
@-webkit-keyframes bobble{
	0%, to {-webkit-transform:rotate(0);transform:rotate(0)}
	25% {-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
	50% {-webkit-transform:rotate(15deg);transform:rotate(15deg)}
	90% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@keyframes bobble{
	0%, to{-webkit-transform:rotate(0);transform:rotate(0)}
	25%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
	50%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
	90%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}

/***************************************************
note : 모달 커스텀
***************************************************/
.reveal {padding:2.5rem;border:0}
.reveal .close-button {right:0;top:0;width:4rem;height:4rem;font-size:2.5rem;line-height:1em;color:#fefefe;background-color:#c6cbd3;-webkit-transition:background .3s;transition:background .3s}
.reveal .close-button:hover, .reveal .close-button:focus {background-color:#4d5370}
.reveal-title {margin-bottom:1.25rem;font-size:1.875rem;line-height:1.25em;letter-spacing:-0.025em;color:#00b1ed}
.reveal-summary {font-size:.8rem;font-weight:300;line-height:1.625em;letter-spacing:-0.025em;color:#808a9d} 
@media screen and (max-width: 39.9375em) {
	.reveal {padding:1.5rem}
	.reveal-title {padding-right:4.375rem}
}

/***************************************************
note : login layout
***************************************************/
.login-layout,.login-layout body {position:relative;height:100%}
.login-layout body {background-color:#f1ece3}

#block-login { min-height:100%; min-width:1280px; width:100%; height:auto; position:fixed; top: 0; left: 0; background:#e5e5e5 url(../images/common/bg_login.jpg) no-repeat center; }
#login-wrap {display:flex;display:-ms-flexbox;position:relative;height:100%;align-items:center;justify-content:center}
#login-wrap .wrapper {width:100%;max-width:900px}
#login-wrap .wrapper::after {content:'';display:table;clear:both}
@media screen and (max-width: 59.9375em) {
	#login-wrap {display:block;height:auto;padding:1.5rem;align-items:initial;justify-content:initial}
}
@media screen and (max-width: 39.9375em) {
	#login-wrap {padding:0}
}

/* 로그인 */
#login-wrap .left-content {float:left;width:350px;min-height:648px;background-color:#0f1a3a}
#login-wrap .left-content .header {padding-left:1.25rem;margin-bottom:3.625rem}
#login-wrap .left-content .header .logo {display:block;background-size:100% auto}
#login-wrap .left-content .container {padding:0 2.25rem 2.25rem}
@media screen and (max-width: 59.9375em) {
	#login-wrap .left-content {float:none;width:auto;max-width:500px;margin-left:auto;margin-right:auto}
}

/* 보안설정 */
#login-wrap .security {margin-bottom:1rem}
#login-wrap .security .security-inner {display:table;width:100%;table-layout:fixed}
#login-wrap .security .security-cell {display:table-cell;width:100%;vertical-align:middle}
#login-wrap .security .title {font-size:.688rem;color:#fefefe;text-align:right}
#login-wrap .security .title > a {color:#fefefe;text-decoration:none}
#login-wrap .security .number {width:5.75rem}
#login-wrap .security .level-group {float:right}
#login-wrap .security input[type='radio'] {display:none}
#login-wrap .security input[type='radio'] + label[for] {float:left;margin:0;padding:.25rem .625rem;font-size:.688rem;line-height:1em;color:#fefefe;background-color:rgba(255,255,255,.12);cursor:pointer}
#login-wrap .security input[type='radio']:checked + label[for] {background-color:#00b1ed}
#login-wrap .security input[type='radio']:first-child + label[for] {border-radius:2rem 0 0 2rem}
#login-wrap .security input[type='radio']:first-child:checked + label[for] {background-color:#f39a11}
#login-wrap .security input[type='radio'] + label[for]:last-child {border-radius:0 2rem 2rem 0}
#login-wrap .security input[type='radio']:checked + label[for]:last-child {background-color:#005ca0}

/* 폼 */
#login-wrap .login-form .form-group {position:relative;padding-top:1rem;margin-top:1.5rem}
#login-wrap .login-form .form-group:first-child {margin-top:0}
#login-wrap .login-form .form-group::before {content:'';position:absolute;z-index:2;left:0;bottom:0;width:0;height:0;border-top:2px solid transparent;visibility:hidden;-webkit-transition:width .15s, border .15s;transition:width .15s, border .15s}
#login-wrap .login-form .form-group::after {content:'';display:table;clear:both}
#login-wrap .login-form .form-group label[for] {display:block;position:absolute;z-index:1;left:0;top:50%;width:100%;font-size:1rem;line-height:1em;letter-spacing:-0.025em;color:#fefefe;cursor:text;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s;transition:all .25s}
#login-wrap .login-form .form-group label[for] + input[type] {padding:0;margin-bottom:0;color:#fefefe;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.5);box-shadow:none}
#login-wrap .login-form .form-group.on::before {width:100%;border-top-color:#fefefe;visibility:visible}
#login-wrap .login-form .form-group.on label[for] {top:0;font-size:.75em;opacity:.65;filter:alpha(opacity:'65');-ms-transform:translateY(0);transform:translateY(0)}
#login-wrap .login-form .btn {display:block;width:100%;height:50px;margin-top:2.875rem;font-size:1.25rem;line-height:1em;letter-spacing:-0.025em;color:#fefefe;background-color:#6d788f;text-align:center;cursor:pointer;-webkit-transition:background .25s;transition:background .25s}
#login-wrap .login-form .form-group.on + .btn {background-color:#f37920}

/* 비번분실 */
#login-wrap .forget {position:relative;margin-top:2.8rem;padding:2.5rem 1.5rem 1.5rem;background-color:#4a5570;text-align:center}
#login-wrap .forget::before {content:'';position:absolute;z-index:1;left:50%;top:0;width:0;height:1rem;border-left:1px solid #6d788f;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#login-wrap .forget h5 {font-size:1rem !important;font-weight:700;line-height:1.25em;letter-spacing:-0.025em;color:#fefefe}
#login-wrap .forget p {margin:0;padding:0;font-size:.8rem;line-height:1.625em;letter-spacing:-0.025em;color:rgba(255,255,255,.6)}
#login-wrap .forget .point {color:rgba(255,255,255,.8);text-decoration:underline}

/* 안내 */
#login-wrap .right-content {float:left;position:relative;width:calc(100% - 350px);min-height:664px;padding:2.5rem 2.125rem;background-color:#fefefe;opacity:0.7;}
#login-wrap .guide-group {padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid #f1ece3}
#login-wrap .guide-group:first-child {padding-top:0;margin-top:0;border-top:none}
#login-wrap .guide-group > h1 {margin-bottom:2rem;font-size:1.75rem !important;line-height:1.25em;letter-spacing:-0.025em;color:#444c6b}
#login-wrap .guide-group > p {margin:-1.75rem 0 2rem;font-size:.8rem;line-height:1.25em;color:#9ca4b2}
#login-wrap .guide-group .point {color:#fefefe !important;background-color:#8e97a7}
@media screen and (max-width: 59.9375em) {
	#login-wrap .right-content {float:none;width:auto;max-width:500px;margin-left:auto;margin-right:auto}
}

/* 안내내용 */
#login-wrap .guide {padding-left:1rem;padding-right:1rem;margin-top:2rem}
#login-wrap .guide:first-child {margin-top:0}
#login-wrap .guide::after {content:'';display:table;clear:both}
#login-wrap .guide > dt {margin-bottom:.75rem;line-height:1em;color:#6c778d}
#login-wrap .guide > dd {font-size:.8rem;line-height:1.625em;letter-spacing:-0.025em;color:#000000}
#login-wrap .guide .point {color:#3b4664;text-decoration:underline}

/* 고객센터 */
#login-wrap .customer {display:table;width:100%;table-layout:fixed;margin:1rem 0 0}
#login-wrap .customer:last-child {margin-top:2.125rem}
#login-wrap .customer > dt,#login-wrap .customer > dd {display:table-cell;width:100%;padding-right:1rem;line-height:1em;vertical-align:middle;-webkit-transition:all .3s;transition:all .3s}
#login-wrap .customer > dt {width:90px;color:#6c778d;text-align:right}
#login-wrap .customer > dd {padding-left:1rem;font-size:1.5rem;letter-spacing:-0.025em;color:#3b4664}
#login-wrap .customer > dd > a {color:#8e97a7;text-decoration:none}
#login-wrap .customer > dd > small {display:block;font-size:.8rem;color:#8e97a7}
#login-wrap .customer.main {margin-top:0}
#login-wrap .customer.main > dd {font-size:2.375rem;color:#f37920}
#login-wrap .customer.main > dd > a {color:#f37920}
#login-wrap .customer .hp {color:#fefefe;background-color:#8e97a7}
@media screen and (max-width: 39.9375em) {
	#login-wrap .customer {display:block;width:auto;table-layout:inherit}
	#login-wrap .customer > dt,#login-wrap .customer > dd {display:block;width:auto;vertical-align:baseline}
	#login-wrap .customer > dt {margin-bottom:.75rem;padding-left:1rem;text-align:left}
	#login-wrap .customer.main > dd {font-size:1.875rem}
}

/* IP보안 */
.security-guide {padding:1.25rem;background-color:#f0f1f3;border:1px solid #e2e5e9}
.security-guide::after {content:'';display:table;clear:both}
.security-guide .guide-group {margin-top:1.25rem;padding-top:1.25rem;border-top:1px dotted #d4d7de}
.security-guide .guide-group:first-child {margin-top:0;padding:0;border:none}
.security-guide .guide-group > h6 {font-size:1.125rem;line-height:1.25em;letter-spacing:-0.025em;color:#3b4664}
.security-guide .guide-group > h6 small {font-size:.8rem;color:#00b1ed}
.security-guide .guide-group > p {margin:0;font-size:.8rem;line-height:1.625em;letter-spacing:-0.025em;color:#6d788f}

/***************************************************
note : layout
***************************************************/
html.nav-static, html.nav-static body {overflow:hidden;position:relative;height:100%}
html.nav-static body {height:100vh}
html.nav-static #header, html.nav-static #aside {-webkit-transition:0 !important;transition:0 !important}

#wrap {position:relative}
#wrap::after {content:'';display:table;clear:both}

/* header */
#header {position:fixed;z-index:1004;left:0;top:0;width:100%;height:65px;-webkit-transition:transform .3s;transition:transform .3s}
#header::after {content:'';display:table;clear:both}
@media screen and (max-width: 79.9375em) {
	#wrap.hide-nav:not(.is-active) #header {-ms-transform:translateY(-100%);transform:translateY(-100%)}	
}

/* logo */
#header .logo {float:left;position:relative;z-index:10;width:250px;height:65px}
#header .logo::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background-color:#3b4664;-webkit-transition:transform .3s;transition:transform .3s}
#header .logo::after {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#f0f1f3;border-bottom:1px solid #e2e5e9;}
#header .logo > a {display:block;min-height:100%;color:#fefefe;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}
#header .logo .mark {position:absolute;z-index:10;left:1.25rem;top:0;width:85px;height:85px;background-size:100% auto;-webkit-transition:transform .3s;transition:transform .3s}
#header .logo .text {position:absolute;z-index:10;left:115px;top:1.875rem;font-size:1.125rem;line-height:1em;letter-spacing:-0.025em;-webkit-transition:transform .3s;transition:transform .3s}
#header .logo .text small {display:block;font-size:.625rem;font-weight:300;line-height:1.375em;letter-spacing:0;opacity:.4;filter:alpha(opacity:'40')}
@media screen and (max-width: 79.9375em) {
	#header .logo::before {-ms-transform:translateX(-100%);transform:translateX(-100%)}
	#header .logo > a {color:#3b4664}
	#wrap.is-active #header .logo::before {-ms-transform:translateX(0);transform:translateX(0)}
	#wrap.is-active #header .logo > a {color:#fefefe}
	#wrap.hide-nav:not(.is-active) #header .logo .mark {-ms-transform:translateY(-20px);transform:translateY(-20px)}
}

/* top menu */
#header .top-menu {float:left;position:relative;width:calc(100% - 250px);height:100%;background-color:#f0f1f3;border-bottom:1px solid #e2e5e9;-webkit-transition:transform .3s;transition:transform .3s}
#header .top-menu::after {content:'';display:table;clear:both}
@media screen and (min-width: 80em) {
	#wrap.hide-nav #header .top-menu {-ms-transform:translateY(-100%);transform:translateY(-100%)}
}
@media screen and (max-width: 79.9375em) {
	#header .top-menu {position:static}
}

/* aside button */
#header .nav-btn {position:absolute;z-index:15;right:0;top:0;width:65px;height:65px;background:transparent;border:0;cursor:pointer;outline:0}
#header .nav-btn .icon {display:block;position:relative;width:20px;height:2px;margin-left:auto;margin-right:auto;background-color:#4d5370;-webkit-transition:transform .3s;transition:transform .3s}
#header .nav-btn .icon::before,#header .nav-btn .icon::after {content:'';position:absolute;z-index:1;left:0;height:0;border-top:2px solid #4d5370}
#header .nav-btn .icon::before {width:100%;top:-7px}
#header .nav-btn .icon::after {width:70%;bottom:-7px}
#wrap.is-active #header .nav-btn .icon {-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
@media screen and (min-width: 80em) {
	#header .nav-btn {display:none}
}

/* nav */
#header .menu {float:left}
#header .menu > li > a {overflow:hidden;position:relative;max-height:65px;padding:1.5rem 1.5rem;font-size:1rem;font-weight:700;line-height:1em;letter-spacing:-.05em;color:#6d788f;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}
#header .menu > li > a::before {content:'';position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:0;height:0;border-top:3px solid transparent;-webkit-transition:width .3s,border .3s;transition:width .3s,border .3s}
#header .menu > li > a::after {display:none !important}
#header .menu > li.is-active > a,#header .menu > li > a:hover {color:#e7316e}
#header .menu > li.is-active > a::before,#header .menu > li > a:hover::before {border-top-color:#e7316e}
#header .menu > li.is-dropdown-submenu-parent .menu {padding:.25rem;background-color:#f0f1f3;border:1px solid #e2e5e9;border-top:0}
#header .menu > li.is-dropdown-submenu-parent .menu > li.is-submenu-item > a {height:auto;padding:.75rem 1rem;font-size:.8rem;font-weight:300;color:#6d788f;background-color:#fefefe;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}
#header .menu > li.is-dropdown-submenu-parent .menu > li.is-submenu-item.on > a, #header .menu > li.is-dropdown-submenu-parent .menu > li.is-submenu-item > a:hover {color:#4d5370;background-color:#f0f1f3}
#header .menu > li.is-dropdown-submenu-parent .menu > li.is-submenu-item > a::before {display:none !important}

/* top search */ 
#header .top-search {overflow:hidden;position:absolute;z-index:1;right:4.063rem;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
#header .top-search::after {content:'';display:table;clear:both}
#header .top-search input#pc-search {width:186px;height:35px;margin:0;padding:0 .75rem;font-size:.8rem;letter-spacing:-0.05em;background:#fefefe;border:0;border-radius:2rem;box-shadow:none}
#header .top-search input#pc-search::placeholder {color:rgba(57,72,91,.5)}
#header .top-search input#pc-search::-webkit-placeholder {color:rgba(57,72,91,.5)}
#header .top-search input#pc-search::-ms-placeholder {color:rgba(57,72,91,.5)}
#header .top-search button.sch-btn {position:absolute;z-index:1;right:0;top:0;width:36px;height:35px;font-size:1.125rem;color:#6d788f;cursor:pointer}
#header .top-search button.sch-btn .icon {display:block;width:18px;height:18px;margin-left:auto;margin-right:auto;background-size:150px auto}
#header .top-search input#pc-search:focus + button.sch-btn .icon {background-position:0 -25px} 
@media screen and (min-width: 80em) {
	#header .top-search {right:1.25rem}
	#header .top-search input#pc-search {-webkit-transition:width .3s;transition:width .3s}
	#header .top-search input#pc-search:focus {width:230px}
}

/* aside */
#aside {overflow-y:auto;position:fixed;z-index:1003;left:0;top:0px;bottom:0;width:250px;background-color:#3b4664;-webkit-transition:transform .3s;transition:transform .3s}
#aside::after {content:'';display:table;clear:both}
.aside-overlap {display:none;position:fixed;z-index:1002;left:0;top:0;width:100%;height:100vh;background-color:rgba(10,10,10,.5)}
@media screen and (max-width: 79.9375em) {
	#aside {-ms-transform:translateX(-100%);transform:translateX(-100%)}
	#wrap.is-active #aside {-ms-transform:translateX(0);transform:translateX(0)}
	#wrap.is-active .aside-overlap {display:block}
}

/* right side */
#bside {overflow-y:auto;position:fixed;z-index:1010;right:0px;top:0px;bottom:0;width:60px;text-align:center; background-color:#f8f9fa;box-shadow: 0 0 1px 0 rgb(0 0 0 / 56%);}
#bside .right_menu {margin:0; padding:0;}
#bside .right_menu > li {overflow:hidden;width:60px;height:55px;font-size:34px;}
#bside .right_menu > li > a:hover { color:#000000; }
#bside::after {content:'';display:table;clear:both}

/* mobile search */
#aside .search {position:relative;margin-bottom:2.5rem}
#aside .search::after {content:'';display:table;clear:both}
#aside .search input#mb-search {height:40px;margin-bottom:0;padding-left:1rem;padding-right:1rem;font-size:.9rem;letter-spacing:-0.025em;border:none;border-radius:2rem;box-shadow:none}
#aside .search button.mb-sch-btn {position:absolute;z-index:2;right:0;top:0;width:42px;height:40px}
#aside .search button.mb-sch-btn .icon {display:block;width:18px;height:18px;margin-left:auto;margin-right:auto;background-size:150px auto;-webkit-transition:background .3s;transition:background .3s}
#aside .search input#mb-search:focus + button.mb-sch-btn .icon {background-position:0 -25px} 

/* aside member */ 
#aside .member-group .user {position:relative;margin-bottom:1rem;margin-top:100px;margin-left:10px;margin-right:10px;}
#aside .member-group .user::after {content:'';display:table;clear:both} 
#aside .member-group .user .image {overflow:hidden;float:left;width:42px;height:42px;margin-right:1rem;background:url('//ndsoft.co.kr/images/banner/memb_banner_1@2x.png') 50% no-repeat rgb(255,255,255);background-size:100% auto;border-radius:50%}
#aside .member-group .user .name {display:block;font-size:1.063rem;line-height:1.375em;letter-spacing:-0.025em;color:#fefefe}
#aside .member-group .user .model {display:block;padding:0;margin:0;font-size:.688rem;letter-spacing:-0.025em;color:rgba(255,255,255,.35)}
#aside .member-group .user .opener {position:absolute;z-index:1;right:0;top:50%;width:2rem;height:2rem;font-size:.8rem;color:rgba(255,255,255,.5);cursor:pointer;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:transform .3s;transition:transform .3s}
#aside .member-group.active .user .opener {-ms-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}
#aside .member-group .btns {margin-top:1rem;font-size:.75rem;background-color:#2a3650; }
#aside .member-group .btns::after {content:'';display:table;clear:both}
#aside .member-group .btns > a {float:left;position:relative;width:50%;padding:.5rem 0;line-height:1em;letter-spacing:-0.05em;color:#fefefe;text-align:center;}
#aside .member-group .btns > a:nth-child(2n + 1) {clear:both}
#aside .member-group .btns > a:nth-child(2n + 1)::before {content:'';position:absolute;z-index:1;right:0;top:0;bottom:0;border-right:1px solid #3b4664}

/* point graph */
#aside .member-group .point {text-align:center}
#aside .member-group .point .graph {position:relative;max-height:100px;margin-left:auto;margin-right:auto;margin-bottom:0}
#aside .member-group .point .number {position:absolute;z-index:1;left:50%;top:50%;padding:0;margin:0;line-height:1em;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#aside .member-group .point .number .used {font-size:1.063rem;color:#00b0ec}
#aside .member-group .point .number .total {display:block;margin-top:.25rem;font-size:.75em;color:#808a9d}
#aside .member-group .point .number i {font-style:normal}

/* notice */
#aside .notice {margin-top:1rem;font-size:.75rem;font-weight:300;line-height:1.25em;letter-spacing:-0.05em;text-align:center}
#aside .notice a {display:block;color:rgba(255,255,255,.6);text-decoration:none}

/* mobile nav */
#aside .mb-nav {margin-left:-1.25rem;margin-right:-1.25rem;padding:2rem 0}
#aside .menu > li {border-bottom:1px solid rgba(255,255,255,.05);text-align:left}
#aside .mb-nav >  .menu > li:first-child {border-top:1px solid rgba(255,255,255,.05)}
#aside .menu > li > a {padding:1.125rem 1.25rem;font-size:1rem;font-weight:500;letter-spacing:-0.025em;color:#fefefe;text-decoration:none}
#aside .menu > li.is-accordion-submenu-parent > a::after {border-width:4px;border-top-color:#fefefe}
#aside .menu > li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {margin-top:-8px}
#aside .menu > li.is-accordion-submenu-parent .menu {padding-left:1rem;padding-right:1rem;background-color:rgba(0,0,0,.25)}
#aside .menu > li.is-accordion-submenu-parent .menu > li.is-submenu-item {border-bottom:none}
#aside .menu > li.is-accordion-submenu-parent .menu > li.is-submenu-item > a {padding-top:.8rem;padding-bottom:.8rem;font-size:.8rem;font-weight:300}

/* customer center */
#aside .customer {position:absolute;z-index:10;left:1.25rem;right:1.25rem;bottom:1.25rem;padding-left:1rem;padding-right:1rem;line-height:1em;letter-spacing:-0.025em;text-align:left}
#aside.fix-content .customer {position:static;left:inherit;right:inherit;bottom:inherit;margin-top:2.5rem;margin-bottom:1.25rem}
#aside .customer a {text-decoration:none}
#aside .customer .title {position:relative;padding-top:.75rem;margin-bottom:1.25rem;font-size:.9rem;font-weight:700;color:#00b1ed;text-align:center}
#aside .customer .title::before {content:'';position:absolute;z-index:1;left:50%;top:0;width:50%;max-width:22px;height:0;border-top:1px solid #00b1ed;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#aside .customer .icon {display:inline-block;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;vertical-align:baseline}
#aside .customer .main-tel {display:block;margin-bottom:.75rem;font-size:1.375rem;font-weight:800;letter-spacing:-0.05em;color:#fefefe}
#aside .customer .main-tel .icon {width:17px;height:17px;margin-right:.5rem;background-image:url(../image/customer-tel.png)}
#aside .customer .fax {display:block;font-size:1.25rem;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:-0.05em}
#aside .customer .fax .icon {width:16px;height:14px;margin-right:.625rem;background-image:url(../image/customer-fax.png);opacity:.5;filter:alpha(opacity:'50')}
#aside .customer .class-tel {display:block;margin:1.25rem auto 0;padding:.25rem .625rem;font-size:.75rem;color:#fefefe;background-color:#2a3650;text-align:center}
#aside .customer .times {margin:.5rem 0 1rem;padding:0;font-size:.75rem;font-weight:300;color:rgba(255,255,255,.6);text-align:center}
#aside .customer .duty {position:relative;padding:2rem 1rem 1rem;margin-left:-1rem;margin-right:-1rem;background-color:#4a5570;text-align:center}
#aside .customer .duty::before {content:'';position:absolute;z-index:1;left:50%;top:0;width:0;height:1rem;border-left:1px solid #6d788f;-ms-transform:translateX(-50%);transform:translateX(-50%)}
#aside .customer .duty .duty-number {display:block;margin-bottom:.5rem;font-size:1rem;font-weight:700;color:#fefefe}
#aside .customer .duty .guide {padding:0;margin:0;font-size:.688rem;color:rgba(255,255,255,.5)}
@media screen and (max-width: 63.9375em) {
	#aside .customer {position:static;left:inherit;right:inherit;bottom:inherit;margin-top:2.5rem;margin-bottom:1.25rem}
}

/* container */
#container {padding:5.563rem 1.5rem 1.5rem 17.125rem;-webkit-transition:padding .3s;transition:padding .3s}
#wrap.hide-nav #container {padding-top:1.5rem}
@media screen and (max-width: 79.9375em) {
	#container {padding-left:1.5rem}
}
@media screen and (max-width: 39.9375em) {
	#container {padding:5.563rem 1.25rem 1.25rem}
}

/* footer */
#footer {padding:1rem 1.5rem 1rem 17.188rem;border-top:1px solid #e2e5e9;-webkit-transition:padding .3s;transition:padding .3s}
#footer::after {content:'';display:table;clear:both}
#footer .catch {float:left;font-size:.8rem;line-height:1.25em;letter-spacing:-0.025em;color:#4d5370}
#footer .catch .point {color:#e7316e}
#footer .breadcrumbs {float:right;margin-bottom:0;letter-spacing:-0.025em}
#footer .breadcrumbs li:last-child a {color:#e7316e}
@media screen and (max-width: 79.9375em) {
	#footer {padding-left:1.5rem}
}
@media screen and (max-width: 39.9375em) {
	#footer {text-align:center}
	#footer .catch,#footer .breadcrumbs {float:none}
	#footer .catch {margin-bottom:.5rem}
	#footer .breadcrumbs {display:inline-block;margin-left:auto;margin-right:auto}
}

/***************************************************
note : dashborad
***************************************************/
/* layout */
.index-row > .columns:last-child {padding-left:.625rem}
@media screen and (max-width: 63.9375em) {
	.index-row > .columns:last-child {padding-left:0}
}

/* 관리자등록 */
.admin-signup {margin-bottom:.625rem;background-color:#f0f1f3;cursor:default}
.admin-signup::after {content:'';display:table;clear:both}
.admin-signup .signup-panel {float:left;position:relative;padding:1.25rem}
.admin-signup .signup-panel:first-child {padding-top:1.25rem;padding-bottom:1.25rem;width:150px;border-bottom:0;border-right:1px solid #e2e4e9}
.admin-signup .signup-panel:last-child {width:calc(100% - 150px);padding-top:2.125rem}
.admin-signup .title {font-size:1rem;font-weight:700;line-height:1.25em;letter-spacing:-0.025em;color:#3b4664}
.admin-signup .guide {padding:0;margin:0;font-size:.688rem;line-height:1.375em;letter-spacing:-0.025em;color:#9ca4b2}
.admin-signup .guide strong {color:#5f6e87}
.admin-signup .btn {display:inline-block;position:relative;margin-top:.5rem;padding:.125rem .625rem .125rem .625rem;font-size:.688rem;background-color:#fefefe;border:1px solid #dfe2e7;border-radius:.2rem;text-decoration:none;-webkit-transition:background .3s,border .3s;transition:background .3s,border .3s}
.admin-signup .btn::before {content:'';display:block;position:absolute;z-index:1;left:.625rem;top:50%;width:12px;height:12px;background-size:150px auto;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.admin-signup .columns {position:relative}
.admin-signup .num {float:left;width:20px;font-size:1.25rem;font-weight:700;line-height:1.25em;color:#d4d7de;text-align:left}
.admin-signup .content {float:left;width:calc(100% - 20px);margin-bottom:0}
.admin-signup .content dt,.admin-signup .content dd {overflow:hidden;letter-spacing:-0.025em;text-overflow:ellipsis;white-space:nowrap}
.admin-signup .content dt {margin-bottom:.625rem;font-size:1.063rem;line-height:1.25em;color:#4d5370}
.admin-signup .content dd {font-size:.75rem;line-height:1.25em;color:#5f6e87}
.admin-signup .content dt + dd {font-size:.9rem}
@media screen and (min-width: 64em) {
	.admin-signup .num {float:none;position:absolute;z-index:1;left:0;top:0;width:auto;font-size:90px;font-weight:800;line-height:.8em}
	.admin-signup .content {float:none;position:relative;z-index:5;width:auto;padding-left:2.75rem}
	.admin-signup .columns:first-of-type .content {padding-left:2.25rem}
	.admin-signup .content dt {font-size:1.25rem}
	.admin-signup .btn:hover {color:#fefefe;background-color:#39485b;border-color:transparent}
	.admin-signup .btn:hover::before {background-position:-50px -25px}
}
@media screen and (max-width: 39.9375em) {
	.admin-signup {margin-left:-1.25rem;margin-right:-1.25rem}
	.admin-signup .signup-panel:last-child {padding-top:1.25rem}
	.admin-signup .content {float:none}
	.admin-signup .columns:not(:last-child) {margin-bottom:.5rem}
	.admin-signup .content dt {margin-bottom:0}
}

/* works */
.works {margin-bottom:.625rem}
.works .tabs {border-bottom:0;border-color:#e2e5e9;border-top-color:#808a9d}
.works .tabs .tabs-title {width:33.333333%;text-align:center}
.works .tabs .tabs-title > a {min-height:58px;padding:1.25rem;font-size:1rem;font-weight:700;line-height:1em;letter-spacing:-0.05em;color:#808a9d;background-color:#f0f1f3;text-decoration:none}
.works .tabs .tabs-title > a:focus, .works .tabs .tabs-title > a[aria-selected="true"] {color:#e7316e !important;background-color:#fefefe}
.works .tabs .tabs-title .underline {position:relative}
.works .tabs .tabs-title .underline::before {content:'';display:none;position:absolute;z-index:1;left:0;bottom:-1px;width:100%;height:0;border-top:1px solid #e7316e}
.works .tabs .tabs-title > a:focus .underline::before, .works .tabs .tabs-title > a[aria-selected="true"] .underline::before {display:block}
.works .tabs .label {margin-left:.25rem;padding:.2rem .375rem;font-size:.688rem;font-style:normal;line-height:1em;background-color:#aab1bd;border-radius:.2rem}
.works .tabs .label.standby {background-color:#00b1ed}
.works .tabs .label.comment {background-color:#f39a11}
.works .tabs-content {border-color:#e2e5e9}
.works .tabs-panel {min-height:526px;padding:1.5rem} 
@media screen and (min-width: 64em) {
	.works .tabs .tabs-title > a:hover {color:#4d5370}
}
@media screen and (max-width: 79.9375em) {
	.works .tabs-panel {min-height:456px}
}
@media screen and (max-width: 63.9375em) {
	.works .tabs .tabs-title > a {min-height:56px;padding-left:0;padding-right:0;font-size:.8rem}
	.works .tabs .label {font-size:.6rem}
}

/* works table */
.works-bbs::after {content:'';display:table;clear:both}
.works-bbs a {text-decoration:none}
.works-bbs .works-row {display:table;width:100%;table-layout:fixed}
.works-bbs .works-col {display:table-cell;overflow:hidden;width:100%;padding-top:.7rem;padding-bottom:.7rem;line-height:1em;letter-spacing:-0.025em;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}
.works-bbs .works-col i {font-style:normal}
.works-bbs .works-col.state {width:42px}
.works-bbs .works-col.title {font-size:1rem;color:#5f6e87}
.works-bbs .works-col.dated {width:242px;font-size:.688rem;color:#aab1bd;text-align:right}
.works-bbs .works-col.dated .cells {display:inline-block;position:relative}
.works-bbs .label {padding:.2rem .25rem;font-size:.6rem;font-weight:300}
.works-bbs .bar {display:inline-block;padding:0 .5rem;color:#e2e5e9}
.works-bbs .notice {margin-left:-1.75rem;margin-right:-1.75rem;padding:0 1.75rem;background-color:#f0f1f3}
.works-bbs .notice .label {background-color:#e7316e}
.works-bbs .notice .works-col.title {color:#e7316e !important}
.works-bbs .notice .works-col.dated {color:#2a3650}
.works-bbs .standby .label {background-color:#00b0ec}
.works-bbs .check .label {background-color:#73bb39}
.works-bbs .comment .label {background-color:#f39a11}
.works-bbs .complete .label {background-color:#b9bfc9}
.works-bbs .write-btn {display:block;margin-top:1.25rem;padding:1rem 1.25rem;font-size:1.125rem;font-weight:700;line-height:1em;color:#fefefe !important;background-color:#f39a11;vertical-align:middle;text-align:center;-webkit-transition:all .3s;transition:all .3s}
.works-bbs .write-btn > i[class*="ti-"] {width:1.28571429em;font-size:.8em}
@media screen and (min-width: 64em) {
	.works-bbs a:hover .works-col.title {color:#4d5370;text-decoration:underline}
}
@media screen and (min-width: 64em) and (max-width: 79.9375em) {
	.works-bbs .works-row:nth-last-child(1),.works-bbs .works-row:nth-last-child(2) {display:none !important}
}
@media screen and (max-width: 63.9375em) {
	.works-bbs .works-col.dated {display:none}
}


/* ad */
.company-ad {position:relative;padding:1.5rem 0;margin-bottom:.625rem;border:1px solid #e2e5e9}
.company-ad .title {margin-bottom:1.875rem;padding:0 1.5rem;font-size:.9375rem;line-height:1em;letter-spacing:-0.05em;color:#303030}
.company-ad .title i[class*="ti-"] {margin-right:.75rem;font-size:.8em}
.company-ad .slick-slide {padding:0 1.5rem}
.company-ad .ad-pager {position:absolute;z-index:5;right:1.5rem;top:-2.75rem;width:auto}
.company-ad .ad-pager::after {content:'';display:table;clear:both}
.company-ad .ad-pager li[id*="slick-"] {display:block;float:left;position:relative;width:9px;height:9px;margin:0 0 0 3px;background:transparent;-webkit-transition:width .3s;transition:width .3s}
.company-ad .ad-pager li[id*="slick-"]:first-child {margin-left:0}
.company-ad .ad-pager li[id*="slick-"] button[data-role] {overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;font-size:0;color:transparent;background-color:#c6cbd3;border-radius:2rem;cursor:pointer}
.company-ad .ad-pager li[id*="slick-"].slick-active {width:30px}
.company-ad .ad-pager li[id*="slick-"].slick-active button[data-role] {top:2px;height:5px;background-color:#e7316e}
.orbit-banner {position:relative;min-height:190px;background-repeat:no-repeat;background-position:right bottom;background-size:30% auto}
.orbit-banner::after {content:'';display:table;clear:both}
.orbit-banner.slide-1 {background-image:url(../image/banner/notice1.png)}
.orbit-banner.slide-2 {background-image:url(../image/banner/notice2.png)}
.orbit-banner.slide-3 {background-image:url(../image/banner/notice3.png)}
.orbit-banner > a {display:block;text-decoration:none}
.orbit-banner .ad-title {overflow:hidden;margin-bottom:1.5rem;font-size:2.8rem;font-weight:700;line-height:1em;letter-spacing:-0.1em;color:#e7316e;text-overflow:ellipsis;white-space:nowrap}
.orbit-banner .summary {display:block;display:-webkit-box;overflow:hidden;max-height:3.75em;margin:0;padding-right:35%;font-size:1.125rem;font-weight:300;line-height:1.25em;letter-spacing:-0.075em;color:#303030;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.orbit-banner .btn {display:inline-block;margin-top:1rem;padding:.5rem .75rem;font-size:.8rem;line-height:1em;letter-spacing:-0.025em;color:#fefefe;background-color:#808a9d;border-radius:.2rem}
.orbit-banner .btn i[class*="ti-"] {font-size:.7em}
@media screen and (max-width: 63.9375em) {
	.orbit-banner {min-height:175px}
	.orbit-banner .ad-title {font-size:1.875rem}
	.orbit-banner .summary {font-size:1rem}
}

/* quick banner */
.quick-link {margin-bottom:.625rem}
.quick-link .quick-banner::after {content:'';display:table;clear:both}
.quick-link .quick-banner a {display:block;overflow:hidden;position:relative;z-index:2;height:215px;background-repeat:no-repeat;background-position:50%;border-bottom:1px solid #e2e5e9;border-right:1px solid #e2e5e9;-webkit-transition:background .3s cubic-bezier(.165,.84,.44,1);transition:background .3s cubic-bezier(.165,.84,.44,1)}
.quick-link .quick-banner.bn-1 a {background-image:url(/assets/images/main/quick1.png);background-position:0 50%;background-size:80% auto}
.quick-link .quick-banner.bn-2 a {background-image:url(/assets/images/main/quick2.png);background-position:50% 35%;background-size:60% auto}
.quick-link .quick-banner.bn-3 a {background-image:url(/assets/images/main/quick3.png);background-position:50% 26%;background-size:38% auto}
.quick-link .quick-banner.bn-4 a {background-image:url(/assets/images/main/quick4.png);background-position:50% 36.5%;background-size:60% auto}
.quick-link .columns:first-child .quick-banner a,.quick-link .columns:nth-child(2) .quick-banner a {border-top:1px solid #e2e5e9}
.quick-link .columns:first-child .quick-banner a,.quick-link .columns:nth-child(2n + 1) .quick-banner a {border-left:1px solid #e2e5e9}
.quick-link .quick-banner .title {display:block;position:absolute;z-index:5;left:0;bottom:0;width:100%;padding:1.5rem 0;font-size:1.375rem;line-height:1em;letter-spacing:-0.05em;color:#4d5370;text-align:center;-webkit-transition:all .2s cubic-bezier(.165,.84,.44,1);transition:all .2s cubic-bezier(.165,.84,.44,1)}
.quick-link .quick-banner .title::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:300%;background-color:rgba(255,255,255,.8);-ms-transform:skewY(6.5deg) translateY(100%);transform:skewY(6.5deg) translateY(100%);-webkit-transition:all .2s cubic-bezier(.165,.84,.44,1);transition:all .2s cubic-bezier(.165,.84,.44,1)}
.quick-link .quick-banner .title .text {position:relative;z-index:5;font-style:normal}
.quick-link .quick-banner .title .text::before {content:'VIEW';display:inline-block;position:absolute;z-index:1;top:calc(100% + 10px);left:50%;padding:.2rem .625rem;font-size:.45em;line-height:1em;letter-spacing:0;color:#00b1ed;border:1px solid #00b1ed;border-radius:2rem;-ms-transform:translate(-50%, 100%);transform:translate(-50%, 100%);-webkit-transition:transform .2s cubic-bezier(.165,.84,.44,1);transition:transform .2s cubic-bezier(.165,.84,.44,1)}
@media screen and (min-width: 64em) {
	.quick-link .quick-banner a:hover {background-color:#f0f1f3}
	.quick-link .quick-banner a:hover .title {padding-bottom:2.5rem;color:#005ca0}
	.quick-link .quick-banner a:hover .title::before {-ms-transform:skewY(6.5deg) translateY(0);transform:skewY(6.5deg) translateY(0)}
	.quick-link .quick-banner a:hover .title .text::before{-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}
}
@media screen and (max-width: 79.9375em) {
	.quick-link .quick-banner a {height:180px}
}
@media screen and (max-width: 63.9375em) {
	.quick-link .quick-banner a {height:0;padding-bottom:90%;text-shadow:1px 1px 0 #fefefe}
	.quick-link .quick-banner .title {padding-top:1rem;padding-bottom:1rem;font-size:1rem}
	.quick-link .quick-banner .title .text::before {display:none !important}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.quick-link .quick-banner a {border-top:1px solid #e2e5e9}
	.quick-link .columns:nth-child(2n + 1) .quick-banner a {border-left:0}
	.quick-link .columns:first-child .quick-banner a {border-left:1px solid #e2e5e9}
}
@media screen and (max-width: 39.9375em) {
	.quick-link .quick-banner a {height:100px;padding-bottom:0;background-position:25px 50% !important;background-size:100px auto !important;border-left:1px solid #e2e5e9}
	.quick-link .columns:nth-child(2) .quick-banner a {border-top:0}
	.quick-link .quick-banner.bn-1 a {background-image:url(../image/banner/m-quick1.png);background-position:0 50% !important;background-size:150px auto !important}
	.quick-link .quick-banner.bn-2 a {background-image:url(../image/banner/m-quick2.png)}
	.quick-link .quick-banner.bn-3 a {background-image:url(../image/banner/m-quick3.png)}
	.quick-link .quick-banner.bn-4 a {background-image:url(../image/banner/m-quick4.png)}
	.quick-link .quick-banner .title {left:auto;right:25px;bottom:auto;top:50%;width:auto;font-size:1.25rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
}

/* faq */
.faq {margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:-1.5rem;background-color:#f0f1f3}
.faq .faq-inner {padding:2rem .875rem}
.faq .faq-inner::after {content:'';display:table;clear:both}
.faq .title {display:block;padding:.3rem 1.5rem;color:#3b4664;text-decoration:none}
.faq .title:hover {text-decoration:none}
.faq .title .text {font-size:2.5rem;line-height:1em;letter-spacing:-0.075em}
.faq .title .more {display:block;padding:0 .8rem;margin-top:1.625rem} 
.faq .title .more i[class*="ti-"] {font-size:.7em}
.faq .faq-cell {float:left;width:25%;padding:0 .625rem;margin-top:10px}
.faq .faq-cell:first-child,.faq .faq-cell:nth-child(4n + 1) {margin-left:0;clear:both}
.faq .faq-cell:nth-child(1),.faq .faq-cell:nth-child(2),.faq .faq-cell:nth-child(3),.faq .faq-cell:nth-child(4) {margin-top:0}
.faq .faq-panel {display:table;width:100%;table-layout:fixed}
.faq .faq-panel > a {display:table-cell;width:100%;height:156px;padding:1rem 1.875rem;font-size:1.125rem;;line-height:1.5em;letter-spacing:-0.05em;background-color:#fefefe;text-align:center;vertical-align:middle;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}
@media screen and (min-width: 64em) {
	.faq .faq-panel > a:hover {color:#fefefe;background-color:#808a9d;-ms-transform:translate(0, -4px);transform:translate(0, -4px)}
}
@media screen and (max-width: 63.9375em) {
	.faq {overflow:hidden;max-height:220px}
	.faq-scroller {overflow-y:hidden;overflow-x:auto;padding-bottom:1.25em}
	.faq .faq-inner {width:120em}
	.faq .faq-cell:nth-child(n) {width:12.5%;margin-top:0;clear:inherit}
}
@media screen and (max-width: 39.9375em) {
	.faq {margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:-1.25rem}
	.faq .faq-inner {width:65em}
	.faq .title {padding-left:0;padding-right:0}
	.faq .title .text {font-size:1.75rem}
	.faq .title .more {margin-top:.8rem;padding:0;font-size:.8rem}
	.faq .faq-cell:nth-child(n) {width:21.5%}
	.faq .faq-cell:nth-child(1) {width:14%}
	.faq .faq-cell:nth-last-child(1),.faq .faq-cell:nth-last-child(2),.faq .faq-cell:nth-last-child(3) {display:none !important}
	.faq .faq-panel > a {padding-left:1.25rem;padding-right:1.25rem;font-size:1rem}
}

/***************************************************
note : page basic layout
***************************************************/
/* header title */
.page-titles {position:relative;padding-top:1.25rem;margin-bottom:2.875rem;text-align:center}
.page-titles::before {content:'';position:absolute;z-index:1;left:50%;top:-1.5rem;width:0;height:2rem;border-left:1px solid #e7316e;-ms-transform:translateX(-50%);transform:translateX(-50%)}
.page-titles::after {content:'';display:table;clear:both}
.page-titles .text {overflow:hidden;font-size:2.25rem;font-weight:700;line-height:1.25em;letter-spacing:-0.075em;color:#4d5370;text-overflow:ellipsis;white-space:nowrap}
.page-titles .summary {display:block;overflow:hidden;padding:0;margin:0;font-size:.875rem;font-weight:300;line-height:1.25em;letter-spacing:-0.025em;color:#6d788f;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width: 39.9375em) {
	.page-titles .text {font-size:1.75em}
	.page-titles .summary {font-size:.8rem}
}

/* pagination */
.paginate {text-align:center}
.paginate::after {content:'';display:table;clear:both}
.paginate .inner {display:inline-block;margin:0 auto;list-style:none}
.paginate .inner li {display:inline-block;font-size:.9rem}
.paginate .inner [class*="ti-"] {font-size:.8em}
.paginate .inner a, .paginate .inner .on {display:inline-block;min-width:30px;height:30px;padding:.375rem;letter-spacing:-0.05em;line-height:1.25em;color:#6d788f;border-radius:2rem;text-decoration:none}
.paginate .inner a {-webkit-transition:color .3s, background .3s;transition:color .3s, background .3s}
.paginate .inner .on {font-weight:700;color:#e7316e;border:1px solid #e7316e;cursor:default}
@media screen and (min-width: 64em) {
	.paginate .inner a:hover {color:#4d5370;background-color:#f0f1f3}
}

/* tips */
.nd-tips {position:absolute;z-index:15;width:280px;padding:1rem;background-color:#fefefe;border:1px solid #aab1bd}
.nd-tips::before,.nd-tips::after {content:'';position:absolute;left:50%;top:100%;border-style:solid;border-color:transparent;-ms-transform:translateX(-50%);transform:translateX(-50%)}
.nd-tips::before {z-index:1;border-width:6px;border-top-color:#aab1bd}
.nd-tips::after {z-index:2;border-width:5px;border-top-color:#fefefe}
.nd-tips .tip-title {font-size:1.125rem;line-height:1.25em;letter-spacing:-0.025em;color:#4d5370}
.nd-tips .tip-title .point {color:#e7316e}
.nd-tips .tip-sum {padding:0;margin:0;font-size:.75rem;line-height:1.625em;letter-spacing:-0.05em;color:#8e97a7}
.nd-tips .tip-sum strong {color:#4d5370;text-decoration:underline}
.nd-tips .close {position:absolute;z-index:5;right:1rem;top:1rem;width:22px;height:22px;cursor:pointer}
.nd-tips .close::before,.nd-tips .close::after {content:'';position:absolute;z-index:1;left:50%;top:50%;width:100%;height:0;border-top:1px solid #aab1bd}
.nd-tips .close::before {-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}
.nd-tips .close::after {-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}
@media screen and (max-width: 39.9375em) {
	.nd-tips {width:100%;max-width:280px}
}

/***************************************************
note : 업무요청
***************************************************/
/* 리스트 */
.works-table {margin-bottom:2rem;border-top:2px solid #4d5370}
.works-table .works-row {display:table;width:100%;border-collapse:collapse;table-layout:fixed}
.works-table .works-cell {display:table-cell;width:100%;padding:1rem .625rem;font-size:.9rem;line-height:1.25em;letter-spacing:-0.025em;color:#6d788f;border-bottom:1px solid #e2e5e9;text-align:center;vertical-align:middle}
.works-table .works-row.thead .works-cell {padding:1.125rem 0;font-size:1rem;color:#4d5370}
.works-table .works-row .works-cell.chknum {width:30px;}
.works-table .works-row .works-cell.chknum input[type="checkbox"] {margin:5px 0 0 0}
.works-table .works-row .works-cell.division {width:58px}
.works-table .works-row .works-cell.title {padding:0;text-align:left}
.works-table .works-row .works-cell.title a {display:block;padding:1rem .625rem;font-size:1rem;line-height:1.5em;color:#4d5370}
.works-table .works-row .works-cell.title a:hover {text-decoration:underline}
.works-table .works-row .works-cell.title a:visited {color:#9ca4b2}
.works-table .works-row .works-cell.title.complaint a::before {content:'';display:inline-block;width:12px;height:12px;margin-right:.5rem;background:url(../image/complaint.png) 0 0 no-repeat;background-size:100% auto}
.works-table .works-row .works-cell.file {width:50px}
.works-table .works-row .works-cell.name {width:82px}
.works-table .works-row .works-cell.request, .works-table .works-row .works-cell.finish {width:100px}
.works-table .works-row .works-cell.point {width:62px}
.works-table .works-row:not(.thead) .works-cell.point {color:#aab1bd}
.works-table .works-row .works-cell.state {width:70px}
.works-table .works-row.notice {background-color:#f0f1f3}
.works-table .works-row.notice .tags {font-size:.75em;letter-spacing:0;color:#e73f72}
.works-table .works-row.notice .works-cell.title a {font-weight:700;color:#2a3650}
.works-table .works-row:not(.thead) .works-cell [class*="ti-"] {font-size:.9em}
.works-table .division-group {display:inline-block;margin-left:auto;margin-right:auto}
.works-table .division-group::after {content:'';display:table;clear:both}
.works-table .division-group .icon {overflow:hidden;float:left;width:6px;height:6px;background-color:#f0f1f3}
.works-table .division-group .icon.deg.on {background-color:#e7316e}
.works-table .division-group .icon.dev.on {background-color:#00b0ec}
.works-table .division-group .icon.pln.on {background-color:#6eb92c}
.works-table .division-group .icon.pub.on {background-color:#00b0ec}
.works-table .state-color {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.works-table .state-color.color-1 {color:#aab1bd}
.works-table .state-color.color-2 {color:#73bb39}
.works-table .state-color.color-3 {color:#4d5370}
.works-table .state-color.color-4 {color:#f39a11}
.works-table .state-color.color-5 {color:#00b1ed}
.works-table .small-font {font-size:.75rem}

/* 글쓰기버튼 */
.write-btns {margin-top:2rem;text-align:center}
.write-btns.for-write {padding-left:120px}
.write-btns::after {content:'';display:table;clear:both}
.write-btns .button {padding:1rem 2.75rem;font-size:1rem;font-weight:700;letter-spacing:-0.05em;color:#4d5370 !important;background-color:#fefefe;border:1px solid #4d5370}
.write-btns .button::before {content:'+';display:inline-block;margin-right:.5rem;color:#e7316e;vertical-align:middle}
.write-btns .button.minus::before {content:'-'}
.write-btns.for-modal .button::before {color:#00b1ed}
.write-btns [class*="ti-"] {margin-left:.5rem;font-size:.8em}
@media screen and (max-width: 63.9375em) {
	.write-btns.for-write {padding-left:0}
}
@media screen and (max-width: 39.9375em) {
	.write-btns .button {display:block;width:100%;padding-left:.5rem;padding-right:.5rem}
}

/* 뷰 */
.works-view {border-top:2px solid #4d5370}
.works-view::after {content:'';display:table;clear:both}

/* 뷰-상단 */
.works-view .header {padding:1.375rem 1rem 0;margin-bottom:2rem;border-bottom:1px solid #e2e5e9}
.works-view .header .title {margin-bottom:1rem;font-size:1.875rem;line-height:1.25em;letter-spacing:-0.075em;color:#2a3650}
.works-view .header .info {display:block;margin:0 0 1.25rem;padding:0;list-style:none}
.works-view .header .info::after {content:'';display:table;clear:both}
.works-view .header .info li {float:left;font-size:.875rem;line-height:1em;letter-spacing:-0.025em;color:#6d788f}
.works-view .header .info li::before {content:'|';display:inline-block;padding:0 .625rem;font-weight:300;color:#b8bec8}
.works-view .header .info li:first-child::before {content:'';display:none}
.works-view .header .upload-files {margin-left:-1rem;margin-right:-1rem;margin-bottom:0;padding:1rem;background-color:#f0f1f3}
.works-view .header .upload-files dt, .works-view .header .upload-files dd {display:table-cell;vertical-align:middle}
.works-view .header .upload-files dt {width:80px;font-size:.8rem;font-weight:400;color:#4d5370}
.works-view .header .upload-files .button-group {margin-bottom:0}
.works-view .header .upload-files .button-group .button {font-weight:300;color:#6d788f;background-color:#fefefe;border:1px solid #e2e5e9;-webkit-transition:color .25s, border .25s;transition:color .25s, border .25s}
.works-view .header .upload-files .button-group .button:hover,.works-view .header .upload-files .button-group .button:focus {color:#4d5370;border-color:#aab1bd}
.works-view .header .upload-files .button-group .button [class*="ti-"] {margin-right:.5rem;font-size:.8em}
@media screen and (max-width: 39.9375em) {
	.works-view .header {padding-left:0;padding-right:0}
	.works-view .header .title {font-size:1.5rem}
	.works-view .header .info li {float:none;position:relative;padding-left:.8rem;margin-bottom:.5rem}
	.works-view .header .info li::before {content:'';display:none}
	.works-view .header .info li::after {content:'';position:absolute;z-index:1;left:0;top:.25rem;width:3px;height:3px;background-color:#d4d7de;border-radius:50%}
	.works-view .header .info li:last-child {margin-bottom:0}
	.works-view .header .upload-files {margin-left:0;margin-right:0rem;border:1px solid #e2e5e9}
	.works-view .header .upload-files dt, .works-view .header .upload-files dd {display:block;width:auto;vertical-align:baseline}
	.works-view .header .upload-files dt {font-weight:700}
}

/* 뷰-본문 */
.works-view .container::after {content:'';display:table;clear:both}
.works-view .content {padding:0 1.25rem;font-family:inherit;font-size:1.063rem;line-height:1.625em;letter-spacing:-0.05em;color:#4d5370}
.works-view .content p {font:inherit !important;line-height:1.625em;letter-spacing:-0.05em;text-align:left;word-break:normal;word-wrap:break-word}
.works-view .content p:first-child {margin-top:0}
.works-view .content a[href] {color:#00b1ed}
.works-view .content a[href]:hover {text-decoration:underline}
.works-view .content table {width:100% !important;padding:0;margin:0 0 1.25rem;border:0;border-collapse:collapse}
.works-view .content table caption {padding-left:0;padding-right:0;text-align:left}
.works-view .content table thead, .works-view .content table tbody {border-left:0;border-right:0}
.works-view .content table tbody {background-color:#fefefe}
.works-view .content table tbody tr {border-bottom:1px solid #f1f1f1}
.works-view .content table tbody tr:nth-child(2n) {background:transparent}
.works-view .content table th, .works-view .content table td {font-size:.9rem;border:0}
.works-view .content table td {color:#727d92}
.works-view .content table tbody th {background-color:#f8f8fa}
.works-view .content iframe, .works-view .content object, .works-view .content video, .works-view .content audio {max-width:100% !important}
@media screen and (max-width: 39.9375em) {
	.works-view .content .tpl_form_box {overflow-x:auto}
	.works-view .content .tpl_form_box table {width:640px !important}
}

/* 뷰-버튼 */
.view-btns::after {content:'';display:table;clear:both}
.view-btns .btns-inner {float:right;position:relative}
.view-btns .button-group .button {padding-left:1.75rem;padding-right:1.75rem;letter-spacing:-0.05em;background-color:#5f6e87;border-color:transparent}
.view-btns .button-group .button.hollow {color:#5f6e87;background-color:#fefefe;border-color:#5f6e87}
.view-btns .button-group .button [class*="ti-"] {margin-right:.375rem;font-size:.8em}
.view-btns .nd-tips {right:0;bottom:calc(100% + 10px)}
@media screen and (max-width: 39.9375em) {
	.view-btns .btns-inner {float:none}
	.view-btns .button-group .button {padding-left:1rem;padding-right:1rem}
	.view-btns .nd-tips {right:auto;left:0}
	.view-btns .nd-tips::before, .view-btns .nd-tips::after {-ms-transform:translateX(0);transform:translateX(0)}
	.view-btns .nd-tips::before {left:25%}
	.view-btns .nd-tips::after {left:calc(25% + 1px)}
}

/* 만족도평가 */
.works-view .poll {margin:2rem 0;padding-top:2rem;border-top:1px solid #5f6e87;text-align:center}
.works-view .poll .poll-table {display:table;width:100%;max-width:710px;margin-left:auto;margin-right:auto;table-layout:fixed}
.works-view .poll .poll-table .cells {display:table-cell;width:100%;vertical-align:middle}
.works-view .poll .poll-table .cells.poll-title {width:230px;text-align:right}
.works-view .poll .poll-title .poll-text {font-size:1.375rem;font-weight:700;line-height:1.25em;letter-spacing:-0.05em;color:#4d5370}
.works-view .poll .poll-title .poll-sum {font-size:.6rem;line-height:1.25em;letter-spacing:-0.075em;color:#aab1bd}
.works-view .poll .poll-content {padding-left:3.875rem}
.works-view .poll .emoji {margin-bottom:.75rem}
.works-view .poll .emoji::after {content:'';display:table;clear:both}
.works-view .poll .emoji em {font-style:normal;-webkit-transition:color .3s;transition:color .3s}
.works-view .poll .emoji input[type="radio"] {display:none}
.works-view .poll .emoji input[type="radio"] + label[for] {float:left;width:20%;margin:0;font-size:.75rem;line-height:1.25em;letter-spacing:-0.05em;color:#808a9d}
.works-view .poll .emoji input[type="radio"] + label[for] .icon {display:block;width:40px;height:45px;margin-left:auto;margin-right:auto;margin-bottom:.375rem;background:url(/assets/images/poll-emoji.png) 0 0 no-repeat;background-size:40px auto}
.works-view .poll .emoji input[type="radio"] + label[for].level-1 .icon {background-position:0 0}
.works-view .poll .emoji input[type="radio"] + label[for].level-2 .icon {background-position:0 -90px}
.works-view .poll .emoji input[type="radio"] + label[for].level-3 .icon {background-position:0 -180px}
.works-view .poll .emoji input[type="radio"] + label[for].level-4 .icon {background-position:0 -270px}
.works-view .poll .emoji input[type="radio"] + label[for].level-5 .icon {background-position:0 -360px}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-1 .icon {background-position:0 -45px}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-1 em {color:#005ca0}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-2 .icon {background-position:0 -135px}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-2 em {color:#00b1ed}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-3 .icon {background-position:0 -225px}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-3 em {color:#73bb39}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-4 .icon {background-position:0 -315px}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-4 em {color:#f39a11}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-5 .icon {background-position:0 -405px}
.works-view .poll .emoji input[type="radio"]:checked + label[for].level-5 em {color:#d60200}
.works-view .poll .emoji input[type="radio"]:checked + label[for] .icon {-webkit-animation:bobble .5s 2;animation:bobble .5s 2}
/* 첨부파일 */
.works-view .file-uploader {display:inline-block;padding:.625rem 1.5rem;font-size:.9rem;line-height:1em;letter-spacing:-0.05em;color:#808a9d;border:1px solid #b8bec8;cursor:pointer;-webkit-transition:color .3s, border .3s;transition:color .3s, border .3s}
.works-view .file-uploader i[class*="ti-"] {margin-right:.5rem;font-size:.75em}
.works-view .upload-trash {margin-top:.5rem}
.works-view .upload-trash .button {padding:.5rem 1rem;font-size:.75rem;letter-spacing:-0.05em;color:#fefefe;background-color:#9ca4b2}
.works-view .upload-trash .button i[class*="ti-"] {margin-left:.5rem;font-size:.75em}
.works-view .poll-content .help-text {padding:0;margin:.5rem 0 1rem;font-size:.75em}
.works-view .poll-content .help-text.point {color:#e73f72}
@media screen and (min-width: 64em) {
	.works-view .file-uploader:hover, .works-view .file-uploader:focus {color:#4d5370;border-color:#6d788f}
	.works-view .upload-trash .button:hover, .works-view .upload-trash .button:focus {background-color:#808a9d}
}
@media screen and (max-width: 39.9375em) {
	.works-view .file-uploader {display:block;padding-top:1rem;padding-bottom:1rem;text-align:center}
	.works-view .upload-trash .button {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media screen and (max-width: 63.9375em) {
	.works-view .poll .poll-table .cells.poll-title {width:170px;text-align:left}
	.works-view .poll .poll-title .poll-text {font-size:1.25rem}
}
@media screen and (max-width: 39.9375em) {
	.works-view .poll .poll-table, .works-view .poll .poll-table .cells {display:block;width:auto !important;max-width:inherit}
	.works-view .poll .poll-table .cells.poll-title {text-align:center}
	.works-view .poll .poll-title .poll-text {font-size:1rem;line-height:1em}
	.works-view .poll .poll-content {padding-left:0}
	.works-view .poll .emoji input[type="radio"] + label[for] {overflow:hidden;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}
}

/* 만족도평가-의견 */
.works-view .poll .poll-input {position:relative}
.works-view .poll .poll-input textarea {height:45px;margin-bottom:0;padding-right:5.25rem;font-size:.75rem;color:#727d92;border:1px solid #e2e5e9;box-shadow:none;-webkit-transition:all .3s;transition:all .3s}
.works-view .poll .poll-input textarea:focus {height:60px;border-color:#aab1bd}
.works-view .poll .poll-input .button {position:absolute;z-index:1;right:.625rem;top:.625rem;padding:.5rem 1.25rem;margin:0;font-size:.75rem;background-color:#e7316e}

/* 담당자 */
.works-view .footer::after {content:'';display:table;clear:both}
.works-view .manager-group {position:relative;padding:1.25rem 1.875rem;margin-bottom:1rem;background-color:#f0f1f3;border-top:1px solid #e2e5e9;border-bottom:1px solid #e2e5e9}
.works-view .manager-group:last-child {margin-bottom:0}
.works-view .manager {position:relative;z-index:5;min-height:50px;padding-top:.5rem;padding-left:5.25rem;margin-bottom:.5rem}
.works-view .manager::after {content:'';display:table;clear:both}
.works-view .manager .pic {display:block;overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:68px;height:68px;background-image:url(../image/manager-none.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#fefefe;border-radius:50%}
.works-view .manager .name {display:block;margin-bottom:.25rem;font-size:1rem;line-height:1.25em;letter-spacing:-0.025em;color:#4d5370}
.works-view .manager .name .team {display:inline-block;margin-left:.375em;font-size:.7em;font-weight:400}
.works-view .manager .name .team.deg {color:#e7316e}
.works-view .manager .name .team.dev {color:#00b0ec}
.works-view .manager .name .team.pln {color:#73bb39}
.works-view .manager .info {display:block;margin:0;padding:0;list-style:none}
.works-view .manager .info::after {content:'';display:table;clear:both}
.works-view .manager .info li {float:left;font-size:.8rem;font-weight:300;line-height:1.25em;letter-spacing:-0.025em;color:#6d788f}
.works-view .manager .info li::before {content:'|';display:inline-block;padding:0 .5rem;color:#b8bec8}
.works-view .manager .info li:first-child::before {content:'';display:none}
.works-view .manager .info li a {color:#6d788f;text-decoration:none}
.works-view .manager .info [class*="ti-"] {margin-right:.375rem;font-size:.8em}
.works-view .manager .nd-tips {bottom:calc(100% + 10px);left:-1.875rem}
.works-view .manager .nd-tips::before, .works-view .manager .nd-tips::after {-ms-transform:translateX(0);transform:translateX(0)}
.works-view .manager .nd-tips::before {left:15%}
.works-view .manager .nd-tips::after {left:calc(15% + 1px)}
.works-view .state-group {position:absolute;z-index:2;right:1.875rem;top:.9rem}
.works-view .state-group .state {display:table-cell;padding-left:.5rem;vertical-align:middle;text-align:center}
.works-view .state-group .state:first-child {padding-left:0}
.works-view .state-group .state em {display:inline-block;position:relative;z-index:5;width:34px;height:34px;margin-left:auto;margin-right:auto;font-size:.75rem;line-height:34px;letter-spacing:-0.05em;font-style:normal;color:#c6cbd3;background-color:#fefefe;border-radius:50%}
.works-view .state-group .state em::before {content:'';display:none;position:absolute;z-index:1;left:50%;top:-.9rem;width:0;height:.9rem;border-left:1px solid #00b1ed}
.works-view .state-group .state.on em {width:45px;height:45px;line-height:45px;color:#fefefe;background:#00b1ed}
.works-view .state-group .state.on em::before {display:block}
.works-view .manager-group .comment {margin-left:2.25rem;padding:1.125rem;font-size:1rem;line-height:1.625em;letter-spacing:-0.025em;color:#4d5370;background-color:#fefefe;border-radius:.2rem;text-align:left;word-break:normal;word-wrap:break-word}
.works-view .manager-group .comment a {color:#00b1ed}
@media screen and (max-width: 39.9375em) {
	.works-view .footer {margin-left:-1.25rem;margin-right:-1.25rem}
	.works-view .manager-group {padding-left:1.25rem;padding-right:1.25rem;padding-top:.625rem;text-align:center}
	.works-view .manager {min-height:68px;text-align:left}
	.works-view .manager .info li {float:none;position:relative}
	.works-view .manager .info li::before {content:'';display:none}
	.works-view .manager .info li a {display:block;overflow:hidden;line-height:1.375em;text-overflow:ellipsis;white-space:nowrap}
	.works-view .manager .nd-tips {left:0}
	.works-view .state-group {display:inline-block;position:static;right:auto;top:auto;margin-left:auto;margin-right:auto;margin-bottom:1.25rem}
	.works-view .state-group .state em::before {top:-.625rem}
	.works-view .manager-group .comment {margin-left:0}
}

/* 글쓰기 */
.works-write {border-top:2px solid #4d5370}
.works-write::after {content:'';display:table;clear:both}
.works-write .value-group {padding:1.25rem 0;border-bottom:1px solid #e2e5e9}
.works-write .value-group.goods {background-color:#f0f1f3}
.works-write .value-group::after {content:'';display:table;clear:both}
.works-write .value-group.last-child {padding-bottom:0} 
.works-write .value-group .titles, .works-write .value-group .content {float:left}
.works-write .value-group .titles {width:120px;padding-left:1.25rem;font-size:.9rem;line-height:1.5em;letter-spacing:-0.05em;color:#4d5370}
.works-write .value-group .titles[data-tooltip] {font-weight:normal;border:0}
.works-write .value-group .titles > i[class*="ti-"] {font-size:.8em}
.works-write .value-group .titles > i[class*="ti-"][data-tooltip] {font-weight:normal;border:0}
.works-write .value-group .content {width:calc(100% - 120px);padding-right:.9375rem}
.works-write .value-group .content input[type] {height:3rem;margin-bottom:0;border-color:#e2e5e9;box-shadow:none}
.works-write .value-group .content input[type]:focus {border-color:#4d5370}
.works-write .value-group .help-text {padding:0;margin:.5rem 0 1rem;font-size:.75em}
.works-write .value-group .help-text.point {color:#e73f72}
@media screen and (max-width: 63.9375em) {
	.works-write .value-group .titles, .works-write .value-group .content {float:none;width:auto}
	.works-write .value-group .titles {padding-right:1.25rem;margin-bottom:.75rem}
	.works-write .value-group .content {padding-left:1.25rem;padding-right:1.25rem}
}
@media screen and (max-width: 39.9375em) {
	.works-write {border-top:0}
	.works-write .value-group.goods {border-top:2px solid #4d5370}
	.works-write .value-group {margin-left:-1.25rem;margin-right:-1.25rem}
}

/* 주문양식 */
.button-group.service-btn .button {color:#727d92 !important;background-color:#fefefe;border:1px solid #c6cbd3}
.button-group.service-btn .button i[class*="ti-"] {font-size:.8em;margin-right:.5rem}
@media screen and (min-width: 64em) {
	.button-group.service-btn .button {-webkit-transition:border .3s;transition:border .3s}
	.button-group.service-btn .button:hover, .button-group.service-btn .button:focus {color:#4d5370 !important;border-color:#4d5370}
}

/* 안내메시지 */
.works-write .value-group .titles.for-help {position:relative;cursor:pointer}
.works-write .value-group .titles.for-help .nd-tips {display:none;width:360px;left:0;bottom:calc(100% + 20px)}
.works-write .value-group .titles.for-help .nd-tips::before, .works-write .value-group .titles.for-help .nd-tips::after {-ms-transform:translateX(0);transform:translateX(0)}
.works-write .value-group .titles.for-help .nd-tips::before {left:35px}
.works-write .value-group .titles.for-help .nd-tips::after {left:36px}
.works-write .nd-tips .goods-type {display:block;margin:0}
.works-write .nd-tips .goods-type::after {content:'';display:table;clear:both}
.works-write .nd-tips .goods-type dt, .works-write .nd-tips .goods-type dd {float:left;font-size:.75rem;line-height:1.25em}
.works-write .nd-tips .goods-type dt {width:55px;color:#4d5370;clear:both}
.works-write .nd-tips .goods-type dd {width:calc(100% - 55px);color:#808a9d}
@media screen and (max-width: 39.9375em) {
	.works-write .value-group .titles.for-help .nd-tips {width:100%;max-width:inherit;top:calc(100% + 10px);bottom:auto}
	.works-write .value-group .titles.for-help .nd-tips::before, .works-write .value-group .titles.for-help .nd-tips::after {top:auto;bottom:100%;border-top-color:transparent}
	.works-write .value-group .titles.for-help .nd-tips::before {border-bottom-color:#aab1bd}
	.works-write .value-group .titles.for-help .nd-tips::after {border-bottom-color:#fefefe}
	.works-write .nd-tips .goods-type dt:not(:last-of-type), .works-write .nd-tips .goods-type dd:not(:last-of-type) {margin-bottom:.625rem}
}

/* 유형 */
.goods-group::after {content:'';display:table;clear:both}
.goods-group input[type="checkbox"] {display:none}
.goods-group input[type="checkbox"] + label[for] {float:left;position:relative;margin:0 .125rem .125rem 0;padding:.8rem 1.625rem;font-size:.9rem;line-height:1em;letter-spacing:-0.05em;color:#9ca4b2;background-color:#fefefe;text-align:center;vertical-align:top;-webkit-transition:all .3s;transition:all .3s}
.goods-group input[type="checkbox"] + label[for]::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.12)}
.goods-group input[type="checkbox"] + label[for] i[class*="ti-"] {display:inline-block;position:relative;width:20px;height:20px;margin-right:.5rem;font-size:.7em;background-color:#f0f1f3;border-radius:50%;vertical-align:middle}
.goods-group input[type="checkbox"] + label[for] i[class*="ti-"]::before {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.goods-group input[type="checkbox"] + label[for]:last-of-type {margin-right:0}
.goods-group input[type="checkbox"]:checked + label[for] {color:#fefefe;background-color:#00b1ed}
.goods-group input[type="checkbox"]:checked + label[for] i[class*="ti-"] {color:#00b1ed;background-color:#fefefe}

/* 구분 */
.write-radio::after {content:'';display:table;clear:both}
.write-radio input[type="radio"] {display:none} 
.write-radio input[type="radio"] + label[for] {float:left;margin:0 1px 0 0;padding:.5rem 1.5rem;font-size:.8rem;line-height:1em;letter-spacing:-0.05em;color:#b8bec8;background-color:#fefefe;border:1px solid #e2e5e9;-webkit-transition:width .3s, color .3s, border .3s;transition:width .3s, color .3s, border .3s}
.write-radio input[type="radio"] + label[for]::before {content:'';display:none;width:10px;height:10px;margin:0 5px 0 0;background-color:#4d5370;border-radius:50%}
.write-radio input[type="radio"] + label[for]:last-child {margin-right:0}
.write-radio input[type="radio"]:checked + label[for] {color:#4d5370;border-color:#4d5370}
.write-radio input[type="radio"]:checked + label[for]::before {display:inline-block}

/* 작성자 */
.write-radio.customer input[type="radio"] + label[for] {border-radius:2rem;border-color:transparent}
.write-radio.customer input[type="radio"] + label[for]::before {display:none !important;position:absolute;width:0;height:0;clip:rect(0,0,0,0)}
.write-radio.customer input[type="radio"] + label[for] i[class*="ti-"] {display:none;margin-right:.5rem;font-size:.8em}
.write-radio.customer input[type="radio"]:checked + label[for] {color:#00b0ec;border-color:#00b0ec}
.write-radio.customer input[type="radio"]:checked + label[for] i[class*="ti-"] {display:inline-block} 
@media screen and (max-width: 39.9375em) {
	.write-radio.customer input[type="radio"] + label[for] {display:block;float:none;margin:0 0 5px;text-align:center}
	.write-radio.customer input[type="radio"] + label[for]:last-child {margin-bottom:0}
}

/* 제목 */
.works-write .form-group {position:relative;padding-top:1.5rem;margin-top:2.25rem}
.works-write .form-group::before {content:'';position:absolute;z-index:2;left:0;bottom:0;width:0;height:0;border-top:2px solid transparent;visibility:hidden;-webkit-transition:width .15s, border .15s;transition:width .15s, border .15s}
.works-write .form-group::after {content:'';display:table;clear:both}
.works-write .form-group label[for] {display:block;position:absolute;z-index:1;left:0;top:50%;width:100%;font-size:1.5rem;line-height:1.25em;letter-spacing:-0.025em;color:#c6cbd3;cursor:text;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s;transition:all .25s}
.works-write .form-group label[for]::after {content:'을 입력하세요.'}
.works-write .form-group label[for] + input[type] {height:65px;padding:0;margin-bottom:0;font-size:1.5rem;color:#2a3650;background:transparent;border:0;border-bottom:1px solid #e2e5e9;box-shadow:none}
.works-write .form-group.on::before {width:100%;border-top-color:#4d5370;visibility:visible}
.works-write .form-group.on label[for]::after {content:''}
.works-write .form-group.on label[for] {top:0;font-size:.8rem;color:#4d5370;-ms-transform:translateY(0);transform:translateY(0)}

/* 글쓰기 */
.works-write .for-editing {min-height:500px;padding:1.5rem;font-size:1.063rem;line-height:1.625em;letter-spacing:-0.05em;border:1px solid #e2e5e9;text-align:left;word-break:normal;word-wrap:break-word}
.works-write .for-editing::before {content:'::: 원하시는 내용을 상세히 남겨주시기 바랍니다.';display:block;margin-bottom:1.25rem;font-size:.9rem;color:#c6cbd3}

/* 첨부파일 */
.works-write .file-uploader {display:inline-block;padding:.625rem 1.5rem;font-size:.9rem;line-height:1em;letter-spacing:-0.05em;color:#808a9d;border:1px solid #b8bec8;cursor:pointer;-webkit-transition:color .3s, border .3s;transition:color .3s, border .3s}
.works-write .file-uploader i[class*="ti-"] {margin-right:.5rem;font-size:.75em}
.works-write .upload-trash {margin-top:.5rem}
.works-write .upload-trash .button {padding:.5rem 1rem;font-size:.75rem;letter-spacing:-0.05em;color:#fefefe;background-color:#9ca4b2}
.works-write .upload-trash .button i[class*="ti-"] {margin-left:.5rem;font-size:.75em}
@media screen and (min-width: 64em) {
	.works-write .file-uploader:hover, .works-write .file-uploader:focus {color:#4d5370;border-color:#6d788f}
	.works-write .upload-trash .button:hover, .works-write .upload-trash .button:focus {background-color:#808a9d}
}
@media screen and (max-width: 39.9375em) {
	.works-write .file-uploader {display:block;padding-top:1rem;padding-bottom:1rem;text-align:center}
	.works-write .upload-trash .button {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* 업로드 가이드 */
.upload-guide::after {content:'';display:table;clear:both}
.upload-guide .lists {padding:1.25rem;margin:0 0 1.25rem;background-color:#f8f8fa;border:1px solid #e2e5e9;list-style:none}
.upload-guide .lists > li {overflow:hidden;margin-bottom:.625rem;font-size:.8rem;line-height:1.375em;letter-spacing:-0.05em;color:#727d92;text-overflow:ellipsis;white-space:nowrap}
.upload-guide .lists > li:last-child {margin-bottom:0}
.upload-guide .lists > li::before {content:'';display:inline-block;width:3px;height:3px;margin-right:.5rem;background-color:#b8bec8;border-radius:50%;vertical-align:middle}
.upload-guide .sums {padding:0;margin:1.25rem 0;font-size:1rem;line-height:1.625em;color:#4d5370;letter-spacing:-0.05em;text-align:center;word-wrap:break-word;word-break:break-all}
.upload-guide .sums.text-left {text-align:left}
.upload-guide .sums  strong {color:#00b1ed;text-decoration:underline}
.upload-guide .sums > small {display:block;color:#8e97a7}
.upload-guide .sums + .lists {margin-top:3rem}
.upload-guide .webhard {padding-top:1.25rem;border-top:1px solid #e2e5e9;text-align:center}
.upload-guide .webhard::before {content:'';display:inline-block;width:102px;height:17px;margin-left:auto;margin-right:auto;background:url(../image/banner/quick4.png) no-repeat;background-size:100% auto}
.upload-guide .webhard .id-pw {display:block;margin:.5rem 0 1rem 0;font-size:.75rem;line-height:1.25em;letter-spacing:-0.025em;color:#4d5370}
.upload-guide .webhard .button {font-size:1rem;letter-spacing:-0.05em;background-color:#302f84}
.upload-guide .webhard .button [class*="ti-"] {margin-right:.5rem;font-size:.8em}

/* 업로드에러 */
.upload-error::after {content:'';display:table;clear:both}
.upload-error .upload-guide {max-width:640px;margin-left:auto;margin-right:auto}
.upload-error .upload-guide .for-small {font-size:.8em;font-weight:400}
.upload-error .upload-guide .webhard .button.history-back {color:#302f84 !important;background-color:#fefefe;border:1px solid #302f84}
@media screen and (min-width: 40em) {
	.upload-error .upload-guide .webhard .button {width:calc(50% - 1px);max-width:175px}
}
@media screen and (max-width: 39.9375em) {
	.upload-error .upload-guide .webhard .button-group {text-align:left}
}

/* 업무등록안내 */
.writing-guide::after {content:'';display:table;clear:both}
.writing-guide .image {padding:2rem;text-align:center}
.writing-guide .image > img {max-width:128px;margin-left:auto;margin-right:auto}
.writing-guide .sums {padding:0;margin:1.25rem 0;font-size:1.125rem;line-height:1.625em;color:#4d5370;letter-spacing:-0.05em;text-align:center;word-wrap:break-word;word-break:break-all}
.writing-guide .sums > strong {display:block;margin-bottom:1rem;font-size:2rem;font-weight:400;letter-spacing:-0.075em;color:#2199e8}
.writing-guide .sums .point {color:#e73f72;text-decoration:underline}

/***************************************************
note : point guide
***************************************************/
.point-guide .point-group {margin-bottom:5rem}
.point-guide .point-group::after {content:'';display:table;clear:both}
.point-guide .point-group:last-child {margin-bottom:0}
.point-guide .point-group table {width:100%;border-top:2px solid #4d5370;border-collapse:collapse;table-layout:fixed}
.point-guide .point-group table caption {padding-left:0;padding-right:0;font-size:1.5rem;font-weight:700;letter-spacing:-0.05em;color:#4d5370;text-align:left}
.point-guide .point-group table tr {border-bottom-color:#e2e5e9}
.point-guide .point-group table th,.point-guide .point-group table td {padding:1rem 1.25rem}
.point-guide .point-group table thead {border-left:0;border-right:0;border-bottom:1px solid #aab1bd;background:transparent}
.point-guide .point-group table thead tr {border-bottom:0}
.point-guide .point-group table thead th,.point-guide .point-group table thead td {padding-top:1.25rem;padding-bottom:1.25rem;font-size:1.25rem;font-weight:400;letter-spacing:-0.05em;color:#2a3650;background:#fefefe;border-right:1px solid #f0f1f3;text-align:center}
.point-guide .point-group table thead th:last-child,.point-guide .point-group table thead td:last-child {border-right:0}
.point-guide .point-group table tbody {border:0} 
.point-guide .point-group table tbody td:nth-of-type(n):not(:last-of-type) {border-right:1px solid #f0f1f3}
.point-guide .point-group table tbody th {font-size:1.063rem;letter-spacing:-0.05em;color:#4d5370;background-color:#f0f1f3}
.point-guide .point-group table tbody td {font-size:.9rem;color:#6d788f;text-align:left}
.point-guide .point-group .lists {margin:0;padding:0;list-style:none}
.point-guide .point-group .lists li {margin-bottom:.625rem;line-height:1.25em;letter-spacing:-0.025em}
.point-guide .point-group .lists li::before {content:'- '}
.point-guide .point-group .lists li:last-child {margin-bottom:0}
@media screen and (max-width: 63.9375em) {
	.point-guide .point-group table {min-width:1024px}
	.point-guide .point-group table tbody td {font-size:.8rem}
}
@media screen and (max-width: 39.9375em) {
	.point-guide .point-group table {min-width:640px}
	.point-guide .point-group table tbody td {font-size:.75rem}
}

/* 업무처리기준 */
.point-guide .point-group.basic table {min-width:inherit;border-top-color:#e7316e}
.point-guide .point-group.basic table caption {color:#e7316e}
.point-guide .point-group.basic table tbody td {vertical-align:top}

/* 모델별 크기 */
.point-guide .point-group .model {width:95px;padding-left:.5rem;padding-right:.5rem}
.point-guide .point-group table thead th.model, .point-guide .point-group table thead td.model {font-size:.9rem}
.point-guide .point-group table tbody th.model, .point-guide .point-group table tbody td.model {text-align:center}

/* 강조항목 */
.point-guide .point-group table tbody tr.overview {background-color:#f8f6f1}

/* 유료개발안내 */
.point-guide .point-group table tbody tr.payment {background-color:#4d5370} 
.point-guide .point-group table tbody tr.payment th,.point-guide .point-group table tbody tr.payment td {color:#fefefe;text-align:center}


/***************************************************
note : 공지사항
***************************************************/
.notice-bbs {border-top:2px solid #4d5370}
.notice-bbs .accordion {margin-bottom:2rem}
.notice-bbs .accordion-item {border-bottom:1px solid #e2e5e9}
.notice-bbs .accordion-title, .notice-bbs .accordion-content {border:0}
.notice-bbs .accordion-title {padding-left:0;padding-right:8rem}
.notice-bbs .accordion-title::before {content:"\e64b";margin-top:0;font-family:'themify';font-style:normal;font-weight:normal;font-variant:normal;text-transform:normal;line-height:1em;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.notice-bbs .accordion-item.is-active > .accordion-title::before {content:"\e648"}
.notice-bbs .accordion-title::after {content:'';display:table;clear:both}
.notice-bbs .accordion-title:hover,.notice-bbs .accordion-title:focus {background:transparent;text-decoration:none}
.notice-bbs .accordion-item.is-active > .accordion-title {border-bottom:1px dotted #e2e5e9}
.notice-bbs .accordion-item:last-child:not(.is-active) > .accordion-title {border-bottom:0}
.notice-bbs .accordion-title .num,.notice-bbs .accordion-title .title,.notice-bbs .accordion-title .date {display:inline-block;letter-spacing:-0.025em;line-height:1em}
.notice-bbs .accordion-title .num,.notice-bbs .accordion-title .title {overflow:hidden;float:left;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.notice-bbs .accordion-title .num {width:70px;padding:0 1rem}
.notice-bbs .accordion-title .title {width:calc(100% - 70px);color:#4d5370}
.notice-bbs .accordion-item.is-active > .accordion-title .title {color:#00b1ed}
.notice-bbs .accordion-title .date {position:absolute;z-index:1;right:2.75rem;top:50%;font-size:.8rem;font-style:normal;color:#9ca4b2;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.notice-bbs .accordion-content {padding-left:1.5rem;padding-right:1.5rem;font-size:1rem;font-weight:300;line-height:1.625em;letter-spacing:-0.05em;color:#4d5370;background-color:#f8f8fa}
.notice-bbs .accordion-content p[style] {font:inherit !important;color:inherit !important}
.notice-bbs .accordion-item:last-child > .accordion-content:last-child {border-bottom:0}
@media screen and (min-width: 64em) {
	.notice-bbs .accordion-title:hover .title {color:#00b1ed}
}
@media screen and (max-width: 39.9375em) {
	.notice-bbs .accordion-title {padding-right:2.75rem}
	.notice-bbs .accordion-title .num, .notice-bbs .accordion-title .title {line-height:1.25em}
	.notice-bbs .accordion-title .title {overflow:visible;text-overflow:inherit;white-space:inherit}
	.notice-bbs .accordion-title .date {display:none}
	.notice-bbs .accordion-content {padding-left:1.125rem;padding-right:1.125rem;font-size:.9rem}
}

/* newsletter table reset */
.notice-bbs .accordion-content > table[width*="7"] {width:720px;background-color:#fefefe}
.notice-bbs .accordion-content > table[width*="7"] tbody th, .notice-bbs .accordion-content > table[width*="7"] tbody td {padding:0;background-color:#fefefe}
.notice-bbs .accordion-content > table[width*="7"] tbody td[height*="4"] {display:none;height:auto;font-size:0;padding:0}
@media screen and (max-width: 63.9375em) {
	.notice-bbs .accordion-content > table[width*="7"] {width:100%;min-width:320px;max-width:720px}
}

/***************************************************
note : payment
***************************************************/
.pay-wrap {text-align:center}
.pay-wrap::after {content:'';display:table;clear:both}
.pay-wrap .pay-group {margin-left:-1.5rem;margin-right:-1.5rem;padding:4.25rem 1.5rem}
.pay-wrap .pay-group:nth-child(even) {background-color:#f0f1f3}
.pay-wrap .pay-group .inner {position:relative;max-width:980px;margin-left:auto;margin-right:auto;text-align:left}
.pay-wrap .pay-group .title {font-size:2.25rem;font-weight:400;line-height:1em;letter-spacing:-0.05em;color:#0396e4}
.pay-wrap .pay-group .sum {font-size:1rem;line-height:1.625em;letter-spacing:-0.025em;color:#727d92}
.pay-wrap .pay-group .button {padding-left:1.75rem;padding-right:1.75rem;font-size:1rem;letter-spacing:-0.05em;color:#4d5370 !important;background-color:#fefefe;border:1px solid #8e97a7}
.pay-wrap .pay-group .button:hover {color:#0396e4 !important;border-color:#0396e4}
@media screen and (max-width: 63.9375em) {
	.pay-wrap .pay-group .inner {text-align:center}
}
@media screen and (max-width: 39.9375em) {
	.pay-wrap .pay-group {margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}
}

/* 지로 */
.pay-wrap .pay-group.e-giro .inner::after {content:'';display:block;position:absolute;z-index:10;right:0;top:-85px;width:430px;height:339px;background:url(../image/payment-giro.png) 0 0 no-repeat;background-size:100% auto;-webkit-transition:all .3s;transition:all .3s}
@media screen and (max-width: 63.9375em) {
	.pay-wrap .pay-group.e-giro .inner::after {position:static;right:auto;top:auto;width:320px;height:252px;margin-left:auto;margin-right:auto}
}
@media screen and (max-width: 39.9375em) {
	.pay-wrap .pay-group.e-giro .inner::after {width:254px;height:200px}
}

/* 가상계좌 */
.pay-wrap .pay-group.account {position:relative}
.pay-wrap .pay-group.account .inner::after {content:'';display:table;clear:both}
.pay-wrap .pay-group.account .bank {display:inline-block;position:relative;padding:.5rem 1.25rem .5rem 4.25rem;margin-bottom:1rem;font-size:1rem;line-height:1em;letter-spacing:-0.025em;color:#0066b3;background-color:#fefefe;border:1px solid #e2e5e9;border-radius:2rem}
.pay-wrap .pay-group.account .bank::before {content:'';display:inline-block;position:absolute;z-index:1;left:1.25rem;top:50%;width:40px;height:15px;background:url(../images/guide/ibk-bank-mark.png) 0 0 no-repeat;background-size:100% auto;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.pay-wrap .pay-group.account .num {margin:0;padding:0;font-size:3rem;font-weight:700;line-height:1em;letter-spacing:-0.05em;color:#2a3650}
.pay-wrap .pay-group.account .image {display:block;position:absolute;z-index:10;right:0;bottom:-4.25rem;width:430px;height:200px;background:url(../images/guide/payment-bg-phone.png) 0 0 no-repeat;background-size:100% auto}
@media screen and (max-width: 63.9375em) {
	.pay-wrap .pay-group.account .inner {padding-bottom:100px}
	.pay-wrap .pay-group.account [class*="float-"] {float:none !important;width:auto}
	.pay-wrap .pay-group.account .num {font-size:3.75rem}
	.pay-wrap .pay-group.account .image {left:50%;width:320px;height:150px;-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
@media screen and (max-width: 39.9375em) {
	.pay-wrap .pay-group.account .inner {padding-bottom:60px}
	.pay-wrap .pay-group.account .bank {padding-left:3.625rem;font-size:.9rem}
	.pay-wrap .pay-group.account .bank::before {width:32px;height:12px}
	.pay-wrap .pay-group.account .num {font-size:1.75rem}
	.pay-wrap .pay-group.account .image  {width:226px;height:105px}
}

/* 카드결제 */
.pay-wrap .pay-group.for-card .inner::after {content:'';display:table;clear:both}
.pay-wrap .pay-group.for-card .image {display:block;position:absolute;z-index:10;right:0;bottom:-4.25rem;width:430px;height:200px;background:url(../image/payment-card.png) 0 0 no-repeat;background-size:100% auto}
@media screen and (max-width: 63.9375em) {
	.pay-wrap .pay-group.for-card .inner {padding-bottom:120px}
	.pay-wrap .pay-group.for-card [class*="float-"] {float:none !important;width:auto}
	.pay-wrap .pay-group.for-card .image {left:50%;width:320px;height:150px;-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
@media screen and (max-width: 39.9375em) {
	.pay-wrap .pay-group.for-card .inner {padding-bottom:60px}
	.pay-wrap .pay-group.for-card .image  {width:226px;height:105px}
}

/* cms결제 */
.pay-wrap .pay-group.for-cms {padding-top:0;padding-bottom:0}
.pay-wrap .pay-group.for-cms .inner {padding-top:4.25rem;padding-bottom:4.25rem}
.pay-wrap .pay-group.for-cms .inner::after {content:'';display:table;clear:both}
.pay-wrap .pay-group.for-cms .image {display:block;position:absolute;z-index:10;right:0;bottom:0;width:326px;height:220px;background:url(../image/payment-bg-banking.png) 0 0 no-repeat;background-size:100% auto}
.pay-wrap .pay-group.for-cms .num {margin:1.875rem 0 0;padding:0;font-size:2.375rem;font-weight:700;line-height:1em;letter-spacing:-0.05em;color:#2a3650}
@media screen and (max-width: 63.9375em) {
	.pay-wrap .pay-group.for-cms .inner {padding-bottom:240px}
	.pay-wrap .pay-group.for-cms [class*="float-"] {float:none !important;width:auto}
	.pay-wrap .pay-group.for-cms .image {left:50%;width:280px;height:200px;-ms-transform:translateX(-50%);transform:translateX(-50%)}
}

/* paypal */
.pay-wrap .pay-group.for-paypal .inner::before {content:'';display:block;position:absolute;z-index:10;right:0;top:50%;width:430px;height:200px;background:url(../image/payment-paypal.png) 0 0 no-repeat;background-size:100% auto;-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (max-width: 63.9375em) {
	.pay-wrap .pay-group.for-paypal .inner {padding-top:0}
	.pay-wrap .pay-group.for-paypal .inner::before {position:static;right:auto;top:auto;width:320px;height:150px;margin-bottom:1.125rem;margin-left:auto;margin-right:auto;-ms-transform:translateY(0);transform:translateY(0)}
}
@media screen and (max-width: 39.9375em) {
	.pay-wrap .pay-group.for-paypal .inner::before {width:226px;height:105px}
}

/* 결제폼 */
.payment-form .pay-forms select {height:55px;margin:0;padding-left:1rem;padding-right:2rem;font-size:1.125rem;color:#4d5370;border-color:#b8bec8;box-shadow:none}
.payment-form .pay-forms select:focus {border-color:#4d5370}
.payment-form .row {margin-top:1.5rem}
.payment-form .form-group {position:relative;padding-top:1rem;margin-top:1.25rem;text-align:left}
.payment-form .form-group:first-child {margin-top:0}
.payment-form .form-group::before {content:'';position:absolute;z-index:2;left:0;bottom:0;width:0;height:0;border-top:2px solid transparent;visibility:hidden;-webkit-transition:width .15s, border .15s;transition:width .15s, border .15s}
.payment-form .form-group::after {content:'';display:table;clear:both}
.payment-form .form-group label[for] {display:block;position:absolute;z-index:1;left:0;top:50%;width:100%;margin-top:.3rem;font-size:1.125rem;line-height:1em;letter-spacing:-0.025em;color:#4d5370;cursor:text;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s;transition:all .25s}
.payment-form .form-group label[for] + input[type] {height:2.813em;padding:0;margin-bottom:0;font-size:1.125rem;color:#4d5370;background:transparent;border:0;border-bottom:1px solid #b8bec8;box-shadow:none}
.payment-form .form-group label[for] + input#good_mny_str[type] {padding-right:1.5rem}
.payment-form .form-group .form-label {position:absolute;z-index:3;right:0;top:50%;margin-top:.3rem;font-size:1.125rem;color:#4d5370;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.payment-form .form-group.on::before {width:100%;border-top-color:#4d5370;visibility:visible}
.payment-form .form-group.on label[for], .payment-form .form-group.focus label[for] {top:0;margin-top:0;font-size:.75em;opacity:.65;filter:alpha(opacity:'65');-ms-transform:translateY(0);transform:translateY(0)}
.payment-form .form-group select.telto {height:2.813em;padding-left:0;font-size:1.125rem;border:0;border-bottom:1px solid #b8bec8;box-shadow:none}
.payment-form .form-group select.telto:focus {border-bottom-width:2px;border-bottom-color:#4d5370}

/* 개인정보수집 */
.payment-form .privacy {margin:3rem 0;text-align:left}
.payment-form .privacy::after {content:'';display:table;clear:both}
.payment-form .privacy .text {overflow:hidden;overflow-y:auto;height:100px;margin-bottom:1rem;padding:1rem;font-size:.75rem;line-height:1.625em;letter-spacing:-0.025em;color:#9ca4b2;border:1px solid #e2e5e9}
.payment-form .privacy input[type="checkbox"] {display:none}
.payment-form .privacy input[type="checkbox"] + label[for] {position:relative;padding:0 0 0 1.5rem;margin:0;font-size:1rem;line-height:1.25em;letter-spacing:-0.05em;color:#6d788f}
.payment-form .privacy input[type="checkbox"] + label[for]::before {content:'';display:inline-block;position:absolute;z-index:1;left:0;top:50%;width:18px;height:17px;margin-right:.5rem;background:url(/assets/images/payment-check.png) 0 0 no-repeat;background-size:100% auto;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background .3s;transition:background .3s}
.payment-form .privacy input[type="checkbox"] + label[for] .point {color:#e7316e}
.payment-form .privacy input[type="checkbox"]:checked + label[for] {color:#e7316e}
.payment-form .privacy input[type="checkbox"]:checked + label[for]::before {background-position:0 -20px}
.payment-form .privacy .button {margin-left:1rem;margin-bottom:0;padding:.425rem .625rem;font-size:.688rem;color:#9ca4b2;background:#fefefe;border:1px solid #b8bec8;vertical-align:middle}

/* 버튼 */
.payment-form .pay-btns {text-align:center}
.payment-form .pay-btns .button {display:none;margin-left:auto;margin-right:auto;padding:1rem 2.25rem;font-size:1rem;font-weight:700;color:#005ca0;background-color:#fefefe;border:1px solid #005ca0}
.payment-form .pay-btns .button i[class*="ti-"] {font-size:.8em;margin-right:.5rem}
.payment-form .pay-btns .button.show {display:block}
.payment-form .pay-btns .button.paypal {font-weight:400;color:#303030;background-color:#eeeeee;border:1px solid #cfcfcf}
.payment-form .pay-btns .button.paypal .icon {display:inline-block;width:97.5px;height:25.5px;margin-left:.5rem;background:url(../image/banner/quick2.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle}
@media screen and (max-width: 39.9375em) {
	.payment-form .pay-btns .button {width:100%}
}

/***************************************************
note : account
***************************************************/
.account-wrap .account-group {margin-left:-1.5rem;margin-right:-1.5rem;padding:5rem 2rem;border-top:1px solid #e2e5e9}
.account-wrap .account-group:nth-child(odd) {background-color:#f8f8fa}
.account-wrap .account-group:first-child {border-top:0}
.account-wrap .account-group::after {content:'';display:table;clear:both}
.account-wrap .account-group .title {float:left;width:280px;font-size:2.25rem;line-height:1em;letter-spacing:-0.05em;color:#2a3650}
.account-wrap .account-group .title > small {display:inline-block;position:relative;padding-bottom:.75rem;margin-bottom:1rem;font-size:.5em;line-height:1em;color:#00b1ed}
.account-wrap .account-group .title > small::before {content:'';position:absolute;z-index:1;left:0;bottom:0;width:100%;height:0;border-top:1px solid #00b1ed}
.account-wrap .account-group .title > strong {display:block;line-height:1em}
.account-wrap .account-group .content {float:left;width:calc(100% - 280px)}
.account-wrap .account-group .info::after {content:'';display:table;clear:both}
.account-wrap .account-group .info dt, .account-wrap .account-group .info dd {float:left;margin-bottom:1rem;font-size:1.063rem;line-height:1.25em;letter-spacing:-0.025em}
.account-wrap .account-group .info dt:last-of-type, .account-wrap .account-group .info dd:last-of-type {margin-bottom:0}
.account-wrap .account-group .info dt {width:135px;color:#4d5370;clear:both}
.account-wrap .account-group .info dd {width:calc(100% - 135px);color:#6d788f}
.account-wrap .account-group .summary {line-height:1.625em;letter-spacing:-0.025em;color:#6d788f}
.account-wrap .account-group .summary:last-of-child {margin-bottom:0}
.account-wrap .account-group .point {color:#e7316e;text-decoration:underline}
.account-wrap .account-group a.point, .account-wrap .account-group .point > a {color:#e7316e}
.account-wrap .account-group .point > a:hover {text-decoration:none}
.account-wrap .account-group .admin-list {margin:0 0 1.25rem;padding:0;list-style:none}
.account-wrap .account-group .admin-list li {position:relative;margin-bottom:.5rem;padding-left:.8rem;line-height:1.25em}
.account-wrap .account-group .admin-list li:last-child {margin-bottom:0}
.account-wrap .account-group .admin-list li::before {content:'';position:absolute;z-index:1;left:0;top:.5rem;width:3px;height:3px;background-color:#aab1bd;border-radius:50%}
.account-wrap .account-group .footer {margin-top:2.25rem;text-align:left}
.account-wrap .account-group .footer::after {content:'';display:table;clear:both}
.account-wrap .account-group .footer .btns {display:inline-block;padding:1rem 3rem;line-height:1em;letter-spacing:-0.05em;background-color:#fefefe;border:1px solid #c6cbd3;text-decoration:none;-webkit-transition:color .3s, border .3s;transition:color .3s, border .3s}
@media screen and (min-width: 40em) {
	.account-wrap .account-group .footer .btns:hover, .account-wrap .account-group .footer .btns:focus {color:#2a3650;border-color:#6d788f}	
}
@media screen and (max-width: 63.9375em) {
	.account-wrap .account-group .title, .account-wrap .account-group .content {float:none;width:auto}
	.account-wrap .account-group .title {margin-bottom:2.25rem}
}
@media screen and (max-width: 39.9375em) {
	.account-wrap .account-group {margin-left:-1.25rem;margin-right:-1.25rem;padding:2.5rem 1.25rem}
	.account-wrap .account-group .info dt, .account-wrap .account-group .info dd {float:none;width:auto;font-size:.9rem}
	.account-wrap .account-group .info dt {margin-bottom:.375rem !important}
	.account-wrap .account-group .info dd {margin-bottom:1.5rem;word-break:normal;word-wrap:break-word}
	.account-wrap .account-group .summary {font-size:.9rem}
	.account-wrap .account-group .admin-list {padding-left:.625rem;padding-right:.625rem}
	.account-wrap .account-group .footer .btns {display:block;padding-left:1.25rem;padding-right:1.25rem;text-align:center}
}

/* 정보수정 */
.account-wrap table {border-collapse:collapse}
.account-wrap table tbody {border:0;border-top:2px solid #4d5370}
.account-wrap table tbody tr {border-bottom-color:#e2e5e9}
.account-wrap table tbody th, .account-wrap table tbody td {padding:1.25rem 2rem}
.account-wrap table tbody th {width:245px;color:#3b4664;background-color:#f0f1f3;text-align:left}
.account-wrap table tbody th label {font-size:inherit;font-weight:inherit;color:inherit}
.account-wrap table tbody td {color:#6d788f}
.account-wrap table tbody td .input-group,.account-wrap table tbody td .button-group {margin-bottom:0}
.account-wrap table tbody td input {max-width:368px;height:3rem;margin-bottom:0;color:#6d788f;border-color:#e2e5e9;box-shadow:none}
.account-wrap table tbody td input:focus {border-color:#6d788f;box-shadow:none}
.account-wrap table tbody td .input-pad {display:block;padding:0 .5em}
.account-wrap table tbody td .button-group .button {font-size:.9375rem;letter-spacing:-0.05em;color:#4d5370;background:#fefefe;border:1px solid #b8bec8}
.account-wrap table tbody td .button-group #btn-pay-copied.button {color:#00b1ed;border-color:#00b1ed}
.account-wrap table tbody td .button-group + .address-row {margin-top:5px}
.account-wrap .address-row {max-width:650px}
.account-wrap .address-row::after {content:'';display:table;clear:both}
.account-wrap .address-cell {margin-bottom:.3rem}
.account-wrap .address-cell:last-of-type {max-width:70%;margin-bottom:0}
.account-wrap .address-cell .input-group {max-width:230px}
.account-wrap .address-cell .input-group .input-group-field {border-right:0}
.account-wrap .address-cell .input-group .button {height:3rem;font-size:.9375rem;letter-spacing:-0.05em;color:#4d5370;background:#fefefe;border:1px solid #b8bec8}
.account-wrap .help-text {margin:.5rem 0 0;color:#6d788f;word-break:normal;word-wrap:break-word}
.account-wrap table tbody td input[type="checkbox"] {display:none}
.account-wrap table tbody td input[type="checkbox"] + label[for] {position:relative;padding:0 0 0 1.5rem;margin:0;font-size:1rem;line-height:1.25em;letter-spacing:-0.05em;color:#6d788f}
.account-wrap table tbody td input[type="checkbox"] + label[for]::before {content:'';display:inline-block;position:absolute;z-index:1;left:0;top:50%;width:18px;height:17px;margin-right:.5rem;background:url(/assets/images/payment-check.png) 0 0 no-repeat;background-size:100% auto;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background .3s;transition:background .3s}
.account-wrap table tbody td input[type="checkbox"] + label[for] .point {color:#e7316e}
.account-wrap table tbody td input[type="checkbox"]:checked + label[for] {color:#e7316e}
.account-wrap table tbody td input[type="checkbox"]:checked + label[for]::before {background-position:0 -20px}

@media screen and (max-width: 63.9375em) {
	.account-wrap table tbody th, .account-wrap table tbody td {padding-left:1.25rem;padding-right:1.25rem}
	.account-wrap table tbody th {width:180px;text-align:center}
}
@media screen and (max-width: 39.9375em) {
	.account-wrap table, .account-wrap table tbody, .account-wrap table tr, .account-wrap table th, .account-wrap table td {display:block !important;width:auto !important}
	.account-wrap table thead {display:none}
	.account-wrap table tbody tr {padding:1rem 0}
	.account-wrap table tbody tr:hover {background:transparent}
	.account-wrap table tbody tr:last-of-type {border-bottom:0}
	.account-wrap table tbody th {padding:0;margin-bottom:.5rem;font-size:.8rem;background:transparent;text-align:left}
	.account-wrap table tbody td {padding:0}
	.account-wrap table tbody td input {max-width:100%}
	.account-wrap .address-cell:last-of-type {max-width:100%}
}

/* 첨부파일 */
.account-wrap .file-uploader {display:inline-block;padding:.625rem 1.5rem;font-size:.9rem;line-height:1em;letter-spacing:-0.05em;color:#808a9d;border:1px solid #b8bec8;cursor:pointer;-webkit-transition:color .3s, border .3s;transition:color .3s, border .3s}
.account-wrap .file-uploader i[class*="ti-"] {margin-right:.5rem;font-size:.75em}
.account-wrap .upload-trash {margin-top:.5rem}
.account-wrap .upload-trash .button {padding:.5rem 1rem;font-size:.75rem;letter-spacing:-0.05em;color:#fefefe;background-color:#9ca4b2}
.account-wrap .upload-trash .button i[class*="ti-"] {margin-left:.5rem;font-size:.75em}
@media screen and (min-width: 64em) {
	.account-wrap .file-uploader:hover, .works-write .file-uploader:focus {color:#4d5370;border-color:#6d788f}
	.account-wrap .upload-trash .button:hover, .works-write .upload-trash .button:focus {background-color:#808a9d}
}
@media screen and (max-width: 39.9375em) {
	.account-wrap .file-uploader {display:block;padding-top:1rem;padding-bottom:1rem;text-align:center}
	.account-wrap .upload-trash .button {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* 비밀번호 변경 */
.account-wrap.password table tbody tr:first-of-type th {background:transparent}

/* 관리자설정 */
.account-wrap .signup-for-admin {position:relative}
.account-wrap .signup-for-admin::after {content:'';display:table;clear:both}
.account-wrap .signup-for-admin .name {margin-bottom:1.25rem;font-size:1.375rem;line-height:1em;letter-spacing:-0.025em;color:#3b4664}
.account-wrap .signup-for-admin .info {margin:0;padding:0;list-style:none}
.account-wrap .signup-for-admin .info li {margin-bottom:.375rem;font-size:.9rem;line-height:1.25em;letter-spacing:-0.025em}
.account-wrap .signup-for-admin .info li:last-child {margin-bottom:0}
.account-wrap .signup-for-admin .button-group {position:absolute;right:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.account-wrap .signup-for-admin .button-group .button {padding-left:2rem;padding-right:2rem}
.account-wrap .signup-for-admin .button-group .button:last-of-type {color:#aab1bd;border-color:#d4d7de}
.account-wrap .account-btn {text-align:center}
.account-wrap .account-btn .button {padding-left:2rem;padding-right:2rem;font-size:1rem;font-weight:700;letter-spacing:-0.05em;color:#4d5370;background:#fefefe;border:1px solid #4d5370}
.account-wrap .account-btn .button::before {content:'+';display:inline-block;margin-right:.5rem;color:#e7316e;vertical-align:middle}
@media screen and (max-width: 63.9375em) {
	.account-wrap .signup-for-admin .button-group {position:static;right:inherit;top:inherit;margin-top:2rem;-ms-transform:translateY(0);transform:translateY(0)}
}

/* 관리자등록 */
.admin-form::after {content:'';display:table;clear:both}
.admin-form .input-group {margin-bottom:5px}
.admin-form .input-group input {height:2.813em;margin-bottom:0;border-color:#e2e5e9;box-shadow:none}
.admin-form .input-group input:focus {border-color:#8e97a7}
.admin-form .help-text {margin:.5rem 0 0;color:#00b1ed}
.admin-form .row.collapse > .columns, .admin-form .row.collapse > .column {padding-right:1px}
.admin-form .row.collapse > .columns:last-of-type, .admin-form .row.collapse > .column:last-of-type {padding-right:0}
.admin-form .write-btns .button {margin-bottom:0}

/* 개인정보수집 */
.admin-form .privacy {margin:1rem 0 2.25rem;text-align:left}
.admin-form .privacy::after {content:'';display:table;clear:both}
.admin-form .privacy .privacy-title {font-size:1.125rem;line-height:1.25em;letter-spacing:-0.05em;color:#4d5370}
.admin-form .privacy .privacy-sum {overflow-y:auto;max-height:105px;margin-bottom:1rem;padding:1.25rem;font-size:.8rem;color:#9ca4b2;border:1px solid #e2e5e9}
.admin-form .privacy input[type="checkbox"] {display:none}
.admin-form .privacy input[type="checkbox"] + label[for] {position:relative;padding:0 0 0 1.5rem;margin:0;font-size:1rem;line-height:1.25em;letter-spacing:-0.05em;color:#6d788f}
.admin-form .privacy input[type="checkbox"] + label[for]::before {content:'';display:inline-block;position:absolute;z-index:1;left:0;top:50%;width:18px;height:17px;margin-right:.5rem;background:url(/assets/images/payment-check.png) 0 0 no-repeat;background-size:100% auto;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background .3s;transition:background .3s}
.admin-form .privacy input[type="checkbox"] + label[for] .point {color:#e7316e}
.admin-form .privacy input[type="checkbox"]:checked + label[for] {color:#e7316e}
.admin-form .privacy input[type="checkbox"]:checked + label[for]::before {background-position:0 -20px}

/* IP등록 */
.security-grade {margin-top:2.25rem}
.grade-radio {margin-bottom:5px}
.grade-radio::after {content:'';display:table;clear:both} 
.grade-radio input[type="radio"] {display:none}
.grade-radio input[type="radio"] + label[for] {overflow:hidden;float:left;height:2.5em;margin:0;padding:0 1.25rem;font-size:.9rem;line-height:2.5em;letter-spacing:-0.05em;color:#fefefe;background-color:#aab1bd;text-align:center}
.grade-radio input[type="radio"]:checked + label[for] {background-color:#00b1ed} 
.grade-radio .button {float:left;height:2.5em;margin:0;padding:0 1.25rem;margin-left:5px;font-size:.9rem;line-height:1em;letter-spacing:-0.05em;background-color:#c6cbd3}
@media screen and (max-width: 39.9375em) {
	.grade-radio input[type="radio"] + label[for] {width:33.333333%;padding-left:.625rem;padding-right:.625rem;margin-bottom:1px;text-overflow:ellipsis;white-space:nowrap}
	.grade-radio .button {float:none;margin-left:0;clear:both}
}

/* IP등록-모달 */
.ip-group {margin-bottom:1.25rem}
.ip-group .row > .columns {position:relative;padding-right:.5rem !important}
.ip-group .row > .columns:last-of-type {padding-right:0 !important}
.ip-group .row > .columns::before {content:'.';position:absolute;z-index:1;right:.2rem;bottom:0;font-size:1.125rem;color:#4d5370}
.ip-group .row > .columns:last-of-type::before {display:none}
.ip-group .help-text {color:#3b4664}
.ip-group .btn-ip {margin-bottom:0;font-weight:700;color:#005ca0 !important;background:none;border:0}
.ip-group .btn-ip .text, .ip-group .btn-ip .icon {display:inline-block;vertical-align:middle}
.ip-group .btn-ip .icon {padding:.25rem .5rem;margin-left:.5rem;color:#fefefe;background-color:#00b1ed}

/* IP등록-안내 */
.ip-guide {overflow-y:auto;max-height:200px;padding:1.25rem;background-color:#f0f1f3;border:1px solid #e2e5e9}
.ip-guide .guide-groups {margin-bottom:2.25rem}
.ip-guide .guide-groups::after {content:'';display:table;clear:both} 
.ip-guide .guide-groups dt, .ip-guide .guide-groups dd {letter-spacing:-0.025em}
.ip-guide .guide-groups dt {font-size:1rem;line-height:1.25em;color:#4d5370}
.ip-guide .guide-groups.recom dt {color:#00b1ed}
.ip-guide .guide-groups dd {font-size:.8rem;line-height:1.625em;color:#6d788f}

/***************************************************
note : 내선번호안내
***************************************************/
.teams::after {content:'';display:table;clear:both}
.teams .teams-group {margin-bottom:5rem}
.teams .teams-group:last-of-type {margin-bottom:0}
.teams .teams-group .title {margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.25em;letter-spacing:-0.05em}
.teams .teams-group .title.deg {color:#e7316e}
.teams .teams-group .title.dev {color:#00b1ed}
.teams .teams-group .title.pln {color:#73bb39}
.teams .teams-group .title.paper {color:#f39a11}
.teams .teams-group .content::after {content:'';display:table;clear:both}
.teams .teams-group .content .teams-cell {float:left;width:23.5%;margin-left:2%;margin-top:2%}
.teams .teams-group .content .teams-cell:first-child,.teams .teams-group .content .teams-cell:nth-child(4n + 1) {margin-left:0;clear:both}
.teams .teams-group .content .teams-cell:nth-child(1), .teams .teams-group .content .teams-cell:nth-child(2), .teams .teams-group .content .teams-cell:nth-child(3), .teams .teams-group .content .teams-cell:nth-child(4) {margin-top:0}
.teams .team-members {position:relative;padding:1.25rem;border:1px solid #e2e5e9;text-align:center}
.teams .team-members a {color:#8e97a7}
.teams .team-members .jobs {margin-bottom:2rem;font-size:1rem;line-height:1.25em;letter-spacing:-0.025em}
.teams .team-members .jobs.deg {color:#e7316e}
.teams .team-members .jobs.dev {color:#00b1ed}
.teams .team-members .jobs.pln {color:#73bb39}
.teams .team-members .jobs.paper {color:#f39a11}
.teams .team-members .image {display:block;overflow:hidden;position:relative;width:80px;height:80px;margin-left:auto;margin-right:auto;margin-bottom:1.25rem;background-color:#fefefe;border-radius:50%} 
.teams .team-members .image img {position:absolute;z-index:1;left:50%;top:50%;max-width:inherit;height:100%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-filter:grayscale(100%);filter:gray;filter:grayscale(100%)}
.teams .team-members .name {margin-bottom:1rem;font-size:1.425rem;line-height:1.25em;letter-spacing:-0.05em;color:#4d5370}
.teams .team-members .motto {margin:1.5em 0;font-size:.9rem;font-weight:700;line-height:1.625em;letter-spacing:-0.025em;color:#6d788f}
.teams .team-members .motto::before {content:open-quote}
.teams .team-members .motto::after {content:close-quote}
.teams .team-members .tel, .teams .team-members .email {font-size:.8rem;line-height:1.25em;letter-spacing:-0.025em;color:#8e97a7}
.teams .team-members .tel {margin-bottom:.25rem}
.teams .team-members .tel strong {color:#6d788f}
.teams .team-members .email {font-style:normal}
.teams .text-ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width: 64em) {
	.teams .team-members {-webkit-transition:transform .3s, -ms-transform .3s;transition:transform .3s, -ms-transform .3s}
	.teams .team-members:hover {background-color:#f8f8fa;-ms-transform:translateY(-2.125%);transform:translateY(-2.125%)}
	.teams .team-members .image img {-webkit-transition:filter .3s, -webkit-filter .3s;transition:filter .3s, -webkit-filter .3s}
	.teams .team-members:hover .image img {-webkit-filter:grayscale(0);filter:inherit;filter:grayscale(0)}
}
@media screen and (max-width: 63.9375em) {
	.teams .teams-group .content .teams-cell:nth-child(n) {width:32%;margin-left:2%;margin-top:2%;clear:inherit}
	.teams .teams-group .content .teams-cell:first-child, .teams .teams-group .content .teams-cell:nth-child(3n + 1) {margin-left:0;clear:both}
	.teams .teams-group .content .teams-cell:nth-child(1), .teams .teams-group .content .teams-cell:nth-child(2), .teams .teams-group .content .teams-cell:nth-child(3) {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
	.teams .teams-group .content .teams-cell:nth-child(n) {float:none;width:auto;margin-left:0;margin-top:2%;clear:inherit}
	.teams .teams-group .content .teams-cell:first-child {margin-top:0}
}

/***************************************************
note : 상단으로
***************************************************/
#back-to-top {display:none;position:fixed;z-index:1005;right:1.25rem;bottom:1.25rem;width:45px;height:45px;color:#fefefe;background-color:rgba(77,83,122,.8);border-radius:.2rem;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}
#back-to-top.bottom {top:auto;bottom:1.25rem}
#back-to-top:hover {background-color:#4d5370}
@media screen and (max-width: 63.9375em) {
	#back-to-top {top:.625rem;right:.625rem}
	#back-to-top.bottom {top:auto;bottom:.625rem}
}

/***************************************************
note : 미확인입금자 목록
***************************************************/
.unknown-bank-box {max-width:650px;margin:auto}
.unknown-bank-box .reveal-title {overflow:hidden;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap}
.mons-notice::after {content:'';display:table;clear:both}
.mons-notice .lists {padding:0;margin:0 0 1.5rem;list-style:none}
.mons-notice .lists > li {display:table;width:100%;line-height:1em;border-bottom:1px solid rgba(0,0,0,.08);table-layout:fixed;-webkit-transition:background .3s;transition:background .3s}
.mons-notice .lists > li:first-child {border-top:2px solid #4d5370}
.mons-notice .lists > li:nth-child(even) {background-color:#f8f8fa}
.mons-notice .lists > li:hover {background-color:#f0f1f3}
.mons-notice .lists > li > [class*="npb_"] {display:table-cell;width:100%;padding:1rem .75rem;font-size:.9rem;letter-spacing:-0.025em;color:#4d5370;text-align:center;vertical-align:middle}
.mons-notice .lists > li > strong[class*="npb_"] {font-size:1rem;color:#2a3650}
.mons-notice .sums {font-size:.8rem;line-height:1.625em;letter-spacing:-0.025em;color:#727d92;text-align:left}
.mons-notice .point {color:#4d5370;text-decoration:underline}
.mons-notice strong.point {font-size:.9rem}
.mons-notice .point a {color:#4d5370}
@media screen and (max-width: 39.9375em) {
	.unknown-bank-box .reveal-title {font-size:1.125rem}
}

/***************************************************
note : 초과포인트
***************************************************/
.overpoint-guide::after {content:'';display:table;clear:both}
.overpoint-guide .warning {text-align:center}
.overpoint-guide .warning .overpay {display:block;margin-bottom:1.5rem;font-size:5rem;font-weight:800;line-height:120px;letter-spacing:-0.075em;color:#e73f72}
.overpoint-guide .warning .overpay::after {content:'pt';font-size:.8em;font-weight:400;color:#d4d7de}
.overpoint-guide .warning .text {font-size:1.25rem;color:#2a3650}
.overpoint-guide .warning .text .point {color:#e73f72;text-decoration:underline}
.overpoint-guide .warning .text > small {display:block;font-size:.8rem;color:#9ca4b2;letter-spacing:-0.05em} 
.overpoint-guide .warning .text > small::before {content:'('}
.overpoint-guide .warning .text > small::after {content:')'}

/***************************************************
note : 통합검색
***************************************************/
.sch-list-title {padding:.8rem 0;font-size:1.125rem;line-height:1.25em;letter-spacing:-0.05em;color:#4d5370}

/***************************************************
note : 명절팝업안내
***************************************************/
.holiday-popup {overflow:hidden;position:relative;height:132px;margin-bottom:.625rem;padding-right:165px;border:1px solid #e2e5e9}
.holiday-popup::before, .holiday-popup::after {content:'';position:absolute;z-index:1;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.holiday-popup::before {left:0;bottom:0;width:410px;height:110px;background-image:url(/assets/images/popup/holiday/bg1.png)}
.holiday-popup::after {right:0;bottom:0;width:160px;height:90px;background-image:url(/assets/images/popup/holiday/bg2.png)}
.holiday-popup .titles {float:left;position:relative;z-index:5;width:250px;height:100%}
.holiday-popup .titles::before {content:'';position:absolute;z-index:1;left:50%;top:50%;width:164px;height:82px;background:url(/assets/images/popup/holiday/title.png) no-repeat;background-size:100% auto;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.holiday-popup .scroller {overflow:hidden;overflow-x:auto;float:left;position:relative;z-index:3;width:calc(100% - 250px);height:152px}
.holiday-popup .images {display:block;padding:0;margin:0;list-style:none}
.holiday-popup .images > li {float:left;position:relative;width:20%;text-align:center}
.holiday-popup .images a {display:block;padding:1rem}
.holiday-popup .images img {width:100%;max-width:110px;margin-left:auto;margin-right:auto}
.holiday-popup .images .more {display:inline-block;position:absolute;z-index:10;left:50%;top:100px;min-width:65px;padding:.25rem .625rem;font-size:.8rem;line-height:1em;letter-spacing:-0.025em;color:#fefefe;background-color:#3c2415;border-radius:2rem;-ms-transform:translateX(-50%);transform:translateX(-50%)}
.holiday-popup .images .more .text {display:inline-block;margin-left:.25rem;font-style:normal;vertical-align:middle}
.holiday-popup .images .more [class*="ti-"] {font-size:.75em;vertical-align:middle}
@media screen and (max-width: 63.9375em) {
	.holiday-popup {padding-right:0}
	.holiday-popup .images {width:640px}
}
@media screen and (max-width: 39.9375em) {
	.holiday-popup {height:210px;margin-left:-1.25rem;margin-right:-1.25rem;border:0}
	.holiday-popup .titles, .holiday-popup .scroller {float:none;width:auto}
	.holiday-popup .titles {height:65px;margin-bottom:1rem}
	.holiday-popup .titles::before {width:132px;height:100%;background-position:50%}
	.holiday-popup .images {width:640px}
}

/* modal */
.holiday-zoom {text-align:center}
.holiday-zoom img {margin-left:auto;margin-right:auto}
.holiday-zoom .zoom-toss {display:inline-block;margin:1.5rem auto 0;padding:1rem 1.875rem;font-size:1.125rem;line-height:1em;letter-spacing:-0.05em;color:#e73f72 !important;border:1px solid #e73f72;border-radius:2rem;cursor:pointer}
@media screen and (max-width: 39.9375em) {
	.holiday-zoom .zoom-toss {display:block;width:100%;padding:.8rem 1.25rem;font-size:1rem;text-align:center}
}

/***************************************************
note : 디자인센터
***************************************************/
.design-center::after {content:'';display:table;clear:both}

/* search */
.design-search {margin-bottom:3.25rem;text-align:center}
.design-search::after {content:'';display:table;clear:both}
.design-search .inner {max-width:728px;margin:0 auto}
.design-search .sch-group {font-size:0;border:2px solid #3b4664;text-align:left;-webkit-transition:border-color .25s;transition:border-color .25s}
.design-search .sch-group.on {border-color:#e73f72}
.design-search .sch-group::after {content:'';display:table;clear:both}
.design-search .sch-group .value, .design-search .sch-group .words, .design-search .sch-group .btn  {display:inline-block;height:52px;margin:0;vertical-align:middle}
.design-search .sch-group .value {width:150px;font-size:1rem;color:#727d92;border:0;box-shadow:none}
.design-search .sch-group .words {width:calc(100% - 210px);font-size:1.125rem;color:#4d5370;border:0;box-shadow:none}
.design-search .sch-group .btn {width:60px;font-size:1.5rem;color:#4d5370;outline-width:0;cursor:pointer;-webkit-transition:color .25s;transition:color .25s}
.design-search .sch-group .btn::before {content:'';display:block;overflow:hidden;margin:0 auto;width:28px;height:28px;background:url(/image/design-search.svg) 0 0 no-repeat;-webkit-transition:background .25s;transition:background .25s}
.design-search .sch-group.on .btn::before {background-position:0 -32px}

/* best words */
.design-search .best-words {margin-top:.625rem;font-size:0;text-align:left}
.design-search .best-words::before, .design-search .best-words > a {display:inline-block;margin-right:1rem;vertical-align:middle}
.design-search .best-words::before {content:'추천검색어';padding:.375rem .625rem;font-size:.75rem;line-height:1em;letter-spacing:-0.05em;color:#fefefe;background-color:#9ca4b2;border-radius:.25em}
.design-search .best-words > a {font-size:.8rem;color:#8e97a7;-webkit-transition:color .25s;transition:color .25s}
.design-search .best-words > a:hover {color:#4d5370;text-decoration:underline}
.design-search .best-words > :last-child {margin-right:0}

/* menu */
.design-center .menu {margin-bottom:1.5rem}
.design-center .menu > li > a {overflow:hidden;padding:1.125rem .5rem;font-size:1.25rem;letter-spacing:-0.05em;color:#8e97a7;background-color:#f8f8f8;border:1px solid #e2e5e9;border-right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.design-center .menu > :last-child > a {border-right:1px solid #e2e5e9}
.design-center .menu > li.active > a {color:#e73f72;background:#fefefe;border-color:#e73f72;border-bottom-color:transparent}
.design-center .menu > li.active + li > a {border-left-color:#e73f72}
@media screen and (max-width: 63.9375em) {
	.design-center .menu > li > a {font-size:1rem}
}
@media screen and (max-width: 39.9375em) {
	.design-center .menu > li > a {font-size:.9rem}
}

/* tags */
.design-center .tag-group {display:block;overflow:hidden;margin-bottom:1.25rem;font-size:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.design-center .tags {display:inline-block;padding:.25rem .375rem;font-size:.75rem;font-style:normal;line-height:1;letter-spacing:-0.05em;color:#00b1ed !important;vertical-align:middle}
.design-center .tags::before {content:'#'}

/* list */
.design-center .tails {position:relative;margin-bottom:.9375rem}
.design-center .tails::after {content:'';display:table;clear:both}
.design-center .tails > a {display:block;position:relative;padding:1.25rem}
.design-center .tails > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid rgba(0,0,0,.12)}
.design-center .tails .image {display:block;overflow:hidden;height:200px;font-size:0;font-style:normal;text-align:center}
.design-center .tails .content {display:block;overflow:hidden;height:70px;margin-top:.5rem;margin-left:-1.25rem;margin-right:-1.25rem;padding:1.25rem 1.25rem 0;text-align:center}
.design-center .tails .subject, .design-center .tails .cost {display:block;overflow:hidden;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.design-center .tails .subject {font-size:1.5rem;font-weight:700;letter-spacing:-0.05em;color:#4d5370;-webkit-transition:font-size .25s;transition:font-size .25s}
.design-center .tails .cost {margin-top:.625rem;font-size:.9rem;letter-spacing:-0.025em;color:#9ca4b2}
.design-center .tails .detail {display:none;position:absolute;z-index:10;left:0;bottom:0;width:100%;table-layout:fixed}
.design-center .tails .detail-btn {display:table-cell;overflow:hidden;width:100%;height:98px;color:#fefefe;background-color:rgba(0,0,0,.8);text-align:center;vertical-align:middle;-webkit-transition:background .25s;transition:background .25s}
.design-center .tails .detail-btn:hover {background-color:rgb(0,0,0)}
.design-center .tails .detail-btn > i[class*="ti-"] {display:block;margin-bottom:.5rem;font-size:1.063rem}
.design-center .tails .detail-btn > .text {display:block;overflow:hidden;font-size:1rem;line-height:1;letter-spacing:-0.05em;text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width: 64em) {
	.design-center .tails.active > a::before {border-color:rgba(0,0,0,.8)}
	.design-center .tails.active .detail {display:table}
}
@media screen and (max-width: 63.9375em) {
	.design-center .tails .image {height:0;padding-bottom:75%}
	.design-center .tails .subject {font-size:1.125rem}
}
@media screen and (max-width: 39.9375em) {
	.design-center .tails .subject {font-size:1.063rem}
}

/* view */
.design-center.view .header {display:table;width:100%;border-top:2px solid #4d5370;border-bottom:1px solid #e2e5e9;table-layout:fixed;-webkit-transition:left .3s, width .3s;transition:left .3s, width .3s}
.design-center.view .header > .cells {display:table-cell;width:100%;padding:1.375rem 1rem;vertical-align:middle}
.design-center.view .header > :last-child {width:250px;text-align:right}
.design-center.view .header .titles {font-size:1.875rem;line-height:1.25;letter-spacing:-0.05em;color:#2a3650}
.design-center.view .header .info {display:block;margin:0;padding:0;font-size:0;list-style:none}
.design-center.view .header .info > li {display:inline-block;font-size:.875rem;line-height:1.125;letter-spacing:-0.025em;color:#6d788f;vertical-align:middle}
.design-center.view .header .info > li::before {content:'|';display:inline-block;padding:0 .625rem;font-weight:300;color:#b8bec8;vertical-align:middle}
.design-center.view .header .info > li:first-child::before {display:none}
.design-center.view .content {padding:2.25rem 1.25rem;text-align:center}
@media screen and (max-width: 39.9375em) {
	.design-center.view .header, .design-center.view .header > .cells {display:block;width:auto}	
	.design-center.view .header {padding:1.375rem 1rem;table-layout:inherit;text-align:center}
	.design-center.view .header > .cells {padding:0;vertical-align:inherit}
	.design-center.view .header > :last-child {text-align:inherit}
	.design-center.view .header .info {margin-bottom:1.25rem}
	.design-center.view .content {padding-left:0;padding-right:0}
}

/* detail button */
.design-center.view .btns {display:block;min-width:95px;padding:1rem;line-height:1.125;letter-spacing:-0.05em;color:#fefefe;background-color:#727d92;text-align:center}
.design-center.view .btns.cart {background-color:#e73f72}
.design-center.view .btns i[class*="ti-"] {display:block;margin-bottom:.5rem;font-size:1.375rem}
.design-center.view .btns .text {font-size:1.063rem}
.design-center.view .detail-btn {display:inline-block;font-size:0}
.design-center.view .detail-btn::after {content:'';display:table;clear:both}
.design-center.view .detail-btn > .btns {display:inline-block;margin-right:2px;vertical-align:middle;-webkit-transition:width .25s;transition:width .25s}
.design-center.view .detail-btn > :last-child {margin-right:0}
@media screen and (max-width: 39.9375em) {
	.design-center.view .btns {min-width:inherit;padding:.625rem 1.25rem}
	.design-center.view .btns i[class*="ti-"], .design-center.view .btns .text {display:inline-block;font-size:1rem;vertical-align:middle}
	.design-center.view .btns i[class*="ti-"] {margin-bottom:0;margin-right:.5rem}
	.design-center.view .detail-btn {display:block}
}

/* fixed header */
.design-center.is-active .header {display:block;position:fixed;z-index:1004;left:250px;right:0;top:0;width:auto;padding:1rem 1.25rem;background-color:#fefefe;border-top:0;table-layout:inherit}
.design-center.is-active .header::after {content:'';display:table;clear:both}
.design-center.is-active .header > .cells {display:block;width:auto;padding:0}
.design-center.is-active .header > :first-child {float:left}
.design-center.is-active .header > :last-child {float:right}
.design-center.is-active .header .titles {font-size:1.375rem;font-weight:700}
.design-center.is-active .header .info > li {font-size:.75rem}
.design-center.is-active .btns {min-width:inherit;padding:.625rem 1.125rem;font-size:1rem}
.design-center.is-active .btns i[class*="ti-"], .design-center.is-active .btns .text {display:inline-block;vertical-align:middle}
.design-center.is-active .btns i[class*="ti-"] {margin-bottom:0;margin-right:.625rem;font-size:.8em}
.design-center.is-active .btns .text {font-size:inherit}
.design-center.is-active .btns .show-for-medium {display:none}
@media screen and (max-width: 79.9375em) {
	.design-center.is-active .header {left:0}
}
@media screen and (max-width: 39.9375em) {
	.design-center.is-active .header > .cells {float:none}	
	.design-center.is-active .header > :first-child {display:none}
	.design-center.is-active .detail-btn > .btns {width:calc(50% - 1px)}
}

/* shopping cart preview */
.basket-in {display:none;overflow:hidden;position:fixed;z-index:-1;left:-1px;top:-1px;width:1px;height:1px;background-color:rgba(0,0,0,.7);clip:rect(0,0,0,0);text-align:center}
.basket-in.active {display:block;z-index:1004;left:0;top:0;width:100%;height:100%;clip:inherit}
.basket-in .inner {position:absolute;z-index:10;left:50%;top:50%;width:180px;background-color:#fefefe;border-radius:.5rem .5rem 0 0;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.basket-in .contents {padding:1.875rem 1rem}
.basket-in .contents > i[class*="ti-"] {display:block;margin-bottom:1rem;font-size:3rem;color:#e73f72}
.basket-in .contents > .text {padding:0;margin:0;font-size:1.125rem;line-height:1.25;letter-spacing:-0.05em;color:#2a3650}
.basket-in .contents > .text small {display:block;margin-top:1rem;font-size:.875rem;line-height:1.25;color:#808a9d}
.basket-in .basket-btn {display:block;font-size:0;background-color:#2a3650}
.basket-in .basket-btn::after {content:'';display:table;clear:both}
.basket-in .basket-btn > .btns {display:inline-block;width:50%;padding:.8rem .5rem;font-size:1rem;line-height:1.125;letter-spacing:-0.05em;color:#fefefe;border-left:1px solid rgba(255,255,255,.08);vertical-align:middle;-webkit-transition:background-color .25s;transition:background-color .25s}
.basket-in .basket-btn > .btns:hover {background-color:rgba(0,0,0,.25)}
.basket-in .basket-btn > :first-child {border-left:0}

/* cart */
.design-center table.cart {width:100%;margin-bottom:2rem;border-top:2px solid #4d5370;border-collapse:collapse;table-layout:fixed}
.design-center table.cart th, .design-center table.cart td {width:100%;font-size:1rem;color:#727d92;vertical-align:middle}
.design-center table.cart thead, .design-center table.cart tbody, .design-center table.cart tfoot {border:0}
.design-center table.cart thead {background-color:#fefefe;border-bottom:1px solid #e2e5e9}
.design-center table.cart thead th, .design-center table.cart thead td {padding:1.125rem .625rem;color:#4d5370;text-align:center}
/*.design-center table.cart thead tr > :nth-child(1) {width:65px}*/
.design-center table.cart thead tr > :nth-child(1), .design-center table.cart tbody tr > :nth-child(1) {text-align:left}
.design-center table.cart tbody tr {border-bottom:1px solid #e2e5e9}
.design-center table.cart tbody tr > :nth-child(2) {text-align:center}
.design-center table.cart tbody th {padding:0;text-align:center}
.design-center table.cart tbody a {display:block}
.design-center table.cart tbody th > a {padding:1rem .625rem}
.design-center table.cart tfoot {background-color:#f8f8fa;border-bottom:1px solid rgba(0,0,0,.15)}
.design-center table.cart tfoot th, .design-center table.cart tfoot td {padding:1.125rem 1.25rem;font-weight:normal;text-align:right}
.design-center table.cart tfoot .total {font-size:1.375rem;font-weight:700;color:#e73f72}
.design-center table.cart .for-skin {display:block;font-size:0}
.design-center table.cart .images, .design-center table.cart .subject {display:inline-block;vertical-align:middle}
.design-center table.cart .images {overflow:hidden;position:relative;width:40px;height:40px;margin-right:.8rem;background-repeat:no-repeat;background-position:50% 0;background-size:cover}
.design-center table.cart .images::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid rgba(0,0,0,.08)}
.design-center table.cart .subject {font-size:1.375rem;line-height:1.25;letter-spacing:-0.05em;color:#2a3650} 
.design-center table.cart .check-once {text-align:center}
.design-center table.cart .check-once input[type="checkbox"] {overflow:hidden;position:absolute;left:-1px;top:-1px;width:1px;height:1px;clip:rect(0,0,0,0)}
.design-center table.cart .check-once input[type="checkbox"] + label {display:block;position:relative;width:15px;height:15px;margin:0 auto;background-color:#fefefe;border:1px solid #d4d7de}
.design-center table.cart .check-once input[type="checkbox"] + label::before {content:"\e64c";display:none;position:absolute;z-index:1;left:50%;top:50%;font-family:'themify';font-size:.8rem;font-style:normal;font-weight:normal;font-variant:normal;color:transparent;text-transform:none;line-height:1;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.design-center table.cart .check-once input[type="checkbox"]:checked + label {border-color:#e73f72}
.design-center table.cart .check-once input[type="checkbox"]:checked + label::before {display:block;color:#2a3650}
.design-center table.cart .skin-btns {display:block;font-size:0;text-align:center}
.design-center table.cart .skin-btns > .btn {display:inline-block;min-width:65px;padding:.375rem .8rem;margin-right:2px;font-size:.875rem;line-height:1;letter-spacing:-0.05em;color:#727d92;background-color:#fefefe;border:1px solid #b8bec8;text-align:center}
.design-center table.cart .skin-btns > .btn::before {content:'-';display:inline-block;margin-right:.25rem}
.design-center table.cart .skin-btns > .btn.order {color:#4d5370;border-color:#4d5370}
.design-center table.cart .skin-btns > .btn.order::before {content:'+';color:#e73f72}
.design-center table.cart .skin-btns > :last-child {margin-right:0}
@media screen and (max-width: 39.9375em) {
	.design-center table.cart .images {display:none}
	.design-center table.cart .subject {display:block;overflow:hidden;font-size:1.063rem;white-space:nowrap;text-overflow:ellipsis}
	.design-center table.cart .skin-btns > .btn {display:block;margin-bottom:2px;margin-right:0}
	.design-center table.cart .skin-btns > :last-child {margin-bottom:0}
	.design-center .write-btns {display:block;font-size:0}
	.design-center .write-btns > .button {display:inline-block;width:calc(50% - 1px);margin-right:2px}
	.design-center .write-btns > :last-child {margin-right:0}
}

/* payment */
.design-center .payment {border-top:1px solid #4d5370}
.design-center .payment::after {content:'';display:table;clear:both}
.design-center .payment .rows {display:table;width:100%;table-layout:fixed}
.design-center .payment .rows.thead {background-color:rgba(0,0,0,.03)}
.design-center .payment .rows.tbody {border-bottom:1px solid rgba(0,0,0,.08)}
.design-center .payment .cells {display:table-cell;width:100%;padding:1.125rem .625rem;border-left:1px solid rgba(0,0,0,.05);text-align:center;vertical-align:middle;word-wrap:break-word;word-break:break-all}
.design-center .payment .cells.notpad {padding:0}
.design-center .payment .rows.thead > .cells {font-weight:700;color:#2a3650}
.design-center .payment .rows.tbody > .cells {color:#727d92}
.design-center .payment .rows > :first-child {border-left:0}
.design-center .payment .num {font-size:1.375rem;font-weight:700;color:#2a3650}
.design-center .payment .num.blocked {display:block}
.design-center .payment .same {display:block;position:relative;padding:1.125rem .625rem}
.design-center .payment .same::before, .design-center .payment .same::after {content:'';position:absolute;left:0;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.design-center .payment .same::before {z-index:1;display:block;width:45px;height:45px;background-color:#fefefe;border:1px solid rgba(0,0,0,.12);border-radius:50%}
.design-center .payment .same::after {content:'=';z-index:2;font-size:2rem;font-weight:700;line-height:1;color:#2a3650}
.design-center .payment .same > .num {color:#e73f72}
@media screen and (max-width: 39.9375em) {
	.design-center .payment .num {font-size:1.125rem}
	.design-center .payment .same::before, .design-center .payment .same::after {display:none}
}

/***************************************************
note : 테이블스킨
name : 김종화
date : 17.10.26
***************************************************/
table.dg-work-guide {border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf}
table.dg-work-guide caption {display:none;font-size:26px}
table.dg-work-guide th,table.dg-work-guide td {padding:8px;border-left:1px solid #cfcfcf;border-top:1px solid #cfcfcf;text-align:center}
table.dg-work-guide th,table.dg-work-guide td,table.dg-work-guide ul,table.dg-work-guide li {font-size:.9rem}
table.dg-work-guide thead th {background-color:#333;color:#fff}
table.dg-work-guide td.ag-left {text-align:left}
table.dg-work-guide tbody th,table.dg-work-guide .bg-gray {background-color:#f4f4f4}
table.dg-work-guide .bg-blue {background-color:#cfe2f3}
table.dg-work-guide .bg-yellow {background-color:#fff3cf}
table.dg-work-guide td ul {margin:0;padding:0 10px 0 1.25rem;;list-style-type:circle}
a.dg-work-btn {float:right;margin-bottom:1.25rem;;padding:8px 12px;border-radius:6px;background-color:#e7316e;font-size:.9rem;color:#fff}

/***************************************************
note : 샘플
name : 김종화
date : 18.01.04
***************************************************/
dl.reception,dl.reception > dt,dl.reception > dd,
dl.reception > dd > ul,dl.reception > dd > ul > li {float:left;width:100%;padding:0;margin:0;font-size:.9375rem;box-sizing:border-box;list-style:none}
dl.reception a {cursor:pointer}
dl.reception {padding:1.25rem;;border-top:1px solid rgba(0,0,0,.05);letter-spacing:-.05rem}
dl.reception:hover {background-color:rgba(0,0,0,.01)}
dl.reception > dt {margin-bottom:10px;font-size:1.25rem;font-weight:700;color:#e7316e;letter-spacing:-.125rem;line-height:1}
@media screen and (max-width: 39.9375em) {
	dl.reception {padding-left:0;padding-right:0}
}

dl.reception > dt > span {
	display:inline-block;margin-left:1px;padding:4px 10px;background-color:#e7316e;border:1px solid rgba(0,0,0,.08);border-radius:1rem;font-size:.75rem;color:#fff;
	animation:blink 0.6s step-end infinite;-webkit-animation:blink .7s step-end infinite;
}
/* for MS계열 브라우저 */
@keyframes blink {
	0% {background-color:#e7316e;}
	50% {background-color:#fff;}
}
/* for Chrome, Safari */
@-webkit-keyframes blink {
	0% {background-color:#e7316e;}
	50% {background-color:#fff;}
}

dl.reception > dd {padding-left:18px}
dl.reception > dd > a.btn-link {display:inline-block;margin-left:6px;padding:3px 14px;border:1px solid rgba(0,0,0,.08);border-radius:1rem;color:#fff}
dl.reception > dd > ul {margin-top:20px}
dl.reception > dd > ul > li,dl.reception > dd > ul > strong {font-size:13px}
dl.reception > dd > ul.sample {position:relative;padding:19px 14px 14px 14px;border:1px solid rgba(0,0,0,.08);background-color:#fff}
dl.reception > dd > ul.sample::before {content:'SAMPLE';position:absolute;left:-5px;top:-5px;background-color:#000;padding:3px;font-size:11px;color:#fff;line-height:1;letter-spacing:0}
dl.reception > dd > ul.tips {padding:14px 0 14px 24px;border-top:1px dashed rgba(0,0,0,.08);border-bottom:1px dashed rgba(0,0,0,.08);background-color:#fff}
dl.reception > dd > ul.tips > li {list-style:disc}
dl.reception > dd > ul.tips > li > a {color:#eb8116;text-decoration:underline}
dl.reception > dd > ul.link {padding:14px 14px 14px 40px;border:1px solid rgba(0,0,0,.08);background-color:#fff}
dl.reception > dd > ul.link > strong {float:left;width:100%;margin:0 0 5px -20px}
dl.reception > dd > ul.link > li {width:20%;list-style-type:decimal}
@media screen and (max-width: 39.9375em) {
	dl.reception > dd {padding-left:0}
	dl.reception > dd > ul.link > li {width:100%;padding:.4rem 0}
}

dl.reception > dd > ul.check {margin-top:0;padding-left:18px}
dl.reception > dd > ul.check > li {margin-top:15px;list-style-type:disc}
dl.reception > dd > ul.check > li:first-child {margin-top:5px}
dl.reception > dd > ul.check > li > strong {display:block;font-size:15px}

a.templet-pd-apply,
a.templet-md-apply {display:block;position:relative;width:100%;padding:16px 20px 16px 120px;border:1px solid #dfdfdf;border-radius:60px;font-size:1rem;line-height:1.625em;text-decoration:none}
a.templet-md-apply {margin-bottom:2rem}
a.templet-pd-apply::before,
a.templet-md-apply::before {content:'';position:absolute;z-index:1;left:1px;top:1px;bottom:1px;width:100px;background:#0060a2;border-radius:60px}
a.templet-md-apply::before {background:#71bf44}
a.templet-pd-apply::after, a.templet-md-apply::after {position:absolute;z-index:2;left:0;top:50%;width:100px;color:#fefefe;font-size:1.063rem;font-weight:700;line-height:1em;text-align:center;-ms-transform:translateY(-50%);transform:translateY(-50%)}
a.templet-pd-apply::after {content:'PC버전'}
a.templet-md-apply::after {content:'모바일웹'}

/*************************
note : 디자인센터 접수폼
*************************/
.design-center-application {display:block;margin-bottom:50px;font-size:0;padding:20px;border:1px solid rgba(0,0,0,.08)}
.design-center-application::before {content:'디자인샘플 신청목록';display:block;padding:15px;margin-bottom:20px;font-size:18px;font-weight:700;line-height:1.125;color:#fefefe;background-color:#4d5370;text-align:center}
.design-center-application::after, .design-center-application .item::after {content:'';display:table;clear:both}
.design-center-application .item {display:inline-block;position:relative;width:260px;verticla-align:middle}
.design-center-application > .item {margin-right:10px;margin-bottom:10px}
.design-center-application > :last-child {margin-right:0}
.design-center-application .item > a, .design-center-application .item .image, .design-center-application .item .content,
.design-center-application .item .subject, .design-center-application .item .cost {display:block}
.design-center-application .item > a {text-decoration:none}
.design-center-application .item > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:transparent;border:1px solid rgba(0,0,0,.1);-webkit-transition:border-color .25s, background-color .25s;transition:border-color .25s, background-color .25s}
.design-center-application .item > a:hover {background-color:#f8f8fa}
.design-center-application .item > a:hover::before {border-color:rgba(0,0,0,.25)}
.design-center-application .item .image {overflow:hidden;height:0;padding-bottom:56.25%;text-align:center}
.design-center-application .item .image > img {max-width:100%}
.design-center-application .item .content {padding:15px}
.design-center-application .item .subject {margin-bottom:12px;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-0.05em;color:rgb(0,0,0)}
.design-center-application .item .cost {overflow:hidden;font-size:12px;line-height:1.125;color:rgba(0,0,0,.6);text-overflow:ellipsis;white-space:nowrap}

/*************************
note : 디자인센터 샘플(only one page)
*************************/
.sample-wrap {display:block;text-align:center}
.sample-wrap::after {content:'';display:table;clear:both}
.sample-wrap .spskin-roll {display:block;position:relative;max-width:800px;margin:0 auto}
.sample-wrap .spskin-roll .item {position:relative;margin:0 1rem;opacity:.2;filter:alpha(opacity=20)}
.sample-wrap .spskin-roll .item.slick-active {opacity:1;filter:alpha(opacity=100)}
.sample-wrap .spskin-roll .item > a {display:block}
.sample-wrap .spskin-roll .types {display:block;position:relative;margin-bottom:2.375rem;font-size:0}
.sample-wrap .spskin-roll .types::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:100%;height:0;border-top:1px solid #c8cfe1}
.sample-wrap .spskin-roll .types > .text {display:inline-block;position:relative;z-index:5;padding:.375rem 1.25rem;font-size:1.375rem;font-weight:400;font-style:normal;line-height:1.125;letter-spacing:-.05em;color:#fff;background-color:#3b4664;border-radius:2rem}
.sample-wrap .spskin-roll .image {display:block;overflow:hidden;max-height:720px;padding:1.25rem;border:1px solid rgba(0,0,0,.08)}
.sample-wrap .spskin-roll .slick-arrow {position:absolute;z-index:10;top:0;width:40px;height:100%;font-size:0;color:transpatent;cursor:pointer;opacity:.15;filter:alpha(opacity=15);transition:opacity .25s}
.sample-wrap .spskin-roll .slick-arrow:hover {opacity:1;filter:alpha(opacity=100)}
.sample-wrap .spskin-roll .slick-arrow::before {content:'';display:block;overflow:hidden;width:40px;height:72px;margin:0 auto;background:url(/image/demo-btns.svg) no-repeat}
.sample-wrap .spskin-roll .slick-arrow.slick-prev {left:0}
.sample-wrap .spskin-roll .slick-arrow.slick-prev::before {background-position:0 0}
.sample-wrap .spskin-roll .slick-arrow.slick-next {right:0}
.sample-wrap .spskin-roll .slick-arrow.slick-next::before {background-position:-50px 0}
.sample-wrap .guide {display:block;max-width:800px;margin:1.875rem auto;padding:.625rem 1.25rem;font-size:1.063rem;line-height:1;letter-spacing:-.05em;color:#fff;background-color:#e7316e}

/*************************
note : 디자인센터 샘플(for list)
*************************/
.sample-list {display:block}
.sample-list .sample-header {display:block;position:relative;margin:-1.5rem -1.5rem 0;font-size:0;background:url(/assets/images/design-center-best.jpg) 100% 50% no-repeat #fbc74b;background-size:auto 100%;text-align:left}
.sample-list .sample-header .text-box {padding:2.875rem 1.5rem}
.sample-list .sample-header .subject {display:block;font-size:3.125rem;font-weight:bold;line-height:1.125;letter-spacing:-.075em;color:#2b1c1b;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}
.sample-list .sample-header .sums {display:block;margin:.875rem auto 0;font-size:1rem;font-weight:300;line-height:1.125;letter-spacing:-.05em;color:#8a6b2f}
@media screen and (min-width: 100em) {
	.sample-list .sample-header {text-align:center}
}
@media screen and (min-width: 64em) {
	.sample-list .sample-header {height:280px}
	.sample-list .sample-header .text-box {position:absolute;z-index:10;left:0;top:50%;width:100%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
}
@media screen and (max-width: 39.9375em) {
	.sample-list .sample-header {margin-left:-1.25rem;margin-right:-1.25rem;background-position:50% 50%;background-size:cover}
	.sample-list .sample-header .subject {font-size:2.375rem}
}

/* tabs */
.sample-list .sample-types {display:block;position:relative;z-index:15;margin:-1.5rem auto 3.25rem;font-size:0;background-color:#3f444c;text-align:left}
.sample-list .sample-types > a {display:block;overflow:hidden;font-size:1.5rem;line-height:80px;letter-spacing:-.05em;color:rgba(255,255,255,.5);text-align:center;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
.sample-list .sample-types > a.active {font-weight:bold;color:#3f444c;background-color:#fff}
.sample-list .sample-types::before, .sample-list .sample-types::after {display:none}
.sample-list .sample-types > a:first-child:nth-last-child(2), .sample-list .sample-types > a:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ a {display:inline-block;width:50%}
.sample-list .sample-types > a:first-child:nth-last-child(3), .sample-list .sample-types > a:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ a {display:inline-block;width:33.33333%}
.sample-list .sample-types > a:first-child:nth-last-child(4), .sample-list .sample-types > a:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ a {display:inline-block;width:25%}
.sample-list .sample-types > a:first-child:nth-last-child(5), .sample-list .sample-types > a:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ a {display:inline-block;width:20%}
.sample-list .sample-types > a:first-child:nth-last-child(6), .sample-list .sample-types > a:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ a {display:inline-block;width:16.66667%}
@media screen and (max-width: 39.9375em) {
	.sample-list .sample-types > a {font-size:1.25rem;line-height:60px}
}

/* container */
.sample-list .sample-container {display:block;font-size:0;text-align:left}
.sample-list .sample-container::after {content:'';display:table;clear:both}
.sample-list .sample-container > .item {display:block;position:relative;margin-top:20px}
.sample-list .sample-container > .item > a {display:block}
.sample-list .sample-container > .item > a::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)}
.sample-list .sample-container .image {display:block;overflow:hidden;height:0;padding-bottom:70%;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.sample-list .sample-container .types {display:inline-block;overflow:hidden;position:absolute;z-index:10;left:50%;top:1.25rem;max-width:80%;padding:.5rem 1.375rem;font-size:1rem;font-weight:normal;line-height:1.375;letter-spacing:-.05em;color:#fff;background-color:#3b4664;border-radius:2rem;white-space:nowrap;text-overflow:ellipsis;-ms-transform:translateX(-50%);transform:translateX(-50%)}
@media screen and (min-width: 40em) {
	.sample-list .sample-container > .item {float:left;width:calc(50% - 20px);min-height:1px;margin-left:20px;margin-top:20px}
	.sample-list .sample-container > :nth-child(2n + 1) {margin-left:0;clear:both}
	.sample-list .sample-container > :nth-child(-n + 2) {margin-top:0}
	.sample-list .sample-container .types {left:1.25rem;top:1.25rem;font-size:1.125rem;background-color:rgba(0,0,0,.7);-ms-transform:translateX(0);transform:translateX(0)}
}
@media screen and (min-width: 64em) {
	.sample-list .sample-container > .item {width:calc(33.33333% - 14px);margin-left:21px;margin-top:20px;clear:initial}
	.sample-list .sample-container > :nth-child(3n + 1) {margin-left:0;clear:both}
	.sample-list .sample-container > :nth-child(-n + 3) {margin-top:0}
	.sample-list .sample-container > .item > a:hover::before {border-width:2px;border-color:#f37921}
	.sample-list .sample-container .image {opacity:.5;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
	.sample-list .sample-container a:hover .image {opacity:1}
	.sample-list .sample-container .types {-webkit-transition:opacity .2s ease-in-out, margin-top .3s ease-in-out;transition:opacity .2s ease-in-out, margin-top .3s ease-in-out}
	.sample-list .sample-container a:hover .types {margin-top:-.375rem;opacity:0}
}

/************************************************************
note : 진행상황 안내
memo : complete - 완료, redy - 준비, active - 진행
************************************************************/
.project-board {display:block;margin-bottom:.625rem}
.project-board ul, .project-board ol {padding:0;margin:0;list-style:none}
.checking-step {display:block;position:relative}
@media screen and (max-width: 39.9375em) {
    .checking-step {margin-left:-1.25rem;margin-right:-1.25rem}
}

/* manager */
.check-manager {display:block;overflow:hidden;position:relative;padding:.75rem 1.25rem;font-size:0;background-color:#3b4664;text-align:left}
.check-manager > .item {display:inline-block;padding-right:50px}
.check-manager .image, .check-manager .parts, .check-manager .manager, .check-manager .tel {display:inline-block;vertical-align:middle}
.check-manager .image {overflow:hidden;width:36px;height:36px;margin-right:1rem;border-radius:50%;background-repeat:no-repeat;background-position:50%;background-size:cover}
.check-manager .parts {margin-right:.375rem;padding:.25rem .625rem;font-size:.75rem;font-style:normal;line-height:1;letter-spacing:-.05em;color:#fff;background-color:#e73f72;border-radius:2rem}
.check-manager .parts.dev {background-color:#00b1ed}
.check-manager .parts.plan {background-color:#fbc74b}
.check-manager .manager {margin-right:.625rem;font-size:1.063rem;font-weight:700;line-height:1.125;letter-spacing:-.05em;color:#fff}
.check-manager .tel {font-size:.813rem;font-style:normal;line-height:1.25;color:rgba(255,255,255,.6) !important}
.check-manager .tel > i[class*="ti-"] {display:inline-block;margin-right:.375rem;font-size:.8em}
.check-manager .check-open {position:absolute;z-index:9;right:1.25rem;top:50%;font-size:1.125rem;line-height:0;color:#fff;border:0;cursor:pointer;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:transform .35s;transition:transform .35s, -ms-transform .35s}
.check-manager .check-open.close {-ms-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}
@media screen and (max-width: 63.9375em) {
	.check-manager > .item {display:block;margin-top:.625rem}
	.check-manager > :first-child {margin-top:0}
}
@media screen and (max-width: 39.9375em) {
	.check-manager .parts {font-size:.625rem}
	.check-manager .manager {font-size:.9375rem}
	.check-manager .tel {font-size:0;color:transparent}
	.check-manager .tel::before {content:'전화연결';display:inline-block;padding:.375rem .5rem;font-size:.625rem;line-height:1;border:1px solid rgba(255,255,255,.2)}
}

/* check notice */
.check-notice {display:block;margin-bottom:.625rem;padding:.625rem 1.25rem;background-color:#fff;border:1px solid #e2e5e9;border-top:0;text-align:left}
.check-notice .inner {font-size:.9375rem;line-height:1.375;letter-spacing:-.05em;color:#4d5370}
.check-notice .inner::before {content:'진행사항';display:inline-block;padding:.25rem .5rem;margin-right:.375rem;font-size:.8em;font-weight:700;line-height:1;letter-spacing:0;color:#fff;background-color:#2199e8;border-radius:2px;vertical-align:middle}
@media screen and (max-width: 39.9375em) {
	.check-notice {margin-bottom:0;font-size:1rem;border:0}
}

/* check list */
.project-check-list {display:block;position:relative;font-size:0;text-align:left}
.project-check-list .item {display:inline-block;overflow:hidden;width:16.666667%;padding:1.25rem;border-width:1px 1px 1px 0;background-color:#f0f1f3;border-style:solid;border-color:#e2e5e9;vertical-align:middle;text-align:center}
.project-check-list > :first-child {border-left-width:1px}
.project-check-list .item > i[class*="ti-"] {display:block;overflow:hidden;position:relative;width:52px;height:52px;margin:0 auto .625rem;font-size:1.25rem;line-height:1;color:rgba(0,0,0,.35);background-color:#fff;border-radius:50%}
.project-check-list .item > i[class*="ti-"]::before {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.project-check-list .item.active {background-color:#005ca0;border-color:rgba(0,0,0,.08)}
.project-check-list .item.active > i[class*="ti-"] {color:#e7316e;background-color:#fff;border:0}
.project-check-list .item.complete {background-color:#fff}
.project-check-list .item.complete > i[class*="ti-"] {color:#fff;background-color:#b8bec8}
.project-check-list .item.complete > i[class*="ti-"]::before {content:'ok';font-family:inherit;font-size:1rem;text-transform:uppercase}
.project-check-list .item.active .text {font-weight:700;color:#fff}
.project-check-list .item.complete .text {color:#727d92}
.project-check-list .spinner {display:block;position:relative;width:52px;height:52px;margin:0 auto .625rem}
.project-check-list .spinner::before, .project-check-list .spinner::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:50%;opacity:.6;filter:alpha(opacity=60);-ms-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}
.project-check-list .spinner::after {-ms-animation-delay:-1.0s;animation-delay:-1.0s}
.project-check-list .text {display:block;overflow:hidden;font-size:1rem;line-height:1.25;letter-spacing:-.05em;color:rgba(0,0,0,.35);text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width: 39.9375em) {
    .project-check-list .item {width:33.333333%;border-width:0 0 1px 1px}
    .project-check-list > :nth-child(3n + 1) {border-left-width:0}
    .project-check-list > :nth-child(1), .project-check-list > :nth-child(2), .project-check-list > :nth-child(3) {border-top-width:1px}
}

@-ms-keyframes sk-bounce {
  0%, 100% { -ms-transform: scale(0.0) }
  50% { -ms-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -ms-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -ms-transform: scale(1.0);
  }
}

/* state list */
.project-list-wrap {display:none;margin-top:.625rem;background:#fff}
.project-list-wrap table {margin-bottom:0;border-collapse:collapse;table-layout:fixed}
.project-list-wrap table th, .project-list-wrap table td {font-size:.813rem;line-height:1.375;letter-spacing:-.05em;border-left:1px solid rgba(0,0,0,.05);text-align:center}
.project-list-wrap table tr > :first-child {border-left:0}
.project-list-wrap table thead th, .project-list-wrap table thead td {font-size:.9375rem;font-weight:700;color:rgba(0,0,0,.95)}
.project-list-wrap table tbody th, .project-list-wrap table tbody td {color:rgba(0,0,0,.6)}
.project-list-wrap table tbody th {font-weight:700;color:rgba(0,0,0,.95)}
.project-list-wrap table .point {color:#e7316e}
@media screen and (max-width: 63.9375em) {
    .project-list-wrap table th, .project-list-wrap table td {border:0}
}

/************************************************************
note : 리뉴얼, 신규고객 안내
************************************************************/
#renew-wrap {margin:-1.5rem}
#renew-wrap::after {content:'';display:table;clear:both}

/* header */
#renew-wrap .header {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;position:relative;height:380px;padding:1.5rem;background:url(/image/renew_bg01_1.png) 65% bottom no-repeat #4891dc;text-align:center;transition:all .3s ease-in-out}
#renew-wrap .header::before, #renew-wrap .header::after {content:'';position:absolute;z-index:1;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;transition:width .3s ease-in-out, height .3s ease-in-out, left .3s ease-in-out, right .3s ease-in-out}
#renew-wrap .header::before {left:10%;bottom:5%;width:279px;height:157px;background-image:url(/image/renew_bg01_2.png)}
#renew-wrap .header::after {right:12%;top:5%;width:244px;height:294px;background-image:url(/image/renew_bg01_3.png)}
#renew-wrap .header > .titles, #renew-wrap .header > .subs {position:relative;z-index:5}
#renew-wrap .header > .titles {display:block;margin-bottom:.75rem}
#renew-wrap .header > .titles > img {transition:width .3s ease-in-out}
#renew-wrap .header > .subs {display:block;margin:0;padding:0;font-size:1.125rem;line-height:1.375;letter-spacing:-.05em;color:#fff;transition:font-size .3s ease-in-out}
@media screen and (max-width: 63.9375em) {
	#renew-wrap .header::before {left:8%;width:180px;height:98px}	
	#renew-wrap .header::after {right:8%;width:165px;height:194px}	
	#renew-wrap .header > .titles {max-width:465px;margin-left:auto;margin-right:auto}
	#renew-wrap .header > .subs {font-size:1.063rem}
}
@media screen and (max-width: 39.9375em) {
	#renew-wrap {margin-left:-1.25rem;margin-right:-1.25rem}	
	#renew-wrap .header > .subs {font-size:.9375rem}
	#renew-wrap .header > .subs > br {display:none}
}

/* container */
#renew-wrap .container::after {content:'';display:table;clear:both}
#renew-wrap .container > .cols {border-bottom:1px solid rgba(0,0,0,.08)}
#renew-wrap .container > .cols.darkblue {background-color:#002362;border-bottom:0}
#renew-wrap .container > :last-child {border-bottom:0}
#renew-wrap .max-grid {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1200px;height:300px;margin:0 auto;background-repeat:no-repeat} 
#renew-wrap .max-grid.bg-1 {background-image:url(/image/renew_bg02.png);background-position:0 0}
#renew-wrap .max-grid.bg-2 {background-image:url(/image/renew_bg03.png);background-position:90% 50%}
#renew-wrap .max-grid.bg-3 {background-image:url(/image/renew_bg04.png);background-position:5% 100%}
#renew-wrap .max-grid.bg-4 {background-image:url(/image/renew_bg05.png);background-position:90% 100%}
#renew-wrap .max-grid > .items {width:50%;padding:1.25rem}
#renew-wrap .max-grid > .items.text {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;text-align:center}
#renew-wrap .max-grid .titles, #renew-wrap .max-grid .sums {transition:font-size .3s ease-in-out}
#renew-wrap .max-grid .titles {margin-bottom:.875rem;font-size:2.875rem;font-weight:100;line-height:1.125;letter-spacing:-.1em;color:#282828;white-space:nowrap}
#renew-wrap .max-grid .titles > strong {font-weight:700}
#renew-wrap .max-grid .sums {font-size:1.063rem;font-weight:100;line-height:1.375;letter-spacing:-.05em;color:#282828}
#renew-wrap .cols.darkblue .titles, #renew-wrap .cols.darkblue .sums {color:#fff}
@media screen and (max-width: 63.9375em) {
	#renew-wrap .max-grid {-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:auto;background-position:50% 100% !important;background-size:auto 180px}
	#renew-wrap .max-grid::after {content:'';display:block;height:180px;margin-top:1rem}
	#renew-wrap .max-grid > .items {width:auto;height:auto;padding:0}
	#renew-wrap .max-grid > .items.text {padding:2.375rem 1.25rem}
	#renew-wrap .max-grid .titles {font-size:2.375rem;white-space:inherit}
	#renew-wrap .max-grid .sums {font-size:1rem}
	#renew-wrap .max-grid .sums > br {display:none}
}
@media screen and (max-width: 39.9375em) {
	#renew-wrap .max-grid .titles {font-size:1.875rem}
	#renew-wrap .max-grid .sums {font-size:.875rem}
}

/* footer */
#renew-wrap .footer {padding:5.625rem 1.25rem;background-color:#e7316e}
#renew-wrap .footer .content {padding:0 1.25rem;text-align:center}
#renew-wrap .footer .content .titles, #renew-wrap .footer .content .subs {color:#fff}
#renew-wrap .footer .content .titles {margin-bottom:1rem;font-size:3.125rem;font-weight:100;line-height:1.125;letter-spacing:-.1em}
#renew-wrap .footer .content .titles > strong {font-weight:700}
#renew-wrap .footer .content .subs {font-size:1.125rem;font-weight:300;line-height:1.375;letter-spacing:-.075em}
#renew-wrap .footer .content.small .titles {font-size:2.375rem}
#renew-wrap .footer .content.small .subs {font-size:1.063rem}
#renew-wrap .footer .goto {display:inline-block;margin:6.625rem 0;padding:0 3.75rem;font-size:1.625rem;font-weight:700;line-height:60px;letter-spacing:-.1em;color:#e7316e;background-color:#fff;border-radius:2rem;transition:color .3s ease-in, background-color .3s ease-in-out}
#renew-wrap .footer .goto:hover {color:#fff;background-color:#002362}
@media screen and (max-width: 63.9375em) {
	#renew-wrap .footer .content .subs > br {display:none}
}
@media screen and (max-width: 39.9375em) {
	#renew-wrap .footer .content .titles {font-size:2.375rem}
	#renew-wrap .footer .content .subs {font-size:1rem}
	#renew-wrap .footer .content.small .titles {font-size:1.875rem}
	#renew-wrap .footer .content.small .subs {font-size:.9375rem}
	#renew-wrap .footer .goto {font-size:1.25rem}
}

/* card */
#renew-wrap .renew-card {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1200px;margin:5.625rem auto}
#renew-wrap .renew-card > .items {width:15%;margin-left:2%;padding:0 .875rem 6rem;background-color:#fff;border-radius:5px;text-align:left;background-repeat:no-repeat;background-position:100% 100%;box-shadow:0 30px 15px rgba(0,0,0,.15);transition:opacity .3s ease-in-out, padding .3s ease-in-out, background-size .3s ease-in-out}
#renew-wrap .renew-card > .items.card-1 {background-image:url(/image/renew_card01_1.png)}
#renew-wrap .renew-card > .items.card-2 {background-image:url(/image/renew_card02_1.png)}
#renew-wrap .renew-card > .items.card-3 {background-image:url(/image/renew_card03_1.png)}
#renew-wrap .renew-card > .items.card-4 {background-image:url(/image/renew_card04_1.png)}
#renew-wrap .renew-card > .items.card-5 {background-image:url(/image/renew_card05_1.png)}
#renew-wrap .renew-card > .items.card-6 {background-image:url(/image/renew_card06_1.png)}
#renew-wrap .renew-card > :first-child {margin-left:0}
#renew-wrap .renew-card > .items::before {content:'';display:block;height:120px;background-repeat:no-repeat;background-position:50%;transition:height .3s ease-in-out, background-size .3s ease-in-out}
#renew-wrap .renew-card > .items.card-1::before {background-image:url(/image/renew_card01_2.png)}
#renew-wrap .renew-card > .items.card-2::before {background-image:url(/image/renew_card02_2.png)}
#renew-wrap .renew-card > .items.card-3::before {background-image:url(/image/renew_card03_2.png)}
#renew-wrap .renew-card > .items.card-4::before {background-image:url(/image/renew_card04_2.png)}
#renew-wrap .renew-card > .items.card-5::before {background-image:url(/image/renew_card05_2.png)}
#renew-wrap .renew-card > .items.card-6::before {background-image:url(/image/renew_card06_2.png)}
#renew-wrap .renew-card .titles, #renew-wrap .renew-card .sums {display:block}
#renew-wrap .renew-card .titles {margin-bottom:.875rem;font-size:1.25rem;font-weight:700;line-height:1.125;letter-spacing:-.1em;color:#282828;text-align:center}
#renew-wrap .renew-card .sums {font-size:.75rem;font-weight:300;line-height:1.375;letter-spacing:-.075em;color:#898989}
@media screen and (max-width: 79.9375em) {
	#renew-wrap .renew-card {flex-flow:wrap row}
	#renew-wrap .renew-card > .items {width:32%;margin-top:2%;padding-left:1.875rem;padding-right:1.875rem}
	#renew-wrap .renew-card > :nth-child(3n + 1) {margin-left:0}
	#renew-wrap .renew-card > :nth-child(-n + 3) {margin-top:0}
}
@media screen and (max-width: 63.9375em) {
	#renew-wrap .renew-card > .items {padding-bottom:3.75rem;background-size:auto 60px}	
	#renew-wrap .renew-card > .items::before {height:80px;background-size:30px auto}
}
@media screen and (max-width: 39.9375em) {
	#renew-wrap .renew-card {-webkit-flex-flow:wrap row;-ms-flex-flow:wrap row;flex-flow:wrap row}
	#renew-wrap .renew-card > .items {width:49%;margin-top:2%;margin-left:2%;padding-left:1.25rem;padding-right:1.25rem}
	#renew-wrap .renew-card > :nth-child(2n + 1) {margin-left:0}
	#renew-wrap .renew-card > :nth-child(-n + 2) {margin-top:0}
	#renew-wrap .renew-card .titles {font-size:1.125rem}
}