@charset "utf-8";
/* main */
.main_contents .top_customer{padding:60px 0 80px;border-bottom:1px solid #ccc}
.main_contents .top_customer .storytelling .txt{display:block;padding:10px 0 60px;font-size:13px;letter-spacing:-.075em}
.main_contents .top_customer ul{overflow:hidden}
.main_contents .top_customer ul li{float:left;width:286px;padding:15px 0 15px 22px;background:url(/img/customer/main/line_section_top.gif) repeat-y}
.main_contents .top_customer ul li:first-child{padding:15px 0;background:none}
.main_contents .top_customer ul li .txt{display:block;height:90px;padding-top:20px;line-height:18px;letter-spacing:-.075em}
.main_contents .faq{overflow:hidden;padding:80px 0;border-bottom:1px solid #ccc}
.main_contents .faq h4{padding:0 0 40px 2px}
.main_contents .faq .title{float:left}
.main_contents .faq .title .txt{display:block;padding:24px 0;line-height:20px}
.main_contents .faq .contents{float:right;width:640px;border:solid #222;border-width:2px 0}
.main_contents .faq .contents ul{overflow:hidden;margin-left:40px;padding:11px 0;font-size:14px;font-weight:bold;letter-spacing:-.085em}
.main_contents .faq .contents ul li{float:left;width:25%;height:30px;line-height:30px}
.main_contents .faq .contents ul li.li_2nd{width:145px}
.main_contents .faq .contents ul li.li_4rd{width:105px}
.main_contents .faq .contents ul li a{color:#888}
.main_contents .faq .contents ul li.on a{color:#da6021}
.main_contents .faq .contents ul li a span{letter-spacing:0}
.main_contents .faq .contents ol{border-top:1px solid #ededed}
.main_contents .faq .contents ol li{position:relative;height:50px;padding:0 70px;background:url(/img/customer/main/line_faq_list.gif) repeat-x left top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:500px;}
.main_contents .faq .contents ol li:first-child{border-top:1px solid #d4d4d4;background:none}
.main_contents .faq .contents ol li a{line-height:49px;color:#222;letter-spacing:-.025em;}
.main_contents .faq .contents ol li .ranking{position:absolute;top:15px;left:38px;width:17px;height:17px;border:1px solid #cfcfcf;background-color:#efefef;line-height:17px;color:#888;text-align:center}
.main_contents .faq .contents ol li .ranking.one{width:19px;height:19px;border:0;background-color:#da6021;line-height:19px;color:#fff}
.main_contents .program{overflow:hidden;padding:80px 0;border-bottom:1px solid #ccc}
.main_contents .program h4{padding:0 0 40px 2px}
.main_contents .program .title{float:left}
.main_contents .program .title .txt{display:block;padding:24px 0;line-height:20px}
.main_contents .program .contents{float:right;width:640px}
.main_contents .program .contents ul{overflow:hidden}
.main_contents .program .contents ul li{float:left;width:185px;height:155px}
.main_contents .program .contents ul li.last{width:165px}
.main_contents .program .contents ul li .txt{display:block;height:52px;padding-top:10px;line-height:17px;letter-spacing:-.075em}
.main_contents .qna{overflow:hidden;padding-top:80px}
.main_contents .qna h4{padding:0 0 40px 2px}
.main_contents .qna .title{float:left}
.main_contents .qna .title .txt{display:block;padding:24px 0;line-height:20px}
.main_contents .qna .contents{float:right;width:640px}
.main_contents .qna .contents ul{overflow:hidden}
.main_contents .qna .contents ul li{float:left;width:157px;height:205px;padding:10px 0 5px 20px;background:url(/img/customer/main/line_section_qna.gif) repeat-y}
.main_contents .qna .contents ul li:first-child{padding-left:0;background:none}
.main_contents .qna .contents ul li .txt{display:block;height:80px;padding-top:10px;line-height:18px;letter-spacing:-.075em}
.main_contents h5{margin:80px 0 20px}
.main_contents .allview{position:relative}
.main_contents .allview a{position:absolute;top:-21px;right:0}
.main_contents table.t_list td.no_list{padding:36px 0;background:none}

/* button */
.contents_detail .btn_box{overflow:hidden;margin:20px 0 50px}
.contents_detail .btn_box .btn_left{float:left}
.contents_detail .btn_box .btn_right{float:right}

/* notice */
.notice .tab_menu{overflow:hidden;}
.notice .tab_menu li{float:left;width:238px;padding-left:2px;background:url(/img/customer/bg_tabmenu.gif) no-repeat 0 0;line-height:52px;text-align:center}
.notice .tab_menu li a{display:block;font-size:14px;font-weight:bold;color:#888;letter-spacing:-.075em;background:url(/img/customer/bg_tabmenu.gif) no-repeat 100% 0;height:54px;}
.notice .tab_menu li:hover, .tab_menu li.on{background-position:0 -54px}
.notice .tab_menu li:hover a, .tab_menu li.on a{color:#000;background-position:100% -54px}
.notice table.t_list{border-top:0}

/* faq */
.faq .tab_menu{overflow:hidden;margin-top:30px;padding-left:1px;background:url(/img/customer/line_tabmenu.gif) repeat-x left bottom}
.faq.admin .tab_menu{margin-top:0}
.faq .tab_menu li{float:left;width:135px;padding-left:2px;background:url(/img/customer/bg_tabmenu.gif) no-repeat 0 0;line-height:52px;text-align:center}
.faq .tab_menu li a{display:block;font-size:14px;font-weight:bold;color:#888;letter-spacing:-.075em;background:url(/img/customer/bg_tabmenu.gif) no-repeat 100% 0;height:54px;}
.faq .tab_menu li:hover, .tab_menu li.on{background-position:0 -54px}
.faq .tab_menu li:hover a, .tab_menu li.on a{color:#000;background-position:100% -54px}
.faq table.t_list{border-top:0}
.faq table.t_list td.no_list{padding:120px;}
.faq table.t_list td .keyword{font-weight:bold}
.contents_detail h2{padding:60px 0 0;margin:0 0 30px 0;}
.contents_detail .faq{overflow:hidden;width:898px;padding:30px;margin:0 0 50px;border-bottom:1px solid #ccc;background:#fff;border:1px solid #ccc}
.contents_detail .faq h4{padding:0 0 40px 2px}
.contents_detail .faq .title{float:left;width:258px}
.contents_detail .faq .title .txt{display:block;padding:24px 0;line-height:20px}
.contents_detail .faq .contents{float:right;width:640px;border:solid #222;border-width:0}
.contents_detail .faq .contents ul{overflow:hidden;margin-left:40px;padding:11px 0;font-size:14px;font-weight:bold;letter-spacing:-.085em}
.contents_detail .faq .contents ul li{float:left;width:25%;height:30px;line-height:30px}
.contents_detail .faq .contents ul li.li_2nd{width:145px}
.contents_detail .faq .contents ul li.li_4rd{width:105px}
.contents_detail .faq .contents ul li a{color:#888}
.contents_detail .faq .contents ul li.on a{color:#da6021}
.contents_detail .faq .contents ul li a span{letter-spacing:0}
.contents_detail .faq .contents ol{border-top:1px solid #ededed}
.contents_detail .faq .contents ol li{position:relative;height:50px;padding:0 70px;background:url(/img/customer/main/line_faq_list.gif) repeat-x left top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:500px;}
.contents_detail .faq .contents ol li:first-child{background:none}
.contents_detail .faq .contents ol li a{line-height:49px;color:#222;letter-spacing:-.025em;}
.contents_detail .faq .contents ol li .ranking{position:absolute;top:15px;left:38px;width:17px;height:17px;border:1px solid #cfcfcf;background-color:#efefef;line-height:17px;color:#888;text-align:center}
.contents_detail .faq .contents ol li .ranking.one{width:19px;height:19px;border:0;background-color:#da6021;line-height:19px;color:#fff}

/* labor */
#contents .p_img_1{position:relative;background:#25293f url(/img/labor/labor_01_bg.jpg) no-repeat top center;height:438px;padding:0 190px 0 0;}
#contents .p_img_2{position:relative;background:#262a41 url(/img/labor/labor_02_bg.jpg) no-repeat top center;height:438px;padding:0 190px 0 0;}
#contents .p_img_3{position:relative;background:#262a41 url(/img/labor/labor_03_bg.jpg) no-repeat top center;height:438px;padding:0 190px 0 0;}
#contents .p_img_1 h2,#contents .p_img_2 h2,#contents .p_img_3 h2{width:960px;margin:0 auto}
#contents .p_img_1 h2 img,#contents .p_img_2 h2 img,#contents .p_img_3 h2 img{position:absolute;bottom:90px;}

.contents_detail.labor .p_img_1 h3{padding:0 0 10px 0;margin:0 0 20px 0;width:960px;border-bottom:1px solid #c6c6c6}
.contents_detail.labor h3{padding:0 0 10px 0;margin:0 0 20px 0;width:960px}
.contents_detail.labor>p{font-size:1.15em;margin-bottom:40px;border-top:1px solid #c6c6c6}
.contents_detail.labor>p .bold{font-size:1.1em;font-weight:bold;color:#454545}
.contents_detail.labor .p_img_1 h4{margin:50px 0 10px 0}
.contents_detail.labor h4{margin:50px 0 10px 0}
.contents_detail.labor h4.underbar{border-bottom:1px solid #c6c6c6;padding-bottom:10px;margin-bottom:20px}
.contents_detail.labor .bold{font-weight:bold}
.contents_detail.labor .orange{color:#da6021}
.contents_detail.labor th[scope~="colgroup"]{border-bottom:1px solid #c6c6c6}

.contents_detail.labor .sys_step{margin-bottom:60px}
.contents_detail.labor .sys_step li{display:inline}

.contents_detail.labor .career_step{margin-bottom:60px}
.contents_detail.labor .career_step li{margin-left:23px;display:inline}
.contents_detail.labor .career_step li:first-child{margin-left:0}

.contents_detail.labor .chk_point{margin-top:10px;width:956px;height:100px;border:2px solid #da6021;}
.contents_detail.labor .chk_point h5{float:left;width:102px;height:100px;padding:0}
.contents_detail.labor .chk_point ul{float:left;padding:16px 0 0 10px;width:834px;}
.contents_detail.labor .chk_point ul li{padding-left:10px;background:url(/img/labor/c_point_blt.gif) no-repeat 0 5px}

/* LIST */
#contents table.t_data tbody tr li.n01{padding-left:15px;background:url(/img/labor/num_01.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n02{padding-left:15px;background:url(/img/labor/num_02.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n03{padding-left:15px;background:url(/img/labor/num_03.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n04{padding-left:15px;background:url(/img/labor/num_04.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n05{padding-left:15px;background:url(/img/labor/num_05.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n06{padding-left:15px;background:url(/img/labor/num_06.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n07{padding-left:15px;background:url(/img/labor/num_07.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n08{padding-left:15px;background:url(/img/labor/num_08.png) no-repeat 0 4px}
#contents table.t_data tbody tr li.n09{padding-left:15px;background:url(/img/labor/num_09.png) no-repeat 0 4px}

/* board */
 .total_count{padding-bottom:5px;font-size:19px;font-weight:bold;line-height:22px;color:#555}
 .total_count span{border-bottom:1px solid #da6021;color:#da6021}
 .result_count{padding-top:30px;font-size:13px;color:#222}
 .result_count .keyword, .result_count .count{color:#da6021}

/* remote */
.remote_contents .cont_box{overflow:hidden;width:960px}
.remote_contents .cont_box .title{float:left}
.remote_contents .cont_box .title .txt{display:block;padding:24px 0 35px;line-height:20px}
.remote_contents .cont_box .contents{float:right;width:640px}
.remote_contents .cont_box .contents h4{padding:50px 0 40px}
.remote_contents .cont_box .contents h4:first-child{padding-left:60px;}
.remote_contents .cont_box .contents .section{margin-bottom:30px;padding-bottom:80px;border-bottom:1px solid #ccc}
.remote_contents .cont_box .contents .guide_box{margin-top:65px;border:1px solid #e5e5e5;background-color:#f9f9f9}
.remote_contents .cont_box .contents .guide_box ul{padding:10px;border:1px solid #fff}
.remote_contents .cont_box .contents .guide_box ul li{padding:3px 0 3px 15px;background:url(/img/customer/remote/bul.gif) no-repeat left 9px;line-height:14px;letter-spacing:-.05em}
.remote_contents .tab_menu{overflow:hidden;}
.remote_contents .tab_menu li{float:left;width:238px;padding-left:2px;background:url(/img/customer/bg_tabmenu.gif) no-repeat 0 0;line-height:52px;text-align:center}
.remote_contents .tab_menu li a{display:block;font-size:14px;font-weight:bold;color:#888;letter-spacing:-.075em;background:url(/img/customer/bg_tabmenu.gif) no-repeat 100% 0;height:54px;}
.remote_contents .tab_menu li:hover, .tab_menu li.on{background-position:0 -54px}
.remote_contents .tab_menu li:hover a, .tab_menu li.on a{color:#000;background-position:100% -54px}
.remote_contents table.t_list{border-top:0}

/* 학습프로그램 */
#contents .content h2{color: #000;font-weight: bold;font-size: 20px}
#contents .content .program_list:after{display:block;clear:both;content:'';}
#contents .content .program_list li{float:left;margin:10px 0 0 10px;border:solid #f6f6f6;border-width:5px;text-align:center;vertical-align:middle;}
#contents .content .program_list li:first-child,
#contents .content .program_list li:first-child + li + li + li + li + li + li + li + li{margin-left:0;}
#contents .content .program_list li a{display:block;width:100px;height:36px;line-height:36px;padding:32px 0;}
#contents .content .program_list li a span{display:inline-block;height:36px;vertical-align:middle;word-wrap:break-word;}
#contents .content .program_list li a:hover{background-color: #f6f6f6;}