@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400&display=swap');
@charset "utf-8";
/* base */
	html {width:100%}
	body {width:100%}
	body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input {margin: 0; padding: 0}
	body, table, th, td, input, textarea, select, button, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', 'Roboto', sans-serif; font-size: 17px; line-height:22px; color: #333; font-weight: 400; letter-spacing: 0px; font-style: normal; text-decoration: none}
    img,fieldset,iframe{border:0 none}
	li, ul, ol {list-style: none}
	input,select,button{vertical-align:middle}
	i,em,address{font-style:normal}
	img {vertical-align: middle; border: none}
	label,button{cursor:pointer}
	button{margin:0;padding:0; border:0px;}
	table{border-collapse:collapse;border-spacing:0}

	* {box-sizing: border-box;}
/* a-style */
	a {color: #222222; text-decoration: none; outline: none}
	a:hover, a:active {text-decoration: none; color:#222222}

/* form */
	input {-webkit-border-radius:0px;-webkit-apprearance:none;outline:none;border:1px solid #ccc;height:21px}
	textarea{width:100%;height:300px;-webkit-border-radius:0px;-webkit-apprearance:none;outline:none;border:1px solid #ccc}
	select{height:20px;_margin-top:3px;border:1px solid #999;height:23px}
    
	input[type=checkbox]{width: 20px;height: 20px;margin-top: 1px;border-radius: 50%; appearance: none;cursor: pointer;flex-shrink: 0;}
	input[type=checkbox]::after{width: 20px;height: 20px;display:flex;content: '\f00c';color:#ccc;font-size: 14px;
		margin-left: -1px;font-weight:bold;position: absolute;align-items:center;justify-content:center;font-family:'Font Awesome 5 Free';}
	input[type=checkbox]:checked{border:none; background: #003378;border:1px solid #003378}
	input[type=checkbox]:checked::after{  width: 20px;height: 20px;display:flex;content: '\f00c';color:#fff;font-size: 14px;
		margin-left: -1px;font-weight:bold;position: absolute;align-items:center;justify-content:center;font-family:'Font Awesome 5 Free';}
	input[type=checkbox] + label{padding-left: 10px;}
	input[type=checkbox]:checked + label{padding-left: 10px;}

	input[type=radio]{width: 20px;height: 20px;margin-top: 1px;border-radius: 50%; appearance: none;cursor: pointer;flex-shrink: 0;}
	input[type=radio]:checked{border:none; background: #003378;border:1px solid #003378}
	input[type=radio]:checked::after{  width: 20px;height: 20px;display:flex;content: '\f00c';color:#fff;font-size: 14px;
		margin-left: -1px;font-weight:bold;position: absolute;align-items:center;justify-content:center;font-family:'Font Awesome 5 Free';}
	input[type=radio] + label{padding-left: 10px;}
	input[type=radio]:checked + label{padding-left: 10px;}
    /*input.checkbox{position:relative;top:-1px;*top:-1px;width:14px; height:14px;margin:0;padding:0;border:1px solid #ccc}*/
    /*input[type=checkbox] { display:none; }*/
	/*input[type=checkbox]:has(+label) { display:none; }
    input[type=checkbox] + label { cursor: pointer; padding-left: 34px; background-repeat: no-repeat;background-image: url('/new/images/common/checkbox.svg');}
    input[type=checkbox]:checked + label { background-image: url('/new/images/common/checkbox_on.png');background-size: contain ; }
    input[type=checkbox]:disabled + label { background-image: url('/new/images/common/checkbox_disabled.svg'); }
    /*input.radio{position:relative;top:-1px;*top:-1px;width:14px;height:14px;margin:0;padding:0;border:none}*/
	/*input[type=radio] { display:none; }*/
    /* input[type=radio]:has(+label) { display:none; }
    input[type=radio] + label { cursor: pointer; padding-left: 34px; background-repeat: no-repeat;background-image: url('/new/images/common/radio.svg'); }
    input[type=radio]:checked + label { background-image: url('/new/images/common/radio_on.png'); background-size: contain;}
    input[type=radio]:disabled + label { background-image: url('/new/images/common/radio_disabled.svg'); }

/* Frequent */
	.hidden, .blind {display: none !important}
	.iefix {width: 1px !important; height: 0px !important; margin: -1px 0 0 0 !important; clear: both !important; display: block !important; overflow: hidden !important;padding: 1px 0 0 0 !important; font-size: 1px !important}
	.skip, #accessibility {position :absolute; display:none; width:0; height:0; font-size :0;line-height :0; overflow :hidden}
	.break-word {word-wrap: break-word; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-break: break-all}

/* 추가 0515 */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; content:'';}
.clearfix:after {clear:both;}

.inputH32 { border:solid 1px #d5d5d5; height:32px; font-size:15px;}
.textarea01 { border:solid 1px #d5d5d5; font-size:15px;}
.inputN { background:none; border:none;}
.inputN:hover { background:none; border:none; padding:0; margin:0;}
/*
.inpCheck input,.inpRadio input{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0)}
.inpCheck label,.inpRadio label{position:relative;height:20px;padding-left:24px;}
.inpCheck label:before{content:'';position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;background:url(../images/common/bul_check.png) no-repeat;}
.inpRadio label:before{content:'';position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;background:url(../images/common/bul_radio.png) no-repeat;}
.inpCheck input:checked+label:before{content:'';position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;background:url(../images/common/bul_check_on.png) no-repeat;}
.inpRadio input:checked+label:before{content:'';position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;background:url(../images/common/bul_radio_on.png) no-repeat;}
.radioList li+li{margin-top:10px}
*/
.inpFile input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.inpFile label{display:inline-block;height:30px;padding:0 12px;border-radius:4px;font-size:13px;line-height:30px;color:#fff;background-color:#4f5d69}
.inpFile .uploadName{display:inline-block;width:300px;height:28px;padding:0 12px;border:1px solid #c4c4c4;font-size:13px;line-height:30px;color:#444;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.inpFile+.note{margin-top:4px;font-size:13px;color:#888}

/* align */
.fl { float:left !important;}
.fr { float:right !important;}
.tl { text-align:left;}
.tr { text-align:right;}
.tc { text-align:center;}
.tj { text-align:justify;}
.cl { clear:both;}
.cp { cursor:pointer;}
.vt { vertical-align:top;}
.vm { vertical-align:middle}
.vb { vertical-align:bottom}

/* size */
.fsz { font-size:0px; line-height:normal;}
.fs0 { font-size:0px;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs13 { font-size:13px;}
.fs14 { font-size:14px;}
.fs14b { font-size:14px; font-weight:bold;}
.fs15 { font-size:15px;}
.fs15b { font-size:15px; font-weight:bold;}
.fs16 { font-size:16px;}
.fs16b { font-size:16px; font-weight:bold;}
.fs17 { font-size:17px;}
.fs17b { font-size:17px; font-weight:bold;}
.fs18 { font-size:18px;}
.fs18b { font-size:18px; font-weight:bold;}
.fs19 { font-size:19px;}
.fs19b { font-size:19px; font-weight:bold;}
.fs20 { font-size:20px;}
.fs20b { font-size:22px; font-weight:bold;}
.fs22 { font-size:22px;}
.fs22b { font-size:22px; font-weight:bold;}
.fs24 { font-size:24px;}
.fs24b { font-size:24px; font-weight:bold;}
.fs28 { font-size:28px;}
.fs28b { font-size:28px; font-weight:bold;}


.wid30 { width:30px;}
.wid40 { width:40px;}
.wid50 { width:50px;}
.wid60 { width:60px;}
.wid65 { width:65px;}
.wid70 { width:70px;}
.wid80 { width:80px;}
.wid90 { width:90px;}
.wid100 { width:100px;}
.wid110 { width:110px;}
.wid120 { width:120px;}
.wid130 { width:130px;}
.wid140 { width:140px;}
.wid150 { width:150px;}
.wid160 { width:160px;}
.wid170 { width:170px;}
.wid180 { width:180px;}
.wid190 { width:190px;}
.wid200 { width:200px;}
.wid210 { width:210px;}
.wid220 { width:220px;}
.wid230 { width:230px;}
.wid240 { width:240px;}
.wid250 { width:250px;}
.wid260 { width:260px;}
.wid270 { width:270px;}
.wid280 { width:280px;}
.wid290 { width:290px;}
.wid300 { width:300px;}
.wid310 { width:310px;}
.wid320 { width:320px;}
.wid330 { width:330px;}
.wid340 { width:340px;}
.wid350 { width:350px;}
.wid370 { width:370px;}
.wid380 { width:380px;}
.wid390 { width:390px;}
.wid400 { width:400px;}
.wid410 { width:410px;}
.wid430 { width:430px;}
.wid450 { width:450px;}
.wid460 { width:460px;}
.wid470 { width:470px;}
.wid500 { width:500px;}
.wid520 { width:520px;}
.wid530 { width:530px;}
.wid540 { width:540px;}
.wid550 { width:550px;}
.wid570 { width:570px;}
.wid600 { width:600px;}
.wid610 { width:610px;}
.wid640 { width:640px;}
.wid650 { width:650px;}
.wid660 { width:660px;}
.wid700 { width:700px;}
.wid750 { width:750px;}
.wid780 { width:780px;}
.wid800 { width:800px;}
.wid850 { width:850px;}
.wid900 { width:900px;}
.widp20 { width:20%;}
.widp25 { width:25%;}
.widp50 { width:50%;}
.widp90 { width:90%;}
.widp95 { width:95%;}
.widp100 { width:100%;}

.hei30 { height:30px;}
.hei40 { height:40px;}
.hei50 { height:50px;}
.hei100 { height:100px;}
.hei200 { height:200px;}
.hei300 { height:300px;}
.hei350 { height:350px;}
.hei400 { height:400px;}

/* color */
.fc000 { color:#000;}
.fc000B { color:#000; font-weight:bold;}
.fc111 { color:#111;}
.fc111B { color:#111; font-weight:bold;}
.fc333 { color:#333;}
.fc333B { color:#333; font-weight:bold;}
.fc555 { color:#555;}
.fc555B { color:#555; font-weight:bold;}
.fc666 { color:#666;}
.fc666B { color:#666; font-weight:bold;}
.fc777 { color:#777;}
.fc777B { color:#777; font-weight:bold;}
.fc999 { color:#999;}
.fc999B { color:#999; font-weight:bold;}
.fcfff { color:#fff;}
.fcSky01 {color:#0f97af;}
.fcSky01B {color:#0f97af; font-weight:bold;}
.fcBlue01 {color:#0f6caf;}
.fcBlue01B {color:#0f6caf; font-weight:bold;}
.fcRed01 {color:#ff2a00;}
.fcRed01B {color:#ff2a00; font-weight:bold;}
.fcOrg01 {color:#ff4e00;}
.fcOrg01B {color:#ff4e00; font-weight:bold;}
.fcGreen01 {color:#499300;}
.fcGreen01B {color:#499300; font-weight:bold;}
.fcGreen02 {color:#007e2c;}
.fcGreen02B {color:#007e2c; font-weight:bold;}
.fcPrice { color:#ff2a00;}
.fcPriceB { color:#ff2a00; font-weight:800;}
.fcFix { text-decoration:line-through; color:#999;}
.fcterm { color:#499300;}
.fctermB { color:#499300; font-weight:bold;}

/* font */
.lsn {letter-spacing:normal;}
.fb { font-weight:bold;}
.fn { font-weight:normal;}
.fsi { font-style:italic}
.tuline { text-decoration:underline}
.lhn { line-height:normal;}



/* padding margin */
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:50px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}

.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb7 {padding-bottom:7px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}

.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:30px;}

.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr7 {padding-right:7px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:30px;}

.mt0 {margin-top:0px;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt13 {margin-top:13px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt24 {margin-top:24px;}
.mt25 {margin-top:25px;}
.mt27 {margin-top:27px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt7m {margin-top:-7px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml7 {margin-left:7px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}

.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr7 {margin-right:7px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}