@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

@font-face {
	font-family: 'NanumSquareL';
	src: url('/css/font/NanumSquareL.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareL.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */       
    font-style:   normal;
    font-weight:  300;
}

@font-face {
	font-family: 'NanumSquareR';
	src: url('/css/font/NanumSquareR.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareR.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
        
    font-style:   normal;
    font-weight:  400;
}

@font-face {
	font-family: 'NanumSquareB';
	src: url('/css/font/NanumSquareB.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareB.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
        
    font-style:   normal;
    font-weight:  700;
}

@font-face {
	font-family: 'NanumSquareEB';
	src: url('/css/font/NanumSquareEB.eot'); /* IE9 Compat Modes */
    src: url('/css/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('/css/font/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
        url('/css/font/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('/css/font/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
        
    font-style:   normal;
    font-weight:  900;
}

::-webkit-input-placeholder { /* WebKit browsers */ color: #adadbe;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #adadbe; opacity: 1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #adadbe; opacity: 1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #adadbe;}


* {margin: 0;padding: 0;}
*, ::before, ::after {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;font-family:'NanumSquareR', "Lato", sans-serif;}
html, body {height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}


img, fieldset, iframe {border: 0 none;}
img {height:auto;font-size: 0;line-height: 0;}
img, object, embed {max-width: 100%;}
ul, ol, dl, li, dd, dt {margin:0;padding:0;}
li {list-style: none;}
em, address {font-style: normal;}
button, label {cursor:pointer;vertical-align:middle;}

a:hover {color:#5086c2;}
a {color: #666;text-decoration: none;}
p {margin:0;padding:0;}

.clearfix {*zoom:1;}
.clearfix::after, .clearfix::before {content: "";display: block;clear: both;line-height:0;}
.clearfix::after {clear: both;}

body > table {margin:auto;}

/* layout */
body {text-align:center;}
header, #container, footer, .sub_header {width:974px;margin:auto;}
footer {text-align:center;padding:20px 0;}

/* header */
header {position:relative;z-index:10000;}
header h1 {position:absolute;top:7px;left:0;width:185px;height:59px;}
header .gnb {float:right;margin-top:16px;position:relative;padding-right:195px;}
header .gnb ul > li {float:left;position:relative;}
header .gnb ul li > a {padding:14px 14px 15px;display:block;font-family:'NanumSquareB', sans-serif;font-size:14px;letter-spacing:-0.5px;color:#666;margin:1px 1px 0;}
header .gnb ul li a, header .gnb .top_snb a {text-decoration:none;}

header .gnb ul li:hover > a {color:#5086c2;border-left:1px solid #dedede;border-top:1px solid #dedede;border-right:1px solid #dedede;margin:0;
	-webkit-border-top-left-radius: 10px;-moz-border-top-left-radius: 10px;-ms-border-top-left-radius: 10px;border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;-moz-border-top-right-radius: 10px;-ms-border-top-right-radius: 10px;border-top-right-radius: 10px;
	background-color:#f4f8fc;
}
header .gnb ul li:hover > .popcover {
	filter: Alpha(opacity=100);
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -khtml-opacity: 100;
    -moz-opacity: 100;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}
header .gnb ul li .popcover {
	position:absolute;top:46px;left:50%;
	-ms-transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);transform: translate(-50%, 0%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
	min-width:153px;
	background-color:#fff;
	border:1px solid #ebebeb;
	padding-top:0px;
	padding-bottom:0px;
	filter: Alpha(opacity=0);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    height: 0;
	overflow:hidden;
	text-align:left;
}
header .gnb.kr ul li:nth-child(1) .popcover {min-width:120px;}

header .gnb ul li .popcover dt {font-size:12px;padding-left:14px;}
header .gnb ul li .popcover dt a {padding:7px 0;display:block;}
header .gnb ul li .popcover dt:hover {background-color: #f4f8fc;}
header .gnb .top_snb {position:absolute;right:0;top:15px;}
header .gnb .top_snb a {display:inline;zoom:1;*display:inline;font-size:12px;color:#999;padding-left:5px;margin-left:5px;border-left:1px solid #e5e5e5;}
header .gnb .top_snb a:first-child {margin-left:0;border-left:0;}
header .gnb .top_snb a:hover {color:#5086c2;}


/* slideShow */
#container .desSlideshow .switchBigPic {background:url(/images/main/main_bg.jpg) 0 0 no-repeat;width:976px;height:586px;}

#desSlideshow1 .nav {bottom:75px;height:31px !important;left:29px !important;}
#desSlideshow1 .nav li {float:left;width:129px;margin-left:2px !important;}
#desSlideshow1 .nav li:first-child {margin-left:0px !important;}
#desSlideshow1 .nav li a {color:#fff;}


.font_add td {font-family:"Lato", sans-serif;}