/* Noto Sans KR */ @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src: url(/_next/static/media/NotoSansKR-Light.aab75a30.woff2) format('woff2'), url(/_next/static/media/NotoSansKR-Light.8d043898.woff) format('woff'), url(/_next/static/media/NotoSansKR-Light.c1773a8b.otf) format('opentype'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:normal; src: url(/_next/static/media/NotoSansKR-Regular.5f8ebbc6.woff2) format('woff2'), url(/_next/static/media/NotoSansKR-Regular.6b8b830b.woff) format('woff'), url(/_next/static/media/NotoSansKR-Regular.17e583a0.otf) format('opentype'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight: 500; src: url(/_next/static/media/NotoSansKR-Medium.34b69f89.woff2) format('woff2'), url(/_next/static/media/NotoSansKR-Medium.6f0ad82b.woff) format('woff'), url(/_next/static/media/NotoSansKR-Medium.0605c6bc.otf) format('opentype'); } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:bold; src: url(/_next/static/media/NotoSansKR-Bold.061da1d7.woff2) format('woff2'), url(/_next/static/media/NotoSansKR-Bold.6de8ca2f.woff) format('woff'), url(/_next/static/media/NotoSansKR-Bold.099911b2.otf) format('opentype'); } /* Pretendard */ @font-face { font-family:'pretendard'; font-style:normal; font-weight:300; src: url(/_next/static/media/Pretendard-Thin.9335fa2f.woff2) format('woff2'), url(/_next/static/media/Pretendard-Thin.fa086059.woff) format('woff'); } @font-face { font-family:'pretendard'; font-style:normal; font-weight:400; src: url(/_next/static/media/Pretendard-Regular.45abdda6.woff2) format('woff2'), url(/_next/static/media/Pretendard-Regular.cdf673f5.woff) format('woff'); } @font-face { font-family:'pretendard'; font-style:normal; font-weight: 500; src: url(/_next/static/media/Pretendard-Medium.594abaeb.woff2) format('woff2'), url(/_next/static/media/Pretendard-Medium.177096cf.woff) format('woff'); } @font-face { font-family:'pretendard'; font-style:normal; font-weight: 600; src: url(/_next/static/media/Pretendard-SemiBold.ce18f4c4.woff2) format('woff2'), url(/_next/static/media/Pretendard-SemiBold.db2f9c80.woff) format('woff'); } /* ***************************************************************** * filename : reset.css * description : 절대 수정 추가 X (수정/추가 문의 ㅣ 일시적으로 변경하는건 common.css로) * date : 2023-04-10 ****************************************************************** */ html { overflow-y:scroll; } html, a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, td, tfoot, thead, th, tr, td, video, tt, u, ul, var, input, :after, :before {margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline; box-sizing:border-box;} body {color:#333; font-size:85%; line-height:1.5em; -webkit-text-size-adjust:none;} h1, h2, h3, h4, h5, h6, table, tr, th, td, input, button, select, textarea {font-size:1em; box-sizing:border-box;} body, input, button, select, textarea, sub {font-family:'pretendard', 'Noto Sans KR' , dotum, Helvetica, sans-serif; -webkit-text-size-adjust:none;} cite, address, optgroup {font-style:normal;} kbd, samp, code {font-family:monospace;} a {color:inherit;} a:link, a:visited, a:focus, a:active {text-decoration:none;} a:hover {text-decoration:underline;} button, label {cursor:pointer;} button { padding:0; border:none; background:transparent; } code {display:block;} input[type="submit"] {-webkit-appearance:none;} legend, hr {position:absolute; top:0; left:0; overflow:hidden;} legend, hr, caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;} img, input, button, select, textarea, th, td {vertical-align:middle;} img, fieldset {border:0;} img { max-width:100%; } ul, ol {list-style:none;} abbr, acronym {border-bottom:1px dotted black; cursor:help;} table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;} strong, em {font-weight:bold;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;} mark, rp, rt, ruby, summary, time {display:inline;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:""; content:none;} input[type="text"], input[type="password"], input[type="submit"], input[type="tel"], input[type="email"], input[type="file"], textarea, select { -webkit-appearance:none; border-radius:0; } input[type="radio"], input[type="checkbox"] { border:1px solid #b9b9b9; } input[type="file"] {width:100%;} /* 배경출력 */ * {-webkit-print-color-adjust:exact;} /* 숨김 */ ul#skipToContent {position:absolute; top:0; left:0; z-index:10000; width:100%; height:0;} ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%; } ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;} ul#skipToContent li a:focus,ul#skipToContent li a:active {top:0px; width:100%; padding:15px 0; font-size:1em; background-color:#0054A6} .sub-contents.board-content{min-height:auto;} :root { --color-main:#14367c ; --color-yellow: #FCB034; --color-orange: #F56830; --color-white: #FFFFFF; --color-black: #000000; --color-border: #EEEEEE; --color-red: #ED1C2A; --gap60: 60px; --gap100: 100px; --gap150: 150px; } @media (max-width: 1860px) { :root { --font100: 8.6rem; --font90: 7.8rem; } } @media (max-width: 1600px) { :root { --font70: 6.4rem; --font56: 4.8rem; --font50: 4.2rem; } } @media (max-width: 1400px) { :root { --font100: 6.6rem; --font90: 6.0rem; --font70: 5.4rem; --font56: 4.4rem; --font46: 3.5rem; } } @media (max-width: 1200px) { :root { --gap100: 70px; --gap150: 100px; --font100: 5.6rem; --font90: 5.0rem; --font70: 4.4rem; --font56: 3.4rem; --font50: 3.2rem; --font40: 3.0rem; } } @media (max-width: 1024px) { :root { --font100: 5.2rem; --font90: 4.6rem; --font70: 4.2rem; } } @media (max-width: 768px) { :root { --gap100: 50px; --gap150: 80px; --font70: 3.6rem; --font56: 3.0rem; --font50: 2.6rem; --font40: 2.3rem; } } @media (max-width: 640px) { :root { --gap60: 40px; --font70: 3.0rem; --font56: 2.4rem; --font50: 2.2rem; } } /* 공통 */ #wrap {min-width:320px} #container {width:100%; min-height:800px;} img {max-width:100%;height: auto;} /* header */ #header { position:fixed; top:0; left:0; width:100%; height:100px; z-index:1001; transition:background 0.3s ease-out; transition:.2s linear; } #header h1 {position:absolute; top:27px; left:30px; width:115px; height: 50px; font-size:30px; color:#ffffff; font-weight:600; z-index:11; } #header h1 a { display:block; width:270px; height:33px; text-indent:-9999px; text-decoration:none; background:url(/_next/static/media/gms_w2.26c9c3f8.png) 0 0 no-repeat; background-size:contain; } #header.hover { border-bottom:1px solid #e1e1e1; } #header.hover h1 a { background:url(/_next/static/media/gms_c2.38731902.png) 0 0 no-repeat; background-size:contain;} #header .head_util { position:absolute; top:0; right:0; z-index:12; } #header .head_util .tit { display:none; } #header .head_util > button { display:none; } #header .btn_bar { position:absolute; display:block; top:0; right:0; z-index:20; } #header .btn_bar > button { display:block; width:100px; height:100px; } #header .btn_bar > button > span { position:relative; display:block; margin: 0 auto; width:25px; height:1px; background:#fff; text-indent:-9999px; transition: all 0.3s ease; content:''; } #header .btn_bar > button > span:after, #header .btn_bar > button > span:before { position:absolute; display:block; right:0; width:25px; height:1px; background:#fff; } #header .btn_bar > button > span:after { top:-8px; transition: all 0.3s ease; content:''; } #header .btn_bar > button > span:before { top:8px; transition: all 0.2s ease; content:''; } #header .btn_bar > button:hover > span { background:#000000; } #header .btn_bar > button:hover > span:after, #header .btn_bar > button:hover > span:before { width:100%; background:#000000; } #header .btn_nav { display:none; } /* gnb */ #gnb { position:relative; z-index:10; } #gnb > ul { width:1400px; margin:0 auto; text-align:center; font-size:0; } #gnb > ul > li { position:relative; display:inline-block; } /*#gnb > ul > li > a { position:relative; display:block; padding:0 32px; height:100px; color:#ffffff; font-size:18px; font-weight:400; text-decoration:none; line-height:100px; }*/ #gnb > ul > li > a { position:relative; display:block; padding:0 40px; height:100px; color:#ffffff; font-size:18px; font-weight:400; text-decoration:none; line-height:100px; transition: all 0.2s ease; } #gnb > ul > li > a:after { display:block; position:absolute; left:50%; bottom:1px; width:0; height:4px; content:''; transition:all 0.2s ease-out; } #gnb > ul > li > a:hover:after, #gnb.open > ul > li.on > a:after { width:100%; margin-left:-50%; background:#14367c; } #gnb > ul > li > ul { display:none; position:absolute; top:116px; right:0; width:100%; text-align:left; font-size:16px; color:#fff; z-index:120; } #gnb > ul > li:first-child ul:after { display:none; } /* #gnb > ul > li ul:after { content:''; display:block; position:absolute; left:0; top:0; height:170px; width:1px; background:#dddddd; } */ #gnb > ul > li > ul > li { position:relative; } #gnb > ul > li > ul > li:first-child:before{ display:none; } #gnb > ul > li > ul > li a { display:block; font-size:16px; padding:10px 0; color:#ffffff; font-weight:400; text-align:center; transition:all 0.3s; text-decoration:none; } #header.hover #gnb > ul > li > ul > li.on a:hover { color:#14367c; } #header.hover #gnb > ul > li > a { padding:0 60px; } #header.hover #gnb > ul > li > a, #header.hover #gnb > ul > li > ul > li a { color:#000000; } #header.hover .btn_bar > button > span, #header.hover .btn_bar > button > span:after, #header.hover .btn_bar > button > span:before { background:#000000; } /*#gnb li span.bg { visibility:hidden; opacity:0; position:fixed; z-index:110; top:100px; left:0; width:100%; height:0; background:#f2f2f2; transition:all 0.3s ease-out; }*/ #gnb span.bg {display:none; position:absolute; z-index:110; top:100px; left:0; width:100%; height:250px; background:#f6f6f6; border-bottom:1px solid #e1e1e1; } #gnb.open span.bg {display:block;} #header.fixed { background-color:#000000; } /*div.fixed { transform:translateY(-250%) }*/ #header.up { top:-100px; } #header.down { top:0; } #header.hover { background-color:#ffffff; } #gnb.open li.on span.bg { visibility:visible; opacity:1; height:80px; } #gnb.open > ul > li.on > a:before { display:block } #gnb.open > ul > li > ul { display:block; } .hover{} .hover .language a{color:#;} .hover .language a.on{color:#333; border-bottom:2px solid #333;} .language{position: absolute !important; right: 30px; top: 34px;} .language a{font-size:18px; color:#c1c1c1;} .language a:first-child{margin-right:10px;} .language a.on{color: #ffffff; font-weight: 600;} .language a.on{border-bottom:2px solid #fff;} /*footer*/ .footBox {padding:35px 0 40px;} .footBox .inner {position:relative; margin:0 auto; padding:0 0 0 270px; max-width:1500px;} .footBox .inner .flogo {display:block; position:absolute; left:15px; top:5px; width:200px; height:30px; background:url(/_next/static/media/gms_w2.26c9c3f8.png) 0 0 no-repeat; background-size:200px;} .footBox .inner .fqiuckm {display:flex; align-items:center; margin-bottom:20px;} .footBox .inner .fqiuckm::after {content:''; display:block; clear:both;} .footBox .inner .fqiuckm > li {position:relative; float:left; padding-right:30px;} .footBox .inner .fqiuckm > li:nth-child(2){padding-right:20px;} .footBox .inner .fqiuckm > li:last-child {padding:0;} .footBox .inner .fqiuckm > li:first-child{} .footBox .inner .fqiuckm > li:first-child::after {content: ''; display:block; position:absolute; right:13px; top:50%; transform:translateY(-50%); width:1px; height:11px; background-color:#dcdcdc; border-radius:50%;} .footBox .inner .fqiuckm > li a {position:relative; display:block; text-decoration:none; color:#ffffff; font-size:15px;} .footBox .inner .finfobox {font-size:0; color:#7f7f7f;} .footBox .inner .finfobox::after {content:''; display:block; clear:both;} .footBox .inner .finfobox .fopt {display:inline-block; margin-bottom:5px; margin-right:20px; font-size:16px; color:#dddddd;} .footBox .inner .finfobox .fopt:first-child {margin-right:20px;} .footBox .inner .finfobox .fopt > strong {font-weight:500; color:#fff; margin-right:4px;} .footBox .inner .finfobox .copyright {font-size:15px; color:#595959;} .footBox .inner .finfobox .copyright > strong {color:#333;} .footBox .inner .finfobox .mailTxt {margin-bottom:0; font-size:15px;} .footBox select{padding:0 35px 0 15px; width:200px; color:#fff; background:#000 url(/_next/static/media/icon_select_w.11ccf8c4.svg) right 10px center no-repeat; background-size:9px; position:static; font-size:14px; height:36px;} @media screen and (max-width:1180px){ .footBox{padding:25px 20px 25px;} .footBox .inner .flogo{display:block; text-align:center; margin:0 auto; position:inherit; left:inherit; top:inherit;} .footBox .inner{padding:0; max-width:inherit; text-align:center;} .footBox .inner .fqiuckm{display:table; margin:15px auto 15px; text-align:center;} .footBox .inner .fqiuckm > li:nth-child(1) , .footBox .inner .fqiuckm > li:nth-child(2){z-index:2;} .footBox .inner .fqiuckm > li:nth-child(2){padding-right:0;} .footBox .inner .fqiuckm > li:last-child{display:block; padding:30px 0 0; float:inherit; left: 50%; transform: translateX(-50%);} .footBox .inner .finfobox .fopt{font-size:14px;} .footBox .inner .finfobox .copyright{font-size:13px;} } @media screen and (max-width:780px){ .footBox .inner .finfobox .fopt:last-child{margin-left:0;} } @media screen and (max-width:1400px) { /* header */ #header {height:80px;} #header h1 { left:20px; top:20px; margin-left:auto; font-size:22px; } #header h1 img { height:40px; } #header .head_util { position:fixed; display:table; width:290px; right:-290px; left:auto; height:80px; margin-left:0; background:#fff; transition: right 0.3s ease; z-index:110; opacity:0;} #header .head_util:after {content:''; display:block; clear:both;} #header .head_util .tit {display:table-cell; text-align:left; vertical-align:middle; padding-left:18px;} #header .head_util .tit img {height:30px;} #header .head_util > button {position:absolute; right:0; display:block; width:80px; height:80px; font-size:24px} #header .head_util > button i:before {color:#969696} #header.open .head_util {right:0; opacity:1;} #header .btn_bar > button { width: 80px; height: 80px; } #header .btn_sitemap {display:none} #header .btn_nav {display:block} #header.open .mask {position: fixed; z-index:100; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;} #header.open #gnb {top:0; right:0; overflow-y:auto;} /* gnb */ #gnb {position:fixed; display:block; right:-290px; padding-top:80px; top:0; width:290px; height:100%; background:#fff; z-index:110; transition: right 0.3s ease;} #gnb > ul { width:auto; text-align:left;} #gnb > ul > li {display:block; margin-left:0; width:100%; border-bottom:1px solid #e7e7e7} #gnb > ul > li:after {display:none} #gnb > ul > li > a, #header.hover #gnb > ul > li > a {padding:0 18px; height:60px; line-height:60px; color:#000; text-decoration:none; background-size:11px; transition:background 0.2s ease;} #gnb > ul > li.long > a {padding:0 20px 0 18px;} /* #gnb > ul > li > a:hover {background-color:#f6f6f6;} */ #gnb > ul > li > a:avtive { color:#000000; } /*#gnb > ul > li > a:hover:before {display:none}*/ #gnb > ul > li > a:before { content:'\e941'; display:block; position: absolute; right:20px; top:0; font-family:'xeicon'; font-size: 13px; color:#a1a1a1; } #gnb > ul > li.on > a:before { content: '\e941'; display: block; position: absolute; right: 20px; top: 0; font-family: 'xeicon'; font-size: 13px; color: #a1a1a1; } #gnb > ul > li > ul {position:static; padding:0; height:auto; max-height:0; min-height:auto; border:0; display:block !important; overflow:hidden; transition:max-height 0.8s; background:#f1f1f1} #gnb > ul > li ul:after { display:none; } #gnb > ul > li > ul > li { display:block; padding:0; } #gnb > ul > li > ul > li > a {position:relative; display:block; padding:0 26px 0 31px; height:46px; line-height:46px; border-bottom:1px solid #e5e5e5; color:#666; font-size:16px; text-align:left;} #gnb > ul > li > ul > li:last-child > a {border-bottom:0 none} #gnb > ul > li > ul > li > a:before {content:''; position:absolute; top:50%; left:18px; display:block; width:6px; height:1px; background:#b3b3b3} #gnb > ul > li > ul > li > a:hover, #gnb > ul > li > ul > li.on > a {background:#e8edf3; color:#363636;} #gnb > ul > li > ul > li.on > a {font-weight:bold;} #gnb > ul > li.on > ul {max-height:2000px;} #gnb > ul > li.on a{position:relative;} #gnb > ul > li.on > a:before { content: '\e941'; display: block; position: absolute; right: 20px; top:0; font-family: 'xeicon'; font-size: 13px; color: #a1a1a1; transform:rotate(180deg);} #gnb > ul > li.on > a, #gnb.open > ul > li.on > a { background-size:11px;} #gnb > ul > li > a:after, #gnb.open span.bg {display:none;} #gnb > ul > li.language{border-top:0 !important;} .language{position:inherit !important; text-align:left; padding:0 15px 15px;} .language a.on{border-bottom:2px solid #333; color:#333;} .language a:first-child{margin-right:20px;} } @media screen and (max-width:620px) { /* 공통 */ /* header */ #header {height:65px;} #header h1 { top:18px; font-size:22px; } #header h1 img { height:30px; } #header .head_util {height:65px;} #header .head_util > button { width:65px; height:65px; } #header .head_util .tit img {height:30px;} #header .btn_bar > button { width:65px; height:65px; } /* gnb */ #gnb {padding-top:65px;} #gnb > ul > li > a {height:56px; line-height:56px; font-size:15px; letter-spacing:-0.3px;} #gnb > ul > li > ul > li > a {height:48px; line-height:48px; font-size:14px;} #gnb > ul > li > ul > li > a:before {top:49%} } @media screen and (max-width:540px) { #header h1 { top:23px; } #header h1 a, #header.hover h1 a { width:150px; background-size:150px auto; } } @media screen and (max-width:800px) { #container {min-height:500px} } .contents { max-width:1400px; min-height:500px; margin: 0 auto;; } /* footer */ #footer {background:#181818; color:#484848; border-top:1px solid #EEEEEE; font-size:14px; z-index:10; } #footer .f_info { position:relative; padding:40px 40px; } #footer .f_info p { margin-bottom: 5px; color:#fff;} #footer .f_info p.f_logo { margin-bottom: 15px; font-size:17px; color:#fff; font-weight: 600; } #footer .f_info p.f_add span { display:inline-block; margin-right: 20px; } #footer .f_info p.f_copy{color:#fff; opacity:.4;} #footer .f_info p.friendcom { position: absolute; right:40px; top:50px; } /* 상단바로가기 */ .btn_top { position:absolute; bottom:80px; right:0; transition:background 0.2s ease-out; transition:.2s linear; } .btn_top{} @media screen and (max-width:800px) { #footer { font-size:13px} #footer .f_info { padding: 20px 0; text-align:center; } #footer .f_info p.friendcom { position: relative; margin-top: 10px; padding:0; padding-top: 10px; right:auto; top:auto; border-top:1px solid #e7e7e7; text-align:center; } #footer .f_info p.f_logo { margin-bottom: 10px; font-size: 14px; } } @media screen and (max-width:420px) { #footer { font-size:12px} } /* 사이트맵 */ .sitemap {display:none; z-index:1000; position:fixed; top:0; left:0; width:100%; background:#fff;} .sitemap.open {display:block} .sitemap .btn_close {position:absolute; top:50px; right:50px; text-indent:-9999px; width:70px; height:70px; background:url(/_next/static/media/btn_close.1c56b9a8.png) 0 0 no-repeat;} .sitemap .cont {overflow:hidden;} .sitemap .cont > li {overflow:hidden; float:left; display:table; width:25%; height:100vh; padding:0 90px; background:#fff; border-right:1px solid #e0e0e0; transition:background 0.3s ease-out; text-align:center; } .sitemap .cont > li a { display:block; padding:5px 0; text-decoration:none; transition:all 0.3s ease-out; color:#13654F;} .sitemap .cont > li .tx {display:table-cell; vertical-align:middle} .sitemap .cont > li .tx strong { position:relative; display:block; margin-bottom:25px; padding-bottom:20px; font-size:33px; color:#222; border-bottom:1px solid #CCCCCC; font-family:'HYUNDAI';} .sitemap .cont > li .tx strong:after { content:''; display:block; position:absolute; bottom:-1px; left:50%; margin-left:-22px; height:1px; width:44px; background-color:#13654F; } .sitemap .cont > li:hover .tx strong:after { display:none; } .sitemap .cont > li .tx ol {height:330px;} .sitemap .cont > li .tx ol > li {letter-spacing:-0.8px; color:#444; font-size:18px; line-height:40px;} .sitemap .cont > li .tx ol > li ul {position:relative; margin:5px 0 15px 2px; padding-left:13px; border-left:1px solid #afafaf} .sitemap .cont > li .tx ol > li ul li {font-size:15px; line-height:26px; color:#777} .sitemap .cont > li:hover {background-color:#13654F; } .sitemap .cont > li:hover:before {width:100%;} .sitemap .cont > li:hover a { color:#fff; } .sitemap .cont > li:hover ol li a {color:#fff; text-decoration:none; color:#AAAAAA; } .sitemap .cont > li:hover strong {border-color:#fff} .sitemap .cont > li .tx ol > li a:hover, .sitemap .cont > li .tx ol > li a:focus { color:#fff; } .sitemap .cont > li:hover .tx ol > li ul {border-color:#fff} .sitemap .cont > li .tx ol > li ul li a:hover {color:#aed5ff; text-decoration:underline;} @media screen and (max-width:1600px) { /* 사이트맵 */ .sitemap .btn_close {top:15px; right:15px} .sitemap .cont > li {padding:0 25px} .sitemap .cont > li .tx strong {margin-bottom:10px; padding-bottom:10px; font-size:28px} .sitemap .cont > li .tx ol > li {font-size:16px; line-height:32px;} } @media screen and (max-width:1200px) { /* 사이트맵 */ .sitemap {padding:100px 60px; height:100vh; } .sitemap .btn_close {top:20px; right:45px} .sitemap .cont {overflow-y:scroll; overflow-x:hidden; height:80vh; } .sitemap .cont > li {float:none; display:block; width:100%; height:auto; margin-bottom:20px; padding:0; border:0 none} .sitemap .cont > li:first-child {width:100%;} .sitemap .cont > li .tx {display:block} .sitemap .cont > li .tx ol {height:auto;} .sitemap .cont > li:hover {background:none;} .sitemap .cont > li:hover a {color:#222} .sitemap .cont > li:hover strong {border-color:#222} .sitemap .cont > li a:hover {color:#0053a5; font-weight:500} .sitemap .cont > li:hover .tx ol > li ul {border-color:#999} .sitemap .cont > li .tx ol > li ul li a:hover {color:#222;} } @media screen and (max-width:800px) { #container {min-height:500px} /* 사이트맵 */ .sitemap {padding:50px 20px;} .sitemap .btn_close {top:10px; right:15px; width:40px; height:40px; background-size:40px; } .sitemap .cont > li .tx strong {margin-bottom:8px; padding-bottom:8px; font-size:22px} .sitemap .cont > li .tx ol > li {font-size:15px; line-height:25px;} } .sub_top {text-align:center; overflow:hidden; position:relative;} .sub_top:before {content:''; display:block; width:100%; height:460px; background:#ccc url(/_next/static/media/sub-bg01.7b82833a.jpg) 50% 0 no-repeat; background-size:cover; animation:visual-zoom 3s ease 1;} .sub_top h3{position:absolute; bottom:50px; left:120px; font-size:60px; font-weight:600; color:#fff;} .sub_top.page:before {height:440px;} .sub_wrap.page {padding-top:60px;} .tx22 {font-weight:normal; font-size:30px; display:block;} .sub_top.sub2:before {background-image:url(/_next/static/media/sub-bg02.a8c0ff99.jpg);} .sub_top.sub3:before {background-image:url(/_next/static/media/sub-bg03.0819551c.jpg);} .sub_top.sub4:before {background-image:url(/_next/static/media/sub-bg04.e017cdc5.jpg);} .sub_top.sub5:before {background-image:url(/_next/static/media/sub-bg05.44759c76.jpg);} .sub_top .location {position:absolute; bottom:64px; right:120px;} .sub_top .location li {padding-right:15px; display:inline-block; font-size:16px; font-weight:500; color:#fff; opacity:1;} .sub_top .location li:last-child{padding-right:0;} .sub_top .location li:after {padding-left:15px; content:'\e940 '; font-family:'Xeicon'; font-size:13px;} .sub_top .location li:last-child:after {display:none;} @keyframes visual-zoom { 0% {transform:scale(1.3);} 100% {transform:scale(1);} } @media all and (max-width:1200px) { .sub_top:before {height:450px;} #lnb {height:80px; margin-top:-80px;} #lnb > ul > li > a {line-height:80px; font-size:18px;} } @media all and (max-width:1024px) { .sub_top:before {height:300px;} .sub_top.page:before {height:240px;} .sub_wrap.page {padding-top:40px;} .tx22 {font-size:16px;} #lnb {height:70px; margin-top:-70px; margin-bottom:40px;} #lnb > ul > li:before {top:34%;} #lnb > ul > li > a {line-height:70px; font-size:16px;} #lnb > ul > li > a:after {display:none;} } @media all and (max-width:620px) { .sub_top:before {height:240px;} .sub_top .location li {font-size:14px;} .sub_top.page:before {height:200px;} .sub_wrap.page {padding-top:30px;} .tx22 {font-size:15px;} #lnb {height:50px; margin-top:-50px;} #lnb > ul > li {margin:0 7px;} #lnb > ul > li:before {right:-10px; font-size:13px; top:16px;} #lnb > ul > li > a {padding:0 8px; line-height:50px; font-size:15px;} } /* q_menu */ div.q_menu { position:fixed; right:0; top:250px; z-index:200; font-size: 14px; } div.q_menu ul li { position:absolute; right:0; } div.q_menu ul li:nth-child(2) { top:49px; } div.q_menu ul li:nth-child(3) { top:98px; } div.q_menu ul li:nth-child(4) { top:147px; } div.q_menu ul li a { display:block; width:50px; height:50px; line-height:50px; border:1px solid #dfdfdf; border-right:0; overflow:hidden; background-color:#ffffff; padding-left:50px; color:#ffffff; text-decoration:none; transition:all 0.2s ease-out; } div.q_menu ul li a:hover { color:#000000; } div.q_menu ul li a:hover:after { color:#000000; } div.q_menu ul li:nth-child(1) a:hover, div.q_menu ul li:nth-child(1) a:focus, div.q_menu ul li:nth-child(1) a:active { width:150px; } div.q_menu ul li:nth-child(2) a:hover, div.q_menu ul li:nth-child(2) a:focus, div.q_menu ul li:nth-child(2) a:active { width:170px; } div.q_menu ul li:nth-child(3) a:hover, div.q_menu ul li:nth-child(3) a:focus, div.q_menu ul li:nth-child(3) a:active { width:90px; } div.q_menu ul li:nth-child(4) a:hover, div.q_menu ul li:nth-child(4) a:focus, div.q_menu ul li:nth-child(4) a:active { width:115px; } div.q_menu ul li a:after { position:absolute; right:14px; top:1px; font-family:'xeicon'; font-size:22px; color:#878787; } div.q_menu ul li:nth-child(1) a { } div.q_menu ul li:nth-child(1) a:after { content:'\ea83'; } div.q_menu ul li:nth-child(1) a:hover:after, div.q_menu ul li:nth-child(1) a:focus:after, div.q_menu ul li:nth-child(1) a:active:after { left:15px; } div.q_menu ul li:nth-child(2) a { } div.q_menu ul li:nth-child(2) a:after { content:'\ea35'; } div.q_menu ul li:nth-child(2) a:hover:after, div.q_menu ul li:nth-child(2) a:focus:after, div.q_menu ul li:nth-child(2) a:active:after { left:15px; } div.q_menu ul li:nth-child(3) a { } div.q_menu ul li:nth-child(3) a:after { content:'\ebc6'; } div.q_menu ul li:nth-child(3) a:hover:after, div.q_menu ul li:nth-child(3) a:focus:after, div.q_menu ul li:nth-child(3) a:active:after { left:15px; } div.q_menu ul li:nth-child(4) a { } div.q_menu ul li:nth-child(4) a:after { content:'\ea4e'; } div.q_menu ul li:nth-child(4) a:hover:after, div.q_menu ul li:nth-child(4) a:focus:after, div.q_menu ul li:nth-child(4) a:active:after { left:15px; } div.q_menu ul li a span { display:none; transition:all 0.2s ease-out; } div.q_menu ul li a:hover span, div.q_menu ul li a:focus span, div.q_menu ul li a:active span { display:block; transition:all 0.2s ease-out; } @media screen and (max-width:620px) { /* q_menu */ div.q_menu { display:none; } /*div.q_menu { position:relative; padding:10px 0; text-align:center; right:auto; top:auto; background-color:#e9e9e9; }*/ /*div.q_menu ul li { position:relative; display:inline-block; top:0!important; }*/ /*div.q_menu ul li a { padding-left:0; width:45px; height:45px; line-height:45px; margin:0 5px; font-size:1.5em; background-color:#ffffff; }*/ /*div.q_menu ul li a:after { position:relative!important; font-size:1.2em!important; right:auto!important; }*/ /*div.q_menu ul li:nth-child(1) a:hover, div.q_menu ul li:nth-child(1) a:focus, div.q_menu ul li:nth-child(1) a:active, */ /*div.q_menu ul li:nth-child(2) a:hover, div.q_menu ul li:nth-child(2) a:focus, div.q_menu ul li:nth-child(2) a:active, */ /*div.q_menu ul li:nth-child(3) a:hover, div.q_menu ul li:nth-child(3) a:focus, div.q_menu ul li:nth-child(3) a:active,*/ /*div.q_menu ul li:nth-child(4) a:hover, div.q_menu ul li:nth-child(4) a:focus, div.q_menu ul li:nth-child(4) a:active{ width:100px; }*/ /*div.q_menu ul li a:after { left:0!important; }*/ /*div.q_menu ul li a:hover span, div.q_menu ul li a:focus span, div.q_menu ul li a:active span { display:none; }*/ } /* ***************************************************************** * filename : board.css * description : 게시판 관련 CSS * date : 2023-04-100100 ***************************************************************** */ .sub-contents.board-content{min-height:auto;} .bd_srch_tbox {position:relative; margin-bottom:20px;} .bd_srch_tbox:after {content:''; display:block; clear:both;} .bd_srch_tbox .bdsrch_item {position:relative; width:55%; float:right;} .bd_srch_tbox .bdsrch_item:after {content:''; display:block; clear:both;} .bd_srch_tbox .bdsrch_item.al_l {float:left; padding-right:10px;} .bd_srch_tbox .bdsrch_item.al_r {float:right;} .bd_srch_tbox .bdsrch_item .bdsrchset{position: relative; float: left; margin: 5px 0; margin-right: 10px; width: calc(30% - 10px);} .bd_srch_tbox .bdsrch_item .bdsrchset select{position: relative; right:0; padding: 0 30px 0 15px; width: 100%; height: 56px; font-size: 18px; color: #666; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; line-height: normal; background: #ededed url(/_next/static/media/img_select_arrow.96445ee7.png) right center no-repeat; background-size: auto 10px;} .bd_srch_tbox .bdsrch_item .bdsrchset::after{content:''; display:block; clear:both;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn{margin-right: 0; width: 70%; padding-right:56px; position: relative; float: left; margin: 5px 0;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn input{width: 100%; min-height: 56px; padding: 0 10px; border: none; font-size: 18px; font-weight:500; color: #666; background-color: #ededed;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn input::placeholder{font-weight:400;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn button{display: block; position: absolute; right: 0; top: 0; width: 56px; height:56px; color: #fff; background-color: #0E43AF;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn button::before{content: '\e97a'; display: block; color: #fff; font-size: 20px; font-family: 'xeicon';} @media screen and (max-width:767px) { .bd_srch_tbox .bdsrch_item{float:inherit; width:100%;} .bd_srch_tbox .bdsrch_item .bdsrchset select{height:40px; font-size:14px;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn input{min-height:40px; height:40px; font-size:14px; width:calc(100% + 20px);} .bd_srch_tbox .bdsrch_item .bdsrchset.btn button{width:40px; height:40px; } } /*게시판 리스트 : type01 */ .bd_list_type01 {} .bd_list_type01:after {content:''; display:block; clear:both;} .bd_list_type01 li {position:relative; display:table; width:100%; margin:20px 0; border:1px solid #ccc; border-radius:4px; background-color:#f8f8fa}] .bd_list_type01 li:first-child{margin:0 0 20px 0;} .bd_list_type01 li:after {content:''; display:block; clear:both;} .bd_list_type01 .base_info {position:relative; float:left; display:table; padding:10px 10px 10px 120px; width:100%; height:120px;} .bd_list_type01 .base_info.onlinebase_info{width:calc(100% - 110px);} .bd_list_type01 .base_info:before {content:''; display:block; position:absolute; left:100px; top:0; bottom:0; width:1px; height:100%; background-color:#dedede;} .bd_list_type01 .base_info .numbox {display:inline-block; position:absolute; left:0; top:50%; padding:5px; width:100px; line-height:1.2; color:#333; text-align:center; transform:translateY(-50%);} .bd_list_type01 .base_info dl {display:table-cell; width:100%; vertical-align:middle; word-break:keep-all;} .bd_list_type01 .base_info dl span {display:inline-block; margin-right:10px; word-break:keep-all;} .bd_list_type01 .base_info dl dd span:first-child {margin-left:0;} .bd_list_type01 .base_info dl dt, .bd_list_type01 .base_info dl dt a {margin-bottom:4px; color:#333; font-size:22px;} .bd_list_type01 .base_info dl dt .num {display:none; margin-left:0; margin-right:5px; padding:0 4px; min-width:30px; font-size:12px; font-weight:300; color:#fff; background-color:#333; border-radius:4px; text-align:center;} .bd_list_type01 .base_info dl dt .secret {position:relative; display:inline-block; margin-left:0;} .bd_list_type01 .base_info dl dt .secret span {position:absolute; text-indent:-9999px;} .bd_list_type01 .base_info dl dt .secret:before {content:'\e964'; display:inline-block; color:#121212; font-family:'xeicon';} .bd_list_type01 .base_info dl dd {font-size:16px;} .bd_list_type01 .add_info {position:absolute; right:0; top:1px; bottom:0; height: calc(100% - 2px);} .bd_list_type01 .add_info:after {content:''; display:block; clear:both;} .bd_list_type01 .add_info .add_info_item {position:relative; display:table; float:left; margin:0; width:110px; height:100%; border:none;} .bd_list_type01 .add_info .add_info_item:before {content:''; display:block; position:absolute; left:0; top:0; bottom:0; width:1px; height:100%; background-color:#dedede;} .bd_list_type01 .add_info .add_info_item .inner_box {display:table-cell; width:100%; height:100%; padding:0 10px; vertical-align:middle; text-align:center;} .bd_list_type01 .add_info .add_info_item.m_al_r {} .bd_list_type01 .add_info .add_info_item.twocell {width:220px;} @media screen and (max-width:1200px){ .bd_list_type01 .base_info dl dt, .bd_list_type01 .base_info dl dt a{font-size:20px;} } @media screen and (max-width:1000px){ .bd_list_type01 .base_info dl dt, .bd_list_type01 .base_info dl dt a{font-size:18px;} } @media screen and (max-width:800px){ .bd_srch_tbox{margin-bottom:10px;} .bd_list_type01 .base_info dl dt, .bd_list_type01 .base_info dl dt a{font-size:15px;} .bd_list_type01 li{margin:10px 0;} .bd_list_type01 li:first-child{margin:0 0 10px 0;} .bd_list_type01 .base_info{height:100px;} .bd_list_type01 .base_info dl dd{font-size:14px;} .bd_list_type01 .base_info, .bd_list_type01.add_info1 .base_info, .bd_list_type01.add_info2 .base_info, .bd_list_type01.add_info3 .base_info {float:none; padding:10px; width:100%;} .bd_list_type01 .base_info:before {display:none;} .bd_list_type01 .base_info .numbox {display:none;} .bd_list_type01 .base_info dl dt .num {display:inline-block;} .bd_list_type01 .add_info {position:static; display:block; padding:10px; height:auto !important; border-top:1px solid #ddd;} .bd_list_type01 .add_info .add_info_item, .bd_list_type01 .add_info .add_info_item.twocell {display:inline-block; float:left; margin:0 4px; width:auto; height:auto;} .bd_list_type01 .add_info .add_info_item:first-child {margin-left:0;} .bd_list_type01 .add_info .add_info_item:before {display:none;} .bd_list_type01 .add_info .add_info_item .inner_box {display:block; width:auto; padding:0; height:auto; vertical-align:baseline; text-align:center;} .bd_list_type01 .add_info .add_info_item.m_al_r {float:right;} /*버튼*/ .bd_list_type01 .bdl_btnset, .bd_list_type01 .bdl_txtset {padding:8px 6px;} .bd_list_type01 .bdl_txtset .line_bknum {display:inline-block; margin-left:5px;} } @media screen and (max-width:640px) { } @media screen and (max-width:480px) { .bd_srch_tbox .bdsrch_item .bdsrchset{width:100%;} .bd_srch_tbox .bdsrch_item .bdsrchset.btn{width:100%;} } @media screen and (max-width:360px) { .bd_list_type01 .base_info dl span {display:block; margin-right:0;} } /*효과*/ .bd_list_type01 li:hover, .bd_list_type01 li:focus {border-color:#0E43AF; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.2); transition:border-color, background-color, 0.2s linear;} /*링크없음*/ .bd_list_type01 .bdl_txtset {display:block; color:#333;} .bd_list_type01 .bdl_txtset.red {color:#e4304a;} .bd_list_type01 .bdl_txtset.blue {color:#0d4fa6;} .bd_list_type01 .bdl_txtset.green {color:#0b8848;} /*온라인견적문의*/ .cus-qnainfo{} .cus-qnainfo > div.in7{display: flex; flex-direction: row; align-items: center;} .cus-qnainfo > div.in7 > p{margin-right:20px;} .cus-qnainfo > div.in7 > p:last-child{margin-right:0;} .cus-qnainfo strong{color:#121212;} .cus-qnainfo-640{display:none;} /******************************** 게시판 : paging *******************************/ #paginateDiv {text-align:center;} .pagination {display:inline-block; margin: 20px 0;} .pagination > li {display:inline-block; min-width:40px; margin:2px;} .pagination > li > a, .pagination > li > span {display:block; float:none !important; position:relative; margin:0; padding:0; line-height:40px; color:#555; border-radius:0; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:active, .pagination > li > span:active, .pagination > li > a:focus, .pagination > li > span:focus {color:#0d4fa7; text-decoration:underline; border-color:#0d4fa7; border-radius:0; background-color:#fff; transition:border-color 0.2s linear;} .pagination > li:first-child > a, .pagination > li:first-child > span {border-top-left-radius:0; border-bottom-left-radius:0} .pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius:0; border-bottom-right-radius:0} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:active, .pagination > .active > span:active, .pagination > .active > a:focus, .pagination > .active > span:focus {color:#fff; cursor:default; text-decoration:underline; border-color:#0d4fa7; background-color:#0d4fa7;} .pagination > li > .btn {} .pagination > li > .btn:active {box-shadow:none;} .pagination > li > .btn.first, .pagination > li > .btn.prev, .pagination > li > .btn.next, .pagination > li > .btn.last {text-indent:-9999px;} .pagination > li > .btn:before {content:''; display:none; position:absolute; left:10px; top:9px; width:20px; height:20px; background-image:url(/_next/static/media/icon_paging_ir.5b4b2e30.png); background-repeat:no-repeat;} .pagination > li > .btn.first:before {display:block; background-position:0 0;} .pagination > li > .btn.prev:before {display:block; background-position:-1px -21px;} .pagination > li > .btn.next:before {display:block; background-position:1px -42px;} .pagination > li > .btn.last:before {display:block; background-position:0 -63px;} .pagination > li > .btn.first:hover:before, .pagination > li > .btn.first:active:before, .pagination > li > .btn.first:focus:before {display:block; background-position:-21px 0;} .pagination > li > .btn.prev:hover:before, .pagination > li > .btn.prev:active:before, .pagination > li > .btn.prev:focus:before {display:block; background-position:-22px -21px;} .pagination > li > .btn.next:hover:before, .pagination > li > .btn.next:active:before, .pagination > li > .btn.next:focus:before {display:block; background-position:-20px -42px;} .pagination > li > .btn.last:hover:before, .pagination > li > .btn.last:active:before, .pagination > li > .btn.last:focus:before {display:block; background-position:-21px -63px;} /******************************** 버튼 *******************************/ .btn_setbox {text-align:center;} .btn_setbox.top_base {margin-top:30px;} .btn_setbox:after {content:''; display:block; clear:both;} .btn_setbox .btn_al_set {} .btn_setbox .btn_al_set:after {content:''; display:block; clear:both;} .btn_setbox .btn_al_set li {float:left;} .btn_setbox .btn_al_set.btn_al_c {} .btn_setbox .btn_al_set.btn_al_c li {float:none; display:inline-block;} .btn_setbox .btn_al_set.btn_al_c .btnset {margin:3px 2px;} .btn_setbox .btn_al_set.btn_al_l {float:left;} .btn_setbox .btn_al_set.btn_al_r {float:right;} /*버튼*/ .btn_setbox .btnset {display:inline-block;; margin:4px; padding:5px 15px; min-width:100px; font-size:18px; line-height:1.2; font-weight:400; color:#fff; border:1px solid #0d4fa6; background-color:#0d4fa6; border-radius:4px; text-decoration:none;} .btn_setbox .btnset > span {display:block; padding:15px 0;} .btn_setbox .btnset.red {border:1px solid #e4304a; background-color:#e4304a;} .btn_setbox .btnset.green {border:1px solid #0b8848; background-color:#0b8848;} .btn_setbox .btnset.black {border:1px solid #333; background-color:#333;} .btn_setbox .btnset.gray {border:1px solid #666; background-color:#666;} .btn_setbox .btnset.line {border:1px solid #333; color:#333; background-color:#fff;} .btn_setbox .btnset.oneset {min-width:180px;} .btn_setbox .btnset.twoset {min-width:180px;} @media screen and (max-width:1200px) { } @media screen and (max-width:1024px) { .btn_setbox .btnset {min-width:90px;} .btn_setbox .btnset > span {padding:12px 0; font-size:15px;} /*.btn_setbox .btnset {width:9.0rem;} .btn_setbox .btnset > span {height:4.2rem;}*/ } @media screen and (max-width:767px) { .btn_setbox.top_base {margin-top:20px;} .btn_setbox .btnset.twoset {min-width:90px;} .btn_setbox .btnset > span {padding:8px 0; font-size:14px;} } @media screen and (max-width:640px) { .btn_setbox .btnset {min-width:52px;} .btn_setbox .btnset > span {padding:5px 0;} } @media screen and (max-width:480px) { /*.btn_setbox .btnset {width:5.2rem;} .btn_setbox .btnset > span {height:3.2rem;}*/ } @media screen and (max-width:360px) { .btn_setbox .btn_al_set.btn_al_l, .btn_setbox .btn_al_set.btn_al_r {float:none; display:inline-block;} .btn_setbox .btn_al_set.btn_al_l .btnset, .btn_setbox .btn_al_set.btn_al_r .btnset {margin:3px 2px;} } /******************************** 게시판 : 상세보기 *******************************/ .bd_viewarea {border-top:2px solid #333; border-bottom:2px solid #333;} .bd_viewarea .bd_viewinfo {border-bottom:1px dashed #ddd;} .bd_viewarea .bd_viewinfo .bd_viewinfo_txt {padding:40px 0;} .bd_viewarea .bd_viewinfo .bd_viewinfo_txt h3 {margin-bottom:5px; font-size:26px; font-weight:700; line-height:1.3; color:#121212;} .bd_viewarea .bd_viewinfo .basebox {font-size:0;} .bd_viewarea .bd_viewinfo .basebox .base_item {margin-right:10px; display:inline-block; padding:10px 0px 0; font-size:18px;} .bd_viewarea .bd_viewinfo .basebox .base_item:last-child{margin-right:0;} .bd_viewarea .bd_viewinfo .filebox {padding:15px 0; border-top:1px dashed #ddd; background-color:#f8f8f8;} .bd_viewarea .bd_viewinfo .filebox .file_item {display:inline-block; padding:2px 5px; font-size:16px;} .bd_viewarea .bd_viewcont {padding:40px 20px; min-height:300px;} .bd_viewarea .bd_viewcont .bd_imgbox{margin-bottom:15px;} .bd_viewarea .bd_viewcont .bd_imgbox img{margin-bottom:5px;} .bd_viewarea .bd_viewcont .bd_imgbox img:last-child{margin-bottom:0;} .bd_viewarea.gallery .bd_viewinfo .bd_viewinfo_txt h3{margin-bottom:0;} .bd_viewarea.gallery .bd_viewcont{text-align:center;} .bd_viewarea.gallery .bd_viewcont img{min-width:450px;} /*덧글 - 댓글 없음*/ .bd_viewarea .bd_reply_box {padding:20px; border-top:1px dashed #ddd; background-color:#f8f8f8;} .bd_viewarea .bd_reply_box:after {content:''; display:block; clear:both;} .bd_viewarea .bd_reply_box .bd_reply_list {} .bd_viewarea .bd_reply_box .bd_reply_list dl {margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ddd;} .bd_viewarea .bd_reply_box .bd_reply_list dl dt {color:#333; font-size:15px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dt strong {display:inline-block; margin-right:5px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dt span {display:inline-block; color:#767676; font-weight:400;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd {position:relative; min-height:50px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd p {margin-bottom:5px; font-size:15px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd textarea {resize:none; width:100%; color:#666; height:100px; border:1px solid #ddd;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd textarea:focus {outline:none;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd a.red {color:#e4304a;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd a.blue {color:#0E43AF;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd .bd_reply_edit {margin:6px 0 10px; text-align:left; font-size:14px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd .bd_reply_edit a {position:relative; display:inline-block; padding-left:10px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd .bd_reply_edit a:first-child{padding-left:0;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd .bd_reply_edit a:before {content:''; display:block; position:absolute; left:5px; top:50%; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%);} .bd_viewarea .bd_reply_box .bd_reply_list dl dd .bd_reply_edit a:first-child:before {display:none;} .bd_viewarea .bd_reply_box .bd_reply_input {margin-top:20px;} .bd_viewarea .bd_reply_box .bd_reply_input dl {} .bd_viewarea .bd_reply_box .bd_reply_input dl dt {color:#333;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd {position:relative;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set {padding-right:110px;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set textarea {resize:none; width:100%; color:#666; height:100px; border:1px solid #ddd;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set textarea:focus {outline:none;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set a {display:block; position:absolute; right:0; top:0; width:100px; height:100px; line-height:100px; color:#fff; font-size:15px; background-color:#666; text-decoration:none; text-align:center;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set a:hover, .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set a:focus {background-color:#0E43AF; transition:background-color 0.2s linear;} /*media query*/ @media screen and (max-width:1200px) { .bd_viewarea .bd_viewinfo .bd_viewinfo_txt{padding:20px 0;} } @media screen and (max-width:1024px) { .bd_viewarea .bd_viewinfo .bd_viewinfo_txt h3 {font-size:22px;} .bd_viewarea .bd_viewcont {padding:30px 20px;} } @media screen and (max-width:920px){ } @media screen and (max-width:767px) { .bd_viewarea .bd_reply_box .bd_reply_list dl dt {font-size:14px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd {position:relative; min-height:50px;} .bd_viewarea .bd_reply_box .bd_reply_list dl dd p {font-size:14px;} .bd_viewarea .bd_viewinfo {text-align:left;} .bd_viewarea .bd_viewinfo .bd_viewinfo_txt h3 {font-size:18px; line-height:1.5;} .bd_viewarea .bd_viewinfo .basebox .base_item {font-size:14px;} .bd_viewarea .bd_viewinfo .filebox .file_item {display:block; font-size:14px;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set {padding-right:80px;} .bd_viewarea .bd_reply_box .bd_reply_input dl dd.replu_set a {width:75px; font-size:14px;} } @media screen and (max-width:640px) { } @media screen and (max-width:580px) { .cus-qnainfo > div.in7{flex-direction: column; align-items: flex-start;} .bd_viewarea.gallery .bd_viewcont img{min-width:inherit; width:100%; height:auto;} } @media screen and (max-width:480px) { .bd_viewarea .bd_viewcont {padding:20px 10px;} } input[type="checkbox"] {position:absolute; left:-9999px;} input[type="checkbox"] + label {position:relative; display:inline-block; padding-left:24px;} input[type="checkbox"] + label:before {content:'\ea0e'; display:inline-block; position:absolute; left:0; top:50%; line-height:1; font-size:22px; font-family:'xeicon'; color:#121212; transition:color 0.2s linear; transform:translateY(-50%);} input[type="checkbox"]:checked + label:before {content:'\e92d'; color:#14367c;} input[type="checkbox"] + label:hover:before, input[type="checkbox"] + label:focus:before {color:#14367c;} input[type="radio"] {position:absolute; left:-9999px;} input[type="radio"] + label {position:relative; display:inline-block; padding-left:24px;} input[type="radio"] + label:before {content:'\e9c6'; display:inline-block; position:absolute; left:0; top:50%; line-height:1; font-size:22px; font-family:'xeicon'; color:#121212; transition:color 0.2s linear; transform:translateY(-50%);} input[type="radio"]:checked + label:before {content:'\e92b'; color:#14367c;} input[type="radio"] + label:hover:before, input[type="radio"] + label:focus:before {color:#14367c;} .agree_inbox {margin-bottom:30px; border:1px solid #dedede;} .agree_inbox .agree_txtbox {overflow-y:scroll; padding:30px; height:300px;} .agree_inbox .agree_chkbox {padding:10px 5px; border-top:1px solid #ddd; background-color:#f8f8f8; text-align:center;} .agree_inbox .agree_chkbox p {display:inline-block; margin-bottom:0;} .agree_inbox .agree_chkbox input[type="checkbox"] {position:absolute; left:-9999px;} .agree_inbox .agree_chkbox input[type="checkbox"] + label {position:relative; display:inline-block; padding-left:24px;} .agree_inbox .agree_chkbox input[type="checkbox"] + label:before {content:'\ea0e'; display:inline-block; position:absolute; left:0; top:50%; line-height:1; font-size:22px; font-family:'xeicon'; color:#121212; transition:color 0.2s linear; transform:translateY(-50%);} .agree_inbox .agree_chkbox input[type="checkbox"]:checked + label:before {content:'\e92d'; color:#14367c;} .agree_inbox .agree_chkbox input[type="checkbox"] + label:hover:before, .agree_inbox .agree_chkbox input[type="checkbox"] + label:focus:before {color:#14367c;} .agree_addrchk {} .agree_addrchk:after {content:''; display:block; clear:both;} .agree_addrchk input[type="radio"] + label {position:relative; display:block; float:left; padding:100px 0 20px; width:50%; text-align:center; border:4px solid #f6f6f6;} .agree_addrchk input[type="radio"] + label:nth-child(1) {border-right-width:2px;} .agree_addrchk input[type="radio"] + label:nth-child(2) {border-left-width:2px;} .agree_addrchk input[type="radio"] + label.iconset:after {content:''; position:absolute; left:50%; top:20px; display:inline-block; width:70px; height:70px; transform:translateX(-50%);} .agree_addrchk input[type="radio"] + label.iconset.icon01:after {background-position:0 0;} .agree_addrchk input[type="radio"] + label.iconset.icon02:after {background-position:-70px 0;} .agree_addrchk input[type="radio"] + label span {position:relative; display:inline-block; padding-left:24px;} .agree_addrchk input[type="radio"] + label span:before {content:'\ea0e'; display:inline-block; position:absolute; left:0; top:50%; line-height:1; font-size:22px; font-family:'xeicon'; color:#0d4ea6; transform:translateY(-50%);} .agree_addrchk input[type="radio"] + label:before {display:none;} .agree_addrchk input[type="radio"]:checked + label {border-color:#0d4ea6; background-color:#0d4ea6;} .agree_addrchk input[type="radio"]:checked + label.iconset.icon01:after {background-position:0 -70px;} .agree_addrchk input[type="radio"]:checked + label.iconset.icon02:after {background-position:-70px -70px;} .agree_addrchk input[type="radio"]:checked + label span {color:#fff;} .agree_addrchk input[type="radio"]:checked + label span:before {content:'\e92d'; color:#fff;} /*media query*/ @media screen and (max-width:1200px) { } @media screen and (max-width:1024px) { .agree_inbox .agree_txtbox {padding:30px 20px;} } @media screen and (max-width:767px) { .agree_inbox .agree_txtbox {padding:20px 10px;} .agree_addrchk input[type="radio"] + label {padding:80px 0 20px; } .agree_addrchk input[type="radio"] + label.iconset:after {width:50px; height:50px; transform:translateX(-50%); background-size:100px auto;} .agree_addrchk input[type="radio"] + label.iconset.icon01:after {background-position:0 0;} .agree_addrchk input[type="radio"] + label.iconset.icon02:after {background-position:-50px 0;} .agree_addrchk input[type="radio"]:checked + label.iconset.icon01:after {background-position:0 -50px;} .agree_addrchk input[type="radio"]:checked + label.iconset.icon02:after {background-position:-50px -50px;} } @media screen and (max-width:640px) { } @media screen and (max-width:480px) { } /*입력양식-공통*/ .info_txt_essence {position:relative; padding-left:16px; color:#333; font-weight:500;} .info_txt_essence:before {content: ''; position:absolute; left:0; top:50%; width:10px; height:10px; background:url(/_next/static/media/bullet_essence.dfc88deb.png) 0 0 no-repeat; transform:translateY(-50%);} .add_optbox {margin-top:10px; padding:5px; border:1px solid #dedede;} .add_optbox:after {content:''; display:block; clear:both;} .formset {} .formset:after {content:''; display:block; clear:both;} /*리스트 사이즈*/ .formset.col1 li {width:100%;} .formset.col1.form_box01 li {padding:5px 0;} .formset.col2 li {width:50%;} .formset.col3 li {width:33.3333%;} .formset.col4 li {width:25%;} /*입력양식01*/ .formset.form_box01 {} .formset.form_box01 li {position:relative; float:left; padding:5px;} .formset.form_box01 li.allbox {width:100%;} /*767 : 줄바꿈*/ .formset.form_box01 li.oneline {width:100%;} /*한줄처리*/ .formset.form_box01 .inbox {position:relative; padding-left:10px; padding-right:10px; min-height:64px; border:2px solid #f8f8f8; background-color:#f8f8f8;} .formset.form_box01 .inbox:hover {border-color:#0d4ea6; background-color:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.2); transition:box-shadow, border-color 0.2s linear;} .formset.form_box01 .inbox:after {content:''; display:block; clear:both;} .formset.form_box01 .inbox.addtit {padding-left:165px;} .formset.form_box01 .inbox.addtit .titbox {position:absolute; left:0; top:0; display:table; width:160px; height:60px; vertical-align:middle;} .formset.form_box01 .inbox.addtit .titbox .tit_in {display:table-cell; width:100%; height:100%; padding-left:14px; vertical-align:middle; font-size:16px; line-height:1.4; color:#333;} .formset.form_box01 .inbox.addtit .titbox .tit_in span {position:relative; display:inline-block;} .formset.form_box01 .inbox.addtit .titbox .tit_in span.essmark {padding-left:14px;} .formset.form_box01 .inbox.addtit .titbox .tit_in span.essmark:before {content: ''; position:absolute; left:0; top:5px; width:10px; height:10px; background:url(/_next/static/media/bullet_essence.dfc88deb.png) 0 0 no-repeat;} .formset.form_box01 .inbox.addtit .titbox .tit_in span .line_bk {display:block; padding-left:0; font-size:13px; color:#999;} .formset.form_box01 .inbox.addbtn {padding-right:100px;} .formset.form_box01 .inbox.addbtn .btnbox {position:absolute; right:-2px; top:-2px; display:table; width:95px; height:64px; vertical-align:middle;} .formset.form_box01 .inbox.addbtn .btnbox .btn_in {display:table-cell; width:100%; height:100%; padding:0; vertical-align:middle; font-size:15px; line-height:1.4; color:#333;} .formset.form_box01 .inbox.addbtn .btnbox .btn_in button, .formset.form_box01 .inbox.addbtn .btnbox .btn_in a {display:block; width:100%; height:100%; text-align:center; color:#fff; font-size:14px; line-height:1.2; background-color:#0d4ea6;} .formset.form_box01 .inbox.addbtn .btnbox .btn_in button.red, .formset.form_box01 .inbox.addbtn .btnbox .btn_in a.red {background-color:#e4304a;} .formset.form_box01 .inbox.addedit {padding:10px;} .formset.form_box01 .inbox input {border:none; font-size:16px; color:#666; font-family:arial, sans-serif;} .formset.form_box01 .inbox input:focus {outline:none;} .formset.form_box01 .inbox input.base {width:100%; min-height:40px; background: #f8f8f8; padding:0 8px;} .formset.form_box01 .inbox input.cursor_p {cursor:pointer;} .formset.form_box01 .inbox textarea {padding:8px; resize:none; width:100%; color:#666; height:120px; border:1px solid #ddd; font-size:16px;} .formset.form_box01 .inbox textarea.reh_240 {height:240px;} .formset.form_box01 .inbox textarea:focus {outline:none;} .formset.form_box01 .inbox select:focus {background-color:#fff;} .formset.form_box01 .inbox .inbox_cont {display:table; width:100%;} .formset.form_box01 .inbox .inbox_cont.reset-con{position:relative;} .formset.form_box01 .inbox .inbox_cont .inbox_inner {display:table-cell; padding:5px 0; width:100%; height:60px; vertical-align:middle;} .formset.form_box01 .inbox .inbox_cont .inbox_inner span{margin-right:8px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner span:last-child{margin-right:0;} .formset.form_box01 .inbox .inbox_cont .inbox_inner label.upload{min-height: 40px; line-height: 1.3; padding: 0 8px; font-size: 16px; font-family: arial, sans-serif; color: #a0a0a0;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .f_upload {position:relative; display:block; padding-right:35px; min-height:40px; line-height:1.3; font-size:16px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .f_upload:after {content:'\ea91'; display:inline-block; position:absolute; right:5px; top:0; font-size:26px; font-family:'xeicon'; color:#0d4ea6;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .f_upload input[type="file"] {visibility:hidden; position:absolute; left:-9999px; top:0;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .f_upload span {display:table; width:100%; font-size:14px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .f_upload span em {display:table-cell; height:40px; vertical-align:middle; padding:0 8px; font-size:16px; font-family:arial, sans-serif; color:#a0a0a0;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .textarea_box {font-size:0;} .formset.form_box01 .inbox .inbox_cont.reset-con .reset-btn{position:absolute; top:8px; right:0; width:30px; height:30px;} .formset.form_box01 .inbox .inbox_cont.reset-con .reset-btn::after{content:'\e977'; display:inline-block; position:absolute; right:5px; top:0; font-size:26px; font-family:'xeicon'; color:#0d4ea6;} .formset.form_box01 .inbox .inbox_cont.reset-con .reset-btn span{font-size:0; text-indent:-999em;} /*첨부파일 - 파일 업로드 211018 */ .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_upset {position:relative; width:100%;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_upset.file_on .file_inbox {width: calc(100% - 150px);} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_inbox {position:relative; padding-right:85px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_inbox .inputbox {padding:0 5px; width:100%; line-height:38px; border:1px solid #ddd; background-color:#fff;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_inbox iframe {position:absolute; right:0; top:0;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox {position:absolute; right:0; top:0; width:150px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox .file_down {position:relative; float:left; display:inline-block; margin-left:10px; width:40px; height:40px; text-decoration:none;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox .file_down:after {content:'\ea9d'; position:absolute; left:50%; top:50%; font-family:'xeicon'; font-size:26px; line-height:1; color:#14367c; transform:translate(-50%, -50%);} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox .file_del {float:left; display:inline-block; padding-top:8px;} /*첨부파일 - 이미지파일 업로드 210903 */ .formset.form_box01 .inbox .inbox_cont .inbox_inner ul li {float:none; width:auto; } .formset.form_box01 .inbox .inbox_cont .inbox_inner ul li:first-child {border-top:none;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img {position:relative; display:block; margin:5px; padding:5px 0 0 125px; min-height:95px; line-height:1.3;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_img {overflow:hidden; position:absolute; left:0; top:5px; width:120px; height:90px; background-color:#e4e6e8;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn {} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_up {margin-top:5px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt {margin-top:5px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt input[type="checkbox"] + label, .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt input[type="checkbox"] + label:before, .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt input[type="checkbox"]:checked + label:before {color:#e4304a;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt input[type="checkbox"] + label:hover:before, .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt input[type="checkbox"] + label:focus:before {color:#e4304a;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt span {display:inline-block; margin-right:10px;} .oneline.add-oneline{} .formset.form_box01 .oneline.add-oneline li:last-child{margin-bottom:0;} .formset.form_box01 .oneline.add-oneline li{border-bottom:0;} /* 전체 : li.allbox 사용 시 */ .in_boxset {} .in_boxset:after {content:''; display:block; clear:both;} .in_boxset .inbox_item {position:relative; float:left; padding:5px;} .in_boxset .inbox_item.add_date {padding-right:110px;} .in_boxset .inbox_item.add_date .add_datebox {position:absolute; right:5px; top:5px; width:100px;} .in_boxset .inbox_item.add_date .add_datebox .add_datebox_inner {position:relative; width:100%; height:100%;} .in_boxset .inbox_item.allset {} .formset.form_box01 li.allbox .in_boxset .inbox_item input {padding:0 10px; background-color:#ededed;} .formset.form_box01 li.allbox .in_boxset .inbox_item.add_date .add_datebox .add_datebox_inner input {width:100%; height:40px; text-align:center; background-color:#cecece;} .in_boxset.col2 .inbox_item {width:50%;} .in_boxset.col3 .inbox_item {width:33.3333%;} .in_boxset.col4 .inbox_item {width:25%;} .in_boxset.col4_2 .inbox_item {width:20%;} .in_boxset.col4_2 .inbox_item:first-child {width:40%;} /*동의 : 이메일, 문자수신*/ .form_add_agreebox {} .form_add_agreebox .form_add_agreeinner {position:relative; margin:10px 0;} .form_add_agreebox .form_add_agreeinner .form_add_agreechk {position:relative; display:inline-block; margin-right:20px;} .form_add_agreebox .form_add_agreeinner .form_add_agreechk label {color:#333; font-weight:500;} .form_add_agreebox .form_add_agreeinner .form_add_agreechk span {display:inline-block; margin-left:10px;} .form_add_agreebox .form_add_agreeinner .txt {display:inline-block; margin-bottom:0; padding:0 10px;} .form_add_agreebox .form_add_agreeinner .txt strong {color:#333;} /* 수정기능 - input radio checkbox */ .input_modifybox {} .input_modifybox:after {content:''; display:block; clear:both;} .input_modifybox .input_modify {display:inline-block; margin:5px;} .input_modifybox .input_modify input {position:static; left:auto; -webkit-appearance:auto;} .input_modifybox .input_modify span {display:inline-block; margin-left:5px;} /* 첨부파일 리스트 */ .file-list{margin-bottom:0; display: flex; flex-direction: column;} .file-list li{font-size:18px;} .formset.form_box01 li:last-child{margin-bottom:10px;} .file-list li a.del {margin-left:4px; display:inline-block; font-size:0; text-indent:-999em; position:relative; top:1px;} .file-list li a.del::after{content: '\e921 '; display:block; font-family: 'Xeicon'; font-size: 10px; width:18px; height:18px; line-height:18px; background:#b9b9b9; border-radius:50%; color:#fff; text-align:center;} /* 이용약관 */ .member_infobox {} .member_infobox h4 {margin:0 0 10px;text-align:center;} .member_infobox h4 span {display:inline-block; margin:0; padding:5px 20px; color:#0d4fa6; font-size:20px; border:1px solid #8fb5e6; border-radius:40px;} .member_infobox h5 {position:relative; margin:30px 0 10px; padding-left:25px; font-size:25px; font-weight:600;} .member_infobox h5:before {content:'\e9b1'; position:absolute; left:0; top:0; font-family:'xeicon';} .member_infobox h5.nogap {margin-top:0;} .member_infobox p{margin-bottom:15px; font-size:22px;} .member_infobox p.mb0{margin-bottom:0;} .member_infobox .list {} .member_infobox .list > li {position:relative; padding-left:25px; font-size:22px;} .member_infobox .list > li > .num {position:absolute; left:0; top:6px; display:inline-block; width:20px; height:20px; line-height:20px; font-size:12px; color:#333; text-align:center; background-color:#ddd; border-radius:50%;} .member_infobox .list > li > ul {margin:5px 0 10px;} .member_infobox .list > li > ul > li {position:relative; padding-left:25px;} .member_infobox .list > li > ul > li > .num {position:absolute; left:0; top:5px; display:inline-block; min-width:20px; font-size:11px; line-height:15px; color:#fff; text-align:center; background-color:#258fd4; border-radius:2px;} .member_infobox .list > li > ul.line {margin:5px 0 10px;} .member_infobox .list > li > ul.line > li {position:relative; padding-left:10px;} .member_infobox .list > li > ul.line > li:before {content:''; position:absolute; left:0; top:11px; display:inline-block; width:4px; height:2px; background-color:#666;} .member_infobox .member_datebox {margin-top:30px; color:#333; font-size:16px;} .member_infobox .list.liststyle01{} .member_infobox .list.liststyle01 > li{padding-left:10px;} .member_conbox{background:#f9f9f9; border-top:1px solid #000000; padding:50px; margin-top:20px;} /*media query*/ @media screen and (max-width:1200px) { .member_infobox h5 {font-size:22px;} .member_infobox p{font-size:20px;} .member_infobox .list > li {padding-left:20px; font-size:20px;} } @media screen and (max-width:1000px) { .member_infobox h5 {padding-left:22px; font-size:20px;} .member_infobox p{font-size:18px;} .member_infobox .list > li {font-size:18px;} } @media screen and (max-width:1024px) { .formset.col2 li, .formset.col3 li, .formset.col4 li {width:100%;} .formset.form_box01 li {float:none; padding:5px 0;} .formset.form_box01 .inbox.addtit {padding-left:165px;} .formset.form_box01 .inbox.addtit .titbox {width:160px; height:60px; vertical-align:middle;} .in_boxset.col4 .inbox_item, .in_boxset.col4_2 .inbox_item, .in_boxset.col4_2 .inbox_item:first-child {width:50%;} } @media screen and (max-width:800px) { .member_infobox h5 {padding-left:18px; margin: 20px 0 6px; font-size:16px;} .member_infobox p{font-size:14px;} .member_infobox .member_datebox {margin-top:20px; font-size:16px;} .member_infobox .list > li {font-size:14px;} .member_infobox .list > li > .num{top:2px; width: 15px; height: 15px; line-height:15px; font-size:11px;} } @media screen and (max-width:767px) { .formset.form_box01 .inbox.addtit .titbox .tit_in {padding-left:10px; vertical-align:middle; font-size:14px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .textarea_box {padding:0 5px;} .formset.form_box01 li{padding:3px 0; font-size:15px;} .file-list li a.del::after{width:16px; height:16px; font-size:8px;} .formset.form_box01 li.allbox .inbox.addtit {padding:0;} .formset.form_box01 li.allbox .inbox.addtit .titbox {position:static; left:auto; top:auto; display:block; margin-top:10px; margin-bottom:5px; width:auto; height:auto;} .formset.form_box01 li.allbox .inbox .inbox_cont .inbox_inner {padding:0 0 5px;} /* 파일 업로드 변경 : 211018 */ .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_inbox {margin:5px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_upset.file_on .file_inbox {width:100%;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_inbox {padding-right:95px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_inbox iframe {position:absolute; right:10px; top:0;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox {display:block; position:static; right:auto; top:auto; width:100%;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox .file_down {position:relative; float:left;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox .file_down:after {content:'\ea9d'; position:absolute; left:50%; top:50%; font-family:'xeicon'; font-size:26px; line-height:1; color:#14367c; transform:translate(-50%, -50%);} .formset.form_box01 .inbox .inbox_cont .inbox_inner .file_in_addbox .file_del {float:left; margin-left:10px;} /*전체 변경*/ .in_boxset {padding:0 5px;} .in_boxset .inbox_item {padding:5px;} .in_boxset .inbox_item.allset {width:100% !important;} .in_boxset.col2 .inbox_item, .in_boxset.col3 .inbox_item {width:50%;} /* 수정기능 - input radio checkbox */ .input_modifybox {padding:0 5px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner .f_upload span em{font-size:13px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner label.upload{font-size:13px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner label.upload span em{font-size:13px;} .formset.form_box01 .inbox input {font-size:13px;} .formset.form_box01 .inbox textarea{font-size:13px;} } @media screen and (max-width:640px) { /*전체 변경*/ .in_boxset.col2 .inbox_item, .in_boxset.col3 .inbox_item, .in_boxset.col4 .inbox_item, .in_boxset.col4_2 .inbox_item, .in_boxset.col4_2 .inbox_item:first-child {width:100%;} } @media screen and (max-width:480px) { .formset.form_box01 .inbox.addtit {padding-left:105px;} .formset.form_box01 .inbox.addtit .titbox {width:100px;} .formset.form_box01 .inbox.addbtn {padding-right:85px;} .formset.form_box01 .inbox.addbtn .btnbox {width:80px;} .formset.form_box01 .inbox.addbtn .btnbox .btn_in button, .formset.form_box01 .inbox.addbtn .btnbox .btn_in a {padding:0 10px;} } @media screen and (max-width:420px) { /*첨부파일 - 이미지파일 업로드 210903 */ .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt {margin-bottom:10px;} .formset.form_box01 .inbox .inbox_cont .inbox_inner ul .f_upload_img .file_btn .file_txt span {display:block; margin-right:0; margin-bottom:5px;} } /*비밀글 팝업*/ .menuCont{display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 300;} .white_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 360px; height: 200px; text-align: center; background-color: #fff; border-radius: 10px; overflow: hidden;} .white_content .pop-header > div{position:relative; background: #0d4fa7; color: #fff; font-size: 16px; padding: 15px 10px;} .white_content .pop-header > div p{text-align:left; font-size:22px;} .white_content .pop-header .popclose{position:absolute; top:50%; transform:translateY(-50%);right:10px; font-size:0; width:22px; height:28px;} .white_content .pop-header .popclose::after{content: '\e921 '; display:block; font-family: 'Xeicon'; font-size: 22px; border-radius:50%; color:#fff; text-align:center;} .white_content .pwarea{width:90%;margin:0 auto;background:#fff;margin-top:20px;position:relative} .white_content .pwarea [type="password"]{border:solid 1px #dedede; width:80%; height:35px;padding-left:5px;} .white_content .pwarea button{background: #666666; height: 35px; padding: 0 10px; display: inline-block; color: #fff !important; border: 0; cursor: pointer;} .white_content .infotxt{width: 80%; margin: 0 auto; text-align:center; padding: 10px 0 0 0; } @media screen and (max-width:1200px) { .white_content .pop-header > div p{font-size:20px;} } @media screen and (max-width:1000px) { .white_content .pop-header > div p{font-size:18px;} .white_content .infotxt{font-size:16px;} } @media screen and (max-width:767px) { .white_content{height: 160px;} .white_content .pop-header > div p{font-size:16px;} .white_content .infotxt{font-size:14px;} } @media screen and (max-width:420px) { .white_content{width:320px;} } @media screen and (max-width:360px) { .white_content{width:280px;} }