<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url( http://fonts.googleapis.com/earlyaccess/nanumgothic.css );

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

.nanum {font-family:'Nanum Gothic';}

html, body {margin:0; padding:0; font-family:"NanumGothic",Dotum,arial,sans-serif; font-size:14px; height:100%; color:#888888;}

#Box {background:#fff; border-left:1px solid #eaedef; border-right:1px solid #eaedef; max-width:1172px; margin:0 auto;}

.menufont {font-family: 'Montserrat', sans-serif; font-size:0.8em}
.imgborder {border:#eee 1px solid}

.fs_10 {font-size:10px;}
.fs_14 {font-size:14px;}
.fs_16 {font-size:16px;}
.fs_20 {font-size:20px;}

.pl_5 {padding-left:5px;}
.pl_10 {padding-left:10px;}
.pl_15 {padding-left:15px;}
.pl_20 {padding-left:20px;}
.pl_30 {padding-left:30px;}
.pl_40 {padding-left:40px;}
.pl_60 {padding-left:60px;}

.pt_5 {padding-top:5px;}
.pt_7 {padding-top:7px;}
.pt_10 {padding-top:10px;}
.pt_15 {padding-top:15px;}
.pt_17 {padding-top:17px;}
.pt_18 {padding-top:18px;}
.pt_19 {padding-top:19px;}
.pt_20 {padding-top:20px;}
.pt_22 {padding-top:22px;}
.pt_25 {padding-top:25px;}
.pt_30 {padding-top:30px;}
.pt_35 {padding-top:35px;}
.pt_40 {padding-top:40px;}
.pt_45 {padding-top:45px;}
.pt_50 {padding-top:50px;}
.pt_55 {padding-top:55px;}
.pt_60 {padding-top:60px;}

.pb_8 {padding-bottom:8px;}
.pb_30 {padding-bottom:30px;}

.mr_4 {margin-right:4px;}
.mr_10 {margin-right:10px;}
.mr_15 {margin-right:15px;}
.mr_16 {margin-right:16px;}

.ml_4 {margin-left:4px;}
.ml_5 {margin-left:5px;}
.ml_6 {margin-left:6px;}
.ml_10 {margin-left:10px;}
.ml_14 {margin-left:14px;}
.ml_15 {margin-left:15px;}
.ml_16 {margin-left:16px;}
.ml_20 {margin-left:20px;}

.mt_3 {margin-top:3px;}
.mt_5 {margin-top:5px;}
.mt_10 {margin-top:10px;}
.mt_17 {margin-top:17px;}
.mt_15 {margin-top:15px;}
.mt_20 {margin-top:20px;}
.mt_25 {margin-top:25px;}
.mt_30 {margin-top:30px;}
.mt_35 {margin-top:35px;}
.mt_40 {margin-top:40px;}
.mt_45 {margin-top:45px;}
.mt_50 {margin-top:50px;}
.mt_55 {margin-top:55px;}

.mb_6 {margin-bottom:6px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_30 {margin-bottom:30px;}

.space_h7 {clear:both; height:7px;}
.space_h15 {clear:both; height:15px;}
.space_h20 {clear:both; height:20px;}
.space_h30 {clear:both; height:30px;}
.space_h36 {clear:both; height:36px;}
.space_h40 {clear:both; height:40px;}
.space_h50 {clear:both; height:50px;}
.space_h60 {clear:both; height:60px;}
.space_h70 {clear:both; height:70px;}

.ls_6 {letter-spacing:6px;}
.bold {font-weight:600;}

div.upgrade-typo {padding-bottom:30px; padding-top:30px}
div.upgrade-typo p {line-height:110%;}
div.upgrade-typo p.s_typo{color:#666; font-size:1.2em; font-weight:600;}
div.upgrade-typo p.b_typo{color:#444; font-size:1.8em; font-weight:600;}
div.upgrade-typo p.b_typo span{color:#ee5a1c !important;}

div.upgrade-line {background:url(../images/upgrade_back.gif) repeat-x; width:100%; height:20px; margin-bottom:30px;}



body {padding:0 !important; margin:0 auto; min-width:318px;}
nav.navbar {width:100%; height:auto; background:#fff !important; border-top:3px solid #ff6955; border-bottom:1px solid #ddd; border-left:none; border-right:none; margin:0 auto; position:relative !important; border-radius:0px;}
nav.navbar .navbar-header {clear:both;}
nav.navbar .navbar-header a.sitemap {display:block; float:right; margin:0; padding:25px 0;}
nav.navbar .navbar-header a.sitemap i {font-size:21px; color:#ff6955}
nav.navbar-inverse .navbar-nav &gt; .open &gt; a, .navbar-inverse .navbar-nav &gt; .open &gt; a:hover, .navbar-inverse .navbar-nav &gt; .open &gt; a:focus { background:#ff6955 !important;}

@media (min-width:992px) and (max-width:1199px) {
	nav.navbar .navbar-nav &gt; li &gt; a {padding:15px 27px !important}
	.dropdown-menu {min-width:160px}
}

@media (min-width:768px) and (max-width:991px) {
	.navbar-nav &gt; li &gt; a {padding:15px 11px !important}
}


@media (min-width:768px) {
ul.nav li.dropdown:hover &gt; ul.dropdown-menu{display:block; margin:0;}

nav.navbar .border-top {border-top:1px solid #eaedef}
nav.navbar .navbar-header {width:100%;}
nav.navbar .navbar-nav {width:100%; margin:0!important; text-align:center;}
nav.navbar .navbar-nav &gt; li {display:inline-block; float:none;}
nav.navbar .navbar-nav &gt; li &gt; a {padding:15px 35px; color:#000}
nav.navbar .navbar-nav &gt; li &gt; a:hover {background:#ff6955; color:#fff}
nav.navbar .navbar-nav .select {background:#ff6955; color:#fff}


}

/*main*/

.visual {width:100%; height:100%; background:url(../images/creative1.jpg) #000 top center no-repeat; background-size:100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/creative1.jpg', sizingMethod='scale');
}
@media (max-width:767px) {
	.visual {background-size:767px;}
	.bottomBox h2 {font-size:17px !important}
	.bottomBox P  {font-size:15px !important}
	.navbar-toggle {margin-top:33px; padding:0px; }
	nav.navbar .navbar-header a.sitemap {display:none;}
}
@media (max-width:639px) {
	.visual img {display:block;}
	.bottomBox {height:auto !important;}
}
.panel {border-radius:0px;border-top:#000 solid 2px} 
.panel-heading {text-align:center;  border-top-left-radius: 0px; border-top-right-radius: 0px;}


.topbar {width:100%; background:#ff6955;line-height:50px;}
.topbar .box {height:40px; max-width:1172px; margin:0 auto;}
.topbar .left {float:left; height:40px;}
.topbar .left .text {float:left; font-size:12px; padding-left:20px; color:#fff; line-height:38px;}
.topbar .right {float:right}
.topbar p {float:left; text-align:center; margin:0;}
.topbar p a {color:#99e08d; text-decoration:none; display:block}
.topbar .left .border {border-left:1px solid #95c64c;}
.topbar .right .border {border-right:1px solid #95c64c;}
.topbar .left p {width:40px; border-right:1px solid #95c64c; line-height:38px; height:50px;}
.topbar .right p {width:100px; border-left:1px solid #95c64c;}
@media (max-width:767px) {
	.topbar .left .text {display:none;}
}


/* main contents */



@media (max-width:767px) {
.section-visual .row .col-md-9 {padding:0}
.counselBox, .counselBox p {clear:inherit!important; margin-right:15px; display:inline-block}
}
@media (min-width:992px) and (max-width:1199px) {
	.counselBox .info h2 {font-size:14px !important;}
	.counselBox .info p {font-size:12px !important; letter-spacing:-0.07em;;}
	#bannerBox .slides li {height:307px}
}
@media (min-width:768px) and (max-width:991px) {
	.counselBox {margin-bottom:25px;}
}
@media (min-width:1200px) {
	.counselBox {height: 556px; padding:20px 15px !important}
	.counselBox .info {padding:20px !important}
	.counselBox .info h2 {margin:0 0 8px !important;}
	.counselBox h2 {margin:15px 0 !important}
	.counselBox label.label {margin-top:5px;}
	.counselBox .btn {padding:8px 30px !important}
	#bannerBox .slides li {height:235px}
}
@media (max-width:991px) {
.counselBox {padding:25px !important;}
.counselBox .info {padding:20px 15px !important}
}
.counselBox {border:1px solid #ddd; margin-top:15px; padding:15px; width:100%;}
.counselBox h2 {font-size:19px; margin:10px 0;}
.counselBox .form-group {display:inline-block; width:100%;}
.counselBox .info {background:#555; display:inline-block; padding:15px; width:100%; margin-bottom:15px;}
.counselBox .info h2 {font-size:16px; color:#fff; margin:0 0 5px;}
.counselBox .info p {font-size:13px; margin-bottom:3px; color:#fff; clear: both;}
.counselBox .info p a {color:#fff}
.counselBox .info p span {color:#ddd; padding-right:3px;}
.counselBox label.label {padding:0; font-size:13px; text-align:left !important; display:block; clear: both;}
.counselBox .form-control {height:30px !important; padding:4px 6px !important}
.counselBox .w_33 {width:32% !important; float:left; margin-top:0;}
.counselBox .ml_3p {margin-left:2%;}
.counselBox .btn {padding: 7px 20px; margin-bottom:1px; background-color: #ff6955; border-color: #ff6955;}
.counselBox .btn:hover { background-color: #0c61a4 !important; border-color: #0c61a4 !important;}



.section-contents {background:#f3f3f3; padding:15px 0 0}

.box-left, .box-left2, .box-center, .box-right {margin-bottom:15px !important;}
.box-contents .box-left, .box-contents .box-left2, .box-contents .box-center, .box-contents .box-right {margin-bottom:10px !important;}

@media (min-width:992px) {
	.box-left {padding-right:5px; margin-bottom:15px;}
	.section-contents .box-left2 {padding-right:10px; clear:both; margin-bottom:15px; max-height:235px;}
	.box-center {padding-left:10px; padding-right:10px; margin-bottom:15px;}
	.box-right {padding-left:5px; margin-bottom:15px;}
}
@media (min-width:768px) {
	.section-customer .box-left2 {padding-right:10px; clear:both; margin-bottom:15px; height:80px;}
}
ul.slides li {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}



.board-box {width:100%; display:inline-block; margin:0; padding:0; background:#fff; border:1px solid #ddd;}
.board-box .title {width:100%; padding:10px 15px; font-size:15px; font-weight:600; color:#333; border-bottom:1px solid #ddd;}
.board-box .title i {color:#fff; width:40px; height:40px; font-size:1.16em; line-height:40px; text-align:center; border-radius:30px; margin-right:10px;}
.title a.more {float:right; font-size:12px; margin-top:13px; font-weight:normal; text-decoration:none; color:#555}
.title a.more:hover {color:#222}
.board-box li {width:100%; list-style:none; border-bottom:1px dotted #ddd;}
.board-box li:hover {background:url(../images/dot-white.png) 15px 20px no-repeat;}
.board-box li a {display:block; font-size:13px; color:#444; padding:12px 15px 12px 25px; text-decoration:none;}
.board-box li a:hover {color:#fff;}
.board-box li span.date {float:right; color:#999}
.red li {background:url(../images/dot-red.png) 15px 20px no-repeat;}
.red li:hover, .red li:active, .red li:focus, .red .title i {background-color:#ff6955;}
.red li:hover span.date {color:#e9cbcb}
.orange li {background:url(../images/dot-orange.png) 15px 20px no-repeat;}
.orange li:hover, .orange li:active, .orange li:focus, .orange .title i {background-color:#fd6f52;}
.orange li:hover span.date {color:#ffded7}
.orange li.contact {border:none; padding:20px 15px; color:#333; font-size:13px; background:none; position:relative; line-height:180%;}
.orange li.contact i {
	position: absolute;
    right: 15px;
    top: 20px;
    font-size: 50px;
    width: 80px;
    height: 80px;
    color: #fd6f52;
    background: #f0f0f0;
    text-align: center;
    border-radius: 4px;
    padding-top: 15px;
}
.orange li.contact span {font-weight:600;}
.orange li.contact span.t {font-weight: 600;font-size: 14px;position: relative;padding: 0 0 8px;display: inline-block;}
.orange li.contact span.number {    font-size: 33px;letter-spacing: -0.01em;color: #ee4e35;}

@media (min-width:992px) {
	.board-box {min-height:235px;}
}
@media (max-width:1199px) and (min-width:992px){
	.board-box {min-height:307px;}

	.board-box li span.date {width:100%; display:block}
	.board-box li a {display:inline-block;}
	.banner .flexslider .slides img{min-height:307px;}
}
@media (max-width:430px) {
	.board-box li span.date {width:100%; display:block}
	.board-box li a {display:inline-block;}
	.number-box {height:auto !important; display:inline-block;}
	.number-box .box {width:100% !important; margin-bottom:10px;}
	.number-box .box2 {width:100% !important;}
}

.img-box {width:100%; display:inline-block; border:1px solid #ddd; background:#fff;}
.img-box .img {width:50%; padding-right:8px; overflow:hidden; float:left;}
.img-box .box {width:50%; padding-left:7px; float:left;}
.img-box .box .title, .text-box .box .title {height:44px; line-height:44px; font-size:15px; color:#333; font-weight:600; padding-left:10px;}
.img-box .box .title a.more {margin-top:0;}
.img-box .box .bg-box {width:100%; background:#f5f5f5; padding:20px; font-size:13px; line-height:21px; color:#333; border-radius:4px;}

.text-box {width:100%; display:inline-block; border:1px solid #ddd; background:#e6eed1; padding:15px;}
.text-box .box .bg-box {width:100%; background:#fff; padding:20px; font-size:13px; line-height:21px; color:#333; border-radius:4px;}
.text-box ul {margin:0 0 0 15px; padding:0}
.text-box li {margin-bottom:2px;}

@media (min-width:992px) {
	.img-box .img, .text-box .box {height:203px;}
	.img-box .box .bg-box, .text-box .box .bg-box {min-height:160px; padding-bottom:0}
}
@media (max-width:1199px) and (min-width:992px){
	.img-box .img img {height:100%;}
	.img-box .box .bg-box, .text-box .box .bg-box {padding:15px;}
	.text-box li span {font-size:11px; letter-spacing:-0.05em;}
	.text-box li {font-size: 12px; line-height: 17px;}
}
@media (max-width:767px) {
	.img-box .img, .img-box .box, .text-box .box{width:100%; padding:0;}
	.img-box .box .title, .text-box .box .title {padding:10px 0 0; margin-bottom:10px;}
	.text-box li span {font-size:11px; letter-spacing:-0.05em;}
}



/*--------------------
main-customer
--------------------*/

.section-customer {width:100%; display:block; background:#fff; border-bottom:1px dotted #ddd; padding-top:15px;}
.customer {width:100%; display:inline-block}
.customer .img {width:28%;; float:left; height:90px; overflow:hidden}
.customer .box {width:72%; float:left; height:50px; padding:15px 15px 15px 20px;}
.customer .box .title {font-size: 15px; font-weight: 600; color: #333; padding-bottom:5px;}
.customer .box .title a.more {margin-top:0}
.customer .box p {font-size:13px; color:#555; margin-bottom:0;}

.number-box {width:100%; background:#84af45; height:90px; padding:20px;}
.number-box .box {width:100%;}
.number-box .box h2 {font-size: 15px; font-weight: 600; color:#fff; margin:0}
.number-box .box p {font-size:30px; font-weight:600;  margin:0; color:#fff; line-height:35px;}

@media (max-width:767px) {
	.customer .img {display:none;}
	.customer .box {width:100%; padding:10px 0 0; height:inherit !important}
}
@media (max-width:1199px) and (min-width:992px){
	.customer .img img{height:100%;}
	.number-box .box p {font-size:27px; letter-spacing:-0.05em;}
}



/*--------------------
Partner
--------------------*/
#partners {padding-top:15px;}

.owl-portfolio .owl-controls {
	position: absolute;
	left: 0;
	top: 38%;
	width: 100%;	
}

.owl-portfolio .owl-controls .owl-nav [class*=owl-] {
	padding: 8px 17px;
	background: rgba(0, 0, 0, 0.18);
	border-radius: 0;
	margin: 0;
	font-size: 20px;
	z-index:1000;
}

.owl-portfolio .owl-controls .owl-nav [class*=owl-]:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.owl-portfolio .owl-controls .owl-prev {
	float: left;
}

.owl-portfolio .owl-controls .owl-next {
	float: right;
}

.owl-portfolio-item {
	text-align: center;
	display: inline-block;
}

.partner-logo {
	text-align: center;
	display: inline-block;
	border:1px solid #ddd;
}

.partner-logo img {
	height: 100%;
	width: 206px !important;
}

.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FCBE03;
}

.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    margin: 15px 7px 0 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3e4a5a !important;
}

.owl-carousel .owl-stage-outer {
	height:80px;
}
.owl-theme .owl-controls {
	margin:10px 0 15px
}
@media (min-width:992px) {
	.owl-carousel .owl-item {
		width: auto !important;
		margin-right: 22px !important;
	}
}
/*sub - Partner*/

.partner {width:100%; text-align:center; padding-bottom:5px;}
.partner img {border:1px solid #ddd;}
.partner p {margin-top:5px; font-size:16px; font-weight:600; color:#333}




/*--------------------
   Sub
--------------------*/

.csinfo {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; margin-top:20px;}
.csinfo p {font-weight:600; color:#666; margin-bottom:0; }
.csinfo p.title {font-size:15px; margin color:#444; margin-bottom:3px;}
.csinfo p.tel {font-size:28px; color:#ee4e35; letter-spacing:-0.03em;}
.csinfo p.day {font-size:13px; line-height:150%;}
.csinfo p.day span {color:#e65741; display:inline-block; padding-top:2px;}
.csinfo p.text {font-size:12px; padding-top:11px; color:#9a9a9a;}

@media (max-width:1199px) {
	.csinfo p.tel {font-size:27px;}
}
@media (max-width:991px) {
	.csinfo {display:none;}
}



/*--------------------
   Footer
--------------------*/

.height {height:60px; clear:both;}
#footer {
	clear:both;
	background-color: #f3f3f3;	
	border-top:1px solid #ddd;
}
@media (max-width:767px) {
	#footer {padding:2px 0 10px}
	.height {height:40px;}
}
@media (max-width:991px) {
	.footer-logo {padding-top:5px !important;}
}
#footer .container&gt;.row {margin:15px -15px 0!important}

#footer p {
	color: #555;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.6px;
}

#footer p a {
	color: #555;
}

#footer p a span {
	color: #107bc7;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: 700;
}

.footer-logo {padding-top:20px;}

.posts {text-align:left; padding-bottom: 5px;}
.headline {
    display: block;
    margin: 0 0 10px;
    border-bottom: 1px dotted #ddd;
}
.headline a {
    color: #444;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
    display: inline-block;
}
.headline span.line,
ul.latest-list li span.line {
	color:#ddd; padding:0 15px; font-size:11px; font-family:sans-serif;
}

.list-unstyled {padding-top:0 !important}

ul.latest-list li {
    font-size: 12px;
    color: #666;
	padding:4px 0;
}
ul.latest-list li a {color:#638e9e}
ul.latest-list li a:hover {text-decoration:underline}
.copyright {
	background: #ff6955;
    border-top: none;
    padding: 9px 0 6px;
}
.copyright .container&gt;.row {margin: 5px -15px 7px;}
.copyright p {
	font-size: 13px;
    margin: 0;
	color: #ffcfc9;
}
.copyright p a {color:#fff !important; text-decoration:none !important}
.pb_10 {padding-bottom:10px;}
.pb_20 {padding-bottom:20px;}









.text-center {
    text-align: center;
}
.fh5co-heading h1, h2, h3, h4, h5, h6 {
    color: #3b3b3b;
    font-weight: 600;
    line-height: 1.2;
	    margin: 0 0 30px 0;
}
.fh5co-heading {
    margin-bottom: 30px;
}

.fh5co-heading p {
    margin-bottom: 30px;
}
.item-block h3 {
    font-size: 20px !important;
    color: #00B906 !important;
}

.item-block .icon {
    display: block;
    margin-bottom: 30px;
}
.item-block .icon img {
    max-width: inherit;
    height: 90px;
    margin: 0 auto;
}

.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
    background: #00B906;
    color: #fff;
}
.btn.with-arrow {
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    box-shadow: none;
}
.btn-primary.btn-outline {
    background: transparent;
    color: #00B906;
    border: 2px solid #00B906;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #e44c38 !important;
    border-color: #e44c38 !important;
}
.btn:hover, .btn:active, .btn:focus {
    box-shadow: none !important;
    outline: none !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-outline {
    background: none;
    border: 2px solid gray;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn {
    margin-right: 4px;
    margin-bottom: 4px;
    font-family: "NanumGothic",Dotum,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	background:#aaa;
	color:#fff;
}
.btn:hover {
	background:#555;
	color:#fff;
}
.btn-primary {
    color: #fff;
    background-color: #ff6955 !important;
    border-color: #ff6955 !important;
}
.panel-primary {
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 80px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #00B906;
    box-sizing: border-box;
    border: 0px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
	}

header.carousel {
    height: 100%;
}


.bottomBox {
	width:100%;
	text-align:center;
	position:fixed;
	bottom:0px;
	z-index:10;
	padding-bottom:0px;
}
.bottomBox img {padding-bottom:20px; width:200px;}
.bottomBox h2 {font-size:22px; font-weight:400; letter-spacing:-0.03em; color:#013c5b; margin-bottom:8px;}
.bottomBox P {font-size:17px; color:#222; letter-spacing:-0.03em;}
.bottomBox ul {margin:0 auto 40px; padding:0; display:inline-block; text-align:center;}
.bottomBox ul li {
	width:175px;
	height:40px;
	float:left;
	list-style:none;
	margin:5px;
	border:1px solid rgba(255,255,255,0.01);
	background: -moz-linear-gradient(top,  rgba(10,12,12,0.9) 0%, rgba(10,12,12,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(10,12,12,0.9) 0%,rgba(10,12,12,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(10,12,12,0.9) 0%,rgba(10,12,12,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a0c0c', endColorstr='#e60a0c0c',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bottomBox ul li:hover {border:1px solid #000; background:#000;}
.bottomBox ul li a {font-size:14px; font-weight:600; color:#fff; padding:9px 0; display:block; text-decoration:none;}
.bottomBox .info {margin:0 0 5px; }
.bottomBox .info p {display:inline-block; font-size:11px !important; float:none;}
@media (max-width:639px) {
	.bottomBox ul {width:100%; margin-bottom:0;}
	.bottomBox ul li {width:32%; margin:5px 0 0 1%; }
	.bottomBox img {width:100px;}
}
@media (max-width:767px) {
.bottomBox .info { background:none; border:none; padding:3px 0}
.bottomBox .info p{margin-bottom:0px }
}




.navbar-brand {padding:20px 15px 15px}

.sub_content {padding:15px 0px 60px;}
.history_content {padding:0px 0px 20px;}
.board_content, .product_content {padding:0px 0px 70px;}
.sub_content h2, .board_content h2, .product_content h2 {font-size:24px; font-weight:600; margin-bottom:20px; letter-spacing:-0.02em; color:#555; line-height:140%;}
.sub_content h2 small {padding-left:6px; color:#555}
.sub_content h2 span.blue {color:#004689}
.sub_content h2 span {color:#ff6955}
.sub_content p, .board_content p, .product_content p{ color:#444; line-height:170%; font-size:14px;}
.sub_content p.right {float:right; text-align:right}
.sub_content p.right img {float:right; padding-top:12px;}
.panel {border-radius:0px;border-top:#000 solid 2px;} 
.panel-heading {text-align:center;  border-top-left-radius: 0px; border-top-right-radius: 0px;}

.sub_content h2.b_title {
	font-size: 18px;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 0 0 13px;
    margin: 50px 0 25px;
}
.sub_content h3.dot {
	font-size: 15px;
    color: #222;
    position: relative;
    padding-left: 14px;
    margin: 0 10px 5px;
    line-height: 1.5;
    padding: 8px 0 8px 14px;
}
.sub_content h3.dot:after {
    left: 0;
    top: 16px;
    width: 5px;
    height: 5px;
    content: " ";
    border-radius: 1px;
    position: absolute;
    background: #ff6955;
}
.bg-box {background:#f5f5f5; margin:15px 0 0; padding:15px;}

.page-box {padding:20px; font-size:12px; color:#444}


.text-center, .paginationBox {
	clear:both;
    text-align: center;
}

p.top_btn {width:39px; height:39px; background:#bbb; padding:0; margin-left:4px}
p.top_btn a {color:#fff; font-size:1.2em; display:block; padding:6px 10px !important; text-decoration:none;}



@media screen and (max-width:767px) {
  .sub_content {padding:10px 0 30px}
  .nav &gt; li &gt; a {padding:13px 20px; border-bottom:1px solid #ddd; font-size:14px;}
  .navbar-nav {margin: 0px -15px; border-top:1px solid #ddd; }
  .navbar-nav .open .dropdown-menu li {background:#f4f4f4}
  .navbar {border-color:#ddd}
  .navbar-inverse .navbar-collapse {border:none !important; position:absolute; width:100%;}
  .board_content {padding:0px 0px 60px;}
  .sub_content h2, .board_content h2, .product_content h2 {font-size:18px}
  h3 {font-size: 16px !important}
  .sub_visual {overflow: hidden;}
  .sub_visual img {width: 230%; position: relative; left:-80%; max-width:inherit;}
  .navbar {height:60px; min-height:60px; margin-bottom: 0px; z-index:999999999999999999999999999999}
  .col-md-10 .board-read {
	margin-top:30px !important;
	padding-top:10px !important;
}

}


/*
	Sub Page
*/

.page-location {font-size:12px; color:#666; text-align:right;}
.page-location span{color:#ddd; padding:0 3px;}
.page-location i {margin-right:3px;}
.page-location i, .page-location strong {color:#f4654b}

.page-title h2 {margin:0; font-size:28px; color:#f16249}
.page-title p {font-size:13px; color:#aaa; margin:0 0 21px; -webkit-margin-after:22px;}

.page-menu {width:100%; display:inline-block; border-top:1px solid #ddd; margin:0; padding:0;}
.page-menu li {width:100%; border-bottom:1px solid #ddd; list-style:none;}
.page-menu li:hover, .page-menu li.active {background:#fff0ed}
.page-menu li a {display:block; color:#666; padding:14px 20px;  text-decoration:none;}
.page-menu li a:hover, .page-menu li.active a{color:#ee482f}

.page-name {font-size:31px; color:#333; font-weight:600; padding:0 0 38px; -webkit-padding-after:39px;}

@media (max-width:991px) {
	.page-title h2 {font-size:20px;}
	.page-location {margin-bottom:15px;}
	.page-title p {margin:0 0 15px;}
	.page-name {
		font-size: 23px;
		padding: 15px 0 7px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.page-menu li {width:50%; float:left;}
	.page-menu li a {padding:14px 15px;}
	.page-menu li.one {width:100% !important}
}

/* Bus */

.bus dl.bus {float: left;  width:100%; margin-bottom:0px;}
.bus dl dt {padding-bottom:3px; font-size:12px; color:#555; display:inline-block; padding-right: 15px;}
.bus dl dd {padding-bottom:3px; font-size:11px; color:#333; display:inline-block; padding-right: 12px;}
.bus span {color:#fff; padding:1px 2px; margin-right:3px}
.bus span.yellow {background:#e6a508}
.bus span.green {background:#4dbb2d}
.bus span.green2 {background:#50a232}
.bus span.blue {background:#395cb3}
.bus span.skyblue {background:#68a4d0}
.bus span.brown {background:#ba6e66}
.bus span.purple {background:#8a57a7}

.near dl {margin-bottom:0px; display:inline-block; width:100%;}
.near dl dt {clear:both; float:left; font-size:11px; font-weight:normal}
.near dl dd {float:left; color:#333}

.table th {font-size:13px; color:#333;}
.table td {font-size:13px; color:#555;}

/*intro*/
.border {background:#f8f8f8; padding:25px 20px 20px;; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
p span.year {font-size:18px; color:#92b534; font-weight:600; display:block; padding-bottom:5px;}
p span.house {font-size:16px; color:#59674b; font-weight:600; padding:0 2px;}


/*memeber*/
.border-dot {padding: 0 0 20px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.border-dot h3 {font-size:18px; font-weight:600; padding:15px 20px; margin-bottom:20px; border-bottom: 1px dotted #ddd; background:#fafafa}
.border-dot ul {margin:0 20px; padding:0}
.border-dot li {list-style:none; margin-bottom:12px;}
.border-dot span.member {width:45px; color:#608439; font-weight:600; font-size:15px; margin-right:10px; display: inline-block;}
.border-dot2 span.member {width:90px !important; color:#314f8e !important}
.border-dot3 span.member {width:80px !important;}
@media (max-width:767px) {
	.border-dot li span.member {display:block; padding-bottom:2px;}
}

/*join*/

.joinBox {border:1px solid #ddd; border-radius:4px; text-align:center; padding:35px 32px; min-height:239px; margin-bottom:30px;}
.joinBox h3 {font-size:18px; font-weight:600; color:#222; margin-bottom:15px;}
.joinBox .btn, .border-dot .btn {font-size:14px; border-radius:4px !important; background:#92b534;}
.joinBox .btn:hover, .border-dot .btn:hover {color:#fff !important; background:#333}
@media all and (min-width:992px) and (max-width:1199px){
	.joinBox {padding:35px 20px; min-height:262px;}
}


/*view*/


ul.text {margin:15px 0; padding:0;}
ul.text li {list-style:none; margin-bottom:20px; font-size:12px; color:#555; line-height: 150%;}
ul.text li span {display:inline-block; background:#666; border-radius:20px; color:#fff; font-weight:600; font-size:14px; padding:2px 15px 3px; margin-bottom:7px;}
ul.text2 li {line-height: 170%;}
.view-tab {margin:30px 0}
.view-tab .nav-tabs {margin:0; padding:0; width:100%; display:inline-block; float: left;}
.view-tab .nav-tabs li {background:#f3f3f3; margin-right:5px; list-style:none;}
.view-tab .nav-tabs li.active a{background:#ff6955; border-color:#ff6955}
.view-tab .nav-tabs li a {padding:7px 30px; margin:0; font-size:14px; font-weight:600; border-color: #f3f3f3 #f3f3f3 #ddd; display:block; text-decoration:none;}
.view-tab .nav-tabs li a:hover {color:#222}
.view-tab .nav-tabs li.active a:hover {color:#fff !important}

.view-tab .tab-content img {margin-bottom:10px}

@media (max-width:767px) {
	.view-tab .nav-tabs li {width:50%; margin:0;}
	.view-tab .nav-tabs li a {border:none; border-radius:0px; padding:10px 15px;}
	.view-tab .nav-tabs &gt; li.active &gt; a, .view-tab .nav-tabs &gt; li.active &gt; a:hover, .view-tab .nav-tabs &gt; li.active &gt; a:focus {border:none;}
}

/*event*/

.event {padding:25px 20px 0; border-top:1px solid #ebebeb; margin-bottom:25px;}
.event h3 {color:#549e1d; font-size:18px; font-weight:600; margin-bottom:12px;}
.event h3 i {margin-right:7px}
.event p {margin-bottom:2px; letter-spacing:-0.02em;}
p.date {background:#999; color:#fff; font-size:12px; display:inline-block; padding:2px 12px;}


/*guide*/

.guideBox {background:#f8f8f8; padding:25px 20px 20px;; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.guideBox h3 {font-size:18px; font-weight:600; color:#222; margin-bottom:20px;}
.guideBox ul {margin:10px; padding:0}
.guideBox li {list-style:none; margin-bottom:10px; font-size:12px; color:#444; background:url(../images/dot-green.png) 0 7px no-repeat; padding-left:10px; line-height:160%;}


/* history */
.history-box {
  margin: 0 auto;
  width:100%;
  overflow: hidden;
  list-style: none;
  padding: 0;
  position: relative;
  padding-bottom: 120px;
}

.history-border {
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ddd;
  height: 100%;
}

.h-box {
  width:100%;
  float: right;
  text-align: left;
  margin: 0 0 10px;
  padding: 30px 0 0 489px;
  position: relative;
}

.h-box.even {
  float: left;
  text-align: right;
  padding: 10px 488px 0 0;
}

.h-box h5 {
  color: #ff6955;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 15px;
  font-family:sans-serif;
}
.h-box p {
	margin-bottom: 14px;
    font-size: 13px;
}

.h-box .icon-box {
  position: relative;
}

.h-box.even .icon-box {
}

.h-box .icon-box:before {
  content: "";
  display: block;
  width: 65px;
  border-bottom: 1px solid #ddd;
  position: absolute;
  top: 35px;
  left: -65px;
}

.h-box.even .icon-box:before {
  left: auto;
  right: -65px;
}

.icon-box {
  display: inline-block;
}

.icon-box i {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-align: center;
  color: #ddd;
  font-size: 40px;
  padding: 0;
  margin: 0 0 10px 0;
  display: table;
  width: 70px;
  height: 70px;
  border: 1px solid #ddd;
  border-radius:35px;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.h-box:hover .icon-box i {
  border-color: #ff6955;
  background-color: #ff6955;
  color: #FFF;
}

.icon-box i:before {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

span.month {padding-right:8px; display:inline-block; font-size:15px; color:#ff6955; font-weight:600;}

@media (max-width:1199px) {
  .history-box {
    width: 100%;
  }

  .h-box {
    width: 100%;
    float: none;
    text-align: center;
    margin: 0 0 40px;
    padding: 0;
    position: relative;
  }

  .h-box.even {
    float: none;
    text-align: center;
    padding: 0;
  }

  .h-box .icon-box:before {
    border: 0px;
  }

  .history-border {
    border: 0;
  }
}


/* greeting */

.about p.line { display:inline-block; border-bottom: 1px solid #ff6955; padding-bottom: 1px;}
.about p.box {display:inline-block; width:100%; margin-top:30px; background:#f6f0ef; padding:30px; font-weight:600; letter-spacing: 0.05em; color:#333}
.about strong {font-size:15px; font-weight:600}
span.right {float:right; padding-top:10px;}
span.big {font-size:18px; font-weight:600; color:#f04a34}

@media (max-width:767px) {
	.about p.line {border:none;}
}



/* gallery */


.small_menu {clear:both; width:100%; margin:0 0 20px; text-align:center;}
.small_menu a {color:#333; font-size:13px; background:#efefef; margin:5px; padding:3px 10px 4px; border-radius:4px; display:inline-block; text-decoration:none;}
.small_menu a.select {color:#fff; background:#f4654b; }

.gallery { text-align:center;}
.gallery a {text-decoration:none;}
.gallery a img {border:1px solid #ddd;}
.gallery p {font-size:15px; font-weight:600; color:#333; padding:5px;}



/* board */

.page-img-board {background:url(../images/page-img-board.jpg) 0 0 no-repeat;}
.page-img-product {background:url(../images/page-img-board.jpg) 0 0 no-repeat;}
.page-typo h2 {color:#fff;}
.page-typo p {color:#efefef}

.page-img-read {height: 270px;}
.page-read {height:170px;}
@media screen and (max-width:991px) {
	.page-read {height:140px;}
}



/* table */

@media screen and (max-width:767) {
.table &gt; tbody &gt; tr &gt; th {padding:3px;}
.table &gt; tbody &gt; tr &gt; td {padding:3px;}
}


/*search*/
@media (min-width:992px) {
	.searchBox {
		display:inline-block
	}
	#searchForm input {width:80% !important;}
	#searchForm button {width:20% !important;}
}
@media (max-width:991px) {
	.searchBox {
		padding-top:0px;
	}
}
#searchForm input {
    height: 50px;
    width: 70%;
    float: left;
    margin: 0 0 20px;
	border-right:none !important;
	border-radius:0px;
}
#searchForm button{
    float: left;
    width: 30%;
    height: 50px;
    border-radius: 0px;
    text-align: center;
    padding: 10px 0px;
	margin: 0 0 20px;
	background:#ff6955;
	color:#fff;
	border:none;
}

#searchForm button:hover {
	background:#ee5743 !important; color:#fff; border-color:#ee5743 !important;
}
.form-control:active, .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #ff6955;
}

.searchBox .form-group {margin:0}


/*
    Board
*/
.selectBox {width:100%; display:inline-block; border:1px solid #ddd; background:#f7f7f7}
.selectBox p {width:40%; float:left; font-weight:600; font-size:16px; color:#ff6955; padding:11px 20px 0;}
.selectBox select.form-control {border:none; width:60%; float:left; display:block; margin-top:0; height:48px; padding:15px 12px; background:transparent !important}

.board_list {clear:both;}
.board_list h3 {font-size:18px; font-weight:normal; margin:0 0 7px; color:#555; position:relative; margin-left:40px;}
.board_list h3 span {font-weight:600; font-size:20px; top:1px; width:40px; display:inline-block;  position: absolute; top:0px; left:-40px;}
.board_list &gt; a {clear:both; display:block; border: 1px solid #ddd; margin-bottom:10px;}
.board_list &gt; a:hover {border:1px solid #ff6955;}
.board_list &gt; a:hover h3 {color:#ff6955}
.board_list .board {
    padding: 18px 20px 17px;
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
	}
.board_list a {text-decoration:none;}

.board_list &gt; a.special-board {border:1px solid #ff6955; background: #f9f9f9;}
.board_list &gt; a.special-board h3 {color:#ff6955; }
.board_list &gt; a.special-board h3 span {font-size: 26px; top:-3px;}

.board span.date {
    display: inline-block;
	font-size:13px;
	margin-left:41px;
	color:#878787;
}
.board span.file {
    display: inline-block;
	font-size:13px;
	color:#878787;
	margin-left:15px;
}
.board span.file i {
	color:#ff6955; margin-right:5px;
}
.board h3 a {
    color:#444;
}
.board h3 a:hover {
  color:#222 !important;
}
.board .board-content {
	padding:30px 0 0;
	margin:5px 0 0;
	border-top:1px dotted #ddd;
	line-height:180%;
	color:#555
}
.board .board-content img {
	padding:15px 0;
}




@media (min-width:992px) {
.pn_right {padding-right:0;}
.pn_left {padding-left:0;}
.selectBox {border-right:none !important;}
}

ul.add-file {width:100%; margin:30px 0 0; padding:30px 0 0px; border-top:1px dotted #ddd;}
ul.add-file li {list-style:none; margin:0 0 5px 10px; font-size:13px;}
ul.add-file li.title {font-size:14px; font-weight:600; color:#333}
ul.add-file li i {margin-right:10px; color:#f05124; font-size:14px;}


/*
    Board-read
*/

.board-read {border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; max-width:100%; border-spacing:0; border-collapse: collapse;}  
.board-read th, .board-read td { padding:15px 15px 15px 20px; vertical-align: top; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; font-size:13px; word-break:break-all; line-height: 150%;}
.board-read th {background:#f7f7f7; color:#ff6955; font-weight:600; min-width:90px;}
.board-read td {color:#555}
.board-read td.title{padding:20px 20px 18px 20px; border-bottom:1px solid #ddd;}
.board-read td.title h2 {font-size:18px; color:#333; line-height:25px; margin-bottom:12px;}
.board-read td.title i {color:#f4654b;}
.board-read .date {margin-right:20px;}
.board-read .hit {float:right;}
.board-read tr.small {display:none;}
.board-read .file a, .board-read .link a{margin-right:20px;}
.board-read i {color:#ff6955; margin-right:6px;}
.board-read td.contents {padding:20px; border-top:1px solid #ddd;}
.board-read .fa-caret-up, .board-read .fa-caret-down {float:right; position:relative; top:3px;}
.prevnext th, .prevnext td {border-top:1px solid #ddd;}

.btn-right {float:right; background:#ff6955; color:#fff !important; width:140px; font-size:13px; padding:10px; font-weight:600; margin:10px 0;}
.btn-right:hover {background:#e44c38;}

@media (min-width:768px) {
	.board-read th{width:160px;}
}


/*
Consulting
*/
.consulting .icon {text-align:center; padding:20px 0 0}
.consulting .icon .box {background:#f5f5f5; padding:35px 0 20px }
.consulting .icon p {font-size:16px; font-weight:600; margin-top:15px;}
.consulting .icon i {font-size:5em; color:#6c0002}
.consulting .icon i.fa-pencil-square-o {color:#b7251c}
.consulting .icon i.fa-pie-chart {color:#fa6c50;}

.consulting .box-left, .consulting .box-center, .consulting .box-right {margin-bottom:0 !important}


ul.img {width:100%; display:inline-block; margin:0; padding:0;}
ul.img li {
	list-style:none;
	float:left;
	width:22%;
	padding:30px 0 25px;
	border:5px solid #ddd;
	text-align:center;
}
ul.img li p {margin:10px 0 0; font-weight:600}
ul.img li &gt; i {font-size:2em; color:#555}
ul.img li.arrow {
	width:4%;
	border:none;
	padding-top:50px;
	color:#ddd;
}
ul.img li.arrow i {font-size:2em; color:#ddd}
ul.img li.arrow i.fa-chevron-down {display:none;}

ul.dot {margin:0 0 15px 12px; padding:0}
ul.dot li {list-style:none; font-size:14px; margin-bottom:7px;padding-left:12px; position:relative; color:#444}
ul.dot li:after {
    left: 0;
    top: 9px;
    width: 6px;
    height: 1px;
    content: " ";
    border-radius: 1px;
    position: absolute;
    background: #aaa;
}
ul.dot2 li:after {
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    content: " ";
    border-radius: 1px;
    position: absolute;
    background: #ff6955;
}
@media (max-width:767px) {
	.consulting .icon .box {background:none; padding:0}
	.consulting .icon p {margin-top:10px;}
	.consulting .icon i {font-size:3em;}
	
	ul.img li {width:100%;}
	ul.img li.arrow {width:100%; padding:5px 0}
	ul.img li.arrow i.fa-chevron-right {display:none;}
	ul.img li.arrow i.fa-chevron-down {display:block;}
}

/*
    Conesel
*/
.agree_title_text {font-size:14px; font-weight:600; color:#333333;}
#agreebox {border:solid 1px #d7d7dc; padding:23px; color:#777777; line-height:170%; font-size:12px;}
.agreeboxok {margin:10px 0 25px; font-size:12px;}
.exinput {color:#F00; font-size:14px}




/*
	Member
*/

input.btn-primary {
  color: #fff;
  background-color: #ff6955 !important;
  border-color: #ff6955 !important;
 }
.m_right {padding-right:0;}
.m_left {padding-left:0;}
.m_right input, .m_right select {border-right:none !important}
.m_left input {padding:0 !important}

.text-center h1 {font-size: 40px; margin-bottom:20px; color:#107bc7}
.loginBtn {margin-top:-5px;}
.loginBtn .btn{height:43px; padding: 6px 12px !important; width:100%}
.loginBtn label {margin-top:8px;}
.loginBtn label input {position:relative; top:-1px;}
.loginBottom {margin-top:10px; padding-top:10px; border-top:1px dotted #ddd; text-align:center;}
.loginBottom a {color:#777; font-size:12px; letter-spacing:-0.03em;}
.loginBottom span.line {color:#ddd; font-size:12px; padding:0 5px;}
span.idsave {padding-left:5px; font-size:12px; font-weight:600; color:#444; position:relative; top:1px;}

.membership {padding-bottom:30px;}
.membership .title {font-size:16px; font-weight:600; color:#1f4982; padding:15px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; margin:15px 0}
.membership p {margin:0 0 3px; font-size:13px;}
.membership span.right {float:right; clear:both; font-size:13px; color:#444; font-weight:600;}
.membership span.right span {color:#de0000}
.membership span.right input {margin-left:4px;}
.membership span a.view {display:inline-block; margin-right:15px; color:#1f4982; font-weight:normal;}
p.position { position:absolute; top:16px; left:-5px;}

@media (max-width:991px) {
    .membership p.position {left:25px;}
	select#mail {padding-left: 20px;}
}
	
.form-control {background:#fff !important; font-size:13px;}

.membership .btn {padding:10px 50px;}
.chkBox span input {position:relative; top:2px; margin-right:3px;}
.chkBox span {margin-right:10px; display:inline-block; color:#444; font-size:13px;}
.chkBox span.etc {margin:5px 0 2px}
.chkBox span.agree {margin-top:10px; font-weight:600; color:#666}

.page {line-height:170%; font-size:12px; color:#666; padding-bottom:20px;}
.page h4 {font-size:15px; margin-bottom:10px; color:#333; font-weight:600}
.page p {font-size:13px; margin-bottom:3px; color:#444}

.membershipBox {padding:50px 30px; border:1px solid #ddd; border-radius:20px; margin:30px 0 50px;}
.membershipBox p {font-size:14px; color:#555; padding:10px 0;}


.membership .form-group p {padding-top:5px;}
.membership .form-group p span {color:#f4654b;; padding-left:3px; font-size:12px;}

.member_mypage {width:100%;}
.member_mypage {width:100%; display:inline-block; border-bottom:1px solid #ddd; margin:0 0 20px;; padding:0;}
.member_mypage li {
	width: 33.3%;
	list-style:none;
	float: left;
    bottom: -1px;
	display:block;
	margin:0;
	padding:0;
	position:relative;
}
.member_mypage li a {
	padding: 15px 0;
    text-align: center;
    background: #f0f0f0;
    font-size: 16px;
    border-bottom: 1px solid #ddd !important;
    text-decoration: none;
    margin-right: 5px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
	position: relative;
	display:block;
	color:#777;
	font-weight:600;
}
.member_mypage li a.last {
    margin-right: 0 !important;
}
.member_mypage li a:hover, .member_mypage li a:visited, .member_mypage li a:active, .member_mypage li a:focus {
	color:#777
}
.member_mypage li.active a{
	background: #fff;
    color: #f4654b !important;
	border: 1px solid #ddd;
    border-bottom-color: #fff !important;
}
small.red {color:#E10606 !important; padding-left:10px;}

.borderBox {border:1px solid #ddd; margin:20px 15px; padding:40px 15px; border-radius:10px;}


.idpw li {
	width:50% !important;
}
@media (max-width:767px) {
	.member_mypage {margin: 0 0 15px;}
	.borderBox {padding:20px 25px; border-radius:10px;}
	.borderBox h4 {font-size:17px; line-height:23px;}
	.borderBox p {font-size:12px; }
}

@media (max-width:380px) {
	.member_mypage li a {
		padding:10px 0;
		font-size:14px;
        margin-right: 2px;
		letter-spacing:-0.03em;
		}
}






.menu_list {background:#111; padding-top:20px;}

#hero-menu {
    width: 100%;
    color: #fff;
    z-index: 1;
}

.hero-menu {
    margin: 0;
    padding: 0;
}
.hero-menu li.select {
    background: #fff;
    border: 1px solid #fff !important;
	border-bottom:none !important;
}
.hero-menu li {
    list-style: none;
    border: 1px solid #444;
	border:none;
    float: left;
    height: 40px;
    border-radius: 4px 4px 0 0;
    margin-right: 3px;
	background:#444;
}
.hero-menu li.select a, .hero-menu li.select a:hover {
	background:#fff !important;
    color: #f05124 !important;
	font-weight:600;
}
.hero-menu li:hover{
    background: #666 !important;
}
.hero-menu li a {
    font-size: 0.95em;
    color: #dfdfdf;
    padding: 0 35px;
    line-height: 40px;
    text-decoration: none;
    letter-spacing: 0.05em;
    display: block;
}
.hero-menu li a:hover{
	color:#fff;
}

@media screen and (max-width: 767px) {

  .menu_list {padding:5px 0;}
  .cover .sub-desc h2 {
    font-size: 1.8em;
  }
  .cover .sub-desc span {
	font-size:0.85em !important;
  }
  .cover.hero-2, .hero.hero-2, .cover.cover_2 {
		height:400px;
	}
  .cover .sub-desc {
    padding-left: 15px;
    padding-right: 15px;
  }
#hero-menu {
	bottom:5px !important;
}
.hero-menu li {
	height:30px !important;
	border-radius:4px !important;
	width:48%;
	margin:1% !important;
	text-align:center;
}
.hero-menu li a {
	display:block;
	padding:0 !important;
	line-height: 30px !important;
	letter-spacing: -0.05em !important;
}
} 



ul.tabs {position:relative; text-align:center; margin-left:15px; padding-left:0px; margin-bottom:30px;}
ul.tabs li {background: #eee;
    color: #666;
	padding: 4px 15px 6px;
	-webkit-padding-before:6px;
	-webkit-padding-after:4px;
	list-style:none;
    border: none;
	margin-right: 8px;
    margin-bottom: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
}


/* counsel */

textarea.form-control {padding:15px 12px !important;}

.line-top {padding:15px 20px 5px; border-top:1px dotted #ddd;}
.line-top input.form-control, .line-top select.form-control {height:31px !important}
label.label {
	font-size: 14px;
	font-weight:600;
    color: #444;
	padding:5px 0 !important;
}
label.label span {color:#f4654b; padding-left:3px; font-size:13px;}
.form-control{
	margin-top:5px;
	box-shadow: none;
    background: transparent;
    border: 1px solid #ddd;
    height: 45px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0px;
}
.contact-info {
    margin: 20px 0 0;
    padding: 0;
}
.contact-info li {
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
    padding-left:35px;
}
.contact-info li i {
    position: absolute;
    left: 0;
    font-size: 22px;
    color:#aaa;
}
.account_info {font-size:13px; line-height:170%; color:#444; letter-spacing: 0.1em;}
.account_info span {font-weight:600}
.account_info span.red {color:#e7270d; padding-top:5px; display:inline-block; letter-spacing:0;}


/*
	PIANO
*/


.pianoBox {background:#f4f4f4; text-align:center; padding:30px 15px 20px; color:#555;}
.pianoBox h2 {font-size:20px; padding: 5px 15px; margin-bottom:15px; color:#fff; background:#666; border-radius:50px; display:inline-block;}
.pianoBox h2.bg {background:#ff6955;}
.pianoBox p {font-size:12px; letter-spacing: -0.03em;}
.pianoBox p.fs_14 {font-size:14px;}
.pianoBox p strong {font-weight:600; font-size:15px;}
.pianoBox h2 span {color:#fff; font-weight:normal}

.pianoCon {margin-top:40px; color:#444; font-size:13px;}
.pianoCon img {margin-bottom:10px;}
.pianoCon .bg-box {padding:20px; margin: 5px 0 0;}
.pianoCon .bg-box p {letter-spacing:-0.02em;}
span.piano {font-size:18px; color:#ff6955; display:inline-block; font-weight:600;}
span.piano small {font-size:15px; font-weight:normal; padding-left:0; color:#333}
span.number {color:#ee4e35; font-weight:600; font-size:17px}
.bd-top {border-top:1px dotted #ddd; padding-top:20px; margin-top:30px;}
.bd-top .dot2 li {font-weight:600; font-size:15px;}
.bd-top .dot2 li:after {top:9px;}

@media (max-width:1199px) and (min-width:992px) {
.col-xs-6 .pianoBox {height:170px}
}
@media (max-width:991px) {
.col-xs-6 .pianoBox {margin-bottom:10px;}
}
@media (max-width:767px) and (min-width:541px) {
.col-xs-6 .pianoBox {height:150px;}
}
@media (max-width:540px) {
.col-xs-6 {width:100%;}
}



/* sitemap
*****************************************************************/
.m_lang {
    float: right;
    font-size: 13px;
    font-weight: 600;
    padding: 22px 15px 0 0;
}
.lang a{padding-right:10px !important; font-size:13px !important;}

.navbar-inverse .navbar-nav &gt; li &gt; a &gt; i {font-size: 1.4em; color:#a7cd40}
button i.fa-bars {font-size: 1.5em; color:#f4654b}

li.btn_allmenu a {padding-left:20px; padding-top:32px; padding-right:0;}
#allmenu_close_wrap {width:1170px; position:relative; margin:0 auto; z-index:999999999999999999999999}


@media (min-width:1200px) {
.allmenu_close {position:absolute; top: 100px; margin-left:1115px; z-index:99999999999999999999}

#allmenu .menubox {width:1170px; margin:0 auto; padding-top:170px;}
.allmenu_list {position:relative; width:1170px; padding-left:20px; float:right;}
}

@media all and (min-width:992px) and (max-width:1199px){
.allmenu_close {position:absolute; top: 100px; margin-left:915px; z-index:99999999999999999999}

#allmenu .menubox {width:970px; margin:0 auto; padding-top:170px;}
.allmenu_list {position:relative; width:970px; margin-left:0px; float:right;}
}


@media all and (min-width:768px) and (max-width:991px){
.allmenu_close {position:absolute; top: 100px; margin-left:695px; z-index:99999999999999999999}

#allmenu .menubox {width:750px; margin:0 auto; padding-top:170px;}
.allmenu_list {position:relative; width:750px; margin-left:0px; float:right;}
#allmenu .s_titlebox {font-size:20px !important;}
}

@media (max-width:767px) {
#allmenu, .allmenu, li.btn_allmenu, li.lang {display:none;}
}
@media (min-width:768px) {
.m_lang {display:none;}
}
#allmenu .titleimg {float:left; padding-top:45px; padding-left:0px; width:200px;}
.allmenu_list .all_list {float:left; height:350px; text-align:center;}
#allmenu .s_titlebox {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding: 16px 0px;
    border: 2px solid #444;
    display: inline-block;
    border-radius: 35px;
	width: 100%;
    text-align: center;
}
#allmenu .s_menuul {padding:25px 0 0; line-height:160%}
#allmenu .s_menuul li {padding:0 0 20px; text-align:center; list-style:none;}
#allmenu .s_menuul li a {font-size:14px; color:#fff; letter-spacing:-0.04em;}
#allmenu .s_menuul li a:hover {color:#ff9bb5}
#allmenu .s_menuul li .dot{background:url(../images/layout/list_dotimg.gif) no-repeat 0px 12px; font-size:11px; padding:5px 0 0px 10px !important}

#s_menu01, #s_menu02, #s_menu03, #s_menu04, #s_menu05, #s_menu06 {width:23%; margin-right: 2%;}
#s_menu06 {margin-right:none !important}


.dropdown .select {background: #ff6955 !important; color:#fff !important;}
</pre></body></html>