@charset "UTF-8";

/********************************************************

			리셋 / 공통 / 폰트 css 

********************************************************/

@import url(../css/jquery.bxslider.css);
@import url(../css/layout.css);
@import url(../css/contents.css);
@import url(../css/responsive.css);


@font-face {
	font-family: 'Nanum Square';
	font-style: normal;
	font-weight: 400;
	src: url(/font/NanumSquareR.eot);
	src: local('Nanum Square Regular'),
	   local('NanumSquareR'),
	   url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
	   url(/font/NanumSquareR.woff2) format('woff2'),
	   url(/font/NanumSquareR.woff) format('woff'),
	   url(/font/NanumSquareR.ttf) format('truetype');
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/*
    @font-face {
        font-family:'NanumGothic';
        src: url('/font/NanumGothic.eot');
        src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
             url('/font/NanumGothic.woff') format('woff'),
             url('/font/NanumGothic.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family:'NanumGothicBold';
        src: url('/font/NanumGothicBold.eot');
        src: url('/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
             url('/font/NanumGothicBold.woff') format('woff'),
             url('/font/NanumGothicBold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'NanumGothicExtraBold';
        font-style: bold;
        font-weight: 700;
        src: url('/font/NanumGothicExtraBold.eot');
        src: url('/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/font/NanumGothicExtraBold.woff') format('woff'),
        url('/font/NanumGothicExtraBold.ttf') format('truetype');      
    }    
	*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-size: 14px; font-family:'Noto Sans','Open Sans','맑은 고딕','Malgun gothic'; line-height: 1; color: #666; letter-spacing: -1.6px; }
ul, ol { list-style: none; }
a { border: 0; text-decoration: none; color: #000; }
img {max-width:100%; border: 0; vertical-align: middle; }
fieldset { border: 0; }
input[type=checkbox] { border: 0; }
table { table-layout: fixed; border-collapse: collapse; }
table th, 
table td { text-align: center; }
legend, 
caption { text-indent:-100000px; font-size:0; }
button { border: 0; cursor: pointer; vertical-align: middle; }
input[type=submit],
input[type=reset] { border-left: 0; border-right: 0; cursor: pointer; }
input, 
select, 
textarea { background:#fff; border: 1px solid #b7b7b7; color: #666; font-size: 12px; vertical-align: middle; }
textarea { line-height: 1.5; }
em,b,strong, address { font-style: normal; }
label { display: inline-block; width: 100%; height: 100%; color: #666; vertical-align: middle; }
button,
input[type=button], 
input[type=checkbox] { cursor: pointer; }    

/* common css */
.clear { overflow: hidden; }
.clear:after { content: ''; display: block; clear: both; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }        
.ellipsis2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; } 
.ellipsis3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; } 
span.left { float: left; }
span.right { float: right; }
a.block { display: block; width: 100%; height: 100%; }
.hidden { position: absolute; top: -99999px; left: -99999px; }
span.block { display: block; }
.lt { letter-spacing: 0; }
.inner{max-width: 1170px;width: 100%;margin:0 auto;}
.ko{letter-spacing: -2px;}
/* .en{letter-spacing: 0;}
.en1{letter-spacing: -1px;} */

.scroll_x {overflow-x:auto;}
.scroll_x::-webkit-scrollbar{width:8px;height:8px}
.scroll_x::-webkit-scrollbar-thumb{border:3px solid rgba(0,0,0,0);border-radius:1em;background-color:rgba(0,0,0,.3);background-clip:padding-box}
.scroll_x::-webkit-scrollbar-button{display:none;width:0;height:0}
.scroll_x::-webkit-scrollbar-corner{background-color:transparent}
.scroll_x::-webkit-scrollbar{width:10px;height:10px}
.scroll_x::-webkit-scrollbar-thumb{border:3px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.3);background-clip:padding-box}
.scroll_x::-webkit-scrollbar-button{display:none;width:0;height:0}
.scroll_x::-webkit-scrollbar-corner{background-color:transparent}
/* //common css */