select::placeholder{color:#a0a0a0;} input::placeholder{color:#a0a0a0;} .tabMenuArea{margin-bottom:40px; height:60px; /*padding:0 10px;*/} .tabMenu{display:block;} .tabMenu li{float: left; height: 58px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; font-size:17px; color: #2d2d2d; text-align: center; line-height: 56px;} .tabMenu li:first-child{border-left: 1px solid #d2d2d2; } .tabMenu li a{position:relative; display:block; width:100%; height:100%; line-height:56px; word-break:keep-all;} .tabMenu li.on, .tabMenu li:hover{color:#fff; background:#00a28a; transition:ease-in 0.4s;} .tabMenu li a span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; width:100%; padding:0 7px; line-height:1.1;} .tabMenu_2ea li{width:calc(100%/2);} .tabMenu_3ea li{width:calc(100%/3);} .tabMenu_4ea li{width:calc(100%/4);} .tabMenu_5ea li{width:calc(100%/5);} .tabMenu_6ea li{width:calc(100%/6);} .tabMenu_7ea li{width:calc(100%/7);} .tabMenu_8ea li{width:calc(100%/8);} .bbsList{padding:0 10px;} .bbsListTop{position:relative; height:60px;} .bbsListTop .infoTotal{padding-left:40px; line-height:95px; font-size:16px; color:#545454; background:url(/images/admissionNew/sub/bbs_list.png)no-repeat left 10px center; transform:rotate(0.03deg);} .bbsListTop .infoTotal span{transform: rotate(0.03deg); display:inline-block; color:#ff840b;} .bbsListTop .right{position:absolute; right:0; top:0; font-size:0;} .bbsListTop select{transform: skew(-0.1deg); min-width: 160px; height: 60px; padding-right: 30px; padding-left:15px; background: #f8f9fa url(/images/admissionNew/sub/search_arrow.png) right 15px center no-repeat; font-size:16px; color: #545454; vertical-align: middle; outline: none;} .bbsListTop .searchForm::placeholder{color:#a0a0a0;} .bbsListTop .searchForm{min-width:430px; height:60px; padding-right:30px; padding-left:30px; font-size:16px; color: #545454; background:#f8f9fa; vertical-align: middle; outline: none;} .bbsListTop .btnSearch{position:absolute; right:0; bottom:0; width:55px; height:60px; background:url(/images/admissionNew/sub/btn_search.png)no-repeat center; border:0; outline:none; cursor:pointer;} .list{margin-top:60px; border-top:2px solid #4c4c4c; font-size:0;} .list > li{position:relative; display:block; height:92px; border-bottom:1px solid #acacac; transition:ease 0.2s;} .list > li .number {position: relative; display: block; float: left; width:92px; text-align: center; line-height: 92px; font-size:20px; color:#9a9a9a;} .list > li .number .fix{display:block; width:100%; height:100%; background:url(/images/admissionNew/sub/bbs_notice.png)no-repeat center; font-size:0;} .list > li .bbsTitle{display:block; width: 100%; padding: 28px 115px 0 105px;} .list > li .bbsTitle a{display:inline-block; float:left; max-width:calc(100% - 50px); font-size:18px; color: #2c2c2c; letter-spacing: -0.5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transform:rotate(0.03deg);} .list > li .bbsTitle .new{margin-left:5px; display:inline-block; vertical-align: top;} .list > li .bbsTitle .lock{margin-left:10px; display:inline-block; vertical-align:top;} .list > li .dateHit{display:block; position:absolute; top:52px; left:105px;} .list > li .dateHit > span{position:relative; display:inline-block; font-size:14px; line-height:1; color:#7b7b7b; transform:rotate(0.03deg);} .list > li .dateHit > .date{margin-right:50px;} .list > li .dateHit > .date:after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-25px; width:1px; height:10px; background:#7b7b7b;} .list > li .dateHit > .hit{} .list > li .file{position:absolute; top:50%; right:30px; transform:translateY(-50%); display:inline-block;} .list > li:hover{background:#e9f9f9;} .list > li:hover .bbsTitle a{text-decoration:underline;} .list > li:hover .bbsTitle .lock{background:url(/images/admissionNew/sub/ico_lock_fff.png)no-repeat center; background-size:contain;} .bbsPager{margin-top:76px; padding:0 15px; font-size:0; text-align:center; vertical-align:top;} .bbsPager.left{text-align:left;} .bbsPager a{vertical-align:top;} .bbsPager .direction{display:inline-block;} .bbsPager .direction a{position: relative; transform: skew(-0.1deg); display: inline-block; width: auto; height: 40px; margin: 0 5px; padding:0 5px; text-align: center; line-height: 40px; } .bbsPager .pageNum{position: relative; transform: skew(-0.1deg); display: inline-block; width: auto; height: 40px; margin: 0 5px; padding: 0 10px; text-align: center; line-height: 40px; font-size: 15px; color: #545454;} .bbsPager .pageNum.on{color:#fff;} .bbsPager .pageNum.on:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px; height:40px; border-radius:40px; background:#015eac; z-index:-1;} .bbsView{padding:0 10px;} .viewBox{margin:30px 0; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;} .viewBox.type2{margin:0;} .viewTop{padding:45px 40px 40px; text-align:center;} .viewTop .viewTit{position:relative; display:block; width:100%; margin-bottom:20px; font-size:24px; color:#2c2c2c; word-break:keep-all;} .viewTop .viewTit span.new{margin-left:5px; display:inline-block;} .viewTop .dateHit{display:inline-block;} .viewTop .dateHit.type2{} .viewTop .dateHit > span{position:relative; display:block; float:left; font-size:14px; color:#5e5e5e; transform:rotate(0.03deg);} .viewTop .dateHit > .date{margin-right:50px;} .viewTop .dateHit > .date:after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-25px; width:1px; height:14px; background:#d1d1d1;} .viewTop .dateHit > .write{} .viewFile{padding:20px 35px; background:#f8f8f8; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;} .viewFile ul{font-size:0;} .viewFile ul li{float:left; display:inline-block; width:33.333%; height:25px; padding-right:10px; margin:4px 0; vertical-align:top;} .viewFile ul li.hwp{background:url(/images/admissionNew/sub/ico_hwp.png)no-repeat center left;} .viewFile ul li.pdf{background:url(/images/admissionNew/sub/ico_pdf.png)no-repeat center left;} .viewFile ul li.xlsx{background:url(/images/admissionNew/sub/ico_xlsx.png)no-repeat center left;} .viewFile ul li.img{background:url(/images/admissionNew/sub/ico_img.png)no-repeat center left;} .viewFile ul li.img2{background:url(/images/admissionNew/sub/ico_img2.png)no-repeat center left;} .viewFile ul li > a{display:inline-block; padding-left:38px; font-size:14px; line-height:25px; color:#383838; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word;} .viewFile ul li > a span{display:inline-block; transform:rotate(0.03deg);} .viewFile ul li:hover a{text-decoration:underline;} .viewCont{padding:40px 40px 90px;} .viewCont img{max-width: 1150px;} .viewCont.type2{padding:0;} .viewCont p{font-size:16px; color:#5e5e5e; line-height:1.8; word-break:keep-all; transform:rotate(0.03deg);} .viewCont .qnaQ{border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:25px 40px; background:#f8f8f8; color:#383838;} .viewCont .qnaQ p{font-size:16px; color:#383838; line-height:1.5;} .viewCont .qnaA{position:relative; padding:30px 30px 35px 150px;min-height:140px;} .viewCont .qnaA .answer{position:absolute; top:30px; left:30px; display:inline-block; width:90px; height:38px; line-height:38px; border-radius:38px; padding-left:40px; font-size:15px; color:#fff; background:#015a9e url(/images/admissionNew/sub/qna_a.png)no-repeat top 10px left 22px;} .viewCont .qnaA p{font-size:16px; color:#9c9c9c; line-height:1.6; letter-spacing:-0.5px;} .viewPager{width:100%; height:33px; line-height:33px; text-align:center;} .viewPager .direction{display:inline-block;} .viewPager .direction a{display:block; line-height:33px; font-size:16px; color:#a2a2a2;transform:rotate(0.1deg);} .viewPager .dirPrev{float:left;} .viewPager .dirPrev a{padding-left:23px; background:url(/images/admissionNew/sub/bbs_prev.png)no-repeat top 11px left;} .viewPager .dirNext{float:right;} .viewPager .dirNext a{padding-right:23px; background:url(/images/admissionNew/sub/bbs_next.png)no-repeat top 11px right;} .viewPager .btn_list{display:inline-block; width:95px; height:33px; line-height:33px; border-radius:33px; border:1px solid #dddddd; text-align:center; font-size:14px; color:#7c7c7c; transform:rotate(0.03deg);} .viewPager .btn_list:hover{color:#000; border:1px solid #000;} .viewPager .dirPrev:hover a{background:url(/images/admissionNew/sub/bbs_prev_on.png)no-repeat top 11px left; color:#000;} .viewPager .dirNext:hover a{background:url(/images/admissionNew/sub/bbs_next_on.png)no-repeat top 11px right; color:#000;} /* video_list */ .videoList{} .list02{width:100%; margin-top:-45px; font-size:0;} .list02 > li{display:inline-block; width:calc(25% - 16px); margin:45px 8px 0px 8px; vertical-align:top; transition:0.2s;} .list02 > li > a{display:block; width:100%;} .list02 > li .thumb_box{position:relative; width:100%; height:0; padding-bottom:55%; background:#eeeeee; border:1px solid #bcbdc1; overflow:hidden; } .list02 > li .thumb_box img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto;} .list02 > li .txt_box{margin-top:25px; padding:0 10px;} .list02 > li .txt_box .tit{font-size:16px; color:#000; line-height:1.3; height:2.6em; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; transform:rotate(0.03deg);} .list02 > li .txt_box .date{margin-top:20px; font-size:16px; color:#000; letter-spacing:-0.5px; transform:rotate(0.03deg);} .list02 > li:hover .thumb_box{box-shadow:0 0 15px rgba(0,0,0,0.5);} .list02 > li:hover .thumb_box:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background:rgba(0,0,0,0.4) url(/images/admissionNew/sub/icon_play.png) no-repeat center; background-size:auto 45%;} .list02 > li:hover .txt_box .tit{text-decoration:underline;} /* Q&A */ .qnaList{margin-top:60px; border-top:2px solid #4c4c4c; font-size:0;} .qnaList > li{position:relative; display:block; height:82px; border-bottom:1px solid #acacac;} /* .qnaList li:nth-child(2n){background:#fff;} .qnaList li:nth-child(2n-1){background:#f1fcff;} */ .qnaList > li .f_box{position: relative; display: block; float: left; width:95px; height:100%; text-align: center;} .qnaList > li .number{line-height:82px; font-size:20px; color:#9a9a9a;} .qnaList > li.fixed .fix{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; width:60px; height:36px; line-height:38px; border-radius:38px; text-align:center; font-size:17px; color:#fff; background:#015eac;} .qnaList > li .bbsTitle{display:block; width: 100%; padding:33px 300px 0 95px;} .qnaList > li.fixed .bbsTitle{display:block; width: 100%; padding:33px 80px 0 85px;} .qnaList > li .bbsTitle a{position:relative; display:inline-block; float:left; max-width:calc(100% - 50px); font-size:18px; color: #2c2c2c; letter-spacing: -0.5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transform:rotate(0.03deg);} .qnaList > li .bbsTitle a:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:1px; background:#2c2c2c; opacity:0;} .qnaList > li .bbsTitle .new{margin-left:5px; display:inline-block; vertical-align: top;} .qnaList > li .bbsTitle .lock{margin-left:10px; display:inline-block;} .qnaList > li .dateWrite{display:block; position:absolute; top:50%; transform:translateY(-50%); right:100px;} .qnaList > li .dateWrite > span{position:relative; display:inline-block; font-size:14px; line-height:100px; color:#5e5e5e; transform:rotate(0.03deg);} .qnaList > li .dateWrite > .date{margin-right:50px;} .qnaList > li .dateWrite > .date:after{content:''; position:absolute; top:50%; transform:translateY(-50%); right:-25px; width:1px; height:10px; background:#d1d1d1;} .qnaList > li .dateWrite > .hit{} .qnaList > li .state{position:absolute; top:50%; right:25px; transform:translateY(-50%); display:inline-block; width:44px; height:44px; line-height:44px; border-radius:44px; text-align:center; font-size:14px;} .qnaList > li .state > span{display:inline-block; transform:rotate(0.03deg);} .qnaList > li .state.view img{margin-left:3px;} .qnaList > li .state.finish{background:#e5e5e5; color:#4c4c4c;} .qnaList > li .state.wait{background:#00bccc; color:#fff;} .qnaList > li .state.arrow{background:transparent;} .qnaList > li:hover .bbsTitle a:after{opacity:1; transition:ease 0.4s;} .qnaList > li:hover{background:#f1fcff;} .sel_list { transform: skew(-0.1deg); min-width: 160px; height: 40px; padding-right: 30px; padding-left: 15px; background: #f8f9fa url(/images/admissionNew/sub/search_arrow.png) right 15px center no-repeat; font-size: 16px; color: #545454; vertical-align: middle; outline: none; margin-left: 20px; border: 1px solid #d3d3d3; } /* popup */ /* video_pop */ .popup_bg{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(0,0,0,0.65); z-index:999;} .video_pop{} .video_pop .pop_con{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:940px; max-width:90%; height:auto; padding:10px; text-align:center; background:#fff;} .video_pop .pop_con .btn_close{position:absolute; top:-46px; left:50%; transform:translateX(-50%); display:block; width:27px; height:27px; background:url(/images/admissionNew/sub/btn_close.png) no-repeat center; cursor:pointer;} .video_pop .pop_con .video{width:100%; height:0; padding-bottom:56%; background:#000;} .video_pop .pop_con .video_tit{display:block; padding:20px 0 10px; font-size:20px; word-break:keep-all; transform:rotate(0.03deg);} /* lock_pop */ .lock_pop .pop_con{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:400px; max-width:90%; height:auto; box-shadow:0 0 5px rgba(0,0,0,0.2); background:#fff; z-index:999;} .lock_pop .pop_con h3.tit{padding:0 40px; height:60px; line-height:60px; color:#fff; text-align:left; font-size:20px; font-weight:500; background:#015eac;} .lock_pop .pop_con .close{position:absolute; top:18px; right:25px; cursor:pointer;} .lock_pop .pop_con .lockPw{position:relative; padding:33px 40px; text-align:center; background:#fff;} .lock_pop .pop_con .lockPw .pwTit{display:block; margin-bottom:24px; font-size:17px; color:#282828; letter-spacing:-1px;} .lock_pop .pop_con .lockPw input[type="password"]{width:100%; height:50px; background:#f3f3f3; border:1px solid #c5c5c5; color:#c5c5c5; font-size:17px; text-align:center;} .lock_pop .pop_con .lockPw input[type="password"]:focus{background:#fff; border:1px solid #00b2c7; color:#000; box-shadow:0 0 7px rgba(0,0,0,0.35)} .lock_pop .pop_con .lockPw input[type="password"] + label{display:none; font-size:0;} .lock_pop .pop_con .btn{margin-top:6px; display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center; background:#00b2c7; cursor:pointer; border:0; outline:0;} .lock_pop .pop_con .btn:hover{text-decoration:underline;} .lock_pop .pop_con .pw_find{display:inline-block; margin:25px auto 0; padding:5px 30px 0 5px; background:url(/images/admissionNew/sub/icon_search.png)no-repeat center right; cursor:pointer;} .lock_pop .pop_con .pw_find .txt{display:inline-block; font-size:17px; color:#000; line-height:1.2;} .lock_pop .pop_con .pw_find:hover .txt{text-decoration:underline;} .pop_slide{ position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); width: 400px; max-width: 90%; height: auto; box-shadow: 0 0 5px rgba(0,0,0,0.2); background: #fff; z-index: 999; } .pop_slide .close{position: absolute; top: 18px; right: 25px; cursor: pointer; } .pop_slide .lockPw { position: relative; padding: 33px 40px; text-align: center; background: #fff; } .pop_slide .pwTit { display: block; margin-bottom: 24px; font-size: 17px; color: #282828; letter-spacing: -1px; } .pop_slide input[type="password"] { width: 100%; height: 50px; background: #f3f3f3; border: 1px solid #c5c5c5; color: #c5c5c5; font-size: 17px; text-align: center; } .pop_slide .btn{ margin-top: 6px; display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 18px; text-align: center; background: #00b2c7; cursor: pointer; border: 0; outline: 0; } .pop_slide .pw_find { display: inline-block; margin: 25px auto 0; padding: 5px 30px 0 5px; background: url(/images/admissionNew/sub/icon_search.png)no-repeat center right; cursor: pointer; } .pop_slide .txt { display: inline-block; font-size: 17px; color: #000; line-height: 1.2; } .pop_slide .tit {padding: 0 40px;height: 60px;line-height: 60px;color: #fff;text-align: left;font-size: 20px;font-weight: 500;background: #015eac;} /* findPw_pop */ .findPw_pop .pop_con{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:400px; max-width:90%; height:auto; box-shadow:0 0 5px rgba(0,0,0,0.2); background:#fff; z-index:999;} .findPw_pop .pop_con h3.tit{padding:0 40px; height:60px; line-height:60px; color:#fff; text-align:left; font-size:20px; font-weight:500; background:#015eac; transform:rotate(0.03deg);} .findPw_pop .pop_con .close{position:absolute; top:18px; right:25px; cursor:pointer;} .findPw_pop .pop_con .findPw{position:relative; padding:20px 30px 20px; text-align:center; background:#fff;} .findPw_pop .pop_con .findPw label{display:block; margin-top:20px; margin-bottom:10px; font-size:17px; color:#282828; letter-spacing:-1px; font-weight:500; text-align:left; transform:rotate(0.03deg);} .findPw_pop .pop_con .findPw input[type="text"]{width:100%; height:50px; background:#f3f3f3; border:1px solid #c5c5c5; color:#c5c5c5; font-size:17px; text-align:left; padding:0 15px;} .findPw_pop .pop_con .findPw input[type="text"]:focus{background:#fff; border:1px solid #00b2c7; color:#000; box-shadow:0 0 7px rgba(0,0,0,0.35);} .findPw_pop .pop_con .btn{margin-top:10px; display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center; background:#00b2c7; cursor:pointer; border:0; outline:0; transform:rotate(0.03deg);} .findPw_pop .pop_con .btn:hover{text-decoration:underline;} .findPw_pop .pop_con .pw_find{display:inline-block; margin:25px auto 0; padding:5px 30px 0 5px; background:url(/images/admissionNew/sub/icon_search.png)no-repeat center right; cursor:pointer;} .findPw_pop .pop_con .pw_find .txt{display:inline-block; font-size:17px; color:#000; line-height:1.2;} .findPw_pop .pop_con .pw_find:hover .txt{text-decoration:underline;} .findPw_pop .findPw-message .txt{ padding-left: 40px;text-indent: -10px;text-align: left;font-size: 15px;color: #ff8e1f;font-weight: 400;transform: rotate(0.03deg);line-height: 1.3;word-break: keep-all;} /* PDF VIEWER */ .pdf_viewer{width:100%; font-size:0;} .pdf_menu{width:100%; height:60px; margin-bottom:35px;} .pdf_menu li{float:left; display:block; width:25%; height:58px; line-height:58px;} .pdf_menu li{float: left; height: 58px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; font-size: 15px; color: #000000; text-align: left; line-height: 56px;} .pdf_menu li:first-child{border-left: 1px solid #d2d2d2; } .pdf_menu li a{display:block; width:100%; height:100%; line-height:56px; padding-left:35px; padding-right:55px; transform:rotate(0.03deg);} .pdf_menu li.down{background:#fff url(/images/admissionNew/sub/btn_down.png)no-repeat top 15px right 30px;} .pdf_menu li.expend{background:#fff url(/images/admissionNew/sub/btn_expend.png)no-repeat center right 30px;} .pdf_menu li:hover{color:#fff; background:#00a28a;} .pdf_menu li.down:hover{background:#00a28a url(/images/admissionNew/sub/btn_down_fff.png)no-repeat top 15px right 30px;} .pdf_menu li.expend:hover{background:#00a28a url(/images/admissionNew/sub/btn_expend_fff.png)no-repeat center right 30px;} .pdf_view{float:left; width:940px; height:1000px; border:1px solid #cfcfcf;} .pdf_view iframe{width:100%; height:100%;} .pdf_right{float:right; width:290px;} .pdf_right .mobileTxt{display:none;} .pdf_right .txt{position:relative; margin-bottom:15px; padding-left:10px;} .pdf_right .txt strong{display:inline-block; font-size:26px; font-weight:400; color:#000000;} .pdf_right .txt span{display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #6b6b6b; font-size:13px; color:#000; font-weight:normal; transform:skew(0.03deg)} .pdf_right .bookmark{width:100%;} .pdf_right .bookmark li{position:relative; margin-top:-1px; width:100%; display:block; font-size:18px; color:#000; border:1px solid #dedede; background:#fff;} .pdf_right .bookmark li a{position:relative; display:block; width:100%; height:100%; padding:25px 65px 25px 30px; word-break:keep-all; overflow:hidden; transition:ease 0.2s;} .pdf_right .bookmark li a > span{display:inline-block; line-height:1.3;} .pdf_right .bookmark li.active{border:1px solid #00a28a; box-shadow:0 0 10px rgba(81,81,81,0.2); background:#edffff; font-weight:500; z-index:10;} .pdf_right .bookmark li.active a{color:#007c6a;} .pdf_right .bookmark li.active a:before{content:''; position:absolute; display:block; right:30px; top:50%; transform:translateY(-50%); width:22px; height:12px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:1;} .pdf_right .bookmark li:hover{border:1px solid #00a28a; box-shadow:0 0 10px rgba(81,81,81,0.2); background:#edffff; font-weight:500; z-index:10;} .pdf_right .bookmark li:hover a{color:#007c6a;} .pdf_right .bookmark li:hover a:before{content:''; position:absolute; display:block; right:30px; top:50%; transform:translateY(-50%); width:22px; height:12px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:1;} .pdf_viewer.type02{} .pdf_viewer.type02 .pdf_view{float:none; width:100%;} /* MAGAZINE */ /* .pdf_viewer.magazine{font-family:'EsaManru'; font-weight:300;} .pdf_viewer.magazine .pdf_menu li{font-size:17px;} */ .pdf_viewer.magazine .pdf_right{position:relative; } .pdf_viewer.magazine .pdf_right .txt strong{letter-spacing:-1px;} .pdf_viewer.magazine .pdf_right .txt span{display:inline-block; border-left:1px solid #d4d4d4;} .pdf_viewer.magazine .pdf_right .nowTxt{display:block;} .pdf_viewer.magazine .pdf_right .nowTxt{margin-bottom:30px; position:relative; display:block; width:100%; height:70px; line-height:68px; font-size:18px; color:#007c6a; font-weight:bold; padding:0 60px 0 30px; border:1px solid #00a28a; box-shadow:0 0 5px rgba(0,0,0,0.35); background:#edffff url(/images/admissionNew/sub/btn_go.png)no-repeat right 20px top 27px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:10;} /*.pdf_viewer.magazine .pdf_right .nowTxt.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 20px top 25px;}*/ .pdf_viewer.magazine .pdf_right .bookmark{/*display:none;*/ position:absolute; top:114px; left:0; width:100%;} .pdf_viewer.magazine .pdf_right .bookmark.active{display:block;} .pdf_viewer.magazine .pdf_right .bookmark li{font-size:17px;} .pdf_viewer.magazine .pdf_right .bookmark li a{padding:23px 50px 23px 35px;} .pdf_viewer.magazine .pdf_right .bookmark li.active a:after{content:''; position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:90px; height:90px; border-radius:90px; background:#a3d6ef;} .pdf_viewer.magazine .pdf_right .bookmark li a:before{content:''; position:absolute; display:block; right:15px; top:40%; width:81px; height:31px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:0;} .pdf_viewer.magazine .pdf_right .bookmark li.active a:before{content:''; position:absolute; display:block; right:5px; top:40%; width:81px; height:31px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:0;} .pdf_viewer.magazine .pdf_right .bookmark li:hover{border:1px solid #00a28a; box-shadow:0 0 10px rgba(81,81,81,0.2); font-weight:bold; z-index:10;} .pdf_viewer.magazine .pdf_right .bookmark li.active, .pdf_viewer.magazine .pdf_right .bookmark li a:after, .pdf_viewer.magazine .pdf_right .bookmark li:hover a:after, .pdf_viewer.magazine .pdf_right .bookmark li a:before, .pdf_viewer.magazine .pdf_right .bookmark li:hover a:before{display:none;} /* FAQ */ .faqList{margin-top:70px; border-top:2px solid #000;} .faqList > li{position:relative; background:url(/images/admissionNew/sub/faq_arrow.png)no-repeat top 36px right 30px; border-bottom:1px solid #9c9c9c; cursor:pointer;} .faqList > li .faqQ{padding:30px 100px; background:url(/images/admissionNew/sub/faqQ.png)no-repeat top 19px left 25px;} .faqList > li .faqQ .q{position:absolute; display:inline-block; width:44px; height:44px; line-height:44px; border-radius:44px; background:#fff; text-align:center; font-size:20px; color:#00a28a; font-weight:900; } .faqList > li .faqQ_tit{font-size:18px; color:#2c2c2c; line-height:1.2; word-break:keep-all;} .faqList > li .faqA{display:none; position:relative;background:#fff; padding:30px 20px 40px 160px; background:#f1fcff url(/images/admissionNew/sub/faqA.png)no-repeat left 90px top 20px;} .faqList > li .faqA:after{content:''; position:absolute; top:0; left:90px; width:calc(100% - 110px); height:1px; border-top:1px dashed rgba(15,60,119,0.3);} .faqList > li .faqA p{font-size:16px; color:#7a7a7a; line-height:1.2; word-break:keep-all; transform:rotate(0.03deg);} .faqList > li.on{background:#f1fcff url(/images/admissionNew/sub/faq_arrow_on.png)no-repeat top 36px right 30px; box-shadow:0 0 10px rgba(0,0,0,0.2);} .faqList > li.on .faqQ{background:url(/images/admissionNew/sub/faqQ.png)no-repeat top 19px left 25px;} .faqList > li.on .faqQ_tit{text-decoration:underline;} .faqList > li.on .faqA{display:block;} .noData{margin-top:70px; padding:60px 0; text-align:center; background:#f2f2f2; transform:rotate(0.03deg);} .noData p{margin-top:20px; font-size:16px; color:#000;} /* formWrite */ .formWrite{padding:0 10px;} .tbl_write{position:relative; width:100%; border-top:1px solid #717171;} .tbl_write:after{content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:#bababa; z-index:-1;} .tbl_write tr{} .tbl_write tr:hover{background:#f8f8f8;} .tbl_write th{width:240px; padding:10px 54px 10px 10px; text-align:right; border-bottom:1px solid #d2d2d2; font-size:16px; color:#000;} .tbl_write th .tit_th{display:inline-block; font-weight:500; transform:rotate(0.1deg);} .tbl_write td{height:60px; padding:10px; border-bottom:1px solid #d2d2d2; font-size:17px;} .tbl_write .rdo1{line-height:40px;} .tbl_write .rdo1 input[type="radio"]{position:relative; display:none;} .tbl_write .rdo1 input[type="radio"] + label{position:relative; display:inline-block; padding-left:40px; font-size:16px; color:#515151; transform:rotate(0.03deg);} .tbl_write .rdo1 input[type="radio"] + label:after{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:24px; height:24px; border-radius:24px; border:1px solid #d3d3d3; background:#e4e4e4;} .tbl_write .rdo1 input[type="radio"] + label:before{content:''; display:block; position:absolute; top:50%; left:6px; transform:translateY(-50%); width:12px; height:12px; border-radius:12px; background:#fff; z-index:5;} .tbl_write .rdo1 input[type="radio"]:checked + label:after{background:#00b2c7;} .tbl_write .rdo1 input[type="radio"]:checked + label:before{} .tbl_write .chk1{line-height:26px;} .tbl_write .chk1 input[type="checkbox"]{position:relative; display:none;} .tbl_write .chk1 input[type="checkbox"] + label{position:relative; display:inline-block; padding-left:40px; font-size:16px; color:#000000; transform:rotate(0.03deg);} .tbl_write .chk1 input[type="checkbox"] + label:after{content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:26px; height:26px; border:1px solid #d2d2d2; background:#fff;} .tbl_write .chk1 input[type="checkbox"]:checked + label:after{background:#00b2c7 url(/images/admissionNew/sub/checked.png)no-repeat center; border:1px solid #00b2c7;} .tbl_write input[type="text"]{float:left; height:40px; padding:0 20px; border:1px solid #d3d3d3; font-size:16px; color:#000;} .tbl_write .input_01{float:left; height:40px; padding:0 20px; border:1px solid #d3d3d3; font-size:16px; color:#000;} .tbl_write .input_01::placeholder{font-size:16px; color:#b0b0b0;} .tbl_write .input_01:focus{border:1px solid #00b2c7; box-shadow:0 0 10px rgba(81,81,81,0.2); } .tbl_write textarea{padding:20px; width:100%; height:200px; border:1px solid #d3d3d3; font-size:16px; color:#000;outline:none;} .tbl_write textarea:focus{border:1px solid #00b2c7; box-shadow:0 0 10px rgba(81,81,81,0.2);} .tbl_write .select_01{float:left; height:40px; padding:0 20px; border:1px solid #d3d3d3; font-size:16px; color:#000; background:#fff url(/images/admissionNew/sub/select_arrow.png)no-repeat center right 20px; transform:rotate(0.03deg);} .tbl_write .select_01::placeholder{font-size:16px; color:#b0b0b0;} .tbl_write .select_01:focus{border:1px solid #00b2c7; box-shadow:0 0 10px rgba(81,81,81,0.2); outline:0;} .tbl_write .wrap_rdo > .rdo1 + .rdo1{margin-left:30px;} .tbl_write .wrap_sort .wrap_rdo{display:inline-block; margin-left:30px;} .tbl_write .wrap_certification{display:flex; align-items:center; flex-wrap:wrap;} .tbl_write .wrap_phone{display:flex; align-items:center; flex-wrap:wrap;} .tbl_write .btn_certification{float:left; display:inline-block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; background:#585858; border:0; outline:0; cursor:pointer;} .tbl_write .btn_certification.type02{margin-left:10px; width:240px; } .tbl_write .pw_box{position:relative; display:inline-block; float:left; width:490px;} .tbl_write .pw_box input.input_01{width:100%;} .tbl_write .pw_box .formType_pw{background:none;} .tbl_write .pw_box .btn_show{position:absolute; top:50%; right:20px; transform:translateY(-50%); display:block; width:35px; height:18px; background:url(/images/admissionNew/sub/icon_hide.png) no-repeat center; border:0; outline:0; cursor:pointer;} .tbl_write .pw_box .btn_show.on{background:url(/images/admissionNew/sub/icon_show.png) no-repeat center;} .tbl_write .file_up input[type="file"] {display: inline-block;width: 490px;height: 40px;line-height: 40px;padding: 0 20px;background: #fff;border: 1px solid #d3d3d3;font-size: 16px;color: #a3a3a3;} .tbl_write .file_up{font-size:0;} .tbl_write .file_up .file_info{display:inline-block; width:490px;} .tbl_write .file_up .file_info .file_name{display:inline-block; width:100%; height:40px; line-height:40px; padding:0 20px; background:#fff; border:1px solid #d3d3d3; font-size:16px; color:#a3a3a3;} .tbl_write .file_up .file_btns{display:inline-block;} .tbl_write .file_up .f_btn{margin-left:8px; display:inline-block; width:100px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#585858; border:1px solid #d3d3d3; cursor:pointer; transform:rotate(0.03deg);} .tbl_write .file_up .f_btn.btn_file{color:#fff; background:#585858; border:1px solid #d3d3d3;} .tbl_write .file_up .f_btn.btn_add_file{background:#9f9f9f; border:1px solid #d3d3d3;} .tbl_write .file_up .f_btn.btn_delete_file{background:#9f9f9f; border:1px solid #d3d3d3;} .tbl_write .file_up .f_btn:hover{text-decoration:underline;} .tbl_write .file_up .formTxt.type2{margin:10px 0 5px; margin-left:15px;} .tbl_write .full{width:100%;} .tbl_write .w1{width:490px;} .tbl_write .half{width:240px;} .tbl_write .half + .half{margin-left:10px;} .tbl_write .formTxt{padding-left:10px; text-indent:-10px; float:left; display:inline-block; margin-left:30px; font-size:15px; color:#000; line-height:1.2; letter-spacing:-1px; word-break:keep-all; transform:rotate(0.03deg);} .tbl_write .formTxt.type2{margin-left:18px;} .tbl_write .txtOrange{color:#ff8e1f;} .tbl_write .wrap_name .wrap_rdo{display:inline-block; margin-left:30px;} .tbl_write .wrap_pw{display:flex; align-items:center; flex-wrap:wrap;} .tbl_write .wrap_typeHope{margin:5px 0; display:flex; align-items:center; flex-wrap:wrap; gap:15px 30px;} .tbl_write .wrap_captcha{display:flex; flex-wrap:wrap;} .tbl_write .wrap_captcha .captcha{position:relative; display:inline-block; height:40px; /*border:1px solid #d3d3d3;*/} .tbl_write .wrap_captcha .captcha img{height:100%; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .tbl_write .pd_box{padding:10px 0;} .tbl_write .info_txt{margin:20px 0 10px;font-size:16px; font-weight:500; color:#000; transform:rotate(0.03deg); word-break:keep-all;} .tbl_write .info_txt .txtOrange{margin-left:10px;} .tbl_write .txt_box{} .tbl_write .txt_box p{position:relative; padding-left:12px; font-size:15px; color:#535353; line-height:1.3; transform:rotate(0.03deg); word-break:keep-all;} .tbl_write .txt_box p + p{margin-top:5px;} .tbl_write .txt_box p:after{content:''; position:absolute; top:8px; left:3px; width:2px; height:2px; border-radius:2px; background:#535353;} .tbl_write .txt_box .txt_indent{display:block; padding-left:14px; text-indent:-14px;} .total.total01{} .total01 .txt{padding:0 10px; font-size:17px; line-height:1.3; font-weight:500; word-break:keep-all;} .total01 .point_txt{display:inline-block; position:relative; color:#ff4e00; } .total01 .point_txt:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:1px; background:#ff4e00;} .total01 .img_box{margin-top:40px; padding:100px 40px 90px; text-align:center; border-radius:20px; border:1px solid #bbbbbb;} .total01 .img_box img{max-width:100%;} .total.total02{} .tabArea{margin-bottom:40px;} .tabArea .nowTab{display:none;} .tabArea .tabs{padding:0 40px; display:flex; justify-content:space-between; flex-wrap:wrap;} .tabArea .tabs:after{display:none;} .tabArea .tabs li a{position:relative; display:inline-block; padding:6px 8px; font-size:18px; color:#000; line-height:1; font-weight:bold; letter-spacing:-1px; z-index:1;} .tabArea .tabs li a:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:10px; background:#8be7d9; z-index:-1; opacity:0;} .tabArea .tabs li.on a, .tabArea .tabs li:hover a{color:#008571; transition:0.2s;} .tabArea .tabs li.on a:after, .tabArea .tabs li:hover a:after{opacity:1; transition:0.2s;} .conBox{margin-bottom:20px; padding:50px 60px 0; border-radius:20px; border:1px solid #bbbbbb;} .conBox .conTit{text-align:center;} .conBox .conTit span{position:relative; display:inline-block; font-size:30px; color:#008571; font-weight:500; padding:0 15px; z-index:1;} .conBox .conTit span:after{content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:100%; height:13px; background:#8ce7d9; z-index:-1} .conBox .dept_con{padding:40px 0;} .conBox .dept_con + .dept_con{border-top:1px dashed #d3d3d3;} .conBox .dept_con .tit_con{margin-bottom:20px; display:flex; align-items:center; text-align:left;} .conBox .dept_con .tit_con .tit{padding-left:36px; font-size:24px; font-weight:500; text-align:left; background:url(/images/admissionNew/sub/bul_chk.png)no-repeat left top;} .conBox .dept_con .tit_con .btn_link{margin-left:15px; display:inline-block; padding-left:40px; padding-right:16px; height:32px; line-height:32px; border-radius:32px; background:#008571 url(/images/admissionNew/sub/ico_home.png)no-repeat top 8px left 14px; color:#fff; font-size:15px; transform:rotate(0.03deg);} .conBox .dept_con .tit_con .btn_link:hover{text-decoration:underline;} .conBox .dept_con .con{padding-left:36px;} .conBox .dept_con .con .bul_txt{position:relative; padding-left:18px; font-size:16px; color:#535353; line-height:1.2; transform:rotate(0.03deg); word-break:keep-all;} .conBox .dept_con .con .bul_txt:after{content:''; position:absolute; top:8px; left:6px; width:3px; height:3px; background:#535353; border-radius:2px;} .conBox .dept_con .con .bul_txt + .bul_txt{margin-top:5px;} .conBox.type02{padding-bottom:45px;} .conBox.type02 .conTit{margin-bottom:80px;} .conBox.type02 .conTit span:nth-child(1){padding-left:15px; padding-right:0;} .conBox.type02 .conTit span:nth-child(2){padding-left:0; padding-right:15px;} .conBox .txt_con .chk_tit{display:block; margin-top:25px; margin-bottom:15px; padding-left:30px; background:url(/images/admissionNew/sub/bul_chk2.png)no-repeat top 2px left; font-size:20px; color:#000; line-height:1.2; word-break:keep-all; transform:rotate(0.03deg);} .conBox .txt_con .txtbox{padding-left:30px;} .conBox .txt_con .txtbox2{padding-left:10px; margin-top:10px;} .conBox .txt_con .txt{font-size:17px; color:#535353; transform:rotate(0.03deg); line-height:1.2; word-break:keep-all;} .conBox .txt_con .txt + .txt{margin-top:5px;} .conBox .txt_con .txt2{padding-left:20px; text-indent:-20px; font-size:17px; color:#535353; line-height:1.2; transform:rotate(0.03deg); word-break:keep-all;} .conBox .txt_con .txt2 + .txt2{margin-top:5px;} .conBox .txt_con .b_txt{position:relative; padding-left:15px; font-size:17px; color:#535353; line-height:1.2; transform:rotate(0.03deg); word-break:keep-all;} .conBox .txt_con .b_txt + .b_txt{margin-top:5px;} .conBox .txt_con .b_txt:after{content:''; position:absolute; top:7px; left:5px; width:2px; height:2px; border-radius:2px; background:#535353;} .conBox .txt_con .b_txt .info_txt{margin-left:5px;} .conBox .txt_con .info_txt{font-size:17px; color:#535353; transform:rotate(0.03deg); line-height:1.2; word-break:keep-all; color:#ff8e1f;} .conBox .txt_con .tbl_total{border-top:1px solid #717171; overflow-x:auto;} .conBox .txt_con .tbl_total table{border-top:1px solid #b7b7b7; min-width:500px;} .conBox .txt_con .tbl_total th{padding:18px; text-align:center; background:#f8f8f8; font-size:18px; color:#6b6b6b; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;} .conBox .txt_con .tbl_total td{padding:18px; text-align:center; font-size:18px; color:#000000; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; word-break:keep-all;} .conBox .txt_con .tbl_total th span, .conBox .txt_con .tbl_total td span{display:inline-block; line-height:1.3; transform:rotate(0.03deg);} .conBox .txt_con .tbl_total th:first-child, .conBox .txt_con .tbl_total td:first-child{border-left:0;} .conBox .txt_con .txt_orange{color:#ff8e1f;} .conBox .txt_con .tbl_total{position:relative;} .conBox .txt_con .txtIn{padding-left:18px; text-indent:-18px;} .department{padding-top:40px;} .department .deptBox{margin-bottom:150px; display:flex; justify-content:space-between;} .department .deptBox .dept_img{position:relative; width:45%; height:460px; overflow:hidden;} .department .deptBox .dept_img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; width:auto;} .department .deptBox .dept_con{width:48%;} .department .deptBox .dept_con .dept_tit{padding-bottom:30px; display:flex; align-items:center;} .department .deptBox .dept_con .dept_tit .tit{text-align:left; font-size:40px; font-weight:500; line-height:1.2;} .department .deptBox .dept_con .dept_tit .btn_home{margin-left:18px; display:inline-block; width:40px; height:40px; border-radius:40px; background:#00b2c7 url(/images/admissionNew/sub/ico_home2.png)no-repeat top 7px center;} .department .deptBox .dept_con{} .department .deptBox .dept_con ul{border-top:1px solid #000; display: flex; flex-wrap: wrap; list-style-type: none; padding: 0;} .department .deptBox .dept_con ul > li{padding:25px 0; display:flex; justify-content:space-between; border-bottom:1px dashed #bebebe; width: 50%;} .department .deptBox .dept_con .dept{width:94%; display:flex; justify-content:space-between; align-items:center;} .department .deptBox .dept_con .dept .dept_name{position:relative; padding-left:16px; font-size:18px; color:#7a7a7a; width: 90%;} .department .deptBox .dept_con .dept .dept_name:after{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:4px; height:4px; border-radius:2px; background:#4a4a4a;} .department .deptBox .dept_con .dept .dept_links{display:flex;} .department .deptBox .dept_con .dept .dept_links a{display:block; margin:0 5px; width:24px; height:25px;} .department .deptBox .dept_con .dept .dept_links a.youtube{background:url(/images/admissionNew/sub/ico_youtube.png)no-repeat center;} .department .deptBox .dept_con .dept .dept_links a.youtube.none{background:url(/images/admissionNew/sub/icon_youtube_gray.png)no-repeat center; cursor:initial;} .department .deptBox .dept_con .dept .dept_links a.down{background:url(/images/admissionNew/sub/ico_down.png)no-repeat center;} .department .deptBox .dept_con .dept .dept_links a.home{background:url(/images/admissionNew/sub/ico_home3.png)no-repeat center;} .visit_counseling .step .mobile{display:none;} .consulting .consulting01{display:none} .consulting .consulting02{display:none} .consulting .consulting01.on{display:block;} .consulting .consulting02.on{display:block;} .calendar{width:100%;} .calendar .top{position:relative; text-align:center; display:flex; justify-content:space-between; align-items:center;} .calendar .top .month{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center;} .calendar .top .month .btn_month{vertical-align:0;} .calendar .top .month .btn_prev_month{margin-right:25px;} .calendar .top .month .btn_next_month{margin-left:25px;} .calendar .top .month .yyyymm{display:inline-block; font-size:36px; color:#2d2d2d; font-weight:bold; letter-spacing:-0.03em;} .consulting_btn button{display:inline-block; width:170px; height:50px; font-size:17px; color:#000; letter-spacing:-0.5px; background:#fff; border:1px solid #d2d2d2; outline:0; cursor:pointer;} .consulting_btn .btn_list{display:block;} .consulting_btn .btn_list img{margin-right:10px; margin-top:-2px;} .consulting_btn .btn_calendar{margin-top:5px;} .consulting_btn .btn_calendar img{margin-right:10px; margin-top:-1px;} .sortList li{position:relative; display:inline-block; margin-left:25px; padding-left:30px; font-size:16px; color:#545454; transform:rotate(0.03deg);} .sortList li:first-child{margin-left:0;} .sortList li:after{position:absolute; left:0; top:1px; display:block; content:''; width:14px; height:14px; border:1px solid #dadada;} .sortList .sort01:after{background:#d8f4f6;} .sortList .sort02:after{background:#f1f4f6;} .sortList .sort03:after{background:#3275c8;} .tbl_calendar{margin:35px auto 0; width:calc(100% + 20px); margin-left:-10px;} .tbl_calendar th > div{display:block; margin:0 auto; background:#9b9b9b; height:30px; line-height:30px;} .tbl_calendar td a{display:block; margin:0 auto; padding:13px; height:100%; background:#ffffff; border-bottom:1px solid #bebebe;} .tbl_calendar td a:hover{border:2px solid #2cb6c0;} .tbl_calendar th{padding:0 3px; font-size:15px; font-weight:normal; color:#fff; transform:rotate(0.03deg);} .tbl_calendar th.sun > div{background:#ff7575;} .tbl_calendar th.sat > div{background:#235ca2;} .tbl_calendar td:first-child .dd{color:#ff2d2d;} .tbl_calendar td:last-child .dd{color:#005cce;} .tbl_calendar td{position:relative; padding:3px; height:180px; font-size:18px; color:#000; text-align:left; vertical-align:top;} .tbl_calendar td.date{font-size:18px; color:#000;} .tbl_calendar td a.impossible{background:#f6f6f6; cursor:default;} .tbl_calendar td a.possible{background:#d8f4f6; cursor:pointer;} .tbl_calendar td.today .dd{position:relative; color:#fff; z-index:1;} .tbl_calendar td.today .dd:after{content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:35px; height:35px; margin-left:1px; margin-top:-1px; border-radius:35px; background:#3275c8; z-index:-1;} .tbl_calendar td.date.on > div{position:relative;} .tbl_calendar td.date.on > div:after{position:absolute; left:0; top:0; display:block; width:100%; height:calc(100% + 1px);; content:''; border:2px solid #2cb6c0; } .tbl_calendar td.date > div{position:relative;} .tbl_calendar td.date:hover > div:after{position:absolute; left:0; top:0; display:block; width:100%; height:calc(100% + 1px);content:''; border:2px solid #2cb6c0; z-index:1;} .tbl_calendar td.date .apply{position:relative; margin-top:15px; z-index:2;} .tbl_calendar td.date .apply li{position:relative; padding-left:10px; color:#000; font-size:15px; letter-spacing:-0.5px; line-height:1.2; transform:rotate(0.03deg); word-break:keep-all;} .tbl_calendar td.date .apply .mobile {display: none;} .tbl_calendar td.date .apply .pc:after{content:''; position:absolute; top:6px; left:2px; width:2px; height:2px; border-radius:2px; background:#000;} .tbl_calendar td.date .apply li:hover p{display:block; text-decoration:underline;} .dateTime_box{padding-top:70px;} .dateTime_box .select_date{font-size:24px; text-align:center; font-weight:bold;} .dateTime_box .select_time{margin-top:30px; padding:0 100px; text-align:center;} .dateTime_box .select_time .rdo1{display:inline-block; margin:10px; } .dateTime_box .select_time .rdo1 input[type="radio"]{display:none;} .dateTime_box .select_time .rdo1 input[type="radio"] + label{position:relative; display:block; padding-left:40px; font-size:16px; color:#000; text-align:left; transform:rotate(0.03deg); cursor:pointer;} .dateTime_box .select_time .rdo1 input[type="radio"] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:26px; height:26px; border-radius:26px; background:#e4e4e4; border:1px solid #c8c8c8;} .dateTime_box .select_time .rdo1 input[type="radio"] + label:after{content:''; position:absolute; left:7px; top:50%; transform:translateY(-50%); width:12px; height:12px; border-radius:12px; background:#fff;} .dateTime_box .select_time .rdo1 input[type="radio"]:checked + label{} .dateTime_box .select_time .rdo1 input[type="radio"]:checked + label:before{background:#00b2c7;} .dateTime_box .select_time .rdo1 input[type="radio"]:checked + label:after{} .dateTime_box .select_time .rdo1 input[type="radio"]:disabled + label{color:#909090; cursor:initial;} .dateTime_box .select_time .rdo1 input[type="radio"]:disabled + label:after{background:#e4e4e4;} .list.consulting > li .titInfo{display:block; position:absolute; top:52px; left:105px;} .list.consulting > li .titInfo > span{position:relative; display:inline-block; font-size:14px; line-height:1; color:#7b7b7b; transform:rotate(0.03deg);} .list.consulting > li .titInfo > span{margin-left:50px;} .list.consulting > li .titInfo > span:first-child{margin-left:0;} .list.consulting > li .titInfo > span:after{content:''; position:absolute; top:50%; transform:translateY(-50%); left:-25px; width:1px; height:10px; background:#7b7b7b;} .list.consulting > li .titInfo > span:first-child:after{display:none;} .result_box{padding:55px; border:1px solid #bbbbbb; border-radius:20px; text-align:center;} .result_box .tit{margin-bottom:70px; font-size:30px; color:#008571; font-weight:500;} .result_box .tit span{position:relative; display:inline-block; padding:0 10px; line-height:1;} .result_box .tit span:after{content:''; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:100%; height:13px; background:#8ce7d9; z-index:-1;} .result_box .formBox{max-width:100%; width:890px; margin:0 auto;} .result_box .formBox .typeBox{width:100%; font-size:0; border:1px solid #d2d2d2;} .result_box .formBox .typeBox .chkType{width:50%; display:inline-block;} .result_box .formBox .typeBox .chkType input[type="radio"]{display:none;} .result_box .formBox .typeBox .chkType input[type="radio"] + label{display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:17px; color:#000; cursor:pointer;} .result_box .formBox .typeBox .chkType input[type="radio"] + label:after{} .result_box .formBox .typeBox .chkType input[type="radio"]:checked + label{background:#189c88; color:#fff;} .result_box .formBox .typeBox .chkType input[type="radio"]:checked + label:after{} .result_box .formBox .form{margin-left:250px; margin-top:65px;} .result_box .formBox .form .form_con{position:relative; width:490px; height:40px;} .result_box .formBox .form .form_con + .form_con{margin-top:20px;} .result_box .formBox .form .form_con.pw_box .btn_show{position:absolute; top:0; right:10px; display:block; width:40px; height:40px; background:url(/images/admissionNew/sub/icon_hide.png)no-repeat center; cursor:pointer;} .result_box .formBox .form .form_con.pw_box .btn_show.on{width:40px; height:40px; background:url(/images/admissionNew/sub/icon_show.png)no-repeat center;} .result_box .formBox .form input[type="text"], .result_box .formBox .form input[type="password"]{width:100%; height:40px; border:1px solid #d3d3d3; padding:0 20px;} .result_box .formBox .form input[type="password"]{padding-right:55px;} .result_box .formBox .form input[type="text"]:focus, .result_box .formBox .form input[type="password"]:focus{border:1px solid #00b2c7; box-shadow:0 0 10px rgba(81,81,81,0.2);} .result_box .formBox .form label{position:absolute; top:0; left:-115px; line-height:40px; font-size:16px; color:#000; width:80px; text-align:right; font-weight:500; transform:rotate(0.03deg);} .result_box .formBox .form .form_btn{margin-top:18px; text-align:left;} .result_box .formBox .form .form_btn .btn{height:40px; width:490px; text-align:center; color:#ffff; font-size:16px; transform:rotate(0.03deg); cursor:pointer; outline:0;} .result_box .formBox .form .form_btn .btn + .btn{margin-top:8px;} .result_box .formBox .form .form_btn .btn.btn_gray{background:#585858;} .result_box .formBox .form .form_btn .btn.btn_gray2{background:#9f9f9f;} .result_box .formBox .form .form_btn .btn.btn_blue{background:#015eac;} .result_box .formBox .form .form_btn .btn:hover{text-decoration:underline;} .result_box .formBox .form .txt{padding-left:10px; text-indent:-10px; margin-top:20px; text-align:left; font-size:16px; color:#ff8e1f; font-weight:400; transform:rotate(0.03deg); line-height:1.3; word-break:keep-all;} .result_box .formBox .form .txt + .txt{margin-top:5px;} .consulting{} .consulting .top{margin-bottom:25px; display:flex; justify-content:space-between; align-items:end;} .consulting .txt{text-align:right; font-size:16px; color:#000; font-weight:400; transform:rotate(0.03deg);} .consulting .bul_tit{display:block; padding-left:40px; font-size:22px; background:url(/images/admissionNew/sub/bul_chk3.png)no-repeat top 3px left 7px; transform:rotate(0.03deg);} .cousulting_state{position:relative; padding:50px 40px 40px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; text-align:center;} .cousulting_state:before{content:''; position:absolute; top:-2px; left:0; width:100%; height:1px; background:#000;} .cousulting_state .txt_box{margin-top:20px;} .cousulting_state .txt_box .txt1{font-size:24px; font-weight:500; transform:rotate(0.03deg); line-height:1;} .cousulting_state .txt_box .txt2{margin-top:10px; font-size:16px; color:#868686; transform:rotate(0.03deg); line-height:1.2; word-break:keep-all;} .cousulting_state .txt_box .txtLine{position:relative; display:inline-block; font-weight:500;} .cousulting_state .txt_box .txtLine:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:1px; background:#ff8e1f;} .cousulting_state .txt_box .t_time{padding-left:20px;} .cousulting_state .txt_box .t_name{color:#000000; font-weight:500;} .cousulting_state .result {margin-top: 20px;} .cousulting_state .result .g-btn01 {font-size: 24px;font-weight: 500;transform: rotate(0.03deg);line-height: 1;color: #818181;} .cousulting_state .result .g-btn02 {font-size: 24px;font-weight: 500;transform: rotate(0.03deg);line-height: 1;color: #00b2c7;} /* btn */ .btnArea{margin-top:60px; width:100%; padding:0 10px; font-size:0; text-align:center;} .btnArea.type2{margin-top:70px;} .btnArea.right{margin-top:-45px; text-align:right;} .btnArea .btn{display:inline-block; width:137px; height:48px; line-height:48px; border-radius:48px; text-align:center; font-size:18px; border:0; outline:0; cursor:pointer;} .btnArea .btn.wide{width:208px;} .btnArea .btn + .btn{margin-left:12px;} .btnArea .btn_blue{background:#00b2c7; border:1px solid #00b2c7; color:#fff; } .btnArea .btn_gray{background:#818181; border:1px solid #818181; color:#fff; } .btnArea .btn_white{background:#fff; border:1px solid #00b2c7; color:#00b2c7; } .btnArea .btn:hover{text-decoration:underline;} .form_btn .btn[disabled], .btn.wide.btn_blue[disabled] { background: #d2d2d2 !important; border: 1px solid #d2d2d2; cursor: default !important; text-decoration: none !important; } @media all and (max-width: 1250px) { /* PDF VIEWER */ .pdf_menu{margin-bottom:30px;} .pdf_right{float:right; width:24%;} .pdf_right .txt{position:relative; margin-bottom:15px; padding-left:10px;} .pdf_right .txt span{display:block; margin-left:0; padding-left:0; border-left:0;} .pdf_view{float:left; width:74%;} .pdf_right .bookmark li{font-size:17px;} .pdf_right .bookmark li a{padding:24px 75px 24px 25px;} .pdf_right .bookmark li.active{border:1px solid #00a28a; box-shadow:0 0 10px rgba(81,81,81,0.2); background:#edffff; font-weight:500; z-index:10;} .pdf_right .bookmark li.active a{color:#007c6a;} .pdf_right .bookmark li.active a:before{content:''; position:absolute; display:block; right:30px; top:50%; transform:translateY(-50%); width:22px; height:12px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:1;} .pdf_right .bookmark li:hover{border:1px solid #00a28a; box-shadow:0 0 10px rgba(81,81,81,0.2); background:#edffff; font-weight:500; z-index:10;} .pdf_right .bookmark li:hover a{color:#007c6a;} .pdf_right .bookmark li:hover a:before{content:''; position:absolute; display:block; right:30px; top:50%; transform:translateY(-50%); width:22px; height:12px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:1;} .pdf_viewer.magazine .pdf_right .txt span{display:block; margin-left:0; padding-left:0; border-left:0;} .pdf_viewer.magazine .pdf_right .nowTxt{height:60px; line-height:58px; background:#edffff url(/images/admissionNew/sub/tab_arrow_green.png)no-repeat right 20px top 22px;} .pdf_viewer.magazine .pdf_right .nowTxt.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 20px top 20px;} /* formWrite */ .tbl_write th{width:200px;} .tbl_write .file_up .file_info{width:50%;} .tbl_write .file_up .file_info .file_name{display:inline-block; height:40px; line-height:40px; padding:0 20px; background:#fff; border:1px solid #d3d3d3; font-size:16px; color:#a3a3a3;} .tbl_write .full{width:100%;} .tbl_write .w1{width:50%;} .tbl_write .pw_box{width:50%;} } @media all and (max-width: 1024px) { .tabMenuArea{margin-bottom:30px; height:50px;} .tabMenu li{height: 48px; font-size:14px; line-height: 46px;} .tabMenu li a{line-height:46px;} /* bbsList */ .bbsListTop{height:55px;} .bbsListTop .infoTotal{line-height:90px; font-size:15px;} .bbsListTop select{min-width: 120px; height: 55px; padding-right: 30px; padding-left: 15px; background: #f8f9fa url(/images/admissionNew/sub/search_arrow.png) right 15px center no-repeat; font-size: 15px; color: #545454; vertical-align: middle; outline: none;} .bbsListTop .searchForm::placeholder{color:#a0a0a0;} .bbsListTop .searchForm{min-width:370px; height:55px; font-size: 15px;} .bbsListTop input[type="submit"]{width:55px; height:55px;} .list{margin-top:50px;} .list > li{height:82px;} .list > li .number {width:82px; line-height: 82px; font-size:18px;} .list > li .bbsTitle{padding: 24px 115px 0 95px;} .list > li .bbsTitle a{max-width:calc(100% - 45px); font-size:17px; color: #2c2c2c;} .list > li .bbsTitle .new{margin-left:5px; display:inline-block; vertical-align: top;} .list > li .dateHit{top:46px; left:95px;} .list > li .dateHit > .date{margin-right:40px;} .list > li .dateHit > .date:after{right:-20px;} .list > li .file{position:absolute; top:50%; right:30px; transform:translateY(-50%); display:inline-block;} .bbsPager{margin-top:76px; font-size:0; text-align:center; vertical-align:top;} .bbsPager a{vertical-align:top;} .bbsPager .direction{display:inline-block;} .bbsPager .direction a{position: relative; transform: skew(-0.1deg); display: inline-block; width: auto; height: 40px; margin: 0 5px; padding:0 5px; text-align: center; line-height: 40px; } .bbsPager .pageNum{position: relative; transform: skew(-0.1deg); display: inline-block; width: auto; height: 40px; margin: 0 5px; padding: 0 10px; text-align: center; line-height: 40px; font-size: 15px; color: #545454;} /* bbsView */ .viewBox{margin:20px 0;} .viewTop{padding:35px 30px 30px;} .viewTop .viewTit{font-size:22px;} .viewTop .dateHit > span{position:relative; display:inline; font-size:14px; color:#5e5e5e;} .viewTop .dateHit > .date{margin-right:40px;} .viewTop .dateHit > .date:after{right:-20px;} .viewFile ul li{width:50%;} .viewFile ul li:hover a{text-decoration:underline;} .viewCont{padding:30px 30px 70px;} .viewCont p{font-size:15px;} .viewPager .direction a{font-size:14px;} .viewPager .btn_list{font-size:14px;} .viewCont .qnaQ{padding:25px 40px;} .viewCont .qnaQ p{font-size:15px;} .viewCont .qnaA{padding:30px 30px 35px 130px;} .viewCont .qnaA .answer{width:80px; height:32px; line-height:32px; border-radius:32px; padding-left:34px; font-size:14px; background:#015a9e url(/images/admissionNew/sub/qna_a.png)no-repeat top 8px left 20px; background-size:auto 30%;} .viewCont .qnaA p{font-size:15px; color:#9c9c9c; line-height:1.6; letter-spacing:-0.5px;} /* btn */ .btnArea{margin-top:50px;} .btnArea.type2{margin-top:60px;} .btnArea.right{margin-top:-40px;} .btnArea .btn{width:125px; height:42px; line-height:42px; font-size:17px;} .btnArea .btn + .btn{margin-left:10px;} .btnArea .btn.wide{width:188px;} /* video_list */ .videoList{} .list02{margin-top:-35px;} .list02 > li{width:calc(25% - 12px); margin:35px 6px 0px 6px;} .list02 > li .txt_box{margin-top:20px; padding:0 8px;} .list02 > li .txt_box .tit{font-size:15px; letter-spacing:-1px;} .list02 > li .txt_box .date{margin-top:15px; font-size:15px;} .video_pop .pop_con .video_tit{font-size:18px;} /* Q&A */ .qnaList{margin-top:50px;} .qnaList > li{height:70px;} .qnaList > li .f_box{width:85px; height:100%; text-align: center;} .qnaList > li .number{line-height:70px; font-size:18px;} .qnaList > li.fixed .fix{width:56px; height:30px; line-height:32px; font-size:15px;} .qnaList > li .bbsTitle{padding:28px 250px 0 85px;} .qnaList > li .bbsTitle a{max-width:calc(100% - 50px); font-size:17px;} .qnaList > li .dateWrite{right:90px;} .qnaList > li .dateWrite > span{font-size:13px;} .qnaList > li .dateWrite > .date{margin-right:40px;} .qnaList > li .dateWrite > .date:after{right:-20px; height:8px;} .qnaList > li .state{right:20px; width:40px; height:40px; line-height:42px; font-size:13px;} /* PDF VIEWER */ .pdf_menu{margin-bottom:30px; height:auto;} .pdf_menu li{float:left; display:block; width:50%; margin-top:-1px; height:58px; line-height:58px;} .pdf_menu li{float: left; height: 58px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; font-size: 15px; color: #000000; text-align: left; line-height: 56px;} .pdf_menu li:first-child, .pdf_menu li:nth-child(3){border-left: 1px solid #d2d2d2; } .pdf_menu li a{display:block; width:100%; height:100%; line-height:56px; padding-left:35px; padding-right:55px;} .pdf_menu li.down{background:#fff url(/images/admissionNew/sub/btn_down.png)no-repeat top 15px right 32px;} .pdf_menu li.expend{background:#fff url(/images/admissionNew/sub/btn_expend.png)no-repeat center right 30px;} .pdf_menu li.go{background:#fff url(/images/admissionNew/sub/btn_circle_arrow.png)no-repeat center right 30px;} .pdf_right{position:relative; float:none; width:100%; display:block;} .pdf_right .txt{display:none;} .pdf_view{float:none; display:block; width:100%;} .pdf_right .nowTxt{margin-bottom:30px; position:relative; display:block; width:100%; height:60px; line-height:58px; font-size:20px; font-weight:bold; color:#007c6a; padding:0 60px 0 30px; border:2px solid #00a28a; box-shadow:0 0 5px rgba(0,0,0,0.35); background:#edffff url(/images/admissionNew/sub/tab_arrow_green.png)no-repeat right 20px top 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:10;} .pdf_right .nowTxt.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 20px top 20px;} .pdf_right .bookmark{display:none; position:absolute; top:60px; left:0; width:100%;} .pdf_right .bookmark.active{display:block;} .pdf_right .bookmark li{font-size:17px;} .pdf_right .bookmark li a{padding:18px 50px 18px 35px;} .pdf_right .bookmark li.active a:after{content:''; position:absolute; right:-30px; top:50%; transform:translateY(-50%); width:90px; height:90px; border-radius:90px; background:#a3d6ef;} .pdf_right .bookmark li a:before{content:''; position:absolute; display:block; right:15px; top:40%; width:81px; height:31px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:0;} .pdf_right .bookmark li.active a:before{content:''; position:absolute; display:block; right:5px; top:40%; width:81px; height:31px; background:url(/images/admissionNew/sub/btn_go.png)no-repeat; background-size:contain; z-index:2; opacity:0;} .pdf_right .bookmark li:hover{border:1px solid #00a28a; box-shadow:0 0 10px rgba(81,81,81,0.2); font-weight:bold; z-index:10;} .pdf_right .bookmark li.active, .pdf_right .bookmark li a:after, .pdf_right .bookmark li:hover a:after, .pdf_right .bookmark li a:before, .pdf_right .bookmark li:hover a:before{display:none;} .pdf_viewer.magazine .pdf_right .nowTxt{border:2px solid #00a28a;} .pdf_viewer.magazine .pdf_right .bookmark{top:60px;} /* FAQ */ .faqList{margin-top:50px;} .faqList > li .faqQ_tit{font-size:17px;} .noData{margin-top:50px;} /* formWrite */ .tbl_write th{width:190px; padding-right:30px; word-break:keep-all;} .tbl_write .wrap_rdo > .rdo1 + .rdo1{margin-left:25px;} .tbl_write .wrap_sort .wrap_rdo{margin-left:20px;} .tbl_write .file_up .file_btns{width:50%} .tbl_write .file_up .f_btn{margin-left:5px; display:inline-block; width:calc(100%/3 - 15px/3); height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#585858; border:1px solid #d3d3d3; cursor:pointer;} .tbl_write .formTxt{margin-left:20px;} .tbl_write .formTxt.type2{display:block; margin-top:5px; margin-left:5px; line-height:1.2; padding-left:14px; text-indent:-9px;} .total.total02{} .tabArea{margin-bottom:30px;} .tabArea .tabs{padding:0 10px; justify-content:center;} .tabArea .tabs li{width:20%; text-align:center; padding:5px; } .tabArea .tabs li a{padding:4px; font-size:17px;} .conBox{margin-bottom:20px; padding:40px 50px 0; border-radius:20px; border:1px solid #bbbbbb;} .conBox .conTit span{padding:0 8px; font-size:26px;} .conBox .dept_con{padding:30px 0;} .conBox .dept_con .tit_con{margin-bottom:20px;} .conBox .dept_con .tit_con .tit{padding-left:30px; font-size:20px;background-size: 20px auto;} .conBox .dept_con .tit_con .btn_link{margin-left:15px; padding-left:35px; padding-right:16px; height:28px; line-height:28px; background:#008571 url(/images/admissionNew/sub/ico_home.png)no-repeat top 6px left 12px; font-size:14px;} .conBox .dept_con .con{padding-left:30px;} .conBox .dept_con .con .bul_txt{padding-left:15px; font-size:15px;} .conBox .dept_con .con .bul_txt:after{top:6px; left:4px;} .conBox .dept_con .con .bul_txt + .bul_txt{margin-top:5px;} .tabArea .tabs span.br{display:block;} .conBox.type02{padding-bottom:35px;} .conBox.type02 .conTit{margin-bottom:70px;} .conBox.type02 .conTit span:nth-child(1){padding-left:10px; padding-right:0;} .conBox.type02 .conTit span:nth-child(2){padding-left:0; padding-right:10px;} .conBox .txt_con .chk_tit{margin-top:20px; margin-bottom:15px; font-size:18px;} .conBox .txt_con .txt{font-size:16px;} .conBox .txt_con .txt2{font-size:16px;} .conBox .txt_con .b_txt{font-size:16px;} .conBox .txt_con .info_txt{font-size:16px;} .conBox .txt_con .tbl_total th, .conBox .txt_con .tbl_total td{padding:15px; font-size:17px;} .department{padding-top:40px;} .department .deptBox{margin-bottom:100px;} .department .deptBox .dept_img{position:relative; width:32%; height:400px;} .department .deptBox .dept_con{width:64%;} .department .deptBox .dept_con .dept_tit{padding-bottom:25px;} .department .deptBox .dept_con .dept_tit .tit{font-size:32px;} .department .deptBox .dept_con .dept_tit .btn_home{margin-left:15px; width:36px; height:36px; border-radius:36px; background:#00b2c7 url(/images/admissionNew/sub/ico_home2.png)no-repeat top 6px center; background-size:22px;} .department .deptBox .dept_con ul > li{padding:20px 0;} .department .deptBox .dept_con .dept{width:85%;} .department .deptBox .dept_con .dept .dept_name{padding-left:14px; font-size:17px;} .department .deptBox .dept_con .dept .dept_links{display:flex;} .department .deptBox .dept_con .dept .dept_links a{display:block; margin:0 5px; width:24px; height:25px;} .department .deptBox .dept_con .dept .dept_links a.youtube{background:url(/images/admissionNew/sub/ico_youtube.png)no-repeat center;} .department .deptBox .dept_con .dept .dept_links a.youtube.none{background:url(/images/admissionNew/sub/icon_youtube_gray.png)no-repeat center;} .department .deptBox .dept_con .dept .dept_links a.down{background:url(/images/admissionNew/sub/ico_down.png)no-repeat center;} .department .deptBox .dept_con .dept .dept_links a.home{background:url(/images/admissionNew/sub/ico_home3.png)no-repeat center;} .calendar .top .month .btn_prev_month, .calendar .top .month .btn_next_month{height:28px;} .calendar .top .month .yyyymm{font-size:32px;} .consulting_btn button{width:145px; height:45px; font-size:16px;} .consulting_btn .btn_list{display:block; transform:rotate(0.03deg);} .consulting_btn .btn_list img{height:14px;} .consulting_btn .btn_calendar{transform:rotate(0.03deg);} .consulting_btn .btn_calendar img{height:12px;} .sortList li{margin-left:20px; padding-left:20px; font-size:14px; transform:rotate(0.03deg);} .sortList li:after{width:12px; height:12px;} .tbl_calendar{margin:35px auto 0; width:calc(100% + 8px); margin-left:-4px;} .tbl_calendar th{padding:0 4px; font-size:14px;} .tbl_calendar td{padding:4px; height:160px; font-size:16px;} .tbl_calendar td a{padding:12px 5px 5px 12px;} .tbl_calendar td.date{font-size:16px;} .tbl_calendar td .dd{display:inline-block; transform:rotate(0.03deg);} .tbl_calendar td.today .dd:after{width:30px; height:30px;} .tbl_calendar td.on > div{position:relative;} .tbl_calendar td.on > div:after{position:absolute; left:0; top:0; display:block; width:100%; height:calc(100% + 1px); content:''; border:2px solid #2cb6c0; } .tbl_calendar td.date .apply{margin-top:12px;} .tbl_calendar td.date .apply li{font-size:14px; letter-spacing:-0.5px;} .dateTime_box{padding-top:50px;} .dateTime_box .select_date{font-size:20px;} .dateTime_box .select_time{margin-top:20px; padding:0 50px;} .dateTime_box .select_time .rdo1 input[type="radio"] + label{padding-left:35px; font-size:15px;} .btnArea.type3{margin-top:35px;} .list.consulting{margin-top:30px;} .list.consulting > li .titInfo{top:46px; left:95px;} .list.consulting > li .titInfo > span{margin-left:40px;} .list.consulting > li .titInfo > span:after{left:-20px;} .result_box{padding:45px;} .result_box .tit{margin-bottom:60px; font-size:26px;} .result_box .tit span{padding:0 8px;} .result_box .formBox{width:100%;} .result_box .formBox .typeBox .chkType{} .result_box .formBox .typeBox .chkType input[type="radio"]{display:none;} .result_box .formBox .typeBox .chkType input[type="radio"] + label{height:50px; line-height:50px;} .result_box .formBox .typeBox .chkType input[type="radio"]:checked + label{background:#189c88; color:#fff;} .result_box .formBox .form{margin-left:180px; margin-top:55px; margin-right:20px;} .result_box .formBox .form .form_con{max-width:490px; width:100%;} .result_box .formBox .form .form_con + .form_con{margin-top:20px;} .result_box .formBox .form .form_btn{margin-top:18px; text-align:left;} .result_box .formBox .form .form_btn .btn{max-width:490px; width:100%;} .result_box .formBox .form .form_btn .btn + .btn{margin-top:8px;} .result_box .formBox .form .txt{margin-top:20px; text-align:left; font-size:16px; color:#ff8e1f; font-weight:400; transform:rotate(0.03deg); line-height:1.3;} .result_box .formBox .form .txt + .txt{margin-top:5px;} } @media all and (max-width: 767px) { /*.tabMenuArea{margin-bottom:20px; height:50px; padding:0;}*/ /*.tabMenuArea .now{padding-left:25px; width:100%; height:48px; line-height:48px; color:#fff; font-size:15px; border:1px solid #d2d2d2; background:#00a28a url(/images/admissionNew/common/tab_arrow_fff.png)no-repeat center right 20px; background-size:auto 20%; cursor:pointer;}*/ /*.tabMenuArea .now.active{background:#00a28a url(/images/admissionNew/common/tab_arrow_up_fff.png)no-repeat center right 20px; background-size:auto 20%; cursor:pointer;}*/ /*.tabMenu{display:none; position:relative; z-index:10;}*/ /*.tabMenu.active{display:block;}*/ /*.tabMenu li{float: none; width:100%; height: 48px; padding-left:25px; border:0; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; font-size: 15px; text-align: left; line-height: 48px; background:#fff;}*/ /*.tabMenu li:first-child{border-left:1px solid #d2d2d2; border-top:0;}*/ /*.tabMenu li a{line-height:48px;}*/ /*.tabMenu li.on{display:none;}*/ /*.tabMenu_2ea li,*/ /*.tabMenu_3ea li,*/ /*.tabMenu_4ea li,*/ /*.tabMenu_5ea li,*/ /*.tabMenu_6ea li,*/ /*.tabMenu_7ea li,*/ /*.tabMenu_8ea li{width:100%;}*/ .bbsList{padding:0;} .bbsListTop{padding:50px 0 0; height:auto;} .bbsListTop .infoTotal{padding-left:30px; line-height:60px; font-size:14px; background:url(/images/admissionNew/sub/bbs_list.png)no-repeat left 5px center; background-size:13px auto;} .bbsListTop .right{width:100%; right:auto; left:0; font-size:0;} .bbsListTop select{width:140px; min-width:auto; height: 50px; padding-right:20px; padding-left:10px; background: #f8f9fa url(/images/admissionNew/sub/search_arrow.png) right 15px center no-repeat; font-size: 14px;} .bbsListTop .searchForm{width:calc(100% - 140px); min-width:auto; height:50px; padding-right:45px; padding-left:20px; font-size: 14px;} .bbsListTop input[type="submit"]{width:45px; height:50px; background:url(/images/admissionNew/sub/btn_search.png)no-repeat center; background-size:20px auto;} .list{margin-top:0;} .list > li{height:70px;} .list > li .number{width:65px; line-height:70px; font-size:16px;} .list > li .number .fix{background-size:22px auto;} .list > li .bbsTitle{padding: 22px 50px 0 70px;} .list > li .bbsTitle a{max-width:calc(100% - 45px); font-size:15px;} .list > li .bbsTitle .new{margin-left:5px;} .list > li .bbsTitle .new img{width:15px;} .list > li .dateHit{top:42px; left:70px;} .list > li .dateHit span{font-size:12px;} .list > li .dateHit > .date{margin-right:30px;} .list > li .dateHit > .date:after{right:-15px;} .list > li .file{right:20px;} .list > li .file img{width:20px;} .bbsPager{margin-top:40px;} .bbsPager.left{text-align:center;} .bbsPager .direction a{ height: 32px; margin: 0 3px; padding:0 5px; line-height: 32px; } .bbsPager .direction img{height:16px;} .bbsPager .pageNum{height: 32px; margin: 0 5px; padding: 0 8px;; line-height: 32px; font-size: 14px;} .bbsPager .pageNum.on:after{width:32px; height:32px; border-radius:32px;} /* btn */ .btnArea{margin-top:50px;} .btnArea.type2{margin-top:60px;} .btnArea.right{margin-top:-40px;} .btnArea{margin:40px 0 20px;} .btnArea.right{margin:40px 0 20px; float:none; text-align:center;} .btnArea .btn{width:calc(100%/3 - 16px/3); height:36px; line-height:34px; font-size:14px;} .btnArea .btn.wide{width:300px;} .btnArea .btn + .btn{margin-left:8px;} .bbsView{margin-top:30px;} .viewBox{margin:20px 0; border-top:0;} .viewTop{padding:25px 40px;} .viewTop .viewTit{font-size:19px;} .viewTop .viewTit span.new img{width:18px;} .viewTop .dateHit{} .viewTop .dateHit > span{font-size:12px;} .viewTop .dateHit > .date{margin-right:30px;} .viewTop .dateHit > .date:after{right:-15px; width:1px; height:11px;} .viewTop .dateHit > .writer{} .viewFile{padding:15px 25px; background:#f8f8f8; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;} .viewFile ul li{width:100%; height:20px; padding-right:10px; margin:4px 0; vertical-align:top;} .viewFile ul li.hwp{background:url(/images/admissionNew/sub/ico_hwp.png)no-repeat center left; background-size:contain;} .viewFile ul li.pdf{background:url(/images/admissionNew/sub/ico_pdf.png)no-repeat center left; background-size:contain;} .viewFile ul li.xlsx{background:url(/images/admissionNew/sub/ico_xlsx.png)no-repeat center left; background-size:contain;} .viewFile ul li.img{background:url(/images/admissionNew/sub/ico_img.png)no-repeat center left; background-size:contain;} .viewFile ul li.img2{background:url(/images/admissionNew/sub/ico_img2.png)no-repeat center left; background-size:contain;} .viewFile ul li > a{padding-left:30px; font-size:13px; line-height:20px;} .viewFile ul li > a span{} .viewFile ul li:hover a{text-decoration:underline;} .viewCont{padding:30px 25px 40px;} .viewCont.type2{padding:0;} .viewCont p{font-size:15px; color:#9c9c9c; line-height:1.6;} .viewCont .qnaQ{border-top:1px solid #d2d2d2; padding:20px 30px; background:#f8f8f8;} .viewCont .qnaQ p{font-size:14px;} .viewCont .qnaA{padding:30px 20px 25px 105px;} .viewCont .qnaA .answer{ top:30px; left:20px; width:70px; height:28px; line-height:28px; padding-left:32px; font-size:12px; background:#015a9e url(/images/admissionNew/sub/qna_a.png)no-repeat top 8px left 17px; background-size:8px auto} .viewCont .qna p{font-size:14px; line-height:1.4;} .viewPager .direction a{font-size:0; line-height:28px;} .viewPager .btn_list{width:75px; height:28px; line-height:28px; font-size:12px;} /* video_list */ .list02{margin-top:-25px;} .list02 > li{width:calc(50% - 10px); margin:25px 5px 0px 5px;} .list02 > li .txt_box{margin-top:15px; padding:0 5px;} .list02 > li .txt_box .tit{font-size:14px;} .list02 > li .txt_box .date{margin-top:15px; font-size:14px;} .list02 > li:hover .thumb_box{box-shadow:0 0 10px rgba(0,0,0,0.35);} .video_pop .pop_con{padding:5px;} .video_pop .pop_con .btn_close{top:-40px; width:20px; height:20px; background-size:90% auto;} .video_pop .pop_con .btn_close img{} .video_pop .pop_con .video_tit{ padding:10px 0 5px; font-size:15px;} /* Q&A */ .qnaList{margin-top:0;} .qnaList > li{position:relative; height:70px;} .qnaList > li .f_box{width:70px; height:100%; text-align: center;} .qnaList > li .number{line-height:70px; font-size:18px;} .qnaList > li.fixed .fix{display:inline-block; width:100%; background:url(/images/admissionNew/sub/bbs_notice.png)no-repeat center; background-size:auto 20px; font-size:0;} .qnaList > li .bbsTitle{padding:22px 60px 0 70px;} .qnaList > li.fixed .bbsTitle{padding:28px 30px 0 70px;} .qnaList > li .bbsTitle a{max-width:calc(100% - 50px); font-size:16px;} .qnaList > li .bbsTitle .new img, .qnaList > li .bbsTitle .lock img{height:15px;} .qnaList > li .dateWrite{right:auto; left:70px; top:40px; transform:translateY(0); line-height:1;} .qnaList > li .dateWrite > span{font-size:12px; line-height:1;} .qnaList > li .dateWrite > .date{margin-right:30px;} .qnaList > li .dateWrite > .date:after{right:-15px; height:8px;} .qnaList > li .dateWrite > .writer{} .qnaList > li .state{right:15px; width:36px; height:36px; line-height:38px; font-size:12px;} .qnaList > li .state.view img{margin-left:3px;} .qnaList > li .state.finish{background:#e5e5e5; color:#4c4c4c;} .qnaList > li .state.wait{background:#00bccc; color:#fff;} .qnaList > li .state.arrow img{height:20px;} /* PDF VIEWER */ .pdf_menu{margin-bottom:20px;} .pdf_menu li{height: 48px; line-height:46px; font-size:14px;} .pdf_menu li a{line-height:46px; padding-left:25px; padding-right:45px;} .pdf_menu li.down{background:#fff url(/images/admissionNew/sub/btn_down.png)no-repeat top 10px right 18px;} .pdf_menu li.expend{background:#fff url(/images/admissionNew/sub/btn_expend.png)no-repeat center right 15px;} .pdf_menu li.down:hover{background:#00a28a url(/images/admissionNew/sub/btn_down_fff.png)no-repeat top 10px right 18px;} .pdf_menu li.expend:hover{background:#00a28a url(/images/admissionNew/sub/btn_expend_fff.png)no-repeat center right 15px;} .pdf_view{height:640px;} .pdf_right{position:relative; float:none; width:100%; display:block;} .pdf_right .nowTxt{margin-bottom:20px; height:50px; line-height:48px; font-size:17px; padding-left:25px; background:#edffff url(/images/admissionNew/sub/tab_arrow_green.png)no-repeat right 15px top 18px; background-size:auto 20%;} .pdf_right .nowTxt.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 15px top 18px; background-size:auto 20%;} .pdf_right .bookmark{top:50px;} .pdf_right .bookmark.active{display:block;} .pdf_right .bookmark li{font-size:15px; transform:rotate(0.03deg);} .pdf_right .bookmark li a{padding:15px 25px 15px 25px;} /* MAGAZINE */ .pdf_viewer.magazine .pdf_menu li{font-size:14px;} .pdf_viewer.magazine .pdf_right .nowTxt{margin-bottom:20px; height:50px; line-height:48px; font-size:17px; padding-left:25px; background:#edffff url(/images/admissionNew/sub/tab_arrow_green.png)no-repeat right 15px top 18px; background-size:auto 20%;} .pdf_viewer.magazine .pdf_right .nowTxt.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 15px top 18px; background-size:auto 20%;} .pdf_viewer.magazine .pdf_right .bookmark{top:50px;} .pdf_viewer.magazine .pdf_right .bookmark.active{display:block;} .pdf_viewer.magazine .pdf_right .bookmark li{font-size:15px;} .pdf_viewer.magazine .pdf_right .bookmark li a{padding:15px 25px 15px 25px;} /* FAQ */ .faqList{margin-top:0;} .faqList > li{position:relative; background:url(/images/admissionNew/sub/faq_arrow.png)no-repeat top 28px right 25px; background-size:18px auto;} .faqList > li .faqQ{padding:25px 60px; background:url(/images/admissionNew/sub/faqQ.png)no-repeat top 19px left 20px; background-size:28px auto} .faqList > li .faqQ_tit{font-size:15px;} .faqList > li .faqA{padding:30px 20px 30px 100px; background:#f1fcff url(/images/admissionNew/sub/faqA.png)no-repeat left 60px top 22px; background-size:28px auto} .faqList > li .faqA:after{content:''; position:absolute; top:0; left:60px; width:calc(100% - 85px); height:1px; border-top:1px dashed #c3cedd;} .faqList > li .faqA p{font-size:14px;} .faqList > li.on{background:#f1fcff url(/images/admissionNew/sub/faq_arrow_on.png)no-repeat top 28px right 25px; background-size:18px auto;} .faqList > li.on .faqQ{background:url(/images/admissionNew/sub/faqQ.png)no-repeat top 19px left 20px; background-size:28px auto} .noData{margin-top:0;} /* formWrite */ .formWrite{padding:0;} .tbl_write tr{position:relative;} .tbl_write th{position:absolute; border:0; width:100%; padding:15px 10px 10px; font-size:14px; text-align:left;} .tbl_write th .tit_th{} .tbl_write td{width:100%; padding-top:40px;} .tbl_write .rdo1{line-height:35px;} .tbl_write .rdo1 input[type="radio"] + label{padding-left:30px; font-size:14px;} .tbl_write .rdo1 input[type="radio"] + label:after{width:20px; height:20px;} .tbl_write .rdo1 input[type="radio"] + label:before{left:5px; width:10px; height:10px;} .tbl_write input[type="text"]{height:35px; padding:0 15px; font-size:14px;} .tbl_write .input_01{height:35px; padding:0 15px; font-size:14px;} .tbl_write .input_01::placeholder{font-size:14px;} .tbl_write textarea{padding:15px; font-size:14px;} .tbl_write .select_01{height:35px; padding:0 15px; font-size:14px; background:#fff url(/images/admissionNew/sub/select_arrow.png)no-repeat center right 15px;} .tbl_write .select_01::placeholder{font-size:14px;} .tbl_write .wrap_rdo > .rdo1 + .rdo1{margin-left:20px;} .tbl_write .wrap_sort .wrap_rdo{display:block; margin-left:5px; margin-top:5px;} .tbl_write .wrap_certification .btn_certification{height:35px; line-height:35px; font-size:14px;} .tbl_write .pw_box{width:100%;} .tbl_write .file_up .file_info{display:inline-block; width:100%; margin-bottom:5px;} .tbl_write .file_up .file_info .file_name{display:inline-block; width:100%; height:35px; line-height:35px; padding:0 15px; font-size:14px} .tbl_write .file_up .file_btns{width:100%;} .tbl_write .file_up .f_btn{margin-left:5px; display:inline-block; width:70px; height:35px; line-height:35px; font-size:12px;} .tbl_write .file_up .f_btn:first-child{margin-left:0;} .tbl_write .w1{width:100%;} .tbl_write .formTxt{margin-top:5px; margin-left:5px; font-size:14px; line-height:1.2;} .tbl_write .formTxt.type2{margin-left:5px;} .total01 .txt{font-size:15px; transform:rotate(0.03deg);} .total01 .img_box{margin-top:20px; padding:40px 10px; border:0;} .total01 .img_box img{max-width:100%;} .total.total02{} .tabArea{margin-bottom:20px;} .tabArea .tabs{display:none; position:absolute; left:0; top:48px; padding:0; width:100%; background:#fff;} .tabArea .tabs.active{display:block;} .tabArea .tabs li{width:100%; border:1px solid #dedede; text-align:left; padding:0;} .tabArea .tabs li + li{margin-top:-1px} .tabArea .tabs li a{position:relative; display:block; width:100%; padding:15px 25px 15px 25px; font-size:16px; font-weight:400; transform:rotate(0.03deg); background:#fff; transform:rotate(0.03deg)} .tabArea .tabs li a:after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:10px; background:#8be7d9; z-index:-1; opacity:0;} .tabArea .tabs li:hover a{border: 1px solid #007c6a; box-shadow: 0 0 10px rgba(81,81,81,0.2); background: #edffff; font-weight: 500;} .tabArea .tabs li.on a:after, .tabArea .tabs li:hover a:after{opacity:0;} .tabArea .tabs li.on{display:none;} .tabArea{position:relative; float:none; width:100%; display:block; z-index:21;} .tabArea .nowTab{display:block; position:relative; margin-bottom:20px; height:50px; line-height:48px; font-size:17px; font-weight:bold; color:#007c6a; padding:0 60px 0 25px; border:2px solid #00a28a; background: #edffff url(/images/admissionNew/sub/tab_arrow_green.png) no-repeat right 15px top 18px; background-size: auto 20%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:21;} .tabArea .nowTab.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 15px top 18px; background-size:auto 20%;} .conBox{margin-bottom:10px; padding:20px 20px 0; border:0;} .conBox .conTit{margin-bottom:30px;} .conBox .conTit span{padding:0 6px; font-size:22px;} .conBox .dept_con{padding:20px 0;} .conBox .dept_con .tit_con{margin-bottom:15px;} .conBox .dept_con .tit_con .tit{padding-left:25px; font-size:18px;background-size: 18px auto;} .conBox .dept_con .tit_con .btn_link{margin-left:10px; padding-left:32px; padding-right:16px; height:26px; line-height:26px; background:#008571 url(/images/admissionNew/sub/ico_home.png)no-repeat top 6px left 12px; font-size:13px;} .conBox .dept_con .con{padding-left:25px;} .conBox .dept_con .con .bul_txt{padding-left:15px; font-size:14px;} .conBox .dept_con .con .bul_txt:after{top:6px; left:4px;} .tabArea .tabs span.br{display:inline-block;} .conBox.type02{padding:20px 10px;} .conBox.type02 .conTit{margin:0 auto 40px; width:220px; } .conBox.type02 .conTit span:nth-child(1){padding:0 5px;} .conBox.type02 .conTit span:nth-child(2){margin-top:5px; padding:0 5px;} .conBox .txt_con .chk_tit{margin-top:15px; margin-bottom:5px; font-size:16px; padding-left:20px; background-size:12px auto;} .conBox .txt_con .txtbox{padding-left:20px;} .conBox .txt_con .txtbox2{margin-top:5px;} .conBox .txt_con .txt + .txt, .conBox .txt_con .txt2 + .txt2, .conBox .txt_con .b_txt + .b_txt{margin-top:3px;} .conBox .txt_con .txt{font-size:14px;} .conBox .txt_con .txt2{font-size:14px;} .conBox .txt_con .b_txt{font-size:14px;} .conBox .txt_con .info_txt{font-size:14px;} .conBox .txt_con .tbl_total th, .conBox .txt_con .tbl_total td{padding:10px; font-size:14px;} .department{padding-top:0;} .department .deptBox{position:relative; margin-bottom:0; padding-top:280px; display:block;} .department .deptBox + .deptBox{margin-top:60px;} .department .deptBox .dept_img{position:absolute; top:0; left:0; width:100%; height:250px;} .department .deptBox .dept_img img{width:100%; height:auto;} .department .deptBox .dept_con{width:100%;} .department .deptBox .dept_con .dept_tit{padding-bottom:15px;} .department .deptBox .dept_con .dept_tit .tit{font-size:26px;} .department .deptBox .dept_con .dept_tit .btn_home{margin-left:10px; width:32px; height:32px; background:#00b2c7 url(/images/admissionNew/sub/ico_home2.png)no-repeat top 6px center; background-size:18px;} .department .deptBox .dept_con ul > li{padding:15px 0; display:block; width: 100%;} .department .deptBox .dept_con .dept{width:100%;} .department .deptBox .dept_con .dept:nth-child(2){padding-top:16px; margin-top:15px; border-top:1px dashed #bebebe;} .department .deptBox .dept_con .dept .dept_name{padding-left:10px; font-size:16px; transform:rotate(0.03deg);} .department .deptBox .dept_con .dept .dept_name:after{width:3px; height:3px;} .department .deptBox .dept_con .dept .dept_links a{display:block; margin:0 5px; width:24px; height:22px;} .department .deptBox .dept_con .dept .dept_links a.youtube{background:url(/images/admissionNew/sub/ico_youtube.png)no-repeat center; background-size:contain;} .department .deptBox .dept_con .dept .dept_links a.youtube.none{background:url(/images/admissionNew/sub/icon_youtube_gray.png)no-repeat center; background-size:contain;} .department .deptBox .dept_con .dept .dept_links a.down{background:url(/images/admissionNew/sub/ico_down.png)no-repeat center; background-size:contain;} .department .deptBox .dept_con .dept .dept_links a.home{background:url(/images/admissionNew/sub/ico_home3.png)no-repeat center; background-size:auto 20px;} .calendar{width:100%;} .calendar .top{position:relative; text-align:center; display:flex; justify-content:space-between; align-items:center;} .calendar .top .month{position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; align-items:center; margin-top: 80px;} .calendar .top .month .btn_month{vertical-align:0;} .calendar .top .month .btn_prev_month{margin-right:25px;} .calendar .top .month .btn_next_month{margin-left:25px;} .calendar .top .month .yyyymm{display:inline-block; font-size:36px; color:#2d2d2d; font-weight:bold; letter-spacing:-0.03em;} .consulting_btn button{display:inline-block; width:110px; height:50px; font-size:17px; color:#000; letter-spacing:-0.5px; background:#fff; border:1px solid #d2d2d2; outline:0; cursor:pointer;} .consulting_btn .btn_list{display:block;} .consulting_btn .btn_list img{margin-right:10px; margin-top:-2px;} .consulting_btn .btn_calendar{display:none;} .consulting_btn .btn_calendar img{margin-right:10px; margin-top:-1px;} .sortList li{position:relative; display:inline-block; margin-left:5px; padding-left:20px; font-size:13px; color:#545454; transform:rotate(0.03deg);} .sortList li:after{position:absolute; left:0; top:1px; display:block; content:''; width:14px; height:14px; border:1px solid #dadada;} .sortList .sort01:after{background:#d8f4f6;} .sortList .sort02:after{background:#f1f4f6;} .sortList .sort03:after{background:#3275c8;} .tbl_calendar{margin-top:100px;} .tbl_calendar td{padding: 1px;} .tbl_calendar th{padding: 0 1px;} .tbl_calendar td a{padding: 12px 5px 5px 5px;} .list.consulting{margin-top:20px;} .list.consulting > li .titInfo{top:40px; left:70px;} .list.consulting > li .titInfo > span{font-size:12px;} .list.consulting > li .titInfo > span{margin-left:30px;} .list.consulting > li .titInfo > span:after{left:-15px;} .result_box{padding:20px 10px; border:0;} .result_box .tit{margin-bottom:40px; font-size:22px;} .result_box .tit span{padding:0 5px;} .result_box .formBox .typeBox .chkType input[type="radio"]{display:none;} .result_box .formBox .typeBox .chkType input[type="radio"] + label{height:40px; line-height:40px; font-size:14px; transform:rotate(0.03deg);} .result_box .formBox .typeBox .chkType input[type="radio"]:checked + label{background:#189c88; color:#fff;} .result_box .formBox .form{margin-left:20px; margin-top:40px; margin-right:20px;} .result_box .formBox .form .form_con{max-width:100%; width:calc(100% - 100px); margin-left:100px;} .result_box .formBox .form .form_con + .form_con{margin-top:15px;} .result_box .formBox .form input[type="text"], .result_box .formBox .form input[type="password"]{font-size:14px; padding:0 15px;} .result_box .formBox .form label{left:-100px; font-size:14px;} .result_box .formBox .form .form_btn{margin-top:30px;} .result_box .formBox .form .form_btn .btn{max-width:100%;font-size:14px; margin-top:5px; height:35px;} .result_box .formBox .form .form_btn .btn + .btn{margin-top:5px;} .result_box .formBox .form .txt{margin:15px 5px 0; font-size:14px;} .result_box .formBox .form .txt + .txt{margin-top:5px;} .tbl_calendar td.date .apply .mobile {display: inline-block;text-align: center;} .tbl_calendar td.date .apply .pc {display: none;} .consulting .top{margin-bottom:10px;} .consulting .txt{font-size:13px;} .consulting .bul_tit{padding-left:28px; font-size:18px; background-size:12px auto;} .cousulting_state{padding:40px 30px 30px;} .cousulting_state .icon{width:70px; height:auto;} .cousulting_state .txt_box .txt1{font-size:20px;} .cousulting_state .txt_box .txt2{font-size:14px;} .cousulting_state .txt_box .txtLine{} .cousulting_state .txt_box .t_time{padding-left:10px;} .cousulting_state .txt_box .t_name{} /* btn */ .btnArea{margin-top:40px;} .btnArea.type2{margin-top:40px;} .btnArea.right{margin-top:-40px;} .btnArea{margin:40px 0 20px;} .btnArea.right{margin:40px 0 20px; float:none; text-align:center;} .btnArea .btn{width:calc(100%/3 - 16px/3); height:36px; line-height:34px; font-size:14px;} .btnArea .btn.wide{width:300px;} .btnArea.type2 .btn.wide{width:calc(50% - 15px);} .btnArea.type2 .btn.wide{width:80%;} .btnArea .btn.wide + .btn.wide{margin-left:0; margin-top:5px;} .btnArea .btn + .btn{margin-left:8px;} } @media all and (max-width: 490px) { .pdf_menu li{font-size:13px; letter-spacing:-0.5px;} .pdf_menu li a{padding-left:15px; padding-right:35px;} .pdf_menu li.down{background-size:15px auto; background-position: top 12px right 14px;} .pdf_menu li.down:hover{background-size:15px auto; background-position: top 12px right 14px;} .pdf_menu li.expend{background-size:18px auto; background-position:center right 12px;} .pdf_menu li.expend:hover{background-size:18px auto; background-position:center right 12px;} .pdf_menu li.go{background-size:21px auto; background-position: center right 11px;} .pdf_menu li.go:hover{background-size:21px auto; background-position: center right 11px;} .pdf_menu li .mb_hide{display:none;} .pdf_right .nowTxt, .pdf_right .bookmark li a{padding-left:15px; font-size:14px; transform:rotate(0.03deg);} .pdf_viewer.magazine .pdf_right .nowTxt, .pdf_viewer.magazine .pdf_right .bookmark li a{padding-left:15px; font-size:14px; transform:rotate(0.03deg);} } @media all and (max-width: 430px) { /* lock_pop */ .lock_pop .pop_con{width:320px;} .lock_pop .pop_con h3.tit{padding:0 25px; height:50px; line-height:50px; font-size:16px;} .lock_pop .pop_con .close{position:absolute; top:14px; right:20px; } .lock_pop .pop_con .close img{width:17px;} .lock_pop .pop_con .lockPw{padding:25px;} .lock_pop .pop_con .lockPw .pwTit{margin-bottom:15px; font-size:15px; word-break:keep-all;} .lock_pop .pop_con .lockPw input[type="text"]{height:40px; font-size:15px;} .lock_pop .pop_con .btn{margin-top:5px; height:40px; line-height:40px; font-size:16px;} .lock_pop .pop_con .pw_find{margin:15px auto 0; padding:0 25px 0 0; background:url(/images/admissionNew/sub/icon_search.png)no-repeat top center right; background-size:14px auto;} .lock_pop .pop_con .pw_find .txt{font-size:15px;} /* findPw_pop */ .findPw_pop .pop_con{width:320px;} .findPw_pop .pop_con h3.tit{padding:0 25px; height:50px; line-height:50px; font-size:16px;} .findPw_pop .pop_con .close{position:absolute; top:14px; right:20px; } .findPw_pop .pop_con .close img{width:17px;} .findPw_pop .pop_con .findPw{padding:15px 25px 40px;} .findPw_pop .pop_con .findPw label{margin-top:15px; font-size:15px; word-break:keep-all;} .findPw_pop .pop_con .findPw input[type="text"]{height:40px; font-size:15px;} .findPw_pop .pop_con .btn{margin-top:10px; height:40px; line-height:40px; font-size:16px;} } @media all and (max-width: 390px) { .bbsListTop select{width:110px; padding-right:15px; padding-left:10px; background: #fff url(/images/admissionNew/sub/search_arrow.png) right 10px center no-repeat;} .bbsListTop .searchForm{width:calc(100% - 110px); padding-right:40px; padding-left:15px;} .bbsListTop input[type="submit"]{width:40px; height:50px; background:url(/images/admissionNew/sub/btn_search.png)no-repeat center; background-size:18px auto;} .list{margin-top:0;} .list > li{height:60px;} .list > li .number{width:50px; line-height:60px; font-size:14px;} .list > li .number .fix{background-size:18px auto;} .list > li .bbsTitle{padding:18px 40px 0 50px;} .list > li .bbsTitle a{max-width:calc(100% - 25px); font-size:13px;} .list > li .bbsTitle .new img{width:13px;} .list > li .dateHit{top:34px; left:50px;} .list > li .dateHit span{font-size:12px;} .list > li .dateHit > .date{margin-right:20px;} .list > li .dateHit > .date:after{right:-10px;} .list > li .file{right:15px;} .list > li .file img{width:16px;} .bbsPager .direction a{height: 30px;line-height: 30px; } .bbsPager .direction img{height:14px;} .bbsPager .pageNum{height: 30px; margin: 0 5px; padding: 0 6px; line-height: 30px;} .bbsPager .pageNum.on:after{width:30px; height:30px; border-radius:30px;} /* bbsView */ .bbsView{margin-top:20px;} .viewTop{padding:20px 30px;} .viewTop .viewTit{font-size:17px;} .viewTop .viewTit span.new img{width:15px;} .viewFile{padding:15px 20px;} .viewFile ul li{margin:2px 0; } .viewFile ul li > a{ font-size:12px;} .viewCont{padding:15px 20px 20px;} .viewCont p{font-size:13px; color:#9c9c9c; line-height:1.6;} /* video_list */ .list02{margin-top:-25px;} .list02 > li{width:calc(50% - 6px); margin:25px 3px 0px 3px;} .list02 > li .txt_box{margin-top:10px; padding:0 5px;} .list02 > li .txt_box .tit{font-size:13px;} .list02 > li .txt_box .date{margin-top:8px; font-size:13px;} .list02 > li:hover .thumb_box{box-shadow:0 0 8px rgba(0,0,0,0.35);} /* Q&A */ .qnaList > li{height:65px;} .qnaList > li .f_box{width:55px;} .qnaList > li .number{line-height:65px; font-size:16px;} .qnaList > li.fixed .fix{background-size:auto 18px;} .qnaList > li .bbsTitle{padding:20px 55px 0 55px;} .qnaList > li.fixed .bbsTitle{padding:25px 30px 0 55px;} .qnaList > li .bbsTitle a{max-width:calc(100% - 44px); font-size:15px;} .qnaList > li .bbsTitle .new img, .qnaList > li .bbsTitle .lock img{height:13px;} .qnaList > li .dateWrite{right:auto; left:55px; top:38px; transform:translateY(0); line-height:1;} .qnaList > li .dateWrite > span{font-size:12px; line-height:1;} .qnaList > li .dateWrite > .date{margin-right:20px;} .qnaList > li .dateWrite > .date:after{right:-10px; height:8px;} .qnaList > li .state{right:10px; width:32px; height:32px; line-height:34px; font-size:12px;} .qnaList > li .state.arrow img{height:20px;} /* FAQ */ .faqList{margin-top:0;} .faqList > li{position:relative; background:url(/images/admissionNew/sub/faq_arrow.png)no-repeat top 28px right 15px; background-size:15px auto;} .faqList > li .faqQ{padding:20px 50px; background:url(/images/admissionNew/sub/faqQ.png)no-repeat top 19px left 15px; background-size:24px auto} .faqList > li .faqQ_tit{font-size:15px;} .faqList > li .faqA{padding:30px 20px 30px 85px; background:#f1fcff url(/images/admissionNew/sub/faqA.png)no-repeat left 50px top 22px; background-size:24px auto} .faqList > li .faqA:after{content:''; position:absolute; top:0; left:50px; width:calc(100% - 65px); height:1px; border-top:1px dashed #c3cedd;} .faqList > li .faqA p{font-size:14px;} .faqList > li.on{background:#f1fcff url(/images/admissionNew/sub/faq_arrow_on.png)no-repeat top 28px right 15px; background-size:15px auto;} .faqList > li.on .faqQ{background: url(/images/admissionNew/sub/faqQ.png)no-repeat top 19px left 15px; background-size:24px auto} .noData{margin-top:0;} .tbl_write .formTxt{font-size:13px;} .tbl_write .file_up .f_btn{margin-left:5px; width:calc(100%/3 - 10px/3);} .tabArea{margin-bottom:9;} .tabArea .nowTab{margin-bottom:0; height:42px; line-height:40px; font-size:16px; padding:0 55px 0 15px; background:#edffff url(/images/admissionNew/sub/tab_arrow_green.png) no-repeat right 12px top 15px; background-size:auto 20%; transform:rotate(0.03deg);} .tabArea .nowTab.active{background:#fff url(/images/admissionNew/sub/tab_arrow_green_up.png)no-repeat right 12px top 15px; background-size:auto 20%;} .tabArea .tabs{top:42px;} .tabArea .tabs li a{padding:15px ; font-size:15px;} .total01 .txt{font-size:14px;} .total01 span.br{display:block;} .total01 .img_box{margin-top:20px; padding:30px 10px;} .conBox .dept_con .tit_con{display:block;} .conBox .dept_con .tit_con .tit{margin-bottom:10px; font-size:17px; width:100%; line-height:1.2;} .conBox .dept_con .tit_con .btn_link{margin-left:25px;} .conBox .dept_con .con{padding-left:25px;} .conBox .dept_con .con .bul_txt{padding-left:15px; font-size:14px;} .conBox .dept_con .con .bul_txt:after{top:6px; left:4px;} .department .deptBox + .deptBox{margin-top:40px;} .department .deptBox{padding-top:200px;} .department .deptBox .dept_img{height:180px;} .list.consulting > li .titInfo{top:34px; left:50px;} .list.consulting > li .titInfo > span{margin-left:20px; letter-spacing:-1px;} .list.consulting > li .titInfo > span:after{left:-10px;} .result_box .formBox .form{margin-left:10px; margin-right:10px;} .result_box .formBox .form .form_con{width:calc(100% - 80px); margin-left:80px;} .result_box .formBox .form label{left:-85px; width:70px;} .btnArea .btn{width:80%;} .btnArea .btn + .btn{margin-left:0px; margin-top:5px;} } @media all and (max-width: 320px) { /* video_list */ .list02 > li .txt_box{padding:0 3px;} .list02 > li .txt_box .tit{font-size:12px;} .list02 > li .txt_box .date{font-size:12px;} .video_pop .pop_con{max-width:96%} .video_pop .pop_con .video_tit{font-size:13px;} .pdf_menu li a{font-size:13px;} .pdf_menu li a{padding-left:10px;} .tbl_write .wrap_captcha .captcha img{width:100%; height:100%;} }