@import url('edit_style.css'); *{margin:0; padding:0} html{width:100%; height:100%} body{position:relative; font-size:14px; font-family:'Malgun Gothic', dotum,"돋움",sans-serif; color:#666;} body.main{background:none;} body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0} ul,ol,li{list-style:none} img, fieldset{border:none; vertical-align:top} legend, caption{display:none} textarea, button{vertical-align:middle} input, select{height:22px; vertical-align:middle; background:#fff; border:1px solid #e3e3e3; font-family:'Malgun Gothic', dotum,"돋움",sans-serif; color:#666;} input,option{padding:3px} select{height:30px; padding:2px} textarea{padding:3px; vertical-align:middle; background:#fff; border:1px solid #ddd; font-family:'Malgun Gothic', dotum,"돋움",sans-serif; color:#666; font-size:13px;} .checkbox{padding:0; border:0} .disNone{display:none} a{text-decoration:none; color:#666666} a:hover, a:focus, a:active{text-decoration:none;} table{border-collapse:collapse} map area{outline:none;} input[type="radio"]:focus{outline:1px dotted #888;} ::-webkit-input-placeholder{color: #999999 ;} :-moz-placeholder{color: #999999 ;}/* Firefox 18- */ ::-moz-placeholder{color: #999999 ;}/* Firefox 19+ */ :-ms-input-placeholder {color: #999999 ;} /* 간격, 폰트 */ .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .mt25{margin-top:25px !important} .mt30{margin-top:30px !important} .mt35{margin-top:35px !important} .mt40{margin-top:40px !important} .mt45{margin-top:45px !important} .mt50{margin-top:50px !important} .mt55{margin-top:55px !important} .mt60{margin-top:60px !important} .mt65{margin-top:65px !important} .mt70{margin-top:70px !important} .mt80{margin-top:80px !important} .mt90{margin-top:90px !important} /* 2018-07-13 추가 */ .mt120{margin-top:120px !important} .mb10{margin-bottom:10px !important}/* 2018-10-16 추가 */ .mb30{margin-bottom:30px !important} .mb40{margin-bottom:40px !important} /* 2021-11-17 추가 */ .mb50{margin-bottom:50px !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .ml11{margin-left:11px !important} .ml24{margin-left:24px !important} .ml25{margin-left:25px !important} .ml20{margin-left:20px !important} .ml270{margin-left:270px !important} .ml325{margin-left:325px !important} .mr10{margin-right:10px !important} /* 160509추가 */ .mr15{margin-right:15px !important} /* //160509추가 */ .mr20{margin-right:20px !important} .mr30{margin-right:30px !important} .mr40{margin-right:40px !important} .mr45{margin-right:45px !important} .pt5{padding-top:5px !important} .pt10{padding-top:10px !important} .pt12 {padding-top:12px !important} /*160525 추가*/ .pt40{padding-top:40px !important} .pt60{padding-top:60px !important} .pl5{padding-left:5px !important} .pl8{padding-left:8px !important} .pl10{padding-left:10px !important} .pl15{padding-left:15px !important} .pl20{padding-left:20px !important} .pl25{padding-left:25px !important} .pl30{padding-left:30px !important} .pl35{padding-left:35px !important} .pl40{padding-left:40px !important} .pb12 {padding-bottom:12px !important} /*160525 추가*/ .pb50{padding-bottom:50px !important;} .bold{font-weight:bold;color: #444;} .boldB{font-weight:bold;color:#444;font-size:14px;} .bold3{font-weight: bold;color:#333;} .lsm1{letter-spacing:-1px;} .lsm03{letter-spacing:-0.3px;} .font14{font-size:14px !important;line-height:24px;} .font15{font-size:15px !important;} .font13{font-size:13px !important;} .font16{font-size:16px !important;} /* 2021-11-16 추가 */ .lh17{line-height:17px !important;} .lh20{line-height: 20px;} .lh21{line-height: 21px;} .lh22{line-height: 22px} .lh23{line-height: 23px;} .lh24{line-height: 24px;} /* 정렬 */ .taC{text-align:center !important} .taR{text-align:right !important} .taL{text-align:left !important} .pBox {position:relative; overflow:hidden; width:100% !important} .disB{display:block} #wrapper{position:relative; width:100%; min-width:960px;} .topArea{position:relative; width:100%;} .topArea .topDiv{position:relative; width:960px; min-height:90px; margin:0 auto;} .topArea .topDiv h1{position:absolute; top:19px; left:349px; width:262px; height:53px;} .topArea .topDiv:after{content:" "; display:block; clear:both;} .topArea .topDiv .allMenuDiv{float:left; position:relative;} .topArea .topDiv .allMenuDiv>a{display:block; margin-top:31px;} .topArea .topDiv .allMenuDiv .allMenu{position:absolute; top:90px; left:0; overflow:hidden; padding-top:25px; width:960px; z-index:21;} .topArea .topDiv .allMenuDiv .allMenu a:hover{text-decoration:underline; font-weight:bold;} .topArea .topDiv .allMenuDiv .allMenu .left{float:left; width:200px;} .topArea .topDiv .allMenuDiv .allMenu .left .up{overflow:hidden; padding-bottom:130px; border-bottom:1px dotted #ccc;} /* .topArea .topDiv .allMenuDiv .allMenu .left .down{overflow:hidden; padding-top:30px;} 2024-04-01 */ .topArea .topDiv .allMenuDiv .allMenu .center{float:left; width:200px;} .topArea .topDiv .allMenuDiv .allMenu .right{float:left; width:560px;} .topArea .topDiv .allMenuDiv .allMenu .right .up{overflow:hidden; padding-bottom:30px; /*border-bottom:1px dotted #ccc; 2024-04-01 */} .topArea .topDiv .allMenuDiv .allMenu .right .up .unit{float:left;} /* .topArea .topDiv .allMenuDiv .allMenu .right .down{overflow:hidden; padding-top:30px;} .topArea .topDiv .allMenuDiv .allMenu .right .down .unit{float:left;} 2024-04-01 */ .topArea .topDiv .allMenuDiv .allMenu .right .u1{width:170px;} .topArea .topDiv .allMenuDiv .allMenu .right .u2{width:200px;} .topArea .topDiv .allMenuDiv .allMenu .right .u3{width:180px;} /* 2024-04-01 추가 */ .topArea .topDiv .allMenuDiv .allMenu .right .up .u3{margin-top:35px;} .topArea .topDiv .allMenuDiv .allMenu .down{display: flex; width: 100%;} .topArea .topDiv .allMenuDiv .allMenu .down .unit{width: 200px; margin-top:30px;} /* // 2024-04-01 추가 */ .topArea .topDiv .allMenuDiv .allMenu .oneD {display:block; padding-bottom:15px; font-size:16px; font-weight:bold; color:#333;} .topArea .topDiv .allMenuDiv .allMenu .twoD {display:block; padding:3px 0; font-size:13px; color:#555;} .topArea .topDiv .allMenuDiv .allMenu .thrBox{margin:3px 0 5px 0; padding:10px 0 14px 13px; width:137px; background:#e6e6e6;} .topArea .topDiv .allMenuDiv .allMenu .thrD{display:block; padding:3px 0; font-size:12px; color:#666;} .topArea .allMenuBg{position:absolute; top:90px; left:0; width:100%; height:860px; height:0; border-top:1px solid #ddd; background:#f9f9f9; z-index:20;} .topArea .topDiv .utilDiv{float:right; overflow:hidden; margin-top:50px;} .topArea .topDiv .utilDiv > a{display:block; float:left; padding:5px 10px 0; background:url("/common/images/icon/dot2x11.gif") no-repeat 0 5px;} .topArea .topDiv .utilDiv > a:first-child{background:none;} .gnbArea{position:relative;} .gnbArea .gnbHd{position:absolute; width:100%; min-height:45px; background:url("/common/images/icon/gnb_bg.gif") no-repeat calc(50% + 80px) 0 #70205e;} .gnbArea .gnbDiv{position:relative; top:0; width:960px; margin:0 auto;} .gnbArea .gnbDiv ul:after{content:" "; display:block; clear:both;} .gnbArea .gnbDiv ul li{position:relative; float:left; width:140px; height:45px;} .gnbArea .gnbDiv ul li:nth-child(1){width:135px;} .gnbArea .gnbDiv ul li:nth-child(2){width:128px;} .gnbArea .gnbDiv ul li:nth-child(3){width:138px;}/* 2023-10-19 수정 */ .gnbArea .gnbDiv ul li:nth-child(4){width:128px;} .gnbArea .gnbDiv ul li:nth-child(5){width:128px;} /* 2024-11-13 수정 */ .gnbArea .gnbDiv ul li:nth-child(6){width:140px;} .gnbArea .gnbDiv ul li:nth-child(7){width:100px;}/* 2023-10-19 수정 */ .gnbArea .gnbDiv ul li > a{display:block; padding:13px 0;} .gnbArea .gnbDiv ul li .twoD{position:absolute; top:65px; left:0; display:none; z-index:10;} .gnbArea .gnbDiv ul li .twoD a{display:block; padding:6px 0; font-size:13px; color:#fff; line-height:18px;} .gnbArea .gnbDiv ul li .twoD a.fontS{font-size:12px;}/* 2023-10-19 추가 */ .gnbArea .gnbDiv ul li .twoD a span{padding-right:10px;} .gnbArea .gnbDiv ul li .twoD a:hover span{font-weight:bold; color:#ffff00; background:url("/common/images/icon/gnbTwoD_icon.gif") no-repeat right 5px; letter-spacing:-0.2px;} .gnbArea .gnbDiv ul li .twoD .threeD a{display:block; padding:2px 0; font-size:12px;line-height:19px;}/* 2020-08-20 수정 */ .gnbArea .gnbDiv ul li .twoD .threeD a span{display:inline-block; padding-left:8px; padding-right:5px; letter-spacing:-0.5px; background:url("/common/images/icon/gnbThreeD_icon.gif") no-repeat left 9px;}/* 2020-08-20 수정 */ .gnbArea .gnbDiv ul li .twoD .fourthD a span{background: none;} /* 2021-09-13 추가 */ .gnbArea .gnbDiv .arrowIcon{position:absolute; top:38px; left:0; width:13px; height:7px; display:none;} .gnbArea .gnbTwoBg{position:absolute; top:45px; width:100%; height:315px; height:0px; background:#005d87; z-index:9;} /* 2023-11-14 gnb 개편 */ .gnbAreaNew{position: relative;width: 100%; margin: 0 auto;} .gnbDiv {width: 100%; min-height:45px; background: url(/common/images/icon/gnb_bg.gif) no-repeat calc(50% + 80px) 0 #70205e;} /* 2024-11-13 수정 */ .gnbDiv .depth1-wrap{width: 960px; margin: 0 auto;} .gnbDiv .depth1-ul {overflow:hidden;min-height:45px;font-size: 0; letter-spacing: 0;word-spacing: 0;} .gnbDiv .mn_li1 {display: inline-block; min-height:45px;} .gnbDiv .mn_li1:nth-child(1){width:135px;} .gnbDiv .mn_li1:nth-child(2){width:128px;} .gnbDiv .mn_li1:nth-child(3){width:138px;} .gnbDiv .mn_li1:nth-child(4){width:128px;} .gnbDiv .mn_li1:nth-child(5){width:128px;} /* 2024-11-13 수정 */ .gnbDiv .mn_li1:nth-child(6){width:140px;} .gnbDiv .mn_li1:nth-child(7){width:100px;} .gnbDiv .mn_li1 a{position: relative; display: block;padding: 13px 0; z-index:1} .gnbDiv .arrowIcon { position: absolute; top: 38px;left: 0; width: 13px; height: 7px; display: none;} /* 2025-05-27 수정 2025교육과정개편 s */ .gnbDiv .depth2-wrap {/* display:none; */overflow:hidden; position:absolute;left:0; top: 45px; z-index:50;width:100%; height:0; padding:0 0 0 460px;text-align:left;font-weight:normal;box-sizing:border-box; background-color: #fff; } /* 2024-11-13 수정 */ .gnbDiv .depth2-wrap .depth2-ul {overflow:hidden;width:960px;min-height:400px;padding:40px 0 30px 30px;position:relative;font-size:0;} .gnbDiv .depth2-wrap .mn_li2 {display:inline-block;width:30%;margin:5px 0 20px 2%;vertical-align:top} .gnbDiv .depth2-wrap .depth2-ul.full .mn_li2 {display: table; width: auto;} .gnbDiv .depth2-wrap .mn_li2:not(.has-sub){margin:5px 0 80px 2%;} .gnbDiv .mn_li1:nth-child(2) .mn_li2{width:23%;} .gnbDiv .mn_li1:nth-child(3) .mn_li2{width:48%;} .gnbDiv .mn_li1:nth-child(2) .mn_li2.ps-top{position:relative; top:-27px;} .gnbDiv .depth2-wrap .mn_a2 {position:relative;display:block;width:95%;font-size:20px;color:#666;font-weight:bold;border-bottom:1px solid #666;} .gnbDiv .depth2-wrap .mn_a2.no_line{border-bottom: 0;} .gnbDiv .depth2-wrap .mn_a2.no_line:before{content: ' '; height: 0;width: 0; position: absolute; top: 20px; border: 20px solid transparent; border-radius:0;border-right-width: 0; border-left-color: #666; background:none;border-width:5px;} .gnbDiv .depth2-wrap .mn_a2.no_line span{padding-left:15px;} .gnbDiv .depth2-wrap .mn_a2:hover{color:#70205e; border-bottom: 1px solid #70205e;} .gnbDiv .depth2-wrap .mn_a2.no_line:hover{border-bottom:0px;} .gnbDiv .depth2-wrap .mn_a2.no_line:hover:before{border-left-color: #70205e;} .gnbDiv .depth2-wrap .mn_a2:after {content:'';display:block;width:100%;height:100%;position:absolute;top:-2px;left:-2px;border-bottom:1px solid #014898;transition:all .3s ease;display:none} .gnbDiv .depth2-wrap .depth1-tit {position:absolute;top:0;left:0;width:460px;height:100%;padding-right:50px;box-sizing:border-box;z-index:1} .gnbDiv .depth2-wrap .depth1-tit:after {display:block;content:"";width:100%;height:100%;position:absolute;top:0;right:0;background-color:#ededed;z-index:-1;background-image:url(/common/images/tit/logo_bak.png);background-position:-8% 100%;background-repeat:no-repeat} .gnbDiv .depth2-wrap .depth1-tit strong {display:block;text-align: right;padding:60px 0 30px 0;} .gnbDiv .depth2-wrap .depth1-tit .stxt {display:block;font-size:18px;font-weight:400;line-height:1.4;color:#fff;word-break:keep-all;line-height:1.666;margin-top:22px} .gnbDiv .depth3-wrap {padding:10px 0 0 0;} /* 2024-04-01 수정 */ .gnbDiv .depth3-wrap.type2 {padding: 0 0 0 18px;} /* 2024-11-13 추가 */ .gnbDiv .depth3-wrap .depth3-con {display:flex; flex-wrap:wrap; margin-top:10px;}/* 2024-04-01 수정 */ .gnbDiv .depth3-wrap .depth3-con.full {flex-wrap: nowrap;} .gnbDiv .depth3-wrap .depth3-con:nth-child(1){margin-top:0px;} .gnbDiv .depth3-wrap .depth3-con .depth3-ul2{width:calc(50% - 15px); margin-right:15px; margin-bottom:20px;} .gnbDiv .depth2-wrap:nth-child(3) .depth3-ul2:nth-child(1) {width: 275px; margin-right: 0;} .gnbDiv .depth2-wrap:nth-child(3) .depth3-ul2:nth-child(2) {width: 330px; margin-right: 0;} .gnbDiv .depth2-wrap:nth-child(3) .depth3-ul2:nth-child(3) {width: 200px; margin-right: 0;} .gnbDiv .depth3-wrap .depth3-con .depth3-ul2.wd60{width:60%; margin-right:0px;} .gnbDiv .depth3-wrap .depth3-con .depth3-ul2.wd50{width:50%; margin-right:0px;} .gnbDiv .depth3-wrap .depth3-con .depth3-ul2.wd40{width:40%; margin-right:0px;} .gnbDiv .depth3-wrap .mn_li3 {margin-bottom:5px;} .gnbDiv .depth3-wrap .mn_a3 {position:relative;display:block;font-size:15px;color:#555;padding:0 0 0 10px;} .gnbDiv .depth3-wrap .mn_a3:hover{color:#70205e;font-weight:bold;} .gnbDiv .depth3-wrap .mn_a3:before {content:'';position:absolute;left:-2px;top:8px;width:4px;height:4px;background:#bbb;border-radius:50%} .gnbDiv .depth3-wrap .mn_a3 span.red{color:#af4c5f} .gnbDiv .depth3-wrap .mn_li3.mn_title{margin-bottom:10px;} /* 2024-04-01 수정 */ .gnbDiv .depth3-wrap .has_dep {display: flex;} .gnbDiv .depth3-wrap .has_dep .depth {display: block; position: relative; padding: 0; font-size: 15px; color: #555;} .gnbDiv .depth3-wrap .has_dep .depth::before {content: ''; display: inline-block; position: relative; width: 1px; height: 16px; margin: 0 9px; top: 50%; transform: translateY(-50%); background: #666;} .gnbDiv .depth3-wrap .mn_li3.mn_title .mn_a3{font-weight:bold;} .gnbDiv .depth3-wrap .mn_li3.mn_title .mn_a3:before {content: ' '; height: 0;width: 0; position: absolute; top:5px; border: 20px solid transparent; border-radius:0;border-right-width: 0; border-left-color: #af4c5f; background:none;border-width:5px;} .gnbDiv .depth3-wrap .mn_a3 span {position:relative;display:inline-block;word-break:keep-all} /* 2024-04-01 추가 */ .gnbDiv .depth3-wrap .depth3-ul.flx{display:flex;} .gnbDiv .depth3-wrap .depth3-ul.flx .mn_li3.plr{padding-left: 15px;} .gnbDiv .depth3-wrap .depth3-ul.flx .mn_li3{padding-right: 15px;} .gnbDiv .depth3-wrap .depth3-ul.flx .mn_li3.first{padding-left:0;} .gnbDiv .depth3-wrap .depth3-ul.flx .mn_title{padding: 0; padding-right: 66px; font-size: 15px; color: #666; font-weight: bold;} .gnbDiv .depth3-wrap .depth3-con.col{flex-direction: column;} /* // 2024-04-01 추가 */ /* 2025-05-27 수정 2025교육과정개편 e */ @media screen and (min-width: 960px) and (max-width: 1600px){ .gnbDiv .depth2-wrap {padding:0 0 0 30%; } .gnbDiv .depth2-wrap .depth2-ul {width: calc(100% - 30px);} .gnbDiv .depth2-wrap .mn_li2 {width:30%;} .gnbDiv .mn_li1:nth-child(2) .mn_li2.ps-top{top:-20px;} .gnbDiv .depth2-wrap .mn_a2 {font-size:15px;} .gnbDiv .depth2-wrap .depth1-tit {width:30%;} .gnbDiv .depth3-wrap {padding: 10px 0 20px 0;}/* 2024-04-02 수정 */ .gnbDiv .depth3-wrap .mn_a3 span {font-size: 13px;} .gnbDiv .depth3-wrap .depth3-con .depth3-ul2{width:calc(50% - 10px); margin-right:10px;} .gnbDiv .depth3-wrap .depth3-con .depth3-ul2.wd60{width:calc(60% - 10px); margin-right:10px;} .gnbDiv .depth3-wrap .mn_li3.mn_title{margin-bottom:10px;} /* 2024-04-01 추가 */ .gnbDiv .depth3-wrap .depth3-ul.flx .mn_li3.plr{padding-left: 5px;} .gnbDiv .depth3-wrap .depth3-ul.flx .mn_title{padding: 0; padding-right: 10px; font-size: 12px;} /* // 2024-04-01 추가 */ } /* // 2023-11-14 gnb 개편 */ /* 2025-04-02 수정 s */ /*main visual */ .visualArea {overflow:hidden; position:relative; width:100%; height:367px;} .visualArea .visual{position:absolute; top:0; left:0; width:100%; height:367px; background: url() no-repeat center center / cover;} .visualArea .visual1 {background-image:url("/common/images/icon/visual1_img_apply.jpg")} .visualArea .visual:nth-child(1) {z-index: 5;} .visualArea .visual .innrBox {position:relative; width:960px; margin:0 auto;} .visualArea .visual .innrBox .txt {margin-top: 40px;} .visualArea .visual .innrBox .txt2 {position: absolute; top: 248px; left: 0;} .visualArea .visual .innrBox .receiptTxt {position:absolute; top:35px; left:0;} .visualArea .visual .innrBox .btnWrap {margin-top: 25px;} .visualArea .visual .innrBox .btnWrap a + a {margin-left: 20px;} .visualArea .visual .innrBox span.purpleArea {position:absolute;line-height: 20px;font-size: 15px;font-weight:bold;padding:0 33px 5px 21px;background:#70205e;color: #fff;border-radius:20px;} .visualArea .visual .innrBox span.date {position:absolute;padding:30px 33px 5px 21px;line-height: 20px; font-size:21px;color: #fff000;font-weight: bold;} .visualArea .visual .innrBox span.date2 {position:absolute;padding:30px 33px 5px 21px;line-height: 20px; font-size:27px;color: #fff000;font-weight: bold;} .visualArea .visual .innrBox span.txt2 {position:absolute;font-size:32px;font-weight:bold;color:#fff200} .visualArea .visual .innrBox span.txt3 {padding-top:42px;position:absolute;font-size:22px;font-weight:bold;color:#fff200} .visualArea .visual .innrBox a.application {margin-top:75px;padding:6px 35px 10px 35px;border-radius:21px;background:#a2408d;color:#fff;font-size:18px;font-weight:bold;position:absolute; top:180px; left:0;} .visualArea .indicateDiv {position:relative; width:960px; margin:0 auto;} .visualArea .indicateDiv .bt {position:absolute; top:153px; right:-45px; z-index:8;}/* 2024-03-13 수정 */ .visualArea .indicateDiv .bt a {display:block; padding:2px 0;} /* // 2025-04-02 수정 e */ .mdlArea{width:100%; height:89px; background:url("/common/images/icon/middle_contentsBg.jpg") no-repeat center 0;}/* 2023-05-16 수정 */ .mdlArea .mdlDiv{margin:0 auto; width:960px; height:89px;}/* 2023-05-16 수정 */ .mdlArea .mdlDiv.dsF{display:flex;} /* 2021-09-17 추가 */ .mdlArea.bakGr{justify-content: center; width:100%; background:url("/common/images/icon/middle_contentsBg02.jpg") no-repeat center 0; background-size: cover;}/* 2023-05-16 추가 */ .content1Area{width:100%; height:400px; background:#e7e7e7;} .content1Area .contents1Div{overflow:hidden; padding-top:50px; margin:0 auto; width:960px; height:300px;} .content1Area .contents1Div .left{position:relative; float:left; margin-right:50px; width:640px;} .content1Area .contents1Div .left ul{position:relative; overflow:hidden; margin-top:30px; width:640px; height:250px;} .content1Area .contents1Div .left ul li{position:absolute; top:0; width:200px; height:250px;} /* 2024-11-28 수정 s */ .content1Area .contents1Div .left ul li .img {width: 200px; height: 140px; background: url("/common/images/icon/bg_main1.gif") no-repeat center center / cover;} .content1Area .contents1Div .left ul li .txtBox{padding: 15px 20px; width: 160px; max-height: 62px; /* height:100px; */font-size:12px; color:#777; background:#fff; line-height:17px;} .content1Area .contents1Div .left ul li .txtBox a{display:block} .content1Area .contents1Div .left ul li .txtBox a p{height:51px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}/* 2023-11-29 수정 */ .content1Area .contents1Div .left ul li .txtBox a div{width:160px;height:51px;display:block;overflow:hidden;text-overflow:ellipsis;} .content1Area .contents1Div .left ul li .txtBox span{padding-bottom:0;font-size:14px;font-weight:bold;color:#444444;letter-spacing:-0.5px;width:160px;height:52px; overflow:hidden;text-overflow:ellipsis;} .content1Area .contents1Div .left .bt{display: flex; position:absolute; top:0; right:0;} /* 2021-11-29 수정 */ .content1Area .contents1Div .left .bt a{display: inline-block !important;} /* 2021-11-29 추가 */ /* // 2024-11-28 수정 e */ .content1Area .contents1Div .right{float:left; width:270px;} .content1Area .contents1Div .right .up{position:relative; width:270px; height:308px; font-size:12px; color:#666;} /* 2021-11-29 높이 수정 */ /* 2021-11-30 수정 */ .content1Area .contents1Div .right .up span{padding-bottom:7px; font-size:14px; font-weight:bold; color:#444; line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .content1Area .contents1Div .right .up span.desc{display:block;width:270px; height:30px !important; font-size:12px !important;overflow:hidden;font-weight:normal !important;white-space:normal;text-overflow:ellipsis;} /* // 2021-11-30 수정 */ .content1Area .contents1Div .right .up .bt{position:absolute; top:0; right:0;} .content1Area .contents1Div .right .up .bt a{display: block !important;} .content1Area .contents1Div .right .down{width:270px; height:140px;} .content1Area .contents1Div .right .down .ovf{overflow:hidden; padding-top:23px; } .content1Area .contents1Div .right .down .ovf .left1{float:left; margin-right:18px; width:75px;} .content1Area .contents1Div .right .down .ovf .right1{float:left; width:174px;} .content1Area .contents1Div .right .down .ovf .right1 .txt1{font-size:14px; font-weight:bold; color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .content1Area .contents1Div .right .down .ovf .right1 .txt2{display:block;letter-spacing:-0.9px; padding-top:7px;height:58px;overflow:hidden;text-overflow:ellipsis;white-space:normal} .content1Area .contents1Div .right .down .ovf .right1 .txt3{font-size:12px; color:#888; padding-top:7px;} .content2Area{width:100%;} .content2Area .content2Div{width:960px; margin:0 auto;} .content2Area .content2Div .area2{overflow:hidden;} .content2Area .content2Div .area2 .unit{float:left; width:310px;} .content2Area .content2Div .area2 .unit .headA{overflow:hidden; height:40px;} /* 160509수정및추가 */ .content2Area .content2Div .area2 .unit .headA a{display:block; padding:4px 10px 0 0;} .content2Area .content2Div .area2 .newsA .listDiv {border:1px solid #eee; width:308px; height:238px; margin:0px; padding:0px;} .content2Area .content2Div .area2 .newsA .listDiv .list {margin:15px; padding:0px; line-height:35px;} .content2Area .content2Div .area2 .newsA .listDiv .list > li {background:url("/common/images/icon/main_news_bullet.gif") no-repeat 0 15px; padding-left:15px; overflow:hidden; font-size:12px; color:#444;} .content2Area .content2Div .area2 .newsA .listDiv .list > li a {font-size:12px; color:#444;} .content2Area .content2Div .area2 .newsA .listDiv .list > li a:hover {font-size:12px; color:#a4418e; text-decoration:underline;} .content2Area .content2Div .area2 .newsA .listDiv .list .date {float:right; font-size:11px; color:#777;} .content2Area .content2Div .area2 .newsA .listDiv .list .iconNew {vertical-align:middle; padding-left:5px;} .content2Area .content2Div .area2 .unit .roll{overflow:hidden; position:relative; width:310px; height:240px;background:url("/common/images/icon/bg_main2.gif") no-repeat 0 0;} /* //160509수정및추가 */ .content2Area .content2Div .area2 .unit .roll p{position:absolute; top:0;height: 240px;} .content2Area .content2Div .area2 .unit .roll p img{height:240px} .content2Area .content2Div .area2 .gallery{margin-right:15px}/* 2017-09-26 추가 */ .content2Area .content2Div .area2 .gallery .roll p span{position:absolute;bottom:20px;left:19px;color:#fff;} .content2Area .content2Div .area2 .gallery .roll p span.tit{position:absolute;bottom:38px !important;font-size: 16px;font-weight:bold;} .content2Area .content2Div .area2 .newsA .roll p span{position:absolute;bottom:30px;left:0;color:#000;font-size:14px;width:100%;text-align:center;} .content2Area .content2Div .area2 .newsA .roll p span.tit{position:absolute;bottom:58px !important;font-size:24px;font-weight:bold;color:#fff;line-height: 34px;} .content2Area .content2Div .area2 .unit .roll .control{position:absolute; top:20px; right:20px; z-index:1} .content2Area .content2Div .area2 .unit .roll .left{position:absolute; top:103px; left:10px; z-index:1;} .content2Area .content2Div .area2 .unit .roll .right{position:absolute; top:103px; right:10px; z-index:1;} .content2Area .content2Div .area3{overflow:hidden; margin-bottom:55px;} .content2Area .content2Div .area3 .headA{overflow:hidden; height:40px;} .content2Area .content2Div .area3 .headA a{display:block; float:right; padding:4px 10px 0 0;} /* 2018-11-12 수정 */ .content2Area .content2Div .area3 .links{width:740px;margin-right:30px;float:left; overflow:hidden} .content2Area .content2Div .area3 .links > div{float:left; width:352px} .content2Area .content2Div .area3 .links > .leftA{margin-right:35px} .content2Area .content2Div .area3 .links > div > .titleA{margin-bottom:14px} .content2Area .content2Div .area3 .links > div > .linkA{overflow:hidden} .content2Area .content2Div .area3 .links > div > .linkA a{display:block; float:left; width:88px} .content2Area .content2Div .area3 .links > div > .linkA.type2 a{display:block; float:left; width:70px} /* 2019-05-03 추가 */ .content2Area .content2Div .area3 .links > .bottomA{margin-top:12px; width:100%; overflow:hidden} /* 2019-05-03 수정 */ .content2Area .content2Div .area3 .links > .bottomA a{display:block; float:left} /* //2018-11-12 수정 */ .content2Area .content2Div .area3 .igseCon{width:270px;margin-right:30px;float:left} .content2Area .content2Div .area3 .igseCon > a{font-size:12px;color: #666;} .content2Area .content2Div .area3 .igseCon > a span:first-child{font-size:15px;color: #444;font-weight: bold;margin-bottom:12px;line-height: 19px;width: 270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .content2Area .content2Div .area3 .igseCon > a span:nth-child(2){;height:33px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orent:vertical;word-wrap:break-word;line-height:15px;height:30px} .content2Area .content2Div .area3 .igseCon div{;padding:15px 0 15px 20px;background:#f8edf6;} .content2Area .content2Div .area3 .igseCon div ul li{background:url("/common/images/icon/dot6x6P.png") no-repeat left 9px;padding-left:13px;line-height:22px;overflow:hidden;text-overflow:ellipsis;width: 227px;height:22px;white-space:nowrap} .content2Area .content2Div .area3 .sns{width:190px;float:left} .content2Area .content2Div .area3 .sns .headA{height:46px;} .content2Area .content2Div .area3 .sns a{float:left} .content2Area .content2Div .area3 .sns a.cafe{border-bottom:1px solid #eee;border-right:1px solid #eee} .content2Area .content2Div .area3 .sns a.blog{border-bottom:1px solid #eee} .content2Area .content2Div .area3 .sns a.facebook{border-right:1px solid #eee} .footInfo{width:100%; height:40px; background:#555;} .footInfo .footInfoDiv{width:960px; height:40px; margin:0 auto; text-align:center;} .footInfo .footInfoDiv a{display:inline-block; padding:10px 8px 10px 9px; letter-spacing:-0.5px; font-weight:bold; color:#fff; background:url("/common/images/icon/dot1x12.gif") no-repeat 0 15px;} /* 2017-03-15 수정 */ .footInfo .footInfoDiv a:first-child{background:none;} .footerArea{width:100%; height:100px; background:#666;} .footerArea .footerDiv{overflow:hidden; padding-top:25px; width:960px; height:75px; margin:0 auto;} .footerArea .footerDiv .unit1{float:left; width:220px;} .footerArea .footerDiv .unit2{float:left; width:589px; font-size:12px; color:#fff; line-height:18px;} .footerArea .footerDiv .unit3{float:right; width:151px;} .bodyBlackBg{position:absolute; top:135px; left:0; width:100%; height:100px; background:url("/common/images/icon/gnbModal_bg.png") repeat 0 0; z-index:1;} .subWrap{position:relative; width:100%;} .subWrap .subV{width:100%; height:225px; text-indent:-9999px} .subWrap .subV.type1{background:url("/common/images/icon/subVisual.jpg") no-repeat center 0;} .subWrap .subV.type2{background:url("/common/images/icon/subVisual2.jpg") no-repeat center 0;} .subWrap .subV.type3{background:url("/common/images/icon/subVisual3.jpg") no-repeat center 0;} .subWrap .subV.type4{background:url("/common/images/icon/subVisual4.jpg") no-repeat center 0;} .subWrap .subV.type5{background:url("/common/images/icon/subVisual5.jpg") no-repeat center 0;} .subWrap .subV.type6{background:url("/common/images/icon/subVisual6.jpg") no-repeat center 0;} .subWrap .subV.type7{background:url("/common/images/icon/subVisual7.jpg") no-repeat center 0;} .subWrap .subV.type8{background:url("/common/images/icon/subVisual8.jpg") no-repeat center 0;} .subWrap .subV.type9{background:url("/common/images/icon/subVisual9.jpg") no-repeat center 0;}/* 2023-08-31 추가 */ .subWrap .location{width:100%; height:43px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;} #lnb{position:relative; width:959px; height:43px; margin:auto; border-left:1px solid #f0f0f0; color:#777} #lnb span{display:block; width:200px; height:9px; padding:10px 19px 25px; float:left; border-right:1px solid #f0f0f0} #lnb span.lnbTxt2{padding:0;}/* 2019-10-01 추가 */ #lnb a.lnbBt{/*display:block;*/ display:table; width:201px; /*height:9px; padding:10px 19px 25px; */ height:44px; padding:0 19px; float:left; border-right:1px solid #f0f0f0; background:url("/common/images/icon/indi_icon.gif") no-repeat 209px center;} /* 2020-08-20 수정*/ #lnb a.lnbBt > span{display:table-cell; width:50%; height:100%; padding:0 0 2px 0; float:none; vertical-align:middle; padding-right:20px; border-right:none; letter-spacing: -2.2px;} /* 2021-11-18 수정, 2020-08-20, 2024-04-01 추가*/ #lnb .lnbBt.on{font-weight:bold; color:#444} #lnb .lnbTwo{display:none; position:absolute; top:43px; left:0; width:201px; padding:14px 19px 7px; background:url("/common/images/icon/lnb_twoline.gif") no-repeat center 0 #fff; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;z-index:1} #lnb .lnbTwo a{display:table; width:186px; min-height:28px; height:auto; margin-bottom:7px; padding-left:13px; background:url("/common/images/icon/lnbtwo_bg.gif") no-repeat 0 0; line-height:15px; color:#444} /*2020-08-20 수정*/ #lnb .lnbTwo a span{float:none; display:table-cell; padding:0; width:auto; height:auto; vertical-align:middle; border:none;} /*2020-08-20 추가*/ #lnb .lnbTwo a.on{background:url("/common/images/icon/lnbtwo_bg_on.gif") no-repeat 0 0; font-weight:bold} #lnb .lnbTwo a:hover{background:url("/common/images/icon/lnbtwo_bg_on.gif") no-repeat 0 0; font-weight:bold} /* 2024-04-01 추가 */ #lnb.lnb3wd span{width:150px;} #lnb.lnb3wd a.lnbBt{width:150px; background: url(/common/images/icon/indi_icon.gif) no-repeat 150px center;} #lnb.lnb3wd .lnbTwo{width:150px;} #lnb.lnb3wd .lnbTwo a{width:130px; background-size: 142px 100%;} #lnb.lnb3wd .lnbTwo a.on{background-size: 142px 100%;} /* // 2024-04-01 추가 */ #subCon{width:960px; margin:auto; padding:50px 0 80px;position:relative;} #subCon .scroll{height:235px;overflow-Y:scroll;padding:30px 25px 30px 30px;border:1px solid #e3e3e3;} #subCon .scroll p{font-size:14px} #subCon .hide {display:none;} .subTit{font-size:18px;font-weight:bold;color:#444;padding-left:20px;background:url("/common/images/icon/icon_tit.png") no-repeat left 4px;line-height:21px;} .subTit a{color: #444;} .subTit2{font-size:14px;line-height:24px;} .scrollTit{font-size:16px !important;font-weight:bold} .scrollTxt{font-size:14px;letter-spacing:-0.5px} .agree{font-weight:bold;border:1px solid #e3e3e3;border-top:none;text-align:center;padding:18px 0;background:#fafafa;} .prevNext p{padding:20px;border-top:1px solid #e3e3e3;} .prevNext p span{padding-left:20px;margin-right:55px;font-weight:bold;font-size:14px;} .prevNext p span.prev{background:url("/common/images/icon/icon_prev.png") no-repeat left 7px} .prevNext p span.next{background:url("/common/images/icon/icon_next.png") no-repeat left 7px} .searchBox label{padding-left:8px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 50%;font-weight:bold;color:#444;font-size:14px;margin-right:13px;} .searchBox select{width:120px;border:1px solid #dadada;} .pwBox{border:1px solid #e3e3e3;padding:80px 0;} .pwBox p input[type="password"]{width:182px;margin-top:5px;margin-right:12px;} .pwBox .text{font-size:15px;font-weight:bold;color:#444} .grayBox{padding:30px 27px;border:1px solid #e3e3e3;background:#fafafa;} .popWrap.condition{background:#eeefef;padding:80px 0;} .popWrap.condition .text{font-size:16px;font-weight:bold;color:#444;} .popWrap.condition .num{color:#48a0cd;font-weight:bold;font-size:17px;} .pdf{font-size:15px;font-weight:bold;color:#444;line-height:25px;} .outList li{padding-left:10px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 10px;line-height:22px;} .outList li span.bold{color: #333;font-weight: bold;margin-right: 20px;} .outList li span.bold2{color: #666;font-weight: bold;} /* 2018-06-05 추가 */ .outList li span.width{display: inline-block;width: 70px;} .caution{font-weight:bold;font-size:14px;padding-left:25px;background:url("/common/images/icon/icon_warning2.gif") no-repeat left 2px} .listBox{overflow: hidden; background:url("/common/images/icon/bg_notice11.png") repeat-y 0 0;} .listBox > div{margin-right:66px;} /*.listBox > div:first-child{margin-left:41px;} .listBox > div:last-child{margin-right: 0;}*/ .listBox div .innerBox{width:166px;height:185px;text-align: center;display:block;padding-top:45px;} .listBox div .innerBox p{margin:0 20px} .listBox div .innerBox.bg1{background:url("/common/images/icon/bg_notice1.png") no-repeat 0 0;} .listBox div .innerBox.bg2{background:url("/common/images/icon/bg_notice2.png") no-repeat 0 0;} .listBox div .innerBox.bg3{background:url("/common/images/icon/bg_notice3.png") no-repeat 0 0;} .listBox div .innerBox.bg4{background:url("/common/images/icon/bg_notice4.png") no-repeat 0 0;} .listBox div .innerBox .date{font-size:12px;} .overF{overflow:hidden;} .fr{float:right;} .fl{float:left;} .star{font-size:22px;color:#a4418e;font-weight:bold;line-height:13px;vertical-align:bottom;} .warning{padding-left:45px;background:url("/common/images/icon/icon_warning.png") no-repeat left 5px;line-height: 24px;} .bgG{background:#f5f5f5 !important;} .bgG2{background:#fafafa;} .purple{color:#a4418e;} .blue{color:#2460a8;} .blueU, .blueU:hover{color:#0200fe;text-decoration:underline;} .gray2{color:#999} .red{color:#e31029;} .red2{color:rgb(255, 0, 0);} /* 2021-11-18 추가 */ .fz12{font-size:12px;} .blueB15{color:#2460a8;font-weight:bold;font-size:15px;} .blueB15 span.under{text-decoration:underline}/* 2018-04-19 추가 */ .blueB15 span.txt{font-size:14px; line-height:20px; color:#666; font-weight:normal}/* 2018-04-19 추가 */ .blueB16{color:#2460a8;font-weight:bold;font-size:16px;} .blueB2{color:#1c5dac;font-weight:bold;font-size:15px;} .blackB16{color:#444; font-weight:bold; font-size:16px} /* 2018-04-19 추가 */ .borN{border-right:none !important;} .bolN{border-left:none !important;} .lh28{line-height:28px;} .boR{border-right:1px solid #e3e3e3 !important;} .borBN{border-bottom:none !important;} .boB{border-bottom:1px solid #e3e3e3 !important;} .boB2{border-bottom:2px solid #e3e3e3 !important;} .boR2{border-right:2px solid #e3e3e3 !important;} .vaT{vertical-align: top;} .leftDot{padding-left:8px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 50%;} .day{font-size:12px;color: #999;} .underL{text-decoration: underline;} .underL:hover{text-decoration: underline;} .black{color:#444 !important} .blueTit{color:#2460A8;font-weight:bold;font-size:20px;} .wd80{width:80px !important;} .wd88{width:88px !important;} .wd268{width:268px;} .wd153{width:153px;} .wd552{width:552px !important;} .wd112{width:112px !important;} .wd99{width:99% !important;} .wd90{width:90% !important;} .fileIn{margin-left:5px;margin-top:4px} .greetDiv1{overflow:hidden; line-height:22px; padding-bottom:3px; background:url("/common/images/icon/greetingline.gif") no-repeat 0 bottom; letter-spacing:-0.2px}/* 2018-09-04 수정 */ .greetDiv1 .left{width:534px; float:left; padding-top:33px;} .greetDiv1 .right{width:426px; float:right} .greetDiv2 .tab1Div ul li{padding-left: 17px; font-size: 16px; line-height: 22px; color:#666; background:url("/common/images/icon/dot_greet.gif") no-repeat left center;} /* 2022-09-05 추가 */ .srchDiv1{border:1px solid #e3e3e3; padding:24px 0; text-align:center; background:#fafafa} .srchDiv1 select:first-child {width:129px;} .srchDiv1 select{width:85px;} .srchDiv1 input{width:492px;} .srchDiv2{overflow: hidden;} .srchDiv2 select{width:85px;} .srchDiv2 input{width:242px;} .srchDiv2 .left{float:left;} .srchDiv2 .right{float:right;} .srchDiv2 .right .mr2{margin-right:2px;} .symbolBox{overflow: hidden;} .symbolBox > div{} .symbolBox > div div{width: 463px;height:275px;position:relative;overflow: hidden;background:url("/common/images/icon/bg_grid.jpg") no-repeat 0 0;} .symbolBox > div div.symbol1 img{position: absolute;top:56px;left:149px;} .symbolBox > div div.logo img.logo1{position: absolute;top:53px;left:55px;} .symbolBox > div div.logo img.logo2{position: absolute;top:118px;left:55px;} .symbolBox > div div.logo img.logo3{position: absolute;top:182px;left:55px;} .symbolBox2{width:960px;height:367px;position:relative;overflow: hidden;background:url("/common/images/icon/bg_grid2.jpg") no-repeat 0 0;} .symbolBox2 img.logo1{position:absolute;top:58px;left:70px;} .symbolBox2 img.logo2{position:absolute;top:160px;left:70px;} .symbolBox2 img.logo3{position:absolute;top:261px;left:70px;} .symbolBox2 img.logo4{position:absolute;top:48px;left:539px;} .symbolBox2 img.logo5{position:absolute;top:150px;left:539px;} .symbolBox2 img.logo6{position:absolute;top:253px;left:539px;} .symbolBox3{width:960px;height:419px;position:relative;overflow: hidden;background:url("/common/images/icon/bg_grid3.jpg") no-repeat 0 0;} .symbolBox3 img.logo1{position:absolute;top:68px;left:97px;} .symbolBox3 img.logo2{position:absolute;top:68px;left:393px;} .symbolBox3 img.logo3{position:absolute;top:68px;left:703px;} .symbolBox3 img.logo4{position:absolute;top:218px;left:124px;} .symbolBox3 img.logo5{position:absolute;top:259px;left:426px;} .symbolBox3 img.logo6{position:absolute;top:266px;left:699px;} .establishDiv1{margin-top:20px;} .establishDiv1 .txt{padding-top:22px; font-size:14px; line-height:25px;} .establishDiv2{margin-top:20px;} .establishDiv2 .txt{padding-top:22px; font-size:14px; line-height:25px;} .affi1Div1{margin-top:50px; width:960px; height:137px; text-indent:-9999px; font-size:0px; background:url("/common/images/icon/affi1_img1.gif") no-repeat 0 0;} .affi1Div2{font-size:14px; line-height:25px;} .affi1Div3{margin-top:40px; width:960px; height:358px; text-indent:-9999px; font-size:0px; background:url("/common/images/icon/affi1_img2.gif") no-repeat 0 0;} .affi2Div1{margin-top:50px; width:960px; height:139px; text-indent:-9999px; font-size:0px; background:url("/common/images/icon/affi2_img1.gif") no-repeat 0 0;} .affi3Div1{margin-top:40px; width:960px; height:402px; text-indent:-9999px; font-size:0px; background:url("/common/images/icon/affi3_img1.gif") no-repeat 0 0;} .goEduSchool{padding-top:20px; display:block; text-align:right;} .clubDiv{overflow:hidden; padding:35px 0; border-top:2px solid #ddd;} .clubDiv.fir{border-top:0;} .clubDiv .txtL{float:left; width:200px; font-size:44px; color:#444;} .clubDiv .txtL2{float:left; width:200px; font-size:42px; color:#444;} .clubDiv .txtL div{font-size:20px; color:#444;} .clubDiv .contR{float:left; width:760px; font-size:14px; line-height:25px;} .clubDiv .contR .tit{padding-bottom:23px; font-weight:bold; color:#007db8; font-size:20px; line-height:26px;} .clubDiv .contR .imgGallery{margin-top:30px; padding-top:20px; border-top:1px solid #8fc8e2;} .clubDiv .contR .imgGallery .rollImg{position:relative; width:760px; height:427px; overflow:hidden;} .clubDiv .contR .imgGallery .rollImg .leftBtn{position:absolute; top:185px; left:0; z-index:1;} .clubDiv .contR .imgGallery .rollImg .rightBtn{position:absolute; top:185px; right:0; z-index:1;} .clubDiv .contR .imgGallery .rollImg .roll{position:absolute; top:0;} .clubDiv .contR .imgGallery .thumbDiv{overflow:hidden;} .clubDiv .contR .imgGallery .thumbDiv a{position:relative; display:block; float:left; width:127px; height:71px; background:url("/common/images/icon/club_thumb_nodata.gif") no-repeat center 0 #f2f2f2;} .clubDiv .contR .imgGallery .thumbDiv a.small{width:126px;} .clubDiv .contR .imgGallery .thumbDiv a .blackBg{display:block; position:absolute; width:100%; height:71px; background:url("/common/images/icon/club_thumb_bg.png") repeat 0 0;} .clubDiv .contR .imgGallery .thumbDiv a .frame{display:none; position:absolute; top:0; left:0; width:117px; height:61px; border:5px solid #008bcb; opacity:0.6;} .clubDiv .contR .imgGallery .thumbDiv a > img {width:100%;} /* 2019-05-07 추가 */ .clubDiv .contR .imgGallery .thumbDiv a.on .blackBg{display:none;} .clubDiv .contR .imgGallery .thumbDiv a.on .frame{display:block;} .history{overflow:hidden;border-bottom: 1px dotted #e3e3e3;padding-bottom: 40px;} .history .left{float: left;width: 330px;} .history .left .top{font-size:30px;font-weight: bold;color: #014b89;margin-bottom: 40px;} .history .left .bottom{float: left;} .history .right{float: left;} .history .right ul li{padding-left:15px;background:url("/common/images/icon/dot_5x5g.gif") no-repeat 0 50%;font-weight: bold;font-size: 16px;color: #444;margin-top: 4px;} .history .right ul li span{font-weight: normal;color: #666;margin-left: 30px;font-size: 14px;} .depart{border:1px solid #e3e3e3;border-left: none;width:291px;height:128px;padding:0 24px 0 24px;vertical-align: middle;line-height:24px} .presidentDiv .president{overflow: hidden;border-top: 1px solid #eee;padding-top:47px;} .presidentDiv .president:first-child{border-top:0;padding-top:0;} .presidentDiv .president .left{float: left;} .presidentDiv .president .right{width: 490px;float: right;} .presidentDiv .president .right p{font-size: 18px;color: #333;font-weight: bold;} .presidentDiv .president .right ul li{margin-top:5px;padding-left: 16px;background:url("/common/images/icon/dot5x5.gif") no-repeat 4px 8px;} /* 2018-03-16, 2022-02-09 수정 */ .position{position:relative;width:100%;height:1035px;background:url("/common/images/icon/position_bg.gif") no-repeat 0 0;} .position .btnPos{position:absolute;} .position .pos1{top:227px;right:134px;} .position .pos2{top:365px;left:51px;} .position .pos3{top:447px;left:378px;} .position .pos4{top:503px;left:378px;} .position .pos5{top:447px;right:50px;} .position .pos6{top:503px;right:50px;} .position .pos7{top:559px;right:50px;} .position .pos8{top:615px;right:50px;} .position .pos9{top:671px;right:50px;} .position .pos10{top:727px;right:50px;} .position .pos11{top:727px;right:50px;} .position .pos11{top:727px;right:50px;} .position .pos12{top:849px;left:50px;} /* //2018-03-16, 2022-02-09 수정 */ .certificate{padding-bottom:50px;border-bottom:3px solid #e3e3e3;} .certificate .innerBox{border: 1px solid #e3e3e3;padding: 50px 0;} .certificate .innerBox p{font-size: 15px;font-weight: bold;color: #444;} /* 2018-04-12 수정 및 추가 */ /* 2018-10-18 수정 및 추가 */ .receipt{height:221px;position:relative;background:url("/common/images/icon/bg_receipt.gif") no-repeat 0 0;} .receipt .txt{position:absolute; bottom:0; left:465px; font-size:13px} .receipt span{color:#fff;font-size:13px;font-weight:bold;position:absolute;bottom:31px;left:0} /* //2018-10-18 수정 및 추가 */ .receipt span.re{left:47px;} .receipt span.re2{left:280px;} .receipt span.re3{left:525px;} .receipt span.re4{left:761px;} .receipt3{height:196px;position:relative;background:url("/common/images/icon/bg_receipt3.gif") no-repeat 0 0;} .receipt3 span{color:#fff;font-size:13px;font-weight:bold;position:absolute;bottom:6px;left:0} .receipt3 span.re{left:47px;} .receipt3 span.re2{left:290px;} .receipt3 span.re3{left:529px;} .receipt3 span.re4{left:761px;} /* //2018-04-12 수정 및 추가 */ .receipt2{border:1px solid #e2e2e2;padding:31px 176px;} .receipt2 div{height:1015px;position:relative;background:url("/common/images/icon/bg_receipt2.gif") no-repeat 0 0;} .receipt2 div span{position:absolute;font-size:15px;color: #454f56;} .receipt2 div .re{top:20px;left:120px;} .receipt2 div .re2{top:20px;left:369px;} .receipt2 div .re3{top:128px;left:159px;} .receipt2 div .re4{top:128px;left:333px;} .receipt2 div .re5{top:234px;left:161px;} .receipt2 div .re6{top:339px;left:181px;} .receipt2 div .re7{top:445px;left:191px;} .receipt2 div .re8{bottom:445px;left:191px;} .receipt2 div .re9{bottom:341px;left:171px;} .receipt2 div .re10{bottom:234px;left:230px;} .receipt2 div .re11{bottom:129px;left:183px;} .receipt2 div .re12{bottom:25px;left:252px;} .mapArea{border:1px solid #e3e3e3;} .top3Line{border-top:3px solid #e3e3e3;padding-top:20px} .qnaAccept{padding:95px 0;border:1px solid #e3e3e3;} .qnaAccept .qnaSubTit{font-size: 18px;font-weight: bold;color: #444;} .qnaAccept .qnaTxt{font-size: 14px} .qnaAccept select{width: 147px;} .admission{padding:21px 24px 21px;border:1px solid #e3e3e3;} .cmsArea{border:1px solid #e3e3e3;padding:72px 0 68px} .cmsArea .txt{font-weight: bold;font-size: 15px;color: #444;} .fund{border: 1px solid #e3e3e3;padding:21px 0 21px 29px;overflow: hidden;} .dotTop{border-top:1px dotted #e3e3e3;padding-top:20px;} .committee > div{width:460px;} .committee div .inner{overflow: hidden;background:url("/common/images/icon/bg_committee.png") no-repeat 0 214px;} .committee div .inner .innerBox{width: 169px;margin-left:143px;font-weight: bold;} .committee div .inner .innerBox .book{width: 161px;height: 181px;padding:48px 6px 0 2px;background:url("/common/images/icon/bg_committee2.png") no-repeat 0 0;} .committee div .inner .innerBox p{margin-left:42px;} /* 2018-04-13 수정 */ /* 2019-05-31 수정 */ .story div{width:232px; margin-right:20px; border: 1px solid #e3e3e3; padding:30px 0; box-sizing:border-box} .story div:last-child{width:232px; margin-right:0} .story div.boxType1 {width:306px; height:379px;} .story div.boxType2 {width:470px; height:357px; margin-top:20px} .story div.marR0 {margin-right:0} /* //2019-05-31 수정 */ .story div p.tit{font-size:18px;color: #444;font-weight:bold;} .story2 div{width:735px;padding-left:225px;} .story2 div p{font-size: 15px;font-weight: bold;color: #333;} .story2 div ul li{padding-left:10px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 12px;font-size:14px;line-height:24px;} .story2 .st1{height:140px;background:url("/common/images/icon/bg_story_1.jpg") no-repeat 0 0;} .story2 .st1 p{padding-top:33px;} .story2 .st2{height:140px;background:url("/common/images/icon/bg_story_2.jpg") no-repeat 0 0;margin-top: 10px;} .story2 .st2 p{padding-top:33px;} .story2 .st3{height:140px;background:url("/common/images/icon/bg_story_3.jpg") no-repeat 0 0;margin-top: 10px;} .story2 .st3 p{padding-top:33px;} .story2 .st4{height:140px;background:url("/common/images/icon/bg_story_4.jpg") no-repeat 0 0;margin-top: 10px;} .story2 .st4 p{padding-top:33px;} .story2 .st5{height:140px;background:url("/common/images/icon/bg_story_5.jpg") no-repeat 0 0;margin-top: 10px;} .story2 .st5 p{padding-top:33px;} .story2 .st6{height:176px;background:url("/common/images/icon/bg_story_6.jpg") no-repeat 0 0;margin-top: 10px;} .story2 .st6 p{padding-top:23px;} /* //2018-04-13 수정 */ .story3{position:relative;overflow:hidden;width:960px;height:467px;background:url("/common/images/icon/bg_story2.jpg") no-repeat 0 0;} .story3 > p{position:absolute;top:88px;left:438px;font-size:20px;font-weight:bold;color:#485963;} .story3 > div{width:215px;} .story3 > div p{font-size:16px;font-weight:bold;color:#fff;text-align: center;} .story3 p.sTit1{position:absolute;top:270px;left:149px;color:#fff;font-size:16px !important;} .story3 p.sTit2{position:absolute;top:270px;left:443px;color:#fff;font-size:16px !important;} .story3 p.sTit3{position:absolute;top:270px;left:738px;color:#fff;font-size:16px !important;} .story3 > div ul li{padding-left:13px;background:url("/common/images/icon/dot5x5G.gif") no-repeat left 11px;line-height:24px;font-size: 15px;} .story3 .st1{position:absolute;bottom:31px;left:77px;} .story3 .st2{position:absolute;bottom:31px;left:371px;} .story3 .st3{position:absolute;bottom:31px;right:80px;} .gray{height:54px;background:url("/common/images/icon/bg_gray.jpg") no-repeat center 0;line-height:50px;} .story4{position:relative;width:960px;height:341px;background:url("/common/images/icon/bg_story3.jpg") no-repeat 0 0;} .story4 div{overflow:hidden;} .story4 div p{font-size:20px;font-weight:bold;color: #444;} .story4 div ul li{padding-left:13px;background:url("/common/images/icon/dot5x5G.gif") no-repeat left 10px;line-height: 23px;font-size:14px;} /* 2018-04-13 수정 */ .story4 .st1{position: absolute;top:125px;left:147px;} .story4 .st1 ul{margin-top:30px;} .story4 .st2{position: absolute;top:125px;left:390px;} .story4 .st2 ul{margin-left:20px;margin-top:22px;} .story4 .st3{position: absolute;top:125px;right:112px;} .story4 .st3 ul{margin-top:17px;} /* //2018-04-13 수정 */ .story4 .st3 ul li{background:url("/common/images/icon/dot5x5G.gif") no-repeat 2px 7px;line-height:17px;font-size:13px !important} .story5{position:relative;width:960px;height:556px;background:url("/common/images/icon/bg_story4.jpg") no-repeat 0 0;} .story5 div p{font-size:20px;font-weight:bold;color: #444;} .story5 div ul li{padding-left:13px;background:url("/common/images/icon/dot5x5G.gif") no-repeat left 10px;line-height: 23px;font-size:14px;} .story5 .st1{position:absolute;top:10px;left:140px;} .story5 .st2{position:absolute;top:10px;right:135px;} .story5 .st3{position:absolute;bottom:94px;left:137px;} .story5 .st4{position:absolute;bottom:73px;right:90px;} .iconAd{padding-left:85px;height:68px;margin-right:70px;background:url("/common/images/icon/icon_langCenter.gif") no-repeat left 0;} .iconPh{padding-left:85px;height:68px;margin-right:100px;background:url("/common/images/icon/icon_langCenter2.gif") no-repeat left 0;} .iconFax{padding-left:85px;height:68px;background:url("/common/images/icon/icon_langCenter3.gif") no-repeat left 0;} .twoImg{position:relative;width:100%;height:370px;} .twoImg .rightImg{position:absolute;top:0;right:-22px} .netPcImg div{position:relative;overflow:hidden;} .innerTxt2{position:absolute;right:0;bottom:0;background:#003e61;color:#fff;text-wrap:bold; zoom: 1; filter: alpha(opacity=0.8); opacity: 0.8;padding:6px 20px 9px;} .surveySubTit{font-size:16px;font-weight: bold;color: #444;} .surveyLabel{font-size: 15px;padding-left: 7px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 10px;} /* 탭 */ .tab1{width:100%; overflow:hidden} .tab1 a{width:191px; float:left; padding:13px 0 16px; background:#eee; text-align:center; border-right:1px solid #dadada; overflow:hidden; font-size:15px;} .tab1 a.on{background:#1c5dac; color:#fff; font-weight:bold} .tab1 a.borB{border-bottom:1px solid #dadada;} .tab2{width:100%; overflow:hidden} .tab2 a{display:block; float:left; font-size:16px; color:#444; padding-bottom:9px; margin-right:5px; font-weight:bold} .tab2 a span{display:block; padding:16px 25px 19px; background:#d9d9d9;} .tab2 a.on{background:url("/common/images/icon/tab2_bg.gif") no-repeat center bottom;} .tab2 a.on span{background:#404040; color:#fff} /* 2025-01-21 15:41:42 */ .tab3{width:100%;display:flex; gap: 5px; margin-bottom: 50px;} .tab3 a{ font-size:16px; position: relative; width: 236px; height: 56px; text-align: center; background:#fff; border: 1px solid #dbdbdb; color:#444; line-height: 56px; font-weight:bold} .tab3 a::after{content: ''; display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);width: 20px; height: 9px; background:url("/common/images/icon/tab3_bg.png") no-repeat center / contain;} .tab3 a.on {background:#004361; border-color: #004361; color:#fff} .tab3 a.on::after {display: block;} /* // 2025-01-21 15:41:42 */ /* write type */ .writeType1{position:relative;border-top:2px solid #7b7b7b} .writeType1 table th{border:1px solid #e3e3e3;border-top:none;padding:18px 0 18px 19px;text-align:left;font-size:14px;font-weight:bold;background:#fafafa;} .writeType1 table td{border:1px solid #e3e3e3;border-left:none;border-top:none;padding:10px 20px;} .writeType1 input[type="text"]{width:160px;} .writeType1 .fileList{padding:20px;border:1px solid #e3e3e3;} .writeType1 .fileList ul li{padding-left:10px;background:url("/common/images/icon/icon_dot3x3.gif") no-repeat left 6px;line-height:13px;} .writeType1 .fileList ul li a{margin-left:5px;} .writeType1 .fileAdd{position:relative;overflow:hidden;} .writeType1 .fileAdd span.fileBtn{position:absolute;top:0;left:474px;} .writeType1 .secuLeft{float:left;border:1px solid #e3e3e3} .writeType1 .secuRight{float:left;margin-left:20px;} .writeType1 .secuRight .reImg{font-weight:bold;text-decoration:underline;color:#444;} .writeType1 .fileAdd input[type="file"]{position:absolute; top:0; left:0; zoom: 1; filter: alpha(opacity=0); opacity: 0; cursor:pointer} /* board type */ .boardType1{overflow:hidden} .boardType1 a{display:block; width:225px; height:220px; float:left; margin-right:20px; margin-bottom:20px;} .boardType1 span{display:block;} .boardType1 .img{width:225px; height:150px; overflow:hidden;background:url("/common/images/icon/bg_introList.jpg") no-repeat 0 0;} .boardType1 .txt{height:41px; padding:10px 14px 16px; border:1px solid #e3e3e3; background:#fff} .boardType1 .title{font-weight:bold; color:#444;} .boardType1 .date{font-size:13px; margin-top:4px} .boardType1View{border-top:4px solid #1c5dac; border-bottom:3px solid #e3e3e3; letter-spacing:-0.4px} /* 2017-07-14 수정 */ .boardType1View .btvHead{position:relative; background:#fafafa; border-bottom:2px solid #e3e3e3; padding:17px 19px 18px; font-size:16px; color:#444; font-weight:bold;} .boardType1View .btvHead .title{width:90%;max-height:44px;overflow: hidden;} .boardType1View .btvHead .date{position:absolute; top:20px; right:20px; padding:0 0 0 21px; font-size:13px; color:#666; font-weight:normal; background:url("/common/images/icon/bar1x17.gif") no-repeat 0 0; line-height:17px} .boardType1View .btvHead .name{position:absolute; top:20px; right:20px; padding:0 0 0 21px; font-size:13px; color:#666; font-weight:normal; background:url("/common/images/icon/bar1x17.gif") no-repeat 0 0; line-height:17px} .boardType1View .btvHead .name span{margin-left:35px;} .boardType1View .btvHead .name span img{line-height:19px;vertical-align:middle;} .boardType1View th{font-weight:bold;font-size:14px;color:#444;background:#fafafa;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;padding:20px 0;} .boardType1View th:first-child{border-left:none;} .boardType1View .second th{border-bottom:2px solid #e3e3e3;background:#fafafa;} .boardType1View td{border-left:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:20px 15px 20px 20px;text-align:center;font-size: 14px;line-height:24px;} .boardType1View td.bg{background:#eff4f9}/* 2018-04-19 추가 */ .boardType1View td.bg2{background:#a9d08e}/* 2018-05-23 추가 */ .boardType1View tr.sum td {font-weight: 700; color: #444; background:#eff4f9;} /* 2025-05-21 2025교육과정개편 추가 */ .boardType1View td:first-child{border-left:none;} /* 2022-09-23 추가 s */ .boardType1View.borR td:first-child{border-left:1px solid #e3e3e3;} .boardType1View.borR td.borRN {border-left:none} /* // 2022-09-23 추가 e */ .boardType1View td.boL{border-left:1px solid #e3e3e3;;}/* 2023-10-11 추가 */ .boardType1View .writer{position:relative;border-bottom:2px solid #e3e3e3; padding:15px 19px 16px; font-size:15px; color:#444; font-weight:bold;} .boardType1View .writer2{position:relative;border-bottom:2px solid #e3e3e3; padding:15px 19px 16px; font-size:14px;} .boardType1View .writer2 .name{font-size:14px;font-weight:normal;padding-left:14px;border-left:1px solid #e3e3e3;margin-left:10px;} .boardType1View .writer .name{font-size:14px;font-weight:normal;padding-left:14px;border-left:1px solid #e3e3e3;margin-left:10px;} .boardType1View .writer .right{display:block;position:absolute;top:15px;left:50%;} .boardType1View .leftDot{padding-left:8px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 10px;} .boardType1View td.vaT{vertical-align:top !important;} .boardType1View td.borL{border-left:1px solid #e3e3e3} /* 2018-10-12 추가 */ .boardType1View td.borLN{border-left:0} /* 2019-07-23 추가 */ /* 2023-10-11 추가 */ .boardType1View .sTable{padding:0;} .boardType1View .sTable table{width:350px; height: 267px;} .boardType1View .sTable table tbody{width:350px;} .boardType1View .sTable tr {height:50%;} .boardType1View .sTable tr td.bobN{border-bottom:0;} .boardType1View th.bgGreen{background-color:#edfcf7;} .boardType1View th.bgOran{background-color:#fcf3ee;} .boardType1View td.bgGreen{background-color:#f0fffa;} .boardType1View td.bgOran{background-color:#fff6f1;} /* // 2023-10-11 추가 */ .boardType1List{border-top:4px solid #1c5dac; border-bottom:3px solid #e3e3e3} .boardType1List th{border-bottom:1px solid #e3e3e3;background:#fafafa;font-weight:bold;padding:20px 0;text-align:center;} .boardType1List td{position:relative;overflow:hidden; border-bottom:1px solid #e3e3e3;padding:20px;text-align:center;} .boardType1List td:first-child{border-left:none;} .boardType1List td a{display:block;} .boardType1List td span{display:block} .boardType1List td span a img{line-height:19px;vertical-align:middle;margin-left:10px;} .boardType1List td .listTit{margin-top:15px;font-weight:bold;font-size:15px;color:#444;line-height:20px;width: 513px;} .boardType1List td .listTit img{vertical-align:middle;} .boardType1List td .listTxt{margin-top:20px;line-height:20px;width: 513px;} .boardType1List td .img{width:152px;height:114px;background:url("/common/images/icon/bg_activityList.jpg") no-repeat 0 0;} .boardType1List td .fileIn {margin-left:15px} /* 2019-07-11 추가 */ .boardType1List td .publishTit{margin-top:15px;font-weight:bold;font-size:15px;color:#444;line-height:20px;width: 710px;} .boardType1List td .publishImg{width:89px;height:114px;background:url("/common/images/icon/bg_publish.gif") no-repeat 0 0 ;} .boardType1List td .publishImg img{width:89px;height:114px;background:none !important;} .boardType1List td .publishTxt{margin-top:20px; line-height:20px; width:710px;} .boardType2{overflow:hidden} .boardType2 a{display:block; width:225px; height:330px; float:left; margin-right:20px; margin-bottom:20px;} .boardType2 span{display:block;} .boardType2 .img{position:relative;width:225px; height:150px; overflow:hidden;background:url("/common/images/icon/bg_introList.jpg") no-repeat 0 0;} .boardType2 .img .imgLabel{position:absolute;bottom:0;left:0;} .boardType2 .txt{height:152px; padding:10px 14px 16px; border:1px solid #e3e3e3; background:#fff} .boardType2 .title{font-weight:bold; color:#444;} .boardType2 .title img{vertical-align:bottom;} .boardType2 .innerTxt{font-size:12px;margin-top:15px;} .boardType2 .innerTxt .name{display:inline-block;margin-left:7px;padding-left:8px;background:url("/common/images/icon/bar_1x13.gif") no-repeat 0 5px;} .boardType2 .date{font-size:13px; margin-top:25px} .boardType2View{border-top:4px solid #1c5dac; border-bottom:3px solid #e3e3e3;max-width:960px} .boardType2View th{padding: 32px 0 33px 0;border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;background:#fafafa;font-size: 15px;color: #444;} .boardType2View th:last-child{border-right: 0;} .boardType2View .first{padding:20px 0 18px 0 !important;} .boardType2View .second th{border-bottom:2px solid #e3e3e3;padding: 20px 0 18px 0} .boardType2View th.last{border-bottom:0;} .boardType2View td{padding: 20px 5px 19px 5px;border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;text-align: center;max-width:90px;word-break:break-all;} .boardType2View td.taL2{text-align:left;padding-left:28px} .boardType2View td:last-child{border-right: 0;} .boardType2View tr:last-child td{border-bottom: 0;} /* 2025-01-21 15:41:20 */ .boardType2New{border-top:4px solid #1c5dac; max-width:960px} .boardType2New th{padding:16px 0;border: 1px solid #e3e3e3; background:#fafafa; font-size: 14px; color: #444;} .boardType2New td{padding: 14px 5px; border: 1px solid #e3e3e3; text-align: center; word-break:break-all;} .boardType2New td span{display:block} .boardType2New td span+span{margin-top: 1em;} .boardType2New td .text-blue{color: #2460a8;} .boardType2New td .text-red{color: #ff0000;} .boardType2New td.bgGreen{ background-color: #d8ffef;} .boardType2New th:last-child, .boardType2New td:last-child{border-right: 0;} .boardType2New th:first-child, .boardType2New td:first-child{border-left: 0;} /* 2025-01-21 15:41:20 */ .boardType3{overflow:hidden} .boardType3 a{display:block; width:218px; height:380px; float:left; margin-right:29px; margin-bottom:20px;} .boardType3 span{display:block;} .boardType3 .img{width:218px; height:278px; overflow:hidden;background:url("/common/images/icon/bg_publish.jpg") no-repeat 0 0;} .boardType3 .txt{height:70px; padding:10px 14px 16px; border:1px solid #e3e3e3; background:#fff} .boardType3 .title{font-weight:bold; color:#444;width:188px;min-height: 38px;max-height: 38px;} .boardType3 .title img{vertical-align:bottom;} .boardType3 .innerTxt{font-size:12px;margin-top:15px;width: 188px;} .boardType3 .date{font-size:13px; margin-top:25px} .boardType4{overflow:hidden} .boardType4 a{display:block; width:225px; height:253px; float:left; margin-right:20px; margin-bottom:20px;} .boardType4 span{display:block;} .boardType4 .img{position:relative;width:225px; height:150px; overflow:hidden;background:url("/common/images/icon/bg_club.jpg") no-repeat 0 0;} .boardType4 .img .imgLabel{position:absolute;bottom:0;left:0;} .boardType4 .txt{height:75px; padding:10px 14px 16px; border:1px solid #e3e3e3; background:#fff} .boardType4 .title{font-weight:bold; color:#444;} .boardType4 .title img{vertical-align:bottom;} .boardType4 .innerTxt{font-size:12px;margin-top:15px;} .boardType4 .innerTxt .name{display:inline-block;margin-left:7px;padding-left:8px;background:url("/common/images/icon/bar_1x13.gif") no-repeat 0 5px;} .boardType5{overflow:hidden;padding:0 105px} .boardType5 div.list{display:block; width:210px; height:360px; float:left; margin-right:60px; margin-bottom:40px;} .boardType5 span{display:block;} .boardType5 .img{width:208px;height:263px; border:1px solid #e3e3e3;overflow:hidden;background:url("/common/images/icon/bg_agora.gif") no-repeat 0 0;} .boardType5 .txt{padding:13px 0 0 0; background:#fff} .boardType5 .title{font-weight:bold; color:#444;} .boardType5 .title img{vertical-align:bottom;} .boardType5 .innerTxt{font-size:12px;margin-top:15px;} .boardType5 .innerTxt a{display:block} .boardType5 .date{font-size:13px; margin-top:25px} .faqBoard{border-top:4px solid #7b7b7b; border-bottom:1px solid #e3e3e3} .faqBoard li{padding:0 20px; border-bottom:1px solid #e3e3e3; background:#fff} .faqBoard li > a{display:block; position:relative; padding:26px 0 26px 48px; font-size:16px; font-weight:bold; color:#444; background:url("/common/images/icon/open_icon.gif") no-repeat right 32px; border-bottom:1px dashed #} .faqBoard li > a:hover{color: #A4418E;} .faqBoard li > a .iconQ{position:absolute; top:20px; left:0;} .faqBoard li > a .name{position:absolute; top:27px; right:72px; font-weight: normal;font-size: 13px;color: #666;line-height: 17px;} .faqBoard li > a .name .leftBar{padding-left: 17px;margin-left: 15px;background:url("/common/images/icon/bar_1x17.gif") no-repeat left 3px;} .faqBoard li .answer{display:none;border-top:1px dashed #e3e3e3} .faqBoard li .answer .answerTxt{ position:relative; padding:28px 0 23px 48px; } .faqBoard li .answer .iconA{position:absolute; top:20px; left:0; line-height:24px;} .faqBoard li.on{background:#fafafa} .faqBoard li.on > a{color: #a4418e;background:url("/common/images/icon/open_icon_on.gif") no-repeat right 32px; border-bottom:1px dashed #} .file{border-top:1px solid #e3e3e3;padding:14px 0 16px 48px} .file span{margin-right:15px;font-weight:bold;vertical-align:bottom;} .file .fileIcon{display:inline-block; padding-left:28px; width:65px; background:url("/common/images/icon/icon_file.png") no-repeat left 2px;font-size:14px;color:#444;margin-right:50px;} .news{border-top:1px solid #e3e3e3;padding:11px 0 11px 48px} .news span{margin-right:15px;font-weight:bold;vertical-align:middle;} .news .newsIcon{display:inline-block; padding-left:28px; width:65px; background:url("/common/images/icon/icon_description.gif") no-repeat left 2px;font-size:14px;color:#444;margin-right:50px;} .tabBoard{border-top:4px solid #7b7b7b; border-bottom:1px solid #e3e3e3} .tabBoard li{padding:0 20px; border-bottom:1px solid #e3e3e3; background:#fff} .tabBoard li > a{display:block; position:relative; padding:23px 130px 23px 0; font-size:16px; line-height:25px; word-break:keep-all; font-weight:bold; color:#444; background:url("/common/images/icon/open_icon.gif") no-repeat center right 32px;}/* 2021-02-08 수정 */ .tabBoard li > a:hover{color: #A4418E;} .tabBoard li > a .iconQ{position:absolute; top:20px; left:0;} .tabBoard li > a .name{position:absolute; top:50%; right:72px; transform:translateY(-50%); font-weight: normal;font-size: 13px;color: #666;line-height: 17px;}/* 2021-02-08 수정 */ .tabBoard li > a .name .leftBar{padding-left: 17px;margin-left: 15px;background:url("/common/images/icon/bar_1x17.gif") no-repeat left 3px;} .tabBoard li .substance{display:none;border-top:1px dashed #e3e3e3} .tabBoard li .substance .substanceTxt{ position:relative; padding:28px 0 23px 0;line-height:24px;} .tabBoard li .substance .iconA{position:absolute; top:20px; left:0; line-height:24px;} .tabBoard li.on{background:#fafafa} .tabBoard li.on a{color: #a4418e;background:url("/common/images/icon/open_icon_on.gif") no-repeat center right 32px; border-bottom:1px dashed #}/* 2021-02-08 수정 */ /* sitemap */ .sitemap tr td{padding:30px 0 50px 20px;vertical-align:top;} .sitemap td .twoD a{font-size: 14px;color: #1c5dac} .sitemap td .threeD{padding-left:19px;background:url("/common/images/icon/dot_3x3B.gif") no-repeat 10px 9px;} .sitemap td .threeD a{color: #333;} .sitemap td .fourD{padding-left:38px;background:url("/common/images/icon/icon_sitemap.png") no-repeat 25px 6px;} .sitemap td .fourD a{color: #666;} /* paging */ .paging{overflow:hidden; position:relative; height:32px; text-align:center} .paging .pageDiv{display:inline-block; position:absolute; top:0; left:0;} .paging a{display:inline-block; width:32px; height:32px; text-align:center; line-height:31px; background:url("/common/images/btn/paging_bg.gif") no-repeat 0 0; font-size:13px; font-weight:bold; vertical-align:top} .paging strong{display:inline-block; width:32px; height:32px; text-align:center; line-height:31px; background:url("/common/images/btn/paging_bg_on.gif") no-repeat 0 0; color:#fff; font-size:13px; text-decoration:underline} .paging a:hover{width:32px; height:32px; text-align:center; line-height:31px; background:url("/common/images/btn/paging_bg_on.gif") no-repeat 0 0; color:#fff; font-size:13px; text-decoration:underline} .paging a.prv{margin-right:18px;} .paging a.nxt{margin-left:13px;} /* topBtn */ #topBtn{position:absolute;top:0;right:-197px;} /* layerPop */ .layerPop{position:absolute;bottom:140px;left:100px;width:610px;height:450px;padding:20px;background:#eeefef;z-index:10} .layerPop .tit{font-size:20px;color: #000;font-weight:bold;} .layerPop .lastTxt{font-size: 14px;color: #444;} /* mailForm */ .mailForm{display:block;width:780px;margin:0 auto;} .mailForm .formHead{display:block;height:55px;background:#2d7696;text-align: center;padding-top: 12px;} .mailForm .formBody{display:block;padding:40px 30px 34px;background:url('/common/images/icon/icon_mailForm.jpg') no-repeat 549px 55px;} .mailForm .formBody .answer{display:block;} .mailForm .formBody .question{display:block;} .mailForm .formBody .tit{display:block;border-top:2px solid #bebebe;border-bottom:1px solid #e3e3e3;padding:12px 0 12px 20px;font-weight: bold;color: #444;line-height: 24px;} .mailForm .formBody .txt{display:block;font-size:13px;line-height: 24px;padding:20px 0 35px 20px} .mailForm .formBody .txt.borB{border-bottom:2px solid #bebebe} .mailForm .formBody p.black{color:#444;font-size: 13px;} .mailForm .formFooter{display:block;padding:17px 30px;background:#f9f9f9;line-height: 24px;color: #666;} /* error */ .error{text-align: center;} .error .errorTit{font-size: 62px;font-weight: bold;color: #444;} .error .errorTxt{font-size:24px;color: #555;} .error div{background:#f7f7f7;text-align:left;padding:32px 0 32px 357px;} .error div p{font-size:15px;line-height:23px;font-weight: bold;} .error div ul li{padding-left:12px;background:url("/common/images/icon/dot_5x5g.gif") no-repeat left 9px;} .visualArea .visual .innrBox a.downBtn {position:absolute; top:200px; left:211px;} /* .txtAction {position:absolute; top:105px; left:442px;} *2016-06-17 수정*/ .txtAction {position:absolute; top:95px; left:382px;} /* 2016-04-29 */ .visualArea .visual .innrBox span.dateC{position:absolute;padding:30px 33px 5px 21px;line-height: 20px; font-size:17px;color: #fff000;font-weight: bold;} .visualArea .visual .innrBox a.downBtnC {position:absolute; top:200px; left:185px;} /* 2016-05-25 학술활동 View */ .btvBodyTit {text-align:right; font-size:12px; border-bottom:1px #e3e3e3 solid;} /* 2017-03-07 규정 메뉴 추가 */ .regulation{border-top:4px solid #7b7b7b; width:960px; margin-top:40px; margin-bottom:40px; position:relative} .regulList li{width:960px; border-bottom:1px solid #e3e3e3; position:relative} .regulList li button{background:none; word-break:break-all; border:none; display:block; width:960px; box-sizing:border-box; text-align:left; padding:25px 20px 25px 60px; font-size:16px; font-weight:bold; color:#a4418e; cursor:pointer; position:relative} .regulList li button span{position:absolute; top:27px; left:20px} .regulList li button span img{vertical-align:middle; display:inline-block; transition:.3s linear; position:absolute; top:0; left:0} .regulList li button .on{transform:rotate(0deg); opacity:1} .regulList li button .off{transform:rotate(0deg); opacity:0} .regulList li.on button .on{transform:rotate(360deg); opacity:0} .regulList li.on button .off{transform:rotate(180deg); opacity:1} .regulList li .view{padding:20px 0; border-top:1px dotted #e3e3e3; display:none; width:920px; margin:0 auto} .regulList li .view table{width:920px; border-top:1px solid #333} .regulList li .view table th{padding:15px 0 14px; text-align:center; background:#fafafa; font-weight:bold; font-size:14px; color:#444; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3} .regulList li .view table th.fir{border-left:none} .regulList li .view table td{text-align:center; font-size:14px; color:#666; padding:13px 0; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3} .regulList li .view table td.tit{padding-left:30px; text-align:left; border-left:none} /* 2017-03-22 대관메뉴 추가 */ .btnDiv{margin:10px 0 0 7px} .btnDiv a{display:inline-block; width:138px; height:27px; text-align:center; line-height:27px; color:#fff; margin-left:5px; background:url('/common/images/icon/down_btn_bg.gif') no-repeat; font-size:12px; letter-spacing:-0.2px} .subTxt{margin-top:5px; padding-left:12px} .subTxt li{padding-bottom:5px} .facilityDiv{overflow:hidden; margin-top:15px} .facilityDiv .facilDiv{width:306px; margin-left:21px; float:left; overflow:hidden} .facilityDiv .facilDiv:nth-child(1){margin-left:0} .facilityDiv .facilDiv .img{float:left; width:306px} .facilityDiv .facilDiv .txt{float:left; padding:20px; border:1px solid #ddd; border-top:none; width:264px; height:100px} .facilityDiv .facilDiv .txt .tit{font-size:15px; color:#333; font-weight:bold} .facilityDiv .facilDiv .txt .list{margin-top:10px} .facilityDiv .facilDiv .txt .list li{padding-left:8px; background:url('/common/images/icon/dot_3x3B.gif') no-repeat left 50%; font-size:14px; color:#666; line-height:22px} /* 2017-07-10 추가 */ /* 2018-04-13 수정 */ .leftDiv{float:left; width:480px; box-sizing:border-box; padding:190px 0 15px; text-align:center; letter-spacing:-0.5px} .leftDiv:nth-child(1){background:url('/common/images/icon/img_admission_02.gif') no-repeat center top} .leftDiv:nth-child(2){background:url('/common/images/icon/img_admission_01.gif') no-repeat center top; border-left:1px dotted #dfdfdf} /* //2018-04-13 수정 */ .leftDiv .tit{font-size:14px; color:#444; font-weight:bold} .leftDiv .txt{font-size:14px; line-height:20px; color:#666; margin-top:12px} .leftDiv .infoTxt{font-size:14px; line-height:20px; color:#999; margin-top:12px}/* 2020-08-18 클래스명 변경 */ /* 2017-07-14 추가 */ .tabs{display:table; width:100%;} .tabs a{display:table-cell; width:20%; height:56px; color:#555; background:#fff; font-size:16px; line-height:24px; font-weight:bold; text-align:center; position:relative; vertical-align:middle; border:1px solid #dbdbdb; border-right:none;} /* 2020-05-26, 2020-08-20, 2021-09-16 수정 */ .tabs a:last-child{border-right:1px solid #dbdbdb;} .tabs a.longTit{padding-top:3px; line-height:20px; box-sizing:border-box} /* 2020-05-26 추가 */ /* 2020-08-20 수정 */ .tabs a.on{color:#fff; background:#004361; border:1px solid #004361;} /* 2020-08-20 수정 */ .tabs a.on + a{border-left:none;} /* 2020-08-20 .tabs a.on:after 삭제 */ .tabs2 a{width:236px}/* 2018-05-15 추가 */ .leftWay{float:left; width:376px} .leftWay .box:nth-child(1){background:#fbb046} .leftWay .box:nth-child(2){background:#9ebf5d} .leftWay .box:nth-child(3){background:#3cbaa4} .wayBox .box{width:376px; height:99px; box-sizing:border-box; border-radius:50px; color:#fff; padding-top:25px; text-align:center; margin-top:10px; letter-spacing:-0.25px} .wayBox .box .tit{font-size:20px; font-weight:bold; line-height:20px} .wayBox .box .txt{font-size:15px; margin-top:10px} .centerWay{float:left; width:208px} .centerWay p{text-align:center; padding:113px 0} .rightWay{float:left; width:376px} .rightWay .box:nth-child(1){background:#62a9bd} /* 2019-07-22 수정 및 추가 */ .rightWay .box:nth-child(2){background:#5fadda} .rightWay .box:nth-child(3){background:#638fc0} .pathWayDiv{letter-spacing:-0.25px} .pathWayDiv .wayDiv{float:left; width:774px; height:178px; background:url('/common/images/icon/guide_way_bg.gif') no-repeat; overflow:hidden} .pathWayDiv .wayDiv > div{width:162px; height:178px; padding:15px 13px 20px 20px; box-sizing:border-box; float:left}/* 2018-09-07 수정 */ .pathWayDiv .wayDiv > div .tit{font-size:15px; font-weight:bold; color:#333; text-align:center; padding-bottom:25px} .pathWayDiv .wayDiv > div .leftDot{padding-left:8px; background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 7px; font-size:13px; line-height:18px} /* 2019-05-31 수정 */ .pathWayDiv .wayDiv .two{margin-left:42px} .pathWayDiv .wayDiv .thr{margin-left:42px} .pathWayDiv .wayDiv .fou{margin-left:42px} .pathWayDiv .wayBox{float:left; margin-left:24px; width:162px; height:178px; padding:40px 0; color:#fff; font-size:20px; line-height:30px; font-weight:bold; box-sizing:border-box; text-align:center; overflow:hidden;} .pathWayDiv .wayDiv.bgTypeA{background:url('/common/images/icon/guide_way_bg_type3.gif') no-repeat;} .pathWayDiv .wayBox .enTxt{font-size:13px; font-weight:normal; color:#fff; width:100%; display:block; text-align:center; line-height:17px;} .pathWayDiv .wayBox1{padding:50px 0; background:url('/common/images/icon/guide_way_box1.gif') no-repeat} .pathWayDiv .wayBox2{background:url('/common/images/icon/guide_way_box2.gif') no-repeat} .pathWayDiv .wayBox3{background:url('/common/images/icon/guide_way_box3.gif') no-repeat} .pathWayDiv .wayBox4{background:url('/common/images/icon/guide_way_box4.gif') no-repeat} .pathWayDiv .wayBox5{padding:30px 0; background:url('/common/images/icon/guide_way_box5.gif') no-repeat} .pathWayDiv .wayBox6{padding:25px 0; background:url('/common/images/icon/guide_way_box6.gif') no-repeat; padding:25px 0} .pathWayDiv2{overflow:hidden} .pathWayDiv2 .wayDiv2{width:204px; height:308px; float:left; background:url('/common/images/icon/guide_way_bg2.gif') no-repeat; box-sizing:border-box; padding:100px 0 20px 20px} .pathWayDiv2 .wayDiv2 .tit{font-size:15px; font-weight:bold; color:#333; text-align:center; padding-bottom:25px; width:122px} .pathWayDiv2 .wayDiv2 .leftDot{padding-left:8px; background:url("/common/images/icon/dot_3x3B.gif") no-repeat left 10px; font-size:13px; line-height:20px} .pathWayDiv2 .wayDiv{float:left; width:570px; height:178px; background:url('/common/images/icon/guide_way_bg3.gif') no-repeat; overflow:hidden}/* 2019-07-22 수정 */ .pathWayDiv2 .wayDiv .two{margin-left:0} .pathWayDiv2 .wayDiv2.bgTypeA{height:385px; padding:126px 0 20px 20px; background:url('/common/images/icon/guide_way_bg_type2_1.gif') no-repeat;} .pathWayDiv2 .wayDiv2.bgTypeB{width:408px; height:380px; padding:120px 0 20px 20px; background:url('/common/images/icon/guide_way_bg_type4.gif') no-repeat;} .pathWayDiv2 .wayDiv.bgTypeA{height:178px; background:url('/common/images/icon/guide_way_bg_type2_2.gif') no-repeat;} .pathWayDiv2 .wayDiv.bgTypeB{width:366px; height:173px; background:url('/common/images/icon/guide_way_bg_type4_1.gif') no-repeat;} .pathWayDiv2 .wayDiv2.bgTypeB > div{float:left; width:162px;} .pathWayDiv2 .wayDiv2.bgTypeB .two{margin-left:42px;} .pathWayDiv2 .wayDiv.bgTypeB .thr{margin-left:0} /* 2021-09-13 추가 */ .pathWayDiv2 .wayDiv2.bgTypeA{width:611px; background:url('/common/images/icon/guide_way_bg5.gif') no-repeat;} .pathWayDiv2 .wayDiv2.bgTypeA > div{width: 162px;float: left;} .pathWayDiv2 .wayDiv2.bgTypeA > div.two, .pathWayDiv2 .wayDiv2.bgTypeA > div.thr{margin-left: 42px;} .pathWayDiv2 .wayDiv.bgTypeA{width:163px; background:url('/common/images/icon/guide_way_bg6.gif') no-repeat;} /* //2021-09-13 추가 */ /* // 2019-07-22 수정 및 추가 */ .supportList{overflow:hidden} .supportList li{float:left; width:480px} .supportList li:nth-child(2n){width:430px} /* 2017-10-17 추가 */ .writeType1 #internet_664{margin-left:0 !important} /* 2018-04-19 추가 */ .dotList li{padding-left:10px;background:url("/common/images/icon/dot3x3_blue.gif") no-repeat left 11px; line-height:25px; font-size:14px; color:#666} .dotList li:first-child{margin-top:0} .subTxt2{font-size:14px; line-height:25px; color:#666; margin-top:10px} .barList li {padding-left:23px; font-size:14px; line-height:26px} /* 2019-05-17 추가 */ /* 2018-05-15 추가 */ .tabContent .txtArea{font-size:14px; line-height:24px; color:#666} .tabContent .txtArea p{font-weight:bold; margin-bottom:15px} /* 2018-06-05 추가 */ .redTit{font-weight:bold; color:#f00000} /* 2025-05-27 2025교육과정개편 추가 s */ .tabs3 {overflow: hidden; display: flex; height: 65px} .tabs3 p {flex: 1; position: relative; height: 56px; color: #444; background: #d9d9d9; margin-right: 5px; display: table; text-align: center; box-sizing: border-box; } .tabs3 a {font-size: 16px; vertical-align: middle; display: table-cell;} .tabs3 p.on {background: #404040;} .tabs3 p.on a {color: #fff;} .tabs3 p.on:after {content: ""; display: block; position: absolute; bottom: -9px; left: 50%; width: 21px; height: 9px; background: url('/common/images/icon/arrow_bg.gif') no-repeat; transform: translate(-50%);} .tabs3 p:last-child {margin-right: 0;} /* // 2025-05-27 2025교육과정개편추가 e */ /* 2018-10-16 모집요강 관련 수정 */ .tabContent{font-size:13px; color:#333} .tabContent .linkBt{text-decoration:underline; color:#666} .mainTit{color:rgb(28, 93, 172); font-size:22pt; line-height:40px; font-weight:bold} .subTit3{color:rgb(68, 68, 68); font-size:18px; line-height:20px; font-weight:bold; background:url('/common/images/icon/icon_tit.png') no-repeat left 3px; padding-left:20px} .subTit3 img{vertical-align:middle; max-width:100%} .caution2{font-size:14px; color:rgb(51, 51, 51); font-weight:bold; background:url('/common/images/icon/icon_warning2.gif') no-repeat left 2px; padding-left:30px; line-height:20px} .caution2 span{color:#e31029} .caution2 img{margin-right:8px; padding-right:5px; vertical-align:middle} /*.outList2 li{background:none; line-height:22px; color:#333; font-size:13px} .outList2 li img{margin-right:5px; vertical-align: middle}*/ .boardType1View td.fir{border-left:none} .boardType1View thead th{font-size:15px} .boardType1View td.red{color:#ff0000} .boardType1View td .red{color:#ff0000} /* 2019-06-12 추가*/ .supportListWrap {overflow:hidden} .supportListWrap .supportList.t2 {float:left; width:50%;} /* //2019-06-12 추가*/ .supportList{overflow:hidden} .supportList li{float:left; width:480px} .supportList li:nth-child(2n){width:430px} /* 2019-04-15 추가 */ .timeTable {width:960px; padding:96px 0; text-align:center; border:1px solid #e3e3e3;} .timeTable .txt {font-size:18px; font-weight:bold; color:#444444} .timeTable .timeDown {display:block; margin:0 auto; width:250px; height:50px; color:#fff; font-size:16px; font-weight:bold; background:#717171; line-height:50px;} .timeExc {padding-left:25px; font-size:14px; line-height:; font-weight:bold; color:#333333; background:url('/common/images/icon/table_exc_icon.jpg') no-repeat left center;} /* //2019-04-15 추가 */ /* 2019-11-07 추가 */ .bottomWay{float:left; width:960px; height:99px; margin-top:10px; padding-top:25px; color:#fff; text-align:center; letter-spacing:-0.25px; background:#1c5dac; box-sizing:border-box; border-radius:50px;} .bottomWay .tit{font-size:20px; font-weight:bold; line-height:20px;} .bottomWay .txt{margin-top:10px; font-size:15px;} .pathWayDiv .wayBox7{padding:55px 0px; background:url("../images/icon/guide_way_box7.gif") no-repeat;} .pathWayDiv .bgTypeC{width:408px; height:204px; background:url("../images/icon/guide_way_bg_type5_1.gif")} .pathWayDiv .bgTypeC .one{width:162px; height:137px} .pathWayDiv .bgTypeC .two{width:162px; height:137px} .pathWayDiv .bgTypeC .thr{width:366px; height:56px; margin-left:0px; margin-top:10px; padding: 19px 13px 16px 20px;} .pathWayDiv .bgTypeD{width:366px; height:204px; background:url("../images/icon/guide_way_bg_type5_2.gif")} .pathWayDiv .bgTypeD .one{width:366px; height:204px} .pathWayDiv .bgTypeD .one .leftDot{line-height:21px; background: url("/common/images/icon/dot_3x3B.gif") no-repeat left 10px;} .pathWayDiv .wayBox8{width:162px; height:204px; padding:70px 0px; background:url("../images/icon/guide_way_box8.gif") no-repeat;} .de_guide{padding-bottom:120px !important;} /* // 2019-11-07 추가 */ /* 2020-06-18 추가 */ .tab1.faqtab ul{overflow:hidden;} .tab1.faqtab ul li{float:left;} .tab1.faqtab ul li a{display:table-cell; vertical-align:middle; float:none; width:191px; padding:13px 0 16px; background:#eee; text-align:center;border-right:1px solid #dadada; overflow:hidden; font-size:15px;} .tab1.faqtab ul li a.on{background:#1c5dac; color:#fff; font-weight:bold} .tab1.faqtab ul li a.borB{border-bottom:1px solid #dadada;} /* // 2020-06-18 추가 */ /* 2021-05-17 추가 - 모집요강안내 인트로 */ .outline_intro .category_box{display:flex; flex-direction:column; align-items: center;} /* 2023-04-14 수정 */ .outline_intro .category_box:after{content:''; display:table; clear:both;} .outline_intro .category_box li{float:left; margin-left:8px; margin-bottom:10px;}/* 2021-05-21, 2023-04-14, 2024-04-01 수정 */ .outline_intro .category_box li:first-child{margin-left:0;} .outline_intro .category_box li a{display:block;} .outline_intro .sns:after{content:''; display:table; clear:both;} .outline_intro .sns li{float:left; width:33.333333%; height:70px; border-left:1px solid #eee; box-sizing:border-box; text-align:center; } .outline_intro .sns li:first-child{border-left:none;} .outline_intro .sns li a{display:inline-block; line-height:70px;} .outline_intro .sns li a img{vertical-align:middle;} /* //2021-05-17 추가 - 모집요강안내 인트로 */ /* 2021-11-17 모집요강 콘텐츠 수정 */ .subTit4 {font-size:16px; font-weight: bold; line-height:20px; color:#444;} .partTit {font-size: 20px;line-height: 20px;font-weight: bold; color:#000;} .linkTxt {font-weight: bold; font-size: 14px; text-decoration: underline; color: #111} .linkTxt:hover, .linkTxt:active, .linkTxt:focus {text-decoration: underline;} .blueLink {color:#0000ff; text-decoration: underline;} .blueLink:hover, .blueLink:active, .blueLink:focus {text-decoration: underline;} .txtIndent {padding-left: 11px !important; text-indent: -11px;} /* 2025교육과정개편 수정 */ .boardType1View.timetable {border-top: none;} .boardType1View.timetable th {padding: 8px 0; text-align: center; background: #1c5dac; color: #fff;} .boardType1View.timetable td {padding: 0; font-size: 12px;} .boardType1View.timetable .day td:not(:first-child) {padding: 3px 0; color: #111; background: #fafafa;} .boardType1View.timetable tr > td:first-child {font-size: 12px; line-height: 20px;} .boardType1View.timetable td strong {font-size: 14px;} /* top 버튼 */ .go-top {position: fixed; bottom: 100px; right: 50%; z-index: 2; width: 40px; height: 52px; margin-right: -550px; transition: all .4s;} .go-top.default {visibility: hidden; opacity: 0;} .go-top.active {visibility: visible; opacity: 1;} .go-top button {display: block; border: none; cursor: pointer;} .vaB {vertical-align: baseline;} /* // 2021-11-17 모집요강 콘텐츠 수정 */ /* 2023-10-11 추가 */ .boardType1View.timetable.nTimetable td{padding:7px 0;} .boardType1View.timetable.nTimetable td.bgGreen{background-color:#d8ffef;} .boardType1View.timetable.nTimetable td.bgOran{background-color:#ffe8d9;} /* // 2023-10-11 추가 */ /* 2024-11-28 레이어팝업 추가, 2024-11-29, 2025-01-07 수정 s */ .layerPopup {display: none; position: fixed; z-index: 100; border: 1px solid #ddd;} .layerPopup .popWrap {position: relative; background-color: #fff;} .layerPopup .popWrap .popConts {overflow-y: auto; max-height: 550px;}/* 2025-04-29 */ .layerPopup .popWrap .popConts::-webkit-scrollbar {width: 6px; /* 스크롤바 너비 */} .layerPopup .popWrap .popConts::-webkit-scrollbar-thumb {background-color: #aaa; /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥글게 */ border: 1px solid #fff; background-clip : padding-box;} .layerPopup .popWrap .popConts::-webkit-scrollbar-track {background-color: #fff; /* 트랙의 배경 */ border-radius: 5px;} /* 2025-01-14 수정 s */ .layerPopup .popOptArea {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; height: 45px; background: #000; box-sizing: border-box;} .layerPopup .popOptArea .closeToday {color: #fff; padding: 0 10px} .layerPopup .popOptArea .btnClose { width: 60px; height: 100%; overflow: visible; padding: 0; margin: 0; font-size: 14px; color: #fff; white-space: nowrap; background: #454545; cursor: pointer; border: none;} /* // 2025-01-14 수정 e */ .layerPopup .swiper-pagination {display: flex; position: absolute; top: -23px; left: 50%; transform: translateX(-50%);} .layerPopup .swiper-pagination span {width: 10px; height: 10px; border-radius: 100%; box-sizing: border-box; background: #b8b8b8; opacity: 1;} .layerPopup .swiper-pagination span + span {margin-left: 9px;} .layerPopup .swiper-pagination-bullet-active {background: #000 !important;} .dimd {display: none; content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 50;} /* // 2024-11-28 레이어팝업 추가, 2024-11-29, 2025-01-07 수정 e */