@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
/*@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);*/
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');

html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {
	word-break: break-word;
}

.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button {
    font-family: 'Noto Sans', sans-serif;
}

:lang(cn) {
    font-family: 'Noto Sans', Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
}

a {
    color: #000;
    text-decoration: none !important;
}

a:hover {
	color: #000;
}

.caret {
	display: none;
}

.body-layout {
    color: #5a5a5a;
    font-size: 13px;
    font-family: 'Arial', sans-serif;
    letter-spacing: -0.3px;
}

/*상단 메뉴 설정 시작*/
.navbar {
    border-bottom: 3px solid #000;               /* 하단 테두리 */
    background: none repeat scroll 0% 0% #ffffff;   /* 배경 색 */
}

.nav.navbar-nav.navbar-right li.divider-vertical + li {
	display: none;
}

.nav.navbar-nav.navbar-right li.divider-vertical + li + li {
	display: none;
}

.navbar ~ br {
	display: none;
}

.navbar {
	margin-bottom: 0;
}

/*상단 메뉴 설정 끝*/
.topmarginLay_a {
    height: 100px !important;
}

@media (max-width: 767px) {
	.topmarginLay_a {
		height: auto !important;
	}
}
/*상단 메뉴 로고 시작*/
.navbar-brand img {}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a {
    font-size: 13px;
    padding: 15px 15px 15px 15px;
    text-shadow: none;
    color: #323232;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #bb1519;
    font-weight: 600;
}

.navbar-inverse > .container { padding-right: 0px; padding-left: 0px; }
@media (max-width: 767px) {
	.navbar-inverse > .container { padding:0 15px; }
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {
    border-radius: 0;
    padding: 20px 0;
    box-shadow: none;
    border: none;
    background: #f3f3f3;
}
.dropdown-menu > li > a {
    right: 0px;
    background-color: rgba(0,0,0,0);
    color: #777777;
    padding: 5px 20px;
    margin: 0;
    font-size: 13px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #A5181F;
    background-color: transparent;
    background-image: none;
    text-decoration: underline !important;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
        min-width: 122px;
        border-radius: 0px;
    }
}
/* 상단 서브 메뉴 설정 끝*/

/* mobile menu */
.navbar-inverse .navbar-toggle {
    border-radius: 3px;
    border-color: #a29f8c;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    border-color: #a29f8c;
    background-color: #a29f8c;
}
.navbar-inverse .navbar-toggle .icon-bar {
    width: 27px;
    background-color: #a29f8c;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.navbar-inverse .navbar-toggle:focus .icon-bar,
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    color: #bb1519;
    font-weight: 600;
}
@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: #9d9d9d;
    }
    
    .navbar-nav .open .dropdown-menu li {
        border-bottom: 1px solid #9d9d9d;
    }
}
/* //mobile menu */

/* 하단 카피라이트 설정 시작*/
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{
	background-color:#ffffff;     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/


.navbar-inverse .navbar-brand {color: #000; font-family: 'Oleo Script', cursive !important; font-size: 25px;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .divider-vertical {
display:none;
}
.flexslider {
    border: 0px solid #FFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
border-top: 5px solid #333;
border-radius: 0px !important;
}
.flex-caption span{

text-shadow: horizontal-offset vertical-offset blur color;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}

.flex-caption span.intro-title {
    padding: 5px !important;
    margin: 0px !important;
}

.mainthumbs{margin-top:17px;padding:10px; margin-bottom:30px;}
.mainthumbs div>img{width:65%;border: 10px solid #dfdfdf;}
.mainthumbs div h4{margin-top:17px;font-weight:bold;}
.mainthumbs div p{font-size:11px;}

.maintxt{border-radius: 0px;}
.maintxt p{font-weight:bold;font-size:16px; color:#333;}


.footer_copy .text-center {
    background-color: #f5f5f5;
    color: #333;
    font-size: 14px;
    padding: 30px 20px;
    margin: 0px;
    text-align: center;
    border-top: 5px solid #333;
}

.intro-boardbox{padding:0px;}
.intro-boardbox>.page-header{display:none;}
.intro-widgetbox{margin-top: 0px;margin-bottom: 20px;}

.skin-page-title{border-radius:0px;border-right:13px solid #333;}
.skin-page-title p{margin: 0px 0px 0px;}

.page-company{

box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
border-radius: 0px;
background:url('/skin/img/i-company.jpg');
background-size:cover;
background-position:center;

}
.page-company>.panel-body{

color:#fff;
font-weight:normal;
text-align:center;
padding:45px 10px;

}

.page-company>.panel-body>h1{

font-family: 'Oleo Script', cursive !important;
margin-bottom:25px;

}

.none-radius{border-radius:0px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);}
.none-radius img{border: 10px solid #dfdfdf;}
.reset-padding {padding: 10px 0;}




/******************************************
*************************Customizing******/
/* 1200px 이상 (wide desktop) */
@media screen and (min-width: 1200px) {.container {width: 980px;}}
/* 이미 부트스트랩 클래스에 등록되어있으므로 제외
.container {width: 100%;}                                           766px 이하 (mobile)
@media screen and (min-width: 768px) {.container {width: 750px;}}   767px 이상, 991px 이하 (tablet)
@media screen and (min-width: 992px) {.container {width: 970px;}}   992px 이상, 1199px 이하 (desktop)
*/

h1, h2, h3, h4, h5, h6 {
/*     font-family: 'Noto Sans', sans-serif !important; */
    letter-spacing: -0.5px;
}
h2 {font-size: 27px;}

.paddingT20 {padding-top: 20px;}

/* Menu Top (language button) */
.menu-top {
    position: relative;
    padding: 10px 0 0px;
    text-align: right;
}
.menu-top img {
    float: right;
    cursor: pointer;
    margin-left: 5px;
}
.menu-top #chanKor {
    right: 34px;
}
.menu-top #chanEng {
    right: 0px;
}
/* //Menu Top (language button) */

/* Html (slide) */
.carousel .carousel-inner .item {
    height: 655px;
    background-repeat: no-repeat;
    background-size: cover;
}
.carousel .carousel-inner div:nth-child(1) {
    background-image: url(/skin/img/slide/slide_01.jpg);
    position: relative;
}
.carousel .carousel-inner div:nth-child(1) > a{
    display: block;
    width: 200px;
    height: 95px;
    position: absolute;
    border: 4px solid;
    right: 30px;
    bottom: 30px;
    text-align: center;
    line-height: 87px;
    font-size: 28px;
    background: #fff;
    color: #000;
    font-family: 'Crimson Text', serif;
}
.carousel .carousel-inner div:nth-child(1) > a::after{
    content: '';
    display: block;
    width: 184px;
    height: 80px;
    border: 2px solid;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




.carousel-indicators {
    bottom: 0px;
}
.carousel-indicators li {
    margin: 0px;
    width: 12px;
    height: 12px;
    border-radius: 0px;
    border: 1px solid #333333;
    background-color: #333333;
}
.carousel-indicators .active {
    margin: 0px;
    border: 1px solid #ffffff;
}
.slide-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: rgba(255, 220, 25, 0.6);
}
.slide-txt .caption {
    margin-top: 10%;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.slide-txt .description {
    display: none;
    color: #000000;
    font-size: 13px;
}
@media (min-width: 767px) {
    .carousel-indicators {
        left: 75px;
        bottom: 40px;
    }
    .slide-txt {
        width: auto;
        height: auto;
        margin: 25px;
        padding: 30px 30px 60px;
        text-align: left;
    }
    .slide-txt .caption {
        margin-top: 0px;
        font-size: 27px;
        line-height: 32px;
    }
    .slide-txt .description {
        display: block;
    }
}
@media (min-width: 992px) {
    .carousel-indicators {
        left: 95px;
        bottom: 100px;
    }
    .slide-txt {
        margin: 60px 40px;
    }
}
/* //Html (slide) */

/* Widget Top (유학정보 길라잡이, 패키지) */
/* Common Styles */
.intro-html-layout > .col-sm-12 {
	padding: 0px;
}

.mainPage {
    width: 100%;
    margin: 0px;
}
.mainPage .center {
    margin-top: 15px;
}
.mainPage .link {
    margin-top: 15px;
    padding: 0px;
}
.link .linkTable {
    margin-bottom: 0px;
}
@media (min-width: 992px) {
    .mainPage {
        width: 100%;
    }
    .mainPage .link {
        width: 100%;
        margin-top: 15px;
        padding: 0px;
    }
    .mainPage .center {
        width: 100%;
        margin-top: 10px;
    }
}

/* 유학정보 길라잡이 */
.linkTable tbody tr th, .linkTable tbody tr td {
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #c8c6ba;
	background: #e9e7d9;
}

@media screen and (max-width: 767px) {
	.linkTable tbody tr th, .linkTable tbody tr td {
		display: block;
		padding: 0px;
	}
	.linkTable tbody tr th { padding: 15px 0px; }
}

.linkTable tbody tr td[colspan="3"] { background: #fff; }

.linkTable tbody tr th {
    font-size: 16px;
    background-color: #ffdc19;
}
.linkTable tbody tr td a {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
}
.linkTable tbody tr td a:focus,
.linkTable tbody tr td a:hover {
    background-color: #9d9986;
}
.linkTable tbody tr td img {
    margin-bottom: 8px;
}
.linkTable tbody tr td p {
    color: #333333;
    font-size: 12px;
}
.linkTable tbody tr td a:focus p, .linkTable tbody tr td a:hover p {
    color: #ffffff;
    text-shadow: -1px 0 #898884, 0 1px #898884, 1px 0 #898884, 0 -1px #898884;
}

.linkTable tbody tr td .online {
    width: 40%;
    float: left;
    padding: 20px 0px 15px;
}
.linkTable tbody tr td .phone {
    width: 60%;
    float: right;
    text-align: left;
    padding: 15px 0px;
}
.linkTable tbody tr td .online a {
    width: auto;
    padding: 0px;
    background-color: transparent;
}
.linkTable tbody tr td .online img {
    margin-bottom: 0px;
}
.linkTable tbody tr td .phone p {
    margin-bottom: 0px;
}
.linkTable tbody tr td .phone big {
    color: #9c9885;
    font-size: 21px;
    font-weight: 700;
}
.linkTable tbody tr td .phone small {
    font-size: 11px;
}
.link .box {
    text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
    .linkTable tbody tr td .online,
    .linkTable tbody tr td .phone {
        width: 100%;
    }
    .linkTable tbody tr td .phone {
        text-align: center;
    }
}
/* 패키지 */
.center {
    padding: 0px;
}
.packTable tbody tr td {
    padding: 0px;
    border: 1px solid #dbdbdb;
}
.packTable tbody tr td > .package:first-child {
    border-right: none;
    border-bottom: 1px solid #dbdbdb;
}
.packTable tbody tr td h5 {
    font-size: 15px;
}
.packTable tbody tr td p {
    color: #828282;
    font-size: 12px;
}
.packTable .package {
    float: none;
    padding: 15px;
}

.packTable .box1 {background: #ffffff url('/skin/img/bg_package1.png') bottom right no-repeat;}
.packTable .box2 {background: #ffffff url('/skin/img/bg_package2.png') bottom right no-repeat;}
.packTable .box3 {background: #ffffff url('/skin/img/bg_package3.png') bottom right no-repeat;}
.packTable .box4 {background: #ffffff url('/skin/img/bg_package4.png') bottom right no-repeat;}

@media (min-width: 767px) {
    .packTable tbody tr td > .package:first-child {
        border-right: 1px solid #dbdbdb;
        border-bottom: none;
    }
    .packTable .package {
        float: left;
		padding: 15px;
    }
}

/* banner */
.banner {
    padding: 0px;
    float: right;
}
.banner .btnDiv {
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.banner > div {
    padding: 0px;
}
.banner img {
    width: 100%;
}
.banner a {
    margin: 0 auto;
    display: table;
}
@media (min-width: 767px) {
    .banner > div {
        width: 50%;
        float: left;
    }
}
/* //banner */

/* board */
.intro-widget-layout {
    width: 100%;
	padding: 0;
}

@media (max-width: 767px) {
	
	.intro-widget-layout {
		width: 100%;
		padding: 0 15px;
	}
}

.intro-widget-layout .intro-widgetbox {
    width: 100%;
    float: right;
    padding: 0px;
}
.intro-widget-layout .intro-widgetbox:nth-child(2),
.intro-widget-layout .intro-widgetbox:nth-child(4) {
    margin-top: 20px;
}


.intro-widgetbox {
    display: none;
    border-bottom: none;
}
.intro-widgetBoardbox {
    margin-bottom: 0px;
    border: none;
}
.intro-widgetBoardbox > a {
    padding: 5px 5px;
    background: none;
    border-top: 2px solid #ffdc19;
    border-bottom: 1px solid #dfdfdf;
}
.intro-widgetBoardbox > a:hover {
    padding-right: 5px;
    border-bottom: 1px solid #dfdfdf !important;
}
.intro-widgetBoardbox > a > h5 {
    margin: 5px 0px;
    color: #333333;
    font-size: 17px;
    font-weight: 500;
}
.intro-widget-list-box > ul {
    margin-bottom: 0px !important;
    padding: 0px;
    border-bottom: 1px solid #dfdfdf;
}
.intro-widget-list-box > ul > li {
    padding: 9px 0px;
}
.intro-widget-list-box > ul > li > a {
    display: inline;
    padding-left: 3px;
    color: #7a7a7a;
    font-size: 12px;
}
.intro-widget-list-box > ul > li > a:before {
    content: url('/skin/img/ico_board_list.png');
}
.intro-widget-list-box .widget-list-row-regdate {
    display: none !important;
}
.fa-angle-right:before {
    content: url('/skin/img/btn_more.png');
}
@media (min-width: 767px) {
    .intro-widget-layout .intro-widgetbox {
        width: 50%;
        float: left;
    }
    .intro-widget-layout .intro-widgetbox:nth-child(2),
    .intro-widget-layout .intro-widgetbox:nth-child(4) {
        margin-top: 15px;
        border-right: 1px solid #dfdfdf;
    }
    .intro-widget-layout .intro-widgetbox:nth-child(3),
    .intro-widget-layout .intro-widgetbox:nth-child(5) {
        margin-top: 15px;
    }
}
@media (min-width: 992px) {
    .intro-widget-layout .intro-widgetbox {
        width: 30%;
        float: right;
    }
    .intro-widget-layout .intro-widgetbox:nth-child(2),
    .intro-widget-layout .intro-widgetbox:nth-child(4) {
        margin-top: 40px;
        border-right: none;
    }
    .intro-widget-layout .intro-widgetbox:nth-child(3),
    .intro-widget-layout .intro-widgetbox:nth-child(5) {
        margin-top: 0px;
    }
}
/* //board */

.footer-social-layout {display: none;}

/* footer */
.footer_copy .text-center {
    padding: 0px;
    border-top: none;
    background-color: transparent;
}
.footer {
    width: 100%;
    display: inline-block;
    padding-top: 25px;
    border-top: none;
    border-top: 1px solid #dfdfdf;
}
.footer .logo {
    float: none;
    display: inline-block;
}
.footer .logo img {
    float: right;
}
.footer .info {
    color: #828282;
    font-size: 12px;
    text-align: center;
    line-height: 17px;
}
.footer .info span {
    padding-right: 0px;
    display: block;
}
@media screen and (min-width: 768px) {
    .footer {
        width: 720px;
    }
}
@media screen and (min-width: 992px) {
    .footer {
        width: 955px;
    }
    .footer .logo {
        float: left;
    }
    .footer .info {
        text-align: left;
    }
    .footer .info span {
        padding-right: 12px;
        display: inline-block;
    }
}
/* //footer */


/* ================= main custom =============== */
.mainPage .center {
    width: 100%;
    margin: 30px 0;
    text-align: center;
}
/* .mainPage .center >.row {
    max-width: 900px;
    margin: 0 auto;
} */
.mainPage .center >.row .col-md-4 {
    padding: 0 15px;
}
.main-box-wrap {
	padding: 0;
	margin: 0;
	position: relative;
}



@media (max-width: 990px) {
	
	.main-box-wrap {
		margin: 0 0 15px;
	}

}

.main-box-hover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(233, 233, 233, 0.9);
}
.main-box-hover p {
    text-align: center;
    vertical-align: middle;
    color: #323232;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    padding-top: 30%;
/* 	padding-top: 90px; */
}
div.center > div.row > div.col-md-3 > a:hover .main-box-hover, div.center > div.row > div.col-md-3 > a:focus .main-box-hover {
	display: block;
}



/********************** subPage
******************************/

/*********************** common styles ***********************/
/************ 왼쪽 메뉴, 경로, 서브 타이틀, 본문 *************/
.subPage {                  /* leftMenu, right 클래스를 포함 */
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.leftMenu {                 /* 왼쪽 메뉴 (모바일X) */
    display: none;
    position: absolute;
}
.right {                    /* 경로, 서브 타이틀, 내용 등이 있는 오른쪽 영역 */
    float: none;
    padding-bottom: 60px;
	min-height: 400px;
}

@media screen and (min-width: 768px) {
    .leftMenu {
        display: block;
        width: 237px;
    }
    .right {
        width: 483px;
        float: right;
        padding-left: 20px;
    }
}
@media screen and (min-width: 992px) {
    .leftMenu {
        width: 26%;
    }
    .right {
        width: 74%;
    }
}

.leftMenu h3 {
    margin: 0px;
    padding: 40px 25px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #dbdbdb;
    border-bottom-width: 0px;
    background: #be191b;
}

/* 서브 메뉴 */
ol.subMenu {
    padding-left: 0px;
    list-style-type: none;
    border: 1px solid #dbdbdb;
}
ol.subMenu li {
    color: #5a5a5a;
    font-weight: 500;
    border-top: 1px solid #dbdbdb;
}
ol.subMenu a:first-child li {
    border-top-width: 0px;   
}
ol.subMenu li p {
    margin-bottom: 0px;
    padding: 12px 8px;
    font-size: 12px;
}
ol.subMenu li p:focus,
ol.subMenu li p:hover {
    text-decoration: underline;
}
ol.subMenu li p:after {
    float: right;
    content: url('/skin/img/sub/left-menu-arrow.png');
}
ol.subMenu li.currMenu p {
    color: #FFF;
    background-color: #525252;
}
ol.subMenu li.currMenu p:after {
    content: url('/skin/img/sub/left-menu-arrow.png');
}
/* //서브 메뉴 */

/* 경로 (서브 타이틀 상단) */
.route {
    margin-bottom: 20px;
    list-style-type: none;
}
.route li {
    float: left;
    color: #828280;
    font-size: 11px;
    font-weight: 500;
}
.route li:after {
    content: url('/skin/img/ico_route_arrow.png');
    padding: 0px 5px;
}
.route li:last-child {
    color: #A5181F;
}
.route li:last-child:after {
    content: '';
}
/* //경로 (서브 타이틀 상단) */

/* 서브 타이틀 */
.subTitle h2 {
    margin-top: 0px;
    color: #333333;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.subTitle h2 span {
    margin-top: 0px;
    color: #333333;
	font-size: 18px !important;
    font-weight: 400 !important;
}

.subTitle p {
    font-size: 12px;
}
.subTitle .horizontal-line {    /* 서브 타이틀과 본문 사이 수평 라인 */
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
	display:none;
}

@media screen and (min-width: 768px) {
    .route, .subTitle {
        padding-right: 0px;
    }
}
@media screen and (min-width: 992px) {
    .route {
        margin-bottom: 13px;
    }
}
/* //서브 타이틀 */

/*  본문 (서브 타이틀 하단 - 게시판, 모듈 등에는 적용X) */
.content .innerDiv {
    padding: 0px;
}
.content h3 {
    margin: 0 0 10px;
    color: #333333;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -1.2px;
}
.content p {
    line-height: 25px;
    color: #5a5a5a;
    font-size: 14px;
}
@media screen and (min-width: 768px) {
    .content {
        padding-right: 0px;
    }
    .content h3 {
        font-size: 24px;
    }
}
/* //본문 (서브 타이틀 하단 - 게시판, 모듈 등에는 적용X) */
/*********************** common styles ***********************/

/* 오시는 길 페이지 (/skin/page/location.html) */
.wrapCanvas {
    margin-top: 15px;
    padding: 0px 15px;
}
dl.location-info dt {
    padding-top: 20px;
    color: #333;
    font-size: 15px
    font-weight: 400;
}
dl.location-info dd {
    padding-top: 10px;
    color: #666;
}
dl.location-info p {
    padding-left: 8px;
    line-height: 1.8;
    background: url(/skin/img/bu_grey.gif) left 11px no-repeat;
}

@media screen and (min-width: 768px) {
    dl.location-info {
        padding-right: 0px;
    }
}
/* //오시는 길 페이지 (/skin/page/location.html) */

/* 게시판 */
.btn {
    border-radius: 0px;
    background-image: none;
}
#btnNew {
    z-index: 2;
    border-color: #6b695e;
    background-color: #6b695e;
}
.page-nav {
    text-align: center;
}
.pagination a {
    padding: 3px 5px !important;
    color: #6b695e !important;
    font-weight: 700;
    border-width: 0px !important;
    background-color: transparent !important;
}
.pagination a:focus,
.pagination a:hover {
    color: #6b695e !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}
.pagination .active a {
    padding: 3px 7px !important;
    color: #ffffff !important;
    background-color: #6b695e !important;
}
.pagination .disabled a {
    font-weight: 700;
    border-width: 0px !important;
    background-color: transparent !important;
}
.board .right {
    padding-bottom: 0px;
}
.dh-board {
    padding: 0px 15px;
}
.dh-board * a {
    color: #828282;
}
.dh-board table {
    border-top: 2px solid #6b695e;
    border-bottom: 2px solid #6b695e;
}
.dh-board table thead th {
    padding: 5px 8px;
    color: #333333;
    border-bottom: 1px solid #dbdbdb;
}
.dh-board table tbody tr:hover {
    background-color: #fff8d1;
}
.dh-board table tbody td {
    border-top: 1px dashed #dbdbdb;
}
.dh-board table tbody tr:first-child td {
    border-top-width: 0px;
}
.dh-board .label-primary {
    color: #6b695e;
    font-size: 12px;
    background-color: transparent;
}
.dh-board .label-primary:before {
    content: '[';
}
.dh-board .label-primary:after {
    content: ']';
}
.dh-board .dh-margin-top > div {
    width: 100%;
    text-align: center;
}
.dh-board .dh-margin-top #insertForm {
    display: inline-block;
}
.dh-board .dh-margin-top #insertForm > div {
    width: 65%;
    float: none;
    margin: 0px auto;
    padding-right: 12px;
}
.input-group .input-group-btn {
    border: 1px solid #dbdbdb;
}
.input-group .input-group-btn .btn {
    padding: 6px 10px;
    font-size: 13px;
    text-shadow: none;
    border-color: #e9e7d9;
    background-color: #e9e7d9;
}
.input-group .input-group-btn .btn:active {
    outline: none;
    color: #e9e7d9;
    background-color: #a29f8d;
}
.input-group .form-control {
    height: 34px;
    border-width: 1px 0px;
    border-color: #dbdbdb;
}

.bbs-blog-index-layout .dhb-txt-list {      /* 블로그 목록에서 썸네일 이미지 영역 */
    border-right-width: 0px;
}

.bbs-list-view-layout+.row,                 /* 댓글 영역(리스트 게시판) */
.bbs-blog-view-layout+.row {                /* 댓글 영역(블로그 게시판) */
    margin-right: 0px;
    padding-left: 15px;
}
.bbs-list-view-layout+.row .page-header,    /* 댓글, 댓글 작성 텍스트 */
.bbs-blog-view-layout+.row .page-header {
    margin-bottom: 0px;
    border-bottom-width: 0px;
}
.btn-comment-edit,                          /* 댓글 수정, 삭제 버튼 */
.btn-comment-edit-by-se,
.btn-comment-del {
    margin-left: 5px !important;
    padding: 0px;
    border-width: 0px;
    border-bottom: 1px solid transparent;
    outline: none;
}
.btn-comment-edit:focus,
.btn-comment-edit:hover,
.btn-comment-edit:active,
.btn-comment-edit-by-se:focus,
.btn-comment-edit-by-se:hover,
.btn-comment-edit-by-se:active,
.btn-comment-del:focus,
.btn-comment-del:hover,
.btn-comment-del:active {
    border-bottom: 1px solid #333333;
    background-color: transparent;
}
.bbs-list-view-layout+.row iframe,
.bbs-list-edit-layout iframe,
.bbs-blog-view-layout+.row iframe,
.bbs-blog-edit-layout iframe {
    height: 550px !important;
}
@media screen and (min-width: 768px) {
    .bbs-list-view-layout+.row iframe,
    .bbs-list-edit-layout iframe,
    .bbs-blog-view-layout+.row iframe,
    .bbs-blog-edit-layout iframe {
        height: 490px !important;
    }
}
@media screen and (min-width: 992px) {
    .bbs-list-view-layout+.row iframe,
    .bbs-list-edit-layout iframe,
    .bbs-blog-view-layout+.row iframe,
    .bbs-blog-edit-layout iframe {
        height: 460px !important;
    }
}

/* dh-view-box - 게시물 상세 페이지 */
.dh-view-box {
    margin-top: 10px;
    padding: 0px 15px;
}
.dh-view-box .row {
    margin-right: 0px;
    margin-left: 0px;
}
.dh-view-box > .row > .dh-view-info {   /* 게시물 제목 하단에 작성자, 시간, 조회수 영역(리스트/블로그/비디오 게시판) */
    background: transparent;
}
.dh-view-box .dh-attach+div {           /* 첨부파일과 본문 사이 여백 */
    padding: 40px 20px 50px !important;
}
.dh-view-box .dh-line+div {             /* 게시물 맨 하단에 '<', 목록, '>', 수정, 삭제 버튼 (리스트/블로그 게시판) */
	padding: 0px;
}
.dh-view-box .btn-group {
	width: 100%;
	margin-left: 0px;
}
.dh-view-box .btn-group .btnEdit {    /* 수정, 삭제 버튼 오른쪽으로 위치 */
	margin-left: 0px;
}

.bbs-list-add-layout .subPage.board .subTitle,             /* 리스트 게시판(작성) */
.bbs-list-edit-layout .subPage.board .subTitle,            /* 리스트 게시판(수정) */
.bbs-blog-add-layout .subPage.board .subTitle,             /* 블로그 게시판(작성) */
.bbs-blog-edit-layout .subPage.board .subTitle,            /* 블로그 게시판(수정) */
.img-bbs-default-add-layout .subPage.board .subTitle,      /* 이미지 게시판(작성) */
.img-bbs-default-edit-layout .subPage.board .subTitle {    /* 이미지 게시판(수정) */
    display: none;
}
@media screen and (max-width: 767px) {
    .bbs-list-add-layout .subPage.board .route,
    .bbs-list-edit-layout .subPage.board .route,
    .bbs-blog-add-layout .subPage.board .route,
    .bbs-blog-edit-layout .subPage.board .route,
    .img-bbs-default-add-layout .subPage.board .route,
    .img-bbs-default-edit-layout .subPage.board .route {
        padding-left: 0px;
    }
}
.bbs-list-add-layout h2,            /* 리스트 게시판(작성) */
.bbs-list-edit-layout h2,           /* 리스트 게시판(수정) */
.bbs-blog-add-layout h2,            /* 블로그 게시판(작성) */
.bbs-blog-edit-layout h2,           /* 블로그 게시판(수정) */
.img-bbs-default-add-layout h2,     /* 이미지 게시판(작성) */
.img-bbs-default-edit-layout h2 {   /* 이미지 게시판(수정) */
    margin-top: 0px;
    color: #333333;
    font-weight: 700;
}
.img-bbs-default-index-layout > .row {
    margin: 0px;
    padding: 0px 15px;
}
.img-bbs-default-index-layout > .row:nth-child(2) > .col-lg-12 {
    margin-top: 20px;
}
.img-bbs-default-index-layout > .row > .col-lg-12,
.img-bbs-default-index-layout .filter-items {
    padding: 0px;
}
.dh-front-gallery > .col-md-3 {
    float: left;
    width: 100%;
    padding-right: 0px;                             /* 이미지 게시판 미리보기 이미지 좌우 여백 */
    padding-left: 0px;
}
.filter-items .filter-label {                       /* 게시판 카테고리 */
    padding: 5px 8px;
    color: #6b695e;
    background: none repeat scroll 0% 0% #fff8d1;
}
.filter-items .filter-label:focus,
.filter-items .filter-label:hover {
    color: #fff8d1;
    background: none repeat scroll 0% 0% #6b695e;
}
.dh-front-gallery .btnEdit,
.dh-front-gallery .btnDelete {
    color: #828282 ;
    border-width: 0px;
    box-shadow: none;
}
.dh-front-gallery .btnEdit:focus,
.dh-front-gallery .btnEdit:hover,
.dh-front-gallery .btnDelete:focus,
.dh-front-gallery .btnDelete:hover {
    background-color: #ffffff;
    text-decoration: underline;
    outline: none;
}
.dh-front-gallery .btnEdit:after {
    content: url('/skin/img/ico_vertical_line.gif');
    padding-left: 12px;
}
@media (min-width: 768px) {
    .dh-board,                                  /* 목록 테이블(리스트/블로그/비디오 게시판) */
    .dh-view-box,                               /* 게시물 세부 페이지(리스트/블로그/비디오 게시판) */
    #insertForm,                                /* 게시물 수정 페이지(리스트/블로그/이미지/비디오 게시판) */
    .bbs-list-view-layout+.row,                 /* 댓글 영역(리스트 게시판) */
    .bbs-blog-view-layout+.row {                /* 댓글 영역(블로그 게시판) */
        float: right;
        padding: 0px;
    }
    .dh-board,                                  /* 목록 테이블(리스트/블로그/비디오 게시판) */
    .dh-view-box,                               /* 게시물 세부 페이지(리스트/블로그/비디오 게시판) */
    #insertForm,                                /* 게시물 수정 페이지(리스트/블로그/이미지/비디오 게시판) */
    .bbs-list-view-layout+.row,                 /* 댓글 영역(리스트 게시판) */
    .bbs-blog-view-layout+.row {                /* 댓글 영역(블로그 게시판) */
        width: 448px;
    }
    
    
    .dh-board #insertForm {                     /* 게시물 검색, 작성 버튼 영역(리스트/블로그/비디오 게시판) */
        width: 100%;
    }
    
    .dh-view-box .btn-group .btnEdit {
    	margin-left: 257px;
    }
    
    /* 게시물 작성/수정 페이지(리스트/블로그/이미지/비디오 게시판) 내부 시작 */
    #insertForm .control-label {                /* 제목, 비밀글, 내용 등의 텍스트 */
        width: 110px;
        margin-bottom: 10px;
        text-align: left;
    }
    #insertForm label[for=contents]+div {       /* 내용 아래 입력 박스(이미지 게시판 제외) */
        width: 100%;
    }
    #insertForm .col-sm-offset-2 {              /* 확인버튼 */
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .bbs-blog-index-layout .dhb-txt-list {      /* 블로그 목록에서 썸네일 이미지 영역 */
        border-right-width:1px;
    }
    /* 댓글, 댓글 작성 개별 영역 */
    .bbs-list-view-layout+.row > .col-md-12,    /* 리스트 게시판 */
    .bbs-blog-view-layout+.row > .col-md-12 {   /* 블로그 게시판 */
        padding: 0px;
    }
    /* 게시물 작성/수정 페이지(리스트/블로그/이미지/비디오 게시판) 내부 끝 */
    
    .img-bbs-default-index-layout > .row {      /* 이미지 게시판 카테고리와 이미지 영역 */
        width: 463px;
        float: right;
        padding-right: 0px;
    }
    .dh-front-gallery > .col-md-3 {
        width: 50%;
        padding-right: 20px;
    }
}
@media screen and (min-width: 992px) {
    .dh-board {
        width: 676px;
    }

    .dh-board,
    .dh-view-box,                               /* 게시물 세부 페이지(리스트/블로그/비디오 게시판) */
    .bbs-list-view-layout+.row,                 /* 댓글 영역(리스트 게시판) */
    .bbs-blog-view-layout+.row,                 /* 댓글 영역(블로그 게시판) */
    #insertForm {                               /* 게시물 입력/수정 페이지(리스트/블로그/이미지/비디오 게시판) */
        width: 678px;
    }
    .dh-view-box .btn-group .btnEdit {
    	margin-left: 487px;
    }
    .img-bbs-default-index-layout > .row {      /* 이미지 게시판 카테고리와 이미지 영역 */
        width: 695px;
    }
    .dh-front-gallery > .col-md-3 {
        width: 33.333%;
    }
}
/* //게시판 */

/* Module - Mail Form */
.mod-mailFrm .right, .mod-customFrm .right {                       /* 서브타이틀과 메일폼 사이 여백 */
    padding-bottom: 20px;
}

#mailForm {
    width: 100%;
    padding: 0px 15px;
}
#mailForm .form-group {
    margin-bottom: 0px;
    padding: 15px 10px;
    border-bottom: 1px solid #dbdbdb;
    background-color: #eeeeee;
}
#mailForm .form-group:first-child,
#mailForm .form-group:nth-child(5) {
    border-top: 1px solid #828282;
}
#mailForm .form-group label {               /* 이름, 이메일, 제목, 내용, 정보수집 동의 내용 텍스트 */
    float: left;
    width: 19%;
    text-align: center;
}
#mailForm .form-group:nth-child(5) {
    padding-left: 0px;
    border-bottom-width: 0px;
    background-color: #ffffff;
}
#mailForm .form-group .form-control {       /* 이름/이메일/제목/내용 입력란 */
    width: 80%;
    display: inline-block;
    font-size: 13px;
    border-radius: 0px;
}
#mailForm .form-group textarea {            /* 내용 입력란 */
    max-width: 744px;
}
#mailForm label[for='mail_agree'] {         /* 정보수집 동의 내용 */
    width: 100%;
    text-align: left;
    line-height: 18px;
}
#mailForm input[tyle='checkbox'] {          /* 정보수집 동의 체크박스 */
    margin-top: 3px;
}
#mailForm p.error {                         /* 이름, 이메일, 제목, 내용, 정보수집 동의 유효성 검사 - This field is required. */
    padding-right: 5px;
    color: lightcoral;
    text-align: right;
}
#mailForm p[for='mail_agree'] {             /* 정보수집 동의 유효성 검사 - This field is required. */
    width: 100%;
    padding-right: 15px;
}
#mailForm input[value='Send Message']           /* 메일폼 - Send Message 버튼 */
#mod_type_formForm .save,                       /* 주문폼 - SEND 버튼 */
.bbs-list-view-layout+.row .btn[type='submit'], /* 댓글 입력 버튼 (리스트 게시판) */
.bbs-blog-view-layout+.row .btn[type='submit'], /* 댓글 입력 버튼 (블로그 게시판) */
.dh-view-box .btn-group .btn {                  /* 게시물 맨 하단에 '<', 목록, '>', 수정, 삭제 버튼 (리스트/블로그 게시판) */
    width: 100%;
    float: none;
    font-size: 16px;
    color: #6b695e;
    text-shadow: none;
    border-radius: 0px;
    border-color: #d3d3d3;
    background-image: none;
    background-color: #e9e7d9;
    outline: none;
}
.dh-view-box .btn-group .btn {
    width: auto;
    float: left;
}
#mailForm input[value='Send Message']:focus,
#mailForm input[value='Send Message']:hover,
#mod_type_formForm .save:focus,
#mod_type_formForm .save:hover,
.bbs-list-view-layout+.row .btn[type='submit']:focus,
.bbs-list-view-layout+.row .btn[type='submit']:hover,
.dh-view-box .btn-group .btn:focus,
.dh-view-box .btn-group .btn:hover {
    color: #e9e7d9;
    border-color: #6b695e;
    background-color: #6b695e;
}

@media screen and (min-width: 768px) {
    #mailForm {
        width: 448px;
        float: right;
        padding: 0px;
    }
    #mailForm label[for='mail_agree'] {
        width: 448px;
    }
    #mailForm input[value='Send Message'], #mod_type_formForm .save {
        width: 50%;
        margin: 0 auto;
    }
}
@media screen and (min-width: 992px) {
    #mailForm {
        width: 677px;
    }
    #mailForm label[for='mail_agree'] {
        width: 677px;
    }
    #mailForm input[value='Send Message'], #mod_type_formForm .save {
        width: 180px;
    }
}
/* //Module - Form Mail */

/* Module - Custom Form */
#mod_type_formForm {
    width: 100%;
    padding: 0px 15px;
}

#mod_type_formForm .q_number {
    width: 100%;
    display: inline-block;
    margin-top: -4px;
    padding: 10px 15px;
    border-bottom: 1px solid #dbdbdb;
    background-color: #eeeeee;
}
#mod_type_formForm .q_number[value='1'] {
    border-top: 1px solid #828282;
}
#mod_type_formForm .q_number[value='6'] {
    border-bottom: 1px solid #828282;
}
#mod_type_formForm .q_number > .col-sm-12:nth-child(1) {
    width: 100%;
    float: left;
    padding-top: 5px;
    text-align: left;
}
#mod_type_formForm .q_number .fa {
    display: none;
}
#mod_type_formForm .q_number h3 {
    color: #828282;
    font-size: 13px;
}
#mod_type_formForm .q_number small {
    display: block;
    padding-left: 5px;
    color: #008ad2;
    font-size: 12px;
    font-weight: 600;
}
#mod_type_formForm .q_number input[type='text'],
#mod_type_formForm .q_number textarea {
    margin-bottom: 5px;
    border-radius: 0px;
}
#mod_type_formForm .q_number input[type='checkbox'] {
    margin-bottom: 5px;
    margin-left: 10px;
}
#mod_type_formForm .q_number input[type='checkbox']:first-child {
    margin-left: 0px;
}
#mod_type_formForm .q_number input[type='radio'] {
    margin-top: 19px;
    margin-bottom: 0px;
    margin-left: 10px;
}
#mod_type_formForm .q_number input[type='radio']:first-child {
    margin-left: 0px;
}
#mod_type_formForm .q_number textarea {
    height: 200px;
}

#mod_type_formForm .q_number > .col-sm-12:nth-child(2) {
    width: 0px;
}
#mod_type_formForm .q_number.q_5 > .col-sm-12:nth-child(2),
#mod_type_formForm .q_number.q_6 > .col-sm-12:nth-child(2) {
    width: 80%;
    float: left;
    padding-top: 7px;
    color: #a29f8d;
    font-size: 12px;
    font-weight: 600;
}

#mod_type_formForm .q_number > .col-sm-12:nth-child(3) {
    width: 100%;
    float: right;
    color: #828282;
    font-size: 13px;
}

@media screen and (min-width: 768px) {
    #mod_type_formForm {
        width: 448px;
        float: right;
        padding: 0px;
    }
    #mod_type_formForm .q_number > .col-sm-12:nth-child(1) {
        width: 20%;
        text-align: center;
    }
    #mod_type_formForm .q_number > .col-sm-12:nth-child(3) {
        width: 80%;
    }
    #mod_type_formForm .q_number.q_5 > .col-sm-12:nth-child(2) {
        float: right;
    }
}
@media screen and (min-width: 992px) {
    #mod_type_formForm {
        width: 677px;
    }
}
/* //Module - Custom Form */

/* Member Join */
.member-join h2 {
    color: #333;
    font-size: 35px;
    font-weight: 600;
}
#joinForm input {
    border-radius: 0px;
}
#joinForm label {
    padding: 0px 15px;
    color: #333;
}
#joinForm label[for='join_user_agree'],
#joinForm label[for='join_priv_agree'] {
    padding-right: 0px;
    color: #828282;
}
#joinForm textarea {
    box-shadow: none;
    border-radius: 0px;
    background-color: #fff8d1;
}
#joinForm .panel {
    border-radius: 0px;
}
#joinForm .panel-heading {
    color: #333;
    font-weight: 600;
    border-bottom-width: 0px;
    background-image: none;
    background-color: #eeeeee;
}
#joinForm .text-danger {
    color: #008ad2;
}

#joinForm .input-group .form-control {
    border-width: 1px;
}
/* //Member Join */

span.color01 {
    color: #be191b !important;
}

.sub-main-title {
    font-size: 23px;
    font-weight: 400;
    color: #5a5a5a;
    margin: 0 0 15px;
    line-height: 1.4;
	text-align: center;
}

.product-boxing {
    padding: 0 0 20px;
    overflow: hidden;
}

.product-wrap p {
    font-size: 14px;
	font-weight: 400;
	color: #323232;
}

.sub-title {
    color: #323232;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 15px !important;
    letter-spacing: -0.04em;
}
.sub-title:before {
    content: "";
    width: 10px;
    height: 3px;
    background: #4a4a4a;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.sub-list {
	padding: 0;
	margin: 0;
}

.sub-list li {
    margin-bottom: 8px;
    letter-spacing: -0.5px;
    line-height: 1.6;
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    color: #5a5a5a;
    background-image: url(/skin/img/sub/bulit.png);
    background-repeat: no-repeat;
    background-position: left 9px;
    padding-left: 10px;
}

.sub-data-list {
	padding: 0;
	margin: 0;
}
.sub-data-list dt, .sub-data-list dd {
    font-size: 13px;
    color: #5a5a5a;
	font-weight: 400 !important;
}
.sub-data-list dd {
    padding-left: 15px;
    margin-top: 6px;
}
.sub-data-list dd:before {
    content: "- ";
}
.caution-text {
    font-size: 12px;
    font-weight: 300;
    color: #323232;
    margin: 15px 0 15px;
}
/* product page */
.product-des {
    background: #f3f3f3;
    padding: 15px 20px;
}
.product-des p {
    font-size: 13px;
    color: #5a5a5a;
}
.product-des ul li {
    font-size: 13px;
    color: #5a5a5a;
}

.product01 {
	margin-bottom: 25px;
}

.product-box-wrap {
	padding: 0;
	margin: 0;
	position: relative;
}

.product-box-image h4 {
	padding: 15px;
	margin: 0;
	color: #323232;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}

.product-box-hover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	background-color: rgba(224, 224, 224, 0.8);
}

.product-box-hover p {
    text-align: center;
    vertical-align: middle;
    color: #323232;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding-top: 37%;
}

.content div.product01 div.col-md-6 a:hover .product-box-hover, .content div.product01 div.col-md-6 a:focus .product-box-hover {
	display: block;
}

@media (max-width: 767px) {
	
	.product01 {
		margin-bottom: 0;
	}
	
	.content div.product01 div.col-md-6 {
		margin-bottom: 25px;
	}
}

.login-layout .panel-default {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.login-layout .form-control {
    border-radius: 0;
    box-shadow: none;
}
.login-layout .btn-warning {
    background: #4a4a4a;
    border: 1px solid #4a4a4a;
}


.footer-btn {
	display: block;
	padding: 6px 12px;
	width: 130px;
	border: 2px solid #e9e9e9;
	color: #323232;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}

.main-box-image img {
	width: 100%;
/* 	height: 215px; */
	height: auto;
}

.contact_wrap {
	margin-bottom: 30px;
}

.sub-list-none {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub-list-none li {
	margin-bottom: 5px;
}