@charset "utf-8";

/* Reset */
* {margin:0; padding:0;}
* {-webkit-text-size-adjust:none;}
html, body {margin:0; padding:0; font:12px Dotum ,"돋움" ,"NanumGothic" ,"나눔고딕" , "굴림", Gulim, sans-serif; color:#888888;}
body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address,
ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, label, textarea, img, a {margin:0; padding:0;}
input, button, select, textarea {font:12px Dotum ,"돋움" ,"NanumGothic" ,"나눔고딕" , "굴림", Gulim, sans-serif; color:#888888; vertical-align:top;}
ul, ol, li, dl, dd, dt {list-style-type:none;}
table {width:100%; border:0; border-spacing:0; border-collapse:collapse;}
img {vertical-align:top;}
a, img, button, fieldset, input[type="button"] {border:0;}
legend {position:absolute; width:0; height:0; font-size:0; overflow:hidden;}
address, em {font-style:normal;}
hr {display:none;}
input[type="button"], input[type="submit"], input[type="image"], button, label {cursor:pointer;}
dfn, address {font-style:normal;}

a {color:#888888; text-decoration:none;}
a:link, a:active, a:visited {text-decoration:none;}


@font-face {
	font-family:'NanumGothic'; 
	src:url('NanumGothic.eot');
	src:local(※),
		url('NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('NanumGothic.woff') format('woff'),
		url('NanumGothic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
	
}

/* layout */
#wrap { overflow:hidden; width:100%; height:100% }
#container { width:100% }
#container .visual { overflow:hidden; width:100%; height:650px; background:url('/html/image/visual.jpg') no-repeat 50% 50% }
#container .visual .v_section { position:relative; overflow:hidden; margin:0 auto; width:1050px; height:100% }
#container .visual .v_section h1 { margin:30px 0 20px 0 }
#container .visual .v_section dl { margin-bottom:10px }
#container .visual .v_section dl dt { margin-bottom:20px; color:#666; font-size:25px; font-weight:bold; letter-spacing:-2px; line-height:30px;}
#container .visual .v_section dl dt p { color:#333;}
#container .visual .v_section dl dt strong { color:#ed1c24; text-decoration:underline;  }
#container .visual .v_section dl dt b {padding-left:10px; font-size:12px; letter-spacing:0; line-heihgt:25px; }
#container .visual .v_section dl dd { padding-left:8px; background:url('../image/dot3.png') no-repeat 0 50%; color:#c81605; font-size:16px; line-height:180%; font-weight:bold;}
#container .visual .v_section span { position:absolute; bottom:0; display:inline-block; width:100%; background:url('/html/image/bg_dot.png') repeat 0 0; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:200% }
#container .visual .v_section span strong { margin:5px 0 5px 20px;}
#container .visual .v_section span strong a { background:#c81605;padding:8px 40px; color:#fff;font-size:14px; display:inline-block;  border:2px solid #d25144;}

#container .content { margin:0 auto; width:1050px }
#container .content h1.big_tit { margin:70px auto 0 auto; padding:15px; width:400px; background:#3c88c5; color:#fff; font-size:40px; font-weight:normal; text-align:center; letter-spacing:-3px }
#container .content h1.big_tit span { color:#fff77b }

#container .content ul.section_all { overflow:hidden }
#container .content ul.section_all li { overflow:hidden; padding:70px 0; border-bottom:1px dashed #ccc }
#container .content ul.section_all li.end { margin:none; padding:none; border:none }
#container .content ul.section_all li p.img_l { float:left }
#container .content ul.section_all li p.img_r { float:right }
#container .content ul.section_all li dl { width:370px }
#container .content ul.section_all li dl.txt_l { float:left }
#container .content ul.section_all li dl.txt_r { float:right }
#container .content ul.section_all li dl dt { margin:10px 0 30px 0; color:#444; font-size:50px; letter-spacing:-4px }
#container .content ul.section_all li dl dt.font_48 { font-size:49px;  word-spacing:-8px }
#container .content ul.section_all li dl dd { padding-left:8px; background:url('/html/image/dot1.jpg') no-repeat 0 14px; color:#666; font-size:16px; line-height:30px; letter-spacing:-1px }
#container .content ul.section_all li .arrow_t { float:right;  width:370px; }
#container .content ul.section_all li .arrow_t dl { float:left; width:120px;}
#container .content ul.section_all li .arrow_t p { float:left;margin-top:10px; padding:11px 0 0 30px; height:67px; background:url('/html/image/arrow.gif') no-repeat 0 0; font-size:18px;  }
#container .content ul.section_all li .text { display:block; float:left; margin-top:20px; font-size:14px; font-weight:bold; line-height:22px;}
#container .content ul.section_all li .text strong{ color:#c40e0e;}
a.btn_click { display:block; margin:0 auto 70px auto; padding:10px 0; width:350px; color:#fff; font-size:20px; font-weight:bold; background:#c81605; border-right:1px solid #a01204; border-bottom:1px solid #a01204; border-top:1px solid #e07d74;border-left:1px solid #e07d74; text-align:center;}
a.btn_click:hover { color:#eaff00; background:#ab1001;}

#container .content ul.section_all li.con_s2 { background:url('../image/con_img2.jpg') no-repeat 100% 8% }
#container .content ul.section_all li.con_s2 p { margin-bottom:40px; color:#444; font-size:50px; letter-spacing:-4px }
#container .content ul.section_all li.con_s2 table { float:left; width:410px; border-right:1px solid #bfd2d7; border-bottom:1px solid #bfd2d7 }
#container .content ul.section_all li.con_s2 table caption { position:relative; margin-bottom:10px; padding-left:15px; background:url('../image/dot2.jpg') no-repeat 0 50%; color:#315a85; font-size:16px; font-weight:bold; text-align:left; line-height:30px; }
#container .content ul.section_all li.con_s2 table caption span { position:absolute; right:0; font-size:12px }
#container .content ul.section_all li.con_s2 table tr th, 
#container .content ul.section_all li.con_s2 table tr td { border-left:1px solid #bfd2d7; font-size:14px; text-align:center; line-height:40px }
#container .content ul.section_all li.con_s2 table tr th { background:#325b84; color:#fff }
#container .content ul.section_all li.con_s2 table tr td { background:#fff; color:#2e515d }
.mar_20 {margin-left:20px;}

#footer { clear:both; overflow:hidden; width:100%; background:#34343a; color:#949494 }
#footer .footer_wrap { overflow:hidden; margin:0 auto; padding:40px 0 20px 0; width:1050px; }
#footer .footer_wrap h1 { float:left;}
#footer ul { float:left; }
#footer ul li { margin-bottom:20px; line-height:140% }


#hd_pop {display:none;}

table.chat td{padding:15px 10px !important;line-height:150% !important;text-align:left !important}
table.chat td:first-child {text-align:center !important}