@charset "utf-8";
/* CSS Document */


html, body {margin:0; padding:0; font-family:"돋움",Dotum,arial,sans-serif;font-size:12px;height:100%;color:#888888;}


/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
img{border:0}
ul,ol,li{list-style:none}
fieldset{border:none}
button{cursor:pointer}
table, th, td {border-collapse:collapse;}
caption {display:none; line-height:0;}
fieldset {border:0;}
legend {display:none;}
img {border:0; vertical-align:top;}
hr {display:none;}
radio, checkbox { border:0; vertical-align:middle;}
select {border:#E4E4E4 solid 1px; font-size:11px;}


.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.hidden { display:none}
.i_check{width:13px;height:13px;margin:0 4px 0 0;padding:0;vertical-align:middle}
.clear { clear: both; background: none; }
.left {float:left}
.right {float:right}
.padding_l20 {padding-left:20px;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

*{ margin:0; padding:0; border:0px; }
A:link		{ color:#555;text-decoration:none; } /* 방문전 */
A:visited	{ color:#555;text-decoration:none; } /* 방문후 */
A:active	{ color:#555;text-decoration:none; } /* 마우스클릭시 */
A:hover		{ color:#000;text-decoration:none; } /* 마우스오버 */


/*바로가기*/
.skip{display:block;position:absolute;top:-1px;left:-1px;overflow:hidden;height:1px;width:1px;font-size:0;line-height:0}
.skip:focus{position:static;width:auto;height:auto;padding:0.3em 0.5em;background:#f05023;font-weight:700;font-size:11px;line-height:1.5;color:#fff;text-decoration:none;outline:none}


#header_wrap {width:100%; height:112px; background:url(../images/layout/topback.jpg) repeat-x}
#header {width:980px; margin:0 auto}
#logobox {width:220px; float:left; margin-top:35px;}
#navibox {width:740px; float:right; margin-top:15px;}
.s_navi {text-align:right}
.s_navi img {padding-left:10px; padding-top:5px;}



#menubox {float:right;width:727px; margin-top:35px; text-align:right}
#menubox .img_r {margin-right:50px;}
.lang_select {width:120px; height:20px; border:#cccccc solid 1px; font-size:10px;}




ul#topnav {
	padding: 0;
	margin-top:25px;
	float: right;
	list-style: none;
	position: relative;
}
ul#topnav li {
	float: left;

}
ul#topnav img {margin-left:70px;}

ul#topnav li a {
	padding-bottom:20px;
	display: block;
	color: #000;
	text-decoration: none;
}
ul#topnav li:hover { background: #fff }
ul#topnav li span {
	float: left;
    margin-left: 50px;
    padding: 6px 0;
    position: absolute;
    left: 0;
    top: 24px;
    background: #f4f4f4;
    display: none;
    width: 310px;
    color: #d9dfee;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-radius: 4px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; text-decoration:none;}
ul#topnav li span a:hover { color:#1447b7; }







/*-------------메인 비쥬얼 시작--------------*/
#eventbox {width:478px; height:646px; float:left}
.main-block{margin:0px 0}
.main-block .prod{float:left;width:478px;height:646px;position:relative}
.main-block .prod ul.thumb-list,
.main-block .prod ul.thumb-list li,
.main-block .prod ul.thumb-list li img{width:478px;height:646px;overflow:hidden}
.main-block .prod ul.toggle{top:35px;right:20px}


.toggle{position:absolute;z-index:12;}
.toggle li{float:left;width:16px;height:14px;margin-right:2px}
.toggle li a{display:block;width:16px;height:14px;background:url(../images/layout/point_select.png) no-repeat 0 2px;overflow:hidden;text-indent:-9999px}
.toggle li.pause a{background:url(../images/layout/pause.png) no-repeat}
.toggle li.play a{background:url(../images/layout/play.png) no-repeat}
.toggle li.on a{background:url(../images/layout/point_nonselect.png) no-repeat 0 2px;}
/*-------------메인 비쥬얼 끝--------------*/


#main_wrap {width:980px; padding-top:8px; margin:0 auto; display:block}
#main_l_wrap {float:left; border:#dbdbdb solid 1px; border-bottom:none}


#main_r_wrap {float:right; width:492px;}


.m_title02{margin-bottom:10px; padding-top:20px;}
#main_notice_list {margin-top:20px; margin-left:0px;}
#main_notice_list .textred {color:#FF0000; font-weight:bold;} 
#main_notice_list ul {padding-left:12px; padding-top:5px;}
#main_notice_list li {background:url(../images/layout/list_dotimg.gif) no-repeat 0 4px; height:24px; color:#555555; list-style:none}
#main_notice_list .n_text {float:left; padding-left:10px}
.n_date {float:right; padding-right:30px; color:#a1a1a1}


#notice_wrap {width:179px; height:208px; float:left; border:#dbdbdb solid 1px;}
#n_box {float:right; width:299px; height:208px; border:#dbdbdb solid 1px;}
#n_box .titleimg {margin-top:32px; padding-left:20px;}
#n_box .moreimg {padding-left:170px; padding-top:17px;}


#main_faqcs {margin-top:9px; clear:both}
#main_faqcs img {border:#dbdbdb solid 1px; border-bottom:none}

#main_product {margin-top:9px; clear:both}
#main_product img {border:#dbdbdb solid 1px;}




#container_wrap {width:100%; background:#fff;}
#container {
 margin-bottom: 0px;
 overflow: auto;
 width: 1024px;
 margin: 0 auto;
}


#content { 
 float: right;
 color: #444;
 margin-top:30px;
 margin-right:20px;
 margin-bottom:50px;
 line-height:170%;
 padding: 0px;
 width: 740px;
 display: inline;
 position: relative;
}

#content p span {
	color:#074093;
}

#content p.right {
	margin-top:10px;
	float:right;
	color:#333;
}

#snb { 
 display: inline;
 color: #333;
 margin-top:20px;
 margin-left:20px;
 padding: 0px;
 width: 200px;
 float: left;
}


.page_location {width:980px;background:#fff; margin:0 auto; padding-top:20px; padding-bottom:8px; padding-right:20px; text-align:right;}

/*서브 타이틀 이미지 부분*/
#subtitleimg {width:980px; height:120px; margin:0 auto;  padding-top:10px; text-align:center}
#subtitleimgbox {width:100%; height:120px; background:url(../images/sub/sub_topback01.jpg) repeat-Y; margin-top:-3px; text-align:center; border-bottom:1px solid #ddd;}
#subtitleimgbox2 {width:100%; height:120px; background:url(../images/sub/sub_topback02.jpg) repeat-Y; margin-top:-3px; text-align:center; border-bottom:1px solid #ddd;}
#subtitleimgbox3 {width:100%; height:120px; background:url(../images/sub/sub_topback03.jpg) repeat-Y; margin-top:-3px; text-align:center; border-bottom:1px solid #ddd;}
#subtitleimgbox4 {width:100%; height:120px; background:url(../images/sub/sub_topback04.jpg) repeat-Y; margin-top:-3px; text-align:center; border-bottom:1px solid #ddd;}



/*서브 메뉴 목록 부분*/
#sub_naviwrap {width:100%; height:50px; border-bottom:#ededed solid 1px;}
#sub_navibox {width:780px; margin:0 auto; padding-top:12px; padding-bottom:10px;}
#sub_navibox ul li { float:left; padding:0 10px; margin-right:25px; line-height:25px; height:25px; margin-top:2px; text-align:center;}
#sub_navibox ul li a{text-align:center;}
#sub_navibox ul li.selected {background:#484849; border-radius:3px; -webkit-border-radius:3px;}
#sub_navibox ul li.selected a {color:#fff;}

#sub_cont_ttype{color:#555555; line-height:150%; margin-left:10px; font-size:14px; margin-top:30px;}
#submenu {margin-top:20px;}
#submenu li {padding-left:0px; height:32px; border-bottom:#FFF solid 1px; font-size:14px; padding-top:1px; clear:both}
#submenu li A:link  { color:#222;text-decoration:none; } /* 방문전 */
#submenu li A:visited { color:#222;text-decoration:none; } /* 방문후 */
#submenu li A:active { color:#222;text-decoration:none; } /* 마우스클릭시 */
#submenu li A:hover  { color:#222;text-decoration:none; } /* 마우스오버 */
#sub_cont_ul2 {margin-top:8px; margin-left:12px; margin-bottom:15px;}
#sub_cont_ul2 .textred {color:#FF0000; font-weight:bold;}
#sub_cont_ul2 li {background:url(../images/layout/icon_sub_stitle_small.gif) no-repeat 0 11px; margin-left:8px; color:#555555; padding-bottom:7px; font-size:12px; clear:both; line-height: 160%; list-style: disc;}
#vline {height:2px; width:100%; margin-top:20px; padding-bottom:15px; background:url(../images/layout/line.jpg) no-repeat}
.sub_cont_title {font-size:15px; font-weight:bold; padding-bottom:3px; letter-spacing:-1px;}

#footer .copyright {width:980px; height:80px; margin:0 auto; padding-top:20px;}
#footer { 
 width: width:100%;
 clear: both;
 margin: 0 auto;
 border-top:#e6e6e6 1px solid;
}
.f_logobox {width:80px; float:left}
.f_textbox {width:725px; float:right; color:#666; line-height:160%}
.f_copyright {margin-top:3px; color:#999; font-size: 11px;}



/*사이트맵*/

ul.sitemap {width:240px; float:left; height:180px;}
ul.sitemap2 {width:238px; float:left; height:180px; border-left:1px dotted #ddd; border-right:1px dotted #ddd;}
ul.sitemap li, ul.sitemap2 li{text-align:center; padding-bottom:12px}
ul.sitemap li.title, ul.sitemap2 li.title{
	font-size: 15px;
    font-weight: bold;
    padding: 7px 20px;
    margin: 20px auto 15px;
    background: #335383;
    border-radius: 4px;
    width: 100px;
}
ul.sitemap li.title a, ul.sitemap2 li.title a {
    color: #fff;
}