@charset "utf-8";
@import url('./font.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

body{overflow: hidden;}

br.pcNo {
	display:none;
}

#container{margin: 0;}

section#header_wr{width: 100%;}
section#header_wr .header{max-width: 100%; margin: 0 auto; text-align:center;}
section#header_wr .header h1:nth-child(1){font-size: 2em; font-weight: 400;}
section#header_wr .header h1:nth-child(2){font-size: 5em; font-weight: 700;}
section#header_wr .header h1:nth-child(3){font-size: 1.5em; font-weight: 100; padding: 20px 0;}

section#slide_wr { position:relative; padding-bottom: 29.7%; }
section#slide_wr .slide_area{ position:relative; width:100%; margin:0 auto; }
section#slide_wr .slide_area a.slide{ position:absolute; width: 100%; top:0; left:0; display: none;}
section#slide_wr .slide_area a img{width: 100%; vertical-align: top;}
section#slide_wr .slide_area a.slide.s1{display: block;}
section#slide_wr .slide_area a.slide.s1 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a.slide.s2 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a.slide.s3 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a.slide.s4 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a img.m_bg{display: none;}
section#slide_wr #sld_dot_area {position:absolute; bottom:8px; left:50%; transform:translate(-50%,0); text-align:center; z-index:999;}
section#slide_wr #sld_dot_area a {display:inline-block; width:14px; height:14px; border-radius:7px; background:#fff; box-shadow:0px 0px 8px rgba(80,90,90,0.3);
	margin:0 6px; cursor:pointer; transition:all .4s;
}
section#slide_wr #sld_dot_area a:hover {background:#f9d79a;}
section#slide_wr #sld_dot_area a.active {background:#ffa53b;}

section#category{ display:none; width: 100%; min-height: 658px; }
section#category .cate_wr{position:relative; max-width: 1200px; margin:0 auto; padding-bottom: 36%;}
section#category .cate_wr .cate_header .cate_img{width: 50%; float: right;}
section#category .cate_wr .cate_header .cate_img img{width: 100%;}
section#category .cate_wr .cate_header .cate_ic{width: 60%; position: absolute; z-index: 222; left:85px; top: 120px;}
section#category .cate_wr .cate_header .cate_ic h1{font-size: 2.8em; font-weight: 700; color: #3e7eff; padding-bottom: 30px;}
section#category .cate_wr .cate_header .cate_ic h3{font-size: 1.5em; font-weight: 400; padding-bottom: 3px;}
section#category .cate_wr .cate_header .cate_ic h4{font-size: 1.5em; font-weight: 400; color: #528eda; padding-bottom: 55px;}
section#category .cate_wr .cate_header .cate_ic ul{text-align: center; display: inline-block;}
section#category .cate_wr .cate_header .cate_ic ul a{position:relative; width: 200px; height: 69px; background: #FFF; float: left; border: 1px solid #528eda; margin: 0 10px 10px 0;}
section#category .cate_wr .cate_header .cate_ic ul a li{width: 37%; height: 100%;}
section#category .cate_wr .cate_header .cate_ic ul a li span{position: absolute; width: 60%; top: 50%; left: 100%; transform: translate(-100%, -50%); font-size: 1.2em; color: #3e7eff; font-weight: 700;}
section#sch{padding:0rem 0 3rem; width: 100%; background: #dce8ff;}
section#sch .cate_sch{max-width: 1200px; margin: 0 auto;}
section#sch .cate_sch .sch_focus-txt {padding:0.5rem 0.5rem 0.75rem; font-size:1.25rem; font-weight:600;}
section#sch .cate_sch .sch_wr{width: 100%; padding: 50px 70px 16px; }
section#sch .cate_sch .sch_wr .sch_txt_fld {
	padding:1.5rem 0;
}
section#sch .cate_sch .sch_wr .sch_txt_fld tag {
	display: inline-block;
	margin:0 1rem 0 0;
	padding:0.5rem 1rem;
	border:1px solid #404040;
	border-radius:1rem;
	font-size:1.5rem;
	font-weight:600;
}
section#sch .cate_sch .sch_wr .sch_txt_fld p {
	display: inline-block;
	font-size:1.25rem;
}
section#sch .cate_sch .sch_wr .sch_txt_fld p span {
	display: inline-block;
	cursor:pointer;
}
section#sch .cate_sch .sch_wr .sch_fld_wr {position:relative; width: 80%; font-size: 1.5em; padding: 16px; height:60px; border: 0; border-radius: 5px 0 0 5px; background:#fff; letter-spacing: -1px; vertical-align:middle; overflow:hidden;}
section#sch .cate_sch .sch_wr .sch_fld_wr input {width:100%; height:28px; line-height:28px; border:none;}
section#sch .cate_sch .sch_wr .sch_fld_wr span.sch_ex {position:absolute; top:0; left:0; display:block;  padding:2px 12px; font-weight:600; color:#528eda; border-radius:4px; font-size:12px; transition:all .3s;}
section#sch .cate_sch .sch_wr .sch_fld_wr span.sch_ex.hidden {left:-120px;}
section#sch .cate_sch .sch_wr > input{display:inline-block; width: 20%; font-size: 1.5em; padding: 20px; margin-left: -5px; height:60px; background: #528eda; border: 0; border-radius: 0 5px 5px 0; color: #FFF;}

section#sch.main2 .cate_sch{

}

section#sch .cate_ic ul li.type1 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: 0px 3px;
}
section#sch .cate_ic ul li.type2 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -206px 3px;
}
section#sch .cate_ic ul li.type3 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -406px 3px;
}
section#sch .cate_ic ul li.type4 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: 0px -76px;
}
section#sch .cate_ic ul li.type5 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -206px -76px;
}
section#sch .cate_ic ul li.type6 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -409px -76px;
}
section#sch .cate_ic ul li.type7 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: 0px -157px;
}
section#sch .cate_ic ul li.type8 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -206px -157px;
}
section#sch .cate_ic ul li.type9 a {
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -409px -158px;
}

section#sch .cate_ic ul li.type1 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: 0px 3px;
}
section#sch .cate_ic ul li.type2 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -206px 3px;
}
section#sch .cate_ic ul li.type3 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -406px 3px;
}
section#sch .cate_ic ul li.type4 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: 0px -76px;
}
section#sch .cate_ic ul li.type5 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -206px -76px;
}
section#sch .cate_ic ul li.type6 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -409px -76px;
}
section#sch .cate_ic ul li.type7 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: 0px -157px;
}
section#sch .cate_ic ul li.type8 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -206px -157px;
}
section#sch .cate_ic ul li.type9 a.on {
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -409px -158px;
}
section#sch .cate_ic ul a {
	display:block;
}
section#sch .cate_ic ul a.on span {
	color:#FFA53B;
}
section#category .cate_wr .cate_header .cate_ic ul a.on li span{
	color: #FFA53B;
}
section#sch .sch_recommend {
	margin:0 auto 2rem;
    padding: 0 70px 0;
	width: 100%;
	max-width:1200px;
}
section#sch .sch_recommend .link-list {
	width:100%;
}
section#sch .sch_recommend .link-list:after {
	content:'';
	clear:both;
	display:block;
}
section#sch .sch_recommend .link-list li {
	margin-bottom:12px;
	width:100%;
}
section#sch .sch_recommend .link-list li tag {
	display:inline-block;
}
section#sch .sch_recommend .link-list li tag a{
	display:inline-block;
	padding:0.375rem 1.5rem;
	line-height:1.4;
	font-size:1.25rem;
	font-weight:600;
	color:#fff;
	border-radius:1rem;
	border:1px solid #eaeaea;
	text-align:center;
}
section#sch .sch_recommend .link-list li tag.blue a {
	background:#2e7bc3;
}
section#sch .sch_recommend .link-list li tag.yellow a {
	background:#ff9c34;
}
section#sch .sch_recommend .link-list li p {
	display:inline-block;
	margin:0 0.25rem;
	line-height:1.6;
}
section#sch .sch_recommend .link-list li p:after {
	content:'';
	display:block;
}
section#sch .sch_recommend .link-list li p a {
	font-size:1.25rem;
	font-weight:600;
	color:#404040;
}


#sch .sch_wr {position:relative;}

#sch .sch_wr .sch_fld_wr {
	display:inline-block; width:80%;
}
#sch .detailBtn {position:absolute; top:5.5rem; right:70px;
	width:52px; height:24px; line-height:24px; text-align:center; border-bottom:1px solid #ababab; color:#404646; cursor:pointer;}

section#sch .cate_img{width: 50%; float: right;}
section#sch .cate_img img{width: 100%;}
section#sch .cate_ic{ position: relative; margin:0 auto; height:0; max-width:1200px; transition:all .6s; overflow:hidden; z-index: 222;}
section#sch .cate_ic.on { height:inherit; padding:20px 0 40px;}
section#sch .cate_ic h1{font-size: 2.8em; font-weight: 700; color: #3e7eff; padding-bottom: 30px;}
section#sch .cate_ic h3{font-size: 1.5em; font-weight: 400; padding-bottom: 3px;}
section#sch .cate_ic h4{font-size: 1.5em; font-weight: 400; color: #528eda; padding-bottom: 55px;}
section#sch .cate_ic ul{margin:0 auto; width:630px; text-align: center; display:block; }
section#sch .cate_ic ul:after {clear:both; content:''; display:block;}
section#sch .cate_ic ul li{position:relative; width: 200px; height: 69px; background: #FFF; float: left; margin: 0 10px 10px 0;}
section#sch .cate_ic ul li:nth-child(3n+1) {clear:both;}
section#sch .cate_ic ul li a{width: 37%; height: 100%;}
section#sch .cate_ic ul li a span{position: absolute; width: 60%; top: 50%; left: 100%; transform: translate(-100%, -50%); font-size: 1.2em; color: #3e7eff; font-weight: 700;}


@media screen and (max-width: 1068px){
	#sch .detailBtn {display:none;}
}


section#ctns{display:none; position: relative; width:100%;  background: url("../img/section_illust_bg.png"); background-position:top center; vertical-align: top;}
section#ctns .ctns_wr{position: relative; max-width: 1200px; margin: 0 auto;}
section#ctns .ctns_wr .btn_right{position: absolute; top: 55px; right: -50px; cursor:pointer;}
section#ctns .ctns_wr .btn_left{position: absolute; top: 55px; left: -50px; cursor:pointer;}
section#ctns .ctns_wr .cate_ctns{max-width: 100%; min-height: 170px; overflow: hidden; margin: 60px auto 450px; position: relative;}
section#ctns .ctns_wr .cate_ctns ul{position: absolute; display: inline-block; width: 300%;}
section#ctns .ctns_wr .cate_ctns ul li{width: 7.78%; height: 150px; display: inline-block; background: rgba(255,255,255,0.95); border: 1px solid #eaeded;; margin: 10px;}
section#ctns .ctns_wr .cate_ctns ul li .cont_top{width: 100%; height: 65px; background: #f8f8f8; line-height: 4.5; text-align: left;}
section#ctns .ctns_wr .cate_ctns ul li .cont_top img{padding: 0 10px 2px 10px;}
section#ctns .ctns_wr .cate_ctns ul li .cont_top .name{font-weight: 700; font-size: 1.2em; padding: 5px 45px 0 0;}
section#ctns .ctns_wr .cate_ctns ul li .cont_top span{font-size: 0.9em;}
section#ctns .ctns_wr .cate_ctns ul li .cont_bot{text-align: left; padding: 20px 0 0 10px; font-size: 0.9em; font-weight: 400; line-height: 2;}

section#form{position: fixed; bottom: -200%; width:100%; z-index: 9999999999; }
section#form .form_wr{width: 100%; background: rgba(255,255,255,0.95); font-family: 'Nanum Gothic', sans-serif;}
section#form .form_wr form{max-width: 1200px; padding: 20px 420px 48px; margin: 0 auto; text-align: center; position: relative;}
section#form .form_wr form h2{font-family: 'Nanum Gothic', sans-serif; font-size: 2.2em; font-weight: 100; color: #3e7eff; padding-top: 30px;}
section#form .form_wr form h3{font-family: 'Nanum Gothic', sans-serif; font-size: 2.2em; font-weight: 700; color: #3e7eff;}
section#form .form_wr form a{display: inline-block; width: 100%; height: 44px; background: #3e7eff; color: #FFF; font-size: 1.3em; font-weight: 700; line-height: 44px; border-radius: 5px; margin-top: 20px; margin-bottom: 16px; cursor:pointer; 
	box-shadow:0px 0px 6px rgba(160,170,175,0.1);
}
section#form .form_wr form input{width: 100%; height: 44px; text-align: center; margin-bottom: 16px; font-family: 'Nanum Gothic', sans-serif;font-size: 1.3em; font-weight: 700; border-radius: 5px; border: 1px solid #d8dedf; color: #262626; 
	-moz-box-shadow:    inset 0px 0px 6px rgba(160,170,175,0.3);
   	-webkit-box-shadow: inset 0px 0px 6px rgba(160,170,175,0.3);
	box-shadow:inset 0px 0px 6px rgba(160,170,175,0.3);
	background:#fafbfb;
}
section#form .form_wr form input#buttonid{
	-moz-box-shadow:    0px 0px 6px rgba(160,170,175,0.3);
   	-webkit-box-shadow: 0px 0px 6px rgba(160,170,175,0.3);
	box-shadow:inset 0px 0px 6px rgba(160,170,175,0.3);
	background:#dde7e7;
	cursor:pointer;
}
section#form .form_wr form .upld{width: 100%; height: 44px; text-align: center; margin-bottom: 16px; font-family: 'Nanum Gothic', sans-serif;font-size: 1.3em; font-weight: 700; border-radius: 5px; border: 1px solid #d8dedf; background: #e5e5e5; color: #262626; 
	box-shadow:0px 0px 6px rgba(160,170,175,0.1);
}
section#form .form_wr form .priv{width: 100%; height:28px; line-height:28px;  text-align: center; margin-bottom: 10px; vertical-align:middle;}
section#form .form_wr form .priv input{width: 20px; height: 20px; background: #FFF; border-radius:0; margin-bottom: 0;}
section#form .form_wr form .priv span{padding-left: 10px;}
section#form .form_wr form .sbm{width: 100%; height: 48px; text-align: center; margin-top:20px; margin-bottom: 10px; font-size: 1.3em; font-weight: 700; border-radius: 5px; border: 0; background: #f8b551; color: #FFF; box-shadow:0px 0px 6px rgba(160,170,175,0.1);}
section#form .form_wr form .close{width: 46px; height: 46px; position: absolute; top: 5%; right: 1%; background: url("../img/x.png"); cursor:pointer;}

section#form .form_wr form .priv .moreBtn {padding:0px 8px; background:none; border:none; height:20px;}
section#form .form_wr form .priv .moreBtn a {transition:all .6s; padding:2px 6px; margin:0; height:inherit; line-height:1.5; font-size:0.8rem; background:#bababa; border-radius:10px;}
section#form .form_wr form .priv .moreBtn a:hover {background:#abadaf; box-shadow:0px 0px 6px rgba(100,120,120,0.4);}

section#scroll_wr{height: 100%; position: fixed; top: 0; right: 10%; z-index: 99999999;}
#wrapper section#scroll_wr {display:none;}
section#scroll_wr .scroll{display: inline-block; width: 100%; margin-top: 350px;}
section#scroll_wr .scroll div{display: block; width: 20px; height: 20px; border-radius: 50%; border: 4px solid #f9d79a; margin: 20px auto; cursor: pointer;}
section#scroll_wr .scroll div.last{display: block; width: 60px; height:60px; border-radius: 50%;  margin: 0 auto; background: #f9d79a; text-align: center; font-size: 1.3em; font-weight: 700; color: #fff; line-height: 3.2; margin: 20px auto; cursor: pointer;}
section#scroll_wr .scroll div.reg{display: block; width: 80px; height:80px; border-radius: 50%;  margin: 0 auto; background: #f9d79a; text-align: center; font-size: 1.1em; font-weight: 700; color: #fff; line-height: 5.5; margin: 20px auto; cursor: pointer;}
section#scroll_wr .scroll div.active{background: #f9d79a;}

section#reg_btn{width: 100px; position: fixed; top: 20%; right: 10%; z-index: 99999999; }
section#reg_btn .reg_btn_wr{display:none; width: 146px; height: 146px; border-radius: 50%;  margin: 0 auto; background: #3e7eff; text-align: center; cursor: pointer;     box-shadow: 1px 2px 8px 1px #a3a3a3;}
section#reg_btn .reg_btn_wr div.reg{font-size: 2em; font-weight: 700; color: #FFF; padding-top: 40px;}

section#sc_wr {display:none;}

@media screen and (max-width: 1068px){

/*section#slide_wr{ padding-bottom: 49%;}*/
section#slide_wr .slide_area a img.bg{display:none;}
section#slide_wr .slide_area a img.m_bg{display: block;}
section#slide_wr .slide_area a.slide.s1 img.m_bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a.slide.s2 img.m_bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a.slide.s3 img.m_bg { position:absolute; top:0px; right:0px; z-index:1;}
section#slide_wr .slide_area a.slide.s4 img.m_bg { position:absolute; top:0px; right:0px; z-index:1;}

section#category {min-height: inherit;}
section#category .cate_wr{padding-bottom: 0;}
section#category .cate_wr .cate_header .cate_img{width: 50%;}
section#category .cate_wr .cate_header .cate_ic{width: 80%; left: 50px; top: 40px; }
section#category .cate_wr .cate_header .cate_ic h1{font-size: 1.8em;}
section#category .cate_wr .cate_header .cate_ic h3{font-size: 1.3em; padding-bottom: 10px;}
section#category .cate_wr .cate_header .cate_ic h4{font-size: 1.4em; padding-bottom: 20px;}
section#category .cate_wr .cate_header .cate_ic ul{}
section#category .cate_wr .cate_header .cate_ic ul a{width: 73px; height:88px;}
section#category .cate_wr .cate_header .cate_ic ul a li{width: 100%;}
section#category .cate_wr .cate_header .cate_ic ul a li span{position:relative; margin:14px 0 0 0; padding-top:8px; display: block; width:100%; background:#fff; height:30px; 
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing: -2.5px;
}
section#category .cate_wr .cate_header .cate_ic ul a:nth-child(7n) li span {
	padding-top:1px;
	line-height:1.0;
}

section#scroll_wr{display: none;}

section#reg_btn{top: 122px; right: 0;}
section#reg_btn .reg_btn_wr{width: 50px; height: 50px; background: #3e7eff;}
section#reg_btn .reg_btn_wr div.reg{font-size: 0.7em; padding-top: 14px; color: #FFF; font-weight: 100;}

section#sch .cate_sch .sch_wr{padding: 24px 16px 24px;}
section#sch .cate_sch .sch_wr .sch_fld_wr {padding:12px; height:48px;}
section#sch .cate_sch .sch_wr .sch_fld_wr span.sch_ex {font-size:10px;}
section#sch .cate_sch .sch_wr .sch_fld_wr input {font-size:12px; letter-spacing:-1px;}
section#sch .cate_sch .sch_wr > input{height:48px;font-size: 14px; padding: 12px;}
section#sch .cate_sch .sch_wr .sch_ex {letter-spacing:-1px; font-size:13px;}

section#sch .sch_recommend .link-list {
	margin:0 auto;
	width:70%;
}
section#sch .sch_recommend .link-list li {
	float:none;
	margin:0.5rem 0;
	width:100%;
	text-align:center;
}

section#ctns .ctns_wr{max-width: 100%;}
section#ctns .ctns_wr .cate_ctns{max-width: 100%; margin: 20px auto;}
section#ctns .ctns_wr .cate_ctns ul{padding: 10px; width: 100%;}
section#ctns .ctns_wr .cate_ctns ul li{min-width: 100%; margin: 5px 0;}
section#ctns .ctns_wr .cate_ctns ul li .cont_bot{font-size: 0.9em;}
section#ctns .ctns_wr .btn_left{display: none;}
section#ctns .ctns_wr .btn_right{display: none;}

section#form{display: inherit;}
section#form .form_wr form{max-width: 100%; padding: 10px;}
section#form .form_wr form h2{font-size: 1.8em;}
section#form .form_wr form h3{font-size: 1.8em;}
section#form .form_wr form a{height: 40px; font-size: 1em; line-height: 3.5;}
section#form .form_wr form input{height: 40px; font-size: 1em;}
section#form .form_wr form .sbm{height: 40px; font-size: 1em;}
section#form .form_wr form .close{width: 30px; height: 30px; position: absolute; top: 3%; right: 3%; background: url("../img/x.png"); background-size: 100% 100%;}
}
@media screen and (max-width: 485px){
	section#sch .sch_recommend .link-list li tag {
		margin-left:auto;
		margin-right:auto;
	}
	section#sch .sch_recommend .link-list li tag.blue a {
		display:block;
	}
	section#sch .sch_recommend {
		padding: 0px 16px;
	}
	section#sch .sch_recommend .link-list {
		width:100%;
	}
	section#sch .sch_recommend .link-list li p {
		display:block;
	}
	br.pcNo {
		display:block;
	}
}
@media screen and (max-width: 320px){
	section#sch .sch_recommend .link-list {
		width:100%;
	}
}
@media screen and (min-width: 486px){
	nav#m_hmn {display:none;}
}
@media screen and (max-width: 485px){
	nav#m_hmn {
		display:block;
		width:100%;
		height:43px;
		border-bottom:1px solid rgba(100,110,110,0.8);
	}
	nav#m_hmn ul {
		width:100%;
		height:inherit;
		background:#3e7eff;
	}
	nav#m_hmn ul li {
		float:left;
		width:20%;
		height:inherit;
	}
	nav#m_hmn ul:after {
		content:'';
		display:block;
		float:none;
		clear:both;
	}
	nav#m_hmn ul li a {
		display:block;
		height:inherit;
		line-height:3.4;
		color:#fff;
		font-size:12px;
		text-align:center;
	}
	nav#m_hmn ul li.m_current a {
		border-bottom:4px solid #fff;
	}
	nav#m_hmn ul li.title {
		background:#2e3c58;
	}
}


#category .cate_wr .cate_header .cate_ic ul a li.type1{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: 0px 3px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type2{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -206px 3px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type3{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -406px 3px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type4{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: 0px -76px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type5{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -206px -76px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type6{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -409px -76px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type7{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: 0px -157px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type8{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -206px -157px;
}
#category .cate_wr .cate_header .cate_ic ul a li.type9{
	background: url("../img/mainicon.png") #3e7eff;
	background-position: -409px -158px;
}

#category .cate_wr .cate_header .cate_ic ul a.on li.type1{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: 0px 3px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type2{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -206px 3px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type3{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -406px 3px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type4{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: 0px -76px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type5{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -206px -76px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type6{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -409px -76px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type7{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: 0px -157px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type8{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -206px -157px;
}
#category .cate_wr .cate_header .cate_ic ul a.on li.type9{
	background: url("../img/mainicon.png") #FFA53B;
	background-position: -409px -158px;
}
#category .cate_wr .cate_header .cate_ic ul a.on{
	border: 1px solid #FFA53B;
}
section#category .cate_wr .cate_header .cate_ic ul a.on li span{
	color: #FFA53B;
}



section#siru_inst{padding:0 0 10rem 0; width: 100%; background: url("../img/inst_bg.png") no-repeat; background-size: 100% 100%; vertical-align: top;}
section#siru_inst .siru_inst_wr{max-width: 1200px; margin: 0 auto; text-align: center;}
section#siru_inst .siru_inst_wr h2{font-size: 2.4em; font-weight: 400; color: #3e7eff; padding: 120px 0 40px 0;}
section#siru_inst .siru_inst_wr .inst_wr{width: 100%; padding-bottom: 80px;}
section#siru_inst .siru_inst_wr .inst_wr ul{display: inline-block; width: 100%; padding: 0 80px;}
section#siru_inst .siru_inst_wr .inst_wr ul li{width: 30%; height: 500px; float: left; margin-right: 20px; background: #FFF; box-shadow:0px 0px 16px rgba(110,120,120,0.1);}
section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(1){padding: 5px;}
section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(2) span{width: 35px; height: 35px; background: #3e7eff; color: #FFF; display: inline-block; font-size: 1.2em; line-height: 2.5; border-radius: 50%; margin: 20px 0;}
section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(2) p{font-size: 1.4em; font-weight: 700;}
section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(2) a{display: inline-block; color: #3e7eff; margin: 20px 0;}
section#siru_inst .siru_inst_wr .inst_wr ul li div img{width: 100%;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last{width: 94%; height: 280px; margin-top: 50px; float: left;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(1){width: 100%; margin-top: 45px; float: left; text-align: center;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(1) img{width: 5%;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2){width: 100%; float: left; text-align: center;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2) span{display: inline-block; width: 150px; height: 30px; border: 3px solid #f3ad36; color: #f3ad36; border-radius: 0; line-height: 1.2; background: transparent; font-size: 1.5em; font-weight: 700;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2) p{color: #3e7eff; font-size: 2em;}
section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2) p strong{ background:  #3e7eff; color: #FFF;}

section#siru_inst .mb_intro {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
section#siru_inst .mb_intro h3 {
	padding:60px 32px 32px;
	font-size: 2.0rem;
	font-weight: 600;
	color: #3e7eff;
}
section#siru_inst .mb_intro h3.bottom_bar {
	position: relative;
	color:#202020;
}
section#siru_inst .mb_intro h3.bottom_bar:after {
	position:absolute;
	bottom:1rem;
	left:50%;
	transform:translate(-50%,0);
	content:'';
	width:20rem;
	height:2px;
	background:#528eda;
}

section#siru_inst .mb_intro h3 strong {
	display: inline-block;
	padding:3px 8px;
	border-radius: 6px;
	background:#3e7eff;
	color:#fff;
}
section#siru_inst .mb_intro > p {
	color:#528eda;
	font-size:1.48rem;
	font-weight:bold;
}
section#siru_inst .mbs_cont {
	width:72%;
	margin:0 auto;
}
section#siru_inst .mbs_cont:after {
	content:'';
	display:block;
	clear:both;
}
section#siru_inst .mb_intro aside.left {
	float:left;
	padding:48px 32px 32px;
	width:44%;
	font-size: 1.8rem;
	color: #333;
	font-weight: 600;
	line-height: 1.6;
}
section#siru_inst .mb_intro aside.left p {
	padding:16px 0 0 32px;
}
section#siru_inst .mb_intro aside.left strong {
	display:inline-block;
	padding:2px 8px;
	color:#3e7eff;
	border:1px solid #3e7eff;
	border-radius: 8px;
}
section#siru_inst .mb_intro aside.right {
	float:left;
	padding:48px 32px 32px;
	width:56%;
	text-align: left;
}
section#siru_inst .mb_intro aside.right a {
	display:inline-block;
	width:180px;
	height:64px;
	line-height:64px;
	font-size:1.4rem;
	font-weight:600;
	background:#f3ad36;
	color:#fff;
	border-radius:8px 0 0 8px;
	cursor: pointer;
	text-align: center;
}
section#siru_inst .mb_intro aside.right a+a {
	border-radius:0 8px 8px 0;
	background: #3e7eff;
}
section#siru_inst .mb_intro .application aside {
	padding:48px 32px 0px;
}
section#siru_inst .mb_intro .application aside.right a {
	padding-top:8px;
	line-height:24px;
	cursor: pointer;
}
section#siru_inst .mb_intro:after {
	content:'';
	clear:both;
	display:block;
}
section#siru_inst .mbs_pic {
	margin:32px auto 0;
	width:100%;
	text-align: center;
}
section#siru_inst .mbs_pic img {
	width:100%;
	border-radius:16px;
	border:4px solid #fff;
	box-shadow: 0px 0px 12px rgba(100,120,120,0.3);
}

section#siru_inst {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,b3c6ed+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #b3c6ed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b3c6ed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#b3c6ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3c6ed',GradientType=0 ); /* IE6-9 */

}

@media screen and (max-width: 1068px){
	section#siru_inst .siru_inst_wr .inst_wr ul{padding: 0 40px;}
	section#siru_inst .siru_inst_wr{max-width: 100%; text-align: center;}
	section#siru_inst .siru_inst_wr h2{font-size: 1.6em; font-weight: 400; color: #3e7eff; padding: 75px 0 50px 0;}
	section#siru_inst .siru_inst_wr .inst_wr ul li{margin-right: 10px; height: 440px;}
	section#siru_inst .mb_intro h3 {margin-bottom:16px; font-size:1.8rem; line-height: 1.8; padding-bottom:0;}
	section#siru_inst .mbs_cont {width:100%;}
	section#siru_inst .mb_intro aside.left {float: none; padding:24px 24px 16px; width:100%; font-size:1.4rem;}
	section#siru_inst .mb_intro aside.left p {padding:0;}
	section#siru_inst .mb_intro aside.left br {display:none;}
	section#siru_inst .mb_intro aside.right {float: none; width:100%; padding:0; text-align: center;}
	section#siru_inst .mb_intro aside.right a {width:120px; height:56px; line-height:56px; font-size:1.12rem;}
	section#siru_inst .mb_intro .application aside.right a {padding-top:4px;}
	section#siru_inst .mb_intro h3.bottom_bar:after {bottom:-0.25rem;}
}
@media screen and (max-width: 767px){
	section#sch .cate_sch .sch_wr .sch_txt_fld tag {
		display:block;
		margin:0 auto 1rem;
		width:10rem;
		text-align:center;
	}
	section#sch .cate_sch .sch_wr .sch_txt_fld p {
		display:block;
		line-height:1.6;
		text-align:center;
	}
}
@media screen and (max-width: 485px){
	section#siru_inst .siru_inst_wr .inst_wr{padding-bottom: 80px;}
	section#siru_inst .siru_inst_wr .inst_wr ul{padding: 0 20px;}
	section#siru_inst .siru_inst_wr .inst_wr ul li{width: 100%; height: 120px; margin-bottom: 20px;}
	section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(1){width:30%; float: left;}
	section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(2){width:70%; float: left;}
	section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(2) span{width: 25px; height: 25px; line-height: 2; margin: 15px 0;}
	section#siru_inst .siru_inst_wr .inst_wr ul li div:nth-child(2) p{font-size: 1em; font-weight: 700;}
	section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last{width: 100%; margin-top: 0; height: 120px;}
	section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(1){width:30%; float: left; margin-top: 15px;}
	section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(1) img{width: 50%;}
	section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2){width: 70%; float: left; margin-top: 15px;}
	section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2) span{width: 100px; height: 30px; line-height: 1.8; font-size: 1.2em; margin: 0 0 15px; border: 2px solid #f3ad36;}
	section#siru_inst .siru_inst_wr .inst_wr ul li.inst_last div:nth-child(2) p{font-size: 1.1em;}
}

section#siru_benef{width: 100%;}
section#siru_benef .siru_benef_wr{max-width: 1200px;  margin: 0 auto;}
section#siru_benef .siru_benef_wr .benef_head{width: 100%; text-align: center; margin: 80px 0 40px 0;}
section#siru_benef .siru_benef_wr .benef_head span{display: inline-block; width: 150px; height: 30px; border: 3px solid #f3ad36; color: #f3ad36; border-radius: 0; line-height: 1.2; background: transparent; font-size: 1.5em; font-weight: 700; margin-bottom: 40px;}
section#siru_benef .siru_benef_wr .benef_head h2{font-size: 2.4em; margin-bottom: 40px; color: #3e7eff;}
section#siru_benef .siru_benef_wr .benef_cont{text-align: center; margin-bottom: 100px;}
@media screen and (max-width: 1068px){
	section#siru_benef .siru_benef_wr .benef_cont img{width: 70%;}
	section#siru_benef .siru_benef_wr .benef_head h2{font-size: 1.6em;}
}
@media screen and (max-width: 485px){
	section#siru_benef .siru_benef_wr .benef_head span{width: 100px; height: 30px; line-height: 1.8; font-size: 1.2em; margin: 0 0 15px; border: 2px solid #f3ad36;}
	section#siru_benef .siru_benef_wr .benef_head h2{font-size: 1.5em;}
}

section#siru_uses{width: 100%; }
section#siru_uses .siru_uses_wr{max-width: 1200px;  margin: 0 auto;}
section#siru_uses .siru_uses_wr .uses_head{ display:none; width: 100%;  text-align: center;}
section#siru_uses .siru_uses_wr .uses_head span{display: inline-block; width: 150px; height: 30px; border: 3px solid #f3ad36; color: #f3ad36; border-radius: 0; line-height: 1.2; background: transparent; font-size: 1.5em; font-weight: 700; margin-bottom: 40px;}
section#siru_uses .siru_uses_wr .uses_head h2{font-size: 3em; margin-bottom: 40px; color: #3e7eff;}
section#siru_uses .siru_uses_wr .uses_head img{}
section#siru_uses .siru_uses_wr .uses_head p{padding: 40px 0 60px 0; font-size: 1.6em; font-weight: 400; line-height: 1.5;}

section#siru_uses .siru_uses_wr .uses_cont{width: 100%; display:none;}
section#siru_uses .siru_uses_wr .uses_cont ul{width: 70%; margin: 0 auto;}
section#siru_uses .siru_uses_wr .uses_cont ul li{display: inline-block; width: 100%; height: 140px; padding: 15px 0; border-top: 1px solid #dcdcdc;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_img{width: 28%; height: 100%; float: left; position: relative; text-align: center;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_img img{width: 100%;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_img h2{color: #FFF; position: absolute; top: 35%; width: 100%; font-size: 2em;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc{width:52%; height: 100%; float: left;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc h3{font-size: 1.2em; font-weight: 100; padding: 30px 30px 0 30px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc h3 strong{color: #528eda;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc p{font-size: 1em; color: #717171;  padding: 15px 30px 0 30px; }
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon{width: 117px; height: 40px;  float: left; position:relative; background: #FFF; float: left; border: 1px solid #528eda; margin: 35px 0;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a{}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon1{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon2{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: 0px -142px; }
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon3{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: 2px -275px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon4{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: 0px -410px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon5{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: -2px -551px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon6{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: -2px -686px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon7{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: 0px -820px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon8{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: -2px -955px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a #imgicon9{width: 45px; height: 100%; background: url("../img/uses_icon.png"); float: left; background-color: #528eda; background-position: -1px -1093px;}
section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon a span{position: absolute; top: 50%; left: 0; width: 100%; padding-left: 47px; transform: translateY(-50%); font-size: 0.8em; font-weight: 700; color: #528eda; text-align: center;}

section#siru_uses .siru_uses_wr .uses_more{width: 100%;}
section#siru_uses .siru_uses_wr .uses_more .uses_more_btn{ width: 840px; height: 48px; background: #f3ad36; margin: 24px auto 80px; text-align: center; border-radius: 3px;} 
section#siru_uses .siru_uses_wr .uses_more .uses_more_btn a{color:#FFF; line-height:2.4; font-size: 1.6em;}

@media screen and (max-width: 1068px){
	section#siru_uses .siru_uses_wr{max-width: 100%;}
	section#siru_uses .siru_uses_wr .uses_head h2{font-size: 2em;}
	section#siru_uses .siru_uses_wr .uses_head p{font-size: 1.2em;}
	section#siru_uses .siru_uses_wr .uses_cont ul{width: 100%;}
}

@media screen and (max-width: 648px){
	section#siru_uses .siru_uses_wr .uses_head img{width: 100%;}
	section#siru_uses .siru_uses_wr .uses_head span{width: 100px; height: 30px; line-height: 1.8; font-size: 1.2em; margin: 0 0 15px; border: 2px solid #f3ad36;}
	section#siru_uses .siru_uses_wr .uses_head h2{font-size: 1.5em;}
	section#siru_uses .siru_uses_wr .uses_head p{font-size: 1em; padding: 20px 0 30px 0;}

	section#siru_uses .siru_uses_wr .uses_cont ul li{height: inherit;padding: 10px;}
	section#siru_uses .siru_uses_wr .uses_cont ul li .uses_img{width: 35%;}
	section#siru_uses .siru_uses_wr .uses_cont ul li .uses_img h2{font-size: 1.3em;}
	section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc{width: 65%;}
	section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc h3{font-size: 1em; padding: 5px;}
	section#siru_uses .siru_uses_wr .uses_cont ul li .uses_desc p{padding: 5px;}
	section#siru_uses .siru_uses_wr .uses_cont ul li .uses_icon{display: inline-block; width: 100%; margin: 0 auto; float: inherit; margin-top: 10px;}
	section#siru_uses .siru_uses_wr .uses_more{padding: 0 20px;}
	section#siru_uses .siru_uses_wr .uses_more .uses_more_btn{width: 100%; height: 50px; margin: 25px auto 60px;}
	section#siru_uses .siru_uses_wr .uses_more .uses_more_btn a{font-size: 1.3em; line-height: 3.5;}
}

section#siru_faq{width: 100%; background: #f1f6ff; display: inline-block;}
section#siru_faq .siru_faq_wr{max-width: 1200px;margin: 0 auto; }
section#siru_faq .siru_faq_wr .faq_head{width: 100%;  text-align: center; margin-top: 80px;}
section#siru_faq .siru_faq_wr .faq_head span{display: inline-block; width: 150px; height: 30px; color: #FFF; border-radius: 0; line-height: 1.7; background: #3e7eff; font-size: 1.5em; font-weight: 700; margin-bottom: 40px;}
section#siru_faq .siru_faq_wr .faq_head h2{font-size: 2.4em; margin-bottom: 40px; color: #3e7eff;}
section#siru_faq .siru_faq_wr .faq_head img{margin-bottom: 40px;}
section#siru_faq .siru_faq_wr .faq_cont{width: 100%;}
section#siru_faq .siru_faq_wr .faq_cont ul{width: 80%; margin: 0 auto 150px;}
section#siru_faq .siru_faq_wr .faq_cont ul li .accordion{position: relative; width: 100%; height: 60px; background: #FFF; margin-top: 32px; }
section#siru_faq .siru_faq_wr .faq_cont ul li.open .accordion {background-color: #bdc3c7; color: #7f8c8d;}
section#siru_faq .siru_faq_wr .faq_cont ul li.accList .panel{position: relative; width: 100%; background: #f8f8f8; transition:all .4s; height:0px; overflow:hidden; border-top:1px solid #f1f1f1;}
section#siru_faq .siru_faq_wr .faq_cont ul li .accordion h2{width: 80%; height: 100%; float: left; border-left: 5px solid #2e7bc3; padding-left: 20px; font-size: 1.2em; font-weight: 700; line-height: 4; color: #2e7bc3;}
section#siru_faq .siru_faq_wr .faq_cont ul li .panel p{width: 100%; height: 100%; padding:16px 25px; font-size: 1.2em; font-weight: 700; line-height: 2.0; color: #000; }
section#siru_faq .siru_faq_wr .faq_cont ul li .accordion .faq_btn{position:relative; width: 20%; float: right; height: 100%; background-color:#2e7bc3; cursor:pointer;}
section#siru_faq .siru_faq_wr .faq_cont ul li .accordion .faq_btn .arrow {
	display: inline-block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	margin-left:-6px;
	padding: 6px;
	border: solid white; 
	border-width: 0 4px 4px 0; 
}
section#siru_faq .siru_faq_wr .faq_cont ul li .accordion .faq_btn .arrow.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
section#siru_faq .siru_faq_wr .faq_cont ul li .accordion .faq_btn .arrow.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

section#siru_faq .siru_faq_wr .faq_cont ul li.close .panel{
    height:0px;
    transition:height 1s ease-out;
    -webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
    float:left;
    display:block;
}
section#siru_faq .siru_faq_wr .faq_cont ul li.open .panel{
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
    margin: 0px 0px 10px 0px;
    height:auto;
    display:block;
    -webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
    -webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	-webkit-transition: -webkit-transform 0.4s ease-out;
	-o-transition: -o-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
    box-sizing: border-box;
}



@media screen and (max-width: 1068px){
	section#siru_faq .siru_faq_wr{max-width: 100%;}
	section#siru_faq .siru_faq_wr .faq_head h2{font-size: 1.6em;}
	section#siru_faq .siru_faq_wr .faq_cont ul li .accordion h2{font-size: 1em; width:100%; line-height: 5;}
	section#siru_faq .siru_faq_wr .faq_cont ul li:nth-child(2) h2 {padding-top:10px; line-height:1.8;}
}
@media screen and (max-width: 485px){
	section#siru_faq .siru_faq_wr .faq_head span{width: 100px; height: 30px; line-height: 2; font-size: 1.2em; margin: 0 0 15px; background: #3e7eff;}
	section#siru_faq .siru_faq_wr .faq_cont ul li .accordion h2{font-size: 1em;}
	section#siru_faq .siru_faq_wr .faq_cont ul li .accordion .faq_btn {display:none;}
}

section#siru_info{width: 100%; display: inline-block;}
section#siru_info .siru_info_wr{max-width: 1200px; padding: 0 130px; margin: 0 auto;}
section#siru_info .siru_info_wr .info_head{width: 100%; text-align:center; margin: 140px 0 20px 0;}
section#siru_info .siru_info_wr .info_head h2{font-size: 2.4em; color: #3e7eff;}

section#siru_info .siru_info_wr .infofirst{display: inline-block; width: 100%; border-top: 3px solid #2c5cc6; }
section#siru_info .siru_info_wr .infofirst p{width: 70%; float: left; padding: 50px 30px; color: #2c5cc6; font-size: 1.6em; line-height: 2;}
section#siru_info .siru_info_wr .infofirst img{width: 20%; float: left; margin: 30px 0;}

section#siru_info .siru_info_wr .infosecond{display: inline-block; width: 100%; background: #f1f6ff; border-top: 3px solid #2c5cc6; border-bottom: 3px dotted #2c5cc6; }
section#siru_info .siru_info_wr .infosecond .second_img{width: 28%; float: left; text-align: center; padding: 45px 50px;}
section#siru_info .siru_info_wr .infosecond .second_cont{width: 72%; float: left; padding: 60px 0 0;}
section#siru_info .siru_info_wr .infosecond .second_cont h3{color: #3e7eff; font-size: 1.3em; font-weight: 700; padding-bottom: 10px; text-decoration: underline;}
section#siru_info .siru_info_wr .infosecond .second_cont ul{margin-bottom: 45px;}
section#siru_info .siru_info_wr .infosecond .second_cont ul li{font-size: 1.3em; font-weight: 700; line-height: 2;}

section#siru_info .siru_info_wr .infothird{display: inline-block; width: 100%; border-bottom: 3px solid #2c5cc6;}
section#siru_info .siru_info_wr .infothird .third_img{width: 28%; float: left; text-align: center; padding: 45px 50px;}
section#siru_info .siru_info_wr .infothird .third_cont ul{padding: 35px 0;}
section#siru_info .siru_info_wr .infothird .third_cont ul li{font-size: 1.3em; font-weight: 700; line-height: 2;}
@media screen and (max-width: 1068px){
	section#siru_info .siru_info_wr{max-width: 100%; padding: 0 50px;}
	section#siru_info .siru_info_wr .info_head{margin: 70px 0 20px;}
	section#siru_info .siru_info_wr .info_head h2{font-size: 1.6em;}
}
@media screen and (max-width: 485px){
	section#siru_info .siru_info_wr{padding: 0 10px;}
	section#siru_info .siru_info_wr .infofirst{text-align: center;}
	section#siru_info .siru_info_wr .infofirst img{width: 40%; float: inherit; margin: 0 0 40px;}
	section#siru_info .siru_info_wr .infofirst p{font-size: 1.2em; width: 100%; float: inherit; padding: 30px 15px;}
	section#siru_info .siru_info_wr .infosecond .second_img{width: 100%; float: inherit; padding: 30px 10px; letter-spacing: -1px;}
	section#siru_info .siru_info_wr .infosecond .second_cont{width: 100%; text-align: center; padding: 20px 0;}
	section#siru_info .siru_info_wr .infosecond .second_cont ul{padding: 0 0 20px;}
	section#siru_info .siru_info_wr .infosecond .second_cont ul h3{font-size: 1em;}
	section#siru_info .siru_info_wr .infosecond .second_cont ul li{font-size: 1em;}
	section#siru_info .siru_info_wr .infothird .third_img{width: 100%; float: inherit; padding: 30px 10px;}
	section#siru_info .siru_info_wr .infothird .third_cont ul{padding: 0 0 20px;}
	section#siru_info .siru_info_wr .infothird .third_cont ul li{font-size: 1em; text-align: center;}
}

section#siru_prom{width: 100%; display: inline-block;}
section#siru_prom .siru_prom_wr{max-width: 1200px; margin: 0 auto;}
section#siru_prom .siru_prom_wr .prom_head {width: 100%; text-align:center; margin: 150px 0 20px 0;}
section#siru_prom .siru_prom_wr .prom_head h2{font-size: 2.4em; color: #3e7eff;}
section#siru_prom .siru_prom_wr .prom_head h2 strong{color: #ff8073;}
section#siru_prom .siru_prom_wr ul{width: 100%; display: inline-block; margin: 30px 0;}
section#siru_prom .siru_prom_wr ul li{position: relative; float: left; width: 18%; height: 305px; margin:  5px 12px;; text-align: center;}
section#siru_prom .siru_prom_wr ul li span{display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #ff8073; color: #FFF; position: absolute; font-size: 1.3em; font-weight: 700; line-height: 2; top: -17px; left: 44%;}
section#siru_prom .siru_prom_wr ul li img{margin: 70px 0 40px;}
section#siru_prom .siru_prom_wr ul li:nth-child(even) p{font-size: 1.6em; color: #3e7eff; font-weight: 700;}
section#siru_prom .siru_prom_wr ul li:nth-child(odd) p{font-size: 1.6em; color: #FFF; font-weight: 700;}
section#siru_prom .siru_prom_wr ul li:nth-child(even){background: transparent; border: 3px solid #3e7eff;}
section#siru_prom .siru_prom_wr ul li:nth-child(odd){background: #3e7eff;}

section#siru_prom .siru_prom_wr .prom_footer{width: 100%; padding: 0 110px;}
section#siru_prom .siru_prom_wr .prom_footer_wr{display: inline-block; width: 100%; margin: 0 auto 120px; background: #ffc9c3; padding: 5px 10px;}
section#siru_prom .siru_prom_wr .prom_footer_wr .footer_img{width: 10%; float: left; text-align: center;}
section#siru_prom .siru_prom_wr .prom_footer_wr .footer_title{width: 90%; float: left;}
section#siru_prom .siru_prom_wr .prom_footer_wr .footer_title h2{font-size: 2em; font-weight: 700; color: #ff8073; line-height: 2;}

@media screen and (max-width: 1068px){
	section#siru_prom .siru_prom_wr{max-width: 100%;}
	section#siru_prom .siru_prom_wr .prom_head {margin: 70px 0 20px 0;}
	section#siru_prom .siru_prom_wr .prom_head h2{font-size: 1.6em;}
	section#siru_prom .siru_prom_wr ul{text-align: center;}
	section#siru_prom .siru_prom_wr ul li{width:25%; display: inline-block; vertical-align: top; margin: 10px 12px; float: inherit;}
	section#siru_prom .siru_prom_wr ul li img{margin: 30px 0;}
	section#siru_prom .siru_prom_wr .prom_footer_wr .footer_title h2{font-size: 1.5em; line-height: 3; letter-spacing: -1px;}
}

@media screen and (max-width: 485px){
	section#siru_prom .siru_prom_wr .prom_head h2{font-size: 1.5em;}
	section#siru_prom .siru_prom_wr ul{padding: 0 10px;}
	section#siru_prom .siru_prom_wr ul li{width: 100%; height: 230px; margin: 10px 0;}
	section#siru_prom .siru_prom_wr ul li:nth-child(odd) p{font-size: 1.2em;}
	section#siru_prom .siru_prom_wr ul li:nth-child(even) p{font-size: 1.2em;}
	section#siru_prom .siru_prom_wr ul li span{left: 47%;}
	
	section#siru_prom .siru_prom_wr .prom_footer{padding: 0 10px;}
	section#siru_prom .siru_prom_wr .prom_footer_wr{margin: 0 auto 60px;}
	section#siru_prom .siru_prom_wr .prom_footer_wr .footer_img{width: 100%; float: inherit;}
	section#siru_prom .siru_prom_wr .prom_footer_wr .footer_title{width: 100%; float: inherit; text-align: center;}
	section#siru_prom .siru_prom_wr .prom_footer_wr .footer_title h2{font-size: 1em; }
}

/* common */
.pcNo {
	display: none;
}
/* common */
#hd {
	border-bottom: none;
	box-shadow: 0px 0px 8px rgba(200,210,210,0.4);
}
#hd_top {
	display: block;
	height: 3.0rem;
}
#hd_top nav div {
	display: block;
	float: left;
	padding:0.75rem 0;
}
#hd_top nav div a {
	display: block;
	padding:0 1.0rem;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 600;
	color: #686868;
}
#hd_top nav div:first-child a {
	border-right:1px solid #ededed;
}
#hd_contents {
	display: block;
	height: 6rem;
	background: #deebf7;
}
#hd #hd_wrapper {
	width: 100%;
	max-width: 100%;
}
#hd .cont_sec {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
#hd #hd_wrapper #logo {
	padding-left:1.0rem;
}

#hd_wrapper #logo {

}
#hd_wrapper #logo a {
	display: block;
	font-family: 'TmonMonsori','BMHANNAPro','Nanum Gothic', sans-serif;
	font-size:2.5rem;
	color:#2f5597;
}
#hd #hd_wrapper .qnb_wr #hd_qnb li {
	height: 6.0rem;
	line-height: 1.6;
}
#hd #hd_wrapper .qnb_wr #hd_qnb li span {
	position: relative;
	padding:0 2.0rem 0;
	line-height: 6.0rem;
	color:#202020;
	font-size:1.5rem;
	font-family: 'SCD5-medium','NanumSquare', 'Nanum Gothic', sans-serif;
	font-weight: 700;
	transition: all 0.3s;
}
#hd #hd_wrapper .qnb_wr #hd_qnb li span:after {
	display: none;
	position: absolute;
	left:0;
	bottom:0;
	content:'';
	width:100%;
	height: 0.375rem;
	background: #528eda;
	transition: all 0.3s;
}
/*#hd #hd_wrapper .qnb_wr #hd_qnb li:hover span {*/
/*    color:#fff;*/
/*    background: #528eda;*/
/*}*/
/*#hd #hd_wrapper .qnb_wr #hd_qnb li:last-child:hover span {*/
/*    color:#fff;*/
/*    background: #528eda;*/
/*}*/
#hd #hd_wrapper .qnb_wr #hd_qnb li:hover span:after {
	display: block;
}
#hd #hd_wrapper .qnb_wr #hd_qnb li:last-child {
	background: none;
}
#hd #hd_wrapper .qnb_wr #hd_qnb li:last-child span {
	color:#202020;
}

.mb_ver {
	display: none;
}

#wrapper.main {
	margin-top:9rem;
}

section#sch.main {
	padding:4.0rem 0 0;
	background: #fff;
}
#sch.main h2 {
	padding:2.0rem 0 1.25rem;
	font-family: 'BMHANNAPro','Nanum Gothic', sans-serif;
	font-size:2.25rem;
	text-align: center;
	font-weight: 200;
}
#sch.main h2 strong {
	color: #3c7efe;
}
section#sch.main .cate_sch .sch_wr {
	padding:0 0rem 1.0rem;
}
section#sch .cate_sch .sch_wr .sch_txt_fld {
	padding:0 1.0rem 1.0rem;
	text-align: center;
}
section#sch .cate_sch .sch_wr .sch_txt_fld p {
	font-family: 'SCD5-medium','NanumSquare', 'Nanum Gothic', sans-serif;
	font-size:1.5rem;
	font-weight:200;
}
.link-btn__list {
	margin: 1.0rem auto 0;
	max-width: 1000px;
}
.link-btn__list:after {
	content:'';
	clear: both;
	display: block;
	width: 100%;
}
.link-btn__list li {
	float: left;
	width: 20%;
}
.link-btn__list li a {
	display: block;
	text-align:center;
	cursor: pointer;

}
.link-btn__list li a img {
	width:100%;
	max-width: 128px;
}
.link-btn__list li a p {
	font-weight:600;
	line-height:1.5;
	font-size:1.25rem;
}

.slidebanner{position:relative;width:1000px;height:172px;overflow:hidden;}
.slidebanner .bannerbox{position:absolute;margin:0;padding:0;width:1000px;}
.slidebanner li{float:left;margin-bottom:5rem; list-style:none;width:20%;}
.slidebanner li:first-child{margin:0}

#sldArea { position:relative; padding-bottom: 48%; }
#sldArea.slide_area{ position:relative; width:100%; margin:0 auto; }
#sldArea.slide_area a.slide{ position:absolute; width: 100%; top:0; left:0; display: none;}
#sldArea.slide_area a img{width: 100%; vertical-align: top;}
#sldArea.slide_area a.slide.s1{display: block;}
#sldArea.slide_area a.slide.s1 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
#sldArea.slide_area a.slide.s2 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
#sldArea.slide_area a.slide.s3 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
#sldArea.slide_area a.slide.s4 img.bg { position:absolute; top:0px; right:0px; z-index:1;}
#sldArea.slide_area a img.m_bg{display: none;}
#sld_dot_area {position:absolute; bottom:8px; left:50%; transform:translate(-50%,0); text-align:center; z-index:999;}
#sld_dot_area a {display:inline-block; width:14px; height:14px; border-radius:7px; background:#fff; box-shadow:0px 0px 8px rgba(80,90,90,0.3);
	margin:0 6px; cursor:pointer; transition:all .4s;
}
#sld_dot_area a:hover {background:#2f5597;}
#sld_dot_area a.active {background:#2f5597;}


section#siru_inst.main {
	padding-top:4.0rem;
}

section#sch.main .cate_sch .sch_wr .sch_fld_wr {
	padding:0.75rem 1.5rem;
	border:0.6rem solid #2f5597;
	border-radius: 0;
}
section#sch.main .cate_sch .sch_wr .sch_fld_wr input {
	font-size:1.75rem;
}
section#sch.main .cate_sch .sch_wr input#btn_submit{
	display:inline-block; width: 20%; font-size: 1.5em; padding: 20px; margin-left: -5px; height:60px; background: #2f5597; border: 0; border-radius: 0 5px 5px 0; color: #FFF;
}
section#sch.main .cate_sch .sch_wr .sch_txt_fld {
	clear: both;
	margin:0 auto;
	padding-top:1.0rem;
}
section#sch .cate_sch .sch_wr .sch_txt_fld p .blue-txt {
	color: #2f5597;
}
section#sch .cate_sch .sch_wr:after {
	content:'';
	display: block;
	clear: both;
	width: 100%;
}
section#sch .cate_sch .sch_wr aside.left {
	float: left;
	width: 15%;
}
section#sch .cate_sch .sch_wr aside.left h3 {
	padding:1.0rem 0 0.25rem;
	text-align: center;
	font-size:1.75rem;
	font-family: 'NanumSquare',sans-serif;
	font-weight: 800;
}
section#sch .cate_sch .sch_wr aside.left p {
	text-align: center;
	font-size:1.5rem;
	font-family: 'NanumSquare',sans-serif;
	color:#ababab;
}
section#sch .cate_sch .sch_wr aside.right {
	float: left;
	padding-right:2.0rem;
	width: 85%;
}
section#sch .sch_banner {
	clear: both;
	margin:0 auto 0rem;
	padding:3.0rem 0;
	width: 100%;
	background: #deebf7;
}
section#sch .sch_banner .cont {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}
section#sch .sch_banner:after {
	content:'';
	display: block;
	clear: both;
	width: 100%;
}
section#sch .sch_banner aside.left {
	position: relative;
	float: left;
	padding-left:1.0rem;
	width: 75%;
	text-align: center;
}
section#sch .sch_banner aside.left img {
	height: 36rem;
	border-radius: 3rem;
}
section#sch .sch_banner aside.right {
	float: left;
	padding-right:2.0rem;
	width: 25%;
	text-align: right;
}
section#sch .sch_banner aside.right img {
	height: 36rem;
}
section#sch.main .sch_recommend {
	margin:0 auto;
	padding:1.5rem 0 6.0rem;
	width: 100%;
	max-width: 100%;
	background: #deebf7;
}
section#sch.main .sch_recommend .cont {
	margin:0 auto;
	width:100%;
	max-width: 1200px;
}
.main .link-btn__list {
	padding:0 1rem 0 0;
	max-width: 1200px;
}
.main .link-btn__list li {
	padding:0 1.0rem;
	width: 25%;
}
.main .link-btn__list li a {
	margin: 0 auto;
	padding:2.5rem 1.0rem;
	height: 9.0rem;
	font-family: 'SCD5-medium','NanumSquare',sans-serif;
	border-radius: 2.0rem;
	transition: all 0.3s;
}
.main .link-btn__list li a p {
	font-size:1.5rem;
}
.main .link-btn__list li:hover a {
	background: #2f5597;
	color:#fff;
}
.main .link-btn__list li:nth-child(1) a {
	background: #ffd966;
	padding:1.0rem 1.0rem;
}
.main .link-btn__list li:nth-child(2) a {
	background: #ffd966;
	padding:1.0rem 1.0rem;
}
.main .link-btn__list li:nth-child(3) a {
	background: #a9d18e;
	padding:3.5rem 1.0rem;
}
.main .link-btn__list li:nth-child(4) a {
	background: #f4b183;
	padding:2.0rem 0.5rem;
}
.main .link-btn__list li:nth-child(1) a p {
	line-height: 2.4rem;
}
.main .link-btn__list li:nth-child(2) a p {
	background: #ffd966;
	line-height:2.4rem;
}
.main .link-btn__list li:nth-child(3) a p {
	background: #a9d18e;
	line-height:2.4rem;
}
.main .link-btn__list li:nth-child(4) a p {
	background: #f4b183;
	line-height:2.4rem;
}
section#siru_inst .mb_intro {}
section#siru_inst .mbs_pic {
	padding:0 2.0rem;
}
section#siru_inst .mbs_pic img {
	border:none;
	border-radius: 3.0rem;
}
section#siru_inst.main {
	background: #deebf7;
}
section#siru_info.main {
	padding:6.0rem 0;
	background: url("../img/bg/line_pt_bg.png") repeat;
}
section#siru_info.main .cont {
	margin: 0 auto;
	width: 100%;
	max-width:1200px;
	text-align: center;
}
section#siru_info.main .cont h3 {
	padding:0.25rem 0 2.5rem;
	color:#2f5597;
	font-family: 'SCD5-medium','NanumSquare', 'Nanum Gothic', sans-serif;
	font-size:2.25rem;
}
section#siru_info.main .cont p {
	font-family: 'SCD5-medium','NanumSquare', 'Nanum Gothic', sans-serif;
	font-size:1.25rem;
}

#ft.main {
	background: #2f5597;
}
#ft.main #ft_catch {
	display: none;
}
#ft.main #ft_wr #ft_sns {
	display: none;
}
#ft.main #ft_wr #ft_address {
	padding:1.5rem 0 1.5rem;
	width: 100%;
	text-align: center;
}



@media screen and (max-width: 1024px) {


	#hd_top {
		display: none;
	}
	#hd_contents {
		height: 56px;
	}
	#hd_wrapper #logo a {
		font-size:1.75rem;
	}
	#wrapper.main {
		margin-top:56px;
	}
	.pc_ver {
		display: none;
	}
	.mb_ver {
		display: block;
	}

	nav#m_hmn.main ul {
		background: #2f5597;
	}

	#hd #nav-icon .hamburger, #hd #nav-icon .hamburger::before, #hd #nav-icon .hamburger::after {
		background:#2f5597;
	}
	#hd .closed .hamburger {
		background:#2f5597 !important;
	}
	#hd #m_hmr .m_qnb_wr #m_hd_qnb .title {
		bottom: unset;
	}

	.slidebanner.mb_ver {
		width: 100%;
	}
	.slidebanner.mb_ver .bannerbox {
		width: 100%;
	}

	.slidebanner.mb_ver li {
		margin-bottom:10rem;
		width: 33.3%;
	}
	.slidebanner.mb_ver .link-btn__list li a p {
		font-size:0.875rem;
	}
	section#sch.main {
		padding:3.0rem 0 0;
	}
	section#sch.main .cate_sch .sch_wr {
		padding:0 1.5rem 1.5rem;
	}
	section#sch .cate_sch .sch_wr .sch_txt_fld p {
		font-size:1.0rem;
	}
	section#sch.main .cate_sch .sch_wr input#btn_submit {
		padding:1.0rem;
	}

	section#sch .cate_sch .sch_wr aside.left {
		float: unset;
		width: 100%;
	}
	section#sch .cate_sch .sch_wr aside.right {
		float: unset;
		padding-right:0;
		width: 100%;
	}
	section#sch.main .cate_sch .sch_wr .sch_fld_wr {
		height: 60px;
	}
	section#sch.main .cate_sch .sch_wr .sch_fld_wr input {
		font-size:1.125rem;
	}
	section#sch .cate_sch .sch_wr aside.left h3 {
		padding:0;
	}
	section#sch .sch_banner {
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	section#sch .sch_banner aside.left {
		float: unset;
		padding-left:0;
		width: 100%;
	}
	section#sch .sch_banner aside.right {
		float: unset;
		margin-top:1.0rem;
		padding-right:0;
		width: 100%;
		text-align: center;
	}
	section#sch .sch_banner aside.left img {
		height: auto;
		width: 90%;
		border-radius: 2.0rem;
	}
	section#sch .sch_banner aside.right img {
		height: auto;
		width: 60%;
	}
	.main .link-btn__list {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}

	.main .link-btn__list li {
		margin-bottom:1.0rem;
		padding-left:0.5rem;
		padding-right:0.5rem;
		width: 50%;
	}
	.main .link-btn__list li a p {
		font-size:1.25rem;
	}
	section#siru_inst.main {
		padding-top:4.0rem;
	}
	#sldArea { position:relative; padding-bottom: 50%; }
	section#siru_inst .mbs_pic img {
		border-radius: 1.5rem;
	}

}

@media screen and (max-width: 767px) {
	.pcNo {
		display: block;
	}

	section#siru_info.main .cont p {
		padding:0 1.5rem;
	}
}