@charset "utf-8"; 
@import url("../common/font/XEIcon-2.3.3/xeicon.css");
@import url("../common/font/NotoSansKR/fonts.css"); 
@import url("../common/font/SCDream/fonts.css"); 

/*-------------------------------------------------
Author :SY,CHo
Create date :2020. 03. 03.
-------------------------------------------------*/

/* reset.css */
html{font-size:20px; overflow-x:hidden; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -o-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
html, body{min-height:100%; }
*, *:before, *:after{-webkit-box-sizing:border-box; box-sizing:border-box; }
body{margin:0; padding:0; line-height:1.6; font-family:'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-size:0.9rem; font-weight:400; color:#000; }
ul, ol, li, dl, dt, dd{margin:0; padding:0; list-style:none; }
p, h1, h2, h3, h4, h5, h6{margin:0; padding:0; }
a{color:inherit; text-decoration:none; }
img{font-size:0; border:0; }
table{border-collapse:separate; border-spacing:0; }
caption, legend{width:0; height:0; line-height:0; font-size:0; overflow:hidden; }
select, input, textarea{font-family:'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-size:0.8rem; color:#000; }
select, input{vertical-align:middle; margin:0; }
address, em, i{font-style:normal; }
button{border:0; background:none; cursor:pointer; font:initial; }
hr{margin:0; border:none; padding:0; display:block; }
figure, figcaption{margin:0; padding:0; }
form, fieldset{border:none; margin:0; padding:0; }
input[type="submit"]{-webkit-appearance:none; -moz-appearance:none; appearance:none; }
header, footer, article, section, aside, nav, main{display:block; }
br{font-family:initial; }
map area{display:inline !important; }/* 이미지맵 모바일 대응 */
input[type="text"],
button{-webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="text"]::placeholder{color:#777; font-weight:300; font-size:.9rem; }
input[type="text"]::-moz-placeholder{color:#777; font-weight:300; font-size:.9rem; }
input[type="text"]:-ms-input-placeholder{color:#777; font-weight:300; font-size:.9rem; }
input[type="text"]::-webkit-input-placeholder{color:#777; font-weight:300; font-size:.9rem; }
::selection{background:rgba(97,182,102,.3);}
/*Skip To Content*/
#skipArea, #skipArea ul{height:0; width:100%; }
#skipArea a{position:absolute; top:-9999px; left:0; z-index:9999; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoSans'; opacity:0.9; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active{top:0}

/* 관리자 로그인 상태 여부 확인 */
#wrap{position:relative;}
.login_Tinfo {position:relative; color:#fff; font-size:.7rem; font-family:"SCDream"; text-align:center; line-height:40px; background:#e33d65;}
.login_Tinfo a {display:inline-block; margin:6px 6px 0 10px; padding:0 .5rem; line-height:28px; color:#333; background:#fff; border-radius:14px;}

/* hid */
.hidden{display:none; }
.blind,
.hid,
.sr-only{position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0, 0, 0, 0); }

/* text-align */
.al{text-align:left !important; }
.ac{text-align:center !important} 
.ar{text-align:right !important}

/* float */
.fl{float:left !important; }
.fr{float:right !important; }

.clearfix:after{clear:both; display:block; width:100%; content:""; }

/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{overflow:hidden; height:100%; }
.slick-list.dragging{cursor:pointer; }
.slick-initialized .slick-slide{display:inline-block;}
.slick-arrow.slick-hidden{display:none; }
.slick-current{opacity:1; display:block; }
/* .slider_wrap > a{outline:none !important; } */
.slick-track {height:100%;}

/*부트스트랩*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative; min-height:1px; padding:.5rem; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; }
.col-xs-12{width:100%; }
.col-xs-11{width:91.66666667%; } 
.col-xs-10{width:83.33333333%; }
.col-xs-9{width:75%; }
.col-xs-8{width:66.66666667%; }
.col-xs-7{width:58.33333333%; }
.col-xs-6{width:50%; }
.col-xs-5{width:41.66666667%; }
.col-xs-4{width:33.33333333%; }
.col-xs-3{width:25%; }
.col-xs-2{width:16.66666667%; }
.col-xs-1{width:8.33333333%; }

.img_reponsive{display:block; max-width:100%; }

@media (min-width:600px){
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; }
    .col-md-12{width:100%; }
    .col-md-11{width:91.66666667%; }
    .col-md-10{width:83.33333333%; }
    .col-md-9{width:75%; }
    .col-md-8{width:66.66666667%; }
    .col-md-7{width:58.33333333%; }
    .col-md-6{width:50%; }
    .col-md-5{width:41.66666667%; }
    .col-md-4{width:33.33333333%; }
    .col-md-3{width:25%; }
    .col-md-2{width:16.66666667%; }
    .col-md-1{width:8.33333333%; }
}
@media (min-width:768px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; }
    .col-sm-12{width:100%; }
    .col-sm-11{width:91.66666667%; }
    .col-sm-10{width:83.33333333%; }
    .col-sm-9{width:75%; }
    .col-sm-8{width:66.66666667%; }
    .col-sm-7{width:58.33333333%; }
    .col-sm-6{width:50%; }
    .col-sm-5{width:41.66666667%; }
    .col-sm-4{width:33.33333333%; }
    .col-sm-3{width:25%; }
    .col-sm-2{width:16.66666667%; }
    .col-sm-1{width:8.33333333%; }
}
@media (min-width:1200px){
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; }
    .col-lg-12{width:100%; }
    .col-lg-11{width:91.66666667%; }
    .col-lg-10{width:83.33333333%; }
    .col-lg-9{width:75%; }
    .col-lg-8{width:66.66666667%; }
    .col-lg-7{width:58.33333333%; }
    .col-lg-6{width:50%; }
    .col-lg-5{width:41.66666667%; }
    .col-lg-4{width:33.33333333%; }
    .col-lg-3{width:25%; }
    .col-lg-2{width:16.66666667%; }
    .col-lg-1{width:8.33333333%; }
}

/* 기본 반응형 */
@media screen and (max-width:1440px){
	html{font-size:19px; }
}

@media screen and (max-width:1024px){
	html{font-size:18px; } 
}