@charset "utf-8";

@import "basic.css";
@import "button.css";

html {overflow-y:scroll}
*{ margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {margin:0;padding:0;font-size:0.875em;font-family:'Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul{margin:0;padding:0;list-style:none}
li,dt,dd,ol{margin:0;padding:0}
ol{list-style-position:inside}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0;font-family:'Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;}
button,input[type="submit"], input[type="button"]  {cursor:pointer;overflow:visible;}
label, input, button, select, img {vertical-align:middle}
textarea, select {font-family:'Malgun Gothic',"맑은 고딕",AppleGothic,Dotum,"돋움", sans-serif;font-size:1em}
select{height:35px;line-height:32px;border:1px solid #d5d5d5;}
textarea{width:100%;border:1px solid #d5d5d5;min-height:80px}
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:focus, a:hover, a:active {text-decoration:underline;} 

h2{font-size: 1.083em;font-weight: bold;margin:10px 0}

#accNav {position:absolute; top:0; left:0; z-index:1000; width:100%; height:0;}
#accNav a {display:block; position:absolute; left:0; top:0; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; font-weight:bold; font-size:0.875em; color:#000; white-space:nowrap;}
#accNav a:focus, #accNav a:hover, #accNav a:active {width:100%; height:auto; padding:10px 0; background:#000; color:#fff; z-index:1000;}

.sound_only, .blind {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

#wrap {width:100%;background: url('../img/main/main_bg.jpg');margin:0 auto;}
#container {width:1200px;margin:20px auto;padding:0 10px;background-color: #fff;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container .inner {margin: 30px;}
#header { position:relative;height:50px;background:#3f51b5; }
#header h1{margin-left:20px; line-height: 50px; }
#header h1 a {font-size: 18px; color: #fff; font-weight: 500;}
#header .login_msg {position:absolute; top:15px; right:10px;color:#fff;z-index:999}
#header .login_msg a {border-radius:3px;background:#4e5eb7;color:#fff;padding:5px;margin-right:5px;}
#header .login_msg a:hover{background:#5969c3}

 /* 모바일 헤더 정의 */
.m_header {position:relative;height: 45px;background:#3f51b5;width: 100%;border-bottom: 1px solid #888;display: none}
.m_header .logo h1 {text-align: center;margin: 0 auto;}
.m_header .logo h1 a {display: inline-block;height:45px;line-height:45px;color:#fff;font-size:20px;font-weight:500;}
.m_header .go_fullmenu {width: 45px;position: absolute;top: 0;left: 0;height: 45px;border-right: 1px solid #888;}
.m_header .go_fullmenu span {display: block;width: 20px;height: 15px;background: url("../img/btn_menu.png") no-repeat center;background-size: cover;text-indent: -9999px;margin-left: 12px;margin-top: 15px;}
.m_header .go_korea {width: 45px;position: absolute;top: 0;right: 0;height: 45px;border-left: 1px solid #888;}
.m_header .go_korea span {background: url("../img/btn_korea.png") no-repeat scroll center center / cover;display: block; height: 20px; margin-left: 14px; margin-top: 14px;text-indent: -9999px;width: 20px;}
.m_header .go_mongolia {width: 45px;position: absolute;top: 0;right: 0;height: 45px;border-left: 1px solid #888;}
.m_header .go_mongolia span {background: url("../img/btn_mongolia.png") no-repeat scroll center center / cover;display: block; height: 20px; margin-left: 14px; margin-top: 14px;text-indent: -9999px;width: 20px;}
#gnb_box {position: fixed;top: 0;right: -350px;height: 100%;z-index: 1000;}
#gnb_box .gnb {display: inline-table;position: absolute;background-color: #0269a8;height: 100%;width: 320px;z-index: 1000;}
#gnb_box .gnb > li {display: block; width: 100%;}
#gnb_box .gnb > li > div > span {display: block;border-bottom: 1px solid #005589;padding: 14px 0; text-align: center; font-size: 16px; color: #593f30;}
#gnb_box .gnb > li > div > ul > li > a {font-size: 14px !important; border-bottom: 1px solid #dadada;line-height: 24px !important;padding: 10px 20px 10px 10px;}
#gnb_box .gnb > li > a {display: block;line-height: 24px; font-size: 15px; font-weight: 400; color: #fff !important; text-align: left; border-bottom: 1px solid #005990; /*주메뉴 구분 색상 */ border-right: none;padding: 10px 10px 10px 15px;}
#gnb_box .gnb > li.on > a {background: #f2f2f2;color: #343434 !important;}
#gnb_box .gnb > li.on > div {display: block;z-index: 0;}
#gnb_box .gnb > li > div {display: none;position: absolute;top: 0;height: 100%;left: 125px;width: 165px;background: #f2f2f2;padding: 0 15px;overflow: auto}
#gnb_box .gnb > li:first-child > a {border-top: none;border-left: none}
#gnb_box .gnb div > ul {background: none;width: 165px !important;}
#gnb_box .gnb ul > li a {color: #494949;float: none;display: inline-block;clear: both;width: 100%;box-sizing: border-box;}
#gnb_box .gnb ul > li {float: none;margin-left: 0;border: none;background: none;padding-top: 0;position: relative;display: inline-block;width: 100%;box-sizing: border-box;}
#gnb_box .util {width: 320px;height: 50px;background: #403b38;z-index: 100;}
#gnb_box .util > ul {float: left;padding: 8px 0 0 8px}
#gnb_box .util > ul > li {float: left;margin-left: 3px;font-size: 14px;}
#gnb_box .util > ul > li > a {display: block;color: #848485;padding: 10px;font-size: 14px;line-height: 11px;border-radius: 3px}
#gnb_box .util > ul > li.area1 > a {color:#fff;border: 1px solid #8e8b8a;}
#gnb_box .util > ul > li.area2 > a {background-size: 15px 17px;padding: 10px;text-align: left;color: #f3c204;border: 1px solid #8f7621;}
#gnb_box .util > .gnb_close span {float: right;display: block;margin:8px 2px 0;width:30px;padding: 5px;border-radius: 5px;background: #f3c204 url("../img/btn_close.png") no-repeat center / 16px 15px;text-indent: -9999px;}

#nbody{position:relative;width:100%;background: #fff;padding:20px 0;}
#body{float:right;width:80%;padding:20px 0;}
#body .body_left{float:left;width:49%;}
#body .body_content{padding:0 35px 40px;}
#body .body_right{float:right;width:49%;}

#sidebar{float:left;width:18%;height:auto !important;margin:20px 0;}

/* #sidebar */
#sidebar h2{font-size:30px;color:#2562b3;text-align: center;background: url('../img/member/box_bg.gif') repeat-x left bottom;} 
#sidebar ul li {margin-bottom:4px;}
#sidebar ul li a{display: block;padding:15px 28px 15px 12px;background: url('../img/member/icon_menu.png') no-repeat right -38px; border:1px solid #ccc;font-size:17px;letter-spacing: -0.7px;word-break:keep-all;}
#sidebar ul li.on a{background: url('../img/member/icon_menu.png') no-repeat right 25px #2562b3; border-color:#2562b3; color:#fff;}
#sidebar ul li a:hover,#snb ul li a:focus{border-color: #2562b3;text-decoration:none}
#sidebar ul li.on a:hover,#snb ul li.on a:focus{color:#ffe920;text-decoration:none}

#footer { background: #464646; padding:40px 10px; text-align: center;}
#footer p { color :#efefef; }

@media all and (max-width:1200px){
	#container {width:100%;}
}

@media all and (max-width:768px){
	.pc_header {display: none;}
	.m_header {display: block;}
	#body{float:none;width:100%;margin:20px 0;}
	#sidebar {display: none}
	#body .body_left {float:none;width:100%;padding:10px;}
	#body .body_right {float:none;width:100%;padding:10px;}
	#m_header{position: fixed;top: 0;left: 0;right: 0;height:50px;z-index:999}
	#container {margin-top: 70px !important;}
}

.input-row { position: relative; margin-top: 10px;}
.input-title {position: absolute; top: 0;  left: 0; width: 60px; line-height: 34px; font-size: 13px; color: #282828; }
.input-wrap { padding-left: 60px; }
.input-wrap p { margin-top:5px; padding-left:8px; text-indent: -8px; font-size: 12px; color: #666;}

.info {}
.info p { padding-left:8px; text-indent: -8px;}
.info .info-title { padding-left: 20px; background: url(../img/main/ico_info.png) no-repeat left 2px; background-size: 16px; font-weight: normal; text-indent: 0; }
.info .info-title.point  { background: url(../img/main/ico_info_red.png) no-repeat left 2px; background-size: 16px; }
.btnArea { margin-top: 37px; text-align: center; font-size: 0;}
.btnArea div { margin-top: 10px;}
.btnArea a {box-sizing: border-box}

/* 라디오 박스 */
.rdWrap { position: relative;}
.rdWrap input[type="radio"] { position: absolute; top: 0; left: 0; margin: 0; width: 22px; height: 22px; border: none; background: none;}
.rdWrap label { margin-right: 20px;}
.rdWrap label i { display:inline-block; width:20px; height:20px; margin-right: 10px; border:1px solid #d2d2d2; background: #fff; border-radius:50%; vertical-align: middle; }
.rdWrap input[type="radio"]:checked+ label i em { display:block; width:10px; height:10px; margin: 5px;background-color:#013668; border-radius:50%;}

/* 체크 박스 */
.cbWrap { position: relative;text-align:left;min-height: 20px; margin-top: 20px}
.cbWrap input[type="checkbox"] { position: absolute; top: 0; left: 0; margin: 0; width: 20px; height: 20px; border: none; background: none;}
.cbWrap label i { display:inline-block; width:20px; height:20px; margin-right: 7px;  background:url(../img/main/ico_check.png) no-repeat center center; vertical-align: top; }
.cbWrap label span { font-size: 12px; vertical-align: top; }
.cbWrap input[type="checkbox"]:checked+ label i {background-color: #013668}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 로그인 */
.login {position:relative;margin:0 auto;border: 1px solid #d8d8d8;width:60%;}
.login .login_area {padding:30px 50px;}
.login .login_area h2 {text-align: center;margin: 0 auto;height:50px;font-size:20px;font-weight:500;}
ul.tabs {height: 40px; border-left: 1px solid #d8d8d8;	width: 100%;}
ul.tabs li {	float:left;height: 40px;line-height: 40px;border: 1px solid #d8d8d8;border-left: none;overflow: hidden;position: relative;width: 50%;box-sizing: border-box;}
ul.tabs li a {text-decoration: none;color: #000;display: block;	text-align:center;	border: none;}
ul.tabs li a:hover {background: #d8d8d8;}
ul.tabs li.active, ul.tabs li.active a:hover  {background: #fff;border-bottom: none; }

@media all and (max-width:768px){
	.login .login_area {padding:20px;}
}
/* 회원가입 입력 */
#register_form {background:#fff;width:100%;}
#register_form .info {margin-bottom:5px;}
@media all and (max-width:768px){
	#register_form {padding:20px 0;}
	#register_form .tbl_wrap { width:100%;}
	#register_form .tbl_wrap table {width:100%;padding:10px;}
	#register_form .tbl_wrap table th:not(.tb_view) { display:none;}
	#register_form .tbl_wrap table td:not(.tb_view) { display:none;}
	#register_form .tbl_wrap table col:not(.tb_view) { display:none;}

	#register_form .tbl_wrap table th, .tbl_wrap table td {padding:4px}
}
/* 회원 발주 탭 */
ul.cart_tabs {height: 40px; border-left: 1px solid #d8d8d8;	width: 100%;}
ul.cart_tabs li {float:left;height: 40px;line-height: 40px;border: 1px solid #d8d8d8;border-left: none;overflow: hidden;position: relative;width: 33.3333%;box-sizing: border-box;}
ul.cart_tabs li a {text-decoration: none;color: #000;display: block;	text-align:center;	border: none;}
ul.cart_tabs li a:hover {background: #d8d8d8;}
ul.cart_tabs li.active, ul.cart_tabs li.active a:hover  {background: #fff;border-bottom: none; }

/* 본사 발주 탭 */
ul.adm_tabs {height: 40px; border-left: 1px solid #d8d8d8;	width: 100%;}
ul.adm_tabs li {	float:left;height: 40px;line-height: 40px;border: 1px solid #d8d8d8;border-left: none;overflow: hidden;position: relative;width: 50%;box-sizing: border-box;}
ul.adm_tabs li a {text-decoration: none;color: #000;display: block;	text-align:center;	border: none;}
ul.adm_tabs li a:hover {background: #d8d8d8;}
ul.adm_tabs li.active, ul.adm_tabs li.active a:hover  {background: #fff;border-bottom: none; }

.tab_container {border: 1px solid #d8d8d8;	border-top: none;overflow: hidden;clear: both;	width: 100%;	background: #fff;padding:10px;box-sizing: border-box;}
.tab_container:after {display:block;visibility:hidden;clear:both;content:""}
.tab_content {margin:10px 0;}

/* 회원가입 */
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform btn_medium blue {display:block;text-align:center}
#fregisterform.form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}

#reg_result {width:80%;padding:20px;margin:50px auto;} 
#reg_result .result_email {width:500px;margin:20px auto;padding:10px 50px;border:1px solid #e9e9e9;background:#fff;line-height:2em}
#reg_result .result_email span {display:inline-block;width:150px}
#reg_result .result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {margin:20px 0;text-align:center;}
#reg_result btn_medium blue {display:block;text-align:center}
#reg_result i {font-size:3em;}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa;text-align:center;}

@media all and (max-width:1024px){
	#wrap {width:100%;}
	.login {position:relative;width:90%;margin:30px auto;}
}
@media all and (max-width:768px) {
	.tb_scroll {width:100%;overflow-x:auto;white-space: nowrap;}
    table{width:auto;} 
	#reg_result {width:100%;}
}
.local_ov01 {position:relative;background-color: #fff;padding-bottom:10px;}
.local_ov01 .ov_a{display:inline-block;line-height:30px;height:30px;font-size:0.92em;background:#ff4081;color:#fff;vertical-align:top;border-radius:5px;padding:0 7px}
.local_ov01 .ov_a:hover{background:#ff1464}

.btn_frmline{display:inline-block;background:#9eacc6;color:#fff;height:35px;border:0;border-radius:5px;padding:0 10px}
a.btn_frmline{display:inline-block;background:#9eacc6;color:#fff;height:35px;line-height:33px;border-radius:5px;padding:0 10px;text-decoration:none !important}
.btn_ov01{display:inline-block;line-height:30px;height:30px;font-size:0.92em;vertical-align:top}
.btn_ov01:after{display:block;visibility:hidden;clear :both;content:""}
.btn_ov01 .ov_txt{float:left;background:#9eacc6;color:#fff;border-radius:5px 0 0 5px;padding:0 5px}
.btn_ov01 .ov_num{float:left;background:#ededed;color:#666;border-radius:0 5px 5px 0;padding:0 5px}
a.btn_ov02,a.ov_listall{display:inline-block;line-height:30px;height:30px;font-size:0.92em;background:#565e8c;color:#fff;vertical-align:top;border-radius:5px;padding:0 7px }
a.btn_ov02:hover,a.ov_listall:hover{background:#3f51b5}

.btn_01,a.btn_01{background:#ff4081;color:#fff;height:30px;line-height:30px;}
.btn_01:hover,a.btn_01:hover{background:#ff1464}

/* 추가 스타일 */
.table_01 {width:100%; max-width:100%; margin:10px 0; border-top:2px solid #4f75a7; border-left:1px solid #d5d5d5; border-collapse:separate; border-spacing:0;border-radius:5px;}
.table_01 caption {position:absolute; top:-9999px;}
.table_01 thead th {padding:4px 0 8px 0; background:#f7f7f7; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; vertical-align:middle; text-align:center; color:#333; font-weight:normal;}
.table_01 tbody th {padding:4px 0 8px 0; background:#f7f7f7; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; vertical-align:middle; text-align:center; font-weight:normal;}
.table_01 tbody td {padding:10px; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; vertical-align:middle; text-align:center;}
.table_01 tbody th.taL,.table_01 tbody td.taL {padding-left:12px; padding-right:12px; text-align:left; font-weight:normal;}
.table_01 tbody td.noSpace {padding:0;}
.table_01 tbody td img {vertical-align:middle;}
.table_01 tbody td.blank {empty-cells: hide;}
.table_01 tfoot th {padding:4px 0 8px 0; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; vertical-align:middle; text-align:center; background-color:#f5f5f5; font-weight:normal;}
.table_01 tfoot td {padding:4px 0 8px 0; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; vertical-align:middle; text-align:center;}
.table_01.tLine {border-top:2px solid #333; }
.table_01.nLine {border-top:1px solid #d5d5d5;}

.tb_type1 {border-collapse: collapse; width: 100%; margin-bottom:10px; border-top:2px solid #4f75a7; color:#333333; line-height:1.2; border-radius:5px;background-color: #fff;}
.tb_type1 tbody .bg {background-color:#f5f6f7; border-bottom:1px solid #d4d4d7;}
.tb_type1 thead th, .tb_type1 tfoot th {background-color:#f4f7fa;}
.tb_type1 th {border:1px solid #d4d4d7; padding:8px; vertical-align:middle; font-weight:500; text-align:center;}
.tb_type1 td {border:1px solid #d4d4d7; padding:8px; vertical-align:middle; text-align:center;}
.tb_type1 .blank_row {border-left:none;border-right:none;}

.tb_type2 {border-collapse: collapse; width: 100%; margin-bottom:10px; border-top:2px solid #4f75a7; color:#333333; line-height:1.2; border-spacing:0;border-radius:5px;background-color: #fff;}
.tb_type2 thead th, .tb_type2 tfoot th {background:#f4f7fa;}
.tb_type2 tbody tr:first-child th, .tb_type2 tbody tr:first-child td {border-top:none;}
.tb_type2 th {border-top:1px solid #d4d4d7; border-bottom:1px solid #d4d4d7; padding:12px 6px; vertical-align:middle; font-weight:500; text-align:center;}
.tb_type2 td {border-top:1px solid #d4d4d7; border-bottom:1px solid #d4d4d7; padding:12px 6px; vertical-align:middle; text-align:center; }
.tb_type2 tbody .bg {background:#f5f6f7;}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:5px;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;background-color: #fff;}
.tbl_head01 thead th {background:#6f809a;color:#fff;border:1px solid #60718b;font-weight:normal;text-align:center;padding:8px 5px;font-size:0.92em}
.tbl_head01 thead th a{color:#fff}
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 thead a {color:#383838;text-decoration:underline}
.tbl_head01 tbody th{border:1px solid #d6dce7;padding:5px;text-align:center;font-size:0.92em}
.tbl_head01 tbody td{border:1px solid #d6dce7;padding:5px;text-align:center;font-size:0.92em}
.tbl_head01 tbody tr:nth-child(even){background:#eff3f9}
.tbl_head01 tbody td .frm_input{width:100%;}
.tbl_head01 tbody td select{width:100%}
.tbl_head01 table .tbl_input{height:27px;line-height:25px;border:1px solid #d5d5d5;width:100%}
.tbl_head01 table select {height: 27px;line-height: 25px;width: 100%;}

@media all and (max-width:768px){
	.fboardlist table {width:100%;}
	.fboardlist table th:not(.tb_view) { display:none;}
	.fboardlist table td:not(.tb_view) { display:none;}
}

/* 버튼 */
.btn{height:30px;border:0;border-radius:5px;padding:0 10px;font-weight:bold;font-size:1.09em;vertical-align:middle}
a.btn{display:inline-block;height:30px;line-height:30px;border:0;border-radius:5px;padding:0 10px;font-weight:bold;font-size:1.09em;vertical-align:middle}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:484545, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
a.btn03 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#ff9300;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn03:focus, .btn03:hover {text-decoration:none}
button.btn03 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#ff9300;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */
a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;;background:#fff}
a.btn_close {text-align:center;line-height:50px}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#484545;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;border:1px solid #ccc;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:hover, .btn_admin:hover {background:#ff3746}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:0 5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}
.full_input{width:100%;margin:0 5px;}
.half_input{width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

.fa-heart {color:#ff0000}
.fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#ff3600;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.fa-caret-right {color:#bbb}
.fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.read_ok {background: url('/img/icon_set_common.png') no-repeat -51px -836px;width: 22px;height: 21px;}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win btn_medium blue:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

#bo_cate {background:#ecf2f3;padding:7px;margin:0 0 10px 0;border:1px solid #bed1d4}
#bo_cate:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1;margin-bottom:10px;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:0 4px;}
#bo_cate > ul > li:not(:first-child) {	border-left: 1px solid #bdbdbd;}
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}

#sch_wrap {display:block;float:right;margin:10px 0;}

#chart-container {border:1px solid #ccc;background:#fff;padding:10px;margin:10px 0;}

/*
	css-only-tooltip version 1.0.0
	ⓒ 2015 AHN JAE-HA http://github.com/eu81273
	MIT License
*/


[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;

	background-color: rgba(0, 0, 0, 0.8);

  -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
  color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 500px;
	word-wrap: break-word;

	z-index: 9999;

	opacity: 0;
	left: -9999px;
  top: 90%;
	
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%;
	left: 0;
	opacity: 1;
}