@charset "utf-8"; /* COMMON ==================================================================== */ @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff) format('woff');unicode-range: U+0030-0039;} @font-face { font-family: 'SpoqaHanSansNeo-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pretendard-Regular'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/npm/@noonnu/gmarketsansmedium@0.0.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/npm/@noonnu/gmarketsansbold@0.0.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } /* base ==========================================================*/ div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, span, b, u, i, center,input,select,textarea, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button{margin:0;padding:0; font-family :'Noto Sans KR', 'Pretendard-Regular', 'Apple SD Gothic Neo','Ubuntu','Nanum Square','Dotum','돋움', sans-serif; font-weight:300; } * {margin:0;padding:0;outline:none;box-sizing:border-box;text-size-adjust:none;} /* -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; */ html {margin :0; padding :0; line-height:150%; color:#555; letter-spacing: -0.5; } html, body {width:100%; height:100%;word-break:break-all; } body {position:relative;min-width:320px; background:#fff;} h2 {display:block; } ul, ol {list-style-type:none; } nav ul, li {list-style:none; } table {border-collapse:collapse; border-spacing:0; } b, strong {font-weight:500; } fieldset,iframe {margin :0; border :0; vertical-align:middle; } img { max-width: 100%; height: auto; } label,i {cursor:pointer;} caption,legend {visibility:hidden;width:0; height:0; font-size:0; line-height:0px; } object,video,embed {position:relative; top:0; left:0; max-width:100%; } hr {overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; position:absolute; } /* html5 ie9 else */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block; padding:0; margin:0; } input {vertical-align: middle; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;} input:focus {background:#ffd940; border-color:#ffd940; color:#000;} textarea {resize:none;border:none; background:none; } template, datalist, section h6 {display:none;} em {font-style:normal;} button { border:0; background:none; } button, input, select, textarea {font:inherit; vertical-align:middle; box-sizing:border-box; } input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; overflow: visible; box-sizing: border-box; -webkit-appearance: button; appearance: button;vertical-align:middle;} input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"], textarea, datalist {border:1px solid #ccc; padding:0px 10px; letter-spacing:-0.75px; line-height:38px; -webkit-appearance: none; appearance: none; } input[type="password"]::-ms-reveal, input[type="password"]::-ms-clear { display: none; } select {position:relative;min-width:80px; line-height:38px; background:#fff;border:1px solid #ccc; color:#555; border-radius:0 !important; padding: 0 25px 0 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url("../../_common/img/common/icon_select_arrow.png")no-repeat right 8px center; background-size: 10px auto; } textarea {overflow:auto; resize:none;} .input_datepicker {background: #fff url("../../_common/img/common/icon_select_arrow.png")no-repeat right 10px center; background-size: 10px auto;} input[type="checkbox"], input[type="radio"] { width:14px; height:14px; line-height:14px; box-sizing:border-box; } input[type="search"] {box-sizing:content-box; } a {text-decoration:none; cursor:pointer; color:#444; } a:link, a:visited, a:hover, a:focus, a:active {text-decoration:none; } .blind {display:none;} .fbig {font-size:1.1em;} .block {display:block !important;} .inlineblock {display:inline-block !important;} .left {text-align:left !important; } .center {text-align:center !important; } .right {text-align:right !important; } .fgray {color:gray !important; } .fred {color:#f22800 !important; } .fyellow {color:#ffcc00 !important; } .fsky {color:#3090d6 !important; } .fmint {color:#4ec8ce !important; } .fblue {color:#0575e9 !important; } .fmint {color:#1cb1b8 !important; } .forange {color:#ff9933 !important; } .fcharcoal {color:#777 !important; } .fblack {color:#000 !important; } .fwhite {color:#fff !important; } .fpilsu {color:#f27a22 !important; } .fbold {font-weight:500 !important; } .vtop {vertical-align:top !important; } .vmiddle {vertical-align:middle !important; } .stx_word {color:#d32d12 !important; } .overauto {overflow:auto !important; } .overhidden {overflow:hidden !important; } .extra01 {color:#fb8010 !important; } .extra02 {color:#004f9e !important; } .sfont {font-size:0.85em;} .alink {color:#2684dc;text-decoration:underline !important;} .alink i {background-color:#fff !important;color:#2684dc !important;} .bg_y {background-repeat:repeat-y !important; } .bg_x {background-repeat:repeat-x !important; } .bgno {background-repeat:no-repeat !important; } .fl {float:left; } .fr {float:right; } .cb {clear:both; margin:0; } .cursor {cursor:pointer; } .ginfo_box {position:relative;overflow:hidden; margin-bottom:20px;display:flex;justify-content: space-between; } .ginfo_box .ginfo_txt { font-size:0.9em;} .ginfo { color:#666;} .ginfo span {position:relative; font-weight:500; color:#333; padding-left:15px;} .ginfo span::after {content:''; position:absolute; top:2px; left:7px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;} .ginfo2 i {color:#17A865; margin-right:5px;} @media screen and (max-width:600px) { .ginfo { font-size:0.9em;} } .ghelp {color: #fe6600; font-size:0.9em;} .fsize8 {font-size:8px !important; } .fsize9 {font-size:9px !important; } .fsize10 {font-size:10px !important; } .fsize11 {font-size:11px !important; } .fsize12 {font-size:12px !important; } .fsize13 {font-size:13px !important; } .fsize14 {font-size:14px !important; } .fsize15 {font-size:15px !important; } .fsize20 {font-size:20px !important; } .mt5 {margin-top:5px !important; } .mt10 {margin-top:10px !important; } .mt15 {margin-top:15px !important; } .mt20 {margin-top:20px !important; } .mt25 {margin-top:25px !important; } .mt30 {margin-top:30px !important; } .mt35 {margin-top:35px !important; } .mt40 {margin-top:40px !important; } .mb5 {margin-bottom:5px !important; } .mb10 {margin-bottom:10px !important; } .mb15 {margin-bottom:15px !important; } .mb20 {margin-bottom:20px !important; } .mb25 {margin-bottom:25px !important; } .mb30 {margin-bottom:30px !important; } .mb35 {margin-bottom:35px !important; } .mb40 {margin-bottom:40px !important; } .mb50 {margin-bottom:50px !important; } .mb60 {margin-bottom:60px !important; } .mb70 {margin-bottom:70px !important; } .ml5 {margin-left:5px !important; } .ml10 {margin-left:10px !important; } .ml15 {margin-left:15px !important; } .ml20 {margin-left:20px !important; } .ml25 {margin-left:25px !important; } .ml30 {margin-left:30px !important; } .ml35 {margin-left:35px !important; } .ml40 {margin-left:40px !important; } .mr5 {margin-right:5px !important; } .mr10 {margin-right:10px !important; } .mr15 {margin-right:15px !important; } .mr20 {margin-right:20px !important; } .mr25 {margin-right:25px !important; } .mr30 {margin-right:30px !important; } .mr35 {margin-right:35px !important; } .mr40 {margin-right:40px !important; } .pt5 {padding-top:5px !important; } .pt10 {padding-top:10px !important; } .pt15 {padding-top:15px !important; } .pt20 {padding-top:20px !important; } .pt25 {padding-top:25px !important; } .pt30 {padding-top:30px !important; } .pt35 {padding-top:35px !important; } .pt40 {padding-top:40px !important; } .pb5 {padding-bottom:5px !important; } .pb10 {padding-bottom:10px !important; } .pb15 {padding-bottom:15px !important; } .pb20 {padding-bottom:20px !important; } .pb25 {padding-bottom:25px !important; } .pb30 {padding-bottom:30px !important; } .pb35 {padding-bottom:35px !important; } .pb40 {padding-bottom:40px !important; } .pl5 {padding-left:5px !important; } .pl10 {padding-left:10px !important; } .pl15 {padding-left:15px !important; } .pl20 {padding-left:20px !important; } .pl25 {padding-left:25px !important; } .pl30 {padding-left:30px !important; } .pl35 {padding-left:35px !important; } .pl40 {padding-left:40px !important; } .pr5 {padding-right:5px !important; } .pr10 {padding-right:10px !important; } .pr15 {padding-right:15px !important; } .pr20 {padding-right:20px !important; } .pr25 {padding-right:25px !important; } .pr30 {padding-right:30px !important; } .pr35 {padding-right:35px !important; } .pr40 {padding-right:40px !important; } .pall5 {padding:5px !important; } .pall10 {padding:10px !important; } .pall15 {padding:15px !important; } .pall20 {padding:20px !important; } .pall25 {padding:25px !important; } .pall30 {padding:30px !important; } .pall35 {padding:35px !important; } .pall40 {padding:40px !important; } .minw10p {min-width:10px !important;} .minw20p {min-width:20px !important;} .minw30p {min-width:30px !important;} .minw40p {min-width:40px !important;} .minw50p {min-width:50px !important;} .w10p {width:10px !important; } .w20p {width:20px !important; } .w30p {width:30px !important; } .w40p {width:40px !important; } .w50p {width:50px !important; } .w60p {width:60px !important; } .w70p {width:70px !important; } .w80p {width:80px !important; } .w90p {width:90px !important; } .w100p {width:100px !important; } .w120p {width:120px !important; } .w130p {width:130px !important; } .w150p {width:150px !important; } .w160p {width:160px !important; } .w180p {width:180px !important; } .w200p {width:200px !important; } .w210p {width:210px !important; } .w220p {width:220px !important; } .w230p {width:230px !important; } .w240p {width:240px !important; } .w250p {width:250px !important; } .w300p {width:300px !important; } .w400p {width:400px !important; } .w500p {width:500px !important; } .w600p {width:600px !important; } .w700p {width:700px !important; } .w800p {width:800px !important; } .w900p {width:900px !important; } .w1000p {width:1000px !important; } .w10 {width:10% !important; } .w15 {width:15% !important; } .w20 {width:20% !important; } .w25 {width:25% !important; } .w30 {width:30% !important; } .w40 {width:40% !important; } .w50 {width:50% !important; } .w60 {width:60% !important; } .w70 {width:70% !important; } .w80 {width:80% !important; } .w85 {width:85% !important; } .w90 {width:90% !important; } .w95 {width:95% !important; } .w97 {width:97% !important; } .w99 {width:99% !important; } .w100 {width:100% !important; } .fw2030 {width:20% !important; } @media screen and (max-width:800px) { .fw2030 {width:30% !important; } } .h10p {height:10px !important; } .h20p {height:20px !important; } .h30p {height:30px !important; } .h40p {height:40px !important; } .h50p {height:50px !important; } .h60p {height:60px !important; } .h70p {height:70px !important; } .h80p {height:80px !important; } .h90p {height:90px !important; } .h100p {height:100px !important; } .h150p {height:150px !important; } .h200p {height:200px !important; } .h250p {height:250px !important; } .h300p {height:300px !important; } .h400p {height:400px !important; } .h500p {height:500px !important; } .h600p {height:600px !important; } .h700p {height:700px !important; } .h800p {height:800px !important; } .h900p {height:900px !important; } .h1000p {height:1000px !important; } /* 폼 관련 ==================================================================================== */ .help_box {border:1px solid #e4e4e4; background:#f9f9f9; padding:25px; margin-bottom:15px; line-height:1.4;} .input_form {border:1px solid #ccc; padding:0px 10px; letter-spacing:-0.75px; line-height:38px; } .textarea_form {width:100%; min-height:50px; background:#fff; padding:15px; border:1px solid #ccc; overflow-x:hidden; } .textarea_form .extra01 {color:#fe773d !important;} .input_form:focus, .textarea_form:focus, select:focus {border-color:#66afe9;} .input_form::placeholder {color:#b5b5b5;} .input_clear_wrap {position:relative;} .input_clear_wrap i {position:absolute; top:15px; right:5px; cursor:pointer; visibility:hidden;} #add_box, #add_box2 {display:none;position:absolute;z-index:2;background:#fff;} @media screen and (max-width:800px) { .help_box {padding:15px;} } .nolist { text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 100px 0; color: #999;} /* 파일첨부 관련 ==================================================================================== */ .file_box {position:relative; width:310px; margin:5px; overflow:hidden;} .file_box .up_files {display:none;} .file_box .file_preview {float:left;width: 100px; height: 40px; border-radius:6px; overflow: hidden; background: #ddd; justify-content: center; align-items: center; display: flex;} .file_box .file_preview img {width:auto; height:100%;} .file_box .file_btn {float:left; width: 80px; height: 40px; line-height:40px; border-radius:6px; background:#333; color:#fff; font-weight:500; text-align:center; margin-left:10px; } /* 페이지 관련 ===============================================*/ .page_box {text-align:center; } .page_box a {display:inline-block;width:40px; height:40px; line-height:38px; text-align:center; font-size:0.9em;color:#666;border:1px solid #fff; background:#fff; margin:0 3px; overflow:hidden; border-radius:5px;} .page_box a:hover {border:1px solid #ddd; color:#333; font-weight:600;} .page_box .on:hover , .page_box .on {font-weight:600; color:#fff; border:1px solid #555;background:#666;} .page_box .parrow01 {background:url("../img/common/icon_page.png") no-repeat -40px -1px #fff;background-size:auto 40px;overflow:hidden;border:1px solid #ddd; } .page_box .parrow02 {background:url("../img/common/icon_page.png") no-repeat -80px -1px #fff;background-size:auto 40px;overflow:hidden;border:1px solid #ddd; } .page_box .parrow03 {background:url("../img/common/icon_page.png") no-repeat 0 -1px #fff;background-size:auto 40px;overflow:hidden;border:1px solid #ddd; } .page_box .parrow04 {background:url("../img/common/icon_page.png") no-repeat -120px -1px #fff;background-size:auto 40px;overflow:hidden;border:1px solid #ddd; } @media screen and (max-width:1024px) { .page_box a { width:35px; height:35px; line-height:34px; margin:0 2px; } .page_box .parrow01 {background:url("../img/common/icon_page.png") no-repeat -35px -1px #fff;background-size:auto 35px; } .page_box .parrow02 {background:url("../img/common/icon_page.png") no-repeat -70px -1px #fff;background-size:auto 35px; } .page_box .parrow03 {background:url("../img/common/icon_page.png") no-repeat 0 -1px #fff;background-size:auto 35px; } .page_box .parrow04 {background:url("../img/common/icon_page.png") no-repeat -105px -1px #fff;background-size:auto 35px; } } /* 버튼 관련 ==================================================================================== */ .ab_m {position:relative; display: inline-block; cursor: pointer; text-align:center; white-space:nowrap; vertical-align:middle; touch-action:manipulation; user-select:none; border-radius:2px; padding: 0 10px; min-height:37px; line-height:37px; border:1px solid #c5c5c5; background:#fff;color:#464c51; font-size:0.95em;} .ab_mh {position:relative; display: inline-block; text-align:center; white-space:nowrap; vertical-align:middle; border-radius:2px; padding: 0 10px; min-height:37px; line-height:37px; border:1px solid #c5c5c5; background:#fff;color:#464c51; font-size:0.95em;} .ab_b {position:relative; display: inline-block; text-align:center; white-space:nowrap; vertical-align:middle;border-radius:3px; padding: 0 10px; line-height:44px; border:1px solid #c5c5c5; background:#fff;color:#464c51; font-size:0.95em; cursor: pointer; touch-action:manipulation; user-select:none; } .ab_m:hover {border-color:#000; background:#000 !important; color:#fff;} .ab_m i {margin-right:6px;} .ab_h {opacity:.5 !important;} .ab_blue {border-color:#278adf; background:#278adf; color:#fff;} .ab_blueline {border-color:#278adf; color:#278adf;} .ab_red {border-color:#e55c6c; background:#e55c6c; color:#fff;} .ab_redline {border-color:#e55c6c; color:#e55c6c;} .ab_green {border-color:#217345 !important; background:#217345 !important; color:#fff !important;} .ab_gray {border-color:#5d636c !important; background:#798291 !important; color:#fff !important;} .ab_black {border-color:#333 !important; background:#333 !important; color:#fff !important;} .ab_white {border:1px solid #ddd !important;background: #f3f4f7 !important; color:#555 !important;} /* BOARD BTN ==================================================================================== */ .bbs_btn01 { display:inline-block;text-align:center; font-weight:500; letter-spacing:-1px; border:1px solid rgb(0,0,0,0.1); background:#444; color:#fff; line-height:60px; cursor:pointer; padding:0 10px; min-width:110px; vertical-align:middle; transition: all 0.3s ease; border-radius:2px;} .bbs_btn01:hover { background:#17A865; color:#fff;} .bbs_btn02 {display:inline-block;text-align:center; font-weight:500; letter-spacing:-1px;border:1px solid #aaaaaa; color:#444; background:#fff; line-height:60px; cursor:pointer; padding:0 10px; min-width:110px; vertical-align:middle; transition: all 0.3s ease; border-radius:2px;} .bbs_btn02:hover { background:#17A865;border:1px solid rgb(0,0,0,0.1); color:#fff;} @media screen and (max-width:800px) { .bbs_btn01, .bbs_btn02 {padding:0 10px; min-width:70px; line-height:54px; font-size:0.95em; } } /* 오류화면 ==================================================================================== */ .error_box { margin:0 auto; padding:150px 60px 60px 60px;border:1px solid #dfdfdf;text-align:center; background:url('../img/common/error_img.png') no-repeat center 50px;} .error_box .txt {font-weight:600; font-size:1.35em; color:#444; letter-spacing:-1.5px; line-height:1.5; margin:0 0 30px 0;} .error_box .txt span {display:block; font-size:1.1rem; letter-spacing:-1px; color:#797979; line-height:1.6; margin:10px 0 0 0;} .error_box .btn {display:inline-block;text-align:center; font-weight:500;font-size:1.1em; letter-spacing:-1px; background:#333; color:#fff; line-height:58px; max-width:280px; width:100%; transition: all 0.2s ease; border-radius:2px;cursor:pointer; border:1px solid #000; } .error_box .btns {padding-top:40px; display: grid; grid-template-columns: repeat(2, 1fr); gap:5px; } .error_box .btn02 {display:inline-block;text-align:center; font-weight:500;font-size:1.1em; letter-spacing:-1px; background:#333; color:#fff; line-height:58px; transition: all 0.2s ease; border-radius:2px;cursor:pointer; vertical-align:middle;border:1px solid #000; } .error_box .input_form {height:45px;width:100%;} @media screen and (max-width:600px) { .error_box { padding:135px 40px 40px 40px;background-position:center 40px; } .error_box .txt {font-size:1.25em; } .error_box .txt span { font-size:1.05rem; margin: 5px 0 0 0;} .error_box .input_form {height:40px;} .error_box .btns {padding-top:30px; } .error_box .btn02 { font-size:1em; line-height:50px; } .error_box .btn { font-size:1em; line-height:50px; } } @media screen and (max-width:500px) { .error_box { padding:140px 30px 30px 30px; } .error_box .txt {font-size:1.2em; } } .error_box02 { margin:30px auto; padding:140px 40px 40px 40px;text-align:center;font-size:1.1em;color:#888;line-height:1.5;border:1px solid #dfdfdf; background:url('../img/common/error_img.png') no-repeat center 40px #f9f9f9; } .error_box02 .txt { font-size:1.45em; color:#222; letter-spacing:-1px;font-weight:500;padding:0 0 10px 0; } .error_box02 .btn {display:inline-block; margin-top:40px;} .error_box02 .btn a { display:inline-block;text-align:center; font-size:0.9rem;letter-spacing:-1px; color:#fff;background:#333; line-height:42px; cursor:pointer; min-width:100px;vertical-align:middle; transition: all 0.3s ease; border-radius:2px;} .error_box02.finish_img { background:url('../img/common/error_img2.png') no-repeat center 40px #f9f9f9; } @media screen and (max-width:800px) { .error_box02 { margin:30px auto; padding:140px 20px 30px 20px;font-size:1em;} .error_box02 .txt { font-size:1.3em; } .error_box02 .txt span {display:block; } } .nolist_box {max-width:850px; padding:220px 50px 80px 50px;text-align:center; border:1px solid #ddd; margin:0 auto ; background:url('../../_common/img/common/nolist.png') no-repeat center 70px; } .nolist_box .txt {font-size:1.05em; color:#777; letter-spacing:-1px; } .nolist_box .txt p {font-weight:500; font-size:1.7rem; color:#333; letter-spacing:-2px; line-height:1.2; padding:0 0 15px 0;} @media screen and (max-width:800px) { .nolist_box { padding:180px 30px 60px 30px;background-position:center 50px;background-size:auto 100px;margin:0; } .nolist_box .txt {font-size:0.95em; } .nolist_box .txt p {font-size:1.5rem;padding:0 0 10px 0; } } .finish_box {max-width:850px; padding:210px 50px 50px 50px;text-align:center; border:1px solid #ddd; margin:20px auto ; background:url('../../_common/img/common/finish_img.png') no-repeat center 50px; } .finish_box .txt {font-size:1em; color:#777; letter-spacing:-1px;padding:0 0 50px 0;} .finish_box .txt p {font-weight:500; font-size:1.7rem; color:#333; letter-spacing:-2px; line-height:1.2; padding:0 0 15px 0;} .finish_box .txt p br {display:none;} @media screen and (max-width:800px) { .finish_box { padding:170px 30px 40px 30px;background-position:center 40px;background-size:auto 100px;margin:0; } .finish_box .txt {font-size:0.95em; padding:0 0 30px 0;} .finish_box .txt p {font-size:1.5rem;padding:0 0 10px 0; } .finish_box .txt p br {display:block;} } /* 약관 ==================================================================================== */ .rule_box {background:#fff; border:1px solid #dfdfdf; padding:40px; height:600px; overflow-y:scroll;} .rule_email {margin:auto; background:#fff; font-size:1.05em;line-height:160%;border:1px solid #dfdfdf; padding:70px 100px ; text-align:center; transition:all 0.3s ease;} .rule_email div {color:#111;font-size:2em; font-weight: 500;padding: 170px 0 40px 0; letter-spacing: -1.5px; background: url(../../_common/img/common/rule_email.png) no-repeat center 0; background-size: 210px; border-bottom: 1px solid #eee; margin: 0 0 40px 0; transition:all 0.3s ease;} .rule_email i {display:none; font-size:10em; opacity:0.2; margin-bottom:40px; text-align:center;} @media screen and (max-width:1024px) { .rule_box {padding:20px;} .rule_email {padding:60px 50px ;} .rule_email i {font-size:5em; margin-bottom:20px;} } @media screen and (max-width:800px) { .rule_email {padding:50px 40px;font-size:1em;} .rule_email div {font-size:1.8em; padding:135px 0 40px 0;letter-spacing:-1.4px; background-size:170px; margin: 0 0 30px 0; } } @media screen and (max-width:600px) { .rule_email {padding:50px 30px 40px 30px;font-size:0.95em;} .rule_email div { font-size:1.6em; padding:105px 0 25px 0; background-size:140px; margin: 0 0 25px 0; } } /* 자동등록방지 ==================================================================================== */ .secret_wrap .img {float:left;padding-right:10px;} .secret_wrap .btns {float:left;} .secret_wrap .btns div {background:#f9f9f9; border:1px solid #dfdfdf;line-height: 38px; width: 110px; cursor:pointer; display:block;padding-left:10px;} .secret_wrap .btns div:first-child {border-bottom:0px;} .secret_wrap .btns div i {position:relative !important; top:0 !important; width:20px;text-align:center;} .secret_wrap .form::before {content:''; display:block; clear:both;} .secret_wrap .form input {margin-top:7px;} @media screen and (max-width:410px) { .secret_wrap .btns div {width: 200px;} } /* 준비중화면 ==================================================================================== */ .wait_box {width:75%; padding:200px 0 50px 0;text-align:center; margin:20px auto ; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAYAAAAWCZ6NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNENUUxRDI1NDM5MTFFREE2QjRDM0IyQUY0ODQzOUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNENUUxRDM1NDM5MTFFREE2QjRDM0IyQUY0ODQzOUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0Q1RTFEMDU0MzkxMUVEQTZCNEMzQjJBRjQ4NDM5RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0Q1RTFEMTU0MzkxMUVEQTZCNEMzQjJBRjQ4NDM5RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrJAVmcAABigSURBVHja7F15cBXF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') no-repeat center 50px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } .wait_box div {font-family: 'S-CoreDream-4Regular'; font-size:2.5em; color:#888; letter-spacing:-3.75px; line-height:1; padding:0 0 30px 0;} .wait_box div span {font-family: 'S-CoreDream-5Medium'; } .wait_box p {font-size:1.1em; letter-spacing:-1px; color:#888; } @media screen and (max-width:800px) { .wait_box {width:100%;padding:170px 20px 50px 20px; background-size:160px auto;} .wait_box div { font-size:1.8em; letter-spacing:-3px; padding:0 0 20px 0;} .wait_box p {font-size:1em; } }