@charset "utf-8";

@import url("reset.css");
@import url("content.css"); 
 

/* Layout */
.foot_wrap{ position: fixed; bottom:0; width:100%; }
.foot_wrap .foot{ width:100%; height: 32px; line-height: 32px; background: #3f3f3f; }
.foot_wrap .foot ul li{ display: inline-block; position: relative; width:49.7%; height: 32px; line-height: 32px; color: #ffffff; font-size:14px; text-align: center; cursor: pointer;}
.foot_wrap .foot ul li.on{color: #75bf41;}
.foot_wrap .foot ul li .line{ display: inline-block; position: absolute; margin: 6px 0 0 0; width: 1px; height: 18px; background: #6c6c6c; right: 0;}


/* Common */ 
.tab-content .tab-pane { display: none; }
.tab-content .tab-pane.active{ display:block ; }

.loader{ position: absolute; top:44%; left: 44%; opacity: 0.5; }
.loader .sk-wave{ margin: 40px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }
.loader .sk-wave img{ width: 80%; }

.btn_wrap{ width: 100%; padding: 0 20px; }
.btn_wrap .btn_green{ width:100%; height: 32px; line-height: 32px; color: #ffffff; background: #1a4109; background: linear-gradient(to top, #33671d, #619b4b); background: -webkit-linear-gradient(to top, #33671d, #619b4b); background: -moz-linear-gradient(to top, #33671d, #619b4b); background: -o-linear-gradient(to top, #33671d, #619b4b); font-size: 16px; font-weight: 600; text-align: center; border-radius: 4px; border: 1px solid #3c7026; }
.btn_wrap .btn_green2{ width:100%; height: 32px; line-height: 32px; color: #ffffff; background: #388612; font-size: 16px; font-weight: 600; border-radius: 4px; }
.btn_wrap .btn_red{ width:100%; height: 32px; line-height: 32px; color: #ffffff; background: #1a4109; background: linear-gradient(to top, #e9360c, #f96643); background: -webkit-linear-gradient(to top, #e9360c, #f96643); background: -moz-linear-gradient(to top, #e9360c, #f96643); background: -o-linear-gradient(to top, #e9360c, #f96643); font-size: 16px; font-weight: 600; text-align: center; border-radius: 4px; border: 1px solid #e42f04; }
.top_btn, .top_btn2, .top_btn3, .top_btn4, .top_btn5, .top_btn6 {position: absolute; top: 4px; height: 30px; line-height: 30px; border-radius: 4px;}  
.top_btn{ right: 20px; width: 53px; background: #515151; }
.top_btn2{ right: 20px; width: 53px; background: #dc3030; }
.top_btn3{ right: 80px; width: 53px; background: #357abf; }
.top_btn4{ right: 20px; width: 82px; background: #dc3030; }
.top_btn5{ right: 109px; width: 53px; background: #357abf; }
.top_btn6{ right: 20px; width: 53px; background: #357abf; }
.top_btn button, .top_btn2 button, .top_btn3 button, .top_btn4 button, .top_btn5 button, .top_btn6 button{ padding: 0 0 0 14px; width: 100%; height: 100%; background: url(../image/ico_find.png) 4px 6px no-repeat; background-size: 32%;color: #ffffff; font-size: 12px; }
.top_btn button.bg2{ background: url(../image/ico_comment.png) 4px 6px no-repeat; background-size: 32%; }
.top_btn2 button.bg3{ background: url(../image/ico_delete.png) 4px 7px no-repeat; background-size: 32%; }
.top_btn3 button.bg4{ background: url(../image/ico_down.png) 4px 5px no-repeat; background-size: 32%; }
.top_btn4 button.bg5{ background: url(../image/ico_logout.png) 4px 5px no-repeat; background-size: 22%; }
.top_btn5 button.bg6{ background: url(../image/ico_down.png) 4px 5px no-repeat; background-size: 32%; }
.top_btn6 button.bg7{ background: url(../image/ico_down.png) 4px 5px no-repeat; background-size: 32%; }
.text_l{ text-align: left; }
	
/* radio */
input[type=radio] { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; }
input[type=radio] + label {
    display: inline-block;
	height: 36px;
	line-height: 36px;
    vertical-align: top;
    background: url(../image/radio_style1.png) 0 -25px no-repeat;
	background-size: 38%;
    cursor: pointer;
	padding: 0 3px 0 26px;
	font-size: 14px;
}
input[type=radio]:checked + label { background-position: 0 7px;}

input[type=radio]:disabled.big { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; }
input[type=radio]:disabled.big + label {
    display: inline-block;
	height: 36px;
	line-height: 36px;
    vertical-align: top;
    background: url(../image/radio_style2.png) 0 -39px no-repeat;
	background-size: 38%;
    cursor: pointer;
	padding: 0 3px 0 26px;
	font-size: 14px;
}
input[type=radio]:checked:disabled.big + label { background-position: 0 7px;}


input[type=radio]:disabled + label {
    display: inline-block;
	height: 36px;
	line-height: 36px;
    vertical-align: top;
    background: url(../image/radio_style2.png) 0 -19px no-repeat;
	background-size: 38%;
    cursor: pointer;
	padding: 0 14px 0 16px;
	font-size: 12px;
}

input[type=radio]:checked:disabled  + label { background-position: 0 10px; cursor:not-allowed; }

/* color */
.blue{ color: #357abf; }
.black{ color: #2e2e2e; }

/* datepicker */

input[type="text"].btn_calendar {
    text-align: left;
    background: #fff url(../image/ico_calendar.png) 96% 10px no-repeat;
    background-size: 12px;
    vertical-align: middle;
	font-size: 10px;
    padding: 3px;
    letter-spacing: -1px;
}

.ui-datepicker{ width: 180px !important;}


/* input */

input.input_01{ width:calc(100% - 72px); border-radius: 4px; font-weight: 600;}
.input_02{ display: inline-block; width: calc(100% - 74px) !important; margin: 0 !important; box-sizing: content-box !important; }
input.num{ padding: 5px !important; width:100%; text-align: center; font-size: 14px;}

/* MARGIN PADDING */
.mt0{margin-top:0px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !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}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt85{margin-top:85px !important}
.mt90{margin-top:90px !important}
.mt95{margin-top:95px !important}
.mt100{margin-top:100px !important}

.ml0{margin-left:0px !important}
.ml3{margin-left:3px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.ml85{margin-left:85px !important}
.ml90{margin-left:90px !important}
.ml95{margin-left:95px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr3{margin-right:3px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.mr85{margin-right:85px !important}
.mr90{margin-right:90px !important}
.mr95{margin-right:95px !important}
.mr100{margin-right:100px !important}

.mb0{margin-bottom:0px !important}
.mb3{margin-bottom:3px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.mb85{margin-bottom:85px !important}
.mb90{margin-bottom:90px !important}
.mb95{margin-bottom:95px !important}
.mb100{margin-bottom:100px !important}
.mb105{margin-bottom:105px !important}
.mb110{margin-bottom:110px !important}

.pd0{padding: 0;}
.pd5{padding: 5px;}
.pd20{padding: 20px !important}
.pt0{padding-top:0px !important}
.pt5{padding-top:5px !important}
.pt7{padding-top:7px !important}
.pt10{padding-top:10px !important}
.pt12{padding-top:12px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pt85{padding-top:85px !important}
.pt90{padding-top:90px !important}
.pt95{padding-top:95px !important}
.pt100{padding-top:100px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pl85{padding-left:85px !important}
.pl90{padding-left:90px !important}
.pl95{padding-left:95px !important}
.pl100{padding-left:100px !important}

.pr0{padding-right:0px !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.pr85{padding-right:85px !important}
.pr90{padding-right:90px !important}
.pr95{padding-right:95px !important}
.pr100{padding-right:100px !important}

.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:10px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pb85{padding-bottom:85px !important}
.pb90{padding-bottom:90px !important}
.pb95{padding-bottom:95px !important}
.pb100{padding-bottom:100px !important}
.pb105{padding-bottom:105px !important}
.pb110{padding-bottom:110px !important}

 

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