/*common style*/
/* PC - Mobile Layout */
#core_sec1_semi, .mHead_s2, .mHead_s3, #mainMobile, .sitemap_hd {display: none;}
@media screen and (max-width:900px){ 
    #container .mainPC, #container #core_sec1_semi {display: none;}
    #mainMobile, .mHead_s2, .mHead_s3 {display: block;}
    .mobileSecLine.spot {display: none}/* mSpot_zone UP line */
    .mobileSecLine.spot.on {display: block}
    #core_sec1 {display: none;}
}

/* ONLY  m_header */
@media screen and (max-width:900px){  
    /*box*/ .mHead_s3_box a, .mHead_s3 ul li a, .login_name, .map_loginList { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    /*a*/ .mHead_s3_box a, .mHead_s3 ul li a{display: block; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    /*ellipsis : 1*/.mHead_s3_box a, .map_log_t2 {white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    
    .mHead_s1 {height:55px; background: #0078bd;}
    #header .m_header h1 {text-align: center; padding:14px 0 0 0}
    .mHead_s1 .search_open {position: absolute; top:0; left: 0; border-right:solid 1px #2289c4;}
    .mHead_s1 .sitemap_open {position: absolute; top:0; right:0; border-left:solid 1px #2289c4;}
    .mHead_s1 .sitemap_open.on {background:#325794; }
    .mHead_s1 .btn_mypage3 {position: absolute; top:0; left:0; width: 55px; height: 55px; border-right: 1px solid #2289c4; display: none;}

    .mHead_s2 {height:44px; background: #0078bd; border-top: 1px solid #2289c4; position: relative}
    .mHead_s2 .tab_menu { width: 100%;}
    .mHead_s2 .tab_menu.swiper-wrapper {display: table}
    .mHead_s2 .tab_menu li.swiper-slide {display: table-cell !important}
    .mHead_s2 .tab_menu li {list-style: none; display: table-cell; width: auto; white-space: nowrap; line-height: 0;}
    .mHead_s2 .tab_menu li:first-child a { margin-left: 10px;}
    .mHead_s2 .tab_menu li:last-child a { margin-right: 10px;}
    .mHead_s2 .tab_menu a {display: block; position: relative; padding:0 4px 0 3px; text-decoration: none; color:#fff; line-height:15px; white-space: nowrap; text-align: center;}
    .mHead_s2 .tab_menu span {display: inline-block; position: relative; min-width: 37px; padding:15px 5px 14px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: bold}
    .mHeads2_arr {display: block; width: 29px; height: 44px; position: absolute; top:0; z-index: 10;}
    .mHead_s2_L {left: 0; background: url("../images/head/mm_02_2.png") no-repeat;}
    .mHead_s2_L:after {display: block; content: ""; width:6.5px; height: 12px; position: absolute; top:50%; margin-top: -6px; left:5px; background: url("../images/head/mm_02.svg") no-repeat; background-size: 100%;}
    .mHead_s2_R {right: 0; background: url("../images/head/mm_01_2.png") no-repeat;}
    .mHead_s2_R:after {display: block; content: ""; width:6.5px; height: 12px; position: absolute; top:50%; margin-top: -6px; right:5px; background: url("../images/head/mm_01.svg") no-repeat; background-size: 100%;}

    .mHead_s3 {height:auto; background: #325794; text-align: left; position: relative}
    .mHead_s3 a {color:rgba(225,225,225,0.7); font-size: 15px; line-height: 40px; }
    .mHead_s3_box {width: 100%; height: 40px;}
    .mHead_s3_box a{width: 100%; padding:0 152px 0 23px; position: relative;}
    .mHead_s3_box a:after, .mHead_s3 ul li a:after {display: block; content: "";width: 5px; height: 9px; position: absolute; top:16px; left:15px; background: url("../images/head/mHead_s3_1.svg") no-repeat ; background-size: 100%;}
    .mHead_s3 ul {display: none; width: 100%; height: auto; background: #325794; z-index: 10; position: relative;}
    .mHead_s3 ul li {height: 40px; border-top:1px solid #47689f; position: relative}
    .mHead_s3 ul li a {padding:0 23px 0 23px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .mHead_s3 .mHead_s3_slideBtn { display: block; width:35px; height:40px; position: absolute; top:0; right:100px; text-align: center; font-size: 0;}
    .mHead_s3_slideBtn span {display:inline-block; width:15px; height:100%; background: url("../images/head/mHead_s3_2.svg") no-repeat center; background-size:15px; opacity: 0.4}
    .mHead_s3_slideBtn.on span {background: url("../images/head/mHead_s3_2_on.svg") no-repeat center; background-size:15px;}
    .mHead_s3 .mHead_s3_flash { display:inline-block; height: 40px; width: 100px; position: absolute; top:0; right:0; background: #284576; text-align: center; font-size: 14px; }
    .mHead_s3_flash span {display:inline-block; width:13px; height:100%; background: url("../images/head/mHead_s3_3.svg") no-repeat center; background-size:13px; margin-right:2px;}
    
    #header .sitemap {z-index: 10000}
    .sitemap_hd { display: block; background:#325794; position: relative; }
    .sitemap_hd:after, #m_sitemap_hd2:after {display: block; content: ""; width:100%; height:1px; position: absolute; top:0; right:0; background:rgba(225,225,225,0.2); }
    #m_sitemap_hd2:after {bottom:0; top:inherit}
    .map_login { height: 56px; text-align: left; position: relative; padding:0 15px;}
    .map_login a {display: inline-block; height: 100%; font-size: 16px; color:#fff; line-height: 56px;}
    .login_circle {display:inline-block; width: 37px; height: 37px; background: #6f99de; border-radius: 50%; overflow: hidden; margin-top:9px;}
    .map_login .login_name {display: block; width: 100%; padding:0 95px 0 0; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    .map_log_t1 {padding-left:15px;}
    .map_log_t2 {padding-left:15px; font-weight: bold;}
    .map_log_t2 #span_Header_Email {letter-spacing: 0}
    .map_login .map_logout {display:inline-block; position: absolute; top:0; right:15px; color:#88a0c7; font-size: 14px; font-weight: bold; }
    .map_logout span {display: inline-block; width: 16px; height: 16px; background: url("../images/head/logout.svg") no-repeat center; background-size:16px; margin-top:20px; margin-right: 3px;}
    .map_loginList {height:auto; text-align: left; padding:0 20px;}
    .map_loginList ul {width: 100%; font-size: 0}
    .map_loginList li {display: inline-block; height: 29px;}
    .map_loginList a {display: block; height: 100%; line-height: 29px; font-size:13px; color:rgba(225,225,225,0.7); padding-right:20px; position: relative}
    .map_loginList a:after {display: block; content: ""; width: 1px; height:12px; position: absolute; top: 8px; right:9px; background:#5170a4; }
    .map_loginList li:last-child a {padding-right: 0;}
    .map_loginList a span {padding-left: 5px}
}
@media screen and (max-width:700px){
    .mHead_s2 .tab_menu.swiper-wrapper {display: flex}
    .mHead_s2 .tab_menu li.swiper-slide {display: block !important}
}
@media screen and (max-width:640px){
    .mHeads2_arr {height: 34px;}
    .mHead_s2 {height:34px;}
    .mHead_s2 .tab_menu span {padding: 10px 5px 9px 4px}
    
    .mHead_s3 a {line-height: 35px; }
    .mHead_s3_box a:after, .mHead_s3 ul li a:after {top:14px;}
    .mHead_s3_box, .mHead_s3 ul li, .mHead_s3 .mHead_s3_slideBtn, .mHead_s3 .mHead_s3_flash { height:35px; }
}