@charset "utf-8" /* 기본
------------------------------------------------------------------------------------------------------------------------------------------------- */

window.onload=function() {
  var obj = document.getElementById('body');
  if (obj.clientWidth<1100) obj.style.width='1160px';
}


/*!
 *  Font Awesome 4.0.3 by @davegandy - http://Noto Sans KR.io - @Noto Sans KR
 *  License - http://Noto Sans KR.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 *
 /*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }




form {
 margin:0px;
 padding:0px;
 display:inline;
}





img { border:0;vertical-align:middle;} 
* {
margin: 0;
padding: 0;
}

.png24 {
  tmp:expression(setPng24(this));
}


a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */
#steel {
	POSITION: relative
}

fieldset {
	border: 0;
}
input {

	vertical-align:middle;
	margin: 0;
	border: 1px solid #cccccc;
	padding: 3px 2px 1px 2px;
	color: #000000;
	
}

input[type=checkbox],input[type=radio],input[type=image]{ border:none;} 


select {
	vertical-align:middle;
	color: #4B4B4B;
}
textarea {
	padding: 3px;
	border: 1px solid #cccccc;
	color: #6b6b6b;
}

html, body {
	margin: 0;
	padding:0;
-webkit-font-smoothing: antialiased;
word-wrap: break-word;
    scrollbar-face-color: #f1f1f1;
	scrollbar-shadow-color: #E4E4E4;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #E4E4E4;
	scrollbar-arrow-color: #D2D2D2;
	-webkit-text-size-adjust: none; 	
	-webkit-line-height-adjust: none; 
  overflow-x:hidden;
overflow-y:hidden;
}
/**/html{
overflow-y:scroll;

}


div, dl, dt, dd, ul, ol, li, h3, h4, h5, h6, pre, forms, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	list-style:none
}

ul, ol, dl {
	list-style:none
}
a, a:link, a:visited {
	text-decoration: none;
	cursor: hand;
	color:#6b6b6b;
	outline:none; select-dummy: expression(this.hideFocus=true);
}
a:hover, a:active {
	text-decoration: none;
	cursor: hand;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
}
hr {
	clear:both;
	display: none;
}

BODY {
	WIDTH: 100%; height:100%;BACKGROUND:#fff; color: rgb(116, 116, 116);  font-family: "Noto Sans KR", sans-serif; min-width:1100px;


font-size: 15px; position: relative; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; 

}

#wrap {
	POSITION: relative; WIDTH: 100%; height:100%;

}


/*Common*/
.clear { clear: both; }
.float_l	{ float:left; }
.float_r	{ float:right;}
.float_r1	{ float:right; color: #ff0000; padding-right:12px;}
.float_r2	{ float:right; color: #ff0000; padding-top:17px; .margin-top:-70px;}
.float_r3	{ float:right; color: #ff0000; padding-top:27px; .margin-top:-70px;}
.block { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#fff;}
.block1 { background:#000000;  padding:1px 1px 0px 1px; .padding:1px 1px 0px 1px; color:#ffda10;}
.fs_10 { font-size:10px; line-height:13px; }
.fs_11 { font-size:11px; line-height:15px; }
.fs_12 { font-size:12px; }
.fc_999999 { color: #999999; }
.fc_location {color: #6b6b6b; font-weight:bold;}
.fc_table1_mt {color: #3b88b9; font-weight:bold;}
.fc_blue{color:#2578df}
.fc_blue2{color:#2578df;font-size:16px; font-weight:500;}
.fc_red{color:#db0000;}

h1{color:#dc0000; font-weight:bold; font: 25px;}
h2{color:#dc0000; font-weight:bold; font: 20px; padding-top:15px; padding-bottom:15px;font-family: "Noto Sans KR", sans-serif;}
h3{color:#666; font-weight:bold; font: 20px; padding-top:15px; padding-bottom:15px;font-family: "Noto Sans KR", sans-serif;}




.sctit{color:#923000;font-size:23px; line-height:140%;font-weight:600;}


/* Default link */

a.list_on:link {font-size:12px;  text-decoration:none;}
a.list_on:visited {font-size:12px; text-decoration:none;}
a.list_on:hover {font-size:12px;  text-decoration:none;}




#intro{
position:absolute; overflow:hidden; margin:0 auto; width:1920px;  height:2500px;  left:50%; margin-left:-960px; z-index:10;height: 100%;
}
#intro_pop{
position:absolute;margin:auto; width: 100%; text-align: center; height: 100%; margin-top:200px;
}
#intro_pop img{
vertical-align: middle;
}


/****************************** main ******************************/


#top_area	{ width:1920px; margin-left:-960px; height:92px;  left:50%; top:0px; position:fixed; z-index:9999;  background:#fff; }

#top_area .top{ width:1100px; height:92px; margin:0 auto; padding:0;text-align:left;position:relative;}

#top_area .logo { float:left; width:237px; left:0px; height:77px; margin-top:10px; position:relative;  }



#top_area .menu {float:right;  width:750px;right:0px; height:55px; margin-top:32px;  position:absolute; z-index:100;}

#top_area .menu ul li a{float:left; margin:0px 0px 0px 50px; color:#000; font-size:19px; font-weight:400;}

#top_area .menu ul li a:hover{color:#dd0000;}

#top_area .menu ul li a.on{color:#dd0000;}






#wrap_main {
	WIDTH: 100%;  HEIGHT:527px;  position:relative; margin-top:92px;
}

#wrap_main .wrap_main_pic {
position:absolute; overflow:hidden; width:1920px;  height:527px; margin-top:0px; left:50%;  margin-left:-960px; z-index:1; 
}
#wrap_main2 {
width:100%; height:58px; margin:0 auto; padding:0;text-align:left;position:relative; background:#d60000;
}


#wrap_main2 .vertex ul {
text-align:center; margin:0 auto; width:1000px;
}

#wrap_main2 .vertex li {
 float:left; padding:0 10px;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/


.slides_container {
width:1920px;
overflow:hidden;
position:relative;
display:none;
}

/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/

.slides_container a {
width:1920px;
height:604px;
display:block;
}

.slides_container a img {
display:block;
}

/*
Next/prev buttons
*/

#slides .next,#slides .prev {
position:absolute;
top:240px;
left:300px;
width:47px;
height:47px;
display:block;
z-index:101;
}

#slides .next {
left:1580px;
}




.mbpic1 {
position:absolute;
width:573px;
text-align:center;
top:255px;
left:50%;
margin-left:-286px;
}










#wrap_sub {
WIDTH: 100%;  HEIGHT:235px;  position:relative; margin-top:88px;
}

#wrap_sub .wrap_sub_pic {
position:absolute; overflow:hidden; width:1920px;  height:235px; margin-top:0px; left:50%;  margin-left:-960px; z-index:1; 
}


/* main_area */




#main_area { float:left;position:relative; margin:0 auto; padding:0px 0 0px 0;  width:100%; margin-top:0px; }



#main_area1 {position:relative;margin:0 auto; padding:0;width:1100px; z-index:9;}


#main_area1 .notice {float:left; margin-left:0px; margin-top:50px;  text-align:center;width:372px; }

#main_area1 .notice .tit {float:left; margin-left:0px; margin-top:0px; text-align:center; font-size:20px;margin-bottom:40px;  }

#main_area1 .no_text {float:left;position:relative; text-align:left;font-size:15px;  max-width:280px;line-height:160%; left:20px; font-family: "Noto Sans KR", sans-serif;}


#main_area1 .film {float:left; margin:0px 20px 0;  text-align:center;width:299px; }






#main_area2 {position:relative;margin:0 auto; padding:0;width:1100px; z-index:1;}

#main_area2 .gallery {clear:both; position:relative;margin:0 auto; padding:50px 0 50px 0;width:1100px;   }

#main_area2 .ga_tit {position:relative; text-align:center;font-size:17px;width:1100px;   line-height:180%; }

#main_area2 .ga_pic {position:relative; text-align:center;font-size:15px;  line-height:180%; margin-top:20px; height:250px;font-family: "Noto Sans KR", sans-serif;}





#main_area3 {position:relative;margin:0 auto; padding:0;width:1100px; }

#main_area3 .price {float:left;width:240px; position:relative; padding:0;  }

#main_area3 .price_tit { position:relative;margin:0 auto; padding:0;  }
#main_area3 .price_pic { position:relative;margin-top:20px; }



#main_area3 .movie {float:left;position:relative; margin-left:40px;font-size:17px;width:535px;   line-height:180%; }

#main_area3 .store {float:left;position:relative;  margin-left:50px;font-size:15px;  line-height:180%; margin-top:0px; width:232px;}
#main_area3 .store ul{position:relative;display:block;font-size:15px; margin-top:10px; width:217px;  }

#main_area3 .store li a{position:relative; padding:5px 0px 5px 15px;  width:217px; display:block;width:100%; font-size:15px; margin:0px; border-bottom:1px solid #797979}

#main_area3 .store li.son a{position:relative; padding:5px 0px 5px 15px;  width:217px; display:block;font-size:15px;  margin:0px;color:#fff; background:#797979}















/*sub_area */

#sub_area {width:1100px; margin:0 auto 0px; padding:0; position:relative;  }




.tabArea{float:left; position:relative;width:100%;margin-top:0px;margin-bottom:0px;overflow:hidden;text-align:center;}
.tabArea ul{overflow:hidden;}
.tabArea ul li{float:left;}
.tabArea ul li a{display:block;color:#5d5d5d;font-size:18px; padding:15px 0 15px 0;text-decoration:none;font-weight:normal;border:1px solid #dddddd;}
.tabArea ul li a.on{ display:block;background:#5e5e5e;border:1px solid #5e5e5e;color:#ffffff; padding:15px 0 15px 0; cursor:inherit;z-index:9; }
.tabArea ul li .over{display:block;; z-index:999;}
.tabArea ul li a.wrappro{display:block;background:#f9f9f9;border:1px solid #5e5e5e;color:#d20000; padding:15px 0 15px 0; cursor:inherit;z-index:9;}


.tabArea.tabOne li{width:100%}
.tabArea.tabTwo li{width:50%}
.tabArea.tabThree li{width:33.3333333%}
.tabArea.tabFour li{width:25%}
.tabArea.tabFive li{width:20%}
.tabArea.tabSix li{width:16.6666666%}

.tabArea.tabeight li{width:12.5%;}

.tabArea.tabeight li a{font-size:15px;}


.tabArea.tabnine li{width:11.11%;}

.tabArea.tabnine li a{font-size:14px;}


/* con_area */
#con_area {float:left; position:relative; margin-left:0px; margin-bottom:80px;padding-top:60px;  margin-right:0px;  font-size:16px; width:1100px; height:100%; line-height: 160%;min-height:400px;}




#con_area .tab {	float:left; width: 100%; background:#fff; margin-top:40px;margin-bottom:0px; }

#con_area .tab ul{   text-align:center;  } 

#con_area .tab li{   display:inline-block;  padding:0px; font-size:15px; font-weight:400;}






#con_area .tab1 { float:left; width: 100%; background:#fff; margin-top:20px;margin-bottom:30px; }

#con_area .tab1 ul{  text-align:center; } 

#con_area .tab1 li { display:inline-block;  min-height:60px;padding:10px 0px 10px 0px; font-size:15px; font-weight:400; background:url('../image/stab_b01.gif') center 10px no-repeat; }

#con_area .tab1 li a{  display:inline-block;  min-height:60px;padding:10px 20px 10px 20px; font-size:15px; font-weight:400; }

#con_area .tab1 li a:hover{ font-size:15px;padding:10px 20px 10px 20px; min-height:60px;color:#d00000;  font-weight:400; background:url('../image/stab_b01_on.gif') center 0px no-repeat;}

#con_area .tab1 li .on{ display:inline-block;  padding:10px 20px 10px 20px; min-height:60px;color:#d00000;  font-weight:400; background:url('../image/stab_b01_on.gif') center 0px no-repeat;}










#con_area #top_visual {padding-left:0px; margin-top:80px; font-size:30px; padding-bottom:16px; border-bottom:1px solid #d7d7d7;}
#con_area #top_visual p.location { padding-left:0px; font-size:11px; margin-top:8px; color:#8c8c8c; clear:both;  font:Dotum, 돋움, sans-serif;  float:right; }



#con_area .pic1{float:left; width:1100px; margin-top:50px; margin-left:0px;}
#con_area .pic2{float:left; width:1100px; margin-top:60px; margin-left:0px;}

#con_area .pic3{float:left; width:1100px; margin-top:30px; margin-left:0px;}



#con_area .hf{float:left;  margin-top:0px; width:48%; margin-left:0px;}

#con_area .hf1{float:left;  margin-top:40px; margin-left:0px;}

#con_area .hf2{float:left;  margin-top:0px; width:600px; margin-left:0px;}

#con_area .hf3{float:left;  margin-top:0px; width:33.3%; text-align:center; }



#con_area .right{float:right;  margin-top:50px; right:0px;}
#con_area .right1{float:right;  margin-top:0px; right:0px;}



#con_area .tit01{float:left; margin-top:16px;font-size:19px; margin-left:0px;color:#1f1f1f}
#con_area .tit02{margin-top:16px;font-size:18px; margin-left:0px;color:#000}
#con_area .t01{float:left; margin-top:20px;font-size:16px; margin-left:0px;}


#con_area .line1{float:left;  width:1100px; border-top:1px solid #bebebe; margin-top:50px;  }

#con_area .line2{float:left;  width:1100px; border-top:1px solid #bebebe; margin-top:30px; margin-bottom:30px; }



#con_area .board01{float:left; width:1100px; margin-top:40px; text-align:center; margin-left:0px; border-top:2px solid #d40000;}



.tb01 {
	text-align: center; border-top: 1px solid #545454; 
}
.tb01 th {
	line-height: 18px; font-family: "tahoma"; font-size: 11px; font-weight: normal; border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: solid;
}
.tb01 td {
	line-height: 18px; font-family: "tahoma"; font-size: 11px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.tbl_line td {
	padding: 10px 5px 10px 10px; line-height: 18px; font-family: "tahoma"; font-size: 11px;
}
.tbl_price {
	text-align: center;
}
.tbl_price th {
	background: url("../img/price_title_th_bg.gif"); height: 30px; line-height: 18px; font-family: "돋움"; font-size: 12px; font-weight: bold;
}
.tbl_price td {
	padding: 6px 5px; line-height: 18px; font-family: "tahoma"; font-size: 11px;
}
.tbl_pric .txt_num {
	font-family: "tahoma"; font-size: 7pt;
}






.bbslist2 { width:100%; margin-top:0px; margin-bottom:0px;font-size:13px; border-collapse:collapse;}

.bbslist2 thead tr th { background:#ececec; height:30px; color:#666666; font-weight:bold; padding-top:6px; vertical-align:top; }

.bbslist2 tbody td { text-align:left; padding:7px 7px 7px 7px; height:15px;  text-align:center; border:1px solid #ccc; }

.bbslist2 tbody td.tit { background:#ebebeb;text-align:center;  height:30px; font-size:15px; color:#333333; font-weight:bold; border-top:#e3000d 3px solid;  border-bottom:#cccccc 1px solid;}

.bbslist2 tbody td.tit1 { background:#eef1f6;text-align:center;  height:15px; font-size:15px; color:#3360aa; font-weight:bold; border-top:#cccccc 3px solid; border-bottom:#cccccc 1px solid;}

.bbslist2 tbody td.left_tit { background:#fbfbfb;text-align:center;  height:15px; font-weight:300; color:#666666;  border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}

.bbslist2 tbody td.left_tit1 { background:#fafbfc;text-align:center;  height:15px; color:#3360aa;  border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid;}

.bbslist2 tbody td.subj1 {text-align:left;  padding:7px 0px 7px 0px;  font-weight:bold; line-height:14px;}

.bbslist2 tbody td.t1 {text-align:center;  line-height:20px; padding:3px 3px 3px 3px; border-bottom:#ededed 1px solid; border-right:#ededed 1px solid;}

.bbslist2 tbody td.t2 {line-height:20px; padding:13px 13px 13px 13px; border-bottom:#ededed 1px solid;}

.bbslist2 tbody td.t3 {text-align:left;  line-height:20px; padding:3px 3px 3px 20px; border-bottom:#ededed 1px solid; border-right:#ededed 1px solid;}

.bbslist2 tbody td.t4 {text-align:left;  line-height:20px; padding:3px 3px 3px 20px; border-bottom:#ededed 1px solid;}



.div-box{margin:50px 0;padding:30px; border:10px solid #f1f1f1;}


.table-basic > table {
    display: table;
	background-color: transparent;
	border-spacing: 0;
    border-collapse: collapse;
	width: 100%;
    max-width: 100%;
    /*margin-bottom: 20px;*/
}

.table-basic > table > thead > tr > th,
.table-basic > table > tbody > tr > th,
.table-basic > table > tfoot > tr > th {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	padding: 8px 5px;
	border-top: 0px;
	border-bottom: 2px solid #ff6600;
	margin:0 auto;
	/*font-size: 12px;*/
}

.table-basic > table > thead > tr > td,
.table-basic > table > tbody > tr > td,
.table-basic > table > tfoot > tr > td {
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	/*font-size: 12px;*/
	padding: 8px 5px;
	border-bottom: 1px solid #ff6600;
}


.table-nav > table {
    display: table;
	background-color: transparent;
	border: 0;
    border-collapse: collapse;
	width: 100%;
    max-width: 100%;
    /*margin-bottom: 20px;*/
}

.table-nav > table > thead > tr > th,
.table-nav > table > tbody > tr > th,
.table-nav > table > tfoot > tr > th {
	vertical-align: middle;
	text-align: left;
	font-size: 16px
	font-weight: bold;
	padding: 8px 0px;
	border-top: 0px;
	border-bottom: 1px solid #DF2428;
	/*font-size: 12px;*/
}

.table-nav > table > thead > tr > td,
.table-nav > table > tbody > tr > td,
.table-nav > table > tfoot > tr > td {
	vertical-align: middle;
	/*text-align: center;*/
	font-weight: normal;
	/*font-size: 12px;*/
	padding: 5px 0px;
	/*border-bottom: 1px solid #ff6600;*/
}




/* sitemap */
.sitemap{ margin-top:0px; margin-left:0px; margin-right:0px; }
.sitemap .tit1{padding:13px 0 0px 0; font-size:20px; width:280px; color:#000; height:50px; background:url(../img/sitemap_back.gif) no-repeat;}
.sitemap ul{ float:left; margin-top:28px;  width:280px;margin-right:30px;margin-left:70px; height:260px; }
.sitemap li{padding:5px 0 5px 20px;width:250px; border-bottom:1px solid #dfe2e7;}








#footer { clear:both; float:left; position:relative; margin:0 auto; padding:0; width:100%; height:183px; margin-top:60px; background:#fff; }
#footer .copy	{ width:1100px; margin:0 auto;  text-align:left; position:relative; }
#footer .foot1 { position:relative; margin-left:0px; padding:10px 0 35px 0;  font-weight:400; background:#333333;}
#footer .foot1 ul li {float:left; padding:0px 25px 0px 0px;}
#footer .foot1 ul li img{float:left; padding-top:5px}
#footer .foot1 ul li a{color:#c5c5c5;}
#footer .foot1 ul li a:hover{color:#fff;}
#footer .foot2 { position:relative; margin-left:0px; line-height:150%; margin-top:35px; font-size:13px; color:#808080; }
#footer .foot3  { position:relative; margin-left:0px; margin-top:-25px; float:right; right:0px; }

#footer .foot_r1 {position:absolute;float:right; top:5px; right:0px; }
#footer .foot_r1 ul li{float:left; padding:0 0 0 12px; }
#footer .foot_r2 {position:absolute; float:right; top:55px; right:0px;}
#footer .foot_r3 {position:absolute; float:right; top:0px; right:0px;}