@charset "utf-8";

body::after {content: ''; display: block; clear: both;}

/* Font Size Up */
body.default .wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide p{font-size:28px}
body.default .wrap .link-card-wrap ul li a .tit h4{font-size:16px}
body.default .wrap .link-card-wrap ul li a .tit i{top:0}

body.medium .wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide p{font-size:30px}
body.medium .wrap .link-card-wrap ul li a .tit h4{font-size:18px}
body.medium .wrap .link-card-wrap ul li a .tit i{top:3px}

body.large .wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide p{font-size:32px}
body.large .wrap .link-card-wrap ul li a .tit h4{font-size:20px}
body.large .wrap .link-card-wrap ul li a .tit i{top:5px}

.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide{position:relative;}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide .slide_bg{width:100%;}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide p{font-size:28px;line-height:1.4;font-weight:700;color:#fff;position:absolute;top:24px;left:24px;}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide .link-box{position:absolute;bottom:36px;left:24px;width:calc(100% - 48px);}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide .link-box ul li{margin-bottom:19px}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide .link-box ul li:last-child{margin-bottom:0;}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide .link-box ul li a{display:block;}
.wrap .main-visual-wrap #main_slide .swiper-wrapper .swiper-slide .link-box ul li a img{width:100%;}
.wrap .main-visual-wrap #main_slide .swiper-pagination{position:relative;bottom:auto;left:auto;margin-top:24px}
.wrap .main-visual-wrap #main_slide .swiper-pagination-bullet{border-radius:0%;margin:0 6px;opacity:1;background:#eee;}
.wrap .main-visual-wrap #main_slide .swiper-pagination-bullet-active{background:#0c2340;}

.wrap .link-card-wrap{padding:0 20px;margin-top:36px}
.wrap .link-card-wrap ul li {display:block;width:100%;margin-bottom:10px}
.wrap .link-card-wrap ul li:last-child{margin-bottom:0}
.wrap .link-card-wrap ul li a {display:block;background-color:#f9f9f9;padding: 20px 24px;}
.wrap .link-card-wrap ul li a .tit {position: relative;}
.wrap .link-card-wrap ul li a .tit h4 {display: block; font-size: 16px; line-height:2.3}
.wrap .link-card-wrap ul li a .tit i {display: block; width:36px; height:36px; position: absolute; top:0; right: 0; background: url('../img/ico_right_arrrow_blue.png')no-repeat center; background-size: cover;}

.popup.main .pop-container {padding: 0; width:calc(100% - 40px); height:auto; left:20px;transform:translate(0, -50%);}
.popup.main .pop-container .pop_cont {height: 100%;}
.popup.main .pop-container .pop_cont .content-area {height:100%}
.popup.main .pop-container .pop_cont .content-area .img-wrap {position: relative;}
.popup.main .pop-container .pop_cont .content-area .img-wrap img {display: block;}
.popup.main .pop-container .pop_cont .content-area .img-wrap a {margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: transparent; text-indent: -9999px; overflow: hidden;}

.popup.main .pop-container .pop_cont .btn-wrap {height:60px;}
.popup.main .pop-container .pop_cont .btn-wrap .btn-box {display: inline-block; width: 50%; height: 100%; box-sizing: border-box; border-top: 1px solid #eee;}
.popup.main .pop-container .pop_cont .btn-wrap .btn-box:first-of-type {border-right: 1px solid #eee;}
.popup.main .pop-container .pop_cont .btn-wrap button.btn-box.today,
.popup.main .pop-container .pop_cont .btn-wrap button.btn-box {font-size:14px; font-weight: 700; color: #0c2340;}

.strip-banner {display: none;}
body.strip .strip-banner {display:block;width:100%;height:118px;position:absolute;top:0;left:0;background-color:#0c2340;}
body.strip .strip-banner > .cont {margin:0 auto;width: 100%; position: relative;height:100%;}
body.strip .strip-banner .cont .content {position:relative;width:calc(100% - 102px);height:100%;display:inline-block;}
body.strip .strip-banner .cont .content img{height:100%;background-size:contain;background-repeat:no-repeat;background-position:center left}
body.strip .strip-banner .cont .content a {margin: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
body.strip .strip-banner .cont .btn-wrap {width:102px;height:100%;display:inline-block;}
body.strip .strip-banner .cont .btn-wrap .cont{position:relative;height:100%;}
body.strip .strip-banner .cont .btn-wrap .cont .today-strip {display:inline-block;font-size:10px;color:#556579;line-height:1.4;position:absolute;bottom:24px;right:24px;}
body.strip .strip-banner .cont .btn-wrap .cont .close-strip {display:inline-block;width:40px;height:40px;color:transparent;text-indent:-9999px;overflow:hidden;background:url('../img/close_btn_white.png')no-repeat center;background-size:cover;position:absolute;top:14px;right:14px;}

body.strip .wrap.main {margin: 188px auto 0;}
body .wrap.main {margin-top: 70px;}


/* Dark Mode */
.dark .wrap .main-visual-wrap #main_slide .swiper-pagination-bullet{background:#444;}
.dark .wrap .main-visual-wrap #main_slide .swiper-pagination-bullet-active{background:#fff}
.dark .wrap .link-card-wrap ul li a {background-color:#333}
.dark .wrap .link-card-wrap ul li a .tit h4 {color:#fff}
.dark .wrap .link-card-wrap ul li a .tit i {display: block; width:36px; height:36px; position: absolute; top:0; right: 0; background: url('../img/ico_right_arrrow_w.png')no-repeat center; background-size: cover;}
.dark .popup.main .pop-container .pop_cont .btn-wrap .btn-box {border-top: 1px solid #444}
.dark .popup.main .pop-container .pop_cont .btn-wrap .btn-box:first-of-type {border-right: 1px solid #444}
.dark .popup.main .pop-container .pop_cont .btn-wrap button.btn-box.today,
.dark .popup.main .pop-container .pop_cont .btn-wrap button.btn-box {color: #fff;background-color:#111;}