@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto|Noto+Sans+KR|Dancing+Script|Nanum+Myeongjo');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;}
body{width:100%;height:100%;}

html, body, table, textarea, select, h1, h2, h3, h4 { font-family:'noto Sans KR','Roboto',Dotum,'굴림',Gulim,Helvetica,sans-serif;  color:#3E3E3E;   word-break: break-all; }

img, input.type-image { border: 0 none; }
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-spacing:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
select{font-size: 1em;}
.radio {margin-bottom:-2px;}

hr {display: none;}
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
noscript{display:none}
caption{display:none}
a {  /* transition: all 0.3s ease-in-out;*/    vertical-align:top;      text-decoration: none;  cursor:pointer;   color:#222; }


/* form */
fieldset	{border:0 none;}
label	{}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle;}
input.txt:focus	{border-color:#000;}
select	{margin:0; border:1px solid #999; line-height:22px; height:22px; color:#a6a6a6; font-weight:bold;}
legend, caption {overflow:hidden; position:absolute; left:-9999px; top:0; font-size:0; line-height:0; text-indent:-9999px;}
.select {position:relative; display:inline-block; height:22px; padding:6px 4px 6px 4px; border:1px solid #b3b3b3; background-color:#fff; line-height:22px; vertical-align:middle;}
.select	 select	 {border:0 none; background:#fff; font-size:14px; color:#333; font-weight:normal;}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
textarea	{padding:4px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none;}
textarea:focus	{border-color:#000;}

input[type=text],
input[type=file],
input[type=password] {font-family:'Roboto','Nanum Square','Nanum Gothic','noto Sans KR',Dotum,'굴림',Gulim,Helvetica,sans-serif;height:40px; padding:0 16px; margin:0; border:1px solid #d2d2d2; line-height:22px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#666; font-size:13px;}
input::input-placeholder {color:#777;}
input::-webkit-input-placeholder {color:#777;} 
input::-moz-placeholder {color:#777;}
input::-ms-placeholder {color:#777;} 
input[type=checkbox],
input[type=radio] {width:14px; height:14px; padding:0; margin:0; vertical-align:middle; border:none; background:none; border-radius:0px; box-shadow: none; }
textarea {padding:10px; border:1px solid #d2d2d2; background:#fff; line-height:26px; font-size:14px; font-weight:300; color:#606060;}





/*INPUT*/
input[type="button"], input[type="submit"] {cursor:pointer;}
textarea {border:1px solid #cdcdcd; font-size:12px; width:98%;font-family:'noto Sans KR','Roboto',Dotum,'굴림',Gulim,Helvetica,sans-serif; color:#666;}
textarea.textarea_nor {width:684px; padding:15px; line-height:150%;}
input, select, textarea {vertical-align: middle; font-size:12px;font-family:'noto Sans KR','Roboto',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
.search, .search_btn1 {vertical-align: middle; font-size:12px; 'noto Sans KR','Roboto',Dotum,'굴림',Gulim,Helvetica,sans-serif; }


.con_box {clear:both; font-size:14px; color:#333;padding:0 0 50px 0;}
.con_box ul li{line-height:25px; padding:0 0 5px 20px; background:transparent url("/img/sub/icon2.png") no-repeat scroll 0 10px; color:#666;}
.con_box ul li.none{line-height:25px; padding:0 0 0 25px; background:none;}
.con_box ul li.gray_box{ line-height:25px; font-weight:normal; padding:20px; background:#f9f9f9; border:1px solid #ccc;}
.con_box span.tit01 {font-weight:bold; color:#000;}
.con_box span.tit02 {font-weight:normal; color:#000;}
.con_box span.noti01 {font-weight:bold; color:#b11010;}
.con_box p.noti02 {padding:10px 0 ; color:#000; font-size:14px;}
.con_box ul li img{vertical-align:middle;}
.con_box ul li.none02 {margin-bottom:25px;}
.con_box ul li ul{padding:10px 0px; color:#888;}
.con_box ul li ul li{ line-height:25px; font-weight:normal; padding:0 0 5px 10px; background:transparent url("/img/sub/icon3.png") no-repeat scroll 0px 12px;}
.con_box ul li ul li.none{ line-height:25px; font-weight:normal; padding:0 0 0px 0; background:none;}
.con_box ul li ul li ul {margin:0 0 10px 30px;}
.con_box ul li ul li ul li{ line-height:25px; font-weight:normal; padding:0 0 5px 0; background:none;}
.con_box ul li ul li ul li.none2{ line-height:25px; font-weight:normal; padding:0 0 0 0px; background:none;}


.pb20 {padding-bottom:20px;}