@charset "utf-8";
@import url(board.css);
@import url(member.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



html {margin:0;padding:0; background-color: #fff; }
body{position:relative;  font-size:16px; line-height:28px;   font-family: 'Noto Sans KR', sans-serif; color:#555; letter-spacing:-0.03em; height:100%; margin:0; padding:0; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {font-family: 'arm',sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#074085;}



.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}



.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}



.wrapper { position: relative; min-width:1300px;  }


/* header */ 
#header-container {position:absolute; width:1300px; height:180px; top:20px; left:50%; margin-left:-650px; z-index:9999;}
#top {position: relative;  width:1300px; height:80px;  margin:0 auto; background:#003814;}
#top h1 {position:relative; float:left; width: 350px; height:80px;}

#gnb {position: relative; float:right; width:80px; height:67px; padding-top:13px;background:#002f11;}
#gnb ul li {text-align:right; padding-right:17px; line-height:23px;}
#gnb ul li a {font-size:12px; color:#859797;}
#gnb ul  li:first-child{}







.head-nav { float:left; width:870px; position:relative; }


#menu {width:820px; padding:0 25px; }

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; }


#menu ul li {margin:0; padding:0; list-style:none; }


#menu ul li a {display: block;  font-size:19px;  color:#fff; font-weight:500; line-height:80px; padding:0 30px;}

#menu ul li ul {position:absolute; left:-9999px; top:80px !important;}
#menu ul li ul li {min-width:130px;  text-align:left; }
#menu ul li ul li a {font-family:'Noto Sans KR'; font-size:14px; color:#555;background:#fff; padding:10px 30px; line-height:20px; border-bottom:1px solid #e9e9e9; border-left:none;}
#menu ul li ul li ul {top:42px !important;}
#menu ul li ul li ul li {width:auto;}
#menu ul li ul li ul li a {background:#333;}



#menu ul li:hover > ul {visibility:visible; left:0; top:45px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-42px; margin-left:0; border-left:1px solid #3d3d3d; background:#000 !important; }
#menu ul ul li:hover > ul li a{color:#777; border-bottom:1px solid #3d3d3d !important;}

#menu ul.level1 li.level1-li {float:left; display:block; position:relative; }


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible; }

#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}



#menu li:hover > a ,
#menu ul li:hover > a.fly { font-weight:500;  color:#fffb03; }

#menu ul li ul li:hover > a ,
#menu ul li ul li:hover > a.fly {  font-family:'Noto Sans KR';  color:#002f11; background:#fffb03; }






/* footer */ 
#footer_wrap {clear:both; position: relative;  background:#002a0f; padding:70px 0;}
#footer_wrap .footer {position: relative; width:1300px; margin:0 auto; color:#d3d3d3;   line-height:30px;}

#footer_wrap .footer .address {position: relative; clear:both; font-size:15px; }
#footer_wrap .footer .address span { margin-left:45px;}
#footer_wrap .footer .address strong {color:#fff;}
#footer_wrap .footer .f_m {position:absolute; right:0; top:0;}
#footer_wrap .footer .f_m ul li {float:left;  font-size:16px;  margin-left:40px; }
#footer_wrap .footer .f_m ul li a {color:#fff; font-weight:500;}
#footer_wrap .footer .f_m ul li a:hover {color:#999;}
#footer_wrap .footer .f_m ul li:first-child{}
#footer_wrap .footer .f_sns {position:absolute; right:0; top:45px;}
#footer_wrap .footer .f_sns ul li {float:left; margin-left:5px;}







#container {position:relative;  clear:both;  }
.cen {position:relative;  clear:both; width:1300px; margin:0 auto; padding:60px 0 110px 0;}


/* main */
/******* visual *********************************/ 
.slider02 {width:100%; height:830px; overflow:hidden; margin: 0; padding: 0;position: relative; zoom: 1;  z-index:9;}
.slider02 .flex-viewport {max-height: 2000px;}
.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides img {margin-left:-960px; padding-left:50%; display: block;}


/* Direction Nav */
.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:none;}
.slider02 .flex-direction-nav a {width: 45px; height: 90px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: 240px; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider02 .flex-direction-nav .flex-prev {left:0;  background:url(../images/main/btn_prev.png) no-repeat 0 0;}
.slider02 .flex-direction-nav .flex-next {right:0;  background:url(../images/main/btn_next.png) no-repeat 0 0;}

/* Control Nav */
.slider02 .flex-control-nav {width: 100%; position: absolute; bottom:200px; text-align: center;margin: 0; padding: 0; list-style: none; .left:0; }
.slider02 .flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.slider02 .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #666; background:#fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider02 .flex-control-paging li a:hover { background: #333; background:#555; }
.slider02 .flex-control-paging li a.flex-active { background: #000; background:#0089d0; cursor: default; }


.slogan {position:absolute; z-index:1111;  top:270px; left:54%;  text-align:left;}
.slogan .tt1{font-size:20px; color:#fff; font-weight:700; line-height:20px; letter-spacing:-0.08em;}
.slogan .tt2{font-size:60px; color:#003814; font-weight:900; line-height:60px; letter-spacing:-0.08em;}
.slogan .tt3 {font-size:18px; color:#003814; font-weight:300; margin-top:20px; line-height:28px; }
.slogan .bar{margin:30px 0 20px 0;}
.visual_bottom {position:relative; background:url(../images/main/wave.png) no-repeat center; height:140px; margin-top:-140px; z-index:999;}
/******* //visual *********************************/ 

.business_top {position:absolute; top:696px; width:100%; height:174px; background:url(../images/main/business_top.png) no-repeat center; z-index:99;}



h2 {position:relative;  clear:both; line-height:50px; font-size:50px;  color:#003814; font-weight:900;}



h3 {position:relative;  clear:both; color:#003814;  font-size:25px;   font-weight:700; letter-spacing:-0.05em;  line-height:28px;margin:70px 0 30px 0; background:url(../images/sub/h3_bar.jpg) no-repeat; padding-left:35px;}
h4 {position:relative;  clear:both; position:relative;  clear:both; color:#329832;  font-size:22px;   font-weight:700; margin-bottom:15px;}
h5 {position:relative;  clear:both; margin:10px 0 5px 0; font-size:17px; font-weight:500; color:#294171;}



.bt1 {position:relative;  clear:both; border-top:1px solid #ededed; margin:70px 0;}



.curriculum {position:relative; float:left; width:820px;}
.curriculum .icon {float:left; width:95px;margin-top:10px;}
.curriculum .tit {float:left; width:295px; padding-right:20px; text-align:right; font-size:47px; font-weight:900; color:#003814; letter-spacing:-0.06em; line-height:45px;}
.curriculum .tit p {font-size:14px; font-weight:500; color:#8f8f8f; line-height:19px; letter-spacing:-0.05em; }
.curriculum .info {float:right; width:410px;}
.curriculum .info ul li {float:left; padding:0 12px; font-size:16px; border-left:1px solid #d6d6d6; font-weight:500; margin-bottom:7px;}
.curriculum .info ul li:first-child{border-left:none; padding:0 12px 0 0 ;}
.curriculum .info ul li a {color:#006ea7;}
.curriculum .info p {position:relative;  clear:both; font-size:15px; color:#666; line-height:21px; }


.sns {position:relative; float:right; width:450px;border-left:1px solid #e9e9e9; padding-left:29px; margin-top:16px;}
.sns .tit {float:left;}
.sns .tit ul li {float:left;  font-size:15px; color:#666; line-height:21px; padding-top:5px; }
.sns .tit ul li.tt {font-size:47px; font-weight:900; color:#003814; letter-spacing:-0.06em; margin-right:15px; padding-top:15px;}
.sns .icon {float:right;}
.sns .icon ul li {float:left; margin-left:5px;}


.calendar {position:relative;  clear:both; float:left; width:340px; height:240px; padding:30px; background:#dbedf6; text-align:center;}

.calendar .year {position:relative; clear:both; height:50px; width:210px; margin:0 auto;}
.calendar .year ul li {float:left; text-align:center; width:15px; line-height:20px;}
.calendar .year ul li.tt {color:#003814; font-size:27px;  font-weight:900; width:180px; letter-spacing:-0.05em; }
.calendar .year ul li a {font-size:25px; color:#97d99f;}
.calendar table {clear:both; text-align:center; }
.calendar table th {height:30px; color:#fff; background:#646464; font-size:14px; font-weight:700; letter-spacing:-0.03em;}
.calendar table td { font-weight:700; height:33px; font-size:14px;}
.calendar table .sun {color:#ee3939;}
.calendar table .sat {color:#242d9c;}
.calendar table .today {color:#fff; background:url(../images/main/icon_pink.png) no-repeat center; }
.calendar table .edu {  background:url(../images/main/icon_green.png) no-repeat center; }
.calendar table .edu a {color:#003814;}
.calendar table a {color:#fff;}
.calendar table .holiday {color:#ee3939;}



.link_box {position:relative; float:left; width:398px; height:298px; border:1px solid #dfdfdf; background:#fbfbfb; margin-left:50px; text-align:center; font-size:15px; color:#5a5a5a; line-height:20px;}
.link_box p.tt {color:#003814; font-size:25px; font-weight:900; padding:30px 0 15px 0;}


#kssa_wrap {position:relative;  clear:both;  height:550px;  background:url(../images/main/kssa_bg.jpg) no-repeat center;}
#kssa_wrap .kssa {position:relative;  clear:both; width:1300px; margin:0 auto; padding-top:115px;  font-size:16px; line-height:22px; color:#666;}
#kssa_wrap .kssa p.tt1 {color:#003814; font-size:45px; font-weight:900; line-height:45px;}
#kssa_wrap .kssa p.tt2 {color:#006ea7; font-size:19px; font-weight:700;}




#location {position:relative;  clear:both; padding-top:80px; text-align:center;}
#location p { line-height:27px; font-size:17px;  color:#444; font-weight:300; margin-top:20px;}
#location .info {position:relative;  clear:both; border-top:1px solid #e6e6e6;  padding:50px 0; margin-top:60px;}
#location .info ul {width:1300px; margin:0 auto;}
#location .info ul li {float:left; font-size:17px; letter-spacing:-0.03em;}
#location .info ul li span {color:#003814; font-weight:900;}
#location .info ul li.ml150 {margin-left:150px;}


#map_wrap table {font-size:14px;}
#map_wrap table th {width:20%; text-align:left; padding:10px 0;}
#map_wrap table td {text-align:left; padding:10px 0;}

#map {position:relative; clear:both;   overflow:hidden;}
#map .frame {width:1920px; height:500px; margin-left:-960px;padding-left:50%;}

#map_wrap .info {position:relative;  clear:both; border-top:1px solid #e6e6e6;  padding:50px 0; }
#map_wrap .info ul {width:1400px; margin:0 auto;}
#map_wrap .info ul li {float:left; font-size:19px; letter-spacing:-0.03em;}
#map_wrap .info ul li span {color:#034ea2; font-weight:700;}
#map_wrap .info ul li.ml150 {margin-left:150px;}



.quicklink {position:relative;  clear:both; border-top:1px solid #ededed; border-bottom:1px solid #ededed;  padding:40px 0; margin:60px 0;}
.quicklink .campus {float:left; margin-top:10px;}
.quicklink .campus ul li {float:left; margin-left:10px;font-size:18px; color:#444; font-weight:700;}
.quicklink .campus ul li.txt {margin-right:10px;}
.quicklink .campus ul li a {color:#fff; font-weight:500; background:#2885b5;  padding:7px 20px; border-radius:30px; }
.quicklink .campus ul li a.bg {background:#39744e;}
.quicklink .link {float:right;}
.quicklink .link ul li {float:left; margin-left:50px;}










/* sub */
#s_container {position:relative; clear:both; width:1300px; margin:0 auto; padding:0 0 100px 0;}

#s_visual {position:relative; clear:both; text-align:center; height:250px; padding-top:200px;font-size:55px; line-height:40px;  font-weight:900; letter-spacing:0;color:#fff;}
#s_visual p { font-size:16px; line-height:25px;  font-weight:400;  margin-top:25px;}

.vis01 {background:url(../images/sub/visual01.jpg) no-repeat center;}
.vis02 {background:url(../images/sub/visual02.jpg) no-repeat center;}
.vis03 {background:url(../images/sub/visual03.jpg) no-repeat center;}
.vis04 {background:url(../images/sub/visual04.jpg) no-repeat center;}
.vis05 {background:url(../images/sub/visual05.jpg) no-repeat center;}
.vis06 {background:url(../images/sub/visual06.jpg) no-repeat center;}
.vis07 {background:url(../images/sub/visual07.jpg) no-repeat center;}
.vis08 {background:url(../images/sub/visual08.jpg) no-repeat center;}

#s_visual2 {position:relative; clear:both; text-align:center; height:100px;  border-bottom:1px solid #dadce0;  padding-top:150px;font-size:30px; line-height:40px;  font-weight:900; letter-spacing:0; color:#fff;}


#snb_wrap {position:relative; clear:both; padding:70px 0;}
#snb {position:relative; clear:both;  height:45px; margin:0 auto; text-align:center;}
#snb ul li { height:45px; line-height:45px;  margin:0 10px;    display:inline-block; .display:inline-block;zoom:1;#display:inline;}
#snb ul li a {display:block;  text-align:center; font-size:17px; line-height:45px;color:#444;font-weight:500; letter-spacing:-0.05em; padding:0 40px; background:#efefef; border-radius:30px;}
#snb ul li a.snb_on {color:#fff; background:#003814;}
#snb ul li a:hover {background:#e6e6e6;}
#snb ul li a.snb_on:hover {background:#003814;}

 .stitle {position:relative; clear:both;  font-size:35px;  color:#333; font-weight:700;  text-align:center;  letter-spacing:-0.05em;}
.contents {position:relative; clear:both; margin-top:70px; line-height:27px; padding-bottom:30px;}




.con_table {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #efefef; text-align:left;   color:#555;}
.con_table th {color:#333;  font-weight:500;   background:#fcfcfc; line-height:20px; text-align:center;}
.con_table td.a_l {text-align:left;}
.con_table td.a_r {text-align:right;}
.con_table th, .con_table td {padding:15px 15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;}


.con_table3 th, .con_table3 td {padding:15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;  }


.li_icon {position:relative; clear:both;}
.li_icon ul li {background:url(../images/sub/icon_green.jpg) no-repeat 0 10px; padding-left:8px; margin-bottom:7px;}
.li_icon ul li strong {font-weight:500;}
.li_icon ul li span {color:#304f8d;}


#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #444;}
#other .tit {position:relative; clear:both;  margin:0; top:0; left:0;font-size:30px; color:#222;  font-weight:700; text-align:center; padding:20px 0; background:#fff;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; color:#666; font-size:14px; line-height:23px; letter-spacing:-0.03em;}






.sitemap {position:relative; clear:both;}
.sitemap .tit {margin-bottom:10px; background:#555; color:#fff; font-size:17px; font-weight:500; padding:20px 0; text-align:center;}
.sitemap .menu {position:relative; float:left; width:18%; margin:1%;}
.sitemap .menu ul li {font-size:15px;padding-left:20px;  line-height:50px; border-bottom:1px solid #efefef;}
.sitemap .menu ul li ul {padding-bottom:15px;}
.sitemap .menu ul li ul li {line-height:20px !important; border-bottom:1px solid #fff !important; font-size:13px !important; color:#222;}
.sitemap .menu ul li ul li a {color:#888;}







#s_location {position:relative;  clear:both;  text-align:center;}
#s_location p { line-height:27px; font-size:17px;  color:#444; font-weight:300;}
#s_location .info {position:relative;  clear:both; border-top:1px solid #e6e6e6;  padding:40px 0;}
#s_location .info ul {width:1300px; margin:0 auto; clear:both;}

#s_location .info ul li {float:left; font-size:17px; letter-spacing:-0.03em; line-height:40px;}
#s_location .info ul li span {color:#003814; font-weight:900;}
#s_location .info ul li.ml150 {margin-left:150px;}


#s_map_wrap table {font-size:14px;}
#s_map_wrap table th {width:20%; text-align:left; padding:10px 0;}
#s_map_wrap table td {text-align:left; padding:10px 0;}

#s_map {position:relative; clear:both;   overflow:hidden;}



#s_location2 {position:relative;  clear:both;  text-align:center;}
#s_location2 p { line-height:27px; font-size:17px;  color:#444; font-weight:300;}
#s_location2 .info {position:relative;  clear:both; border-top:1px solid #e6e6e6;  padding:40px 0;}
#s_location2 .info ul {width:1300px; margin:0 auto; clear:both;}

#s_location2 .info ul li {float:left; font-size:17px; letter-spacing:-0.03em; line-height:40px;}
#s_location2 .info ul li span {color:#003814; font-weight:900;}
#s_location2 .info ul li.ml150 {margin-left:150px;}
#s_location2 #map {width:1300px !important;}


#s_location2 h3 {text-align:left;}





#schedule { position:relative;}

#schedule table {clear:both;  border-right:1px solid #dfdfdf; border-top:2px solid #888;}
#schedule table th {padding:20px 0; color:#333; background:#f9f9f9; font-size:15px; line-height:30px; letter-spacing:0.05em; font-weight:900;border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
#schedule table td {padding:20px;  vertical-align:top; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font-weight:700;}
#schedule table .sun span{color:#d94a4c;}
#schedule table .sat span{color:#003dc8;}
#schedule table .sunbg {background:#f4e4e4;color:#d94a4c;}
#schedule table .satbg {background:#e6ecf3;color:#003dc8;}
#schedule table .today {color:#fff; background:#003814; }
#schedule table .today a {color:#fff;}
#schedule table .today span {color:#fff;}
#schedule table .edu {background:#f8fbfd; color:#555;}
#schedule table td span {position:relative; font-weight:bold; }
#schedule table td .list {position:relative; clear:both; }
#schedule table td .list ul li {clear:both; background:url(../images/main/icon_gray.jpg) no-repeat 0 8px; padding-left:7px;line-height:18px; margin:7px 0;}

#schedule .year {clear:both; width:200px; height:60px; margin:0 auto;}
#schedule .year ul li {float:left;}
#schedule .year ul .prev {width:30px;font-size:30px;}
#schedule .year ul .next {width:30px; font-size:30px; text-align:right;}
#schedule .year ul .month {width:140px; text-align:center; font-size:30px; font-weight:bold; color:#333; }
.holiday {color:#d94a4c;}



#top10 {position:relative; clear:both; border-top:3px solid #003814}
#top10 ul li {float:left; width:650px; border-bottom:1px solid #dfdfdf; line-height:90px; font-size:20px; font-weight:700;}
#top10 ul li div {float:left; width:90px; height:85px; padding-top:5px; background:url(../images/introduce/top10bg.jpg) no-repeat; color:#fff; font-size:25px; font-weight:900; text-align:center;}


#cibi  {position:relative; clear:both;}
#cibi .ci {position:relative; clear:both;}
#cibi .ci ul li {float:left; border:1px solid #dfdfdf; margin-bottom:40px;}
#cibi .ci ul li.f_r {float:right;}


#campus {position:relative; clear:both;}
#campus .list {position:relative; clear:both; margin-top:30px;}
#campus .list ul li {float:left;  margin:50px 50px 0 0; background:#e9e8e8;}
#campus .list ul li.f_r {float:right; margin-right:0;}
#campus .list ul li p  { text-align:center; line-height:70px; font-weight:500; font-size:20px; color:#222;}
#campus .campusinfo {position:relative; clear:both; text-align:center;}
#campus .campusinfo ul li { margin:0 15px;    display:inline-block; .display:inline-block;zoom:1;#display:inline;}
#campus .campusinfo ul li a {display:block;  text-align:center; font-size:23px; line-height:50px;color:#333;font-weight:700; letter-spacing:-0.05em; padding:10px 40px; background:#ffff; border:3px solid #20a19c; border-radius:40px;}
#campus .campusinfo ul li a.color {color:#20a19c;}
#campus .campusinfo ul li a:hover {border:3px solid #003814;}

#register_info {position:relative; clear:both;}
#register_info p {color:#003814; font-size:19px; line-height:28px; }
#register_info .box {position:relative; clear:both; border:1px solid #dfdfdf; padding:9px; margin-top:50px;}
#register_info .box ul {float:left;}
#register_info .box ul li {float:left; height:80px; width:430px; padding-left:30px; line-height:80px; font-size:19px; font-weight:500;}
#register_info .box ul li.bg1 {background:#003814; color:#fff;  width:180px; text-align:center; padding:0; font-weight:700;}
#register_info .box ul li.bg2 {background:#fdef01; color:#003814; width:180px;text-align:center; padding:0;  font-weight:700;}

#register_info .box2 {position:relative; clear:both; margin-top:70px;}
#register_info .box2 .img {float:left;}
#register_info .box2 .text {float:right;}

/*
#register_info .box {position:relative; float:left; width:400px; background:#e8e8e8;margin-right:50px; text-align:center;  font-size:27px; font-weight:500; color:#555; line-height:90px;}
#register_info .box p.tt {font-size:22px; font-weight:700; color:#fff;}
#register_info .f_r {float:right; margin-right:0;}
#register_info .box p.bg1 {background:#003814;  color:#fff701;}
#register_info .box p.bg2 {background:#185773; }
#register_info .box p.red, #register_info .box p.black {font-weight:700;}
*/

#program_info {position:relative; clear:both;}


#kssa_top10 {position:relative; clear:both; text-align:center;}
#kssa_licen {position:relative; clear:both; text-align:center;}

#kssa_test  {position:relative; clear:both; }
#kssa_test .box {position:relative; clear:both; }
#kssa_test .box ul li {float:left; width:25%; line-height:60px; margin:10px 0 10px 0; font-size:19px; border-bottom:1px solid #efefef;}
#kssa_test .box ul li div {float:left; width:60px; background:#000; border-radius:50px;  text-align:center; color:#fff; font-weight:700; margin-right:15px;}
#kssa_test .box ul li div.bg1 {background:#963b80;}
#kssa_test .box ul li div.bg2 {background:#734488;}
#kssa_test .box ul li div.bg3 {background:#069ae4;}
#kssa_test .box ul li div.bg4 {background:#099652;}
#kssa_test .box ul li div.bg5 {background:#ffce2c;}
#kssa_test .box ul li div.bg6 {background:#fd8829;}
#kssa_test .box ul li div.bg7 {background:#fd1638;}
#kssa_test .box ul li div.bg8 {background:#7c86a1;}
#kssa_test .box ul li div.bg9 {background:#352c2f;}

#kssa_survival {position:relative; clear:both; }
#kssa_survival .tit {float:left; width:450px; height:230px; padding-top:150px; background:#003814; color:#fff;font-size:20px; font-weight:700; line-height:35px; text-align:center;}
#kssa_survival .img {float:left; width:540px;}
#kssa_survival .txt {float:right; width:260px; height:330px; line-height:30px; background:#fafafa;  padding:50px 0 0 50px;}
#kssa_survival .txt p {font-size:20px; color:#333; font-weight:700; margin-bottom:10px;}
.a_r {text-align:right;}


#recruit  {position:relative; clear:both; }
#recruit .img {float:left;}
#recruit .text {float:left; margin-left:60px; padding-top:20px;}

a.download {clear:both; background:#003814; color:#fff; padding:15px 40px; font-size:18px; font-weight:700; }


#franchise  {position:relative; clear:both; font-size:18px; line-height:30px;}