@charset "utf-8";

/* @import */
@import url("webFont.css");
@import url("webfont/xeicon/xeicon.css"); /* 아이콘폰트1 */
@import url("webfont/xeicon/xeicon.min.css"); /* 아이콘폰트2 */


/*************************************************************************************************
 
 *  Reset & basic Css
 
 *************************************************************************************************/
:root {
	/* 기본폰트 */
	--font-family-body:'paper','gong-light',"맑은 고딕", dotum, sans-serif;
	
	/* 폰트색상 */
	--font-color-main:#00358d;
	--font-color-black:#000;
	--font-color-white:#fff;
	--font-color-tit:#111;
	--font-color-blue:#0056e4;
	--font-color-h5:#222;
	--font-color-body:#666;
	--font-color-gray80:#313131;
	--font-color-gray70:#535353;
	--font-color-gray60:#7d7d7d;
	--font-color-gray50:#959595;
	
	/* 폰트진하기 */
	--font-bold-400:400;
	--font-bold-500:500;
	--font-bold-600:600;
	--font-bold-700:700;
	
	/* 폰트크기 */
	--font-size-main:calc(2rem + 2vw);
	--font-size-menu:calc(0.7rem + 0.6vw);
	--font-size-submenu:calc(0.7rem + 0.6vw);
	--font-size-main_h2:calc(1.8rem + 1.5vw);
	--font-size-h2:calc(1.8rem + 1.2vw);
	--font-size-h3:calc(1rem + 0.7vw);
	--font-size-h4:calc(0.9rem + 0.7vw);
	--font-size-h5:calc(0.8rem + 0.6vw);
	--font-size-h6:calc(0.7rem + 0.5vw);
	--font-size-tit:24px;
	--font-size-stit:22px;
	--font-size-body:18px;
	--font-size-stxt:16px;
	--font-size-sstxt:15px;
	--font-size-sbtn:14px;
	
	/* 박스패딩 */
	--box-body-pa20:20px;
	--box-body-tap01:15px 15px 10px 15px;
	--box-body-tap02:15px 0px 10px 0px;
	
	/* 박스색상 */
	--box-bg-gray:#fafafa;
	--box-bg-body:#e9f4ff;
}

@media screen and (max-width:460px) {
	:root {
		--font-size-h3:23px;
		--font-size-h4:22px;
		--font-size-h5:20px;
	
		--font-size-body:16px;
		--font-size-stxt:15px;
		--font-size-sstxt:14px;
	}
}
 
* {box-sizing: border-box;}
body{font-family:var(--font-family-body); line-height:1.5; color: #111; font-size:var(--font-size-body); font-weight:500; letter-spacing:-0.02em;}
html {width:100%;height:100%;-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;-webkit-overflow-scrolling:touch;overflow-y:scroll;}
*,html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;list-style:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
h1,h2,h3,h4,h5,h6,em,address {font-style:normal; font-weight:500;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}
select,input, textarea,button {font-family:var(--font-family-body); color: inherit; border:none;background:#f7f7f7;vertical-align:middle; outline:none;}
label {vertical-align:middle;cursor:pointer;}
input[type=checkbox], input[type=radio], input[type=button] {/*float:left;*/margin-right:8px;vertical-align:middle; outline: none; border: none;}
button {background:none; margin:0; padding:0; border:0 none; cursor:pointer; outline: none; border: none;}
img {border:none; max-width:100%; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');}
a {color:#111;}
a:link{text-decoration: none;}
a:hover {text-decoration:none;}

button, [type="button"], [type="reset"], [type="submit"] {padding: 0;border: 0 none;background: none;cursor: pointer; font-size:var(--font-size-sstxt); font-weight:500;}
[type="button"] {border:1px solid #cccccc; border-radius:0; padding:6px 8px; color:#333; font-size:var(--font-size-sstxt); font-weight:500;}
[type="reset"], [type="number"], [type="search"], [type="text"], [type="password"], [type="tel"], [type="email"], textarea {border:1px solid #cccccc; border-radius:0; padding:6px 8px; height:40px; line-height:38px; color:#333; font-size:var(--font-size-sstxt); font-weight:500;}
button,input {overflow:visible;}

input[type=radio] {width: 25px; height: 25px; border: 1px solid #ddd;}

.hide {display:none !important}

/* skipnav */
.skipnav {position:absolute; width:100%; z-index:100000;}
.skipnav dd a {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:1px;
	height:1px;
	margin:-10000px 0 0 -10000px;
	padding:0;
	background-color:#033477;
	text-align:center;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
}
.skipnav dd a:hover,.skipnav dd a:active,.skipnav dd a:focus {
	margin:0;
	width:100%;
	height:auto;
	padding: 10px;
}

.hand {cursor:pointer;}

/*************************************************************************************************
 
 *  Etc Style
 
 *************************************************************************************************/
/*버튼 스타일*/
.btn-wrap {text-align: center; padding-bottom: 30px;}
.flexBox {display:flex; flex-wrap:wrap;}
.btns{position:relative; padding:14px 26px; min-width:80px; font-size:15px; line-height:18px; display:inline-block; text-align:center; border-radius:3px;}
.btns:hover, .btns:focus, .btns:active {border:1px dashed #387703; background:#fff; color:#387703;}
.btns-text{font-size:18px;line-height:1.2em;color:#151515;font-weight:500;padding-right:40px;display:inline-block; }
.btns+.btns {margin-left:5px;}
form {margin-right:5px;}
.btns.small {padding:5px 16px; font-size:15px;}
.btn-wrap .btn_list { float:left; background:#00358d;border-color: #00358d; color:#fff;}

.btn_icon {display:inline-block; background: #fff; border:dashed 1px #000; color: #00358d; border-radius:5px; width:25px; height:25px; position:relative; margin-left:5px;}
.btn_icon:hover, .btn_icon:focus, .btn_icon:active {border:1px solid #00358d; background:#00358d; color:#fff;}
.btn_icon i {font-size:15px;}
.btn_icon:hover i, .btn_icon:focus i, .btn_icon:active i {color:#fff;}

.btns1 {position:relative; width:100%; padding:5px 9px; min-width:80px; font-size:15px; line-height:18px; display:inline-block; text-align:center; border-radius:3px;}
.btns1.btnNormal {color:#505050; background:#fafafa; border:1px solid #ddd;}

.btnBox.flexBox {display:flex; flex-wrap:wrap; justify-content:center; margin:10px 0px;}
.btns2 {position:relative; width:100%; padding:14px 26px; min-width:80px; font-size:15px; line-height:18px; display:inline-block; text-align:center; border-radius:3px;}
.btnOrder {background:#e63740; color:#fff;}
.btnSubmit {background:#387703; color:#fff;}
.btnWrite {background:#505050; color:#fff;}
.btnBlack {background:#333; color:#fff;}
.btnNormal {color:#505050; background:#fafafa; border:1px solid #ddd;}
.btnNormal:hover, .btnNormal:focus, .btnNormal:active {border:1px dashed #505050; background:#fff; color:#505050;}
.btnFile {display: inline-block; padding:5px 15px;  border: 1px solid #346aff; font-size:15px; vertical-align: middle; text-align: center; background-color: #fff; color: #346aff; cursor: pointer; outline: none;}
.btnBlue {color:#fff;background:#00358d;border-color: #00358d;}
.btnBlue:hover, .btnBlue:focus, .btnBlue:active {border:1px dashed #00358d; background:#fff; color:#00358d;}
.btnGray {color:#fff;background:#666; border-color:#666;}
.btnGray:hover, .btnGray:focus, .btnGray:active {border:1px dashed #000; background:#fff; color:#00358d;}
.btnRed {color:#fff;background:#e6432f; border-color:#e6432f;}
.btnRed:hover, .btnRed:focus, .btnRed:active {border:1px dashed #e6432f; background:#fff; color:#e6432f;}
.btnRed:hover i, .btnRed:focus i, .btnRed:active i {color:#e6432f;}

.jc_fe {justify-content:flex-end;}
.jc_sb {justify-content:space-between;}
.ai_ct {align-items:center;}

strong {font-weight:600;}


@media (max-width: 1200px) {
	.btns{padding:12px 20px; font-size:16px;}
	.btns-text{font-size:15px;padding-right:35px;}
}

@media (max-width:460px) {
	.btns{width:100%; margin-bottom:5px;}
	.btns+.btns {margin-left:0px;}
}

/*************************************************************************************************
 
 *  Etc Style
 
 *************************************************************************************************/

.blind {visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
.irPm {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}
.extension{height:100%;}
.extension:after{content:""; display:block; float:none; clear:both;}
.tag_name { position:absolute; top:-200px;}


/*---------------------------------------------------------------------------------------------------------------------------
 *  text-align
 *--------------------------------------------------------------------------------------------------------------------------*/
.textC{text-align: center;}
.textL{text-align: left;}
.textR{text-align: right;}
.textV{text-align: vertical;}

.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}

.align_c {text-align: center !important;}
.align_l {text-align: left !important;}
.align_r {text-align: right !important;}

.txt_c {text-align: center !important;}
.txt_l {text-align: left !important;}
.txt_r {text-align: right !important;}


/*---------------------------------------------------------------------------------------------------------------------------
 *  float
 *--------------------------------------------------------------------------------------------------------------------------*/
.fR{float: right !important;}
.fL{float: left !important;}
.fN{float: none !important;}


/*---------------------------------------------------------------------------------------------------------------------------
 *  display
 *--------------------------------------------------------------------------------------------------------------------------*/
.disNone{display: none !important;}
.disI{display: inline !important;}
.disIB{display: inline-block !important;}
.disB{display: block !important;}
.disF {display:flex !important; flex-wrap:wrap !important;}

.flex-center {display:flex; flex-wrap:wrap; justify-content:center;}
.flex-left {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.flex-right {display:flex; flex-wrap:wrap; justify-content:flex-end;}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Margin
 *--------------------------------------------------------------------------------------------------------------------------*/
.marAuto {margin:0 auto !important;}

/* margin-top */
.marT0 {margin-top:0 !important;}
.marT10 {margin-top:10px !important;}
.marT20 {margin-top:20px !important;}
.marT30 {margin-top:30px !important;}
.marT40 {margin-top:40px !important;}
.marT50 {margin-top:50px !important;}
.marT60 {margin-top:60px !important;}
.marT70 {margin-top:70px !important;}
.marT80 {margin-top:80px !important;}
.marT90 {margin-top:90px !important;}
.marT100 {margin-top:100px !important;}
/* margin-top - 추가 24.07.25 */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt54 {margin-top: 54px !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;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt200 {margin-top: 200px !important;}
/* margin-top(-값) - 추가 24.07.25 */
.mt-5 {margin-top: -5px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-15 {margin-top: -15px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-25 {margin-top: -25px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-35 {margin-top: -35px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}


/* margin-left */
.marL0 {margin-left:0 !important;}
.marL10 {margin-left:10px !important;}
.marL20 {margin-left:20px !important;}
.marL30 {margin-left:30px !important;}
.marL40 {margin-left:40px !important;}
.marL50 {margin-left:50px !important;}
.marL60 {margin-left:60px !important;}
.marL70 {margin-left:70px !important;}
.marL80 {margin-left:80px !important;}
.marL90 {margin-left:90px !important;}
.marL100 {margin-left:100px !important;}
/* margin-left - 추가 24.07.25 */
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml90 {margin-left: 90px !important;}
.ml100 {margin-left: 100px !important;}
.ml120 {margin-left: 120px !important;}
.ml130 {margin-left: 130px !important;}
.ml140 {margin-left: 140px !important;}
.ml150 {margin-left: 150px !important;}
/* margin-left(-값) - 추가 24.07.25 */
.ml-5 {margin-left: -5px !important;}
.ml-10 {margin-left: -10px !important;}
.ml-15 {margin-left: -15px !important;}
.ml-20 {margin-left: -20px !important;}
.ml-25 {margin-left: -25px !important;}
.ml-30 {margin-left: -30px !important;}
.ml-35 {margin-left: -35px !important;}
.ml-40 {margin-left: -40px !important;}
.ml-45 {margin-left: -45px !important;}
.ml-50 {margin-left: -50px !important;}


/* margin-right */
.marR0 {margin-right:0 !important;}
.marR10 {margin-right:10px !important;}
.marR20 {margin-right:20px !important;}
.marR30 {margin-right:30px !important;}
.marR40 {margin-right:40px !important;}
.marR50 {margin-right:50px !important;}
.marR60 {margin-right:60px !important;}
.marR70 {margin-right:70px !important;}
.marR80 {margin-right:80px !important;}
.marR90 {margin-right:90px !important;}
.marR100 {margin-right:100px !important;}
/* margin-right - 추가 24.07.25 */
.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}
.mr100 {margin-right: 100px !important;}
.mr120 {margin-right: 120px !important;}
.mr130 {margin-right: 130px !important;}
.mr140 {margin-right: 140px !important;}
.mr150 {margin-right: 150px !important;}


/* margin-bottom */
.marB0 {margin-bottom:0 !important;}
.marB10 {margin-bottom:10px !important;}
.marB20 {margin-bottom:20px !important;}
.marB30 {margin-bottom:30px !important;}
.marB40 {margin-bottom:40px !important;}
.marB50 {margin-bottom:50px !important;}
.marB60 {margin-bottom:60px !important;}
.marB70 {margin-bottom:70px !important;}
.marB80 {margin-bottom:80px !important;}
.marB90 {margin-bottom:90px !important;}
.marB100 {margin-bottom:100px !important;}
/* margin-bottom - 추가 24.07.25 */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb54 {margin-bottom: 54px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb95 {margin-bottom: 95px !important;}

/* margin 좌,우 */
.marH10 {margin:0 10px !important;}
.marH20 {margin:0 20px !important;}
.marH30 {margin:0 30px !important;}
.marH40 {margin:0 40px !important;}
.marH50 {margin:0 50px !important;}
.marH60 {margin:0 60px !important;}
.marH70 {margin:0 70px !important;}
.marH80 {margin:0 80px !important;}
.marH90 {margin:0 90px !important;}
.marH100 {margin:0 100px !important;}

.marV10 {margin:10px 0 !important;}
.marV20 {margin:20px 0 !important;}
.marV30 {margin:30px 0 !important;}
.marV40 {margin:40px 0 !important;}
.marV50 {margin:50px 0 !important;}
.marV60 {margin:60px 0 !important;}
.marV70 {margin:70px 0 !important;}
.marV80 {margin:80px 0 !important;}
.marV90 {margin:90px 0 !important;}
.marV100 {margin:100px 0 !important;}

.m0 {margin:0 !important;}
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}
.m60 {margin:60px !important;}
.m70 {margin:70px !important;}
.m80 {margin:80px !important;}
.m90 {margin:90px !important;}
.m100 {margin:100px !important;}



/*---------------------------------------------------------------------------------------------------------------------------
 *  Padding  *
 *--------------------------------------------------------------------------------------------------------------------------*/
/* padding-top */
.paT0 {padding-top:0 !important;}
.paT10 {padding-top:10px !important;}
.paT20 {padding-top:20px !important;}
.paT30 {padding-top:30px !important;}
.paT40 {padding-top:40px !important;}
.paT50 {padding-top:50px !important;}
.paT60 {padding-top:60px !important;}
.paT70 {padding-top:70px !important;}
.paT80 {padding-top:80px !important;}
.paT90 {padding-top:90px !important;}
.paT100 {padding-top:100px !important;}
/* 추가 - 2024.07.25 */
.pat0 {padding-top: 0px !important;}
.pat5 {padding-top: 5px !important;}
.pat10 {padding-top: 10px !important;}
.pat15 {padding-top: 15px !important;}
.pat20 {padding-top: 20px !important;}
.pat25 {padding-top: 25px !important;}
.pat30 {padding-top: 30px !important;}
.pat35 {padding-top: 35px !important;}
.pat40 {padding-top: 40px !important;}
.pat50 {padding-top: 40px !important;}


/* padding-right */
.paR0 {padding-right:0 !important;}
.paR10 {padding-right:10px !important;}
.paR20 {padding-right:20px !important;}
.paR30 {padding-right:30px !important;}
.paR40 {padding-right:40px !important;}
.paR50 {padding-right:50px !important;}
.paR60 {padding-right:60px !important;}
.paR70 {padding-right:70px !important;}
.paR80 {padding-right:80px !important;}
.paR90 {padding-right:90px !important;}
.paR100 {padding-right:100px !important;}
/* 추가 - 2024.07.25 */
.par0 {padding-right: 0 !important;}
.par5 {padding-right: 5px !important;}
.par10 {padding-right: 10px !important;}
.par15 {padding-right: 15px !important;}
.par20 {padding-right: 20px !important;}
.par25 {padding-right: 25px !important;}
.par30 {padding-right: 30px !important;}
.par35 {padding-right: 35px !important;}
.par40 {padding-right: 40px !important;}


/* padding-bottom */
.paB0 {padding-bottom:0 !important;}
.paB10 {padding-bottom:10px !important;}
.paB20 {padding-bottom:20px !important;}
.paB30 {padding-bottom:30px !important;}
.paB40 {padding-bottom:40px !important;}
.paB50 {padding-bottom:50px !important;}
.paB60 {padding-bottom:60px !important;}
.paB70 {padding-bottom:70px !important;}
.paB80 {padding-bottom:80px !important;}
.paB90 {padding-bottom:90px !important;}
.paB100 {padding-bottom:100px !important;}
/* 추가 - 2024.07.25 */
.pab5 {padding-bottom: 5px !important;}
.pab10 {padding-bottom: 10px !important;}
.pab15 {padding-bottom: 15px !important;}
.pab20 {padding-bottom: 20px !important;}
.pab25 {padding-bottom: 25px !important;}
.pab30 {padding-bottom: 30px !important;}
.pab35 {padding-bottom: 35px !important;}
.pab40 {padding-bottom: 40px !important;}
.pab50 {padding-bottom: 40px !important;}


/* padding-left */
.paL0 {padding-left:0 !important;}
.paL10 {padding-left:10px !important;}
.paL20 {padding-left:20px !important;}
.paL30 {padding-left:30px !important;}
.paL40 {padding-left:40px !important;}
.paL50 {padding-left:50px !important;}
.paL60 {padding-left:60px !important;}
.paL70 {padding-left:70px !important;}
.paL80 {padding-left:80px !important;}
.paL90 {padding-left:90px !important;}
.paL100 {padding-left:100px !important;}
/* 추가 - 2024.07.25 */
.pal5 {padding-left: 5px !important;}
.pal10 {padding-left: 10px !important;}
.pal15 {padding-left: 15px !important;}
.pal20 {padding-left: 20px !important;}
.pal25 {padding-left: 25px !important;}
.pal30 {padding-left: 30px !important;}
.pal35 {padding-left: 35px !important;}
.pal40 {padding-left: 40px !important;}
.pal50 {padding-left: 50px !important;}
.pal5 {padding-left: 5px !important;}
.pal10 {padding-left: 10px !important;}
.pal15 {padding-left: 15px !important;}
.pal20 {padding-left: 20px !important;}
.pal25 {padding-left: 25px !important;}
.pal30 {padding-left: 30px !important;}
.pal35 {padding-left: 35px !important;}
.pal40 {padding-left: 40px !important;}
.pal50 {padding-left: 50px !important;}

/* padding(좌/우) */
.paH10 {padding:0 10px !important;}
.paH20 {padding:0 20px !important;}
.paH30 {padding:0 30px !important;}
.paH40 {padding:0 40px !important;}
.paH50 {padding:0 50px !important;}
.paH60 {padding:0 60px !important;}
.paH70 {padding:0 70px !important;}
.paH80 {padding:0 80px !important;}
.paH90 {padding:0 90px !important;}
.paH100 {padding:0 100px !important;}

/* padding(위/아래) */
.paV10 {padding:10px 0 !important;}
.paV20 {padding:20px 0 !important;}
.paV30 {padding:30px 0 !important;}
.paV40 {padding:40px 0 !important;}
.paV50 {padding:50px 0 !important;}
.paV60 {padding:60px 0 !important;}
.paV70 {padding:70px 0 !important;}
.paV80 {padding:80px 0 !important;}
.paV90 {padding:90px 0 !important;}
.paV100 {padding:100px 0 !important;}

/*********************** padding(전체) *************************/
.p0 {padding:0 !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.p60 {padding:60px !important;}
.p70 {padding:70px !important;}
.p80 {padding:80px !important;}
.p90 {padding:90px !important;}
.p100 {padding:100px !important;}
/* 추가 - 2024.07.25 */
.pa0 {padding: 0 !important;}
.pa5 {padding: 5px !important;}
.pa10 {padding: 10px !important;}
.pa15 {padding: 10px !important;}
.pa20 {padding: 15px !important;}
.pa25 {padding: 25px !important;}
.pa30 {padding: 30px !important;}
.pa35 {padding: 35px !important;}
.pa40 {padding: 40px !important;}
.pa45 {padding: 45px !important;}
.pa50 {padding: 50px !important;}


/*********************** width (가로사이즈) *************************/
.wp5 {width:5% !important;}
.wp10 {width:10% !important;}
.wp12 {width:12% !important;}
.wp20 {width:20% !important;}
.wp30 {width:30% !important;}
.wp40 {width:40% !important;}
.wp50 {width:50% !important;}
.wp60 {width:60% !important;}
.wp70 {width:70% !important;}
.wp80 {width:80% !important;}
.wp90 {width:90% !important;}
.wp100 {width:100% !important;}

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


/*---------------------------------------------------------------------------------------------------------------------------
 *  text  *
 *--------------------------------------------------------------------------------------------------------------------------*/
 /* 배경색상 */
.bg_wgray {background:#fafafa !important;}
.bg_white {background:#fff !important;}

 /* 텍스트색상 */
.txt_black {color:#111 !important;}
.txt_gray {color:#666 !important;}
.txt_lightgray {color:#959595 !important;}
.txt_red {color:#F00 !important;}
.txt_org {color:#F60 !important;}
.txt_blue {color:#003aaf !important;}
.txt_yellow {color:#FF0 !important;}
.txt_green {color:#01ad51 !important;}
.txt_point {color:#F60 !important;}

 /* 텍스트굵기 */
.txt_400 {font-weight:400 !important;}
.txt_500 {font-weight:500 !important;}
.txt_600 {font-weight:600 !important;}
.txt_700 {font-weight:700 !important;}
.txt_800 {font-weight:800 !important;}

 /* 텍스트크기 */
.txt_13 {font-size:13px !important;}
.txt_14 {font-size:14px !important;}
.txt_15 {font-size:15px !important;}
.txt_16 {font-size:16px !important;}
.txt_17 {font-size:17px !important;}
.txt_18 {font-size:18px !important;}
.txt_19 {font-size:19px !important;}
.txt_20 {font-size:20px !important;}
.txt_21 {font-size:21px !important;}
.txt_22 {font-size:22px !important;}
.txt_23 {font-size:23px !important;}
.txt_24 {font-size:24px !important;}
.txt_25 {font-size:25px !important;}

/* 텍스트 가운데라인 */
.txt_lineC {text-decoration:line-through;}

/* 타이틀 아래라인 */
.border_bottom {border-bottom:1px solid #222 !important; padding-bottom:10px;}