<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 怨듯넻 */
.mainColor {color: #d41421!important;}
.subColor {color: #fff6f8!important;}
.blackColor {color: #333!important;}
.whiteColor {color: #fff!important;}
.lineColor {color: #eee!important;}
.grayColor {color: #fafafa!important;}

.b-title {font-weight: 600; font-size: 24px; color: #333; position: relative; padding-left: 40px; padding-bottom: 12px;}
.b-title::before {content: ''; background: url('../img/icon-btit.png') no-repeat center/contain; width: 30px; height: 30px; position: absolute; top: 3px; left: 0;}
.m-title {position: relative; padding-left: 40px; padding-bottom: 10px; font-size: 24px; color: #333; font-weight: 600; line-height: 1.5;}
.m-title::before {content: ''; position: absolute; top: 16px; left: 2px; width: 20px; height: 3px; background: #d31421;}
.s-title {padding-bottom: 10px; font-size: 20px; font-weight: 600; color: #000;}
.txt {font-weight: 400; font-size: 17px; color: #666; position: relative; padding-bottom: 6px;}
.txt:last-child {padding-bottom: 0;}
.symbol {position: relative; padding-left: 15px;}
.symbol::before {position: absolute; left: 0; top: 0; content: attr(symbol);}
.dot {padding-left: 12px;}
.dot::before {content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #333; position: absolute; top: 11px; left: 0;}

.dep1 {}
.dep2 {margin-left: 15px;}
.dep3 {margin-left: 30px;}
.dep4 {margin-left: 45px;}

.fs18 {font-size: 18px;}
.fs22 {font-size: 22px;}
.fs26 {font-size: 26px;}
.fs30 {font-size: 30px;}
.fs36 {font-size: 36px;}
.fs40 {font-size: 40px;}

.cp {color: #d31421;}
.c3 {color: #333;}
.c9 {color: #999;}

.med {font-weight: 500!important;}
.bold {font-weight: 700!important;}
.sbold {font-weight: 600!important;}

.mr_t {margin-top: 30px;}
.mr_b {margin-bottom: 30px;}
.mr_l {margin-left: 30px;}
.mr_r {margin-right: 30px;}

.hr {display: block; width: 100%; margin: 18px 0; border-bottom: 1px dashed #ddd;}

.exclamMark {position: relative; padding: 0 0 0 25px; line-height: 1.65; font-size: 17px;}
.exclamMark:before {content: ""; display: block; position: absolute; top: 8px; left: 0; z-index: 1; width: 14px; height: 10px; border-radius: 50%; background: url('../img/icon-checked.png') no-repeat center center/contain;}

/* 怨듯넻 &gt; 踰꾪듉 */
.btn {display: inline-block; vertical-align: middle; font-weight: 600; font-size: 16px; color: #fff; padding: 0 32px; border-radius: 7px; background-color: #333; transition: .3s; border: none; border: 1px solid #333; height: 50px; line-height: 50px;}

.btn.download {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-download-w.png') no-repeat center right 16px #333;}
.btn.miri {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-miri-w.png') no-repeat center right 16px #333;}
.btn.link {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-link-w.png') no-repeat center right 16px #333;}
.btn.book {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-book-w.png') no-repeat center right 16px #333;}
.btn.sound {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-sound-w.png') no-repeat center right 16px #333;}
.btn.baro {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-baro-w.png') no-repeat center right 16px #333;}
.btn.plus {padding: 0; padding-left: 20px; padding-right: 70px; background: url('../img/btn-plus-w.png') no-repeat center right 16px #333;}

.btn.sizeS {font-weight: 400; padding: 0 14px; height: 42px; line-height: 42px;}
.btn.line {background-color: #fff; color: #333; border: 1px solid #333;}
.btn.point {background-color: #d31421; border-color: #d31421; color: #fff;}
.btn.point.line {background-color: #fff; color: #d31421;}

.btn:hover {background-color: #666; border-color: #666;}
.btn.line:hover {background-color: #333; color: #fff;}
.btn.point:hover {background-color: #e05a63; color: #fff; border-color: #e05a63;}
.btn.point.line:hover {background-color: #d31421; color: #fff; border-color: #d31421;}

/* 怨듯넻 &gt; �쇰뵒�� */
.radio-wrap {font-size: 0; margin: 0 -10px; vertical-align: middle;}
.radio-wrap_item {display: inline-block; font-size: 16px; vertical-align: middle; padding: 5px 10px;}
.radio-inp,
.radio-wrap_item input[type=radio] {position: absolute; opacity: 0; font-size: 0; width: 0; height: 0;}
.radio-inp + label,
.radio-wrap_item input[type=radio] + label {position: relative; display: inline-block; vertical-align: middle; font-size: 17px; font-weight: 300; color: #333; padding-top: 1px; padding-left: 32px; cursor: pointer;}
.radio-inp + label::before,
.radio-wrap_item input[type=radio] + label::before {content: ''; width: 22px; height: 22px; background-color: #ebebeb; border-radius: 50%; position: absolute; top: 1px; left: 0; border: 1px solid #ebebeb;}
.radio-inp + label::after,
.radio-wrap_item input[type=radio] + label::after {content: ''; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; position: absolute; top: 9px; left: 8px;}
.radio-inp:checked + label {}
.radio-inp:checked + label::before,
.radio-wrap_item input[type=radio]:checked + label::before {background-color: #fff; border: 1px solid #d31421;}
.radio-inp:checked + label::after,
.radio-wrap_item input[type=radio]:checked + label::after {background-color: #d31421;}
input[type="radio"]:focus-visible + label::before {outline: 2px solid #0f0f0f;}

/* 怨듯넻 &gt; 泥댄겕諛뺤뒪 */
.check-wr, 
.check-wrap {margin: 0 -10px; /*padding: 5px;*/}
.check-item, 
.check-wrap_item {display: inline-block; vertical-align: middle; padding: 5px 10px;}
.check-inp, 
.check-wrap_item input[type=checkbox] {position: absolute; opacity: 0; font-size: 0; width: 0; height: 0;}
.check-inp + label, 
.check-wrap_item input[type=checkbox] + label {position: relative; display: inline-block; vertical-align: middle;  font-size: 17px; font-weight: 300; color: #333; padding-left: 32px; cursor: pointer;}
.check-inp + label::before, 
.check-wrap_item input[type=checkbox] + label::before {content: ''; width: 22px; height: 22px; background: #fff; border: 1px solid #ccc; border-radius: 3px; position: absolute; top: 0; left: 0;}
.check-inp:checked + label {}
.check-inp:checked + label::before,
.check-wrap_item input[type=checkbox]:checked + label::before {border-color: #d31421;}
.check-inp:checked + label::after, 
.check-wrap_item input[type=checkbox]:checked + label::after {content: ''; width: 14px; height: 10px; background: url('../img/icon-checked.png') no-repeat center; position: absolute; top: 7px; left: 5px;}
input[type="checkbox"]:focus-visible + label::before {outline: 3px dotted #0f0f0f;}

/* 怨듯넻 &gt; �띿뒪�� 諛뺤뒪 */
.sub-text_box {background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 10px; padding: 15px 20px; position: relative;}
.sub-text_box.center {text-align: center;}
.sub-text_box_dep {padding-left: 10px;}

.sub-text_box .title01 {font-weight: 600; font-size: 20px; color: #0f0f0f; line-height: 1.3; padding-bottom: 10px;}
.sub-text_box .text01 {font-weight: 300; font-size: 17px; color: #444; line-height: 1.555;}
.sub-text_box .text01 b {font-weight: 500;}
.sub-text_box .text02 {font-weight: 300; font-size: 18px; color: #444; line-height: 1.666; text-indent: -10px; margin-left: 11px;}
.sub-text_box .text02::before {content: '쨌'; margin-right: 5px;}
.sub-text_box .text02 b {font-weight: 500;}
.sub-text_box .text03 {font-weight: 400; font-size: 17px; color: #666; line-height: 1.375; position: relative; padding-left: 24px; margin-bottom: 4px;}
.sub-text_box .text03:last-child {margin-bottom: 0;}
.sub-text_box .text03::before {content: '* '; position: absolute; top: 0; left: 12px;}
.sub-text_box .text04 {font-weight: 400; font-size: 16px; color: #666; line-height: 1.375; position: relative; padding-left: 24px; margin-bottom: 4px;}
.sub-text_box .text04:last-child {margin-bottom: 0;}
.sub-text_box .text04::before {content: '-'; position: absolute; top: 0; left: 12px;}
.sub-text_box .sm_text {font-size: 14px;}
.sub-text_box .md_text {font-size: 16px;}
.sub-text_box .text02.clear {margin-left: 0; text-indent: 0; padding-left: 10px;}
.sub-text_box .text02.clear::before, .sub-text_box .text03.clear::before {display: none;}
.sub-text_box .text01.icon {position: relative; padding-left: 20px;}
.sub-text_box .text-icon {position: absolute; left: 0; top: 0; width: 15px; line-height: 1.555; text-align: center;}

/* 怨듯넻 &gt; input */
.txt-input {min-width: 120px; height: 45px; padding: 0 16px; border-radius: 5px; border: 1px solid #ccc; font-weight: 300; font-size: 16px; color: #333;}
.txt-input.half {width: 50%;}
.txt-input.full {width: 100%;}
::placeholder {font-weight: 300; font-size: 16px; color: #666;}
.txt-area {border-radius: 5px; border: 1px solid #ccc; height: 50px; font-weight: 300; font-size: 16px; color: #0f0f0f; padding: 19px; resize: none;}
.txt-input:read-only {background-color: #f5f5f5;}
.txt-input:disabled {background-color: transparent; border: none;}

.select-box {min-width: 180px; height: 45px; padding: 0 19px; padding-right: 40px; font-size: 17px; font-weight: 300; color: #0f0f0f; background: url("../img/icon-select.png") no-repeat center right 17px #fff; border-radius: 5px; border: 1px solid #ccc; appearance: none;}

.input-wrap.withbtn {font-size: 0;}
.input-wrap.withbtn &gt; * {display: inline-block; vertical-align: middle;}
.input-wrap.withbtn &gt; button {margin-left: 5px;}

/* 怨듯넻 &gt; �꾪솕踰덊샇 */
.tel-wrap {font-size: 0; margin: 0 -10px;}
.tel-wrap_item {display: inline-block; position: relative; max-width: 33.3333%; padding: 0 10px; font-size: 16px;}
.tel-wrap_item:not(:last-child)::after {content: '-'; position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%);}
.board-view-inner .tel-wrap_item .txt-input {min-width: auto; width: 100%;}

/* 怨듯넻 &gt; �대찓�� */
.email-wrap {font-size: 0; margin: 0 -2px;}
.email-wrap p {font-size: 16px;}
.email-wrap_item {display: inline-block; max-width: calc((100% - 20px) / 2); padding: 0 2px; font-size: 16px;}
.board-view-inner .email-wrap_item .txt-input {min-width: auto; width: 100%;}

/* 怨듯넻 &gt; 泥⑤��뚯씪 */
.file-wrap {max-width: 100%; font-size: 14px;}
.file-wrap_item:not(:last-child) {margin-bottom: 10px;}

/* 怨듯넻 &gt; �좎쭨 */
.date-input-wr {font-size: 0; margin: 0 -5px;}
.date-input-wr &gt; * {display: inline-block; vertical-align: middle; padding: 0 5px;}
.date-input-wr .type03 .sub-tab_ul &gt; li &gt; .tab {height: 50px;}
.date-picker-wr {display: inline-block;}
.date-picker-wr &gt; * {display: inline-block; vertical-align: middle;}
.date-picker-wr span {font-weight: 400; font-size: 16px; color: #333; margin: 0 5px;}

.board-view-li .date-input-wr {margin: 0 -5px;}
.board-view-li .date-picker-wr {padding: 0 5px;}

/* 怨듯넻 &gt; �� */
.sub-tab {margin-bottom: 50px;}

.sub-tab-button, .sub-tab2-button {display: none;}

.sub-tab-ul {position: relative; font-size: 0;}
.sub-tab-ul.match_h {display: none;}
.sub-tab-ul::after {display: none; content:""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; border-bottom: 1px solid #d41421; z-index: 1;}
.sub-tab-ul li {display: inline-block; vertical-align: top; width: 20%; box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;}
.sub-tab-ul li.active {position: relative; background-color: #d41421; box-shadow: 1px 0 0 0 #d41421, 0 1px 0 0 #d41421, 1px 1px 0 0 #d41421, 1px 0 0 0 #d41421 inset, 0 1px 0 0 #d41421 inset;}
.sub-tab-ul li .tab {display: block; width: 100%; min-width: 150px; padding: 15px 20px; border: none; background-color: transparent; font-weight: 500; font-size: 20px; color: #333; text-align: center; transition: .3s;}
.sub-tab-ul li.active .tab {font-weight: 600; color: #fff;}

.sub-tab-ul.match_h li .tab img {width: 14px; margin-left: 5px;}

.sub-tab-ul.sub-tab-ul-6 li {width: 16.6666%;}
.sub-tab-ul.sub-tab-ul-7 li {width: 14.285%;}
.sub-tab-ul.sub-tab-ul-8 li {width: 12.5%;}
.sub-tab-ul.sub-tab-ul-9 li {width: 11.1111%;}
.sub-tab-ul.sub-tab-ul-10 li {width: 10%;}
.sub-tab-ul.sub-tab-ul-6 li .tab, 
.sub-tab-ul.sub-tab-ul-7 li .tab, 
.sub-tab-ul.sub-tab-ul-8 li .tab, 
.sub-tab-ul.sub-tab-ul-9 li .tab, 
.sub-tab-ul.sub-tab-ul-10 li .tab {min-width: auto;}

.sub-tab.type2 {border: none;}
.sub-tab.type2 .sub-tab-ul::after {display: none; opacity: 0;}
.sub-tab.type2 .sub-tab-ul {margin: -4px;}
.sub-tab.type2 .sub-tab-ul li {padding: 4px; box-shadow: none; background: transparent;}
.sub-tab.type2 .sub-tab-ul li.active {box-shadow: none;}
.sub-tab.type2 .sub-tab-ul li .tab {padding: 15px 50px; font-weight: 600; font-size: 20px; color: #666; background: #f7f7f7; border: 1px solid #ccc; border-radius: 5px;}
.sub-tab.type2 .sub-tab-ul li.active .tab {background: #d41421; color: #fff;}

.sub-tab-ul.tabFunc {position: relative; border-bottom: 1px solid #ccc;}
/* .sub-tab-ul.tabFunc::before {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ccc;} */
.sub-tab-ul.tabFunc li {position: relative; width: auto; background: #fff;}
.sub-tab-ul.tabFunc li.active {box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset;}
.sub-tab-ul.tabFunc li .tab {min-width: auto; padding: 12px 30px; /*background: #fff;*/ font-size: 18px; color: #666;}
.sub-tab-ul.tabFunc li.active::after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #d41421;}
.sub-tab-ul.tabFunc li.active .tab {color: #000; font-weight: 500;}

.sub-tab2-ul {margin: 32px -2px -2px; font-size: 0;}
.sub-tab2-ul li {display: inline-block; vertical-align: middle; padding: 2px;}
.sub-tab2-ul li .tab {display: inline-block; height: 50px; padding: 0 24px; line-height: 50px; border: 1px solid #ddd; background-color: transparent; background-color: #fff; border-radius: 3px; font-weight: 500; font-size: 16px; color: #666; text-align: center; transition: .3s;}
.sub-tab2-ul li.active .tab {color: #fff; background-color: #333; border: 1px solid #333;}

.sub-tab-cont-wr {}
.sub-tab-cont-wr .sub-tab-cont {display: none;}
.sub-tab-cont-wr .sub-tab-cont:first-child {display: block;}

/* 怨듯넻 &gt; �� */
.board-wrap {width: 100%; margin: 0 auto; position: relative;}
.board-wrap ~ .board-wrap {margin-top: 30px;}
.board-wrap .h_auto {height: auto!important;}

.board-top.caption {padding-bottom: 5px; text-align: right;}
.board-bottom.caption {padding-top: 8px;}
.board-caption-text {font-size: 15px; font-weight: 500; color: #999;}
.board-bottom.caption .board-caption-text:not(:last-child) {padding-bottom: 2px;}

.board-list.txt-type02 {overflow-x: auto;}
.board-list.txt-type02::before {display: none; position: relative; content: '�� 醫뚯슦濡� ��吏곸뿬�� �뺤씤�댁＜�몄슂 ��'; width: 100%; padding-bottom: 6px; text-align: center; font-weight: 600; font-size: 13px; color: #ccc;}
.board-list.txt-type02 table {width: 100%; border-top: 2px solid #333;}
.board-list.txt-type02.bd_n_t table {width: 100%; border-top: 1px solid #ddd;}
.board-list.txt-type02 table tr {border-bottom: 1px solid #ddd;}
.board-list.txt-type02 table th {padding: 15px; font-weight: 500; font-size: 17px; color: #333; height: 60px; background-color: #f9f9f9; border-right: 1px solid #ddd;}
.board-list.txt-type02 table td {padding: 15px; font-weight: 400; font-size: 17px; color: #666; text-align: center; height: 60px; border-right: 1px solid #ddd;}
.board-list.txt-type02 table .txt01 {font-weight: 400; font-size: 17px; color: #666;}
.board-list.txt-type02 table .bold {font-weight: 700;}

.board-list.txt-type02 table thead {}
.board-list.txt-type02 table thead tr {}
.board-list.txt-type02 table thead tr th {}
.board-list.txt-type02 table thead tr th:last-child {border-right: none;}
.board-list.txt-type02 table tbody {}
.board-list.txt-type02 table tbody tr {}
.board-list.txt-type02 table tbody tr td {}
.board-list.txt-type02 table tbody tr td:last-child {border-right: none;}

.board-list table .bd_t {border-top: 1px solid #ddd !important;}
.board-list table .bd_b {border-bottom: 1px solid #ddd !important;}
.board-list table .bd_l {border-left: 1px solid #ddd !important;}
.board-list table .bd_r {border-right: 1px solid #ddd !important;}
.board-list table .bd_n_t {border-top: none !important;}
.board-list table .bd_n_b {border-bottom: none !important;}
.board-list table .bd_n_l {border-left: none !important;}
.board-list table .bd_n_r {border-right: none !important;}

.board-bot {padding-top: 20px;}
.board-bot .board-btn-wr {padding-top: 0;}

/* 怨듯넻 &gt; �ㅼ슫濡쒕뱶,誘몃━蹂닿린 踰꾪듉 */
.btn-wr {font-size: 0;}
.btn-wr .btn-wr_item, 
.btn-box {margin-top: 10px;}
.btn-box.left {text-align: left;}
.btn-box.center {text-align: center;}
.btn-box.right {text-align: right;}
.btn-wr .btn-wr_item:first-child,
.btn-box:first-child {margin-top: 0;}
.btn-bd-box,
.btn-box-inner {font-size: 0; display: inline-block; vertical-align: middle; border: 1px solid #666; border-radius: 5px; padding: 7px 12px; background-color: #fff;}
.btn-bd-box &gt; *,
.btn-box-inner &gt; * {display: inline-block; vertical-align: middle;}
.btn-wr.type01 .btn-text,
.btn-box-inner .btn-text {margin-right: 10px; font-weight: 500; font-size: 17px; color: #666;}
.btn-wr.type01 .btn, 
.btn-box-inner .btn {height: 30px; line-height: 30px; padding: 0 10px; font-size: 14px; border-radius: 5px;}
.btn-wr.type01 .btn:not(:last-child),
.btn-box-inner .btn:not(:last-child) {margin-right: 3px;}

.btn-wr.near::after {content: ""; display: table; clear: both;}
.btn-wr.near .btn-wr_item {float: left; margin-top: 0 !important; margin-right: 10px; margin-bottom: 10px;}
.btn-wr.near .btn-wr_item:last-child {margin-right: 0;}

.btn-resest {display: inline-block; border-radius: 5px; width: 40px; height: 40px; background: #666 url('../img/icon-reset_w.png') no-repeat center / 40%;}

/* 怨듯넻 &gt; �곸뿭遺꾪븷 */
.split-wrap {margin: 0 -25px; font-size: 0;}
.split-wrap ~ .split-wrap {margin-top: 10px;}
.split-box {vertical-align: top; padding: 10px 25px 15px; border-left: 1px solid #ccc;}
.split-box:first-child {border-left: none;}

.split-wrap.i-col-2 .split-box:nth-child(n+3) {margin-top: 20px;}
.split-wrap.i-col-2 .split-box:nth-child(2n+1) {border-left: none;}
.split-wrap.i-col-3 .split-box:nth-child(n+4) {margin-top: 20px;}
.split-wrap.i-col-3 .split-box:nth-child(3n+1) {border-left: none;}
.split-wrap.i-col-4 .split-box:nth-child(n+5) {margin-top: 20px;}
.split-wrap.i-col-4 .split-box:nth-child(4n+1) {border-left: none;}

/* 怨듯넻 &gt; 議곗쭅�� */
.organ-wrap {padding: 30px;}
.organ-wrap .organ-title {display: inline-block; vertical-align: middle; width: 200px; height: 200px; background: url('../img/organ-title.png') no-repeat center center/contain;}
.organ-wrap .organ-title a {display: table; width: 100%; height: 100%; text-align: center;}
.organ-wrap .organ-title a .chairman {display: table-cell; vertical-align: middle; width: 100%; padding-bottom: 10px;}
.organ-wrap .organ-title a .chairman p {position: relative; font-size: 24px; font-weight: 600; color: #fff; z-index: 1;}
.organ-wrap .organ {position: relative; width: calc(100% - 205px); display: inline-block; vertical-align: middle;}
.organ-wrap .organ::before {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 1px; height: calc(100% - 101px); border-right: 1px solid #666; content:"";}
.organ-wrap .organ &gt; li {position: relative; border-bottom: 1px dashed #ccc; margin-left: 50px; padding: 20px 0px 10px;}
.organ-wrap .organ &gt; li::before {content: ''; display: block; position: absolute; left: -29px; top: 50px; width: 13px; height: 0; border-top: 1px solid #666;}
.organ-wrap .organ &gt; li::after {content:""; display: block; position: absolute; left: -16px; top: 47px; width: 7px; height: 7px; border-radius: 50%; background: #666;}
.organ-wrap .organ &gt; li .box {font-size: 0;}
.organ-wrap .organ &gt; li .box a {display: inline-block; vertical-align: top; width: 140px;}
.organ-wrap .organ &gt; li .box a .comm {position: relative; display: block; width: 100%; text-align: center; background: #666666; border-radius: 50px; color: #fff; font-size: 18px; font-weight: 600; line-height: 62px;}
.organ-wrap .organ &gt; li .box .list_box {display: inline-block; vertical-align: top; width: calc(100% - 140px);}
.organ-wrap .organ &gt; li .box .list_box .organ-ul {position: relative; padding-left: 20px;}
.organ-wrap .organ &gt; li .box .list_box .organ-ul::after {content: ''; display: block; clear: both;}
.organ-wrap .organ &gt; li .box .list_box .organ-ul::before {content: ''; display: block; position: absolute; left: 7px; top: 27.5px; width: 7px; height: 7px; border-radius: 50%; background: #666;}
.organ-wrap .organ &gt; li .box .list_box .organ-ul li {float: left; display: block; min-width: calc((100% - 48px) / 4); margin-right: 10px; margin-bottom: 10px; text-align: center; background: #fff; border-radius: 5px; border: 1px solid #ccc; overflow: hidden; color: #666; font-size: 18px; font-weight: 600; line-height: 60px;}
.organ-wrap .organ &gt; li .box .list_box .organ-ul li a {display: block; width: auto; padding: 0px 15px;}
.organ-wrap .organ &gt; li:last-child {border-bottom:none;}

/* 怨듯넻 &gt; 留먰뭾�� */
.step-wrap {padding: 30px;}
.step-list {margin: -20px;}
.step-item {position: relative; vertical-align: top; padding: 20px;}
.step-item::before {position: absolute; top: 50%; left: 0; width: 20px; height: 1px; border-top: 1px solid #ccc; content: "";}
.step-item::after {position: absolute; top: 50%; right: 0; width: 20px; height: 1px; border-top: 1px solid #ccc; content: "";}
.step-box {position: relative; height: 100%; z-index: 1;}
.step-item:first-child .step-box::after {position: absolute; top: 50%; left: -30px; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #666; content: "";}
.step-item:last-child .step-box::after {position: absolute; top: 50%; right: -30px; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #666; content: "";}
.step-head {position: absolute; left: -20px; top: -20px;}
.step-body {display: table; width: 100%; height: 100%;}
.step-content {display: table-cell; vertical-align: middle; height: 125px; padding: 30px 60px; background: #fff; border: 1px solid #eee; border-radius: 23px; text-align: center; font-size: 17px;}
.step-list.i-col-4 .step-content {padding-left: 60px; padding-right: 60px;}

.bubble-head {display: inline-block; vertical-align: middle; min-height: 80px; border-radius: 40px 40px 0 40px; background: #d41421; text-align: center; z-index: 1;}
.bubble-title {position: relative; display: inline-block; vertical-align: middle; font-size: 22px; font-weight: 700; color: #ffffff;}
.bubble-head.step {width: 80px; height: 80px;}
.bubble-head.step .bubble-title {padding-top: 18px; line-height: 1.2;}
.bubble-head.step .bubble-title span {display: block; font-size: 14px;}
.bubble-head.step .bubble-title b {font-size: 24px;}
.bubble-head.text {min-width: 230px; padding: 25px 30px 20px;}
.bubble-head.red {background: #d41421;}
.bubble-head.gray {background: #666666;}
.bubble-head.black {background: #383838;}
.bubble-head.border .bubble-title {padding-right: 20px;}
.bubble-head.border .bubble-title::after {position: absolute; right: 0; bottom: 7px; width: 15px; height: 3px; border-radius: 1.5px; background: #ffffff; content: "";}

.bubble-box {position: relative; text-align: right; min-height: 80px;}
.bubble-box .bubble-head {position: absolute; left: 0; top: 0;}
.bubble-body {position: relative; display: inline-block; width: calc(100% - 135px); padding: 25px 40px 25px 135px; background: #ffffff; border: 1px solid #e9e9e9; border-radius: 40px; text-align: left;}
.bubble-content {}
.bubble-text {position: relative;}
.bubble-text:not(:last-child) {margin-bottom: 10px;}
.bubble-text.dot {padding-left: 30px; font-size: 20px; font-weight: 700; color: #333333;}
.bubble-text.dot::before {position: absolute; left: 0; top: 10px; width: 9px; height: 9px; border-radius: 50%; background: #d41421; content:"";}
.bubble-text.num {position: relative; padding-left: 30px;}
.bubble-text.num .circle {position: absolute; left: 0; top: 3px; display: inline-block; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; background: #d41421; text-align: center; font-size: 14px; font-weight: 700; color: #ffffff;}
.bubble-text.num .title {font-size: 18px; font-weight: 700; color: #333333;}
.bubble-text.num .description {font-size: 17px; font-weight: 500; color: #666666;}
.bubble-text.num:not(:last-child) {/*margin-bottom: 20px;*/}

.bubble-body.bg-gray {background: #f0f0f0; border: none;}
.bubble-body.color-gray .bubble-text.dot::before {background: #666666;}
.bubble-body.color-gray .bubble-text.num .circle {background: #666666;}

/* 怨듯넻 &gt; iframe */
.iframe-wrap {}
.iframe-wrap iframe {width: 100% !important; border: none;}

/* 怨듯넻 &gt; �ㅻ뜑 */
.header {position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 10; box-shadow: 0 10px 15px rgba(0,0,0,0.04);}

.hd-top {background-color: #f5f5f5; border-bottom: 1px solid #ccc; text-align: right; padding: 0;}
.hd-top .tnb {font-size: 0;}
.hd-top .tnb &gt; * {vertical-align: middle; display: inline-block;}
.hd-top .tnb-ul {margin: 0 -15px; padding-right: 25px;}
.hd-top .tnb-ul li {position: relative; padding: 0 15px;}
.hd-top .tnb-ul li::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 18px; background-color: #ccc;}
.hd-top .tnb-ul li:last-child::before {display: none;}
.hd-top .tnb-ul li a {display: block; font-weight: 400; font-size: 15px; color: #000;}
.hd-top .tnb-ul .nuri a {font-size: 0;}
.hd-top .tnb-ul .nuri a img {height: 21px;}

.hd-top .srch-barm {position: relative;}
.hd-top .srch-barm input[type=text] {width: 166px; height: 50px; padding-left: 10px; padding-right: 40px; border: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; font-weight: 400; font-size: 16px; color: #333;}
.hd-top .srch-barm button {position: absolute; top: 50%; right: 10px; width: 19px; height: 19px; margin-top: -8.5px; border: none; background-color: transparent; font-size: 0;}
.hd-top .srch-barm button img {height: 19px;}
.hd-top .srch-barm .srch-bg {display: none; position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5);}

.hd {position: relative; max-width: 100%; margin: 0 auto; transition: 0.5s; background-color: #fff; z-index: 5;}
.hd-wr {position: relative;}
.hd .logo {position: relative; width: 280px; max-width: 100%; height: 120px; vertical-align: top; font-size: 0; text-align: left;}
.hd .logo a {display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 0;}
.gnb {width: calc(100% - 280px); padding-left: 50px; text-align: right;}
.gnb-ul {}
.gnb-ul &gt; li {position: relative; vertical-align: top; width: 200px; text-align: left;}
.gnb-ul.lot &gt; li {}
.gnb-ul &gt; li &gt; a {display: table-cell; vertical-align: middle; width: 100%; height: 120px; padding: 0 15px; font-weight: bold; font-size: 22px; color: #000; line-height: 1.5; transition: .3s;}
.gnb-ul2 {display: none; position: relative; height: 100%; margin-bottom: 50px; line-height: 1.4;}
.gnb-ul2::before {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; border-left: 1px solid #dedede;}
.gnb-ul &gt; li:last-child .gnb-ul2::after {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; border-left: 1px solid #dedede;}
.gnb-ul2 &gt; li {padding: 10px 15px;}
.gnb-ul2 &gt; li:first-child {padding-top: 3px;}
.gnb-ul2 &gt; li:last-child {padding-bottom: 3px;}
.gnb-ul2 &gt; li &gt; a {display: inline-block; position: relative; font-size: 18px; font-weight: 600; color: #666;}
.gnb-ul2 &gt; li &gt; a::before {content: ''; position: absolute; bottom: -7px; left: 0; width: 0; height: 2px; background-color: #e2190f; transition: .3s;}

.gnb-ul &gt; li:hover &gt; a {color: #e2190f;}
.gnb-ul2 &gt; li &gt; a:hover {color: #e2190f; font-weight: 600;}
.gnb-ul2 &gt; li &gt; a:hover::before {width: 100%;}

.gnb-mobile {display: none;}

.hd_type2 {width: 100%;}
.hd_type2 .logo {height: 100px;}
.hd_type2 .gnb-wr {position: relative; border-top: 1px solid #ccc;}
.hd_type2 .gnb-wr::after {content:""; position: absolute; left: 0; top: 60px; width: 100%; height: 1px; border-top: 1px solid #ccc;}
.hd_type2 .gnb {width: 1400px; max-width: 100%; margin: 0 auto; padding: 0;}
.hd_type2 .gnb-ul &gt; li {width: auto;}
.hd_type2 .gnb-ul &gt; li &gt; a {display: block; height: 60px; line-height: 60px; margin: 0 auto; font-size: 20px; font-weight: 600; text-align: center;}
.hd_type2 .gnb-ul.i-col-5 &gt; li {width: 20%;}
.hd_type2 .gnb-ul.i-col-6 &gt; li {width: 16.666%;}
.hd_type2 .gnb-ul.i-col-7 &gt; li {width: 14.285%;}
.hd_type2 .gnb-ul.i-col-8 &gt; li {width: 12.5%;}
.hd_type2 .gnb-ul.i-col-9 &gt; li {width: 11.1111%;}
.hd_type2 .gnb-ul2 {padding: 10px 20px; margin: 0;}
.hd_type2 .gnb-ul2 &gt; li {padding: 5px 0;}
.hd_type2 .gnb-ul2 &gt; li &gt; a::before {bottom: -5px;}
.hd_type2 .gnb-ul &gt; li:last-child .gnb-ul2::after {border-left: 1px solid #ccc;}
.hd_type2 .gnb-ul2::before {border-left: 1px solid #ccc;}

.mb-wr {display: none;}
.mb-gnb {}
.mb-gnb-btn {position: absolute; left: 1.5rem; top: 50%; width: 36px; height: 36px; margin-top: -18px; background: url('../img/icon-menu.png') no-repeat center center/contain; border: none; font-size: 0;}
.mb-gnb-bg {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5);}
.mb-gnb-box {position: fixed; left: -100%; top: 0; width: 100%; height: 100vh; z-index: 10; transition: 0.6s;}
.mb-gnb-inner {display: none; position: absolute; left: 0; top: 0; width: 600px; max-width: 80%; height: 100vh; background: #fff; overflow: auto; z-index: 1; transition: 0.6s;}
.mb-gnb-box.on {left: 0;}
.mb-gnb-box.on .mb-gnb-inner {display: block;}
.mb-gnb-head {}
.mb-gnb-gray {position: relative; padding: 22px 20px; background: #eee; border-radius: 0 0 30px 0;}
.mb-gnb-logo {display: inline-block; vertical-align: middle; font-size: 0;}
.mb-gnb-logo img {height: 40px;}
.mb-gnb-close {position: absolute; right: 35px; top: 30px; width: 25px; height: 25px; background: url('../img/icon-close.png') no-repeat center center/contain; border: none; font-size: 0;}
.mb-gnb-link {padding: 30px 40px; font-size: 0;}
.mb-gnb-link a {display: inline-block; vertical-align: middle; width: calc(50% - 10px); padding: 10px 40px; border-radius: 30px; background: #f3f3f3; text-align: center;}
.mb-gnb-link a.login {border: 1px solid #c73232; color: #c73232;}
.mb-gnb-link a.join {border: 1px solid #191c38; color: #191c38;}
.mb-gnb-link a i {display: inline-block; vertical-align: middle; width: 22px; height: 22px; margin-right: 8px;}
.mb-gnb-link a.login i {background: url('../img/icon-lock.png') no-repeat center center/contain;}
.mb-gnb-link a.join i {background: url('../img/icon-join.png') no-repeat center center/contain;}
.mb-gnb-link a p {display: inline-block; vertical-align: middle; font-weight: 600; font-size: 20px;}
.mb-gnb-link a ~ a {margin-left: 20px;}
.mb-gnb-body {padding-bottom: 50px;}
.mb-gnb-ul {display: block; border-top: 1px solid #999; text-align: left;}
.mb-gnb-ul &gt; li {display: block; width: 100%; border-bottom: 1px solid #999;}
.mb-gnb-ul &gt; li &gt; a {position: relative; display: block; height: auto; padding: 20px 60px 20px 30px; font-size: 22px; font-weight: 600; line-height: 1.5; transition: 0.5s;}
.mb-gnb-ul &gt; li &gt; a::after {content:""; position: absolute; right: 30px; top: 50%; width: 22px; height: 20px; background: url('../img/icon-gnb-down.png') no-repeat center center/contain; transform: translateY(-50%);}
.mb-gnb-ul2 {display: none; margin: 0; padding: 15px 30px; background: #f7f7f7; border-top: 1px solid #999;}
.mb-gnb-ul2 &gt; li {}
.mb-gnb-ul2 &gt; li &gt; a {position: relative; display: block; padding: 8px 12px; font-size: 18px; font-weight: 500;}
.mb-gnb-ul2 &gt; li &gt; a::before {position: absolute; left: 0; top: 18px; width: 3px; height: 3px; border-radius: 50%; background: #999; content:"";}
.mb-gnb-ul3 {display: none; padding: 10px 20px; margin: 3px 12px 15px; border-radius: 10px; background: #e9e9e9;}
.mb-gnb-ul3 &gt; li &gt; a {display: block; padding: 5px 0; font-size: 16px; font-weight: 400; color: #666;}

.mb-gnb-ul &gt; li.active &gt; a {background-color: #e2190f; color: #fff;}
.mb-gnb-ul &gt; li.active &gt; a::after {background-image: url('../img/icon-gnb-up.png');}

.mb-gnb-ul2 &gt; li.active &gt; a {color: #e2190f;}
.mb-gnb-ul2 &gt; li.active &gt; a::before {background: #e2190f;}

.mb-srch {}
.mb-srch-btn {position: absolute; right: 1.5rem; top: 50%; width: 30px; height: 30px; margin-top: -15px; background: url('../img/icon-srch.png') no-repeat center center/contain; border: none; font-size: 0; transition: 0.2s;}
.mb-srch-btn.active {background: url('../img/icon-close.png') no-repeat center center/contain}

/* 怨듯넻 &gt; �명꽣 */
.footer {border-top: 1px solid #ccc; padding: 40px 0 60px;}
.ft-wr {}
.ft-wr &gt; * {vertical-align: top;}

.ft-left {}
.ft-left .ft-logo {font-size: 0;}
.ft-left .ft-logo a {display: inline-block; font-size: 0;}
.ft-left .ft-logo a img {max-height: 34px; filter: grayscale(1) invert(49%) sepia(0%) saturate(0%) hue-rotate(168deg) brightness(135%) contrast(94%);}
.ft-left .ft-info {padding-top: 18px;}
.ft-left .ft-info p {font-size: 14px; font-weight: 400; color: #999; line-height: 1.4;}
.ft-left .ft-info p ~ p {margin-top: 5px;}

.ft-right {text-align: right;}
.ft-rnb {margin: 0 -10px;}
.ft-rnb li {padding: 0 10px;}
.ft-rnb li a {display: block; font-weight: 600; font-size: 18px; color: #333; transition: .3s;}
.ft-rnb li:first-child a {font-weight: 700; color: #e2190f;}
.ft-rnb li a:hover {color: #e2190f;}

.family-site {padding-top: 15px;}
.family-site select {min-width: 230px; height: 46px; padding-left: 25px; padding-right: 40px; appearance: none; background: url('../img/icon-bread-select.png') no-repeat center right 20px; border: 1px solid #999; font-size: 16px; font-weight: 700; color: #333;}

#main, .sub {padding-top: 170px;}

/* 怨듯넻 &gt; TOP踰꾪듉 */
.footer {position: relative;}
.btn-top {position: fixed; right: 2%; bottom: 2%; padding-bottom: 3px; width: 60px; height: 60px; background-color: #333; border-radius: 50%; color: #fff; border: 1.5px solid #fff; font-size: 13px; font-weight: 600; z-index: 10; box-shadow: 0 0 10px 2px rgba(0,0,0,0.15);} 
.btn-top img {width: 25%;}
.btn-top.abs {position: absolute; top: -10px; transform: translateY(-100%);}

/* �쒕툕 &gt; �덉씠�꾩썐 */
.sub-wrap {padding-bottom: 100px;}

.sub-visual {display: table; position: relative; width: 100%; height: 260px; background-color: #ccc; text-align: left; overflow: hidden;}
.sub-visual .container {display: table-cell; vertical-align: middle;}
.sub-visual-title {font-size: 40px; font-weight: 600; color: #fff;}
.sub-visual-descript {font-size: 20px; font-weight: 500; color: #fff;}

.sub-page {display: none; text-align: center; background: #f3f2f1; font-size: 0;}
.sub-page-list {display: inline-block; vertical-align: middle; margin: 0 -35px; font-size: 0;}
.sub-page-item {display: inline-block; vertical-align: top; padding: 0 35px;}
.sub-page-link {display: block; padding: 20px 0; font-size: 20px; font-weight: 500; color: #000;}
.sub-page-item.active .sub-page-link {position: relative; color: #cc0000;}
.sub-page-item.active .sub-page-link::after {display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e2190f; content: "";}

.sub-location-wr {margin-bottom: 60px; border-bottom: 1px solid #ccc;}
.sub-location {position: relative;}
.sub-location-ul {border-left: 1px solid #d4d4d4;}
.sub-location-ul li {border-right: 1px solid #d4d4d4;}
.sub-location-ul li.home {}
.sub-location-ul li a {display: block; width: 64px; height: 64px; text-align: center; line-height: 5;}
.sub-location-ul li .nice-select {height: 64px; line-height: 64px; border: none; font-weight: 400; font-size: 18px; color: #1f2c23; padding-left: 27px; padding-right: 98px;}
.sub-location-ul li .nice-select .list {height: 170px; overflow-y: auto;}
.sub-location-ul li .nice-select .list::-webkit-scrollbar {display: none;}
.nice-select:after {transform: none; width: 12px; height: 7px; background: url('../img/icon-bread-select.png') no-repeat center; border: none; right: 29px;}
.nice-select.open:after {transform: rotate(-180deg);}
.prt-btn {border: none; background-color: #f3f3f7; border-radius: 50%; width: 45px; height: 45px; text-align: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 0;}

.sub-print {display: inline-block; vertical-align: middle; vertical-align: middle; font-size: 0;}
.sub-print &gt; * {display: none; vertical-align: middle;}
.sub-page-button {display: block; border-radius: 50%; width: 40px; height: 40px; border: 0; font-size: 0; transition: 0.3s; text-align: center; }
.sub-print-button {background: url('../img/icon-print.png') no-repeat center/16px auto, #f5f5f5;}
.sub-share-button {background: url('../img/icon-share.png') no-repeat center/14px auto, #f5f5f5;}

.sub-print-li {}
.sub-share-li {display: inline-block; margin-left: 20px;}

.sub-layout {margin-top: 65px;}

.sub-lnb {float: left; width: 280px; border: 1px solid #dedede; border-radius: 30px 30px 10px 10px; overflow: hidden;}
.sub-lnb-title {display: table; position: relative; width: 100%; min-height: 157px; padding: 20px 20px 40px; text-align: center; background: #c73232;}
.sub-lnb-title::after {content: ""; display: block; position: absolute; bottom: -54px; left: -64px; width: 497px; height: 370px; background: url('../img/sub-lnb-bg.png') no-repeat center center/contain; z-index: 0; opacity: 0.8;}
.sub-lnb-title p {display: table-cell; vertical-align: middle; position: relative; width: 100%; font-size: 30px; font-weight: 700; color: #fff; z-index: 1;}
.depth2-list {position: relative; margin-top: -22px;}
.depth2-item {position: relative; padding: 3px; background: #f7f7f7; transition: .3s;}
.depth2-item:first-child {border-radius: 6px 30px 0 0; overflow: hidden;}
.depth2-item ~ .depth2-item {border-top: 1px dashed #ccc;}
.depth2-item.open {background: #fff;}
.depth2-link {display: block; position: relative; padding: 19px 55px 22px 25px; font-size: 18px; font-weight: 600; color: #4f4f4f; line-height: 1.4; cursor: pointer;}
.depth2-link::after {content:""; display: block; position: absolute; right: 29px; top: 50%; width: 24px; height: 6px; margin-top: -3px; background: url('../img/sub-lnb-inactive.png') no-repeat center center;}
.depth3-list {display: none; margin: 0 25px; border-top: 1px solid #cc3333;}
.depth3-item {padding: 5px 0;}
.depth3-item:not(:last-child) {border-bottom: 1px solid #e5e5e5;}
.depth3-link {display: block; position: relative; padding: 7px 0; font-size: 16px; font-weight: 600; color: #4f4f4f; line-height: 1.2; cursor: pointer;}
.depth4-list {padding: 0 0 5px;}
.depth4-item {padding: 0 13px;}
.depth4-link {display: block; position: relative; padding: 5px 0 5px 8px; line-height: 1.2; font-size: 15px; font-weight: 600; color: #666;}
.depth4-link::before {content: "-"; display: block; position: absolute; top: 5px; left: 0; z-index: 1;}

.depth2-item.active {background: #fff; border: 2px solid #cc3333; border-radius: 6px; box-shadow: 3px 3px 10px rgba(184, 38, 38, 0.2); z-index: 9;}
.depth2-item.active .depth2-link {color: #cc3333;}
.depth2-item.active .depth2-link::after {width: 9px; height: 15px; margin-top: -7.5px; background: url('../img/sub-lnb-active.png') no-repeat center center;}
.depth2-item.active .depth3-list {display: block;}
.depth3-item.active .depth3-link {color: #cc3333;}
.depth4-item.active .depth4-link {color: #cc3333;}

.sub-contents {float: left; width: calc(100% - 280px); padding-left: 70px; padding-top: 15px;}

.sub-wrap.sub-wrap_full .sub-visual {text-align: center;}
.sub-wrap.sub-wrap_full .sub-lnb {display: none;} 
.sub-wrap.sub-wrap_full .sub-contents {width: 100%; padding-left: 0; padding-top: 0;}
.sub-wrap.sub-wrap_full .sub-page {display: block;}
.sub-wrap.sub-wrap_full .sub-tab-ul.match_h {display: block;}

.sub-head {margin-bottom: 50px; font-size: 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.sub-title {position: relative; float: left; padding-bottom: 20px; font-size: 36px; font-weight: 600; color: #000; line-height: 1.2; letter-spacing: -0.05px;}
.sub-title::after {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #c73232; content: "";}

.sub-page-info {float: right; text-align: right;}
.sub-breadcrumb {display: inline-block; vertical-align: middle; padding-top: 15px; padding-bottom: 10px;}
.sub-breadcrumb-item {position: relative; display: inline-block; vertical-align: middle;}
.sub-breadcrumb-item ~ .sub-breadcrumb-item {margin-left: 35px;}
.sub-breadcrumb-item ~ .sub-breadcrumb-item::before {content: "/"; display: block; position: absolute; top: 4px; left: -20px; z-index: 1; font-size: 18px; font-weight: 400; color: #cccccc; line-height: 1;}
.sub-breadcrumb .menu {display: block; font-size: 18px; font-weight: 600; color: #333;}
.sub-breadcrumb .menu.home {width: 18px; height: 19px; background: url('../img/icon-home.png') no-repeat center/contain; font-size: 0;}

.sub-sec-ct {margin: -30px 0; padding-bottom: 100px;}
.sub-sec {padding: 30px 0;}

.text-wr {padding-left: 40px;}
.text-wr ~ .text-wr {padding-top: 20px;}
.cont-box {border: 1px solid #ccc; border-radius: 15px; padding: 30px;}
.cont-box.bg {background-color: #f7f7f7;}
.cont-box.scroll {}
.cont-box textarea {font-weight: 300; font-size: 16px; border: none; width: 100%; background-color: transparent; height: 200px; resize: none;}
.cont-box textarea::-webkit-scrollbar {display: none;}


/* �쒕툕 &gt; �앹뾽 */
.layer-popup {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 550px; max-width: 90%; height: 500px; max-height: 80vh; background: #fff; border: 3px solid #c73232; z-index: 11; overflow-y: auto;} 
.pop-content {}
.pop-head {position: relative; width: 100%; padding: 15px 60px 15px 20px; background: #c73232 url('../img/sub-lnb-bg.png') no-repeat center left / 50%;}
.pop-close {position: absolute; right: 20px; top: 18px; width: 23px; height: 23px; border: none; background: url('../img/icon-close-w.png') no-repeat center center/contain; font-size: 0; opacity: 0.8;}
.pop-title {font-size: 24px; font-weight: 600; color: #fff; line-height: 1.3;}
.pop-body {padding: 25px 20px;}
.pop-section:not(:last-child) {margin-bottom: 30px;}
.pop-content .b-title {padding-bottom: 5px;}
.pop-content .sub-tab {margin-bottom: 20px;}
.pop-content .sub-tab-cont-wr {padding-bottom: 40px;}

/* �쒕툕 &gt; �대떦遺��� 諛� �됯� */
.pg-satisfaction {padding: 25px 20px 20px 20px; border: 1px solid #c4c4c4; border-radius: 15px; background: #f6f6f6;}
.pg-satisfaction .top-inner {padding: 0 0 20px 20px;}
.pg-satisfaction .responsibility {float: left;}
.pg-satisfaction .responsibility &gt; ul {margin: 0 -11px;}
.pg-satisfaction .responsibility &gt; ul &gt; li {padding: 0 11px; font-size: 0;}
.pg-satisfaction .responsibility &gt; ul &gt; li .symbol {font-size: 16px; vertical-align: top;}
.pg-satisfaction .responsibility &gt; ul &gt; li .symbol::before {display: none;}
.pg-satisfaction .responsibility &gt; ul &gt; li .bTxt {font-size: 16px; font-weight: 600; color: #333; line-height: 1.1; vertical-align: top;}
.pg-satisfaction .responsibility &gt; ul &gt; li .sTxt {margin-left: 4px; font-size: 16px; font-weight: 500; color: #666; line-height: 1.1; vertical-align: top;}
.pg-satisfaction .responsibility &gt; ul &gt; li.dot .symbol {width: 5px; height: 5px; padding: 0; margin: 6px 10px 0 0; border-radius: 50%; background-color: #000;}
.pg-satisfaction .responsibility &gt; ul &gt; li.dot::before {display: none;}
.pg-satisfaction .responsibility &gt; ul &gt; li.tel .symbol {width: 25px; height: 25px; margin: -4px 10px 0 0; border-radius: 50%; background: url('../img/icon-tel.png') no-repeat center/contain;}
.pg-last_time {float: right;}
.pg-last_time .sTxt {font-size: 15px; font-weight: 500; color: #666; line-height: 1.1; vertical-align: top;}
.pg-last_time .symbol {width: 20px; height: 20px; margin: -2px 10px 0 0; border-radius: 50%; background: url('../img/icon-time.png') no-repeat center/contain; font-size: 16px; vertical-align: top;}

.pg-satisfaction .mid-inner {padding: 30px 22px 20px; border-radius: 15px; background-color: #fff;}
.pg-satisfaction .research {position: relative; padding-bottom: 25px;}
.pg-satisfaction .point {position: relative; width: 62%; padding-left: 62px; padding-right: 20px; border-right: 1px solid #ccc;}
.pg-satisfaction .point::before {display: block; position: absolute; left: 0; top: 0; content:""; width: 36px; height: 40px; background: url('../img/icon-satisfaction.png') no-repeat center center/contain;}
.pg-satisfaction .point-txt {font-size: 17px; font-weight: 500; color: #333; line-height: 1.2;}
.pg-satisfaction .caution {width: 38%; padding-left: 20px;}
.pg-satisfaction .caution-txt {font-size: 14px; font-weight: 500; color: #999; line-height: 1.3;}

.pg-satisfaction .point-radio {overflow: hidden; margin-top: 7px;}
.pg-satisfaction .point-radio &gt; ul {margin: 0 -7.5px}
.pg-satisfaction .point-radio &gt; ul &gt; li {padding: 0 7.5px;}
.pg-satisfaction .radio_wrap {position: relative;}
.pg-satisfaction .radio_wrap input[type=radio] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.pg-satisfaction .radio_wrap input[type=radio] + label {display: block; position: relative; height: 22px; padding-left: 30px; cursor: pointer;}
.pg-satisfaction .radio_wrap input[type=radio] + label span {display: inline-block; margin-top: -2px; font-size: 16px; font-weight: 500; color: #333; vertical-align: top;}
.pg-satisfaction .radio_wrap input[type=radio] + label::before {content: ''; width: 20px; height: 20px; border: 1px solid #ebebeb; background-color: #ebebeb; border-radius: 50%; position: absolute; top: 0; left: 0;}
.pg-satisfaction .radio_wrap input[type=radio] + label::after {content: ''; width: 7px; height: 7px; background-color: #fff; border-radius: 50%; position: absolute; top: 7px; left: 7px;}
.pg-satisfaction .radio_wrap input[type=radio]:checked + label {}
.pg-satisfaction .radio_wrap input[type=radio]:checked + label::before {border: 1px solid #e2190f; background-color: #fff;}
.pg-satisfaction .radio_wrap input[type=radio]:checked + label::after {background-color: #e2190f;}
.pg-satisfaction .radio_wrap input[type=radio]:focus + label::before {border: 1px dashed #000 !important;}

.pg-satisfaction .survey_txt input[type=text] {width: calc(100% - 137px); height: 50px; padding: 0 15px; border: none; font-size: 16px; font-weight: 300; color: #000; background: #eaeaea; border-radius: 10px 0 0 10px;}
.pg-satisfaction .survey_txt .survey_submit {width: 137px; height: 50px; line-height: 50px; border: none; font-size: 16px; font-weight: 500; color: #fff; background: #333; text-align: center; border-radius: 0 10px 10px 0;}
.pg-satisfaction .survey_txt .survey_submit img {width: 27px; margin: -2px 0 0 12px; vertical-align: middle;}

/* 寃뚯떆�� &gt; 踰꾪듉 */
.board-list-btns {padding-top: 10px; margin: 0 -2px; text-align: right; font-size: 0;}
.board-list-btns &gt; li {display: inline-block; padding: 0 2px; vertical-align: middle;}
.board-list-btn {display: inline-block; vertical-align: middle; font-weight: 600; font-size: 16px; color: #fff; padding: 0 32px; border-radius: 7px; background-color: #333; transition: .3s; border: none; border: 1px solid #333; height: 50px; line-height: 50px;}
.board-list-btns .radio-wrap_item input[type=radio] + label {font-size: 15px; font-weight: 400;}
.board-detail-btn {margin-right: 5px;}
.board-detail-text {display: none; padding-top: 5px; font-size: 14px; color: #666;}

/* 寃뚯떆�� &gt; �꾩씠肄� */
.bd-icon_circle {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; font-size: 14px;}
.bd-icon_circle.t1 {background-color: #333; color: #fff;}
.bd-icon_circle.t2 {background-color: #029e55; color: #fff;}
.bd-icon_circle.t3 {background-color: #00488f; color: #fff;}
.bd-icon_circle.t4 {background-color: #d41421; color: #fff;}
.bd-icon_circle.t5 {background-color: #999; color: #fff;}
.bd-icon_circle.t6 {background-color: #999; color: #fff;}
.bd-icon_square {display: inline-block; vertical-align: middle; padding: 2px 8.4px; margin: 1px 0.5px; font-size: 14px; border-radius: 4px; background: #999; color: #f9f9f9;}
.bd-icon_square.t1 {background-color: #333; color: #fff;}
.bd-icon_square.t2 {background-color: #029e55; color: #fff;}
.bd-icon_square.t3 {background-color: #00488f; color: #fff;}
.bd-icon_square.t4 {background-color: #d41421; color: #fff;}
.bd-icon_square.t5 {background-color: #999; color: #fff;}
.bd-icon_square.t6 {background-color: #e9770d; color: #fff;}
.bd-icon_square.homepage {position: relative; padding-right: 17px; background: #7aab24;}
.bd-icon_square.homepage::after {position: absolute; right: 5px; top: 50%; width: 6px; height: 10px; margin-top: -4px; background: url('../img/icon-arrow-right01.png') no-repeat center center/contain; content: "";}

.td-subj .linkBtn {margin-right: 7.5px;}
.td-subj .bd-icon_circle {margin: 0 5px;}
.td-subj .bd-icon_square {margin-right: 5px;}

.icon-secret {vertical-align: middle; margin: 0 5px 3px 0;}

/* 寃뚯떆�� &gt; �곹븯�� 而⑦뀗痢� */
.board-in-cnt.first {/*padding-bottom: 30px;*/}
.board-in-cnt.last {/*padding-top: 30px;*/}

.board-banner {margin-bottom: 40px;}
.board-banner &gt; *:not(:last-child) {margin-bottom: 10px;}

.board-info {clear: both; margin: 45px 0 15px;}
.board-info_left {float: left;}
.board-info_right {float: right; margin: 0 -10px;}
.board-info_right &gt; * {display: inline-block; vertical-align: middle; padding: 0 10px; vertical-align: middle;}
.sort-wr {text-align: right;}
.board-sort {font-size: 0;}
.board-sort &gt; * {display: inline-block; vertical-align: middle;}
.board-sort .sort {min-width: 100px; height: 32px; line-height: 32px; padding: 0 20px 0 10px; border: 1px solid #ccc; appearance: none; background: url('../img/icon-select.png') no-repeat center right 10px; background-size: 10px; font-weight: 300; font-size: 14px; color: #666; border-radius: 3px;}
.board-sort-btn {height: 32px; padding: 0 10px; margin-left: 3px; line-height: 32px; font-size: 14px; font-weight: 400; color: #fff; background-color: #333; border: 1px solid #333; border-radius: 3px;}

/* 寃뚯떆�� &gt; �꾩껜/�섏씠吏� �� */
.board-info-wr {display: inline-block;}
.board-info-ul {font-size: 0; margin: 0 -10px; position: relative;}
.board-info-ul li {display: inline-block; vertical-align: middle; font-weight: 400; font-size: 17px; color: #333; padding: 0 10px; position: relative;}
.board-info-ul li::after {content: '/'; position: absolute; top: 50%; right: -2px; transform: translateY(-50%); color: #333;}
.board-info-ul li:last-child::after {display: none;}
.board-info-ul li .point {color: #e2190f;}

/* 寃뚯떆�� &gt; 寃��� */
.srch-wr {}
.srch-bar {display: inline-block; /*width: 462px;*/ max-width: 100%; height: 55px; border: 1.5px solid #d41421; border-radius: 27.5px; overflow: hidden; font-size: 0;}
.srch-bar &gt; * {display: inline-block; vertical-align: middle;}
.srch-bar select {/*width: 132px;*/ border: none; height: 100%; appearance: none; background: url('../img/icon-select.png') no-repeat center right 24px #fff; font-weight: 300; font-size: 16px; color: #666; padding: 0 20px; padding-right: 50px; outline: none;}
.srch-bar .input-wr {/*width: calc(100% - 132px);*/ position: relative;}
.srch-bar .input-wr::before {content: ''; width: 1px; height: 13px; background-color: #ccc; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.srch-bar .input-wr .txt-input {height: 55px; /*width: 100%;*/ width: 260px; border: none; outline: none!important; padding-right: 40px;}
.srch-bar .input-wr button {position: absolute; top: 0; right: 20px; border: none; background-color: transparent;height: 55px;}

.search-box {font-size: 0; margin-bottom: 30px;}
.search-box .sub-tab {margin: 0;}
.search-box .sub-tab li .tab {min-width: 50px; height: 45px; padding: 0 15px; background: #fff; border: 1px solid #ccc; font-size: 15px; font-weight: 300; border-radius: 0;}
.search-box .sub-tab li:first-child .tab {border-radius: 23px 0 0 23px;} 
.search-box .sub-tab li:last-child .tab {border-radius: 0 23px 23px 0;} 
.search-box .sub-tab li.active .tab {background: #333; border-color: #333; color: #fff;}

.search-li {}
.search-tit, .search-cnt {display: inline-block; vertical-align: middle; font-size: 16px;}
.search-cnt {margin: -2px; font-size: 0;}
.search-cnt &gt; * {display: inline-block; vertical-align: middle; padding: 2px;}
.search-cnt_in &gt; * {display: inline-block; vertical-align: middle;}
.search-cnt_in .btn.sizeS {min-width: 45px; height: 45px; line-height: 45px; margin-left: 5px; vertical-align: middle; font-size: 0;}
.search-cnt_txt {padding: 0 5px; font-size: 18px;}

.search-box.list-style {padding: 15px; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 10px;}
.search-box.list-style .search-tit {display: none;}
.search-box.list-style .search-li {text-align: right;}
.search-box.list-style .search-li:last-child {padding-right: 0;}

.search-box.table-style {border-top: 2px solid #333; background-color: #fff;}
.search-box.table-style .search-li {display: table; width: 100%; border-bottom: 1px solid #ddd;}
.search-box.table-style .search-tit {display: table-cell; vertical-align: middle; width: 160px; padding: 12px 20px; font-size: 17px; font-weight: 600; background-color: #f3f3f3; border-right: 1px solid #ddd; text-align: center;} 
.search-box.table-style .search-tit &gt; p {}
.search-box.table-style .search-cnt {display: table-cell; vertical-align: middle; width: calc(100% - 160px); margin: 0; padding: 5px 15px; font-size: 0; background-color: #fff;}

.icon-search {margin: 0; width: 18px; vertical-align: middle;}
.icon-search:last-child {display: none;}

/* 寃뚯떆�� &gt; 泥섎━怨쇱젙 */
.board-process-wr {padding: 15px 20px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 10px;}
.board-process-wr .bar-title_wr {margin-bottom: 15px;}
.board-process-wr .bar-title {position: relative; display: inline-block; vertical-align: middle; padding-left: 15px; margin-right: 10px; font-size: 20px; font-weight: 600; color: #333333;}
.board-process-wr .bar-title::before {position: absolute; left: 0; top: 7px; width: 3px; height: 18px; background: #d41421; content: "";}
.board-process-wr .bar-expl {display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 400;}
.board-process-ul {margin: 0 -20px 15px; font-size: 0; color: #666666; text-align: center;}
.board-process-li {position: relative; display: inline-block; vertical-align: top; width: 33.3333%; padding: 0 20px; font-size: 18px; font-weight: 400;}
.board-process-step {}
.board-process-tit {font-size: 20px; font-weight: 600; color: #666666;}
.board-process-tit &gt; .num {display: inline-block; margin-right: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; font-weight: 700; color: #ffffff; background-color: #999999; border-radius: 50%; vertical-align: middle;}
.board-process-li.active .board-process-tit {color: #d41421;}
.board-process-li.active .board-process-tit &gt; .num {background-color: #d41421;}
.board-process-txt {padding-top: 5px; color: #666666;}
.board-process-wr p {padding-bottom: 0;}

/* 寃뚯떆�� &gt; �섏씠吏� */
.paginationSet {padding-top: 40px; text-align: center; font-size: 0;}
.paginationSet &gt; * {display: inline-block; vertical-align: middle;}
.pagination {display: inline-block; font-size: 0;}
.pagination li {display: inline-block; vertical-align: middle; padding: 0 3.5px;}
.pagination li a, .pagination li:not(.i) &gt; span {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #f9f9f9; font-weight: 400; font-size: 16px; color: #666; transition: .3s;}
.pagination li.active &gt; span {background-color: #333; color: #fff;}
.pagination li em {font-style: normal;}
.pagination li a:hover {background-color: #333; color: #fff;}
.pagination li.i {height: 40px; line-height: 40px; font-size: 0;}
.pagination li.i .s {font-size: 0;}
.pagination li.first a {margin-right: 20px; width: 20px; background: url('../img/icon-first.png') no-repeat center;}
.pagination li.prev a {margin-right: 25px; width: 12px; background: url('../img/icon-prev.png') no-repeat center;}
.pagination li.next a {margin-left: 25px; width: 12px; background: url('../img/icon-next.png') no-repeat center;}
.pagination li.end a {margin-left: 20px; width: 20px; background: url('../img/icon-last.png') no-repeat center;}

/* 寃뚯떆�� &gt; �띿뒪�명삎 紐⑸줉 */
.board-wr {position: relative;}
.txt-board {}
.txt-board table {width: 100%; border-top: 2px solid #333;}
.txt-board table thead {}
.txt-board table thead tr {border-bottom: 1px solid #ddd;}
.txt-board table thead th {position: relative; height: 60px; font-weight: 700; font-size: 18px; color: #333; background-color: #f9f9f9;}
.txt-board table tbody {}
.txt-board table tbody tr {border-bottom: 1px solid #ddd;}
.txt-board table tbody td {min-width: 70px; padding: 10px; height: 60px; text-align: center; font-weight: 400; font-size: 17px; color: #666; word-break: break-all;}
.txt-board table tbody td.td-subj {text-align: left; padding: 15px 30px;}
.txt-board table tbody td.td-subj .tit {font-weight: 400; font-size: 17px; color: #333; transition: .3s; position: relative; max-width: 850px; display: inline-block;}
.txt-board table tbody td.td-subj .tit::before {content: ''; width: 18px; height: 14px; background: url('../img/more-view.png') no-repeat center; position: absolute; top: 3px; right: -27px; opacity: 0; transition: .3s;}
.txt-board table tbody td.td-subj .tit::after {content: ''; width: 112%; height: 20px; background-color: #fff6f8; border-radius: 10px; position: absolute; bottom: -12px; left: 0; z-index: -1; transition: .3s; opacity: 0;}
.txt-board table tbody td.td-subj a.tit:hover {color: #d41421;}
.txt-board table tbody td.td-subj a.tit:hover::before {opacity: 1;}
.txt-board table tbody td.td-subj a.tit:hover::after {opacity: 1;}
.txt-board table tbody tr.nodata td {padding-top: 70px; padding-bottom: 70px; text-align: center;}
.txt-board table tbody tr.nodata td.td-subj .tit {color: #666; font-weight: 700;}

.txt-board .td-num {width: 100px;}
.txt-board .td-subj {width: calc(100% - 580px);}
.txt-board .td-charge {width: 150px;}
.txt-board .td-date {width: 130px;}
.txt-board .td-file {width: 100px;}
.txt-board .td-hit {width: 100px;}

.td-text-wr {padding-top: 5px;}

.mo-th {display: none;}

/* 寃뚯떆�� &gt; 媛ㅻ윭由ы삎 紐⑸줉 */
.gallery-board {padding: 30px 0; border-top: 2px solid #333;}
.gall-ul {margin: -15px;}
.gall-li {padding: 15px; vertical-align: top; overflow: hidden;}
.gall-li.empty {display: block; width: calc(100% - 30px); margin: 0 auto; padding: 70px 30px; color: #666; font-weight: 700; text-align: center; border-bottom: 1px solid #ddd;}
.gall-thumb {position: relative; height: 0; padding-bottom: 71.322%; border-radius: 15px 15px 0 0; overflow: hidden;}
.gall-thumb img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.gall-info {padding-top: 25px; background: #f9f9f9; border-radius: 0 0 15px 15px; overflow: hidden;}
.gall-title {height: 3em; max-height: 3em; padding: 0 25px; font-size: 18px; font-weight: 400; color: #333; background: #f9f9f9;}
.gall-date {margin-top: 25px; padding: 20px 30px; font-size: 16px; font-weight: 400; color: #666; background: #efefef;}
.gall-link:hover .gall-title {color: #d41421;}
.list-like-btn {display: none; padding: 4px 5px; color: #d41421; font-weight: 500; font-size: 14px; border: 1px solid #d41421; border-radius: 3px; background: none;}

/* 寃뚯떆�� &gt; �뱀쭊�� 紐⑸줉 */
.article-board {border-top: 2px solid #333;}
.article-ul {font-size: 0;} 
.article-li {padding: 25px 15px; border-bottom: 1px solid #ddd;}
.article-link {font-size: 0;}
.article-thumb {position: relative; display: inline-block; vertical-align: middle; width: 250px; height: 150px; border-radius: 10px; border: 1px solid #ddd; overflow: hidden;}
.article-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover;}
.article-info {display: inline-block; vertical-align: middle; width: calc(100% - 250px); padding-left: 25px;}
.article-title {font-size: 20px; font-weight: 500; color: #333; transition: .2s;}
.article-date_wr {margin-top: 8px; font-size: 16px; color: #666;}
.article-date_wr &gt; * {display: inline-block; vertical-align: middle;}
.article-writer {position: relative;}
.article-writer::before {content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 14px; margin: 0 10px 2px 9px; background-color: #aaa; font-size: inherit;}
.article-date {position: relative; padding-left: 20px;}
.article-date::before {content:""; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; background: url('../img/icon-time.png') no-repeat center center/contain; opacity: 0.5;}
.article-content {margin-top: 8px; font-size: 17px; font-weight: 400; color: #666;}
.article-link:hover .article-title {color: #d41421;}

/* 寃뚯떆�� &gt; FAQ 紐⑸줉 */
.faq-ul {border-top: 2px solid #333;}
.faq-li {border-bottom: 1px solid #E5E5E5;}
.faq-in {font-size: 0;}
.faq-in &gt; * {display: inline-block; vertical-align: middle;}
.faq-question {position: relative; width: 100%; padding: 0 10px; border: 0; background-color: #fff; font-size: 18px; font-weight: 500; color: #0f0f0f; line-height: 1.5;}
.faq-answer {display: none; padding: 0 10px; border-top: 1px solid #E5E5E5; background-color: #f5f5f5; font-size: 18px; font-weight: 400; color: #444; line-height: 1.6;}
.faq-icon {padding: 18px; width: 60px; font-size: 18px; font-weight: 700; text-align: center;}
.faq-content {width: calc(100% - 60px); padding: 18px 50px 18px 10px; font-size: 17px; text-align: left;}
.faq-question .faq-icon {color: #444;}
.faq-answer .faq-icon {color: #999;}
.faq-status {position: absolute; top: 50%; transform: translateY(-50%); right: 25px; width: 12px; height: 7px; border-radius: 1px;}
.faq-status::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/icon-bread-select.png') no-repeat center center/contain; transition: .4s;}
.faq-li.open .faq-status::after {transform: rotate(-180deg);}

/* 寃뚯떆�� &gt; �곸꽭 (寃뚯떆湲�怨듭쑀�섍린) */
.board-view_share {position: relative; margin-bottom: 10px; text-align: right; font-size: 0;}
.board-view_share .sub-share-button {display: inline-block; width: auto; height: auto; line-height: 1; padding: 10px 15px 10px 35px; border-radius: 5px; font-size: 14px; font-weight: 400; color: #333; background-position: left 10px center;}
.board-view_share .share-pop {top: 37px; left: inherit; right: 0;}

/* 寃뚯떆�� &gt; �곸꽭 */
.board-view {padding-top: 0; border-top: 2px solid #333;}
.board-view-title_wr {background: #f5f5f5;}
.board-view-title {padding: 15px 30px; font-size: 20px; font-weight: 700; line-height: 1.4; color: #333;}
.board-view-subtitle {font-size: 20px; font-weight: 400; line-height: 1.3; color: #666;}
.board-view-subtext {font-size: 18px; font-weight: 400; line-height: 1.3; color: #666;}

.board-view.reply {padding-top: 60px; border-top: none;}
.board-view.reply .board-view-title_wr {border: none; background: #fff;}
.board-view.reply .board-view-title {position: relative; padding: 0 0 0 25px; font-size: 24px; font-weight: 600; color: #333; margin-bottom: 12px;}
.board-view.reply .board-view-title::before {content: ""; position: absolute; left: 0; top: 16px; width: 15px; height: 3px; background: #e2190f;}
.board-view.reply .board-view-ul {border-top: 2px solid #333;}

/* 寃뚯떆�� &gt; �곸꽭 + �묒꽦 */
.board-view-in {position: relative;}
.board-view-in:not(:last-child) {padding-bottom: 50px;}

.board-view-ul {border-top: 1px solid #ddd; font-size: 0;}
.board-view-ul.left .board-view-inner &gt; .k {text-align: left;}
.board-view-li {}
.board-view-li.item02 {display: inline-block; width: 50%;}
.board-view-li.item03 {display: inline-block; width: calc(100% / 3);}
.board-view-inner {display: table; width: 100%; font-size: 0; border-bottom: 1px solid #ddd;}
.board-view .board-view-inner {display: block;}
.board-view-inner &gt; * {padding: 10px 15px; font-size: 16px; vertical-align: middle;}
.board-view-inner &gt; .content {width: 100%; min-height: 200px; padding: 30px; font-size: 17px; font-weight: 400; word-wrap: break-word;}
.board-view-inner &gt; .k {display: table-cell; padding: 10px 20px; width: 165px; background-color: #f5f5f5; text-align: center; font-weight: 500; font-size: 17px;}
.board-view-inner &gt; .v {display: table-cell; width: calc(100% - 165px); word-break: break-all; font-size: 17px;}
.board-view-inner &gt; .v &gt; *:not(:last-child) {padding-bottom: 10px;}
/* .board-view-inner .radio-wrap, .board-view-inner .check-wrap {line-height: 50px;} */
.board-view-inner .noheight.radio-wrap, .board-view-inner.noheight .check-wrap {line-height: normal;}
.board-view-inner .txt-input {min-width: 150px;}
.board-view-inner .txt-area {height: 300px;}
.view-file-list {}
.view-file-list li {padding: 5px 0;}
.view-file-list span {margin-right: 5px;}
.view-file-list .filelist_add {margin-bottom: 4px;}
.view-file-list a {display: inline; padding: 4px 5px 4px; margin-right: 1px; border-radius: 5px; background: #333; color: #fff; font-size: 14px;}
.view-file-list a:last-child {margin-right: 0;}
.view-file-list .filelist_delete {display: inline; padding: 4px 5px 4px; margin-right: 3px; border-radius: 5px; background: #e2190f; border: none; color: #fff; font-size: 14px;}

/* 寃뚯떆�� &gt; �묒꽦 */
.board-write .board-view-ul {border-top: 2px solid #666;}
.board-write .sub-text_box {padding: 15px;}
.board-write .sub-text_box .text02 {font-size: 17px;}

.board-view-btns {padding: 20px 0; text-align: right;}
.board-view-btns .btn.subBtn {height: 50px; padding: 0 20px; line-height: 50px; background: #fff; border: 1px solid #333; color: #333;}
.view-like-btn {display: none; min-width: 150px; padding: 10px 20px; border-radius: 50px; border: 2px solid #d41421; background-color: #fff; color: #333; font-size: 18px; font-weight: 600;}
.view-like-btn .icon {margin-right: 10px; color: #d41421;}
.view-like-btn .num {margin-left: 10px; color: #d41421;}

/* 寃뚯떆�� &gt; ���묎텒 �쒖떆 */
.ccl-wr {margin: 20px 0 0;}
.ccl-in &gt; * {display: inline-block; vertical-align: middle;}
.ccl-wr .sub-text_box .text01 {margin-right: 10px;}
.ccl-btn {display: inline-block; margin-right: 7px; vertical-align: middle; background-color: #efefef; padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 15px;}
.ccl-icon-wr {display: inline-block; vertical-align: middle;}
.ccl-icon {display: inline-block; margin-right: 3px; width: 20px; height: 20px; background-position: center; background-size: contain; vertical-align: middle;}
.ccl-text {margin-left: 2px; vertical-align: middle; font-weight: 400;}
.ccl_Attribution {background-image: url('../img/ccl_Attribution.gif');}
.ccl_Noncommercial {background-image: url('../img/ccl_Noncommercial.gif');}
.ccl_NoDerivativeWorks {background-image: url('../img/ccl_NoDerivativeWorks.gif');}
.ccl-pop {margin-top: 10px; padding: 20px 25px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; display: none;}
.ccl-pop-title {font-size: 18px; font-weight: 500;}
.ccl-pop-ul {padding: 10px 0 0;}
.ccl-pop-li &gt; * {display: inline-block; vertical-align: middle;}
.ccl-wr .check-wr {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; padding: 0;}
.ccl-wr .check-item {display: inline-block; vertical-align: middle; padding: 3px 7px;}
.ccl-pop .linkBtn {display: inline-block; vertical-align: middle; height: 40px; margin-top: 15px; padding: 0 45px 0 20px; line-height: 40px; font-weight: 500; font-size: 14px; color: #fff; border-radius: 5px; background: url('../img/btn-baro-w.png') no-repeat center right 15px #333; transition: .3s; border: none;}

/* 寃뚯떆�� &gt; �댁쟾湲�&amp;�ㅼ쓬湲� */
.view-move-ul {margin-top: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 10px;}
.view-move-ul li {font-size: 0;}
.view-move-ul li:not(:last-child) {border-bottom: 1px solid #ddd;}
.view-move-ul li &gt; * {display: inline-block; vertical-align: middle;}
.view-move-l {position: relative; width: 165px; height: 50px; line-height: 50px; font-size: 17px; font-weight: 500; text-align: center;}
.view-move-l::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: #ccc;}
.view-move-l img {margin: 0 0px 2px 20px; width: 10px; vertical-align: middle;}
.view-move-l.prev img {rotate: 180deg;}
.view-move-l.next img {}
.view-move-r {padding: 0 20px; width: calc(100% - 165px); height: 50px; line-height: 50px; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view-move-r a:hover {font-weight: 400;}

/* 寃뚯떆�� &gt; �먮룞�깅줉諛⑹� */
.captcha-wr {margin: 20px 0;}
.captcha-write &gt; * {display: inline-block; font-size: 0; vertical-align: middle;}
.captcha-title {font-size: 18px; font-weight: 400; color: #333;}
.captcha-write {padding: 5px 0;}
.captcha-thumb &gt; img {height: 42px;}
.captcha-text {font-size: 16px; font-weight: 400; color: #666;}
.captcha_btns {margin-top: 10px;}
.captcha_btns .board-list-btn {height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px;}

/* 寃뚯떆�� &gt; �볤� */
.board-view-comment {margin-top: 40px;}
.view-comment-box {margin-bottom: 10px; padding: 20px 25px; background-color: #f5f5f5; border-radius: 10px;}
.view-comment-head {font-size: 0;}
.view-comment-head h5 {display: inline-block; font-weight: 700; vertical-align: middle;}
.view-comment-login {display: inline-block; margin-left: 10px; vertical-align: middle;}
.view-login-btn {margin: 0 2.5px; font-size: 14px;}
.view-login-btn img {vertical-align: middle;}

.view-comment-body {padding: 10px 0; font-size: 0;}
.comment-textarea {display: inline-block; padding: 15px; resize: none; width: calc(100% - 120px); height: 80px; font-size: 16px; vertical-align: middle; border: 1px solid #ddd; border-radius: 5px 0 0 5px;}
.comment-submit {display: inline-block; width: 120px; height: 80px; line-height: 80px; background-color: #333; color: #fff; font-weight: 500; text-align: center; font-size: 16px; vertical-align: middle; border-radius: 0 5px 5px 0;}

.view-comment-list_wr {}
.view-comment-title {padding: 15px 0 10px; border-bottom: 1px solid #333; font-weight: 400;}
.view-comment-list {}
.view-comment-list &gt; ul {padding: 20px 0; border-bottom: 1px solid #ddd;}
.view-comment-list .reply {position: relative; padding-left: 30px;}
.view-comment-list .reply::after {content: '��'; position: absolute; top: -3px; left: 5px; font-size: 20px;}
.txt_block {font-size: 0; margin: 0 -10px;}
.txt_block &gt; * {display: inline-block; position: relative; padding: 0 10px; font-size: 16px; vertical-align: middle;}
.txt_block &gt; *:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 1px; height: 10px; background-color: #ddd; }
.comment-name {font-weight: 500;}
.comment-thumb {display: none; margin-right: 3px; vertical-align: middle;}
.comment-thumb img {margin-bottom: 2px; vertical-align: middle;}
.snsCommentReplyArea {display: none; margin-top: 15px;}
.comment-date {font-size: 14px; color: #666;}
.comment-date::after {display: none;}
.comment_txt {padding: 10px 0 15px;}
.feeling_select_box {float: right;}
.feeling_select_box::after {display: none;}
.feeling_select_box a {display: inline-block; padding: 1px 7px; border: 1px solid #aaa; border-radius: 3px; font-size: 14px; color: #666;}
.feeling_select_box a strong, .view-comment-title strong {color: #d41421; font-weight: 500;}
.comment-del-wr {float: right; padding: 0;}
.comment-del {padding: 4px 7px; font-size: 13px; border: 0; border-radius: 3px; background: #999; color: #fff;}
.comment-btn {padding: 4px 7px; border: 1px solid #aaa; border-radius: 3px; background-color: #fff; color: #666; font-size: 14px; font-weight: 400;}

/* �쒕툕 &gt; �щ씪�대뱶 */
.slide-wr {}
.slide-wr .b-swiper {overflow: hidden; position: relative;}
.slide-wr .b-item {cursor: pointer;}
.slide-wr .b-item .img-box {position: relative; height: 0; border-radius: 15px; height: 0; overflow: hidden; padding-bottom: 52.133%;}
.slide-wr .b-item .img-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}

.slide-wr .t-swiper {overflow: hidden; padding-top: 50px;}
.slide-wr .t-item {cursor: pointer; opacity: 0.5;}
.slide-wr .t-item .img-box {position: relative; height: 0; border-radius: 15px; height: 0; overflow: hidden; padding-bottom: 55.95%;}
.slide-wr .t-item .img-box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}

.slide-wr .swiper-slide-thumb-active.t-item {opacity: 1;}
.slide-wr .b-swiper .swiper-button-prev {width: 26px; height: 43px; background: url('../img/sl-prev.png') no-repeat center; left: 20px; z-index: 1;}
.slide-wr .b-swiper .swiper-button-prev:hover {background: url('../img/sl-prev-w.png') no-repeat center;}
.slide-wr .b-swiper .swiper-button-next {width: 26px; height: 43px; background: url('../img/sl-next.png') no-repeat center; right: 20px; z-index: 1;}
.slide-wr .b-swiper .swiper-button-next:hover {background: url('../img/sl-next-w.png') no-repeat center;}
.slide-wr .b-swiper .swiper-button-prev:after {display: none;}
.slide-wr .b-swiper .swiper-button-next:after {display: none;}

/* SNS 怨듭쑀�섍린 �앹뾽 */
/* &gt; SNS �꾩씠肄� */
.rnb-sns-icon {display: inline-block !important; margin: 0 1px; width: 45px; height: 45px; border-radius: 50%; transition: .2s;}
.rnb-sns-icon:hover {box-shadow: 0 0 5px 1px rgba(0, 0, 0 , .2);}
.sns-icon.naverblog {background: #00d47a url("../img/icon-sns_naverblog.png") no-repeat center / 30%;}
.sns-icon.instagram {background: radial-gradient(circle at 30% 107%, #fac85e 0%, #fac85e 5%, #fd5949 45%,#d6249f 60%,#7e4fda 90%), url("../img/icon-sns_instagram.png") no-repeat center / 45%; background-blend-mode: overlay;}
.sns-icon.youtube {background: #ff5331 url("../img/icon-sns_youtube.png") no-repeat center / 45%;}
.sns-icon.facebook {background: #1877f2 url("../img/icon-sns_facebook.png") no-repeat center / 20%;}
.sns-icon.kakaostory {background: #6a5cff url("../img/icon-sns_kakaostory.png") no-repeat center / 20%;}
.sns-icon.x {background: #666666 url("../img/icon-sns_x.png") no-repeat center / 35%;}
.sub-contents {position: relative;}
/* &gt; �앹뾽 */
.share-pop {display: none; position: absolute; top: 60px; right: 0; width: 260px; height: auto; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .05); z-index: 5; overflow: hidden;  text-align: left;}
.share-pop-top {padding: 10px 15px; background-color: #f5f5f5;}
.share-pop-title {width: calc(100% - 25px); font-weight: 600; color: #0f0f0f;}
.share-box {padding: 15px; background-color: #fff;}
.share-ul {margin: 0 -2.5px 5px;}
.share-li {padding: 0 2.5px;}
.share-input-wr .txt-input {padding: 0 5px; width: calc(100% - 75px); height: 35px; margin-right: 5px; font-size: 14px;}
.share-btn {font-size: 14px; width: 70px; height: 35px; background-color: #333; border: 0; border-radius: 5px; color: #fff;}
.share-close {position: relative; width: 25px; height: 25px; background-color: transparent; border: 0;}
.share-close::after, .share-close::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); background-color: #666;}
.share-close::after {width: 15px; height: 2px;}
.share-close::before {width: 2px; height: 15px;}

/* 諛섏쓳�� */
@media screen and (max-width:1600px) {
  /* 怨듯넻 &gt; �쒕툕 �덉씠�꾩썐 */
  .sub-contents {padding-left: 50px;}

  .sub-page-list {margin: 0 -20px;}
  .sub-page-item {padding: 0 20px;}
}

@media screen and (max-width:1440px) {
  /* 怨듯넻 &gt; �� */
  .board-list.txt-type02 table th {height: 50px;}
  .board-list.txt-type02 table td {height: 50px;}

  /* 怨듯넻 &gt; �� */
  .sub-tab-ul li .tab {font-size: 18px;}
  .sub-tab-ul.sub-tab-ul-6 li {width: 33.3333%;}
  .sub-tab-ul.sub-tab-ul-7 li {width: 25%;}
  .sub-tab-ul.sub-tab-ul-8 li {width: 25%;}
  .sub-tab-ul.sub-tab-ul-9 li {width: 33.3333%;}
  .sub-tab-ul.sub-tab-ul-10 li {width: 25%;}

  /* 怨듯넻 &gt; �ㅻ뜑 */
  .hd-top {border-bottom: none;}
  .hd-top .tnb-ul {display: none;}
  .hd-top .srch-barm {display: none; position: fixed; left: 0; top: 0; width: 100%;}
  .hd-top .srch-barm form {position: relative; padding: 80px 1.5rem 1.5rem; background: #fff; z-index: 5;}
  .hd-top .srch-barm input[type=text] {width: 100%; height: 45px; padding-left: 20px; padding-right: 100px; background: #efefef; border-radius: 25px;}
  .hd-top .srch-barm button {top: inherit; right: 1.5rem; bottom: 1.5rem; width: auto; height: 45px; margin: 0; padding: 0 25px; font-size: 18px; font-weight: 600; color: #fff; background: #403e3e; border-radius: 25px;}
  .hd-top .srch-barm button img {display: none;}

  .hd {text-align: center;}
  .hd .logo {height: 80px;}
  .hd .logo a {left: 50%; transform: translate(-50%,-50%);}
  .hd .logo a img {max-height: 38px;}
  .gnb {display: none; height: 80px;}
  .gnb-ul {display: none;}
  .mb-gnb-btn {width: 30px; height: 30px; margin-top: -15px;}
  .mb-srch-btn {width: 24px; height: 24px; margin-top: -12px;}

  .hd_type2 .gnb-wr {border-top: none;}
  .hd_type2 .gnb-wr::after {display: none;}

  .mb-wr {display: block;}

  /* 怨듯넻 &gt; �명꽣 */
  .footer {padding: 30px 0 40px;}
  .ft-rnb li a {font-size: 17px;}
  .family-site select {min-width: 205px; padding-left: 15px; padding-right: 40px;}

  #main, .sub {padding-top: 80px;}

  /* �쒕툕 &gt; �덉씠�꾩썐 */
  .sub-visual .wrapper {width: 100%;}

  .sub-lnb {display: none !important;}
  .sub-contents {width: 100%; padding-left: 0; padding-top: 0;}
  
  .sub-location-wr {border-bottom: none;}
  .sub-location-ul {display: none;}
  .sub-location {padding-top: 10px; text-align: right;}
  .sub-location .prt-btn {position: static; transform: none;}

  .text-wr {padding-left: 35px;}

  /* 寃뚯떆�� &gt; �곸꽭 + �묒꽦 */
  .board-view-li.item02 {width: 100%;}
  .board-view-li.item03 {width: 100%;}
  .board-view-inner {display: block;}
  .board-view-inner &gt; .k {display: inline-block; vertical-align: middle; width: 130px; padding: 18px 20px 10px 20px;}
  .board-view-inner &gt; .v {display: inline-block; vertical-align: middle; width: calc(100% - 130px);}

  /* SNS 怨듭쑀�섍린 �앹뾽 */
  .share-pop {top: 50px;}

} /* End */

@media screen and (max-width:1023px) {
  /* 怨듯넻 */
  .dep1 {}
  .dep2 {/* padding-left: 14px; */}
  .dep3 {/* padding-left: 24px; */}
  .dep4 {/* padding-left: 34px; */}

  .fs30 {font-size: 28px;}
  .fs36 {font-size: 34px;}
  .fs40 {font-size: 38px;}
  
  /* 怨듯넻 &gt; �� */
  .sub-tab {margin-bottom: 40px;}

  .sub-tab-ul li {width: 33.3333%; font-size: 0;}
  .sub-tab-ul li .tab {padding: 12px; font-size: 17px;}

  .sub-tab-ul.tabFunc li .tab {font-size: 16px;}

  .sub-tab2-ul li .tab {padding: 0 20px;}
  
  /* 怨듯넻 &gt; �� */
  .board-list.txt-type02.scroll-1023::before {display: block;}
  .board-list.txt-type02.scroll-1023 table {min-width: 1200px;}

  /* 怨듯넻 &gt; �곸뿭遺꾪븷 */
  .split-wrap {margin: 0 -15px;}
  .split-box {padding: 15px;}
  .split-wrap.i-col-3 .split-box {width: 50%;}
  .split-wrap.i-col-3 .split-box:nth-child(3n+1) {border-left: 1px solid #ccc;}
  .split-wrap.i-col-3 .split-box:nth-child(2n+1) {border-left: none;}
  .split-wrap.i-col-3 .split-box:nth-child(n+3) {margin-top: 20px;}
  .split-wrap.i-col-4 .split-box {width: 50%;}
  .split-wrap.i-col-4 .split-box:nth-child(4n+1) {border-left: 1px solid #ccc;}
  .split-wrap.i-col-4 .split-box:nth-child(2n+1) {border-left: none;}
  .split-wrap.i-col-4 .split-box:nth-child(n+3) {margin-top: 20px;}

  /* 怨듯넻 &gt; 留먰뭾�� */
  .step-wrap {padding: 10px;}
  .step-list {margin: -10px;}
  .step-item {width: 50% !important; padding: 10px;}
  .step-item::before {display: none;}
  .step-item::after {display: none;}
  .step-item:first-child .step-box::after {display: none;}
  .step-item:last-child .step-box::after {display: none;}
  .step-head {position: relative; left: inherit; top: inherit;}
  .step-body {height: auto;}
  .step-content {padding: 15px;}

  .bubble-head {min-height: 65px;}
  .bubble-title {font-size: 20px;}
  .bubble-head.step {height: auto; padding: 17px 20px 15px; margin-bottom: 10px;}
  .step-box .bubble-head.step {width: 100%;}
  .bubble-head.step .bubble-title {padding-top: 0;}
  .bubble-head.step .bubble-title span {display: inline-block; vertical-align: middle;}
  .bubble-head.step .bubble-title b {display: inline-block; vertical-align: middle; font-size: 20px;}
  .bubble-head.text {padding: 17px 20px 15px;}
  .bubble-head.border .bubble-title::after {width: 12px;}
  
  /* 怨듯넻 &gt; �ㅼ슫濡쒕뱶,誘몃━蹂닿린 踰꾪듉 */
  .btn-wr.type01 .btn-text, .btn-box-inner .btn-text {display: block; margin: 0 0 5px; text-align: center;}
  
  /* 怨듯넻 &gt; 議곗쭅�� */
  .organ-wrap {padding: 10px;}
  .organ-wrap .organ-title {display: block; margin: 0 auto 10px;}
  .organ-wrap .organ {display: block; width: 100%;}
  .organ-wrap .organ::before {display: none;}
  .organ-wrap .organ &gt; li {margin: 0;}
  .organ-wrap .organ &gt; li::before {display: none;}
  .organ-wrap .organ &gt; li::after {display: none;}
  .organ-wrap .organ &gt; li .box a .comm {line-height: 55px;}
  .organ-wrap .organ &gt; li .box .list_box .organ-ul::before {top: 25px;}
  .organ-wrap .organ &gt; li .box .list_box .organ-ul li {line-height: 55px;}
  
  /* 怨듯넻 &gt; �명꽣 */ 
  .footer {padding: 20px 0 30px;}
  .ft-wr &gt; * {display: block; width: 100%;}
  .ft-left .ft-info {padding-top: 13px;}
  .ft-right {margin-top: 20px; text-align: left;}
  .ft-rnb li a {font-size: 16px;}
  .family-site select {font-size: 16px;}

  /* 怨듯넻 &gt; TOP踰꾪듉 */
  .btn-top {width: 50px; height: 50px; padding: 0;} 
  .btn-top p {display: none;}
  .btn-top img {width: 35%;}
  
  /* �쒕툕 &gt; �덉씠�꾩썐 */
  .sub-visual {height: 240px;}
  .sub-visual-title {font-size: 34px;}
  .sub-visual-descript {font-size: 17px;}

  .sub-page-list {margin: 0 -12px;}
  .sub-page-item {padding: 0 12px;}
  .sub-page-link {padding: 15px 0; font-size: 18px;}

  .sub-title {padding-bottom: 15px; font-size: 30px;}
  .sub-page-info {float: none; text-align: left;}
  .sub-breadcrumb {padding-top: 0; padding-bottom: 15px;}
  .sub-breadcrumb .menu {font-size: 16px;}
  .sub-breadcrumb .menu.home {width: 16px; height: 17px;}

  .sub-sec-ct {margin: -20px 0;}
  .sub-sec {padding: 20px 0;}

  .b-title {padding-left: 33px; padding-bottom: 5px;}
  .b-title::before {width: 26px; height: 26px; top: 6px;}
  .m-title {padding-left: 22px; padding-bottom: 4px;}
  .m-title::before {width: 12px; left: 0;}
  
  .text-wr {padding-left: 0;}
  .txt {padding-bottom: 3px;}
  .cont-box {padding: 20px;}
  
  .sub-location-wr {margin-bottom: 40px;}
  .sub-location .prt-btn {width: 36px; height: 36px;}

  /* �쒕툕 &gt; �대떦遺��� 諛� �됯� */
  .pg-satisfaction .top-inner {padding: 0 5px 15px;}
  .pg-satisfaction .responsibility {float: none;}
  .pg-satisfaction .responsibility &gt; ul &gt; li.dot .symbol {margin: 6px 8px 0 0;}
  .pg-satisfaction .responsibility &gt; ul &gt; li.tel .symbol {width: 20px; height: 20px; margin: -2px 8px 0 0;}
  .pg-last_time .symbol {width: 16px; height: 16px; margin: 0 5px 0 0;}
  .pg-last_time {float: none; margin-top: 10px;}
  .pg-satisfaction .mid-inner {padding: 20px;}
  .pg-satisfaction .research {padding: 0 0 15px;}
  .pg-satisfaction .point {display: block; width: 100%; padding-right: 0; border-right: none;}
  .pg-satisfaction .point-txt {font-size: 16px;}
  .pg-satisfaction .caution {display: block; width: 100%; margin-top: 10px; padding-left: 0;}
  .pg-satisfaction .caution-txt {font-size: 14px;}
  .pg-satisfaction .survey_txt .survey_submit {font-size: 15px;}
  .pg-satisfaction .survey_txt .survey_submit img {width: 20px;}

  /* �쒕툕 &gt; �щ씪�대뱶 */
  .slide-wr .b-item .img-box {border-radius: 8px;}
  .slide-wr .t-item .img-box {border-radius: 8px;}
  .slide-wr .t-swiper {padding-top: 10px;}

  /* 寃뚯떆�� &gt; 踰꾪듉 */
  .board-list-btn {height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px;}

  .board-sort-btn {height: 32px; line-height: 32px;}

  /* 寃뚯떆�� &gt; 寃��� */
  .search-box.table-style .search-tit {width: 130px; padding: 10px; background: #f3f3f3;}
  .search-box.table-style .search-cnt {width: calc(100% - 130px); padding: 5px 10px;}
  
  /* 寃뚯떆�� &gt; �띿뒪�명삎 紐⑸줉 */
  .txt-board table thead {display: none;}
  .txt-board table,
  .txt-board table tbody,
  .txt-board table tbody tr,
  .txt-board table tbody td {display: block; width: 100%; text-align: left;}
  .txt-board table tbody tr ~ tr {border-top: 1px solid #ddd;}
  .txt-board table tbody td {height: auto; min-height: 40px; padding: 0;}
  .txt-board table tbody td.td-subj {width: 100%; padding: 0;}
  .txt-board table tbody td ~ td {border-top: 1px dashed #ddd;}
  .txt-board table tbody td.td-subj .tit::before {display: none;}
  .txt-board table tbody td.td-subj .tit::after {display: none;}
  .mo-th, .mo-td-content {display: inline-block; vertical-align: middle; padding: 0 10px;}
  .mo-th {width: 150px; padding: 15px; font-weight: 500; color: #0f0f0f; background: #f3f3f3; text-align: center;}
  .mo-td-content {width: calc(100% - 155px); padding: 15px;}

  .nodata .mo-th {display: none !important;}
  .nodata .mo-td-content {width: 100%;}

  /* 寃뚯떆�� &gt; 媛ㅻ윭由ы삎 紐⑸줉 */
  .gall-ul {margin: -10px;}
  .gall-li {padding: 10px;}
  
  /* 寃뚯떆�� &gt; �곸꽭 + �묒꽦 */
  .board-view-li.item03 {width: 100%;}

  /* �쒕툕 &gt; �ъ씠�몃㏊ */
  .sitemap-ul&gt;li {width: 50%;}
  .sitemap-ul&gt;li&gt;.inner-box {padding: 10px !important;}
  .sitemap-depth3-ul {padding: 10px 15px !important;}

  /* SNS 怨듭쑀�섍린 �앹뾽 */
  .sub-print {text-align: right; margin-bottom: 10px;}
  .share-pop {right: auto; left: 0;}

} /* End */

@media screen and (max-width:767px) {
  .container {padding-left: 1rem; padding-right: 1rem;}
  html, body {font-size: 14px;}

  /* 怨듯넻 */
  .txt {padding-bottom: 3px; font-size: 14px;}
  .fs18 {font-size: 16px;}
  .fs22 {font-size: 20px;}
  .fs26 {font-size: 22px;}
  .fs30 {font-size: 24px;}
  .fs36 {font-size: 30px;}
  .fs40 {font-size: 34px;}

  .mr_t {margin-top: 15px;}
  .mr_b {margin-bottom: 15px;}
  .mr_l {margin-left: 15px;}
  .mr_r {margin-right: 15px;}

  .symbol {padding-left: 10px;}
  
  /* 怨듯넻 &gt; 踰꾪듉 */
  .btn {font-size: 14px; height: auto; min-height: 40px; line-height: 1.3; padding: 10px 15px;}
  .btn.sizeS {height: auto; min-height: 35px; line-height: 1.3; padding: 7px 10px;}

  .btn.download {padding: 10px 40px 10px 12px; background-size: 15px auto; background-position: center right 12px;}
  .btn.miri {padding: 10px 40px 10px 12px; background-size: 17px auto; background-position: center right 11px;}
  .btn.link {padding: 10px 40px 10px 12px; background-size: 15px auto; background-position: center right 11px;}
  .btn.book {padding: 10px 40px 10px 12px; background-size: 12px auto; background-position: center right 11px;}
  .btn.sound {padding: 10px 40px 10px 12px; background-size: 10px auto; background-position: center right 13px;}
  .btn.baro {padding: 10px 40px 10px 12px; background-size: 17px auto; background-position: center right 11px;}
  .btn.plus {padding: 10px 40px 10px 12px; background-size: 15px auto; background-position: center right 11px;}
  
  .btn ~ .btn {margin: 1px;}
  
  /* 怨듯넻 &gt; �쇰뵒�� */
  .radio-wrap {margin: 0 -7px;}
  .radio-wrap_item {padding: 3px 7px;}
  .radio-inp + label,
  .radio-wrap_item input[type=radio] + label  {padding-left: 28px; font-size: 14px;}
  .radio-inp + label::before,
  .radio-wrap_item input[type=radio] + label::before {width: 20px; height: 20px;}
  .radio-inp + label::after,
  .radio-wrap_item input[type=radio] + label::after {top: 8px; left: 7px;}

  /* 怨듯넻 &gt; 泥댄겕諛뺤뒪 */
  .check-wr, .check-wrap {margin: 0 -7px;}
  .check-item, .check-wrap_item {padding: 3px 7px;}
  .check-inp + label,
  .check-wrap_item input[type=checkbox] + label {padding-left: 28px; font-size: 14px;}
  .check-inp + label::before,
  .check-wrap_item input[type=checkbox] + label::before {width: 20px; height: 20px;}
  .check-inp:checked + label::after,
  .check-wrap_item input[type=checkbox]:checked + label::after {top: 6px; left: 4px;}

  /* 怨듯넻 &gt; input */
  .txt-input {height: 35px; padding: 0 12px; font-size: 14px;}
  .select-box {height: 35px; font-size: 14px; padding-left: 12px; padding-right: 30px; background-size: 12px auto; background-position: center right 12px;}
  
  /* 怨듯넻 &gt; �좎쭨 */
  .date-picker-wr &gt; * {max-width: calc(50% - 10px);}

  /* 怨듯넻 &gt; �� */
  .board-list.txt-type02::before {display: block;}
  .board-list.txt-type02 table {min-width: 700px;}
  .board-list.txt-type02 table th {height: 45px; font-size: 15px;}
  .board-list.txt-type02 table td {height: 45px; padding: 5px; font-size: 15px;}
  .board-list.txt-type02 table .txt01 {font-size: 15px;}

  .board-caption-text {font-size: 14px;}
  .board-bot {padding-top: 15px;}
  
  /* 怨듯넻 &gt; �� */
  .sub-tab {margin-bottom: 30px;}

  .sub-tab-box {position: relative;}
  .sub-tab-button {position: relative; display: block; width: 100%; margin-bottom: 13px; padding: 15px; border: 1px solid #ccc; border-radius: 5px; background: #f1f1f1; font-size: 16px; font-weight: 500; color: #333; text-align: left;}
  .sub-tab-button::after {position: absolute; right: 15px; top: 50%; width: 13px; height: 7px; margin-top: -4px; background: url('../../src/img/icon-arrow-down01.png') no-repeat center center/contain; content:""; transition: 0.3s;}
  .sub-tab-button.open::after {transform: rotate(-180deg);}
  .sub-tab-ul.match_h {display: none; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; padding: 10px 0; background: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); z-index: 2;}
  .sub-tab-ul.match_h li {display: block; width: 100%; box-shadow: none; border: none;}
  .sub-tab-ul.match_h li .tab {min-width: auto; padding: 5px 15px; font-size: 16px; text-align: left;}
  .sub-tab-ul.match_h li.active {background-color: #fff; box-shadow: none;}
  .sub-tab-ul.match_h li.active .tab {color: #d41421;}

  .sub-tab2-box {position: relative;}
  .sub-tab2-button {display: block; width: 100%; padding: 13px 15px; border: 1px solid #ccc; border-bottom: 2px solid #333; border-radius: 0; background: #fff; font-size: 15px; font-weight: 500; color: #666; text-align: left;}
  .sub-tab2-button::after {position: absolute; right: 15px; top: 50%; width: 13px; height: 7px; margin-top: -4px; background: url('../../src/img/icon-arrow-down01.png') no-repeat center center/contain; content:""; transition: 0.3s; opacity: 0.5;}
  .sub-tab2-button.open::after {transform: rotate(-180deg);}
  .sub-tab2-ul {display: none; position: absolute; left: 0; top: 100%; width: 100%; margin: 0; z-index: 1; border: 1px solid #ccc; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
  .sub-tab2-ul li {display: block; width: 100%; padding: 0;}
  .sub-tab2-ul li ~ li {border-top: 1px solid #ccc;}
  .sub-tab2-ul li .tab {width: 100%; height: auto; line-height: 1.3; padding: 10px 15px; border: none; border-radius: 0; font-size: 14px; text-align: left;}
  .sub-tab2-ul li.active .tab {border: none; background: #fff; color: #d41421;}
  /* .sub-tab2-ul li .tab {height: 43px; padding: 0 15px; line-height: 43px; font-size: 14px;} */

  .sub-wrap.sub-wrap_lnb .sub-tab-box {display: none;}  
  .sub-wrap.sub-wrap_full .sub-tab-ul.match_h {display: none;}

  .sub-tab-ul.tabFunc li .tab {padding: 12px 20px; font-size: 15px;}
  
  /* 怨듯넻 &gt; �곸뿭遺꾪븷 */
  .split-wrap {margin: 0;}
  .split-box {width: 100% !important; padding: 0; margin-top: 15px !important; border-left: none !important;}
  .split-box:first-child {margin-top: 0 !important;}
  
  /* 怨듯넻 &gt; 議곗쭅�� */
  .organ-wrap {padding: 0;}
  .organ-wrap .organ-title a .chairman p {font-size: 20px;}
  .organ-wrap .organ &gt; li {padding: 10px 0;}
  .organ-wrap .organ &gt; li .box a {display: block; width: 100%;}
  .organ-wrap .organ &gt; li .box a .comm {border-radius: 5px; font-size: 16px; line-height: 48px;}
  .organ-wrap .organ &gt; li .box .list_box {width: 100%;}
  .organ-wrap .organ &gt; li .box .list_box .organ-ul {padding-left: 0; margin-top: 10px;}
  .organ-wrap .organ &gt; li .box .list_box .organ-ul::before {display: none;}
  .organ-wrap .organ &gt; li .box .list_box .organ-ul li {width: 100%; margin-right: 0; margin-bottom: 5px; line-height: 45px; font-size: 15px;}
  .organ-wrap .organ &gt; li .box .list_box .organ-ul li::last-child {margin-bottom: 0;}
  
  /* 怨듯넻 &gt; 留먰뭾�� */
  .step-wrap {padding: 0;}
  .step-item {width: 100% !important;}
  .step-body {display: block;}
  .step-content {display: block; width: 100%; height: auto; padding: 10px; font-size: 15px;}

  .bubble-head {min-height: auto;}
  .bubble-head.text {min-width: auto;}
  .bubble-title {font-size: 18px;}
  .bubble-head.step {width: auto; padding: 10px 10px 12px;}
  .bubble-head.step .bubble-title b {font-size: 18px;}
  .bubble-head.text {padding: 15px 15px 12px;}
  
  /* 怨듯넻 &gt; �ㅼ슫濡쒕뱶,誘몃━蹂닿린 踰꾪듉 */
  .btn-bd-box, .btn-box-inner {padding: 7px 10px;}
  .btn-wr.type01 .btn-text, .btn-box-inner .btn-text {margin-right: 7px; font-size: 14px;}
  .btn-wr.type01 .btn, .btn-box-inner .btn {min-height: auto; font-size: 13px;}
  
  /* 怨듯넻 &gt; �띿뒪�� 諛뺤뒪 */
  .sub-text_box {padding: 15px;}
  .sub-text_box .title01 {font-size: 18px; padding-bottom: 5px;}
  .sub-text_box .text01 {font-size: 15px;}
  .sub-text_box .text02 {font-size: 16px;}
  .sub-text_box .text03 {padding-left: 10px; font-size: 14px;}
  .sub-text_box .text03::before {left: 0;}

  .exclamMark {padding: 0 0 0 20px; line-height: 1.5;}
  .exclamMark:before {top: 6px;}

  /* 怨듯넻 &gt; �꾪솕踰덊샇 */
  .tel-wrap {margin: 0 -7px;}
  .tel-wrap_item {padding: 0 7px; font-size: 14px;}
  
  /* 怨듯넻 &gt; �대찓�� */
  .email-wrap_item {font-size: 14px;}
  
  /* 怨듯넻 &gt; �좎쭨 */
  .board-view-li .date-picker-wr {max-width: 50%;}
  .board-view-li .date-picker-wr .txt-input {min-width: 100%;}
  
  /* 怨듯넻 &gt; 泥⑤��뚯씪 */
  .file-wrap_item input[type='file'] {max-width: 100%;}

  /* 怨듯넻 &gt; �ㅻ뜑 */ 
  .hd-top .tnb-ul li {padding: 0 10px;}
  .hd-top .tnb-ul li a {font-size: 14px;}
  .hd-top .srch-barm form {padding: 70px 1rem 1rem;}
  .hd-top .srch-barm input[type=text] {height: 40px; padding-right: 80px; font-size: 15px;}
  .hd-top .srch-barm button {bottom: 1rem; right: 1rem; height: 40px; padding: 0 20px; font-size: 15px;}
  .hd .logo {width: calc(100% - 70px); height: 70px;}
  .hd .logo a img {max-height: 36px;}
  .gnb {display: none;}

  .mb-srch-btn {right: 1rem; width: 22px; height: 22px; margin-top: -11px;}
  .mb-gnb-btn {left: 1rem; width: 26px; height: 26px; margin-top: -13px;}  
  .mb-gnb-inner {width: 500px; max-width: 90%;}
  .mb-gnb-gray {padding: 15px 20px;}
  .mb-gnb-logo img {height: 30px;}
  .mb-gnb-link {padding: 15px;}
  .mb-gnb-link a {padding: 7px 10px; width: 150px; max-width: calc(50% - 4px);}
  .mb-gnb-link a ~ a {margin-left: 8px;}
  .mb-gnb-link a i {width: 18px; height: 17px; margin-right: 5px;}
  .mb-gnb-link a p {font-size: 16px;}
  .mb-gnb-ul &gt; li &gt; a {padding: 15px 50px 15px 15px; font-size: 18px;}
  .mb-gnb-ul &gt; li &gt; a::after {width: 15px; height: 15px; right: 25px;}
  .mb-gnb-ul2 {padding: 10px 15px;}
  .mb-gnb-ul2 &gt; li &gt; a {padding: 4px 10px; font-size: 16px;}
  .mb-gnb-ul2 &gt; li &gt; a::before {top: 15px;}
  .mb-gnb-ul3 {margin: 3px 10px 10px;}
  .mb-gnb-ul3 &gt; li &gt; a {padding: 3px 0; font-size: 15px;}
  .mb-gnb-close {right: 22px; top: 18px; width: 20px; height: 20px;}

  /* 怨듯넻 &gt; �명꽣 */ 
  .ft-right {margin-top: 15px;}
  .ft-rnb {margin: 0 -6px;}
  .ft-rnb li {padding: 0 6px;}
  .ft-rnb li a {font-size: 14px;}
  .family-site select {min-width: auto; max-width: 100%; height: 38px; font-size: 14px;}
  
  /* 怨듯넻 &gt; TOP踰꾪듉 */
  .btn-top {width: 40px; height: 40px;} 
  
  #main, .sub {padding-top: 70px;}
  
  /* �쒕툕 &gt; �덉씠�꾩썐 */
  .sub-wrap {padding-bottom: 60px;}

  .sub-layout {margin-top: 45px;}

  .sub-breadcrumb-item ~ .sub-breadcrumb-item {margin-left: 20px;}
  .sub-breadcrumb-item ~ .sub-breadcrumb-item::before {top: 3px; left: -14px; font-size: 16px;}
  .sub-breadcrumb .menu {font-size: 14px;}
  .sub-breadcrumb .menu.home {width: 13px; height: 14px;}

  .sub-visual {height: 220px;}
  .sub-visual-title {font-size: 30px;}

  .sub-page-list {padding: 8px 0; margin: 0 -10px;}
  .sub-page-item {padding: 0 10px;}
  .sub-page-link {padding: 6px 0; font-size: 16px;}

  .sub-head {margin-bottom: 30px;}

  .sub-title {font-size: 23px;}

  .sub-sec-ct {padding-bottom: 60px;}
  .sub-sec {padding: 15px 0;}

  .b-title {padding-left: 30px; padding-bottom: 4px; font-size: 20px;}
  .b-title::before {width: 23px; height: 23px; top: 4px;}
  .m-title {font-size: 18px;}
  .m-title::before {left: 0; top: 12px;}
  .s-title {padding-bottom: 3px; font-size: 17px;}
  
  .cont-box {border-radius: 6px; padding: 15px;}
  .cont-box textarea {font-size: 14px;}
  
  /* �쒕툕 &gt; �앹뾽 */
  .pop-head {padding: 13px 50px 13px 15px;}
  .pop-title {font-size: 20px;}
  .pop-close {width: 18px; height: 18px; right: 15px;}
  .pop-body {padding: 15px;}

  /* �쒕툕 &gt; �대떦遺��� 諛� �됯� */
  .pg-satisfaction {padding: 15px 10px; border-radius: 10px;}
  .pg-satisfaction .responsibility &gt; ul {margin: 0;}
  .pg-satisfaction .responsibility &gt; ul &gt; li {display: block; width: 100%; padding: 0;}
  .pg-satisfaction .responsibility &gt; ul &gt; li ~ li {margin-top: 8px;}
  .pg-satisfaction .responsibility &gt; ul &gt; li.dot .symbol {width: 4px; height: 4px;}
  .pg-satisfaction .responsibility &gt; ul &gt; li.tel .symbol {width: 16px; height: 16px; margin-top: 0; margin-right: 5px;}
  .pg-satisfaction .responsibility &gt; ul &gt; li .bTxt {font-size: 14px;}
  .pg-satisfaction .responsibility &gt; ul &gt; li .sTxt {font-size: 14px;}
  .pg-last_time .symbol {width: 16px; height: 16px; margin-top: 0; margin-right: 5px;}
  .pg-last_time .sTxt {font-size: 14px;}
  .pg-satisfaction .mid-inner {padding: 15px; border-radius: 10px;}
  .pg-satisfaction .point {padding-left: 0;}
  .pg-satisfaction .point::before {display: none;}
  .pg-satisfaction .point-radio {margin-top: 10px;}
  .pg-satisfaction .radio_wrap input[type=radio] + label {padding-left: 22px;}
  .pg-satisfaction .radio_wrap input[type=radio] + label span {margin-top: -4px; font-size: 14px;}
  .pg-satisfaction .radio_wrap input[type=radio] + label::before {width: 15px; height: 15px;}
  .pg-satisfaction .radio_wrap input[type=radio] + label::after {width: 5px; height: 5px; top: 5.5px; left: 5.5px;}
  .pg-satisfaction .survey_txt input[type=text] {width: calc(100% - 70px); height: 40px; padding: 10px 0; font-size: 14px; border-radius: 6px 0 0 6px;}
  .pg-satisfaction .survey_txt .survey_submit {width: 70px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 0 6px 6px 0;}
  .pg-satisfaction .survey_txt .survey_submit img {display: none;}
  
  /* �쒕툕 &gt; �щ씪�대뱶 */
  .slide-wr .t-swiper {display: none;}
  .slide-wr .b-swiper .swiper-button-next {background-size: 100%; width: 18px; height: 36px; right: 10px;}
  .slide-wr .b-swiper .swiper-button-prev {background-size: 100%; width: 18px; height: 36px; left: 10px;}
  
  /* 寃뚯떆�� &gt; �곹븯�� 而⑦뀗痢� */
  .board-info_left {float: none; margin-bottom: 10px;}
  .board-info_right {float: none; margin: 0 -5px;}
  .board-info_right &gt; * {padding: 0 5px;}
  
  /* 寃뚯떆�� &gt; 寃��� */
  .search-box.list-style {padding: 0; background-color: #fff; border: none; border-radius: 0;}
  .search-box.list-style .search-li {text-align: left; border-bottom: 1px solid #ddd;}
  .search-box.table-style .search-li {display: block;}
  .search-box.list-style .search-tit,
  .search-box.table-style .search-tit {display: block; width: 100%; height: auto !important; padding: 10px; text-align: left; background-color: #f1f1f1; border-right: none;}
  .search-box.list-style .search-tit &gt; p,
  .search-box.table-style .search-tit &gt; p {font-size: 15px; font-weight: 700;}
  .search-box.list-style .search-cnt,
  .search-box.table-style .search-cnt {display: block; width: 100%; height: auto !important; padding: 10px 8px;}
  /* .search-box.table-style .search-cnt &gt; * {display: block;} */
  .search-cnt_in .btn.sizeS {min-width: 35px; height: 35px; padding: 0; line-height: 35px;}
  .search-box .sub-tab li .tab {height: 35px; padding: 0 10px; font-size: 14px;}
  
  /* 寃뚯떆�� &gt; �꾩껜/�섏씠吏� �� */
  .board-info-ul {margin: 0 -5px;}
  .board-info-ul li {padding: 0 5px; font-size: 14px;}
  
  /* 寃뚯떆�� &gt; 泥섎━怨쇱젙 */
  .board-process-wr {padding: 15px;}
  .board-process-wr .bar-title_wr {margin-bottom: 10px;}
  .board-process-wr .bar-title {padding-left: 12px; font-size: 18px;}
  .board-process-wr .bar-title::before {top: 4px;}
  .board-process-wr .bar-expl {font-size: 14px;}
  .board-process-ul {margin: 0 -5px 10px;}
  .board-process-li {padding: 0 5px; font-size: 16px;}
  .board-process-tit &gt; .num {width: 20px; height: 20px; margin-right: 5px; line-height: 20px; font-size: 14px;}
  .board-process-tit {font-size: 18px;}
  .board-process-txt {line-height: 1.3;}

  /* 寃뚯떆�� &gt; �섏씠吏� */
  .paginationSet {padding-top: 20px;}
  .pagination li {padding: 1px;}
  .pagination li a, .pagination li:not(.i) &gt; span {width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
  .pagination li.i {height: 35px; line-height: 35px;}
  .pagination li.first {margin-right: 7px;}
  .pagination li.prev {margin-right: 10px;}
  .pagination li.next {margin-left: 10px;}
  .pagination li.end {margin-left: 7px;}
  
  /* 寃뚯떆�� &gt; ���묎텒 �쒖떆 */
  .ccl-wr {margin: 12px 0 0;}
  .ccl-btn {font-size: 14px;}
  .ccl-icon {width: 18px; height: 18px;}
  .ccl-pop {padding: 15px;}
  .ccl-pop-title {font-size: 16px;}
  .ccl-pop-ul {padding: 5px 0 0;}
  .ccl-pop .linkBtn {margin-top: 10px;}
  
  /* 寃뚯떆�� &gt; �띿뒪�명삎 紐⑸줉 */
  .mo-th {width: 100px; padding: 10px; font-size: 14px;}
  .mo-td-content {width: calc(100% - 105px); padding: 10px; font-size: 14px;}
  .txt-board table tbody td {font-size: 14px;}
  .txt-board table tbody td.td-subj .tit {font-size: 14px;}
  .bd-icon_square {font-size: 12px;}

  /* 寃뚯떆�� &gt; 媛ㅻ윭由ы삎 紐⑸줉 */
  .gallery-board {padding: 20px 0;}
  .gall-ul {margin: -7px;}
  .gall-li {width: 50%; padding: 7px;}
  .gall-info {padding-top: 15px;}
  .gall-title {padding: 0 15px; font-size: 16px;}
  .gall-date {margin-top: 15px; padding: 10px 15px; font-size: 14px;}

  /* 寃뚯떆�� &gt; �뱀쭊�� 紐⑸줉 */
  .article-li {padding: 20px 0;}
  .article-thumb {width: 150px; height: 100px;}
  .article-info {width: calc(100% - 150px); padding-left: 15px;}
  .article-title {font-size: 18px;}
  .article-date_wr {margin-top: 5px; font-size: 14px;}
  .article-date {padding-left: 18px;}
  .article-date::before {width: 13px; height: 13px;}
  .article-writer::before {margin: 0 8px 2px 7px;}
  .article-content {font-size: 14px;}

  /* 寃뚯떆�� &gt; FAQ 紐⑸줉 */
  .faq-question {padding: 0;}
  .faq-icon {width: 45px; padding: 15px 13px;}
  .faq-content {width: calc(100% - 45px); padding: 18px 40px 18px 10px; font-size: 14px;}
  .faq-answer {padding: 0;}
  .faq-status {right: 20px;}
  
  /* 寃뚯떆�� &gt; �곸꽭 + �묒꽦 */
  .board-view-title {padding: 13px 15px; font-size: 18px;}
  .board-view-inner &gt; * {padding: 10px 15px; font-size: 14px;}
  .board-view-inner &gt; .k {padding: 10px 15px;}
  .board-view-inner &gt; .content {padding: 15px; overflow: auto;}
  .board-view-btns {padding: 10px 0;}

  .view-file-list a {font-size: 13px;}

  .board-view.reply {padding-top: 30px;}
  .board-view.reply .board-view-title {font-size: 20px;}
  .board-view.reply .board-view-title::before {top: 13px;}
  
  /* 寃뚯떆�� &gt; �묒꽦 */
  .board-write .sub-text_box {padding: 10px;}
  .board-write .sub-text_box .text02 {font-size: 14px; line-height: 1.4;}
  .input-wrap.withbtn &gt; .txt-input {width: calc(100% - 80px);}
  .board-view-inner &gt; .v &gt; *:not(:last-child) {padding-bottom: 7px;}
  .board-view-inner .txt-area {height: 200px;}


  .board-view-btns .btn.subBtn {height: 40px; line-height: 40px; padding: 0 15px;}

  /* 寃뚯떆�� &gt; �댁쟾湲�&amp;�ㅼ쓬湲� */
  .view-move-l, .view-move-r {font-size: 14px;}
  .view-move-l {width: 115px;}
  .view-move-r {width: calc(100% - 115px);}

  /* 寃뚯떆�� &gt; �볤� */
  .view-comment-box {padding: 15px; margin-bottom: 5px;}
  .view-comment-head h5 {font-size: 16px;}
  .view-comment-body {padding: 5px 0;}
  .comment-textarea {width: calc(100% - 100px); height: 65px; padding: 10px; font-size: 14px;}
  .comment-textarea::placeholder {font-size: 14px;}
  .comment-submit {width: 100px; height: 65px; line-height: 65px; font-size: 14px;}
  .view-comment-list &gt; ul {padding: 15px 0;}
  .view-comment-list &gt; ul &gt; li {position: relative; padding-bottom: 25px;}
  .txt_block {margin: 0 -5px;}
  .txt_block &gt; * {padding: 0 5px; font-size: 14px;}
  .comment-date {font-size: 13px;}
  .comment-del-wr {float: none;}
  .comment-del {font-size: 12px;}
  .comment_txt {padding: 5px 0 0;}
  .comment-btn {font-size: 12px;}
  .feeling_select_box {float: none; position: absolute; bottom: 0; right: 0;}
  .feeling_select_box a {font-size: 13px;}
  .TWComment {margin-top: 5px;}
  .snsCommentReplyArea {margin-top: 10px;}
  .view-comment-list .reply {position: initial; padding-left: 20px;}
  .view-comment-list .reply::after {font-size: 18px;}

  /* �쒕툕 &gt; �ъ씠�몃㏊ */
  .sitemap-depth1 {margin-bottom: 10px !important; font-size: 16px !important;}
  .sitemap-depth2 {font-size: 14px !important;}
  .sitemap-depth3 {padding-left: 8px !important; font-size: 14px !important;}
  .sitemap-depth3-ul {padding: 7px 10px !important;}

} /* End */

@media screen and (max-width:450px) {
  /* 怨듯넻 &gt; �� */
  .sub-tab-button {padding: 13px 15px;}

  /* 怨듯넻 &gt; �ㅻ뜑 */ 
  .mb-gnb-inner {max-width: 95%;}
  .mb-gnb-link a i {width: 16px; height: 15px;}
  .mb-gnb-link a p {font-size: 15px;}
  
  /* 寃뚯떆�� &gt; 泥섎━怨쇱젙 */
  .board-process-ul {margin: -3px 0 5px;}
  .board-process-li {width: 100%; padding: 3px 0; text-align: left; font-size: 15px;}
  .board-process-tit {font-size: 16px;}
  .board-process-tit &gt; .num {width: 18px; height: 18px; line-height: 18px; font-size: 13px;}
  
  /* 寃뚯떆�� &gt; �띿뒪�명삎 紐⑸줉 */
  .mo-th {width: 80px;}
  .mo-td-content {width: calc(100% - 85px);}
  
  /* 寃뚯떆�� &gt; 媛ㅻ윭由ы삎 紐⑸줉 */
  .gall-li {width: 100%;}
  
  /* 寃뚯떆�� &gt; �뱀쭊�� 紐⑸줉 */
  .article-thumb {width: 100%; height: 150px;}
  .article-info {width: 100%; padding-left: 0; padding-top: 15px;}
  
  /* 寃뚯떆�� &gt; FAQ 紐⑸줉 */
  .faq-icon {width: 40px; padding: 12px 13px;}
  .faq-content {width: calc(100% - 40px); padding: 14px 40px 14px 5px;}
  .faq-status {right: 15px;}
  
  /* 寃뚯떆�� &gt; �곸꽭 + �묒꽦 */
  .board-view-inner {display: block;}
  .board-view-inner &gt; .k {display: block; width: 100%; text-align: left;}
  .board-view-inner &gt; .v {display: block; width: 100%;}

  /* 寃뚯떆�� &gt; �댁쟾湲�&amp;�ㅼ쓬湲� */
  .view-move-l {width: 80px;}
  .view-move-l img {margin: 0 0px 2px 7px;}
  .view-move-r {padding: 0 10px; width: calc(100% - 80px);}

  /* 寃뚯떆�� &gt; �볤� */
  .view-comment-box {padding: 12px 15px;}
  .comment-textarea {width: 100%; margin-bottom: 5px; border-radius: 5px;}
  .comment-submit {width: 100%; height: 35px; line-height: 35px; border-radius: 5px;}

  /* �쒕툕 &gt; �덉씠�꾩썐 */
  .sub-layout {margin-top: 25px;}

  /* �쒕툕 &gt; �ъ씠�몃㏊ */
  .sitemap-ul&gt;li {width: 100%;}

} /* End */</pre></body></html>