@charset "utf-8";

/**************************** style ****************************/

html , body {height:100%;}

/* button style */
input[type="submit"] {font-size:12px; line-height:14px; text-align:center; color:#fff;}
.btn_area {clear:both; overflow:hidden; text-align:center; vertical-align:middle;}
.btn_area .btn_left {float:left;}
.btn_area .btn_right {float:right;}
.btn_area .popup_title {line-height:30px; color:#28292a;}
.btn_area p {vertical-align:middle;}
.btn_area a {vertical-align:middle; text-align:center; display:inline-block; font-size:12px; line-height:20px; color:#fff !important;}
.btn_area img {vertical-align:middle;}
.btn_stl {vertical-align:middle; text-align:center; display:inline-block; color:#fff !important;}
.btn_blue {padding:3px 20px; background:#0397dd;}
.btn_icon {padding:4px 15px; background:#0397dd;}
.btn_icon span {display:block; padding-left:25px;}
.btn_icon .excel {background:url("/library/images/ico_excel.gif") left 50% no-repeat;}
.btn_icon .print {background:url("/library/images/ico_print.gif") left 50% no-repeat;}
.btn_skyblue {padding:3px 10px; background:#9db1d0;}
.btn_skyblue2 {padding:3px 10px; background:#9dc0d0;}
.btn_gray {padding:3px 20px; border:1px solid #898989; background:url("/library/images/bg_gray.gif") repeat;}
.btn_gray2 {padding:3px 20px; border:1px solid #898989; background:url("/library/images/bg_gray2.gif") repeat;}
.btn_gray3 {padding:3px 20px 4px; background:#a8a8a8;}
a.btn_middle {width:143px; padding:6px 0; font-size:16px !important; line-height:23px;}
.btn_big {width:243px; padding:20px 0; font-size:25px !important; line-height:35px !important;}
.btn_big span {padding-right:75px; background:url("/library/images/bg_arrow.gif") right 50% no-repeat;}
.btn_login {width:120px; padding:13px 0; font-size:22px !important; line-height:30px;}

/* table style */
.required {padding-bottom:10px; text-align:right;}
.tbl_style {width:100%; font-size:13px; color:#28292a; border-top:2px solid #0397dd; background:#fff url("/library/images/bg_table.png") left 2px no-repeat; background-color:#fff;}
.tbl_style thead th {padding:11px 0; text-align:center; background:url("/library/images/bg_bar2.gif") right 46% no-repeat; vertical-align:middle;}
.tbl_style thead td {border:0;}
/*.tbl_style th {padding:15px 0 17px;}*/
.tbl_style th {padding:8px 0; /*font-family:"NanumGothicBold";*/ line-height:22px;}
.tbl_style th.last_child {background:none;}
.tbl_style td {/* padding-top:8px; padding-bottom:8px; */ padding-top:8px; padding-bottom:8px; border-bottom:1px solid #e5e5e5; background:none; color:#666; font-size:12px; line-height:18px;}
.tbl_style a {color:#727272;}
.tbl_style a:hover {color:#009bff; text-decoration:underline;}
.tbl_style a.btn_stl:hover {color:#fff !important; text-decoration:none !important;}
.tbl_style * {vertical-align:middle;}
.tbl_style .border_t {border-top:2px solid #0397dd;}
.tbl_style .border_r {border-right:1px solid #e5e5e5;}
.tbl_style .border_l {border-left:1px solid #e5e5e5 !important;}
.tbl_style .td_class {vertical-align:top; padding-top:10px;}
.tbl_style .last_td {border-right:0;}
.tbl_style .td_p {margin-top:10px; margin-bottom:10px;}
.tbl_style .photo {padding:8px 10px 0 0; border-bottom:0;}
.tbl_style .photo p {width:115px; height:149px; padding:8px 9px; text-align:center; border:1px solid #c5c5c5; background:url("/library/images/bg_photo.png")50% 50% no-repeat;}
.tbl_style .photo img {width:115px; height:149px;}
.tbl_style select {color:#666;}


/* table style */
.tbl_style02 {width:100%; font-size:13px; color:#28292a; border-top:2px solid #0397dd; background:#fff url("/library/images/bg_table.png") left 2px no-repeat; background-color:#fff;}
.tbl_style02 thead th {padding:11px 0; text-align:center; background:url("/library/images/bg_bar2.gif") right 46% no-repeat; vertical-align:middle;}
.tbl_style02 thead td {border:0;}
/*.tbl_style th {padding:15px 0 17px;}*/
.tbl_style02 th {padding:8px 0; /*font-family:"NanumGothicBold";*/ line-height:22px;}
.tbl_style02 th.last_child {background:none;}
.tbl_style02 td {/* padding-top:8px; padding-bottom:8px; */ padding-top:8px; padding-bottom:8px; border-bottom:1px solid #e5e5e5; background:none; color:#666; font-size:12px; line-height:18px;}
.tbl_style02 a {color:#727272;}
.tbl_style02 a:hover {color:#009bff; text-decoration:underline;}
.tbl_style02 a.btn_stl:hover {color:#fff !important; text-decoration:none !important;}
.tbl_style02 * {vertical-align:middle;}
.tbl_style02 .border_t {border-top:2px solid #0397dd;}
.tbl_style02 .border_r {border-right:1px solid #e5e5e5;}
.tbl_style02 .border_l {border-left:1px solid #e5e5e5 !important;}
.tbl_style02 .td_class {vertical-align:top; padding-top:10px;}
.tbl_style02 .last_td {border-right:0;}
.tbl_style02 .td_p {margin-top:10px; margin-bottom:10px;}
.tbl_style02 .photo {padding:8px 10px 0 0; border-bottom:0;}
.tbl_style02 .photo p {width:115px; height:149px; padding:8px 9px; text-align:center; border:1px solid #c5c5c5; background:url("/library/images/bg_photo.png")50% 50% no-repeat;}
.tbl_style02 .photo img {width:115px; height:149px;}
.tbl_style02 select {color:#666;}



.td_center {text-align:center; padding-left:0; padding-right:0;}
.td_title {padding-left:25px; color:#666 !important; text-align:left; line-height:18px;}
.td_title a {display:inline-block;}
.td_title a:hover {color:#009bff !important; text-decoration:underline !important;}
.td_title img {padding-left:2px;}
.td_education a {color:#009bff;}
.tbl_list {text-align:center; color:#28292a;}
/*.tbl_list thead th {text-align:center; background:url("/library/images/bg_bar2.gif") right 50% no-repeat; vertical-align:middle;}*/
.tbl_list .td_cancle a:hover {color:#ff0000; border-bottom:1px solid #ff0000;}
.tbl_list .td_view {padding-top:2px; padding-bottom:2px;}
.tbl_list .td_view p {margin-top:-3px;}
/*.tbl_list td,
.tbl_list .color_g{color:#28292a !important;}*/
.tbl_list td.td_title {color:#666 !important;}

.tbl_view {text-align:left;}
.tbl_view th {text-align:center; vertical-align:middle;}
.tbl_view td {padding-left:25px;/* color:#727272;*/}
.tbl_view tbody th {padding:8px 0; color:#28292a; background:#f6fafc; border-bottom:1px solid #e5e5e5;}
.tbl_view .td_subject {padding:30px 25px;}
.tbl_view .td_title {color:#009bff;}
.tbl_view .blank {height:40px; padding:0; line-height:40px;}
.tbl_view .prev ,
.tbl_view .next {padding-left:30px; text-align:left;}
.tbl_view .prev span {display:inline-block; padding-right:19px; background:url("/library/images/ico_prev.gif") right 50% no-repeat;}
.tbl_view .next span {display:inline-block; padding-right:19px; background:url("/library/images/ico_next.gif") right 50% no-repeat;}
.tbl_view .td_prev a:hover ,
.tbl_view .td_next a:hover {color:#28292a; text-decoration:underline;}

.tbl_join {background:#fff; }
.tbl_join thead th {background:none; border-right:0; font-size:17px; color:#0397dd; }
.tbl_join th {padding-left:20px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f6fafc; font-family:"NanumGothicBold";}
.tbl_join th span {display:inline-block; padding-right:5px;}
.tbl_join td {padding-left:20px; padding-right:20px; font-family:"NanumGothic";}
.tbl_join .btn_blue {padding:4px 15px; margin-left:5px;}
.tbl_join td span {display:inline-block; margin-left:20px; letter-spacing:-1px;}

.tbl_popup {background:#fff; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:left;}
.tbl_popup thead th {padding:8px 0; background:none; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.tbl_popup thead .th_bg ,
.tbl_popup tbody th {padding:8px 0 8px 20px; text-align:left; background:#f6fafc; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.tbl_popup tbody td {padding-left:10px; padding-right:10px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}

.tbl_popup2 thead .th_bg ,
.tbl_popup2 tbody th {padding:8px 0; text-align:center;}
.tbl_popup2 tbody td {text-align:center;}

.tbl_work {background:url("/library/images/bg_work.png") no-repeat;}
.tbl_work th {padding:18px 0 15px 25px; background:url("/library/images/bg_bar2.gif") right 50% no-repeat; text-align:left; vertical-align:middle;}
.tbl_work td {border:0; padding:18px 0 18px 25px;}
.tbl_work td span {display:inline-block; padding-left:20px;}

.tbl_job {padding-bottom:10px; text-align:left; background:url("/library/images/bg_work2.png") no-repeat;}
.tbl_job th,
.tbl_job td {padding-left:25px !important;}
.tbl_job thead th , 
.tbl_job thead td {padding-top:18px !important; padding-bottom:22px !important; text-align:left;}
.tbl_job thead td span {display:inline-block; padding-left:20px;}
.tbl_job tbody th {background:#f6fafc; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tbl_job2 {background:url("/library/images/bg_table.png") left 2px no-repeat;}
.tbl_job2 thead th , 
.tbl_job2 thead td {padding-top:15px !important; padding-bottom:15px !important;}
.tbl_job2 th,
.tbl_job2 td {padding:15px 0 15px 25px !important;}

.tbl_edu {border-left:0; border-right:0;}
.tbl_edu thead th {background:#f6fafc;}
.tbl_edu tbody td {text-align:center; font-size:11px; color:#666;}
.tbl_edu tbody th {text-align:center; padding-left:0; padding-right:0;}

.tbl_product {background:url("/library/images/product/bg_tbl_product.png") no-repeat;}
.tbl_product thead th {padding:5px 0; text-align:center;}
.tbl_product tbody td {padding:2px 0 2px 79px; background:#fff; border-bottom:1px solid #eef1f4; border-left:1px solid #eef1f4;}
.tbl_product .border_r {border-right:1px solid #eef1f4;}

.tbl_receipt {background:#fff url("/library/images/bg_tbl_receipt.png") center 2px no-repeat; border-left:1px solid #bebebe; border-right:1px solid #bebebe;}
.tbl_receipt thead th {padding:10px 0; border-bottom:0;}
.tbl_receipt tbody th {padding-left:0; border-color:#bebebe; text-align:center; background:#f1fafd;}
.tbl_receipt tbody td {padding-left:0; border-color:#bebebe; text-align:center;}
.tbl_receipt .bg_white {background:none;}

/* paging */
.paging {margin-top:20px; font-size:13px; text-align:center; vertical-align:middle; color:#727272;}
.paging span {display:inline-block; padding:0 11px; vertical-align:middle; line-height:20px; color:#0086b1; font-weight:bold;}
.paging img {vertical-align:middle;}
.paging a {display:inline-block; padding:0 11px; vertical-align:middle;}
.paging a:hover {color:#0086b1;}
.paging a.btn_first,
.paging a.btn_next {padding:0; padding-right:4px;}
.paging a.btn_prev ,
.paging a.btn_last {padding:0;}

/* tab */
.tab {width:100%; margin-top:-1px; display:table; border-bottom:1px solid #c4c5c5;}
.tab li {width:20%; float:left; position:relative;}
.tab li > a {padding:4px 0; display:block; text-align:center; letter-spacing:-0.1em; border:1px solid #e5e5e5; border-left:0; background:url("/library/images/bg_tab_gray.gif") left top repeat-x;}
.tab li > a.on {color:#fff; border:1px solid #0075c1; background:url("/library/images/bg_tab_blue.gif") left top repeat-x;}
.tab li.line_left a {border-left:1px solid #e5e5e5;}
.tab li.line_left a.on {border-left:1px solid #0075c1;}
.tab li .tab_sub {width:750px; position:absolute; top:50px; left:0px;}
.tab li .tab_sub a {padding:0 10px; background:url("/library/images/bg_bar.gif") right 50% no-repeat;}
.tab li .tab_sub a.first_child {padding-left:0;}
.tab li .tab_sub a.last_child {background:none;}
.tab li .tab_sub a.sub_on {color:#0397dd;}

.popup_tab {display:table;}
.popup_tab li {width:86px; float:left;}
.popup_tab li a {display:block; padding:2px 0; text-align:center; font-size:13px; color:#24547c; background:url("/library/images/bg_tab_off.gif") no-repeat;}
.popup_tab li a.on {color:#fff; background:url("/library/images/bg_tab_on.gif") no-repeat;}

.width_6 li {width:16.66%;}
.width_4 li {width:24.9% !important;}

/* list */
.big_dot {padding-left:21px; background:url("/library/images/ico_big_dot.png") left 6px no-repeat;}
.dotted > li {padding-left:12px; background:url("/library/images/list_dotted.gif") left 5px no-repeat;}
.dotted > li p {font-size:16px; line-height:24px;}
.dotted2 {padding-left:12px; background:url("/library/images/list_dotted.gif") left center no-repeat;}
.dotted3 > li {padding-left:12px; background:url("/library/images/list_dotted2.gif") left 5px no-repeat;}
.bar > li {padding-left:8px; background:url("/library/images/list_bar.gif") left 7px no-repeat;}
.arrow > li {padding-left:8px; background:url("/library/images/list_arrow.gif") left center no-repeat;}


/* notice */
.notice {padding:18px 18px; background:#f1f9ff; border:1px solid #e6e6e6;}
.notice .dotted {padding-left:12px; background:url("/library/images/list_dotted.gif") left 5px no-repeat;}
.notice strong {display:inline-block; padding-left:10px;}
.notice .bold {font-size:14px;}

/* faq */
.faq {background:#fff; border-top:2px solid #0075c1; border-bottom:1px solid #e5e5e5;}
.faq dt {padding:14px 36px; border-top:1px solid #e5e5e5; background:url("/library/images/txt_q.gif") 36px 17px no-repeat;}
.faq dt.first_child {border-top:0;}
.faq dt a {display:block; padding-left:32px; background:url("/library/images/ico_tab_off.gif") right 50% no-repeat;}
.faq dt a:hover {color:#009bff; text-decoration:underline;}
.faq dt a.on {background:url("/library/images/ico_tab_on.gif") right 50% no-repeat;}
.faq dd {padding:15px 67px; border-top:1px solid #e5e5e5; background:#f6fafc url("/library/images/txt_a.gif") 67px 17px no-repeat; color:#727272; display:none;}
.faq dd.faq_open {display:block;}
.faq dd p {padding-left:33px;}

/* popup */
/* popup ÄÁÅÙÃ÷ °¡¿îµ¥ 
.popup_bg {width:100%; height:100%; position:fixed; top:0; left:0; background:url("/library/images/bg_popup.png") repeat; z-index:999; display:none;}
.popup {width:700px; margin:80px auto 0 -325px; box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); position:absolute; top:0; left:50%; z-index:1000; display:none;}
.popup_add {width:400px; margin:80px auto 0 -180px; box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); background:#fff; position:absolute; top:0; left:50%; z-index:1000; display:none;}
*/
.popup_bg {width:100%; height:100%; position:fixed; top:0; left:0; background:url("/library/images/bg_popup.png") repeat; z-index:999; display:none;}

.popup {width:700px; margin:200px auto 0; box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,.2);}
.popup .popup_top {width:680px; height:45px; padding-left:20px; font-size:18px; line-height:45px; color:#fff; background:url("/library/images/bg_popup.gif") no-repeat; position:relative;}
.popup .popup_top .btn_close {position:absolute; top:15px; right:10px;}
.popup .popup_bottom {width:660px; height:455px;  padding:20px 20px; overflow-y:auto; overflow-x:hidden; font-size:13px; background:#fff;}
.popup .popup_bottom .btn_area a {text-align:right;}
.popup .popup_bottom .dot_bottom {padding-bottom:39px; border-bottom:1px dotted #7f7f7f;}

.popup_add {width:400px; margin:200px auto 0; box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); background:#fff;}
.popup_add .popup_top {width:380px; height:45px; padding-left:20px; font-size:18px; line-height:45px; color:#fff; background:url("/library/images/bg_popup_add.gif") no-repeat; position:relative;}
.popup_add .popup_top .btn_close {position:absolute; top:15px; right:10px;}
.popup_add .popup_bottom {width:380px; padding:15px 10px;}
.popup_add .popup_bottom .line_bottom {padding-bottom:30px; border-bottom:1px solid #d1e3ec;}
.popup_add .bg_gray {padding:11px 0; background:#f3f5f6; color:#28292a; text-align:center;}

.popup_remote {width:470px;}
.popup_remote .popup_top {width:450px; background:url("/library/images/bg_popup_remote.gif") no-repeat;}
.popup_remote .popup_bottom {width:430px; height:300px; padding:50px 20px 33px; background:url("/library/images/bg_popup_remote2.gif") no-repeat;}
.popup_remote .content {font-size:28px; line-height:36px;}
.popup_remote .btn_blue {width:123px; padding:10px 0; font-size:16px; background:url("/library/images/btn_remote_enter.gif") no-repeat;}

/**************************** layout ****************************/

label {display:none;}
label.view {display:inline-block;}
input.no_view {border:0; color:#009bff;}

.color_b {color:#0286e0 !important;}
.color_b2 {color:#0e6cb6 !important;}
.color_b3 {color:#12375d !important;}
.color_black {color:#000 !important;}
.color_black2 {color:#222 !important;}
.color_sky {color:#009bff !important;}
.color_sky2 {color:#0397dd !important;}
.color_sky3 {color:#577892 !important;}
.color_g {color:#727272 !important;}
.color_g2 {color:#6e6e6e !important;}
.color_r {color:#ff0000 !important;}
.color_white {color:#fff !important;}
.line {text-decoration:underline;}
.line2 {border-bottom:1px solid #e5e5e5;}
.line3 {border:1px solid #e6e6e6;}
.line4 {border-top:2px solid #0397dd !important;}
.line_dotted01 {border-bottom:1px dotted #d1d1d1;}

.ls1{letter-spacing:-1px;}

/* header */
#header {width:100%; background:url("/library/images/bg_header.png") left top repeat-x; position:relative; z-index:5; box-shadow:2px 2px 4px 1px rgba(0,0,0,.2); -webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.2); }
.header_in {width:818px; padding:48px 0 25px 182px; margin:0 auto; position:relative;}
h1 {position:absolute; top:40px; left:0;}
.main_gnb {display:table; font-size:16px;}
.main_gnb li {float:left; margin-right:13px; }
.main_gnb li a {padding-left:10px; padding-right:10px; color:#fff; display:block;}
.main_gnb li a.on ,
.main_gnb li a:hover {color:#5be6ff;}
.sub_gnb {width:816px; height:100%; font-size:12px; position:absolute; top:100px; left:182px;}
.sub_gnb li {margin-right:7px;}
.sub_gnb li a {padding:7px 5px; color:#fff; display:block;}
.sub_gnb li a.on ,
.sub_gnb li a:hover {color:#93eeff;}
.solution li {margin-right:0;}

.log {clear:both; overflow:hidden; position:absolute; top:15px; right:0px;}
.log li {height:23px; padding:0 9px; font-size:11px; line-height:23px; background:url("/library/images/bg_header_bar.gif") right 50% no-repeat; float:left;}
.log li.last_child {background:none; padding-right:0;}
.log li a {color:#a1a1a1;}

.search {padding-left:20px; background:url("/library/images/bg_search.gif") no-repeat; position:absolute; top:48px; right:0;}
input.input_search {height:18px; padding:0; border:0;}

/* bg */
.gnb_bg {width:100%; height:89px; background:url("/library/images/bg_gnb_sub.jpg") center top no-repeat; z-index:4; box-shadow:2px 2px 4px 1px rgba(0,0,0,.2); -webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.2); position:absolute; top:14px;}
.bg_section {margin-top:20px; border-top:2px solid #0397dd; background:url("/library/images/bg_section.png") bottom left no-repeat;}

/* main */
#main {width:100%; background:url("/library/images/bg_main.png") 50% top repeat; z-index:-1;}
.rolling_bg {width:100%; height:97px; margin:0 auto; text-align:center; background:url("/library/images/bg_rolling.png") center top no-repeat; position:absolute; left:0; top:421px; z-index:10;}
.main_bg {width:100%; background:url("/library/images/bg_main_in.png") 50% top no-repeat;}
.main_in {width:940px; padding:0 30px 82px; margin:0 auto;}
.btn_more {position:absolute; top:7px; right:0;}
.blue_line {padding-top:8px; line-height:17px; background:url("/library/images/bg_blueline.png") left top no-repeat;}

/* main - rolling */
.main_rolling {width:100%; position:relative;}
.main_rolling ul.slideshow {width:100%; height:415px; margin:0 auto !important; overflow:hidden; z-index:0; background-size:2000px 415px;}
.main_rolling ul.slideshow li ,
.main_rolling ul.slideshow li img {width:100%; height:415px;}
.main_rolling .main_nav {margin-left:200px; position:absolute; bottom:130px; left:50%; z-index:11; clear:both; overflow:hidden;}
.main_rolling .main_nav a {display:block; width:11px; height:11px; margin-right:8px; background:url("/library/images/nav_rolling_off.png") no-repeat; text-indent:-999px; float:left;}
.main_rolling .main_nav a.activeSlide {background:url("/library/images/nav_rolling_on.png") no-repeat;}

/* main - content */
.main_content {padding-top:17px; padding-bottom:24px; background:url("/library/images/bg_main_content.png") center top no-repeat;}
.title_news .first_child {background:url("/library/images/bg_bar2.gif") right 50% repeat-y;}
.title_news a {line-height:21px; color:#686e6f;}
.title_news a.on {color:#092d52;}
.main_news li {padding-left:9px; line-height:24px; vertical-align:middle; background:url("/library/images/ico_main_content.png") left 50% no-repeat; vertical-align:middle;}
.main_news li a {display:inline-block; width:190px; padding-right:5px;}
.main_edu {width:90px;}
.edu_title {height:25px;}
.edu_content {height:75px; position:relative;}
.edu_content p {position:absolute; bottom:0;}

/* main - txt banner */
.main_txtBanner {height:22px; padding:7px 0; background:url("/library/images/bg_txt_banner.png") center top no-repeat;}
.btn_txtBanner {height:21px; position:absolute; top:7px; right:7px; z-index:10; overflow:hidden;}
.txt_pause {width:22px; height:21px; background:url("/library/images/btn_txt_pause.png") 0px 0px no-repeat;}
.txt_rolling {width:842px; height:22px; margin-left:18px;}
.txt_rolling li {padding-bottom:11px; background:none !important;}
.txt_rolling li a {width:802px; padding-left:18px; padding-right:10px; background:url("/library/images/ico_sound.png") left center no-repeat;}

/* main - product banner */
.product_banner {width:634px; position:relative;}
.product_banner ul {width:2500px;}
.product_banner ul li {width:196px !important; padding-right:23px;}
.product_banner ul li img {width:196px; height:108px;}
.bx-prev {width:23px; height:23px; display:block; background:url("/library/images/btn_product_prev.png") no-repeat; position:absolute; left:0; top:83px; z-index:999; text-indent:-100px;}
.bx-next {width:23px; height:23px; display:block; background:url("/library/images/btn_product_next.png") no-repeat; position:absolute; right:0; top:83px; z-index:999; text-indent:-100px;}

/* main - event banner */
.evt_banner {position:relative;}
.evt_banner ul {width:272px; height:170px;}
.evt_banner ul li img {width:272px; height:170px;}
.evt_banner .evt_nav {position:absolute; top:8px; right:0; clear:both; overflow:hidden;}
.evt_banner .evt_nav a {margin-left:6px; display:block; width:9px; height:7px; float:left; background:url("/library/images/btn_event_off.gif") no-repeat; text-indent:-999px;}
.evt_banner .evt_nav a.activeSlide {width:41px; background:url("/library/images/btn_event_on.gif") no-repeat;}

/* content */
#content {width:100%; height:auto; min-height:100%; background:url("/library/images/bg_content.png") left top repeat-x; z-index:-1;}
.content_in {width:1000px; padding-top:103px; margin:0 auto; display:table; background:url("/library/images/bg_content_8.png ") center top no-repeat;}
.lnb {height:auto; min-height:860px; float:left; background:url("/library/images/bg_lnb.png") 170px top no-repeat; position:relative;}
.lnb h2 {color:#006cb6; font-size:34px; line-height:38px;}

.main_lnb {padding-top:23px;}
.main_lnb > li {vertical-align:middle; position:relative;}
.main_lnb > li > a {width:189px; height:34px; padding-left:11px; line-height:35px; display:block; color:#475054; background:url("/library/images/bg_lnb_off.png") left top no-repeat; z-index:0;}
.main_lnb > li:hover > a,
.main_lnb > li > a.on {color:#fff; background:url("/library/images/bg_lnb_on.png") left top no-repeat;}
/*.main_lnb > li > a {width:189px; height:34px; padding-left:11px; line-height:35px; display:block; color:#475054; background:url("/library/images/bg_lnb_off.png") left top no-repeat; z-index:0; position:relative;}
.main_lnb > li:hover > a {color:#fff; background:url("/library/images/bg_lnb_on2.png") left top no-repeat;}
.main_lnb > li > a.on {height:43px; color:#fff; background:url("/library/images/bg_lnb_on.png") left top no-repeat; position:absolute; top:0; left:0;}*/

.main_lnb > li.last_child > a {height:35px;}
.main_lnb > li.last_child > .sub_lnb {width:170px; border-bottom:1px solid #e0e0e0;}

.sub_lnb {border-left:1px solid #e2e2e2;}
.sub_lnb li {width:148px; padding-bottom:7px; padding-left:21px;}
.sub_lnb li.first_child {padding-top:10px;}
.sub_lnb li.last_child {padding-bottom:15px;}
.sub_lnb li a {padding-left:8px; display:block; color:#919191;}
.sub_lnb li a:hover,
.sub_lnb li a.on {color:#006cb6; background:url("/library/images/ico_blut.gif") left 50% no-repeat;}

.article {width:750px; padding:0 0 90px 49px; float:left; position:relative;}
.article .navi {position:absolute; top:0px; right:0px; font-size:11px; color:#777;}
.article .navi span {color:#333;}
.article h3,
.article .title_1 {font-size:32px; line-height:35px; color:#333;}
.article .sub_title {padding-top:6px; padding-bottom:37px; font-size:14px; color:#666;}
.article h4 ,
.article .title2 {font-size:18px; line-height:23px; color:#515151;}

#dipadd{position:relative; clear:both; height:30px;}
.btn_right02 { position:relative; width:100%; padding-top:20px;}
.btn_right02 h4{float:left;}
.btn_right02 img{float:right; padding-bottom:20px; margin-top:-20px;}
/* footer */
#foot {width:100%; height:196px;}
.sitemap {width:100%; background:#999;}
.sitemap_in {width:1000px; padding:11px 0; margin:0 auto; font-size:12px; text-align:left; position:relative;}
.sitemap_in a {display:inline-block; color:#fff;}
.sitemap_in span {display:inline-block; padding:0 9px; background:url("/library/images/bg_bar2.gif") right 50% no-repeat;}
.sitemap_in span.first_child {padding-left:0;}
.sitemap_in span.last_child {background:none;}
.familysite {background:#888; border-color:#7c7c7c; color:#fff; position:absolute; top:9px; right:0;}

.footer {width:100%; background:#d5d5d5;}
.footer_in {width:875px; height:135px; padding-top:17px; padding-left:125px; margin:0 auto; font-size:12px; line-height:18px; text-align:left; color:#777; position:relative;}
.footer_in strong {color:#555;}
.footer_in .btn_area {position:absolute; top:15px; right:0;}
.footer_logo {position:absolute; top:15px; left:0;}


/**************************** css ****************************/

/* join - check */
.condition {height:300px; padding:13px 8px; overflow-y:scroll; border:1px solid #d9d9d9;}
.join_check .btn_area {width:520px; padding-left:127px;}

/* join - form */
.join_form .btn_gray {padding:10px 57px;}
.add_list {width:346px; height:126px; padding:16px 17px 0; border:1px solid #dedede; overflow-y:scroll;}
.add_list a {display:block; padding-bottom:10px;}
.add_list a:hover {color:#009bff; text-decoration:underline;}

/* join - popup */
.popup_zipcode2 .tbl_join td {padding-top:10px; padding-bottom:10px;}
.popup_id .id {border-bottom:1px solid #d1e3ec;}

/* join - company */
.join_com .required {position:absolute; top:211px; right:0;}

/* login */
.login {width:100%; display:table; overflow:hidden; background:url("/library/images/bg_login.png") left top no-repeat; position:relative;}
.login .login_area {width:388px; padding:45px 42px 60px;}
.login .dotted li {background-position:left 8px;}
.login .dotted li label {width:60px;}
.login .btn_login {padding:0; position:absolute; top:97px; left:311px;}
.login .btn_login .btn_big {width:122px; padding:15px 0;}
.login .join_area {padding:205px 0 0 40px;}

/* login - find */
/*
.find_top {width:100%; height:48px; background:url("/library/images/bg_find_top.png") left top no-repeat;}
.find_bottom {padding:0 61px 48px; background:url("/library/images/bg_find_bottom.png") left bottom no-repeat;}
*/
.find_tab {background:url("/library/images/find_tab_off.png") no-repeat;}
.find_tab a {display:inline-block; color:#24547c;}
.find_tab a.on {color:#fff;}
.find {padding:48px 48px 61px 48px; border-top:2px solid #0397dd; background:url("/library/images/bg_section.png") left bottom no-repeat;}
.find .dotted li {color:#000; background-position:left 8px;}
.find .dotted li label {width:60px;}
.find .dotted li.hp label {width:80px;}
.find .radio_find {border-bottom:1px solid #d1e3ec;}

/* login - find ID */
.find_com .dotted li label {width:120px;}
.find_com .find_tab {background:url("/library/images/find_tab_on.png") no-repeat;}
.popup_find .popup_bottom {text-align:center;}

/* login - result ID */
.result_find .dotted li {background-position:left 4px;}

/* login - find PW */
.find_pw .number {width:410px; text-align:center;}
.find_pw .number_in {background:#f3f5f6;}

/* mypage - edu */
.tbl_edu_name .enter {width:100px; display:inline-block;}
.popup_edu .popup_bottom .btn_area a {text-align:center;}

/* mypage - apply */
.popup_apply td {border-right:1px solid #e5e5e5;}

/* mypage - pw */
.pw_confirm .dotted li {background-position:left 8px;}
.pw_confirm .dotted li label {width:60px;}

/* mypage - out */
.out p {font-size:14px; line-height:20px;}
.out p.dotted {padding-left:12px; background:url("/library/images/list_dotted.gif") left 5px no-repeat;}
.out_confirm {text-align:center;}
.out_confirm .color_sky {font-size:18px;}

/* cs - qna */
.btn_write {position:absolute; bottom:87px; right:0;}

/* cs - event */
.event .tbl_style {background:none;}
.event .tbl_style td {padding-top:20px; padding-bottom:20px;}
.event .tbl_style02 {background:none;}
.event .tbl_style02 td {padding-top:10px; padding-bottom:10px;}
.event .evt_img {width:300px; height:100px; background:url("/library/images/bg_event.png") left top no-repeat;}
.event .evt_img img {width:300px; height:100px;}
.d_day {padding:7px 0 5px; padding-left:27px; color:#fff; background:url("/library/images/bg_dday.png") no-repeat;}

/* business - calendar */
.year { background:url("/library/images/bg_bottom_calendar.png") left bottom no-repeat;}
.year_top {height:82px; padding-left:190px; background:url("/library/images/bg_top_calendar.png") no-repeat; position:relative;}
.year_banner {width:100%; height:43px; overflow:hidden; font-size:24px; line-height:29px; color:#28292a; position:absolute; top:0; left:0;}
.year_banner a {position:absolute; top:22px; vertical-align:middle;}
.year_banner ul {width:127px; display:table; padding-top:15px; padding-left:63px;}
.year_banner ul li {float:left;}
.year_banner .btn_prev_year {left:36px;}
.year_banner .btn_next_year {left:163px;}
.year_number a {display:inline-block; width:46px; height:63px; padding-top:20px; text-align:center;}
.year_number a.on {color:#fff; background:url("/library/images/bg_year.png") left top no-repeat;}

.year_bottom {min-height:270px; padding:15px 30px 40px 190px; background:url("/library/images/bg_calendar.png") 30px 50% no-repeat;}
.year_bottom ul li {padding-top:15px; padding-bottom:15px; background-position:left 50%; border-bottom:1px solid #d1e3ec;}
.year_bottom p {padding-top:120px; font-size:16px; line-height:40px;}
.btn_job {display:block; background:url("/library/images/bg_job.png") left top no-repeat;}
.btn_job a {width:161px; height:34px; padding:12px 0; display:block; text-align:center; color:#fff;}
.btn_db {display:block; background:url("/library/images/bg_db.png") left top no-repeat;}
.btn_db a {width:161px; height:43px; padding:10px 0; display:block; text-align:center; color:#fff;}


/* business - introduce */
.object {background:url("/library/images/bg_introduce.png") no-repeat;}
.object .leftBox {padding:23px 108px 26px 20px;}

/* business - job */
.privacy {padding:19px 8px; border:1px solid #d9d9d9;}
.privacy_agree {padding-top:10px; text-align:right;}

/* business - work */
.work {padding-bottom:30px; border-bottom:1px solid #e5e5e5;}

/* business - case study */
.caseStudy .tbl_style {background:#fff;}
.caseStudy .tbl_style td {padding:20px 20px;}
.caseStudy .tbl_style .txt_caseStudy {padding-left:0;}
.bg_caseStudy p {width:150px; height:100px; background:url("/library/images/bg_caseStudy.png") no-repeat;}
.bg_caseStudy p img {width:150px; height:100px;}
.txt_caseStudy a {display:inline-block; width:465px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt_caseStudy span {position:absolute; top:0; right:0;}

/* business - license */
.license dl {background:url("/library/images/bg_license.png") left 30px no-repeat;}
.license dt {width:148px;}
.license dd {width:581px;}
.license .license_class {overflow:hidden; clear:both;}
.license .license_class li {float:left;}

.license_edu {padding:26px 20px; border:1px solid #e6e6e6; background:url("/library/images/bg_license2.png") 41px 58px no-repeat;}
.license_edu h5 {padding-left:22px; background:url("/library/images/ico_arrow2.png") left center no-repeat;}
.license_edu p {padding-top:15px; padding-left:128px;}
.competition {padding:26px 20px; border:1px solid #e6e6e6; background:url("/library/images/img_cam2.png") 19px 84px no-repeat;}
.competition h5 {padding-left:22px; background:url("/library/images/ico_arrow2.png") left center no-repeat;}

/* education - calendar */
.ico {padding-left:13px; line-height:15px; background:url("/library/images/ico_gray.png") left 5px no-repeat; display:inline-block;}
.ico_red {background:url("/library/images/ico_red.png") left 5px no-repeat;}
.ico_yellow {background:url("/library/images/ico_yellow.png") left 5px no-repeat;}
.ico_blue {background:url("/library/images/ico_blue.png") left 5px no-repeat;}
.btn_area a.ico {color:#333 !important;}

.tbl_calendar {background:url("/library/images/bg_table_calendar.png") no-repeat;}
.tbl_calendar thead .title_calendar {font-size:26px; line-height:32px; vertical-align:middle;}
.tbl_calendar thead .title_calendar a {display:inline-block; vertical-align:middle;}
.tbl_calendar thead th {background:none;}
.tbl_calendar td {min-height:90px; height:70px; padding:10px 11px; color:#887c71; text-align:left; vertical-align:top; border-right:1px solid #e5e5e5;}
.tbl_calendar td p {padding-bottom:11px;}
.tbl_calendar td a {font-size:11px; line-height:18px; color:#009bff;}
.tbl_calendar td span {display:inline-block; color:#aaa;}
.tbl_calendar td.sunday {color:#d93c27 !important;}
.tbl_calendar td.saturday {border-right:0; color:#0d64bd !important;}
.tbl_calendar .ico {padding-left:12px;}

/* education - map */
.edu_map {padding:40px 40px 85px;}
.edu_map .btn_area {position:absolute; top:0; right:0;}
.edu_map .icon {padding:4px 0 4px 40px; line-height:20px;}
.edu_map .location {background:url("/library/images/ico_location.png") left center no-repeat;}
.edu_map .phone {background:url("/library/images/ico_phone.png") left center no-repeat;}
.edu_map .fax {background:url("/library/images/ico_fax.png") left center no-repeat;}
.edu_map .bus {background:url("/library/images/ico_bus.png") left center no-repeat;}
.edu_map .subway {background:url("/library/images/ico_subway.png") left center no-repeat;}
.edu_map .mail {background:url("/library/images/ico_mail.png") left center no-repeat;}

/* education - textbook */
.textbook .bg_section {padding:60px 20px 60px 0;}
.textbook .booklist {padding:0 10px 26px 20px; margin-bottom:20px; background:url("/library/images/bg_book_list.png") 50% bottom no-repeat;}
.textbook .booklist li {width:205px; padding:0 10px; font-size:12px;}
.textbook .txt_book {text-align:center; white-space:nowrap; overflow:hidden;}
.textbook .txt_book a {color:#006cb6;}
.textbook .bg_book {width:166px; height:192px; margin:0 auto; text-align:center; background:url("/library/images/bg_book.png") 50% top no-repeat;}
.textbook .bg_book img ,
.textbook .bg_book2 img {width:148px; height:184px;}
.textbook .img_book {width:170px; height:214px; border:1px solid #e0e0e0;}
.textbook .img_book img {width:170px; height:214px;}
.textbook .about_book {padding-bottom:30px; border-bottom:1px dotted #d1d1d1;}
.textbook .content_book {width:408px; min-height:179px; padding:18px 20px; margin-left:30px; border-top:1px solid #e0e0e0; background:#f6fafc;}
.textbook .title_book {color:#0397dd; font-size:21px;}
.textbook .btn_top {padding-left:10px; background:url("/library/images/btn_top.gif") left 50% no-repeat; position:absolute; top:0; right:0;}
.textbook a.btn_buy{width:82px; height:14px; padding:8px 8px; text-align:left; font-size:14px; line-height:16px; background:url("/library/images/btn_buy.png") no-repeat;}
.textbook .account {font-size:16px; color:#444;}
.textbook .account span {padding-right:10px; padding-left:10px; background:url("/library/images/bg_bar.gif") right top repeat-y;}
.textbook .account span.last_child {background:none;}

/* education - lecture */
.lecture_title {padding:13px 10px; background:#f6fafc; border-top:2px solid #0397dd; border-bottom:1px solid #e5e5e5; font-size:15px;}
.main_video {padding-top:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5;}
.sub_video {padding-top:20px;}
.sub_video li {padding-bottom:30px; margin-right:20px;}
.sub_video li p {text-align:center; padding-top:10px;}

.tab_area {position:relative;}
.tab_area .all_menu {width:750px; height:361px; background:url("/library/images/bg_tab_all.png") no-repeat; position:absolute; top:36px; left:0; visibility:hidden;}
.all_menu ol > li {width:117px; padding-left:30px;}

.lecture .tbl_style {background:none;}
.lecture .tbl_style td {padding-top:20px; padding-bottom:20px;}
.lecture .evt_img {width:300px; height:100px; background:url("/library/images/bg_event.png") left top no-repeat;}
.lecture .evt_img img {width:300px; height:30px;}

/* news */
.news_preview {word-break:break-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* news - magazine */
.magazine {height:675px; background:url("/library/images/bg_magazine.png") no-repeat;}
.month {width:72px; text-align:center; position:absolute; top:27px; left:37px;}
.magazine_view {padding-top:87px; padding-right:27px; padding-left:37px; position:relative;}
.magazine_title {background:url("/library/images/bg_magazine_line.png") left bottom repeat-x;}
.magazine_list {padding:58px 30px 0 40px;}
.magazine_list li {width:230px; height:62px; padding:15px 0; vertical-align:middle; background:url("/library/images/bg_magazine_line.png") left bottom repeat-x;}
.img_preview {display:inline-block; zoom:1; *display:inline; width:94px; height:62px; vertical-align:middle; background:url("/library/images/bg_magazine_view.png") no-repeat;}
.img_preview img {width:94px; height:62px;}
.magazine_name {display:inline-block; zoom:1; *display:inline; width:105px; padding-left:25px; vertical-align:middle;}
.magazine_name a {color:#fff;}
.magazine_name a:hover {color:#009bff; border-bottom:1px solid #009bff;}
.sub_preview {width:163px; height:117px; background:url("/library/images/bg_magazine_sub.png") no-repeat;}
.sub_preview img {width:163px; height:117px;}

/* application - form */
.application_com {position:relative;}
.application_com .btn_area {position:absolute; top:2px; right:0;}

/* company - introduce */
.introduce {background:url("/library/images/img_introduce.jpg") no-repeat;}
/* company - ceo */
.ceo_area {height:330px; border-bottom:1px solid #dedede; background:url("/library/images/img_ceo.png") right bottom no-repeat;}
.ceo_area .color_b2 {font-size:30px; line-height:40px;}
.ceo_area .txt_ceo {font-size:24px; line-height:34px; letter-spacing:-1px;}

/* company - recruit */
.recruit {padding-top:62px; margin-top:-11px; background:url("/library/images/bg_recruit.png") right top no-repeat;}

/* company - inquiry */
.inquiry {padding-top:50px; background:url("/library/images/img_company_q.png") right top no-repeat;}

/* company - history */
.history0 {background:url("/library/images/bg_history.png") right top no-repeat;}
.history1 {background:url("/library/images/bg_history2.png") right top no-repeat;}
.history2 {background:url("/library/images/bg_history3.png") right top no-repeat;}
.list_history li {background:url("/library/images/list_history.png") left top no-repeat;}
.list_history li.last_child {background:url("/library/images/list_history2.png") left top no-repeat;}

/* company - organization */
.organization {padding-top:10px; margin-top:-10px; background:url("/library/images/bg_organization.png") right top no-repeat;}

/* general */
.general {width:1000px;}
.private {padding:26px 24px; background:#fff; border:1px solid #e5e5e5;}
/*.popup_email {width:504px; height:386px; padding-top:17px; margin:80px auto 0; background:url("/library/images/bg_email.png") left top no-repeat; box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); position:absolute; top:0; left:50%; z-index:1000;}*/
.popup_email {width:504px; height:386px; padding-top:17px; margin:80px auto 0; background:url("/library/images/bg_email.png") left top no-repeat; box-shadow:0px 0px 15px 4px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 15px 4px rgba(0,0,0,.2);}
.sitemap_list li {width:160px;}
.sitemap_list li p {background:url("/library/images/ico_arrow.png") right 50% no-repeat; border-bottom:2px solid #0397dd;}

/* product */
.btn_total {display:block; background:url("/library/images/bg_down.png") left top no-repeat;}
.btn_total a {width:118px; height:34px; padding:12px 0 0 52px; display:block; color:#fff;}

.product .big_dot {background-position:left 50%;}
.product .dotted > li {margin-bottom:5px; background:url("/library/images/list_dotted3.gif") left 9px no-repeat;}
.product h4 {padding-top:63px;}
.product h5 {width:425px; height:55px; font-size:18px; line-height:26px; color:#222; overflow:hidden;}
.product .img_box {width:319px;}
.product .txt_box {width:340px;}
.product_list li {margin-top:15px;}

.product_title {color:#fff; position:relative;}
.product_txt {width:457px; overflow:hidden;}
.case_study {position:absolute; top:0; right:30px;}
.version {position:absolute; top:48px; right:30px;}
.other_version {width:170px; padding:15px 14px; background:#fff; border:1px solid #005592; position:absolute; top:38px; left:0px; display:none;}
.other_version li {padding-top:11px; padding-bottom:11px;}
.other_version li a {padding-left:25px; display:block; letter-spacing:-1px; background:url("/library/images/ico_pdf.png") left 50% no-repeat;}
.product_content {padding:30px 25px 60px 30px; border-top:1px solid #e0e0e0; background:url("/library/images/bg_product2.png") left bottom no-repeat; /*text-align:justify;*/}
.product_content h6 {background:url("/library/images/bg_bar_product.gif") left top no-repeat;}
.product_content .title {background:url("/library/images/ico_arrow2.png") left 4px no-repeat;}
.product_video {position:absolute; top:0; right:0;}
.spec {background:#fff; border:1px solid #e6e6e6;}

.powermill {background:url("/library/images/product/bg_powermill.png") left top no-repeat;}
.powershape {background:url("/library/images/product/bg_shape.png") left top no-repeat;}
.iqube {background:url("/library/images/product/bg_iqube.png") left top no-repeat;}
.dent_scan {background:url("/library/images/product/bg_dentscan.png") left top no-repeat;}
.hdas {background:url("/library/images/product/bg_hdas.png") left top no-repeat;}
.artcam {background:url("/library/images/product/bg_artcam.png") left top no-repeat;}
.feature {background:url("/library/images/product/bg_feature.png") left top no-repeat;}
.partmaker {background:url("/library/images/product/bg_partmaker.png") left top no-repeat;}
.crispin {background:url("/library/images/product/bg_crispin.png") left top no-repeat;}
.dental {background:url("/library/images/product/bg_dental.png") left top no-repeat;}
.orthotic {background:url("/library/images/product/bg_orthotic.png") left top no-repeat;}
.dfs {background:url("/library/images/product/bg_dfs.png") left top no-repeat;}
.inspect {background:url("/library/images/product/bg_inspect.png") left top no-repeat;}
.solid {background:url("/library/images/product/bg_solid.png") left top no-repeat;}
.cimcore {background:url("/library/images/product/bg_cimcore.png") left top no-repeat;}
.perceptron {background:url("/library/images/product/bg_perceptron.png") left top no-repeat;}
.omv {background:url("/library/images/product/bg_omv.png") left top no-repeat;}
.retrofit {background:url("/library/images/product/bg_retrofit.png") left top no-repeat;}

/* solution */
.solution h4 {background-position:left 50%; line-height:38px !important;}
.solution_content {border-top:2px solid #0286e0; text-align:justify;}
.solution_content .img_box img {width:320px; height:auto;}
.solution_content .content_box {width:400px;}
.solution_content .color_b2 {text-decoration:underline;}
.bg_solution {border-bottom:1px solid #e0edf5; background:url("/library/images/bg_solution.png") no-repeat;}

/* search */
.main_search .btn_area {background:url("/library/images/bg_search.png") no-repeat;}
.main_search #input_mainSearch {border-color:#0397dd;}
.all_search {padding:4px 26px 21px; background:#e8f1f6; clear:both; overflow:hidden;}
.all_search li {padding:17px 0 0; float:left;}
/*.all_search li a {padding:0 25px; background:url("/library/images/bg_bar2.gif") right 50% no-repeat;}*/
.all_search li a {padding:0 5px; background:url("/library/images/bg_bar2.gif") right 50% no-repeat; font-size:11px;}
.all_search li a:hover {color:#009bff; text-decoration:underline;}
.list_search {padding-top:34px;}
.list_search ul {border-top:1px solid #9f9f9f;}
.list_search ul li {padding:20px 15px; border-bottom:1px solid #e5e5e5 ;}