﻿.clr_black1 {
    color: #000
}

.clr_black2 {
    color: #333
}

.clr_black3 {
    color: #666
}

.clr_black4 {
    color: #999
}

.clr_black5 {
    color: #CCC
}

.clr_red0 {
    color: #8C0707
}

.clr_red1 {
    color: #FF0000
}

.clr_red2 {
    color: #FF3333
}

.clr_red3 {
    color: #FF6666
}

.clr_red4 {
    color: #FF9999
}

.clr_red5 {
    color: #FFCCCC
}

.clr_blue0 {
    color: #115797
}

.clr_blue1 {
    color: #337ae7;
}

.clr_blue2 {
    color: #33bAFF
}

.clr_blue3 {
    color: #65CbFF
}

.clr_blue4 {
    color: #90D9FF
}

.clr_blue5 {
    color: #b3E5FF
}

.clr_orange {
    color: #D48200
}

.clr_orange0 {
    color: #b25900
}

.clr_orange1 {
    color: #FF7E00
}

.clr_orange2 {
    color: #FF8A19
}

.clr_orange3 {
    color: #FFA147
}

.clr_orange4 {
    color: #FFbD7E
}

.clr_orange5 {
    color: #FFCE9F
}

.clr_green {
    color: #009900
}

.tx_alignC {
    text-align: center !important
}

.tx_alignR {
    text-align: right !important
}

.tx_alignL {
    text-align: left !important
}

.ftb {
    font-weight: bold
}

.bg_red {
    background: #FFEEEE
}

.bg_white {
    background: #FFFFFF
}

.bg_yellow {
    background: #FFFFE0
}

.bg_gray {
    background: #F5F5F5
}

.bg_blue {
    background: #EEF7FF
}

.bg_blue1 {
    background: #DbE6F6
}

.bg_purple0 {
    background: #DbE6F6
}

.bg_purple1 {
    background: #F4F7FF
}

.bg_green {
    background: #DCF4DF
}

.bg_green2 {
    background: #9CEbA6
}

.bg_orange3 {
    background: #FFDFDF
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearb {
    clear: both
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.ml50 {
    margin-left: 50px
}

.ml10 {
    margin-left: 10px
}

.mr50 {
    margin-right: 50px
}

.mr10 {
    margin-right: 10px
}

.mb20 {
    margin-bottom: 20px
}

.Wid5 {
    width: 5% !important
}

.Wid10 {
    width: 10% !important
}

.Wid15 {
    width: 15% !important
}

.Wid20 {
    width: 20% !important
}

.Wid25 {
    width: 25% !important
}

.Wid30 {
    width: 30% !important
}

.Wid35 {
    width: 35% !important
}

.Wid40 {
    width: 40% !important
}

.Wid45 {
    width: 45% !important
}

.Wid50 {
    width: 50% !important
}

.Wid55 {
    width: 55% !important
}

.Wid60 {
    width: 60% !important
}

.Wid65 {
    width: 65% !important
}

.Wid70 {
    width: 70% !important
}

.Wid75 {
    width: 75% !important
}

.Wid80 {
    width: 80% !important
}

.Wid85 {
    width: 85% !important
}

.Wid90 {
    width: 90% !important
}

.Wid95 {
    width: 95% !important
}

.Wid100 {
    width: 100% !important
}

.Wid10px {
    width: 10px
}

.Wid20px {
    width: 20px
}

.Wid25px {
    width: 25px
}

.Wid30px {
    width: 30px
}

.Wid50px {
    width: 50px
}

.Wid60px {
    width: 60px
}

.Wid70px {
    width: 70px
}

.Wid80px {
    width: 80px
}

.Wid90px {
    width: 90px
}

.Wid100px {
    width: 100px
}

.Wid110px {
    width: 110px
}

.Wid120px {
    width: 120px
}

.Wid130px {
    width: 130px
}

.Wid140px {
    width: 140px
}

.Wid142px {
    width: 142px
}

.Wid150px {
    width: 150px
}

.Wid160px {
    width: 160px
}

.Wid165px {
    width: 165px
}

.Wid170px {
    width: 170px
}

.Wid180px {
    width: 180px
}

.Wid190px {
    width: 190px
}

.Wid200px {
    width: 200px
}

.Wid210px {
    width: 210px
}

.Wid220px {
    width: 220px
}

.Wid230px {
    width: 230px
}

.Wid240px {
    width: 240px
}

.Wid250px {
    width: 250px
}

.Wid260px {
    width: 260px
}

.Wid300px {
    width: 300px
}

.Wid310px {
    width: 310px
}

.Wid320px {
    width: 320px
}

.Wid330px {
    width: 330px
}

.Wid340px {
    width: 340px
}

.Wid350px {
    width: 350px
}

.Wid360px {
    width: 360px
}

.Wid370px {
    width: 370px
}

.Wid380px {
    width: 380px
}

.Wid390px {
    width: 390px
}

.Wid400px {
    width: 400px
}

.Wid410px {
    width: 410px
}

.Wid420px {
    width: 420px
}

.Wid430px {
    width: 430px
}

.Wid440px {
    width: 440px
}

.Wid450px {
    width: 450px
}

.Wid460px {
    width: 460px
}

.Wid470px {
    width: 470px
}

.Wid480px {
    width: 480px
}

.Wid490px {
    width: 490px
}

.Wid495px {
    width: 495px
}

.Wid500px {
    width: 500px
}

.Wid510px {
    width: 510px
}

.Wid520px {
    width: 520px
}

.Wid530px {
    width: 530px
}

.Wid540px {
    width: 540px
}

.Wid550px {
    width: 550px
}

.heit5 {
    height: 5px
}

.heit10 {
    height: 10px
}

.heit30 {
    height: 30px
}

.heit40 {
    height: 40px
}

.heit50 {
    height: 50px
}

.heit60 {
    height: 60px
}

.heit70 {
    height: 70px
}

.heit80 {
    height: 80px
}

.heit90 {
    height: 90px
}

.heit100 {
    height: 100px
}

.heit130 {
    height: 130px
}

.heit180 {
    height: 180px
}

.heit200 {
    height: 200px
}

.heit250 {
    height: 250px
}

.heit300 {
    height: 300px
}

.heit400 {
    height: 400px
}

.heit500 {
    height: 500px
}

.heit600 {
    height: 600px
}

.tablegroup {
    width: 100%;
    border-collapse: collapse
}

.tablegroup tr th,
.tablegroup tr td {
    border: 1px solid #D9D9D9;
    line-height: 24px
}

.subT {
    width: 98%;
    text-align: right;
    padding: 5px 0 5px 0;
    margin: 0
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.ml14 {
    margin-left: 14px
}

.mb10 {
    margin-bottom: 10px
}

.v_alignM {
    vertical-align: middle
}

.cu_po {
    cursor: pointer
}

.comment {
    line-height: 25px
}

.comment em {
    color: #fe5301;
    font-weight: bold
}

.btn_all {
    clear: both;
    padding: 10px 0 10px 0;
    text-align: center
}

.btn_all li {
    display: inline;
    margin-right: 10px
}

.btn_all li img {
    margin-right: 5px
}

.ButList {
    padding: 3px
}

.common-table {
    margin: 10px auto;
}

legend {
    display: none
}

.common-table p,
.common-table label,
.common-table input,
.common-table ul {
    margin: 0;
    vertical-align: middle;
}

.common-table table {
    border-top: 2px solid #666;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
    table-layout: fixed
}

.common-table table th,
.common-table table td {
    vertical-align: middle !important;
}

.table-toolbar {
    margin: 10px 0
}

.table-toolbar:after {
    content: '';
    display: block;
    clear: both
}

.table-toolbar .col-lg-6,
.table-toolbar .col-md-6 {
    padding: 0;
}

.gal-item {
    display: block !important;
    margin-bottom: 1.3rem !important;
    overflow: hidden
}

.gal-item input {
    vertical-align: middle;
    margin: 0
}

.gal-item p {
    margin-top: 10px;
    font-size: 1.2em
}

.gal-item .gal-item-container{
	display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding-top: 70%;
}

.gal-item .gal-item-container img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.gal-item .gal-item-title{
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%;
overflow:hidden;
}

.gal-list-item {
    position: relative;
    margin-bottom: 20px;
    line-height: 2
}

.gal-list-item .gal-item-modify {
    position: absolute;
    top: 10px;
    right: 12px
}

.pagination {
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    font-size: 14px
}

.common-reply {
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon-reply.png);
}

/* 메일링신청 */
.mailing{
	border:2px solid #f86b1f;
	border-radius:5px;
	padding:25px 13px;
	margin:15px 25px;
	box-sizing:border-box;
}
.mailing > h2{
	color:#101111;
	font-size:25px;
	font-weight:600;
	padding-left:10px;
	margin:0;
}
.mailing > h2 span{
	color:#f68b1f;
	font-weight:900;
}
.mailing > h3{
	color:#626262;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	background:none;
	border-bottom:1px solid #dedede;
	padding:17px 0 22px 10px;
	margin:0 0 30px 0;
}
.mailing form{
	max-width:340px;
	margin:0 auto;
}
.mailing p{
	width:100%;
	text-align:left;
	border-bottom:1px solid #dedede;
	padding-bottom:5px;
	margin-bottom:10px;
}
.mailing p span{
	display:inline-block;
	width:30%;
	color:#424242;
	font-size:15px;
	font-weight:600;
}
.mailing input[type=text]{
	width:70%;
	border:none;
}
.mailing div{
	margin:0 auto;
	text-align:center;
}
.mailing input[type=button]{
	color:#fff;
	font-size:15px;
	font-weight:600;
	background:#f86b1f;
	border:none;
	padding:7px 14px;
	margin-top:20px;
}
.mailing input[type=button]:last-child{
	background:#929292;
}

.skip-navigation:hover,
.skip-navigation:focus{
	position:absolute;
	display:block;
	width:100%;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	background:#fff;
}