@CHARSET "UTF-8";

body {
	color: black;
	/*font-family: Helvetica, Arial, Times, "Times New Roman", serif, Dotum;*/
	/*font-family: tahoma, "돋음", Dotum, "굴림", Gulim, Arial, "Helvetica", "Bitstream Vera Sans", "UnDotum", "Baekmuk Dotum", AppleGothic, sans-serif;*/
	font-family: 'Nanum Barun Gothic', Helvetica, sans-serif;
	font-weight: normal; /*bold*/
	font-style: normal; /*italic*/
	text-decoration: none; /*line-through, underline, overline, blink*/
	font-size: 1em;
	
	background-color: #fff;
}

body, p, ol, ul, li {
	padding: 0;
	margin: 0;
	border: 0;
}

ol, ul, li				{list-style: none;}
ul li img				{vertical-align: top;}
img						{border: 0 none; vertical-align: middle;}
a, div[onclick], li[onclick]	{text-decoration: none; color: black; cursor: pointer;}
iframe					{border: 0 none;}
hr						{display: none;}
map, area				{cursor: hand;}


/************************ 공통 ************************/	

a.button { 
	padding: 10px 20px; 
	
	display: inline-block;
	font-weight: bold;
	color: #fff; 
}

.emphasis {
	color: #be1b2b;
	font-weight: bold;	
}

.one_line {
	text-overflow: ellipsis; 
	overflow: hidden; 
	white-space: nowrap;
}

.bg_23a9e2 {
	background-color: #23a9e2;
}		

.bg_4d4d4d {
	background-color: #4d4d4d;
}	

.bg_0d6886 {
	background-color: #0d6886;
}	

.bg_8c8c8c {
	background-color: #8c8c8c;
}	


.input_text {
	width: 40%;
	margin: 20px auto;
	
	display: block;
	
	padding: 10px;
	
	font-size: 14px;	

	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background-color: rgba(0,0,0,0);
	
	border: 1px solid #ddd;
	outline: none;
}

.input_text:focus {
	background-color: rgba(35,169,226,0.1);
	
	border: 1px solid #23a9e2;
	outline: none;
}


ul.radio {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.radio > li {
	position: relative;
	display: flex;
	padding: 10px;
	margin: 5px;
	border: 1px solid #f7931a;
	color: #f7931a;
	background-color: #fff;
}
ul.radio > li.checked {
	border: 1px solid #f7931a;
	color: #fff;
	font-weight: bold;
	background-color: #f7931a;	
}
ul.radio > li input[type="radio"] {
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;	
}



.popup_overlay_close {
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 99999; 
	display: inline-block; 
	color: #eee; 
	font-weight: bold; 
	font-size: 30px; 
	text-align: center; 
	padding: 5px 12px; 
	margin: 10px;
	border-radius: 50px; 
	border: 1px solid #333;
}

#popup_box {
	-ms-overflow-style: none; /* ie 스크롤 안보이게 */
}

#popup_box::-webkit-scrollbar {
	display: none;
}

/* Web */
@media all and (min-width: 1024px) {	

	.popup_overlay_close {
		padding: 5px 20px; 
		font-size: 60px; 
	}
	
	#popup_box {
		right: 50px; 
		left: 50px; 
	}
		
}









/*
*						{font-size: 12px; line-height: 20px; color: #666666;}
*						{margin: 0; padding: 0;}
*/


​

html {
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #dedede;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-shadow-color: #dedede;
    scrollbar-arrow-color: #858585;
    scrollbar-track-color: #ffffff;
    scrollbar-base-color:#dedede;
    font-family: 'KoPub Dotum',"굴림체","Gulim","dotum", "Ubuntu-Italic", "Lucida Sans", helvetica, sans;
}

table					{border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
caption					{display: none;}
input.checkbox			{vertical-align: middle;}
input.text				{height: 20px; padding: 2px 4px 0 4px; border: 1px solid #BEBEBE; vertical-align: middle;}
input.text2				{height: 18px; padding: 0 4px 0 4px; border: 1px solid #BEBEBE; vertical-align: top;}
input.text10			{height: 20px; padding: 2px 4px 1px 4px; border: 0; vertical-align: middle;}
input.password			{height: 20px; font-family: verdana; font-size: 10px; padding: 2px 4px 2px 4px; border: 1px solid #BEBEBE; vertical-align: middle;}
input.submit			{background-color: #DBDBDB; border: 1px solid #BEBEBE; vertical-align: middle;}
select					{height: 20px; border: 1px solid #BEBEBE;}
textarea				{padding: 2px 4px 2px 4px; line-height: 16px; border: 1px solid #BEBEBE;}



/* a:link					{color: #666666; text-decoration: none;} */
/* a:visited				{color: #666666; text-decoration: none;} */
/* a:focus					{color: #666666; text-decoration: none;} */
/* a:hover					{color: #666666; text-decoration: none;} */
/* a:active				{color: #666666; text-decoration: none;} */


.gif24					{tmp: expression(setPng24(this));}

.css_color_333333		{color: #333333;}
.css_color_D31C3C		{color: #D31C3C;}
.css_color_E88127		{color: #E88127;}

.clear					{clear: both;}
.top					{vertical-align: top;}
.middle					{vertical-align: middle;}
.left					{text-align: left;}
.center					{text-align: center;}
.right					{text-align: right;}
.strike					{text-decoration: line-through;}
.normal					{font-weight: normal;}
.bold					{font-weight: bold;}


 /* Margin Set */
.mt5 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt15	{margin-top: 15px;} .mt20 {margin-top: 20px;} .mt25	{margin-top: 25px;} .mt30 {margin-top: 30px;} .mt35 {margin-top: 35px;} .mt40 {margin-top: 40px;} .mt45	{margin-top: 45px;} .mt50 {margin-top:50px;}
.mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;} .mr20 {margin-right: 20px;} .mr25	{margin-right: 25px;} .mr30 {margin-right: 30px;} .mr35 {margin-right: 35px;} .mr40 {margin-right: 40px;} .mr45	{margin-right: 45px;} .mr50	{margin-right: 50px;}
.mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;} .mb25	{margin-bottom: 25px;} .mb30 {margin-bottom: 30px;} .mb35 {margin-bottom: 35px;} .mb40 {margin-bottom: 40px;} .mb45 {margin-bottom: 45px;} .mb50 {margin-bottom: 50px;}
.ml5 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;} .ml25	{margin-left: 25px;} .ml30 {margin-left: 30px;}	.ml35 {margin-left: 35px;} .ml40 {margin-left: 40px;} .ml45	{margin-left: 45px;} .ml50	{margin-left: 50px;}


/* Padding Set */
.p5 {padding: 5px;} .p10 {padding: 10px;} .p20 {padding: 20px;} .p30 {padding: 30px;} .p40 {padding: 40px;} .p50 {padding: 50px;}
.pt5 {padding-top: 5px;} .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;} .pt45 {padding-top: 45px;} .pt50 {padding-top: 50px;}
.pr5 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr15 {padding-right: 15px;} .pr20 {padding-right: 20px;} .pr25 {padding-right: 25px;} .pr30 {padding-right: 30px;} .pr35 {padding-right: 35px;} .pr40 {padding-right: 40px;} .pr45 {padding-right: 45px;} .pr50 {padding-right: 50px;}
.pb1 {padding-bottom: 1px;} .pb5 {padding-bottom: 5px;} .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;} .pb45 {padding-bottom: 45px;} .pb50 {padding-bottom: 50px;}
.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: 40px;} .pl45	{padding-left: 45px;} .pl50 {padding-left: 50px;} .pl55 {padding-left: 55px;}


/*width*/

.w1{width:10px;} .w2{width:20px;} .w3{width:30px;} .w4{width:40px;} .w5{width:50px;} .w6{width:60px;} .w7{width:70px;} .w9{width:90px;} .w10{width:100px;}