@charset "utf-8"; /* mobile */ .mobile, .m_menu, .m_lnb_section .slide_menu_close, .m_logo, .m_home{display:none;} .ir {display: block; overflow: hidden; height: 0; font-size: 0; text-indent: -9999px;} /* wrap */ #wrap {width:100%; min-width:320px;} @media screen and (max-width: 768px) { #wrap {display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; height: 100%;} .header , .footer , .container , .sub_container {flex-shrink: 0;} .sub_container {flex: 1 0 auto;} } /* header */ .header {position:relative; width:100%; text-align:center; } /* lnb */ .m_lnb_article { position: relative; z-index: 100;} .lnb {max-width:1920px; margin: 0 auto; width: 100%; background:#fff; border-bottom: 1px solid #111;} .lnb_area {display: flex; align-items: center;} .lnb_area h1 {flex: 0.7;} .menu {flex: 4; display: flex; justify-content: center;} .lnb_section .unb_wrap {flex: 1.1;} .lnb_section .unb .unb_box > ul {display: flex; align-items: center;} /*.lnb_area h1 .logo_s {display: none;}*/ .lnb_inner {display: flex; flex: 3.5; align-items: center;} /*.lnb_area h1 img {padding: 31px 0;}*/ /*.lnb_area .menu {float: left; padding-left: 350px; width: 80%;}*/ /*.lnb .dep1 {position:relative; float:left; height:100%; width:14.28%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Sot_yao_yvar.tvs) right center no-repeat; }*/ .lnb .dep1 {display: inline-block; width: 16.666%; position: relative;} .lnb .dep1:last-child {background:none;} .lnb .dep1 > a {display:inline-block; text-align: center; font-size:19px; font-weight: bold; color:#151515; position: relative; padding: 41px 4px; font-family: 'NanumSquare', sans-serif;} .lnb .dep1:hover > a, .lnb .dep1 > a.on {color:#3854a6;} .lnb .dep1:hover > a:before, .lnb .dep1 > a.on:before {background: #3854a6; position: absolute; content: ''; left: 0; bottom: 25px; width: 100%; height: 3px;} .lnb_section .lnb .bg_lnb {display:none;background: #3854a6;width: 100%;position: absolute;top:98px;left: 0;height: 270px;z-index: 2;} /* bg_height */ .lnb_section .lnb .dep2 {display:none;overflow:hidden;position:absolute;left:0;top:98px;z-index:99;width:100%;height:270px;background-color: #3854a6;} /* lnb_height */ .lnb_section .lnb .dep2 ul {margin:30px 0;} .lnb_section .lnb .dep2 li {padding: 7px 10px 7px 15px; text-align: left;} .lnb_section .lnb .dep2 a {display:block;color: #fff; font-size:15px; word-break: keep-all; line-height: 1.2; font-family: 'NanumSquare', sans-serif;} .lnb_section .lnb .dep2 a:hover {text-decoration: underline; font-weight:600;} .lnb_section .lnb .dep2 a.gry {color:#c9c9c9;} /*.lnb_section .unb {float: right; width: 20%; line-height: 98px; text-align: right; font-size: 0; height: 98px;}*/ .lnb_section .unb a {display:inline-block; font-family: 'NanumGothic'; padding:0 15px 0 35px; color:#151515; font-size:13px; font-weight:300;} .lnb_section .unb a.login {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_hao02.cat) no-repeat 15px 5px; } .lnb_section .lnb .dep2 a .link_out {display: inline-block; width: 12px; height: 12px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb-yvax-bhg-j.cat')50% 50% no-repeat; vertical-align: -1px; background-size: 100%;} /*.lnb_section .lnb .dep2 a:hover .link_out {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb-yvax-bhg-ubire.cat');}*/ /* 23.07.18 수정 - 김혜민 s */ .lnb_section .lnb .dep2 ul.dep3 {margin: 5px 0 0 0; padding: 0;} .lnb_section .lnb .dep2 ul.dep3>li {padding: 7px 10px;} .m_lnb_section .lnb .dep2 li.emphasis a {color: #3854a6;} @media screen and (min-width: 769px){ .lnb_section .lnb .dep2 ul.dep3 {margin-left: 10px;} .lnb_section .lnb .dep2 ul.dep3>li>a {position: relative;} .lnb_section .lnb .dep2 ul.dep3>li>a:before {content: ''; width: 3px; height: 3px; margin-right: 5px; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); border: 1px solid #fff; border-radius: 50%; display: inline-block; box-sizing: border-box;} .emphasis {position: relative;} .m_lnb_section .lnb .dep2 li.emphasis a {color: #fff;} .emphasis:after {content: ''; display: block; position: absolute; bottom: 6px; left: 0; width: 120px; height: 20px; background: #7aa5e5; opacity: 0.7; z-index: -1;} } @media screen and (min-width: 1025px){ .emphasis:after {width: 100%; left: -5px;} .lnb_section .lnb .dep2 ul.dep3 {margin-left: 0;} } @media screen and (min-width: 1441px){ .lnb_section .lnb .dep2 ul.dep3 {margin-left: 13px;} } /* 23.07.18 수정 - 김혜민 e */ @media screen and (max-width: 1300px){ .lnb {background: transparent;} .lnb_inner {width: 100%;} .lnb_area h1 .logo_b {display: none;} .lnb_area h1 .logo_s {display: inline-block; height: 36px;} .lnb .dep1 {float: left; padding: 0; width: 16.6666%;} .lnb .dep1 > a {padding: 27px 4px;} .lnb .dep1:hover > a:before, .lnb .dep1 > a.on:before {bottom: 13px;} .menu {max-width: none; margin-top: 42px; background:#fff; border-top: 1px solid #dcdcdc;} } /* footer */ #footer {background: #fff; z-index: 10; clear:both; position:relative; border-top:1px solid #ececec;} #footer .info_are {margin:0 auto; position: relative; font-size:0; max-width: 1200px; padding: 15px 0 10px;} #footer .info_are p {position: relative; display: inline-block; width: calc(100% - 230px);} #footer .info_are span {display:inline-block; margin-right: 15px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Ssbbg_yvar.tvs) right center no-repeat;} #footer .info_are span:last-child {background:none;} #footer .info_are span a {display:block; padding:0 19px 0 0; color:#666; font-family: 'NanumGothic'; font-size: 14px; text-align:center;} #footer .info_are span a:hover {text-decoration:underline;} #footer .sitemap {display: inline-block; padding: 0 15px;} #footer .sitemap h4 {position:relative; cursor: pointer; width: 153px; background: #fff; border: 1px solid #c7c7c7; display:inline-block; text-indent: 18px; font-family: 'NanumGothic'; font-size: 13px; text-align: left; height: 27px; font-weight:400; color: #383838; line-height: 27px;} #footer .sitemap h4:after {content: ""; display: block; position: absolute; top: 34%; right: 11px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Ssbbg_ohyyrg_hc.tvs) no-repeat; width: 15px; height: 9px;} #footer .sitemap li > a {display: block; height: 31px; text-align: left; font-family: 'NanumGothic'; text-indent: 18px; line-height: 31px; color: #666; font-size: 13px;} #footer .sitemap li > a:hover {background-color:#a7e0b5;} #footer .sitemap.on > h4:after {content:""; display:block; position:absolute; top: 34%; right: 11px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Ssbbg_ohyyrg_qbja.tvs) no-repeat; width: 15px; height: 9px;} #footer .sitemapList {display: none; position: absolute; bottom:39px; width: 153px; background-color: #f7f6f4; border: 1px solid #c7c7c7;} #footer .sitemapList ul {padding: 10px 0;} #footer .btn_go {position: relative; background: #797979; display: inline-block; font-size: 14px; color: #fff; height: 27px; line-height: 27px; width: 40px; text-align: center; top: -3px; margin-left: 7px;} #footer .infoAdd {width:100%; background: #394759; padding: 33px 0 30px;} #footer .infoAdd p {color:#ebebeb; margin: auto; font-size:14px; max-width:1200px; font-family: 'NanumGothic'; line-height:24px; text-align:left;} /* sub - 공통 */ .sub_visual {width:100%; height: 186px; text-align:center; overflow:hidden; position: relative;} .sub_visual img {position:absolute;z-index: 1; top:0; left:50%; transform: translateX(-50%);} .sub_nav_section {display: block; width: 100%;z-index: 2; position: absolute; bottom:0; color: #666; height: 58px; border-top: 1px solid #487363; text-align: center;} .sub_nav_section:before {content:""; display:block; width:25%; max-width:380px; min-width:250px;} .sub_nav_section .sub_nav_article {max-width: 1200px; margin: auto; font-size:0; text-align:center; overflow: hidden; height: 100%;} .sub_nav_section .sub_nav_article > span {height: 100%; width:18%; max-width:200px; display:inline-block; position: relative; text-align:center;} .sub_nav_section .sub_nav_article > span a {color:#fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; display: block;} .sub_nav_section .go_nav_article {cursor:pointer; position:relative;} .sub_nav_section .go_nav_article:before {content: ''; position: absolute; left: 0; top: 0; border-top: 5px solid #a7e0b5; width: 100%;} .sub_visual.fixed {position:fixed; top:0; height:58px;} .sub_visual.fixed .sub_nav_section {bottom:0;} .sub_cont_wrap {position:relative;} .sub_cont {position:relative; max-width: 1200px; margin:0 auto; padding:60px 0; min-height: 800px;} .sub_cont.no-padding {padding: 0 !important;} .sub_cont_wrap h3.title_h3 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Sgvgyr_u3_ot.cat') repeat; text-align: center; border-bottom: 1px solid #ececec; font-size: 35px; color: #333; line-height: 145px; height: 145px; left: 20px; } .sub_cont_wrap h4.title_h4 {font-size: 22px; color: #3854a6; line-height: 1em; font-weight:400;} .sub_cont_wrap h5.title_h5 {margin-bottom:20px; text-align:center; font-size: 28px; color: #333; line-height: 1em;} .sub_cont_wrap p, .sub_cont_wrap li, .sub_cont_wrap dd { color:#666;} .noti-box {padding: 15px; border-radius: 5px; border: 1px solid #ccc; margin-top: 20px; background-color: rgb(241,241,241); line-height: 1.5;} .noti-box p, .fs18 {font-size: 13px; margin-top: 5px; text-indent: -8px; padding-left: 8px;} .martop5 {margin-top: 5px;} .noti-con p {text-indent: -8px; padding-left: 8px;} .sub_cont_wrap .bull_blue {font-size:14px; font-style:normal; color:#0061e6;} .sub_cont_wrap .box_list_style_section {border:3px solid #ededed;} .sub_cont_wrap .box_list_style_article {padding:35px 75px;} .sub_cont_wrap .box_list_style {width:100%; font-size:0;} .sub_cont_wrap .box_list_style dl {padding:50px 0;} .sub_cont_wrap .box_list_style dl.no_pd {padding:0 0 50px;} .sub_cont_wrap .box_list_style dt {display:inline-block; font-weight: 600; vertical-align:top; padding-top:10px; line-height:1.45em; max-width:230px; min-width:150px; width:16%; font-size:25px; color:#0061e6;} .sub_cont_wrap .box_list_style dd {display:inline-block; vertical-align:top; padding-left:40px; line-height:2em; width:84%;} .sub_cont_wrap .p50{position: absolute; z-index:0;} .bg_pattern {position:absolute; width:100%; min-height:100%; z-index:-1; overflow:hidden;} .bg_pattern span {position:absolute; top:0; left:50%; display:inline-block;} .bg_pattern .pattern_1 {top:-350px; margin-left:300px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_1.cat') no-repeat 0 0; width:545px; height:551px;} .bg_pattern .pattern_2 {top:850px; margin-left:-1250px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_2.cat') no-repeat 0 0; width:559px; height:558px;} .bg_pattern .pattern_3 {top:100px; margin-left:600px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_3.cat') no-repeat 0 0; width:160px; height:131px;} .bg_pattern .pattern_4 {top:650px; margin-left:-850px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_4.cat') no-repeat 0 0; width:144px; height:139px;} .bg_pattern .pattern_5 {top:80px; margin-left:-700px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_5.cat') no-repeat 0 0; width:160px; height:160px;} .bg_pattern .pattern_6 {top:700px; margin-left:650px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_6.cat') no-repeat 0 0; width:218px; height:218px;} .bg_pattern .pattern_7 {top:-100px; margin-left:410px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_7.cat') no-repeat 0 0; width:218px; height:218px;} .bg_pattern .pattern_8 {top:1090px; margin-left:700px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_8.cat') no-repeat 0 0; width:108px; height:231px;} .bg_pattern .pattern_9 {top:440px; margin-left:-1170px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_9.cat') no-repeat 0 0; width:545px; height:551px;} .bg_pattern .pattern_10 {top:70px; margin-left:680px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_10.cat') no-repeat 0 0; width:471px; height:230px;} .bg_pattern .pattern_11 {top:650px; margin-left:680px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_1.cat') no-repeat 0 0; width:545px; height:551px;} .bg_pattern .pattern2_2 {top:2350px; margin-left:-1250px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_2.cat') no-repeat 0 0; width:559px; height:558px;} .bg_pattern .pattern2_4 {top:1650px; margin-left:-850px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_4.cat') no-repeat 0 0; width:144px; height:139px;} .bg_pattern .pattern2_6 {top:1700px; margin-left:650px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_6.cat') no-repeat 0 0; width:218px; height:218px;} .bg_pattern .pattern2_8 {top:2090px; margin-left:700px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_8.cat') no-repeat 0 0; width:108px; height:231px;} .bg_pattern .pattern2_9 {top:1440px; margin-left:-1170px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_9.cat') no-repeat 0 0; width:545px; height:551px;} .bg_pattern .pattern2_11 {top:2050px; margin-left:680px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_1.cat') no-repeat 0 0; width:545px; height:551px;} .bg_pattern .pattern3_2 {top:3350px; margin-left:-1250px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_2.cat') no-repeat 0 0; width:559px; height:558px;} .bg_pattern .pattern3_4 {top:2650px; margin-left:-850px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_4.cat') no-repeat 0 0; width:144px; height:139px;} .bg_pattern .pattern3_6 {top:2700px; margin-left:650px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_6.cat') no-repeat 0 0; width:218px; height:218px;} .bg_pattern .pattern3_8 {top:3490px; margin-left:700px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_8.cat') no-repeat 0 0; width:108px; height:231px;} .bg_pattern .pattern3_9 {top:3350px; margin-left:-1170px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_9.cat') no-repeat 0 0; width:545px; height:551px;} .bg_pattern .pattern3_11 {top:3850px; margin-left:680px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea_1.cat') no-repeat 0 0; width:545px; height:551px;} /* 서브콘텐츠 */ /* Table style */ .tbl_wrap {overflow-y:hidden; overflow-x:auto;} .tbl_wrapper {overflow-x:auto;} #lecPrint .tbl_wrapper {overflow: hidden; margin:0 5mm;} .tbl_wrap .tbl, .tbl_wrapper .tbl {min-width:650px;} #lecPrint .tbl_wrap .tbl, #lecPrint .tbl_wrapper .tbl {min-width: auto;} .tbl {width:100%; border-top:2px solid #3854a6; border-left: 1px solid #dadada; background: #fff; table-layout: fixed;} .tbl.calc {width:calc(100% - 27px);} .tbl thead th {background:#f5f5f5; font-family:ngBold, sans-serif;} #lecPrint .tbl thead th {background-color:#f5f5f5; -webkit-print-color-adjust: exact !important;} .tbl tbody th {background:#fafafa; font-family:ngBold, sans-serif; border-bottom: 1px solid #dadada;} .tbl thead th, .tbl tbody tr td {border-bottom:1px solid #dadada;} .tbl thead, .tbl th, .tbl td {padding:13px; border-right: 1px solid #dadada; word-break: break-all;} .tbl td {color:#666;} .tbl td .btn {min-width: auto;} .tbl td span {text-align:left; display: inline-block; line-height: 1.5em;} .tbl thead th, .tbl .tit {color:#464646; font-weight:700;} .tbl .bg_r {background:#fafafa;} .tbl .popular {background:#f6cccc;} .tbl .info {background:#ddeaed;} .tbl .life {background:#d0e5d6;} .tbl .cook {background:#f4d6c9;} .tbl .night {background:#c8dee8;} .tbl .weekend {background:#d4e9b6;} .tbl.author-table th, .tbl.author-table td {padding:11px 0;} .tbl .dep1 {background:#f7faff;} .tbl.no-thead {border-top:none;} .tbl.no-thead tbody {border-top:1px solid #5269a3;} .tbl.white {background:#fff;} .tbl .tab-btn {padding:0;} .tbl .tab-btn button {position:static; right: auto; top:auto;} .tbl.type2 th, .tbl.type2 td {border-right:1px solid #e4e4e4;} .tbl.type2 th:last-child, .tbl.type2 td:last-child {border-right:none;} .tbl.ty2 {border-top: none;} .tbl.ty2 tbody {border-top: 2px solid #3854a6;} .tbl.ty3 {border-top:1px solid #dadada;} .tbl_bbs a {text-decoration:underline;} .tbl_bbs th, .tbl_bbs td {padding: 5px;} .tbl_left th {width:20%; vertical-align: top; color:#666666;} .tbl_left td {text-align:left;} .tbl_center th {width:180px;} .tbl ul>li {background: none; padding: 0;} .tbl_list {margin-top: 70px; position: relative;} .cont .tbl_tit {font-size: 18px; font-weight: bold; padding-left: 13px; position: relative; color: #464646; margin: 15px 0;} .cont .tbl_tit:before {position: absolute; content: ''; background: #464646; width: 2px; height: 17px; left: 0; top: 50%; transform: translateY(-50%);} #lecPrint .tbl_tit {padding-left: 0; margin: 15px 5mm;} .cont .tbl_tit.benone:before {display: none;} #lecPrint .tbl_tit > span.print_bar {display: inline-block; text-align: left; width: 17px; height: 17px; margin-bottom: 2px;} .cont .tbl_tit>span {font-size: 14px; color: #666; vertical-align: bottom;} .cell_btn {position: absolute; right: 27px; top: 0;} .cell_btn button {width: 85px; line-height: 30px; border: 1px solid #5269a3;} .add_cell {background: #5269a3; color: #fff;} .del_cell {color: #5269a3;} /*2020.01.23 수정*/ .tbl_list .tbl td.del {position: relative;} .tbl_list .tbl td.del > .del_cell {position: absolute; right: -25px; top: 50%; transform: translateY(-50%); width:20px; height: 20px;} .tbl_list .tbl td.del > .del_cell > span {text-indent: -9999px;} .tbl_list .tbl td.del > .del_cell:after {left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; display: block; content: ''; background: #5269a3; width: 20px; height: 20px; border-radius: 50%;} .tbl_list .tbl td.del > .del_cell:before {left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; display: block; content: ''; background: #fff; width: 10px; height: 2px; z-index: 1;} /*2021.04.20 추가*/ col.min60 {width: 60px;} col.min100 {width: 80px;} col.min125 {width: 125px;} @media screen and (min-width: 768px){ col.min100 {width: 125px;} } @media screen and (min-width: 1024px){ .tbl thead th, .tbl .tit, .tbl td {color:#333;} .sub_cont_wrap p, .sub_cont_wrap li, .sub_cont_wrap dd { color:#333;} } /* Form style */ .formtype {border:10px solid #e0e0e0; padding:30px 30px 35px 30px; margin-top:16px;} .formtype:after {content:""; display:block; clear:both;} .formtype-box {width:50%; float:left; padding-left:40px;} .formtype-box:first-child {padding-left:0; padding-right:40px;} .form-tit {font-size:19px; padding-left:25px; margin-left:20px; font-family:ngBold, sans-serif;} .form-line {padding-bottom:15px; padding-left:140px; position:relative;} .form-line-btn {height:35px; line-height:35px; font-size:17px; position:absolute; right: 32px; margin-top: 38px; margin-bottom: 0;} .form-label {padding-left:10px; position:absolute; left:0; top:3px;} .form-input {position:relative;} .form-input:after {content:""; display:block; clear:both;} .form-input.col3 .form-inputbox {width:30%; float:left;} .form-input.col3 span {text-align: left; display: block;} .form-input.col3 .input-hyphen, .form-input.col2 .input-hyphen {width:5%; text-align:center; padding-top:3px; float:left;} .form-input.col2 .form-inputbox {width:47.5%; float:left;} .form-input.secondline {margin-top:10px;} .form-inputbox {width:100%; height:35px; line-height:35px; background:#f3f3f3; border:1px solid #e0e0e0; padding-left:10px;} .form-inputbox-type1, .form-inputbox-type2 {max-width: inherit;} .form-inputbox-type1 {width: calc(100% - 66px);} .form-inputbox-type2 {width: 90%;} .form-inputbox-type3 {width: 30%;} /*2020 02 17 수정 s*/ .form-inputbox.disib {display: inline-block;} .form-inputbox.wid10 {width:27%;} /*2020 02 17 수정 e*/ .form-inputbox.white {background:#fff; width: 100%; margin-right: 10px;} .js-label-hide {position:absolute; left:10px; top:3px; color:#cccccc;} .js-label-hide.hide {display:none;} .form-seldate {margin-left:-3px; margin-right:-3px;} .form-seldate:after {content:""; display:block; clear:both;} .form-seldate .subselect-jqList {width:33.3%; float:left; padding:0 3px;} .bankname .subselect-jqList {width:30%; float:left; margin-right:2%} .bankname .form-inputbox {width:68%; float:left;} .form-btn-input {padding-right:140px;} .form-radiowrap {padding:10px 0;} .form-radiowrap span {padding-right:20px;} .form fieldset {margin-top:30px;} .form fieldset:first-child {margin-top:0;} .form .txt-pink {padding-top:15px;} .ui-datepicker-trigger {vertical-align: text-bottom;} @media screen and (min-width: 768px){ .form-inputbox.wid10 {width:10%;} .noti-box {padding: 15px;} .noti-box p, .fs18 {font-size: 16px; margin-top: 5px; text-indent: -11px; padding-left: 11px;} .noti-con p {text-indent: -11px; padding-left: 11px;} .form-inputbox-type1, .form-inputbox-type2, .form-inputbox-type3 {max-width: 160px;} } fieldset {width: auto; min-width: 0; max-width: none;} @-moz-document url-prefix() { fieldset { display: table-cell; } } /* Tab style */ .tab_title {position: relative; max-width: 440px; margin: auto; border: 1px solid #dcdcdc;} .tab_title ul {font-size: 0;} .tab_title li {display: inline-block; background:#fafafa; vertical-align:middle; width: 50%; text-align:center; cursor:pointer; } .tab_title li .tab_title_a {color:#000; height: 55px; line-height: 55px; font-size: 14px; display:block; vertical-align: top;} .tab_title li.on {background: #3854a6;} .tab_title li.on .tab_title_a {color:#a7e0b5; text-decoration:underline; font-weight: 700;} .tab_content {display:none; /*padding: 0 8px;*/ margin: 70px auto 0; } .tab_title.wid25 {max-width: 880px;} .tab_title.wid25 li {width: 25%; border-right: 1px solid #dcdcdc;} .tab_title.wid25 li:last-child {border-right:none;} /* Sub_class-info */ .lf {margin-left: 30px;} .lf li {text-align:left; line-height: 1.9em; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sgoy_ohyyrg.tvs) no-repeat left 10px; padding-left: 9px;} .lf li span {color:#ff4b5a; display:block;} .lf li ul li {background:none;} @media screen and (max-width: 713px) { .cell_btn {right: 0;} } @media screen and (max-width: 1600px) { body, input, textarea, select, button, table, a {} } @media screen and (max-width: 1240px) { body, input, textarea, select, button, table, a, .ico_nav_btm, .sub_nav_section .go_nav_article .go_nav_link a {font-size:14px;} /* gnb */ .gnb { top: 35px; margin-left: 230px;} .gnb a {font-size:13px;} /* lnb */ /*.lnb_area .menu {float: none; width: 100%; padding-left: 200px;}*/ .lnb_section .unb a {font-size:12px;} .lnb_area h1 {overflow: hidden; min-width: auto;} /*.lnb .dep1 > a { line-height:27px;}*/ .lnb .dep2{top: 55px;} .lnb .dep2 li {padding: 5px 0 5px 15px;} .lnb .bg_lnb {top:140px;} .lnb_section .lnb .dep2 a {font-size: 13px; padding: 0 5px;} .lnb_section .lnb .dep2 a:hover {background:none;} .sub_cont {padding:60px 20px;} } @media screen and (max-width:1024px) { #wrap {min-width:320px;} /* gnb */ .gnb {left:initial; right:10px; margin-left:0;} /* lnb */ /*.lnb_area h1 {width: 160px;}*/ .lnb .dep1 > a {font-size:15px; padding: 29px 4px;} .lnb .dep2 li {padding:5px 0 5px 5px;} /* sub - 공통 */ .sub_cont_wrap h3.title_h3 {font-size:27px;} .sub_cont_wrap h4.title_h4 {font-size:22px;} .sub_cont_wrap h5.title_h5 {font-size:20px;} /* footer */ #footer .info_are p {padding: 0 15px; width: calc(100% - 230px);} #footer .infoAdd p {padding: 0 15px;} } @media screen and (max-width:768px) { /* mobile */ .mobile, .m_logo, .btn_search {display:block;} .ui-selectmenu-open:after {display:none !important;} .m_menu {display: block; position: absolute; top: 0; right: 0; width: 81px; height: 79px; background: #3854a6 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Soga%2Soga_zrah.cat) center center no-repeat; background-size: 24px 20px; outline: 0;} .m_lnb_section {position:fixed; top:0; right:-150%; z-index:100; width:100%; height:100%;} .header.on .m_lnb_section {right:0; -webkit-transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);} .m_lnb_section .dim {display:none; opacity:0.7; background-color:#000; position:fixed; top:0; left:0; width:100%; height:100%;} .header.on .m_lnb_section .dim {display:block;} .m_lnb_section .m_lnb_article {position: absolute; top:0; bottom: 0;right: 0; z-index: 102; width:85%; height:100%; background: #3854a6; overflow-y:auto;} .m_lnb_section .slide_menu_close {display: block; width: 19px; height: 20px; outline:none; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Soga%2Soga_z_zrah.cat) center center no-repeat; background-size: 100%; position: absolute; top: 28px; right:89%;} .m_lnb_section .gnb {position:relative; top: initial; right: initial; text-align: left; margin-top:0; padding: 19px 0; border-bottom:1px solid #ccc;} .m_lnb_section .gnb a {color:#666; vertical-align: middle; width:auto; text-align:center; height:auto; font-size:13px; padding:0 10px;} .m_lnb_section .gnb a:first-child {display:none;} .m_lnb_section .gnb a:nth-child(2) {border-left:none;} .m_lnb_section .gnb .mypage {padding:0 14px 0 22px; font-size: 12px; line-height: 22px; text-indent: 3px; color: #fff;} .gnb a.mypage { background: #2674e0 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_zlcntr.cat) no-repeat 11px 5px; background-size:9px;} .lnb {background:#fff;} .lnb, .gnb {padding: 0;} .lnb .dep1 {background: #3854a6; background-image:none;} .lnb .dep1:last-child {background: #3854a6;} .lnb_area h1 { z-index: 100;} .m_lnb_section .lnb .dep1.m_home {display:block;} .m_lnb_section .lnb .dep1 {width:100%; padding:0 10px;} .m_lnb_section .lnb .dep1 a {display:block; padding-left:20px; text-align:left;} .m_lnb_section .lnb .dep1 > a {line-height:45px; border-bottom: 1px solid #4962ac; font-size: 18px; padding: 0 20px;} .m_lnb_section .lnb .dep1.on > a {color: #80d196; background: #3854a6;} .m_lnb_section .lnb .dep2 {display:none !important; position: relative;left: initial;top: initial;width:100%;height:auto;background-color:#fff; height:auto;} .m_lnb_section .lnb .dep2 ul {padding: 10px; margin: 0; } .m_lnb_section .lnb .dep2 li {padding:8px 0; border-top: 1px solid #e4e5ec;} .m_lnb_section .lnb .dep2 li:first-child {border:none;} .m_lnb_section .lnb .dep2 li a {font-size:14px; padding-left: 23px; color: #666; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sz_yao_one.tvs) no-repeat 12px center;} .m_lnb_section .lnb .dep1.on .dep2 {display:block !important; height:auto !important; background-color: #f7fafe; border-top: 2px solid #80d196;;} .lnb_section .lnb .dep2 a:hover {background:none; font-weight:400;} .lnb_area {width: 100%; display: block;} .lnb_inner {display: flex; flex-direction: column-reverse;} .lnb_area .menu {padding-left:0; padding-top: 77px; background: #3854a6; padding-bottom: 80px; margin-top: 0; border-top: 1px solid #4962ac; display: block;} .lnb_section .unb .unb_box > ul {display: block;} .lnb .dep1 > a {color:#fff;} .lnb .dep1 > a.on {border-bottom:none;} .lnb .dep1:hover > a:before, .lnb .dep1 > a.on:before {display: none;} .slick-slide img {height: 299px !important;} /* header */ .header {height: 79px;} .header .m_logo {width: 100%; background: #fff; height: auto; text-align: left; padding: 10px; margin-top: 0px;} .header .m_logo a {display:block;} .header .m_logo img {margin-top: 7px;} /* footer */ #footer .infoAdd {background: #464646; padding: 20px;} #footer .info_are p {padding: 0 20px; width: 100%;} #footer .infoAdd p {padding: 0;} /* sub - 공통 */ .sub_visual {height:120px; display:none;} .sub_visual.fixed {height:45px;} .sub_visual h2 {font-size:25px; padding-top:78px;} .sub_cont_wrap {padding-top:0; } .sub_cont_wrap h3.title_h3 {line-height: 90px; height: 90px;font-size:22px; border-top:1px solid #dadada;} .sub_cont {padding:0 10px;} .sub_visual .nav {margin-top:10px;} .sub_nav_section, .sub_nav_section:before, .sub_nav_section .sub_nav_article {width:100%;} .sub_nav_section {margin-top: -65px;} .sub_nav_section, .sub_nav_section .sub_nav_article {display:block;} .sub_nav_section {height:auto;} .sub_nav_section:before {display:none;} .sub_nav_section .go_nav_article .ico_nav_btm {padding-right:15px;} .sub_nav_section .go_nav_article .go_nav_link a {font-size:13px;} .sub_nav_section .sub_nav_article { display: table;} .sub_nav_section .sub_nav_article > span { display: table-cell; width: auto; font-size: 14px; padding:10px 6px; line-height: 1.45em;} .sub_cont_wrap .p50 {display:none;} .sub_cont { margin: 30px auto; min-height: auto;} .tab_content { margin: 30px auto 0;} .tab_title li .tab_title_a {height: 40px; line-height: 40px;} /* Sub_photo_work */ .tab_title.wid25 li {width: 50%; border-bottom: 1px solid #dcdcdc;} .tab_title.wid25 li:nth-child(2) {border-right:0;} .tab_title.wid25 li:nth-child(3), .tab_title.wid25 li:nth-child(4) {border-bottom:0;} } @media screen and (max-width:700px) { .m_lnb_logo {display:none;} .m_lnb_section .slide_menu_close {top: 28px; right: 30px; z-index: 107;} .lnb_section .unb { text-align: left; display: block; top: 0; width: 100%; left: 0; padding: 28px; border-radius: 0; border: 0; background: #fff;} .lnb_section .unb a {color: #000; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_hao01_1.cat) no-repeat 0 5px; padding-left: 52px;} .lnb_section .unb a.login { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_hao02_1.cat) no-repeat 15px 5px; padding-left: 44px;} /* Sub_class-info */ .lf {margin-left: 0;} /* footer */ #footer .info_are span a {padding: 0 16px 0 0;} #footer .sitemap { position: relative;} #footer .sitemapList {bottom: 29px;} #footer .infoAdd_area {padding:0;} #footer .infoAdd_area span {display:none;} } @media screen and (max-width:375px) { .sub_nav_section .sub_nav_article > span {padding: 0 2px;} /* Sub_photo_work */ .photo_list ul li{width: 100%;} .photo_list ul li a .thumb_tit {font-size:18px} } /* 공통 */ .mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mt100 {margin-top:100px;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;} .pb10 {padding-bottom:10px;} .pb20 {padding-bottom:20px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;} .p_0_30 {padding:0 30px;} @media screen and (max-width: 1024px) { .p_0_30 {padding:0;} } .tr {text-align:right;} .tc {text-align:center;} .tl {text-align:left;} .font_red {color:#ff0000} .font_yellow {color:#f7941d} .font_gray {color:#999;} .font_green {color:#8bc53e;} .font_weight {font-weight: bold;} .wid10 {width:10%;} .wid20 {width:20%;} .wid30 {width:30%;} .wid50 {width:50%;} .wid100 {width:100%;} @media screen and (max-width: 768px) { .wid50px {width:50px !important;} .wid70px {width:70px !important;} .wid125px {width:125px !important;} } @media screen and (max-width: 500px) { .wid50px {width:30px !important;} .wid70px {width:45px !important;} .wid125px {width:65px !important;} } .btn_wrap {display:block; text-align:center; padding-top:55px; overflow: hidden;} /*20.08.13 추가 전경진 s*/ .btn_wrap.right {padding-top: 30px; text-align: right;} .btn {cursor: pointer; display:inline-block; background:#faf9f9; border:1px solid #d7d7d7; box-shadow:1px 2px 0px #e5e5e5; padding:10px; text-align:center; min-width:100px; text-decoration:none !important;} .btn:hover {background:#f6f6f6;} .btn.point {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Soga%2Soga_cbvag_ot.cat) repeat; color:#fff;} .btn.save {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Soga%2Soga_fnir_ot.cat) repeat; color:#fff;} .btn.delete {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Soga%2Soga_qry_ot.cat) repeat; color:#fff;} .btn.point {font-weight:600;} .btn.small {box-shadow:none; background:#666; color:#fff; font-size:13px; padding:7px 20px; border:0;} .btn_status {width: 100%; display:inline-block; background:#fff; text-align:center !important; min-width:37px; font-weight:600; padding:3px 5px; box-shadow:1px 2px 0px #e5e5e5; border:1px dashed #ff0000; color:#ff0000; } .btn_status.wait {border: 1px solid #3854a6;color: #3854a6; white-space: nowrap;} .btn_status.fin {border:1px solid #898989; color:#555;letter-spacing: -1px;} .btn_redBorder {border:1px solid #ed1c24; color:#ed1c24; padding:0 5px; font-weight:bold;} .btn.btn_red {background:#e11a55 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Soga_cnggreaot.cat') repeat; color:#fff;} .btn.btn_blue {background:#2186c4 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Soga_cnggreaot.cat') repeat; color:#fff;} .btn.btn_gray {background:#898989 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Soga_cnggreaot.cat') repeat; color:#fff;} .btn.btn_down {background:#3854a6 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Soga_cnggreaot.cat') repeat; color:#fff; padding:8px 15px; min-width:130px; text-align:left;} .btn_lecturer {text-align: center;} .btn_lecturer>a {line-height: 50px; display: block; margin: 0 auto; width: 300px; border-radius: 5px; background-color: #5371c7; color: #fff;} .btn_lecturer .icon {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_nccyl.cat') no-repeat 50%; vertical-align: -10px; margin-right: 10px; width: 36px; height: 28px; background-size: 36px; display: inline-block;} @media screen and (max-width: 430px) { .btn_wrap.col4 {max-width: 210px; margin: 0 auto;} } @media screen and (max-width: 768px) { table .btn, table .btn.small {min-width:0px; padding:7px 10px;} } .ico {display:inline-block; width:0; height:0; vertical-align:middle; overflow:hidden} .ico_link {padding:15px 15px 0 0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_neebj04.cat') no-repeat center center;} .ico_eduguide {padding:78px 78px 0 0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_rqhthvqr.cat') no-repeat center center;} .btn .ico_link {margin-left:10px;} .ico_file {display:inline-block; width:0; height:0; vertical-align:middle; overflow:hidden; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_svyr.cat') no-repeat; padding:20px 20px 0 0; margin-right:5px;} .ico_doc {background-position:-30px 0px;} .ico_xls {background-position:-60px 0px;} .ico_ppt {background-position:-90px 0px;} .ico_pdf {background-position:-120px 0px;} .ico_zip {background-position:0px -30px;} .ico_hwp {background-position:-30px -30px;} .ico_img {background-position:-60px -30px;} .ico_down {float:right; padding:15px 15px 0 0; width:0; height:0; vertical-align:middle; overflow:hidden; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_qbja.cat') no-repeat center center;} /* Box style */ .box01 {border-top: 2px solid #3854a6; padding:40px 30px;} .box02 {border-top: 1px solid #dcdcdc; padding:40px 30px;} .box03 {border: 1px solid #dcdcdc; padding:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Sobk03_ot.cat) repeat; position: relative;} .box03 .box-tit {position: absolute; white-space: nowrap; left: 50%; top: -22px; transform: translateX(-50%); font-size: 24px; color: #fff; background: #545964; border-radius: 45px; padding: 15px 20px 10px;} @media screen and (max-width:768px) { .box01 {padding:30px 20px;} .box02 {padding:20px 0;} .box03 {padding:20px;} .box03 .box-tit {font-size: 19px; padding: 10px 20px 7px; top: -19px;} } .line_box {border:1px solid #ddd; width:100%; margin-top:-1px;} .line_box:after {content:""; display:block; clear:both;} .line_box.top_line {border-top:2px solid #3854a6;} /* List style */ .list01 li {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sohyyrg1.cat') no-repeat 0 6px; padding:2px 0 2px 15px; line-height: 1.5;} .list02 li {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sabgvpr_one.tvs') no-repeat 0 6px; padding:2px 0 2px 15px;} .list01 li.mt15 {margin-top: 15px;} .bull01 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sohyyrg1.cat') no-repeat 0 6px; padding:2px 0 2px 15px;} .img_area {text-align: center; padding: 50px 0 40px;} .img_area img {width: 100%; margin: 0 auto;} .img_area.img01 img {max-width: 870px;} .img_area.img02 img {max-width: 873px;} @media screen and (max-width:768px){ .img_area.img01 img {max-width: 469px;} .img_area.img02 img {max-width: 542px;} } /* 콘텐츠 */ .photo_list {padding-bottom:40px; margin:0 -20px} .photo_list ul li{width: 33.333%; float:left; padding:20px;} .photo_list ul li a {display: block;} .photo_list ul li a .thumb {display: block; border: 1px solid #ccc;} .photo_list ul li a .thumb img {width:100%;} .photo_list ul li a .thumb_tit {text-align: left; margin-top: 35px; margin-bottom:13px; font-size:24px; font-weight:700; color:#000; display:block;} .photo_list ul li a .tit_leng {height: 107px; color:#666;} @media screen and (max-width:768px) { .photo_list {margin:0 -10px} .photo_list ul li{width: 50%; padding:10px;} .photo_list ul li a .thumb_tit {font-size:18px; margin-top: 20px;} } @media screen and (max-width:480px) { .photo_list ul li{width:100%;} .photo_list ul li a .tit_leng {height:auto; padding-bottom:20px;} } .step01 {margin:15px -30px 30px;} .step01:after {content:""; display:block; clear:both} .step01 li {position:relative; float:left; width:33.3333%; padding:0 30px;} .step01 li img {width:100%;} .step01 li .ico_arrow {position:absolute; top:50%; margin-top:-18px; right:-18px; display:inline-block; padding:36px 36px 0 0; width:0; height:0; overflow:hidden; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_neebj03.cat') no-repeat 0 5px; z-index:1;} .step01.item2 {width:50%;} .step01.item3 {width:33.3333%;} .step01.item4 {width:25%;} .step01.item5 {width:20%;} @media screen and (max-width:768px) { .step01 {margin:0 -5px 10px;} .step01 li {padding:5px; width:49%;} .step01 li .ico_arrow {padding:20px 20px 0 0; background-size:20px auto; right:-10px; margin-top:-10px;} } @media screen and (max-width:480px) { .step01 li {width:100%;} .step01 li .ico_arrow {padding:20px 20px 0 0; background-size:20px auto; background-position:0 -27px; right:auto; margin-top:0;top:auto; bottom:-10px;left:50%; margin-left:-10px;} } .edu_info {position:relative; margin-bottom:50px; padding:40px 70px; margin-top:40px;} .edu_info h4 {font-size:22px; margin:0;} .edu_info .list02 {margin-top:20px;} .edu_info .list02:after {content:""; clear:both; display:block;} .edu_info .list02 li {margin-bottom:20px; float:left; width:50%;} .edu_info .list02 li p {padding-top:20px;} .edu_info .ico_eduguide {position:absolute; left:50%; margin-left:-39px; top:-65px;} ul.edu_info_list {margin:20px 0;} ul.edu_info_list li {position:relative; float:left; width:50%; padding:10px 10px 10px 90px; border:1px solid #e7e7e7; margin:-1px 0 0 -1px} ul.edu_info_list li .title {position:absolute; left:0; top:0; width:80px; padding:10px; text-align:center; border-right:1px solid #e7e7e7;} .edu_info .edu_info_txt {color:#3854a6;} .edulist-alltop-wrap {margin-top: 20px; border:1px solid #e7e7e7; border-top: none; border-left:none;} .edulist-top-wrap {width:100%; border-top:1px solid #e7e7e7; display: table;} .edulist-top-wrap .dt {width: 12%; display: table-cell; text-align: center; padding:10px; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7; min-width: 74px; vertical-align: middle;} .edulist-top-wrap .dd {width: 38%; display: table-cell; padding:10px; vertical-align: middle;} .edulist-top-wrap.bot .dt {width: 12%;} .edulist-top-wrap.bot .dd {width: 88%;} .edu_info .edu_info_txt {color:#3854a6;} .eduinfo-wrap .tbl thead th {background: #e7eef4;} .eduinfo-wrap .tbl thead th.bg_r {background: #f2f6f9;} .eduinfo-wrap .tbl .bg_r {background: #f2f6f9;} .registguide-tbl1 .bg_r {background: #e7eef4;} .registguide-tbl1 .bg_r.othercolor {background: #f1f5f8;} .volintro-tbl1 {border-top:2px solid #6d645d;} .volintro-tbl1 thead th {background:#ece5db;} .volintro-tbl1 td {background:#fafafa;} .volintro-tbl1 td.other {background:#faf6f3;} .volintro-tbl2 {border-top:2px solid #626c61;} .volintro-tbl2 th {background: #dde9dd;} .volintro-tbl2 td {background: #fafafa;} .volintro-tbl2 td.other {background: #f6f8f5;} .tablet_hidden {display:none;} .hidden {display: none;} @media screen and (max-width:1024px) { .edu_info {padding:30px;} .edu_info .list02 li:first-child {width:100%;} .tab_hidden {display:none;} } @media screen and (max-width:768px) { .edu_info {padding:20px; margin-bottom:20px;} .edu_info h4 {font-size:18px;} .edu_info .list02 li {width:100%; margin-bottom:5px;} .edu_info .list02 li p {padding-top:5px;} .mobile_hidden {display:none;} .tablet_hidden {display:block;} .img_area {padding: 50px 20px 40px;} } @media screen and (max-width:640px) { .edulist-top-wrap {border-top:none; border-left:1px solid #e7e7e7;} .edulist-top-wrap .dt {display:block; float:left; width:30%; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-left:none; min-width: auto; padding: 5px;} .edulist-top-wrap .dd {display:block; float:left; width:70%;border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7; padding: 5px;} .edulist-top-wrap.bot .dt {width: 30%;} .edulist-top-wrap.bot .dd {width: 70%;} } .pop_wrap {display:none; opacity:0; position:absolute; left:50%; top:50%; border:3px solid #3854a6; background:#fff; z-index:20; min-width:400px; min-height:200px; margin-left:-200px; margin-top:-200px;} .pop_wrap .pop_head {display:block; background:#3854a6; padding:15px 0; text-align:center; color:#fff; font-size: 30px; font-weight:400;} .pop_wrap .pop_body {padding:30px; max-height:400px; overflow:auto;} .pop_wrap .pop_body .alert {text-align:center;} .pop_wrap .pop_body .alert h4 {display:inline-block; text-align:center; font-size:24px; color:#3854a6; border-bottom:1px solid #3854a6; margin-bottom:20px;} .pop_wrap .pop_body .alert p {padding:0 0 30px;} .regist_status {width:90%; max-width:740px; margin-left:-370px;} @media screen and (max-width:768px) { .regist_status {margin-left:-45%; } .pop_wrap {min-width:0;} .pop_wrap .pop_body {padding:10px;} .pop_wrap .pop_head {font-size:18px;} } /* 게시판 ------------------------ */ .bbs_title:after {content:"";display:block; clear:both;} .bbs_title h4 {float:left;} .bbs_title p {float:right;} /* 페이지 */ .pagenate_wrap {position:relative; padding:20px 0;} .pagenate_wrap:after {content:""; display:block; clear:both;} .pagenation {text-align:center;} .pagenation a, .pagenation span {display:inline-block; padding:6px 0; width:32px; text-align:center; border:1px solid #d7d7d7; vertical-align:middle; line-height:} .pagenation a:hover {background-color:#d7d7d7;} .pagenation span {background:#424848; color:#fff; font-weight:600; border:1px solid #424848;} .pagenation .ico {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_oof.cat) no-repeat;} .pagenation .ico_arrow_first {padding:30px 22px 0 0; background-color:none; background-position:11px center} .pagenation .ico_arrow_prev {padding:30px 22px 0 0; background-color:none; background-position:-19px center} .pagenation .ico_arrow_next {padding:30px 22px 0 0; background-color:none; background-position:-79px center} .pagenation .ico_arrow_last {padding:30px 22px 0 0; background-color:none; background-position:-49px center} /* m 페이지 */ .pagenation .pager_numlist, .pagenation .pager_numlist>span {background: none; color: #333; border: none; width: auto;} .pagenation .pager_numlist {padding: 0 10px;} /* 검색 */ .search_wrap {margin:20px 0; background:#faf9f9; border:1px solid #ebebeb; padding:20px 0; text-align:center;} .search_wrap input[type="text"] {background:#fff; width:30%; min-width:100px;} .search_wrap .btn_search {display:inline-block; padding:30px 50px 0 0; width:0; height:0; overflow:hidden; vertical-align:middle; background:#3854a6 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_oof.cat) no-repeat -115px center; } /* 테이블 */ /*2020.02.17 추가*/ .bbs_list .wt6 {width: 10%;} .bbs_list .wt8 {width: 8%;} .bbs_list .wt10 {width: 13%;} .bbs_list .wt12 {width: 15%;} .bbs_list .wt14 {width: 17%;} .bbs_list .wt70 {width: 22%;} .bbs_list .wt70.m_wt22 {width: 23%;} .bbs_list .wt100 {width: 25.5%;} .bbs_list .wt150 {width: 25%;} .bbs_list .t_wt20 {width: 28%;} @media screen and (min-width:768px){ .bbs_list .wt70 {width:12%;} .bbs_list .wt70.m_wt22 {width: 19%;} .bbs_list .wt100 {width:20%;} .bbs_list .wt100.t_wt25 {width:25%;} .bbs_list .t_wt20 {width: 20%;} .bbs_list .wt150 {width:15%;} } @media screen and (min-width:1024px){ .bbs_list .wt6 {width: 8%;} .bbs_list .wt8 {width: 8%;} .bbs_list .wt10 {width: 11%;} .bbs_list .wt12 {width: 12%;} .bbs_list .wt14 {width: 14%;} .bbs_list .wt70 {width:7%;} .bbs_list .wt70.m_wt22 {width: 7%;} .bbs_list .wt100 {width:11%;} .bbs_list .wt100.t_wt25 {width:10%;} .bbs_list .wt150 {width:15%;} .bbs_list .t_wt20 {width: auto;} } /*2020 02 21*/ .bbs_list .w8 {width: 8%;} .bbs_list .w10 {width: 22%;} .bbs_list .w15 {width: 15%;} .bbs_list .w20 {width: 27%;} .bbs_list .wauto {width: auto;} @media screen and (min-width:768px){ .bbs_list .w10 {width: 11%;} .bbs_list .w15 {width: 16%;} .bbs_list .w15.t_w15 {width: 10%;} .bbs_list .w20 {width: 20%;} } @media screen and (min-width:1024px){ .bbs_list .w10 {width: 10%;} .bbs_list .w15 {width: 15%;} .bbs_list .w20 {width: 20%;} .bbs_list .w30 {width: 30%;} } .bbs_list {table-layout: fixed; width:100%; border-top:2px solid #3854a6; border-left:1px solid #dadada; margin-bottom:10px; } .bbs_list thead tr th {padding:20px; font-weight:600; color:#333; border-bottom:1px solid #dadada; border-right:1px solid #dadada; background:#fafafa; text-align:center} .bbs_list tbody tr th {padding:20px; font-weight:600; color:#464646; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center; background:#f5f5f5} .bbs_list tbody tr td {word-break: break-all; padding:20px; font-weight:400; color:#464646; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center} .bbs_list tbody tr td.tl {text-align:left;} .bbs_list tbody tr td a {text-decoration: underline;} .bbs_list .title {text-align:left} .bbs_list tr.noti td {background: #ebf6ff; font-size: 16px;} .bbs_list tr.noti td:first-child {font-weight: bold;} .bbs_form {table-layout: fixed; width:100%; border-top:2px solid #3854a6; border-left:1px solid #dadada; -ms-overflow-style:scrollbar;} .bbs_form thead tr th {padding:15px; font-weight:600; color:#333; border-bottom:2px solid #dadada; border-left:1px solid #dadada; background:#fff; text-align:center} .bbs_form thead tr th .ico_sort {margin-left:5px;} .bbs_form thead tr th:first-child {border-left:none;} .bbs_form tbody tr th {padding:20px; font-weight:600; color:#333; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center; background-color:#f5f5f5; -webkit-print-color-adjust: exact !important; vertical-align:middle;} .bbs_form tbody tr td {word-break: break-all; padding:20px; font-weight:400; color:#333; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:left} .bbs_form tbody tr td > em.donation_y { -webkit-print-color-adjust: exact !important; display: block; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Svpb%2Svpb_bx.cat')center center; background-size: 100%; width: 20px; height: 20px;} .bbs_form tbody tr td > em.donation_n { -webkit-print-color-adjust: exact !important; display: block; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Svpb%2Svpb_ab.cat')center center; background-size: 100%; width: 20px; height: 20px;} .bbs_form tbody tr td p {padding:3px 0 0 0;} .bbs_form tbody tr td a {text-decoration:underline;} /*.bbs_form .bbs_contents {height:200px;}*/ .bbs_prenext {width:100%; border:1px solid #dadada; margin-bottom:10px; margin-top:-1px; } .bbs_prenext th {padding:15px 0; border-top:1px solid #dadada;} .bbs_prenext th p {line-height:1; border-right:1px solid #dadada;} .bbs_prenext td {padding:15px; border-top:1px solid #dadada; text-align:left} @media screen and (max-width:1024px) { .bbs_form tbody tr th, .bbs_form tbody tr td {color:#464646;} .bbs_list tr.noti td {font-size: 14px;} } @media screen and (max-width:768px) { .bbs_list tr.noti td {font-size: 13px;} } /*2020.03.09 추가 익스 잘림현상 오류*/ .page-break-tr { page-break-before: auto; } .page-break-tr br {height: 0; line-height: 0;} /*2020.02.17 추가*/ .tbl_scroll {overflow-y: auto;} .tbl_scroll .bbs_list {min-width: 900px;} .col_2 span {display:inline-block; width:50%;} .col_2 span:first-child {padding-right:10px;} .col_2 span input {width:100%;} @media screen and (max-width:768px) { .col_2 span {width:100%;} .col_2 span:first-child {padding-right:0; margin-bottom:5px;} } .pagenate_wrap .btn_wrap {position:absolute; right:0; top:0; display:inline-block; float:right;} .ico_bbs_prev {display:inline-block; padding:20px 20px 0 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_snd_neebj.cat) no-repeat center 3px ;} .ico_bbs_next {display:inline-block; padding:20px 20px 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_snd_neebj.cat) no-repeat center -61px ;} @media screen and (max-width:768px){ .pagenate_wrap .btn_wrap {position: inherit;} } /* faq*/ .faq_list {border-top:2px solid #3854a6;} .faq_list li .q a {position:relative; display:block;border-bottom:1px solid #e6e6e6; padding:25px 0 25px 100px; font-weight:600;} .faq_list li .q a .ico_arrow {position:absolute; right:20px;display:inline-block; padding:20px 20px 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_snd_neebj.cat) no-repeat center -61px; overflow:hidden; width:0; height:0;} .faq_list li .q a .ico_q {position:absolute; left:30px; top:25px; display:inline-block;} .faq_list li .a {position:relative; display:none; background:#fbfbfb; padding: 25px 20px 50px 100px; line-height:1.5;border-bottom:1px solid #e6e6e6;} .faq_list li .a .ico_a {position:absolute; left:30px; top:25px; display:inline-block; font-weight:600;} .faq_list li.none .q {border-bottom:1px solid #e6e6e6; padding:20px 0; text-align:center;} .faq_list li.on .q a {background:#3854a6; border:0; color:#fff;} .faq_list li.on .q a .ico_arrow {background-position:center -122px;} .gallery_list {border-top:2px solid #3854a6; border-left:1px solid #dadada; margin:40px 0} .gallery_list:after {content:"";display:block; clear:both;} .gallery_list .item {float:left; width:25%; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} .gallery_list .item .img {padding:20px; } .gallery_list .item .img span {position:relative; display:block; width:100%; height:170px; overflow:hidden;} .gallery_list .item .img span img {position:absolute; width:100%; top:0; min-height:170px;} .gallery_list .item .title {border-top:1px solid #dadada; padding:20px; text-align:center; background:#faf9f9;} .gallery_list .item .title span {white-space: nowrap; text-align:center; display: inline-block; text-overflow: ellipsis; overflow: hidden; height:20px; min-height:20px; width: 100%;} .bbs_img {text-align:center; margin-bottom:40px;} .bbs_img img {max-width:1158px;} @media screen and (max-width:1024px) { .gallery_list .item {width:33.3333%;} } @media screen and (max-width:768px) { .faq_list li .q a {padding-left: 55px; padding-right: 50px;} .faq_list li .a {padding: 25px 20px 30px 60px;} .gallery_list .item {width:50%;} .gallery_list .item .title span {height:18px; min-height:18px;} } @media screen and (max-width:480px) { .gallery_list .item {width:100%;} .gallery_list .item .title {padding:10px;} .gallery_list .item .title span {height:16px; min-height:16px;} } /* mypage*/ h2.doubleUnderline { color:#464646; display:inline-block; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_qbhoyr_haqreyvar.cat") bottom left no-repeat;padding-bottom:20px; min-width:440px;} h3{color:#3854a6; font-size: 1.5em;} h3.bullet_round {display:inline-block; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sohyyrg2.cat") center left no-repeat; text-indent: 10px;} .title {text-align: center;} @media screen and (max-width:440px) { h2.doubleUnderline {min-width:100%;} } .mypage table td span {cursor: pointer;} .mypage table td p {margin-bottom: 10px;} .mypage input.address {margin-right:15px;} .mypage input.address_more {margin-right:15px; width:46%; float: left;} .mypage input.account {width:50%;} @media screen and (max-width:768px) { .mypage input.address_more {width:100%; margin-right:0; margin-bottom:5px;} } .mypage .btnWrap p {text-align:center;} .mypage .btnWrap p span.btn {padding:10px 5px;} .mypage .btnWrap p>span{margin-right:15px;} .mypage .certificate_bg {background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Spregvsvpngr_ot.cat"); text-align: center; overflow-x:auto;/* margin-top:40px; */} .mypage .certificate_bg .certificate {display:inline-block; width:613px; height:859px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svzt%2SpregvsvpngrVzt.cat"); position:relative;} .mypage .certificate_bg .certificate .information {position:absolute; left:135px;} .mypage .certificate_bg .certificate .information p {color:#000; } .mypage .certificate_bg .certificate .information.num {top:155px; font-size:15px;} .mypage .certificate_bg .certificate .information.info {top:330px;} .mypage .certificate_bg .certificate .information.info dt, .mypage .certificate_bg .certificate .information.info dd {display:inline-block; float:left; color:#000; text-align: left; font-size:15px; margin-bottom:10px;} .mypage .certificate_bg .certificate .information.info dt{clear: both;} .mypage .certificate_bg .certificate .information.date {top:590px; left:260px;} /*process*/ .process .tbl.tbl_bbs tr td,.process .tbl.tbl_bbs tr th {padding:15px; position:relative;} .process .tbl.tbl_bbs tr td:hover a {color:#0061e6} .process .btn_redBorder {position:absolute; right:20%;} .pay_select {display:block; border-top:2px solid #3854a6; border-bottom:1px solid #ddd;} .pay_select dt {float:left; width:15.33%; text-align:center; padding:15px 0; font-weight:600; border-right:1px solid #ddd; background:#fafafa} .pay_select dd {float:left; width:18%; text-align:center; padding:15px 0; border-right:1px solid #ddd} .pay_select dt:first-child {border-left:1px solid #ddd} @media screen and (max-width:768px) { .pay_select dt {width:22%;} .pay_select dd {width:11.33%;} } @media screen and (max-width:480px) { .pay_select dt {width:50%;border-left:1px solid #ddd; border-bottom:1px solid #ddd;} .pay_select dd {width:50%;border-bottom:1px solid #ddd;} } .lecture_print {max-width:1024px; margin:0 auto; /*overflow-x:auto;*/} #lecPrint .lecture_print {overflow: hidden;} .lecture_print .title_print {text-align: center; line-height: 1.5; font-size: 24px; color: #333; font-weight: bold;} .lecture_print .lecture_no {font-weight:600; font-size:16px; margin-bottom:10px;} .lecture_print table {border:1px solid #707070; border-top:4px solid #707070; min-width:800px;} #lecPrint .lecture_print table {min-width:auto;} .lecture_print .bbs_form, .lecture_print .tbl {border-top: 2px solid #707070; border-left: 1px solid #dadada; border-right: none; border-bottom: none;} .lecture_print table td {text-align:left;} .lecture_print .tbl td {text-align:center;} .lecture_print table td:last-child {border-right:1px solid #707070;} .lecture_print .bbs_form td:last-child, .lecture_print .tbl td:last-child {border-right:1px solid #dadada;} .lecture_print table tr:last-child td {border-bottom:1px solid #707070;} .lecture_print .bbs_form tr:last-child td, .lecture_print .tbl tr:last-child td {border-bottom:1px solid #dadada;} .lecture_print table th, .lecture_print table td {padding:30px 20px; font-size:16px;} .lecture_print .tbl th, .lecture_print .tbl td {padding: 13px; font-size:16px;} .lecture_content {padding:30px 40px 60px; display:block;} .lecture_content .text {font-weight:600} .lecture_content .date {font-size:24px; font-family:'NanumMyeongjo'; text-align:center; margin-top:120px; font-weight:600;} .lecture_content .sign {text-align:center; margin-top:70px;} .load_page {margin-top: 30px; background-color: #fff; /*min-height: 200px;*/ padding: 0 0 20px;} .lecture_content p.name {text-align: right; padding: 50px 0;} .lecture_content .chuncheon_sign {font-size: 30px; color: #000; font-weight: bold;} /*vertification*/ .verification {border:1px solid #dadada; border-top:2px solid #3854a6; overflow: hidden;} .verification .contentTitle {border-bottom: 1px solid #dadada; padding:40px 50px;} .verification .contentTitle dl dt{font-size:25px; font-weight: bold; display: inline-block; float:left; line-height: 40px; margin-right: 50px;} .verification .contentTitle dl dd {display: inline-block; font-size: 14px; line-height: 20px;} .verification .contentBox {display: inline-block; width:50%; float:left; text-align: center; padding:50px; border-right: 1px solid #dadada;} .verification .contentBox .content .imgWrap {height:120px;} .verification .contentBox .content p {font-size:18px;} .verification .contentBox .alert {text-align: left; padding:20px 0; border-top:1px dashed #dadada;} .verification .contentBox .alert .font_green {color:#8bc53e; font-size: 14px;} .verification .btn {background:#959595; box-shadow:none; padding:18px 0; min-width:140px; border:0; border-radius:5px; margin:20px 0;} .verification .login-btn {height: 57px; padding: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;} .justify-center {justify-content: center;} .login-btn-wrap .btn:first-of-type {margin-right: 10px;} .verification .bg-blue {background-color: #3854A6;} @media screen and (max-width:768px) { .verification .contentTitle {padding:30px 20px;} .verification .contentBox {padding:40px 20px 20px; float: none; width: 100%;} .verification .login-btn {height: 53px; padding: 0;} } @media screen and (max-width:450px) { .verification .contentBox {float:none; width:100%; border-right:none; border-bottom:1px solid #dadada;} } /*facility*/ .facility .box01 {padding:20px;} .facility .box01 .title_h4 {padding-bottom: 0;} .facility .box02 {overflow:hidden;} .facility .box02 .bull01 {font-size:14px; margin-bottom:15px;} .facility .box02 .imgSet {overflow:hidden; margin-bottom:15px;} .facility .box02 .imgWrap {float:left; width:33.33%;} .facility .box02 .imgWrap img {margin-right:30px;} .facility .box02:after {clear:both;} .facility .tbl tr td {text-align: left; vertical-align: top; padding:35px 0;} .facility .tbl.tbl_bbs tr td {text-align: center; vertical-align: middle; padding:13px;} .rental_box {border:1px solid #ddd; width:100%; margin-top:-1px;} .rental_box:after {content:""; display:block; clear:both;} .rental_box.top_line {border-top:2px solid #3854a6;} .rental_box .rental_section {float:left; width:50%; border-left:1px solid #ddd; padding:40px;} .rental_box .rental_section.wid100 {width:100%; margin:0; padding:40px 0;} .rental_box .rental_section.wid100 h4 {padding-left:40px;} .rental_box .rental_section.wid100 .tbl_wrap {border:0; margin:20px -1px;} .rental_box .rental_section.wid100 .tbl_wrap table {border-top:1px solid #ddd;} .rental_box .min_h {min-height:225px; padding-bottom:50px;} @media screen and (max-width:860px) { .rental_box .min_h {min-height:240px;} } @media screen and (max-width:768px) { .rental_box .rental_section {width:100%; border-left:none; border-top:1px solid #ddd; padding:30px 20px;} .rental_box .rental_section:first-child {border-top:none;} .rental_box .min_h {min-height:0px; padding-bottom:30px;} .rental_box .rental_section.wid100 h4 {padding-left:20px;} } /* 주차안내 */ .img_park {margin:20px 50px;} .img_park img {width:100%; max-width:1050px;} .parking_guide:after {content:""; display:block; clear:both;} .parking_guide .park_info, .location_info {float:left; width:50%; border-right:1px solid #ddd; padding:0 40px;} .location_info {border-right:none;} .parking_guide .park_info {padding-left:120px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svzt%2Scnexvat_c.cat') no-repeat 20px 0;} .parking_guide .park_info .text1 {padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #acacac; line-height:2;} .parking_guide .park_info .text1 strong {font-weight:600; display:block;} .parking_guide .park_info dl dt {font-weight:600; margin-bottom:5px;} .parking_guide .park_info dl dd {padding: 0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Sabgvpr_one.tvs) no-repeat 0 10px; text-indent:10px; line-height:1.8;} .location_info h4 {font-size:18px; padding:0 0 10px !important; color:#111;} .location_info p {line-height:1.6; margin-bottom:10px;} .location_info p strong {color:#111; font-weight:600;} .location_list {display:inline-block;} .location_list li {position:relative; display:inline-block; float:left; padding:10px 20px 10px 90px; border:1px solid #e7e7e7; margin:-1px 0 0 -1px; color:#111;} .location_list li .title {position:absolute; left:0; top:0; width:80px; padding:10px; text-align:center; border-right:1px solid #e7e7e7; color:#888;} @media screen and (max-width:1024px) { .parking_guide .park_info, .parking_guide .location_info {width:100%; border-right:none;} .parking_guide .location_info {border-top:1px solid #ddd; margin-top:40px; padding:40px 0 0 120px} } @media screen and (max-width:768px) { .img_park {margin:0 30px;} .parking_guide .park_info {padding:100px 20px 0;} .parking_guide .location_info {padding:20px 20px 0; } } /* 인사말 */ .intro_wrap .intro .title {margin:20px 40px; text-align:center; } .intro_wrap .intro * {color:#333;} /*.intro_wrap .intro .title p {margin-bottom:30px; font-size:18px; line-height:1.5}*/ /*.intro_wrap .intro .title p br {display:none;}*/ /*.intro_wrap .intro .title strong {display:inline-block; font-size:36px; font-weight:400; margin-bottom:20px; border-bottom:1px solid #acacac; line-height:1.2;}*/ .intro_wrap .intro .slogan {text-align:center; color: #333; margin-top: 85px; position: relative; padding-bottom: 42px; border-bottom:1px dashed #e7e7e7; margin-bottom: 70px;} .intro_wrap .intro .slogan p {display:inline-block; text-align:center; font-size:36px; line-height:60px; word-break: normal;} .intro_wrap .intro .slogan_1 {color: #8d89c2;} .intro_wrap .intro .slogan_1 > em {color: #662d91; font-style: normal;} .intro_wrap .intro .slogan_2 {color: #7ebace;} .intro_wrap .intro .slogan_2 > em {color: #0072bc; font-style: normal;} .intro_wrap .intro .slogan_3 {color: #80d196;} .intro_wrap .intro .slogan_3 > em {color: #007236; font-style: normal;} .intro_wrap .intro .slogan .mark1 {position: absolute; top: 30%; left: 10%;} .intro_wrap .intro .slogan .mark2 {position: absolute; top: 30%; right: 10%;} .intro_wrap .slogan_p {text-align: center; line-height: 28px; width: 82%; margin: 0 auto;} .intro_wrap .slogan_p p {margin-bottom: 37px; font-size: 18px; word-break: keep-all;} /*.intro_wrap .business {background:#f7f6f4; padding:60px 20px 100px;}*/ /*.intro_wrap .business h4 {font-size:24px; font-weight:600; text-align:center; padding:30px 0 50px;}*/ /*.intro_wrap .business .business_list {max-width:900px; margin:0 auto;}*/ /*.intro_wrap .business .business_list li {float:left; width:33.3333%; padding:0 10px;}*/ /*.intro_wrap .business .business_list li dl {background:#fff; }*/ /*.intro_wrap .business .business_list li dl dt {background:#959595; color:#fff; text-align:center; font-size:20px; font-weight:600; padding:30px 0;}*/ /*.intro_wrap .business .business_list li dl dd {padding:30px 40px; line-height:1.8; min-height:200px;}*/ @media screen and (max-width:768px) { /*.intro_wrap .intro .title {margin:20px 0;}*/ /*.intro_wrap .intro .title p {font-size:15px;}*/ /*.intro_wrap .intro .title strong {font-size:30px; }*/ .title_h3 {font-size: 24px;} .intro_wrap .intro .title {margin:20px 0;} .intro_wrap .intro .title img {width: 270px;} .intro_wrap .intro .slogan {text-align:center; color: #333; margin-top: 33px; position: relative; margin-bottom: 30px;} .intro_wrap .intro .slogan p {display:inline-block; text-align:center; font-size:17px; line-height:1.5;} .intro_wrap .intro .slogan .mark1 {position: absolute; top: 20%; left: 2%;} .intro_wrap .intro .slogan .mark1 img {width: 30px; height: 23px;} .intro_wrap .intro .slogan .mark2 {position: absolute; top: 20%; right: 2%;} .intro_wrap .intro .slogan .mark2 img {width: 30px; height: 23px;} .intro_wrap .slogan_p {text-align: center; line-height: 1.5; width: 82%; margin: 0 auto;} .intro_wrap .slogan_p p {margin-bottom: 25px; margin-top: 20px; font-size: 14px;} /*.intro_wrap .business {padding:30px 20px 50px;}*/ /*.intro_wrap .business .business_list li {width:100%; margin-bottom:20px;}*/ /*.intro_wrap .business .business_list li dl dt {padding:20px 0}*/ /*.intro_wrap .business .business_list li dl dd {min-height:0; padding:20px;}*/ } @media screen and (max-width:1024px) { .intro_wrap .intro .slogan {margin-bottom: 40px;} } /*@media screen and (max-width:480px) {*/ /* .intro_wrap .intro .title p {font-size:14px;}*/ /* .intro_wrap .intro .title p br {display:block;}*/ /* .intro_wrap .intro .title strong {font-size:22px; }*/ /* .intro_wrap .intro .slogan p {font-size:13px;}*/ /* .intro_wrap .business h4 {font-size:22px; padding:20px 0;}*/ /* .intro_wrap .business .business_list li dl dt {padding:10px 0; font-size:16px;}*/ /*}*/ /* 오시는길 */ .map_canvas {position:relative; width:100%; height:500px; overflow:hidden;} .map_canvas .usemap {position:absolute; left:50%; top:50%; width:1200px; height:500px; margin:-250px 0 0 -600px} .map_guide {padding:40px 0;} .map_guide .bus_info {float:left; width:50%; padding:0 40px 0 120px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svzt%2Sohf_vpb.cat') no-repeat 20px 0; min-height:80px;} .map_guide .bus_info dl dt {font-weight:600; border-bottom:1px solid #acacac; color:#111; padding-bottom:10px; margin-bottom:10px;} @media screen and (max-width:768px) { .map_guide .location_info, .map_guide .bus_info {width:100%; border:0; padding:0 20px;} .map_guide .bus_info {padding-left:90px; background-size:50px auto;} .map_canvas {height:250px;} } /* 시설현황 */ .facility_intro {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Scnggrea1.cat') repeat; margin-bottom:40px;} .facility_intro .intro_img {float:left; width:70%;} .facility_intro .intro_img img {width:100%;} .facility_intro .intro_txt {float:left; width:30%; padding:70px 40px 0;} .facility_intro .intro_txt h4 {text-align:center; color:#fff; margin-bottom:20px;} .intro_img img {width: 100%;} .floor_section {position:relative; border:1px solid #ddd; margin-top:-1px;} .floor_section h4 {position:absolute; left:30px; top:40px; background:#3854a6; font-size:18px; text-align:center; vertical-align:middle; color:#fff; display:inline-block;; width:125px; height:125px; line-height:125px; border-radius:100%;} .floor_wrap .floor_img {text-align:center; padding:80px 40px 80px 150px;} .floor_wrap .floor_img img {width:100%; max-width:879px;} .floor_wrap .floor_guide { background:#f9f9f9; padding:50px 80px; border-top:1px solid #ddd} .floor_wrap .floor_guide ul li {line-height:1.8; color:#111; text-indent:-75px; padding:5px 0 5px 75px; } .floor_wrap .floor_guide ul li span {background:#343e4c; display:inline-block; border-radius:50px; padding:0 10px; color:#fff; font-weight:600; margin-right:15px; text-indent:0; text-align:center;} .playroom {margin:50px 0} .playroom h4 {padding-left:10px; font-size:18px; line-height:2.5; } .playroom .floor_section {padding:40px 50px;} .playroom_img {margin:0 -20px;} .playroom_img:after {content:""; display:block; clear:both;} .playroom_img .img {float:left; width:33.3333%; padding:0 20px;} .playroom_img .img img {width:100%;} .playroom_list {margin:0 0 10px 0;} .playroom_list li {position:relative; float:left; padding:10px 10px 10px 80px; border:1px solid #e7e7e7; margin:-1px 0 0 -1px; color:#111;} .playroom_list li .title {position:absolute; left:0; top:0; width:70px; padding:10px 0; text-align:center; border-right:1px solid #e7e7e7; color:#999;} @media screen and (max-width:1024px) { .facility_intro .intro_txt {padding:40px 20px 20px;} .facility_intro .intro_txt p {height:180px; overflow-y:auto;} .floor_wrap .floor_section h4 {width:90px; height:90px; line-height:90px;} .floor_wrap .floor_img {padding-left:110px;} .playroom_list li {width:100%; padding-left:130px;} .playroom_list li .title {width:120px;} .playroom_img {margin:0;} .playroom_img .img {padding:0 0 0 15px;} .playroom_img .img:first-child {padding: 0 15px 0 0;} } @media screen and (max-width:768px) { .facility_intro .intro_img {width:100%;} .facility_intro .intro_txt {width:100%; padding:20px 40px ;} .facility_intro .intro_txt p {height:auto;} .playroom .floor_section {padding:20px;} .floor_wrap .floor_section h4 {top:30px; left:50%; width:100px; margin-left:-50px; height:30px; line-height:30px; border-radius:40px; font-size:16px;} .floor_wrap .floor_img {padding:80px 10px 40px 10px;} .floor_wrap .floor_guide {padding:30px;} .playroom_img {margin:0;} .playroom_img .img {width:50%; padding: 0 0 0 10px;} .playroom_img .img:first-child {padding: 0 10px 0 0;} .playroom_list li {padding-left:90px;} .playroom_list li .title {width:80px; height:100%;} } @media screen and (max-width:640px) { .playroom_img .img:first-child {padding: 0 0 20px 0;} .playroom_img .img {width:100%; padding: 0} } @media screen and (max-width:480px) { .floor_wrap .floor_guide {padding:20px;} } /* 조직 및 업무 */ .organ_leader {margin:0 auto; min-width: 500px;} .organ_wrap {margin:40px 0 0 0;} .organ_wrap .wid50 {padding:0 10px; float:left; overflow-y:hidden; overflow-x:auto;} .organ_wrap .wid50 .tbl {min-width:480px;} @media screen and (max-width:1024px) { .organ_wrap .wid50 {width:100%; margin-bottom:40px;} .organ_leader {max-width: 100%;} } @media screen and (max-width:640px) { .organ_wrap {margin:20px 0 0 0;} .organ_wrap .wid50 {float: none; padding:0; overflow:auto; margin-bottom: 0; margin-top:20px;} .organ_wrap .wid50 .tbl {min-width: auto;} } /* 연혁 */ .history_wrap .history_section {position:relative;margin-bottom:50px; min-height:350px; overflow:hidden;} .history_wrap .history_section .line {position:absolute; display:inline-block; height:2px; width:55%; right:0; background:#80d196} .history_wrap .history_section h4, .history_wrap .history_section dl {display:block; margin-left:80px;} .history_wrap .history_section h4 {font-weight:600; padding:30px 0; font-size:48px; color:#111;} .history_wrap .history_section dl {padding-left:10px;} .history_wrap .history_section dl dt {color:#111; font-size:18px; margin-top:20px; padding-bottom:5px; font-weight:600;} .history_wrap .history_section.history_1996 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svzt%2Suvfgbel_vzt1.wct') no-repeat left top; background-size:55% auto; padding-left:55%} .history_wrap .history_section.history_2000 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svzt%2Suvfgbel_vzt2.wct') no-repeat right top; background-size:55% auto; padding-right:55%} .history_wrap .history_section.history_2000 .line {right:auto; left:0;} @media screen and (max-width:1024px) { .history_wrap .history_section h4, .history_wrap .history_section dl {display:block; margin-left:20px;} } @media screen and (max-width:768px) { .history_wrap .history_section h4 {font-size:30px; border-bottom:2px solid #80d196} .history_wrap .history_section.history_1996, .history_wrap .history_section.history_2000 {padding:350px 0 0 20%; background-size:768px auto; background-position:center -50px;} .history_wrap .history_section .line {display:none;} } @media screen and (max-width:480px) { .history_wrap .history_section.history_1996, .history_wrap .history_section.history_2000 {padding:200px 0 0 0; background-size:480px auto;} .history_wrap .history_section h4, .history_wrap .history_section dl {margin-left:0px;} .history_wrap .history_section h4 {padding:20px 0; font-size:28px;} } /* 선언문 */ .declare_wrap {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Sot%2Sqrpyner_ot.cat') no-repeat; height: 880px; background-size: 100% 100%;} .declare_wrap .declare {position: relative;} .declare_wrap .declare .declare_tit {padding-top: 110px; text-align:center; box-sizing:border-box;} .declare_wrap .declare .declare_tit p {font-size: 36px; text-align: center; color: #333;} .declare_list {width: 100%; height: 568px; margin-top: 90px;} .declare_list dl {width: 75%; height: 25%; margin: 0 auto; display: block;} .declare_list dl dt {width: 15%; float: left;} .declare_list dl dt span {display: table-cell;} .declare_list dl dt span img {vertical-align: center;} .declare_list dl dd {display: table-cell; width: 85%; height: 100px; vertical-align: middle;} .declare_list dl dd p {font-size: 20px; color: #333; line-height: 1.5; word-break: keep-all;} @media screen and (max-width:1024px){ .declare_tit {} .declare_tit p {font-size: 36px; color: #333;} .declare_list {width: 100%; height: 568px; margin-top: 90px;} .declare_list dl {width: 75%; height: 25%; margin: 0 auto; display: block;} .declare_list dl dt {width: 20%; float: left;} .declare_list dl dt span {display: table-cell;} .declare_list dl dt span img {vertical-align: center;} .declare_list dl dd {display: table-cell; width: 80%; height: 100px; vertical-align: middle;} .declare_list dl dd p {font-size: 18px; color: #333; line-height: 1.5;} .declare_list dl dd p em {color: #3854a6;} } @media screen and (max-width:768px) { .title_h3 {font-size: 23px;} .declare_wrap .declare .declare_tit {} .declare_wrap .declare .declare_tit p {font-size: 20px;} .declare_wrap {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Sot%2Sqrpyner_ot_g.cat') no-repeat; background-size: 100% 100%; height: 100%; min-height: 600px;} .declare_wrap .declare {position: relative;} .declare_wrap .declare .declare_tit {margin-top: 33px; padding-bottom: 45px; padding-top: 50px;} .declare_wrap .declare .declare_tit p {font-size: 20px; color: #333;} .declare_list {width: 100%; height: 420px; margin-top: 0; margin-bottom: 50px;} .declare_list dl {width: 90%; height: 25%; margin: 0 auto; display: block;} .declare_list dl dt {width: 15%; float: left;} .declare_list dl dt span {display: table-cell;} .declare_list dl dt span img {width: 57px; height: 57px;} .declare_list dl dd {display: table-cell; width: 85%; height: 75px; vertical-align: middle;} .declare_list dl dd p {font-size: 14px; color: #333; line-height: 1.5;} .declare_list dl dd p em {color: #3854a6;} } @media screen and (max-width:480px) { .declare_wrap {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Sot%2Sqrpyner_ot_g.cat') no-repeat; background-size: 100% 100%; height: 100%;} .declare_list dl {width: 90%; height: 25%; margin: 0 auto; display: block;} .declare_list dl dt {width: 25%; float: left;} .declare_list dl dd {display: table-cell; width: 75%; height: 75px; vertical-align: middle;} } /* 평생학습기관 안내 */ .institution {border-top: 2px solid #3854a6; background-color: #fff; width: 100%;} .ins_wrap {overflow: hidden; width: 100%; margin: 0 auto; border-bottom: 1px solid #dadada;} .ins_left {width: 30%; float: left; padding: 2% 2%;} .ins_left img {width: 100%; height: 100%;} .ins_right {float: right; width: 70%; padding: 2% 2%;} .ins_right dl {font-size: 14px; overflow: hidden; line-height: 3; width: 100%; height: 100%;} .ins_right dl dt {color: #333; display: block; overflow: hidden; float: left; width: 14%;} .ins_right dl dt span img {vertical-align: middle; margin-right: 7%;} .ins_right dl dd {color: #666; float: left; word-break: keep-all;} .ins_p {color: #3854a6;} @media screen and (max-width:1024px) { .ins_wrap {overflow: hidden; width: 100%; margin: 0 auto;} .ins_left {width: 50%;} .ins_left img {} .ins_right {width: 50%; padding: 2% 3%;} .ins_right dl {} .ins_right dl dt {width: 25%;} .ins_right dl dd {width: 75%;} } @media screen and (max-width:768px) { .ins_left {width: 100%; padding-top: 5%; padding-left: 17%; padding-right: 17%;} .ins_left img {} .ins_right {width: 100%; padding-left: 10%; padding-right: 10%; padding-bottom: 3%;} .ins_right dl {} .ins_right dl dt {width: 35%; text-align: left;} .ins_right dl dd {width: 65%; text-align: left;} } @media screen and (max-width:480px) { } /* 비전 및 목표 */ .vision_wrap .vision .title {margin:20px 40px; text-align:center;} .vision_wrap .vision * {color:#333;} .vision_wrap .vision .vision_img {width: 100%;} .vision_wrap .vision .vision_img img {display: block; margin: 75px auto;} .vision_list {width: 100%; height: 254px;color: #666; padding: 37px 0; line-height: 1.5; border: 1px solid #dadada;} .vision_list_h {border-top: 3px solid #3854a6;} .vision_list thead {width: 100%; height: 17%;} .vision_list tbody {width: 100%; height: 83%; } .vision_list thead tr th {border-right: 1px solid #dadada; padding: 1% 0; font-weight: normal;} .vision_list thead tr th:nth-child(1) {background-color: #e7eef4; color: #333;} .vision_list thead tr th:nth-child(2) {background-color: #8d89c2; color: #fff;} .vision_list thead tr th:nth-child(3) {background-color: #7ebace; color: #fff;} .vision_list thead tr th:nth-child(4) {background-color: #80d196; color: #fff;} .vision_list tbody tr td {border: 1px solid #dadada; padding: 3% 0;} .vision_list tbody tr td:nth-child(1) {background-color: #f2f6f9; color: #333;} .vision_list tbody tr td:nth-child(2) {background-color: #fff; color: #666;} .vision_list tbody tr td:nth-child(3) {background-color: #fff; color: #666;} .vision_list tbody tr td:nth-child(4) {background-color: #fff; color: #666;} .vision_tree {margin-top: 74px; margin-bottom: 58px; width: 100%; background-color: #f7f6f4;} .vision_tree img {margin: 0% auto; display: block; width: 100%;} .vision_tree_t {display: none;} @media screen and (max-width:768px) { .vision_wrap .vision .title {width: 100%;} .vision_wrap .vision .title img {margin: 0 auto; width: 80%; display: block;} .vision_list thead {width: 100%; height: 15%;} .vision_list tbody {width: 100%; height: 85%;} .vision_list thead tr th {padding: 1.5% 0;} .vision_wrap .vision .vision_img {width: 100%;} .vision_wrap .vision .vision_img img {display: block; margin: 60px auto; width: 100%;} .vision_sec {overflow-x: scroll; } .vision_list {width: 750px; height: 254px; min-width: 640px; line-height: 1.5;} .title_h3 {font-size: 23px;} .vision_wrap .vision .title {margin: 0 auto;} .vision_wrap .vision .vision_img {width: 100%;} .vision_wrap .vision .vision_img img {display: block; margin: 30px auto; width: 100%;} .vision_tree {display: none;} .vision_tree_t {display: block; margin-top: 30px; margin-bottom: 77px; width: 100%;} .vision_tree_t img {margin: 0 auto; display: block; width: 100%; background-color: #f7f6f4;} } @media screen and (max-width:480px) { .vision_wrap .vision .title {margin:20px 0;} .vision_wrap .vision .title img {margin: 0 auto; width: 90%; display: block;} .vision_wrap .vision .vision_img {width: 100%;} .vision_wrap .vision .vision_img img {display: block; margin: 30px auto; width: 100%;} .vision_list {width: 530px; height: 127px; min-width: 530px; line-height: 1.5;} } /*평생학습관 소개 > 학습관 소개 > 주요사업*/ .tab_title {margin-bottom: 70px;} .bss {margin:40px 0; background-color: #f7f6f4; padding-left: 100px; padding-right: 100px; padding-bottom: 100px;} .bss h3 {color: #333; font-size: 20px; text-align: center; padding-top: 85px;} .bss_table {width: 100%; color: #666; padding-top: 37px; line-height: 1.5; margin: 0 auto; overflow: hidden; height: 100%;} .bss_table > div {float: left; } .bss_table ul {background-color: #fff; padding: 35px 40px; width: 100%; min-height: 485px;} .bss_table ul li {line-height: 1.7; font-size: 14px; color: #666;} .bss_left {width: 50%; padding-right: 10px;} .bss_left h4 {width: 100%; height: 78px; background-color: #8abfd0; color: #fff; font-size: 20px; font-weight: bold; text-align: center; padding: 29px 0;} .bss_right {width: 50%; padding-left: 10px;} .bss_right h4 {width: 100%; height: 78px; background-color: #865d94; color: #fff; font-size: 20px; font-weight: bold; text-align: center; padding: 29px 0;} @media screen and (max-width:1024px) { .bss {padding-right: 4%; padding-left: 4%;} .tab_title {max-width: 100%;} .tab_title > ul >li {height: 38px; padding: 0; margin: 0;} .tab_title li .tab_title_a {line-height: 38px; height: 38px; vertical-align: top;} .bss_table ul {height: 100%; width: 100%; min-height: 400px;} .bss_table .bss_left {margin-bottom: 20px; padding-right: 0; width: 100%;} .bss_table .bss_right {padding-left: 0; margin-bottom: 20px; padding-right: 0; width: 100%;} } @media screen and (max-width:768px) { .tab_title {margin-bottom: 30px;} .tab_title > ul >li {width: 100%;} .bss {padding-bottom: 0; margin-bottom: 81px;} .bss h3 {font-size: 22px; padding-top: 40px;} .bss_table {padding-top: 22px;} .bss_table ul {padding: 30px 15px;} .bss_left h4 {height: 50px; font-size: 16px; padding: 17px 0;} .bss_right {padding-bottom: 55px;} .bss_right h4 {height: 50px; font-size: 16px; padding: 17px 0;} } /* 수강신청 20180402 최미애 */ .edu-num {color:#f7941d;} .edu-num:hover {color:#fe5200; font-weight:600;} .edu-num.max {color:#8560a8;} .edu-num.max:hover {color:#630460; font-weight:600;} /* 게시판 css 추가 20181213 */ .no-list {padding: 20px 0; text-align: center;} .board-top-select {text-align: right; margin-bottom: 15px;} /* 선언문 수정 20181217 */ .declare_list dl dd p .em1 {color: #6154b7; text-decoration: underline; font-weight: bold; text-underline-position: under;} .declare_list dl dd p .em2 {color: #4dadc8; text-decoration: underline; font-weight: bold; text-underline-position: under;} .declare_list dl dd p .em3 {color: #54cd77; text-decoration: underline; font-weight: bold; text-underline-position: under;} .declare_list dl dd p .em4 {color: #e6ba11; text-decoration: underline; font-weight: bold; text-underline-position: under;} /* 평생교육사업 수정 20181217 */ .edu_box {border-bottom:1px solid #ddd; width:100%; margin-top:-1px;} .edu_box:after {content:""; display:block; clear:both;} .edu_box.top_line {border-top:2px solid #3854a6;} .edu_box:last-child {border-bottom: 0px solid #ddd;} .edu_box .edu_section {float:left; width:100%; padding-top:40px; padding-bottom: 30px; border: 0px solid #ebebeb;} .edu_tit {padding-left: 5%;} .edu_tit .title_h4 {color: #3854a6; font-size: 22px;} .edu_tit > ul {font-size: 14px; color: #333; font-weight: bold; margin-left:-20px; padding-top: 15px;} .edu_tit > ul > .list01_effect {background-color: #3854a6; margin-right: 6px; font-size: 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; float: left; color: #fff; font-weight: normal; line-height: 1.2; padding: 10px 15px 9px 30px; text-indent: -20px;} /*.edu_tit > ul > .list01_effect_2 {background-color: #3854a6; margin-right: 6px;*/ /* font-size: 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; float: left; color: #fff;*/ /* font-weight: normal;}*/ /*.edu_tit > ul > .list01_effect_3 {background-color: #3854a6; margin-right: 6px;*/ /* font-size: 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; float: left; color: #fff;*/ /* font-weight: normal;}*/ /*.edu_tit > ul > .list01_effect_4 {background-color: #3854a6; margin-right: 6px;*/ /* font-size: 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; float: left; color: #fff;*/ /* font-weight: normal;}*/ /*.edu_tit > ul > .list01_effect_5 {background-color: #3854a6; margin-right: 6px;*/ /* font-size: 18px; -webkit-border-radius: 20px; -moz-border-radius: 20px; float: left; color: #fff;*/ /* font-weight: normal;}*/ .edu_txt {overflow: hidden; margin-bottom: 40px; margin-left: 42px;} .edu_txt > h5 {font-size: 16px; color: #666; margin-bottom: 20px;} .edu_txt > h5 > p > span {width: 17px; height: 17px; background-color: #3854a6; margin-right: 6px; font-size: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; float: left; color: #fff; text-align: center;} .edu_txt > h5 > p.type2 {font-size: 21px; line-height: 22px;} .edu_txt > h5 > p.type2 > span {width: 22px; height: 22px; line-height: 22px; border-radius: 50%; font-size: 14px;} .edu_txt .h6_1 {font-size: 16px; color: #666; font-weight: normal; -webkit-border-radius: 15px; -moz-border-radius: 15px; float: left; text-align: center; border: 2px solid #87bdd1; width: auto; padding: 0 10px; height: 28px; line-height: 28px; margin-right: 10px; margin-left: 1.5%;} .edu_txt .edu_p {font-size: 16px; color: #666; line-height: 28px;margin-left: 1.5%;word-break: keep-all;} .edu_txt .h6_2 {font-size: 16px; color: #666; font-weight: normal; -webkit-border-radius: 15px; -moz-border-radius: 15px; float: left; text-align: center; border: 2px solid #87bdd1; width: auto; padding: 0 10px; height: 28px; line-height: 28px; margin-top: 10px; margin-left: 1.5%;} .edu_txt .h6_3 {font-size: 16px; color: #666; font-weight: normal; -webkit-border-radius: 15px; -moz-border-radius: 15px; display: inline-block; text-align: center; border: 2px solid #87bdd1; width: auto; padding: 0 10px; height: 28px; line-height: 28px; margin-top: 10px; margin-left: 1.5%;} .edu_txt .edu_p_2 {font-size: 16px; color: #666; line-height: 1.5; clear: both; padding-top: 10px; margin-left: 2%;word-break: keep-all;} .edu_txt .edu_p_2 em {font-weight: bold;} .edu_txt > p {font-size: 16px; color: #666; line-height: 1.5; margin-bottom: 30px; margin-left: 20px;} .edu_txt > p > ul {margin-left: 20px;} @media screen and (max-width:860px) { .edu_box .min_h {min-height:240px;} /*.edu_tit > ul > .list01_effect_4 {width: 100%; height: 100%; padding-left: 2%; line-height: 2; -webkit-border-radius: 10px; -moz-border-radius: 10px;}*/ } @media screen and (max-width:768px) { .edu_box .edu_section {width:100%; border-left:none; border-top:1px solid #ddd; padding:30px 20px;} .edu_box .edu_section:first-child {border-top:none;} .edu_box .min_h {min-height:0; padding-bottom:30px;} .edu_box .edu_section.wid100 h4 {padding-left:20px;} .edu_txt {margin-left: 1%;} .edu_tit > ul > .list01_effect {width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px;} /*.edu_tit > ul > .list01_effect_2 {width: 100%; height: 100%; padding-left: 2%; line-height: 2; -webkit-border-radius: 10px; -moz-border-radius: 10px;}*/ /*.edu_tit > ul > .list01_effect_3 {width: 100%; height: 100%; padding-left: 2%; line-height: 2; -webkit-border-radius: 10px; -moz-border-radius: 10px;}*/ /*.edu_tit > ul > .list01_effect_5 {width: 100%; height: 100%; padding-left: 2%; line-height: 2; -webkit-border-radius: 10px; -moz-border-radius: 10px;}*/ } @media screen and (max-width:640px){ .edu_txt > h5 > p > span {padding-top: 2px;} } .declare_date p {text-align: center; font-size: 25px; font-weight: 600; color: #333; margin: 30px 0;} @media screen and (max-width:768px) { .declare_date p {font-size: 20px; margin-top: 20px;} } /* 강사은행 등록신청 2020.01.15 전경진*/ .scroll_conwarp h4 {font-size: 26px; font-weight: normal;} .scroll_conwarp .scroll_con {padding: 20px 30px; overflow-y: auto; height: 400px; border: 1px solid #ccc; margin-top: 20px;} .scroll_con .scroll_tit {font-weight: bold; color: #464646; margin-top: 15px;} .scroll_con .scroll_txt {padding: 10px 0; padding-left: 10px;} .scroll_con .scroll_txt>li {text-indent: -13px; padding-left: 13px;} .scroll_con .scroll_txt>li>ul {padding-left: 3px; margin-top: 5px;} .scroll_con .scroll_txt>li>ul>li {text-indent: -18px; padding-left: 18px;} .scroll_tbl {margin-top: 10px;} .scroll_tbl .tbl {border-top: 2px solid #464646; font-size: 15px;} .scroll_conwarp .checkbox {text-align: right; padding-top: 15px; margin-bottom: 20px;} .scroll_conwarp .checkbox span {color: #ff2828;} /*2020 01 16 추가*/ .tbl01 thead th, .tbl01 tbody td {border-right: 1px solid #e4e4e4; box-sizing: border-box;} .tbl01 thead th:last-child, .tbl01 tbody td:last-child {border-right: 0;} .tbl-tit > em {font-size: 14px; font-weight: bold; color: #7f7f7f;} .must {color: red; font-weight: bold;} .tbl.write .form-inputbox.readonly {background: #f6f6f6;} .filebox_inner {display: inline-block; position: relative;} .filebox_inner.down > a {text-decoration: none; display: block; border: 1px solid #a9a9a9; padding: 2px 6px; background: linear-gradient(180deg, #fdfdfd, #f0f0f0); border-radius: 2px;} /*.file-down {border: 1px solid #a9a9a9; padding: 2px 6px; background: linear-gradient(180deg, #fdfdfd, #f0f0f0); border-radius: 2px;}*/ .btn_file {border: 1px solid #a9a9a9; padding: 3px 6px; background: linear-gradient(180deg, #fdfdfd, #f0f0f0); border-radius: 2px;} .upload_hidden {display: none;} .file-delete {display: none; position: absolute; right: 0px; top: 52%; transform: translateY(-50%); text-indent: -9999px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Snqzva%2Svzntrf%2Spbzzba%2Spybfr-pba.cat') no-repeat 50%; width: 10px; height: 10px; background-size: 10px;} .file_name {background: #fff; border:none; margin-top:0; width: calc(100% - 490px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .noti {font-size: 13px;} .bg_white {background: #fff;} input[type=text].form_inputbox {width:100%; height:35px; line-height:35px; background:#fff; border:1px solid #e0e0e0; padding-left:10px;} textarea {resize: none; background: #fff; border: 1px solid #d5d3d6; padding: 10px;} input[type="radio"] {display: inline-block; vertical-align: -2px;} @media screen and (max-width:768px){ .filebox_inner {margin: 10px 0 5px 0;} .file-delete {top: 42%;} } @media screen and (max-width:422px){ .file-delete {top: 75%;} .file_name {margin-top:10px;} } .tbl.defbtn {display: inline-block; width: auto; vertical-align: middle; ; text-align: center; height: 34px; line-height: 34px; min-width: 135px; margin-bottom: 0px;} .defbtn.pink {background:#5269a3; color:#fff;} .defbtn.gray {background:#8a8a8a; color:#fff;} .defbtn.navy {background:#4c4f5d; color:#fff;} .defbtn.white {border:1px solid #5269a3; color:#5269a3;} .defbtn.smbtn {font-size:14px; height:40px; line-height:40px;} .defbtn.green {background:#52a38d; color:#fff;} .defbtn.green a, .defbtn.pink a {color:#fff; display:block;} .defbtn.dele {background:#888; color:#fff;} .print_btn_wrap {text-align: right;} .print_btn_wrap button {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb_cevag.cat') no-repeat 15px 50%; padding: 15px; padding-left: 60px; background-color: #5371c7; color: #fff; font-size: 18px; border-radius: 5px;} /*프린트 팝업 2020.02.12 추가*/ .print_popup {display: none; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1200px; background-color: #fff; z-index: 50; box-shadow: 0 0 50px rgba(0,0,0,.5); padding: 100px 0 70px;} body {-webkit-print-color-adjust: exact;} @page a4sheet {size:21.0cm 29.7cm;} /* .lecture_print {width:100%; height:100%; font-size:1em; page:a4sheet; page-break-after: avoid; page-break-before: avoid;} */ /*20 02 04*/ @media print { #lecPrint .tbl thead th {background-color:#f5f5f5;} .bbs_form tbody tr td > em.donation_y { display: block; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Svpb%2Svpb_bx.cat')center center; background-size: 100%; width: 20px; height: 20px;} .bbs_form tbody tr td > em.donation_n { display: block; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Svpb%2Svpb_ab.cat')center center; background-size: 100%; width: 20px; height: 20px;} .bbs_form tbody tr th {word-break: keep-all; padding:20px; font-weight:600; color:#464646; border-bottom:1px solid #dadada; border-right:1px solid #dadada; text-align:center; background-color:#f5f5f5; vertical-align:top;} } /*2020. 02. 20*/ .link_go {cursor: pointer;display:inline-block; background: #5269a3 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Svpb%2Svpb_neebj02.cat') no-repeat;background-size: 35px;background-position-x: 97px;background-position-y: center;padding: 3px 49px 3px 16px;} .link_go > .ins_p {color: #fff; font-weight: normal; font-size: 13px;} @media screen and (max-width:768px){ /*.link_go {padding:2px 48px 2px 9px;}*/ } /*2020 02 27*/ .webtableshow {display: none;} .tabtableshow {display: none;} .mobtableshow {display: table-row;} @media screen and (min-width:768px){ .webtableshow {display: none;} .tabtableshow {display: table-row;} .mobtableshow {display: none;} } @media screen and (min-width:1024px){ .webtableshow {display: table-row;} .tabtableshow {display: none;} .mobtableshow {display: none;} } /*200813 개인정보처리 추가*/ .personal_info {padding: 20px 10px; line-height: 1.5; background: #f9f9f9; margin: 10px 0;} .personal_info .p-box {padding: 20px 10px;} .personal_info .tbl_wrapper {margin-bottom: 10px;} .personal_info strong {display: block; color: #000;} .bbs_form input[type=text], .bbs_form input[type=password] {display: block; margin: 5px 0;} .bbs_form input.w100 {width: 100%;} /*201115 공통영역 url버튼 추가*/ .url-btn-wrap {position: absolute; width: 100%; top: 65px; z-index: 10;} .url-btn {position: relative; max-width: 1200px; margin: 0 auto; box-sizing: content-box; padding: 0 10px; text-align: right;} .url-btn .btn-link {padding: 5px 7px 3px 7px; background-color: #5f7dd6; font-size: 13px; color: #fff;} .link-wrap {display: none; width: 300px; position: absolute; top: 24px; right: 10px; text-align: center; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 1px #ddd; background-color: #fff; height: 79px;padding: 10px; box-sizing: border-box;} .link-wrap .link-url {position: relative; padding-right: 45px;} .link-wrap .link-url input {background-color: #f6f6f6; width: 100%; height: 30px; line-height: 30px; font-size: 12px; border: solid 1px #999; padding: 0 10px;} .link-wrap .link-url .btn-copy {position: absolute; right: 0; top: 0; width: 45px; height: 30px; font-size: 15px; text-align: center; color: #fff; background-color: #5371c7;} .link-wrap .close-link {padding: 10px 15px; font-size: 14px;} @media screen and (min-width:768px){ .url-btn-wrap {top: 78px;} .url-btn {padding: 0 20px;} .url-btn .btn-link {background: #5f7dd6 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Svpb%2Svpb_yvax.cat') no-repeat 10px 50%; padding: 15px 12px 12px; color: #fff; font-size: 16px; border-radius: 5px; padding-left: 50px;} .link-wrap {border-radius: 5px; width: 320px; top: 50px; right: 20px; height: 100px;} .link-wrap .link-url input {font-size: 14px; height: 38px; line-height: 38px;} .link-wrap .link-url .btn-copy {height: 38px;} .link-wrap .close-link {font-size: 16px;} .personal_info {padding: 30px 20px;} .bbs_form input[type=text], .bbs_form input[type=password] {display: inline-block; margin: 0;} } /*21.01.14 추가*/ .flex {display: flex;} .relative {position: relative;} .table-tit {white-space: nowrap; font-size: 22px; font-weight: bold; color: #000 !important; line-height: 1.5;} .pt30 {padding-top: 30px;} .pt50 {padding-top: 50px;} .mt50 {margin-top: 50px;} .ico-arrow {position: absolute; right: -20px; width: 36px; height: 26px; display: inline-block; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-pba1.cat') 50% no-repeat;} .btn_lnk {display: inline-block; border: 1px solid #ccc; padding: 3px 17px 1px 5px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2S..%2Spbza%2Svzt%2Sfho%2Sohyyrg1.cat') 90% 50% no-repeat;} @media screen and (max-width:768px){ .table-tit {font-size: 18px; padding: 10px 0;} } /*21.02.23 추가*/ .file-box-wrap {display: flex; flex-direction: column; margin: 5px 0;} .file-box-wrap .filebox_inner {margin-top: 10px;} /*210309 수정*/ .label {display: inline-block; padding: 1px 10px; font-size: 13px; border-radius: 3px; color: #fff; background: #47a9ca; width: 84px; text-align: center !important; margin-right: 5px;} .label.offline {background: #dc53ac;} .label.onoff {background: #ff9840;} @media screen and (max-width:768px) { .tbl td span.label {padding: 0; width: 75px; display: block;margin-bottom: 5px;} } /*210317 추가*/ .popup-wrap {display: none; background: #fff; position: fixed; z-index: 110; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 500px;} .popup-top {padding: 15px; border-bottom: 1px solid #eee; text-align: right;} .popup-top .popup-close {text-indent: -9999px; width: 19px; height: 20px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Soga%2Soga_z_zrah.cat) center center no-repeat;} .popup-con {padding: 20px; box-sizing: border-box;} .popup-bottom {display: flex; justify-content: center; padding: 20px;} .popup-bottom button {width: 100px; text-align: center; line-height: 40px; background: #3854a6; color: #fff;} .popup-bottom button.popup-close {background: #8b8b8b; margin-left: 10px;} .dimm {position: fixed; left: 0; top: 0; bottom: 0; opacity: 0; width: 100%; height: 0; background: rgba(0,0,0,.7); transition: all 0.3s;} .dimm.on {opacity: 1;height: auto; z-index: 100;} @media screen and (max-width:500px) { .popup-wrap {width: 300px;} } /*210503 추가*/ .year-table {display: flex; justify-content: center; padding-top: 10px;} .year-table>li {text-align: center; margin-left: 60px; position: relative; width: 25%; background: none; padding: 0;} .year-table>li:first-child {margin-left: 0;} .year-table>li:before {content: ''; position: absolute; right: -47px; top: 50%; width: 36px; height: 27px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Svpb%2Svpb-neebj.cat');} .year-table>li:last-child:before {display: none;} .year-table.col4>li {max-width: 180px;} .year-table.col5>li {max-width: 150px;} .year-table.col5.type2>li {max-width: 170px;} .year-table>li>p {color: #fff;} .year-table>li>strong {display: block; color: #000; margin-top: 5px; border: 1px dotted #707070;} .year-table>li>strong + div {margin-top: -1px;} .year-table>li:first-child>p {background: #0079AB;} .year-table>li:nth-child(2)>p {background: #0072C1;} .year-table>li:nth-child(3)>p {background: #1F65CB;} .year-table>li:nth-child(4)>p {background: #0F43A1;} .year-table>li:nth-child(5)>p {background: #02296F;} .year-table>li>div {margin-top: 5px; border: 1px dotted #707070; height: 60px; position: relative;} .year-table>li>div.h145 {height: 145px;} .year-table>li>div.h160 {height: 160px;} .year-table>li>div>p {position: absolute; width: 100%; top: 50%; transform: translateY(-50%);} @media screen and (max-width:1023px){ .year-table.type2 {flex-direction: column;} .year-table.type2>li {margin-left: 0; margin-top: 60px; width: 100%; max-width: none !important;} .year-table.type2>li:first-child {margin-top: 0;} .year-table.type2>li:before {right: 50%; top: calc(100% + 17px); margin-right: -15px; transform: rotate(90deg);} } @media screen and (max-width:767px) { .year-table {flex-direction: column;} .year-table>li {margin-left: 0; margin-top: 60px; width: 100%; max-width: none !important;} .year-table>li:first-child {margin-top: 0;} .year-table>li:before {right: 50%; top: calc(100% + 17px); margin-right: -15px; transform: rotate(90deg);} } /*21.11.08 placeholder 위치잡아주기*/ .right-placeholder {position: relative;} .right-placeholder::placeholder {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);} .block {display: block;} .mt-20 {margin-top: 20px;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .etc_form input[type=text], .etc_form input[type=password] {width: 100%;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 500px) { .etc_form input[type=text], .etc_form input[type=password] {width: auto;} } .num-input-wrap {display: flex; align-items: center; width: 83%;} .num-input-wrap>input {width: 27% !important; max-width: 83px;} /*22.01.25 추가 수강신청 모바일 버전*/ .wrap {flex-wrap: wrap;} .spacing-09 {letter-spacing: 0.9px;} .course-list>li {padding: 15px 0; border-bottom: 1px solid #ddd;} .course-list>li:first-of-type {border-top: 1px solid #ddd;} .course-list>li>div {margin-bottom: 15px;} .course-list>li .edu-tit , .course-list>li .wrap {display: flex;} .course-list>li .edu-tit>p {color: #fff; border-radius: 3px; width: 84px; min-width: 84px; height: 27px; margin-right: 5px; line-height: 27px; box-sizing: border-box; text-align: center; margin-bottom: 0;} .course-list>li .edu-tit>p:first-of-type.online {background-color: #47a9ca;} .course-list>li .edu-tit>p:first-of-type.offline {background-color: #dc53ac;} .course-list>li .edu-tit>p:first-of-type.on-offline {background-color: #efa500;} .course-list>li .edu-tit>a>p {color: #111; font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; margin-right: 0;} .course-list>li>div>a>p:last-of-type {font-weight: bold; font-size: 16px; color: #111;} .course-list>li>p {margin-bottom: 8px;} .course-list p.class-time {margin-bottom: 8px; width: 100%; display: flex;} .course-list p:nth-of-type(2) {margin-right: 20px; display: flex;} .course-list>li>p:last-of-type , .course-list>li>div>p:last-of-type {margin-bottom: 0;} .course-list>li>div>p>span:first-of-type {width: 50px; min-width: 50px; white-space: nowrap; display: inline-block; color: #111; font-weight: 600;} .course-list>li>div>p>span:last-of-type {padding-left: 5px;} .course-list>li p.edu-status>span>a {text-decoration: underline;} .course-list>li>p span.btn-case {display: block; width: 100%; background:#fff; text-align:center; min-width:37px; font-weight:600; padding: 5px 0 ; box-shadow:1px 2px 0 #e5e5e5;} .btn-case.ing {border: 1px dashed #ff0000; color:#ff0000;} .btn-case.fin {border: 1px solid #898989;} .btn-case.wait {border: 1px solid #3854a6; color: #3854a6;} .course-list>li .edu-type {margin-bottom: 8px;} .course-list>li .edu-type>p {display: flex;} /*2022.02.03. 나의 교육 관리 추가*/ .attendance-wrap>ul>li .no-student {width: 100%;} .my-edu>p {font-size: 26px; color: #3854A6; margin-bottom: 18px; height: 30px; line-height: 30px;} .my-edu-top {margin-bottom: 80px;} .edu-info>li {display: flex; border: 1px solid #DADADA; border-top: 0; height: 47px; line-height: 47px;} .edu-info>li:first-of-type {border-top: 2px solid #3854A6;} .edu-info>li>p {font-size: 16px;} .edu-info>li>p:first-of-type {width: 242px; min-width: 242px; text-align: center; background-color: #FAFAFA; border-right: 1px solid #dadada; color: #333; font-weight: bold;} .edu-info>li>p:last-of-type {width: 100%; padding-left: 30px; background-color: #fff;} .edu-info>li>p.edu-online>span {display: inline-block; width: 84px; height: 21px; line-height: 21px; font-size: 14px; color: #fff; background-color: #47A9CA; text-align: center; border-radius: 3px;} .edu-info>li>p.edu-offline>span {display: inline-block;width: 84px;height: 21px;line-height: 21px;font-size: 14px;color: #fff;background-color: #DC53AC;text-align: center;border-radius: 3px;} .edu-info>li>p.edu-onoffline>span {display: inline-block; width: 84px; height: 21px; line-height: 21px; font-size: 14px; color: #fff; background-color: #ff9840; text-align: center; border-radius: 3px;} .my-edu-mid {margin-bottom: 60px; display: flex; align-items: center; justify-content: center;} .my-edu-mid .prev-btn {width: 22px; height: 28px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Srqh-ceri.fit"); background-size: 22px 28px;} .my-edu-mid .next-btn {width: 22px; height: 28px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Srqh-arkg.fit"); background-size: 22px 28px;} .my-edu-mid .edu-mid-sel {position: relative; margin-left: 30px; margin-right: 6px;} .my-edu-mid .edu-mid-sel:before {position: absolute; content: ''; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 8px solid #3854A6; top: 50%; transform: translateY(-50%); right: 24px;} .my-edu-mid .edu-mid-sel select {width: 185px; height: 58px; border: 1px solid #DADADA; border-radius: 5px; appearance: none; padding: 0 24px; font-weight: bold; color: #3854A6; font-size: 18px;} .my-edu-mid .edu-cal {margin-left: 6px; margin-right: 30px; position: relative;} .my-edu-mid .edu-cal input {width: 185px; min-width: 185px; box-sizing: border-box; height: 58px; display: block; border: 1px solid #DADADA; border-radius: 5px; font-size: 18px; color: #3854A6; font-weight: bold; padding: 0 24px; position: relative;} .my-edu-mid .edu-cal .ui-datepicker-trigger {position: absolute; width: 100%; height: 100%; top: 50%; transform: translateY(-50%); content: '';} .my-edu-mid .edu-cal .ui-datepicker-trigger:before {position: absolute; content: ''; width: 20px; height: 20px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Srqh-pny.fit"); background-size: 20px 20px; top: 50%; right: 24px; transform: translateY(-50%);} .my-edu-bot {margin-bottom: 60px;} .my-edu-bot>form {display: flex; justify-content: space-between;} .my-edu-bot>form>div {width: 50%; max-width: 580px;} .my-edu-botleft {margin-right: 20px; position: relative;} .supply-wrap {position: absolute; top: -7px; right: 0; width: 93px; height: 43px; display: flex; align-items: center; justify-content: center; background-color: #FAFAFA; border: 1px solid #DADADA; border-radius: 5px;} .supply-wrap>input[type="checkbox"] {width: 1px; height: 1px; margin: -1px; border: none; opacity: 0; text-indent: -9999px;} .supply-wrap>input[type="checkbox"] + label {font-size: 16px; color: #333; font-weight: bold; position: relative; display: block; width: 54px; white-space: nowrap; text-align: right;} .supply-wrap>input[type="checkbox"] + label:before {position: absolute; content: ''; width: 18px; height: 18px; border: 1px solid #dadada; background-color: #fff; border-radius: 3px; top: 50%; left: 0; transform: translateY(-50%);} .supply-wrap>input[type="checkbox"]:checked + label:before {border-color: #3854A6;} .supply-wrap>input[type="checkbox"]:checked + label:after {position: absolute; content: ''; width: 5px; height: 10px; border-top: 2px solid #3854A6; border-left: 2px solid #3854A6; top: 40%; left: 20%; transform: translate(-50%,-50%) rotate(-135deg); z-index: 1;} .attendance-wrap>ul {width: 100%;} .attendance-wrap>ul>li {display: flex; width: 100%; height: 50px; line-height: 50px; border: 1px solid #DADADA; border-top: 0;} .attendance-wrap>ul>li:first-of-type {border-top: 2px solid #3854A6;} .attendance-wrap>ul>li:first-of-type>p {color: #333; font-weight: bold;} .attendance-wrap>ul>li>p {border-right: 1px solid #dadada; text-align: center;} .attendance-online>ul>li>p {width: 33.33%;} .attendance-offline>ul>li>p {width: 50%;} .attendance-onoffline>ul>li>p {width: 33.33%;} .attendance-wrap>ul>li>p:last-of-type {border-right: 0;} .checkbox-wrap>input[type="checkbox"] {width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0,0,0,0); opacity: 0;} .checkbox-wrap>input[type="checkbox"] + label {position: relative; padding-left: 18px; width: 18px; height: 18px; border: 1px solid #aaa; border-radius: 3px; background-color: #fff;} .attendance-wrap>ul>li:first-of-type .checkbox-wrap>input[type="checkbox"] + label {margin-right: 6px;} .checkbox-wrap>input[type="checkbox"]:checked + label {border-color: #3854A6;} .checkbox-wrap>input[type="checkbox"]:checked + label:before {position: absolute; content: ''; width: 5px; height: 10px; border-top: 2px solid #3854A6; border-left: 2px solid #3854A6; top: 40%; left: 50%; transform: translate(-50%,-50%) rotate(-135deg);} .add-recruit {background-color: #F7FAFF;} .my-edu-botright>div:first-of-type {margin-bottom: 40px;} .my-edu-botright>div:first-of-type>ul>li {display: flex; border: 1px solid #dadada; border-top: 0;} .my-edu-botright>div:first-of-type>ul>li:first-of-type {border-top: 2px solid #3854A6;} .my-edu-botright>div:first-of-type>ul>li:last-of-type {position: relative;} .my-edu-botright>div:first-of-type>ul>li>p , .my-edu-botright>div>ul>li>div {width: 100%; padding: 15px 20px; text-align: center; font-size: 16px;} .my-edu-botright>div:first-of-type>ul>li>p:first-of-type {width: 160px; min-width: 160px; background-color: #FAFAFA; border-right: 1px solid #dadada; display: flex; align-items: center; justify-content: center; color: #333; font-weight: bold;} .my-edu-botright>div:first-of-type>ul>li>p>textarea {width: 100%; min-height: 180px;} .add-file-wrap {text-align: left;} .add-file-wrap>a {display: inline-block; margin-bottom: 10px;} .add-file-wrap>a:last-of-type {margin-bottom: 0;} .add-file-inner {display: flex; align-items: center; width: calc(100% - 80px);} .add-file {margin-bottom: 8px; display: flex; justify-content: space-between;} .add-file .del-file-btn {border: none;} .add-file:last-of-type {margin-bottom: 0;} .add-file .screen-out {overflow: hidden; clip: rect(0,0,0,0); margin: -1px; width: 0; height: 1px; text-indent: -9999px; font-size: 0; position: absolute; top: -9999px;} .add-file .btn-sel {cursor: pointer; width: 70px; min-width: 70px; height: 30px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #ddd; margin-right: 10px;} .add-file .file-name {border: 0; width: auto; white-space: nowrap; color: #333; height: 30px; line-height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; max-width: 230px;} .my-edu-botright>div>ul>li .file-add-del {position: absolute; bottom: 15px; right: 56px; display: flex; width: auto; padding: 0;} .add-file-btn , .del-file-btn {width: 30px; height: 30px; border: 1px solid #DDD; border-radius: 5px; position: relative;} .add-file-btn>span {width: 2px; height: 14px; background-color: #3854A6; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .add-file-btn>span:last-of-type {transform: translate(-50%,-50%) rotate(90deg);} .del-file-btn {margin-left: 6px;} .del-file-btn>span {width: 14px; height: 2px; background-color: #BE2323; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .add-file-btn.none , .del-file-btn.none {display: none;} .add-file-btn.left {right: -36px;} /*.saved-file {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}*/ .saved-file>div {display: flex; justify-content: space-between; align-items: center;} .saved-file button {width: 30px; height: 30px; min-width: 30px;} .saved-file>br {display: none;} .saved-file>p {width: calc(100% - 30px); padding-right: 10px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*22.03.04 추가*/ .file-box-right>div {display: flex;} .file-box-right>div button {margin-left: 10px; min-width: 25px;} .my-edu-botright>div:last-of-type>div {display: flex; border: 1px solid #dadada; border-top: 2px solid #3854A6;} .my-edu-botright>div:last-of-type>div>p:first-of-type {width: 160px; min-width: 160px; background-color: #FAFAFA; display: flex; align-items: center; justify-content: center; color: #333; font-weight: bold; border-right: 1px solid #dadada;} .my-edu-botright>div:last-of-type>div>p:last-of-type {width: 100%; padding: 15px 20px;} .my-edu-botright>div:last-of-type>div>p:last-of-type>textarea {min-height: 180px; width: 100%;} .my-edu-botright>div:last-of-type>div>p:last-of-type>textarea::placeholder {color: #aaa;} .edu-chk {height: 80px; background-color: #F7F7F7; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; margin-bottom: 60px;} .edu-chk>p {font-size: 16px; color: #3854A6; font-weight: bold;} .edu-chk>div {display: flex; align-items: center;} .edu-chk>div>input {width: 0; height: 0; border: 0; opacity: 0; clip: rect(0,0,0,0); text-indent: -9999px;} .edu-chk>div>input[type="checkbox"] + label {margin-right: 12px; width: 80px; padding-left: 30px; box-sizing: border-box; font-weight: bold; font-size: 16px; color: #333; position: relative; white-space: nowrap;} .edu-chk>div>input[type="checkbox"] + label:after {position: absolute; content: ''; width: 18px; height: 18px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; left: 0; top: 50%; transform: translateY(-50%);} .edu-chk>div>input[type="checkbox"]:checked + label:after {border-color: #3854A6;} .edu-chk>div>input[type="checkbox"]:checked + label:before {position: absolute; content: ''; width: 5px; height: 10px; border-top: 2px solid #3854A6; border-left: 2px solid #3854A6; top: 40%; left: 12%; transform: translate(-50%,-50%) rotate(-135deg); z-index: 1;} .edu-btn {display: flex; justify-content: center;} .edu-btn>a {display: block; width: 100px; height: 40px; line-height: 40px; box-shadow: 1px 2px 0 #0000001A; color: #fff; font-size: 14px; text-align: center;} .edu-btn .save {background: #2186C4;} .edu-btn .list {background: #3854A6;} /*달력*/ .ui-datepicker {margin-top: 10px; width: 361px; height: 416px; padding: 40px 30px; box-sizing: border-box; display: none;} .ui-datepicker-header {display: flex; align-items: flex-start; justify-content: space-between; background-color: #fff !important; height: 50px; border: none !important;} .ui-datepicker-prev , .ui-datepicker-next {width: 34px; min-width: 34px; height: 34px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 100% !important; position: relative;} .ui-datepicker-prev:before {position: absolute; content: ''; width: 8px; height: 8px; border-top: 2px solid #666; border-left: 2px solid #666; top: 50%; left: 55%; transform: translate(-50%,-50%) rotate(-45deg);} .ui-datepicker-next:before {position: absolute; content: ''; width: 8px; height: 8px; border-top: 2px solid #666; border-right: 2px solid #666; top: 50%; left: 45%; transform: translate(-50%,-50%) rotate(45deg);} .ui-datepicker .ui-helper-clearfix:before, .ui-datepicker .ui-helper-clearfix:after {display: none;} .ui-datepicker-next {order: 3;} .ui-datepicker-title {font-weight: bold; font-size: 24px; padding-top: 6px; color: #3854A6;} .ui-datepicker-calendar {width: 100%; height: 285px;} .skrollr-desktop .ui-state-default, .skrollr-desktop .ui-widget-content .ui-state-default, .skrollr-desktop .ui-widget-header .ui-state-default, .skrollr-desktop .ui-button, html.skrollr-desktop .ui-button.ui-state-disabled:hover, html.skrollr-desktop .ui-button.ui-state-disabled:active {background: #fff; border: none;} .skrollr-desktop .ui-state-highlight, .skrollr-desktop .ui-widget-content .ui-state-highlight, .skrollr-desktop .ui-widget-header .ui-state-highlight {border: 1px solid #dad55e; background: #fffa90; color: #777620;} .ui-datepicker-calendar a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: none;} .ui-datepicker-calendar th {padding: 6px 0;} .ui-datepicker-calendar .ui-datepicker-week-end:first-of-type {color: #FF7575;} .ui-datepicker-calendar .ui-datepicker-week-end:last-of-type {color: #10A0CF;} .ui-datepicker-calendar th , .ui-datepicker-calendar td {border: 1px solid #ddd;} .ui-state-active {background-color: #3854A6 !important; color: #fff !important;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .my-edu-mid .edu-mid-sel:before {display: none;} } @media screen and (max-width: 1023px) { .my-edu-top {margin-bottom: 40px;} .edu-info>li {height: 40px; line-height: 40px;} .edu-info>li>p {font-size: 14px;} .edu-info>li>p:first-of-type {width: 90px; min-width: 90px;} .my-edu-mid .edu-mid-sel:before {right: 10px; border-left-width: 4.5px; border-right-width: 4.5px; border-top-width: 6px;} .my-edu-mid .edu-mid-sel select {width: auto; padding: 0 14px; height: 46px;} .my-edu-mid .edu-cal input {height: 46px;} .my-edu-bot>form {display: block;} .my-edu-bot>form>div {width: 100%; max-width: none;} .my-edu-botleft {margin-right: 0; margin-bottom: 30px;} .attendance-wrap>ul>li {height: 40px; line-height: 40px;} .attendance-wrap>ul>li>p {font-size: 14px;} .my-edu-botright>div:first-of-type {margin-bottom: 30px;} .my-edu-botright>div:first-of-type>ul>li>p, .my-edu-botright>div>ul>li>div {font-size: 14px;} .my-edu-botright>div:first-of-type>ul>li>p:first-of-type {width: 105px;min-width: 105px;} .my-edu-botright>div>ul>li>div {padding: 13px 12px; width: calc(100% - 90px);} .add-file-inner {width: calc(100% - 60px);} .add-file .btn-sel {width: 57px; min-width: 57px;} .add-file .btn-sel {height: 26px; line-height: 26px;} .my-edu-botright>div>ul>li .file-add-del {right: 42px; bottom: 17px;} .add-file-btn, .del-file-btn {width: 26px; height: 26px;} .my-edu-botright>div:last-of-type>div>p:first-of-type {font-size: 14px;width: 105px;min-width: 105px;} .edu-chk {height: 87px; flex-direction: column; justify-content: center;} .edu-chk>p {margin-bottom: 17px; font-size: 13px; text-align: center;} .edu-chk>div>input[type="checkbox"] + label {font-size: 13px; padding-left: 22px;} .edu-chk>div>input[type="checkbox"] + label:after {width: 16px; height: 16px;} .ui-datepicker {left: 50% !important; transform: translateX(-50%); width: 320px; height: 350px; padding: 19px;} .ui-datepicker-calendar {height: 266px;} } /*수료증*/ .certificate-bg-wrap {display: flex; justify-content: center; margin-bottom: 60px;} .certificate-bg {width: 700px; height: 978px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Svzt-pregvsnpngr.fit"); background-size: 700px 978px; background-repeat: no-repeat; position: relative; padding: 250px 134px; box-sizing: border-box; background-position: center center;} .certificate-info-top {position: absolute; top: 153px; left: 134px;} .certificate-info-top>p {color: #252525; font-size: 14px;} .certificate-bg p , .certificate-bg h3 {font-family: 'Nanum Myeongjo', serif; font-weight: bold;} .certificate-bg>h3 {color: #252525; font-size: 36px; text-align: center; margin-bottom: 70px; letter-spacing: 15px; height: 40px; line-height: 40px;} .certificate-info-mid {margin-bottom: 50px;} .certificate-info-mid>ul>li {display: flex;} .certificate-info-mid>ul>li>p:first-of-type {margin-right: 5px; white-space: nowrap;} .certificate-info-mid>ul>li span {color: #252525; line-height: 24px;} .certificate-cont p {font-size: 20px; line-height: 30px; color: #252525; letter-spacing: -0.8px;} .certificate-bot {position: absolute; left: 50%; bottom: 180px; transform: translateX(-50%);} .certificate-bot>p {color: #252525; text-align: center;} .certificate-bot .certificate-date {margin-bottom: 50px;} .certificate-bot .certificate-stamp {font-size: 20px; line-height: 24px; position: relative;} .certificate-bot .certificate-stamp:before {position: absolute; content: ''; width: 58px; height: 50px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Scevag-fgnzc02.cat"); background-size: contain; top: 50%; right: -36px; transform: translateY(-50%); z-index: -1; background-repeat: no-repeat;} .certificate-print>a {display: block; width: 100px; height: 40px; line-height: 40px; box-sizing: border-box; color: #fff; background-color: #2186C4; text-align: center; margin: 0 auto;} /*접수및 수강내역*/ /*.class-type>p {display: flex; justify-content: flex-start; align-items: center;}*/ .class-online , .class-offline , .class-onoffline {color: #fff; padding: 1px 5px; font-size: 13px; border-radius: 3px; text-align: center !important; margin-right: 5px;} .class-online {background-color: #47a9ca;} .class-offline {background-color: #dc53ac;} .class-onoffline {background-color: #ff9840;} .issuance-btn {position: relative; max-width: 1200px; margin: 0 auto; box-sizing: content-box; padding: 0 10px; text-align: right;} .issuance-btn .btn-link {padding: 5px 7px 3px 7px; background-color: #5f7dd6; font-size: 13px; color: #fff;} @media screen and (min-width: 768px) { .issuance-btn {padding: 0 20px;} .issuance-btn .btn-link {padding: 15px 12px; font-size: 16px; border-radius: 5px;} } /*나의 교육관리*/ .certificates-btn {display: block; border: 1px dashed #f79646; padding: 3px 5px; color: #f79646; box-shadow: 1px 2px 0 #e5e5e5;} .tw-1 {width: 150px;} .tw-3 , .tw-4 {width: 150px;} .tw-5 , .tw-6 , .tw-7 {width: 120px;} @media screen and (max-width: 1023px) { .tw-1 {width: 20%;} .tw-6 , .tw-7 {width: 20%;} } /*나의 교육관리 강의확인서 발급*/ .class-confirm-print>p {font-weight: bold;} .class-confirm-print .issue-num {color: #111; font-size: 16px; margin-bottom: 30px; font-weight: bold;} .class-confirm-print .issue-tit {font-size: 40px; color: #111; height: 50px; line-height: 50px; margin-bottom: 40px; text-align: center; letter-spacing: 27px; font-family: 'Nanum Myeongjo', serif;} .class-confirm-print>ul .personal-info {border-top: 4px solid #707070; padding-top: 2px;} .class-confirm-print>ul .class-record {border-top: 1px solid #707070; padding-top: 1px;} .class-confirm-print>ul>li {display: flex; align-items: center; justify-content: center; position: relative; border-bottom: 1px solid #707070;} .class-confirm-print>ul>li:before {position: absolute; content: ''; width: 80px; min-width: 80px; height: 100%; background-color: #f9f9f9; top: 0; left: 0; z-index: -1; border-right: 1px solid #ECECEC;} .class-confirm-print>ul>li>p {width: 80px; min-width: 80px; display: flex; align-items: center; justify-content: center; margin-right: 2px; font-weight: bold;} .personal-info>div>div p>span {padding: 7px 10px;} .class-record>div>ul>li>p {padding: 0 10px;} .class-confirm-print {font-size: 13px; position: relative;} .class-confirm-print>ul>li>div {width: 100%;} .class-confirm-print .print-page {position: absolute; top: 0; right: 0;} .personal-info>div p {width: 100%;} .personal-info>div>div>p {display: flex;} .personal-info>div p span {display: inline-block; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; width: 100%;} .personal-info>div p span:first-of-type {width: 50%; min-width: 50%; text-align: center; background-color: #F9F9F9; font-weight: bold;} .personal-info>div .teacher-address>span:first-of-type {width: 25%; min-width: 25%;} .personal-info>div .personal-info-top>p>span:last-of-type {text-align: center; width: 50%;} .personal-info>div .personal-info-bot>p>span:last-of-type {padding-left: 30px;} .personal-info>div .personal-info-bot>p>span {border-bottom: none;} .personal-info-top {display: flex;} .class-record>div , .class-record>div>ul , .class-record>div>ul>li {width: 100%;} .class-record>div>ul>li {display: flex;} .class-record>div>ul>li:first-of-type>p {background-color: #f9f9f9; font-weight: bold;} .class-record>div>ul>li>p {text-align: center; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; height: 40px; box-sizing: border-box; overflow: hidden; line-height: 40px;} .class-record>div>ul>li .line-hei20 {line-height: 20px;} .class-record>div>ul>li>p:first-of-type {width: 44%;} .class-record>div>ul>li>p:nth-of-type(2) {width: 36%; white-space: nowrap;} .class-record>div>ul>li>p:last-of-type {width: 20%;} .class-record>div>ul>li:last-of-type>p {border-bottom: none;} .class-confirm-print>ul>li:last-of-type>div>p {border-right: 1px solid #ececec;} .print-date {display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 60px;} .print-date>p {width: 254px; display: flex; justify-content: space-between; font-family: 'Nanum Myeongjo', serif; font-size: 20px; color: #252525; font-weight: bold;} .print-stamp {display: flex; justify-content: center;} .print-stamp>p {font-size: 32px; font-weight: bold; position: relative; font-family: 'Nanum Myeongjo', serif; color: #252525; text-align: center; width: 308px; height: 40px; line-height: 40px; white-space: nowrap;} .print-stamp>p:before {position: absolute; content: ''; width: 110px; height: 94px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Scevag-fgnzc02.cat"); background-size: 110px 94px; top: 50%; right: -20px; transform: translateY(-50%); z-index: -1;} /*개인정보 동의*/ .personal_info-wrap .black333 {color: #333;} .personal_info-wrap .text-black {color: #000; font-weight: bold;} .btn-wrap {display: flex; align-items: center; justify-content: flex-end;} .btn-wrap .agreebox {display: flex; margin-right: 8px;} .agreebox {text-align: center;} .agreebox>input {border: 0; width: 1px; height: 1px; clip: rect(0,0,0,0); margin: -1px; opacity: 0; overflow: hidden;} .agreebox>input[type="checkbox"] + label {padding-left: 20px; position: relative;} .agreebox>input[type="checkbox"] + label:before {position: absolute; content: ''; width: 16px; height: 16px; top: 50%; left: 0; transform: translateY(-50%); border: 1px solid #AAA; border-radius: 3px;} .agreebox>input[type="checkbox"] + label>span {color: #FF3131;} .agreebox>input[type="checkbox"]:checked + label:before {border: 1px solid #3854A6;} .agreebox>input[type="checkbox"]:checked + label:after {position: absolute; content: ''; width: 10px; height: 5px; border-left: 2px solid #3854a6; border-bottom: 2px solid #3854a6; top: 35%; left: 3px; transform: translateY(-50%) rotate(-45deg);} .allagree>input {border: 0; width: 1px; height: 1px; clip: rect(0,0,0,0); margin: -1px; opacity: 0; overflow: hidden;} .allagree>input[type="checkbox"] + label {width: 102px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #d7d7d7; box-shadow: 1px 2px 0 #0000001A;} .allagree>input[type="checkbox"] + label:before {left: 18px;} .allagree>input[type="checkbox"]:checked + label:after {top: 45%; left: 17px;} .btn-wrap>a {width: 102px; height: 40px; display: block; background: #2186c4 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Spff%2S..%2Svzt%2Sot%2Soga_cnggreaot.cat') repeat; border-radius: 3px; color: #fff; line-height: 40px; text-align: center;} .tbl-ul {border-top: 2px solid #3854A6; border-left: 1px solid #dadada;} .tbl-ul>li {display: flex;} .tbl-ul>li>p {word-break: keep-all; text-align: center; border-bottom: 1px solid #DADADA; border-right: 1px solid #DADADA; color: #333333; font-weight: bold;} .tbl-ul>li>p:first-of-type {padding: 13px 0; width: 118px; min-width: 118px; background-color: #FAFAFA; display: flex; align-items: center; justify-content: center;} .tbl-ul>li>p:last-of-type {padding: 13px 16px; background: #fff; width: 100%;} .ml10 {margin-left: 10px;} @media screen and (min-width: 768px) { .tbl-ul {display: flex;} .tbl-ul>li {display: block; width: 33.33%;} .tbl-ul>li>p:first-of-type {width: 100%; height: 47px;} .tbl-ul>li>p:last-of-type {height: calc(100% - 47px); display: flex; align-items: center; justify-content: center;} .agreebox>input[type="checkbox"] + label {padding-left: 28px;} .allagree>input[type="checkbox"] + label , .btn-wrap>a {font-size: 14px;} .agreebox>input[type="checkbox"] + label {padding-left: 28px;} .allagree>input[type="checkbox"] + label {padding-left: 20px;} .allagree>input[type="checkbox"] + label:before {left: 14px;} } /*22.02.28 메인 유괸기관 소식*/ .notice .titbox .title-txt>br {display: none;} @media screen and (min-width: 1024px) { .notice .titbox .title-txt>br {display: block;} } /*프린트 full-height*/ .print-confirm {max-height: 1020px; min-height: 1020px; padding: 10px; box-sizing: border-box;} .class-confirm-print {max-height: 1020px; min-height: 1020px;} .class-confirm-print>div:last-of-type {position: absolute; bottom: 85px; width: 100%;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .class-confirm-print>ul .personal-info {min-height: 66px;} .print-confirm {padding: 0; max-height: 980px; min-height: 980px;} .class-confirm-print {max-height: 980px; min-height: 980px;} .class-confirm-print>div:last-of-type {bottom: 85px;} .print-date {margin-bottom: 30px;} .print-stamp>p:before {right: -30px;} } /*22.05.03 추가*/ .pl15 {padding-left: 15px;} /*수강료 납부*/ .edu_guide {padding: 30px 0; border-top: 2px solid #3854A6;} .edu_guide>p {font-size: 26px; color: #3854A6; padding-bottom: 20px; line-height: 30px;} .edu_guide>ul>li {display: flex; margin-bottom: 10px;} .edu_guide>ul>li:last-of-type {margin-bottom: 0;} .edu_guide>ul>li>p {color: #333;} .edu_guide .right_arrow {display:inline-block; width: 5px; min-width: 5px; height: 10px; margin-right: 10px; margin-top: 3px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sohyyrg1.cat"); background-repeat: no-repeat; background-size: 4px 8px;} .edufee_guide3>div {margin-bottom: 30px;} .edufee_guide3>div>ul {display: flex; flex-wrap: wrap; justify-content: center;} .edufee_guide3>div>p {margin-bottom: 10px; color: #333;} .edufee_guide3>div>ul>li {margin-bottom: 42px; position: relative; display: inline-block; width: 100%; max-width: 680px;} .edufee_guide3>div>ul>li:before {position: absolute; content: ''; width: 27px; height: 22px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-qbja.fit"); background-size: contain; background-repeat: no-repeat; left: 50%; bottom: -32px; transform: translateX(-50%);} .edufee_guide3>div>ul>li:last-of-type:before {display: none;} .edufee_guide3>div>ul>li>img {max-width: 100%;} @media screen and (min-width: 1024px) { .edu_guide {padding: 60px 0;} .edu_guide>p {padding: 0 30px 20px;} .edu_guide>ul {padding: 0 30px;} .edu_guide .right_arrow {margin-top: 5px;} .edufee_guide3>div {margin-bottom: 35px; padding: 0 30px;} .edufee_guide3>div>ul {display: block;} .edufee_guide3>div>p {margin-bottom: 20px;} .edufee_guide3>div>ul {display: flex; justify-content: space-between;} .edufee_guide3>div>ul>li {width: calc(33.33% - 40px); margin-bottom: 0; max-width: none;} .edufee_guide3>div>ul>li:before {width: 36px; height: 27px; left: auto; right: -48px; top: 50%; bottom: auto; transform: translateY(-50%); background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-evtug1.fit");} .edufee_guide3>div>ul>li>img {width: 100%;} } /*수강료 취소*/ .educancel_guide1 .cancel_guide_wrap {padding: 30px 0; margin: 30px 0; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;} .educancel_guide1 .cancel_guide_wrap>ul>li {margin: 0 auto 30px; width: 100%; max-width: 680px;} .educancel_guide1 .cancel_guide_wrap>ul>li:last-of-type {margin-bottom: 0;} .educancel_guide1 .cancel_guide_wrap>ul>li>img {max-width: 100%; margin-bottom: 20px;} .educancel_guide1 .cancel_guide_wrap>ul>li>div>p {font-size: 18px; font-weight: bold; color: #000; margin-bottom: 13px;} .educancel_guide1>div:last-of-type {display: flex; justify-content: flex-end; padding-top: 20px; margin-top: 30px; border-top: 1px solid #dcdcdc;} @media screen and (min-width: 1024px) { .educancel_guide1 .cancel_guide_wrap {padding: 60px 30px; margin: 38px 0; display: block;} .educancel_guide1 .cancel_guide_wrap>ul {display: flex; justify-content: flex-start; flex-wrap: wrap;} .educancel_guide1 .cancel_guide_wrap>ul>li {width: calc(33.33% - 27px); margin: 0 40px 30px 0;} .educancel_guide1 .cancel_guide_wrap>ul>li:nth-of-type(3n) {margin-right: 0;} .educancel_guide1 .cancel_guide_wrap>ul>li:nth-of-type(n+4) {margin-bottom: 0;} .educancel_guide1>div:last-of-type {margin-top: 38px;} .educancel_guide2 {display: flex; align-items: center; justify-content: space-between; padding: 33px 0; border-bottom: 1px solid #DCDCDC;} .educancel_guide2 .btn {margin-left: 30px;} .educancel_guide2>p {padding: 0 30px;} } /*수강신청 안내*/ .apply-top.bg1 {background-color: #0079AB;} .apply-top.bg2 {background-color: #0072C1;} .apply-top.bg3 {background-color: #1F65CB;} .apply-top.bg4 {background-color: #0F43A1;} .apply-top.bg5 {background-color: #02296F;} .apply-top {margin-bottom: 5px;} .apply-top>p {color: #fff; text-align: center; padding: 14px 0;} .apply-bot {padding: 16px 20px; border: 1px dashed #707070;} .edu_apply1>div>ul>li {margin-bottom: 42px; position: relative;} .edu_apply1>div>ul>li:last-of-type {margin-bottom: 0;} .edu_apply1>div>ul>li:before {position: absolute; content: ''; width: 27px; height: 22px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-qbja.fit"); background-size: contain; background-repeat: no-repeat; left: 50%; bottom: -32px; transform: translateX(-50%);} .edu_apply1>div>ul>li:last-of-type:before {display: none;} .apply-bot>p {display: flex; margin-bottom: 10px;} .apply-bot>p:last-of-type {margin-bottom: 0;} .dot {width: 4px; height: 4px; border-radius: 100%; background-color: #666; display: inline-block; margin-right: 8px; margin-top: 5px;} .apply_guide-wrap {display: flex; flex-wrap: wrap; justify-content: center;} .apply_guide-wrap>div {margin-bottom: 30px; display: inline-block; width: 100%; max-width: 680px;} .apply_guide-wrap>div:last-of-type {margin-bottom: 0;} .apply_guide-wrap>div>img {max-width: 100%; margin-bottom: 20px;} .apply_guide-wrap>div>div>p {font-size: 18px; font-weight: bold; color: #000; margin-bottom: 13px;} .apply_guide-wrap>div>div>span {color: #666;} .apply_guide-wrap>div>div .detail {display: flex; align-items: center; justify-content: center; width: 260px; height: 34px; line-height: 34px; margin: 10px auto 0; background-color: #2186C4; border-radius: 20px; color: #fff;} .apply_guide-wrap>div>div .detail .open-arrow {border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid #fff; margin-left: 5px;} .detail-wrap {padding: 30px 10px; background-color: #F9F9F9; width: 100%; margin-top: 15px;} .apply_guide-wrap>div .detail-wrap>p {font-size: 26px; margin-bottom: 20px; color: #3854A6; height: 30px;} .pc_process {display: none;} .detail-wrap {display: none;} .detail-wrap.on {display: block;} .detail-wrap .process-wrap>div {padding: 30px 10px; border-radius: 20px; background-color: #fff; border: 1px solid #3854A6;} .process_step {max-width: 300px; margin: 0 auto;} .process-wrap>p {font-size: 16px; margin-bottom: 15px; color: #333;} .process_step>div>img {max-width: 140px; width: 100%; margin: 0 auto 12px;} .process_step>div>div>p {font-weight: bold; color: #000;} .process_step.step1>div {display: flex; flex-direction: column;} .process_step.step1>div>div {text-align: center;} .process_step.step2 {display: flex; justify-content: space-between; max-width: 300px; margin: 0 auto;} .process_step.step1 {margin-bottom: 53px;} .process_step.step2, .process_step.step3 {margin-bottom: 42px;} .process_step.step2>div {position: relative;} .process_step.step2>div:before {position: absolute; content: ''; background-repeat: no-repeat; background-size: contain; left: 50%; transform: translateX(-50%);} .process_step.step2>div:first-of-type:before {width: 30px; height: 30px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-oy.fit"); top: -40px;} .process_step.step2>div:last-of-type:before {width: 30px; height: 30px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-oe.fit"); top: -40px;} .process_step.step3>div {position: relative;} .process_step.step3>div:before {position: absolute; content: ''; width: 27px; height: 22px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-qbja.fit"); background-size: contain; background-repeat: no-repeat; left: 50%; bottom: -32px; transform: translateX(-50%);} .process_step.step3>div:after {position: absolute; content: ''; width: 27px; height: 22px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-qbja.fit"); background-size: contain; background-repeat: no-repeat; left: 50%; top: -32px; transform: translateX(-50%);} .process_step.step2>div>p {font-weight: bold; color: #3754A7; text-align: center; margin-bottom: 14px;} .process_step.step3>div, .process_step.step4>div {width: 50%;} .process_step.step2>div>div, .process_step.step3>div>div, .process_step.step4>div>div {text-align: center;} @media screen and (min-width: 1024px) { .edu_apply1>div {padding: 0 30px;} .apply_guide-wrap>div {float: left; width: calc(33.33% - 27px); margin-right: 40px; max-width: none;} .apply_guide-wrap>div:nth-of-type(3n) {margin-right: 0;} .apply_guide-wrap>div:nth-of-type(4) {clear: both;} .edu_apply1>div>ul>li {display: flex; margin-bottom: 50px;} .edu_apply1>div>ul>li>div {height: 80px; display: flex; flex-direction: column; justify-content: center;} .apply-top {min-width: 310px; margin-right: 5px;} .apply-bot {width: 100%; padding: 0 0 0 30px;} .apply_guide-wrap {display: block; padding: 0 30px;} .apply_guide-wrap>div>div .detail {width: 300px; height: 40px; line-height: 40px;} .pc_process {display: block; margin-bottom: 35px;} .detail-wrap {width: calc(300% + 81px); margin-top: 20px; padding: 30px;} .process-wrap>p {margin-bottom: 20px; font-size: 20px; font-weight: bold;} .detail-wrap .process-wrap>div {display: flex; align-items: center; justify-content: center; border-width: 2px;} .process_step.step2 {display: block;} .process_step.step2>div>p {display: none;} .process-wrap img {max-width: 160px; margin-bottom: 14px;} .process-wrap>div>div {max-width: 160px;} .process_step>div>img {max-width: 160px;} .process_step.step3>div, .process_step.step4>div {width: 100%;} .pc_process>div .step1 {margin-right: 204px;} .pc_process>div .step2 {margin-right: 120px;} .pc_process>div .step2>div:first-of-type, .pc_process>div .step3>div:first-of-type {margin-bottom: 40px;} .process-wrap>div>div>div>div>p {font-size: 16px; color: #000; text-align: center; margin-bottom: 10px;} .process-wrap>div>div>div>div>span {font-size: 14px; color: #666; letter-spacing: -0.4px; display: block; text-align: center;} .process-wrap>div>div>div>div>span>strong {color: #000;} .pc_process>div .step1 {position: relative;} .pc_process>div .step1:before {position: absolute; content: ''; width: 155px; height: 105px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-ge-cp.fit"); background-repeat: no-repeat; background-size: contain; right: -180px; top: 10px;} .pc_process>div .step1:after {position: absolute; content: ''; width: 155px; height: 105px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-oe-cp.fit"); background-repeat: no-repeat; background-size: contain; right: -180px; bottom: 10px;} .pc_process>div .step2>div {position: relative;} .pc_process>div .step2>div:before {position: absolute; content: ''; width: 80px; height: 27px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-evtug-cp.cat"); background-repeat: no-repeat; background-size: contain; right: -100px; top: 42%; transform: translateY(-50%);} .process_step, .process_step.step2 {margin: 0; max-width: none;} .process_step.step1 {margin: 0 120px 0 0;} .process_step.step2 {display: flex; flex-direction: column;} .process_step.step2 , .process_step.step3 {margin: 0 50px 0 0;} .process_step.step2>div:last-of-type:before {display: none;} .process_step.step2>div:first-of-type {order: 2;} .process_step.step2>div:last-of-type {margin-bottom: 40px;} .process_step.step1 {position: relative;} .process_step.step1:before {position: absolute; content: ''; width: 100px; height: 100px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-ge-cp.fit"); background-repeat: no-repeat; background-size: contain; right: -110px; top: 10px;} .process_step.step1:after {position: absolute; content: ''; width: 100px; height: 100px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-oe-cp.fit"); background-repeat: no-repeat; background-size: contain; right: -110px; bottom: 10px;} .process_step.step3 , .process_step.step4 {margin-top: 388px;} .process_step.step3>div:after {display: none;} .process_step.step2>div:first-of-type:before , .process_step.step3>div:before {width: 30px; height: 30px; background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spyp.puhapurba.tb.xe%2Spbza%2Svzt%2Sfho%2Sneebj-evtug-cp.cat"); background-repeat: no-repeat; background-size: contain; left: auto; right: -40px; top: 42%; transform: translateY(-50%);} } @media screen and (min-width: 1300px) { .process_step.step1 {margin: 0 185px 0 0;} .process_step.step2 , .process_step.step3 {margin: 0 105px 0 0;} .process_step.step3 {margin-top: 388px;} .process_step.step1:before {width: 155px; height: 105px;right: -170px; top: 10px;} .process_step.step1:after {width: 155px; height: 105px;right: -170px; bottom: 10px;} .process_step.step2>div:first-of-type:before , .process_step.step3>div:before {width: 80px; height: 27px; right: -90px;} } /*22.05.13 css추가*/ .file {overflow: hidden;text-overflow: ellipsis;} @media screen and (min-width: 1300px) { .file {max-width: 320px;} } /*22.07.11 css추가*/ .pos-btn {position: absolute; left: 100px; top: 0; font-size: 14px; display: block; color: #fff; background: #3854A6; line-height: 32px; height: 32px; padding: 0 10px;} .student-attendance-wrap {display: flex; margin-top: 20px;} .fixed-info {width: 200px;} .fixed-info>table , .student-attendance>table {border-collapse: inherit;} .fixed-info>table th , .fixed-info>table td {background-color: #F6F6F6; color: #333; padding: 0; font-weight: 700;} .fixed-info>table th {height: 85px;} .fixed-info>table td {height: 40px;} .fixed-info>table tr:nth-last-child(2) td {border-bottom: 0;} .fixed-info>table tr:last-of-type td {border-top: 1px solid #464646; height: 43px; color: #333; font-weight: 700;} .fixed-info .col-wid {min-width: 60px;} .student-attendance {overflow-x: scroll;padding-bottom: 8px;width: calc(100% - 200px);margin-left: 1px;} .student-attendance::-webkit-scrollbar {width: 10px;} .student-attendance::-webkit-scrollbar-thumb {background-color: #5269A3; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;} .student-attendance::-webkit-scrollbar-track {background-color: #F6F6F6; border-radius: 10px;} .student-attendance>table {height: 85px; border-left: none;} .student-attendance>table tr:first-of-type th {height: 42px;} .student-attendance>table tr:last-of-type th {height: 43px;} .student-attendance td {position: relative; height: 40px;} .student-attendance th , .student-attendance td {padding: 0;} .student-attendance>table tr:last-of-type td {background-color: #F6F6F6; border-top: 1px solid #464646; height: 43px; color: #333; font-weight: 700;} .student-attendance .attendance:before {position: absolute; content: ''; width: 14px; height: 14px; border: 1px solid #464646; border-radius: 100%; top: 20px; left: 50%; transform: translate(-50%,-50%);} .student-attendance .absent {background-color: #FFECEC;} @media screen and (min-width: 768px){ .student-attendance-wrap {margin-top: 30px;} .fixed-info {width: 240px;} .fixed-info .col-wid {min-width: 80px;} }