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

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);

.dtg_popup_div02{position:absolute; background-color:white; border:3px solid #383f52; overflow:hidden; z-index:2000;}
html {
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none;
	}
body {
	*word-break:break-all;
	-ms-word-break:break-all;
	font-family:'Nanum Gothic','Noto Sans KR', SpoqaHanSansR, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;
	-webkit-font-smoothing:antialiased; 
	word-wrap:break-word;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5;
	
	}
body{
	scrollbar-3dlight-color:#f4f4f4;
	scrollbar-arrow-color:#8c8c8c;
	scrollbar-track-color:#f4f4f4;
	scrollbar-darkshadow-color:#f4f4f4;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#c3c3c3;
	scrollbar-shadow-color:#c3c3c3;
	}
html, body {width:100%; height: 100%; }	
	
a:link, 
a:visited, 
a:hover, 
a:focus, 
a:active {
	text-decoration:none;
	cursor:pointer;
	}	
img, 
fieldset, 
iframe {
	border: none;
	}
select, inpput, textarea {
	color:#454545;
	font-family:'Nanum Gothic','Noto Sans KR', SpoqaHanSansR, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;

	}
input, textarea {
	border:1px solid #ccc;
	}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
	border: none;
	vertical-align: middle;
	}
input[type="password"] {ime-mode:disabled;}
input.id[type="text"] {ime-mode:disabled;}
input.onlynumber[type="text"] {ime-mode:disabled;}
input.onlynumber2[type="text"] {ime-mode:disabled;}

ul, ol, dl, li, dt, dd, p,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	}
li {
	text-align: -webkit-match-parent;	
	}
hr {
	display: none;
	}
form  {
	margin: 0;
	padding: 0;
	}
fieldset  {
	margin: 0;
	padding: 0;
	border: none;
	}
caption,
legend {
	width:0; 
	height:0; 
	display:none; 
	font-size:0; 
	line-height:0;
}
table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	}
	
button {display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer; font-family:'Nanum Gothic','Noto Sans KR', SpoqaHanSansR, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; margin: 0; padding: 0;} 

pre {font-family:'Nanum Gothic','Noto Sans KR', SpoqaHanSansR, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;}

.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.mr5 {margin-right: 5px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml60 {margin-left: 60px !important;}
.mb60 {margin-bottom: 60px !important;}
.mt5 {margin-top: 5px !important;} 
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 30px !important;}
.mt60 {margin-top: 60px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.ipW30 {width: 30px !important;}
.ipW40 {width: 40px !important;}
.ipW50 {width: 50px !important;}
.ipW60 {width: 60px !important;}
.ipW70 {width: 70px !important;}
.ipW100 {width: 100px !important;}
.ipW109 {width: 109px !important;}
.ipW120 {width: 120px !important;} 
.ipW150 {width: 150px !important;}
.ipW140 {width: 140px !important;}
.ipW200 {width: 200px !important;}
.ipW265 {width: 265px !important;}
.ipW300 {width: 300px !important;}
.ipW400 {width: 400px !important;}
.ipW500 {width: 500px !important;}
.ipW600 {width: 600px !important;}
.mw50 {min-width: 50px !important;}

.textleft {text-align: left !important;}
.textright {text-align: right !important;}


.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font12 {font-size: 12px !important}

.hgh26 {height: 26px !important;}

.cred {color:#e02525 !important;}
.cgreen {color:#8fd839 !important;}
.cblue {color:#2a52b7 !important;}
.cgray {color:#6C6C6C !important;}

.bgGreen {background: #8fd839 !important; color: #fff;}
.bgGray {background: #f1f1f3 !important; color: #666;}

.minwidth {min-width: 0 !important;}


input.notKorean[type="text"] {ime-mode:disabled;}
.fl {float: left;}
.fr {float: right;}
.w100 {width: 100% !important;}
.w80 {width: 80% !important;}
.w318 {width: 318px !important}
.w100 {width: 100px !important}
.h500 {height: 500px !important;}
.h300 {height: 300px !important;}

.vt {vertical-align: top !important;}
.nline {border: none !important;}
.nbg {background: none !important;}

.icoOn {
    background: #ff4747;
    border: 1px solid #de1919;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
}

.icoOff {
    background: #5f5f5f;
    border: 1px solid #444444;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
}