@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  src: url(/wp-content/themes/twentyseventeen/font/NanumBarunGothic.eot);
  src: url(/wp-content/themes/twentyseventeen/font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/wp-content/themes/twentyseventeen/font/NanumBarunGothic.woff2) format('woff2'),
       url(/wp-content/themes/twentyseventeen/font/NanumBarunGothic.woff) format('woff'),
       url(/wp-content/themes/twentyseventeen/font/NanumBarunGothic.ttf) format('truetype');
}

/* reset */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn,  img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, 
p,  pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend ,figure
/*strong,em,blockquote,*/{
	vertical-align: top;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
    word-break: keep-all;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
	vertical-align: top;
	font-family: inherit;
	font-style: inherit;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
    word-break: keep-all;
    word-wrap: break-word;
}

html,body {line-height:normal;font-size:15px;font-family: 나눔바른고딕, Nanum Barun Gothic, 'Nanum Barun Gothic', sans-serif;
-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
ol,ul,dl,dt,dd,li {list-style:none;}
a {text-decoration:none;display:block;}
a:active, a:hover {text-decoration:none;}
img {width:auto;vertical-align:top;border:none;}
button{cursor:pointer;}

/* Table */
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
caption {width:1px;height:1px;overflow:hidden;margin:0;padding:0;position:absolute;}
th {font-weight:600}
th,td {vertical-align:middle;word-break:keep-all;word-wrap:break-word;}

/* commended */
.table-wrap {overflow-x:auto;}
.hidden {display:block;overflow:hidden;position:absolute;top:-999px;left:-9999px;width:1px;height:1px;text-indent:-9999px;}
.ellipsis {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/*#skipNavi a {display:block;height:1px;left:0;line-height:0;margin-top:-1px;top:0;overflow:hidden;position:absolute;}*/

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.row {max-width:1280px;margin:0 auto;padding: 0 2%;*zoom:1;}/* IE5.5~7 Hack */
.row:after {content:"";display:block;clear:both;}
.t-blue{color:#246dad;}
.t-red{color:#ff2121;}
.t-cnt{text-align:center;}

.bg-gray{background-color:#f7f7f7;}

.btn{display:inline-block;vertical-align:middle;font-size: 18px;line-height: 1em;font-family:나눔고딕, Nanum Gothic, "Nanum Gothic", sans-serif;}
.btn-rnd{border-radius:8px;}
.btn.blk{border:1px solid #333;color:#333;}
.btn.ylw{border:1px solid #fff;color:#fff;background-color:#f2bf2f;font-weight:600;}
.btn.blue{border:1px solid #246dad;color:#fff;background-color:#246dad;}

/* form */
.fm-lbl{display:block;font-size:18px;font-weight:700;font-family:나눔고딕, Nanum Gothic, "Nanum Gothic", sans-serif;}
.fm-lbl span{padding-right:5px;}
.fm-slct{display:block;width:100%;}

.h-title{float:left;padding-top:20px;padding-bottom:19px;margin-right:50px;}
nav{float:left;}
nav .gnb li a{font-size:18px;}
.gnb > div > ul {border: 0;	margin-bottom: 0;padding: 0;}
.gnb li {border: 0;display: inline-block;}
.gnb li li {display: block;}
.gnb a {padding: 1.4em 1.25em;}
.util{float:right;}
.util ul li{float:left;padding-top:17px;padding-bottom:15px;}
.util ul li a{font-size:18px;padding:8px 20px;}
.util ul li.demo a{border:1px solid #333;}
.js .menu-toggle{display:none;}

.scroll .gnb > li > a{color:#fff;}
.scroll .util ul li a{color:#fff;}
.scroll .util ul li.demo a{border:1px solid #fff;}
.js .scroll .menu-toggle{color:#fff;}

.ms-table{display: table;width: 100%;}
.ms-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}

.col-box-4{overflow:hidden;}
.col-box-4 > div{float:left;margin-right:1%;}
.col-4-3{width:74.75%;}
.col-4-2{width:49.5%;}
.col-4-1{width:24.25%;}

footer{background-color:#333545;}
footer .site-info{overflow:hidden;}
footer .foo-menu{float:left;padding-top:34px;}
footer .foo-menu li{float:left;}
footer .foo-menu li a{padding-left:25px;padding-right:25px;color:#fff;font-family:나눔고딕, "Nanum Gothic", sans-serif;font-size:16px;}
footer .foo-menu li:first-child a{padding-left:0;}
footer .sns{float:right;padding-top:30px;}
footer .sns li{float:left;margin-left:10px;}
footer .copyright{padding-bottom:30px;width:100%;color:#9a9aa0;font-family:나눔고딕, "Nanum Gothic", sans-serif;font-size:14px;}