@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');


/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('font/notokr-Light.eot');
    src: local('※'),
    url('font/notokr-Light.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
	src: url('font/notokr-Regular.eot');
	src: local('※'),
         url('font/notokr-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
	src: url('font/notokr-Medium.eot');
	src: local('※'),
         url('font/notokr-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
	src: url('font/notokr-Bold.eot');
	src: local('※'),
         url('font/notokr-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('font/Montserrat-Regular.eot');
    src: local('※'),
    url('font/Montserrat-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('font/Montserrat-Medium.eot');
    src: local('※'),
    url('font/Montserrat-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('font/Montserrat-Bold.eot');
    src: local('※'),
    url('font/Montserrat-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('font/Montserrat-ExtraBold.eot');
    src: local('※'),
    url('font/Montserrat-ExtraBold.woff') format('woff');
}


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family: 'Noto Sans KR', 'Verdana', sans-serif;  font-size:17px; line-height:30px; color:#555; letter-spacing:-0.05em; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; background: transparent; font-style: normal;}
body {line-height: 1; background: #fff; color: #000;}
ol,ul { list-style:none; }
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block;}
nav ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}
table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input, select { vertical-align: middle;}
fieldset, blockquote, iframe, button {border:none;}
select,input,button,textarea,button{font-size:99%;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.content legend {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
input, select { vertical-align: middle;}
img{vertical-align: middle;}
em { font-style: normal;}

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




/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !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}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt100{margin-top:100px !important}
.pt90{padding-top:90px !important}

.mr0 {margin-right:0 !important;}

.grd
{
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
	background: rgb(0, 110, 183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}



body.lypopOpen{overflow:hidden;}
#wrapper {position:relative; width:100%; overflow:hidden;}
#cBody {position:relative; width:100%;}
.subWrap {position:relative; padding:0 0 130px; width:100%;}
.subWrap.pbNo {padding:0}
.container {position:relative; width:1200px; margin:0 auto;}
.blackBg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100; display:none;}
.clear:after{content:''; display:block; clear:both;}
.blind{width:0; height:0; text-indent:-9999px; font-size:0;}


.cboth {clear:both;}

img,video,embed,object {max-width:100%}

.m_view {display:none;}
.pc_view {display:block;}


.f_l {float:left !important;}
.f_r {float:right !important;}


/*본문 바로가기*/
.goCon{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.goCon:focus{top:0;}

#wrapper {min-width:1200px;}

/* header */
#util {position:absolute; z-index:80; right:0; top:0;}
#util a {font-size:12px; color:#999 !important; display:inline-block; position:relative; padding-left:16px; margin-left:15px; line-height:35px; letter-spacing:0;  background:url(../images/common/util_line.jpg) no-repeat 0 13px; }
#util a:before {content:''; position:absolute; top:50%; left:0; margin-top:-6.5px;  background:#e1e1e1;}
#util a:first-child {padding-left:0; margin-left:0;}
#util a:first-child:before {display:block;}
#util a:hover, #util a:focus {color:#572359;}
#util a.cbt {background:#3e009b; color:#fff !important; padding:0 15px;}




#header {position:fixed; top:0; left:0; width:100%; height:140px;  background:#fff url(../images/common/top_bg.jpg) repeat-x; z-index:70;border-bottom:1px solid #efefef;}
#header .container {z-index:2}
#header .container:after {content:''; display:block; clear:both;}
#header h1 {position:absolute;  top:36px; left:0}
#header h1 a { display:block; width:270px; height:103px; text-indent:-9999px;	background:url('../images/common/logo_bk.png')no-repeat center / contain; }
#header .gnbArea {position:relative; margin-left:270px;  top:40px; width:750px;}

#header .gnb:after {content:''; display:block; clear:both;}
#header .gnb > li {float:left; position:relative; padding:0 35px;}
#header .gnb > li > a {position:relative; display:block; padding:20px 0 45px 0; font-weight:500; font-size:18px; color:#111;}
#header .gnb > li.on > a {color:#ff8502;}
#header .gnb > li.on > a:after {content:''; width:20px; height:12px; position:absolute; bottom:0; left:50%; margin-left:-10px; background:url("../images/common/gnb_on_icon.png") no-repeat 50% 50%;}
#header .gnb > li .twoD {display:none; width:100%; position:absolute; padding:45px 0 58px 0; left:50%; transform:translate(-50% , 0); height:200px; }
#header .gnb > li .twoD a {display:block; padding:10px 0; font-size:14px; color:#555; font-weight:400; text-align:left; position:relative; left:35px;}
#header .gnb > li .twoD a:hover, #header .gnb > li .twoD a:focus {color:#ff8502}

#header .right {float:right; margin-top:10px;}

#header .gnbBg {display:none; position:absolute; top:100px; left:0; z-index:1; width:100%; height:300px; background:#fdfdfd url(../images/common/top_line.png) repeat-x bottom; border-top:2px solid #ff8502; }
#header .gnbBg:after{content:''; display:block; position:absolute; top:0; left:50%;  width:718px; box-sizing:border-box; height:100%}
#header.on {position:fixed;  background:#fff url(../images/common/top_bg.jpg) repeat-x; border-bottom:1px solid #efefef;}
#header.on .gnbArea {position:relative; margin-left:270px;  top:0px;}
#header.on {height:140px;}
#header.on a {color:#222;}
#header.on .level2 a {color:#fff;}
#header.on h1 a { display:block; width:270px; height:103px; text-indent:-9999px;	background:url('../images/common/logo_bk.png')no-repeat center / contain; }

#header.on .gnb> li > a {padding:32px 0 32px; color:#fff;}
#header.on .right {margin-top:31px;}
#header.on .gnb > li .twoD {top:80px;}

#header.on .gnbBg {top:80px;}



.head-nav { display: block; position:absolute; top:59px; right:0; z-index:999; }


#menu {width:850px;}

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

#menu ul li {margin:0; padding:0; list-style:none; }
#menu ul li:hover > ul {visibility:visible; left:0; top:45px;}
#menu ul li a {display: block;  font-size:19px;  color:#222; font-weight:700; line-height:60px; padding:0 30px 25px 30px; }
#menu ul li a:hover { font-weight:700;  color:#6289b7;}

#menu ul li ul {position:absolute; left:-9999px; top:81px !important; }
#menu ul li ul li {width:150px;  text-align:center; }
#menu ul li ul li a { font-size:14px; font-weight:500; color:#fff;background:#444; padding:10px 0; line-height:18px; border-bottom:1px solid #555; border-left:none; }
#menu ul li ul li a:hover {background:#6289b7;  color:#fff; font-weight:500;}

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

#menu li:hover > a, #menu ul li:hover > a.fly {  font-weight:700;  color:#6289b7; }






/* 모바일 헤더 */
.mHeader, .mMenuArea {display:none;}



/* footer */
#f_m {position:relative;font-size:15px; }
#f_m ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;  margin-left:20px; padding-left:20px;background:url(../images/common/footer_line.jpg) no-repeat left;}
#f_m ul li a {display:block; color:#d0d0d0; font-weight:500; line-height:65px;}
#f_m ul li:first-child {padding-left:0; background:none;}

#footer_wrap {position:relative; clear:both; background:#414141 url(../images/common/footer_bg.jpg) repeat-x top; color:#a6a6a6; font-size:14px; line-height:29px;font-weight:500; text-align:center;}
#footer_wrap #footer {position:relative; clear:both; width:1200px; margin:0 auto;  }
#footer_wrap #footer .info {padding:35px 0;}
#footer_wrap #footer .info span {margin-left:35px;}
#footer_wrap #footer .info p {margin-top:20px;}
#footer_wrap #footer .f_sns {position:absolute; right:0; top:17px;}
#footer_wrap #footer .f_sns ul li {float:left; margin:0 5px;}


/* 탑버튼 */
.topBtn {position:fixed; bottom:0; right:0; display:none; z-index:70;}


.quick {position:fixed; right:0; top:140px; z-index:99999;}






/* ------------------main --------------------*/
.h140 {height:140px;}
/* 비주얼 */
.mainVisArea {position:relative; width:100%; overflow:hidden;}
.mainVisArea .swiper-wrapper .swiper-slide {display:block; position:relative; width:100%; height:100%;}
.mainVisArea .swiper-wrapper .swiper-slide img {width:100%}
.mainVisArea .swiper-wrapper .swiper-slide .pc {display:block;}
.mainVisArea .swiper-wrapper .swiper-slide .tablet {display:none;}
.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:none;}
.mainVisArea .swiper-wrapper .swiper-slide .txtBox {position:absolute; top:180px; left:50%; box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2); -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0;}
.mainVisArea .swiper-wrapper .swiper-slide .tit{margin-top:175px; font-size:80px; line-height:88px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff;}
.mainVisArea .swiper-wrapper .swiper-slide .txt{margin-top:20px; font-size:20px; line-height:30px; color:#fff;}
.mainVisArea .swiper-wrapper .swiper-slide .mainBt{ 
	display:inline-block; height:50px; padding:0 40px; font-size:18px; color:#fff; line-height:48px; text-align:center; border-radius:25px; margin-top:40px;
	background: rgb(10, 112, 223); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainVisArea .swiper-button-prev {display:none; left:40px; width:70px; height:70px; background:url("../images/main/imgRoll_prev.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-prev:hover {background:url("../images/main/imgRoll_prev_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next {display:none; right:40px; width:70px; height:70px; background:url("../images/main/imgRoll_next.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next:hover {background:url("../images/main/imgRoll_next_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination {display:inline-block; padding:15px 65px 15px 31px;  width:auto; height:41px; left:50%; bottom:50px; background:rgba(0,0,0,0.5); overflow:hidden; border-radius:20.5px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.mainVisArea .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("../images/main/imgRoll_indi.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {background:url("../images/main/imgRoll_indi_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .playBtn {display:block; width:41px; height:41px; position:absolute; top:0; right:0; background:rgba(0,0,0,0.2) url("../images/main/play_bt.png") no-repeat 50% 50%; border-radius:20.5px;}
.mainVisArea .swiper-pagination .playBtn.on {background:rgba(0,0,0,0.2) url("../images/main/play_bt_on.png") no-repeat 50% 50%;}




h2 {position:relative; clear:both; text-align:center;  font-weight:400;  font-size:25px; color:#fff; }
h2 p {font-size:50px; font-weight:900; color:#fff;  letter-spacing:0; margin-top:15px;}
h3 {position:relative; clear:both; font-size:25px; color:#333; font-weight:700;  background:url(../images/sub/bar.jpg) no-repeat 0 0; padding-top:15px; margin-top:70px;margin-bottom:20px;}
h4 {position:relative; clear:both;  color:#fff;  font-weight:500; font-size:20px; line-height:30px;  background:#144dc0;  padding:20px 20px; text-align:left;}




/******* 인증서 *********************************/ 
.certificate {position:relative; clear:both; background:url(../images/main/certificate_bg.jpg) repeat-y center; color:#fff; padding:20px 0;}
.certificate_left {position:relative; float:left; width:570px;  background:#5b5b5b;}
.certificate_right {position:relative; float:right; width:570px;  background:#bba146;}

.certificate .img {position:relative; float:left; padding:0 20px 0 0;}
.certificate .txt{position:relative; float:left; font-size:16px; font-weight:500; line-height:22px; padding-top:20px;}
.certificate .txt2 {position:relative; float:left; font-size:13px; color:#fff; line-height:23px; border-left:1px solid #ddd; padding-left:20px; margin-left:25px; margin-top:20px; opacity:0.7; letter-spacing:-0.03em;}
.certificate .txt2 span {color:#3e009b;}
/******* //인증서 *******************************/ 




/******* link *********************************/ 
.link {position:relative; clear:both; width:1200px; margin:0 auto; text-align:center; padding:100px 0;}
.link .tt {position:relative; clear:both; color:#246ec4; font-size:22px; font-weight:500; line-height:35px; letter-spacing:-0.05em; margin-bottom:100px;}
.link .round {position:relative; clear:both;}
.link .round ul li {float:left; width:23%; margin:0 1%;  font-size:17px; line-height:27px; color:#444;}
.link .round ul li span {color:#000; font-size:22px; font-weight:600; line-height:40px;}
.link .round ul li img {background:#3e009b; border-radius:100px; padding:50px; margin-bottom:15px;}
.link .round ul li:hover img {background:#6289b7;}
.link .round ul li a {display:block;}
/******* //link *********************************/ 



/******* curriculum *********************************/ 
.curriculum {position:relative; clear:both;  background:url(../images/main/curriculum_bg.jpg); padding:100px 0; color:#fff;}
.curriculum h2 { margin-bottom:60px;}
.curriculum .box {position:relative; float:left; width:370px; margin-right:45px;}
.curriculum .box .txt {background:#fff; padding:20px 30px 40px 30px; color:#3e009b; font-size:28px; font-weight:700; line-height:60px;}
.curriculum .box .txt p {color:#555; font-weight:400;  font-size:15px; line-height:24px;}

/******* //curriculum *********************************/ 



#board_wrap {position:relative; clear:both; width:1200px; margin:0 auto; padding:70px 0;}
#board_wrap .mbbs {position:relative;  float:left; width:550px;}
#board_wrap .f_r {float:right;}
#board_wrap .mbbs h2 {font-weight:700; font-size:30px; color:#222; letter-spacing:-0.07em;;  margin-bottom:35px; text-align:left;}
#board_wrap .mbbs ul li{ position:relative; height:42px; padding-right:120px; letter-spacing:-0.05em; }
#board_wrap .mbbs ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  font-size:18px; color:#444; font-weight:500;}
#board_wrap .mbbs ul li em{ position:absolute; right:0; top:0; font-size:16px; color:#999;}
#board_wrap .mbbs .btn_more { position:absolute; right:0; top:0;}
#board_wrap .mbbs ul li span {color:#3e009b; font-weight:600; margin:0 5px;}


.inquiry {position:relative; clear:both; height:500px; background:url(../images/main/inquiry_bg.jpg) no-repeat center; text-align:center;}
.inquiry .txt {position:relative; float:left; width:600px; background:#303030; color:#fff; padding:100px 0;}
.inquiry .txt .tt1 { font-size:50px; font-weight:700; line-height:50px;}
.inquiry .txt .tt2 {font-size:16px; color:#a3a3a3; font-weight:400; line-height:27px; margin-top:30px;}
.inquiry .txt .tt3 { margin-top:50px;}
.inquiry .txt .tt3 img {margin:0 10px;}
.inquiry .txt .bar { margin-top:30px;}
.inquiry .img {position:relative; float:left; width:600px; }


/* =========== 오시는길 =========== */
.location {position:relative; clear:both;}
.location .tit {font-size:50px; font-weight:900; color:#000;  letter-spacing:0;  text-align:center; padding:100px 0 50px 0;border-bottom:1px solid #e1e1e1;}
.location .tit p { font-weight:400;  font-size:17px; color:#444; margin-top:25px; }

.map_info {position:relative; clear:both; width:1200px; margin:0 auto;  padding:40px 0;}
.map_info ul {width:100%; margin:0 auto;}
.map_info ul li {float:left; font-size:19px; margin-left:170px;}
.map_info ul li:first-child {margin-left:0;}
.map_info ul li.tt {font-size:20px; color:#572359; font-weight:700; letter-spacing:-0.05em; line-height:18px;}
.map_info ul li span {margin-right:10px; color:#6289b7;font-weight:700; letter-spacing:0px;   text-align:center;}
#map_wrap {position:relative; clear:both; }
#map {position:relative; clear:both;   overflow:hidden; }
#map .frame {width:1920px; height:500px; margin-left:-960px; padding-left:50%;}






/*------------------ sub ------------------*/
.subvisual {position:relative; clear:both; height:300px; padding-top:100px;  text-align:center; color:#fff;}
.subvisual p.tx1 {font-family: 'Noto Sans KR', 'Verdana', sans-serif; font-size:25px; line-height:60px; letter-spacing:-0.05em; font-weight:700;}
.subvisual p.tx2 { font-size:30px; font-weight:100; opacity:0.7;}

.subvisual_mem {position:relative; clear:both; height:80px;   text-align:center; color:#fff;font-size:30px; font-weight:100; line-height:80px;  background:#5d82ae; }


.vis01 {position:relative; clear:both; background:url(../images/sub/visual.jpg) no-repeat center; background-size:cover;}
.vis02 {position:relative; clear:both; background:url(../images/sub/visual2.jpg) no-repeat center; background-size:cover;}
.vis03 {position:relative; clear:both; background:url(../images/sub/visual3.jpg) no-repeat center; background-size:cover;}
.vis04 {position:relative; clear:both; background:url(../images/sub/visual4.jpg) no-repeat center; background-size:cover;}
.vis05 {position:relative; clear:both; background:url(../images/sub/visual5.jpg) no-repeat center; background-size:cover;}
.vis06 {position:relative; clear:both; background:url(../images/sub/visual6.jpg) no-repeat center; background-size:cover;}
.vis07 {position:relative; clear:both; background:url(../images/sub/visual7.jpg) no-repeat center; background-size:cover;}
.vis08 {position:relative; clear:both; background:url(../images/sub/visual8.jpg) no-repeat center; background-size:cover;}
.vis09 {position:relative; clear:both; background:url(../images/sub/visual9.jpg) no-repeat center; background-size:cover;}

#s_container {position:relative; clear:both; padding:90px 0; font-family: 'Noto Sans KR', 'Verdana', sans-serif;  font-size:17px; line-height:30px; color:#555; font-weight:500; letter-spacing:-0.06em;}
.stitle {position:relative; clear:both; width:1200px; margin:0 auto; font-size:40px; color:#333;  text-align:center; margin-bottom:90px;}
.contents {position:relative; clear:both;  line-height:28px;}


/* snb style */
#snb {position:relative; clear:both; height:70px;   border-bottom:1px solid #f2f2f2; text-align:center;}
#snb ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;}
#snb a {display:block;  font-size:18px;font-weight:500;  text-align:center; line-height:70px; color:#666; padding:0 40px; }
#snb a.snb_on, #snb a.snb_on:hover {color:#5103c9; border-bottom:4px solid #5103c9; line-height:63px;}
#snb a:hover{color:#000;}





.icon_li {position:relative; clear:both; padding:0 0; }
.icon_li ul li {background:url(../images/main/icon_black.jpg) no-repeat 0 11px; padding-left:10px; margin:10px 0;}

ul.icon_li_blue li {background:url(../images/main/icon_blue.jpg) no-repeat 0 11px; padding-left:7px; font-weight:500; color:#146dc4;}
ul.icon_li_black li {background:url(../images/main/icon_black.jpg) no-repeat 0 11px; padding-left:7px; }

.icon_num {position:relative; clear:both; padding:0 15px;}
.icon_num ul li {list-style:decimal; margin:5px 0;}



#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #6289b7;}
#other h2 {font-size:30px; color:#222; font-weight:500; text-align:center; padding:20px 0;}
#other textarea{padding:10px; width:100%; height:500px; border:1px solid #dfdfdf; font-size:14px; line-height:23px;
scrollbar-face-color:#FFFFFF;		
scrollbar-highlight-color:#CFCFCF;		
scrollbar-3dlight-color:#FFFFFF;		
scrollbar-shadow-color:#CFCFCF;		
scrollbar-darkshadow-color:#FFFFFF;		
scrollbar-track-color:#FFFFFF;		
scrollbar-arrow-color:#D0D0D0; 
}






.con_table {position:relative; clear:both; border-top:3px solid #333; border-right:1px solid #e6e6e6;  text-align:left;}
.con_table th { color:#2a2a2a;  font-family:'NGB';  background:#f3f3f3;}
.con_table td.a_l {text-align:left;}
.con_table th, .con_table td {padding:10px 15px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; text-align:center;}



#sitemap_wrap {position:relative; clear:both;   text-align:center; width:1200px; margin:0 auto;}
#sitemap_wrap .sitemap {float:left; width:16%; margin:2%; }
#sitemap_wrap .sitemap .tt {line-height:45px;color:#222; font-weight:700; font-size:19px; background:#fff; border:3px solid #6289b7; border-radius:30px; margin-bottom:10px;}
#sitemap_wrap .sitemap ul li {border-bottom:1px solid #eee; padding:13px 0;}
#sitemap_wrap .sitemap ul li a:hover {color:#fdc73d;}



.blue {color:#0066cc;}
.bd700 {font-weight:700;}


/* 유튜브 동영상 100% */
      .youtubeWrap {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
      }
      .youtubeWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
      }





#faq {position:relative; clear:both;  display: block; border-top:2px solid #444;border-bottom: 1px solid #e6e6e6; }
#faq li { position:relative; clear:both; }
#faq > li > a { display: block; padding:20px 10px; color: #444; text-decoration: none;  border-top: 1px solid #e6e6e6; }
#faq > li > a span {margin-right:10px;}
#faq li a.question {font-size:18px; font-weight:700; background:url(../images/sub/icon_q.png) no-repeat left; padding-left:80px;}
#faq li .faq_view { display: none;  padding:30px; color:#333;  font-weight:400; font-size:16px;background:#fafafa url(../images/sub/icon_a.png) no-repeat left; padding-left:80px;}



.greeting {position:relative; clear:both; }
.greeting .tit {position:relative; clear:both; font-size:30px; color:#6289b7; line-height:40px; font-weight:400;}
.greeting .txt {position:relative; clear:both; }
.greeting .txt p {margin-top:30px;}
.greeting .box_wrap{position:relative; clear:both; margin-top:30px;}
.greeting .box_wrap .box {position:relative; float:left; width:360px;margin-left:60px;}
.greeting .box_wrap .box .img {}
.greeting .box_wrap .box .text {background:#6289b7; color:#fff; font-size:18px; line-height:28px; letter-spacing:-0.02em; padding:20px 30px; height:180px; }
.greeting .box_wrap .box:first-child {margin-left:0;}
.greeting .winnernet {position:relative; clear:both; padding:30px; text-align:center; border:1px solid #dfdfdf; margin-top:100px;}
.greeting .winnernet a {display:block;}

.greeting_img {position:relative; float:left; width:550px;}
.greeting_info {position:relative; float:right; width:580px;}



.entrance {position:relative; clear:both; }
.entrance .requirement {position:relative; clear:both; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:20px 30px; background:#f9f9f9;}
.entrance .requirement ul li {float:left; width:50%; background:url(../images/sub/icon_black.jpg) no-repeat 0 12px; padding-left:10px; margin:5px 0;}
.entrance_step {position:relative; float:left; width:50%; padding:20px;}
.entrance_step p {background:#5103c9; border-radius:30px; color:#fff; font-weight:600; font-size:20px; text-align:center; padding:10px; margin-bottom:15px;}
.entrance_step ul {min-height:60px;}
.entrance_step ul li {background:url(../images/sub/icon_black.jpg) no-repeat 0 12px; padding-left:10px; margin:5px 15px; line-height:25px;}


.main-product-slider {width:1200px; margin:0 auto; padding:15px 0;}


.swiper-container{position:relative;overflow:hidden;  }
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:100%;height:auto;position:relative;transition-property:transform; text-align:center;}

.swiper-control {text-align:center;}
.swiper-control button {cursor:pointer;border:0;margin:0 30px; padding:0;}


.bt1 {border-top:1px dotted #dfdfdf; margin-top:50px;}


.img_cpr {position:relative; clear:both;  margin-top:50px;}
.img_cpr ul li {float:left; margin-left:30px;}
.img_cpr ul li:first-child {margin-left:0;}

.curriculum_sub {position:relative; clear:both; }
.curriculum_sub .tab {position:relative; clear:both;  text-align:center;}
.curriculum_sub .tab ul li {width:300px; display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;}
.curriculum_sub .tab ul li a {display:block; background:#f2f2f2; line-height:60px; }
.curriculum_sub .tab ul li a.tab_on {background:#333; color:#fff;}


.curriculum_sub table {margin:10px 0 20px 0;}


.kb {position:relative; clear:both; }
.kb .blue {font-size:20px; font-weight:400  !important; margin-top:30px; line-height:35px;}
.kb .img {margin-top:70px;}
.kb_info {position:relative; float:left; width:48%; padding:20px; border:1px solid #dfdfdf; border-radius:5px; margin-top:10px;}
.ml2{margin-left:2%;}
.kb_info p {background:#2789bc; border-radius:5px; color:#fff; font-weight:600; font-size:23px; text-align:center; padding:20px; margin-bottom:15px;}
.kb_info p.bg2 {background:#8fc400;}
.kb_info ul {min-height:60px;}
.kb_info ul li {background:url(../images/sub/icon_black.jpg) no-repeat 0 12px; padding-left:10px; margin:5px 15px; line-height:25px;}

.kb_btn {position:relative; clear:both; text-align:center; margin-top:100px;}
.kb_btn a {background:#333; color:#fff; font-size:25px; padding:20px 70px; border-radius:100px;}


/*
.phone_inquiry {position:fixed; top:10px; left:10px; z-index:99999999; width:215px; height:380px; font-size:12px;background:url(../images/main/phone.png) no-repeat; padding:60px 25px 30px 25px;}
.phone_inquiry .btn_close { position:absolute; right:25px; top:20px;}
.phone_inquiry .btn_submit {position:relative; clear:both; margin-top:10px;}
.phone_inquiry .btn_submit button {width:100%; text-align:center; color:#fff; font-size:13px !important;  font-weight:500; padding:7px 0; background:#333; }
.phone_inquiry textarea {height:100px; line-height:18px; font-size:13px !important; color:#333 !important; padding:10px;}
.phone_inquiry .board_input {height:35px; border:0; background:#efefef; margin:2px 0; padding:0 10px; color:#333 !important; font-size:13px !important; }
.phone_inquiry p.txt {text-align:center; line-height:25px;}
.phone_inquiry p.agree {position:relative;text-align:left; line-height:25px; letter-spacing:-0.07em;}
.phone_inquiry p.agree input {margin:0 1px 2px 0; !important; width:14px; height:14px;}
.phone_inquiry p.agree a {position:absolute; right:0; color:#5982b2; font-weight:500;}

.phone_inquiry .policypop {display:none; position:absolute; top:0;}
*/
 .phone_inquiry { position: fixed; top: 10px; left: 10px; z-index: 99999999; width: 215px; height: 380px; font-size: 12px; background: url(../images/main/phone.png) no-repeat; padding: 60px 25px 30px 25px; }
.phone_inquiry .btn_close { position: absolute; right: 25px; top: 20px; cursor: pointer; }
.phone_inquiry .btn_submit { position: relative; clear: both; margin-top: 10px; }
.phone_inquiry .btn_submit button { width: 100%; text-align: center; color: #fff; font-size: 13px !important; font-weight: 500; padding: 7px 0;	background: #333; border: none; cursor: pointer; }
.phone_inquiry textarea { height: 110px; line-height: 18px; font-size: 13px !important; color: #333 !important; padding: 10px; width: 100%; }
.phone_inquiry .board_input { height: 35px; border: 0; background: #efefef; margin: 2px 0; padding: 0 10px; color: #333 !important; font-size: 13px !important; width: 100%; }
.phone_inquiry p.txt { text-align: center; line-height: 25px; }
.phone_inquiry p.agree { position: relative; text-align: left; line-height: 25px; letter-spacing: -0.07em; margin-top:5px;}
.phone_inquiry p.agree input { margin: 0 1px 2px 0 !important; width: 14px; height: 14px; }
.phone_inquiry p.agree a { position: absolute; right: 0; color: #5982b2; font-weight: 500; cursor: pointer; }
.phone_inquiry .policypop { display: none; position: absolute; top: 60px; background: #fff; padding: 10px; border: 1px solid #dfdfdf; width: 165px; height:210px; color:#555; line-height:14px;}
.phone_inquiry .policypop p.tt {text-align:center; color:#333; font-weight:600; font-size:13px; border-bottom:1px solid #efefef; padding-bottom:10px;}
.phone_inquiry .policypop p.tt2 { color:#5982b2; font-weight:500; padding-bottom:3px; margin-top:10px;}


/*==================================================================================================*/
/*==============================================모바일==============================================*/



@media all and (max-width:800px) {
	#wrapper {min-width:320px;}
	.subWrap {padding:0 0 100px;}
	.container {width:auto; padding:0 15px;}


	.m_view {display:block;}
	.pc_view {display:none;}


	#header  {display:none;}
	#mutil {position:relative; clear:both; margin-top:30px;}
	#mutil ul li {clear:both; margin-top:10px; margin-left:30px; font-size:13px;}
	#mutil ul li a {color:#777;}
	#mutil ul li a:hover {color:#ff8502; text-decoration:underline;}
	#mutil ul li a.cbt {color:#3e009b; font-weight:700;}


	

	/* 모바일 헤더 */
	.mHeader {position:relative; top:0; left:0; display:block; width:100%; height:70px; background:#fff; z-index:100;}
	.mHeader > div {position:relative; top:0; left:0; width:100%; height:70px; background:#fff; border-bottom:1px solid #e1e1e1;}
	.mHeader .menuBtn {position:absolute; left:20px; top:45%; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
	.mHeader .logo {position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	.mHeader .logo img{height:69px; margin-top:0px;}
	.mHeader .topcall {position:absolute; right:15px !important; top:15px; z-index:100; width:46px; height:45px;}


	/* 모바일 메뉴영역 */
	.mMenuArea {display:block; position:absolute; top:0; left:-100%; width:100%; height:100%; background:#fff; z-index:9999999;}
	.mMenuArea .top {
		position:relative; height:70px;
		background: #6289b7; /* Old browsers */
		
	}
	.mMenuArea .top .loginBt {position:absolute; top:50%; left:30px;  height:38px; line-height:38px; font-size:20px;font-weight:700;color:#fff;  -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}
	.mMenuArea .top .closeBt {position:absolute; top:50%; right:21px; -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);}

	.mMenuArea .gnbArea .oneD {display:block; font-weight:700; font-size:17px; color:#555; padding:20px 30px; border-bottom:1px solid #e1e1e1; background:url("../images/common/m_oneD_icon.png") no-repeat 100% 20px;}
	.mMenuArea .gnbArea .oneD.on { color:#ff8502; background:url("../images/common/m_oneD_icon_on.png") no-repeat 100% 29px #f2f2f2; }
	.mMenuArea .gnbArea .twoD {display:none; padding:0 15px; border-bottom:1px solid #e1e1e1; background:#f8f8f8}
	.mMenuArea .gnbArea .twoD > a {display:block;  font-size:15px; color:#666; font-weight:500;padding:15px 25px; border-bottom:1px solid #dfdfdf}
	.mMenuArea .gnbArea .twoD > a:last-child {border-bottom:0px solid #e1e1e1;}





	/* footer */
	#f_m {position:relative; clear:both; background:#6c6c6c; height:50px; font-size:14px;}
	#f_m ul {width:100%; margin:0 auto;}
	#f_m ul li {float:left; margin:0 5px 0 15px;}
	#f_m ul li a {color:#fff; font-weight:500; line-height:50px;}
	#f_m ul li.online {display:none;}

	#footer_wrap {position:relative; clear:both; background:#efefef; color:#666; font-weight:400;text-align:left; }
	#footer_wrap #footer {position:relative; clear:both; width:100%; margin:0 auto; line-height:20px;  font-size:14px; padding:0 0 30px 0;}
	#footer_wrap #footer .info {position:relative; float:both; margin-top:20px; padding:10px;}
	#footer_wrap #footer .info span{background:none; padding:0; margin-left:0;}

	#footer_wrap #footer .f_sns {position:absolute;right:0; top:60px; }
	#footer_wrap #footer .f_sns ul li {clear:both; padding:5px}


	.quick {display:none;}






	/* -----------------------------main--------------------------------- */
	.h140 {height:140px; display:none;}
	/* 비주얼 */
	.mainVisArea .swiper-wrapper .swiper-slide .pc {display:none;}
	.mainVisArea .swiper-wrapper .swiper-slide .tablet {display:block;}
	.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:none;}
	.mainVisArea .swiper-wrapper .swiper-slide .container{width:600px;}
	.mainVisArea .swiper-wrapper .swiper-slide .tit{margin-top:90px; font-size:55px; line-height:60px;}
	.mainVisArea .swiper-wrapper .swiper-slide .txt{font-size:18px; line-height:24px;}
	.mainVisArea .swiper-wrapper .swiper-slide .mainBt{margin-top:30px; font-size:18px;}	
	.mainVisArea .swiper-button-prev {left:3%; width:35px; height:35px; background-size:35px;}
	.mainVisArea .swiper-button-prev:hover {background-size:35px;}
	.mainVisArea .swiper-button-next {right:3%; width:35px; height:35px; background-size:35px;}
	.mainVisArea .swiper-button-next:hover {background-size:35px;}
	.mainVisArea .swiper-pagination {bottom:20px; padding:10px 20px; height:30px;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:2px 0 0 10px; background-size:8px}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:2px 0 0 0;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {margin:2px 0 0 10px; background-size:8px}
	.mainVisArea .swiper-pagination .playBtn {display:none;}

	

	#board_wrap { width:100%; padding:10px 15px 50px 15px;}
	#board_wrap .mbbs {width:100%;}
	#board_wrap .f_r {float:right;}
	#board_wrap .mbbs h2 { font-size:20px;  margin-bottom:20px; margin-top:30px; text-align:left;}
	#board_wrap .mbbs ul li{ height:27px; padding-right:0; }
	#board_wrap .mbbs ul li a{  font-size:15px; }
	#board_wrap .mbbs ul li em {display:none; font-size:13px;}
	#board_wrap .mbbs .btn_more { position:absolute; right:0; top:30px;}
	#board_wrap .mbbs .btn_more img {width:20px;}


	

	/******* 인증서 *********************************/ 
	.certificate {position:relative; clear:both; background:none; color:#fff; padding:0 0 !important;}
	.certificate .container {padding:0;}
	.certificate_left {position:relative; float:left; width:100%;  background:#5b5b5b; padding:20px 0;}
	.certificate_right {position:relative; float:right; width:100%;  background:#bba146; padding:20px 0;}

	.certificate .img {position:relative; float:left; padding:0 10px; width:20%;}
	.certificate .txt{position:relative; float:left; width:80%;font-size:15px; font-weight:500; line-height:25px; padding-top:0;}
	.certificate .txt2 {position:relative; float:both; clear:both; width:75%; font-size:13px;  line-height:23px; border-left:none; border-top:1px dotted #ddd; padding-top:10px; margin-left:20%; padding-left:0; margin-top:10px; opacity:0.8;}
	.certificate .txt2 span {color:#3e009b;}
	/******* //인증서 *******************************/ 




	/******* link *********************************/ 
	.link {position:relative; clear:both; width:100%; margin:0 auto; text-align:center; padding:50px 15px;}
	.link .tt {position:relative; clear:both; color:#246ec4; font-size:17px; font-weight:500; line-height:25px; letter-spacing:-0.05em; margin-bottom:10px;}
	.link .round {position:relative; clear:both;}
	.link .round ul li {float:left; width:48%; margin:0 1%;  font-size:14px; line-height:20px; color:#444; margin-top:25px;}
	.link .round ul li span {color:#000; font-size:17px; font-weight:600; line-height:30px;}
	.link .round ul li img {background:#3e009b; border-radius:100px; padding:20px; margin-bottom:0px;}
	.link .round ul li:hover img {background:#6289b7;}
	.link .round ul li a {display:block;}
	/******* //link *********************************/ 



	/******* curriculum *********************************/ 
	.curriculum { padding:50px 0; }
	.curriculum h2 { margin-bottom:40px;}
	.curriculum .box {position:relative; float:left; width:30%; margin:0 1.5%;}
	.curriculum .box .txt {text-align:center; padding:10px;  font-size:17px; line-height:30px;}
	.curriculum .box .txt p {display:none; }

	/******* //curriculum *********************************/ 





	.inquiry {position:relative; clear:both; height:auto; background:none; text-align:center;}
	.inquiry .txt {position:relative; float:left; width:100%; background:#303030; color:#fff; padding:50px 10px;}
	.inquiry .txt .tt1 { font-size:25px; font-weight:700; line-height:25px;}
	.inquiry .txt .tt2 {font-size:15px; color:#a3a3a3; font-weight:400; line-height:27px; margin-top:20px;}
	.inquiry .txt .tt3 { margin-top:30px;}
	.inquiry .txt .tt3 img {margin:0 5px; width:150px;}
	.inquiry .txt .bar { margin-top:20px;}
	.inquiry .img {position:relative; float:left; width:100%; }
	.inquiry .img img {width:100%;}
	.inquiry .container {padding:0;}



	.location {position:relative; clear:both;}
	.location .tit {font-size:25px; font-weight:900; color:#000;  letter-spacing:0;  text-align:center; padding:50px 0 30px 0;border-bottom:1px solid #e1e1e1;}
	.location .tit p { font-weight:400;  font-size:15px; color:#444; margin-top:15px; }

	.map_info { padding:20px 10px; margin-top:0;}
	.map_info ul {width:100%; margin:0 auto;}
	.map_info ul li {float:both; clear:both; font-size:15px;margin:5px 0 0 0; line-height:20px;}
	.map_info ul li.tt {margin-bottom:10px;}
	#map_wrap .frame {width:1920px; height:400px; margin-left:-960px; padding-left:50%;}





	h2 {position:relative; clear:both; text-align:center; font-size:20px; color:#fff; line-height:25px;}
	h2 p {font-size:25px; font-weight:700; color:#fff;  letter-spacing:-0.05em; margin-top:10px;}
	h3 { font-size:18px; color:#333; font-weight:700;  background:url(../images/sub/bar.jpg) no-repeat 0 0; padding-top:10px; margin-top:50px;}



	/* -----------------------------sub--------------------------------- */
	.subvisual {position:relative; clear:both; height:100px; padding-top:0;  font-size:15px; line-height:100px; font-weight:500;  text-align:center; color:#fff;background-size:cover;}

	.subvisual p.tx1 {display:none;}
	.subvisual p.tx2 { font-size:18px; font-family: 'Josefin Sans', sans-serif; font-weight:500;}


	.subvisual_mem {position:relative; clear:both; height:50px;   text-align:center; color:#fff;font-size:20px; font-weight:100; line-height:50px;  background:#5d82ae; }




	#s_container {position:relative; clear:both;padding:40px 0 50px 0; font-size:15px; line-height:24px;}

	.stitle {position:relative; clear:both; width:100%; font-size:25px; color:#000; font-weight:700; text-align:center; margin-bottom:40px;}
	.contents {position:relative; clear:both; width:100%; margin:0 auto;}
	.contents2 {position:relative; clear:both;  }


	/* snb style */
	#snb {display:none;}

	.snb_tab {position:relative; clear:both;text-align:center; margin-top:30px;}
	.snb_tab ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  font-size:14px; font-weight:500;}
	.snb_tab ul li a {display:block; color:#333; padding:5px 20px;background: #efefef; margin:0 3px; border-radius:30px;}
	.snb_tab ul li a.tab_on {background: #ff8502; color:#fff; font-weight:500;}




	#sitemap_wrap {position:relative; clear:both;   text-align:center; width:100%; margin:0 auto;}
	#sitemap_wrap .sitemap {float:left; width:100%; margin:0 0; padding:20px;}
	#sitemap_wrap .sitemap .tt {line-height:40px;color:#222; font-weight:700; font-size:17px; background:#fff; border:3px solid #fdc73d; border-radius:30px; margin-bottom:10px;}
	#sitemap_wrap .sitemap ul li {border-bottom:1px solid #eee; padding:10px 0;}




	.greeting .tit {font-size:20px; line-height:30px;}
	.greeting .txt p {margin-top:20px;}
	.greeting .box_wrap{ margin-top:0;}
	.greeting .box_wrap .box {width:100%;margin-left:0; margin-top:25px;}
	.greeting .box_wrap .box .img img{width:100%;}
	.greeting .box_wrap .box .text {font-size:15px; line-height:20px;padding:15px; height:auto; }
	.greeting .winnernet {position:relative; clear:both; padding:20px 15px; text-align:center; border:1px solid #dfdfdf; margin-top:50px;}
	.greeting .winnernet img {max-width:100%;}

	.greeting_img {position:relative; float:left; width:100%; margin-top:20px;}
	.greeting_info {position:relative; float:right; width:100%;}




	.entrance .requirement {padding:15px;}
	.entrance .requirement ul li {width:100%;margin:3px 0;}
	.entrance_step {position:relative; float:left; width:100%; padding:0;margin-top:20px;}
	.entrance_step:first-child {margin-top:0;}
	.entrance_step p {background:#5103c9; border-radius:30px; color:#fff; font-weight:600; font-size:17px; text-align:center; padding:10px; margin-bottom:10px; }
	.entrance_step ul {min-height:auto;}
	.entrance_step ul li {background:url(../images/sub/icon_black.jpg) no-repeat 0 12px; padding-left:10px; margin:3px 15px; line-height:25px;}


	.main-product-slider {width:100%; margin:0 auto; padding:10px ;}




	.swiper-container{width:100%;}
	.swiper-slide p { font-size:14px !important;}
	.swiper-control button {cursor:pointer;border:0;margin:0 15px; padding:0;}

	.img_cpr {margin-top:0;}
	.img_cpr ul li {float:left; width:100%; margin-left:0px; margin-top:20px;}
	.img_cpr ul li img {width:100%;}



	.curriculum_sub .tab ul li {width:auto; font-size:13px; }
	.curriculum_sub .tab ul li a { line-height:40px; padding:0 13px;}




	.kb .blue {font-size:17px;margin-top:20px; line-height:25px;}
	.kb .img {margin-top:50px;}
	.kb_info {position:relative; float:left; width:100%; padding:20px; border:1px solid #dfdfdf; border-radius:5px; margin-top:10px;}
	.ml2{margin-left:0;}
	.kb_info p {background:#2789bc; border-radius:5px; color:#fff; font-weight:600; font-size:18px; text-align:center; padding:15px; margin-bottom:15px;}
	.kb_info p.bg2 {background:#8fc400;}
	.kb_info ul {min-height:auto;}
	.kb_info ul li {background:url(../images/sub/icon_black.jpg) no-repeat 0 12px; padding-left:10px; margin:5px 15px; line-height:25px;}

	.kb_btn {position:relative; clear:both; text-align:center; margin-top:50px;}
	.kb_btn a {background:#333; color:#fff; font-size:17px; padding:10px 50px; border-radius:100px;}












	
}









/****************************** Animation ******************************/
.title { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 800ms ease; transition:all 800ms ease; }
.title-sub { opacity:0; -webkit-transform:translateY(50px);transform:translateY(50px); -webkit-transition:all 800ms ease 100ms; transition:all 800ms ease 100ms; }
.btn-more, .main-business .horizon { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:opacity 800ms ease 200ms, -webkit-transform 800ms ease 200ms; transition:opacity 800ms ease 200ms, transform 800ms ease 200ms; }

.title.ani-visible, .title-sub.ani-visible, .btn-more.ani-visible, .main-business .horizon.ani-visible { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }

.rnd .list { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 800ms ease 200ms; transition:all 800ms ease 200ms; }
.rnd.ani-visible .list { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }
.main-content>div { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 800ms ease 200ms; transition:all 800ms ease 200ms; }
.main-content.ani-visible>div { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }

@keyframes aniswiper{0%{ left:100%; } 100%{ left:0; }}
@-webkit-keyframes aniswiper{0%{ left:100%; } 100%{ left:0; }}
@keyframes aniswiper-prev{0%{ right:100%; } 100%{ right:0; }}
@-webkit-keyframes aniswiper-prev{0%{ right:100%; } 100%{ right:0; }}