/*
::-webkit-input-placeholder { color: #929292;	}
:-ms-input-placeholder { color: #929292;	}
::-moz-placeholder { color: #929292;	  opacity: 1; }
:-moz-placeholder { color: #929292;	  opacity: 1;	}
::-moz-selection { color: #000000;	    background: #e74c3c;	}
::selection {	    color: #000000;	    background: #e74c3c;	}
::-ms-clear { }
*/


/* font */
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font15 { font-size:15px; }
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font21 { font-size:21px; }
.font22 { font-size:22px; }
.font23 { font-size:23px; }
.font24 { font-size:24px; }
.font25 { font-size:25px; }
.font26 { font-size:26px; }
.font27 { font-size:27px; }
.font28 { font-size:28px; }
.font29 { font-size:29px; }
.font30 { font-size:30px; }

/* text */
.text_center { text-align:center !important; }
.text_left { text-align:left !important; }
.text_right { text-align:right !important; }
.text_bold { font-weight:bold !important; }
.text_ellip { overflow:hidden; text-overflow:ellipsis !important; /* text-overflow:ellipsis-word */ }
.text_overline { text-decoration: overline !important; }
.text_through { text-decoration: line-through !important; }
.text_underline { text-decoration: underline !important; }
.text_decoration_none { text-decoration: none !important; }

/* height */
.height10 { height:10px; }
.height20 { height:20px; }
.height30 { height:30px; }
.height40 { height:40px; }
.height50 { height:50px; }
.height60 { height:60px; }
.height70 { height:70px; }
.height80 { height:80px; }
.height90 { height:90px; }
.height100 { height:100px; }
.height110 { height:110px; }
.height120 { height:120px; }
.height130 { height:130px; }
.height140 { height:140px; }
.height150 { height:150px; }
.height160 { height:160px; }
.height170 { height:170px; }
.height180 { height:180px; }
.height190 { height:190px; }
.height200 { height:200px; }

/* width */
.width10 { width:10px; }
.width20 { width:20px; }
.width30 { width:30px; }
.width40 { width:40px; }
.width50 { width:50px; }
.width60 { width:60px; }
.width70 { width:70px; }
.width80 { width:80px; }
.width90 { width:90px; }
.width100 { width:100px; }
.width110 { width:110px; }
.width120 { width:120px; }
.width130 { width:130px; }
.width140 { width:140px; }
.width150 { width:150px; }
.width160 { width:160px; }
.width170 { width:170px; }
.width180 { width:180px; }
.width190 { width:190px; }
.width200 { width:200px; }

/* margin */
.margin0 { margin:0; }
.margin10 { margin:10px; }
.margin20 { margin:20px; }
.margin30 { margin:30px; }
.margin40 { margin:40px; }
.margin50 { margin:50px; }
.margin60 { margin:60px; }
.margin70 { margin:70px; }
.margin80 { margin:80px; }
.margin90 { margin:90px; }
.margin100 { margin:100px; }
.margin150 { margin:150px; }
.margin200 { margin:200px; }

.margin0t { margin-top:0; }
.margin10t { margin-top:10px; }
.margin20t { margin-top:20px; }
.margin30t { margin-top:30px; }
.margin40t { margin-top:40px; }
.margin50t { margin-top:50px; }
.margin60t { margin-top:60px; }
.margin70t { margin-top:70px; }
.margin80t { margin-top:80px; }
.margin90t { margin-top:90px; }
.margin100t { margin-top:100px; }
.margin150t { margin-top:150px; }
.margin200t { margin-top:200px; }

.margin0b { margin-bottom:0; }
.margin10b { margin-bottom:10px; }
.margin20b { margin-bottom:20px; }
.margin30b { margin-bottom:30px; }
.margin40b { margin-bottom:40px; }
.margin50b { margin-bottom:50px; }
.margin60b { margin-bottom:60px; }
.margin70b { margin-bottom:70px; }
.margin80b { margin-bottom:80px; }
.margin90b { margin-bottom:90px; }
.margin100b { margin-bottom:100px; }
.margin150b { margin-bottom:150px; }
.margin200b { margin-bottom:200px; }

.margin0l { margin-left:0; }
.margin10l { margin-left:10px; }
.margin20l { margin-left:20px; }
.margin30l { margin-left:30px; }
.margin40l { margin-left:40px; }
.margin50l { margin-left:50px; }
.margin60l { margin-left:60px; }
.margin70l { margin-left:70px; }
.margin80l { margin-left:80px; }
.margin90l { margin-left:90px; }
.margin100l { margin-left:100px; }
.margin150l { margin-left:150px; }
.margin200l { margin-left:200px; }

.margin0r { margin-right:0; }
.margin10r { margin-right:10px; }
.margin20r { margin-right:20px; }
.margin30r { margin-right:30px; }
.margin40r { margin-right:40px; }
.margin50r { margin-right:50px; }
.margin60r { margin-right:60px; }
.margin70r { margin-right:70px; }
.margin80r { margin-right:80px; }
.margin90r { margin-right:90px; }
.margin100r { margin-right:100px; }
.margin150r { margin-right:150px; }
.margin200r { margin-right:200px; }

/* padding */
.padding0 { padding:0; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.padding30 { padding:30px; }
.padding40 { padding:40px; }
.padding50 { padding:50px; }
.padding60 { padding:60px; }
.padding70 { padding:70px; }
.padding80 { padding:80px; }
.padding90 { padding:90px; }
.padding100 { padding:100px; }
.padding150 { padding:150px; }
.padding200 { padding:200px; }

.padding0t { padding-top:0; }
.padding10t { padding-top:10px; }
.padding20t { padding-top:20px; }
.padding30t { padding-top:30px; }
.padding40t { padding-top:40px; }
.padding50t { padding-top:50px; }
.padding60t { padding-top:60px; }
.padding70t { padding-top:70px; }
.padding80t { padding-top:80px; }
.padding90t { padding-top:90px; }
.padding100t { padding-top:100px; }
.padding150t { padding-top:150px; }
.padding200t { padding-top:200px; }

.padding0b { padding-bottom:0; }
.padding10b { padding-bottom:10px; }
.padding20b { padding-bottom:20px; }
.padding30b { padding-bottom:30px; }
.padding40b { padding-bottom:40px; }
.padding50b { padding-bottom:50px; }
.padding60b { padding-bottom:60px; }
.padding70b { padding-bottom:70px; }
.padding80b { padding-bottom:80px; }
.padding90b { padding-bottom:90px; }
.padding100b { padding-bottom:100px; }
.padding150b { padding-bottom:150px; }
.padding200b { padding-bottom:200px; }

.padding0l { padding-left:0; }
.padding10l { padding-left:10px; }
.padding20l { padding-left:20px; }
.padding30l { padding-left:30px; }
.padding40l { padding-left:40px; }
.padding50l { padding-left:50px; }
.padding60l { padding-left:60px; }
.padding70l { padding-left:70px; }
.padding80l { padding-left:80px; }
.padding90l { padding-left:90px; }
.padding100l { padding-left:100px; }
.padding150l { padding-left:150px; }
.padding200l { padding-left:200px; }

.padding0r { padding-right:0; }
.padding10r { padding-right:10px; }
.padding20r { padding-right:20px; }
.padding30r { padding-right:30px; }
.padding40r { padding-right:40px; }
.padding50r { padding-right:50px; }
.padding60r { padding-right:60px; }
.padding70r { padding-right:70px; }
.padding80r { padding-right:80px; }
.padding90r { padding-right:90px; }
.padding100r { padding-right:100px; }
.padding150r { padding-right:150px; }
.padding200r { padding-right:200px; }

/* color */
.c000 { color:#000; }
.c333 { color:#333; }
.c666 { color:#666; }
.c999 { color:#999; }
.cccc { color:#ccc; }
.cddd { color:#ddd; }
.ceee { color:#eee; }
.cfff { color:#fff; }


.dark1 { color:#353535;}
.gray1 { color:#7e7e7e;}
.gray2 { color:#5d5c5c;}
.gray3 { color:#999999;}
.green1 { color:#2db515;}
.blue1 { color:#3da6e9; }

.black1 { color:#1f1f1f; }
.black2 { color:#cccccc; }
.gray1 { color:#8e8e8e; }
.red1 { color:#ff3333; }
.green1 { color:#769b1d; }

/* background */
.bc000 { background-color:#000; }
.bc333 { background-color:#333; }
.bc666 { background-color:#666; }
.bc999 { background-color:#999; }
.bcccc { background-color:#ccc; }
.bcddd { background-color:#ddd; }
.bceee { background-color:#eee; }
.bcfff { background-color:#fff; }

/* 플랫 색상표 */
/* 녹색계열 */
.green_fl1 { background-color:#2ecc71; }
.green_fl2 { background-color:#27ae60; }
.green_fl3 { background-color:#1abc9c; }
.green_fl4 { background-color:#16a085; }
/* 파랑계열 */
.blue_fl1 { background-color:#3498db; }
.blue_fl2 { background-color:#2980b9; }
/* 보라계열 */
.bora_fl1 { background-color:#9b59b6; }
.bora_fl2 { background-color:#8e44ad; }
/* 남색색계열 */
.nam_fl1 { background-color:#34495e; }
.nam_fl2 { background-color:#2c3e50; }
/* 노랑계열 */
.yellow_fl1 { background-color:#f1c40f; }
.yellow_fl2 { background-color:#f39c12; }
/* 주황계열 */
.orange_fl1 { background-color:#e67e22; }
.orange_fl2 { background-color:#d35400; }
/* 빨강계열 */
.red_fl1 { background-color:#e74c3c; }
.red_fl2 { background-color:#c0392b; }
/* 회색계열 */
.gray_fl1 { background-color:#ecf0f1; }
.gray_fl2 { background-color:#bdc3c7; }
.gray_fl3 { background-color:#95a5a6; }
.gray_fl4 { background-color:#7f8c8d; }

.bg1 { background:#f3f3f3; }
.bg_gray { background-color:#f2f2f2; }
.bg_gray2 { background-color:#e9e9e9; }
.bg_darkblue { background-color:#3a3e49; }



/* gradient */
.global_navbar_title {
    
    background: #205a95; /* Old browsers */
    background-image: -moz-linear-gradient(top,#205a95,#163F68);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#205a95),to(#163F68));
    background-image: -webkit-linear-gradient(top,#205a95,#163F68);
    background-image: -o-linear-gradient(top,#205a95,#163F68);
    background-image: linear-gradient(to bottom,#205a95,#163F68);
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    *zoom:1: ;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.065);
}

.page_navbar_title {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    *zoom:1: ;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.065);
}







/* table */

/* 테이블 thead배경색*/
/*#ea6153 주황, #e85039 짙은주황, #e66b6b 탁한주황, #2980b9 파랑, #436ab3 짙은파랑, #4682b4 탁한파랑 #87bf17 밝은그린, #27ae60 탁한그린, #5d4660 짙은보라 #975997 보라 */

/* thead 색상*/
.table-red1 > caption + thead > tr:first-child > td, .table-red1 > caption + thead > tr:first-child > th, .table-red1 > colgroup + thead > tr:first-child > td, .table-red1 > colgroup + thead > tr:first-child > th, .table-red1 > thead:first-child > tr:first-child > td, .table-red1 > thead:first-child > tr:first-child > th {
    border: 0; background-color:#e85039; color:#fff;
}

.table-blue1 > caption + thead > tr:first-child > td, .table-blue1 > caption + thead > tr:first-child > th, .table-blue1 > colgroup + thead > tr:first-child > td, .table-blue1 > colgroup + thead > tr:first-child > th, .table-blue1 > thead:first-child > tr:first-child > td, .table-blue1 > thead:first-child > tr:first-child > th {
    border: 0; background-color:#2980b9; color:#fff;
}

.table-green1 > caption + thead > tr:first-child > td, .table-green1 > caption + thead > tr:first-child > th, .table-green1 > colgroup + thead > tr:first-child > td, .table-green1 > colgroup + thead > tr:first-child > th, .table-green1 > thead:first-child > tr:first-child > td, .table-green1 > thead:first-child > tr:first-child > th {
    border: 0; background-color:#87bf17; color:#fff;
}

/* td 간격 */
.table-padding > tbody > tr > td, .table-padding > tbody > tr > th, .table-padding > tfoot > tr > td, .table-padding > tfoot > tr > th, .table-padding > thead > tr > td, .table-padding > thead > tr > th {
    border: 0; padding:10px;
}

/* tr 배경색 */
.table-striped-color > tbody > tr:nth-of-type(2n+1) {
    background-color: #eeeeee;
}

/* display */
.disabled_bg { color:#8a8a8a; background-color:#eaeaea; }
.display_inline { display:inline-block; }
.display_b { display:block; }
.display_i { display:inline; }
.display_ib { display:inline-block; }

/* float */
.float_left { float:left; }
.float_right { float:right; }
.clear_both { clear:both; }

/* cursor */
.cursor_pointer { cursor:pointer; }
.img_cursor { cursor:pointer; }

/* border */
.border_none { border:none; }
.img_border { border:1px solid silver; padding:1px; }

/* etc */
.sr_only { display:none; }
.ul_reset { margin:0; padding:0; list-style:none; }
.ul_height:after { display:block; content:""; clear:both; }

/* li style */
ul.round { list-style: none; padding:0; font-size:16px; }
ul.round li { padding:5px; }
ul.round li:before { display: inline-block; content: ''; width: 5px; height: 5px; border-radius: 5px; background-color: #27a845; margin-bottom: 3px; margin-right: 10px; }

ul.square { list-style:none; padding:0; }
ul.square li:before {
    display: inline-block;
    content: '';
    background-color: #409D4E;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    margin-bottom: 1px;
    border-radius: 1px;
}

span.point:before { display: inline-block; content: ''; width: 3px; height: 3px; border-radius: 1px; background-color: #27a845; margin-bottom: 3px; margin-right: 5px; }


/* yutube iframe auto height */
/*
<div class="video-container">
	<iframe width="100%" src="http://www.youtube.com/embed/hbqA32dQSLE" frameborder="0" allowfullscreen=""></iframe>
</div>
*/
.video-container {	position: relative;	  padding-bottom: 56.25%;	  padding-top: 30px;	  height: 0;	  overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {	  position: absolute;	  top: 0;	  left: 0;	  width: 100%;	  height: 100%; }

a.linkAni:after {
	display:block;
	content: '';
	transform: scaleX(0);  
	transition: transform 250ms ease-in-out;
}

a.linkAni:hover:after {
	transform: scaleX(1);
}

a.linkAniRight:after { transform-origin:100% 50%; }
a.linkAniLeft:after { transform-origin:0 50%; }

@media screen and (max-width:400px) {
	.text_m_br { display:block; color:red;}
}