@charset "utf-8";

*{box-sizing:border-box}
body{overflow-y:scroll; background: #f0f0f0;}
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,fieldset,legend,figure,menu{margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table,th,td{border-spacing:0/* ;border-collapse:collapse */}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
input,textarea,select,button{margin:0;padding:0;border-radius:0;color:#333;font:normal 12px/1.2 'Nanum Barun Gothic','NanumSquare', 'Malgun Gothic','돋움', 'dotum',sans-serif;outline:0;vertical-align:middle}
body{color:#333;font:normal 12px/1.2 'Nanum Barun Gothic','Malgun Gothic','돋움', 'dotum',sans-serif}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
a,button,input[type="submit"],input[type="button"],input[type="reset"]{border:0;background:transparent;cursor:pointer}
select{cursor:default}
img{border:0;vertical-align:top}
html,body{width:100%;height:100%}

#grid input[type="checkbox"]{width:inherit;height:inherit;}
input[type="checkbox"]{width:19px;height:19px}

html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; }


/* 공통 */
.clearfix::after{display:block;content:"";clear:both}
.blind{width:0px;height:0px;opacity:0;overflow:hidden}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.ts,.ts::before,.ts::after{-o-transition:all 0.5 ease;-moz-transition:all 0.5 ease;-webkit-transition:all 0.5 ease}
.layout{margin:0 auto;width: 100%;max-width:1080px}

.btn_tab li{cursor:pointer}

.button1{
	display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 30px;
/*     font-size: 14px; */
    text-align: center;
    line-height: 27px;
    transition: all 0.5s ease;
    margin: 0 0 10px 0;
}
.button2{
	display: inline-block;
	background: #595959;
	color: #fff;
/* 	font-size: 14px; */
	height: 40px;
	text-align: center;
	line-height: 43px;
	transition: all 0.5s ease;
	border-radius: 3px;
}
.button3{
	width: 100%;
	display: inline-block;
	background: #1fa7e0;
	color: #fff;
/* 	font-size: 14px; */
	height: 40px;
	text-align: center;
	line-height: 43px;
	transition: all 0.5s ease;
	border-radius: 7px;
}
.button4{
	width: 100%;
	display: inline-block;
	background: #fff;
	color: #1fa7e0;
	border : 1px solid;
	height: 40px;
	text-align: center;
	line-height: 43px;
	transition: all 0.5s ease;
	border-radius: 7px;
}


/* header */
header{position:relative}
.gnb{height:97px}
.gnb .logo{float:left;padding:10px 0 0 5px}
.gnb ul{float:right;margin:40px 0 0 0}
.gnb ul li{float:left;margin:0 0 0 20px}
.gnb ul li a{color:#666;font-size:12px}

/* FOOTER 시작 */
footer{border-top:1px solid #ccc;}
footer .logo_f{display:block;float:left;width:217px;height:128px;padding:20px 0 0 5px}
footer ul{float:left}
footer ul li{float:left;padding:27px 0 20px 0}
footer ul li a{margin:0 14px 0 0;padding:0 14px 0 0;border-right:1px solid #333;color:#333}
footer ul li:last-child a{border:none}
footer p{float:left;color:#a29c99;font-size:12px;line-height:18px}

/* 서브공통 */
.lnb{height:42px;margin-top:49px;border-bottom:1px solid #c3c3c3;line-height:42px}
.lnb p{float:right;color:#555;font-size:14px}
.menu_left{float:left;width:212px}
.menu_left h2{width:212px;height:119px;background:#067ae7;color:#fff;font-size:20px;font-weight:bold;text-align:center;line-height:119px}
.menu_left ul{padding:2px 0 2px 0;background:#f3f3f3;border-bottom:1px solid #067ae7}
.menu_left ul li{height:50px;line-height:50px}
.menu_left ul li a{display:block;padding:0 0 0 33px;color:#333;font-size:16px}
.menu_left ul li.act a{background:#067ae7;color:#fff}
.menu_left ul li ul li a{display:block;padding:0 0 0 43px;color:#333;font-size:16px}
.menu_right{max-width:761px;width:100%;float:left;margin:0 0 0 27px}

.child_menu{display: none;}
.sub_plus{float: right; margin-right: 15px;}
.menu_depth li{display:block;padding:0 0 0 33px;color:#333;font-size:16px}
.child_menu li a:hover, .child_menu li a:active, .child_menu li a:focus,.child_menu li.current a {background:#067ae7; color:#fff;}


/* .subTitle{position:relative;margin:0 0 28px 0;padding:62px 0 20px 0;color:#333;font-size:33px} */
.subTitle2{position:relative;margin:0 0 10px 0;padding:30px 0 20px 0;color:#333;font-size:26px}
.subTitle2::after{display:block;content:'';position:absolute;left:0;bottom:0;width:48px;height:2px;background:#000}
.subTitle{position:relative;margin:0 0 20px 0;padding:30px 0 20px 0;color:#333;font-size:26px}
.subTitle::after{display:block;content:'';position:absolute;left:0;bottom:0;width:48px;height:2px;background:#000}

.visual img{width:1000px}

.container{min-height: 680px}


.menu_wrap{z-index:31;position:absolute;left:0;top:97px;width:100%;padding:0;background:#fff;box-shadow:0px 4px 10px -2px rgba(195,195,195,1)}
nav{position:relative;height:49px !important;border-top:1px solid #ccc;border-bottom:2px solid #067ae7;box-shadow:0px 4px 10px -2px rgba(195,195,195,1)}
.mainMenu>li{float:left;width:135px;height:46px;border-right:1px solid #ccc;line-height:46px;text-align:center}
.mainMenu>li:first-of-type{border-left:1px solid #ccc}
.mainMenu>li a{display:block;color:#000;font-size:16px}
.mainMenu>li:hover,.mainMenu>li.act{background:#067ae7}
.mainMenu>li:hover>a,.mainMenu>li.act>a{color:#fff}
.mainMenu>li:hover .subMenu{display:block;background:#f7f7f7;color:#333}
.mainMenu:hover .subMenu{display:block}

.menu_bg{display:none;position:absolute;top:48px;left:0;width:100%;height:49px;background:#fff;box-shadow:0px 4px 10px -2px rgba(195,195,195,1)}
.subMenu{display:none;position:relative;width:135px;height:276px;border-top:2px solid #067ae7;border-right:1px solid #ccc;background:#fff;z-index:10;overflow:hidden}
.subMenu li a{font-size:14px;color:#333}
.mainMenu>li:first-child>.subMenu{margin:0 0 0 -1px;border-left:1px solid #ccc}
.subMenu li{float:left;width:135px;height:46px;line-height:46px;text-align:center;z-index:10}

.subMenu li:hover{background:#333}
.subMenu li:hover>a{color:#fff}

/* 관리자 로그인 */


.login_wrap{position:relative;margin:0 0 113px 0;border:2px solid #ccc;text-align:center}
.login_wrap h4{padding:35px 0 0 0;color:#333;font-size:35px}
.login_wrap h4 p{padding:8px 0 45px 0;color:#333;font-size:16px}
.login_wrap img{float:left;padding:0 38px 0 97px; margin-top:20px;}

.id_pw{float:left;position:relative;margin:0 auto;width:371px;height:57px; margin-top: 20px}
.id_pw dl{float:left}
.id_pw dl dt{display:block;float:left;width:80px;padding:0 10px 0 0;line-height:26px;font-size:14px;color:#888;font-weight:bold;text-align:right}
.id_pw dl dd{display:block;float:left}
.id_pw dl:nth-child(1) label{display: inline-block; font-size: 14px;}
.id_pw dl:nth-child(2){margin:5px 0 0 0}
.id_pw dl:nth-child(3){margin:5px 0 0 0}
.id_pw dl dd input{width:200px;height:26px;line-height:26px;padding:0 10px;border:1px solid #bbb;color:#888;font-size:14px}
.id_pw a{position:absolute;top:0px;right:0px;width:86px;height:57px;background:#067ae7;color:#fff;font-size:14px;line-height:57px;text-align:center; }
 
.login .join{margin:0 auto;width:658px;margin-top:125px;border-top:1px solid #ccc;clear:both}
.login .join div{margin:20px 0;height:32px;line-height:32px}
.login .join div:nth-child(1){float:left;padding:0 0 0 25px}
.login .join div:nth-child(2){float:right;padding:0 25px 0 0}
.login .join div a{display:inline-block;height:32px;background:#7a7a7a;color:#fff;font-size:14px;text-align:center;line-height:32px}
.login .join div:nth-child(1) a{width:135px}
.login .join div:nth-child(2) a{width:100px}
.login .join p{float:left;margin:0 10px 0 0;color:#333;font-size:14px}



/* clause */

.clause{padding: 15px 25px 25px 25px; line-height: 1.5em;}
.clause .mainTitle{width:100%; font-weight: bold; font-size: 15px; padding: 20px 0;}
.clause .subTitle{width:100%; font-weight: bold; font-size: 14px; padding-bottom: 20px;}
.clause .contents{width:100%;padding-bottom: 20px; padding: 0 0 20px 10px; font-size: 13px;}
.step{padding-left: 10px}



/* 그리드 검색 테이블 */
.search_table{width:100%; margin:10px 0 !important; padding:10px; background: #f5f6f7; border:1px solid #ccc !important;}
.search_table th{padding-left:10px; border:0px !important; text-align: left; font-size:12px !important;}
.search_table td{border:0px !important;}
.search_table td input{width:100%; height: 20px; padding: 3px; border:1px solid #ccc; font-size:13px;}
.search_table td select{width:100%; height: 20px; border:1px solid #ccc; font-size:12px; color:#000;}

/* datepicker */
.ui-datepicker-calendar td{height: 100% !important;}
.ui-datepicker-trigger {width: 20px; height: 20px; vertical-align: middle;}
.ui-datepicker-year{width: auto !important;}
.ui-datepicker-month{width: auto !important;}

/* 관리자 리스트 
.admin_list{width:761px}
.admin_list .select_group{float:right;margin:-13px 0 10px 0}
.admin_list select{height:26px;color:#333}
.admin_list .main_select{width:90px}
.admin_list .sub_select{width:120px}
.admin_list table{width:761px;margin-bottom:30px;border-top:2px solid #067ae7;color:#333;font-size:14px}
.admin_list th,.member_news1 td{border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.admin_list th:last-child,.member_news1 td:last-child{border-right:none}
.admin_list th{height:37px;background:#f6f6f6}
.admin_list td:nth-child(1){min-width:71px;max-width:71px}
.admin_list td:nth-child(2){min-width:113px;max-width:113px}
.admin_list td:nth-child(3){min-width:312px;max-width:312px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;cursor:pointer}
.admin_list td:nth-child(4){min-width:90px;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.admin_list td:nth-child(5){min-width:104px;max-width:104px}
.admin_list td:nth-child(6){min-width:71px;max-width:71px}
.admin_list td{height:35px;padding:0 10px;text-align:center}
*/


/* BUTTON 시작 */
.step{display:table;margin:0 auto;text-align:center}
.step button img{width:34px;height:33px}
.step .btn_left{float:left;margin-right:3px}
.step .btn_right{float:left;margin-left:3px}
.step ul{float:left}
.step ul li{float:left;width:34px;height:33px;border:1px solid #ddd;border-right:none;line-height:33px}
.step ul li a{display:block;color:#aaa;font-size:12px}
.step ul li:last-child{border-right:1px solid #ddd}
.step ul li.act a{color:#000;font-weight:bold}


/* 관리자 리스트 관리 */
.admin_list{width:100%}
.admin_list .post_count{float:right;padding:0 0 8px 0;color:#333}
.admin_list table{width:100%;margin-bottom:2px;border-top:2px solid #067ae7;color:#333;font-size:14px}
.admin_list th,.admin_list td{border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
.admin_list th:last-child,.admin_list td:last-child{border-right:none}
.admin_list th{height:37px;background:#f6f6f6}
.admin_list td{height:35px;padding:0 10px;font-size:11px}

.n_search{margin:0 auto;width:325px;margin-top:30px;margin-bottom:60px}
.n_search select{float:left;width:95px;height:26px;margin:0 5px 0 0;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#333;font-size:12px;text-indent:12px}
.n_search input{float:left;width:160px;height:26px;margin:0 5px 0 0;border:1px solid #bbb;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-indent:12px}
.n_search button{display:block;float:left;width:60px;height:26px;background:#686879;color:#fff;text-align:center}

/* 관리자 게시판 관리 */

.admin_write{width:761px}
.admin_write .select_group{float:right;margin:-13px 0 10px 0}
.admin_write select{height:26px;color:#333}
.admin_write .main_select{width:90px}
.admin_write .sub_select{width:120px}
.admin_write .post_count{float:right;padding:0 0 8px 0;color:#333}
.admin_write table{max-width:761px;width:100%;margin-bottom:20px;border-top:2px solid #067ae7;color:#333;font-size:14px}
.admin_write tr:first-child{height:37px}
.admin_write th,.admin_write td{height:35px;padding:0 0 0 22px;border-bottom:1px solid #ccc;color:#333;text-align:left}
.admin_write th{font-weight:bold}
.admin_write td:nth-child(2){max-width:461px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.admin_write td:nth-child(4){max-width:136px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.admin_write td input{max-width:458px;width:100%;height:28px;padding:0 10px}
.admin_write td button{width:90px;height:28px;margin:0 0 0 10px;background:#686879;color:#fff;text-align:center;line-height:28px}
.admin_write td textarea{width:99.8%;height:313px;padding:20px;border:none}
.admin_write td input,.admin_write td button{float:left}
.admin_write .s_input{max-width:124px;width:100%}
.admin_write .textarea{padding:20px 20px 20px 22px;line-height:25px}

.s_btnbox{display:table;position:relative;margin:0 auto;height:33px;margin-bottom:58px}
.s_btnbox .btn{float:left;display:inline-block;width:70px;height:33px;line-height:33px}
.s_btnbox .btn.write{margin:0 10px 0 0;background:#686879;color:#fff}
.s_btnbox .btn.cancel{background:#d0d0d0}







.main_header2{width: 100%; height: 50px; background: #fff;}
.main_header2 .main_title{position:absolute; width:100%; font-size:35px; font-weight: bolder; padding:7.5px; text-align: center;}
.main_header2 .main_sub{position:absolute; font-size:15px; padding:15px 50px 15px 0; right: 0;}

.container1{width:100%; min-height: 800px; background: #f0f0f0; text-align: center; padding:30px 0 50px 0;}
.join_box{background: #fff; padding: 40px; text-align: center; width: 800px; border-radius: 3px; display: inline-block; margin-bottom: 50px;}

.step02 table{margin:0 0 20px 0;border-top:2px solid #067ae7; table-layout: fixed; word-break: break-word;}
.step02 tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
.step02 tr{display:table-row;vertical-align: inherit;border-color:inherit;}
.step02 th,.step02 td{height:50px;border-bottom:1px solid #d3d3d3}
.step02 th{position:relative;width:150px;padding:0 0 0 20px;border-right:1px solid #d3d3d3;background:#f6f6f6;color:#333;font-size:14px;text-align:left}
.step02 td{position:relative;width:630px;padding:0 0 0 10px;color:#333;font-size:14px;text-align:left}
.step02 td input{width:400px;height:35px;padding:0 10px;border:1px solid #e8e8e8;color:#888;font-size:12px}
.step02 td select{height: 30px; border-top:1px solid #ccc; border-left:1px solid #ccc; text-indent: 10px; border-radius: 3px; background: #fff; padding-top:3px}
.step02 td.phone input{width:52px}
.step02 td.email input{width:106px}
.step02 span:first-child{margin:0 30px 0 0}
.step02 input[type=radio]{width:14px;margin-right:5px;color:#d3d3d3}
.step02 td button{width:103px;height:26px;margin-left:7px;background:#838383;color:#fff;font-size:14px;text-align:center}
.join_btn{width:103px;height:30px;margin-left:7px;background:#838383;color:#fff;font-size:14px;text-align:center; padding:5px 10px; border-radius: 5px;}
.step02 .button{display: inline-block; width: 139px; min-width: 97px; height: 27px; border: none; background: #838383; color: #fff; font-size: 12px; line-height: 27px; text-align: center; vertical-align: middle; box-sizing: border-box;}  

.step03{float:left; width:100%; border:2px solid #ccc; text-align:center}
.step03 h4{padding:35px 0 0 0; color:#067ae7; font-size:35px; font-weight: bold;}
.step03 h4 p{margin:0; padding:16px 0 45px 0;color:#333;font-size:16px; }
.step03 p{margin:0 0 35px 0; color:#333; font-size:14px; line-height:30px}



/* join */
.join_box{background: #fff; padding: 40px; text-align: center; width: 900px; border-radius: 3px; display: inline-block; margin-bottom: 50px;}
.join_box .join_text{font-size:25px; font-weight: bold; text-align: left; padding-bottom: 20px;}
.join_box .step_tab{float:left; width: 100%; padding-bottom: 20px; font-size:15px}
.join_box .step_tab li{float:left; width: 25%; height: 50px; border: 1px solid #d3d3d3; text-align: center; line-height: 50px; cursor: pointer;}
.join_box .step_tab .act{background: #f3f3f3;}
.join_box .step01{width: 100%;}
.join_box .step01 iframe {width:100%; margin: 0 auto; height: 300px; margin-bottom: 5px; border: 1px solid #d3d3d3; color: #000; font-size: 14px; line-height: 25px; overflow-y: scroll;}
.join_box .step01 .personal_form{margin-top: 38px; margin-bottom: 10px; border: 1px solid #d3d3d3; font-size: 13px; line-height: 1.5em;}
.join_box .step01 .personal_form table{border-spacing: 1px;}
.join_box .step01 .personal_form .form_title{text-align: center; background-color: #F4F4F4; color: #000000; height: 30px; border: 1px solid #dfdfdf;}
.join_box .step01 .personal_form .form_sub{text-align: center; background-color: #FFFFFF; height: 70px; border: 1px solid #dfdfdf;}
.step01 .form_table{width:100%; border:0; cellpadding:3; cellspacing:1; background-color: #CCCCCC;}


/* 정보수정 */
.myinfo table{width:100%;margin:0 0 20px 0;border-top:2px solid #067ae7}
.myinfo th{background:#f6f6f6;color:#333}
.myinfo tr{display:table-row;height:35px;vertical-align:inherit;border-color:inherit}
.myinfo tr:first-child{height:37px}
.myinfo th,.myinfo td{position:relative;padding:0 15px 0 24px;border-bottom:1px solid #ccc;font-size:13px;font-weight:normal;text-align:left;box-sizing:border-box}
.myinfo td{text-align:left}
.myinfo td div{display:block;position:relative}
.myinfo td div input{width:35%;min-width:90px;height:27px;padding:0 2%;border:1px solid #e6e6e6;background:#f7f7f7;font-size:18px;box-sizing:border-box}
.myinfo td div .button{display:inline-block;width:139px;min-width:97px;height:27px;border:none;background:#838383;color:#fff;font-size:12px;line-height:27px;text-align:center;vertical-align:middle;box-sizing:border-box}
.member_leave{float:right;color:#333}



.login_box{background: #fff; padding: 40px; text-align: center; width: 440px; border-radius: 3px; display: inline-block; font-size:16px; line-height: 22px;}
.login_box .login_text{font-size:25px; font-weight: bold; padding: 50px;}
.find_input{width: 90%; height: 35px; border-top:1px solid #ccc; border-left:1px solid #ccc; text-indent: 10px; border-radius: 3px}
.login_box input{width:100%; height: 35px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-indent: 10px; border-radius: 3px; margin-bottom: 15px}
.login_box .login_button{padding: 30px 0;}
.login_box .search_result{color: #df0010; font-weight: bold;}




.contract_write{width: 100%; font-size: 17px; line-height: 24px;}
.contract_write .contract_title{width: 100%; background: #067ae7; color: #fff; font-weight: bold; text-align: center; padding: 20px; font-size: 25px;}
.contract_write .contract_table{width: 100%; float: left; margin-top: 10px;}

.contract_write table{margin:0 0 20px 0;border-top:2px solid #067ae7; table-layout: fixed; word-break: break-word;}
.contract_write tbody{display:table-row-group;vertical-align:middle;border-color:inherit}
.contract_write tr{display:table-row;vertical-align: inherit;border-color:inherit;}
.contract_write .th, .td{height:50px;border-bottom:1px solid #d3d3d3}

.contract_write th{position:relative;padding:0 0 0 20px;border-right:1px solid #d3d3d3;background:#f6f6f6;color:#333;font-size:14px;text-align:left; }
.contract_write td{position:relative;padding:0 0 0 10px;color:#333;font-size:14px;text-align:left; }
.contract_write td input[type="text"]{width:100%;height:35px;padding:0 10px;border:1px solid #e8e8e8;color:#888;font-size:12px}
.contract_write td select{height: 30px; border-top:1px solid #ccc; border-left:1px solid #ccc; text-indent: 10px; border-radius: 3px; background: #fff; padding-top:3px}
.contract_write td.phone input{width:52px}
.contract_write td.email input{width:106px}
.contract_write span:first-child{margin:0 30px 0 0}
.contract_write input[type=radio]{width:14px;margin-right:5px;color:#d3d3d3}
.contract_write td button{width:103px;height:26px;margin-left:7px;background:#838383;color:#fff;font-size:14px;text-align:center}

.contract_write .totPrice{font-size: 20px; font-weight: bold; float: right;}
.contract_write .contract_csCenter{font-size: 22px; border-bottom: 2px solid #0080ff; padding: 10px 0;}
.contract_write .sign{font-size: 21px; padding: 30px 10px 20px 10px; text-align: right;}

.contract_write .accept_title{text-align: center; font-size: 30px; font-weight: bold; padding: 25px}
.contract_write .accept_sub{text-align: right; font-size: 20px; padding: 0 10px 0 0; font-weight: bold;}
.contract_write .businessType div{display: inline-block; padding-right: 15px}

.contract_write .upload_cell{padding-top: 10px; padding-bottom: 10px;}
.contract_write .upload_cell form{display: inline-block;}
.contract_write .attention_cell{text-align: center; padding: 15px 10px; }
.contract_write .attention{font-size: 17px; font-weight: bold; padding-bottom: 10px}



.container .qrList{width: 100%; font-size:10pt; }
.container .qrList .qrCode{width: 65mm; height:65mm; border:1mm solid #46b35d; margin-bottom: 1mm; text-align: center; display: inline-block;}
.container .qrList .qrCode .qr_title{width: 63mm; height: 28.1mm;}

.container .qrList .qrCode .qr_title .logo{width: 63mm; padding : 6.2mm 0 4.6mm 0;}
.container .qrList .qrCode .qr_title .logo img{height: 5.6mm;}
.container .qrList .qrCode .qr_title .message{width: 100%; height:11.7mm; line-height:4mm; text-align: center;}
.container .qrList .qrCode .qr_title .message div{width: 63mm;}

.container .qrList .qrCode .qr_info{width: 63mm; /*height:41.2mm;*/ padding-top:6.4mm}

.container .qrList .qrCode .qr_info .qr_img{width: 25mm; height:25mm; float:left; border:1mm solid #46b35d; margin-left:4.5mm}
.container .qrList .qrCode .qr_info .qr_img img{margin: 0.85mm auto 0px;}

.container .qrList .qrCode .qr_info .qr_detail{width:32mm; float: right; text-align: right; padding-right: 4.5mm; padding-top:8.4mm}
.container .qrList .qrCode .qr_info .qr_detail div{height: 3.2mm; line-height:2.7mm; margin-bottom: 1.8mm; font-size:9.3pt}


@font-face { font-family: 'NanumBarunGothic';
src: url('../fonts/NanumBarunGothic.eot');
src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'),
url('../fonts/NanumBarunGothic.woff') format('woff');}

body {font-family: 'NanumBarunGothic', 'serif';}


#Progress {
     position: absolute; top:0%; left:0%; background: #000; opacity: 0.8;      
     width:100%; height:100%; margin: 0px 0 0 0px;
}

.text_red2{color:#067ae7}
.text_blue2{color:#0080ff}
.margin-top-10 { margin-top : 10px }
.margin-top-15 { margin-top : 15px }
.margin-top-20 { margin-top : 20px }
.margin-top-30 { margin-top : 30px }
.margin-bottom-10 { margin-bottom : 10px }
.margin-bottom-30 { margin-bottom : 30px }
.button3{
	width: 100%;
	display: inline-block;
	background: #067ae7;
	color: #fff;
	font-size: 16px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	transition: all 0.5s ease;
	border-radius: 7px;
}


.filebox {display:inline-block}
.filebox label {
	text-align:center;
	display: inline-block;
	border-radius: 4px;
	margin: 0px 5px;
	padding: 7px 12px 6px 12px !important;
	color: #666;
	font-size: 12px !important;
	border: 1px solid #B6B6B6;
	background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
	background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
	outline: none;
	box-shadow: 0px 1px 0px white;
	cursor: default;
	min-width: 75px;
	line-height: 100% !important;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	
	color: white;
	background-image: linear-gradient(#fcc272 0%, #fb8822 100%);
	border: 1px solid #B68B4C;
    text-shadow: 1px 1px 1px #777777;
}

.filebox label:hover{
	color: white;
	background-image: -webkit-linear-gradient(#f4ad59 0%, #f1731f 100%);
	background-image: -moz-linear-gradient(#f4ad59 0%, #f1731f 100%);
	background-image: -ms-linear-gradient(#f4ad59 0%, #f1731f 100%);
	background-image: -o-linear-gradient(#f4ad59 0%, #f1731f 100%);
	background-image: linear-gradient(#f4ad59 0%, #f1731f 100%);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff1731f', endColorstr='#fff4ad59', GradientType=0);
	border: 1px solid #B68B4C;
	text-shadow: 1px 1px 1px #777777;
}

.filebox input[type="file"] {  /* 파일 필드 숨기기 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}




/* admin Analyics */
@charset "utf-8";

.visual{padding:49px 0 0 0}

/* 공지사항시작 */
.item1{position:relative;float:left;width:312px;height:237px;margin:25px 0 0 0;border:1px solid #cdcdcd}
.btn_tab li{float:left;width:100%;height:50px;background:#f1f1f1;color:#000;font-size:16px;text-align:left;line-height:50px; text-indent: 10px;}
.btn_tab li.act{background:#fff;color:#000}
.tab_item:not([data-index="0"]){display:none}
.tab1 .tab_item,.tab2 .tab_item{width:100%;float:left;padding:3px;font-size:13px;} 
.tab1 .tab_item ul li,.tab2 .tab_item ul li{width:100%;margin:0 0 5px 0;}
.tab1 .tab_item ul li a,.tab2 .tab_item ul li a{display:block;color:#333}
.tab1 .tab_item ul li a,.tab2 .tab_item ul li a span{display:block;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tab1 .tab_item ul li a:hover,.tab2 .tab_item ul li a:hover{text-decoration:underline;color:#b20000}
.tab1 .tab_item ul li a span,.tab2 .tab_item ul li a span{color:#333}

.item2{position:relative;float:left;width:356px;height:237px;margin:1px;} 
.itemHead{height:50px;padding:0 0 0 5px;background:#eee;line-height:50px;font-size:16px;border:1px solid #cdcdcd;}
.boardArea{position:relative}
#sharesData{margin:0 3px 0 0;font-size:16px;font-weight:bold;color:#e00400}
#sharesUpdown.up,#sharesPercentage.up{font-size:14px;color:#e00400}
#sharesUpdown.down,#sharesPercentage.down{font-size:14px;color:#003ace}

#boardArea{width:100%;height:185px; padding:3px;font-size:13px; overflow-y: scroll;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;}
#boardArea li{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:4px;font-size:13px; itemHead}
#boardType{padding-left: 10px;}
#boardType a{color: #000;}
#objChartMember{width:100%;height:312px;margin-top:1px;margin:2px -1px 0 1px;}
#objChartReward{width:100%;height:312px;margin-top:1px;margin:2px -1px 0 1px;}
.analyticsChart1{width:100%;height:303.5px;margin-top:1px;margin:2px -1px 0 1px;}
/* #objChartAdClick{width:100%;height:312px;margin-top:1px;margin:2px -1px 0 1px;} */


.state_opt{float:right;width:auto;border-left:1px solid #cdcdcd}
.state_opt a{display:block;width:40px;height:25px;color:#333;font-size:10px;text-align:center;line-height:25px}
.state_opt a:first-child{border-bottom:1px solid #cdcdcd}
.state_opt .selected {background:#fff}

/* 자료실 시작 */
.item3{position:relative;width:356px;margin:1px;border:1px solid #cdcdcd;font-size:12px;}


/* 배너시작 */
.RollDiv{position:relative;float:left;width:1000px;margin:17px 0 16px 0;padding:10px 0;border:1px solid #dfdfdf;overflow:hidden}
.RollDiv div{width:1500px}
.RollDiv div a{display:block;float:left}  

.RollDiv div a img{max-width:100%;margin-right:10px}

.mainTbl {width:100%; border:1px solid #dfdfdf;}
.mainTblSub {width:100%; border:1px solid #dfdfdf;margin:1px;}
.mainTblSub tr th {font-size:13.1px;text-align:left;padding:5px;}
.mainTblSub tr td {font-size:12px;text-align:center;}
.mainTblSub tr .title {font-size:11.5px;text-align:center;width:12%;border-bottom:1px solid #cdcdcd;}
.mainTblSub tr .title2 {font-size:11.5px;text-align:center;width:13%;border-bottom:1px solid #cdcdcd;}