@charset "utf-8";



/* 오토 컴플릿 스크롤 및 높이 조절*/
.ui-autocomplete{max-height: 300px;overflow-y: auto;overflow-x: hidden;}
html .ui-autocomplete{height: 300px;}

/* 인트로 */
.bg_intro{background:url('../images/intro/bg_intro.gif') repeat;}
.btn_intro_home{position:absolute;right:10px;top:10px;}
.wrap_intro{position:absolute;left:50%;top:50%;margin:-337px 0 0 -250px;width:500px;height:674px;}
.box_intro{margin:15px auto 0 auto;width:384px;height:255px;background:url('../images/intro/bg_box_login.png') no-repeat;padding:20px 19px;}
.link_intro{display:inline-block;margin-top:50px;width:100%;text-align:center;font-size:14px;color:#969aa4 !important;}
.link_intro:hover{color:#969aa4 !important;}
.intro_input{width:346px;height:30px;background:url('../images/intro/bg_input.png') no-repeat;padding-left:10px;line-height:30px;color:#23262e;font-weight:600;}

body{background:#f1f1f1;}



/* 왼쪽메뉴 */
#left_menu{width:200px;background:url('../images/common/bg_left_menu.gif') repeat-y;display: none;float:left;}
h3{width:100%;height:89px;background:url('../images/common/bg_left_menu_title.gif') repeat-x;border-bottom:2px solid #c52127;line-height:89px;text-align:center;font-size:20px;color:#fff;font-weight:normal !important;}/* 컬러 변경 */
.depth_1 li{border-bottom:1px solid #000;}
.depth_1 li a{display:block;line-height:48px;text-indent:20px;font-size:13px;color:#fff;font-weight:400;font-family:'NanumGothic';}
.depth_1 li a:hover, .depth_1 li a.on{background:url('../images/common/bg_menu_1depth_on.png') no-repeat;}
.depth_1 li ul{background:url('../images/common/bg_menu_2depth.png') repeat;}
.depth_1 li ul li{border-top:1px solid #222;margin:0 10px;border-bottom:0;}
.depth_1 li ul li:first-child{border-top:0;}
.depth_1 li ul li a{line-height:40px;font-size:12px;font-weight:normal;color:#888888;text-indent:20px;font-family:'NanumGothic';background:url('../images/common/icon_arr_1.gif') no-repeat 7px center;}
.depth_1 li ul li a:hover, .depth_1 li ul li a.on{color:#46b9f0;background:none;background:url('../images/common/icon_arr_2.gif') no-repeat 7px center;}/* 컬러변경 */


/* 상단 */
.wrap_all{margin-left:0px;overflow:hidden;}
#header{position:relative;height:50px;background:url('../images/common/bg_header.gif') repeat-x;}
h1{display:inline-block;margin-top:8px;}
h1.new{display:inline-block;line-height:50px;height:50px;border-left:1px solid #23262e;margin:0 0 0 51px}
.top_left{position:absolute;left:10px;top:9px;}
.top_right{position:absolute;right:0;top:0;}
.top_right span{display:inline-block;line-height:50px;padding:0 10px 0 40px;background:url('../images/common/icon_people.png') no-repeat 0 center;color:#9b9ea2;font-family:'돋움';}
.top_right span em{font-family:'돋움';}


/* 주메뉴
#menu{width:100%;height:40px;background:url('../images/common/bg_menu.gif') repeat-x;}
#menu ul{overflow:hidden;width:100%;}
#menu ul li{float:left;line-height:40px;width:10%;background:url('../images/common/bg_menu_line.gif') no-repeat right 0;padding-right:1px;}
#menu ul li a{display:block;width:100%;text-align:center;font-size:14px;color:#3e3e3e;font-weight:600;}
#menu ul li a:hover, #menu li a.on{background:url('../images/common/bg_menu_on.gif') repeat-x;color:#fff;}
 */

#menu1{display:inline-block;height:50px;width:70%;}
#menu1 ul{overflow:hidden;width:100%;}
#menu1 ul li{float:left;line-height:50px;width:12%;border-right:1px solid #23262e;}
#menu1 ul li:first-child{border-left:1px solid #23262e;}
#menu1 ul li a{display:block;width:100%;text-align:center;font-size:13px;color:#fff;font-weight:600;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#menu1 ul li a:hover, #menu1 li a.on{background:url('../images/common/bg_top_menu_on.gif') repeat-x;color:#fff;}/* 컬러 배경 변경 */



/* 네비 */
.navi{overflow:hidden;height:33px;background:url('../images/common/bg_navi.gif') repeat-x;}
.navi span{display:inline-block;height:33px;line-height:33px;background:url('../images/common/icon_navi.png') no-repeat 20px 10px;padding-left:42px;font-size:12px;color:#777777;font-family:'돋움';}

.navi1{position:absolute;top:1px;right:5px;overflow:hidden;height:33px;}
.navi1 span{display:inline-block;height:33px;line-height:33px;background:url('../images/common/icon_navi.png') no-repeat 20px 9px;padding-left:37px;font-size:12px;color:#777777;font-family:'돋움';font-weight:normal;}



/* 서브콘텐츠 */
.sub_content{padding:0 10px 10px 10px;}
h4{position:relative;height:48px;line-height:46px;padding-left:30px;font-size:18px;color:#275DC0;background:url('../images/common/icon_h4.png') no-repeat 0 11px;}/* 컬러변경 */


/* 박스타입 */
.box_type_1{overflow:hidden;background:#fbfbfb;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/* 블릿 */
.blot_0{background:url('../images/common/icon_arr_1.gif') no-repeat 10px 5px;padding-left:25px;}
.blot_1{background:url('../images/common/icon_arr_1.gif') no-repeat 10px center;padding-left:25px;}


/* 아이콘 */
/*.excel{display:inline-block;width:100%;min-height:100%;background:url('../images/common/icon_excel.png') no-repeat 10px center;}*/


/* 콘텐츠  */
.top_info{overflow:hidden;line-height:30px;border-bottom:1px dotted #999;}
.top_info_1{overflow:hidden;padding:5px 0 4px;border-bottom:1px dotted #999;}
h5{font-family:'Noto Sans KR' !important;text-indent:15px;font-size:13px;color:#333;font-weight:900;line-height:30px;background:url('../images/common/icon_h5.png') no-repeat 0 8px;}/* 컬러변경 */
.footer_info{overflow:hidden;line-height:45px;border-top:1px dotted #999;}
/*.detail_open{display:none;position:absolute;top:220px;right:20px;}*/s


/* 페이지 넘버 */
.number_list{overflow:hidden;}
.number_list li{float:left;}
.number_list li a{display:inline-block;line-height:35px;height:35px;width:35px;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.number_list li:first-child a{border-left:1px solid #ccc;}
.number_list li a.fc{border-left:1px solid #ccc;}
.number_list li a:hover{color:#000;font-weight:700;letter-spacing:-1;background:#ddd}
.number_list li a img{vertical-align:top;}
.number_list li a.on{background:#ddd;}




/* 범용게시판 리스트
.table_type_1{width:100%;font-family:'돋움';}
.table_type_1 thead tr{border-top:1px solid #e4e4e4;background:#eee;}
.table_type_1 thead th{position:relative;height:36px;color:#555555;border-left:1px dotted #c5c5c5;text-align:center;font-weight:normal;font-family:'돋움';}
.table_type_1 thead th:first-child{border-left:0;}
.table_type_1 tr{border-bottom:1px solid #d9d9d9;}
.table_type_1 td{padding:15px 12px;text-align:center;line-height:20px;color:#000;font-family:'돋움';}
.table_type_1 td.l_line{border-left:1px solid #999 !important;}
.table_type_1 td.left1{padding:5px 7px;text-align:left;}
.table_type_1 td.left0{border-left:0;}

.list_up_align{position:absolute;display:block;right:5px;top:14px;background:url('../images/common/btn_list_up_align.png') no-repeat;width:9px;height:5px;text-indent:-9999px;}
.list_down_align{position:absolute;display:block;right:5px;top:14px;background:url('../images/common/btn_list_down_align.png') no-repeat;width:9px;height:5px;text-indent:-9999px;}
 */

/* 범용게시판 리스트 */
.table_type_1{width:100%;font-family:'돋움';table-layout: fixed;}
.table_type_1 thead tr{background:#e6e6e6;border-top:1px solid #c0c0c0 !important;
	background-image: -webkit-linear-gradient(#e6e6e6, #dadde2);
    background-image: -moz-linear-gradient(#e6e6e6, #dadde2);
    background-image: -ms-linear-gradient(#e6e6e6, #dadde2);
    background-image: -o-linear-gradient(#e6e6e6, #dadde2);
    background-image: linear-gradient(#e6e6e6, #dadde2);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffdadde2', GradientType=0);
	}
.table_type_1 thead th{position:relative;padding:2px 4px;text-align:center;height:25px;line-height:20px;color:#000;border-left:1px solid #c0c0c0;text-align:center;font-weight:600;font-family:'돋움';border-bottom:1px solid #c0c0c0 !important;}
.table_type_1 thead th a{color:#000 !important;}
.table_type_1 thead th:first-child{border-left:0;}
.table_type_1 tbody tr{border-bottom:1px solid #d9d9d9 !important;}
.table_type_1 td{padding:2px 5px;text-align:center;line-height:20px;color:#000;font-family:'돋움';word-break: break-all;border-left:1px dotted #999;}
.table_type_1 td:first-child{border-left:0;}
.table_type_1 td.l_line{border-left:1px solid #999 !important;}
.table_type_1 td.left1{padding:2px 7px;text-align:left;}
.table_type_1 td.left0{border-left:0;}

.table_type_1 thead th input[type=checkbox]{vertical-align:middle !important;}
.table_type_1 tbody td input[type=checkbox]{vertical-align:middle !important;}

.bg_total_info{background: #ccc;}




.table_type_2{width:100%;font-family:'돋움';table-layout: fixed;}
.table_type_2 thead tr{border-top:1px solid #e4e4e4;background:#ddd;}
.table_type_2 thead th{position:relative;padding:6px 4px;text-align:center;line-height:20px;color:#555555;border-left:1px dotted #c5c5c5;text-align:center;font-weight:normal;font-family:'돋움';}
.table_type_2 thead th:first-child{border-left:0;}
.table_type_2 tr{border-bottom:1px solid #d9d9d9;}
.table_type_2 td{padding:6px 4px;text-align:center;line-height:20px;color:#000;font-family:'돋움';word-break: break-all;}
.table_type_2 td.l_line{border-left:1px solid #999 !important;}
.table_type_2 td.left1{padding:5px 7px;text-align:left;}
.table_type_2 td.left0{border-left:0;}

.list_up_align{position:absolute;display:block;right:5px;top:11px;background:url('../images/common/btn_list_up_align.png') no-repeat;width:9px;height:5px;}
.list_down_align{position:absolute;display:block;right:5px;top:11px;background:url('../images/common/btn_list_down_align.png') no-repeat;width:9px;height:5px;}



.img{display:inline-block;position:relative;}
.img_curse{position:absolute;z-index:1;left:50%;top:50%;margin:-14px 0 0 -14px}

/* 범용게시판 쓰기 */
.table_write{width:100%;border-top:1px solid #ccc;}
.table_write tbody th{background:#efefef;font-weight:normal;text-align:center;color:#333;font-family:'돋움';}
.table_write tr{border-bottom:1px solid #ccc;}
.table_write tr th:first-child, .table_write tr td:first-child{border-left:1px solid #ccc;}
.table_write tr th, .table_write tr td{border-right:1px solid #ccc;}
.table_write tbody td{padding:4px 5px;color:#666;font-family:'돋움';background:#fff;}

/* 범용게시판 쓰기
.table_write{width:100%;border-top:1px solid #d9d9d9;}
.table_write tbody th{background:#efefef;font-weight:normal;text-align:center;color:#333;font-family:'돋움';}
.table_write tr{border-bottom:1px solid #d9d9d9;}
.table_write tbody td{padding:0 5px;color:#666;font-family:'돋움';line-height:30px;}
 */




/* 탭 */
.tab_1{overflow:hidden;height:37px;background:url('../images/common/bg_tab_1.gif') repeat-x;}
.tab_1 li{float:left;}
.tab_1 li a{display:inline-block;line-height:37px;text-align:center;width:100px;font-family:'돋움';background:url('../images/common/bg_tab_1_off.gif') repeat-x;border-right:1px solid #ccc;}
.tab_1 li a:hover, .tab_1 li a.on{background:url('../images/common/bg_tab_1_on.gif') repeat-x;font-weight:bold;color:#000;letter-spacing:-1;}


/* 폼양식 */
.input{height:24px;line-height:24px;border:1px solid #ccc;color:#333;background:#fff;padding:0 5px;vertical-align:middle;}
.select{height:24px;border:1px solid #ccc;padding:0px 0 0 5px;vertical-align:middle;}
.select_1{border:1px solid #ccc;padding:0;height:21px;margin:0 5px 0 0;}
.board_edit{width:96%;height:300px;padding:10px;border:1px solid #e6e6e6;}
.textarea{border:1px solid #ccc;color:#333;background-color:#fff;line-height: 100%;}
.textarea1{color:#333;background-color:#fff;;width:100%;height:300px;margin-top:11px;border:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.input[type=file]{border:0;}


/* 카피라이터 */
.f_link{border-bottom:1px solid #ccc;text-align:center}
.bt1{border-top:1px solid #ccc;padding-top:5px;}
.f_link ul{display:inline-block;overflow:hidden;}
.f_link ul li{float:left;background:url('/images/common/blot_line_1.jpg') no-repeat left 7px;}
.f_link ul li:first-child{background:none;}
.f_link ul li a{display:inline-block;margin:0 30px 0 37px;line-height:25px;font-weight:700;color:#000;}
#footer .wrap980{color:#898989 !important;line-height:18px;font-size:12px;padding:20px 0;text-align:center;}



/* 스타일 가이드 */
.ul_type_0{width:100%;}
.ul_type_0 li{overflow:hidden;padding:0 0 10px 0;color:#666;line-height:20px;}
.ul_type_0 li ul{margin-top:20px;}
.ul_type_0 li ul li{overflow:hidden;background:url('../images/sub/text_box_icon.png') no-repeat 5px center; padding:0 0 10px 10px;color:#666;line-height:20px;}

.ul_type_1{width:100%;}
.ul_type_1 li{overflow:hidden;background:url('../images/sub/icon_li.jpg') no-repeat 8px 13px; padding:0 0 0 20px;color:#333;line-height:32px;border-bottom:1px solid #e0e0e0;}


.ul_type_2{width:100%;}
.ul_type_2 li{overflow:hidden;background:url('../images/sub/text_box_icon.png') no-repeat 5px 8px; padding:0 0 0 15px;color:#666;line-height:26px;border-bottom:1px solid #efefef;}

/* 제품 상세 항목 */
.ul_type_3{width:100%;}
.ul_type_3 li{overflow:hidden;background:url('/images/board/icon_blot.jpg') no-repeat 0 8px;color:#666;line-height:20px;padding:0 0 10px 14px;}

.ul_type_4{width:100%;border-top:1px solid #666;}
.ul_type_4 li{overflow:hidden;color:#666;line-height:22px;padding:15px 0 15px 0;border-bottom:1px solid #efefef;}




/* 개인정보동의 */
.text_field{border:1px solid #ccc;overflow:auto;font-size:12px;line-height:25px;padding:10px;}


/* 모달창 */
.modal{position:absolute;left:50%;top:50%;background:url('../images/common/bg_modal.png') repeat;z-index:9999;margin:-300px 0 0 -450px;padding:8px;}
.modal_box{position:relative;overflow:hidden;background:#fff;border:1px solid #343945;}
.h_em{display:block;margin:0 0 0 10px;padding:0 0 0 25px;background:url('../images/common/icon_modal.png') no-repeat 0 center;font-size:18px;color:#275DC0;line-height:50px;}
.modal_close{position:absolute;right:10px;top:13px;}


/* 팝업창 */
.popup{position:absolute;left:50%;top:50%;background:url('../images/common/bg_modal.png') repeat;z-index:9999;margin:-300px 0 0 -450px;}
.popup_box{position:relative;overflow:hidden;background:#fff;}
.popup_top{height:50px;background:url('../images/common/bg_header.gif') repeat-x;}
.popup_em{display:block;margin:0 0 0 10px;padding:0 0 0 25px;background:url('../images/common/icon_modal.png') no-repeat 0 center;font-size:18px;color:#fff;line-height:50px;}

.popup_content{padding:5px;}
.popup_close{position:absolute;right:10px;top:13px;}




/* 미디어 쿼리
@media (min-width:1000px) and (max-width:1280px){
body{min-width:1280px;}
#left_menu{width:200px;left:none;top:none;position:relative;background:url('../images/common/bg_left_menu.gif') repeat-y;float:left;}
.wrap_all{width:1280px;overflow:hidden;margin:0;}
}
 */



.tab-btn ul{display:inline-block;overflow:hidden;vertical-align:middle;}
.tab-btn ul li{float:left;border-right:1px solid #00b4eb;border-top:1px solid #00b4eb;border-bottom:1px solid #00b4eb;}
.tab-btn ul li:first-child{border-left:1px solid #00b4eb;}
.tab-btn ul li a{display:inline-block;line-height:13px;text-align:center;padding:3px 15px 0 15px;font-size:11px;letter-spacing:-1px;height:29px;color:#333;background:#f4f4f4;}
.tab-btn ul li a.active{background:#00b4eb;color:#fff;}
.tab-btn ul li a.two{padding:9px 8px 0 8px;height:23px;}

.tab-btn ul li.first{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.tab-btn ul li.last{border-bottom-right-radius:3px;border-top-right-radius:3px;}

.tab-btn ul li a:hover{background:#91dff6;color:#fff;}

.tab-btn ul li a.active:hover{background:#009ed8;}



/* 20170303 */

.calendar{position:absolute;right:5px;top:-4px;}

/* 키패드 2017-08-07 */
.keypad{display:none;position:absolute;z-index:9000;left:50%;top:340px;width:344px;height:238px;margin:0 0 0 -172px;background:url('../images/common/bg_keypad.png') no-repeat;}
.keypad a{position:absolute;z-index:12;}
.btn_1{left:10px;top:10px;}
.btn_2{left:92px;top:10px;}
.btn_3{left:174px;top:10px;}
.btn_4{left:10px;top:66px;}
.btn_5{left:92px;top:66px;}
.btn_6{left:174px;top:66px;}
.btn_7{left:10px;top:122px;}
.btn_8{left:92px;top:122px;}
.btn_9{left:174px;top:122px;}
.btn_10{left:10px;top:178px;}
.btn_0{left:92px;top:178px;}
.btn_11{left:174px;top:178px;}
.btn_input{left:256px;top:66px;}
.btn_reset{left:256px;top:10px;}
.keypad_close{left:325px;top:-32px;z-index:11;}