﻿@import url(../fonts/NanumBarunGothic.css);

/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Abel);
*/

*{ font-size:12px; }

body{margin:0; padding:0;font-family:"Open Sans", "Roboto", nanum, sans-serif; font-weight:400px;}

ul li {list-style: none;}

div,td,p,pre,span,li{font-family:"Open Sans", "Roboto", nanum, sans-serif;}

.r{border:1px solid red;}

a:hover {outline: none;text-decoration:none;}

a:focus {outline:none;outline-offset: 0;}

a {-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms; color:#000;}

h1, h2, h3, h4, h5, h6 {font-family:"Open Sans", "Roboto", nanum, sans-serif;}

.btn:hover, .btn:focus{outline: none;box-shadow: none;}

a#scrollUp {bottom: 0px;right: 10px;padding: 5px 10px;background: #FE980F;color: #FFF;-webkit-animation: bounce 2s ease infinite;animation: bounce 2s ease infinite;}
a#scrollUp i{font-size: 30px;}

.padding-right {padding-right: 0;}


.center-block() {  display: block;  margin-left: auto;  margin-right: auto;}



h3.title {color: #000;font-family:"Open Sans", "Roboto", nanumb, sans-serif;font-size: 25px;font-weight: 400;margin: 0 0px;text-transform: uppercase;margin-bottom: 10px;position: relative;}
h4.title {color: #000;font-family:"Open Sans", "Roboto", nanumb, sans-serif;font-size: 15px;font-weight: 400;margin: 0 5px;text-transform: uppercase;margin-bottom: 5px;position: relative;}
.bt_div{margin-top:15px;}
.bt_div ul li{padding:5px; margin:0; }



/*div#select_box {position: relative; width: 206px; height: 30px; margin-top:15px; background: url('../image/sbg.gif') center no-repeat; border: 0; display: block;}
div#select_box label {position: absolute; font-size: 13px; font-weight: 400; line-height: 28px; color: #666; top: 2px; left: 12px;}
div#select_box select {width: 100%; height: 30px; min-height: 30px; line-height: 30px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0);}
.select_box1 {position: relative; width: 90px; height: 30px; background: url('../image/sbg.gif') top right no-repeat; border:0; }
div#select_box1 label {position: absolute; font-size: 13px; font-weight: 400; line-height: 28px; color: #666; top: 2px; left: 12px;}
div#select_box1 select { width: 100%; height: 30px; min-height: 30px; line-height: 30px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0);}*/

.headerInner2 { clear:both; position:relative; width:100%;}
.headerInner3 {position:relative; width:100%;}

.headernav {position:relative; width:980px; margin:0 auto;}


/* left_menu:gnb */
.left_tit {background:#0e63b3; height:32px; line-height:32px; font-size:16px; font-weight:600; color:#fff; text-align:center;}
.left_tit span { font-size:16px;}
/*
#gnb {border:1px solid #d5d5d5; border-top:0; border-bottom:0; background:#fff; font-size:14px;}
.gnb_1dli {position:relative; word-wrap: break-word;}
.gnb_1dli_on {color:#fff;text-decoration:none;}
.gnb_1da {display:block;padding:12px 12px;border-bottom:1px solid #ddd; background-color:#fff; text-decoration:none; color:#121212;}
.gnb_1dam {background:url('../image/gnb_bg00.gif') #fff center right no-repeat;}
.gnb_1dli_on .gnb_1da {background-color:#394251;color:#fff;text-decoration:none;}
.gnb_1dli_on .gnb_1dam {background:url('../image/gnb_bg01.gif') #394251 center right no-repeat;color:#fff;text-decoration:none;}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #787f89;margin-left:1px;}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:0;left:180px;width:220px;background:#fff;}
.gnb_2da {display:none;}
.gnb_1dli_over .gnb_2da {display:block;padding:10px;border-bottom:1px solid #e9e9e9;}
.gnb_2da:focus, .gnb_2da:hover {background:#f6f8f7; text-decoration:none;}
*/
.baro_1dli {position:relative; text-align:left; background:#394251;}
a.baro_1da {display:block; padding:9px 18px; border-bottom:1px solid #fff; font-weight:bold; text-decoration:none;;}
a.baro_1dam {background:url('../image/gnb_bg01.gif') center right no-repeat;}
.Lm { margin-bottom:10px;}
.Lm a.baro_1da {color:#fff; !important;}
.Lm a.baro_1da:hover {color:#737373; background:#b7b7b7 url('../image/gnb_bg00.gif') center right no-repeat;}

.left_banner li { margin-bottom:10px;}


/*allmenu*/
/*#all_menu p.all_tit {font-size:1.90em; font-weight:600; text-align:left; color:#007df2; line-height:30px; padding-bottom:10px; border-bottom:1px solid #333;}
#all_menu{
	width:100%;
	display:none;
	position:absolute;
	left:0;
	z-index:1001;
}

#all_menu #allmenuInner {position:relative; width:1100px; margin:0 auto; background:#fff; border-left:1px solid #121212; border-right:1px solid #121212; border-bottom:1px solid #121212;}
#all_menu #allmenuInner .wrapper {}
#all_menu #allmenuInner .wrapper a.close {position:fixed; top:232px; left:50%; margin-left:550px; background:#121212; opacity:100;}
#all_menu #allmenuInner .wrapper .sec {}
#all_menu #allmenuInner .wrapper .menuWrap {float:left; position:relative; max-width:219px; height:260px; padding:10px 8px 0 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(5) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(10) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(15) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(20) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(25) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(30) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(35) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .sec div:nth-child(40) { border-right:0px solid #ddd;}
#all_menu #allmenuInner .wrapper .menuWrap li {line-height:20px; text-align:left;width:99px; max-width:219px;}
#all_menu #allmenuInner .wrapper .menuWrap li a {font-size:11px; color:#818181;}
/*#all_menu #allmenuInner .wrapper .menuWrap li a.hover {color:#fff;}*/
/*#all_menu #allmenuInner .wrapper .menuWrap li.tit {font-family: OpenSans-Semibold; width:200px;  margin-bottom:15px;  text-align:center; background:#808080; padding:10px 0 7px 0;}
#all_menu #allmenuInner .wrapper .menuWrap li.tit a {font-size:15px; color:#fff; font-weight:600;letter-spacing:-.02em;}*/



/* Header */

.header_top { background: none repeat scroll 0 0 #efefef;}

.contactinfo ul li:first-child{ margin-left: -15px;}
.contactinfo ul li a{ font-size: 12px;color: #333;font-family:"Open Sans", "Roboto", "nanum", sans-serif;}
.contactinfo ul li a:hover{background:inherit;}

.mini_menu{width:100%; text-align:center;}
.mini_menu ul{right:0;}
.mini_menu ul li{float:right;}
.mini_menu ul li a{ font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size:11px; color:#333; padding:10px 8px 10px 8px; }
.mini_menu ul li a:hover{ color:#0083C9;}


/*
.header_menu { background: none repeat scroll 0 0 #3879D9; overflow:hidden;}
*/
.header_menu { background: none repeat scroll 0 0 #fff; border-bottom:3px solid #3879D9; overflow:hidden;}

.header_menu .container .row {padding:0; margin:0; padding-top:15px; padding-bottom:10px;}

.topmenu_bar .navbar{background-color: #3879D9; border:0px; padding:0; margin:0;}
.topmenu_bar .navbar-header .navbar-toggle {background-color: #000; margin:0; margin-top:10px; border:0px;}
.topmenu_bar .navbar-header .navbar-toggle .icon-bar {background-color: #fff;}

.topmenu_bar .navbar-nav{left:0; z-index:99999; background-color:#3879D9; border:0px;}
.topmenu_bar .navbar-nav li {display:inline-block; text-align:center; width:98px; float:left; margin-bottom:0; padding-bottom:0;}
.topmenu_bar .navbar-nav li:frist-child{padding-left: 0; }
.topmenu_bar .navbar-nav li a {font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size: 15px; color: #fff; }
.topmenu_bar .navbar-nav li a:hover {color:#E7F500; background: none; }
.topmenu_bar .navbar-nav li a.active{font-family:"Open Sans", "Roboto", "nanumb", sans-serif;font-size: 15px;}


/*
.dropdown-menulia:hover, .dropdown-menulia:focus {background-color: #FE980F;color: #FFFFFF;font-family:"Open Sans", "Roboto", "nanum", sans-serif;text-decoration: none;}
.nav.navbar-nav > li:hover > ul.sub-menu{display: block;-webkit-animation: fadeInUp 400ms;-moz-animation: fadeInUp 400ms;-ms-animation: fadeInUp 400ms;-o-animation: fadeInUp 400ms;animation: fadeInUp 400ms;}
ul.sub-menu {position: absolute;top: 30px;left: 0;background: rgba(0, 0, 0, 0.6);list-style: none;padding: 0;margin: 0;width: 220px;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);display: none;z-index: 999;}
.dropdown ul.sub-menu li .active{color: #FDB45E;padding-left: 0;}
.navbar-nav li ul.sub-menu li{padding: 10px 20px 0 ;}
.navbar-nav li ul.sub-menu li:last-child{padding-bottom: 20px;}
.navbar-nav li ul.sub-menu li a{color: #fff;}
.navbar-nav li ul.sub-menu li a:hover{color: #FDB45E;}
.fa-angle-down{padding-left: 5px; }

@-webkit-keyframes fadeInUp {
	0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	}

	100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
}
*/


.search_box{margin-top:11px; width:100%;}
.search_box input {
	background: #fff;border:0px; color: #333;font-family: "nanum";font-size: 12px;height: 30px;line-height:30px;padding-left: 10px;width: 100%;
	background-image: url(../image/searchicon.png);background-repeat: no-repeat;background-position: center right;
}













/*Left*/
.category-products { border: 1px solid #d9dbe2; padding-bottom: 20px;padding-top: 15px;}
.left-sidebar h2 {color: #000;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 18px;font-weight: 700;margin: 0 auto 30px;text-align: center;text-transform: uppercase;position: relative;z-index:3;}
.left-sidebar h2:after, h2.title:after{content: " ";position: absolute;border: 1px solid #f5f5f5;bottom:8px;left: 0;width: 100%;height: 0;z-index: -2;}
.left-sidebar h2:before{content: " ";position: absolute;background: #fff;bottom: -6px;width: 130px;height: 30px;z-index: -1;left: 50%;margin-left: -65px;}
h2.title:before{content: " ";position: absolute;background: #fff;bottom: -6px;width: 220px;height: 30px;z-index: -1;left: 50%;margin-left: -110px;}
.category-products .panel {background-color: #FFFFFF;border: 0px;border-radius: 0px;box-shadow:none;margin-bottom: 0px;}
.category-products .panel-default .panel-heading {background-color: #FFFFFF;border: 0 none;color: #FFFFFF;padding: 5px 20px;}
.category-products .panel-default .panel-heading .panel-title a {color: #696763;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 14px;text-decoration: none;text-transform: uppercase;}
.panel-group .panel-heading + .panel-collapse .panel-body {border-top: 0 none;}
.category-products .badge {background-color:#fff; color:#000; margin-top:3px; padding-right:0px;}
.panel-body ul{padding-left: 20px;}
.panel-body ul li a {color: #696763; font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 12px;text-transform: uppercase;}
.panel-heading h4{padding:0; margin:0;}
.panel-heading h4 a{ font-family:"Open Sans", "Roboto", nanumb, sans-serif; font-size:13px; color:#000; padding:0; margin:0;}
.panel-heading h4 a:hover{ font-family:"Open Sans", "Roboto", nanumb, sans-serif; font-size:13px; color:#000;}


.left_banner {overflow: hidden;margin-bottom: 20px;}
.left_banner a img{ width:100%; border:0px solid #d9dbe2; } 










/*footer*/

/*#footer {background: #efefef; }
.footer-top .container { padding-bottom: 20px; }
.footer-top .col-sm-3{overflow: hidden;}
.footer-bottom{ border-top: 1px solid #d9dbe2;  padding-top:20px;}
.footer-bottom p{font-size:11px; line-height:20px; margin-left:10px;}

.footer-middle{ border-top: 1px solid #d9dbe2;}
.footer-middle ul li{  font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 11px; }
.footer-middle ul li a{ font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 11px; color:#333;}
.footer-middle ul li a:hover{ font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 11px; color:#3879D9;}*/

.single-widget1{width:100%; overflow:hidden; margin-top:20px; }
.single-widget1 h2{ font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size: 16px; margin-left:10px;}
.single-widget1 ul{width:100%; overflow:hidden; margin-left:10px;}
.single-widget1 p{width:100%; overflow:hidden; margin-left:10px;}
.single-widget1 p{display:block;  margin:0; padding:0; padding-left:43px; padding-top:10px; font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 12px; line-height:15px; width:90%; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


.single-widget2{width:100%; overflow:hidden; margin-top:20px; }
.single-widget2 h2{ font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size: 16px; margin-left:10px;}
.single-widget2 ul{width:100%; overflow:hidden; margin-left:10px;}
.single-widget2 ul li{ margin:0; padding:0; font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 12px; line-height:23px; width:90%; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.single-widget2 ul li a{ margin:0; padding:0; font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 12px; line-height:23px; width:90%; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


.single-widget3{width:100%; overflow:hidden; margin-top:20px; }
.single-widget3 h2{ font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size: 16px; margin-left:10px;}
.single-widget3 ul{width:100%; overflow:hidden; margin-left:10px;}
.single-widget3 ul li a{ margin:0; padding:0; font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 12px; line-height:23px; width:85%; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}



.single-widget4{width:100%; overflow:hidden; margin-top:20px; }
.single-widget4 h2{ font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size: 16px; margin-left:10px;}
.single-widget4 ul{ overflow:hidden; margin-left:10px;}
.single-widget4 ul li{ margin:0; padding:0; font-family:"Open Sans", "Roboto", "nanum", sans-serif; font-size: 15px; width:50%; margin-bottom:30px;}
.single-widget4 .badge {background-color:#3879D9; color:#fff; padding:10px; font-size:30px; margin-right:10px;}
.single-widget4 ul li p{font-size:11px; color:#666; letter-spacing:-0.03em;}







/* Main*/

#slider {padding-bottom: 45px; background:url('../image/fl_back.gif') repeat-x; }
.carousel-indicators{border:0px solid red; bottom:-40px;}
.carousel-indicators li {background: #C4C4BE;}
.carousel-indicators li.active {background: #3879D9;}
.item{padding:0; margin:0; overflow:hidden;}
.item div.col-sm-12{padding:0; margin:0;}
.control-carousel {position: absolute;  top: 40%; margin-top:-20px; font-size:60px;color: #000;}
.control-carousel:hover{ color: #FE980F ;}
.left { left: 10px;}
.right { right: 10px;}




.features_items{}
h2.title {color: #000;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 18px;font-weight: 700;margin: 0 15px;text-transform: uppercase;margin-bottom: 30px;position: relative;}
.product-image-wrapper{border:1px solid #d9dbe2;overflow: hidden;margin-bottom:0px;}
.single-products { position: relative;}
.productinfo h2{color: #3879D9;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 16px;font-weight: 400; margin:0; padding:0;}
.product-overlay h2{color: #fff;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 16px;font-weight: 400;}
.productinfo p{font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 13px;font-weight: 400;color: #000; margin-top:10px;}
.productinfo img{width: 100%; cursor:pointer;}
.productinfo p{margin:0; padding:5px;}
.productinfo p img{width:auto; cursor:default;}
.productinfo{ position:relative;}
.cut_css_text { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.product-overlay { background:#FE980F;top: 0;display: none;height: 0;position: absolute;transition: height 500ms ease 0s;width: 100%;display: block;opacity:;}
.single-products:hover .product-overlay {display:block;height:100%;}
.product-overlay .overlay-content {bottom: 0;position: absolute;bottom: 0;text-align: center;width: 100%;}
.product-overlay .add-to-cart {background:#fff;border: 0 none;border-radius: 0;color: #FE980F;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 15px;margin-bottom: 25px;}
.product-overlay .add-to-cart:hover {background:#fff;color: #FE980F;}
.product-overlay p{font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 14px;font-weight: 400;color: #fff;}
.add-to-cart {background:#f2f2f2;border: 0 none;border-radius: 0;color: #696763;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 13px; margin-bottom: 25px; margin-top:10px;}
.add-to-cart:hover {background: #FE980F;border: 0 none;border-radius: 0;color: #FFFFFF;}
.add-to{margin-bottom: 10px;}
.add-to-cart i{margin-right:5px;}
.choose {border-top: 1px solid #d9dbe2;}
.choose ul li a {color: #B3AFA8;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 13px;padding-left: 0;padding-right: 0;}
.choose ul li a i{margin-right:5px;}
.choose ul li a:hover{background:none;color:#FE980F;}
.icon_view {  position: absolute;  top: 0;  right: 0;}

.category-tab {overflow: hidden;}
.category-tab ul {background: #40403E; border-bottom: 1px solid #FE980F;list-style: none outside none; margin: 0 0 30px; padding: 0;width: 100%;}
.category-tab ul li {margin:0; padding:0; text-align:center;}
.category-tab ul li a {border: 0 none;border-radius: 0;color: #B3AFA8;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 14px;text-transform: uppercase; }
.category-tab ul li a:hover{background:#FE980F;color:#fff;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #FE980F;
}



.recommended_items {overflow: hidden;}
#recommended-item-carousel .carousel-inner .item {padding-left: 0;}
.recommended-item-control {position: absolute;top: 41%;}
.recommended-item-control i {background: none repeat scroll 0 0 #40403E;color: #FFFFFF;font-size: 20px;padding: 4px 10px;}
.recommended-item-control i:hover {background: #ccccc6;}
.lefta { left: 0px;}
.righta { right: 0px;}





/*로그인 회원*/
.login-form{border:1px solid #D9DBE2; padding-top:20px; }

.login-form  label, .control-label{font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size: 13px; text-align:right;}

.signup-form{padding-top:20px;}


.login-form input[type=text], .login-form input[type=password], .login-form input[type=email], .login-form input[type=file], .login-form select, .login-form textarea, .form-control{
	background: #efefef;border: medium none;color: #333;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 14px; height: 35px;margin-bottom: 10px;outline: medium none;padding-left: 10px; width: 100%;
}

.input{
	background: #efefef;border: medium none;color: #333;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 14px; height: 35px;margin-bottom: 10px;outline: medium none;padding-left: 10px; width: 100%;
}

.form-group{clear:both;}

.login-form form span{line-height: 25px;}


.yellow_bt{background: #333; width:100%; border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif; padding: 6px 6px; border-radius: 3px;}
.yellow_bt:hover{background: #005096;border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}

.gray_bt {background: #D9D9D9; border: medium none;border-radius: 0;color: #333;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}
.gray_bt:hover {background: #333; border: medium none;border-radius: 0;color: #fff;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}

.blue_bt{background: #3879D9; width:100%; border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}
.blue_bt:hover{background: #0e4392;border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}

.black_bt{background: #666; width:100%; border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}
.black_bt:hover{background: #000;border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding: 6px 6px; border-radius: 3px;}

.del_bt{background: #666; width:20px;height:20px; line-height:20px; font-size:11px; border: medium none;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;border-radius: 3px; padding:0; margin:0;}
.del_bt:hover{background: #000;border: medium none;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;border-radius: 3px;}

.baesong_bt{background: #666; width:60px;height:20px; line-height:20px; font-size:11px; border: medium none;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;border-radius: 3px; padding:0; margin:0;}
.baesong_bt:hover{background: #000;border: medium none;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;border-radius: 3px;}

.or{background: #ccc; border-radius: 40px;color: #333;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 16px;height: 50px;line-height: 50px;margin-top: 15px;text-align: center;width: 50px;}

.yak_div{width:100%; height:250px; overflow:auto; border:1px solid #cccccc; text-align:left; padding:5px; margin-bottom:10px;font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 12px;}

.expl{font-family:"Open Sans", "Roboto", "nanum", sans-serif;font-size: 12px; line-height:23px; padding-left:5px;}

.black_bta{background: #666;  border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif;padding:0px 10px 0px 10px; height:35px; line-height:35px; border-radius: 3px;}
.black_bta:hover{background: #000;border: medium none;border-radius: 0;color: #FFF;display: block;font-family:"Open Sans", "Roboto", "nanum", sans-serif; border-radius: 3px;}

.mypage_bar .navbar{background-color:#efefef; border-radius: 3px; border:0px solid #3879D9;}
.mypage_bar .navbar-header .navbar-toggle {background-color: #3879D9; }
.mypage_bar .navbar-header .navbar-toggle .icon-bar {background-color: #fff;}
.mypage_bar .navbar-brand{color:#000; font-size:15px; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-weight:600; background-color:#3879D9; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color:#fff;}
.mypage_bar .navbar-nav li a{color:#333; font-size:12px; font-family:"Open Sans", "Roboto", "nanumb", sans-serif;}
.mypage_bar .navbar-nav li a i{color:#555; font-size:13px; }
.mypage_bar .navbar-nav li a.active{color:#fff; font-size:12px; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-weight:600; background-color:#555;}
.mypage_bar .navbar-nav li a.active i{color:#fff; font-size:13px;}

.mypage_bar .mypage_bar_a li a{color:#333; font-size:12px; font-family:"Open Sans", "Roboto", "nanumb", sans-serif;}
.mypage_bar .mypage_bar_a li a i{color:#555; font-size:13px; }
.mypage_bar .mypage_bar_a li a.active{color:#AA000A; font-size:12px; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-weight:600; }
.mypage_bar .mypage_bar_a li a.active i{color:#AA000A; font-size:13px;}

.no_list{height:120px; line-height:120px; text-align:center; width:100%; font-size:13px; overflow:hidden;}


table.afternoon-session {  width: 100%;  table-layout: fixed; }
table.afternoon-session thead tr {  width: 100%;}
table td {  text-align: center;}
table.afternoon-session thead th { background-color:#fff; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-weight:600; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #D9DBE2; border-top:2px solid #3879D9; }
table.afternoon-session tbody td {background-color:#fff; font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:35px; font-size:13px;  color:#333; border-bottom:1px solid #efefef; }/* text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/
table.afternoon-session tbody td a{font-family:"Open Sans", "Roboto", "nanum", sans-serif;  font-size:13px;  color:#333; }

@media only screen and (max-width: 768px) { 
 /* table.afternoon-session {width: 100%;}
  table.afternoon-session [data-cell-header]:before {	content: attr(data-cell-header);	display: block;	position: absolute; left: 0;	width:25%;	text-align: left;	 background: #efefef;	padding: 0.3em 0.6em;	color: #333;font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-weight:600; font-size:12px; }
  table.afternoon-session thead {display: none;  }
  table.afternoon-session td {position: relative;display: block; padding: 0.3em 0 0.3em 26%;margin-bottom: 1px;  font-size:12px; font-family:"Open Sans", "Roboto", "nanum", sans-serif; text-align:left;}
  table.afternoon-session td:first-of-type {margin-top: 10px; border-top:1px solid #000;}*/
}

.cut_str{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

table.tb_read {  width: 100%;  table-layout: fixed; margin-bottom:10px;}
table.tb_read tbody th { background-color:#fff; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; height:40px; font-size:14px; text-align:center; border-bottom:1px solid #D9DBE2; vertical-align:top; padding-top:15px;}
table.tb_read tbody td {background-color:#fff; font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:40px; font-size:13px;  color:#333; border-bottom:1px solid #efefef;   padding:15px; padding-left:0px;}
table.tb_read tbody td a{font-family:"Open Sans", "Roboto", "nanum", sans-serif;  font-size:13px;  color:#333; }
table.tb_read tfoot th{ background-color:#efefef; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; height:40px; font-size:16px; text-align:center; vertical-align:top; padding-top:15px; padding-bottom:15px;}
table.tb_read tfoot td{ background-color:#efefef;  font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:40px; font-size:13px; text-align:center;  vertical-align:top; padding-top:15px; padding-bottom:15px;}

table.tb_1 {  width: 100%;  table-layout: fixed; margin-bottom:10px;}
table.tb_1 tbody th { background-color:#fff; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; height:20px; font-size:13px; text-align:center; border-bottom:1px solid #D9DBE2; vertical-align:top; }
table.tb_1 tbody td {background-color:#fff; font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:20px; font-size:12px;  color:#333; border-bottom:1px solid #efefef;   padding-left:0px;}

table.tb_2 {  width: 100%;  table-layout: fixed; margin-bottom:10px;}
table.tb_2 th { background-color:#efefef; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; height:20px; font-size:13px; text-align:center; }
table.tb_2 td {background-color:#fff; font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:20px; font-size:12px;  color:#333;  padding-left:0px; text-align:left;}


table.faq {  width: 100%;  table-layout: fixed; margin-bottom:10px;}
table.faq tbody th { background-color:#fff; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; height:40px; font-size:13px; text-align:center; border-bottom:1px solid #D9DBE2; vertical-align:middle; }
table.faq tbody td {background-color:#fff; font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:40px; font-size:12px;  color:#333; border-bottom:1px solid #efefef;   padding-left:0px;}
table.faq tbody td a{font-family:"Open Sans", "Roboto", "nanum", sans-serif;  font-size:13px;  color:#333; }

/*상품관련*/

.category_html{overflow:hidden; }
.category_html img{width:100%; height:auto;}

.label_bt span{cursor:pointer; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size:11px; font-weight:400;}


table.product_detail tbody th { background-color:#f7f7f7; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; font-size:13px; text-align:left; }
table.product_detail tbody td {background-color:#fff; font-family:"Open Sans", "Roboto", "nanum", sans-serif;  font-size:13px;  color:#333; text-align:left;}
table.product_detail tbody td a{font-family:"Open Sans", "Roboto", "nanum", sans-serif;  font-size:13px;  color:#333; text-align:left;}
table.product_detail tbody td select{height:30px; font-size:13px;}
table.product_detail tbody td input{height:30px; font-size:13px;}
table.product_detail tfoot th{ background-color:#3879D9; color:#fff;  font-family:"Open Sans", "Roboto", "nanumb", sans-serif; height:40px; font-size:16px; text-align:center; vertical-align:top; padding-top:15px; padding-bottom:15px;}
table.product_detail tfoot td{ background-color:#efefef;  font-family:"Open Sans", "Roboto", "nanum", sans-serif; height:40px; font-size:13px; text-align:center;  vertical-align:top; padding-top:15px; padding-bottom:15px;}

.detail_tab{margin-bottom:20px;}
.detail_tab li a{ font-family:"Open Sans", "Roboto", "nanumb", sans-serif; border:1px solid #DDDDDD; background-color:#fff; color:#333; font-size:13px;}
.detail_tab li.active a{background-color:#3879D9; font-family:"Open Sans", "Roboto", "nanumb", sans-serif; color:#fff; font-size:13px; border:0px;}
.detail_co img{height:auto;}





/*************************
*******Shop CSS******
**************************/


#advertisement {
padding-bottom: 45px;
}

#advertisement img {
width: 100%;
}

.pagination {
display: inline-block;
margin-bottom: 25px;
margin-top: 0;
padding-left: 15px;
}

.paginationli:first-childa, .paginationli:first-childspan {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: 0;
}

.paginationli:last-childa, .paginationli:last-childspan {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}

.pagination.activea, .pagination.activespan, .pagination.activea:hover, .pagination.activespan:hover, .pagination.activea:focus, .pagination.activespan:focus {
background-color: #FE980F;
border-color: #FE980F;
color: #FFFFFF;
cursor: default;
z-index: 2;
}

.paginationlia, .paginationlispan {
background-color: #efefef;
border: 0;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
margin-right: 5px;
color:#000;
}

.paginationlia:hover{
background:#FE980F;
color:#fff;
}



/*************************
*******Product Details CSS******
**************************/

.product-details{
overflow:hidden;
}


#similar-product {
margin-top: 40px;
}


#reviews {
padding-left: 25px;
padding-right: 25px;
}

.product-details {
margin-bottom: 40px;
overflow: hidden;
margin-top: 10px;
}



.view-product {
position: relative;
}

.view-product img {
border: 1px solid #d9dbe2;
height: 380px;
width: 100%;
}

.view-product h3 {
background: #FE980F;
bottom: 0;
color: #FFFFFF;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
padding: 8px 20px;
position: absolute;
right: 0;
}

#similar-product .carousel-inner .item{
padding-left:0px;
}

#similar-product .carousel-inner .item img {
display: inline-block;
margin-left: 15px;
}

.item-control {
position: absolute;
top: 35%;
}
.item-control i {
background: #FE980F;
color: #FFFFFF;
font-size: 20px;
padding: 5px 10px;
}

.item-control i:hover{
background:#ccccc6;
}

.product-information {
border: 1px solid #d9dbe2;
overflow: hidden;
padding-bottom: 60px;
padding-left: 60px;
padding-top: 60px;
position: relative;
}

.newarrival{
position:absolute;
top:0;
left:0
}

.product-information h2 {
color: #363432;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 20px;
margin-top: 0;
}

.product-information p {
color: #696763;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
margin-bottom: 5px;
}

.product-information span {
display: inline-block;
margin-bottom: 8px;
margin-top: 18px;
}

.product-information span span {
color: #FE980F;
float: left;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 30px;
font-weight: 700;
margin-right: 20px;
margin-top: 0px;
}
.product-information span input {
border: 1px solid #DEDEDC;
color: #696763;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 20px;
font-weight: 700;
height: 33px;
outline: medium none;
text-align: center;
width: 50px;
}

.product-information span label {
color: #696763;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-weight: 700;
margin-right: 5px;
}

.share {
margin-top: 15px;
}


.cart {
background: #FE980F;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 15px;
margin-bottom: 10px;
margin-left: 20px;
}


.shop-details-tab {
border: 1px solid #d9dbe2;
margin-bottom: 75px;
margin-left: 15px;
margin-right: 15px;
padding-bottom: 10px;
}
.shop-details-tab .col-sm-12 {
padding-left: 0;
padding-right: 0;
}


#reviews ul {
background: #FFFFFF;
border: 0 none;
list-style: none outside none;
margin: 0 0 20px;
padding: 0;
}

#reviewsulli {
display:inline-block;
}

#reviews ul li a {
color: #696763;
display: block;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 14px;
padding-right: 15px;
}

#reviews ul li a i{
color:#FE980F;
padding-right:8px;
}

#reviews ul li a:hover{
background:#fff;
color:#FE980F;
}

#reviews p{
color:#363432;
}

#reviewsform span {
display: block;
}

#reviews form span input {
background:#efefef;
border: 0 none;
color: #A6A6A1;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 14px;
outline: medium none;
padding: 8px;
width: 48%;
}
#reviews form span input:last-child {
margin-left: 3%;
}

#reviews textarea {
background: #efefef;
border: medium none;
color: #A6A6A1;
height: 195px;
margin-bottom: 25px;
margin-top: 15px;
outline: medium none;
padding-left: 10px;
padding-top: 15px;
resize: none;
width: 99.5%;
}

#reviews button {
background: #FE980F;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 14px;
}


/*************************
*******404 CSS******
**************************/

.logo-404 {
margin-top: 60px;
}

.content-404 h1 {
color: #363432;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 41px;
font-weight: 300;
}

.content-404 img {
 margin:0 auto;
}

.content-404 p {
color: #363432;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 18px;
}

.content-404h2 {
margin-top:50px;
}

.content-404 h2 a {
background: #FE980F;
color: #FFFFFF;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-size: 44px;
font-weight: 300;
padding: 8px 40px;
}









/*************************
*******Cart CSS******
**************************/

#do_action {
margin-bottom: 50px;
}

.breadcrumbs {
position: relative;
}

.breadcrumbs .breadcrumb {
background:transparent;
margin-bottom: 75px;
padding-left: 0;
}

.breadcrumbs .breadcrumb li a {
background:#FE980F;
color: #FFFFFF;
padding: 3px 7px;
}

.breadcrumbs .breadcrumb li a:after {
content:"";
height:auto;
width: auto;
border-width: 8px;
border-style: solid;
border-color:transparent transparent transparent #FE980F;
position: absolute;
top: 11px;
left:48px;

}

.breadcrumbs .breadcrumb > li + li:before {
content: " ";
}

#cart_items .cart_info {
border: 1px solid #E6E4DF;
margin-bottom: 50px
}


#cart_items .cart_info .cart_menu {
background: #FE980F;
color: #fff;
font-size: 16px;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-weight: normal;
}

#cart_items .cart_info .table.table-condensed thead tr {
height: 51px;
}


#cart_items .cart_info .table.table-condensed tr {
border-bottom: 1px solid#d9dbe2
}

#cart_items .cart_info .table.table-condensed tr:last-child {
border-bottom: 0
}

.cart_info table tr td {
border-top: 0 none;
vertical-align: inherit;
}


#cart_items .cart_info .image {
padding-left: 30px;
}


#cart_items .cart_info .cart_description h4 {
margin-bottom: 0
}

#cart_items .cart_info .cart_description h4 a {
color: #363432;
font-family: 'Roboto',sans-serif;
font-size: 20px;
font-weight: normal;

}

#cart_items .cart_info .cart_description p {
color:#696763
}


#cart_items .cart_info .cart_price p {
color:#696763;
font-size: 18px
}


#cart_items .cart_info .cart_total_price {
color: #FE980F;
font-size: 24px;
}

.cart_product {
display: block;
margin: 15px -70px 10px 25px;
}

.cart_quantity_button a {
background:#efefef;
color: #696763;
display: inline-block;
font-size: 16px;
height: 28px;
overflow: hidden;
text-align: center;
width: 35px;
float: left;
}


.cart_quantity_input {
color: #696763;
float: left;
font-size: 16px;
text-align: center;
font-family: 'Roboto',sans-serif;

}


.cart_delete{
display: block;
margin-right: -12px;
overflow: hidden;
}


.cart_delete a {
background:#efefef;
color: #FFFFFF;
padding: 5px 7px;
font-size: 16px
}

.cart_delete a:hover {
background:#FE980F
}


.bg h2.title {
margin-right:0;
margin-left:0;
margin-top: 0;
}

.heading h3 {
color: #363432;
font-size: 20px;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
}

.heading p {
color: #434343;
font-size: 16px;
font-weight: 300;
}


#do_action .total_area {
padding-bottom: 18px !important;
}

#do_action .total_area, #do_action .chose_area {
border: 1px solid #E6E4DF;
color: #696763;
padding: 30px 25px 30px 0;
margin-bottom: 80px;
}

.total_area span {
float: right;
}

.total_area ul li {
background:#E6E4DF;
color: #696763;
margin-top: 10px;
padding: 7px 20px;
}


.user_option label {
color: #696763;
font-weight: normal;
margin-left: 10px;
}


.user_info {
display: block;
margin-bottom: 15px;
margin-top: 20px;
overflow: hidden;
}

.user_info label {
color: #696763;
display: block;
font-size: 15px;
font-weight: normal;

}

.user_info .single_field {
width: 31%
}

.user_info .single_field.zip-field input {
background: transparent;
border: 1px solid#efefef
}

.user_info > li {
float: left;
margin-right: 10px
}

.user_info > li > span {
}

.user_info input, select, textarea {
background: #efefef;
border:0;
color: #696763;
padding: 5px;
width: 100%;
border-radius: 0;
resize: none
}

.user_info select:focus {
border: 0
}


.chose_area .update {
margin-left: 40px;
}

.update, .check_out {
background: #FE980F;
border-radius: 0;
color: #FFFFFF;
margin-top: 18px;
border: none;
padding: 5px 15px;
}
.update{
margin-left: 40px;
}

.check_out {
margin-left: 20px
}



/*************************
*******checkout CSS******
**************************/

.step-one {
margin-bottom: -10px
}

.register-req, .step-one .heading {
background: none repeat scroll 0 0 #efefef;
color: #363432;
font-size: 20px;
margin-bottom: 35px;
padding: 10px 25px;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
}

.checkout-options {
padding-left: 20px
}


.checkout-options h3 {
color: #363432;
font-size: 20px;
margin-bottom: 0;
font-weight: normal;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
}

.checkout-options p {
color: #434343;
font-weight: 300;
margin-bottom: 25px;
}

.checkout-options .nav li {
float: left;
margin-right: 45px;
color: #696763;
font-size: 18px;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
font-weight: normal;
}

.checkout-options .nav label {
font-weight: normal;
}

.checkout-options .nav li a {
color: #FE980F;
font-size: 18px;
font-weight: normal;
padding: 0
}

.checkout-options .nav li a:hover {
background: inherit;
}

.checkout-options .nav i {
margin-right: 10px;
border-radius: 50%;
padding: 5px;
background: #FE980F;
color:#fff;
font-size: 14px;
padding: 2px 3px;
}


.register-req{
font-size: 14px;
font-weight: 300;
padding: 15px 20px;
margin-top: 35px;

}

.register-req p {
margin-bottom: 0
}



.shopper-info p, 
.bill-to p, 
.order-message p {
color: #696763;
font-size: 20px;
font-weight: 300
}


.shopper-info .btn-primary {
background: #FE980F;
border: 0 none;
border-radius: 0;
margin-right: 15px;
margin-top: 20px;
}


.form-two, .form-one {
float: left;
width: 47%
}


.shopper-info > form > input, 
.form-two > form > select, 
.form-two > form > input, 
.form-one > form > input {
background:#efefef;
border: 0 none;
margin-bottom:10px;
padding: 10px;
width: 100%;
font-weight: 300
}

.form-two > form > select {
padding:10px 5px
}

.form-two {
margin-left: 5%
}


.order-message textarea {
font-size: 12px;
height: 335px;
margin-bottom: 20px;
padding: 15px 20px;
}

.order-message label {
font-weight:300;
color: #696763;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
margin-left: 10px;
font-size: 14px
}


.review-payment h2 {
color: #696763;
font-size: 20px;
font-weight: 300;
margin-top: 45px;
margin-bottom: 20px
}

.payment-options {
margin-bottom:125px;
margin-top: -25px
}

.payment-options span label {
color: #696763;
font-size: 14px;
font-weight: 300;
margin-right: 30px;
}

#cart_items .cart_info 
.table.table-condensed.total-result {
margin-bottom: 10px;
margin-top: 35px;
color: #696763
}

#cart_items .cart_info 
.table.table-condensed.total-result tr {
border-bottom: 0
}

#cart_items .cart_info 
.table.table-condensed.total-result span {
color: #FE980F;
font-weight: 700;
font-size: 16px
}

#cart_items .cart_info 
.table.table-condensed.total-result 
.shipping-cost {
border-bottom: 1px solid #d9dbe2;
}




/*************************
*******Blog CSS******
**************************/



.blog-post-area 
.single-blog-post h3 {
color: #696763;
font-size: 16px;
font-family: 'Roboto',sans-serif;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 17px;
}

.single-blog-post > a {
}

.blog-post-area 
.single-blog-post a img {
border: 1px solid #d9dbe2;
width: 100%;
margin-bottom: 30px
}

.blog-post-area
.single-blog-post p {
color: #363432
}

.blog-post-area 
.post-meta {
display: block;
margin-bottom: 25px;
overflow: hidden;
}

.blog-post-area 
.post-meta ul {
padding:0;
display: inline;
}

.blog-post-area 
.post-meta ul li {
background:#efefef;
float: left;
margin-right: 10px;
padding: 0 5px;
font-size: 11px;
color: #393b3b;
position: relative;
}

.blog-post-area 
.post-meta ul li i {
background:#FE980F;
color: #FFFFFF;
margin-left: -4px;
margin-right: 7px;
padding: 4px 7px;
}

.sinlge-post-meta li i:after,
.blog-post-area 
.post-meta ul li i:after {
content: "";
position: absolute;
width: auto;
height: auto;
border-color:transparent transparent transparent #FE980F;
border-width:4px;
border-style: solid;
top:6px;
left:24px
}

.blog-post-area 
.post-meta ul span {
float: right;
color: #FE980F
}

.post-meta span{
float: right;
}

.post-meta span i{
color: #FE980F
}


.blog-post-area
.single-blog-post 
.btn-primary {
background:#FE980F;
border: medium none;
border-radius: 0;
color: #FFFFFF;
margin-top: 17px;
}


.pagination-area {
margin-bottom:45px;
margin-top:45px
}

.pagination-area 
.pagination li a {
background:#efefef;
border: 0 none;
border-radius: 0;
color: #696763;
margin-right: 5px;
padding: 4px 12px;
}

.pagination-area 
.pagination li a:hover,
.pagination-area 
.pagination li .active {
background:#FE980F;
color: #fff
}



/*************************
*******Blog Single CSS******
**************************/

.pager-area {
overflow: hidden;
}

.pager-area .pager li a {
background:#efefef;
border: 0 none;
border-radius: 0;
color: #696763;
font-size: 12px;
font-weight: 700;
padding: 4px;
text-transform: uppercase;
width: 57px;
}

.pager-area 
.pager li a:hover {
background: #FE980F;
color: #fff
}

.rating-area {
border: 1px solid #d9dbe2;
direction: block;
overflow: hidden;
}

.rating-area ul li {
float: left;
padding: 5px;
font-size: 12px
}

.rating-area .ratings {
float: left;
padding-left: 0;
margin-bottom: 0
}


.rating-area 
.ratings li i {
color:#CCCCCC
}

.rating-area .rate-this {
color: #363432;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}

.rating-area 
.ratings .color, 
.rating-area .color {
color: #FE980F
}


.rating-area .tag {
float: right;
margin-bottom: 0;
margin-right: 10px;
}

.rating-area .tag li {
padding: 5px 2px;
}
.rating-area .tag li span {
color: #363432;
}


.socials-share {
margin-bottom: 30px;
margin-top: 18px;
}


.commnets 
.media-object {
margin-right: 15px;
width: 100%;
}

.commnets {
border: 1px solid #d9dbe2;
padding: 18px 18px 18px 0;
margin-bottom: 50px
}

.commnets .pull-left {
margin-right: 22px
}

.commnets p, 
.response-area p, 
.replay-box p {
font-size: 12px
}

.media-heading {
color: #363432;
font-size: 14px;
font-weight: 700;
font-family:"Open Sans", "Roboto", "nanum", sans-serif;
margin-bottom: 15px
}

.blog-socials {
margin-bottom: -9px;
margin-top: 14px;
}

.blog-socials ul {
padding-left: 0;
overflow: hidden;
float: left;
}

.blog-socials .btn.btn-primary{
margin-top: 0;
}

.blog-socials ul li {

float: left;
height: 17px;
margin-right: 5px;
text-align: center;
width: 17px;
}


.blog-socials ul li a {
color: #393B3B;
display: block;
font-size: 10px;
padding: 1px;
background:#efefef;
}

.blog-socials ul li a:hover {
color: #fff;
background:#FE980F
}


.media-list .btn-primary, 
.commnets .btn-primary {
background:#FC9A11;
border: 0 none;
border-radius: 0;
color: #FFFFFF;
float: left;
font-size: 10px;
padding: 1px 7px;
text-transform: uppercase;
}

.response-area h2 {
color: #363432;
font-size: 20px;
font-weight: 700;
}

.response-area .media {
border: 1px solid #d9dbe2;
padding: 18px 18px 18px 0;
margin-bottom: 27px
}

.response-area .media img{
height: 102px;
width: 100%;
}

.response-area .media .pull-left {
margin-right: 25px
}

.response-area .second-media {
margin-left: 5%;
width: 95%;
}


.sinlge-post-meta {
overflow: hidden;
padding-left: 0;
margin-bottom: 15px
}



.sinlge-post-meta li {
background:#efefef;
color: #363432;
float: left;
font-size: 10px;
font-weight: 700;
margin-right: 10px;
padding: 0 10px 0 0;
position: relative;
text-transform: uppercase;
}

.sinlge-post-meta li i {
background:#FE980F;
color: #FFFFFF;
margin-right: 10px;
padding: 8px 10px;
}

.sinlge-post-meta li i:after {
top: 7px;
border-width: 6px;
left: 27px;
}


.replay-box {
margin-bottom: 107px;
margin-top: 55px;
}

.replay-box h2 {
font-weight: 700;
font-size: 20px;
color: #363432;
margin-top: 0;
margin-bottom: 45px
}

.replay-box label {
background:#FE980F;
color: #FFFFFF;
margin-bottom: 15px;
padding: 3px 15px;
float: left;
font-weight: 400;
}

.replay-box span {
color: #FE980F;
float: right;
font-weight: 700;
margin-top: 21px;
}

.replay-box form input {
border: 1px solid #d9dbe2;
color: #ADB2B2;
font-size: 12px;
margin-bottom: 22px;
padding: 8px;
width: 100%;
}

.replay-box form input:hover, 
.text-area textarea:hover {
border: 1px solid #FE980F;
}

.text-area {
margin-top: 66px
}

.text-area textarea {
background: transparent;
border: 1px solid#d9dbe2
}

.btn.btn-primary {
background:#FE980F;
border: 0 none;
border-radius: 0;
margin-top: 16px;
}

.blank-arrow {
position: relative;
}

.blank-arrow label:after {
content: "";
position: absolute;
width: auto;
height: auto;
border-style: solid;
border-width: 8px;
border-color:#FE980F transparent transparent transparent;
top: 25px;
left: 5px
} 



/*************************
******* Contact CSS ********
**************************/

.contact-map {
width: 100%;
height: 385px;
margin-bottom: 70px
}

.contact-info .heading, 
.contact-form .heading {
text-transform: capitalize;
}

.contact-form .form-group {
margin-bottom: 20px;
}

#contact-page 
.form-control::-moz-placeholder {
color: #8D8D8D;
}

#contact-page .form-control {
background-color: #fff;
border: 1px solid #ddd;
color: #696763;
height: 46px;
padding: 6px 12px;
width: 100%;
font-size: 16px;
border-radius: 4px;
box-shadow:inherit;
}

#contact-page #message {
height:160px;
resize:none;
}

#main-contact-form .btn-primary {
margin-bottom: 15px;
margin-top: 20px;
}


#contact-page .form-control:focus, 
#contact-page .form-control:hover {
box-shadow: inherit;
border-color: #FDB45E;
}

#contact-page .contact-info {
padding: 0 20px;
}

#contact-page .contact-info address {
margin-bottom: 40px;
margin-top: -5px;
}

#contact-page .contact-info p {
margin-bottom: 0;
color: #696763;
font-size: 16px;
line-height: 25px;
}

.social-networks{
overflow: hidden;
text-align: center;
}

.social-networks ul {
margin-top: -5px;
padding: 0;
display: inline-block;
}

.social-networks ul li {
float: left;
text-decoration: none;
list-style: none;
margin-right: 20px;
}

.social-networks ul li:last-child{
margin-right: 0;
}

.social-networks ul li a {
color: #999;
font-size: 25px;
}

.contact-info .social-networks ul li a i{
background: none;
}

.contact-info .social-networks ul li a:hover{
color: #FE980F;
}

/* font-size */		
	.b {font-weight:600;}

	.f11 {font-size:11px;}
	.f12 {font-size:12px;}	
	.f13 {font-size:13px;}
	.f14 {font-size:14px;}
	.f15 {font-size:15px;}
	.f16 {font-size:16px;}
	.f17 {font-size:17px;}
	.f18 {font-size:18px;}						
	.f20 {font-size:20px;}							
	.f24 {font-size:24px;}							
	.f26 {font-size:26px;}							
	.f28 {font-size:28px;}										
	.f30 {font-size:30px;}							

	.lh14 {line-height:14px;}		
	.lh15 {line-height:15px;}	
	.lh16 {line-height:16px;}	
	.lh18 {line-height:18px;}	
	.lh20 {line-height:20px;}
	.lh24 {line-height:24px;}	
	.lh30 {line-height:30px;}


	/* padding */
	.pT5 {padding-top:5px;}
	.pT10 {padding-top:10px;}
	.pT15 {padding-top:15px;}
	.pT20 {padding-top:20px;}
	.pT25 {padding-top:25px;}
	.pT30 {padding-top:30px;}
	.pT35 {padding-top:35px;}
	.pT40 {padding-top:40px;}
	.pT45 {padding-top:45px;}
	.pT50 {padding-top:50px;}
	.pT100 {padding-top:100px;}

	.pR5 {padding-right:5px;}
	.pR10 {padding-right:10px;}
	.pR15 {padding-right:15px;}
	.pR20 {padding-right:20px;}

	.pB10 {padding-bottom:10px;}
	.pB15 {padding-bottom:15px;}
	.pB20 {padding-bottom:20px;}
	.pB25 {padding-bottom:25px;}
	.pB30 {padding-bottom:30px;}
	.pB35 {padding-bottom:35px;}
	.pB40 {padding-bottom:40px;}
	.pB45 {padding-bottom:45px;}
	.pB50 {padding-bottom:50px;}
	.pB100 {padding-bottom:100px;}

	.pL5 {padding-left:5px;}
	.pL10 {padding-left:10px;}
	.pL15 {padding-left:15px;}
	.pL20 {padding-left:20px;}
	.pL25 {padding-left:25px;}
	.pL30 {padding-left:30px;}
	.pL35 {padding-left:35px;}
	.pL40 {padding-left:40px;}
	.pL45 {padding-left:45px;}
	.pL50 {padding-left:50px;}


	/* margin */
	.mT10 {margin-top:10px;}
	.mT20 {margin-top:20px;}
	.mT30 {margin-top:30px;}
	.mT40 {margin-top:40px;}
	.mT50 {margin-top:50px;}
	.mT100 {margin-top:100px;}

	.mB10 {margin-bottom:10px;}
	.mB20 {margin-bottom:20px;}
	.mB30 {margin-bottom:30px;}
	.mB40 {margin-bottom:40px;}
	.mB50 {margin-bottom:50px;}
	.mB100 {margin-bottom:100px;}


	/* font색상*/
	.txt_l {text-align:left;}
	.txt_c {text-align:center;}
	.txt_r {text-align:right;}

	.fc_white{color:#FFFFFF;}
	.fc_red{color:#c9312a;}
	.fc_blue{color:#0471cc;}	


.pc_only {display:block;}
.mobile_only {display:none;}
.map_tit {font-size:22px;}

@media screen and (max-width: 768px) {
	.pc_only {display:none;}
	.mobile_only {display:block;}
	.map_tit {font-size:18px;}
}



/*경민s*/
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
.skinguide li { width:172px; float:left; margin:25px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.skinguide a:link,
.skinguide a:active,
.skinguide a:visited,
.skinguide a:hover {width:100%; height:64px; line-height:22px; font-size:16px; font-weight:bold;
	font-family:Noto Sans KR, Nanum Gothic,'돋움',Dotum,AppleGothic,sans-serif; font-weight:bold; color:#404040;
	vertical-align:middle; display:inline-block; text-decoration:none; text-align:center;
	border-left:1px solid #ddd;border-right:1px solid #ddd; padding-top:12px;}
.skinguide a:hover {color:#ffffff; background-color:#008ef2;}
.skinguide a.on:link, .skinguide a.on:active, .skinguide a.on:visited, .skinguide a.on:hover 
	{color:#ffffff; background-color:#008ef2;}

.skinguide_a li { width:90px; float:left; margin:15px 0 2px 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.skinguide_a a:link,
.skinguide_a a:active,
.skinguide_a a:visited,
.skinguide_a a:hover {width:100%; height:28px; line-height:28px; font-size:12px; font-weight:bold; box-sizing:border-box; border-radius:6px;
	font-family:Noto Sans KR, Nanum Gothic,'돋움',Dotum,AppleGothic,sans-serif; font-weight:bold; color:#404040;
	vertical-align:middle; display:inline-block; text-decoration:none; text-align:center;
	background-color:#ccc;}
.skinguide_a a:hover {color:#ffffff; background-color:#000;}
.skinguide_a a.on:link, .skinguide_a a.on:active, .skinguide_a a.on:visited, .skinguide_a a.on:hover 
	{color:#ffffff; background-color:#000;}

.skinguide-left-m {width:261px; border-right:1px solid #b0b0b0; text-align:center;
	background:url(http://daedome.com/_template/minSkin_img/skinguide-m.jpg) top right no-repeat;}
.skinguide-left-m .left-m {padding:41px 0 49px 0; font-size:18px; font-weight:bold; text-align:center; letter-spacing:-0.05em;}
.skinguide-left-p {width:261px; border-right:1px solid #b0b0b0; text-align:center; 
	background:url(http://daedome.com/_template/minSkin_img/skinguide-p.jpg) top right no-repeat;}
.skinguide-left-p .left-m {padding:36px 0 54px 0; font-size:18px; font-weight:bold; text-align:center; letter-spacing:-0.05em;}
.skinguide-text { font-size:15px; text-align:left; line-height:24px; color:#4c4d48; padding:20px 0 20px 28px; border-bottom:1px solid #b0b0b0;}
