@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
/* font-family: 'Nanum Gothic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/* font-family: 'Nanum Myeongjo', serif; */
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");

/* Reset */
body * {box-sizing:border-box;}
 * {outline:0 !important;}
select {
	-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
    -ms-appearance: none  /*9*/;
     -o-appearance: none;
}
select::-ms-expand {
	display:none;
}
input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-border-radius:0;
	-webkit-appearance:none;
}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="search"], 
input[type="image"], 
input[type="tel"], 
button, 
select, 
textarea {-webkit-border-radius:0;-webkit-appearance:none;}
.view_1200{display:none !important;}
.hide_1200{display:block !important;}


BODY {
	font-size:14px;
	line-height:100%;
	color:#1d1d1b;
	font-family:'Nanum Gothic',Dotum, "돋움", Arial, sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust : none /* 폰트의 사이즈를 늘어나지 않도록 한다 */
	/*-webkit-text-size-adjust : auto /* 기존과 똑같이 작동하도록 한다 */
	/*-webkit-text-size-adjust : 120%  /* 폰트를 기존 사이즈와 동일하게 한다 */
}
img {-ms-interpolation-mode:bicubic;}
img[src$=".png"] {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
} 
header {margin:0; padding:0;}
h5 {
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/* CSS reset Start*/
img {max-width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

html {
	margin:0;
	padding:0;
	overflow-y: scroll; 
	
	width:100%;
	height:100%;

}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
	margin:0;
	width:100%;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
a {
text-decoration:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* CSS reset End*/


/*LOW VER. IE SUPPORT HTML5*/
article, aside, hgroup, header, footer, figure, figcaption, section,time, mark, canvas, video, audio, details, summary {display:block;}


th {
	text-align:center;
	font-weight:bold;
}

A {color: #444444}
A:link {color: #444444; text-decoration:none}
A:visited {color: #444444; text-decoration:none}
A:active {color: #444444; text-decoration:none}
A:hover {color: #444444; text-decoration:none}

.input{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle; }
.input_text{border:1px solid #cccccc; background-color:#FFF; vertical-align:middle; height:18px; }
.input_text_field{border:1px solid #cccccc; width:95%; background-color:#FFF; vertical-align:middle; height:200px;}

.text_left {color:#444444; text-align:left;}
.text_center {color:#444444; text-align:center;}
.text_right {color:#444444; text-align:right;}

.insert_page_text {padding-left:20px;}
.insert_page_text_b {padding-left:20px;font-weight:bold}

/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {
	width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:0px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;
}
input::-webkit-input-placeholder{
	color:#b5b5b5; font-size:12px; line-height:100%;
}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{
	background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;
}
textarea[readonly],
textarea[disabled]{
	padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;
}

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

.skip{position:absolute;}


.radio label, .checkbox label { cursor: pointer; }
.checkbox label:after,
.radio label:after { content: ''; display: table; clear: both; }
.checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 2px solid #797979; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; color: red; }
.radio .cr { border-radius: 75%; border-color: #797979; }
.checkbox .cr .cr-icon,
.radio .cr .cr-icon { position: absolute; font-size: 1.4em; line-height: 0; top: 50%; left: -1px; }
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] { display: none; }
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon { opacity: 0; }
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon { opacity: 1; }
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr { opacity: .5; }
.radio, .checkbox{display: inline-block;}
.radio label, .checkbox label {padding-left:0;}

.mT5{margin-top: 5px;}
.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT50{margin-top: 50px;}
.mT80{margin-top: 80px;}
.mT100{margin-top: 100px;}