@charset "utf-8"; /* CSS Document */ br { font-family:'dotum',sans-serif !important; } * { letter-spacing: 0;} /* 레이아웃 */ .subBody{ } .subWrap{position:relative;} /* BookMark LangSel Bar*/ .BookMarkLangSelBar{ width:100%; height:31px; position:relative; background-color:#403a39; } .FavoriteLangSelBox{ width:1100px; margin:auto; height:31px; position:relative; } .FavoriteLangSelBox .leftArea { position:absolute; top:7px; left:0px; color:#fff;} .FavoriteLangSelBox .rightArea { position:absolute; top:0px; right:0px; cursor:pointer; } .FavoriteLangSelBox .rightArea img { float:left;} .head{position:absolute;top:0;width:100%;background:url(/2tImages/n_common/dream_head_bg.gif) repeat-x; z-index:100; height:121px;} .head .logowrap{ width:1100px; margin:auto; height:72px; position:relative; } .head .logowrap .logo{background:url(/rtImages/n_common/logo_vi.png) no-repeat;height:60px;position:absolute;left:0px;top:5px;} .head .logowrap .logo a{ display:block;height:60px;width:320px;text-indent:-9999px;overflow:hidden; } .head .gnbwrap {width:1100px; margin:auto;height:50px; position:relative;} .head .topNav{ position:absolute;right:0px;top:20px;} .head .topNav .link{} .head .topNav .link li{ float:left;} .head .topNav .link li a{ color:#999999; display:inline-block;background:url(/2tImages/n_common/topNabLine.gif) no-repeat 0px 4px;font-weight:bold;padding:0 7px;vertical-align:middle;} .head .topNav .link li.event a{ background:none;color:#333;} .head.on .gnbMenu {height:96px;} .head .gnbMenu { position:absolute;right:0px;top:34px;height:70px;padding-top:5px;} .head .gnbMenu li{ float:left;} .head .gnbMenu li a{display:block;color:#333333;font-weight:bold;font-size:16px;padding:5px 17px;} .head .gnbMenu li.last a{ padding-right:0px;} .head .gnbMenu li a:hover, .head .gnbMenu li.active a{ color:#ff5404;} .head .gnbMenu li.active .dep2Menu {display:block;} .head .gnbMenu li .dep2Menu {position:absolute;top:55px;display:none;} .head .gnbMenu li.gnb01 .dep2Menu {left:9px;} .head .gnbMenu li.gnb02 .dep2Menu {left:142px;} .head .gnbMenu li.gnb04 .dep2Menu {left:470px;} .head .gnbMenu li.gnb03 .dep2Menu,.head .gnbMenu li.gnb05 .dep2Menu,.head .gnbMenu li.gnb06 .dep2Menu {right:0;} .head .gnbMenu li .dep2Menu li a{display:block;color:#fff;font-weight:bold;font-size:13px;line-height:43px;padding:0 9px;} .head .gnbMenu li .dep2Menu li.last a{padding-right:0;} .head .gnbMenu li .dep2Menu li a:hover, .head .gnbMenu li .dep2Menu li.active a{color:#fff000;} .head .gnbMenu li.gnb06 .dep2Menu li a {padding:0 6px;} .contain{width:100%; height:100%; margin:0 auto; position:absolute;} .contain .containerWide{ width:1100px;padding:0 0 10px 0;margin:0 auto;zoom:1;} .contain .containerWide .leftside {float:left; width:265px; height:100%; } .contain .containerWide .contentside {float:left; width:835px; } .contain{position:relative;padding-top:123px;min-height:300px;} .contain .container{ width:1100px;padding:0 0 10px 0;margin:0 auto;zoom:1;} .contain .container:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden} .contain .lnb{ width:265px;float:left;padding-bottom:30px;height:100%;} .contain .lnb .hTop{width:180px;height:112px;} .contain .lnb .hTop .tit{ font-size:22px;font-weight:bold;color:#FFF;padding:68px 0 0 15px;letter-spacing:-1px;} .contain .lnb .menu{ padding:10px 0 0 0} .contain .lnb .menu .dep2{} .contain .lnb .menu .dep2 li{ border-bottom:#d9d9d9 solid 1px;} .contain .lnb .menu .dep2 li.last{ border-bottom:#a4a4a4 solid 1px;} .contain .lnb .menu .dep2 li a{ display:block; padding-left:12px;color:#333333;font-size:15px;font-weight:bold;} .contain .lnb .menu .dep2 li a span{word-wrap:break-word;display:inline-block;padding:12px 10px 12px 0;} .contain .lnb .menu .dep2 li a:hover, .contain .lnb .menu .dep2 li.active a{ color:#ff5f15} .contain .lnb .menu .dep2 li.active a span{padding-right:19px;} .contain .lnb .menu .dep2 li.active .dep3{ display:block;} .contain .contents .title_cl {font-size:2.0em; font-weight:bold; color:#000; padding-left:20px; padding-bottom:40px; margin-top:-10px;} .contain .contents{ float:left; width:815px; min-height:500px;padding:40px 0 0 0; margin-bottom:30px; } .footSite{ background:#333; position:relative;} .footSite .sitemap{ width:1100px;margin:auto;padding-bottom:50px;} .footSite .sitemap ul.dep2{ padding:30px 0 0 0;zoom:1;} .footSite .sitemap ul.dep2:after{clear:both;content:"";display:block;font-size:0;height:0;line-height:0;visibility:hidden} .footSite .sitemap ul.dep2 li{ padding:0;float:left;} .footSite .sitemap ul.dep2 li.first{ background:none;padding:0 0 0 10px;width:157px;} .footSite .sitemap ul.dep2 li.menu02{padding-left:33px;width:900px;} .footSite .sitemap ul.dep2 li a{ font-size:14px;font-weight:bold;color:#FFF;margin:0 0 10px 0;display:block;} .footSite .sitemap ul.dep2 .dep3{} .footSite .sitemap ul.dep2 .dep3 li{ float:none;background:none;padding:0;width:auto;vertical-align:middle;position:relative;zoom:1} .footSite .sitemap ul.dep2 .dep3 li a{ font-size:12px;font-weight:bold;color:#999;margin:0 0 0px 0;display:block;} .foot{ background:#fff; border-top:1px solid #ccc;} .foot .footer{width:1100px;margin:auto;height:141px;position:relative; padding-bottom:30px; } .foot .footer .logo{ background:url(/rtImages/n_common/logo_bestedu.jpg) no-repeat;width:320px;height:60px;position:absolute;left:0px;top:18px;text-indent:-999px;overflow:hidden;} /* .foot .footer .logo{ background:url(/rtImages/n_common/logo_psedu_Footer.png) no-repeat;width:280px;height:60px;position:absolute;left:0px;top:18px;text-indent:-999px;overflow:hidden;} */ .foot .footer .logo a{ } .foot .footer .link{ position:absolute;left:322px;top:20px;} .foot .footer .link ul li{ float:left; } .foot .footer .link ul li.first{ background:none;} .foot .footer .link ul li a{ display:block;padding:0 10px;color:#333;font-weight:bold;} .foot .footer .link ul li.first a{ padding:0 10px 0 0 } .foot .footer .company{ position:absolute;left:332px;top:50px;} .foot .footer .company p{ color:#333;font-size:11px;line-height:18px; padding:0 !important; } .foot .footer .company p a{color:#333;} /* 레이아웃 끝 */ .h91 {height:91px;} .ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;} .ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;} .ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;} .ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;} .ml50 {margin-left:50px !important;} .ml55 {margin-left:55px !important;} .ml60 {margin-left:60px !important;} .mr20 {margin-right:22px !important;} .mb10 {margin-bottom:10px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt50 {margin-top:50px !important;} .mt60 {margin-top:60px !important;} .pt8 {padding-top:8px !important;} .textBlind {line-height:0;font-size:0;text-indent:-999999px;*text-indent:0;} .bggray {background:#f8f8f8;} .h3_stit {background:url("/rtImages/n_main/h3.png") no-repeat 0 7px; font-weight:500; font-size:18px; color:#000; padding:0 0 0 25px; margin:0; clear:both} .h4_stit {background:url("/rtImages/n_main/h4.png") no-repeat 0 7px; font-weight:500; font-size:16px; color:#333; padding:0 0 0 20px; margin:15px 0 10px 0; clear:both} .h5_stit {background:url("/rtImages/n_main/h5.png") no-repeat 0 11px; font-weight:400; font-size:14px; color:#666; padding:0 0 0 10px; margin:0; clear:both} /*210614 추가 _ 왼쪽 메뉴 스타일*/ #leftwrap .L_mcon { } #leftwrap .L_mcon .tit { width:265px; height:80px; -background:url(/rtImages/n_common/LeftTop_bg.gif) no-repeat; border-bottom:3px solid #d7073b; } #leftwrap .L_mcon .tit h1 { padding:40px 0 0 0 !important; font-weight:bold; font-size:2.0em; color:#cc2633; height:25px; text-align:center; } #leftwrap .L_mcon .L_mlist_con { width:253px; float:left; clear:both; -background:url(/rtImages/n_common/LeftMid_bg.gif) repeat-y; } #leftwrap .L_mcon .L_mlist_con .mlist_con { width:100%; margin-left:1px; } #leftwrap .L_mcon .L_mlist_con .mlist_con .on_list { position:relative !important; left:0 !important; top:0 !important; width:100% !important; } #leftwrap .L_mcon .L_mlist_con .mlist_con, #leftwrap .L_mcon .L_mlist_con .mlist_con ul {padding:0; margin:0; list-style:none;} #leftwrap .L_mcon .L_mlist_con .mlist_con { /*padding-left:10px;*/ } /* this demo only */ #leftwrap .L_mcon .L_mlist_con .mlist_con {width:100%; float:left; clear:both; background:#fff; position:relative; z-index:1;} #leftwrap .L_mcon .L_mlist_con .mlist_con table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;} #leftwrap .L_mcon .L_mlist_con .mlist_con ul {position:absolute; left:-9999px;} #leftwrap .L_mcon .L_mlist_con .mlist_con li {width:100%; float:left; margin:0; padding:0; } #leftwrap .L_mcon .L_mlist_con .mlist_con li.noDepth { background:#f2f2f2; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li:last-child { border-bottom:0; } #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub { border:0; background:#f2f2f2; } #leftwrap .L_mcon .L_mlist_con .mlist_con li a {display:block; width:100%; font-size:14px; font-weight:bold; border-bottom:1px solid #dcdcdc; padding:15px 35px 15px 20px; box-sizing:border-box; color:#000; text-decoration:none; float:left;} #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub > a { border:0; padding:7px 35px 7px 20px; } #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub > a > span { position:relative; /*padding-left:15px;*/ } /*#leftwrap .L_mcon .L_mlist_con .mlist_con li.sub > a > span:before { content:''; display:inline-block; position:absolute; width:6px; height:1px; left:2px; top:10px; background:#b32625; z-index:1; }*/ #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub > a > span.2mcon_n { position:relative; padding-left:15px; } #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub > a > span.2mcon_n:before { content:''; display:inline-block; position:absolute; width:6px; height:1px; left:2px; top:10px; background:#b32625; z-index:1; } #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub a {/*background:url(/rtImages/n_common/grey_btn2.gif) no-repeat 93.5% center;*/ word-break:keep-all; } #leftwrap .L_mcon .L_mlist_con .mlist_con li a:hover {/*white-space:nowrap;*/ position:relative; color:#d7073b;} #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub a:hover {/*background:url(/rtImages/n_common/red_btn2.gif) no-repeat 93.5% center; */color:#d7073b;} #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub a b {display:block; color:#d7073b; font-weight:normal;} #leftwrap .L_mcon .L_mlist_con .mlist_con li:hover {position:relative; z-index:1; } #leftwrap .L_mcon .L_mlist_con .mlist_con li:hover.sub > a {/*background:url(/rtImages/n_common/red_btn2.gif ) no-repeat 93.5% center;*/ color:#d7073b;} #leftwrap .L_mcon .L_mlist_con .mlist_con :hover li { /*border-bottom:1px solid #eaeaea;*/ background:#f2f2f2; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul {width:80%; height:auto; left:240px; top:7px; background:#fcfcfc; _border:1px solid #eaeaea; _box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, 0.08); } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover ul {width:100%; height:auto; /*left:185px;*/ left:240px; top:-1px; background:#fcfcfc; border:1px solid #eaeaea; box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, 0.08); display:block; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul ul, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul ul, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul ul, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; width:0; height:0;} #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li a {width:100%; /*float:none;*/ } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a {/*background:url(/rtImages/n_common/grey_btn2.gif) no-repeat 93.5% center; color:#000;*/ position:relative; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a { padding-left:30px !important; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li.sub a:before, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a:before, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a:before, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a:before { content:''; display:inline-block; position:absolute; width:6px; height:2px; left:15px; top:15.5px; background:#000; z-index:20; transition:0.3s; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li.sub a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li.sub a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li.sub a:hover {/*background:url(/rtImages/n_common/red_btn2.gif) no-repeat 93.5% center; */color:#d7073b;} #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li.sub a:hover:before, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li.sub a:hover:before, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a:hover:before, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li.sub a:hover:before { background:#d7073b; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li a, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover :hover ul li a {background:#f2f2f2; color:#000; border:0; padding:7px 35px 7px 20px; } #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li a:hover, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover {background:#f2f2f2; color:#d7073b; border:0;} #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub a b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover li.sub a b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover li.sub a b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover li.sub a b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a b {display:block; color:#d7073b; font-weight:normal;} #leftwrap .L_mcon .L_mlist_con .mlist_con li.sub a.selected b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul li.sub a.selected b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul li.sub a.selected b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a.selected b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li.sub a.selected b, #leftwrap .L_mcon .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b {display:block; background:#fcfcfc; color:#d7073b; font-weight:normal;} /*210809 추가 _ 왼쪽 메뉴 스타일*/ #leftwrap .L_mcon2 { } #leftwrap .L_mcon2 .tit { width:100%; background:#814e99; /*height:80px; background:url(/rtImages/n_common/LeftTop_bg.gif) no-repeat; border-bottom:3px solid #d7073b;*/ } #leftwrap .L_mcon2 .tit h1 { padding:58px 0 !important; font-weight:600; font-size:22px; color:#fff; line-height:26px; text-align:center; margin:0; } #leftwrap .L_mcon2 .L_mlist_con { width:253px; float:left; clear:both; -background:url(/rtImages/n_common/LeftMid_bg.gif) repeat-y; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con { width:100%; margin-left:1px; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con .on_list { position:relative !important; left:0 !important; top:0 !important; width:100% !important; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con, #leftwrap .L_mcon2 .L_mlist_con .mlist_con ul {padding:0; margin:0; list-style:none;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con { /*padding-left:10px;*/ } /* this demo only */ #leftwrap .L_mcon2 .L_mlist_con .mlist_con {width:100%; float:left; clear:both; background:#fff; position:relative; z-index:1;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con ul {position:absolute; left:-9999px;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con li {width:100%; float:left; margin:0; padding:0; height:auto; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.noDepth { background:#f2f2f2; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li:last-child { border-bottom:0; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub { border:0; background:#f2f2f2; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li a {display:block; width:100%; font-size:14px; font-weight:600; border-bottom:1px solid #dcdcdc; background:#fff url(/rtImages/n_sub/death_off4.png) no-repeat 95% 50%; padding:18px 35px 15px 20px; box-sizing:border-box; color:#000; text-decoration:none; float:left;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub > a { border:0; padding:7px 35px 7px 20px; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub > a > span { position:relative; /*padding-left:15px;*/ } /*#leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub > a > span:before { content:''; display:inline-block; position:absolute; width:6px; height:1px; left:2px; top:10px; background:#b32625; z-index:1; }*/ #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub > a > span.2mcon_n { position:relative; padding-left:15px; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub > a > span.2mcon_n:before { content:''; display:inline-block; position:absolute; width:6px; height:1px; left:2px; top:10px; background:#b32625; z-index:1; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub a {/*background:url(/rtImages/n_common/grey_btn2.gif) no-repeat 93.5% center;*/ word-break:keep-all; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li a:hover {/*white-space:nowrap;*/ position:relative; color:#000; background:#fff url('/rtImagesNEW3/main/251212_img99.png') no-repeat 95% 50% !important; transition:0.3s; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub a:hover {/*background:url(/rtImages/n_common/red_btn2.gif) no-repeat 93.5% center; */color:#d7073b;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub a b {display:block; color:#d7073b; font-weight:normal;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con li:hover {position:relative; z-index:1; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con li:hover.sub > a {/*background:url(/rtImages/n_common/red_btn2.gif ) no-repeat 93.5% center;*/ color:#d7073b;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover li { /*border-bottom:1px solid #eaeaea;*/ background:#f2f2f2; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul {width:80%; height:auto; left:240px; top:7px; background:#fcfcfc; _border:1px solid #eaeaea; _box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, 0.08); } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover ul {width:100%; height:auto; /*left:185px;*/ left:240px; top:-1px; background:#fcfcfc; border:1px solid #eaeaea; box-shadow: 4px 3px 13px 0 rgba(0, 0, 0, 0.08); display:block; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul ul, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul ul, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul ul, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; width:0; height:0;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li a {width:100%; /*float:none;*/ } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a {/*background:url(/rtImages/n_common/grey_btn2.gif) no-repeat 93.5% center; color:#000;*/ position:relative; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a { padding-left:30px !important; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li.sub a:before, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a:before, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a:before, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a:before { content:''; display:inline-block; position:absolute; width:6px; height:2px; left:15px; top:15.5px; background:#000; z-index:20; transition:0.3s; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li.sub a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li.sub a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li.sub a:hover {/*background:url(/rtImages/n_common/red_btn2.gif) no-repeat 93.5% center; */color:#d7073b;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li.sub a:hover:before, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li.sub a:hover:before, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a:hover:before, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li.sub a:hover:before { background:#d7073b; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li a, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover :hover ul li a {background:#f2f2f2; color:#000; border:0; padding:7px 35px 7px 20px; } #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li a:hover, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover {background:#f2f2f2; color:#d7073b; border:0;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub a b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover li.sub a b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover li.sub a b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover li.sub a b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover li.sub a b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover li.sub a b {display:block; color:#d7073b; font-weight:normal;} #leftwrap .L_mcon2 .L_mlist_con .mlist_con li.sub a.selected b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul li.sub a.selected b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul li.sub a.selected b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul li.sub a.selected b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul li.sub a.selected b, #leftwrap .L_mcon2 .L_mlist_con .mlist_con :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b {display:block; background:#fcfcfc; color:#d7073b; font-weight:normal;} /*0629 추가 최즉 메뉴 스타일*/ #lnb_list {position: relative;width: ;} #lnb_list > ul { } #lnb_list > ul > li { } #lnb_list > ul > li > a {display: block;padding: 10px 35px 10px 15px; color: inherit; font-size:14px; font-weight:bold; color:#000; background:#fff url('/rtImages/n_sub/death_off1_v2.png') no-repeat 95% 50%; } #lnb_list > ul > li a:hover { color:#d7073b !important; background:#fff url('/rtImages/n_sub/death_off1_ho_v2.png') no-repeat 95% 50%;} #lnb_list > ul > li.on > a {color:#d7073b !important; font-weight:bold; background: #fff url('/rtImages/n_sub/death_on1_v2.png') no-repeat 95% 50%; border-bottom:1px solid #eaeaea; } #lnb_list > ul > li ul {display: none; padding:0 !important;} #lnb_list > ul > li > ul > li > a {display: block; padding:8px 25px 8px 14px !important; border:0 !important; color: #inherit; font-size: 14px; font-weight:bold; color: #000; background-color: #f2f2f2; /*background: #fff url('/rtImages/n_sub/death_off1_v2.png') no-repeat 95% 50%;*/} #lnb_list > ul > li > ul > li > .D2-1:hover { color:#06c; } #lnb_list > ul > li > ul > li.on a {color: #000;font-weight:bold; background:#f5f5f5 url('/rtImages/n_sub/death_on1_v2.png') no-repeat 95% 50%; } #lnb_list > ul > li > ul li ul {display: none;padding-bottom: 8px; background-color: #f5f5f5;} #lnb_list > ul > li > ul li li a {display: block;padding: 0 25px 10px 0px; color: #666; font-size: 12px; font-weight:bold;} #lnb_list > ul > li > ul > li li a:hover {color:#06c;} #lnb_list > ul li.noDepth a {background-image: none !important; } #lnb_list >ul > .dot1 { color:#fff; } #lnb_list >ul > .dot2 { color:#f00 !important; } /*00809 추가 최즉 메뉴 스타일*/ #lnb_list2 {position: relative;width: ;} #lnb_list2 > ul { } #lnb_list2 > ul > li { } #lnb_list2 > ul > li > a {display: block;padding: 10px 35px 10px 15px; color: inherit; font-size:14px; font-weight:bold; color:#000; background:#fff url('/rtImages/n_sub/death_off1_v2.png') no-repeat 95% 50%; } #lnb_list2 > ul > li a:hover { color:#000 !important; background:#fff url('/rtImages/n_sub/death_off1_ho_v2.png') no-repeat 95% 50%;} #lnb_list2 > ul > li.on > a {color:#000 !important; font-weight:bold; background: #fff url('/rtImages/n_sub/death_on1_v2.png') no-repeat 95% 50%; border-bottom:1px solid #eaeaea; } #lnb_list2 > ul > li ul {display: none; padding:0 !important;} #lnb_list2 > ul > li > ul > li > a {display: block; padding:8px 25px 8px 14px !important; border:0 !important; color: #inherit; font-size: 14px; font-weight:bold; color: #000; background-color: #f2f2f2; /*background: #fff url('/rtImages/n_sub/death_off1_v2.png') no-repeat 95% 50%;*/} #lnb_list2 > ul > li > ul > li > .D2-1:hover { color:#06c; } #lnb_list2 > ul > li > ul > li.on a {color: #000;font-weight:bold; background:#f5f5f5 url('/rtImages/n_sub/death_on1_v2.png') no-repeat 95% 50%; } #lnb_list2 > ul > li > ul li ul {display: none;padding-bottom: 8px; background-color: #f5f5f5;} #lnb_list2 > ul > li > ul li li a {display: block;padding: 0 25px 10px 0px; color: #666; font-size: 12px; font-weight:bold;} #lnb_list2 > ul > li > ul > li li a:hover {color:#06c;} #lnb_list2 > ul li.noDepth a {background-image: none; } #lnb_list2 >ul > .dot1 { color:#fff; } #lnb_list2 >ul > .dot2 { color:#f00 !important; } /*tit_st*/ .tit2 h2 { position:relative; font-size:23px; color:#000; font-weight:600 !important; padding-left:20px !important; margin-bottom:20px !important; margin-top:60px !important; overflow:hidden; line-height:155%; } .tit2 h2:before { content:''; position:absolute; display:inline-block; left:0; top:45%; transform:translate(0,-50%); width:15px; height:15px; background:#000; } .tit2 h2 strong { font-weight:900; } .sub_tit h2 { font-size:16px; color:#fff; background:#d7073b; display:inline-block; padding:10px 15px !important; margin:0 !important; font-weight:400 !important; } /*contain_st*/ #contentswrap .contents .contents01 .business_txt_n2 { margin-top:-10px; width:780px; line-height:180%; } #contentswrap .contents .contents01 .business_txt_n1 { margin-top:0px; width:780px; line-height:180%; } .content_n { width:100%; overflow:hidden; } /*210719 추가_교육안내 탭메뉴 st*/ #tabs_st1 ul.tabs { margin:0px; padding:0px; list-style: none; overflow:hidden; } #tabs_st1 ul.tabs li { color:#999; font-size:14px; width:33.33%; line-height:50px; font-weight:400; box-sizing:border-box; float:left; padding:0 10px; cursor:pointer; border:1px solid #dcdcdc; transition:0.3s; font-weight:600; } #tabs_st1 ul.tabs li { border-right:0; } #tabs_st1 ul.tabs li:last-child { border-right:1px solid #dcdcdc; } #tabs_st1 ul.tabs li:hover { background:#d7073b; color:#fff; } #tabs_st1 ul.tabs li.current { background:#d7073b; color:#fff; } #tabs_st1 .tab-content { display:none; padding:15px; } #tabs_st1 .tab-content.current { display:inherit; } /*서브페이지 공통*/ #edu_mroe_con ul { margin:0 !important; width:100%; overflow:hidden; } #edu_mroe_con ul li { float:left; width:32%; background:#f2f2f2 !important; box-sizing:border-box; padding:0 !important; height:300px; margin-right:15px; } #edu_mroe_con ul li:last-child { margin-right:0; } #edu_mroe_con ul li dl dt { position:relative; width:100%; height:215px; } #edu_mroe_con ul li dl dt img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-perspective:1; perspective:1; } #edu_mroe_con ul li dl dd { text-align:center; font-size:14px; font-weight:600; letter-spacing:-1px; padding-top:20px; line-height:140%; } #edu_mroe_con ul li dl dd span { color:#d7073b; } #edu_mroe_con .cunsul { position:relative; background:#f2f2f2; width:100%; height:210px; margin-top:40px; } #edu_mroe_con .cunsul:before { content:''; position:absolute; display:inline-block; width:269px; height:194px; background:url(/rtImages/n_main/edu_cunsul_con1.png) no-repeat; right:1%; top:-8%; } #edu_mroe_con .cunsul .left_area { width:60%; float:left; box-sizing:border-box; padding:24px 0; } #edu_mroe_con .cunsul .right_area { width:40%; float:left; box-sizing:border-box; text-align:center; } #edu_mroe_con .cunsul .tit h3 { background:none; width:100%; color:#000; font-weight:600 !important;; font-size:36px !important; line-height:120%; text-align:right; padding:0; margin:0; } #edu_mroe_con .cunsul .go_csbtn { float:right; margin-top:25px; color:#fff; background:#d7073b; font-size:22px; font-weight:600; border-radius:10px; box-sizing:border-box; padding:10px 60px 10px 20px; transition:0.3s; } #edu_mroe_con .cunsul .go_csbtn:after { content:''; position:absolute; display:inline-block; width:14px; height:22px; background:url(/rtImages/n_main/edu_cunsul_goarrow.png) no-repeat; right:5%; top:50%; transform:translate(0,-50%); transition:0.3s; } #edu_mroe_con .cunsul .go_csbtn:hover { background:#c10736; } #edu_mroe_con .cunsul .go_csbtn:hover:after { right:7%; } /*상세페이지 하단 슬라이드 st*/ #edu_list ul.edu_list_con { width:93%; margin:0 auto !important; } #edu_list ul.edu_list_con li { background:none !important; padding:0 !important; margin:0; line-height:155%; } #edu_list ul.edu_list_con li img { width:100%; margin:0; border:1px solid #efefef !important; box-sizing:border-box; } #edu_list .edu_list_con .slick-dots li { margin:0 5px !important; } #edu_list .edu_list_con ul { margin:0 !important; } .edu_list_con .slick-slide { margin:0 5px !important; } .edu_list_con .slick-prev, .edu_list_con .slick-next { z-index:5; background:#f2f2f2; height:129px; width:30px; top:42%; transition:0.3s; } .edu_list_con .slick-prev:hover, .edu_list_con .slick-next:hover { background:#eaeaea; } .edu_list_con .slick-prev { left:-30px; } .edu_list_con .slick-next { right:-30px;} .edu_list_con .slick-prev:after ,.edu_list_con .slick-next:after { content:''; position:absolute; width:12px; height:17px; background:url(/rtImages/n_sub/edu_list_arrow.png) no-repeat; top:50% left:50%; transform:translate(-50%,-50%); } .edu_list_con .slick-prev:after { background-position:left; } .edu_list_con .slick-next:after { background-position:right; } .edu_list_con .slick-dots { bottom:0px; } /*상세페이지 하단 슬라이드 not*/ #edu_list ul.edu_list_con_not { width:93%; margin:0 auto !important; } #edu_list ul.edu_list_con_not li { background:none !important; padding:0 !important; margin:0; line-height:155%; } #edu_list ul.edu_list_con_not li img { width:100%; margin:0; border:1px solid #efefef !important; box-sizing:border-box; } #edu_list .edu_list_con_not .slick-dots li { margin:0 5px !important; } #edu_list .edu_list_con_not ul { margin:0 !important; } .edu_list_con_not .slick-slide { margin:0 5px !important; } .edu_list_con_not .slick-prev, .edu_list_con_not .slick-next { z-index:5; background:#f2f2f2; height:129px; width:30px; top:42%; transition:0.3s; } .edu_list_con_not .slick-prev:hover, .edu_list_con_not .slick-next:hover { background:#eaeaea; } .edu_list_con_not .slick-prev { left:-30px; } .edu_list_con_not .slick-next { right:-30px;} .edu_list_con_not .slick-prev:after ,.edu_list_con_not .slick-next:after { content:''; position:absolute; width:12px; height:17px; background:url(/rtImages/n_sub/edu_list_arrow.png) no-repeat; top:50% left:50%; transform:translate(-50%,-50%); } .edu_list_con_not .slick-prev:after { background-position:left; } .edu_list_con_not .slick-next:after { background-position:right; } .edu_list_con_not .slick-dots { bottom:0px; } /*대면교육_표 st*/ table.class_table { margin-top:10px;margin-bottom:30px;width:100%; -border-top:2px solid #b42625; border-collapse:collapse; } table.class_table caption {visibility:hidden; overflow:hidden; width:0; height:0; line-height:0;} table.class_table thead th { text-align:center; border:1px solid #ccc; padding:10px; font-size:16.5px; background-color:#fff; color:#000; } table.class_table td { border:1px solid #ccc; padding:25px; font-size:14px; text-align:left; line-height:180%; font-weight:700; transform:skew(-0.03deg); } table.class_table .td_center { text-align:center; } /*대면교육_탭메뉴 st*/ .rt03_mlist { overflow:hidden; padding-top:1px; } .rt03_mlist ul { _overflow:hidden; margin-left:20px !important; } .rt03_mlist ul li { float:left; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; transition:0.3s; margin-right:-1px; margin-top:-1px; } /*.rt03_mlist ul li { border-right:0; }*/ .rt03_mlist ul li:last-child { border-right:1px solid #dcdcdc; } .rt03_mlist ul li a { display:block; font-size:14px; font-weight:600; box-sizing:border-box; color:#b3b3b3; padding:10px 0; height:53px; word-break:keep-all; position:relative; } .rt03_mlist ul li a span { position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%) !important; padding:0 10px; box-sizing:border-box; } .rt03_mlist ul li:hover { background:#d7073b; border:1px solid #d7073b; } .rt03_mlist ul li:hover a { color:#fff; } .rt03_mlist ul li.on { background:#d7073b; border:1px solid #d7073b; } .rt03_mlist ul li.on a { color:#fff; } .rt03_mlist ul.list1 li { width:100%; } .rt03_mlist ul.list2 li { width:50%; } .rt03_mlist ul.list3 li { width:33.3%; } .rt03_mlist ul.list4 li { width:25%; } .rt03_mlist ul.list5 li { width:20%; } /*온라인 교육_목록 st*/ .online_con_list { width:100%; margin-top:40px; } .online_con_list ul { margin:0 !important; } .online_con_list ul li { float:left; width:31.6%; cursor:pointer; background:none !important; padding:0 !important; text-align:unset !important; box-shadow:0 0 6px 0 rgba(0,0,0,0.1); border-radius:5px; margin-right:15px; margin-bottom:20px !important; overflow:hidden; } .online_con_list ul li:nth-child(3n) { margin-right:0; } .online_con_list ul li dl dt { position:relative; width:100%; } .online_con_list ul li dl dt img { width:100%; margin:0 !important; } /*.online_con_list ul li dl dt:before { content:''; left:0; top:0; width:100%; height:100%; position:absolute; transition:0.3s; } .online_con_list ul li dl dt:after { content:'more'; left:50%; top:50%; width:30%; padding:10px 0; font-size:16px; color:#fff; border:1px solid #dcdcdc; text-align:center; position:absolute; transition:0.3s; } .online_con_list ul li dl dt:hover:before { background:#000; opacity:0.2; }*/ .online_con_list ul li dl dd { padding:10px; box-sizing:border-box; overflow:hidden; } .online_con_list ul li dl dd.tit { height:130px; } .online_con_list ul li dl dd.tit h3 { font-size:16px !important; color:#000 !important; font-weight:600 !important; background:none !important; text-align:center; padding:0 3px !important; margin:10px 0 !important; float:none !important; word-break:keep-all; } .online_con_list ul li dl dd.tit span { font-size:12px; font-weight:400; padding:3px 10px; border-radius:5px; } .online_con_list ul li dl dd.tit .right_i { color:#fff; background:#d7073b; } .online_con_list ul li dl dd.tit .no_i { color:#fff; background:#333; } .online_con_list ul li dl dd.price { font-size:18px; color:#000; font-weight:900; text-align:right; padding:0 15px 5px 15px; } .online_con_list ul li dl dd.go_btn a { float:left; color:#000; background:#e2e3e9; text-align:center; width:45%; border-radius:5px; box-sizing:border-box; padding:5px 0; font-size:16px; font-weight:600; margin:0 2.5%; transition:0.3s; } .online_con_list ul li dl dd.go_btn a:hover { background:#dadbe0; } .cont_top { padding:25px 0; box-sizing:border-box; border-top:1px solid #333; border-bottom:1px solid #333; overflow:hidden; } .cont_top .img_con { float:left; width:35%; } .cont_top .img_con img { width:100%; } .cont_top .info_con { float:left; width:65%; padding-left:20px; box-sizing:border-box; } .cont_top .info_con .tit { overflow:hidden; width:100%; } .cont_top .info_con .tit h3 { font-size:20px !important; font-weight:600 !important; color:#000 !important; text-align:left; background:none !important; padding:0 !important; margin:0 0 25px 0 !important; line-height:140%; word-break:keep-all; } .cont_top .info_con .tit h3 span { font-size:12px; font-weight:400; padding:3px 10px; border-radius:5px; vertical-align:0 !important; position:relative; top:-3px; } .cont_top .info_con .tit h3 .right_i { color:#fff !important; background:#d7073b; } .cont_top .info_con .tit h3 .no_i { color:#fff !important; background:#333; } .cont_top .info_con .info_list ul { margin:0 !important; } .cont_top .info_con .info_list ul li { font-size:14px; background:none !important; line-height:150% !important; padding:0 !important; font-weight:600; } .cont_top .info_con .info_list ul li .tit { font-weight:600; } .cont_top .info_con .info_list ul li:last-child { font-weight:400; } .cont_top .info_con .info_list ul li:last-child .i { color:#666; font-size:12px; font-weight:400; border:1px solid #666; border-radius:5px; padding:3px 10px; margin-left:3px; margin-right:5px; } .cont_top .info_con .go_btn { overflow:hidden; float:right; margin-top:30px; } .cont_top .info_con .go_btn a { float:left; font-size:16px; background:#e2e3e9; color:#000; border-radius:5px; font-weight:600; width:100px; padding:10px 0; text-align:center; margin-left:10px; transition:0.3s; } .cont_top .info_con .go_btn a.go_apply { color:#d7073b } .cont_top .info_con .go_btn a:hover { background:#dadbe0; } /*온라인 교육_상세페이지 st*/ .tit3 h2 { font-size:26px; color:#000; } .tit4 { width:100%; display:block; overflow:hidden; background:none !important; } .tit4 h3 { position:relative; font-size:23px !important; color:#333 !important; background:none !important; padding-left:0 !Important; padding-top:10px !important; margin-top:40px !important; } .tit4 h3:before { content:''; width:25px; height:2px; background:#d7073b; position:absolute; top:0; left:0; } .con_sub01 .content_list p { font-size:14px !important; color:#666 !important; font-weight:400 !important; line-height:150% !important; padding:0 !important; word-break:keep-all; text-align:left !important; margin-bottom:0 !important; margin:0 !important; } .con_sub01 .content_list ol li { font-size:14px !important; color:#666 !important; font-weight:400 !important; line-height:150% !important; padding:0 !important; word-break:keep-all; text-align:left !important; margin-bottom:10px; } .con_sub01 .content_list ol li:last-child { margin-bottom:0; } .con_sub01 .content_list table { border-collapse:collapse; border-spacing:0 } .con_sub01 .content_list table td, .content_list table th { color:#666; text-align:center; padding:8px 0; } .con_sub01 .content_list table td { font-size:14px; border-bottom:1px solid #eaeaea; transform:skew(-0.03deg); } .con_sub01 .content_list table thead th { font-size:16px; background:#f2f2f2; transform:skew(-0.03deg); } .con_sub01 .heading_n { cursor:pointer; } .con_sub01 .heading_n .hide_btn { display:inline-block; width:60px; height:13px; background:url(/rtImages/n_sub/contlist_close_btn.png); margin-bottom:-5px; margin-left:10px; } .con_sub01.on .heading_n .hide_btn { background:url(/rtImages/n_sub/contlist_more_btn.png); margin-bottom:-5px; margin-left:10px; } .con_sub01 .content_list { opacity:1; transition:0.3s; } .con_sub01.on .content_list { opacity:0; height:0; animation:con_slide 0.5s; } @keyframes con_slide { 0% { height:50px; } 100% { height:0; } } .go_conlist { text-align:center; } .go_conlist a { display:inline-block; font-size:16px; background:#e2e3e9; color:#000; border-radius:5px; font-weight:600; width:100px; padding:10px 0; text-align:center; margin-left:10px; transition:0.3s; margin-top:40px; } .go_conlist a:hover { background:#dadbe0; } /*260119 UI 수정 css*/ .process_d .ofh_box {margin-bottom: 30px;} /*썸네일 추가에 따른 마진 조절*/ .process_d .cont h2 {font-weight: 700;} /*폰트 굵기가 너무 굵어서 조절*/ .thumbnail_box {width: 100%; margin-bottom: 30px;} .thumbnail_box img {width: 100%;} .process_d .cont .text_b.teacher_intro_road {display: flex; gap: 30px; align-items: center;} .process_d .cont .text_b p {line-height: 170% !important;} .process_d .cont .text_b .teacher_info {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 150px;} .process_d .cont .text_b .teacher_info .teacher_img {width: 100%; margin-bottom: 10px;} .process_d .cont .text_b .teacher_info .teacher_img img {width: 100%;} .process_d .cont .text_b .teacher_info .teacher_name {font-size: 20px; color: #000; font-weight: 700;} /*강사 약력 버튼*/ .flexbox {display: flex; align-items: center; justify-content: flex-start; gap: 10px;}