@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);        

body, html { margin:0; padding:0;  font-family:"Nanum Gothic","Malgun Gothic",sans-serif; color:Black; letter-spacing:-0.05em; vertical-align:baseline; border:0; -webkit-text-size-adjust:none; font-size:12px;}
img { vertical-align:middle; border:none; }
ul { margin:0; padding:0; list-style:none; }
ul li { margin:0; padding:0; }
dl, dl dd { margin:0; padding:0; }
a { text-decoration:none; }

.pos_l { float:left; }
.pos_r { float:right; }
.align_l { text-align:left; }
.align_r { text-align:right; }

.red1 { color:#c01010; }
.black { color:black; }

.search_sel { width:174px; height:40px; padding:0 0 0 10px; border:solid 1px #cccccc; color:#a3a3a3; }
.search_txt { width:180px; height:32px; padding:3px 10px 0 10px; border:none; color:#a3a3a3; }
.btn_prev { border:solid 1px #999999; text-align:center; padding:8px 10px; font-size:1.1em; font-weight:bold; cursor:pointer; }
.btn_list { border:solid 1px #760404; background-color:#c01012; color:wheat; text-align:center; padding:8px 10px; font-size:1.1em; font-weight:bold; cursor:pointer; }

.swiper-pagination-bullet-active { opacity:1;background: #c21010; }

div#wrap { width:100%; }
div#top_border { width:100%; height:5px; }
div#top_border div.border_l { float:left; width:70%; height:5px; background-color:#495860; }
div#top_border div.border_r { float:right; width:30%; height:5px; background-color:#c11011; }

div.content { width:980px; margin:0 auto; position:relative; }

div#top { width:100%; height:82px; position:relative; }
div#top ul.global_menu { float:right; margin:10px 0 0 0; padding:0; }
ul.global_menu li { float:left; color:#707070; font-size:0.9em; } ul.global_menu li a { color:#707070; }
ul.global_menu li.gloabl_menu_bar { padding:0 7px 0 7px; color:#b7b7b7; }

div#top div.top_logo { float:left; }
div#top ul.top_menu { float:right; margin:20px 0 0 0; padding:0 0 19px 0; }
ul.top_menu li { float:left; font-size:1.5em; padding:0 35px 0 35px; } ul.top_menu li a { color:#3c3c3c; }

div#main_banner { width:100%; position:relative; margin:0 auto; text-align:center;}/* 170119 add */
div#main_banner div#banner_area { width:100%; min-width:980px; height:650px; margin:0 auto; text-align:center; position:relative;}/* 170119 */
div#main_banner div#banner_area div#banner_box { width:100%; min-width:980px; height:650px; margin:0 auto;}
div#main_banner div#banner_area div#banner_box img {width:100%; max-width:980px; height:100%; max-height:650px; text-align:center;} /* 170119 */
div#main_banner div#banner_area div#banner_box .bg1 {width:100%;background:url(../img/top_banner_bg1.png) no-repeat top center;} /* 170119 */
div#main_banner div#banner_area div#banner_box .bg2 {width:100%;background:url(../img/top_banner_bg2.png) no-repeat top center;} /* 170119 */
div#main_banner div#banner_area div#banner_box .bg3 {width:100%;background:url(../img/top_banner_bg3.png) no-repeat top center;} /* 170119 */
div#main_banner div#banner_area div#banner_box .bg4 {width:100%;background:url(../img/top_banner_bg4.png) no-repeat top center;} /* 170202 */
div#main_banner div#banner_arrow_l { position:absolute; top:285px; left:25px; z-index:9999; }
div#main_banner div#banner_arrow_r { position:absolute; top:285px; right:25px; z-index:9999; }
div#main_banner div#banner_roll { position:absolute; bottom:40px; left:0; }
div#main_banner div#banner_roll span { padding:0 5px 0 0; }

div#layer_menu_area { width:100%; height:264px; display:none; position:absolute; top:82px; background:url('/img/sub_menu_bg.png') no-repeat top center; background-color:white; z-index:9999; border-top:solid 1px #dedede; border-bottom:solid 1px #e98b0f; }
div#layer_menu_area div.layer_menu_box { float:right; border-left:solid 1px #dedede; }
div#layer_menu_area div.layer_menu_box dl.layer_menu { width:125px; height:264px; float:left; border-right:solid 1px #dedede; background-color:white; }
dl.layer_menu dt { margin:0; padding:30px 0 30px 0; font-size:1.3em; font-weight:bold; }
dl.layer_menu dd { line-height:24px; }
dl.layer_menu dt a, dl.layer_menu dd a { color:black; padding:0 0 0 15px; }

/*
dl.layer_menu_on { width:125px; height:264px; float:left; border-right:solid 1px #dedede; background-color:#c11011; }
dl.layer_menu_on dt { margin:0; padding:30px 0 30px 0; font-size:1.3em; color:white; font-weight:bold; }
dl.layer_menu_on dd { line-height:24px; }
dl.layer_menu_on dt a, dl.layer_menu_on dd a { color:white; padding:0 0 0 15px; }
*/

div.content_view { width:100%; text-align:center; margin:0 0 25px 0; padding:0; }

div#mid { width:100%; /*padding-bottom:60px;*/ }
div#mid div.main_board_box {width:223px;padding:0;margin:0 29px 0 0;text-align: left;}/* 170119 */
div#mid div.main_solution_intro_box {width:476px;padding:0;margin:0;text-align: left;}/* 170119 */

table.main_sort_board { width:100%; border-spacing:0; border:none; margin:0; padding:0; }
table.main_sort_board th { height:60px; font-size:1.5em; color:black; text-align:left; position:relative; }
table.main_sort_board th div.board_more { position:absolute; top:19px; right:0; }
table.main_sort_board td.board_img { text-align:right; padding:0 0 10px 0; margin:0; }
table.main_sort_board td { height:27px; margin:0; padding:0; font-size:1.1em; } table.main_sort_board td a { color:#797878; }
ul.main_solution_list { width:100%; margin:0; padding:0; }
ul.main_solution_list li { line-height:23px; }/* line-height:26px; - 170223 */ ul.main_solution_list li a { color:#797878; }

div#mid div.service_area { width:100%; height:481px; margin:75px 0 0 0; padding:0; background:url('/img/service_bg.png') no-repeat top center; background-size:cover; text-align:center; }
div#mid div.service_area div.service_tit_bar { margin:0; padding:40px 0 0 0; }
div#mid div.service_area h2.service_tit { padding:15px 0 0 0; margin:0 0 47px 0; font-size:2.5em; font-weight:lighter; }

dl.service_sec { width:223px; margin:0 10px 0 10px; padding:0; }
dl.service_sec dd.service_icon { width:100%; height:170px; }
dl.service_sec dt { font-size:1.7em; margin:0; padding:22px 0 13px 0; color:#3b4859; } dl.service_sec dt a { color:#3b4859; }
dl.service_sec dd { font-size:1.1em; line-height:25px; color:#444444; } dl.service_sec dd a { color:#444444; }

div#mid div.main_link_area { width:980px; height:77px; margin:0 auto; padding:0; }
ul.main_link { width:100%; margin:0; padding:25px 0 0 0; }/* 170118 add */
ul.main_link li { float:left; width:297px; padding:0; margin: 0 25px 0 0; }/* 170118 add */

/* NEWS */
div#sub_banner { width:100%; height:270px; text-align:center;  position:relative; }/* 170118 add */
div#mid div.sub_navi_box { width:100%; height:49px; border-bottom:solid 1px #494e5b; background-color:#2e3443; }
div.sub_navi_box ul.sub_navi { height:49px; padding:0; margin:0; border-left:solid 1px #494e5b; }
div.sub_navi_box ul.sub_navi li { height:49px; float:left; padding:0; margin:0; border-right:solid 1px #494e5b; }
div.sub_navi_box ul.sub_navi li p { padding:18px 0 0 0; margin:0; }
div.sub_navi_box ul.sub_navi li.navi_home { width:50px; text-align:center; }
div.sub_navi_box ul.sub_navi li.navi_menu { width:120px; text-align:center; font-weight:bold; position:relative; } div.sub_navi_box ul.sub_navi li.navi_menu a { color:#888888; }
div.sub_navi_box ul.sub_navi li.navi_menu_on { width:120px; text-align:center; font-weight:bold; position:relative; cursor:pointer; } div.sub_navi_box ul.sub_navi li.navi_menu_on a { color:white; }
div.sub_navi_box ul.sub_navi li.navi_menu_on dl.sub_navi_layer { width:119px; position:absolute; top:50px; left:0; padding:10px 0 10px 0; z-index:9999; border:solid 1px #c9c9c9; background-color:#eeebeb; text-align:left; display:none; }
div.sub_navi_box ul.sub_navi li.navi_menu_on dl.sub_navi_layer dd { border:none; padding:0; line-height:26px; font-size:1em; letter-spacing:-1px; } div.sub_navi_box ul.sub_navi li.navi_menu_on dl.sub_navi_layer dd a { color:#717070; }
div.sub_navi_box ul.sub_navi li.navi_menu_on dl.sub_navi_layer dd p { padding:0 10px 0 15px; margin:0; }
div.sub_navi_box ul.sub_navi li.navi_menu dl.sub_navi_cate1_layer { width:119px; position:absolute; top:50px; left:-1px; padding:15px 0 10px 0; z-index:9999; border:solid 1px #c9c9c9; background-color:#eeebeb; text-align:left; display:none; }
div.sub_navi_box ul.sub_navi li.navi_menu dl.sub_navi_cate1_layer dd { border:none; padding:0; line-height:26px; font-size:1em; letter-spacing:-1px; } div.sub_navi_box ul.sub_navi li.navi_menu dl.sub_navi_layer dd a { color:#717070; }
div.sub_navi_box ul.sub_navi li.navi_menu dl.sub_navi_cate1_layer dd p { padding:0 10px 0 15px; margin:0; }
div.sub_navi_box ul.sub_navi li.navi_menu_on span.navi_menu_arrow { padding:0 0 0 8px; }

h1.sub_tit { margin:65px 0 0 0; padding:0; text-align:center; font-size:2.8em; }
p.sub_tit_info { margin:10px 0 10px 0; text-align:center; font-size:1.2em; color:#888888; line-height:23px; font-style:italic; }
div.search_box { width:100%; margin:45px 0 0 0; }
div.search_box div.search_result { vertical-align:bottom; }
div.search_box div.search_result div.search_result_txt { margin:24px 0 0 0; color:#a3a3a3; }
ul.search_form { margin:0; padding:0; }
ul.search_form li { float:left; margin:0 10px 0 0; padding:0; }
ul.search_form li div.search_query { width:250px; height:38px; border:solid 1px #cccccc; position:relative; }
ul.search_form li div.search_query div.search_btn { position:absolute; top:0; right:0; border-left:solid 1px #cccccc; }

table.news_tb { width:100%; border-spacing:0; border:none; margin:12px 0 0 0; padding:0; border-top:solid 3px #c11011; }
table.news_tb td { border-bottom:solid 1px #d9d9d9; padding:20px 0 20px 0; margin:0; cursor:pointer; }
table.news_tb td dl.news_sec { width:95%; margin:0 auto; line-height:26px; }
dl.news_sec dt { font-size:1.6em; font-weight:bold; padding:0 0 10px 0; } dl.news_sec dt a { color:black; }
dl.news_sec dd.news_con { color:#999999; font-size:1.2em; } dl.news_sec dd a { color:#999999; }
dl.news_sec dd.news_con p { padding:0; margin:0; }
dl.news_sec dd.news_info { margin:15px 0 0 0; color:#999999; }
dl.news_sec dd.news_info span.news_date { padding:0 15px 0 0; }
/* NEWS */

/* JOB */
table.job_tb { width:100%; border-spacing:0; border:none; margin:12px 0 0 0; padding:0; border-top:solid 3px #c11011; }
table.job_tb th { background-color:#f5f5f5; height:48px; border-bottom:solid 1px #d9d9d9; font-size:1.2em; }
table.job_tb td { border-bottom:solid 1px #d9d9d9; padding:20px 0 20px 0; margin:0; text-align:center; color:#666666; font-size:1.2em; cursor:pointer; } table.job_tb td a { color:#666666; }
table.job_tb td dl.news_sec { width:95%; margin:0 auto; line-height:26px; }

div.job_view_head { margin:40px 0 30px 0; }
dl.job_view_tit { color:#666666; }
dl.job_view_tit dt { font-size:2em; margin:0 0 20px 0; }
dl.job_view_tit dd { font-size:1.2em; line-height:22px; }

ul.job_view_admin_info { margin:20px 0 0 0; color:#666666; }
ul.job_view_admin_info li { font-size:1.2em; line-height:23px; }
/* JOB */

/* VIEW */
table.view_tb { width:100%; border-spacing:0; border:none; margin:12px 0 0 0; padding:0; border-top:solid 3px #c11011; }
table.view_tb th { height:47px; background-color:#f5f5f5; border-bottom:solid 1px #d9d9d9; font-size:1.6em; text-align:left; padding:0 15px 0 15px; }
table.view_tb td { border-bottom:solid 1px #d9d9d9; padding:20px 15px 20px 15px; margin:0; color:#999999; }
table.view_tb td span.info_txt_bar { padding:0 10px 0 10px; }
table.view_tb td div.con_box { font-size:1.2em; margin:15px 0 15px 0; line-height:23px; }

table.job_view_con { width:100%; border-spacing:0; border:solid 1px #d9d9d9; margin:0; padding:0; }
table.job_view_con th { width:160px; border:none; font-size:1.2em; padding:0 0 0 35px; border-right:solid 1px #d9d9d9; color:black; }
table.job_view_con td { border:none; padding:0 30px 0 30px; color:#666666; font-size:1.2em; line-height:23px; }

div.view_btn_box { width:100%; margin:13px 0 10px 0; }

div.sub_con { padding:40px 0 0 0; }
/* VIEW */

div.paging { width:100%; text-align:center; margin:30px 0 30px 0; }
div.paging span { border:solid 1px #dddddd; padding:10px 14px; text-align:center; font-weight:bold; color:#737373; } div.paging span a { color:#737373; }
div.paging span.paging_on { background-color:#c11011; border:none; padding:11px 15px; } div.paging span.paging_on a { color:#cbdbec; }
div.paging span.paging_move { margin:0 10px 0 10px; color:#c2c2c2; }

div#foot { width:100%; height:444px; background:url('/img/foot_bg.png') no-repeat top center; background-size:cover; }
dl.foot_menu { width:194px; height:213px; border-left:solid 1px #666d7f; color:white; margin:40px 0 0 0; padding:0; }
dl.foot_menu dt { padding:5px 0 20px 20px; font-size:1.4em; font-weight:bold; }
dl.foot_menu dd { padding:0 0 0 20px; line-height:26px; font-size:1.1em; text-align: left;} dl.foot_menu dd a { color:white; }

div#foot div.footer_area { width:980px; margin:0 auto; margin-top:55px; padding:0; }
div#foot div.foot_logo { width:223px; padding:5px 0 0 0; }
div#foot div.foot_txt { } div#foot div.foot_txt p { margin:0; padding:0; color:#cdced2; line-height:21px; text-align: left;}
div#foot div.foot_txt p span.foot_bar { padding:0 7px 0 7px; }

/* 170113 sub_company */
.align_c { text-align:center; }
.imp {color:#c01314;}

.pdt10  {padding-top:10px;}
.pdt20  {padding-top:20px;}
.pdt30  {padding-top:30px;}
.pdt40  {padding-top:40px;}
.pdt50  {padding-top:50px;}
.pdt100 {padding-top:100px;}
.mgt10  {margin-top:10px;}
.mgt20  {margin-top:20px;}
.mgt30  {margin-top:30px;}
.mgt40  {margin-top:40px;}
.mgt50  {margin-top:50px;}
.mgt100 {margin-top:100px;}

.sub_contents {font-size:14px;line-height:23px;color:#707070;margin:0 0 80px 0;}
.company_head { font-size:30px;line-height:36px;text-align:center;margin-bottom:50px;}/*170116*/
.company_head span {color:#c11011; font-size:24px;}
.company_contact { display:inline-block; width:100%; clear:both}
.company_contact ul li { width:237px; height:185px; color:#000; background:#f6f6f6; float:left;margin:10px 10px 0 0;}
.company_contact ul li:nth-child(even) { background:#ecebeb;}
.company_contact ul li:nth-child(4n) {margin-right:0 !important;}
.company_contact ul li div.info_member img{ padding:30px 20px 0 0;float:right}
.company_contact ul li div.info_member ul { position:absolute;padding:25px;}
.company_contact ul li div.info_member ul li{ position: relative;height:15px;background:none; clear:both;}
.company_contact ul li div.info_member ul li.rank {height:30px;font-size:20px;font-weight:600;}

.company_recruit {display:inline-block;clear:both;padding:0 50px;margin-top:60px;}
.company_recruit img   {padding-right:30px;float:left}
.company_recruit dl {width:610px;padding:30px 0 20px 0;float:right}
.company_recruit dl dt {height:50px;font-size:18px;color:#c11011;font-weight:600;line-hegith:50px;}

.history_R { display:inline-block;background:url(../img/img1-2_01.png) repeat-y;margin-top:-7px;}
.history_R .year { width:450px; font-size:24px; font-weight:600; color:#2c303c; text-align:right; padding-right:50px; background:url(../img/img1-2_02.png) right 0 no-repeat; float:left}
.history_R .history { width:480px;float:right}
.history_R .history ul { padding-left:30px;margin-bottom:50px;}
.history_R .history ul li {padding-bottom:10px;}
.history_R .history ul li span {color:#000; padding-right:25px;}
.history_L { display:inline-block;background:url(../img/img1-2_01.png) repeat-y;margin-top:-7px;}
.history_L .year { width:440px; font-size:24px; font-weight:600; color:#2c303c; text-align:left; padding-left:48px; background:url(../img/img1-2_02.png) left 0 no-repeat; float:right;}
.history_L .history { width:480px;float:right}
.history_L .history ul { padding-right:30px;margin-bottom:50px;}
.history_L .history ul li {padding-bottom:10px; text-align:right;}
.history_L .history ul li span {color:#000; font-weight:600; padding-left:25px; float:right}


/* 170119 sub_sitemap */
.sitemap {display:inline-block;width:100%;}
.sitemap .box {width:171px;min-height:500px;margin-right:25px;font-size:12px;color:#555;float:left;background:#FFF}
.sitemap .box span.title {width:171px;height:40px;font-size:16px;color:#FFF;font-weight:600;text-align:center;line-height:40px;float:left;background:url(../img/img_sitemap_bg.png)}
.sitemap .box span.title a {color:#FFF;}
.sitemap .box ul {display:inline-block;width:100%;border-bottom:1px solid #0272be;margin-top:10px;}
.sitemap .box ul li {text-align:center;line-height:39px;border-bottom:1px solid #eaeaea;}
.sitemap .box ul li a       {color:#555;}
.sitemap .box ul li a:hover {color:#000;}