@charset "UTF-8"; @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 200; src: url(/assets/fonts/Nanum/NanumBarunGothicUltraLight.eot); src: local('Nanum Barun Gothic UltraLight'), local('NanumBarunGothicUltraLight'), url(/assets/fonts/Nanum/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Nanum/NanumBarunGothicUltraLight.woff2) format('woff2'), url(/assets/fonts/Nanum/NanumBarunGothicUltraLight.woff) format('woff'), url(/assets/fonts/Nanum/NanumBarunGothicUltraLight.ttf) format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url(/assets/fonts/Nanum/NanumBarunGothicLight.eot); src: local('Nanum Barun Gothic Light'), local('NanumBarunGothicLight'), url(/assets/fonts/Nanum/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Nanum/NanumBarunGothicLight.woff2) format('woff2'), url(/assets/fonts/Nanum/NanumBarunGothicLight.woff) format('woff'), url(/assets/fonts/Nanum/NanumBarunGothicLight.ttf) format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url(/assets/fonts/Nanum/NanumBarunGothic.eot); src: local('Nanum Barun Gothic'), local('NanumBarunGothic'), url(/assets/fonts/Nanum/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Nanum/NanumBarunGothic.woff2) format('woff2'), url(/assets/fonts/Nanum/NanumBarunGothic.woff) format('woff'), url(/assets/fonts/Nanum/NanumBarunGothic.ttf) format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url(/assets/fonts/Nanum/NanumBarunGothicBold.eot); src: local('Nanum Barun Gothic Bold'), local('NanumBarunGothicBold'), url(/assets/fonts/Nanum/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Nanum/NanumBarunGothicBold.woff2) format('woff2'), url(/assets/fonts/Nanum/NanumBarunGothicBold.woff) format('woff'), url(/assets/fonts/Nanum/NanumBarunGothicBold.ttf) format('truetype'); } @font-face { font-family: 'NanumSquare'; font-style: normal; font-weight: 400; src: url(/assets/fonts/Nanum/NanumSquareR.eot); src: local('Nanum Square Regular'), local('NanumSquareR'), url(/assets/fonts/Nanum/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Nanum/NanumSquareR.woff2) format('woff2'), url(/assets/fonts/Nanum/NanumSquareR.woff) format('woff'), url(/assets/fonts/Nanum/NanumSquareR.ttf) format('truetype'); } @font-face { font-family: 'NanumSquare'; font-style: bold; font-weight: 700; src: url(./NanumSquareB.eot); src: local('Nanum Square Bold'), local('NanumSquareB'), url(/assets/fonts/Nanum/NanumSquareB.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/Nanum/NanumSquareB.woff2) format('woff2'), url(/assets/fonts/Nanum/NanumSquareB.woff) format('woff'), url(/assets/fonts/Nanum/NanumSquareB.ttf) format('truetype'); } @font-face { font-family:'Glyphicons Halflings'; src:url(/assets/fonts/glyphicons-halflings-regular.eot); src:url(/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/assets/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } @font-face { font-family: 'KIMM_Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KIMM_Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'SCoreDream'; font-weight: 100; font-style: normal; src: url('/assets/fonts/S-CoreDream-1Thin.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 200; font-style: normal; src: url('/assets/fonts/S-CoreDream-2ExtraLight.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 300; font-style: normal; src: url('/assets/fonts/S-CoreDream-3Light.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 400; font-style: normal; src: url('/assets/fonts/S-CoreDream-4Regular.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 500; font-style: normal; src: url('/assets/fonts/S-CoreDream-5Medium.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 600; font-style: normal; src: url('/assets/fonts/S-CoreDream-6Bold.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 700; font-style: normal; src: url('/assets/fonts/S-CoreDream-7ExtraBold.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 800; font-style: normal; src: url('/assets/fonts/S-CoreDream-8Heavy.woff') format('woff'); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 900; font-style: normal; src: url('/assets/fonts/S-CoreDream-9Black.woff') format('woff'); font-display: swap; } @font-face { font-family: 'GmarketSansTTFBold'; src: url('https://cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFBold.eot'); src:url('https://cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFBold.woff') format('woff'); font-style: normal; } @font-face { font-family: 'GmarketSansTTFMedium'; src: url('https://cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFMedium.eot'); src:url('https://cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFMedium.woff') format('woff'); font-style: normal; } @font-face { font-family: 'GmarketSansTTFLight'; src: url('https://cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFLight.eot'); src:url('https://cdn.jsdelivr.net/gh/wizfile/font/GmarketSansTTFLight.woff') format('woff'); font-style: normal; } /* reset */ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } html,body,div,span,applet,object,iframe, 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, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,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 { margin:0; padding:0; outline:0; border:0; background:transparent; font-size:100%; font:inherit; vertical-align:baseline } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block } body { line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -ms-interpolation-mode:bicubic } ol,ul { list-style:none } blockquote,q { quotes:none } blockquote:before,blockquote:after,q:before,q:after { content:''; content:none } table { border-collapse:collapse; border-spacing:0 } caption { font-size:0; text-indent:-9999px; } :before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } hr { overflow:visible; height:0; box-sizing:content-box } pre { font-family:monospace,monospace; font-size:1em } abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; cursor:help } code,kbd,samp { font-family:monospace,monospace; font-size:1em } small { font-size:80% } sub,sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline } sub { bottom:-.25em } sup { top:-.5em } img { border-style:none; max-width:100%; height:auto; vertical-align: middle } fieldset { /*padding:.35em .75em .625em*/ } legend { display:table; max-width:100%; padding:0; color:inherit; white-space:normal; box-sizing:border-box } progress { display:inline-block; vertical-align:baseline } textarea { overflow:auto } button,input,optgroup,select,textarea { margin:0; border-radius:0; font-family:inherit; font-size:100%; line-height:1 } button,input { overflow:visible } button,select { text-transform:none } button,[type=button],[type=reset],[type=submit] { -webkit-appearance:button } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { padding:0; border-style:none } button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline:1px dotted ButtonText } [type=search] { -webkit-appearance:textfield; outline-offset:-2px } [type=search]::-webkit-search-decoration { -webkit-appearance:none } ::-webkit-file-upload-button { font:inherit; -webkit-appearance:button } input::-ms-clear { display:none } summary { display:list-item } canvas { display:inline-block } template { display:none } [hidden] { display:none } .blind { position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px } address, em { font-style:normal } ::-moz-selection { background-color:#7A829C; color: #fff; } ::selection { background-color:#7A829C; color: #fff } img::selection { background:transparent } img::-moz-selection { background:transparent } a { background-color:transparent; color:#555; vertical-align:baseline; -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; -ms-transition:all .35s ease-in-out; -o-transition:all .35s ease-in-out; text-decoration:none } a:focus,button:focus { outline:thin dotted } a:active,a:hover,button:active,button:hover { outline:0 none } b,strong { font-weight:700 } ins { background-color:#ff9; color:#000; text-decoration:none } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold } del { text-decoration: line-through } input, select { vertical-align:middle } select { padding:8px 25px 8px 5px; font-size:15px; border:1px solid #ccc; height:35px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/common/ico_arr_down.png) no-repeat 100% 50%; cursor:pointer } select::-ms-expand { display:none; } input[type=text],input[type=password],textarea { padding:8px; border:1px solid #ccc; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; outline:none } input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus { border:1px solid #558ab7 !important; -webkit-box-shadow:0 0 3px #9ed4ff; -moz-box-shadow:0 0 3px #9ed4ff; box-shadow:0 0 3px #9ed4ff; margin:0 } input::-webkit-input-placeholder { color:#aaa; opacity:1 } input::-moz-placeholder { color:#aaa; opacity:1 } input:-ms-input-placeholder { color:#aaa; opacity:1 } input::placeholder { color:#aaa; opacity:1 } html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { overflow-y:scroll; font-weight:300; word-wrap:break-word; word-break:keep-all } body, button, input, select, table, textarea { font-family:'NanumBarunGothic','Nanum Gothic','맑은 고딕','Helvetica','Apple SD Gothic Neo',sans-serif; font-size:16px; font-weight:350 } table { width:100% } caption { display:none } .relative { position: relative; } /* th { background:#fbfbfb; padding:1.5% 1.2%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; word-wrap:break-word; word-break:break-all; text-align:center } td { padding:1.2% 1.2%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; word-wrap:break-word; word-break:break-all } */ .tbl-align-center td { text-align:center } .tbl-align-middle th,.tbl-align-middle td { vertical-align:middle } td.align-center { text-align:center } td.align-right { text-align:right } td.align-left { text-align:left } .align-center { text-align:center } .align-right { text-align:right } .align-left { text-align:left } /* 2018.10.04 : 게시글관리 팝업 */ .modal-body th,.modal-body td,.modal-body input,.modal-body select,.modal-body textarea,.modal-body button { line-height:1.5; font-family:'나눔고딕',NanumGothic,'돋움',Dotum,Arial,Helvetica,sans-serif; font-size:14px; color:#555 } .modal-body a { color:#555; text-decoration:none; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out } .modal-body a:active,.modal-body a:hover { color:#2773ae; text-decoration:none; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out } .label { display:inline; padding:.2em .6em .3em; border-radius:.25em; font-size:75%; font-weight:bold; line-height:1; color:#fff; text-align:center; vertical-align:baseline; white-space:nowrap } .label[href]:hover,.label[href]:focus { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .btn .label { position:relative; top:-1px } .label-default { background-color:#999 } .label-default[href]:hover,.label-default[href]:focus { background-color:#808080 } .label-primary { background-color:#428bca } .label-primary[href]:hover,.label-primary[href]:focus { background-color:#3071a9 } .label-success { background-color:#5cb85c } .label-success[href]:hover,.label-success[href]:focus { background-color:#449d44 } .label-info { background-color:#5bc0de } .label-info[href]:hover,.label-info[href]:focus { background-color:#31b0d5 } .label-warning { background-color:#f0ad4e } .label-warning[href]:hover,.label-warning[href]:focus { background-color:#ec971f } .label-danger { background-color:#d9534f } .label-danger[href]:hover,.label-danger[href]:focus { background-color:#c9302c } .label_2024 { border-radius: 50% 50% 50% 0 !important; } .modal-body .table-box { overflow:hidden; margin-bottom:20px; margin:0 auto 20px; border-radius:4px; border:1px solid #ddd; background-color:#fff; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05); box-shadow:0 1px 1px rgba(0,0,0,.05) } .modal-body .table-box .table-heading { position:relative; padding:10px 15px; border-top-right-radius:3px; border-top-left-radius:3px; background-color:#f5f5f5; font-size:14px; color:#333 } .modal-body .table-body textarea { width:95%; margin-top:10px; padding:15px; background-color:#f7f7f7; font-size:12px } .modal-body .table { width:100%; border-collapse:collapse; border-spacing:0 } .modal-body .table-body { width:100%; border-collapse:collapse; border-spacing:0 } .modal-body .table-body .msg_content { padding:30px; border-top:1px solid #ddd } .modal-body .table-footer { overflow:hidden; padding:10px 15px; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px; background-color:#f5f5f5 } .modal-body .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td { padding:8px; border-top:1px solid #ddd; line-height:1.42857143; vertical-align:top } .modal-body .table-body>thead>tr>th,.table-body>tbody>tr>th,.table-body>tfoot>tr>th,.table-body>thead>tr>td,.table-body>tbody>tr>td,.table-body>tfoot>tr>td { padding:8px; border-top:1px solid #ddd; line-height:1.42857143; vertical-align:top } .modal { position:relative; width:600px; margin:30px auto; border:1px solid #ccc; border:1px solid rgba(0,0,0,.2); border-radius:6px; background-color:#fff; background-clip:padding-box; -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5); outline:0 } .modal-header { min-height:16.42857143px; padding:15px; border-bottom:1px solid #e5e5e5 } .modal-body { position:relative; padding:20px } .modal-body li { display:inline-block } .modal-body form li { display:block } .modal-footer { margin-top:15px; padding:19px 20px 20px; border-top:1px solid #e5e5e5; text-align:right } .close { float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20) } .modal-title { margin:0; line-height:1.42857143 } .modal .modal-body .profile-info { overflow:hidden } .modal-body .btn { display:inline-block; margin-bottom:0; padding:3px 8px; border:1px solid transparent; border-radius:4px; background-image:none; line-height:1.42857143; font-size:12px; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .modal-body .btn:active,.modal-body .btn.active { background-image:none } /*.modal-body .btn-default { border-color:#dbdbdb; border-color:#ccc; background-image:-webkit-linear-gradient(top bottom,.modal-body #fff 0,.modal-body #e0e0e0 100%); background-image:linear-gradient(to bottom,.modal-body #fff 0,.modal-body #e0e0e0 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',.modal-body endColorstr='#ffe0e0e0',.modal-body GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow:0 1px 0 #fff } */ .modal-body .btn-default:hover,.modal-body .btn-default:focus { background-color:#e0e0e0; background-position:0 -15px } .modal-body .btn-default:active,.modal-body .btn-default.active { border-color:#dbdbdb; background-color:#e0e0e0 } .modal-body .btn-primary { border-color:#348fe2; background-color:#348fe2; background-image:none; color:#fff } .modal-body .btn-primary:hover,.modal-body .btn-primary:focus,.modal-body .btn-primary:active,.modal-body .btn-primary.active,.modal-body .open .dropdown-toggle.btn-primary { border-color:#2670b7; background-color:#2670b7; color:#fff } .modal-body .btn-primary.disabled,.modal-body .btn-primary[disabled],.modal-body fieldset[disabled] .btn-primary,.modal-body .btn-primary.disabled:hover,.modal-body .btn-primary[disabled]:hover,.modal-body fieldset[disabled] .btn-primary:hover,.modal-body .btn-primary.disabled:focus,.modal-body .btn-primary[disabled]:focus,.modal-body fieldset[disabled] .btn-primary:focus,.modal-body .btn-primary.disabled:active,.modal-body .btn-primary[disabled]:active,.modal-body fieldset[disabled] .btn-primary:active,.modal-body .btn-primary.disabled.active,.modal-body .btn-primary[disabled].active,.modal-body fieldset[disabled] .btn-primary.active { border-color:#348fe2; background-color:#348fe2 } .modal-body .btn-primary .badge { background-color:#fff; color:#348fe2 } .modal-body .btn-danger { border-color:#ff5c57; background-color:#ff5c57; background-image:none; color:#fff } .modal-body .btn-danger:hover,.modal-body .btn-danger:focus,.modal-body .btn-danger:active,.modal-body .btn-danger.active,.modal-body .open .dropdown-toggle.btn-danger { border-color:#ce4741; background-color:#ce4741; color:#fff } .modal-body .btn-danger.disabled,.modal-body .btn-danger[disabled],.modal-body fieldset[disabled] .btn-danger,.modal-body .btn-danger.disabled:hover,.modal-body .btn-danger[disabled]:hover,.modal-body fieldset[disabled] .btn-danger:hover,.modal-body .btn-danger.disabled:focus,.modal-body .btn-danger[disabled]:focus,.modal-body fieldset[disabled] .btn-danger:focus,.modal-body .btn-danger.disabled:active,.modal-body .btn-danger[disabled]:active,.modal-body fieldset[disabled] .btn-danger:active,.modal-body .btn-danger.disabled.active,.modal-body .btn-danger[disabled].active,.modal-body fieldset[disabled] .btn-danger.active { border-color:#ff5c57; background-color:#ff5c57 } .modal-body .btn-danger .badge { background-color:#fff; color:#ff5c57 } .modal-body .btn-turquoise { border-color:#00acac; background-color:#00acac; background-image:none; color:#fff } .modal-body .btn-turquoise:hover,.modal-body .btn-turquoise:focus,.modal-body .btn-turquoise:active,.modal-body .btn-turquoise.active,.modal-body .open .dropdown-toggle.btn-turquoise { border-color:#008a8c; background-color:#008a8c; color:#fff } .modal-body .btn-turquoise.disabled,.modal-body .btn-turquoise[disabled],.modal-body fieldset[disabled] .btn-turquoise,.modal-body .btn-turquoise.disabled:hover,.modal-body .btn-turquoise[disabled]:hover,.modal-body fieldset[disabled] .btn-turquoise:hover,.modal-body .btn-turquoise.disabled:focus,.modal-body .btn-turquoise[disabled]:focus,.modal-body fieldset[disabled] .btn-turquoise:focus,.modal-body .btn-turquoise.disabled:active,.modal-body .btn-turquoise[disabled]:active,.modal-body fieldset[disabled] .btn-turquoise:active,.modal-body .btn-turquoise.disabled.active,.modal-body .btn-turquoise[disabled].active,.modal-body fieldset[disabled] .btn-turquoise.active { border-color:#00acac; background-color:#00acac } .modal-body .btn-turquoise .badge { background-color:#fff; color:#00acac } .modal-body .btn-royalblue { border-color:#717bb6; background-color:#717bb6; background-image:none; color:#fff } .modal-body .btn-royalblue:hover,.modal-body .btn-royalblue:focus,.modal-body .btn-royalblue:active,.modal-body .btn-royalblue.active,.modal-body .open .dropdown-toggle.btn-royalblue { border-color:#464a6f; background-color:#464a6f; color:#fff } .modal-body .btn-royalblue.disabled,.modal-body .btn-royalblue[disabled],.modal-body fieldset[disabled] .btn-royalblue,.modal-body .btn-royalblue.disabled:hover,.modal-body .btn-royalblue[disabled]:hover,.modal-body fieldset[disabled] .btn-royalblue:hover,.modal-body .btn-royalblue.disabled:focus,.modal-body .btn-royalblue[disabled]:focus,.modal-body fieldset[disabled] .btn-royalblue:focus,.modal-body .btn-royalblue.disabled:active,.modal-body .btn-royalblue[disabled]:active,.modal-body fieldset[disabled] .btn-royalblue:active,.modal-body .btn-royalblue.disabled.active,.modal-body .btn-royalblue[disabled].active,.modal-body fieldset[disabled] .btn-royalblue.active { border-color:#717bb6; background-color:#717bb6 } .modal-body .btn-royalblue .badge { background-color:#fff; color:#717bb6 } .modal-body .btn-warning { border-color:#f49b1b; background-color:#f49b1b; background-image:none; color:#fff } .modal-body .btn-warning:hover,.modal-body .btn-warning:focus,.modal-body .btn-warning:active,.modal-body .btn-warning.active,.modal-body .open .dropdown-toggle.btn-warning { border-color:#c57e00; background-color:#c57e00; color:#fff } .modal-body .btn-warning.disabled,.modal-body .btn-warning[disabled],.modal-body fieldset[disabled] .btn-warning,.modal-body .btn-warning.disabled:hover,.modal-body .btn-warning[disabled]:hover,.modal-body fieldset[disabled] .btn-warning:hover,.modal-body .btn-warning.disabled:focus,.modal-body .btn-warning[disabled]:focus,.modal-body fieldset[disabled] .btn-warning:focus,.modal-body .btn-warning.disabled:active,.modal-body .btn-warning[disabled]:active,.modal-body fieldset[disabled] .btn-warning:active,.modal-body .btn-warning.disabled.active,.modal-body .btn-warning[disabled].active,.modal-body fieldset[disabled] .btn-warning.active { border-color:#f49b1b; background-color:#f49b1b } .modal-body .btn-warning .badge { background-color:#fff; color:#f49b1b } .btn-info { border-color:#49b6d5; background-color:#49b6d5; background-image:none; color:#fff } .btn-info:hover,.modal-body .btn-info:focus,.modal-body .btn-info:active,.modal-body .btn-info.active,.modal-body .open .dropdown-toggle.btn-info { border-color:#3492ac; background-color:#3492ac; color:#fff } .btn-info.disabled,.modal-body .btn-info[disabled],.modal-body fieldset[disabled] .btn-info,.modal-body .btn-info.disabled:hover,.modal-body .btn-info[disabled]:hover,.modal-body fieldset[disabled] .btn-info:hover,.modal-body .btn-info.disabled:focus,.modal-body .btn-info[disabled]:focus,.modal-body fieldset[disabled] .btn-info:focus,.modal-body .btn-info.disabled:active,.modal-body .btn-info[disabled]:active,.modal-body fieldset[disabled] .btn-info:active,.modal-body .btn-info.disabled.active,.modal-body .btn-info[disabled].active,.modal-body fieldset[disabled] .btn-info.active { border-color:#49b6d5; background-color:#49b6d5 } .btn-info .badge { background-color:#fff; color:#49b6d5 } .modal-body .btn-success { border-color:#5db75d; background-color:#5db75d; background-image:none; color:#fff } .modal-body .btn-success:hover,.modal-body .btn-success:focus,.modal-body .btn-success:active,.modal-body .btn-success.active,.modal-body .open .dropdown-toggle.btn-success { border-color:#409e3e; background-color:#409e3e; color:#fff } .modal-body .btn-success.disabled,.modal-body .btn-success[disabled],.modal-body fieldset[disabled] .btn-success,.modal-body .btn-success.disabled:hover,.modal-body .btn-success[disabled]:hover,.modal-body fieldset[disabled] .btn-success:hover,.modal-body .btn-success.disabled:focus,.modal-body .btn-success[disabled]:focus,.modal-body fieldset[disabled] .btn-success:focus,.modal-body .btn-success.disabled:active,.modal-body .btn-success[disabled]:active,.modal-body fieldset[disabled] .btn-success:active,.modal-body .btn-success.disabled.active,.modal-body .btn-success[disabled].active,.modal-body fieldset[disabled] .btn-success.active { border-color:#5db75d; background-color:#5db75d } .modal-body .btn-success .badge { background-color:#fff; color:#5db75d } .modal-body .btn-silver { border-color:#b7c2c8; background-color:#b7c2c8; background-image:none; color:#fff } .modal-body .btn-silver:hover,.modal-body .btn-silver:focus,.modal-body .btn-silver:active,.modal-body .btn-silver.active,.modal-body .open .dropdown-toggle.btn-silver { border-color:#929ba2; background-color:#929ba2; color:#fff } .modal-body .btn-silver.disabled,.modal-body .btn-silver[disabled],.modal-body fieldset[disabled] .btn-silver,.modal-body .btn-silver.disabled:hover,.modal-body .btn-silver[disabled]:hover,.modal-body fieldset[disabled] .btn-silver:hover,.modal-body .btn-silver.disabled:focus,.modal-body .btn-silver[disabled]:focus,.modal-body fieldset[disabled] .btn-silver:focus,.modal-body .btn-silver.disabled:active,.modal-body .btn-silver[disabled]:active,.modal-body fieldset[disabled] .btn-silver:active,.modal-body .btn-silver.disabled.active,.modal-body .btn-silver[disabled].active,.modal-body fieldset[disabled] .btn-silver.active { border-color:#b7c2c8; background-color:#b7c2c8 } .modal-body .btn-silver .badge { background-color:#fff; color:#b7c2c8 } .modal-body .btn-black { border-color:#2c353c; background-color:#2c353c; background-image:none; color:#fff } .modal-body .btn-black:hover,.modal-body .btn-black:focus,.modal-body .btn-black:active,.modal-body .btn-black.active,.modal-body .open .dropdown-toggle.btn-black { border-color:#000; background-color:#000; color:#fff } .modal-body .btn-black.disabled,.modal-body .btn-black[disabled],.modal-body fieldset[disabled] .btn-black,.modal-body .btn-black.disabled:hover,.modal-body .btn-black[disabled]:hover,.modal-body fieldset[disabled] .btn-black:hover,.modal-body .btn-black.disabled:focus,.modal-body .btn-black[disabled]:focus,.modal-body fieldset[disabled] .btn-black:focus,.modal-body .btn-black.disabled:active,.modal-body .btn-black[disabled]:active,.modal-body fieldset[disabled] .btn-black:active,.modal-body .btn-black.disabled.active,.modal-body .btn-black[disabled].active,.modal-body black fieldset[disabled] .btn-black.active { border-color:#2c353c; background-color:#2c353c } .modal-body .btn-black .badge { background-color:#fff; color:#2c353c } .modal-body .btn.disabled { pointer-events:none; cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65 } /*--------------------------------*/ #wrap { overflow:hidden; position:relative; max-width:1920px; width:100%; min-height:100%; margin:0 auto } /* accessibility */ #accessibility { position:absolute; left:0; top:0; width:100%; z-index:9999; } #accessibility li { position:absolute; left:0; top:0; width:100%; z-index:9999; } #accessibility a { overflow:hidden; display:block; width:1px; height:1px; margin-bottom:-1px; color:#444; font-size:0; text-decoration:none; } #accessibility a:active, #accessibility a:focus { width:100%; height:auto; padding:5px 0; background:#eee; font-size:14px; text-align:center; } #quick { clear:both; position:absolute; z-index:9999; top:557px; right:0; width:130px } #quick h2 { overflow:hidden; height:64px; padding:19px 20px 0; background:url(../images/quick_arr.png) rgba(255,255,255,.9) no-repeat right center; font-size:13px; font-weight:700; color:#2171d0; line-height:130% } #quick>ul { display:block } #quick .quick_mnu { display:block; border-top:1px solid rgba(255,255,255,.2); background-color:rgba(0,0,0,.4); } #quick .quick_mnu:hover { border-top-color:#002148; background-color:#002148 } #quick .quick_mnu a { display:block; font-size:13px; color:#fff; line-height:130%; text-decoration:none } #quick .quick_mnu>a { height:63px; padding:13px 0 0 20px; font-size:14px } #quick .quick_mnu1>a { padding:22px 0 0 20px; background:url(../images/quick_ico1.png) no-repeat right center } #quick .quick_mnu2>a { background:url(../images/quick_ico2.png) no-repeat right center } #quick .quick_mnu3>a { padding:22px 0 0 20px; background:url(../images/quick_ico3.png) no-repeat right center } #quick .quick_mnu4>a { background:url(../images/quick_ico4.png) no-repeat right center } #quick .quick_mnu5>a { background:url(../images/quick_ico5.png) no-repeat right center } #quick .quick_mnu6>a { background:url(../images/quick_ico6.png) no-repeat right center; padding: 22px 0 0 20px; } #quick .quick_mnu .quick_over { display:none; overflow:hidden; clear:both; position:absolute; top:0; right:130px; z-index:9999; width:220px; height:384px; background-color:#002148; transition:all 0.8s ease } #quick .quick_mnu:hover .quick_over,#quick>ul>li .quick_over:hover { display:block !important } #quick .quick_mnu .quick_over ul { padding:40px 40px } #quick .quick_mnu .quick_over li { padding:0 0 15px 8px; background:url(../images/common/dot_01.gif) no-repeat 0 7px } #quick .quick_mnu .quick_over a { font-weight:300 } #quick .quick_mnu .quick_over a:hover { color:#b8f4ff } /* header */ header { position: absolute; background: rgba(0,0,0,0.3); width: 100%; z-index: 999; font-family: 'SCoreDream'; } header a { text-decoration:none } header #tnb { height:40px; } header.open { background-color: #FFFFFF; } header.open { background-color: #FFFFFF; } header.open #gnb>ul>li>a { color: #000; } header.open #gnb>ul>li>a::after { filter:invert(0%); } header.open #tnb a { color: #000; } header #logo_b { display: none; } header #logo_w { display: block; } header.open #logo_b { display: block; } header.open #logo_w { display: none; } header.open #tnb .tnb2 li a.btn_login:before { background: url(../images/2024/ico_login.png) center center no-repeat; width: 15px; height: 15px; background-size: cover; } header.open #tnb .tnb2 li a.btn_lang:before { background: url(../images/2024/ico_lang.png) center center no-repeat; width: 15px; height: 15px; background-size: cover; } header.open #tnb .tnb2 li a.btn_popup:before { background: url(../images/2024/ico_popup.png) center center no-repeat; width: 15px; height: 15px; background-size: cover; } header.open #tnb .tnb2 li a.btn_sitemap:before { background: url(../images/2024/ico_sitemap.png) center center no-repeat; width: 15px; height: 15px; background-size: cover; } #tnb img { vertical-align:middle } #tnb li { float:left; position: relative; } #tnb a { display:block; font-size:13px; color:#fff; line-height:40px; text-align:center } #tnb .tnb1 { float:left } #tnb .tnb2 { float:right } #tnb .tnb1 a { width:80px } /*#tnb .tnb1 a:hover { background-color:#fff; color:#666 } */ #tnb .tnb1_1 { color:#FFF } .tnb1_1_sub { position: absolute; display: none; z-index: 9999; } #tnb .tnb1_1_sub ul li a { color:#111; background-color:#fff; font-weight: 400; } /*.tnb1_1_sub ul li > a { background-color:#09b7b3; } .tnb1_1_sub ul li:first-child > a { background-color:#004098; } .tnb1_1_sub ul li:last-child > a { background-color:#0080ff } */ .tnb1_1_sub.on { display: block; z-index: 999999; width:100%; } #tnb .tnb1_1_sub.on ul li a:hover { background-color:#27325b; color:#FFF; } #tnb .tnb1_2 { /*background-color:#001024*/ } #tnb .tnb1_3 { /*background-color:#1851a8*/ } #tnb .tnb1_4 { } .tnb1_4_sub { position: absolute; display: none; z-index: 9999; } #tnb .tnb1_4_sub ul li a { color:#111; background-color:#fff; font-weight: 400; } /*.tnb1_4_sub ul li > a { background-color:#09b7b3; } .tnb1_4_sub ul li:first-child > a { background-color:#004098; } .tnb1_4_sub ul li:last-child > a { background-color:#0080ff } */ .tnb1_4_sub.on { display: block; z-index: 999999; width:100%; } #tnb .tnb1_4_sub.on ul li a:hover { background-color:#27325b; color:#FFF; } #tnb .tnb1_5 { letter-spacing: -0.4px; font-size: 12px; } #tnb .tnb2 .tnb_txt { width:100px; } /* #tnb .tnb2 .tnb_admin { background:#001024 } #tnb .tnb2 .tnb_admin:hover { background-color:#000 } #tnb .tnb2 .tnb_login { background-color:#19b5d6 } #tnb .tnb2 .tnb_login:hover { background-color:#1f92af } #tnb .tnb2 .tnb_logout { background-color:#19b5d6 } #tnb .tnb2 .tnb_member { background-color:#006cb6 } #tnb .tnb2 .tnb_member:hover { background-color:#00558f } */ #tnb .tnb2 .tnb_zoom { width:40px; border-right:1px solid #8a8d93; background-color:#7d8087 } #tnb .tnb2 .tnb_zoom:hover { background-color:#666; } #tnb .tnb2 .tnb_zoom.tnb_zoom_original { border-right:none } /*#tnb .tnb2 .tnb_sitemap { width:41px; background-color:#475273 } #tnb .tnb2 .tnb_sitemap:hover { width:41px; background-color:#2c385b } */ #tnb .tnb2 li { width:100px; } #tnb .tnb2 li.tnb_lang { position:relative; } #tnb .tnb2 li.tnb_lang ul { display:none; position:absolute; top:40px; right:0; z-index:9999; width:100px; border:1px solid #ddd; border-width:0 1px 1px; background-color:#f6f6f6 } #tnb .tnb2 li.tnb_lang ul li { float:none } #tnb .tnb2 li.tnb_lang ul li a { color: #111; } #tnb .tnb2 li a.btn_login:before { content: ''; background: url(../images/2024/ico_login_w.png) center center no-repeat; width: 15px; height: 15px; position: relative; display: inline-block; top: 2px; left: -8px; background-size: cover; } #tnb .tnb2 li a.btn_lang:before { content: ''; background: url(../images/2024/ico_lang_w.png) center center no-repeat; width: 15px; height: 15px; position: relative; display: inline-block; top: 2px; left: -8px; background-size: cover; } #tnb .tnb2 li a.btn_popup:before { content: ''; background: url(../images/2024/ico_popup_w.png) center center no-repeat; width: 15px; height: 15px; position: relative; display: inline-block; top: 2px; left: -8px; background-size: cover; } #tnb .tnb2 li a.btn_sitemap:before { content: ''; background: url(../images/2024/ico_sitemap_w.png) center center no-repeat; width: 15px; height: 15px; position: relative; display: inline-block; top: 2px; left: -8px; background-size: cover; } /*#tnb .tnb2 li.tnb_lang a { font-size:13px; } #tnb .tnb2 li.tnb_lang a:hover { background-color:#fff } */ header .gnbWrap { position:relative; height:80px; } /* header .gnbWrap:hover { background-color:#fff } header .gnbWrap:hover #gnb>ul>li>a { color: #111; font-weight: 500; } */ /* #gnb>ul>li>a:hover { color: #034EA2; text-decoration: underline; } */ #logo { width:20% } #logo a { overflow:hidden; height:80px; line-height:80px } #logo img { vertical-align:middle; width: 181px; } #gnb { width:75% } #gnb a { display:block } #gnb>ul>li { display:block; float:left; width:16.6%; text-align:center } #gnb>ul>li>a { line-height:80px; font-size:17px; font-weight:500; color:#fff; text-decoration:none; display: block; } #gnb>ul>li>a::after { filter:invert(100%); } #gnb>ul>li.active>a,#gnb>ul>li>a:focus,#gnb>ul>.open>a,#gnb>ul>li>a:hover { display:block; color:#1851a8 !important; text-decoration:none } /* #gnb>ul>li>.menuwrap { display:none; position:absolute; top:80px; left:0; right:0; z-index:999; width:100%; border:1px solid rgba(0,0,0,.07); border-width:1px 0; background-color:rgba(255,255,255,1); text-align:left } */ #gnb>ul>li>.menuwrap { position: absolute; top: 80px; left: 0; right: 0; z-index: 999; width: 100%; border: 1px solid rgba(0, 0, 0, .07); border-width: 1px 0; background-color: rgba(255, 255, 255, 0); text-align: left; max-height: 0; overflow: hidden; display: flex; } #gnb .menuwrap .hg1:before {content:''; display: block; position: absolute; top: 0; right: calc(100% - 200px); width: 50vw; height: 100vh; background-color: #1851a8;} #gnb .menuwrap .hg1 { position:absolute; top:0; left:0; display:block; text-align:left; padding:60px 0 0; margin:0; width:200px; height:100%; box-sizing:border-box; z-index:1;} #gnb .menuwrap .hg1::after {content: ''; display: block; position: absolute; z-index: 99999; bottom: 30px; left: -120px; opacity: 0.5; background: url(../images/gnb_bg.png) no-repeat; width: 341px; height: 342px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-in-out;} /* #gnb .menuwrap .hg1:after { content: ''; display: block; position: relative; z-index: 99999; opacity: 0.5; left: -250px; bottom: -80px; background: url(../images/2024/symbol.svg) no-repeat; width: 350px; height: 350px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-in-out; } */ /*#gnb .menuwrap .hg1:after { position:absolute; top:1px; right:0; content:""; display:block; width:100%; height:calc(100% - 1px); background:#fafafb url(../images/2024/menu_bg.png) no-repeat center bottom; border-right:1px solid #ececec; box-sizing:border-box; z-index:-1 } */ #gnb ul li:nth-child(n+5) .menuwrap .hg1:after { background: none; } #gnb .menuwrap .hg1>.h1 { position: relative; font-size: 28px; line-height: 52px; letter-spacing: -0.02em; display:block; z-index:10; position:relative; color:#FFFFFF; font-weight:500; } #gnb .menuwrap .hg1>.h1:before { content:''; display: block; position: absolute; top: 24px; right: 0; background-color: #e33d65; width: 50px; height: 3px; } #gnb>ul>li>.menuwrap .container>ul { padding:30px 20px; border:1px solid rgba(0,0,0,.05); border-width:0 1px; margin-left: 200px; padding-left: 0; width: calc(100% - 200px); } #gnb>ul>li>.menuwrap .container>ul>li { float:left; width:14.2857%; padding:0 0 30px 20px } #gnb>ul>li>.menuwrap .container>ul>li { width:20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } /* #gnb>ul>li:nth-child(5n+2)>.menuwrap .container>ul>li { width:50% } #gnb>ul>li:nth-child(5n+3)>.menuwrap .container>ul>li { width:100% } #gnb>ul>li:nth-child(5n+4)>.menuwrap .container>ul>li { width:20% } #gnb>ul>li:nth-child(5n+5)>.menuwrap .container>ul>li { width:20% } #gnb>ul>li>.menuwrap .container>ul>li>a { font-size:16px; font-weight:400; border: 1px solid #ddd; color:#000; line-height:45px; text-align: center; margin-bottom: 20px; background-color: #f8f9fb; } */ #gnb>ul>li>.menuwrap .container>ul>li>a { position: relative; display: table; table-layout: fixed; width: 100%; height: 3rem; padding: 0 2rem 0 1rem; border-width: 1px; border-style: solid; border-color: #c0c6d6; background: #fff; word-break: break-all; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; overflow: hidden; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; -o-transition:color .3s; transition:color .3s;} #gnb>ul>li>.menuwrap .container>ul>li>a::before{position: absolute; top: 50%; right: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; font-size: .9rem; color: #363c4c; content: "\e93e"; -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);} #gnb>ul>li>.menuwrap .container>ul>li>a>span{display: table-cell; vertical-align: middle; width: 100%; font-weight: 500; line-height: 1.1; color: #333; -webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);} #gnb>ul>li>.menuwrap .container>ul>li>a:hover { border-color: #1851a8; border-width:3px; color: #1851a8; } #gnb>ul>li>.menuwrap .container>ul>li>ul>li{width: 100%;} #gnb>ul>li>.menuwrap .container>ul>li>ul>li>a { display: inline-block; font-size:15px; font-weight:400; color:#000; line-height:180%; margin-bottom: 5px; } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>a:hover { background: linear-gradient(to top, #e8edfd 13px, #fff 13px); } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>a::before { content: ''; position: relative; display: inline-block; width: 3px; height: 3px; left: -8px; top: -4px; font-size: 30px; background-color: #808080; border-radius: 50%; } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul { padding-left: 10px; margin-top: 5px; } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li{width: 100%;} #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li>a { display:inline-block; font-size:14px; color:#888; line-height:160% } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li>a:hover { color:#1851a8; background: linear-gradient(to top, #e8edfd 13px, #fff 13px); } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li>ul { margin: 10px 0; } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li>ul>li>a { display:inline-block; padding-bottom:5px; font-size:14px; color:#888; line-height:140% } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li>ul>li>a:hover { color:#1851a8; text-decoration:underline } #gnb>ul>li>.menuwrap .container>ul>li>ul>li>ul>li>ul>li>a:before { display:inline-block; width:4px; height:1px; margin-left:5px; margin-right:7px; background-color:#aaa; vertical-align:middle; content:"" } /* #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+4) { width:33.3332% } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+4)>ul>li { width:50%; vertical-align: top; display: inline-block; } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+4)>ul>li:nth-child(2) { } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+4)>ul>li:nth-child(3) { position:relative; } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+4)>ul>li:nth-child(4) { position:relative; } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+5) { clear:both; margin-top:-550px } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+6) { clear:both; margin-top:-550px; margin-left:22.2% } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n+7) { clear:both; margin-top:-325px; margin-left:0% } #gnb>ul>li:nth-child(5n+1)>.menuwrap .container>ul>li:nth-child(8n) { clear:both; margin-top:-200px; margin-left:33% } #gnb>ul>li:nth-child(5n+2)>.menuwrap .container>ul>li:nth-child(3n+1) { width:50% } #gnb>ul>li:nth-child(5n+2)>.menuwrap .container>ul>li:nth-child(3n+2) { width:25% } #gnb>ul>li:nth-child(5n+2)>.menuwrap .container>ul>li:nth-child(3n+3) { width:25% } #gnb>ul>li:nth-child(5n+2)>.menuwrap .container>ul>li:nth-child(3n+1)>ul>li { float:left; width:33.333%; height: 315px; } #gnb>ul>li:nth-child(5n+2)>.menuwrap .container>ul>li:nth-child(3n)>ul>li { float:left; width:50% } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(4) { height: auto; } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(5) { height: auto; } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(6) { height: auto; } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(1) > ul li { display: inline-block; position: relative; width: 100%; } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(1) > ul li:nth-child(4) a:after { content:"2025 신설학과"; font-weight: 600; background: #428bca; width: 80px; height: 20px; text-align: center; font-size: 10px; color: #FFFFFF; margin-left: 5px; border-radius: 5px; top: 0px; position: absolute; display: inline-block; } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(3) > ul li { display: inline-block; position: relative; width: 100%; } #gnb>ul>li:nth-child(2)>.menuwrap .container>ul>li:nth-child(1)>ul>li:nth-child(3) > ul li:nth-child(3) a:after { content:"2025 신설학부"; font-weight: 600; background: #428bca; width: 80px; height: 20px; text-align: center; font-size: 10px; color: #FFFFFF; margin-left: 5px; border-radius: 5px; top: 0px; position: absolute; display: inline-block; } */ /* #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) { width: 100%; } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li:first-child { padding-left: 0; } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li { width: 33%; display: inline-block; padding: 0 10px; position: relative; } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li:nth-child(-n+2) { width: 160px; } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li:nth-child(-n+2) a:before { content:none; } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li:nth-child(3) { width: calc(100% - 320px); } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li:nth-child(3) a::before { content:"첨단학과"; font-weight: 600; background: #5cb85c; width: 60px; height: 20px; text-align: center; font-size: 10px; color: #FFFFFF; margin-left: 5px; border-radius: 5px; left: 200px; position: absolute; display: inline-block; } #gnb>ul>li:nth-child(2)>.menuwrap>ul>li:nth-child(1)>ul>li:nth-child(6) > ul li a:after { content:"신설학과"; font-weight: 600; background: #428bca; width: 60px; height: 20px; text-align: center; font-size: 10px; color: #FFFFFF; margin-left: 5px; border-radius: 5px; top: 0px; position: absolute; display: inline-block; } */ .emphasized { position: relative; top: 0; left: 0; width: 100%; box-shadow: rgb(0 0 0 / 50%) 0 0 0 9999px, rgb(0 0 0 / 50%) 2px 2px 3px 3px; z-index: 99999; } #gnb .dropdown-menu { display:none; padding: .5rem 0 0.5rem 1rem;} #gnb .open { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #gnb .open .dropdown-menu { display: -ms-flexbox; -ms-flex-direction: row; -ms-flex-wrap: wrap; display: flex; flex-direction: row; flex-wrap: wrap;} #gnb .open .menuwrap { display:block; max-height: 100vh; background-color: rgba(255, 255, 255,1); } .allmnuView { display:none } #allmnu { display:none } .newWindow:after { display:inline-block; width:17px; height:12px; background:url(../images/2024/ico_window.png) no-repeat right center; content:""; background-size: contain; } .newWindow_white:after { display:inline-block; width:17px; height:10px; background:url(../images/common/ico_newwindow_white.png) no-repeat right center; content:"" } /* main */ #main { position:relative; display: inline-block; clear:both; z-index:5; width:100%; min-height:500px; margin:0 auto; overflow: hidden; } #main:after { clear:both; content:"" } #main #svisual { position:relative; z-index:10; height:445px } #main #svisual p { position:absolute; z-index:10; width:100%; top: 50%; font-size:32px; color:#fff; text-align:center; line-height:130%; text-shadow:0 0 3px rgba(0,0,0,.5); font-weight: 500; } #main #svisual .svisual1_bgWrap { overflow:hidden; position:relative; height:445px; } #main #svisual .svisual_bg, #main #svisual .svisual1_bg, #main #svisual .svisual2_bg, #main #svisual .svisual4_bg, #main #svisual .svisual5_bg, #main #svisual .svisual6_bg { position:absolute; top:0; z-index:1; width:100%; height:445px; background:url(../images/2024/svisual1.png) no-repeat center center; background-size: cover; } #main #svisual .svisual_bg:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); } @keyframes svisual { 0% { top:0 } 40% { top:-50px } 100% { top:0 } } @keyframes rotate { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } #main #svisual .svisual1_bg { height:445px; background:url(../images/2024/svisual1.png) no-repeat center center; background-size: cover; } #main #svisual .svisual2_bg { height:445px; background:url(../images/2024/svisual2.png) no-repeat center center; background-size: cover; } #main #svisual .svisual4_bg { height:445px; background:url(../images/2024/svisual4.png) no-repeat center center; background-size: cover; } #main #svisual .svisual5_bg { height:445px; background:url(../images/2024/svisual5.png) no-repeat center center; background-size: cover; } #main #svisual .svisual6_bg { height:445px; background:url(../images/2024/svisual1.png) no-repeat center center; background-size: cover; } #svisual a { display:block; height:55px; line-height:55px; text-decoration:none } #svisual img { vertical-align:middle } #svisual .snbWrap { position:absolute; bottom:0; z-index:10; width:100%; height:55px; background-color:rgba(8,17,35,.2) } #snb>ul>li { float:left; position:relative } #snb a { overflow:hidden; width:200px; padding:0 50px 0 20px; font-size:16px; color:#fff; white-space:nowrap; text-overflow:ellipsis } #snb a:hover { background-color:rgba(0,0,0,.2) } #snb>ul>li>ul { display:none } /*두번째메뉴숨김*/ #snb>ul>li>ul.active { display:block; position:absolute; top:55px; z-index:11 } /*두번째메뉴오픈*/ #snb>ul>li>ul>li { border-top:1px solid rgba(255,255,255,.05) } #snb>ul>li>ul>li>a { height:45px; line-height:45px; padding:0 20px } #snb .snb_arr { position:absolute; top:20px; right:20px } #snb .snb_home { background-color:#0b1d3d; text-align:center } #snb .snb_home a { width:55px; padding:0 } #snb .snb1,#snb .snb1 ul { background-color:#003874 } #snb .snb2,#snb .snb2 ul { background-color:#015bb1 } #snb .snb3,#snb .snb3 ul { background-color:#4a4d56 } #snb .snb4,#snb .snb4 ul { background-color:#7d8089 } #snb .snb5,#snb .snb5 ul { background-color:#8d9099 } #svisual .printWrap li { float:left; position:relative; z-index:11; min-width:55px } #svisual .printWrap>ul>li:after { display:block; position:absolute; top:18px; right:0; width:1px; height:20px; background-color:rgba(255,255,255,.2); content:"" } #svisual .printWrap>ul { position:relative } #svisual .printWrap>ul:after { display:block; position:absolute; top:18px; left:0; width:1px; height:20px; background-color:rgba(255,255,255,.2); content:"" } #svisual .printWrap a { text-align:center } #svisual #snsOpen { display:none } #svisual #snsOpen.on { display:block } #svisual .printWrap .snsWrap { display:none } #svisual .printWrap .snsWrap.on { display:block } /* quickmenu */ /* 2024 팝업 슬라이드 */ /* #popup-slide-box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100lvh; z-index: 1000; color: #fff; } #popup-slide-box > .inner { height: 100%; display: flex; justify-content: center; align-items: center; position: relative; } #popup-slide-box .slide-wrap { width: 100%; max-width: 1300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; padding: 0 20px; } #popup-slide-box .slider a { display: block; } #popup-slide-box .slider img { width: 100%; aspect-ratio: 1 / 1; } #popup-slide-box .slider .small { justify-content:center } #popup-slide-box .swiper-pagination { position: static; width: auto; display: flex; align-items: center; gap: 8px; margin-right: 10px; } #popup-slide-box .swiper-pagination .line { width: 30px; height: 1px; background-color: #fff; } #popup-slide-box .swiper-pagination-current { font-weight: 600; } #popup-slide-box .ctrl-box { display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin-bottom: 30px; } #popup-slide-box .ctrl-box button { position: static; transform: unset; color: #fff; opacity: 1; margin: 0; width: auto; display: flex; justify-content: center; align-items: center; height: auto; } #popup-slide-box .ctrl-box button::after { display: none; } #popup-slide-box .ctrl-box :is(.btn-play,.btn-pause) { display: none; font-size: 21px; } #popup-slide-box .ctrl-box :is(.btn-play,.btn-pause).active { display: flex; } #popup-slide-box .ctrl-box :is(.btn-play,.btn-pause):where(:hover,:focus) { transform : scale(1.3) } #popup-slide-box :where(.swiper-button-prev,.swiper-button-next) { font-size: 19px; } #popup-slide-box :where(.swiper-button-prev,.swiper-button-next) i { font-weight: 800; } #popup-slide-box .btn-box { display: flex; justify-content: center; gap: 12px; margin-top: 35px; } #popup-slide-box .btn-box button { padding: 15px 20px; background-color: #A6165F; border-radius: 50px; } #popup-slide-box .btn-box .btn-cls { padding: 15px 20px; background-color: #555555; border-radius: 50px; } #popup-slide-box .btn-box button:where(:hover,:focus) { filter: brightness(0.8); outline: 2px dotted white; outline-offset: -6px; } #popup-slide-box .popup-slide-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.8); } @media screen and (max-width: 1080px) { #popup-slide-box .ctrl-box { margin-bottom: 20px; } #popup-slide-box .btn-box { font-size: 14px; gap: 8px; margin-top: 25px; } #popup-slide-box .btn-box button { padding: 12px 15px; } } @media screen and (max-width: 480px) { #popup-slide-box .slide-wrap .swiper-wrapper { justify-content: flex-start; } } */ #popup-slide-box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; color: #fff; } #popup-slide-box > .inner { height: 100%; display: flex; justify-content: center; align-items: center; position: relative; } #popup-slide-box .slide-wrap { width: 100%; max-width: 1300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; padding: 0 20px; } #popup-slide-box .swiper-slide { overflow: hidden; width: 380px !important; height: 380px; } #popup-slide-box .slider a { display: block; } #popup-slide-box .slider img { width: 100%; height: auto; cursor: pointer; } #popup-slide-box .slider img:hover { transition: all 0.3s; transform: scale(1.03); } #popup-slide-box .swiper-pagination { position: static; width: auto; display: flex; align-items: center; gap: 8px; margin-right: 10px; } #popup-slide-box .swiper-pagination .line { width: 30px; height: 1px; background-color: #fff; } #popup-slide-box .swiper-pagination-current { font-weight: 600; } #popup-slide-box .ctrl-box { display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin-bottom: 30px; } #popup-slide-box .ctrl-box button { position: static; transform: unset; color: #fff; opacity: 1; margin: 0; width: auto; display: flex; justify-content: center; align-items: center; height: auto; background-color: transparent; border: none; } #popup-slide-box .ctrl-box button::after { display: none; } #popup-slide-box .ctrl-box .btn-play, #popup-slide-box .ctrl-box .btn-pause { display: none; font-size: 21px; } #popup-slide-box .ctrl-box .btn-play.active, #popup-slide-box .ctrl-box .btn-pause.active { display: flex; } #popup-slide-box .ctrl-box .btn-play:hover, #popup-slide-box .ctrl-box .btn-play:focus, #popup-slide-box .ctrl-box .btn-pause:hover, #popup-slide-box .ctrl-box .btn-pause:focus { transform: scale(1.3); } #popup-slide-box .swiper-button-prev, #popup-slide-box .swiper-button-next { font-size: 19px; } #popup-slide-box .swiper-button-prev i, #popup-slide-box .swiper-button-next i { font-weight: 800; } #popup-slide-box .btn-box { display: flex; justify-content: center; gap: 12px; margin-top: 35px; } #popup-slide-box .btn-box button { padding: 15px 20px; background-color: #034EA2; border-radius: 50px; border: none; color: #FFFFFF; cursor: pointer; } #popup-slide-box .btn-box .btn-cls { padding: 15px 20px; background-color: #555555; border-radius: 50px; } #popup-slide-box .btn-box button:hover, #popup-slide-box .btn-box button:focus { filter: brightness(0.8); } #popup-slide-box .popup-slide-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-color: rgba(0, 0, 0, 0.3); } .btn_popup .cnt { width: 25px; height: 25px; background-color: #034EA2; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; color: #FFF !important; } @media screen and (max-width: 1080px){ #popup-slide-box .ctrl-box { margin-bottom: 20px; } #popup-slide-box .btn-box { font-size: 14px; gap: 8px; margin-top: 25px; } #popup-slide-box .btn-box button { padding: 12px 15px; } } @media screen and (max-width: 480px){ #popup-slide-box .slide-wrap .swiper-wrapper { justify-content: flex-start; } } /*퀵메뉴*/ .qMenu { position: fixed; right: 20px; top: 55%; transform: translateY(-50%);; z-index: 997; font-family: 'SCoreDream'; } .qMenu .qMenuWrap { float: right; } .qMenu .qMenuWrap .qMenuTit::after { position: relative; display: inline-block; content: ''; background: url('../images/2024/q_hi.svg'); width: 90px; height: 150px; top: -95px; left: -7px; z-index: -1; } .qMenu .qMenuWrap .qMenuTit { position: relative; width: 95px; background: #034EA2; box-shadow: 0px 0px 1px 8px rgba(3, 78, 162, 0.3); height: 95px; line-height: 85px; font-size: 16px; border-radius: 50px; text-align: center; } .qMenu .qMenuWrap .qMenuTit:hover { box-shadow: 0px 0px 1px 10px rgba(3, 78, 162, 0.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .qMenu .qMenuWrap .qMenuTit span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .qMenu .qMenuWrap .qMenuTit span a { color: #FFFFFF; position: relative; display: block; } .qMenu .qMenuWrap .qMenuCont { width: 85px; margin: 25px 5px 0 5px; justify-items: center; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn { width: 75px; height: 75px; line-height: 75px; margin: 0 0 15px 0; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn:nth-child(2) a { font-size: 12px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn > a { background-color: #646464; position: relative; display: block; font-size: 16px; color: #fff; text-align: center; border-radius: 50px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); overflow: hidden; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie { position: relative; width: 100px; height: 100px; line-height: 100px; margin-top: 20px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie::before { content: ''; top: -20px; left: -20px; right: 0; bottom: 0; position: absolute; background: url(../images/2024/cs_rotate.png) center center no-repeat; width: 140px; height: 140px; display: inline-block; background-size: 140px 140px; animation: rotate 10s linear infinite; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie > a { background-color: #034EA2; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie > a:hover { box-shadow: 0px 0px 1px 10px rgba(3, 78, 162, 0.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie > a > img { opacity: 1; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie > a:hover img { opacity: 1; top: 20px; bottom:-80px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn > a:hover { box-shadow: 0px 0px 1px 8px rgba(100, 100, 100, 0.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn ul { display: none; position: absolute; left: 0; bottom: 80px; width: 100%; max-height: 325px; overflow: auto; background: rgba(0,0,0,0.8); } .qMenu .qMenuWrap .qMenuCont .qMenuBtn ul li { } .qMenu .qMenuWrap .qMenuCont .qMenuBtn ul li a { display: block; position: relative; line-height: 20px; padding: 10px 20px; color: #fff; border-top: 1px solid #4a4a4a; font-size: 15px; text-align: left; } .qmenu { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } /* .qMenu .qMenuWrap::before { content: none; } .qMenu { padding-left:0; margin: 0; opacity: 1; } .qMenu .qMenuWrap .qMenuTit span { font-size: 14px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn > a { font-size:14px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn > a::after { width:60px; height:60px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn ul { bottom:60px; } */ /* 상단 바로가기 */ .quickM { position:fixed; display: none; top:inherit; bottom:55px; right:20px; z-index:9; text-align:center; width: 80px; height: 80px; border-radius: 100%; } .quickM > a { display: block; position: relative; width: 60px; height: 60px; border-radius: 50%; background: #034EA2; box-shadow: 0px 0px 1px 8px rgba(3, 78, 162, 0.3);; left: 50%; top: 50%; transform: translate(-50%, -50%); } .quickM > a:hover { box-shadow: 0px 0px 1px 10px rgba(3, 78, 162, 0.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .quickM > a img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } /* 영상 바로가기 */ /* .movie { bottom: 25%; left: 1%; width:auto; align-items: center; justify-content: center; z-index:9; width: 180px; height: 180px; box-shadow: 0px 0px 0px 10px rgba(3, 78, 162, 0.3); border-radius: 100%; } .movie:hover { box-shadow: 0px 0px 1px 15px rgba(3, 78, 162, 0.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .movie:hover img:last-of-type { top: -120px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .movie img:first-of-type { position:absolute; z-index:4; top: 50%; left: 50%; transform: translate(-50%, -50%); } .movie img:last-of-type { position:relative; z-index:2; top: -110px; left: 40px; width: 115px; } @media (max-width:2300px) { } @media (max-width:2100px) { } @media (max-width:1700px) { .movie { width:130px; height:130px; } .movie img:last-of-type { width: 65px; top: -80px; left: 7px; } .movie:hover img:last-of-type { top: -85px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } } @media (max-width:1280px) { .movie { left: 15px; bottom: 35px; width: 80px; height: 80px; box-shadow: none; } .movie img:last-of-type { display: none; } } */ @media (max-width:767px) { .qMenu { margin: 0; } .quickM { right:10px; } .quickM > div { width:78px; } } @media (max-width:480px) { .qMenu { margin: 0; right: 0; } .qMenu .qMenuWrap .qMenuTit:hover { box-shadow:none; } .qMenu .qMenuWrap .qMenuTit { background:rgba(0,0,0,.3); border-radius: 20px 0 0 0; width: 50px; height: 50px; box-shadow:none; } .qMenu .qMenuWrap .qMenuTit::after { content:none; } .qMenu .qMenuWrap .qMenuTit span a { font-size: 10px; } .qMenu .qMenuWrap .qMenuCont { margin: 0; width: 50px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn { margin: 0; width: 50px!important; height: 50px!important; line-height: 50px!important; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn > a { background-color: rgba(0,0,0,.3); border-radius: 0; font-size: 10px; box-shadow:none; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn:nth-child(2) a { font-size: 10px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn > a:hover { box-shadow:none; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn:last-child > a { border-radius: 0 0 0 20px; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie { margin-top: 0; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie > a { background-color: rgba(0,0,0,.3); } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie > a:hover { box-shadow:none; } .qMenu .qMenuWrap .qMenuCont .qMenuBtn.movie::before { content:none; } .quickM { width: 40px; height: 40px; } .quickM > a { width: 40px; height: 40px; box-shadow: none; } } /* footer */ footer { clear:both; position:relative; width:100%; padding: 50px 0; background-color:#222222; z-index:2; font-family: 'SCoreDream'; } footer #fnb { border-bottom:1px solid #545b68; text-align:center; font-weight: 500; } footer #fnb .fnb_logo { float: left; height: 40px; margin: 10px 0; } footer #fnb li { display:inline-block } footer #fnb li a { display:block; padding:0 13px; font-size:14px; color:#ccc; line-height:60px; text-decoration:none } footer #fnb li a:after { filter:invert(100%); } footer #fnb li a:hover { text-decoration:underline } footer #fnb li a strong { color:#F58120 } footer .copyright { padding-top:3%; font-size:14px; color:#ccc; line-height:150%; width: 100%; text-align: left; } footer .copyright br { display:none } footer .copyright1 { font-weight: 500; } footer .copyright2 { padding-top:5px; text-align: left; font-weight: 500; } footer .copyright3 { padding-top:10px; text-align: left; font-weight: 500; } footer .pull-right { padding-top:3% } /* QUICK MENU 하단부분*/ footer #allsite a.openLink { letter-spacing: 2px; display: block; background: #222222; text-align: center; font-size: 25px; padding: 30px 0 20px 0; color: #FFF !important; font-weight: 500; font-family: 'GmarketSansTTFBold'; } /*a.openLink span { color:#f58120; } */ footer #allsite a.openLink:after { content:""; display:inline-block; vertical-align:middle; margin-left:10px; width:11px; height:7px; background:url(../../images/arrow_d_w_1.png); transform:rotate(180deg); } footer #allsite a.openLink.active:after { transform:rotate(0deg); } /*footer #footerSns { display:inline-block; padding-right:10px; vertical-align:middle } footer #footerSns a { display:inline-block; width:35px; height:35px; border-radius:100%; text-align:center } footer #footerSns a:hover { background-color:#000 } footer #footerSns a img { margin-top:7px } */ footer #footerLink { display:inline-block; position:relative; width:170px; border:1px solid #999; vertical-align:middle } footer #footerLink h2 { font-size:14px; padding-left:10px; color:#999; line-height:30px } footer #footerLinkLst { overflow:auto; display:none; position:absolute; bottom:30px; z-index:9; width:170px; height:300px; border:1px solid #999; background-color:#fff } footer #footerLinkLst a { display:block; font-size:13px; color:#888; text-decoration:none } footer #footerLinkLst a:hover { color:#000; text-decoration:underline } footer #footerLinkLst h3 { padding:10px; border:1px solid #ddd; border-width:1px 0; background-color:#0a7dca; font-size:15px; font-weight:700; color:#fff } footer #footerLinkLst>ul>li>a { padding:15px 10px; font-weight:700; color:#111 } footer #footerLinkLst>ul>li>ul { } footer #footerLinkLst>ul>li>ul>li { } footer #footerLinkLst>ul>li>ul>li>a { padding:10px; background-color:#aaa; font-weight:700; color:#fff } footer #footerLinkLst>ul>li>ul>li>ul { padding:10px; background-color:#f7f7f7 } footer #footerLinkLst>ul>li>ul>li>ul>li>a { padding:2px 0 } footer #footerLinkLst .footerLinkLst2 { padding:10px 0 } footer #footerLinkLst .footerLinkLst2>li>a { padding:3px 10px; font-size:13px; font-weight:400; color:#888 } footer #footerLinkLst .footerLinkLst2>li>a:hover { color:#000; text-decoration:underline } #popupWrap { position:relative; z-index:998; width:100%; max-width:1400px; margin:0 auto } @media screen and (max-width:1660px) { #quick { position:absolute; top:auto !important; bottom:0; right:0; width:100%; z-index:999 } #quick h2 { display:none } #quick .quick_mnu { float:left; width:20%; border-top:none } #quick .quick_mnu>a br { display:none } #quick .quick_mnu>a { padding:22px 0 0 20px; border-left:1px solid rgba(255,255,255,.2) } #quick .quick_mnu1>a { border-left:none } #quick .quick_mnu:hover a { border-top:none; background-color:#002148 } #quick .quick_mnu .quick_over { top:auto; bottom:63px; right:0; width:100%; height:auto; background-color:#002148; transition:all 0.8s ease } #quick .quick_mnu .quick_over li { float:left; width:20% } footer { padding-bottom:94px } } @media screen and (max-width:1440px) { #logo { padding-left:20px } .container { padding-left:20px; padding-right:20px } .snbWrap .container { padding-left:0; padding-right:0 } } @media screen and (max-width:1350px) { footer #fnb li a { padding:0 9px } #main #svisual .svisual_bg, #main #svisual .svisual1_bg, #main #svisual .svisual2_bg, #main #svisual .svisual4_bg, #main #svisual .svisual5_bg { height:100%; background-size:auto; } } @media screen and (max-width:1200px) { #tnb .tnb1 a,#tnb .tnb2 .tnb_txt { width:80px } footer .container { padding:0 } footer #fnb li a { padding:0 4px; letter-spacing:-.05em } footer .copyright { padding-left:20px } footer .pull-right { padding-right:20px } #main #svisual .svisual_bg, #main #svisual .svisual1_bg, #main #svisual .svisual2_bg, #main #svisual .svisual4_bg, #main #svisual .svisual5_bg { height:300px; background-size:auto 300px } #content .container { padding-left:0; padding-right:0 } #svisual .printWrap { position:absolute; top:0; right:0 } } @media screen and (max-width:1000px) { #quick .quick_mnu .quick_over ul { padding:30px 30px } #tnb .tnb2 .tnb_txt { display:none } #tnb .tnb_sitemap { display:none } #logo { float:none; width:100%; padding-left:0 } #logo.pull-left { float:none } #gnb { display:none; visibility:hidden; width:0 } #gnb_snb { top:-500px } #allmnu,#allmnu2 { display:block; position:absolute; top:47px; right:15px; z-index:10000; cursor:pointer; padding:17px 28px 19px 8px; border:2px solid #dfdfdf } #allmnu { z-index:1; top:20px; } #allmnu span,#allmnu2 span { cursor:pointer; height:3px; width:20px; background-color:#c9c9c9; position:absolute; display:block; content:''; transition:all 500ms ease-in-out } #allmnu span:before,#allmnu2 span:before { cursor:pointer; height:3px; width:20px; background-color:#c9c9c9; position:absolute; display:block; content:''; top:-7px; transition:all 500ms ease-in-out } #allmnu span:after,#allmnu2 span:after { cursor:pointer; height:3px; width:20px; background-color:#c9c9c9; position:absolute; display:block; content:''; bottom:-7px; transition:all 500ms ease-in-out } #allmnu.acik,#allmnu2.acik { position:fixed; right:15px; border:2px solid #333; background-color:#000 } #allmnu.acik span,#allmnu2.acik span { background-color:transparent } #allmnu.acik span:before,#allmnu2.acik span:before { top:0px; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); bottom:0; background-color:#fff } #allmnu.acik span:after,#allmnu2.acik span:after { top:0; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background-color:#fff } .allmnuView { overflow-x:hidden; overflow-y:auto; display:none; position:fixed; top:0; right:-100%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; width:250px; height:100%; padding-top:115px; background:rgba(0,0,0,.95); z-index:9999 } .allmnuView.allmnuView-acik { display:block; right:0 } .allmnuView h2 { display:none } .allmnuView a { font-size:16px; font-weight:400; text-decoration:none } .allmnuView ul { border-left:none } .allmnuView ul li { display:block; float:none; width:100%; min-height:auto; margin:0; padding:0 } .allmnuView ul li:after { display:none } .allmnuView ul li>a { display:block; padding:0 20px; border-top:1px solid #333; font-size:14px; line-height:40px; color:#999; text-align:left } .allmnuView ul li>a:hover { background-color:#333; border-top:1px solid #333; color:#fff } .allmnuView .gnb_1dli_air .gnb_1da,.allmnuView .gnb_1dli_on .gnb_1da { color:#fff } .allmnuView ul ul { display:none; position:relative; top:0; width:100%; border-bottom:none } .allmnuView ul ul li { display:block; width:100%; margin-right:0 } .allmnuView ul li li>a { display:block; padding:0 30px; background-color:#222; font-size:13px; line-height:35px; color:#999 } .allmnuView ul ul ul { display:none; border-bottom:none } .allmnuView ul li li li>a { display:block; padding:0 30px 0 40px; border-top:1px solid #444; background-color:#333; line-height:30px } .allmnuView ul li li li>a:hover { background-color:#444 } .allmnuView ul ul ul ul { display:none; border-bottom:none } .allmnuView ul li li li li>a { display:block; padding:0 30px 0 50px; border-top:1px solid #555; background-color:#444; line-height:30px } .allmnuView ul li li li li>a:hover { background-color:#444 } .allmnuView ul li li li li li>a { display:block; padding:0 30px 0 60px; border-top:1px solid #666; background-color:#555; line-height:30px } .allmnuView ul li li li li li>a:hover { background-color:#444 } .allmnuView .container { padding-right:0; padding-left:0 } .allmnuView .dropdown-menu { display:none } .allmnuView .dropdown-menu.open { display:block } .allmnuView .gnb2 { border-bottom:1px solid #333; } .allmnuView .gnb2_2 { display:none } .allmnuView .tnb2 { display:none; border-bottom:1px solid #333; } .allmnuView .tnb2 li { float:left; width:33.3333%; margin:0; padding:0; border-left:1px solid #333; text-align:center } .allmnuView .tnb2 li:first-child { border-left:none } .allmnuView .tnb2 li>a { text-align:center } .allmnuView .tnb3 { display:none; border-bottom:1px solid #333; } .allmnuView .tnb3 li { float:left; width:25%; margin:0; padding:0; border-left:1px solid #333; text-align:center } .allmnuView .tnb3 li:first-child { border-left:none } .allmnuView .tnb3 li>a { text-align:center; padding: 0; } .allmnuView .newWindow:after { display:inline-block; width:17px; height:10px; background:url(../images/2024/ico_window.png) no-repeat right center; content:"" } .hg1 { display: none; } footer #fnb { padding:15px 16px } footer #fnb li { float:left } footer #fnb li a { line-height:160% } #main #svisual { height:320px } #main #svisual .svisual1_bgWrap { height:320px } #main #svisual .svisual_bg, #main #svisual .svisual1_bg, #main #svisual .svisual2_bg, #main #svisual .svisual4_bg, #main #svisual .svisual5_bg { height:320px; background-size:auto 320px; } #main #svisual p { height:220px; padding-top:40px; font-size:24px } #svisual a { height:45px; line-height:45px } #svisual .snbWrap { height:45px } #snb a { width:150px; padding:0 45px 0 20px; font-size:15px } #snb .snb_arr { top:15px; right:15px } #snb>ul>li>ul.active { top:45px } #snb>ul>li>ul>li>a { font-size:14px } #snb .snb_home a { width:40px } #snb .snb1 { width:130px } #snb .snb1>ul { width:130px } #snb .snb1>ul>li>a { width:130px } } @media screen and (max-width:768px) { /* 아이패드 */ #quick .quick_mnu>a { height:50px; padding:0; background-image:none; text-align:center; line-height:50px } #quick .quick_mnu .quick_over { bottom:50px } #quick .quick_mnu .quick_over li { width:25% } #tnb .tnb2 .tnb_lang { display:none } .allmnuView .gnb2_2 { display:block } footer { padding-bottom:74px } footer .copyright2 { padding-top:5px } footer .pull-right { padding-top:2% } #main #svisual { height:250px } #main #svisual .svisual1_bgWrap { height:250px } @keyframes svisual { 0% { top:0 } 40% { top:-30px } 100% { top:0 } } #main #svisual p { height:150px; padding-top:50px } #snb { display:none } #svisual #print { display:none } #svisual .snbWrap { background-color:transparent; display: none; } } @media screen and (max-width:620px) { #main #svisual { height:260px } #main #svisual .svisual1_bgWrap { height:260px } #main #svisual .svisual_bg, #main #svisual .svisual1_bg, #main #svisual .svisual2_bg, #main #svisual .svisual4_bg, #main #svisual .svisual5_bg { height:260px; background-size:auto 260px } #main #svisual p { height:260px; padding-top:40px; font-size:22px } } @media screen and (max-width:550px) { header #tnb { height:30px } #tnb li { width:25% } #tnb .tnb1 { width:100% } #tnb .tnb1 a { width:100%; line-height:30px } .allmnuView .gnb2 { border-bottom:none } .allmnuView .tnb2 { display:block } .allmnuView .tnb3 { display:block } .tnb1_1_sub li, .tnb1_4_sub li { width:100%!important; } .tnb1_1_sub li a, .tnb1_4_sub li a { line-height: 30px!important; } /*.tnb1_1_sub li:last-child > a { line-height: 15px!important; } */ .tnb1_1_sub, .tnb1_4_sub { top:30px; } footer { padding: 0; } footer #fnb .fnb_logo { float: none; margin: 15px auto; } } @media screen and (max-width:480px) { #quick .quick_mnu { width:15% } #quick .quick_mnu:nth-child(5n+2) { width:20% } #quick .quick_mnu:nth-child(5n+4) { width:25% } #quick .quick_mnu:nth-child(5n+5) { width:25% } #quick .quick_mnu>a { height:40px; font-size:13px; line-height:40px } #quick .quick_mnu .quick_over { bottom:40px } #quick .quick_mnu .quick_over li { width:33.333% } footer { padding-bottom:54px } footer #fnb li a { padding:3px 7px; font-size:13px; font-weight:300 } footer .copyright { padding-top:20px; font-size:13px } #main #svisual { height:230px } #main #svisual .svisual1_bgWrap { height:230px } #main #svisual .svisual_bg, #main #svisual .svisual1_bg, #main #svisual .svisual2_bg, #main #svisual .svisual4_bg, #main #svisual .svisual5_bg, #main #svisual .svisual6_bg { height:230px; background-size:auto 230px } @keyframes svisual { 0% { top:0 } 40% { top:-20px } 100% { top:0 } } #main #svisual p { height:100px; padding-top:30px; font-size:18px } #tnb .tnb2 { display:none; } } @media screen and (max-width:360px) { #quick .quick_mnu>a { height:35px; font-size:12px; line-height:35px } #quick .quick_mnu .quick_over { bottom:35px } #quick .quick_mnu .quick_over ul { padding:20px 20px 0 } #quick .quick_mnu .quick_over li { width:50% } footer #fnb li a { padding:3px 5px; font-size:12px } footer .copyright { font-size:12px } footer .copyright2,footer .copyright3 { padding-top:0 } } :root { --primary-color: #185ee0; --secondary-color: #e6eef9; } .topMenuTabsOuter{ overflow:visible; /* 그림자 노출 */ padding-bottom:35px; /* 밑으로 퍼지는 그림자 여유 (값은 shadow 크기에 맞춰) */ } .topMenuTabsWrap{ overflow-x:auto; /* 가로 스크롤 */ overflow-y:visible; /* 세로는 가리지 않음 → 그림자 OK */ -webkit-overflow-scrolling:touch; padding-bottom: 10px; text-align:center; } /*탑메뉴 탭*/ .topMenuTabs { position: relative; display: inline-flex; flex-wrap:nowrap; gap:0.75rem; justify-content:center; padding:0.75rem 1rem; min-width:max-content; /* 길 때만 Wrap이 스크롤 */ background:#fff; border-radius:99px; box-shadow:0 0 1px rgba(24,94,224,.15), 0 6px 12px rgba(24,94,224,.15); /* 이 shadow가 이제 잘리지 않음 */ } .topMenuTabs * { z-index: 2; } /* RADIO BUTTONS */ .topMenuTabs input[type="radio"] { display: none; } /* TAB LABEL */ .topMenuTabs .topMenuTab { display: inline-flex; align-items: center; justify-content: center; width: 200px; height: 40px; font-size: 1.25rem; font-weight: 500; border-radius: 99px; cursor: pointer; transition: color 0.15s ease-in; text-align: center; } .topMenuTabs .topMenuTab.active{ position: relative; display: inline-block; width: 200px; height: 40px; background-color: var(--secondary-color); border-radius: 99px; z-index: 1; text-align: center; color: var(--primary-color); transition: transform 0.25s ease-out; } /* 글자에 말줄임표 적용 */ .topMenuTab span{ display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ② … 표시 */ } /* NOTIFICATION BADGE */ .topMenuTabs .notification { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-left: 0.75rem; border-radius: 50%; background-color: var(--secondary-color); transition: background-color 0.15s ease-in, color 0.15s ease-in; } /* CHECKED STATES */ .topMenuTabs input[type="radio"]:checked + label { color: var(--primary-color); } .topMenuTabs input[type="radio"]:checked + label .notification { background-color: var(--primary-color); color: #fff; } /* GLIDER POSITIONING */ .topMenuTabs input[id="topMenuTab1"]:checked ~ .glider { transform: translateX(-50%); } .topMenuTabs input[id="topMenuTab2"]:checked ~ .glider { transform: translateX(50%); } .topMenuTabsOuter:has(.topMenuTabs:empty){ display:none; } /* GLIDER */ .topMenuTabs .glider { position: absolute; width: 200px; height: 40px; background-color: var(--secondary-color); border-radius: 99px; z-index: 1; transition: transform 0.25s ease-out; } /* RESPONSIVE */ @media (max-width: 700px) { .topMenuTabs { transform: scale(0.6); } } .dropdown.collegeMenu, .dropdown.gradMenu{ opacity: 0; transform: translateY(10px); /* 아래에 있음 */ transition: all 0.3s ease; display: none; /* 초기 숨김 */ } .dropdown.collegeMenu.show, .dropdown.gradMenu.show{ display: block; opacity: 1; transform: translateY(0); } #content > h3{display: none;}