
* {margin:0; padding:0; list-style:none;}
form, fieldset, hr, a img {border:0 none;}
a, a:hover {text-decoration:none;}
body {font-size:12px; min-width:980px;}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* default definition*/
*{margin:0; padding:0;}


body {/* overflow-x:hidden;*/ font-family: '나눔고딕','NanumGothicWeb','맑은고딕','Malgun Gothic','돋움',Dotum,Helvetica,sans-serif ; font-size:12px; color:#000000; position:relative; word-break:break-all;} /* 대체 스크롤 생성 */
table, div {border-collapse:collapse;}
select, textarea {font-family: '나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움',Dotum,Helvetica,sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:top;}
textarea{resize:none;}
h1, h2, h3 ,h4, h5, h6{font-size:12px; text-decoration:none; font-weight:normal;}
select, input, li, img {vertical-align:middle; }
ul, li, dl, dt, dd{list-style-type : none; vertical-align:middle; }
caption {text-indent:-5000px; line-height:0; font-size:0;}
legend{text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}
a:link {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
.skip {position:absolute; left:-5000px; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}

/*skipNavigation*/
#skipNavigation a{overflow:hidden; display:block; width:0px; height:0px; text-align:center; color:#000; z-index:999999; position:fixed; top:0px;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {width:auto; height:auto; padding:5px; background:#242424 !important; color:#ffdcee !important; font-weight:bold; border:1px solid #ddd; display:block;}

.skip {font-size:0; height:0; left:-5000px; line-height:0; overflow:hidden; position:absolute; top:0; width:0;}


/**/
#wrap{}
#wrap #header{ }
#wrap #header p.top_img{width:980px; margin:0 auto;}
#wrap #header .tab_wrap{background:#303030; height:80px;}
#wrap #header .tab_wrap ul{width:981px; margin:0 auto; overflow:hidden;}
#wrap #header .tab_wrap ul li{float:left;}

#container{background:#f0f0f0;}
#container .inwrap{width:980px; margin:0 auto; padding-top:32px;}
#container .inwrap ul.tab_li{overflow:hidden; padding-left:57px;}
#container .inwrap ul.tab_li li{float:left; margin-left:10px;}
#container .inwrap ul.tab_li li:first-child{margin-left:0px;}

div.video_wrap{position:relative; width:980px; height:668px; position:relative;}
div.video_wrap iframe{position:absolute; left:211px; top:160px;}
div.app_down{position:relative; width:980px; height:1010px;}
div.app_down div.url_guide{position:relative; left:140px; bottom:270px;}
div.app_down div.url_guide p{margin-bottom:10px;}
div.app_down div.url_guide p span{margin-right:3px;}