@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css'); body { font-family: 'NanumSquare';} /* common */ .disnone { display:none; } .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt70 {margin-top:70px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb70 {margin-bottom:70px!important;} #A_maker {padding-top: 100px; } #A_maker .visual { background:url('/hongbo/rtInclude/maker/m_a/img/a_main_banner001.png');background-position: center; background-size: cover; background-repeat: no-repeat;} #A_maker .text {padding: 180px 0;} /*cont01*/ #A_maker .cont01 .on {display:none;} #A_maker .cont01 .wrap {padding: 50px 0;display: flex; justify-content: space-between;} #A_maker .cont01 .box img { margin: 30px auto 15px;transition: 0.3s;} #A_maker .cont01 .box .mo {display:none;} #A_maker .cont01 .box p {font-size: 18px; font-weight: 700;} #A_maker .cont01 .box:hover .off {display:none;transition: 0.3s;} #A_maker .cont01 .box:hover .on {display:block;transition: 0.3s;} #A_maker .cont01 .box:nth-child(2) img, #A_maker .cont01 .box:nth-child(3) img { margin: 10px auto 15px;} #A_maker .cont02 .wrap {padding-bottom: 50px;display: flex; justify-content: space-between;} #A_maker .cont02 .wrap .no_box h2 {font-size: 25px; font-weight: 700;font-family: 'NanumSquareExtraBold';} #A_maker .cont02 .wrap .no_box a { padding: 20px 0;display: flex; align-items: center; justify-content: space-between;transition: 0.3s;} @media (max-width:1023px){ #A_maker {padding-top: 75px;} #A_maker .text { padding: 120px 0;} #A_maker .cont01 .wrap { padding:10px 20px 20px;} } @media (max-width: 767px) { #A_maker .text { padding: 70px 0;} #A_maker .visual { background: url(/hongbo/rtInclude/maker/m_a/img/a_main_banner001_m.png); background-position: center; background-size: cover; background-repeat: no-repeat;height: 550px;} #A_maker .cont01 .wrap { padding: 30px 20px 25px;} #A_maker .text p br {display:block;} #A_maker .cont01 .box .mo {display:block;width: 75%;} #A_maker .cont01 .box .off, #A_maker .cont01 .box .on {display:none !important;} #A_maker .cont01 .box img { margin: 0px auto 15px;} #A_maker .cont01 .box:nth-child(2) img, #A_maker .cont01 .box:nth-child(3) img { margin: 0px auto 15px;} #A_maker .cont01 .box p { font-size: 13px;} #A_maker .cont01 .box { width: auto; height: auto;} } /* 로그인 */ #Sub.login .login_box { margin:130px 200px 50px; border:1px solid #ddd; padding:62px 50px 50px; } #Sub.login .login_box .tit { margin-bottom:62px; } #Sub.login .login_box .tit h1 { text-align:center; font-size:4rem; font-weight:700; } #Sub.login .login_box form .box { background:#f9f9f9; padding:25px 29px; display:flex; align-items:center; border:1px solid #f9f9f9; transition:0.3s; } #Sub.login .login_box form .box.on { border:1px solid #ddd; transition:0.3s; } #Sub.login .login_box form .box:nth-child(2) { margin-top:20px; margin-bottom:50px; } #Sub.login .login_box form .box input { width:calc(100% - 42px); border:none; font-size:2rem; font-weight:700; background:#f9f9f9; } #Sub.login .login_box form .box:nth-child(1) i { width:2.2rem; height:2.3rem; background:url('/rtImages/do_ad/common/ic_user.png') no-repeat; background-size:contain; margin-right:20px; transition:0.3s; } #Sub.login .login_box form .box:nth-child(2) i { width:2.1rem; height:2.7rem; background:url('/rtImages/do_ad/common/ic_lock.png') no-repeat; background-size:contain; margin-right:20px; margin-left:1px; transition:0.3s; } #Sub.login .login_box form .box.on:nth-child(1) i { background:url('/rtImages/do_ad/common/ic_user_hv.png') no-repeat; transition:0.3s; } #Sub.login .login_box form .box.on:nth-child(2) i { background:url('/rtImages/do_ad/common/ic_lock_hv.png') no-repeat; transition:0.3s; } #Sub.login .login_box form .box input::placeholder { color:rgba(0,0,0,0.3); } #Sub.login .login_box form .box2 button { width:100%; background:#276cae; font-size:2.5rem; font-weight:700; color:#fff; line-height:1; padding:28.5px 0; transition:0.3s; } #Sub.login .login_box form .box2 button:hover { background:#225d95; transition:0.3s; } #Sub.login .btn_box { display:flex; align-items:center; justify-content:center; } #Sub.login .btn_box a { font-size:1.6rem; padding:0 18px; border-right:1px solid #929292; line-height:1; } #Sub.login .btn_box a:last-child { border-right:0; } /* 회원가입 */ #Sub.sign_up .signup_box { margin:130px 200px 50px; border:1px solid #ddd; padding:62px 50px 50px; } #Sub.sign_up .signup_box .tit { margin-bottom:62px; } #Sub.sign_up .signup_box .tit h1 { text-align:center; font-size:4rem; font-weight:700; } #Sub.sign_up .signup_box .box:nth-child(1) { margin-bottom:44px; padding-bottom:48px; border-bottom:1px solid #ddd; } #Sub.sign_up .signup_box .box:nth-child(2) { margin-bottom:48px; } #Sub.sign_up .signup_box .box .tit_sub h1 { font-size:2rem; font-weight:700; margin-bottom:14px; } #Sub.sign_up .signup_box .box .scroll { width:100%; height:82px; overflow-y:scroll; border:1px solid #ddd; padding:20px; margin-bottom:18px; } #Sub.sign_up .signup_box .box .chk_box { display:flex; align-items:center; } #Sub.sign_up .signup_box .box .chk_box input { appearance:none; width:2rem; height:2rem; border:1px solid #000; margin-right:10px; position:relative; } #Sub.sign_up .signup_box .box .chk_box input:checked:after { content:''; width:1.4rem; height:1.4rem; background:#225d95; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); } #Sub.sign_up .signup_box .box .chk_box label { font-size:1.6rem; font-weight:500; } #Sub.sign_up .signup_box .box .chk_box input:checked ~ label { font-weight:700; color:#225d95; } #Sub.sign_up .signup_box .btn button { width:100%; background:#276cae; font-size:2.5rem; font-weight:700; color:#fff; line-height:1; padding:28.5px 0; transition:0.3s; margin-top:30px; } #Sub.sign_up .signup_box .btn button:hover { background:#225d95; transition:0.3s; } #Sub.sign_up .signup_box .box02 { margin-bottom:17px; } #Sub.sign_up .signup_box .box02.last { margin-bottom:50px; } #Sub.sign_up .signup_box .box02 .tit_sub { margin-bottom:13px; } #Sub.sign_up .signup_box .box02 .tit_sub h1 { font-size:2rem; font-weight:700; } #Sub.sign_up .signup_box .box02 .tit_sub h1 span { font-size:1.4rem; font-weight:400; } #Sub.sign_up .signup_box .box02 .tit_sub h1 span.sub { font-size:2rem; font-weight:700; color:#e40000; vertical-align:text-bottom; } #Sub.sign_up .signup_box .box02 .flex { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } #Sub.sign_up .signup_box .box02 .flex input { width:100%; background:#f9f9f9; border:1px solid #f9f9f9; padding:9px 20px; transition:0.3s; font-size:2rem; } #Sub.sign_up .signup_box .box02 .flex input:focus { border:1px solid #ddd; } #Sub.sign_up .signup_box .box02 .flex input.input_id { width:calc(100% - 120px); } #Sub.sign_up .signup_box .box02 .flex input.input_e { width:calc(66% - 5px); } #Sub.sign_up .signup_box .box02 .flex input.input_e2 { width:100%; margin-top:10px; } #Sub.sign_up .signup_box .box02 .flex input.ph { width:calc(33% - 10px); } #Sub.sign_up .signup_box .box02 .flex select { width:calc(33% - 10px); background:#fff; font-size:2rem; border:1px solid #ddd; padding:11px 15px; } #Sub.sign_up .signup_box .box02 .flex select.select_e { width:calc(33% - 15px); } #Sub.sign_up .signup_box .box02 .flex a { width:100px; font-size:1.6rem; font-weight:700; color:#fff; background:#555; text-align:center; padding:13px 0; } #Sub.sign_up .signup_box .box02 .flex span { font-size:1.6rem; } #Sub.sign_up .signup_box .box02 .flex.adr { justify-content:flex-start; } #Sub.sign_up .signup_box .box02 .flex.adr input:nth-child(n+2) { margin-top:10px; } #Sub.sign_up .signup_box .box02 .flex.adr a { margin-left:10px; } /* 아이디/비밀번호 찾기 */ #Sub.sign_find form { display:flex; justify-content:space-between; margin-top: 130px;} #Sub.sign_find .find_box { /*width:calc(50% - 23px);*/ width:calc(100%); border:1px solid #ddd; padding:62px 50px 50px; } #Sub.sign_find .find_box .tit { text-align:center; margin-bottom:62px; } #Sub.sign_find .find_box .tit h1 { font-size:4rem; font-weight:700; } #Sub.sign_find .find_box .tit p { font-size:1.6rem; } #Sub.sign_find .find_box .box { background:#f9f9f9; padding:20px 29px; display:flex; align-items:center; justify-content:space-between; border:1px solid #f9f9f9; transition:0.3s; } #Sub.sign_find .find_box .box.on { border:1px solid #ddd; transition:0.3s; } #Sub.sign_find .find_box .box:nth-child(3) { margin-top:20px; margin-bottom:20px; } #Sub.sign_find .find_box .box input { width:calc(100% - 42px); border:none; font-size:2rem; font-weight:700; background:#f9f9f9; padding:5px 0; } #Sub.sign_find .find_box .box:nth-child(2) i { width:2.2rem; height:2.3rem; background:url('/rtImages/do_ad/common/ic_user.png') no-repeat; background-size:contain; margin-right:20px; transition:0.3s; } #Sub.sign_find .find_box .box:nth-child(3) i { width:2.2rem; height:2.4rem; background:url('/rtImages/do_ad/common/ic_ph.png') no-repeat; background-size:contain; margin-right:20px; transition:0.3s; } #Sub.sign_find .find_box .box.on:nth-child(2) i { background:url('/rtImages/do_ad/common/ic_user_hv.png') no-repeat; transition:0.3s; } #Sub.sign_find .find_box .box.on:nth-child(3) i { background:url('/rtImages/do_ad/common/ic_ph_hv.png') no-repeat; transition:0.3s; } #Sub.sign_find .find_box .box input::placeholder { color:rgba(0,0,0,0.3); } #Sub.sign_find .find_box .box input.ph { width:calc(33% - 31px); background:#fff; text-align:center; } #Sub.sign_find .find_box .box select { width:calc(33% - 31px); background:#fff; font-size:2rem; border:0; padding:7px 0; } #Sub.sign_find .find_box .box2 button { width:100%; background:#276cae; font-size:2.5rem; font-weight:700; color:#fff; line-height:1; padding:28.5px 0; transition:0.3s; } #Sub.sign_find .find_box .box2 button:hover { background:#225d95; transition:0.3s; } #Sub.sign_find .find_box .text { margin-bottom:20px; } #Sub.sign_find .find_box .text p { font-size:1.4rem; } #Sub.sign_find .find_box .text p b { color:#e40000; font-weight:400; } #Sub.sign_find .find_box:nth-child(3) .box:nth-child(3) i { width:2.1rem; height:1.5rem; background:url('/rtImages/do_ad/common/ic_mail.png') no-repeat; background-size:contain; margin-left:1px; } #Sub.sign_find .find_box:nth-child(3) .box.on:nth-child(3) i { background:url('/rtImages/do_ad/common/ic_mail_hv.png') no-repeat; background-size:contain; } #Sub.sign_find .btn_box { display:flex; justify-content:center; align-items:center; margin-top:50px; } #Sub.sign_find .btn_box p { font-size:1.6rem; } #Sub.sign_find .btn_box a { font-size:1.6rem; color:#276cae; margin-left:10px; } #mb_menu { display:none; } #mb_menu:before { content:''; width:100%; height:100vh; background-color:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:10; } #mb_menu .modal { position:fixed; left:0; top:0; width:75vw; height:100vh; overflow-y:scroll; background-color:#fff; z-index:11; } #mb_menu .modal::-webkit-scrollbar { display:none; } #mb_menu .logo { padding:18.5px 21px; border-bottom:1px solid #ddd; } #mb_menu .logo button { display:block; } #mb_menu .logo button img { height:16px; } #mb_menu .menu_box { height:calc(100vh - 54px); display:flex; flex-wrap:wrap; align-content:space-between; } #mb_menu .menu_box .menu, #mb_menu .menu_box .sub_menu { width:100%; } #mb_menu .menu_box .menu .list { width:100%; border-bottom:1px solid #ddd; } #mb_menu .menu_box .menu .list a { display:block; padding:10px 21px; } #mb_menu .menu_box .menu .list a p { font-size:1.7rem; font-weight:600; color:#222; } #mb_menu .menu_box .sub_menu .list { width:100%; border-top:1px solid #ddd; } #mb_menu .menu_box .sub_menu .list a { display:block; padding:10px 21px; } #mb_menu .menu_box .sub_menu .list a p { font-size:1.7rem; font-weight:600; color:#999; }