@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('/skin/notokr/notokr.css');
html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff;}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { 
    font-family:  'notokr','Noto Sans KR', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
    letter-spacing: -0.02em;
}
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}

.navbar .caret, 
.navbar .divider-vertical, 
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {
	display: none;
}

*{word-break:keep-all}
/* 상단 메뉴 설정 시작 */
.navbar-inverse {
    background: #fff;
    border: none;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    padding: 0;
    margin: 0;
	z-index:9999
}
.navbar-brand {
    margin: 24px 0 !important;
    padding: 0;
}
.navbar-brand img {margin: 0;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {text-shadow: 0 0 0 rgba(0,0,0,0);}
.navbar-inverse .divider-vertical, .navbar ~ br {display:none;}
.topmarginLay_a {height: 73px !important;}

/*----- 상단 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-nav > li > a {
    background: #fff;
    color: #222;
    font-size: 18px;
    padding: 15px 30px;
    margin: 22px 0 10px;
    font-weight: 500;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .active > a{
    color: #f6871f !important;
    background: #fff;
}

/*----- 상단 서브 메뉴 설정 -----*/
.navbar-inverse .dropdown-menu {
    padding: 15px;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.05);
    border-radius: 0;
    left: 0;
    right: auto;
    border: 1px solid #bbb;
    background: #fff;
}
.navbar-inverse .dropdown-menu > li > a {
    color: #888;
    padding: 8px 10px;
    margin: 0;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}
.navbar-inverse .dropdown-menu > li:last-child > a {border-bottom: 1px solid rgba(0,0,0,0);}

.dropdown-menu>li>a:focus, 
.dropdown-menu>li>a:hover {
    color: #222 !important;
    text-decoration: none;
    font-weight: 500;
    background: #fff;
}

@media screen and (max-width: 991px) {
	.navbar-inverse > .container {margin: 0; width: 100%;}
	.navbar-brand {padding: 15px !important; margin: 8px 0 0 !important;}
	.navbar-brand img {width: 80%;}
	.navbar-inverse .navbar-nav > li > a {padding: 22px 20px 20px;}
	.topmarginLay_a {height: 64px !important;}
}
@media screen and (max-width: 767px) {
	.navbar-brand {margin: 5px 0 0 !important;}
	.navbar-brand img {width: 90%;}
	.navbar-inverse .navbar-toggle {margin: 15px; background: #f6871f; border: none; border-radius: 0;}
	.topmarginLay_a {height: 62px !important;}
}
/*가로 100% 레이아웃 정의*/
.container_contents,
.footer_copy > div,
.sub-layout{
	width:100%;
	padding:0;
}
.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout + .row,
#mailForm,
#insertForm{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}

.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
/*
.bd_left dt{
    font-size: 20px;
    color: #f6871f;
    border-left: 4px solid;
    padding-left: 10px;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
}
*/
.li-dash > li, .bd_left dd{margin-left:10px; padding-left:20px; position:relative;}
.li-dash > li:before,.bd_left dd:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}

.bd-img{border:1px solid #ddd}
.content-wrap .clearfix{margin:30px 0}

/* 상단 메뉴 설정 끝 */

/* 슬라이드 설정 */
.container.container_slide {width: 100%; padding: 95px 0 0;}
.carousel-control{display:none;}
.right.carousel-control .glyphicon-chevron-right , .left.carousel-control .glyphicon-chevron-left{display:none}
.right.carousel-control{background:url(/skin/img/main/arrow_next.png) no-repeat center}
.left.carousel-control{background:url(/skin/img/main/arrow_prev.png) no-repeat center}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: none;
    background: #888;
    box-shadow: inset 2px 2px 1px rgba(0,0,0,0.4);
    margin: 0 4px 0;
}

.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin: 0 4px 0;
    background: #f6871f;
}

.fill {height: 500px !important;}
.fill h1, .fill p {margin: 0;}
.fill h1 span, .fill p span {background: none; opacity: 1; text-shadow: 0 0 0 rgba(0,0,0,0); padding: 0;}
.fill h1 span {margin: 0 0 20px; display: inline-block; font-size: 40px; font-weight: 400; letter-spacing: -0.04em;}
.fill h1 span .caption-line {width: 50px; border-top: 1px solid #fff; margin-bottom:20px;}
.fill p span {color: #f8f8f8; font-size: 15px; font-weight: 100; line-height: 1.6;}

.carousel-caption {
    min-height: 350px;
    margin: -180px 0 0;
    padding: 10px;
	   background-color: rgba(246, 48, 31, 0.7);
/*     background-color: rgba(0, 0, 0, 0.5); */
    text-align: left;
    width: 420px !important;
    top: 50%;
    bottom: auto;
}
.carousel-caption .caption-line-box {
    left: 0;
    top: 0;
    border: 1px solid rgba(255,255,255,0.4);
    width: 100%;
    height: 100%;
    padding: 70px 35px;
}
@media screen and (max-width: 991px) {
	.carousel-caption {padding: 35px 30px !important; width: 50% !important; margin: -113px auto 0; left: 0; right: 0;}
	.fill {height: 360px !important;}
}
@media screen and (max-width: 767px) {
	.carousel-caption {width: 80% !important;}
	.fill {height: 440px !important;}
}
.carousel-caption h2 {
    font-size: 40px;
    line-height: 1.4;
    padding-bottom: 20px;
    text-shadow: none;
    border-bottom: 2px solid rgba(255,255,255,0.4);
    margin-top: 0;
    margin-bottom: 30px;
}
.carousel-caption h2 span{
    color:#fff;
}
.carousel-caption p {
    font-weight: 300;
    font-size: 22px;
    text-shadow: none;
    margin: 0;
    line-height: 1;
}
.carousel-caption p strong {
    font-weight: 500;
    color: #fff;
}
/* 하단 카피라이트 설정 시작*/
.footer_copy .text-center {
    background-color: #4d4f55;
    padding: 40px 0 40px;
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    text-align: left;
    display: inline-block;
    width: 100%;
}
.footer_copy p {
    line-height: 26px;
    margin: 0;
    letter-spacing: 0;
    font-weight: 300;
}
.footer_copy p strong {
    /* color: #fff; */
    font-weight: 500;
}
.footer_copy .footer-logo {
    opacity: 0.7;
}
.footer_copy .footer-wrap {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width: 991px) {
    .footer_copy .footer-wrap {width: 100%;}
}
@media screen and (max-width: 767px) {
    .footer-ytn-logo{
        margin-top: 10px;
    }
}
.container.footer-social-layout {display: none;}
/* 하단 카피라이트 설정 끝*/
/* 
.mainthumbs {padding: 40px 0;}
.mainthumbs h3 {display: inline-block; margin: 0 0 15px; padding: 0 10px 0 0; float: left;}
.mainthumbs .main-btn {display: inline-block; padding: 5px 0 0;} */

.mainthumbs div h4 {
    color: #222;
    margin: 0px 0 15px 0;
    padding: 30px 25px 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.02em;
}
.mainthumbs div p {
    font-size: 15px;
    color: #888;
    line-height: 22px;
    letter-spacing: -0.02em;
    padding-bottom: 30px;
    margin-bottom: 0;
    line-height: 1.7;
}
.mainthumbs .main-box p{height: 130px;}
.maintxt {border-radius: 0;}
.maintxt p {font-weight: bold; font-size: 16px; color: #333;}
@media screen and (max-width: 767px) {
	.mainthumbs {padding: 30px 10px;}
}

.intro-boardbox {padding: 0;}
.intro-boardbox > .page-header {display: none;}
.intro-widgetbox {margin-top: 0; margin-bottom: 15px;}
.intro-widgetBoardbox > a, .intro-widgetbox > .page-header {display: none;}

.skin-page-title {border-radius: 0; border-right: 13px solid #333;}
.skin-page-title p {margin: 0;}

.none-radius {border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0);}
.none-radius img {border: 10px solid #dfdfdf;}
.reset-padding {padding: 10px 0;}
.caret {display: none;}

/*    main content 설정 시작     */
.main-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    text-align: center;
}
@media screen and (max-width: 991px) {
    .main-box {min-height: 300px;}
}
@media screen and (max-width: 767px) {
    .main-box {min-height: 240px;}
}
.main-box a{text-decoration:none}
.main-box:hover {
    border-color: #bbb;
    border-bottom-color: #f6871f;
    /* background: #f8f8f8; */
}
.main-box .strategy-text {display: inline-block; padding: 20px 0 20px 10px; font-size: 12px; color: #999;}
.main-box .line {border-bottom: 1px solid #333;margin: 20px 0 30px; width: 30px; display: none;}
.main-box .main-img {display: inline-block; float: left;}
/* .main-wrap {display: inline-block;} */
.main-wrap > div {padding: 0 15px;}
.main-img.main-hover {visibility: hidden; position: absolute; left: 16px; top: 1px; margin: 30px 40px; z-index: 999;}


.main-box:hover .main-img {visibility: hidden;}
.main-box:hover .main-img.main-hover {visibility: visible;}
.main-box:hover a h4 {color: #f6871f;}
/* .main-box:hover .line {border-bottom: 1px solid #f6871f;} */
.main-box:hover > p {
    color: #222;
}
.main-box:hover > p.strategy-text {color:#aaa;}

/*     widget 설정     */
.intro-board-widget-layout {padding-bottom: 50px;}

/* 게시판 영역 설정 */
.intro-board-layout {padding: 0 10px 0 0;}
.intro-board-layout h3 {display: inline-block; margin: 0 0 15px; padding: 0 10px 0 0; float: left;}
.intro-board-layout .main-btn {display: inline-block; padding: 5px 0 0;}
.intro-board-layout .panel-body {padding: 0;}
.intro-board-layout .panel-body .dh-front-list2-words {padding: 28px 30px !important; border-bottom: 1px solid #dedede; max-height: 135px;}
.intro-board-layout .panel-body .dh-front-list2-words:last-child {border-bottom: 1px solid #eee;}
.intro-board-layout .panel-body > div:hover {background-color: #f4f7fc;}
.dh-front-list2 h6 {padding: 0 0 15px !important;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span {color: #333; font-weight: 600; font-size: 16px; letter-spacing:-0.5px;}
.dh-front-list2 h6 a span.label {color: #f6871f !important;}
.dh-front-list2 h6:hover a span {text-decoration: none !important;}
.dh-front-list2 h6:hover a span.list-row-subject {color: #f6871f !important;}
.dh-front-list2 h5 {border-top: none !important; padding: 0 !important; margin: 0; height: 50px !important; overflow: hidden;}
.dh-front-list2 h5, .dh-front-list2 h5 a, .dh-front-list2 h5 p, .dh-front-list2 h5 span {font-size: 13px !important; font-weight: 400; line-height: 1.8; color: #555 !important;}
.dh-front-list2-words {margin: 0 !important;}
.list-row-contents {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.list-row-regdate {float: right; font-size: 13px !important; font-weight: 400 !important; color: #999 !important;}
.row-separator{display:none;}
@media screen and (max-width: 767px) {
    .intro-board-layout {padding: 0 10px;}
	.intro-board-layout .intro-boardbox {display: inline-block;}
	.dh-front-list2 h6 a span.list-row-regdate {display: block; padding: 8px 10px 0 0; float: none;}
	.dh-front-list2 h5 {height: 25px !important;}
}
/* //게시판 영역 설정 */

/* 위젯 영역 설정 */
.intro-widget-layout {padding: 0 0 0 20px;}
.intro-widget-layout > h3 {margin: 0 0 15px; padding: 0 10px 0 0;}
.main-about {background-color: #fff; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 25px; height: 135px;}
.main-about:hover.main-about1, .main-about:hover.main-about2, .main-about:hover.main-about3 {background-color: #f4f7fc;}
.main-about:hover.main-about1 h5, .main-about:hover.main-about2 h5, .main-about:hover.main-about3 h5 {color: #f6871f;}
.main-about:hover.main-about1 p, .main-about:hover.main-about2 p, .main-about:hover.main-about3 p {color: #777 !important;}
.main-about > h5 {margin: 0; font-size: 16px; color: #343434;}
.main-about p {font-size: 13px !important;font-weight: 400; line-height: 23px; color: #555; padding: 15px 0 0; margin: 0;}
.main-about2 > div {display: inline-block;}
.main-about2 > div:last-child {margin-left: 16px;}
.main-about3 {padding: 23px 30px; border-bottom: 1px solid #dedede;}
.main-about3 > div {display: inline-block;}
.main-about3 > div:last-child {margin-left: 20px;}
.main-about3 .icon-about {float: left; margin-right: 6px;}
@media screen and (max-width: 991px) {
	.main-about2 > div:last-child, .main-about3 > div:last-child {display: none;}
}
@media screen and (max-width: 767px) {
    .intro-widget-layout {padding: 0 10px;}
}

/*메인 컨텐츠*/

.main-title {
	margin: 0 0 50px;
	text-align:center;
    letter-spacing: -1.5px;
    word-spacing: -5px;
    font-size: 34px;
    line-height: 1;
}
.main-title span {
	margin-bottom: 5px;
    font-size: 16px;
    letter-spacing: 1.5px;
    color: #213c8c;
    display: block;
}
.main-con {margin:80px 0}
.main-con .col-md-3{    
	background: #f8f8f8;
    padding: 20px;
transition:all ease 0.4s}
.main-con a{text-decoration:none}
.main-con a p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 20px 0 10px;
    letter-spacing: -0.02em;
}
.main-con .main_con01{background: #d0551c;}
.main-con .main_con02{background: #313131}
.main-con .main_con03{background: #223671;}
.main-con .main_con04{background: #132048;}
.main-con .col-md-3:hover ,.main-con .col-md-3:focus{
    box-shadow: 0px 3px 10px rgba(0,0,0,0.4);
    margin-top: -10px;
    text-decoration: none;
}
.sect_header {
    text-align: center;
    margin: 60px 0 40px;
}
.sect_header h3 {
    margin: 0;
    color: #222;
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1;
}
.sect_header h3 span {
    font-weight: 500;
}
.sect_title + p.des {
    display: inline-block;
    position: relative;
    margin: 10px 0 0;
    color: #999;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    padding-bottom: 0;
}
/* .sect_title + p.des:before{    
	content: "";
    display: inline-block;
    background: #e1e1e1;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 8px;
    left: -70px;
}
.sect_title + p.des:after{    content: "";
    display: inline-block;
    background: #e1e1e1;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 8px;
    right: -70px;} */
.sect_header h3 span{    font-weight: 600;}



.main-business .social_box{    
	max-width: 320px;
    margin: 0 auto;
    position: relative;}
.social_text {
    background: transparent;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    transition: all ease .3s;
    padding: 10px;
}
.social_text dl{ 
	transition:all ease .3s;
	height:auto;
	color:transparent; 
	margin: 0;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
.main-business .social_box:hover .social_text dl {
    padding: 40px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 100%;
}
/* .main-business .col-md-3:nth-child(11) .social_box:hover .social_text dl{padding-top: 60px;} */
.main-business .social_box:hover .social_text dd {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #fff;
}
.main-business .social_box:hover .social_text dt {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}
.main-business .social_box:hover .social_text {
    background: rgba(246, 135, 31, 0.9);
}
.main-business .col-md-3 p {
    font-weight: 500;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    margin: 0;
    padding: 10px 0;
    font-size: 15px;
}
.main-business .clearfix{margin:30px 0}
.sect_header + .clearfix {
    margin: 0;
}
.main-business{margin-bottom:60px}
/*    //main content 설정 끝     */

/*    sub page 설정 시작     */
.sub-top-wrap {
    height: 275px;
    background-image: url(/skin/img/sub/subtop-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}
.sub-top-wrap.visual01{
    background-image: url(/skin/img/sub/visual01.jpg);
}
.sub-top-wrap.visual02{
    background-image: url(/skin/img/sub/visual02.jpg);
}
.sub-top-wrap.visual03{
    background-image: url(/skin/img/sub/visual03.jpg);
}
.sub-top-wrap.visual04{
    background-image: url(/skin/img/sub/visual04.jpg);
}
.sub-top-wrap.visual05{
    background-image: url(/skin/img/sub/visual05.jpg);
}
.sub-top-wrap.visual06{
    background-image: url(/skin/img/sub/visual06.jpg);
}
.sub-top-wrap.visual07{
    background-image: url(/skin/img/sub/visual07.jpg);
}
.sub-top-wrap.visual08{
    background-image: url(/skin/img/sub/visual08.jpg);
}

.sub-top {
    background:rgba(0, 0, 0, 0.02);
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}
/* .sub-top > div {width: 100%; max-width: 1170px; height: 100%; position: relative; padding: 20px 0 0;} */
.sub-top > div > h2 {
    display: block;
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    margin: 0;
    padding: 90px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 0 10px rgba(0,0,0,0.6);
}
/*
.sub-top > div > h2::before {    
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #fff;
    top: 60px;
    left: 0;}
*/
.sub-top > div > dl {   
    display:none;
    margin: 0;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 12px;}
.sub-top > div > dl > dd {display: inline-block; line-height: 32px; font-size: 15px; padding: 15px 10px;}
.sub-top > div > dl > dd.on {background: url(/skin/img/default/sub/menu_arrow.png) center bottom no-repeat;}
.sub-top > div > dl > dd > a {color: #fff; padding: 5px 10px;}
.sub-top > div > dl > dd > a.on {font-weight: 700;}
.sub-top > .container {
    position: relative;
    height: 275px;
}
.sub-top p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    margin: 20px 0 0;
}
.sub-top p strong {
    color: #f6871f;
}

.sub-layout {width: 100%; min-height: 750px; padding: 95px 0 0; background: #fff;}
.sub-layout .content {width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 0 80px;}
.sub-layout .content .page-header {
    margin: 60px 0 0;
    padding: 0;
    border: none; 
    text-align: center;
}
.sub-layout .content .page-header .breadcrumb {
    border-radius: 0;
    margin: 0;
    padding: 0 0 4px;
    display: inline-block;
    background: #ffffff;
    font-size: 13px;
    color: #888;
}
.breadcrumb > .active {font-weight: 700;}
.breadcrumb > li + li::before {content: '>';}

.content-wrap p,
.content-wrap li, 
.content-wrap dd {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}
.content-wrap .text-wrap {
    text-align: center; 
    margin-bottom: 40px;
}
.content-wrap .text-wrap h3 {
    margin: 0;
    padding: 18px 0;
    color: #222;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
}
.content-wrap .text-wrap h5 {
    margin: 0;
    color: #888;
    font-size: 18px;
    font-weight: 400;
    
    display:none;
}
.content-wrap .text-wrap p {margin: 0; padding-top: 15px; color: #777; font-size: 13px; line-height: 20px;}

/*----- about page -----*/

/*----- business page -----*/
.business_wrap {margin: 0; padding: 6px 6px 0; width: 100%; background: url(/skin/img/default/sub/bg_border.png) repeat;}
.business_wrap ul {display: inline-block; margin: 0; padding: 25px; width: 100%; background-color: #fff;}
.business_wrap ul li.tit {text-align: center;}
.business_wrap ul li.tit h3 {margin: 0; color: #333; font-size: 23px; letter-spacing: -0.04em; line-height: 1.4;}
.business_wrap ul li.tit p {color: #777; font-size: 13px;}
ul.middot_list {margin: 0 !important; padding: 0;}
ul.middot_list li {margin: 0; padding: 0 0 0 15px; line-height: 2; font-size: 13px; color: #555; position: relative;}
ul.middot_list li::before {content: ''; background: #aaa; width: 3px; height: 3px; border-radius: 100%; position: absolute; top: 10px; left: 0;}
.grid_wrap {margin-top: 40px;}
.grid_left {padding: 0; width: 25%; margin-left: 0%; float: left; overflow: hidden;}
.grid_left h3 {color: #333; font-size: 18px; letter-spacing: -0.06em; margin: 0;}
.grid_right {padding: 0 0 0 30px; width: 75%; margin-left: 0%; float: left; border-left: 1px #e7e7e7 dashed;}
.grid_right h3 {margin: 0 0 15px; color: #555; font-size: 15px; letter-spacing: -0.04em;}
.grid_right h3.color {color: #f6871f;}
.grid_wrap ul.middot_list {margin: 0 0 30px !important;}
.grid_wrap .default_tb_wrap {margin-bottom: 30px;}
ul.litxt_body {padding: 0;}
ul.litxt_body li {padding: 0;}
ul.litxt_body li::before {content: ''; background: none; width: 0; height: 0;}

/* table 영역 설정 */
.content-wrap .table.table-type03 {
    margin: 20px 0 0;
    border-top: 2px solid #f6871f;
}
.content-wrap .table.table-type03 tr th, 
.content-wrap .table.table-type03 tr td {
    padding: 14px 14px !important;
    border-bottom: 1px solid #ddd !important;
    word-break: keep-all;
    vertical-align: middle !important;
    font-size: 15px;
}
.content-wrap .table.table-type03 tr th {
    color: #222;
    background: #f3f3f3;
    text-align: center;}
.content-wrap .table.table-type03 thead tr th {
    background: #f3f3f3;
}
.content-wrap .table.table-type03 tr td {
    color: #555;
}
/* //table 영역 설정 */

/* 게시판 설정 시작 */
/*=====----- 메일폼 설정 -----=====*/
#mailForm .form-group {margin: 0; padding: 25px 35px; background: #f3f3f3; border-bottom: 1px solid #ddd;}
#mailForm .form-group:first-child {border-top: 2px solid #000;}
#mailForm .form-group:nth-child(5) {background: none; border: none; padding: 30px 25px;}
#mailForm .form-group label {
    width: 15%;
    float: left;
    margin: 10px 0 0;
    font-size: 15px;
}
#mailForm .form-group input.form-control,
#mailForm .form-group textarea.form-control {
    width: 85%;
    max-width: 935px;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
#mailForm .form-group input.form-control {height: 40px;}
#mailForm .form-group p.error,
#mailForm .form-group~p.error {
    margin: 0;
    color: #f6871f;
    font-size: 14px;
}

#mailForm .form-group~p.error {padding-left: 35px; margin: -15px 0 0;}
#mailForm .form-group .checkbox {margin: -8px 0 0;}
#mailForm .form-group .checkbox label {
    width: 100%;
    margin: 0;
    font-size: 13px;
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 220px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 15px 0;
    border: 1px solid #f6871f !important;
    border-radius: 0;
    background: #f6871f !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
input[type=button].btn-block:hover,
input[type=reset].btn-block:hover,
input[type=submit].btn-block:hover {
    background: #e25020 !important;
    border: 1px solid #e25020 !important;
    color: #fff;
}
@media screen and (max-width: 991px) {
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {max-width: 567px;}
}
@media screen and (max-width: 767px) {
    #mailForm .form-group {padding: 20px 15px;}
    #mailForm .form-group label {width: 20%; font-size: 13px; font-weight: 500; letter-spacing: -0.05em;}
    #mailForm .form-group input.form-control, #mailForm .form-group textarea.form-control {width: 80%;}
    #mailForm .form-group~p.error {padding-left: 15px; margin: 0;}
    input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {margin-top: 80px;}
}
#mailForm .form-group input.form-control:focus {
    border-color: #bbb;
}

/*=====----- 게시판 설정 -----=====*/
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px 70px;}
.bbs-list-index-layout .content, .bbs-blog2-index-layout .content, .bbs-list-view-layout .content, .bbs-blog-view-layout .content, .bbs-list-edit-layout .content, .bbs-list-add-layout .content, .contact-mail-layout .content {padding: 0;}

/*=====----- 텍스트 게시판 설정 -----=====*/
.dh-board .table > thead > tr > th, .dh-board .table > tbody > tr > th, .dh-board .table > tfoot > tr > th, .dh-board .table > thead > tr > td, .dh-board .table > tbody > tr > td, .dh-board .table > tfoot > tr > td {padding: 16px 20px; color: #666; font-size: 14px;}
.dh-board .table > thead > tr > th {background: #f9f9f9; vertical-align: middle; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
.dh-board .table > tbody > tr > td {border-bottom: 1px dotted #dedede;}
.dh-board .table > tbody > tr > td > strong > a {color: #555;}
.dh-board > .table-hover {border-top: 2px solid #2d2d2d; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #f9f9f9;}
.dh-board > .table-hover > tbody > tr:hover > td > strong > a {color: #000;}
.dh-margin-top{margin-top: 40px; display: inline-block;}

/* ----- 블로그 B타입 게시판 ----- */
.bbs-blog2-index-layout .dhb-txt-box-type-b {border: none; background-color: #fff; width: 25%; margin: 0 0 20px; padding: 0 10px;}
.bbs-blog2-index-layout .dhb-txt-box-type-b > div {margin: 0; padding: 0; border: 1px solid #e5e5e5;}
.dhb-txt-box-type-b-img-layout {padding: 0;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {border: none; min-height: 180px; max-height: 180px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.dhb-txt-box-type-b-text-layout h4{font-size: 14px; margin: 15px 0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer{margin-top: 0; float: none; text-align: left; display: none;}
.txt-box-footer em {display: none;}
.txt-box-footer em > span.regdate{font-style: normal; color: #666; font-size: 13px;}
.txt-box-footer em > span:last-child{display: none;}
.txt-box-footer small.hits{display: none;}
@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {width: 100%; margin: 10px 0 20px;}
}

/* ----- 게시판 버튼 설정 ----- */
.label {background: rgba(0,0,0,0); padding: 0 5px; font-size: 90%;}
.label-danger{color: #f6871f;}
.label-primary{color: #f6871f;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #f6871f; border: 1px solid #f6871f !important;}
.pagination > li > a, .pagination > li > span {color: #9D8478; border: 1px solid #fff !important;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #9D8478;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {margin-top: 0px;}
.sns-box {display: none;}
.dh-view-box > .row > .page-header {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 0 20px; margin: 0;}
.dh-view-box > .row > .page-header > h4 {color: #333; font-size: 23px; margin: 14px 0;}
.dh-view-box > .row > .dh-view-info {border-bottom: 1px solid #ccc; background: rgba(0,0,0,0); padding: 8px 20px 8px; color: #888;}
.dh-view-box > .row > .dh-view-info > span {padding: 0 15px 0 0;}
.dh-view-box > .row > .dh-view-info > span > strong {color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach h6 {margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box > .row:nth-child(2) > div:nth-child(3) {padding: 30px 20px 60px !important; min-height: 300px;}
@media screen and (max-width: 991px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 60px 15px;}
}
@media screen and (max-width: 767px) {
    .dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm {padding: 40px 15px;}
}
/* 게시판 설정 끝 */

/* 회원가입 */
.login-layout, .id-find-layout, .pw-find-layout {background: #fff; min-height: 790px;}
.login-layout .inner-box-wrapper, .id-find-layout .inner-box-wrapper, .pw-find-layout .inner-box-wrapper {width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0 0;}
.join-agree-layout, .join-layout {width: 1170px; margin: 0 auto 70px;}
.join-agree-layout .panel, .join-layout .panel {border: 1px solid #dedede; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0;}
.join-agree-layout .panel-heading, .join-layout .panel-heading {background-image: none !important; background-color: #f7f7f7 !important;}
.join-agree-layout .btn-primary, .join-layout .btn-primary {background-color: #f6871f !important;border: 0px; border-radius: 0;}
@media screen and (max-width: 991px) {
    .login-layout, .id-find-layout, .pw-find-layout {width: 100%; margin: 0;}
}
/* 로그인 / 아이디, 비밀번호 찾기 */
.login-layout .panel, .id-find-layout .panel, .pw-find-layout .panel {border-radius: 8px; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0); min-height: 440px; margin: 0; padding: 50px 30px 80px;}
.login-layout .panel-body h2, .id-find-layout .panel-body h2, .pw-find-layout .panel-body h2 {margin: 0; color: #454545; font-size: 28px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p, .id-find-layout .inner-box-msg p, .pw-find-layout .inner-box-msg p {font-size: 13px; color: #666; margin: 0;}
.login-layout .inner-box-form form label, .id-find-layout .inner-box-form form label, .pw-find-layout .inner-box-form form label {font-size: 14px;}
.login-layout .inner-box-form form label.error, .id-find-layout .inner-box-form form label.error, .pw-find-layout .inner-box-form form label.error {font-weight: 400; color: #f6871f; font-size: 12px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: #fff !important; border: 1px solid #d5d5d5;}

.login-layout .form-control, 
.id-find-layout .form-control, 
.pw-find-layout .form-control {
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: none;
}
.login-layout .form-control:focus, 
.id-find-layout .form-control:focus, 
.pw-find-layout .form-control:focus {
    border-color: #bbb;
}
.login-layout .btn-warning, 
.id-find-layout .btn-warning, 
.pw-find-layout .btn-warning {
    width: 180px;
    float: right;
    margin-top: 30px;
    padding: 15px 0;
    border: 1px solid #f6871f ;
    border-radius: 0;
    background: #f6871f;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
.login-layout .btn-warning:hover, 
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover {
    background: #e25020;
    border: 1px solid #e25020;
}
.login-layout form > div > p > a {
    display: inline-block;
    float: left;
    font-size: 12px;
    color: #555;
    margin-top: 18px;
}
.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: "";}
.id-find-layout .panel-body, .pw-find-layout .panel-body {margin-top: 40px;}
/*    //sub page 설정끝     */


/* page company*/
#company01 .con1 .col-md-8 p {
    margin-bottom: 20px;
}
#company01 .content-wrap .col-md-8 p:first-child {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #f6871f;
    line-height: 1.4;
}
#company01 .content-wrap .col-md-8 p:last-child{}
#company01 .ceo {
    font-size: 22px;
    text-align: right;
    margin-top: 45px;
    margin-bottom: 0 !important;
    color: #222;
}
#company02 .content-wrap .col-md-3{width:20%}
#company02 .content-wrap .col-md-3 img {
    padding: 15px 20px;
}

/* page charity */
#charity .con1 dt {
    font-size: 22px;
    color: #222;
    padding-left: 25px;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    position: relative;
}
#charity .con1 dt:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 4px solid #f6871f;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 2px;
}
#charity .con1 dd {
    position: relative;
    padding-left: 20px;
    margin-left: 5px;
}

/* 준비중 */
.maintenance {
    border: 7px solid #E5E5E5;
    padding: 50px 25px;
    text-align: center;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
    line-height: 1;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}
	
.maintenance .small-cont {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #818181;
    margin-bottom: 20px;
}
.maintenance .clearfix {
    margin: 0;
}

/*2018-09-21*/
.item:nth-of-type(1) .carousel-caption{    margin: -200px 0 0;}
.item:nth-of-type(3) .carousel-caption .caption-line-box{    padding: 70px 35px;}
.item:nth-of-type(3) .carousel-caption {    margin: -200px 0 0;}
.carousel-caption .main_golf{line-height: 1.4;}

/*2018-09-27*/
#company02 .con1 p{padding: 17px 20px;
    margin: 0;
    font-weight: 700;
    color: #333;
    font-size: 18px;}
.mod-custom-form-no7 .q_number .col-sm-12.clearfix{width:22%}
.mod-custom-form-no7 .q_number div:last-child{width:78%}
.mod-custom-form-no7 .q_number div:nth-of-type(2){display:none}
.mod-custom-form-no7 .q_number:nth-of-type(1) div:nth-of-type(2){display:block}
.mod-custom-form-no7 .q_number:nth-of-type(2) div:nth-of-type(2){display:block}
@media(min-width:768px){
#mod_type_formForm{max-width:935px}
	}
#mod_type_formForm{    background: #f8f8f8;
    padding: 48px 20px 20px;}
.q_number div h3{    margin-bottom: 0px;
    margin-top: 3px;
        font-size: 20px;}
.q_number div h3 .fa-square:before{     content: "\f046";
    font-size: 23px;
    font-weight: 300;
    color: #F6871F;
    margin-right: 5px;}
.mod-custom-form-no7 .q_number .col-sm-12.clearfix .text-danger{display:none}
.mod-custom-form-no7 .btn-wrap .btn-primary {
    width: 220px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 15px 0;
    border: 1px solid #f6871f !important;
    border-radius: 0;
    background: #f6871f !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-shadow: 0 0 0 rgba(0,0,0,0);
	    float: none !important;
}
.mod-custom-form-no7 .btn-wrap .btn-primary:hover {
    background: #e25020 !important;
    border: 1px solid #e25020 !important;
    color: #fff;
}
.mod-custom-form-no7 .content{padding:0}
.mod-custom-form-no7{padding-bottom:80px}

/*2018-10-08*/
#business01 .content{margin-top:80px}

/*2018-10-19*/
#product01 .con{margin-bottom:60px}
#product01 .con1 h4{    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;overflow:hidden;    margin-top: 30px;}
#product01 .con1 h4 span{    float: right;
    font-size: 15px;
    color: #999;
    font-weight: 500;
    font-style: italic;
    margin-top: 20px;margin-right: 5px;}
#product01 .con2 dl, #product02 .con2 dl{    border: 1px solid #f6871f;}
#product01 .con2 dl dt,#product02 .con2 dl dt{font-size: 26px;
    text-align: center;
    background: #f6871f;
    color: #fff;
    padding: 10px 0;
    font-weight: 500;
}
#product01 .con2 dl {
    margin-bottom: 0;
}
#product01 .con2 dl dd, 
#product02 .con2 dl dd {
    background: #f8f8f8;
    font-size: 20px;
    color: #000;
    padding-left: 45px;
}
#product01 .con2 dl dd:nth-of-type(1),#product02 .con2 dl dd:nth-of-type(1){padding-top:20px}
#product01 .con2 dl .trust{    padding-bottom: 20px;
    font-weight: 700;
    color: #e40303;}
#product01 .con2 dl dd:before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    background: #333;
    border-radius: 50%;
    position: relative;
    top: -6px;
    left: -8px;
}
#product01 .con2 dl dd.trust:before{
    background: #e40303;
}
.content-wrap .table .table-type04 {
    margin-bottom: 0;
}

.content-wrap .table .table-type04 tbody td,
.content-wrap .table .table-type04 tbody th {
    font-size: 14px !important;
    padding: 10px !important;
}

@media(min-width:768px){
.main-wrap2>.col-md-6{padding:0 15px 0 0} }
.main-wrap2 a{border:1px solid #ddd; display:block;border-bottom:2px solid #ddd;transition:all ease .3s}
.main-wrap2 .col-md-6 h4{
	font-size: 28px;
    text-align: center;
    height: 100%;
    font-weight: 600;
    margin: 30px 0 15px;
    padding: 30px 0 0;
    letter-spacing: 0.05em;
    color: #333;transition:all ease .3s}
.main-wrap2 .col-md-6 p{    padding-bottom: 0;
    text-align: center;
    font-size: 19px;
    font-weight: 600;transition:all ease .3s}
.main-wrap2 .col-md-6:first-child a:hover h4 {color:#e80404}
.main-wrap2 .col-md-6:last-child a:hover h4 {color:#039}
.main-wrap2 a:hover{border:1px solid #ccc;}
.main-wrap2 a:hover p{color:#333}
.main-wrap2 .col-md-6:first-child a:hover{border-bottom:2px solid #e80404}
.main-wrap2 .col-md-6:last-child a:hover{border-bottom:2px solid #039}

/*2018-10-22*/
#product01 .table tr td{text-align:center;    border: 1px solid #ddd;}
#product01 .table tr th{border: 1px solid #ddd;}
#product01 .table {margin-top:10px}
#product01 .con2 dl .tel,#product02 .con2 dl .tel{    text-align: center;
    font-size: 29px;
    padding-left: 0;
    padding-bottom: 20px;
    font-weight: 700;
    color: #333;}
#product01 .con2 dl .tel:before{content:"";width:0;height:0}
#product02 .con2 {margin-top:60px}

.myModal12 #product01 .li-dot{margin-bottom:0}
.myModal12 #product01 .con2{margin-bottom:0}
.myModal12 #product01 .con2 dl dt{font-size: 22px;}
.myModal12 #product01 .con2 dl dd{    padding-left:20px; padding-right:20px;    font-size: 16px;}
#product01  .con .table tr td strong{    color: #f03700;
    font-size: 17px;}
#product01  .con .table tr th b{    font-size: 20px;
    color: #f6871f;}

/*2018-10-30*/
#product01 .content-wrap .text-wrap p{font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding-top: 0;
    background: #f6871f;
    display: inline-block;
    padding: 10px;}

/*2019-01-15 모바일*/
.carousel-inner .item{width:100%; height:550px;}
.carousel-inner .item:nth-of-type(1){background:url(/skin/img/slide/slide1.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(2){background:url(/skin/img/slide/slide2.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(3){background:url(/skin/img/slide/slide3.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(4){background:url(/skin/img/slide/slide4.jpg) no-repeat center / cover}
.carousel-inner .item:nth-of-type(5){background:url(/skin/img/slide/slide5.jpg) no-repeat center / cover}

@media(max-width:767px){
	.carousel-inner .item{width:100%; height:400px;}
	.carousel-caption{margin:0 !important;position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);right:auto;bottom:auto;    width: 85% !important;    height: 330px;min-height:auto}
	.carousel-caption .caption-line-box,.item:nth-of-type(3) .carousel-caption .caption-line-box{    padding: 20px;}
	.carousel-caption .caption-line-box h2{        font-size: 24px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 15px;}
	.carousel-caption .caption-line-box p{font-weight: 400;font-size:16px}
	.carousel-caption p strong{font-weight: 400;}
	.carousel-indicators{bottom:-3px}
	.mainthumbs .col-md-3, .main-business .col-md-3, .main-wrap2 .col-md-6, #company02 .con1 .col-md-3{margin-bottom:20px}
	.main-wrap2 .col-md-6 h4{margin:0 0 15px;padding-top:15px}
	.main-wrap2 .col-md-6 img{width:100%}
	.main-wrap2 .col-md-6 p{padding-bottom:15px}
	.container.container_slide,.sub-layout{padding-top:77px}
	.sub-top > div > h2{    padding: 62px 0 0}
	.sub-top p{font-size:16px}
	.sub-top-wrap{height:200px}
	
	#company02 .content-wrap .col-md-3 {    width: 100%;}
	#company02 .con1 p{
    display: inline-block;    padding: 17px 28px;}
	#company02 .con1 .clearfix+.col-md-3+.col-md-3+.col-md-3{text-align:center}
	#company02 .clearfix{margin:0}
	.mod-custom-form-no7 .q_number div:last-child{width:100%}
	.mod-custom-form-no7 .q_number .col-sm-12.clearfix {    width: 100%;    margin-bottom: 10px;}
	.navbar-inverse .navbar-toggle {    margin: 25px 25px 0;}
	.navbar-inverse .navbar-nav > li > a {    margin: 0; }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{border-bottom:none}
	.navbar-nav .open .dropdown-menu{padding-top:0}
	.dropdown.open{    border-bottom: 1px solid #ddd;}
}

#m-22{display:none}

/*2019-05-15*/
.popup02_inner {    padding: 0 20px 30px;
    border-bottom: 1px solid #ddd;}
.popup02_inner h2{    font-weight: 600;
    letter-spacing: -0.1em;
    color: #f6871f;
    margin-bottom: 30px;}
.popup02_inner img{    margin-bottom: 30px;
    box-shadow: 4px 5px 0px rgba(190,190,190,0.4);
    border: 1px solid #ddd;
    padding: 10px;}
.popup02_inner p{    text-align: center;
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 1.6;
    background: #f8f8f8;
    padding: 10px;
    margin: 0;
    border: 1px dashed #ddd;}
.myModal14.dh-popup.pull-left{    left: 460px;}
.dh-popup{z-index:999;top:125px}
.item:nth-of-type(5) .carousel-caption h2{    font-size: 26px;}
.item:nth-of-type(5) .carousel-caption h2 b{margin-top:20px; display:block}
#company02 .con1{margin-bottom:40px}
#company02 .con1 p{    text-align: center;}
#company02 .con1 p strong{    color: #f6871f;
    display: block;
    font-size: 24px;}
#company02 .con2 p {    padding: 40px;
    background: #f8f8f8;
    border: 1px solid #ddd;}


/*2022-09-22*/
.myModal16{
    background: #fd7a00;
    border: 0;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.23);
    width: 500px;
    padding: 30px 30px;
}
.myModal16::before{
    content: '';
    display: block;
    width: 480px;
    height: 242px;
    border: 1px solid #ffca98;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.myModal16 > p{
    display: none;
}
.myModal16 > p.dh-close-btn{
    display: block;
    border: 0;
}
.myModal16 > p.dh-close-btn > label{
    margin-top: 3px;
    color: #fff;
}
.myModal16 .button_pop{
    color: #fff;
}
.popup_0922{
    display: block;
    width: 100%;
    height: 100%;
}
.popup_0922 .inner{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ff9f45;
}
.popup_0922 .inner:hover{
    text-decoration: none;
}
.popup_0922 .inner > h2{
    color: #fff;
    font-size: 24px;
    margin: 0px 0 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.4;
}
.popup_0922 .inner > h2 > b{
    color: #fbff00;
    font-size: 37px;
    display: block;
}
.popup_0922 .inner > span{
    background: #fff;
    color: #F6871F;
    display: inline-block;
    padding: 7px 30px;
    border-radius: 52px;
    font-size: 20px;
    font-weight: 600;
}

.myModal18{
    background: #fd7a00;
    border: 0;
    box-shadow: 0px 5px 6px rgba(0,0,0,0.23);
    width: 500px;
    padding: 30px 30px;
    top: 415px;
}
.myModal18::before{
    content: '';
    display: block;
    width: 480px;
    height: 130px;
    border: 1px solid #ffca98;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.myModal18 > p{
    display: none;
}
.myModal18 >h2{
    display: block;
    color: #fff;
    margin: 0 0 15px;
    letter-spacing: 0.02em;
    font-weight: 900;
    padding-bottom: 15px;
    border-bottom: 1px solid #ff9f45;
}
.myModal18 >h2 a{    position: relative;
    color: #fff;
    padding-bottom: 5px;
    display: block;}
.myModal18 > p.dh-close-btn{
    display: block;
    border: 0;
}
.myModal18 > p.dh-close-btn > label{
    margin-top: 3px;
    color: #fff;
}
.myModal18 .button_pop{
    color: #fff;
}
#company04 .con1 p{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 60px;
}
#company04 .con1 p > strong{
    display: block;
    color: #F6871F;
    font-size: 27px;
}
#company04 .perform {
    margin-bottom: 50px;
}
#company04 .perform h5{
    margin: 0 0 10px;
    font-size: 19px;
    font-weight: 600;
    padding-left: 15px;
    position: relative;
}
#company04 .perform h5::before{
    content: '';
    position: absolute;
    display: block;
    width: 5px;
    height: 14px;
    background: #F6871F;
    left: 0;
    top: 4px;
    transform: skewX(30deg);
}
#company04 .perform .li_perform{
    padding: 0 15px;
    margin: 0;
}
#company04 .perform .li_perform > li{
    font-size: 16px;
    font-weight: 500;
    position: relative;
}
#company04 .perform .li_perform > li::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #bbb;
    position: absolute;
    left: -15px;
    top: 12px;
}