/* @charset "euc-kr"; */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,select,button,label
{
margin:0;padding:0;list-style:none;font-style:normal;border:0;line-height:1;
font-family:'NotoSansKR','Malgun Gothic',Dotum, Arial, Verdana, sans-serif;
letter-spacing: -0.025em;color:#444;font-weight:400; box-sizing:border-box; word-break:break-word;
/* -webkit-font-smoothing: antialiased; *//* text-rendering: optimizeLegibility; */
}
html,body{height:100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
a,ins{text-decoration:none;}
[disabled]{background-color:#f5f5f5;color:#000;cursor:not-allowed;opacity:1;}
[readonly]{background-color:#f5faff;color:#000;cursor:text;opacity:1;}
[placeholder]{color:#444;font-size:15px;}
::-ms-clear{display:none;}
/* webkit solution */
::-webkit-input-placeholder{color:#444;font-size:15px;}
/* mozilla solution */
input:-moz-placeholder{color:#444;font-size:15px;}
address,caption,cite,code,dfn,em,var,i{font-style:normal;font-weight:normal;}
fieldset,img{border:0 none;vertical-align:top;}
img{height:auto;vertical-align:top;}
ul,ol,menu,li{list-style:none;}
button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}
input[type=button],input[type=submit],input[type=image],button{appearance:none;-webkit-appearance:none;border: none;/*-webkit-appearance:button;*/cursor: pointer;}
label,span,i,strong,b,em,ins,del{display:inline-block;}
label,input {vertical-align:middle;}
table{width:100%;margin:0;padding:0;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
th,td{margin:0;padding:0;border-spacing:0}
caption,legend{overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;line-height:1px;}
hr{display:none}
blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
h1,h2,h3,h4,h5,h6{line-height:1;}
/* Accecbility */
.tts{overflow:hidden;position:absolute;z-index:-1;width:0;height:1px;line-height:1px;}
/* Skip Navigation */
.skipnav{position:absolute;top:0;left:0;width:100%;}
.skipnav a{overflow:hidden;display:block;position:fixed;top:-100px;left:0;z-index: 10000;width:100%;padding:0;background:#00559d;color:#fff;text-align:center;}
.skipnav a:focus{top:0;padding:10px 0;color:#fff;}
.btn-skip{overflow:hidden;display:block;position: absolute;top: -40px;left: 10px;z-index: 200;width: 0;padding:0;background:#00559d;color: transparent;text-align:center;font-size: 0;}
.btn-skip:focus{padding: 10px;width: auto;color: #fff;font-size: 1.2rem;}
html,body{height:100%;}
iframe{margin:0;padding:0;border:0;box-sizing:content-box;}
/* ScrollTop Button */
.sctopbtn{overflow:hidden;
visibility:hidden;
position:fixed;
bottom: 160px;
right: 20px;
width:67px;
height:68px;
padding:0;
border:0;
border-radius:10px;
background-repeat:no-repeat;
background-position:50% 50%;
background-image:url(/resources/images/icon/icon_btn_bul_top.png);
color:#fff;
cursor:pointer;
opacity:0;
z-index: 9999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
}
.ios .sctopbtn,
.android .sctopbtn{display:inline-block;}
.sctopbtn.show{visibility:visible;opacity:1;}
/* Animation Effect */
.ux-spin{animation:ux-spin 2s infinite linear}@keyframes ux-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.ux-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.ux-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.ux-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.ux-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.ux-animate-right{ position:relative; animation:animateright 0.4s; -webkit-animation:animateright 0.4s; }@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.ux-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.ux-animate-zoom{animation:animatezoom 0.6s;}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.ux-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
/* IE7,8 */
.lt-ie9 .skipnav,
.ie7 .skipnav,
.ie8 .skipnav,
.lt-ie9 .wrap,
.ie7 .wrap,
.ie8 .wrap,
.lt-ie9 .footerwrap,
.ie7 .footerwrap,
.ie8 .footerwrap,
.lt-ie9 .ui-datepicker,
.ie7 .ui-datepicker,
.ie8 .ui-datepicker,
.lt-ie9 .sctopbtn,
.ie7 .sctopbtn,
.ie8 .sctopbtn{display:none!important;}
.lt-ie9,
.ie7,
.ie8{
height:auto;
}
.lt-ie9 body,
.ie7 body,
.ie8 body{
height:auto;
background-color:#000;
}
.lt-ie9 .ltie9,
.ie7 .ltie9,
.ie8 .ltie9{
display:block;
position:relative;
left:50%;
/* top:0;
right:0;
bottom:0;
left:0; */
width:700px;
/* height:170px; */
margin:100px auto 0 -350px;
/* padding:40px 20px; */
padding:0;
background:#f1eff6;
font-size:17px;
font-weight:600;
font-family:"맑은 고딕";
text-align:center;
}
.ie7 .ltie9 span,
.ie8 .ltie9 span{
display:block;
padding:10px;
background:#0076cd;
color:#fff;
font-weight:600;
}
.ie7 .ltie9 strong,
.ie8 .ltie9 strong{
color:#fff;
font-weight:600;
vertical-align:top;
text-transform:uppercase;
text-decoration:underline;
}
.ie7 .ltie9 p,
.ie8 .ltie9 p{
padding:20px 10px;
border:1px solid #ccc;
background-color:#fff;
}
/* Print */
@media print {
@page {
size: A4;
margin: 0mm;
padding: 10mm;
}
html, body {
width: 1180px;
}
* {
-webkit-print-color-adjust: exact !important;/* Chrome, Safari */
color-adjust: exact !important;/*Firefox*/
}
.skipnav,.headerwrap,.footerwrap,.pathwrap,#cTitle {
display: none;
width: 100%; /* 2019.12.24 s1212893 웹접근성2차심사 보완조치 - 크기값 미제공으로 인한 IE11에서 미작동*/
}
.container{
margin:0;
padding:0;
}
.csection{
max-width:100%!important;
margin:0;
padding:0;
}
.cntbody{
padding:0;
}
}