@charset "utf-8";
@font-face{font-family:NG;src:url(../font/NanumGothic.eot);/*src:local(※),url(../font/NanumGothic.woff) format('woff')*/} 

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, a {margin:0;padding:0; font-family:NG,dotum, tahoma,Arial;}

html, body { height: 100%; margin: 0; padding: 0; } 
/*html {scrollbar-face-color: #FFF; scrollbar-shadow-color: #CCC; scrollbar-highlight-color: #CCC; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF;  scrollbar-track-color: #F7F7F7; scrollbar-arrow-color: #B8B8B8;}*/
body {color:#555; font-size:12px; background:#fff;/*overflow-x:hidden;*/ *word-break:break-all; /*-ms-word-break:break-all;*/  }                                                                                                              
table {clear:both; border-collapse:collapse; border-spacing:0;}
table th,table td {font:normal 12px/15px NG tahoma; }
:focus {outline: 0;} 
img, fieldset, iframe {border:0 none;}
ul, ol, li {list-style:none;}
img, input, textarea,select {vertical-align:middle;}
input {height:22px; line-height:22px;.margin-left:1px; border:1px solid #ccc;}
a {text-decoration:none; color:#6c6666; cursor:pointer;}
a:hover {text-decoration:none; color:#525252; }
/*em, address {font-style:normal;}
button, label {cursor:pointer;}
form {padding:0;border:0 none;  font-size:12px;}
select,text,input {font-size:12px; color:#5D6879;}
textarea { color:#999;font-size:12px; border:1px solid #ccc;padding:5px;line-height:18px; word-wrap:break-word!important}
legend {visibility:hidden; height:0; width:0; font-size:0;}
p {line-height:16px;}
select {margin:0 0 0 -1px;}
:root select {margin:0 0 0 -2px;}*/

/* Common Function Style */
.dspNone{display:none;}
.fontLess{font-size:0 !important; line-height:100% !important; }
.cursorHand{cursor:pointer; _cursor /**/:hand;}


/****** main_sub_common ******/
/*** Layout ***/
#wrap { position:relative; width:100%;  margin:0 auto;  padding:0; }

#header_wrap { width:100%; background: url(../images/common/bg_top_utility.gif) repeat-x;}
#header {position:relative; width:952px; height:88px; margin:0 auto;  z-index:999 !important; }
/* logo */
h1.logo {width:159px;  display:block; background:#ccc;}
h1.logo img {margin:32px 0 18px 0; position:absolute; top:4px;} 

/* Utility */
.utility  { position:absolute; right:0px; top:6px;margin:0; padding:0;  }
.utility li {float:left;padding:0 20px; color:#a09a9a; background:url(../images/common/bar_utility.png) no-repeat right 4px;}
.utility li a:hover { color:#333333;}
.utility li.end  { background:none;}

/* gnb */
#gnb {position: absolute;right:0;top:24px;}
/* @group core nav menu */
#nav { margin: 0; padding: 0; list-style: none;}
#nav li { float: left; position: relative;   padding:0 60px; }
#nav li a {color:#272f35;  font: bold 18px NG;line-height: 70px; }
#nav li a:hover, #nav li a.hov { color: #ff6d15; }
/* @group subnav */
#nav ul { position: absolute; left:0;top:64px;display: none; margin: 0; padding:0; list-style: none; background:#000;filter:alpha(opacity=70);}	
#nav ul li { float: left; text-align:left; }
#nav ul li:hover { background:#f88719; }
#nav ul a { display: block; width:68px; height: 18px; line-height:18px;font-size:12px; padding:6px 2px;  color: #fff; font-weight:normal; }
#nav ul.product a { display: block;width:154px; /* width:104px;*/ height: 18px; line-height:18px;font-size:12px; padding: 6px 2px;  color: #fff; font-weight:normal; }
#nav ul.process a { display: block;width:74px; /* width:104px;*/ height: 18px; line-height:18px;font-size:12px; padding: 6px 2px;  color: #fff; font-weight:normal; }
#nav ul a:hover { color: #fff; }
* html #nav ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }



/* main_rolling */
#main_rolling_wrap {  position: relative; width:100%; height:560px; background:url(../images/main/bg_main_visual.gif) repeat-x; }
#wrapper {width:952px; height:560px; margin:0 auto; }
.sliderbutton {float:left; padding:30px 10px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#000;}
#slider {float:left; position:absolute; overflow:auto; width:952px; height:560px; /*background:url(../images/main/bg_main_visual.gif) !important;*/}
#slider ul {position:absolute; list-style:none; top:0; left:0;}
#slider li {float:left;}
#slider li p { position:absolute; top:320px; text-align:right;}
.pagination {float:left; list-style:none; height:25px; margin:240px 0 0 10px;}
.pagination li {float:left; cursor:pointer; padding:0 1px; margin:0 0 0 0; text-align:center; color:#fff; font:18px tahoma, sans-serif;letter-spacing:-1px;filter:alpha(opacity=50);}
.pagination li:hover { color:#FFFFCC; }
li.current { font-weight:bold; font:18px tahoma, sans-serif;filter:alpha(opacity=100);}
li#content {width:952px; height:560px;vertical-align:bottom; }
/* main_rolling */



/* square_contents */
#square_contents {position:absolute; top:110px; margin:0 auto; width:952px;}
#square_contents ul { width:100%; height:202px;}
#square_contents li { float:left;width:238px; height:202px; background:red; }
/*
#square_contents li.contact { float:right;background: #fff url(../images/main/bg_main_contactus.png) no-repeat 140px 72px;}
#square_contents li.contact div {position:relative; top:35px; left:30px;}
#square_contents li.contact div h1,#square_contents li.contact div h2{ font-weight:normal;}
#square_contents li.contact div h1 {font-size:26px; color:#4c4c4c; padding-bottom:17px; }
#square_contents li.contact div h2{font-size:12px; padding:3px 0; }
#square_contents li.contact div h2 span.txt_light_gray { color:#918e8f; }

*/
#square_contents li.contact { float:right; background: #fff url(../images/main/bg_main_contactus.png) no-repeat 171px 83px;}
#square_contents li.contact div {position:relative; top:35px; left:28px;}
#square_contents li.contact div h1,#square_contents li.contact div h2{ font-weight:normal;}
#square_contents li.contact div h1 {font-size:26px; color:#4c4c4c; padding-bottom:17px; }

#square_contents li.contact div h2{font-size:13px; padding:4px 0; color:#918e8f;}
#square_contents li.contact div h2 span{display:inline-block; width:30px; height:20px; color:#aaa;}
#square_contents li.contact div h2 span.txt_light_gray {width:150px; font-size:15px; color:#333; }

#square_contents li.business h1,#square_contents li.business h2{ color:#fff; text-align:center; font-weight:normal;}
#square_contents li.business h1{ font-size:26px; padding:28px 0 10px 0; }
#square_contents li.business h1.small { font-size:24px; letter-spacing:-0.5px;}
#square_contents li.business h2 { position:relative; top:75px; font-size:12px;  margin:0 auto;}
#square_contents li.business h3 { width:12px; height:12px; position:relative; top:75px; left:210px; background:url(../images/main/ico_plus.png) no-repeat ;}
#square_contents li.business_01 { background: #e1b50f url(../images/main/bg_main_business_01.png) no-repeat center 70px;}
#square_contents li.business_02 { background: #ff6d15 url(../images/main/bg_main_business_02.png) no-repeat center 70px;}
#square_contents li.business_03 { background: #49955b url(../images/main/bg_main_business_03.png) no-repeat center 70px;}
#square_contents li.business_04 { background: #385676 url(../images/main/bg_main_business_04.png) no-repeat center 70px;}

/* //square_contents */



/* main_contents */
#main_con_wrap {width:952px; margin:0 auto; margin-top:40px; margin-bottom:60px; }


/* main_con_box */ 
#main_con_box { margin:0 auto;height:150px;}

.left_colum{ width:260px; float:left;padding-right:80px;.padding-right:76px; }
.left_colum h3{ font-size:19px; color:#272f35; padding-bottom:20px; letter-spacing:-0.5px; }
.left_colum h3 img.more { position:relative;right:-186px; top:4px;}
.left_colum li { float:left; height:22px; line-height:22px;font-size:12px;}
.left_colum li.date { width:80px;color:#4f875e;  background:url(../images/common/bullet_main_notice.gif) no-repeat left center; padding-left:10px;}
.left_colum li.overflow { width:160px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.left_colum li.list { width:200px;  }
.left_colum li.new { width:10px; height:9px; padding-top:3px }
.left_colum li a{color:#848484;}
.left_colum li a:hover{ text-decoration:underline; color:#444;}


.middle_colum{ float:left; width:325px; padding:30px 80px 0 0;.padding:35px 86px 0 0; }
.middle_colum div {padding:0 6px;}

.quick_link_main{float:left; width:69px; height:67px;}
.quick_link_main a{display:block; width:69px; padding-top:72px; text-align:center; font-size:15px; font-weight:bold;}
.quick_data a{background:url('../images/main/main_useful_link_01_bg.gif') no-repeat 3px 4px;}
.quick_qa a{background:url('../images/main/main_useful_link_02_bg.gif') no-repeat left top;}
.quick_quotation a{background:url('../images/main/main_useful_link_03_bg.gif') no-repeat left top;}
.quick_location a{background:url('../images/main/main_useful_link_04_bg.gif') no-repeat left top;}
.quick_location a:hover{color:#000;}

/*.quick_link_main { float:left; width:69px; height:67px; background:url(../images/main/quick_link_main.png) no-repeat ; border:1px solid #000;}
.quick_data {background-position:left 0;}
.quick_qa {background-position:left -68px;}
.quick_quotation{background-position:left -135px;}
.quick_location {background-position:left -202px;}
.quick_link_main li{ float:left; position:relative; top:75px; width:69px; }	
.quick_link_main li a {display:block; font-size:15px; font-weight:bold;  }
*/


.right_colum{ float:left; width:207px; .width:205px;height:130px; background:url(../images/main/bg_qr.png) no-repeat left 28px; }
.right_colum div { position:relative; right:-90px; top:24px;font-size:19px; color:#272f35;  letter-spacing:-0.5px;}
.right_colum div h3{font-size:19px; color:#272f35; padding-bottom:8px;  }
.right_colum div p{ font-size:12px; color:#929292; line-height:18px; height:18px;}



/****** only_sub_layout ******/

/* sub_topimg */
#sub_topimg_wrap { position:relative; width:100%;  height:212px; background:url(../images/common/bg_sub_visual.gif) left top repeat-x;}
.sub_topimg  { margin:0 auto;width:952px;height:212px;background:url(../images/common/sub_top_img.png?202605061636) no-repeat ; overflow:hidden; }
	.introduce{background-position:left 0;} 
	.products {background-position:left -213px;} 
	.process {background-position:left -425px;}
	.community {background-position:left -637px;} 

/* sub_contents */

#sub_contents_wrap {  width:952px; margin: 0 auto; }


/**** left_menu ****/
#left_menu,#left_menu_2depth { float:left; width:177px; margin-top:40px; margin-right:67px; }
#left_menu li,#left_menu_2depth li  { display:block;}
#left_menu ul li.title,#left_menu_2depth li.title { border-bottom:2px solid #959394; height:50px; padding-bottom:10px; margin-bottom:6px;}
#left_menu ul li.title span,#left_menu_2depth li.title span{position:relative; top:20px;left:10px;/* left:20px;*/ font: bold 23px NG; letter-spacing:-1px; color:#5f5959; }
#left_menu ul li a,#left_menu_2depth li a  {display:block;padding:9px 0px 8px 16px; /*padding:9px 0px 8px 30px;*/ letter-spacing:-0.5px;.letter-spacing:-1px;line-height:16px; height:16px; background:url(../images/common/bullet_left_menu_1depth.png) no-repeat 8px center/* 20px center*/; color:#7d7d7d; font:bold 13px NG;border-bottom:1px solid #d8d8d8;.margin-bottom:-1px;}
#left_menu_2depth li a.index_title,#left_menu_2depth li a:hover.index_title { background:url(../images/common/bullet_left_menu_index_title.png) no-repeat 14px center; border-bottom:1px solid #b2b2b2;border-top:1px solid #b2b2b2; font:bold 15px NG; color:#5a5a5a;}
#left_menu_2depth li a.index_title_top,#left_menu_2depth li a:hover.index_title_top { background:url(../images/common/bullet_left_menu_index_title.png) no-repeat 14px center; border-bottom:1px solid #b2b2b2;font:bold 15px NG; color:#5a5a5a;}
#left_menu ul li a.on,#left_menu_2depth li a.on {color:#f88719; font:bold 13px NG;background:url(../images/common/bullet_left_menu_1depth_on.png) no-repeat 8px center;/* 20px center;*/}
#left_menu ul li a:hover,#left_menu_2depth li a:hover {color:#f88719;background:url(../images/common/bullet_left_menu_1depth_on.png) no-repeat 8px center;/* 20px center;*/}
#left_menu ul li ul { border-bottom:1px solid #ccc; padding-bottom:6px;}
#left_menu ul li ul li { line-height:20px; height:20px; }
#left_menu ul li ul li a{border-bottom:#fff;display:block; padding:2px 0 2px 26px; border-top:0; line-height:24px; height:24px; background:url(../images/common/bullet_left_menu_2depth.png) no-repeat 18px center;font-size:12px; font-weight:bold;}
#left_menu ul li ul li a:hover{background:url(../images/common/bullet_left_menu_2depth_on.png) no-repeat 18px center;}
#left_menu ul li ul li a.on{color:#f88719;font-size:12px; font-weight:bold;line-height:24px; height:24px;background:url(../images/common/bullet_left_menu_2depth_on.png) no-repeat 18px center;}
/* //left_menu */


/* sub_contents */
#sub_contents { float:left;width:708px;padding-bottom:70px;}
/* Location */
h4.location { float:right; color:#656565; font:normal 12px NG;height:16px; line-height:16px; margin:30px 0 0px 0; background:url(../images/common/bullet_location.png) no-repeat 10px 3px; padding-left:22px;  padding-right:8px;}
h4.location span { color:#b5b5b5; padding:0 4px;}
h4.location a{ color:#656565; }
h4.location a:hover { text-decoration:underline; }
h4.location strong {color:#4F4F4F; font-weight:bold}

/* Title */
.sub_title {clear:both; position:relative; margin-bottom:10px; height:25px; padding:10px 0 18px 0; border-bottom:1px solid #959394 ;}
/* *+html div.title {margin-bottom:3px;} */
.sub_title h3 { float:left; color:#404040; font:bold 23px NG; letter-spacing:-1px;}



/* introduce_title */
.introduce_title {margin:40px 0 40px; border:2px solid #e2e2e2; height:122px; background:#f4f4f4 url(../images/introduce/introduce_title.png) no-repeat; overflow:hidden;}
.title_01 {background-position:left 0;} 
.title_02 {background-position:left -127px;} 
.title_04 {background-position:left -249px;} 
.introduce_title ul.txt_area{ padding:0 0 0 190px; position:relative; right:0; top:35px;}
.introduce_title ul.txt_area li.title { font-size:16px;font-weight:bold; color:#616161; letter-spacing:-0.5px; }
.introduce_title ul.txt_area li.caption { padding:7px 0 0 5px; font:normal 11px NG; color:#a1a1a1; width:96%; line-height:20px;}


/* contents */
.contents{ padding:0 0 40px 0px; }	

/* policy */
.contents h5{ background:url(../images/common/bullet_sub_2depth.gif) no-repeat left 4px; padding-left:14px; } 
.contents h5 span.first_title{font: bold 16px NG; padding-right:4px; color:#666;}
.contents h5 span.second_title{ color:#797979;font:normal 12px NG; padding:0 4px;}
.contents h6 { margin-top:20px;padding:2px 0 15px 30px;background:url(../images/common/bullet_contents_business_title.gif) no-repeat 18px top; font:bold 17px NG; color:#404040;}*/

/* caption */
.contents div.caption { margin:30px 0; width:100%; padding-bottom:180px;  }
.contents div.caption p { font:normal 13px NG ; color:#616161; line-height:23px; display:block; padding:14px 0;  }
.contents div.caption p.list {padding:10px 0 6px 6px;}
.contents div.caption p.greeting_accent {font:bold 14px NG ;line-height:23px; height:23px; margin-top:-10px;  }
.contents div.caption p.greeting {font:normal 13px NG ; line-height:26px; height:26px; display:inline-block; padding:10px 0; }
.contents div.caption p.below_img,.contents div.caption p.below_box  { margin-bottom:20px;}
.contents div.caption h4 { margin:5px 0 10px 0; padding:30px 0 0 20px;background:url(../images/common/bullet_sub_1depth.gif) no-repeat left 34px; font:bold 17px NG ; color:#de3a21;}
.contents div.caption h4 span.descript {font:normal 12px NG;color:#de3a21;}
.contents div.caption h5 {margin:30px 0 0 0;background:url(../images/common/bullet_sub_2depth.gif) no-repeat 6px 3px;  padding-left:18px;color:#de3a21;font:bold 14px NG ;}
.contents div.caption p.below {  font:normal 13px NG ; color:#616161; line-height:20px; height:20px; padding:2px 0;  }
.contents div.caption li img { margin-top:10px;}

.contents div.caption p.accent,.contents div.caption .list_thumnail td span.accent {color:#de3a21;font:normal 12px NG ; padding-top:4px; display:block;line-height:20px; }
.contents div.caption .list_thumnail {margin:0 0 20px 0; table-layout:fixed ;}
.contents div.caption .list_thumnail caption{ color:#fff; display:none; }
.contents div.caption .list_thumnail th { text-align:left; padding:30px 0 10px 10px;}
.contents div.caption .list_thumnail th span.title {background:url(../images/common/bullet_sub_2depth.gif) no-repeat left 3px;  padding-left:10px;color:#de3a21;font:bold 14px NG ;}
.contents div.caption .list_thumnail td {padding:4px 0 10px 10px; color:#656565; font:normal 13px NG; }
.contents div.caption .list_thumnail td .list_basic2 th { text-align:center; padding:6px 0;}
span.phi { font-size:14px;}



/* introduce_history */
.txt_year_arabic {font-weight:bold; color:#e4682c; font-size:16px;}
.txt_year { color:#fd9255;font-size:16px;}
.txt_month_arabic { font-weight:bold; color:#a96b2e; padding-left:8px;}
.txt_month { color:#d9893a;}
.txt_smartsocpe_01 { color:#c4754e;}
.txt_smartsocpe_02 { color:#8f6c42;}
/* /introduce_history */


/* list_basic1 */
.list_basic1 {margin:4px 0 4px 0; table-layout:fixed;  }
.list_basic1 caption{ color:#fff; display:none; }
.list_basic1 th {background:url(../images/common/bullet_list_basic1.gif) no-repeat 6px center; padding-left:14px;border-bottom:1px solid #e4e4e4;color:#a87a4f;  font:bold 13px NG;text-align:left;}
.list_basic1 td {padding:10px 0 10px 14px; color:#656565; font:normal 13px NG; border-bottom:1px solid #e4e4e4;}
.item_bullet {background:url(../images/common/bullet_list_basic1.gif) no-repeat 8px center; }

/* list_basic2 */
.list_basic2 {table-layout:fixed;border-left:1px solid #fff !important;/* ie6 */ margin-bottom:10px;}
.list_basic2 caption{ color:#fff; display:none;}
.list_basic2 th {padding:6px 0;background:#f4f4f4;color:#666464; border-bottom:1px solid #c2c2c2; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2;font-weight:bold; font:bold 13px NG; }
.list_basic2 th.left_title { background:#fffcf9;color:#656565; font-weight:normal; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.list_basic2 td {padding:8px 0; color:#7d7d7d;font:normal 13px NG; text-align:center;border-left:1px solid #ccc; border-bottom:1px solid #ccc;border-top:1px solid #ccc; letter-spacing:0px; }
.list_basic2 td.left { text-align:left; padding:5px 30px;}
.list_basic2 th:first-child,.list_basic2 td:first-child { border-left:0;!important } /* ie8 */ 
.list_basic2 th.left_line { border-left:1px solid #d2b9a3;}
.list_basic2 td.left_line { border-left:1px solid #ccc;}

/* user_guide */
.user_guide td { padding: 4px 18px; vertical-align:top; letter-spacing:-0.5px; }

/* thumnail_box */
.thumnail_box { width:98%; background:#fdfdfc; border:1px solid #e4e4e4; margin:14px 0 18px 0; }
.thumnail_box caption{ display:none;}
.thumnail_box td { vertical-align:top;}
.thumnail_box td.right { padding-top:40px;}
.thumnail_box td.left_pic {padding:20px 20px; }
.thumnail_box td img { width:180px; height:180px; border:1px solid #ccc;}


/* process_box */
.process_box_wrap { width:100%; margin-top:20px;}
.process_box {height:190px; border-bottom:1px solid #e4e4e4;}
.process_box ul.title{ padding:20px 0;}
.process_box ul.title li{ float:left;}
.process_box ul.title li.numberic{ font:bold 20px NG; color: #de3a21; letter-spacing:-1px; padding-right:10px;}
.process_box ul.title li.title { font:bold 18px NG; color:#373737;}
.process_box ul.boxing { width:95%;background:#fcfbfb; border:1px solid #f5ecec; margin-top:20px; margin-left:20px;  height:100px;}
.process_box ul.boxing li { float:left; font:normal 13px NG; }
.process_box ul.boxing li.thum  { width:186px;padding:20px; text-align:center; }
.process_box ul.boxing li.thum img { position:relative; top:-20px;}
.process_box ul.boxing li.des { width:60%; padding:20px 10px 20px 0; line-height:22px; color:#797979; word-wrap:break-word }


/* sitemap */
.sitemap { width:100%;letter-spacing:-0.5px;.letter-spacing:-1px; margin-top:40px; }
.sitemap dl { width:28%; float:left;  margin: 10px 24px 100px 10px;}
.sitemap dt{ padding: 8px 0 8px 14px; border-bottom:1px solid #e4e4e4; font:bold 14px dotum; color:#8f8f8f;}
.sitemap dt a ,.sitemap  dt.menu_below a {font:bold 13px NG; color:#7d7d7d; display:block;}
.sitemap dt a:hover,.sitemap  dd a:hover{ color:#eb452b; font-weight:bold;}
.sitemap dt.title { padding:0 0 10px 20px;font:bold 18px NG; color:#666; border-bottom:1px solid #ccc;}
.sitemap dt.menu_below { font: bold 13px NG; color:#777070}
.sitemap dt.menu_below.none { border-top:0;}
.sitemap dd a{ font: bold 12px NG;color:#aba4a4; display:block; border-bottom:1px solid #e4e4e4; padding:6px 0 6px 20px;}
.sitemap dd a.none { border-bottom:0;}


/* footer */
#footer_wrap { clear:both; width:100%; height:120px; background:#dfe1e2; }
.footer { width:952px; height:50px; margin:0 auto;padding:30px 0;}
.footer li { float:left;line-height:18px; height:18px; color:#8c8c8c; }
.footer li a { font: normal 12px NG; color:#8c8c8c;}
.footer li a:hover {color:#8c8c8c; text-decoration:underline; }
.footer li.right { float:right; padding-right:10px; padding-top:15px;  }
.footer li.right p a {color:#9fa0a0; font-size:11px;}
.footer li.right p a:hover {color:#747474; }
.footer li.right p.top a{ color:#f5624b;}
.footer li.right p.top a:hover{ text-decoration:underline;}