@charset "utf-8";
@import url('/skin/mobile.css');
@import url('/skin/notokr/notokr.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script|Noto+Sans+SC&display=swap&subset=korean');

html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff;}
.body-layout.modal-open{
    padding-right:0!important;
}
/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'notokr',  "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim',"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }
/* 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;
}

.navbar-inverse {
    background-color: #1f1f1f;
	border:none;
	margin-bottom: 0;
}

.navbar-inverse .navbar-brand {
    color: #333;
    margin-left: 0 !important;
    margin: 19px 0;
    padding: 0;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #333;
}
.navbar-brand img{
	margin-top:0;
}

@media screen and (min-width: 768px) {
    .container{
        width:1300px;
        max-width:100%;
    }
    .sub-layout .container {
        padding: 0;
    }
    .navbar-inverse {
        display:none;
        transition:all 1s ease-in-out;
    }
    .navbar-inverse.nav-disable{
        top:-100%;
    }
    .divider-vertical + li,
    .divider-vertical + li + li{
        display:none;
    }
	.navbar-inverse .navbar-nav > li > a {
        padding: 33px 32px;
        font-size: 18px;
        font-weight: 500;
        color: #f5b932;
        -webkit-text-shadow: none;
        text-shadow: none;
    }
  
 	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li:hover > a,
	.navbar-inverse .navbar-nav > li:focus > a,
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus,
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		-webkit-box-shadow: none;
	  	box-shadow: none;
        background-color: transparent;
        color: #fff;
  	}
}
@media screen and (min-width: 768px) {
	.navbar-nav>li>.dropdown-menu {
		left: 0;
		right: auto;
		animation-fill-mode: both;
		animation-duration: .5s;
		animation-name: fadeInRight;
		-webkit-border-radius: 0;
		border-radius: 0;
		border: none;
        background-color: #1f1f1f;
        padding:12px 0;
        box-shadow:none;
	}

	.divider-vertical+li .dropdown-menu {
		left: auto;
		right: 0;
	}
}

.dropdown-menu > li > a {
    padding: 8px 25px;
    font-size: 15px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: transparent;
    color: #f1b632;
    font-weight: 500;
}
/* login */

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

@media (max-width:768px){
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }
    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }
    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2{
        font-size: 24px;
    }
    .inner-box-msg p {
        font-size: 12px;
    }
    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }
    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control{
        font-size: 13px;
        height: 36px;
    }
    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a{
        font-size: 12px;
    }
    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning{
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}
/* custom setting */
.container_contents,
.intro-html-layout,
.intro-html-layout > div,
.footer_copy > div,
.sub-layout{
	width:100%;
	padding:0;
	margin:0;
}
ul,dl,ol{padding:0;}
p,li,dt,dd{line-height:1.6;}
a:hover,a:focus{text-decoration: none;}
*{
	box-sizing:border-box;
	word-break:keep-all;
}
.list-row-subject{
	max-width:66%;
}
.dh-board .table-hover {
    margin: 0;
    border-top: 2px solid #ed1c24;
	border-bottom:1px solid #333;
}
.dh-board .table-hover thead tr th, .dh-board .table-hover tbody tr th, .dh-board .table-hover tbody tr td {
    padding: 13px 15px;
    font-size: 15px;
    color: #666;
    letter-spacing: -0.04em;
    line-height: 1.6;
    border-bottom: 1px solid #e1e1e1;
}
.dh-board .table-hover thead tr th, .dh-board .table-hover tbody tr th { color: #222; background:#f5f5f5; padding:10px 15px;}

.table-style {
	margin: 0 0 20px;
	border-top: 2px solid #000;
}

.table-style tr th,
 .table-style tr td {
    padding: 25px 40px 25px 0!important;
    letter-spacing: -0.04em;
    word-break: keep-all;
    font-size: 17px;
    line-height: 1.7 !important;
}
.table-style tr th {
    color: #333;
    font-size:20px;
    font-weight:600;
    border-bottom: 1px solid #000 !important;
}
.table-style tr td {
    border-bottom: 1px solid #ddd !important;
    padding: 40px 60px 40px 0!important;
}
.table-style .highlight{
    position:relative;
    font-weight:600;
}
.table-style .highlight:before {
    content: '';
    display: block;
    width: 100%;
    height: 40%;
    background: #ffc200;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.3;
}

.table-style td li {
    position: relative;
    padding-left: 11px;
    font-size: 17px;
    line-height: 1.6;
    margin: 6px 0 0;
}
.table-style td li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.table-style td ul {
    margin: 10px 0 0 10px;
}

.table-style2 {
    border-top: 2px solid #333;
    border-bottom: 2px solid #e4e4e4;
    font-size: 16px;
    letter-spacing: -0.04em;
    margin: 0;
}
.table-style2 thead tr th {
    background: #f8f8f8;
    border-bottom: 1px solid #ccc;
    padding: 18px 15px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
}
.table-style2 thead tr th:last-child {
    border-right: none;
}
.table-style2 tbody tr td {
    color: #666;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 18px 20px;
}
.table-style2 tbody tr td:last-child {
    border-right: none;
}
.table-style2 tbody tr th {
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 18px 20px;
}
.table-style2 tbody tr td ul {
    margin: 0;
}
.table-style2 tbody tr td ul li {
    position: relative;
    padding-left: 12px;
    line-height: 1.5;
}
.table-style2 tbody tr td ul li+li {
    margin-top: 5px;
}
.table-style2 tbody tr td ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #aaa;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}


/* intro setting */
#intro{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transition: all 2s ease;
    overflow: hidden;
    background:#000;
}
#intro:before{
    content:'';
    display:block;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:0;
    background:url(/skin/img/main/intro-bg.jpg) no-repeat center / cover;
    opacity:0.25;
}
#intro:after{
    content:'';
    display:block;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
}
#intro .container{
    position: relative;
    height: 100vh;
}
#intro .video-wrap{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    height: 78%;
    overflow: hidden;
}
/* #intro .video-wrap .inner{
    margin-top:-70px;
} */
#intro .video{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#intro.introOut{
    opacity:0;
    top:-100%;
}
#intro .logo{
    margin-top:-40px;
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
#intro .logo.on{
    animation-name:fadeOut;
    animation-duration:3s;
    animation-fill-mode: both;
    animation-delay: 5s;
}
#intro .close {
    z-index: 15;
    position: absolute;
    right: 40px;
    bottom: 40px;
    display: block;
    font-size: 17px;
    color: #fff;
    background: rgba(31, 31, 31, 0.7);
    display: none;
    opacity: 1;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 600;
    /* border-radius: 50%; */
    text-shadow: none;
    transition:all ease 0.3s;
}
#intro .close:hover{
    background:#f5b932;
    color:#1f1f1f
}
#intro .subtitle-wrap{
    width:100%;
    height:80px;
    text-align:center;
    color:#fff;
    background: #000;
    font-weight:300;
    font-style:italic;
    /* font-family:  'Noto Sans SC','Nanum Pen Script',  cursive; */
}
#intro .subtitle-wrap .txt-box{
    line-height:80px;
    font-size:40px;
    text-shadow: 0 0 4px rgba(0,0,0,0.4);
    overflow: hidden;
}
.slick-list{
    height:80px;
}
.slick-slider{
    margin-bottom:0;
    border:none;
    height:80px!important;
}
.slick-prev, .slick-next{
    display:none!important;
}
/* navbar setting */



/* main setting */
#main-content{
    position: relative;
    display:none;
}
#main-content .main-logo{
    z-index: 100;
    margin:0;
    position:absolute;
    left:50%;
    top:10%;
    transform:translateX(-50%);
    animation-name:fadeIn;
    animation-duration:2s;
    animation-fill-mode: both;
    animation-delay:1s;
}
#main-content .next-btn{
    position:absolute;
    left:50%;
    bottom:10%;
    transform:translateX(-50%);
    display:block;
    width:65px;
    height:65px;
    border:1px solid #ddd;
    border-radius: 50%;
}
#main-content .next-btn img{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
#main-content:after{
    content:'';
    display:block;
    clear:both;
}
#main-content > div{
    float:left;
    position:relative;
    height:100vh;
    width: 50%;
}
.main-right-box{
    text-align: center;
    background:#f5f5f6;
}
.main-right-box .txt-box{
    position:absolute;
    left: 50%;
    top: 50%;
    max-width: 500px;
    width:100%;
    overflow: hidden;
    transform: translate(-50%,-45%);
}
.main-right-box h3 small{
    display:block;
}
.main-right-box  .des{
    font-size: 24px;
    letter-spacing: -0.06em;
    font-weight: 300;
    line-height: 1.7em;
    text-align: justify;
    color: #222;
}
.main-right-box  .sponsor{
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 13px;
    text-align: left;
    letter-spacing: -0.01em;
}
.main-right-box .sisa-logo{
    position: absolute;
    right:30px;
    bottom:30px;
}
/* .main-right-box .txt-box .line{
    margin-bottom: 10px;
    height:24px;
    font-size:18px;
    color:#888;
    border-bottom:1px solid #ddd;
}
*/
.main-right-box .divider-text{
    position:absolute;
    left:-50px;
    top:50%;
    transform: rotate(-90deg) translateY(-50%);
    margin:0;
    font-size:14px;
    color:#999;
} 
.main-menu-box .menu-wrap{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    max-width: 500px;
    width:100%;
}
.menu-wrap .panel{
    box-shadow: none;
    animation-name:fadeInDown;
    animation-duration:1s;
    animation-fill-mode: both;
}
.menu-wrap .panel:nth-child(1){animation-delay:1.5s;}
.menu-wrap .panel:nth-child(2){animation-delay:1.7s;}
.menu-wrap .panel:nth-child(3){animation-delay:1.9s;}
.menu-wrap .panel:nth-child(4){animation-delay:2.1s;}
.menu-wrap .panel:nth-child(5){animation-delay:2.3s;}
.menu-wrap .panel-group .panel-heading+.panel-collapse>.list-group,
.menu-wrap .panel-group .panel-heading+.panel-collapse>.panel-body,
.menu-wrap .panel-group .panel-heading{
    border:none;
}
.menu-wrap .panel-title a{
    position:relative;
    font-size:42px;
    display:inline-block;
    color:#000;
    font-weight:700;
}
.menu-wrap .panel-title a:before{
    content:'';
    margin-top:5px;
    position:absolute;
    left:0;
    top:100%;
    display:block;
    width:0;
    height:3px;
    background:#000;
    transition:all .3s ease;
}
.menu-wrap .panel-title a span{
    font-size: 26px;
    font-weight: bold;
    margin-right: -5px;
    letter-spacing: -0.03em;
}
.menu-wrap .active .panel-title a:before,
.menu-wrap .panel-title a:active:before,
.menu-wrap .panel-title a:focus:before,
.menu-wrap .panel-title a:hover:before{
    width:100%;
}
.main-drop-menu{
    padding:15px 0px 5px;
}
.main-drop-menu li{
    margin-bottom:10px;
}
.main-drop-menu a{
    display:block;
    font-size:18px;
    font-weight: 500;
    color:#777;
    letter-spacing: -0.04em;
    opacity:0;
}
.collapse.in .main-drop-menu li a{
    position:relative;
    padding-left:44px;
    animation-name:fadeIn;
    animation-fill-mode: both;
    animation-duration: 1.5s;
}
.collapse.in .main-drop-menu li:nth-child(1) a{animation-delay: 0s;}
.collapse.in .main-drop-menu li:nth-child(2) a{animation-delay: 0.2s;}
.collapse.in .main-drop-menu li:nth-child(3) a{animation-delay: 0.4s;}
.main-drop-menu a:hover{
    color:#333;
}
.main-drop-menu a span{
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    padding:5px 9px;
    font-size:0.75em;
    background:#000;
    color:#fff;
    font-weight:400;
}
.main-drop-menu a:hover span{
    color:#000;
    background:#f5b932
}
/* footer setting */
.footer_copy{
    display:none;
}

.footer_copy > div{
	padding: 30px 0 30px;
	background:#e0e0e0;
	color:#777;
	font-size:13px;
	text-align:center;
}
.footer_copy > div.banner_container{
    background: #fff;
}
.foot-logo{
    width: 160px;
    margin-bottom: 10px;
}
.footer_copy .sponsor,
.footer_copy .copy{
    font-size: 13px;
    margin-bottom: 3px;
}

/* subpage setting */
.subpage {
    padding-bottom: 100px;
}
.subpage .title{
    margin-bottom: 280px;
    text-align:center;
    position: relative;
}
.subpage .title h2 {
    margin: 200px auto 70px;
    font-size: 70px;
    font-weight: bold;
    color: #f5b932;
    line-height: 1.23;
    letter-spacing: -0.03em;
}
.subpage .title h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 140px;
    letter-spacing: -0.06em;
    line-height:1.55;
}
.subpage .title p {
    font-size: 24px;
    color: #333;
    /* text-align: left; */
    line-height: 1.65;
    font-weight: 300;
    letter-spacing: -0.045em;
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
}
.subpage .title .des-wrap p{
    text-align: left;
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
}
p{
    font-size:18px;
    color:#666;
}
.subpage .img-des,
.subpage .img-caption{
    margin-top: 10px;
    margin-bottom:5px;
    text-align: right;
    font-size: 15px;
    color: #666;
}
.subpage .img-des{
    margin-bottom:20px;
    padding:0 10px;
}
.img-caption i{
    margin:0 10px;
}
.sub-top{
    position:relative;
    z-index:10;
    overflow:hidden;
}
.sub-top .video-wrap{
    margin-top:-130px;
    /* margin-bottom:-100px; */
}
.sub-top:after {
    content:'';
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(/skin/img/sub/subtop-video-cover.png); */
    background:linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 30%);
}
#info02 .sub-top:after{
    background:transparent;
}
.sub-top .scroll-down{
    display:block;
    position:absolute;
    left:50%;
    bottom:45px;
    transform:translateX(-50%);
    z-index:100;
}
.sub-top .scroll-down .mouse{
    animation-name:hopping;
    animation-duration: 0.8s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
.sub-top .scroll-down .text {
    margin-top: 6px;
}
@keyframes hopping{
    0%{
/*         opacity:0.3; */
        transform:translateY(-7px)
    }
    100%{
/*         opacity:1; */
        transform:translateY(0px)
    }
}
.sub-
.sub-top .scroll-down .text{
    margin-top:10px;
}
.sub-top .container{
    position:relative;
    height:100%;
}
.sub-top .txt-box{
    position:absolute;
    left:0;
    bottom:130px; 
    text-shadow:0 0 5px rgba(0,0,0,0.36);
}
.sub-top .txt-box h2{
    margin:0 0 50px;
    font-size:74px;
    line-height:1.1;
    letter-spacing: -0.04em;
    font-weight:bold;
    color:#f5a582;
}
.sub-top .txt-box p{
    margin:0;
    font-size:34px;
    color:#fff;
    font-weight:500;
}
.embed-responsive-1by1 {
    padding-bottom: 100%;
  }
.subpage h3{
    margin:0 0 80px;
    font-size:40px;
    line-height:1.2;
    letter-spacing: -0.04em;
}
.subpage p {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: -0.034em;
    color: #333;
}
.subpage h4 {
    margin: 0 0 60px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.045em;
    line-height: 1.2em;
}
span.emp{
    /* font-size:1.2em; */
    font-weight: 500;
    color:#000;
}
span.highlight{
    font-weight: 500;
    color: #e5a71b;
}
.column-2{
    column-count: 2;
    column-gap: 150px;
}
/* subpage animation */
.ani{
    opacity:0;
}
.sub-top .ani,
.active .ani{
    animation-fill-mode: both;    
    animation-duration: 1s;
}
.active .fi-in{
    animation-name:fadeIn;
}
.active .fi-left{
    animation-name:fadeInLeft;
}
.active .fi-right{
    animation-name:fadeInRight;
}
.active .fi-down{
    animation-name:fadeInDown;
}
.active .fi-up{
    animation-name:fadeInUp;
}
.t1{animation-delay:0s;}
.t2{animation-delay:.3s;}
.t3{animation-delay:.6s;}
.t4{animation-delay:.9s;}
.t5{animation-delay:1.2s;}
.t6{animation-delay:1.5s;}
.t7{animation-delay:1.8s;}
.t8{animation-delay:2.1s;}
.t9{animation-delay:2.4s;}
.t10{animation-delay:2.7s;}



/* subpage new city */
#newcity01 .table-style2 {
    border-top: 1px solid rgba(0,0,0,0.3) !important;
}
#newcity01 .table-style2 tr th {
    padding: 13px 10px !important;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.11) !important;
    border-bottom: none !important;
    letter-spacing: 0;
    color: #111;
}
#newcity01 .table-style2 tr td {
    padding: 10px 15px !important;
    border-bottom: 1px solid #e4e4e4 !important;
    border-right: 1px solid #e4e4e4;
}
#newcity01 .table-style2 thead tr th:last-child,
#newcity01 .table-style2 tbody tr td:last-child {
    border-right: none;
}
#newcity01 .table-style2 tbody tr:first-child td:first-child {
    width: 80px;
}
#newcity01 .table-style2 tbody tr:first-child td:first-child span {
    display: block;
    text-align: center;
    color: #333;
    font-weight:600;
}
#newcity01 .table-style2 tbody tr:first-child td:first-child span:before{
    content:none;
}
#newcity01-tb3 {
    margin-bottom: 100px;
}

#newcity01 #newcity01-tb1 tr th {
    background: #f8d279;
}
#newcity01 #newcity01-tb2 tr th {
    background: #fea861;
}
#newcity01 #newcity01-tb3 tr th {
    background: #a46055;
    color:#fff;
}
#newcity01 #newcity01-tb1 tbody tr:first-child td:first-child{
    background:#fffdf6
}
#newcity01 #newcity01-tb2 tbody tr:first-child td:first-child{
    background:#fdf8f3
}
#newcity01 #newcity01-tb3 tbody tr:first-child td:first-child{
    background:#f9f3f2
}

#newcity01 .column-2{
    column-gap: 80px;
}

#newcity01 .col-sm-3 .quotation {
    text-align: center;
    padding: 15px 30px;
}
#newcity01 .info-card .row .quotation:last-child{
    margin-bottom:0;
}

#newcity01 #se3{
    margin-bottom: 200px;
}
#newcity01 #se4{
    margin-bottom:100px;    
}
#newcity01 #se4 .right-con{
    padding-top: 80px;
    padding-right: 160px;
}
#newcity01 #se4 img{
    margin-top:50px;
}
#newcity01 #se5{
    margin-bottom: 170px;
}
#newcity01 #se6{
    margin-bottom:200px;
}
#newcity01 #se7 {
    margin-bottom: 100px;
}
#newcity01 #se14{
    margin-bottom: 100px;
}
#newcity01 #se8 {
    margin-bottom: 200px;
}
#newcity01 #se12, #newcity01 #se13, #newcity01 #se10{
    margin-bottom:100px;
}
#newcity01 #se10 .col-sm-8 {
    margin-bottom: 30px;
}
#newcity01 #se9{
    margin-bottom:100px
}
#newcity01 #se9 .right-con{
    padding-top:135px;
}
#newcity01 #se11 {
    margin-bottom: 200px;
}
#newcity01 .info-card {
    padding: 65px 50px;
}
#newcity01 #se11 .row > div {
    padding: 0 40px;
}
#newcity01 #se12{
    height:120vh;
    background: url(/skin/img/sub/newcity01-birdview.jpg) no-repeat center;
    background-attachment: fixed;
    transition: all 1s ease;
}
#newcity01 #se12.active{
    height:120vh;
}

#newcity02 #se3{
    margin-bottom:150px;
}

.subpage .quotation{
    margin-bottom: 40px;
    position:relative;
    font-size: 21px;
    /* font-style: italic; */
    line-height: 1.58;
    font-weight:300;
    letter-spacing: -0.06em;
    padding: 15px 50px 15px;
    color: #5f3801;
    text-align: center;
}
.subpage .quotation .q-mark{
    display:block;
    font-size: 100px;
    font-weight: 300;
    color: #ece4c9;
    position: absolute;
    line-height: 1;
}
.subpage .quotation .q-mark.st{left: 10px;top: 0;}
.subpage .quotation .q-mark.end{right: 10px;top: 0;}
.subpage .quotation small {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    color: #8f8f8f;
    letter-spacing: -0.02em;
}
.newcity02-history ul{
    display:inline-block;
    position:relative;
    left:50%;
    transform: translateX(-50%);
}
.newcity02-history ul:before{
    content:'';
    display:block;
    width:15px;
    height:20px;
    position:absolute;
    left:90px;
    top:-30px;
    background:#8b3527;
    transition:all 5s ease;
}
.active .newcity02-history ul:before{
    height:calc(100% + 60px);
}
.newcity02-history ul:after{
    content:'';
    margin-top:0px;
    position:absolute;
    left: 78px;
    top:0;
    display:block;
    width:20px;
    height:20px;
    border-top:20px solid #8b3527;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    transition:all 5s ease;
    z-index:0;
}
.active .newcity02-history ul:after{
    margin-top:20px;
    top:100%;
}
.newcity02-history li{
    position:relative;
    margin-bottom:15px;
    font-size:18px;
    padding-left:220px;
    z-index:100;
}
.newcity02-history li span{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:200px;
    height:34px;
    line-height:34px;
    color:#333;
    background:#f5b932;
    font-size:16px;
    text-align: center;
    font-weight:500;
}
#newcity02 #se4{
    margin-bottom:100px;
}
.img-bordered{
    padding:4px;
    border:1px solid #ddd;
    background:#fff;
}
#newcity02 #se5{
    margin-bottom: 150px;
    padding:50px 0 30px;
}
#newcity02 #se5 .right-con{
    padding-top:75px;
    padding-left:70px;
}
#newcity02 #se6 {
    margin-bottom: 180px;
}
#newcity02 #se6 .txt-box {
    padding-top: 200px;
    padding-right: 90px;
}
#newcity02 #se7 {
    margin-bottom:200px;
}
#newcity02 #se7 .txt-box {
    padding-top: 50px;
    padding-left: 90px;
}
#newcity02 #se9{
    margin-bottom:200px;
}
#newcity02 #se10{
    margin-bottom: 80px;
}
.owl-nav>div{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    font-size:70px;
    opacity: 0.3;
}
.owl-nav>div:hover{
    opacity: 0.7;
}
.owl-prev{
    left:-100px;
}
.owl-next{
    right:-100px;
}
/* subpage price */
#price02,
#price01{
    padding-top:86px;
    /* background:#283239; */
}
.subpage .ia-title h2{
    margin: 70px auto 70px;
    font-size: 70px;
    font-weight: bold;
    color: #f5b932;
    line-height: 1.23;
    letter-spacing: -0.06em;
    text-align:center;
}

/* subpage infra */
#infra01 .sub-top{
    position:relative;
}

#infra01 #se2 img{
    margin-top:120px;
}
#infra01 #se3{
    margin-bottom: 100px;
}
#infra03 #se3 img {
    margin-top: 80px;
}
#infra03 #se3 .img-caption {
    margin-bottom: 100px;
}
#infra01 #se4{
    height:120vh;
    background:url(/skin/img/sub/infra01-shopping.jpg) no-repeat center;
    background-attachment: fixed;
    transition:all 1s ease;
}
#infra01 #se4.active{
    height:120vh;
}
#infra01 #se5{
    margin-top:200px;
    margin-bottom:100px;
}
#infra01 #se5 .video-box{
    padding-right:90px;
}
#infra01 #se5 .txt-box{
    margin-top:135px;
}
#infra01 #se6{
    margin-top: 160px;
    margin-bottom:200px;
}
#infra01 #se6 .right-con{
    /* background:#fff url(/skin/img/sub/infra01-se6-right.png) no-repeat center top / 100%; */
}
#infra01 #se6 .txt-box{
    padding-right:100px;
}
#infra01 #se6 .video-box{
    /* padding-top:430px; */
    padding-top:145px;
}
.info-card-wrap,
#newcity01 #se11,
#newcity02 #se3{
    /* background: #fff url(/skin/img/sub/paper.jpg) no-repeat center / cover; */
    position: relative;
}
.info-card-wrap:before,
#explorer02 #se5:before,
#newcity02 #se3:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #f4f4f4;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    z-index: -1;
}
.info-card,
.newcity02-history,
.infra03-population, 
.minato21 {
    margin: 0;
    padding: 50px 35px 65px;
    border: 1px solid #eaeaea;
    box-shadow: 6px 8px 12px rgba(0,0,0,0.17);
    background: #fff url(/skin/img/sub/paper.jpg) no-repeat center / cover;
}
.minato21 > div{
    padding:0 15px; 
}
.article-title h4,
 .minato21 .title h4 {
    padding-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}
.article-title h4{
    color:#8b3527;
}
.article-title h4 small{
    float:right;
    font-size:14px;
    color:#333;
    margin-top:15px;
}
.minato21 .left-con{
    /* padding-right:75px; */
}
.minato-article {
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea;
}
.minato21 .at3{
    margin-bottom:0;
    border:none;
}
.subpage .article-subtitle,
.minato-article h5{
    position: relative;
    margin: 0 0 20px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.045em;
}
.subpage .article-subtitle:before, 
.minato-article h5:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15px;
    border: 4px solid #cb503b;
    border-radius: 50%;
}
.li-disc {
    padding-left:20px;
}
.li-disc li{
    position:relative;
    margin-bottom:16px;
    padding-left:10px;
}
.li-disc li:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:9px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ff816c;
}
.minato21 .card p:after,
.minato21 .card li:after,
.minato21 .li-disc li:after{
    content:'';
    display:block;
    clear:both;
}
.minato21 .card p span,
.minato21 .card li span,
.minato21 .li-disc li span{
    float:right;
    text-align:right;
    line-height:1.1;
}
.minato21 li {
    font-size: 16px;
    letter-spacing: -0.04em;
    margin-bottom: 15px;
}
.minato21 .li-disc li span {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
}
.minato21 .li-disc li span small {
    display: block;
    color: #999;
    font-size: 12px;
}
.minato21 h5 {
    font-size: 16px;
}
.minato21 .card{
    padding:30px;
    border:1px solid #ddd;
    background:#fff;
}
.minato21 .card h5{
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}
.minato21 .card li {
    margin-bottom: 14px;
    font-size: 16px;
}
.minato21 .card li span {
    font-size: 17px;
}
.card-total{
    padding-top:15px;
    border-top:1px solid #ddd;
}
.minato21 .card p {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;
}
.minato21 > .right-con {
    padding-left: 60px;
}
.minato21 .right-con img {
    margin-left: 0;
}
.minato21 > .right-con h5 {
    margin-bottom: 35px;
}
.minato21 .right-con .clearfix{
    padding-bottom:80px;
}
.minato21 img{
    transition:all .3s ease;
}
.minato21 img:hover{
    transform: translateY(-5px);
}
#infra01 #se8 .container{
    margin: 180px auto 200px;
    /* padding:0 70px; */
}
#infra01 #se8 .video-box{
    margin:100px 0;
    padding-right:165px;
}
#img-zoom .modal-dialog{
    display:inline-block;
    width:auto;
}
#img-zoom .modal-dialog .modal-content{
    box-shadow: none;
    border:none;
    background:transparent;
}
#img-zoom .modal-dialog img{
    max-height:85vh;
}
#img-zoom .modal-body{
    position:relative;
    padding:0;
}
#img-zoom .modal-body .close{
    position:absolute;
    right:0;
    top:0;
    padding:15px;
    font-size:20px;
    color:#fff;
    background:rgba(0,0,0,0.84);
    opacity:0.68;
}
#img-zoom .modal-body .close:hover{
    opacity:0.8;
}
.zoom-img{
    cursor: pointer;
}
#infra02 #se3 {
    margin-bottom: 150px;
    min-height: 75vw;
    background: url(/skin/img/sub/fr_map1.png) no-repeat center bottom;
}
#infra02 #se3 .col-sm-8 p:last-child {
    padding-right: 20%;
}
#infra02 #se4{
    background:#ccc;
}
#infra02 #se4 .right-con {
    padding: 20vw 0 0;
}
#infra02 #se5{
    margin-top:250px;
    margin-bottom:100px;
}
#infra02 #se7,
#infra02 #se6{
    margin-bottom: 250px;
}
#infra02 #se8 {
    margin-bottom: 50px;
}
#infra02 #se6 .left-con{
    padding-right:70px;
}
#infra02 #se9{
    position:relative;
    margin-bottom:100px;
}
#infra02 #se9:before{
    content:'';
    display:block;
    width:100%;
    height:calc(100% - 200px);
    position:absolute;
    left:0;
    top:100px;
    background:#f4f4f4;
    z-index:-1;
}
#infro02 .infra03-population img {
    margin-left: 0;
    margin-top: 40px;
}
#infra02 #se10{
    margin-bottom:150px;
}
#infra02 #se11{
    height:120vh;
    background:url(/skin/img/sub/infra02-disney.jpg) no-repeat center;
    background-attachment: fixed;
    transition:all 1s ease;
}
#infra02 #se11 .container{
    position: relative;
    height:100%;
}
#infra02 #se11.active{
    height:120vh;
}
#infra02 #se12{
    margin-top: 150px;
    margin-bottom: 200px;
}
#infra02 #se13{
    margin-bottom:100px;
}
#infra02 #se14{
    padding-top: 50px;
    margin-bottom:200px;
}
#infra02 #se15 {
    margin-bottom:100px;
}
#infra02 #se15 .clearfix{
    padding-bottom:60px;
}
.subpage .refer-t{
    margin-top:90px;
    font-size:14px;
}
.subpage .title .quote,
.subpage .quote{
    line-height: 1.25;
    font-size: 32px;
    font-style: italic;
    letter-spacing: -0.04em;
    font-weight: 300;
    color: #222;
}
.subpage .quote small{
    display:block;
    font-size:32px;
}
.subpage .img-title {
    display: inline-block;
    position: relative;
    padding-left: 22px;
    font-weight: 600;
    font-size: 22px;
    color: #333;
    letter-spacing: -0.05em;
    text-align: left;
}
.subpage .img-title:before{
    content:'';
    display:block;
    width:14px;
    height:14px;
    border-radius:50%;
    position: absolute;
    left:0;
    top:5px;
    background:#f7941d;
}
.subpage .img-title small{
    display:block;
    margin-top:20px;
    color:#333;
    font-size:14px;
    font-weight:400;
}
#infra03 #se3{
    margin-bottom: 250px;
}
#infra03 #se3 p{
    background:rgba(255,255,255,0.2);
}
.big-screen-wrap,
#infra03 #se4{
    height:120vh;
    background:url(/skin/img/sub/infra03-sanhose.jpg) no-repeat center;
    background-attachment: fixed;
    transition:all 1s ease;
}
.big-screen,
#infra03 #se4 .container{
    position: relative;
    height:100%;
}
.big-screen-wrap.active,
#infra03 #se4.active{
    height:120vh;
}
.big-screen .txt-box{
    position: absolute;
    right: 0;
    bottom: -4.5%;
}
.big-screen .img-caption,
#infra02 #se11 .img-caption,
#infra03 #se4 .img-caption{
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 2%;
    background: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    text-shadow: 0 0 5px rgba(0,0,0,0.9);
    font-weight: 400;
    padding: 0 15px;
    margin: 0;
}
#infra03 #se5{
    margin-top:100px;
    margin-bottom: 220px;
}
#infra03 #se7{
    margin-bottom: 220px;
    margin-top: 80px;
}
#infra03 #se7 .img-caption{
    margin-bottom:100px;
}
#infra03 #se7 .table-style{
    margin-top:100px;
    margin-bottom:100px;
}
#infra03 #se8{
    margin-bottom: 80px;
}
/* subpage explorer */
#explorer01 .tab-content{
    position:relative;
    margin-bottom: 120px;
}
#explorer01 .tab-content .img-caption {
    margin: 0;
    position: absolute;
    left: 30px;
    top: 80px;
    line-height: 60px;
    height: 60px;
    /* width: 300px; */
    /* height: 115px; */
    /* line-height: 115px; */
    /* text-align: center; */
    font-size: 30px;
    color: #fff;
    background: rgba(51, 51, 51, 0.75);
    font-weight: 600;
    padding: 0 13px;
    border-radius: 4px;
}
#explorer01 .tab-content .tab-menu {
    margin: 0;
    position: absolute;
    left: 43%;
    top: 80px;
    padding: 0;
    box-shadow: 2px 2px 3px rgba(177, 177, 177, 0.5);
}
#explorer01 .tab-content .tab-menu li {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    float: left;
    width: 50%;
}
#explorer01 .tab-content .tab-menu li a {
    display: block;
    width: 100%;
    min-width: 80px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    background: #fff;
    text-align: center;
    border: none;
    border-radius: 4px;
    box-shadow: 2px 2px 3px rgba(148, 148, 148, 0.5);
}

#explorer01 .tab-content .tab-menu li:first-child a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#explorer01 .tab-content .tab-menu li:last-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#explorer01 .tab-content .tab-menu .active a {
    color: #fff;
    background: #eaa917;
}

#explorer01 .tab-content img {
    outline: 1px solid #eaeaea;
}

#explorer01 #se2{
    margin-bottom:0;
}
#explorer01 section{
    margin-bottom: 200px;
}
#explorer01 #se7 {
    margin-bottom: 70px;
}

#explorer02 section{
    margin-bottom:150px;
}

#explorer02 #se7{
    background-image:url(/skin/img/sub/explorer02-ilsan.jpg);
}

/* subpage Info */

#info01 section{
    margin-bottom: 200px;
}
#info01 #se1,
#info01 #se2{
    margin-bottom:0;
}
#info01 #se3 table{
    margin-top:100px;
}
#info01 #se5 {
    margin-bottom: 60px;
}
#info01 #se4, #info01 #se10 {
    margin-bottom: 200px;
}
#info01 #se6 .info-card .row {
    margin: 0 -10px;
}
#info01 #se6 .info-card .row > div {
    padding: 0 10px;
}
#info01 #se6 .info-card h4 {
    margin-bottom: 40px;
}
#info01 #se6 .info-card .article-subtitle {
    margin-bottom: 5px;
}
#info01 #se6 .info-card .row .clearfix {
    margin-bottom: 80px;
}

#info03 #se3 {
    margin-bottom: 200px;
}
#info03 #se4 {
    margin-bottom: 80px;
}
#info03 #se5 {
    margin-bottom: 100px;
}

#info03 #se7 {
    margin-bottom: 80px;
}
#info03 #se8 .col-sm-8 {
    margin-top: 90px;
}
#info03 #se8 {
    margin-bottom: 200px;
}
#info03 #se9 {
    margin-bottom: 80px;
}
#info03 #se10 {
    margin-bottom: 120px;
    margin-top: 200px;
}
#info03 #se11 .txt-box {
    padding-left: 90px;
}
#info03 #se12 .col-sm-8 {
    margin-bottom: 30px;
}
#info03 #se12 .video-wrap {
    margin-top: 100px;
}
#info03 #se10 .right-con {
    padding-top: 80px;
}
#info03 #se21 .col-sm-8 {
    padding-top: 100px;
}

.tab-menu {
    margin: 0 -2px 60px;
}
.tab-menu li {
    display: inline-block;
    padding: 0 2px;
}
.tab-menu li a {
    display: block;
    padding: 10px 30px;
    font-size: 18px;
    color: #555;
    border: 1px solid #ccc;
    font-weight: 500;
    letter-spacing: -0.03em;
}
.tab-menu li.active a{
    color:#000;
    border-color:#f5b932;
    background:#f5b932;
}
#price01 .tab-menu{
    margin:0 auto;
}
#price01 .tab-menu:after{
    content:'';
    display:block;
    clear:both;
}
#price01 .tab-menu li{
    width:20%;
    float:left;
}
#price01 .tab-menu li a{
    padding:0;
    border:none;
    background:transparent!important;
    
}

.main-right-box .footer-sns {
    margin-top: 15px;
}

.footer-sns::after {
    content: ' ';
    display: table;
    clear: both
}

.footer-sns li {
    float: right;
    font-size: 30px;
    line-height: 0;
    
}
.footer-sns li+li {
    margin-right: 20px;
}

.footer_copy .copy {
    font-size: 11px;
}
.footer_copy .text-right {
    padding-top: 0;
    margin-top: 0;
}
.footer_copy .container {
    width: 1000px;
}
.footer-sns li a i {
    color: #888;
}
.instagram a:hover i {
    color: #d93738;
}
.twitter a:hover i {
    color: #3cacf3;
}
.facebook a:hover i {
    color: #4765af;
}
.youtube a:hover i {
    color: #d93738;
}
.share a:hover i {
    color: #00ce06;
}
.embed-responsive ~ .img-caption,
.embed-responsive ~ .img-des{
    display:none;
}
.main-right-box .txt-box .inner h3 {
    font-size: 14px;
    text-align: left;
    letter-spacing: -0.034em;
    margin-top: 100px;
    position: relative;
}
.main-right-box dl {
    width: 360px;
    /* margin-left: 130px; */
    letter-spacing: -0.034em;
    text-align: left;
    font-size: 13px;
}
.main-right-box dt {
    float: left;
    width: 120px;
    line-height: 1.7em;
    font-weight: 600;
    font-size: 12px;
}
.main-right-box dd {
    line-height: 1.7em;
}
.subpage .title p span.emp {
    font-weight: 400;
}
.subpage .title p:last-child:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background: #999;
    position: absolute;
    left: 45%;
    margin-top: 100px;
}
#infra01 #se3 .col-sm-7 {
    padding-right: 120px;
}
#infra01 #se3 .img-box {
    padding-top: 0px;
}
#infra01 #se9 .col-sm-8 {
    padding: 120px 0;
}
#infra01 #se11 .txt-box {
    padding-right: 120px;
}
#infra01 #se6 .img-box {
    padding-bottom: 150px;
    padding-right: 80px;
}
#infra01 #se7 .left-con {
    padding-right: 120px;
}
#infra01 #se10 .right-con {
    padding-left: 120px;
}
#infra01 #se7 .left-con p:last-child {
    padding-bottom: 80px;
}
#infra01 #se7 .right-con {
    padding-top: 100px;
    padding-right: 60px;
}
#infra01 #se8 .txt-box {
    padding-right: 150px;
}

#infra01 #se8 .img-box {
    padding-top: 100px;
}

.minato-article ul li {
    font-size: 16px;
    margin-bottom: 12px;
}
#infra01 #se12 .txt-box {
    padding-top: 60px;
    padding-right: 150px;
}
#infra01 #se12 .img-box {
    padding-top: 240px;
}
#price01 .title h2, #price02 .title h2 {
    margin-top: 120px;
    margin-bottom: 120px;
}
#price02 .title h3 {
    margin-top: 200px;
    margin-bottom: 60px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.045em;
}
#price02 .des-wrap p:last-child:after {display: none;}
#price02 .title {
    margin-bottom: 0;
}
#infra01 #se3 h4 {
    margin-top: 120px;
}
#newcity01 #se13 {
    margin-top: 200px;
}
.subpage .quotation .emp {
    font-weight: 400;
    color: #5f3801;
}
#newcity01 #se3 .left-con {
    padding-top: 80px;
}
#newcity01 #se4 .left-con {
    padding-right: 120px;
}
#newcity01 #se4 .right-con p {
    margin-bottom: 10px;
}
#newcity01 #se4 .container .row .col-sm-offset-2 p:first-child {
    padding-top: 120px;
}
@media(min-width:768px){
    .col-sm-20{
    width:20%;
    }
    }
.subpage .title .quotation .q-mark.st {
    font-size: 120px;
}
.subpage .title .quotation .q-mark.end {
    font-size: 120px;
}
#newcity01 #se5 .col-sm-6 {
    padding: 120px 50px 0;
}
#newcity01 #se14 .col-sm-8 {
    padding-top: 120px;
}
#newcity01 #se9 .left-con p {
    padding-right: 40px;
    padding-bottom: 50px;
}
.subpage .title .quotation {
    color: #5f3801;
}
a {
    text-decoration: none;
}
#newcity02 #se7 .img-box {
    padding-top: 60px;
}
#newcity02 #se8 {
    margin-bottom: 200px;
}
#newcity02 #se11 {
    margin-bottom: 200px;
}
#newcity02 #se12 .col-sm-4 {
    padding-top: 100px;
}
#newcity02 #se12 .col-sm-8 {
    padding-right: 100px;
}
a.page-link:hover {
    text-decoration: underline;
    color: #7133b7;
}
a.page-link {
    text-decoration: underline;
    font-weight: 500;
    color: #0052c8;
}
#newcity02 #se9 .col-sm-12 {
    padding-top: 120px;
}
#newcity02 #se9 .img-des {
    text-align: center;
}
#newcity02 #se8 .col-sm-8 {
    margin-bottom: 100px;
}
#newcity02 #se8 h4 {
    text-align: center;
}
#price01 .title {
    margin-bottom: 160px;
}
.main-drop-menu a.not-ready {
    color: #ddd;
}
.main-drop-menu a.not-ready:hover span {
    color: #fff;
}
.main-drop-menu a.not-ready span {
    background: #ddd;
}
#price02 .highlight {
    font-size: 40px;
    color: #000;
    font-weight: 400;
}
#price02 .title p {
    padding: 0;
}
#price02 .des-wrap p {
    padding-top: 100px;
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: -0.034em;
}
#infra02 #se6 .right-con{
    padding-left: 70px;
}
#infra02 #se17 .right-con {
    padding-left: 120px;
 }
#infra02 #se15 h4 + div + p + p {
    margin-top: 120px;
}
#infra02 #se14 .quotation {
    margin-right: 130px;
    margin-left: 130px;
}
#infra02 #se12 img {
    padding: 90px 0 120px;
}
#infra02 #se16 {
    margin-bottom: 80px;
}
#infra02 #se3 .col-sm-8 {
    padding-top: 120px;
}
#infra03 .title p {
    padding: 0;
}
#infra03 #se5 .col-sm-10 {
    margin: 70px 0 100px;
}
#infra03 #se10 {
    margin: 200px 0 100px;
}
#infra03 #se10 .col-sm-6:first-child {
    padding-right: 100px;
    padding-top: 0;
}
#infra03 #se10 .col-sm-6 {
    padding-top: 130px;
}
#infra03 #se9 {
    margin-top: 100px;
}
#infra03 #se11 {margin-top: 120px;}
#infra03 #se11 .col-sm-8 {
    margin-bottom: 100px;
}
#infra03 #se6 .col-sm-8 {
    margin-bottom: 80px;
}
#explorer01 #se1, #explorer02 #se1, #explorer02 #se2 {
    margin-bottom: 0;
}
#explorer01 .title p {
    padding: 0;
}
p.view-text {margin-bottom: 15px;font-weight: 500;font-size: 20px;}
#explorer01 #se9,
#explorer01 #se8 {
    margin-bottom: 200px;
}
#explorer01 #se8 .column-2, #explorer02 #se3 .col-sm-6 a {
    font-size: 18px;
    letter-spacing: -0.034em;
}
#explorer02 .title p {
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 65px;
    padding-right: 65px;
}
#explorer02 #se3 .col-sm-6 {
    padding-right: 60px;
}

#explorer02 #se3 .col-sm-6:last-child {
    margin-top: -37px;
    padding-left: 30px;
    padding-right: 15px;
}
#info03 #se16 {
    margin-bottom: 180px;
    margin-top: 120px;
}
#info03 #se11, #info03 #se14 {
    margin-bottom: 70px;
}
#info03 #se13 {
    margin-bottom: 220px;
    margin-top: 100px;
}
#info03 #se5 .col-sm-8, #info03 #se19 .col-sm-8 {
    margin-bottom: 70px;
}
#info03 #se18 {
    margin-bottom: 200px;
}
#info03 #se6 {
    margin-bottom: 200px;
    margin-top: 100px;
}
#info03 #se3 .col-sm-8 {
    margin-top: 100px;
}
#info03 .title p {
    padding-left: 60px;
    padding-right: 60px;
}
#info03 .title .img-des {
    font-size: 15px;
    padding-right: 0;
    padding-bottom: 80px;
    color: #666;
    font-weight: normal;
}
#info03 .title img {
    padding: 70px 0 5px;
}
#explorer02 #se8 {
    margin-bottom: 100px;
}
#explorer02 #se3 {
    margin-bottom: 250px;
}
#explorer02 .highlight {
    color: #000;
    font-weight: 600;
}
#explorer02 #se4 .col-sm-8 {
    margin-top: 120px;
}
#explorer02 #se4 {
    margin-bottom: 200px;
}

#explorer02 #se9 {
    margin-bottom: 80px;
}
#explorer02 #se5 {
    margin-bottom: 200px;
}
#explorer02 #se6 {
    margin-bottom: 80px;
}
#explorer02 #se10 {
    margin-bottom: 100px;
}
#info02 .title p {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 100px;
}
#info02 .title h3 {
    margin-bottom: 120px;
}
#info02 .title .quotation {
    margin-bottom: 80px;
    margin-top: 0;
}
#info02 #se3 .txt-box {
    padding-bottom: 80px;
}
#info02 #se3 .col-sm-4 img {padding-top: 120px;}
#info02 #se3 .col-sm-10 {padding-bottom: 200px;}
#info02 #se3 .img-des {
    text-align: center;
    line-height: 1.4em;
}
#info02 #se4 {
    margin-top: 200px;
    margin-bottom: 200px;
}
#info02 #se5, #info02 #se6, #info02 #se7 {
    margin-bottom: 220px;
}
#infra03 #se9 .col-sm-12 {
    padding-top: 80px;
}
#info01 #se12 .col-sm-12 {
    margin-bottom: 100px;
}
#info01 #se13 .col-sm-6:last-child {
    padding-left: 120px;
}
#info01 #se9 {}
#info01 #se12 {
    margin-bottom: 20px;
}
#info01 #se9 .col-sm-10 {
    padding: 100px 0;
}
#info01 .big-screen .txt-box {
    bottom: -7%;
}
#info01 #se7 .big-screen .txt-box .img-des {
    margin-top: 15px;
    text-align: left;
    padding: 0 230px;
}
#info01 #se8 {margin-bottom: 100px;}

#info01 #se3, #info01 #se6 {
    margin-bottom: 100px;
}
#info01 .title p {
    padding-left: 0;
    padding-right: 0;
}
#info01 .title .quotation {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -20px;
}
#info02 #se10 {
    margin-bottom: 120px;
}
#info02 #se9 {
    margin-top: 100px;
    margin-bottom: 220px;
}
#info02 #se10 .col-sm-12 {
    padding-top: 80px;
    padding-bottom: 80px;
}
#info02 #se8 {
    margin-bottom: 60px;
}
#info02 #se11 {
    margin-bottom: 20px;
}
#info02 #se13 .col-sm-12 .img-des {
    text-align: center;
    margin-top: 30px;
    font-size: 17px;
    color: #333;
    margin-bottom: 0;
}
#info02 #se13 .clearfix {
    margin-bottom: 60px;
}
#info02 #se3 .img-box {
    padding-bottom: 80px;
}
#info01 #se13 {
    margin-bottom: 100px;
}
#infra03 #se4 .img-des {
    padding-right: 100px;
}

#infra03 #se9 .img-des {
    text-align: left;
    line-height: 1.4em;
    padding-left: 30px;
}
#info03 #se8 .img-caption {
    text-align: center;
    line-height: 1.4em;
}
#info03 #se20 {
    margin-top: 100px;
    margin-bottom: 120px;
}
#info03 #se20 table span {
    font-size: 13px;
    font-weight: 400;
}
#info03 #se20 .table-style2 tbody tr td {
    text-align: center;
}
@media (min-width: 992px){
    #info03 .title .quotation {
        margin-left: 380px;
        margin-right: 380px;
    }
    #info03 .title h2 + h3 + p + p {
        margin-left: 430px !important;
        margin-right: 430px !important;
        margin-bottom: 0px;
    }
}
#info02 #se5 .img-box, #info02 #se6 .img-box{
    margin-top: 80px;
    margin-bottom: 100px;
}
#info02 #se5 .img-box img, #info02 #se6 .img-box img {
    margin-bottom: 30px;
}
#info02 #se6 .img-box img + p + p {
    height: 100px;
}
#quick-menu{
    z-index:3;
    position:fixed;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:15px;
    margin-right:-600px;
    padding:20px;
    padding-left: 40px;
    border:2px solid rgba(0,0,0,0.2);
    border-radius:10px;
    overflow: hidden;
    background:rgba(255,255,255,0.95);
    transition:all 0.5s ease;
    box-shadow:0 0 4px rgba(0,0,0,0.2);
}
#quick-menu.active{
    margin:15px!important;
}
#quick-menu:before{
    content:'';
    display:block;
    width:15px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,0.2);
}
#quick-menu:after{
    content:'';
    display:block;
    width:1;
    height:10px;
    border-left:5px double rgba(0,0,0,0.3);
    position:absolute;
    left:5px;
    top:50%;
    transform:translateY(-50%);
}
#quick-menu h5{
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
    font-size:18px;
    font-weight:600;
    color:#000;
}
#quick-menu ul{ 
    padding:5px 10px;
}
#quick-menu  a{
    display:block;
    font-size:16px;
    color:#555;
    white-space: nowrap;
}
#quick-menu  a:hover{
    color:#111;
}
#quick-menu  a .numbering{
    margin-right:7px;
}
@media(max-width:767px){
    #price01 #se2{
        padding-top:54px;
    }
    #quick-menu{
        display:none;
    }
}

#share-modal{
    text-align:center;
}
#share-modal .modal-dialog{
    display:inline-block;
    width:auto;
    min-width:300px;
    margin:30vh auto;
}
#share-modal p{
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #ccc;
    margin: 10px 15px;
}
#share-modal li{
    display:inline-block;
    padding:0 20px;
}
#share-modal li a{
    font-size:48px;
    color:#b1b1b1;
}
/* #copy-url{
    border-radius: 0;
    background: #eee;
    color: #333;
    border-style: solid;
    border-color: #b1b1b1;
    border-width: 1px;
    padding: 2px 5px;
    font-size: 14px;
    line-height:24px;
    margin-left:-1px;
    vertical-align: middle;
}
#share-modal input{
    border-radius: 0;
    background: #eee;
    border-color: #b1b1b1;
    border-style: solid;
    border-width: 1px;
    line-height:26px;
    vertical-align: middle;
} */
@media(min-width:768px){
    .newcity02-col .left-con{
        padding-right:75px;
    }
    .newcity02-col .right-con{
        padding-left:75px;
    }
}