@charset "utf-8";
 

html{height:100%;}

  
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: local('Noto Sans Light'), local('NotoSans-Light'), url(/_inc/font/NotoSans-Light.eot);src: url(/_inc/font/NotoSans-Light.eot?#iefix) format('embedded-opentype') , url(/_inc/font/NotoSans-Light.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/_inc/font/NotoSans-Regular.eot); src: url(/_inc/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype') ,url(/_inc/font/NotoSans-Regular.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/_inc/font/NotoSans-Medium.eot); src: url(/_inc/font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),url(/_inc/font/NotoSans-Medium.woff) format('woff');}
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/_inc/font/NotoSans-Bold.eot);src: url(/_inc/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),url(/_inc/font/NotoSans-Bold.woff2) format('woff2'),url(/_inc/font/NotoSans-Bold.woff) format('woff');}
@font-face {  font-family: 'LineIcons'; src:  url('/_inc/font/LineIcons.eot?y2l643'); src:  url('/_inc/font/LineIcons.eot?y2l643#iefix') format('embedded-opentype'),    url('/_inc/font/LineIcons.ttf?y2l643') format('truetype'),    url('/_inc/font/LineIcons.woff?y2l643') format('woff'),    url('/_inc/font/LineIcons.svg?y2l643#LineIcons') format('svg');  font-weight: normal;  font-style: normal;}

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

html, body{ margin:0; padding:0; background-color:#fff}
html, body,  applet, object, iframe, p, blockquote, pre,  abbr,footer, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, 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, textarea {	padding: 0; margin:0px; font-size: 16px; line-height:1.9em;	font-weight:300;	font-family:'Noto Sans KR',  Arial, Helvetica, "Apple SD Gothic Neo", sans-serif;	vertical-align: baseline;	color:#000;	letter-spacing:-0.025em;	word-break: keep-all;}

.fontStyleNanum { font-family:'NanumSquare' }

 
 
 
 

#top{ width:100%; margin:0 auto;  -ms-user-select: none;    -moz-user-select: -moz-none;   -khtml-user-select: none;   -webkit-user-select: none;   user-select: none; background:#fff; }
#main{ width:100%; margin:0 auto;  }
#footer{ width:90%; margin:0 auto;border-top:1px solid #999; padding-left:5%;padding-right:5%; }	

.top-banner-container{ zoom:0.6; -moz-transform: scale(.6); z-index:999;}
.top-utility-container{ display:none;z-index:999}
.top-navi-container{z-index:998}
.top-displaynavi-container{display:none;z-index:997}
.main-navi-sub-container{z-index:997}
.main-contents-container{z-index:997}

.main-contents-container{width:100%; max-width:100%;   }								/* content area */
.main-contents-page{ width:90%; padding-left:5%;padding-right:5%; position:relative; }	/* content area left*/
.main-contents-banner{ width:90%; padding-left:5%;padding-right:5%; padding-top:50px;}	/* content area right*/



@media screen and (min-width: 960px) {

#top{ min-width:1200px;margin:0 auto;}
#main{ min-width:1200px;margin:0 auto; }
#footer{  width:100%; min-width:1200px; padding:0;margin:0 auto;border-top:1px solid #999 }

.top-banner-container{ zoom:1; -moz-transform: scale(1);}
.top-utility-container{ display: block;}
.top-navi-container{display:block;}
.top-displaynavi-container{ display:block;}	

.main-contents-container{width:100%; max-width:1200px;   }								/* content area */
.main-contents-page{ width:1200px; padding:0;  margin:0px;  }						/* content area left */
.main-contents-banner{ width: 200px; padding:0;}										/* content area right */


}





a{ text-decoration:none; color:#000;  }
a:hover{ color:#f50000;  }
em{color:#a11704; font-size:14px; font-style:normal; clear:both; display:block; outline:0px solid red}
ul, ol {    list-style: none;}
.bold{ font-weight:700;}
 
/* 인풋요소 스타일 시트 */

select, input, textarea, checkbox{ font-size:14px; line-height:1.5em; border:0px solid #ccc; padding:10px; margin:1px; display:inline-block; vertical-align:middle; background-color:#eee;  color:#ccc; border-radius:3px; }
select{ padding:7px 10px 8px 10px;}

input { background-color:#eee; border:0px; border-radius:0px; padding:7px 10px 8px 10px; color:#000; font-weight:0.9em  }
input:focus{background:#fff;  border:0px; border-radius:3px; }
input[type="checkbox"] {  background-color:#444; }
 
input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border:0 ; } 
input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ' '; display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: -2px 3px 0 0; text-align: center; vertical-align: middle; background: #666; border: 1px solid #333; border-radius :3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); cursor:pointer}
input[type="checkbox"]:checked + label:before { content: '\2714'; color: #111; text-shadow: 1px 1px #fff; background: #ccc; border-color: #111; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }

 
 
textarea:focus{background:#f5f5f5;  }
placeholder {	font-weight:100; }
.class_input {padding:4px 2px 5px 2px;}
.clearfix::after { content: " ";  display: block;   height: 0;    clear: both;}

.hr30{ display:block; height:30px; margin-bottom:0px !important;}
.hr50{ display:block; height:50px; margin-bottom:0px !important;}
.hr200{ display:block; height:200px; margin-bottom:0px !important;}

.block{ margin:30px 0 30px 0; outline:1px solid #efefef; background:#efefef; padding:5px 10px; margin-top:80px;}

/* h */
 
h1{ font-size:2.2em; font-weight:100;margin:.3em 0 .15em 0; padding:.3em 0 .15em 0; line-height:1.25em}
h2{ font-size:1.5em; color:#000;margin:0 0 .37em 0; padding:0 0 .37em 0; margin-left:-1px;}
h3{ font-size:1.536em; color:#000; line-height:1.4em}
h4{ font-size:1.075em; color:#000;  font-weight:300}
h5{ font-weight:500; font-weight:700}
.center {text-align:center}



#main h2 > span.divmajor{ display:inline-block; color: #e2e0e0; position:relative; padding-left:15px; font-weight:100; font-size:0.8em}
#main h2 > span.divmajor:before{ content:" "; width:4px; height:4px; background:#ff9966; position:absolute; top:.7em; left:4px;}
#main h2 > span.description{ padding-left:3px;  display:block; clear:both; font-size:50%; color:#494949; line-height:1.3em; font-weight:300;  }
 
#main h1{ color:#fff}
.main-contents-page > div{ margin-bottom:10px;}




@media screen and (min-width: 960px) {
/* h */
 
h1{ font-size:3.750em; font-weight:100;margin:.3em 0 .15em 0; padding:.3em 0 .15em 0; line-height:1.25em}
h2{ font-size:2.125em; color:#000;margin:0 0 .37em 0; padding:0 0 .37em 0; margin-left:-1px;}
h3{ font-size:1.836em; color:#000;  }
h4{ font-size:1.175em; color:#000;  font-weight:300; line-height:1.1em}
h5{ font-weight:500; font-weight:700}

#main h2 > span.divmajor{ display:inline-block; color: #e2e0e0; position:relative; padding-left:15px; font-weight:100}
#main h2 > span.divmajor:before{ content:" "; width:4px; height:4px; background:#ff9966; position:absolute; top:.7em; left:4px;}
#main h2 > span.description{ padding-left:3px;  display:block; clear:both; font-size:50%; color:#494949; line-height:1.3em; font-weight:300;  }
 
#main h2{ color:#fff}
.main-contents-page > div{ margin-bottom:10px;}

}




.text-100{ font-weight:100;} .text-300{ font-weight:300;} .text-500{ font-weight:500;} .text-700{ font-weight:700;}
.text-main { color:#ff9966}
.text-sub { color:#88c349}
.text-dark{ color:#2d7745}
.text-yellow{ color:#f7fa00}
.text-white{ color:#fff}
.text-default{ color:#494949}

.background-main {background:#ff9966; color:#000}
.background-sub { background:#88c349;  color:#000}
.background-dark{ background:#2d7745;  color:#000}
.background-white{ background:#fff;  color:#2d7745;}
.background-black{ background:#222;  color:#000;}
.background-white{ background:#fff;  color:#000;}
.background-main a, .background-sub a, .background-dark a, .background-black a{color:#000;}
.background-white a{ color:#ff9966}
 

 

.btn{ padding:4px 15px 6px 15px; border-radius:3px; margin:auto 2px; vertical-align:middle; display:inline-block;   color:#000}
.btn-big{ font-size:1.375em; padding:4px 20px 6px 20px; border-radius:3px;}
.btn-small{font-size:14px; padding:4px 10px 6px 10px; border-radius:3px;}
.btn-min{font-size:13px; padding:5px 10px 6px 10px; line-height:1.8em; border-radius:3px; color:#000;  }




table{width:100%;  border-top:1px solid #ccc; border-right:1px solid #ccc;  border-spacing: 0px;}
table td, table th{ text-align:left; padding:.5em 1em; vertical-align:middle; }
table thead th{border:1px solid #ccc;   }
table tbody th{ border:1px solid #ccc; }
table tbody th, table tbody td{border-left:1px solid #ccc; border-bottom:1px solid #ccc;  font-size:0.9em;}

table.complex {zoom:0.7; -moz-transform: scale(.7); font-size:14px; font-weight:normal; word-break: break-all; border-left: 0px solid #dadada;} 
table.complex tbody th, table.complex tbody td, table.complex ul li, table.complex p, table span{ font-size:14px; font-weight:normal; word-break: break-all; text-align:center }
table.complex  td, table.complex  th{ border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;  font-weight:normal;}


.ultable1 { width:100%}
.ultable2 li{ width:100%; float:left;}
.ultable3 li{ width:100%; float:left;}
.ultable1, .ultable2, .ultable3{ border:1px solid #333;border-top:3px solid #ff9966;}
.ultable1 table, .ultable2 table, .ultable3 table{ border:none;}
.ultable2 li:nth-child(2) table thead th, .ultable3 li:nth-child(2) table thead th, .ultable3 li:nth-child(3) table thead th{ font-size:0; height:0; border-bottom:none;}

@media screen and (min-width: 960px) {
.ultable2 li{ width:50%; }
.ultable3 li{ width:33.33%;}
.ultable2 li:nth-child(2) table thead th, .ultable3 li:nth-child(2) table thead th, .ultable3 li:nth-child(3) table thead th{ font-size: inherit; height: inherit;    border-bottom: 1px solid #111;}

table.complex {zoom:1; -moz-transform: scale(1); font-size:14px; font-weight:normal; word-break: break-all; border-left: 0px solid #dadada;} 
table.complex tbody th, table.complex tbody td, table.complex ul li, table.complex p, table span{ font-size:14px; font-weight:normal; word-break: break-all }
table.complex  td, table.complex  th{ border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;  font-weight:normal;}

}


ul{ list-style:none}
ul li{ display:inline-block; border:none}
.lineicons:before, .lineicons:after{	font-family: LineIcons!important;    speak: none;    font-style: normal;    font-weight: 400;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;}
.tab{ border:1px solid #dadada; width:100%;display:block; border-top:none; margin:30px 0 50px 0}
.tab li { font-size:1.375em; font-weight:500; border-top:1px solid #dadada; display:block; position:relative;line-height:2.5em; vertical-align:middle; text-align:center;  }
.tab li.hit{ border-top:4px solid #ff9966; display:block;}
.tab li.hit:after{content: "\ea45";font-family: LineIcons!important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.tab li.hit:after{ position:absolute; right:25px; top:22px; color:#ff9966; font-weight:bold; font-size:0.7em;} 
.tab li.hit a{ color:#ff9966;  display:block;}
.tab.toggle li.hit{ border-top:1px solid #dadada !important} 




@media screen and (min-width: 768px) {
.tab{  display:table; }
.tab li.hit{   display:table-cell;} 
.tab li.hit:after{content: "";	}
.tab li {display:table-cell;}


}

	
@media screen and (min-width: 450px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 960px) {}
@media screen and (min-width: 1024px) {}
@media screen and (min-width: 1200px) {}




.column{margin:30px 0 30px 0}
.column-2{}
.column-2 > div{width:100%; margin-right:0; float:left;}
.column-2 > div:last-child{margin-right:0}
.column-3{}
@media screen and (min-width: 768px) {
.column-2{}
.column-2 > div{width:48%; margin-right:4%}
.column-2 > div:last-child{margin-right:0}
.column-3{}

}