/* 라디오 버튼 */
.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-wrap_item input[type=radio] {position: absolute; opacity: 0; font-size: 0; width: 0; height: 0;}
.radio-wrap_item input[type=radio] + label {font-weight: 300; font-size: 16px; color: #666; position: relative; padding-left: 36px; padding-top: 4px; cursor: pointer; margin: 0; line-height: normal;}
.radio-wrap_item input[type=radio] + label::before {content: ''; width: 25px; height: 25px; border: 1px solid #ddd; background-color: #fff; border-radius: 50%; position: absolute; top: 0; left: 0;}
.radio-wrap_item input[type=radio] + label::after {content: ''; width: 11px; height: 11px; background-color: #d41421; border-radius: 50%; position: absolute; top: 8px; left: 8px; display: none;}
.radio-wrap_item input[type=radio]:checked + label {}
.radio-wrap_item input[type=radio]:checked + label::before {border-color: #d41421;}
.radio-wrap_item input[type=radio]:checked + label::after {display: block;}
input[type="radio"]:focus-visible + label::before {outline: 2px solid #0f0f0f;}


/* 체크박스 */
.check-wrap {font-size: 0; margin: 0 -10px; vertical-align: middle;}
.check-wrap_item {display: inline-block; font-size: 16px; vertical-align: middle; padding: 5px 10px;}
.check-wrap_item input[type=checkbox] {position: absolute; opacity: 0; font-size: 0; width: 0; height: 0;}
.check-wrap_item input[type=checkbox] + label {font-weight: 300; font-size: 16px; color: #666; position: relative; padding-left: 36px; padding-top: 4px; cursor: pointer; margin: 0; line-height: normal;}
.check-wrap_item input[type=checkbox] + label::before {content: ''; width: 25px; height: 25px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; position: absolute; top: 0; left: 0;}
.check-wrap_item input[type=checkbox] + label::after {content: ''; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url('../img/icon-check.png') no-repeat center / 14px; display: none;}
.check-wrap_item input[type=checkbox]:checked + label {}
.check-wrap_item input[type=checkbox]:checked + label::before {border-color: #d41421;}
.check-wrap_item input[type=checkbox]:checked + label::after {display: block;}
input[type="checkbox"]:focus-visible + label::before {outline: 2px solid #0f0f0f;}

/* 전화번호 */
.tel-wrap {font-size: 0; margin: 0 -10px;}
.tel-wrap_item {display: inline-block; position: relative; padding: 0 10px; font-size: 16px;}
.tel-wrap_item:not(:last-child)::after {content: '-'; position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%);}

/* 첨부파일 */
.file-wrap_item {padding: 10px 0;}

/* 이메일 */
.email-wrap {font-size: 0; margin: 0 -10px;}
.email-wrap p {font-size: 16px;}
.email-wrap_item {display: inline-block; padding: 0 10px; font-size: 16px;}

/* 프로필 */
.board-view-thumb {position: relative; width: 150px; height: 150px; overflow: hidden; background-color: #ddd; border: 1px solid #ddd; border-radius: 5px;}
.board-view-thumb::after {content: '이미지 미리보기'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-size: 14px; color: #666;}
.board-view-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}

/* 스크롤 */
.scrollbar {overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #ddd #fff;}

/* 서브 타이틀 */
.sub-title_wr {margin-bottom: 60px; position: relative;}
.sub-title {font-weight: 700; font-size: 40px; color: #0f0f0f; line-height: 1; word-break: break-all;}

.sub-title_wr > .right {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

.sub-title_wr .icon-quote {width: 64px; height: 39px; background: url('../img/icon-quote.png') no-repeat center; margin-bottom: 19px;}
.sub-title_sm {font-weight: 600; font-size: 30px; color: #0f0f0f; line-height: 1;}
.sub-title_exp {padding-top: 10px; font-size: 20px; font-weight: 400; color: #0f0f0f;}

.bar-title_wr {position: relative;}
.bar-title {font-weight: 600; font-size: 20px; color: #333; padding-left: 13px; position: relative; line-height: 1;}
.bar-title::before {content: ''; width: 3px; height: 18px; background-color: #FE0806; position: absolute; top: 1px; left: 0;}
.bar-title_wr > .right {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.bar-expl {margin-top: 10px; padding-left: 13px; font-weight: 300; font-size: 18px; color: #444; line-height: 1.65;}

/* 서브 텍스트 박스 */
.sub-text_box {background-color: #fafafa; border-radius: 10px; padding: 40px 32px; position: relative;}
.sub-text_box.border {border: 1px solid #eee;}
.sub-text_box.center {text-align: center;}
.sub-text_box_dep {padding-left: 10px;}
.sub-text_box_dep.dep15 {padding-left: 15px;}
.sub-text_box_dep.dep20 {padding-left: 20px;}
.sub-text_box_dep.dep25 {padding-left: 25px;}
.sub-text_box_dep.dep30 {padding-left: 30px;}
.sub-text_box_dep.dep35 {padding-left: 35px;}
.sub-text_box_dep.dep40 {padding-left: 40px;}

.sub-text_box .title01 {font-weight: 500; font-size: 20px; color: #0f0f0f; line-height: 1.4;}
.sub-text_box .text01 {font-weight: 300; font-size: 18px; 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: 16px; 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;}

.bf-symbol-text {display: block; text-indent: -12px; padding-left: 12px;}
.text02.bf-symbol-text {padding-left: 24px;}
.text03.bf-symbol-text {padding-left: 24px;}
.text04.bf-symbol-text {padding-left: 36px; text-indent: -14px;}

.bf-word-text {display: block; text-indent: -22px; padding-left: 22px;}
.text01.bf-word-text {text-indent: -24px; padding-left: 24px;}
.text02.bf-word-text {padding-left: 34px;}
.text03.bf-word-text {padding-left: 34px;}
.text04.bf-word-text {padding-left: 46px; text-indent: -24px;}

.bf-symbol-text:before, .bf-word-text::before {content: attr(symbol) !important; position: inherit !important; top: inherit !important; left: inherit !important; margin-right: 5px;}



.dot-text {position: relative; padding-left: 12px;}
.dot-text::before {content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #000; position: absolute; top: 11px; left: 0;}
.dot-text.c00::before {background-color: #000000;}
.dot-text.cff::before {background-color: #ffffff;}
.dot-text.c0f::before {background-color: #0f0f0f;}
.dot-text.c33::before {background-color: #333333;}
.dot-text.c44::before {background-color: #444444;}
.dot-text.c66::before {background-color: #666666;}
.dot-text.c99::before {background-color: #999999;}
.dot-text.c_red::before {background-color: #d41421;}

.ol-text {margin-left: 22px;}
.ol-text li {list-style-type: decimal;}

/* 나란한 서브 텍스트 박스 */
.sub-text_box_wr {margin: -10px;}
.sub-text_box_wr > li {padding: 10px;}
.sub-text_box_wr > li > .sub-text_box {height: 100%;}

/* 서브 텍스트박스 내 질문과 대답 */
.sub-qna_box {margin: 15px 0; padding: 15px 25px; background: #fff; border-radius: 5px; overflow: hidden;}
.sub-qna_box .question {padding: 15px 0; background-color: #fff; border-bottom: 1px solid #ddd;}
.sub-qna_box .question p {font-weight: 500; font-size: 18px;}
.sub-qna_box .question .mark {display: inline-block; margin-right: 10px; width: 35px; height: 35px; text-align: center; line-height: 35px; background-color: #d41421; border-radius: 50%; font-weight: 700; color: #fff;}
.sub-qna_box .answer {padding: 15px 0;}

/* 서브 이미지 박스 */
.sub-img_box {border: 1px solid #bbb; text-align: center; padding: 10px 2%;}
.sub-img_box.bg_white {background-color: #fff;}
.sub-img_box.no-bor {border: none; padding: 0;}
.sub-img_box .top_txt {margin-bottom: 10px;}
.sub-img_box .expl {font-size: 16px; color: #444; margin-top: 10px;}
.sub-img_box .expl b {font-weight: 600;}

.sub-text_box.img-wr {padding: 50px;}

/* layout */
.subContainer {}
.sub-top {}
.sub-layout {margin-top: 40px;}
.sub-lnb {display: inline-block; width: 310px;}
.sub-lnb_title {display: table; width: 100%; height: 110px; text-align: left; border-radius: 0 0 10px 10px; background: url('../img/lnb_bg.jpg') no-repeat center/cover; margin-bottom: 20px;}
.sub-lnb_title .txt {display: table-cell; padding-left: 60px; font-size: 26px; font-weight: 600; color: #fff; line-height: 1.15; vertical-align: middle;}
.sub-lnb-depth1_ul {display: block;}
.sub-lnb-depth1_ul > li {overflow: hidden; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(160, 160, 160, 0.05);  transition: .3s; margin-bottom: 7px;}
.sub-lnb-depth1_ul > li:last-child {margin-bottom: 0;}
.sub-lnb-depth1_btn {width: 100%; padding: 13px 60px 13px 25px; border: none; font-size: 16px; font-weight: 300; color: #0f0f0f; line-height: normal; text-align: left; background: url('../img/icon-arr-right01.png') no-repeat center right 20px #fff; transition: .3s;}
.sub-lnb-depth1_btn:focus, 
.sub-lnb-depth1_btn:hover {color: #FE0806; text-decoration: underline;}
.sub-lnb-depth2_ul {display: none; padding: 10px 10px 10px 25px; background-color: #fafafa;}
.sub-lnb-depth2_ul > ul {overflow-y: auto; height: 88px; padding-right: 15px;}
.sub-lnb-depth2_ul > ul > li {border-bottom: 1px dashed #E5E5E5;}
.sub-lnb-depth2_ul > ul > li:last-child {border-bottom: none;}
.sub-lnb-depth2_ul > ul > li > a {display: block; width: 100%; padding: 10.5px 0; font-size: 15px; font-weight: 400; color: #666; transition: .3s;}
.sub-lnb-depth2_ul > ul > li > a:hover {text-decoration: underline;}

.sub-lnb-depth1_ul > li.active {box-shadow: 0 0 0 2px #FE0806;}
.sub-lnb-depth1_ul > li.active .sub-lnb-depth1_btn {font-weight: 500; color: #FE0806; background: url('../img/icon-arr-bot01-r.png') no-repeat center right 20px #fff;}
.sub-lnb-depth1_ul > li.active .sub-lnb-depth2_ul {display: block;}

.sub-lnb-depth2_ul > ul > li.active > a {font-weight: 500; color: #FE0806;}

.sub-lnb-depth2_ul > ul::-webkit-scrollbar {width: 6px;}
.sub-lnb-depth2_ul > ul::-webkit-scrollbar-track {background-color: #EAEAEA; border-radius: 100px;}
.sub-lnb-depth2_ul > ul::-webkit-scrollbar-thumb {background-color: #FE0806;}
.sub-lnb-depth2_ul > ul::-webkit-scrollbar-button {display: none;}
.sub-lnb-depth2_ul > ul::-webkit-scrollbar-track,
.sub-lnb-depth2_ul > ul::-webkit-scrollbar-thumb {border-radius: 10px;}

.sub-layout.lnb {}
.sub-layout.lnb:after {content: ""; display: table; clear: both;}
.sub-layout.lnb .sub-lnb {float: left; width: 310px; padding-right: 50px;}
.sub-layout.lnb .sub-rnb {float: right; width: 310px; padding-left: 50px;}
.sub-layout.lnb .content_ar {float: left; width: calc(100% - 310px);}

/* RNB */
.sub-rnb {padding-top: 95px;}
.sub-rnb > *:not(:last-child) {margin-bottom: 35px;}
.rnb-box {padding: 35px 20px; border-radius: 20px; border: 1px solid #eee; box-shadow: 5px 5px 15px 3px rgba(0, 0, 0, .1);}
.rnb-box .sub-title_wr {margin-bottom: 20px;}

.rnb-btn-ul {margin: 0 -12px;}
.rnb-btn-ul li {padding: 0 12px;}
.rnb-btn-ul li p {padding-top: 10px; font-size: 16px; color: #444; text-align: center; line-height: 1.2; transition: .2s;}
.rnb-btn-ul li a:hover p {color: #d41421;}
.rnb-icon {height: 84px; padding: 0; background-repeat: no-repeat; background-position: center; background-size: 65%;}
.rnb-icon_media {background-image: url('../img/icon-rnb_media.png');}
.rnb-icon_newsSubs {background-image: url('../img/icon-rnb_newsSubs.png');}
.rnb-icon_newsBlog {background-image: url('../img/icon-rnb_newsBlog.png');}
.rnb-icon_repoRec {background-image: url('../img/icon-rnb_repoRec.png');}
.rnb-icon_repoWrit {background-image: url('../img/icon-rnb_repoWrit.png');}

/* > type02 */
/* .srch-wr.type02 .srch-bar {width: 594px;} */
.srch-wr.type02 .select-ul {height: 100%;}
.srch-wr.type02 .select-li {display: inline-block; position: relative; height: 100%;}
.srch-wr.type02 .select-li::after {content: ''; width: 1px; height: 13px; background-color: #ccc; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
/* .srch-wr.type02 .srch-bar .input-wr {width: calc(100% - 264px);} */
.srch-wr.type02 .srch-bar .input-wr::before {display: none;}


/* box */
/* > type */
.sub-text_box.box00 {border: 1px solid; border-radius: 10px;}
.sub-text_box.box01 {border: 2px solid; border-radius: 10px;}
.sub-text_box.box02 {border: 3px dashed; border-radius: 10px;}
/* > background */
.sub-text_box.backSub {background-color: #fff6f8;}
.sub-text_box.backWhite {background-color: #fff;}
/* > border color */
.sub-text_box.pink {border-color: #f7d4dc;}
.sub-text_box.red {border-color: #d41421;}
.sub-text_box.e8e8e8 {border-color: #e8e8e8;}
.sub-text_box.lightgray {border-color: #ddd;}
.sub-text_box.darkgray {border-color: #999;}
.sub-text_box.none {border: none;}
/* > text color */
.sub-text_box .t-red,
.sub-text_box .t_red {color: #d41421;}

.tc-red,
.tc_red {color: #d41421 !important;}
.tc-blue,
.tc_blue {color: #107ccf !important;}

.f_color1 {color: #FE0907 !important}
.f_color2 {color: #FF5634 !important}
.f_color3 {color: #FF6A1A !important}
.f_color4 {color: #F39800 !important}
.f_color5 {color: #F3BE00 !important}


/* 충남도청 스타일 가이드 */

/* colors */
.mainColor {color: #d41421!important;}
.subColor {color: #fff6f8!important;}
.blackColor {color: #333!important;}
.whiteColor {color: #fff!important;}
.lineColor {color: #eee!important;}
.grayColor {color: #fafafa!important;}

.backMain {background-color: #d41421;}
.backSub {background-color: #fff6f8;}
.gradMain {background: linear-gradient(53deg, rgba(239,62,80,1) 0%, rgba(246,70,47,1) 100%);}
.gradSub {background: linear-gradient(142deg, #f5fafe 0%, #fdf3fb 100%);}
.backBlack {background-color: #333;}
.backLine {background-color: #eee;}
.backGray {background-color: #fafafa;}
.backOrange {background-color: #fff2e2;}

/* Typography */
h1 {font-weight: 700; font-size: 40px;}
h2 {font-weight: 600; font-size: 32px;}
h3 {font-weight: 600; font-size: 30px;}
h4 {font-weight: 500; font-size: 22px;}
h5 {font-weight: 600; font-size: 20px;}

.txt01 {font-weight: 300; font-size: 18px; line-height: 1.5; color: #444;}
.txt02 {font-weight: 400; font-size: 16px; line-height: 1.375; color: #666;}

/* 서브 텍스트 */
.info-wr {font-size: 0; margin: 0 -23px;}
.info-item {font-size: 16px; display: inline-block; vertical-align: top; padding: 0 23px; position: relative;}
.info-item::after {content: ''; width: 1px; height: 13px; background-color: #ccc; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.info-item:last-child::after {display: none;}
.info-item > span,
.info-item > a {font-weight: 300; font-size: 16px; color: #666;}
.info-item > a.telLink:hover {color: #000;}
.info-item .left {font-weight: 500; color: #333; position: relative;}
.info-item .right {}

.info-item.time {}
.info-item.time .left {padding-left: 33px;}
.info-item.time .left::before {content: ''; width: 22px; height: 22px; background: url('../img/icon-clock.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.info-item.charge {}
.info-item.charge .left {color: #666; padding-left: 29px;}
.info-item.charge .left::before {content: ''; width: 18px; height: 23px; background: url('../img/icon-charge.png') no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.pen-text {position: relative; font-weight: 400; font-size: 18px; color: #333; padding-left: 51px; padding-top: 10px; display: inline-block; z-index: 1;}
.pen-text::before {content: ''; width: 100%; height: 20px; border-radius: 10px; background-color: #fff6f8; position: absolute; bottom: -8px; left: 15px; z-index: -1;}
.pen-text::after {content: ''; width: 37px; height: 33px; background: url('../img/icon-pen.png') no-repeat center; position: absolute; top: 0; left: 0;}

.sub-top {}

.sub-location {float: left; margin-top: 10px;}
.sub-location > li {position: relative;}
.sub-location > li ~ li {margin-left: 48px;}
.sub-location > li ~ li:before {content: ""; display: block; width: 8px; height: 13px; position: absolute; top: 6px; left: -24px; z-index: 1; background: url('../img/icon-arr-right02.png') no-repeat center/contain;}
.sub-location .menu {display: block; font-size: 16px; font-weight: 400; color: #666;}
.sub-location .menu.home {width: 22px; height: 20px; background: url('../img/icon-home.png') no-repeat center/contain; font-size: 0;}
.sub-location .menu.active {font-weight: 500; color: #333;}

.sub-pageBtnGrp {float: right;}
.sub-pageBtnGrp > li ~ li {margin-left: 8px;}
.sub-pageBtnGrp .iconBtn {font-size: 0; border: 0;}

.txt-indent {text-indent: -14px; padding-left: 24px;}

.bor-title {padding: 15px; font-size: 20px; font-weight: 700; color: #d41421; text-align: center; border: 2px solid #d41421; border-radius: 10px;}

/* Button */
.btn {display: inline-block; padding: 0 10px; height: 50px; line-height: 50px; border: none; border-radius: 5px; font-weight: 500; font-size: 16px; text-align: center; line-height: 50px; border: 1.5px solid transparent; transition: .3s; background-color: transparent;}

.subBtn {background-color: #666; color: #fff;}
.subBtn {background-color: #666; color: #fff;}
.mainBtn {background-color: #111; color: #fff;}
.redBtn {background-color: #d41421; color: #fff;}
.grayBtn {background-color: #fafafa; color: #777; border-color: #ccc;}

.subBtn:hover, .grayBtn:hover {border-color: #666; background-color: #fff; color: #666;}
.mainBtn:hover {border-color: #111; background-color: #fff; color: #111f;}
.redBtn:hover {border-color: #d41421; background-color: #fff; color: #d41421;}

.btn.sizeS {min-width: 100px;}
.btn.sizeL {min-width: 170px;}

.txtBtn {display: inline-block; line-height: 1; border: none; background-color: transparent; font-size: 0;}
.txtBtn img {vertical-align: middle; margin-bottom: 2px;}
.txtBtn span {font-weight: 500; font-size: 16px; color: #d41421;}
.txtBtn span:last-child {margin-left: 10px;}

.linkBtn {display: inline-block; position: relative; padding: 8px 28px 8px 8px; line-height: 1; border: none; border-radius: 3px; font-weight: 400; font-size: 12px; color: #fff; background: #d41421;}
.linkBtn:after {content: ""; display: block; position: absolute; top: 50%; right: 8px; width: 12px; height: 12px; margin-top: -6px; background: url('../img/icon-link-white.png') no-repeat center/contain;}
.linkBtn.small {padding: 6px 26px 6px 6px;}

.downBtn {display: inline-block; position: relative; padding: 8px 28px 8px 8px; line-height: 1; border: none; border-radius: 3px; font-weight: 400; font-size: 12px; color: #fff; background: #333;}
.downBtn:after {content: ""; display: block; position: absolute; top: 50%; right: 6px; width: 15px; height: 15px; margin-top: -8px; background: url('../img/icon-file_w.png') no-repeat center/contain;}
.downBtn.small {padding: 6px 26px 6px 6px;}

.iconBtn {display: inline-block; border-radius: 50%; background-color: #fafafa; width: 45px; height: 45px; transition: .3s; text-align: center;}

.more-btn {position: relative; display: block; width: 148px; height: 50px; line-height: 46px; border: 2px solid #555; border-radius: 100px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #333; text-align: left;}
.more-btn:after {content: ""; display: block; position: absolute; top: 50%; right: 20px; z-index: 1; width: 15px; height: 10px; margin-top: -5px; background: url('../img/more-view.png') no-repeat center/contain;}

.more-btn.white {border-color: #fff; color: #fff;}
.more-btn.white:after {background-image: url('../img/more-view_w.png');}

.sub-btn-ct.margin20 >*:not(:last-child) {margin-right: 20px; vertical-align: middle;}
.sub-btn-ct.margin10 >*:not(:last-child) {margin-right: 10px; vertical-align: middle;}
.sub-btn-ct.margin5 >*:not(:last-child) {margin-right: 5px; vertical-align: middle;}
.sub-text_box p .txtBtn {margin-left: 20px;}

.ic-print {background: url('../img/icon-print.png') no-repeat center #fafafa;}
.ic-share {background: url('../img/icon-share.png') no-repeat center #fafafa;}
.ic-map {background: url('../img/icon-map.png') no-repeat center #fafafa;}
.ic-3d {background: url('../img/icon-3d.png') no-repeat center #fafafa;}
.ic-home {background: url('../img/icon-home.png') no-repeat center #fafafa; background-size: 22px 20px;}

.ic-print:hover {background: url('../img/icon-print-hover.png') no-repeat center #fff6f8;}
.ic-share:hover {background: url('../img/icon-share-hover.png') no-repeat center #fff6f8;}
.ic-map:hover {background: url('../img/icon-map-hover.png') no-repeat center #fff6f8;}
.ic-3d:hover {background: url('../img/icon-3d-hover.png') no-repeat center #fff6f8;}
.ic-home:hover {background: url('../img/icon-home-hover.png') no-repeat center #fff6f8; background-size: 22px 20px;}

.btn-wr {font-size: 0;}
.btn-wr .btn-wr_item {margin-top: 10px;}
.btn-wr .btn-wr_item:first-child {margin-top: 0;}
.btn-wr.type01 {}
.btn-bd-box {font-size: 0; display: inline-block; border: 1px solid #666; border-radius: 5px; padding: 5px 14px; background-color: #fff;}
.btn-bd-box > * {display: inline-block;}
.btn-wr.type01 .btn-text {font-weight: 500; font-size: 16px; color: #666;}
.btn-wr.type01 .btn {height: 30px; line-height: 30px; padding: 0 10px; margin-left: 10px; margin-top: 2.5px; margin-bottom: 2.5px; font-size: 14px;}
.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%;}

/* Tab button */
.type01 .sub-tab_ul {font-size: 0; width: 100%;}
.type01 .sub-tab_ul > li {font-size: 16px; display: inline-block; vertical-align: top; width: 25%; box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee,1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset; }
.type01 .sub-tab_ul > li > .tab {display: block; width: 100%; font-weight: 300; font-size: 18px; color: #666; height: 65px; line-height: 65px; padding: 0 21px; position: relative; transition: border .3s; border: 2px solid transparent; background-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 35px;}
.type01 .sub-tab_ul > li > .tab::before {content: ''; width: 16px; height: 3px; background-color: #ddd; border-radius: 5px; position: absolute; top: 50%; right: 21px; transform: translateY(-50%); transition: .3s;}
.type01 .sub-tab_ul > li > .tab::after {content: ''; border-radius: 5px; position: absolute; top: 50%; right: 27px; transform: translateY(-50%); width: 3px; height: 16px; background-color: #fff; opacity: 0; transition: .3s;}
.type01 .sub-tab_ul > li.active .tab {background: rgb(239,62,80); background: linear-gradient(53deg, rgba(239,62,80,1) 0%, rgba(246,70,47,1) 100%);; color: #fff; font-weight: 400; border-radius: 10px;}
.type01 .sub-tab_ul > li.active .tab::before {background-color: #fff;}
.type01 .sub-tab_ul > li.active .tab::after {opacity: 1;}
.type01 .sub-tab_ul > li > .tab:hover {font-weight: 400; color: #d41421; border: 2px solid #d41421;}
.type01 .sub-tab_ul > li > .tab:hover::before {background-color: #d41421;}
.type01 .sub-tab_ul > li > .tab:hover::after {opacity: 1; background-color: #d41421;}
.type01 .sub-tab_ul > li.active > .tab:hover {color: #fff; border-color: transparent;}
.type01 .sub-tab_ul > li.active > .tab:hover::before {background-color: #fff;}
.type01 .sub-tab_ul > li.active > .tab:hover::after {background-color: #fff;}

.type02 .sub-tab_ul {font-size: 0; margin: -5px;}
.type02 .sub-tab_ul > li {padding: 5px; display: inline-block;}
.type02 .sub-tab_ul > li > .tab {display: block; padding: 0 21px; min-width: 129px; height: 50px; line-height: 50px; border: 1px solid #eee; border-radius: 24.65px; font-weight: 300; font-size: 18px; color: #0f0f0f; transition: .3s; background-color: transparent; text-align: center;}
.type02 .sub-tab_ul > li.active > .tab {border-color: #d41421; color: #fff!important; background-color: #d41421; font-weight: 400;}
.type02 .sub-tab_ul > li > .tab:hover {border-color: #d41421; color: #d41421; font-weight: 400;}
.type02.hover .sub-tab_ul > li > .tab {border-color: #d41421; color: #d41421; font-weight: 400;}

.type03 .sub-tab_ul {font-size: 0;}
.type03 .sub-tab_ul > li {display: inline-block;}
.type03 .sub-tab_ul > li > .tab {display: inline-block; padding: 0 24px; font-weight: 500; font-size: 16px; color: #666; height: 50px; line-height: 50px; text-align: center; border: 1px solid transparent; box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee,1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset; transition: .3s; background-color: transparent; background-color: #fff;}
.type03 .sub-tab_ul > li:first-child > .tab {border-radius: 5px 0 0 5px;}
.type03 .sub-tab_ul > li:last-child > .tab {border-radius: 0 5px 5px 0;}
.type03 .sub-tab_ul > li.active > .tab {color: #fff!important; background-color: #333; box-shadow: none;}
.type03 .sub-tab_ul > li > .tab:hover {border-color: #333; color: #333;}

.sub-tab.type03_1 {overflow: hidden;}
.type03_1 .sub-tab_ul {margin: -5px; font-size: 0;}
.type03_1 .sub-tab_ul > li {display: inline-block; padding: 5px;}
.type03_1 .sub-tab_ul > li > .tab {display: inline-block; padding: 0 24px; font-weight: 500; font-size: 16px; color: #666; height: 50px; line-height: 50px; text-align: center; border: 1px solid #eee; border-radius: 5px; transition: .3s; background-color: transparent; background-color: #fff;}
.type03_1 .sub-tab_ul > li.active > .tab {color: #fff!important; background-color: #333; box-shadow: none;}
.type03_1 .sub-tab_ul > li > .tab:hover {border-color: #333; color: #333;}

.sub-tabs {margin-top: 40px; padding-bottom: 50px;}
.sub-tab-ul {text-align: center;}
.sub-tab-ul li {}
.sub-tab-ul li a {display: block; width: 294px; max-width: 100%; font-weight: 300; font-size: 18px; color: #888; border: 1px solid #eee; padding: 18px 0; transition: .3s;}
.sub-tab-ul li a:hover {border-color: #d41421; color: #d41421; font-weight: 400;}
.sub-tab-ul li.active a {border-color: #d41421; color: #d41421; font-weight: 400;}

.sub-tabs2 {overflow: hidden; padding-bottom: 7px;}
.sub-tab2-ul {margin: 0 -24px;}
.sub-tab2-ul li {position: relative; padding: 0 24px;}
.sub-tab2-ul li ~ li:after {content: ""; display: block; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 20px; margin-top: -10px; background-color: #ddd;}
.sub-tab2-ul li a {display: block; position: relative; font-size: 24px; font-weight: 400; color: #bbb; line-height: 1;}
.sub-tab2-ul li a:hover {font-weight: 600; color: #e61e15;}
.sub-tab2-ul li.active a {font-weight: 600; color: #e61e15;}
.sub-tab2-ul li.active a:after {content: ""; display: block; position: absolute; bottom: -7px; left: 0; z-index: 1; width: 100%; height: 2px; background-color: #e61e15;}

/* 테이블 */
.sub-table_wr {}
.sub-table_wr table {width: 100%;}
.sub-table_wr .type01 {}
.sub-table_wr .type01 thead {}
.sub-table_wr .type01 thead tr {}
.sub-table_wr .type01 thead th {background-color: #fff6f8; font-weight: 400; font-size: 16px; color: #333; padding: 13px 10px; position: relative;}
.sub-table_wr .type01 thead th::before {content: ''; width: 1px; height: 16px; background-color: #ccc; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.sub-table_wr .type01 thead th:last-child::before {display: none;}
.sub-table_wr .type01 thead th:first-child {border-radius: 10px 0 0 10px;}
.sub-table_wr .type01 thead th:last-child {border-radius: 0 10px 10px 0;}
.sub-table_wr .type01 tbody {}
.sub-table_wr .type01 tbody tr {border-bottom: 1px solid #ddd;}
.sub-table_wr .type01 tbody td {text-align: center; border-right: 1px solid #ddd; font-size: 18px; color: #444; font-weight: 300; padding: 16.25px 10px; background-color: #fff;}
.sub-table_wr .type01 tbody td.left {text-align: left;}
.sub-table_wr .type01 tbody td.center {text-align: center;}
/* .sub-table_wr .type01 tbody td:first-child {color: #333; font-weight: 400;} */
.sub-table_wr .type01 tbody td:last-child {border-right: none;}

.sub-table_wr .type01 tbody th {text-align: center; border-right: 1px solid #ddd; font-size: 18px; color: #444; font-weight: 500; padding: 16.25px 10px;}
.sub-table_wr .type01 tbody th:last-child {border-right: none;}
.sub-table_wr .type01 tbody th.subBg {background-color: #fff6f8;}

.sub-table_wr .type01 tfoot tr {border-bottom: 1px solid #ddd;}
.sub-table_wr .type01 tfoot th {background-color: #fff6f8; text-align: center;
  border-right: 1px solid #ddd;
  font-size: 18px;
  color: #444;
  font-weight: 500;
  padding: 16.25px 10px; position: relative;}
.sub-table_wr .type01 tfoot td {text-align: center; border-right: 1px solid #ddd; font-size: 18px; color: #444; font-weight: 300; padding: 16.25px 10px; background-color: #fff;}

.sub-table_wr .type01.col4 thead th {width: 25%;}
.sub-table_wr .type01.colFix {table-layout: fixed;}

.sub-table_wr .type01 tbody tr.border_b_none {border-bottom: none;}

.sub-table_wr .ts_small thead th,
.sub-table_wr .ts_small tbody th,
.sub-table_wr .ts_small tbody td,
.sub-table_wr .ts-small thead th,
.sub-table_wr .ts-small tbody th,
.sub-table_wr .ts-small tbody td,
.sub-table_wr .ts-small tfoot th,
.sub-table_wr .ts-small tfoot td {padding: 10px; font-size: 15px;}

.sub-table_wr tbody td > ul > li ~ li {margin-top: 10px;}
.sub-table_wr tbody td .liTitle {font-size: 14px; font-weight: 600; color: #d41421;}
.sub-table_wr .ts-small tbody td .text02, 
.sub-table_wr .ts-small tbody td .text03,
.sub-table_wr .ts-small tbody td .text04 {font-size: 14px;}

table img {vertical-align: middle;}

.sub-table_wr .diagonal {
  background-image: linear-gradient(to left bottom, transparent calc(50% - 1px), #ddd, transparent calc(50% + 1px));
  background-size: 120% 120%;
  background-position: center;
}

.type01.multi_th {border-top: 1.5px solid #ccc;;}
.sub-table_wr .type01.multi_th th {border-right: 1px solid #ddd; background-color: #fff6f8; border-radius: 0 !important;}
.sub-table_wr .type01.multi_th th::before {display: none;}
.sub-table_wr .type01.multi_th th:last-child {border-right: 0;}

.sub-table_wr table .border_t {border-top: 1px solid #ddd !important;}
.sub-table_wr table .border_b {border-bottom: 1px solid #ddd !important;}
.sub-table_wr table .border_l {border-left: 1px solid #ddd !important;}
.sub-table_wr .border_r {border-right: 1px solid #ddd !important;}
.sub-table_wr table .border_b {border-bottom: 1px solid #ddd !important;}

.table-top {padding-bottom: 13px; text-align: right;}
.table-top.left {text-align: left;}
.table-top p {display: inline-block;}

.table-top.cf > *:first-child {float: left;}
.table-top.cf > *:last-child {float: right;}
.table-top.cf .title01 {padding-bottom: 0;}

.table-top.between {text-align: left;}
.table-top.between:after {content: ""; display: table; clear: both;}
.table-top.between .left {float: left;}
.table-top.between .right {float: right;}

/* input */
.txt-input {border-radius: 5px; border: 1px solid #ddd; height: 50px; font-weight: 300; font-size: 16px; color: #0f0f0f; padding: 0 19px;}
.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 #ddd; height: 50px; font-weight: 300; font-size: 16px; color: #0f0f0f; padding: 19px; resize: none;}
.txt-input:read-only {background-color: #f1f1f1;}
.txt-input:disabled {background-color: transparent; border: none;}

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

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

/* 날짜 선택 */
.date-input-wr {font-size: 0; margin: 0 -5px;}
.date-input-wr > * {display: inline-block; vertical-align: middle; padding: 0 5px;}
.date-input-wr .type03 .sub-tab_ul > li > .tab {height: 50px;}
.date-picker-wr {display: inline-block;}
.date-picker-wr > * {display: inline-block; vertical-align: middle;}
.date-picker-wr span {font-weight: 400; font-size: 16px; color: #333; margin: 0 10px;}

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

/* 게시판 상단 */
/* .board-top {padding-bottom: 20px;} */
/* .board-top_box {background-color: #fff6f8; border-radius: 10px; font-size: 0; padding: 22.5px 30px;}
.board-top_box > * {display: inline-block; vertical-align: middle;}
.board-top_left {width: 35%; font-size: 0;}
.board-top_right {width: 65%; font-size: 0; text-align: right;}

.board-top_left > * {display: inline-block; vertical-align: middle;}
.board-top_right > * {display: inline-block; vertical-align: middle;}
.board-top_right .sort-wr {padding-right: 30px;} */

.board-in-cnt.first {margin-bottom: 30px;}
.board-in-cnt.last {margin-top: 30px;}


.board-banner {}
.board-banner > * {margin: 20px 0;}
.board-info {clear: both; margin: 20px 0;}
.board-info_left {float: left;}
.board-info_right {float: right; margin: 0 -10px;}
.board-info_right > * {display: inline-block; padding: 0 10px; vertical-align: middle;}
.sort-wr {text-align: right;}
.sort-wr .sort {border: none; appearance: none; background: url('../img/icon-select.png') no-repeat center right; font-weight: 300; font-size: 16px; color: #666; min-width: 100px;}
.board-sort-btn {margin-left: 10px;}

/* 검색 */
.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 > * {display: inline-block; vertical-align: middle;}
.srch-bar select {/*width: 132px;*/ border: none; height: 100%; appearance: none; background: url("http://127.0.0.1:5502/src/css/../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-li {}
.search-tit, .search-cnt {display: inline-block; font-size: 16px; vertical-align: middle;}
.search-cnt {display: inline-block; margin: -5px; font-size: 0;}
.search-cnt > * {display: inline-block; vertical-align: middle; padding: 5px;}
.search-cnt_in > * {display: inline-block; vertical-align: middle;}
.search-cnt_in .btn {margin-left: 10px; vertical-align: middle;}
.search-cnt_txt {padding: 0 5px; font-size: 18px;}

.search-box.list-style {padding: 14.5px 30px; background-color: #FAFAFA; 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 {display: inline-block; position: relative; padding: 8px 40px 8px 10px;} */
/* .search-box.list-style .search-li:before {content: ''; width: 3px; height: 18px; background-color: #d41421; position: absolute; top: 50%; transform: translateY(-50%); left: 0;} */
.search-box.list-style .search-li:last-child {padding-right: 0;}

.search-box.table-style {border-top: 2px solid #d41421; background-color: #fff;}
.search-box.table-style .search-li {border-bottom: 1px solid #ddd; background-color: #fafafa;}
.search-box.table-style .search-tit {padding: 20px; width: 160px; font-size: 16px; font-weight: 500; background-color: #fafafa; text-align: center;} 
.search-box.table-style .search-tit > p {}
.search-box.table-style .search-cnt {margin: 0; padding: 5px 15px; width: calc(100% - 160px); font-size: 0; background-color: #fff;}
.search-box.table-style .search-cnt_in .radio-wrap_item, .search-box.table-style .search-cnt_in .check-wrap_item {line-height: 50px;}


.icon-search {margin: 0 5px 3px 0; width: 18px; vertical-align: middle;}
.icon-search:last-child {display: none;}
.search-cnt_in .redBtn:hover .icon-search:first-child {display: none;}
.search-cnt_in .redBtn:hover .icon-search:last-child {display: inline-block;}

/* 게시판 아이콘 */
.bd-icon_circle {display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; font-size: 12px;}
.bd-icon_circle.t1 {background-color: #333; color: #fff;}
.bd-icon_circle.t2 {background-color: #029e55; color: #fff;}
.bd-icon_circle.t3 {background-color: #081696; color: #fff;}
.bd-icon_circle.t4 {background-color: #d41421; color: #fff;}
.bd-icon_circle.t5 {background-color: #666; color: #fff;}
.bd-icon_circle.t6 {background-color: #666; color: #fff;}
.bd-icon_square {display: inline-block; padding: 0 12px; height: 29px; vertical-align: middle; line-height: 29px; font-size: 16px; border-radius: 15px;}
.bd-icon_square.t1 {background-color: #333; color: #fff;}
.bd-icon_square.t2 {background-color: #029e55; color: #fff;}
.bd-icon_square.t3 {background-color: #081696; color: #fff;}
.bd-icon_square.t4 {background-color: #d41421; color: #fff;}
.bd-icon_square.t5 {background-color: #666; color: #fff;}
.bd-icon_square.t6 {background-color: #e9770d; color: #fff;}

.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;}

/* 게시판 버튼 */
.board-list-btns {padding-top: 30px; margin: 0 -5px; text-align: right; font-size: 0;}
.board-list-btns > li {display: inline-block; padding: 0 5px; vertical-align: middle;}
.board-list-btn {display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; font-weight: 400; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; color: #666;}
.board-list-btns .radio-wrap_item input[type=radio] + label {font-size: 14px; font-weight: 400;}
.board-detail-btn {margin-right: 5px;}
.board-detail-text {display: none; padding-top: 5px; font-size: 14px; color: #666;}

/* 게시판 총 건/페이지 수 */
.board-info-wr {display: inline-block;}
.board-info-ul {font-size: 0; margin: 0 -15px; position: relative;}
.board-info-ul li {font-size: 16px; display: inline-block; vertical-align: middle; font-weight: 400; font-size: 16px; color: #999; padding: 0 15px; position: relative;}
.board-info-ul li::after {content: ''; width: 1px; height: 13px; background-color: #999; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.board-info-ul li:last-child::after {display: none;}
.board-info-ul li .point {font-weight: 700; font-size: 20px; color: #333;}

/* 게시판 프로세스 */
.board-process-wr {color: #666;}
.board-process-title {font-size: 20px; font-weight: 500;}
.board-process-text {font-weight: 400;}
.board-process-ul {font-size: 0; margin: 0 -38px; padding: 10px 10px 25px;}
.board-process-li {display: inline-block; position: relative; padding: 0 38px; font-size: 18px; font-weight: 400; vertical-align: middle;}
.board-process-step {}
.board-process-li:not(:last-child)::after {content: ''; width: 24px; height: 50px; background: url('../img/icon-board_process.png') no-repeat center right; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);}
.board-process-li.active:not(:last-child)::after {background-image: url('../img/icon-board_process_r.png');}
.board-process-wr .bar-title, .board-process-wr .bar-expl {display: inline-block; vertical-align: middle; margin: 0;}
.board-process-tit {font-size: 20px; font-weight: 600; color: #666;}
.board-process-tit > .num {display: inline-block; margin-right: 10px; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 16px; font-weight: 900; color: #fff; background-color: #999; border-radius: 50%; vertical-align: middle;}
.board-process-li.active .board-process-tit {color: #d41421;}
.board-process-li.active .board-process-tit > .num {background-color: #d41421;}
.board-process-txt {padding-top: 5px; color: #666;}

/* 텍스트 게시판 */
.board-wr {position: relative;}
.txt-board {}
.txt-board table {width: 100%;}
.txt-board table thead {}
.txt-board table thead tr {}
.txt-board table thead th {background-color: #fafafa; height: 50px; font-weight: 400; font-size: 16px; color: #333; position: relative; word-break: break-all;}
.txt-board table thead th::before {content: ''; width: 1px; height: 15px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.txt-board table thead th:first-child {border-radius: 10px 0 0 10px;}
.txt-board table thead th:last-child {border-radius: 0 10px 10px 0;}
.txt-board table thead th:last-child::before {display: none;}
.txt-board table tbody {}
.txt-board table tbody tr {border-bottom: 1px solid #eaeaea;}
.txt-board table tbody td {min-width: 70px; padding: 15px; height: 70px; text-align: center; font-weight: 300; font-size: 16px; color: #666; word-break: break-all; position: relative;}
.txt-board table tbody td::after {content: ''; width: 1px; height: 15px; background-color: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.txt-board table tbody td:last-child {border-right: none;}
.txt-board table tbody td:last-child::after {display: none;}
.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: 16px; color: #333; transition: .3s; position: relative; max-width: 850px; display: inline-block;}
.txt-board table tbody td.td-subj .tit::before {content: ''; width: 38px; height: 8px; background: url('../img/more-view.png') no-repeat center; position: absolute; top: 9px; right: -48px; opacity: 0; transition: .3s;}
.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 tr.del td.td-subj {text-align: center;}
.txt-board table tbody tr.del td.td-subj .tit {color: #777; text-align: center;}
.txt-board table tbody tr.nodata td {padding-top: 70px; padding-bottom: 70px; text-align: center;}

.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;}

/* 갤러리 게시판 레이아웃 */
.gallery-board {padding: 30px 0;}
.gall-ul {margin: -20px;}
.gall-li {padding: 20px; vertical-align: top;}
.gall-thumb {position: relative; padding-bottom: 60%; border-radius: 10px; overflow: hidden;}
.gall-thumb img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gall-info {padding: 10px 0;}
.gall-title {padding: 5px 0; height: 55px; font-size: 18px; color: #333; font-weight: 500; line-height: 1.3; transition: .2s;}
.gall-date {color: #666;}
.gall-link:hover .gall-title {color: #d41421;}
.list-like-btn {padding: 4px 5px; color: #d41421; font-weight: 500; font-size: 14px; border: 1px solid #d41421; border-radius: 3px; background: none;}

/* 웹진 게시판 레이아웃 */
.webzine-board {}
.webzine-info {padding: 18px 20px; border-bottom: 1px solid #eee;}
.webzine-box {border-radius: 20px; border: 1px solid #eee; overflow: hidden;}
.webzine-title {font-size: 20px; font-weight: 500; color: #0f0f0f;}
.webzine-ul {margin: -30px -20px; padding: 20px 0;}
.webzine-li {padding: 30px 20px; vertical-align: top; text-align: center;}
.webzine-thumb {position: relative; padding: 20px; height: 300px;}
.webzine-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 70%; height: 80%; box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, .05);}
.webzine-btns {padding: 20px; font-size: 0; background-color: #333333;}
.webzine-btns li {display: inline-block; vertical-align: middle; padding: 0 5px;}
.webzine-btn {display: block; padding: 14px 20px; padding-right: 44px; text-align: center; border-radius: 50px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); background: #444 url("../img/icon-webzine_arrow.png") no-repeat center right 20px / 11px; color: #fff; font-size: 14px; font-weight: 500; transition: .3s; border: 1px solid #444;}
.webzine-btn:hover {border-color: #fff; background-color: transparent;}

/* 기사 게시판 레이아웃 */
.article-board {padding: 30px 0; border-top: 1px solid #666;}
.article-ul {margin: -30px 0;} 
.article-li {padding: 30px 0; border-bottom: 1px solid #ddd;}
.article-link {font-size: 0;}
.article-thumb {display: inline-block; position: relative; width: 200px; height: 120px; overflow: hidden; vertical-align: middle; border-radius: 10px;}
.article-thumb img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover;}
.article-info {padding-left: 20px; display: inline-block; width: calc(100% - 200px); vertical-align: middle;}
.article-title {font-size: 20px; font-weight: 500; color: #333; transition: .2s;}
.article-date_wr {padding-top: 5px; font-size: 16px; color: #666;}
.article-date_wr > * {display: inline-block; vertical-align: middle;}
.article-writer {position: relative;}
.article-writer::before {content: ''; display: inline-block; margin: 0 7px 2px 5px; width: 1px; height: 12px; background-color: #ccc; font-size: inherit; vertical-align: middle;}
.article-date {}
.article-content {padding-top: 5px; font-size: 16px; color: #666;}
.article-link:hover .article-title {color: #d41421;}

/* FAQ 게시판 레이아웃 */
.faq-ul {border-top: 2px solid #D41421;}
.faq-li {border-bottom: 1px solid #E5E5E5;}
.faq-in {font-size: 0;}
.faq-in > * {display: inline-block; vertical-align: middle; }
.faq-question {position: relative; width: 100%; border: 0; background-color: #fff; font-size: 18px; font-weight: 500; color: #0f0f0f; line-height: 1.5;}
.faq-answer {display: none; border-top: 1px solid #E5E5E5; background-color: #fff6f8; font-size: 18px; font-weight: 400; color: #444; line-height: 1.6;}
.faq-icon {padding: 18px; width: 80px; font-size: 18px; font-weight: 700; text-align: center;}
.faq-content {padding: 18px 30px; padding-right: 80px; width: calc(100% - 80px); font-size: 16px; text-align: left;}
.faq-question .faq-icon {color: #444; background-color: #fafafa;}
.faq-answer .faq-icon {color: #D41421;}
.faq-status {position: absolute; top: 50%; transform: translateY(-50%); right: 25px; width: 12.5px; height: 12.5px; background-color: #d6d6d6; border-radius: 1px;}
.faq-status::after, .faq-status::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333333; transition: .3s;}
.faq-status::after {width: calc(100% + 2px); height: 1px;}
.faq-status::before {width: 1px; height: calc(100% + 2px);}
.faq-li.open .faq-status::before {opacity: 0;}

/* 페이징 */
/* .pg-wr {padding-top: 25px; text-align: center; font-size: 0;}
.pg-wr > * {display: inline-block; vertical-align: middle;}
.pg-ul {display: inline-block; padding: 0 36.5px; font-size: 0;}
.pg-ul li {display: inline-block; vertical-align: middle; padding: 0 3.5px;}
.pg-ul li a {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;}
.pg-ul li.active a {background-color: #333; color: #fff;}
.pg-ul li a:hover {background-color: #333; color: #fff;}

.pg-wr .pg {display: inline-block; height: 40px; line-height: 40px;}
.pg-wr .pg img {display: inline-block; vertical-align: middle;}
.pg-wr .pg-first {}
.pg-wr .pg-prev {margin-left: 33px;}
.pg-wr .pg-next {margin-right: 33px;}
.pg-wr .pg-last {} */

.paginationSet {padding-top: 50px; text-align: center; font-size: 0;}
.paginationSet > * {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) > 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 > 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.first {margin-right: 33px; width: 16px; background: url('../img/pg-first.png') no-repeat center;}
.pagination li.prev {margin-right: 36.5px; width: 12px; background: url('../img/pg-prev.png') no-repeat center;}
.pagination li.next {margin-left: 36.5px; width: 12px; background: url('../img/pg-next.png') no-repeat center;}
.pagination li.end {margin-left: 33px; width: 16px; background: url('../img/pg-last.png') no-repeat center;}

/* 게시판 상세페이지 */
.board-view {padding-top: 30px;}
.board-view-title_wr {margin: 20px 0;}
.board-view-title {margin-bottom: 14px; font-size: 30px; font-weight: 400; line-height: 1.2;}
.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-wr .board-view.reply {padding-top: 50px;}

.board-view .board-view-img-ul {padding: 20px 30px; margin: -5px;}
.board-view .board-view-img-ul li {padding: 5px; width: calc(100% / 8 - 25px / 8);}
.board-view .board-view-img-ul li button {display: block; position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; border: 0;}
.board-view .board-view-img-ul li button img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

/* 상세 + 작성 */
.board-view-in {position: relative;}
.board-view-in:not(:last-child) {padding-bottom: 50px;}
.board-view-ul {font-size: 0; border-top: 2px solid #d41421;}
.board-view-ul.left .board-view-inner > .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-inner > * {padding: 10px 15px; font-size: 16px; vertical-align: middle;}
.board-view-inner > .content {width: 100%; padding: 30px;}
.board-view-inner > .k {display: table-cell; padding: 10px 20px; width: 165px; background-color: #fafafa; text-align: center; font-weight: 500;}
.board-view-inner > .v {display: table-cell; width: calc(100% - 165px); word-break: break-all;}
.board-view-inner > .v > *: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 a {display: inline-block; margin: 0 2px; padding: 2px 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; font-size: 14px; font-weight: 400; color: #666;}

/* > 상세페이지 하단 버튼 */
.board-view-btns {padding: 20px 0;}
.board-view-btns li:first-child {float: left;}
.board-view-btns li:last-child {float: right;}
.view-like-btn {padding: 10px 20px; min-width: 150px; 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;}
.view-list-btn {}

.view-move-ul {border-bottom: 1px solid #ddd;}
.view-move-ul li {font-size: 0;}
.view-move-ul li:not(:last-child) {border-bottom: 1px dashed #ddd;}
.view-move-ul li > * {display: inline-block; vertical-align: middle;}
.view-move-l {position: relative; width: 165px; height: 50px; line-height: 50px; font-size: 16px; 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: #ddd;}
.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: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view-move-r a:hover {font-weight: 400;}

/* > 상세페이지 댓글 */
.board-view-comment {margin-top: 40px;}
.view-comment-box {margin-bottom: 10px; padding: 25px; background-color: #f8f8f8; 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; border-bottom: 1px solid #333; font-weight: 400;}
.view-comment-list {}
.view-comment-list > 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: -5px; left: 5px; font-size: 16px;}
.txt_block {font-size: 0; margin: 0 -10px;}
.txt_block > * {display: inline-block; position: relative; padding: 0 10px; font-size: 16px; vertical-align: middle;}
.txt_block > *:not(:last-child)::after {content: ''; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 1px; height: 10px; background-color: #ddd; }
.comment-thumb {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_txt {padding: 10px 0 15px;}
.comment-btn {padding: 4px 7px; border: 1px solid #aaa; border-radius: 3px; background-color: #fff; color: #666; font-size: 14px; font-weight: 400;}
.comment-del {font-size: 14px; border: 0; background: none; color: #666;}
.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;}

/* 저작권 표시 */
.ccl-wr {margin: 20px 0;}
.ccl-in > * {display: inline-block;}
.ccl-btn {display: inline-block; margin-right: 7px; vertical-align: middle; background-color: #fff; padding: 5px 10px; border: 1px solid #999; border-radius: 3px; color: #333;}
.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: 15px; padding: 20px 25px; border: 1px solid #999; border-radius: 3px; background-color: #fff; display: none;}
.ccl-pop-title {font-size: 18px; font-weight: 500;}
.ccl-pop-ul {padding: 5px 0 10px;}
.ccl-pop-li {padding: 5px 0;}
.ccl-pop-li > * {display: inline-block;}
.ccl-wr .radio-wrap {margin-left: 5px;}

/* 자동등록방지 */
.captcha-wr {margin: 20px 0;}
.captcha-write > * {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-text {font-size: 16px; font-weight: 400; color: #666;}
.captcha_btns {margin-top: 10px;}

/* 콘텐츠 하단 만족도 및 설문조사 */
.content-ft {border: 1px solid #eee; border-radius: 10px;}
.content-ft-top {background-color: #fafafa; padding: 28px 38px 26px;}
.content-ft-top-item {position: relative;}
.content-ft-top-item .info-wr {}
.content-ft-top-item .info-wr:last-child {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.content-ft-top-item:last-child {padding-top: 13px;}
.content-ft-top-item .text01 { font-weight: 400; font-size: 14px; color: #666;}
.content-ft-bot {padding: 24px 37px 25px;}
.content-ft-bot .ans {padding-top: 17px;}
.content-ft-bot .ans-left {width: 558px; padding-right: 20px; position: relative;}
.content-ft-bot .ans-left::after {content: ''; width: 1px; height: 16px; background-color: #ccc; position: absolute; top: 4px; right: 0;}
.content-ft-bot .ans-right {width: calc(100% - 558px); padding-left: 20px;}
.content-ft-bot .ans-right .txt-input {display: inline-block; margin-right: 10px; width: calc(100% - 130px);}
.content-ft-bot .ans-right .btn {display: inline-block;}

/* step layout */
.step-ul {font-size: 0; margin: -10px -20px;}
.step-ul li {display: inline-block; padding: 20px; position: relative;}
.step-ul li::after {content: ''; width: 7px; height: 12px; background: url('../img/icon-arr-right01.png') no-repeat center; position: absolute; top: 50%; right: -3.5px; transform: translateY(-50%);}
.step-ul li:last-child::after {display: none;}
.step-ul li .step-inner {overflow: hidden; border: 1px solid #ddd; border-radius: 20px; padding: 24px 20px 26px; text-align: center; height: 100%; background-color: #fff;}
.step-ul li .step-inner .cont {text-align: left;}
.step-ul li .step-inner .cont.center {text-align: center;}

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

.step-ul.type02 {}
.step-ul.type02 .title01 {display: table; width: 100%; padding: 10px; background-color: #d41421; color: #fff; font-size: 16px; text-align: center;}
.step-ul.type02 .title01 span {display: table-cell; vertical-align: middle;}
.step-ul.type02 .text01 {font-size: 15px;}
.step-ul.type02 .text02 {font-size: 15px;}
.step-ul.type02 .text03 {font-size: 14px;}
.step-ul.type02 .text04 {font-size: 14px;}
.step-ul.type02 li .step-inner {padding: 0;}
.step-ul.type02 li .step-inner .cont {padding: 10px;}

.text-card {overflow: hidden;}
.text-card > ul {margin: -10px;}
.text-card > ul > li {padding: 10px;}
.text-card .box {overflow: hidden; height: 100%; border-radius: 10px;}
.text-card .top {padding: 20px;}
.text-card .con {padding: 20px;}
.text-card .text01 {font-size: 16px; font-weight: 600; color: #fff;}
.text-card .text02 {font-size: 16px; font-weight: 300; color: #444;}
.text-card .text02 ~ .text02 {margin-top: 8px; padding-top: 8px; border-top: 1px solid #ddd;}
.text-card .con a:hover {font-weight: 500;}

.text-card .box.bg1 {border: 2px solid rgba(239, 62, 80, 1);}
.text-card .box.bg2 {border: 2px solid #666;}
.text-card .box.bg1 .top {background: rgb(239, 62, 80); background: linear-gradient(53deg, rgba(239, 62, 80, 1) 0%, rgba(246, 70, 47, 1) 100%);}
.text-card .box.bg2 .top {background-color: #666;}

/* List layout */
.sub-list_box.white {background-color: #fff; border: 1.5px solid #e8e8e8;}
.sub-list_box.gray {border: 1.5px solid #eee;}
.sub-list_box.gray .sub-list-li:not(:last-child) {border-bottom: 1.5px solid #eee;}
.sub-list_box li {font-size: 0;}
.sub-list-ul {padding: 0 20px;}
.sub-list-li {padding: 25px 10px;}
.sub-list-li:not(:last-child) {border-bottom: 1.5px dashed #e8e8e8;}
.sub-list-text, .sub-list-img {display: inline-block; vertical-align: middle;}
.sub-list_box.top .sub-list-text, .sub-list_box.top .sub-list-img {vertical-align: top;}
.sub-list-ul.top {vertical-align: top;}
.sub-list-img {text-align: center;}
/* .sub-list-img img {width: 100%;} */
.sub-list-text { padding-left: 30px;}
.sub-list_box.opp .sub-list-text {padding-left: 0; padding-right: 30px;}
.sub-list_box.img100 .sub-list-img {width: 100px;}
.sub-list_box.img150 .sub-list-img {width: 150px;}
.sub-list_box.img200 .sub-list-img {width: 200px;}
.sub-list_box.img250 .sub-list-img {width: 250px;}
.sub-list_box.img300 .sub-list-img {width: 300px;}
.sub-list_box.img350 .sub-list-img {width: 350px;}
.sub-list_box.img100 .sub-list-text {width: calc(100% - 100px);}
.sub-list_box.img150 .sub-list-text {width: calc(100% - 150px);}
.sub-list_box.img200 .sub-list-text {width: calc(100% - 200px);}
.sub-list_box.img250 .sub-list-text {width: calc(100% - 250px);}
.sub-list_box.img300 .sub-list-text {width: calc(100% - 300px);}
.sub-list_box.img350 .sub-list-text {width: calc(100% - 350px);}

/* 세로 프로세스 */
/* .ver-process-ul li:not(:last-child) {margin-bottom: 40px;} */
.ver-process-wr {padding: 30px;}
.ver-process-ul {max-width: 500px; margin: auto;}
.ver-process-ul li:not(:last-child)::after {content: ''; display: block; width: 100%; height: 40px; background: url('../img/icon-process_arrow.png') no-repeat center / 9.5px;}
.ver-process-in {padding: 17px; font-size: 0; border: 1.5px solid #ddd; border-radius: 10px; background-color: #fff; box-shadow: 0 0 5px 3px rgba(0, 0, 0, .03);}
.ver-process-in > * {display: inline-block; vertical-align: top;}
.ver-process-num {position: relative; padding-right: 10px; text-align: center; width: 35px; font-size: 16px; font-weight: 400; color: #999;}
.ver-process-num::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background-color: #e5e5e5;}
.ver-process-txt {padding-left: 15px; width: calc(100% - 35px); font-size: 16px; font-weight: 400; color: #0f0f0f; text-align: left;}

.ver-process-ul.type01 li:nth-child(1) .ver-process-in {border-color: #FC0000;}
.ver-process-ul.type01 li:nth-child(2) .ver-process-in {border-color: #F00000;}
.ver-process-ul.type01 li:nth-child(3) .ver-process-in {border-color: #D10000;}
.ver-process-ul.type01 li:nth-child(4) .ver-process-in {border-color: #C30000;}
.ver-process-ul.type01 li:nth-child(5) .ver-process-in {border-color: #B00000;}
.ver-process-ul.type01 li:nth-child(6) .ver-process-in {border-color: #9A0000;}
.ver-process-ul.type01 li:nth-child(1)::after, .ver-process-ul.type01 li:nth-last-child(2)::after {background-image: url('../img/icon-process_arrow_red.png');}

.ver-process-ul.type02 li:nth-child(1) .ver-process-in {border-color: #2234AE;}
.ver-process-ul.type02 li:nth-child(2) .ver-process-in {border-color: #212F95;}
.ver-process-ul.type02 li:nth-child(3) .ver-process-in {border-color: #1F2A7B;}
.ver-process-ul.type02 li:nth-child(4) .ver-process-in {border-color: #1E2666;}
.ver-process-ul.type02 li:nth-child(5) .ver-process-in {border-color: #1C2148;}
.ver-process-ul.type02 li:nth-child(6) .ver-process-in {border-color: #19181A;}
.ver-process-ul.type02 li:nth-child(1)::after, .ver-process-ul.type02 li:nth-last-child(2)::after {background-image: url('../img/icon-process_arrow_black.png');}

/* image layout */
.img-ul {margin: -10px;}
.img-li {padding: 10px;}

.caption-img-wr {font-size: 0; text-align: center;}
.caption-img {display: inline-block; width: 100%; border: 1px solid #ddd;}
.caption-exp {padding: 5px 10px; background-color: #333; color: #fff; font-size: 16px;}

/* 관련사이트 */
.rel-site_wr {overflow: hidden;}
.rel-site_wr > ul {margin: -20px -10px;}
.rel-site_wr > ul > li {padding: 20px 10px; text-align: center;}
.rel-site_wr .rel-site_box {display: block; overflow: hidden; border: 1px solid #ddd; border-radius: 3px;}
.rel-site_wr .rel-site_img {padding: 20px; font-size: 0;}
.rel-site_wr .rel-site_link {display: block; width: 100%; text-align: center;}

/* 버튼 컨테이너 */
.sub-btn_ul.vertical {margin: -7.5px 0;}
.sub-btn_ul.vertical li {padding: 7.5px 0;}
.sub-btn_ul.vertical.narrow {margin: -3.5px 0;}
.sub-btn_ul.vertical.narrow li {padding: 3.5px 0;}
.sub-btn_ul.horizontal {margin: 0 -20px !important; font-size: 0;}
.sub-btn_ul.horizontal li {display: inline-block; vertical-align: middle; padding: 0 20px;}
.sub-btn_ul.horizontal.narrow {margin: 0 -5px !important; font-size: 0;}
.sub-btn_ul.horizontal.narrow li {display: inline-block; vertical-align: middle; padding: 0 5px;}

.sub-btn_ul.vertical .txtBtn {position: relative; padding-left: 15px;}
.sub-btn_ul.vertical .txtBtn::before {content: ''; position: absolute; top: 5px; left: 0; width: 5px; height: 5px; background-color: #d41421; border-radius: 50%;}
.sub-btn_ul.horizontal .txtBtn {position: relative;}
.sub-btn_ul.horizontal li:not(:last-child) .txtBtn::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -20px; width: 1px; height: 15px; background-color: #ddd; border-radius: 50%;}

/* 강조 안내글 */
.exclamMark {position: relative; padding: 0 0 0 37px; line-height: 1.65;}
.exclamMark:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url('../img/icon-exclam-white.png') no-repeat center/16px, #d41421;
  font-weight: 400; 
}

.exclamMark.type01:before {
  background: url('../img/icon-exclam-type01.png') no-repeat center/15px;
}
.exclamMark.type02:before {
  background: url('../img/icon-exclam-type02.png') no-repeat center/24px;
}
.exclamMark.type03:before {
  background: url('../img/icon-exclam-type03.png') no-repeat center/18px;
}
.exclamMark.type04:before {
  background: url('../img/icon-exclam-type04.png') no-repeat center/18px;
}
.exclamMark b {font-weight: 500;}
.sub-text_box .exclamMark a {font-weight: 400; text-decoration: underline;}

/* iframe */
.iframe_box {    
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe_box iframe, .iframe_box object, .iframe_box embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #bbb;
}

.hidden {display: none;}

/* Add */
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt60 {padding-top: 60px !important;}
.pt70 {padding-top: 70px !important;}
.pt80 {padding-top: 80px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top: 100px !important;}

.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

.fc-main {color: #FF5331 !important;}
.fc-black {color: #000 !important;}
.fc-white {color: #fff !important;}
.fc-text_black {color: #333 !important;}

.sb-text1 {font-size: 32px; font-weight: 500; color: #000; line-height: normal;}
.sb-text2 {font-size: 24px; font-weight: 200; color: #000; line-height: normal;}
.sb-body_text1 {font-size: 18px; font-weight: 400; color: #000; line-height: 1.55;}

.vertical-list {position: relative; padding-left: 38px;}
.vertical-list ~ .vertical-list {margin-top: 28px;}
.vl-tit {font-size: 22px; font-weight: 500; color: #000; line-height: normal;}
.vl-tit:before {content: ""; display: block; position: absolute; top: 7px; left: 0; z-index: 1; width: 12px; height: 12px; border-radius: 50%; background-color: #FF5331;}
.vl-expl {margin-top: 8px;}
.vl-expl li {font-size: 18px; font-weight: 300; color: #444; line-height: normal;}


/* Hover */
@media screen and (min-width: 1024px) {
  .more-btn:hover {border-color: #e61e15; color: #e61e15;}
  .more-btn:hover:after {background: url('../img/icon-more_ov.png') no-repeat center/contain;}
}