@font-face {
  font-family: 'Nanum_Square_Round';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/nanum-square-round/NanumSquareR.eot);
  src: local('Nanum Square Round'), local('NanumSquareRound'), url(../fonts/nanum-square-round/NanumSquareR.eot) format('embedded-opentype'), url(../fonts/nanum-square-round/NanumSquareR.woff2) format('woff2'), url(../fonts/nanum-square-round/NanumSquareR.woff) format('woff'), url(../fonts/nanum-square-round/NanumSquareRoundB.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum_Square_RoundEB';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/nanum-square-round/NanumSquareR.eot);
  src: local('Nanum Square Round'), local('NanumSquareRound'), url(../fonts/nanum-square-round/NanumSquareR.eot) format('embedded-opentype'), url(../fonts/nanum-square-round/NanumSquareR.woff2) format('woff2'), url(../fonts/nanum-square-round/NanumSquareR.woff) format('woff'), url(../fonts/nanum-square-round/NanumSquareRoundEB.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum_Square_Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/nanumsquare-font/NanumSquareR.eot);
  src: local('Nanum Square Regular'), local('NanumSquareR'), url(../fonts/nanumsquare-font/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(../fonts/nanumsquare-font/NanumSquareR.woff2) format('woff2'), url(../fonts/nanumsquare-font/NanumSquareR.woff) format('woff'), url(../fonts/nanumsquare-font/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum_Square_Bold';
  font-style: bold;
  font-weight: bold;
  src: url(../fonts/nanumsquare-font/NanumSquareB.eot);
  src: local('Nanum Square Bold'), local('NanumSquareB'), url(../fonts/nanumsquare-font/NanumSquareB.eot) format('embedded-opentype'), url(../fonts/nanumsquare-font/NanumSquareB.woff2) format('woff2'), url(../fonts/nanumsquare-font/NanumSquareB.woff) format('woff'), url(../fonts/nanumsquare-font/NanumSquareB.ttf) format('truetype');
}

@font-face {
  font-family: 'NBG';
  font-style: bold;
  font-weight: bold;
  src: url(../fonts/NanumFontSetup_OTF_BARUNGOTHIC/NanumBarunGothic.otf);
  src: local('Nanum Square Bold'), local('NanumSquareB'), url(../fonts/nanumsquare-font/NanumSquareB.eot) format('embedded-opentype'), url(../fonts/nanumsquare-font/NanumSquareB.woff2) format('woff2'), url(../fonts/nanumsquare-font/NanumSquareB.woff) format('woff'), url(../fonts/nanumsquare-font/NanumSquareB.ttf) format('truetype');
}

@font-face {
  font-family: 'nanumbg';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumFontSetup_TTF_BARUNGOTHIC/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'nanumbg_b';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumFontSetup_TTF_BARUNGOTHIC/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
  font-family: 'nanumbg_l';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumFontSetup_TTF_BARUNGOTHIC/NanumBarunGothicLight.ttf') format('truetype');
}

@font-face {
  font-family: 'nanumbg_ul';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumFontSetup_TTF_BARUNGOTHIC/NanumBarunGothicUltraLight.ttf') format('truetype');
}



@font-face {
  font-family: 'Nanum_Square_Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/nanumsquare-font/NanumSquareR.eot);
  src: local('Nanum Square Regular'), local('NanumSquareR'), url(../fonts/nanumsquare-font/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(../fonts/nanumsquare-font/NanumSquareR.woff2) format('woff2'), url(../fonts/nanumsquare-font/NanumSquareR.woff) format('woff'), url(../fonts/nanumsquare-font/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'suit-bold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-extrabold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-extralight';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-heavy';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-Heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-light';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-medium';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-regular';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-semibold';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'suit-thin';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/SUIT-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'NSR';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.ttf) format("truetype");
}

@font-face {
    font-family: 'NSRB';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundB.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundB.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundB.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundB.ttf) format("truetype");
}

@font-face {
    font-family: 'NSREB';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundEB.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundEB.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundEB.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundEB.ttf) format("truetype");
}

@font-face {
    font-family: 'NSRL';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundL.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundL.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundL.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundL.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundL.ttf) format("truetype");
}

@font-face {
    font-family: 'font_01';
    src: url('./fonts/font_01.woff2');
    src: url('./fonts/font_01.woff2') format("embedded-opentype"), url('./fonts/font_01.woff2') format("woff2"), url('./fonts/font_01.woff2') format("woff"), url('./fonts/font_01.woff2') format("truetype");
}

@font-face {
    font-family: 'font_02';
    src: url('./fonts/font_02.woff2');
    src: url('./fonts/font_02.woff2') format("embedded-opentype"), url('./fonts/font_02.woff2') format("woff2"), url('./fonts/font_02.woff2') format("woff"), url('./fonts/font_02.woff2') format("truetype");
}

@font-face {
    font-family: 'a19_1';
    src: url('./fonts/a19_1.ttf');
    src: url('./fonts/a19_1.ttf') format("embedded-opentype"), url('./fonts/a19_1.ttf') format("woff2"), url('./fonts/a19_1.ttf') format("woff"), url('./fonts/a19_1.ttf') format("truetype");
}

@font-face {
    font-family: 'a19_2';
    src: url('./fonts/a19_2.ttf');
    src: url('./fonts/a19_2.ttf') format("embedded-opentype"), url('./fonts/a19_2.ttf') format("woff2"), url('./fonts/a19_2.ttf') format("woff"), url('./fonts/a19_2.ttf') format("truetype");
}

@font-face {
    font-family: 'a19_1';
    src: url('./fonts/a19_3.ttf');
    src: url('./fonts/a19_3.ttf') format("embedded-opentype"), url('./fonts/a19_3.ttf') format("woff2"), url('./fonts/a19_3.ttf') format("woff"), url('./fonts/a19_3.ttf') format("truetype");
}


@font-face {
  font-family: 'din_bold2';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumFontSetup_TTF_BARUNGOTHIC/NanumBarunGothic.ttf') format('truetype');
}

@font-face {
  font-family: 'din_bold1';
  font-style: bold;
  font-weight: 700;
  src: url('../fonts/din-font/DIN-Bold.eot');
  src: local('DIN Bold'), local('DIN-Bold'), url('./fonts/din-font/DIN-Bold.eot') format('embedded-opentype'), url('./fonts/din-font/DIN-Bold.otf') format('otf'), url('./fonts/din-font/DIN-Bold.svg') format('svg'), url('./fonts/din-font/DIN-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'din_bold';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.woff2) format("woff2"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareRound/NanumSquareRoundR.ttf) format("truetype");
}


		a:link {text-decoration:none;color:#415937;}
		a:visited {text-decoration:none;color:#415937;}
		a:active {text-decoration:none;color:#415937;}
		a:hover {text-decoration:none;color:red;}
		td{font-family: '굴림'; font-size:9pt; line-height:1.4}

	.text
		{ font-size:9pt; font-family:굴림체;color:navy; background-color:#F0F0F0; border-width:1; border-color:#777777; border-style:solid; }
	.button
		{ font-size:9pt; color:#333333; background:transparent; border-width:1; border-color:#AAAAAA; }

	input:focus {
	  outline: none;
	}

	
	#notice_read_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:800px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#product_search_main_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:400px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#immediately_send_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#send_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#reserved_send_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#product_list_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#eee;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:900px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#color_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:900px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#banner_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:900px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#charge_guide_view_box {
	
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}


	#normal_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:900px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#product_append_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:1200px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#cate_img_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#eee;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:500px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_toast_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#F1F1F1;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_toast_view_box1 {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#F1F1F1;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_popup_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_popup_view_box1 {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:600px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#alert_login_popup_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:80%; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#popup_view_box {
	
		/* css3 drop shadow */
		/*
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		*/
		
		/* css3 border radius */
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		
		background:#eee;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:300px;
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#member_info_view_box {
	
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		
		background:rgba(255, 255, 255, 0.0);

		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:620;
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}

	#notice_view_box {
		
		/* css3 drop shadow */
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		
		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		
		background:#FFFFFF;
		/* styling of the dialog box, i have a fixed dimension for this demo */ 
		width:1200px; 
		
		/* make sure it has the highest z-index */
		position:absolute; 
		z-index:5000; 

		/* hide it by default */
		display:none;
	}
}




.cssZoom{
	border:1px solid #ccc;
	padding:10px;
	margin-top:10px;
	width:150px;
	height:50px;
	overflow:hidden;
}

.cssZoom iframe{
	-ms-zoom: 0.5;
	
	-moz-transform: scale(0.5);
	-moz-transform-origin: 0 0;
	
	-o-transform: scale(0.5);
	-o-transform-origin: 0 0;
	
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	
	transform: scale(0.5);
	transform-origin: 0 0;	
	
	border:1px solid #ccc;
	top:0px;
	left:0px;
	
	width:200%;
	height:200%;
}



	.imageContainer {
	  width: 96%;
	  height: 96%;
	  max-width: 100%;
	  max-height: 100%;
	  position: relative;
	  overflow: hidden;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	  background: #FFFFFF;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	}


	.imageContainer > img {
	  display: block;
	  max-width:100%;
	  max-height:100%;	  cursor: move;
	  touch-action: none;
	}

.bgLayer_new {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}  /* z-index가 10이다. 이보다 위에 보이기 위해선 팝을 이보다 크게 설정해야한다. */



.no-scroll {
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/*
input[type=checkbox] {

	accent-color: #D74E61d
}
*/


input[type="checkbox"]+label {
    display: block;
    width: 20px;
    height: 20px;
    background: url('../images/icon_chk_off.png') no-repeat 0 0px / contain;
}

input[type='checkbox']:checked+label {
    background: url('../images/icon_chk_on.png') no-repeat 0 1px / contain;
}

input[type="checkbox"] {
    display: none;
}

/*
input[type=checkbox] {
    display:none;
}

input[type='checkbox']+label {
	cursor:pointer;
    display: block;
    width: 20px;
    height: 20px;
    background: url('./images/icon_chk_off.png') no-repeat 0 0px / contain;
}

input[type='checkbox']:checked+label {
	width: 20px;
    height: 20px;
	cursor:pointer;
    background: url('./images/icon_chk_on.png') no-repeat 0 0px / contain;
}
*/

/*
input[type=checkbox]:disabled + label {
    background-image: url('./images/check-offdisabled.svg');
}
*/



@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}


.blink {
  animation: blink-effect 0.5s step-end infinite;

}












/* tooltipz */
.tooltip {
  position: relative;
}

.tooltip:hover .tooltip-inner {
  visibility: visible;
  opacity: 1.0;  
}

.tooltip .tooltip-inner {  
  position: absolute;
  display: block;
  /*text-align: center;
  text-decoration: none;
  */
  font-weight: bold;
  left: 10px;
  padding: 20px 20px 20px 20px;
  max-width: 300px;
 
  color: #000000;
  background-color: #444;
  border: 2px solid #333;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .6s ease-in-out;
  z-index: 10;
  
}

.tooltip.top .tooltip-inner {
  bottom: 32px;
}
.tooltip.bottom .tooltip-inner {
  margin-top: 8px;
}

.tooltip.blue .tooltip-inner {
  background-color: #FFFFFF;
  border: 2px solid #C40001;
}
.tooltip.green .tooltip-inner {
  background-color: #468847;
  border: 2px solid #387038;
}
.tooltip.orange .tooltip-inner {
  background-color: #F89406;
  border: 2px solid #AD6704;
}
.tooltip.red .tooltip-inner {
  background-color: #B94A48;
  border: 2px solid #802420;
}

.tooltip-angle {
  position: absolute;
  border-left-width: 0;
  line-height: 0;
  left: 20%;
}
.tooltip-angle-inner {
  position: absolute;
  border-left-width: 0;
  line-height: 0;
  left: 2px;
}

.tooltip.top .tooltip-angle {
  bottom: -10px;
  border-right: solid 10px transparent;
  border-top: solid 10px #333;
}
.tooltip.top.blue .tooltip-angle {
  border-top: solid 10px #C40001;
}
.tooltip.top.green .tooltip-angle {
  border-top: solid 10px #387038;
}
.tooltip.top.orange .tooltip-angle {
  border-top: solid 10px #AD6704;
}
.tooltip.top.red .tooltip-angle {
  border-top: solid 10px #802420;
}

.tooltip.top .tooltip-angle-inner {
  bottom: 5px;
  border-right: solid 5px transparent;
  border-top: solid 5px #444;
}
.tooltip.top.blue .tooltip-angle-inner {
  border-top: solid 5px #C40001;
}
.tooltip.top.green .tooltip-angle-inner {
  border-top: solid 5px #468847;
}
.tooltip.top.orange .tooltip-angle-inner {
  border-top: solid 5px #F89406;
}
.tooltip.top.red .tooltip-angle-inner {
  border-top: solid 5px #B94A48;
}

.tooltip.bottom .tooltip-angle {
  top: -10px;
  border-right: solid 10px transparent;
  border-bottom: solid 10px #333;
}
.tooltip.bottom.blue .tooltip-angle {
  border-bottom: solid 10px #1F6377;
}
.tooltip.bottom.green .tooltip-angle {
  border-bottom: solid 10px #387038;
}
.tooltip.bottom.orange .tooltip-angle {
  border-bottom: solid 10px #AD6704;
}
.tooltip.bottom.red .tooltip-angle {
  border-bottom: solid 10px #802420;
}

.tooltip.bottom .tooltip-angle-inner {
  top: 5px;
  border-right: solid 5px transparent;
  border-bottom: solid 5px #444;
}
.tooltip.bottom.blue .tooltip-angle-inner {
  border-bottom: solid 5px #3A87AD;
}
.tooltip.bottom.green .tooltip-angle-inner {
  border-bottom: solid 5px #468847;
}
.tooltip.bottom.orange .tooltip-angle-inner {
  border-bottom: solid 5px #F89406;
}
.tooltip.bottom.red .tooltip-angle-inner {
  border-bottom: solid 5px #B94A48;
}

.tooltip.tip .tooltip-angle {
  left: 10px;
}

/*
table, td, th {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 4px 6px;
}

*/


input::placeholder,
textarea::placeholder {
  /* 🚨 색상 설정 */
  color: #3B3939; 
  
  /* 🚨 폰트 (글꼴 이름) 설정 */
  /*font-family: Arial, sans-serif;*.
  
  /* 🚨 투명도 설정 */
  opacity: 0.3; /* 브라우저 기본 투명도를 덮어쓰고 싶을 때 사용 */
  
  /* 폰트 크기, 굵기 등 다른 폰트 속성도 적용 가능 */
  /*font-size: 14px; */
  /*font-weight: normal;*/
}




.bgLayer {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}  /* z-index가 10이다. 이보다 위에 보이기 위해선 팝을 이보다 크게 설정해야한다. */