@charset "utf-8";

*{word-break: keep-all; -webkit-hyphens: none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
/*    color: #666;*/
    font-weight: 400;
    font: inherit;
    vertical-align: inherit;
    font-family:'Noto Sans KR','Malgun Gothic';
}
a{color:#666;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    -webkit-text-size-adjust:none /* 뷰표트 변환시 폰트크기 자동확대 방지 */

}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

button,
input {
    line-height: normal;
}

img{
    max-width:100%;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}
html input[type="text"],
html input[type="password"]{line-height:normal; border:1px solid #ccc;padding:0 10px;border-radius:3px;}
button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}
a {text-decoration:none;outline: 0;}
address {font-style:normal;}

caption {display:none}


select{
    padding:0 20px 0 10px;overflow: hidden !important;
     -webkit-border-radius: 0;
      /* 네이티브 외형 감추기 */
    -webkit-appearance:  none;
    -moz-appearance: none;
    -ms-appearance:none;
    appearance: none;
    background:#fff url('../_img/common/btn_arrow_bottom.png') no-repeat 90% 50%;  /* 화살표 모양의 이미지 */
    background-size:7px;
    border:none;
    border:1px solid #ccc;
    line-height: 31px;
    color:#666;
    vertical-align:middle;
    font-size:15px;
    border-radius:0;
}
select::-ms-expand{
  display:none;
  visibility: hidden;
  opacity:0;
  text-indent:-9999px;
}
select{
 padding:0 0px 0 10px\9;
  background:#fff\9;  /* 화살표 모양의 이미지 */
 }
select::-ms-expand {
    display: none;
    display: block\9;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #666;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666; 
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666; 
}

div#wrapper{position:relative; overflow:hidden; margin:0 auto;}

/*공통*/
	/*헤더*/
	header{position:relative; /*overflow:hidden;*/ box-shadow:0px 1px 10px rgba(0,0,0,0.1); z-index:9000; background-color:#fff;}
	header section{/*outline:1px solid red; */position:relative; height:100%; margin:0 auto;}
	h1{/*outline:1px solid red;*/ position:relative; transition:all 1s;}
	h1 img{/*width:100%;*/ height:auto;}
	
	/*footer*/
	footer{width:100%; position:relative; margin:0 auto; overflow:hidden; background-color:#333; color:#aaa; font-style:normal; }
	footer article{position:relative; margin:0 auto; overflow:hidden;}
	footer address{position:relative; width:100%; margin:0 auto; font-style:normal;}
	footer address p{display: inline-block; margin-bottom: 5px;}
	footer address p:last-child{margin-bottom: 0px;}
	footer address p strong{display: inline-block;}
	

/*미디어쿼리(web)*/
@media all and (min-width:1200px){
	body{font-size:18px;}
	/*웹일땐 보이지 않는것들*/
	.onlyM{display:none;}
	/*헤더*/
	header{width:100%; height:130px;}
	header section{width:1200px;}
	h1{width:194px; height:60px; top:50px; left:30px;}
	/*헤더-오른쪽메뉴*/
	ol.webMenu{/*outline:1px solid black;*/position:absolute; top:0; right:30px; height:100%;padding-top:30px; }
	ol.webMenu>li{ /*outline:1px solid red;*/
		float:left; position:relative; height:100px; text-align: center; line-height:100px; padding: 0 25px; box-sizing:border-box; transition:all 0.1s;}
	ol.webMenu>li:hover>a{border-bottom:5px solid #6ba4ff; }
	ol.webMenu>li>a{display:block; color:#7d7d7d; font-weight:700; height: 96px; box-sizing:border-box;}
	
	ol.webMenu li ul{display: none; position: absolute; left: 50%; transform: translateX(-50%);  background-color: #fff;}
	ol.webMenu li ul li{line-height: 1.5;}
	ol.webMenu li ul li:first-child a{padding-top: 25px;}
	ol.webMenu li ul li:last-child a{padding-bottom: 25px;}
	ol.webMenu li ul li a{display: block; color: #666; padding: 10px 15px; font-size: 16px; text-align: center; white-space: nowrap;}
    ol.tnb{position:absolute;top: 0;right: 0;z-index: 100;}
    ol.tnb>li{float:left; position:relative; text-align: center; padding: 10px 15px; box-sizing:border-box; 
    }
    ol.tnb>li>a{font-size: 0.9em; display:inline-block; color:#7d7d7d; font-weight:500; box-sizing:border-box;}
    
	/*footer*/
	footer{clear:both;}
	footer article{width:1200px; font-size:18px;}
	footer article div{display:table-row; height:205px;}
	footer h6{display:table-cell; vertical-align:middle; padding:0 40px;}
	footer address{display:table-cell; width: auto; vertical-align:middle; box-sizing:border-box; padding-left:40px;}
}