@charset "utf-8";

/************************** Left Navigation Menu Bar **************************/
.page_lnb { position: relative;}
.page_lnb > li { position: relative; border-bottom:1px solid #e0e0e0;}
.page_lnb > li > a { display: block; height: 48px; line-height: 48px; font-weight: bold; padding-left: 20px; background: #f4f5f5 url(../company/btn_lnb.png) no-repeat right 0; font-size: 15px;}
.page_lnb > li > a:hover, .page_lnb > li > a.on { color:#2062ae; background-position: right -49px;}
.page_lnb > li > ul { position: relative; background: #fff; border-top:1px solid #e0e0e0; padding: 5px 20px;}
.page_lnb > li > ul > li > a { display: block; height: 25px; line-height: 25px; color:#808080; padding-left: 10px; background: url(../company/icon_bu.png) no-repeat 0 center; font-size: 13px;}
.page_lnb > li > ul > li > a:hover, .page_lnb > li > ul > li > a.on { color:#d4253e;}


/************************** Common Style **************************/
.col37 > div.section_right > div .pd_box { position: relative; padding: 30px 40px;}
.c_tit { position: relative; height: 42px; line-height: 42px; padding-left: 55px; background: #f3f3f3 url(../company/icon_tit.png) no-repeat 15px 8px; font-size: 24px; margin-bottom: 30px;}
.f19 { font-size: 19px !important;}
.f18 { font-size: 18px !important;}
.f17 { font-size: 17px !important;}
.f15 { font-size: 15px !important;}
.f13 { font-size: 13px !important;}
.t_red { color: #d4253e !important;}
.t_blue { color: #5e83ad !important;}
.t_dark { color: #2062ae !important;}

.com_wrap { position: relative; padding: 20px 15px; line-height: 1.4;}
.com_wrap.i_wrap { padding-left: 220px;}
.com_wrap p { text-align: justify; font-size: 15px; line-height: 1.4;}
.com_wrap > span { position: absolute; left: 0; top: 20px;}

.dashed_bot { border-bottom: 1px dashed #dedede; padding-bottom: 40px; margin-bottom: 20px;}

.g_tit { background: #dedede; height: 46px; line-height: 46px; text-align: center; font-size: 19px;}
.ceo_tit { font-size: 20px; color: #5e83ad; border-bottom: 1px solid #dedede; margin-bottom: 20px; padding-bottom: 12px;}

.c_table { background: #f8f8f8;}
.c_table th { border-bottom: 2px solid #dedede; height: 26px; font-size: 17px;}
.c_table td { border-left: 2px solid #dedede; border-bottom: 2px solid #dedede; text-align: center; font-size: 15px;}
.c_table.b1 { margin-bottom: -1px;}
.c_table.b1 th { border-width: 1px; font-size: 15px; font-weight: normal; padding: 2px 30px 0; text-align: left;}
.c_table.b1 td { border-width: 1px; font-size: 15px; padding: 2px 10px 0;}
.c_table.b1 td { text-align: left; padding-left: 66px;}
.col_top th, .col_top td { height: 50px;}

.t_table { table-layout: auto;}
.t_table thead th { padding: 10px 5px; background: #dedede; border-left: 1px solid #fefefe; border-top: 1px solid #fefefe;}
.t_table thead th > span { font-size: 11px;}
.t_table thead th:first-child { border-left: 0;}
.t_table tbody td { padding: 11px; background: #f8f8f8; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.t_table tbody td:first-child { border-left: 0;}

.v_table { table-layout: auto; border: 1px solid #bfbfbf;}
.v_table th { background: #dedede; padding: 20px 10px 20px 29px; text-align: left; width: 120px; border-bottom: 1px solid #bebebe; font-size: 15px; color: #222;}
.v_table td { background: #f8f8f8; padding: 10px 15px; border-bottom: 1px solid #bfbfbf;}

.t_point { position: relative; background: #707070; color: #fff; text-align: center; display: block; height: 26px; line-height: 26px;}

.c_list_all { position: relative; margin-left: 15px;}
.c_list_all li { line-height: 1.7;}
.c_list_all > li > ul { margin-left: 15px;}

.decimal_list { position: relative; padding: 15px 0 30px;}
.decimal_list li { position: relative; padding: 15px 0; padding-left: 48px; border-top: 1px solid #dedede; line-height: 1.4;}
.decimal_list li:first-child { border-top: 0;}
.decimal_list li > span { position: absolute; left: 0; top: 50%; height: 32px; margin-top: -16px; font-size: 33px; font-weight: bold; color: #5e83ad; line-height: 1;}

.com_wrap .tab_box:after { content: ""; display: block; clear: both;}
.com_wrap .tab_tit { position: absolute; left: 0; top: 9px;}
.com_wrap .tab_tit a { display: block; font-size: 19px; color:#2162af; height:36px; line-height:38px;}
.com_wrap .tab_tit a span {font-size: 19px; color:#222;}
.com_wrap .tab_nav { position:relative;}
.com_wrap .tab_nav:after { content: ""; display: block; clear: both;}
.com_wrap .tab_nav li { float: left;}
.com_wrap .tab_nav li a { display:block; height:36px; line-height:36px; padding: 0 20px; font-size:13px; text-align:center; background:#dedede; border:1px solid #b8b8b8; transition: .3s all ease; font-weight: bold; margin-left: -1px;}
.com_wrap .tab_nav li.on a, .com_wrap .tab_nav li a.tap, .com_wrap .tab_nav li.ui-tabs-selected a { background:#2062ae; border-color: #2062ae; color:#fff;}
.com_wrap .tab_nav br { display:none;}
.com_wrap .ui-tabs-hide { display: none;}
.com_wrap .tab_wrap { clear: both; background: #fdfaf1;}
.com_wrap .tab_wrap.fcw { background: #fff;}
.com_wrap .tab_nav.column05 li { width: 20%; margin-bottom: -1px;}
.com_wrap .tab_nav.column05 li a { padding: 0;}

.tsn { position:relative;}
.tsn:after { content: ""; display: block; clear: both;}
.tsn li { float: left; width: 50%;}
.tsn.c_box03 li { width: 33.3333%;}
.tsn li a { display:block; margin-left: -1px; height:36px; line-height:36px; padding: 0 20px; font-size:14px; text-align:center; background:#dedede; border:1px solid #b8b8b8; transition: .3s all ease; font-weight: bold;}
.tsn li a.on { background:#2062ae; border-color: #2062ae; color:#fff;}

.pic_wrap { position: relative; padding: 25px 20px 25px 270px;}
.pic_wrap.p01 { background: url(../company/bg_history01.jpg) no-repeat 35px 30px;}
.pic_wrap.p02 { background: url(../company/bg_history02.jpg) no-repeat 35px 30px;}
.pic_wrap.p03 { background: url(../company/bg_history03.jpg) no-repeat 35px 30px;}

.pic_col02 { position: relative; padding: 0 15px 80px; background: url(../company/bg_history04.jpg) no-repeat right bottom;}
.pic_col02:after { content: ""; display: block; clear: both;}
.pic_col02 > div { float: left; width: 50%;}
.pic_col02 > div .his_list { padding: 0 10px;}

.his_list li { padding: 8px 0; text-align: justify;}

.line_tit { position: relative; font-size: 18px; color: #2062ae; border-bottom: 2px solid #dfdfdf; padding-bottom: 10px;}
.line_tit span { display: block; font-size: 15px; color: #c0c0c0;}

.gray_box { position: relative; background: #f3f3f3; padding: 15px;}

.g_list { position: relative; background: #f3f3f3; padding: 10px 70px;}
.dash_line_list { position: relative;}
.dash_line_list > li { position: relative; padding: 20px 0; padding-left: 135px; background: url(../company/bg_line_dash.png) repeat-x 0 0; min-height: 155px;}
.dash_line_list > li:first-child { background: none;}
.dash_line_list > li > span { position: absolute; left: 0; top: 20px; display: block;}
.dash_line_list > li > span i { display: block; font-style: normal; padding-top: 10px; font-size: 12px;}
.dash_line_list > li > span i b { font-size: 15px;}

.dl_list { position: relative;}
.dl_list > li { position: relative; padding-left: 55px; margin: 3px 0; line-height: 1.4;}
.dl_list > li > span { position: absolute; left: 0; display: block; width: 53px; font-weight: bold;}

.com_collap { position: relative; padding-top: 10px;}
.com_collap .collap_tit { position: relative; border: 1px solid #e0e0e0; margin-top: -1px;}
.com_collap .collap_tit a { display: block; padding: 10px 15px 12px; font-size: 15px;}
.com_collap .collap_tit a:after { position: absolute; right: 15px; top: 7px; content: ""; display: block; width: 25px; height: 25px; background: url(../company/btn_collapsible.png) no-repeat 0 0;}
.com_collap .collap_tit.on a:after { background-position: 0 -25px;}
.com_collap .collap_tit a:hover { color: #d4253e;}

.com_collap .collap_box { padding: 6px 16px; background: #fafafa;}
.com_collap .collap_box > li { margin: 15px 0; line-height: 1.4;}
.com_collap .collap_box > li > b {  font-size: 15px;}

/* Company Board */
.pd_box .board_list { position: relative;}
.pd_box .board_table { border-top: 2px solid #dedede;}
.pd_box .board_table thead tr th { background: #f3f3f3; border-bottom: 1px solid #dedede; height: 50px; font-size: 15px;}
.pd_box .board_table tbody tr td {  border-bottom: 1px solid #dedede; text-align: center; font-size: 11px; vertical-align: middle; padding: 5px 2px; height: 40px;}
.pd_box .board_table tbody tr td > span { font-size: 13px; color: #808080;}
.pd_box .board_table tbody tr td > a { font-size: 13px;}
.pd_box .board_table tbody tr td .icon_w { display: inline-block; padding: 1px 2px;}
.pd_box .board_table tbody tr td .icon_w.c_red { background: #d4253e; color: #fff; font-weight: bold;}
.pd_box .board_table tbody tr td .b_link { display: block; text-align: left; font-size: 11px; font-weight: bold;}
.pd_box .board_table tbody tr td .b_link > span { display: inline-block; max-width: 420px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px; font-weight: normal; vertical-align: middle;}
.pd_box .board_table tbody tr td .b_link:hover > span { color: #d4253e;}
.pd_box .board_table tbody tr td .b_link img { vertical-align: middle; margin: 0 1px;}

/* 페이징 */
.pd_box .paging {text-align:center; margin:50px 0 0 0; font-size: 0;}
.pd_box .paging a {  display:inline-block; color:#222222; font-size:12px; vertical-align: top; padding:0 8px; height: 23px; line-height: 24px; margin: 0 3px; border:1px solid #fff;}
.pd_box .paging a:hover, .paging a:active { border:1px solid #dedede;}
.pd_box .paging a.on { border:1px solid #dedede; font-weight:bold; color:#2162af;}
.pd_box .paging a.page_prev { border-color: transparent; background: url(../company/btn_page_prev.png) no-repeat 0 0; margin-top: -1px; padding-top: 1px; width: 34px;}
.pd_box .paging a.page_prev:hover { background-position: 0 -25px;}
.pd_box .paging a.page_next { border-color: transparent; background: url(../company/btn_page_next.png) no-repeat 0 0; margin-top: -1px; padding-top: 1px; width: 34px;}
.pd_box .paging a.page_next:hover { background-position: 0 -25px;}

/* Button */
.pd_box .b_btn { display: inline-block; padding: 0 15px; height: 29px; line-height: 29px; background: #dedede; border: 1px solid #dedede; color: #333; vertical-align: middle; margin: 0 3px; font-size: 15px; font-weight: bold;}
.pd_box .c_white { background: #fff; border: 1px solid #dedede; color: #222;}
.pd_box .c_black { background: #333; border: 1px solid #dedede; color: #fff;}

.pd_box .bbs_btn {padding-top:10px; padding-bottom:10px; overflow: hidden; zoom:1;}
.pd_box .bbs_btn .left{float:left; height:21px;}
.pd_box .bbs_btn .right{float:right; height:21px;}

.pd_box .arrage_n {margin-top:10px; margin-bottom:10px;}
.pd_box .arrage_r {margin-top:10px; margin-bottom:10px; text-align:right; }
.pd_box .arrage_l {margin-top:10px; margin-bottom:10px; text-align:left; }
.pd_box .arrage_c {margin-top:10px; margin-bottom:10px; text-align:center; }

.pd_box .file_wrapper { position: relative;}
.pd_box .file_wrapper h5 { background: #f3f3f3; border-top: 1px solid #dedede; padding: 0 30px; height: 30px; line-height: 30px;}
.pd_box .file_wrapper ul { padding: 5px 30px;}
.pd_box .file_wrapper ul li { margin: 5px 0;}
.pd_box .file_wrapper ul li a img { margin-right: 7px;}
.pd_box .file_wrapper ul li a { color: #222;}
.pd_box .file_wrapper ul li a:hover { color: #d4253e;}

.com_wrap .form_box { position: relative; padding: 26px 0 16px;}
.com_wrap .form_box:after { content: ""; display: block; clear: both;}
.com_wrap .form_box * { font-size: 15px;}

.com_wrap .form_box dl { position: relative; margin-bottom: 10px;}
.com_wrap .form_box dl:after { content: ""; display: block; clear: both;}
.com_wrap .form_box dl dt, .form_box dl dd { float: left;}
.com_wrap .form_box dl dt { width: 100px; padding-top: 8px;}
.com_wrap .form_box dl dt span, .com_wrap .form_box dl dt label { color: #808080;}
.com_wrap .form_box dl dd { position: relative; width: 548px; font-size: 0;}
.com_wrap .form_box dl dd > span { position: relative; display: block; margin: 7px 0 5px;}
.com_wrap .form_box dl dd textarea { height: 150px;}

.com_wrap .i_label { left: 7px; top: 8px; color:#bbb;}
.com_wrap .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #d4253e; vertical-align: middle;}
.com_wrap .wid01 { width: 160px;}
.com_wrap .wid02 { width: 485px;}
.com_wrap .wid03 { width: 64px;}
.com_wrap .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.com_wrap .column02:after { content: ""; display: block; clear: both;}
.com_wrap .column02 > dl { float: left; width: 50%;}
.com_wrap .column02 > dl dd { width: 224px;}

.com_wrap input { vertical-align: middle;}

.com_wrap .btn_gray { display: inline-block; padding: 0 15px; height: 38px; line-height: 39px; background: #dedede; color: #333; vertical-align: middle; margin-left: 5px;}
.com_wrap .btn_gray:hover { background: #ccc;}

.com_wrap .btn_blue { display: inline-block; padding: 0 22px; height: 47px; line-height: 48px; background: #1b66bf; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 19px;}
.com_wrap .btn_blue:hover { background: #0850a5;}

.com_wrap .btn_bic { padding: 0 22px; height: 47px; line-height: 48px; font-size: 19px;}

.com_wrap .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #d4253e !important;}

.com_wrap .mb_list li { position: relative; margin-top: 5px;}
.com_wrap .mb_list li:first-child { margin-top: 0;}

.com_wrap .float_list { position: relative;}
.com_wrap .float_list:after { content: ""; display: block; clear: both;}
.com_wrap .float_list li { position: relative; float: left;}
.com_wrap .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.com_wrap .float_list li:first-child:before { display: none;}

.com_wrap .btn_center { position: relative; text-align: center; padding: 20px 0;}

.com_wrap .form_box dl .slt { width: 173px;}

.com_wrap .chk_list { line-height: 1;}

.com_wrap .terms_wrap { border-bottom: 1px solid #dedede; margin-bottom: 8px; height: 185px;}
.com_wrap .terms_wrap > h3 { height: 35px; line-height: 36px; background: #f3f3f3; font-size: 19px; padding: 0 10px;}
.com_wrap .terms_wrap .terms_box { height: 120px; overflow-y: scroll;}
.com_wrap .terms_wrap iframe { width: 100%; height: 150px;}

.com_wrap .terms_agree { position: relative; padding: 5px 0 23px;}

.com_wrap .box_gray { position: relative; padding: 32px 20px; background: #f3f3f3;}
.com_wrap .box_gray p { font-size: 19px; color: #1b66bf; text-align: center; margin-bottom: 18px;}

.com_wrap .user_confirm:after { content: ""; display: block; clear: both;}
.com_wrap .user_confirm li { float: left; position: relative; margin-left: 6px;}
.com_wrap .user_confirm li:first-child { margin-left: 0;}
.com_wrap .user_confirm li .i_label { left: 15px; top: 12px; font-size: 17px; color:#808080;}
.com_wrap .user_confirm li .i_text { padding: 13px 15px; font-size: 17px; line-height: 1;}
.com_wrap .user_confirm li .i_text:focus { border-color: #1b66bf;}

.com_wrap .cal_input { width: 111px; background: url(../bg/bg_cal.png) no-repeat right 9px;}

.box_account { position: relative; background: #f3f3f3; padding: 20px; padding-left: 140px; font-size: 18px !important; margin-bottom: 20px;}
.box_account h5 { position: absolute; left: 20px; top: 18px; font-size: 18px !important;}
.box_account > img { margin-top: -3px;}

.account_field { position: relative; margin-top: 15px;}
.account_field:after { content: ""; display: block; clear: both;}
.account_field > li { float: left; position: relative; padding-left: 63px; margin-bottom: 7px; margin-right: 15px;}
.account_field > li > label { position: absolute; left: 0; top: 8px;}
.account_field > li .wid05 { width: 97px;}
.account_field > li .wid06 { width: 230px;}

.f_sel_list:after { content: ""; display: block; clear: both;}
.f_sel_list > li { float: left; position: relative; margin-right: 5px;}

.caution_wrap { position: relative; border: 1px solid #dedede; padding: 18px; padding-left: 134px; background: url(../company/bg_caution.png) no-repeat 43px center; margin: 10px 0 20px;}
.caution_wrap i { display: block; font-style: normal; color: #d4253e;}

.recruit_wrap { position: relative;}
.recruit_wrap * { font-size: 12px;}

.recruit_wrap input[type=text], .recruit_wrap input[type=password], .recruit_wrap input[type=number], .recruit_wrap input[type=tel], .recruit_wrap input[type=email] { font-size:12px; width:inherit; height:12px; padding:3px;}
button, input[type=button], input[type=reset], input[type=submit] { cursor:pointer; -webkit-appearance:button; border:none; font-family: Nanum Gothic, Apple SD Gothic Neo, Droidsans, AppleSDGothic, Arial, sans-serif; font-size:15px; margin:0; border-radius:0; outline:0;}
.recruit_wrap input[type=radio], input[type=checkbox] { position:static; margin:0 !important;}
.recruit_wrap textarea { margin: 0 !important;}
.recruit_wrap input[type=file] { border:1px solid #dedede; border-radius:0; -webkit-appearance:none; font-family: Nanum Gothic, Apple SD Gothic Neo, Helvetica, Droid Sans, AppleSDGothic, Arial, sans-serif; color:#222; font-size:12px; width:100%; height:inherit; line-height: inherit; background: #fff !important; padding: 0 3px;}
.recruit_wrap select { border: 1px solid #dedede;}

.r_table { margin-bottom: 15px;}
.r_table th { background: #f5f5f5;}
.r_table td, .r_table th { border: 1px solid #dedede; padding: 3px 5px;}
.r_table label { margin: 0 5px 0 3px;}
.r_table .w01 { width: 100px !important;}
.r_table .w02 { width: 50px !important;}
.r_table .w03 { width: 70px !important;}

.recruit_wrap .btn_zip { display: inline-block; background: #666; line-height: 20px; height: 20px; vertical-align: middle; border-radius: 2px; color: #fff; font-weight: bold; padding: 0 5px;}

.recruit_wrap .btn_blue { display: inline-block; padding: 0 22px; height: 47px; line-height: 48px; background: #1b66bf; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 19px;}
.recruit_wrap .btn_blue:hover { background: #0850a5;}

.recruit_wrap .btn_center { position: relative; text-align: center; padding: 20px 0;}

.recruit_wrap .rt_tit { padding: 5px 0; font-size: 13px;}