feuc-kr;

* {margin:0; padding:0;}
html, body {width:100%; height:100%; margin:0 auto; background-color:#fff; font-family:'³ª´®°íµñ',nanumgothic,'µ¸¿ò',dotum,AppleGothic;font-size:12px; font-size:12px; color:#575757; letter-spacing:0px; line-height:200%;}
img, fieldset {border:0px;}
legend {visibility:hidden; height:0px; width:0px; line-height:0; font-size:0px;}
table {border-collapse:collapse;}
table,td { border:1px solid #ccc;}
select {font-family:'³ª´®°íµñ',nanumgothic,'µ¸¿ò',dotum,AppleGothic; font-size:12px; vertical-align:middle;} 
ul, ol {list-style-type:none;}
dt, dd, h1 ,h2, h4 {padding:0px; margin:0px;}
hr {display: none;}

a, a:link, a:visited, a:active {font-size:inherit; color:inherit; text-decoration:none; color:#333;}
a:hover {text-decoration:none;}


/* layout */
#wrap { width:100%; height:100%; background:url(../img/main/bg.jpg) repeat-x;}

#header { width:1200px; height:156px; margin:0 auto;}
#container {width:1200px; height:552px; margin:0 auto;}

#footer { width:100%; height: 150px; border-top: 1px solid #d9d9d9; padding-top: 30px; background-color: #ededed; clear: both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.logo { width:260px; padding-left:100px; float:left;}
.menu {width:640px; float:left;}
.m_menu { height:109px;}
.m_box { width:100px; height:109px; border-left:1px solid #eee; text-align:center; float:left; }
.m_box_cus { width:100px; height:109px; border-left:1px solid #eee; border-right:1px solid #eee; text-align:center; float:left; }
.m_text {font-weight:bold; color:#333; font-size:15px; padding-top:80px; width:100px; height:19px; }

.s_menu {width:640px;  height:47px;}
.s_menu_company { padding-left:23px; padding-top:10px;}
.smc_text { font-size:13px; margin-right:10px; float:left;}
.smc_text_r {font-size:13px; float:left;}

.s_menu_product { padding-left:125px; padding-top:10px;}
.s_menu_data { padding-left:232px; padding-top:10px;}
.s_menu_custo { padding-left:328px; padding-top:10px;}




.top_menu {width:200px; float:left; font-size:11px; color:#999; padding-top:86px;}

.m_con { width:1080px; height:212px; margin:0 auto;}
.m_con_box { width:271px; margin-left:38px; margin-right:38px; margin-top:47px; float:left; }
.m_con_box_title { float:left; width:253px; height:17px; font-size:15px; font-weight:bold; color:#333;}
.m_con_box_more {float:left; width:17px;}
.m_con_box_text {float:left; width:170px; margin-top:15px; color:#888;}
.m_con_box_icon {float:left; width:88px;}
.m_con_box_news {float:left; width:270px; margin-top:15px; }
.m_con_box_news_text {color:#888; height:17px;}

.footer_logo { float: left; width: 104px; padding-right: 35px; }
.footer_text { float: left; width: 530px; color: #999; font-size: 11px; }


/* company */

#sub_wrap { width:100%; height:100%; background:url(../img/company/bg.gif) repeat-x;}
#sub_container {width:1000px; margin:0 auto;}

.sub_con { width:1000px;  margin-top:47px;
	height: 401px;
}
.lnb { width:283px; float:left;}
.lnb_title { color:#000; font-size:22px; font-weight:bold; height:58px;}
.lnb_text_over { height:28px; font-size:15px; color:#ed1c24; font-weight:bold; background:url(../img/company/lnb_over.gif) no-repeat; padding-left:20px; width:263px;}
.lnb_text { height:28px; font-size:15px; color:#333; font-weight:bold;}

.contents { width:717px; float:left; margin-bottom:100px;}
.con_top {width:717px; height:58px;}
.con_top_text {width:470px; float:left;}
.con_title { font-size:26px; font-weight:bold; color:#333; height:40px;}
.con_menu {width:247px;float:left; padding-top:10px; text-align:right; height:48px; color:#999; font-size:11px;}

.con_body { width:717px; margin-top:60px;}

.com_info {margin-top:40px; border-top:2px solid #000; border-bottom:1px solid #d7d7d7; height:35px;}
.com_info_line {border-bottom:1px solid #d7d7d7; height:35px;}
.ci_title { color:#a75c5f; font-weight:bold; float:left; width:125px; padding-top:7px;}
.ci_text {color:#a48384; font-weight:bold; float:left; width:233px; padding-top:7px;}
.ci_title_t { color:#a75c5f; font-weight:bold; float:left; width:125px; padding-top:7px;}
.ci_text_t {color:#a48384; font-weight:bold; float:left; width:592px; padding-top:7px;}

.com_tbox { width:717px; margin-top:60px;}
.ci_top {color:#333; margin-bottom:10px; font-weight:bold; font-size:14px;}
.ci_one { background:url(../img/company/one.gif) no-repeat; height:127px; margin-bottom:20px; margin-top:10px;}
.ci_one_peo { color:#FFF; font-weight:bold; width:120px; float:left; padding-top:50px; text-align:center; font-size:15px;}
.ci_one_ex { color:#FFF; font-weight:bold; width:100px; float:left; padding-top:50px; text-align:center; font-size:15px;}
.ci_one_ch { color:#FFF; font-weight:bold; width:120px; float:left; padding-top:50px; text-align:center; font-size:15px;}


/* faq */

.faq_info { margin-top:40px; width:600px; border-top:2px solid #000; border-bottom:1px solid #d7d7d7; height:100px;}
.faq_title_01 { color:#a75c5f; font-weight:bold; float:left; width:100px; padding-top:12px; text-align:center;}
.faq_text_01 {color:#a48384; font-weight:bold; float:left; width:230px; padding-top:12px;}
.faq_title_02 { color:#a75c5f; font-weight:bold; float:left; width:100px; padding-top:12px; text-align:center;}
.faq_text_02 {color:#a48384; font-weight:bold; float:left; width:170px; padding-top:12px;}


/* data */


.n_top {border-top:2px solid #333; width:717px; height:35px; border-bottom:1px solid #333;}
.n_top_num { float:left; width:80px; text-align:center; padding-top:6px; font-weight:bold;}
.n_top_gu {float:left; width:80px; text-align:center; padding-top:6px; font-weight:bold;}
.n_top_title {float:left; width:477px; text-align:center; padding-top:6px; font-weight:bold;}
.n_top_down {text-align:center; font-weight:bold;}

.n_line_box {border-bottom:1px solid #d7d7d7; height:33px; width:717px;}
.n_line_num { float:left; width:80px; text-align:center; padding-top:6px;}
.n_line_gu {float:left; width:80px; text-align:center; padding-top:6px; }
.n_line_title {float:left; width:477px; text-align:center; padding-top:6px;}
.n_line_down {text-align:center; font-weight:bold;}

.n_list {width:717px; height:30px; text-align:right; margin-top:20px;}
.n_search {width:717px; height:30px; text-align:right; margin-bottom:10px; }
.n_sel { width:180px; border:1px solid #CCC; height:18px;}
.n_sel_box {width:180px; float:left;}
.n_sel_btn {width:35px; float:left; margin-left:5px;}

.nw_box {width:717px; height:30px; margin-bottom:10px;}
.nw_title {width:160px; float:left; margin-right:5px; font-weight:bold; color:#333; padding-top:5px; background:#eee; padding-left:20px;}
.nw_text {width:530px; float:left;  padding-top:5px;}
.nw_text_file {width:250px; float:left;  padding-top:5px;}
.nw_sel { border:1px solid #CCC; height:18px;}
.nw_sel_btn {width:275px; float:left; padding-left:5px; padding-top:5px; }
.nw_btn {width:717px; height:30px; margin-top:20px; text-align:right;}

.lo_box { width:351px; height:54px;}

.lo_text_box {width:280px; height:54px; float:left;}
.lo_btn {width:71px; height:54px; float:left; }

.lo_text {width:280px; height:20px; margin-bottom:10px;}
.lo_title {width:80px; height:20px; float:left; font-weight:bold; color:#333;}
.lo_sel {width:200px; height:20px; float:left;}
.lo_btn_reset {width:351px; margin-top:15px; text-align:right;}




/* faq */

.faq_box {width:717px; height:32px; margin-bottom:10px;}
.faq_q {width:32px; height:28px; float:left; font-weight:bold; font-size:14px; color:#FFF; background:#F33; text-align:center; padding-top:4px;}
.faq_a {width:32px; height:28px; float:left; font-weight:bold; font-size:14px; color:#FFF; background:#333; text-align:center; padding-top:4px;}
.faq_w_q{font-weight:bold; font-size:14px; color:#FFF; background:#F33; text-align:center; padding-top:4px;}
.faq_w_a{ font-weight:bold; font-size:14px; color:#FFF; background:#333; text-align:center; padding-top:4px;}
.faq_answer {width:665px; float:left; margin-left:20px; padding-top:4px; border-bottom:1px solid #d7d7d7; height:32px; cursor:pointer;}
.faq_a_answer {width:665px; float:left; margin-left:20px; padding-top:4px;  margin-bottom:20px; background:#eee; min-height:80px;}


/* company */

.sub_info { width:1000px; height:700px; margin-top:47px;}

.cth_box {width:717px; height:267px; background:url(../img/company/com_03.gif) no-repeat; margin-top:60px; }
.cth_box_one { width:229px; margin-right:13px; float:left;}
.cth_box_title {color:#FFF; font-weight:bold; height:80px; text-align:center; font-size:14px; padding-top:10px;}
.cth_box_text {height:187px; padding-left:10px;}

.cth_box_two { width:229px; float:left;}


.his_top {background:url(../img/company/com_04_2013.gif) no-repeat;  width:715px; height:67px;}
.his_year { color:#FFF; font-size:28px; letter-spacing:-4px; padding-left:4px; padding-top:23px; font-style:italic;}
.his_box { padding-left:130px; width:570px; float:left;}
.his_bold { font-weight:bold; color:#333; float:left; margin-right:20px;}
.his_text { width:520px; float:right;}


.his_top_2022 {
	float: left;
	background: url(../img/company/com_04_2022.gif) no-repeat;
	width: 715px;
	height: 67px;
}
.his_top_2021 {
	float: left;
	background: url(../img/company/com_04_2021.gif) no-repeat;
	width: 715px;
	height: 67px;
}
.his_top_2020 {float:left; background:url(../img/company/com_04_2020.gif) no-repeat;  width:715px; height:67px; }
.his_top_2019 {float:left; background:url(../img/company/com_04_2019.gif) no-repeat;  width:715px; height:67px; }
.his_top_2018 {float:left; background:url(../img/company/com_04_2018.gif) no-repeat;  width:715px; height:67px; }
.his_top_2017 {float:left; background:url(../img/company/com_04_2017.gif) no-repeat;  width:715px; height:67px; }
.his_top_2016 {float:left; background:url(../img/company/com_04_2016.gif) no-repeat;  width:715px; height:67px; }

.his_top_2015 {float:left; background:url(../img/company/com_04_2015.gif) no-repeat;  width:715px; height:67px; }
.his_top_2014 {float:left; background:url(../img/company/com_04_2014.gif) no-repeat;  width:715px; height:67px; }

.his_top_2013 {float:left; background:url(../img/company/com_04_2013.gif) no-repeat;  width:715px; height:67px; }
.his_top_2013_box { height:270px;}

.his_top_2012 {float:left; background:url(../img/company/com_04_2012.gif) no-repeat;  width:715px; height:67px; }

.his_top_2011 {float:left; background:url(../img/company/com_04_2011.gif) no-repeat;  width:715px; height:67px; }


.sub_history { width:1000px; height:800px; margin-top:47px;}

.partner {width:717; height:76px; }
.partner_left { width:174; height:70px; margin-right:5px; float:left;}
.partner_last {width:174; height:70px; float:left;}


.re_big {color:#333; font-weight:bold; font-size:14px;}

.re_top_title {height:35px; width:717px; border-bottom:1px solid #d9d9d9; border-top:2px solid #333; margin-top:40px;}
.re_top_one {height:30px; width:117px; border-right:1px solid #d9d9d9; text-align:center; float:left; font-weight:bold; padding-top:5px;}
.re_top_two {height:30px; width:299px; border-right:1px solid #d9d9d9; text-align:center; float:left;font-weight:bold;padding-top:5px;}
.re_top_thr {height:30px; width:299px; text-align:center; float:left;font-weight:bold;padding-top:5px;}

.re_text_title {height:110px; width:717px; border-bottom:1px solid #d9d9d9;}
.re_text_one {height:105px; width:117px; border-right:1px solid #d9d9d9; text-align:center; float:left; font-weight:bold; padding-top:5px; color:#aa8b8c;}
.re_text_two {height:105px; width:294px; border-right:1px solid #d9d9d9; float:left; font-weight:bold; padding-top:5px; padding-left:5px; color:#aa8b8c;}
.re_text_thr {height:105px; width:294px; float:left; font-weight:bold; padding-top:5px; padding-left:5px; color:#aa8b8c;}

.sub_re { width:1000px; height:850px; margin-top:47px;}

.jo_img {width:717px; height:378px; background:url(../img/company/jo.gif) no-repeat;}
.jo_ceo {width:717px; height:30px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; padding-top:3px;}
.jo_top_box {width:717px; height:180px; margin-top:88px;}
.jo_one {width:166px; height:180px; float:left; margin-right:17px;}
.jo_two {width:166px; height:180px; float:left; }
.jo_title {width:166px; height:30px; text-align:center; color:#FFF; font-weight:bold; margin-bottom:30px; }
.jo_text { width:156px; padding-left:10px;}

.loca_box {width:717px; height:536px;}
.loca_text {width:292px; float:left; margin-right:30px;}
.loca_img {width:395px; float:left;}
.loca_bold { font-size:14px; color:#333; font-weight:bold;}




/* product */

.sol_img { background:url(../img/product/solution.gif) no-repeat; width:717px; height:466px; margin-top:30px;}

.sol_blue { color:#3b95c6; font-size:15px; font-weight:bold;}
.sol_s_white { color:#fff; font-size:14px; font-weight:bold; line-height:100%;}
.sol_b_white { color:#fff; font-size:20px; font-weight:bold; margin-top:10px;}

.sol_one { width:307px; height:61px; padding-left:407px;}
.sol_two { width:387px; height:280px; padding-left:330px;}
.sol_thr { width:717px; height:80px;}
.sol_fou { width:717px; height:60px; }

.sol_thr_one { width:100px; float:left; padding-left:160px;}
.sol_thr_two { width:220px; float:left; padding-left:210px;}

.sol_fou_one { width:557px; float:left; color:#3b95c6; font-size:15px; font-weight:bold;}
.sol_fou_two { width:160px; float:left; color:#3b95c6; font-size:15px; font-weight:bold;}

.sol_red { color:#ed1c24; font-size:20px; font-weight:bold; text-align:center; margin-top:40px;}


.lnb_sm_over {height:28px; font-size:13px; color:#ed1c24; font-weight:bold; padding-left:40px; width:243px;}
.lnb_sm {height:28px; font-size:13px; font-weight:bold; padding-left:40px; width:243px;}

.tap_box { width:717px; height:35px; margin-bottom:50px;}
.tap_text_over {float:left; width:180px; height:30px; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; text-align:center;padding-top:5px; font-weight:bold; font-size:14px;}
.tap_text { float:left; width:180px; height:30px; background:#c3c3c3; font-size:14px; color:#fff; font-weight:bold; text-align:center; padding-top:6px;}
.tap_line {float:left; width:354px; height:35px; border-bottom:1px solid #c3c3c3;}

.an_img { background:url(../img/product/pro02.gif) no-repeat; width:717px; height:422px; margin-top:60px;}
.an_one { float:left; width:217px; height:26px; margin-right:33px; text-align:center;}
.an_two { float:left; width:217px; height:26px; text-align:center;}

.an_top { width:717px; height:26px;}
.an_bot { width:717px; height:26px; margin-top:372px;}

.an_bold {color:#333; font-weight:bold;}

.an_po {width:717px; height:249px; margin-top:60px;}
.an_po_box { float:left; width:433px;}
.an_po_img { float:left; width:234px; margin-left:50px;}

.an_ven {float:left; width:132px; height:25px; text-align:center; font-weight:bold; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.an_pro {float:left; width:300px; height:25px; text-align:center; font-weight:bold; border-bottom:1px solid #CCC;}


.an_ven_logo {float:left; width:132px; height:58px; text-align:center; font-weight:bold; border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-top:15px;}
.an_pro_text {float:left; width:290px; height:73px; border-bottom:1px solid #CCC; padding-left:10px;}

.si_img { background:url(../img/product/pro03.gif) no-repeat; width:717px; height:297px; margin-top:60px;}
.si_one { width:319px; float:left; margin-right:44px; padding-top:270px; color:#FFF; font-weight:bold; padding-left:20px;}
.si_two {width:309px; float:left; padding-top:270px; color:#FFF; font-weight:bold; padding-left:20px;}



.j_tap_box { width:717px; height:35px; margin-bottom:50px;}
.j_tap_text_over {float:left; width:140px; height:30px; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; text-align:center;padding-top:5px; font-weight:bold; font-size:14px; margin-right:1px;}
.j_tap_text { float:left; width:140px; height:30px; background:#c3c3c3; font-size:14px; color:#fff; font-weight:bold; text-align:center; padding-top:6px;margin-right:1px;}


.jpk_box {width:717px; margin-top:40px;}
.jpk_left { width:260px; margin-right:20px; border-top:2px solid #ccc; float:left;}
.jpk_right {width:430px; border-top:2px solid #ef3239; float:left;}

.jpk_l_top { height:35px;padding-top:10px;}
.jpk_l_red { background:#ef3239; color:#FFF; font-weight:bold; padding-left:10px; padding-bottom:10px; padding-top:10px;}

.jpk_r_top {height:35px; padding-top:10px; color:#ef3239; font-weight:bold;} 
.jpk_r_bot {}

.jpk_fiv {width:717px; margin-top:40px;}
.jpk_top_one { float:left; background:#ef3239; width:100px; border-right:1px solid #fff; color:#FFF; font-weight:bold; text-align:center;}
.jpk_top_two {float:left; background:#ef3239; width:122px; border-right:1px solid #fff; color:#FFF; font-weight:bold; text-align:center;}
.jpk_top_thr {float:left; background:#ef3239; width:122px; color:#FFF; font-weight:bold; text-align:center;}

.jpk_fiv_bot {width:717px; height:250px;}
.jpk_top_one_bot { float:left;  width:100px; border-right:1px solid #ccc; color:#ef3239; font-weight:bold; text-align:center; padding-top:10px; height:250px;}
.jpk_top_two_bot {float:left; width:117px; border-right:1px solid #ccc; padding-left:5px;padding-top:10px;height:250px; vertical-align:top;}
.jpk_top_thr_bot {float:left;  width:101px; padding-left:5px; padding-top:10px; height:250px;}

.jpk_fiv_img {width:717px; height:30px;}
.jpk_top_one_img { float:left;  width:100px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#ef3239; font-weight:bold; text-align:center; padding-top:10px; height:50px;}
.jpk_top_two_img {float:left; width:122px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:10px; height:50px; text-align:center; vertical-align:middle; }
.jpk_top_thr_img {float:left;  width:106px;  border-top:1px solid #ccc; padding-top:10px; border-bottom:1px solid #ccc; height:50px; text-align:center; }

.jpk_icon {width:717px; height:50px; padding-top:70px; margin-top:15px; text-align:right; color:#999;}
.jpk_icon img { margin-left:10px; }


.bu_img {width:717px; height:375px; background:url(../img/product/pro_05.gif) no-repeat; margin-top:60px;}
.bu_left { width:165px; height:375px; float:left;}
.bu_right {width:552px; height:375px; float:left;}

.bu_left_tel {width:60px; height:25px; padding-left:105px; margin-top:42px;}
.bu_left_web {width:60px; height:25px; padding-left:105px; margin-top:70px;}
.bu_left_email {width:60px; height:25px; padding-left:105px; margin-top:5px;}
.bu_left_so {width:60px; height:25px; padding-left:105px; margin-top:3px;}
.bu_left_chat {width:60px; height:25px; padding-left:105px; margin-top:4px;}
.bu_left_crm {width:60px; height:25px; padding-left:105px; margin-top:45px; line-height:100%}
.bu_left_phone {width:60px; height:25px; padding-left:105px; margin-top:4px; line-height:100%}

.bu_r_one {width:552px; height:111px; margin-bottom:23px;}
.bu_r_two {width:552px; height:109px; margin-bottom:23px;}
.bu_r_thr {width:552px; height:110px;}

.bu_b_title { color:#Fff; font-weight:bold; width:70px; float:left; padding-top:45px; text-align:center;}
.bu_b_text { color:#5a85b6; width:170px; float:left; line-height:150%;  padding-top:17px;}
.bu_b_img {color:#Fff; width:178px; float:left; line-height:120%; padding-top:48px;}
.bu_b_text_t { color:#56a6ad; width:170px; float:left; line-height:150%;  padding-top:17px;}
.bu_b_text_tt { color:#4ca270; width:170px; float:left; line-height:150%;  padding-top:17px;}

.busi_img {width:717px; height:489px; background:url(../img/product/pro_05_05.gif) no-repeat;}
.busi_one {width:348px; height:148px; margin-right:20px; margin-bottom:20px; float:left;}
.busi_two {width:348px; height:148px; margin-bottom:20px; float:left;}

.busi_title { color:#FFF; font-size:14px; font-weight:bold; padding-left:25px; padding-top:5px;
	height: 28px;
	width: 322px;
}
.busi_text { padding-left:25px; line-height:150%; padding-top:15px;}

.cy_img {width:717px; height:304px; background:url(../img/product/pro_06.gif) no-repeat; margin-top:60px;}
.cy_top {width:717px; height:33px;}
.cy_top_text { width:238px; color:#FFF; font-weight:bold; float:left; text-align:center; font-size:14px; padding-top:5px;}
.cy_bot {width:717px; height:33px; color:#FFF;text-align:center; font-size:14px; font-weight:bold;}
.cy_body {width:717px; height:243px;}
.cy_bo_one { width:150px; height:130px; padding-left:40px; padding-top:35px; float:left;}
.cy_bo_two {width:160px; height:130px; padding-left:10px; padding-top:35px; float:left;}


.site {width:717px; height:400px;}
.site_com {width:166px; float:left; height:300px; margin-right:16px;}
.site_cus {width:166px; float:left; height:300px;}
.site_title {width:166px; background:#ed1c24; height:25px; text-align:center; color:#FFF; font-weight:bold; font-size:14px; margin-bottom:7px;}
.site_text {width:166px;  height:25px; text-align:center; font-weight:bold; margin-bottom:7px; border-bottom:1px solid #CCC;}
#footer .f_box { width: 680px; position: relative; margin: auto; }