@charset "utf-8";

@font-face{
	font-family: 'NanumGothicWeb';
	font-style: normal;
	font-weight: normal;
	src: url('../css/font/NanumGothic.eot'); 
	src: local('?'), url('../css/font/NanumGothic.woff') format('woff'), url('../css/font/NanumGothic.ttf') format('truetype');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 600;
	font-style: inherit;
	font-size: 100%;
	font-family: 'NanumGothicWeb', sans-serif;
	color:#333;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.hide{display:none}

#hsmpp_wrap{width:100%; height:100%; position:absolute}
#hsmpp_wrap .hsmpp_set{width:976px; margin:0 auto}

/* rolling */
#mainRoll, #relationRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}

.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}

.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}


#mainRoll {width:100%; min-width:976px; height:600px; overflow:hidden; z-index:50;}
#mainRoll .swiper-slide {width:100%; height:600px; overflow:hidden;}
#mainRoll .swiper-slide img {position:absolute; left:50%; top:0; margin:0 0 0 -450px;}
#mainRoll .swiper-slide a {display:block; position:relative; width:100%; height:100%}

/* thum */
#mainThum {position:absolute; left:0; top:570px; width:100%; text-align:center;}
#mainThum div {zoom:1; *display:inline;}
.swiper-pagination-switch {display:inline-block; height:30px; line-height:30px; letter-spacing:-1px; background:rgba(0,0,0,0.8); overflow:hidden; cursor:pointer;
	font-size:12px; color:#fff; padding: 0 15px
}
.swiper-active-switch {background:rgba(255,255,255,0.9); color:#000}

/* rolling arrow */
.arrowArea {position:relative; width:100%; height:0; margin:0 auto; }
.arrowArea:after {content:""; display:block; clear:both; *zoom:1;}
.arrowLeft{position:absolute; left:100px; top:-325px; z-index:99; width:30px; height:50px; background:url('/images/arrow001_off.png') no-repeat;}
.arrowLeft:hover {background:url('/images/arrow001.png') left top no-repeat;}
.arrowRight{position:absolute; right:100px; top:-325px; z-index:99; width:30px; height:50px; background:url('/images/arrow002_off.png') no-repeat;}
.arrowRight:hover {background:url('/images/arrow002.png') left top no-repeat;}


/*
@media all and (max-width:1300px) {
	#mainRoll {height:340px}
	#mainRoll .swiper-slide {height:340px; background-size:cover !important}
	.arrowLeft{top:-195px}
	.arrowRight{top:-195px}
}
*/

#hsmpp_mid{padding:20px 38px 0 38px;}
#hsmpp_mid .class_num{width:100%; display:block; font-weight:bold; font-size:20px; letter-spacing:-1px; text-align:center; padding:0 0 20px 0; line-height: 32px;}
#hsmpp_mid .class_num .act01{color:#2a80b9}
#hsmpp_mid .class_num .act02{color:#2a80b9}
#hsmpp_mid .class_num .act03{color:#d00000}
#hsmpp_mid .class_num .act04{color:#d00000}
#hsmpp_mid .class_num .act05{color:#d00000}
#hsmpp_mid .class_num .fontup{font-size:22px; letter-spacing:-1px; font-weight:800}
#hsmpp_mid .mid001{}
#hsmpp_mid .mid001 dd{float:left; display:block; margin-top:10px;}
#hsmpp_mid .mid001 dd:nth-child(odd){margin-left:10px;}

#hsmpp_mid .cladd{width:100%; height:43px; line-height:43px; display:block; background:#f6f6f6; border:solid 1px #e7e7e7; font-size:13px; box-sizing: border-box}
#hsmpp_mid .cladd .cladd_st{width:110px; text-align:center; display:block; float:left}
#hsmpp_mid .cladd .cladd_dd_set{height:35px; background:#fff; line-height:25px; display:block; float:left; margin:4px 0 0 20px; overflow:hidden}
#hsmpp_mid .cladd .cladd_dd{}
#hsmpp_mid .cladd .cladd_dd li{width:189px; float:left; text-align:center}

#hsmpp_mid .mid002{clear:both; margin:30px 0 0 0}
#hsmpp_mid .mid002 .hsmpp_info{width:204px; float:left;}
#hsmpp_mid .mid002 .hsmpp_info .log_set{width:204px; float:left; font-size:12px; position: relative}

#hsmpp_mid .mid002 .hsmpp_info .log_set .log_form_set{width:114px; float:left;}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_form_set2{line-height:1.7em; display:block;}
#hsmpp_mid .mid002 .hsmpp_info .log_set .form_ld{}
#hsmpp_mid .mid002 .hsmpp_info .log_set .form_ld input{width:138px; height:25px; box-sizing: border-box; border:solid 1px #e1e1e1; margin-top:23px}
#hsmpp_mid .mid002 .hsmpp_info .log_set .form_pw{}
#hsmpp_mid .mid002 .hsmpp_info .log_set .form_pw input{width:138px; height:25px; box-sizing: border-box; border:solid 1px #e1e1e1; margin-top:3px}
#hsmpp_mid .mid002 .hsmpp_info .log_set .btn_login{width:63px; height:48px; position: absolute; top:25px; left: 146px}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_chek{width:100%; font-size:12px; color:#5c5c5c; display: inline-block; padding:12px 0 0 1px}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_chek input{width:15px; height:15px; vertical-align:middle; border:solid 1px #818181; margin:0}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_chek img{vertical-align: middle; margin:0 0 0 6px}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_chek001{width:128px; float:left}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_chek002{float:left}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_btn_set{border-top:solid 1px #e0e0e0; margin:18px 0 0 0; padding:7px 0 0 1px}
#hsmpp_mid .mid002 .hsmpp_info .log_set .log_btn_set .idpw{display: inline-block; margin-left:19px}


#hsmpp_mid .mid002 .hsmpp_info .left_banner{display:inline-block; margin:20px 0 0 0}
#hsmpp_mid .mid002 .hsmpp_info .left_banner dd{}
#hsmpp_mid .mid002 .hsmpp_info .left_banner .tel{/*border-top:solid 2px #d2d2d2; */padding:20px 0 20px 0 }
#hsmpp_mid .mid002 .hsmpp_info .left_banner .bank{width:210px; height:107px; display: block; box-sizing: border-box; border:solid 1px #c1c1c1; margin:0 0 10px 0}
#hsmpp_mid .mid002 .hsmpp_info .left_banner .bank .bn1{display: block; margin:14px 0 0 14px}
#hsmpp_mid .mid002 .hsmpp_info .left_banner .bank .bn2{display: block; margin:8px 0 0 11px; font-size:20px}
#hsmpp_mid .mid002 .hsmpp_info .left_banner .bank .bn3{display: block; margin:10px 0 0 12px; font-size:13px; letter-spacing:-1px}



#hsmpp_mid .mid002 .class_banner{width:676px; float:left; padding-left:20px;}
#hsmpp_mid .mid002 .class_banner dd{margin-top:10px;}
#hsmpp_mid .mid002 .class_banner dd:first-of-type{margin-top:0px;}
#hsmpp_mid .mid002 .mobile_banner{margin:10px 0 0 0}
#hsmpp_mid .mid002 .sch_set{width:676px; display:block;}
#hsmpp_mid .mid002 .sch_set .it_importants{width:462px; height:267px; margin:10px 0 0 0; float:left; position: relative}
#hsmpp_mid .mid002 .sch_set .it_importants .it_importants01{position: absolute; top:60px; left:25px; font-size: 12px; letter-spacing:-1px; text-align: center; line-height:16px}
#hsmpp_mid .mid002 .sch_set .it_importants .it_importants02{position: absolute; top:60px; right:60px; font-size: 12px; letter-spacing:-1px; text-align: center;}
#hsmpp_mid .mid002 .sch_set .it_importants .it_importants02 em{display: block; font-size:11px; text-align: center; line-height:16px}

#hsmpp_mid .mid002 .sch_set .sch_box{width:204px; height:267px; float:left; margin:10px 0 0 10px;}
#hsmpp_mid .mid002 .sch_set .sch_box .sch_list{width:154px; height:134px; padding:25px; border:solid 1px #d6d4d4; overflow:hidden}
#hsmpp_mid .mid002 .sch_set .sch_box .sch_list .sch001{display:block; font-size:36px; color:#d00000; font-weight:bold; text-align:center}
#hsmpp_mid .mid002 .sch_set .sch_box .sch_list .sch002{display:block; text-align:center; font-size:16px; margin:25px 0 0 0; color:#333; font-weight:bold}
#hsmpp_mid .mid002 .sch_set .sch_box .sch_list .sch003{display:block; text-align:center; font-size:12px; margin:25px 0 0 0; color:#333}
#hsmpp_mid .mid002 .sch_set .sch_box .sch_goto a{
		width:204px; height:53px;
		background:#2c3e50; display:block; color:#fff200; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; padding:18px 0 0 0; margin:10px 0 0 0
}
#hsmpp_mid .mid002 .sch_set .sch_box .sch_goto em{display:block; color:#fff; font-size:12px; margin:8px 0 0 0}

#hsmpp_mid .mid003{margin-top:20px; display:inline-block}
#hsmpp_mid .mid003 .notice_wrap{width:445px; float:left;}
#hsmpp_mid .mid003 .notice_wrap .notice{width:445px; height:170px; background:url(/images/img/notice_bg.gif) no-repeat;}
#hsmpp_mid .mid003 .notice_wrap .notice dt{width:100%; height:32px; background:#d4d2d2; margin-bottom:9px;}
#hsmpp_mid .mid003 .notice_wrap .notice dd{font-size:12px; line-height:24px; font-family:dotum; padding:0 11px 0 11px}
#hsmpp_mid .mid003 .notice_wrap .notice dd a{color:#333; text-decoration:none; border-bottom:solid 2px #fff}
#hsmpp_mid .mid003 .notice_wrap .notice dd a:hover{color:#333; text-decoration:none; border-bottom:solid 2px #d40000}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_st{ background:#FF0004}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_st li{width:99px; height:32px; display:block; float:left; overflow:hidden; text-indent:-9999px; cursor:pointer}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_st .notice_st001{background:url(/images/img/notice_st001.gif) no-repeat;}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_st .notice_st001_on{background:url(/images/img/notice_st001on.gif) no-repeat;}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_st .notice_st002{background:url(/images/img/notice_st002.gif) no-repeat;}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_st .notice_st002_on{background:url(/images/img/notice_st002on.gif) no-repeat;}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_dd001{
	width:337px; height:24px;
	display:inline-block; float:left; padding-left:12px;
	background:url(/images/notice_dot.gif) 0 50% no-repeat;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}
#hsmpp_mid .mid003 .notice_wrap .notice .notice_dd002{width:74px; height:24px; text-align:center; display:block; float:right}



#hsmpp_mid .mid003 .notice_wrap .notice_new{width:100%; border: solid 1px #d4d2d2; display:inline-block; padding:0 0 10px 0}
#hsmpp_mid .mid003 .notice_wrap .notice_new .notice_new_st{
	width:100%; height:40px; line-height: 40px; font-size: 14px; border-bottom: solid 1px #d4d2d2; display: block; margin:0 0 10px 0
}
#hsmpp_mid .mid003 .notice_wrap .notice_new .notice_new_st .notice_new_st1{width:300px; float: left; padding:0 0 0 15px}
#hsmpp_mid .mid003 .notice_wrap .notice_new .notice_new_st .notice_new_st2{width:100px; float:right; text-align: right; padding:0 15px 0 0}
#hsmpp_mid .mid003 .notice_wrap .notice_new .notice_new_st .notice_new_st2 a{text-decoration: none; font-size: 11px; color: #4b4b4b}
#hsmpp_mid .mid003 .notice_wrap .notice_new dd{font-size:12px; line-height:24px}
#hsmpp_mid .mid003 .notice_wrap .notice_new dd a{color:#4b4b4b; text-decoration:none; border-bottom:solid 2px #fff;}
#hsmpp_mid .mid003 .notice_wrap .notice_new dd a:hover{color:#333; text-decoration:none; border-bottom:solid 2px #0054a7}
#hsmpp_mid .mid003 .notice_wrap .notice_new .notice_new_tt{
	width:320px; height:24px;
	display:inline-block; float:left; padding-left:27px;
	background:url(/images/new_notice_dot.gif) 15px 50% no-repeat;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}
#hsmpp_mid .mid003 .notice_wrap .notice_new .notice_new_date{width:74px; height:24px; text-align:center; display:block; float:right; padding:0 15px 0 0}

#hsmpp_mid .mid003 .notice2_wrap .notice2_new{width:100%; border: solid 1px #d4d2d2; display:inline-block; padding:0 0 10px 0}
#hsmpp_mid .mid003 .notice2_wrap .notice2_new .notice2_new_st{
	width:100%; height:40px; line-height: 40px; font-size: 14px; border-bottom: solid 1px #d4d2d2; display: block; margin:0 0 10px 0; box-sizing: border-box; padding:0 0 0 15px;
}
#hsmpp_mid .mid003 .notice2_wrap .notice2_new dd{
	font-size: 12px;
	width:168px; height:24px; line-height: 24px;
	display:inline-block; float:left; padding-left:25px;
	background:url(/images/new_notice_dot.gif) 15px 50% no-repeat;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}



#hsmpp_mid .mid003 .notice2_wrap{width:415px; float:left; margin-left:40px;}
#hsmpp_mid .mid003 .notice2_wrap .notice2{width:445px; height:170px; background:url(/images/img/notice_bg.gif) no-repeat;}
#hsmpp_mid .mid003 .notice2_wrap .notice2 dt{width:100%; height:32px; background:#d4d2d2; margin-bottom:9px;}
#hsmpp_mid .mid003 .notice2_wrap .notice2 dd{font-size:12px; line-height:24px; font-family:dotum; padding:0 11px 0 11px}
#hsmpp_mid .mid003 .notice2_wrap .notice2 dd a{color:#333; text-decoration:none; border-bottom:solid 2px #fff}
#hsmpp_mid .mid003 .notice2_wrap .notice2 dd a:hover{color:#333; text-decoration:none; border-bottom:solid 2px #d40000}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_st{ background:#FF0004}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_st li{height:32px; display:block; float:left; overflow:hidden; text-indent:-9999px; cursor:pointer}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_st .notice2_st001{width:99px; background:url(/images/img/notice_st003.gif) no-repeat;}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_st .notice2_st001_on{width:99px; background:url(/images/img/notice_st003on.gif) no-repeat;}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_st .notice2_st002{width:139px; background:url(/images/img/notice_st004.gif) no-repeat;}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_st .notice2_st002_on{width:139px; background:url(/images/img/notice_st004on.gif) no-repeat;}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_dd001{
	width:337px; height:24px;
	display:inline-block; float:left; padding-left:12px;
	background:url(/images/notice_dot.gif) 0 50% no-repeat;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_dd002{width:74px; height:24px; text-align:center; display:block; float:right}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_dd003{
	width:411px; height:24px;
	display:block; float:left; padding-left:12px;
	background:url(/images/notice_dot.gif) 0 50% no-repeat;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}
#hsmpp_mid .mid003 .notice2_wrap .notice2 .notice2_dd004{
	width:168px; height:24px;
	display:inline-block; float:left; padding-left:12px;
	background:url(/images/notice_dot.gif) 0 50% no-repeat;
	text-overflow:ellipsis; white-space:nowrap; overflow:hidden
}








#hsmpp_mid .mid002 .relationRoll_wrap{width:676px; background:#ddd}
/* rolling */
#relationRoll, #relationRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}

.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}

.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}


#relationRoll{width:676px; height:169px; overflow:hidden; z-index:50;}
#relationRoll .swiper-slide{width:676px; height:169px; overflow:hidden;}
#relationRoll .swiper-slide img {}
#relationRoll .swiper-slide a {display:block; position:relative; width:100%; }

/* rolling arrow */
.relationArea {position:relative; width:676px; height:0; margin:0 auto; }
.relationArea:after {content:""; display:block; clear:both; *zoom:1;}
.relationLeft{position:absolute; left:10px; top:-100px; z-index:99; width:30px; height:50px; background:url('/images/r_arrow001.png') no-repeat;}
.relationLeft:hover {background:url('/images/r_arrow001_on.png') left top no-repeat;}
.relationRight{position:absolute; right:0px; top:-100px; z-index:99; width:30px; height:50px; background:url('/images/r_arrow002.png') no-repeat;}
.relationRight:hover {background:url('/images/r_arrow002_on.png') left top no-repeat;}

.uni_set{width:900px; height:45px; margin:10px 0 10px 0; background:url(/images/s_uni002.gif) repeat-x; float:left; text-align:left;}
.uni_set .bg1{width:100%; height:100%; display:block; background:url(/images/s_uni001.gif) no-repeat left;}
.uni_set .bg2{width:100%; height:100%; display:block; background:url(/images/s_uni003.gif) no-repeat right;}

#hsmpp_bottom{line-height:18px;}
#hsmpp_bottom .footer_navi{width:976px; height:21px; background-image: url(/images/footer_bg.gif); background-repeat:repeat-x; float:left; margin-top:10px; _margin-top:6px;}
#hsmpp_bottom .footer_navi001{width:10px; height:21px; background-image: url(/images/footer_navi001.gif); background-repeat:no-repeat; float:left; margin-left:38px;}
#hsmpp_bottom .footer_navi002{width:10px; height:21px; background-image: url(/images/footer_navi002.gif); background-repeat:no-repeat; float:left;}

#hsmpp_bottom .footer_navi003 dd{float:left;}
#hsmpp_bottom .copyright{height:60px; padding-left:38px; float:left; margin-top:10px; _margin-top:6px; text-align:left; font-size:11px;}

/* 팝업레이어 */
#hd_pop {z-index:99999;position:absolute; top:50px; left:100px}
#hd_pop h2 {display:none}
.hd_pops {}
.hd_pops_con {border:solid 1px #fff}
.hd_pops_con img {max-width:100%;}
.hd_pops_footer {font-size:12px;padding:5px; background:#000; color:#fff; text-align:right}
.hd_pops_footer button {padding:5px 10px; border:0; background:#393939; color:#fff; cursor: pointer}

#search_set{width:100%; box-sizing: border-box; border-top:solid 1px #e7e7e7; display: inline-block; padding:15px 0}
#search_set .search_set_wrap{width:976px; margin:0 auto; padding:0 38px;  position: relative; box-sizing: border-box}
#search_set .search_box{}
#search_set .search_form_set{}
#search_set .search_form_set input{width:100%; height:40px;; border-radius:30px; border:0; background: #ebebeb; padding:0 90px 0 20px; box-sizing: border-box}
#search_set .search_btn button{width:78px; height:40px; background: #ff4848; color: #fff; position: absolute; top:0; right:38px; border: 0; border-radius:20px; cursor: pointer; font-size: 12px;}


#hsmpp_mid .mid002 .miid_right .search_set{width:100%; box-sizing: border-box; display:inline-block; padding:0 68px 0 95px; margin:40px 0 0 0}
#hsmpp_mid .mid002 .miid_right .search_set .search_box{width:100%; height:44px; display: block; position: relative;  background:url(/images/ser_bg.gif) repeat-x}
#hsmpp_mid .mid002 .miid_right .search_set .search_box .search_form_set{height:44px; padding:0 61px 0 12px; background:url(/images/ser_bgl.gif) no-repeat;}
#hsmpp_mid .mid002 .miid_right .search_set .search_box .search_form_set input{width:100%; height:36px; box-sizing:border-box; border:0; margin:4px 0 0 0}
#hsmpp_mid .mid002 .miid_right .search_set .search_box .search_btn{width:61px; height:30px; position: absolute; top:0; right:0}

#hsmpp_mid .mid002 .miid_right .itch{width:100%; display:inline-block; margin-top:21px; box-sizing: border-box; padding:0 0 0 51px}
#hsmpp_mid .mid002 .miid_right .itch dt{}
#hsmpp_mid .mid002 .miid_right .itch dd{width:199px; height:153px; float:left; margin-right:14px}
#hsmpp_mid .mid002 .miid_right .itch .itch01{}
#hsmpp_mid .mid002 .miid_right .itch .itch02{}
#hsmpp_mid .mid002 .miid_right .itch .itch03{margin-right:0}
#hsmpp_mid .mid002 .miid_right .itch .itch04{margin-top:12px}
#hsmpp_mid .mid002 .miid_right .itch .itch05{margin-top:12px}
#hsmpp_mid .mid002 .miid_right .itch .itch06{margin-right:0; margin-top:12px}


#hsmpp_mid .mid002 .miid_right{width:671px; box-sizing: border-box; float: left; padding:23px 0 0 25px; display: block}
#hsmpp_mid .mid002 .miid_right .bnz01{width:671px; display:block}
#hsmpp_mid .mid002 .miid_right .bnz02_set{width:671px; display: flex; overflow: hidden; margin:15px 0 0 0}
#hsmpp_mid .mid002 .miid_right .bnz02_set li{margin:0 10px 0 0}

#edu_guide{ padding:40px 0 0 0; position: relative}
#edu_guide .edu_gst{font-size: 24px; display: block; font-weight:800; letter-spacing:-1px}
#edu_guide .edu_gmenu{border-top: solid 1px #c9c9c9; border-bottom: solid 1px #c9c9c9; display: flex; justify-content: space-between; padding:15px 20px; font-size: 12px; margin:20px 0 10px 0; letter-spacing: -1px}
#edu_guide .edu_gmenu dt{display: none}
#edu_guide .edu_gmenu dd{cursor: pointer}
#edu_guide .edu_gscroll_wrap{width:100%; display: block; overflow: hidden}
#edu_guide .edu_gscroll{display: flex; padding:0}
#edu_guide .edu_gscroll li{cursor: pointer}
#edu_guide  .edu_guide_btn_wrap{}
#edu_guide  .edu_guide_btn_wrap .edu_guide_btn1{width:26px; height: 26px; display: block; position: absolute; cursor: pointer; top:250px; left:-50px}
#edu_guide  .edu_guide_btn_wrap .edu_guide_btn2{width:26px; height: 26px; display: block; position: absolute; cursor: pointer; top:250px; right:-50px;}

#big3_wrap{margin:30px 0 0 0; position: relative}
#big3_wrap dl{display: flex; justify-content: space-between}
#big3_wrap dd{width:291px; height:339px}
#big3_wrap dd a{text-decoration: none; width:100%; height:100%; display: inline-block}
#big3_wrap .big3_001{background: url(/images/big3_001.png) no-repeat; position: relative}
#big3_wrap .big3_001 .big3_001_tt{width:150px; height:125px; display: block; margin:120px 0 0 70px; font-weight: 400; font-size: 12px; line-height: 14px; overflow: hidden}
#big3_wrap .big3_001 .big3_001_id{font-weight: 400; font-size: 12px; line-height: 14px; margin:0 0 0 0; position: absolute; bottom:60px; left:70px;}
#big3_wrap .big3_002{background: url(/images/big3_002.png) no-repeat}
#big3_wrap .big3_003{background: url(/images/big3_003.png) no-repeat}
#big3_wrap .big3_003 ul{width:155px; height:125px; display: block; margin:120px 0 0 65px}
#big3_wrap .big3_003 li a{
	width:155px; font-weight: 400; display: block; font-size: 12px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; line-height:18px;
	background: url(/images/new_notice_dot.gif) 0 50% no-repeat; padding:0 0 0 10px;
}


#pack_free{margin:50px 0 0 0}
#pack_free .pack_st{height:35px; font-size: 24px; font-weight: 800; letter-spacing: -1px; margin:0 0 5px 0}
#pack_free .pack_st span{display: block; float: left; line-height: 35px;}
#pack_free .pack_st em{height:35px; font-size: 12px; display: block; float: left; border-left:solid 2px #999; margin:0 0 0 20px; padding: 0 0 0 20px; line-height: 16px}
#pack_free ul{width:900px; display: flex; flex-wrap: wrap}
#pack_free li{margin-top:15px;}
#pack_free li:nth-child(2){margin-left:13px; margin-right:13px;}
#pack_free li:nth-child(5){margin-left:13px; margin-right:13px;}