@charset "utf-8";

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html { width:100%; height:100%; }
body,code { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Noto Sans",Meiryo,"メイリオ", sans-serif; color:#333; background:#fff; -webkit-text-size-adjust:none; }
ul,ol,dl,li { list-style:none; }
img,fieldset { border:0; max-width:100%; vertical-align:top; }
i,em,address { font-style:normal; }
table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table img { vertical-align:middle; }
th,td { border:0; word-wrap:break-word; }
input,select,textarea { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Noto Sans",Meiryo,"メイリオ", sans-serif; color:#333; vertical-align:middle; outline:0; -webkit-appearance:none; -webkit-border-radius:0; }
label { cursor:pointer; }
caption { overflow:hidden; width:1px; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; }
legend,.blind { display:block; overflow:hidden; position:absolute; font-size:1px; line-height:0; color:transparent; text-indent:-150%; white-space:nowrap; }
hr.layout { display:none; }
button { overflow:visible; padding:0; margin:0; border:0; outline:0; cursor:pointer; -webkit-user-select:none; background:transparent; }
button::-moz-focus-inner { padding:0; border:0; }
a { text-decoration:none; color:#000; }
::selection { background:#85e0e9; color:#fff; text-shadow:none; }
::-moz-selection { background:#85e0e9; color:#fff; text-shadow:none; }
::-webkit-selection { background:#85e0e9; color:#fff; text-shadow:none; }

/* html5 */
object,del,sub,var { margin:0; padding:0; }
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section { display:block; }

/* skipNavigation */
#skipNavigation { position:absolute; top:0; left:0; z-index:100; width:100%; height:0; }
#skipNavigation a { position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap; }
#skipNavigation a:focus, #skipNavigation a:hover, #skipNavigation a:active { width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100; }

/* global */
table {}
  table .left { text-align:left; }
  table .center { text-align:center; }
  table .right { text-align:right; }
  table .top { vertical-align:top; }
  table .middle { vertical-align:middle; }


/* ======================================== Component ======================================== */

/* text */
  .txtNormal { font-weight:normal; }
  .txtLink.motion { white-space:nowrap; }

    @-webkit-keyframes arrow {
      0%,100%{ transform:translateY(0);}
      50%{ transform:translateY(-10px); }
    }

    @-moz-keyframes arrow {
      0%,100%{ transform:translateY(0);}
      50%{ transform:translateY(-10px); }
    }

    @-ms-keyframes arrow {
      0%,100%{ transform:translateY(0);}
      50%{ transform:translateY(-10px); }
    }

    @keyframes arrow {
      0%,100%{ transform:translateY(0);}
      50%{ transform:translateY(-10px); }
    }

/* button */
  .btnNormal {
    position:relative; display:inline-block; border:1px solid #363c4a; border-radius:1px; box-sizing:border-box; letter-spacing:-0.25px; text-align:center; color:#333; vertical-align:middle; outline:none; line-height:1; white-space:nowrap; -webkit-tap-highlight-color:transparent; cursor:pointer; background:#fff;
    -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; transition:.3s ease-out;
  }
  .btnNormal:after { z-index:-1; position:absolute; content:""; display:inline-block; top:0; left:0; width:0; bottom:0; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; transition:.3s ease-out; }
  .btnNormal.large { font-weight:bold; }
  .btnCover { z-index:10; position:absolute; left:0; top:0; right:0; bottom:0; }

  .ACTION1 .btnNormal,
  .ACTION2 .btnNormal,
  .ACTION3 .btnNormal,
  .ACTION4 .btnNormal,
  .ACTION5 .btnNormal,
  .ACTION6 .btnNormal,
  .ACTION7 .btnNormal,
  .ACTION8 .btnNormal{ -webkit-transition:unset; -moz-transition:unset; -o-transition:unset; transition:unset; }
  .btnNormal.animation { -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; transition:.3s ease-out; }
  
  .btnEm { 
    display:inline-block; color:#fff; letter-spacing:-0.25px; text-align:center; vertical-align:middle; outline:none; line-height:1; border:1px solid #0f93ed; border-radius:1px; background:#0f93ed; white-space:nowrap; box-sizing:border-box; -webkit-tap-highlight-color:transparent; cursor:pointer; 
    -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; transition:.3s ease-out;
  }

/* headingArea */
  .headingArea { overflow:hidden; position:relative; background-position:34% 0; background-repeat:no-repeat; background-size:cover; }

/* mTitle */
  .mTitle.gCenter { text-align:center; }
  .mTitle.gLeft { text-align:left; }
  .headingArea .mTitle { position:absolute; top:50%; left:50%; width:100%; color:#fff; text-align:center; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }

/* mTable */
  .mTable { overflow-y:hidden; overflow-x:auto; border-top:2px solid #000; }
  .mTable td.center { text-align:center; }
  .mTable td.right { text-align:right; }
  .mTable td.left { text-align:left; }
  .mTable tbody.left td { text-align:left; }
  .mTable tbody.left td.center { text-align:center; }
  .mTable tbody.left td.right { text-align:right; }
  .mTable tbody.right td { text-align:right; }
  .mTable tbody.right td.center { text-align:center; }
  .mTable tbody.right td.left { text-align:left; }
  .mTable th { border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; color:#333; text-align:center; box-sizing:border-box; background:#f6f7f9; }
  .mTable td { border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; color:#666; box-sizing:border-box; background:#fff; }
  .mTable thead th:first-child { border-left:0; }
  .mTable tbody td:first-child  { border-left:0; }

/* mInfoBox */
  .mInfoBox { border:1px solid #d9d9d9; /*letter-spacing:-0.085em;*/ text-align:left; background:#fff; }
  .mInfoBox .content > *:first-child { margin-top:0 !important; }
  .mInfoBox .head { display:-webkit-flex; display:-ms-flex; display:flex; box-sizing:border-box; }
  .mInfoBox .head .label { border:1px solid #0f95ed; color:#0f95ed; box-sizing:border-box; }
  .mInfoBox .content { color:#666; box-sizing:border-box; }
  .mInfoBox .content .subTitle { display:block; color:#333; }
  /* gVer */
    .mInfoBox.gVer .head {border-bottom:1px dashed #d9d9d9; }
    .mInfoBox.gVer .head .title { -webkit-flex:1; -ms-flex:1; flex:1; color:#333; }
  /* gHor */
    .mInfoBox.gHor .head { -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; /* align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center;*/  }

/* mList */
  /* typeInfo */
    .mList.typeInfo { /*letter-spacing:-0.07em;*/ color:#666; text-align:left; }
    .mList.typeInfo:after { content:''; display:block; clear:both; }
    .mList.typeInfo .link { color:inherit; }
    .mList.typeInfo li { position:relative; box-sizing:border-box; }
    .mList.typeInfo li:before { position:absolute; left:0; }
    ol.mList.typeInfo { counter-reset:rank 0; }
    ol.mList.typeInfo > li:before { counter-increment:rank 1; content:counter(rank)')'; }

/* mPaginate */
  .mPaginate.typeSwipe { font-size:0; line-height:0; }
  .mPaginate.typeSwipe .circle { width:6px; height:6px; margin:0 0 0 4px; border-radius:6px; border:1px solid #363c4a; font-size:0; line-height:0; }
  .mPaginate.typeSwipe .circle:first-child { margin-left:0; }
  .mPaginate.typeSwipe .circle.active { background:#363c4a; }

/* mItemList */
  .mItemList { }
  .mItemList > li { overflow:hidden; position:relative; border:1px solid #e1e1e1; border-radius:2px; /* box-shadow:0 0 6px #e1e1e1; */ }
  .mItemList .thumb { position:relative; overflow:hidden; padding-top:68%; width:100%; height:0; background-position:50%; background-size:cover; background-repeat:no-repeat; }
  .mItemList .thumb .inner { position:absolute; left:0; right:0; top:0; bottom:0; background-size:cover; background-position:0 0; }
  .mItemList .info { top:68%; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; width:100%; height:100%; background:#fff;
    -webkit-transition:top 0.6s ease-in-out; transition:top 0.6s ease-in-out; }
  .mItemList .info .subject .menu { display:block; color:#333; }
  .mItemList .info .subject .explain { display:block; color:#999; }
  .mItemList .info .icoAngle { position:absolute; left:50%; }
  .mItemList .selected .info .icoAngle { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
  .mItemList .info .subject { position:relative; text-align:center; box-sizing:border-box; }
  .mItemList .info .detail { position:relative; z-index:11; -webkit-flex:1; -ms-flex:1; flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:0; background:#f8f8f8;
    transform:translateY(0) rotateX(90deg); -webkit-transform:translateY(0) rotateX(90deg);
    -webkit-transition:transform 0.8s ease-out 0.1s; transition:transform 0.8s ease-out 0.1s; }
  .mItemList .info .detail .label {  display:block; color:#0f95ed; }
  .mItemList .info .detail .text { color:#666; }
  .mItemList .selected .info { position:absolute; top:0; }
  .mItemList .selected .info .detail { display:block; max-height:inherit;
    -webkit-transform:translateY(0) rotateX(0); transform:translateY(0) rotateX(0);
    -webkit-transition:transform 0.8s ease-out 0.1s; transition:transform 0.8s ease-out 0.1s; }
  .mItemList .board { font-size:14px; color:#333; }
  .mItemList .board .col1 { width:74px; }
  .mItemList .board th { text-align:left; vertical-align:top; }
  .mItemList .set  { display:block; }
  .mItemList .set .label { display:inline-block; font-weight:bold; }
  .mItemList .board .txtLink { color:#0f95ed; }
  .mItemList .board .txtLink:before { content:"\005B"; }
  .mItemList .board .txtLink:after { content:"\005D"; }
  .mItemList .board .txtLink:hover { text-decoration:underline; }

/* mTab */
  /* typeOverall */
    .mTab.typeOverall { position:relative;  }
    .mTab.typeOverall .tab { position:relative; bottom:-1px; }
    .mTab.typeOverall .tab li { position:relative; }
    .mTab.typeOverall .tab li .link  { color:#333; word-break:break-all; }
    .mTab.typeOverall .tab li .link:hover { text-decoration:none; }
    .mTab.typeOverall li.selected .link { font-weight:bold; color:#0f95ed; }
    .mTab.typeOverall li.selected .link:after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#0f95ed; }

.dimmed { position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:1001; -webkit-transition:top .5s ease-out; transition:top .5s ease-out; background:rgba(54,60,74,0.7); }

/* 하단에 있는 아이프레임... 스디에서 자동노출? */
#modalContainer { display:none; }

/* 두 줄 이상: ECHOSTING-362292 추가 대상*/
/* mBandBanner */
  .mBandBanner { position:fixed; top:-42px; left:0; right:0; z-index:1002; line-height:42px; text-align:center; background-color:#0f95ed; }
  .mBandBanner .link { font-size:16px; color:#fff; text-decoration:none; }
  .mBandBanner .link:after { content: ""; display:inline-block; position:relative; top:-1px; width:7px; height:7px; margin-left:8px; border-width:1px 1px 0 0; border-color:#fff; border-style:solid;
    -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
  }
  .mBandBanner .btnClose { position:absolute; top:12px; right:20px; overflow:hidden; width:19px; height:19px; }
  .mBandBanner .btnClose span { overflow:hidden; display:inline-block; height:0; line-height:0; color:transparent; font-size:1px; white-space:nowrap; text-indent:150%; }
  .mBandBanner .btnClose:before,
  .mBandBanner .btnClose:after { content:""; display:inline-block; position:absolute; background-color:#fff;
    -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);
  }
  .mBandBanner .btnClose:before { top:9px; left:0; width:19px; height:1px; }
  .mBandBanner .btnClose:after { top:0; left:9px; width:1px; height:19px; }
/* //ECHOSTING-362292 */

/* ======================================== MediaQuery ======================================== */

/* Mobile Device */
@media all and (max-width:767px) {
  body,code,input,select,textarea { font-size:12px; }
  /* global */
    .RTI, .RTB, .RTIB, .RWI, .RW, .RWIB { display:none !important; }
    .RMI { display:inline !important; }
    .RMB { display:block !important; }
    .RMIB { display:inline-block !important; }
    colgroup.RMB { display:table-column-group !important; }
  /* text */
    .txtLink.motion { font-size:16px; letter-spacing:-0.2px; color:#363c4a; }
    .txtLink.motion .icoArrow { margin-left:8px; }
  /* button */
    .btnNormal { padding:12px 24px; font-size:14px; }
    .btnNormal .icoArrow { display:none; }
    .btnNormal.mini { padding:12px 19px; }
    .btnNormal.large { min-width:261px; padding:13px 16px; font-size:16px; }
    
  /* headingArea */
    .headingArea { height:224px; }
  /* mTitle */
    .headingArea .mTitle { margin:22px 0 0; }
    .headingArea .mTitle .title { font-size:24px; line-height:36px; }
  /* mTable */
    .mTable { margin:15px 0 0; }
    .mTable th { padding:11px 10px 12px; font-size:12px; line-height:15px; }
    .mTable tbody th { height:47px; padding:12px 8px 13px; }
    .mTable td { height:47px; padding:10px 16px 7px; font-size:12px; line-height:15px; }
    .mTable .mList.typeInfo li { font-size:12px; line-height:19px; }
  /* infoBoxArea */
    .infoBoxArea { margin:20px 0 0; }
    .infoBoxArea .mInfoBox + .mInfoBox { margin-top:20px; }
    .infoBoxArea.step .mInfoBox { margin-top:20px; }
    .infoBoxArea.step .icoAngle3 { display:none; }
  /* mInfoBox */
    .mInfoBox { line-height:30px; }
    .mInfoBox .head { position:relative; padding:13px 0 12px; }
    .mInfoBox .head .icoInfoCircle { margin-top:2px; margin-right:7px; }
    .mInfoBox .head .label { height:16px; margin:1px 0 3px; padding:0 9px; border-radius:8px; font-size:10px; line-height:16px; }
    .mInfoBox .head .title { font-size:16px; line-height:25px; letter-spacing:-0.25px; }
    .mInfoBox .content { font-size:14px; line-height:25px; }
    .mInfoBox .head .more { overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; font-size:1px; line-height:0; text-indent:-150%; color:transparent; }
    .mInfoBox .subTitle { margin:14px 0 2px; }
    .mInfoBox .text,
    .mInfoBox .mList.typeInfo,
    .mInfoBox .mList.typeInfo li { margin:0; }
    /* gVer */
      .mInfoBox.gVer { padding:0 14px; }
      .mInfoBox.gVer .content { padding:14px 0; }
    /* gHor */
      .mInfoBox.gHor .head { -webkit-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start; padding-left:14px; padding-right:14px; border-bottom:1px solid #d5d5d5; }
      .mInfoBox.gHor .content { padding:14px; }
  /* mList */
    /* typeInfo */
      .mList.typeInfo li { font-size:14px; line-height:25px; }
      ul.mList.typeInfo > li { padding-left:0; }
      ol.mList.typeInfo > li { padding-left:17px; }
  /* mItemList */
    .mItemList { margin:0 0 0; }
    .mItemList > li { margin:0 0 20px; }
    .mItemList > li:last-child { margin:0; }
    .mItemList .info .subject { padding:55px 10px 26px; }
    .mItemList.gNarrow .info .subject { padding-top:23px; }
    .mItemList .info .subject .menu { font-size:18px; }
    .mItemList .info .subject .explain { margin:7px 0 0; font-size:12px; line-height:20px; }
    .mItemList .info .icoAngle { top:25px; width:17px; height:10px; margin-left:-8px; }
    .mItemList .info .icoAngle.up:before { bottom:-5px; left:3px; width:12px; height:12px; }
    .mItemList > li.selected { height:387px; }
    .mItemList .info .detail { font-size:14px; }
    .mItemList .selected .info .detail { padding:19px 24px; }
    .mItemList .info .detail .label { margin:0 0 10px; }
    .mItemList .board { margin:20px 0 0; line-height:20px; }
    .mItemList .set { margin:13px 0 0; }
    .mItemList .set .label { margin:0 3px 0 0; }
  
  /* mTab */
    /* typeOverall */
    .mTab.typeOverall { height:56px; }
    .mTab.typeOverall .inner { border-bottom:1px solid #d9d9d9; }
    .mTab.typeOverall .tab::-webkit-scrollbar { display:none; }
    .mTab.typeOverall .tab::-webkit-scrollbar-thumb { display:none; }
    .mTab.typeOverall .btnMenu { position:absolute; top:10px; right:0; z-index:10; width:36px; height:36px; border:1px solid #d9d9d9; border-radius:1px; background:#fff; }
    .mTab.typeOverall li .link { display:block; position:relative; font-size:17px; }
    .mTab.typeOverall.gSwipe { overflow:hidden; }
    .mTab.typeOverall.gSwipe .heading { display:none; }
    .mTab.typeOverall.gSwipe:after { content:''; position:absolute; top:0; right:0; z-index:1; width:70px; height:99%; background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); }
    .mTab.typeOverall.gSwipe .inner {  }
    .mTab.typeOverall.gSwipe .tab { overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; height:55px; padding-right:70px; }
    .mTab.typeOverall.gSwipe li { display:inline-block; padding:0 16px; }
    .mTab.typeOverall.gSwipe li .link { line-height:55px; }
    .mTab.typeOverall.gSwipe .tab { margin:0 -16px; }
    .mTab.typeOverall.gDropdown {  }
    .mTab.typeOverall.gDropdown .btnMenu { z-index:21; }
    .mTab.typeOverall.gDropdown .inner { position:absolute; left:-16px; right:-16px; z-index:21; margin-top:-36px; padding:36px 16px 0; border-bottom:1px solid #363c4a; background:#fff; }
    .mTab.typeOverall.gDropdown .heading { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; height:56px; padding:0 45px 0 8px; font-size:17px; box-sizing:border-box; }
    .mTab.typeOverall.gDropdown .tab { overflow:hidden; bottom:inherit; background:#fff; }
    .mTab.typeOverall.gDropdown .tab li { border-top:1px solid #ebebeb; }
    .mTab.typeOverall.gDropdown .tab li .link { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; align-items:center; min-height:65px; padding:8px 27px 8px 8px; box-sizing: border-box; }
    .mTab.typeOverall.gDropdown li.selected .link:after { display:none; }
    .mTab.typeOverall.gDropdown li:after { content:""; position:absolute; top:50%; right:8px; margin:-6px 0 0 0; box-sizing:border-box; width:12px; height:12px; border:1px solid #999; border-width:1px 1px 0 0; 
        -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .mTab.typeOverall.gDropdown li.selected:after { border-color:#0f95ed; }
    .mTab.typeOverall .btnMenu:before { content:""; position:absolute; top:50%; right:10px; width:13px; height:13px; margin:-10px 0 0 0; box-sizing:border-box; border:1px solid #363c4a; border-width:1px 0 0 1px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
    .mTab.typeOverall .btnMenu:after { display:none; }
    .mTab.typeOverall.gDropdown .btnMenu:before { margin:-2px 0 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); }

  /* mBandBanner */
    .mBandBanner .link { font-size:12px; }
    .mBandBanner .link:after { display:none; }
    .mBandBanner .btnClose { right:10px; }
}

@media all and (max-width:540px) {
  .btnEm { padding:12px; font-size:14px; }
    
  .mButton.typeGrid { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; }
  .mButton.typeGrid .btnEm { -webkit-flex:1; -ms-flex:1; flex:1; }
  .mButton.typeGrid .btnEm + .btnEm { margin:0 0 0 4px; }
}

@media all and (min-width:541px) and (max-width:767px) {
  .btnEm { padding:12px 24px; font-size:14px; }
}

/* Tablet & Desktop Device */
@media all and (min-width:768px) {
  body,code,input,select,textarea { font-size:14px; }
  /* global */
    a[href^="tel"] { cursor:text; }
  /* text */
    .txtLink.motion { position:relative; padding:0 47px 0 0; font-size:18px; letter-spacing:-0.25px; color:#666; }
    .txtLink.motion .icoArrow { position:absolute; top:50%; right:2px; -webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; transition:.3s ease-out; }
  /* button */    
    .btnNormal { padding:15px 40px; font-size:16px; }
    .btnNormal.mini { padding:10px 35px 9px; border-radius:2px; font-size:15px; }
    .btnNormal.large { min-width:352px; padding:21px 28px; font-size:20px; }
    .btnNormal.motion .icoArrow { opacity:0; position:absolute; top:50%; right:40px; }
    .btnNormal.motion.large .icoArrow { right:60px; }
    
    .btnEm { padding:15px 40px; font-size:16px; }
    
  /* headingArea */
    .headingArea { height:447px; }
  /* mTitle */
    .headingArea .mTitle { margin:45px 0 0; }
    .headingArea .mTitle .title { font-size:48px; line-height:60px; }
    .headingArea .mTitle .desc { margin:15px 0 0; font-size:18px; line-height:28px; letter-spacing:-0.25px; }
  /* mTable */
    .mTable { margin:30px 0 0; }
    .mTable th { padding:18px 15px; font-size:18px; line-height:30px; }
    .mTable tbody th { height:94px; padding:17px 30px; }
    .mTable td { height:94px; padding:17px 30px; font-size:18px; line-height:30px; }
  /* infoBoxArea */
    .infoBoxArea { margin:40px 0 0; }
    .infoBoxArea .mInfoBox + .mInfoBox { margin-top:20px; }
    .infoBoxArea.step .icoAngle3 { margin:30px 87px; vertical-align:top; }
  /* mInfoBox */
    .mInfoBox { line-height:30px; }
    .mInfoBox .head .icoInfoCircle { margin-top:3px; margin-right:6px; }
    .mInfoBox .head .label { height:22px; margin:8px 0 13px; padding:0 12px; border-radius:11px; font-size:13px; line-height:22px; }
    .mInfoBox .head .title  { font-size:18px; }
    .mInfoBox .head .more .icoAngle2 { margin:1px 0 0 3px; }
    .mInfoBox .content { font-size:16px; }
    .mInfoBox .content a:hover { text-decoration:underline; }
    .mInfoBox .subTitle { margin:17px 0 4px; }
    .mInfoBox .text + .subTitle { margin-top:14px; }
      .mInfoBox .text,
      .mInfoBox .mList.typeInfo,
      .mInfoBox .mList.typeInfo li { margin:0; }
      .mInfoBox .content .text + .txtLink { margin-top:4px; }
    /* gVer */
      .mInfoBox.gVer { padding:0 30px;  }
      .mInfoBox.gVer .head { padding:23px 0 17px; }
      .mInfoBox.gVer .content { padding:14px 0 20px; }
    /* gHor */
      .mInfoBox.gHor { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-align-items:stretch; -ms-align-items:stretch; align-items:stretch; padding:0; }
      .mInfoBox.gHor .head { -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; padding:0 10px; width:188px; border-bottom:0; border-right:1px solid #d9d9d9; text-align:center; }
      .mInfoBox.gHor .head .label { display:inline-block; -moz-align-self:center; -webkit-align-self:center; -ms-align-self:center; align-self:center; }
      .mInfoBox.gHor .head .title { -webkit-flex:none; -ms-flex:none; flex:none; text-align:center;  }
      .mInfoBox.gHor .content { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -moz-justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-flex:1; -ms-flex:1; flex:1; min-height:123px; padding:34px 40px; }
 	  .mInfoBox.gHor .content .txtLink { -moz-align-self:flex-start; -webkit-align-self:flex-start; -ms-align-self:flex-start; align-self:flex-start; }
    /* mList */
    /* typeInfo */
      .mList.typeInfo li { padding:0 0 0 9px; font-size:16px; line-height:24px; }
      ul.mList.typeInfo > li { padding-left:0; }
      ol.mList.typeInfo > li { padding-left:25px; }
      .mList.typeInfo[class*="grid"] { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
      .mList.typeInfo[class*="grid"] li { padding-right:30px; }
      .mList.typeInfo.grid2 li { float:left; width:50%; }
      .mList.typeInfo.grid3 li { float:left; width:33.3%; }
    /* mItemList */
    .mItemList { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 0 -30px -34px; }
    .mItemList > li { -webkit-flex-basis:calc(50% - 34px); -ms-flex-basis:calc(50% - 34px); flex-basis:calc(50% - 34px); min-height:455px; margin:0 0 30px 32px; }
    .mItemList > li .thumb .inner { -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
    .mItemList .info .subject { min-height:188px; padding:58px 20px 15px; }
    .mItemList.gNarrow .info .subject { padding-top:28px; }
    .mItemList .info .subject .menu { font-size:22px; }
    .mItemList .info .subject .explain { margin:9px 0 0; font-size:14px; line-height:24px; }
    .mItemList .info .icoAngle { top:32px; margin-left:-10px; }
    .mItemList .info .detail { font-size:14px; }
    .mItemList .selected .info .detail { padding:30px 46px; }
    .mItemList .info .detail .label { margin:0 0 14px; }
    .mItemList .info .detail .text { line-height:24px; }
    .mItemList .board { margin:15px 0 0; line-height:23px; }
    .mItemList .set { margin:18px 0 0; }
    .mItemList .set .label { margin:0 4px 0 0; }
    
/* mTab */
  /* typeOverall */
    .mTab.typeOverall { border-bottom:1px solid #d9d9d9; text-align:center; }
    .mTab.typeOverall .tab { display:inline-block; font-size:0; vertical-align:top; }
    .mTab.typeOverall .tab li { display:inline-block; position:relative; height:80px; padding:0 20px; vertical-align:top; }
    .mTab.typeOverall .tab li:after { content:''; position:absolute; right:0; top:50%; width:3px; height:3px; margin:-1px 0 0 -1px; background:#d6d6d6;  }
    .mTab.typeOverall .tab li:last-child:after { display:none; }
    .mTab.typeOverall .tab li .link  { position:relative; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-items:center; -ms-align-items:center; align-items:center; height:100%;font-size:16px; text-align:center; word-break:break-all; }
    .mTab.typeOverall .heading,
    .mTab.typeOverall .btnMenu { display:none; }
    
}
@media all and (min-width:768px) and (max-width:1024px) {
  /* global */
    .RMI, .RMB, .RMIB, .RWI, .RW, .RWIB { display:none !important; }
    .RTI { display:inline !important; }
    .RTB { display:block !important; }
    .RTIB { display:inline-block !important; } 
    colgroup.RTB { display:table-column-group !important; }
}
@media all and (min-width:960px) {
  .mItemList > li { -webkit-flex-basis:calc(33.3% - 34px); -ms-flex-basis:calc(33.3% - 34px); flex-basis:calc(33.3% - 34px); min-height:451px; }
}

@media all and (min-width:768px) and (max-width:1240px) {
  .mTab.typeOverall .tab li { height:65px; }
}


/* Desktop Device (firefox mouseover) */
@media all and (min-width:1025px) {
  /* global */
    .RMI, .RMB, .RMIB, .RTI, .RTB, .RTIB, colgroup.RWB { display:none !important; }
    .RWI { display:inline !important; }
    .RW { display:block !important; }
    .RWIB { display:inline-block !important; }
    colgroup.RW { display:table-column-group !important; }
  /* text */
    .txtLink.motion:hover .icoArrow { right:-8px; }
  /* button */
    .btnNormal:hover:after { width:100%; background:#0f95ed; }
    .btnNormal:hover,
    .btnNormal.large:hover { z-index:1; border-color:#0f95ed; color:#fff; background:transparent; }
    .btnNormal.motion:hover { padding-right:84px; }
    .btnNormal.motion.mini:hover { padding-right:79px; }
    .btnNormal.motion.large:hover { text-align:left; }
    .btnNormal.motion:hover .icoArrow {
      opacity:1; right:28px;
      -webkit-transition:opacity .1s .2s, right .4s .2s ease-out; -moz-transition:right .4s .2s ease-out; -o-transition:right .4s .2s ease-out; transition:opacity .1s .2s, right .4s .2s ease-out;
    }
  /* mTab */
    .mTab.typeOverall .tab li .link:hover { text-decoration:none; }
    .mTab.typeOverall .tab li:hover .link { color:#0f95ed; }
    .mTab.typeOverall li:hover .link:after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#0f95ed; }
  /* mItemList */ 
    .mItemList li { -webkit-transition:border-color 0.4s ease; -ms-transition:border-color 0.4s ease; transition:border-color 0.4s ease; }
    .mItemList > li:hover .thumb .inner { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
    .mItemList > li:not(.selected):hover .info .icoAngle { 
        -webkit-animation:arrow 1.3s ease-in-out infinite;
        -moz-animation:arrow 1.3s ease-in-out infinite;
        -o-animation:arrow 1.3s ease-in-out infinite;
        animation:arrow 1.3s ease-in-out infinite; 
	}
    .mItemList li:not(.selected) .line { position:absolute; left:0; right:0; bottom:0; top:0; }
    .mItemList li:not(.selected) .line span { display:block; position:absolute; -webkit-transition:all 0.4s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.4s ease; background:#0f95ed; }
    .mItemList li .line span:nth-child(1) { top:0; left:0; bottom:auto; width:1px; height:0; }
    .mItemList li .line span:nth-child(2) { top:0; left:auto; right:0; width:0; height:1px; }
    .mItemList li .line span:nth-child(3) { bottom:0; top:auto; right:0; width:1px; height:0; }
    .mItemList li .line span:nth-child(4) { bottom:0; right:auto; left:0; width:0; height:1px; }
    .mItemList li:hover .line span:nth-child(1) { top:auto; left:0; bottom:0; width:1px; height:100%; }
    .mItemList li:hover .line span:nth-child(2) { top:0; right:auto; left:0; width:100%; height:1px; }
    .mItemList li:hover .line span:nth-child(3) { bottom:auto; top:0; right:0; width:1px; height:100%; }
    .mItemList li:hover .line span:nth-child(4) { bottom:0; right:0; left:auto; width:100%; height:1px; }
    .mItemList:not(.gNarrow) li:not(.selected):hover { border-color:transparent; }
}

/* Desktop Device (mouseover) */
@media (hover: hover) and (min-width:768px) {
  /* text */
    .txtLink.motion:hover .icoArrow { right:-8px; }
  /* button */
    .btnNormal:hover:after { width:100%; background:#0f95ed; }
    .btnNormal:hover,
    .btnNormal.large:hover { z-index:1; border-color:#0f95ed; color:#fff; background:transparent; }
    .btnNormal.motion:hover { padding-right:84px; }
    .btnNormal.motion.mini:hover { padding-right:79px; }
    .btnNormal.motion.large:hover { text-align:left; }
    .btnNormal.motion:hover .icoArrow {
      opacity:1; right:28px;
      -webkit-transition:opacity .1s .2s, right .4s .2s ease-out; -moz-transition:right .4s .2s ease-out; -o-transition:right .4s .2s ease-out; transition:opacity .1s .2s, right .4s .2s ease-out;
    }
  /* mTab */
    .mTab.typeOverall .tab li .link:hover { text-decoration:none; }
    .mTab.typeOverall .tab li:hover .link { color:#0f95ed; }
    .mTab.typeOverall li:hover .link:after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#0f95ed; }
  /* mItemList */ 
    .mItemList li { -webkit-transition:border-color 0.4s ease; -ms-transition:border-color 0.4s ease; transition:border-color 0.4s ease; }
    .mItemList > li:hover .thumb .inner { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
    .mItemList > li:not(.selected):hover .info .icoAngle { 
        -webkit-animation:arrow 1s ease-in-out infinite;
        -moz-animation:arrow 1s ease-in-out infinite;
        -o-animation:arrow 1s ease-in-out infinite;
        animation:arrow 1s ease-in-out infinite; 
	}
    .mItemList li:not(.selected) .line { position:absolute; left:0; right:0; bottom:0; top:0; }
    .mItemList li:not(.selected) .line span { display:block; position:absolute; -webkit-transition:all 0.4s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.4s ease; background:#0f95ed; }
    .mItemList li .line span:nth-child(1) { top:0; left:0; bottom:auto; width:1px; height:0; }
    .mItemList li .line span:nth-child(2) { top:0; left:auto; right:0; width:0; height:1px; }
    .mItemList li .line span:nth-child(3) { bottom:0; top:auto; right:0; width:1px; height:0; }
    .mItemList li .line span:nth-child(4) { bottom:0; right:auto; left:0; width:0; height:1px; }
    .mItemList li:hover .line span:nth-child(1) { top:auto; left:0; bottom:0; width:1px; height:100%; }
    .mItemList li:hover .line span:nth-child(2) { top:0; right:auto; left:0; width:100%; height:1px; }
    .mItemList li:hover .line span:nth-child(3) { bottom:auto; top:0; right:0; width:1px; height:100%; }
    .mItemList li:hover .line span:nth-child(4) { bottom:0; right:0; left:auto; width:100%; height:1px; }
    .mItemList:not(.gNarrow) li:not(.selected):hover { border-color:transparent; }
}

/* For Print */
@media print {
  #header, #gnb, #footer { display:none; }
  #contents { width:auto; }
}