body,input,select,textarea {font-family: 'NanumSquare','NanumGothic',sans-serif;} /* ALL STYLE */ #all { width:100%; min-width:1200px;} .layout_wrap {clear:both; width:100%;} .layout_inner {width:1200px; margin:0px auto;} .layout_inner2 {width:1140px; margin:0px auto;} .userFullWidth {width:1200px;} .userCWidth {width:915px;} .userCWidth2 {width:915px;} .width100 {width:100%;} #top_wrap {position: relative; z-index:900; background: #ffffff;} #bottom_wrap {background: #565655; min-width:1200px; overflow: hidden;} /* Bottom Style */ #bottom {color: #fff; font-size: 15px; line-height: 25px; font-weight: 400; text-align: left;} #bottom * {transform: skew(-0.01deg);} #bottom .fright {width: 800px;} #bottom i {width: 1px; background: #c7c7c6;} #bottom .bottom_logo {width: 400px; height: 504px; float: left; background: url('/images2/share/bottom_logo.jpg') center no-repeat;} #bottom .menu {margin-top: 70px;} #bottom .menu li {float: left; font-size: 17px; line-height: 27px; letter-spacing: 0.8px;} #bottom .menu a {color: #fff;} #bottom .menu i {float: left; height: 15px; margin: 5px 24px;} #bottom .bank {width: 100%; float: left; margin: 12px 0;} #bottom .bank span {margin-right: 12px;} #bottom .bank .s01 {font-size: 21px;} #bottom .bank .s02 {font-size: 25px; color: #99ecde; font-weight: 600;} #bottom .bank .s03 {font-size: 25px;} #bottom .info p {width: 100%; float: left;} #bottom .info span {float: left;} #bottom .info i {float: left; height: 13px; margin: 5px 15px;} #bottom .issue {width: 100%; float: left; margin-top: 55px;} #bottom .issue div {font-size: 20px; font-weight: 600; margin-top: 15px;} #bottom .issue p {font-weight: 400; font-size: 15px;} #bottom .issue .info div {font-size: 17px;} /* TOP Style */ #top_logo {width:388px; height: 75px; display: inline-block; margin-left: 111px; margin-top: 60px;} #top_logo a {display: block; width: 100%;} #top_menu_wrap {height:243px; background-color:#fff; /*box-shadow: 0 7px 5px rgba(0,0,0,0.19);*/} #top_menu > .layout_inner {height: 193px; text-align: center;} #top_menu .tmenu_wrap {height: 50px; background: #5d6a75;} #top_menu .tmenu {position: relative;} #top_menu .tmenu td {border: none; padding: 0; width: 150px; height:50px; text-align: center; vertical-align: middle;} #top_menu .tmenu td a {color: #fff; font-size: 17px; font-weight: 600; letter-spacing: -1px; width: 100%; display: block;} #top_menu .tmenu .DB_select a {color: #7df5cf; font-weight: 800;} #top_sub_menu {width:100%; height:330px;background-color:#eee; border-bottom:5px solid #f3a600; display:none;} #top_go {top:-35px; left:27px; z-index:9999;} #top_login {z-index:9999; width:312px; float: right; margin-top:44px; font-family: 'NanumGothic', sans-serif;} #top_login .id {margin:10px 0;} #top_login .loginBtn {width: 312px; text-align: center;} #top_login .loginBtn li {float:left; width: 76px; height: 25px;} #top_login .loginBtn li.li01 a {background: #75cbb0; color: #404040;} #top_login .loginBtn li.li02 {margin: 0 4px; width: 138px;} #top_login .loginBtn li.li03 {width: 90px;} #top_login .loginBtn a {width: 100%; float: left; line-height: 25px; color: #fff; font-weight: 600; background: #959595;} #top_login .fright {margin-top: 11px;} #top_login .fright a.tl_btns {display:inline-block; line-height:22px; width:64px; background-color:#bcbdc0; color:#75cbb0; text-align:center; font-size:11px;} #top_login .fright a.tl_btns1 {background-color:#75cbb0; color:#fff;} #top_login .fright a.tl_btns2 {background-color:#4b687d; color:#75cbb0;} #top_login .fright a.tl_btns3 {background-color:#bcbdc0; color:#283891;} #top_login .loginoff {float:right;} #top_login .loginon {float:right; } #top_login .loginon .input_text {width:100px; height:21px; line-height:21px; font-size:12px; border:0px none; padding-left:7px;} #top_login .loginon .defaultText {color:#b2a2cf;} #top_login .loginon .defaultText2 {color:#b2a2cf;} #top_login .loginon li .ids {background:url(/images2/share/top_login_bg.gif) 0 0 no-repeat;} #top_login .loginon li .pwd {background:url(/images2/share/top_login_bg2.gif) 0 0 no-repeat;} #top_login li {float:leFt; display:block;} #top_login .logined {margin-top:0px;} #top_login .logined th {border:1px solid #eaeae8; padding:4px 0px; background-color:#efefef;} #top_login .logined td {border:1px solid #eaeae8; padding:4px 0px; text-align:right; padding-right:7px; line-height: 14px;} #top_login .inputs {margin:0px; text-align: center;} #top_login .inputs .input_text_index {width:205px; height:20px; line-height:20px; border:1px solid #d1d1d1; vertical-align:middle; padding: 5px 10px; font-size: 14px; color: #7c7c7c; font-family: 'NanumGothic', sans-serif;} #top_login .inputs .input_text_index:focus {color: #7c7c7c;} #top_login .input1 {} #top_login .input2 {margin-top:8px;} #top_login .inputs.login input {width: 78px; height: 72px; background: #4b687d; color: #fff; font-size: 16px; line-height: 72px; font-weight: 800; border: none; cursor: pointer; font-family: 'NanumGothic';} #top_menu {} #top_menu ul.DB_main{ position:relative;left:50%;width:1200px;margin-left:-600px; height:50px;z-index:200; } #top_menu ul.DB_main li{float:left;height:50px;} #top_menu ul.DB_main li:first-child{}/*비표준인경우 클래스로 적용*/ #top_menu ul.DB_main li a {display:block;width:100%;height:100%;} #top_menu ul.DB_main li a img{} #top_menu ul.DB_main li.DB_select{} #top_menu .DB_mask {position:relative; z-index:800; width:1200px; height:494px; overflow:hidden; /*display:none;*/ margin: 0 auto; font-family: 'Dotum', '돋움', 'NanumGothic', sans-serif;} #top_menu .DB_mask .DB_move {position:absolute;width:1200px; height:100%; background: #fff; height:494px; top:-494px/*위로 메뉴숨기기*/;} #top_menu .DB_mask .DB_move .DB_subSet{position:relative;/*width절반*/;padding-top:10px; height:494px;} #top_menu .DB_mask .DB_move .DB_subSet td {width:150px; border: 1px solid #eaeaea; padding: 0; border-top: none; border-bottom: none; vertical-align: top;} #top_menu .DB_mask .DB_move .DB_subSet td.td01 {border-left: none; height: 190px;} #top_menu .DB_mask .DB_move .DB_subSet td.td06 a {font-size: 11px; letter-spacing: -0.8px;} #top_menu .DB_mask .DB_move .DB_subSet td.td08 {border-right: none;} #top_menu .DB_mask .DB_move .DB_subSet td.td09 {border: none;} #top_menu .DB_mask .DB_move .DB_subSet td.td10 {border: none;} #top_menu .DB_mask .DB_move .DB_subSet td li {display:block;} #top_menu .DB_mask .DB_move .DB_subSet ul li a {display:block; padding: 0 5px; line-height:38px; height:38px;color: #5d5d5d; font-size: 11px; letter-spacing: -0.8px;} #top_menu .DB_mask .DB_move .DB_subSet ul li a:hover {color:#fff; background-color:#75cbb0;} .A_select {color:#5d5d5d !important;} .A_select:hover {color:#fff !important;} #top_menu .DB_mask .DB_move .DB_subSet .td06 ul li a {padding: 0;} #top_menu .DB_mask .DB_move .DB_subSet ul li.bmenu {width:149px; height:57px;text-indent:0px; margin-top:4px; display:block;} #top_menu .DB_mask .DB_move .DB_subSet .tdbot div.DB_main {width: 100%; height: 50px; line-height: 50px; background: #5d6a75; font-family: 'NanumSquare', 'NanumGothic', sans-serif; text-align: center; font-size: 18px; font-weight: 600;} #top_menu .DB_mask .DB_move .DB_subSet .tdbot div.DB_main a {color: #fff; width: 100%; display: block; letter-spacing: -1px;} #top_menu .DB_mask .DB_move .DB_subSet .td09:hover div.DB_main a {color: #7df5cf; font-weight: 800;} #top_menu .DB_mask .DB_move .DB_subSet .td10:hover div.DB_main a {color: #7df5cf; font-weight: 800;} #top_menu .DB_mask .DB_move .DB_subSet ul li.bmenu_next {margin-top:4px;} #top_menu .DB_mask .DB_move .DB_subSet ul li.big {text-indent:0px; height:57px; margin:27px 0px 4px 0px;} #top_menu .DB_mask .DB_move .DB_subSet ul li.big2 {text-indent:0px; height:57px; margin:87px 0px 4px 0px;} #top_menu .DB_mask .DB_move .DB_subSet ul li.DB_select a{color:#fff; background-color:#75cbb0;} #top_menu .centers {position:absolute;top:111px;left:430px;} #top_menu .centers>div {position:absolute;display:none;} #top_menu .centers .imgs01 {display:block;} #top_menu .centers .imgs02 {} #top_menu .centers .imgs03 {} #top_menu .centers .imgs04 {} #top_menu .centers .imgs05 {} #top_menu .centers .imgs06 {} #top_menu .centers .imgs07 {} #top_menu .centers .imgs08 {} #top_menu .centers .imgs09 {} #top_menu .centers .imgs10 {} #top_menu .centers .imgs11 {} #mainVisual {width:100%;min-width:1200px;height:740px;position:relative;overflow:hidden; margin-bottom: 40px;} #mainVisual .DB_img{position:relative;width:100%;height:100%;} #mainVisual .DB_img li{position:absolute;width:100%;height:100%; left: 50%; margin-left: -1000px;} #mainVisual .DB_img li a{display:block;width:100%;height:100%;} #mainVisual .DB_menu{position:absolute;bottom:12px;width:100%;text-align:center} #mainVisual .DB_menu li{display:inline;cursor:pointer;margin:0 3px} #mainVisual .DB_dirBtn{position:absolute;width:100%;top:350px;} #mainVisual .DB_dirBtn .DB_prev{position:absolute;left:120px;cursor:pointer} #mainVisual .DB_dirBtn .DB_next{position:absolute;right:120px;cursor:pointer} #subPageVisual {height:310px; min-width:1200px; position:relative; overflow:hidden; z-index:-1;width:100%;} #subPageVisual .DB_img {position:relative;width:100%;height:100%;} #subPageVisual .DB_img li {position:absolute;width:100%;height:100%;} #subPageVisual .DB_img li a {display:block;width:100%;height:100%;} #subPageVisual .slide_01 {position:absolute; z-index:750; top:0; left:50%;margin-left:-568px; } #subPageVisual .slide_01 li.img1 {position:absolute; z-index:760;} #subPageVisual .slide_01 li.img2 {position:absolute; z-index:760;} #subPageVisual.academy .slide_01 li.img1 {top:148px; right:0px !important;} #subPageVisual.academy .slide_01 li.img2 {top:224px; right:0px;} #subPageVisual.curriculum .slide_01 li.img1 {top:148px; left:751px;} #subPageVisual.curriculum .slide_01 li.img2 {top:224px; left:795px;} #subPageVisual.employ .slide_01 li.img1 {top:187px; right:0px;} #subPageVisual.employ .slide_01 li.img2 {top:264px; right:0px;} #subPageVisual.lecture .slide_01 li.img1 {top:159px; left:0px;} #subPageVisual.lecture .slide_01 li.img2 {top:235px; left:0px;} #subPageVisual.community .slide_01 li.img1 {top:180px; left:0px;} #subPageVisual.community .slide_01 li.img2 {top:260px; left:0px;} #subPageVisual.counsel .slide_01 li.img1 {top:160px; right:0px;} #subPageVisual.counsel .slide_01 li.img2 {top:235px; right:0px;} #subPageVisual.movie .slide_01 li.img1 {top:159px; left:0px;} #subPageVisual.movie .slide_01 li.img2 {top:235px; left:0px;} #subPageVisual.mypage .slide_01 li.img1 {top:148px; left:0px;} #subPageVisual.mypage .slide_01 li.img2 {top:224px; left:0px;} #subPageVisual.membership .slide_01 li.img1 {top:148px; left:700px;} #subPageVisual.membership .slide_01 li.img2 {top:224px; left:700px;} /* #subPageVisual.edukin ul.DB_img li{position:absolute;left:0;top:0} #subPageVisual.edukin .slide_01 {z-index:750;} #subPageVisual.edukin .slide_01 li.img1 {position:absolute; z-index:760; top:150px;} #subPageVisual.edukin .slide_01 li.img2 {position:absolute; z-index:760; top:225px;} #subPageVisual.edukin ul.DB_img li{position:absolute;left:50%; top:0; margin-left:-1000px;} #subPageVisual.edukin .slide_01 {z-index:750;} #subPageVisual.edukin .slide_01 li.img1 {position:absolute; z-index:760; top:148px; left:0px;} #subPageVisual.edukin .slide_01 li.img2 {position:absolute; z-index:760; top:224px; left:0px;} #subPageVisual.education ul.DB_img li{position:absolute;left:50%; top:0; margin-left:-1000px;} #subPageVisual.education .slide_01 {z-index:750;} #subPageVisual.education .slide_01 li.img1 {position:absolute; z-index:760; top:148px; left:751px;} #subPageVisual.education .slide_01 li.img2 {position:absolute; z-index:760; top:224px; left:615px;} #subPageVisual.employ ul.DB_img li{position:absolute;left:50%; top:0; margin-left:-1000px;} #subPageVisual.employ .slide_01 {z-index:750;} #subPageVisual.employ .slide_01 li.img1 {position:absolute; z-index:760; top:148px; left:778px;} #subPageVisual.employ .slide_01 li.img2 {position:absolute; z-index:760; top:224px; left:647px;} #subPageVisual.lecture ul.DB_img li{position:absolute;left:50%; top:0; margin-left:-1000px;} #subPageVisual.lecture .slide_01 {z-index:750;} #subPageVisual.lecture .slide_01 li.img1 {position:absolute; z-index:760; top:159px; left:0px;} #subPageVisual.lecture .slide_01 li.img2 {position:absolute; z-index:760; top:235px; left:0px;} #subPageVisual.community ul.DB_img li{position:absolute;left:50%; top:0; margin-left:-1000px;} #subPageVisual.community .slide_01 {z-index:750;} #subPageVisual.community .slide_01 li.img1 {position:absolute; z-index:760; top:140px; left:220px;} #subPageVisual.community .slide_01 li.img2 {position:absolute; z-index:760; top:215px; left:220px;} #subPageVisual.counsel ul.DB_img li {position:absolute;left:50%; top:0; margin-left:-1000px;} #subPageVisual.counsel .slide_01 {z-index:750;} #subPageVisual.counsel .slide_01 li.img1 {position:absolute; z-index:760; top:140px; left:0px;} #subPageVisual.counsel .slide_01 li.img2 {position:absolute; z-index:760; top:215px; left:0px;} */ #subTitleWrap {width:100%; } #subTitleWrap:after {content:""; clear:both; display:block;} #subTitleWrap .subTitle {float:left; font-size:30px; line-height:70px; color:#616a74; font-weight:400; height: 70px; font-family: 'NanumSquare', sans-serif;} #subTitleWrap .subMap {float:right; line-height:70px; background:url(/images2/title/map_icon.png) 0 50% no-repeat; padding-left:17px; color:#737373;} #subTitleWrap .tweight {font-weight: 400!important;} /* Index Style End */ #index_btn01 {padding-bottom: 50px; overflow: hidden;} #index_btn01 li {float: left; width: 150px; height: 140px; position: relative;} #index_btn01 li a {display: block; width: 100%;} #index_btn01 li img {position: absolute; left: 0;} #index_btn01 li img.on {display: none;} #index_btn01 li a:hover img.on {display: block;} .main_movie {padding-bottom: 70px;} #index_area01 {background: #6e7d8c url(/images2/index/index_area01.jpg) center top no-repeat; height: 624px; overflow: hidden;} /*국가자격증 취득하기*/ #index_area01 .tit {width: 1200px; height: 190px; background: url(/images2/index/index_area01_tit.png) center no-repeat;} #index_area01 ul {width: 100%; height: 360px;} #index_area01 ul li {float: left; margin-right: 20px; position: relative;} #index_area01 ul li.li04 {margin-right: 0;} #index_area01 ul li a {width: 285px; height: 360px; display: block;} #index_area01 ul li img {position: absolute; top: 0; left: 0; width: 285px; height: 360px; opacity: 1;} #index_area01 ul li img.on {opacity: 0; z-index: 9;} #index_area01 ul li:hover img.on {opacity: 1;} .lt-ie9 #index_area01 ul li img {filter: alpha(opacity=100);} .lt-ie9 #index_area01 ul li img.on {filter: alpha(opacity=0);} .lt-ie9 #index_area01 ul li:hover img.on {filter: alpha(opacity=100);} #index_btn02 {height: 690px; overflow: hidden; background: url(/images2/index/index_btn04.jpg) center no-repeat;} #index_btn02 .layout_inner {position: relative; height: 100%;} #index_btn02 a {position: absolute; bottom: 140px; left: 150px; width: 379px; height: 63px; background: url(/images2/index/index_btn04_more.png) center no-repeat;} #index_area02 {background: #ededed; height: 710px; overflow: hidden;} /*마사지 실무 스킬*/ #index_area02 .tit {width: 1200px; height: 185px; background: url(/images2/index/index_area022_tit.png) center no-repeat;} #index_area02 ul {width: 100%; height: 530px;} #index_area02 ul li {float: left; position: relative;} #index_area02 ul li a {width: 300px; height: 530px; display: block;} #index_area02 ul li .img {position: absolute; top: 0; left: 0; width: 300px; height: 360px; opacity: 1;} #index_area02 ul li .img.on {opacity: 0; z-index: 9;} #index_area02 ul li:hover .img.on {opacity: 1;} #index_area02 ul li .txt {position: absolute; left: 0; bottom: 0; width: 300px; height: 170px;} .lt-ie9 #index_area02 ul li .img {filter: alpha(opacity=100);} .lt-ie9 #index_area02 ul li .img.on {filter: alpha(opacity=0);} .lt-ie9 #index_area02 ul li:hover .img.on {filter: alpha(opacity=100);} #index_area03 {background: #e5e5e2; height: 995px; overflow: hidden;} /*마사지 실전 배우기*/ #index_area03 .tit {width: 1200px; height: 185px; background: url(/images2/index/index_area02_tit.png) center no-repeat;} #index_area03 ul {width: 100%; height: 720px;} #index_area03 ul li {float: left; position: relative;} #index_area03 ul li a {width: 300px; height: 360px; display: block;} #index_area03 ul li img {position: absolute; top: 0; left: 0; width: 300px; height: 360px; opacity: 1;} #index_area03 ul li img.on {opacity: 0; z-index: 9;} #index_area03 ul li:hover img.on {opacity: 1;} .lt-ie9 #index_area03 ul li img {filter: alpha(opacity=100);} .lt-ie9 #index_area03 ul li img.on {filter: alpha(opacity=0);} .lt-ie9 #index_area03 ul li:hover img.on {filter: alpha(opacity=100);} .index_tel01 {margin-top: 25px; overflow: hidden;} #index_btn03 {margin-top: 25px;} #index_btn03 li {float: left; width: 50%; height: 310px;} #index_btn03 li a {width: 100%; height: 100%; display: block;} #index_area04 {height: 580px; overflow: hidden;} /*고급기술*/ #index_area04 .tit {width: 1200px; height: 175px; background: url(/images2/index/index_area04_tit.png) center no-repeat;} #index_area04 ul {width: 100%; height: 375px;} #index_area04 ul li {float: left; position: relative;} #index_area04 ul li a {width: 400px; height: 375px; display: block;} #index_area04 ul li img {position: absolute; top: 0; left: 0; width: 400px; height: 375px; opacity: 1;} #index_area04 ul li img.on {opacity: 0; z-index: 9;} #index_area04 ul li:hover img.on {opacity: 1;} .lt-ie9 #index_area04 ul li img {filter: alpha(opacity=100);} .lt-ie9 #index_area04 ul li img.on {filter: alpha(opacity=0);} .lt-ie9 #index_area04 ul li:hover img.on {filter: alpha(opacity=100);} #index_movie02 {height: 463px;} #index_movie02 .tit {width: 376px; height: 463px; float: left; background: url('/images2/index/index_movie02_tit(1).jpg') center no-repeat;} #index_movie02 .movie {width: 824px; height: 463px; float: left;} #index_bn {width: 100%; text-align: center; overflow: hidden; margin-top: 20px; display: inline-block;} #index_bn a {width: 1200px; display: block; margin: 0 auto;} #index_bn.index_bn01 {margin-top: 30px;} #index_btn04 {height: 321px; padding: 12px 0;} #index_btn04 li {float: left; width: 390px; height: 321px; margin-right: 15px;} #index_btn04 #index_notice {margin: 0; background: #eff1f1;} #index_btn04 #index_notice .inner {width: 350px; height: 261px; margin: 30px 20px; position: relative; overflow: hidden;} #index_btn04 #index_notice .tit {width: 100%; height: 65px; position: relative; background: url(/images2/index/index_notice_tit.png) -20px -30px no-repeat;} #index_btn04 #index_notice .tit a {width: 102px; height: 46px; position: absolute; top: 3px; right: 0; background: url(/images2/index/index_notice_more.png) 0 0 no-repeat;} #index_notice table {width: 350px; font-family: 'NanumGothic'; overflow: hidden;} #index_notice td {font-size: 17px; line-height: 40px;} #index_notice td span {float: left; margin: 0; width: 15px; text-align: center; color: #474747;} #index_notice td a {color: #474747; letter-spacing: -0.8px; padding: 0px; width: 335px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #index_notice td a:hover {text-decoration: underline;} /* Index Style End */ /* Bottom Tab Style S */ #bottom_tab {padding: 40px 0; padding-top: 70px; margin-top: 80px;} #bottom_tab .tab {width: 540px; margin: 0 auto; overflow: hidden;} #bottom_tab .tab li {width: 270px; height: 50px; line-height: 50px; float: left; background: #656565; color: #fff; font-size: 20px; text-align: center; cursor: pointer;} #bottom_tab .tab .on {background: #75cbb0;} #bottom_tab .table {display: none;} #bottom_tab table {width: 100%; margin: 25px 0; font-family: 'NanumGothic'; border-top: 2px solid #6a6a6a; border-bottom: 1px solid #6a6a6a;} #bottom_tab td {padding: 10px 20px; color: #535353;} #bottom_tab td.tit {background: #ececeb; color: #484848; font-size: 15px; font-weight: 800; width: 100px; text-align: center; border: none;} #bottom_tab td li {float: left; text-align: left; font-size: 12.5px; position: relative; line-height: 12px;} #bottom_tab td p.tit {font-size: 14.5px; padding: 10px 0; font-weight: 600;} #bottom_tab td.top {border-top: 1px solid #cbd0d5;} #bottom_tab td.bottom {border-bottom: 1px solid #cbd0d5;} #bottom_tab td.left {border-left: 1px solid #cbd0d5;} #bottom_tab td.right {border-right: 1px solid #cbd0d5;} #bottom_tab td.w60 {width: 60px;} #bottom_tab td.w196 {width: 196px;} #bottom_tab td.w225 {width: 225px;} #bottom_tab td.w315 {width: 315px;} .is-ie #bottom_tab table {table-layout: fixed;} #bottom_tab .table li label {cursor: pointer; float: left; margin: 10px; margin-left: 0; position: relative;} #bottom_tab .table li input {visibility: hidden; position: absolute; width: 100%; height: 100%; margin: 0;} #bottom_tab .table li .btn i {float: left; position: relative; width: 13px; height: 13px; background: url(/images2/share/bottom_tab.png) no-repeat; margin: 0 5px;} #bottom_tab .table li input:checked + .btn i {background: url(/images2/share/bottom_tab_on.png) no-repeat;} .lt-ie9 #bottom_tab .table li label {padding-left: 20px;} .lt-ie9 #bottom_tab .table li input {visibility: inherit; width: 20px; left: -5px; top: -5px;} .lt-ie9 #bottom_tab .table li .btn i {display: none;} #bottom_tab .table .name input {width: 145px; height: 30px; line-height: 30px; border: 1px solid #cbd0d5; padding: 0 10px;} #bottom_tab .table .phone input {width: 80px; height: 30px; line-height: 30px; border: 1px solid #cbd0d5; padding: 0 10px;} #bottom_tab .table .phone select {width: 80px; height: 30px; line-height: 30px; border: 1px solid #cbd0d5; padding: 0 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/images2/share/phone_select.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */ background: url("/images2/share/phone_select.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */ } /*For IE*/ select::-ms-expand {display: none; } .is-ie #bottom_tab .table .phone select {padding: 0; padding-left: 10px; background: url("/images2/share/phone_select.png") white no-repeat 88.5% !important; } .lt-ie9 #bottom_tab .table .phone select {float: left;} #bottom_tab .table.on {display: block;} #bottom_tab .check_box {position: relative; text-align: center; font-size: 0;} #bottom_tab .check_box label {padding: 10px; margin: 0 auto; display: inline-block; cursor: pointer;} #bottom_tab .check_box input {visibility: hidden; position: absolute; width: 100%; height: 100%; margin: 0; left: 0; top: 0;} #bottom_tab .check_box .btn {color: #535353; font-size: 17px; display: inline-block;} #bottom_tab .check_box .btn em {font-style: normal; font-weight: 900; text-decoration: underline;} #bottom_tab .check_box .btn i {float: left; position: relative; width: 13px; height: 13px; background: url(/images2/share/check_box.png) no-repeat; margin: 2px 9px;} #bottom_tab .check_box input:checked + .btn i {background: url(/images2/share/check_box_on.png) no-repeat;} .lt-ie9 #bottom_tab .check_box label {padding-left: 15px; position: relative;} .lt-ie9 #bottom_tab .check_box input {visibility: inherit; width: 13px; left: -5px; top: -5px;} .lt-ie9 #bottom_tab .check_box .btn i {display: none;} #bottom_tab .check_box>span {display: inline-block; font-style: normal; color: #535353; font-size: 17px; cursor: pointer;} #bottom_tab .check_box>span:hover {text-decoration: underline;} #bottom_tab textarea {width: 990px; height: 154px; border: 1px solid #cbd0d5; margin: 10px;} #bottom_tab .confirm {width: 330px; height: 52px; margin: 20px auto;} #bottom_tab .confirm input {width: 330px; height: 52px; border-radius: 5px; background: #75cbb0; border: none; padding: 0; cursor: pointer; color: #353535; font-size: 20px; line-height: 52px; font-weight: 900;} #bottom_tab .confirm input:focus {outline: none;} /* Bottom Tab Style E */ /* Left Style Start */ #left {float:left; width:185px; margin-top:40px; padding-bottom: 40px;} #content {float:left; margin-top:40px; margin-left:40px; width:915px; padding-bottom:50px; font-family: 'NanumGothic', sans-serif;} .fullContain {margin-top:40px;} #LeftMenu {font-family: 'NanumGothic', sans-serif;} #LeftMenu .top {width:185px; height: 106px; line-height: 106px; position:relative; text-align: center; color: #fff; font-size: 20px; font-weight: 600; background: url(/images2/left/left_top.jpg) 0 no-repeat; margin-bottom: 10px;} .LeftMenu {margin-top: 10px;} .LeftMenu img {border:0;vertical-align:top} .LeftMenu ul {position:relative;z-index:1} .LeftMenu ul li {border-bottom:1px solid #ddd; width:185px; height: 46px; line-height:46px; font-size:13px; color:#919191; font-weight:600; text-align: left; text-indent: 4px;} .LeftMenu ul li a{display:block; color: #919191; transform: skew(-0.1deg);} .LeftMenu .DB_follow{position:absolute;z-index:0; width:185px; height:46px; background: url(/images2/left/left_follow.png) 0 no-repeat; color: #4c687e;} .lt-ie8 #LeftMenu {} .LeftMenu2 {width:185px; position:relative; margin:15px 0px;} .LeftMenu2 img {border:0;vertical-align:top} .LeftMenu2 ul {position:relative;z-index:1} .LeftMenu2 ul li {border-bottom:1px solid #ddd;} .LeftMenu2 .DB_follow{position:absolute;z-index:0} .leftBanner {margin-top:20px; padding-bottom:30px;overflow:hidden;} .leftBanner li {clear:both; float:left; margin-top:7px;} #left .left_bn01 {margin-top:40px;} #left .left_bn02 {margin-top:10px;} /* Left Style End */ #content > .content {clear:both; float:left; width:100%; /*margin-top:15px;*/ font-family: 'NanumGothic', sans-serif;} /* Fixed Quick */ #fixQuick {position:fixed; top:965px; right: 0px; z-index:999; width: 55px;} #fixQuick.change {position:fixed; bottom: 330px; right: 0px; z-index:999; width: 55px;} #fixQuick img {width: 100%;} #fixQuickWarp {position:relative; left:0px;} #fixQuickWarp .quickIcon li {display:block; width:150px; overflow:hidden; line-height:0px; vertical-align:top; height: 116px;} #fixQuickWarp .quickIcon li a {display:block;} #fixQuickWarp .quickIcon li a img {display:block;} #fixQuickContent {position:absolute; top:0; left:100px;width:530px;background-color:#fff; } #fixQuickClose {position:absolute; width:518px;text-align:right;top:12px;} #fixQuickContent .fixQuickInner {} #fixQuickContent .smsArea {border-top:2px solid #404040;background-color:#eeeeee;height:550px;} #fixQuickContent .smsArea table {border-collapse: separate ;} #fixQuickContent .smsArea th {border-top:1px solid #dadada; border-bottom:1px solid #f8f8f8; padding:10px 0px; color:#787878; text-align:left;} #fixQuickContent .smsArea td {border-top:1px solid #dadada; border-bottom:1px solid #f8f8f8; padding:10px 0px; color:#787878;} #fixQuickContent .smsArea tr.last td {border-bottom:0px none; padding:10px 0px;} #fixQuickContent .tablearea {width:495px; margin:0 auto; padding-bottom:20px;} #fixQuickContent .input_text {border:1px solid #dcdcdc; line-height:22px; height:22px; padding:0px 5px;} #fixQuickContent .input_area {border:1px solid #dcdcdc; line-height:16px;} #fixQuickContent .input_check {vertical-align:middle;} #fixQuickContent td>label {line-height:22px; margin-left:9px; margin-top:5px; letter-spacing:-1px;} #fixQuickContent td>label.first {margin-left:0px;} #fixQuickContent td.first label:first-child {margin-left:0px;} #fixQuickContent td>p {padding-top:12px; padding-bottom:4px; margin-top:12px; border-top:1px solid #e4e4e4;} #fixQuickContent td>p.first {padding-top:0px; margin-top:0px; border-top:0px none;} /* 팝업관련 스타일 */ #pop_all {width:100%;} #pop_all .top {clear:both;width:100%; background:url(/images2/admin/pop/pop_top_bg.jpg) 0 0 repeat-x;} #pop_all .bottom {clear:both;width:100%; background:url(/images2/admin/pop/pop_bottom_bg.gif) 0 0 repeat-x; height:60px;} #pop_all .bottom .info {clear:both;float:left;} #pop_all .bottom .btn_area {float:right;} #popAll1 {width:100%;} #popAll1 .top {clear:both;width:100%; background:url(/images2/admin/pop/popAll1_bg.gif) 0 0 repeat-x;} #popAll1 .bottom {clear:both;width:100%; background:url(/images2/admin/pop/pop_bottom_bg.gif) 0 0 repeat-x; height:60px;} #popAll1 .bottom .info {clear:both;float:left;} #popAll1 .bottom .btn_area {float:right;} /* 공통영역 */ .input_chk {vertical-align:middle; margin:0px 0px 2px 0px;} .input_chk2 {vertical-align:middle; margin:0px 0px 0px 0px; padding:0px;width:13px; height:13px;} .input_chk3 {vertical-align:middle; margin:0px 0px 3px 0px; padding:0px;width:13px; height:13px;} .input_radio {vertical-align:middle; margin:0px 0px 3px 0px; padding:0px;width:13px; height:13px;} .notBor {border:0px none !important;} /* 인덱스 */ /*컨텐츠*/ .martop35 {margin-top: 35px;} .marbot35 {margin-bottom: 35px;} .mar35 {margin: 35px 0;} .martop15 {margin-top: 15px;} .marbot15 {margin-bottom: 15px;} .mar15 {margin: 15px 0;} p.hidden {position: absolute; z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);} /* 로그인 */ /* #join {clear:both;float:left;width:878px; border:1px solid #e4ebe9; padding-bottom:30px; color:#808080;} #join .input_text {border:1px solid #cecfd5;height:18px; width:141px;} #join .joinInner {margin-left:24px; width:830px; overflow:hidden;} #join .joinInner .agree_box {width:800px; height:150px; border:1px solid #e7e7e9;overflow-y:scroll;background:#fff;padding:14px;} #join .joinInner .agreeArea {height:45px;padding-top:10px;} #join .infoTable {width:830px;} #join .infoTable .input_text {border:1px solid #cecfd5;height:16px; width:141px;} #join .infoTable .line td {border-top:2px solid #e7e7e9;} #join .infoTable .line th {border-top:2px solid #e7e7e9;} #join .infoTable th {border-bottom:1px solid #e7e7e9; width:170px; background-color:#f3f3f3; text-align:left; padding-left:10px;} #join .infoTable td {border-bottom:1px solid #e7e7e9; width:650px; padding:8px 0px 8px 5px;} #join .infoTable td * {vertical-align:middle;} #join .infoTable td .summary {margin-left:7px; color:#a2a2a2;font-size:8pt;} #join .infoTable td select {height:20px;} #teacher .imgTeacher {width:99px; height:135px; text-align:center; background:url(/images2/content/teacher_pic_bg.jpg) 0 0 no-repeat;} #teacher .tTitle {width:271px; color:#444444; font-weight:bold;padding:3px 0px;} #teacher .history {margin-top:15px;} #teacher .history li {width:271px; padding:4px 0px; background:url(/images2/content/teacher_history_bg.gif) 0 bottom repeat-x; color:#888888; font-size:8pt;} */ #content .step {position: relative; width: 100%; height: 275px;} #content .step img {position: absolute; top: 0; left: 0;} #content .step a {color: #fff; font-size: 20px; line-height: 63px; font-weight: 600; text-align: center; font-family: 'NanumGothic', sans-serif; letter-spacing: 0.4px; background: #75cbb0; width: 62px; height: 63px; position: absolute; top: 130px; z-index: 9;} #content .step .go01 {left: 140px;} #content .step .go02 {left: 369px;} .bgLayer {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:1000;} #joinStep .input_text {font-family: 'NanumGothic', sans-serif;} /*bottom_join 210322 추가*/ #bottom_tab .bottom_join {width: 900px;} #bottom_tab .bottom_join .top_tit {width: 530px; height: 50px; line-height: 50px; background: #656565; color: #fff; text-align: center; font-size: 20px; margin: 0 auto;} #bottom_tab .bottom_join table {margin: 15px 0; border-top: 1px solid #76787a;} #bottom_tab .bottom_join td {padding: 5px;} #bottom_tab .bottom_join td.tit {padding-left: 65px; text-align: left; font-weight: 500;} #bottom_tab .bottom_join td input {width: 280px; height: 30px; line-height: 30px; border: 1px solid #cbd0d5; padding: 0 10px; margin-right: 20px; font-family: 'NanumGothic', sans-serif; font-size: 14px;} #bottom_tab .bottom_join td .summary {font-size: 14px;} #bottom_tab .bottom_join td input.btn {width: 90px; height: 32px; background: #656565; border-color: #656565; font-size: 14px; color: #fff; cursor: pointer; margin-right: 10px;} #bottom_tab .bottom_join #btnSubmit {background: #314e62; border-color: #314e62; color: #fff;} .index_tel02 {margin: 90px auto;} .index_bns { width: 1200px; margin: 20px auto; } .index_bns li { margin-bottom: 35px; display: inline-block; position: relative; } .index_bns li a { position: absolute; bottom: 25px; left: 50px; z-index: 1; color: #fff; font-size: 29px; font-family: 'SCDream', 'NanumSquareB', 'RIXGO', sans-serif; font-weight: 600; letter-spacing: 0.01em; line-height: 1; } .index_bns li a:hover { text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.3); }