@charset "utf-8";

/*
	Plani CSS style
	- 파일명 : default.css
	- 작성자 : MX-P 이헌희
	- 최초작성일 : 2022.09.22
*/

/* 디스플레이 */
.d_block{display:block !important}
.d_inline{display:inline !important}
.d_inline_block{display:inline-block !important}

/* position */
.p_static{position:static}
.p_relative{position:relative}
.p_absolute{position:absolute}

/* 반응형 뷰 */
@media(min-width:768px) {
	.moview{display:none !important}
}
@media(min-width:640px) {
	.moview2{display:none !important}
}
@media(max-width:767px) {
	.pcview{display:none !important}
}
@media(max-width:639px) {
	.pcview2{display:none !important}	
}

/* 제목 스타일 */
[class*="c_tit_"]{font-weight:800}
.c_tit_1{color:#111;font-size:2.8rem;line-height:3.4rem}
.c_tit_1.type02{position:relative;padding-bottom:1.5rem}
.c_tit_1.type02:before{content:"";display:block;position:absolute;bottom:0;left:calc(50% - 2rem);width:4rem;height:.3rem;background-color:#333}
.c_tit_2{color:#2c4e30;font-size:2.4rem;line-height:2.8rem}
.c_tit_3{color:#07336d;font-size:2rem;line-height:2.4rem}
.c_tit_4{color:#003471;font-size:1.8rem;line-height:2.4rem}
.c_tit_5{}

/* 부제 스타일 */
.c_tit_1>span{color:#676767;font-size:2rem;line-height:2.2rem;vertical-align:.3rem}

/* 제목 박스 스타일 */
.c_tit_box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;font-weight:500}
.c_tit_box>[class*="c_tit_"]+*{margin:0}
.c_tit_box .caption_txt{color:#373737;font-weight:500;line-height:2.8rem}
@media(max-width:767px) {
	.c_tit_box{flex-direction:column;align-items:flex-start}
}

/* 제목 스타일 간격 */
[class*="c_tit_"]+*{margin-top:1.5rem}
*:not([class*="c_tit_"])+.c_tit_1, *:not([class*="c_tit_"])+.c_tit_box.tit_1,
*:not([class*="c_tit_"])+.respond_x_scr>.c_tit_box.tit_1{margin-top:6.5rem}
*:not([class*="c_tit_"])+.c_tit_2, *:not([class*="c_tit_"])+.c_tit_box.tit_2,
*:not([class*="c_tit_"])+.respond_x_scr>.c_tit_box.tit_2{margin-top:4.5rem}
*:not([class*="c_tit_"])+.c_tit_3, *:not([class*="c_tit_"])+.c_tit_box.tit_3,
*:not([class*="c_tit_"])+.respond_x_scr>.c_tit_box.tit_3{margin-top:2.5rem}

/* 기본 텍스트 */
.c_txt{color:#333;font-size:1.8rem;line-height:3rem}
.c_txt_small{font-size:1.7rem;line-height:2.4rem}
.txt_break{word-break:break-all}

/* 준비중 페이지 */
.wating_box{padding:8.5rem 2.5rem}
.wating_box>.ta_center{margin-bottom:2rem}
.wating_box>.ta_center .xi-spin{animation-duration:5s}
.wating_box>.ta_center .xi-spinner-5{font-size:6.4rem;line-height:1}
.wating_box>strong{display:block;position:relative;color:#333;font-size:3.2rem;line-height:4rem}
.wating_box>strong:before{content:"";display:block;position:absolute;bottom:0;left:calc(50% - 1.7rem);width:3.4rem;height:2px;background-color:#1a8fdc}
.wating_box>img{width:21rem}

/* 리스트 스타일, 텍스트 불릿_ul */
.txt_list{}
.txt_list li,.txt_bul{position:relative}
.txt_list>li,.txt_bul{padding-left:1.6rem;color:#333;font-size:1.8rem;line-height:2.8rem}
.txt_list>li:before,
.txt_bul:before{content:"";display:block;position:absolute;top:1.2rem;left:0;width:.4rem;height:.4rem;background-color:#ccc}
.txt_list>li>ul{}
.txt_list>li>ul>li,
.txt_bul>.txt_bul{font-size:1.7rem;line-height:2.6rem}

/* 특수문자 패딩 예외처리 */
.txt_list li.entity_txt{padding-left:.9rem}

/* 플렉스 스타일 필요 시 */
.txt_list li.flex_list{display:flex}
.txt_list li.flex_list>strong{flex-shrink:0;padding-right:.75rem}
@media(max-width:639px) {
	.txt_list li.flex_list{flex-direction:column}
}

/* type02 */
.txt_list.type02>li,
.txt_bul.type02{padding-left:1.1rem}
.txt_list.type02>li:before,
.txt_bul.type02:before{content:"-";top:-.2rem;left:0;width:auto;height:auto;background:none}

/* 리스트 스타일_ol */
.num_list{counter-reset:num_01}
.num_list li{position:relative}
.num_list>li{margin-top:.8rem;padding:0 0 .15rem 4rem;color:#333;font-size:1.8rem;line-height:2.65rem}
.num_list>li:before{counter-increment:num_01;content:""counter(num_01)"";display:block;position:absolute;top:0;left:0;width:2.8rem;height:2.8rem;background-color:#676767;color:#fff;font-family:"Poppins";font-size:1.5rem;font-weight:600;line-height:2.8rem;text-align:center}
.num_list>li:first-child{margin-top:0}

/* li 안에 .num으로 들어가는 리스트 스타일 */
.num_list_txt{}
.num_list_txt>li{display:flex;flex-wrap:wrap;margin-top:.25rem;color:#333;font-size:1.8rem;line-height:3rem}
.num_list_txt>li:first-child{margin-top:0}
.num_list_txt>li>.num{margin-right:.5rem}
.num_list_txt>li>.txt{flex:1}
.num_list_txt>li>ol{width:100%}

.num_list_txt.type01>li{} /* ① / ② ...... */
.num_list_txt.type01>li>.num{padding-top:.05rem}
.num_list_txt.type02>li{padding-left:1rem}
.num_list_txt.type02>li>.num{}/* 1 / 2 ...... */

/* 테이블 스타일 */
.tbl {position:relative;width:100%;border-top:2px solid #2c4e30;border-bottom:1px solid #d8d8d8;border-collapse:collapse;table-layout:fixed}
.tbl th, .tbl td{padding:1.55rem 3.5rem 1.65rem;border:1px solid #ddd;border-bottom:0;font-size:1.7rem;line-height:2.4rem;word-break:keep-all;word-wrap:break-word}
.tbl.tbl_small th, .tbl.tbl_small td{padding:1.55rem 1.5rem 1.65rem}
.tbl th{background-color:#f4f6f4;color:#2c4e30;font-weight:600;text-align:center}
.tbl td{background:#fff;color:#595959}
.tbl.tbl_inherit td *{font-size:inherit;line-height:inherit}
.tbl th:first-child,
.tbl td:first-child{border-left:0}
.tbl th:last-child,
.tbl td:last-child{border-right:0}
.tbl thead tr:first-child th{}
.tbl thead tr:last-child th{border-bottom:0}
.tbl tbody th{border-right:0}
.tbl tbody th:first-child[rowspan]{border-right:1px solid #ddd}
.tbl tbody th+td{border-left:0}
.tbl thead+tbody tr:first-child>*{border-top:0}
.tbl thead+tbody th{background-color:#fff;font-weight:500}
.tbl thead+tbody th+td{border-left:1px solid #ddd}
.tbl.small_tbl th, .tbl.small_tbl td{padding:1.55rem 1.25rem 1.65rem}

/* flex tbl */
.tbl.tbl_flex>tbody{display:flex}
.tbl.tbl_flex>tbody tr{display:flex;flex-direction:column;border-top:1px solid #ddd}
.tbl.tbl_flex>tbody tr:not(:first-child){border-left:1px solid #ddd}
.tbl.tbl_flex>tbody tr th,
.tbl.tbl_flex>tbody tr td{border:0}
.tbl.tbl_flex>tbody tr td:not(:last-child){border-bottom:1px solid #ddd}


@media(max-width:767px) {
	.tbl.tbl_flex>tbody{flex-direction:column}
	.tbl.tbl_flex>tbody tr:not(:first-child){border-left:0}
	.tbl.tbl_flex>tbody tr th,
	.tbl.tbl_flex>tbody tr td{padding:1.55rem 1.5rem 1.65rem}
}

/* thead+tbody th bg 들어가는 경우 */
.tbl.tb_bg thead+tbody th{background-color:#f4f6f4;border-right:1px solid #ddd}
.tbl.tb_bg thead+tbody tr:first-child>*{border-top:1px solid #ddd}

.tbl_comment{} /* <ul class="tbl_comment"> 또는 <div class="tbl_comment"> / 간격은 mt / mb 클래스 활용*/
.tbl_comment>*{position:relative;color:#676767;font-size:1.6rem;line-height:2.4rem} /* li 또는 p 사용 */
.tbl_comment.type01>*{padding-left:2rem}
.tbl_comment.type02>*{padding-left:1.5rem}
.tbl_comment>*:before{display:block;position:absolute;top:0;left:0}
.tbl_comment.type01>*:before{content:"※"}
.tbl_comment.type02>*:before{content:"*";top:.35rem}

/* 반응형 가로스크롤 스타일 */
@media(max-width:767px) {
	/* 공통 스타일 */
	.respond_x_scr{position:relative}
	.respond_x_scr>.c_tit_box{padding-right:80px}
	.respond_x_scr>[class*="_wrap"]{position:relative}
	.respond_x_scr>[class*="_wrap"]:before,
	.respond_x_scr>[class*="_wrap"]:after{content:"";display:block;position:absolute;bottom:calc(100% + 1.5rem)}
	.respond_x_scr>[class*="_wrap"]:before{right:0;width:68px;height:40px;background:url("../images/common/mCont_scroll_ico_arr.png") no-repeat 50% 50%/contain}
	.respond_x_scr>[class*="_wrap"]:after{right:24px;width:21px;height:32px;position:absolute;animation:mov_scr 0.7s linear 1s infinite alternate;background:url("../images/common/mCont_scroll_ico.png") no-repeat 50% 50%/contain}
	.respond_x_scr>[class*="_wrap"]>.inner{overflow-x:auto;padding-bottom:1.5rem}
	.respond_x_scr>[class*="_wrap"]>.inner>*{min-width:767px}

	.respond_x_scr.none_title{margin-top:calc(45px + 1.5rem) !important}
	
	/* 이미지 박스 */
	.respond_x_scr>.img_wrap[class*="_box"]:before{bottom:auto;top:1rem;right:1.5rem}
	.respond_x_scr>.img_wrap[class*="_box"]:after{bottom:auto;top:1.5rem;right:calc(1.5rem + 24px)}
}

@keyframes mov_scr {
    0% {transform:translateX(-3px)}
    100% {transform:translateX(3px)}
}

/* 탭버튼_공통 */
.tab_wrap{}
.tab_wrap>.inner{}
.tab_wrap>.inner>.tab_list{display:flex;flex-wrap:wrap;position:relative}
.tab_wrap>.inner>.tab_list>.item>a[target="_blank"]>i{position:relative;top:.1rem;padding-left:.5rem}

/* type01 */
.tab_wrap>.type01>.tab_list{margin:1px 0 0 1px;width:100%}
.tab_wrap>.type01>.tab_list>.item{display:table;flex:1 1 calc(100% / 5);margin:-1px 0 0 -1px;min-height:6.2rem;text-align:center;vertical-align:middle}
.tab_wrap>.type01>.tab_list>.item>a{display:table-cell;position:relative;padding:.85rem 1.5rem .95rem;height:100%;background-color:#f4f6f4;color:#676767;border:1px solid #e2e4e2;font-size:1.6rem;line-height:2.2rem;vertical-align:middle}
.tab_wrap>.type01>.tab_list>.item>a>sub{font-size:1.3rem;line-height:1;vertical-align:-.1rem}
.tab_wrap>.type01>.tab_list>.item.on>a{background-color:#1a8fdc;border-color:#1a8fdc;color:#fff;z-index:1}
@media(min-width:1024px) {
	.tab_wrap>.type01>.tab_list>.item>a:hover{border-color:#1a8fdc;color:#1a8fdc;z-index:1}
	.tab_wrap>.type01>.tab_list>.item.on>a:hover{color:#fff}
}
@media(max-width:1023px) {
	.tab_wrap>.type01>.tab_list>.item{flex:1 1 calc(100% / 4)}
}
@media(max-width:767px) {
	.tab_wrap>.type01>.tab_list>.item{flex:1 1 calc(100% / 3)}
}
@media(max-width:479px) {
	.tab_wrap>.type01>.tab_list>.item{flex:unset;width:calc(100% / 2 + 1px)}
}

/* type02 */
.tab_wrap>.type02>.tab_list{overflow:hidden;margin:-2rem -2rem 0}
.tab_wrap>.type02>.tab_list:before,
.tab_wrap>.type02>.tab_list:after{content:"";display:block;position:absolute;top:0;width:2rem;height:100%;background-color:#fff;z-index:1}
.tab_wrap>.type02>.tab_list:before{right:calc(100% - 2rem)}
.tab_wrap>.type02>.tab_list:after{left:calc(100% - 2rem)}
.tab_wrap>.type02>.tab_list>.item{position:relative;padding:2rem 2rem 1.4rem}
.tab_wrap>.type02>.tab_list>.item:before{content:"";display:block;position:absolute;bottom:0;left:calc(100% - 5000px);width:10000px;height:1px;background-color:#eee}
.tab_wrap>.type02>.tab_list>.item>a{color:#333;font-size:1.7rem;line-height:2rem}
.tab_wrap>.type02>.tab_list>.item>a:before{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:#43ab49;transition:.25s;z-index:1}
.tab_wrap>.type02>.tab_list>.item.on>a:before{left:2rem;width:calc(100% - 4rem)}
@media(min-width:1024px) {
	.tab_wrap>.type02>.tab_list>.item>a:hover{color:#1a8fdc;font-weight:600}
	.tab_wrap>.type02>.tab_list>.item>a:hover:before{left:2rem;width:calc(100% - 4rem)}
}

/* 컨텐츠 탭 영역 */
.tab_wrap>.inner>.tab_cont>.item:first-child{display:block}
.tab_wrap>.inner>.tab_cont>.item{display:none;padding-top:4rem}

/* 버튼 스타일 */
.btn_area{display:flex;flex-wrap:wrap;align-items:center}
.btn_area.left{justify-content:flex-start}
.btn_area.center{justify-content:center}
.btn_area.right{justify-content:flex-end}

.btn_basic{display:inline-flex;justify-content:center;align-items:center;padding:0 2.4rem .1rem;min-width:19rem;min-height:5.6rem;border:2px solid transparent;font-size:1.8rem;line-height:2rem;text-align:center}
.btn_basic.btn_small{min-width:16rem;min-height:4.8rem;font-size:1.6rem;line-height:1.8rem}
.btn_basic[class*="font_e"]{padding-bottom:0}
.btn_basic[class*="font_k"]{}
.btn_basic.btn_ico_left{padding-left:1.6rem}
.btn_basic.btn_ico_right{padding-right:1.6rem}
/* 버튼 배경색 */
.btn_bg_green{background-color:#43ab49;border-color:#43ab49}
.btn_bg_white{background-color:#fff;border-color:#fff}
.btn_bg_black{background-color:#333;border-color:#333}
/* 버튼 보더 */
.btn_basic[class*="btn_line"]{background-color:#fff}
.btn_line_green{border-color:#43ab49}
.btn_line_black{border-color:#333}
/* 버튼 텍스트 */
.btn_txt_green{color:#43ab49 !important}
.btn_txt_grey{color:#aaa !important}
.btn_txt_white{color:#fff !important}
/* 아이콘 */
.btn_basic[class*="btn_ico"]>i{position:relative;top:.1rem;font-size:2.4rem;line-height:1}
.btn_ico_left{text-align:right}
.btn_ico_right{text-align:left}
.btn_ico_left>i{margin-right:4rem}
.btn_ico_right>i{margin-left:4rem}
@-moz-document url-prefix() {
	.btn_basic[class*="btn_ico"]>i{margin-top:.2rem}
	.btn_basic[class*="font_e"]>i{margin-top:.1rem}
}
/*
@media(min-width:1024px) {
	.btn_basic[class*="btn_bg"]:hover{background-color:#fff}
	.btn_bg_green:hover{color:#43ab49 !important}
	.btn_bg_black:hover{color:#333 !important}
	.btn_basic[class*="btn_line"]:hover{color:#fff !important}
	.btn_line_green:hover{background-color:#43ab49}
	.btn_line_black:hover{background-color:#333}
}
*/

/* 버튼 간격 정의 */
.btn_area.def{margin:-1.6rem -.8rem 0}
.btn_area.def .btn_basic{margin:1.6rem .8rem 0}
.btn_area.thin{margin:-1rem -.5rem 0}
.btn_area.thin .btn_basic{margin:1rem .5rem 0}

/* 체크박스, 라디오 스타일 */
input[class*="input_sel"]+label{position:relative;padding:0 0 .1rem 2.5rem;font-size:1.6rem;line-height:2.3rem}
input[class*="input_sel"]+label:before{content:"";display:block;position:absolute;top:.2rem;left:0;width:2rem;height:2rem;background:no-repeat 50% 50%/contain}
.input_ico_box{display:inline-block;position:relative}
.input_ico_box>i{position:absolute;top:50%;right:1rem;transform:translatey(-50%)}
.input_ico_box>input{position:relative;width:100%;background-color:transparent;z-index:1}

input.input_sel_chk+label:before{background-image:url(../images/common/input_chk_default.svg)}
input.input_sel_chk+label:hover:before,
input.input_sel_chk:focus+label:before{background-image:url(../images/common/input_chk_focus.svg)}
input.input_sel_chk:checked+label:before{background-image:url(../images/common/input_chk_checked.svg)}
input.input_sel_radio+label:before{background-image:url(../images/common/input_radio_default.svg)}
input.input_sel_radio+label:hover:before,
input.input_sel_radio:focus+label:before{background-image:url(../images/common/input_radio_focus.svg)}
input.input_sel_radio:checked+label:before{background-image:url(../images/common/input_radio_checked.svg)}

@media(max-width:767px) {
	.input_ico_box{width:100%}
}

/* 기본 인풋 스타일 */
.input_w_def{min-width:22rem !important}
.input_w_short{min-width:12.8rem !important}
.input_w_long{min-width:100% !important}

/* 레이어팝업 공통 */
.lpop_wrap{visibility:hidden;overflow-y:auto;position:fixed;top:50%;left:50%;padding:5rem 0;width:100%;max-width:1080px;max-height:100%;background-color:#fff;transform:translate(-50%, -50%);opacity:0;transition:.25s opacity, 0s visibility .25s;z-index:100}
.lpop_wrap .layout{width:100%;padding:0 7rem;height:100%}
.lpop_wrap.on{visibility:visible;opacity:1;transition-delay:0s}
@media(max-width:1079px) {
	.lpop_wrap{padding:4rem 0}
	.lpop_wrap .layout{padding:0 3.5rem}
	.lpop_wrap{max-width:calc(100% - 4rem)}
}
@media(max-width:767px) {
	.lpop_wrap{max-width:calc(100% - 6rem)}
}

/* 아코디언 공통 */
.acco_wrap{}
.acco_wrap .acco_item{margin-top:.6rem}
.acco_wrap .acco_item:first-child{margin-top:0}
.acco_wrap .acco_item .acco_btn{background-color:#f4f6f4}
.acco_wrap .acco_item .acco_btn>*{display:flex;flex-wrap:wrap;position:relative;min-height:6.8rem;align-items:center}
.acco_wrap .acco_item .acco_btn>*:after{content:"";display:block;position:absolute;font-family:"xeicon";top:calc(50% - 1rem);right:3.5rem;font-family:"xeicon";color:#111;font-size:2.4rem;line-height:1}
.acco_wrap .acco_item .acco_btn>*:hover:after{opacity:1;transition:.25s all, .35s opacity ease-in-out}
.acco_wrap .acco_item .acco_btn>*>b{color:#222;font-size:1.8rem;font-weight:600;line-height:2.9rem}
.acco_wrap .acco_item .acco_cont{display:none;position:relative}
.acco_wrap .acco_item .acco_cont:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd}
.acco_wrap .acco_item .acco_cont>.inner{position:relative;z-index:1}
/* hover */
.acco_wrap .acco_item .acco_btn.on{background-color:#2c4e30}
.acco_wrap .acco_item .acco_btn.on>*:after{content:"";color:#fff}
.acco_wrap .acco_item .acco_btn.on>*>b{color:#fff}

/* box */
.content_box{}
.border_box{border:1px solid #ddd}
.border_box.type02{border-color:#1a8fdc}
.fill_box{background-color:#f5f5f5}
.fill_box.type02{background-color:#f4fbf4}
.ico_box{display:flex;align-items:center;padding:2.5rem 4rem}
.ico_box>.ico{width:7.2rem;height:7.2rem;background:#fff no-repeat 50% 50%/contain;border-radius:100%}
.ico_box>.inner{flex:1;padding-left:2.5rem}
@media(max-width:639px) {
	.ico_box{flex-direction:column;align-items:center}
	.ico_box>.inner{margin-top:1.5rem;padding:0}
}
/* flex_box */
.flex_box{display:flex}
.flex_box.center{justify-content:center;align-items:center}

/* col_box 기본형 / 포지션 및 간격은 컨텐츠에 맞게 직접 조정 / 기본 설정은 flex */
.flex_col_box{display:flex;flex-wrap:wrap}
.flex_col_box>.item{}
.flex_col_box.col_01>.item{flex:1 1 100%}
.flex_col_box.col_02>.item{flex:1 1 calc(100% / 2)}
.flex_col_box.col_03>.item{flex:1 1 calc(100% / 3)}
.flex_col_box.col_04>.item{flex:1 1 calc(100% / 4)}

@media(max-width:767px) {
	.flex_col_box.col_04>.item{flex:1 1 calc(100% / 2)}
}
@media(max-width:639px) {
	.flex_col_box.col_03>.item{flex:1 1 calc(100% / 2)}	
}
@media(max-width:479px) {
	.flex_col_box:not(.col_01)>.item{flex:1 1 100%}
}

.flex_row_box{display:flex;flex-direction:column}

.grid_box{display:grid}

.thumb_box{}
.thumb_box>.item{position:relative}
.thumb_box>.item>.caption_txt{position:absolute;bottom:0;left:0;padding:1.65rem 1.5rem 1.75rem;width:100%;background-color:rgba(51, 51, 51, .8);color:#fff;font-size:1.7rem;line-height:2.2rem;text-align:center}

/* border */
.border_line_top{border-top:1px solid #ddd}
.border_line_left{border-left:1px solid #ddd}
.border_line_right{border-right:1px solid #ddd}
.border_line_bottom{border-bottom:1px solid #ddd}

/* 텍스트 컬러 */
.txt_color_def{}
.txt_color_black{color:#111 !important}
.txt_color_gray{color:#676767 !important}
.txt_color_white{}
.txt_color_red{color:#e92f09 !important}
.txt_color_blue{color:#004e94 !important}
.txt_color_green{color:#1a8fdc !important}
.txt_color_green02{color:#43ab49 !important}
.txt_color_yellow{}
.txt_color_orange{}
.txt_color_magenta{}
.txt_color_cyan{}

/* 폰트 */
.font_k_def{font-family:"NotoSansKR"}
.font_k_sub{}
.font_e_def{font-family:"Poppins", "NotoSansKR"}
.font_e_sub{font-family:"Roboto", "NotoSansKR"}

/* 폰트 사이즈 */
.fs_0{font-size:0 !important}
.fs_5{font-size:5rem !important}
.fs_10{font-size:10rem !important}
.fs_15{font-size:15rem !important}
.fs_20{font-size:20rem !important}
.fs_25{font-size:25rem !important}
.fs_30{font-size:30rem !important}
.fs_35{font-size:35rem !important}
.fs_40{font-size:40rem !important}
.fs_45{font-size:45rem !important}
.fs_50{font-size:50rem !important}

/* 폰트 굵기 */
.fw_1{font-weight:100 !important} /* Thin */
.fw_2{font-weight:200 !important} /* ExtraLight */
.fw_3{font-weight:300 !important} /* Light */
.fw_4{font-weight:400 !important} /* DemiLight */
.fw_5{font-weight:500 !important} /* Regular */
.fw_6{font-weight:600 !important} /* Medium */
.fw_7{font-weight:700 !important} /* SemiBold */
.fw_8{font-weight:800 !important} /* Bold */
.fw_9{font-weight:900 !important} /* ExtraBold */
.fw_10{font-weight:1000 !important} /* Black */

/* 폰트 스타일 */
.fs_italic{font-style:italic !important}
.fs_normal{font-style:normal !important}
.fs_underline{text-decoration:underline !important}

/* 가로 정렬 */
.ta_left{text-align:left !important}
.ta_center{text-align:center !important}
.ta_right{text-align:right !important}
.ta_justify{text-align:justify !important}

/* 새로 정렬 */
.va_top{vertical-align:top}
.va_middle{vertical-align:middle}
.va_bottom{vertical-align:bottom}

/* 플롯 */
.f_left{float:left !important}
.f_right{float:right !important}
.f_clear:after{content:"";display:block;clear:both}

/* 너비(퍼센트) */
.w5p{width:5% !important}
.w10p{width:10% !important}
.w15p{width:15% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w35p{width:35% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p{width:50% !important}
.w55p{width:55% !important}
.w60p{width:60% !important}
.w65p{width:65% !important}
.w70p{width:70% !important}
.w75p{width:75% !important}
.w80p{width:80% !important}
.w85p{width:85% !important}
.w90p{width:90% !important}
.w95p{width:95% !important}
.w100p{width:100% !important}

/* 너비(rem) */
.w1{width:.1rem !important}
.w2{width:.2rem !important}
.w3{width:.3rem !important}
.w4{width:.4rem !important}
.w5{width:.5rem !important}
.w6{width:.6rem !important}
.w7{width:.7rem !important}
.w8{width:.8rem !important}
.w9{width:.9rem !important}
.w10{width:1rem !important}
.w15{width:1.5rem !important}
.w20{width:2rem !important}
.w25{width:2.5rem !important}
.w30{width:3rem !important}
.w35{width:3.5rem !important}
.w40{width:4rem !important}
.w45{width:4.5rem !important}
.w50{width:5rem !important}
.w55{width:5.5rem !important}
.w60{width:6rem !important}
.w65{width:6.5rem !important}
.w70{width:7rem !important}
.w75{width:7.5rem !important}
.w80{width:8rem !important}
.w85{width:8.5rem !important}
.w90{width:9rem !important}
.w95{width:9.5rem !important}
.w100{width:100% !important}
.w110{width:11rem !important}
.w120{width:12rem !important}
.w130{width:13rem !important}
.w140{width:14rem !important}
.w150{width:15rem !important}
.w160{width:16rem !important}
.w170{width:17rem !important}
.w180{width:18rem !important}
.w190{width:19rem !important}
.w200{width:20rem !important}
.w210{width:21rem !important}
.w220{width:22rem !important}
.w230{width:23rem !important}
.w240{width:24rem !important}
.w250{width:25rem !important}
.w260{width:26rem !important}
.w270{width:27rem !important}
.w280{width:28rem !important}
.w290{width:29rem !important}
.w300{width:30rem !important}
.w310{width:31rem !important}
.w320{width:32rem !important}
.w330{width:33rem !important}
.w340{width:34rem !important}
.w350{width:35rem !important}
.w400{width:40rem !important}
.w500{width:50rem !important}
.w600{width:60rem !important}
.w700{width:70rem !important}
.w800{width:80rem !important}
.w900{width:90rem !important}
.w1000{width:100rem !important}

/* 높이 */
.h1{height:.1rem !important}
.h2{height:.2rem !important}
.h3{height:.3rem !important}
.h4{height:.4rem !important}
.h5{height:.5rem !important}
.h6{height:.6rem !important}
.h7{height:.7rem !important}
.h8{height:.8rem !important}
.h9{height:.9rem !important}
.h10{height:1rem !important}
.h15{height:1.5rem !important}
.h20{height:2rem !important}
.h25{height:2.5rem !important}
.h30{height:3rem !important}
.h35{height:3.5rem !important}
.h40{height:4rem !important}
.h45{height:4.5rem !important}
.h50{height:5rem !important}
.h55{height:5.5rem !important}
.h60{height:6rem !important}
.h65{height:6.5rem !important}
.h70{height:7rem !important}
.h75{height:7.5rem !important}
.h80{height:8rem !important}
.h85{height:8.5rem !important}
.h90{height:9rem !important}
.h95{height:9.5rem !important}
.h100{height:10rem !important}
.h110{height:11rem !important}
.h120{height:12rem !important}
.h130{height:13rem !important}
.h140{height:14rem !important}
.h150{height:15rem !important}
.h160{height:16rem !important}
.h170{height:17rem !important}
.h180{height:18rem !important}
.h190{height:19rem !important}
.h200{height:20rem !important}
.h210{height:21rem !important}
.h220{height:22rem !important}
.h230{height:23rem !important}
.h240{height:24rem !important}
.h250{height:25rem !important}
.h260{height:26rem !important}
.h270{height:27rem !important}
.h280{height:28rem !important}
.h290{height:29rem !important}
.h300{height:30rem !important}
.h310{height:31rem !important}
.h320{height:32rem !important}
.h330{height:33rem !important}
.h340{height:34rem !important}
.h350{height:35rem !important}
.h400{height:40rem !important}
.h500{height:50rem !important}
.h600{height:60rem !important}
.h700{height:70rem !important}
.h800{height:80rem !important}
.h900{height:90rem !important}
.h1000{height:100rem !important}

/* 마진 */
.mg_0{margin:0 !important}
.mg_10{margin:1rem !important}
.mg_20{margin:2rem !important}
.mg_30{margin:3rem !important}
.mg_40{margin:4rem !important}
.mg_50{margin:5rem !important}
.mg_60{margin:6rem !important}
.mg_70{margin:7rem !important}
.mg_80{margin:8rem !important}
.mg_90{margin:9rem !important}
.mg_100{margin:10rem !important}							

.mt_0{margin-top:0 !important}
.mt_1{margin-top:.1rem !important}
.mt_2{margin-top:.2rem !important}
.mt_3{margin-top:.3rem !important}
.mt_4{margin-top:.4rem !important}
.mt_5{margin-top:.5rem !important}
.mt_6{margin-top:.6rem !important}
.mt_7{margin-top:.7rem !important}
.mt_8{margin-top:.8rem !important}
.mt_9{margin-top:.9rem !important}
.mt_10{margin-top:1rem !important}
.mt_15{margin-top:1.5rem !important}
.mt_20{margin-top:2rem !important}
.mt_25{margin-top:2.5rem !important}
.mt_30{margin-top:3rem !important}
.mt_35{margin-top:3.5rem !important}
.mt_40{margin-top:4rem !important}
.mt_45{margin-top:4.5rem !important}
.mt_50{margin-top:5rem !important}
.mt_55{margin-top:5.5rem !important}
.mt_60{margin-top:6rem !important}
.mt_65{margin-top:6.5rem !important}
.mt_70{margin-top:7rem !important}
.mt_75{margin-top:7.5rem !important}
.mt_80{margin-top:8rem !important}
.mt_85{margin-top:8.5rem !important}
.mt_90{margin-top:9rem !important}
.mt_95{margin-top:9.5rem !important}
.mt_100{margin-top:10rem !important}

.mb_0{margin-bottom:0 !important}
.mb_1{margin-bottom:.1rem !important}
.mb_2{margin-bottom:.2rem !important}
.mb_3{margin-bottom:.3rem !important}
.mb_4{margin-bottom:.4rem !important}
.mb_5{margin-bottom:.5rem !important}
.mb_6{margin-bottom:.6rem !important}
.mb_7{margin-bottom:.7rem !important}
.mb_8{margin-bottom:.8rem !important}
.mb_9{margin-bottom:.9rem !important}
.mb_10{margin-bottom:1rem !important}
.mb_15{margin-bottom:1.5rem !important}
.mb_20{margin-bottom:2rem !important}
.mb_25{margin-bottom:2.5rem !important}
.mb_30{margin-bottom:3rem !important}
.mb_35{margin-bottom:3.5rem !important}
.mb_40{margin-bottom:4rem !important}
.mb_45{margin-bottom:4.5rem !important}
.mb_50{margin-bottom:5rem !important}
.mb_55{margin-bottom:5.5rem !important}
.mb_60{margin-bottom:6rem !important}

.ml_0{margin-left:0 !important}
.ml_1{margin-left:.1rem !important}
.ml_2{margin-left:.2rem !important}
.ml_3{margin-left:.3rem !important}
.ml_4{margin-left:.4rem !important}
.ml_5{margin-left:.5rem !important}
.ml_6{margin-left:.6rem !important}
.ml_7{margin-left:.7rem !important}
.ml_8{margin-left:.8rem !important}
.ml_9{margin-left:.9rem !important}
.ml_10{margin-left:1rem !important}
.ml_15{margin-left:1.5rem !important}
.ml_20{margin-left:2rem !important}
.ml_25{margin-left:2.5rem !important}
.ml_30{margin-left:3rem !important}
.ml_35{margin-left:3.5rem !important}
.ml_40{margin-left:4rem !important}
.ml_45{margin-left:4.5px !important}
.ml_50{margin-left:5rem !important}

.mr_0{margin-right:0 !important}
.mr_1{margin-right:.1rem !important}
.mr_2{margin-right:.2rem !important}
.mr_3{margin-right:.3rem !important}
.mr_4{margin-right:.4rem !important}
.mr_5{margin-right:.5rem !important}
.mr_6{margin-right:.6rem !important}
.mr_7{margin-right:.7rem !important}
.mr_8{margin-right:.8rem !important}
.mr_9{margin-right:.9rem !important}
.mr_10{margin-right:1rem !important}
.mr_15{margin-right:1.5rem !important}
.mr_20{margin-right:2rem !important}
.mr_25{margin-right:2.5rem !important}
.mr_30{margin-right:3rem !important}
.mr_35{margin-right:3.5rem !important}
.mr_40{margin-right:4rem !important}
.mr_45{margin-right:4.5rem !important}
.mr_50{margin-right:5rem !important}

/* 패딩 */
.pd_0{padding:0 !important}
.pd_10{padding:1rem !important}
.pd_15{padding:1.5rem !important}
.pd_20{padding:2rem !important}
.pd_25{padding:2.5rem !important}
.pd_30{padding:3rem !important}
.pd_35{padding:3.5rem !important}
.pd_40{padding:4rem !important}
.pd_45{padding:4.5rem !important}
.pd_50{padding:5rem !important}
.pd_55{padding:5.5rem !important}
.pd_60{padding:6rem !important}
.pd_65{padding:6.5rem !important}
.pd_70{padding:7rem !important}
.pd_75{padding:7.5rem !important}
.pd_80{padding:8rem !important}
.pd_85{padding:8.5rem !important}
.pd_90{padding:9rem !important}
.pd_95{padding:9.5rem !important}
.pd_100{padding:10rem !important}

.pt_0{padding-top:0 !important}
.pt_1{padding-top:.1rem !important}
.pt_2{padding-top:.2rem !important}
.pt_3{padding-top:.3rem !important}
.pt_4{padding-top:.4rem !important}
.pt_5{padding-top:.5rem !important}
.pt_6{padding-top:.6rem !important}
.pt_7{padding-top:.7rem !important}
.pt_8{padding-top:.8rem !important}
.pt_9{padding-top:.9rem !important}
.pt_10{padding-top:1rem !important}
.pt_15{padding-top:1.5rem !important}
.pt_20{padding-top:2rem !important}
.pt_25{padding-top:2.5rem !important}
.pt_30{padding-top:3rem !important}
.pt_35{padding-top:3.5rem !important}
.pt_40{padding-top:4rem !important}
.pt_45{padding-top:4.5rem !important}
.pt_50{padding-top:5rem !important}

.pb_0{padding-bottom:0 !important}
.pb_1{padding-bottom:.1rem !important}
.pb_2{padding-bottom:.2rem !important}
.pb_3{padding-bottom:.3rem !important}
.pb_4{padding-bottom:.4rem !important}
.pb_5{padding-bottom:.5rem !important}
.pb_6{padding-bottom:.6rem !important}
.pb_7{padding-bottom:.7rem !important}
.pb_8{padding-bottom:.8rem !important}
.pb_9{padding-bottom:.9rem !important}
.pb_10{padding-bottom:1rem !important}
.pb_15{padding-bottom:1.5rem !important}
.pb_20{padding-bottom:2rem !important}
.pb_25{padding-bottom:2.5rem !important}
.pb_30{padding-bottom:3rem !important}
.pb_35{padding-bottom:3.5rem !important}
.pb_40{padding-bottom:4rem !important}
.pb_45{padding-bottom:4.5rem !important}
.pb_50{padding-bottom:5rem !important}

.pl_0{padding-left:0 !important}
.pl_1{padding-left:.1rem !important}
.pl_2{padding-left:.2rem !important}
.pl_3{padding-left:.3rem !important}
.pl_4{padding-left:.4rem !important}
.pl_5{padding-left:.5rem !important}
.pl_6{padding-left:.6rem !important}
.pl_7{padding-left:.7rem !important}
.pl_8{padding-left:.8rem !important}
.pl_9{padding-left:.9rem !important}
.pl_10{padding-left:1rem !important}
.pl_15{padding-left:1.5rem !important}
.pl_20{padding-left:2rem !important}
.pl_25{padding-left:2.5rem !important}
.pl_30{padding-left:3rem !important}
.pl_35{padding-left:3.5rem !important}
.pl_40{padding-left:4rem !important}
.pl_45{padding-left:4.5rem !important}
.pl_50{padding-left:5rem !important}

.pr_0{padding-right:0 !important}
.pr_1{padding-right:.1rem !important}
.pr_2{padding-right:.2rem !important}
.pr_3{padding-right:.3rem !important}
.pr_4{padding-right:.4rem !important}
.pr_5{padding-right:.5rem !important}
.pr_6{padding-right:.6rem !important}
.pr_7{padding-right:.7rem !important}
.pr_8{padding-right:.8rem !important}
.pr_9{padding-right:.9rem !important}
.pr_10{padding-right:1rem !important}
.pr_15{padding-right:1.5rem !important}
.pr_20{padding-right:2rem !important}
.pr_25{padding-right:2.5rem !important}
.pr_30{padding-right:3rem !important}
.pr_35{padding-right:3.5rem !important}
.pr_40{padding-right:4rem !important}
.pr_45{padding-right:4.5rem !important}
.pr_50{padding-right:5rem !important}