/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
* {font-family: "NanumGothic", sans-serif !important; letter-spacing: -0.5px;}
h1, h2, h3, h4, h5, h6, p {font-family: "NanumGothic", sans-serif !important;}
p { word-break: break-word; word-wrap: break-word;}
@media screen and (max-width: 767px) { p { word-break: break-all; } }
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}

/* 삭제 */
.footer-social-layout {display: none;}

/* 메뉴 설정 시작 */
.navbar-inverse{background: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; top: auto;}
.navbar-inverse .divider-vertical{display: none;}
.caret{display: none;}
.navbar ~ br{display: none;}
.topmarginLay_a{height: 0px !important;}
@media screen and (max-width: 767px) {
	.topmarginLay_a{height: 0px !important;}
}

/*===== 메뉴 상단 영역 설정 =====*/
.navbar-top {width: 100%; padding: 0; background: #2e4142;}
.navbar-top-wrap {width: 100%; max-width: 1170px; margin: 0 auto;}
.navbar-top-wrap ul {margin:0; padding: 0;}
.navbar-top-wrap ul li {float: left;}
.navbar-top-wrap .navbar-top-btn {margin: 0; padding: 12px 15px; display: inline-block; color: #c8c8c8; font-size: 12px; font-weight: 300; line-height: 1;}
.navbar-top-wrap ul li:last-child .navbar-top-btn{background: #242d2e; color: #fff;}
@media screen and (max-width: 991px) {
	.navbar-top-wrap{width: 100%;}
}
@media screen and (max-width: 767px) {
	.navbar-top {display: none;}
}

/*===== 로고 설정 =====*/
.navbar-brand{margin: 7px 0 7px; padding: 10px 15px;}
.navbar-inverse .navbar-brand{color: #333; font-size: 28px; font-weight: 400; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); letter-spacing: -1px;}
.navbar-brand img {width: 100%; margin-top: 0;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{color: #333; background-color: rgba(0,0,0,0);}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand{margin: 32px 0 0;}
    .navbar-brand img{width: 180px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-brand{margin: 0px 0 0;}
    .navbar-top > div > a{margin: 5px 20px 0;}
}

/*===== 메인 메뉴 설정 =====*/
.navbar-inverse .navbar-nav > li > a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    letter-spacing: -0.02em;
    padding: 10px 0 15px;
    margin: 22px 30px 0;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background: #fff; color: #216dbb; box-shadow: 0 0 0 rgba(0,0,0,0); border: none;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #216dbb;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 0; padding: 14px 20px 14px 20px;}
	.navbar-nav .open .dropdown-menu{padding: 0;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color: #333; border: none !important; margin: 0 0 0; background: #f7f7f7;}}

/*===== 서브 메뉴 설정 =====*/
.dropdown-menu {
    background: #383838;
    left: 0 !important;
    right: auto !important;
    padding: 15px 0;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.dropdown-menu > li > a {
    color: #e1e1e1;
    padding: 5px 30px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    letter-spacing: -0.03em;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: rgba(0,0,0,0); color: #58b8ff; font-weight: 600;}

/*===== 모바일 메뉴 설정 =====*/
.navbar-toggle { background: #fff; border-radius: 0; border: none; margin:8px 10px 0px;}
@media(max-width: 767px) {
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #5a5a5a;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; background: #ea2037;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}

/* //메뉴 설정 끝 */


/* 푸터 영역 시작 */
.footer_copy .text-center { padding: 30px 0; margin-top: 0px; background-color: #414141; }
.footer_copy .text-center .inner { padding: 0 15px; max-width: 1170px; margin: 0 auto; color: #8a8a8a; font-size: 12px; line-height: 1.8; overflow: hidden;}
.footer_copy .text-center .inner + br { display: none;}
.footer_copy .text-center p { float: left; margin-bottom: 0;}
.footer_copy .text-center p.copyright {float: right;margin-top: 12px;}
.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; } }
/* 푸터 영역 끝 */


/* ========== 슬라이드 영역 설정 시작 ========== */
.container_slide {width: 100%; padding: 0;}
.carousel-control {display: none;}
.fill {height: 550px; background-size: cover;}
.fill h1 span {
	padding: 0;
    background: rgba(0,0,0,0);
    opacity: 1;
    text-shadow: 1px 2px 0px rgba(0,0,0,0.5);
    font-size: 58px;
}
.carousel-caption {
	padding: 0;
    bottom: 5%;
    right: 5%;
    text-align: right;
}
/* ========== //슬라이드 영역 설정 끝 ========== */


/* ========== 메인 페이지 설정 시작 ========== */
.container_contents {width: 100%; padding: 0;}
.intro-html-layout {width: 100%; margin: 0 auto;}
.intro-html-layout > .col-sm-12 {padding: 0;}

.intro-boardbox .page-header{
	padding: 0 0 10px; margin: 0px 0 20px; border-bottom: 1px solid #e3e3e3;
}

.intro-boardbox .page-header h4{
	margin: 0; 
	color: #313131; 
	font-size: 22px; 
	font-weight: 600; 
	letter-spacing: -0.01em;
}


/* 메인 섹션1, 섹션2 */
#mainsec01 {width: 100%; padding: 30px 0; border-bottom:1px solid #ddd}
#mainsec01 > .row {max-width: 1170px; margin: 0 auto;}

.col_divided_8 { width: 12.5%; float: left; padding: 0 3px; position: relative;}
.col_divided_8 span {
	position: relative;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,0.6);
    display: block;
    text-align: center;
    top: -25px;
}
.col_divided_8:hover a img {outline: 1px solid #216dbb;}
#mainsec01::after { content:""; display: block; clear: both; }
@media screen and (max-width: 991px) { .col_divided_8 { width: 25%;padding: 0} }
@media screen and (max-width: 767px) { .col_divided_8 { width: 50%; } }

#mainsec02 {padding: 30px 0; background: #f5f5f5;}
#mainsec02 > .row {max-width: 1170px; margin: 0 auto;}
#mainsec02 .main-box {padding: 0;border-bottom: 1px solid #ddd; background: #fff;}
#mainsec02 .main-box a:after { display: block; content: ""; width: 1px; height: 25px; background: #ccc; margin-top: -35px; float: right;}
#mainsec02 .main-box:last-child a:after {content:none}

#mainsec02 .main-box a { display: block; padding: 50px 0;}
#mainsec02 .main-box .main-box-in{margin: 0 auto; padding: 0 15px; overflow: hidden;}
#mainsec02 .proposal-box .main-box-in {max-width: 230px;}
#mainsec02 .call-box .main-box-in {max-width: 260px;}
#mainsec02 .brochure-box .main-box-in {max-width: 315px;}

#mainsec02 .main-box h3 {display: inline-block; margin: 8px 0 0; font-size: 22px; font-weight: 600; color: #4a4a4a;}
#mainsec02 .call-box.main-box h3 { margin: -2px 0 0; color: #216dbb;line-height: 1.1;}
#mainsec02 .call-box span { display: block; font-size: 16px; color: #7b7b7b; font-weight: 400;}

#mainsec02 .icon-area { width: 45px; height: 44px; display: block; margin-right: 25px; line-height: 1; float: left;}
#mainsec02 .proposal-box .icon-area {background-image: url(/skin/img/main/main-icon1.png);}
#mainsec02 .call-box .icon-area {background-image: url(/skin/img/main/main-icon2.png);}
#mainsec02 .brochure-box .icon-area {background-image: url(/skin/img/main/main-icon3.png);}

@media screen and (max-width:991px){
	#mainsec02 .main-box h3 { margin: 11px 0 0; font-size: 18px;}
}
@media screen and (max-width:767px){
	#mainsec01{padding: 0; border-bottom: none;}
	#mainsec02{padding:15px}
	#mainsec02 .main-box a {padding: 20px 25px;}
	#mainsec02 .main-box .main-box-in {margin: 0;}
	#mainsec02 .main-box a:after{content:none;}
	#mainsec02 .proposal-box .main-box-in, #mainsec02 .call-box .main-box-in, #mainsec02 .brochure-box .main-box-in  {max-width: none;}
}

/*main page board part*/
.intro-board-widget-layout{background:#f5f5f5}
.col-sm-12.intro-boardbox .page-header{padding-bottom:10px;margin:40px 0 15px;border-bottom:1px solid #aaa}
.col-sm-12.intro-boardbox .panel-body{padding:30px 15px}
.intro-boardbox>.page-header>h4>.btn{color:rgba(0,0,0,0)}
.intro-board-widget-layout .intro-boardbox .page-header h4{font-weight:700;font-size:34px;color:#444}
.dh-front-list2-words .row-separator{visibility:hidden}
.dh-front-list2-words .list-row-regdate{color:#ef950f}
.dh-front-list2 h6 a,.dh-front-list2 h6 a span{font-size:16px;font-weight:600;color:#444}
.dh-front-list2 h5 a{font-size:13px!important;line-height:18pt;font-weight:400}
.board-gadget-wrap{padding-top:43px;padding-left:50px}
.board-gadget-wrap div.col-md-12{padding-bottom:20px}
.board-gadget-wrap .board-gadget{border:1px solid rgba(0,0,0,0);padding:30px 20px;background:#eee}
.board-gadget-wrap .board-gadget h3{color:#444;font-size:28px;margin-bottom:18px}
.board-gadget-wrap .board-gadget p{color:#444;font-size:15px;line-height:18pt}
.board-gadget-wrap .board-gadget img{margin-top:35px}
.board-gadget-wrap .board-gadget h2{margin:0;font-size:44px;letter-spacing:-1pt;color:#ef950f}
.board-gadget-wrap .board-gadget p a.btn{border:1px solid #ef950f;padding:10px 50px;color:#ef950f;font-weight:600;font-size:18px;border-radius:2px}
.board-gadget-wrap .board-gadget p a.btn:hover{border-bottom:1px solid #ef950f!important}
.intro-board-widget-layout .intro-boardbox:nth-child(1),.intro-board-widget-layout .intro-boardbox:nth-child(2){width:50%}

/*sub page*/
.top-sub-bg {background:url(/skin/img/slide/sliderImg.jpg) no-repeat;background-position:center;width:100%;height:320px;position:relative}
.top-sub-bg > div{position:absolute;bottom:80px;left:19%;width:1170px}
.top-sub-bg .breadcrumb{padding:0 15px;margin-left:20px;margin-top:38px;float:left}
.top-sub-bg h2{background-position:0 7px;color:#ef950f;font-size:48px}
.top-sub-bg .breadcrumb{background:#fff;color:#585858}
.top-sub-bg .breadcrumb > li{font-size:12px}
.top-sub-bg .breadcrumb > li + li::before{content:'|'}
.top-sub-bg .breadcrumb > .active{color:#ff00de;font-weight:700}
.content{font-size:15px}
.content h2{margin-top:70px;border-bottom:1px solid #ddd;padding-bottom:40px;padding-left:90px;font-size:33px}
.content .content-sub,.content .sub-bg{padding:70px}
.content .sub-bg{width:100%;height:900px;position:relative;margin:50px 0;background:url(/skin/img/c_bg01.png) no-repeat;background-size:contain;background-position:center}
.content .sub-bg .sub-content{width:25%;word-break:keep-all;text-align:center;color:#fff}
.content .sub-bg .sub-content:nth-child(1),.content .sub-bg .sub-content:nth-child(2),.content .sub-bg .sub-content:nth-child(3){position:absolute}
.content .sub-bg .sub-content:nth-child(1){top:200px;right:340px}
.content .sub-bg .sub-content:nth-child(2){top:335px;left:244px}
.content .sub-bg .sub-content:nth-child(3){right:320px;bottom:251px}

/*mobile part*/
@media all and (max-width:920px) {
.intro-board-widget-layout .intro-boardbox:nth-child(1),.intro-board-widget-layout .intro-boardbox:nth-child(2){width:100%}
.board-gadget-wrap{padding-left:0}
.board-gadget .col-md-8{text-align:center}
}

/* ONLINE BROCURE */
.brocure{background-color:#000}
.brocure.product-title{border-bottom:1px solid #fff}
.brocure h1,.brocure h3,.brocure p{color:#fff}
.brocure h1{font-size:34px;float:left;display:inline-block;margin:0}
.brocure p{font-size:18px;color:#909090;display:inline-block;padding-left:20px;padding-top:15px;margin:0}
.brocure img{display:inline-block;position:absolute;right:0}

.intro-board-layout,.intro-widget-layout{width:100%}
.intro-widget-layout.col-sm-4{background:url(/skin/img/bg_brochure.gif) no-repeat!important}
.intro-widgetbox{margin-top:0}
.intro-widgetbox.thumbs{padding-bottom:60px}
.intro-widgetbox > .dh-front-gallery{padding:0}
.row.dh-front-gallery.thumbs.intro-widgetBoardbox{width:1170px;margin:0 auto}
.intro-widgetBoardbox{padding-top:30px!important;border:none;background-size:cover!important;background:rgba(0,0,0,0)!important}
.intro-widgetBoardbox > a{display:none}
.dh-front-gallery a:hover{border:none}
.dh-front-gallery .thumbnail{border:none;border-radius:0}
/* //ONLINE BROCURE */


/*.body-layout > .container {width: 100%;}*/
/* .intro-board-layout.col-sm-8{width:1170px;left:50%;margin-left:-585px;padding-bottom:40px} */
/* ========== //메인 페이지 설정 끝 ========== */


/* 서브 페이지 */
.sub-layout {width: 100%; min-height: 700px; padding: 0;}
#page { width: 100%; max-width: 1170px; padding: 0 15px; margin: 0 auto;}
#page .sub_content { padding: 40px 0px 80px; margin:0; visibility: hidden; }
.visual_wrap{
    background:url('/skin/img/sub/sub_top.jpg') no-repeat 50% 50%;background-size:cover;background-position-y:50%;
    animation: visual_moving;
    animation-duration: 13s;
    animation-timing-function: linear;
	position: relative;
	height: 100px;
}
.visual_wrap .visual{position:relative;height:100%;z-index:11}
.visual_wrap .wrapper{height:100%}
.wrapper{position:relative;margin:0 auto;width:100%}
.visual_wrap .sub_headline{position:relative;}
.visual_wrap .sub_headline h1 {text-align: center; color: #fff; font-size: 30px; font-weight: 400; line-height: 1; letter-spacing: -0.03em;}
@media screen and (max-width: 767px) { .visual_wrap .sub_headline { padding-top: 35px; } }
.visual_wrap .sub_headline *{margin:0;padding:0;vertical-align:middle}
.visual_wrap .sub_headline p{display:none}
#sub_nav {display: none;}
#sub_nav_wrap { background: #F2F2F2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }



@media screen and (min-width: 768px) { 
    .visual_wrap{height:150px;z-index:11}
    .visual_wrap .sub_headline {position: absolute; top: 50%; left: 0; padding: 0;}
    .visual_wrap .sub_headline h1{margin-bottom:-5px;padding:5px 0;font-size:30px; text-align: left;}
    .visual_wrap.sub01 .sub_headline h1 span{background-position:0 -87px}
    .visual_wrap.sub01 .sub_headline h1 span{background-position:0 -3px}
    .visual_wrap .sub_headline h1 span{display:inline-block;overflow:hidden;position:relative;margin-right:22px;margin-left:-90px;width:65px;height:65px;background:url(/images/common/bg_sub_headline.png) no-repeat}
    .visual_wrap .sub_headline p{display:block;margin-top:-20px;color:#fff;font-size:14px;line-height:1;letter-spacing:1px}
}
@media screen and (min-width: 1024px) { 
    .wrapper{width: 100%;}
    .visual_wrap{height:150px;-webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear}
    .visual_wrap .sub_headline {top: 50%; margin: -60px 0 0;}
    .visual_wrap .sub_headline h1 {font-size:50px}
    .visual_wrap .sub_headline p {margin-top:0}
    #sub_nav{position:relative;display:block;z-index:12}
    #sub_nav_wrap{position:relative;padding-right:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
    #sub_nav .sub_nav_listgroup{position: relative; padding: 0; max-width: 1140px; width: 100%;}
    #sub_nav .sub_nav_listgroup .sub_nav_list{display: inline-block;}
    #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link { z-index: 10; position: relative; display: block; padding: 20px 20px; text-align: center; font-size: 15px; line-height: 1; color: #eee; transition: border-color 0.1s,color .3s; -webkit-transition: border-color 0.1s,color .3s;}
    #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) { 
    #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {padding: 9px 20px;font-size: 12px;}
}



.sub_nav_list { margin: 0px -3px; }
.sub_nav_listgroup { margin: -1px auto; }
.sub_nav_listgroup .sub_nav_list > a {
	color: #6b6b6b !important;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
} 

.sub_nav_listgroup .sub_nav_list:first-child > a {
	background: url('/skin/img/sub/sub_home_icon.png') no-repeat center / 45%;
}


/*===== 사이드바 ======*/
.sidebar {padding:12px 60px 0 0;}
.sidebar h2 {color: #313131;font-size: 24px; font-weight: bold; letter-spacing: -0.03em;border-bottom: 2px solid #313131; padding: 0 0 15px; margin: 0;}
.sidebar ul {margin: 20px 0 0 0; padding: 0; border-top: 1px solid #e3e3e3;}
.sidebar ul li { border-bottom: 1px solid #ddd; padding: 0; margin: 0;}
.sidebar ul li a {color: #4a4a4a; display: block; width: 100%; font-size: 13px; padding: 15px 15px; line-height: 1; font-weight: 600;}
.sidebar ul li.active { background: #595959; } 
.sidebar ul li.active a {color: #fff;}
.sidebar ul li a:after { content: ""; display: block; float: right; width: 10px; height: 1px; background: #aaa; margin-top: 6px;}
.sidebar ul li.active a:after {content: ""; display: block; float: right; width: 10px; height: 2px; background: #fff; margin-top: 6px;}
.sidebarInner {margin: 0 0 40px;}
@media screen and (max-width: 991px) {
	.sidebar {padding: 0 10px;}
}
.page_title { margin: 0; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; font-size: 24px; font-weight: bold;}

/*===== text 설정 =====*/
h3.sub_title { font-size: 18px; margin-bottom: 25px; }
h3.sub_title::before { content: ""; width: 13px; height: 13px; background:#216dbb; display: inline-block; margin-right: 10px; }
.text_wrap {padding: 0 50px 0 30px;}
.text_wrap h3 {color: #444; font-size: 23px; font-weight: bold; margin: 0 0 35px; letter-spacing: -0.05em;}
.text_wrap p {color: #666; font-size: 14px; line-height: 1.8; margin: 0 0 30px;}
figcaption, figcaption p { text-align: center; margin-top: 10px; }
figcaption p { text-align: center; font-weight: 600; margin: 15px auto 0; font-size: 13px; color: #4a4a4a; word-break: keep-all;}
figcaption p:before { content: ""; display: block; width: 15px; height: 1px;  background: #4a4a4a; margin: 0 auto 10px;}

/*===== 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, .table > tbody > tr > td {vertical-align: middle; text-align: center; padding: 12px 20px;}

/* intro */
.intro_ment {font-size: 16px; font-weight: 600; word-break: keep-all; color: #216dbb; margin-bottom: 25px; line-height: 1.7;}

/* history */
.history_tb {border-top: 2px solid #216dbb; border-bottom: 2px solid #4a4a4a;}
.history_tb th {border-bottom: 1px solid #a3c0de; font-size: 24px; font-weight: 600; color: #216dbb; vertical-align: top !important; text-align: left !important;}
.history_tb .month {font-weight: 600; text-align: center !important; padding-right: 0;}
.history_tb td { border-bottom: 1px solid #ddd; text-align: left !important;  font-size: 13px;}

/* location */
.location_tb {border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a;}
.location_tb td i {font-size: 40px; color: rgba(33, 109, 187, 0.33);}
.location_tb td i:hover {color: rgba(33, 109, 187, 1);}
.location_tb td span {font-weight: 700;}
.location_tb th { font-size: 18px; font-weight: 600; color: #216dbb;}
.location_tb tr, .location_tb td { border-bottom: 1px dotted #ccc; text-align: left !important; line-height: 1.7 !important; padding: 20px !important;}

/* current_state */
.current_state table { margin-top: 35px; }
.current_state tr th, .current_state tr td { font-size: 14px; font-weight: bold; height: 44px; }

/*service */
.service01 .table-bordered th, .service01 .table-bordered td, .service09 .table-bordered th, .service09 .table-bordered td {border: 1px solid #ccc !important;}
.service01_tb01, .service01_tb02, .service09_tb {border: none; border-top: 2px solid #216dbb !important; font-size: 12px;}
.service01_tb01 th, .service01_tb02 th, .service09_tb th,.service01_tb01 td, .service01_tb02 td, .service09_tb td {padding: 10px 20px !important;}
.service09_tb tr th, .service09_tb tr td { font-size: 14px; font-weight: bold; }

table tr.color_black {background: #f0f7ff;}
table tr.color_gray { background: #f3f3f3;}
p.time { text-align: center; margin-bottom: 0px; margin-top: -20px; font-weight: bold; }
p.red { color: #FF0000; }
p.dday { 
	color: #696969;
    margin-top: -40px;
    display: block;
    margin-bottom: 20px;
    text-align: center; 
}
.dotted_box {background: #F2F2F2; padding: 15px; max-width: 250px; width: 100%; border: 1px solid #ccc; font-size: 13px; line-height: 1.6;}
.dotted_box > ul { padding-left: 25px; margin-bottom: 0;}
.dotted_box > ul > li { list-style-type: disc; }
@media screen and (max-width: 767px) {
	.dotted_box { max-width: 100%; width: 100%; }
}


.flow_wrap .col_divided_5 { width: 20%; float: left; position: relative; min-height: 140px; }
.flow_wrap .col_divided_6 { width: 16.66666667%; float: left; position: relative; min-height: 140px;}
.flow_wrap .col_divided_7 { width: 14.28%; float: left; position: relative; min-height: 140px;}
.flow_wrap .col_divided_5::after, .flow_wrap .col_divided_6::after, .flow_wrap .col_divided_7::after { content: "\f061"; font-family: FontAweSome; position: absolute; bottom: 0; top: 20%;}
.flow_wrap .col_divided_5:first-child::after, .flow_wrap .col_divided_6:first-child::after, .flow_wrap .col_divided_7:first-child::after { display: none; }
.flow_wrap .col-sm-4::after { content: "\f061"; font-family: FontAweSome; position: absolute; bottom: 0; top: 20%; margin-left: -20px; }
.flow_wrap .col-sm-4:first-child::after, .flow_wrap .col-sm-8 + .col-sm-4::after { display: none; }

.service_range .col_divided_5 { width: 19%; float: left; margin: 0 .5%; }
.service_range .panel { box-shadow: none; border-radius: 0%;background: #f3f3f3; border: none;}
.service_range .panel .panel-heading { text-align: center; background: #595959; border-radius: 0%; padding: 15px;}
.service_range .panel .panel-heading h4 {font-size: 15px; color: #fff; font-weight: 600; margin: 0;}
.service_range .panel .panel-body {padding: 15px 10px; line-height: 1.7; font-size: 14px; color: #4a4a4a; word-break: break-word;}
.panel-body>p { margin: 0;}
.service_range .panel .panel-body ul { padding-left: 15px; text-indent: -15px; margin: 0; }
.service_range .panel .panel-body > ul > li {list-style-type: decimal;list-style-position: inside; word-break: keep-all;}
.service_range .panel .panel-body > ul > li > ul { text-indent: -10px; }
.service_range .panel .panel-body > ul > li > ul > li::before { content: "-"; margin-right: 5px; }


.service01 .service_range .panel .panel-body {min-height: 145px;}
.service02 .service_range .panel .panel-body {min-height: 240px;}
.service03 .service_range .panel .panel-body {min-height: 190px; font-size: 14px;}
.service04 .service_range .panel .panel-body {min-height: 170px; font-size: 14px;}
.service05 .service_range .panel .panel-body {min-height: 215px;}
.service06 .service_range .panel .panel-body {min-height: 170px;}
.service07 .service_range .panel .panel-body {min-height: 190px;}
.service08 .service_range .panel .panel-body {min-height: 170px; font-size: 14px;}


.service12 .service_range .panel .panel-body {min-height: 110px;}
@media screen and (max-width: 767px) {
	.service_range .col_divided_5 { width: 100%; float: none; margin-bottom: 15px; }
	.flow_wrap .col_divided_5, .flow_wrap .col_divided_6, .flow_wrap .col_divided_7, .service10 .flow_wrap .col-sm-4 { width: 33.3333334%; }
	.service10 .flow_wrap .col-sm-4 { float: left; }
}

.service11 .box {padding: 18px 20px;margin: 0; text-align: left; line-height: 27px; font-size: 13px;}
.service11 .box ul {mrgin: 0; padding: 20px 25px 20px; background: #f5f5f5; color: #565656; border: 1px solid #ddd;}

/* 고객센터 */
.estimate_des > p {line-height: 1.7; margin-bottom: 15px;}
.estimate_des .bottom p, .estimate_des .bottom a { display: inline-block; }
.estimate_des .bottom p.writer {float: left; margin-bottom: 0; font-size: 13px; font-weight: 600; color: #216dbb;}
.estimate_des .bottom a {
	float: right;
    background: #216dbb;
    color: #fff;
    font-weight: 600;
    border-radius: 0;
    padding: 6px 25px;
}
.estimate_des .bottom::after { display: block; content:""; clear: both; }

.estimate_des {margin-bottom: 25px;}
.estimate_des .bottom{ background: #f3f3f3; padding: 20px;}
/*=================================================
				게시판
=================================================*/
.dh-board, .bbs-list-add-layout > #insertForm, .bbs-list-edit-layout > #insertForm, .bbs-blog-edit-layout > #insertForm, .bbs-blog-add-layout > #insertForm, .dh-view-box, .bbs-list-add-layout, .bbs-list-view-layout, .bbs-list-edit-layout, .bbs-list-view-layout + .row, #mailForm { visibility: hidden; }
.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tbody > tr > td {vertical-align: middle; text-align: left; padding: 12px 15px;}
.dh-board .table > thead > tr > th { text-align: center; }
.dh-board >.table-hover { margin: 0; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a;}
.dh-board >.table-hover th, .dh-board >.table-hover td {border-bottom: 1px solid #ccc;}
.dh-board >.table-hover th {background: #f3f3f3;color: #313131;}
.table-hover>tbody>tr:hover {background-color: #fff;}
.dh-board .table-hover .subject strong a {color: #4a4a4a; font-weight: 600;}
.dh-board .table-hover .subject strong a:hover {color: #216dbb; text-decoration: underline !important;}
.dh-margin-top {margin-top: 20px;}

.dh-view-box { padding: 0 15px;}
.dh-view-box>.row>.page-header h4 { margin: 0; font-size: 16px;}
.dh-view-box>.row>.page-header { margin: 0; padding: 12px 10px; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #ccc; }

.input-group-btn .btn { box-shadow: none; border-radius: 0; background: #f3f3f3; text-shadow: none;}
button#btnNew { background: #216dbb; border-color: #216dbb;}
.pagination > li a {margin: 0;}
.pagination > li:first-child a, .pagination > li:last-child a { border: none;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {background: #fff;}
/*=================================================
				메일폼
=================================================*/
#mailForm { max-width: 1170px; margin: 35px auto; width: 100%;}
#mailForm .btn-block { background: #414141; }

/*=================================================
			로그인 페이지
=================================================*/
.login-layout {width: 100%; max-width: 1170px; margin: 0 auto;}
.login-layout .inner-box-wrapper {margin-top: 100px;}
.login-layout .panel{border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.login-layout .panel-body h2{margin: 0; color: #454545; font-size: 20px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p{font-size: 13px; color: #666;}
.login-layout .inner-box-form form label{font-size: 14px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning{background-image: none; background-color: #414141; border: none; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover{background: #c80e0e;}
.login-layout form > div > p > a{display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover{color: #303030;}
.login-layout form > div > p > a:after{content: " | "; font-size: 8px; padding: 0 8px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after{content: "";}
/* 서브 페이지 */