/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}

/* Font Setting */
*, html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {
    font-family: 'Noto Sans KR', "Nanum Gothic", "�섎닎怨좊뵓", sans-serif !important;letter-spacing: -0.5px;}

/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

/* Board(dh-board) Contents-Area Fixed */
.dh-view-box > div:nth-child(2) > div:nth-child(3) {padding: 20px !important}

/*�곷떒 硫붾돱 �ㅼ젙 �쒖옉*/
.navbar-inverse {
    background: #ffffff;
    border-bottom: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color:#e8920d;
	background-color: transparent;
}
/*�곷떒 硫붾돱 �ㅼ젙 ��*/

/*�곷떒 硫붾돱 濡쒓퀬 �쒖옉*/
.navbar-brand {
	padding: 0px;
	margin: 0px !important;
}

.navbar-brand {
	display: block;
    margin-top: 18px !important;
    font-size: 30px;
    color: #FCC800 !important;
    font-weight: bold;
    text-shadow: none !important;
}
.navbar-brand img {
	padding-top: 0px;
	margin-top: 0 !important;
}
@media screen and (max-width:767px){
	.navbar-brand img {
		width: 160px;
	}
}
/*�곷떒 硫붾돱 濡쒓퀬 ��*/
/* 紐⑤컮�� 踰꾪듉  */
.navbar-inverse .navbar-toggle {
    border: none;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background: #4a4a4a;
}
/* 紐⑤컮�� 踰꾪듉 �� */
.topmarginLay_a {
    height: 43px !important;
}
/* navbar �섎떒 媛꾧꺽 */


/* �곷떒 硫붿씤 硫붾돱 �ㅼ젙 �쒖옉*/
.caret,.navbar-inverse .divider-vertical{display:none;}
.navbar-inverse .navbar-nav > li > a {
    color: #313131;
    font-size: 15px;
    padding: 22px 22px;
    margin: 0px 0px 0px 0px;
    text-shadow: none;
    font-weight: 600;
}
/* �곷떒 硫붿씤 硫붾돱 �ㅼ젙 ��*/

/* �곷떒 �쒕툕 硫붾돱 �ㅼ젙 �쒖옉*/
.dropdown-menu {
    left: 0 !important;
	padding: 0;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    background: rgba(0,0,0,0.6);
}
.dropdown-menu > li > a {
    background-color: rgba(0,0,0,0);
    color: #fbfbfb;
    padding: 10px 15px;
    margin: 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    word-break: keep-all;
    white-space: normal;
}
.dropdown-menu > li:last-child > a {
    border-bottom: none;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: rgba(0,0,0,0.4);
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
/* �곷떒 �쒕툕 硫붾돱 �ㅼ젙 ��*/

/* �명꽣 �곸뿭 �쒖옉 */
.footer_copy .text-center { padding: 30px 0 0; margin-top: 0px; background-color: #EFEFEF; }
.footer_copy .text-center:after { content:""; display: block; clear: both; }
.footer_copy .text-center .inner { padding: 0 15px; max-width: 1170px; margin: 0 auto; }
.footer_copy .text-center p { font-size: 13px; color: #333; text-align: left; float: left; }
.footer_copy .text-center p.copyright {	
	font-size: 12px;
    float: right;
    line-height: 35px;
}
.footer_copy .text-center span.space { margin: 0 5px; opacity: .5; }
.footer_copy .text-center p.big { font-size: 16px; font-weight: bold; }
@media screen and (max-width: 767px) { .footer_copy .text-center p { text-align: center !important; } }
/* �명꽣 �곸뿭 �� */

/* ===========硫붿씤 �섏씠吏� 湲곕낯 �ㅼ젙 ============*/

/* 硫붿씤 �щ씪�대뱶 */
.carousel-control{display:none}
.container.container_slide{width:100%;padding:0}
.carousel-caption{
	top: 17%;
    bottom: 17%;
    right: 0px;
    left: 0px;
    text-align: right;
    padding: 35px 70px;
    position: relative;
    width: 100%;
}
.fill { height: 450px; background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.3)), url('/skin/img/slide/slide.jpg') no-repeat center !important; }
.fill h1 span,.fill p span{opacity:1;background:rgba(0,0,0,0);text-shadow:none;color:#fff;padding:0}
.carousel-caption h1{margin:0 0 32x}
.fill h1 span.sub-txt{display:block;color:#ff3439;font-size:20px}
.fill h1 span.sub-txt:after{content:"";width:32px;height:2px;background:#da0007;display:block;margin:15px 0 25px}
.fill p span {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
}

.fill h1 span {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.3;
}
.fill h1 span .small-title {
    color: #fcc800;
    font-size: 30px;
    display: block;
}


/* 硫붿씤 踰좎씠吏� �덉씠�꾩썐 */
.container_contents { width: 100%; }
.container_contents main#mainpage_layout { width: 100%; max-width: 1170px; margin: 0 auto; }
main#mainpage_layout { padding: 35px 15x; }
#mainpage_layout .main_sect + .main_sect {
	margin-top: 45px;
}
#mainpage_layout .main_sect #mailForm { padding: 0; }
#mainpage_layout .main_sect a { color: inherit; }
#mainpage_layout .main_sect a:hover, #mainpage_layout .main_sect a:focus { color: inherit; text-decoration: none; }

.mainsec_title {
    margin: 0 0 25px;
    text-align: center;
    font-size: 30px;
    color: #2d2d2d;
}
.mainsec_title:before {
    width: 30px;
    height: 2px;
    content: "";
    background: #fcc800;
    display: block;
    margin: 0 auto 10px;
}
.main_sect01 {
    margin-top: 45px;
}
.main_sect01 figcaption {
    text-align: center;
    padding: 20px 0 5px;
}
.main_sect01 figure {
    background: #f3f3f3;
    min-height: 230px;
	padding: 14px;
	margin-bottom:20px;
	transition: 0.2s;
	border: 1px solid #ccc;
}
.main_sect01 figure:hover, .main_sect01 figure:focus {
    background: #fff0c5;
}
.product_title {
    margin: 0;
}
.main_sect02 {
    margin-bottom: 45px;
}
.main_sect02 .row {
    margin: 0;
}
.main_sect02 .row .col-sm-3 {
    border: 1px solid #ddd;
	border-top: 2px solid #616161 !important;
    padding: 0px;
    border-right: none;
}
.main_sect02 .row .col-sm-4:last-child {
    border-right: 1px solid #ddd;
}
.main_sect02 figure {
    padding: 30px 35px;
	transition: 0.2s;
}
.main_sect02 figure:hover, .main_sect02 figure:focus {
    background: #fff0c5;
}
.main_sect02 figcaption .small_title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #4a4a4a;
}
.main_sect02 figcaption p {
    margin-bottom: 0;
    color: #616161;
    line-height: 1.7;
	min-height: 80px;
}
.main_sect02 figcaption span {
    border: 1px solid #616161;
    padding: 10px 18px;
    display: inline-block;
    color: #616161;
    line-height: 1;
    font-size: 12px;
    margin-top: 20px;
}
.main_sect02 .row .col-sm-3:nth-child(1) .small_title:before {
    content: "\f007";
    font-family: FontAwesome;
    color: #fcc800;
    font-size: 20px;
    font-weight: 400;
    padding-right: 8px;
}
.main_sect02 .row .col-sm-3:nth-child(2) .small_title:before {
    content: "\f1b2";
    font-family: FontAwesome;
    color: #fcc800;
    font-size: 20px;
    font-weight: 400;
    padding-right: 8px;
}
.main_sect02 .row .col-sm-3:nth-child(3) .small_title:before {
    content: "\f275";
    font-family: FontAwesome;
    color: #fcc800;
    font-size: 20px;
    font-weight: 400;
    padding-right: 8px;
}

.main_sect02 .row .col-sm-3:nth-child(4) .small_title:before {
    content: "\f013";
    font-family: FontAwesome;
    color: #fcc800;
    font-size: 20px;
    font-weight: 400;
    padding-right: 8px;
}


/* 硫붿씤 寃뚯떆�� �곸뿭 */
.intro-widget-layout{padding-top:10px}
.intro-widgetbox{margin-top:30px;border-bottom:none;padding:0}
.intro-widgetBoardbox{border:none;border-top:1px solid #ddd;border-bottom:2px solid #ddd;margin-bottom:0}
.intro-widgetBoardbox>a{background:#fff;border-bottom:1px solid #ddd;padding:15px 0}
.intro-widgetBoardbox>a>h5:before{content:"";width:75px;height:1px;display:block;background:#da0007;margin-top:-16px;margin-bottom:15px}
.intro-widgetBoardbox>a>h5{margin:0;font-size:20px;font-weight:600;color:#4a4a4a}
.intro-widget-list-box>ul{margin:0!important;padding:25px 0 15px!important}
.intro-widget-list-box>ul>li{padding:0 5px}
.intro-widget-list-box>ul>li+li{border-top:none}
.intro-widget-list-box>ul>li>a{color:#777;font-size:14px;margin:0 0 10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 寃뚯떆湲� 4媛� 源뚯�留� �쒖떆�섍린 */
.intro-widget-list-box>ul>li:last-child{display:none}
.contact-banner a{display:block;height:100%;padding:34px 34px 0;min-height:107px}
.contact-banner{border:1px solid #ddd;margin-top:30px;background:#f5f5f5;padding:0}
.contact-banner h4{color:#313131;margin:0}
.contact-banner h4 span{color:#888;font-weight:400;font-size:13px;display:block;margin-bottom:3px}
.contact-banner i{float:right;margin-top:-37px;font-size:18px;padding:10px;background:#dc0f14;border-radius:30px;color:#fff}
/* ===========�쒕툕 �섏씠吏� 湲곕낯 �ㅼ젙 ============*/

.sub-layout {
    width: 100%;
    min-height: 700px;
    padding: 0;
}

#sub_content {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}


.wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.visual_wrap {
    position: relative;
    height: 300px;
    background: url(/skin/img/sub/sub_top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

@media screen and (max-width: 1440px) {
	.visual_wrap {
		background-position-x: 100%;
	}
}

@media screen and (max-width: 425px) {
	.visual_wrap {
		background-size: contain;
		height: 60px;
	}
	.sub_nav {margin-top: 0;}
	.visual_wrap .sub_headline h2 {
		font-size: 26px !important;
		padding-top: 14px;
		padding-left: 10px;
	}
}

.visual_wrap .visual {
    position: relative;
    height: 100%;
    z-index: 11
}

.visual_wrap .sub_headline {
	top: 50%;
	margin: -58px 0 0;
 	position: relative;
}

@media screen and (max-width: 767px) {
	.visual_wrap .sub_headline {
		top: 20%;
    	margin: -35px 0 0;
	}
}
.visual_wrap .sub_headline h2 {
    font-size: 40px;
    text-align: left;
    color: #333333;
    font-weight: 600;
    line-height: 1;
}
.visual_wrap .sub_headline p {
	margin-top: 0
}
.sub_nav {
	position: relative;
	display: block;
	margin-top: -53px;
	z-index: 12
}
.sub_nav_wrap {
	position: relative;
	padding-right: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s
}
.sub_nav .sub_nav_listgroup {
	position: relative;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 991px) {
	.sub_nav .sub_nav_listgroup {
		margin-top: 50px;
		background: #eee;
	}
}
.sub_nav .sub_nav_listgroup .sub_nav_list {
	display: inline-block;
}
.sub_nav .sub_nav_listgroup .sub_nav_list .sub_link.active,
.sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:hover,
.sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:focus {
	background-color: #fff;
	color: #333 !important;
	border: none !important;
}
.sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {
	border: none !important;
    z-index: 10;
    position: relative;
    display: block;
    padding: 20px 20px;
    text-align: center;
    font-size: 15px;
    line-height: 1;
    color: #333;
    transition: border-color 0.1s, color .3s;
    -webkit-transition: border-color 0.1s, color .3s;
    background-color: rgba(255,255,255,0.5);
}

@media screen and (max-width: 767px) {
	.sub_nav .sub_nav_listgroup .sub_nav_list .sub_link { padding: 20px 5px; font-size: 13px; }
}

.sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

@media screen and (min-width: 1280px) {
    .wrapper {
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {
        padding: 20px 30px;
        font-size: 13px;
        border: none !important;
    }
}

#sub_content .content_wrap {
    padding: 65px 15px;
}

.col-divided-5 {
	width: calc(100% / 5);
	float: left;
	padding: 0 15px;
}

@media screen and (max-width: 767px) {
	.col-divided-5 {
		width: 100%;
	}
}


/*===================�쒕툕 �섏씠吏� 而ㅼ뒪�곕쭏�댁쭠 ===================*/

/* �쒗뭹�뚭컻 */
main.product .sub_sect {
    border-top: 1px solid #e3e3e3;
    padding: 25px 0px;
}
main#product01 .product_des img {
    margin-top: 25px;
	margin-bottom: 25px;
}

/* �먮ℓ 諛� �섎━ */
main.repair .sub_sect {
	border-top: 1px solid #e3e3e3;
    padding: 55px 0px;
}

.reparing_cycle_order {
	list-style: none;
}

/* location */ 
.location_tb {
    border-top: 2px solid #616161;
    border-bottom: 1px solid #ccc;
	margin-top: 20px;
}
.location_tb th {
    background: #f3f3f3;
}
.location_tb th, .location_tb td {
    border-bottom: 1px solid #d3d3d3;
    padding: 13px 15px !important;
}

/* �쒖옣 */
#market .col-divided-5 h4 {
    margin: 0 0 10px;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    color: #313131;
}
#market .col-divided-5 p {
    margin-bottom: 30px;
}

/* service */
.service_des:before{
	font-family: "FontAwesome";
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    border-radius: 100%;
    background: #fff0c5;
    text-align: center;
	font-size: 30px;
    padding-top: 8px;
    color: #e8b800;
	margin-right: 15px;
}
.service_des {
    border: 1px solid #d3d3d3;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 15px;
}
#service01 .service_des:before {content: "\f007";}
#service02 .service_des:before {content: "\f1b2";}
#service03 .service_des:before {content: "\f275";}

.service_summary {
    padding: 0;
    margin: 0;
}
.service_summary li {
    list-style: none;
    background-image: url(/skin/img/sub/list-head.png);
    background-repeat: no-repeat;
    background-position: left 11px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 10px;
    color: #616161;
}
/*===== text �ㅼ젙 =====*/
h2.sub_title{position:relative;margin:0 0 30px;font-size:32px;color:#313131;line-height:40px}
.content_wrap h3{margin:0 0 15px}
.content_wrap h3:before{content:'';display:block;width:25px;height:2px;background-color:#fcc800;margin-bottom:8px}
.content_wrap p{line-height:1.8;color:#565656; word-break: keep-all;}
.text_wrap{padding:0 50px 0 30px}
.text_wrap h3{color:#444;font-size:23px;font-weight:700;margin:0 0 35px;letter-spacing:-.05em}
.text_wrap p{color:#666;font-size:14px;line-height:1.8;margin:0 0 30px}
ul{padding-left:15px}
.cont-wrap{overflow:hidden;border-bottom:1px dashed #ddd;margin-bottom:25px;padding-bottom:25px}
.mB20{margin-bottom:20px}
p.preparing {
    text-align: center;
    margin-top: 115px;
    font-size: 35px;
}
.content_wrap .small_title {
    font-weight: 600;
    color: #313131;
    margin: 0 0 10px;
}
.content_wrap .small_title:before {
    content: "\f058";
    font-family: FontAwesome;
    margin-right: 8px;
    color: #fcc800;
}

/* greeting */
.greeting_des { margin-top: 20px; }

/* product_des */
.product_des h5 {
    margin: 25px 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #856800;
}
.greeting_tb, .product_tb {
    border-top: 1px solid #4a4a4a;
    border-bottom: 1px solid #d3d3d3;
    font-size: 13px;
}
.greeting_tb th, .greeting_tb td, .product_tb th, .product_tb td {
    padding: 10px !important;
    border-bottom: 1px solid #d3d3d3;
}
.greeting_tb th, .product_tb th {
    background: #f3f3f3;
}
/* reparing_cycle_order  */
.reparing_cycle_order li {
    margin-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
}
.reparing_cycle_order p {
    margin-bottom: 0;
}
.reparing_cycle_order h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.reparing_cycle_order h4 span {
    background: #ffcf00;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 5px 8px;
    border-radius: 40px;
    text-align: center;
    margin-right: 3px;
}

/************�쒕툕 - product05 ************/
#product05 .product_des h5{    margin: 25px 0 20px;}
#product05 .product_tb{margin-top:0}

/*===== table �ㅼ젙 =====*/
body table {width: 100%; font-size: 14px; font-family: 'Nanum Gothic', Sans-serif; color: #626262; line-height: 180%;}
.table > thead > tr > th, .table > tbody > tr > th {vertical-align: middle; text-align: center; padding: 12px 20px;}
.table > tbody > tr > td { vertical-align: middle; font-family: 'NanumGothic', "�섎닎怨좊뵓" !important; font-weight: 600;}

/* 寃뚯떆�� �ㅼ젙 */
.dh-board,.form-horizontal,.dh-view-box,#mailForm{margin:0 auto;max-width:1170px;width:100%;background:#fff;padding:65px 15px;}
.img-bbs-default-add-layout,.img-bbs-default-index-layout{background:#fff;padding-bottom:80px}
.img-bbs-default-index-layout > .row{margin:0 auto;padding:0;background:#fff}
.contact-mail-layout>p,.bbs-list-index-layout>p{display:none}
.bbs-list-view-layout + .row{margin:0 auto;max-width:1170px;width:100%}
.dh-board>.table-hover{margin:0;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a}
.dh-board>.table-hover th{background:#f3f3f3;border-bottom:1px solid #ddd}
.dh-board>.table-hover tr:last-child{border-bottom:none}
.dh-board>.table-hover tr{border-bottom:1px solid #ddd}
.dh-board>.table-hover td{padding:13px 15px}
.dh-board{margin-bottom:40px}
.dh-margin-topx2{padding:0 30px}
.dh-view-box>.row>.page-header{background-color:#f3f3f3;color:#4a4a4a;border-top:1px solid #4a4a4a;border-bottom:1px solid #ddd;margin-bottom:0;padding:5px 20px}
.dh-view-box>.row>.dh-view-info{background:#fff;padding:8px 15px;border-bottom:1px solid #ccc}
.dh-margin-top{margin-top:30px}
.dh-margin-top form#insertForm{width:100%;max-width:100%;display:block;margin:0}
.btnRead{font-weight:500}
.btn-default,.btn-primary,.btn-danger{background-image:none}
.btn-group,.btn-group-vertical{margin:10px 0 30px}
.pagination li a{border-radius:0!important;border:1px solid #ddd!important;margin-right:9px;background:#fff}
.pagination li a:hover,.pagination li a:focus{border:1px solid #aaa!important;border-bottom:1px solid #aaa!important;background:#fff}
.pagination>.active>a,.pagination>.active>span{background:#fff;color:#f72b30;font-weight:600;border:1px solid #ddd}
.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span:focus,.pagination>.active>span:hover{border:1px solid #aaa;border-bottom:1px solid #aaa!important;background:#fff;color:#f72b30}
.input-group button,.input-group input,.btn-group .btn{background:#f8f8f8;border:1px solid #ccc;border-radius:0;box-shadow:none;color:#565656;text-shadow:none}
.input-group button:hover,.input-group button:focus,.input-group input:hover,.input-group input:focus{border-color:#aaa;background:#f8f8f8;color:#565656}
.input-group .form-control{background:#fff;border-right:none}
.input-group .form-control:hover,.input-group .form-control:focus{background:#fff}
button#btnNew{background:#565656;border:1px solid #4a4a4a;color:#fff}
.btnEdit i,.btnDelete i{color:#454545}
/* 濡쒓렇�� */
.inner-box-wrapper{max-width:1170px;margin:0 auto;padding:40px 0 70px}
.login-layout .panel{box-shadow:none;border-radius:0;background:#f3f3f3}
.login-layout .form-control{box-shadow:none;border-radius:0}
.login-layout .btn-warning{background:#4a4a4a;border:none;border-radius:0;box-shadow:none}


#repair03 .content_wrap > .row > .col-sm-6:nth-child(2) > img{
	width: 230px;
	margin-top: -40px;
	border-radius: 30px;
}
#repair03 .content_wrap > .row > .col-sm-6:nth-child(2) > img:nth-child(2n){
	margin-left: 275px;
}
#repair03 .content_wrap > .row > .col-sm-6:nth-child(2) > img:nth-child(2n+1){
	margin-left: 135px;
}
#repair03 .content_wrap > .row > .col-sm-6:nth-child(2) > img:nth-child(1){
	margin-top: 0;
}