/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
  width: 100%;
}
body {
	FONT-FAMILY: Noto Sans KR,돋음, Dotum, Verdana, Seoul,sans-serif;
	font-size:15px;
	font-weight: 400;
	color:#525252;
}
dl,ul,ol,li{list-style:none; padding:0px 0px;}

hr {
  border-color: #F05F40;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  color: #1c1c1c;
}
a:hover,
a:focus{
  color: #ffa92e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:'Noto Sans';
	letter-spacing:-0.7px;
}
p {
	margin-bottom: 0px;
}
.bg-primary {
	background-image: url('/images/main/bg_shop.jpg');
}

.bg-dpa {
	background-image: url('/images/main/bg_dpa.jpg');
}
.bg-supply{
	background-2019-02-08:#e0eefb;
}
.bg-dark {
	background-color: #f7f7f7;
	color: #1d1d1f;
}
.text-faded {
	color: rgba(255, 255, 255, 0.7);
}
aside {
	padding: 50px 0;
}
.no-padding {
	padding: 0 0;
}
input,select{
	border:1px solid; 
	border-color:#d7d7d7;
}
.form_text{
	padding:5px 5px 0 5px;
	float:left;
}
.cursor_pointer{cursor:pointer;}
.overflow_hidden{overflow: hidden;}
.float_left{float:left;}

.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
.pt_60{padding-top:60px;}
.pt_70{padding-top:70px;}
.pt_100{padding-top:100px;}

.pr_5{padding-right:5px;}
.pr_8{padding-right:8px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_30{padding-right:30px;}
.pr_50{padding-right:50px;}

.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}
.pb_60{padding-bottom:60px;}
.pb_70{padding-bottom:70px;}
.pb_78{padding-bottom:78px;}
.pb_100{padding-bottom:100px;}
.pb_110{padding-bottom:110px;}
.pl_2{padding-left:2%;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_32{padding-left:32px;}
.pl_40{padding-left:40px;}

.padding_20_70{padding:20px 70px;}

.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_50{margin-top:50px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_25{margin-right:25px;}
.mb_10{margin-bottom:10px;}
.mb_30{margin-bottom:30px;}
.mb_100{margin-bottom:100px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}

.mt_-40{margin-top:-40px;}
.mb_-40{margin-bottom:-40px;}


.b_gal{width:90%;}
.b_gal_title{color:#1d1d1f; font-size:14px; letter-spacing:-0.4px; text-align:left; padding:10px 0 5px 4.5%;}
.b_gal_info{color:#8d8d8d; font-size:13px; letter-spacing:-0.4px; text-align:left; padding:3px 0 30px 4.5%;}
.b_g_img{width:94%;}



/*버튼*/
.btn-overlap{
	background-color:#464646;
	padding:9px 13px;	
	color:#FFFFFF;
	font-size:13px;
	font-weight:500;
	float:left;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-overlap:hover,
.btn-overlap:focus,
.btn-overlap:active {
  color: #FFFFFF;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}

.btn-Code{
	background-color:#464646;
	padding:9px 13px;	
	color:#FFFFFF;
	font-size:13px;
	font-weight:500;
	float:left;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-Code:hover,
.btn-Code:focus,
.btn-Code:active {
  color: #FFFFFF;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}


.btn-write {	
	font-size:16px;
	color:#FFFFFF;
	font-weight:500;
	background-color:#0f317e;
	padding:15px 50px;
	border:0;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-write:hover,
.btn-write:focus,
.btn-write:active {
  color: #FFFFFF;
  background-color: #1f4aaa;
  border-color: #1f4aaa;
}

.btn-cancel {	
	font-size:16px;
	color:#FFFFFF;
	font-weight:500;
	background-color:#7d7d7d;
	padding:15px 50px;
	border:0;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active {
  color: #FFFFFF;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.btn-list-search{
	background-color:#464646;
	padding:7px 20px;	
	color:#FFFFFF;
	font-size:13px;
	font-weight:500;
	border:0;
	vertical-align:middle;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-list-search:hover,
.btn-list-search:focus,
.btn-list-search:active {
  color: #FFFFFF;
  background-color: #6f6f6f;
  border-color: #6f6f6f;
}

.btn-list-write {	
	font-size:16px;
	color:#FFFFFF;
	font-weight:500;
	background-color:#0f317e;
	padding:13px 40px;
	margin:10px 0;
	border:0;
	vertical-align:middle;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-list-write:hover,
.btn-list-write:focus,
.btn-list-write:active {
  color: #FFFFFF;
  background-color: #1f4aaa;
  border-color: #1f4aaa;
}

.btn-view-list {	
	font-size:16px;
	color:#525252;
	font-weight:500;
	background-color:#FFFFFF;
	border:1px solid #dbdbdb;
	padding:10px 30px;
	margin:20px 0;
	vertical-align:middle;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-view-list:hover,
.btn-view-list:focus,
.btn-view-list:active {
  background-color: #f2f2f2;
}

.btn-view-modify {	
	font-size:16px;
	color:#FFFFFF;
	font-weight:500;
	background-color:#0f317e;
	padding:10px 30px;
	margin:20px 0;
	border:0;
	vertical-align:middle;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-view-modify:hover,
.btn-view-modify:focus,
.btn-view-modify:active {
  color: #FFFFFF;
  background-color: #1f4aaa;
  border-color: #1f4aaa;
}

.btn-view-delete {	
	font-size:16px;
	color:#FFFFFF;
	font-weight:500;
	background-color:#ec1a1a;
	padding:10px 30px;
	margin:20px 0;
	border:0;
	vertical-align:middle;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn-view-delete:hover,
.btn-view-delete:focus,
.btn-view-delete:active {
  color: #FFFFFF;
  background-color: #cb1919;
  border-color: #cb1919;
}

.btn-admin{
	border:1px solid #e7e7e7;
	color:#9f9f9f;
	font-size:11px;
	margin:0 0 0 5px;
}

.btn-contact{
	font-size:17px;
	color:#000000;
	font-weight:500;
	background-color:#ffa92d;
	padding:7px 50px;
	border:0;
	border-radius:20px;
	vertical-align:middle;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*글자색상*/
.text-red{
	color:#d00117;
}

body {
  webkit-tap-highlight-color: #222222;
}

.table a{
  color: #333333;
}

/*********************************************
* 테이블 (td 가운데)
*********************************************/
.june1C { background-color:#FFFFFF; border:0px solid #FFFFFF; }
.june1C th { background-color:#f2f2f2; color:#FFFFFF; padding:10px 0px 10px 0px; color:#2c2c2c; text-align:center; }
.june1C td { background:#fff; background-color:#FFFFFF; padding:5px 0px 5px 0px; text-align:center; }
.june1C .bar1 { background-color:#e2e2e2; height:1px; padding:0px; }
.june1C .bar2 { background-color:#e2e2e2; height:1px; padding:0px; }
.june1C .dot { background-image:url('/_common/images/icon_dot.gif'); height:1px; padding:0px; }

/*********************************************
* 테이블 (td 왼쪽)
*********************************************/
.june1L { border:0px solid #FFFFFF; }
.june1L th { background:#f7f7f7; color:#2c2c2c; padding:10px 0px 10px 0px; text-align:center; }
.june1L td { background:#fff; padding:10px 0px 10px 10px; text-align:left; }
.june1L .td1 { background-color:#f7f7f7; text-align:center;}
.june1L .bar1 { background-color:#e2e2e2; height:1px; padding:0px; }
.june1L .bar2 { background-color:#e2e2e2; height:1px; padding:0px; }
.june1L .dot { background-image:url('/_common/images/icon_dot.gif'); height:1px; padding:0px; }

.event_font01{font-size:12px; color:#9c9c9c;}
.bbs_text01{font-size:12px;color:#9c9c9c;}
.bbs_pre{color:#707070;}
.bbs_pre a{color:#454545;}