@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width: 1330px; padding: 0 15px; margin: 0 auto;}
.container_fix1{width: 1520px; max-width: 100%;  padding: 0 15px; margin: 0 auto;}
.container_fix2{width: 1810px; max-width: 100%;  padding: 0 15px ;margin: 0 auto;}
.container_fix3{width: 1430px; max-width: 100%;  padding: 0 15px ;margin: 0 auto;}
.at-menu{border: 0;}
.pad-0{padding: 0;}


/* common */
.count {display:none;}
.at-content {padding:0;}
html , body {overflow-x:hidden;}
.btn.btn-color {background:#005cce !important; border-color:#005cce !important;}
@media (max-width:991px) {
.at-body .at-container {padding:0 10px;}
}

/* at-header */
.at-lnb {display:none;}
.pc-header {display:none;}
.m-header {background:#fff; padding:10px 10px 7px; border-bottom:1px solid #e5e5e5;}
.m-header .header-logo {text-align:left;}
.m-header .header-icon a {color:#000; font-size:30px;}
.pc-menu {display:none;}
.m-menu {display:none !important;}
.fix-header {position:fixed; left:0; top:0; width:257px; height:100%; padding:35px; background:#fff; border-right:1px solid #e5e5e5; z-index:100;}
.fix-header .fix-logo {overflow:hidden; text-align:center; padding-bottom:10%;}
.fix-header .fix-menu {overflow:hidden; padding:0; list-style:none;}
.fix-header .fix-menu .slide-menu {display:none; overflow:hidden; margin:3% 0 7%;}
.fix-header .fix-menu li.on .slide-menu {display:block;}
.fix-header .fix-menu li.one-step a {display:block; padding:3% 15px; color:#333;  font-weight:800; font-size:16px;}
.fix-header .fix-menu li.one-step.on a.menu-a {background:#005cce; color:#fff;}
.fix-header .fix-menu li div.two-step a {display:block; padding:2px 20px; color:#333;  font-weight:100; font-size:14px;}
.fix-header .fix-menu li div.two-step.on a {color:#005cce; font-weight:bold;}
.fix-header .fix-menu li div.two-step a:hover {color:#005cce; font-weight:bold;}
.fix-header .fix-info {position:absolute; left:0; bottom:0; padding:35px;}
.fix-header .fix-info .fix-title {overflow:hidden; color:#333;  font-weight:bold; font-size:16px; margin-bottom:5%;}
.fix-header .fix-info .fix-number {overflow:hidden; color:#333;  font-weight:800; font-size:25px;}
.fix-header .fix-info .fix-sns {overflow:hidden; margin:10% 0 15%;}
.fix-header .fix-info .fix-sns a{display:block; margin-bottom:3%;}
.fix-header .fix-info .fix-sns a:last-child{margin-bottom:0;}
.fix-header .fix-info .fix-company {overflow:hidden; color:#a6a6a6;  font-weight:bold; font-size:13px;}
.fix-header .fix-info .fix-add {overflow:hidden; color:#a6a6a6;  font-size:13px; letter-spacing:-0.9px;}
@media (max-height:900px) {
.fix-header {padding:15px 35px;}
.fix-header .fix-info {padding:15px 35px;}
.fix-header .fix-info .fix-sns {margin:5% 0 10%;}
}
@media (max-height:864px) {
.fix-header {padding:10px 35px;}
.fix-header .fix-info {padding:10px 35px;}
.fix-header .fix-info .fix-sns {margin:2.5% 0 5%;}
.fix-header .fix-menu li.one-step a {padding:0 15px;}
}
@media (max-height:760px) {
.fix-header {padding:5px 35px;}
.fix-header .fix-info {padding:5px 35px;}
.fix-header .fix-info .fix-sns {margin:3% 0;}
.fix-header .fix-info .fix-number {font-size:21px;}
.fix-header .fix-info .fix-title {font-size:14px; margin-bottom:2%;}
.fix-header .fix-menu li.one-step a {font-size:14px; padding:0 15px;}
.fix-header .fix-menu li div.two-step a {font-size:13px; padding:0 20px;}
}
@media (max-height:720px) {
.fix-header .fix-logo {padding-bottom:3%;}
.fix-header .fix-menu .slide-menu {margin:2% 0 4%;}
.fix-header .fix-menu li.one-step a {font-size:13px;}
.fix-header .fix-menu li div.two-step a {font-size:12px;}
}
@media (max-width:480px) {
.m-header .header-logo img {width:150px;}
.m-header .header-icon {padding-top:3px;}
.m-header .header-icon a {font-size:25px;}
}

/* 올메뉴 */
.sidebar_custom .sb_header{padding-right:68px ;}

/* go-top */
.at-go .go-btn{right: 10px; bottom: 30px;}
.at-go .go-btn span{background-color: #005cce;height: 40px; width: 40px; line-height: 34px !important;margin: 0;}

/* fix_footer */
.fix_footer {width:100%;margin-top: 0;}
.fix_footer .fix_links_box{border: 0;}
.fix_footer .fix_links_box .fix_links {background:#222; text-align:center; color:#fff; border-top:0; border-bottom: 1px solid rgba(188, 188, 188, .1);padding: 13px 0 15px;}
.fix_footer .fix_links a {color:#fff; font-size: 14px;}
.fix_footer .fix_links a:after {content:"|"; padding:0 1px 0 5px; font-size:15px; position:relative; top:0;}
.fix_footer .fix_links a:last-child:after {display:none;}
.fix_footer .fix_infos_box {background:#222;  text-align:center; font-weight:bold; color:#a1a1a1;padding: 22px 0;}
.fix_footer .fix_infos_box .info_ul{margin-bottom: 9px;}
.fix_footer .fix_infos_box .info_ul > li,
.fix_footer .fix_infos_box h4{font-size: 12px;color: rgba(255, 255, 255, .6);font-weight: 500;}
.fix_footer .fix_infos_box h4{margin-top: 10px;}
.fix_footer .ft_info{float: unset;}
@media (max-width:991px) {
.fix_footer {width:100%; margin-left:0;}
.fix_footer .fix_links a {display: inline-block;font-size: 13px;}
.fix_footer .fix_links a:after{font-size: 13px;top: 0;}
.fix_footer .fix_links a:nth-child(3){margin-bottom: 10px;}
.fix_footer .fix_links a:nth-child(3)::after{display: none;}
.fix_footer .fix_infos_box .info_ul{margin-bottom: 5px;}
.fix_footer .fix_infos_box .info_ul > li, .fix_footer .fix_infos_box h4{font-size: 13px;}
}
@media (max-width:530px) {
.fix_footer .fix_links {overflow:hidden; border:0; padding:0;}
.fix_footer .fix_infos_box .info_ul:nth-child(2) > li{width: 65%; word-break: keep-all;margin: 0 auto;line-height: 20px;}
}
@media (max-width:360px) {
.fix_footer .fix_infos_box .text {font-size:12px;}
}

/* main */
.main-wrap {overflow:hidden;}
.main-wrap .main-first {overflow:hidden; position:relative; max-width:1903px; background:url('/img/main1.jpg') left top no-repeat; background-size:100% 100%;}
.main-wrap .main-center-box {position:absolute; left:50%; top:50%; width:21%; transform:translate(-50%,-50%) rotate(135deg); color:#fff; cursor:pointer; overflow:hidden; border:1px solid #948e8e; background:#000;}
.main-wrap .main-center-box img.main-img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(225deg) scale(4.8); width:100%; opacity:0.4;}
.main-wrap .main-center-box .dim {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(225deg); text-align:center;  color:#fff; width:100%;} 
.main-wrap .main-center-box .title {font-weight:bold; font-size:40px; padding:15px 0; margin-top:10px;}
.main-wrap .main-center-box .title.on {display:none; text-shadow:3px 3px 15px #151515; word-break:break-all; font-size:70px; margin:20px 0;}
.main-wrap .main-center-box .content {font-weight:bold; font-size:22px; margin-top:10px;}
.main-wrap .main-center-box .arrow {display:none; position:relative; top:40px; border:2px solid #fff; border-radius:50%; padding:1px 10px 5px; font-weight:bold; font-size:30px; box-shadow:1px 1px 10px #151515;}
@media (max-width:1650px) {
    .main-wrap .main-first .main-first-box .main-info .title {font-size:60px;}
    .main-wrap .main-center-box .title.on {font-size:60px; margin:10px 0;}
}
@media (max-width:1430px) {
    .main-wrap .main-first .main-first-box .main-info .title {font-size:55px;}
    .main-wrap .main-center-box .title.on {font-size:55px; margin:5px 0;}
}
@media (max-width:1355px) {
    .main-wrap .main-first .main-first-box .main-info .title {font-size:50px;}
    .main-wrap .main-first .main-first-box .main-info .content {font-size:18px;}
    .main-wrap .main-first .main-first-box .main-info .arrow {font-size:25px; padding:0 7px 6px 10px;}
    .main-wrap .main-center-box .title {font-size:25px;}
    .main-wrap .main-center-box .title.off {padding:5px 0;}
    .main-wrap .main-center-box .title.on {font-size:50px; margin:0;}
    .main-wrap .main-center-box .content {font-size:16px; margin-top:5px;}
    .main-wrap .main-center-box .arrow {font-size:25px; padding:0 7px 6px 10px;}
}
@media (max-width:1200px) {
    .main-wrap .main-first .main-first-box .main-info .title {font-size:45px;}
    .main-wrap .main-center-box .title.on {font-size:45px;}
}
@media (max-width:1100px) {
    .main-wrap .main-first .main-first-box .main-info .title {font-size:35px;}
    .main-wrap .main-center-box .title.on {font-size:35px; line-height:0.3;}
}
@media (max-width:991px) {
    .main-wrap .main-first .main-first-box .main-info .title {font-size:30px; padding:5px 0;}
    .main-wrap .main-first .main-first-box .main-info .content {font-size:16px;}
    .main-wrap .main-first .main-first-box .main-info .arrow {top:30px; font-size:20px; padding:0 6px 3px 7px;}
    .main-wrap .main-center-box img.off {width:56px;}
    .main-wrap .main-center-box .title {padding:5px; margin-top:5px;}
    .main-wrap .main-center-box .title {font-size:25px;}
    .main-wrap .main-center-box .title.off {padding:0; margin-top:10px;}
    .main-wrap .main-center-box .title.on {font-size:30px; line-height:0.7;}
    .main-wrap .main-center-box .content {font-size:14px; padding:0;}
    .main-wrap .main-center-box .arrow {top:30px; font-size:20px; padding:0 6px 3px 7px;}
}
@media (max-width:885px) {
    .main-wrap .main-first .main-first-box .main-info .arrow {top:25px; font-size:17px; padding:0 5px 3px 6px;}
    .main-wrap .main-center-box img.off {width:46px;}
    .main-wrap .main-center-box .arrow {top:25px; font-size:17px; padding:0 5px 3px 6px;}
}
@media (max-width:767px) {
    .main-first {display:none;}
    .main-wrap .main-first .main-first-box .main-info .arrow {top:15px;}
    .main-wrap .main-center-box .arrow {top:15px;}
    .at-go{display: block !important;}
}

/* main sub */
.main-sub-wrap {overflow:hidden; height:951.5px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.main-sub-wrap.sec01 {background-image:url('/img/sec01_bg.jpg');}
.main-sub-wrap.sec01 .main-sub-box .menu div.menu-1 {display:block !important; overflow:hidden;}
.main-sub-wrap.sec02 {background-image:url('/img/sec02_bg.jpg');} 
.main-sub-wrap.sec02 .main-sub-box .menu div.menu-3 {display:block !important; overflow:hidden;}
.main-sub-wrap.sec03 {background-image:url('/img/sec03_bg.jpg');} 
.main-sub-wrap.sec03 .main-sub-box .menu div.menu-4 {display:block !important; overflow:hidden;}
.main-sub-wrap.sec04 {background-image:url('/img/sec04_bg.jpg');} 
.main-sub-wrap.sec04 .main-sub-box .menu div.menu-4 {display:block !important; overflow:hidden;}
.main-sub-wrap.sec05 {background-image:url('/img/sec05_bg.jpg'); text-align:center;} 
.main-sub-wrap.sec05 .main-sub-box {top:27% !important;}
.main-sub-wrap.contact {direction:ltr !important;}
.main-sub-wrap.contact {/*background-image:url('/img/main06_bg.jpg');*/ background:#f0f0f0; text-align:center;} 
.main-sub-wrap.contact .main-sub-box {top:27% !important;}
.main-sub-wrap .main-sub-box {color:#fff; position:absolute; height:100%; left: 50%;transform: translateX(-50%); top:42%; width:100%; max-width:1200px;}
.main-sub-wrap .main-sub-box .title {font-weight:600; font-size:60px; line-height:1; }
.main-sub-wrap .main-sub-box .content {font-size:20px; line-height:1; margin:10px 0; transition:all ease 1s; transform:translateX(10%); opacity:0;}
.main-sub-wrap:nth-of-type(odd) .main-sub-box .title {transition:all ease 1s; transform:translateX(10%); opacity:0;}
.main-sub-wrap:nth-of-type(even) .main-sub-box .title {transition:all ease 1s; transform:translateX(-10%); opacity:0;}
.main-sub-wrap:nth-of-type(odd) .main-sub-box .content {transition:all ease 1s; transform:translateX(-10%); opacity:0;}
.main-sub-wrap:nth-of-type(even) .main-sub-box .content {transition:all ease 1s; transform:translateX(10%); opacity:0;}
.main-sub-wrap .main-sub-box .menu {overflow:hidden; margin: 45px 0 0;}
.main-sub-wrap .main-sub-box .menu div {display:none;}
.main-sub-wrap .main-sub-box .menu div a {display:block; float:left; width:225px; margin:0 5px; text-align:center; color:#fff;  transition:all ease 1s; opacity:0;}
.main-sub-wrap .main-sub-box .menu div a:first-child{margin-left: 0;}
.main-sub-wrap .main-sub-box .menu div a:nth-of-type(odd) {transform:translateY(-100px);}
.main-sub-wrap .main-sub-box .menu div a:nth-of-type(even) {transform:translateY(100px);}
.main-sub-wrap .main-sub-box .menu div a span {display:block; width:100%; border:1px solid #fff; padding:16px 0; transition:all ease 2s;font-size: 16px;}
.main-sub-wrap .main-sub-box .menu div a:hover span {color:#fff; background:#005cce; border-color: #005cce;}
.main-sub-wrap:nth-of-type(odd) {}
.main-sub-wrap:nth-of-type(even){direction: rtl;}
.main-sub-wrap:nth-of-type(odd) .main-sub-box .menu div a {float:left !important;}
.main-sub-wrap:nth-of-type(even) .main-sub-box .menu div a{float: right !important;}
.main-sub-wrap .main-sub-box .wid {overflow:hidden; margin-top:60px;}
.main-sub-wrap .main-sub-box .wid .wid-box {width:49%; float:left; background:#fff; padding:30px; transition:all ease 1s; opacity:0;}
.main-sub-wrap .main-sub-box .wid .wid-box:nth-of-type(1) {margin-right:10px; transform:translateX(-100px);}
.main-sub-wrap .main-sub-box .wid .wid-box:nth-of-type(2) {margin-left:10px; transform:translateX(100px);}
.main-sub-wrap .main-sub-box .wid .wid-box .name {overflow:hidden; border-bottom:1px solid #e4e4e4; padding-bottom:15px;}
.main-sub-wrap .main-sub-box .wid .wid-box .name .pull-left { font-size:20px; color:#151515; font-weight:700;}
.main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a { color:#999;font-size: 15px;font-weight: 600;}
.main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a i{width: 7px; height: 12px;display: inline-block;position: relative;margin-left: 10px;}
.main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a i::after{content: '>'; position: absolute;right: 0;top: 1px; font-size: 14px; color: #999;font-weight: 600;}
.main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a:hover{color: #005cce; transition: all .2s;}
.main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a:hover i::after{color: #005cce; transition: all .2s;}
.main-sub-wrap .main-sub-box .wid .wid-box .gallery {overflow:hidden; margin-top:15px;}
.main-sub-wrap .main-sub-box .wid .wid-box .gallery .miso-post-gallery .post-content{padding-top: 12px;}
.main-sub-wrap .main-sub-box .wid .wid-box .gallery .post-content a {font-size: 16px; color: #333;text-align: left;}
.main-sub-wrap .main-sub-box .wid .wid-box .gallery .post-content a p {font-weight: 600;font-size: 16px; color: #333;}
.main-sub-wrap .main-sub-box .wid .wid-box .gallery .miso-post-gallery .txt-normal{text-align: left;display: block;font-size: 14px; color: #999;font-weight: 600;margin-top: 8px;}
.main-sub-wrap .main-sub-box .wid .wid-box .gallery .img-wrap .img-item{border: 1px solid #e5e5e5;}

/*
.main-wrap .title {transition:all ease 1s; opacity:0;}
.main-wrap .content {transition:all ease 1.5s; opacity:0;}
.main-wrap .main-first-box:nth-of-type(odd) .title {transform:scale(1.5) translateY(70px);}
.main-wrap .main-first-box:nth-of-type(even) .title {transform:scale(1.5) translateY(-70px);}
.main-wrap .main-first-box:nth-of-type(odd) .content {transform:translateX(70px);}
.main-wrap .main-first-box:nth-of-type(even) .content {transform:translateX(-70px);}
*/


/* main-header */
.main-header {position:fixed; left:0; top:0; width:100%; z-index:10; padding:34px 0; font-size:30px;}
.main-header a {color:#fff;}
.main-header .logo{width: 180px; height: 30px; background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center;display: inline-block; }
.sub_header .main-header{position: absolute;}
.sub_header .main-header .logo{background-image: url(../img/logo_on.png);box-shadow: 0px 7px 25px 1.43px rgb(255 255 255 / 8%);}
.main-header .pull-right a{width: 40px; height: 27px; background-image: url(../img/h_menu.png);background-position: center; background-repeat: no-repeat;display: block;} 
@media (max-width:991px) {
    .main-header{padding: 10px 0;}
    .main-header .logo{background-image: url(../img/m_logo.png);width: 130px; height: 20px;background-size: 130px 20px;}
    .main-header .pull-right a{width: 25px; height: 30px; background-image: url(../img/m_h_menu.png); background-size: 25px 17px;}
    .sub_header .main-header .logo{background-image: url(../img/m_logo_on.png);}
}

/* main-side */
#sidebar-box {background:rgba(0,0,0,0.85) !important; border:0 !important;}
#sidebar-box .sidebar-item {margin-top:39%;}
#sidebar-box .sidebar-menu {border-top:0 !important;padding-left: 80px;}
#sidebar-box .sidebar-menu .ca-head {border-bottom:0 !important;margin-bottom: 5px;}
#sidebar-box .sidebar-menu .panel .ca-head > a{font-size: 30px;color: #999;font-family: ‘SUIT’, sans-serif;padding-right: 0 !important; display: inline-block;position: relative;}
#sidebar-box .sidebar-menu .ca-head > a { color:#cccccc; font-weight:800; font-size:25px; position: relative;}
#sidebar-box .sidebar-menu .ca-head > a:hover {color:#fff;}
#sidebar-box .sidebar-menu .ca-head > a > .ca-href {display:none !important;}
#sidebar-box .sidebar-menu .ca-head > a.no-sub::after {display:none;}
#sidebar-box .sidebar-menu .ca-sub{padding: 20px 0 !important;}
#sidebar-box .sidebar-menu .ca-sub li a{font-family: ‘SUIT’, sans-serif !important;line-height: 1;margin-bottom: 20px;color: #989898 !important;font-size: 18px !important;}
#sidebar-box .sidebar-menu .ca-sub li:last-child a{margin-bottom: 0;}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a, #sidebar-box #sidebar-menu .sidebar-menu .ca-sub li.on a{color: #fff !important; font-weight:800 !important ;}
#sidebar-box .sidebar-menu .ca-head{position: relative;display: inline-block;}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head > a:after{content: '';}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a{position: relative;}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a:after{content: '';position: absolute; bottom: 0 ;left: 0; right: 0;  height: 1px;background-color: #fff;width: 100%;}
#sidebar-box #sidebar-menu .sidebar-menu a:hover, #sidebar-box #sidebar-user .sidebar-list a:hover{color: #fff !important;}
#sidebar-box #sidebar-menu .sidebar-menu a.is-sub:hover::after{content: '';position: absolute; bottom: 0 ;left: 0; right: 0; height: 1px;background-color: #fff;}
@media(max-width:1790px){
    .sidebar_custom .sb_header{padding-right: 15px;}
}
@keyframes sidebar_w {
    from {width: 0; }
    to {width: 100%;}
}

/* main-page */
.main-page {position:fixed; right:90px; top:51%; transform:translateY(-50%); z-index:9;}
.main-page ul {list-style:none; padding:0;}
.main-page ul li {width:8px; height:8px; display:block; background:rgba(255, 255, 255, .5); border-radius:50%; margin-bottom:15px; cursor:pointer; transition:all ease 0.3s;}
.main-page ul li:first-of-type {background:#fff;}
.main-page ul li:hover {background:#fff !important;}

/* fix-menu */
.fix_menu{position: fixed; bottom: 85px; right: 10px;z-index: 10;}
.fix_menu li{list-style: none;}
.fix_menu li a{display: flex; align-items: center;justify-content: center; width: 45px; height: 45px;border-radius: 50%;}
.fix_menu li:nth-child(1) a{background-color: #2dc100; margin-bottom: 5px;}
.fix_menu li:nth-child(2) a{background-color: #fff; box-shadow: 0px 6px 15px 0.4px rgb(0 0 0 / 13%);}
.fix_menu.sub_fix_menu{}


/* main-sub 모바일 */
@media (max-width:1650px) {
    .main-sub-wrap .main-sub-box .title {font-size:60px;}
    .main-sub-wrap.contact .main-sub-box {top:18% !important;}
}
@media (max-width:1430px) {
    .main-sub-wrap .main-sub-box .title {font-size:55px;}
}
@media (max-width:1355px) {
    .main-sub-wrap .main-sub-box .title {font-size:50px;}
    .main-sub-wrap .main-sub-box .content {font-size:17px;}
}
@media (max-width:1240px) {
    .main-sub-wrap.sec01 .main-sub-box {width:98%;}
    .main-sub-wrap.sec05 .main-sub-box {width:97.3%; top:20% !important;}
    .main-sub-wrap.contact .main-sub-box {top:10% !important;}
}
@media (max-width:1200px) {
    .main-sub-wrap .main-sub-box .title {font-size:45px;}
}
@media (max-width:1100px) {
    .main-sub-wrap .main-sub-box .title {font-size:35px;}
    .main-sub-wrap .main-sub-box .content {font-size:15px;}
    .main-sub-wrap .main-sub-box .menu div a span {padding:12px 0;font-size: 14px;}
    .main-sub-wrap.contact {height:auto !important; padding:30% 0;}
    .main-sub-wrap .main-sub-box .wid .wid-box:nth-of-type(1){margin-right: 0;}
}
@media (max-width:991px) {
    img[usemap] {border: none; height: 100% !important; max-width: 100%; width: 100% !important;}
    .main-sub-wrap {margin-top:0 !important;height:auto !important; padding:10% 0; background-size:cover; padding: 210px 0;}
    .main-sub-wrap.sec01{padding: 155px 0;}
    .main-sub-wrap .main-sub-box{left: 0;transform: translateX(0);}
    .main-sub-wrap .main-sub-box .title {transform:none !important; opacity:1 !important;font-size:39px;font-weight: 700;}
    .main-sub-wrap .main-sub-box .content {transform:none !important; opacity:1 !important;}
    .main-sub-wrap .main-sub-box .menu div a {transform:translateX(0) !important; opacity:1 !important;}
    .main-sub-wrap .main-sub-box .menu div a:hover {color:#fff; background:transparent;}
    .main-sub-wrap:nth-of-type(even) .main-sub-box .menu div a{float: left !important;}
    .main-sub-wrap .main-sub-box {text-align:center; position:inherit;}
    .main-sub-wrap .main-sub-box .menu{margin-top: 30px;}
    .main-sub-wrap .main-sub-box .menu div {text-align:center;}
    .main-sub-wrap .main-sub-box .menu div a {width:230px; clear:both; margin-left:50%; transform:translateX(-50%) !important; margin-bottom:10px;padding: 0;}
    .main-sub-wrap .main-sub-box .menu div a:first-child{margin-left:50% ;}
    .main-sub-wrap .main-sub-box .menu div a span{padding: 14px 0;}
    .main-sub-wrap:nth-of-type(odd) {direction:ltr;}
    .main-sub-wrap:nth-of-type(odd) .main-sub-box .menu div a {float:none !important;}
    .main-sub-wrap.sec01 {background-image:url('/img/msec01_bg.jpg');}
    .main-sub-wrap.sec02 {background-image:url('/img/msec02_bg.jpg');}
    .main-sub-wrap.sec03 {background-image:url('/img/msec03_bg.jpg');}
    .main-sub-wrap.sec04 {background-image:url('/img/msec04_bg.jpg');}
    .main-sub-wrap.sec05 .main-sub-box {width:100%;}
    .responsive .at-body .sec05 .at-container{padding: 0 15px !important;}
    .main-sub-wrap.contact {padding:15% 0;}
    .main-sub-wrap .main-sub-box .wid .wid-box {transform:none !important; opacity:1 !important;width:100%; clear:both; margin:0 !important; padding:20px 10px;}
    .main-sub-wrap .main-sub-box .wid .wid-box:nth-of-type(2) {margin-top:20px !important;}
    .main-sub-wrap .main-sub-box .wid .wid-box .name{padding-bottom: 13px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .name .pull-left {font-size:15px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a{font-size: 13px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a i{height: 9px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .name .pull-right a i::after{font-size: 10px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .gallery{margin-top: 14px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .gallery .post-content a{font-size: 14px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .gallery .miso-post-gallery .post-content{margin: 0;padding-top: 8px;}
    .main-sub-wrap .main-sub-box .wid .wid-box .gallery .miso-post-gallery .txt-normal{margin-top: 9px;font-size: 10px;line-height: 1;}
    .main-sub-wrap .main-sub-box .wid .wid-box .gallery .post-content a p{font-size: 13px;font-weight: 500;line-height: 1;}
    .main-sub-wrap.sec05{padding: 80px 0;}
    .main-sub-wrap .main-sub-box .wid{margin-top: 35px;}
    /* gotop */
    .at-go .go-btn{right: 2px;bottom: 40px;}
    .at-go .go-btn span img{width: 15px;}
    /* fix-menu */
    .fix_menu {right: 2px; bottom: 170px;}
    .fix_menu li a{width: 40px; height: 40px;}
    .fix_menu li a img{height: 20px;}
}
@media (max-width:930px) {
    .main-sub-wrap.contact {padding:35% 0; background-size:cover !important;}
}
/* @media (max-width:480px) {
    .main-sub-wrap .main-sub-box .menu div a {width:50%;}
    .main-sub-wrap .main-sub-box form input {width:80%; margin-bottom:5px;}
    .main-sub-wrap .main-sub-box form textarea {width:80%; margin-bottom:0;}
    .main-sub-wrap .main-sub-box form button {width:80%}
}
@media (max-width:380px) {
    .main-sub-wrap .main-sub-box .content {font-size:14px; line-height:1.5;}
    .main-sub-wrap .main-sub-box .menu div a {width:70%;}
} */