@charset "utf-8";
/* 760px ~ 1023px 해상도 */

/* common */
.pc-block {display:none !important}
.ta-mo-block {display:block !important}

/* layout */
.inner, .inner-cont {margin:0; padding:0 30px; width:100%}
.inner-cont {padding-top:40px}

#wrap:after {width:229px; height:162px; background:url('/images/gasarang/main/bg-main-circle-ta.png') 0 0 no-repeat;}
#wrap.main:before {height:520px}

#header {height:80px; border-bottom:none}
#header .user {display:none}
#header h1 {left:30px; top:23px}
#header.sticky {position:fixed; left:0; top:0; width:100%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.3)}

#nav-pc {display:none}
#nav-mo {display:block}
#nav-mo .inner {display:none; position:fixed; right:0; top:0; padding:0; width:100%; height:100%; background:rgba(0,0,0,0.6); 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:80%; height:100%; background:#fff; overflow-y:auto; -webkit-transition:all 0.2s; transition:all 0.2s;}
#nav-mo .all-menu {display:block; position:absolute; right:30px; top:25px}
#nav-mo .all-menu .btn-allMenu {position:relative; padding:2px; background:none}
#nav-mo .all-menu .btn-allMenu strong {display:block; width:37px; height:27px; border-top:2px solid #000; border-bottom:2px solid #000}
#nav-mo .all-menu .btn-allMenu strong:before {position:absolute; left:2px; top:14px; display:block; width:37px; height:2px; background:#333; content:""}
#nav-mo .all-menu .btn-allMenu.close {display:none}
#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:30px; height:30px; border:none; background:url('/images/gasarang/common/btn/btn-layer-close.png') 0 0 no-repeat}
#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:180px; overflow-y:hidden}
}

#nav-mo .logo {position:relative; display:block; padding:20px 0 0 30px; height:80px; border-bottom:1px solid #dfdfdf}
#nav-mo .user-wrp {padding:24px 30px; background:#f5f5f5}
#nav-mo .user {float:none; display:inline-block; margin:0; padding-left:140px; height:50px; border-radius:25px}
#nav-mo .user a {padding:0 28px; line-height:48px; font-size:24px; font-weight:400; color:#333}
#nav-mo .user a + a:before {top:12px; height:24px}
#nav-mo .user .org {width:140px; height:50px; line-height:50px; border-radius:25px; font-size:24px; 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 30px; height:80px; line-height:80px; border-bottom:1px solid #ccc; background:#f2ecff; font-size:28px}
#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:30px; top:50%; width:23px; height:14px; background:url('/images/gasarang/common/btn/btn-toggle.png') 0 0 no-repeat; transform:translateY(-50%); content:""}
#nav-mo ul.menu > li > a.on:after {top:calc(50% - 6px); 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 > ul {padding-top:3px}
#nav-mo ul.menu > li .sub li {padding:20px 30px 20px 60px; border-bottom:1px solid #f6f6f6}
#nav-mo ul.menu > li .sub li a {display:block; font-size:26px; color:#666}
#nav-mo ul.menu > li .sub li a:hover, #nav-mo ul.menu > li .sub li a:focus {color:#9745fd}

#footer .inner {padding:0 30px}
#footer .link {padding:18px 0; text-align:center}
#footer .link a + a {margin-left:40px}
#footer .f-btm {position:relative; left:50%; padding:30px 0 55px; transform:translateX(-50%)}
#footer .f-btm .copyright .addr em {display:block; padding-left:0}
#footer .f-btm .copyright .addr em:before {display:none}

/* 메인 */
.main-visual {padding:60px 30px 0; height:440px}
.main-visual:before {position:absolute; left:0; top:77px; display:block; width:133px; height:210px; background:url('/images/gasarang/main/bg-main-circle-left-ta.png') 0 0 no-repeat; content:""}
.main-visual:after {position:absolute; right:0; bottom:0; display:block; width:478px; height:317px; background:url('/images/gasarang/main/bg-main-circle-btm-ta.png') 0 0 no-repeat; content:""}
/*.main-visual .bg {background:none; z-index:1}*/
.main-visual-link {padding:0; margin:-115px auto 0; width:calc(100% - 60px); text-align:center}
.main-visual-link:before {right:6%; top:-138px; width:445px; height:158px; background-size:cover}
.main-visual-link li {display:inline-block; float:none; padding-left:0; width:auto; height:260px}
.main-visual-link li + li {margin-left:13%}
.main-visual-link li a {padding-left:0; padding-top:124px; text-align:left}
.main-visual-link li a .img-area {left:25px; top:30px}
.main-visual-link .tit {font-size:20px}
.main-visual-link em {margin-top:10px}

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

.main-svc .movie {margin-left:0; width:54%}
.main-svc .ask {padding-right:0; margin-left:4%; width:42%}
.main-svc .ask ul > li .tit {width:25%}
.main-svc .ask ul > li > p {width:auto}
.main-board-wrp .tab {padding:0 30px; width:100%}
.m-board-slider .bx-wrapper {max-width:100% !important}
.family-site {width:calc(100% - 60px)}

/* popup */
.popup {width:80%}

/* join */
.join-wrp .step ol:before {left:65px; width:calc(100% - 130px)}
.join-wrp .step ol li {width:170px}
.mail-wrp {display:flex; margin-bottom:10px}
.mail-wrp input[type="text"] {width:50%}
.mail-wrp + select {width:99%}

/* table */
.tbl-list th, .tbl-list td {font-size:15px}
.tbl-list th {font-size:16px}

/* srch */
.srch-wrp .txt-info {margin:0 0 10px 0; padding:0; background:none; border-radius:0}
.srch-org .item {margin-bottom:10px; width:100%}
.srch-org .item + .item {margin-left:0}
.srch-org .item button.sel {width:100%}
.srch-org .item button.sel br {display:none} /* 20221011 추가 */
.srch-org .item .item-layer .check-wrp li.w100px, .srch-org .item .item-layer .check-wrp li.w170px {width:100% !important}
.srch-org .item .item-layer {left:0 !important; width:100% !important}
.srch-org .item .item-layer .check-wrp {margin-left:0}
.srch-org .item .item-layer .check-wrp li {margin:0 0 10px 0; width:100%}
.srch-org .item .item-layer .check-wrp li + li {margin-left:0}
.srch-org .item .item-layer.col .check-wrp li {margin-bottom:0}

/* register(info) */
.mo-register {padding-top:80px; text-align:center}
.mo-register .txt {padding-top:160px; line-height:44px; background:url('/images/gasarang/common/ico/ico-info-big.png') center 0 no-repeat; font-size:28px; text-align:center}
.mo-register .link-home {display:inline-block; margin-top:35px; padding:0 20px 0 54px; height:50px; line-height:48px; border:1px solid #ccc; border-radius:24px; background:#fff url('/images/gasarang/common/ico/ico-home-big.png') 20px 13px no-repeat; font-size:24px}
.mo-register .link-home:hover, .mo-register .link-home:focus {text-decoration:none !important}

/* system intro */
.box-system {background-size:180px auto}
.intro2 {padding:22px 7px 10px}
.intro2 > li {float:none; width:100%; height:auto; border-radius:5px}
.intro2 > li + li {margin-left:0; margin-top:40px}
.intro2 > li + li:before {left:50%; top:-57; margin-top:0; margin-left:-21px; width:42px; height:46px; background-size:100%; transform:rotate(90deg)}
.intro2 > li .tit {top:-12.5px; width:50%; height:25px; line-height:25px; border-radius:5px; font-size:14px}
.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:66px}
.org-procedure > li + li:before {left:50%; top:-47px; margin-top:0; margin-left:-14px; transform:rotate(90deg)}
.org-procedure > li .txt {padding:20px 0}
.gsr-procedure > li {float:none; width:100%; height:auto}
.gsr-procedure > li + li {margin-left:0; margin-top:65px}
.gsr-procedure > li + li:before {left:50%; top:-47px; margin-top:0; margin-left:-14px; transform:rotate(90deg)}
.gsr-procedure.col3 > li:nth-child(3n+1):before {display:block}
.gsr-procedure > li .txt {padding:20px 0; min-height:auto}
.gsr-procedure > li .txt.h152 {height:auto}

/* support intro */
.info-vat {padding:40px 0 0; margin:0 0 40px 0; background:#fff}
.info-vat > li {padding:23px 20px; margin-top:187px; width:100%; min-height:initial}
.info-vat > li + li {margin-top:225px}
.info-vat > li .tit {left:50%; top:-187px; transform:translateX(-50%)}
.info-vat > li .tit:before {left:50%; top:157px; transform:translate(-50%, 0)}
.info-vat > li .tit:after {left:50%; top:167px; width:1px; height:20px; transform:translateX(-50%)}
.info-consulting {margin:0; padding:0; height:auto}
.info-consulting .title {position:relative; left:50%; top:0; margin-bottom:15px; transform:translateX(-50%)}
.info-consulting .item {position:static; width:100%; padding-left:30%}
.info-consulting .item + .item {margin-top:17px}
.info-consulting .item .tit {padding:0; border-bottom:none}
.info-consulting .item .tit:before {display:none}
.info-consulting .item ul {padding:6px 0 0 0}

/* policy */
.indicPolicy-box {padding:15px 0; text-align:center}
.indicPolicy-box img {display:inline-block; width:268px; height:auto}