@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic);

/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#222222;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
    float: left;
    width: 100%;
	background-color: #3E403F;
	background-size: cover;
	color:#ffffff;                /*텍스트 색*/
	font-size:12px;               /*텍스트 크기*/
	padding:10px 0px 25px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/



/*---------------------------------------skin design---------------------------------------------*/


.navbar-inverse {
    border-color: rgba(0,0,0,0);
border:none;
background:#fff; 
padding:0px;
border-bottom:1px solid #bfbfbf;
border-top:6px solid #6ebfac;

transition-duration: 0.3s;
transition-timing-function: ease;
}
.navbar-inverse .divider-vertical {
display:none;
}

.navbar-brand img{

width:80%;

transition-duration: 0.3s;
transition-timing-function: ease;

}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-brand {
    color: #000;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}

.flexslider {
    margin: 0px;
    background: #FFF url("./ajax-loader-.gif") no-repeat scroll center center;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}

.navbar-inverse .navbar-brand{font-family: 'Lobster', cursive; font-size: 22px;}

.intro-widgetbox{display:none;}

.container_contents{width:auto;}


.container_contents section{overflow:hidden;min-height:100px;background: #dcdcdc;}
.container_contents section>div{padding:0px;}

.intro-html-layout>div.col-sm-12{padding:0px;}

.con-area2{position:relative;}

.gu-slider .carousel-inner .item{height:600px;background-size:contain!important;background-position:center!important;}

.topmarginLay_a{margin-top:-32px;}

.carousel li {margin-right: 0px;}

.sl-con{display:table; width:100%; height:600px;;}
.sl-con>span{display:table-cell !important; vertical-align:middle;}
.sl-con img{margin: 0 auto;}
.sl-con-small>img{width:290px;}

video{min-width: 100%;min-height: 100%;width: auto;height: auto;background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;transition: 1s opacity;}

.section-about{position: absolute;top: 0px;right: 0px;max-width: 450px;text-align: left;padding: 35px;color:#000;background:rgba(255,255,255,0.5);}

.title-font1{font-family:Impact !important;font-size: 45px;}
.con-area2 .box strong {
    font-weight: 600;
}
.con-area3{padding:35px 0!important;}


.con-area4{min-height:150px;}
.gu-parallax { background: url(/skin/img/pcg24-bg1.jpg) 50% 0 fixed; height: auto;  margin: 0 auto; width: 100%; position: relative;   box-shadow: 0 0 50px rgba(0,0,0,0);padding: 0px; }
.con-area4 .text{padding:80px 20px;background:rgba(0,0,0,0.3);color:#fff;max-width:650px;margin:0 auto;}
.con-area4 .text h3{margin-bottom:15px;font-weight:bold;}

.socialArea img{border-radius: 50% !important;}

#map-canvas {width: 100%; height: 500px;margin: 0;padding: 15px;}
.gu-address{padding:25px;text-align:right;}

.addressmap{background: #f5f5f5;overflow: hidden;}

.intro-board-layout{width: 100%;}
.intro-board-layout .page-header{display:none;}


.section-board1{min-height:0px;background:#6EBFAC;}
.section-board1 h1{padding:45px 0;font-family: "Pacifico",cursive !important;color:#fff; font-size: 50px !important;}
.section-board1 a.btnBoard1{padding: 20px;color: #fff;background:#83CEBC;}

.gu-gotop{padding: 15px;display: block;background: #f5f5f5;margin-bottom: 35px;color: #000;}

.gu-btn-contact{}


/*블로그게시판 custom*/
.dhb-txt-box{width:33.3%;float:left;min-height: 300px;background: #FFF none repeat scroll 0% 0%;border: 0px solid #D9D9D9;}
.dhb-txt-box .text-right{display:none;}
.dhb-txt-list{width:100%!important;border-right: 0px solid #D9D9D9;}
.dhb-txt-list>.row div:first-child{width:100%;}
.dhb-txt-list>.row div:nth-child(2){width:100%;padding-top:15px;}

.thumb-hidden {border: 0px solid #FFF; box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0);}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { .dhb-txt-box{width:50% !important;} }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { .dhb-txt-box{width:33.3% !important;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .dhb-txt-box{width:33.3% !important;} }

.dhb-txt-box{width:100%;}

.gu-title{min-height:0px;background:#6EBFAC;}
.gu-title h1{padding:25px 0;font-family: "Pacifico",cursive !important;color:#fff; font-size: 20px !important;text-align:center;}

.mod-custom-form-index { margin-top: 32px; }

.dh-margin-top{clear:both;}

/*---------------------------------------basic style---------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video {
	vertical-align: baseline;
	
	-ms-word-break:  break-word;
	 word-break: break-word;
   
    /* Non standard for webkit */
   

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
img, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-size: 15px;
}

.btnEdit i,
.btnDelete i {
	color: #eee;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {	
	color: #FE0000;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color: #FE0000;
	transition: all 0.25s;
}
.caret, .navbar-inverse .divider-vertical {
	display: none;
}
/*---------------------------------------//basic style---------------------------------------------*/

/* publishing template monster 52929  */

body {
    font: 15px 'Arial', "나눔고딕", sans-serif;
    line-height: 1.428571429;
    color: #333333;
}

.body-layout {
    font-family: 'Arial', "나눔고딕", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial', "나눔고딕", sans-serif !important;
}

h2 {
    font:  bold 30px/1em 'Cabin', '나눔고딕';
    margin: 0 0 40px 0;
    color: #4f4f4f;
}

h3 {
    font: 500 18px/22px 'Cabin', '나눔고딕';
    margin: 0 0 5px 0;
    color: #3c3c3c;
}

h4 {
    font: 500  18px/1em 'Cabin', '나눔고딕';
    margin: 0 0 16px 0;
    color: #3c3c3c;
}

p {
    margin-bottom: 21px;
    line-height: 21px;
}

.intro-html-layout {
    margin-top: 0px;
}
@media (min-width: 768px) {
    .intro-html-layout {
        margin-top: 30px;
    }
}
.intro-html-layout .container {
    margin-right: auto;
    margin-left: auto;
}

.follow_icon {
    margin: 0;
    padding: 6px 0 18px 0;
    list-style: none;
}

.follow_icon li {
    display: inline-block;
    margin-left: 3px;
}

.follow_icon li:hover .fa,
.follow_icon li:focus .fa,
.follow_icon2 li:hover .fa,
.follow_icon2 li:focus .fa {
    color: red;
}

.follow_icon li a {
    width: 41px;
    height: 41px;
    border-radius: 100%;
    background: #ffffff;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
    outline: none;
    color: #c4c4c4;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}


.follow_icon .fa {
    display: inline-block;
    font-family: 'FontAwesome' !important;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.follow_icon li:first-child {
    margin: 0;
}


.follow_icon2 {
    margin: 0;
    padding: 6px 0 18px 0;
    list-style: none;
}

.follow_icon2 li {
    display: inline-block;
    margin-left: 18px;
}

.follow_icon2 li:first-child {
    margin: 0;
}

.follow_icon2 li a {
    font-size: 22px;
    color: #454545;
    outline: none;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.btn-default {
    text-decoration: none;
    display: inline-block;
    letter-spacing:1px;
    padding: 0 15px;
    font: bold 12px/40px 'Cabin' !important;
    margin: 0;
    border-radius: 40px;
    color: #5b5b5b;
    background: none;
    float: none;
    outline: none;
    border-color: #cccccc;
    background: #f7f7f7 url('/skin/img/main/btn.png') repeat-x;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.btn-default.btn2 {
    text-decoration: none;
    display: inline-block;
    padding: 0 30px;
    font: bold 12px/40px 'Cabin';
    margin: 0;
    border: 1px solid #ffffff;
    border-radius: 40px;
    color: #2f2f2f;
    background: #f0f0f0;
    float: none;
    outline: none;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:hover,
.btn-default:focus {
    color: #fff;
    background: #4c4c4c;
    text-decoration: none;
}

.list1 {
    margin: 0;
    padding: 14px 0 40px 0;
    list-style: none;
    text-align: left;
}

.list1.indent {
    padding: 0 0 20px 0;
}

.list1 li {
    font-size: 15px;
    line-height: 1.428571429;
    margin: 0 0 6px 0;
    overflow: hidden;
    padding-left: 21px;
    background: url('/skin/img/main/ico_list_arrow.png') 0 5px no-repeat;
}

.list1 li a {
    font: 16px 'Cabin', '나눔고딕';
    color: #868686;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.list1 li a:hover {
    color: #383838;
}

.list2 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.list2 li {
    font-size: 15px;
    line-height: 1.428571429;
    margin: 0 0 21px 0;
    overflow: hidden;
}

.list2 li figure {
    float: left;
    margin: 0 30px 0 0;
}

@media (max-width: 480px) {
    .list2 li figure {
        float: none;
        margin: 0 0 20px 0;
    }
}

.list4 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.list4 li {
    font-size: 15px;
    line-height: 1.428571429;
    margin-bottom: 27px;
    overflow: hidden;
}

.list4 li time {
    font: italic 24px/24px 'Cabin';
    margin: 0 0 12px 0;
    color: #464646;
    float: left;
    margin-right: 10px;
}

.list4 li p {
    margin-bottom: 0;
}

.list7 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list7 li {
    font-size: 15px;
    line-height: 1.428571429;
    margin-bottom: 33px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
}

.list7 li strong {
    color: #5b5b5b;
    font-size: 24px;
    width: 53px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    border-radius: 100%;
    float: left;
    margin-right: 17px;
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.thumbnail .caption {
    padding: 9px;
    color: #a5a5a5;
}

.extra-wrap {
    overflow: hidden;
}

.thumb-pad2 {
    margin: 0 0 40px 0;
}

.thumb-pad2 .thumbnail {
    position: relative;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
    overflow: hidden;
}

.thumb-pad2 figure {
    margin: 0 0 18px 0;
    display: inline-block;
    border: 7px solid #ffffff;
    border-radius: 100%;
}

.thumb-pad2 figure img {
    border-radius: 100%;
}

.thumb-pad2 .thumbnail .caption {
    padding: 0;
    overflow: hidden;
}

@media (min-width: 768px) {
    .intro-html-layout .container {
        /*width: 1170px;*/
        /*padding: 0;*/
    }
}

/* main page */

#section2,
#section4 {
    background-color: #dcdcdc;
}

/* navigation bar */
.navbar {
    position: absolute;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    background-color: #ffffff;
}

.navbar .navbar-brand img {width: 100%;}

.navbar .navbar-nav > li > a {
    color: #3F3F40;
    font: 600 16px "Open Sans", "나눔고딕";
    margin: 15px 0px 0px 0px;
}

.navbar .navbar-nav > li > a {
    color: #fff;
}
/* //navigation bar */

/* slide */
.gu-slider .carousel-inner .item {height: auto;}

#section1 .container {
    height: 100%;
    position: relative;
}

#section1 .sl-txt {
    right: 0px;
    bottom: 0px;
    position: absolute;
    padding: 10px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.5);
}

#section1 .sl-txt .title {
    font: 20px/30px 'Cabin';
    color: #fff;
    margin-bottom: 0;
}

#section1 .sl-txt .description {
    font: 20px/30px 'Cabin';
    color: #a2d6ff;
    margin-bottom: 0;
}
#section1 .sl-txt .description span{
    color:#fff;
}

.carousel-indicators {
    top: 60%;
    bottom: 80px;
    text-align: left;
    padding: 0;
    display: block;
    width: 100%;
    margin-left: -165px;
}
.carousel-indicators li {
    width: 68px;
    height: 3px;
    margin: 0 1px;
    border: none;
    background-color: #fff;
}
.carousel-indicators li.active {
    width: 68px;
    height: 3px;
    margin: 0 1px;
    border: none;
    background-color: #a2d6ff;
}

/*main slide part*/
.list1 li a {
    font: 16px 'Cabin', '나눔고딕';
    color: #868686;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

@media (min-width: 768px) {
    #section1 .container {
        padding: 0px 30px;   
    }
    #section1 .sl-txt .title {
        font: 600 50px/70px 'Cabin';
    }
    #section1 .sl-txt .description {
        font: 36px/1em 'Cabin';
    }
    #section1 .sl-txt {
        padding: 10px 20px 20px;
    }
    .carousel-indicators {
        top: 85%;
        width: 1170px;
        margin-left: -585px;
    }
}
@media (min-width: 992px) {
    .gu-slider .carousel-inner .item {
        height: 500px;
    }
}
/* //slide */

/* section2 */
#section2 {
    padding: 86px 0 48px 0;
    text-align: center;
}
#section2 h2{
    font: 600 35px/1em 'Cabin', '나눔고딕';
    color: #464646;
    margin-bottom: 11px;
    letter-spacing: -1.5px;
}
#section2 p {
    font: 500 15px/21px 'Cabin', '나눔고딕';
    color: #b7b7b7;
    margin-bottom: 0px;
}
#section2 .box {
    padding: 20px 0;
    margin-bottom: 1px;
    width: 100%;
    float: left;
    position: relative;
}
#section2 .box:after {
    content: '';
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: #fff;
}
#section2 .box1 {
    background: #d8544d;
}
#section2 .box2 {
    background: #e7ce04;
}
#section2 .box3 {
    background: #8cbd3a;
}
#section2 .box4 {
    background: #49b2a6;
}
#section2 .box5 {
    background: #4e6f89;
}
#section2 .box figure {
    height: 65px;
    margin-bottom: 10px;
}
#section2 .box a {
    color: #ffffff;
    text-transform: uppercase;
    font: 18px/24px 'Cabin' '나눔고딕';
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
#section2 .box a:hover,
#section2 .box a:focus {
    color: #5a5a5a;
}

#section2 .lnk,
#section3 .lnk,
#section4 .lnk,
#section5 .lnk {
    font: 600 22px 'Cabin' '나눔고딕';
    color: #517085;
    display: inline-block;
    margin-top: 30px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
#section5 .lnk:hover,
#section5 .lnk:focus,
#section4 .lnk:hover,
#section4 .lnk:focus,
#section3 .lnk:hover,
#section3 .lnk:focus,
#section2 .lnk:hover,
#section2 .lnk:focus,
#section2 .lnk:hover .fa,
#section2 .lnk:focus .fa {
    color: #FE0000;
}
#section2 .lnk span {
    font-size: 22px;
    float: right;
    margin: 0px 0px 0px 4px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
#section3 .lnk {
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    #section2 .box {
        width: 20%;
    }
}
/* //section2 */

/* section3 */
#section3 {
    padding: 30px 0 6px 0;
    text-align: center;
    background: #ffffff;
}
#section4 .badge {
    display: block;
    border-radius: 100%;
    width: 88px;
    height: 88px;
    background: #517085;
    text-align: center;
    font: bold italic 48px/84px 'Cabin';
    color: #ffffff;
    float: none;
    margin: 0px auto;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
#section4 .badge:hover {
    background: #4c4c4c;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
#section3 strong {
    font: bold 25px/1em '나눔고딕' 'Cabin';
    color: #4f4e4e;
    display: block;
    margin-bottom: 22px;
}
#section3 p {
    font: bold 12px/18px '나눔고딕' 'Arial';
    color: #a8a8a8;
    margin-bottom: 17px;
}

#section3 .col-lg-4 {
    margin-bottom: 40px;
}

#section3 .btn:hover {
    color: #fff;
    background: #4c4c4c;
    text-decoration: none;
}
/* //section3 */

/* section4 */
#section4 {
    padding: 86px 0 48px 0;
}
#section4 p {
    margin-bottom: 18px;
    color: #333333;
    font-size: 14px;
}

#section4 .title {
    font: bold  30px/1em 'Cabin','나눔고딕';
    color: #4f4f4f;
    margin-bottom: 41px;
}
#section4 .col-lg-4 {
    margin-bottom: 40px;
}
#section4 .thumb-pad1 .thumbnail {
    position: relative;
    margin: 0 0 19px 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
    text-align: left;
}
#section4 .thumb-pad1 figure {
    padding: 0;
    position: relative;
}
#section4 .thumb-pad1 figure time {
        font: 600 36px 'Cabin';
    color: #ffffff;
    position: absolute;
    text-align: center;
    display: block;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    margin: -22px 0 0 0;
    -webkit-transform: translateY(0) translateX(0) scale(1);
    transform: translateY(0) translateX(0) scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
#section4 .thumb-pad1 figure img {
    margin: 5px 0px;
    width: 100%;
}
#section4 .thumb-pad1 .thumbnail .caption {
    padding: 0;
    margin: 0;
}
#section4 .thumb-pad1 .thumbnail .caption strong {
    font: italic 24px/1em 'Cabin', '나눔고딕';
    color: #464646;
    margin-bottom: 15px;
    display: block;
}

#section4 .title2 {
    font: bold 70px/1em 'Cabin', '나눔고딕';
    color: #ff362d;
    margin: -60px 0 3px 0;
}
#section4 .description1 {
    font: bold 25px/1em 'Cabin', '나눔고딕';
    color: #444;
    margin: 0 0 19px 0;
    letter-spacing: -1px;
}
#section4 .description2 {
    font: 30px/1em 'Cabin', '나눔고딕';
    color: #a9a9a9;
    margin: 0 0 18px 0;
}
#section4 a {
    width: 100%;
}
#section4 .wrapLnk .fa {
    float: right;
    margin-top: 4px;
}
/* //section4 */

/* section5 */
#section5 {
    overflow: hidden;
    padding: 30px 0 0 0;
    text-align: center;
}
#section5 {
    border-top: 1px solid #ededed;
}

#section5 .title {
    font: bold 30px/1em 'Cabin', '나눔고딕';
    color: #4f4f4f;
    margin-bottom: 41px;
}

#section5 {
    overflow: hidden;
    padding: 80px 0 12px 0;
    background-position: center center;
    position: relative;
    background-color: #3e5362;
    background-image: url('/skin/img/main/bg_s5.jpg');
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
}

#section5 strong {
    font: 600 18px 'Cabin','나눔고딕';
    margin-bottom: 10px;
    display: block;
    color: #404040;
}
#section5 .lnk {
    margin-top: 0px;
}
/* //section5 */

/* section6 */
#section6 {
    overflow: hidden;
    padding: 95px 0 47px 0;
    background: #ededed;
}

#section6 .col-lg-4,
#section6 .col-lg-3 {
    margin-bottom: 40px;
}

#section6 .title {
    font: bold 26px/1em 'Cabin', '나눔고딕';
    color: #33383c;
    margin-bottom: 41px;
}

.thumb-pad4 {
    margin: 0;
    padding: 0 0 2px 0;
    overflow: hidden;
}

.thumb-pad4 .thumbnail {
    position: relative;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
}

.thumb-pad4 figure {
    margin: 0 0 20px 0;
}

.thumb-pad4 figure img {
    width: 100%;
}

.thumb-pad4 .thumbnail .caption {
    padding: 0;
}

#section6 .box_info {
    padding-bottom: 42px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 48px;
}

#section6 .box_info strong {
    font: 28px/36px 'Cabin' '나눔고딕';
    color: #8a8a8a;
    margin-bottom: 41px;
}
/* //section6 */

/* section7 */
address,
address strong,
address a {
    font: italic 16px 'Cabin';
    color: #868686;
}

.gu-address {
    display: none;
}
/* //section7 */
/* //main page */

/* sub page */
.sub-layout {
    margin-top: 0px;
}
@media (min-width: 767px) {
    .sub-layout {
        margin-top: 40px;
    }
}

.content.indent {
    padding: 10px 0 0 0;
    background: #ffffff;
}

.who-box {
    background: #ffffff;
    position: relative;
}

.who-box .col-lg-4 {
    margin-bottom: 58px;
}

.thumb-pad4 {
    margin: 0;
    padding: 0 0 2px 0;
    overflow: hidden;
}

.thumb-pad4 .thumbnail {
    position: relative;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: none;
}

.thumb-box6 {
    overflow: hidden;
    padding: 78px 0 0 0;
    text-align: center;
    background: #f1f1f0 url('/skin/img/sub/pattern.png') repeat;
    border-top: 8px solid #e4e4e4;
}

.thumb-box6 .container > .row {
    margin-right: -15px;
    margin-left: -15px;
}

.thumb-box6 strong {
    font: 600 18px 'Cabin','나눔고딕';
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
    color: #404040;
}

.thumb-box7 {
    overflow: hidden;
    padding: 80px 0 0 0;
}

.thumb-box7 .col-lg-3,
.thumb-box7 .col-lg-4,
.thumb-box7 .col-lg-5 {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .content.indent {
        padding: 79px 0 0 0;
    }
    
    .thumb-box6 .container > .row {
        margin-right: 0;
        margin-left: -30px;
    }
}
/* //sub page */

/* footer */
.footer_copy{
    padding:20px 0;
    background-color: #3E403F;
}
.footer_copy .wrapFooter {
    display: inline-block;
    float: none;
    margin: 0 auto;
    color: #ffffff;
    text-align: left;
}
.footer_copy .wrapFooter span:nth-child(1) {
    padding-left: 0px;
}
.footer_copy .wrapFooter span {
    display: inline-block;
    padding: 0px 4px;
    line-height: 20px;
}
.footer_copy .wrapFooter .info {
    padding-top: 10px;
}
@media (min-width: 992px) {
    .footer_copy .wrapFooter {
        width: 1170px;
    }
    
    .footer_copy .wrapFooter .info {
        padding-top: 0px;
    }
}
/* //footer */

.footer-social-layout {display: none;}

/* //publishing template monster 52929  */


/* customizing */
/*.mgT50 {margin-top: 50px}*/
@media (max-width: 767px) {
.mgT25{margin-top:30px;}
}

.navbar-toggle {background-color: #4c4c4c;}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333333;
    }
}

.subTitle h2 {
    padding-left: 40px;
    background: url('/skin/img/bg_subTitle.jpg') no-repeat center left;
}
.location {
    padding-left: 0px;
}
.location ol {
    float: right;
    margin-left: -20px;
    padding-top: 15px;
    list-style-type: none;
}
.location ol li {
    float: left;
    padding-left: 10px;
    padding-right: 15px;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    background: url('/skin/img/bg_location.png') no-repeat center right;
}
.location ol li:first-child {
    padding-left: 0px;
}
.location ol li:last-child {
    padding-right: 0px;
    background: transparent;
}

.subPage {
    margin-bottom: 82px;
    font-size:14px;
}
.subPage h4 {
    margin-bottom:10px;
    color: #0E476F;
    font-size: 22px;
    font-weight: 700;
}
@media (min-width: 992px) {
    .subPage h4 {
        margin-top: 10px;
    }
}
.subTable1 tbody tr th, .subTable1 tbody tr td {
    border: 1px solid #999;
}
.locationTable {margin-top: 30px;}
.locationTable tbody tr th, .locationTable tbody tr td {
    vertical-align: middle;
    border: 1px solid #999;
}
.locationTable tbody tr th {
    width: 50px;
    background-color: #E4EEF1;
}

#map_addr {display: none;}

.form-control {height: 42px; box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.3);}
.input-group-btn > .btn {height: 42px; box-shadow: 0px 1px 0px 0 rgba(0, 0, 0, 0.3);}

.dh-view-box > .row > .page-header > h4 {
    margin: 10px 0px;
}
/* //customizing */

a.toTop {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 40px;
    bottom: 40px;
    display: none;
    z-index: 1000;
    background: transparent url('/skin/img/btn_toTop_default.png') center center no-repeat;
}
a.toTop:focus,
a.toTop:hover {
    background: transparent url('/skin/img/btn_toTop_hover.png') center center no-repeat;
}

.subTable2 {font-size:14px;}
.red{color:#f00;}
.greeting_section{margin-bottom:20px;}
.text_center{display:block; text-align:center;}
.grayline{height:1px; border-bottom:1px solid #cccccc; margin-bottom:20px;}
.sub_list{margin-bottom:30px; font-size:16px;}

.subTable3{
    margin-bottom:60px;
    text-align:center;
    font-size:16px;
}
.subTable3 tbody{
    border-top:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
}
.subTable3 tr:nth-child(1){
    background-color:#eeeeee;
    font-weight:700;
}
.subTable3 td{padding:8px 0;}
.go_list_btn{
    display:block;
    margin-bottom:50px;
}
.brand_btn{
    width:15%;
    margin-bottom:15px;
    margin-right:10px;
}
@media (max-width: 991px) { .brand_btn{width:30%} }

@media (max-width: 767px) { .brand_btn{width:45%} }

.quickmenu{
    list-style-type:none;
    border:1px solid #ccc;
    border-radius:5px;
    display:inline;
    position:fixed;
    right:40px;
    top:250px;
    padding:30px;
    text-align:center;
    font-size:14px;
    line-height:25px;
}
.quickmenu a{color:#333;}
.quickmenu a:hover{
    font-weight:500;
    color:#FE0000;
}
.quickmenu > .menu_name{
    font-size:16px;
    font-weight:600;
    text-align:center;
    padding-bottom:9px;
}
@media (max-width: 767px) {
    .quickmenu{display:none;}
}
@media (max-width: 991px) {
    .quickmenu{display:none;}
}

/*locationBox*/

.locationBox table{
    width:158px;
}

.locationBox{
    margin-top:29px;
}
.locationBox a{
    color:#333;
}

.locationBox tbody tr td{
    font-size:12px;
}

.locationBox .on,
.locationBox .on a{
    font-weight:bold;
    color:#333 !important;
}

.locationBox thead tr th{
    background-color: #ee1d23 !important;
    color: white;
    border:1px solid #ee1d23 !important;
}

.locationBox thead tr th h3{
    margin:0;
    font-size: 17px;
    color:#fff;
}

.locationBox tbody tr td{
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom:1px solid #eee;
    background-color:#fff;
}

.locationBox tbody tr:last-child td{
    border-bottom:1px solid #ddd !important;
}

.locationBox tbody tr .sub-location{
    border-top:0px;
    border-left:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
    padding-left:15px;
    padding-top:3px;
    line-height:1.5;
}

.locationBox tbody tr .main-location{
    border-bottom:0px;
    padding-bottom:0;
}

.locationBox a:focus,
.locationBox a:hover{
   text-decoration:none !important;
}

@media (max-width:767px){
    .locationBox{
        display:none;
    }
}

/*locationBox End*/

.tablewrap .tablewrap{
    padding:0;
}
/*setting*/
.f-bold{font-weight:bold;}
.marg01{margin-top:40px;}
.marg02{margin:70px 0 35px;}
.padd0{padding:0!important;}
.img100{width:100%;}
.subTitle{    position: relative; height: 45px; margin-top: 10px; border-bottom: 2px solid #D80000;
    margin: 0 auto 20px; width: 97%;}
.location{position:absolute;}
.location, .txtBox{padding:0!important;}


/*spring_wiper 페이지*/

.page_comm img{display:inline-block; *display:inline; zoom:1; border:1px solid #ededed; border-radius:5px; font-size:0;}
.page_comm ul{font-size:16px; margin-top:10px;}
.page_comm ul li{margin-top:10px;}
.txtBox h2{margin:0!important; }


.multi img{border:none!important;}
.multi .grid li{padding:0!important;}

.package .title{color:#333; width:95%;}
.package .title span{background:#ff0000; display:inline-block; *display:inline; zoom: 1; vertical-align: middle;
    width: 10px; margin-top: -4px; margin-right: 5px;}
.package img{width: 95%; margin: 0 auto 15px; font-size:0;}    

.vertical_padd{padding:18% 0;}
@media only screen and ( max-width:798px){
    .vertical_padd{padding:10px; 0;}
}
.menu-top{text-align:right; max-width:1170px; width:100%; margin:0 auto; padding-right: 17px;}
.menu-top img{display:inline-block; *display:inline; zoom:1; cursor:pointer;}


.grid-container { overflow: visible; background: white;}
.grid-table-container { overflow: visible; }
.sheets-viewport{width:100%!important;}
.switcherContent, .switcherArrows, .switcherOuter{display:none;}
#top-bar {
  background: url("//ssl.gstatic.com/docs/spreadsheets/publishheader.png") repeat-x bottom;
  margin: 0;
  overflow: hidden;
  border:1px solid #333;
}
#top-bar {
  border-bottom: 1px solid #ccc;
  padding: 6px 6px 0;
}
#doc-title { padding-bottom: 5px; }
#doc-title .name { font-size: 15px; }      
body{-ms-word-break: break-word!important; word-break: break-word!important; word-wrap:break-word!important; word-break: normal; }
p{word-wrap:break-word!important; word-break: break-word!important; -ms-word-break: break-word!important; }


/*게시판 layout---------------------------------------------------------------------------------*/
.contact-mail-layout, .mod-custom-form-add, .bbs-list-add-layout, .bbs-list-edit-layout, .bbs-list-view-layout, 
.bbs-blog-index-layout, .bbs-blog2-index-layout, .bbs-list-index-layout{position:relative;}
 .dh-view-box, .form-horizontal, .dh-board{ position: relative; width: 83.333333%; margin-left: 195px;}
.dh-board_head{position: relative; width: 83.333333%; margin-left: 195px; }
#mailForm{width:80%; margin:0 auto;}
@media only screen and (max-width:998px){#mailForm, .dh-board_head, .dh-view-box, .form-horizontal, .dh-board{width:100%; margin:0;}}
 
.left_menu_wrap{position:absolute; left:0; top: 0;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 14px 10px;  font-size: 14px; line-height: 1; vertical-align: middle;}
.lang_btn:focus, 
.lang_btn:active,
.lang_btn{background: #517085; padding: 5px 12px;  font-size: 12px; color: #fff; 
 border-radius: 4px; font-weight: 600; text-decoration:none;}
.lang_btn:hover{ background:#ddd; text-decoration:none; color:#333;}