font-family: 'NanumGothicLight';
	font-style: normal;
	font-weight: 400;
	src: url('/inc/web148/fonts/NanumGothic-Regular.eot');
	src: url('/inc/web148/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
			url('/inc/web148/fonts/NanumGothic-Regular.woff2') format('woff2'),
			url('/inc/web148/fonts/NanumGothic-Regular.woff') format('woff'),
			url('/inc/web148/fonts/NanumGothic-Regular.ttf') format('truetype');
}


/*size*/
.width-auto{margin:0 auto;width:1200px;}
.width30p {width:30px !important;}
.width60p {width:60px !important;}
.width80p {width:80px !important;}
.width100p {width:100px !important;}
.width200p {width:200px !important;}
.width150p {width:150px !important;}
.width300p {width:300px !important;}
.width400p {width:400px !important;}
.width500p {width:500px !important;}
.width10s{width:10% !important;}
.width15s{width:15% !important;}
.width20s{width:20% !important;}
.width30s{width:30% !important;}
.width50s{width:50% !important;}
.width60s{width:60% !important;}
.width70s{width:70% !important;}
.width80s{width:80% !important;}
.width90s{width:90% !important;}
.width95s{width:95% !important;}
.width98s{width:98% !important;}
.width99s{width:99% !important;}
.width100s{width:100% !important;} /*어촌6차 우수사례 이미지 사이즈 용*/img.width100s { max-width: 690px; max-width: fit-content }
.height300px {height:200px !important;}

.min-height72{min-height:72px !important;}
/*/size*/

/*font*/
.text_strong {font-weight:bold;}

/*color*/
.col-pink{color: #eb5371 !important;}
.col-red{color: #da2a21 !important;}
.col-sky{color: #0d9bd6 !important;}
.col-blue{color: #0375c2 !important;}
.col-blues{color: #556581 !important;}
.col-orange{color: #eb6e4c !important;}
.col-green{color: #1e9015 !important;}
.col-greens{color: #25a37a !important;}
.col-purple{color: #2b3e61 !important;}
/*/color*/

/*margin-padding*/
.m-top0{margin-top:0px !important;}
.m-top5{margin-top:5px !important;}
.m-top10{margin-top:10px !important;}
.m-top15{margin-top:15px !important;}
.m-top20{margin-top:20px !important;}
.m-top25{margin-top:25px !important;}
.m-top30{margin-top:30px !important;}
.m-top40{margin-top:40px !important;}
.m-top45{margin-top:45px !important;}
.m-top50{margin-top:50px !important;}
.m-top60{margin-top:60px !important;}
.m-top70{margin-top:70px !important;}
.m-top80{margin-top:80px !important;}
.m-top90{margin-top:90px !important;}

.m-btm10{margin-bottom:10px !important;}
.m-btm20{margin-bottom:20px !important;}
.m-btm40{margin-bottom:40px !important;}
.m-right0{margin-right:0 !important;}
.m-right10{margin-right:10px !important;}
.m-right20{margin-right:20px !important;}
.m-right30{margin-right:30px !important;}
.m-left5{margin-left:5px !important;}
.m-left10{margin-left:10px !important;}
.m-left20{margin-left:20px !important;}
.m-left25{margin-left:25px !important;}
.m-bot5{margin-bottom:5px;}
.m-bot10{margin-bottom:10px;}


.p-top0{padding-top:0px;}
.p-top5{padding-top:5px;}
.p-top10{padding-top:10px;}
.p-top20{padding-top:20px;}
.p-top30{padding-top:30px;}
.p-top40{padding-top:40px;}
.p-top50{padding-top:50px;}
.p-top60{padding-top:60px;}
.p-top70{padding-top:70px;}
.p-top80{padding-top:80px;}
.p-top90{padding-top:90px;}

.p-left0{padding-left:0px;}
.p-left10{padding-left:10px;}
.p-left15{padding-left:15px;}
.p-bot5{padding-bottom:5px;}
.p-bot10{padding-bottom:10px;}
/*/margin-padding*/

.left-area{float:left;}
.right-area{float:right;}

.t-center{text-align:center !important;}
.t-left{text-align:left !important;}
.t-right{text-align:right !important;}

.v-top{vertical-align:top !important;}
.v-middle{vertical-align:middle !important;}

.border-l{border-left:1px solid #ececec !important;}
.border-r{border-right:1px solid #ececec !important;}

/*btn*/
.btn_box {display:block; margin-top:50px; text-align:right; margin-bottom:20px;}
.btn_box button {display:inline-block; min-width:60px; text-align:center; font-weight:bold; border:none; vertical-align:top;}
.btn_box a {display:inline-block; min-width:60px; text-align:center;}
.btn_box input {display:inline-block; min-width:80px; text-align:center; font-weight:bold; border:0px;}
.btn_blue_white {color:#fff !important; font-size:14px; background:#3171c9; padding:10px 20px;}
.btn_red_white {color:#fff !important; font-size:14px; background:#f3170b; padding:10px 20px;}
.btn_gray_white {color:#fff !important; font-size:14px; background:#727272; padding:10px 20px;}
.btn_green_white {color:#fff !important; font-size:14px; background:#499847; padding:10px 20px;}
.btn_black_white {color:#fff !important; font-size:14px; background:#333; padding:10px 20px;}
.delete {color:#fff !important; font-size:14px; background:#a2a4a7; padding:5px 15px; border:none;}

.btn_no {color:#c1c1c1 !important; font-size:14px; background:#f1f1f1; padding:10px 20px; cursor: no-drop;}
.btn_white_black {color:#333 !important; font-size:14px; background:#fff; padding:10px 20px; border:1px solid #999;}
.btn_search {color:#fff !important; font-size:14px; background:#4d4f4d; padding:6px 15px; vertical-align:middle; border:none; min-width:70px; height:29px; line-height:16px;}
.btn_join_gray {color:#fff !important; font-size:14px; background:#888888; padding:7px 10px; vertical-align:middle;}
.btn_orange_white {color:#fff !important; font-size:14px; background:#f99500; line-height:32px;}
.btn_orange_white {color:#fff !important; font-size:14px; background:#f99500; line-height:32px;}
.btn_photo_blue {color:#fff !important; font-size:14px; background:#3171c9; border:none; padding:3px 15px; vertical-align:middle;}
.btn_file_blue {color:#fff !important; font-size:14px; background:#3171c9; padding:7px 10px; vertical-align:middle;}
.btn_check_black {color:#fff !important; font-size:14px; background:#333; padding:5px 20px; line-height:16px; vertical-align:middle; display:inline-block;}
.btn_input_side {color:#fff !important; font-size:14px; background:#003964; padding:5px 20px; vertical-align:middle; display:inline-block; text-align:center; border:none;}
.btn_input_side_lb {color:#fff !important; font-size:14px; background:#0070c2; padding:5px 20px; vertical-align:middle; display:inline-block; text-align:center; border:none;}
.btn_input_side_r {color:#fff !important; font-size:14px; background:#d86e00; padding:5px 20px; vertical-align:middle; display:inline-block; text-align:center; border:none;}
.btn_input_side_g {color:#fff !important; font-size:14px; background:#aaa; padding:5px 20px; vertical-align:middle; display:inline-block; text-align:center; border:none;}

/*input*/
input[type=text] {height:30px !important; padding:0 0 0 7px; line-height:27px; vertical-align:middle; border:1px solid #cecece; box-sizing:border-box; background:#fff;}
input[type=number] {height:30px; padding:0 0 0 7px; line-height:27px; vertical-align:middle; border:1px solid #cecece; box-sizing:border-box; background:#fff;}
input[type=date] {height:30px; padding:0 0 0 7px; line-height:27px; vertical-align:middle; border:1px solid #cecece; box-sizing:border-box; background:#fff;}
input[type=time] {height:30px; padding:0 0 0 7px; line-height:27px; vertical-align:middle; border:1px solid #cecece; box-sizing:border-box; background:#fff;}
input[type=password] {height:30px; padding:0 0 0 7px; line-height:27px; vertical-align:middle; border:1px solid #cecece; box-sizing:border-box; background:#fff;}
input[type=file] {height:30px; background:#fff;}
input:read-only { background: #eeeeee; border:2px dotted #3a3a3a;	}
select {height:30px; padding:0 0 0 7px; line-height:29px; vertical-align:middle; border:1px solid #cecece;}
textarea {border:1px solid #d2dbe1; min-height:100px !important;}
table .check:after {content:""; display:inline-block; margin-left:5px; width:10px; height:10px; background:url(../../images/geocni/icons_web.png) no-repeat -18px -43px;}

.file_wrap {margin-bottom:1px;}
table a.files {display:inline !important;}
table a.free_view {padding:5px; border-radius:3px; background:#333; color:#fff; font-size:12px;margin-left:10px; }

button.ui-date {border:0; font-size:0; width:29px; height:29px; background:#888 url(../../images/geocni/icons_web.png) no-repeat -108px -1px; vertical-align:middle; margin-left:-4px;}