@charset "utf-8";
/* 320px ~ 759px 해상도 (px로 작업해도 무방함) */

html {font-size:62.5%;-webkit-box-flex:1; overflow-x:hidden}
body { display:block; display:-webkit-box; -webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-flex:1; font-size:1.4rem}

@media only screen and (max-width:320px){
	.hidden .float-r.btn-h34.mo-mt20 {margin:0 0 1rem !important}
}

/* common */
input[type="text"], input[type="password"], input[type="number"] {height:4.3rem; line-height:4.1rem; border-radius:0.5rem; font-size:1.4rem}
::placeholder {font-size:1.4rem !important}
:-ms-input-placeholder {font-size:1.4rem !important}
::-ms-input-placeholder {font-size:1.4rem !important}

select {height:4.3rem; border-radius:0.5rem; font-size:1.4rem}

.inner, .inner-cont {margin:0; padding:0; width:100%}
.inner-cont.mo-pd015 {padding:0 1.5rem}
.inner-cont.mo-pd215 {padding:2rem 1.5rem}

.pc-block {display:none !important}
.mo-block, .ta-mo-block {display:block !important}
.mo-inlinblock {display:inline-block !important}
.mo-flex {display:flex !important}
.mo-none {display:none !important}

.mo-inner-bt {padding:0 1.5rem; border-top:1rem solid #eee}
.mo-a-l {text-align:left !important}
.mo-tbl-btn-right {position:absolute; right:0; top:0}
.mo-mt00 {margin-top:0 !important}
.mo-mt15 {margin-top:1.5rem !important}
.mo-mt20 {margin-top:2rem !important}
.mo-mt30 {margin-top:3rem !important}
.mo-mt40 {margin-top:4rem !important}
.mo-mr00 {margin-right:0 !important}
.mo-ml00 {margin-left:0 !important}
.mo-mb05 {margin-bottom:0.5rem !important}
.mo-mb10 {margin-bottom:1rem !important}
.mo-mb20 {margin-bottom:2rem !important}

.mo-pt20 {padding-top:2rem !important}
.mo-pb05 {padding-bottom:0.5rem !important}
.mo-pb10 {padding-bottom:1rem !important}
.mo-pb15 {padding-bottom:1.5rem !important}
.mo-pb20 {padding-bottom:2rem !important}

.mo-w40px {width:40px !important}
.mo-w50pc {width:50% !important}
.mo-w55pc {width:55% !important}
.mo-w100pc {width:100% !important}

.mo-fs-14 {font-size:1.4rem !important}
.mo-fs-20 {font-size:2rem !important}

.flex1, .flex1 > * {flex:1 !important}
.flex2, .flex2 > * {flex:2 !important}
.flex3, .flex3 > * {flex:3 !important}
.flex4, .flex4 > * {flex:4 !important}
.flex5, .flex5 > * {flex:5 !important}
.flex6, .flex6 > * {flex:6 !important}

.lh50 {line-height:4.3rem}

/* layout */
.w-scroll {position:relative; width:100%; min-height:97%; padding-bottom:10.6rem}

#wrap {display:block; display:-webkit-box; -webkit-box-orient:vertical;display:-moz-box;-moz-box-orient:vertical;display:box;box-orient:vertical;-webkit-box-flex:1}
#wrap:after {width:9rem; height:8.5rem; background:url('/images/gasarang/main/bg-main-circle-mo.png') right 0 no-repeat; background-size:100%}
#wrap.main:before {height:38.2rem}
#wrap.sub:before, #wrap.sub:after {display:none}

#header {height:5rem; /*background:linear-gradient(to right, #d3f1f6, #ede7ff)*/}
#wrap.sub #header {background:#fff}
#header .user {display:none}
#header h1 {left:1.5rem; top:1.2rem}
#header h1 a {width:14rem; height:2.7rem; background-size:auto 2.7rem}
#header.sticky {position:fixed; left:0; top:0; width:100%; background:#fff; box-shadow:0 0 0.8rem rgba(0,0,0,0.3)}

#nav-pc {display:none}
#nav-mo {display:block}
#nav-mo .inner {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); -webkit-transition:all 0.2s; transition:all 0.2s; overflow-y:hidden; z-index:10000}
#nav-mo .inner .ta-mo-wrp {display:block; display:-webkit-box; padding:0; position:fixed; right:-100%; top:0; -webkit-box-orient:vertical;-webkit-box-flex:1; width:100%; height:100%; background:#fff; overflow-y:hidden; -webkit-transition:all 0.2s; transition:all 0.2s;}
#nav-mo .all-menu {display:block; position:absolute; right:1.4rem; top:1.3rem}
#nav-mo .all-menu .btn-allMenu {position:relative; padding:0.5rem; background:none}
#nav-mo .all-menu .btn-allMenu strong {display:block; width:2.4rem; height:1.5rem; border-top:0.1rem solid #000; border-bottom:0.1rem solid #000}
#nav-mo .all-menu .btn-allMenu strong:before {position:absolute; left:0.5rem; top:1.2rem; display:block; width:2.4rem; height:0.1rem; background:#333; content:""}
#nav-mo .all-menu .btn-allMenu.close {display:none}
#nav-mo .all-menu.on {right:1.5rem; top:0.7rem}
#nav-mo .all-menu.on .btn-allMenu {display:none}
#nav-mo .all-menu.on .btn-allMenu.close {display:block; z-index:10001}
#nav-mo .all-menu.on .btn-allMenu.close strong {width:1.5rem; height:1.5rem; border:none; background:url('/images/gasarang/common/btn/btn-layer-close.png') 0 0 no-repeat; background-size:100%;}
#nav-mo .all-menu.on .btn-allMenu.close strong:before {display:none}
#nav-mo .all-menu.on + .inner {display:-webkit-box; display:-ms-flexbox;}
#nav-mo .all-menu.on + .inner .ta-mo-wrp {right:0}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	#nav-mo .all-menu.on + .inner .ta-mo-wrp {padding-bottom:9rem; overflow-y:hidden}
}

#nav-mo .logo {position:relative; display:block; padding:0.8em 0 0 1.5rem; height:4rem; border-bottom:1px solid #dfdfdf}
#nav-mo .logo img {width:auto; height:2rem}
#nav-mo .user-wrp {padding:1.2rem 1.5rem; background:#f5f5f5}
#nav-mo .user {float:none; display:inline-block; margin:0; padding-left:7rem; height:2.5rem; border-radius:1.2rem}
#nav-mo .user a {padding:0 1.4rem; line-height:2.4rem; font-size:1.2rem; font-weight:400; color:#333}
#nav-mo .user a + a:before {top:0.6rem; width:1px; height:1.2rem}
#nav-mo .user .org {width:7rem; height:2.5rem; line-height:2.5rem; border-radius:1.2rem; font-size:1.2rem; font-weight:400}
#nav-mo ul.menu {display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-flex:1; height:100%; overflow-y:auto}
#nav-mo ul.menu > li {width:100%; text-align:left}
#nav-mo ul.menu > li > a {position:relative; display:block; padding:0 3rem 0 1.5rem; height:4rem; line-height:4rem; border-bottom:1px solid #ccc; background:#f2ecff; font-size:1.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#nav-mo ul.menu > li > a:after, #nav-mo ul.menu > li > a.on:after, #nav-mo ul.menu > li:hover > a:after, #nav-mo ul.menu > li:focus > a:after {position:absolute; left:initial; bottom:initial; right:1.5rem; top:50%; width:1.2rem; height:0.7rem; background:url('/images/gasarang/common/btn/btn-toggle.png') 0 0 no-repeat; background-size:100%; transform:translateY(-50%); content:""}
#nav-mo ul.menu > li > a.on:after {top:calc(50% - 0.5rem); transform:rotate(180deg)}

#nav-mo ul.menu > li a.on + .sub, #nav-mo ul.menu > li:hover .sub {background:#fff}
#nav-mo ul.menu > li .sub {display:none; position:relative; top:0; padding:0; height:auto; background:#fff}
#nav-mo ul.menu > li a.on + .sub {display:block}
#nav-mo ul.menu > li .sub li {padding:0.9rem 1.5rem 0.9rem 3rem; border-bottom:1px solid #f6f6f6}
#nav-mo ul.menu > li .sub li a {font-size:1.3rem; color:#666}
#nav-mo ul.menu > li .sub li a:hover, #nav-mo ul.menu > li .sub li a:focus {color:#9745fd}

#contents {padding-bottom:4rem}
#wrap.sub #contents {border-top:1px solid #c3dfe4}

#footer {position:absolute; left:0; bottom:0; padding:3rem 0}
#footer .link {padding:0; margin-bottom:0.4rem; border-bottom:none; text-align:center}
#footer .link a.mo-none {display:none}
#footer .link a {position:relative; font-size:1.2rem}
#footer .link a + a {margin-left:0}
#footer .link a + a:before {position:absolute; left:0; top:0.4rem; display:block; width:1px; height:1rem; background:#999; content:""}
#footer .link a.policy {padding-left:0.9rem; margin-left:0.5rem}
#footer .f-btm {display:block; padding:0; text-align:center}
#footer .f-btm .logo, #footer .f-btm .copyright .addr {display:none}
#footer .f-btm .copyright {display:inline-block}
#footer .f-btm .copyright span {font-size:1.1rem}

/* 메인 */
.main-visual .inner {padding:0}
.main-visual {padding:3rem 1.5rem 0 2rem; height:33rem}
.main-visual:before {position:absolute; left:0; top:5rem; display:block; width:8.6rem; height:12.2rem; background:url('/images/gasarang/main/bg-main-circle-left-mo.png') 0 0 no-repeat; background-size:100%; content:""}
.main-visual:after {position:absolute; right:0; bottom:0; display:block; width:17.7rem; height:16rem; background:url('/images/gasarang/main/bg-main-circle-btm-mo.png') 0 0 no-repeat; background-size:100%; content:""}
/*.main-visual .bg {background:none; z-index:1}*/
.main-visual .tit {padding:0 1rem; margin-bottom:0.8rem; height:2.1rem; line-height:2.1rem; border-radius:1.5rem; border-bottom-left-radius:0; font-size:1.3rem}
.main-visual .bx-wrapper li {line-height:2.2rem; font-size:1.7rem}

.main-visual-link {padding:0 2rem; margin:-13rem 0 0; width:100%; height:13rem; border-radius:2.5rem; border-bottom-left-radius:0; border-bottom-right-radius:0; box-shadow:-1px -1px 7px rgb(0,0,0,0.1); text-align:center}
.main-visual-link:before {right:initial; left:50%; top:-7.6rem; width:25rem; height:8.9rem; background:url('/images/gasarang/main/bg-main-visual.png') 0 0 no-repeat; background-size:100%; transform:translateX(-50%)}
.main-visual-link li {float:none; display:inline-block; padding-left:0; width:28.5%; height:100%; text-align:center}
.main-visual-link li + li {margin-left:1.8%}
.main-visual-link li a {padding-left:0; padding-top:7.3rem}
.main-visual-link li a .img-area {left:50%; top:2.4rem; width:4rem; height:4rem; box-shadow:0 0.1rem 0.4rem 0.1rem rgb(0,0,0,0.2); transform:translateX(-50%)}
.main-visual-link li a .img-area img {width:4rem; height:4rem}
.main-visual-link .tit {padding-right:0; line-height:1.7rem; font-size:1.3rem; background:none}
.main-visual-link em {display:none}

.main-visual .bx-wrapper .bx-pager {bottom:0}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-visual .bx-wrapper .bx-pager.bx-default-pager a.active, .main-visual .bx-wrapper .bx-pager.bx-default-pager a:focus {width:2.5rem}
.main-visual .bx-wrapper .bx-controls {position:relative; top:2rem}
.main-visual .bx-wrapper .bx-controls-auto {right:initial; left:78px; bottom:-1px}
.main-svc {margin:0; padding:0; width:100%; height:18rem}
.main-svc .movie {padding:0; margin:0; width:100%; height:18rem; border-radius:0}

.main-svc .srch .pc {display:none}
.main-svc .srch .ta-mo {display:block}
.main-svc .srch {position:fixed; right:1.5rem; bottom:3.8rem; float:none; padding:0; width:auto; height:4rem; line-height:4rem;  background:none; z-index:10}
.main-svc .srch a.ta-mo {position:relative; padding:0 4.2rem 0 1rem; height:auto; border-radius:2rem; background:linear-gradient(to right, #9744fd, #9744fd, #46e5fe); box-shadow:0 2px 8px 4px rgb(0,0,0,0.2); color:#fff; font-size:1.5rem; font-weight:600}
.main-svc .srch a.ta-mo:after {position:absolute; right:0.6rem; top:0.8rem; display:block; width:2.8rem; height:2.8rem; background:url('/images/gasarang/main/img-find.png') 0 0 no-repeat; background-size:100%; content:""}

.main-svc .ask {display:none}
.box-purple.ask.mo {display:block; margin-top:2.5rem}
.box-purple.ask.mo .tit {display:block; padding:0 1.5rem 0.5rem; border-bottom:1px solid #c9c9c9; font-size:1.6rem}
.box-purple.ask.mo .tit span {font-weight:600}
.box-purple.ask.mo > ul {padding:2.2rem 1.5rem 2rem}
.box-purple.ask.mo > ul > li {position:relative; padding-left:0.6rem}
.box-purple.ask.mo li .tit {position:relative; padding:0; margin-bottom:0.5rem; border-bottom:none; font-size:1.5rem; font-weight:400; color:#333}
.box-purple.ask.mo li .tit:before {position:absolute; left:0; top:-0.2rem; display:block; width:1rem; height:0.1rem; background:#9744fd; content:""}

.box-purple.ask.mo li .call {padding-left:2rem; background:url('/images/gasarang/main/ico-call.png') 0 center no-repeat; background-size:1.8rem; font-size:1.8rem; font-weight:600}
.box-purple.ask.mo li .call .num {color:#9744fd}
.box-purple.ask.mo li .add {font-size:1.4rem; color:#666}
.box-purple.ask.mo li.system {margin-top:2rem}
.box-purple.ask.mo li.system .tit {margin-bottom:0.2rem}
.box-purple.ask.mo li.system .call, .box-purple.ask.mo li.system .mail {display:block; font-size:1.5rem; color:#666}
.box-purple.ask.mo li.system .mail {padding-left:2rem; background:url('/images/gasarang/main/ico-mail.png') 0 center no-repeat; background-size:1.8rem}

.main-board-wrp {padding-top:3rem}
.main-board-wrp .tab {display:inline-flex; padding:0; margin:0; width:100%}
.main-board-wrp .tab a {padding:0 1.4rem; height:3.5rem; line-height:3.3rem; font-size:1.4rem}
.main-board-wrp i.ico-set {display:none}
.m-board-slider {padding:1rem 0 1.5rem; background:#f7f3ff}
.m-board-slider .bx-wrapper .bx-viewport {padding:1rem 1.5rem}
.m-board-slider ul > li {margin-left:1rem; width:18rem !important; height:13.5rem}
.m-board-slider ul > li a {padding:1.5rem; height:13.5rem}
.m-board-slider ul > li a .category {margin-bottom:0.6rem; padding:0 0.5rem; height:1.8rem; line-height:1.8rem; font-size:1.2rem}
.m-board-slider ul > li a .tit {height:auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; display:-ms-flexbox !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; line-height:2.1rem; font-size:1.4rem; font-weight:600}
.m-board-slider ul > li a .tit.noti {padding-left:1.6rem; background-size:1.3rem}
.m-board-slider ul > li a .date {right:1.5rem; bottom:1.2rem; font-size:1.2rem}

.m-board-slider .btn-more {position:relative; right:initial; top:0; display:block; margin-top:0.5rem; padding-left:0; text-align:center; font-size:1.3rem}
.m-board-slider .btn-more a {position:relative; display:inline-block; padding-left:1.6rem; background:url('/images/gasarang/main/ico-more.png') 0 0.4rem no-repeat; background-size:1.1rem}
.m-board-slider .btn-more:before, .m-board-slider .btn-more:after {display:none}

.m-board-slider .bx-wrapper .bx-controls-direction a {margin-top:-30px; width:4rem; height:4rem; border-radius:50%; background:#000; opacity:0.15; z-index:10}
.m-board-slider .bx-wrapper .bx-controls-direction a.bx-prev {left:0}
.m-board-slider .bx-wrapper .bx-controls-direction a.bx-next {right:0}

.family-site {display:none}

/* datepicker */
.datepicker {width:10.5rem}
.ui-datepicker-trigger {margin-left:-1.5rem; height:4.3rem}

/* popup */
.popup {width:90%}
.popup .tit-pop {padding:0 2rem 0 1rem; height:3rem; line-height:3rem; font-size:1.2rem}
.popup .pop-cont {padding:2rem 1rem}
.popup .pop-cont.scroll-y {max-height:80vh}
.popup .pop-cont.scroll-y.h720 {max-height:36rem}
.popup .pop-cont .txt, .popup .pop-cont .txt.fs-18 {line-height:1.9rem; font-size:1.4rem !important}
.popup .pop-cont .tit-label {padding-right:1rem; line-height:4.3rem; font-size:1.2rem}
.popup .pop-cont .srch {margin:0 0 1rem; padding-left:0}
.popup .pop-cont .srch .tit-label {position:relative; float:none; padding-right:0; width:auto}
.popup .pop-cont .srch .tit-label.mo-block {margin-bottom:0.5rem; height:2rem; line-height:2rem}
.popup .pop-cont .srch input[type="text"] {width:100%}
.popup .pop-cont .srch .btn-h50 {top:2.5rem}

.popup .pop-btn-close {right:1rem; top:0.8rem; width:1.5rem; height:1.5rem; background-size:100%}
.popup .ico-box {padding:1.5rem 1rem; min-height:auto}
.popup .ico-box .txt {display:table-cell; padding-left:0; padding-top:6.5rem; line-height:1.9rem; font-size:1.4rem; text-align:center; vertical-align:top}
.popup .ico-box .delete, .popup .ico-box .alarm, .popup .ico-box .withdraw {background-size:5rem; background-position:center 0}
.popup .btn-group {margin-top:1rem}
.popup .btn-group a, .popup .btn-group button {min-width:8rem}
.popup .txt + .btn-group {margin-top:2.5rem}

/* button */
.btn-floating {display:block}
.btn-group {display:flex; margin-top:3rem}
.btn-group.pd015 {padding-left:1.5rem; padding-right:1.5rem}
.btn-group a, .btn-group button {flex:1; min-width:auto}
.btn-group.mo-flex {display:flex; padding-left:1.5rem; padding-right:1.5rem}
.btn-group.mo-flex a, .btn-group.mo-flex button {flex:1; min-width:auto}
.btn-group.block {display:block}
.btn-group.block a, .btn-group.block button {width:100% !important}
.btn-floating button, .btn-floating a {position:fixed; bottom:11rem; width:5.1rem; height:5.1rem; line-height:0; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-size:100%; font-size:0; z-index:2}
.btn-floating .prev {left:1.5rem; background-image:url('/images/gasarang/common/btn/btn-floating-prev.png');}
.btn-floating .top {right:1.5rem; background-image:url('/images/gasarang/common/btn/btn-floating-top.png');}
.btn-srch-grp {margin-top:1.5rem; display:flex}
.btn-srch-grp button, .btn-srch-grp a {height:4.5rem; line-height:4.5rem; border-radius:0.3rem; font-size:1.5rem}
.btn-srch-grp button + button, .btn-srch-grp a + a, .btn-srch-grp button + a, .btn-srch-grp a + button {margin-left:1rem}
.btn-h50 {padding:0 0.6rem; height:4.5rem; line-height:4.4rem; font-size:1.5rem}
input + .btn-h50, select + .btn-h50 {height:4.3rem; line-height:4.1rem; font-size:1.4rem}
.btn-h40 {height:3rem; line-height:3rem; font-size:1.2rem}
.btn-h36 {padding:0 0.5rem; height:2.5rem; line-height:2.3rem; font-size:1.2rem}
.btn-h36.w100px {width:8.5rem !important}
.btn-h34 {height:2.5rem; line-height:2.3rem; font-size:1.2rem}
.btn-h34.rnd {padding:0 1rem; border-radius:1.2rem}

/* ico */
.ico-link {padding-right:2.2rem; background-size:1.5rem}
.pdf-down {padding-left:2rem; width:1.5rem; height:1.5rem; background-position:0 0.2rem; background-size:1.5rem; font-size:1.4rem}
.ico-reset {padding-left:2.2rem; background:url('/images/gasarang/common/ico/ico-reset.png') 0 center no-repeat; background-size:1.7rem 1.5rem}
.icoset {padding-left:2.3rem; line-height:1.7rem; background-size:1.7rem 1.7rem !important}
.ico-file {width:1.5rem; height:1.6rem; vertical-align:-0.2rem}

/* sub page */
.location {display:none}
#contents h3 {margin:2rem 0 1rem; padding-left:1.3rem; background-size:0.9rem 1rem; background-position:0 0.6rem; font-size:1.6rem; font-weight:600; color:#333}
#contents h3.default {font-size:2rem}
h4.default {font-size:1.8rem}
h4.bul-squ {font-size:1.8rem}
.txt + h4.bul-cir {margin-top:4.3rem}
.sub-top:before, .sub-top:after {display:none}
.sub-top {display:block; padding:0 1.5rem; height:4.7rem; line-height:4.7rem; background:linear-gradient(to right, #d3f1f6, #ede7ff); text-align:left}
.sub-top .inner {display:block}
.sub-top .btn-prev {display:inline-block; width:3rem; height:4.7rem; background:url('/images/gasarang/common/btn/btn-top-prev.png') 1rem 1.5rem no-repeat; background-size:0.9rem 1.6rem}
.sub-top h2 {display:inline-block; margin-bottom:0; line-height:4.7rem; font-size:1.8rem; font-weight:800; vertical-align:top}
.sub-top p {display:none}
.sub-title {padding:1.5rem; background:#f5f5f5}
.sub-title strong {padding-left:3rem; line-height:2rem; background-size:2rem; background-position:0 0; font-size:1.7rem}
.txt.sm {line-height:1.7rem; font-size:1.1rem}
.numbering + .numbering {margin-left:4.7rem}
.numbering.arr:before {left:-3.7rem; top:0.9rem; width:2.7rem; height:0.9rem; background-size:100%}
.no-data {padding-top:8.3rem; background-size:6rem; text-align:center}
.no-data.sm {padding-top:6.7rem; background-size:5rem}

/* join */
.join-wrp .step {margin:0 5.5% 2.5rem}
.join-wrp .step ol {display:block}
.join-wrp .step ol:before {left:0.3rem; top:1.5rem; width:100%; height:0.2rem}
.join-wrp .step ol li {width:25%; font-size:1rem}
.join-wrp .step ol li:first-child:before {position:absolute; left:-50%; top:1.5rem; display:block; width:100%; height:0.2rem; background:#fff; content:""}
.join-wrp .step ol li:last-child:after {position:absolute; right:-50%; top:1.5rem; display:block; width:100%; height:0.2rem; background:#fff; content:""}
.join-wrp .step ol li em {margin:0 auto 0.2rem; width:3rem; height:3rem; line-height:3rem; font-size:1.5rem}
.join-wrp .step ol li.finish em {background-size:1.5rem auto}
.join-wrp .step ol li.finish:after {right:-50%; top:1.5rem; width:100%; height:0.2rem}
.box-terms {margin-top:0.5rem; padding:0.6rem 1rem; line-height:1.7rem; border-radius:0.5rem; font-size:1.2rem}
.box-terms.h200px {height:10rem}
.mail-wrp {display:flex; margin-bottom:1rem}
.mail-wrp input[type="text"] {width:50%}
.mail-wrp + select {width:100%}

/* login */
.login-wrp {position:relative; padding:12.7rem 0 0 0; margin:4rem auto 0; width:100%; background-size:9.8rem; background-position:center 0}
.login-wrp input[type="text"], .login-wrp input[type="password"] {margin-bottom:1.5rem}
.login-wrp .chk-wrap {margin-bottom:1.5rem}
.login-wrp .link-member {margin-top:1.5rem}
.login-wrp .link-member a {font-size:1.3rem}
.login-wrp .link-member a + a {margin-left:2rem}
.login-wrp .link-member a + a:before {left:-1.1rem; top:0.4rem; height:1.1rem}

/* find Id Password */
.certifi-wrp {padding:0; width:100%}
.certifi-wrp .certi-method > li {float:left; padding:1.5rem 1rem 2rem; width:calc(50% - 0.45rem); height:auto; border-radius:0.5rem}
.certifi-wrp .certi-method > li.h-auto {padding-bottom:2rem}
.certifi-wrp .certi-method > li + li {margin-left:0.9rem}
.certifi-wrp .certi-method > li .title {margin-bottom:0.4rem; font-size:1.6rem}
.certifi-wrp .certi-method > li p {line-height:1.3rem; font-size:1.2rem}
.certifi-wrp .certi-method > li .img-area {margin:1.2rem 0 0.7rem}
.certifi-wrp .certi-method > li .img-area img {width:6.5rem; height:6.5rem}
.certifi-wrp .certi-method > li a {width:100%; height:4rem; line-height:4rem; font-size:1.3rem}
.find-result {margin-top:4rem}
.find-result .icon-status {width:6rem; height:6rem}
.find-result .txt {margin-top:1rem; line-height:2.2rem; font-size:1.7rem}
.find-result .btn-group {margin-top:4.5rem}
.find-result .btn-group a {margin-bottom:1rem}
.find-result .btn-group a + a {margin-left:0}

/* radio, checkbox */
.chk-wrap {margin-left:-1rem}
.chk-wrap > li {margin-left:1rem; height:2rem}
[type='checkbox'], [type='radio'] {width:1.7rem; height:1.7rem}
.chk-wrap > li input {opacity:0}
.chk-wrap > li input + label {margin-left:0.3rem; font-size:1.4rem}
.chk-wrap > li input[type="radio"] + label:before {top:0.2rem; width:1.7rem; height:1.7rem; background-size:100%}
.chk-wrap > li input[type="radio"]:checked + label:before {background-position:0 -1.7rem; background-size:100%}
.chk-wrap > li input[type="checkbox"] + label:before {top:0.2rem; width:1.7rem; height:1.7rem; background-size:100%}
.chk-wrap > li input[type="checkbox"]:checked + label:before {background-position:0 -1.7rem; background-size:100%}
div.chk-wrap {position:relative; left:0}/* 단독으로 쓰일 때 */
div.chk-wrap input + label {margin-left:0.3rem; line-height:2rem; font-size:1.4rem}
div.chk-wrap input[type="radio"] + label:before {top:0.2rem; width:1.7rem; height:1.7rem; background-size:100%}
div.chk-wrap input[type="radio"]:checked + label:before {background-position:0 -1.7rem; background-size:100%}
div.chk-wrap input[type="checkbox"] + label:before {top:0.2rem; width:1.7rem; height:1.7rem; background-size:100%}
div.chk-wrap input[type="checkbox"]:checked + label:before {background-position:0 -1.7rem; background-size:100%}
div.chk-wrap label.mo-fs-12 {line-height:1.7rem; font-size:1.2rem}

/* tab */
ul.tab > li {height:3.5rem}
ul.tab > li > a {padding:0 1.4rem; height:3.5rem; line-height:3.2rem; font-size:1.4rem}

ul.tab-box {margin-top:2.3rem; height:4.5rem; border-radius:0}
ul.tab-box.mo-full {margin-left:-1.5rem; width:calc(100% + 3rem)}
ul.tab-box > li {height:4.5rem; line-height:4.5rem}
ul.tab-box > li a {font-size:1.4rem}
ul.tab-box > li a i {display:none}
ul.tab-box > li a.on {border-radius:0}

ul.tab-sub {padding-left:2rem; height:4.5rem; border-radius:0}
ul.tab-sub > li {padding-right:2rem; height:4.5rem; line-height:4.5rem}
ul.tab-sub > li a {height:4.5rem; font-size:1.4rem}

.swiper-container.tab-swiper {margin-left:-1.5rem; padding-right:0; width:calc(100% + 3rem); border-radius:0}
.tab-swiper .swiper-button-next, .tab-swiper .swiper-button-prev {display:none}

/* table */
.board-count {margin:2rem 0 0.7rem}
.board-count .count {margin-top:0.2rem; font-size:1.4rem; color:#333}
.board-count .util button {margin-left:0.2rem; padding:0 1rem; height:2.5rem; line-height:2.3rem; border:1px solid #ccc; border-radius:1.2rem; font-size:1.2rem; color:#333}
.board-count .util button.view {width:4rem}
.board-count .util.keyword {float:none; margin-bottom:1.7rem}
.board-count .util.keyword button.view {height:4.3rem; width:6.4rem; font-size:1.4rem; font-weight:600}
.board-count .util .order span {padding-right:1.8rem; background-size:0.9rem auto; background-position:right 0.1rem}
.board-count .util .order span.asending {background-position:right -2.2rem}
.board-count .util select.view {margin-left:0.2rem; padding-left:0.5rem; width:6.5rem; height:2.5rem; font-size:1.2rem}
.board-count .util .txt {line-height:2.5rem; font-size:1.4rem}
.board-count .util .inp-txt {margin-left:0; width:calc(100% - 6.4rem); height:4.3rem; line-height:4.1rem; border:1px solid #ccc; border-radius:0.3rem; border-top-right-radius:0; border-bottom-right-radius:0; font-size:1.4rem; vertical-align:top}

.tbl-list {border-width:2px}
.tbl-list colgroup {display:none}
.tbl-list th {display:none}
.tbl-list td {position:relative; display:inline-block; padding:0 0.7rem 0 0.5rem !important; font-size:1.2rem}
.tbl-list td:after {position:absolute; right:-0.2rem; top:50%; display:block; transform:translateY(-50%); content:"·"}
.tbl-list td.no-after:after {display:none}
.tbl-list td.mo-img {height:26px}
.tbl-list td.tit {display:block; padding-top:2.2rem !important; line-height:2.3rem; font-size:1.6rem; font-weight:600; text-align:left}
.tbl-list td.tit:after, .tbl-list td:last-child:after {display:none}
.tbl-list td.tit a {margin-bottom:0.5rem}
.tbl-list td.tit .ico-noti {padding-left:1.6rem; background-size:1.3rem; background-position:0 0.4rem}
.tbl-list.mo-a-l th, .tbl-list.mo-a-l td {padding:0; text-align:left !important}
.tbl-list td.mo-mb15 {margin-bottom:1.5rem !important}
.tbl-list.mo-a-l td.mo-pb20 {padding-bottom:2rem !important}
.tbl-list.mo-col td {display:block; padding-left:0 !important; padding-right:0 !important; line-height:2.2rem}
.tbl-list.mo-col td:after {display:none}
.tbl-list.mo-col td.tit {padding-top:1.5rem !important; line-height:2.3rem; font-size:1.4rem}

.tbl-fix th, .tbl-fix td {line-height:1.9rem; font-size:1.3rem}
.tbl-fix th {font-size:1.2rem}
.tbl-fix.a-c th, .tbl-fix.a-c td {padding:0.5rem}
.tbl-detail colgroup {display:none}
.tbl-detail th, .tbl-detail td {display:block; padding:0}
.tbl-detail th {padding:1.5rem 0 0.7rem; line-height:1.9rem; border-bottom:none; background:#fff; font-size:1.2rem}
.tbl-detail td {padding-right:0; padding-bottom:1.5rem; line-height:2.1rem; font-size:1.4rem}

.tbl-detail.board thead .title {padding-bottom:0.5rem; line-height:2.3rem; font-size:1.6rem}
.tbl-detail.board td {border-bottom:none}
.tbl-detail.board tbody tr {display:inline-flex}
.tbl-detail.board tbody th {display:none}
.tbl-detail.board tbody td {position:relative; padding-right:1rem; padding-bottom:0.5rem}
.tbl-detail.board tbody td em {position:relative; display:inline-block; padding-right:0.5rem}
.tbl-detail.board tbody td em:after {position:absolute; right:-0.5rem; top:0; display:block; content:"·"}
.tbl-detail.board tbody tr.board-cont {display:block; border-top:1px solid #efefef}
.tbl-detail.board tbody tr.board-cont td {padding-top:2rem; padding-right:0}
.tbl-detail.board tbody tr.board-cont div {padding-bottom:1.5rem; min-height:auto}

.tbl-info {border-width:1px}
.tbl-info colgroup {display:none}
.tbl-info .bl {border-left:none !important}
.tbl-info th, .tbl-info td {display:block; border-left:none}
.tbl-info th {padding-left:20px; padding-right:20px; text-align:left}
.tbl-info.col tr {border-bottom:1px solid #ddd}
.tbl-info.col th, .tbl-info.col td {border-bottom:none; text-align:left}
.tbl-info.col th {display:none}
.tbl-info.col td.tit {display:block; margin-bottom:0.5rem; padding-top:1.5rem !important; line-height:2.3rem; font-size:1.6rem; font-weight:600; text-align:left}
.tbl-info.col td {position:relative; display:inline-block; padding:0 0.7rem 0 0.5rem !important; font-size:1.2rem}
.tbl-info.col td.mo-pb10 {padding-bottom:1rem !important}
.tbl-info.col td.mo-pb15 {padding-bottom:1.5rem !important}
.tbl-info.col td.mo-pb20 {padding-bottom:2rem !important}
.tbl-info.col td:after {position:absolute; right:-0.2rem; top:50%; display:block; transform:translateY(-50%); content:"·"}
.tbl-info.col td.tit:after, .tbl-info.col td:last-child:after {display:none}

table + .txt-info {margin-top:1rem}
.txt-info, .txt-info.sm {margin:1rem 0; padding-left:1.7rem; line-height:1.5rem; background-size:1.2rem; background-position:0 0.1rem; font-size:1.1rem; color:#666}
.txt-info.pur {background-size:1.2rem; background-position:0 0.1rem}

/* prev, next */
.prev-next > li {padding-left:6.6rem; height:3.5rem; border-width:0.1rem}
.prev-next > li .tit {padding-left:0; width:6.6rem; height:3.4rem; line-height:3.4rem; background:#fff; font-size:1.2rem}
.prev-next > li .tit span {padding-right:1.9rem; background-size:1.2rem auto}
.prev-next > li .tit span.prev {background-position:right 1.3rem}
.prev-next > li .tit span.next {background-position:right -3.3rem}
.prev-next > li .link {padding:0; line-height:3.4rem; font-size:1.2rem}

/* pagination */
.pagination {margin-top:3rem}
.pagination a, .pagination strong {width:3.6rem; height:3.6rem; line-height:3.4rem; border-radius:0.5rem; font-size:1.5rem}
.pagination a + a, .pagination strong + a, .pagination a + strong {margin-left:0.6rem}
.pagination .control {background-size:3.4rem}
.pagination .prev {margin-left:0; background-position:center -3.4rem}
.pagination .next {background-position:center -6.8rem}

/* srch */
.srch-wrp {margin-top:0; padding:1.5rem; border-radius:0}
.srch-wrp .txt-info {margin:1rem 0; font-size:1.2rem}
.srch-org .item {margin-bottom:1rem; width:100%}
.srch-org .item + .item {margin-left:0}
.srch-org .item button.sel {padding:0 2.2rem 0 0.5rem; width:100%; height:4.3rem; border-radius:0.3rem; font-size:1.4rem}
.srch-org .item button.sel:after {position:absolute; right:1rem; top:50%; width:1.3rem; height:0.7rem; background:url('/images/gasarang/common/btn/btn-toggle-sm.png') 0 0 no-repeat; background-size:100%; transform:translateY(-50%); content:""}
.srch-org .item button.sel br {display:none} /* 20221011 추가 */
.srch-org .item .item-layer {left:0 !important; top:4.3rem; padding:0 1.5rem 1rem; width:100% !important; min-height:initial; max-height:31.5rem; border:1px solid #ddd}
.srch-org .item .item-layer .btn-close {right:0; top:0} /* 20220502 추가 */
.srch-org .item .item-layer .txt {padding:0 0.5rem; height:3.5rem; line-height:3.5rem; border-bottom:1px solid #eee; font-size:1.4rem; color:#999}
.srch-org .item .item-layer .txt-info p {margin:1.5rem 0 0; padding-left:1.5rem; line-height:1.2rem; background-size:1.1rem; background-position:0 0; font-size:1rem}
.srch-org .item .item-layer .check-wrp {margin-left:0}
.srch-org .item .item-layer .check-wrp li {margin:0 0 0.6rem 0; width:calc(50% - 0.5rem); height:3.5rem; line-height:3.3rem}
.srch-org .item .item-layer .check-wrp li.w100px, .srch-org .item .item-layer .check-wrp li.w170px {width:calc(50% - 0.5rem) !important}
.srch-org .item .item-layer .check-wrp li + li {margin-left:0}
.srch-org .item .item-layer .check-wrp li:nth-child(even) {margin-left:1rem}
.srch-org .item .item-layer .check-wrp label {line-height:3.3rem; font-size:1.4rem}
.srch-org .item .item-layer .check-wrp label span {padding-left:2rem; background:url('/images/gasarang/common/ico/ico-chek-group.png') 0 -0.2rem no-repeat; background-size:1.5rem auto}
.srch-org .item .item-layer .check-wrp input:checked + label span {background-position:0 -4rem; background-size:1.5rem auto}
.srch-org .item .item-layer.col .check-wrp li {margin-bottom:0; height:3.5rem; line-height:3.5rem}
.srch-org .item .item-layer.col .check-wrp label {padding-left:3.5rem; line-height:3.5rem}
.srch-org .item .item-layer.col .check-wrp input:checked + label:before {left:1rem; top:1.3rem; background:url('/images/gasarang/common/ico/ico-chek-group.png') 0 -5.2rem no-repeat; background-size:1.5rem auto}
.srch-select-box {margin-top:0; padding:1rem; border-radius:0.3rem}
.srch-select-box .title {position:relative; left:0; top:0; margin-bottom:1rem; padding-left:1.7rem; line-height:1.5rem; background:url('/images/gasarang/common/ico/bg-title-chk.png') 0 0 no-repeat; font-size:1.2rem}
.srch-select-box ul li {margin:0 0.5rem 0.5rem 0; padding:0 2.3rem 0 1rem; height:3rem; line-height:3rem; font-size:1.2rem}
.srch-select-box ul li .del {right:1rem; width:1rem; height:1rem; background-size:1rem}

.srch-keyword.mo-full {padding:2rem 1.5rem; margin-top:0; margin-left:-1.5rem; width:calc(100% + 3rem)}
.srch-keyword {border-radius:0}
.srch-keyword .btn-h50 {margin-left:0.5rem}

/* box */
.box-gray.ty2 {padding:1rem 1.5rem}
.box-gray.ty3 {padding:1.1rem 1rem}

/* register(info) */
.mo-register {padding-top:24%; text-align:center}
.mo-register .txt {padding-top:8rem; line-height:2.2rem; background:url('/images/gasarang/common/ico/ico-info-notice.png') center 0 no-repeat; background-size:6rem; font-size:1.4rem; text-align:center}
.mo-register .link-home {display:inline-block; margin-top:1.7rem; padding:0 1rem 0 2.7rem; height:2.5rem; line-height:2.4rem; border:1px solid #ccc; border-radius:1.2rem; background:#fff url('/images/gasarang/common/ico/ico-home-big.png') 1rem 0.6rem no-repeat; background-size:1.1rem 1rem; font-size:1.2rem}
.mo-register .link-home:hover, .mo-register .link-home:focus {text-decoration:none !important}

/* box */
.box-info {padding:1.5rem 1rem}
.box-info .title {margin:0 0 0.8rem 0}
.box-info .txt-info {line-height:initial; font-size:1.4rem}
.box-info p.txt, .box-info .txt li {line-height:1.7rem; font-size:1.2rem}
.box-info .txt li:before {top:0.6rem}
.box-info .txt + .txt {margin-top:0.5rem}
.box-purple {padding:2rem 1.5rem}
.box-quotation {padding:3.5rem 1rem 1.8rem; line-height:2.8rem; border-width:0.2rem; font-size:1.6rem}
.box-quotation:before, .box-quotation:after {width:3rem; height:2.8rem; background-size:100%}
.box-quotation .line:before, .box-quotation .line:after {width:1.8rem; height:0.2rem}

/* list */
.dot-list > li {padding-left:1rem; line-height:2.8rem; font-size:1.6rem}
.dot-list > li:before {top:1rem; width:0.3rem; height:0.3rem}
.heart-list > li, p.heart-list {padding-left:0; text-indent:2.4rem}

/* system intro */
.box-system {padding:2rem 2rem 0; border-radius:1rem; line-height:2.6rem; height:auto; min-height:16.3rem; background:#f3f3ff url('/images/gasarang/contents/bg-boxSystem.png') right 20px bottom no-repeat; background-size:15rem auto; font-size:2rem; align-items:flex-start}
.intro1 {margin:3.5rem 0.5rem 0; width:auto; height:auto; background-size:auto 28rem}
.intro1 ul {margin-top:15rem}
.intro1 ul > li {position:relative; left:50% !important; top:0 !important; margin-top:2rem; width:60%; min-width:17rem; height:10rem; line-height:2.4rem; border-radius:1.5rem; font-size:1.6rem; transform:translateX(-50%)}
.intro1 .tit {padding-top:2rem; line-height:2.5rem; font-size:1.8rem}
.intro2 {padding:2.2rem 0.7rem 1rem}
.intro2 > li {float:none; width:100%; height:auto; border-radius:0.5rem}
.intro2 > li + li {margin-left:0; margin-top:4rem}
.intro2 > li + li:before {left:50%; top:-5.7rem; margin-top:0; margin-left:-2.1rem; width:4.2rem; height:4.6rem; background-size:100%; transform:rotate(90deg)}
.intro2 > li .tit {top:-1.25rem; width:50%; height:2.5rem; line-height:2.5rem; border-radius:0.5rem; font-size:1.4rem}
.intro2 > li .box {text-align:center}
.intro2 > li img {max-width:452px}
.org-procedure > li {float:none; width:100%; height:auto}
.org-procedure > li + li {margin-left:0; margin-top:6.6rem}
.org-procedure > li + li:before {left:50%; top:-4.7rem; margin-top:0; margin-left:-1.4rem; transform:rotate(90deg)}
.org-procedure > li .txt {padding:2rem 0}
.gsr-procedure > li {float:none; width:100%; height:auto}
.gsr-procedure > li + li {margin-left:0; margin-top:6.5rem}
.gsr-procedure > li + li:before {left:50%; top:-4.7rem; margin-top:0; margin-left:-1.4rem; transform:rotate(90deg)}
.gsr-procedure.col3 > li:nth-child(3n+1):before {display:block}
.gsr-procedure > li .txt {padding:2rem 0; min-height:auto}
.gsr-procedure > li .txt.h152 {height:auto}

/* support intro */
.info-vat {padding:4rem 0 0; margin:0 0 4rem 0; background:#fff}
.info-vat > li {padding:2.3rem 2rem; margin-top:18.7rem; width:100%; min-height:auto}
.info-vat > li + li {margin-top:22.5rem}
.info-vat > li .tit {left:50%; top:-18.7rem; transform:translateX(-50%)}
.info-vat > li .tit:before {left:50%; top:15.9rem; width:0.9rem; height:0.9rem; border-width:0.2rem; transform:translate(-50%, 0)}
.info-vat > li .tit:after {left:50%; top:16.7rem; width:1px; height:2rem; transform:translateX(-50%)}
.br-box {display:block}
.br-box > li {width:100%}
.br-box > li + li {border-left:1px solid #ddd; border-top:none}
.br-box > li:first-child {border-bottom-left-radius:0; border-top-right-radius:15px}
.br-box > li:last-child {border-top-right-radius:0; border-bottom-left-radius:15px}
.br-box > li .btn-h50 {width:17rem !important}
.info-consulting {margin:0; padding:0; height:auto}
.info-consulting .title {position:relative; left:50%; top:0; margin-bottom:15px; width:15rem; height:15rem; transform:translateX(-50%)}
.info-consulting .title > strong {width:13rem; height:13rem; line-height:3rem; font-size:2rem}
.info-consulting .item {position:static; width:100%}
.info-consulting .item + .item {margin-top:17px}
.info-consulting .item .tit {padding:0; border-bottom:none; font-size:1.8rem}
.info-consulting .item .tit:before {display:none}
.info-consulting .item ul {padding:6px 0 0 0}
.pc-sprt-period {display:none}
.sprt-period {display:block; margin-top:1.3rem}
.sprt-period > li + li {margin-top:4rem}
.sprt-period > li .title {position:relative; display:block; margin-bottom:2rem; padding-left:1.2rem; width:14.5rem; height:4.3rem; line-height:4.1rem; border:1px solid #a65dff; font-weight:400}
.sprt-period > li .title:after {position:absolute; right:-1px; bottom:-1px; display:block; width:2.25rem; height:2.25rem; background:url('/images/gasarang/contents/bg-tit-squrare.png') 0 0 no-repeat; background-size:100%; z-index:1; content:""}
.sprt-period > li p {margin:2rem 0 0.7rem}
.sprt-period > li p strong {display:inline-block; width:10.2rem; line-height:4.2rem; font-weight:400}
.sprt-period > li p span {position:relative; display:inline-block; min-width:14.4rem; height:4.2rem; line-height:4.2rem; background:#9453e4; color:#fff; text-align:center}
.sprt-period > li p.bg-blue span {background:#369ed4}
.sprt-period > li p span:before {position:absolute; left:-4.3rem; top:50%; display:block; width:4.3rem; height:1px; background:#9453e4; transform:translateY(-50%); content:""}
.sprt-period > li p.bg-blue span:before {left:-1.7rem; width:1.7rem; background:#369ed4;}
.sprt-period > li p span:after {position:absolute; left:-0.4rem; top:50%; width:0.7rem; height:0.7rem; border:1.5px solid #fff; border-radius:50%; background:#9453e4; transform:translateY(-50%); content:""}
.sprt-period > li p.bg-blue span:after {background:#369ed4}

/* download-line-box */
.download-box {position:relative; margin-top:1.1rem; padding-top:1.1rem}
.download-box.pr230 {padding-right:0 !important}
.download-box a {position:relative; right:0; top:0; margin-top:1rem}

/* policy */
.indicPolicy-box {padding:1.5rem 0; text-align:center}
.indicPolicy-box img {display:inline-block; width:26.8rem; height:auto}

.version-box {margin-top:1.3rem; padding:1.5rem; text-align:left}
.version-box .txt {display:block; margin-bottom:1.5rem; line-height:1.6rem}
.version-box select {width:60%}
.version-box .btn-h50 {width:35%}

/* etc benefit */
.best-benefit {margin-top:0.7rem}
.best-benefit > li {float:none; width:100%; border-radius:0.5rem}
.best-benefit > li + li {margin:2rem 0 0 0}
.best-benefit > li a {padding:12.8rem 2rem 1rem; border-radius:0.5rem}
.best-benefit li a .img-area {left:50%; top:2rem; transform:translate(-50%, 0); width:100%}
.best-benefit li a .img-area img {max-width:9rem; max-height:9rem}
.best-benefit li a .txt {line-height:2.1rem; font-size:1.4rem}
.best-benefit li a .txt .tit {font-size:1.8rem}
.best-benefit li a .txt span + span {margin-top:0.5rem}
.best-benefit li a .txt span em {display:none}
.list-thumb {margin-top:3rem}
.list-thumb .dis-flex {flex-direction:column; padding:2rem 0 2rem}
.list-thumb li .img-area {position:relative; margin-bottom:1.5rem; width:100%; height:9rem}
.list-thumb li .img-area img {position:absolute; left:50%; top:50%; max-width:9rem; max-height:9rem; transform:translate(-50%, -50%)}
.list-thumb li .info {padding:0; width:100%}
.list-thumb li .info .txt {line-height:2.1rem; font-size:1.4rem}
.list-thumb li .info .txt .tit {font-size:1.8rem}
.list-thumb li .info .txt span {max-height:4.2rem; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; white-space:normal}
.list-thumb li .info .txt span + span {margin-top:0.5rem}
.list-thumb li .info .txt span em {display:none}
.list-thumb li .info .coupon {position:relative; left:0; top:0; transform:translateY(0); margin-top:1.5rem; width:100%}
.coupon-title .logo {width:6.5rem}
.coupon-title .text {margin-top:1.5rem; width:21.5rem}
.coupon-title .name {margin-top:2rem; height:6.8rem}
.coupon-title .name .img-area {margin-left:3rem; width:6.8rem}
.coupon-title .name .img-area img {max-width:6.8rem; max-height:6.8rem}
.coupon-title .name .img-qr {margin-left:3rem; width:4.7rem}
.coupon-title .name .img-qr img {max-width:4.7rem; max-height:4.7rem}
.coupon-title .name p {max-width:30%; font-size:1.4rem}
.coupon-dtl {margin-top:2rem; padding-top:2rem; border-width:0.1rem}
.coupon-dtl > li {margin-bottom:0.8rem; line-height:1.8rem; font-size:1.2rem}
.coupon-dtl > li .tit {margin-right:1rem; width:5rem; height:2rem; line-height:2rem; border-radius:1rem}