@import url(/css/default.css);

/*body,html {position: relative;}*/
body {width: 100%;  text-align: center;}

.skipNavi{position:absolute; top:-10em; left:0; width:200px;}
.skipNavi a:focus{position:absolute; top:11em; left:0; z-index:100000; display:block; width:50%; color:#000; line-height:30px; font-size:11px; text-indent:15px; letter-spacing:-1px; background:#fff;}


#wrapper {width:100%;text-align: center;background:#0d0d0d url(/images/body_bg.jpg) repeat-x  top;}
#sub_wrapper {width:100%;text-align: center;background:#ffffff url(/images/sub_bg.jpg) repeat-x  top;}


/* header */
.header{position:relative; width:1000px;height:70px;margin:0 auto; text-align:center; border-bottom:0px solid #DFDFDF;z-index:100;}
.header h1{float:left; width:180px; padding-top:30px; text-align:left;}

#util{position:absolute;top:12px;right:0px;}
	#util ol li{float:left;padding-left:10px; background:url(/images/top_mline.gif) no-repeat left 6px; margin-right:7px; }
	#util ol li.first{background:none;}
	#util ol li.none{background:none;padding-left:5px; margin-right:0;}
	#util ol li.last{background:none;padding-left:5px;  margin-right:0;}



/* GNB */
#gnb {float:right;position:relative; width:680px; margin:0 auto;border:0px solid red;margin-top:36px;}
#gnb:after {content:""; display:block; clear:both;} *+html #gnbmenuwrap {display:inline-block;} * html #gnbmenuwrap {display:inline-block;}

ul#gnbmenu {width:680px;height:30px;}
ul#gnbmenu li.menus {float:left;position:relative;width:135px; height:30px;border:0px solid #FFF;margin-top:2px; margin-left:1px;}
ul#gnbmenu li.menus .first {background:none;}

ul#gnbmenu li.menus .menus-title:link {width:135px; height:30px;border:0px solid #FFF;}
ul#gnbmenu li.menus .menus-title:hover {display:inline-block;width:135px; height:30px;background:url(/images/top_menu_onbg.jpg) no-repeat center bottom;}
ul#gnbmenu li.menus .menus-title:active, 
ul#gnbmenu li.menus .menus-title:focus {display:inline-block;width:135px; height:30px;background:url(/images/top_menu_onbg.jpg) no-repeat center bottom;}

ul#gnbmenu li.menus .current.menus-title {display:inline-block;width:135px; height:30px;background:url(/images/top_menu_onbg.jpg) no-repeat center bottom;}
ul#gnbmenu li.menus .current {display:inline-block;width:135px; height:30px;background:url(/images/top_menu_onbg.jpg) no-repeat center bottom;}

ul#gnbmenu li.menus div.layer0 {display:none;width:100%;z-index:1000; background:#292929; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
ul#gnbmenu li.menus div.layer0 ul {}
ul#gnbmenu li.menus div.layer0 li {clear:both; line-height:100%;text-align:left;font-size:11px;color:#FFFFFF;}

ul#gnbmenu li.menus div.layer0 li a:link, 
ul#gnbmenu li.menus div.layer0 li a:visited {display:block;color:#eee;font-weight:normal;padding:9px 8px 7px 8px;}

ul#gnbmenu li.menus div.layer0 li a:hover {
display:block;
font-size:11px;
color:#fff;
font-weight:normal;
background:#d83717;}

ul#gnbmenu li.menus div.layer0 li a:focus, 
ul#gnbmenu li.menus div.layer0 li a:active {
display:block;
font-size:11px;
color:#fff;
font-weight:normal;
background:#d83717;}

ul#gnbmenu li.over a {color:#FFFFFF; background:#d83717;}

/* º¯°æ */
ul#gnbmenu li.menus img.on {display:none;}
ul#gnbmenu li.menus:hover img.on {display:block;}
ul#gnbmenu li.menus:hover img.off {display:none;}
ul#gnbmenu li.menus:hover div.layer0 {
display:block !important;
}

ul#gnbmenu li.menus div.layer0 > ul >  li {position: relative;}
ul#gnbmenu li.menus .depth2 {
	position: absolute;
	top:0;
	left: 100%;
	    width: 135px;
	display:none;
	    background: #292929;
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

ul#gnbmenu li.menus div.layer0 > ul >  li:hover  .depth2 {
display:block;
}



#main { width:100%; margin:0 auto;text-align:center;}


/* Çø®Å·¸®½ºÆ® */
#flickingList {position:relative;overflow:hidden; height:300px;margin:0 auto; width:100%;}
#flickingList .cont {position:relative; overflow:hidden; width:100%; cursor:move;}
#flickingList .layerWrap {overflow:hidden; position:relative; width:25000px; font-size:0; white-space:nowrap; vertical-align:top;}
#flickingList .layer {float:left; width:100%; font-size:12px; }
#flickingList .layer.bg1 {background:url(/images/main_img1_bg.png) no-repeat center top;}
#flickingList .layer.bg2 {background:url(/images/main_img2_bg.png) no-repeat center top;}
#flickingList .layer.bg3 {background:url(/images/main_img3_bg.png) no-repeat center top;}

#flickingList .prevNext {position:absolute;top:130px; left:50%;margin-left:-600px; width:1200px;height:72px;}

#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:0px; width:17px; height:32px; background:url(/images/arrow_left.png) 0 0 no-repeat; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:0px; width:17px; height:32px; background:url(/images/arrow_right.png) 0 0 no-repeat; z-index:10;}

#flickingList .tabWrap {text-align:center; position:absolute; top:270px; left:48.5%; z-index:9999;}
#flickingList .tabWrap li {display:inline; margin:0 2px;}
#flickingList .tabWrap li a {display:inline-block; width:10px; height:10px; background:url(/images/btn_bg.png) no-repeat;}
#flickingList .tabWrap li a.current {width:10px; height:10px; background:url(/images/btn_bg_on.png) no-repeat;}



#main_contents {position:relative; width:970px; min-height:850px; margin:0 auto; padding:45px 0; text-align:left;}

.main_title {position:relative; margin-bottom:15px;}
.cb:after {    content: '';    display: block;     clear: both;}
.pro_search {position:relative; float:left; width:300px;}
.pro_search .btn{position:absolute; right:0; top:5px;}

.download {width:290px; height:150px; margin:0 auto; background:url(/images/download_bg.jpg) left -1px no-repeat;} 
.download .btn{ padding-top:67px; padding-left:10px;}

.ebook {position:absolute; right:0; top:45px;  width:300px;}
.ebook ul li {display:inline-block; padding-right:3px; margin-bottom:6px;}
.ebook ul li:last-child img{width:140px;}

.ebook ul.ebook_list li {    width: 50%; box-sizing: border-box;display:inline-block; padding-right:3px; margin-bottom:6px; float: left;}
.ebook ul.ebook_list li a {display:block;}
.ebook ul.ebook_list li a img {max-width: 100%}
.ebook ul.ebook_list li:last-child img{width:auto;}

.main_pro {clear:both; position:relative; margin-top:30px; width:630px;}
.main_pro ul li {float:left; width:200px; padding-right:15px; padding-bottom:30px;}
.main_pro ul li.last {padding-right:0;}
.main_pro .more {position: absolute;top:10px; right:0px;}

.main_pro_list li a {position:relative; display:block;}
.main_pro_list li a:before {content:''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/images/hover_line.png) no-repeat center / 100% auto; opacity:0;}
.main_pro_list li a:hover:before { opacity:1;}


.main_right {position:absolute; right:0; top:330px; width:300px; }

.vod {position:relative; }
.vod .more {position: absolute;top:10px; right:0px;}

.news {padding-top:22px;text-align:left;}
.news dl {position: relative;}
.news dl dt {padding-bottom:10px;}
.news dl dd ul li {padding:3px; line-height:120%; background:url(/images/icon_arrow.gif) no-repeat left 8px; padding-left:8px;}
.news dl dd ul li a {font-size:12px;width:210px;display:inline-block;}
.news dl dd ul li span {color:#555555;}
.news .more {position: absolute;top:10px; right:0px;}

.exhibition {position: relative; padding-top:18px; text-align:left}
.exhibition ul {background:#474747; padding:10px;}
.exhibition ul li a:link{line-height:120%; color:#fff;}
.exhibition ul li a:hover {color:#1aa4d8;}
.exhibition ul li.date {background:#262626; color:#999; padding:5px; margin-bottom:10px;}
.exhibition .more {position: absolute;top:25px; right:0px;}


.con {clear:both; position:relative; width:100%;}
.con ul li {float:left; padding:40px 25px; width:300px;}



.layout {position: relative;width:1000px;margin: 0px auto; min-height:550px; padding-top:50px;}


/* ¼­ºêÀ̹ÌÁö*/
#sub_img {clear:both; position:relative;overflow:hidden; height:130px;margin:0 auto; width:100%;}
	#sub_img .layer {float:left; width:100%;}
	#sub_img .layer.bg1 {background:url(/images/sub_bg1.jpg) no-repeat center top;}
	#sub_img .layer.bg2 {background:url(/images/sub_bg2.jpg) no-repeat center top;}
	#sub_img .layer.bg3 {background:url(/images/main_img3_bg.png) repeat-x;}
	#sub_img .layer.bg4 {background:url(/images/main_img4_bg.png) repeat-x;}


.layout #cont {width:970px; min-height:520px; margin:0 auto; text-align:left;padding:0 0 50px 0; background:#fff;}
	.layout #cont .nav {position: absolute; top:30px;right:15px; color:#9f9f9f;font-size:11px;background:url(/images/icon_home.gif) no-repeat left 0;padding-left:16px;}
	.layout #cont .nav span {color:#d83717; font-weight:bold;}
	.layout #cont .title {}
	.layout #cont .title h4 {color:#333; font-size:26px;font-weight:bold; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum; letter-spacing:-0.04em;}

	.layout .left {float:left;width:200px;}
	.layout .left h2 {text-align:left; padding-left:10px; padding-bottom:30px; border-bottom:2px solid #e4e4e4;}


#contents {text-align:left; padding-top:30px; width:100%; line-height:150%;}



/*ǪÅÍ*/
#foot {clear:both; position:relative; float:left; width:100%; background:#000; border-top:1px solid #333333;}
	#foot .footer {position:relative; width:1000px;text-align:center;margin:0 auto;}
	#foot .footer .logo {float:left;width:290px;padding:45px 0 10px 0;text-align:left;}
	#foot .footer .copy {float:left;padding:20px 0 20px 0;text-align:left;}


.point_text {font-weight:bold; color:#af364d;}
.big_text {color:#8e5c68; font-size:20px;font-weight:bold; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum; letter-spacing:-0.04em;}
.s_text {font-size:11px;}


.about {width:100%; text-align:left;}

/*ȸ»ç¼Ò°³*/
.com_info {}
.com_info .com_title {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  color:#d83717; font-size:16px; font-weight:bold; margin-bottom:10px; border-bottom:0px dotted #ccc; vertical-align:top; width:230px; line-height:150%;}

.com_info table {width:100%;}
.com_info table td {border-bottom:1px dotted #ccc; line-height:200%; font-size:13px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.com_info table th {border-bottom:1px dotted #ccc; width:140px; text-align:left; background:url(/images/icon_arrow.gif) no-repeat left 10px; padding-left:8px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  font-weight:bold; font-size:13px;}



/*¿À½Ã´Â±æ*/
/*.map {float:left; width:505px; }
.map_info {height:380px;}
.map_info .map_title {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  color:#d83717; font-size:16px; font-weight:bold; margin-bottom:10px;}
.map_info ul li {line-height:180%; font-size:13px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}*/

.map {width:100%; margin:0 auto; padding:20px 0;}
.map_info {}
.map_info .map_title {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  color:#d83717; font-size:18px; font-weight:bold; margin-bottom:10px;}
.map_info ul li {line-height:200%; background:url(/images/icon_arrow.gif) no-repeat left 10px; padding-left:8px; font-size:13px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.map_info ul li .column {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  font-weight:bold; color:#000;}


/*ÅǸ޴º*/
.menu_tab {position:relative; width:100%; min-height:38px; border-bottom:1px solid #dcdcdc;margin-bottom:30px}
.menu_tab ul li {float:left; min-width:150px; background:#c4c7cc; text-align:center; margin-right:2px; margin-bottom:2px;}
.menu_tab a:link, 
.menu_tab a:visited {display:block; font-weight:bold; color:#fff; padding:10px;} 
.menu_tab a:hover, 
.menu_tab a:active, 
.menu_tab a:focus {display:block; background:#3f75bb; font-weight:bold; color:#FFF;}
.menu_tab .on {display:block; background:#3f75bb; font-weight:bold; color:#FFF;}
.menu_tab .on a:link,
.menu_tab .on a:visited {color:#FFF;}


/*Á¦ÈÞȸ»ç*/
.partner {text-align:left;}
.partner dl {margin-top:10px; border-bottom:1px dotted #ccc; height:150px;}
.partner dl dt {margin-left:250px;  margin-bottom:15px; padding-top:10px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  color:#d83717; font-size:16px;  font-weight:bold;}
.partner dl dd ul li {margin-left:250px; padding:3px; line-height:120%; background:url(/images/icon_arrow.gif) no-repeat left 8px; padding-left:8px;}
.partner dl .logo {float:left; }

.st {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  color:#333; font-size:16px; font-weight:bold; margin-bottom:10px; background:url(/images/icon_st.gif) no-repeat left 3px; padding-left:15px;}

/*Àü½ÃȸÁ¤º¸*/
.ex_info {width:100%; text-align:left;}
.ex_info dl {margin-top:10px; border-bottom:1px dotted #ccc; height:150px;}
.ex_info dl dt {margin-left:250px;  margin-bottom:10px; padding-top:10px; font-size:16px;  font-weight:bold; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum; }
.ex_info dl dt a { font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;   color:#d83717; }
.ex_info dl dd ul li {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  margin-left:250px; line-height:200%; background:url(/images/icon_arrow.gif) no-repeat left 10px; padding-left:8px;}
.ex_info dl dd ul li .column {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;  font-weight:bold;}
.ex_info dl .logo {float:left; width:200px; height:140px; border:1px solid #ccc; text-align:center; }
.ex_info dl dt.end {background:url(/images/icon_end.gif) no-repeat left 13px; padding-left:35px; color:#999;}


/*Á¦Ç°µ¿¿µ»ó*/
.customer .vod {width:100%; text-align:center; border-bottom:1px solid #ccc;}
.customer .vod td {padding-bottom:20px; vertical-align:top;}
.customer .vod ul li {line-height:200%; width:302px;display:inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.customer .vod ul li img {border:1px solid #ccc; }
.customer .vod ul li a {font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum; font-size:13px; }


/*°í°´¹®ÀÇ*/
.inquiry {width:100%;}

.board_post{clear:both;width:100%;border-top:1px solid #000;}
.board_post table{width:100%;}
.board_post table caption{display:none;}
.board_post table thead th{text-align:left; padding:8px 10px; border-bottom:1px solid #E6E6E6; text-align:left; font-size:14px; line-height:18px; color:#6A6A6A; font-weight:bold;font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum; background:#F5F5F5;}
.board_post table tbody th{padding-left:20px; color:#6A6A6A; font-weight:bold; text-align:left; font-size:13px; line-height:18px; border-bottom:1px solid #E6E6E6;font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;background:#F5F5F5;}
.board_post table tbody td{padding:8px 10px; border-bottom:1px solid #E6E6E6; text-align:left; font-size:13px; color:#666; line-height:18px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.board_post table tbody td.tit{padding:8px 10px; text-align:left; color:#1998d8;}
.board_postcont{padding:20px 10px 30px 10px; font-size:12px; color:#666; line-height:1.6em; text-align:center;border-bottom:1px solid #E6E6E6;}

/* input */
.inputbox{height:16px; line-height:18px; padding-left:5px;border:1px solid #b7b7b7; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.inputbox_noselect{ height:18px; line-height:18px; padding-left:5px;border:1px solid #b7b7b7;background:#D7D7D7;font-family:Arial, "µ¸¿ò", Sans-serif;}
.inputFile{height:18px; line-height:18px; font-size:9pt;color:#666666;text-decoration:none;background:#FFF;border-bottom:1px solid #C6C6C6;border-right:1px solid #C6C6C6;border-left:1px solid #C6C6C6;border-top:1px solid #C6C6C6}
.textarea{ width:98%; border:1px solid #b7b7b7;font-family:Arial, "µ¸¿ò", Sans-serif; padding:5px;}
.select { border:1px solid #b7b7b7; vertical-align:middle; padding:2px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.checkbox {vertical-align:middle; margin:0 5px 2px 0; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.radio{padding-top:8px;border:0px solid red;}
.radiotxt{margin-bottom:20px;border:0px solid red;}


/*boardList*/
.board_list{clear:both;width:100%;border-top:1px solid #000;}
.board_list table{width:100%;}
.board_list table caption{display:none;}
.board_list table thead th{text-align:center; padding:8px 10px; border-bottom:1px solid #E6E6E6; font-size:13px; line-height:18px; color:#6A6A6A; font-weight:bold;font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum; background:#F5F5F5;}
.board_list table tbody td{padding:8px 10px; border-bottom:1px solid #E6E6E6; text-align:center; font-size:13px; color:#666; line-height:18px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.board_list table tbody td.td_left {text-align:left; padding-left:20px;}


/*boardView*/
.board_view{clear:both;width:100%;border-top:1px solid #000;}
.board_view table{width:100%;}
.board_view table caption{display:none;}
.board_view table tbody th{padding-left:20px; color:#6A6A6A; font-weight:bold; text-align:left; font-size:13px; line-height:18px; border-bottom:1px solid #E6E6E6;  border-right:1px solid #E6E6E6; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;background:#F5F5F5;}
.board_view table tbody td{padding:8px 10px; border-bottom:1px solid #E6E6E6; text-align:center; font-size:13px; color:#666; line-height:18px; font-family:'Nanum Gothic',"NanumGothicWeb", "µ¸¿ò", dotum;}
.board_view table tbody td.td_left {text-align:left; padding-left:20px;}


/*Å×ÀÌºí¼³Á¤*/
.cell_1 {border-top:3px solid #B2B2B2; }
.cell_1 th{width:100px; text-align:center; color:#af364d; font-weight:bold; padding:7px 0; font-size:11px;border-right:1px solid #F5F5F5;border-bottom:1px solid #ccc; background:#fbf4f4}
.cell_1 td{border-bottom:1px solid #e5e5e5; font-size:11px; border-left:1px solid #e5e5e5; border-right:1px solid #F5F5F5; padding:6px 0px 6px 10px; text-align:left;line-height:150%;background:#fff}
.cell_1 td.center{text-align:center;}


/*ȸ¿øÅ×À̺í*/
.cell_2 {border-top:2px solid #dbadad; }
.cell_2 th{width:100px; text-align:left; color:#575757; font-weight:bold; padding:7px 0; font-size:11px;border-right:1px solid #F5F5F5;border-bottom:1px solid #ccc; padding-left:10px; background:#fbf4f4}
.cell_2 td{border-bottom:1px solid #e5e5e5; font-size:11px; border-left:1px solid #e5e5e5; padding:7px 0px 7px 10px; text-align:left;line-height:150%;background:#fff}
.cell_2 td.center{text-align:center;}


.input { 
	border:1px; 
	border-color:#DFDFDF; 
	border-style:solid; 
	background-color:#F4F4F4 ;
	FONT-SIZE: 11px; 
	COLOR: #6D6D6D; 
	FONT-FAMILY: tahoma, Dotum, AppleGothic, sans-serif;
	LETTER-SPACING: -0.5px; 
		scrollbar-face-color : #EAEAEA;
	scrollbar-arrow-color : #8D8D8D;
	scrollbar-highlight-color : #EAEAEA;
	scrollbar-shadow-color : #CCCCCC;
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #CCCCCC;
	scrollbar-track-color : #EAEAEA;

}

.box {Background-color:#FFFFFF; Border:1px solid #ccc; padding:1px 4px; font-size:9pt;}





/*»çÀÌÆ®¸Ê*/
.sitemap {width:100%; float:left;}

.sitemap dl {float:left; width:180px; margin-right:12px; padding-bottom:50px;}	

.sitemap dl dt {font-weight:bold; font-size:15px; font-family:"NanumGothicWeb", "µ¸¿ò", dotum, sans-serif; letter-spacing:-0.04em; color:#650017; padding:10px; border:1px solid #caacb3;background:#f6edef; padding-bottom:10px; margin-bottom:10px;}
.sitemap dl dd {clear:both;}
.sitemap dl dd li {border-bottom:1px dotted #ccc;padding:8px 0;padding-left:5px;}