@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {
    color: #555555;
    font-size: 14px;
    line-height: 1.428571429;
    background-color: #ffffff;
	overflow-y:scroll;
	overflow-x:hidden;
}
.body-layout, body, p {
     font-family: 'Noto Sans KR', 'Malgun Gothic', 'dotum' , sans-serif !important; 
}
h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, input, label, th, td, dt, dd {
	font-family:'Noto Sans KR','Malgun Gothic' !important;
	word-break: keep-all;
}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
.fa { font-family: FontAweSome !important; }  
i[class*="xi-"] { font-family: xeicon !important; }

/*상단 메뉴 설정 시작*/
.navbar-inverse {background: #ffffff; padding: 0; margin: 0; border: none; box-shadow: 0 2px 0 rgba(0,0,0,0.2); position: absolute;}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-inverse .navbar-brand {margin: 0 !important; padding: 0;}
.navbar-inverse .navbar-brand img {margin: 0 0 20px; padding: 0;}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a {color: #333; font-weight: 400; font-size: 19px; padding: 16px 10px; margin: 0 16px 12px; text-shadow: none;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color: #0068b7;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background: none !important; color: #0068b7; box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
.caret {display: none;}

/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {padding: 10px; background: #0068b7; border-radius: 0; border: none; right: 0 !important; left: 0 !important; min-width: 180px;}
.dropdown-menu li {padding: 0;}
.dropdown-menu > li > a {background-color: rgba(0,0,0,0); color: #fff; font-size: 15px; font-weight: 300; letter-spacing: -0.04em; padding: 12px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;}
.dropdown-menu > li:last-child > a {border-bottom: none !important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: #fff; color: #0068b7; font-weight: 500;}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center {
    background-color: #333;
    color: #aaa;
    font-size: 14px;
    padding: 70px 0 60px;
    margin: 0;
    text-align: center;
    float: none;
}
.footer_copy .wrap-footer {
	max-width: 1170px;
	width: 100%;
    color: #a8abb0;
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
    font-weight: 300;
}
.footer_copy .wrap-footer img {
    margin-right: 30px;
}
.wrap-footer > .text-right {
   margin-top: 70px;
}
address {
    margin-bottom: 0;
    margin-top: 6px;
	line-height: 22px;
}
@media screen and (max-width:768px){
	.wrap-footer address{
		display: inline-block;
		margin-top: 20px;
		width: 100%;
	}
	.wrap-footer > .text-right{
		text-align:left;
	}
}
/* //footer */

/* 하단 카피라이트 설정 끝*/

/*---------------------------------------skin design---------------------------------------------*/
.navbar-inverse .divider-vertical {display: none;}
.navbar-inverse .navbar-toggle {margin: 25px 30px; background: rgba(0,0,0,0); border: none; border-radius: 0;}
.navbar-inverse .navbar-toggle .icon-bar {background: #0068b7;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #0068b7;}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {background: #fff;}
.footer_copy .text-center {padding-bottom: 40px;}

/* social area */
.footer-social-layout {display: none;}
/* ------------------------------------------------------------------------------- */
.container.container_slide {width: 100%; padding: 0;}
.intro-widget-layout {width: 100%; padding: 0; display: none;}
.navbar ~ br {display: none;}
@media screen and (max-width: 767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #273184;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #555555;
	}
	.navbar-nav .open .dropdown-menu{
	border-bottom: 1px solid #ddd;
    padding: 11px 0;	
	}
}

/* -------------------------------------0907 skin design ----------------------------------- */
.wrap-customer #myCarousel {
    max-width: 1170px;
	width: 100%;
    margin: 0 auto;
}
/********* 메인 페이지 **********/
.carousel-caption {
    position: static;
    height: 100%;
    padding: 230px 0 0;
    margin: 0 auto;
    text-align: center;
}
@media (min-width: 768px){
	.carousel-caption {
		width: 750px;
	}
}
@media (min-width: 992px){
	.carousel-caption {
		width: 970px;
	}
}
@media (min-width: 1200px){
	.carousel-caption {
		max-width: 1170px;
		width: 100%;
	}
}

.fill {height: 550px;}
.fill h1 {margin: 0;}
.fill h1 span {
    background: rgba(0,0,0,0);
    opacity: 1;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding: 0;
}
.fill h1 span.mainTxt {
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -0.04em;
    display: block;
}
.fill h1 span.subTxt {
     color: #e1e1e1;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0.8em;
    display: block;
    text-align: center;
    text-indent: 15px;
}
.container_slide .fill .carousel-control {display: none;}

/* ------- -슬라이드 아래 영역 시작 ---------- */

.container_contents {
    width: 100%;
    padding: 0;
}
.main-title {
    font-size: 27px;
    text-align: center;
    font-weight: 700;
    color: #0068b7;
    margin: 0 0 12px 0;
}
.line {
    height: 1px;
    width: 30px;
    background: #0068b7;
    margin: 0 auto 50px;
}

/* main - 서비스 */
#mainService {padding: 60px 0 20px;}
.wrap-service {
    max-width: 1170px;
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.s-box-in .s-box-img {margin-bottom: 15px;}
.s-box-in .icon-back { position: absolute; background: rgba(0, 106, 181, 0.8); top: 0; padding: 12px 10px; width: 44px; color: #fff; text-align: center;}
.s-box-in h4 {
    font-size: 20px;
    color: #313131;
    font-weight: 700;
    margin: 0 5px 14px 0;
    display: inline-block;
}
.best-s-box1 .s-box-in h4 {    color: #d6313e;}
.s-box-in span {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    }
.s-box-in p {
    color: #666666;
    line-height: 23px;
    font-size: 16px;
}
.s-box-in:hover .s-box-img >img,
.s-box-in:focus .s-box-img >img {
    opacity: 0.7;
}
.s-box-in:hover h4,
.s-box-in:focus h4,
.s-box-in:hover span,
.s-box-in:focus span{
    color:#0068b7;
}

/* main - 고객 후기 */
#mainCustomer {
    background-image: url(/skin/img/main/customer_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	padding: 80px 15px;
	text-align: center;
}
#mainCustomer .main-title {
    color: #fff;
}

#customer-carousel {
    margin: 0 auto;
    max-width: 1140px;
}
#customer-carousel .carousel-control img {
    position: absolute;
    top: 27%;
}
#customer-carousel .carousel-control.left img {
    left: 0;
}
#customer-carousel .carousel-control.right img {
    right: 0;
}
#mainCustomer .carousel-indicators{
	display: none;
}
#mainCustomer h4 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #fff;
    line-height: 1;
}
#mainCustomer .name {
    color: #0068b7;
    font-weight: 400;
    line-height: 1;
}
#mainCustomer .des {
    color: #aaa;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    margin: 24px 0 0;
}
/* --------------------게시판 영역------------- */
/* 메인게시판 */
.intro-board-widget-layout {width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0 70px;}
.intro-boardbox {width: 33.333333%;}

.intro-boardbox .page-header {padding: 0 0 15px; margin: 20px 0 15px; border-bottom: 1px solid #333;}
.intro-boardbox .page-header h4 {margin: 0; color: #333; font-size: 20px; font-weight: 600; letter-spacing: -0.03em;}
.intro-boardbox .page-header h4 .btn {padding: 0; margin: 0;}
.intro-boardbox .page-header h4 .btn .fa-plus:before {color: #555555; font-size: 16px;}
.intro-boardbox .banner-wrap {min-height: 100px;}
.intro-boardbox .banner-icon {display: inline-block; float: left; height: 100px; margin: 0 30px 0 15px;}
.banner-text {display: inline-block;}
.banner-text h5 {margin: 6px 0 12px; font-size: 16px; font-weight: 500; color: #343434;}
.banner-wrap:last-child:hover .banner-text h5 {text-decoration: underline;}
.banner-text h3 {margin: 0 0 5px; color: #e60012; font-size: 25px; font-weight: 500;}
.banner-text p {font-size: 15px; margin: 0 0 0; color: #666;}

.intro-boardbox .front-panel > .panel {padding: 0; background-color: rgba(0,0,0,0) !important; border: none; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.intro-boardbox .panel-body {padding: 0;}
.dh-front-list2-words {margin: 0 !important; padding: 7px 0;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span {color: #777; font-weight: 300; font-size: 16px; letter-spacing: -0.03em;}
.dh-front-list2 h6 a:hover span {text-decoration: none;}
.dh-front-list2 h6 a:hover .list-row-subject {color: #333; text-decoration: underline;}
.dh-front-list2-words:first-child {margin: auto;}
.list-row-subject {float: left; text-overflow: ellipsis; overflow: hidden; max-width: 250px; white-space: nowrap;}
.intro-boardbox:nth-child(2) .list-row-subject::after {content: url('/skin/img/default/ico_clip.png'); padding-left: 10px;}
.row-separator {display: none;}
.list-row-regdate {float: right; color: #999 !important;}
.list-row-contents {display: none;}
.dh-front-list2 h6 a small > span.label-danger {color: #e60012 !important; background-color: #fff;}

.ico_contact {float: left; background: #e8e8e8; border-radius: 100%; width: 48px; height: 48px; margin-right: 10px; padding-top: 12px; text-align: center;}
.board_contact {width: 100%; margin: 20px 0 20px;}
.board_contact h4 {
    margin: 0;
    color: #0068b7;
    font-size: 35px;
    font-weight: 500;
    font-family: 'Roboto' !important;
    letter-spacing: 0.02em;
}
.board_contact h5 {margin: 0 0 15px; color: #555555; font-size: 18px; font-weight: 600; letter-spacing: -0.05em;}
.board_contact p {color: #666666; font-size: 16px; font-weight: 300; line-height: 22px; letter-spacing: -0.01em; margin: 0;}
@media screen and (max-width: 991px) {
    .intro-board-widget-layout {width: 100%;}
    .dh-front-list2 h6 a, .dh-front-list2 h6 a span {font-size: 16px;
    letter-spacing: -0.05em;}
    .list-row-subject {max-width: 150px;}
    .board_contact h4 {display: inline-block; padding: 10px 0 0; font-size: 30px;}
}
@media screen and (max-width: 767px) {
    .intro-board-widget-layout {padding: 0 0 40px;}
    .intro-boardbox {width: 100%;}
    .list-row-subject {max-width: 250px;}
}
/* 섬네일 이미지 삭제 */
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    display: none;
}
/* main - store 영역*/
#mainStore {
    background: #0068b7;
    overflow: hidden;
	padding: 15px 0px 24px;
}
#mainStore h3 {
    color: #fff;
    font-size: 20px;
    margin: 0;
    display: inline-block;
    margin-right: 20px;
    line-height: 1;
}
#mainStore .view_btn {
    display: inline-block;
    overflow: hidden;
    margin: 10px 0 -5px 25px;
    font-size: 11px;
    color: #fff;
    font-weight: 200;
    letter-spacing: 3px;
    border: 1px solid #fff;
    padding: 6px 10px;
}
#mainStore .view_btn:hover, .view_btn:focus {
    border-bottom: 1px solid #fff !important;
    color: #0068b7;
    background: #fff;
}
/********* 서브 페이지 *********/
.container.sub-layout {
    padding: 0;
	width:100%;
}

/* 서브탑 영역 */
#sub_top {height: 300px; position: relative; background: linear-gradient(rgba(247, 252, 255, 0.4), rgba(170, 210, 241, 0.4)), url(/skin/img/sub/sub_top.jpg) no-repeat center / cover;} 
#sub_top header { 
	max-width: 1170px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table;
} 
#sub_top .sp_title {margin: 0; text-align: center; line-height: 200px; position: absolute; bottom: 0; z-index: 999; max-width: 215px; width: 100%; height: 200px; background: #0068b7; color: #fff; font-size: 30px; letter-spacing: -0.06em;}
#sub_top .headline {
	margin: 0;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    letter-spacing: 0.04em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}

#sub_top .headline span {
	display: block;
    font-size: 18px;
    color: #eaeaea;
    letter-spacing: 7px;
    text-shadow: none;
}

@media screen and (max-width: 767px) {
	#sub_top .sp_title {
		max-width: 100%;
		height: auto;
		line-height: initial;
		padding: 20px 0;
		font-size: 20px;
	}
}

/* 빵가루 */
.breadcrumb {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.breadcrumb > ul { 
	padding-left: 0;
    margin: 0 0 0 auto;
    max-width: 1320px;
    width: 100%;
} 
.breadcrumb > ul > li {display: inline-block; list-style-type: none; padding: 15px 20px; background: #fff; margin: -1px -3px -1px; border: 1px solid #eee;}


@media screen and (min-width: 1681px) and (max-width: 1920px) {
	.breadcrumb > ul {
		padding-left: 30.7%;
		margin: 0px;
		max-width: inherit;
		width: 100%;
	}	
}

@media screen and (max-width: 1680px) {
	.breadcrumb > ul {
		padding-left: 28%;
		margin: 0px;
		max-width: inherit;
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.breadcrumb > ul {
		padding-left: 218px;
	}
}

@media screen and (max-width: 767px) {
	.breadcrumb { position: relative; }
	.breadcrumb > ul {
		padding-left: 0;
	}
}

/* 서브 컨텐츠 영역 */
.sub_content {
    margin: 0 auto;
    padding: 50px 0 100px;
    max-width: 1170px;
    width: 100%;
    min-height: 500px;
}
.sub_content::after { content: ""; display: block; clear: both; }

/* 사이드메뉴 */
.sub_content > .side {
	max-width: 215px;
    width: 100%;
    float: left;
    border-top: 2px solid #0068b7;
}

@media screen and (max-width: 767px) {
	.sub_content > .side {
		max-width: 100%;
		float: none;
	}	
}

.sub_content > .side > ul {
	padding-left: 0;
}
.sub_content > .side > ul > li{
	list-style-type: none;
	position: relative;
}
.sub_content > .side > ul > li > a {
	display: block;
    padding: 15px;
    font-size: 16px;
    letter-spacing: -0.2px;
    color: #333;
    border-bottom: 1px solid #ccc;
}
li.active > a {font-weight: bold;}

.sub_content > .side > ul > li > a:hover {border-bottom: 1px solid #ccc !important;}
.sub_content > .side > ul > li > ul {position: relative; padding: 15px 10px; background: #f4f4f4; border-bottom: 1px solid #555;}
.sub_content > .side > ul > li > ul > li {list-style-type: none;}
.sub_content > .side > ul > li > ul > li > a {color: #666; font-size: 15px; padding: 5px 15px; display: block;}
.sub_content > .side > ul > li > ul > li > a:hover {color: #333; font-weight: bold;}
.sub_content > .side > ul > li > ul > li.active > a {color: #0068b7;}



/* 서브페이지 컨텐츠 */
.sub_content > .cont_area { 
	max-width: calc(100% - 215px);
    width: 100%;
    float: left;
    padding-left: 40px;
}

@media screen and (max-width: 767px) {
	.sub_content > .cont_area {
		max-width: 100%;
		margin-top: 45px;
		padding-left: 0px;
		float: none;
	}
	.sub_content > .cont_area > .row > div[class*="col-"] {
		margin: 20px 0;
	}
}

header .sub_title {
    margin: 0 0 20px;
    color: #333;
    font-size: 30px;
    letter-spacing: -0.04em;
}
.cont_area p {
    color: #666;
    font-size: 17px;
    letter-spacing: -0.02em;
    line-height: 1.8;
    margin: 0 0 15px;
}
.cont_area p.writer {color: #333; font-weight: 600; letter-spacing: 0.08em;}

/* 상품개발 연혁 */
.history_tb {margin: 0; width: 100%;}
.history_tb tr th, .history_tb tr td {padding: 15px 20px !important; border-bottom: 10px solid #fff; vertical-align: middle !important; height: 85px;}
.history_tb tr th {border-left: 2px solid #0068b7; color: #0068b7; font-size: 20px;}
.history_tb tr td {color: #666; font-size: 17px; letter-spacing: -0.02em;}

@media screen and (max-width: 767px) {
	.history_tb tr th, .history_tb tr td { height: auto; display: block; }
}

/* 오시는 길 */
.location_tb {margin: 30px 0 0; border-top: 2px solid #0068b7;}
.location_tb tr th, .location_tb tr td {padding: 16px 20px !important; border-bottom: 1px solid #dedede;}
.location_tb tr th {color: #333;}
.location_tb tr td {color: #555; letter-spacing: -0.02em;}

/* 제품 소개 */
.product_tb_title {
	margin: 35px 0 20px;
	font-weight: bold;
	font-size: 18px;
}
.product_tb {margin: 0 0 20px; border-top: 2px solid #0068b7;}
.product_tb tr th, .product_tb tr td {padding: 16px 12px !important; border-bottom: 1px solid #dedede !important; letter-spacing: -0.02em; word-break: keep-all; vertical-align: middle !important;}
.product_tb tr th {color: #333;}
.product_tb thead tr th {background: #f8f8f8;}
.product_tb tr td {color: #666;}

.product_tb.coteball thead tr th {background: #70AD47; color: #fff;}
.product_tb.pcball thead tr th {background: #ED7D31; color: #fff;}
.product_tb.coteball tbody tr th, .product_tb.coteball tbody tr td {background: #D5E3CF; color: #000;}
.product_tb.coteball tbody tr:nth-child(2n) th, .product_tb.coteball tbody tr:nth-child(2n) td { background: #EBF1E9; } 
.product_tb.pcball tbody tr th, .product_tb.pcball tbody tr td {background: #F8D7CD; color: #000;}
.product_tb.pcball tbody tr:nth-child(2n) th, .product_tb.pcball tbody tr:nth-child(2n) td { background: #FCECE8; } 
/* 협력업체 */
#partners .partner_logo_wrap {
	margin: 20px 0;
}

@media screen and (max-width: 767px) {
	#partners .partner_logo_wrap {
		margin-bottom: 55px;
	}
}

#partners .partner_logo_wrap .img-responsive { max-width: 70%; }
#partners .partner_logo_wrap > a {
	display: block;
	height: 100px;
}
#partners .partner_logo_wrap p {
    border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
    padding: 10px 0;
}


/* 문의하기 */
.contact_info {margin: 0 0 20px;}
.contact_info:after {display: block; content: ""; clear: both;}
.contact_info .comp_name {margin: 0 0 30px; padding-left: 15px; color: #333; font-size: 26px; font-weight: 600; letter-spacing: -0.04em; position: relative;}
.contact_info .comp_name::before {content: ''; background: #e60012; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 2px; left: 0;}
.contact_info dl {background: #eff6fb; float: left; width: 25%; border-right: 10px solid #fff; padding: 25px 30px; margin: 0 0 10px;}
.contact_info dl dt {color: #0068b7; font-size: 15px; letter-spacing: -0.04em;}
.contact_info dl dd {color: #555; font-size: 19px;}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.contact_info dl { width: 50%; }
}

@media screen and (max-width: 767px) {
	.contact_info dl { width: 100%; }
}

/* list */
ul.list-style {
    list-style-image: url(/skin/img/sub/list-head.png);
    padding-left: 10px;
    line-height: 27px;
    font-size: 17px;
    color: #666666;
}

/*=====----- 게시판 설정 -----=====*/
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {width: 100%; max-width: 1170px; margin: 0 auto; padding: 0;}
.bbs-list-index-layout .subPage .right_contents, .bbs-list-view-layout .subPage .right_contents, .bbs-list-edit-layout .subPage .right_contents {width: 100%; padding: 0;}

/*=====----- 텍스트 게시판 설정 -----=====*/
.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tfoot > tr > th, .dh-board .table > thead > tr > td, .dh-board .table > tbody > tr > td, .dh-board .table > tfoot > tr > td {padding: 16px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #f8f8f8; vertical-align: middle; border-bottom: 1px solid #ccc; font-size: 17px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #555;}
.dh-board > .table-hover {border-top: 2px solid #2d2d2d; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-margin-top{margin-top: 40px; display: inline-block;}

/* ----- 게시판 버튼 설정 ----- */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label-danger{color: #0068b7;}
.label-primary{color: #0068b7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #0068b7; border: 1px solid #0068b7 !important;}
.pagination > li > a, .pagination > li > span {color: #9D8478; border: 1px solid #fff !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row > .page-header {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 0 20px; margin: 0;}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 25px; margin: 14px 0;}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); padding: 8px 20px 8px; color: #888;}
.dh-view-box > .row > .dh-view-info > span {padding: 0 15px 0 0;}
.dh-view-box > .row > .dh-view-info > span > strong {color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6 {margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {padding: 30px 20px 60px !important; min-height: 300px;}
@media screen and (max-width: 991px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 60px 15px;}
}
@media screen and (max-width: 767px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 40px 15px;}
}
/* 게시판 설정 끝 */

/* FOUC 방지 */
.dh-board, .bbs-list-add-layout #insertForm, .dh-view-box, .bbs-list-view-layout + .row { visibility: hidden; }  

/* login */
.login-layout {
    max-width: 1170px;
	width: 100%;
    margin: 50px auto 90px;
}

.login-layout .panel {
    box-shadow: none;
    border-radius: 0px;
    background: #f3f3f3;
    border: none;
}
.login-layout .form-control {
    box-shadow: none;
    border-radius: 0px;
}
.login-layout .btn-warning {
    background: #0068b7;
    border-radius: 0px;
    border: 1px solid #0068b7;
    box-shadow: none;
    padding: 8px 0;
}

.menu-top {
    position: relative;
    padding: 10px 0px 0px;
    text-align: right;
}

.chanLang_en {
	display: inline-block;
	width: 100px;
	text-align: center;
	border: 1px solid #0068b7;
	border-radius: 3px;
	padding: 4px 8px;
	color: #323232;
}

.chanLang_kr {
	display: inline-block;
	width: 100px;
	text-align: center;
	border: 1px solid #0068b7;
	border-radius: 3px;
	padding: 4px 8px;
	color: #323232;
}

.chanLang_en.active, .chanLang_kr.active {
	color: #FFF;
	background-color: #0068b7;
	text-decoration: none;
}

.chanLang_en:hover, .chanLang_en:focus, .chanLang_kr:hover, .chanLang_kr:focus {
	color: #FFF;
	background-color: #0068b7;
	text-decoration: none;
}


/*메인 hot*/

.best-s-box1 .s-box-in .s-box-img {
    overflow: hidden;
    position: relative;
}


.best-s-box1 .s-box-img::after {
    content: 'HOT';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e60012;
    color: #FFF;
    padding: 5px 40px;
    transform: rotate(45deg);
    top: 12px;
    right: -30px;
    z-index: 1;
}

/*2020-06-10*/
#daumRoughmapContainer1591748893860{width:100% !important; height: 350px !important;}