@charset "utf-8";

/* krds-ui 가져오기 */
@import url("../../common/component/krds-ui/css/common/common.css");

/* form input ui */
@import url("../../common/component/krds-ui/css/component/output.css");

/* 버튼, 링크, 아이콘 */
@import url("../../common/component/krds-ui/css/component/component.css");


/* 웹폰트 */
@font-face {
	font-family:'GmarketSans'; font-style:normal; font-weight:100;
	src: url('../font/GmarketSansLight.woff') format('woff'), url('../font/GmarketSansLight.ttf') format('truetype');
}

@font-face {
	font-family:'GmarketSans'; font-style:normal; font-weight:400;
	src: url('../font/GmarketSansMedium.woff') format('woff'), url('../font/GmarketSansMedium.ttf') format('truetype');
}

@font-face {
	font-family:'GmarketSans'; font-style:normal; font-weight:700;
	src: url('../font/GmarketSansBold.woff') format('woff'), url('../font/GmarketSansBold.ttf') format('truetype');
}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),url(../font/NotoSansKR-Thin.woff) format('woff'),url(../font/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(../font/NotoSansKR-Light.woff2) format('woff2'),url(../font/NotoSansKR-Light.woff) format('woff'),url(../font/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),url(../font/NotoSansKR-Regular.woff) format('woff'),url(../font/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),url(../font/NotoSansKR-Medium.woff) format('woff'),url(../font/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),url(../font/NotoSansKR-Bold.woff) format('woff'),url(../font/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(../font/NotoSansKR-Black.woff2) format('woff2'),url(../font/NotoSansKR-Black.woff) format('woff'),url(../font/NotoSansKR-Black.otf) format('opentype');}

body {
   font-family: 'Noto Sans KR', sans-serif;
}

/********************************
 margin
 *******************************/
.mg_1 { margin: 1px; }
.mg_2 { margin: 2px; }
.mg_3 { margin: 3px; }
.mg_4 { margin: 4px; }
.mg_5 { margin: 5px; }
.mg_10 { margin: 10px; }
.mg_15 { margin: 15px; }
.mg_20 { margin: 20px; }
.mg_25 { margin: 25px; }
.mg_30 { margin: 30px; }
.mg_35 { margin: 35px; }
.mg_40 { margin: 40px; }
.mg_45 { margin: 45px; }
.mg_50 { margin: 50px; }
.mg_55 { margin: 55px; }
.mg_60 { margin: 60px; }
.mg_65 { margin: 65px; }
.mg_70 { margin: 70px; }
.mg_75 { margin: 75px; }
.mg_80 { margin: 80px; }
.mg_85 { margin: 85px; }
.mg_90 { margin: 90px; }
.mg_95 { margin: 95px; }
.mg_100 { margin: 100px; }

.mgt_-15 { margin-top:-15px; }
.mgt_0 { margin-top: 0px; }
.mgt_5 { margin-top: 5px; }
.mgt_10 { margin-top: 10px; }
.mgt_15 { margin-top: 15px; }
.mgt_20 { margin-top: 20px; }
.mgt_25 { margin-top: 25px; }
.mgt_30 { margin-top: 30px; }
.mgt_35 { margin-top: 35px; }
.mgt_40 { margin-top: 40px; }
.mgt_45 { margin-top: 45px; }
.mgt_50 { margin-top: 50px; }
.mgt_55 { margin-top: 55px; }
.mgt_60 { margin-top: 60px; }
.mgt_65 { margin-top: 65px; }
.mgt_70 { margin-top: 70px; }
.mgt_75 { margin-top: 75px; }
.mgt_80 { margin-top: 80px; }
.mgt_85 { margin-top: 85px; }
.mgt_90 { margin-top: 90px; }
.mgt_95 { margin-top: 95px; }
.mgt_100 { margin-top: 100px; }

.mgr_0 { margin-right: 0px; }
.mgr_2 { margin-right: 2px; }
.mgr_3 { margin-right: 3px; }
.mgr_4 { margin-right: 4px; }
.mgr_5 { margin-right: 5px; }
.mgr_10 { margin-right: 10px; }
.mgr_15 { margin-right: 15px; }
.mgr_20 { margin-right: 20px; }
.mgr_25 { margin-right: 25px; }
.mgr_30 { margin-right: 30px; }
.mgr_35 { margin-right: 35px; }
.mgr_40 { margin-right: 40px; }
.mgr_45 { margin-right: 45px; }
.mgr_50 { margin-right: 50px; }
.mgr_55 { margin-right: 55px; }
.mgr_60 { margin-right: 60px; }
.mgr_65 { margin-right: 65px; }
.mgr_70 { margin-right: 70px; }
.mgr_75 { margin-right: 75px; }
.mgr_80 { margin-right: 80px; }
.mgr_85 { margin-right: 85px; }
.mgr_90 { margin-right: 90px; }
.mgr_95 { margin-right: 95px; }
.mgr_100 { margin-right: 100px; }

.mgb_3 { margin-bottom: 3px; }
.mgb_5 { margin-bottom: 5px; }
.mgb_10 { margin-bottom: 10px; }
.mgb_15 { margin-bottom: 15px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_25 { margin-bottom: 25px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_35 { margin-bottom: 35px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_45 { margin-bottom: 45px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_55 { margin-bottom: 55px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_65 { margin-bottom: 65px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_75 { margin-bottom: 75px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_85 { margin-bottom: 85px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_95 { margin-bottom: 95px; }
.mgb_100 { margin-bottom: 100px; }

.mgl_2 { margin-left: 2px; }
.mgl_5 { margin-left: 5px; }
.mgl_10 { margin-left: 10px; }
.mgl_15 { margin-left: 15px; }
.mgl_20 { margin-left: 20px; }
.mgl_25 { margin-left: 25px; }
.mgl_30 { margin-left: 30px; }
.mgl_35 { margin-left: 35px; }
.mgl_40 { margin-left: 40px; }
.mgl_45 { margin-left: 45px; }
.mgl_50 { margin-left: 50px; }
.mgl_55 { margin-left: 55px; }
.mgl_60 { margin-left: 60px; }
.mgl_65 { margin-left: 65px; }
.mgl_70 { margin-left: 70px; }
.mgl_75 { margin-left: 75px; }
.mgl_80 { margin-left: 80px; }
.mgl_85 { margin-left: 85px; }
.mgl_90 { margin-left: 90px; }
.mgl_95 { margin-left: 95px; }
.mgl_100 { margin-left: 100px; }

/********************************
 text
 *******************************/
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}
.t_bold {font-weight:700;}
.t_bigbold {font-weight:800;}
.t_red{color: #ef0b0b;}
.t_blue{color:#003eff;}

.clearfix:after{content: ""; display: block; clear: both;}

:root {
	/* common color */
	--color01:#c30e2e;
	--color02:#c20f2f;
	--color03:#102534;
	--color04:#214b73;
	--color05:#253c4d;
	--color06:#304c66;
	--color07:#334d61;
	--color08:#4d6b87;
	--color09:#7e929f;
	--color10:#e7ebee;
	--color11:#f7f8f9;
	--color12:#f9f7f7;
	--color13:#e4eaf0;
	--color14:#c4beb6;
	--color15:#716258;
	--color16:#e9eef2;
	--color17:#b8c2c9;
	--color18:#587a90;
	--color19:#cee0ec;
	--color20:#eccece;
	--color21:#c1cdd4;
	--color22:#fbfbfb;
	--color23:#4b5b66;
	--color24:#dee4e8;
	--color25:#98be00;
	--color26:#009ac1;
	--color27:#eef3f5;
	--color28:#d8e2e6;
	--color29:#324d60;
	--color30:#c5c5c5;
	--color31:#cdcdcd;
	--color32:#eff2f4;
	--color33:#4f4f4f;
	--color34:#d0d0d0;
	--color35:#de0e33;
	--color36:rgba(199, 200, 202, 0.54);
	--color37:rgba(233, 238, 242, 0.28);
	--color38:#f0c1c9;
	--color39:#232323;
	--color40:#ccc;
	--color41:#fff000;
	--color42:#11314f;
	--color43:#c8bdad;
	--color44:#192e3e;
	--color45:#ebf2f7;
	--color46:#faf9f6;
	--color47:#977a5c;
	--color48:#94c0de;
	--color49:#145591;
	--color50:#f49fae;
	--color51:#a8001e;
	--color52:#26475f;
	--color53:#e9f0f6;
	--color54:#1c73c4;
	--color55:#d1dee8;
	--color56:#ddd;
	--color57:#506b89;
	--color58:#edf0f3;
	--color59:#c3cdd4;
	--color60:#eeede3;
	--color61:#abb9c3;
	--color62:#d3c0c3;
	--color63:#f5f5f5;
	--color64:#c6d1db;
	--color65:#eee;
	--color66:#fffde5;
	--color67:#d9e0e4;
	--color68:#f4f7f9;
	--color69:#efe2e2;
	--color70:#e7ebef;
	--color71:#c7c8ca;
	--color72:#a3aab2;
	--color73:#a9bac9;
	--color74:rgba(25 ,46 ,62 ,0.7);
	--color75:#d3dbe3;
	--color76:#e5ebef;
	--color77:#004764;
	--color78:#bbb;
	--color79:#f9f9fa;
	--color80:#fafafa;
	--color81:#c31130;
	--color82:#f9f7f8;
	--color83:#f0e2e2;
	--color84:#697215;
	--color85:#386de8;
	--color86:#3cc344;
	--color87:#fb5852;
	--color88:#ffa5b5;
	--color89:#314c67;
	--color90:#6b4b35;
	--color91:#fad771;
	--color92:#f6f4ef;
	--color93:#dee7ed;
	--color94:#2b1e16;
	--color95:#bdc7cf;
	--color96:#00629a;
	--color97:#e5e5e5;
	--color98:#f3f8fc;
	--color99:#1c4062;
	--color100:#b0b0b0;
	--color101:#8d6a51;
	--color102:#c7ced6;
	--color103:#eecccf;
	--color104:#f4f3ef;
	--color105:#926d4d;
	--color106:#ad967f;
	--color107:#d5d5d6;
	--color108:#d9e6f1;
	--color109:#8c8c8c;
	--color110:rgba(255, 255, 255, 0.24);
	--color111:#99845b;
	--color112:#ece5d7;
	--color113:rgba(113, 98, 88, 0.5);
	--color114:#cddadd;
	--color115:rgba(9,28,47,0.7);
	--color116:rgba(87,0,15,0.6);
	
	/* black */
	--black01:#111;
	--black02:#222;
	--black03:#333;
	--black04:#444;
	--black05:#555;
	--black06:#666;
	--black07:#777;
	--black08:#888;
	--black09:#999;

	/* black */
	--black002: rgba(0, 0, 0, 0.02);
	--black003: rgba(0, 0, 0, 0.03);
	--black10: rgba(0, 0, 0, 0.1);
	--black15: rgba(0, 0, 0, 0.15);
	--black20: rgba(0, 0, 0, 0.2);
	--black25: rgba(0, 0, 0, 0.25);
	--black30: rgba(0, 0, 0, 0.3);
	--black35: rgba(0, 0, 0, 0.35);
	--black40: rgba(0, 0, 0, 0.4);
	--black44: rgba(0, 0, 0, 0.44);
	--black45: rgba(0, 0, 0, 0.45);
	--black50: rgba(0, 0, 0, 0.5);
	--black55: rgba(0, 0, 0, 0.55);
	--black60: rgba(0, 0, 0, 0.6);
	--black65: rgba(0, 0, 0, 0.65);
	--black70: rgba(0, 0, 0, 0.7);
	--black75: rgba(0, 0, 0, 0.75);
	--black80: rgba(0, 0, 0, 0.8);
	--black85: rgba(0, 0, 0, 0.85);
	--black90: rgba(0, 0, 0, 0.9);
	--black95: rgba(0, 0, 0, 0.95);
	--black100: #000;

	/* white */
	--white10: rgba(255, 255, 255, 0.1);
	--white15: rgba(255, 255, 255, 0.15);
	--white20: rgba(255, 255, 255, 0.2);
	--white25: rgba(255, 255, 255, 0.25);
	--white30: rgba(255, 255, 255, 0.3);
	--white35: rgba(255, 255, 255, 0.35);
	--white40: rgba(255, 255, 255, 0.4);
	--white45: rgba(255, 255, 255, 0.45);
	--white50: rgba(255, 255, 255, 0.5);
	--white55: rgba(255, 255, 255, 0.55);
	--white60: rgba(255, 255, 255, 0.6);
	--white65: rgba(255, 255, 255, 0.65);
	--white70: rgba(255, 255, 255, 0.7);
	--white75: rgba(255, 255, 255, 0.75);
	--white80: rgba(255, 255, 255, 0.8);
	--white85: rgba(255, 255, 255, 0.85);
	--white90: rgba(255, 255, 255, 0.9);
	--white95: rgba(255, 255, 255, 0.95);
	--white100: #fff;

	/* font-weight */
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semibold:600;
	--font-weight-bold:700;
	--font-weight-extrabold:800;
}