@charset "utf-8"; /** Animation **/ .pattern_box .bor, .registration_form li, .registration_form li strong, .completed_box, .completed_box p.title, .completed_box .pattern_box p.accent, #con_cal .bor, #con_cal .cal_control, #con_cal .cal_view .calbox, #con_cal .cal_view .cal, .completed_box, .completed_box:after, .completed_box p.title strong, .completed_box p.title span, .completed_box p, .registration_form li div .program_toggle dd ul li, .fair_summery, .fair_summery img, .fair_summery .text, .fair_summery .text h4, .fair_summery .text p, .pattern_box .bor.viewer, .viewer_tip, .viewer_tip p, .pdf_viewer, .registration_table .month_select, .registration_table .month_select p, .registration_table .month_select a, .registration_table table td, .registration_table table td span, .registration_table table td span.appli_btn, .member_box, .member_box .login, .member_box .login ul, .member_box .login .login_btn, .member_box .join, .member_box .join li strong, .member_box .join li a, .member_box .input_form, /* .member_box .input_form ul li, .member_box .input_form ul li strong span, .member_box .input_form ul li div input, */ .member_box .success_title, #con_cal .cal_view .calbox, #con_cal .cal_view .cal, .program_infor h4, .program_infor h4 span, .program_infor ul, .program_infor ul li, .program_infor ul li a, .program_infor ul li h5, .program_infor ul li p, .pass_story_title img, .pass_story li, .pass_story li .photo, .pass_story li .photo img, .pass_story li .txt, .appli_step li, .appli_step li div:after, .appli_step li div p, .program_summery, .program_summery .txt, .program_summery .txt p, .program_summery .txt p span, .program_summery .txt p strong, .program_summery .slider, .program_summery .slider .move, .program_question li, .program_question li h5, .program_question li p, .program_type li, .program_type li p, .program_method li, .program_method li p, .talent, .talent ul li, .talent ul li:after, .talent ul li div, .talent ul li div p, .talent ul li div dl, .talent ul li div dl dt, .talent ul li div dl dd, .talent ul li div dl dd:before, .selection_step, .selection_step dt, .cacao_consulting p.title, .cacao_consulting p.title:before, .cacao_consulting p.title img, .cacao_consulting .infor ul li, .cacao_consulting .infor ul li dl dt, .cacao_consulting .infor ul li dl dd, .js_tab.professor li a, .professor_infor, .professor_infor dt, .professor_infor dd, .professor_list li div, .professor_list li div h5, .depart_link li h4 span, .depart_link li, .depart_link li:before, .depart_link li ul, .depart_link li ul li a {transition : all 0.5s ease; -webkit-transition : all 0.5s ease;} /* Common style */ .pattern_box {width:auto; height:auto; padding:3px; background:url(../../images/contents/pattern_bg.gif) repeat left top; margin-bottom:20px;} .pattern_box .bor {background:#fff; padding:20px 3% 20px 3%; position:relative;} .pattern_box .bor p {margin:0;} .pattern_box .bor ul {margin-top:0;} .pattern_box .bor ul li {margin-top:7px; background:url(../../images/common/list02_bul.gif) no-repeat left 8px; padding:0 0 0 10px;} .pattern_box .bor ul li:first-child {margin-top:0;} .pattern_box .bor ul li span {line-height:1em;} .pattern_box .bor.experience {padding:20px 3% 20px 15%;} .pattern_box .bor.experience:after {content:""; display:block; width:17%; height:100%; position:absolute; left:0; top:0; background:url(../../images/contents/experience_ico.png) no-repeat center 50%;} .pattern_box .bor.dcu {padding:20px 3% 20px 17%;} .pattern_box .bor.dcu:after {content:""; display:block; width:17%; height:100%; position:absolute; left:0; top:0; background:url(../../images/contents/dcu_ico.png) no-repeat center 50%;} /*** PDF 뷰어 ***/ .viewer_tip {background:#f3f6fd; padding:20px 3% 17px 3%; margin:0 0 10px 0;} .viewer_tip p {margin:0; padding:0 0 0 90px; background:url(../../images/contents/viewer_tip_ico.png) no-repeat left top; min-height:43px;} .pattern_box .bor.viewer {position:relative; z-index:10;} .pattern_box .bor.viewer h4 {margin:0; background:none; padding:0; font-size:24px; line-height:32px;} .pattern_box .bor.viewer .down_link {position:absolute; right:3%; top:50%; margin-top:-19px;} .pattern_box .bor.viewer .down_link:after {content:""; display:block; clear:both;} .pattern_box .bor.viewer .down_link span.down_btn {display:block; float:left;} .pattern_box .bor.viewer .down_link span.down_btn a {display:inline-block; vertical-align:top; border:1px solid #a0a4b0; color:#444; background:url(../../images/common/down_btn_ico1.png) no-repeat 13px 50%; padding:7px 15px 5px 37px; height:24px; transition : all 0.3s ease; -webkit-transition : all 0.3s ease; margin-left:10px;} .pattern_box .bor.viewer .down_link span.down_btn a:first-child {margin-left:0;} .pattern_box .bor.viewer .down_link span.down_btn a:hover, .pattern_box .bor.viewer .down_link span.down_btn a:active {border:1px solid #346bc8; color:#346bc8;} .pattern_box .bor.viewer .down_link .history_pdf {float:left; position:relative; margin-left:10px;} .pattern_box .bor.viewer .down_link .history_pdf dt {} .pattern_box .bor.viewer .down_link .history_pdf dt a {display:block; border:1px solid #a0a4b0; color:#444; padding:7px 35px 5px 15px; height:24px; position:relative; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;} .pattern_box .bor.viewer .down_link .history_pdf dt a:hover, .pattern_box .bor.viewer .down_link .history_pdf dt a:active {border:1px solid #346bc8; color:#346bc8;} .pattern_box .bor.viewer .down_link .history_pdf dt a:after {content:""; display:block; width:12px; height:7px; background:url(../../images/contents/history_pdf_btn.png) no-repeat center 50%; position:absolute; right:15px; top:50%; margin-top:-3px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease; transition: all .3s ease;} .pattern_box .bor.viewer .down_link .history_pdf dt a.on:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);} .pattern_box .bor.viewer .down_link .history_pdf dd {position:absolute; left:0; z-index:10; width:100%; display:none;} .pattern_box .bor.viewer .down_link .history_pdf dd ul {background:#fff; border:1px solid #a0a4b0; border-top:0;} .pattern_box .bor.viewer .down_link .history_pdf dd ul li {background:none; border-top:1px solid #a0a4b0; padding:0; margin:0;} .pattern_box .bor.viewer .down_link .history_pdf dd ul li:first-child {border:0;} .pattern_box .bor.viewer .down_link .history_pdf dd ul li a {display:block; padding:7px 15px 5px 15px; margin:0;} .pdf_viewer {width:auto; height:auto !important; position:relative; padding:0 0 0 280px; } .pdf_viewer .tab {width:250px; height:auto; min-height:300px; border:1px solid #dfdfdf; overflow:hidden; position:absolute; left:0; top:0; box-sizing:border-box;} .pdf_viewer .tab ul {width:100%;} .pdf_viewer .tab ul li {border-top:1px solid #d7d7d7;} .pdf_viewer .tab ul li:first-child {border:0;} .pdf_viewer .tab ul li.ov {background:#4f81e2; border-top:1px solid #4f81e2;} .pdf_viewer .tab ul li a {display:block; padding:10px 15px; line-height:20px; text-decoration:none;} .pdf_viewer .tab ul li.ov a {color:#fff;} .pdf_viewer .tab .mCSB_inside > .mCSB_container {margin-right:0;} .pdf_viewer .view {width:100%; height:auto;} .pdf_viewer .view iframe {width:100%;min-height: 1269px !important;} .pdf_viewer .mobile {display:none;} .pdf_viewer1 {display:none;} /*** 학생부종합 ***/ /* 주요사항 */ .my_introduce {background:#f3f6fd; padding:25px 3%; margin-top:15px;} .basic_table span.ico1 {color:#fff; background:#f37321; display:inline-block; vertical-align:top; font-size:13px; line-height:18px; padding:2px 6px 0 6px; margin:0 2px;} .basic_table span.ico2 {color:#fff; background:#095853; display:inline-block; vertical-align:top; font-size:13px; line-height:18px; padding:2px 6px 0 6px; margin:0 2px;} /* 전형준비 */ .talent {background:#f5f5f5; padding:40px 5% 40px 5%;} .talent .title {text-align:center; margin:0 0 30px 0;} .talent .title span {display:block; font-size:32px; line-height:38px; margin:0 0 15px 0; padding:0 0 15px 0; color:#114aa9; position:relative;} .talent .title span:after {content:""; display:block; width:50px; height:3px; background:#114aa9; position:absolute; left:50%; bottom:0; margin-left:-25px;} .talent .title strong {display:inline-block; vertical-align:top; font-size:22px; line-height:28px; color:#444; font-weight:normal; position:relative;} .talent .title strong:before {content:""; display:block; width:22px; height:19px; background:url(../../images/contents/talent_title_bg1.png) no-repeat left top; position:absolute; left:-35px; top:-7px;} .talent .title strong:after {content:""; display:block; width:22px; height:19px; background:url(../../images/contents/talent_title_bg2.png) no-repeat left top; position:absolute; right:-35px; top:0;} .talent ul {width:100%; height:auto;} .talent ul:after {content:""; display:block; clear:both;} .talent ul li {float:left; width:30%; padding-left:5%; position:relative;} .talent ul li:after {content:""; display:block; width:15%; height:100%; background:url(../../images/contents/talent_plus_ico.png) no-repeat center 50%; position:absolute; left:0; top:0;} .talent ul li:first-child {padding-left:0;} .talent ul li:first-child:after {display:none;} .talent ul li div {background:#fff; border:1px solid #e1e1e1; padding:15px 0 30px 0;} .talent ul li div p {color:#888; margin:0 15px 10px 15px;} .talent ul li div dl {} .talent ul li div dl dt {padding:175px 0 0 0; text-align:center; margin:0 0 15px 0; color:#027779;} .talent ul li div dl.list_1 dt {background:url(../../images/contents/talent_ico01.png) no-repeat center top;} .talent ul li div dl.list_2 dt {background:url(../../images/contents/talent_ico02.png) no-repeat center top; color:#2b5fc4;} .talent ul li div dl.list_3 dt {background:url(../../images/contents/talent_ico03.png) no-repeat center top;} .talent ul li div dl dt strong {display:block; font-size:20px; line-height:26px; font-weight:normal;} .talent ul li div dl dt span {display:block; font-size:16px; line-height:21px;} .talent ul li div dl dd {text-align:center; padding:15px 0 0 0; position:relative;} .talent ul li div dl dd:before {content:""; display:block; width:30px; height:1px; background:#027779; position:absolute; left:50%; top:0; margin-left:-15px;} .talent ul li div dl.list_2 dd:before {background:#2b5fc4;} .talent ul li div dl dd span {display:block; line-height:21px;} .talent p.down_btn {text-align:center; margin:30px 0 0 0;} .talent p.down_btn a {display:inline-block; vertical-align:top; border:1px solid #a0a4b0; color:#444; background:url(../../images/common/down_btn_ico1.png) no-repeat 13px 50%; padding:7px 15px 5px 37px; height:24px; transition : all 0.3s ease; -webkit-transition : all 0.3s ease; margin-left:10px;} .talent p.down_btn a:first-child {margin-left:0;} .talent p.down_btn a:hover, .talent p.down_btn a:active {border:1px solid #346bc8; color:#346bc8;} .pdf_viewer.qna_100 {height:1210px !important;} .pdf_viewer.qna_100 .tab {height:100% !important;} .pdf_viewer.qna_100 .view iframe {height:1210px !important;} /* 선발절차 */ .selection_step {position:relative; padding:0 0 0 130px;} .selection_step dt {position:absolute; left:0; top:0px; width:130px; height:100%; background:#4271cd; color:#fff; text-align:center;} .selection_step dt span {display:block; padding:80px 0 0 0;} .selection_step dt.step01 span {background:url(../../images/contents/selection_step_ico1.png) no-repeat center 28px;} .selection_step dt.step02 span {background:url(../../images/contents/selection_step_ico2.png) no-repeat center 25px;} .selection_step dd {padding:25px 3%; min-height:68px; border:1px solid #d2d2d2; border-left:0;} /* 합격자수기 */ .pass_story_title {margin:0 0 40px 0; overflow:hidden;} .pass_story_title img {display:block; width:100%;} .pass_story {width:100%;} .pass_story li {padding:45px 0 40px 200px; border-top:1px dashed #d2d2d2; position:relative;} .pass_story li:first-child {padding-top:0; border:0;} .pass_story li .photo {width:200px; position:absolute; left:0; top:45px; background:#4271cd;} .pass_story li .photo img {display:block; margin:0 auto; width:100%;} .pass_story li .photo p {text-align:center; color:#fff; margin:0; padding:12px 0;} .pass_story li .photo p span {display:block; line-height:21px;} .pass_story li:first-child .photo {top:0;} .pass_story li .txt {padding:0 0 0 40px;} .pass_story li .txt h4 {background:none; margin:0 0 25px 0; padding:0; color:#4271cd;} .pass_story li .txt h4 span {display:block; margin:0 0 5px 0; font-size:16px; line-height:22px;} .pass_story li .txt h4 strong {display:block; font-size:22px; line-height:26px;} .pass_story li .txt h5 {color:#333; padding:0 0 8px 28px; margin:0 0 15px 0; background:url(../../images/contents/pass_story_h5_bul.png) no-repeat left top; display:inline-block; vertical-align:top; border-bottom:1px solid #cdcdcd;} .pass_story li .txt p {text-align:justify;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor {position:relative; width:100%; background:url(../../images/contents/program_infor_bg.jpg) no-repeat center top; overflow:hidden; background-size:cover;} .program_infor h4 {position:absolute; left:3%; bottom:80px; padding-right:600px; color:#fff; background:none; font-size:46px; line-height:56px; margin:0;} .program_infor h4 span {display:block; line-height:56px;} .program_infor:after {content:""; display:block; clear:both;} .program_infor ul {width:600px; height:auto; float:right; position:relative; z-index:10;} .program_infor ul:after {content:""; display:block; clear:both;} .program_infor ul li {width:60%;height:255px;float: right;position:relative;} .program_infor ul li:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.9; -webkit-opacity:0.9; filter:alpha(opacity=90);} .program_infor ul li.bn01:after {background:#00a1a3;} .program_infor ul li.bn02:after {background:#2d62c8;} .program_infor ul li.bn03:after {background:#00a1a3;} .program_infor ul li.bn04:after {background:#2d62c8;} .program_infor ul li h5 {padding:35px 0 10px 0; color:#fff; font-size:24px; line-height:28px; border-top:1px solid #4dbdbf; margin:0 10%; position:relative; z-index:5;} .program_infor ul li p {font-size:16px; line-height:22px; margin:0 10%; color:#fff; opacity:0.8; -webkit-opacity:0.8; filter:alpha(opacity=80); position:relative; z-index:5;} .program_infor ul li a {display:block; position:absolute; left:10%; bottom:30px; z-index:5; width:38px; height:38px; border:2px solid #fff; border-radius:21px; -webkit-border-radius:21px; overflow:hidden; background:url(../../images/contents/program_infor_arrow.png) no-repeat center 50%; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;} .program_infor ul li.bn01 h5 {border-top:0;} .program_infor ul li.bn02 h5 {border-top:0;} .program_infor ul li.bn04 h5 {border-top:1px solid #6c91d9;} .program_infor ul li a:hover, .program_infor ul li a:active {padding:0 10px;} .program_summery {background:#3567da; padding: 60px 0 0 43%; min-height:290px; position:relative; margin:0 0 25px 0;} .program_summery .slider {width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;} .program_summery .slider .control {position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;} .program_summery .slider .control ul {position:absolute; left: 46%; bottom:40px;} .program_summery .slider .control ul li {float:left; margin-left:5px;} .program_summery .slider .control ul li:first-child {margin-left:0;} .program_summery .slider .control ul li span {display:inline-block; vertical-align:bottom; text-indent:-9999px; width:50px; height:1px; background:#fff;} .program_summery .slider .control ul li span.on {height:4px; background:#4dffe2;} .program_summery .slider .control a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;} .program_summery .slider .control a.btn_left {display:block; width:50px; height:50px; background:#fff url(../../images/contents/program_slider_control_l.png) no-repeat center 50%; position:absolute; left:0; top:50%; margin-top:-25px; opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60);} .program_summery .slider .control a.btn_right {display:block; width:50px; height:50px; background:#fff url(../../images/contents/program_slider_control_r.png) no-repeat center 50%; position:absolute; left: 43%; top:50%;margin: -25px 0 0 -50px;; opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60);} .program_summery .slider .control a.btn_stop, .program_summery .slider .control a.btn_play {display:none !important;} .program_summery .slider .move {position:absolute; left:0; top:0; width: 43%; height:100%; overflow:hidden; z-index:1;} .program_summery .slider .move ul {overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%;} .program_summery .slider .move ul li {float:none; position:absolute; left:100%; top:0; width:100%; height:100%;} .program_summery .slider .move ul li:first-child {left:0;} .program_summery .slider .move ul li img {height:100%; display:block;} .program_summery .txt {position:relative; z-index:1;} .program_summery .txt p {color:#fff; margin:0 4%;} .program_summery .txt p.title {margin-bottom:20px;} .program_summery .txt p.title span {display:block; font-size:17px; line-height:22px; margin:0 0 5px 0; opacity:0.8; -webkit-opacity:0.8; filter:alpha(opacity=80);} .program_summery .txt p.title strong {display:block; font-size:35px; line-height:42px;} .program_summery .txt p.text {opacity:0.8; -webkit-opacity:0.8; filter:alpha(opacity=80); font-size:17px; line-height:22px;} .appli_step {width:100%; padding:10px 0 0 0;} .appli_step:after {content:""; display:block; clear:both;} .appli_step li {float:left; padding:0 0 0 50px; background:url(../../images/contents/appli_step_bul.png) no-repeat left 50%;} .appli_step li:first-child {padding:0; background:none;} .appli_step li div {width:160px; height:160px; overflow:hidden; background:#d9d9d9; border-radius:50%; -webkit-border-radius:50%; position:relative;} .appli_step li div p {width:144px; height:124px; padding:20px 0 0 0; background:#fff; position:relative; z-index:5; border-radius:50%; -webkit-border-radius:50%; margin:8px; text-align:center; overflow:hidden;} .appli_step li div p span {display:block; color:#5887db; font-size:30px; line-height:36px; margin:0 0 5px 0;} .appli_step li div:after {content:""; display:block; width:80px; height:80px; overflow:hidden; background:#5887db; position:absolute; z-index:1;} .appli_step li.step1 div:after {left:50%; top:0; border-radius:0 80px 0 0; -webkit-border-radius:0 80px 0 0;} .appli_step li.step2 div:after {left:50%; top:50%; border-radius:0 0 80px 0; -webkit-border-radius:0 0 80px 0;} .appli_step li.step3 div:after {left:0; top:50%; border-radius:0 0 0 80px; -webkit-border-radius:0 0 0 80px;} .appli_step li.step4 div:after {left:0; top:0; border-radius:80px 0 0 0; -webkit-border-radius:80px 0 0 0;} .appli_step li.step5 div {background:#5887db;} .appli_step li.step5 div:after {display:none;} .appli_step li.step5 div p {background:#5887db; color:#fff;} .appli_step li.step5 div p span {color:#fff;} .program_question {width:auto; border:1px solid #dedede;} .program_question:after {content:""; display:block; clear:both;} .program_question li {float:left; width:50%; position:relative;} .program_question li h5 {width:200px; height:100%; margin:0; position:absolute; left:0; top:0; background:#eaf0f9; color:#555; font-size:22px; line-height:28px; text-align:center; font-weight:normal;} .program_question li h5 span {display:inline-block; vertical-align:top; position:absolute; left:0; top:50%; width:100%; margin-top:-17px;} .program_question li p {margin:0 0 0 200px; padding:20px 4%; color:#555;} .program_question li p strong {display:inline-block; vertical-align:middle; font-size:16px; line-height:22px; margin-right:20px; color:#444; font-weight:normal;} .program_question li p span {display:inline-block; vertical-align:middle; font-size:22px; line-height:28px;} .pattern_box.program_period {margin:50px 0 0 0;} .pattern_box.program_period .bor {padding:20px 10px 15px 10px; text-align:center;} .pattern_box.program_period .bor .title {background:#5887db; color:#fff; text-align:center; font-size:20px; line-height:26px; padding:10px 50px 8px 70px; margin:0 0 15px 0; display:inline-block; vertical-align:top; border-radius:23px; -webkit-border-radius:23px; position:relative;} .pattern_box.program_period .bor .title:after {content:""; display:block; width:51px; height:69px; background:url(../../images/contents/program_period_ico.png) no-repeat; position:absolute; left:-10px; top:-15px;} .pattern_box.program_period table {width:99.6%; margin:0 0.2%;} .pattern_box.program_period table th {background:#f1f3f6; border:2px solid #fff; font-weight:normal; padding:8px 0 6px 0;} .pattern_box.program_period table td {background:#f1f3f6; border:2px solid #fff;} .pattern_box.program_period table td ul {padding:10px 0; position:relative; height:103px;} .pattern_box.program_period table td ul li {color:#fff; display:inline-block; vertical-align:top; font-size:16px; padding:5px 0; text-align:center; margin:0; position:absolute; border-radius:16px; -webkit-border-radius:16px;} .pattern_box.program_period table td ul li span {display:none;} .pattern_box.program_period table td ul li.cate1 {background:#efa808;} .pattern_box.program_period table td ul li.cate2 {background:#0099a7;} .pattern_box.program_period table td ul li.cate3 {background:#a35fb6;} .pattern_box.program_period table td ul li.period_1 { width:25%; left:8.3%; top:10px; } .pattern_box.program_period table td ul li.period_2 { width:16.6%; left:66.9%; top:10px; } .pattern_box.program_period table td ul li.period_3 {width: 16.6%; left: 16.7%; top:46px;} .pattern_box.program_period table td ul li.period_4 {width:16.6%; left: 66.9%; top:46px;} .pattern_box.program_period table td ul li.period_5 {width:24.9%; left:49.8%; top:82px;} .pattern_box.program_period .edit {text-align:right; margin:10px 0.2% 0 0;} .pattern_box.program_period .mob_program_period {display:none;} .program_type {width:100%;} .program_type:after {content:""; display:block; clear:both;} .program_type li {float:left; width:49%; margin-left:2%;} .program_type li:first-child {margin-left:0;} .program_type li p {text-align:center; font-size:18px; line-height:24px; padding:20px 0; min-height:27px; color:#fff; margin:0;} .program_type li p span {font-size:16px; line-height:21px; display:inline-block; background:#1a85a7; padding:4px 8px 2px 8px; margin:0 0 0 5px;} .program_type li.list1 p {background:#77c7e0;} .program_type li.list2 p {background:#8fafe0;} .program_type li.list3 p {background:#bf9cc5;} .program_method {width:100%;} .program_method:after {content:""; display:block; clear:both;} .program_method li {float:left; width:49%; margin-left:2%;} .program_method li:first-child {margin-left:0;} .program_method li p {text-align:center; font-size:18px; line-height:24px; padding:18px 0; color:#fff; margin:0;} .program_method li.list1 p {border:3px solid #77c7e0; color:#77c7e0;} .program_method li.list2 p {border:3px solid #8fafe0; color:#8fafe0;} .program_method li.list3 p {border:3px solid #bf9cc5; color:#bf9cc5;} /* step 1 */ .registration_table {width:100%; margin:0 0 20px 0;} .registration_table .month_select {width:100%; text-align:center; height:40px; margin:0 0 30px 0;} .registration_table .month_select p, .registration_table .month_select a {display:inline-block; vertical-align:top;} .registration_table .month_select p {font-size:30px; line-height:44px; font-weight:600; margin:0 15px; color:#444;} .registration_table .month_select a {width:40px; height:40px; line-height:42px;} .registration_table .month_select a.prev {text-indent:-9999px; background:#fff url(../../images/contents/registration_prev.png) no-repeat center 50%;} .registration_table .month_select a.next {text-indent:-9999px; background:#fff url(../../images/contents/registration_next.png) no-repeat center 50%;} .registration_table table {width:100%; background:#fff;} .registration_table table th {border:1px solid #e5e5e5; border-top:2px solid #4f81e2; width:14%; background:#f9f9f9; color:#757575; font-size:16px; line-height:16px; padding:7px;} .registration_table table td {border:1px solid #e5e5e5; width:14%; vertical-align:top; position:relative; padding:10px; color:#757575; height:95px;} .registration_table table .sun, .registration_table table .sat {width:15%;} .registration_table table .sun {color:#e84c4c;} .registration_table table .sat {color:#4d82e2;} .registration_table table td span {display:inline-block; vertical-align:top; position:relative; z-index:10;} .registration_table table td span.appli_btn {display:block; width:70px; height:70px; line-height:70px; border-radius:50%; -webkit-border-radius:50%; overflow:hidden; background:#abadb1; color:#fff; text-align:center; margin:0 auto 0 auto;} .registration_table table td span.appli_btn a {display:block; height:100%; line-height:70px; background:#4f81e2; color:#fff;} .registration_table .cate_tip {margin:0 0 10px 0; display:none;} .registration_table .cate_tip:after {content:""; display:block; clear:both;} .registration_table .cate_tip li {float:left; margin-left:15px; padding-left:20px; position:relative; line-height:17px;} .registration_table .cate_tip li:first-child {margin-left:0;} .registration_table .cate_tip li.cate_1 {color:#4f81e2;} .registration_table .cate_tip li.cate_2 {color:#abadb1;} .registration_table .cate_tip li:before {content:""; display:block; width:15px; height:15px; background:#000; position:absolute; left:0; top:0;} .registration_table .cate_tip li.cate_1:before {background:#4f81e2;} .registration_table .cate_tip li.cate_2:before {background:#abadb1;} .confirm_check {margin:0; text-align:center;} .confirm_check span {display:inline-block; vertical-align:top;} .exp_btn {margin:-6px 0 0 10px;} /* step 2 */ .input_tip {text-align:right; margin:0 0 10px 0;} .input_tip span {color:#d90000;} .registration_form {width:100%; height:auto; border-top:1px solid #346bc8;} .registration_form li {border-bottom:1px solid #d2d2d2; position:relative; padding:0 15px 0 205px;} .registration_form li.ty_check {padding:0 15px;} .registration_form li strong {display:block; width:190px; height:100%; position:absolute; left:0; top:0; background:#f7f7f7; border-right:1px solid #d2d2d2;} .registration_form li strong span {display:block; position:absolute; left:20px; top:50%; margin-top:-12px; z-index:10;} .registration_form li strong span span.accent {display:inline-block; position:relative; left:auto; top:auto; margin:0 5px 0 0; padding:0; color:#d90000;} .registration_form li div {padding:8px 0;} .registration_form li div p {margin:0; padding:5px 0;} .registration_form li div img {display:inline-block; vertical-align:top; margin:8px 0 0 5px;} .registration_form li div img.ui-datepicker-trigger {cursor:pointer;} .registration_form li div .agree_check {width:100%; margin:20px 0 0 0;} .registration_form li div .agree_check dt {font-weight:600;} .registration_form li div .agree_check dd {} .registration_form li div span.ty1 {display:inline-block; margin:0 5px;} .registration_form li div span.ty2 {display:block; margin:5px 0 0 0;} .registration_form li div span.sns_check {position:absolute; right:15px; top:13px; display:inline-block;} .registration_form li div input:hover, .registration_form li div input:focus, .registration_form li div select:hover, .registration_form li div select:focus {border:1px solid #2061c2;} .registration_form li div ul {border:0;} .registration_form li div ul li {border:0; padding:0 0 0 10px; margin:8px 0 0 0;} .registration_form li div ul li strong {background:none; border-right:0; width:auto; display:inline-block; position:relative; left:auto; top:auto; margin:0; padding:0;} .registration_form li div ul li p {margin:0; padding:3px 0 0 0;} .registration_form li div ul li ul {padding:3px 0 0 0;} .registration_form li div ul li ul li {margin:3px 0 0 0;} .registration_form li div ul.input_check {} .registration_form li div ul.input_check:after {content:""; display:block; clear:both;} .registration_form li div ul.input_check li {padding:0; margin:0 20px 0 0; float:left;} .registration_form li div.school_result {text-align:center; border-top:1px solid #d2d2d2; margin:8px 0 0 0; padding:8px 0 0 0; width:100%;} .registration_form li div.school_result dl {width:100%;} .registration_form li div.school_result dl .edu_title {width:40%;} .registration_form li div.school_result dl .edu_office {width:30%;} .registration_form li div.school_result dl .edu_code {width:30%;} .registration_form li div.school_result dl dt {display:table; width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; padding:0; margin:0; border-bottom:1px solid #d4d4d4; background:#6c98df; border-bottom:0;} .registration_form li div.school_result dl dt strong {display:table-cell; color:#fff; font-weight:normal; padding:8px 10px 6px 10px; position:relative; height:auto; width:auto; background:none; border:0;} .registration_form li div.school_result dl dd {width:100%; height:175px; overflow-y:scroll;} .registration_form li div.school_result dl dd div {padding:0;} .registration_form li div.school_result dl dd ul {width:100%; height:auto; display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0;} .registration_form li div.school_result dl dd ul li {display:table-row; padding:0; margin:0; border-bottom:1px solid #d4d4d4;} .registration_form li div.school_result dl dd ul li p {display:table-cell; padding:6px 10px 4px 10px; border-left:1px solid #d4d4d4; height:24px; line-height:24px; box-sizing:border-box; overflow:hidden;} .registration_form li div.school_result dl dd ul li p.edu_title {padding:0; border-left:0; height:auto;} .registration_form li div.school_result dl dd ul li p.edu_title a {display:block; background:#f5f5f5; padding:6px 10px 4px 10px; height:24px; line-height:24px; overflow:hidden;} .registration_form li div.school_result .no_data {display:inline-block; vertical-align:top; text-align:left; padding:20px 0 20px 60px; background:url(../../images/contents/school_result_nodata.png) no-repeat left 22px; margin:0; min-height:50px;} .registration_form li div .program_category {text-align:right; padding:10px 0;} .registration_form li div .program_category li {margin:0 0 0 10px; padding:0 0 0 30px; display:inline-block; vertical-align:top; position:relative;} .registration_form li div .program_category li:first-child {margin:0;} .registration_form li div .program_category li span {position:absolute; left:0; top:-3px; display:block; width:24px; height:21px; line-height:21px; color:#fff; border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-align:center; padding:3px 0 0 0;} .registration_form li div .program_category li.cate1 span {background:#01a0c7;} .registration_form li div .program_category li.cate2 span {background:#925da3;} .registration_form li div .program_category li.cate3 {background:url(../../images/contents/program_ico01.png) no-repeat 5px top;} .registration_form li div .program_category li.cate4 {background:url(../../images/contents/program_ico02.png) no-repeat 3px top;} .registration_form li div .program_toggle {width:100%; height:auto; border-top:2px solid #666; border-bottom:2px solid #666; margin:0 0 10px 0;} .registration_form li div .program_toggle dt {width:100%; height:auto; border-top:1px solid #c6c6c6;} .registration_form li div .program_toggle dt:first-child {border:0;} .registration_form li div .program_toggle dt a {display:block; font-size:16px; line-height:21px; padding:12px 50px 12px 20px; position:relative; text-decoration:none;} .registration_form li div .program_toggle dt a.on {color:#346bc8;} .registration_form li div .program_toggle dt a:after {content:""; display:block; width:17px; height:10px; background:url(../../images/contents/program_toggle_down.png) no-repeat center 50%; position:absolute; right:20px; top:50%; margin-top:-5px;} .registration_form li div .program_toggle dt a.on:after {background:url(../../images/contents/program_toggle_up.png) no-repeat center 50%;} .registration_form li div .program_toggle dd {background:#f5f5f5; border-top:1px solid #c6c6c6; padding:5px 20px; display:none;} .registration_form li div .program_toggle dd ul {} .registration_form li div .program_toggle dd ul li {padding:13px 260px 10px 0; margin:0; position:relative; border-top:1px dashed #d2d2d2;} .registration_form li div .program_toggle dd ul li:first-child {border:0;} .registration_form li div .program_toggle dd ul li p {margin:0; display:inline; vertical-align:top;} .registration_form li div .program_toggle dd ul li p.category {position:absolute; left:0; top:10px; display:block; width:24px; height:21px; color:#fff; border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-align:center; padding:3px 0 0 0;} .registration_form li div .program_toggle dd ul li p.category.ty1 {background:#01a0c7;} .registration_form li div .program_toggle dd ul li p.category.ty2 {background:#925da3;} .registration_form li div .program_toggle dd ul li p.depart {padding:0 13px 0 0; margin:0 8px 0 0; background:url(../../images/contents/program_bul.gif) no-repeat right 3px;} .registration_form li div .program_toggle dd ul li p.title {margin:0 8px 0 0;} .registration_form li div .program_toggle dd ul li p.professor {padding:0 0 0 13px; background:url(../../images/contents/program_bul.gif) no-repeat left 3px;} .registration_form li div .program_toggle dd ul li p.infor {} .registration_form li div .program_toggle dd ul li p.infor span {display:inline-block; vertical-align:top; padding:0 0 0 25px; margin:0 0 0 10px; line-height:21px;} .registration_form li div .program_toggle dd ul li p.infor span:first-child {margin:0;} .registration_form li div .program_toggle dd ul li p.infor span.member {background:url(../../images/contents/program_ico01.png) no-repeat left top; padding:0 0 0 20px;} .registration_form li div .program_toggle dd ul li p.infor span.time {background:url(../../images/contents/program_ico02.png) no-repeat left top;} .registration_form li div .program_toggle dd ul li p.check {position:absolute; right:0; top:5px;} .registration_form li div .program_toggle dd ul li p.check label {margin:0 0 0 5px; line-height:21px; color:#999;} .registration_form li div .program_toggle dd ul li p.check input[type="radio"]:not(old) + label {background-position:left -96px;} .registration_form li div .program_toggle dd ul li p.check input[type="radio"]:not(old):checked + label {background-position:left -146px; color:#555;} .registration_form li div .program_toggle dd ul li p.check .cancel_btn {font-size:14px; display:inline-block; vertical-align:top; background:#636b7e; color:#fff; padding:3px 10px 1px 10px; height:auto; margin:1px 0 0 10px; overflow:hidden; border-radius:13px; -webkit-border-radius:13px;} .registration_form li div .program_toggle.ty1 dd ul li {padding:13px 40px 10px 30px;} .registration_form li div .program_toggle.ty1 dd ul li p.title {background:none; padding:0;} .registration_form li div .program_toggle.ty1 dd ul li p.check {top:7px;} .registration_form li div .program_toggle.ty1 dd ul li p label {width:22px; height:22px; text-indent:-9999px; margin:0; padding:0; overflow:hidden;} .registration_form.board li div input[type="checkbox"]:not(old) + label {margin:5px 0 0 0;} .agree_scroll {height:220px; overflow:hidden; border:1px solid #d2d2d2; padding:20px 3% 20px 3%;} .agree_scroll .padd {padding:0 10px 0 0;} .fair_summery {width:100%; height:auto; background:#f6f6f6; margin:0 0 25px 0; position:relative; overflow:hidden;} .fair_summery img {display:block; width:56%;} .fair_summery .text {width:44%; position:absolute; right:0; top:0; height:100%; background:url(../../images/contents/fair_bg.png) no-repeat center 25%;} .fair_summery .text h4 {text-align:center; background:none; color:#346bc8; font-size:34px; line-height:42px; margin:0; padding:44% 0 6% 0;} .fair_summery .text p {text-align:center; color:#444; font-size:17px; line-height:24px; border:1px solid #bfbfbf; padding:15px 0 13px 0; margin:0 10%;} .fair_summery .text p span {line-height:21px;} .registration_form li div div.htmlarea {padding:0; font-size:13px;} .registration_form li div div.htmlarea table {width:auto;} .registration_form li div div.htmlarea iframe {border:1px solid #d2d2d2; width:100% !important; box-sizing:border-box;} .registration_form li div div.htmlarea select {height:auto; min-width:10px;} .registration_form li div div.htmlarea img {margin:0;} /* step 3 */ .completed_box {width:auto; max-width:56%; border:10px solid #eff0f2; padding:90px 5%; margin:0 auto; position:relative;} .completed_box:after {content:""; display:block; width:83px; height:149px; background:url(../../images/contents/completed_box_bg.png) no-repeat right top; background-size:100% auto; position:absolute; right:20px; top:-10px;} .completed_box p {text-align:center; margin:0;} .completed_box p.title {margin:0 0 20px 0;} .completed_box p.title strong {display:block; color:#346bc8; font-size:38px; line-height:46px; margin:0 0 5px 0;} .completed_box p.title span {display:block; font-size:24px; line-height:32px; color:#444;} .completed_box p.date {font-size:20px; line-height:28px; color:#346bc8; margin:0 0 30px 0;} .completed_box p.tip {padding:0; background:none; color:#666; font-size:17px; line-height:22px;} .completed_box .btn_link {margin:20px 0 0 0;} /*** 입시도우미 ***/ /* 입시일정 */ #con_cal{width:100%;} #con_cal .bor {position:relative; padding:19px 25px 19px 230px;} #con_cal .cal_control {position:absolute; left:38px; top:21px; color:#505050;} #con_cal .cal_control a, #con_cal .cal_control strong {display:inline-block; vertical-align:top;} #con_cal .cal_control a {line-height:24px; height:32px; width:32px; position:relative;} #con_cal .cal_control a img {display:block; position:absolute; left:50%; top:50%; margin:-10px 0 0 -6px;} #con_cal .cal_control strong {font-size:32px; line-height:34px; padding:0px 10px; font-weight:normal;} #con_cal .cal_list {} #con_cal .cal_list ul {overflow:hidden;} #con_cal .cal_list ul li {float:left; padding:0px 10px; background:url(../../images/contents/cal_bar.png) no-repeat left 50%; margin:0;} #con_cal .cal_list ul li:first-child {background:none; padding-left:0;} #con_cal .cal_list ul li a {display:block; padding:5px 10px 3px 10px; text-decoration:none; font-size:15px;} #con_cal .cal_list ul li a:hover, #con_cal .cal_list ul li a:active, #con_cal .cal_list ul li a.on {color:#fff; background:#346bc8;} #con_cal .cal_view {} #con_cal .cal_view ul {} #con_cal .cal_view ul li {margin-top:35px; padding-top:30px; border-top:1px dotted #c5c5c5;} #con_cal .cal_view ul li h5 {margin-top:0;} #con_cal .cal_view ul li h5 span {font-weight:normal; color:#999; font-size:16px; margin-left:5px; font-family:Arial, Helvetica, sans-serif;} #con_cal .cal_view ul li:first-child {padding-top:0px; border:none;} #con_cal .cal_view .calbox {position:relative; padding-left:390px;} #con_cal .cal_view .cal {position:absolute; left:0; top:0; width:360px; margin:0 auto;} #con_cal .cal_view .cal table {border-top:2px solid #4f81e2; border-bottom:1px solid #d7d7d7;} #con_cal .cal_view .cal table th {height:34px; text-align:center; font-size:13px; background:#e5e5e5;} #con_cal .cal_view .cal table td {height:34px; text-align:center; font-size:11px; background:#fff;} #con_cal .cal_view .cal table td.sun {color:#ef4b5c;} #con_cal .cal_view .cal table td.sat {color:#1774c3;} #con_cal .cal_view .cal table td.hit span {display:block; width:25px; height:20px; padding:5px 0 0 0; margin:-2px auto 0 auto; overflow:hidden; text-align:center; color:#fff; background:#346bc8; border-radius:50%; -webkit-border-radius:50%;} #con_cal .cal_view .cal_text {min-height:241px;} #con_cal .cal_view .cal_text ul {width:100%; height:auto;} #con_cal .cal_view .cal_text ul li {margin:10px 0 0 0; border:none; background:none; position:relative; padding:0 0 0 120px;} #con_cal .cal_view .cal_text ul li:first-child {margin:0;} #con_cal .cal_view .cal_text ul li strong {position:absolute; left:0; top:0;} #con_cal .cal_view .cal_text ul li ul {} #con_cal .cal_view .cal_text ul li ul li {background:url(../../images/common/list02_bul.gif) no-repeat left 8px; padding:0 0 0 10px; margin:4px 0 0 0;} #con_cal .cal_view .cal_text ul li ul li:first-child {margin:0;} /* 카톡입학상담 */ .cacao_consulting {background:#f3d52d;} .cacao_consulting p.title {padding:70px 0 70px 46%; position:relative; margin:0; background:url(../../images/contents/cacao_bg2.png) no-repeat right bottom; overflow:hidden;} .cacao_consulting p.title:before {content:""; display:block; width:46%; height:100%; position:absolute; left:0; top:0; background:url(../../images/contents/cacao_bg.png) no-repeat left bottom; background-size:100% auto;} .cacao_consulting .infor {background:#344361; padding:35px 3%; position:relative; z-index:10;} .cacao_consulting .infor ul {width:100%; height:auto;} .cacao_consulting .infor ul:after {content:""; display:block; clear:both;} .cacao_consulting .infor ul li {float:left; width:49%; margin-left:2%;} .cacao_consulting .infor ul li:first-child {margin-left:0;} .cacao_consulting .infor ul li dl {background:#293550; position:relative; overflow:hidden; border-radius:50px; -webkit-border-radius:50px;} .cacao_consulting .infor ul li dl dt {width:80px; height:100%; padding:0 0 0 30px; position:absolute; left:0; top:0; background:#192a4d; color:#fff;} .cacao_consulting .infor ul li:first-child dl dt {width:140px;} .cacao_consulting .infor ul li dl dt span {display:block; font-size:16px; line-height:22px; padding:23px 0 0 0;} .cacao_consulting .infor ul li dl dt strong {display:block; font-size:22px; line-height:26px; margin-top:3px;} .cacao_consulting .infor ul li dl dt strong span {display:inline; font-size:14px; line-height:18px; font-weight:normal; padding:0;} .cacao_consulting .infor ul li dl dd {padding:25px 25px 25px 4%; margin-left:110px; color:#fff; opacity:0.9; -webkit-opacity:0.9; filter:alpha(opacity=90);} .cacao_consulting .infor ul li:first-child dl dd {margin-left:170px;} .cacao_consulting .infor ul li dl dd ol {width:100%; height:auto;} .cacao_consulting .infor ul li dl dd ol:after {content:""; display:block; clear:both;} .cacao_consulting .infor ul li dl dd ol li {width:auto; margin:0 15px 5px 0;} .cacao_consulting .infor ul li dl dd ol li:first-child {margin:0 15px 5px 0;} .cacao_consulting .infor ul li dl dd ol li span {display:inline-block; vertical-align:top; line-height:21px; background:#949aa8; color:#293550; width:20px; height:20px; line-height:22px; text-align:center; border-radius:50%; -webkit-border-radius:50%; margin-right:5px;} /*** 대학정보 ***/ /* 학과안내 */ .depart_link {width:100%; height:auto;} .depart_link:after {content:""; display:block; clear:both;} .depart_link li {border-top:1px solid #d2d2d2; padding:40px 0 30px 20%; min-height:100px; position:relative;} .depart_link li:first-child {border:0; padding-top:10px;} .depart_link li:before {content:"";display:block;width:20%;height:100%;position:absolute;left:0;top:0;background-position:center 30px !important;background-repeat: no-repeat;} .depart_link li:first-child:before{background-position: center top !important;} .depart_link li.depart_1:before {background-image:url(../../images/contents/depart_ico1.png);} .depart_link li.depart_2:before {background-image:url(../../images/contents/depart_ico2.png);} .depart_link li.depart_3:before {background-image:url(../../images/contents/depart_ico3.png);} .depart_link li.depart_4:before {background-image:url(../../images/contents/depart_ico4.png);} .depart_link li.depart_5:before {background-image:url(../../images/contents/depart_ico5.png);} .depart_link li.depart_6:before {background-image:url(../../images/contents/depart_ico6.png);} .depart_link li.depart_7:before {background-image:url(../../images/contents/depart_ico7.png);} .depart_link li.depart_8:before {background-image:url(../../images/contents/depart_ico8.png);} .depart_link li.depart_9:before {background-image:url(../../images/contents/depart_ico9.png);} .depart_link li.depart_10:before {background-image:url(../../images/contents/depart_ico10.png);} .depart_link li.depart_11:before {background-image:url(../../images/contents/depart_ico11.png);} .depart_link li.depart_12:before {background-image:url(../../images/contents/depart_ico12.png);} .depart_link li.depart_13:before {background-image:url(../../images/contents/depart_ico13.png);} .depart_link li.depart_14:before {background-image:url(../../images/contents/depart_ico14.png);} .depart_link li.depart_15:before {background-image:url(../../images/contents/depart_ico15.png);} .depart_link li h4 {margin:0 0 10px 0;} .depart_link li h4 span {font-size:15px; color:#777; margin:0 0 0 5px;} .depart_link li ul {} .depart_link li ul:after {content:""; display:block; clear:both;} .depart_link li ul li {border:0; min-height:10px; background:url(../../images/common/list01_bul.gif) no-repeat left 13px; padding:5px 0 5px 10px; float:left; width:auto; margin-right:50px; font-size:16px; line-height:22px;} .depart_link li ul li:first-child {padding:5px 0 5px 10px;} .depart_link li ul li:before {display:none;} .depart_link li ul li span {color:#777; font-size:14px; line-height:18px;} .depart_link li ul li a {color:#333; font-size:16px; line-height:22px; text-decoration:none; display:inline-block; vertical-align:top; padding:0 18px 0 0; margin:0; background-position:right 5px;} .depart_link li ul li a:hover, .depart_link li ul li a:active {text-decoration:underline;} .global_text{display:inline; color:#333; font-size:17px;} .depart_1>ul>li>.list_02>li{background:none;} .depart_1>ul>li>.list_02>li>a{margin-right:10px;} /* 교수님 알려주세요 */ .professor_infor {position:relative; padding:0 0 0 130px; margin:0 0 20px 0;} .professor_infor dt {position:absolute; left:0; top:0px; width:130px; height:100%; background:#4271cd; color:#fff; text-align:center;} .professor_infor dt span {display:block; padding:80px 0 0 0; background:url(../../images/contents/professor_infor_ico.png) no-repeat center 23px;} .professor_infor dd {padding:25px 3%; min-height:68px; border:1px solid #d2d2d2; border-left:0;} .professor_list {width:100%;} .professor_list li {width:auto; margin:10px 0 0 0;} .professor_list li:first-child {margin:0;} .professor_list li div {border:1px solid #d2d2d2; padding:20px 3% 20px 25%; position:relative;} .professor_list li div h5 {position:absolute; left:3%; top:19px;} .professor_list li div ul {} .professor_list li div ul li {margin:14px 0 0 0; border-top:1px dashed #d2d2d2; padding-top:15px;} .professor_list li div ul li:first-child {border:0; padding-top:0;} .professor_list li div ul li h6 {margin:0 0 7px 0;} .professor_list li div ul li h6 a {display:inline-block; vertical-align:top; margin:-2px 0 0 5px;} .professor_list li div ul li h6 a img {display:block;} .professor_list li div ul li ul {} .professor_list li div ul li ul:after {content:""; display:block; clear:both;} .professor_list li div ul li ul li {float:left; margin:0 0 0 30px; border-top:0; padding:0 0 0 10px;} .professor_list li div ul li ul li:first-child {margin:0;} .professor_list li div ul li ul li span {display:inline-block; vertical-align:top; line-height:21px; padding:0 0 0 10px; background:url(../../images/contents/professor_list_bar.gif) no-repeat left 3px;} .professor_list li div ul li ul li span:first-child {padding:0 10px 0 0; background:none;} .js_tab.professor li a {padding:12px 20px 10px 20px;} /*** 이용안내 ***/ /* 회원가입 */ .member_box {width:auto; max-width:74%; border:10px solid #eff0f2; padding:45px 4%; margin:0 auto;} .member_box .login {width:60%; min-width:400px; margin:0 auto; padding:20px 0 10px 0; position:relative;} .member_box .login ul {width:auto; padding:0 150px 0 0;} .member_box .login ul li {margin-top:10px;} .member_box .login ul li:first-child {margin-top:0px;} .member_box .login ul li input {width:100%; height:38px; line-height:38px;} .member_box .login ul li input:hover, .member_box .member_box .login ul li input:focus {border:1px solid #2061c2;} .member_box .login .login_btn {background:#346bc8; border:0; width:140px; height:86px; position:absolute; right:0; top:20px; font-size:17px; padding:0;} .member_box .login .join_link {margin:15px 0 0 0;} .member_box .login .join_link a {display:inline-block; vertical-align:top; padding:0 0 0 16px; margin:0 0 0 15px; background:url(../../images/contents/join_link_bul.gif) no-repeat left 5px;} .login_tip {margin:25px 0 0 0; text-align:center;} .member_box .join {width:100%; max-width:72%; margin:0 auto; padding:30px 0;} .member_box .join li {} .member_box .join li a {display:block; background:#346bc8 url(../../images/contents/join_ico1.png) no-repeat 20px 15px; color:#fff; font-size:17px; line-height:24px; padding:13px 20px 11px 82px;} .member_box .join li strong {display:block; text-align:center; font-size:17px; font-weight:normal; margin:40px 0 10px 0;} .member_box .join li ul {} .member_box .join li ul li {max-width:100%; margin-top:10px;} .member_box .join li ul li:first-child {margin-top:0;} .member_box .join li ul li a {padding-left:45px;} .member_box .join li ul li a.facebook {background:#415b91 url(../../images/contents/join_ico2.png) no-repeat left 50%;} .member_box .join li ul li a.cacao {background:#fab100 url(../../images/contents/join_ico3.png) no-repeat left 50%;} .member_box .input_form {padding:110px 0 0 0; background:url(../../images/contents/member_logo.png) no-repeat center top;} .member_box .input_form ul li {padding:0 15px 0 165px;} .member_box .input_form ul li strong {width:150px;} /* .member_box .input_form ul {width:100%; max-width:440px; height:auto; border-top:1px solid #abadb1; border-bottom:1px solid #abadb1; margin:0 auto; padding:20px 0;} .member_box .input_form ul li {position:relative; padding:5px 0 5px 130px;} .member_box .input_form ul li strong {display:block; width:130px; height:100%; position:absolute; left:0; top:0; font-weight:normal;} .member_box .input_form ul li strong span {display:block; position:absolute; left:0; top:50%; margin-top:-12px; font-size:17px;} .member_box .input_form ul li div {} .member_box .input_form ul li div input {width:100%;} .member_box .input_form ul li div input.input_ty2 {width:30%; min-width:inherit;} .member_box .input_form ul li div select {width:30%; min-width:inherit;} .member_box .input_form ul li div input:hover, .member_box .input_form ul li div input:focus, .member_box .input_form ul li div select:hover, .member_box .input_form ul li div select:focus {border:1px solid #2061c2;} */ .member_box .success_title {text-align:center; font-size:20px; line-height:28px; padding:110px 0 10px 0; background:url(../../images/contents/member_logo.png) no-repeat center top;} .member_box .success_title span {display:block; line-height:28px;} .agree_check {border:1px solid #d2d2d2; padding:25px 20px; margin:20px 0 15px 0;} .agree_check ol li {position:relative; margin-top:30px;} .agree_check ol li:first-child {margin-top:0;} .agree_check ol li p {margin:0 120px 0 0;} .agree_check ol li .check {position:absolute; right:0; top:0; margin:0;} .agree_check ol li .check label {margin:0;} /*** 2017-09-18 추가 스타일 ***/ /* 입학설명회 */ .registration_calendar {width:auto; border:1px solid #d7d7d7; border-top:3px solid #4f81e2; position:relative; background:url(../../images/contents/20250331_01.jpg) no-repeat right bottom;} .registration_calendar:after {content:""; display:block; clear:both;} .registration_calendar .title {margin:0; text-align:center; font-size:17px; line-height:22px; background:#f8f8f8; padding:12px 10px; border-bottom:1px solid #d7d7d7;} .registration_calendar .cal {width:50%; height:auto; float:left;} .registration_calendar .cal .bor {padding:25px 4%; border-right:1px solid #d7d7d7; background:#fff;} .registration_calendar .cal .box {background:#f1f2f4; height:auto; padding:40px 6% 40px 6%;} .registration_calendar .cal .month {text-align:center; width:100%; position:relative; margin:0 0 20px 0;} .registration_calendar .cal .month span {font-size:24px; line-height:28px; font-weight:600;} .registration_calendar .cal .month a {display:block; width:36px; height:36px; text-indent:-9999px; position:absolute; top:-4px; overflow:hidden; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;} .registration_calendar .cal .month a.prev {left:50%; margin-left:-115px; background:#bdbebf url(../../images/contents/cal_control_prev.png) no-repeat center 50%;} .registration_calendar .cal .month a.next {right:50%; margin-right:-115px; background:#bdbebf url(../../images/contents/cal_control_next.png) no-repeat 55% 50%;} .registration_calendar .cal .month a.prev:hover, .registration_calendar .cal .month a.prev:active {background:#979899 url(../../images/contents/cal_control_prev.png) no-repeat center 50%;} .registration_calendar .cal .month a.next:hover, .registration_calendar .cal .month a.next:active {background:#979899 url(../../images/contents/cal_control_next.png) no-repeat 55% 50%;} .registration_calendar .cal table th {background:#dfe3eb; height:42px; border:8px solid #f1f2f4;} .registration_calendar .cal table th.sun {color:#f30033;} .registration_calendar .cal table th.sat {color:#256dd3;} .registration_calendar .cal table td {background:#fff; height:42px; line-height:42px; border:8px solid #f1f2f4; text-align:center;} .registration_calendar .cal table td a {display:block; height:100%; line-height:42px;} .registration_calendar .cal table td.today {background:#256dd3; color:#fff;} .registration_calendar .cal table td.holiday {background:#3d3657; color:#fff;} .registration_calendar .cal table td.check {background:#445e9b; color:#fff;} .registration_calendar .cal table td.check a {color:#fff;} .registration_calendar .cal .table_guide {width:auto; margin:5px 0 0 8px;} .registration_calendar .cal .table_guide:after {content:""; display:block; clear:both;} .registration_calendar .cal .table_guide li {float:left; margin-right:10px; font-size:14px;} .registration_calendar .cal .table_guide li span {display:inline-block; vertical-align:top; width:20px; height:20px; margin:0 5px 0 0;} .registration_calendar .cal .table_guide li span.check {background:#445e9b;} .registration_calendar .cal .table_guide li span.today {background:#256dd3;} .registration_calendar .cal .table_guide li span.no_appli {background:#fff;} .registration_calendar .cal .table_guide li span.holiday {background:#3d3657;} .registration_calendar .select {width:50%; height:auto; float:left;} .registration_calendar .select .bor {padding:25px 4%; min-height:463px;} .registration_calendar .select .bor h4 {color:#383838; margin:0 0 15px 0; font-weight:normal; border-bottom:1px solid #e4e4e4; background:none; padding-left:0;} .registration_calendar .select .bor h4 span {display:inline-block; vertical-align:top; border-bottom:3px solid #005bac; padding-bottom:5px; margin-bottom:-2px;} .registration_calendar .select .summery {margin:0; text-align:center; height:463px; position:relative; background:url(../../images/contents/select_summerybg.png) no-repeat center 50%;} .registration_calendar .select .summery span {font-size:20px; line-height:24px; position:absolute; width:100%; left:0; top:50%; margin-top:-14px;} .registration_calendar .select .holiday {margin:0; text-align:center; height:463px; position:relative;} .registration_calendar .select .holiday span {font-size:20px; line-height:24px; position:absolute; width:100%; left:0; top:50%; margin-top:-66px; padding-top:85px; background:url(../../images/contents/select_summerybg2.png) no-repeat center top;} .registration_calendar .select ul {width:100%; height:auto;} .registration_calendar .select ul li {margin-top:8px; border:1px solid #d4d4d4; position:relative; padding:3px 0 3px 10px; height:36px; background:#fff;} .registration_calendar .select ul li input[type="radio"]:not(old) + label {padding:7px 0 7px 26px; background-position:left -92px;} .registration_calendar .select ul li input[type="radio"]:not(old):checked + label {background-position:left -142px;} .registration_calendar .select ul li:first-child {margin-top:0;} .registration_calendar .select ul li span.status {display:block; position:absolute; right:-1px; top:-1px; height:100%; width:100px; line-height:42px; border:1px solid #2697af; color:#2697af; text-align:center;} .registration_calendar .select ul li.appli_no p {margin:0; position:relative; height:36px; line-height:38px; padding:0 0 0 30px;} .registration_calendar .select ul li.appli_no p span {display:block; width:20px; height:20px; background:#dedede; overflow:hidden; position:absolute; left:3px; top:50%; margin-top:-10px; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .registration_calendar .select ul li.appli_no span.status {border:1px solid #d4d4d4; color:#555; background:#f3f3f3;} /* 20220503_수시입학설명회 선택시 배경 추가 */ .registration_calendar .select .bor[data-empty="no"]{background-color:#fff;} /********** Media quary **********/ @media screen and (max-width: 1340px){ /*** 학생부종합 ***/ /* 전형준비 */ .pdf_viewer.qna_100 {height:1135px !important;} .pdf_viewer.qna_100 .view iframe {height:1135px !important;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {font-size:41px; line-height:51px; left:2%;} .program_infor h4 span {line-height:51px;} /*** 대학정보 ***/ /* 교수님 알려주세요 */ .js_tab.professor li a {padding:12px 15px 10px 15px;} } @media screen and (max-width: 1280px){ /*** 학생부종합 ***/ /* 전형준비 */ .pdf_viewer.qna_100 {height:1055px !important;} .pdf_viewer.qna_100 .view iframe {height:1055px !important;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {position:relative; left:auto; bottom:0; padding-right:0; font-size:42px; line-height:50px; text-align:center; padding:55px 0;} .program_infor h4 span {display:block; line-height:50px;} .program_infor ul {width:100%; float:none;} .appli_step li {padding:0 0 0 30px; background-position:-5px 50%; background-size:40px auto; margin-bottom:10px;} .appli_step li div {width:140px; height:140px;} .appli_step li div:after {width:70px; height:70px;} .appli_step li div p {width:128px; height:118px; padding:10px 0 0 0; margin:6px;} .appli_step li div p span {font-size:28px; line-height:34px;} /* step 2 */ .registration_form li div .program_toggle dd ul li {padding-right:0;} .registration_form li div .program_toggle dd ul li p {display:block; padding:0;} .registration_form li div .program_toggle dd ul li p.depart {background:none; margin:0;} .registration_form li div .program_toggle dd ul li p.title {margin:5px 0; background:url(../../images/common/list01_bul.gif) no-repeat left 7px; padding:0 0 0 10px;} .registration_form li div .program_toggle dd ul li p.professor {margin:0; background:none; background:url(../../images/common/list01_bul.gif) no-repeat left 7px; padding:0 0 0 10px;} .registration_form li div .program_toggle dd ul li p.check {top:8px;} .registration_form li div .program_toggle.ty1 dd ul li {padding-right:0;} .fair_summery .text {background-size:129px auto;} .fair_summery .text h4 {font-size:32px; line-height:40px;} .fair_summery .text p {font-size:16px; line-height:22px; margin:0 5%; padding:13px 0 11px 0;} .pdf_viewer .view iframe {min-height: 1100px !important;} } @media screen and (max-width: 1180px){ /*** 학생부종합 ***/ /* 전형준비 */ .talent ul li div dl dt {background-size:130px auto !important; padding:140px 0 0 0;} .pdf_viewer.qna_100 {height:920px !important;} .pdf_viewer.qna_100 .view iframe {height:920px !important;} /*** 중고교대학연계프로그램 ***/ /* step 2 */ .fair_summery .text {background-size:119px auto;} .fair_summery .text h4 {font-size:30px; line-height:38px;} .fair_summery .text p {font-size:15px; line-height:21px;} /*** 입시도우미 ***/ /* 카톡입학상담 */ .cacao_consulting p.title {background-size:250px auto; padding:50px 0 50px 46%;} .cacao_consulting p.title img {display:block; width:100%; max-width:308px;} /*** 대학정보 ***/ /* 교수님 알려주세요 */ .js_tab.professor li a {padding:12px 10px 10px 10px; font-size:16px;} } @media screen and (max-width: 1080px){ /*** 학생부종합 ***/ /* 전형준비 */ .pdf_viewer.qna_100 {height:785px !important;} .pdf_viewer.qna_100 .view iframe {height:785px !important;} /*** 대학정보 ***/ /* 교수님 알려주세요 */ .professor_list li div ul li ul li {float:none; margin:3px 0 0 0;} .professor_list li div ul li ul li:first-child {margin:0;} } @media screen and (max-width: 1023px){ /*** 학생부종합 ***/ /* 전형준비 */ .talent .title span {font-size:30px; line-height:36px;} .talent .title strong {font-size:20px; line-height:26px;} .talent ul li div dl dt {background-size:110px auto !important; padding:120px 0 0 0;} .pdf_viewer.qna_100 {height:1010px !important;} .pdf_viewer.qna_100 .view iframe {height:1010px !important;} /* 합격자수기 */ .pass_story_title {margin:0 0 30px 0;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {font-size:38px; line-height:44px;} .program_infor h4 span {line-height:44px;} .program_summery {min-height:280px; padding: 30px 0 0 43%;} .program_summery .txt p.title {margin-bottom:15px;} .program_summery .txt p.title strong {font-size:32px; line-height:38px;} .program_summery .txt p.text {font-size:16px;} .program_summery .slider .control ul {bottom:30px;} .program_question li h5 {font-size:20px; line-height:26px; width:180px;} .program_question li p {padding:15px 4%; margin:0 0 0 180px;} .program_question li p strong {font-size:15px; line-height:21px;} .pattern_box.program_period .bor .title {font-size:18px; line-height:24px; padding:8px 30px 6px 60px;} .program_method li p span {display:block; line-height:21px;} /* step 1 */ .registration_table .month_select p {font-size:28px;} .registration_table table td {height:62px; padding:7px;} .registration_table table td span {line-height:19px;} .registration_table table td span.appli_btn {text-indent:-9999px; width:50px; height:50px; margin:-10px auto 0 auto;} .registration_table .cate_tip {display:block;} .registration_table table span.holiday {display:none;} /* step 2 */ .fair_summery {padding:40px 5%; width:auto;} .fair_summery img {width:100%; max-width:672px; margin:0 auto;} .fair_summery .text {width:auto; position:relative; right:auto; top:auto; height:auto; background:none;} .fair_summery .text h4 {padding:0; margin:35px 0 20px 0;} .fair_summery .text p {margin:0 auto; width:100%; max-width:670px;} /* step 3 */ .completed_box {padding:80px 5%; max-width:70%;} .completed_box:after {width:73px; height:131px;} .completed_box p.title strong {font-size:36px; line-height:44px;} .completed_box p.title span {font-size:22px; line-height:30px;} .completed_box p.date {font-size:18px; line-height:26px; margin:0 0 25px 0;} .completed_box p.tip {font-size:16px; line-height:21px;} /*** PDF 뷰어 ***/ .pattern_box .bor.viewer h4 {font-size:22px; line-height:30px;} .pdf_viewer {min-height:10px; height:auto !important; padding:0;} .pdf_viewer .tab {display:none;} /*** 학생부종합 ***/ /* 합격자수기 */ .pass_story li {padding:45px 0 40px 175px;} .pass_story li .photo {width:175px; top:45px;} .pass_story li .txt {padding:0 0 0 30px;} /*** 입시도우미 ***/ /* 입시일정 */ #con_cal .cal_view ul li {padding-top:25px; margin-top:30px;} #con_cal .cal_view .cal_text ul li {padding:0;} #con_cal .cal_view .cal_text ul li strong {position:relative; left:auto; top:auto; display:block; margin:0 0 3px 0;} /* 카톡입학상담 */ .cacao_consulting p.title {padding:40px 5% 40px 5%; background:none;} .cacao_consulting p.title:before {top:auto; bottom:0; width:100%; height:300px; background-size:auto 100%; background-position:right bottom;} .cacao_consulting p.title img {display:block; width:100%; max-width:308px;} .cacao_consulting .infor ul li {float:none; width:auto; margin:15px 0 0 0;} .cacao_consulting .infor ul li:first-child {margin:0;} .cacao_consulting .infor ul li dl dt {width:140px;} .cacao_consulting .infor ul li dl dd {margin-left:170px;} .cacao_consulting .infor ul li dl dd ol li {float:left;} /*** 대학정보 ***/ /* 학과안내 */ .depart_link li {padding:35px 0 25px 150px; min-height:80px;} .depart_link li:before{background-size:80px auto !important; width:150px; background-position:center 25px !important;} .depart_link li.depart_1:before {background-size:80px auto !important;} /*** 이용안내 ***/ /* 회원가입 */ .member_box .login {padding:0;} .member_box .login .login_btn {top:0;} .member_box .join {padding:0;} .member_box .input_form {padding:95px 0 0 0; background-size:auto 60px;} .member_box .success_title {padding:95px 0 0 0; background-size:auto 60px;} /*** 2017-09-18 추가 스타일 ***/ /* 입학설명회 */ .registration_calendar {background:none;} .registration_calendar .title {display:none;} .registration_calendar .cal {width:100%; float:none;} .registration_calendar .cal .bor {border:0;} .registration_calendar .cal .box {padding:35px 3% 30px 3%; height:auto;} .registration_calendar .select {display:;} .registration_calendar .cal .table_guide li {margin-bottom:3px; font-size:13px; line-height:18px;} .registration_calendar .cal .table_guide li span {width:16px; height:16px;} .registration_calendar .select {float:none; width:100%;} .registration_calendar .select .bor {min-height:10px; padding-top:0;} .registration_calendar .select .summery {height:300px; background-size:220px auto;} } @media screen and (max-width: 840px){ /* Common style */ .pattern_box .bor.experience {padding:20px 3% 20px 120px;} .pattern_box .bor.experience:after {width:120px; background-size:36px auto; background-position:center 20px;} .pattern_box .bor.dcu {padding:20px 3% 20px 120px;} .pattern_box .bor.dcu:after {width:120px; background-size:50px auto; background-position:center 20px;} /*** 학생부종합 ***/ /* 전형준비 */ .talent .title span {font-size:28px; line-height:34px;} .talent ul li {float:none; width:auto; padding:42px 0 0 0;} .talent ul li:after {background-position:center 10px; width:100%; height:42px;} .talent ul li:first-child {padding:0;} .talent ul li div {padding:15px 0 20px 0;} .talent ul li div p {margin:0 3% 10px 3%;} .talent ul li div dl {position:relative; width:auto; margin:0 3%; padding:0 0 0 190px; min-height:90px;} .talent ul li div dl dt {position:absolute; left:0; top:0; width:90px; height:70px; background-size:90px auto !important; background-position:left top !important; padding:20px 0 0 100px; text-align:left;} .talent ul li div dl dd {text-align:left; margin:0 0 0 3%; padding:22px 0 0 0;} .talent ul li div dl dd span {display:inline;} .talent ul li div dl dd:before {left:0; margin:0;} .pdf_viewer.qna_100 {height:760px !important;} .pdf_viewer.qna_100 .view iframe {height:760px !important;} /* 선발절차 */ .selection_step { padding:0 0 0 100px;} .selection_step dt {width:100px;} .selection_step dd {padding:20px 3%;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {font-size:34px; line-height:40px; padding:45px 0;} .program_infor h4 span {line-height:40px;} .program_summery .txt p.title strong {font-size:30px; line-height:38px;} .program_summery .txt p.text {font-size:16px;} .program_summery .slider .control ul {bottom:30px;} .program_summery .slider .control a.btn_left {width:40px; height:40px; margin-top:-20px;} .program_summery .slider .control a.btn_right {width:40px; height:40px; margin:-20px 0 0 -40px;} .program_question li {border-left:1px solid #dedede; box-sizing:border-box;} .program_question li:first-child {border:0;} .program_question.ty2 li {width:100%;} .program_question li h5 {position:relative; left:auto; top:auto; height:auto; width:auto; padding:8px 0; font-size:18px; line-height:24px;} .program_question li h5 span {position:relative; left:auto; top:auto; margin:0;} .program_question li p {margin:0; text-align:center; padding:14px 5% 10px 5%;} .program_question li p strong {display:block; margin:0;} .pattern_box.program_period {margin:40px 0 0 0;} .pattern_box.program_period .bor {padding:25px 3% 15px 3%;} .pattern_box.program_period table {display:none;} .pattern_box.program_period .mob_program_period {display:block;} .pattern_box.program_period ul {display:block; margin:10px 0 0 0;} .pattern_box.program_period ul li {background:none; padding:0; text-align:left;} .pattern_box.program_period ul li span {display:inline-block; vertical-align:top; padding:7px 0 6px 0;} .pattern_box.program_period ul li span.subject {color:#fff; width:130px; text-align:center; margin-right:5px; border-radius:14px; -webkit-border-radius:14px;} .pattern_box.program_period ul li span.cate1 {background:#efa808;} .pattern_box.program_period ul li span.cate2 {background:#0099a7;} .pattern_box.program_period ul li span.cate3 {background:#a35fb6;} .pattern_box.program_period .edit {text-align:left; margin:15px 0 0 0;} .program_type li p {font-size:17px; line-height:22px;} .program_type li:first-child p {padding:19px 0 22px 0;} .program_method li p {font-size:17px; line-height:22px; padding:13px 0;} /* step 1 */ .registration_table .month_select {margin:0 0 25px 0;} .registration_table .month_select p {font-size:26px;} .registration_table table th {font-size:15px; line-height:15px; padding:10px;} .registration_table table th span {display:none;} .registration_table table td {height:52px; padding:7px;} .registration_table table td span.appli_btn {width:40px; height:40px;} /* step 2 */ .registration_form li {padding:0;} .registration_form li strong {width:auto; height:auto; position:relative; left:auto; top:auto; border-right:0;} .registration_form li strong span {display:block; position:relative; left:auto; top:auto; margin-top:0; padding:8px 10px 6px 10px;} .registration_form li div {padding:8px 10px; font-size:14px;} .registration_form li div span.sns_check {top:51px;} .fair_summery {padding:35px 5%;} .fair_summery .text h4 {font-size:28px; line-height:36px;} /* step 3 */ .completed_box {padding:60px 5%; border:5px solid #eff0f2;} .completed_box:after {width:63px; height:113px; top:-5px;} .completed_box p.title strong {font-size:34px; line-height:42px;} .completed_box p.title span {font-size:20px; line-height:28px;} .completed_box p.date {margin:0 0 20px 0;} /*** PDF 뷰어 ***/ .pattern_box .bor.viewer h4 {font-size:20px; line-height:28px;} .viewer_tip p {background-size:auto 35px; padding:0 0 0 70px;} /*** 입시도우미 ***/ /* 입시일정 */ #con_cal .bor {padding:20px 3% 15px 3%;} #con_cal .cal_control {position:relative; left:auto; top:auto; text-align:center;} #con_cal .cal_control strong {font-size:30px;} #con_cal .cal_list {margin-top:10px;} #con_cal .cal_view .cal {width:275px;} #con_cal .cal_view .calbox {padding-left:300px;} /* 카톡입학상담 */ .cacao_consulting p.title:before {height:260px;} .cacao_consulting p.title img {max-width:258px;} /*** 대학정보 ***/ /* 교수님 알려주세요 */ .professor_infor {padding:0 0 0 100px;} .professor_infor dt {width:100px;} .professor_infor dd {padding:20px 3%;} .professor_list li div {padding-left:4%;} .professor_list li div h5 {position:relative; left:auto; top:auto;} /*** 이용안내 ***/ /* 회원가입 */ .member_box {border:5px solid #eff0f2;} .member_box .input_form ul li {padding:0;} .member_box .input_form ul li strong {width:auto;} /* .member_box .input_form ul li {padding:0; margin-top:15px;} .member_box .input_form ul li:first-child {margin-top:0;} .member_box .input_form ul li strong {width:auto; height:auto; position:relative; left:auto; top:auto;} .member_box .input_form ul li strong span {display:block; position:relative; left:auto; top:auto; margin-top:0;} .member_box .input_form ul li div {padding:3px 0 0 0;} .member_box .input_form ul li div input {width:97%;} */ .member_box .success_title {font-size:18px; line-height:26px;} .member_box .success_title span {line-height:26px;} .pdf_viewer .view iframe {min-height: 800px !important;} } @media screen and (max-width: 740px){ /*** PDF 뷰어 ***/ .pattern_box .bor.viewer .down_link {position:relative; right:auto; top:auto; margin:10px 0 0 0;} /*** 입시도우미 ***/ /* 카톡입학상담 */ .cacao_consulting .infor {padding:30px 3%;} .cacao_consulting .infor ul li dl {border-radius:10px; -webkit-border-radius:10px;} .cacao_consulting .infor ul li dl dt {position:relative; left:auto; top:auto; width:auto !important; padding:12px 4% 10px 4%;} .cacao_consulting .infor ul li dl dt span {display:inline-block; padding:0;} .cacao_consulting .infor ul li dl dt strong {display:inline-block; margin:0 0 0 10px; font-size:20px; line-height:24px;} .cacao_consulting .infor ul li dl dd {padding:20px 4%; margin:0 !important;} .cacao_consulting .infor ul li dl dd ol {margin:0 0 5px 0;} /*** 이용안내 ***/ /* 회원가입 */ .agree_check {padding:25px 20px;} .agree_check ol li {margin-top:20px;} .agree_check ol li p {margin:0;} .agree_check ol li .check {position:relative; right:auto; top:auto; margin:5px 0 0 0;} } @media screen and (max-width: 640px){ /* Common style */ .pattern_box .bor {padding:15px 3% 15px 3%;} .pattern_box .bor ul li {background-position:left 7px;} .pattern_box .bor.experience {padding:15px 3% 15px 100px;} .pattern_box .bor.experience:after {width:100px; background-size:30px auto; background-position:center 15px;} .pattern_box .bor.dcu {padding:15px 3% 15px 100px;} .pattern_box .bor.dcu:after {width:100px; background-size:50px auto; background-position:center 15px;} .exp_btn {margin:5px 0 0 0; display:block; width:50px;} /*** 학생부종합 ***/ /* 전형준비 */ .talent {padding:25px 4% 30px 4%;} .talent .title {margin:0 5% 25px 5%;} .talent .title span {font-size:26px; line-height:32px;} .talent .title strong {font-size:18px; line-height:24px;} .talent .title strong:before {display:none;} .talent .title strong:after {display:none;} .talent ul li div dl {padding:0; min-height:10px;} .talent ul li div dl dt {position:relative; left:auto; top:auto; padding:100px 0 0 0; height:auto; background-position:center top !important; text-align:center; width:auto;} .talent ul li div dl dd {padding:15px 0 0 0; text-align:center; margin:0;} .talent ul li div dl dd span {display:block;} .talent ul li div dl dd:before {left:50%; margin-left:-15px;} .pdf_viewer.qna_100 {height:auto !important;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {font-size:30px; line-height:36px; padding:35px 0;} .program_infor h4 span {line-height:36px;} .program_infor ul li {float:none; width:auto; height:auto; padding:0 4% 80px 4%;} .program_infor ul li h5 {border:0 !important; margin:0; padding:25px 0 10px 0; font-size:22px; line-height:26px;} .program_infor ul li p {margin:0; font-size:15px;} .program_infor ul li a {left:4%; width:32px; height:32px; bottom:25px;} .program_summery {padding:0;} .program_summery .txt {padding:20px 0;} .program_summery .txt p.title {margin-bottom:15px;} .program_summery .txt p.title span {margin:0 0 3px 0;} .program_summery .txt p.title strong {font-size:26px; line-height:32px;} .program_summery .txt p.text {font-size:15px; line-height:21px;} .program_summery .slider .control a.btn_right {margin:-20px 0 0 0; left:auto; right:0;} .program_summery .slider .control ul {left:auto; right:4%; bottom:25px;} .program_summery .slider {position:relative; left:auto; top:auto; height:250px; overflow:hidden;} .program_summery .slider .move {width:100%; height:345px;} .program_question li h5 {padding:5px 0; font-size:16px; line-height:21px;} .program_question li p {margin:0; text-align:center; padding:10px 5% 6px 5%;} .program_question li p span {font-size:20px; line-height:26px;} .pattern_box.program_period {margin:30px 0 0 0;} .pattern_box.program_period .bor .title {font-size:17px; line-height:22px; padding:8px 25px 6px 45px;} .pattern_box.program_period .bor .title:after {width:44px; height:59px; background-size:100% auto;} .program_type li p {font-size:16px; line-height:21px;} .program_type li:first-child p {padding:19px 0 21px 0;} .program_method li p {font-size:16px; line-height:21px; padding:10px 0;} /* step 1 */ .registration_table .month_select {height:30px;} .registration_table .month_select p {font-size:24px; line-height:32px;} .registration_table .month_select a {width:30px; height:30px; background-size:auto 24px !important;} .registration_table table th {font-size:14px;} .registration_table table td {height:56px;} .registration_table table td span {font-size:14px;} .registration_table table td span.appli_btn {width:35px; height:35px; margin:0 auto;} /* step 2 */ .registration_form li div {font-size:14px;} .registration_form li div span.ty1 {display:block; margin:5px 0 0 0;} .registration_form li div span:first-child.ty1 {margin:0;} .registration_form li div.school_result dl .edu_title {width:60%;} .registration_form li div.school_result dl .edu_office {display:none;} .registration_form li div.school_result dl .edu_code {width:40%;} .registration_form li div .program_toggle dt a {font-size:15px; padding:10px 45px 8px 15px;} .registration_form li div .program_toggle dt a:after {right:15px;} .registration_form li div .program_toggle dd {padding:0 15px;} .registration_form li div .program_toggle dd ul li p.check {position:relative; right:auto; top:auto; margin:5px 0 0 5px;} .registration_form li div .program_toggle.ty1 dd ul li p.check {position:absolute; right:0; top:12px; margin:0;} .agree_scroll {padding:15px 3% 15px 3%;} .fair_summery {padding:30px 5%;} .fair_summery .text h4 {font-size:26px; line-height:34px; margin:30px 0 15px 0;} /* step 3 */ .completed_box {padding:40px 5%; max-width:80%;} .completed_box:after {width:53px; height:95px;} .completed_box p.title strong {font-size:32px; line-height:40px;} .completed_box p.title span {font-size:19px; line-height:26px;} .completed_box p.date {margin:0 0 15px 0;} .completed_box p.tip {font-size:15px;} /*** PDF 뷰어 ***/ .pattern_box .bor.viewer {padding-right:3%;} .pattern_box .bor.viewer h4 {font-size:18px; line-height:26px; margin:0 0 10px 0;} .viewer_tip {padding:17px 4% 15px 4%;} .viewer_tip p {background-size:auto 30px; padding:0 0 0 50px;} .pdf_viewer .view {display:none;} .pdf_viewer .mobile {display:block;} .pdf_viewer .mobile strong {display:block; background:#3c97cb; color:#fff; padding:12px 4%; font-size:17px; font-weight:normal;} .pdf_viewer .mobile .cons {border:1px solid #dcdcdc; background:#fff; border-top:0; text-align:center; padding:40px 10%;} .pdf_viewer .mobile .cons p {display:inline-block; vertical-align:top; min-height:45px; text-align:center;} .pdf_viewer .mobile .cons strong {display:inline-block; vertical-align:top; background:none; color:#444; font-size:14px; padding:0;} .pdf_viewer .mobile .cons a {background:#585b63; color:#fff; display:block; width:90px; margin:20px auto 0 auto; padding:8px 0;} /*** 학생부종합 ***/ /* 합격자수기 */ .pass_story_title img {width:140%; margin-left:-20%;} .pass_story li {padding:40px 0 35px 0;} .pass_story li .photo {width:100%; top:auto; position:relative; left:auto; margin:0 0 20px 0; background:#f4f4f4;} .pass_story li .photo img {width:200px;} .pass_story li .photo p {background:#4271cd; padding:10px 0;} .pass_story li .photo p span {display:inline;} .pass_story li .txt {padding:0;} .pass_story li .txt h4 {margin:0 0 20px 0;} /*** 입시도우미 ***/ /* 입시일정 */ #con_cal .cal_control strong {font-size:28px;} #con_cal .cal_view .cal {position:relative; left:auto; top:auto; width:100%;} #con_cal .cal_view ul li {padding-top:20px; margin-top:20px;} #con_cal .cal_view .calbox {padding-left:0;} #con_cal .cal_view .cal_text {min-height:10px; margin-top:15px;} #con_cal .cal_view .cal_text ul li {padding:0;} #con_cal .cal_view .cal_text ul li strong {position:relative; left:auto; top:auto; display:block; margin:0 0 3px 0;} #con_cal .cal_view .cal table td.hit span {margin-top:-1px;} #con_cal .cal_list ul li a {font-size:14px;} /* 카톡입학상담 */ .cacao_consulting p.title:before {height:220px;} .cacao_consulting p.title img {max-width:208px;} /*** 대학정보 ***/ /* 학과안내 */ .depart_link li h4 span {display:block; margin:3px 0 0 0; line-height:18px; font-size:14px;} .depart_link li {padding:25px 0 15px 120px; min-height:70px;} .depart_link li:before{background-size:70px auto !important; width:120px; background-position:center 25px !important;} .depart_link li.depart_1:before {background-size:70px auto !important; background-position:center 10px !important;} .depart_link li ul {width:auto; margin-left:15px;} .depart_link li ul li a {font-size:15px;} /* 교수님알려주세요 */ .professor_list li div {padding:15px 4%;} .professor_list li div ul li h6 {font-size:15px;} /*** 이용안내 ***/ /* 회원가입 */ .member_box {padding:35px 4%;} .member_box .login {width:90%; min-width:300px;} .member_box .login ul {padding:0 130px 0 0;} .member_box .login .login_btn {width:120px;} .login_tip {margin-top:15px;} .login_tip span {display:block;} .member_box .join {max-width:90%;} .member_box .join li strong {font-size:16px;} .member_box .join li a {font-size:16px; line-height:22px;} .member_box .input_form {padding:85px 0 0 0; background-size:auto 50px;} /* .member_box .input_form ul li strong span {font-size:16px;} */ .member_box .success_title {padding:85px 0 0 0; background-size:auto 50px;} .member_box .success_title {font-size:16px; line-height:24px;} .member_box .success_title span {line-height:24px;} /*** 2017-09-18 추가 스타일 ***/ /* 입학설명회 */ .registration_calendar .cal .box {padding:30px 4% 25px 4%;} .registration_calendar .select .summery {height:250px; background-size:200px auto;} .registration_calendar .select .summery span {font-size:18px; line-height:22px;} .appli_status ul li {width:48%; margin:0 1% 10px 1%;} .appli_status ul li div p {padding:6px 65px 6px 5%;} .appli_status ul li div span {width:33px; height:33px; line-height:16px; margin-top:-26px;} } @media screen and (max-width: 540px){ /*** PDF 뷰어 ***/ .pattern_box .bor.viewer .down_link span.down_btn {float:none;} .pattern_box .bor.viewer .down_link .history_pdf {float:none; margin:5px 0 0 0;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .appli_step li {float:none; padding:26px 0 0 0; margin:0; background:url(../../images/contents/appli_step_bul2.png) no-repeat center top;} .appli_step li:first-child {padding:0; background:none;} .appli_step li div {margin:0 auto;} } @media screen and (max-width: 480px){ /* Common style */ .pattern_box .bor {padding:15px 4% 15px 4%;} .pattern_box .bor.experience {padding:15px 4% 15px 4%;} .pattern_box .bor.experience:after {display:none;} .pattern_box .bor.dcu {padding:15px 4% 15px 4%;} .pattern_box .bor.dcu:after {display:none;} /*** 학생부종합 ***/ /* 전형준비 */ .talent .title {margin:0 5% 20px 5%;} .talent .title span {font-size:22px; line-height:28px;} .talent .title strong {font-size:16px; line-height:22px;} /* 선발절차 */ .selection_step {padding:0 0 0 90px;} .selection_step dt {width:90px;} /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {font-size:28px; line-height:34px; padding:30px 0;} .program_infor h4 span {line-height:34px;} .program_summery .txt p.title {margin-bottom:10px;} .program_summery .txt p.title span {font-size:16px; line-height:21px;} .program_summery .txt p.title strong {font-size:24px; line-height:30px;} .program_summery .slider {height:220px;} .program_summery .slider .move {height:260px;} .program_summery .slider .control a.btn_left {margin:-18px 0 0 0; width:36px; height:36px;} .program_summery .slider .control a.btn_right {margin:-18px 0 0 0; width:36px; height:36px;} .program_question li p span {font-size:18px; line-height:24px;} .pattern_box.program_period ul li {margin-top:10px;} .pattern_box.program_period ul li span.txt {display:block; padding:0 0 0 20px; background:url(../../images/common/list02_bul.gif) no-repeat 10px 6px; margin-top:8px;} .program_type li {float:none; width:auto; margin:5px 0 0 0;} .program_type li p {padding:15px 0;} .program_type li:first-child p {padding:12px 0 12px 0;} .program_method li {float:none; width:auto; margin:5px 0 0 0;} /* step 1 */ .registration_table .month_select {margin:0 0 20px 0;} .registration_table .month_select p {font-size:22px;} .registration_table table td {height:51px;} .registration_table table td span.appli_btn {width:30px; height:30px;} .registration_table .cate_tip {margin:0 0 5px 0;} /* step 2 */ .registration_form li div ul.input_check li {margin:0 5px 0 0;} .registration_form li div span.sns_check {top:auto; right:auto; position:relative; margin:5px 0 0 0;} .registration_form li div .program_category {text-align:left; padding:10px 0 3px 0;} .registration_form li div .program_category li {margin:0 10px 7px 0; padding:0 0 0 30px; display:inline-block; vertical-align:top; position:relative;} .registration_form li div .program_category li:first-child {margin:0 10px 7px 0} .agree_scroll {padding:15px 4% 15px 4%;} .fair_summery {padding:25px 5%;} .fair_summery .text h4 {font-size:24px; line-height:32px; margin:25px 0 10px 0;} .fair_summery .text p {font-size:14px; line-height:19px;} .fair_summery .text p span {display:block;} /* step 3 */ .completed_box {padding:30px 8%; max-width:74%;} .completed_box:after {display:none;} .completed_box p.title strong {font-size:30px; line-height:38px;} .completed_box p.title span {font-size:18px; line-height:24px;} .completed_box .btn_link a {display:block; margin:5px auto 0 auto; width:50%;} /*** PDF 뷰어 ***/ .pattern_box .bor.viewer h4 {font-size:17px; line-height:24px;} .pattern_box .bor.viewer .down_link span.down_btn a {font-size:14px; padding:5px 13px 3px 33px; background-position:12px 50%; margin-left:5px;} .pattern_box .bor.viewer .down_link .history_pdf dt a {font-size:14px; padding:5px 35px 3px 13px;} .pattern_box .bor.viewer .down_link .history_pdf dd ul li a {padding:5px 13px 3px 13px;} .pdf_viewer .mobile strong {font-size:16px;} .pdf_viewer .mobile .cons {padding:30px 10%;} /*** 학생부종합 ***/ /* 합격자수기 */ .pass_story li {padding:30px 0 25px 0;} .pass_story li .txt h4 strong {font-size:20px; line-height:24px;} .pass_story li .photo img {width:150px;} /*** 입시도우미 ***/ /* 입시일정 */ #con_cal .bor {padding:15px 3% 10px 3%;} #con_cal .cal_control strong {font-size:26px;} #con_cal .cal_list {margin-top:5px;} /* 카톡입학상담 */ .cacao_consulting p.title {padding:30px 5% 180px 5%;} .cacao_consulting p.title:before {height:200px;} .cacao_consulting p.title img {margin:0 auto; max-width:240px;} .cacao_consulting .infor {padding:25px 3%;} /*** 대학정보 ***/ /* 학과안내 */ .depart_link li {padding:25px 0 15px 90px; min-height:10px;} .depart_link li:before{background-size:60px auto !important; width:90px;} .depart_link li.depart_1:before {background-size:60px auto !important;} .depart_link li ul li {float:none; margin-right:0; padding:3px 0 3px 10px !important; background-position:left 12px;} /*** 이용안내 ***/ /* 회원가입 */ .member_box {max-width:90%; box-sizing:border-box; padding:25px 4%;} .member_box .login {width:94%; min-width:10px;} .member_box .login ul {padding:0 100px 0 0;} .member_box .login .login_btn {width:90px;} .member_box .join li strong {font-size:15px; margin:25px 0 5px 0;} .member_box .join li a {font-size:15px; line-height:21px;} .member_box .input_form {padding:65px 0 0 0; background-size:auto 40px;} /* .member_box .input_form ul li {margin-top:10px;} .member_box .input_form ul li strong span {font-size:15px;} .member_box .input_form ul li div input {width:88%;} .member_box .input_form ul li div input.input_ty2 {width:25%;} */ .member_box .success_title {padding:75px 0 0 0; background-size:auto 50px;} .member_box .success_title span {display:inline;} /*** 2017-09-18 추가 스타일 ***/ /* 입학설명회 */ .registration_calendar .cal .month {margin:0 0 15px 0;} .registration_calendar .cal .month span {font-size:22px; line-height:26px;} .registration_calendar .cal .month a {top:-6px;} .registration_calendar .cal .month a.prev {margin-left:-107px;} .registration_calendar .cal .month a.next {margin-right:-107px;} .registration_calendar .cal .box {padding:25px 4% 20px 4%;} .registration_calendar .cal table th {border:5px solid #f1f2f4;} .registration_calendar .cal table td {border:5px solid #f1f2f4;} .registration_calendar .select ul li span.status {width:90px;} .appli_status ul li {width:98%; margin:0 1% 8px 1%;} .registration_calendar .select .summery {height:200px; background-size:160px auto;} .registration_calendar .select .summery span {font-size:16px; line-height:20px;} } @media screen and (max-width: 400px){ /*** 중고교대학연계프로그램 ***/ /* 프로그램 소개 */ .program_infor h4 {font-size:26px; line-height:32px; padding:25px 0;} .program_infor h4 span {line-height:32px;} .program_infor ul li {padding:0 4% 75px 4%;} .program_infor ul li h5 {font-size:20px; line-height:24px; padding:25px 0 5px 0;} .program_question li {float:none; border:0; width:auto;} .pattern_box.program_period .bor {padding:15px 3%;} .pattern_box.program_period .bor .title {font-size:16px; padding:8px 25px 6px 25px; margin:0 0 10px 0;} .pattern_box.program_period .bor .title:after {display:none;} /* step 1 */ .registration_table .month_select {margin:0 0 15px 0;} .registration_table .month_select p {font-size:20px;} /* step 2 */ .completed_box p.title strong {font-size:28px; line-height:36px;} .completed_box p.title span {font-size:17px; line-height:22px;} /*** 입시도우미 ***/ /* 입시일정 */ #con_cal .cal_control strong {font-size:24px;} /*** 대학정보 ***/ /* 학과안내 */ .depart_link li {padding:23px 0 15px 0;} .depart_link li:before{display:none;} } /*** 입시도우미 ***/ /* 아마레띠 */ /* 소개 */ .student_box { position: relative; margin-bottom: 120px; } .cont { width: 100%; position: absolute; left: 0; top:0; text-align: center; display: inline-block; padding-top: 150px; } .cont p.title { /* margin-bottom: 30px; */font-size: 46px; color:#fff; font-weight: 700; display: inline-block; letter-spacing:2px; text-shadow: 3px 4px 6px #003278; } .cont p { margin:0; text-align: center; color: #fff; font-size: 24px; text-shadow: 2px 2px 2px #003278; } .cont p.fontpoint { margin:24px 0px; text-shadow: none; } .student_box img { width: 100%; display: block; } .student_box .application_down { text-align: center; } .student_box .application_down a { display: inline-block; text-decoration: none; vertical-align: top; margin-top: 30px; font-size: 30px; padding: 10px 40px; background-color: #003278; border: 1px solid #003278; -webkit-transition: color 0.3s linear, background-color 0.3s linear; transition: color 0.3s linear, background-color 0.3s linear; color:#ffffff; border-radius: 40px; } .student_box .application_down a:hover { color: #014099; background-color: #fff; border: 1px solid #003278; } @media screen and (max-width: 1280px) {.student_box { /* height: 500px; */overflow: hidden; height: 100%; } .cont { padding-top: 120px; } .student_box img { width:100%; } .cont p.title { font-size:32px; /* margin-bottom: 16px; */ } .cont p { font-size:20px; } .cont p.fontpoint { margin:20px 0px; } } @media screen and (max-width: 1000px) {.cont { padding-top: 80px; } } @media screen and (max-width: 740px) {.cont { padding-top: 50px; } .cont p.title { font-size:26px; /* margin-bottom: 10px; */ } .cont p { font-size:16px; } .student_box .application_down a { font-size: 18px; padding: 8px 30px; } .cont p.fontpoint { margin:10px 0px; } } @media screen and (max-width: 580px) {.cont { padding-top: 40px; } .cont p.title { font-size:22px; margin-bottom: 10px; text-shadow: 1px 1px 2px #003278; } .cont p { font-size:14px; text-shadow: 1px 1px 1px #003278; } .cont p.fontpoint { display:none; } } @media screen and (max-width: 400px) { .cont { padding-top: 20px; } .cont p.title { font-size: 17px; margin-bottom: 4px; letter-spacing:0px; } .cont p { font-size:14px; } .student_box { margin-bottom: 60px; } .student_box .application_down a { font-size: 16px; padding: 5px 20px;margin-top: 14px; } } /* 활동혜택 및 내용 */ .active_time{display: block; margin-bottom: 120px;} .active_time p span{font-size: 18px; color:#333333; font-weight: 700; word-break: keep-all;} .active_time p .title{display: inline-block;padding: 4px 26px;text-align: center;font-size: 20px;background:#0a49b2;color:#ffffff;border-radius: 60px;} .active_time p .title.c2{background:#1273a5;} .active_title {display: inline-block;font-size: 28px;line-height: 36px;color:#333333;margin: 0 0 10px 10px;word-break: keep-all; } .active_title>span { color: #d9d9d9; margin-left: 6px; letter-spacing: 1px; } .active { display: flex; justify-content: center; flex-wrap: wrap;margin-bottom: 120px; } .active li { width: calc(25% - 24px); margin: 0 12px; } .active_info { border:1px solid #eaeaea; border-radius: 10px; height: 100%; box-shadow: 2px 2px 6px rgba(0,0,0,0.1); } .active_info img { display: block; width:100%; background-repeat: no-repeat; border-radius: 10px 10px 0px 0px; } .active_info p { font-size: 16px; color:#333333; padding: 16px; text-align: center; line-height: 24px; word-break: keep-all; margin-bottom: 0px; } .active_info em { display: inline-block; font-weight: 900; color:#235fc5; } @media screen and (max-width: 1000px){ .active li { width: calc(50% - 24px); margin:12px; } } @media screen and (max-width: 740px) { .active_time p span{display:block; margin-top:10px;} .active_time p .title{font-size:18px;} } @media screen and (max-width: 500px){ .active li { display: block; width: 100%; } } /* 홍보대사에게 물어봐 */ .amretti { display: flex; justify-content: space-between; flex-wrap: wrap;margin-bottom: 120px; } .amretti li { width: calc(48% - 10px); margin: 0 12px; } .amretti_sns { border-radius: 10px; /* height: 100%; */ padding: 30px 40px; background: #eaeaea80; } .sns_title {margin-bottom: 14px; } .sns_title span {font-size: 20px;font-weight: 900;color:#333333;margin-left: 6px; } .amretti_sns p {font-size:18px;font-weight:600;line-height: 1.4;word-break: keep-all; } .amretti_sns .sns_link { text-align: right; /* margin-bottom: 0; */ } .amretti_sns .sns_link a { display: inline-block; text-decoration: none; vertical-align: top; margin-top: 24px; font-size: 20px; padding: 10px 40px; background: linear-gradient(to right, #ff7a00, #ff0069, #d300c5, #7638fa); border-radius: 40px; font-weight: 700; color: #ffffff; } .sns_link.you a {background:#e8453d; } @media screen and (max-width: 800px) { .amretti li { display: block; width: 100%; } .amretti li:nth-child(2){margin-top:20px; } .amretti_sns .sns_link a{font-size: 16px; padding: 6px 24px;} }