@charset "utf-8";

/* pc */
.visual_sec {position:relative;}
.visual_sec .visual_noti {position:absolute; top:50%; left:50%; width:291px; height:260px; margin:-130px 0 0 388px; background:url('/assets_hstry/v3/images/main/bg_noti_pop.png') no-repeat center center; text-align:center; letter-spacing:-0.5px; z-index:10;}
.visual_sec .visual_noti h2 {padding-top:54px; color:#fff; font-size:20px; line-height:43px; font-weight:500;}
.visual_sec .visual_noti h2 em {color:#ffed56; font-weight:500;}
.visual_sec .visual_noti p {padding-top:25px; color:#fff; font-size:15px; line-height:25px; font-weight:350;}
.visual_sec .swp_ctrl {position:absolute; bottom:43px; left:0; width:100%; line-height:13px; z-index:11; text-align:center;}
.visual_sec .swp_ctrl .swiper-pagination {display:inline-block; position:static; line-height:13px; vertical-align:top;}
.visual_sec .swp_ctrl .swiper-pagination-bullet {width:13px; height:13px; margin:-2px 4px 0; background:url('/assets_hstry/v3/images/main/btn_visual_pg_off.png') no-repeat center center; opacity:1; text-indent:-999px; overflow:hidden; vertical-align:middle;}
.visual_sec .swp_ctrl .swiper-pagination-bullet-active {background:url('/assets_hstry/v3/images/main/btn_visual_pg_on.png') no-repeat center center;}
.visual_sec .swp_ctrl .btn_stop_play {display:inline-block; width:13px; height:13px; border:none; background:url('/assets_hstry/v3/images/main/btn_visual_stop.png') no-repeat center center; vertical-align:top; text-indent:-999px; overflow:hidden;}
.visual_sec .swp_ctrl .btn_stop_play.stop {background:url('/assets_hstry/v3/images/main/btn_visual_play.png') no-repeat center center;}
.visual_sec .inbox {display:block; position:relative;}
.visual_sec .inbox:focus {opacity:0.9;}
.visual_sec .inbox .pc_img {width:100%; height:610px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.visual_sec .inbox .m_img {display:none;}
.visual_sec .inbox .txt {display:-webkit-flex; display:flex; flex-wrap:wrap; align-content:center; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center;}
.visual_sec .inbox .txt h3 {width:100%;}
.visual_sec .inbox .txt p {width:100%; padding-top:20px; color:#0a4665; font-size:17px; line-height:28px;}
.visual_sec .swiper-button-prev {left:86px; width:40px; height:56px; margin-top:-28px; border:none; border-radius:3px; background:url('/assets_hstry/v3/images/main/btn_visual_prev.png') no-repeat center center; text-indent:-999px; overflow:hidden; transition:all .3s;}
.visual_sec .swiper-button-next {right:86px; width:40px; height:56px; margin-top:-28px; border:none; border-radius:3px; background:url('/assets_hstry/v3/images/main/btn_visual_next.png') no-repeat center center; text-indent:-999px; overflow:hidden; transition:all .3s;}
.visual_sec .swiper-button-prev:hover,
.visual_sec .swiper-button-next:hover {background-color:rgba(0,0,0,0.25);}
.visual_sec .visual_noti2 {position:absolute; top:50%; left:50%; width:291px; height:260px; margin:-130px 0 0 388px; background:url('/assets_hstry/v3/images/main/pop4_2.png') no-repeat center center; text-align:center; letter-spacing:-0.5px; z-index:10;}
.visual_sec .visual_noti2 h2 {padding-top:54px; color:#fff; font-size:20px; line-height:43px; font-weight:500;}
.visual_sec .visual_noti2 h2 em {color:#ffed56; font-weight:500;}
.visual_sec .visual_noti2 p {padding-top:25px; color:#fff; font-size:15px; line-height:25px; font-weight:350;}


.ma_cont {position:relative;}
.ma_cont:before {content:''; position:absolute; top:0; right:0; left:0; height:400px; background:url('/assets_hstry/v3/images/main/bg_ma_mid.jpg') no-repeat center bottom; background-size:cover;}
.ma_cont:after {content:''; position:absolute; bottom:0; right:0; left:0; height:400px; background:url('/assets_hstry/v3/images/main/bg_ma_foot.png') no-repeat right bottom, url('/assets_hstry/v3/images/main/bg_ma_foot_repeat.png') repeat 0 0; z-index:-1;}
.ma_center {position:relative; max-width:1400px; padding:0 10px; margin:0 auto;}
.ma_center:after {content:''; display:block; clear:both;}
.ma_center .ma_board_wrap {float:left; width:calc(100% / 3); margin:50px 0; padding:0 10px;}
.ma_center .ma_board {position:relative; height:300px; overflow:hidden;}
.ma_center .ma_board:before {content:''; position:absolute; top:0; left:0; right:0; height:44px; background:#7c8187;}
.ma_center .ma_board h2 {position:relative; float:left; width:106px; text-align:center;}
.ma_center .ma_board h2 a {display:block; color:#fff; font-size:18px; line-height:44px; font-weight:500;}
.ma_center .ma_board .on h2 a {background:#194156; font-weight:700;}
.ma_center .ma_board ul {position:absolute; top:44px; left:-1px; width:1px; height:1px; padding:0; opacity:0.01; overflow:hidden;}
.ma_center .ma_board .on ul {left:0; width:100%; padding:8px 0; opacity:1; overflow:visible;}
.ma_center .ma_board ul li .inbox {display:block; position:relative; padding:0 20px 0 80px; font-size:15px; line-height:60px;}
.ma_center .ma_board ul li .inbox .date {position:absolute; top:0; left:0; width:70px; padding-top:10px; color:#757575; font-size:12px; line-height:16px; font-weight:700; text-align:center;}
.ma_center .ma_board ul li .inbox .date .day {color:#333; font-size:22px; line-height:24px; font-weight:900;}
.ma_center .ma_board ul li .inbox p {color:#000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ma_center .ma_board ul li .inbox:hover p,
.ma_center .ma_board ul li .inbox:focus p {color:#080808; font-weight:700; text-decoration:underline;}
.ma_center .ma_board .btn_more {position:absolute; top:12px; right:15px; width:1px; height:1px; background:url('/assets_hstry/v3/images/main/btn_more.png') no-repeat center center; background-size:16px; text-indent:-999px; opacity:0.01; overflow:hidden;}
.ma_center .ma_board .on .btn_more {width:20px; height:20px; opacity:1;}
.ma_center .ma_mid_four {float:left; width:calc(100% / 3); height:300px; margin:50px 0; padding:0 10px;  overflow:hidden;}
.ma_center .ma_mid_four ul {margin:-4px; overflow:hidden;}
.ma_center .ma_mid_four ul li {float:left; width:50%; height:154px; padding:4px;}
.ma_center .ma_mid_four ul li .inbox {display:block; position:relative; height:100%;}
.ma_center .ma_mid_four ul li .inbox .bg {position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ma_center .ma_mid_four ul li .inbox:hover .bg:before,
.ma_center .ma_mid_four ul li .inbox:focus .bg:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(4,185,131,0.8);}
.ma_center .ma_mid_four ul li .inbox em {position:absolute; top:12px; left:15px; color:#fff; font-size:18px; line-height:48px; font-weight:700;}
.ma_center .ma_mid_four ul li .inbox em:before {content:''; position:absolute; bottom:0; left:0; width:12px; height:2px; background:#fff;}
.ma_center .ma_mid_four ul li .inbox .ico01 {position:absolute; bottom:25px; left:15px; width:40px; height:40px; background:url('/assets_hstry/v3/images/main/ico_ma_mid01.png') no-repeat 0 bottom; background-size:100%;}
.ma_center .ma_mid_four ul li .inbox .ico02 {position:absolute; bottom:25px; left:15px; width:40px; height:40px; background:url('/assets_hstry/v3/images/main/ico_ma_mid02.png') no-repeat 0 bottom; background-size:100%;}
.ma_center .ma_mid_four ul li .inbox .ico03 {position:absolute; bottom:25px; left:15px; width:40px; height:40px; background:url('/assets_hstry/v3/images/main/ico_ma_mid03.png') no-repeat 0 bottom; background-size:100%;}
.ma_center .ma_mid_four ul li .inbox .ico04 {position:absolute; bottom:25px; left:15px; width:40px; height:40px; background:url('/assets_hstry/v3/images/main/ico_ma_mid04.png') no-repeat 0 bottom; background-size:100%;}
.ma_center .ma_mid_tab {position:relative; float:left; width:calc(100% / 3); height:300px; margin:50px 0; padding:0 10px;  overflow:hidden;}
.ma_center .ma_mid_tab .in_sec {position:relative;}
.ma_center .ma_mid_tab h2 {position:relative; float:left; width:50%;}
.ma_center .ma_mid_tab h2 a {display:block; background:#7c8187; color:#fff; font-size:18px; line-height:44px; font-weight:500; text-align:center;}
.ma_center .ma_mid_tab .on h2 a {background:#194156;}
.ma_center .ma_mid_tab .ma_tab_swp {position:absolute; top:44px; left:-1px; width:1px; height:1px; padding:0; opacity:0.01; overflow:hidden;}
.ma_center .ma_mid_tab .on .ma_tab_swp {left:0; width:100%; opacity:1; overflow:visible;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl {position:absolute; top:13px; right:0; overflow:hidden; z-index:15;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .swiper-button-prev {float:left; position:static; width:21px; height:21px; margin:0 0 0 15px; border:none; background:url('/assets_hstry/v3/images/main/btn_ma_menu_prev.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .swiper-button-next {float:left; position:static; width:21px; height:21px; margin:0 15px 0 0; border:none; background:url('/assets_hstry/v3/images/main/btn_ma_menu_next.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .swiper-pagination {float:left; position:static; padding:0 5px; line-height:21px;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .swiper-pagination-bullet {width:13px; height:13px; margin:-2px 5px 0; border:2px solid #b3bdc4; background:#fff; opacity:1; text-indent:-999px; overflow:hidden; vertical-align:middle;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .swiper-pagination-bullet-active {background:#b3bdc4;}
.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .btn_stmenu {display:inline-block; padding:0 12px; border-radius:11px; background:#9cbeb1; color:#fff; font-size:14px; line-height:21px; font-weight:500;}
.ma_center .ma_mid_tab .ma_tab_swp .swiper-container {padding-top:22px;}
.ma_center .ma_mid_tab .ma_tab_swp .menubox {overflow:hidden;}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li {float:left; width:50%; padding-left:20px; margin-top:16px;}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; position:relative; height:62px; padding-left:77px; color:#444; font-size:15px; line-height:18px; font-weight:500;}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu:before {content:''; position:absolute; top:50%; left:0; width:62px; height:62px; margin-top:-31px; border-radius:50%; background-repeat:no-repeat; background-position:0 center; background-size:62px; background-color:#3d4a56;}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico01:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu01.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico02:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu02.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico03:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu03.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico04:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu04.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico05:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu05.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico06:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu06.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico07:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu07.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico08:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu08.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico09:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu09.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico10:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu10.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico11:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu11.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico12:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu12.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico13:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu13.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico14:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu14.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico15:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu15.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico16:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu16.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico17:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu17.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico18:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu18.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico19:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu19.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico20:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu20.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico21:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu21.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico22:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu22.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu.ico23:before {background-image:url('/assets_hstry/v3/images/main/ico_ma_menu23.png');}
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu:hover:before,
.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu:focus:before {background-color:#0ec68d;}

.layer_mymenu {display:none; position:fixed; top:50%; right:20px; left:20px; width:calc(100% - 40px); max-width:830px; margin:-290px auto 0; z-index:999;}
.layer_mymenu .mask {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6);}
.layer_mymenu .lm_wrap {position:relative; height:100%; background:#fff; word-break: keep-all; overflow:auto;}
.layer_mymenu:focus .lm_wrap {box-shadow:0 0 1px rgba(0,0,0,0.7);}
.layer_mymenu .lm_wrap h3 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; height:70px; padding:0 72px 0 28px; background:#34baf2; color:#fff; font-size:17px; line-height:24px; font-weight:700; text-align:left;}
.layer_mymenu .lm_wrap .lm_cont {position:relative; height:calc(100% - 70px);  max-height:515px; padding:25px 25px 0; overflow:auto;  -webkit-overflow-scrolling:touch;}
.layer_mymenu .lm_wrap .lm_cont .txt_ex_scroll {display:none;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list {border-top:1px solid #dbdbdb;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul {display:-webkit-flex; display:flex; flex-wrap:wrap; padding:8px 10px; border:1px solid #dbdbdb; border-top:none; overflow:hidden;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul:nth-child(5n+1) {border-left:5px solid #cfd3e5;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul:nth-child(5n+2) {border-left:5px solid #b3cc9a;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul:nth-child(5n+3) {border-left:5px solid #98bcd1;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul:nth-child(5n+4) {border-left:5px solid #e5d299;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul:nth-child(5n+5) {border-left:5px solid #f8c3cf;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li {width:33.333333%; padding:5px 0 5px 15px; font-size:15px; line-height:22px;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li label {display:inline-block; position:relative; padding-left:24px;}
.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li label input.checkbox {position:absolute; top:6px; left:0;}
.layer_mymenu .btn_lm_center {margin-top:25px; padding-bottom:35px; text-align:center;}
.layer_mymenu .btn_lm_center .btn_lm_blue {display:inline-block; min-width:114px; padding:0 15px; border:none; background:#404e81; color:#fff; font-size:15px; line-height:38px; text-align:center;}
.layer_mymenu .btn_lm_center .btn_lm_gray {display:inline-block; min-width:114px; padding:0; border:none; background:#9ea2b1; color:#fff; font-size:15px; line-height:38px; text-align:center;}
.layer_mymenu .btn_close {position:absolute; top:22px; right:35px; width:27px; height:27px; border:none; background:url('/assets_hstry/v3/images/common/btn_close_white.png') no-repeat center center; text-indent:-999px; overflow:hidden;}

.ma_center .ma_foot_four {float:left; width:calc(100% / 3); height:300px; margin:50px 0; padding:0 10px;  overflow:hidden;}
.ma_center .ma_foot_four ul {height:300px; padding:10px; background:#0056a7; overflow:hidden;}
.ma_center .ma_foot_four ul li {float:left; width:50%; height:140px; padding:10px;}
.ma_center .ma_foot_four ul li a {display:block; position:relative; height:100%; padding-top:79px; background-color:#fff; background-repeat:no-repeat; background-position:center 19px; color:#131313; font-size:15px; line-height:22px; text-align:center;}
.ma_center .ma_foot_four ul li a:hover,
.ma_center .ma_foot_four ul li a:focus {background-color:rgba(255,255,255,0.11); color:#fff; font-weight:700;}
.ma_center .ma_foot_four ul li a.ico01 {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four01_off.png');}
.ma_center .ma_foot_four ul li a.ico01:hover ,
.ma_center .ma_foot_four ul li a.ico01:focus {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four01_on.png');}
.ma_center .ma_foot_four ul li a.ico02 {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four02_off.png');}
.ma_center .ma_foot_four ul li a.ico02:hover ,
.ma_center .ma_foot_four ul li a.ico02:focus {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four02_on.png');}
.ma_center .ma_foot_four ul li a.ico03 {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four03_off.png');}
.ma_center .ma_foot_four ul li a.ico03:hover ,
.ma_center .ma_foot_four ul li a.ico03:focus {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four03_on.png');}
.ma_center .ma_foot_four ul li a.ico04 {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four04_off.png');}
.ma_center .ma_foot_four ul li a.ico04:hover ,
.ma_center .ma_foot_four ul li a.ico04:focus {background-image:url('/assets_hstry/v3/images/main/ico_ma_foot_four04_on.png');}
.ma_center .ma_foot_banner {float:left; width:calc(100% / 3); height:300px; margin:50px 0; padding:0 10px;  overflow:hidden;}
.ma_center .ma_foot_banner .bg_wrap {position:relative; height:100%; padding:6px; background:url('/assets_hstry/v3/images/main/bg_ma_foot_banner.jpg') no-repeat center center; background-size:100% 100%;}
.ma_center .ma_foot_banner .swp_ctrl {position:absolute; right:6px; bottom:6px; padding:0 40px 0 15px; background:rgba(0,0,0,0.4); z-index:11;}
.ma_center .ma_foot_banner .swp_ctrl .txt_pagination {float:left; color:#fff; font-size:14px; line-height:30px; font-weight:300;}
.ma_center .ma_foot_banner .swp_ctrl .txt_pagination .ta_txt {display:inline-block; width:1px; height:1px; text-indent:-9999px; overflow:hidden;}
.ma_center .ma_foot_banner .swp_ctrl .txt_pagination .ta_a {color:#fffa69;}
.ma_center .ma_foot_banner .swp_ctrl .swiper-pagination {position:static; float:left; padding-left:8px; line-height:32px; vertical-align:top;}
.ma_center .ma_foot_banner .swp_ctrl .swiper-pagination-bullet {width:13px; height:13px; margin:-2px 4px 0; background:url('/assets_hstry/v3/images/main/btn_visual_pg_off.png') no-repeat center center; opacity:1; vertical-align:middle; text-indent:-999px; overflow:hidden;}
.ma_center .ma_foot_banner .swp_ctrl .swiper-pagination-bullet-active {background:url('/assets_hstry/v3/images/main/btn_visual_pg_on.png') no-repeat center center;}
.ma_center .ma_foot_banner .swp_ctrl .btn_play_stop {position:absolute; bottom:0; right:0; width:32px; height:32px;}
.ma_center .ma_foot_banner .swp_ctrl .btn_play_stop button {position:absolute; top:0; left:0; width:1px; height:1px;  padding:0; border:none; text-indent:-9999px; overflow:hidden; z-index:20;}
.ma_center .ma_foot_banner .swp_ctrl .btn_play_stop .btn_stop {background:url('/assets_hstry/v3/images/main/btn_visual_stop.png') no-repeat center center rgba(0,0,0,0.6);}
.ma_center .ma_foot_banner .swp_ctrl .btn_play_stop .btn_play {display:none; background:url('/assets_hstry/v3/images/main/btn_visual_play.png') no-repeat center center rgba(0,0,0,0.6);}
.ma_center .ma_foot_banner .swp_ctrl .btn_play_stop button.on {width:32px; height:32px; z-index:25;}
.ma_center .ma_foot_banner .swiper-slide img {width:100%;}
.ma_center .ma_foot_racs {float:left; width:calc(100% / 3); height:300px; margin:50px 0; padding:0 10px;  overflow:hidden;}
.ma_center .ma_foot_racs .racs_wrap {position:relative; height:100%; padding:6px; background:#fff;}
.ma_center .ma_foot_racs .bg_size img {width:100%;}
.ma_center .ma_foot_racs .ra_sec {position:absolute; top:0; right:0; left:0; height:50%; padding-right:210px; background:url('/assets_hstry/v3/images/main/bg_ra_sec.jpg') no-repeat center center; background-size:cover;}
.ma_center .ma_foot_racs .ra_sec .txt {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:100%; height:100%; padding-left:25px;}
.ma_center .ma_foot_racs .ra_sec .txt h2 {width:100%; color:#fff; font-size:22px; line-height:28px; font-weight:700;}
.ma_center .ma_foot_racs .ra_sec .txt p {width:100%; margin-top:14px; color:#fff; font-size:16px; line-height:20px;}
.ma_center .ma_foot_racs .ra_sec .links {position:absolute; top:0; right:0; bottom:0; width:210px; padding:28px 0; padding-right:10px;}
.ma_center .ma_foot_racs .ra_sec .links li {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; float:left; width:33%; height:100%; text-align:center;}
/* .ma_center .ma_foot_racs .ra_sec .links li {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; float:left; width:50%; height:100%; text-align:center;} */
.ma_center .ma_foot_racs .ra_sec .links li + li {border-left:1px dotted rgba(255,255,255,0.3);}
.ma_center .ma_foot_racs .ra_sec .links li a {display:inline-block; margin-top:12px; padding:0 2px; color:#fff; font-size:16px; line-height:22px;}
.ma_center .ma_foot_racs .ra_sec .links li a span.ico01 {display:block; position:relative; height:46px; margin-bottom:6px; background:url('/assets_hstry/v3/images/main/ico_ra_links01.png') no-repeat center center;}
.ma_center .ma_foot_racs .ra_sec .links li a span.ico02 {display:block; position:relative; height:46px; margin-bottom:6px; background:url('/assets_hstry/v3/images/main/ico_ra_links02.png') no-repeat center center;}
.ma_center .ma_foot_racs .ra_sec .links li a span.ico99 {display:block; position:relative; height:46px; margin-bottom:6px; background:url('/assets_hstry/v3/images/main/span.ico.png') no-repeat center center;}
.ma_center .ma_foot_racs .ra_sec .links li a .new {position:absolute; top:-18px; right:-16px; height:18px; padding:0 5px; border-radius:9px; background:#dbb400; font-size:11px; line-height:15px; font-weight:300;}
.ma_center .ma_foot_racs .cs_sec {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; bottom:0; right:0; left:0; height:50%; padding:0 130px 0 24px; border-top:2px solid #9ecef3; background:url('/assets_hstry/v3/images/main/bg_cscenter.png') no-repeat right 25px center;}
.ma_center .ma_foot_racs .cs_sec h2 {width:100%; color:#333; font-size:14px; line-height:20px; font-weight:700;}
.ma_center .ma_foot_racs .cs_sec p {width:100%; margin-top:2px; color:#222; font-size:37px; line-height:43px; font-weight:500;}
.ma_center .ma_foot_racs .cs_sec p .color {color:#6aabdd;}
.ma_center .ma_foot_racs .cs_sec dl {margin-top:8px; font-size:16px; line-height:22px;}
.ma_center .ma_foot_racs .cs_sec dl dt {float:left; color:#000555; font-weight:700;}
.ma_center .ma_foot_racs .cs_sec dl dd {padding-left:65px; color:#666;}

/* main02 */
.visual_banner {position:relative; height:555px; background:url('/assets_hstry/v3/images/main/img_ma02_visual.jpg') no-repeat center 0 #f4e7a6;}
.visual_banner .titbox {position:absolute; top:170px; left:50%; margin-left:-680px; text-align:left;}
.visual_banner .titbox .tit img {}
.visual_banner .titbox .txt {margin-top:40px; color:#383733; font-size:18px; line-height:28px;}
.visual_banner .inmenu {position:absolute; bottom:-80px; right:50%; width:440px; margin-right:-680px; overflow:hidden;}
.visual_banner .inmenu .intit {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:absolute; top:50%; left:50%; width:93px; height:93px; margin:-46px 0 0 -47px; padding:0 30px; background:url('/assets_hstry/v3/images/main/bg_ma02_inmenu_tit.png') no-repeat center center; color:#5c5c5c; font-size:16px; line-height:17px; font-weight:700; text-align:center;}
.visual_banner .inmenu .secbox {float:left; width:220px; height:264px; padding:26px; color:#fff; text-align:left;}
.visual_banner .inmenu .secbox.bg01 {background:url('/assets_hstry/v3/images/main/bg_ma02_inmenu01.jpg') no-repeat center center;}
.visual_banner .inmenu .secbox.bg02 {background:url('/assets_hstry/v3/images/main/bg_ma02_inmenu02.jpg') no-repeat center center;}
.visual_banner .inmenu .secbox.bg03 {background:url('/assets_hstry/v3/images/main/bg_ma02_inmenu03.jpg') no-repeat center center;}
.visual_banner .inmenu .secbox.bg04 {background:url('/assets_hstry/v3/images/main/bg_ma02_inmenu04.jpg') no-repeat center center;}
.visual_banner .inmenu .secbox h3 {margin-top:12px; font-size:25px; line-height:32px; font-weight:700;}
.visual_banner .inmenu .secbox ul {margin-top:12px; font-size:15px; line-height:19px;}
.visual_banner .inmenu .secbox ul li {padding:5px 0;}
.visual_banner .inmenu .secbox ul li a {color:#fff;}
.visual_banner .inmenu .secbox ul li a:hover,
.visual_banner .inmenu .secbox ul li a:focus {font-weight:700; text-decoration:underline;}

.ma_title02 {height:80px; background:#fff;}
.ma_title02 .incenter {max-width:1400px; padding:0 20px; margin:0 auto;}
.ma_title02 .incenter h2 {padding-left:60px; background:url('/assets_hstry/v3/images/main/ico_ma02_cld.png') no-repeat 0 center; background-size:36px; color:#4f4f4f; font-size:22px; line-height:80px; font-weight:300;}
.ma_title02 .incenter h2 em {font-weight:700;}

.ma_c_wrap {padding:60px 0 65px; background:url('/assets_hstry/v3/images/main/bg_ma_foot.png') no-repeat right bottom, url('/assets_hstry/v3/images/main/bg_ma_foot_repeat.png') repeat 0 0;}
.ma_c_wrap .ma_c {position:relative; max-width:1400px; padding:0 10px; margin:0 auto; overflow:hidden;}
.ma_c_wrap .ma_c_board {position:relative; float:left; width:calc(100% / 3 - 20px); height:250px; margin:0 10px; padding:25px; background:#fff;}
.ma_c_wrap .ma_c_board h3 {color:#000; font-size:22px; line-height:30px; font-weight:500;}
.ma_c_wrap .ma_c_board ul {margin-top:18px;}
.ma_c_wrap .ma_c_board ul li {padding:14px 0; border-top:1px dotted #ddd; overflow:hidden;}
.ma_c_wrap .ma_c_board ul li .subject {float:left; max-width:calc(100% - 95px); color:#4a4a4a; font-size:15px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ma_c_wrap .ma_c_board ul li .subject:hover,
.ma_c_wrap .ma_c_board ul li .subject:focus {font-weight:700; text-decoration:underline;}
.ma_c_wrap .ma_c_board ul li .download {float:right; padding:0 28px 0 12px; border-radius:13px; background:url('/assets_hstry/v3/images/main/ico_download_white.png') no-repeat right 10px center #aeaeae; background-size:14px; color:#fff; font-size:12px; line-height:26px;}
.ma_c_wrap .ma_c_board ul li .download:hover,
.ma_c_wrap .ma_c_board ul li .download:focus {background-color:#505c94;}
.ma_c_wrap .ma_c_board .btn_more {position:absolute; top:34px; right:28px; width:15px; height:15px; background:url('/assets_hstry/v3/images/main/btn_ma02_more.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}
.ma_c_wrap .ma_c_links {float:left; width:calc(100% / 3 - 20px); height:250px; margin:0 10px; overflow:hidden;}
.ma_c_wrap .ma_c_links ul {margin:-10px;}
.ma_c_wrap .ma_c_links ul li {float:left; width:50%; padding:10px;}
.ma_c_wrap .ma_c_links ul li .inbox {display:block; height:115px; padding-top:22px; background:#fff; text-align:center;}
.ma_c_wrap .ma_c_links ul li .inbox:hover,
.ma_c_wrap .ma_c_links ul li .inbox:focus {background:#385181;}
.ma_c_wrap .ma_c_links ul li .inbox .ico {height:48px; background-repeat:no-repeat; background-position:center bottom; background-size:50px;}
.ma_c_wrap .ma_c_links ul li .inbox .ico01 {background-image:url('/assets_hstry/v3/images/main/ico_ma02_links01.png');}
.ma_c_wrap .ma_c_links ul li .inbox .ico02 {background-image:url('/assets_hstry/v3/images/main/ico_ma02_links02.png');}
.ma_c_wrap .ma_c_links ul li .inbox .ico03 {background-image:url('/assets_hstry/v3/images/main/ico_ma02_links03.png');}
.ma_c_wrap .ma_c_links ul li .inbox .ico04 {background-image:url('/assets_hstry/v3/images/main/ico_ma02_links04.png');}
.ma_c_wrap .ma_c_links ul li .inbox .txt {display:block; margin-top:7px; color:#131313; font-size:14px; line-height:22px;}
.ma_c_wrap .ma_c_links ul li .inbox:hover .txt,
.ma_c_wrap .ma_c_links ul li .inbox:focus .txt {color:#fff;}
.ma_c_wrap .ma_c_banner {float:left; width:calc(100% / 3 - 20px); height:350px; margin:0 10px; overflow:hidden;}
.ma_c_wrap .ma_c_banner .inbox {display:block; height:100%;}
.ma_c_wrap .ma_c_banner .inbox .img_div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ma_c_wrap .ma_c_btns {position:absolute; bottom:0; left:10px; width:calc((100% - 20px) / 3 * 2); overflow:hidden;}
.ma_c_wrap .ma_c_btns a {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; float:left; width:calc(50% - 20px); height:80px; margin:0 10px; padding:0 26px; background-repeat:no-repeat; background-position:right center; background-size:cover; color:#fff; font-size:20px; line-height:28px; font-weight:500;}
.ma_c_wrap .ma_c_btns a.btn01 {background-image:url('/assets_hstry/v3/images/main/bg_ma02_btns01.png');}
.ma_c_wrap .ma_c_btns a.btn02 {background-image:url('/assets_hstry/v3/images/main/bg_ma02_btns02.png');}

/* main03 */
.visual_swiper_wrap {position:relative; height:760px; padding:0 60px; background:url('/assets_hstry/v3/images/main/bg_ma03_visual.jpg') no-repeat center bottom;}
.visual_swiper_wrap .titbox {position:absolute; top:60px; left:50%; width:460px; margin-left:-230px; text-align:center; z-index:20;}
.visual_swiper_wrap .titbox .tit img {}
.visual_swiper_wrap .titbox .txt {margin-top:-10px; color:#2a2a2a; font-size:15px; line-height:22px; word-break:keep-all;}
.visual_swiper {position:relative; max-width:1400px; padding:0 20px; margin:0 auto;}
.visual_swiper .swiper-slide {padding-top:240px; padding-bottom:20px; text-align:center;}
.visual_swiper .swiper-slide:nth-child(2n) {padding-top:298px;}
.visual_swiper .swiper-slide:before {content:''; position:absolute; top:0; left:50%; width:18px; height:240px; margin-left:-9px; background:url('/assets_hstry/v3/images/main/bg_ma03_vline.png') no-repeat center bottom;}
.visual_swiper .swiper-slide:nth-child(2n):before {height:298px;}
.visual_swiper .inbox {display:block; position:relative; width:280px; margin:0 auto; background:#fff; box-shadow:5px 10px 10px rgba(0,0,0,0.27)}
.visual_swiper .inbox:hover:before,
.visual_swiper .inbox:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:5px solid #f2476b; z-index:10;}
.visual_swiper .inbox .img img {width:280px; height:280px;}
.visual_swiper .inbox .txt {height:110px; padding:15px; text-align:left;}
.visual_swiper .inbox .txt .subject {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; position:relative; height:46px; color:#000; font-size:16px; line-height:23px; overflow:hidden;}
.visual_swiper .inbox .txt .subject:after {display:none; display:block\0; content:''; position:absolute; bottom:0; right:0; height:23px; padding-left:42px;
	background: -webkit-linear-gradient(left, transparent, #fff 55%);
	background: -o-linear-gradient(right, transparent, #fff 55%);
	background: -moz-linear-gradient(right, transparent, #fff 55%);
	background: linear-gradient(to right, transparent, #fff 55%);
}
.visual_swiper .inbox .txt .date {display:block; margin-top:10px; color:#858585; font-size:12px; line-height:18px;}

.visual_swiper_wrap .swiper-button-prev {left:110px; width:40px; height:56px; margin-top:-28px; border:none; background:url('/assets_hstry/v3/images/main/btn_ma03_prev.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.visual_swiper_wrap .swiper-button-next {right:110px; width:40px; height:56px; margin-top:-28px; border:none; background:url('/assets_hstry/v3/images/main/btn_ma03_next.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.visual_swiper_wrap .swiper-pagination {width:100%; bottom:28px; left:0; line-height:14px;}
.visual_swiper_wrap .swiper-pagination-bullet {width:14px;height:14px; margin:0 4px; border:2px solid #f2476b; border-radius:50%; background:none; opacity:1;}
.visual_swiper_wrap .swiper-pagination-bullet-active {background:#f2476b;}

.ma_media {position:relative; padding:85px 0; background:url('/assets_hstry/v3/images/main/bg_ma_foot.png') no-repeat right bottom, url('/assets_hstry/v3/images/main/bg_ma_foot_repeat.png') repeat 0 0;}
/*
.ma_media .bg_top_left {position:absolute; top:0; left:0; width:239px; height:169px; background:url('/assets_hstry/v3/images/main/bg_ma03_con_top_left.png') no-repeat 0 0; background-size:100% 100%;}
.ma_media .bg_top_right {position:absolute; top:196px; right:0; width:148px; height:200px; background:url('/assets_hstry/v3/images/main/bg_ma03_con_top_right.png') no-repeat 0 0; background-size:100% 100%;}
.ma_media .bg_right_bottom {position:absolute; bottom:0; right:0; width:290px; height:113px; background:url('/assets_hstry/v3/images/main/bg_ma03_con_right_bottom.png') no-repeat 0 0; background-size:100% 100%;}
.ma_media .bg_bottom_left {position:absolute; bottom:100px; left:90px; width:135px; height:120px; background:url('/assets_hstry/v3/images/main/bg_ma03_con_bottom_left.png') no-repeat 0 0; background-size:100% 100%;}
*/

.ma_media .ma_inner {display:-webkit-flex; display:flex; flex-wrap:wrap; position:relative; max-width:1400px; padding:0 20px; margin:0 auto;}
.ma_media .ma_video_book {position:relative; width:50%;}
.ma_media .ma_video_book .video {height:calc(100% - 206px); background:#000;}
.ma_media .ma_video_book .video *  {width:100%; height:100%; object-fit:cover;}
.ma_media .ma_video_book .book {position:absolute; bottom:0; left:0; width:100%; padding-left:110px; border:7px solid #5cc58c; background:#fff;}
.ma_media .ma_video_book .book h2 {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; position:absolute; top:0; left:0; width:110px; height:100%; background:#5cc58c; color:#fff; font-size:19px; line-height:25px; font-weight:400;}
.ma_media .ma_video_book .book h2 span {display:block; font-size:34px; line-height:38px;}
.ma_media .ma_video_book .book h2 em {color:#fff331; font-weight:700;}
.ma_media .ma_video_book .book .con {position:relative; padding-left:138px;}
.ma_media .ma_video_book .book .con .img {position:absolute; top:50%; left:38px; margin-top:-60px;}
.ma_media .ma_video_book .book .con .img img {width:98px; height:120px;}
.ma_media .ma_video_book .book .con .btns {position:relative; padding:26px 5px; overflow:hidden;}
.ma_media .ma_video_book .book .con .btns:after {content:''; position:absolute; top:50%; left:50%; width:1px; height:72px; margin-top:-36px; background:#e3e3e3;}
.ma_media .ma_video_book .book .con .btns li {float:left; width:50%; text-align:center;}
.ma_media .ma_video_book .book .con .btns li a {display:inline-block; height:100px; padding:60px 5px 0;  background-repeat:no-repeat; background-position:center 5px; background-size:50px; color:#666; font-size:16px; line-height:28px; font-weight:700;}
.ma_media .ma_video_book .book .con .btns li a.ico_download {background-image:url('/assets_hstry/v3/images/main/btn_ma03_download.png');}
.ma_media .ma_video_book .book .con .btns li a.ico_view {background-image:url('/assets_hstry/v3/images/main/btn_ma03_view.png');}
.ma_media .ma_sns_sec {position:relative; width:50%; padding-left:85px;}
.ma_media .ma_sns_sec:before {content:''; position:absolute; top:0; left:42px; width:1px; height:100%; background:rgba(255,255,255,0.39);}
.ma_media .ma_sns_sec .titbox {height:70px;}
.ma_media .ma_sns_sec .titbox p {color:#333; font-size:20px; line-height:25px; word-break: keep-all;}
.ma_media .ma_sns_sec .titbox p em {color:#cf0027; font-size:26px; font-weight:700;}

.ma_media .ma_sns_sec .titbox .inlineblock {display:inline-block; margin:2px 0 4px; vertical-align:middle;}

.ma_sns_sec .ico {background-size:100% !important;}
/* .ma_sns_sec .facebook {display:inline-block; width:26px; height:26px; border:none; background:url('/assets_hstry/v3/images/common/sns_facebook.png') no-repeat center center; text-indent:-999px; overflow:hidden;} */
/* .ma_sns_sec .twitter {display:inline-block; width:26px; height:26px; border:none; background:url('/assets_hstry/v3/images/common/sns_twitter.png') no-repeat center center; text-indent:-999px; overflow:hidden;} */
/* .ma_sns_sec .naverblog {display:inline-block; width:26px; height:26px; border:none; background:url('/assets_hstry/v3/images/common/sns_naverblog.png') no-repeat center center; text-indent:-999px; overflow:hidden;} */
/* .ma_sns_sec .instagram {display:inline-block; width:26px; height:26px; border:none; background:url('/assets_hstry/v3/images/common/sns_instagram.png') no-repeat center center; text-indent:-999px; overflow:hidden;} */
/* .ma_sns_sec .youtube {display:inline-block; width:26px; height:26px; border:none; background:url('/assets_hstry/v3/images/common/sns_youtube.png') no-repeat center center; text-indent:-999px; overflow:hidden;} */

.ma_sns_sec .facebook {display:inline-block; width:60px; height:60px; border:none; background:url('/assets_hstry/v3/images/common/sns_facebook.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.ma_sns_sec .twitter {display:inline-block; width:60px; height:60px; border:none; background:url('/assets_hstry/v3/images/common/sns_twitter.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.ma_sns_sec .naverblog {display:inline-block; width:60px; height:60px; border:none; background:url('/assets_hstry/v3/images/common/sns_naverblog.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.ma_sns_sec .instagram {display:inline-block; width:60px; height:60px; border:none; background:url('/assets_hstry/v3/images/common/sns_instagram.png') no-repeat center center; text-indent:-999px; overflow:hidden;}
.ma_sns_sec .youtube {display:inline-block; width:60px; height:60px; border:none; background:url('/assets_hstry/v3/images/common/sns_youtube.png') no-repeat center center; text-indent:-999px; overflow:hidden;}

.ma_media .ma_sns_sec .sns_items {display:-webkit-flex; display:flex; flex-wrap:wrap; margin:0 -8px;}
.ma_media .ma_sns_sec .sns_items li {width:50%; padding:0 8px;}
.ma_media .ma_sns_sec .sns_items li .inbox {display:block; height:100%; padding:16px 24px 24px; background:#fff;}
.ma_media .ma_sns_sec .sns_items li .inbox .item_head {overflow:hidden;}
.ma_media .ma_sns_sec .sns_items li .inbox .item_head h3 {display:inline-block; color:#666; font-size:12px; line-height:14px; font-weight:700; text-align:center;}
.ma_media .ma_sns_sec .sns_items li .inbox .item_head h3 .ico {display:block; width:42px; height:42px; margin:0 auto 4px;}
.ma_media .ma_sns_sec .sns_items li .inbox .item_head .date {float:right; color:#757575; font-size:12px; line-height:14px; font-weight:700; text-align:center;}
.ma_media .ma_sns_sec .sns_items li .inbox .item_head .date .day {display:block; margin:0 auto 4px; color:#353535; font-size:22px; line-height:42px; font-weight:700;}
.ma_media .ma_sns_sec .sns_items li .inbox .img {margin-top:20px; text-align:center;}
.ma_media .ma_sns_sec .sns_items li .inbox .img img {width:100%;}
.ma_media .ma_sns_sec .sns_items li .inbox .txt {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:63px; margin-top:22px; color:#464646; font-size:14px; line-height:21px; overflow:hidden;}
.ma_media .ma_sns_sec .sns_in_btn {display:-webkit-flex; display:flex; flex-wrap:wrap; margin:20px -10px 0;}
.ma_media .ma_sns_sec .sns_in_btn a {width:calc(50% -  20px); margin:0 10px; background:#000; color:#fff; font-size:17px; line-height:59px; font-weight:700; text-align:center;}
.ma_media .ma_sns_sec .sns_in_btn a.red {background:#f54062;}
.ma_media .ma_sns_sec .sns_in_btn a.blue {background:#4d4dbb;}
.ma_media .ma_sns_sec .sns_in_btn a img {width:100px; margin:-9px 8px 0; vertical-align:middle;}


@media screen and (max-width:1640px) {
	.visual_swiper_wrap .swiper-button-prev {left:20px;}
	.visual_swiper_wrap .swiper-button-next {right:20px;}
}


@media screen and (max-width:1400px) {
	.visual_sec .visual_noti {margin-left:300px;}

	.ma_cont:before {height:660px;}
	.ma_cont:after {height:calc(31.3vw + 52px);} /* 이미지비율+margin+테두리 */
	.ma_center .ma_board_wrap {width:50%; margin:20px 0;}
	.ma_center .ma_mid_four {width:50%; margin:20px 0;}
	.ma_center .ma_mid_tab {width:50%; margin:0 0 20px 0;}
	.ma_center .ma_foot_four {width:50%; margin:0 0 20px 0;}
	.ma_center .ma_foot_banner {width:50%; height:auto; margin:20px 0;}
	.ma_center .ma_foot_racs {width:50%; height:auto; margin:20px 0;}

	/* main02 */
	.visual_banner .titbox {left:20px; margin-left:0;}
	.visual_banner .inmenu {right:20px; margin-right:0;}

	/* main03 */
	.visual_swiper_wrap .swiper-button-prev {left:10px;}
	.visual_swiper_wrap .swiper-button-next {right:10px;}
}

@media screen and (max-width:1280px) {
	.visual_sec .visual_noti {display:none;}
	.visual_sec .inbox .pc_img {height:450px;}

	/* main02 */
	.ma_c_wrap .ma_c_board,
	.ma_c_wrap .ma_c_links,
	.ma_c_wrap .ma_c_banner,
	.ma_c_wrap .ma_c_btns {width:calc(100% / 2 - 20px);}
	.ma_c_wrap .ma_c_banner {margin-top:20px;}
	.ma_c_wrap .ma_c_btns {float:left; position:static; height:100%; margin:20px 10px 0;}
	.ma_c_wrap .ma_c_btns a {justify-content:center; width:100%; height:165px; margin:0;}
	.ma_c_wrap .ma_c_btns a + a {margin-top:20px;}

	/* main03 */
	.visual_swiper_wrap {padding:0 10px; }
	.visual_swiper_wrap .swiper-button-prev {left:0;}
	.visual_swiper_wrap .swiper-button-next {right:0;}

	.ma_media .ma_video_book .video {height:calc(100% - 176px);}
	.ma_media .ma_sns_sec {padding-left:31px;}
	.ma_media .ma_sns_sec:before {left:15px;}
	.ma_media .ma_sns_sec .sns_items {margin:0 -5px;}
	.ma_media .ma_sns_sec .sns_items li {padding:0 5px;}
	.ma_media .ma_sns_sec .sns_items li .inbox {padding:15px;}
	.ma_media .ma_sns_sec .sns_items li .inbox .img {margin-top:10px;}
	.ma_media .ma_sns_sec .sns_items li .inbox .txt {margin-top:10px;}
	.ma_media .ma_sns_sec .sns_in_btn {margin:10px -5px 0;}
	.ma_media .ma_sns_sec .sns_in_btn a {width:calc(50% - 10px); margin:0 5px;}
}

@media screen and (max-width:1024px) {
	.main_pop_wrap .main_pop_pc {display:none;}
	.main_pop_wrap .main_pop_m {display:block;}
	.main_pop_wrap .main_pop_m .inbox {display:block; padding:25px 15px; background:#2f324b; color:#fff; text-align:center; word-break: keep-all;}
	.main_pop_wrap .main_pop_m .inbox h2 {margin:5px 0; font-size:16px; line-height:22px;}
	.main_pop_wrap .main_pop_m .inbox p {margin:5px 0; font-size:13px; line-height:19px;}
	.main_pop_wrap .main_pop_m .view_n {position:absolute; right:10px; bottom:8px; color:#fff; font-size:13px; line-height:18px; font-weight:300;}
	.main_pop_wrap .main_pop_m .view_n input.checkbox {margin-right:5px; background-color:#fff;}
	.main_pop_wrap .main_pop_m .btn_close {position:absolute; top:10px; right:10px; width:20px; height:20px; border:none; background:url('/assets_hstry/v3/images/common/btn_close_white_light.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}
	

	.visual_sec .swiper-button-prev {left:5px;}
	.visual_sec .swiper-button-next {right:5px;}

	.ma_center .ma_board h2 a {font-size:16px;}
	.ma_center .ma_mid_four ul li .inbox em {font-size:16px;}
	.ma_center .ma_foot_four ul li a {font-size:13px;}
	.ma_center .ma_mid_four ul li .inbox .ico01,
	.ma_center .ma_mid_four ul li .inbox .ico02,
	.ma_center .ma_mid_four ul li .inbox .ico03,
	.ma_center .ma_mid_four ul li .inbox .ico04 {width:30px; height:30px;}

	.ma_center .ma_mid_tab h2 a {font-size:16px;}
	.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li {margin-top:24px; padding:0 10px;}
	.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu {height:54px; padding-left:64px; font-size:13px; line-height:16px;}
	.ma_center .ma_mid_tab .ma_tab_swp .menubox ul li .icomenu:before {width:54px; height:54px; margin-top:-27px; background-size:54px;}

	.layer_mymenu {right:10px; left:10px; width:calc(100% - 20px); margin-top:-195px;}
	.layer_mymenu .lm_wrap h3 {height:52px; padding:0 46px 0 18px; font-size:13px; line-height:19px;}
	.layer_mymenu .lm_wrap .lm_cont {height:calc(100% - 52px);  max-height:442px; padding:18px 10px 0;}
	.layer_mymenu .lm_wrap .lm_cont .txt_ex_scroll {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/assets_hstry/v3/images/sub/bg_ex_scroll_y.png') no-repeat center 60px; background-size:145px; text-indent:-999px; overflow:hidden; z-index:5;}
	.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul {padding:12px 5px;}
	.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li {padding:8px 5px 8px 8px; font-size:13px; line-height:15px;}
	.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li label {padding-left:22px;}
	.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li label input.checkbox {top:2px;}


	.layer_mymenu .btn_lm_center {margin-top:15px; padding-bottom:20px;}
	.layer_mymenu .btn_lm_center .btn_lm_blue,
	.layer_mymenu .btn_lm_center .btn_lm_gray {font-size:13px;}
	.layer_mymenu .btn_close {top:17px; right:14px; width:20px; height:20px;}

	.ma_center .ma_foot_racs .ra_sec {padding-right:170px;}
	.ma_center .ma_foot_racs .ra_sec .txt {padding-left:15px;}
	.ma_center .ma_foot_racs .ra_sec .txt h2 {font-size:18px; line-height:24px;}
	.ma_center .ma_foot_racs .ra_sec .txt p {margin-top:10px; font-size:13px; line-height:17px;}
	.ma_center .ma_foot_racs .ra_sec .links {width:170px; padding:15px 5px 15px 0;}
	.ma_center .ma_foot_racs .ra_sec .links li a {margin-top:14px; font-size:13px; line-height:19px;}
	.ma_center .ma_foot_racs .ra_sec .links li a span.ico01 {height:32px; background-size:26px;}
	.ma_center .ma_foot_racs .ra_sec .links li a span.ico02 {height:32px; background-size:20px;}
	.ma_center .ma_foot_racs .ra_sec .links li a .new {right:-12px;}
	.ma_center .ma_foot_racs .cs_sec {background-size:62px;}
	.ma_center .ma_foot_racs .cs_sec h2 {font-size:12px; line-height:18px;}
	.ma_center .ma_foot_racs .cs_sec p {font-size:28px; line-height:34px;}
	.ma_center .ma_foot_racs .cs_sec dl {margin-top:5px; font-size:13px; line-height:19px;}
	.ma_center .ma_foot_racs .cs_sec dl dd {padding-left:56px;}

	/* main02 */
	.visual_banner {height:auto; background:url('/assets_hstry/v3/images/main/img_ma02_visual_m.jpg') no-repeat center 0 #f4e7a6; background-size:auto 350px;}
	.visual_banner .titbox {position:static; height:350px; padding-top:40px; text-align:center;}
	.visual_banner .titbox .tit img {height:43px;}
	.visual_banner .titbox .txt {margin-top:20px; color:#383733; font-size:14px; line-height:18px;}
	.visual_banner .inmenu {position:static; width:100%; margin-right:0; overflow:hidden;}
	.visual_banner .inmenu .intit {display:none;}
	.visual_banner .inmenu .secbox {width:25%; height:235px; padding:25px 15px; background-size:cover !important;}
	.visual_banner .inmenu .secbox h3 {margin-top:0; font-size:24px;}
	.visual_banner .inmenu .secbox ul {margin-top:5px; font-size:14px; line-height:18px;}

	.ma_title02 {height:70px; padding-top:13px; border-bottom:1px solid #bfbfbf;}
	.ma_title02 .incenter {text-align:center;}
	.ma_title02 .incenter h2 {display:inline-block; padding:0 28px 0 62px; font-size:17px; line-height:21px; font-weight:300;}
	.ma_title02 .incenter h2 em {display:block; font-weight:700;}

	.ma_c_wrap {padding:20px 0;}

	/* main03 */
	.visual_swiper_wrap {height:452px; padding:0 20px; background:url('/assets_hstry/v3/images/main/bg_ma03_visual_m.jpg') no-repeat center bottom; background-size:100% 100%;}
	.visual_swiper_wrap .titbox {top:25px; left:0; width:100%; margin-left:0;}
	.visual_swiper_wrap .titbox .tit img {height:76px;}
	.visual_swiper_wrap .titbox .txt {margin-top:2px; padding:0 5px; font-size:14px; line-height:18px;}
	.visual_swiper {padding:0;}
	.visual_swiper .swiper-slide {padding-top:166px;}
	.visual_swiper .swiper-slide:nth-child(2n) {padding-top:166px;}
	.visual_swiper .swiper-slide:before {height:166px;}
	.visual_swiper .swiper-slide:nth-child(2n):before {height:166px;}
	.visual_swiper .inbox {width:146px; box-shadow: 3px 5px 5px rgba(0,0,0,0.27);}
	.visual_swiper .inbox:hover:before,
	.visual_swiper .inbox:focus:before {border-width:3px;}
	.visual_swiper .inbox .img img {width:146px; height:146px;}
	.visual_swiper .inbox .txt {height:92px; padding:10px;}
	.visual_swiper .inbox .txt .subject {height:32px; font-size:13px; line-height:16px;}
	.visual_swiper .inbox .txt .subject:after {height:16px; padding-left:30px;}
	.visual_swiper .inbox .txt .date {margin-top:7px;}
	.visual_swiper_wrap .swiper-button-prev {left:5px; width:20px; height:28px; margin-top:40px; background-size:10px;}
	.visual_swiper_wrap .swiper-button-next {right:5px; width:20px; height:28px; margin-top:40px; background-size:10px;}
	.visual_swiper_wrap .swiper-pagination {bottom:14px; line-height:12px;}
	.visual_swiper_wrap .swiper-pagination-bullet {width:12px;height:12px; margin:0 2px;}

	.ma_media {padding:35px 0;}
	.ma_media .ma_inner {padding:0 10px;}
	.ma_media .ma_video_book {width:100%;}
	.ma_media .ma_video_book .video {position:relative; height:1px; padding-bottom:56%;}
	.ma_media .ma_video_book .video .video_file {position:absolute; top:0; left:0;}
	.ma_media .ma_video_book .book {position:relative; margin-top:20px; padding-left:80px; border-width:4px;}
	.ma_media .ma_video_book .book h2 {width:80px; font-size:17px; line-height:26px;}
	.ma_media .ma_video_book .book h2 span {font-size:30px; line-height:34px;}
	.ma_media .ma_video_book .book .con {padding-left:75px;}
	.ma_media .ma_video_book .book .con .img {left:16px; margin-top:-30px;}
	.ma_media .ma_video_book .book .con .img img {width:45px; height:60px;}
	.ma_media .ma_video_book .book .con .btns {padding:12px 4px;}
	.ma_media .ma_video_book .book .con .btns li a {height:62px; padding-top:44px; background-position:center 2px; background-size:35px; font-size:15px; line-height:18px;}
	.ma_media .ma_sns_sec {width:100%; padding-left:0; margin-top:32px; padding-top:25px; border-top:1px solid #efe6ae;}
	.ma_media .ma_sns_sec:before {display:none;}
	.ma_media .ma_sns_sec .titbox {width:300px; height:auto; margin:0 auto; text-align:center;}
	.ma_media .ma_sns_sec .titbox p {font-size:20px; line-height:26px;}
	.ma_media .ma_sns_sec .titbox .inlineblock {display:block; margin:15px 0 0;}
	.ma_media .ma_sns_sec .titbox .inlineblock .ico {margin:0 3px; vertical-align:top;}
	.ma_media .ma_sns_sec .sns_items {margin:30px -1px 0;}
	.ma_media .ma_sns_sec .sns_items li {padding:0 1px;}
	.ma_media .ma_sns_sec .sns_items li .inbox {padding:15px 10px;}
	.ma_media .ma_sns_sec .sns_items li .inbox .item_head h3 .ico {width:24px; height:24px;}
	.ma_media .ma_sns_sec .sns_items li .inbox .item_head .date .day {line-height:24px;}
	.ma_media .ma_sns_sec .sns_in_btn {margin-top:30px;}
	.ma_media .ma_sns_sec .sns_in_btn a {font-size:16px; line-height:38px; font-weight:900;}
	.ma_media .ma_sns_sec .sns_in_btn a img {width:55px; margin:-6px 6px 0;}
}

@media screen and (max-width:768px) {
	.visual_sec .swp_ctrl {bottom:12px;}
	.visual_sec .swp_ctrl .swiper-pagination {line-height:11px;}
	.visual_sec .swp_ctrl .swiper-pagination-bullet {width:11px; height:11px; margin:0 3px; background-size:100% !important;}
	.visual_sec .swp_ctrl .btn_stop_play {width:11px; height:11px; background-size:100% !important; outline:none;}
	.visual_sec .inbox .pc_img {display:none;}
	.visual_sec .inbox .m_img {display:block; width:100%; padding-bottom:85%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.visual_sec .inbox .txt h3 img {height:43px;}
	.visual_sec .inbox .txt p {padding-top:15px; font-size:13px; line-height:22px;}
	.visual_sec .swiper-button-prev {width:20px; height:28px; margin-top:-14px; background-size:10px; outline:none;}
	.visual_sec .swiper-button-next {width:20px; height:28px; margin-top:-14px; background-size:10px; outline:none;}

	.ma_cont:before {top:auto; bottom:130.133vw; height:400px; margin-bottom:135px; background-position:center bottom; background-size:auto 100%;}
	.ma_center {padding:0;}
	.ma_center .ma_board_wrap {width:100%; margin:0; padding:0;}
	.ma_center .ma_board:before {height:62px;}
	.ma_center .ma_board h2 a {font-size:18px; line-height:62px;}
	.ma_center .ma_board ul {top:62px;}
	.ma_center .ma_board .on ul {padding:20px 0 0 0;}
	.ma_center .ma_board ul li .inbox {padding:0 10px 0 75px; line-height:54px;}
	.ma_center .ma_board ul li .inbox .date {width:65px; padding-top:8px;}
	.ma_center .ma_board .btn_more {top:21px;}
	.ma_center .ma_mid_four {width:100%; height:218px; padding:0 7px; margin:20px 0 0 0;}
	.ma_center .ma_mid_four ul {margin:-3px;}
	.ma_center .ma_mid_four ul li {height:112px; padding:3px;}
	.ma_center .ma_mid_four ul li .inbox em {top:8px; font-size:15px; line-height:32px;}
	.ma_center .ma_mid_four ul li .inbox em:before {height:1px;}
	.ma_center .ma_mid_four ul li .inbox .ico01,
	.ma_center .ma_mid_four ul li .inbox .ico02,
	.ma_center .ma_mid_four ul li .inbox .ico03,
	.ma_center .ma_mid_four ul li .inbox .ico04 {bottom:20px;}
	.ma_center .ma_mid_tab {width:100%; height:340px; margin:20px 0 0 0; padding:0;}
	.ma_center .ma_mid_tab .ma_tab_swp .swp_ctrl .btn_stmenu {margin-right:10px;}
	.layer_mymenu .lm_wrap .lm_cont .mymenu_list ul li {width:50%;}
	.ma_center .ma_foot_four {width:100%; height:auto; margin:0; padding:0;}
	.ma_center .ma_foot_four ul {height:auto; padding:0; border-top:1px solid #cecece;}
	.ma_center .ma_foot_four ul li {width:25%; height:135px; padding:0; border-left:1px solid #cecece;}
	.ma_center .ma_foot_four ul li:first-child {border-left:none;}
	.ma_center .ma_foot_four ul li a {padding-top:74px; background-position:center 22px; background-size:56px; font-size:14px; line-height:18px;}
	.ma_center .ma_foot_four ul li a .mobile_br {display:block;}
	.ma_center .ma_foot_banner {width:100%; margin:0; padding:0;}
	.ma_center .ma_foot_racs {width:100%; margin:0; padding:0;}
	.ma_center .ma_foot_racs .ra_sec {height:47%; padding-right:45.83vw;}
	.ma_center .ma_foot_racs .ra_sec .txt {padding-left:2.77vw;}
	.ma_center .ma_foot_racs .ra_sec .txt h2 {font-size:20px; line-height:26px;}
	.ma_center .ma_foot_racs .ra_sec .txt p {font-size:14px; line-height:19px;}
	.ma_center .ma_foot_racs .ra_sec .links {width:45.83vw;}
	.ma_center .ma_foot_racs .ra_sec .links li a {margin-top:8px; font-size:14px; line-height:20px;}
	.ma_center .ma_foot_racs .ra_sec .links li a span.ico01 {height:42px; background-size:36px;}
	.ma_center .ma_foot_racs .ra_sec .links li a span.ico02 {height:42px; background-size:30px;}
	.ma_center .ma_foot_racs .ra_sec .links li a .new {right:-8px; top:-12px;}
	.ma_center .ma_foot_racs .cs_sec {height:53%; padding:0 33.33vw 0 2.77vw; background-position:right 6.56vw center;}
	.ma_center .ma_foot_racs .cs_sec h2 {font-size:14px; line-height:20px;}
	.ma_center .ma_foot_racs .cs_sec p {font-size:37px; line-height:43px;}
	.ma_center .ma_foot_racs .cs_sec dl {font-size:14px; line-height:20px;}
	.ma_center .ma_foot_racs .cs_sec dl dd {padding-left:70px;}

	/* main02 */
	.visual_banner .inmenu .secbox {width:50%; padding:25px 10px;}

	.ma_c_wrap {padding:0;}
	.ma_c_wrap .ma_c {padding:0;}
	.ma_c_wrap .ma_c {padding:0;}
	.ma_c_wrap .ma_c_board {width:100%; height:auto; margin:0; padding:15px 10px;}
	.ma_c_wrap .ma_c_board ul {margin-top:10px;}
	.ma_c_wrap .ma_c_board ul li {padding:12px 0;}
	.ma_c_wrap .ma_c_links {width:100%; height:auto; margin:0;}
	.ma_c_wrap .ma_c_links ul {display:-webkit-flex; display:flex; flex-wrap:wrap; margin:0;}
	.ma_c_wrap .ma_c_links ul li {width:25%; padding:0; border-top:1px solid #bfbfbf;}
	.ma_c_wrap .ma_c_links ul li + li {border-left:1px solid #bfbfbf;}
	.ma_c_wrap .ma_c_links ul li .inbox {height:100%; padding:16px 10px;}
	.ma_c_wrap .ma_c_links ul li .inbox .ico {height:37px; background-size:39px;}
	.ma_c_wrap .ma_c_links ul li .inbox .txt {margin-top:10px; font-size:13px; line-height:18px; word-break: keep-all;}
	.ma_c_wrap .ma_c_banner {width:100%; height:auto; margin:0;}
	.ma_c_wrap .ma_c_banner .inbox {position:relative; height:1px; padding-bottom:79%;}
	.ma_c_wrap .ma_c_banner .inbox .img_div {position:absolute; top:0; left:0;}
	.ma_c_wrap .ma_c_btns {width:100%; margin:0; padding:15px 5px; background:#fff;}
	.ma_c_wrap .ma_c_btns a {width:calc(50% - 10px); height:52px; margin:5px; font-size:18px;}
	.ma_c_wrap .ma_c_btns a + a {margin-top:5px;}
}