@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900");
@import url("/font/webfonts_NotoSansKR.css");
@import url("/font/webfonts_NanumSquare.css");
@import url("/font/dingbat_xeicon.css");
@import url("/css/animation.css");
@import url("/css/basic.css");
@import url("/main/css/basic.css");

/*-------------------------------------------------
title       :초기화
Create date :2020-03-02
-------------------------------------------------*/
*, *::before, *::after {-webkit-box-sizing:inherit; box-sizing:inherit}
html {overflow:hidden; overflow-y:auto; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:10px}
body {overflow:hidden; margin:0; padding:0; font-size:1.6rem; line-height:1.5625; font-family:"Noto Sans KR",  "Roboto"; font-weight:300; color:#555}
header, footer, main, section, article, nav, aside {display:block}
ul, ol, li, dl, dt, dd {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption {margin:0; padding:0}
fieldset, hr {display:block; margin:0; padding:0; border:0 none}
input, select {max-width:100%; vertical-align:middle}
input, select, button, textarea, optgroup {margin:0; font-family:inherit; font-size:inherit; color:inherit}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand {display:none}
address, em, i {font-style:normal}
strong {font-weight:600}
a {color:inherit; text-decoration:none}
button {padding:0; border:0 none; background:none; cursor:pointer}
input[type='submit'] {-webkit-appearance:none; -moz-appearance:none; appearance:none}
img {max-width:100%; border:0 none; font-size:0; vertical-align:middle}
table {width:100%; /*border-collapse:collapse*/ border-spacing:0}
caption, legend, .sr_only, .hidden, .blind, .IR {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0)}

a[href^="tel:"]{pointer-events:none; cursor:default}

.bx-wrapper .bx-loading {display:none}
.bx-wrapper .bx-viewport {-webkit-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent}

/*컨트롤*/
.bx-wrapper .bx-pager {float:right}
.bx-wrapper .bx-pager a {display:inline-block; overflow:hidden; width:1rem; height:1rem; margin-left:1rem; border-radius:100%; background-color:#efefef; -webkit-transition:all 0.2s; transition:all 0.2s; text-indent:1rem}
.bx-wrapper .bx-pager.bx-default-pager a {background:none; border:1px solid #d44932}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#d44932}
.bx-controls a {display:inline-block; overflow:hidden; position:relative; top:0.25rem; width:1.5rem; height:2.5rem; margin-right:2rem; background:0 none; text-indent:1rem; line-height:1}
.bx-controls a:before {display:block; width:100%; height:100%; font-family:"xeicon"; text-align:center; line-height:inherit; text-indent:0}
/*이전/다음버튼*/
.bx-controls-direction {float:left}
.bx-controls-direction a.active {display:none}
.bx-controls-direction a.bx-prev::before { content: ''; }
.bx-controls-direction a.bx-next::before { content: ''; }
/*재생/정지*/
.bx-controls-auto {float:left}
.bx-controls-auto a {font-size:2rem; top:0.2rem}
.bx-controls-auto a.bx-stop::before { content: ''; }
.bx-controls-auto a.bx-start::before { content: ''; }

#skip_nav {position:absolute; left:0; top:-1000px; width:100%; height:0px; z-index:1000; line-height:0px; font-size:0px}
#skip_nav a {display:block; text-align:center; width:100%; line-height:0px; font-size:0px}
#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active {position:absolute; left:0px; top:1000px; padding:8px 0; display:block; height:30px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff}


.txt_left {text-align:left !important}
.txt_center {text-align:center !important}
.txt_right {text-align:right !important}

@media (max-width:1280px) {
	html {font-size:9px} 
}
@media (max-width:768px) {
	html {font-size:8px}
 }