@font-face{
    font-family:'NotoSansL';
    font-style:normal;
    font-weight:300;
    src: url(font/NotoSansKR-Light.eot);
    src: url(font/NotoSansKR-Light-1.eot) format('embedded-opentype'),url('../font/NotoSansKR-Light.woff') format('woff'),url('../font/NotoSansKR-Light.otf') format('opentype'),url(../font/NotoSansKR-Light.bin) format('truetype');}

@font-face{
    font-family:'NotoSans';
    font-style:normal;
    font-weight:400;
    src: url(font/NotoSansKR-Regular.eot);
    src: url(font/NotoSansKR-Regular-1.eot) format('embedded-opentype'),url('../font/NotoSansKR-Regular.woff2') format('woff2'),url('../font/NotoSansKR-Regular.woff') format('woff'),url('../font/NotoSansKR-Regular.otf') format('opentype'),url(../font/NotoSansKR-Regular.bin) format('truetype');}

@font-face{
    font-family:'NotoSansM';
    font-style:normal;
    font-weight:500;
    src: url(font/NotoSansKR-Medium.eot);
    src: url(font/NotoSansKR-Medium-1.eot) format('embedded-opentype'),url('../font/NotoSansKR-Medium.woff2') format('woff2'),url('../font/NotoSansKR-Medium.woff') format('woff'),url('../font/NotoSansKR-Medium.otf') format('opentype'),url(../font/NotoSansKR-Medium.bin) format('truetype');}


::-webkit-scrollbar {

display:none;

} 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
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,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1.5;font-family:'Dotum';font-size:16px;color:#333;background:#fff;-ms-overflow-style: none;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color:#333;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;font-family:'Dotum';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none}
input::-ms-clear{display:none;}





/* sub */


#container{ width:100%; position:relative; left: 0; right: 0; margin: auto; top:182px; } 
.sub { position: relative; width:1920px; left:50%; margin-left:-960px; background-color:#fff; top:0;}

#sub-top { width:1920px; height:400px; left: 50%; margin-left: -960px; position: absolute; overflow: hidden; border-bottom: 1px solid #ddd;}
#sub-bg { width: 1920px; position: absolute; top:0px; left: 50%; margin-left: -960px; z-index: 1;}
/*#sub-video { width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px; }*/
#sub-video iframe { margin-top: -430px;}
#sub-bb { width: 1920px; position: absolute; top:80px; left: 50%; margin-left: -960px;}



#sub-video{position:relative; width: 1920px; left: 50%; margin-left: -960px; top: 0; height:330px; overflow:hidden; } 

/*#sub-video{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} 
#sub-video iframe,#sub-video object,#sub-video embed{position:absolute;top:0;left:0;width:100%;height:100%;}*/ 

@keyframes sub-top {

  from {  opacity:0; top: 51px;}
  20% {  opacity:0;top: 51px;}
  to { }
  
}


#sub_wrap { width:100%; left: 0; right: 0; margin: auto; position:relative; height:auto; margin-top:315px; }
#sub_page { width:1100px; position:relative; left:50%; margin-left:-550px; top:0px;}


#snb {border:1px solid #dcdcdc; width:1100px; margin:0 auto 55px; position:relative; z-index:99; top:100px;  }
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left; position:relative; height:48px;}
#snb > li:first-child + li > a {background:url(../img/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../img/snb-menu.gif) no-repeat 100% 50%; margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	min-width:160px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:600;

}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family: 'Noto Sans KR', sans-serif; font-weight:600; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:11.5px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}


#sub-title{position:absolute; left:50%; margin-left:-550px; width:1100px; font-family: 'Noto Sans KR', sans-serif; margin-top: 70px; }
#sub-title>h1{font-size:50px; width:1100px; position:absolute; left:50%;  margin-left:-550px; margin-top:0px; font-weight:400; color:#101010;  text-align:center; letter-spacing:-4px;  }
#sub-title .sub-line{position:absolute; left:50%; margin-left:-32px; top:100px; width:70px; height:20px;} 




#container2{ padding-left:0px; padding:5px 0 100px 0;} 


ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	border-left: 1px solid #ddd;
	height:40px;
	
}
ul.tabs li { margin-bottom:-1px; color:#444; 
	font-family: 'Noto Sans KR', sans-serif;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 600;
    background: #eee;
    overflow: hidden;
    position: relative;
	
}
ul.tabs li.active { color:#fff;
    background: #461469;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}


		#sub-footer {  max-width: 1920px;  width: 100%; height:168px; position: relative; top: 0px; left: 0; right: 0; margin: auto; z-index: 99999; background-color: #070707; }
		#footer-left { position: absolute; top: 0px; left: 0px; z-index: 11;}
		#footer-right { position: absolute; top: 0px; right: 70px; z-index: 13;}


		@media all and (max-width:1380px) { 
				#footer-left { position:absolute; left: 50%; margin-left: -680px;}
				#footer-right{ position:absolute; right: 50%; margin-right: -680px;}
			}
		@media all and (min-width:1930px) { 
				#footer-left { position:absolute; left: 50%; margin-left: -960px;}
				#footer-right{ position:absolute; right: 50%; margin-right: -960px;}
			}






#ori { width: 1040px; background-color: #f9f9f9; font-size: 12px; position: relative; left: 50%; margin-left: -550px; padding: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight:600; color: #999; line-height: 21px; border: 1px solid #ddd;}














.proj_bb {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    left: -120%;
    top:0px;
    opacity: 0;
    z-index: 1111111;
}


.ma-q {
    position: absolute; top:1302px;
    width: 1100px;
    left: 50%;
    margin-left: -370px;
    cursor: pointer;
}

.ma-q li:nth-child(1) {
	position: absolute;
    width: 232px;
    left: 50%;
    margin-left: 85px;
    top:-382px;
}

.ma-q li:nth-child(2) {
	position: absolute;
    width: 232px;
    left: 50%;
    margin-left: 326px;
    top:-382px;
}


.ma-q li:nth-child(3) {
	position: absolute;
    width: 232px;
    left: 50%;
    margin-left: 85px;
    top:-231px;
}

.ma-q li:nth-child(4) {
	position: absolute;
    width: 232px;
    left: 50%;
    margin-left: 326px;
    top:-231px;
}
.ma-q li:nth-child(5) {
	position: absolute;
    width: 232px;
    left: 50%;
    margin-left: 85px;
    top:-153px;
}

.ma-q li:nth-child(6) {
	position: absolute;
    width: 232px;
    left: 50%;
    margin-left: 326px;
    top:-153px;
}

.proj {
    width: 1100px;
    height:600px; border:40px solid #fff;
    position: fixed; overflow:scroll;
    top: -2000px;
    left: 50%;
    margin-left: -550px;
    background-color: #fff;
    opacity: 0;
    z-index: 9999999;
}

.proj>li {
    width: 1100px; 
    height:500px;
    position: absolute;
    top:00px;
    opacity: 0;
}

.proj_x {
    position: fixed;
    top: 150px;
    left: 50%;
    margin-left:550px;
    cursor: pointer;
    opacity: 0;
    z-index: 99999999999;
}


.pro-ori { position: fixed; top:100px; width:1000px; left:50%; margin-left:-500px; color:#fff; z-index:9999999; text-align:center; opacity:0;}
.pro-ori span { opacity:0.9; margin-top:5px; vertical-align:bottom; font-family: 'Noto Sans KR', sans-serif; font-size:16px;}






#container2{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    /*line-height: 45px;*/
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #461469; border:1px solid #461469;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a { padding:10px 180px; color:#444; display:block;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #0b2344; border:1px solid #0b2344; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}




/*swiper*/
.swiper2{position: absolute; left: 50%; transform: translateX(-50%);}