@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.6.3/css/v4-shims.css);
@import url('/skin/notokr/notokr.css');

*{word-break:keep-all}
.body-layout {
    font-family: "notokr", sans-serif;
    background:#f5f5f5;
/*     background-image: #ddd;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed; */
}
ul{
    list-style:none;
		padding-left:0
}
.container.vert1-body,
footer
.container{
    margin:0;
}
.mp-side{
    background: #08284e;
}

.session-txt-wrap{
    display:none
}
.navbar-inverse .container-fluid{
    padding:0
}
.footer-social-layout {
    display: none;
}
@media screen and (min-width: 1600px){
    .container.vert1-body,
    footer
    .container {
        width: 1440px;
    }
}
@media screen and (max-width: 991px){
    .container.vert1-body,
    footer
    .container {
        width: 100%;
    }
}
/* ---------- navbar area 시작 ---------- */

.navbar-inverse {
    background-color: #08284e;
}
.navbar-brand img {
	margin-top: 0;
}

.navbar-header{
    background:#fff
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.04em;
}

body.en .navbar-inverse .navbar-nav > li#m-30 {
    display: none;
}

/* --- lagn btn --- */
.lang_btn {
    text-align: center;
    background: #ff931e;
    padding: 10px 40px;
    overflow: hidden;
}
.lang_btn button {
    display: inline-block;
    color: rgba(255,255,255,0.6);
    border: none;
    background: transparent;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    width: 50%;
    float: left;
}
.lang_btn button.lang-k-btn {
    border-right: 1px solid rgba(255,255,255,0.3);
}
.lang_btn button:hover,.lang_btn button.active {
    color: #fff;
}
.navbar-collapse.collapse {
    background: #08284e;
    margin: 0;
}
.mp-side {
    box-shadow: 4px 0 8px rgba(0,0,0,0.12);
    z-index: 1;
}
.mp-side .navbar-right > li:hover > a,
.mp-side .navbar-right > li:focus > a,
.mp-side .navbar-right > li > a:hover,
.mp-side .navbar-right > li > a:focus {
    color: #2eafff;
    border-bottom: 1px solid #2eafff;
}
@media screen and (min-width:992px){
    .mp-side {
        width: 210px;
    }
    .mp-body {
        left: 210px;
        width: calc(100% - 210px);
    }
}
@media (max-width:991px) and (min-width: 768px){
    .mp-side {
        width: 200px;
    }
    .mp-body {
        left: 200px;
        width: calc(100% - 200px);
    }
}
@media screen and (min-width: 768px) {
    .mp-side .navbar-inverse .navbar-brand{
        padding-top:35px;
        padding-bottom:35px;
    }
	.mp-side .navbar-right > li:hover > a .dropdown-menu, 
    .mp-side .navbar-right > li > a:hover .dropdown-menu {
/*         display: none; */
    }
    .mp-side .navbar-inverse .navbar-nav {
        margin: 0;
        padding: 50px 40px 0;
    }
	.navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .mp-side .navbar-right > li:hover > a,
    .mp-side .navbar-right > li:focus > a,
	.mp-side .navbar-right > li > a:hover, 
    .mp-side .navbar-right > li > a:focus {
        z-index: 1;
    }
	.navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        background: none;
        background-color: rgba(0,0,0,0);
        box-shadow: none; -webkit-box-shadow: none;
    }
    
    .navbar-inverse .navbar-nav > li > a {
        padding: 10px 0;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        margin: 0 0 10px;
        padding: 10px 0;
        font-weight: 400;
        line-height: 1;
    }
}

/* ---------- navbar area 끝 ---------- */



/* ---------- main 시작 ---------- */
.container-fluid.container_slide {
    padding-left: 0;
    padding-right: 0;
}
.fill {
    height: 230px;
	background-size:cover
}
/* .fill .carousel-inner .item::before {
	content: '';
	background-image: url('/skin/img/slide/slide_cover_left.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 490px;
	z-index: 90;
	opacity: .72;
}
.fill .carousel-inner .item::after {
	content: '';
	background-image: url('/skin/img/slide/slide_cover_right.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 500px;
	height: 490px;
	z-index: 90;
	opacity: .72;
} */
.fill .carousel-control {
    background: none;
}

.fill .carousel-caption {
    left: 80px;
    right: auto;
    bottom: auto;
    top: 75px;
    padding: 0;
    text-align: left;
    text-shadow: none;
}
.fill .carousel-caption h1 {
    font-size: 50px;
    line-height: 45px;
    font-weight: 600;
    margin: 0;
}
.fill .carousel-caption p {
    font-size: 22px;
    letter-spacing: -0.02em;
    font-weight: 400;
    line-height: 1;
    margin: 30px 0 0;
}
.fill .carousel-caption span {
    background: rgba(0,0,0,0);
    opacity: 1;
    text-shadow:none;
    padding: 0;
}
.fill .carousel-caption span > span {font-size: 40px;}
#myCarousel .carousel-inner .item {-webkit-transition-property: opacity; transition-property: opacity;}
#myCarousel .carousel-inner .item, #myCarousel .carousel-inner .active.left,#myCarousel .carousel-inner .active.right {opacity: 0;}
#myCarousel .carousel-inner .active, #myCarousel .carousel-inner .next.left, #myCarousel .carousel-inner .prev.right {opacity: 1;}
#myCarousel .carousel-inner .next, #myCarousel .carousel-inner .prev, #myCarousel .carousel-inner .active.left, #myCarousel .carousel-inner .active.right {left: 0;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#myCarousel .carousel-control {z-index: 2;}
.carousel, .carousel-inner, .carousel-inner .item {height: 100%;}

@media screen and (max-width: 767px) {
	.fill {height: 250px;}
	.fill .carousel-caption {top: 35px;}
}

.vert1-carousel-control-wrap{display:none}
.vert1-main-index-box-wrap > .col-md-4 {
    display: block;
    height: 400px;
    padding-left: 0;
    padding-right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	transition: ease .3s all;
	-webkit-transition: ease .3s all;
}
.vert1-main-index-box-wrap > .col-md-4:hover {background-size: auto 120%;}

@media screen and (max-width: 991px) {
    .vert1-main-index-box-wrap > .col-md-4 {height: 210px; background-size: cover;}
	.vert1-main-index-box-wrap > .col-md-4:hover {background-size: cover;}
}

.vert1-main-index-box-1 { background-image: url('/skin/img/main/main-index-box1.jpg'); }
.vert1-main-index-box-2 { background-image: url('/skin/img/main/main-index-box2.jpg'); }
.vert1-main-index-box-3 { background-image: url('/skin/img/main/main-index-box3.jpg'); }
.vert1-main-index-box-inner {
    padding: 50px 25px;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
	text-shadow: 0 0 6px rgba(0, 0, 0, .5);
    color: #FFF;
	transition: ease .3s background;
}

.vert1-main-index-box-inner:hover {
    padding: 40px 15px;
    background-color: rgba(0, 0, 0, .65);
    border: 10px solid #08284e;
}

@media screen and (max-width: 991px) {
	.vert1-main-index-box-inner {padding: 25px 25px;}
	.vert1-main-index-box-inner:hover {padding: 15px 15px;}
}

.vert1-main-index-box-subject {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.04em;
    display: block;
}

.vert1-main-index-box-subject::after {
    content: '';
    width: 20px;
    height: 1px;
    background-color: #FFF;
    margin: 15px 0 25px;
    display: block;
    transition: ease .3s all;
    opacity: .8;
}

.vert1-main-index-box-title {
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 15px;
    display: block;
    transition: ease .3s all;
}

.vert1-main-index-box-description {
    font-size: 14px;
    line-height: 22px;
    display: block;
    transition: ease .3s all;
	white-space: nowrap;
}
.vert1-main-index-box-btn {
    display: none;
    position: absolute;
    bottom: 45px;
    padding: 12px 35px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #FFF;
    left: calc(50% - 70px);
    width: 140px;}
.vert1-main-index-box-inner:hover .vert1-main-index-box-btn {display: inline-block;}
.vert1-main-index-box-inner:hover .vert1-main-index-box-btn:hover {color: #111; background-color: #FFF; text-shadow: none; -webkit-text-shadow: none;}

@media screen and (max-width: 991px) {
	.vert1-main-index-box-inner:hover .vert1-main-index-box-btn {bottom: auto; top: 80px; left: auto; right: 25px;}
}


.intro-html-layout > div {
    padding: 0;
}
.mainCon {
    padding: 0 100px;
    margin: 60px 0;
}
.mainCon > .row {
    margin-left: -10px;
    margin-right: -10px;
}
.mainCon > .row > div {
    padding-left: 10px;
    padding-right: 10px;
}
.mainCon .col-md-12 h3 {
    margin: 0 0 30px;
    font-weight: 600;
    color: #222;
    font-size: 32px;
    letter-spacing: -0.02em;
}
.mainCon .col-md-12 h3 a {
    font-size: 16px;
    margin-left: 10px;
    color: #008cca;
    letter-spacing: 0;
}
.mainCon .col-md-12 h3 a:hover {
    border-bottom: 1px solid;
}
.mainCon .col-md-3 a{    
    border: 1px solid #ddd;
    display: block;
    margin-bottom:20px;
    transition: all ease 0.3s;
}
.mainCon .col-md-3 a img{    
    padding: 25px;
}
.mainCon .col-md-3 a p {
    margin-bottom: 0;
    text-align: center;
    background: #eee;
    font-weight: 500;
    color: #222;
    padding: 10px;
    font-size: 16px;
    letter-spacing: -0.03em;
    transition: all ease 0.3s;
}
.mainCon .col-md-3 a:hover,
.mainCon .col-md-3 a:focus{
    border-color: #008cca;
}
.mainCon .col-md-3 a:hover p,
.mainCon .col-md-3 a:focus p{
    background: #008cca;
    color: #fff;
}

/* --- modal --- */
.modal-content {
    border: 3px solid #222;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    border-radius: 0;
}
.modal-header {
    padding: 10px 15px 0;
}
.modal-header .close {    
    opacity: 1;
}
.modal .modal-body{
    overflow: hidden;   
    padding: 0 15px;
}
.modal .modal-body .popup_left {
    width: 80%;
    float: left;
    padding-right: 30px;
}
.modal .modal-body .popup_right{    
    width: 20%;
    float: left;
}
.modal .modal-body .popup_left img {
    border: 1px solid #e3e3e3;
    padding: 30px 30px;
    margin-bottom: 25px;
}
.modal .modal-body .popup_left h4 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    color: #222;
    margin: 0 0 15px;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    position: relative;
}
.modal .modal-body .popup_left h4:before {
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #008cca;
}

.modal .modal-body .popup_left p,
.modal .modal-body .popup_left li{
    font-size: 15px;
    letter-spacing: -0.04em;
    margin-bottom: 0;
    color: #555;
    line-height: 1.8;
}
.modal .modal-body .popup_left li {
    margin-left: 5px;
    padding-left: 12px;
}
.modal .modal-body .popup_left li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 12px;
}
.modal .modal-body .popup_right a {
    padding: 8px 4px;
    text-align: center;
    border: 1px solid #ddd;
    display: block;
    background: #f5f5f5;
    color: #222;
    margin-bottom: 5px;
    letter-spacing: -0.03em;
    font-weight: 500;
}
.modal .modal-body .popup_right a:hover {
    background: #008cca;
    border-color: #008cca;
    color: #fff;
}

.modal-footer{
    display:none;
}

@media (min-width:768px){
    .modal-dialog {
        margin: 120px auto;
        width:650px;
    }
    .modal-header .close {
        font-size: 35px;
        position: absolute;
        right: -40px;
        top: 0;
        text-shadow: none;
        color: #fff;
        line-height: 1;
        margin: 0;
    }
    .modal .modal-body {
        overflow: hidden;
        padding: 40px 50px 50px;
    }
}
@media (max-width:767px){
    .modal .modal-body .popup_left,
    .modal .modal-body .popup_right{    
        width: 100%;
        float:none;
    }
}


/* ---------- main 끝 ---------- */



@media screen and (min-width: 768px) {
    .maker-wrap-area {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2a2a+0,2a2a2a+100&0+0,1+5 */
        background: -moz-linear-gradient(top, rgba(42,42,42,0) 0%, rgba(42,42,42,1) 5%, rgba(42,42,42,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(42,42,42,0) 0%,rgba(42,42,42,1) 5%,rgba(42,42,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(42,42,42,0) 0%,rgba(42,42,42,1) 5%,rgba(42,42,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a2a2a', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */
	}
}

@media screen and (max-width: 767px) {
	.maker-wrap {
        display: none;
    }
}


.mp-side .navbar-right .dropdown-menu {position: relative; background: rgba(0,0,0,0); border: none; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; padding: 15px 0 25px;}
.mp-side .navbar-right .dropdown-menu > li > a {color: #ABABAB; margin: 0; padding: 5px 20px;}
.mp-side .navbar-right .dropdown-menu > li > a::before {content: '-'; margin-right: 10px;}
.mp-side .navbar-right .dropdown-menu > li > a:hover, .mp-side .navbar-right .dropdown-menu > li > a:focus {color: #FFF; background: none; background-color: rgba(0,0,0,0);}
.intro-boardbox-title {font-size: 14px; font-weight: 900; letter-spacing: 0.04em; display: block; margin-top: 50px; margin-bottom: 40px; text-transform: uppercase;}
.intro-boardbox-title::after { content: ''; display: block; width: 20px; height: 1px; background-color: #000; position: absolute; bottom: 25px;}
.intro-boardbox-bbs-btn {background: #e6e6e6; width: 30px; height: 30px; text-align: center; padding: 6px 0 0; border: none; border-radius: 0; -webkit-border-radius: 0; margin-top: 40px; color: #000000;}
.intro-boardbox-bbs-btn:hover {background: #434343;}
.intro-boardbox-bbs-btn .fa-plus:before {content: url('/skin/img/main/plus_ico.png');}
.intro-boardbox-bbs-btn:hover .fa-plus:before {content: url('/skin/img/main/plus_ico_hover.png');}
.intro-boardbox > .page-header {display: none;}
.intro-boardbox .dh-front-blog {padding-top: 0px; padding-bottom: 49px;}
.dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb {height: 200px;}
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-position: left center; background-repeat: no-repeat; padding-left: 95px;}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-image: none !important; padding: 15px;}
}
@media screen and (min-width: 992px) {
	.intro-board-widget-layout .col-xs-12.intro-boardbox-blogtab {width: 25%;}
	.intro-board-widget-layout .col-sm-12.intro-boardbox {width: 75%; padding-left: 0;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-position: top center; padding: 90px 15px 15px;}
}
@media screen and (max-width: 767px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {background-position: top center; padding: 90px 15px 15px; width: 25%; text-align: center;}
}
@media screen and (max-width: 599px) {
	.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn {padding: 15px; width: 50%; text-align: center; background-image: none !important;}
}

.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(1) { background-image: url('/skin/img/main/ico-default1.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(2) { background-image: url('/skin/img/main/ico-default2.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(3) { background-image: url('/skin/img/main/ico-default3.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(4) { background-image: url('/skin/img/main/ico-default4.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(1) { background-image: url('/skin/img/main/ico-active1.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(2) { background-image: url('/skin/img/main/ico-active2.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(3) { background-image: url('/skin/img/main/ico-active3.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn.on:nth-child(4) { background-image: url('/skin/img/main/ico-active4.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(1):hover { background-image: url('/skin/img/main/ico-active1.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(2):hover { background-image: url('/skin/img/main/ico-active2.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(3):hover { background-image: url('/skin/img/main/ico-active3.png'); }
.intro-boardbox-blogtab .col-md-12 > .intro-boardbox-blogtab-btn:nth-child(4):hover { background-image: url('/skin/img/main/ico-active4.png'); }

/* --------- sub page ----------*/
.sub-layout {
    padding-bottom: 100px;
}
.sub-layout.container-fluid {
    padding-right: 25px; 
    padding-left: 25px;
}
.s-header {
    height: 230px;
    background-color: #DDD;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: 40px;
    padding: 105px 25px 0;
    color: #fff;
    position:relative;
    background-image: url('/skin/img/sub/subtop-bg.jpg');
	background-size:cover;
}
.s-header-text {
    margin: 0;
    font-size: 45px;
    font-weight: 600;
}
.s-header-m {
    font-size: 22px;
    margin: 15px 0 0;
    display: block;
}
.s-header:after {
    content: "";
/*     width: 300px; */
    width:11px;
    height: 11px;
    background: url(/skin/img/sub/subtop-bg-line.png) no-repeat right center;
    position: absolute;
    top: 50%;
    right:25px;
    margin-top: -5px;
}
@media screen and (min-width:1200px){
    .s-header:after {
        width: 300px;
    }
}
@media screen and (min-width:1600px){
    .s-header:after {
        width: 550px;
        top: 50%;
        margin-top: -5px;
    }
}
@media screen and (min-width:992px) {
    .s-header:after {
        right:100px;
    }
    .sub-layout.container-fluid {
        padding-right: 100px;
        padding-left: 100px;
    }
    .s-header {
        margin-left: -100px;
        margin-right: -100px;
        padding: 65px 100px 0;
        margin-bottom:50px;
    }
}
@media screen and (max-width: 767px) {
    .s-header {padding: 57px 25px; height: 150px;}
}
/* Company */
.s-company-text {padding: 0 45px;}
.s-company-text h3 {color: #111111; font-size: 26px; font-weight: 400; line-height: 35px; margin: 0 0 30px; letter-spacing: -0.04em;}
.s-company-text p {color: #555555; font-size: 15px; letter-spacing: -0.04em; line-height: 24px; margin: 0;}
@media screen and (min-width: 768px) {
	.s-company-type-wrap {padding-left: 16px; padding-right: 16px; margin-left: -4px; margin-right: -4px;}
	.s-company-type-wrap > div {padding-left: 2px; padding-right: 2px;}
}
.s-company-type-box {border: 1px solid #DEDEDE; padding: 30px; background-position: 85% 85%; background-repeat: no-repeat;}
.s-company-type-box.si-wedding { background-image: url('/skin/img/sub/default/s-company_01.png'); }
.s-company-type-box.si-babykids { background-image: url('/skin/img/sub/default/s-company_02.png'); }
.s-company-type-box.si-family { background-image: url('/skin/img/sub/default/s-company_03.png'); }
.s-company-type-box.si-single { background-image: url('/skin/img/sub/default/s-company_04.png'); }
.s-company-type-box:hover {background-image: none; background-color: #08284e; border-color: #08284e; cursor: pointer;}
.s-company-type-box h4 {color: #111; font-weight: bold; font-size: 18px; letter-spacing: -0.03em; margin: 0 0 25px;}
.s-company-type-box h4 > span {color: #08284e; margin-right: 10px;}
.s-company-type-box:hover h4, .s-company-type-box:hover h4 > span {color: #FFF;}
.s-company-type-box p {line-height: 1.6; color: #FFF; margin: 0 0 10px; opacity: 0; transition: ease .3s all;}
.s-company-type-box:hover p {opacity: 1;}

/* Location */
.iframe-map-wrap {margin-bottom: 20px;}
.iframe-map-wrap iframe {width: 100%; height: 350px; border: 1px solid #DEDEDE;}
.s-location-type-wrap {margin-left: 0; margin-right: 0; margin-bottom: 50px;}
.s-location-type-wrap > div {padding-left: 0; padding-right: 0;}
.s-location-type-box {padding: 40px 15px; min-height: 140px;}

@media screen and (min-width: 992px) {
	.s-location-type-wrap > div:nth-child(1) > .s-location-type-box, .s-location-type-wrap > div:nth-child(2) > .s-location-type-box {border-right-color: #FFF;}
	.s-location-type-wrap > div:nth-child(2) > .s-location-type-box, .s-location-type-wrap > div:nth-child(3) > .s-location-type-box {border-left: 0;}
}

@media screen and (max-width: 991px) {
	.s-location-type-wrap > div:nth-child(1) > .s-location-type-box, .s-location-type-wrap > div:nth-child(2) > .s-location-type-box {border-bottom-color: #FFF;}
	.s-location-type-wrap > div:nth-child(2) > .s-location-type-box, .s-location-type-wrap > div:nth-child(3) > .s-location-type-box {border-top: 0;}
}

.s-location-type-wrap > div:nth-child(1) > .s-location-type-box { background-color: #FBF2EB; }
.s-location-type-wrap > div:nth-child(2) > .s-location-type-box { background-color: #FDEFE4; }
.s-location-type-wrap > div:nth-child(3) > .s-location-type-box { background-color: #FCE7D6; border-right: 1px solid #fce7d6; }
.s-location-type-box h4 {letter-spacing: -0.04em; color: #f18430; font-size: 16px; font-weight: 600; line-height: 1;  margin: 0 0 10px;}
.s-location-type-box p {color: #111; font-size: 16px; font-weight: 300; line-height: 1; letter-spacing: -0.04em; margin: 0;}

/* Alert Template */
.alert.alert-template {border-radius: 0; -webkit-border-radius: 0; border: 1px solid #E6E6E6; background-color: #F8F8F8; padding-left: 25px; padding-right: 25px; color: #555; font-size: 15px; font-weight: 500; letter-spacing: -0.02em; margin: 0 0 30px;}
.alert.alert-template p {position: relative; padding-left: 30px;}
.alert.alert-template i {position: absolute; left: 0;}
.alert.alert-template i:before {content: url('/skin/img/sub/default/ico-info.png');}

.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: 15px; font-weight: 500; color: #333; letter-spacing: -0.03em; text-align: center;}
.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 #08284e; 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-board .regdate, .dh-board .hits, .dh-board .writer, .dh-board .status { text-align: center; }
.dh-margin-top{margin-top: 40px; display: inline-block;}
.dh-board .dh-margin-top .pagination { margin-top: 0; }

.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row { padding-left: 15px; padding-right: 15px; }
.dh-view-box > .row > .page-header {
    border-top: 2px solid #222;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px 20px;
    margin: 0;
}
.dh-view-box > .row > .page-header > h4 {
    color: #222;
    font-size: 26px;
    margin: 0;
    font-weight: 600;
}
.dh-view-box > .row > .dh-view-info {
    border-bottom: 1px solid #ddd;
    background: rgba(0,0,0,0);
    padding: 8px 20px 8px;
    color: #999;
}
.dh-view-box > .row > .dh-view-info > span {
    padding: 0 15px 0 0;
}
.dh-view-box > .row > .dh-view-info > span > strong {
    padding: 0 5px 0 0;
    color: #999;
}
.dh-attach{
	position:relative;
}
.dh-view-box .dh-attach h6 a{
    position: absolute;
    left: 85px;
    top: 0;
    font-size: 12px;
    z-index: 500;
    padding: 2px 5px;
}
.dh-view-box .dh-attach h6 {margin: 0 0 0 ; padding: 5px 5px 0 ;
    /* display:none */
}
.text-bbs25 .dh-view-box .dh-attach h6,.text-bbs18 .dh-view-box .dh-attach h6,.text-bbs19 .dh-view-box .dh-attach h6,.text-bbs23 .dh-view-box .dh-attach h6 {display:block}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {
    padding: 30px 20px 60px !important; 
    min-height: 300px;
}

.bbs-status-index-layout .regdate {display: none;}

/* footer */
.mp-footer .mp-body {
    color: #777;
    letter-spacing: -0.04em;
    padding: 40px 100px 40px;
    background: #fff;
    border-top: 1px solid #c5c5c5;
}
.mp-footer .mp-body .container {
    width: 100%;
    padding: 0;
}
.mp-footer .mp-body .f_copyright {color: #888888; font-size: 12px; font-weight: 300; text-transform: uppercase;}
.mp-footer .col-sm-12 ul{padding-left:0}
.mp-footer .col-sm-12 ul li strong{    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    display: block;}
.copy {
    margin: 0;
}

/* 주문폼 */
.intro-mod-form-layout {background-color: #343434; color: #FFF;}
.intro-mod-form-layout .intro-boardbox {display: block !important;}
.intro-mod-form-layout .intro-boardbox-title::after {background-color: #FFF;}
.intro-mod-form-layout .s-header {display: none;}
.intro-mod-form-layout .alert.alert-template {background: none; background-color: rgba(0,0,0,0); border: none; color: #FFF; margin: 0; padding-top: 0;}
.intro-mod-form-layout .alert.alert-template p {color: #e3e3e3; font-size: 13px; font-weight: 300; line-height: 22px;}
/* 주문폼 - 서브페이지 */
.mod-custom-form-add .alert.alert-template p {padding: 0; font-weight: 400; line-height: 24px;}


/* ----- 블로그 B타입 게시판 ----- */
.bbs-blog2-index-layout .dhb-txt-box-type-b {background-color: #fff; width: 32.2%; border: 1px solid #e3e3e3; margin: 0 5px 10px; padding: 0;}
.bbs-blog2-index-layout .dhb-txt-box-type-b > div {margin: 0;}
.dhb-txt-box-type-b-img-layout {padding: 0;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {border: none; min-height: 200px; height: 200px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.dhb-txt-box-type-b-text-layout {display: none; margin: -45px 0 0;}
.dhb-txt-box-type-b-text-layout h4 {font-size: 14px; margin: 15px 0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer {margin-top: 0; float: none; text-align: left;}
.dhb-txt-box-type-b-text-layout .txt-box-footer > br {display: none;}
.dhb-txt-box-type-b-text-layout .txt-box-footer em, .dhb-txt-box-type-b-text-layout .txt-box-footer small.hits {display: none;}
.dhb-txt-box-type-b-text-layout .txt-box-footer span.regdate {color: #e6e6e6; font-size: 13px; font-weight: 300;}
.dhb-txt-box-type-b:hover .dhb-txt-box-type-b-text-layout {border: 10px solid #f18430; background: rgba(0, 0, 0, 0.65); display: inherit; height: 200px; margin: -200px 0 0; padding: 15px 20px;}
.dhb-txt-box-type-b:hover .dhb-txt-box-type-b-text-layout h4 {margin: 0; font-size: 18px;}
.dhb-txt-box-type-b:hover .dhb-txt-box-type-b-text-layout h4 strong a {color: #fff; font-weight: 500; letter-spacing: -0.04em; line-height: 1.5;}
@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {width: 100%; margin: 10px 0 20px;}
}
/* ----- 게시판 버튼 설정 ----- */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label .glyphicon-lock {color: #666;}
.label-danger, .label-primary{color: #08284e;}
.pagination>li>a,
.pagination>li>span {
	border: 1px solid #ddd;
	border-radius: 0 !important;
	margin-top: 0;
	margin-bottom: 0;
    font-size:15px;
	color: #777 !important;
}

.pagination>li:last-child>a {
	margin-left: 15px;
}

.pagination>li:first-child>a {
	margin-right: 15px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: #008cca;
    border: 1px solid #008cca;
    color: #fff !important;
    font-weight: 600;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	border-color: #bbb;
	background: #fff;
}

#insertForm .input-group .btn {
	border-radius: 0;
	border-color: #ddd;
    font-size:15px;
}

#insertForm .input-group input {
    font-size: 15px;
    height: auto;
}

#insertForm .input-group .form-control {
	box-shadow: none;
	border-color: #ddd;
}

#insertForm .input-group #btnNew {
    background: #08284e;
    border: 1px solid #08284e;
}


.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;}

.filter-items {
    padding: 0;
    margin: -10px 0 40px;
}
.filter-items > a > .filter-label {
    background: none;
    background-color: rgba(0,0,0,0);
    font-size: 16px;
    color: #888;
    line-height: 1;
    margin: 0;
    padding: 0 0 2px;
    letter-spacing: -0.03em;
}
.filter-items > a.on > .filter-label {
    color: #ff931e;
    border-bottom: 1px solid;
}
.filter-items > a+a {
    margin-left: 25px;
}
.filter-items > a:hover > .filter-label {
    border-bottom: 1px solid;
}
.filter-items > a > .filter-label span {
    font-size: inherit;
}


/* Guide */
.service-title-wrap {margin: 0 0 20px;}
.service-title-wrap h3 {margin: 0 0 15px; padding: 35px 0 0; color: #111111; font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: -0.02em; position: relative;}
.service-title-wrap h3:before {content: ''; background: #08284e; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 0; left: 0;}
.service-title-wrap p {color: #666666; font-size: 15px; font-weight: 400; line-height: 1; letter-spacing: -0.02em; margin: 0;}
.s-guide-wrap .s-location-type-box {margin-top: 20px; min-height: 120px; border-right: 1px solid #fff;}
.s-guide-wrap .s-location-type-box p {font-size: 19px; font-weight: 500;}
.s-guide-wrap .s-location-type-box p > small {font-size: 15px; color: #555; font-weight: 300; display: block; margin: 5px 0 0;}
.s-guide-caution-box {background-color: #F9F9F9; padding: 30px 20px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.s-guide-caution-box p {margin: 0; color: #666666; font-size: 15px; font-weight: 400; line-height: 28px; letter-spacing: -0.04em;}
.s-guide-caution-box i {padding: 5px 0 0;}
.s-guide-caution-box i:before {content: url('/skin/img/sub/default/ico-info.png');}

@media screen and (min-width: 768px) {
	.s-guide-caution-box .col-sm-1 {width: 60px; font-size: 20px; line-height: 20px; text-align: right; color: #656565; padding: 0;}
	.s-guide-caution-box .col-sm-11 {width: calc(100% - 60px);color: #656565;}
}
/* table */
.sub-layout table {margin: 0;}
.table-responsive {border: 0;}

/* table - PRICE */
.table-price-style {margin: 0 0 30px !important; border-bottom: 1px solid #e6e6e6;}
.table-price-style thead tr th {height: 140px; color: #111; font-size: 32px; font-weight: 400; letter-spacing: 0.06em; text-align: center; vertical-align: middle; border: none; border-right: 1px solid #fff;}
.table-price-style thead tr th:nth-child(1) {background: #fbf2eb; border-left: 1px solid #fbf2eb;}
.table-price-style thead tr th:nth-child(2) {background: #fcefe4;}
.table-price-style thead tr th:nth-child(3) {background: #fce7d6;}
.table-price-style thead tr th:nth-child(4) {background: #ffe0c7; border-right: 1px solid #ffe0c7;}
.table-price-style thead tr th .big-title {display: block; color: #08284e; font-size: 16px; font-weight: 500; letter-spacing: -0.02em;}
.table-price-style tbody tr td {padding: 20px 0; color: #555; font-size: 15px; text-align: center; line-height: 1; letter-spacing: -0.02em; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}

/* table - SERVICE */
.table-service {margin-top: 20px !important;}
.table-service tbody tr td {border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 140px; vertical-align: middle;}
.table-service tbody tr td:nth-child(1) {width: 25%; padding: 0;}
.table-service tbody tr td:nth-child(2) {width: 75%; background: #f9f9f9; padding-left: 50px;}

/* table - FAQ */
.table-faq thead tr th {background: #fff !important; color: #111 !important; padding: 18px 0 !important; border-top: 2px solid #08284e !important; border-bottom: 1px solid #e6e6e6 !important;}
.table-faq tbody tr.faq-questions td {padding: 18px 0 !important; border-bottom: 1px solid #e6e6e6 !important; color: #111 !important; font-size: 16px !important; letter-spacing: -0.02em; line-height: 1;}
.table-faq tbody tr.faq-questions td strong {font-weight: 400;}
.table-faq tbody tr.faq-questions td:nth-child(1) {font-weight: 500;}
.table-faq tbody tr.faq-answers td {background: #f8f8f8; color: #333; font-size: 16px; font-weight: 300; letter-spacing: -0.02em; line-height: 25px; padding: 25px 0;}
.table-faq tbody tr.faq-answers td p {margin: 0;}
.table-faq tbody tr.faq-answers td .btnDelete {margin-right: 15px;}


.body-layout{padding-right:0 !important}

.li-dash > li,
.li-dot > li,.li-dash >dd,
.li-dot > dd{margin-left:10px; padding-left:20px; position:relative;}
.li-dash > li:before,
.li-dot > li:before,.li-dash > dd:before,
.li-dot > dd:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.li-dot > li:before,.li-dot > dd:before{
	content:'·';
}

/*sub*/
.subwrap h3 {
    font-size: 28px;
    font-weight: 500;
    color: #222;
    margin: 0 0 25px;
    position: relative;
    letter-spacing: -0.03em;
}
.subwrap p,
.subwrap li,
.subwrap dd {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 15px;
    letter-spacing: -0.04em;
    color: #555;
}
.subwrap ul{
    padding-left:0
}
.subwrap li, 
.subwrap dd{
    margin-bottom:5px
}

.subwrap .con{
    margin-bottom:60px
}
.subwrap .con:last-child{
    margin-bottom:0
}
.subwrap .con .table {
    border-top: 2px solid #222;
    border-bottom: 2px solid #ddd;
}
.subwrap .con .table td, 
.subwrap .con .table th {
    letter-spacing: -0.03em;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.subwrap .con .table td {
    font-size: 15px;
    color: #555;
}
.subwrap .con .table th {
    font-size: 16px;
    color: #222;
}
.subwrap.product .con1 {
    margin-bottom: 20px;
}
.s-company .con2 .customer {
    margin-left: -10px;
    margin-right: -10px;
}
.s-company .con2 .customer > div {
    padding-left: 10px;
    padding-right: 10px;
}
.s-company .con2 img {
        padding: 8% 15%;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.s-company .con3 .philoshphy_list {
    border-top: 2px solid #d8e9f2;
    border-bottom: 2px solid #d8e9f2;
}
.s-company .con3 p {
    font-weight: 400;
    color: #008cca;
    font-size: 22px;
    margin: 0 0 30px;
}
.s-company .con3 dl {
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}
.s-company .con3 dl:last-child {
    border-bottom: 1px solid #ddd;
}
.s-company .con3 dl dt {
    font-size: 18px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #124582;
    padding: 15px;
    background: url(/skin/img/sub/philosophy_dot.png) no-repeat right center;
}
.s-company .con3 dl dd {
    padding-top: 12px;
    margin-left: 160px;
    padding-left: 25px;
    font-size: 17px;
    margin-bottom: 0;
    color: #222;
}
.s-company .con4 .table th {
    font-size: 26px;
    font-weight: 600;
    color: #222;
    letter-spacing: 0;
    padding-top: 12px;
    vertical-align: middle;
}

.s-company .con4 .table th,
.s-company .con4 .table td {
    padding: 15px;
}

.s-company .con4 .table ul {
    margin: 0;
}

.s-company .con4 .table ul li {
    line-height: 1.5;
    margin: 5px 0;
    padding-left: 12px;
}

.s-company .con4 .table ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #124582;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 9px;
}


@media (max-width:768px){
    .s-company .con3 dl dd {
        display: inline-block;
        margin-left: 0;
        padding-left: 15px;
    }
    .s-company .con3 dl dt {
        background: rgba(0,0,0,0);
        display: inline-block;
        padding: 15px 0;
    }
}

/*product*/
.product .con1 a, .business .con1 a {
    color: #333;
    display: inline-block;
    text-align: center;
    background: #ffebd1;
    position: relative;
    height: 40px;
    padding: 0 35px;
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 39px;
    border: 1px solid #ddd;
}
.product .con1 a.active, 
.business .con1 a.active {
    background: #ff931e ;
    border-color: #ff931e ;
    color: #fff;
}
/* .product .con1 a span, .business .con1 a span{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);} */

/*bbs*/
/*bbs - a type*/
.bbs-blog-index-layout .bbs-area{
    margin-top: 40px;
}
.bbs-blog-index-layout .bbs-area .dh-board {
    border-top: 1px solid #333;
}
.dhb-txt-box {
    padding: 30px 15px;
    border: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background: transparent;
    margin: -1px 0 0;
}
.dhb-txt-box > .col-md-4{
	display:none;
}
.dhb-txt-list{
	width: 100%;
    border-right: none;
}
.dhb-txt-box .thumb-hidden{
	border: none;
    box-shadow: none;
    height: 180px;
    max-height: none;
}
.dhb-txt-box .thumb-hidden > a{
    display: block;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.dhb-txt-box .thumb-hidden > a img{
	display:none;
}
.dhb-txt-list .col-md-7 h4 {
    font-size:22px;
    margin:20px 0 10px;
}
.dhb-txt-list .col-md-7 h4 a {
    letter-spacing: -0.03em;
    color: #333;
    font-weight: 600;
}
.dhb-txt-list .col-md-7 h5 {
    margin: 0;
}
.dhb-txt-list .col-md-7 h5 a {
    color: #777;
    font-weight: 400;
    letter-spacing: -0.03em;
    font-size: 15px;
	    line-height: 1.75;
    max-height: 5.25em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	display:block;
}
.dhb-txt-box h4:hover a {
    color: #008cca !important;
    border-bottom: 1px solid;
}
.dhb-txt-box h5:hover a {
    text-decoration: underline;
}
.dh-view-box {
    margin-top:40px;
}


/* -------------------메인 페이지 썸네일------------------ */
.dh-front-blog>.col-md-4>.thumbnail {
    position: relative;
    min-height: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    background: #000;
}
.blog-row-contents {
	display: none;
}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    height: 200px;
    border: none;
    box-shadow: none;
    overflow: hidden !important;
    transition: all ease 0.5s;
}
.dh-front-blog>.col-md-4>.thumbnail:hover a.blogthumb, 
.dh-front-blog>.col-md-4>.thumbnail:focus a.blogthumb{
    transform: scale(1.2);
    opacity: 0.5;
}
.dh-front-blog>.col-md-4>.thumbnail .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    border: none;
    width: 100%;
    padding: 0;
    text-decoration: none !important;
    background: rgba(0,0,0,0.6);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.8) 100%);
}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5 {
    margin: 0;
    padding: 16px 16px !important;
    font-size: 14px;
    letter-spacing: -0.03em;
    font-weight:600
}
@media(min-width:768px){
	.dh-front-blog>.col-md-4{
		width:50%;
	}
}
.input-group-btn #btnNew{background:#08284e;border:1px solid #08284e}


.dh-view-box .col-md-6 img {
max-width: 400px;
    margin-top: 20px;
    max-height: 300px;

}
.dh-view-box .col-md-6 ul,.dh-view-box .col-md-12 ul {
    line-height: 1.8;
    padding: 0;
    margin: 10px 0;
}
.dh-view-box .col-md-6 span,.dh-view-box .col-md-12 span  {
    font-size: 15px;
    letter-spacing: -0.04em;
    color: #555;
    line-height: 1.8;
}
.dh-view-box .col-md-12 li span{min-width: 150px;
    display: inline-block;
    font-weight: 600;}
.dh-view-box .col-md-6 ul li,.dh-view-box .col-md-12 ul li {
    font-size: 15px;
    letter-spacing: -0.04em;
    margin: 0 0 3px 5px;
    padding-left: 12px;
    color: #555;
}
.dh-view-box .col-md-6 ul li:before,.dh-view-box .col-md-12 ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 12px;
}
.dh-view-box .col-md-12 img{
    margin-top:60px
}
.dh-view-box .col-md-6 p,.dh-view-box .col-md-12 p {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin: 30px 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.dh-view-box .col-md-6 p:before,.dh-view-box .col-md-12 p:before {
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #008cca;
}
.dhb-txt-box .dhb-txt-list{ 
    width: 100%;
    border-right: none;
}
.dhb-txt-box .dhb-txt-list .thumb-hidden{    
    box-shadow: none;
    max-height: 250px;
}
 .dhb-txt-box .col-md-4.text-right{
     display: none;
}
.bbs-blog-add-layout #insertForm {
    margin-top: 35px;
}


/*mail*/
.mail .con1 dl {
    padding: 30px;
    border: 5px solid #ffe6b9;
    margin: 0 0 20px;
}
.mail .con1 dl dt {
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #543300;
}
.mail .con1 dd {
    position: relative;
    padding-left: 12px;
    margin-left: 5px;
    line-height: 1.5;
}
.mail .con1 dd:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 12px;
}
.mail .con1 i {
    font-size: 5em;
    color: #ffd27c;
    position: absolute;
    top: 28%;
    right: 15%;
}
#mailForm {
    margin: 20px auto 0;
}
#mailForm .form-group input,
#mailForm .form-group label {
    float: left;
    letter-spacing: -0.03em;
}

#mailForm .form-group label {
    width: 15%;
    font-size: 16px;
    padding-top: 10px;
    line-height: 1;
}

#mailForm .form-group input,
#mailForm .form-group textarea {
    width: 85%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
    height: auto;
    padding: 8px 12px;
}

#mailForm .form-group input:focus,
#mailForm .form-group textarea:focus {
    border: 1px solid #222;
}

#mailForm .form-group textarea {
    min-height: 150px;
}

#mailForm .form-group {
    overflow: hidden;
    margin: 0 0 20px;
}

#mailForm .form-group .checkbox {
    margin: 0 0 30px;
}

#mailForm .form-group .checkbox label {
    float: none;
    font-size: 14px;
    width: auto;
    line-height: 1.5;
    color: #666;
}

#mailForm .form-group .checkbox input {
    width: auto;
    float: none;
}

#mailForm input[type=submit] {
    border-radius: 0;
    padding: 15px 0;
    margin: 0 auto;
    font-size: 16px;
    border: none;
    background: #008cca;
    width: 200px;
    transition: all ease 0.3s;
}
#mailForm input[type=submit]:hover,
#mailForm input[type=submit]:focus {
    background: #08284e;
}

/* login */

.login-layout,
.id-find-layout,
.pw-find-layout{
    padding: 0;
}
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
    box-shadow: none;
    max-width: 400px;
    padding: 0;
    margin: 0 auto;
    border: none;
    border-radius: 0px;
}
.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr{
    display: none;
}
.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body{
    padding: 0;
}
.login-layout .panel-body > div.col-sm-12,
.id-find-layout .panel-body > div.col-sm-12,
.pw-find-layout .panel-body > div.col-sm-12 {
    float: none;
}
.login-layout .panel-body > div.col-sm-12 h2,
.id-find-layout .panel-body > div.col-sm-12 h2,
.pw-find-layout .panel-body > div.col-sm-12 h2{
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}
.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}
.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}
.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.login-layout label,
.id-find-layout label,
.pw-find-layout label{
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}
.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control{
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #ddd;
    height: 40px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.03em;
}
.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus{
    border-color: #222;
}
.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning{
    float: none;
    width: 100%;
    height: 50px;
    background: #008cca;
    border-radius: 0px;
    border: none;
    font-size: 15px;
    letter-spacing: -0.03em;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover{
    background: #08284e;
}
.login-layout form > div > p,
.id-find-layout form > div > p,
.pw-find-layout form > div > p{
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}
.login-layout form > div > p + p,
.id-find-layout form > div > p + p,
.pw-find-layout form > div > p + p {
    border-left: 1px solid #ccc;
}
.login-layout form > div > p > a,
.id-find-layout form > div > p > a,
.pw-find-layout form > div > p > a{
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

@media (max-width:768px){
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2{
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control{
        font-size: 13px;
        height: 36px;
    }
    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a{
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning{
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}

/*2019-03-08*/
.business01 .con2 h4{  text-align: center;
    font-size: 25px;
    font-weight: 600;
    background: #343434;
    margin: 0;
    padding: 10px;
    color: #fff;}
.business01 .con2 img{    margin-bottom: 60px;}
#mailForm{    margin: 20px auto 0;
    max-width: 745px;}
#mailForm .form-group:nth-of-type(1),
#mailForm .form-group:nth-of-type(1){
	display:none;
}
.pdf-btn{
	display:block;
    margin: 50px auto 0;
    padding: 15px 0;
    width: 200px;
	color:#fff;
	border-radius: 0;
    font-size: 16px;
    border: none;
    background: #008cca;
	text-align:center;
    transition: all ease 0.3s;
}
.pdf-btn:hover{
	color:#fff;
	background: #08284e;
}

/*2019-03-13 mobile*/
@media(max-width:767px){
	.container-fluid>.navbar-header{padding:0 15px}
	.navbar-inverse .navbar-toggle .icon-bar{background-color:#ccc}
	.navbar-inverse .navbar-toggle{border-color:#ccc}
	.fill{height:200px}
	.fill .carousel-caption{left:20px;top:55px}
	.fill .carousel-caption p{    font-size: 20px;    margin: 15px 0 0;}
	.fill .carousel-caption h1{font-size:45px}
	.mainCon{    padding: 0 15px;}
	.modal .modal-body .popup_left{padding-right:0}
	.modal .modal-body .popup_left p{margin-bottom:30px}
	.modal .modal-body{    margin-bottom: 40px;}
	.mp-footer .mp-body{    padding: 30px 15px;}
	.s-header{padding: 32px 15px;}
	.s-header-text{font-size:40px}
	.s-header-m{font-size:18px}
	.sub-layout.container-fluid{padding:0 15px}
	.s-company .con3 dl dt{       padding-bottom: 5px;
    display: block;
    text-align: left;}
	.s-company .con3 dl dd{    padding-left: 0;
    font-size: 15px;
    padding-bottom: 15px;
    padding-top: 0;}
	.s-company .con4 .table td{    padding: 15px 0 15px 15px;}
	.business01 .con2 h4{font-size:20px}
	.product .con1 a{        font-size: 14px;
    padding: 0 10px;
    margin: 4px;}
	.filter-items > a+a{    margin-left: 13px;
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 1px solid #ddd;}
	.mp-side,.mp-side .navbar-inverse{    min-height: 0;}
	.navbar-inverse .navbar-nav > li > a{    margin: 0 15px;}
	.navbar-collapse.collapse{    margin: 0 -15px;}
	.vert1-body{padding-bottom:40px}
}

/*2019-03-14*/
.business01.subwrap .con{margin-bottom:40px}
 #bbs-img .modal-dialog{       width: 1000px;margin-top:0;top: 50%;
    transform: translateY(-50%);
} 

#bbs-img .modal-content{    border: none;}
#bbs-img .modal-content .modal-title,#bbs-img02 .modal-content .modal-title{    
	text-align: center;
    font-weight: 700;
	background:#008cca;
    padding: 10px;	
    color: #fff;}
.dh-view-box img{
	cursor:pointer}
#bbs-img.modal { overflow-y:auto!important;}

/*2019-03-20*/
#bbs-img .modal-body img{    max-width: 900px;
    max-height: 600px;}
.mp-body .container-fluid.sub-layout .dh-alert{font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.04em;
    background: #f8f8f8;
    padding: 300px 0;
    color: #888;}

/*2019-03-22*/
.login_btn{    display: inline-block;
    padding: 0;
    border-radius: 4px;
    color: rgba(255,255,255,0.6);
    font-weight: 500;
    line-height: 1;}
.login_btn:hover{color:rgba(255,255,255,1);}
/*2019-03-25*/
.maker-wrap{padding:0}
.login_box{    width: 100%;
    text-align: left;
    background: #008cca;
    overflow: hidden;}
.login_box .session-txt-wrap{display:block;
    padding: 10px 0;}
.session-txt-wrap > .session-txt-btn:first-child{
    color: rgba(255,255,255,0.6);font-weight:400}
.session-txt-wrap > .session-txt-btn:first-child:hover{color:rgba(255,255,255,1);}
.maker-wrap-area{    width: 210px;}

.now-filter-idx a:first-child > .filter-label {
    color: #888 !important;border-bottom:none !important}
.now-filter-idx a:first-child:hover > .filter-label{border-bottom:1px solid !important}

/*2019-04-03*/
html{overflow:visible;}
#bbs-img02 .modal-dialog{width: 1200px;max-width:100%;}

/*2019-04-12*/
.filter-items a:last-child{display:none}
.dhb-txt-list .col-md-7 h5 a br{display:none}

/*2019-04-16*/
.text-bbs31 .dh-view-box .dh-attach h6{display:block}
/*2019-08-16*/
.s-company.en .con3 dl dt{    width: 255px;}
.s-company.en .con3 dl dd{    margin-left: 245px;}
.mail .con1 dd small{    display: block;
    text-align: center;}
.business.en .s-header-text, .s-company.en .s-header-text{margin-top:20px}