@charset "utf-8";

/* common */
img{max-width:100%}
.container,.container.main,.container.type2{padding-left:0;background:none}
.top_area{display:none}
.gnb_area{display:none}
#footer .copy li{display:block;margin:5px 15px;text-align:center}
.m_header .m_logo,.m_header .m_btn_srch,.m_header .m_menu,.btn_cls,.aside_menu li .m_dpt1:before,.aside_menu li .m_dpt1:after,.aside_menu li li ul.m_depth3 li a:before{display:inline-block;overflow:hidden;background:url(../img/sp_m_common.png)no-repeat;background-size:60px 160px;line-height:9999px;vertical-align:top;-webkit-background-size:60px 160px}

/* 모바일 header */
.dimed{position:fixed;z-index:2300;width:100%;height:100%;background:rgba(0,0,0,.8)}
.aside_menu{position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:2400;width:275px;height:100%;background:#fff}
.ly_menu .btn_cls{position:absolute;top:21px;left:240px;z-index:2500;width:11px;height:11px;background-position:-30px -60px}
.aside_menu h2{padding:20px 15px;border-bottom:1px solid #e5e5e5;font-size:16px;color:#000}
.aside_menu li a{display:block;padding:10px 0 10px 15px;font-size:17px;color:#2d2d2d}
.aside_menu li{border-bottom:1px solid #e5e5e5}
.aside_menu li a:hover{text-decoration:none}
.aside_menu li ul{padding:0 0;border-top:1px solid #e5e5e5}
.aside_menu li li{border-bottom:0}
.aside_menu li li a{padding:10px 0 10px 15px;font-size:13px;color:#595959}
.aside_menu li li a:before{display:inline-block;width:3px;height:3px;margin:5px 8px 0 0;background:#a2a2a2;vertical-align:top;content:''}
.aside_menu li .m_dpt1{position:relative}
.aside_menu li .m_dpt1:before{display:inline-block;position:absolute;top:17px;right:26px;z-index:2500;width:11px;height:6px;background-position:-30px -90px;content:''}
.aside_menu li.on .m_dpt1:before{background-position:-30px -80px}
.aside_menu li ul.m_depth2{display:none}
.aside_menu li.on ul.m_depth2{display:block}
.aside_menu li.on ul.m_depth2 li.on{background:#f4f4f4}
.aside_menu li.on ul.m_depth2 li.on a{color:#000}
.aside_menu li .m_dpt1:after{display:inline-block;position:absolute;top:12px;right:48px;z-index:2500;width:21px;height:16px;content:''}
.aside_menu li .m_dpt1.m1:after{background-position:0 -60px}
.aside_menu li .m_dpt1.m2:after{background-position:-25px -100px}
.aside_menu li .m_dpt1.m3:after{background-position:0 -80px}
.aside_menu li .m_dpt1.m4:after{background-position:0 -100px}
.aside_menu li .m_dpt1.m5:after{background-position:0 -120px}
.aside_menu li .m_dpt1.m6:after{background-position:0 -140px}

.aside_menu li ul.m_depth3{display:none;line-height:24px;padding:10px 0}
.aside_menu li.on ul.m_depth2 li.on ul.m_depth3{display:block}
.aside_menu li ul.m_depth3 li{position:relative;display:block;font-size:13px}
.aside_menu li.on ul.m_depth2 li.on ul.m_depth3 li a{padding:0px 0px 0px 40px;color:#777}
.aside_menu li.on ul.m_depth2 li.on ul.m_depth3 li.on a{color:#288ad6}
.aside_menu li li ul.m_depth3 li a:before{display:inline-block;position:absolute;top:4px;left:20px;width:12px;height:12px;background-position:-54px -80px;content:''}
.aside_menu li li ul.m_depth3 li.on a:before{background-position:-54px -60px;}





/* header */
.m_header{display:block;position:relative;height:40px;border-bottom:1px solid #e5e5e5;text-align:center}
.m_header .m_logo{width:60px;height:25px;margin-top:10px;background-position:0 0}
.m_header .m_btn_srch{position:absolute;top:9px;right:9px;width:22px;height:22px;background-position:-30px -30px}
.m_header .m_menu{position:absolute;top:9px;left:10px;width:21px;height:24px;background-position:0 -30px}

/* main */
.container {min-height:0;}
.main_spot .pg_num{left:50%}
.container{width:auto;min-height:auto}
.container.main .m_content{width:auto;background:#f7f7f7}
.main_lst{position:relative; padding-left:0; bottom:0;}
.main_lst li{width:100%; display:table;table-layout:fixed}
.main_lst li .m_wrap{width:50%;float:left;text-align:center;font-size:12px; padding:10px 0 15px; height:180px; }
.main_lst li .m_wrap a{box-sizing:border-box}
.main_lst li .m_wrap+.m_wrap{margin-left:0}
.main_lst li:after{display:block;clear:both;content:''}
.main_lst li a strong{padding-top:10px;font-size:18px;color:#fff}
.main_lst li strong,.main_lst li span{padding:0 10px}

.banner_list img {height:auto !important;}
 
/* sub 2015.08.25 수정 */
.content{width:100%;border-right:0}
.content_area{width:100%;padding-top:20px}
.tit_area h3{padding-bottom:20px;font-size:32px;color:#000;font-family:'Nanum Barun Gothic Bold';}
.tit_area p{font-size:16px;line-height:19px;color:#333;font-family:'Nanum Barun Gothic';margin-bottom:-20px}

.content_area .cont_wrap{padding:0 15px}
.top_nav li .home{margin-left:-10px}
.top_nav li{padding-right:0}
.top_nav li:after{margin-left:0}
.tit_area{padding-right:0}
.tit_area img{display:none}
.tab_lst li{overflow:hidden;height:50px;letter-spacing:-1px}
.info_lst li span{display:block;margin:0 auto;text-align:center}
.info_lst li span.tx{width:auto;padding-top:15px;text-align:left}


/* about */
.location_area .tab_area{margin:0}
.ceo_area .sopt_area{display:none}
.ceo_msg{display:block;margin-bottom:20px;border-bottom:1px solid #e5e5e5}
.location_area .tab_area .map_area{width:100%;height:auto}
.map_area iframe{width:100%}

.core_area .chart{display:none}
.img_area.core_m{display:block}
.core_area .table_area table th div{padding-left:20px;background-position:10px 5px}
.core_area .table_area table td div{padding-left:10px}

.color_area{margin-top:20px}
.color_dsc{padding-top:25px}
.color_area .color_chart{margin-bottom:20px}
.color_area .color_lst li{margin-bottom:15px}
.color_area .color_lst .color{margin:0 11px 5px 0}
.color_area .color_lst .text{margin-left:0}

.knowhow_dsc{margin-top:20px}
.knowhow_dsc dt{font-weight:bold}
.knowhow_dsc dd,.symbol_area .symbol_dsc .text{line-height:22px}

.symbol_dsc .btn_download{margin-right:0}
.symbol_area .img_symbol{padding:20px 0 80px ;text-align:center}
.img_symbol img:first-child{margin-right:0}

.logo_area .img_symbol{padding:20px 0 0 0;text-align:center}
.logo_area .img_symbol img:first-child{margin-right:0}

.img_area.history_m{display:block;text-align:center}

.organogram_area .img_area.chart_m{display:block;padding-bottom:30px}
.organogram_area .img_area.chart_m2{display:block; text-align:center; padding-bottom:30px}
.organogram_area .group_area{border-top:1px solid #e5e5e5}
.organogram_area .sub_title{padding-top:13px}
.organogram_area .group_lst{width:100%}
.organogram_area .group_lst.v2{margin-left:0}
.organogram_area .group_lst .person{line-height:22px}
.organogram_area .group_lst .person a{margin-left:82px}
.organogram_area .group_lst .mobile a{margin-left:106px}

.worker_area .tab_lst li{width:24.3%}
.worker_area .tab_lst li a{font-size:11px}
.worker_area .worker_lst li{width:50%;border-top:0;box-sizing:border-box}

.affiliated_area .chart{display:none}
.affiliated_area .chart_m{display:block}
.affiliated_area .introduce_area .lst{float:none;width:100%}
.affiliated_area .introduce_area .lst.v2{width:100%}
.affiliated_area .introduce_area .lst + .lst{margin-left:0}
.affiliated_area .introduce_area .lst dd{height:auto !important;padding-bottom:10px}

.fcc_area .column_area{float:none;width:100%}


/* culture */
#news_sch .input_txt,#story_sch .frm_input{width:100px}
.box_wrap{width:auto;poisition:relative;table-layout:fixed}
.box_wrap .grid{width:50%;margin-right:0}
.box_wrap .grid .box {padding:0 5px 5px 0}
.box .box_img img{width:100%}
.m_hide{display:none}

.tab_cult li a{display:block;width:100%;padding-top:8px;height:33px;background:#e9e9e9;font-size:90%;line-height:15px;color:#ababab;text-align:center}

.bx_top_cult {width:100%;}
.bx_top_cult .images img{width:45%;padding-right:5px}

.tit_area_cult {position:relative; width:65%;padding:10px 135px 20px 0;background:url(../img/culture/culture_rgt1_m.png) right bottom no-repeat}
.tit_area_cult p{padding-top:50px;font-size:13px;width:73%;line-height:18px;color:#595959;}
.tit_area_cult h4{position:absolute; z-index:100;padding-bottom:20px;width:90%;font-size:20px;font-weight:normal;color:#288ad6}

.tit_area_cult2 {position:relative; width:65%;padding:10px 135px 20px 0;background:url(../img/culture/culture_rgt2_m.png) right bottom no-repeat}
.tit_area_cult2 p{padding-top:50px;font-size:13px;width:80%;line-height:18px;color:#595959;}
.tit_area_cult2 h4{position:absolute;z-index:100;padding-bottom:20px;width:90%;font-size:20px;font-weight:normal;color:#288ad6}

.bx_top_cult .txtbx dt .cult_context_01{display:inline-block;padding-top:5px;font-size:16px;color:#288ad6;}
.bx_top_cult .txtbx dt .cult_context_02{display:inline-block;padding-top:5px;font-size:16px;color:#288ad6;}
.bx_top_cult .txtbx dt .cult_context_03{display:inline-block;padding-top:5px;font-size:16px;color:#288ad6;}
.bx_top_cult .txtbx dt .cult_context_04{display:inline-block;padding-top:5px;font-size:16px;color:#288ad6;}


/* business */
.bsn_area{display:none}
.bsn_area_m img {vertical-align:top;}

.img_area .bsn_m{display:block;text-align:center}
.bsn_area .sub_title{margin-bottom:36px;font-size:18px;color:#288ad6;font-family: "Nanum Myeongjo"; font-weight:normal}
.bsn_m .sub_title{margin-bottom:36px;font-size:18px;color:#288ad6;font-family: "Nanum Myeongjo"; font-weight:normal}


.tbl_business tbody td{padding:5px 10px;border:0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;line-height:20px;text-align:left}

/* business - newtech */
.business_cont p{padding-top:20px; padding-bottom:25px; color:#595959; width:100%; font-size:14px; line-height:20px}
.business_cont ul{font-size:12px}
.business_cont .rgt_ul{padding:10px 0 35px 0; float:left; color:#595959; width:100%; font-size:12px; line-height:15px;}
.business_cont .rgt_ul2{margin-top:-30px; padding:0 0 35px 0; float:left; color:#595959; width:100%; font-size:12px; line-height:15px;}

/* business - intro */

.content_bsn_intro{width:100%;border-right:0;min-height:1280px;background:#fff}

.img_bsn_intro {display:none;}
.img_bsn_intro_t {display:none;}

.img_bsn_intro_m{display:block; width:100%;}
.img_bsn_intro_m ul{width:100%;text-align:center}
.img_bsn_intro_m li {vertical-align:top; background:none}
.img_bsn_intro_m img {vertical-align:top;text-align:center}



/* solution - common */
.inner_wrap{padding:0}
.bx_round.type2 .inner{padding:15px 30px}
.bx_round.type3 .inner{padding:20px 30px 30px}
.bx_round.type4 .inner{padding:20px 50px 30px}
.bx_round.type5 .inner{padding:20px 20px 30px;color:#333333}

/* solution - table */
.tit_area.solution{min-height:40px;padding-right:0}
.h_slt{margin-top:18px;font-size:16px}
.s_slt{font-size:14px}
.bx_top{border-radius:4px}
.bx_top:before,.bx_top:after{display:none}
.bx_top .intro dt{display:block;width:auto;padding:0 13px 10px}
.bx_top .intro dt.tc{width:auto}
.bx_top .intro dt br{display:none}
.bx_top .intro dd{display:block;padding:0 10px 0 13px}
.bx_top .intro dd ul li{padding-right:0}
.tbl_solution{margin-top:12px}
.img_solution{margin-top:12px}
ul.img_solution li{float:none;margin:7px 0 0 0;text-align:center}
.lst_skill li{text-indent:-13px}
.dsc_ucs{font-size:12px}
.b_line{margin-bottom:15px;padding-bottom:15px}
.tbl_solution.dpi{width:100%}
.bx_round{margin-top:20px}
.bx_round .inner{border-radius:9px;padding:4px 18px}
.bx_round .inner .round{display:none}
.bx_round .logo{vertical-align:top}
.bx_round .logo img{width:74px}
.eps_area,.tg_intro{padding:0}
.tg_intro img{width:100%}
.tg_intro img,.tg_intro .lst_skill{float:none}
.tg_intro .lst_skill{margin-top:10px}
.tbl_solution td{word-break:break-all}
.tbl_solution td .bu{display:block}
.tbl_solution td .bu:first-child{width:auto}
.tbl_solution td .bu + .bu{margin-left:0}
.tab_sub_lst{overflow:hidden;padding:5px 0;border-width:1px;border-radius:10px}
.tab_sub_lst li{float:left;width:50%;height:auto;padding-left:10px;text-align:left;box-sizing:border-box;line-height:25px}
.tab_sub_lst li a:before{width:4px;height:4px;margin:0 3px 0 0;vertical-align:middle}
.tab_sub_lst li.on a:before{background:#288ad6}
.tab_sub_lst li:first-child a:before{display:inline-block}
.tab_sub_lst:before,.tab_sub_lst:after{display:none}
.column_area .lst_skill{float:none;width:100%}
.lst_skill.v2 li{padding:7px 0 3px 19px}

/* sbc */
.tbl_solution.type3 tbody td{padding:15px 10px;border:0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;line-height:16px;}



/* img_button */
.recruit_cont .btn_apply_view{width:auto;height:auto;margin:0 3px;background:none;border:2px solid #2686c7;border-radius:3px;font-family:'Nanum Gothic';font-weight:bold;line-height:16px;color:#2686c7;text-decoration:none}
.recruit_cont .btn_rcrt_srch{width:50px;height:63px;margin-left:2px;background:none;border:2px solid #2686c7;border-radius:3px;font-family:'Nanum Gothic';font-weight:bold;text-indent:0;color:#2686c7;text-decoration:none}

.lst_people li{display:block}
.lst_people li .snet_in{display:block;height:auto;padding:10px 0}
.lst_people li .num{display:block;position:relative;top:0}
.lst_ability li dt,.lst_ability li dd{float:none;width:auto}
.lst_ability li dd{width:100%}
.lst_ability li dd p{padding-right:0}
.img_system_area{display:none}
.snethr_cont .img_area{display:block;padding:30px 0 20px}

.lst_benefit li dt,.lst_benefit li dd{padding-left:10px}
.lst_benefit li dl:first-child dt,.lst_benefit li dl:first-child dd{padding:0 10px 0 0}
.lst_benefit li dt{font-size:14px;line-height:15px}
.lst_benefit li dt:before{width:15px;height:15px;background-size:185px auto;-webkit-background-size:185px auto;margin-right:5px}
.lst_benefit li dt.bnf1:before{background-position:0 -187px}
.lst_benefit li dt.bnf2:before{background-position:-20px -187px}
.lst_benefit li dt.bnf3:before{background-position:-40px -187px}
.lst_benefit li dt.bnf4:before{background-position:-60px -187px}
.lst_benefit li dt.bnf5:before{background-position:-80px -187px}
.lst_benefit li dt.bnf6:before{background-position:-100px -187px}
.lst_benefit li dt.bnf7:before{background-position:0 -204px}
.lst_benefit li dt.bnf8:before{background-position:-20px -204px}
.lst_benefit li dt.bnf9:before{background-position:-40px -204px}
.lst_benefit li dt.bnf10:before{background-position:-60px -204px}
.lst_benefit li dt.bnf11:before{background-position:-80px -204px}
.lst_benefit li dt.bnf12:before{background-position:-100px -204px}

.lst_rcrt_step li{overflow:hidden;float:none; text-align: center; margin:0 0 10px 0;padding:0 0 36px 0;background:url(../img/people/ico_prcss_arr2.gif) no-repeat 50% 100%}
.lst_rcrt_step li .thmb{ width:105px;margin-left:5px}
.lst_rcrt_step li .dsc{float:right;margin-top:0;width:160px}
.lst_rcrt_step li.st4{width:auto}
.lst_rcrt_step li .dsc dt{font-size:12px;line-height:15px}
.lst_rcrt_step li .dsc dt:before{width:15px;height:15px;background-size:185px auto;-webkit-background-size:185px auto}
.lst_rcrt_step li.st2 .dsc dt:before{background-position:-20px 0}
.lst_rcrt_step li.st3 .dsc dt:before{background-position:-40px 0}
.lst_rcrt_step li.st4 .dsc dt:before{background-position:-60px 0}
.lst_rcrt_step li .dsc dd{font-size:11px}

.recruit_srch{width:300px}
.recruit_srch .srch_keyword{width:245px}
.recruit_srch .srch_keyword .sel{width:60px}
.recruit_srch .srch_keyword .input_txt{width:100px}
.recruit_srch .srch_keyword .target{padding-left:0}
.recruit_srch .srch_keyword .target input[type=checkbox]{margin-right:1px}
.recruit_cont{display:none}
.recruit_cont_v2{display:block;padding-top:50px;text-align:center}
.recruit_cont.view{display:block}
.recruit_cont .btn_area [class^=btn_]{display:block;margin:5px auto}
.tbl_recruit .tg,.tbl_recruit .btn{display:none;width:0}
.tbl_recruit .num{width:11%}
.tbl_recruit .lmt{width:18%}
.tbl_recruit .stts{width:18%}
.tbl_recruit td.tit{padding:0 5px 0 10px}
.tbl_recruit td{word-break:break-all}
.tbl_recruit.edu td{padding:5px}
.tbl_recruit2 th{padding-left:5px}
.tbl_recruit2 th:before{display:none}
.tbl_recruit2 td{padding-left:6px}
.tbl_recruit2 td .pswd_tip{display:block}
.tbl_recruit2 td .sel{margin-left:0 !important}
.lst_status li{padding-left:11px}
.cplt_apply img{width:400px}

.pop_password .pop_cont{padding:10px 10px 0}
.pop_password .pop_cont .dsc_pwd{margin-bottom:12px;padding:19px 13px}
.pop_password .pop_cont .dsc_pwd:first-child{margin-bottom:20px}
.pop_password .btn_area{margin-top:21px}
.pop_password .btn_area.btm_line{margin-bottom:14px;padding-bottom:14px}