@charset "utf-8";


/* 마진 */
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt100 {margin-top:100px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}




/* 텍스트 색상 */
.red_cr {color:#f32e2d; }
.red_cr2 {color:#f18282; }
.blue_cr {color:#149ab8; }
.blue_cr2 {color:#2c6693; }
.blue_cr3 {color:#278bc6; }
.green_cr {color:#6d9d31; }
.black_cr {color:#181818; }
.orange_cr {color:#ff8504; }
.orange_cr2{color:#E57701;}

/* h타이틀 */
h4.title4 {padding:0 0 0 25px; background:url(/images/kr/common/bul_h4.png) no-repeat left 1px; font-size:20px; font-weight:600; color:#2e2e2e;}
h5.title5 {padding:0 0 0 17px; background:url(/images/kr/common/bul_h5.png) no-repeat left 5px; font-size:16px; font-weight:600; color:#2e2e2e;}
h6.title6 {padding:0 0 0 13px; background:url(/images/kr/common/bul_h6.png) no-repeat left 7px; font-size:14px; font-weight:600; color:#278bc6;}

/* h타이틀-블릿없음 */
h5.title5_b {padding:0 0 0 0px; background:none; font-size:16px; font-weight:600; color:#2e2e2e;}


/*h4 들여쓰기*/
.indent_box1 {margin-left:25px;}
/*h5 들여쓰기*/
.indent_box2 {margin-left:18px;}
/*h6 들여쓰기*/
.indent_box3 {margin-left:14px;}


/* 리스트 + 병합 */
ul.ul_list1 li {padding-left:10px; background:url(/images/kr/common/sh_dot01.gif) no-repeat left 9px;}
ul.ul_list1 li:first-child {padding-top:5px; background:url(/images/kr/common/sh_dot01.gif) no-repeat left 15px;}
ul.ul_list1 li > ul.ul_list2 li {padding-left:8px; background:url(/images/kr/common/sh_dot02.gif) no-repeat left 8px;}
ul.ul_list1 li > ul.ul_list2 li:first-child {padding-left:8px; background:url(/images/kr/common/sh_dot02.gif) no-repeat left 12px;}
ul.ul_list1 li >  ul.ul_list2 li > ul.ul_list3 li {padding-left:8px; background:url(/images/kr/common/sh_dot03.gif) no-repeat left 8px; font-size:13px; line-height:20px; color:#767676;}
ul.ul_list1 li >  ul.ul_list2 li > ul.ul_list3 li:first-child {padding-left:8px; background:url(/images/kr/common/sh_dot03.gif) no-repeat left 13px; font-size:13px; line-height:20px; color:#767676;}
ul.ul_list2 li {padding-left:20px; background:url(/images/kr/common/sh_dot02.gif) no-repeat 12px 8px;}
ul.ul_list2 li:first-child {padding-top:5px; background:url(/images/kr/common/sh_dot02.gif) no-repeat 12px 12px;}
ul.ul_list3 li {padding-left:29px; background:url(/images/kr/common/sh_dot03.gif) no-repeat 20px 8px; font-size:13px; line-height:20px; color:#767676;}
ul.ul_list3 li:first-child {padding-top:5px; background:url(/images/kr/common/sh_dot03.gif) no-repeat 20px 13px;}
ul.ul_list_none li {padding-left:0px; background:none; font-size:14px;}


/* 일반텍스트 관련 */
p.text_st1 {padding-left:15px; background:url(/images/kr/common/bul_focus.gif) no-repeat left 7px;}
p.text_st2 {padding-left:20px; background:url(/images/kr/common/ico_caution.gif) no-repeat left 4px;}
p.text_st3 {padding-left:18px; background:url(/images/kr/common/bul_box_red.gif) no-repeat left 6px;}


/* 외부링크, a링크 */
a.link_base[target="_blank"] {color:#ef7c01;}
a.link_base span {padding-right:15px; background:url(/images/kr/common/sh_blank_icon.png) no-repeat right 3px;}
a.link_base:hover,
a.link_base:focus,
a.link_base:active {color:#ef7c01;}/*a링크 첫번째*/
a.link_base2:hover,
a.link_base2:focus,
a.link_base2:active {color:#406abf;}/*a링크 두번째*/
a.link_base3:hover,
a.link_base3:focus,
a.link_base3:active {color:#107902;}/*a링크 세번째*/
a.link_base [target="_blank"] {color:#ef7c01; border:1px solid red;}



/* 다운로드 아이콘 블릿관련 */
a.icon_bul_base {display:inline-block; width:24px; height:24px; background:url(/images/kr/common/ico_file.gif) no-repeat left top; overflow:hidden;}
a.icon_bul_base span {display:none;}
a.icon_bul1 {background-position:left -30px;}
a.icon_bul2 {background-position:left -60px;}
a.icon_bul3 {background-position:left -90px;}
a.icon_bul4 {background-position:left -120px;}
a.icon_bul5 {background-position:left -150px;}
a.icon_bul6 {background-position:left -180px;}

/* 버튼 스타일 */
.btn_base_center {width:100%; text-align:center;} /* 가운데 정렬일 경우 */
a.btn_base {display:inline-block; padding:9px 15px; background:#fff; border:1px solid #e4e4e4; vertical-align:middle; color:#343434; border-radius:3px;}
a.btn_base span {padding-right:17px; background:url(/images/kr/common/sh_bt_arr_gray.png) no-repeat right;}
a.btn_base:hover, a.btn_base:focus, a.btn_base:active {background:#495c6b; color:#fff; border:1px solid #3a4852; text-decoration:none;}
a.btn_base:hover span, a.btn_base:focus span, a.btn_base:active span {padding-right:17px; background:url(/images/kr/common/sh_bt_arr_on.png) no-repeat right;}

/* 버튼 스타일 */
a.btn_mini {display:inline-block;  padding:5px 10px 5px 10px;background:#fff; color:#343434; border:1px solid #dcdcdb; font-size:12px; border-radius:3px;}
a.btn_mini span {padding-right:17px; background:url(/images/kr/common/sh_bt_arr_gray.png) no-repeat right;} 
a.btn_mini:hover, a.btn_mini:focus, a.btn_mini:active {background:#767676; color:#fff; border:1px solid #767676; text-decoration:none;}
a.btn_mini:hover span, a.btn_mini:focus span, a.btn_mini:active span {padding-right:17px; background:url(/images/kr/common/sh_bt_arr_on.png) no-repeat right;}

/* 포인트 버튼 */
a.btn_point1 {background:#278bc6; color:#fff; border:1px solid #2177aa;}
a.btn_point1 span {background:url(/images/kr/common/sh_bt_arr_on.png) no-repeat right;}
a.btn_point2 {background:#53c2ed; color:#fff; border:1px solid #47b0d9;}
a.btn_point2 span {background:url(/images/kr/common/sh_bt_arr_on.png) no-repeat right;}
a.btn_point3 {background:#ff8604; color:#fff; border:1px solid #e77d0c;}
a.btn_point3 span {background:url(/images/kr/common/sh_bt_arr_on.png) no-repeat right;}
a.btn_point4 {background:#7f8082; color:#fff; border:1px solid #717274;}
a.btn_point4 span {background:url(/images/kr/common/sh_bt_arr_on.png) no-repeat right;}
a.btn_point5 {width:268px; padding:15px; background:#DD6500; color:#fff; border-radius:4px; border:1px solid #B85400; text-align:center;}
a.btn_point5 span {background:url(/images/kr/common/btn_arrow.png) no-repeat right;}
a.btn_point5:hover span, a.btn_point5:focus span, a.btn_point5:active span {padding-right:17px; background:url(/images/kr/common/btn_arrow.png) no-repeat right;}
a.btn_point6 {width:268px; padding:15px; background:#157FBE; color:#fff; border-radius:4px; border:1px solid #236a94;}
a.btn_point6 span {background:url(/images/kr/common/btn_arrow.png) no-repeat right;}
a.btn_point6:hover span, a.btn_point6:focus span, a.btn_point6:active span {padding-right:17px; background:url(/images/kr/common/btn_arrow.png) no-repeat right;}

/*홈페이지 버튼*/
a.btn_home {background:#1C7DB6; color:#fff; border:1px solid #1e7ab0; border-radius:3px;}
a.btn_home span {padding:5px 30px 5px 0; background:url(/images/kr/support/icon_home.png) no-repeat right;}
a.btn_home:hover span {padding:5px 30px 5px 0; background:url(/images/kr/support/icon_home.png) no-repeat right; }

/*링크 버튼*/
a.btn_link {background:#278bc6; color:#fff; border:1px solid #1e7ab0; border-radius:3px;}
a.btn_link span {padding:5px 30px 5px 0; background:url(/images/kr/common/icon_link.png) no-repeat right;}
a.btn_link:hover span {padding:5px 30px 5px 0; background:url(/images/kr/common/icon_link.png) no-repeat right; }

/* 파일 버튼 */
a.btn_down {display:inline-block; padding:9px 15px; background:#fff; color:#343434; border:1px solid #e4e4e4; vertical-align:middle; border-radius:3px;}
a.btn_down span{padding:0 0 0 28px;}
a.btn_down:hover, a.btn_down:focus, a.btn_down:active {border-color:#181818; text-decoration:none;}

/* pdf */
a.btn_pdf span {padding:5px 30px 5px 0; background:url(/images/kr/support/icon_pdf.png) no-repeat right 0;}

/* hwp */
a.btn_hwp span {padding:5px 0 5px 28px; background:url(/images/kr/support/icon_hw.png) no-repeat;}

/*다운로드 변형*/
a.btn_down_icon {padding-right:16px; color:#f32e2d; font-weight:bold; background:url(/images/kr/support/icon_down.gif) no-repeat right;}


/* 기본 테이블 */
.tb_base {width:100%; border-collapse:collapse; border-top:3px solid #5e5e5e; border-left:1px solid #e5e5e3; font-size:14px;}
.tb_base caption span {position:absolute; top:-9999px; visibility:hidden; overflow:hidden; height:0px; width:0px;}
.tb_base thead th {padding:15px; background:#f5f5f4; border-right:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3; color:#343434;}
.tb_base thead th.br_none {border-right:0;}
.tb_base tbody tr.group_divis {border-top:3px double #d7d7d7;}
.tb_base tbody th {padding:15px; background:#f5f5f4; border-right:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3; font-weight:bold; color:#353535;}
.tb_base tbody td {padding:15px; border-right:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3; text-align:left;  color:#333;}
.tb_base tbody td.ta_c {text-align:center;}
.tb_base tbody td.bl_none {border-left:0;}
.tb_base tbody td.br_none {border-right:0;}
.tb_base tbody.tb_center td {text-align:center;}
.tb_base tbody.tb_center td.ta_l {text-align:left;}
.tb_base tbody.va_t {vertical-align:top;}
.tb_base tbody td img {width:100%; }

.tb_base tfoot {border-top:3px double #d7d7d7;}
.tb_base tfoot th {padding:15px; background:#f5f5f4; border-right:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3; font-weight:bold; color:#353535;}
.tb_base tfoot td {padding:15px; background:#f5f5f4; border-right:1px solid #e5e5e3; border-bottom:1px solid #e5e5e3; text-align:center; font-weight:bold; color:#353535;}

.tb_txt {margin-top:-20px; text-align:right; font-size:13px; color:#767676;}

/*테이블 td패딩 스타일*/
.tb_base tbody.pad_small td {padding:5px; }
.tb_base tbody.pad_small td.ta_c {text-align:center;}

/* 공통탭(기본5개) */
.tab_wrap {width:100%; margin-bottom:35px; padding-bottom:1px; background:url(/images/kr/common/tab_line.gif) repeat-x bottom;}
.tab_wrap .basic_tab {overflow:hidden; margin:0 0 0 -2px;}
.tab_wrap .basic_tab li {float:left; width:20%; margin-bottom:5px;}
.tab_wrap .basic_tab li a {display:block; margin-left:5px; padding:17px 0 15px 0; background-color:#f2f5f6; border:1px solid #e4e4e4; font-weight:bold; letter-spacing:-1px; font-size:14px; text-align:center; color:#4d4d4f;}
.tab_wrap .basic_tab li.on a,
.tab_wrap .basic_tab li a:hover,
.tab_wrap .basic_tab li a:focus,
.tab_wrap .basic_tab li a:active {padding:15px 0 15px 0; color:#181818; background-color:#efede7; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-top:3px solid #ff8504; text-decoration:none;}
.tabTi {display:none;}

/* 공통탭(1개짜리) */
.tab_wrap .basic_tab1 li {width:100%; }
/* 공통탭(2개짜리) */
.tab_wrap .basic_tab2 li {width:50%; }
/* 공통탭(3개짜리) */
.tab_wrap .basic_tab3 li {width:33.2%; }
.tab_wrap .basic_tab3 li {padding:0;}
.tab_wrap .basic_tab3 li a.minheight {padding:7px 0 3px 0;}
.tab_wrap .basic_tab3 li a.minheight:hover {padding:5px 0 3px 0;}
.tab_wrap .basic_tab3 li a.mhov {padding:5px 0 3px 0;}
/* 공통탭(4개짜리) */
.tab_wrap .basic_tab4 li {width:25%; }



/* 박스타이틀 */
.box_title {padding:20px 20px 20px 140px; background:url(/images/kr/common/ico_box.png) no-repeat 20px #fff; border:1px solid #e4e4e4;}
.box_title .p_title {font-size:18px; font-weight:bold; color:#2e2e2e;}

.box_normal {padding:20px; background:#fff; border:1px solid #e4e4e4;}
.box_normal .p_title {font-size:18px; font-weight:bold; color:#2e2e2e;}

.box_gray {padding:20px; background:#eee; border:1px solid #e4e4e4;}
.box_gray .p_title {font-size:18px; font-weight:bold; color:#2e2e2e;}

.box_applicant {padding:20px; background:url(/images/kr/common/bg_box_pro.gif) repeat center top; border:1px solid #e4e4e4;}
.box_applicant .p_title {font-size:18px; font-weight:bold; color:#2e2e2e;}


/* 페이징  line-height:18px; 
.page_navi {text-align:center;}
.page_navi a.btn_page {display:inline-block; width:34px; height:34px; padding:0; margin:0; background:#d6d6d6; border:1px solid #ccc; vertical-align:middle;}
.page_navi a.btn_page:hover {border:1px solid #222222; background:#333;}
.page_navi a {display:inline-block; width:34px; height:26px; padding:8px 0 0 0; text-align:center; background:#f7f7f7; border:1px solid #ccc; vertical-align:middle;}
.page_navi a.on,
.page_navi a:hover,
.page_navi a:focus,
.page_navi a:active {border:1px solid #ac0c0c; background:#dd0f0f; color:#fff; text-decoration:none;}
*/

/* 페이징  line-height:18px; */
.page_navi {text-align:center;}
.page_navi a {display:inline-block; width:34px; height:26px; padding:6px 0 2px 0; margin-right:5px; text-align:center; background:#ffffff; border:1px solid #dcdcdb; border-radius:3px; vertical-align:middle;}
.page_navi a:last-child {margin-right:0; }
.page_navi a.on,.page_navi a:hover,.page_navi a:focus,.page_navi a:active {border:1px solid #343434; background:#343434; color:#fff; text-decoration:none;}
.page_navi a.one_left {background:url(/images/kr/common/one_left.png) no-repeat 14px; background-color:#f5f5f4; border:1px solid #dcdcdb; font-size:0; }
.page_navi a.one_left:hover {background:url(/images/kr/common/one_left_over.png) no-repeat 14px; background-color:#4c4c4c; border:1px solid #343434; font-size:0; }
.page_navi a.two_left {background:url(/images/kr/common/two_left.png) no-repeat 11px; background-color:#f5f5f4; border:1px solid #dcdcdb; font-size:0; }
.page_navi a.two_left:hover {background:url(/images/kr/common/two_left_over.png) no-repeat 11px; background-color:#4c4c4c; border:1px solid #343434; font-size:0; }
.page_navi a.one_right {background:url(/images/kr/common/one_right.png) no-repeat 14px; background-color:#f5f5f4; border:1px solid #dcdcdb; font-size:0; }
.page_navi a.one_right:hover {background:url(/images/kr/common/one_right_over.png) no-repeat 14px; background-color:#4c4c4c; border:1px solid #343434; font-size:0; }
.page_navi a.two_right {background:url(/images/kr/common/two_right.png) no-repeat 11px; background-color:#f5f5f4; border:1px solid #dcdcdb; font-size:0; }
.page_navi a.two_right:hover {background:url(/images/kr/common/two_right_over.png) no-repeat 11px; background-color:#4c4c4c; border:1px solid #343434; font-size:0; }



/* 이미지박스 리스트 */
.txt_percent50_right {float:right; width:50%; margin-left:-10px;}/*익스7 49%로 해야 됨.*/
.txt_percent50_right > div {margin-left:10px}
.img_percent50_left {float:left; display:block; width:50%; margin-right:10px;}
.img_percent50_left img {width:100%;}

.txt_percent50_left {float:left; width:50%; margin-left:-10px;}
.txt_percent50_left > div {margin-left:10px}
.img_percent50_right {float:right; display:block; width:50%;}
.img_percent50_right img {width:100%;}

.txt_percent70_right {float:right; width:68%;}/*익스7 49%로 해야 됨.*/
.txt_percent70_right > div {margin-left:10px}
.img_percent30_left {float:left; display:block; width:30%; margin-right:10px;}
.img_percent30_left img {width:100%;}




/* 5단-기본 */
.two_page_box {width:auto; padding:10px 20px 10px 20px; background:#eee; border:1px solid #e5e5e3;}
.two_page_box ul.page_ul_bace {overflow:hidden; margin-left:-20px;}
.two_page_box ul.page_ul_bace > li {float:left; overflow:hidden; width:20%; margin:10px 0;}
.two_page_box ul.page_ul_bace > li .page_cont {margin-left:20px; background:#ccc;}
.two_page_box ul.page_ul_bace > li .page_cont h5 {padding:10px; background:#aaa; font-size:16px; font-weight:bold; color:#2e2e2e;}
.two_page_box ul.page_ul_bace > li .page_cont ul li {padding:10px;}

/* 4단 */
.two_page_box ul.page_ul4 > li {width:25%;}

/* 3단 */
.two_page_box ul.page_ul3 > li {width:33.3%;}

/* 2단 */
.two_page_box ul.page_ul2 > li {width:50%;}

/* 1단 */
.two_page_box ul.page_ul1 > li {width:100%;}

/* 높이 고정 */
.two_page_height {padding:10px 20px 10px 20px;}
.two_page_height ul.page_ul_bace > li .page_cont {min-height:240px;}


/*이미지 두개일 경우*/
.photo_two img{width:48%; margin-right:5px; }

/*이미지라인*/
.line {padding:20px; border:1px solid #dddddd; }

/*굵은글씨*/

.bold {font-weight:600; }

/*정렬*/
.center {text-align:center; }
.right {text-align:right;}
.left {text-align:left;}

/*반응형코딩작업*/
.br {display:none;}

/*밑줄*/
.bot_line {padding-bottom:10px; border-bottom:1px solid #dddddd;}


/*포인트글씨스타일*/
.point_tit01 {font-size:18px; font-weight:600; color:#278bc6; }
.point_tit02 {font-size:16px; font-weight:600; color:#278bc6; }


/*폰트사이즈*/
.fs18 {font-size:18px;}



/***********************************************************************************************************************************************************/
/********************************************************1024~1199 반응 코드(pc작은 해상도~태블릿 가로)*********************************************************/
/***********************************************************************************************************************************************************/

@media only screen and (max-width: 1199px) {

}





/***********************************************************************************************************************************************************/
/********************************************************768~1023 반응 코드(태블릿 세로)**********************************************************************/
/***********************************************************************************************************************************************************/

@media only screen and (max-width: 1023px) {

/*h4 들여쓰기*/
.indent_box1 {margin-left:0;}
/*h5 들여쓰기*/
.indent_box2 {margin-left:0;}
/*h6 들여쓰기*/
.indent_box3 {margin-left:0;}


/* 5단-기본 */
.two_page_box ul.page_ul_bace > li {width:50%;}

}




/***********************************************************************************************************************************************************/
/********************************************************320~767 반응 코드(모바일)****************************************************************************/
/***********************************************************************************************************************************************************/

/* 320 ~ 767 */
@media only screen and (max-width: 767px) {


/* 공통탭 */
.tab_wrap .basic_tab li {width:50%;}
.tab_wrap .basic_tab li a.minheight { padding:17px 5px 15px 5px; }
.tab_wrap .basic_tab li a.minheight:hover,
.tab_wrap .basic_tab li a.minheight:focus,
.tab_wrap .basic_tab li a.minheight:active { padding:15px 5px; }
.br_none { display:none; }
.tab_wrap .basic_tab3 li a.minheight {padding:17px 5px 15px 5px;}
.tab_wrap .basic_tab3 li a.minheight:hover {padding:15px 5px;}
.tab_wrap .basic_tab3 li a.mhov {padding:17px 5px 15px 5px;}


/* 5단-기본 */
.two_page_box ul.page_ul_bace > li {float:none; width:100%;}


/* 이미지박스 리스트 */
.txt_percent50_right {float:none; width:100%; margin-left:0;}/*익스7 49%로 해야 됨.*/
.txt_percent50_right > div {margin-left:0;}
.img_percent50_left {float:none; width:100%; margin-right:0;}

.txt_percent50_left {float:none; width:100%; margin-left:0;}
.txt_percent50_left > div {margin-left:0;}
.img_percent50_right {float:none; width:100%;}

.txt_percent70_right {float:none; width:100%; margin:10px 0 0 0; }/*익스7 49%로 해야 됨.*/
.txt_percent70_right > div {margin-left:0;}
.img_percent30_left {float:none; width:99%;}



/* 모바일용마진 */
.momt5 {margin-top:5px !important;}
.momt10 {margin-top:10px !important;}
.momt40 {margin-top:40px !important;}

/*이미지 두개일 경우*/
.photo_two img{width:100%; margin-top:10px; }

/*반응형코딩작업*/
.br {display:block; }

/* 테이블 관련 손가락 */
.notice_tb_wrap {overflow-x:scroll; overflow-y:hidden; width:100%; padding:51px 0 20px 0; background:url(/images/kr/common/finger.png) no-repeat 100% 8px;}
.notice_tb_wrap table{width:910px !important; }


/* 페이징*/
.page_navi .none {display:none;}

}