/*--------------------Àüü°øÅë--------------------*/

div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px; margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none; margin:0; padding:0px; line-height:18px;}
form, fieldset, p {margin:0; padding:0; border:0;}

body {font-family:'³ª´®°íµñ','Arial', sans-serif; font-size:13px; color:#666;  line-height:18px; padding:0px;margin:0px;}

table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;}/*border:none; separate*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:middle;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
label {cursor:pointer;} 
input.radio {width:12px;height:12px;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
input {border:1px solid #ccc; height:20px; font-family:"³ª´®°íµñ", "Nanum Gothic", "AppleGothic,sans-serif"; background:#fff; color:#666666; font-size:12px;vertical-align:middle;}

.input2 {border:0px solid #ccc; height:20px; font-family:"³ª´®°íµñ", "Nanum Gothic", "AppleGothic,sans-serif"; background:#fff; color:#666666; font-size:12px;vertical-align:middle;}

textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none; font-family:"³ª´®°íµñ", "Nanum Gothic", "AppleGothic,sans-serif"; font-size:12px;}
.textarea2 {padding:10px; color:#666; resize: none; font-family:"³ª´®°íµñ", "Nanum Gothic", "AppleGothic,sans-serif"; font-size:12px; width:607px; line-height:18px; background:#fbf8f0; border:0px solid #dedede;}
address{font-style:normal; }

a:link{font-size:1em; text-decoration:none;color:#5e5e60; }
a:active{font-size:1em; text-decoration:none;color:#5e5e60; }
a:visited{font-size:1em;text-decoration:none;color:#5e5e60; }
a:hover{font-size:1em; text-decoration:none;color:#5e5e60;text-decoration:none; }


h1 { font-size:16px; font-weight:bold; color:#000000; padding-bottom:10px;}
h2 { font-size:18px; font-weight:bold;}
h4 { font-size:13px; font-weight:bold; color:#b03c41;}
h3 { font-size:11px; }
h5 { font-size:14px; font-weight:bold; color:#e84746; padding-bottom:10px;}


/* input-type */
.input{
	height:14px;
	padding:2px 2px 2px 2px;
 	border:1px solid #E0E0E1;
	font-size:11px;color:#787878;font-family:"³ª´®°íµñ","Nanum Gothic";
	margin:3px 0;
}


.input2{
	font-size:11px; color:#787878; font-family:"³ª´®°íµñ","Nanum Gothic";

}

select{height:19px; font-size:12px; color:#7A7A7A; font-family:"³ª´®°íµñ","Nanum Gothic"; border:1px solid #E0E0E1;}
.select2{height:21px; font-size:12px;color:#7A7A7A; font-family:"³ª´®°íµñ","Nanum Gothic"; border:1px solid #abadb3;}



/* Å×À̺í_°øÅë */
.gray table { margin:0px auto; width:630px; border-TOP:2px solid #cbcbcb; border-bottom:2px solid #cbcbcb; border-right:1px solid #e4e4e4; }
.gray table td{ border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding-top:5px; padding-bottom:5px;}
.gray table .t_bg{ background-color:#f1f1f1; font-weight:bold;}


/* Ä¿¼­ */
.cursor {cursor:pointer; }


/*°Ô½ÃÆÇ*/
.board_talbe {width:100%; margin:0px auto; overflow:hidden; padding-top:0px;}

.board_paging { clear:both; margin:20px 0px 0px 0px; text-align:center; }
.board_paging a { display:inline-block; }
.board_paging span { margin:0 10px; }
.board_paging span a { margin:0 5px; color:#666; }
.board_paging span a:hover, .board_paging span a:focus, .board_paging span a:active {color:#454545; border-bottom:1px solid #ff1313; }
.board_paging span strong { display:inline-block; margin:0 5px; color:#2f85c2; border-bottom:1px solid #2f85c2; }


.board_paging2 { margin:20px 0px 0px 0px; text-align:left; width:370px; float:left;}
.board_paging2 a { display:inline-block; }
.board_paging2 span { margin:0 10px; }
.board_paging2 span a { margin:0 5px; color:#666; }
.board_paging2 span a:hover, .board_paging span a:focus, .board_paging span a:active {color:#454545; border-bottom:1px solid #ff1313; }
.board_paging2 span strong { display:inline-block; margin:0 5px; color:#2f85c2; border-bottom:1px solid #2f85c2; }
.bt{ float:right; width:340px; margin:20px 0px 0px 0px; text-align:right;}


.btnbox{text-align:center; padding-top:25px; }
.btnbox .btn{display:inline-block; padding:0px 15px 0px 15px; height:28px; line-height:30px; margin:0; background:#888888; border:0 none; border-top-right-radius:5px; border-bottom-left-radius:5px; box-shadow: 1px 1px 3px #999; font-size:15px; color:#fff; vertical-align:middle; font-size:12px; font-family:"³ª´®°íµñ","Nanum Gothic";}




/*°Ô½ÃÆÇ_¸®½ºÆ®*/
.board_list {border-collapse:collapse; border-top:2px solid #727272; margin-top:6px; }
.board_list thead th:first-child {text-align:center; height:40px; color:#333; border-bottom:1px solid #cccccc;  }
.board_list thead th {text-align:center; height:30px; color:#333; border-bottom:1px solid #cccccc; padding-top:3px; line-height:30px;}
.board_list tbody td:first-child {height:30px; border-bottom:1px solid #cccccc; text-align:center;}
.board_list tbody td {height:40px; border-bottom:1px solid #cccccc;}


/*°Ô½ÃÆÇ_¾²±â*/
.board_write {border-collapse:collapse; border-top:2px solid #727272; width:100%;}
.board_write th {color:#333; border-bottom:1px solid #cccccc; text-align:center; }
.board_write .td2 {border-bottom:1px solid #cccccc; text-align:left; padding-left:20px;}
.board_write .input{border:1px solid #dddddd; vertical-align:top;}
.board_write .textarea{border:1px solid #dddddd; resize:none;}


/*°Ô½ÃÆÇ_º¸±â*/
.board_view {border-collapse:collapse; border-top:2px solid #727272;}
.board_view th {text-align:left; color:#333; border-bottom:1px solid #cccccc; background:#f6f6f6; height:40px; padding-left:20px; font-size:15px;}
.board_view td {border-bottom:1px solid #cccccc; text-align:left; padding-left:20px; height:30px; line-height:30px;}
.bvinfo {text-align:right !important; padding-right:10px;}
.bvinfo span {font-weight: bold; padding-left:20px;}
.bvcon {padding:20px 20px !important; line-height:1.7em;}
.board_view input{border:1px solid #dddddd; vertical-align:top;}

.bv_pn {border-collapse:collapse; margin-top:40px; border-top:1px solid #6b6b6b; border-bottom:1px solid #6b6b6b; text-align:center;}
.bv_pn tbody th{height:30px; color: #454545; font-weight: normal; font-weight:bold; border-top:1px solid #6b6b6b; background:#f7f7f7; line-height:30px;}
.bv_pn tbody td{height:30px; text-indent:25px; text-align: left; border-top:1px solid #6b6b6b; background:#f7f7f7; line-height:30px;}




/*--------------------¸ÞÀÎ ¹× °øÅ뿵¿ª--------------------*/

#outline {margin:0 auto; width:100%; }

#top{margin:0 auto; width:960px; overflow:hidden; height:100px; z-index:10;}
.logo{margin:0 auto; width:183px;  text-align:center; padding-top:15px;}

.top_menuout{margin:0 auto; width:100%; background-color:#5253bf; height:61px;}
.top_menu{margin:0 auto; width:960px;text-align:center; line-height:61px;}
.top_menu li{ font-size:15px; line-height:61px; height:61px; font-weight:bold; color:#FFFFFF; float:left; width:20%;}


.top_menu a:link{font-size:1em; text-decoration:none;color:#fff; }
.top_menu a:active{font-size:1em; text-decoration:none;color:#fff; }
.top_menu a:visited{font-size:1em;text-decoration:none;color:#fff; }
.top_menu a:hover{font-size:1em; text-decoration:none;color:#fff;text-decoration:none; }


#main{margin:0 auto; width:960px;clear:both; padding-top:40px;}
.out{margin:0 auto; width:100%; clear:both; text-align:center;}
.main_bg{margin:0 auto; width:960px; z-index:10; height:483px; text-align:center; padding-top:40px; position:relative;}
.ch01{ position:absolute; top:-28px; left:510px;}
.ch02{ position:absolute; left:-108px; top:358px;}
.ch03{ position:absolute; right:-100px; top:350px;}

.main_bg2{margin:0 auto; width:100%; z-index:10; height:657px; text-align:center; background-color:#9c76be;}
.main_bg2 .out{margin:0 auto; width:960px; position:relative;}
.main_bg2 .out .ch04{ position:absolute; right:-35px; top:403px;}


#copyr_main{margin:0 auto; width:100%; font-size:11px; margin-top:0px; clear:both; text-align:center; border-top:0px solid #cccccc; }
#copyr{margin:0 auto; width:100%; font-size:11px; margin-top:80px; clear:both; text-align:center; border-top:1px solid #cccccc; }
.copyr_ny{margin:0 auto; width:940px; padding-left:20px; position:relative;}
.gosite{ float:right; position:absolute;  right:0px; top:15px;}

.info{clear:both; text-align:left; padding-top:15px;}
.c_r{ padding:10px 0px 10px 0px; font-size:10px;  text-align:left;}


#sub{margin:0 auto; width:100%;} 
.s_title{margin:0 auto; width:100%; height:120px; border-bottom:1px solid #cccccc;  text-align:center; font-size:50px; font-weight:bold; color:#000000; line-height:120px; padding-top:50px;} 
.contants{margin:0 auto; width:918px; position:relative; height:100%;} 
.contants2{margin:0 auto; width:918px; position:relative; height:800px;} 
.contants3{margin:0 auto; width:918px; position:relative; height:520px;} 


/*--------------------¼­ºê ¹× °øÅ뿵¿ª--------------------*/


/* Àå¿øÇѱ¹»ç°³¿ä */
.info_img01{ position:absolute; top:82px; left:0px;}
.info_title{font-size:16px; font-weight:bold; color:#000000; line-height:25px; position:absolute; top:122px; left:254px;}
.info_title2{font-size:32px; font-weight:bold; color:#000000; line-height:50px; position:absolute; top:154px; left:254px;}
.info_bg01{ background-image:url(../images/info_bg01.png); width:598px; height:100px; padding:30px 30px 30px 40px; position:absolute; top:208px; left:254px;}
.info_bg01 li{line-height:20px;}

.info_img02{ position:absolute; top:465px; left:0px;}
.info_title_{font-size:16px; font-weight:bold; color:#000000; line-height:25px; position:absolute; top:476px; left:254px;}
.info_title_2{font-size:32px; font-weight:bold; color:#000000; line-height:50px; position:absolute; top:508px; left:254px;}
.info_bg02{ background-image:url(../images/info_bg02.png); width:598px; height:121px; padding:30px 30px 30px 40px;  position:absolute; top:562px; left:254px;}
.info_bg02 li{line-height:20px;}

.bar{width:100%; border-top:1px solid #000000; position:absolute; top:406px; left:0px;}


.sub_title{font-size:20px; font-weight:bold; color:#000; line-height:38px; position:relative; padding-top:60px; clear:both; }
.sub_title_bar{ position:absolute; left:2px; top:50px; width:29px; height:3px; background-color:#c03f2b;}
.sub_c_img{ position:absolute; left:0; top:122px;}
.sub_c_box{ position:absolute; left:232px; top:122px; background-color:#f7f7f7; border:1px solid #dbdbdb; padding:30px; width:625px; font-size:14px; line-height:20px;}

.view_title01{ position:absolute; left:0px; top:80px; width:425px; height:30px; text-align:center; font-weight:bold; font-size:15px; color:#000000;}
.view_title02{ position:absolute; left:495px; top:80px; width:425px; height:30px; text-align:center; font-weight:bold; font-size:15px; color:#000000;}
.view_box{ position:absolute; left:0px; top:120px; background-color:#f2f2f2;  width:425px; height:295px; text-align:center; padding-top:30px;}
.view_box2{ position:absolute; left:495px; top:120px; background-color:#f2f2f2;  width:425px; height:295px; text-align:center; padding-top:30px;}
.view_bar{ position:absolute; left:460px; top:120px; width:1px; height:325px; border-right:1px solid #000000;}


.style1 {color: #e2177b}
.style2 {	color: #227fc4;	font-size: 37px;}
.style3 {	color: #4a659a;	font-size: 37px;}


/* FAQ */
 dl.faqList{border-top:3px solid #7171ab;border-bottom:2px solid #bebebe;margin:70px 0 10px 0;}
 dl.faqList dt{height:30px;border-bottom:1px solid #ddd;padding:14px 0 6px 18px;padding-left:40px; background:url(http://www.jangone.co.kr/new/sub02/history/images/sub_qna_bg_off.gif) no-repeat left center; font-weight:bold; z-index:9;}
 dl.faqList dt a{display:block;}
 dl.faqList dt a.on{ color:#5253bf; background:url(http://www.jangone.co.kr/new/sub02/history/images/sub_qna_bg_on.gif) no-repeat right top; z-index:10;}
 dl.faqList dd{background:#f7f8f7; border-top:0px solid #eaebeb; padding:18px 25px 18px; 18px;border-bottom:1px solid #ddd;}
 dl.faqList dd.close{display:none;}
 dl.faqList dd p{padding-left:18px;}
 
 

/* »ó´Ü left ·Ñ¿À¹ö °íÁ¤¸Þ´º */
a.roll span { display:block; height:69px; text-align:cneter;} 
a.roll span.over { display:none; } 
a.roll:hover { border:0;}
a.roll:hover span { display:none; } 
a.roll:hover span.over { display:inline; }


/* Àå¿øÇѱ¹»ç°³¿ä */
body#Info1 #m-info1 a.roll { border:0; text-align:center;}
body#Info1 #m-info1 a.roll span { display:none;  text-align:center;}
body#Info1 #m-info1 a.roll span.over { display:block; color:#5a5a5a; background:#fff; font-weight:bold; text-align:center; padding:0px 20px 0px 20px;} 


/* ÇнÀ¹ý¾È³» */
body#Guide1 #m-guide1 a.roll { border:0; text-align:center;}
body#Guide1 #m-guide1 a.roll span { display:none;  text-align:center;}
body#Guide1 #m-guide1 a.roll span.over { display:block; color:#5a5a5a; background:#fff; font-weight:bold; text-align:center; padding:0px 20px 0px 20px;} 


/* ÇнÀÈ¿°ú */
body#Effect1 #m-effect1 a.roll { border:0; text-align:center;}
body#Effect1 #m-effect1 a.roll span { display:none;  text-align:center;}
body#Effect1 #m-effect1 a.roll span.over { display:block; color:#5a5a5a; background:#fff; font-weight:bold; text-align:center; padding:0px 20px 0px 20px;} 


/* ±³Àç¸Àº¸±â */
body#View1 #m-view1 a.roll { border:0; text-align:center;}
body#View1 #m-view1 a.roll span { display:none;  text-align:center;}
body#View1 #m-view1 a.roll span.over { display:block; color:#5a5a5a; background:#fff; font-weight:bold; text-align:center; padding:0px 20px 0px 20px;} 


/* ÀÚÁÖÇÏ´ÂÁú¹® */
body#Faq1 #m-faq1 a.roll { border:0; text-align:center;}
body#Faq1 #m-faq1 a.roll span { display:none;  text-align:center;}
body#Faq1 #m-faq1 a.roll span.over { display:block; color:#5a5a5a; background:#fff; font-weight:bold; text-align:center; padding:0px 20px 0px 20px;}