@charset "UTF-8"; @import "./vendors/slick.css"; @import "./font/NotoSansKR.css"; @import "./font/Metropolis.css"; html{line-height:1.15;-webkit-text-size-adjust:100%} body{margin:0} body.reset-position {position: static !important;} main{display:block} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} img{border-style:none} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{vertical-align:baseline} textarea{overflow:auto} fieldset{border:0} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details{display:block} summary{display:list-item} template{display:none} [hidden]{display:none} h1,h2,h3,h4,h5,h6{margin:0} p{margin:0;padding:0} ul,li,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none} html{box-sizing:border-box} *,::before,::after{box-sizing:inherit} body{color:#222;font:normal 125%/1.4 Metropolis,"Noto Sans KR","맑은 고딕","Malgun Gothic",sans-serif} body *{letter-spacing:-.25px} a{color:#1a1a1a;text-decoration:none} button{cursor:pointer} .clearfix::after{clear:both;content:'';display:table} .container{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;width:100%} .skipnavi{position:absolute;top:-100%;z-index:9999;width:100%;height:35px;text-align:center} .skipnavi > a{display:inline-block;padding:8px 10px;font-size:14px;color:#fff;vertical-align:middle} .modal_el{display:none} .gl_lang{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0;display:none} .gl_lang.open{overflow-x:hidden;overflow-y:auto} .gl_lang_wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%} .gl_lang_contaienr{background-color:#fff;width:90vw;height:720px;padding-left:14.5vw;padding-right:14.5vw;position:relative} .gl_lang_header{text-align:center;padding-bottom:50px;padding-top:40px} .gl_lang_header span{display:inline-block;font-weight:500;font-size:30px;background:url(/images/common/icon-lang.png) no-repeat 0 0;padding-left:48px} .gl_lang_list ul{float:left;width:16.666%} .gl_lang_list ul li{line-height:1} .gl_lang_list ul li a{font-size:16px;font-weight:400;transition:all .25s} .gl_lang_list ul li a:hover,.gl_lang_list ul li a:focus{color:#5a74aa;font-weight:700} .gl_lang_list ul li+li{margin-top:8px} .modal-backdrop{opacity:0;position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;z-index:1000} .modal-backdrop.show{opacity:.5} .btn__modal__close{position:absolute;right:40px;top:40px;background:url(/images/common/close-lang.png) no-repeat 0 0;width:22px;height:22px;border:0;display:block} #dim{display:none;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100vh;background-color:rgba(0,0,0,0.5)} .popup{position:relative;top:0;left:0;z-index:1002;width:100%;height:auto;background-color:#29385f} .popup .layer1400{max-width:1400px;margin:0 auto;padding:35px 0;line-height:1.5em} .popup .btn_pop_more{display:inline-block;padding:6px 15px 4px;margin-left:35px;margin-top:-5px;border:1px solid #fff;font-size:15px;font-weight:300;color:#fff;line-height:1em;vertical-align:middle} .popup strong{font-size:24px;font-weight:700;color:#fff} .popup .pop_btn_wrap{display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:2%;vertical-align:middle} .popup .pop_btn_wrap .checkbox{display:inline-block;margin-top:-3px;vertical-align:top} .popup .pop_btn_wrap .checkbox input[type="checkbox"]{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0)} .popup .pop_btn_wrap .checkbox input[type="checkbox"] + label{display:inline-block;position:relative;padding-left:35px;padding-top:2px;color:#7f889f;font-size:14px;cursor:pointer} .popup .pop_btn_wrap .checkbox input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;background-color:#7f889f;background-repeat:no-repeat;background-position:center;background-image:url(/images/common/ic-pop-chk.png)} .popup .pop_btn_wrap .checkbox input[type="checkbox"]:checked + label{color:#fff} .popup .pop_btn_wrap .checkbox input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(/images/common/ic-pop-chk-on.png);color:#fff} .popup .pop_btn_wrap .btn_pop_close{display:inline-block;margin-left:35px;vertical-align:top} .layer_popup{position:fixed;top:50%;left:5%;-webkit-transform:translate(-2.5%,-50%);transform:translate(-2.5%,-50%);z-index:1010;-webkit-box-shadow:4px 0 10px 4px rgba(0,0,0,0.1);box-shadow:4px 0 10px 4px rgba(0,0,0,0.1)} .layer_popup .popup_con img{max-width:100%} .layer_popup .popup_con strong{display: inline-block;overflow-y: auto;max-height: 600px;} .layer_popup .popup_contents{background-color:#fff} .layer_popup .popup_title{background-color:#3a8073;text-align:center} .layer_popup .popup_title h3{padding:12px 15px} .layer_popup .popup_title h3 img{max-width:100%;vertical-align:middle} .layer_popup .popup_con{font-size:16px;padding:30px} .layer_popup .popup_con .btn_wrap{width:100%;height:auto;margin-top:25px;margin-bottom:0;text-align:center} .layer_popup .popup_con .btn_wrap:after{display:block;content:'';clear:both} .layer_popup .popup_con .btn_wrap .btn_more{display:inline-block;width:auto;padding:11px 30px;font-size:16px;color:#fff;line-height:1em} .layer_popup .popup_con .btn_wrap .btn_more:hover,.layer_popup .popup_con .btn_wrap .btn_more:focus{background-color:#303134;color:#fff} .layer_popup .popup_conbottom{width:100%;height:50px;background-color:#f6f6f6;border-top:1px solid #ddd} .layer_popup .popup_conbottom .checkbox{display:block;float:left;width:62%;padding:10px;text-align:center} .layer_popup .popup_conbottom .checkbox input[type="checkbox"]{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0)} .layer_popup .popup_conbottom .checkbox input[type="checkbox"] + label{display:inline-block;position:relative;padding-left:35px;padding-top:2px;font-size:16px;font-weight:300;cursor:pointer} .layer_popup .popup_conbottom .checkbox input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-image:url(/images/common/ic-layerpop-chk.png)} .layer_popup .popup_conbottom .checkbox input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:0;left:0;width:24px;height:24px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(/images/common/ic-layerpop-chk-on.png)} .layer_popup .popup_conbottom .btn_pop_close{display:block;float:left;width:38%;height:49px;padding:14px 10px;border-left:1px solid #ddd;font-size:16px;font-weight:300;text-align:center} .header_wrap{position:fixed;top:0;left:0;z-index:1001;width:100%} .header_wrap.fixed {background-color: #fff;} .util_wrap{width:100%;height:35px;padding:0 1.5%;background-color:#303134} .util_wrap .util_menu{display:inline-block;float:right} .util_wrap .util_menu > li{float:left;position:relative} .util_wrap .util_menu > li.lang_menu{position:relative;background-repeat:no-repeat;background-position:right 15px top 13px;background-image:url(/images/main/ic-arrow-bottom.png)} .util_wrap .util_menu > li.lang_menu > a{padding-right:40px} .util_wrap .util_menu > li.lang_menu.on{background-position:right 15px top 11px;background-image:url(/images/main/ic-arrow-top.png)} .util_wrap .util_menu > li.lang_menu > ul{display:none;position:absolute;top:35px;z-index:1;width:100%;background-color:#303134} .util_wrap .util_menu > li.lang_menu.on > ul {z-index: 1010;} .util_wrap .util_menu > li.lang_menu > ul > li > a{padding:2px 15px 5px;color:#848486;-webkit-transition:.2s ease;transition:.2s ease} .util_wrap .util_menu > li.lang_menu > ul > li > a:hover,.util_wrap .util_menu > li.lang_menu > ul > li > a:focus{color:#fff} .util_wrap .util_menu > li:before{display:block;content:'';clear:both;position:absolute;top:11px;left:0;width:1px;height:8px;background-color:#595a5d} .util_wrap .util_menu > li:first-child:before{display:none} .util_wrap .util_menu > li a{display:block;padding:8px 15px;font-size:14px;font-weight:300;color:#fff} .util_wrap .util_menu > li a img{margin-top:-2px;vertical-align:top} #header{width:100%;height:78px;position:relative;z-index: 1005;-webkit-box-shadow:inset 0 60px 10px rgba(0,0,0,0.1);box-shadow:inset 0 60px 20px rgba(0,0,0,0.1)} #header h1{display:inline-block;position:absolute;top:21px;left:1.5%;width:292px;height:52px;margin:0;vertical-align:top} #header h1 > a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/main/h1-logo.png)} #header.hover h1 a,#header.subheader h1 a,#header.fixed h1 a{background-image:url(/images/main/h1-logo-on.png)} #header .gnb_wrap{display:inline-block;width:100%;padding:0 1.5%;text-align:center;vertical-align:top} #header .gnb_wrap #gnb{display:inline-block;margin:0 0 0 130px;text-align:center} #header .gnb_wrap #gnb > li{display:inline-block; width:205px; vertical-align:top} #header .gnb_wrap #gnb > li:nth-child(1), #header .gnb_wrap #gnb > li:nth-child(5), #header .gnb_wrap #gnb > li:nth-child(6), #header .gnb_wrap #gnb > li:nth-child(7) {width:160px;} #header .gnb_wrap #gnb > li:nth-child(2) {width:165px;} #header .gnb_wrap #gnb > li:nth-child(4) {width:185px;} #header .gnb_wrap #gnb > li > a{display:block;width:100%;padding:25.5px 0;font-size:19px;font-weight:400;color:#fff} #header .gnb_wrap #gnb > li .sub_gnb{display:none;width:100%;height:auto;padding:25px 0;border-right:1px solid #ddd} #header .gnb_wrap #gnb > li .sub_gnb > li{text-align:left} #header .gnb_wrap #gnb > li .sub_gnb > li:first-child > a{padding-top:0} #header .gnb_wrap #gnb > li .sub_gnb > li:hover > a,#header .gnb_wrap #gnb > li .sub_gnb > li:focus > a{color:#5a74aa;font-weight:700} #header .gnb_wrap #gnb > li .sub_gnb > li a{display:block;padding-top:10px;padding-left:15px;/*font-size:16px*/ font-size:17px} /* 210526 */ #header .gnb_wrap #gnb > li .sub_gnb > li a img{width:10px; height:10px; margin-top:-3px;margin-left:3px;vertical-align:middle} /* 210526 width,height */ #header .gnb_wrap #gnb > li .sub_gnb > li a img.allmenu-link{display:none} #header .gnb_wrap #gnb > li .sub_gnb > li > ul > li:hover > a,#header .gnb_wrap #gnb > li .sub_gnb > li > ul > li > a:focus{color:#5a74aa} #header .gnb_wrap #gnb > li .sub_gnb > li > ul > li > a{padding-left:20px;color:#333;font-size:14px;font-weight:300} /* 210526 */ #header .btn_allmenu{display:inline-block;position:absolute;top:25px;right:1.5%;width:33px;text-align:right} #header .btn_allmenu > span{display:block;width:100%;height:3px;background-color:#fff} #header .btn_allmenu > span:nth-child(2){width:25px;margin:9px 0 9px 8px} #header.hover,#header.subheader,#header.fixed{overflow:hidden;height:78px;background-color:#fff;-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.05);box-shadow:0 5px 5px rgba(0,0,0,0.05)} #header.hover .gnb_wrap,#header.subheader .gnb_wrap,#header.fixed .gnb_wrap{height:78px;border-bottom:1px solid #ddd} #header.hover .gnb_wrap #gnb > li,#header.subheader .gnb_wrap #gnb > li,#header.fixed .gnb_wrap #gnb > li{position:relative} #header.hover .gnb_wrap #gnb > li:first-child .sub_gnb,#header.subheader .gnb_wrap #gnb > li:first-child .sub_gnb,#header.fixed .gnb_wrap #gnb > li:first-child .sub_gnb{border-left:1px solid #ddd} #header.hover .gnb_wrap #gnb > li:hover > a:before,#header.hover .gnb_wrap #gnb > li.on > a:before,#header.subheader .gnb_wrap #gnb > li:hover > a:before,#header.subheader .gnb_wrap #gnb > li.on > a:before,#header.fixed .gnb_wrap #gnb > li:hover > a:before,#header.fixed .gnb_wrap #gnb > li.on > a:before{width:100%} #header.hover .gnb_wrap #gnb > li > a,#header.subheader .gnb_wrap #gnb > li > a,#header.fixed .gnb_wrap #gnb > li > a{position:relative;color:#222} #header.hover .gnb_wrap #gnb > li > a:before,#header.subheader .gnb_wrap #gnb > li > a:before,#header.fixed .gnb_wrap #gnb > li > a:before{display:block;content:'';clear:both;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:3px;background-color:#5a74aa;-webkit-transition:.2s ease;transition:.2s ease} #header.hover .gnb_wrap #gnb > li .sub_gnb,#header.subheader .gnb_wrap #gnb > li .sub_gnb,#header.fixed .gnb_wrap #gnb > li .sub_gnb{display:block} #header.hover .btn_allmenu > span,#header.subheader .btn_allmenu > span,#header.fixed .btn_allmenu > span{background-color:#222} #header.bg{background-repeat:no-repeat;background-position:right -30px bottom;background-image:url(/images/main/bg-gnb.png)} .all_sch_wrap{display:none;position:fixed;top:0;left:0;z-index:1002;width:100%;padding:105px 0 110px;background-color:#303134;text-align:center} .all_sch_wrap form fieldset{margin:0;padding:0;border:0} .all_sch_wrap .radio_group{margin-bottom:35px;text-align:center} .all_sch_wrap .radio_group .radio{display:inline-block;vertical-align:middle} .all_sch_wrap .radio_group .radio + .radio{margin-left:90px} .all_sch_wrap .radio_group .radio input[type="radio"]{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0)} .all_sch_wrap .radio_group .radio input[type="radio"] + label{display:inline-block;position:relative;padding-left:43px;font-size:26px;color:#adadae;cursor:pointer} .all_sch_wrap .radio_group .radio input[type="radio"] + label:before{content:'';position:absolute;left:0;width:28px;height:28px;margin-top:2px;border:3px solid #adadae;border-radius:50%;text-align:center} .all_sch_wrap .radio_group .radio input[type="radio"]:focus + label{outline:dotted} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label{color:#fff} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label:before{border:3px solid #fff} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label:after{content:'';position:absolute;top:0;left:0;width:12px;height:12px;margin:10px 8px;background-color:#fff;border-radius:50%} .all_sch_wrap .all_sch input[type="text"]{display:inline-block;width:600px;padding:15px 0;border:0;border-bottom:2px solid #fff;background-color:transparent;vertical-align:top;font-size:30px;color:#fff} .all_sch_wrap .all_sch input[type="text"]::placeholder{color:#fff} .all_sch_wrap .all_sch .all_shc_btn{display:inline-block;margin-left:-32px;padding:15px 0;background:none;border:0;vertical-align:top} .all_sch_wrap .btn_sch_close{display:inline-block;position:absolute;top:35px;right:1.5%} .all_menu_wrap{overflow-y:auto;display:none;position:fixed;top:0;left:0;z-index:1005;width:100%;height:100vh;background-color:#f3f3f3} .all_menu_wrap .all_menu_top{padding:30px 35px} .all_menu_wrap .all_menu{max-width:1200px;margin:0 auto} .all_menu_wrap .all_menu > li{width:100%;padding:35px 50px;border-bottom:1px solid #dbdbdb} .all_menu_wrap .all_menu > li:first-child{padding-top:0} .all_menu_wrap .all_menu > li > a{display:inline-block;width:115px;font-size:22px;font-weight:500;color:#000;vertical-align:top} .all_menu_wrap .all_menu > li > ul{display:inline-block;padding-left:80px;vertical-align:top} .all_menu_wrap .all_menu > li > ul + ul {margin-top:70px; padding-left:195px;} /* 20210613 */ .all_menu_wrap .all_menu > li > ul > li{float:left} .all_menu_wrap .all_menu > li > ul > li + li{margin-left:60px} .all_menu_wrap .all_menu > li > ul > li > a{display:block;font-size:16px;color:#222;letter-spacing:-.1px} .all_menu_wrap .all_menu > li > ul > li > a > img{margin-top:-3px;margin-left:5px;vertical-align:middle} .all_menu_wrap .all_menu > li > ul > li > a > img.gnb-link{display:none} .all_menu_wrap .all_menu > li > ul > li.mt30{margin-top:0} .all_menu_wrap .all_menu > li > ul > li > ul{width:100%;margin-top:5px} .all_menu_wrap .all_menu > li > ul > li > ul > li > a{font-size:15px;font-weight:300;color:#666} .all_menu_wrap .btn_allmenu_close{display:inline-block;position:absolute;top:30px;right:35px} .mt30{margin-top:30px} .t_show{display:none} @media (max-width: 1699px) { #header .gnb_wrap{padding-left:300px;padding-right:50px} #header .gnb_wrap #gnb{text-align:center; margin:0 auto; } #header .gnb_wrap #gnb > li{max-width:16%;text-align:center; width:150px;} #header .gnb_wrap #gnb > li:nth-child(1), #header .gnb_wrap #gnb > li:nth-child(2), #header .gnb_wrap #gnb > li:nth-child(5), #header .gnb_wrap #gnb > li:nth-child(6), #header .gnb_wrap #gnb > li:nth-child(7) {width:135px;} } @media (max-width: 1399px) { .popup .layer1400{padding:35px 2% 0} .popup .pop_btn_wrap{position:static;top:auto;-webkit-transform:none;transform:none;width:100%;text-align:right;padding-right:2%;padding-top:20px;padding-bottom:20px} .popup .pop_btn_wrap .checkbox{display:inline-block;margin-top:-3px;vertical-align:top} .popup .pop_btn_wrap .checkbox input[type="checkbox"]{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0)} .popup .pop_btn_wrap .checkbox input[type="checkbox"] + label{display:inline-block;position:relative;padding-left:35px;padding-top:2px;color:#7f889f;font-size:14px;cursor:pointer} .popup .pop_btn_wrap .checkbox input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;background-color:#7f889f;background-repeat:no-repeat;background-position:center;background-image:url(/images/common/ic-pop-chk.png)} .popup .pop_btn_wrap .checkbox input[type="checkbox"]:checked + label{color:#fff} .popup .pop_btn_wrap .checkbox input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(/images/common/ic-pop-chk-on.png);color:#fff} .popup .pop_btn_wrap .btn_pop_close{display:inline-block;margin-left:35px;vertical-align:top} #header h1{top:24px;width:220px;height:24px} #header h1 > a{background-size:100% auto} #header .gnb_wrap{padding-left:200px} #header .gnb_wrap #gnb > li{max-width:16%;text-align:center; width:110px;} #header .gnb_wrap #gnb > li:nth-child(1), #header .gnb_wrap #gnb > li:nth-child(2), #header .gnb_wrap #gnb > li:nth-child(5), #header .gnb_wrap #gnb > li:nth-child(6), #header .gnb_wrap #gnb > li:nth-child(7) {width:100px;} #header .gnb_wrap #gnb > li:nth-child(4) {width:110px;} #header .gnb_wrap #gnb > li > a{padding:27px 0;font-size:16px} #header .gnb_wrap #gnb > li .sub_gnb > li a{padding-left:5px; font-size:13px;} #header .gnb_wrap #gnb > li .sub_gnb > li > ul > li a{padding-left:5px; font-size:13px;} #header .btn_allmenu{width:30px} #header .btn_allmenu > span:nth-child(2){width:22px} .all_menu_wrap{overflow-y:auto} .all_menu_wrap .all_menu{width:100%;max-width:none;padding:0 35px} .all_menu_wrap .all_menu > li{padding:35px 0} .all_menu_wrap .all_menu > li:first-child{padding-top:0} .all_menu_wrap .all_menu > li > ul{margin-top:20px;width:100%;display:block;padding-left:0} .all_menu_wrap .all_menu > li > ul + ul {padding-left:0} /* 20210613 */ .all_menu_wrap .all_menu > li > ul:after{display:block;content:'';clear:both} .all_menu_wrap .all_menu > li > a{display:block;width:100%} } @media (max-width: 1023px) { .util_wrap{display:none} .popup .layer1400{padding:25px 2% 0} .popup strong{font-size:18px} .popup .pop_btn_wrap{padding-top:15px} .popup .pop_btn_wrap .btn_pop_close{margin-left:20px} .layer_popup{width:90%;max-width:420px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .layer_popup .popup_contents{width:100%;max-width:100%} .layer_popup .popup_con{max-width:100%;padding:30px 15px;font-size:14px} .layer_popup .popup_con h4{font-size:18px} .layer_popup .popup_con p{font-size:14px} .layer_popup .popup_con p + ul > li{font-size:14px} .layer_popup .popup_con .btn_wrap .btn_more{font-size:14px} .layer_popup .popup_conbottom .checkbox input[type="checkbox"] + label{padding-left:25px;font-size:14px} .layer_popup .popup_conbottom .checkbox input[type="checkbox"] + label:before{width:20px;height:20px;background-size:100%} .layer_popup .popup_conbottom .checkbox input[type="checkbox"]:checked + label:after{width:20px;height:20px;background-size:100%} .layer_popup .popup_conbottom .btn_pop_close{font-size:14px} #header.hover,#header.subheader,#header.fixed{border-bottom:1px solid #ddd} #header.hover .gnb_wrap,#header.subheader .gnb_wrap,#header.fixed .gnb_wrap{height:100%} #header.hover .gnb_wrap #gnb > li,#header.subheader .gnb_wrap #gnb > li,#header.fixed .gnb_wrap #gnb > li{max-width:100%} #header.hover .gnb_wrap #gnb > li:hover > a:before,#header.hover .gnb_wrap #gnb > li.on > a:before,#header.subheader .gnb_wrap #gnb > li:hover > a:before,#header.subheader .gnb_wrap #gnb > li.on > a:before,#header.fixed .gnb_wrap #gnb > li:hover > a:before,#header.fixed .gnb_wrap #gnb > li.on > a:before{display:none} #header.hover .gnb_wrap #gnb > li .sub_gnb,#header.subheader .gnb_wrap #gnb > li .sub_gnb,#header.fixed .gnb_wrap #gnb > li .sub_gnb{display:none} #header.hover .m_header_menu > a.btn_m_sch,#header.subheader .m_header_menu > a.btn_m_sch,#header.fixed .m_header_menu > a.btn_m_sch{background-image:url(/images/common/btn-m-sch-on.png)} #header.hover .m_header_menu > a.btn_slide_menu,#header.subheader .m_header_menu > a.btn_slide_menu,#header.fixed .m_header_menu > a.btn_slide_menu{background-image:url(/images/common/btn-slide-menu-on.png)} #header h1{left:2.5%;width:250px;height:28px} #header .m_gnb_top{width:78%;padding:18px 20px;background-color:#fff;border-bottom:1px solid #dedede;text-align:left;vertical-align:top} #header .m_gnb_top .m_lang_menu{margin-bottom:40px} #header .m_gnb_top .m_lang_menu > li{float:left;position:relative} #header .m_gnb_top .m_lang_menu > li.on > a{color:#000} #header .m_gnb_top .m_lang_menu > li + li{position:relative;margin-left:12px} #header .m_gnb_top .m_lang_menu > li + li:before{display:block;content:'';clear:both;position:absolute;top:3px;left:0;width:1px;height:9px;background-color:#ddd} #header .m_gnb_top .m_lang_menu > li + li > a{padding-left:12px} #header .m_gnb_top .m_lang_menu > li > a{display:block;font-size:12px;font-weight:700;color:#888} #header .m_gnb_top .m_lang_menu > li > a > img{width:12px;margin-top:-3px;vertical-align:middle} #header .m_gnb_top .m_util_menu > li{float:left} #header .m_gnb_top .m_util_menu > li{position:relative;margin-right:15px} #header .m_gnb_top .m_util_menu > li:last-child:after {display:none;} #header .m_gnb_top .m_util_menu > li:after{display:block;content:'';clear:both;position:absolute;top:1px;right:0;width:1px;height:12px;background-color:#c3c3c3} #header .m_gnb_top .m_util_menu > li > a{padding-right:15px} #header .m_gnb_top .m_util_menu > li > a{display:block;font-size:13px;color:#222} #header .gnb_wrap{overflow-y:auto;display:block;position:fixed;top:0;left:100%;width:100%;height:100%;background:rgba(0,0,0,0.6);padding-left:0;padding-right:0;text-align:right} #header .gnb_wrap #gnb{overflow:hidden;display:inline-block;width:78%;padding-bottom:125px;background-color:#fff} #header .gnb_wrap #gnb > li{max-width:100%;float:none;width:100%;border-bottom:1px solid #dedede;text-align:left} #header .gnb_wrap #gnb > li:nth-child(1), #header .gnb_wrap #gnb > li:nth-child(2), #header .gnb_wrap #gnb > li:nth-child(3), #header .gnb_wrap #gnb > li:nth-child(4), #header .gnb_wrap #gnb > li:nth-child(5), #header .gnb_wrap #gnb > li:nth-child(6), #header .gnb_wrap #gnb > li:nth-child(7) {width:100%;} #header .gnb_wrap #gnb > li.on > a{border-bottom:1px solid #5a74aa;background-image:url(/images/main/bg-slide-menu-on.png);color:#5a74aa} #header .gnb_wrap #gnb > li > a{padding:18px 20px;background-repeat:no-repeat;background-position:right 20px center;background-image:url(/images/main/bg-slide-menu.png);background-size:12px;font-size:18px;font-weight:700;color:#000} #header .gnb_wrap #gnb > li .sub_gnb{display:none;height:auto;padding:15px 20px;background-color:#f0f0f0;border-top:1px solid #ddd;border-right:0} #header .gnb_wrap #gnb > li .sub_gnb > li > a{padding-left:0;font-size:14px;font-weight:700;color:#000} #header .gnb_wrap #gnb > li .sub_gnb > li.mt30{margin-top:18px} #header .gnb_wrap #gnb > li .sub_gnb > li > ul > li > a{padding-left:0;font-size:12px} #header .gnb_wrap .btn_slide_close{position:absolute;top:15px;right:20px} #header .gnb_wrap .btn_slide_close > img{width:15px} #header .btn_allmenu{display:none} #header .m_header_menu{float:right;margin-right:2.5%;padding:21px 0} #header .m_header_menu > a{display:inline-block} #header .m_header_menu > a + a{margin-left:18px} #header .m_header_menu > a.btn_m_sch{width:28px;height:28px;background-image:url(/images/common/btn-m-sch.png)} #header .m_header_menu > a.btn_slide_menu{width:33px;height:27px;background-image:url(/images/common/btn-slide-menu.png)} .all_sch_wrap{padding:75px 0 80px} .all_sch_wrap .radio_group{margin-bottom:25px} .all_sch_wrap .radio_group .radio + .radio{margin-left:50px} .all_sch_wrap .radio_group .radio input[type="radio"] + label{padding-left:30px;font-size:20px} .all_sch_wrap .radio_group .radio input[type="radio"] + label:before{width:22px;height:22px;border-width:2px} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label:before{border-width:2px} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label:after{width:8px;height:8px;margin:9px 7px} .all_sch_wrap .all_sch input[type="text"]{width:80%;padding:10px 0;font-size:24px} .all_sch_wrap .all_sch .all_shc_btn{padding:10px 0} .all_sch_wrap .btn_sch_close{right:2.5%} .t_show{display:inline-block} } @media (min-width: 370px) and (max-width: 464px) { #header .m_gnb_top .m_util_menu > li{position:relative; margin-right:17px} #header .m_gnb_top .m_util_menu > li:nth-child(3) {margin-right:0;} #header .m_gnb_top .m_util_menu > li > a{padding-right:17px} } @media (max-width: 369px) { #header .m_gnb_top .m_util_menu > li{position:relative; margin-right:17px} #header .m_gnb_top .m_util_menu > li:nth-child(3) {margin-right:17px;} #header .m_gnb_top .m_util_menu > li > a{padding-right:17px} } @media (max-width: 767px) { #header h1{left:15px;width:140px;height:16.5px} #header h1 a{background-image:url(/images/main/h1-logo-m.png);background-size:100%} #header.hover,#header.subheader,#header.fixed{height:48px} #header .m_header_menu{margin-right:15px} #header .m_header_menu > a{background-size:100%} #header .m_header_menu > a.btn_m_sch{width:14px;height:14px} #header .m_header_menu > a.btn_slide_menu{width:16.5px;height:13.5px} .all_sch_wrap{padding:35px 0 40px} .all_sch_wrap .radio_group{margin-bottom:20px} .all_sch_wrap .radio_group .radio + .radio{margin-left:20px} .all_sch_wrap .radio_group .radio input[type="radio"] + label{padding-left:20px;font-size:14px} .all_sch_wrap .radio_group .radio input[type="radio"] + label:before{width:15px;height:15px;margin-top:1px} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label:before{border-width:2px} .all_sch_wrap .radio_group .radio input[type="radio"]:checked + label:after{width:5px;height:5px;margin:6px 5px} .all_sch_wrap .all_sch input[type="text"]{font-size:14px} .all_sch_wrap .all_sch .all_shc_btn{padding:5px 0} .all_sch_wrap .all_sch .all_shc_btn img{width:20px} .all_sch_wrap .btn_sch_close{top:15px;right:2.5%} .all_sch_wrap .btn_sch_close img{width:18px} } #footer{position:relative;width:100%;padding:35px 0 45px;background-color:#303134} #footer .btn_top{border:0;display:none;position:fixed;bottom:170px;right:3%;z-index:10;width:58px;height:58px;padding:30px 0 0;background-color:#303134;border:1px solid #303134;border-radius:50%;text-align:center;font-size:14px;font-weight:700;color:#fff;background-position:center 16px;background-repeat:no-repeat;background-size:12px;background-image:url(/images/common/ic-top.png)} #footer .btn_top span{display:block;text-align:center} #footer .btn_top.over{background-color:#fff;background-image:url(/images/common/ic-top-over.png);border:1px solid #303134;color:#303134} #footer .footer_wrap{position:relative;max-width:1400px;margin:0 auto;padding-left:440px} #footer .footer_wrap .related_site_wrap{display:inline-block} #footer .footer_wrap .related_site_wrap .related_site{float:left;width:245px} #footer .footer_wrap .related_site_wrap .related_site h3{display: none;} #footer .footer_wrap .related_site_wrap .related_site ul > li a{display:block;font-size:14px;line-height:2.5em;color:#fff} #footer .footer_wrap .related_site_wrap .related_site ul > li a img{margin-top:-2px;margin-left:5px;vertical-align:middle} #footer .footer_wrap .footer_con{position:absolute;top:0;left:0;display:inline-block;vertical-align:top} #footer .footer_wrap .footer_con .footer_logo{display:block;width:154px;height:53px;margin-bottom:15px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/common/footer-logo.png);vertical-align:top} #footer .footer_wrap .footer_con .footer_contents{display:inline-block;vertical-align:top} #footer .footer_wrap .footer_con .footer_contents > p{display:block;font-size:14px;font-family:'Noto Sans KR',sans-serif;font-weight:300;color:#a0a0a0;line-height:1.7em} #footer .footer_wrap .footer_con .footer_contents > p strong + strong{margin-left:20px} #footer .footer_wrap .footer_con .footer_contents > p > a{font-size:14px;font-weight:300;color:#a0a0a0} #footer .footer_wrap .footer_con .footer_menu{margin-bottom:10px} #footer .footer_wrap .footer_con .footer_menu > li{float:left} #footer .footer_wrap .footer_con .footer_menu > li + li{position:relative;margin-left:10px;padding-left:10px} #footer .footer_wrap .footer_con .footer_menu > li + li:before{display:block;content:'';clear:both;position:absolute;top:1px;left:0;width:1px;height:14px;background-color:#727272} #footer .footer_wrap .footer_con .footer_menu > li > a{display:block;font-size:14px;font-weight:300;color:#a0a0a0} #footer .footer_wrap .sns_menu{display:inline-block;position:absolute;top:0;right:0;vertical-align:top} #footer .footer_wrap .sns_menu > a{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;vertical-align:top;-webkit-transition:.2s background;transition:.2s background} #footer .footer_wrap .sns_menu > a.sns_youtube{background-image:url(/images/common/ic-youtube.png)} #footer .footer_wrap .sns_menu > a.sns_youtube:hover{background-image:url(/images/common/ic-youtube-on.png)} #footer .footer_wrap .sns_menu > a.sns_twit{background-image:url(/images/common/ic-twit.png)} #footer .footer_wrap .sns_menu > a.sns_twit:hover{background-image:url(/images/common/ic-twit-on.png)} #footer .footer_wrap .sns_menu > a.sns_facebook{background-image:url(/images/common/ic-facebook.png)} #footer .footer_wrap .sns_menu > a.sns_facebook:hover{background-image:url(/images/common/ic-facebook-on.png)} #footer .footer_wrap .sns_menu > a.sns_insta{background-image:url(/images/common/ic-insta.png)} #footer .footer_wrap .sns_menu > a.sns_insta:hover{background-image:url(/images/common/ic-insta-on.png)} #footer .footer_wrap .sns_menu > a.sns_issue{background-image:url(/images/common/ic-issue.png)} #footer .footer_wrap .sns_menu > a.sns_issue:hover{background-image:url(/images/common/ic-issue-on.png)} #footer .footer_wrap .sns_menu > a + a{margin-left:15px} .m_br{display:none} @media (max-width: 1399px) { #footer{padding:35px 25px 45px} #footer .footer_wrap{width:100%;padding-left:35%} #footer .footer_wrap .related_site_wrap{width:100%} #footer .footer_wrap .related_site_wrap .related_site{width:25%} #footer .footer_wrap .sns_menu a + a{margin-left:10px} } @media (max-width: 1199px) { #footer{padding:70px 25px 30px} #footer .footer_wrap{width:100%;padding-left:40%} #footer .footer_wrap .related_site_wrap{width:100%} #footer .footer_wrap .related_site_wrap .related_site{width:33%} #footer .footer_wrap .sns_menu{top:-45px} } @media (max-width: 1023px) { #footer{padding:25px} #footer .footer_wrap{width:100%;padding-left:0} #footer .footer_wrap .related_site_wrap{width:100%} #footer .footer_wrap .related_site_wrap .related_site h3{display: block;border-bottom:1px solid #454649;background-repeat:no-repeat;background-position:right center;background-image:url(/images/common/bg-footer-menu.png);background-size:10px} #footer .footer_wrap .related_site_wrap h3 > a{display:block;padding:10px 0;font-size:13px;font-weight:700;color:#fff} #footer .footer_wrap .related_site_wrap h3.on{background-image:url(/images/common/bg-footer-menu-on.png)} #footer .footer_wrap .related_site_wrap .related_site{float:none;width:100%} #footer .footer_wrap .related_site_wrap .related_site ul{display:none;border-bottom:1px solid #454649} #footer .footer_wrap .related_site_wrap .related_site ul > li + li{margin-top:3px} #footer .footer_wrap .related_site_wrap .related_site ul > li a{padding:12px 20px;font-size:13px;line-height:1em} #footer .footer_wrap .related_site_wrap .related_site ul > li a img{display:none} #footer .footer_wrap .footer_con{display:block;width:100%;margin-top:30px;position:static;top:auto;left:auto} #footer .footer_wrap .sns_menu{display:block;width:100%;margin-top:20px;position:static;top:auto;left:auto;text-align:center} } @media (max-width: 767px) { #header{height:48px;-webkit-box-shadow:inset 0 30px 20px rgba(0,0,0,0.1);box-shadow:inset 0 30px 20px rgba(0,0,0,0.1)} #header h1{top:15px} #header .m_header_menu{padding:10px 0} #header.subheader{height:48px} #footer{padding:25px 3%} #footer .btn_top{width:50px;height:50px;padding-top:23px;background-position:center 13px;background-size:9px;bottom:50px} #footer .footer_wrap .footer_con .footer_logo{width:107.5px;height:36.5px;margin-bottom:17px;background-image:url(/images/common/footer-logo-m.png);background-size:100%} #footer .footer_wrap .footer_con .footer_logo > img{max-width:100%} #footer .footer_wrap .footer_con .footer_menu{margin-bottom:20px} #footer .footer_wrap .footer_con .footer_menu > li + li{margin-left:8px;padding-left:8px} #footer .footer_wrap .footer_con .footer_menu > li + li:before{top:2px;height:11px} #footer .footer_wrap .footer_con .footer_menu > li > a{font-size:12px} #footer .footer_wrap .footer_con .footer_contents{display:block} #footer .footer_wrap .footer_con .footer_contents > p{font-size:11px;line-height:2em} #footer .footer_wrap .footer_con .footer_contents > p > a{font-size:11px} #footer .footer_wrap .sns_menu{width:100%;text-align:center} #footer .footer_wrap .sns_menu > a{width:36px;height:36px;background-size:100%;margin:0 1%} #footer .footer_wrap .sns_menu > a + a{margin:0 1%} #footer .footer_wrap .sns_menu > a.sns_youtube{background-image:url(/images/common/ic-youtube-m.png)} #footer .footer_wrap .sns_menu > a.sns_youtube:hover{background-image:url(/images/common/ic-youtube-m-on.png)} #footer .footer_wrap .sns_menu > a.sns_twit{background-image:url(/images/common/ic-twit-m.png)} #footer .footer_wrap .sns_menu > a.sns_twit:hover{background-image:url(/images/common/ic-twit-m-on.png)} #footer .footer_wrap .sns_menu > a.sns_facebook{background-image:url(/images/common/ic-facebook-m.png)} #footer .footer_wrap .sns_menu > a.sns_facebook:hover{background-image:url(/images/common/ic-facebook-m-on.png)} #footer .footer_wrap .sns_menu > a.sns_insta{background-image:url(/images/common/ic-insta-m.png)} #footer .footer_wrap .sns_menu > a.sns_insta:hover{background-image:url(/images/common/ic-insta-m-on.png)} #footer .footer_wrap .sns_menu > a.sns_issue{background-image:url(/images/common/ic-issue-m.png)} #footer .footer_wrap .sns_menu > a.sns_issue:hover{background-image:url(/images/common/ic-issue-m-on.png)} .m_br{display:block} } .subtop{width:100%;height:380px;margin-top:113px;background-repeat:no-repeat;background-position:bottom center;background-size:cover;text-align:center;color:#fff} .subtop h3{display:block;padding-top:100px;padding-bottom:10px;font-size:56px;-webkit-text-shadow:0 2px 15px rgba(0,0,0,0.58);text-shadow:0 2px 15px rgba(0,0,0,0.58)} .subtop p{font-size:20px;line-height:1.2em;-webkit-text-shadow:0 1px 15px rgba(0,0,0,0.58);text-shadow:0 1px 15px rgba(0,0,0,0.58)} .subtop.about{background-image:url(/images/common/subvis-about.png)} .subtop.edu{background-image:url(/images/common/subvis-edu.png)} .subtop.edu02{background-image:url(/images/common/subvis-edu02.png)} .subtop.research{background-image:url(/images/common/subvis-research.png)} .subtop.campus{background-image:url(/images/common/subvis-campus.png)} .subtop.news{background-image:url(/images/common/subvis-news.png)} .subtop.reserve{background-image:url(/images/common/subvis-reserve.png)} .subtop.faculty{background-image:url(/images/common/subvis-faculty.png)} .subtop.search{background-image:url(/images/common/subvis-search.png)} .subtop.student{background-image:url(/images/common/subvis-student.png)} #breadcrumb{position:relative;top:-60px;max-width:1400px;height:60px;margin:0 auto;background-color:#fff} #breadcrumb > ul{display:inline-block;padding-left:60px;vertical-align:middle} #breadcrumb > ul > li{float:left;position:relative;background-color:#fff} #breadcrumb > ul > li .dropmenu{display:none;border:1px solid #ddd;border-top:0;position:absolute;z-index:11;width:100%} #breadcrumb > ul > li .dropmenu > li > a{display:block;padding:18px 26px;border-top:1px solid #ddd;background-color:#fff;font-size:16px;font-weight:300;color:#555} #breadcrumb > ul > li .dropmenu > li:hover a{font-weight:700;color:#5a74aa} #breadcrumb > ul > li:first-child{border:0} #breadcrumb > ul > li:first-child > a{padding-left:0} #breadcrumb > ul > li:last-child:after{display:block;content:'';clear:both;position:absolute;top:20px;right:0;width:1px;height:20px;background-color:#ddd} #breadcrumb > ul > li:last-child > a,#breadcrumb > ul > li:last-child > strong{font-weight:700;color:#222} #breadcrumb > ul > li > a,#breadcrumb > ul > li > strong{display:block;padding:17.5px 25px;font-size:18px;font-weight:300;color:#555} #breadcrumb > ul > li + li:before{display:block;content:'';clear:both;position:absolute;top:20px;left:0;width:1px;height:20px;background-color:#ddd} #breadcrumb > ul > li + li.on > a:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ddd;border-bottom:0;background:none} #breadcrumb > ul > li + li > a,#breadcrumb > ul > li + li > strong{min-width:260px;padding-left:25px;padding-right:25px;background-repeat:no-repeat;background-position:right 25px center;background-image:url(/images/common/ic-arrow-bottom.png)} #breadcrumb > ul > li + li > strong{background-image:none;min-width:auto} #breadcrumb div{display:inline-block;position:relative;margin-top:10px;margin-right:60px;vertical-align:middle} #breadcrumb div > a{display:inline-block;width:40px;height:40px;margin-left:-5px;background-repeat:no-repeat;background-position:center;vertical-align:top;-webkit-transition:background .2s;transition:background .2s} #breadcrumb div .btn_print{background-image:url(/images/common/ic-print.png)} #breadcrumb div .btn_print:hover{background-color:#303134;background-image:url(/images/common/ic-print-on.png)} #breadcrumb div .btn_share{background-image:url(/images/common/ic-share.png)} #breadcrumb div .btn_share:hover,#breadcrumb div .btn_share.on{background-color:#303134;background-image:url(/images/common/ic-share-on.png)} #breadcrumb div > .share{display:inline-block;margin-top:0;margin-right:0;vertical-align:top} #breadcrumb div .share_wrap{display:none;position:absolute;right:0;z-index:10;width:120px} #breadcrumb div .share_wrap > li{float:left;width:40px;height:40px} #breadcrumb div .share_wrap > li:hover a{background-color:#3b5997} #breadcrumb div .share_wrap > li + li:hover a{background-color:#00aced} #breadcrumb div .share_wrap > li + li + li:hover a{background-color:#81c48f} #breadcrumb div .share_wrap > li > a{display:block;width:100%;height:100%;background-color:#303134;text-align:center;-webkit-transition:.2s background;transition:.2s background} #contents{margin-top:-60px;padding-top:90px;padding-bottom:130px} #contents:after{display:block;content:'';clear:both} #contents p{font-size:16px;font-weight:300;color:#555;line-height:1.8em;word-wrap: break-word;} #contents p.fontS {padding:10px 0 0; font-size:15px;color:#757575;line-height:20px;} #contents.bg_contents{position:relative;z-index:1} #contents.bg_contents.mv:before{height:70%;background-position:center 25%} #contents.bg_contents.college:before{height:40%;background-position:center bottom} #contents.bg_contents.oc:before{height:30%;top:0;bottom:auto;background-repeat:no-repeat;background-position:center 165px;background-color:#fff;background-image:url(/images/about/bg-oc.png)} #contents.bg_contents:before{display:block;content:'';clear:both;position:absolute;left:50%;bottom:0;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;background-repeat:no-repeat;background-color:#f2f2f2;background-image:url(/images/common/bg-contents.png);background-size:auto} .row{width:100%} .row.map_row{padding:30px 0;margin-bottom:100px;} .row.campus_row{width:100%;height:850px;margin-bottom:-130px;background-repeat:no-repeat;background-position:center 0;background-image:url(/images/campus/bg-map.png)} .row.campus_row .inner_row{height:100%} .inner_row{max-width:1400px;margin:0 auto;padding-left:60px;padding-right:60px} .sub_tit h4{margin-bottom:60px;font-size:36px;font-weight:700;line-height:1.2em;text-align:center} .sub_tit h4.prof_name{margin-bottom:20px;font-size:30px;font-weight:500} .sub_tit h4.prof_name strong{padding-right:15px;font-size:46px} .sub_tit h4 + .major{text-align:center} .sub_tit h4 + .major span{display:inline-block;font-size:18px} .sub_tit h4 + .major span + span{position:relative;padding-left:10px;margin-left:10px} .sub_tit h4 + .major span + span:before{display:block;content:'';clear:both;position:absolute;top:3px;left:0;width:1px;height:15px;background-color:#1a1a1a} .sub_tit h5{font-size:32px;font-weight:700;line-height:1.4em} .sub_tit h5.line{position:relative;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e5e5e5} .sub_tit h6{margin-bottom:15px;font-size:28px;text-align:center} .sub_tit h6 + p{text-align:center} .resize_img{text-align:center} .resize_img img{max-width:100%} .color_blue{color:#5a74aa;font-weight:500} .color_blue *{color:#5a74aa} .cst_table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed} .cst_table thead th{border-bottom:0} .cst_table th,.cst_table td{border:1px solid #ddd;padding:3px;font-size:12px;text-align:center} .cst_table th.text_left,.cst_table td.text_left{text-align:left} .cst_table th strong,.cst_table td strong{font-weight:500} .cst_table th{background-color:#f9f9f9;font-weight:500} .top_btn_wrap{margin-bottom:15px} .top_btn_wrap > a{display:inline-block;min-width:280px;padding:15px 0;background-color:#4f5d7e;color:#fff;font-size:16px;text-align:center} .top_btn_wrap > a > img{margin-left:20px} .top_btn_wrap > a + a{margin-left:15px} .text_right{text-align:right} .text_center{text-align:center} .full_right{float:right} .mb65{margin-bottom:65px!important} @media (max-width: 1399px) { .inner_row{padding-left:25px;padding-right:25px} #breadcrumb > ul{padding-left:25px} #breadcrumb div{margin-right:25px} } @media (max-width: 1023px) { .row.map_row{margin-bottom:70px} .row.campus_row{height:auto;margin-bottom:0;background-image:none} .row.campus_row .inner_row{padding:0} .subtop{height:320px;margin-top:78px} .subtop h3{padding-top:85px;font-size:42px} #breadcrumb > ul{padding-left:2.5%} #breadcrumb > ul > li + li > a{min-width:200px} #breadcrumb > ul > li > a,#breadcrumb > ul > li > strong{font-size:16px} #breadcrumb div{margin-top:10px;margin-right:2.5%} #breadcrumb div .btn_print{display:none} .sub_tit h4{margin-bottom:40px;font-size:30px} #contents{padding-top:70px} .top_btn_wrap{margin-bottom:15px} .top_btn_wrap > a{min-width:auto;padding:12px 40px;font-size:14px} .top_btn_wrap > a > img{margin-left:20px} .top_btn_wrap > a + a{margin-left:10px} } @media (max-width: 920px) { .scroll_x{position:relative;overflow-x:auto;width:100%} .scroll_x table{position:relative;width:920px} .scroll_x.touch_help:before{display:block;content:'좌우로 드래그 해보세요';clear:both;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:43px;background-repeat:no-repeat;background-position:center 0;background-image:url(/images/common/ic-drag.png);background-size:20px;font-size:12px;font-weight:700;color:#fff} .scroll_x.touch_help table:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)} } @media (max-width: 767px) { .row.map_row{margin-bottom:40px} #contents.bg_contents:before{display:none} .inner_row{padding-left:3%;padding-right:3%} .subtop{height:206px;margin-top:48px;background-position:center 0} .subtop h3{padding-top:60px;padding-bottom:5px;font-size:30px} .subtop p{font-size:12px} .subtop.about{background-image:url(/images/common/subvis-about-m.png)} .subtop.edu{background-image:url(/images/common/subvis-edu-m.png)} .subtop.edu02{background-image:url(/images/common/subvis-edu02-m.png)} .subtop.research{background-image:url(/images/common/subvis-research-m.png)} .subtop.news{background-image:url(/images/common/subvis-news-m.png)} .subtop.reserve{background-image:url(/images/common/subvis-reserve-m.png)} .subtop.search{background-image:url(/images/common/subvis-search-m.png)} .subtop.faculty{background-image:url(/images/common/subvis-faculty-m.png)} #breadcrumb{height:43px;top:-43px;background-color:rgba(90,116,170,0.9)} #breadcrumb > ul{display:block;width:100%;padding-left:0} #breadcrumb > ul > li{display:none;float:none;width:100%;background-color:transparent} #breadcrumb > ul > li + li.on > a{background-color:#5a74aa;background-image:url(/images/common/ic-arrow-bottom-m-on.png)} #breadcrumb > ul > li + li.on > a:before{display:none} #breadcrumb > ul > li .dropmenu{border:0} #breadcrumb > ul > li .dropmenu > li > a{padding:7px 3%;background-color:#5a74aa;border:0;color:#fff!important;font-weight:300!important;font-size:14px} #breadcrumb > ul > li .dropmenu > li + li > a{border:0;border-top:1px solid #6b82b3} #breadcrumb > ul > li:last-child{display:block} #breadcrumb > ul > li:last-child .dropmenu{display:none} #breadcrumb > ul > li:last-child:after{display:none} #breadcrumb > ul > li:last-child > strong,#breadcrumb > ul > li:last-child > a{color:#fff} #breadcrumb > ul > li > strong,#breadcrumb > ul > li > a{padding:12px 3%} #breadcrumb > ul > li + li:before{display:none} #breadcrumb > ul > li + li > strong,#breadcrumb > ul > li + li > a{width:100%;min-width:auto;padding-left:3%;padding-right:3%;background-image:url(/images/common/ic-arrow-bottom-m.png);background-position:right 3% center;background-size:11px;font-size:14px;font-weight:700;color:#fff} #breadcrumb > ul > li + li > strong{background-image:none} #breadcrumb div{display:none} .sub_tit h4{margin-bottom:20px;font-size:24px} .sub_tit h4.prof_name{display:block;margin-bottom:10px;font-size:20px} .sub_tit h4.prof_name strong{display:block;margin-bottom:10px;font-size:35px} .sub_tit h4 + .major span{font-size:13px} .sub_tit h4 + .major span + span:before{top:2px;height:11px} .sub_tit h5{font-size:24px} .sub_tit h5.line{position:static;margin-bottom:0;border-bottom:0} .sub_tit h6{margin-bottom:10px;font-size:21px} .sub_tit h6 + p{text-align:left} #contents{margin-top:-43px;padding-top:40px;padding-bottom:110px} #contents p{font-size:13px;word-break:keep-all} #contents p > a{font-size:13px;word-break:keep-all} .top_btn_wrap{margin-bottom:25px} .top_btn_wrap > a{width:100%;min-width:auto;padding:10px;font-size:12px} .top_btn_wrap > a > img{margin-left:10px;margin-top:1px;width:10px;vertical-align:top} .top_btn_wrap > a + a{margin-top:10px;margin-left:0} .no_br{display:none} } .sch_wrap{width:100%;padding:40px 0;margin-bottom:50px;background-color:#f2f2f2;text-align:center} .sch_wrap fieldset{margin:0;padding:0;border:0} .sch_wrap .sch_key{display:inline-block;width:430px;height:40px;padding:10px 30px 10px 0;background-color:transparent;border:0;border-bottom:2px solid #222;vertical-align:middle} .sch_wrap .sch_key::-webkit-input-placehodler{font-size:17px;font-weight:300;color:#787878} .sch_wrap .sch_key::placeholder{font-size:17px;font-weight:300;color:#787878} .sch_wrap label{display:inline-block;padding:7px 0;font-size:16px;font-weight:700} .sch_wrap label + .sch_location{margin-left:15px} .sch_wrap .sch_location{width:150px;height:38px;padding:0 10px;margin:0 5px;background-color:#fff;border:1px solid #e0e1e2;font-size:16px;font-weight:300;color:#666;vertical-align:top} .sch_wrap .sch_location + .sch_location{width:300px} .sch_wrap .btn_sch{display:inline-block;padding:0;margin:0;margin-left:-33px;border:0;vertical-align:middle} .sch_wrap .btn_sch img{width:28px} .cate_wrap{width:100%;margin-bottom:100px} .cate_wrap .cate_list{width:100%;margin-bottom:-20px} .cate_wrap .cate_list > li{overflow:hidden;float:left;position:relative;height:70px;margin-bottom:20px;background-color:#f2f2f2;border:1px solid #bbb;text-align:center} .cate_wrap .cate_list > li > a{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:20px 10px;font-size:20px;font-weight:500;color:#1a1a1a} .cate_wrap .cate_list > li > a span{display:inline-block;font-size:16px;color:#666} .cate_wrap .cate_list > li.on{background-color:#5a74aa;border:1px solid #5a74aa} .cate_wrap .cate_list > li.on > a{color:#fff} .cate_wrap .cate_list > li.on > a span{color:#fff} .cate_wrap .cate_list.n5 > li{width:calc((100% - 134px)/5);margin-left:33px} .cate_wrap .cate_list.n5 > li:nth-child(5n+1){margin-left:0} .board_wrap{width:100%} .board_wrap .board_top{width:100%;margin-bottom:20px} .board_wrap .board_top form{display:inline-block;width:auto;margin:0;padding:0;vertical-align:top} .board_wrap .board_top .cnt{display:inline-block;margin-top:15px;font-size:16px;font-weight:300;color:#666;vertical-align:bottom} .board_wrap .board_top .cnt strong{font-weight:700} .board_wrap .board_top .sch_wrap{display:inline-block;float:right;width:auto;padding:0;margin-bottom:0;background-color:#fff} .board_wrap .board_top .sch_wrap .sch_cate{display:inline-block;height:38px;padding:0 15px;border:1px solid #e0e1e2;font-size:16px;font-weight:300;color:#666;vertical-align:top} .board_wrap .board_top .sch_wrap .sch_key{width:348px;height:38px;padding:0 10px;margin:0 5px;border:1px solid #e0e1e2} .board_wrap .board_top .sch_wrap .sch_key::-webkit-input-placehodler{font-size:16px;color:#666} .board_wrap .board_top .sch_wrap .sch_key::placeholder{font-size:16px;color:#666} .board_wrap .board_top .sch_wrap label + .sch_location{margin-left:0} .board_wrap .board_top .sch_wrap .sch_location2{width:300px} .board_wrap .board_top .sch_wrap .btn_sch{height:38px;margin:0;padding:10px 15px;background-color:#303134;font-size:16px;color:#fff} .board_wrap .board_top .sch_wrap .btn_sch.bg_white{color:#303134; border:1px solid #303134; background-color: #fff;} .board_wrap .prof_list{width:100%;border-top:2px solid #555} .board_wrap .prof_list > li{display:table;width:100%;padding:20px;border-bottom:1px solid #ececec;table-layout:fixed} .board_wrap .prof_img{display:table-cell;padding:0!important;width:140px;height:180px;vertical-align:middle;position:relative} .board_wrap .prof_img img{display:block;width:100%;border:1px solid #e1e4e6;} .board_wrap .prof_info_wrap{display:table-cell;width:calc(100% - 145px);padding-left:60px;vertical-align:middle} .board_wrap .prof_info_wrap .prof_name{display:block;margin-bottom:20px;color:#333;font-weight:400} .board_wrap .prof_info_wrap .prof_name strong{padding-right:15px;font-weight:700;color:#1a1a1a} .board_wrap .prof_info_wrap .prof_info{width:100%} .board_wrap .prof_info_wrap .prof_info dt,.board_wrap .prof_info_wrap .prof_info dd{display:inline-block;font-size:16px;font-weight:300;line-height:1.8em;word-break:keep-all;vertical-align:top} .board_wrap .prof_info_wrap .prof_info dt{width:6%;font-weight:400;color:#666} .board_wrap .prof_info_wrap .prof_info dd{width:29%;padding-right:40px} .board_wrap .prof_info_wrap .prof_info dd:nth-of-type(even){width:57%;padding-right:0} .board_wrap .prof_info_wrap .prof_info a{color:#1a1a1a} .board_wrap .prof_info_wrap .prof_info .position + .position_con + .office + .office_con + .email + .email_con + .homepage + .homepage_con{width:92%;padding-right:0} .board_wrap .prof_info_wrap .prof_info .position + .position_con + .major + .major_con + .email + .email_con + .homepage + .homepage_con{width:92%;padding-right:0} .board_wrap .prof_info_wrap .prof_info .position + .position_con + .major + .major_con + .office + .office_con + .homepage + .homepage_con{width:92%;padding-right:0} .board_wrap .prof_info_wrap .prof_info .depart + .depart_con .position + .position_con + .office + .office_con{width:92%;padding-right:0} .board_wrap .board_list{width:100%} .board_wrap .board_list > li{display:table;width:100%;border-bottom:1px solid #ececec;table-layout:fixed} .board_wrap .board_list > li span{display:table-cell;padding:17px 10px;text-align:center;color:#666;line-height:1.5em;vertical-align:middle} .board_wrap .board_list > li.thead{border-top:2px solid #555;border-bottom:1px solid #555;font-size:17px;font-weight:700} .board_wrap .board_list > li.thead > span{text-align:center;color:#333} .board_wrap .board_list > li > a{display:table;width:100%;min-height:80px;font-size:16px;font-weight:300;table-layout:fixed} .board_wrap .research_list .subject{width:71%;color:#1a1a1a;text-align:left} .board_wrap .research_list .date{width:15%} .board_wrap .research_list .hit{width:12%} .board_wrap .notice_list li span{text-align:center} .board_wrap .notice_list li.no-data{padding: 80px 0;text-align: center;} .board_wrap .notice_list li.no-data span{font-size: 17px;font-weight: 700;color:#222;} .board_wrap .notice_list li .cate{width:12%} .board_wrap .notice_list li .cate .btn_cate_sort{display:inline-block;padding-left:20px} .board_wrap .notice_list li .cate .btn_cate_sort img{margin-top:-3px;vertical-align:middle} .board_wrap .notice_list li .subject{text-align:left} .board_wrap .notice_list li .date{width:15%} .board_wrap .notice_list li .hit{width:10%} .board_wrap .notice_list li.thead{vertical-align:middle} .board_wrap .notice_list li > a .subject{color:#1a1a1a} .board_wrap .btn_notice{display:inline-block;padding:6px 13px 5px;margin-right:10px;background-color:#303134;border-radius:50px;color:#fff;font-size:14px;font-weight:500;line-height:1em;vertical-align:middle} .board_wrap .gall_list{margin-bottom:-50px} .board_wrap .gall_list.news_list > li > .gall_img > a:before,.board_wrap .gall_list.event_list > li > .gall_img > a:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/board/bg-gall-img.png);background-size:100%} .board_wrap .gall_list.news_list > li > .gall_img > a:before > img,.board_wrap .gall_list.event_list > li > .gall_img > a:before > img{-webkit-transition:.5s ease;transition:.5s ease} .board_wrap .gall_list.news_list > li > .gall_img > a,.board_wrap .gall_list.event_list > li > .gall_img > a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden} .board_wrap .gall_list.news_list > li > .gall_img > a:hover img,.board_wrap .gall_list.news_list > li > .gall_img > a:focus img,.board_wrap .gall_list.event_list > li > .gall_img > a:hover img,.board_wrap .gall_list.event_list > li > .gall_img > a:focus img{-webkit-transform:scale(1.2);transform:scale(1.2) translate(-50%,-50%);transform-origin:top left;} .board_wrap .gall_list.webzine_list{margin-bottom:-60px} .board_wrap .gall_list.webzine_list > li > a{display: block;} .board_wrap .gall_list.webzine_list > li .gall_img{padding-bottom: 126.35%;} .board_wrap .gall_list.webzine_list > li{margin-bottom:60px} .board_wrap .gall_list.webzine_list > li .gall_img{border:1px solid #e5e5e5} .board_wrap .gall_list.webzine_list > li .gall_subject{padding:0} .board_wrap .gall_list > li.nodata_li{width:100%!important;float:none!important;border-top:1px solid #555;border-bottom:1px solid #e5e5e5;text-align:center;padding:25px 0 15px} .board_wrap .gall_list > li{float:left} .board_wrap .gall_list > li .gall_img{display:block;position:relative;width:100%;margin-bottom:25px;border:1px solid #e5e5e5;-webkit-transition:.2s ease;transition:.2s ease;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);padding-bottom:99.35%} .board_wrap .gall_list > li .gall_img img{display:block;max-width:100%;max-height:100%;-webkit-transition:.5s ease;transition:.5s ease;position:absolute;top:50%;left:50%;transform:scale(1) translate(-50%,-50%);transform-origin:top left;} .board_wrap .gall_list > li .gall_img .gall_info{position:absolute;left:10px;bottom:10px;z-index:2} .board_wrap .gall_list > li .gall_img .gall_info .gall_date{display:inline-block;padding-bottom:10px;margin-bottom:5px;border-bottom:1px solid #fff;font-size:14px;color:#fff;vertical-align:middle} .board_wrap .gall_list > li .gall_img .gall_info .gall_date span{display:inline-block;line-height:1.1em;vertical-align:top} .board_wrap .gall_list > li .gall_img .gall_info .gall_date strong{display:inline-block;padding-left:5px;font-size:38px;font-weight:500;line-height:.7em;vertical-align:top} .board_wrap .gall_list > li .gall_img .gall_info .gall_cate{display:block;font-size:16px;color:#fff} .board_wrap .gall_list > li .gall_subject{height:78px;padding:0 10px;color:#1a1a1a;line-height:1.3em} .board_wrap .gall_list.n4 > li{width:calc((100% - 82px)/4);margin-left:27px;margin-bottom:50px} .board_wrap .gall_list.n4 > li:nth-child(4n+1){margin-left:0;clear:left} .board_wrap .gall_list.vroad_list{margin-bottom:-65px} .board_wrap .gall_list.vroad_list > li{width:calc((100% - 82px)/4);margin-left:27px;margin-bottom:65px} .board_wrap .gall_list.vroad_list > li .vroad_img{display:block} .board_wrap .gall_list.vroad_list > li .vroad_img img{display:block;max-width:100%;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);margin-bottom:20px} .board_wrap .gall_list.vroad_list > li .vroad_tit{display:block;font-size:20px;color:#1a1a1a} .board_wrap .gall_list.press_list > li{margin-bottom:60px} .board_wrap .press_list > li{height:260px;background-color:#f3f3f3} .board_wrap .press_list > li.press_nodata{background:none;text-align:center;padding:15px 0;height:auto} .board_wrap .press_list > li > .press_wrap{position:relative;width:100%;height:100%;padding:30px 20px} .board_wrap .press_list > li .press_contop{display:inline-block;margin-bottom:30px} .board_wrap .press_list > li .press_date{display:inline-block;padding-bottom:10px;margin-bottom:7px;border-bottom:1px solid #b4b4b4;font-size:14px;color:#666} .board_wrap .press_list > li .press_date span{display:inline-block;line-height:1.1em;vertical-align:top} .board_wrap .press_list > li .press_date strong{display:inline-block;padding-left:5px;font-size:38px;font-weight:400;line-height:.7em;color:#666;vertical-align:top} .board_wrap .press_list > li .press_cate{display:block;font-size:16px;color:#666} .board_wrap .press_list > li .press_subject{max-height:80px;margin-bottom:15px;font-size:20px;color:#1a1a1a;line-height:1.3em;word-break:keep-all} .board_wrap .press_list > li .press_contents{max-height:80px;font-size:16px;font-weight:300;color:#555} .board_wrap .press_list > li .btn_link{display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/board/ic-link.png);position:absolute;right:20px;bottom:20px;font-size:0;text-indent:-9999em} .board_wrap .rooms_list > li .num{width:8%} .board_wrap .rooms_list > li .location{width:48%;text-align:left} .board_wrap .rooms_list > li .location img{display:inline-block;margin-left:10px;margin-right:60px;vertical-align:middle} .board_wrap .rooms_list > li .location .location_info{display:inline-block;text-align:left} .board_wrap .rooms_list > li .location .location_info strong{font-weight:300} .board_wrap .rooms_list > li .location .location_info b{display:inline-block;padding-left:25px;font-weight:300} .board_wrap .rooms_list > li .persons{width:12%} .board_wrap .rooms_list > li .area{width:15%} .board_wrap .rooms_list > li .fee{width:22%;text-align:left} .board_wrap .rooms_list2 > li .num{width:8%} .board_wrap .rooms_list2 > li .location{width:48%;text-align:left} .board_wrap .rooms_list2 > li .location img{display:inline-block;margin-left:10px;margin-right:50px;vertical-align:middle} .board_wrap .rooms_list2 > li .location .location_info{display:inline-block;text-align:left} .board_wrap .rooms_list2 > li .location .location_info strong{font-weight:300} .board_wrap .rooms_list2 > li .location .location_info b{display:inline-block;padding-left:25px;font-weight:300} .board_wrap .rooms_list2 > li .persons{width:12%} .board_wrap .rooms_list2 > li .area{width:15%} .board_wrap .rooms_list2 > li .fee{width:22%;text-align:left} .board_wrap .reserve_list > li .num{width:8%} .board_wrap .reserve_list > li .location{width:28%;text-align:left} .board_wrap .reserve_list > li .location b{display:inline-block;padding-left:25px;font-weight:300} .board_wrap .reserve_list > li .subject{width:28%;text-align:left} .board_wrap .reserve_list > li .reserve_date{width:15%;text-align:left} .board_wrap .reserve_list > li .reserve_date > img{margin-top:-2px;vertical-align:middle} .board_wrap .reserve_list > li .auth{width:10%} .board_wrap .reserve_list > li .date{width:10%} .board_wrap .prof_view_wrap .prof_view_contop{padding:20px 80px;margin-bottom:40px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:right 80px top 0;background-image:url(/images/about/bg-prof-view.png)} .board_wrap .prof_view_wrap .prof_view_contop .prof_info_wrap .prof_info dt{width:90px} .board_wrap .prof_view_wrap .prof_view_contop .prof_info_wrap .prof_info dd{width:calc(100% - 100px);padding-right:0} .board_wrap .prof_view_wrap .prof_view_conb{padding:0 80px;font-size:16px;font-weight:300;color:#555;line-height:1.6em} .board_wrap .board_view{border-bottom:1px solid #555} .board_wrap .board_view li span{padding:17px 10px;vertical-align:middle} .board_wrap .board_view li.thead{width:100%;border-top:2px solid #555;border-bottom:1px solid #ececec;font-size:17px;font-weight:700;overflow:hidden} .board_wrap .board_view li.thead > span{padding:25px;font-weight:400;color:#333;display:block;float:left} .board_wrap .board_view li.thead .subject{width:70%;font-size:20px} .board_wrap .board_view li.thead .subject > span{display:block;display:-webkit-box;padding:0;max-height:58px} .board_wrap .board_view li.thead .date{width:17%;font-size:16px;color:#666;text-align:center} .board_wrap .board_view li.thead .date b{padding-left:20px;font-weight:400} .board_wrap .board_view li.thead .hit{width:13%;font-size:16px;color:#666;text-align:center} .board_wrap .board_view li.thead .hit b{padding-left:20px;font-weight:400} .board_wrap .board_view li.thead .dateof{padding-top:0;margin-top:-10px;width:100%;color:#666;font-size:16px} .board_wrap .board_view li .view_contents{padding:60px 80px;font-size:16px;line-height:1.8em;font-weight:300;color:#1a1a1a;word-break:break-all} .board_wrap .board_view li .view_contents img{max-width:100%} .board_wrap .board_view li.attach_file{border-top:1px solid #ececec} .board_wrap .board_view li.attach_file > a{position:relative;display:block;width:100%;padding:15px 25px 15px 50px;border-bottom:1px solid #ececec;font-size:16px;font-weight:300;color:#1a1a1a} .board_wrap .board_view li.attach_file > a:before{display:block;content:'';clear:both;position:absolute;top:17px;left:25px;width:16px;height:17px;background-repeat:no-repeat;background-position:0 center;background-image:url(/images/board/ic-download.png)} .board_wrap .cal_view_wrap{width:100%;border-top:2px solid #555;border-bottom:1px solid #555} .board_wrap .cal_view_wrap dl{display:table;width:100%;border-top:1px solid #ececec;table-layout:fixed} .board_wrap .cal_view_wrap dl:first-child{border-top:0} .board_wrap .cal_view_wrap dl dt,.board_wrap .cal_view_wrap dl dd{display:table-cell;padding:20px 15px;font-size:16px;font-weight:300;vertical-align:middle} .board_wrap .cal_view_wrap dl dt{width:10%;font-weight:400;text-align:left;padding-left:30px} .board_wrap .cal_view_wrap dl dd{width:90%;padding-left:35px} .board_wrap .cal_view_wrap dl dd .lbl_option {display: inline-block;width: 30%;margin: 2px;} .board_wrap .cal_view_wrap dl dd .lbl_option [type=checkbox] {margin-right: 3px;} .board_wrap .rooms_view_wrap{width:100%;padding:35px 20px;border-top:2px solid #555;border-bottom:1px solid #555} .board_wrap .rooms_view_wrap .rooms_view_con{display:table;width:100%;table-layout:fixed} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_img{display:table-cell;width:410px;vertical-align:middle} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_img img{max-width:100%} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents{display:table-cell;width:calc(100% - 411px);padding-left:70px} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .tit{display:block;font-size:20px;font-weight:700} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info{width:100%;padding:0;margin:0;margin-top:25px;margin-bottom:-5px} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dt,.board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd{display:inline-block;padding:0;margin:0;margin-bottom:10px;font-size:16px;font-weight:300;color:#1a1a1a} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dt{width:220px;font-weight:400;color:#666} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd{width:calc(100% - 230px)} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd a{display:block;color:#1a1a1a} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd a img{margin-top:-3px;vertical-align:middle} .board_wrap .write_form.cal_write_form fieldset{width:100%;margin:0;padding:0;border:0} .board_wrap .write_form dl.prof_chk_show input[type="file"]{overflow:hidden;position:absolute;width:0;height:0;padding:0;border:0} .board_wrap .write_form dl.prof_chk_show .btn_upload{display:inline-block;width:38px;height:38px;padding:10px;margin-left:-5px;border:1px solid #d7d7d7;text-align:center} .board_wrap .write_form dl.prof_chk_show [class*=attach_file] {margin-top: 5px;} .board_wrap .write_form dt,.board_wrap .write_form dd{padding:10px 15px} .board_wrap .write_form dt{padding:15px;vertical-align:top} .board_wrap .write_form dd{vertical-align:middle} .board_wrap .write_form .help{margin-top:10px;font-size:16px;font-weight:300;color:#999} .board_wrap .write_form dd > .help:first-child {margin-top: 0;margin-bottom: 10px;} .board_wrap .write_form .help.fz_small{font-size:14px} .board_wrap .write_form .attach_file_box{display:inline-block;width:auto;height:38px;padding:8px 10px;background-color:#f5f5f5;font-weight:400;color:#666} .board_wrap .write_form .attach_file_box .form_control{width:auto;height:auto;padding:2px 0;border:0;background-color:#f5f5f5;color:#15c;font-weight:400} .board_wrap .write_form .attach_file_box .btn_del{display:inline-block;margin-left:35px;vertical-align:top} .board_wrap .write_form .attach_file_box .btn_del img{vertical-align:middle} .board_wrap .write_form textarea{min-height:380px;border:1px solid #d7d7d7} .board_wrap .write_form textarea.form_control{padding: 10px;} .board_wrap .write_form .form_control{display:inline-block;width:auto;height:38px;padding:0 10px;border:1px solid #d7d7d7;background-color:#fff;font-size:16px;font-weight:300;color:#666;vertical-align:top} .board_wrap .write_form .form_control + .form_control, .board_wrap .write_form .form_control + .sr_only + .form_control{margin-left:5px} .board_wrap .write_form .form_control + span:not(.cke) {display:inline-block;height:38px;padding:0 10px;font-size:16px;font-weight:400;color:#666;line-height:38px;text-align:center;vertical-align:top} .board_wrap .write_form .form_control + .checkbox{margin-left:15px} .board_wrap .write_form .form_control.w15{width:15%;max-width:135px} .board_wrap .write_form .form_control.w40{width:40%;max-width:362px} .board_wrap .write_form .form_control.w45{width:45%;max-width:400px} .board_wrap .write_form .form_control.w50{width:50%;max-width:460px} .board_wrap .write_form .form_control.w100{width:100%;max-width:880px} .board_wrap .write_form .form_control.cal{width:15%;max-width:135px;padding-right:35px;background-repeat:no-repeat;background-position:right 10px center;background-color:#fff;background-image:url(/images/board/ic-cal.png)} .board_wrap .write_form input:read-only{background-color:#f5f5f5;color:#999} .board_wrap .write_form.cal_write_form {position: relative;} .bookRoomLink{display:inline-block;margin-left:10px;height:38px;line-height:38px} .board_wrap .write_form .radio,.board_wrap .write_form .checkbox{display:inline-block;margin:7px 0;vertical-align:middle} .board_wrap .write_form .notice_row .checkbox {margin-right: 15px;} .btn_wrap{position:relative;margin:45px 0} .btn_check_time,.btn_wrap .btn{display:inline-block;margin:0 5px;font-size:16px;line-height:1em} .btn_wrap .btn_more,.btn_wrap .btn_list,.btn_wrap .btn_write,.btn_wrap .btn_confirm,.btn_wrap .btn_del,.btn_check_time{padding:16px 100px;background-color:#303134;border:1px solid #303134;color:#fff;text-align:center;-webkit-transition:.2s ease;transition:.2s ease} .btn_check_time{padding:10px} .btn_wrap .btn_more:hover,.btn_wrap .btn_list:hover,.btn_wrap .btn_write:hover,.btn_wrap .btn_confirm:hover,.btn_wrap .btn_del:hover,.btn_check_time:hover{background-color:#fff;border:1px solid #303134;color:#303134} .btn_wrap .btn_more.bg_white,.btn_wrap .btn_list.bg_white,.btn_wrap .btn_write.bg_white,.btn_wrap .btn_confirm.bg_white,.btn_wrap .btn_del.bg_white{background-color:#fff;border:1px solid #303134;color:#303134} .btn_wrap .btn_more.bg_white:hover,.btn_wrap .btn_list.bg_white:hover,.btn_wrap .btn_write.bg_white:hover,.btn_wrap .btn_confirm.bg_white:hover,.btn_wrap .btn_del.bg_white:hover{background-color:#303134;border:1px solid #303134;color:#fff} .btn_wrap .btn_prev,.btn_wrap .btn_next{position:absolute;padding:16px 0;border:1px solid #fff;font-size:16px;color:#303134;-webkit-transition:.3s ease;transition:.3s ease} .btn_wrap .btn_prev > span,.btn_wrap .btn_next > span{display:inline-block;vertical-align:middle;background-repeat:no-repeat;-webkit-transition:.3s ease;transition:.3s ease} .btn_wrap .btn_prev:hover,.btn_wrap .btn_next:hover{border:1px solid #303134} .btn_wrap .btn_prev{left:0} .btn_wrap .btn_prev span{padding-left:30px;background-position:left center;background-image:url(/images/board/ic-board-prev.png)} .btn_wrap .btn_prev:hover{padding:16px 105px 16px 95px} .btn_wrap .btn_next{right:0} .btn_wrap .btn_next span{padding-right:30px;background-position:right center;background-image:url(/images/board/ic-board-next.png)} .btn_wrap .btn_next:hover{padding:16px 95px 16px 105px} .btn_wrap .btn_confirm{width:230px;padding:16px 0;text-align:center} .btn_wrap .btn_confirm + .btn_list{width:230px;padding:15px 0 17px} .btn_wrap .btn_homepage{display:inline-block;padding:15px 50px;background-color:#4f5d7e;color:#fff;font-size:16px} .btn_wrap .btn_homepage img{margin-left:15px;margin-top:-3px;vertical-align:middle} .ellipsis{overflow:hidden;display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap} .ellipsis2{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ellipsis3{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .ellipsis4{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical} .ellipsis5{overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical} @media (max-width: 1399px) { .board_wrap .board_view li.thead > span{padding:25px 10px} .board_wrap .board_view li.thead .subject{width:65%} .board_wrap .board_view li.thead .date{width:20%} .board_wrap .board_view li.thead .hit{width:15%} .board_wrap .prof_view_wrap .prof_view_conb{padding:0} .board_wrap .rooms_list > li .location img{margin-right:5%} .board_wrap .rooms_list > li .location .location_info{display:inline-block} .board_wrap .rooms_list > li .location .location_info b{display:block;padding-left:0} } @media (max-width: 1320px) { .btn_check_time{display:block;margin-left:0;margin-top:10px;max-width:640px} .board_wrap .cal_view_wrap dl dd .lbl_option {width: 48%;} } @media (max-width: 1199px) { .board_wrap .prof_info_wrap{padding-left:35px} .board_wrap .prof_info_wrap .prof_info{width:100%} .board_wrap .prof_info_wrap .prof_info dt{width:20%} .board_wrap .prof_info_wrap .prof_info dd{width:78%!important;padding-right:0} .board_wrap .prof_info_wrap .prof_info dd:nth-of-type(even){width:78%!important;padding-right:0} .board_wrap .reserve_list > li .location b{display:block;padding-left:0} .board_wrap .board_view li.thead{padding:25px} .board_wrap .board_view li.thead > span{padding:0} .board_wrap .board_view li.thead .subject{display:block;margin-bottom:10px;width:100%} .board_wrap .board_view li.thead .date{display:inline-block;width:auto;text-align:left} .board_wrap .board_view li.thead .hit{display:inline-block;width:auto;text-align:left} .board_wrap .board_view li.thead .dateof{margin-top:0} .board_wrap .board_view li .view_contents{padding:50px 25px} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents{padding-left:5%} } @media (max-width: 1023px) { .cate_wrap .cate_list{width:100%} .cate_wrap .cate_list > li{overflow:hidden;float:left;position:relative;height:55px;background-color:#f2f2f2;border:1px solid #bbb;text-align:center} .cate_wrap .cate_list > li > a{padding:14px 10px;font-size:18px} .cate_wrap .cate_list > li > a span{font-size:18px} .cate_wrap .cate_list.n5 > li{width:calc((100% - 41px)/3);margin-left:20px} .cate_wrap .cate_list.n5 > li:nth-child(5n+1){margin-left:20px} .cate_wrap .cate_list.n5 > li:nth-child(3n+1){margin-left:0} .board_wrap .board_list > li > a{font-size:15px} .board_wrap .board_list > li span{padding:15px 3px} .board_wrap .board_list > li.thead{font-size:16px} .board_wrap .board_list > li .num .btn_notice{padding:5px 12px;font-size:12px} .board_wrap .gall_list.n4{margin-bottom:-30px} .board_wrap .gall_list.n4 > li{width:calc((100% - 41px)/3);margin-left:20px;margin-bottom:30px} .board_wrap .gall_list.n4 > li:nth-child(4n+1){margin-left:15px;clear:none} .board_wrap .gall_list.n4 > li:nth-child(3n+1){margin-left:0;clear:left} .board_wrap .notice_list > li .cate .btn_cate_sort{padding-left:10px} .board_wrap .notice_list > li .date{color:#666;font-weight:300} .board_wrap .press_list > li .press_date strong{padding-top:3px;font-size:34px} .board_wrap .press_list > li .press_subject{max-height:80px;font-size:18px} .board_wrap .rooms_list > li .location img{display:block;margin-right:0} .board_wrap .view_contents .video_wrap{position:relative;padding-bottom:56.25%;padding-top:25px;height:0} .board_wrap .view_contents .video_wrap > iframe{position:absolute;top:0;left:0;width:100%;height:100%} .board_wrap .rooms_view_wrap .rooms_view_con{display:block} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_img{display:block;width:100%;margin-bottom:50px;text-align:center} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents{padding-left:0} .board_wrap .write_form .form-contorl{margin-top:1px;margin-bottom:1px} .board_wrap .write_form .form-contorl .w15{width:20%} .board_wrap .write_form .form-contorl + span{display:block;content:'';clear:both} .board_wrap .cal_view_wrap dl dt{width:20%} .board_wrap .cal_view_wrap dl dd{width:80%} .board_wrap .write_form .date_input_wrap .form_control{margin-bottom:10px} .board_wrap .write_form .date_input_wrap .form_control.cal{width:20%;max-width:150px;background-size:12px} .board_wrap .write_form .date_input_wrap .help{margin-top:0} .board_wrap .write_form.cal_write_form fieldset{position:relative;top:-8px} .board_wrap .cal_view_wrap dl dd .lbl_option {width: 100%;} .btn_wrap .btn_more,.btn_wrap .btn_list,.btn_wrap .btn_write,.btn_wrap .btn_confirm,.btn_wrap .btn_del{padding:16px 80px} .btn_wrap .btn_prev:hover,.btn_wrap .btn_prev:focus{padding:16px 75px 16px 55px} .btn_wrap .btn_next:hover,.btn_wrap .btn_next:focus{padding:16px 55px 16px 75px} .btn_check_time{margin-bottom:10px} } @media (max-width: 767px) { .sch_wrap{position:relative;margin-bottom:20px;padding:0;background-color:#fff;text-align:left} .sch_wrap.bg_gray{padding:25px 15px;background-color:#f2f2f2} .sch_wrap.bg_gray .btn_sch{top:25px;right:15px} .sch_wrap label{display:none} .sch_wrap label + .sch_location{margin-left:0;max-width:none} .sch_wrap .sch_location{width:30%;max-width:165px;height:30px;margin:0;padding:0 5px;font-size:12px} .sch_wrap #yearSearch.sch_location{display: block;max-width: none;margin: 0 1px 5px auto;} .sch_wrap .sch_location + .sch_location{width:calc(70% - 6px);max-width:none} .sch_wrap .sch_location::-webkit-input-placehodler{font-size:12px;line-height:1em} .sch_wrap .sch_location::placeholder{font-size:12px;line-height:1em} .sch_wrap .sch_key{width:100%;height:30px;padding:0;padding-right:30px;font-size:12px} .sch_wrap .sch_key::-webkit-input-placehodler{font-size:12px;line-height:1em} .sch_wrap .sch_key::placeholder{font-size:12px;line-height:1em} .sch_wrap .btn_sch{position:absolute;top:0;right:0;width:30px;height:30px;border-bottom:0;background:none;margin-left:0;text-align:right} .sch_wrap .btn_sch img{width:20px;vertical-align:middle} .cate_wrap{margin-bottom:50px} .cate_wrap .cate_list{margin-bottom:-10px} .cate_wrap .cate_list > li{margin-bottom:10px} .cate_wrap .cate_list > li > a{padding:16px 5px;font-size:15px} .cate_wrap .cate_list.n5 > li{width:calc((100% - 11px)/2);margin-left:10px} .cate_wrap .cate_list.n5 > li:nth-child(5n+1){margin-left:10px} .cate_wrap .cate_list.n5 > li:nth-child(3n+1){margin-left:10px} .cate_wrap .cate_list.n5 > li:nth-child(2n+1){margin-left:0} .board_wrap{word-break:keep-all} .board_wrap .board_top{margin-bottom:10px} .board_wrap .board_top .sch_wrap{margin-bottom:25px;display:block;float:left;width:100%;text-align:left} .board_wrap .board_top .sch_wrap form{width:100%} .board_wrap .board_top .sch_wrap .sch_cate{width:120px;height:30px;padding:0 10px;font-size:12px} .board_wrap .board_top .sch_wrap .sch_key{width:calc(70% - 6px);height:30px;margin:0} .board_wrap .board_top .sch_wrap .sch_key::-webkit-input-placehodler{font-size:12px;line-height:1em} .board_wrap .board_top .sch_wrap .sch_key::placeholder{font-size:12px;line-height:1em} .board_wrap .board_top .sch_wrap .btn_sch{display:inline-block;position:static;top:auto;right:auto;width:30%;height:30px;padding:7px 0;font-size:12px;text-align:center;vertical-align:top} .board_wrap .board_top .sch_wrap.notice_sch_wrap .sch_key{width:calc(55% - 12px);} .board_wrap .board_top .sch_wrap.notice_sch_wrap .btn_sch{width:15%;} .board_wrap .board_top .cnt{font-size:12px} .board_wrap .board_list{border-top:2px solid #555} .board_wrap .board_list > li{display:block} .board_wrap .board_list > li.thead{display:none} .board_wrap .board_list > li > a{display:block;min-height:auto;padding:20px 10px} .board_wrap .board_list > li span{display:inline-block;padding:0} .board_wrap .prof_list > li{position:relative;padding:20px 10px} .board_wrap .prof_list > li:after{display:block;content:'';clear:both} .board_wrap .prof_img{display:block;position:absolute;top:20px;left:10px;width:70px;} .board_wrap .prof_img img {max-height: 90px;} .board_wrap .prof_info_wrap{display:inline-block;float:left;width:auto;padding-left:0} .board_wrap .prof_info_wrap .prof_name{height:70px;padding-top:20px;padding-left:105px;margin-bottom:30px;font-size:15px} .board_wrap .prof_info_wrap .prof_name strong{display:block;font-size:20px} .board_wrap .prof_info_wrap .prof_info dt,.board_wrap .prof_info_wrap .prof_info dd{font-size:12px} .board_wrap .prof_info_wrap .prof_info dt.homepage_con,.board_wrap .prof_info_wrap .prof_info dd.homepage_con{padding-top:2px;line-height:1.4em} .board_wrap .prof_info_wrap .prof_info dt a,.board_wrap .prof_info_wrap .prof_info dd a{word-break:break-all} .board_wrap .prof_info_wrap .prof_info dt{width:70px} .board_wrap .prof_info_wrap .prof_info dt + dd{width:calc(100% - 76px)!important} .board_wrap .prof_info_wrap .prof_info dt + dd:nth-of-type(even){width:calc(100% - 76px)!important} .board_wrap .research_list .num{display:none} .board_wrap .research_list .subject{display:block;display:-webkit-box;width:100%;max-height:42px;font-size:15px;font-weight:500;line-height:1.4em;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical} .board_wrap .research_list .date{display:block;margin-top:5px;width:100%;font-size:13px;font-weight:300;text-align:left} .board_wrap .research_list .hit{display:none} .board_wrap .notice_list > li .num{width:30px;text-align:left} .board_wrap .notice_list > li .num .btn_notice{width:30px;padding:2px 0;text-align:center;vertical-align:top;margin-top:2px;font-weight:300} .board_wrap .notice_list > li .cate{display:inline-block;width:auto;padding-right:15px;font-size:12px;color:#666;text-align:left} .board_wrap .notice_list > li .subject{display:-webkit-box;width:100%;max-height:47px;margin-bottom:5px;font-size:15px;font-weight:500;color:#222;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical} .board_wrap .notice_list > li .hit{display:none} .board_wrap .notice_list > li .file{width:16px} .board_wrap .notice_list > li .file > img{width:100%;margin-top:1px;vertical-align:top} .board_wrap .notice_list > li .date{width:auto;font-size:13px;text-align:left} .board_wrap .gall_list.vroad_list{margin-bottom:-30px} .board_wrap .gall_list.vroad_list > li{width:100%;margin-left:0;margin-bottom:30px;padding:0} .board_wrap .gall_list.vroad_list > li > a{text-align:center} .board_wrap .gall_list.vroad_list > li:nth-child(4n+1){margin-left:0} .board_wrap .gall_list.vroad_list > li .vroad_img{display:inline-block} .board_wrap .gall_list.vroad_list > li .vroad_tit{padding:0 5px;font-size:15px;text-align:left} .board_wrap .gall_list.n4 > li{width:100%;margin-left:0} .board_wrap .gall_list.n4 > li:nth-child(4n+1){margin-left:0} .board_wrap .gall_list.n4 > li:nth-child(3n+1){margin-left:0} .board_wrap .gall_list > li .gall_img{margin-bottom:10px} .board_wrap .gall_list > li .gall_img > img{width:100%} .board_wrap .gall_list > li .gall_subject{height:auto;max-height:80px;font-size:15px} .board_wrap .press_list > li{height:auto} .board_wrap .press_list > li.press_nodata{font-size:12px} .board_wrap .press_list > li > .press_cont{padding:25px 20px} .board_wrap .press_list > li .press_contop{margin-bottom:15px} .board_wrap .press_list > li .press_date{padding-bottom:7px;font-size:10px} .board_wrap .press_list > li .press_date strong{padding-top:3px;font-size:28px} .board_wrap .press_list > li .press_cate{font-size:12px} .board_wrap .press_list > li .press_subject{max-height:65px;font-size:15px;line-height:1.4em} .board_wrap .press_list > li .press_contents{max-height:102px;margin-bottom:50px;font-size:12px;line-height:1.6em;-webkit-line-clamp:5} .board_wrap .press_list > li .btn_link{width:13px;height:13px;background-image:url(/images/board/ic-link-m.png);background-size:100%} .board_wrap .reserve_list > li .num{display:none} .board_wrap .reserve_list > li .location{display:block;width:100%;color:#222;font-weight:400} .board_wrap .reserve_list > li .location b{display:inline-block;padding-left:20px} .board_wrap .reserve_list > li .subject{display:block;margin:5px 0 10px;width:100%;font-weight:500} .board_wrap .reserve_list > li .reserve_date{display:block;width:100%;font-size:13px;font-weight:300} .board_wrap .reserve_list > li .reserve_date br{display:none} .board_wrap .reserve_list > li .reserve_date img{width:10px} .board_wrap .reserve_list > li .auth,.board_wrap .reserve_list > li .date{width:auto;font-size:12px;font-weight:300;color:#666} .board_wrap .reserve_list > li .auth:before,.board_wrap .reserve_list > li .date:before{display:inline-block;clear:both;float:left;margin-right:8px;font-size:12px;color:#666;font-weight:300} .board_wrap .reserve_list > li .auth{font-weight:400} .board_wrap .reserve_list > li .auth:before{content:'승인 상태'} .board_wrap .reserve_list > li .date{margin-left:20px} .board_wrap .reserve_list > li .date:before{content:'등록일'} .board_wrap .rooms_list > li > a{min-height:125px} .board_wrap .rooms_list > li .num{display:none} .board_wrap .rooms_list > li .location{position:relative;display:block;width:100%;margin-bottom:5px} .board_wrap .rooms_list > li .location img{position:absolute;top:0;left:0;display:block;width:84px;height:84px;margin-left:0} .board_wrap .rooms_list > li .location .location_info{display:block;width:100%;padding-left:96px;font-size:15px;font-weight:500} .board_wrap .rooms_list > li .location .location_info strong{display:none} .board_wrap .rooms_list > li .location .location_info b{display:inline-block;font-size:15px;font-weight:500} .board_wrap .rooms_list > li .persons,.board_wrap .rooms_list > li .area,.board_wrap .rooms_list > li .fee{display:inline-block;font-size:12px;line-height:1.4em;text-align:left} .board_wrap .rooms_list > li .persons:before,.board_wrap .rooms_list > li .area:before,.board_wrap .rooms_list > li .fee:before{display:inline-block;clear:both;float:left;margin-right:7px;font-size:12px;color:#666;font-weight:300} .board_wrap .rooms_list > li .persons{display:none;padding-left:96px} .board_wrap .rooms_list > li .persons:before{content:'수용인원'} .board_wrap .rooms_list > li .area{display:none;margin-left:90px} .board_wrap .rooms_list > li .area:before{content:'면적'} .board_wrap .rooms_list > li .fee{display:block;position:relative;width:100%;padding-left:144px} .board_wrap .rooms_list > li .fee:before{display:block;float:none;content:'사용료';position:absolute;top:0;left:96px} .board_wrap .btn_notice{padding:2px 7px 1px;margin-top:3px;margin-right:3px;font-size:12px;vertical-align:top} .board_wrap .board_view li.thead{padding:15px 10px} .board_wrap .board_view li.thead > span{padding:0} .board_wrap .board_view li.thead .subject{font-size:15px;font-weight:700;line-height:1.4em} .board_wrap .board_view li.thead .subject .btn_notice{display:block;width:35px;margin-top:0;margin-bottom:5px;margin-right:0;font-weight:300} .board_wrap .board_view li.thead .date{font-size:12px;font-weight:300} .board_wrap .board_view li.thead .date b{padding-left:0} .board_wrap .board_view li.thead .hit{font-size:12px;font-weight:300} .board_wrap .board_view li.thead .hit b{padding-left:0} .board_wrap .board_view li.thead .dateof{font-size:12px;font-weight:300;margin-top:5px} .board_wrap .board_view.notice_view li.thead .subject .ellipsis2{-webkit-line-clamp:3} .board_wrap .board_view li .view_contents{padding:20px 10px;font-size:13px;font-weight:300} .board_wrap .board_view li.attach_file{padding:6px 0} .board_wrap .board_view li.attach_file > a{padding:6px 10px 6px 30px;border-bottom:0;font-size:12px;font-weight:300} .board_wrap .board_view li.attach_file > a:before{top:4px;left:10px;background-size:12.5px} .board_wrap .prof_view_wrap .prof_view_conb{font-size:12px;color:#555;line-height:1.8em} .board_wrap .cal_view_wrap dl{display:block;position:relative;padding:20px 10px 12px} .board_wrap .cal_view_wrap dl dt,.board_wrap .cal_view_wrap dl dd{display:block;padding:0;text-align:left} .board_wrap .cal_view_wrap dl dt{width:100%;margin-bottom:5px;font-size:15px} .board_wrap .cal_view_wrap dl dd{width:100%;font-size:15px} .board_wrap .rooms_view_wrap{padding:20px 0 0;border-bottom:0} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_img{margin-bottom:10px} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents{display:block;width:100%;padding-left:0} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_tit{display:block;padding:0 10px 10px;border-bottom:1px solid #ddd;font-size:15px;font-weight:500} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info{margin-top:0} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dt,.board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd{display:block;width:100%;padding:0 10px;font-size:15px} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dt{padding-top:10px;margin-bottom:5px;vertical-align:top} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd{margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #ddd} .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd a img{width:12px;margin-top:-6px} .board_wrap .write_form .help{font-size:12px} .board_wrap .write_form .help.fz_small{font-size:12px} .board_wrap .write_form .form_control{height:30px;font-size:15px;padding:0 5px} .board_wrap .write_form .form_control.w15{width:22%;max-width:none} .board_wrap .write_form .form_control.w15 + .w50{width:74%;max-width:none} .board_wrap .write_form .form_control.w40{width:70%;max-width:none} .board_wrap .write_form .form_control#reserve_prof{width:100%} .board_wrap .write_form .form_control#reserve_prof + .checkbox, .board_wrap .write_form .date_input_wrap.notice_row .checkbox{position:absolute;top:20px;right:10px;margin:0;font-size:12px;color:#666} .board_wrap .write_form .form_control#reserve_prof + .checkbox input[type="checkbox"], .board_wrap .write_form .date_input_wrap.notice_row .checkbox input[type="checkbox"] {margin:1px 5px 0 0;vertical-align:top} .board_wrap .write_form .form_control.upload_name{width:calc(100% - 31px)} .board_wrap .write_form .attach_file_box{width:100%;height:30px;padding:5px 10px;font-size:15px} .board_wrap .write_form .attach_file_box .btn_del{float:right;margin-left:0} .board_wrap .write_form .attach_file_box .btn_del img{width:8px} .board_wrap .write_form .attach_file_box .form_control{padding:0;font-size:15px;vertical-align:middle} .board_wrap .write_form dl.prof_chk_show .btn_upload{width:30px;height:30px;padding:6px;margin-left:-5px} .board_wrap .write_form textarea{min-height:100px} .board_wrap .write_form .date_input_wrap .form_control{margin-bottom:10px} .board_wrap .write_form .date_input_wrap .form_control.cal{width:38%;max-width:none} .board_wrap .write_form.cal_write_form fieldset{top:-3px} .board_wrap .write_form.cal_write_form fieldset dl dt{font-size:15px} .board_wrap .write_form.cal_write_form .form_control.w45{width:100%;max-width:100%} .board_wrap .write_form.cal_write_form .form_control.w45 + .checkbox {margin-left: 0;} .btn_wrap{margin:30px 0} .btn_wrap:after{display:block;content:'';clear:both} .btn_wrap .btn{margin:0;font-size:12px} .btn_wrap .btn_more,.btn_wrap .btn_list,.btn_wrap .btn_write,.btn_wrap .btn_confirm,.btn_wrap .btn_del{width:100%;padding:13px 0;text-align:center} .btn_wrap .btn_prev,.btn_wrap .btn_next{top:55px;width:50%;padding:13px 0} .btn_wrap .btn_prev span,.btn_wrap .btn_next span{display:inline-block;background-repeat:no-repeat;background-size:10px} .btn_wrap .btn_prev{left:0} .btn_wrap .btn_prev span{padding-left:20px} .btn_wrap .btn_prev + .btn_list{margin-bottom:55px} .btn_wrap .btn_prev:hover{padding:13px 0} .btn_wrap .btn_next{right:0} .btn_wrap .btn_next span{padding-right:20px} .btn_wrap .btn_next:hover{padding:13px 0} .btn_wrap .btn_confirm{float:left;width:48.5%} .btn_wrap .btn_confirm + .btn_list{float:right;width:48.5%;padding:13px 0} .btn_wrap .btn_write,.btn_wrap .btn_del{float:left;width:calc((100% - 11px)/2)} .btn_wrap .btn_write + .btn_list,.btn_wrap .btn_del + .btn_list{float:left;width:calc((100% - 11px)/2);margin-left:10px} .btn_wrap .btn_homepage{width:100%;padding:12px 10px;font-size:12px} .btn_wrap .btn_homepage img{width:10px;margin-top:-1px} .btn_wrap.btn-size3 .btn {width:calc((100% - 22px)/3);transition:none;} .btn_wrap.btn-size3 .btn + .btn {margin-left: 10px;} } body{overflow-x:hidden;-webkit-overflow-scrolling:touch} body.ovh{overflow:hidden} .sr_only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;overflow:hidden} .cf:after{display:block;content:'';clear:both} .history_tab_wrap{width:100%} .history_tab_wrap .history_tab{position:relative} .history_tab_wrap .history_tab > li{float:left;width:11.111%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center} .history_tab_wrap .history_tab > li:last-child{border-right:1px solid #ddd} .history_tab_wrap .history_tab > li + li{border-left:1px solid #bbb} .history_tab_wrap .history_tab > li.on > a{background-color:#5a74aa;color:#fff} .history_tab_wrap .history_tab > li > a{display:block;position:relative;width:100%;height:70px;padding:20px 0;background-color:#fff;font-size:20px;font-family:'Noto Sans KR',sans-serif} .history_tab_wrap .history_tab > li > a > span{display:block;position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .history_tab_wrap .history_tab > li .history_contents{display:none;position:absolute;width:100%;top:70px;left:0} .history_tab_wrap .history_tab > li .history_contents .history_visual{width:100%;height:180px;padding:45px 0;margin-top:70px;margin-bottom:80px;background-repeat:no-repeat;background-position:0 center;background-size:cover;background-image:url(/images/about/history-visual.png)} .history_tab_wrap .history_tab > li .history_contents .history_visual .history_tit{font-size:36px;font-weight:700;color:#fff;line-height:1em;text-align:center} .history_tab_wrap .history_tab > li .history_contents .history_visual .history_tit strong{display:block;margin-top:10px} .history_tab_wrap .history_tab > li .history_contents .history_conbox{position:relative} .history_tab_wrap .history_tab > li .history_contents .history_conbox:before{display:block;content:'';clear:both;position:absolute;top:10px;left:0;width:1px;height:100%;left:50%;background-color:#dedede} .history_tab_wrap .history_tab > li .history_contents .history_row:last-child .left_con{position:relative} .history_tab_wrap .history_tab > li .history_contents .history_row:last-child .left_con:before{display:block;content:'';clear:both;position:absolute;top:30px;right:-1px;z-index:1;width:1px;height:100%;background-color:#fff} .history_tab_wrap .history_tab > li .history_contents .history_row:last-child .right_con{position:relative} .history_tab_wrap .history_tab > li .history_contents .history_row:last-child .right_con:before{display:block;content:'';clear:both;position:absolute;top:30px;left:-0;z-index:1;width:1px;height:100%;background-color:#fff} .history_tab_wrap .history_tab > li .history_contents .history_row + .history_row{margin-top:60px} .history_tab_wrap .history_tab > li .history_contents .history_row + .history_row .img_box{margin-top:10px} .history_tab_wrap .history_tab > li .history_contents .history_row > div{float:left;width:50%} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit{display:block;position:relative;margin-bottom:15px;font-size:36px;color:#5a74aa} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit:before{display:block;content:'';clear:both;position:absolute;top:8px;left:-95px;width:30px;height:30px;border:10px solid #fff;background-color:#5a74aa;border-radius:50%} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit:after{display:block;content:'';clear:both;position:absolute;top:22px;left:-65px;width:50px;height:1px;background-color:#dedede} .history_tab_wrap .history_tab > li .history_contents .history_row > div .img_box img{max-width:100%} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list.text_left .year{text-align:left} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li{line-height:1.2em} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li + li{margin-top:15px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li .year{display:inline-block;width:55px;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:700;color:#121212;vertical-align:top;text-align:right} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li .year .w30{display:inline-block;width:30px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li div{display:inline-block;width:calc(100% - 61px);padding-left:20px;font-size:16px;font-weight:300;color:#555;word-break:keep-all;vertical-align:top} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list.type2 .year{width:85px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list.type2 div{width:calc(100% - 91px)} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con{float:left;padding-right:80px;text-align:right} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .year_tit:before{left:auto;right:-95px} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .year_tit:after{left:auto;right:-65px} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .history_list .year{float:right} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .history_list div{padding-left:0;padding-right:20px} .history_tab_wrap .history_tab > li .history_contents .history_row .right_con{position:relative;float:right;padding-left:80px;text-align:left} .dean_conbox_wrap{padding:0 30px} .dean_conbox_wrap .dean_list.current_dean_list > li.current{position:relative;width:calc((((100% - 261px)/5)*3) + 130px);margin-left:0} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox{height:376px;padding:40px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:right top;background-image:url(/images/about/bg-current-dean.png)} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .current_mark{display:inline-block;margin-bottom:55px;margin-left:-40px;padding:22px 53px 19px;border-radius:0 50px 50px 0;background-color:#707b95;font-size:20px;font-weight:500;color:#fff;line-height:1em} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox strong{display:block;margin-bottom:10px;font-size:36px;font-weight:700} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img{position:absolute;right:70px;bottom:0;display:inline-block;width:auto;margin-bottom:0} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img img{border:0;-webkit-box-shadow:none;box-shadow:none} .dean_conbox_wrap .dean_list > li{float:left;width:calc((100% - 261px)/5);margin-left:65px;margin-bottom:65px} .dean_conbox_wrap .dean_list > li:nth-child(5n+1){margin-left:0;clear:left} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img{display:block;width:100%;margin-bottom:15px} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img img{max-width:100%;border:1px solid rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);text-align:center;vertical-align:top} .dean_conbox_wrap .dean_list > li .dean_conbox strong{display:block;margin-bottom:10px;font-size:20px;line-height:1.3em} .dean_conbox_wrap .dean_list > li .dean_conbox .num,.dean_conbox_wrap .dean_list > li .dean_conbox .major,.dean_conbox_wrap .dean_list > li .dean_conbox .period{display:block;font-size:16px;font-weight:300;color:#1a1a1a;line-height:1.5em} .dean_conbox_wrap .dean_list > li .dean_conbox .period{font-weight:400} .dean_conbox_wrap + .btn_wrap{margin-top:0} .slogan_wrap{text-align:center} .slogan{display:inline-block;position:relative;width:auto;padding:1.5% 95px;margin-bottom:100px;font-size:52px;font-weight:300;line-height:1.2em;text-align:center;vertical-align:top} .slogan strong{display:block;font-weight:500} .slogan:before,.slogan:after{display:block;content:'';clear:both;position:absolute;top:0;width:48px;height:160px} .slogan:before{left:0;background-repeat:no-repeat;background-size:100%;background:url(/images/about/bg-slogan-left.png)} .slogan:after{right:0;background:url(/images/about/bg-slogan-right.png)} .greeting_conbox{display:block;content:'';clear:both} .greeting_conbox p{padding-right:110px;font-size:16px;font-weight:300;color:#555;line-height:1.8em;word-break:keep-all} .greeting_conbox .text_wrap{float:left;width:52%} .greeting_conbox .img_wrap{float:right;width:48%} .greeting_conbox .name{display:block;margin-top:50px;color:#222} .greeting_conbox .name strong{display:inline-block;margin:0 15px;font-weight:700} .map_conbox{position:relative;padding:30px 0 0} .map_conbox .logo{display:inline-block;position:absolute;top:30px;left:0} .map_conbox img{max-width:100%} .map_conbox .map_contents{position:absolute;bottom:100px;left:68%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .map_conbox .map_contents .map_tit{display:inline-block;margin-bottom:15px;font-size:24px;font-weight:700;color:#4f5c7c} .map_conbox .map_contents .map_tit strong{font-size:36px;font-weight:700} .map_conbox .map_contents p{font-size:16px;color:#555;font-weight:300;line-height:1.8em} .partners_contents .img_list{margin-top:45px} .img_list.n3 > li{width:calc((100% - 51px)/3)} .img_list.n3 > li:nth-child(3n+1){margin-left:0} .img_list > li{float:left;margin-left:25px} .img_list > li > img{max-width:100%} .img_list > li .img_tit{margin-top:5px;font-size:15px;font-weight:300;color:#999!important;line-height:1.5em!important;text-align:center} .organ_wrap{width:100%} .organ_wrap .img_wrap{width:100%} .organ_wrap .img_wrap img{max-width:100%} .organ_wrap .organ_row{position:relative} /*.organ_wrap .organ_row:after{display:block;content:'';clear:both}*/ /*.organ_wrap .organ_row > div{display:inline-block}*/ .organ_wrap .organ_row .center_box{ display:flex; justify-content: center; } .organ_wrap .organ_row .left_box{ margin:44px 0; position:absolute; left: 50%; width: 400px; transform: translateX(-100%); } .organ_wrap .organ_row .left_box.half{ position: relative; margin: 0; padding: 0; right: 0; width: 34%; transform: none; bottom: 70px; height: 130px; } .organ_wrap .organ_row .left_box:after{ content:""; display:block; width:100%; height:1px; border-top:1px dashed #626262; position:absolute; top:50%; transform:translateY(-50%); } .organ_wrap .organ_row .left_box.half:after{ top:83px; transform:initial; } .organ_wrap .organ_row .left_box.half .round_box{ margin-bottom:10px; } .organ_wrap .organ_row .left_box.half .round_box span{ font-size:16px; } .organ_wrap .organ_row .round_box.bg_green:last-child{margin-bottom:0} .organ_wrap .organ_row.organ_row01{} .organ_wrap .organ_row.organ_row01:after{ content:""; display:block; height:100%; width:1px; border-left:1px dashed #626262; position:absolute; top:0; left:50%; } .organ_wrap .organ_row.organ_row01-1{ width:100%; position:relative; } .organ_wrap .organ_row.organ_row01-1 .round_box{ display:flex; justify-content: flex-end; } .organ_wrap .organ_row.organ_row02{ /*background:url(/images/about/bg-organ-row02210908.jpg) 30% 0 no-repeat;*/ padding-top:40px; display:flex; justify-content: space-between; padding-bottom:30px; } .organ_wrap .organ_row.organ_row02:before{ content:""; display:block; width:calc(100% - 215px); height:1px; border-top:1px dashed #626262; position:absolute; top:0; left:95px; } .organ_wrap .organ_row.organ_row02:after{ content:""; display:block; width:1px; height:100%; border-left:1px dashed #636363; position:absolute; top:0; left:18%; } /*.organ_wrap .organ_row.organ_row02 .multi-col .organ_row{display:flex;}*/ .organ_wrap .organ_row.organ_row02 .round_box.bg_green{margin-bottom:15px} .organ_wrap .organ_row.organ_row02 .organ_box:nth-child(1){ } .organ_wrap .organ_row.organ_row02 .organ_box:nth-child(2){ display:flex; flex-wrap:wrap; align-items:flex-start; align-content: flex-start; width: 355px; justify-content: space-between; } .organ_wrap .organ_row.organ_row02 .organ_box:nth-child(3) .round_box span, .organ_wrap .organ_row.organ_row02 .organ_box:nth-child(3) .round_box a{ margin:auto; } .organ_wrap .organ_row .organ_box.top-dot, .organ_wrap .organ_row .round-box.top-dot{ position:relative; } .organ_wrap .organ_row .organ_box.top-dot:before, .organ_wrap .organ_row .round_box.top-dot:before{ content:""; display:block; width:1px; height:20px; border-left:1px dashed #626262; position:absolute; top:-40px; left:50%; transform:translateX(-50%); } .organ_wrap .organ_row .organ_box.top-dot:after, .organ_wrap .organ_row .round_box.top-dot:after{ content:""; display:block; position:absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; background-color: #5a74aa; border-radius: 50%; } .organ_wrap .organ_row.organ_row02 .organ_box + .organ_box .bg_green2{width:170px; margin-bottom:15px;} /*.organ_wrap .organ_row.organ_row02 .organ_box + .organ_box .bg_green2:nth-child(2n){margin-left:10px}*/ /*.organ_wrap .organ_row.organ_row02 .organ_box + .organ_box .bg_green2:nth-child(2n+1){margin-left:0}*/ /*.organ_wrap .organ_row.organ_row02 .organ_box + .organ_box .organ_row:first-child{text-align:center}*/ .organ_wrap .fix-width{ overflow-x:auto; overflow-y: visible; } .organ_wrap .organ_row.organ_row03{ /*background:url(/images/about/bg-organ-row03210908.jpg) center 0 no-repeat;*/ display:flex; padding-top:40px; padding-bottom:400px; width:1280px; align-items:flex-start; } .organ_wrap .organ_row.organ_row03:before { content: ""; display: block; width: calc(100% - 45px - 100px); height: 1px; border-top: 1px dashed #626262; position: absolute; top: 0; left:45px; } .organ_wrap .organ_row.organ_row03>.round_box{ flex-grow:1; margin:0 5px; position:relative; } .organ_wrap .organ_row.organ_row03>.round_box:first-child{ flex-grow:initial; flex-basis:80px; } .organ_wrap .organ_row.organ_row03>.round_box:last-child{ flex-grow:initial; flex-basis:190px; } .organ_wrap .organ_row.organ_row03 .round_box>span, .organ_wrap .organ_row.organ_row03 .round_box>a{ font-size:15px; margin-bottom:15px; } .organ_wrap .organ_row.organ_row03 .round_box>span.bottom-line:after{ content:""; display:block; width:1px; height:40px; border-left:1px dashed #626262; position:absolute; left:56%; transform:translateX(-50%); top:46px; } .organ_wrap .organ_row.organ_row03 .organ_bg_box .round_box>a{ width:150px; margin:0 auto 15px; } /*.organ_wrap .organ_row + .organ_row{padding:65px 0 25px 0;}*/ /*.organ_wrap .organ_row.organ_row03 .round_box + .round_box{position:relative;margin-left:.3%}*/ /*.organ_wrap .organ_row.organ_row03 .round_box.type2 + .type2{margin-left:.3%}*/ /*.organ_wrap .organ_row.organ_row03 .round_box.type2 + .type3{margin-left:.3%}*/ /*.organ_wrap .organ_row + .organ_row + .organ_row .round_box.type2 + .type4{margin-left:.5%; margin-right:.5%;}*/ /*.organ_wrap .organ_row + .organ_row + .organ_row .round_box.type3 + .type3{margin-left:.2%}*/ .organ_wrap .organ_row.organ_row03 .round_box .organ_box{ position:absolute; top:47px; left:50%; /*width:570px;*/ transform:translateX(-20%); display:flex; padding-top:40px; margin-top:40px; } .organ_wrap .organ_row.organ_row03 .round_box .organ_box:before { content: ""; display: block; width: calc(100% - 150px); height: 1px; border-top: 1px dashed #626262; position: absolute; top: 0; left:75px; } /* .organ_wrap .organ_row.organ_row03 .round_box .organ_box:after{ content:""; display:block; width:1px; height:40px; border-left:1px dashed #626262; position:absolute; left:50%; transform:translateX(-50%); top:-40px; } */ .organ_wrap .organ_row.organ_row03 .round_box .organ_box.organ_bg_box .round_box{ position:relative; } .organ_wrap .organ_row.organ_row03 .round_box .organ_box.organ_bg_box .round_box:first-child{ margin-right:50px; } .organ_wrap .organ_row.organ_row03 .round_box .organ_box .cf{ display:flex; justify-content: space-between; width: 320px; position: absolute; left:50%; transform:translateX(-50%); } .organ_wrap .organ_row.organ_row03 .round_box .organ_box .cf ul{ width:150px; } /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box.organ_bg_box{background-repeat:no-repeat;background-position:30% 0;background-image:url(/images/about/bg-organ-row04210908.jpg)}*/ /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box:after{display:block;content:'';clear:both}*/ /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box .round_box{float:left;width:165px}*/ /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box .round_box ul{margin-top:20px}*/ /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box .round_box + .round_box{width:385px;}*/ /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box .round_box + .round_box ul{width:48%;}*/ /*.organ_wrap .organ_row.organ_row03 .round_box .organ_box ul{position:absolute;top:0;left:0;width:150px;}*/ .organ_wrap .circle_box{position:relative;border:1px dashed #626262;border-radius:50%} .organ_wrap .circle_box:before,.organ_wrap .circle_box:after{display:block;content:'';position:absolute;} /*.organ_wrap .circle_box:before{top:50%;left:50%;width:90%;height:1px;border-top:1px dashed #626262}*/ /*.organ_wrap .circle_box:after{top:100%;left:50%;width:1px;height:51px;border-left:1px dashed #626262}*/ .organ_wrap .organ_box .dot{ display: block; width: 30px; height: 1px; border-top: 1px dashed #626262; position: relative; top: 24px; margin-right: 20px; } .organ_wrap .organ_box .dot:before{ content: ""; display: block; position: absolute; top: -5px; right: -10px; transform: translateX(-50%); width: 9px; height: 9px; background-color: #5a74aa; border-radius: 50%; } .organ_wrap .circle_box > a,.organ_wrap .circle_box > span{display:block;width:135px;height:135px;padding:42px 0;border:10px solid #fff;background-color:#4f5d7e;border-radius:50%;color:#fff;font-size:24px;font-weight:500;text-align:center;position:relative;z-index:10;} .organ_wrap .round_box > a,.organ_wrap .round_box > span{position:relative;z-index:1;display:block;padding:13px 0;border-radius:50px;font-size:18px;text-align:center;vertical-align:top} .organ_wrap .round_box > a.ls_1,.organ_wrap .round_box > span.ls_1{letter-spacing:-2px} .organ_wrap .round_box > a.ls_15,.organ_wrap .round_box > span.ls_15{letter-spacing:-2.5px} .organ_wrap .round_box.bg_green{margin-bottom:20px} .organ_wrap .round_box.bg_green > a,.organ_wrap .round_box.bg_green > span{width:190px;background-color:#749d8b;color:#fff;font-weight:500} /*.organ_wrap .round_box.bg_green2{margin-bottom:10px}*/ .organ_wrap .round_box.bg_green2 > a,.organ_wrap .round_box.bg_green2 > span{padding:12px 0;background-color:#e0efeb;border:1px solid #90b1a2;color:#333;font-weight:400} /*.organ_wrap .round_box.bg_green2.type2 > a,.organ_wrap .round_box.bg_green2.type2 > span{width:140px}*/ /*.organ_wrap .round_box.bg_green2.type3 > a,.organ_wrap .round_box.bg_green2.type3 > span{width:170px}*/ /*.organ_wrap .round_box.bg_green2.type3 > a,.organ_wrap .round_box.bg_green2.type4 a {width:175px}*/ .organ_wrap .round_box.line_green > a,.organ_wrap .round_box.line_green span{padding:12px 0;background-color:#fff;border:1px solid #90b1a2;color:#333;font-weight:500} .organ_wrap .round_box.bg_blue{margin-bottom:15px} .organ_wrap .round_box.bg_blue > a,.organ_wrap .round_box.bg_blue span{width:190px;background-color:#7f89a0;color:#fff;font-weight:400} .organ_wrap .round_box.top-dot{position:relative;} .organ_wrap .round_box.dot{position:relative;padding-bottom:40px;} .organ_wrap .round_box.dot:before,.organ_wrap .round_box.dot:after{display:block;content:'';position:absolute} .organ_wrap .round_box.dot:before{bottom:0;left:50%;width:1px;height:40px;border-left:1px dashed #626262} .organ_wrap .round_box.dot:after{bottom:0;left:50%;transform:translateX(-50%);width:8px;height:8px;background-color:#5a74aa;border-radius:50%} .organ_wrap .round_box>ul{ display:block;padding:0 10px;border:1px solid #90b1a2;border-radius:15px;font-size:15px;color:#333; /*width:170px;*/ } .organ_wrap .organ_box.multi-col .round_box ul.full{display:flex;} .organ_wrap .organ_box.multi-col .round_box ul.full ul:first-child{ padding-right:10px; width:189px; } .organ_wrap .organ_box.multi-col .round_box ul.full ul:last-child{ padding-left:10px; border-left:1px solid #ddd; width:189px; } .organ_wrap .round_box ul.full{width:100%;} .organ_wrap .round_box ul > li{border-top:1px solid #ddd} .organ_wrap .round_box ul > li:first-child{border-top:0} .organ_wrap .round_box ul > li > a{display:block;padding:7px 0;background-repeat:no-repeat;background-position:right center;background-image:url(/images/about/bg-organ-list.png)} .organ_wrap .round_box ul > li span{display:block;padding:7px 0;background-repeat:no-repeat;background-position:right center} .organ_wrap .round_box ul > li > a.ls_1,.organ_wrap .round_box ul > li span.ls_1{letter-spacing:-2px} .organ_wrap .round_box ul > li > a.ls_15,.organ_wrap .round_box ul > li span.ls_15{letter-spacing:-1px} .prof_list_contop{position:relative;margin-bottom:65px!important} .prof_list_contop .sub_tit {display:flex; align-items:center; justify-content:flex-start; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5;} .prof_list_contop .sub_tit h5 {padding:0 25px 0 0;} .prof_list_contop .sub_tit .btn_homepage {position:relative; top:-2px; padding:7px 0; width:180px; background-color:#4f5d7e!important; font-size:16px; color:#fff!important; font-weight:300!important; text-align:center;} .prof_list_contop p{display:block} .prof_list_contop .btn_more_contents{display:inline-block;position:absolute;right:0;top:15px;padding-right:30px;background-repeat:no-repeat;background-position:right 6px;background-image:url(/images/about/bg-arrow-more.png);background-size:14px;font-size:16px;font-weight:500;color:#666;text-align:right} .prof_list_contop .btn_more_contents.close{background-image:url(/images/about/bg-arrow-more-on.png)} .prof_view_contop{margin-bottom:50px;background-color:#f2f2f2;border-top:45px solid #fff;border-bottom:45px solid #fff} .prof_view_contop .layer_1400{max-width:1400px;margin:0 auto} .prof_view_contop .layer_1400 > div{display:table;width:100%;padding:65px 10%;table-layout:fixed} .prof_view_contop .layer_1400 > div .prof_img{display:table-cell;width:280px;padding:8px 0 0 8px} .prof_view_contop .layer_1400 > div .prof_img .img_box{position:relative;z-index:1;height:380px;margin-top:-100px;margin-bottom:-100px;background-color:#fff;border:1px solid #d9d9d9;-webkit-box-shadow:-8px -8px 0 #709a89;box-shadow:-8px -8px 0 #709a89;padding-top:25px;padding-left:60px} .prof_view_contop .layer_1400 > div .prof_img .img_box span{display:inline-block;margin:20px 0;border:1px solid #e1e4e6;vertical-align:top;width:148px;height:148px;position:relative} .prof_view_contop .layer_1400 > div .prof_img .img_box span > img{vertical-align:top;max-width:100%;max-height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .prof_view_contop .layer_1400 > div .prof_img .img_box:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;-wekit-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1)} .prof_view_contop .layer_1400 > div .prof_info_wrap{display:table-cell;width:calc(100% - 281px);padding-left:95px;vertical-align:middle} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info{width:100%} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt,.prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd{float:left;display:block;font-size:17px} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt a,.prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd a{word-break:break-all} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt{width:110px;font-weight:500;color:#666} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd{width:calc(100% - 110px);font-weight:300;color:#1a1a1a} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info + dl{padding-top:10px;margin-top:10px;border-top:1px solid #e1e3e6} .support_conbox .support_contents:nth-child(1) .right_con{position:relative} .support_conbox .support_contents:nth-child(1) .right_con .absolute_img{position:absolute;left:5%;bottom:0} .support_conbox .support_contents:nth-child(2){position:relative} .support_conbox .support_contents:nth-child(2) .absolute_img{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .support_conbox .support_contents + .support_contents{margin-top:140px} .support_conbox .support_contents + .support_contents .right_con{padding-left:2%;padding-bottom:95px} .support_conbox .support_contents + .support_contents + .support_contents .right_con{padding-left:12%} .support_conbox .support_contents + .support_contents + .support_contents .right_con > img{margin-bottom:45px} .support_conbox .support_contents + .support_contents + .support_contents .right_con p + .btn_link{margin-top:25px} .support_conbox .support_contents img{vertical-align:top} .support_conbox .support_contents h4{display:block;margin-bottom:20px;font-size:36px;font-weight:700} .support_conbox .support_contents p{padding-right:65px;font-size:16px;font-weight:300;line-height:1.8em;color:#555;word-break:keep-all} .support_conbox .support_contents p + .img_box{margin-top:45px} .support_conbox .support_contents .left_con{float:left;width:45%} .support_conbox .support_contents .right_con{float:right;width:55%;padding-left:14%} .support_conbox .support_contents .img_box + p{margin-top:35px} .support_conbox .support_contents .img_box img{max-width:100%;vertical-align:top} .support_conbox .support_contents .btn_link{display:inline-block;margin-top:60px;padding:14px 86px;background-color:#303134;color:#fff;font-size:16px;font-weight:300} .mv_conbox{padding-left:40px;padding-right:40px} .mv_conbox .video_wrap{position:relative;padding-bottom:56.25%;padding-top:25px;height:0} .mv_conbox .video_wrap > iframe{position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:30px;background-repeat:no-repeat;background-position:bottom center;background-image:url(/images/about/bg-video-wrap.png)} .mv_conbox .video_list > li{float:left;width:calc((100% - 261px)/3);margin-left:130px;margin-top:50px} .mv_conbox .video_list > li:nth-child(3n+1){margin-left:0} .mv_conbox .video_list > li > a{display:block} .mv_conbox .video_list > li > a.active .video_thumb:before{opacity:1;z-index:2} .mv_conbox .video_list > li > a.active .video_thumb{position:relative;overflow:hidden;padding-bottom:56.25%} .mv_conbox .video_list > li > a.active .video_thumb iframe{position:absolute;z-index:1;left:0;width:100%;height:100%} .mv_conbox .video_list > li > a .video_thumb{position:relative;display:block;margin-bottom:25px} .mv_conbox .video_list > li > a .video_thumb:before{opacity:0;display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:.2s ease;transition:.2s ease} .mv_conbox .video_list > li > a .video_thumb > img{max-width:100%;vertical-align:top} .mv_conbox .video_list > li > a .video_tit{height:54px;font-size:20px;word-break:keep-all} .p_show{display:inline-block} .m_show{display:none} .mt_15{margin-top:-15px} .mt15{margin-top:15px} @media (max-width: 1399px) { .greeting_conbox .text_wrap p{padding-right:10%} .dean_conbox_wrap{padding:0} .dean_conbox_wrap .dean_list.current_dean_list > li.current{width:58%} .dean_conbox_wrap .dean_list > li{width:16%;margin-left:5%;margin-bottom:65px} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img{display:block;width:100%;margin-bottom:15px} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img img{max-width:100%;border:1px solid rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);text-align:center} .dean_conbox_wrap .dean_list > li .dean_conbox strong{display:block;margin-bottom:10px;font-size:20px;line-height:1.3em} .dean_conbox_wrap .dean_list > li .dean_conbox .num,.dean_conbox_wrap .dean_list > li .dean_conbox .major,.dean_conbox_wrap .dean_list > li .dean_conbox .period{display:block;font-size:16px;font-weight:300;color:#1a1a1a;line-height:1.5em} .dean_conbox_wrap .dean_list > li .dean_conbox .period{font-weight:400} .prof_view_contop .layer_1400 > div{padding:65px 25px} .prof_view_contop .layer_1400 > div .prof_info_wrap{padding-left:50px} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info{width:100%} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt,.prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd{font-size:17px} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt{width:110px;font-weight:500;color:#666} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd{width:calc(100% - 110px);font-weight:300;color:#1a1a1a} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info + dl{padding-top:10px;margin-top:10px;border-top:1px solid #e1e3e6} .organ_wrap .organ_row.organ_row02{background-position:center 0;background-size:100%} .organ_wrap .organ_row.organ_row03{background-size:100%} /*.organ_wrap .organ_row + .organ_row .organ_box + .organ_box{width:33%;margin:0 5%}*/ .organ_wrap .organ_row + .organ_row .organ_box + .organ_box .bg_green2{width:48%} /*.organ_wrap .organ_row + .organ_row .organ_box + .organ_box + .organ_box{width:33%}*/ .organ_wrap .organ_row + .organ_row + .organ_row .round_box .organ_box{left:-100%;width:500px} .organ_wrap .organ_row + .organ_row + .organ_row .round_box .organ_box .round_box{width:150px} .organ_wrap .organ_row + .organ_row + .organ_row .round_box .organ_box .round_box + .round_box{width:calc(100% - 200px)} .organ_wrap .organ_row + .organ_row + .organ_row .round_box .organ_box .round_box + .round_box div ul{width:45%} .organ_wrap .round_box > a,.organ_wrap .round_box > span{font-size:16px} .organ_wrap .round_box ul{width:100%} .organ_wrap .round_box ul > li > a,.organ_wrap .round_box ul > li > span{font-size:14px} /*.organ_wrap .round_box.bg_blue > a,.organ_wrap .round_box.bg_blue > span{width:150px}*/ /*.organ_wrap .round_box.bg_green{width:150px}*/ /*.organ_wrap .round_box.bg_green > a,.organ_wrap .round_box.bg_green > span{width:100%}*/ /*.organ_wrap .round_box.bg_green2{width:12%}*/ .organ_wrap .round_box.bg_green2.type2 > a,.organ_wrap .round_box.bg_green2.type2 > span{width:100%} .organ_wrap .round_box.bg_green2.type3{width:15%} .organ_wrap .round_box.bg_green2.type3 > a,.organ_wrap .round_box.bg_green2.type3 > span{width:100%} /*.organ_wrap .round_box.bg_green2 > a,.organ_wrap .round_box.bg_green2 > span{width:100%}*/ .organ_wrap .round_box.line_green > a,.organ_wrap .round_box.line_green > span{width:100%;max-width:150px} .mv_conbox .video_list > li{width:26.6%;margin-left:10%} } @media (max-width: 1199px) { .slogan{padding:3% 70px;margin-bottom:70px;font-size:36px} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox{height:auto;padding:40px 40px 20%} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img{right:40px;text-align:right} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img img{display:inline-block;width:90%} .map_conbox{position:relative;padding:30px 0 50px} .map_conbox .logo{width:50%} .map_conbox .map_contents{bottom:5%;left:70%;width:35%} .map_conbox .map_contents p{font-size:15px!important} .support_conbox .support_contents img{max-width:100%} .support_conbox .support_contents + .support_contents{margin-top:100px} .support_conbox .support_contents + .support_contents .right_con{padding-left:5%} .support_conbox .support_contents + .support_contents + .support_contents .right_con{padding-left:5%} .support_conbox .support_contents .right_con{padding-left:10%} .support_conbox .support_contents p{padding-right:0} } @media (max-width: 1023px) { .slogan{padding:3% 70px;margin-bottom:50px;font-size:24px} .slogan:before,.slogan:after{height:100%;background-repeat:no-repeat;background-size:auto 100%} .slogan:after{background-position:right top} .greeting_conbox .text_wrap{width:55%} .greeting_conbox .text_wrap p{padding-right:10%} .greeting_conbox .img_wrap{width:45%} .map_conbox{padding:30px 0 50px} .map_conbox .map_contents{left:72%;width:40%} .map_conbox .map_contents .map_tit{margin-bottom:5px;font-size:18px} .map_conbox .map_contents .map_tit strong{font-size:30px} .map_conbox .map_contents p{font-size:14px!important} .dean_conbox_wrap .dean_list + .dean_list{padding-top:30px;padding-bottom:30px;margin-top:30px;margin-bottom:30px;border-top:2px solid #ddd;border-bottom:2px solid #ddd} .dean_conbox_wrap .dean_list > li .dean_conbox:after{display:block;content:'';clear:both} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img{float:left;display:inline-block;width:25%;margin-bottom:0} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img + strong{margin-top:25px} .dean_conbox_wrap .dean_list > li .dean_conbox strong,.dean_conbox_wrap .dean_list > li .dean_conbox .num,.dean_conbox_wrap .dean_list > li .dean_conbox .name,.dean_conbox_wrap .dean_list > li .dean_conbox .major,.dean_conbox_wrap .dean_list > li .dean_conbox .period{float:left;display:block;width:75%;padding-left:5%} .dean_conbox_wrap .dean_list.current_dean_list > li.current{width:100%} .dean_conbox_wrap .dean_list.current_dean_list > li.current + li{border-top:0} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox{width:100%;height:auto;padding:35px 35px 20%} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .current_mark{margin-left:-35px} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox strong{float:none;display:block;width:auto;padding-left:0;margin-bottom:10px;font-size:36px;font-weight:700} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img{float:none;display:block;position:absolute;right:35px;width:auto;text-align:right} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img img{width:90%} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .major,.dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .period{padding-left:0} .dean_conbox_wrap .dean_list > li{float:none;width:100%;margin-left:0;margin-bottom:0} .dean_conbox_wrap .dean_list > li + li{margin-top:30px;padding-top:30px;border-top:2px solid #ddd} .dean_conbox_wrap + .btn_wrap{margin-top:40px} /*.organ_wrap .organ_row + .organ_row .organ_box + .organ_box{width:40%;margin:0 1%}*/ /*.organ_wrap .organ_row + .organ_row .organ_box + .organ_box + .organ_box{width:40%}*/ .organ_wrap .organ_row + .organ_row .organ_box + .organ_box + .organ_box + .organ_box{width:35%} .organ_wrap .organ_row + .organ_row + .organ_row .round_box .organ_box{width:450px} .organ_wrap .organ_row + .organ_row + .organ_row .round_box .organ_box .round_box + .round_box{width:calc(100% - 160px)} .organ_wrap .circle_box > a,.organ_wrap .circle_box > span{font-size:20px} .organ_wrap .round_box > a,.organ_wrap .round_box > span{font-size:14px} .organ_wrap .round_box ul > li > a,.organ_wrap .round_box ul > li > span{padding-right:15px;background-size:10px;font-size:13px;word-break:break-word} /*.organ_wrap .round_box.bg_blue > a,.organ_wrap .round_box.bg_blue > span{width:120px}*/ .organ_wrap .organ_img{width:12px;margin-top:-2px;vertical-align:middle} .history_tab_wrap .history_tab > li{width:11%} .history_tab_wrap .history_tab > li > a{padding:10px 0;font-size:16px;line-height:1.2em} .history_tab_wrap .history_tab > li .history_contents .history_visual{margin-top:40px;margin-bottom:50px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit{font-size:28px;margin-bottom:10px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit:before{top:3px;left:-50px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit:after{width:10px;top:17px;left:-20px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li .year{font-size:16px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li div{font-size:14px} .history_tab_wrap .history_tab > li .history_contents .history_row .right_con{padding-left:35px} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con{padding-right:35px} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .year_tit:before{left:auto;right:-50px} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .year_tit:after{left:auto;right:-20px} .mv_conbox{padding:0} .mv_conbox .video_list > li{width:28%;margin-left:8%} .support_conbox .support_contents:nth-child(1) .right_con .absolute_img{left:4%;width:40px} .support_conbox .support_contents:nth-child(2) .absolute_img{height:80px} .support_conbox .support_contents img{max-width:100%} .support_conbox .support_contents + .support_contents{margin-top:100px} .support_conbox .support_contents + .support_contents .right_con{padding-left:5%} .support_conbox .support_contents + .support_contents + .support_contents .right_con{padding-left:5%} .support_conbox .support_contents + .support_contents + .support_contents .right_con img{height:40px;margin-bottom:35px} .support_conbox .support_contents + .support_contents + .support_contents .right_con p + .btn_link{margin-top:40px} .support_conbox .support_contents .right_con{padding-left:10%} .support_conbox .support_contents p{padding-right:0} .support_conbox .support_contents p + .img_box{margin-top:30px} .support_conbox .support_contents .btn_link{margin-top:40px} } @media (max-width: 767px) { .slogan_wrap .slogan{height:auto;padding:10px 38px;margin-bottom:40px;font-size:16px;line-height:1.25em} .slogan_wrap .slogan:before,.slogan_wrap .slogan:after{width:16px;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:auto 100%} .slogan_wrap .slogan:after{background-position:right 0} .slogan_wrap + .sub_tit{display:none} .greeting_conbox .img_wrap{float:none;width:100%;margin-bottom:25px;text-align:center} .greeting_conbox .img_wrap img{max-width:100%;margin:0 auto;vertical-align:top} .greeting_conbox .text_wrap{float:none;width:100%} .greeting_conbox .text_wrap p{padding-right:0;font-size:13px;line-height:1.8em} .greeting_conbox .name{margin-top:20px} .dean_conbox_wrap .dean_list + .dean_list{padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;border-width:1px} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img{width:95px} .dean_conbox_wrap .dean_list > li .dean_conbox .per_img + strong{margin-top:2%;font-size:20px} .dean_conbox_wrap .dean_list > li .dean_conbox strong,.dean_conbox_wrap .dean_list > li .dean_conbox .num,.dean_conbox_wrap .dean_list > li .dean_conbox .name,.dean_conbox_wrap .dean_list > li .dean_conbox .major,.dean_conbox_wrap .dean_list > li .dean_conbox .period{width:calc(100% - 100px);padding-left:30px;font-size:13px;line-height:1.7em} .dean_conbox_wrap .dean_list.current_dean_list > li.current{overflow:hidden;width:100%} .dean_conbox_wrap .dean_list.current_dean_list > li.current + li{border-top:0} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox{width:100%;height:auto;padding:20px 20px 8%;background-size:40%} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .current_mark{margin-bottom:7%;margin-left:-20px;padding:10px 22px 8px;font-size:12px} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox strong{margin-bottom:0;font-size:20px} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img{float:none;display:block;position:absolute;right:-2%;width:auto;height:95%;text-align:right} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .per_img img{width:auto;height:100%} .dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .major,.dean_conbox_wrap .dean_list.current_dean_list > li.current .dean_conbox .period{padding-left:0} .dean_conbox_wrap .dean_list > li{float:none;width:100%;margin-left:0;margin-bottom:0} .dean_conbox_wrap .dean_list > li + li{margin-top:20px;padding-top:20px;border-width:1px} .dean_conbox_wrap + .btn_wrap{margin-bottom:0} .prof_conbox .sch_wrap{padding:25px 15px;background-color:#f2f2f2} .prof_conbox .sch_wrap .btn_sch{top:25px;right:15px} .prof_list_contop{margin-bottom:35px!important;border-bottom:1px solid #e5e5e5} .prof_list_contop .sub_tit {margin:0; border-bottom:0;} .prof_list_contop .sub_tit h5 {padding:0 10px 0 0;} .prof_list_contop .sub_tit .btn_homepage {top:-1px; padding:8px 0 7px 0; width:140px; font-size:13px;} .prof_list_contop .sub_tit .btn_homepage img {width:10px; margin:0 0 0 5px;} .prof_list_contop p{display:block;padding-bottom:45px} .prof_list_contop .btn_more_contents{top:auto;bottom:10px;padding-bottom:0;padding-right:20px;font-size:13px;background-size:10px} .prof_view_contop{padding:0 25px;margin-top:30px;margin-bottom:35px;border-top:0;border-bottom:0;background:none} .prof_view_contop .layer_1400{display:block;padding-top:6px;padding-left:6px} .prof_view_contop .layer_1400 > div{display:block;position:relative;padding:20px 25px;border:1px solid #d9d9d9;-webkit-box-shadow:-8px -8px 0 #709a89;box-shadow:-8px -8px 0 #709a89} .prof_view_contop .layer_1400 > div:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1)} .prof_view_contop .layer_1400 > div .prof_img{display:block;width:100%;padding:0} .prof_view_contop .layer_1400 > div .prof_img:after{display:block;content:'';clear:both} .prof_view_contop .layer_1400 > div .prof_img .img_box{display:block;width:100%;position:static;height:auto;margin-top:0;margin-bottom:20px;padding-top:0;padding-left:0;border:0;-webkit-box-shadow:none;box-shadow:none} .prof_view_contop .layer_1400 > div .prof_img .img_box:before{display:none} .prof_view_contop .layer_1400 > div .prof_img .img_box span{float:right;width:72px;height:72px;margin:0;overflow:hidden} .prof_view_contop .layer_1400 > div .prof_img .img_box span > img{width:100%;margin:0} .prof_view_contop .layer_1400 > div .prof_img .img_box img{width:138px;margin:15px 0} .prof_view_contop .layer_1400 > div .prof_img .img_box img.text{display:none} .prof_view_contop .layer_1400 > div .prof_info_wrap{display:block;width:100%;padding-left:0} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt,.prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd{font-size:13px} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dt{width:75px} .prof_view_contop .layer_1400 > div .prof_info_wrap .prof_info dd{width:calc(100% - 80px)} .history_tab_wrap .history_tab > li{float:none;width:100%;border:0;border:0!important;background:#fff} .history_tab_wrap .history_tab > li.click{display:block;height:35px;padding:8px 20px;border:1px solid #bbb;background-color:#5a74aa;background-repeat:no-repeat;background-position:right 20px center;background-size:11px;background-image:url(/images/common/ic-arrow-bottom-m.png);font-family:'Noto Sans KR',sans-serif;font-size:15px;font-weight:700;color:#fff;text-align:left;cursor:pointer} .history_tab_wrap .history_tab > li.click.active{background-image:url(/images/common/ic-arrow-bottom-m-on.png)} .history_tab_wrap .history_tab > li > a{display:none;z-index:10;height:35px;padding:7px 20px;border:1px solid #bbb;border-top:0;font-size:15px;font-weight:700;text-align:left} .history_tab_wrap .history_tab > li .history_contents{min-height:600px} .history_tab_wrap .history_tab > li .history_contents .history_visual{height:120px;padding:30px 10px;margin-top:-15px;margin-bottom:25px} .history_tab_wrap .history_tab > li .history_contents .history_visual .history_tit{font-size:27px} .history_tab_wrap .history_tab > li .history_contents .history_visual .history_tit img{height:14px} .history_tab_wrap .history_tab > li .history_contents .history_visual .history_tit strong{margin-top:7px} .history_tab_wrap .history_tab > li .history_contents .history_conbox:before{left:0} .history_tab_wrap .history_tab > li .history_contents .history_row .img_box{display:none!important} .history_tab_wrap .history_tab > li .history_contents .history_row + .history_row{margin-top:55px} .history_tab_wrap .history_tab > li .history_contents .history_row + .history_row .img_box{margin-top:0} .history_tab_wrap .history_tab > li .history_contents .history_row:last-child .left_con:before{top:22px;left:0} .history_tab_wrap .history_tab > li .history_contents .history_row:last-child .right_con:before{top:22px;right:0} .history_tab_wrap .history_tab > li .history_contents .history_row > div{float:none;width:100%;padding-left:15px!important} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit{margin-bottom:5px;font-size:25px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit:before{top:10px!important;left:-20px!important;width:12px;height:12px;border-width:2px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .year_tit:after{display:none} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li .year{text-align:left;font-size:13px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li div{font-size:12px} .history_tab_wrap .history_tab > li .history_contents .history_row > div .history_list > li + li{margin-top:0} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con{padding-right:0;text-align:left} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .history_list > li .year{float:left} .history_tab_wrap .history_tab > li .history_contents .history_row .left_con .history_list > li div{padding-right:0;padding-left:24px} .history_tab_wrap .history_tab > li .history_contents .history_row .right_con{padding-left:0;text-align:left} .map_conbox{padding:0} .map_conbox .logo{position:static;top:auto;left:auto;display:block;width:100%;margin-bottom:20px} .map_conbox .map_contents{position:static;left:auto;bottom:auto;-webkit-transform:none;transform:none;width:100%;padding-top:20px} .map_conbox .map_contents .map_tit{position:absolute;top:55%;left:60%;margin-bottom:0;font-size:18px;line-height:1.6em} .map_conbox .map_contents .map_tit strong{font-size:27px} .map_conbox .map_contents p{font-size:12px!important} .partners_contents .img_list{margin-top:25px} .img_list{margin-bottom:-25px} .img_list.n3 > li{width:100%;margin-bottom:25px;margin-left:0} .img_list > li{float:none;margin-left:0;text-align:center} .img_list > li > img{max-width:100%;width:100%} .img_list > li .img_tit{margin-top:5px;font-size:12px!important} .support_conbox .support_contents img{width:100%} .support_conbox .support_contents:nth-child(1) .right_con{margin-top:10px} .support_conbox .support_contents .absolute_img{display:none} .support_conbox .support_contents .left_con{float:none;width:100%} .support_conbox .support_contents .right_con{float:none;width:100%} .support_conbox .support_contents .img_box + p{margin-top:30px} .support_conbox .support_contents p{font-size:13px} .support_conbox .support_contents p + p{margin-bottom:40px} .support_conbox .support_contents + .support_contents{margin-top:50px} .support_conbox .support_contents + .support_contents .right_con{padding-left:0;padding-bottom:0;margin-top:30px} .support_conbox .support_contents + .support_contents p{font-size:13px;line-height:1.5em} .support_conbox .support_contents + .support_contents + .support_contents .right_con{padding-left:0} .support_conbox .support_contents + .support_contents + .support_contents .right_con img{display:none} .support_conbox .support_contents + .support_contents + .support_contents .right_con p + .btn_link{margin-top:30px;margin-bottom:30px} .support_conbox .support_contents .right_con{padding-left:0} .support_conbox .support_contents h4{margin-bottom:10px;font-size:24px} .support_conbox .support_contents p{padding-right:0} .support_conbox .support_contents p + .img_box{margin-top:30px} .support_conbox .support_contents .btn_link{width:100%;margin-top:30px;padding:12px 10px;font-size:12px;text-align:center} .mv_conbox .video_wrap{margin-left:-3%;margin-right:-3%;margin-bottom:10px} .mv_conbox .video_wrap > iframe{padding-bottom:0;background-image:none} .mv_conbox .video_list > li{width:calc((100% - 19px)/2);margin-left:18px;margin-top:25px} .mv_conbox .video_list > li:nth-child(3n+1){margin-left:18px} .mv_conbox .video_list > li:nth-child(2n+1){margin-left:0} .mv_conbox .video_list > li > a.active .video_thumb:before{border-width:3px} .mv_conbox .video_list > li > a .video_thumb{margin-bottom:15px} .mv_conbox .video_list > li > a .video_thumb img{width:100%} .mv_conbox .video_list > li > a .video_tit{height:62px;font-size:15px;line-height:1.3em;-webkit-line-clamp:3} .p_show{display:none} .m_show{display:inline-block} .mt_15{margin-top:0} } @media (max-width: 459px) { .map_conbox .map_contents .map_tit{top:45%} } .goal_contents{position:relative} .goal_contents + .goal_contents{margin-top:125px} .goal_contents + .goal_contents .sub_tit h4{margin-bottom:20px} .goal_contents + .goal_contents .sub_tit h4 + p{text-align:center} .goal_contents .left_con{float:left;width:44%} .goal_contents .left_con h4{margin-bottom:25px;font-size:36px;font-weight:700} .goal_contents .left_con p{font-size:17px;font-weight:300;color:#555} .goal_contents .left_con p + .img_box{margin-top:55px} .goal_contents .left_con p + .img_box img{max-width:100%} .goal_contents .right_con{float:right;width:56%;padding-bottom:100px;text-align:right} .goal_contents .right_con .typo{position:absolute;right:0;bottom:15px;margin-top:0} .goal_contents .img_box img{max-width:100%;vertical-align:top} .goal_list{margin-top:50px} .goal_list .goal_box{float:left;display:block;width:354px;height:354px;border-radius:50%} .goal_list .goal_box + .goal_box{margin-left:-4%} .goal_list .goal_box:nth-child(odd){background-color:rgba(79,93,126,0.9)} .goal_list .goal_box:nth-child(even){background-color:rgba(112,156,138,0.9)} .goal_list .goal_box .table_con{display:table;width:100%;height:100%;table-layout:fixed} .goal_list .goal_box .table_con > div{display:table-cell;color:#fff;text-align:center;vertical-align:middle} .goal_list .goal_box .table_con .icon{display:block;margin-bottom:20px} .goal_list .goal_box .table_con strong{font-size:24px;font-weight:700;line-height:1.25em} .goal_list .goal_box .table_con p{margin-top:10px;font-size:17px;color:#fff!important;font-weight:300;line-height:1.7em} .slogan_wrap + .college_conbox,.slogan_wrap + .curriculum_conbox{margin-top:-40px} .curriculum_conbox .img_box img{max-width:100%} .curriculum_conbox .img_box.none{width:100%;min-height:890px;background-color:#f3f3f3;border:1px solid #e0e1e2} .college_contents .sub_tit div{font-size:17px;font-weight:300;color:#555;line-height:1.7em;text-align:center} .college_contents .college_link_wrap{margin-top:60px} .college_contents .college_link_wrap > a{display:block;float:left;position:relative;width:calc((100% - 81px)/5);height:450px;margin-left:20px;padding-top:370px;background-repeat:no-repeat;background:0 center;background-size:cover;background-image:url(/images/edu/img-college01.png);-webkit-transition:.2s ease;transition:.2s ease} .college_contents .college_link_wrap > a + a{background-image:url(/images/edu/img-college02.png)} .college_contents .college_link_wrap > a + a + a{background-image:url(/images/edu/img-college03.png)} .college_contents .college_link_wrap > a + a + a + a{background-image:url(/images/edu/img-college04.png)} .college_contents .college_link_wrap > a + a + a + a + a{background-image:url(/images/edu/img-college05.png)} .college_contents .college_link_wrap > a:hover img{right:10px} .college_contents .college_link_wrap > a span{display:block;padding-left:30px;font-size:24px;font-weight:700;line-height:1.5em;color:#fff} .college_contents .college_link_wrap > a img{position:absolute;right:20px;bottom:20px;-webkit-transition:.2s ease;transition:.2s ease} .college_contents .college_link_wrap > a:nth-child(5n+1){margin-left:0} .school_conbox{margin-top:-20px} .top_btn_wrap + .school_conbox {margin-top: 0;} .school_conbox .table_con{display:table;width:100%;table-layout:fixed} .school_conbox .table_con .table_th{display:table-cell;width:18%;background-color:#90b1a2;color:#fff;font-weight:500;font-size:24px;line-height:1.4em;text-align:center;vertical-align:middle} .school_conbox .table_con .table_th + .table_wrap{display:table-cell;width:82%} .school_table.cst_table th,.school_table.cst_table td{padding:20px 19px;border:1px solid #90b1a2;font-size:16px;font-weight:300;color:#555;line-height:1.8em} .school_table.cst_table th{background-color:#90b1a2;color:#fff;font-weight:700;font-size:24px;line-height:1.4em} .school_table.cst_table td strong{font-size:20px;font-weight:700;color:#1a1a1a} .school_table.cst_table td.bg_green{background-color:#f1f5f3} .school_table.cst_table td.bg_green strong{font-size:22px} .table_bottom{margin-top:25px;font-size:16px;color:#555;font-weight:300;line-height:1.8em} .table_bottom strong{font-weight:500} .medicine_conbox{margin-top:-20px} .edu_tab_wrap{width:100%;padding-bottom:140px} .edu_tab_wrap .edu_tab{position:relative;text-align:center} .edu_tab_wrap .edu_tab > li{display:inline-block;border:1px solid #ddd;border-left:0;margin-left:-6px;width:auto} .edu_tab_wrap .edu_tab > li:first-child{border-left:1px solid #ddd} .edu_tab_wrap .edu_tab > li.on a{background-color:#5a74aa;color:#fff;font-weight:700} .edu_tab_wrap .edu_tab > li > a{display:block;position:relative;width:320px;padding:17px 0;margin-left:0;height:60px;background-color:#fff;font-size:20px} .edu_tab_wrap .edu_tab > li > a span{display:block;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .edu_tab_wrap .edu_tab > li .edu_contents{position:absolute;width:100%;top:60px;left:0;margin-top:80px;text-align:left} .edu_tab_wrap .edu_tab .btn_link{display:inline-block;width:135px;padding:10px 15px 8px;margin:0 30px;border:1px solid #bfbfbf;border-radius:3px;background-color:#fff!important;background-repeat:no-repeat;background-position:right 15px center;background-image:url(/images/edu/bg-btn-link.png);font-size:16px;color:#1a1a1a!important;line-height:1em;font-weight:300!important} .edu_tab_wrap .edu_tab .btn_homepage{display:inline-block;padding:14px 10px;width:280px;background-color:#4f5d7e!important;font-size:16px;color:#fff!important;font-weight:300!important;text-align:center} .edu_tab_wrap .edu_tab .btn_homepage img{margin-left:10px;margin-top:-3px;vertical-align:middle} .edu_tab_wrap .edu_tab .eddLink {margin-left:15px;display:inline-block;padding:14px 10px;width:280px;background-color:#4f5d7e!important;font-size:16px;color:#fff!important;font-weight:300!important;text-align:center} .edu_tab_wrap .edu_tab .btn_down_wrap{margin-top:60px} .edu_tab_wrap .edu_tab .btn_down_wrap .btn_down{float:left;width:calc((100% - 21px)/2);margin-bottom:20px;margin-left:20px;padding:15px 50px 15px 30px;background-color:#fff!important;border:1px solid #bfbfbf;background-repeat:no-repeat;background-position:right 30px center;background-image:url(/images/edu/bg-btn-down.png);font-size:16px;font-weight:300!important;color:#1a1a1a!important} .edu_tab_wrap .edu_tab .btn_down_wrap .btn_down:nth-child(2n+1){margin-left:0} .edu_tit{margin-bottom:45px;text-align:center} .edu_tit h5{margin-bottom:15px;font-size:30px;font-weight:700;line-height:1em} .edu_tit span{font-size:20px;line-height:1.5em} .edu_conbox + .edu_conbox{margin-top:70px} .edu_conbox .img_wrap{float:left;width:46%} .edu_conbox .img_wrap .img_box img{max-width:100%;vertical-align:top} .edu_conbox .text_wrap{float:left;width:54%;padding-top:30px;padding-left:95px;padding-right:75px;font-size:18px;color:#1a1a1a;line-height:2.2em;word-break:keep-all} .edu_conbox.table_con{display:table;width:100%;table-layout:fixed} .edu_conbox.table_con.ty01 {margin:100px 0 0;} .edu_conbox.table_con .title_con{display:table-cell;width:260px;padding-top:5px;font-size:36px;font-weight:700;line-height:1em;text-align:center;vertical-align:top} .edu_conbox.table_con .title_con .num{display:block;margin-top:-7px;font-family:'Metropolis',sans-serif;font-size:100px;color:rgba(0,0,0,0.15);font-weight:600;line-height:1em} .edu_conbox.table_con .text_con{display:table-cell;width:calc(100% - 261px);font-family:'Noto Sans KR',sans-serif;font-size:16px;font-weight:300;color:#555;line-height:1.8em;word-break:keep-all;vertical-align:top} .edu_conbox.table_con .text_con strong{display:block;margin-bottom:5px;font-size:18px;font-weight:500} .edu_conbox.table_con .text_con strong.tit{margin-bottom:15px;font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.6em} .edu_conbox.table_con .text_con p{float:left;width:48%;word-break:keep-all} .edu_conbox.table_con .text_con p + p{width:52%;padding-left:3%} .typo{display:block;margin-top:10px;font-family:'Metropolis',sans-serif;font-size:74px;font-weight:700;color:rgba(0,0,0,0.1);line-height:1em} .typo .w150{display:inline-block;width:150px;vertical-align:top} .cst_table.edu_table tr:first-child th,.cst_table.edu_table tr:first-child td{border-top:2px solid #555} .cst_table.edu_table tr:last-child th,.cst_table.edu_table tr:last-child td{border-bottom:1px solid #555} .cst_table.edu_table th,.cst_table.edu_table td{padding:25px 35px;border:1px solid #ddd;font-size:16px;font-weight:300;color:#555;line-height:1.8em} .cst_table.edu_table th strong,.cst_table.edu_table td strong{font-weight:700} .cst_table.edu_table th:first-child,.cst_table.edu_table td:first-child{border-left:0} .cst_table.edu_table th:last-child,.cst_table.edu_table td:last-child{border-right:0} .cst_table.edu_table th{background-color:#f8f8f8;font-size:17px;font-weight:700;color:#333;line-height:1.5em} .clinical_contop{width:100%;height:400px;padding-top:35px;background-repeat:no-repeat;background-position:center 0;background-image:url(/images/edu/bg-clinical-contop.png)} .clinical_contop .clinical_conbox{float:left;width:34%;padding-left:85px;padding-right:30px} .clinical_contop .clinical_conbox + .clinical_conbox{width:32%;padding-left:50px;padding-right:50px} .clinical_contop .clinical_conbox + .clinical_conbox + .clinical_conbox{width:34%;padding-left:50px;padding-right:80px} .clinical_contop .clinical_conbox .icon{display:block;text-align:center} .clinical_contop .clinical_conbox .icon img{max-width:100%;vertical-align:top} .clinical_contop .clinical_conbox .icon + .tit{margin-top:25px} .clinical_contop .clinical_conbox .tit{margin-bottom:15px;font-size:24px;font-weight:700;text-align:center} .clinical_contop .clinical_conbox .list_type1 li{position:relative;padding-left:10px;font-size:16px;color:#555;line-height:1.8em;word-break:keep-all} .clinical_contop .clinical_conbox .list_type1 li:before{display:block;content:'';clear:both;position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:50%;background-color:#555} .clinical_contop .clinical_conbox .list_type1 + .icon{margin-top:25px} .clinical_contop + .typo_wrap{position:relative;top:-75px;z-index:-1;text-align:center;margin-bottom:-20px} .clinical_contop + .typo_wrap .typo{display:inline-block;margin-top:0;text-align:left} @media (max-width: 1399px) { .goal_list .goal_box{width:27.2%;height:320px} .goal_list .goal_box + .goal_box{margin-left:-3%} .clinical_contop{background-size:100%} .clinical_contop .clinical_conbox{padding-left:3%!important;padding-right:3%!important} .clinical_contop .clinical_conbox .icon{width:82px;margin:0 auto} } @media (max-width: 1199px) { .goal_list .goal_box{height:auto;padding:4% 0} .goal_list .goal_box:first-child{padding:2.5% 0} .slogan_wrap + .college_conbox,.slogan_wrap + .curriculum_conbox{margin-top:0} .goal_contents .right_con{padding-left:50px} .college_contents .college_link_wrap > a span{padding-left:15px;font-size:20px} .school_conbox{margin-top:0} .table_bottom{font-size:14px;line-height:1.5em} .medicine_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{padding-right:0;padding-left:50px;padding-top:0} .biomedical_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{padding-right:50px} .typo{font-size:60px} } @media (max-width: 1023px) { .curriculum_conbox .img_box.none{min-height:500px} .goal_contents .sub_tit + p{text-align:left} .goal_contents + .goal_contents{margin-top:90px} .goal_contents .left_con h4{margin-bottom:20px;font-size:30px} .goal_contents .left_con p br{display:none} .goal_contents .right_con{padding-left:30px} .goal_contents .right_con .absolute_img{width:600px} .goal_list .goal_box .table_con .icon{margin-bottom:10px} .goal_list .goal_box .table_con .icon img{width:53px} .goal_list .goal_box .table_con strong{font-size:20px} .goal_list .goal_box .table_con strong + p{font-size:14px!important} .college_contents .sub_tit div{font-size:15px;text-align:left;word-break:keep-all} .college_contents .college_link_wrap{margin-top:40px} .college_contents .college_link_wrap > a{width:calc((100% - 61px)/5);margin-left:15px;height:300px;padding-top:220px} .college_contents .college_link_wrap > a span{padding-left:10%;font-size:18px;word-break:keep-all} .school_conbox .table_con .table_th{font-size:20px} .school_table.cst_table td{font-size:15px} .school_table.cst_table td.bg_green strong{font-size:18px} .school_table.cst_table td strong{font-size:16px} .edu_tab_wrap .edu_tab .btn_link{margin:0 15px;font-size:14px} .edu_tab_wrap .edu_tab .btn_down_wrap .btn_down{padding:15px 30px 15px 15px;font-size:14px;background-position:right 15px center;background-size:13px} .edu_tit h5{margin-bottom:10px;font-size:24px} .edu_conbox + .edu_conbox{margin-top:50px} .edu_conbox .img_wrap + .btn_homepage{margin-top:12%} .edu_conbox .text_wrap{line-height:2em} .edu_conbox .text_wrap .typo br{display:none} .edu_conbox.table_con .title_con{width:180px;font-size:30px} .edu_conbox.table_con .title_con .num{font-size:80px} .edu_conbox.table_con .text_con{width:calc(100% - 181px);padding-left:30px} .edu_conbox.table_con .text_con strong.tit{margin-bottom:10px;font-size:20px} .edu_conbox.table_con .text_con p{width:100%} .edu_conbox.table_con .text_con p + p{width:100%;padding-top:15px;padding-left:0} .medicine_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .img_wrap{margin-top:0;margin-bottom:25px} .medicine_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{padding-right:0;padding-left:30px} .biomedical_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{padding-right:30px} .clinical_contop{padding-top:25px;background-size:100%} .clinical_contop .clinical_conbox{padding-left:3%!important;padding-right:3%!important} .clinical_contop .clinical_conbox .tit{margin-bottom:15px;font-size:20px} .clinical_contop .clinical_conbox .icon + .tit{margin-top:15px;font-size:20px} .clinical_contop .clinical_conbox .list_type1 li{font-size:14px} .clinical_contop .clinical_conbox .list_type1 li:before{top:10px} .clinical_contop .clinical_conbox .list_type1 + .icon{margin:15px auto 0} .clinical_contop + .typo_wrap .typo{font-size:50px} .typo .w150{width:80px} .cst_table.edu_table colgroup col:nth-child(1){width:30%!important} } @media (max-width: 767px) { .curriculum_conbox .img_box.none{min-height:280px} .goal_contents + .goal_contents{margin-top:45px} .goal_contents + .goal_contents .sub_tit h4{margin-bottom:10px;text-align:left} .goal_contents + .goal_contents .sub_tit h4 + p{text-align:left} .goal_contents .left_con{float:none;width:100%} .goal_contents .left_con h4{margin-bottom:10px;font-size:24px} .goal_contents .left_con p br{display:none} .goal_contents .left_con p + .img_box{margin-top:20px} .goal_contents .right_con{float:none;width:100%;padding-left:0;padding-bottom:0;margin-top:10px} .goal_contents .right_con .typo{position:static;left:auto;bottom:auto;margin-top:-15px;font-size:50px;text-align:center} .goal_contents .img_box img{width:100%} .goal_list{margin-top:20px} .goal_list .goal_box{float:none;width:100%;max-width:265px;height:265px;margin:0 auto} .goal_list .goal_box + .goal_box{margin:-35px auto 0} .goal_list .goal_box .table_con strong{font-size:18px} .goal_list .goal_box .table_con strong + p{font-size:12px!important} .college_contents .sub_tit div{font-size:13px} .college_contents .college_link_wrap{margin-top:20px} .college_contents .college_link_wrap > a{float:none;width:100%;margin-left:0;height:130px;padding-top:90px;background-image:url(/images/edu/img-college01-m.png)} .college_contents .college_link_wrap > a + a{margin-top:10px;background-image:url(/images/edu/img-college02-m.png)} .college_contents .college_link_wrap > a + a + a{background-image:url(/images/edu/img-college03-m.png)} .college_contents .college_link_wrap > a + a + a + a{background-image:url(/images/edu/img-college04-m.png)} .college_contents .college_link_wrap > a + a + a + a + a{background-image:url(/images/edu/img-college05-m.png)} .college_contents .college_link_wrap > a span{padding-left:15px;font-size:18px;word-break:keep-all} .college_contents .college_link_wrap > a img{right:15px;bottom:15px} .school_conbox .table_con{display:block;width:100%} .school_conbox .table_con .table_th{display:block;width:100%;padding:16px 10px;font-size:18px;line-height:1em} .school_conbox .table_con .table_th br{display:none} .school_conbox .table_con .table_th + .table_wrap{display:block;width:100%} .school_table.cst_table colgroup col:nth-child(1){width:30%!important} .school_table.cst_table tr:nth-child(-n+2) td strong{display:block;margin-bottom:5px} .school_table.cst_table th,.school_table.cst_table td{padding:10px 12px} .school_table.cst_table th{font-size:16px} .school_table.cst_table td{font-size:13px;line-height:1.7em;word-break:keep-all} .school_table.cst_table td.bg_green{word-break:break-word} .school_table.cst_table td.bg_green strong{margin-bottom:0;font-size:16px} .school_table.cst_table td strong{font-size:15px} .school_table.cst_table td br{display:none} .table_bottom{margin-top:15px;font-size:12px} .edu_tab_wrap .edu_tab > li{width:50%} .edu_tab_wrap .edu_tab > li > a{width:100%;height:40px;padding:12px 0;font-size:15px} .edu_tab_wrap .edu_tab > li .btn_link{display:block;width:100px;padding:8px 12px 6px;margin:0;margin-top:5px;font-size:12px;background-position:right 12px center;background-size:10px} .edu_tab_wrap .edu_tab > li .btn_down_wrap{margin-top:25px} .edu_tab_wrap .edu_tab > li .btn_down_wrap .btn_down{float:none;display:block;width:100%;padding:10px 30px 10px 15px;margin-bottom:10px;margin-left:0;font-size:13px} .edu_tab_wrap .edu_tab > li .edu_contents{top:40px;margin-top:30px} .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{float:none;width:100%;padding-right:0;font-size:14px} .edu_tab_wrap .edu_tab > li .edu_contents .typo{display:none} .edu_tit{margin-bottom:20px} .edu_tit h5{margin-bottom:0;font-size:18px;line-height:1.2em} .edu_tit span{font-size:15px;line-height:1.3em} .edu_conbox{position:relative} .edu_conbox + .edu_conbox{margin-top:40px} .edu_conbox .img_wrap{float:none;width:100%;margin-top:15px} .edu_conbox .img_wrap img{width:100%} .edu_conbox .img_wrap + .btn_homepage{display:block;width:100%;margin-top:30px;padding:12px 10px;font-size:12px} .edu_conbox .img_wrap + .btn_homepage img{width:10px;margin-left:5px} .edu_conbox .text_wrap{padding-left:0;padding-top:0} .edu_conbox.table_con .title_con{display:block;margin-bottom:10px;width:100%;padding-top:0;text-align:left;font-size:18px} .edu_conbox.table_con .title_con.num_con{position:absolute;top:-5px;left:0;width:auto} .edu_conbox.table_con .title_con.num_con .num{display:inline-block;width:auto;margin-top:0;font-size:65px;letter-spacing:-.5px} .edu_conbox.table_con .title_con.num_con + .text_con strong.tit{display:inline-block;min-height:47px;padding-left:95px} .edu_conbox.table_con .text_con{display:block;width:100%;padding-left:0;font-size:13px;font-weight:300;line-height:1.8em} .edu_conbox.table_con .text_con strong{margin-bottom:0;font-size:14px;color:#1a1a1a} .edu_conbox.table_con .text_con strong.tit{font-size:18px;line-height:1.3em} .medicine_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{padding-right:0;padding-left:0} .biomedical_conbox .edu_tab_wrap .edu_tab > li .edu_contents .edu_conbox .text_wrap{padding-right:0;padding-left:0} .clinical_contop{height:auto;margin-bottom:50px;background-image:url(/images/edu/bg-clinical-contop-m.png);background-size:auto 100%;padding:17px 5px 60px} .clinical_contop .clinical_conbox{float:none;position:relative;width:100%!important;padding-top:100px;padding-left:0!important;padding-right:0!important} .clinical_contop .clinical_conbox + .clinical_conbox{padding-top:0;margin-top:100px} .clinical_contop .clinical_conbox + .clinical_conbox + .clinical_conbox{padding-top:100px;margin-top:75px} .clinical_contop .clinical_conbox .tit{margin-bottom:10px;font-size:18px} .clinical_contop .clinical_conbox .icon{width:82px} .clinical_contop .clinical_conbox .icon + .tit{margin-top:15px;font-size:18px} .clinical_contop .clinical_conbox .list_type1{padding-left:11%;padding-right:14%} .clinical_contop .clinical_conbox .list_type1 li{font-size:12px} .clinical_contop .clinical_conbox .list_type1 li:before{top:8px} .clinical_contop .clinical_conbox .list_type1 + .icon{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:82px;margin:0} .clinical_contop + .typo_wrap{display:none} .cst_table.edu_table{border-top:2px solid #555;border-bottom:1px solid #555} .cst_table.edu_table:after{display:block;content:'';clear:both} .cst_table.edu_table colgroup{display:none} .cst_table.edu_table tbody{display:block;width:100%} .cst_table.edu_table tbody:after{display:block;content:'';clear:both} .cst_table.edu_table tbody tr{display:block;width:100%} .cst_table.edu_table tbody tr:first-child th,.cst_table.edu_table tbody tr:first-child td{border-top:0} .cst_table.edu_table tbody tr:last-child th,.cst_table.edu_table tbody tr:last-child td{border-bottom:0} .cst_table.edu_table tbody tr:last-child th{border-bottom:1px solid #ddd} .cst_table.edu_table tbody tr:after{display:block;content:'';clear:both} .cst_table.edu_table th,.cst_table.edu_table td{display:block;float:left;width:100%;padding:12px 15px;border:0;border-bottom:1px solid #ddd;font-size:15px;line-height:1.2em} .cst_table.edu_table th{padding:14px 15px 12px} .cst_table.edu_table th br{display:none} .cst_table.edu_table td{font-size:13px;line-height:1.8em} .m_hide{display:none} } .campusmap_conbox{position:relative;width:100%;height:100%} .campusmap_conbox .map_search_wrap{position:absolute;top:40px;left:0;z-index:10;width:290px;border-radius:10px;background-color:#fff;border:1px solid #d2d2d2;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.4);box-shadow:0 2px 3px 0 rgba(0,0,0,0.4)} .campusmap_conbox .map_search_wrap .map_search_form{padding:50px 10px 20px;background-color:#4f5d7e;border-radius:10px 10px 0 0} .campusmap_conbox .map_search_wrap .map_search_form fieldset{border:0;padding:0} .campusmap_conbox .map_search_wrap .map_search_form legend{display:block;margin-bottom:25px;text-align:center;font-size:24px;font-weight:700;color:#fff} .campusmap_conbox .map_search_wrap .map_search_form .form_group{position:relative} .campusmap_conbox .map_search_wrap .map_search_form .form_group .form_control{width:100%;height:36px;padding-left:35px;background-color:#fff;border:1px solid #e0e1e2;font-size:16px;font-weight:300;color:#666} .campusmap_conbox .map_search_wrap .map_search_form .form_group .form_control::-webkit-input-placehodler{font-size:16px;font-weight:300;color:#666} .campusmap_conbox .map_search_wrap .map_search_form .form_group .form_control::placeholder{font-size:16px;font-weight:300;color:#666} .campusmap_conbox .map_search_wrap .map_search_form .form_group .btn_submit{position:absolute;top:1px;left:1px;width:35px;height:35px;text-align:center;border:0;background-color:#fff;text-align:center} .campusmap_conbox .map_search_wrap .map_search_form .form_group .btn_submit img{vertical-align:middle} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab{width:100%;height:385px;padding:15px;-webkit-transition:.3s ease;transition:.3s ease} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul{position:relative;width:100%;padding:3px;display:inline-block;background-color:#dbdbdb;border-radius:50px} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li{float:left;width:auto} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li.active > a{height:44px;padding:12px;background-color:#4f5d7e;color:#fff} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li > a{display:inline-block;padding:12px 10px 12px 8px;border-radius:50px;font-size:20px;font-weight:700;color:#4f5d7e;letter-spacing:-1px;line-height:1em} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list{position:absolute;top:80px;left:0;width:calc(100% + 30px);margin:-15px} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul{overflow-y:auto;height:305px;background:#fff;padding:0;border-radius:0 0 10px 10px;-webkit-transition:.3s ease;transition:.3s ease} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul > li{width:100%;border-top:1px solid #e5e5e5} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul > li.on{background-color:#4f5d7e} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul > li.on > a{color:#fff;font-weight:700} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul > li.on > a .num{border:1px solid #fff;background-color:#fff;color:#4f5d7e} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul > li > a{display:block;width:100%;padding:10px;font-size:17px;font-weight:400;color:#1a1a1a} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list > ul > li > a .num{display:inline-block;width:32px;height:32px;margin-top:-2px;margin-right:7px;padding:7px 0;border:1px solid #928d89;border-radius:50%;font-family:'Metropolis',sans-serif;font-size:17px;font-weight:700;color:#928d89;text-align:center;vertical-align:middle} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .btn_list_more{display:block;position:absolute;bottom:-14px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:75px;height:22px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/campus/bg-map-search.png)} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .btn_list_more.on{background-image:url(/images/campus/bg-map-search-on.png)} .campusmap_conbox .map_contents{position:relative;width:100%;height:100%} .campusmap_conbox .map_contents > img{display:none} .campusmap_conbox .map_contents .mark{display:inline-block;position:absolute;padding:7px 10px 7px 5px;background-color:#928d89;border-radius:50px;font-size:17px;font-weight:400;color:#fff} .campusmap_conbox .map_contents .mark .img{display:none} .campusmap_conbox .map_contents .mark .img > img{width:100%} .campusmap_conbox .map_contents .mark:after{display:block;content:'';clear:both;position:absolute;left:22px;bottom:-5px;width:9px;height:5px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/campus/bg-mark.png)} .campusmap_conbox .map_contents .mark .num{display:inline-block;width:32px;height:32px;padding:5px 0;margin-right:2px;background-color:#fff;border-radius:50%;color:#928d89;font-family:'Metropolis',sans-serif;font-size:17px;font-weight:700;text-align:center;vertical-align:middle} .campusmap_conbox .map_contents .mark .num + span{display:inline-block;vertical-align:middle} .campusmap_conbox .map_contents .mark.on{z-index:1;background-color:#4f5d7e;border-radius:20px} .campusmap_conbox .map_contents .mark.on .img{display:block;position:relative} .campusmap_conbox .map_contents .mark.on .img .btn_homepage{display:inline-block;padding:5px 7px;position:absolute;top:7px;left:7px;background-color:#fff;border-radius:50px;font-size:14px;color:#4f5d7e;line-height:1em} .campusmap_conbox .map_contents .mark.on .img .btn_homepage img{margin-top:-3px;margin-right:2px;vertical-align:middle} .campusmap_conbox .map_contents .mark.on:after{background-image:url(/images/campus/bg-mark-on.png)} .campusmap_conbox .map_contents .mark.on .num{background-color:#fff;color:#4f5d7e} .campusmap_conbox .map_contents .mark_01{left:50%;margin-left:345px;bottom:125px} .campusmap_conbox .map_contents .mark_02{left:50%;margin-left:345px;bottom:190px} .campusmap_conbox .map_contents .mark_03{left:50%;margin-left:368px;bottom:72px} .campusmap_conbox .map_contents .mark_04{left:50%;margin-left:240px;bottom:280px} .campusmap_conbox .map_contents .mark_04.on{padding:5px} .campusmap_conbox .map_contents .mark_05{right:60px;bottom:90px} .campusmap_conbox .map_contents .mark_06{right:70px;bottom:160px} .campusmap_conbox .map_contents .mark_07{right:-35px;bottom:185px} .campusmap_conbox .map_contents .mark_08{right:150px;bottom:245px} .campusmap_conbox .map_contents .mark_09{right:100px;top:50%;margin-top:-10px} .campusmap_conbox .map_contents .mark_09.on{right:17px;margin-top:-88px;padding:5px} .campusmap_conbox .map_contents .mark_10{right:60px;top:50%;margin-top:-115px} .campusmap_conbox .map_contents .mark_10.on{right:13px;margin-top:-195px} .campusmap_conbox .map_contents .mark_11{right:95px;top:50%;margin-top:-170px} .campusmap_conbox .map_contents .mark_11.on{right:87px;margin-top:-250px;padding:5px} .campusmap_conbox .map_contents .mark_12{right:160px;top:50%;margin-top:-258px} .campusmap_conbox .map_contents .mark_13{right:230px;top:50%;margin-top:-215px} .campusmap_conbox .map_contents .mark_13.on{right:147px;margin-top:-295px;padding:5px} .campusmap_conbox .map_contents .mark_14{right:45px;top:200px} .campusmap_conbox .map_contents .mark_15{right:-50px;top:120px} .campusmap_conbox .map_contents .mark_15.on{top:42px;right:-86px;padding:5px} .campusmap_conbox .map_contents .mark_16{left:50%;margin-left:-207px;top:70px} .campusmap_conbox .map_contents .mark_16.on{top:-8px;margin-left:-207px;padding:5px} .campusmap_conbox .map_contents .mark_17{left:50%;margin-left:-100px;top:115px} .campusmap_conbox .map_contents .mark_18{left:50%;margin-left:-35px;top:45px} .campusmap_conbox .map_contents .mark_19{left:270px;bottom:75px} .campusmap_conbox .map_contents .mark_20{left:50%;margin-left:-100px;bottom:280px} .campusmap_conbox .map_contents .mark_21{left:50%;margin-left:-120px;bottom:205px} .campusmap_conbox .map_contents .mark_22{left:310px;top:50%;margin-top:-165px} .campusmap_conbox .map_contents .mark_22.on{margin-top:-243px;padding:5px} .campusmap_conbox .map_contents .mark_23{left:395px;top:50%;margin-top:-220px} .campusmap_conbox .map_contents .mark_24{left:50%;margin-left:210px;bottom:65px} .campusmap_conbox .map_contents .mark_25{left:335px;top:50%;margin-top:-115px} .campusmap_conbox .map_contents .mark_25.on{margin-top:-193px;padding:5px} .campusmap_conbox .map_contents .mark_26{top:5px;right:126px} .campusmap_conbox .map_contents .mark.mark_26 .num{width:3px;background:transparent;} .campusmap_conbox .map_contents .mark_26.on{top:-74px;right:13px;padding:5px} .campusmap_conbox .map_contents .mark_A{left:50%;margin-left:157px;top:50%;margin-top:-98px} .campusmap_conbox .map_contents .mark_A.on{margin-top:-177px;margin-left:157px;padding:5px} .campusmap_conbox .map_contents .mark_B{left:50%;margin-left:125px;bottom:246px} .campusmap_conbox .map_contents .mark_B.on{padding:5px} .campusmap_conbox .map_contents .mark_C{left:50%;margin-left:180px;bottom:153px} .campusmap_conbox .map_contents .mark_D{left:50%;margin-left:-48px;top:50%;margin-top:-115px} .campusmap_conbox .map_contents .mark_D.on{margin-top:-195px;margin-left:-48px;padding:5px} .campusmap_conbox .map_contents .mark_E{left:50%;margin-left:20px;bottom:345px} .campusmap_conbox .map_contents .mark_E.on{padding:5px} .campusmap_conbox .map_contents .mark_F{left:50%;margin-left:-200px;top:50%;margin-top:-10px} .campusmap_conbox .map_contents .mark_F.on{margin-top:-90px;margin-left:-200px;padding:5px} .campusmap_conbox .map_contents .mark_G{left:50%;margin-left:240px;top:110px} .campusmap_conbox .map_contents .mark_G.on{top:30px;margin-left:240px;padding:5px} .campusmap_conbox .map_contents .mark_H{right:122px;top:130px} .campusmap_conbox .map_contents .mark_H.on{top:50px;right:55px;padding:5px} .campusmap_conbox .map_contents .mark_I{left:50%;margin-left:-185px;bottom:65px} .campusmap_conbox .map_contents .mark_J{right:-10px;top:60px} .campusmap_conbox .map_contents .mark_K{top:50%;margin-top:-205px;left:50%;margin-left:5px} .campusmap_conbox .map_contents .mark_K.on{margin-top:-285px;margin-left:5px;padding:5px} .campusmap_conbox .map_contents .mark_L{top:80px;left:50%;margin-left:110px} .campusmap_conbox .map_contents .mark_M{top:55px;left:50%;margin-left:235px} .campusmap_conbox .map_contents .mark_N{top:50%;margin-top:85px;left:50%;margin-left:-260px} .campusmap_conbox .map_contents .mark_O{top:0;left:50%;margin-left:215px} .campusmap_conbox .map_contents .mark_P{top:160px;left:50%;margin-left:90px} .campusmap_conbox .map_contents .mark_Q{top:70px;left:50%;margin-left:-285px} .campusmap_conbox .map_contents .mark_R{top:120px;left:50%;margin-left:-10px} .campusmap_conbox .map_contents .mark_R.on{top:40px;padding:5px} .campusmap_conbox .map_contents .mark_S{top:50%;margin-top:75px;left:50%;margin-left:-25px} .campusmap_conbox .map_contents .mark_T{bottom:140px;left:50%;margin-left:-185px} .campusmap_conbox .map_contents .mark_T.on{padding:5px} .location_wrap{width:100%} .location_wrap .location_map{width:100%} .location_wrap .location_map .root_daum_roughmap{width:100%} .location_info{padding:50px 8%;text-align:center} .location_info ul{display:inline-block} .location_info ul li{float:left;width:50%;font-size:18px;text-align:left;color:#555;line-height:2.2em} .location_info ul li > span{display:inline-block;width:110px;font-weight:500;color:#1a1a1a;vertical-align:top} .location_info ul li > span + div{display:inline-block;width:calc(100% - 115px);vertical-align:top} .transport_info{padding:50px 0;border-top:1px solid #ddd} .transport_info .tit{display:inline-block;width:220px;font-size:28px;font-weight:700;vertical-align:top} .transport_info .text_wrap{display:inline-block;width:calc(100% - 226px);vertical-align:top} .transport_info .text_wrap ul > li{font-size:16px;font-weight:300;color:#555;line-height:2.5em} .transport_info .text_wrap .round_box{display:inline-block;width:50px;padding:3px 0;border-radius:50px;border:2px solid #ccc;font-size:17px;font-weight:700;line-height:1em;text-align:center} .transport_info .text_wrap > div{float:left;width:40%} .transport_info .text_wrap > div strong{display:block;margin-bottom:15px;font-size:18px;font-weight:400} .transport_info .text_wrap > div + div{width:60%} .transport_info .text_wrap > div + div + p{float:left;width:100%;margin-top:25px;font-size:15px} .transport_info .subway_list .line{display:inline-block;width:155px;font-size:17px;font-weight:500;vertical-align:top} .transport_info .subway_list .line .round_box{margin-right:5px} .transport_info .subway_list .line + div{display:inline-block;width:calc(100% - 161px);vertical-align:top} .transport_info .subway_list .line.line_4{color:#3495df} .transport_info .subway_list .line.line_4 .round_box{border-color:#3495df} .transport_info .subway_list .line.line_3{color:#f77636} .transport_info .subway_list .line.line_3 .round_box{border-color:#f77636} .transport_info .bus_list .bus{display:inline-block;width:75px;vertical-align:top} .transport_info .bus_list .bus .round_box{padding:5px 0 2px;font-size:16px} .transport_info .bus_list .bus + div{display:inline-block;width:calc(100% - 81px);vertical-align:top} .transport_info .bus_list .bus_type1{color:#48922d;border-color:#48922d} .transport_info .bus_list .bus_type2{color:#3556a6;border-color:#3556a6} .contact_conbox h5{margin-top:60px;margin-bottom:20px;font-size:28px} .contact_conbox .table_wrap{border-top:2px solid #555;border-bottom:1px solid #555} .cst_table.contact_table thead th{border-top:0;border-bottom:0} .cst_table.contact_table th,.cst_table.contact_table td{padding:15px 30px;border-bottom:1px solid #ddd;font-size:16px;font-weight:300;color:#1a1a1a;text-align:left} .cst_table.contact_table th:first-child,.cst_table.contact_table td:first-child{border-left:0} .cst_table.contact_table th:last-child,.cst_table.contact_table td:last-child{border-right:0} .cst_table.contact_table th{background-color:#f8f8f8;color:#333;font-size:16px;font-weight:700;text-align:center} .cst_table.contact_table .center {text-align: center;} @media (max-width: 1399px) { .location_info{padding:50px 5%} .location_info .root_daum_roughmap{width:100%!important} } @media (max-width: 1199px) { .location_info{padding:35px 0;text-align:left} .location_info ul{display:block;width:100%} .location_info ul li{float:none;width:100%;line-height:1.8em} .transport_info{padding:35px 0} .transport_info .tit{display:block;width:100%;margin-bottom:15px;font-size:24px} .transport_info .text_wrap{width:100%} .transport_info .text_wrap ul li{line-height:1.8em} .transport_info .text_wrap ul li + li{margin-top:5px} .transport_info .text_wrap ul.bus_list li + li{margin-top:5px} .transport_info .text_wrap .round_box{padding:5px 0 2px;font-size:16px} .transport_info .text_wrap > div{float:none;width:100%} .transport_info .text_wrap > div + div{width:100%;margin-top:30px} .transport_info .bus_list .bus .round_box{padding:5px 0 3px;font-size:15px} } @media (max-width: 1023px) { .campusmap_conbox .map_search_wrap{position:static;top:auto;left:auto;width:100%;border-radius:0;background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none} .campusmap_conbox .map_search_wrap .map_search_form{display:none} .campusmap_conbox .map_search_wrap .map_search_top{display:none} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab{width:100%;height:auto;padding:0 25px} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul{display:inline-block;position:relative;width:100%;padding:0;border-radius:0;background-color:#fff} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li{float:left;width:50%} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li + li{margin-left:-4px} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li.active > a{height:40px;background-color:#5a74aa;color:#fff;font-weight:700} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li > a{display:table;height:40px;width:100%;margin:0;border:1px solid #bbb;border-left:0;background-color:#fff;border-radius:0;font-size:15px;color:#121212;line-height:1.1em;font-weight:400;text-align:center} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li > a .m_br{display:none!important} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li:nth-child(2n+1){border-left:1px solid #ddd} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .map_search_list{display:none!important} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab ul > li .btn_list_more{display:none} .campusmap_conbox .map_contents{position:relative;width:100%;height:100%;margin-top:15px;padding-left:3%;padding-right:3%;background-repeat:no-repeat;background-position:center 0;background-size:100%} .campusmap_conbox .map_contents > img{display:block;width:106%;margin-left:-3%;margin-right:-3%;margin-bottom:23px; vertical-align:top;} .campusmap_conbox .map_contents .mark{display:inline-block;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin:0!important;float:left;width:50%;background-color:#fff;border-radius:0;font-size:14px;line-height:1.2em;font-weight:400;color:#1a1a1a} .campusmap_conbox .map_contents .mark .img{display:none} .campusmap_conbox .map_contents .mark:after{display:none} .campusmap_conbox .map_contents .mark .num{display:inline-block;width:25px;height:25px;padding:4px 0;background-color:#fff;border:1px solid #4f5d7e;border-radius:50%;font-size:14px;color:#4f5d7e;font-family:'Metropolis',sans-serif;vertical-align:top} .campusmap_conbox .map_contents .mark .num + .text{width:calc(100% - 31px);padding-top:5px;padding-left:5px;vertical-align:top} .campusmap_conbox .map_contents .mark .num + .text br{display:none} .campusmap_conbox .map_contents .mark.on{z-index:1;background-color:#fff;border-radius:0} .campusmap_conbox .map_contents .mark.on .img{display:none} .campusmap_conbox .map_contents .mark.on:after{display:none} .campusmap_conbox .map_contents + .m_show{display:block;float:left;width:100%;padding:0 3%} .campusmap_conbox .map_contents + .m_show .top_btn_wrap{margin-top:25px;margin-bottom:0} } @media (max-width: 440px) { .prof_list_contop .sub_tit {display:block;} .prof_list_contop .sub_tit h5 {padding:0;} .prof_list_contop .sub_tit .btn_homepage {display:block; margin:10px 0 0 0;} } @media (max-width: 767px) { .location_info{padding:30px 0;text-align:left} .location_info ul{display:block;width:100%} .location_info ul li{float:none;width:100%;line-height:1.8em} .transport_info{padding:30px 0} .transport_info .tit{display:block;width:100%;margin-bottom:15px;font-size:24px} .transport_info .text_wrap{width:100%} .transport_info .text_wrap ul li{line-height:1.8em} .transport_info .text_wrap ul li + li{margin-top:5px} .transport_info .text_wrap .round_box{padding:5px 0 2px;font-size:16px} .transport_info .text_wrap > div{float:none;width:100%} .transport_info .text_wrap > div + div{margin-top:30px} .transport_info .bus_list .bus .round_box{padding:5px 0 3px;font-size:15px} .location_wrap .location_map .root_daum_roughmap .wrap_map{height:250px!important} .location_info{padding:20px 0 40px} .location_info ul li{line-height:1.2em;font-size:14px} .location_info ul li + li{margin-top:10px} .location_info ul li span{display:block;margin-bottom:10px;width:100%} .location_info ul li span + div{display:block;width:100%} .transport_info{padding:25px 0} .transport_info .tit{margin-bottom:15px;font-size:18px} .transport_info .text_wrap > div + div + p{margin-top:15px;font-size:12px!important;line-height:1.4em!important} .transport_info .text_wrap > div strong{margin-bottom:10px;font-size:14px} .transport_info .text_wrap ul li{font-size:13px} .transport_info .text_wrap ul li + li{margin-top:15px} .transport_info .text_wrap .round_box{width:37px;padding:4px 0 3px;border-width:1px;font-size:13px} .transport_info .subway_list .line{display:block;width:100%;margin-bottom:7px;font-size:13px} .transport_info .subway_list .line + div{display:block;width:100%} .transport_info .bus_list .bus{width:50px} .transport_info .bus_list .bus .round_box{font-size:13px} .transport_info .bus_list .bus + div{width:calc(100% - 56px)} .campusmap_conbox .map_search_wrap .map_search_result .map_search_tab{padding:0 3%} .campusmap_conbox .map_contents .mark{font-size:12px} .campusmap_conbox .map_contents .mark .num{width:22px;height:22px;padding:4px 0;font-size:12px} .campusmap_conbox .map_contents .mark .num + .text{width:calc(100% - 28px);padding-left:2px} .contact_conbox h5{margin-top:40px;margin-bottom:5px;font-size:18px} .cst_table.contact_table th,.cst_table.contact_table td{padding:10px;font-size:12px} .cst_table.contact_table th{font-size:13px} .campusmap_conbox .map_contents .mark.mark_26 .num{ width: 22px;height: 22px;border: none;} } .institute_conbox{margin-bottom:-30px} .institute_list > li{float:left;width:calc((100% - 106px)/4);margin-left:35px;margin-bottom:30px} .institute_list > li:nth-child(4n+1){margin-left:0} .institute_list > li > a{display:block} .institute_list > li > a img{vertical-align:top;max-width:100%;border:1px solid #e5e5e5;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);box-shadow:0 1px 10px 0 rgba(0,0,0,0.1)} @media (max-width: 1023px) { .institute_list > li{width:calc((100% - 71px)/3)} .institute_list > li:nth-child(4n+1){margin-left:35px} .institute_list > li:nth-child(3n+1){margin-left:0} } @media (max-width: 767px) { .institute_conbox{margin-bottom:-15px} .institute_list > li{width:calc((100% - 16px)/2);margin-left:15px;margin-bottom:15px} .institute_list > li:nth-child(4n+1){margin-left:15px} .institute_list > li:nth-child(3n+1){margin-left:15px} .institute_list > li:nth-child(2n+1){margin-left:0} } .cal_year_wrap{position:relative;width:100%;margin-bottom:30px;line-height:1em;vertical-align:top} .cal_year_wrap > a{display:inline-block;vertical-align:middle} .cal_year_wrap > a img{display:inline-block;vertical-align:middle} .cal_year_wrap .cal_year{display:inline-block;margin:0 10px;font-size:40px;color:#1a1a1a;vertical-align:middle} .cal_year_wrap .btn_today{padding:8px 18px;margin-left:10px;border:1px solid #666;border-radius:50px;background-color:#fff;font-size:16px;font-weight:300;color:#666;line-height:1em} .cal_year_wrap .btn_reserve{position:absolute;top:0;right:0;display:inline-block;height:38px;padding:8px 60px;margin-left:5px;background-color:#303134;font-size:16px;color:#fff;vertical-align:middle} .board_wrap .sch_wrap.cal_sch_wrap{float:none;padding:0;margin-bottom:20px;background:none;text-align:left;display: flex; flex-wrap: wrap; align-items: center;} .board_wrap .sch_wrap.cal_sch_wrap .sch_text {margin-left: auto;} @media (max-width: 1023px) { .board_wrap .sch_wrap.cal_sch_wrap .sch_text {margin-left: 0;} } .board_wrap .sch_wrap.cal_sch_wrap label + .sch_location{margin-left:0} .board_wrap .sch_wrap.cal_sch_wrap .sch_location2{width:300px} .cal_wrap{width:100%;margin-bottom:40px} .cal_wrap .cal_table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed} .cal_wrap .cal_table th{padding:10px;background-color:#e4e4e4;border-left:1px solid #fff;border-right:1px solid #fff;font-size:17px;font-weight:700;color:#333;text-align:center} .cal_wrap .cal_table td{border:1px solid #ddd} .cal_wrap .cal_table td .cal_conbox{position:relative;height:180px} .cal_wrap .cal_table td .cal_conbox.today{position:relative} .cal_wrap .cal_table td .cal_conbox.today:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #5a74aa} .cal_wrap .cal_table td .cal_conbox > a{display:block;position:relative;width:100%;height:100%;padding:15px 10px;-webkit-transition:.2s background;transition:.2s background} .cal_wrap .cal_table td .cal_conbox > a.active{background-color:#e6edfa} .cal_wrap .cal_table td .cal_conbox > a.active:before{display:block;content:'';clear:both;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #acb9d4} .cal_wrap .cal_table td .cal_conbox .cal_date{display:inline-block;position:absolute;top:10px;left:10px;font-size:15px;font-weight:700;color:#565656} .cal_wrap .cal_table td .cal_conbox .cal_num{display:block;max-width:70px;margin:0 auto;padding:7px 0 5px;background-color:#5a74aa;border-radius:50px;font-size:14px;color:#fff;line-height:1em;text-align:center} .cal_wrap .cal_table td .cal_conbox ul{width:100%;margin-top:15px} .cal_wrap .cal_table td .cal_conbox ul > li{overflow:hidden;position:relative;width:100%;padding-left:12px;font-size:16px;font-weight:300;color:#333;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap} .cal_wrap .cal_table td .cal_conbox ul > li:before{display:block;content:'';clear:both;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#333;border-radius:50%} .cal_detail_wrap{display:none;width:100%} .cal_detail_wrap .tit{margin-bottom:20px;font-size:20px} .cal_detail_wrap .cal_detail_info{width:100%;border-top:1px solid #555} .cal_detail_wrap .cal_detail_info > li{width:100%;border-bottom:1px solid #ddd;list-style:none} .cal_detail_wrap .cal_detail_info > li > a{display:block;width:100%;padding:20px;font-size:16px;font-weight:300;color:#1a1a1a} .cal_detail_wrap .cal_detail_info > li span{display:inline-block;margin-bottom:0;vertical-align:top} .cal_detail_wrap .cal_detail_info > li span > span{padding-left:40px} .cal_detail_wrap .cal_detail_info > li .location{width:30%} .cal_detail_wrap .cal_detail_info > li .location strong{display: inline-block;width: 23%;font-weight:400} .cal_detail_wrap .cal_detail_info > li .location span {display: inline-block;width: 75%;} .cal_detail_wrap .cal_detail_info > li .time{width:68%} .cal_detail_wrap .cal_detail_info > li .time strong{display: inline-block;width: 110px;margin-left: 40px;font-weight:400} .reserve_success_wrap h4{font-size:20px;font-weight:400} .reserve_success_wrap h4 img{display:inline-block;vertical-align:top} .reserve_success_wrap h4 strong{display:block;margin-top:15px;font-weight:400} .reserve_success_wrap .bg_box{max-width:500px;margin:40px auto 0;padding:70px 15px;font-size:20px;line-height:2em} .bg_gray{background-color:#f2f2f2;color:#1a1a1a} @media (max-width: 1023px) { .board_wrap .board_top .sch_wrap.cal_sch_wrap{float:none} .board_wrap .board_top .sch_wrap + .cal_year_wrap{float:none;display:block;width:100%;margin-top:15px} .cal_detail_wrap .cal_detail_info > li .location{display:block;width:100%} .cal_detail_wrap .cal_detail_info > li .location strong{display:inline-block;width:20%} .cal_detail_wrap .cal_detail_info > li .location strong + span{padding-left:0} .cal_detail_wrap .cal_detail_info > li .time{display:block;margin-top:5px;width:100%} .cal_detail_wrap .cal_detail_info > li .time strong{display:inline-block;width:20%;margin-left: 0;} .cal_detail_wrap .cal_detail_info > li .time strong + span{padding-left:0} .reserve_success_wrap h4 img{margin-left:60px} } @media (max-width: 767px) { .board_wrap .sch_wrap.cal_sch_wrap .sch_location{width:30%;max-width:none;height:30px;padding:0 5px;font-size:12px} .board_wrap .sch_wrap.cal_sch_wrap .sch_location::-webkit-input-placehodler{font-size:12px;line-height:1em} .board_wrap .sch_wrap.cal_sch_wrap .sch_location::placeholder{font-size:12px;line-height:1em} .board_wrap .sch_wrap.cal_sch_wrap .sch_location2{width:calc(70% - 6px);max-width:none} .cal_year_wrap{display:block;width:100%;margin-bottom:0;text-align:center} .cal_year_wrap > a{width:10px} .cal_year_wrap > a img{width:6px} .cal_year_wrap .cal_year{margin:0 5px 0 7px;font-size:20px} .cal_year_wrap .btn_today{display:none} .cal_year_wrap .btn_reserve{position:static;top:auto;right:auto;display:block;width:100%;height:auto;padding:10px;margin-top:25px;margin-left:0;margin-bottom:10px;font-size:12px;text-align:center} .cal_wrap{margin-top:25px;margin-bottom:25px} .cal_wrap .cal_table th{background-color:#fff;font-size:14px;font-weight:400} .cal_wrap .cal_table td{height:42px;border:0} .cal_wrap .cal_table td .cal_conbox{height:42px} .cal_wrap .cal_table td .cal_conbox.today{position:relative} .cal_wrap .cal_table td .cal_conbox.today:before{top:0;left:50%;-webkit-trnasform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:42px;height:100%;border:2px solid #5a74aa;border-radius:50%} .cal_wrap .cal_table td .cal_conbox > a{position:relative;width:100%;margin:0 auto;padding:0} .cal_wrap .cal_table td .cal_conbox > a.active{position:relative;background-color:#fff} .cal_wrap .cal_table td .cal_conbox > a.active:before{top:0;left:50%;-webkit-trnasform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:42px;height:100%;border:2px solid #acb9d4;border-radius:50%} .cal_wrap .cal_table td .cal_conbox .cal_num{position:absolute;left:50%;bottom:4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:5px;height:5px;padding:0;background-color:#acb9d4;border-radius:50%} .cal_wrap .cal_table td .cal_conbox .cal_num > span{overflow:hidden;border:0;margin:-1px;width:1px;height:1px;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)} .cal_wrap .cal_table td .cal_conbox .cal_date{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:14px;font-weight:400} .cal_wrap .cal_table td .cal_conbox ul{display:none} .cal_detail_wrap .tit{margin-bottom:15px;font-size:15px} .cal_detail_wrap .cal_detail_info > li > a{padding:20px 10px;font-size:13px} .cal_detail_wrap .cal_detail_info > li .location strong{width:auto;margin-right:10px} .cal_detail_wrap .cal_detail_info > li .time strong{display:block;width:100%;margin-bottom:10px} .reserve_success_wrap h4{font-size:15px} .reserve_success_wrap h4 img{width:39px;margin-left:0} .reserve_success_wrap .bg_box{width:100%;max-width:none;padding:60px 10px;margin:30px auto 0;font-size:15px} } .faculty_contop{width:100%;height:auto;padding:76px 0;margin-bottom:50px;background-repeat:no-repeat;background-position:center 0;background-image:url(/images/etc/bg-faculty-contop.png);background-size:cover;text-align:center} .faculty_contop .logo{position:relative;display:block;padding-bottom:20px;margin-bottom:60px} .faculty_contop .logo img{vertical-align:top} .faculty_contop .logo:after{display:block;content:'';clear:both;position:absolute;top:100%;left:50%;width:1px;height:30px;background-color:#fff} .faculty_contop h3{color:#fff;font-size:36px;font-weight:700;line-height:1.25em} .keyword{color:#5a74aa!important;font-weight:700} .sch_contop > p{font-size:18px!important;color:#555} .sch_contop .sch_cate_wrap{width:100%;padding:20px 70px;margin-top:45px;margin-bottom:50px;border:1px solid #ddd} .sch_contop .sch_cate_wrap > a{display:block;float:left;width:20%;padding:17px 0;font-size:18px;font-weight:700} .sch_result_conbox{position:relative} .sch_result_conbox h4{padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #ddd;font-size:22px;font-weight:700;color:#5a74aa} .sch_result_conbox h4 .cnt{display:inline-block;margin-top:-4px;font-family:'Metropolis',sans-serif;vertical-align:middle} .sch_result_conbox .sch_result_list > li{font-size:16px;line-height:1.8em;font-weight:300;color:#555} .sch_result_conbox .sch_result_list > li > a{display:block;margin-bottom:10px} .sch_result_conbox .sch_result_list > li > a strong{font-weight:700;color:#1a1a1a;vertical-align:middle} .sch_result_conbox .sch_result_list > li > a .date{padding-left:50px;font-weight:400;vertical-align:middle} .sch_result_conbox .sch_result_list > li p{max-height:58px} .sch_result_conbox .sch_result_list > li .con_path{margin-top:5px} .sch_result_conbox .sch_result_list > li .con_path li{position:relative;float:left;font-size:15px;color:#666} .sch_result_conbox .sch_result_list > li .con_path li + li{position:relative;padding-left:15px;margin-left:10px} .sch_result_conbox .sch_result_list > li .con_path li + li:before{display:block;content:'';clear:both;position:absolute;top:6px;left:0;width:8px;height:13px;background-repeat:no-repeat;background-position:0 0;background-image:url(/images/etc/bg-path.png)} .sch_result_conbox .sch_result_list > li .con_path li:last-child{font-weight:700} .sch_result_conbox .sch_result_list > li + li{margin-top:40px} .sch_result_conbox .sch_result_list.sch_more_list{padding-bottom:45px;border-bottom:1px solid #ddd} .sch_result_conbox .btn_more{display:inline-block;position:absolute;top:0;right:0;padding:12px 20px 10px;background-repeat:no-repeat;background-position:right center;background-image:url(/images/etc/bg-btn-more.png);font-size:15px;font-weight:700;line-height:1} .sch_result_conbox + .sch_result_conbox{margin-top:55px} .sch_result_conbox + .btn_wrap{margin:35px 0} .sch_result_conbox + .btn_wrap .btn_more{background-color:#fff;border:0;color:#1a1a1a;font-weight:700} .sch_result_conbox + .btn_wrap .btn_more img{margin-left:5px;vertical-align:middle} .sch_result_wrap{position:relative} .sch_result_wrap .btn_back{display:inline-block;position:absolute;top:-8px;right:0;padding:8px 20px;background-color:#4f5d7e;color:#fff;font-size:16px} .sch_result_wrap .btn_back img{margin-left:15px;vertical-align:middle} .required{color:red;font-style:normal} @media (max-width: 1199px) { .sch_contop .sch_cate_wrap{padding:20px 50px} .sch_contop .sch_cate_wrap > a{float:left;width:25%} } @media (max-width: 1023px) { .sch_contop .sch_cate_wrap{padding:20px 30px} .sch_contop .sch_cate_wrap > a{width:33.33%;padding:10px 0;font-size:16px} .sch_result_conbox h4{padding-bottom:10px;font-size:18px} .sch_result_conbox h4 .cnt{margin-top:-1px} .sch_result_conbox .sch_result_list > li{font-size:16px} .sch_result_conbox .sch_result_list > li > a{margin-bottom:5px} .sch_result_conbox .sch_result_list > li > a .date{padding-left:30px} .sch_result_conbox .sch_result_list > li + li{margin-top:25px} .sch_result_conbox .sch_result_list > li p{max-height:122px;-webkit-line-clamp:5} .sch_result_conbox .sch_result_list.sch_more_list{padding-bottom:30px} .sch_result_conbox .btn_more{padding:8px 15px 6px;font-size:14px} .sch_result_wrap .btn_back{top:-8px;font-size:14px} .sch_result_wrap .btn_back img{margin-top:-2px;margin-left:10px} .faculty_contop{padding:40px 0} .faculty_contop .logo{padding-bottom:15px;margin-bottom:40px} .faculty_contop .logo:after{height:20px} .faculty_contop h3{font-size:30px} } @media (max-width: 767px) { .sch_contop p{font-size:13px!important} .sch_contop .sch_cate_wrap{margin-top:25px;margin-bottom:55px;padding:7.5px 20px} .sch_contop .sch_cate_wrap > a{width:33.33%;padding:7.5px 0;font-size:14px} .sch_result_conbox h4{padding-bottom:10px;margin-bottom:20px;font-size:18px} .sch_result_conbox .sch_result_list{margin-bottom:20px} .sch_result_conbox .sch_result_list > li{font-size:13px} .sch_result_conbox .sch_result_list > li > a .date{display:block;margin-top:5px;padding-left:0} .sch_result_conbox .sch_result_list > li .con_path li{font-size:12px} .sch_result_conbox .sch_result_list > li .con_path li + li{padding-left:12px;margin-left:8px} .sch_result_conbox .sch_result_list > li .con_path li + li:before{width:6px;height:10px;background-size:100%} .sch_result_conbox .sch_result_list > li + li{margin-top:25px} .sch_result_conbox .sch_result_list.sch_more_list{margin-bottom:0} .sch_result_conbox .btn_more{position:static;top:auto;right:auto;padding:5px 10px 3px 0;background-size:6px;font-size:13px} .sch_result_conbox + .btn_wrap{margin:7px 0} .sch_result_wrap .btn_back{position:static;top:auto;right:auto;width:100%;margin-top:25px;padding:12px 10px;font-size:12px;text-align:center} .sch_result_wrap .btn_back img{width:10px;margin-left:10px} .faculty_contop{margin-bottom:30px;padding:30px 15px;background-image:url(/images/etc/bg-faculty-contop-m.png)} .faculty_contop .logo{padding-bottom:0;margin-bottom:30px} .faculty_contop .logo:after{height:15px} .faculty_contop .logo img{width:150px} .faculty_contop h3{font-size:24px} } @media (max-width: 359px) { .sch_contop .sch_cate_wrap{padding:7.5px 0} .sch_contop .sch_cate_wrap > a{width:auto;padding:7.5px 20px} } /*2021.02-18 추가 */ .edu_conbox.table_con .text_con .list_type1 li:before { display: block; content: ''; clear: both; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #555; } .edu_conbox.table_con .text_con .list_type1 li { position: relative; padding-left: 10px; font-size: 16px; color: #555; line-height: 1.8em; word-break: keep-all; } .edu_conbox.table_con .text_con .list_type1.ty01 li { margin:0 0 10px; } .edu_conbox.table_con .text_con .list_type1.ty01 li:last-child { margin:0; } /* 의료기기산업학과 */ .mdd_first { position:relative; } .mdd_st { padding-bottom:75px; background-repeat: no-repeat; background-position: 490px 150px; background-image: url("/images/edu/bg-mdd-contop.png"); } .mdd_contop.table_con .title_con { display: table-cell; width: 260px; padding-top: 5px; font-size: 36px; font-weight: 700; line-height: 1em; text-align: center; vertical-align: top; } .mdd_conbox.table_con .title_con { display: table-cell; width: 260px; padding-top: 50px; font-size: 36px; font-weight: 700; line-height: 1em; text-align: center; vertical-align: top; float:left; } .mdd_conbox.table_con .title_const { background-image: url("/images/edu/bg-mdd-goal.png"); background-position:0 75px; background-repeat:no-repeat; height:200px; padding-top:120px; } .mdd_goalbox{ background-repeat: no-repeat; background-position: center 80px; background-image: url("/images/edu/bg-mdd-goal.png"); padding:75px 0 55px; position:relative; } .mdd_contop .mdd_conbox { float: left; width: 34%; padding-left: 85px; padding-right: 30px; } .mdd_contop .mdd_conbox + .mdd_conbox { width: 32%; padding-left: 50px; padding-right: 50px; } .mdd_contop .mdd_conbox + .mdd_conbox + .mdd_conbox { width: 34%; padding-left: 50px; padding-right: 80px; } .mdd_topbox .mdd_conbox .stit{ display:inline-block; text-align:center; font-size:20px; padding:30px 0 0 48px; } .mdd_topbox .mdd_icon .stit02{ display:block; font-size:20px; } .mdd_topbox .mdd_conbox .stit02{ display:inline-block; text-align:center; font-size:20px; padding:15px 0 0 20px; } .mdd_topbox .mdd_conbox .ricon{ float:right; } .mdd_topbox .mdd_conbox .licon{ float:left; } .mdd_contop { display: table-cell; width: calc(100% - 261px); font-family: "Noto Sans KR",sans-serif; font-size: 16px; font-weight: 300; color: #555; line-height: 1.8em; word-break: keep-all; vertical-align: top; } .mdd_list { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mdd_contop .mdd_conbox { float: left; width: 34%; padding-left: 85px; padding-right: 30px; } .mdd_topbox .mdd_box { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mdd_topbox .mdd_box .table_con { display: table; width: 100%; height: 100%; table-layout: fixed; } .mdd_topbox .mdd_box .table_con p { margin-top: 10px; font-size: 20px; color: #fff !important; font-weight: 300; line-height: 1.7em; } .mdd_conbox .mdd_topbox .mdd_icon { position: relative; text-align:center; } .mdd_list .mdd_box .table_con .icon { display: block; margin-bottom: 20px; } .mdd_list .mdd_box .table_con strong { font-size: 24px; font-weight: 700; line-height: 1.25em; } .mdd_conbox.table_con .title_con .num { padding-top: 45px; font-size: 30px; font-weight: 700; color: #1a1a1a; width: 260px; text-align: center; position:relative; } .mdd_conbox.table_con .title_con .mddnum { padding: 122px 0 30px 0; font-size: 30px; font-weight: 700; color: #1a1a1a; width: 260px; text-align: center; position:relative; } .mdd_goal { width: 300px; padding: 30px 0 30px 20px; background-color: #7f89a0; color: #fff; border-radius: 15px; font-size: 15px; vertical-align: top; float:left; margin-left:35px; } .mdd_goal h5{ font-size: 20px; font-weight: 700; } .mdd_goal ul { padding-top: 25px; } .mdd_goal li { position: relative; padding-left: 10px; font-size: 16px; color: #fff; line-height: 1.8em; word-break: keep-all; } .mdd_goal li:before { display: block; content: ''; clear: both; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; } .sub_conbox .mdd_topbox { float: left; display: block; width: 298px; height: 354px; padding-top:105px; } .sub_conbox .mdd_topbox:nth-child(2n+1){ width: 380px; height: 505px; padding-top:358px; } .sub_conbox .mdd_topbox:last-child{ width: 340px; height: 354px; } .sub_conbox .mdd_vibox{ width: 100%; height: 505px; padding-top:0; } .sub_conbox .mdd_vibox { background-color: #606d8b; } .sub_conbox .mdd_vibox { display: block; width: 320px; height: 320px; border-radius: 50%; text-align:center; margin:0 595px; position:absolute; } .sub_conbox .mdd_vibox .table_con strong { font-size: 30px; font-weight: 700; } .sub_conbox .mdd_vibox .table_con .icon { display: block; margin-top: 25px; } .sub_conbox .mdd_vibox .table_con { } .sub_conbox .mdd_vibox .table_con > div { display: block; color: #fff; text-align: center; padding-top:25px; width:100%; } #contents .sub_conbox .mdd_vibox .table_con p { margin-top: 10px; font-size: 20px; color: #fff !important; font-weight: 700; line-height: 1.5em; } @media (max-width: 1023px) { .mdd_conbox{ max-width: 100%; padding-bottom:0; position:relative; background-image:none; } .mdd_conbox .table_con .title_con{ display:block; width: 100%; padding-bottom:40px; } .mdd_conbox.table_con .title_const { background-image: none; } .mdd_goal:after { display: block; content: ''; clear: both; } .mdd_goal{ width: 100%; vertical-align: top; margin:0 30px 30px 0; } .mdd_goal:last-child{ margin:0 30px 0 0; } .mdd_goal_text{ } .sub_conbox .mdd_topbox:last-child{ width: 33%; height: auto; } .mdd_conbox .mdd_topbox .mdd_conbox { position: relative; text-align:center; } .mdd_conbox.table_con .title_con .num { font-size: 30px; font-weight: 700; color: #1a1a1a; width: 100%; text-align: center; position:relative; } .mdd_conbox.table_con .title_con { width: 100% !important; padding-top: 5px; padding-bottom:45px; position:relative; display:block; } .sub_conbox .mdd_vibox { margin:0 auto; position:relative; } .mdd_conbox.table_con .title_con .mddnum { width: 100% !important; display:block; position:absolute; background-image: none; padding-top:80px; } .mdd_topbox .mdd_conbox .ricon{ float:none; display:block; } .mdd_topbox .mdd_conbox .licon{ float:none; display:block; } .mdd_goalbox{ background: none; padding-top:80px; } .mdd_topbox .mdd_conbox .stit{ text-align:center; padding:0; } .sub_conbox .mdd_topbox { float: left; display: block; width: 33%; text-align:center; padding-top:0; height:auto; } .sub_conbox .mdd_topbox:nth-child(2n+1){ width: 33%; height:auto; float: left; padding-top:0; padding-left:5px !important; padding-right:5px !important; } .sub_conbox .mdd_topbox:last-child{ width: 33%; float: left; } .mdd_contop { display: block; width: 100% !important; } .mdd_topbox .mdd_conbox .stit02{ display:inline-block; padding:0; } } @media (max-width: 767px) { .mdd_conbox{ max-width: 100%; padding-bottom:0; position:relative; background-image:none; word-break:keep-all; } .mdd_goal { padding: 30px 20px; } .mdd_conbox .table_con .title_con{ display:block; width: 100%; padding-bottom:40px; } .mdd_goal:after { display: block; content: ''; clear: both; } .mdd_goal{ width: 100%; vertical-align: top; margin:0 30px 30px 0; } .mdd_goal:last-child{ margin:0 30px 0 0; } .mdd_goal_text{ } .mdd_conbox .mdd_topbox .mdd_conbox { position: relative; text-align:center; } .mdd_conbox.table_con .title_con .num { font-size: 30px; font-weight: 700; color: #1a1a1a; width: 100%; text-align: center; position:relative; } .mdd_conbox.table_con .title_con { width: 100% !important; padding-top: 5px; position:relative; display:block; height:auto; } .sub_conbox .mdd_vibox { margin:0 auto; position:relative; } .mdd_conbox.table_con .title_con .mddnum { width: 100% !important; display:block; position:relative; background-image: none; padding-top:40px; padding-bottom:0; } .mdd_topbox .mdd_conbox .ricon{ float:none; } .mdd_topbox .mdd_conbox .licon{ float:none; } .mdd_goalbox{ background: none; padding-top:80px; } .mdd_topbox .mdd_conbox .stit{ text-align:center; padding:0; } .sub_conbox .mdd_topbox { float: left; display: block; width: 33%; text-align:center; height:auto; } .sub_conbox .mdd_topbox:nth-child(2n+1){ width: 33%; height:auto; float: left; padding-top:0; padding-left:5px !important; padding-right:5px !important; } .sub_conbox .mdd_topbox:last-child{ width: 33%; float: left; height:auto; } .mdd_contop { display: block; width: 100% !important; } .mdd_topbox .mdd_conbox .stit02{ display:inline-block; padding:0; } } /*휴먼시스템의학과*/ .hms_vibox { position:absolute; width:100%; } .hms_conbox{ height:600px; position:relative; } .sub_conbox .hms_box { display: block; width: 235px; height: 235px; border-radius: 50%; text-align:center; margin:188px auto; position:relative; } .sub_conbox .hms_box { background-color: #606d8b; } .sub_conbox .hms_box .table_con > div { display: block; color: #fff; text-align: center; padding-top:55px; width:100%; } .sub_conbox .hms_box .table_con strong { font-size: 30px; font-weight: 700; line-height: 1.25em; } .hms_st { padding-bottom:75px; background-repeat: no-repeat; background-position: center 45px; background-image: url("/images/edu/hm_bg.png"); } .sub_conbox .hms_topbox{ width: 50%; display:inline-block; float:left; text-align:center; height:355px; } .hms_topbox .hms_conbox .ricon{ float:right; padding:60px 105px 0 0; height:220px; } .hms_topbox .hms_conbox .licon{ float:left; padding:60px 0 0 105px; height:220px; } .hms_topbox .hms_conbox .stit{ display:inline-block; text-align:center; font-size:22px; padding:0 0 23px; } .hms_topbox .hms_conbox .mh{ display:none; } .hms_topbox .hms_conbox .ph{ display:inline-block; white-space:pre-line; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green > span { width: 220px; padding: 12px 0; background-color: #e0efeb; border: 1px solid #90b1a2; color: #333333; font-weight: 400; font-size:16px; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green > span .mh{ display:none; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green > span .ph{ display:block; white-space:pre-line; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green2 > span { width: 220px; padding: 12px 0; background-color: #e0efeb; border: 1px solid #90b1a2; color: #333333; font-weight: 400; font-size:16px; } .hms_conbox .round_box > a, .hms_conbox .round_box > span { position: relative; z-index: 1; display: inline-block; padding: 13px 0; border-radius: 50px; font-size: 18px; text-align: center; vertical-align: top; } .hms_conbox .round_box.bg_green { margin-bottom: 10px; } .hms_conbox .round_box.bg_green2 { margin-bottom: 10px; } .hms_first{ position:absolute; width:100%; } .edu_conbox.table_con .text_con .list_type1 li { font-size: 13px; color: #555; } .edu_conbox.table_con .text_con .list_type1.ty01 li { margin: 0 0 5px; } .organ_hbox { } @media (max-width: 1023px) { .hms_conbox{ max-width: 100%; padding-bottom:0; position:relative; background-image:none; height:auto; } .hms_conbox .round_box.bg_green2 { height:70px; } .sub_conbox .hms_vibox { margin:0 auto; position:relative; width:100%; padding-bottom:40px; } .sub_conbox .hms_box { display: block; width: 235px; height: 235px; border-radius: 50%; text-align:center; margin:0 auto; position:relative; } .hms_topbox .hms_conbox .ricon{ padding:0; height:220px; float:none; } .hms_topbox .hms_conbox .licon{ padding:0; height:220px; float:none; } .sub_conbox .hms_topbox:nth-child(2n+1){ height:auto; padding-bottom:30px; padding-right:1.5%; padding-left:0; width:48.5%; } .sub_conbox .hms_topbox{ height:auto; padding-bottom:30px; padding-left:1.5%; padding-right:0; width:48.5%; } .hms_topbox .hms_conbox .stit{ height:auto; } .hms_topbox .hms_conbox .stit{ padding:0 0 10px; } .hms_topbox .hms_conbox .ph{ display: none; } .hms_topbox .hms_conbox .mh{ display:block; white-space:pre-line; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green > span { padding: 12px 5px; width:100%; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green2 > span { padding: 24px 5px; width:100%; height:70px; } } @media (max-width: 767px) { .hms_conbox{ max-width: 100%; padding-bottom:0; position:relative; background-image:none; height:auto; } .sub_conbox .hms_vibox { margin:0 auto; position:relative; width:100%; padding:30px 0 40px; } .sub_conbox .hms_box { display: block; width: 235px; height: 235px; border-radius: 50%; text-align:center; margin:0 auto; position:relative; } .hms_topbox .hms_conbox .ricon{ padding:0; height:220px; float:none; } .hms_topbox .hms_conbox .licon{ padding:0; height:220px; float:none; } .sub_conbox .hms_topbox:nth-child(2n+1){ max-height:440px; padding-bottom:30px; padding-right:1.5%; padding-left:0; width:48.5%; } .sub_conbox .hms_topbox{ height:auto; padding-bottom:30px; padding-left:1.5%; padding-right:0; width:48.5%; } .hms_topbox .hms_conbox .stit{ min-height:70px; } .hms_topbox .hms_conbox .ph{ display: none; } .hms_topbox .hms_conbox .mh{ display:block; white-space:pre-line; } .hms_topbox .hms_conbox .stit{ padding:0 0 10px; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green > span { padding: 12px 5px; width:100%; } .hms_conbox .round_box.bg_green > a, .hms_conbox .round_box.bg_green2 > span { padding: 22px 5px; width:100%; height:70px; } } /* 협동과정 */ .cooper_contents .sub_tit div { font-size: 17px; font-weight: 300; color: #555555; line-height: 1.7em; text-align: center; } .cooper_contents .college_link_wrap { margin-top: 60px; } .cooper_contents .college_link_wrap > a { display: block; float: left; position: relative; width: calc((100% - 81px)/4); height: 450px; margin-left: 20px; padding-top: 370px; background-repeat: no-repeat; background: 0 center; background-size: cover; background-image: url("/images/edu/img-cooper01.png"); -webkit-transition: 0.2s ease; transition: 0.2s ease; } .cooper_contents .college_link_wrap > a + a { background-image: url("/images/edu/img-cooper02.png"); } .cooper_contents .college_link_wrap > a + a + a { background-image: url("/images/edu/img-cooper03.png"); } .cooper_contents .college_link_wrap > a + a + a + a { background-image: url("/images/edu/img-cooper04.png"); } .cooper_contents .college_link_wrap > a:hover img { right: 10px; } .cooper_contents .college_link_wrap > a span { display: block; padding-left: 30px; padding-bottom: 50px; font-size: 24px; font-weight: 700; line-height: 1.3em; color: #fff; } .cooper_contents .college_link_wrap.ty02 > a span { padding-left: 25px; } .cooper_contents .college_link_wrap > a img { position: absolute; right: 20px; bottom: 20px; -webkit-transition: 0.2s ease; transition: 0.2s ease; } .cooper_contents .college_link_wrap > a:nth-child(5n+1) { margin-left: 0; } .cooper_contents .college_link_wrap.ty02 > a:nth-child(1) { margin-left:0 !important; } .cooper_contents .college_link_wrap.ty02 > a:nth-child(5n+1) { margin-left: 20px; } .cooper_contents .college_link_wrap .ph{ display:inline-block; white-space:pre-line; } .cooper_contents .college_link_wrap .mh{ display:none; } .cooper_contents .college_link_wrap.ty01 > a { width: calc((100% - 50px)/3); height: 450px; padding-top:275px; background-image: url("/images/edu/img-admission01.png"); } .cooper_contents .college_link_wrap.ty01 > a + a { padding-top:370px; background-image: url("/images/edu/img-admission02.png"); } .cooper_contents .college_link_wrap.ty01 > a + a + a { padding-top:370px; background-image: url("/images/edu/img-admission03.png"); } .cooper_contents .college_link_wrap.ty02 > a { width: calc((100% - 120px)/7); height: 450px; padding-top:370px; background-image: url("/images/edu/img-ittd01.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a { padding-top:370px; background-image: url("/images/edu/img-ittd02.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a { padding-top:338px; background-image: url("/images/edu/img-ittd03.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a { padding-top:338px; background-image: url("/images/edu/img-ittd04.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a + a { padding-top:338px; background-image: url("/images/edu/img-ittd05.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a + a + a { padding-top:338px; background-image: url("/images/edu/img-ittd06.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a + a + a + a { padding-top:370px; background-image: url("/images/edu/img-ittd07.jpg"); } @media (max-width: 767px) { .cooper_contents .sub_tit div { font-size: 13px; text-align:left; } .cooper_contents .college_link_wrap { margin-top: 20px; } .cooper_contents .college_link_wrap > a { float: none; width: 100%; margin-left: 0; height: 130px; padding-top: 90px; background-image: url("/images/edu/img-cooper01-m.png"); } .cooper_contents .college_link_wrap > a + a { margin-top: 10px; background-image: url("/images/edu/img-cooper02-m.png"); } .cooper_contents .college_link_wrap > a + a + a { background-image: url("/images/edu/img-cooper03-m.png"); } .cooper_contents .college_link_wrap > a + a + a + a { background-image: url("/images/edu/img-cooper04-m.png"); } .cooper_contents .college_link_wrap.ty01 > a { float: none; width: 100%; margin-left: 0; height: 130px; padding-top: 23px; background-image: url("/images/edu/img-admission01-m.png"); } .cooper_contents .college_link_wrap.ty01 > a + a { padding-top:90px; background-image: url("/images/edu/img-admission02-m.png"); } .cooper_contents .college_link_wrap.ty01 > a + a + a { padding-top:90px; background-image: url("/images/edu/img-admission03-m.png"); } .cooper_contents .college_link_wrap.ty02 > a:nth-child(5n+1) { margin-left: 0; } .cooper_contents .college_link_wrap.ty02 > a { float: none; width: 100%; margin-left: 0; height: 130px; padding-top: 23px; background-image: url("/images/edu/img-ittd01-m.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a { padding-top:90px; background-image: url("/images/edu/img-ittd02-m.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a { padding-top:90px; background-image: url("/images/edu/img-ittd03-m.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a { padding-top:90px; background-image: url("/images/edu/img-ittd04-m.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a + a { padding-top:90px; background-image: url("/images/edu/img-ittd05-m.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a + a + a { padding-top:90px; background-image: url("/images/edu/img-ittd06-m.jpg"); } .cooper_contents .college_link_wrap.ty02 > a + a + a + a + a + a + a { padding-top:90px; background-image: url("/images/edu/img-ittd07-m.jpg"); } .cooper_contents .college_link_wrap > a span { padding-left: 15px; font-size: 18px; word-break: keep-all; } .cooper_contents .college_link_wrap > a img { right: 15px; bottom: 15px; } .cooper_contents .college_link_wrap .ph{ display:none; } .cooper_contents .college_link_wrap .mh{ display:inline-block; white-space:pre-line; } .cooper_contents .college_link_wrap .mh.ty01 { display:block; padding-bottom:0; white-space:pre-line; } } /*2021-03-15 추가 */ .board_none > li { border-top: 2px solid #555555; border-bottom: 1px solid #555555; font-size: 17px; font-weight: 700; text-align:center; padding: 80px 0; } .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dt, .board_wrap .rooms_view_wrap .rooms_view_con .rooms_contents .rooms_info dd { vertical-align: middle; } @media (max-width: 319px) { html { overflow-x: auto; } body { min-width: 320px; } } /* 202103 Reservation modal */ .reserve_modal_wrap { display: none; position: absolute; top: 3%; left: 50%; z-index: 10; transform: translateX(-50%); width: 100%; max-width: 520px; color: #1a1a1a; border: 1px solid #bfbfbf; background-color: #fff; } .reserve_modal_wrap .rm_header { position: relative; padding: 13px 52px 10px 20px; border-bottom: 1px solid #e5e5e5; } .reserve_modal_wrap .rm_header .rm_close { position: absolute; top: 0; right: 0; width: 52px; height: 52px; } .reserve_modal_wrap .rm_header .rm_close:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; background: url(/images/common/btn-rm-close.png) no-repeat 0 0; } .reserve_modal_wrap .rm_title { font-weight: 400; font-size: 20px; letter-spacing: -.5px; } .reserve_modal_wrap .rm_content { padding: 25px 20px 10px; } .reserve_modal_wrap .rm_content p { color: #1a1a1a; letter-spacing: -.5px; } .reserve_modal_wrap .rm_attach { margin-top: 25px; padding-top: 15px; border-top: 1px solid #e5e5e5; } .reserve_modal_wrap .rm_attach a { display: inline-block; overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis; max-width: 80%; padding: 0 3px 0 20px; } .reserve_modal_wrap .rm_attach a:before { content: ''; position: absolute; top: 50%; left: 2px; width: 14px; height: 17px; background: url(/images/common/ic-down2.png) no-repeat 0 0; transform: translateY(-55%); } .reserve_modal_wrap .rm_attach a:hover { text-decoration: underline; } .reserve_modal_wrap .rm_footer { border-top: 1px solid #e5e5e5; margin: 0 20px; padding: 20px 0 25px; text-align: center; } .reserve_modal_wrap .rm_btn { display: inline-block; min-width: 80px; height: 32px; line-height: 32px; color: #fff; text-align: center; border: 1px solid #303134; background-color: #303134; transition: .2s border-color, .2s background-color, .2s color; } .reserve_modal_wrap .rm_btn:hover { color: #303134; background-color: #fff; border-color: #303134; } @media ( max-width: 767px ) { .reserve_modal_wrap { max-width: 93%; } .reserve_modal_wrap .rm_header .rm_close { width: 47px; height: 47px; } .reserve_modal_wrap .rm_title { font-size: 17px; } .reserve_modal_wrap .rm_attach a { font-size: 14px; } .reserve_modal_wrap .rm_btn { font-size: 12px; } .reserve_modal_wrap .rm_attach a:before { transform: translateY(-60%); } } /* 학생 */ .renewBox .hidden {overflow:hidden; width:1px; height:0.1px; font-size:0px; line-height:0; text-indent:-9999px;} .renewBox .gap70 {margin-top:70px !important;} .renewBox .gap60 {margin-top:60px;} .renewBox .pc-view {display:block;} .renewBox .mo-view {display:none;} .renewBox .btn_link{display:inline-block; width:135px; padding:10px 15px 8px; margin:0 30px; border:1px solid #bfbfbf; border-radius:3px;background-color:#fff!important; background-repeat:no-repeat; background-position:right 15px center; background-image:url(https://medicine.snu.ac.kr/images/edu/bg-btn-link.png); font-size:16px; color:#1a1a1a!important; line-height:1em; font-weight:300!important;} /* 20210519 추가 */ .visualBox {position:relative; min-height:320px; margin-top:-25px;} .visualBox .lside {margin-right:52%;} .visualBox .rside {position:absolute; top:0; right:0; width:43%;} .visualBox .rside .img img {width:100%;} .visualBox .sub_tit h4 {margin-bottom:30px; text-align:left;} .sub_tit.block {display:block !important;} /* 20210519 추가 */ /* list */ .renewBox .in-box {margin-left:20px;} .renewBox .dot {margin-left:10px; text-indent:-10px;} .renewBox .num-list>li {margin-left:18px; text-indent:-18px;} .renewBox .num-list>li.mgB0 {margin-bottom:0 !important;} .renewBox .num-list>li:last-child {margin-bottom:0;} .renewBox .bar-list>li {margin-left:12px; text-indent:-12px;} /* tab */ .renewBox .tab_panel {margin-top:80px;} .renewBox .tab_panel .article + .article {margin-top:80px;} .renewBox .tab_panel .article.mgT {margin-top:80px;} .renewBox .tab_panel .in-article + .in-article {margin-top:40px;} .renewBox .tab_panel .btn_down_wrap{margin-top:60px} .renewBox .tab_panel .btn_down_wrap .btn_down {float:left;width:calc((100% - 21px)/2);margin-left:20px; margin-bottom:20px; padding:15px 50px 15px 30px;background-color:#fff!important;border:1px solid #5a74aa;background-repeat:no-repeat;background-position:right 30px center;background-image:url(/images/edu/bg-btn-down-blue.png);font-size:16px;font-weight:500!important;color:#5a74aa!important} .renewBox .tab_panel .btn_down_wrap .btn_down:nth-child(2n+1){margin-left:0; margin-bottom:20px;} .renewBox .box_tab {text-align:center;} .renewBox .box_tab > li {display:inline-block; width:auto; border:1px solid #ddd; /*border-left:0;*/ margin-left:-6px;} .renewBox .box_tab > li:first-child {/*border-left:1px solid #ddd*/} .renewBox .box_tab > li.on {position:relative; z-index:1; border:1px solid #5a74aa; margin-right:-2px;} .renewBox .box_tab > li.on a {background-color:#5a74aa; color:#fff; font-weight:700;} .renewBox .box_tab > li > a {display:block; width:320px; height:60px; padding:17px 0; background-color:#fff; font-size:20px;} .renewBox .tab_layer .tabTit {display:none;} .renewBox .tab_layer .tabTit button {padding:0; border:0 none; cursor:pointer; background:0 none;} /* board */ .renewBox .table_top {margin-bottom:50px;} .renewBox .table_top .tit {display:block; font-size:26px; font-weight:700; line-height:1.2em;} .renewBox .cont_wrap {margin-bottom:25px;} .renewBox .cont_wrap .tit {display:block; color:#1a1a1a; font-size:26px; font-weight:700; line-height:1.2em;} .renewBox .cont_wrap .tit + .summary {margin-top:28px;} .renewBox .cont_wrap .summary {color:#555; font-size:19px; line-height:30px; font-weight:300;} .renewBox .cont_wrap .summary p {font-size:19px !important;} /* 20210516 추가 */ .renewBox .cont_wrap .summary.ty01 {color:#1a1a1a; font-size:16px; line-height:30px; font-weight:300;} .renewBox .cont_wrap .summary.ty01 p {font-size:16px !important; line-height:35px !important;} .renewBox .cont_wrap .summary.ty01 p.colorPoint01 {color:#888 !important;} .renewBox .cont_wrap .summary.ty01 p.title {padding:10px 0; font-weight:700 !important; color:#1a1a1a !important;} .renewBox .cont_wrap .summary.ty01 .num-list > li {margin:0 0 15px 18px;} .renewBox .cont_wrap .summary.ty01 .num-list .bar-list span {text-decoration:underline;} .renewBox .cont_wrap .summary.ty01 .num-list .bar-list .fontS {font-size:15px; color:#555;} .renewBox .table_wrap table th {padding:25px 15px;} .renewBox .table_wrap table td {padding:25px 20px;} .renewBox .table_wrap.ty01 table td {padding:10px 20px;} .renewBox .table_wrap.ty01 table td {padding:15px 20px;} .renewBox .table_wrap .line-gray th, .renewBox .table_wrap .line-gray td {border-bottom:1px solid #ddd !important;} /*.renewBox .table_wrap .dot {margin-left:20px; text-indent:-20px;} .renewBox .table_wrap .depth {margin-left:20px;} .renewBox .table_wrap .bar>li {margin-left:12px; text-indent:-12px;} .renewBox .table_wrap .num>li {margin-left:18px; text-indent:-18px;}*/ .renewBox .table_wrap.multi table thead tr:last-child th {border-bottom:1px solid #ddd;} .renewBox .table_wrap.multi table tr:first-child td {border-top:0 none;} .renewBox .table_wrap.multi .line {border-bottom:1px solid #555;} .renewBox .table_wrap.scroll_x {border-top:2px solid #555; border-bottom:1px solid #555;} .renewBox .table_wrap.scroll_x table th, .renewBox .table_wrap.scroll_x table td {padding:20px 10px 15px; text-align:center;} .renewBox .table_wrap.scroll_x table.left th, .renewBox .table_wrap.scroll_x table.left td {padding:20px 30px 15px;} .renewBox .table_wrap.scroll_x table.left.ty02 th {padding:10px;} .renewBox .table_wrap.scroll_x table.left.ty02 td {padding:20px 10px 20px;} .renewBox .table_wrap.scroll_x table.left.ty03 td {padding:20px 30px;} .renewBox .table_wrap.scroll_x table.left.ty02 td.text_center {text-align:center;} .renewBox .table_wrap.scroll_x table.left td {text-align:left;} .renewBox .table_wrap.scroll_x table.left.ty02 td.bold {font-weight:700; color:#333;} .renewBox .table_wrap.scroll_x table.left.ty02 td p {font-size:15px !important; line-height:20px !important;} .renewBox .table_wrap.scroll_x table thead th {border-top:1px solid #ddd; font-size:17px;} .renewBox .table_wrap.scroll_x table thead tr:first-child th {border-top:0 none;} .renewBox .table_wrap.base {border-top:2px solid #555; border-bottom:1px solid #555;} .renewBox .table_wrap.base tr:first-child th, .renewBox .table_wrap.base tr:first-child td {border-top:0 none;} .renewBox .table_wrap.base tbody tr:last-child th, .renewBox .table_wrap.base tr:last-child td, .renewBox .table_wrap.base .bd-none {border-bottom:0 none !important;} .renewBox .table_wrap.base table th {padding:20px 10px 15px; font-size:17px;} .renewBox .table_wrap.base table thead th {border-bottom:1px solid #ddd !important;} .renewBox .table_wrap.base table td {text-align:left !important;} .renewBox .table_wrap.base table td.text_center {text-align:center !important;} .renewBox .table_wrap.base table td.text_center .go_down {margin:0;} .renewBox .table_wrap.base.fs19 table th {font-size:20px !important;} /* 20210516 추가 */ .renewBox .table_wrap.base.fs19 table td {font-size:19px !important;} /* 20210516 추가 */ .renewBox .table_wrap.base.center table td {text-align:center !important;} .renewBox .table_wrap.base table thead th {border-top:1px solid #ddd; font-size:17px;} .renewBox .table_wrap.base table th.text_left {text-align:left; padding:10px 30px;} .renewBox .table_wrap.base table thead tr:first-child th {border-top:0 none;} .renewBox .table_bottom {margin-top:30px; color:#555;} .renewBox .table_bottom .colorline {color:#5a74aa; text-decoration:underline;} .student_contents .sub_tit div {font-size:17px; font-weight:300; color:#555; line-height:1.7em;} .student_conbox .sec_schedule {margin-top:40px; text-align:center;} /* 20210519 추가 */ /* 학생참여연구활동 */ .awardArticle {} .awardArticle .awardBox {position:relative; min-height:180px; padding-left:240px;} .awardArticle .bage {position:absolute; top:2px; left:0; display:table; width:180px; height:180px; padding:0 20px; text-align:center;} .awardArticle .bage.line2 {padding:0 7px;} .awardArticle .awardBox.fst {margin-top:-12px;} .awardArticle .awardBox.fst .bage {top:12px;} .awardArticle .bage.type1 {background:#ada670;} .awardArticle .bage.type2 {background:#a4a4a4;} .awardArticle .bage.type3 {background:#97836d;} .awardArticle .bage.type4 {background:#4f5d7e;} .awardArticle .bage.type5 {background:#709c8a;} .awardArticle .bage>p {display:table-cell; vertical-align:middle;} .awardArticle .bage strong {position:relative; display:block; min-height:54px; padding:14px 32px 0; color:#fff; font-size:22px; font-weight:bold;} .awardArticle .bage.line2 strong {padding-top:0; font-size:20px;} .awardArticle .bage.line2 strong span {font-weight:normal;} .awardArticle .bage strong:before, .awardArticle .bage strong:after {position:absolute; top:0; left:0; width:23px; height:54px; content:"";} .awardArticle .bage strong:before {background:url("/images/student/bg_award01.png") no-repeat 0 0;} .awardArticle .bage strong:after {left:auto; right:0; background:url("/images/student/bg_award02.png") no-repeat 0 0;} .awardArticle .bage.type4 {background:#4f5d7e;} .awardArticle .awradBoard table {width:100%;} .awardArticle .awradBoard table thead th {padding:10px 0; color:#1a1a1a; font-size:20px; text-align:left;} .awardArticle .awradBoard table tbody th, .awardArticle .awradBoard table tbody td {padding:5px 0; color:#1a1a1a; font-size:16px; text-align:left; font-weight:normal;} .awardArticle .awradBoard table tbody th {color:#666; vertical-align:top;} /* 20210519 추가 */ /* 학생회 */ .union-box {color:#555; font-size:16px; font-weight:300; line-height:1.7em;} .union-box .union-logo {text-align:center;} .union-box .union-logo img {vertical-align:top;} .union-box .union-logo p {margin-top:40px; color:#555; font-size:17px;} .union-box .union-intro {margin-top:80px;} .union-box .union-intro .tit {display:block; color:#1a1a1a; font-size:36px; font-weight:700;} .union-box .union-intro ul {margin-top:45px;} .union-box .union-intro ul>li {min-height:70px; padding-left:190px; color:#1a1a1a !important;} .union-box .union-intro ul>li+li {margin-top:60px;} .union-box .union-intro ul>li strong {display:block; margin-bottom:25px; font-size:24px; font-weight:700;} .union-box .union-intro ul>li:nth-child(1) {background:url(/images/student/num01.png) no-repeat 0 0;} .union-box .union-intro ul>li:nth-child(2) {background:url(/images/student/num02.png) no-repeat 0 0;} .union-box .union-qna {margin-top:60px; padding:30px; background-color:#f5f5f5;} .union-box .union-qna dt, .union-box .union-qna dd {min-height:40px; padding-left:60px;} .union-box .union-qna dt {padding-top:8px; color:#1a1a1a; font-size:24px; font-weight:700; background:url(/images/student/ico_q.png) no-repeat 0 0;} .union-box .union-qna dd {margin-top:10px; padding-top:10px; background:url(/images/student/ico_a.png) no-repeat 0 0;} .union-box .union-qna dd+dt {margin-top:40px;} .union-box .union-org {margin-top:80px; text-align:center;} /* 동아리 */ /* 20210519 수정 */ .club-box {color:#555; font-size:16px; font-weight:300; line-height:1.7em;} .club-box .clue-intro {position:relative; min-height:356px; font-size:17px; color:#1a1a1a; text-align:left;} .club-box .clue-intro:after {position:absolute; left:98px; bottom:0; width:491px; height:53px; background:url(/images/student/bg_club.png) no-repeat 0 0; content:"";} .club-box .clue-intro .lside {margin-right:70%;} .club-box .clue-intro .rside {position:absolute; top:0; right:0; width:67%;} .club-box .clue-intro .rside .img img {width:100%;} .club-box .clue-intro .tit {display:block; margin-bottom:30px; font-size:30px; font-weight:700; line-height:40px;} /* 20210519 수정 */ .club-box .club-org {margin:0 -35px;} .club-box .club-org:after {content:""; display:block; clear:both;} .club-box .club-org .box {float:left; width:33.33%; margin-top:80px;} .club-box .club-org .box .tit {display:block; margin-bottom:30px; color:#000; font-size:24px; text-align:center; font-weight:700;} .club-box .club-org .inbox {margin:0 35px; padding:10px 30px; border:1px solid #90b1a2; border-radius:20px;} .club-box .club-org .inbox ul>li+li {border-top:1px solid #ddd;} .club-box .club-org .inbox ul>li>a {position:relative; display:block; padding:12px 20px 8px; color:#000; font-size:16px;} .club-box .club-org .inbox ul>li>span {display:block; padding:12px 20px 8px; color:#000; font-size:16px;} .club-box .club-org .inbox ul>li>a:after {position:absolute; top:17px; right:20px; width:13px; height:13px; background:url(/images/student/bg_link.png) no-repeat 0 0; content:"";} .club-box .club-org .inbox .fst {min-height:405px;} .club-box .club-org .inbox .lst {min-height:260px;} /* 학생지원서비스 */ .union-service {margin:-40px -20px 0;} .union-service:after {content:""; display:block; clear:both;} .union-service .box {float:left; width:33.33%; margin-top:40px;} .union-service .inbox {position:relative; min-height:140px; margin:0 20px; padding:22px 20px 22px 104px; background-color:#f2f2f2; color:#1a1a1a; font-size:20px; font-weight:500;} .union-service .inbox:after {position:absolute; top:35px; left:20px; width:70px; height:70px; content:"";} .union-service .inbox.item1:after {background:url(/images/student/bg_service1.png) no-repeat 0 0;} .union-service .inbox.item2:after {background:url(/images/student/bg_service2.png) no-repeat 0 0;} .union-service .inbox.item3:after {background:url(/images/student/bg_service3.png) no-repeat 0 0;} .union-service .inbox.item4:after {background:url(/images/student/bg_service4.png) no-repeat 0 0;} .union-service .inbox.item5:after {background:url(/images/student/bg_service5.png) no-repeat 0 0;} .union-service .inbox.item6:after {background:url(/images/student/bg_service6.png) no-repeat 0 0;} .union-service .inbox .link {position:relative; display:inline-block; margin-top:36px; padding-right:30px; font-weight:700;} .union-service .inbox > span {font-weight:700;} .union-service .inbox .link:after {position:absolute; top:5px; right:0; width:10px; height:16px; background:url(/images/student/bg_arrow.png) no-repeat 0 0; content:"";} .union-service .sec_btn {margin-top:5px;} .union-service .sec_btn a {margin:0; padding:10px 8px 8px; font-size:15px;} /* layer : 알아두면 유용한 전화번호 */ .layerFix {position:fixed; left:50%; top:50%; z-index:10001;} .layerFix .layer_wrap {position:relative; padding-bottom:25px; background-color:#fff; border:1px solid #bfbfbf;} .layerFix .layer_wrap .head {padding:12px 44px 12px 20px; border-bottom:1px solid #e5e5e5;} .layerFix .layer_wrap .head .tit {color:#1a1a1a; font-size:20px;} .layerFix .layer_wrap .cont {padding:30px 20px 20px;} .layerFix .layer_wrap .scroll {overflow-x:hidden; overflow-y:auto; height:400px;} .layerFix .layer_wrap .bottom {text-align:center;} .layerFix .layer_wrap .layerCheck {height:32px; padding:10px 26px; font-weight:300; background-color:#303134; color:#fff; font-size:16px; border:0 none;} .layerFix .layer_wrap .layerClose {position:absolute; top:16px; right:16px; width:12px; height:12px; border:0 none; background:url(/images/student/layer_close.png) no-repeat 0 0;} .layerDim {display:none; position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; background-color:#000; opacity:.5;} /* 20210519 추가 */ @media (max-width: 1300px) { .visualBox {margin-top:0;} .visualBox br {display:none;} .union-org .pc-view {display:none;} .union-org .mo-view {display:block;} .clue-intro br {display:none;} } /* 20210519 추가 */ @media (max-width: 1090px) { /* 동아리 */ .club-box .club-org .box {width:50%;} .club-box .club-org .inbox .line1 {min-height:405px;} .club-box .club-org .inbox .line2 {min-height:310px;} .club-box .club-org .inbox .line3 {min-height:260px;} /* 학생지원서비스 */ .union-service .box {width:50%;} } @media (max-width: 1024px) { /* 학생 */ .renewBox .pc-view.ver1024 {display:none;} .renewBox .mo-view.ver1024 {display:block;} /* tab */ .renewBox .box_tab > li {width:33.33%;} /* default 3 */ .renewBox .box_tab.line2 > li {width:50%;} .renewBox .box_tab.line2.spc > li:first-child {width:45%;} .renewBox .box_tab.line2.spc > li:last-child {width:55%;} .renewBox .box_tab > li > a {width:100%; height:40px; padding:12px 0; font-size:14px;} } @media (max-width: 767px) { /* 학생 */ .renewBox .gap70 {margin-top:25px !important;} .renewBox .gap60 {margin-top:40px;} .renewBox .pc-view, .renewBox .mo-hide {display:none;} .renewBox .mo-view {display:block;} .renewBox .btn_link{display:block; width:100px; padding:8px 12px 6px; margin:0; margin-top:5px; font-size:12px; background-position:right 12px center; background-size:10px;} /* 20210519 추가 */ .visualBox .lside {margin-right:0;} .visualBox .rside {position:static; margin-top:20px; width:100%;} .visualBox .sub_tit h4 {text-align:center;} /* 20210519 추가 */ /* list */ .renewBox .in-box {margin-left:15px;} .renewBox .dot {margin-left:15px; text-indent:-15px; word-break:unset !important;} .renewBox .num-list>li {margin-left:13px; text-indent:-13px; margin-bottom:2px;} .renewBox .bar-list>li {margin-left:9px; text-indent:-10px;} /* tab */ .renewBox .tab_panel {margin-top:25px;} .renewBox .tab_panel .article + .article {margin-top:40px;} .renewBox .tab_panel .in-article + .in-article {margin-top:20px;} .renewBox .tab_layer .box_tab {display:none; margin-top:1px;} .renewBox .tab_layer .box_tab > li {width:100%; display:block; margin:0; margin-top:-1px; text-align:left; border:1px solid #bbb !important;} .renewBox .tab_layer .box_tab > li > a {width:100%; height:35px; padding:8px 20px; background-color:#fff !important; color:#1a1a1a !important; font-weight:normal !important;} .renewBox .tab_layer {position:relative;} .renewBox .tab_layer .tabTit {display:block;} .renewBox .tab_layer .tabTit button {display:block; width:100%; height:35px; padding:8px 20px; background-color:#5a74aa; background-repeat:no-repeat; background-position:right 20px center; background-size:11px; background-image:url(/images/common/ic-arrow-bottom-m.png); font-family:'Noto Sans KR',sans-serif; font-size:15px;font-weight:700; color:#fff; text-align:left; cursor:pointer;} .renewBox .tab_layer.active .tabTit button {background-image:url(/images/common/ic-arrow-bottom-m-on.png);} .renewBox .tab_layer.active .box_tab {position:absolute; z-index:1; width:100%; display:block;} /* board */ .renewBox .table_top {margin-bottom:20px;} .renewBox .table_top .tit {font-size:18px;} .renewBox .cont_wrap {margin-bottom:13px;} .renewBox .cont_wrap .tit {font-size:18px;} .renewBox .cont_wrap .tit + .summary {margin-top:14px;} .renewBox .cont_wrap .summary {font-size:13px; line-height:20px;} .renewBox .cont_wrap .summary p {font-size:13px !important;} /* 20210516 추가 */ .renewBox .table_wrap table th {padding: 14px 15px 12px !important; font-size:15px !important;} .renewBox .table_wrap.mbty01 table th {padding: 10px 0 !important; font-size:13px !important;} .renewBox .table_wrap table th br.vermo {display:block;} .renewBox .table_wrap tbody tr:last-child td {border-bottom:0 !important;} .renewBox.ty01 .school_conbox .table_wrap tbody tr:last-child td {border-bottom:1px solid #90b1a2 !important;} .renewBox .table_wrap table td {padding:12px 15px;} .renewBox .table_wrap.mbty01 table td {padding:10px; font-size:12px; font-weight:300;} /*.renewBox .table_wrap .dot {margin-left:15px; text-indent:-15px;} .renewBox .table_wrap .depth {margin-left:15px;} .renewBox .table_wrap .list-bar>li {margin-left:9px; text-indent:-10px;} .renewBox .table_wrap .list-num>li {margin-left:13px; text-indent:-13px;}*/ .renewBox .table_wrap.scroll_x table {width:1600px;} .renewBox .table_wrap.scroll_x table th {font-size:15px !important;} .renewBox .table_wrap.scroll_x table td {padding:10px !important; font-size:13px; line-height: 1.8em;} .renewBox .table_wrap.scroll_x table td.line {border-bottom:0 none;} .renewBox .table_wrap.scroll_x table.left th, .renewBox .table_wrap.scroll_x table.left td {padding:10px;} .renewBox .table_wrap.base table th {font-size:15px !important;} .renewBox .table_wrap.base table tbody th {padding:14px 5px 12px !important;} .renewBox .table_wrap.base table td {padding:10px; font-size:13px; line-height:18px;} .renewBox .table_wrap.base.fs19 table th {font-size:15px !important;} /* 20210516 추가 */ .renewBox .table_wrap.base.fs19 table td {font-size:13px !important;} /* 20210516 추가 */ .renewBox .table_wrap.base .size2_1 {width:20% !important;} /* 장학금 종류 */ .renewBox .table_wrap.base .size2_2 {width:30% !important;} .renewBox .table_wrap.base .size3_1 {width:22% !important;} /* 박종완 기초의학 미래인재상 */ .renewBox .table_wrap.base .size3_2 {width:22% !important;} .renewBox .table_wrap.base .size4_1 {width:24% !important;} /* 황준식 Student Fellowship */ .renewBox .table_wrap.base .size4_2 {width:35% !important;} .renewBox .table_bottom {margin-top:15px;} .student_contents .sub_tit div {font-size:13px;} .student_conbox .sec_schedule {margin-top:25px;} .student_conbox .sec_schedule img {width:100%;} /* 20210519 추가 */ /* 학생참여연구활동 */ .awardArticle {padding-top:0 !important;} .awardArticle .awardBox {min-height:auto; padding:0;} .awardArticle .awardBox.fst {margin-top:0;} .awardArticle .awardBox.fst .bage {top:0;} .awardArticle .bage {position:static; top:0 !important; width:100%; height:60px; padding:0 !important;} .awardArticle .bage strong {display:inline-block; min-height:38px; padding:8px 29px 0 !important; font-size:18px !important;} .awardArticle .bage strong:before, .awardArticle .bage strong:after {width:16px; height:38px; background-size:16px 38px;} .awardArticle .bage strong br {display:none;} .awardArticle .awradBoard {margin-top:5px;} .awardArticle .awradBoard table thead th {padding:10px 0; font-size:18px;} .awardArticle .awradBoard table tbody th, .awardArticle .awradBoard table tbody td {font-size:13px;} .awardArticle .awradBoard .size1_1 {width:22% !important;} /* 20210519 추가 */ /* 학생회 */ .union-box {font-size:13px;} .union-box .union-logo img {width:50%;} .union-box .union-logo p {margin-top:20px; font-size:15px !important;} .union-box .union-intro {margin-top:40px;} .union-box .union-intro .tit {font-size:22px;} .union-box .union-intro ul>li {min-height:35px; padding-left:0px;} .union-box .union-intro ul>li+li {margin-top:47px;} .union-box .union-intro ul>li strong {margin-bottom:20px; padding-left:80px; font-size:18px;} .union-box .union-intro ul>li:nth-child(1) {background-size:48px 35px !important;} .union-box .union-intro ul>li:nth-child(2) {background-size:58px 35px !important;} .union-box .union-qna {margin-top:50px; padding:15px;} .union-box .union-qna dt, .union-box .union-qna dd {min-height:30px; padding-left:40px;} .union-box .union-qna dt {padding-top:4px; font-size:18px; background-size:30px !important;} .union-box .union-qna dd {padding-top:5px; background-size:30px !important;} .union-box .union-qna dd+dt {margin-top:30px;} .union-box .union-org {margin-top:50px; text-align:center;} .union-box .union-org img {width:100%;} /* 동아리 */ /* 20210519 수정 */ .club-box .clue-intro {min-height:auto; font-size:13px; line-height:1.7em;} .club-box .clue-intro:after {display:none;} .club-box .clue-intro .lside {width:100%;} .club-box .clue-intro .rside {position:static; width:100%; margin-top:20px;} .club-box .clue-intro .tit {margin-bottom:20px; font-size:22px; line-height:26px; text-align:center;} /* 20210519 수정 */ .club-box .club-org {margin:0; padding-top:10px;} .club-box .club-org .box {float:none; width:100%; margin-top:40px;} .club-box .club-org .box .tit {margin-bottom:15px; font-size:16px;} .club-box .club-org .inbox {margin:0; padding:10px 15px; border-radius:10px;} .club-box .club-org .inbox ul {min-height:auto !important;} .club-box .club-org .inbox ul>li>a {padding:6px 0 4px; font-size:12px} .club-box .club-org .inbox ul>li>span {padding:6px 0 4px; font-size:12px} .club-box .club-org .inbox ul>li>a:after {top:13px; right:0; width:13px; height:13px; background-size:13px !important;} /* 학생지원서비스 */ .union-service {margin:25px 0 0 0;} .union-service .box {float:none; width:100%; margin-top:10px;} .union-service .inbox {min-height:auto; margin:0; padding-left:70px; font-size:16px;} .union-service .inbox .link {margin-top:7px;} .union-service .inbox:after {top:20px; width:35px; height:35px; background-size:35px !important;} .union-service .inbox .link:after {top:1px;} .union-service .sec_btn a {display:inline-block; width:135px;} .union-service .sec_btn a+a {margin-top:5px;} /* layer : 알아두면 유용한 전화번호 */ #layerInfo {width:100% !important;} #layerInfo table {width:600px;} #layerInfo .scroll_x.touch_help:before {top:180px; content: '좌우, 위아래로 드래그 해보세요';} .layerFix .layer_wrap {margin:0 10px;} .layerFix .layer_wrap .head .tit {font-size:15px;} .layerFix .layer_wrap .layerClose {top:18px; right:-10px;} .layerFix .layer_wrap .scroll {height:400px;} } /* 의학과 > 융합전공 */ .medicine_conbox .edu_tab_wrap .edu_tab > li.on + li.line {border-left:0 none;} .medicine_conbox .edu_tab_wrap .edu_tab > li.line {border-left: 1px solid #ddd;} .medicine_conbox .edu_tab_wrap .edu_tab > li.line.on {border-left:0 none;} .edu_conbox.spc {position:relative; min-height:363px;} .edu_conbox.spc .img_wrap {width:54%;} .edu_conbox.spc .text_wrap {width:46%; padding:0 !important; color:#1a1a1a;} .edu_conbox.spc .text_wrap.ty01 {width:42%;} .edu_conbox.spc .typo {position:absolute; bottom:-13px; left:170px;} .edu_conbox.spc .btn_homepage {position:relative; z-index:1; width:350px; margin-top:89px;} .medicine_conbox .renewBox .cont_wrap .tit {font-size:32px; color:#000;} .medicine_conbox .renewBox .tab_panel .article .summary {font-size:16px;} .medicine_conbox .renewBox .tab_panel .article.lst {margin:70px 0 0 65px !important;} .medicine_conbox .renewBox .tab_panel .article.lst .summary {position:relative; min-height:135px; margin-top:75px; padding-left:208px;} .medicine_conbox .renewBox .tab_panel .article.lst .summary .tit {margin-bottom:28px; color:#1a1a1a; font-size:24px;} .medicine_conbox .renewBox .tab_panel .article.lst .summary > img {position:absolute; top:-6px; left:0;} /* 게시판 > 상세 */ .board_wrap .board_view.eddView li.thead .subject {width:60%;} .board_wrap .board_view.eddView li.thead .subject .date {width:100% !important; margin-bottom:8px; padding:0;} .board_wrap .board_view.eddView li.thead .writer, .board_wrap .board_view.eddView li.thead .date, .board_wrap .board_view.eddView li.thead .hit {width:13% !important; padding:25px 5px; font-size:16px; color:#666; text-align:right;} .board_wrap .board_view.eddView li.thead .writer {width:16% !important; padding-right:25px;} .board_wrap .board_view.eddView li.thead .hit {width:10% !important;} .board_wrap .board_view.eddView li.thead .writer b {font-weight:400; padding-left:20px;} @media (max-width: 1199px) { /* 의학과 > 융합전공 */ .edu_conbox.spc .text_wrap {padding-left:50px !important;} /* 게시판 > 상세 */ .board_wrap .board_view.eddView li.thead .subject {width:100%;} .board_wrap .board_view.eddView li.thead .writer, .board_wrap .board_view.eddView li.thead .date, .board_wrap .board_view.eddView li.thead .hit {width:auto !important; padding:0 20px 0 0;} .board_wrap .board_view.eddView li.thead .date {margin-bottom:5px;} .board_wrap .board_view.eddView li.thead > span > b {padding-left:10px !important;} } @media (max-width: 1024px) { /* 의학과 > 융합전공 */ .medicine_conbox .edu_tab_wrap .edu_tab.size3 > li {width:33.33%;} .medicine_conbox .edu_tab_wrap .edu_tab.size3 > li > a {width:100%;} .layer_popup .popup_con strong{height: 500px;} .layer_popup .popup_con img{height: auto !important;} } @media (max-width: 767px) { /* 의학과 > 융합전공 */ .edu_conbox.spc .img_wrap, .edu_conbox.spc .text_wrap {width:100%; margin-top:0;} .edu_conbox.spc .img_wrap {margin-top:30px;} .edu_conbox.spc .img_wrap .typo {display:none;} .edu_conbox.spc .text_wrap {margin:25px 0 50px; padding-left:0 !important; float:none; width:100%; font-size:14px; font-weight:400; line-height:25px;} .edu_conbox.spc .btn_homepage {display:block; position:static; width:100%; margin-top:25px; padding:12px 10px; font-size:12px;} .edu_conbox.spc .btn_homepage img {width:10px; margin-left:5px;} .medicine_conbox .renewBox .cont_wrap .tit {font-size:21px;} .medicine_conbox .renewBox .tab_panel .article {margin-top:0px;} .medicine_conbox .renewBox .tab_panel .article + .article {margin-top:40px;} .medicine_conbox .renewBox .tab_panel .article .summary {font-size:13px; color:#1a1a1a;} .medicine_conbox .renewBox .tab_panel .article.lst {margin:40px 0 0 0px !important;} .medicine_conbox .renewBox .tab_panel .article.lst .summary {margin-top:40px; padding-left:0;} .medicine_conbox .renewBox .tab_panel .article.lst .summary .tit {margin-bottom:15px; font-size:18px;} .medicine_conbox .renewBox .tab_panel .article.lst .summary > img {position:static; float:left; width:80px; height:80px; margin:0 20px 20px 0;} /* 의과학과 > 학과소개 */ .biomedical_conbox .edu_conbox .eddLink {display:block;width:100%;margin:10px 0 0 0; padding:12px 10px;font-size:12px} .biomedical_conbox .edu_conbox .eddLink img {width:10px;margin-left:5px;} /* 게시판 > 상세 */ .board_wrap .board_view.eddView li.thead .subject .date {margin-bottom:5px; color:#000; font-weight:400;} .board_wrap .board_view.eddView li.thead .writer, .board_wrap .board_view.eddView li.thead .date, .board_wrap .board_view.eddView li.thead .hit {color:#666; font-size:12px;} } /* 20210511 추가 */ @media (max-width: 1300px) { /*#header .gnb_wrap #gnb > li:last-child {display:none;}*/ } #breadcrumb div .share_wrap {right:-40px; width:160px !important;} #breadcrumb div .share_wrap > li:last-child {line-height:42px;} #breadcrumb div .share_wrap > li > a {color:#fff; font-size:14px;} /* 20220527 대학원 공통*/ .width01 {width:30%;} .width02 {width:8%;} .width03 {width:6%;} .width04 {width:11%;} .width05 {width:9%;} .width06 {width:21%;} .width07 {width:21%;} .width08 {width:28%;} .width09 {width:27.5%;} .width10 {width:35%;} .width11 {width:11%;} .mid_show {display:none;} .mobileHide {display:block !important; height:0;} .tabletHide {display:block !important; height:0;} .mobileHide02 {display:inline-block;} .mobileShow {display:none;} .mobileShow02 {display:none;} .tab_inner {width:100%; max-width:1280px;} .tab_inner .box_tab {display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%;} .tab_inner .box_tab li {margin-left:-1px; display:flex; flex-basis:25%; flex-grow:1; border:1px solid #bbb; box-sizing:border-box;} .tab_inner .box_tab li.on {border:1px solid #5a74aa; background-color:#5a74aa; margin-right:0;} .tab_inner .box_tab li a {position:relative; display:flex; justify-content:center; align-items:center; padding:0; width:100%; border:0;} .tab_inner .box_tab li.on a {color:#fff; background:none;} .tab_inner .box_tab.ty01 {justify-content:center;} .tab_inner .box_tab.ty01 li {flex-grow:0;} .tab_inner .box_tab.ty02 li {flex-basis:16.6666%;} .tab_box {display:flex; justify-content:center;} .tab_box li {width:50%; max-width:320px; height:60px; border:1px solid #bbb; box-sizing:border-box;} .tab_box li.on {background-color:#5a74aa; border:1px solid #5a74aa;} .tab_box li a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:20px; font-weight:400; color:#1a1a1a;} .tab_box li.on a {color:#fff;} .newbtn_inner {display:inline-block; height:30px; margin:0 0 5px;} .newbtn_inner .go_site {margin:0 3px;} .newbtn_inner02 {height:30px; margin:0 0 10px;} .newbtn_inner02:last-child {margin:0;} .newbtn_inner02 .go_site {margin:0 3px;} strong + .go_site {top:-2px;} .go_site {position:relative; top:0; margin:0 0 0 10px; padding:1px 42px 0 17px; display:inline-block; width:auto; height:30px; font-size:16px; font-weight:300; color:#fff; line-height:30px; border-radius:25px; background-color:#4f5d7e;} .go_site:after {content:""; position:absolute; top:8px; right:18px; width:13px; height:13px; background-image:url(/images/edu/btn-link.png);} .go_down {position:relative; top:0; margin:0 0 0 10px; padding:1px 46px 0 17px; display:inline-block; width:auto; height:30px; font-size:16px; font-weight:300; color:#fff; line-height:30px; border-radius:25px; background-color:#4f5d7e;} .go_down:after {content:""; position:absolute; top:6px; right:18px; width:17px; height:17px; background-image:url(/images/edu/btn-down.png);} .cst_table.new_edu_table tr:first-child th,.cst_table.new_edu_table tr:first-child td{border-top:2px solid #555} .cst_table.new_edu_table tr:last-child th,.cst_table.new_edu_table tr:last-child td{border-bottom:1px solid #555} .cst_table.new_edu_table th,.cst_table.new_edu_table td{padding:25px 35px;border:1px solid #ddd;font-size:16px;font-weight:300;color:#555;line-height:1.8em} .cst_table.new_edu_table.ty01 th,.cst_table.new_edu_table.ty01 td{padding:11.5px 35px;} .cst_table.new_edu_table.ty01 .bdB th, .cst_table.new_edu_table.ty01 .bdB td {border-bottom:1px solid #555;} .cst_table.new_edu_table.ty02 th,.cst_table.new_edu_table.ty02 td{padding:11.5px 20px;} .cst_table.new_edu_table.ty02 .bdR, .cst_table.new_edu_table.ty02 .bdR {border-right:1px solid #555;} .cst_table.new_edu_table th strong,.cst_table.new_edu_table td strong{font-weight:700} .cst_table.new_edu_table th:first-child,.cst_table.new_edu_table td:first-child{border-left:0} .cst_table.new_edu_table th:last-child,.cst_table.new_edu_table td:last-child{border-right:0} .cst_table.new_edu_table th{background-color:#f8f8f8;font-size:17px;font-weight:700;color:#333;line-height:1.5em} .renewBox .table_top.ty01 {margin-bottom:30px;} .renewBox .table_top.ty01 h4 {padding:20px 0 0;} .renewBox .table_top.ty02 {margin-bottom:20px;} .renewBox .table_top.ty02 h4 {margin-top:50px;} .renewBox .table_wrap.base table.contact_table.ty01 b {display:block; font-weight:700; margin-bottom:3px;} .renewBox .table_bottom.ty01 {margin-top:30px; color:#1a1a1a;} .renewBox .table_bottom.ty01 .num-list.ty01>li {margin-bottom:15px;} .renewBox .table_bottom.ty03 {font-size:15px; color:#555;} .renewBox .table_wrap.scroll_x.short table td.text_left {text-align:left;} .boardCont_list li li .go_down {text-indent:0; padding-left:17px;} .boardCont_list.mgT {margin:30px 0 0;} .boardCont_list li {width:100%; font-size:16px; font-weight:300; line-height:30px;} .boardCont_list li.indent {padding:0 0 0 12px; font-size:15px;} .boardCont_list li.indent.ty01 .go_site {margin:0; cursor:pointer;} .boardCont_list li.indent.ty02 .go_site {margin:5px 0 0 75px; cursor:pointer;} .boardCont_list li.indent.ty03 {padding:0 0 0 25px; font-size:16px; color:#555;} .boardCont_list li a.go_noti {font-weight:700; color:#5a74aa;} .dotted {position:relative; padding:0 0 0 12px; color:#555;} .dotted:before {content:""; position:absolute; top:11px; left:0; width:5px; height:5px; background-color:#555; border-radius:50%;} .boardCont_list .dash {position:relative; padding:0 0 0 12px; color:#555;} .boardCont_list .dash:before {content:"-"; position:absolute; left:0;} .boardCont_list02 li {width:100%; line-height:30px;} .boardCont_list02 .dotted {position:relative; padding:0 0 0 12px; font-weight:700; color:#5a74aa;} .boardCont_list02 .dotted:before {content:""; position:absolute; top:11px; left:0; width:5px; height:5px; background-color:#5a74aa; border-radius:50%;} .sub_tit {position:relative;} .sub_tit .btn_homepage{position:absolute; top:0; right:0; display:inline-block; padding:10px 18px; width:auto; background-color:#4f5d7e!important; font-size:16px; color:#fff!important; font-weight:400!important; text-align:center; border-radius:25px;} .sub_tit .btn_homepage img{margin-left:10px;margin-top:-3px;vertical-align:middle} .sub_tit .btn_homepage.eddLink {right:236px;} .sub_tit .btn_homepage.ittdLink {right:139px;} .m_btn_inner {display:none;} .contbox_wrap {display:flex; align-items:center; justify-content:space-between;} .contbox_wrap .contbox_inner {display:flex; align-items:center; padding:0 20px; width:46.5%; height:140px; border:1px solid #ddd; background-color:#f8f8f8; box-sizing:border-box;} .contbox_wrap .contbox_inner.ty01 {height:205px;} .contbox_wrap .contbox_inner.ty02 {height:195px;} .contbox_wrap .contbox_inner li {margin:0 0 5px; letter-spacing:-0.6px;} .contbox_wrap .contbox_inner li:last-child {margin:0;} .contbox_wrap .contbox_inner li.dash {position:relative; padding:0 0 0 10px;} .contbox_wrap .contbox_inner li.dash:before {content:"-"; position:absolute; left:0;} .contbox_wrap .contbox_arrow {width:41px; height:48px; background:url("/images/edu/contbox_arrow.png") no-repeat; background-size:100%;} .board_mgT {margin:30px 0 0;} /* 20220527 주요학사일정 추가*/ #eventList {margin:50px 0 0; display: none;} .eventDate {margin:0 0 20px; font-size:20px; font-weight:700; color:#1a1a1a; line-height:20px; letter-spacing:-0.5px;} .eventCont_inner {width:100%; border-top:1px solid #555;} .eventCont_inner .eventCont {padding:0 0 25px; border-bottom:1px solid #ddd;} .eventCont_inner .eventCont .date {position:relative; margin:25px 0; padding:0 0 0 27px; font-size:18px; font-weight:500; color:#666; line-height:18px; letter-spacing:-0.5px;} .eventCont_inner .eventCont .date:before {content:""; position:absolute; top:6px; left:0; width:6px; height:6px; background-color:#666; border-radius:50%;} .eventCont_inner .eventCont .title {margin:0; padding:0 0 0 27px; font-size:18px; font-weight:700; color:#1a1a1a; line-height:18px; letter-spacing:-0.5px;} .eventCont_inner .eventCont .cont {margin:15px 0 0; padding:0 0 0 27px; font-size:16px; font-weight:400; color:#1a1a1a; line-height:16px; letter-spacing:-0.5px;} .eventCont_inner .eventCont li:nth-child(3) {margin:20px 0 0;} /*20220527 의학과 추가*/ .img_gradu {margin:10px auto; width:820px; height:102px; background:url("/images/edu/img_gradu.png") no-repeat;} /*20220527 의과학과 추가*/ .biomedical_conbox .edu_contents .edu_conbox .text_wrap{padding-top:0;padding-left:0;padding-right:160px} .biomedical_conbox .edu_contents .edu_conbox .typo{position:absolute} .table_wrap.flex {display:flex; justify-content:center;} .table_wrap.flex .cst_table.new_edu_table.ty50 {width:50%;} .table_wrap.flex table + table {border-left:1px solid #555;} .table_wrap.flex .cst_table.new_edu_table.ty50 td {word-break:break-all; word-wrap:break-word;} .hide_sep tbody {width:100%;} .hide_sep table:first-child {display:table;} .hide_sep table + table {display:none;} .width21 {width:12.5%} .width22 {width:12.5%} .width23 {width:35%} .width24 {width:40%} .width25 {width:6%} .lineH01 {display:block; padding:0 0 5px;} .lineH02 {line-height:35px; font-weight:300 !important;} /*20220531 의료기기산업학과 추가*/ .mdd_curri_wrap {margin:0 auto; width:100%; max-width:1070px; height:350px; display:flex; justify-content:space-between;} .mdd_curri_inner {display:flex; flex-direction:column; justify-content:space-between; height:350px;} .mdd_curri_inner.ty01 {width:874px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner {width:100%; height:160px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner > ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box {width:180px; height:160px; font-size:20px; font-weight:500; color:#1a1a1a; line-height:21px; text-align:center; border:1px solid #90b1a2; background-color:#e0efeb; border-radius:40px; box-sizing:border-box;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long {width:620px; text-align:left;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long {display:flex; flex-direction:row; justify-content:center; align-items:center;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long .mdd_curri_txt ul li {position:relative; padding:0 0 0 11px; line-height:34px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long .mdd_curri_txt ul li:before {content:""; position:absolute; top:15px; left:0; width:3px; height:2px; background-color:#1a1a1a;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon01 {margin:0 80px; width:59px; height:50px; background:url("/images/edu/mdd_curri_icon01.png") no-repeat;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon02 {margin:40px auto 27px; width:54px; height:39px; background:url("/images/edu/mdd_curri_icon02.png") no-repeat;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon03 {margin:40px auto 16px; width:50px; height:50px; background:url("/images/edu/mdd_curri_icon03.png") no-repeat;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon04 {margin:40px auto 19px; width:50px; height:47px; background:url("/images/edu/mdd_curri_icon04.png") no-repeat;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon05 {margin:40px auto 17px; width:49px; height:49px; background:url("/images/edu/mdd_curri_icon05.png") no-repeat;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon06 {margin:40px auto 16px; width:46px; height:50px; background:url("/images/edu/mdd_curri_icon06.png") no-repeat;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_line {margin:0 0 0 3px; width:37px; height:8px; background:url("/images/edu/mdd_curri_line01.png") no-repeat; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_arrow {margin:0 0 0 3px; width:31px; height:26px; background:url("/images/edu/mdd_curri_line02.png") no-repeat; background-size:100%;} .mdd_curri_inner.ty02 {width:180px; background-color:#606d8b; border-radius:40px; display:flex; justify-content:center; align-items:center;} .mdd_curri_inner.ty02 span {display:block; font-size:20px; font-weight:700; color:#fff; line-height:30px;} .mdd_curri_inner.ty02 .mdd_curri_icon07 {margin:40px 0; width:77px; height:81px; background:url("/images/edu/mdd_curri_icon07.png") no-repeat;} /*20220601 임상의과학과 추가*/ .clinical_mgT {margin:50px 0 0;} .grayBox {padding:20px; background-color:#f2f2f2;} .table {margin:15px 0; width:100%; border-top:1px solid #ddd;} .table ul {display:flex; flex-direction:row; flex-wrap:wrap;} .table ul li {width:25%; height:40px; font-size:16px; font-weight:300; color:#555; line-height:39px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;} .table ul li.title {font-weight:700; background-color:#f8f8f8;} .table ul li:first-child, .table ul li:nth-child(5) {border-left:0;} .boardCont_list li li {text-indent:-18px; padding-left:18px;} .boardCont_list .lh > li {line-height:43px;} .boardCont_list .fontS li {font-size:15px; color:#757575; line-height:24px; text-indent:-10px; padding-left:10px;} /*20220601 의사과학자 양성프로그램 추가*/ .sub_topTxt {font-size:17px; font-weight:300; line-height:30px; color:#555; letter-spacing:-0.5px; text-align:center;} .medsci_conbox {margin:0 auto; width:100%; max-width:1120px;} .medsci_conbox .medsci_box {width:100%;} .medsci_conbox .medsci_box .sub_title.ty01 {margin:60px auto 40px; width:100%; height:30px; font-size:30px; font-weight:700; line-height:30px; color:#1a1a1a; text-align:center;} .medsci_conbox .medsci_box .sub_title.ty02 {margin:80px auto 40px; width:100%; height:30px; font-size:30px; font-weight:700; line-height:30px; color:#1a1a1a; text-align:center;} .medsci_conbox .medsci_box .top_line {margin:0 0 0 89px; width:100%; max-width:881px; height:62px;} .medsci_conbox .medsci_box .top_line ul {display:flex; justify-content:center;} .medsci_conbox .medsci_box .top_line ul li.line_left {width:1px; height:62px; background:url("/images/edu/line_left02.png") no-repeat;} .medsci_conbox .medsci_box .top_line ul li.line_top {width:100%; height:2px; background:url("/images/edu/line_top.png") repeat-x;} .medsci_conbox .medsci_box .top_line ul li.line_right {width:8px; height:34px; background:url("/images/edu/line_right02.png") no-repeat;} .medsci_conbox .medsci_box .box_wrap01 {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;} .medsci_conbox .medsci_box .box_wrap01 .box01 {margin-right:20px; flex-basis:180px; background-color:#749d8b; border-radius:25px;} .medsci_conbox .medsci_box .box_wrap01 .box02 {position:relative; flex-basis:300px; background-color:#94b5a7; border-radius:25px;} .medsci_conbox .medsci_box .box_wrap01 .box02 .icon_peo {position:absolute; top:-43px; right:-5%; width:35px; height:42px; background:url("/images/edu/medsci_people02.png") no-repeat;} .medsci_conbox .medsci_box .box_wrap01 .box03 {position:relative; margin:0 10px; top:-10px; flex-basis:300px; background-color:#85ab9b; border-radius:25px;} .medsci_conbox .medsci_box .box_wrap01 .box04 {position:relative; flex-basis:300px; top:-20px; background-color:#749d8b; border-radius:25px;} .medsci_conbox .medsci_box .box_wrap01 > div > ul {display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:160px;} .medsci_conbox .medsci_box .box_wrap01 > div > ul li {font-size:16px; font-weight:400; color:#fff; line-height:30px; text-align:center;} .medsci_conbox .medsci_box .box_wrap01 > div > ul li.font_big {font-size:20px; font-weight:700;} .medsci_conbox .medsci_box .box_wrap02 {position:relative; margin:40px 0; display:flex; flex-direction:row; justify-content:flex-start;} .medsci_conbox .medsci_box .box_wrap02 div {font-size:20px; font-weight:700; color:#fff; line-height:30px; text-align:center;} .medsci_conbox .medsci_box .box_wrap02 .box01 {margin-right:20px; padding:50px 0; flex-basis:180px; min-height:160px; background-color:#4f5c7c; border-radius:25px;} .medsci_conbox .medsci_box .box_wrap02 .box_inner01 {flex-basis:920px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;} .medsci_conbox .medsci_box .box_wrap02 .box_inner01 .icon_arrow {position:absolute; top:-25px; right:-22%; width:79px; height:18px; background:url("/images/edu/medsci_arrow04.png") no-repeat;} .medsci_conbox .medsci_box .box_wrap02 .box02 {position:relative; flex-basis:30%; min-height:75px; background-color:#4f5c7c; border-radius:25px; flex-grow:1; line-height:75px;} .medsci_conbox .medsci_box .box_wrap02 .box03 {position:relative; margin:0 10px; padding:7.5px 0; flex-basis:30%; min-height:75px; background-color:#4f5c7c; border-radius:25px; flex-grow:1;} .medsci_conbox .medsci_box .box_wrap02 .box04 {padding:7.5px 0; flex-basis:30%; min-height:75px; background-color:#4f5c7c; border-radius:25px; flex-grow:1;} .medsci_conbox .medsci_box .box_wrap02 .box05 {margin:10px 0 0; flex-basis:100%; min-height:75px; background-color:#4f5c7c; border-radius:25px; line-height:75px;} .medsci_conbox .medsci_box .box_wrap03 {display:flex; flex-direction:row; justify-content:flex-start;} .medsci_conbox .medsci_box .box_wrap03 div {font-size:20px; font-weight:700; color:#fff; line-height:30px; text-align:center;} .medsci_conbox .medsci_box .box_wrap03 .box01 {position:relative; margin:45px 0 20px; flex-basis:243px; min-height:250px; background-color:#4f5c7c; border-radius:25px; line-height:250px;} .medsci_conbox .medsci_box .box_wrap03 .tit {display:block; position:absolute; top:-45px; left:0; width:100%; font-size:20px; font-weight:700; color:#1a1a1a; text-align:center; line-height:28px;} .medsci_conbox .medsci_box .box_wrap03 .tit.ty01 {max-width:243px;} .medsci_conbox .medsci_box .box_wrap03 .tit.ty02 {max-width:474px;} .medsci_conbox .medsci_box .box_wrap03 .tit.ty03 {max-width:342px;} .medsci_conbox .medsci_box .box_wrap03 .line_Vert {margin:45px 0 0; position:relative; flex-basis:41px; min-height:268px; background:url("/images/edu/line_dot03.png") no-repeat; background-position:50%;} .medsci_conbox .medsci_box .box_wrap03 .box_inner01 {position:relative; margin:45px 20px 0 0; flex-basis:474px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;} .medsci_conbox .medsci_box .box_wrap03 .box02 {flex-basis:45%; min-height:120px; background-color:#c3beb0; border-radius:25px; flex-grow:1; line-height:120px;} .medsci_conbox .medsci_box .box_wrap03 .box03 {margin:0 0 0 10px; flex-basis:45%; min-height:120px; background-color:#c3beb0; border-radius:25px; flex-grow:1; line-height:120px;} .medsci_conbox .medsci_box .box_wrap03 .box04 {margin:10px 0 20px; flex-basis:100%; min-height:120px; background-color:#4f5c7c; border-radius:25px; line-height:120px;} .medsci_conbox .medsci_box .box_wrap03 .box_inner02 {position:relative; margin:45px 0 0; flex-basis:342px; display:flex; flex-direction:column;} .medsci_conbox .medsci_box .box_wrap03 .box05 {flex-basis:100%; height:70px; line-height:70px; background:url("/images/edu/new_medsci_txtBg01.png") no-repeat; background-size:100% 70px;} .medsci_conbox .medsci_box .box_wrap03 .box06 {margin:20px 0; flex-basis:100%; height:70px; line-height:70px; background:url("/images/edu/new_medsci_txtBg02.png") no-repeat; background-size:100% 70px;} .medsci_conbox .medsci_box .box_wrap03 .box07 {margin:0 0 20px; flex-basis:100%; height:70px; line-height:70px; background:url("/images/edu/new_medsci_txtBg03.png") no-repeat; background-size:100% 70px;} .medsci_conbox .medsci_box .line_Hori {margin:0 0 20px; width:100%; height:2px; background-image:url("/images/edu/line_dot02.png"); background-repeat:repeat-x;} .medsci_conbox .medsci_box .box_wrap04 {margin:0 0 100px; display:flex; flex-direction:row; justify-content:flex-start;} .medsci_conbox .medsci_box .box_wrap04 div {font-size:20px; font-weight:700; color:#fff; line-height:30px; text-align:center;} .medsci_conbox .medsci_box .box_wrap04 .box01 {position:relative; margin:0 10px 0 0; padding:75px 0; flex-basis:274px; min-height:210px; background-color:#94b5a7; border-radius:25px;} .medsci_conbox .medsci_box .box_wrap04 .box_inner01 {position:relative; margin:0 20px 0 0; flex-basis:474px; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;} .medsci_conbox .medsci_box .box_wrap04 .box_inner01:before {content:""; position:absolute; top:50%; left:50%; width:50px; height:50px; background-color:#94b5a7; transform:translate(-50%, -50%);} .medsci_conbox .medsci_box .box_wrap04 .box02_inner {flex-basis:50%; min-height:110px; background-color:#fff; border-radius:25px; flex-grow:1; z-index:1;} .medsci_conbox .medsci_box .box_wrap04 .box02_inner .box02 {margin-right:10px; padding:20px 0; flex-basis:100%; min-height:100px; background-color:#94b5a7; border-radius:25px; flex-grow:1;} .medsci_conbox .medsci_box .box_wrap04 .box03 {padding:20px 0; flex-basis:50%; min-height:110px; background-color:#94b5a7; border-top-left-radius:25px; border-top-right-radius:25px; flex-grow:1;} .medsci_conbox .medsci_box .box_wrap04 .box04 {flex-basis:100%; min-height:100px; background-color:#94b5a7; border-radius:25px; border-top-right-radius:0; line-height:100px;} .medsci_conbox .medsci_box .box_wrap04 .box_inner02 {position:relative; flex-basis:342px; display:flex; flex-direction:column;} .medsci_conbox .medsci_box .box_wrap04 .circle {margin:3px auto; padding:57px 0; width:204px; height:204px; background-color:#7ea695; border-radius:50%;} /*20220601 연락처 추가*/ .renewBox .table_wrap.ty01.base table td {word-break:break-all; word-wrap:break-word;} .contact_title {margin-bottom:10px; font-size:28px; font-weight:bold;} .width41 {width:50%} .width42 {width:25%} /*자료실*/ .cst_table.edu_table.ty01 th, .cst_table.edu_table.ty01 td{padding:13px 20px;} .cst_table.edu_table.ty01 thead tr th {border-bottom:0;} .cst_table.edu_table.ty01 tbody tr:first-child th, .cst_table.edu_table.ty01 tbody tr:first-child td {border-top:1px solid #ddd;} .cst_table.edu_table.ty01 tbody td.text_center {padding:13px 0;} .cst_table.edu_table.ty01 tbody td span.mobileHide {height:100%;} .width31 {width:16%;} .cst_table.edu_table.ty01.data tbody th.border-bottom {border-bottom:1px solid #555;} .cst_table.edu_table.ty01 tbody td .btn_down {display:none;} /*FAQ*/ .board_top.faq {margin-top:40px;} .tab_panel.faq {margin-top:0;} .faq_wrap {border-top:2px solid #555;} .faq_wrap .board_none > li {border-top:0; padding:45px 0 40px;} .faq_inner {border-bottom:1px solid #ddd;} .faq_inner .faq_tit {position:relative; padding:30px 72px 30px 20px; cursor:pointer;} .faq_inner .faq_tit:after {content:""; position:absolute; top:36px; right:30px; width:22px; height:12px; background:url("/images/edu/faq_arrow.png") no-repeat; transform-origin:50%; transform:rotate(0deg); transition-duration:0.5s;} .faq_inner.active .faq_tit:after {background:url("/images/edu/faq_arrow_on.png") no-repeat; transform:rotate(-180deg);} .faq_inner .faq_tit span {position:relative; display:inline-block; padding:0 0 0 40px; font-size:18px; font-weight:700; color:#555; letter-spacing:-0.5px; line-height:30px;} .faq_inner.active .faq_tit span {color:#5a74aa;} .faq_inner .faq_tit span::before {content:"Q"; position:absolute; left:0; font-size:24px; color:#5a74aa;} .faq_inner .faq_cont {display:none; margin:0 0 20px; padding:40px; background-color:#f8f8f8; font-size:16px; font-weight:300; line-height:30px; color:#555; letter-spacing:-0.5px;} .faq_inner .faq_cont span.block {display:block; font-size:14px; line-height:26px;} .faq_inner .faq_cont span.mgTB {display:block; margin:10px 0 5px;} .faq_inner .faq_cont strong {font-weight:700;} .faq_inner .faq_cont span.underline {text-decoration:underline;} .faq_inner .faq_cont span.underline span {text-decoration:underline; text-decoration-color:#555;} .faq_inner .faq_cont .colorPoint01 {color:#f71010;} .faq_inner .faq_cont .colorPoint02 {color:#cc00ff;} .faq_inner .faq_cont .colorPoint03 {color:#5a74aa;} .faq_inner .faq_cont .colorPoint04 {color:#b5b0b0;} .faq_inner .faq_cont .HL {background-color:rgba(255, 255, 0, 0.8);} .faq_inner .faq_cont ul li {padding-left:10px; font-size:14px; line-height:26px;} .faq_inner .faq_cont ul.ty01 li {padding-left:0; font-size:14px; font-weight:700; line-height:26px;} .faq_inner .faq_cont ul.ty01 li p {padding-left:15px; font-size:14px !important; line-height:26px;} .faq_inner .faq_cont .table_Wrap {margin:0 0 10px;} .faq_inner .faq_cont .table_Wrap.ty01 {margin:20px 0 0;} .faq_inner .faq_cont table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #555; background-color:#fff;} .faq_inner .faq_cont table tr th {text-align:center; background-color:#f8f8f8;} .faq_inner .faq_cont table tr th, .faq_inner .faq_cont table tr td{padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .faq_inner .faq_cont .table_Wrap.ty01 table tr td {text-align:center;} .faq_inner .faq_cont .table_Wrap.ty01 table tr td.text_left {padding:10px 15px; text-align:left;} .faq_inner .faq_cont table tr th:last-child, .faq_inner .faq_cont table tr td:last-child{border-right:0;} .faq_inner .faq_cont table tr:last-child td{border-bottom:1px solid #555;} .faq_foot {margin:80px 0 0; padding:30px; width:100%; font-size:16px; font-weight:400; color:#1a1a1a; line-height:30px; background-color:#f8f8f8; border:1px solid #ddd;} /*Q&A*/ .board_wrap .board_top .sch_wrap.qna_sch_wrap .sch_key{width:240px;} .board_wrap .qna_list li span {padding:17px 0;} .board_wrap .qna_list li.no-data{padding: 20px 0;text-align: center;} .board_wrap .qna_list li.no-data span{font-size: 17px;font-weight:700;color:#222;} .board_wrap .qna_list li .num {width:6%;} .board_wrap .qna_list li .subject {text-align:left;} .board_wrap .qna_list li .subject i {display:inline-block; margin:11px 0 0; max-width:80%; font-style:normal;} .board_wrap .qna_list li .name {width:9%;} .board_wrap .qna_list li .date {width:10%;} .board_wrap .qna_list li .hit {width:8%;} .board_wrap .btn_answer {display:inline-block; padding:6px 13px 5px; background-color:#888; border-radius:50px; color:#fff; font-size:14px; font-weight:500; line-height:1em; vertical-align:top; margin:9px 0 0 10px;} .board_wrap .qna_view li.thead > span{padding:25px 0;} .board_wrap .qna_view li.thead .subject{padding:25px; width:65%;font-size:20px; line-height:30px;} .board_wrap .qna_view li.thead .writer{width:11%;font-size:16px;color:#666;text-align:center} .board_wrap .qna_view li.thead .writer b{padding-left:20px;font-weight:400} .board_wrap .qna_view li.thead .date{width:15%;font-size:16px;color:#666;text-align:center} .board_wrap .qna_view li.thead .date b{padding-left:20px;font-weight:400} .board_wrap .qna_view li.thead .hit{width:9%;font-size:16px;color:#666;text-align:center} .board_wrap .qna_view li.thead .hit b{padding-left:20px;font-weight:400} .board_wrap .reply_wrap {border-top:1px solid #ececec;} .board_wrap .reply_wrap .reply_box {margin:20px 0; padding:40px; display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; height:100%; background-color:#f8f8f8;} .board_wrap .reply_wrap .reply_box .top_inner ul {display:flex; justify-content:flex-start;} .board_wrap .reply_wrap .reply_box .top_inner ul li {position:relative; padding:0 9px 0 0;} .board_wrap .reply_wrap .reply_box .top_inner ul li + li {position:relative; padding:0 0 0 10px;} .board_wrap .reply_wrap .reply_box .top_inner ul li + li:before {content:""; position:absolute; top:5px; left:0; width:1px; height:14px; background-color:#e4e4e4;} .board_wrap .reply_wrap .reply_box .top_inner ul li.name {font-size:16px; font-weight:500; color:#1a1a1a; line-height:28px; padding:0 20px 0 0;} .board_wrap .reply_wrap .reply_box .top_inner ul li.date {font-size:16px; font-weight:300; color:#666; line-height:28px; padding:0 0 0 21px;} .board_wrap .reply_wrap .reply_box .top_inner ul li.btn {font-size:15px; font-weight:700; color:#666; line-height:28px;} .board_wrap .reply_wrap .reply_box .cont_inner {margin:20px 0 0; width:100%; font-size:15px; font-weight:300; color:#1a1a1a; line-height:28px;} .board_wrap .reply_wrap .reply_box .input_Inner {width:100%; height:120px; border:1px solid #c9cdd0; border-radius:10px; box-sizing:border-box; background-color:#fff;} .board_wrap .reply_wrap .reply_box .input_Inner .input_area {padding:12px 20px 8px; width:100%; min-height:48px; box-sizing:border-box;} .board_wrap .reply_wrap .reply_box .input_Inner .input_area textarea {width:100%; height:auto; border:0; resize:none; font-size:15px; font-weight:300; line-height:24px; color:#666; letter-spacing:-0.5px; overflow-y:hidden;} .board_wrap .reply_wrap .reply_box .btn02 {position:relative;} .board_wrap .reply_wrap .reply_box .btn02 a {display:inline-block; position:absolute; right:12px; width:52px; height:30px; font-size:16px; font-weight:400; color:#fff; line-height:30px; background-color:#303134; text-align:center;} @media (max-width: 1349px) { .mid_show {display:block; height:0;} } @media (max-width: 1200px) { /*20220527 의과학과 추가*/ .table_wrap.flex {justify-content:flex-start; flex-direction:column;} .table_wrap.flex .cst_table.new_edu_table.ty50 {width:100%;} .table_wrap.flex table {border-bottom:0;} .table_wrap.flex table + table {border-left:0;} .table_wrap.flex table + table tr:first-child, .table_wrap.flex table + table tr:last-child {display:none;} .lineH01 {padding:0;} /*20220531 의료기기산업학과 추가*/ .mdd_curri_wrap {max-width:620px; height:100%; flex-direction:column;} .mdd_curri_inner {flex-direction:row; height:100%;} .mdd_curri_inner.ty01 {width:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner {width:45%; height:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner > ul {flex-direction:column; align-items:center; justify-content:center;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box {width:100%; height:160px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long {width:100%; height:556px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long {flex-direction:column;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long .mdd_curri_txt ul li {position:relative; padding:0 0 0 11px; line-height:34px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long .mdd_curri_txt ul li:before {content:""; position:absolute; top:15px; left:0; width:3px; height:2px; background-color:#1a1a1a;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon01 {margin:40px 0;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_line {margin:15px 0; width:37px; height:8px; transform:rotate(90deg);} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_arrow {margin:4px 0 10px; width:31px; height:26px; transform:rotate(90deg);} .mdd_curri_inner.ty02 {width:100%; height:160px;} .mdd_curri_inner.ty02 .mdd_curri_icon07 {margin:0 40px; width:77px; height:81px;} /*의사과학자 양성프로그램*/ .medsci_conbox .medsci_box .top_line {margin:0 0 0 7%; width:80%; max-width:80%;} /*자료실*/ .width31 {width:25%;} /*Q&A*/ .board_wrap .qna_view li.thead > span{padding:0;} .board_wrap .qna_view li.thead .subject{padding:0; width:100%;font-size:20px; line-height:30px;} .board_wrap .qna_view li.thead .writer{width:15%;font-size:16px;color:#666;text-align:left} .board_wrap .qna_view li.thead .writer b{padding-left:10px;} .board_wrap .qna_view li.thead .date{width:20%;font-size:16px;color:#666;text-align:left} .board_wrap .qna_view li.thead .date b{padding-left:10px;} .board_wrap .qna_view li.thead .hit{width:15%;font-size:16px;color:#666;text-align:left} .board_wrap .qna_view li.thead .hit b{padding-left:10px;} } @media (max-width: 1024px) { .tabletHide {display:none !important; height:0;} .tab_box li {height:40px;} .tab_box li a {font-size:14px; line-height:38px;} .tab_box li a span {display:inline-block; height:36px; line-height:38px;} .tab_inner .box_tab li a span {display:inline-block; height:38px; line-height:40px;} } @media (max-width: 767px) { /* 20220527 대학원 공통*/ #contents.mobile_pd {padding-top:0;} #contents p.fontS {padding:5px 0 0; font-size:13px; line-height:18px;} .school_table.cst_table colgroup col:nth-child(1).width01 {width:25% !important;} .width02 {width:8%;} .width03 {width:8%;} .width04 {width:20%;} .width05 {width:10%;} .width06 {width:24%;} .width07 {width:24%;} .width08 {width:18%;} .width09 {width:30%;} .width10 {width:30%;} .width11 {width:15%;} .mobileHide {display:none !important; height:0;} .mobileHide02 {display:none;} .mobileShow {display:block; height:0;} .mobileShow02 {display:inline-block;} .newbtn_inner02 {height:25px; margin:0 0 5px; font-size:12px !important;} .go_site {margin:0 0 0 7px; padding:1px 33px 0 13px; height:25px; font-size:12px; font-weight:400; line-height:25px;} .go_site:after {top:7px; right:13px; width:10px; height:10px; background-image:url(/images/edu/btn-link.png); background-size:100%;} .tab_inner .box_tab li, .tab_inner .box_tab.ty02 li {flex-basis:50%;} .tab_inner .box_tab li:nth-child(3), .tab_inner .box_tab li:nth-child(4), .tab_inner .box_tab.ty02 li:nth-child(5), .tab_inner .box_tab.ty02 li:nth-child(6) {margin-top:-1px;} .tab_inner .box_tab.ty01 {justify-content:flex-start;} .contact_conbox h5 {margin-top:40px; margin-bottom:15px; font-size:18px;} .cst_table.new_edu_table {border-bottom:1px solid #555} .cst_table.new_edu_table th,.cst_table.new_edu_table td{padding:10px; font-size:13px !important; line-height:17px} .cst_table.new_edu_table.ty01 th,.cst_table.new_edu_table.ty01 td{padding:10px; word-break:break-all; word-wrap:break-word;} .cst_table.new_edu_table.ty02 th,.cst_table.new_edu_table.ty02 td{padding:10px;} .boardCont_list li {font-size:13px; line-height:24px;} .boardCont_list.mgT {margin:20px 0 0;} .dotted:before {top:8px; width:4px; height:4px;} .renewBox .table_wrap.scroll_x.short table {width:700px;} .renewBox .tab_panel.ty01 {margin-top:40px;} .renewBox .table_top.ty01 {margin-bottom:20px;} .renewBox .table_top.ty01 h4 {padding:10px 0 0; font-size:15px;} .renewBox .table_top.ty02 h4 {margin-top:35px; font-size:15px;} .renewBox .table_wrap .cst_table.new_edu_table th{padding:10px !important; font-size:13px !important; line-height:17px;} .renewBox .table_wrap.base table.contact_table.ty01 th {padding:10px 0 !important; font-size:14px !important;} .renewBox .table_wrap.base table.contact_table.ty01 td {line-height:18px !important;} .renewBox .table_wrap.base table.contact_table.ty01 td .text_center {text-align:center !important;} .renewBox .table_bottom.ty01 {margin-top:20px; font-size:13px;} .renewBox .table_bottom.ty02 {font-size:13px;} .renewBox .table_bottom.ty01 .num-list.ty01>li {margin-bottom:10px;} .renewBox .table_bottom.ty02 .num-list.ty02 li {margin:10px 0 0 13px !important;} .renewBox .table_wrap.scroll_x table.left.ty02 th {padding:10px !important;} .renewBox .cont_wrap .summary.ty01 p {font-size:13px !important; line-height:22px !important;} .renewBox .cont_wrap .summary.ty01 p:nth-child(2) {margin:15px 0 0;} .renewBox .cont_wrap .summary.ty01 p.title {padding: 35px 0 10px;} .renewBox .cont_wrap .summary.ty01 {font-size:13px; line-height:22px; font-weight:300;} .renewBox .cont_wrap .summary.ty01 .num-list .bar-list .fontS {font-size:13px;} .renewBox .tab_panel .btn_down_wrap {margin-top:30px;} .renewBox .tab_panel .btn_down_wrap .btn_down {float:none; display:block; width:100%; padding:10px 30px 7px 15px; margin-bottom:10px; margin-left:0; font-size:14px; line-height:20px; background-position:right 10px center;} .renewBox .tab_panel .btn_down_wrap .btn_down:nth-child(2n+1){margin-left:0; margin-bottom:10px;} .m_btn_inner {display:block;} .m_btn_inner a + a {margin:10px 0 20px;} .m_btn_homepage{display:block; padding:9px 0; width:auto; background-color:#4f5d7e!important; font-size:13px; color:#fff!important; font-weight:400!important; text-align:center; border-radius:25px;} .m_btn_homepage img{margin-left:10px;margin-top:-1px;vertical-align:middle; width:11px; height:11px;} .board_mgT {margin:20px 0 0;} .contbox_wrap {justify-content:center; flex-direction:column;} .contbox_wrap .contbox_inner {display:flex; align-items:center; padding:20px; width:100%; height:100%;} .contbox_wrap .contbox_inner.ty01 { height:100%;} .contbox_wrap .contbox_inner.ty02 { height:100%;} .contbox_wrap .contbox_inner li {margin:0 0 5px; letter-spacing:-0.6px;} .contbox_wrap .contbox_inner li:last-child {margin:0;} .contbox_wrap .contbox_inner li.dash {position:relative; padding:0 0 0 10px;} .contbox_wrap .contbox_inner li.dash:before {content:"-"; position:absolute; left:0;} .contbox_wrap .contbox_arrow {margin:10px 0; width:24.6px; height:28.8px; transform:rotate(90deg);} /* 20220527 주요학사일정*/ .fc-theme-standard td, .fc-theme-standard th {border:0 !important;} .fc-theme-standard .fc-scrollgrid {border:0 !important;} .fc .fc-highlight {border-radius:50%; border:2px solid #a9add0 !important; width:45px; height:45px; top:3px !important; left:50% !important; transform:translate(-50%, 0);} .fc .fc-daygrid-day-frame {padding:15px 0 5px; min-height:auto !important;} .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {position:relative; border:0 !important;} .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame:before {content:""; display:block; position:absolute; top:3px; left:50%; width:45px; height:45px; border:2px solid #5a74aa; border-radius:50% !important; transform:translate(-50%, 0);} .fc .fc-toolbar-title {font-size:20px !important; padding:0 10px; font-weight:400 !important;} .fc-icon {width:5.5px !important; height:10px !important;} .fc-icon-chevron-left:before {top:9px !important; width:5.5px !important; height:10px !important;} .fc-icon-chevron-right:before {top:9px !important; width:5.5px !important; height:10px !important;} .fc .fc-today-button {width:50px !important; height:22px !important; font-size:12px !important; line-height:20px !important;} .fc .fc-toolbar.fc-header-toolbar {margin-bottom:20px !important;} .fc .fc-col-header-cell {height:40px !important; background-color:#fff !important; border:0 !important;} .fc .fc-col-header-cell-cushion {font-size:14px !important;} .fc-h-event {padding:0 !important; background-color:#fff !important;} .fc-h-event .fc-event-title {display:none !important;} .fc-event-start:before {top:0; left:50% !important; width:7px !important; height:7px !important; border-top-left-radius:50% !important; border-top-right-radius:50% !important; border-bottom-left-radius:50% !important; border-bottom-right-radius:50% !important; transform:translate(-50%, 0);} .fc .fc-daygrid-day-top {justify-content:center; align-items:center;} .fc .fc-daygrid-day-number {padding:0 !important; font-size:14px !important;} .fc .fc-daygrid-day-bottom.event:before {content:""; clear:both; display:table; position:absolute; top:0; left:50%; width:7px; height:7px; background-color:#00c68d; border-radius:50%; transform:translate(-50%, 0); z-index:6;} .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {min-height:10px !important;} .fc .fc-daygrid-body-natural .fc-daygrid-day-events {margin-bottom:0 !important;} #eventList {margin:30px 0 0;} .eventDate {margin:0 0 10px; font-size:15px; line-height:15px;} .eventCont_inner .eventCont {padding:0 0 15px;} .eventCont_inner .eventCont .date {position:relative; margin:15px 0; padding:0 0 0 15px; font-size:14px; line-height:14px;} .eventCont_inner .eventCont .date:before {top:3px; width:5px; height:5px;} .eventCont_inner .eventCont .title {padding:0 0 0 15px; font-size:15px; line-height:15px;} .eventCont_inner .eventCont .cont {margin:10px 0 0; padding:0 0 0 15px; font-size:13px; line-height:13px;} .eventCont_inner .eventCont li:nth-child(3) {margin:15px 0 0;} /*20220527 의학과 추가*/ .img_gradu {margin:10px 20px; width:auto; max-width:554px; height:0; padding-bottom:calc(133/554*100%); background:url("/images/edu/img_gradu_m.png") no-repeat center center/contain;} /*20220527 의과학과 추가*/ .biomedical_conbox .edu_contents .edu_conbox .text_wrap{float:none; width:100%; padding-right:0; font-size:14px; font-weight:400; line-height:25px;} .biomedical_conbox .edu_contents .edu_conbox .typo{display:none;} .renewBox .cont_wrap .summary.ty01 .num-list > li {margin:0 0 10px 18px;} .hide_sep table:first-child {display:none;} .hide_sep table + table {display:table;} .width21 {width:6%} .width22 {width:17%} .width23, .width24 {width:38.5%} .width25 {width:20%} .linH01 {line-height:25px;} /*20220531 의료기기산업학과 추가*/ .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box {height:90px; font-size:14px; line-height:15px; border-radius:20px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long {height:100%; height:328px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long .mdd_curri_txt ul li {padding:0 0 0 8px; line-height:25px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box.long .mdd_curri_txt ul li:before {top:10px; left:0;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon01 {margin:20px 0 25px; width:47.2px; height:40px; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon02 {margin:15px auto 15px; width:43.2px; height:31.2px; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon03 {margin:12px auto 9.2px; width:40px; height:40px; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon04 {margin:12px auto 11.6px; width:40px; height:37.6px; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon05 {margin:12px auto 10px; width:39.2px; height:39.2px; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_box .mdd_curri_icon06 {margin:12px auto 9.2px; width:36.8px; height:40px; background-size:100%;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_line {margin:12px 0; width:29.6px; height:6.4px;} .mdd_curri_inner.ty01 .mdd_curri_box_inner ul li.mdd_curri_arrow {margin:4px 0 10px; width:24.8px; height:20.8px;} .mdd_curri_inner.ty02 {height:100px; border-radius:20px;} .mdd_curri_inner.ty02 span {font-size:15px; line-height:15px;} .mdd_curri_inner.ty02 .mdd_curri_icon07 {margin:0 20px; width:61.6px; height:64.8px; background-size:100%;} .renewBox .table_bottom.ty03 {margin-top:20px; font-size:13px;} /*20220601 임상의과학과 추가*/ .table ul li {width:25%; height:35px; font-size:13px; line-height:35px; word-break:break-all; word-wrap:break-word;} .table ul li.title {height:46px; line-height:46px;} .table ul li:nth-child(3) {padding:5px 0; line-height:18px;} .boardCont_list li li {text-indent:-13px; padding-left:13px;} .boardCont_list .lh > li {line-height:28px;} .boardCont_list .fontS li {font-size:13px;} /*20220601 의사과학자 양성프로그램 추가*/ .sub_topTxt {font-size:14px; line-height:24px; color:#1a1a1a; text-align:left;} .medsci_conbox .medsci_box .sub_title.ty01 {margin:30px auto 20px; height:24px; font-size:18px; line-height:24px;} .medsci_conbox .medsci_box .sub_title.ty02 {margin:40px auto 20px; height:24px; font-size:18px; line-height:24px;} .medsci_conbox .medsci_box .top_line {height:49px;} .medsci_conbox .medsci_box .top_line ul li.line_left {width:1px; height:49px; background-size:100%;} .medsci_conbox .medsci_box .top_line ul li.line_top {width:100%; height:2px;} .medsci_conbox .medsci_box .top_line ul li.line_right {width:6.4px; height:27.2px; background-size:100%;} .medsci_conbox .medsci_box .box_wrap01 .box01 {margin-right:5px; border-radius:15px;} .medsci_conbox .medsci_box .box_wrap01 .box02 .icon_peo {top:-34px; right:-10%; width:24.5px; height:29.4px; background-size:100%;} .medsci_conbox .medsci_box .box_wrap01 .box02, .medsci_conbox .medsci_box .box_wrap01 .box04 {border-radius:15px;} .medsci_conbox .medsci_box .box_wrap01 .box02 li:first-child, .medsci_conbox .medsci_box .box_wrap01 .box04 li:first-child {margin:0 0 10px;} .medsci_conbox .medsci_box .box_wrap01 .box03 {margin:0 2.5px; border-radius:15px;} .medsci_conbox .medsci_box .box_wrap01 .box03 li:first-child {margin:0 0 12px;} .medsci_conbox .medsci_box .box_wrap01 > div > ul {min-height:140px;} .medsci_conbox .medsci_box .box_wrap01 > div > ul li {font-size:12px; line-height:16px;} .medsci_conbox .medsci_box .box_wrap01 > div > ul li.font_big {font-size:12px;} .medsci_conbox .medsci_box .box_wrap02 div {font-size:12px; line-height:16px;} .medsci_conbox .medsci_box .box_wrap02 .box_inner01 .icon_arrow {top:-18px; right:-43%; width:55.3px; height:12.6px; background-size:100%;} .medsci_conbox .medsci_box .box_wrap02 .box01 {padding:38px 0; margin-right:5px; border-radius:15px; min-height:140px;} .medsci_conbox .medsci_box .box_wrap02 .box02 {padding:26px 0; border-radius:15px; min-height:100px; line-height:16px;} .medsci_conbox .medsci_box .box_wrap02 .box03 {margin:0 2.5px; padding:10px 0; border-radius:15px; min-height:100px;} .medsci_conbox .medsci_box .box_wrap02 .box04 {padding:26px 0; border-radius:15px; min-height:100px;} .medsci_conbox .medsci_box .box_wrap02 .box05 {margin:2.5px 0 0; border-radius:15px; min-height:37.5px; line-height:37.5px;} .medsci_conbox .medsci_box .box_wrap03 div {font-size:12px; line-height:18px;} .medsci_conbox .medsci_box .box_wrap03 .box01 {margin:20px 0 8px; min-height:109px; border-radius:15px; line-height:109px;} .medsci_conbox .medsci_box .box_wrap03 .line_Vert {margin:20px 0 0; flex-basis:11px; min-height:117px;} .medsci_conbox .medsci_box .box_wrap03 .tit {top:-20px; font-size:12px; line-height:18px;} .medsci_conbox .medsci_box .box_wrap03 .box_inner01 {margin:20px 5px 0 0;} .medsci_conbox .medsci_box .box_wrap03 .box02 {flex-basis:45%; min-height:53px; border-radius:15px; line-height:53px;} .medsci_conbox .medsci_box .box_wrap03 .box03 {margin:0 0 0 6px; min-height:53px; border-radius:15px; line-height:53px;} .medsci_conbox .medsci_box .box_wrap03 .box04 {margin:3px 0 8px; min-height:53px; border-radius:15px; line-height:53px;} .medsci_conbox .medsci_box .box_wrap03 .box_inner02 {margin:20px 0 0;} .medsci_conbox .medsci_box .box_wrap03 .box05 {flex-basis:100%; height:31.5px; line-height:31.5px; background-size:100% 31.5px;} .medsci_conbox .medsci_box .box_wrap03 .box06 {margin:7.25px 0; height:31.5px; line-height:31.5px; background-size:100% 31.5px;} .medsci_conbox .medsci_box .box_wrap03 .box07 {margin:0 0 8px; flex-basis:100%; height:31.5px; line-height:31.5px; background-size:100% 31.5px;} .medsci_conbox .medsci_box .line_Hori {margin:0 0 8px;} .medsci_conbox .medsci_box .box_wrap04 {margin:0 0 50px;} .medsci_conbox .medsci_box .box_wrap04 div {font-size:12px; line-height:16px;} .medsci_conbox .medsci_box .box_wrap04 .box01 {margin:0 2.5px 0 0; padding:44px 0; min-height:120px; border-radius:15px;} .medsci_conbox .medsci_box .box_wrap04 .box_inner01 {margin:0 5px 0 0;} .medsci_conbox .medsci_box .box_wrap04 .box_inner01:before {width:20px; height:20px;} .medsci_conbox .medsci_box .box_wrap04 .box02_inner {flex-basis:50%; min-height:67px; border-radius:15px;} .medsci_conbox .medsci_box .box_wrap04 .box02_inner .box02 {margin-right:3px; padding:8px 0; min-height:64px; border-radius:15px;} .medsci_conbox .medsci_box .box_wrap04 .box03 {padding:3px 0 0; min-height:67px; border-top-left-radius:15px; border-top-right-radius:15px;} .medsci_conbox .medsci_box .box_wrap04 .box04 {min-height:53px; border-radius:15px; line-height:53px; border-top-right-radius:0;} .medsci_conbox .medsci_box .box_wrap04 .circle {margin:5px auto; padding:26px 0; width:100px; height:100px;} /*20220601 연락처 추가*/ .renewBox .table_wrap.ty01.base table td {font-size:13px; line-height:15px;} .contact_title {margin-bottom:5px; font-size:18px;} .width41 {width:auto;} .width42 {width:33%} /*자료실*/ .cst_table.edu_table.ty01 th {padding:13px 20px;} .cst_table.edu_table.ty01 td {padding:0;} .cst_table.edu_table.ty01 thead {display:none;} .cst_table.edu_table.ty01 tbody tr:first-child th, .cst_table.edu_table.ty01 tbody tr:first-child td {border-top:0;} .cst_table.edu_table.ty01 tbody tr td {border-bottom:0;} .cst_table.edu_table.ty01 tbody tr td a {padding:10px 0 0;} .cst_table.edu_table.ty01 tbody tr + tr th {border-top:1px solid #ddd;} .cst_table.edu_table.ty01 tbody th.text_left {text-align:center;} .cst_table.edu_table.ty01 tbody td .btn_down {margin:10px 0 0; display:block; padding:9px 30px 6px 15px; width:100%; font-size:13px; font-weight:500; color:#5a74aa; border:1px solid #5a74aa; background-position: right 15px center; background-image:url("/images/edu/bg-btn-down-blue.png"); background-repeat:no-repeat;} .cst_table.edu_table.ty01 tbody td .btn_down.ty01 {margin:15px 0 0;} .cst_table.edu_table.ty01 tbody td .btn_down.ty02 {margin:10px 0 15px;} .cst_table.edu_table.ty01 tbody td .btn_down.ty03 {margin:15px 0;} .cst_table.edu_table.ty01 tbody td.text_center {display:none;} .cst_table.edu_table.ty01.data tbody th.border-bottom {border-bottom:1px solid #ddd;} .width31 {width:16%;} /*FAQ*/ .faq_wrap .board_none > li {font-size:14px; padding:20px 0 10px;} .faq_inner .faq_tit {position:relative; padding:20px 39px 20px 10px; cursor:pointer;} .faq_inner .faq_tit:after {content:""; position:absolute; top:26px; right:10px; width:13px; height:7px; background:url("/images/edu/faq_arrow.png") no-repeat; transform-origin:50%; transform:rotate(0deg); transition-duration:0.5s; background-size:100%;} .faq_inner.active .faq_tit:after {width:13px; height:7px; background:url("/images/edu/faq_arrow_on.png") no-repeat; transform:rotate(-180deg); background-size:100%;} .faq_inner .faq_tit span {position:relative; display:inline-block; padding:0 0 0 25px; font-size:15px; font-weight:500; color:#333; line-height:22px;} .faq_inner .faq_tit span::before {font-size:18px;} .faq_inner .faq_cont {margin:0 0 10px; padding:20px; font-size:14px; line-height:24px; color:#1a1a1a;} .faq_inner .faq_cont span.block {margin:5px 0 0; font-size:13px; line-height:20px;} .faq_inner .faq_cont ul li {padding-left:10px; font-size:13px;} .faq_inner .faq_cont ul.ty01 li {padding-left:15px; font-size:13px; line-height:20px; text-indent:-15px;} .faq_inner .faq_cont ul.ty01 li p {padding:5px 0; font-size:13px !important; line-height:22px !important; text-indent:0;} .faq_inner .faq_cont .table_Wrap.scroll_x table {width:750px;} .faq_foot {margin:40px 0 0; padding:15px; font-size:14px; line-height:22px;} /*Q&A*/ .board_wrap .board_top .sch_wrap.qna_sch_wrap .sr_only{display:none;} .board_wrap .board_top .sch_wrap.qna_sch_wrap .sch_location{display:none;} .board_wrap .board_top .sch_wrap.qna_sch_wrap .sch_key{width:calc(85% - 6px);} .board_wrap .board_top .sch_wrap.qna_sch_wrap .btn_sch {width:15%;} .board_wrap .qna_list li span {padding:0;} .board_wrap .qna_list li.no-data span{font-size:14px;} .board_wrap .qna_list li .num {display:none;} .board_wrap .qna_list li .subject {width:100%; position:relative;} .board_wrap .qna_list > li .subject i {display:-webkit-box; width:100%; max-width:100%; max-height:47px; margin:0 0 5px; font-size:15px; font-weight:500; color:#222; line-height:24px; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .board_wrap .qna_list > li .subject i span {display:inline-block; width:65px;} .board_wrap .qna_list li .name {width:auto; font-size:13px; text-align:left;} .board_wrap .qna_list li .date {margin:0 0 0 5px; width:auto; font-size:13px; text-align:left;} .board_wrap .qna_list li .hit {display:none;} .board_wrap .btn_answer {display:inline-block; padding:3px 8px; font-size:12px; line-height:15px; margin:0; position:absolute; top:0; left:0;} .board_wrap .qna_view li.thead .subject{font-size:15px; line-height:22px;} .board_wrap .qna_view li.thead .writer{width:30%; font-size:13px;} .board_wrap .qna_view li.thead .date{width:45%; font-size:13px;} .board_wrap .qna_view li.thead .hit{width:25%; font-size:13px;} .board_wrap .reply_wrap .reply_box {margin:10px 0; padding:20px;} .board_wrap .reply_wrap .reply_box .top_inner.mob ul {flex-direction:column;} .board_wrap .reply_wrap .reply_box .top_inner ul li + li:before {top:3px; height:12px;} .board_wrap .reply_wrap .reply_box .top_inner ul li.name {font-size:13px; line-height:20px; padding:0;} .board_wrap .reply_wrap .reply_box .top_inner ul li.date {font-size:12px; line-height:20px; padding:0;} .board_wrap .reply_wrap .reply_box .top_inner ul li.date:before {display:none;} .board_wrap .reply_wrap .reply_box .top_inner ul li.btn {font-size:12px; line-height:20px;} .board_wrap .reply_wrap .reply_box .cont_inner {margin:10px 0 0; font-size:12px; line-height:20px;} .board_wrap .reply_wrap .reply_box .input_Inner {width:100%; height:100%; border:0; border-radius:0; background-color:#f8f8f8;} .board_wrap .reply_wrap .reply_box .input_Inner .input_area {padding:0; width:100%; box-sizing:border-box;} .board_wrap .reply_wrap .reply_box .input_Inner .input_area textarea {padding:10px; min-height:100px; font-size:12px; line-height:20px; border:1px solid #d7d7d7;} .board_wrap .reply_wrap .reply_box .btn02 {margin:2px 0 0; width:100%; height:25px;} .board_wrap .reply_wrap .reply_box .btn02 a {right:0; width:40px; height:25px; font-size:12px; line-height:25px;} } /*202206025 비전 추가*/ .vision_conbox {margin:0 auto; width:100%; max-width:1256px;} .vision_topInner {position:relative; width:100%;} .vision_topInner .vis_typo {position:absolute; font-size:100px; font-weight:700; color:rgba(0, 0, 0, 0.08);} .vision_topInner .vis_typo.ty01 {top:158px; left:0;} .vision_topInner .vis_typo.ty02 {top:158px; right:0;} .vision_topInner .top_circle {margin:0 auto; width:456px; height:456px; border:2px dotted #a1a1a1; border-radius:50%;} .vision_topInner .top_circle ul {margin:15px; display:flex; flex-direction:column; justify-content:center; align-items:center; width:422px; height:422px; background-color:#e1f0ec; border-radius:50%;} .vision_topInner .top_circle ul li.title {font-size:32px; font-weight:700; color:#000; line-height:52px;} .vision_topInner .top_circle ul li.cont {font-size:24px; font-weight:400; color:#000; line-height:36px; text-align:center;} .vision_topInner .top_circle ul li:nth-child(2) {margin:0 0 20px;} .vision_topInner .line_inner {margin:0 auto; width:100%; max-width:825px; height:92px;} .vision_topInner .line_inner ul {position:relative; display:flex; justify-content:center;} .vision_topInner .line_inner ul li.top {margin:50px 0 0; width:100%; height:2px; background:url("/images/about/vision_line01.png") repeat-x;} .vision_topInner .line_inner ul li.left {position:absolute; top:50px; left:-3px; width:8px; height:42px; background:url("/images/about/vision_line02.png") no-repeat;} .vision_topInner .line_inner ul li.center {position:absolute; top:0; left:50%; width:8px; height:90px; background:url("/images/about/vision_line03.png") no-repeat; transform:translate-x(-50%);} .vision_topInner .line_inner ul li.right {position:absolute; top:50px; right:-2px; width:8px; height:42px; background:url("/images/about/vision_line02.png") no-repeat;} .vision_middleInner {position:relative; margin:30px 0 0; width:100%; height:725px;} .vision_middleInner .cont_inner {position:absolute; width:100%; max-width:440px;} .vision_middleInner .cont_inner.ty01 {top:0; left:0; z-index:1;} .vision_middleInner .cont_inner.ty02 {top:0; left:50%; z-index:2; transform:translateX(-50%);} .vision_middleInner .cont_inner.ty03 {top:0; right:0; z-index:3;} .vision_middleInner .cont_inner .topbox {margin:0 0 15px; padding:27.5px 0 27.5px 60px; width:100%; border-radius:60px;} .vision_middleInner .cont_inner.ty01 .topbox {background-color:#606d8b;} .vision_middleInner .cont_inner.ty02 .topbox {background-color:rgba(112, 156, 138, 0.9);} .vision_middleInner .cont_inner.ty03 .topbox {background-color:rgba(79, 93, 126, 0.9);} .vision_middleInner .cont_inner .topbox li {font-size:24px; font-weight:700; color:#fff; line-height:24px;} .vision_middleInner .cont_inner .topbox li.ko {padding:0 0 11px; font-size:30px; line-height:30px;} .vision_middleInner .cont_inner .cont_list {margin:0 auto; padding:20px 0 16px; width:100%; max-width:320px;} .vision_middleInner .cont_inner .cont_list li {padding:0 0 10px; font-size:22px; font-weight:700; color:#000; line-height:30px;} .vision_middleInner .cont_inner .cont_list li span {display:block; font-size:18px; font-weight:500; color:#000; line-height:30px;} .vision_middleInner .cont_inner .cont_list li + li {position:relative; padding:0 0 0 15px; font-size:16px; font-weight:400; color:#000; line-height:30px;} .vision_middleInner .cont_inner .cont_list li + li:before {content:""; position:absolute; top:13.5px; left:0; width:3px; height:3px; background-color:#000;} .vision_middleInner .cont_inner .cont_list li.beforeNone {height:30px;} .vision_middleInner .cont_inner .cont_list li.beforeNone:before {display:none;} .vision_middleInner .cont_inner .cont_list {border-bottom:1px solid #ddd;} .vision_middleInner .cont_inner .cont_list:last-child {border-bottom:0;} .vision_bottomInner {position:relative; width:100%;} .vision_bottomInner .cont_inner {position:relative; margin:80px 0 0; width:100%;} .vision_bottomInner .cont_inner .cont_icon {position:absolute; top:50%; left:0; width:141px; height:141px; transform:translateY(-50%);} .vision_bottomInner .cont_inner .cont_icon.ty01 {background:url("/images/about/vision_icon01.png") no-repeat;} .vision_bottomInner .cont_inner .cont_icon.ty02 {background:url("/images/about/vision_icon02.png") no-repeat;} .vision_bottomInner .cont_inner .cont_icon.ty03 {background:url("/images/about/vision_icon03.png") no-repeat;} .vision_bottomInner .cont_inner .cont_list {padding:0 0 0 205px;} .vision_bottomInner .cont_inner .cont_list li {padding:0 0 20px; font-size:32px; font-weight:700; color:#1a1a1a; line-height:34px;} .vision_bottomInner .cont_inner .cont_list li span {display:inline-block; padding:0 0 0 20px; font-size:24px; font-weight:700; color:#1a1a1a; line-height:24px; letter-spacing:-1.5px;} .vision_bottomInner .cont_inner .cont_list li + li {position:relative; padding:0 0 10px 15px; font-size:16px; font-weight:300; color:#555; line-height:30px;} .vision_bottomInner .cont_inner .cont_list li + li:before {content:""; position:absolute; top:13px; left:0; width:3px; height:3px; background-color:#000;} @media (max-width: 1024px) { /*20220625 비전 추가*/ .vision_topInner .vis_typo {font-size:80px;} .vision_topInner .vis_typo.ty01 {top:-100px; left:25%;} .vision_topInner .vis_typo.ty02 {top:-20px; right:25%;} .vision_topInner .top_circle {margin:80px auto 0; width:365px; height:365px;} .vision_topInner .top_circle ul {width:331px; height:331px;} .vision_topInner .top_circle ul li.title {font-size:25px; line-height:40px;} .vision_topInner .top_circle ul li.cont {font-size:19px; line-height:28px;} .vision_topInner .top_circle ul li:nth-child(2) {margin:0 0 15px;} .vision_topInner .line_inner {display:none;} .vision_middleInner {height:100%;} .vision_middleInner .cont_inner {position:relative; max-width:100%;} .vision_middleInner .cont_inner.ty02 {left:0; transform:translateX(0);} .vision_middleInner .cont_inner .topbox {margin:0 0 15px; padding:22px 0 22px 48px;} .vision_middleInner .cont_inner .topbox li {font-size:19.2px; line-height:19.2px;} .vision_middleInner .cont_inner .topbox li.ko {padding:0 0 8px; font-size:24px; line-height:24px;} } @media (max-width: 767px) { /*20220625 비전 추가*/ .vision_topInner .vis_typo {font-size:50px;} .vision_topInner .vis_typo.ty01 {top:-75px; left:50%; transform:translateX(-60%);} .vision_topInner .vis_typo.ty02 {top:-30px; right:50%; transform:translateX(60%);} .vision_topInner .top_circle {margin:45px auto 0; width:275px; height:275px;} .vision_topInner .top_circle ul {margin:10px; width:251px; height:251px;} .vision_topInner .top_circle ul li.title {font-size:18px; line-height:26px;} .vision_topInner .top_circle ul li.cont {font-size:13px; line-height:18px;} .vision_topInner .top_circle ul li:nth-child(2) {margin:0 0 19px;} .vision_middleInner .cont_inner .topbox {margin:0 0 10px; padding:20px 0 13px 45px;} .vision_middleInner .cont_inner .topbox li {font-size:16px; line-height:20px;} .vision_middleInner .cont_inner .topbox li.ko {padding:0 0 4px; font-size:20px; line-height:15px;} .vision_middleInner .cont_inner .cont_list {padding:10px 0;} .vision_middleInner .cont_inner .cont_list li {padding:0 0 8px; font-size:15px; line-height:20px;} .vision_middleInner .cont_inner .cont_list li.beforeNone {height:0;} .vision_middleInner .cont_inner .cont_list li span {font-size:15px; line-height:15px;} .vision_middleInner .cont_inner .cont_list li + li {padding:0 0 0 8px; font-size:13px; line-height:20px;} .vision_middleInner .cont_inner .cont_list li + li:before {top:8px; left:0; width:2px; height:2px;} .vision_middleInner .cont_inner .cont_list:last-child {margin-bottom:10px;} .vision_bottomInner .cont_inner {margin:50px 0 0;} .vision_bottomInner .cont_inner .cont_icon {top:-24px; left:0; width:81px; height:81px; transform:translateY(0); background-size:100% !important;} .vision_bottomInner .cont_inner .cont_list {padding:0;} .vision_bottomInner .cont_inner .cont_list li {margin:0 0 0 95px; padding:0 0 35px; font-size:20px; line-height:20px;} .vision_bottomInner .cont_inner .cont_list li span {display:block; padding:0; font-size:17px; line-height:17px; letter-spacing:-0.5px;} .vision_bottomInner .cont_inner .cont_list li + li {margin:0; padding:0 0 0 10px; font-size:14px; line-height:24px;} .vision_bottomInner .cont_inner .cont_list li + li:before {top:9px; border-radius:50%;} } /*220722 대학 - 교육과정 추가*/ .curri_tit {margin:0 0 5px; font-size:17px; font-weight:700; color:#333; line-height:27px;} .curri_txt {margin:0 0 30px; font-size:16px; font-weight:300; color:#555; line-height:30px;} .curri_list li {line-height:30px;} .curri_list li:last-child {margin:0;} @media (max-width: 767px) { .curri_tit {margin:0; font-size:14px; line-height:24px;} .curri_txt {margin:0 0 15px; font-size:14px; line-height:24px;} .curri_list li {line-height:22px;} } /*220812 대학소개 - 비전 - 수정*/ .flex_inner {display:flex; align-items:center; flex-wrap:wrap;} .flex_inner .est_half {flex-basis:50%;} .flex_inner .est_half.logo {text-align:center;} .flex_inner .est_half.bgcolor {padding:0 0 45px; background-color:#3a8073;} .flex_inner .est_half.bgcolor h3 {padding:40px 0 30px; font-size:32px; font-weight:700; color:#fff; line-height:40px; letter-spacing:-0.8px; text-align:center;} .flex_inner .est_half.bgcolor ul li {padding:0 30px; font-size:16px; font-weight:300; color:#fff; line-height:30px; letter-spacing:-0.7px;} .flex_inner .est_full {flex-basis:100%;} .flex_inner .est_full h3 {padding:80px 0 30px; font-size:32px; font-weight:700; color:#000; line-height:46px; letter-spacing:-0.8px;} .flex_inner .est_full ul li {font-size:16px; font-weight:300; color:#555; line-height:30px; letter-spacing:-0.7px;} @media (max-width: 780px) { .flex_inner .est_half {flex-basis:100%;} .flex_inner .est_half.logo {margin:0 auto 50px; width:90%;} .flex_inner .est_half.bgcolor h3 {padding:20px 0 15px; font-size:18px; line-height:20px; letter-spacing:-0.5px;} .flex_inner .est_half.bgcolor ul li {padding:0 15px; font-size:13px; line-height:24px; letter-spacing:-0.5px;} .flex_inner .est_full h3 {padding:50px 0 20px; font-size:18px; color:#1a1a1a; line-height:23px; letter-spacing:-0.5px;} .flex_inner .est_full ul li {font-size:14px; color:#1a1a1a; line-height:24px; letter-spacing:-0.5px;} } @media (max-width: 480px) { .flex_inner .est_half.logo img {width:80%;} } .blockscroll {width:100%; overflow:hidden;} .slider-for {margin:60px auto 0; width:100%; max-width:900px;} .slider-for .item {width:100%; cursor:pointer;} .slider-for .item img {width:100%;} .arrow_on .slick-prev, .arrow_on .slick-next { padding:0; font-size: 0; line-height: 0; width:19px; height:37px; border:0; background:none; position: absolute; top: 50%; z-index: 50; transform: translate(0, -50%); } .arrow_on .slick-prev {left:30px;} .arrow_on .slick-next {right:30px;} .arrow_on .slick-prev:before {content:""; display:block; width:19px; height:37px; background:url("/images/about/slider_prev.png") no-repeat;} .arrow_on .slick-next:before {content:""; display:block; width:19px; height:37px; background:url("/images/about/slider_next.png") no-repeat;} .slider-layer {position:fixed; top:0; left:-300000px; width:100%; height:100%; background:#fff; z-index:1100;} .layer_top {position:absolute; top:20px; left:5%; width:90%; z-index:10;} .layer_top ul {display:flex; justify-content:space-between; align-items:center;} .layer_top .expand_arrow {width:28px; height:27px; background:url("/images/about/expand_arrow.png") no-repeat; cursor:pointer;} .layer_top .exit_arrow {width:50px; height:50px; background:#fff url("/images/about/exit_arrow.png") no-repeat; background-size:27px 26px; background-position:50%; cursor:pointer; border-radius:50%; opacity:0.5;} .layer_top .layer_close {width:26px; height:26px; background:url("/images/about/layer_close.png") no-repeat; cursor:pointer;} .layer_top .expand_close {width:50px; height:50px; background:#fff url("/images/about/layer_close.png") no-repeat; background-size:26px 26px; background-position:50%; cursor:pointer; border-radius:50%; opacity:0.5;} .slider-for2 {margin:80px auto; width:100%; max-width:900px;} .slider-for2 .item {width:100%;} .slider-for2 .item img {width:100%;} .slider-for2 .slider-dots {display:block; margin:10px 0 0; text-align:center;} .slider-for2 .slider-dots li {display:none;} .slider-for2 .slider-dots li.slick-active {display:block;}max-width .full_layer {position:absolute; top:0; left:-300000px; width:100%; height:100%; background:#fff; z-index:0;} .slider-for3 {position:absolute; top:50%; left:50%; width:100%; max-width:1400px; transform:translate(-50%, -50%);} .slider-for3 .item {width:100%;} .slider-for3 .item img {width:100%;} .slider-nav{width:100%; max-width:900px; margin:auto; padding:20px 0 0; display:block;} .slider-nav .item {margin:0 5px;} .slider-nav .item img {width:100%;} .slider-nav .slick-track {height:100%;} .vision_img {margin:80px auto; width:100%; max-width:900px;} .vision_img img {width:100%;} .vision_contInner {display:flex; justify-content:space-between;} .vision_contInner div + div {margin:0 0 0 40px;} .vision_cont {padding:0 20px 40px; width:calc(1240px/3); min-height:730px;} .vision_cont.ty01 {background-color:#616b87;} .vision_cont.ty02 {background-color:#4ca2c7;} .vision_cont.ty03 {background-color:#3a8073;} .vision_cont h3 {margin:40px 0 30px; font-size:32px; font-weight:700; color:#fff; line-height:40px; letter-spacing:-1px; text-align:center;} .vision_cont ul li {font-size:16px; font-weight:300; color:#fff; line-height:30px; letter-spacing:-0.5px;} @media (max-width: 767px) { .arrow_on .slick-prev, .arrow_on .slick-next {width:13.3px; height:25.9px;} .arrow_on .slick-prev {left:15px;} .arrow_on .slick-next {right:15px;} .arrow_on .slick-prev:before {width:13.3px; height:25.9px; background-size:100%;} .arrow_on .slick-next:before {width:13.3px; height:25.9px; background-size:100%;} .vision_img {margin:50px auto;} .vision_contInner {flex-wrap:wrap; flex-direction:column;} .vision_contInner div + div {margin:30px 0 0;} .vision_cont {padding:0 10px 15px; width:100%; min-height:100%;} .vision_cont h3 {margin:20px 0 18px; font-size:18px; line-height:18px; letter-spacing:-0.5px; text-align:left;} .vision_cont ul li {font-size:14px; line-height:24px;} } /*220819 대학소개 - 조직도 - 비전추진단 팝업 추가*/ .modalPop_open, .modalPop_open2, .modalPop_open3 {cursor:pointer;} .bg_WH {background-color:#fff;} .modal_back{display:none; opacity:0.5; position:fixed; top:0; left:0; z-index:1040; width:100vw; height:100vh; background-color:#000;} .modalPop_inner {display:none; position:fixed; top:50%; left:50%; width:100%; max-width:1280px; height:740px; background-color:#fff; transform:translate(-50%, -40%); z-index:2000;} .modalPop_inner.active {transform:translate(-50%, -50%); transition: all 0.5s;} .modalPop_inner2 {display:none; position:fixed; top:50%; left:50%; width:100%; max-width:1280px; background-color:#fff; transform:translate(-50%, -40%); z-index:2000;} .modalPop_inner2.active {transform:translate(-50%, -50%); transition: all 0.5s;} .modalPop_inner3 {display:none; position:fixed; top:50%; left:50%; width:100%; height:740px; max-width:1280px; background-color:#fff; transform:translate(-50%, -40%); z-index:2000;} .modalPop_inner3.active {transform:translate(-50%, -50%); transition: all 0.5s;} .modalPop_close {position:absolute; top:30px; right:30px; width:22px; height:22px; background:url("/images/about/modal_close.png") no-repeat; z-index:10; cursor:pointer;} .modalPop_title {padding:40px 0 40px; width:100%; font-size:36px; font-weight:700; color:#1a1a1a; line-height:36px; letter-spacing:-1px; text-align:center;} .modalPop_conbox .tab_inner {top:116px;} .renewBox .modalPop_conbox .tab_panel {margin-top:0; position:relative; padding:40px 30px 80px; width:100%; height:660px; overflow-y:auto;} .modalPop_inner2 .renewBox .modalPop_conbox .tab_panel {margin-top:0; position:relative; padding:40px 30px 80px; width:100%; overflow-y:auto;} .count {padding:0 0 23px; font-size:16px; font-weight:300; color:#666; line-height:16px; letter-spacing:-0.5px;} .count span {font-family:'Metropolis',sans-serif; font-weight:700;} .content_wrap {width:100%; border-top:3px solid #555; border-bottom:1px solid #555;} .content_inner {display:flex; justify-content:center; flex-wrap:wrap; flex-direction:column; padding:20px; height:220px;} .content_inner + .content_inner {border-top:1px solid #ececec; height:221px; box-sizing:border-box;} .content_inner2 {border-bottom:1px solid #ececec; height:221px; box-sizing:border-box;} .content_inner2:last-child {border-bottom:none; height:221px; box-sizing:border-box;} .content_list{padding:40px;} .content_list_item{margin-bottom:20px;} .content_list_item:last-child{margin-bottom:0} .content_list table{ width:40%; margin:auto; border-collapse: collapse; border:3px solid #333; } .content_list table th, .content_list table td{ text-align:center; padding:10px; border:1px solid #333; } .modalPop_inner2 .flex-wrap, .modalPop_inner3 .flex-wrap{display:flex;flex-wrap: wrap;} .modalPop_inner2 .content_inner, .modalPop_inner3 .content_inner{width:50%; display:flex; justify-content:flex-start; flex-wrap:nowrap; flex-direction:row; padding:20px; height:220px;} .content_inner .doc_img {width:140px; height:180px;overflow: hidden;} /*.content_inner .doc_img img {width:100%; height:100%;}*/ .content_inner .doc_content {margin-left:50px;} .content_inner .doc_name {padding:0 0 0 70px; width:calc(100% - 140px); font-size:20px; font-weight:700; color:#1a1a1a; line-height:60px; letter-spacing:-0.5px;} .content_inner.inner2 .doc_name {padding:0; width:auto; font-size:20px; font-weight:700; color:#1a1a1a; line-height:60px; letter-spacing:-0.5px;} .content_inner .doc_name span {display:inline-block; padding:0 0 0 20px; font-family:'Metropolis',sans-serif; font-size:18px; font-weight:300; color:#333; letter-spacing:0;} .content_inner .doc_info {padding:0 0 0 70px; width:calc(100% - 140px);} .content_inner.inner2 .doc_info {padding:0; width:auto;} .content_inner .doc_info ul {display:flex; justify-content:flex-start; flex-wrap:wrap;} .content_inner.inner2 .doc_info ul {display:flex; width:100%;justify-content:flex-start; flex-wrap:wrap;} .content_inner .doc_info ul li {font-size:16px; font-weight:300; color:#1a1a1a; line-height:30px; letter-spacing:-0.5px;} .content_inner.inner2 .doc_info ul li {font-size:16px; font-weight:300; color:#1a1a1a; line-height:30px; letter-spacing:-0.5px;} .content_inner .doc_info ul li span:first-child {display:inline-block; width:89px; font-weight:400; color:#666; vertical-align:top;} .content_inner.inner2 .doc_info ul li span:first-child {display:inline-block; width:89px; font-weight:400; color:#666; vertical-align:top;} .modalPop_inner2 .content_inner .doc_info ul li span:first-child { display: inline-block; width: 89px; font-weight: 400; color: #666; vertical-align: top; } .content_inner .doc_info ul li span:last-child {display:inline-block; width:calc(100% - 89px); color:#1a1a1a;} .content_inner .doc_info ul li:nth-child(odd) {width:380px;} .content_inner .doc_info ul li:nth-child(even) {width:calc(100% - 380px);} .content_inner.inner2 .doc_info ul li span:last-child {display:inline-block; width:calc(100% - 89px); color:#1a1a1a;} .content_inner.inner2 .doc_info ul li:nth-child(odd) {width:50px;} .content_inner.inner2 .doc_info ul li:nth-child(even) {width:auto;} @media (max-width: 1300px) { .modalPop_inner {margin:0 auto; width:95%;} .content_inner .doc_name {padding:0 0 0 40px;} .content_inner .doc_info {padding:0 0 0 40px;} .content_inner .doc_info ul li span:first-child {width:50px;} .modalPop_inner2 .content_inner .doc_info ul li span:first-child {width:50px;} .content_inner .doc_info ul li span:last-child {width:calc(100% - 60px);} .content_inner .doc_info ul li:nth-child(odd) {width:380px; flex:1 1 45%;} .content_inner .doc_info ul li:nth-child(even) {width:calc(100% - 380px); flex:1 1 45%;} .modalPop_inner2{margin:0 auto; width:95%;} .modalPop_inner3{margin:0 auto; width:95%;} } @media (max-width: 768px) { .modalPop_close {top:15px; right:15px; width:18px; height:18px; background-size:100%;} .modalPop_title {width:100%; height:62px; font-size:24px; line-height:24px; letter-spacing:-0.5px;} .modalPop_conbox .tab_inner {padding:0 25px 15px; top:93px;} .renewBox .modalPop_conbox .tab_panel {top:191px; padding:30px 25px 50px; height:542px;} .modalPop_inner {top:0; left:0; width:100%; transform:translate(0, 0%);} .modalPop_inner.active {transform:translate(0%, 0%);} .count {padding:0 0 10px; font-size:12px; line-height:12px; letter-spacing:0px;} .content_wrap {border-top:2px solid #555;} .content_inner {flex-direction:row; align-items:center; justify-content:space-between; padding:10px; height:271px;} .content_inner + .content_inner {border-top:1px solid #ececec; height:100%; min-height:272px; box-sizing:border-box;} .content_inner .doc_img {width:98px; height:126px;} .content_inner .doc_img img {width:100%; height:100%;} .content_inner .doc_name {padding:0 0 0 35px; width:calc(100% - 98px); font-size:18px; color:#1a1a1a; line-height:30px;} .content_inner .doc_name span {display:block; padding:0; font-size:15px;} .content_inner .doc_info {padding:0; width:100%;} .content_inner .doc_info ul li {font-size:14px; line-height:22.5px; letter-spacing:0px;} .content_inner .doc_info ul li span:first-child {display:inline-block; width:70px;} .content_inner .doc_info ul li span:last-child {display:inline-block; width:calc(100% - 70px);} .content_inner .doc_info ul li:nth-child(odd) {width:380px; flex:1 1 100%;} .content_inner .doc_info ul li:nth-child(even) {width:calc(100% - 380px); flex:1 1 100%;} } /* start : 종합실습실 */ #contents .laboratory_contents{ padding-top:60px; } #contents .laboratory_contents .intro_box{ display: flex; align-items: flex-start; justify-content: space-between; } #contents .laboratory_contents .intro_box .box{ font-size: 16px; } #contents .laboratory_contents .intro_box .box.left{ width: calc(100% - 566px); } #contents .laboratory_contents .intro_box .kor{ line-height: 1.7; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color:#555; word-break: keep-all; } #contents .laboratory_contents .intro_box .kor span{ font-family: 'Metropolis'; font-weight: 300; } #contents .laboratory_contents .intro_box .eng{ padding-top: 50px; } #contents .laboratory_contents .intro_box .eng p.txt{ line-height: 1; font-family: 'Metropolis'; font-weight: 700; font-size: 72px; color:#000; opacity: 0.1; } #contents .laboratory_contents .intro_box .box.right{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin-left: 60px; max-width: 506px; } #contents .laboratory_contents .intro_box .box.right img{ width: 100%; } #contents .laboratory_contents .intro_box .box.right p.exp{ padding-top: 5px; font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300; color:#555; } #contents .laboratory_contents .intro_box .box.right p.exp span{ font-family: 'Metropolis'; } #contents .history_box{ padding: 110px 0 60px; } #contents .history_box .history_conts{ display: flex; align-items: flex-start; justify-content: space-between; } #contents .history_box .history_conts .img_box{ width:440px } #contents .history_box .history_conts .img_box img{ max-width: 100%; width: 100%; vertical-align: top; } #contents .history_box .history_conts .img_box p{ padding-top: 8px; text-align: center; font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 300; color: #555; } #contents .history_box table{ border-collapse: collapse; border-spacing: 0; width: calc( 100% - 460px ); } #contents .history_box table caption{ overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); } #contents .history_box table thead{ border-top:1px solid #555; border-bottom:1px solid #ddd; } #contents .history_box table thead tr th{ padding: 20px 0; width: 30%; font-family: 'Noto Sans KR'; font-weight: 700; font-size:20px; color:#333; background:#f8f8f8; border-right:1px solid #ddd; box-sizing: border-box; } #contents .history_box table thead tr th:last-child{ width:70%; border-right:none; } #contents .history_box table tbody tr{ border-bottom:1px solid #ddd; } #contents .history_box table tbody tr td{ padding: 20px 10px; text-align: center; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color:#555; word-break: keep-all; border-right:1px solid #ddd; box-sizing: border-box; } #contents .history_box table tbody tr td:last-child{ border-right: none; } #contents .history_box table tbody tr td span{ font-family: 'Metropolis'; font-weight: 400; } #contents .laboratory_contents h3{ padding-bottom: 25px; } #contents .laboratory_contents .org_box{ padding-bottom: 70px; } #contents .laboratory_contents .org_box ul{ display:flex; align-items: flex-start; justify-content: flex-start; } #contents .laboratory_contents .org_box ul li{ display:flex; align-items: flex-start; justify-content: flex-start; margin-right: 60px; max-width: 100%; width: 386px; } #contents .laboratory_contents .org_box ul li:last-child{ margin-right: 0; } #contents .laboratory_contents .org_box ul li img{ width: 134px; border: 1px solid #e1e4e6; box-sizing: border-box; } #contents .laboratory_contents .org_box ul li dl{ padding-left: 25px; width:calc(100% - 134px); box-sizing: border-box; } #contents .laboratory_contents .org_box ul li dl dt{ padding-bottom: 10px; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 20px; color: #1a1a1a; } #contents .laboratory_contents .org_box ul li dl dd{ line-height: 1.8; font-weight: 400; font-size: 16px; color: #555; } #contents .laboratory_contents .org_box ul li dl dd span{ display: block; font-family: 'Noto Sans KR'; word-break: keep-all; } #contents .laboratory_contents .org_box ul li dl dd em{ display: block; font-style: normal; } #contents .laboratory_contents .faci_box{ padding-bottom: 20px; } #contents .laboratory_contents .faci_box ul{ display:flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } #contents .laboratory_contents .faci_box ul li{ display:flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 60px; margin-bottom: 60px; width:calc( (100% - 120px) / 3); } #contents .laboratory_contents .faci_box ul li:nth-child(3){ margin-right: 0; } #contents .laboratory_contents .faci_box ul li img{ width: 100%; } #contents .laboratory_contents .faci_box ul li .txt{ padding-top: 10px; text-align: center; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #1a1a1a; } #contents .laboratory_contents .faci_box ul li .txt br{ display: none; } #contents .laboratory_contents .room_box h3{ padding-bottom: 15px; } #contents .laboratory_contents .room_box .r_txt{ padding-bottom: 20px; font-weight: 400; font-size: 16px; color: #555; word-break: keep-all; } #contents .laboratory_contents .room_box dl dt{ line-height: 1.5; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 16px; color: #555; } #contents .laboratory_contents .room_box dl dd{ line-height: 1.5; font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 400; color: #555; } #contents .laboratory_contents .room_box dl span{ font-family: 'Metropolis'; font-size: 16px; font-weight: 400; } #contents .laboratory_contents .room_box dl dt span{ font-weight: 500; } @media (max-width: 1080px) { #contents .laboratory_contents .intro_box .eng{ display: none; } #contents .laboratory_contents .intro_box .box.left{ width: calc(100% - 446px); } #contents .laboratory_contents .intro_box .box.right{ margin-left: 40px; max-width: 406px; } #contents .history_box table thead tr th{ padding:15px 0; font-size: 18px; } #contents .history_box table tbody tr td{ padding: 15px 10px; font-size: 18px; } #contents .laboratory_contents .org_box ul li img{ width: 110px; } #contents .laboratory_contents .org_box ul li dl { padding-left: 15px; width: calc(100% - 110px); box-sizing: border-box; } #contents .laboratory_contents .faci_box ul li { margin-right: 20px; margin-bottom: 30px; width: calc((100% - 40px) / 3); } #contents .history_box .history_conts .img_box{ width:340px } #contents .history_box table{ width: calc( 100% - 360px ); } } @media (max-width: 768px) { #contents .laboratory_contents .intro_box{ flex-direction: column; } #contents .laboratory_contents .intro_box .box.left{ width: 100%; } #contents .laboratory_contents .intro_box .kor{ font-size: 14px; } #contents .laboratory_contents .intro_box .box.right{ margin-left: 0; margin-top: 20px; max-width: initial; width: 100%; } #contents .laboratory_contents .intro_box .box.right p.exp{ padding-top: 2px; font-size: 14px; } #contents .laboratory_contents h3{ padding-bottom: 10px; font-size: 18px; } #contents .history_box{ padding: 35px 0; } #contents .history_box table thead tr th{ padding: 10px 0; font-size: 14px; } #contents .history_box table thead tr th:nth-child(1){ width: 28%; } #contents .history_box table thead tr th:nth-child(2){ width: 50%; } #contents .history_box table thead tr th:nth-child(3){ width: 22%; } #contents .history_box table tbody tr td{ padding: 10px 5px; font-size: 13px; } #contents .laboratory_contents .org_box{ padding-bottom: 10px; } #contents .laboratory_contents .org_box ul{ flex-direction: column; } #contents .laboratory_contents .org_box ul li{ align-items: center; justify-content: flex-start; margin-bottom: 22px; width: 100%; } #contents .laboratory_contents .org_box ul li img{ width: 70px; } #contents .laboratory_contents .org_box ul li dl{ width: calc(100% - 70px); padding-left: 15px; box-sizing: border-box; } #contents .laboratory_contents .org_box ul li dl dt{ font-size: 15px; } #contents .laboratory_contents .org_box ul li dl dd{ line-height: 1.6; font-size: 14px; } #contents .laboratory_contents .faci_box{ padding-bottom: 5px; } #contents .laboratory_contents .faci_box ul li{ margin-right: 20px; margin-bottom: 25px; width: calc((100% - 20px) / 2); } #contents .laboratory_contents .faci_box ul li:nth-child(2), #contents .laboratory_contents .faci_box ul li:nth-child(4){ margin-right: 0; } #contents .laboratory_contents .faci_box ul li:nth-child(3){ margin-right: 20px; } #contents .laboratory_contents .faci_box ul li:nth-child(4){ margin-bottom: 10px; } #contents .laboratory_contents .faci_box ul li .txt{ padding-top: 5px; width: 80%; line-height: 1.3; font-size: 14px; word-break: break-word; } #contents .laboratory_contents .faci_box ul li .txt br{ display: block; } #contents .laboratory_contents .room_box .r_txt{ font-size: 14px; } #contents .laboratory_contents .room_box dl dt{ font-size: 14px; } #contents .laboratory_contents .room_box dl dd{ font-size: 14px; } #contents .history_box .history_conts{ flex-direction: column; } #contents .history_box .history_conts .img_box{ width:100%; padding-bottom:40px; } #contents .history_box .history_conts .img_box p{ padding-top: 2px; font-size: 14px; } #contents .history_box table{ width: 100%; } } /* end : 종합실습실 */ .modalPop_open4{cursor:pointer;} .modalPop_inner4 .flex-wrap{ display:flex;flex-wrap: wrap;} .modalPop_inner4 .content_inner{ width:50%; display:flex; justify-content:flex-start; flex-wrap:nowrap; flex-direction:row; padding:20px; height:220px;} .modalPop_inner4 { display:none; position:fixed; top:50%; left:50%; width:100%; height:740px; max-width:1280px; background-color:#fff; transform:translate(-50%, -40%); z-index:2000;} .modalPop_inner4.active { transform:translate(-50%, -50%); transition: all 0.5s;} .modalPop_inner4 .tab_panel .content_wrap .content_list{ padding-left:0; } .modalPop_inner4 .tab_panel .content_wrap .content_list .content_list_item{ margin-bottom:15px;} .modalPop_inner4 .tab_panel .content_wrap .content_list .content_list_item.last{ padding-top:20px;} .modalPop_inner4 .tab_panel .content_wrap .content_list .content_list_item .tt{ font-weight:700;} .modalPop_inner4 .tab_panel .content_wrap .content_list .content_list_item .sub_list{ padding:10px 0 0 24px;} .modalPop_inner4 .tab_panel .content_wrap .content_list .content_list_item .sub_list li{ position:relative; padding-left:12px;} .modalPop_inner4 .tab_panel .content_wrap .content_list .content_list_item .sub_list li::before{ content:""; position:absolute;left:0; top:10px; width:4px; height:4px; border-radius: 50%; background:#333;} .modalPop_inner4 .tab_panel .content_wrap .img_activity{ margin-left: 4%; width: 85%;} .modalPop_inner4 .tab_panel .content_wrap .content_inner .doc_content{ width: calc(100% - 190px);} .modalPop_inner4 .tab_panel .content_wrap .content_inner.inner2 .doc_info ul li:nth-child(odd) { flex:initial; width: 100px; font-weight: 500; } .modalPop_inner4 .tab_panel .content_wrap .content_inner.inner2 .doc_info ul li:nth-child(even) { flex:initial; width: calc(100% - 100px);} @media (max-width: 1300px) { .modalPop_inner4{margin:0 auto; width:95%;} } /* 핵심성과지표 */ #contents .strategy_box{ position: relative; padding:80px 0 0; border-bottom: 1px solid #bdc0ce; } #contents .strategy_box.plan_01{ padding:0; } #contents .strategy_box.plan_03{ border-bottom: 0; } #contents .strategy_box .inner_row{ display: flex; align-items: flex-start; justify-content: flex-start; } #contents .strategy_box .inner_row .subject_tit{ /*display: flex;*/ align-items: flex-start; justify-content: flex-start; position: sticky; top: 160px; margin: 0 0 115px; width: 330px; } #contents .strategy_box .inner_row .subject_tit span{ letter-spacing: -0.2px; font-weight: 300; font-size: 30px; color: #222; display:block; } #contents .strategy_box .inner_row .subject_tit strong{ margin-top: 20px; /*padding-left: 20px;*/ letter-spacing: -1px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 40px; color: #222; display:block; } #contents .strategy_box .inner_row .subject_conts{ width: calc( 100% - 330px); } #contents .strategy_box .inner_row .subject_conts .stg_box{ padding:0 0 80px; width: 100%; } #contents .strategy_box.plan_03 .inner_row .subject_conts .stg_box:last-child{ padding: 0; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail{ display: flex; align-items: flex-start; justify-content: flex-start; padding:0 0 50px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left{ width: 50%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p{ display: flex; align-items: center; justify-content: flex-start; padding-bottom: 20px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p span.stg_tit{ display: inline-block; padding: 9px 8px; letter-spacing: -0.2px; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 24px; color: #fff; background: #447f73; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p span.stg_num{ padding: 4px 0 0 10px; letter-spacing: -1px; font-weight: 500; font-size: 34px; color: #447f73; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left strong{ letter-spacing: -0.8px; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 30px; color: #222; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right{ width: 50%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right p{ padding-bottom: 18px; letter-spacing: -0.8px; font-family: 'Noto Sans KR'; font-weight: 700; font-size: 20px; color: #447f73; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right ul li{ position: relative; padding-left: 12px; line-height: 1.8; letter-spacing: -0.2px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px; color: #222; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right ul li::before{ content: ""; position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 3px; height: 3px; background: #447f73; border-radius: 50%; } #contents .strategy_box .inner_row .subject_conts .stg_box table{ padding:0; width: 100%; border:0; border-spacing:0px; border-collapse:collapse; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr{ border-top: 2px solid #000;; background-color: #eef8f1; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th{ padding: 22px 0; text-align: left; letter-spacing: -0.2px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; color: #447f73; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th:nth-child(1){ width: 100px; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th:nth-child(4){ width: 260px; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr{ border-bottom: 1px solid rgba(0,0,0,0.1); } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr:last-child{ border-bottom: 2px solid #000;; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td{ position:relative; padding: 25px 0; letter-spacing: -0.2px; font-family: 'Noto Sans KR'; font-weight: 400; font-size: 16px; word-break: keep-all; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td.btn_detail{ cursor:pointer; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td button{ display:inline-block; border:0; background:none; position:relative; padding:0; width:22px; height:22px; top: 4px; left: 8px; background:url("/images/common/ico_stra_arrow.png") no-repeat center/cover; /*transform: rotate(-90deg);*/ transition:all 0.3s ease-in-out; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td button.on{ transform: rotate(180deg); top:6px; } /* #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td button:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7px 14px 7px 0; border-color: #fff #555 #fff #fff; transform: rotate(0deg); } */ #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td:nth-child(1){ padding:26px 0 20px; text-align: center; font-family: 'Metropolis'; letter-spacing: -0.8px; font-weight: 700; font-size: 18px; color: #447f73; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td.embed-table{ padding:0; display:none; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr.on td.embed-table{ display:table-cell; } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table{ font-size:15px; } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table tr{ border-bottom-color: #0c86cb; } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table tr:last-child td{ line-height:1.8; } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table th{ background:#ecf2fa; color:#0c86cb; } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table td{ font-size:15px!important; font-weight:400!important; text-align:left!important; padding:10px 20px!important; color:#555!important; } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table tr.columns:first-child{ border-color:rgba(0,0,0,0.1); } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table tr.columns td{ text-align:center!important; border-right:1px solid rgba(0,0,0,0.1); } #contents .strategy_box .inner_row .subject_conts .stg_box table table.inner-table tr.columns td:last-child{ border-right:0; } @media (max-width: 1400px) { #contents .strategy_box .inner_row .subject_tit{ width: 420px; } #contents .strategy_box .inner_row .subject_conts{ width: calc(100% - 420px); } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left{ width: 46%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right{ width: 54%; } } @media (max-width: 1200px) { #contents .strategy_box .inner_row .subject_tit{ width: 370px; } #contents .strategy_box .inner_row .subject_tit span { font-size: 24px; } #contents .strategy_box .inner_row .subject_tit strong { padding-left: 12px; font-size: 36px; } #contents .strategy_box .inner_row .subject_conts{ width: calc(100% - 370px); } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left{ width: 42%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left strong { font-size: 26px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p span.stg_tit { padding:4px 6px; font-size: 20px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p span.stg_num { font-size: 28px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right{ width: 58%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right ul li { font-size: 16px; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th:nth-child(3) { width: 200px; } } @media (max-width: 1024px) { #contents .strategy_box { padding: 60px 0 0; border-bottom:10px solid #e5e5e5; } #contents .strategy_box .inner_row{ flex-direction: column; } #contents .strategy_box .inner_row .subject_tit{ align-items: center; justify-content: center; position: relative; top: 0; margin: 0 0 30px; padding: 30px 20px 26px; width: 100%; background: #f6f6f6; border-radius: 10px; box-sizing: border-box; } #contents .strategy_box .inner_row .subject_conts{ width:100%; } #contents .strategy_box .inner_row .subject_tit span { font-size: 18px; } #contents .strategy_box .inner_row .subject_tit strong { margin-top: -6px; padding-left: 15px; letter-spacing: -0.5px; font-size: 24px; } #contents .strategy_box .inner_row .subject_conts .stg_box { padding: 0 0 60px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail{ flex-direction: column; padding: 0 0 30px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left{ width: 100%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p { padding-bottom: 6px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p span.stg_tit { padding: 2px 6px; font-weight: 500; font-size: 15px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left p span.stg_num { padding: 5px 0 0 5px; letter-spacing: -0.5px; font-size: 22px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.left strong { font-size: 20px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right{ width: 100%; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right p{ padding-top: 20px; padding-bottom: 4px; font-size: 18px; letter-spacing: -0.2px; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right ul li{ padding-left: 18px; line-height: 1.6; } #contents .strategy_box .inner_row .subject_conts .stg_box .stg_detail .detail_txt.right ul li::before { left: 6px; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr{ border-width: 1px; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th{ padding: 16px 0; font-size: 14px; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr:last-child{ border-width: 1px; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td{ padding: 16px 10px 16px 0; line-height: 1.2; font-size: 14px; } #contents .strategy_box .inner_row .subject_conts .stg_box table tbody tr td:nth-child(1){ padding: 18px 0 14px 0; font-size: 14px; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th:nth-child(1) { width: 10%; } #contents .strategy_box .inner_row .subject_conts .stg_box table thead tr th:nth-child(3) { width: 30%; } } /* start : 메인 레이어 팝업 추가 관련 소스 */ .layer_popup.layer_popup_other{ left: 10%; } .layer_popup.layer_popup_other.layer_popup_01{ left: 20%; } .layer_popup.layer_popup_other.layer_popup_02{ left: 25%; } .layer_popup.layer_popup_other.layer_popup_03{ left: 30%; } .layer_popup.layer_popup_other.layer_popup_03{ left: 35%; } .layer_popup.layer_popup_other .popup_title{ position: relative; padding: 25px 20px; } .layer_popup.layer_popup_other .popup_title .btn_pop_close{ position: absolute; top: 15px; right: 15px; cursor: pointer; } .layer_popup.layer_popup_other .popup_con{ padding: 12px; } .layer_popup.layer_popup_other .popup_con img{ max-width: 500px; width:100%; } @media (max-width: 1023px) { .layer_popup.layer_popup_other{ left: 50%; } .layer_popup.layer_popup_other.layer_popup_01{ left: 50%; } .layer_popup.layer_popup_other.layer_popup_02{ left: 50%; } .layer_popup.layer_popup_other.layer_popup_03{ left: 50%; } .layer_popup.layer_popup_other.layer_popup_03{ left: 50%; } .layer_popup.layer_popup_other { width: 90%; max-width: 420px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .layer_popup.layer_popup_other .popup_title{ padding: 20px; } .layer_popup.layer_popup_other .popup_title .btn_pop_close{ top: 10px; right: 10px; } } /* end : 메인 레이어 팝업 추가 관련 소스 */