@charset 'utf-8';  html.ie table{border-collapse: inherit;} .NO_RESULT{text-align: center;padding: 20px; width: 100% !important; color: #222; font-size: 13px; text-align: center;} li.NO_RESULT{display: block !important; font-size: 13px !important;} .NO_RESULT *{font-size: 13px !important;} .sort_grid .placeholder{border: 1px dotted #08c;}/* 솔테이블 가이드라인 */ .c_blue{color: #007ac3 !important;} .c_black{color: #444 !important;} .fwb{font-weight: bold !important;} .fwn{font-weight: normal !important;} .tdu{text-decoration: underline !important;} .txtleft{text-align: left !important;} a.alink{text-decoration: underline; color: #007ac3 !important; word-break: break-all;} #wrap{position: relative; z-index: 1;} /* 툴바 */ .toolbar{text-align: right;} .toolbar ul{display: inline-block;} .toolbar ul li{text-align: center; display: inline-block; vertical-align: middle; padding: 17px 0 0; position: relative;} .toolbar ul li.tool01{padding-left: 13px; position: relative;} .toolbar ul li.tool01 .ico_th{position: absolute; left: 3px; top: 10px;} .toolbar ul li > a{display: block; font-size: 12px; color: #707070; position: relative; padding: 0 18px;} .toolbar ul li.last>a, .toolbar ul li:last-child>a{padding-right: 0;} .toolbar ul li a:after{content: ''; position: absolute; right: 0; top: 50%; margin-top: -4px; width: 1px; height: 8px; background: #d8d8d8;} .toolbar ul li.tool01 > a{display: inline-block; padding-left: 5px; vertical-align: middle;} .toolbar ul li .lang_chkul{position: absolute; left: 0; top: 150%; background: #fff; z-index: 3; border: 1px solid #eee; width: 100%; padding: 5px 10px; display: none; border-top: 2px solid #044595;} .toolbar ul li .lang_chkul:after{content: ''; width: 10px; height: 5px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/ico_arrtop.png)no-repeat left top; position: absolute; left: 50%; margin-left: -5px; top: -6px;} .toolbar ul li .lang_chkul li{padding: 0; display: block;} .toolbar ul li .lang_chkul li a{border-right: none; padding: 5px 0; color: #222;} .toolbar ul li .lang_chkul li a:after{content: none;} .toolbar ul li .ico.ico_global{display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/ico_global.png) no-repeat left top;}  .toolbar ul li.tool01_{padding-left:18px;} .toolbar ul li.tool01_ > a{display: inline-block; padding-left: 5px; vertical-align: middle;} .toolbar ul li .lang_chkul_{position: absolute; left: 0; top: 150%; background: #fff; z-index: 3; border: 1px solid #eee; width: 100%; padding: 5px 10px; display: none; border-top: 2px solid #044595;} .toolbar ul li .lang_chkul_:after{content: ''; width: 10px; height: 5px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/ico_arrtop.png)no-repeat left top; position: absolute; left: 50%; margin-left: -5px; top: -6px;} .toolbar ul li .lang_chkul_ li{padding: 0; display: block;} .toolbar ul li .lang_chkul_ li a{border-right: none; padding: 5px 0; color: #222;} .toolbar ul li .lang_chkul_ li a:after{content: none;} .toolbar ul li .ico.ico_sns{display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/ico_sns.png) no-repeat left top;}  .toolbar ul li.tool03 a:after, .toolbar ul li.tool04 a:after, .toolbar ul li.tool05 a:after{content: none;} .toolbar ul li.tool05 label{position: relative;} .toolbar ul li.tool05 label .search{background: #fff !important; border: 1px solid #9d9d9d; border-radius: 30px; -webkit-border-radius: 30px; text-indent: 10px; min-width: 229px;  padding-right: 30px !important; padding: 0px 10px; height: 28px !important; line-height: 26px; font-size: 12px;} .search:focus{outline: none; border: 1px solid rgba(4,69,149,.7);} .search_btn{position: absolute; right: 10px; top: 50%; margin-top: -13px; font-size: 16px;} .mobBtnLogin{display: none;}      @media only screen and (max-width: 960px){  .mobBtnLogin,.mobBtnLogout{display: inline-block; vertical-align: top; position: absolute; right: 50px; top: 50%; margin-top: -9px; transform: rotate(-90deg);}  .mobBtnLogin:after,.mobBtnLogout:after{font-size: 17px; color: #054494; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}  .mobBtnLogin:after,.mobBtnLogout:after{content: "\e632"; }  .mobBtnLogout:after{content: "\e63e"; color: #636363;}  .mobileBtn a{display: inline-block; height: 18px; vertical-align: top;}  } /* footer */ .footer  {text-align:left; margin-top: 50px; padding:30px 0;} .main .footer {background:#e0e0e0; } .sub .footer {background:#fff; border-top: 1px solid #ddd;} .footer .btnFoot  { margin-bottom:15px; } .footer .btnFoot a {font-weight:bold; font-size:14px; color:#666666; margin-right:28px;} .footer .address  { font-size:12px; color:#999999; line-height:18px; margin-bottom:20px;} .footer .row {position:relative;} .footer .row .familySite {position:absolute; right:0; top:0; z-index:50;} .footer .row .familySiteWrap{position: absolute; right: 0; top: 0; z-index: 50;}/* 대학원 전용 */ .footer .row .familySiteWrap .familySiteInner{position: relative;} .footer .row .familySiteWrap .familySiteInner + .familySiteInner{margin-top: 2px;} .footer .row .familySiteWrap .familySite {position: static; float: none; margin-top: 0} .footer .row .familySiteWrap .familySite ul{bottom: 44px;} .footer .row .familySiteWrap .familySite .tit a{border-color: #d5d5d5; padding: 13px 0 13px 10px;} @media only screen and (max-width: 960px){  .footer .row .familySite{right: 15px;}  .footer .row .familySite{position: static; margin-top: 15px; float: right;}  .footer .row .familySiteWrap{position: static; margin-top: 15px; float: right;} } .footer .row .familySite .tit {} .footer .row .familySite .tit a {display:block; width:194px; padding:7px 0 7px 10px; font-size:12px; color:#666666; border:1px solid #acacac; background:url('images/sub/arrowUp01.png') 90% center no-repeat; cursor:pointer;} .footer .row .familySite ul {display:none; border:1px solid #acacac; width:194px; position:absolute; bottom:31px;  background:#e0e0e0;  } .footer .row .familySite ul li a {display:block;  padding:7px 0 7px 10px; font-size:12px; color:#666666;   cursor:pointer;} .footLogo{background: url(/common/plugin/syworks.design.library/template/develop/images/sub/fLogo.png) no-repeat left center; padding: 3px 0; padding-left: 26px; display: inline-block; font-size: 14px; font-weight: 600; color: #b2b2b2; } .footLogo .hpNam{vertical-align: top; position: relative; margin-left: 8px; padding-left: 4px;} .footLogo .hpNam:after{content: ''; width: 1px; height: 60%; position: absolute; left: -4px; top: 20%; background: #b2b2b2;}  /* 레이어팝 */ .tp .ui-dialog{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; font-family: 'Malgun Gothic', sans-serif;} .tp #ajaxLoading{background: transparent !important;} .tp .ui-widget-content{border: none; background: #fff; } .tp .ui-dialog .ui-dialog-content{padding: 40px 30px 0;} .tp .ui-dialog .ui-dialog-content .ui-dialog-content{padding: 0;} .tp .ui-draggable .ui-dialog-titlebar{padding: 15px 30px; background: #04499b url(/common/plugin/syworks.design.library/template/portal/images/common/title_bg.png) no-repeat left center; min-height: 40px;} .tp .ui-widget-header{border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0;} .tp .ui-dialog .ui-dialog-title{font-size: 2em; color: #fff;} /* .tp .ui-widget-overlay{background: #000; opacity: 0.1; position: fixed;} */ .tp .ui-widget-overlay{background: #000; opacity: 0.1; position: fixed;display: none;}  .tp .ui-dialog-buttonset{text-align: center;} .tp .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float: none;} .tp .ui-dialog .ui-dialog-buttonpane button{margin: 0 3px 45px; font-weight: 400;} .tp .ui-dialog .ui-dialog-titlebar-close{right: 0; width: 60px; border-left: 1px solid #1e5ca5; height: 100%; margin: 0; top: 0; line-height: 57px; text-align: center; padding: 0;} .tp .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .tp .ui-dialog .ui-dialog-titlebar-close.ui-state-focus{border: none; background: none; border-left: 1px solid #1e5ca5;} .tp .ui-dialog .ui-dialog-titlebar-close span{background: url(/common/plugin/syworks.design.library/template/portal/images/common/ico_dialog_close.png) no-repeat center center; width: 100%; height: 100%; position: absolute; margin: 0;} .tp .ui-dialog .ui-dialog-buttonpane{margin: 0;} .tp .ui-widget-content .ui-state-default{padding: 7px 5px; min-width: 95px; color: #fff; font-size: 1.2em; background: #585c61; border: 1px solid #3a3838;} .tp .ui-widget-content .ui-datepicker-calendar .ui-state-default{min-width: 0;     border: 1px solid #ddd; background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x; color: #555;} .tp .ui-datepicker{font-size: 13px;} .tp .ui-widget-content .ui-state-default.di_btn_conf{background: #4d90de; border-color: #2e75c7;} .tp .ui-button-text-only .ui-button-text{padding: 0;} .tp .ui-dialog .ui-dialog-content.di_confirm, .tp .ui-dialog .ui-dialog-content.di_alert{font-size: 20px; text-align: center; padding-top: 60px; padding-bottom: 60px;} .tp .layer_pophe{max-height: 600px; overflow-y: auto;} /* 페이징 */ .tp .pagination li {display: inline-block; vertical-align: middle;} .tp .pagination li a, .tp .pamob_contr, .tp .page_mob .paging-item{width: 32px; height: 32px; line-height: 20px; font-size: 1.2em; margin: 0 7px; border: none; text-align: center; color: #828282;} .tp .page_mob .paging-item{display: inline-block; vertical-align: top; line-height: 32px;} .tp .pamob_contr{display: block;} .tp .pagination li a:hover{border: none !important;} .tp .pagination .prev_all a, .tp .pagination .next_all a, .tp .pagination .next a, .tp .pagination .prev a, .tp .pamob_contr.pamobPrevAll, .tp .pamob_contr.pamobPrev, .tp .pamob_contr.pamobNext, .tp .pamob_contr.pamobNextAll{width: 34px; height: 34px; line-height: 34px; text-indent: -9999em; background: no-repeat left top; border: none; margin: 0 3px;} .tp .pagination .prev_all a:hover, .tp .pagination .next_all a:hover, .tp .pagination .next a:hover, .tp .pagination .prev a:hover{background-color: #fff; border: none;} .tp .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .tp .page_mob .active{color: #fff !important; background: url(/common/plugin/syworks.design.library/template/portal/images/common/page_active_bg.png) no-repeat center center !important; border: none;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background: initial; } .tp .pagination .prev_all a, .tp .pamob_contr.pamobPrevAll{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/page_prev_all.png);} .tp .pagination .next_all a, .tp .pamob_contr.pamobNextAll{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/page_next_all.png);} .tp .pagination .next a, .tp .pamob_contr.pamobNext{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/page_next.png); margin-left: 15px;} .tp .pagination .prev a, .tp .pamob_contr.pamobPrev{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/page_prev.png); margin-right: 15px;} .tp .page_mob{text-align: center; margin: 20px 0; display: none;} .tp .pamob_inner{position: relative; padding: 0 90px; display: inline-block;} .tp.sub select.page_mob_select{border: none; -webkit-appearance: none; min-width: auto;  border: none;} .tp .pamob_contr{position: absolute; top: 0;} .tp .pamob_contr.pamobPrevAll{left: 0;} .tp .pamob_contr.pamobPrev{left: 37px;} .tp .pamob_contr.pamobNextAll{right: 0;} .tp .pamob_contr.pamobNext{right: 37px;}     .tp  .sort_accor_list .panel-heading:before{    content: ''; width: 2px; height: 110%; background: #292c34; position: absolute; left: 0; top: -1px;} .tp .sort_accor_list .panel-heading{background: #fff !important; border: 1px solid #ccc; border-left: none; display: block; border-radius: 0; -webkit-border-radius: 0; position: relative; overflow: hidden;} .tp .sort_grid{padding-bottom: 40px; border-bottom: 1px solid #ccc;} .tp .sort_first, .tp .pageSetting .sort_last{float: left;} .tp .sort_first{width: 36.84%; padding-right: 19px; } .tp .sort_first > .sort_accor_list > ol{padding: 0 1px;} .tp .ico_menu{width: 22px; height: 16px; background: no-repeat center top; display: inline-block; vertical-align: middle; padding: 0 3px; margin: 0 2px;} .tp .ico_menu.menu_del{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/ico_menu_del.png);} .tp .ico_menu.menu_add{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/ico_menu_add.png);} .tp .ico_menu.menu_move, .tp .ico_menu_move, .tp .pageSetting .moveLabel{width: 22px; height: 16px; background: no-repeat center top; display: inline-block; vertical-align: top; padding: 0 3px; margin: 0 2px; background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/ico_menu_move.png); margin: 0 6px; margin-right: 3px; vertical-align: middle;} .tp .sort_grid .small .panel-heading-btn a{vertical-align: middle;} .tp .sort_grid.sort_max .small .panel-heading-btn{margin-top: -15px;} .tp .sort_grid.sort_max.sort_mb0 .sort_accor_list.small .panel-heading{padding-right: 155px; padding-top: 10px; padding-bottom: 10px;} .tp .ico_menu.menu_move{} .tp .sort_last{width: 63.16%; padding-left: 22px;} .tp .sort_last > table{display: none;} .tp .sort_last.active > .sort_last_nocontent{display: none;} .tp .sort_last.active > table{display: block;} .tp .sort_last .sort_tbl_mt li{margin-bottom: 18px;} .tp .sort_last .sort_tbl_mt li.last{margin-bottom: 0;} .tp .sort_tbl_chk{display: inline-block; vertical-align: middle;} .tp .sort_first > .sort_accor_list > ol{max-height: 620px; overflowy-: auto;} .tp .sort_accor_list ol.nestedSortable > li.active > dl > dt .panel-heading{border: 1px solid #292c34; outline: 1px solid #292c34;} .tp .sort_accor_list ol.nestedSortable > li.active > dl > dt .panel-heading:before{content: none;} .tp .sort_accor_list ol.nestedSortable ol > li.active > dl > dt .panel-heading{border: 1px solid #0088cc; outline: 1px solid #0088cc;} .tp .sort_accor_list ol.nestedSortable ol > li.active > dl > dt .panel-heading:before{content: none;} .tp .sort_accor_list ol.nestedSortable ol ol > li.active > dl > dt .panel-heading{border: 1px solid #879ca7; outline: 1px solid #879ca7;} .tp .sort_accor_list ol.nestedSortable ol ol > li.active > dl > dt .panel-heading:before{content: none;} .tp .nicescroll-cursors{margin-right: -10px;} .tp .sort_accor_list .panel-heading{padding-right: 100px;} .tp .sort_grid .panel-title{width: 100%; display: inline-block; padding: 12px 18px;} .tp .sort_grid .panel-heading-btn{position: absolute; right: 17px; top: 50%; margin-top: -8px;} .tp .sort_last_nocontent{padding: 219px 0 0; text-align: center; border-top: 2px solid #1f1f1f;} .tp .sort_nocont {border: 1px solid  #ccc; padding: 50px 42px; text-align: left; display: inline-block; max-width: 500px;} .tp .sort_nocont .s_msg{font-weight: 700; margin-bottom: 10px;} .tp .sort_nocont li{width: 100%; text-align: left; font-size: 14px; padding: 2px 0 3px; color: #666;} .tp .sort_nocont .p_msg, .tp .sort_nocont .p_msg2{background: no-repeat left center; display: inline-block; vertical-align: middle; padding-left: 22px;} .tp .sort_nocont .p_msg{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/ico_menu_add.png);} .tp .sort_nocont .p_msg2{background-image: url(/common/plugin/syworks.design.library/center/images/admin/common/ico_menu_move.png);} .tp .menuTitleBtnAppend{width: 36.84%; padding-right: 19px;} .tp .menuTitleBtnAppend .menu_append{vertical-align: middle;} .tp .sort_grid.sort_max{padding-bottom: 0; border-bottom: none;} .tp .sort_grid.sort_max .sort_accor_list .panel-heading:before{background: #879ca7;} .tp .sort_grid.sort_max .sort_accor_list .panel-heading a:after{content: none;} .tp .sort_grid.sort_max.sort_max02 .sort_accor_list .panel-heading{background: #f1f1f1 !important;} .tp .sort_grid.sort_max .form-group{margin-bottom: 0;} .tp .sort_grid.sort_max .sort_accor_list .panel-title{padding-left: 30px;} .tp .sort_grid.sort_max .sort_accor_list .panel-heading{padding-right: 405px;} .tp .sort_grid.sort_max .panel-heading-btn .jstl_radio{width: 300px; display: inline-block; vertical-align: middle;} .tp .sort_grid.sort_max .panel-heading-btn .jstl_radio li{display: inline-block; vertical-align: middle; margin: 0;} .tp .sort_grid.sort_max .panel-heading-btn{margin-top: -8px;} .tp .sort_grid.sort_max .sort_accor_list > li{margin: 0; margin-bottom: 10px;} .tp .sort_grid.sort_max .sort_accor_list > li:last-child{margin-bottom: 0;} .tp .sort_grid.sort_max.sort_mb0 .sort_accor_list .panel-heading{padding-right: 100px;} .tp .sort_grid.sort_max.sort_mb0 .sort_accor_list > li{margin-bottom: 0; border-bottom: 1px solid #ccc;} .tp .sort_grid.sort_max.sort_mb0 .sort_accor_list > li .panel-heading{margin-top: -1px;} .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area{display: inline-block;} .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area + .inline_form_area{margin-left: 42px;} .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area .inline_txt, .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area .form-group, .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area a, .tp .sort_grid.sort_max .sort_accor_list_num{display: inline-block; vertical-align: middle;} .tp .sort_grid.sort_max .sort_accor_list_num{margin-right: 30px;} .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area .inline_txt{margin-right: 10px;} .tp .sort_grid.sort_max.sort_mb0 .panel-title.inline_form .inline_form_area a{margin-left: 10px;} .tp .sort_grid.sort_max .sort_accor_list .sort_accor_list_dept02{padding: 0; list-style: none;} .tp .sort_grid.sort_max .sort_accor_list .sort_accor_list_dept02 li{margin: 0;} .tp .sort_grid.sort_max .sort_accor_list .sort_accor_list_dept02 li .panel-heading{background: #fff !important;} .tp .sort_grid.sort_max .sort_accor_list .sort_accor_list_dept02 li .panel-heading:before{background: #879ca7;} .tp .sort_grid.sort_max .sort_accor_list .sort_accor_list_dept02 .alert.alert-danger{border-left: 2px solid #879ca7; color: #999; margin-top: -1px;} .tp .sort_grid.sort_max.sort_mb0 .panel-heading a.txtLink{color: #0088cc; font-size: 14px; margin-right: 15px;} .tp .sort_grid.sort_max.sort_mb0 .panel-heading a.txtLink:before{content: ''; width: 19px; height: 17px; position: absolute; left: -23px; top: 2px; background: url(/common/plugin/syworks.design.library/center/images/admin/common/icoTxtLink.png) no-repeat left center;} .tp .sort_grid.sort_max.sort_mb0 .panel-heading a.txtLink:after{background: #0088cc; bottom: -1px;} .tp .menuNameDisab .sortTitAc .form-group, .tp .menuNameDisab .sortTitAc > .menuNameDisabInput{width: 40%; display: inline-block; padding-right: 5px;} .tp .menuNameDisab .sortTitAc .form-group + .form-group, .tp .menuNameDisab .sortTitAc > .menuNameDisabInput + .menuNameDisabInput{width: 60%; padding-right: 0; padding-left: 5px;}   /* 템플릿 게시판 등록 폼 */ .ajax-file-upload-statusbar{padding-left: 92px !important; position: relative;} .ajax-file-upload-statusbar .ajax-file-upload-view, .ajax-file-upload-statusbar .ajax-file-upload-content{float: none; display: inline-block; vertical-align: middle;} .ajax-file-upload-statusbar .ajax-file-upload-view{width: 92px; height: 81px; border-radius: 0; -webkit-border-radius: 0; background: #f8f8f8; border: none; border-left: 2px solid #0088cc; position: absolute; left: 0; top: 0;} .ajax-file-upload-statusbar .ajax-file-upload-content{position: relative; width: 100%;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap{position: absolute; right: 26px; bottom: 0;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-txts-wrap{padding: 15px 33px 0 20px; padding-right: 240px;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink{font-size: 14px; color: #0088cc; vertical-align: middle; margin-right: 10px;} .ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink:after{background: #0088cc; bottom: -1px;} .ajax-file-upload-bar{background: #0088cc; height: 16px; line-height: 16px; font-size: 14px;} .ajax-file-upload-image-va{display: inline-block; width: 0; height: 100%; vertical-align: middle;} .ajax-file-upload-filename, .ajax-file-upload-progress{margin-left: 0; margin-right: 0;} .ajax-file-upload-progress{border: 1px solid #e7e7e7; background: #f8f8f8; padding: 0; width: 100%; float: none;} .ajax-file-upload-bar, .ajax-file-upload-progress{border-radius: 60px;} .ajax-upload-dragdrop{padding: 0; height: 80px; margin-top: 36px; line-height: 80px; text-align: center;} .ajax-file-upload-red, .ajax-file-upload-green{width: auto !important; font-size: 16px; text-transform: uppercase; font-family: inherit; box-shadow: none; text-shadow: none;} .ajax-file-upload-green{margin-right: 0;} .COMMON_FILEUPLOAD .errorLog{padding: 0;} .COMMON_FILEUPLOAD .ui-sortable{padding: 0; margin-bottom: 0;} .COMMON_FILEUPLOAD .ui-sortable li{height: 83px; padding: 0; border-top: none; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0;} .COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{border-top: 1px solid #ccc;} .ajax-file-upload-filename{font-size: 18px; color: #3d3d3d; text-oveflow: ellipsis; overflow: hidden; white-space: nowrap;} .ajax-upload-dragdrop{border: 1px solid #DADCE3;} .COMMON_FILEUPLOAD a.ico_menu:after{content: none;} .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: left; font-size: 18px; margin: 5px 0;} .COMMON_FILEUPLOAD .sizeLog{display: none;} .COMMON_FILEUPLOAD .ajax-file-upload{position: absolute !important; left: 0; top: -32px; line-height: normal; padding: 7px 19px 5px; color: #fff; border: 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; min-width: 95px; font-size: 12px; display: inline-block; vertical-align: middle; text-align: center; position: relative;     background: #fdfdfd; border-color: #c1c1c1; color: #737373; cursor: pointer;} .COMMON_FILEUPLOAD .ajax-file-upload input{cursor: pointer;} .COMMON_FILEUPLOAD .ajax-file-upload:before{    content: "\e611"; vertical-align: middle; color: #0c0e0f;font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; display: inline-block; vertical-align: bottom;} .lp .COMMON_FILEUPLOAD .ajax-file-upload:before{color: #fff;} .ajax-upload-dragdrop .ajax_drag_msg{color: #999999; display: inline-block; font-size: 14px;} .ajax-upload-dragdrop .ajax_drag_msg .fa{margin-right: 5px; color: #1f1f1f;} .COMMON_FILEUPLOAD .ui-sortable{margin-top: 10px;} .COMMON_FILEUPLOAD .ui-sortable li{cursor: default;} .requiredHeader{float: right; font-size: 12px; position: absolute; right: 0; top:-17px;} .ajax-upload-dragdrop{clear: both;}      /* 댓글 comment */ .comment_wrap , .reply_wrap{margin-top: 20px;} .wri_reply_wrap{background: #f1f1f1; border-top: 2px solid #1f1f1f; border-bottom: none; } .answcom_area{border-top: 1px solid #dfdfdf; clear: both;} .answcom_area li{font-size: 1.4em; color: #222; padding: 20px 18px; line-height: 1.5; background: #fff;} .com_comment{margin-bottom: 15px;} .com_comment .wri_area{font-size: 1.5em; } .com_comment .wri_area_wrap{border: 1px solid #dfdfdf; border-left: none; border-right: none; background: #f9f9f9;} .com_comment .wri_area_wrap + .wri_area_wrap{margin-top: -1px;} .comment_input{padding: 16px 18px; margin-top: -1px; border-top: 1px solid #dfdfdf;} .commentlist > li.reply .comment_input{padding-left: 0; border-top: none;} .comment_input_inner{position: relative; padding-right: 109px;} .comment_input label{width: 100%;} .comment_input label .textarea{height: 66px !important;} .comment_input .btns{position: absolute; right: 0; top: 0;} .comment_ad_btn{float: left;} .comment_ad_btn a{display: inline-block; margin-right: 2px;} .comment_area{border-top: 1px solid #dfdfdf;} .comment_area li{padding: 20px 18px; position: relative; border-bottom: 1px dashed #dfdfdf;} .comment_area li.even, .comment_area li:nth-child(even){background: #f9f9f9;} .comment_area li.last, .comment_area li:last-child{border-bottom: none;} .com_comment .wri_reply_wrap .wri_area_wrap{background: initial;} .comment-modify{margin-top: 20px; margin-bottom: 10px;} .commentlist{border: 2px solid #5f5f5f; border-left: none; border-right: none;} .commentlist > li{padding: 20px 18px 10px; position: relative; border-bottom: 1px dashed #dfdfdf;} .commentlist > li.reply{background: #f9f9f9 url(/common/plugin/syworks.design.library/template/portal/images/ico/togg_arrr.png) no-repeat 18px 20px; padding-left: 38px;} .commentlist > li.last{border-style: solid;} .comment-cont p{font-size: 1.4em; color: #777; margin-top: 15px; margin-bottom: 10px;width: 100%; word-break: break-all;} .comment_txt{} .comment_txt > .comment_btns{position: absolute; right: 18px; top: 15px;} .comment_txt > .comment_btns a{display: inline-block; margin-left: 2px;border: none;  border-left: none;} .comment_txt > .comment_btns a.dn{display: none;} .comment_txt > .comment_btns a + a{border-left: 1px solid #dfdfdf;} .commentlist .comment_input{padding-left: 0; padding-right: 0; border-top: none;} /* 답변 reply_area */ .wri_reply_wrap {font-size: 15px;} .wri_reply_wrap .wri_area_wrap{padding: 15px 38px; position: relative; border-style: dashed; border-color: #cecece;} .wri_reply_wrap ul.wri_col37 li{width: 30%; float: left; padding-top: 0;} .wri_reply_wrap ul.wri_col37 li + li{width: 70%; padding-left: 10px;} .wri_reply_wrap ul.wri_col37 + .comment_input{padding: 0; margin-top: 10px; border-top: none;} .wri_reply_wrap .reply_rdo{margin-right: 15px; font-weight: 600;} .wri_reply_wrap .reply_c01{color: #0088cc; } .wri_reply_wrap .reply_c02{color: #da4453;} .wri_reply_wrap .reply_top_date{color: #999; font-size: 16px; position: absolute; right: 38px; top: 20px; } .wri_reply_wrap .wri_select{width: auto; display: inline-block; vertical-align: middle;} .wri_reply_wrap .wri_select select{width: auto; height: 30px;} .wri_reply_wrap .reply_area{margin-left: -38px; margin-right: -38px; padding: 0 38px 15px; border-bottom: 1px dashed #cecece;} .wri_reply_wrap .reply_area .reply_txt{font-size: 15px;} .wri_reply_wrap .reply_area .reply_statu{position: relative; padding-left: 22px;} .wri_reply_wrap .reply_area .reply_statu:after{content: ''; width: 12px; height: 12px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -6px;} .wri_reply_wrap .reply_area .reply_statu.black05{color: #0088cc; font-weight: 600;} .wri_reply_wrap .reply_area .reply_statu.black05:after{background: #0088cc;} .wri_reply_wrap .reply_area .reply_statu.org{color: #da4453; font-weight: 600;} .wri_reply_wrap .reply_area .reply_statu.org:after{background: #da4453;} .wri_reply_wrap .reply_area .reply_right{color: #1f1f1f; font-weight: 600;} .wri_reply_wrap .reply_area .reply_txt_date{vertical-align: middle; margin-left: 30px; padding-left: 30px; position: relative; color: #999;} .wri_reply_wrap .reply_area .reply_txt_date:after{content: ''; width: 1px; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -6px; background: #ccc;} .wri_reply_wrap .answcom_area{border-top: none;} .wri_reply_wrap .answcom_area li{background: none; font-size: 15px; padding: 0; padding-top: 20px;} .wri_reply_wrap .reply_area .reply_right .wri_ad{padding-right: 0; margin-right: 0; border-right: none;} .wri_reply_wrap .answcom_area .comment_input.dn{padding: 0; border-top: none;}   .reply_area{position: relative; padding: 15px; padding-left: 90px; } .reply_area .tbl_top{} .reply_area .reply_he{position: absolute; left: 18px; top: 50%; margin-top: -7px; color: #777; font-size: 1.4em; border-right: 1px solid #dfdfdf; padding-right: 12px;} .reply_area .reply_txt{display: block; position: relative; font-size: 1.4em;} .reply_area .reply_txt .ico_ti{vertical-align: middle; margin-right: 5px;} .reply_area .reply_right{float: right;} .reply_area .reply_statu{vertical-align: middle;} .reply_area .ico_medall{vertical-align: middle; margin-right: 10px;} .reply_area .reply_right .wri_ad{padding-right: 10px; margin-right: 10px; border-right: 1px solid #dfdfdf;} /* 포탈 common_upload_wrap */ .common_upload_wrap{margin-bottom: 30px;} .common_upload_wrap input[type=file]{position: absolute; left: -999em; top: -999em;} .common_upload_wrap label{position: relative; display: block; width: 100%;} .common_upload_wrap .input_val{display: block; width: 100%; border: 1px solid #dfdfdf; background: #fff; font-size: 14px; color: #777; padding: 8px 10px; } .common_upload_wrap .searchBtn{padding: 7px 19px 5px; color: #fff; border: 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; min-width: 95px; font-size: 12px; display: inline-block; vertical-align: middle; text-align: center; position: relative; line-height: normal; background: #fdfdfd; border-color: #c1c1c1; color: #737373; position: absolute; right: 3px; top: 50%; margin-top: -15px;} .common_upload_wrap .searchBtn:before{font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; display: inline-block; vertical-align: bottom; content: "\e611"; vertical-align: middle; color: #0c0e0f;}  /* 페이징 */ .tp .pagination.comment_paging li a{display: block; width: auto; height: auto; line-height: normal; font-size: 1.2em; margin: 0 3px; border: none;  padding-top: 0; padding-bottom: 0;} .tp .pagination.comment_paging li a:hover{border: none !important;} .tp .pagination.comment_paging .prev_all a, .tp .pagination.comment_paging .next_all a, .tp .pagination.comment_paging .next a, .tp .pagination.comment_paging .prev a{text-indent: -9999em; background: no-repeat left top; border: none; margin: 0 3px; width: 16px; height: 15px; line-height: 15px;  padding: 0;} .tp .pagination.comment_paging .prev_all a:hover, .tp .pagination.comment_paging .next_all a:hover, .tp .pagination.comment_paging .next a:hover, .tp .pagination.comment_paging .prev a:hover{color: #06c9e3; border: none;} .tp .pagination.comment_paging > .active > a, .pagination.comment_paging > .active > span, .pagination.comment_paging > .active > a:hover, .pagination.comment_paging > .active > span:hover, .pagination.comment_paging > .active > a:focus, .pagination.comment_paging > .active > span:focus{color: #06c9e3 !important; background: none !important;} .tp .pagination.comment_paging .prev_all a{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/comment_page_prev_all.png);} .tp .pagination.comment_paging .next_all a{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/comment_page_next_all.png);} .tp .pagination.comment_paging .next a{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/comment_page_next.png); margin-left: 15px;} .tp .pagination.comment_paging .prev a{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/comment_page_prev.png); margin-right: 15px;} /* 파일첨부-버튼 */ .fileEdite_area{display: inline-block; vertical-align: middle; } .crop_wrap{width: 108px;} .crop_wrap img{display: inline-block;} .crop_wrap img.img_cropnot{/*max-width: 60% !important;*/} .fileEdite{margin-right: 10px;} .fileEdite_inner{display: inline-block; vertical-align: middle; position: relative; float: left;} .fileEdite_input{font-size: 12px; line-height: normal; height: 36px; line-height: 36px; text-indent: 10px; color: #999;} .fileEdite_inner .thumbnail{padding: 10px 7px; border-radius: 0; -webkit-border-radius: 0; background: #f1f1f1; border-color: #ccc; margin-bottom: 0;} label.fileEdite input{opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; cursor: pointer; width: 100%; height: 100%;} .upload_noti{padding: 12px 0 0;} .upload_noti li{padding: 4px 0; position: relative; color: #666;} .upload_noti li.last{padding-bottom: 0;} .upload_noti li:before{content: ''; display: inline-block; vertical-align: middle; margin-right: 8px ; width: 2px; height: 2px; background: #ccc;}  /* 탭형식 */ .com_tab, .com_tab_show{margin-bottom: 50px;} .com_tab > ul, .com_tab_show > ul{ display: block; position: relative;} .com_tab > ul:before, .com_tab_show > ul:before{content: ''; width: calc(100% - 1px); height: 1px; background: #37abf1; position: absolute; left: 0; bottom: 0; z-index: 1;} .com_tab > ul:after, .com_tab_show > ul:after{content: ''; zoom: 1; overflow: hidden;  height: 1; display: block; visibility: hidden; clear: both;} .com_tab > ul > li, .com_tab_show > ul > li{float: left; position: relative; width: 20%;} @media only screen and (max-width: 960px){  .com_tab_show.colum01 > ul > li{width: 50%;}  .com_tab_show.colum02 > ul > li{width: 50%;}  .com_tab_show.colum03 > ul > li{width: 33.333%;}  .com_tab_show.colum04 > ul > li{width: 25%;}  .com_tab_show.colum05 > ul > li{width: 20%;}  .noticeGsMobTab{display: none !important;} } .com_tab.colum05 > ul > li.last a, .com_tab.colum05 > ul > li.last label, .com_tab_show.colum05 > ul > li.last a{border-right: none;} .com_tab > ul > li > a, .com_tab > ul > li label, .com_tab_show > ul > li > a, .com_tab_show > ul > li label{font-size: 1.8em; font-weight: 400; color: #999999; font-family: 'Malgun Gothic', sans-serif; display: block; padding: 15px 5px; background: #f8f8f8; border: 1px solid #ccc; border-left: none; border-bottom: none; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer;} .com_tab > ul > li input{position: absolute; left: -9999em;} .com_tab > ul > li.first > a, .com_tab_show > ul > li.first > a{border-left: 1px solid #ccc;} .com_tab > ul > li.active, .com_tab_show > ul > li.active{border: 1px solid #37abf1; border-top-width: 3px; margin-left: -1px;} .com_tab > ul > li.active > a, .com_tab_show > ul > li.active > a, .com_tab > ul > li.active label{background: #fff; color: #37abf1; font-weight: 600; border: none; padding: 13px 5px 12px; border-top: 1px solid #fff;} .com_tab > ul > li.active:after, .com_tab_show > ul > li.active:after{content: ''; width: 100%; height: 3px; background: #fff; position: absolute; left: 0; top: 100%; z-index: 2;} /* 수업부분 컨텐츠*/ .com_tab02{border: 1px solid #ccc; margin-bottom: 50px;} .com_tab02 > ul{margin-bottom: -1px;} .com_tab02 > ul > li{width: 16.666%; float: left;} .com_tab02 > ul > li + li{width: 16.666%} .com_tab02 > ul > li.tab_last{border-right: 1px solid #ccc;} .com_tab02 > ul > li .comt02_tit{font-size: 15px; display: block; text-align: center; padding: 20px 5px; background: #f8f8f8; color: #777; border: 1px solid #ccc; border-right: none; border-top: none; margin-left: -1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .com_tab02 > ul > li:last-child, .com_tab02 > ul > li.last{position: relative;} .com_tab02 > ul > li:last-child:after, .com_tab02 > ul > li.last:after{} .com_tab02 > ul > li.active .comt02_tit, .com_tab02 > ul > li .comt02_tit:hover, .com_tab02 > ul > li .comt02_tit:focus{background: #585858 url(/common/plugin/syworks.design.library/template/portal/images/ico/comt02_img.png) no-repeat -30% top; color: #fff;} .mobile_tab02{display: none;} .tp.sub .mobile_tab02{font-size: 1.25em; background: #585858; padding: 13px 20px; color: #fff; border: none; box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important;} /* 테이블에 사용 */ [class^=ali_]{display: inline-block; padding: 1px 3px; border-radius: 2px; border: 1px solid; font-size: 80%} .ali_a{color: #ee755b; border-color: #ee755b;} .ali_b{color: #366bcb; border-color: #366bcb;} a.link_file{color: #366bcb; text-decoration: underline; display: inline-block; margin: 2px 0; margin-right: 10px; line-height: normal; font-size: 12px;} .tbl_view{padding: 20px; min-height: 200px;} .tbl .label100, .ul_respon .label100{display: block;} .tbl_top{font-size: 1.4em; color: #727272; font-weight: 300; padding: 10px 24px;} .total_num{float: left;} .total_idx, .tbl_top .fright{float: right; margin-top: 3px;} .tbl_top.sel .total_sel{float: left;} .tbl_top.sel .total_sel_right{float: right;} .tbl_top.sel .total_sel_right .total_num, .tbl_top.sel .total_sel_right .total_idx{display: inline-block; float: none; margin-top: 8px;} .tbl_top.sel .total_sel_right .total_num{margin-right: 5px;} .total_num span{font-size: 115%; color: #000; margin-left: 2px;} .total_idx span{color: #000; margin-left: 2px;} .ul_respon{width: 100%; border-top: 2px solid #37abf1;} .ul_respon .thead > ul, .ul_respon .tbody > ul{overflow: hidden; font-size: 0;} .ul_respon .thead > ul > li, .ul_respon .tbody > ul > li{text-align: center; color: #444; font-weight: 600; padding: 13px 10px; position: relative; font-size: 10px;} .ul_respon .thead > ul > li{padding: 14px 10px;} .ul_respon .tbody > ul > li{color: #6f6f6f} .ul_respon .thead > ul, .ul_respon .lhead > ul, .ul_respon .tbody > ul > li{background: #f9f9f9; border-bottom: 1px solid #dfdfdf;} .ul_respon .tbody > ul > li.ellipsis .detailLink{max-width: 92%; vertical-align: top; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .ul_respon .tbody > ul > li a{color: #222;} .ul_respon .tbody > ul > li a.btns:hover{color: #fff;} .ul_respon .tbody > ul > li .comment_num{color: #2876d6;} .ul_respon .tbody > ul > li.text-left{text-align: left;} .ul_respon .tbody > ul{border-bottom: 1px solid #dfdfdf; } .ul_respon .tbody > ul.borderN, .ul_respon .thead > ul.borderN{border-bottom: none; } .ul_respon .tbody > ul > li{background: #fff; border-bottom: none;} .ul_respon .thead > ul > li:after{content: ''; position: absolute; right: 0; top: 35%; height: 30%; width: 1px; background: #dfdfdf;} .ul_respon .thead > ul > li.last:after{content: none;} .ul_respon.faq .tbody > ul{position: relative;} .ul_respon.faq .tbody > ul > li{position: static;} .ul_respon .lhead > ul{overflow: hidden;} .ul_respon.faq .faq_answ{} .ul_respon{display: block; width: 100%; font-size: 0; margin-bottom: 15px;} .ul_respon .thead{background: #fafafa;} .ul_respon .thead, .ul_respon .lhead, .ul_respon .tbody{font-size: 10px; overflow: hidden;} .ul_respon .tbody .inner_txt{font-weight: 400;} .ul_respon .inner_txt .form-group{margin-left: 0; margin-right: 0; margin-bottom: 0;} .ul_respon .lhead .li_respon.thead{position: relative; z-index: 2; } .ul_respon .lhead .li_respon.tbody{background: #fff; border-left: 1px solid #eee;} .ul_respon .lhead > ul{background: #fafafa; border-bottom: 1px solid #eee;} .ul_respon .lhead .thead{border-bottom: none;} .ul_respon .lhead .tbody{text-align: left;} .ul_respon .lhead > ul > li.first{text-align: left; color: #444; padding-left: 25px;} .ul_respon .w1{width: 1%;} .ul_respon .w2{width: 2%;} .ul_respon .w3{width: 3%;} .ul_respon .w4{width: 4%;} .ul_respon .w5{width: 5%;} .ul_respon .w6{width: 6%;} .ul_respon .w7{width: 7%;} .ul_respon .w8{width: 8%;} .ul_respon .w9{width: 9%;} .ul_respon .w10{width: 10%;} .ul_respon .w11{width: 11%;} .ul_respon .w12{width: 12%;} .ul_respon .w13{width: 13%;} .ul_respon .w14{width: 14%;} .ul_respon .w15{width: 15%;} .ul_respon .w16{width: 16%;} .ul_respon .w17{width: 17%;} .ul_respon .w18{width: 18%;} .ul_respon .w19{width: 19%;} .ul_respon .w20{width: 20%;} .ul_respon .w21{width: 21%;} .ul_respon .w22{width: 22%;} .ul_respon .w23{width: 23%;} .ul_respon .w24{width: 24%;} .ul_respon .w25{width: 25%;} .ul_respon .w26{width: 26%;} .ul_respon .w27{width: 27%;} .ul_respon .w28{width: 28%;} .ul_respon .w29{width: 29%;} .ul_respon .w30{width: 30%;} .ul_respon .w31{width: 31%;} .ul_respon .w32{width: 32%;} .ul_respon .w33{width: 33%;} .ul_respon .w34{width: 34%;} .ul_respon .w35{width: 35%;} .ul_respon .w36{width: 36%;} .ul_respon .w37{width: 37%;} .ul_respon .w38{width: 38%;} .ul_respon .w39{width: 39%;} .ul_respon .w40{width: 40%;} .ul_respon .w41{width: 41%;} .ul_respon .w42{width: 42%;} .ul_respon .w43{width: 43%;} .ul_respon .w44{width: 44%;} .ul_respon .w45{width: 45%;} .ul_respon .w46{width: 46%;} .ul_respon .w47{width: 47%;} .ul_respon .w48{width: 48%;} .ul_respon .w49{width: 49%;} .ul_respon .w50{width: 50%;} .ul_respon .w51{width: 51%;} .ul_respon .w52{width: 52%;} .ul_respon .w53{width: 53%;} .ul_respon .w54{width: 54%;} .ul_respon .w55{width: 55%;} .ul_respon .w56{width: 56%;} .ul_respon .w57{width: 57%;} .ul_respon .w58{width: 58%;} .ul_respon .w59{width: 59%;} .ul_respon .w60{width: 60%;} .ul_respon .w61{width: 61%;} .ul_respon .w62{width: 62%;} .ul_respon .w63{width: 63%;} .ul_respon .w64{width: 64%;} .ul_respon .w65{width: 65%;} .ul_respon .w66{width: 66%;} .ul_respon .w67{width: 67%;} .ul_respon .w68{width: 68%;} .ul_respon .w69{width: 69%;} .ul_respon .w70{width: 70%;} .ul_respon .w71{width: 71%;} .ul_respon .w72{width: 72%;} .ul_respon .w73{width: 73%;} .ul_respon .w74{width: 74%;} .ul_respon .w75{width: 75%;} .ul_respon .w76{width: 76%;} .ul_respon .w77{width: 77%;} .ul_respon .w78{width: 78%;} .ul_respon .w79{width: 79%;} .ul_respon .w80{width: 80%;} .ul_respon .w81{width: 81%;} .ul_respon .w82{width: 82%;} .ul_respon .w83{width: 83%;} .ul_respon .w84{width: 84%;} .ul_respon .w85{width: 85%;} .ul_respon .w86{width: 86%;} .ul_respon .w87{width: 87%;} .ul_respon .w88{width: 88%;} .ul_respon .w89{width: 89%;} .ul_respon .w90{width: 90%;} .ul_respon .w91{width: 91%;} .ul_respon .w92{width: 92%;} .ul_respon .w93{width: 93%;} .ul_respon .w94{width: 94%;} .ul_respon .w95{width: 95%;} .ul_respon .w96{width: 96%;} .ul_respon .w97{width: 97%;} .ul_respon .w98{width: 98%;} .ul_respon .w99{width: 99%;} .ul_respon .w100{width: 100%;} .colgroup{text-indent: -999em; position: absolute; top: -9999em; width: 1px; height: 1px; overflow: hidden; line-height: 0; } .li_respon{display: inline-block; vertical-align: middle; padding: 10px 15px; text-align: center;} .li_respon.text-left{text-align: left;} .li_respon .inner_txt{font-size: 1.5em;} .li_respon .tbody .inner_txt{font-size: 1.4em;} .ul_respon .required{color: inherit;} .ul_respon .required .inner_txt{display: inline-block; vertical-align: middle;} .ul_respon .required:before{margin-right: 5px; } .ul_respon.tbl_wtite .tbody > ul > li{text-align: left;} .ul_respon.tbl_wtite .thead> ul > li{padding: 11px 18px;} .ul_respon.tbl_wtite .thead > ul > li.cate_sel.on .inner_txt > .form-group{width: 20%; display: inline-block; vertical-align: top;} .ul_respon.tbl_wtite .thead > ul > li.cate_sel.on .inner_txt > .form-group + .label100{display: inline-block; vertical-align: top; width: 80%; padding-left: 10px;} .ul_respon.tbl_wtite .tbody > ul >  li{padding: 0;} .ul_respon.tbl_wtite .tbody .COMMON_FILEUPLOAD{margin-top: 60px;} .wri_area {position: relative; padding-left: 56px; padding-right: 10px; height: 46px; line-height: 46px; color: #999;} .wri_area.crop_img{height: 113px;} .wri_area.crop_img .wri_th{line-height: 113px;} .wri_area.crop_img .thumbnail{margin: 5px 0; background: #f1f1f1;} .wri_area.file{height: auto; min-height: 46px; line-height: normal; padding-top: 13px; padding-bottom: 7px;} .wri_area.inline{float: left;} .wri_area.colum10{width: 10%; float: left;} .wri_area.colum20{width: 20%; float: left;} .wri_area.colum30{width: 30%; float: left;} .wri_area.colum40{width: 40%; float: left;} .wri_area.colum50{width: 50%; float: left;} .wri_area.colum60{width: 60%; float: left;} .wri_area.colum70{width: 70%; float: left;} .wri_area.colum80{width: 80%; float: left;} .wri_area > label{float: left;} .wri_area > label input[type=radio]{margin-top: -3px;} .wri_area .form-group{margin: 0; font-size: 0;} .wri_area_alert{clear: both; height: 26px; line-height: 26px; font-size: 12px; color: #37abf1; background: #f9f9f9; padding: 0 18px; border-top: 1px solid #dfdfdf;} .wri_area_alert span{color: #777;} .wri_area .wri_th{position: absolute; left: 0; top: 0; width: 46px; height: 100%; line-height: 46px; text-align: center; color: #050708; border: 1px solid #dfdfdf; border-top: none; border-bottom: none; border-left: none;  } .wri_area .wri_ad{color: #999;} .wri_area .wri_ad span , .wri_area .wri_ad i{display: inline-block;} .wri_area .wri_th.ico_user{font-size: 15px;} .wri_area + .wri_area .wri_th{border-left: 1px solid #dfdfdf;} .wri_area .wri_select{display: inline-block; vertical-align: middle;} .wri_area .wri_select.w130{width: 130px;} .wri_area .wri_select.w160{width: 160px;} .wri_area .wri_select.wp100{width: 100%;} .wri_listtxt{padding: 11px 18px; position: relative; padding-left: 110px;} .wri_listtxt dt{position: absolute; left: 18px; top: 50%;  margin-top: -10px;} .btn_align a{float: left;} .btn_align a + a{float: none;} .ul_respon.thumb .tbody > ul > li{padding: 20px 23px;} .ul_respon.thumb .tbody > ul.thumb_no .ulthu_inner{padding: 0;} .ul_respon.thumb .tbody > ul.even > li{background: #f9f9f9;} .ul_respon.thumb .ulthu_inner{position: relative; padding-left: 190px; text-align: left;} .ul_respon.thumb .ulthu_inner .ulthu_img{position: absolute; left: 0; top: 0; width: 170px; height: 127px; overflow: hidden; text-align: center;} .ul_respon.thumb .ulthu_inner .ulthu_img img{width: 100%; height: 100%;} .ul_respon.thumb .ulthu_inner .ulthu_img.CropImgValResize img{width: inherit; height: auto;} .ul_respon.thumb .ulthu_inner .ulthu_list{font-weight: 400;} .ul_respon.thumb .ulthu_inner .ulthu_list dt a{font-size: 1.8em; color: #222; font-weight: 400;} .ul_respon.thumb .ulthu_inner .ulthu_list .ulthu_date{margin: 12px 0 33px;} .ul_respon.thumb .ulthu_inner .ulthu_list .ulthu_txt{font-size: 1.4em; color: #777; min-height: 40px;} .ul_respon.thumb.result .ulthu_inner .ulthu_list .ulthu_txt{margin-top: 12px;} .ul_respon.thumb.result  .tbody > ul > li{padding: 38px 23px;} .ul_respon.thumb.result .ulthu_na{padding: 0 8px; margin-top: 25px;} .ul_respon.thumb.result .ulthu_na.type2{margin:0 0 15px} .ul_respon.thumb.result .ulthu_na.type2 a{font-size:15px;font-weight:600} .ul_respon.thumb.result .ulthu_na.type2 li:after{top:5px} .ul_respon.thumb.result .ulthu_na li{float: left; position: relative; padding: 0 8px;} .ul_respon.thumb.result .ulthu_na li:after{content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: -5px; top: 3px;} .ul_respon.thumb.result .ulthu_na li + li:after{content: '>'; position: absolute; left: -3px; } .ul_respon.thumb.result .ulthu_na a{font-size: 1.2em; color: #999; text-align: left; font-weight: 400;} .ul_respon.thumb_gal{border-top: none;} .ul_respon.thumb_gal .thumb_tit{font-size: 1.1em; color: #595959; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding-left: 4px; line-height: 1.6; margin-top: 20px; margin-bottom: 5px;} .ul_respon.thumb_gal .thumb_date{font-size: 1em; color: #999; display: block; text-align: left; padding-left: 4px; margin-bottom: 50px;} .ul_respon.thumb_gal .NO_RESULT{padding: 20px 23px; border-top: 2px solid #37abf1;} @media only screen and (min-width: 961px){  .ul_respon.thumb_gal .tbody > ul{margin: 0 -13px;}  .ul_respon.thumb_gal .tbody > ul > li{display: inline-block; width: 33.333%; padding: 0 13px;}  .ul_respon.thumb_gal .tbody > ul > li{}  .ul_respon.thumb_gal .tbody > ul > li.NO_RESULT{padding: 20px 23px; border-top: 2px solid #37abf1;} } .ul_respon.slcs .tbody > ul > li{color: #555;} .ul_respon.slcs .thead .c_gray{color: #888;} .ul_respon.slcs .tbody .btns.delete{background: #f55757; border-color: #b50404; } .ul_respon.slcs .tbody .btns.delete:before{} .ul_respon.slcs.rowspan .tbody > ul > li{background: #f7fcff;} .ul_respon.menuse .tbody > ul {padding: 8px 0;} .ul_respon.menuse .tbody > ul > li{display: block; width: 100%; text-align: left; padding-top: 8px; padding-bottom: 8px;} .ul_respon.menuse .path{position: static; display: block;} .ul_respon.menuse .path .home .i_home{display: inline-block;} .ul_respon.menuse .path .home .i_home{margin-top: 2px;} .ul_respon.menuse .path .home .i_home, .ul_respon.menuse .path .home a{} .tblw_date, .ulthu_date, .comment_dt{font-size: 14px; color: #999; font-weight: 400;} .tblw_date span, .ulthu_date span, .comment_dt span{margin-right:10px;} .tblw_date span + span:before, .ulthu_date span+span:before, .comment_dt span+span:before{content: '|'; margin: 0 10px; color: #dfdfdf;} .ul_respon.tbl_wtite .thead.view li{text-align: left; padding: 37px 45px;} .ul_respon.tbl_wtite .thead.view li .inner_txt{font-size: inherit;} .ul_respon.tbl_wtite .thead.view li .tblw_subj{font-weight: 400; font-size: 1.8em; color: #222; margin-bottom: 10px;} .view_jump{border: 1px solid #dfdfdf; margin: 30px 0; border-left: none; border-right: none;} .view_jump li{background: #f9f9f9;} .view_jump li + li{border-top: 1px solid #dfdfdf; background: none;} .view_jump .wri_ad{ position: relative;} .view_jump .vi_txt{font-size: 1.5em; display: block; color: #747474; padding-right: 70px;} .view_jump .vi_date{position: absolute; right: 0; top: 0; font-size: 1.4em; color: #999;} .sns_area{position: absolute; right: 0; top: 0;} .sns_area dd a{width: 46px; height: 46px; border-left: 1px solid #dfdfdf; display: inline-block; background: no-repeat center center;} .sns_area dd a.fb{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/sns_fb.png);} .sns_area dd a.tw{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/sns_tw.png);} .sns_area dd a.kt{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/sns_kt.png); display: block;} .sns_area dd a.lk{background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/sns_lk.png);} .sns_area dd{float: left;} .write_alert{background: #f9f9f9; border: 1px solid #dfdfdf; padding: 30px 20px; margin-bottom: 20px;} .write_alert .write_head{font-size: 1.8em; font-weight: 600; color: #444; display: block; margin-bottom: 20px; paddign-left: 10px;} .write_alert .write_list li{position: relative; font-size: 1.4em; color: #777; padding-left: 10px; line-height: 1.5;} .write_alert .write_list li:after{content: ''; width: 3px; height: 3px; background: #222; position: absolute; left: 0; top: 7px;} .write_alert .write_list li span{color: #222; text-decoration: underline;} .mb_thnone{} .mb_thnone .mb_th{display: none;} .tbl_phoneNum{float: left; width: 50%;} .tbl_phoneNum01 ul.even{display: none;} .tbl_phoneNum02 ul.odd{display: none;} .tbl.calendal{width: 38%; float: left;} .calendal_list{width: 62%; padding-left: 30px; float: left;} .ul_respon .tbl_view.cke_editable td, .ul_respon .tbl_view.cke_editable th{border-style: solid;} /* 역대총장같은 디자인 */ .list_tolie{} .list_tolie.col02 li{margin-bottom: 20px;} .list_tolie .listtoli_txts{display: block; font-size: 14px; color: #333; text-align: left;} .list_tolie .listtoli_txts dt{padding: 10px 20px;} .list_tolie .listtoli_txts dd{padding: 17px 20px;} .list_tolie .listtoli_txts dt{font-weight: 600; background: #f8f8f8; border-top: 2px solid #007ac3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .list_tolie .listtoli_txts dd{border: 1px solid #ccc; border-left: none; border-right: none; overflow: hidden; position: relative; padding-right: 190px;} .list_tolie .listtoli_txts dd .btns{position: absolute; right: 20px; top: 50%; margin-top: -15px;} @media only screen and (min-width: 961px){  .list_tolie{margin-left: -20px; margin-right: -20px;}  .list_tolie.col02 li{padding: 0 20px; float: left; width: 50%;} } /* 토글 컨텐츠 */ .togg_list{} .togg_list table td,.togg_list table th{border-style: solid; border-color: #222; padding: inherit; margin: inherit;} .togg_ul li{display: block; margin-bottom: 10px;} .togg_ul  .togg_tit, .togg_ol .togg_ol_tit{font-size: 15px; color: #777; display: block; padding: 13px 30px; border: 1px solid #dfdfdf; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .togg_ul .togg_tit{background: #f9f9f9; } .togg_ul .togg_tit:before, .togg_ul > .togg_txt:before{content: ''; width: 3px; height: 3px; display: inline-block; vertical-align: middle; background: #777; margin-right: 5px;} .togg_ol{display: none;} .togg_ol .togg_ol_tit{border-top: none; padding-left: 52px; position: relative; background: #fff url(/common/plugin/syworks.design.library/template/portal/images/ico/togg_arrr.png) no-repeat 38px center;} .togg_ul .active .togg_ol, .togg_ul .active + .togg_ol{display: block;} .lesso_bottom .togg_ul .active .togg_ol{display: none;} .lesso_bottom .togg_ul .togg_tit.active + .togg_ol{display: block;} .togg_list.faq{margin-top: -15px; margin-bottom: 15px;} .togg_list.faq .togg_ul li{margin-bottom: 0;} .togg_list.faq .togg_ul  .togg_tit{border-left: none; border-right: none; border-top: none; background: #fff; padding-right: 55px;} .togg_list.faq .togg_ul  .togg_tit a{color: inherit; display: block;} .togg_list.faq .togg_ul  .togg_tit:after{content: ''; width: 14px; height: 8px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/arrow_bottom.png) no-repeat left top; background-size: cover; position: absolute; right: 35px; top: 50%; margin-top: -4px;} .togg_list.faq .togg_ul .active > .togg_tit:after{background-image: url(/common/plugin/syworks.design.library/template/portal/images/ico/arrow_up.png);} .togg_list.faq .togg_ul  .togg_ol .togg_ol_tit{border: none;} .togg_list.faq .togg_ul  .togg_tit, .togg_list.faq .togg_ul  .togg_ol  > ul > li{position: relative; padding-left: 10%; border-bottom: 1px solid #dfdfdf;} .togg_list.faq .togg_ul.guname  .togg_tit, .togg_list.faq .togg_ul.guname  .togg_ol  > ul > li{padding-left: 25%;} .togg_list.faq .togg_ul  .togg_ol > ul > li, .togg_list.faq .togg_ul  .togg_ol > ul > li .togg_ol_tit{background-color: #f7fcff;} .togg_list.faq .togg_ul  .togg_tit .col01{position: absolute; width: 10%; text-align: center; left: 0; top: 50%; margin-top: -10px; } .togg_list.faq .togg_ul.guname  .togg_tit .col01{width: 25%; overflow: hidden;} .togg_list.faq .togg_ul.guname .togg_tit .col01 .faq_num{width: 40%; float: left; font-weight: 400;} .togg_list.faq .togg_ul.guname .togg_tit .col01 .faq_guname{width: 60%; float: left; font-weight: 400;} .togg_list.faq .togg_ul  .togg_ol .togg_ol_tit{background-position: 0 20px; padding-left: 15px;} .togg_list.faq .togg_txt, .togg_list.faq .togg_ol_tit{color: #222; font-size: 14px;} .togg_list.faq .togg_ul .togg_tit:before{content: none;} .togg_list.faq .togg_ul .togg_txt:before, .togg_list.faq .togg_ul .togg_ol .togg_ol_tit:before{content: none; width: auto; height: auto; background: initial; font-weight: 800;  display: inline-block; vertical-align: middle; margin-right: 0px;} .togg_list.faq .togg_ul .togg_ol .togg_ol_tit:before{content: none;} .togg_list.faq .togg_ul .togg_ol .togg_ol_tit{white-space: inherit; overflow: inherit; text-overflow: inherit;} .togg_list.faq .togg_ul .active .togg_tit{color: #37abf1;} .togg_list.faq .togg_txt{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}  /* 섹션인너 txt */ .txt_list{text-align: left; font-size: 10px;} .txt_list > *{position: relative;} p.txt_list{font-size: 14px; line-height: 1.7; margin-bottom: 15px;} dl.txt_list{padding-left: 17px; margin-bottom: 8px;} dl.txt_list > dt{display: block; font-weight: 600; color: #444; font-size: 14px; position: relative; text-indent: -17px; margin-bottom: 5px;} /*dl.txt_list + dl.txt_list dt{padding-top: 8px;}*/ dl.txt_list > dd{font-size: 14px; color: #777; font-weight: 400; line-height: 1.7} dl.txt_list > dd ul.txt_list > li{font-size: 14px; color: #777; padding-left: 10px; font-weight: 400; position: relative; line-height: 1.9;} dl.txt_list > dd ul.txt_list > li:before{content: '-'; position: absolute; left: 0; top: 0;} dl.txt_list > dd ul.txt_list.noDotted{padding-left: 0;} dl.txt_list > dd ul.txt_list.noDotted > li{padding-left: 0;} dl.txt_list > dd ul.txt_list.noDotted > li:before{content: none;} dl.txt_list.inline{position: relative; line-height: normal;} dl.txt_list.inline > dt{position: absolute; left: 0; top: 2px; text-indent: 0; padding-top: 0 !important; margin-bottom: 0; font-size: 14px;} dl.txt_list.inline > dd{position: relative;} dl.txt_list.inline > dd:before{content: ':'; position: absolute; left: -10px; top: 0;} dl.txt_list.dotType02 > dt{text-indent: 0; position: relative;} ul.txt_list.dotType02 > li{padding-left: 17px;} .txt_list.dotType02 > dt:after, .txt_list.dotType02 > li:after{content: ''; width: 2px; height: 2px; background: #fff; border: 2px solid #007ac3; position: absolute; left: -17px; top: 8px;} ul.txt_list.dotType02 > li:after{left: 0;} dl.txt_list.dotType02.inline > dt{position: absolute; padding-left: 17px;} dl.txt_list > dd dl.txt_list.dotType02.inline > dt, ul.txt_list > li dl.txt_list.dotType02.inline > dt{top: 0;} dl.txt_list > dd dl.txt_list.dotType02.inline > dt:after, ul.txt_list > li dl.txt_list.dotType02.inline > dt:after{top: 8px;} dl.txt_list.dotType02.inline > dt:after{left: 0; top: 6px;} ul.txt_list > li{font-size: 14px;; color: #777; font-weight: 400; line-height: 1.7;} .dot_txt{position: absolute; left: 0; top: 0; height: 23px; } ul.txt_list > li p.txt_list{font-size: 14px;} .txt_list .txt_list{padding-left: 15px;} ul.txt_list.dotType02 .txt_list{padding-left: 0;} .txt_list .txt_list.nopad{padding-left: 0;} .sub_txt_list {margin-left:12px;} .sub_txt_list li{font-size:13px;} .lastText {font-size:1.3em;} .font1em {font-size:1em !important;} .font10px{font-size:10px !important;} .font14px{font-size:14px !important;}  /* 검색박스 */ .search_box{background: #f9f9f9; border: 1px solid #dfdfdf; padding: 29px; text-align: center; margin-bottom: 13px; border-left: none; border-right: none;} .search_box .form-group{margin-bottom: 0;} .seh_inner{display: inline-block; position: relative;} .seh_inner .form_div{padding: 0 10px; display: inline-block; vertical-align: top;} .seh_inner .form_div.seh_input{position: relative;} .seh_inner .form_div.seh_input input[type=text]{width: 280px; padding-right: 50px; line-height: 31px; font-size: 12px;} .seh_inner .form_div.seh_input input[type=text], .seh_inner .form_div select{height: 49px !important; min-width: 140px; font-size: 12px; border: 1px solid #dfdfdf;} .seh_inner .form_div.seh_input .seh_btn{position: absolute; right: 10px; top: 50%; width: 50px; height: 36px;  margin-top: -18px; line-height: 36px; text-align: center; background: transparent;} .seh_inner .form_div.seh_input .seh_btn:after{content: "\e610"; color: #101213; font-size: 17px;}      /* 버튼 정의 */ .ico_ti{font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ico_file{content: "\e647"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ico_file:before{content: "\e647";} .ico_label:before{content: "\e608";} .ico_user:before{content: "\e602";} .ico_slcs:before{content: '\e617';} .btns.ico_slcs:before{margin-right: 3px;} .ico_chart:before{content: "\e6bb";} .ico_ticket:before {content: "\e66f";} .ico_pencil:before{content: "\e61c";} .ico_gall:before{content: "\e633";} .ico_medall:before{content: "\e623"; color: #ee755b;} .ico_calendar:before{content: "\e6b6";} .ico_write:before{content: "\e6c8"; font-size: 14px;} .ico_reload:before{content: "\e619"; font-size: 14px; color: #4d90de;} .ico_alarm_clock:before{content: "\e6c6"; font-size: 14px; } .ico_arrowup:before{content: "\e648"; font-size: 14px; } .ico_arrowdown:before{content: "\e64b"; font-size: 14px; } .ico_lock:before{content: "\e62b"; margin-left:3px} .ico_target:before{content: "\e607"}  .ico_alert:before{content: "\e717"; margin-right: 5px;} .btns{padding: 4px 19px 4px; color: #fff !important; border: 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; min-width: 95px; font-size: 12px; display: inline-block; vertical-align: middle; text-align: center; position: relative; line-height: normal; text-indent: 0; text-decoration: underline !important;} .btns:after{content: none !important;} .btns.dn{display: none;} .btns *{vertical-align: middle;} .btns + .btns{margin-left: 3px;} .btns:focus{color: #fff !important;} .btns:before, .ico_th:before{font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; display: inline-block; vertical-align: middle;} .btns .cke_border, .btns:before, .ico_th:before{height: 18px !important; line-height: 18px !important;} .btns.ico_fa:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px;} .btns.ico_docu:before, .btns.ico_bookm:before, .btns.ico_folder:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; } .btns.ico_blank:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; content: "\f08e";} .btns.sky{background: #37abf1; border-color: #1385ca;} .btns.line{background: #fff; border-color: #1385ca; color: #1385ca !important; } .btns.red{background: #f55757; border-color: #b50404;} .btns.mint{background: #00c9d6; border-color: #0098b0;} .btns.green{background: #00bc9f; border-color: #009780;} .btns.hardgreen{background: #16ac67; border-color: #008548;} .btns.ico_map{padding: 8px 26px 9px;} @font-face {  font-family: 'themify';  src:url('/common/plugin/syworks.design.library/template/portal/fonts/themify.eot?-fvbane');  src:url('/common/plugin/syworks.design.library/template/portal/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),   url('/common/plugin/syworks.design.library/template/portal/fonts/themify.woff?-fvbane') format('woff'),   url('/common/plugin/syworks.design.library/template/portal/fonts/themify.ttf?-fvbane') format('truetype'),   url('/common/plugin/syworks.design.library/template/portal/fonts/themify.svg?-fvbane#themify') format('svg');  font-weight: normal;  font-style: normal; } /* 아이콘 추가 버튼 */ .ico_search:before{content: "\e610"; vertical-align: middle;} .btns.ico_trash{position: relative; padding-right: 26px;} .btns.ico_trash:before{content: "\e605"; position: absolute; right: 9px; top: 50%; margin-top: -8px;} .btns.ico_search:before{content: "\e610"; vertical-align: middle;} .btns.ico_docu:before{content: "\f0f6"; vertical-align: middle;} .btns.ico_down:before{content: "\e6a7"; vertical-align: middle;} .btns.ico_home:before{content: "\e69b"; vertical-align: middle;} .btns.ico_folder:before{content: "\f114"; vertical-align: middle;} .btns.ico_user:before{content: "\e602"; vertical-align: middle;} .btns.ico_pencil:before{content: "\e61c"; vertical-align: middle;} .btns.ico_bookm:before{content: "\f097"; vertical-align: middle;} .btns.ico_map:before{content: "\e691"; vertical-align: middle;} .btns.ico_fa.ico_print:before{content: "\f02f";vertical-align: middle} .btns.answ.type02, .btns.modify.type02, .btns.delete.type02, .btns.submit.type02, .btns.can.type02{background: none; color: #5f5f5f !important; padding: 0 10px; min-width: auto; border: none;}  .btns.answ.type02:before{content: "\e643"; vertical-align: middle; color: #050708 !important;} .btns.modify.type02:before{content: "\e626"; vertical-align: middle; color: #050708 !important;} .btns.delete.type02:before{content: "\e605"; vertical-align: middle; color: #050708 !important;} .btns.can.type02:before{content: "\e646"; vertical-align: middle; color: #050708 !important;} .btns.submit.type02:before{color: #050708 !important;} .contr_btn.contr_puse:before{content: "\e6ae";} .contr_btn.contr_play:before{content: "\e6ad";} /* 테이블 관련 버튼들 : s */ .btns.comment{background: #5f5f5f; border-color: #3a3838; padding: 23px 19px;} .btns.comment:before{content: "\e645";} .btns.answ{background: #4d90de; border-color: #2e75c7;} .btns.answ:before{content: "\e64c";} .btns.submit{background: #ee755b; border-color: #cf563c;} .btns.submit:before{content: "\e64c";} .btns.modify{background: #00bc9f; border-color: #009780;} .btns.modify:before{content: "\e6a5";} .btns.delete{background: #16ac67; border-color: #0d8950;} .btns.delete:before{content: "\e646"; vertical-align: middle;} .btns.complete{background: #00bddb; border-color: #0096ae;} .btns.complete:before{content: "\e724"; vertical-align: middle;} .btns.listback{background: #5f5f5f; border-color: #3a3838;} .btns.listback:before{content: "\e68e"; vertical-align: middle;} .btns.write{background: #37abf1; border-color: #1385ca;} .btns.write:before{content: "\e61d"; vertical-align: middle;} .btns.filefind{background: #fdfdfd; border-color: #c1c1c1; color: #737373 !important;} .btns.filefind:before{content: "\e611"; vertical-align: middle; color: #0c0e0f !important;} .btns.filedel{background: #fdfdfd; border-color: #c1c1c1; color: #737373 !important;} .btns.filedel:before{content: "\e605"; vertical-align: middle; color: #0c0e0f !important;} /* 테이블 관련 버튼들 : e */ .btns .ico{margin-right: 6px; vertical-align: middle; display: inline-block;} .btns .ico + .btns_txt{display: inline-block; vertical-align: middle;} .btns .ico.comp{width: 12px; height: 11px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/comp.png) no-repeat left top;} .btns .ico.prin{width: 11px; height: 12px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/prin.png) no-repeat left top;} .btns .ico.comm{width: 12px; height: 12px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/comm.png) no-repeat left top;} .btns .ico.user{width: 12px; height: 12px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/user.png) no-repeat left top;} .btns .ico.char{width: 13px; height: 14px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/char.png) no-repeat left top;} .btns .ico.docu{width: 9px; height: 11px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/docu.png) no-repeat left top;} .btns .ico.labe{width: 9px; height: 13px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/labe.png) no-repeat left top;} .btns .ico.home{width: 8px; height: 7px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/home.png) no-repeat left top;} .btns .ico.down{width: 10px; height: 11px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/down.png) no-repeat left top;} .btns:hover{border: 1px solid #044595; background: #044595; color: #fff !important;} .btns:hover:before{color: #fff !important;}    /** 섹션 타이틀:S */ .sec_tit.dataDesign{display: inline-block;} .sec_tit.dataDesign.bor:after{content: none !important;} .sec_tit.dataDesign.bor .dataDesignLine{width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} /*교직*/ .tpl_emp .sec_tit{font-size: 20px; color: #333;  position: relative; margin-bottom: 13px; font-weight: 600;} .tpl_emp .sec_tit.bor{padding-bottom: 12px;} .tpl_emp .sec_tit.bor:after{content: ''; width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} .tpl_emp .sec_tits{font-weight: normal; position: relative; margin-left: 10px;} .tpl_emp .sec_tits:before{content: ''; position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #d6d6d6;} .tpl_emp .sec_inner{margin-bottom: 55px;} /*템플릿A*/ .tpl_tplA .sec_tit{font-size: 20px; color: #333;  position: relative; margin-bottom: 13px; font-weight: 600;} .tpl_tplA .sec_tit.bor{padding-bottom: 12px;} .tpl_tplA .sec_tit.bor:after{content: ''; width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} .tpl_tplA .sec_tits{font-weight: normal; position: relative; margin-left: 10px;} .tpl_tplA .sec_tits:before{content: ''; position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #d6d6d6;} .tpl_tplA .sec_inner{margin-bottom: 55px;} /*템플릿B*/ .tpl_tplB .sec_tit{font-size: 20px; color: #333;  position: relative; margin-bottom: 13px; font-weight: 600;} .tpl_tplB .sec_tit.bor{padding-bottom: 12px;} .tpl_tplB .sec_tit.bor:after{content: ''; width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} .tpl_tplB .sec_tits{font-weight: normal; position: relative; margin-left: 10px;} .tpl_tplB .sec_tits:before{content: ''; position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #d6d6d6;} .tpl_tplB .sec_inner{margin-bottom: 55px;} /*템플릿C*/ .tpl_tplC .sec_tit{font-size: 20px; color: #333;  position: relative; margin-bottom: 13px; font-weight: 600;} .tpl_tplC .sec_tit.bor{padding-bottom: 12px;} .tpl_tplC .sec_tit.bor:after{content: ''; width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} .tpl_tplC .sec_tits{font-weight: normal; position: relative; margin-left: 10px;} .tpl_tplC .sec_tits:before{content: ''; position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #d6d6d6;} .tpl_tplC .sec_inner{margin-bottom: 55px;} /*템플릿D*/ .tpl_tplD .sec_tit{font-size: 20px; color: #333;  position: relative; margin-bottom: 13px; font-weight: 600;} .tpl_tplD .sec_tit.bor{padding-bottom: 12px;} .tpl_tplD .sec_tit.bor:after{content: ''; width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} .tpl_tplD .sec_tits{font-weight: normal; position: relative; margin-left: 10px;} .tpl_tplD .sec_tits:before{content: ''; position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #d6d6d6;} .tpl_tplD .sec_inner{margin-bottom: 55px;} /*대학원*/ .tpl_gs .sec_tit{font-size: 20px; color: #333;  position: relative; margin-bottom: 13px; font-weight: 600;} .tpl_gs .sec_tit.bor{padding-bottom: 12px;} .tpl_gs .sec_tit.bor:after{content: ''; width: 39px; height: 2px; background: #007ac3; position: absolute; left: 0; bottom: 0;} .tpl_gs .sec_tits{font-weight: normal; position: relative; margin-left: 10px;} .tpl_gs .sec_tits:before{content: ''; position: absolute; left: -6px; top: 50%; margin-top: -9px; width: 1px; height: 18px; background: #d6d6d6;} .tpl_gs .sec_inner{margin-bottom: 55px;} @media only screen and (max-width: 960px){  .sec_tits{font-size: 80%; } } /** 섹션 타이틀:E */   /* 테이블  */ .tbl {position: relative;} .tbl table{width: 100%; border-top: 2px solid #37abf1;} caption{position: absolute; left: -999em; width: 0; height: 0; overflow: hidden; line-height: 0;} .tbl thead .th{background: #f9f9f9;} .tbl thead .th, .tbl tbody .td{border-bottom: 1px solid #d2d2d2;} .tbl th, .tbl td{text-align: center; color: #444444; font-weight: 600; background: #f9f9f9; padding: 15px 8px; border-bottom: 1px solid #dfdfdf; position: relative;} .tbl th, .tbl td{font-size: 14px; line-height: 1.6;} .tbl td .smtxt{font-size: 12px;} .tbl td{color: #777; background: #fff; font-weight: 400;} .tbl thead th:after{content: ''; position: absolute; right: 0; top: 35%; height: 30%; width: 1px; background: #dfdfdf;} .tbl thead th.last:after{content: none;} .tbl.typeA tbody th{background: #f7fcff; border-right: 1px solid; border-color: #c9dbdf;} .tbl.typeA_1 table, .tbl.typeB_1 table, .tbl.typeB table{border-top: 1px solid #dfdfdf;} .tbl.typeA_1 tbody th{background: #fff; border-right: 1px solid; border-color: #dfdfdf;} .tbl.typeB_1 tbody th{background: #fff; border-right: 1px solid; border-color: #dfdfdf;} .tbl.typeBasic td.last:after{content: none;} .tbl .tbl_bottom{font-size: 1.4em; color: #37abf1; line-height: 1.5; margin-top: 10px;} .tbl.typeB > dl{overflow: hidden; border: 1px solid #d2d2d2; border-left: none; border-right: none; position: relative; padding-left: 130px; background: #f9f9f9;} .tbl.typeB > dl:after{content: ''; width: 1px; height: 100%; background: #d2d2d2; position: absolute; left: 130px; top: 0;} .tbl.typeB > dl dt, .tbl.typeB > dl dd{padding: 12px 5px 12px 20px; font-size: 1.5em; font-weight: 400;} .tbl.typeB > dl dd{padding-left: 15px; background: #fff;} .tbl.typeB > dl dt{position: absolute; left: 0; top: 0; width: 130px;} .tbl tbody tr td{border-right: 1px solid #ddd} .tbl tbody tr td.last{} .tbl:after{content: ''; width: 3px; height: 100%; background: #fff; position: absolute; right: -1px; top: 0;} .tbl tbody tr th{border-right: 1px solid #ddd;} .tbl.calendal thead th{padding-top:12px; padding-bottom: 12px; letter-spacing: 0;} .tbl.calendal tbody td{padding-top: 11px; padding-bottom: 11px;} .tbl.calendal tbody td.first{color: #ec3e3e;} .tbl.calendal tbody td.last{color: #2572e6;} .tbl.calendal thead th:after{content: none;} .tbl.rowSAll thead th{font-size: 12px; padding: 5px 8px;} .tbl.rowSAll thead th:after{height: 500%; top: 0;} .tbl.rowSAll thead th.last:after{content: '';} .tbl.rowSAll.fontup thead th{font-size: 14px;}  /* .tbl th.tbl_rowspan, .tbl td.tbl_rowspan{border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;} .tbl th.tbl_rowspan.tbl_rowspan_first, .tbl td.tbl_rowspan.tbl_rowspan_first{border-left: none;} .tbl th.tbl_rowspan.tbl_rowspan_last, .tbl td.tbl_rowspan.tbl_rowspan_last{border-right: none;} */ .commChartBar{width: 50%; display: inline-block; background: #fafafa; border: 1px solid #eee; height: 17px; line-height: 15px; margin-right: 5px; vertical-align: middle; border-radius: 27px; -webkit-border-radius: 27px; position: relative; overflow: hidden; box-shadow: inset 0 1px 0px rgba(0,0,0,0.1)} .commChartBar .cmcBar{position: absolute; left: 0; top: 0; height: 100%; background: #37abf1 url(/common/plugin/syworks.design.library/images/common/cmcBar.png); border: 1px solid #2f96d5;  border-radius: 27px; -webkit-border-radius: 27px; } .commTxt{font-size: 12px; margin-right: 5px;} /* 프린트 페이지 프리로더 */ .print_on_overlay{display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: #fff url(/common/plugin/syworks.design.library/images/common/print_preloader.gif) no-repeat center center;} .printOn .print_on_overlay{display: block;}  /* 일정 화살표 */ .cal_top{position: relative; font-size: 3.2em; color: #000; margin-bottom: 56px; text-align: center;} .cal_top .cal_nav{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background: no-repeat left top; background-size: cover; } .cal_top .cal_nav.cal_prev{left: 0; background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/cal_prev.png);} .cal_top .cal_nav.cal_next{right: 0; background-image: url(/common/plugin/syworks.design.library/template/portal/images/common/cal_next.png);}     /* ★템플릿 작업★ */ .mbHiden{display: block;} /* 스텝 */  /* 공통요소 */ .panelt_wrap{background: #f8f8f8; border-top: 2px solid #007ac3; padding: 30px 40px;} .panelt_list {display: block; padding: 5px 0 6px;} .panelt_tit, .panelt_txt{line-height: 1.6; font-size: 14px; vertical-align: top; display: inline-block;} .panelt_tit{color: #007ac3; font-weight: 600;} .panelt_txt{color: #333;} @media only screen and (max-width: 960px){  .panelt_wrap{padding: 15px 20px;} } .templete .com_step{text-align: center; position: relative;} .templete .com_step.step05{max-width: 1040px; margin: 0 auto;} .templete .com_step .comstep_line{width: calc(100% - 240px); height: 1px; border-bottom: 1px dashed #007ac3; position: absolute; left: 120px; top: 50%;} .templete .com_step.step02 .comstep_line{width: 200px; left: 50%; margin-left: -100px;} .templete .com_step.step03 .comstep_line{width: 400px; left: 50%; margin-left: -200px;} .templete .com_step.step06 .comstep_line{width: 900px; left: 50%; margin-left: -450px;} .templete .com_step > ul{display: inline-block; } .templete .com_step li{ float: left; position: relative;} .templete .com_step li + li{margin-left: -40px;} .templete .com_step.step05 li{width: 20%; min-width: 240px;} .templete .com_step.step06 li{width: 16.666%; min-width: 220px;} .templete .com_step .comstep_txtarea{position: absolute; left: 0; top: 50%; margin-top: -54px; width: 100%; text-align: center;} .templete .com_step .comstep_txtarea.multiline{margin-top: -75px;} .templete .com_step .comstep_tit{font-size: 16px; font-weight: 600; color: #007ac3; display: block; margin-bottom: 55px; position: relative;} .templete .com_step .comstep_txt{font-size: 14px; color: #007ac3; display: inline-block; width: 70%; line-height: 1.5; min-height: 42px;} .templete .com_step .comstep_tit:after{content: ''; width: 18px; height: 18px; background: url(/common/plugin/syworks.design.library/template/emp/images/common/comstep_cir.png) no-repeat left top; position: absolute; left: 50%; bottom: -42px; margin-left: -9px;} .templete .com_step .comstep_tit.img01, .templete .com_step .comstep_tit.img02, .templete .com_step .comstep_tit.img03{height: 22px; padding-bottom: 10px;  background: no-repeat center center;} .templete .com_step .comstep_tit.img01{background-image: url(/common/plugin/syworks.design.library/template/emp/images/common/comstep_img01.png);} .templete .com_step .comstep_tit.img02{background-image: url(/common/plugin/syworks.design.library/template/emp/images/common/comstep_img02.png);} .templete .com_step .comstep_tit.img03{background-image: url(/common/plugin/syworks.design.library/template/emp/images/common/comstep_img03.png);} .com_bxgrid{position: relative; } .com_bxgrid > ul{margin-left: -10px; margin-right: -10px;} .com_bxgrid > ul > li{padding: 0 10px; float: left; margin-bottom: 20px;} .com_bxgrid.bxgrid03 > ul > li{width: 33.333%;} .com_bxgrid.bxgrid02 > ul > li{width: 50%;} .com_bxgrid .combxg_area{padding: 25px 40px; padding-bottom: 70px; position: relative; border: 1px solid #d6d6d6; background: #fff;} .com_bxgrid .combxg_tit{font-size: 16px; color: #007ac3; font-weight: 600; display: block; border-bottom: 1px solid #d6d6d6; line-height: 2; padding: 5px 0; margin-bottom: 13px;} .com_bxgrid .combxg_list > li{line-height: 1.5; font-size: 14px; color: #333;  margin: 5px 0;} .com_bxgrid .combxgrid_titbox .combxg_area{background: #007ac3; border: none; padding: 40px;} .com_bxgrid .combxg_txtfie{color: #fff; font-size: 14px; position: relative; line-height: 1.8; padding-top: 13px;} .com_bxgrid .combxg_txtfie:after{content: ''; width: 40px; height: 2px; background: #fff; position: absolute; left: 0; top: 0;} .com_bxgrid .combxg_area div.text-center{position: absolute; left: 0; bottom: 20px; width: 100%;} .com_bxgrid .combxg_area .btns{text-decoration: none; } .com_bxgrid.bxgrid03 > ul > li.combxg_w60{width: 66.666%;} .com_bxgrid.bxgrid03 > ul > li.combxg_w60 .combxg_area{padding: 0; border: none;} .com_bxgrid.bxgrid03 > ul > li.combxg_w60 img{height: 100%;} @media only screen and (max-width: 960px){  .com_bxgrid > ul > li.combxg_w60{width: 100%;}  .com_step .comstep_line{display: none;}  .templete .com_step li+li{margin-left: 0;}  .com_bxgrid > ul > li{width: 100% !important; float: none; margin-bottom: 15px;} } .com_gridline{border: 1px solid #ccc; padding: 10px 0; border-left: none; border-right: none; text-align: center;} .com_gridline li{position: relative; } .com_gridline li + li:after{content: ''; width: 1px; height: 80%; position: absolute; left: 0; top: 10%; border-left: 1px dashed #ddd;} .com_gridline.grid02 li{width: 50%; float: left;} .com_gridline .comgrid_list{text-align: left; display: inline-block; padding: 20px 0; padding-left: 109px; color: #333; background: no-repeat left center;} .com_gridline .comgrid_list.cmgrid_img01{background-image: url(/common/plugin/syworks.design.library/template/emp/images/common/cmgrid_img01.png);} .com_gridline .comgrid_list.cmgrid_img02{background-image: url(/common/plugin/syworks.design.library/template/emp/images/common/cmgrid_img02.png);} .com_gridline .comgrid_list dt{font-size: 16px; font-weight: 600; line-height: 1.7;} .com_gridline .comgrid_list dd{font-size: 14px; font-weight: normal; line-height: 1.6;} @media only screen and (max-width: 960px){  .com_gridline li{width: 100% !important;}  .com_gridline li + li:after{content: none; }  .com_gridline .comgrid_list.comgrid_list{display: block; background-size: 50px; padding-left: 70px;} }   /* 대학요람 && 대학자체평가 */ .templete .uni_calendar_w{clear:both;overflow:hidden;} .templete .uni_calendar_w li{width:48.5%;float:left;border:1px solid #cccccc;padding:2%;margin-bottom:2%;} .templete .uni_calendar_w li:nth-child(even){margin-left:2%;} .templete .uni_calendar_w li .f_left{width:37%; display: inline-block; vertical-align: top; float: left;} .templete .uni_calendar_w li .f_left span{border:1px solid #dfdfdf;} .templete .uni_calendar_w li .f_left img{width:100%;} .templete .uni_calendar_w li .f_right{width:59%; display: inline-block; vertical-align: top; float: right;} .templete .uni_calendar_w li .text01{color:#bfbfbf;font-size:1.5em;padding-top:20px;} .templete .uni_calendar_w li .text02{color:#222222;font-size:3em;font-weight: 700;} .templete .uni_calendar_w li .text03{color:#888888;font-size:1.5em;padding-top:18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .templete .uni_calendar_w li .btn_box{padding-top:37px;} .templete .uni_calendar_w li .btn_box span + span{margin-left: 5px;} .templete .uni_calendar_w li .btn_box .btns{padding: 5px 10px 5px;margin-bottom:5px} .templete .uni_calendar_w li .btn_box .btns.sky.ico_search:before{content: "\f26c"; margin-bottom: -2px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .templete .uni_calendar_w.type02 li .text01{padding-top: 10px;} .templete .uni_calendar_w.type02 li .btn_box{padding-top: 19px;} .templete .uni_calendar_w.type02 li .text03{padding-top: 8px;} @media only screen and (max-width: 960px){  .templete .uni_calendar_w li{width:100%;float:left;padding:4%;margin-bottom:4%;}  .templete .uni_calendar_w li:nth-child(even){margin-left:0;}  .templete .uni_calendar_w li .f_left{width:37%;}  .templete .uni_calendar_w li .f_left span{border:1px solid #dfdfdf;}  .templete .uni_calendar_w li .f_left img{width:100%;}  .templete .uni_calendar_w li .f_right{width:59%;}  .templete .uni_calendar_w li .text01{color:#bfbfbf;font-size:1.5em;padding-top:17px;}  .templete .uni_calendar_w li .text02{color:#222222;font-size:3em;font-weight: 700;}  .templete .uni_calendar_w li .text03{color:#888888;font-size:1.5em;padding-top:7px;}  .templete .uni_calendar_w li .btn_box{padding-top:47px;}  .templete .uni_calendar_w li .btn_box .btns{padding: 5px 10px 5px;}  } @media only screen and (max-width:430px){   /* 대학요람 */  .templete .uni_calendar_w li .btn_box{padding-top:10px;}  .templete .uni_calendar_w li .btn_box .btns{margin-top:5px;}  .templete .uni_calendar_w li .text01{padding-top:10px;}  .templete .uni_calendar_w li .text02{font-size:2.5em;}  } @media only screen and (max-width:1200px){  .templete .uni_calendar_w li .f_left{width:30%;}  .templete .uni_calendar_w li .f_right{width:68%;}  .templete .uni_calendar_w li .btn_box{padding-top:20px;} }  .com_step_type02{padding-top: 15px;} .com_step_type02 li{font-size: 15px; font-weight: normal;  color: #007ac3; height: 100px; line-height: 100px; background: no-repeat center center; padding-left: 40px; padding-right: 40px; position: relative; border-radius: 100px;} .com_step_type02 .cmstep02_txt{display: inline-block; line-height: normal; vertical-align: middle;} .com_step_type02 li:after{content: ''; width: 6px; height: 11px; background: url(/common/plugin/syworks.design.library/template/emp/images/common/comsteptyp02_arrow.png) no-repeat left top; position: absolute; bottom: 5px; left: 50%; margin-left: -3px; transform: rotate(90deg);} .com_step_type02 li.odd, .com_step_type02 li.blue{background-image: none; background: #e5f1f9; background-color: rgba(0,122,195,.1);} .com_step_type02 li.blue{background-image: none !important; background: #e5f1f9; background-color: rgba(0,122,195,.1) !important;} .com_step_type02 li.even, .com_step_type02 li.yel{background-image: none; background-color: #fefad2; background-color: rgba(249,230,32,.2);} .com_step_type02 li.yel{background-image: none !important; background-color: #fefad2; background-color: rgba(249,230,32,.2) !important;} .com_step_type02 li{text-align: center; margin-bottom: 5px;} @media only screen and (min-width: 961px){  .com_step_type02 li{font-size: 14px; }  .com_step_type02.col03 li,  .com_step_type02.col04 li{width: 290px; float: left; margin-bottom: 0;}  .com_step_type02.col06 li,  .com_step_type02.col05 li{width: 220px; float: left; margin-bottom: 0;}  .com_step_type02.col07 li{width: 200px; float: left; margin-bottom: 0;}  .com_step_type02.col06 li.odd,  .com_step_type02.col05 li.odd,  .com_step_type02.col05 li.blue.sm{background-image: none;}  .com_step_type02.col07 li.odd,  .com_step_type02.col07 li.blue.xsm{background-image: none;}  .com_step_type02.col06 li.even,  .com_step_type02.col05 li.even,  .com_step_type02.col05 li.yel.sm{background-image: none;}  .com_step_type02.col07 li.even,  .com_step_type02.col07 li.yel.xsm{background-image: none;}  .com_step_type02 li + li{margin-left: -40px;}  .com_step_type02 li:after{content: none; }  .com_step_type02 li + li:after{content: ''; left: 20px; top: 50%; bottom: auto; margin-top: -5px; margin-left: 0; transform: rotate(0);} } /* 단과&발전기금 - 찾아오시는 길 */ .map_area{height: 450px;} .locationArea:after {content:''; display:block; clear:both;} .locationArea .title {float:left; width:20%; height:150px; line-height:150px; color:#fff; font-size:20px;  background:url('images/sub/bgLocation.png') no-repeat right top; text-align:center;} .locationArea .rightBox {float:left; width:80%; height:150px; border:1px solid #dfdfdf; border-left:none; font-size:14px; color:#222222;} .locationArea .rightBox .left {float:left; padding:30px 0 0 33px;} .locationArea .rightBox .right {float:left; padding:0 0 0 33px; margin:25px 0 0 25px;  border-left:1px dashed #dfdfdf; height:100px; min-height: inherit;} .locationArea .rightBox .in {margin-bottom:25px;} .locationArea .rightBox .in:after {content:''; display:block; clear:both;} .locationArea .rightBox .in .btnType01 {float:left; margin-right:15px; margin-top:5px;} .locationArea .rightBox .in .tit01 {float:left; line-height:22px;} .locationArea .btnType01 {min-width: 67px; padding:0 6px 2px 6px; line-height:14px; font-family:bold; font-size:14px; color:#fff; display:inline-block; border-radius:2px; text-align: center;} .locationArea .btnType01.blue { background:#4d90de; border:1px solid #2e75c7; } .locationArea .btnType01.green { background:#00bc9f; border:1px solid #009780; } .locationArea .btnType01.sky { background:#00bddb; border:1px solid #0096ae; } .locationArea .btnType01.mint { background:#73c9ae; border:1px solid #809d7c; }    @media only screen and (max-width: 960px){  .locationArea .title{display: none;}  .locationArea .rightBox{width: 100%; float: none; height: auto; line-height: normal; border-left: 1px solid #dfdfdf; padding-bottom: 30px;}  .locationArea .rightBox .in{margin-bottom: 0;}  .locationArea .rightBox .right{border-left: none;}  .locationArea .rightBox .right,.locationArea .rightBox .left{float: none; margin: 0; height: auto;} } /* 단과 - 사이트맵 */ .sitemap_area{} .sitemap_link{} .sitemap_link .sitemap_inner{} .sitemap_link .sitemap_tit{font-size: 3em; color: #37abf1; padding-bottom: 15px; border-bottom: 2px solid #37abf1; margin-bottom: 20px;} .sitemap_inner > ul{margin: 0 -14px;} .sitemap_inner > ul > li{width: 25%; float: left; padding: 0 14px;} .sitemap_inner > ul > li .sitemap_det02_tit{background: #f9f9f9; border: 1px solid #cdcdcd; border-left: none; border-right: none; font-size: 1.6em; display: block; color: #444; padding: 12px 32px 13px; padding-right: 5px;} .sitemap_inner ol{padding: 10px 22px; padding-right: 0;  clear: both;} .sitemap_inner ol > li > a{display: block; font-size: 1.4em; color: #777; padding: 4px 10px; padding-right: 0;} .untSubLnbMenu{display: none;} .untSubBanner{display: none;} /* 단과 - 메인비주얼쪽 컨트롤 */ .com_main_visual .bx-wrapper .bx-viewport{left: 0 !important;} .contr_page .bx-pager-item a{width: 8px; height: 8px; text-indent: -999em; display: block; border: 1px solid #fff; margin: 0 5px; opacity: 1; filter: alpha(opacity=100); border-radius: 50%; -webkit-border-radius: 50%;  font-size: 0; background: transparent !important;} .contr_page .bx-pager-item a.active{background: #fff !important;} .contr_btn{display: inline-block; width: 9px; position: absolute; top: -3px;} .contr_btn.contr_prev, .contr_btn.contr_next{font-size: 0; } .contr_btn.contr_prev:after, .contr_btn.contr_next:after{content: ''; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; color: #a4a9b6;} .contr_btn.contr_next:after{content: "\e649";} .contr_btn.contr_prev:after{content: "\e64a";} .contr_btn.contr_prev{left: 0;} .contr_btn.contr_next{right: 0;} .contr_btn.contr_puse, .contr_btn.contr_play{right: 10px; top: -6px; font-size: 17px; color: #a4a9b6; width: auto;} .contr_btn.contr_puse:before{content: "\e6ae";} .contr_btn.contr_play:before{content: "\e6ad";} .com_main_visual li{text-align: center; text-align: center;} .com_main_visual li .cmv_inner{position: relative; display: inline-block;} .com_main_visual .cmv_label_wrap{} .com_main_visual .cmv_label{position: absolute; text-align: right;} /* .cmv_inner.inimg0001 .cmv_label{left: 17%; top: 37%;} .cmv_inner.inimg0002 .cmv_label{right: 18%; top: 12%;} .cmv_inner.inimg0003 .cmv_label{left: 17%; bottom: 14%;} .cmv_inner.inimg0004 .cmv_label{right: 18%; bottom: 14%;} */ .cmv_inner.inimg0001 .cmv_label{left: 12px; text-align: left;} .cmv_inner.inimg0002 .cmv_label{right: 12px; text-align: right;} .cmv_inner.inimg0003 .cmv_label{left: 12px; text-align: left;} .cmv_inner.inimg0004 .cmv_label{right: 12px; text-align: right;} .cmv_inner .cmv_label .label_tit{color: #fff; font-size: 32px; font-weight: 400; display: inline-block; letter-spacing: -.25px; background: rgba(0,0,0,0); padding-left: 10px; padding-right: 10px;} .cmv_inner .cmv_label .label_stit{color: #fff; font-size: 17px; font-weight: 400; display: block; letter-spacing: -.25px; line-height: 1.6; background: rgba(0,0,0,0); padding-left: 10px; padding-right: 10px; margin-top: 10px;} .com_main_visual{position: relative;} .com_main_visual li img{} .com_main_visual .contr{width: 100%; position: absolute; left: 0; bottom: 50px; text-align: center;} @media only screen and (min-width: 1140px){  /*.com_main_visual .contr{max-width: 1140px; left: 50%; margin-left: -570px; text-align: left;}*/  .com_main_visual .contr{text-align: left;} } .com_main_visual .contr_page, .com_main_visual .bx-pager-item{display: inline-block; vertical-align: middle;} .com_main_visual .contr_puse, .com_main_visual .contr_play, .com_main_visual .contr_skip{position: static; margin: 0 3px; vertical-align: middle;} .com_main_visual .contr_puse{width: 17px; height: 17px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/intro_vis_stop.png) no-repeat left top; display: inline-block; } .com_main_visual .contr_play{width: 17px; height: 17px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/intro_vis_play.png) no-repeat left top; display: none;} .com_main_visual .contr_skip{width: 56px; height: 17px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/intro_vis_skip.png) no-repeat left top; display: inline-block;} .com_main_visual .contr_puse:before, .com_main_visual .contr_play:before{content: none;} .style_2 .com_main_visual li{width: 100%; background: no-repeat center top; background-size: cover;} @media only screen and (min-width: 1600px){  .style_2 .com_main_visual li{background: no-repeat center center; background-size: 1600px auto;} } @media only screen and (max-width: 960px){  .style_2 .com_main_visual li{background-position: calc(100% + 80px) top;} } .style_2 .com_main_visual li .cmv_inner{width: 100%;} /* 단과 - 탑 부분 */ .commLogo{padding-left: 173px; height: 43px; line-height: 43px; background: url(/common/plugin/syworks.design.library/images/head/commlogo.png) no-repeat left center; display: inline-block;} .commLogo .headHpName{position: relative; padding-left: 14px; color: #36abf1; font-size: 24px; font-weight: 400;letter-spacing:-1.2px display: inline-block;} .commLogo .headHpName:after{content: ''; width: 1px; height: 23px; margin-top: -11px; position: absolute; left: 0; top: 50%; background: #c8c8c8;} /* 단과 - 메인 컨텐츠 타이틀 */ .tpl_tplA .unt_main_cont_tit,.tpl_gs .unmntab_tit, .tpl_tplC .unmntab_tit{margin-bottom: 20px;} .tpl_tplA .unt_main_cont_tit li,.tpl_gs .unmntab_tit, .tpl_tplC .unmntab_tit{font-size: 21px; line-height: 1.6; color: #444; font-weight: 600;} .tpl_tplA .unt_main_cont_tit .poico,.tpl_gs .unmntab_tit .poico{color: #36abf1; vertical-align: top;} .tpl_tplC .unt_main_cont_tit{margin-bottom: 20px;} .tpl_tplC .unt_main_cont_tit li{font-size: 21px; line-height: 1.6; color: #444; font-weight: 600;} .tpl_tplC .unt_main_cont_tit .poico{color: #36abf1; vertical-align: top;} .tpl_tplB .unt_main_cont_tit{position: absolute; left: 0; top: 1px;} .tpl_tplB .unt_main_cont_tit li{font-size: 21px; color: #333; font-weight: 600;}  /* 단과 - 퀵메뉴 */ .quick_wrap{position: relative;} .quick_wrap.slideContrHidden .contr{display: none;} .quick_wrap .contr_btn{top: 50%; margin-top: -15px; width: 30px; height: 30px;} .quick_wrap .contr_btn:after{font-size: 30px;} .quick_wrap .bx-wrapper .bx-viewport{background: none;} .quick_wrap .bx-wrapper{padding: 0 15px;} .quick_wrap .quick_list li a.qulist_href{text-transform: capitalize; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%; margin: 0 auto;}  .tpl_tplA .quickMenu{background: #054494;} .tpl_tplA .quick_wrap{position: relative; padding: 27px 0; padding-left: 190px;} .tpl_tplA .quick_label{position: absolute; left: 0; top: 50%; font-size: 21px; color: #fff; line-height: 1.5; margin-top: -15px;} .tpl_tplA .quick_list li{float: left; width: 16.666%; text-align: center; position: relative;} .tpl_tplA .quick_list li + li:after{content: ''; width: 1px; height: 29px; background: #fff; transform: rotate(25deg); position: absolute; left: 0; top: 50%; margin-top: -15px;} .tpl_tplA .qulist_ico{display: block; background: no-repeat center center; height: 46px; margin-bottom: 12px;} .tpl_tplA .qulist_ico.num01{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick01.png);} .tpl_tplA .qulist_ico.num02{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick02.png);} .tpl_tplA .qulist_ico.num03{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick03.png);} .tpl_tplA .qulist_ico.num04{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick04.png);} .tpl_tplA .qulist_ico.num05{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick05.png);} .tpl_tplA .qulist_ico.num06{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick06.png);} .tpl_tplA .qulist_ico.num07{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick07.png);} .tpl_tplA .qulist_ico.num08{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick08.png);} .tpl_tplA .qulist_ico.num09{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick09.png);} .tpl_tplA .qulist_ico.num10{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick10.png);} .tpl_tplA .qulist_ico.num11{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick11.png);} .tpl_tplA .qulist_ico.num12{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick12.png);} .tpl_tplA .qulist_ico.num13{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick13.png);} .tpl_tplA .qulist_ico.num14{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick14.png);} .tpl_tplA .qulist_ico.num15{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick15.png);} .tpl_tplA .qulist_ico.num16{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick16.png);} .tpl_tplA .qulist_ico.num17{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick17.png);} .tpl_tplA .qulist_ico.num18{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick18.png);} .tpl_tplA .qulist_ico.num19{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick19.png);} .tpl_tplA .qulist_ico.num20{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick20.png);} .tpl_tplA .qulist_ico.num21{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick21.png);} .tpl_tplA .qulist_ico.num22{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick22.png);} .tpl_tplA .qulist_ico.num23{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick23.png);} .tpl_tplA .qulist_ico.num24{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick24.png);} .tpl_tplA .qulist_ico.num25{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick25.png);} .tpl_tplA .qulist_ico.num26{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick26.png);} .tpl_tplA .qulist_ico.num27{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick27.png);} .tpl_tplA .qulist_ico.num28{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick28.png);} .tpl_tplA .qulist_ico.num29{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick29.png);} .tpl_tplA .qulist_ico.num30{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick30.png);} .tpl_tplA .qulist_ico.num31{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick31.png);} .tpl_tplA .qulist_ico.num32{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick32.png);} .tpl_tplA .qulist_ico.num33{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick33.png);} .tpl_tplA .qulist_ico.num34{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick34.png);} .tpl_tplA .qulist_ico.num35{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick35.png);} .tpl_tplA .qulist_ico.num36{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick36.png);} .tpl_tplA .qulist_ico.num37{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick37.png);} .tpl_tplA .qulist_ico.num38{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick38.png);} .tpl_tplA .qulist_ico.num39{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick39.png);} .tpl_tplA .qulist_ico.num40{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick40.png);}  .tpl_tplA .quick_list li a.qulist_href{color: #fff; font-size: 12px; } .tpl_tplA .main_content_wrap .quick_label{font-size: 21px; line-height: 1.6; font-weight: 600; color: #444;} .tpl_tplA .main_content_wrap .qulist_ico.num01{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick01_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num02{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick02_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num03{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick03_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num04{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick04_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num05{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick05_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num06{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick06_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num07{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick07_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num08{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick08_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num09{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick09_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num10{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick10_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num11{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick11_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num12{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick12_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num13{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick13_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num14{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick14_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num15{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick15_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num16{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick16_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num17{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick17_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num18{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick18_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num19{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick19_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num20{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick20_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num21{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick21_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num22{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick22_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num23{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick23_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num24{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick24_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num25{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick25_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num26{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick26_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num27{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick27_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num28{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick28_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num29{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick29_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num30{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick30_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num31{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick31_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num32{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick32_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num33{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick33_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num34{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick34_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num35{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick35_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num36{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick36_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num37{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick37_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num38{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick38_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num39{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick39_b.png);} .tpl_tplA .main_content_wrap .qulist_ico.num40{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick40_b.png);} .tpl_tplA .main_content_wrap .quick_list li a.qulist_href{color: #777;} @media only screen and (max-width: 960px){  .tpl_tplA .tplAQuickBottmType{background: #054494; margin-top: 20px;}  .tpl_tplA .tplAQuickBottmType .quick_label{display: none;} } @media only screen and (min-width: 961px){  .tpl_tplA .tplAQuickBottmType .quick_wrap{padding-left: 120px;height:auto;}  .tpl_tplA .tplAQuickBottmType .quick_label{display: block; color: #000}  .tpl_tplA .tplAQuickBottmType{margin-top: 50px; border: 1px solid #d6d6d6; border-left: none; border-right: none;}  .tpl_tplA .tplAQuickBottmType{}  .tpl_tplA .tplAQuickBottmType .quick_list li a.qulist_href{color: #444;}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num01{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick01_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num02{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick02_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num03{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick03_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num04{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick04_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num05{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick05_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num06{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick06_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num07{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick07_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num08{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick08_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num09{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick09_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num10{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick10_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num11{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick11_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num12{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick12_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num13{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick13_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num14{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick14_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num15{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick15_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num16{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick16_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num17{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick17_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num18{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick18_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num19{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick19_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num20{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick20_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num21{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick21_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num22{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick22_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num23{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick23_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num24{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick24_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num25{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick25_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num26{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick26_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num27{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick27_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num28{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick28_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num29{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick29_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num30{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick30_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num31{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick31_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num32{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick32_b.png);}   .tpl_tplA .tplAQuickBottmType .qulist_ico.num33{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick33_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num34{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick34_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num35{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick35_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num36{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick36_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num37{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick37_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num38{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick38_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num39{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick39_b.png);}  .tpl_tplA .tplAQuickBottmType .qulist_ico.num40{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick40_b.png);} } @media only screen and (max-width: 960px){  .tpl_tplA .quick_wrap{padding-left: 0;}  .tpl_tplA .main_content_wrap .quick_label{display: none;}  .tpl_tplA .quick_wrap .contr_btn:after{background: #fff; color: #a4a9b6;} } .tpl_tplB{} .favStyleWrap{position: relative; padding-right: 145px;} @media only screen and (min-width: 961px){  .favStyleWrap.notiWrap{background: #fff; padding: 8px 40px 7px; padding-right: 145px;}  .favStyleWrap.notiWrap .widget_unt_main_notice2.style_1,  .favStyleWrap.notiWrap .widget_unt_main_notice.style_1{}  .main_content01 .widget_unt_main_fav.style_1{margin-top: 50px;} } @media only screen and (max-width: 960px){  .favStyleWrap.notiWrap .widget_unt_main_fav.style_2{padding-top: 30px; clear: both;} } .tpl_tplB .quick_wrap{position: relative; padding: 27px 0; background: #fff;} .tpl_tplB .quick_label{display: none;} .tpl_tplB .quick_list{padding: 19px 0;} .tpl_tplB .quick_list li{float: left; width: 16.666%; height: auto; text-align: center; position: relative;} .tpl_tplB .quick_list li + li:after{content: ''; width: 1px; height: 50px; background: #e7e7e7; position: absolute; left: 0; top: 50%; margin-top: -25px;} .tpl_tplB .qulist_ico{display: block; background: no-repeat center center; height: 46px; margin-bottom: 12px;} .tpl_tplB .qulist_ico.num01{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick01_b.png);} .tpl_tplB .qulist_ico.num02{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick02_b.png);} .tpl_tplB .qulist_ico.num03{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick03_b.png);} .tpl_tplB .qulist_ico.num04{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick04_b.png);} .tpl_tplB .qulist_ico.num05{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick05_b.png);} .tpl_tplB .qulist_ico.num06{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick06_b.png);} .tpl_tplB .qulist_ico.num07{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick07_b.png);} .tpl_tplB .qulist_ico.num08{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick08_b.png);} .tpl_tplB .qulist_ico.num09{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick09_b.png);} .tpl_tplB .qulist_ico.num10{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick10_b.png);} .tpl_tplB .qulist_ico.num11{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick11_b.png);} .tpl_tplB .qulist_ico.num12{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick12_b.png);} .tpl_tplB .qulist_ico.num13{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick13_b.png);} .tpl_tplB .qulist_ico.num14{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick14_b.png);} .tpl_tplB .qulist_ico.num15{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick15_b.png);} .tpl_tplB .qulist_ico.num16{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick16_b.png);} .tpl_tplB .qulist_ico.num17{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick17_b.png);} .tpl_tplB .qulist_ico.num18{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick18_b.png);} .tpl_tplB .qulist_ico.num19{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick19_b.png);} .tpl_tplB .qulist_ico.num20{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick20_b.png);} .tpl_tplB .qulist_ico.num21{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick21_b.png);} .tpl_tplB .qulist_ico.num22{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick22_b.png);} .tpl_tplB .qulist_ico.num23{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick23_b.png);} .tpl_tplB .qulist_ico.num24{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick24_b.png);} .tpl_tplB .qulist_ico.num25{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick25_b.png);} .tpl_tplB .qulist_ico.num26{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick26_b.png);} .tpl_tplB .qulist_ico.num27{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick27_b.png);} .tpl_tplB .qulist_ico.num28{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick28_b.png);} .tpl_tplB .qulist_ico.num29{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick29_b.png);} .tpl_tplB .qulist_ico.num30{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick30_b.png);} .tpl_tplB .qulist_ico.num31{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick31_b.png);} .tpl_tplB .qulist_ico.num32{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick32_b.png);} .tpl_tplB .qulist_ico.num33{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick33_b.png);} .tpl_tplB .qulist_ico.num34{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick34_b.png);} .tpl_tplB .qulist_ico.num35{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick35_b.png);} .tpl_tplB .qulist_ico.num36{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick36_b.png);} .tpl_tplB .qulist_ico.num37{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick37_b.png);} .tpl_tplB .qulist_ico.num38{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick38_b.png);} .tpl_tplB .qulist_ico.num39{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick39_b.png);} .tpl_tplB .qulist_ico.num40{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick40_b.png);} .tpl_tplB .quick_list li a.qulist_href{color: #777; font-size: 14px; }  .tpl_tplC .quick_wrap{position: relative; padding: 27px 0; background: #fff;} .tpl_tplC .quick_label{display: none;} .tpl_tplC .quick_list{padding: 19px 0;} .tpl_tplC .quick_list li{float: left; width: 16.666%; height: auto; text-align: center; position: relative;} .tpl_tplC .quick_list li + li:after{content: ''; width: 1px; height: 50px; background: #e7e7e7; position: absolute; left: 0; top: 50%; margin-top: -25px;} .tpl_tplC .qulist_ico{display: block; background: no-repeat center center; height: 46px; margin-bottom: 12px;} .tpl_tplC .qulist_ico.num01{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick01_b.png);} .tpl_tplC .qulist_ico.num02{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick02_b.png);} .tpl_tplC .qulist_ico.num03{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick03_b.png);} .tpl_tplC .qulist_ico.num04{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick04_b.png);} .tpl_tplC .qulist_ico.num05{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick05_b.png);} .tpl_tplC .qulist_ico.num06{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick06_b.png);} .tpl_tplC .qulist_ico.num07{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick07_b.png);} .tpl_tplC .qulist_ico.num08{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick08_b.png);} .tpl_tplC .qulist_ico.num09{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick09_b.png);} .tpl_tplC .qulist_ico.num10{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick10_b.png);} .tpl_tplC .qulist_ico.num11{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick11_b.png);} .tpl_tplC .qulist_ico.num12{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick12_b.png);} .tpl_tplC .qulist_ico.num13{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick13_b.png);} .tpl_tplC .qulist_ico.num14{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick14_b.png);} .tpl_tplC .qulist_ico.num15{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick15_b.png);} .tpl_tplC .qulist_ico.num16{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick16_b.png);} .tpl_tplC .qulist_ico.num17{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick17_b.png);} .tpl_tplC .qulist_ico.num18{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick18_b.png);} .tpl_tplC .qulist_ico.num19{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick19_b.png);} .tpl_tplC .qulist_ico.num20{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick20_b.png);} .tpl_tplC .qulist_ico.num21{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick21_b.png);} .tpl_tplC .qulist_ico.num22{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick22_b.png);} .tpl_tplC .qulist_ico.num23{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick23_b.png);} .tpl_tplC .qulist_ico.num24{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick24_b.png);} .tpl_tplC .qulist_ico.num25{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick25_b.png);} .tpl_tplC .qulist_ico.num26{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick26_b.png);} .tpl_tplC .qulist_ico.num27{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick27_b.png);} .tpl_tplC .qulist_ico.num28{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick28_b.png);} .tpl_tplC .qulist_ico.num29{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick29_b.png);} .tpl_tplC .qulist_ico.num30{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick30_b.png);} .tpl_tplC .qulist_ico.num31{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick31_b.png);} .tpl_tplC .qulist_ico.num32{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick32_b.png);} .tpl_tplC .qulist_ico.num33{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick33_b.png);} .tpl_tplC .qulist_ico.num34{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick34_b.png);} .tpl_tplC .qulist_ico.num35{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick35_b.png);} .tpl_tplC .qulist_ico.num36{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick36_b.png);} .tpl_tplC .qulist_ico.num37{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick37_b.png);} .tpl_tplC .qulist_ico.num38{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick38_b.png);} .tpl_tplC .qulist_ico.num39{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick39_b.png);} .tpl_tplC .qulist_ico.num40{background-image: url(/common/plugin/syworks.design.library/images/mainQuick/quick40_b.png);} .tpl_tplC .quick_list li a.qulist_href{color: #777; font-size: 14px; } @media only screen and (max-width: 960px){  .tpl_tplC .quick_list li + li:after{content: none;}  .tpl_tplC .quick_wrap .contr_btn:after{background: #f1f1f1;} }   /* 단과- 메인 노티스 */  .unt_main_notice.nlist .unt_main_cont_notice li a{position: relative; line-height: 1.6; padding-right: 75px; font-size: 16px; color: #222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding-top: 3px; padding-bottom: 3px;} .unt_main_notice.nlist .unt_main_cont_notice .untmcn_date{position: absolute; right: 0; top: 3px; font-size: 15px; color: #aaa; margin-top: 0;} .unt_main_notice.nslist .unt_main_cont_notice li{padding-bottom: 60px; border-bottom: 1px solid #ececec;} .unt_main_notice.nslist .unt_main_cont_notice li.last{border-bottom: none;} .unt_main_notice.nslist .unt_main_cont_notice li a.tit{display: block; widht: 100%; font-size: 18px; font-weight: normal; color: #444; line-height: 1.4;} .unt_main_notice.nslist .unt_main_cont_notice li .stit{margin-top: 17px;} .unt_main_notice.nslist .unt_main_cont_notice li .stit a{display: block; width: 100%; font-size: 13px; line-height: 1.8; color: #777;} .unt_main_notice.nslist .unt_main_cont_notice li .untmcn_date{display: block; margin-top: 15px; font-size: 15px; color: #777;} .tpl_tplA .unt_main_notice{position: relative;} .tpl_tplA .unt_main_notice.nlist .unt_main_cont_notice li + li{margin-top: 7px;} .tpl_tplA .unt_main_notice.nlist .unt_main_cont_notice li + li + li {display:block} .tpl_tplA .unt_main_notice .untmcn_more{position: absolute; right: 0; top: 7px; width: 18px; height: 18px; background: url(/common/plugin/syworks.design.library/images/mainNotice/tplA_notmore.png) no-repeat left top;} .tpl_tplB .unt_main_notice{position: relative; padding-left: 106px; padding-right: 60px;} .tpl_tplB .unt_main_notice.nlist .unt_main_cont_notice li a{line-height: 1.7; font-size: 14px; color: #777; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;} .tpl_tplB .unt_main_notice.nlist .unt_main_cont_notice .untmcn_date{display: none;} .tpl_tplB .unt_main_notice .contr{position: absolute; top: 50%; right: 0; width: 60px; margin-top: -40px; text-align: center;} .tpl_tplB .unt_main_notice .contr .contr_btn{position: static; display: block; text-align: center; width: auto; height: 40px; } .tpl_tplB .unt_main_notice .contr .contr_btn.contr_prev:after{content: "\e648"; line-height: 40px;} .tpl_tplB .unt_main_notice .contr .contr_btn.contr_next:after{content: "\e64b"; line-height: 40px;} .tpl_tplB .unt_main_cont_notice .bx-viewport{height: 91px !important;} .tpl_tplB .unt_main_notice .untmcn_more{position: absolute; right: 0; top: 7px; width: 18px; height: 18px; background: url(/common/plugin/syworks.design.library/images/mainNotice/tplA_notmore.png) no-repeat left top;} .tpl_tplC .unt_main_notice{position: relative;} .tpl_tplC .unt_main_notice.nlist .unt_main_cont_notice li + li{margin-top: 6px;} .tpl_tplC .unt_main_notice.nlist .unt_main_cont_notice li a{font-size: 15px;} .tpl_tplC .unt_main_notice .untmcn_more{position: absolute; right: 0; top: 7px; width: 18px; height: 18px; background: url(/common/plugin/syworks.design.library/images/mainNotice/tplA_notmore.png) no-repeat left top;} .tpl_tplD .unt_main_notice{position: relative;} .tpl_tplD .unt_main_notice .untmcn_more{position: absolute; right: 0; top: 7px; width: 18px; height: 18px; background: url(/common/plugin/syworks.design.library/images/mainNotice/tplA_notmore.png) no-repeat left top;} /* 단과- 메인 포토갤러리 */ .unt_main_notice.nphoto .unt_main_cont_photo ul{margin: 0 -7px; font-size: 0;} .unt_main_notice.nphoto .unt_main_cont_photo li.untmcp_box{padding: 0 7px;} .tpl_tplA .unt_main_notice.nphoto{} .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo li.untmcp_box{width: 50%; float: left;} @media only screen and (min-width: 961px){  .unt_main_notice.nlist .unt_main_cont_notice{min-height: 183px;} }  @media only screen and (max-width: 960px){  .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo ul{margin: 0;}  .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo li.untmcp_box{padding: 0;}  .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo li.untmcp_box .untmcn_txts{padding: 15px 0; padding-left: 20px;} } @media only screen and (max-width: 480px){   .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo li.untmcp_box{width: 100%; float: none;} } .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo li.untmcp_box .untmcn_txts{display: block; border: 1px solid #ccc; padding: 25px 0; padding-left: 30px;} .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo .untmcn_tit{font-size: 17px; color: #222; line-height: 2; font-weight: 600; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo .untmcn_stit{font-size: 13px; color: #555; line-height: 1.6; font-weight: normal; disiplay: none; padding-right: 10px; min-height: 40px; display: none;} .tpl_tplA .unt_main_notice.nphoto .unt_main_cont_photo .untmcn_date{font-size: 15px; color: #aaa; } /* 단과 - 탭형식 게시판 */ .tpl_tplD .unt_main_notice.tab{position: relative;} .tpl_tplD .unt_main_notice.tab .unt_main_cont_tit{overflow: hidden;} .tpl_tplD .unt_main_notice.tab .unt_main_cont_tit li{float: left;} .tpl_tplD .unt_main_notice.tab .unt_main_cont_tit li a{display: inline-block; padding: 0 34px; line-height: 40px; background: #fff; border: 1px solid #044595; color: #044595; font-size: 14px;} .tpl_tplD .unt_main_notice.tab .unt_main_cont_tit li.active a{background: #044595; color: #fff;} .tpl_tplD .unt_main_notice.tab .untmcn_more{position: absolute; right: 0; top: 15px;} .tpl_tplD .unt_main_notice.tab .untmcn_more:after{content: 'MORE+'; font-size: 12px; font-weight: 600; color: #777;} .tpl_tplD .unt_main_notice.tab .unt_main_cont_notice li a{font-size: 16px; color: #444; line-height: 2.3; position: relative; padding-right: 80px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .tpl_tplD .unt_main_notice.tab .unt_main_cont_notice li a .untmcn_date{position: absolute; right: 0; top: 0; color: #aaa;} /* 단과 - 탭형식 게시판 */ .tpl_tplC .unmntab_tit{color: #0074ba;} .tpl_tplC .unt_main_notice.tab{position: relative;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_tit{overflow: hidden; border-bottom: 1px solid #cbcbcb; display: table; width: 100%;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_tit li{line-height: normal; text-align: center; display: table-cell; float: none; font-size: 0;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_tit li a{font-size: 12px; color: #999; font-weight: normal; padding: 0 3px 10px; position: relative; float: left;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_tit li.active a{color: #36abf1; font-weight: 600;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_tit li.active a:after{content: ''; width: 100%; height: 3px; background: #36abf1; position: absolute; left: 0; bottom: -2px;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_notice li a{font-size: 16px; color: #444; line-height: 2.3; position: relative; padding-right: 80px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .tpl_tplC .unt_main_notice.tab .unt_main_cont_notice li a .untmcn_date{position: absolute; right: 0; top: 0; color: #aaa;} .tpl_tplC .unt_main_tabdiv{min-height: 180px;} .tpl_tplC .unt_main_tabdiv .unt_main_cont_notice + .unt_main_cont_notice{display: none;} .tpl_tplC .unt_main_cont_notice .NO_RESULT{border: none !important; padding-top: 80px;}   .imgThumbRatio{width: 100%; overflow: hidden;} .imgThumbRatio img{vertical-align: top; width: 100%;}  /* 단과- 메인 학사일정 */ .unt_main_notice.sched{} .unt_main_notice.sched .notice .phone_search{background: #f4f4f4; padding: 15px; border: 1px solid #dfdfdf; margin-top: 12px;} .unt_main_notice.sched .notice .phone_search .pse_tit{font-size: 15px; margin-bottom: 7px;} .unt_main_notice.sched .tbl_list.type02{padding: 0px;} .unt_main_notice.sched .tbl_list li{padding: 5px 0 12px; border-bottom: 1px solid #e8e8e8;} .unt_main_notice.sched .tbl_list li .list_txt{font-size: 15px;} .unt_main_notice.sched.tbl_list.type01 li .list_txt{position: relative; padding-left: 70px; padding-right: 90px; } .unt_main_notice.sched .tbl_list.type01 li .list_txt.p100{padding-left: 100px;} .unt_main_notice.sched .tbl_list.type01 li .txt{color: #022222; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -.7px;} .unt_main_notice.sched .tbl_list.type01 li .ali{color: #366bcb; position: absolute; left: 0; top: 0; letter-spacing: -.7px;} .unt_main_notice.sched .tbl_list.type01 li .date{color: #999999; position: absolute; right: 0; top: 1px; font-size: 13px;} .unt_main_notice.sched .tbl_list.type02 li .date{color: #222222; font-size: 28px; margin-bottom: 6px; } .unt_main_notice.sched .tbl_list.type02 li .date .date_num{font-weight: 800; line-height: 1;} .unt_main_notice.sched .tbl_list.type02 li .date small{font-size: 16px; letter-spacing: 0;} .unt_main_notice.sched .tbl_list.type02 li .txt{color: #022222; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; letter-spacing: -.7px;} .unt_main_notice.sched .tbl_list.type02 li + li + li{border-bottom: none; padding-bottom: 5px;} .unt_main_notice.sched .tbl_list.type02 li + li + li + li{display: none;} .tpl_tplD .unt_main_notice.sched.slideOn .unt_main_cont_tit{font-size: 30px; color: #222; text-align: center; font-weight: normal;} .tpl_tplD .unt_main_notice.sched.slideOn .unt_main_cont_tit:after{content: none;} .tpl_tplD .unt_main_notice.sched.slideOn .bx-wrapper .bx-viewport{left: 0;} .tpl_tplD .unt_main_notice.sched.slideOn .unt_main_cont_sched{position: relative;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list li{border-bottom: none;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list li .list_txt{text-align: center;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list li .list_txt .month{text-transform: uppercase; font-size: 14px; font-weight: 400; color: #999;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list.type02 li .date .dn{display: block; font-size: 20px; color: #222; font-weight: 600; margin: 5px 0 10px;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list.type02 li .date .date_num,.tpl_tplD .unt_main_notice.sched.slideOn .tbl_list.type02 li .date small{display: none;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list.type02 li .txt{font-size: 16px; color: #777;} .tpl_tplD .unt_main_notice.sched.slideOn .tbl_list.type02 li + li + li + li{display: block;} .tpl_tplD .unt_main_notice.sched.slideOn .contr_btn{top: 50%; margin-top: -27px;} @media only screen and (min-width: 961px){  .tpl_tplD .unt_main_notice.sched.slideOn .contr_btn.contr_prev{left: -10px;}  .tpl_tplD .unt_main_notice.sched.slideOn .contr_btn.contr_next{right: -10px;} } .tpl_tplD .unt_main_notice.sched.slideOn .contr_btn.contr_prev:after,.tpl_tplD .unt_main_notice.sched.slideOn .contr_btn.contr_next:after{content: ''; width: 11px; height: 21px; display: inline-block; background: no-repeat left center;} .tpl_tplD .unt_main_notice.sched.slideOn .contr_btn.contr_next:after{background-image: url(/common/plugin/syworks.design.library/images/common/allow_line_next.png);} .tpl_tplD .unt_main_notice.sched.slideOn .contr_btn.contr_prev:after{background-image: url(/common/plugin/syworks.design.library/images/common/allow_line_prev.png);} .tpl_tplD .unt_main_notice.sched.slideOn .contr_page {text-align: center;} .tpl_tplD .unt_main_notice.sched.slideOn .contr_page .bx-pager-item{display: inline-block;} .tpl_tplD .unt_main_notice.sched.slideOn .contr_page .bx-pager-item a{background: #e1e1e1 !important; border: none;} .tpl_tplD .unt_main_notice.sched.slideOn .contr_page .bx-pager-item a.active{background: #044595 !important;}   /* 단과 - 입학안내& 묻고답하기 박스 */ .tboxpa_wrap{} .tboxpa_box{width: 50%; float: left;} .tboxpa_box.num01{padding-right: 7px;} .tboxpa_box.num02{padding-left: 7px;} .tboxpa_box .tboxpa_boxtxt{background: no-repeat right bottom; padding: 23px 0 23px 30px; outline: none !important; border: none !important;} .tboxpa_box .tboxpa_boxtxt.pdSm{padding: 13px 0 13px 30px;} .tboxpa_box.num01 .tboxpa_boxtxt{background-color: #4cb1f2; background-image: url(/common/plugin/syworks.design.library/images/mainNotice/tboxpa_bg01.png);} .tboxpa_box.num02 .tboxpa_boxtxt{background-color: #727889; background-image: url(/common/plugin/syworks.design.library/images/mainNotice/tboxpa_bg02.png);} .tboxpa_box .tboxpa_tit{font-size: 20px; font-weight: 600; display: block; line-height: 1.6; color: #fff !important;} .tboxpa_box .tboxpa_stit{font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1.6;} .tboxpa_box.num01 .tboxpa_stit{color: #c7e7fb;} .tboxpa_box.num02 .tboxpa_stit{color: #bfc4d1;}  .tpl_tplB{} .tpl_tplB .middle.layout{position: relative;} .tpl_tplB .tplBMainFavArea{position: absolute; bottom: 100px; left: 0; width: 100%;} .tpl_tplB .favStyleWrap > div.style_2{position: absolute; right: 0; top: 0;} .tpl_tplB .tboxpa_wrap{width: 145px;} .tpl_tplB .tboxpa_box{width: 100%; float: left;} .tpl_tplB .tboxpa_box.num01{padding-right: 0;} .tpl_tplB .tboxpa_box.num02{padding-left: 0;} .tpl_tplB .tboxpa_box .tboxpa_stit{display: none;} .tpl_tplB .tboxpa_box .tboxpa_tit{color: #fff; font-size: 17px; color: #fff !important; font-weight: 400; display: block;} .tpl_tplB .tboxpa_box .tboxpa_boxtxt{padding-left: 20px;} .tpl_tplB .tboxpa_box.num01 .tboxpa_boxtxt{background-size: 70px;} .tpl_tplB .tboxpa_box.num02 .tboxpa_boxtxt{background-size: 70px;}    /** 단과 - 서브페이지 */ /* 학사일정 페이지 */ .calendal_wrap{} .calendal_wrap > li{margin-bottom: 45px;} .calendal .cal_month{text-align: center; display: block; padding: 12px 0 10px; color: #fff; background: url(/common/plugin/syworks.design.library/template/portal/images/common/cal_monthbg.png); font-size: 2.1em;} .calendal .cal_month .cal_month_sm{font-weight: 300; padding-left: 10px; margin-left: 10px; position: relative;} .calendal .cal_month .cal_month_sm:after{content : ''; width: 1px; height: 40%; background: #9edcfd; position: absolute; left: 0; top: 30%;} .calendar_table th{font-size: 11px !important;} .calendar_table td{font-size: 16px !important; font-weight: 600 !important; border-right: 1px solid #ddd;} /* 서브페이지 구성원관리 */ .cfg_list{margin: 0 -10px;} .cfg_list > li{width: 50%; padding: 0 10px; margin-bottom: 20px; float: left;} .cfg_list.col03 > li{width: 33.333%;} .cfg_inner{border: 1px solid #ccc; border-top: 2px solid #37abf1; padding: 40px;} .cfg_top{position: relative; padding-left: 127px; min-height: 133px; line-height: 133px;} .cfg_top .cfg_img{width: 100px; height: 128px; position: absolute; left: 0; top: 0; overflow: hidden; border: 1px solid #eee; padding: 5px; background: #fafafa;} .cfg_top .cfg_txtgro{display: inline-block; line-height: normal; vertical-align: top;} .cfg_top_txt{text-align: left; padding-top: 5px; } .cfg_top_txt .cfgtt_dpmt{font-size: 14px; color: #37abf1;} .cfg_top_txt .cfgtt_dpmt .fwb{display: none;} .cfg_top_txt .cfgtt_kmm{font-size: 28px !important; color: #222; line-height: 1.6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .cfg_top .btns{margin-top: 30px;} .cfg_bottom .cfg_info{font-size: 14px; color: #777; line-height: 1.7;} .cfg_bottom .cfg_info > li{margin-top: 20px;} .cfg_bottom .cfg_info > li + li{margin-top: 0;} .cfg_list > li.noImg .cfg_top{padding-left: 0; min-height: inherit; border-bottom: 1px dashed #ddd; padding-bottom: 20px; line-height: normal;} .cfg_list > li.noImg .cfg_top .cfg_img{display: none;} .cfg_list > li.noImg .cfg_top .btns{position: absolute; right: 0; top: 8px; margin-top: 0;} .cfg_list > li.noImg .cfg_top_txt{padding-top: 0;} @media only screen and(max-width: 960px){  .cfg_list{margin: 0;}  .cfg_inner{padding: 30px;}  .cfg_list > li{width: 100% !important; padding: 0; float: none;} } .cfg_list.popup{margin: 0;} .cfg_list.popup > li .cfg_top{border-bottom: 1px dashed #ddd; padding-bottom: 70px;} .cfg_list.popup > li{width: 100%; padding: 0;} .cfg_list.popup > li .cfg_inner{padding: 0; border: none !important;} .cfg_list.popup > li .cfg_top_txt{margin-top: 15px;} .cfg_list.popup > li .cfg_top_txt li{margin-bottom: 13px;} .cfg_list.popup > li .cfg_top_txt li + li{font-size: 14px; margin-bottom: 0; line-height: 1.7;} /* 서브페이지 타이틀 및 패스 부분 */ .subContentWrap{padding-bottom: 15px;} .subContentWrap .subcont_inner{position: relative;} .subContentWrap .subcont_tit{font-size: 17px; color: #222; font-weight: 600;} .subContentWrap .subcont_path{position: absolute; right: 0; bottom: 0; display: none;} .subContentWrap .subcont_path li{display: inline-block; vertical-align: top; position: relative;} .subContentWrap .subcont_path li + li{margin-left: 20px; } .subContentWrap .subcont_path li + li:after{content: '>'; font-size: 10px; color: #999; position: absolute; left: -15px; top: 50%; margin-top: -7px;} .subContentWrap .subcont_path li a{font-size: 13px; color: #999; line-height: 1.6;} .subContentWrap .subcont_path li.last a{color: #444; font-weight: 600;} .subContentWrap .subcont_path li.home{padding-left: 17px;} .subContentWrap .subcont_path li .i_home{width: 14px; height: 14px; background: url(/common/plugin/syworks.design.library/images/sub/i_home.png) no-repeat left top; position: absolute; left: 0; top: 50%; margin-top: -7px;} /* 승욱프로 gnb 부분  */ .head .container:after {content:''; display:block; clear:both;} .head .container .h1Box {float:left; padding:22px 0;} .head .container .gnbList {float:right; padding-top:35px;} .head .container .gnbList > ul:after {content:''; display:block; clear:both;} .head .container .gnbList > ul > li {float:left; margin-left:60px;} .head .container .gnbList > ul > li:first-child {margin-left:0;} .head .container .gnbList > ul > li > a {font-weight:bold; color:#333333; font-size:22px; line-height:22px;} .head .container .gnbList > ul > li > a img{vertical-align:top;} .mLnbBox {display:none;} .mobileBtn {display:none;} .mSubList {display:none;} .mSubOverlay{display: none;} .menuClose{display: none;}  @media only screen and (min-width: 961px){  .tpl_tplB .head .container .gnbList > ul > li > a,  .tpl_tplA .head .container .gnbList > ul > li > a{font-size: 17px;}    /** 서브페이지 피씨에서만 노출 */  /* 배너 */  .untSubBanner{height: 270px; background: no-repeat center top; background-size: cover; text-align: center; padding-top: 80px; display: block;}  .untSubBanner{background-image: url(/common/plugin/syworks.design.library/template/tplA/images/banner/subbanner_01.jpg);}  .untSubBanner .subban_tit{font-size: 40px; color: #fff; position: relative; padding-bottom: 25px; margin-bottom: 25px;}  .untSubBanner .subban_tit:after{content: ''; width: 40px; height: 1px; background: #fff; position: absolute; left: 50%; margin-left: -20px; bottom: 0;}  .untSubBanner .subban_stit{font-size: 18px; color: #fff; }  /* 서브 컨텐츠 */  .subMiddleWrap{margin-top: 60px;}  .unt_sub_lnbmenu{float: left; width: 20%;}  .sub_content_wrap{float: left; width: 80%; padding-left: 50px;}  /* 2depth 메뉴 펼침 type02 */  .tplType2Depth .head {position: relative;}  .tplType2Depth .head .col-xs-12{position: static;}  .tplType2Depth .head .container .h1Box{padding-bottom: 0; padding-right: 15px;}  .tplType2Depth .head .container .style_1 .gnbList{text-align: right;}  .tplType2Depth .head .container .style_1 .gnbList>ul{display: inline-block;}  .tplType2Depth .head .container .style_1 .gnbList>ul>li{position: relative; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin-left: 0; text-align: center;}  .tplType2Depth .head .container .style_1 .gnbList>ul>li:last-child{padding-left: 30px; padding-right: 0; text-align: right;}  .tplType2Depth .head .container .style_1 .mSubList{display: block; position: absolute; left: 0; top: 100%; z-index: 3; overflow: hidden; width: 100%;}  .tplType2Depth .head .container .style_1 .gnbList>ul>li + li .mSubList:after{content: ''; width: 1px; height: 80%; height: calc(100% - 40px); background: #ccc; position: absolute; left: 0; top: 20px;}  .tplType2Depth .head .container .style_1 .mSubList>ul>li{padding: 0 10px; text-align: left;}  .tplType2Depth .head .container .style_1 .gnbList>ul>li:last-child>.mSubList>ul>li{text-align: left;}  .tplType2Depth .head .container .style_1 .mSubList>ul>li>a{font-size: 14px; color: #666; padding: 4px 0; display: inline-block; position: relative; padding-left: 7px; font-weight: 600; display: block; }  .tplType2Depth .head .container .style_1 .mSubList>ul>li a:hover{text-decoration: underline;}  .tplType2Depth .head .container .style_1 .mSubList>ul>li>a:after{content: ''; width: 3px; height: 1px; background: #666; position: absolute; left: 0; top: 13px;}  .tplType2Depth .head .container .style_1 .mSubList>ul>li.active>a{background: #165fb0; margin: 0 -10px; padding: 4px 10px; padding-left: 17px;}  .tplType2Depth .head .container .style_1 .mSubList>ul>li.active>a{color: #fff;}  .tplType2Depth .head .container .style_1 .mSubList>ul>li.active>a:after{background: #fff; left: 10px;}  .tplType2Depth .head .container .style_1 .mSubListDepth03{padding: 10px 0;}  .tplType2Depth .head .container .style_1 .mSubListDepth03.noList{padding: 0;}  .tplType2Depth .head .container .style_1 .mSubListDepth03>ul>li>a{font-size: 12px; color: #666; padding: 4px 0; padding-left: 7px; position: relative; line-height: 1.6; word-break: keep-all; display: block;}  .tplType2Depth .head .container .style_1 .mSubListDepth03>ul>li.active>a{font-weight: 600;}  .tplType2Depth .head .container .style_1 .mSubListDepth03>ul>li>a:after{content: ''; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 12px;}  .tplType2Depth .head .container .style_1 .mSubOverlay{display: block; width: 100%; position: absolute; left: 0; top: 120px; z-index: 2; background: #f4f4f4; overflow: hidden; text-align: left;}  .tplType2Depth .head .container .style_1 .mSubOverlay:before{content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #4c4c4c; }  .tplType2Depth .head .container .style_1 .mSubOverlay:after{content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; background: #d1d1d1; }  .tplType2Depth .head .container .style_1 .mSubOverlay .mSubOv_txts{max-width: 240px; margin-top: 30px; display: none;}  .tplType2Depth .head .container .style_1 .mSubOverlay .mso_label{color: #777; font-size: 20px; display: block; letter-spacing: -.5px;}  .tplType2Depth .head .container .style_1 .mSubOverlay .mso_tit{color: #1556a8; font-size: 24px; display: block; position: relative; padding-bottom: 15px; margin-bottom: 15px; }  .tplType2Depth .head .container .style_1 .mSubOverlay .mso_tit:after{content: ''; width: 28px; height: 2px; background: #0e69c2; position: absolute; left: 0; bottom: 0;}  .tplType2Depth .head .container .style_1 .mSubOverlay .mso_stit{font-size: 14px; color: #444; line-height: 1.6; letter-spacing: -2px; font-weight: 400;}  .tplType2Depth .head .mSubOverlay .col-xs-12{background: url(/common/plugin/syworks.design.library/images/common/tplType2DepthBg.png) no-repeat 15px bottom;}  /* 2depth 메뉴 펼침 type03 */ /*   .tplType3Depth{}  .tplType3Depth .head {position: relative;}  .tplType3Depth .head .col-xs-12{position: static;}  .tplType3Depth .head .container .style_3 .h1Box{padding: 0; float: none;}  .tplType3Depth .head .container .style_3 .gnbList{padding-bottom: 0; padding-top: 0; float: none;}  .tplType3Depth .head .container .style_3 .gnbList>ul>li{position: relative; margin-left: 0; text-align: center; padding: 22px 0;}  .tplType3Depth .head .container .style_3 .mSubList{display: none; position: absolute; top: 100%; z-index: 3; width: 1140px; text-align: left; }  .tplType3Depth .head .container .style_3 .mSubList>ul{height: 50px; line-height: 50px;}  .tplType3Depth .head .container .style_3 .mSubList>ul>li{display: inline-block; padding: 0 10px;}  .tplType3Depth .head .container .style_3 .mSubList>ul>li>a{font-size: 14px; color: #666;}  .tplType3Depth .head .container .style_3 .mSubOverlay{position: absolute; left: 0; top: 142px; height: 0; display: none; background: #f4f4f4; width: 100%;}  */  /* 2depth 메뉴 펼침 type04 */  .tplType4Depth{}  .tplType4Depth .head {position: relative;}  .tplType4Depth .head .col-xs-12{position: static;}  .tplType4Depth .head .col-xs-12 .style_1{position: relative;}  .tplType4Depth .head .container .h1Box{padding-bottom: 0; padding-right: 15px;}  .tplType4Depth .head .container .style_1 .gnbList{text-align: right;}  .tplType4Depth .head .container .style_1 .gnbList>ul{display: inline-block;}  .tplType4Depth .head .container .style_1 .gnbList>ul>li{padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin-left: 0; text-align: center;}  .tplType4Depth .head .container .style_1 .mSubList{padding: 10px 0; display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; background: url(/common/plugin/syworks.design.library/images/head/GNBTYPE04_gnb_bg.png) repeat left top; border: 1px solid #96a2b2; text-align: left; }  .tplType4Depth .head .container .style_1 .mSubList .tplType4SubTits{float: left; }  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap{float: right;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4SubTits .tplType4SubTitsTxt{font-size: 18px; color: #222; padding: 20px 0 12px 0; padding-left: 55px; font-weight: 600;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul{display: block; padding: 20px 0 12px 0; padding-left: 33px; position: relative;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li{display: inline-block; margin-right: 60px; text-align: left; }  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li>a{font-size: 16px; color: #333; line-height: 1.5; padding-bottom: 11px; display: inline-block; position: relative;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li>a:after{content: '+'; color: #333; position: absolute; left: 100%; top: 0;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li>a:before{content: none; width: 100%; height: 7px; background: url(/common/plugin/syworks.design.library/images/common/tplType4DepthArrow.png) no-repeat center top; position: absolute; left: 0; bottom: 0;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li a:hover,  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li.active>a{color: #007ac3; font-weight: normal;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li.depth03NoList>a:after,  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li.depth03NoList>a:before{content: none;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li.depth03MenuOn>a:after{content: '-';}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li.depth03MenuOn>a:before{content: '';}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03{position: absolute; left: 0; width: 100%; background: #323e51; padding: 7px 15px; display: none;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li.depth03MenuOn .mSubListDepth03{display: block;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03.noList{display: none;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul{display: block;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul>li{width: 20%; float: left; padding: 7px; position: relative;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul>li:after{content: ''; width: 2px; height: 2px; background: #ccc; position: absolute; left: 0; top: 50%; margin-top: -1px;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul>li>a{color: #ccc; font-size: 14px; display: inline-block;}  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul>li>a:hover,  .tplType4Depth .head .container .style_1 .mSubList .tplType4DivWrap>ul>li .mSubListDepth03>ul>li.active>a{color: #ff8a2b; text-decoration: underline;}  .tplType4Depth .head .container .style_1 .mSubList .menuClose{left: auto; right: 0; top: 0px; bottom: auto;}   /* 2depth 메뉴 펼침 type05 */  .tplType5Depth .head {position: relative;}  .tplType5Depth .head .col-xs-12{position: static;}  .tplType5Depth .head .container .h1Box{padding-bottom: 0; padding-right: 15px;}  .tplType5Depth .head .container .style_1 .gnbList{text-align: right;}  .tplType5Depth .head .container .style_1 .gnbList>ul{position: relative;}  .tplType5Depth .head .container .style_1 .gnbList>ul>li{padding-bottom: 32px; padding-left: 30px; padding-right: 30px; margin-left: 0; text-align: center;}  .tplType5Depth .head .container .style_1 .gnbList>ul>li.active>a{display: block; position: relative;}  .tplType5Depth .head .container .style_1 .gnbList>ul>li.active>a:after{content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: -32px; background: #1f69c3;}  .tplType5Depth .head .container .style_1 .gnbList>ul>li:last-child{padding-left: 30px; padding-right: 0; text-align: right;}  .tplType5Depth .head .container .style_1 .mSubList{display: block; position: absolute; left: 0; top: 100%; z-index: 3; overflow: hidden; width: 100%; }  .tplType5Depth .head .container .style_1 .mSubList>ul{display: block; border-right: 1px solid #ebebeb;}  .tplType5Depth .head .container .style_1 .mSubList>ul:after{content: ''; clear: both; visibility: hidden; height: 0; display: block;}  .tplType5Depth .head .container .style_1 .mSubList>ul>li{padding: 0 20px; text-align: left; width: 25%; float: left; border-left: 1px solid #ebebeb;}  .tplType5Depth .head .container .style_1 .gnbList>ul>li:last-child>.mSubList>ul>li{text-align: left;}  .tplType5Depth .head .container .style_1 .mSubList>ul>li>a{font-size: 16px; color: #fff; letter-spacing: -1.5px; background: #1558aa; padding-left: 0; height: 34px; line-height: 32px; text-align: center; display: block;}  .tplType5Depth .head .container .style_1 .mSubList>ul>li a:hover{text-decoration: underline;}  .tplType5Depth .head .container .style_1 .mSubList>ul>li.active>a{background: #165fb0;}  .tplType5Depth .head .container .style_1 .mSubList>ul>li.active>a{color: #fff;}  .tplType5Depth .head .container .style_1 .mSubList>ul>li.active>a:after{background: #fff; left: 10px;}  .tplType5Depth .head .container .style_1 .mSubListDepth03{padding: 10px 0; padding-left: 20px; min-height: 180px;}  .tplType5Depth .head .container .style_1 .mSubListDepth03  .tplType5Depth .head .container .style_1 .mSubListDepth03.noList{padding: 0;}  .tplType5Depth .head .container .style_1 .mSubListDepth03>ul>li>a{font-size: 14px; color: #666; padding: 3px 0; padding-left: 9px; position: relative; line-height: 1.6; word-break: keep-all; display: block; white-space: nowrap;}  .tplType5Depth .head .container .style_1 .mSubListDepth03>ul>li.active>a{color: #146edb;}  .tplType5Depth .head .container .style_1 .mSubListDepth03>ul>li>a:after{content: ''; width: 5px; height: 1px; background: #666; position: absolute; left: 0; top: 13px;}  .tplType5Depth .head .container .style_1 .mSubListDepth03>ul>li.active>a:after{background: #146edb;}  .tplType5Depth .head .container .style_1 .mSubOverlay{display: block; width: 100%; position: absolute; left: 0; top: 122px; z-index: 2; background: #fff; overflow: hidden; text-align: left;}  .tplType5Depth .head .container .style_1 .mSubOverlay:before{content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #4c4c4c; }  .tplType5Depth .head .container .style_1 .mSubOverlay:after{content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; background: #d1d1d1; }  .tplType5Depth .head .container .style_1 .mSubOverlay .mSubOv_txts{max-width: 267px; margin-top: 72px; position: relative;}  .tplType5Depth .head .container .style_1 .mSubOverlay .mSubOv_txts:after{content: ''; width: 183px; height: 298px; position: absolute; right: 0; top: 80px; background: url(/common/plugin/syworks.design.library/template/gs/images/common/tplType5Depth_bg.png) no-repeat left top;}  .tplType5Depth .head .container .style_1 .mSubOverlay .mso_label{color: #999; font-size: 16px; display: block; letter-spacing: -.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}  .tplType5Depth .head .container .style_1 .mSubOverlay .mso_tit{color: #1556a8; font-size: 45px; display: block; position: relative; padding-bottom: 15px; margin-bottom: 15px; text-indent: -5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}  .tplType5Depth .head .container .style_1 .mSubOverlay .mso_tit:after{content: ''; width: 28px; height: 2px; background: #0e69c2; position: absolute; left: 0; bottom: 0;}  .tplType5Depth .head .container .style_1 .mSubOverlay .mso_stit{font-size: 15px; color: #444; line-height: 1.6; letter-spacing: -2px; font-weight: 400; margin-top: 7px;}  .tplType5Depth .head .container .style_1 .mSubOverlay .mso_sstit{font-size: 19px; font-weight: 600; line-height: 1.8; color: #666; display: block; margin-top: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}    /* 2depth 메뉴 펼침 type06 */  .tplType6Depth .head {position: relative;}  .tplType6Depth .head .col-xs-12{position: static;}  .tplType6Depth .head .container .h1Box{padding-bottom: 0; padding-right: 15px;}  .tplType6Depth .head .container .style_1 .gnbList{text-align: right;}  .tplType6Depth .head .container .style_1 .gnbList>ul{display: inline-block;}  .tplType6Depth .head .container .style_1 .gnbList>ul>li{position: relative; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; margin-left: 0; text-align: center;}  .tplType6Depth .head .container .style_1 .gnbList>ul>li:last-child{padding-left: 30px; padding-right: 0; text-align: right;}  .tplType6Depth .head .container .style_1 .mSubList{display: block; position: absolute; left: 0; top: 100%; z-index: 3; overflow: hidden; width: 100%; text-align: center;}  .tplType6Depth .head .container .style_1 .mSubList>ul{display: inline-block; text-align: left;}  .tplType6Depth .head .container .style_1 .gnbList>ul>li + li .mSubList:after{content: ''; width: 1px; height: 80%; height: calc(100% - 40px); border-right: 1px dotted #6686ad; position: absolute; left: 0; top: 20px;}  .tplType6Depth .head .container .style_1 .mSubList>ul>li{padding: 0 10px; text-align: left;}  .tplType6Depth .head .container .style_1 .gnbList>ul>li:last-child>.mSubList>ul>li{text-align: left;}  .tplType6Depth .head .container .style_1 .mSubList>ul>li>a{font-size: 16px; color: #cdcbcb; padding: 4px 0; display: inline-block; position: relative; padding-left: 10px; font-weight: normal; display: block; }  .tplType6Depth .head .container .style_1 .mSubList>ul>li>a:after{content: ''; width: 5px; height: 1px; background: #cdcbcb; position: absolute; left: 0; top: 13px;}  .tplType6Depth .head .container .style_1 .mSubList>ul>li.active>a{background: #0c325f; margin: 0 -10px; padding: 4px 10px; padding-left: 17px; border-radius: 40px;}  .tplType6Depth .head .container .style_1 .mSubList>ul>li.active>a{color: #fff;}  .tplType6Depth .head .container .style_1 .mSubList>ul>li a:hover{text-decoration: underline;}  .tplType6Depth .head .container .style_1 .mSubList>ul>li.active>a:after{background: #fff; left: 10px;}  .tplType6Depth .head .container .style_1 .mSubListDepth03{padding: 10px 0;}  .tplType6Depth .head .container .style_1 .mSubListDepth03.noList{padding: 0;}  .tplType6Depth .head .container .style_1 .mSubListDepth03>ul>li>a{font-size: 13px; color: #b6c1d7; padding: 4px 0; padding-left: 10px; position: relative; line-height: 1.6; word-break: keep-all; display: block;}  .tplType6Depth .head .container .style_1 .mSubListDepth03>ul>li.active>a{font-weight: 600;}  .tplType6Depth .head .container .style_1 .mSubListDepth03>ul>li>a:after{content: ''; width: 2px; height: 2px; background: #b6c1d7; position: absolute; left: 0; top: 13px;}  .tplType6Depth .head .container .style_1 .mSubOverlay{display: block; width: 100%; position: absolute; left: 0; top: 120px; z-index: 2; background: #044595; overflow: hidden; text-align: left;}  .tplType6Depth .head .container .style_1 .mSubOverlay:before{content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #4c4c4c; }  .tplType6Depth .head .container .style_1 .mSubOverlay:after{content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 0; background: #d1d1d1; }  .tplType6Depth .head .container .style_1 .mSubOverlay .mSubOv_txts{max-width: 240px; margin-top: 30px; display: none;}  .tplType6Depth .head .container .style_1 .mSubOverlay .mso_label{color: #777; font-size: 20px; display: block; letter-spacing: -.5px;}  .tplType6Depth .head .container .style_1 .mSubOverlay .mso_tit{color: #1556a8; font-size: 24px; display: block; position: relative; padding-bottom: 15px; margin-bottom: 15px; }  .tplType6Depth .head .container .style_1 .mSubOverlay .mso_tit:after{content: ''; width: 28px; height: 2px; background: #0e69c2; position: absolute; left: 0; bottom: 0;}  .tplType6Depth .head .container .style_1 .mSubOverlay .mso_stit{font-size: 14px; color: #444; line-height: 1.6; letter-spacing: -2px; font-weight: 400;}  .tplType6Depth .head .mSubOverlay .col-xs-12{background: url(/common/plugin/syworks.design.library/images/common/tplType6DepthBg.png) no-repeat 15px bottom;}   /* 2depth 메뉴 닫힘 버튼 */  .tplType2Depth .head .mSubOverlay .col-xs-12,  .tplType4Depth .head .mSubOverlay .col-xs-12,  .tplType5Depth .head .mSubOverlay .col-xs-12,  .tplType6Depth .head .mSubOverlay .col-xs-12{position: relative;}  .menuClose{width: 40px; height: 40px; position: absolute; left: 100%; bottom: 1px; background: #4c4c4c; display: block; text-align: center; line-height: 40px;}  .menuClose:before{content: "\e646"; font-size: 17px; margin-right: 0; color: #fff;}  .tplType5Depth .menuClose{left: 100%; ; bottom: 1px; border: 1px  solid #d4d4d4; background: #fff;}  .tplType5Depth .menuClose:before{color: #1558aa;}  .tplType6Depth .menuClose{left: 100%; ; bottom: 5px; border: 1px  solid #fff; background: none;}  .tplType6Depth .menuClose:before{color: #fff;}     /* lnb */  .untSubLnbMenu{display: block;}  .untSubLnbMenu .sublnb_tit{font-size: 27px; color: #444; letter-spacing: -2px; margin-bottom: 27px; margin-top: 8px; text-align: left;}  .sublnb_list_dep01{border-bottom: 1px solid #dadada;}  .sublnb_list_dep01 > li{display: block; text-align: left;}  .sublnb_list_dep01 > li .depth01_txt{font-size: 16px; color: #666; letter-spacing: -1px; height: 45px; line-height: 45px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #dadada; position: relative; padding-right: 30px; padding-left: 20px;}  .sublnb_list_dep01 > li.active .depth01_txt{border-color: #4bb1f3; background: #4bb1f3; color: #fff; font-weight: 600;}  .sublnb_list_dep01 > li .depth01_txt:after{content: ''; width: 5px; height: 9px; background: url(/common/plugin/syworks.design.library/images/sub/ico_lnb_arr_gr.png) no-repeat left top; position: absolute; right: 20px; top: 50%; margin-top: -4px;}  .sublnb_list_dep01 > li.active .depth01_txt:after{background-image: url(/common/plugin/syworks.design.library/images/sub/ico_lnb_arr.png);}  .sublnb_list_dep01 > li.yesDepth .depth01_txt:after,  .sublnb_list_dep01 > li.active.yesDepth .depth01_txt:after{transform: rotate(90deg);}  .sublnb_list_dep02{display: none;}  .sublnb_list_dep02 > li.first{padding-top: 17px;}  .sublnb_list_dep02 > li.last{padding-bottom: 17px;}  .sublnb_list_dep02 > li .depth02_txt{font-size: 14px; color: #777; line-height: 1.6; display: block; padding: 8px 0; padding-left: 35px; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; letter-spacing: -1px;}  .sublnb_list_dep02 > li.active .depth02_txt{color: #4bb1f3; }  .sublnb_list_dep02 > li .depth02_txt:after{content: ''; width: 6px; height: 2px; background: #939393; position: absolute; left: 21px; top: 50%; margin-top: -1px;}  .sublnb_list_dep02 > li.active .depth02_txt:after{background: #4bb1f3;}  /* 서브페이지 타이틀 및 패스 부분 */  .sub_content_wrap{margin-top:}  .subContentWrap{border-bottom: 1px solid #dadada;margin-bottom: 34px; padding-bottom: 25px;}  .subContentWrap .subcont_tit{font-size: 35px; font-weight: normal; text-align: left;}  .subContentWrap .subcont_path{display: inline-block;} }   @media (min-width: 961px) {  .head .container .gnbList {display: block !important;} } @media (max-width: 960px) {  /* 승욱프로 전체메뉴 : S */  .mobileBtn {display:block; position:absolute; right:15px; top:50%; margin-top: -8px;}  .mobileBtn img {width:21px;}  .mSubList {display:none; border-bottom:1px solid #a9a9a9;}  .mSubList ul li  {border-top:1px solid #b2b2b2; }  .mSubList ul li:first-child {border-top:none;}  .mSubList ul li a {display:block; background:#e0e0e0;  padding:12px 0 12px 24px; font-size:14px; color:#555555;}  .head  .h1Box img{height: 33px;}  .head .container .gnbList > ul > li {margin-left:20px;}  .head .container .h1Box {padding: 13px 0;}  .head .container .gnbList {display:none; position:absolute; left:0; top:51px; width:100%; z-index:999; background:#f2f2f2; height:100%; padding-top:0; border-top:1px solid #a4a4a4; overflow-y: auto;}  .head .container .gnbList > ul > li {float:none; width:100%; margin-left:0;}  .head .container .gnbList > ul > li > a { padding:0;  display:block; background:#f8f8f8; border-bottom:1px solid #a4a4a4; font-size:15px; }  .head .container .gnbList > ul > li > a span {position:relative; padding:12px 0 12px 12px; display:block; }  .head .container .gnbList > ul > li > a span:after {content:''; display:block; width:25px; height:25px; position:absolute; right:13px; top:11px; background:url('/common/plugin/syworks.design.library/images/sub/mGnbOff.png') no-repeat; background-size:23px auto; }  .head .container .gnbList > ul > li.on > a span:after {background:url('/common/plugin/syworks.design.library/images/sub/mGnbOn.png') no-repeat; background-size:23px auto; }  /* 승욱프로 전체메뉴 : E */  /* 희재프로 추가 3뎁스 */  .commLogo{height: 25px; line-height: 25px; background-size: contain; padding-left: 100px;}  .commLogo .headHpName{font-size: 14px; padding-left: 5px;}  .commLogo .headHpName:after{height: 15px; top: 50%; margin-top: -8px;}  .mSubListDepth03 ul{padding-left: 38px; padding-right: 15px; background: #fff; border-top: 1px solid #b2b2b2;}  .mSubListDepth03.noList ul{border-top: none;}  .mSubListDepth03 ul li{border-top: none;}  .mSubListDepth03 ul li a{background: #fff; padding-left: 0; border-top: 1px dashed #7a7a7a;}  .mSubListDepth03 ul li:first-child a{border-top: none;}  /* 승욱프로 서브메뉴 페이지경로 css :S */  .untMLnbBox{margin-left: -15px; margin-right: -15px;}  .mLnbBox {display:block; border:1px solid #a9a9a9; border-left:none; border-right:none; }  .mLnbBox:after {content:''; display:block; clear:both;}  .mLnbBox .btnHome {float:left; width:35px;  height:30px; text-align:center; line-height:30px; }  .mLnbBox .btnHome img {width:15px;}  .mLnbBox .lnbList {margin-left:36px;}  .mLnbBox .lnbList .in {width:100%; display:table;  }  .mLnbBox .lnbList .in > div {display:table-cell; width:50%; position:relative; vertical-align: top;}  .mLnbBox .lnbList .in > div .nowPage  { border-left:1px solid #a9a9a9;  border-right:1px solid #a9a9a9; box-sizing:border-box;}  .mLnbBox .lnbList .in > div .nowPage span {display:block; padding:7px 0 5px 12px; font-size:13px; color:#222222; position:relative; cursor:pointer; height: 30px; line-height: 1.5;}  .mLnbBox .lnbList .in > div .nowPage span:after {display:block; content:'';   border-left:1px solid #a9a9a9; box-sizing:border-box; position:absolute; right:0; top:0; width:35px; height:30px; background:url('/common/plugin/syworks.design.library/images/sub/mLnb01.png') center center no-repeat; background-size:13px auto; }  .mLnbBox .lnbList .in > div.secondLnb .box  {margin-left:-1px; width:101%;}  .mLnbBox .lnbList .in > div.secondLnb .nowPage  {border-right:none; border-left:none;}  .mLnbBox .lnbList .in > div.secondLnb .nowPage span {color:#256ecc; border-right:none;}  .mLnbBox .lnbList .in > div.secondLnb .nowPage span:after {border-right:none; background:url('/common/plugin/syworks.design.library/images/sub/mLnb02.png') center center no-repeat; background-size:13px auto; }  .mLnbBox .lnbList .in > div .box {display:none; position:absolute; left:0; top:31px; width:100%; z-index:500;}  .mLnbBox .lnbList .in > div .box ul {border:1px solid #a9a9a9; background:#fff; border-top:none; box-sizing:border-box; }  .mLnbBox .lnbList .in > div .box ul li  {margin:0 12px;}  .mLnbBox .lnbList .in > div .box ul li a {display:block; padding:8px 0 8px 3px; border-top:1px dashed #7f7f7f;  font-size:12px; color:#222222;}  .mLnbBox .lnbList .in > div .box ul li:first-child a {border-top:none;}  .mLnbBox .lnbList .in > div .box ul li.check a{color:#256ecc; text-decoration:underline;}  .mLnbBox .lnbList .in > div.firstLnb .box{display:none;}  .subTopBox{margin-left: -15px; margin-right: -15px;}  /* 승욱프로 서브메뉴 페이지경로 css :E */  .page_name,  .subTopBox + .depth02{display: none;}  #subContentWrap.sub_content_wrap{margin-top: 30px !important;} }     /* 대학원 컨텐츠 중 컨텐츠토글 */ .toggUiListTitStitSubj{} .toggUiListTitStitSubj > dl > dt{position: relative; padding: 0 8px; padding-left: 11%; padding-left: calc(10% + 10px); background: #fff; border: 1px solid #dfdfdf; border-left: 2px solid #37abf1; line-height: 1.8; font-size: 13px; color: #222;} .toggUiListTitStitSubj > dl > dt > a{display: block; color: #222; padding: 15px 0; padding-right: 30px;} .toggUiListTitStitSubj > dl > dt > a:after{content: ''; position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 14px; height: 8px; background: url(/common/plugin/syworks.design.library/template/portal/images/ico/arrow_bottom.png) no-repeat left top; background-size: cover; } .toggUiListTitStitSubj > dl > dt .toggTitArTit{position: absolute; left: 0; top: 0; width: 10%; height: 100%;  text-align: center; background: #f9f9f9; border-right: 1px solid #dfdfdf;} .toggUiListTitStitSubj > dl > dt .toggTitArTit .toggTitInnerTxt{vertical-align: middle; font-size: 14px; font-weight: 600; display: inline-block;} .toggUiListTitStitSubj > dl > dt .toggTitArTit .toggVAlign{vertical-align: middle; height: 100%; width: 0; display: inline-block;} .toggUiListTitStitSubj > dl > dt:hover, .toggUiListTitStitSubj > dl > dt.active{background: #f2f2f2;} .toggUiListTitStitSubj > dl > dd{ background: #fff;  height: 0; overflow: hidden;} .toggUiListTitStitSubj > dl > dd .toggSInner{padding: 15px 8px; padding-left: 20px; border: 1px solid #dfdfdf; border-top: none; border-left: 2px solid #aaa;} .toggUiListTitStitSubj > dl > dd + dt{margin-top: 5px;} .toggUiListTitStitSubj > dl > dt.active > a:after{transform: rotate(180deg);} .toggUiListTitStitSubj > dl > dt.active + dd{height: auto;} .toggUiListTitStitSubj .txt_list .txt_list {padding-left: 0;} .toggUiListTitStitSubj dl.txt_list dd ul.txt_list > li{font-size: 1em; color: #777;} .toggUiListTitStitSubj dl.txt_list dd ul.txt_list > li:before{content: none;} @media only screen and (max-width: 480px){  .toggUiListTitStitSubj > dl > dt{padding-left: 110px;}  .toggUiListTitStitSubj > dl > dt .toggTitArTit{width: 100px;} }  /* 개인정보 취급방침 : 강남대꺼 */ .paragraph {margin:0 40px 30px 50px; line-height:120%; font-size: 12px; font-family: 'dotum'; letter-spacing: 0; color: #666;} .paragraph.outside {margin-left:20px;} .paragraph.outside table {margin-bottom:0;} .paragraph.depth02 {margin:0 0 20px 10px; color:#999;} .paragraph a {color:#0967a0; font-weight:bold;} .paragraph a.infomation {color:#7c57da; font-weight:bold;} .paragraph table td a {color:#666; font-weight:normal;} .paragraph p, .paragraph02 p {margin-bottom:12px;} .paragraph.plaza {margin:0 0 30px 20px; line-height:120%;} .paragraph02 {margin:0 0 20px 0; line-height:120%;} .paragraph + .line {border-bottom: 1px dashed #999; margin-bottom: 20px;} .paragraph table, .paragraph tr, .paragraph  th, .paragraph  td {border:1px solid #ccc;border-collapse:collapse;text-align:center} .paragraph table {width:100%} .paragraph tr,.paragraph td {height:28px;line-height:18px} .paragraph .table tbody th {height:24px;color:#222; background-color:#fafafa;}     .tp.sub a.les_btn{border-radius: 3px; background-color: #fff; background-image: -webkit-linear-gradient(90deg , #f9f9f9, #fff); border: 1px solid #c1c1c1; font-size: 9px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; text-align: center; padding-top: 2px; margin-left: 8px; padding-right: 1px;} .tp.sub a.les_btn:before{content: '\f015'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 15px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: -1px;}   /** 학생생활상담소 상담예약부분 */ .cmmContCmmAppTab{border-bottom: 1px solid #ccc; border-top: 2px solid #007ac3; margin-bottom: 30px; display: none;} .cmmContCmmAppTab > ul > li{float: left; position: relative;} .cmmContCmmAppTab > ul > li > a{font-size: 13px; color: #222; line-height: 1.8; font-weight: 600; padding: 10px 15px; display: inline-block;} .cmmContCmmAppTab > ul > li:after{content: ''; width: 1px; height: 30%; position: absolute; right: 0; top: 35%; background: #ddd;} .cmmContCmmAppTab > ul > li.last:after{content: none;} .cmmContCmmAppTab > ul > li.active > a{color: #007ac3;} .ul_respon .cmmContCmmAppTabDiv .tbody > ul > li.smPad{padding: 9px 10px 8px;} .cmmContCmmAppTab + .ul_respon .tbody > ul > li:after{content: ''; width: 1px; height: 100%; position: absolute; right: 0; top: 0; background: #dfdfdf;} .cmmContCmmAppTab + .ul_respon .tbody > ul > li.last:after{content: none;} @media only screen and (max-width: 960px){  .cmmContCmmAppTab + .ul_respon .tbody > ul > li:after{content: none;}  .cmmContCmmAppTab{display: block;}  .cmmContCmmAppTab > ul{overflow-x: auto; white-space: nowrap;}  .cmmContCmmAppTab > ul > li{float: none; display: inline-block; }  .ul_respon .thead > ul > li[class^=slcsTbodyLoopThead].w15,  .ul_respon .cmmContCmmAppTabDiv .tbody > ul > li.w15{width: 75% !important; text-align: left;} } @media only screen and (max-width: 480px){  .cmmContCmmAppTab + .ul_respon .thead > ul > li.w25,  .cmmContCmmAppTab + .ul_respon .tbody > ul > li.w25{width: 45% !important;}  .ul_respon .thead > ul > li[class^=slcsTbodyLoopThead].w15,  .ul_respon .cmmContCmmAppTabDiv .tbody > ul > li.w15{width: 55% !important; text-align: left;}  }