/* ---- ArticleModal ---- */ /* ---- Modal ---- */ /* 50% background */ #modal-screen_gd01_01, #modal-screen_gd01_02, #modal-screen_gd02_01, #modal-screen_gd02_02, #modal-screen_gd05_01, #modal-screen_gd06_01, #modal-screen_gd07_01, #modal-screen_gd09_01, #modal-screen_gd10_01, #modal-screen_gd10_02, #modal-screen_gd10_03{ display: none; position: fixed; z-index: 30; top: 0; left: 0; right: 0; bottom: 0; background: transparent url(../../images/bg_black50.png); } /* Modalframe */ #modal_gd01_01, #modal_gd01_02, #modal_gd02_01, #modal_gd02_02, #modal_gd04_01, #modal_gd04_01_cp, #modal_gd04_02, #modal_gd05_01, #modal_gd06_01, #modal_gd07_01, #modal_gd09_01, #modal_gd10_01, #modal_gd10_02, #modal_gd10_03{ display: none; position: fixed; z-index: 40; top: 50%; left: 50%; padding: 5px; font-family: verdana,arial,helvetica,sans-serif; background: transparent url(../../images/bg_black60.png); } #modal_gd01_01:after, #modal_gd01_02:after, #modal_gd02_01:after, #modal_gd02_02:after, #modal_gd04_01:after, #modal_gd04_01_cp:after, #modal_gd04_02:after, #modal_gd05_01:after, #modal_gd06_01:after, #modal_gd07_01:after, #modal_gd09_01:after, #modal_gd10_01:after, #modal_gd10_02:after, #modal_gd10_03:after{ content: ''; position: absolute; z-index: 0; top: 5px; left: 5px; right: 5px; bottom: 5px; background: #fff; } #modal_gd01_01>*, #modal_gd01_02>*, #modal_gd02_01>*, #modal_gd02_02>*, #modal_gd04_01>*, #modal_gd04_01_cp>*, #modal_gd04_02>*, #modal_gd05_01>*, #modal_gd06_01>*, #modal_gd07_01>*, #modal_gd09_01>*, #modal_gd10_01>*, #modal_gd10_02>*, #modal_gd10_03>*{ position: relative; z-index: 101; } /* Title */ #modal_gd01_01 .title, #modal_gd01_02 .title, #modal_gd02_01 .title, #modal_gd02_02 .title, #modal_gd04_01 .title, #modal_gd04_01_cp .title, #modal_gd04_02 .title, #modal_gd05_01 .title, #modal_gd06_01 .title, #modal_gd07_01 .title, #modal_gd09_01 .title, #modal_gd10_01 .title, #modal_gd10_02 .title, #modal_gd10_03 .title{ position: relative; z-index: 40; padding: 0 10px; color: #fff; background: #000; font-size: 14px; line-height: 30px; } /* Button */ #modal_gd01_01 .login-btn, #modal_gd01_02 .login-btn, #modal_gd02_01 .login-btn, #modal_gd02_02 .login-btn, #modal_gd04_01 .login-btn, #modal_gd04_01_cp .login-btn, #modal_gd04_02 .login-btn, #modal_gd05_01 .login-btn, #modal_gd06_01 .login-btn, #modal_gd07_01 .login-btn, #modal_gd10_01 .login-btn, #modal_gd10_02 .login-btn, #modal_gd10_03 .login-btn{ text-align: center; } #modal_gd01_01 .login-btn > a, #modal_gd01_02 .login-btn > a, #modal_gd02_01 .login-btn > a, #modal_gd02_02 .login-btn > a, #modal_gd04_01 .login-btn > a, #modal_gd04_01_cp .login-btn > a, #modal_gd04_02 .login-btn > a, #modal_gd05_01 .login-btn > a, #modal_gd06_01 .login-btn > a, #modal_gd07_01 .login-btn > a { margin: 10px 0 0; } /* close */ #modal_gd01_01 .close-btn, #modal_gd01_02 .close-btn, #modal_gd02_01 .close-btn, #modal_gd02_02 .close-btn, #modal_gd04_01 .close-btn, #modal_gd04_01_cp .close-btn, #modal_gd04_02 .close-btn, #modal_gd05_01 .close-btn, #modal_gd06_01 .close-btn, #modal_gd07_01 .close-btn, #modal_gd09_01 .close-btn, #modal_gd10_01 .close-btn, #modal_gd10_02 .close-btn, #modal_gd10_03 .close-btn{ cursor: pointer; position: absolute; z-index: 112; top: 5px; right: 5px; display: block; padding: 30px 0 0 0; width: 38px; height: 0; overflow: hidden; color: #fff; background: #000; } #modal_gd01_01 .close-btn:after, #modal_gd01_02 .close-btn:after, #modal_gd02_01 .close-btn:after, #modal_gd02_02 .close-btn:after, #modal_gd04_01 .close-btn:after, #modal_gd04_01_cp .close-btn:after, #modal_gd04_02 .close-btn:after, #modal_gd05_01 .close-btn:after, #modal_gd06_01 .close-btn:after, #modal_gd07_01 .close-btn:after, #modal_gd09_01 .close-btn:after, #modal_gd10_01 .close-btn:after, #modal_gd10_02 .close-btn:after, #modal_gd10_03 .close-btn:after{ content: ""; display: block; position: absolute; top: 11px; left: 15px; width: 8px; height: 8px; background: url(../../images/icon_sprite.png) no-repeat -167px -16px; } /* General-purpose ---- */ #modal_gd01_01.util, #modal_gd01_02.util, #modal_gd02_01.util, #modal_gd02_02.util, #modal_gd04_01.util, #modal_gd04_01_cp.util, #modal_gd04_02.util, #modal_gd05_01.util, #modal_gd06_01.util, #modal_gd07_01.util, #modal_gd10_01.util, #modal_gd10_02.util, #modal_gd10_03.util{ margin: 0 0 0 -250px; width: 490px; } #modal_gd01_01.util p, #modal_gd01_02.util p, #modal_gd02_01.util p, #modal_gd02_02.util p, #modal_gd04_01.util p, #modal_gd04_01_cp.util p, #modal_gd04_02.util p, #modal_gd05_01.util p, #modal_gd06_01.util p, #modal_gd07_01.util p, #modal_gd09_01.util p, #modal_gd10_01.util p, #modal_gd10_02.util p, #modal_gd10_03.util p{ margin: 30px 30px 20px; font-size: 13px; } #modal_gd01_01.util .login-btn, #modal_gd01_02.util .login-btn, #modal_gd02_01.util .login-btn, #modal_gd02_02.util .login-btn, #modal_gd04_01.util .login-btn, #modal_gd04_01_cp.util .login-btn, #modal_gd04_02.util .login-btn, #modal_gd05_01.util .login-btn, #modal_gd06_01.util .login-btn, #modal_gd07_01.util .login-btn, #modal_gd09_01.util .login-btn, #modal_gd10_01.util .login-btn, #modal_gd10_02.util .login-btn, #modal_gd10_03.util .login-btn{ margin: 0 30px; } #modal_gd01_01.util .login-btn > a, #modal_gd01_02.util .login-btn > a, #modal_gd02_01.util .login-btn > a, #modal_gd02_02.util .login-btn > a, #modal_gd04_01.util .login-btn > a, #modal_gd04_01_cp.util .login-btn > a, #modal_gd04_02.util .login-btn > a, #modal_gd05_01.util .login-btn > a, #modal_gd06_01.util .login-btn > a, #modal_gd07_01.util .login-btn > a, #modal_gd09_01.util .login-btn > a, #modal_gd10_01.util .login-btn > a, #modal_gd10_02.util .login-btn > a, #modal_gd10_03.util .login-btn > a{ margin: 0 auto 30px; } #modal_gd01_01.util .close-btn, #modal_gd01_02.util .close-btn, #modal_gd02_01.util .close-btn, #modal_gd02_02.util .close-btn, #modal_gd04_01.util .close-btn, #modal_gd04_01_cp.util .close-btn, #modal_gd04_02.util .close-btn, #modal_gd05_01.util .close-btn, #modal_gd06_01.util .close-btn, #modal_gd07_01.util .close-btn, #modal_gd09_01.util .close-btn { /* top: 5px; left: 5px; right: 5px; padding: 30px 0 0; height: 0; width: auto; overflow: hiddens; font-size: 13px; line-height: 30px; text-align: right; color: #fff; background: transparent url(../../images/icon_sprite.png) no-repeat right -128px; border-bottom: 1px solid #ccc; */ } /* Limit ---- */ #modal_gd01_01.limit, #modal_gd01_02.limit, #modal_gd02_01.limit, #modal_gd02_02.limit, #modal_gd04_01.limit, #modal_gd04_01_cp.limit, #modal_gd04_02.limit, #modal_gd05_01.limit, #modal_gd06_01.limit, #modal_gd07_01.limit, #modal_gd10_01.limit, #modal_gd10_02.limit, #modal_gd10_03.limit{ margin: 0 0 0 -354px; width: 708px; } #modal_gd01_01.limit .thumbnail, #modal_gd01_02.limit .thumbnail, #modal_gd02_01.limit .thumbnail, #modal_gd02_02.limit .thumbnail, #modal_gd04_01.limit .thumbnail, #modal_gd04_01_cp.limit .thumbnail, #modal_gd04_02.limit .thumbnail, #modal_gd05_01.limit .thumbnail, #modal_gd06_01.limit .thumbnail, #modal_gd07_01.limit .thumbnail{ float: left; margin: 30px; } #modal_gd01_01.limit > div, #modal_gd01_02.limit > div, #modal_gd02_01.limit > div, #modal_gd02_02.limit > div, #modal_gd04_01.limit > div, #modal_gd04_01_cp.limit > div, #modal_gd04_02.limit > div, #modal_gd05_01.limit > div, #modal_gd06_01.limit > div, #modal_gd07_01.limit > div{ margin: 30px 30px 20px 408px; font-size: 13px; } #modal_gd01_01.limit > div h4, #modal_gd01_02.limit > div h4, #modal_gd02_01.limit > div h4, #modal_gd02_02.limit > div h4, #modal_gd04_01.limit > div h4, #modal_gd04_01_cp.limit > div h4, #modal_gd04_02.limit > div h4, #modal_gd05_01.limit > div h4, #modal_gd06_01.limit > div h4, #modal_gd07_01.limit > div h4, #modal_gd10_01.limit > div h4, #modal_gd10_02.limit > div h4, #modal_gd10_03.limit > div h4{ margin: 0 0 5px; } #modal_gd01_01.limit > div ~ div, #modal_gd01_02.limit > div ~ div, #modal_gd02_01.limit > div ~ div, #modal_gd02_02.limit > div ~ div, #modal_gd04_01.limit > div ~ div, #modal_gd04_01_cp.limit > div ~ div, #modal_gd04_02.limit > div ~ div, #modal_gd05_01.limit > div ~ div, #modal_gd06_01.limit > div ~ div, #modal_gd07_01.limit > div ~ div, #modal_gd10_01.limit > div ~ div, #modal_gd10_02.limit > div ~ div, #modal_gd10_03.limit > div ~ div{ border-top: 1px solid #000; margin-top: 0; margin-bottom: 30px; padding-top: 20px; } #modal_gd01_01.limit .login-btn, #modal_gd01_02.limit .login-btn, #modal_gd02_01.limit .login-btn, #modal_gd02_02.limit .login-btn, #modal_gd04_01.limit .login-btn, #modal_gd04_01_cp.limit .login-btn, #modal_gd04_02.limit .login-btn, #modal_gd05_01.limit .login-btn, #modal_gd06_01.limit .login-btn, #modal_gd07_01.limit .login-btn { text-align: left; } #modal_gd01_01.limit .login-btn > a, #modal_gd01_02.limit .login-btn > a, #modal_gd02_01.limit .login-btn > a, #modal_gd02_02.limit .login-btn > a, #modal_gd04_01.limit .login-btn > a, #modal_gd04_01_cp.limit .login-btn > a, #modal_gd04_02.limit .login-btn > a, #modal_gd05_01.limit .login-btn > a, #modal_gd06_01.limit .login-btn > a, #modal_gd07_01.limit .login-btn > a { font-size: 13px; margin-top: 15px; margin-right: 0; } #modal_gd01_01.limit .modal-footer, #modal_gd01_02.limit .modal-footer, #modal_gd02_01.limit .modal-footer, #modal_gd02_02.limit .modal-footer, #modal_gd04_01.limit .modal-footer, #modal_gd04_01_cp.limit .modal-footer, #modal_gd04_02.limit .modal-footer, #modal_gd05_01.limit .modal-footer, #modal_gd06_01.limit .modal-footer, #modal_gd07_01.limit .modal-footer { font-size: 13px; line-height: 10px; } #modal_gd01_01.limit .modal-footer a, #modal_gd01_02.limit .modal-footer a, #modal_gd02_01.limit .modal-footer a, #modal_gd02_02.limit .modal-footer a, #modal_gd04_01.limit .modal-footer a, #modal_gd04_01_cp.limit .modal-footer a, #modal_gd04_02.limit .modal-footer a, #modal_gd05_01.limit .modal-footer a, #modal_gd06_01.limit .modal-footer a, #modal_gd07_01.limit .modal-footer a { font-weight: bold; color: #005ead; } /* Free reading ---- */ #modal_gd01_01.limitSoon, #modal_gd01_02.limitSoon, #modal_gd02_01.limitSoon, #modal_gd02_02.limitSoon, #modal_gd04_01.limitSoon, #modal_gd04_01_cp.limitSoon, #modal_gd04_02.limitSoon, #modal_gd05_01.limitSoon, #modal_gd06_01.limitSoon, #modal_gd07_01.limitSoon, #modal_gd07_01.limitSoon, #modal_gd10_02.limitSoon, #modal_gd10_03.limitSoon{ top: auto; left: -5px; bottom: -5px; margin: 0; /* padding-top: 35px; */ width: 460px; } #modal_gd01_01.limitSoon p, #modal_gd01_02.limitSoon p, #modal_gd02_01.limitSoon p, #modal_gd02_02.limitSoon p, #modal_gd04_01.limitSoon p, #modal_gd04_01_cp.limitSoon p, #modal_gd04_02.limitSoon p, #modal_gd05_01.limitSoon p, #modal_gd06_01.limitSoon p, #modal_gd07_01.limitSoon p, #modal_gd10_01.limitSoon p, #modal_gd10_02.limitSoon p, #modal_gd10_03.limitSoon p{ margin: 15px 30px 10px; font-size: 13px; } #modal_gd01_01.limitSoon .login-btn, #modal_gd01_02.limitSoon .login-btn, #modal_gd02_01.limitSoon .login-btn, #modal_gd02_02.limitSoon .login-btn, #modal_gd04_01.limitSoon .login-btn, #modal_gd04_01_cp.limitSoon .login-btn, #modal_gd04_02.limitSoon .login-btn, #modal_gd05_01.limitSoon .login-btn, #modal_gd06_01.limitSoon .login-btn, #modal_gd07_01.limitSoon .login-btn { text-align: center; } #modal_gd01_01.limitSoon .login-btn > a, #modal_gd01_02.limitSoon .login-btn > a, #modal_gd02_01.limitSoon .login-btn > a, #modal_gd02_02.limitSoon .login-btn > a, #modal_gd04_01.limitSoon .login-btn > a, #modal_gd04_01_cp.limitSoon .login-btn, #modal_gd04_02.limitSoon .login-btn > a, #modal_gd05_01.limitSoon .login-btn > a, #modal_gd06_01.limitSoon .login-btn > a, #modal_gd07_01.limitSoon .login-btn > a { /* margin-bottom: 0; */ } #modal_gd01_01.limitSoon .modal-footer, #modal_gd01_02.limitSoon .modal-footer, #modal_gd02_01.limitSoon .modal-footer, #modal_gd02_02.limitSoon .modal-footer, #modal_gd04_01.limitSoon .modal-footer, #modal_gd04_01_cp.limitSoon .modal-footer, #modal_gd04_02.limitSoon .modal-footer, #modal_gd05_01.limitSoon .modal-footer, #modal_gd06_01.limitSoon .modal-footer, #modal_gd07_01.limitSoon .modal-footer { position: relative; padding: 0 30px; height: 30px; overflow: hidden; font-size: 13px; line-height: 10px; text-align: right; } #modal_gd01_01.limitSoon .modal-footer a, #modal_gd01_02.limitSoon .modal-footer a, #modal_gd02_01.limitSoon .modal-footer a, #modal_gd02_02.limitSoon .modal-footer a, #modal_gd04_01.limitSoon .modal-footer a, #modal_gd04_01_cp.limitSoon .modal-footer a, #modal_gd04_02.limitSoon .modal-footer a, #modal_gd05_01.limitSoon .modal-footer a, #modal_gd06_01.limitSoon .modal-footer a, #modal_gd07_01.limitSoon .modal-footer a { color: #005ead; } #modal_gd01_01.limitSoon .close-btn, #modal_gd01_02.limitSoon .close-btn, #modal_gd02_01.limitSoon .close-btn, #modal_gd02_02.limitSoon .close-btn, #modal_gd04_01.limitSoon .close-btn, #modal_gd04_01_cp.limitSoon .close-btn, #modal_gd04_02.limitSoon .close-btn, #modal_gd05_01.limitSoon .close-btn, #modal_gd06_01.limitSoon .close-btn, #modal_gd07_01.limitSoon .close-btn { /* background-color: #000; */ } /* Free reading ---- */ #modal_gd01_01.registration, #modal_gd01_02.registration, #modal_gd02_01.registration, #modal_gd02_02.registration, #modal_gd04_01.registration, #modal_gd04_01_cp.registration, #modal_gd04_02.registration, #modal_gd05_01.registration, #modal_gd06_01.registration, #modal_gd07_01.registration, #modal_gd10_01.registration, #modal_gd10_02.registration, #modal_gd10_03.registration{ overflow: hidden; } #modal_gd01_01.registration > div, #modal_gd01_02.registration > div, #modal_gd02_01.registration > div, #modal_gd02_02.registration > div, #modal_gd04_01.registration > div, #modal_gd04_01_cp.registration > div, #modal_gd04_02.registration > div, #modal_gd05_01.registration > div, #modal_gd06_01.registration > div, #modal_gd07_01.registration > div, #modal_gd10_01.registration > div, #modal_gd10_02.registration > div, #modal_gd10_03.registration > div{ padding-top: 30px; } #modal_gd01_01.registration .login-btn, #modal_gd01_02.registration .login-btn, #modal_gd02_01.registration .login-btn, #modal_gd02_02.registration .login-btn, #modal_gd04_01.registration .login-btn, #modal_gd04_01_cp.registration .login-btn, #modal_gd04_02.registration .login-btn, #modal_gd05_01.registration .login-btn, #modal_gd06_01.registration .login-btn, #modal_gd07_01.registration .login-btn { margin: 0 30px; } #modal_gd01_01.registration .general-btn+.general-btn, #modal_gd01_02.registration .general-btn+.general-btn, #modal_gd02_01.registration .general-btn+.general-btn, #modal_gd02_02.registration .general-btn+.general-btn, #modal_gd04_01.registration .general-btn+.general-btn, #modal_gd04_01_cp.registration .general-btn+.general-btn, #modal_gd04_02.registration .general-btn+.general-btn, #modal_gd05_01.registration .general-btn+.general-btn, #modal_gd06_01.registration .general-btn+.general-btn, #modal_gd07_01.registration .general-btn+.general-btn { margin: 0 0 0 15px; } #modal_gd01_01.registration .close-btn, #modal_gd01_02.registration .close-btn, #modal_gd02_01.registration .close-btn, #modal_gd02_02.registration .close-btn, #modal_gd04_01.registration .close-btn, #modal_gd04_01_cp.registration .close-btn, #modal_gd04_02.registration .close-btn, #modal_gd05_01.registration .close-btn, #modal_gd06_01.registration .close-btn, #modal_gd07_01.registration .close-btn { background-color: #000; } /*/////////////////////////////////// GD04_01/GD04_02 Blue-box ////////////////////////////////////*/ #modal_gd04_01.limitSoon.util, #modal_gd04_01_cp.limitSoon.util, #modal_gd04_02.limitSoon.util{ text-align: center; font-family: verdana,arial,helvetica,sans-serif; } #modal_gd04_01.limitSoon.util .title, #modal_gd04_01_cp.limitSoon.util .title, #modal_gd04_02.limitSoon.util .title{ text-align: center; } #modal_gd04_01.limitSoon.util h4, #modal_gd04_01_cp.limitSoon.util h4, #modal_gd04_02.limitSoon.util h4{ margin: 20px 0 16px 0; } #modal_gd04_01.util p, #modal_gd04_01_cp.util p, #modal_gd04_02.util p{ text-align: left; } #modal_gd04_01.limitSoon.util p, #modal_gd04_01.limitSoon.util .modal-footer, #modal_gd04_01_cp.limitSoon.util p, #modal_gd04_01_cp.limitSoon.util .modal-footer, #modal_gd04_02.limitSoon.util p, #modal_gd04_02.limitSoon.util .modal-footer{ margin-bottom: 20px; } #modal_gd04_01.limitSoon.util .title, #modal_gd04_01.limitSoon.util .close-btn, #modal_gd04_01_cp.limitSoon.util .title, #modal_gd04_01_cp.limitSoon.util .close-btn, #modal_gd04_02.limitSoon.util .title, #modal_gd04_02.limitSoon.util .close-btn{ background-color: #154577; } #modal_gd04_01.limitSoon.util .title, #modal_gd04_01_cp.limitSoon.util .title, #modal_gd04_02.limitSoon.util .title{ padding: 0 10px; line-height: 30px; -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888; } /* #modal_gd04_01.limitSoon p, #modal_gd04_02.limitSoon p { margin: 10px 30px; } */ #modal_gd04_01.limitSoon.util .title img, #modal_gd04_01_cp.limitSoon.util .title img, #modal_gd04_02.limitSoon.util .title img{ vertical-align: middle; } #modal_gd04_01.limitSoon.util .close-btn, #modal_gd04_01_cp.limitSoon.util .close-btn, #modal_gd04_02.limitSoon.util .close-btn{ width: 30px; padding: 30px 0 0 0; } #modal_gd04_01.limitSoon.util .close-btn:after, #modal_gd04_01_cp.limitSoon.util .close-btn:after, #modal_gd04_02.limitSoon.util .close-btn:after{ top: 12px; left: 12px; } #modal_gd04_01.limitSoon.util .login-btn, #modal_gd04_01_cp.limitSoon.util .login-btn, #modal_gd04_02.limitSoon.util .login-btn{ margin: 0 30px 0 30px; float: right; } #modal_gd04_01.limitSoon.util .login-btn > a, #modal_gd04_01_cp.limitSoon.util .login-btn > a, #modal_gd04_02.limitSoon.util .login-btn > a{ margin: 0 auto; } #modal_gd04_01.limitSoon.util .login-btn .general-btn, #modal_gd04_01_cp.limitSoon.util .login-btn .general-btn, #modal_gd04_02.limitSoon.util .login-btn .general-btn { margin-bottom: 0 } #modal_gd04_01.limitSoon.util .logo, #modal_gd04_01_cp.limitSoon.util .logo, #modal_gd04_02.limitSoon.util .logo { float: left; margin: 0 30px; line-height: 1; position: absolute; bottom: 0; } #modal_gd04_01.limitSoon.util .logo img, #modal_gd04_01_cp.limitSoon.util .logo img, #modal_gd04_02.limitSoon.util .logo img { vertical-align: bottom; } #modal_gd04_01.limitSoon.util .btm-sec, #modal_gd04_01_cp.limitSoon.util .btm-sec, #modal_gd04_02.limitSoon.util .btm-sec { margin-bottom: 20px; } #modal_gd04_01.limitSoon.util .fsL04,#modal_gd04_02.limitSoon.util .fsL04{font-size: 200%;} #modal_gd04_01.limitSoon.util .fsL03,#modal_gd04_02.limitSoon.util .fsL03{font-size: 150%;} #modal_gd04_01.limitSoon.util .fsL02,#modal_gd04_02.limitSoon.util .fsL02{font-size: 130%;} #modal_gd04_01.limitSoon.util .fsL01,#modal_gd04_02.limitSoon.util .fsL01{font-size: 110%;} #modal_gd04_01.limitSoon.util .fcR,#modal_gd04_02.limitSoon.util .fcR{color: #e00000;} #modal_gd04_01.limitSoon.util .fcB,#modal_gd04_02.limitSoon.util .fcB{color: #005ead;} #modal_gd04_01.limitSoon.util .fwB,#modal_gd04_02.limitSoon.util .fwB{font-weight: bold;} #modal_gd04_01_cp.limitSoon.util .fsL04,#modal_gd04_02.limitSoon.util .fsL04{font-size: 200%;} #modal_gd04_01_cp.limitSoon.util .fsL03,#modal_gd04_02.limitSoon.util .fsL03{font-size: 150%;} #modal_gd04_01_cp.limitSoon.util .fsL02,#modal_gd04_02.limitSoon.util .fsL02{font-size: 130%;} #modal_gd04_01_cp.limitSoon.util .fsL01,#modal_gd04_02.limitSoon.util .fsL01{font-size: 110%;} #modal_gd04_01_cp.limitSoon.util .fcR,#modal_gd04_02.limitSoon.util .fcR{color: #e00000;} #modal_gd04_01_cp.limitSoon.util .fcB,#modal_gd04_02.limitSoon.util .fcB{color: #005ead;} #modal_gd04_01_cp.limitSoon.util .fwB,#modal_gd04_02.limitSoon.util .fwB{font-weight: bold;} #modal_gd04_01.limitSoon .modal-footer,#modal_gd04_02.limitSoon .modal-footer{line-height: 1em !important;} #modal_gd04_01_cp.limitSoon .modal-footer,#modal_gd04_02.limitSoon .modal-footer{line-height: 1em !important;} /*/////////////////////////////////// GD09-01 WELCOME MODAL ////////////////////////////////////*/ #modal_gd09_01 { text-align: center; width:700px; margin: 0 0 0 -350px; background: transparent; } #modal_gd09_01 .title { background-color: transparent; color:#000; } #modal_gd09_01 img + .title { margin-top: 10px; } #modal_gd09_01 img:first-child { margin-top: 20px; } #modal_gd09_01.util p { text-align: left; margin-top: 10px; } #modal_gd09_01 .close-btn { background: transparent; } #modal_gd09_01 .close-btn:after { background-position: -167px -25px !important; } /*/////////////////////////////////// GD10-01 Copon Code ////////////////////////////////////*/ #modal_gd10_01, #modal_gd10_02, #modal_gd10_03{ background: transparent url(../../images/bg_black30.png); } #modal_gd10_01.util.limit .title, #modal_gd10_01.util.limit .close-btn, #modal_gd10_02.util.limit .title, #modal_gd10_02.util.limit .close-btn, #modal_gd10_03.util.limit .title, #modal_gd10_03.util.limit .close-btn{ background-color: #154577; } #modal_gd10_01.util.limit .title, #modal_gd10_02.util.limit .title, #modal_gd10_03.util.limit .title{ padding: 0 10px; line-height: 30px; -webkit-box-shadow: 0px 2px 4px #888; -moz-box-shadow: 0px 2px 4px #888; box-shadow: 0px 2px 4px #888; } #modal_gd10_01.limit .login-btn, #modal_gd10_02.limit .login-btn, #modal_gd10_03.limit .login-btn{ border-top: none; display: inline-block; padding-top: 0; left: 50%; margin: 0 0 0 -12.5%; z-index: 113; } #modal_gd10_01 .thumbnail, #modal_gd10_02 .thumbnail, #modal_gd10_03 .thumbnail{ float: right; margin: 30px 30px 30px 0; max-width: 200px; box-sizing: border-box; } #modal_gd10_01 div.txt, #modal_gd10_02 div.txt, #modal_gd10_03 div.txt{ float: left; width: 460px; } #modal_gd10_01 div.txt p, #modal_gd10_02 div.txt p, #modal_gd10_03 div.txt p{margin-right: 0;} #modal_gd10_01 .cf:after, #modal_gd10_02 .cf:after, #modal_gd10_03 .cf:after{ content:" "; display:block; clear:both; } .link-area{ position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; z-index: 111; } #modal_gd10_01 .fsL04,#modal_gd10_02 .fsL04,#modal_gd10_03 .fsL04{font-size: 26px !important;}/* 200% */ #modal_gd10_01 .fsL03,#modal_gd10_02 .fsL03,#modal_gd10_03 .fsL03{font-size: 19px !important;}/* 150% */ #modal_gd10_01 .fsL02,#modal_gd10_02 .fsL02,#modal_gd10_03 .fsL02{font-size: 16px !important;}/* 130% */ #modal_gd10_01 .fsL01,#modal_gd10_02 .fsL01,#modal_gd10_03 .fsL01{font-size: 14px !important;}/* 110% */ #modal_gd10_01 .fcR,#modal_gd10_02 .fcR,#modal_gd10_03 .fcR{color: #e00000 !important;} #modal_gd10_01 .fcB,#modal_gd10_02 .fcB,#modal_gd10_03 .fcB{color: #005ead !important;} #modal_gd10_01 .fwB,#modal_gd10_02 .fwB,#modal_gd10_03 .fwB{font-weight: bold !important;} #modal_gd10_01.util ul, #modal_gd10_02.util ul, #modal_gd10_03.util ul{ margin: 30px 30px 20px 44px; font-size: 13px; } #modal_gd10_01 p.text-indent1em,#modal_gd10_02 p.text-indent1em,#modal_gd10_03 p.text-indent1em{ margin-left: 42px; text-indent: -12px; } #modal_gd10_01 ul li,#modal_gd10_02 ul li,#modal_gd10_03 ul li{ list-style-type: disc; } #modal_gd10_01 .title a, #modal_gd10_02 .title a, #modal_gd10_03 .title a{color: #fff;}