@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{font-family: 'Noto Sans JP', sans-serif !important;}
.fa{font-family:'FontAwesome' !important}

/* 헤더 */
.at-menu{border:none}
.pc-menu .nav_left {padding: 27px 0;}
.pc-menu .nav_left > *{float:left}
.pc-menu .logo{margin-right: 30px;}
.pc-menu .iwanami{margin: 3px 0; border:1px solid #222; border-radius: 6px; line-height: 39px; padding: 0 20px;}
.pc-menu .iwanami span{color:#222; font-size: 16px; font-weight:500; padding-left: 22px; background:url(../img/icon_iwanami_book.png) no-repeat left center;}
.pc-menu .iwanami:hover{border-color:#d71920; background: #d71920;}
.pc-menu .iwanami:hover span{color:#fff; background-image: url(../img/icon_iwanami_book_on.png);}
.pc-menu .nav-top.nav-both .menu-ul{width: auto;}

.pc-menu .nav_right{display: flex; flex-wrap: wrap; justify-content: stretch; align-items: center;}
.pc-menu .nav_right > *{float:left;}
.pc-menu .language_link_box{position: relative;}
.pc-menu .language_link_box button{border: 0; padding:0 32px 0 12px; margin: 0; font-size: 14px; color: #222222; background: transparent url(../img/language.png) no-repeat right 15px center; font-weight: 500;}
.pc-menu .language_link_box.on button{background: transparent url(../img/language_on.png) no-repeat right 15px center;}
.pc-menu .language_link_box ul{position: absolute; left: 0; top: calc(100% + 10px); width: 100%; border: 1px solid #e9e9e9; background-color: white; border-radius: 5px; padding: 12px 0; display: none; z-index: 2;}
.pc-menu .language_link_box ul.on{display: block;}
.pc-menu .language_link_box li{width: 100%; text-align: center;}
.pc-menu .language_link_box li a{font-size: 14px; color: #999999; padding: 8px 0; display: block;}
.pc-menu .language_link_box li a.on{color: #222222;}
.pc-menu .search_box{padding: 30px 0; margin-left: 35px;}
.pc-menu .search_box .header_search{background: #f1f1f1; border-radius:3px;padding: 0 13px; width: 200px;}
.pc-menu .search_box .header_search input{line-height: 40px; border:none; background: none; width: calc(100% - 23px);}
.pc-menu .search_box .header_search button{ border:none; background: none;}

.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right: 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li + .menu-li:before{content:''; display: block; width: 1px; height: 13px; background: #ccc; position: absolute; top: 50%; transform:translateY(-50%)}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding: 0 30px; color:#222; font-size:16px; font-weight:400}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after{display: none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a{font-weight:600}

.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div:after{content:''; display: block; position: absolute; width: 14px;height: 11px; background:url(../img/icon_menu_tri.png) no-repeat center center; top: 0;left: 50%; transform:translate(-50%,-100%)}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{background: #fff;border:1px solid #e1e1e1; width: 140px; padding: 25px 0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding: 0; background: none; font-size: 16px; line-height: 46px; color:#222; border:none}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{background: none; color:#d71920; font-weight:600; border:none}

/* main_con */
.main_con{padding: 120px 0;}
.main_tt{font-size: 30px; font-weight:500; color:#222; }
.main_desc{color:#222; font-size:16px;}

/* mc01 */
.mc01{padding: 0;}
.mc01 .swiper-title-container{overflow: hidden; width: 1180px; margin: 0 auto;}
.mc01 .swiper-slide a{opacity:0; transition:.3s}
.mc01 .swiper-slide:nth-child(4n-3) a{transition-delay: .5s;}
.mc01 .swiper-slide:nth-child(4n-2) a{transition-delay: 1s;}
.mc01 .swiper-slide:nth-child(4n-1) a{transition-delay: 1.5s;}
.mc01 .swiper-slide:nth-child(4n) a{transition-delay: 2s;}
.mc01 .swiper_btn_box{position: absolute; top: calc(50% - 15px); transform:translateY(-50%); width: 100%;}
.btn_container a{width: 50px;height: 50px; display: block;  background: rgba(0,0,0,.4); position: absolute; text-align: center;}
.swiper_title_prev{left: -50px;}
.swiper_title_next{right: -50px;}
.btn_container a img{width: auto; height: auto; vertical-align: top; padding-top: 23px;}

.mc01 .swiper-slide.swiper-slide-active a{opacity:1}
.mc01 .swiper-slide.swiper-slide-next a{opacity:1}
.mc01 .swiper-slide.swiper-slide-next+.swiper-slide a{opacity:1}
.mc01 .swiper-slide.swiper-slide-next+.swiper-slide+.swiper-slide a{opacity:1}

@keyframes show{
    0%{opacity:0}
    100%{opacity:1}
}

/* mc02 */
.mc02{padding-bottom: 0;}
.mc02_con{border:1px solid #e1e1e1;}
.mc02_img{width: 46.875%; float:left;}
.mc02_img img{max-width: 100%;}
.mc02_txt{width: 53.125%; float:left; padding: 45px 72px;}
.mc02_txt span{display: inline-block; background: #d71920; color:#fff; font-size: 14px; line-height: 25px; padding: 0 8px; margin-bottom: 33px; text-transform: uppercase;}
.mc02_txt h2{font-size:30px; font-weight:600; color:#222; text-transform: uppercase;}
.mc02_txt h3{margin-top: 17px; font-size: 20px; font-weight:500; color:#222;}
.mc02_txt p{margin-top: 23px; font-size: 16px; line-height: 28px; color:#666; text-transform: uppercase;}
.mc02_txt a{margin-top: 33px; display: inline-block; border:1px solid #999; line-height: 44px; padding: 0 20px; font-size: 15px; color:#222}
.mc02_txt a img{margin-left: 18px; vertical-align: top; margin-top: 20px;}

/* mc03 */
.mc03{padding-bottom: 70px;}
.mc03_tabs{}
.mc03_tabs li{float:left; font-size:20px; color:#666; cursor:pointer}
.mc03_tabs li.on{color:#222; font-weight: 600}
.mc03_tabs li + li{margin-left: 39px;padding-left: 40px; position: relative;}
.mc03_tabs li + li:before{content:''; display: block; width: 1px; height: 18px; position: absolute; top: 50%; left: 0; transform:translateY(-50%); background: #cccccc;}
.mc03_cons{}
.mc03_cons li{display: none;}
.mc03_cons li.on{display: block;}
.mc03_label{display: block; position: absolute; background: #d71920; color:#fff; font-size:16px; width: 60px;height: 60px; line-height: 60px; border-radius:50%; text-align: center; top: -14px; right: -14px;}
.mc03 .miso-post-gallery .post-wrap{overflow: visible; padding-top: 60px;}
.mc03 .miso-post-gallery .post-row{overflow: visible;}
.mc03 .miso-post-gallery .post-list{overflow: visible;}
.mc03 .miso-post-gallery .post-image{overflow: visible; border:1px solid #e1e1e1}
.mc03 .miso-post-gallery .post-list:hover .post-image{border-color:#d71920}
.mc03 .miso-post-gallery .post-content{padding-top: 19px;}
.mc03 .post_tt{color:#222; font-size:16px; line-height: 26px; white-space: pre-wrap; height:52px; overflow: hidden; text-overflow: ellipsis;}
.mc03 .post_writer{margin-top: 19px; color:#666; font-size:16px;overflow: hidden; text-overflow: ellipsis;}
.is-pc .mc03 .post-col .wr-img{transition:none}
.is-pc .mc03 .post-col:hover .wr-img{transform:scale(1)}
/* mc04 */
.mc04{background:url(../img/mc04_bg.png) no-repeat center center/cover}
.mc04 .main_tt{position: relative; display: inline-block;}
.mc04 .main_tt:after{content:''; display: block; position: absolute; width: 230px; height: 1px; background: rgba(0,0,0,.2); bottom: 2px; left: calc(100% + 16px);}
.mc04 .main_desc{margin-top: 30px;}

.mc04_head{margin-bottom: 60px;}
.mc04_tt{float:left;}
.mc04_sns{float:right; padding-top: 35px;}
.mc04_sns li{float:left; box-shadow: 7px 7px 18px rgba(94,94,94,.05);}
.mc04_sns li + li{margin-left: 14px;}
.mc04_sns li a{display: block;width: 100%; height: 100%;}
.mc04_sns_con{}
.mc04_sns_con li{float:left; width: 18.75%; margin-right: 1.562%;}
.mc04_sns_con li:last-child{margin-right: 0;}
.mc04_sns_con .carousel-inner{background: #fff;}
.mc04 .carousel-inner>.item{padding: 30px 25px;}
.mc04 .img-wrap .img-item img{width: auto; margin: 0}
.mc04_sns_tt{margin-top: 23px; font-size:18px; color:#222; font-weight:600; line-height: 28px; height:56px; overflow: hidden; text-overflow: ellipsis;}
.mc04_sns_desc{margin-top: 13px; font-size:15px; color:#666; line-height: 27px; height: 108px; overflow: hidden; text-overflow: ellipsis;}

/* mc05 */
.mc05{}
.mc05 .mc05_head{margin-bottom: 18px;}
.mc05_tt{font-size:26px; font-weight:500; color:#222; float:left;}
.mc05_tt + a{float:right;}
.mc05 > div > div{float:left; width: 30.468%; margin-right: 4.218%;}
.mc05 .mc05_board{padding-top: 20px;}
.mc05 .miso-post-list .post-wrap{margin: 0;}
.mc05 .miso-post-list .post-list li{padding: 23px 0; border-bottom: 1px solid #e1e1e1;}
.mc05 .miso-post-list .post-list li:first-child{border-top: 1px solid #999;}
.mc05 .miso-post-list .post-list li a .post_tt{font-size:16px; color:#666; float:left; line-height: 1; max-width:calc(100% - 100px); overflow: hidden; text-overflow: ellipsis;}
.mc05 .miso-post-list .post-list li a .post_date{font-size:15px; color:#666; float:right; line-height: 1;}

.mc05 .mc05_addr{margin-right: 0; background: #d71920 url(../img/mc05_addr_bg.png) no-repeat right bottom; padding: 45px 40px;}
.mc05_addr .mc05_tt{float:none; font-size:24px; color:#fff;}
.mc05_addr .mc05_tt img{margin-right: 14px; vertical-align: top;}
.mc05_addr p{color:#fff; font-size:16px; line-height: 28px; margin-top: 25px; width: 185px;}
.mc05_addr a{display: inline-block; margin-top: 33px; color:#fff; border:1px solid #fff; padding: 0 34px; line-height: 43px; font-size:16px}

/* footer */
.fix_footer{margin-top: 0; background: #111; padding: 60px 0 55px;}
.fix_footer .f_logo{float:left; margin-right: 57px;}
.fix_footer .f_info_box{float:left;}

.fix_footer .f_link{margin-bottom: 22px;}
.fix_footer .f_link li{float:left;}
.fix_footer .f_link li + li{position: relative; padding-left: 31px; margin-left: 30px;}
.fix_footer .f_link li + li:before{content:''; display: block; width: 1px;height: 13px;background: #666; position: absolute; left: 0; top: 50%; transform:translateY(-50%)}
.fix_footer .f_link li a{color:#fff; font-size: 16px; font-weight:500; }

.fix_footer .f_info li{float:left; color:#666; font-size: 16px; font-weight:300; line-height: 32px; }
.fix_footer .f_info li + li{position: relative; padding-left: 22px; margin-left: 21px;}
.fix_footer .f_info.m_db li:nth-child(2){padding-left: 0;margin-left: 0;}    
.fix_footer .f_info.m_db li:nth-child(2):before{display: none;}    
.fix_footer .f_info li + li:before{content:''; display: block; width: 1px;height: 13px;background: #555; position: absolute; left: 0; top: 50%; transform:translateY(-50%)}
.fix_footer .f_info li a{color:#666; font-size: 16px; font-weight:300; line-height: 32px;}
.fix_footer h4{margin-top: 20px; color:#666; font-size:16px; font-weight:300}

.at-go .go-btn{width: 62px; bottom: 60px; right: 60px; transition:bottom .3s; display: block;}
.at-go.active .go-btn{bottom: 130px; }
.at-go .go-btn span{background: #333; width: 62px;height: 62px; line-height: 62px !important; display: flex; align-items: center; justify-content: center; margin: 0;}

@media(max-width:1400px){
    .swiper_title_prev{left: 0;}
    .swiper_title_next{right: 0;}
}
@media(max-width:1050px){
    .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding: 0 15px;}
    .at-go .go-btn{right: 15px;}
}

@media(max-width:991px){
    .m_header{text-align: left; padding: 12.5px 0;}
    .m_header .m_logo{}
    .m_header .m_logo img{height: 25px;}
    .m_header .right_menu{padding: 5px 0;}
    .m_header .right_menu img{height: 13px;}

    .at-header .language_link_box{float: right; margin-right: 22px; margin-top: 4px;position: relative;}
    .at-header .language_link_box button{border: 0; padding:0 32px 0 12px; margin: 0; font-size: 14px; color: #222222; background: transparent url(../img/language.png) no-repeat right 15px center; font-weight: 500;}
    .at-header .language_link_box.on button{background: transparent url(../img/language_on.png) no-repeat right 15px center;}
    .at-header .language_link_box ul{position: absolute; left: 0; top: calc(100% + 10px); width: 100%; border: 1px solid #e9e9e9; background-color: white; border-radius: 5px; padding: 12px 0; display: none; z-index: 2;}
    .at-header .language_link_box ul.on{display: block;}
    .at-header .language_link_box li{width: 100%; text-align: center;}
    .at-header .language_link_box li a{font-size: 14px; color: #999999; padding: 8px 0; display: block;}
    .at-header .language_link_box li a.on{color: #222222;}

    .main_con{padding: 60px 0;}
    .main_desc{font-size:13px; line-height: 21px;}

    /* mc01 */
    .mc01{padding: 0;}
    .mc01 .carousel-control{left: 0;}
    .mc01 .carousel-control.right{right: 0; left:initial}
    .mc01 .carousel-control .glyphicon{background:rgba(0,0,0,.4) no-repeat center center / 18.5px 3px; display: block; width: 35px;height: 35px;}
    .mc01 .carousel-control .glyphicon-chevron-left{background-image:url(../img/btn_mc01_prev.png)}
    .mc01 .carousel-control .glyphicon-chevron-right{background-image:url(../img/btn_mc01_next.png)}

    /* mc02 */
    .mc02{padding-bottom: 0;}

    /* mc03 */
    .mc03{padding-bottom: 25px;}
    .mc03_tabs li{font-size:15px;}
    .mc03_tabs li + li{padding-left: 28px; margin-left: 22px;}
    .mc03_tabs li + li:before{height: 13px;}

    .mc03 .miso-post-gallery .post-wrap{padding-top: 45px; margin-right: -30px !important;}
    .mc03 .miso-post-gallery .post-list{margin-right: 30px !important; margin-bottom: 40px !important;}
    .mc03_label{width: 40px;height: 40px; line-height: 42px; font-size:13px}
    .mc03 .miso-post-gallery .post-content{padding-top: 15;}
    .mc03 .post_tt{font-size:14px; line-height: 23px; height:46px}
    .mc03 .post_writer{margin-top: 20px; font-size:13px}

    /* mc04 */
    .mc04{background-image:url(../img/mmc04_bg.png)}
    .mc04_head{margin-bottom: 30px;}
    .mc04_tt{float:none;}
    .mc04 .main_tt{font-size: 23px}
    .mc04 .main_tt:after{width: 163px;}
    .mc04_sns{float:none;}
    .mc04_sns li{box-shadow: 4px 4px 9px rgba(94,94,94,.05)}
    .mc04_sns li + li{margin-left: 15px; }
    .mc04_sns li img{width: auto; height: 30px;}

    .mc04_sns_con{}
    .mc04_sns_con li{width: 49.245%; margin-right: 0;}
    .mc04_sns_con li:nth-child(2n-1){margin-right: 1.51%;}
    .mc04_sns_con li:nth-child(n+3){margin-top: 1.5%;}
    
    .mc04 .carousel-inner>.item{padding: 21px 13px 11px;}
    .mc04 .img-wrap .img-item img{width: auto; height: 30px;}
    .mc04_sns_tt{font-size: 14px; margin-top: 20px; line-height: 1.6; height: auto; white-space: nowrap;}
    .mc04_sns_desc{margin-top: 9px; font-size:13px; line-height: 21px; height: 42px;}


    .mc05 .mc05_board{float:none; margin-right: 0; width: 100%; padding-top: 0;}
    .mc05 .mc05_board + .mc05_board{margin-top: 45px;}
    .mc05 .mc05_head{margin-bottom: 17px;}
    .mc05 .mc05_head img{height: 15px; width: auto;}
    .mc05_tt{font-size:20px;}

    .mc05 .miso-post-list .post-list li{padding: 20px 0 18px;}
    .mc05 .miso-post-list .post-list li a .post_tt{font-size:14px; line-height: 1.2;}
    .mc05 .miso-post-list .post-list li a .post_date{font-size:13px}

    .mc05 .mc05_addr{margin-top: 45px; width: 100%;padding: 40px 35px;}
    .mc05_addr .mc05_tt img{height: 19px; width: auto; margin-right: 12px;}
    .mc05_addr .mc05_tt{font-size:21px;}
    .mc05_addr p{font-size: 14px; line-height: 24px; width: 160px;}
    .mc05_addr a{margin-top: 35px;padding: 0 28px; line-height: 38px; font-size:13px}

    .fix_footer{padding: 30px 0 36px;}
    .fix_footer .f_logo{width: 100%; margin-right: 0; text-align: center; float:none; margin-bottom: 30px;}
    .fix_footer .f_logo img{height: 40px; width: auto;}
    .fix_footer .f_info_box{float:none;}
    .fix_footer .f_link{text-align: center; margin-bottom: 25px;}
    .fix_footer .f_link li{display: inline-block; float:none;}
    .fix_footer .f_link li + li{padding-left: 27px; margin-left: 26px;}
    .fix_footer .f_link li + li:before{height: 12px;}
    .fix_footer .f_link li a{font-size: 13px;}
    .fix_footer .f_info{text-align: center;}
    .fix_footer .f_info li, .fix_footer .f_info li a{float:none; display: inline-block; font-size: 13px; line-height: 25px;}
    .fix_footer .f_info.m_db li{display: block;}
    .fix_footer .f_info.m_db li + li{margin-left: 0; padding-left: 0;}
    .fix_footer .f_info.m_db li + li:before{display: none;}
    .fix_footer h4{margin-top: 19px; font-size: 13px; text-align: center;}

    .at-go .go-btn{width: 45px;height: 45px; bottom: 15px;}
    .at-go.active .go-btn{ bottom: 303px;}
    .at-go .go-btn span{width: 45px;height: 45px; }
    .at-go .go-btn span img{height: 7px; width: auto;}
}

/* 유지보수 220704 csj */
@media(max-width:991px){
	.m_header .iwanami{ border:1px solid #222; border-radius: 6px; line-height: 25px; padding: 0 10px;display:inline-block;margin-left:5px;}
	.m_header .iwanami span{color:#222; font-size: 13px; font-weight:500; padding-left: 22px; background:url(../img/icon_iwanami_book.png) no-repeat left center;}
	.m_header .iwanami:hover{border-color:#d71920; background: #d71920;}
	.m_header .iwanami:hover span{color:#fff; background-image: url(../img/icon_iwanami_book_on.png);}
}

/* 유지보수 221102 ssk */
@media (max-width:991px){
	.mc02 .mc02_con .hidden-lg.hidden-md .item .img-wrap {padding-bottom:207.5% !important;}
}