@charset "utf-8";
/* CSS Document */ 

*{
	margin:0; padding:0;box-sizing:border-box; word-wrap:break-word; word-break:keep-all; 
	font-family: 'NanumSquareRound', 'NanumSquare', "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "AppleSDGothicNeo-Regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 14px; 
}

:root
{
	--primary: #FF240A;
	--blue: #287bff;
	--white: #fff;
	--grey: #f5f5f5;
	--black: #000;
	--red: #FF0000;
	--orange: #F76300;
	--orange2: #F08437;
	--shadow-1dp: 0 3px 8px -2px rgb(0 0 0 / 12%);
	--scroll-primary: #004080;
	--light-primary: #FFA79D;
}

html{min-height:100%; }
body, div, a{ padding:0; margin:0; border:none; }
/*
body, button, input, textarea { font-family: "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", "AppleSDGothicNeo-Regular", "맑은 고딕", "Malgun Gothic", sans-serif }
*/
body{width:100%;  line-height:1.4; color:#444; letter-spacing:-0.5px;font-weight:400; }
body p div span{line-height:1.4; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; }
ol, ul{list-style:none;}
a, a:visited, a:active, a:hover {text-decoration:none;}
a:focus(outline:none;)
select:focus { outline: none;}
textarea:focus { outline: none;}
button:focus { outline: none;}
input:focus { outline: none;}
button{border:none;outline:0;}
img{vertical-align:middle;}
input,textarea:focus {
        outline: none;
   }


/*
.jua {font-family:'BM JUA','배달의민족 주아',sans-serif;}
.hana{font-family:'BM HANNA','배달의민족 한나', sans-serif; }
.tmon{font-family: 'TmonMonsori';}
*/


/*
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoT.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoUL.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoL.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoR.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoM.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoB.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoSB.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Apple SD Gothic Neo';
    src: url('/font/AppleSDGothicNeoEB.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
*/

.fixed { table-layout:fixed; }

.link { cursor:pointer; }
.cursor { cursor:pointer; }
.hidden { display:none; }
.png24 { tmp:expression(setPng24(this)); }
.pageBreak { page-break-before: always; }
.ellipsis { white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }
.separator {	BORDER-RIGHT: buttonhighlight 1px solid; BORDER-LEFT: buttonshadow 1px solid; WIDTH: 2px; HEIGHT: 20; }
.width_separator {	BORDER-TOP: buttonhighlight 1px solid; BORDER-BOTTOM: buttonshadow 1px solid; WIDTH: 100%; HEIGHT: 2px; }

a:link, a:visited, a:active {color:#5a5a5a;text-decoration:none;}
a:hover {color:#3478c6;text-decoration:none;}

/* 폰트색상 */
.f_white { color: #FFFFFF !important; }
.f_red { color: #E10000 !important; }
.f_blue { color: #0F6CC9 !important; }
.f_green { color: #008000 !important; }
.f_gray { color: #EAEAEA !important; }
.f_black { color: #000000 !important; }
.f_yellow { color: #FFFF00 !important; }
.f_purple { color: #800080 !important; }
.f_orange { color: #F76300 !important; }

.bg_red { background: #E10000 !important; }
.bg_gray { background: #F9F9F9 !important; }
.bg_blue2 { background: var(--blue2) !important; }

/* 폰트사이즈 */
.f10 { font-size:10px !important; }
.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f17 { font-size:17px !important; }
.f18 { font-size:18px !important; }
.f19 { font-size:19px !important; }
.f20 { font-size:20px !important; }
.f21 { font-size:21px !important; }
.f22 { font-size:22px !important; }
.f23 { font-size:23px !important; }
.f24 { font-size:24px !important; }
.f25 { font-size:25px !important; }
.f26 { font-size:26px !important; }
.f27 { font-size:27px !important; }
.f28 { font-size:28px !important; }
.f29 { font-size:29px !important; }
.f30 { font-size:30px !important; }
.f35 { font-size:35px !important; }
.f40 { font-size:40px !important; }
.f45 { font-size:45px !important; }
.f50 { font-size:50px !important; }
.f55 { font-size:55px !important; }
.f60 { font-size:60px !important; }
.f70 { font-size:70px !important; }
.f80 { font-size:80px !important; }
.f90 { font-size:90px !important; }
.f100 { font-size:100px !important; }

.titfm { font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif !important; }

/* 간격 */
.ls-1	{ letter-spacing:-1px; }
.ls-2	{ letter-spacing:-2px; }
.ls-3	{ letter-spacing:-3px; }
.ls-4	{ letter-spacing:-4px; }
.ls0	{ letter-spacing:0px; }
.ls1	{ letter-spacing:1px; }
.ls2	{ letter-spacing:2px; }
.ls3	{ letter-spacing:3px; }
.ls4	{ letter-spacing:4px; }
.ls5	{ letter-spacing:5px; }
.ls10	{ letter-spacing:10px; }
.ls20	{ letter-spacing:20px; }

/* 줄높이 */
.lh15 { line-height:15px !important; }
.lh20 { line-height:20px !important; }
.lh23 { line-height:23px !important; }
.lh25 { line-height:25px !important; }
.lh30 { line-height:30px !important; }
.lh35 { line-height:35px !important; }
.lh40 { line-height:40px !important; }
.lh45 { line-height:45px !important; }
.lh50 { line-height:50px !important; }

/* 패딩관련 */
/* ALL */
.pd_0 { padding: 0px !important; }
.pd_3 { padding: 3px !important; }
.pd_5 { padding: 5px !important; }
.pd_7 { padding: 7px !important; }
.pd_10 { padding: 10px !important; }
.pd_15 { padding: 15px !important; }
.pd_20 { padding: 20px !important; }
.pd_30 { padding: 30px !important; }
.pd_40 { padding: 40px !important; }
.pd_50 { padding: 50px !important; }
/* TOP */
.pd_t1 { padding-top: 1px !important; }
.pd_t2 { padding-top: 2px !important; }
.pd_t3 { padding-top: 3px !important; }
.pd_t5 { padding-top: 5px !important; }
.pd_t6 { padding-top: 6px !important; }
.pd_t7 { padding-top: 7px !important; }
.pd_t8 { padding-top: 8px !important; }
.pd_t9 { padding-top: 9px !important; }
.pd_t10 { padding-top: 10px !important; }
.pd_t20 { padding-top: 20px !important; }
.pd_t30 { padding-top: 30px !important; }
.pd_t40 { padding-top: 40px !important; }
.pd_t50 { padding-top: 50px !important; }
.pd_t60 { padding-top: 60px !important; }
.pd_t70 { padding-top: 70px !important; }
.pd_t80 { padding-top: 80px !important; }
.pd_t90 { padding-top: 90px !important; }
.pd_t100 { padding-top: 100px !important; }
/* RIGHT */
.pd_r3 { padding-right: 3px !important;  }
.pd_r5 { padding-right: 5px !important;  }
.pd_r10 { padding-right: 10px !important; }
.pd_r20 { padding-right: 20px !important; }
.pd_r30 { padding-right: 30px !important; }
.pd_r40 { padding-right: 40px !important; }
.pd_r50 { padding-right: 50px !important; }
.pd_r60 { padding-right: 60px !important; }
.pd_r70 { padding-right: 70px !important; }
.pd_r80 { padding-right: 80px !important; }
.pd_r90 { padding-right: 90px !important; }
/* LEFT */
.pd_l3 { padding-left: 3px !important; }
.pd_l5 { padding-left: 5px !important; }
.pd_l10 { padding-left: 10px !important; }
.pd_l12 { padding-left: 12px !important; }
.pd_l15 { padding-left: 15px !important; }
.pd_l20 { padding-left: 20px !important; }
.pd_l25 { padding-left: 25px !important; }
.pd_l30 { padding-left: 30px !important; }
.pd_l40 { padding-left: 40px !important; }
.pd_l50 { padding-left: 50px !important; }
.pd_l60 { padding-left: 60px !important; }
.pd_l70 { padding-left: 70px !important; }
.pd_l80 { padding-left: 80px !important; }
.pd_l90 { padding-left: 90px !important; }
.pd_l100 { padding-left: 100px !important; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px !important; }
.pd_b3 { padding-bottom: 3px !important; }
.pd_b5 { padding-bottom: 5px !important; }
.pd_b6 { padding-bottom: 6px !important; }
.pd_b7 { padding-bottom: 7px !important; }
.pd_b8 { padding-bottom: 8px !important; }
.pd_b9 { padding-bottom: 9px !important; }
.pd_b10 { padding-bottom: 10px !important; }
.pd_b20 { padding-bottom: 20px !important; }
.pd_b30 { padding-bottom: 30px !important; }
.pd_b40 { padding-bottom: 40px !important; }
.pd_b50 { padding-bottom: 50px !important; }
/* both side */
.pd_s3 { padding-left: 3px !important; padding-right: 3px !important; }
.pd_s5 { padding-left: 5px !important; padding-right: 5px !important; }
.pd_s10 { padding-left: 10px !important; padding-right: 10px !important; }
.pd_s12 { padding-left: 12px !important; padding-right: 12px !important; }
.pd_s15 { padding-left: 15px !important; padding-right: 15px !important; }
.pd_s20 { padding-left: 20px !important; padding-right: 20px !important; }
.pd_s25 { padding-left: 25px !important; padding-right: 25px !important; }
.pd_s30 { padding-left: 30px !important; padding-right: 30px !important; }
.pd_s40 { padding-left: 40px !important; padding-right: 40px !important; }
.pd_s50 { padding-left: 50px !important; padding-right: 50px !important; }
.pd_s60 { padding-left: 60px !important; padding-right: 60px !important; }
.pd_s70 { padding-left: 70px !important; padding-right: 70px !important; }
.pd_s80 { padding-left: 80px !important; padding-right: 80px !important; }
.pd_s90 { padding-left: 90px !important; padding-right: 90px !important; }
.pd_s100 { padding-left: 100px !important; padding-right: 100px !important; }

.pd_tb3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.pd_tb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pd_tb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pd_tb12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.pd_tb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pd_tb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pd_tb25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pd_tb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pd_tb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pd_tb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pd_tb60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pd_tb70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pd_tb80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.pd_tb90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pd_tb100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.mt-1 { margin-top: -1px !important; }
.mt-2 { margin-top: -2px !important; }
.mt-3 { margin-top: -3px !important; }
.mt-4 { margin-top: -4px !important; }
.mt-5 { margin-top: -5px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !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; }
.mt200 { margin-top: 200px !important; }

.mr-1 { margin-right: -.1em !important; }
.mr-2 { margin-right: -.2em !important; }
.mr-3 { margin-right: -.3em !important; }

.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !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; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !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; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !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; }

.explainTxt { display:inline-block; font-size:12px; color:#627DCE; letter-spacing:-1px; line-height:23px; padding-left:10px; vertical-align:center; }

/* 정렬기준*/
.top{vertical-align:top;}
.vcen{ vertical-align:middle; }
.foot{vertical-align:bottom; }
.left, .txt_left, .txt-left { text-align:left !important; }
.right, .txt_right, .txt-right { text-align:right !important; }
.center, .txt_center, .txt-center { text-align:center !important; }
.jt { text-align:justify; }/*양쪽정렬*/

.f_bold, .f_b, .bold { font-weight: 700; }

.nodisplay, .nodsp, .nodp { display:none !important; }
.display, .dsp { display:block; }
.float_left, .float-left, .flt-l { float:left; }
.float_right, .float-right, .flt-r { float:right; }

.block { display:block; }
.inblock, .indp { display:inline-block; }
.cursor { cursor:pointer; }