@charset "utf-8";
/* CSS Document */
/* 공통 영영 */
input {font-size: 1.4rem; border:0.1rem solid #e2e2e2 !important;}
label {font-size: 1.4rem; cursor: pointer;}
input::placeholder {color: #111111; font-size: 1.4rem;}
textarea::placeholder {color: #111111; font-size: 1.4rem;}
select{position:relative;padding-right:2.5rem;background:#fff url("../images/layout/select_arrow.svg") calc(100% - 1rem) calc(50% - .15rem) no-repeat;background-size:1.5rem; appearance:none;-webkit-appearance:none;-moz-appearance:none; font-size: 1.4rem; border:0.1rem solid #e2e2e2 !important; cursor: pointer;}
.hide {position: absolute !important; width: 0.1rem; height: 0.1rem; margin: -0.1rem; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);} /* 텍스트 숨기기 */
body {letter-spacing: -0.02rem;}
.f_white {color:#fff !important;}
.bo_l {border-left: 0.1rem solid #e2e2e2 !important;}
.bo_r {border-right: 0.1rem solid #e2e2e2 !important;}
.impo {font-size: 1.3rem; font-weight: normal}
.impo:before {content: "*"; font-weight: bold; font-size: 1.6rem; padding: 0rem 0.2rem; color: #FF0004;}
.felx_between {display: flex !important; justify-content: space-between !important; align-items: center !important;}
.flex_column {flex-direction: column;}
.mb0 {margin-bottom: 0rem !important;}
.pl20 {padding-left:2rem !important;}
.mt05 {margin-top:0.5rem !important; margin-bottom: 0.5rem !important;}
.mt10 {margin-top:1rem !important; margin-bottom: 1rem !important;}
.blank_box {padding: 0.5rem 0rem;}
.blank_box input {width: 10rem; height: 3rem;}
.w10 {width: 10% !important;}
.w20 {width: 20% !important;}
.w30 {width: 30% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w80 {width: 80% !important;}
.w90 {width: 90% !important;}
.w100 {width: 100% !important;}
.border_left {border-left:0.1rem solid #e2e2e2 !important;}
.text_l {text-align: left !important;justify-content: left !important;}
.text_c {text-align: center !important;justify-content: center!important;}
.text_r {text-align: right !important;justify-content: flex-start!important;}
.fw3 {font-weight: 300 !important;}
.fw4 {font-weight: 400 !important;}
.fw5 {font-weight: 500 !important;}
.fbold {font-weight: 600 !important;}
.space_none {justify-content:normal !important; align-items: center;}
.space_tween {justify-content: space-between !important; align-items: center;}
.text_in1 {padding-left:1rem !important;}
.text_in2 {padding-left:2rem !important;}
.text_in3 {padding-left:3rem !important;}
.text_in4 {padding-left:4rem !important;}
.text_in5 {padding-left:5rem !important;}
.text_in6 {padding-left:6rem !important;}
.text_in7 {padding-left:7rem !important;}

/* 버튼 영역 */
.btn_box {display: flex; gap:0.5rem; align-items: center;}
.btn_box ul {display: flex; gap:0.5rem; align-items: center;}
.btn_box a {width: 100%; text-align: center;}
.btn_base {font-size: 1.4rem;padding: 0.7rem 0.5rem;border-radius: 0.5rem;font-weight: 500;min-width: 7rem;}
.bg_blue {background: #3864f2; color:#fff; border:0.1rem solid #3864f2;}
.bg_orange {background: #ff4208; color:#fff; border:0.1rem solid #ff4208;}
.bg_gray {background: #efecf5; color:#000; border:0.1rem solid #efecf5;}
.bg_green {background: #26B972; color:#fff; border:0.1rem solid #26B972;}
.bg_red {background: #ff2626;color:#fff;border: 0.1rem solid #ff2626;}
.line_gray {border:0.1rem solid #d6d6d6; background: #fff;}
.line_green {border:0.1rem solid #2c7c30; background: #fff; color:#004203;}
.line_blue {border:0.1rem solid #3864f2; background: #fff; color:#3864f2;}
.line_orange {border:0.1rem solid #ff4208; background: #fff; color:#ff4208;}
.line_red {border:0.1rem solid #ff2626; background: #fff; color:#ff2626;}
.bg_red:hover,
.bg_green:hover,
.bg_gray:hover,
.bg_blue:hover,
.bg_orange:hover {background: #2b2c2f; border:0.1rem solid #000000; color:#fff;}
.line_red:hover,
.line_orange:hover,
.line_gray:hover,
.line_green:hover,
.line_blue:hover {background: #fff !important; color:#000000 !important; border:0.1rem solid #000000;}
.btn_move_box {display: flex;width: 100%;margin:0 auto;max-width: 70%;gap:1rem;}
.btn_move_box a {width: 100%; text-align: center;  padding: 1.5rem 1rem; font-size: 1.4rem; border-radius: 0.5rem; font-weight: 600;}
.btn_move_box button {width: 100%; text-align: center;  padding: 1.5rem 1rem !important; font-size: 1.4rem; border-radius: 0.5rem; font-weight: 600;}

.f_orange {color:#ff4208;}
.f_red {color:#FF1014;}
.f_blue {color:#3864f2;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.h100 {height: 100px;}
/* 상단 영역 이동 */
.circle_progress_wrap {position: fixed; width: 70px; height: 70px; bottom: 1.5rem; right:1.5rem; z-index: 99; transition:all 1s; opacity: 0;}
.circle_progress_wrap.active {transition: opacity 1s ease-in-out;  opacity: 1;}
.circle_progress {transform: rotate(-90deg);}
.frame, .bar {/*fill: none;*/ fill:#fff;}
.frame {stroke: #e6e6e6;}
.bar {stroke: #03c75a; stroke-linecap: round;}
.value,
.circle_progress_wrap p {position: absolute; left: 0; right: 0; bottom: 0; top: 0; text-align: center; color: #888; line-height: 70px;}
.circle_progress_wrap p {top: 20px;}
.circle_progress_wrap a {display: block;}
.circle_progress_wrap .value  {display: flex; align-items: center; justify-content: center;}
.circle_progress_wrap .value i {font-size:2.5rem; padding-bottom: 0.5rem;}

/* 페이지네이션 */	
.pagination_wrap {display: flex; justify-content: center;}
.pagination_area {display: flex; justify-content: center;}
.pagination_area a {position: relative; padding: 1rem 10%; font-size: 1.6rem;}
.pagination_area a span {z-index: 99; position: relative;}
.pagination_area a:hover {color: #1A5CD5;}
.pagin_on {color: #2149a6; text-decoration: underline; font-weight: 600;}
.pagin_on:hover {color: #2149a6 !important;}
.prev_page,
.next_page {border:0.1rem solid #e2e2e2; border-radius: 0.5rem;}
.prev_page:before {content: "\e93b"; font-family:"xeicon"; vertical-align: top;}
.next_page:before {content: "\e93e"; font-family:"xeicon"; vertical-align: top;}


/* 푸터 영역 */
#footer_wrap {margin-top: 0rem;}
.footersubmenu_bg {background: #f8f8f8; border-top:0.1rem solid #c6c6c6; border-bottom:0.1rem solid #dfdfdf;}
.footersubmenu {max-width:140rem; margin:0 auto; padding: 0rem 3rem;}
.footersubmenu ul {display: flex;}
.footersubmenu ul li a {position: relative;display: block;padding: 1.5rem 3rem;font-size: 1.4rem;font-weight: 600;color:#696969;}
.footersubmenu ul li a:hover {text-decoration: underline; color: #184aa7;}
.footersubmenu ul li a:after {content: ""; position: absolute; top:50%; right:-0.5rem; transform: translate(0%,-50%); width: 0.5rem; height: 0.5rem; background: #dcdcdc; border-radius: 10rem;}
.footersubmenu ul li:first-child a {padding-left:0rem; color:#184aa7;}
.footersubmenu ul li:last-child a:after {display: none;}
.footer {background: #f8f8f8;}
.footerarea {max-width:140rem; margin:0 auto;}
.footersubwrap {padding: 1.5rem 3rem;}
.footerInfo address {font-size: 1.4rem;line-height: 3rem;font-weight: 600;}
.footerInfo .telfaxInfo {font-size: 1.4rem;line-height: 3rem;color: #878585;}
.footerInfo .telfaxInfo span:nth-child(1) {font-weight: 600; color: #111111;}

@media screen and (max-width: 1024px){
	.btn_base {padding: 0.5rem;}
	#footer_wrap {margin-top:3rem;}
	.btn_box {flex-direction: column;}
	.btn_box .conclusion_utill{width: 100%;}
	.conclusion_utill ul li input {width: 100%;}
	.w30 {width: 100% !important;}
}

@media (max-width: 768px) {
.footersubmenu ul {}
.footersubmenu ul li a {font-size: 1.4rem; padding: 2rem 1rem;}
.footersubmenu ul li a:after {display: none;}
.footerInfo address,
.footerInfo .telfaxInfo {font-size: 1.4rem;}

}