@charset "UTF-8";
@import url(SCDream.css);
/*scss사용xx*/
/* ALL STYLE */
#all { width: 100%; }

.layout_wrap { clear: both; width: 100%; }

.layout_inner { width: 1136px; margin: 0px auto; }

.userFullWidth { width: 1136px; }

.userCWidth, .userCWidth2 { width: 915px; }

.width100 { width: 100%; }

#top_wrap { z-index: 900; }

#bottom_wrap { background-color: #565656; min-height: 320px; min-width: 1136px; overflow: hidden; box-sizing: border-box; }

/* Bottom Style */
#bottom .bot_logo { width: 281px; text-align: center; }
#bottom .bot_logo a { width: 281px; height: 142px; text-align: center; display: block; }
#bottom .li_btn1 { position: absolute; top: 29px; left: 360px; }
#bottom .li_btn1 li { float: left; display: block; margin-left: 19px; padding-right: 20px; background: url("../images/share/bot_btn_li.png") right 1px no-repeat; }
#bottom .li_btn1 li.first { margin-left: 0px; }
#bottom .li_btn1 li.last { padding-right: 0px; background: none; }
#bottom .li_btn2 { position: absolute; top: 111px; left: 908px; }
#bottom .li_btn2 li { float: left; }
#bottom .copyright { width: 806px; min-height: 320px; }
#bottom .copyright .copyimg { margin: 73px 0 0 80px; }

/* TOP Style */
#top_menu_center { z-index: 999; top: -52px; left: 429px; width: 278px; height: 150px; }
#top_menu_center a.logo { display: block; width: 278px; height: 68px; text-align: center; }
#top_menu_center li { display: block; float: left; }

#top_menu_wrap { height: 57px; background-color: #9bbf0b; top: 52px; }

#top_menu li.bmenu { float: left; display: block; border-right: 1px solid #cecece; height: 57px; }
#top_menu li.space { margin-left: 277px; }
#top_menu ul.bmenu_ul li:first-child { border-left: 1px solid #cecece; }

#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 { top: -45px; z-index: 9999; }
#top_login .loginoff { float: right; }
#top_login .loginon { float: right; }
#top_login .loginon .input_text { width: 100px; height: 21px; line-height: 21px; font-size: 11px; border: 0px none; padding-left: 7px; }
#top_login .loginon .defaultText, #top_login .loginon .defaultText2 { color: #c0c0c0; }
#top_login .loginon li .ids { background: url(../images/share/top_login_bg.gif) 0 0 no-repeat; }
#top_login .loginon li .pwd { background: url(../images/share/top_login_bg2.gif) 0 0 no-repeat; }
#top_login li { float: leFt; display: block; }
#top_login .logined { float: right; }
#top_login .logined .spans { line-height: 22px; background: url(../images/share/top_login_bg2.gif) right 0 no-repeat; border-left: 1px solid #ccc; padding: 0px 15px; color: #666; }

#top_menu ul.DB_main { position: relative; left: 50%; width: 1136px; margin-left: -568px; height: 57px; z-index: 200; }
#top_menu ul.DB_main li { float: left; height: 57px; }
#top_menu ul.DB_main li a { display: block; width: 100%; height: 100%; }
#top_menu .DB_mask { position: absolute; z-index: 800; width: 100%; height: 584px; overflow: hidden; left: 0; display: none; min-width: 1136px; }
#top_menu .DB_mask .DB_move { position: relative; width: 100%; height: 100%; background: url("../images/share/top_s_menu_bg2.png") 0 0 repeat; height: 579px; top: -584px; border-bottom: 5px solid #f3a600; }
#top_menu .DB_mask .DB_move .DB_subSet { position: relative; /*width절반*/ padding-top: 10px; height: 570px; background: url("../images/share/top_s_menu_line.png") 0 0 repeat-y; }
#top_menu .DB_mask .DB_move .DB_subSet ul { float: left; width: 143px; height: 100%; }
#top_menu .DB_mask .DB_move .DB_subSet ul.space { margin-left: 276px; border-left: 1px solid #cecece; }
#top_menu .DB_mask .DB_move .DB_subSet ul:first-child { border-left: 1px solid #cecece; }
#top_menu .DB_mask .DB_move .DB_subSet ul li { display: block; height: 30px; border-right: 1px solid #cecece; text-indent: 5px; width: 142px; overflow: hidden; line-height: 30px; letter-spacing: -1px; font-size: 12px; }
#top_menu .DB_mask .DB_move .DB_subSet ul li a { display: block; line-height: 30px; height: 30px; letter-spacing: -1px; }
#top_menu .DB_mask .DB_move .DB_subSet ul li a:hover { color: #fff; font-weight: bold; background-color: #ffc000; }
#top_menu .DB_mask .DB_move .DB_subSet ul li.bmenu { width: 142px; height: 57px; text-indent: 0px; margin-top: 4px; display: block; }
#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: 117px 0px 4px 0px; }
#top_menu .DB_mask .DB_move .DB_subSet ul li.DB_select a { color: #fff; font-weight: bold; letter-spacing: -1px; background-color: #ffc000; }
#top_menu .centers { position: absolute; top: 111px; left: 430px; }
#top_menu .centers > div { position: absolute; display: none; }
#top_menu .centers .imgs01 { display: block; }

/*비표준인경우 클래스로 적용*/
/*비표준인경우 클래스로 적용*/
#mainVisual { width: 100%; min-width: 1136px; height: 780px; position: relative; overflow: hidden; z-index: 700; }
#mainVisual .DB_img { position: relative; width: 100%; height: 100%; }
#mainVisual .DB_img li { position: absolute; width: 100%; height: 100%; }
#mainVisual .DB_img li a { display: block; width: 100%; height: 100%; }
#mainVisual .DB_menu { position: absolute; bottom: 10px; width: 100%; text-align: center; }
#mainVisual .DB_menu li { display: inline; cursor: pointer; margin: 0px; }
#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; }
#mainVisual .slide_wrap { position: absolute; left: 50%; top: 0px; width: 1136px; margin-left: -568px; }
#mainVisual .slide_01, #mainVisual .slide_02, #mainVisual .slide_03, #mainVisual .slide_04, #mainVisual .slide_05, #mainVisual .slide_06 { display: none; }
#mainVisual .slide_01 .img1, #mainVisual .slide_02 .img1 { position: absolute; z-index: 800; left: 0; top: 388px; }
#mainVisual .slide_01 .img2, #mainVisual .slide_02 .img2 { position: absolute; left: 0; top: 511px; }
#mainVisual .slide_01 .img3, #mainVisual .slide_02 .img3 { position: absolute; left: 0; top: 572px; }
#mainVisual .slide_03 .img1 { position: absolute; z-index: 800; left: 0; top: 390px; }
#mainVisual .slide_03 .img2 { position: absolute; left: 0; top: 511px; }
#mainVisual .slide_03 .img3 { position: absolute; left: 0; top: 571px; }
#mainVisual .slide_04 .img1 { position: absolute; z-index: 800; left: 0; top: 386px; }
#mainVisual .slide_04 .img2 { position: absolute; left: 0; top: 510px; }
#mainVisual .slide_04 .img3 { position: absolute; left: 0; top: 570px; }
#mainVisual .slide_05 .img1 { position: absolute; z-index: 800; left: 0; top: 390px; }
#mainVisual .slide_05 .img2 { position: absolute; left: 0; top: 511px; }
#mainVisual .slide_05 .img3 { position: absolute; left: 0; top: 570px; }
#mainVisual .slide_06 .img1 { position: absolute; z-index: 800; left: 0; top: 370px; }
#mainVisual .slide_06 .img2 { position: absolute; left: 0; top: 490px; }
#mainVisual .slide_06 .img3 { position: absolute; left: 0; top: 552px; }
#mainVisual .slide_07 .img1 { position: absolute; z-index: 800; left: 0; top: 390px; }
#mainVisual .slide_07 .img2 { position: absolute; left: 0; top: 511px; }
#mainVisual .slide_07 .img3 { position: absolute; left: 0; top: 570px; }
#mainVisual .slide_08 .img1 { position: absolute; z-index: 800; left: 150; top: 257px; }
#mainVisual .slide_08 .img2 { position: absolute; left: 0; top: 310px; }
#mainVisual .slide_08 .img3 { position: absolute; left: 0; top: 485px; }
#mainVisual .slide_08 .img4 { position: absolute; left: 0; top: 615px; }

#subPageVisual { height: 310px; min-width: 1136px; position: relative; overflow: hidden; z-index: 700; 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, #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 .subTitle { float: left; }
#subTitleWrap .subMap { float: right; line-height: 37px; height: 37px; background: url(../images/title/map_icon.png) 0 50% no-repeat; padding-left: 17px; margin-top: 13px; color: #737373; }
#subTitleWrap.text .subTitle { color: #97b90e; font-size: 30px; letter-spacing: -0.05em; font-weight: 700; font-family: 'SUIT', 'Nanum Gothic', '맑은 고딕', 'malgun gothic', 굴림, 굴림체, gulim, 돋움, dotum, tahoma, sans-serif, arial, verdana; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-flex; justify-content: flex-start; align-items: center; line-height: 50px; }
#subTitleWrap.text .subTitle i { width: 1px; height: 30px; background: #91b014; margin-right: 8px; }

/* Index Style End */
.index_top_bn { overflow: hidden; }

#index_area02 { height: auto; overflow: hidden; padding-bottom: 50px; }
#index_area02 .area01 { width: 330px; margin-top: 52px; }
#index_area02 .area01_table { margin-top: 12px; height: 88px; }
#index_area02 .area01_table td { line-height: 22px; }
#index_area02 .area01 .bgline { width: 330px; height: 6px; background: url(https://www.smc365.ac:4462/images/index/line2_consul_bg01.jpg) 0 0 no-repeat; }
#index_area02 .ban, #index_area02 .ban2 { margin-top: 16px; }
#index_area02 .area02 { margin-left: 70px; width: 314px; margin-top: 35px; }
#index_area02 .area03 { margin-left: 90px; width: 321px; margin-top: 35px; }

#index_area03 { display: block; position: relative; height: 600px; }
#index_area03 .bg_wrap { width: 100%; position: absolute; min-width: 1136px; }
#index_area03 .bg_wrap .bg { width: 100%; position: relative; }
#index_area03 .bg_wrap .bg1 { width: 100%; height: 600px; position: absolute; background-image: url(../images/visual/index_3_1_bg.jpg); background-repeat: no-repeat; background-position: 50%; background-attachment: fixed; }
#index_area03 .bg_wrap .bg2 { width: 100%; height: 600px; position: absolute; background-image: url(../images/visual/index_3_2_bg.jpg); background-repeat: no-repeat; background-position: 50%; background-attachment: fixed; }
#index_area03 .area03_content { width: 100%; position: absolute; }
#index_area03 .area03_content .img01 { position: absolute; top: 120px; }
#index_area03 .area03_content .img02 { position: absolute; top: 410px; }
#index_area03 .area03_content .img03 { position: absolute; top: 410px; left: 177px; }
#index_area03 .area03_content .img04 { position: absolute; top: 410px; left: 352px; }

#index_area04_wrap { background: url(../images/index/area04_bg.gif) 0 0 repeat; min-width: 1136px; width: 100%; }

#index_area04 { height: 2300px; background: url(https://www.smc365.ac:4462/images/index/line4_top_bg.png) 0 0 no-repeat; }
#index_area04 .img01 { position: absolute; top: 76px; }
#index_area04 .license2 { position: absolute; top: 146px; right: 0px; }
#index_area04 .bgs { width: 312px; height: 339px; background: url(../images/index/area04_photo_bg.png) 0 0 no-repeat; }
#index_area04 .area04_left .img { width: 290px; height: 220px; margin: 10px 0px 0px 11px; }
#index_area04 .area04_left .img td { width: 100%; text-align: center; }
#index_area04 .area04_left .img img { width: auto; height: auto; max-width: 290px; max-height: 220px; }
#index_area04 .area04_left .txt { width: 290px; margin: 15px 0px 0px 11px; }
#index_area04 .area04_left .subject { width: 290px; text-align: center; }
#index_area04 .area04_left .regdate { width: 90px; }
#index_area04 .area04_right li { display: block; border: 1px solid #dcdcdc; width: 138px; height: 118px; background-color: #fff; float: left; margin-left: 5px; }
#index_area04 .area04_right li.secondline { margin-top: 11px; }
#index_area04 .area04_right li.first { margin-left: 0px; }
#index_area04 .area04_right li .img { width: 120px; height: 80px; margin: 10px 0px 0px 11px; text-align: center; }
#index_area04 .area04_right li .img img { width: auto; height: auto; max-width: 120px; max-height: 80px; }
#index_area04 .area04_right li .txt { width: 120px; margin: 8px 0px 0px 11px; }
#index_area04 .area04_right li .subject { width: 120px; }
#index_area04 .area04_01 { position: absolute; top: 238px; width: 312px; }
#index_area04 .area04_02 { position: absolute; top: 238px; width: 312px; left: 341px; }
#index_area04 .area04_03 { position: absolute; top: 238px; right: 0px; width: 430px; }
#index_area04 .area04_04 { position: absolute; top: 433px; right: 0px; width: 430px; }
#index_area04 .area04_05 { position: absolute; top: 640px; width: 312px; }
#index_area04 .area04_06 { position: absolute; top: 640px; width: 312px; left: 341px; }
#index_area04 .area04_07 { position: absolute; top: 640px; right: 0px; width: 430px; }
#index_area04 .area04_08 { position: absolute; top: 834px; right: 0px; width: 430px; }
#index_area04 .area04_09 { position: absolute; top: 1042px; width: 312px; }
#index_area04 .area04_10 { position: absolute; top: 1042px; width: 312px; left: 341px; }
#index_area04 .area04_11 { position: absolute; top: 1042px; right: 0px; width: 430px; }
#index_area04 .area04_12 { position: absolute; top: 1236px; right: 0px; width: 430px; }
#index_area04 .area04_13 { position: absolute; top: 1443px; width: 312px; }
#index_area04 .area04_14 { position: absolute; top: 1443px; width: 312px; left: 341px; }
#index_area04 .area04_15 { position: absolute; top: 1443px; right: 0px; width: 430px; }
#index_area04 .area04_16 { position: absolute; top: 1637px; right: 0px; width: 430px; }
#index_area04 .area04_17 { position: absolute; top: 1844px; width: 312px; }
#index_area04 .area04_18 { position: absolute; top: 1844px; width: 312px; left: 341px; }
#index_area04 .area04_19 { position: absolute; top: 1844px; right: 0px; width: 430px; }
#index_area04 .area04_20 { position: absolute; top: 2038px; right: 0px; width: 430px; }
#index_area04 .area04_21 { position: absolute; top: 2229px; right: 0px; width: 430px; }

/*width:auto; height:auto; max-width:130px; max-height:98px;*/
#index_line5 { display: block; position: relative; height: 390px; }

.index_line5_bg_wrap { width: 100%; position: absolute; min-width: 1136px; }
.index_line5_bg_wrap .index_line5_bg { width: 100%; position: relative; }
.index_line5_bg_wrap .bg1 { width: 100%; height: 390px; position: absolute; background-image: url(https://www.smc365.ac:4462/images/visual/index_5_1_bg.jpg); background-repeat: no-repeat; background-position: 50% bottom; background-attachment: fixed; }

.index_line5_content { width: 100%; position: absolute; }
.index_line5_content .img01 { position: absolute; top: 62px; right: 0; }
.index_line5_content .img02 { position: absolute; top: 121px; right: 0; }
.index_line5_content .img03 { position: absolute; top: 162px; right: 0; }
.index_line5_content .img04 { position: absolute; top: 300px; right: 0; }

/* Index Style End */
/* Left Style Start */
#left { float: left; width: 185px; margin-top: 40px; }

#content { float: left; margin-top: 40px; margin-left: 36px; width: 915px; }

.LeftMenu, .LeftMenu2 { width: 185px; position: relative; margin: 15px 0px; }
.LeftMenu img, .LeftMenu2 img { border: 0; vertical-align: top; }
.LeftMenu ul, .LeftMenu2 ul { position: relative; z-index: 1; }
.LeftMenu ul li, .LeftMenu2 ul li { border-bottom: 1px solid #ddd; }
.LeftMenu .DB_follow, .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: 30px; padding-bottom: 50px; font-size: 12px; }

/* Fixed Quick */
#fixQuick { position: fixed; top: 109px; right: 0; z-index: 999; }

#fixQuickWarp { position: relative; left: 0px; }
#fixQuickWarp .quickIcon li { display: block; width: 100px; height: 110px; overflow: hidden; line-height: 0px; vertical-align: top; }
#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 .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(../images/admin/pop/pop_top_bg.jpg) 0 0 repeat-x; }
#pop_all .bottom { clear: both; width: 100%; background: url(../images/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(../images/admin/pop/popAll1_bg.gif) 0 0 repeat-x; }
#popAll1 .bottom { clear: both; width: 100%; background: url(../images/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, .input_radio { vertical-align: middle; margin: 0px 0px 3px 0px; padding: 0px; width: 13px; height: 13px; }

.notBor { border: 0px none !important; }

/* 인덱스 */
/* 로그인 */
/*
		#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(https://www.smc365.ac:4462/images/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(https://www.smc365.ac:4462/images/content/teacher_history_bg.gif) 0 bottom repeat-x; color:#888888; font-size:8pt;}

*/
/* Member_join Style */
/*
	#join .titStep {clear:both;}
	#join .titStep .tit {clear:both;}
	#join .titStep .step {clear:both;}
	#join .join_btn01 {margin:23px 0px 23px 11px;}
	#join .join_btn01 {width:670px;margin:23px 0px;}
	#join .join_btn02 {margin:23px 0px 23px 18px;}


	#join .AgreeArea {clear:both;}


	#join .AgreeArea {overflow:hidden;border-bottom:1px solid #e8edf1;padding:0px 0px;}
	#join .AgreeArea .agree_name {clear:both;float:left; margin-top:15px;}
	#join .AgreeArea .agree_box {clear:both;border:1px solid #9e9e9e;margin-top:5px;background:#e0e0e0;}
	#join .AgreeArea .agree_content1 {width:650px; height:110px; margin:2px;border:1px solid #c7c7c7;overflow-y:scroll;background:#fff;padding:5px;}
	#join .AgreeArea .agree_content2 {width:300px;height:110px; margin:2px;border:1px solid #c7c7c7;overflow-y:scroll;background:#fff;padding:5px;}
	#join .AgreeArea .agree_btn {clear:both;float:left; width:300px;margin-top:5px;}

	#join .AgreeArea .allAgree {clear:both;float:left;width:670px; margin-top:10px;padding:7px 0px; text-align:right; background-color:#e9e9e9;}


	#join .chkArea {clear:both;}
	#join .titArea {clear:both;float:left; margin-top:20px;}

	#join .mt26 {margin-top:26px;}
	#join .mt90 {margin-top:50px;}
	#join .p100 {padding-bottom:50px;}

	#join .join_area02 {border-bottom:1px solid #e8edf1;padding:20px 0px;overflow:hidden;text-align:center;}
	#join .join_area02 .check_area {width:650px;border:1px solid #d2d2d2;margin:0 auto;overflow:hidden;padding:20px 0px;}
	#join .join_area02 ul {}
	#join .join_area02 ul li {float:left;}
	#join .join_area02 ul li img {display:block;}
	#join .join_area02 ul li.li_first {margin-left:50px;}
	#join .join_area02 ul li.ssh {margin-left:10px;}
	#join .join_area02 ul li.li_last {margin-left:10px;}
	#join .join_area02 .input_text {border:1px solid #ddd;padding:3px;vertical-align:middle;}
	#join .btn_area {text-align:center;}

	#join .join_info th,#join .join_info td {border-bottom:1px solid #e0e0e0;padding:8px 0px;}
	#join .join_info th {font-weight:normal; background:#e9e9e9;text-align:left;padding-left:10px; color:#737373;}
	#join .join_info td {padding-left:15px;}
	#join .join_info td p {color:#555;margin-left:3px;}
	#join .join_info .line td,#join .join_info .line th {border-top:2px solid #cbcbcb;}
	#join .join_info .input_text {border:1px solid #ddd;padding:2px 2px 1px 2px;vertical-align:middle;}
	#join .join_info .summary {margin-left:7px; color:#a2a2a2;font-size:8pt;}
	#join .join_info .votealert {margin-top:8px; color:red;}


	.notData {padding:30px 0px; text-align:center;} */
/*220413 수정사항*/
.index_top_box { width: 1018px; position: relative; color: #6e7c83; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 36px; line-height: 1.3; letter-spacing: 0.01em; margin: 35px auto; }
.index_top_box img { opacity: 1; }
.index_top_box > div { position: absolute; bottom: 8px; left: 50%; z-index: 1; width: 725px; height: 79px; margin: 20px 0; margin-left: calc(725px / -2); display: flex; justify-content: space-evenly; align-items: center; border-top: 4px solid #b6d92b; border-bottom: 4px solid #b6d92b; }
.index_top_box > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_box > div a:hover { color: #576267; text-shadow: 2px 2px 0 #b6d92b; }

/*220607 수정사항*/
.index_box { width: 1020px; position: relative; color: #6e7c83; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 30px; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 35px auto; margin-bottom: 0; }
.index_box img { opacity: 1; }
.index_box > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 8px; left: 50%; z-index: 1; width: 670px; height: 46px; margin: 20px 0; margin-left: calc(670px / -2); display: flex; justify-content: space-evenly; align-items: center; opacity: 1; -moz-transform: rotate(0.005deg); -webkit-transform: rotate(0.005deg); transform: rotate(0.005deg); }
.index_box > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_box > div a:hover { color: #576267; text-shadow: 2px 2px 0 #b6d92b; }

/*240725 수정사항*/
.index_box2 { width: 1020px; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 35px; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 20px auto; margin-bottom: 0; }
.index_box2 img { opacity: 1; }
.index_box2 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 26px; left: 102%; z-index: 1; width: 270px; height: 46px; margin: 70px 0; margin-left: calc(670px / -2); display: flex; justify-content: space-evenly; align-items: center; opacity: 1; -moz-transform: rotate(0.005deg); -webkit-transform: rotate(0.005deg); transform: rotate(0.005deg); }
.index_box2 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_box2 > div a:hover { color: #576267; text-shadow: 2px 2px 0 #b6d92b; }

.index_box3 { width: 1020px; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 35px; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 15px auto; margin-bottom: 0; }
.index_box3 img { opacity: 1; }
.index_box3 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 26px; left: 102%; z-index: 1; width: 270px; height: 46px; margin: 70px 0; margin-left: calc(670px / -2); display: flex; justify-content: space-evenly; align-items: center; opacity: 1; -moz-transform: rotate(0.005deg); -webkit-transform: rotate(0.005deg); transform: rotate(0.005deg); }
.index_box3 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_box3 > div a:hover { color: #576267; text-shadow: 2px 2px 0 #b6d92b; }

.index_box4 { width: 1020px; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 35px; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 15px auto; margin-bottom: 0; }
.index_box4 img { opacity: 1; }
.index_box4 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 26px; left: 102%; z-index: 1; width: 270px; height: 46px; margin: 70px 0; margin-left: calc(670px / -2); display: flex; justify-content: space-evenly; align-items: center; opacity: 1; -moz-transform: rotate(0.005deg); -webkit-transform: rotate(0.005deg); transform: rotate(0.005deg); }
.index_box4 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_box4 > div a:hover { color: #576267; text-shadow: 2px 2px 0 #b6d92b; }

/*250612 수정사항*/
.index_box5 { width: 1020px; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 35px; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 15px auto; margin-bottom: 0; }
.index_box5 img { opacity: 1; }
.index_box5 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 102%; z-index: 1; width: 270px; height: 46px; margin: 20px 0; margin-left: calc(670px / -2); display: flex; justify-content: space-evenly; align-items: center; opacity: 1; -moz-transform: rotate(0.005deg); -webkit-transform: rotate(0.005deg); transform: rotate(0.005deg); }
.index_box5 .b5_tel01 { bottom: 70px;}
.index_box5 .b5_tel02 { bottom: 0px;}
.index_box5 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_box5 > div a:hover { color: #576267; text-shadow: 2px 2px 0 #b6d92b; }

.index_bns { width: 1000px; margin: 20px auto; margin-bottom: 0; }
.index_bns li { margin-bottom: 15px; display: inline-block; position: relative; }
.index_bns li a { position: absolute; bottom: 15px; left: 38px; z-index: 1; color: #fff; font-size: 23px; 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); }

@keyframes textLoading { 0% { bottom: -8px; opacity: 0; }
  100% { bottom: 8px; opacity: 1; } }
#index_area02 .area01 { width: 330px; }
#index_area02 .area01 > div { width: 100%; float: left; }
#index_area02 .area01 .bn1 { width: 100%; position: relative; color: #000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 13.5px; font-weight: 700; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin-bottom: 14px; margin-bottom: 14px; }
#index_area02 .area01 .bn1 img { opacity: 1; }
#index_area02 .area01 .bn1 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 7px; left: 50%; z-index: 1; width: 290px; height: 20px; margin-left: calc(290px / -2); display: flex; justify-content: space-around; align-items: center; opacity: 1; -moz-transform: skew(1deg); -webkit-transform: skew(1deg); transform: skew(1deg); }
#index_area02 .area01 .bn1 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
#index_area02 .area01 .bn1 > div a:hover { color: #576267; text-shadow: 1px 1px 0 #b6d92b; }
#index_area02 .area01 .bn2 { margin-bottom: 14px; }

#index_area02 .area02, #index_area02 .area03 { margin-top: 0 !important; }
#index_area02 .area01 { margin-top: 12px; }

@keyframes textLoading2 { 0% { opacity: 0; }
  100% { opacity: 1; } }
#bottom .copyright1 { font-family: 'RIXGO', 'NanumSquareR', sans-serif; font-weight: 200; color: #dadada; font-size: 13px; letter-spacing: -0.01em; width: 780px; margin-top: 90px; }
#bottom .copyright1 .title { color: #e3d822; font-size: 21px; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-weight: 500; }
#bottom .copyright1 ul { margin: 10px 0; overflow: hidden; }
#bottom .copyright1 li { width: 100%; float: left; }
#bottom .copyright1 li p { margin: 9px 0; -moz-transform: rotate(0.05deg); -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }
#bottom .copyright1 li span { margin-right: 30px; }
#bottom .copyright1 li span:last-of-type { margin-right: 0; }
#bottom .copyright1 li.line { height: 1px; background: #7c7c7c; padding: 0; margin: 10px 0; }