@charset "utf-8";

/* font */
@import url("../css/webfont.css");


/* HTML5 요소 브라우져 인식 */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
mark {background: #FF0; color: #000}

body{font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif; font-weight: 400; letter-spacing:-0.03em;font-size: 16px;line-height:1.5; color:#444; }
body.eng { letter-spacing:0em;}
input, textarea, select, button, table, h1, h2, h3, h4, h5{ font-size:1em;}
p{line-height:1.6; margin:0;}
/* reset */
* { margin:0; padding:0; box-sizing: border-box;}
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-weight:700; letter-spacing:-0.02em;font-size: 1.1em; margin: 0; line-height: 1.5;}
strong, dt, thead th {font-weight:500;letter-spacing:-0.02em; }
ol, ul { list-style:none; }
dl{margin:0}
a {color:inherit; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
*:focus { outline-width: 2px !important; outline-style:dotted !important; outline-color:#90c31f !important; outline-offset:-1px; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:""; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
th { font-weight:500; text-align: center;}
button { margin:0; padding:0; border:0; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
a:link, a:visited,a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
a:hover, a:active, a:focus { text-decoration:underline;  }
em, i, address {font-style:normal;}
label,button{cursor:pointer}
label{position: relative;letter-spacing: -0.03em; font-weight: 500; margin-bottom: 0;}
legend, hr, caption, figcaption { overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
textarea { resize:vertical; font:inherit; overflow-y:auto; color:#444;}
input, select { color:inherit; font:inherit; line-height:100%; }
img, fieldset,input[type="image"] {border:0;}
img, select, input, button { vertical-align:middle; }
img { max-width: 100%}


/* input */
input,textarea{font-size:0.95em;}
input[type=text],
input[type=password],
input[type=email]{height:30px; border:1px solid #ddd; padding:0 0.5em;box-sizing: border-box;}
input[type=file] {width: 100%;height: 40px;line-height: 30px;border: 1px solid #ddd;padding: 5px ;}
input[readonly]{ background:#eee; }
textarea {padding:15px; border:1px solid #ddd;font-size:0.95em;}
select {height:40px; padding:0px; border:1px solid #ddd; font-size:0.95em;text-indent:5px;}
input[type="checkbox"],
input[type="radio"] {margin:0px; padding:0px; height:12px;}
@media only screen and (max-width: 720px){
	textarea {padding: 10px;}
}
input::-webkit-input-placeholder {color:#888;}
input:-moz-placeholder {color:#888;}
input::-moz-placeholder {color:#888;}
input:-ms-input-placeholder {color:#888;}
div.radio-wrap, div.check-wrap {
  display: inline-flex;
  align-items: center;
}
input[type="radio"],
input[type="radio"]:checked {
  /*appearance: none;*/
  width: 15px;
  height: 15px !important;
  border-radius: 100%;
}
input[type="checkbox"],
input[type="checkbox"]:checked {
  /*appearance: none;*/
  width: 15px;
  height: 15px !important;
}
input[type="radio"] + label { margin-left: 5px}
input[type="checkbox"] + label { margin-left: 5px}

/* hidden contents */
.hidden, .hid {display:none;}
.blind, .skip {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0; margin: 0 !important;}
.wblind {width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}/* 크롬에서 col width 값 안먹는 문제 대응 */

/* ellipsis */
/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; ; -moz-binding:url(../js/ellipsis.xml#ellipsis);}
.wordkeep {white-space:normal;word-break:keep-all;  }
.clip {text-overflow:clip; overflow:hidden; white-space:nowrap;}

/* Skip 메뉴 */
#skipArea { height:0; }
#skipArea a {display:block;position:fixed;width:1px;height:1px;top:-1000em;left:-1000em;z-index: 999900;overflow:hidden;}
.skipArea a {display:block;position:absolute;top:-1000em;left:-1000em;width:1px;height:50px;z-index: 999900;overflow:hidden;}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active,
.skipArea a:focus, .skipArea a:hover, .skipArea a:active {width:100%;height:50px;background:#90c31f; box-shadow: 0 3px 5px rgba(0,0,0,0.4);color:#fff;padding:0.75em 1em;top:0;left:0; text-align: center;}
.skipArea a:focus, .skipArea a:hover, .skipArea a:active{ position:relative; top:inherit; left:inherit; margin-bottom:10px; }

/* reset */
table, tbody, tfoot, thead, tr, th, td {border:0;}

/* list */
ul {padding:0px; margin:0px;}
ul li:last-child{ margin-bottom:0;}

@media print{
	html, body, #container, #wrap, #menu, #content{ margin:0; padding:0; background:none !important;}
	#header, #menu, #footer, #floater, .visual_area, #pageUtil, .topnavWrap, .location, .charge-wr, .topnav { display:none !important;}
	*:focus{ outline-width: 0px !important; outline-color:transparent!important; }
	#wrap{ min-width: 1024px !important;}
	#page, .innerWrap{ width:100% !important;}
	#content{float:none; display:block; width:100% !important;}
	#container{ width:100% !important;  border: none !important; margin: 0 auto !important;padding:0 !important;}
	.sub_content_wrap{ width:100% !important; overflow:hidden;}
	#sub_content{ margin:0 auto !important; width:100% !important; padding:0 !important; }
	#sub_content:after{display:none !important;}
	.title_area{ display:block !important; margin:0 0 15px 0 !important; width:100% !important;}
	.btn_area, .btnGrp{display: none !important;}
	
	/* main */
    .section{padding-bottom:30px !important;}
    .innerWrap{ width:100% !important; padding-left:15px !important; padding-right:15px !important;}
	#main_visual, #main_visual .owl-carousel .item{height:500px !important;}   
    #main_visual .item .txt{ margin-top:100px !important;}	
	
	#pcontainer .ttl02:first-child{ margin-top: 0 !important;}
}