@charset "utf-8";

@import url(common_mobi.css);

/* space */
.mt0 {margin-top:0 !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt32 {margin-top:32px !important;}

/* color */
.text-blue {color:#206BB1;}
.text-green {color:#35B1CC;}
.text-red {color:#FF603D;}
.text-gray {color:#666;}

/* forms */
input {width:100%;height:40px;padding:0 5px 0 16px;border:1px solid #c7c7c7;background:#fff;outline:none;border-radius:4px;}
input[type=text]::-ms-clear {display:none;}
input[readonly],textarea[readonly] {border:1px solid #f7f7f7;background:#f7f7f7;}
input[disabled],textarea[disabled] {color:#b5b5b5;background:#eee;cursor:not-allowed;}
select {width:100%;height:40px;padding:0 30px 0 16px;border:1px solid #c7c7c7;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/common/ico_pulldown.svg') no-repeat right 10px top 50%;outline:none;border-radius:4px;}
select::-ms-expand {display:none;}
select.readonly {border:1px solid #f7f7f7;background:#f7f7f7 url('../images/common/ico_pulldown.svg') no-repeat right 14px top 50%;}
textarea {width:100%;padding:16px;color:#333;border:1px solid #c7c7c7;background:#fff;overflow:auto;border-radius:4px;resize:none;outline:none;}
input:focus,select:focus,textarea:focus {border:1px solid #206BB1;}
input[type=checkbox] {width:18px;height:18px;}
input[type=radio] {width:20px;height:20px;}
input[type=checkbox] ~ label,input[type=radio] ~ label {margin-left:4px;position:relative;top:1px;}
input[type=checkbox]:not(old){width:18px;height:18px;margin:0;padding:0;opacity:0;}
input[type=checkbox]:not(old) + em {display:inline-block;margin-left:-18px;padding-left:18px;margin-right:0;background:url('../images/common/bg_check.svg') no-repeat 50% 50%;min-height:18px;vertical-align:middle;}
input[type=checkbox]:not(old):checked + em {background:url('../images/common/bg_check_on.svg') no-repeat 50% 50%;}
input[type=checkbox]:disabled:not(old) + em {background:url('../images/common/bg_dcheck.svg') no-repeat 50% 50%;}
input[type=checkbox]:disabled:not(old):checked + em {background:url('../images/common/bg_dcheck_on.svg') no-repeat 50% 50%;}
input[type=checkbox].type2:not(old) + em {background:url('../images/common/bg_check2.svg') no-repeat 50% 50%;}
input[type=checkbox].type2:not(old):checked + em {background:url('../images/common/bg_check_on.svg') no-repeat 50% 50%;}
input[type=checkbox].type3:not(old) + em {background:url('../images/common/bg_check2.svg') no-repeat 50% 50%;}
input[type=checkbox].type3:not(old):checked + em {background:url('../images/common/bg_check2_on.svg') no-repeat 50% 50%;}
input[type=checkbox].type3:checked ~ label {color:#fff;}
.all-check {height:48px;text-align:center;line-height:46px;background:#f7f7f7;border-radius:48px;}
.all-check:has(input[type=checkbox]:checked) {background:#206BB1;}
input[type=radio]:not(old){width:20px;height:20px;margin:0;padding:0;opacity:0;}
input[type=radio]:not(old) + em {display:inline-block;margin-left:-20px;padding-left:20px;margin-right:0;background:url('../images/common/bg_radio.svg') no-repeat 50% 50%;min-height:20px;vertical-align:middle;}
input[type=radio]:not(old):checked + em {background:url('../images/common/bg_radio_on.svg') no-repeat 50% 50%;}
input[type=radio]:disabled:not(old) + em {background:url('../images/common/bg_dradio.svg') no-repeat 50% 50%;}
input[type=radio]:disabled:not(old):checked + em {background:url('../images/common/bg_dradio_on.svg') no-repeat 50% 50%;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999;}
.error-msg {color:#ff603d;font-size:13px;}

/* form controls */
.input-group {display:flex;align-items:center;}
.input-group button,.input-group a {flex:none;margin-left:8px;}
.input-group select + select,.input-group select + input,.input-group input + input,.input-group input + select {margin-left:8px;}
.input-group > .label_email_address_self{display:none;}
.input-group > .label_email_address_self.on{display:inline-block;}
.split {padding:0 8px;}
.inquiry-group {display:flex;align-items:center;position:relative;}
.inquiry-group .form-keyword {padding:0 40px 0 16px;border:1px solid #c7c7c7;background:#fff;}
.inquiry-group .btn-inquiry {position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url('../images/sub/ico_search.svg') no-repeat 50% 50%;}

/* button */
.btn-block {display:flex;justify-content:center;min-height:78px;margin:auto -4px 0;padding-top:30px;text-align:center;}
.btn-block a,.btn-block button {width:100%;margin:0 4px;}
.btn-center {margin-top:24px;text-align:center;}
.btn-center a,.btn-center button {margin:0 4px;}
.btn-default {display:inline-block;min-width:85px;height:48px;line-height:47px;padding:0 10px;color:#333 !important;font-size:15px;text-align:center;border-radius:4px;background:#fff;border:1px solid #ddd;vertical-align:middle;}
.btn-default:hover {background:#f7f7f7;}
.btn-default.md {min-width:70px;height:40px;line-height:39px;}
.btn-default.sm {min-width:60px;height:32px;line-height:31px;font-size:14px;}
.btn-default[disabled] {color:#b5b5b5 !important;border:1px solid #e3e3e3;background:#fff;}
.btn-primary {display:inline-block;min-width:85px;height:48px;line-height:47px;padding:0 10px;color:#333 !important;font-size:15px;text-align:center;border-radius:4px;background:#fff;border:1px solid #206BB1;vertical-align:middle;}
.btn-primary:hover {background:#d7e9f9;}
.btn-primary.md {min-width:70px;height:40px;line-height:39px;}
.btn-primary.sm {min-width:60px;height:32px;line-height:31px;font-size:14px;}
.btn-primary[disabled] {color:#b5b5b5 !important;border:1px solid #e3e3e3;background:#fff;}
.btn-solid {display:inline-block;min-width:85px;height:48px;line-height:48px;padding:0 10px;color:#fff !important;font-size:15px;text-align:center;border-radius:4px;background:#206BB1;vertical-align:middle;}
.btn-solid:hover {background:#65a8e9;}
.btn-solid.md {min-width:70px;height:40px;line-height:40px;}
.btn-solid.sm {min-width:60px;height:32px;line-height:32px;font-size:14px;}
.btn-solid[disabled] {color:#b5b5b5 !important;background:#f7f7f7;}
.btn-down {display:inline-block;min-width:60px;height:32px;line-height:30px;padding:0 6px;color:#333 !important;font-size:13px;text-align:center;border-radius:4px;background:#fff;border:1px solid #ddd;vertical-align:middle;}

/* heading */
.h2-tit {font-size:18px;font-weight:600;}
.h2-tit span {font-weight:400;}
.h2-tit strong {font-weight:600;}
.h-tit1 {padding-left:20px;margin:0 0 8px;font-size:18px;font-weight:600;background:url('../images/sub/ico_bult1.svg') no-repeat 0 50%;}
.h-tit1 ~ .h-tit1 {margin-top:32px;}
.h-tit2 {padding-left:18px;margin:18px 0 8px;font-size:15px;font-weight:500;background:url('../images/sub/ico_bult2.svg') no-repeat 0 50%;}
.h-tit1 + .h-tit2 {margin-top:8px;}
.h2-tit-nm {margin-left: 35px;}

/* list */
.ulist1 {margin-left:8px;}
.ulist1 > li {position:relative;padding-left:10px;margin-top:8px;}
.ulist1.type2 > li {color:#666;padding-left:14px;margin-top:4px;}
.ulist1 > li:first-child {margin-top:0;}
.ulist1 > li:before {content:"";position:absolute;top:7px;left:0;width:4px;height:4px;background:#8e8e8e;border-radius:4px;}
.ulist2 {margin-top:8px;}
.ulist2 li {position:relative;padding-left:12px;color:#666;}
.ulist2 li:before {content:"-";position:absolute;top:0;left:0;}
.ulist3 li {position:relative;padding-left:12px;margin-top:8px;}
.ulist3 li:first-child {margin-top:0;}
.ulist3 li:before {content:"-";position:absolute;top:0;left:0;}
.olist > li {position:relative;padding-left:10px;margin-top:8px;}
.olist > li span {display:inline-block;margin-right:5px;font-size:8px;position:relative;top:-2px;}
.ptxt {position:relative;padding-left:12px;color:#666;}
.ptxt:before {content:"-";position:absolute;top:0;left:0;}

/* tab */
.nav-tab {position:relative;display:flex;margin:-16px -16px 24px;}
.nav-tab li {width:50%;text-align:center;border-bottom:1px solid #ddd;}
.nav-tab li a {display:flex;align-items:center;justify-content:center;height:50px;padding:0 10px;font-size:15px;color:#8e8e8e;transition:all 0.3s;}
.nav-tab li.active {border-bottom:2px solid #333;}
.nav-tab li.active a {color:#333;font-weight:600;}

/* view table */
.tbl-view {width:100%;border-top:1px solid #666;}
.tbl-view > tbody > tr > th {padding:12px 5px;text-align:center;font-weight:400;border-bottom:1px solid #ddd;background:#f7f7f7;}
.tbl-view > tbody > tr > td {padding:12px;border-bottom:1px solid #ddd;background:#fff;}
.tbl-view .attach-file a {display:inline;color:#206BB1;}

/* guide */
.guide-box {padding:16px;margin:0 -16px 16px; background:#f7f7f7;}
.guide-box li {position:relative;padding-left:10px;margin-top:8px;color:#666;font-size:13px;}
.guide-box li:first-child {margin-top:0;}
.guide-box li:before {content:"‣";position:absolute;top:0;left:0;}

/* 01.회원가입 */
.register-wrap {display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.step-wrap {display:flex;padding-bottom:24px;}
.step-wrap li {display:flex;align-items:center;margin-right:8px;}
.step-wrap li span {display:flex;justify-content:center;align-items:center;width:20px;height:20px;color:#8e8e8e;font-size:12px;font-weight:600;background:#f2f2f2;border-radius:2px;}
.step-wrap li.active span {color:#fff;background:#206BB1;}
.step-wrap li em {display:none;color:#206BB1;font-size:12px;font-weight:600;margin:0 8px 0 6px;}
.step-wrap li.active em {display:block;}
.agree-wrap {margin-top:25px;}
.agree-wrap h2 {margin:15px 0 5px;}
.agree-wrap h2 + h2 {margin-top:0;}
.agree-wrap input[type=checkbox].type2 ~ label {font-size:15px;font-weight:500;}
.agree-wrap input[type=checkbox].type2 ~ label span {color:#206BB1;}
.agree-wrap input[type=checkbox].type3 ~ label {font-size:15px;font-weight:500;}
.agree-wrap .agree-box {height:160px;padding:12px 16px;font-size:13px;border-radius:4px;border:1px solid #e3e3e3;overflow:auto;}
.agree-wrap .desc {padding-left:27px;color:#8e8e8e;font-size:12px;}
.certify-wrap {display:flex;justify-content:center;align-items:center;text-align:center;height:100%;margin:24px -16px 0;border-top:1px solid #e3e3e3;}
.certify-wrap p {padding-top:126px;font-size:15px;font-weight:500;background:url('../images/sub/ico_certify.svg') no-repeat 50% 0;}
.regist-form {margin-top:8px;}
.regist-form dt {margin:16px 0 8px;font-size:15px;font-weight:500;}
.regist-form dt em {color:#ff603d;}
.regist-form .desc {display:inline-block;color:#8e8e8e;font-size:13px;margin-top:5px;}
.regist-form .error-msg {display:inline-block;margin-top:5px;}
.regist-form .btn-primary {min-width:80px;}
.regist-form .chk-group {display:flex;align-items:center;}
.regist-form .chk-group input,.regist-form .chk-group em {flex:none;}
.regist-form .chk-group label {color:#666;margin-left:10px;}
.join-guide {margin:24px -16px 0;padding:24px 16px;border-top:1px solid #e3e3e3;}
.join-guide .tit {text-align:center;font-size:15px;font-weight:500;}
.join-guide .list {margin-top:24px;letter-spacing: -0.02em;}
.join-guide .list li {padding:16px;margin-top:12px;border:1px solid #e3e3e3;border-radius:4px;}
.join-guide .list li:first-child {margin-top:0;}
.join-guide .list li .box {display:flex;}
.join-guide .list li .ico {width:38px;height:38px;flex:none;margin-right:12px;}
.join-guide .list li .ico.ico1 {background:url('../images/sub/ico_join1.svg') no-repeat 50% 50%;}
.join-guide .list li .ico.ico2 {background:url('../images/sub/ico_join2.svg') no-repeat 50% 50%;}
.join-guide .list li .ico.ico3 {background:url('../images/sub/ico_join3.svg') no-repeat 50% 50%;}
.join-guide .list li dt {font-size:15px;font-weight:500;}
.join-guide .list li dd {color:#666;}
.join-guide .list li .tag {margin-top:4px;color:#8e8e8e;font-size:13px;}

/* 로그인 */
.login-wrap {padding:20px 0; text-align:center;}
.login-wrap .login-logo {display:inline-block;width:124px;height:42px;text-indent:-9999px;background:url('../images/common/logo.svg') no-repeat 0 0;background-size:100%;}
.login-wrap .h2-tit {margin-top:20px;}
.login-wrap .login-input {margin-top:30px;}
.login-wrap .login-input li {margin-bottom:8px;}
.login-wrap .login-input li .id {padding-left:45px;background:url('../images/sub/ico_login1.svg') no-repeat 18px 50%;}
.login-wrap .login-input li .pw {padding-left:45px;background:url('../images/sub/ico_login2.svg') no-repeat 16px 50%;}
.login-wrap .btn-solid {display:block;width:100%;}
.login-wrap .id-save {margin-top:14px;text-align:left;}
.login-wrap .login-btns {margin-top:28px;}
.login-wrap .login-btns a {position:relative;margin-top:28px;padding:0 12px 0 18px;color:#121212;}
.login-wrap .login-btns a:first-child {padding-left:0;}
.login-wrap .login-btns a:before {content:"";position:absolute;top:2px;left:0;width:1px;height:12px;background:#ddd;}
.login-wrap .login-btns a:first-child:before {display:none;}

/* 02.민원안내 */
.factory-guide {position:relative;margin:0 -16px 32px 0;padding:0 16px 130px 0;background:url('../images/sub/factory_img.png') no-repeat right 16px top 100%;background-size:160px;letter-spacing:-0.02em;}
.factory-guide:after {content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:#F7F7F7;}
.factory-guide dt {margin-bottom:4px;font-size:18px;font-weight:600;}
.factory-guide dd {color:#666;}
.factory-guide dd span {color:#206BB1;}
.step-guide {position:relative;}
.step-guide:before {content:"";position:absolute;top:0;left:9px;bottom:60px;width:1px;background:#e3e3e3;}
.step-guide > li {position:relative;margin-bottom:24px;display:flex;}
.step-guide li .num {position:relative;width:20px;height:40px;line-height:20px;flex:none;margin-right:8px;text-align:center;font-size:12px;font-weight:600;text-indent:-9999px;overflow:hidden;top:-10px;}
.step-guide li:nth-child(1) .num {background:#fff url('../images/sub/ico_num1.svg') no-repeat 50% 50%;}
.step-guide li:nth-child(2) .num {background:#fff url('../images/sub/ico_num2.svg') no-repeat 50% 50%;}
.step-guide li:nth-child(3) .num {background:#fff url('../images/sub/ico_num3.svg') no-repeat 50% 50%;}
.step-guide li:nth-child(4) .num {background:#fff url('../images/sub/ico_num4.svg') no-repeat 50% 50%;}
.step-guide li:nth-child(5) .num {background:#fff url('../images/sub/ico_num5.svg') no-repeat 50% 50%;}
.step-guide li:nth-child(6) .num {background:#fff url('../images/sub/ico_num6.svg') no-repeat 50% 50%;}
.step-guide li .box .tit {margin-bottom:8px;font-size:15px;font-weight:600;}
.step-guide2 {position:relative;padding-left:28px;}
.step-guide2:before {content:"";position:absolute;top:4px;bottom:30px;left:13px;width:1px;background:#eaeaea;}
.step-guide2 li {position:relative;margin-bottom:24px;}
.step-guide2 li:last-child {margin-bottom:0;}
.step-guide2 li:before {content:"";position:absolute;top:4px;left:-20px;width:4px;height:4px;background:#fff;border-radius:10px;}
.step-guide2 li:nth-child(1):before {border:4px solid #e3e3e3;}
.step-guide2 li:nth-child(2):before {border:4px solid #9fc5d1;}
.step-guide2 li:nth-child(3):before {border:4px solid #9fc5d1;}
.step-guide2 li:nth-child(4):before {border:4px solid #37a7c0;}
.step-guide2 li:nth-child(5):before {border:4px solid #1e87b4;}
.step-guide2 li:nth-child(6):before {border:4px solid #0766a5;}
.step-guide2 li .tit {margin-bottom:8px;font-size:15px;font-weight:600;}
.step-guide2 li .txt {color:#666;}
.how-list {margin-top:16px;}
.how-list li {margin-top:24px;display:flex;}
.how-list li:first-child {margin-top:0;}
.how-list li span {display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;margin-right:12px;color:#fff;font-size:12px;font-weight:600;background-color:#FF603D;flex:none;}
.document-thumb {text-align:center;}

/* 03.공장정보 */
.search-box {position:relative;margin:0 -16px 32px;padding:8px 16px 20px;}
.search-box:before {content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:#F7F7F7;}
.search-box .search-form li {display:flex;align-items:center;margin-top:8px;}
.search-box .search-form li:first-child {margin-top:0;}
.search-box .search-form .tit {width:70px;flex:none;font-size:15px;font-weight:500;}
.search-box .search-form .cont {width:100%;}
.search-box .search-form .desc {display:inline-block;color:#8e8e8e;font-size:13px;margin-top:5px;}
.search-box .search-form .btn-primary {min-width:80px;}
.search-box .search-btn {margin-top:24px;text-align:center;}
.list-search {margin-bottom:25px;}
.list-search li {margin-top:8px;}
.list-search li:first-child {margin-top:0;}
.list-search .form-category {width:85px;flex:none;}
.list-header {display:flex;justify-content:space-between;align-items:center;padding:0 0 8px;}
.list-header .total-num {font-size:13px;}
.list-header .total-num strong {color:#206BB1;font-weight:700;}
.list-header .txt {display:inline-block;margin-right:4px;font-size:13px;}
.list-header .form-category {width:70px;height:32px;}
.list-factory {border-top:1px solid #666;}
.list-factory li {display:flex;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #e3e3e3;}
.list-factory li dt {margin-bottom:3px;color:#666;}
.list-factory li dd {font-size:15px;font-weight:500;}
.list-factory li .btn-down {position:relative;top:5px;margin-left:auto;}
.card-factory > li {position:relative;margin-top:16px;padding:16px;border-radius:4px;border:1px solid #e3e3e3;}
.card-factory > li:first-child {margin-top:0;}
.card-factory li .info-wrap .code {display:inline-block;height:20px;line-height:21px;padding:0 8px;font-size:13px;color:#fff;text-align:center;background-color:#35b1cc;border-radius:4px;}
.card-factory li .info-wrap .area {display:inline-block;position:absolute;right:16px;top:16px;color:#666;}
.card-factory li .info-wrap dt {margin:8px 0 4px;font-size:16px;font-weight:500;}
.card-factory li .info-wrap dd {color:#666;}
.card-factory li .item-list {margin-top:8px;padding-top:8px;border-top:1px solid #e3e3e3;}
.card-factory li .item-list li {display:flex;align-items:center;margin-top:4px;}
.card-factory li .item-list li:first-child {margin-top:0;}
.card-factory li .item-list span {display:inline-block;flex:none;min-width:48px;position:relative;padding-right:10px;margin-right:10px;color:#666;}
.card-factory li .item-list span:before {content:"";position:absolute;top:4px;right:0;width:1px;height:10px;background:#e3e3e3;}
.card-factory li .item-list em {display:inline-block;}
.paginate {margin-top:24px;text-align:center;line-height:16px;}
.paginate a.pre-end,.paginate a.next-end,.paginate a.pre,.paginate a.next {width:30px;height:30px;padding:0;margin:0;text-indent:-999px;overflow:hidden;background-color:#fff !important;}
.paginate a.pre {background:url('../images/common/ico_paging_prev.svg') no-repeat 50% 50%;}
.paginate a.next {background:url('../images/common/ico_paging_next.svg') no-repeat 50% 50%;}
.paginate a.pre-end {background:url('../images/common/ico_paging_first.svg') no-repeat 50% 50%;}
.paginate a.next-end {background:url('../images/common/ico_paging_last.svg') no-repeat 50% 50%;}
.paginate a {display:inline-block;margin:0 4px;padding:5px;text-align:center;vertical-align:middle;color:#121212;}
.paginate a:hover {color:#206BB1;}
.paginate a.active {color:#206BB1;font-weight:600;}
.list-more {margin-top:24px;}
.list-more .btn-more {display:block;width:100%;height:40px;line-height:39px;padding:0 10px;color:#333 !important;font-size:14px;text-align:center;border-radius:4px;background:#fff;border:1px solid #ddd;}
.list-more .btn-more:after {content:"";display:inline-block;width:25px;height:10px;background:url('../images/sub/ico_list_arrow.svg') no-repeat 50% 50%;}
.more-li {display:none;}

/* 04.고객지원 */
.list-board {border-top:1px solid #666;}
.list-board li {border-bottom:1px solid #e3e3e3;}
.list-board li a {display:block;padding:16px 8px;}
.list-board li .tit {margin-bottom:4px;font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-board li .date {font-size:13px;color:#8e8e8e;}
.datail-board li {border-bottom:1px solid #e3e3e3;}
.datail-board .datail-header {padding:0 8px 12px;}
.datail-board .datail-header .tit {font-size:18px;font-weight:500;}
.datail-board .datail-header .date {margin-top:8px;color:#8e8e8e;}
.datail-board .cont {padding:12px 8px;word-wrap:break-word;}
.datail-board .attach {display:flex;padding:9px 8px;}
.datail-board .attach .attach-file a {display:inline;padding:3px 0 3px 22px;background:url('../images/sub/ico_attach.svg') no-repeat 2px 6px;}
.prev-next {margin-top:32px;border-top:1px solid #e3e3e3;}
.prev-next li {display:flex;align-items:center;padding:12px 8px;color:#8e8e8e;border-bottom:1px solid #e3e3e3;}
.prev-next li span {flex:none;width:25px;height:10px;text-indent:-9999px;overflow:hidden;}
.prev-next li.prev span {background:url('../images/sub/ico_prev.svg') no-repeat 2px 50%;}
.prev-next li.next span {background:url('../images/sub/ico_next.svg') no-repeat 2px 50%;}
.prev-next li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.card-board > li {margin-top:16px;}
.card-board > li:first-child {margin-top:0;}
.card-board > li a {display:block;background:url('../images/sub/ico_link_arrow.svg') no-repeat right 25px top 50%;}
.card-board li .box {position:relative;padding:16px;border-radius:4px;border:1px solid #e3e3e3;}
.card-board li .box .sort {display:inline-block;height:20px;line-height:21px;padding:0 8px;font-size:12px;color:#fff;text-align:center;background-color:#666;border-radius:4px;}
.card-board li .box .sort.case1 {background-color:#666;}
.card-board li .box .sort.case2 {background-color:#35b1cc;}
.card-board li .box .sort.case3 {background-color:#206BB1;}
.card-board li .box .tit {margin-top:8px;padding-right:30px;font-size:16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.card-board li .box .date-list {margin-top:8px;}
.card-board li .box .date-list li {display:flex;align-items:center;margin-top:4px;}
.card-board li .box .date-list li:first-child {margin-top:0;}
.card-board li .box .date-list span {display:inline-block;flex:none;min-width:60px;position:relative;padding-right:10px;margin-right:10px;color:#666;}
.card-board li .box .date-list span:before {content:"";position:absolute;top:4px;right:0;width:1px;height:10px;background:#e3e3e3;}
.card-board li .box .date-list em {display:inline-block;color:#333;}
.list-toggle {border-top:1px solid #666;}
.list-toggle > li {border-bottom:1px solid #e3e3e3;}
.list-toggle > li .title {position:relative;display:flex;align-items:center;padding:16px 40px 16px 0;cursor:pointer;background-color:#fff;}
.list-toggle > li .title:after {content:'';position:absolute;right:6px;top:28px;display:inline-block;width:20px;height:20px;background:url('../images/sub/ico_toggle_arrow.svg') no-repeat 50% 50%;transition:all 0.3s;}
.list-toggle > li.open .title:after {transform:rotate(180deg);}
.list-toggle > li .ico-question {display:inline-block;flex:none;width:26px;height:26px;line-height:26px;margin-right:12px;text-align:center;background:#f2f2f2;border-radius:26px;transition:all 0.3s;}
.list-toggle > li .tit {font-size:15px;font-weight:500;margin-bottom:4px;}
.list-toggle > li .date {color:#8e8e8e;font-size:13px;}
.list-toggle > li.open .ico-question {color:#fff;background:#206BB1;}
.list-toggle > li.open .tit {color:#206BB1;}
.list-toggle > li .cont {display:none;position:relative;padding:24px 16px 24px 54px;border-top:1px solid #e3e3e3;background-color:#f7f7f7;}
.list-toggle > li .ico-answer {position:absolute;left:16px;top:50%;transform:translateY(-50%);display:inline-block;width:26px;height:26px;line-height:26px;margin-right:12px;text-align:center;color:#fff;background:#35b1cc;border-radius:26px;}

/* 05.마이페이지 */
.state-board > li {margin-top:16px;}
.state-board > li:first-child {margin-top:0;}
.state-board > li a {display:block;}
.state-board.link > li a {background:url('../images/sub/ico_link_arrow.svg') no-repeat right 25px top 50%;}
.state-board li .box {position:relative;padding:16px;border-radius:4px;border:1px solid #e3e3e3;}
.state-board.link li .box {padding:12px 16px;}
.state-board li .box .sort {display:inline-block;height:20px;line-height:21px;padding:0 8px;margin-bottom:8px;font-size:12px;color:#fff;text-align:center;background-color:#666;border-radius:4px;}
.state-board li .box .sort.case1 {background-color:#35b1cc;}
.state-board li .box .sort.case2 {background-color:#ff603d;}
.state-board li .box .sort.case3 {background-color:#666;}
.state-board li .box .divide {display:inline-block;position:absolute;right:16px;top:16px;color:#666;}
.state-board li .box .tit {padding-right:30px;font-size:16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.state-board li .box .date {margin-top:4px;color:#666;}
.state-board li .box .txt {margin-top:4px;color:#333;}
.state-board li .box .txt2 {margin-top:4px;color:#666;}
.state-board li .box .list {margin-top:8px;padding-top:8px;border-top:1px solid #e3e3e3;}
.state-board.link li .box .list {padding-top:0;border-top:0;}
.state-board li .box .list li {display:flex;align-items:center;margin-top:4px;}
.state-board li .box .list li:first-child {margin-top:0;}
.state-board li .box .list span {display:inline-block;flex:none;min-width:60px;position:relative;padding-right:10px;margin-right:10px;color:#666;}
.state-board li .box .list.type2 span {min-width:71px;}
.state-board.link li .box .list span {min-width:48px;}
.state-board li .box .list span:before {content:"";position:absolute;top:4px;right:0;width:1px;height:10px;background:#e3e3e3;}
.state-board li .box .list em {display:inline-block;color:#333;}
.state-board li .box .print {position:absolute;right:16px;bottom:16px;}
.btn-modify-block {position:relative;padding:24px 16px 0;margin:32px -16px 0;}
.btn-modify-block:before {content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:#F7F7F7;}
.btn-modify-block button,.btn-modify-block a {width:100%;}
.btn-modify-block button ~ button,.btn-modify-block a ~ a {margin-top:8px;}

/* main */
.cont-link {display:flex;flex-wrap:wrap;margin:-6px;}
.cont-link .item {width:calc(50% - 12px);height:176px;margin:6px;background:#f7f7f7;border-radius:4px;}
.cont-link .item a {display:block;height:100%;padding:18px 16px;}
.cont-link .item.item1 {background:#f7f7f7 url('../images/main/ico_item1.svg') no-repeat right 16px bottom 19px;}
.cont-link .item.item2 {background:#f7f7f7 url('../images/main/ico_item2.svg') no-repeat right 16px bottom 19px;}
.cont-link .item.item3 {background:#f7f7f7 url('../images/main/ico_item3.svg') no-repeat right 16px bottom 19px;}
.cont-link .item.item4 {background:#f7f7f7 url('../images/main/ico_item4.svg') no-repeat right 16px bottom 19px;}
.cont-link dt {font-size:18px;font-weight:600;margin-bottom:5px;}
.cont-link dd {font-size:15px;color:#666;}

.notice-box {position:relative;margin:0 -16px 8px;padding:30px 16px 18px;}
.notice-box:before {content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:#F7F7F7;}
.notice-box h2 {padding:0 8px;margin-bottom:6px;font-size:18px;font-weight:600;}
.notice-box li a {display:block;padding:16px 26px 16px 8px;color:#666;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/main/list_arrow.svg') no-repeat right 13px top 50%;}
.notice-box li a:not(li:first-child a) {border-top:1px solid #e3e3e3;}
.notice-box .more {position:absolute;right:24px;top:32px;width:20px;height:20px;text-indent:-999px;overflow:hidden;background:#f7f7f7 url('../images/main/ico_more.svg') no-repeat 50% 50%;border-radius:4px;}

.announce-box {position:relative;margin:0 -16px 8px;padding:30px 16px 18px;}
.announce-box:before {content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:#F7F7F7;}
.announce-box h2 {padding:0 8px;margin-bottom:6px;font-size:18px;font-weight:600;}
.announce-box li a {display:block;padding:16px 26px 16px 8px;color:#666;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url('../images/main/list_arrow.svg') no-repeat right 13px top 50%;}
.announce-box li a:not(li:first-child a) {border-top:1px solid #e3e3e3;}
.announce-box .more {position:absolute;right:24px;top:32px;width:20px;height:20px;text-indent:-999px;overflow:hidden;background:#f7f7f7 url('../images/main/ico_more.svg') no-repeat 50% 50%;border-radius:4px;}
.announce-box .state {display:inline-block;padding:0 8px;margin-right:8px;height:24px;line-height:24px;font-size:12px;font-weight:500;color:#fff;border-radius:4px;}
.announce-box .state.gray {background:#666;}
.announce-box .state.blue {background:#206BB1;}

.mypage-box {position:relative;margin:0 -16px;background:url('../images/main/ico_mypage.png') no-repeat 100% 100%;background-size:176px;}
.mypage-box a {display:block;min-height:175px;padding:30px 16px 18px;}
.mypage-box dt {display:inline-block;font-size:18px;font-weight:600;padding-right:16px;margin-bottom:5px;background:url('../images/main/list_arrow.svg') no-repeat 100% 50%;}
.mypage-box dd {font-size:15px;color:#666;}