@charset "utf-8";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
	font-family:"NanumSquareEB";
	src: url('../css/Nanum-fonts/NanumSquareEB.ttf') format('truetype'),
	url('../css/Nanum-fonts/NanumSquareEB.otf') format('opentype');
	font-weight: bold;
}

* {
	padding:0px;
	margin:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	list-style:none;
	font-family: 'Nanum Square';
}

a { text-decoration: none; }
ul{ list-style:none; }

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
	width:100%;
	height:100%;
	background:#fff;
}
body,html { width:100%; height:100%; position:relative; }

/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;width:100%;height:0;max-width:100%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_con img {max-width:100%;}
.hd_pops_footer {font-size:12px; padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
#popup1 { cursor:move; }
#popup1 area { cursor: pointer;  }
#popup1 .bx-wrapper {margin-bottom:0!important;}
#popup1 .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom:15px!important; z-index: 100;}
#popup1 input[type=radio], input[type=checkbox] {vertical-align:middle;margin:0!important;}
#popup1 .bx-controls-direction {display:none;}

.w1620 { width:1620px; margin:0 auto; position:relative; }
.w1320 { width:1320px; margin:0 auto; position:relative; }
.w915 { width:915px; margin:0 auto; position:relative;}
.w880 { width:880px; margin:0 auto; }
.h90 { height:90%; }
.pb_130 { padding-bottom:130px !important; }
.no_float { float:none !important; margin:0 auto; }


#header { width:100%; position:fixed; top:0; left:0; z-index:999; background:#fff; }
.h_top_line { width:100%; height:17px; background:#d4d4d4; }

/*.main_menu { border-bottom:1px solid #c9c9c9; }*/
.main_menu:after { display:block; content:""; clear:both; }
.main_menu > li { float:left; width:14.2%; text-align:center; position:relative;}
.main_menu > li > a { display:block; padding:40px 0; color:#878786; font-size:20px; font-weight:600; }
.main_menu > li.main_logo > a { padding:20px 0 0; }
.sub_menu { background:#f3f3f3; width:80%; position:absolute; text-align:center; left:10%; display:none; }
.sub_menu > li a { padding:13px 0; font-size:17px; color:#878786; display:block;  }

.sub_menu > li:hover { background:#e8e8e8; }

/*.main_menu > li:first-child .sub_menu{ display:block; }*/

#m_header { width:100%; position:fixed; top:0; left:0; z-index:999; background:#fff; display:none; }
.h_center { width:100%; text-align:center; border-bottom:1px solid #ebebeb; display: flex; align-items: center; padding-left: 80px;}
.h_center #menuon { position:absolute; left:30px;top: 60%; transform: translateY(-60%); cursor: pointer;}
.h_center .m_logobox a { display:inline-block; margin:25px 0; }
.h_center .m_tit, .h_center .m_tit a{margin-top: 0; font-weight: bold; color: #dca8c3; font-size: 24px;font-family: 'NanumSquareEB';}
.h_center .m_logobox a img{width:70%; height: auto;}
.h_center .m_home{position:absolute; right:5%;top: 60%; transform: translateY(-60%); cursor: pointer;}
.h_center .m_home img{width:75%;}
.page_contents { width: 100%; text-align:left;}

.page_list { position:fixed; right:78px; top:50%; margin-top:-90px; text-align:center; }

.page_list ul li {
    display: block;
    width: 22px;
    height: 22px;
    margin-bottom: 12px;
    position: relative;
}
.page_list ul li a{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

.page_list ul li a span {
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    height: 22px;
    width: 22px;
    border: 2px solid #fff;
    background: transparent;
    left: 50%;
    top: 50%;
}

.page_list ul li a.active span, .page_list ul li:hover a.active span, .page_list ul li:hover a.active span {
    height: 22px;
    width: 22px;
    border-radius: 100%;
    background: #fff;
    margin-bottom: 10px;
}


.page_list .page_on a {     }
.page_list .page_off a { width:20px; height:20px;  margin:0 auto 20px; }

.wrap { width:100%; position:relative; box-sizing:border-box; padding-top:130px; height:100%; text-align:center;}
.section { padding-top:130px; text-align:center; }
.fp-tableCell { height:auto !important; }

.c_pink { background:#f3c5dd; background-image:url(../images/bg_logo.png); background-position:130% 130%; background-repeat:no-repeat;}
.c_purple { background:#ccacd9; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_blue { background:#90b8e4; background-image:url(../images/bg_logo.png); background-position:130% 130%; background-repeat:no-repeat; }
.c_sky { background:#8dcceb; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat; }
.c_mint { background:#9ad6df; background-image:url(../images/bg_logo.png); background-position:130% 130%; background-repeat:no-repeat;  }
.c_gray { background:#d8d8d8; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat; }
.c_darkblue { background:#11325b; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat; }
/*.c_orange { background:#fbaa3f; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat; }
.c_lightgreen { background:#8cc63f; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat; }*/
.c_lightmint { background:#4ac3c6; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat; }
.c_lightnavy { background:#8496b8; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_darkmint { background:#65c6ba; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_purple { background:#bb95d6; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_lightred { background:#f79f93; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_red { background:#c33229; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_c0110 { background:#d94a75; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_c0210 { background:#c08bb7; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}
.c_c0310 { background:#648058; background-image:url(../images/bg_logo.png); background-position:-10% 130%; background-repeat:no-repeat;}

.c_yellow { background:#fef4b3; }
.c_green { background:#b2d233; }
.c_lsky { background:#57cbf5; }
.c_jean { background:#5281c1; }
.c_pink { background:#f3c5dd; }
.c_pink2 { background:#f3c5dd; }
.c_yellow2 { background:#fdb811; }
.c_green2 { background:#40b759; }
.c_darkblue { background:#11325b; }
.c_orange { background:#fbaa3f; }
.c_lightgreen { background:#8cc63f; }
.c_lightnavy { background:#8496b8; }
.c_darkmint { background:#65c6ba; }
.c_purple { background:#bb95d6; }
.c_lightred { background:#f79f93; }
.c_red { background:#c33229; }
.c_c0110 { background:#d94a75; }
.c_c0210 { background:#c08bb7; }
.c_c0310 { background:#648058; }

.f_yellow { color:#fddc03; }
.f_green { color:#b2d233; }
.f_lsky { color:#57cbf5; }
.f_jean { color:#5281c1; }
.f_pink { color:#f3c5dd; }
.f_yellow2 { color:#fdb811; }
.f_green2 { color:#40b759; }
.f_darkblue { color:#11325b; }
.f_orange { color:#fbaa3f; }
.f_lightgreen { color:#8cc63f; }
.f_lightmint { color:#4ac3c6; }
.f_lightnavy { color:#8496b8; }
.f_darkmint { color:#65c6ba; }
.f_purple { color:#bb95d6; }
.f_lightred { color:#f79f93; }
.f_red { color:#c33229; }
.f_c0110 { color:#d94a75; }
.f_c0210 { color:#c08bb7; }
.f_c0310 { color:#648058; }

.bt_bg { height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_yellow { background:#fef4b3; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_green { background:#b2d233; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_lsky { background:#57cbf5; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_jean { background:#5281c1; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_pink { background:#f3c5dd; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_yellow2 { background:#fdb811; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_green2 { background:#40b759; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_darkblue { background:#11325b; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_orange { background:#fbaa3f; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_lightgreen { background:#8cc63f; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_lightmint { background:#4ac3c6; height:40%; position:absolute; bottom:0; width:100%; z-index:-1; }
.bt_lightnavy { background:#8496b8; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_darkmint { background:#65c6ba; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_purple { background:#bb95d6; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_lightred { background:#f79f93; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_red { background:#c33229; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_c0110 { background:#d94a75; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_c0210 { background:#c08bb7; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}
.bt_c0310 { background:#648058; height:40%; position:absolute; bottom:0; width:100%; z-index:-1;}

.c_yellow_50 { background: linear-gradient(to bottom, #fff 60%, #fef4b3 40%);}
.c_green_50 { background: linear-gradient(to bottom, #fff 60%, #b2d233 40%);}
.c_lsky_50 { background: linear-gradient(to bottom, #fff 60%, #57cbf5 40%);}
.c_jean_50 { background: linear-gradient(to bottom, #fff 60%, #5281c1 40%);}
.c_pink_50 { background: linear-gradient(to bottom, #fff 60%, #f3c5dd 40%);}
.c_yellow2_50 { background: linear-gradient(to bottom, #fff 60%, #fdb811 40%); }
.c_green2_50 { background: linear-gradient(to bottom, #fff 60%, #40b759 40%); }
.c_darkblue_50 { background: linear-gradient(to bottom, #fff 60%, #11325b 40%);}
.c_orange_50 { background: linear-gradient(to bottom, #fff 60%, #fbaa3f 40%);}
.c_lightgreen_50 { background: linear-gradient(to bottom, #fff 60%, #8cc63f 40%);}
.c_lightmint_50 { background: linear-gradient(to bottom, #fff 60%, #4ac3c6 40%);}
.c_lightnavy_50 { background: linear-gradient(to bottom, #fff 60%, #8496b8 40%); }
.c_darkmint_50 { background: linear-gradient(to bottom, #fff 60%, #65c6ba 40%); }
.c_purple_50 { background: linear-gradient(to bottom, #fff 60%, #bb95d6 40%); }
.c_lightred_50 { background: linear-gradient(to bottom, #fff 60%, #f79f93 40%); }
.c_red_50 { background: linear-gradient(to bottom, #fff 60%, #c33229 40%); }
.c_c0110_50 { background: linear-gradient(to bottom, #fff 60%, #d94a75 40%); }
.c_c0210_50 { background: linear-gradient(to bottom, #fff 60%, #c08bb7 40%); }
.c_c0310_50 { background: linear-gradient(to bottom, #fff 60%, #648058 40%); }


.c_50 {
   background: linear-gradient(to bottom, #fff 60%, #fef4b3 40%);
}

.bt_c {
   height: 40%;
   position: absolute;
   bottom: 0;
   width: 100%;
   z-index: -1;
}

.bt_c_70 {
   display: none;
   height: 70%;
   position: absolute;
   bottom: 0;
   width: 100%;
}





.bt_yellow_70 { display:none; background:#fef4b3; height:70%; position:absolute; bottom:0; width:100%; }
.bt_green_70 { display:none; background:#b2d233; height:70%; position:absolute; bottom:0; width:100%; }
.bt_lsky_70 { display:none; background:#57cbf5; height:70%; position:absolute; bottom:0; width:100%; }
.bt_jean_70 { display:none; background:#5281c1; height:70%; position:absolute; bottom:0; width:100%; }
.bt_pink_70 { display:none; background:#f3c5dd; height:70%; position:absolute; bottom:0; width:100%; }
.bt_yellow2_70 { display:none; background:#fdb811; height:70%; position:absolute; bottom:0; width:100%; }
.bt_green2_70 { display:none; background:#40b759; height:70%; position:absolute; bottom:0; width:100%; }
.bt_orange_70 { display:none; background:#fbaa3f; height:70%; position:absolute; bottom:0; width:100%; }
.bt_lightgreen_70 { display:none; background:#8cc63f; height:70%; position:absolute; bottom:0; width:100%; }
.bt_lightmint_70 { display:none; background:#4ac3c6; height:70%; position:absolute; bottom:0; width:100%; }
.bt_lightnavy_70 { display:none; background:#8496b8; height:70%; position:absolute; bottom:0; width:100%; }
.bt_darkmint_70 { display:none; background:#65c6ba; height:70%; position:absolute; bottom:0; width:100%; }
.bt_purple_70 { display:none; background:#bb95d6; height:70%; position:absolute; bottom:0; width:100%; }
.bt_lightred_70 { display:none; background:#f79f93; height:70%; position:absolute; bottom:0; width:100%; }
.bt_red_70 { display:none; background:#c33229; height:70%; position:absolute; bottom:0; width:100%; }
.bt_c0110_70 { display:none; background:#d94a75; height:70%; position:absolute; bottom:0; width:100%; }
.bt_c0210_70 { display:none; background:#c08bb7; height:70%; position:absolute; bottom:0; width:100%; }
.bt_c0310_70 { display:none; background:#648058; height:70%; position:absolute; bottom:0; width:100%; }

.main_slide { width:100%; text-align:center; padding-top:60px; }
.main_slide .center_line { display:inline-block; width:90px; height:2px; margin:60px 0; background:#bfbfbf; }
.main_slide p { font-size:25px; line-height:33px; color:#a9a9a9; font-weight:600; font-style:italic; }
.main_slide .slide_page { display:inline-block; text-align:center; margin-top:80px; }
.main_slide .slide_page:after { display:block; content:""; clear:both; }
.main_slide .slide_page div { float:left; }
.main_slide .slide_page a { display:inline-block; text-indent:-9999px; width:20px; height:20px; border-radius:10px; margin:0 5px;}
.main_slide .slide_page .slide_on a { background:#be9bc8; }
.main_slide .slide_page .slide_off a { background:#e3e3e3; }

.main_stit { font-size:30px; color:#878786; text-align:center;line-height:47px; font-weight:200; padding:40px 0; }
.main_stit span { font-size:42px; font-weight:600;  }

.main_movie_tab { display:inline-block; margin-bottom:30px;  }
.main_movie_tab:after { display:block; content:""; clear:both; }
.main_movie_tab li { float:left; padding:0 10px; }
.main_movie_tab li a { display:block; font-size:22px; padding:7px 55px; border-radius:50px; border:3px solid #e87bb3; font-weight:900; }
.main_movie_tab li:first-child a { color:#fff; background:#e87bb3; }
.main_movie_tab li a { color:#e87bb3;  box-sizing:border-box;  }


#section4 .main_story_text {margin-bottom: 50px;}
#section4 .main_story_text p {font-size: 23px;color: #fff;margin-bottom: 0;line-height: 34px;font-style: italic;letter-spacing: -2px;}
#section4 .main_story_cont img {float: none;}



.slide_area { width:100%; position:relative; overflow:hidden; height:480px; }
.slide_left { position:absolute; left:-100px; top:200px; }
.slide_right { position:absolute; right:-100px; top:200px; }

.main_story_cont:after { display:block; content:"";clear:both; }
.main_story_cont p { text-align:left; font-size:25px; color:#fff; letter-spacing: -2px; line-height: 40px; font-style: italic; }
.main_story_cont p span { color:#88569d; text-decoration:underline; }
.main_story_cont img { float:right; }

.main_bi_text { font-size:23px; color:#fff; letter-spacing:-2px; line-height:34px; font-style:italic; padding:40px 0; }
.main_bi_text span { color:#4879b0; font-weight:600; }

.main_text { font-size:23px; color:#fff; letter-spacing:-2px; line-height:34px; font-style:italic; padding-bottom:50px; }
.main_story_cont .main_text {font-size:23px; color:#fff; letter-spacing:-2px; line-height:34px; font-style:italic; padding-top:80px; padding-bottom:30px; text-align:center;}

.main_story_slide_area { position:relative; width:100%; height:800px; }
.main_story_box { width:100%; padding:10px 0; }
.main_story_box:after { clear:both; display:block; content:""; }
.main_story_cont { width:100%; position:absolute;  }

.mainstory_1 { left:0; top:0; }
.mainstory_2 { left:100%; top:0; }
.mainstory_3 { left:200%; top:0; }

.slide_box { width:100%; overflow-x:hidden;padding:10px 0; }
.slide_box .slide_cont { width:32.3%; margin-right:1%; position:absolute;background:#fff; border-radius:50px; overflow:hidden; box-shadow:3px 3px 0px 2px rgba(0,0,0,0.05);}
.slide_cont p { display:block; color:#fff; padding:40px 0; font-size:22px; background:#eb9fc6; }
.slide_cont h1 { font-size:40px; font-weight:900; padding:60px 0; }
.slide_cont h1 span { font-weight:400; font-size:30px; }
.slide_cont h1.one_line { padding:85px 0; }
.slide_cont h1 span.font { font-size:40px; font-weight:700; font-family:'Nanum Gothic';  }
.slide_cont .main_vision_btn a { display:inline-block; font-size:22px; font-weight:600; border-radius:50px; width:80%; padding:10px 0; transition:all 0.3s; margin-bottom:30px; }
.slide_cont

/* vision 컬러 */

.vision_1 p { background:#eb9fc6; }
.vision_1 h1 { color:#eb9fc6; }
.vision_1 .main_vision_btn a { color:#eb9fc6; border:2px solid #eb9fc6; }
.vision_1 .main_vision_btn a:hover { background:#eb9fc6; color:#fff; }

.vision_2 p { background:#ba9bc8; }
.vision_2 h1 { color:#ba9bc8; }
.vision_2 .main_vision_btn a { color:#ba9bc8; border:2px solid #ba9bc8; }
.vision_2 .main_vision_btn a:hover { background:#ba9bc8; color:#fff; }

.vision_3 p { background:#9fc0e5; }
.vision_3 h1 { color:#9fc0e5; }
.vision_3 .main_vision_btn a { color:#9fc0e5; border:2px solid #9fc0e5; }
.vision_3 .main_vision_btn a:hover { background:#9fc0e5; color:#fff; }

.vision_4 p { background:#f38a8a; }
.vision_4 h1 { color:#f38a8a; }
.vision_4 .main_vision_btn a { color:#f38a8a; border:2px solid #f38a8a; }
.vision_4 .main_vision_btn a:hover { background:#f38a8a; color:#fff; }

.vision_5 p { background:#ead77e; }
.vision_5 h1 { color:#ead77e; }
.vision_5 .main_vision_btn a { color:#ead77e; border:2px solid #ead77e; }
.vision_5 .main_vision_btn a:hover { background:#ead77e; color:#fff; }

.vision_6 p { background:#a4e0dd; }
.vision_6 h1 { color:#a4e0dd; }
.vision_6 .main_vision_btn a { color:#a4e0dd; border:2px solid #a4e0dd; }
.vision_6 .main_vision_btn a:hover { background:#a4e0dd; color:#fff; }

/* vision 위치 */

.vision_1 { left:0; top:60px; }
.vision_2 { left:33.3%; top:0px; }
.vision_3 { left:66.6%; top:40px; }
.vision_4 { left:100%; top:0px; }
.vision_5 { left:133.3%; top:60px; }
.vision_6 { left:166.6%; top:40px; }


/* 서브 */

.age_box, .subject_title_box, .subject_story_box, .subject_mov_box { width:100%; text-align:center; height:auto; position:relative; }
.subject_mov_box { padding-bottom:100px; }

.age_select { display:inline-block; padding:100px 0; }
.age_select:after { display:block; content:""; clear:both; }
.age_select li { float:left; }
.age_select li a { display:block; color:#d4d4d4; font-size:55px; font-weight:900; margin-right:30px; line-height:45px;  }
.age_select li:last-child a { margin-right:0; }
.age_select li:nth-child(1).age_on a { color:#d4a5ca; }
.age_select li:nth-child(2).age_on a { color:#9184bd; }
.age_select li:nth-child(3).age_on a { color:#43276b; }
.age_select li:nth-child(4).age_on a { color:#43276b; }
.age_select li:nth-child(1) a:hover { color:#d4a5ca; }
.age_select li:nth-child(2) a:hover { color:#9184bd; }
.age_select li:nth-child(3) a:hover { color:#43276b; }
.age_select li:nth-child(4) a:hover { color:#43276b; }


.program_select { display:block; }
.program_select:after { display:block; content:""; clear:both; }
.program_select li { float:left; width:16%; margin-bottom:20px; }

.subject_cate ul { margin-top:120px; }
.subject_cate ul:after { display:block; content:""; clear:both; }
.subject_cate ul li { float:left; width:33.3%; padding:0 30px; }
.subject_cate ul li h1 { color:#7e7d7d; font-size:40px; padding-top:30px; }

.subject_tit { padding-top:60px; }
.subject_tit h1 { font-size:60px; font-weight:900; }
.subject_tit h1 span { font-weight:200; }

.subject_cont_list { margin: 30px 0; }
.subject_cont_list:after { display:block; content:""; clear:both; }
.subject_cont_list li { float:left; width:33%; padding:10px 10px;  }
.subject_cont_list li a { display:block; padding:10px 20px; font-size:20px; font-weight:800; border-radius:30px; }
.subject_cont_list li:first-child a { color:#fff; }
.videoheight { height: 480px; }

.cont_list1 li a { border:2px solid #fddc03; color:#fddc03;  }
.cont_list1 li:first-child a { background:#fddc03; }
.cont_list2 li a { border:2px solid #b2d233; color:#b2d233;  }
.cont_list2 li:first-child a { background:#b2d233; }
.cont_list3 li a { border:2px solid #57cbf5; color:#57cbf5;  }
.cont_list3 li:first-child a { background:#57cbf5; }
.cont_list4 li a { border:2px solid #5281c1; color:#5281c1;  }
.cont_list4 li:first-child a { background:#5281c1; }
.cont_list5 li a { border:2px solid #f3c5dd; color:#f3c5dd;  }
.cont_list5 li:first-child a { background:#f3c5dd; }
.cont_list6 li a { border:2px solid #57cbf5; color:#57cbf5;  }
.cont_list6 li:first-child a { background:#57cbf5; }
.cont_list7 li a { border:2px solid #fdb811; color:#fdb811;  }
.cont_list7 li:first-child a { background:#fdb811; }
.cont_list8 li a { border:2px solid #40b759; color:#40b759;  }
.cont_list8 li:first-child a { background:#40b759; }
.cont_list9 li a { border:2px solid #11325b; color:#11325b;  }
.cont_list9 li:first-child a { background:#11325b; }
.cont_list10 li a { border:2px solid #fbaa3f; color:#fbaa3f;  }
.cont_list10 li:first-child a { background:#fbaa3f; }
.cont_list11 li a { border:2px solid #8cc63f; color:#8cc63f;  }
.cont_list11 li:first-child a { background:#8cc63f; }
.cont_list12 li a { border:2px solid #4ac3c6; color:#4ac3c6;  }
.cont_list12 li:first-child a { background:#4ac3c6; }
.cont_list13 li a { border:2px solid #4ac3c6; color:#4ac3c6;  }
.cont_list13 li:first-child a { background:#4ac3c6; }
.cont_list14 li a { border:2px solid #8496b8; color:#8496b8;  }
.cont_list14 li:first-child a { background:#8496b8; }
.cont_list15 li a { border:2px solid #65c6ba; color:#65c6ba;  }
.cont_list15 li:first-child a { background:#65c6ba; }
.cont_list16 li a { border:2px solid #bb95d6; color:#bb95d6;  }
.cont_list16 li:first-child a { background:#bb95d6; }
.cont_list17 li a { border:2px solid #f79f93; color:#f79f93;  }
.cont_list17 li:first-child a { background:#f79f93; }
.cont_list18 li a { border:2px solid #c33229; color:#c33229;  }
.cont_list18 li:first-child a { background:#c33229; }
.cont_list19 li a { border:2px solid #d94a75; color:#d94a75;  }
.cont_list19 li:first-child a { background:#d94a75; }
.cont_list20 li a { border:2px solid #c08bb7; color:#c08bb7;  }
.cont_list20 li:first-child a { background:#c08bb7; }
.cont_list21 li a { border:2px solid #648058; color:#648058;  }
.cont_list21 li:first-child a { background:#648058; }



.subject_story_list { width:100%; }
.subject_story_list img { width:100%; display:block; }
.subject_story { padding-top:100px; }
.subject_story > .w915 { position:relative; }
.subject_story img.sub_character_left { position:absolute; left:-20%; bottom:-5%; }
.subject_story img.sub_character_right { position:absolute; right:-30%; bottom:-5%; }

.story_page { display:inline-block; text-align:center; margin-top:40px; }
.story_page:after { display:block; content:""; clear:both; }
.story_page div { float:left; }
.story_page a { display:inline-block; text-indent:-9999px; width:20px; height:20px; border-radius:10px; margin:0 5px;}
.story_page .story_on a { background:#fddc03; }
.story_page .story_off a { background:#e3e3e3; }

.m_br { display:none; }

.m_subject_cont_box { width:100%; position:relative; text-align:center; display:none; }
.m_subject_cont_box iframe { padding:30px 0; }
.m_subject_cont_box .m_subject_cont { width:100%; padding:0 50px; }
.m_subject_cont_box .m_subject_cont p { display:inline-block; padding:10px 50px; border-radius:30px; color:#fff; background:#fddc03; font-size:22px; font-weight:800; }
.m_subject_cont_box .m_subject_cont img { width:100%; padding:50px 0; }

.sub02_slide_area { position:relative; width:100%; height:800px; }
.sub02_slide_box { width:100%; padding:10px 0; }
.sub02_slide_cont { width:100%; position:absolute;  }

.slide_cont_1 { left:0; top:0; }
.slide_cont_2 { left:100%; top:0; }
.slide_cont_3 { left:200%; top:0; }
.slide_cont_4 { left:300%; top:0; }

.pt90 { padding-top:90px; }
.imgt140 img { position:relative; top:-111px; }
.imgr140 { padding-right:140px; }
.imgl140 { padding-left:140px;}

.sub02_06_age { display:inline-block; }
.sub02_06_age:after { display:block; content:""; clear:both; }
.sub02_06_age li { float:left; padding:0 10px;}

.sub02_agebox img:first-child { padding-right:20px; }

.sub02age_1 img:first-child { padding-bottom:8px; width: 65%; }
.sub02age_2 img:first-child,
.sub02age_3 img:first-child { padding-bottom:19px; width: 65%; }

.sub02age_2, .sub02age_3 { display:none; }

.agecolor_table { position:absolute; left:35px; top:-120px; }

.sub02_agebox:after { display:block; content:""; clear:both; }

/* 로그인 페이지 */

.login_bg { background-color:#f6bab7;background-image:url(../images/login_bg.png); background-size:100%; background-position:bottom; background-repeat:no-repeat; }
.login_bg2 { background-color:rgb(204, 172, 217);background-image:url(../images/login_bg2.png); background-size:100%; background-position:bottom; background-repeat:no-repeat; }

.login_box { width:558px;margin:60px auto 0; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.2); padding:60px; }

.login_top { width:100%; padding-bottom:30px;}
.login_top:after { display:block; content:""; clear:both; }
.login_top_imgbox { width:100%; text-align:center;  }
.login_top_imgbox img {  width:50%;}
.login_top_textbox { width:100%; }
.login_top_textbox p { font-size:18px; }
.login_top_textbox p span { font-weight:900;  }

.login_box .login_top_logo { padding-bottom:70px; }
.login_box input.login_text { width:100%; border-radius:30px; border:1px solid #ccc; padding:10px 15px; font-size:18px; margin-bottom:8px; font-family: '맑은 고딕' }
.login_box button.login_btn { width:100%; border-radius:30px; background:#ec7d76; padding:10px 15px; font-size:18px; color:#fff; border:none; }
.login_box button.login_btn2 { width:100%; border-radius:30px; background:#30a0b1; padding:10px 15px; font-size:18px; color:#fff; border:none; }

.login_box .join_find { display:inline-block; padding-top:50px; }
.login_box .join_find:after { display:block; content:""; clear:both; }
.login_box .join_find li { float:left; }
.login_box .join_find li a { display:inline-block; font-size:18px; padding:0 10px; color:#8c8888; }
.login_box .join_find li:first-child a { border-right:1px solid #8c8888; }

/* 파트너 페이지 */

.partner_box { width:1100px; margin:0 auto; position:relative; }
.partner_box:after { display:block; content:""; clear:both; }

.partner_box .partner_left { width:50%; float:left; text-align:center;}
.partner_box .partner_right { width:50%; float:right; text-align:left; }

.partner_top80 { padding-top:80px; }

.partner_photo { padding-bottom:50px; }
.partner_name p { font-size:36px; font-style: italic; color:#fff; font-weight:900; }
.partner_name span { font-size:30px; font-weight:500; }
.partner_name span.partner_titlogo { display: inline-block; background: url(../images/partner_5logo.png)no-repeat center; background-size: cover; width: 188px; height: 40px; margin-left: 5px; vertical-align: middle; }
.partner_text p { font-size:18px; color:#fff; line-height:34px; padding:30px 0;  }
.partner_text2 p { font-size:16px; }

.partner_1_plus h1 { color:#fff; padding:5px; background:#e87bb3; font-size:21px; font-weight:800; display:inline-block; margin-bottom:10px; }
.partner_1_plus li { color:#fff; font-size:17px; line-height:30px;  }
.partner_1_plus li span { color:#e87bb3; font-weight:800; }

.pg_2 li:nth-child(1){ background: url(../images/age02_01.png) no-repeat center; }
.pg_2 li:nth-child(1):hover { background: url(../images/age02_01_s.png)  no-repeat center; }
.pg_2 li:nth-child(2){ background: url(../images/age02_02.png)  no-repeat center; }
.pg_2 li:nth-child(2):hover { background: url(../images/age02_02_s.png)  no-repeat center; }
.pg_2 li:nth-child(3){ background: url(../images/age02_03.png) no-repeat center; }
.pg_2 li:nth-child(3):hover { background: url(../images/age02_03_s.png) no-repeat center; }
.pg_2 li:nth-child(4){ background: url(../images/age02_04.png) no-repeat center; }
.pg_2 li:nth-child(4):hover { background: url(../images/age02_04_s.png) no-repeat center; }
.pg_2 li:nth-child(5){ background: url(../images/age02_05.png) no-repeat center; }
.pg_2 li:nth-child(5):hover { background: url(../images/age02_05_s.png) no-repeat center; }
.pg_2 li:nth-child(6){ background: url(../images/age02_06.png) no-repeat center; }
.pg_2 li:nth-child(6):hover { background: url(../images/age02_06_s.png) no-repeat center; }
.pg_2 p.p_top { color: #fff; font-weight:800; font-size: 23px; padding: 40px 0 0 0;}
.pg_2 p.p_top span { font-size: 15px; }
.pg_2 p.p_foot { color: #797979; font-weight:bold; font-size: 16px;padding: 20px 0 24px 0; white-space: pre-line;  }


.pg_3 li:nth-child(1){ background: url(../images/age03_01.png) no-repeat center; }
.pg_3 li:nth-child(1):hover { background: url(../images/age03_01_s.png)  no-repeat center; }
.pg_3 li:nth-child(2){ background: url(../images/age03_02.png)  no-repeat center; }
.pg_3 li:nth-child(2):hover { background: url(../images/age03_02_s.png)  no-repeat center; }
.pg_3 li:nth-child(3){ background: url(../images/age03_03.png) no-repeat center; }
.pg_3 li:nth-child(3):hover { background: url(../images/age03_03_s.png) no-repeat center; }
.pg_3 li:nth-child(4){ background: url(../images/age03_04.png) no-repeat center; }
.pg_3 li:nth-child(4):hover { background: url(../images/age03_04_s.png) no-repeat center; }
.pg_3 li:nth-child(5){ background: url(../images/age03_05.png) no-repeat center; }
.pg_3 li:nth-child(5):hover { background: url(../images/age03_05_s.png) no-repeat center; }
.pg_3 li:nth-child(6){ background: url(../images/age03_06.png) no-repeat center; }
.pg_3 li:nth-child(6):hover { background: url(../images/age03_06_s.png) no-repeat center; }

.pg_3 li:nth-child(7){ background: url(../images/age03_07.png) no-repeat center; }
.pg_3 li:nth-child(7):hover { background: url(../images/age03_07_s.png) no-repeat center; }
.pg_3 li:nth-child(7) p.p_foot { padding: 7px 45px 6px 45px; white-space: pre-line;}

.pg_3 li:nth-child(8){ background: url(../images/age03_08.png) no-repeat center; }
.pg_3 li:nth-child(8):hover { background: url(../images/age03_08_s.png) no-repeat center; }
.pg_3 li:nth-child(9){ background: url(../images/age03_09.png) no-repeat center; }
.pg_3 li:nth-child(9):hover { background: url(../images/age03_09_s.png) no-repeat center; }
.pg_3 li:nth-child(10){ background: url(../images/age03_10.png) no-repeat center; }
.pg_3 li:nth-child(10):hover { background: url(../images/age03_10_s.png) no-repeat center; }
.pg_3 li:nth-child(11){ background: url(../images/age03_11.png) no-repeat center; }
.pg_3 li:nth-child(11):hover { background: url(../images/age03_11_s.png) no-repeat center; }
.pg_3 li:nth-child(12){ background: url(../images/age03_12.png) no-repeat center; }
.pg_3 li:nth-child(12):hover { background: url(../images/age03_12_s.png) no-repeat center; }

.pg_3 p.p_top { color: #fff; font-weight:800; font-size: 25px; padding: 20px 0 0 0;}
.pg_3 p.p_top span { font-size: 15px; }
.pg_3 p.p_foot { color: #797979; font-weight:bold; font-size: 14px;padding: 12px 0 24px 0; white-space: pre-line;  }

.pg_4 li:nth-child(1){ background: url(../images/age04_01.png) no-repeat center; }
.pg_4 li:nth-child(1):hover { background: url(../images/age04_01_s.png) no-repeat center; }
.pg_4 li:nth-child(2){ background: url(../images/age04_02.png) no-repeat center; }
.pg_4 li:nth-child(2):hover { background: url(../images/age04_02_s.png) no-repeat center; }
.pg_4 li:nth-child(3){ background: url(../images/age04_03.png) no-repeat center; }
.pg_4 li:nth-child(3):hover { background: url(../images/age04_03_s.png) no-repeat center; }
.pg_4 li:nth-child(4){ background: url(../images/age04_04.png) no-repeat center; }
.pg_4 li:nth-child(4):hover { background: url(../images/age04_04_s.png) no-repeat center; }
.pg_4 li:nth-child(5){ background: url(../images/age04_05.png) no-repeat center; }
.pg_4 li:nth-child(5):hover { background: url(../images/age04_05_s.png) no-repeat center; }
.pg_4 li:nth-child(6){ background: url(../images/age04_06.png) no-repeat center; }
.pg_4 li:nth-child(6):hover { background: url(../images/age04_06_s.png) no-repeat center; }

.pg_4 li:nth-child(7){ background: url(../images/age04_07.png) no-repeat center; }
.pg_4 li:nth-child(7):hover { background: url(../images/age04_07_s.png) no-repeat center; }
.pg_4 li:nth-child(7) p.p_foot { padding: 7px 45px 6px 45px; white-space: pre-line;}

.pg_4 li:nth-child(8){ background: url(../images/age04_10.png) no-repeat center; }
.pg_4 li:nth-child(8):hover { background: url(../images/age04_10_s.png) no-repeat center; }
.pg_4 li:nth-child(9){ background: url(../images/age04_09.png) no-repeat center; }
.pg_4 li:nth-child(9):hover { background: url(../images/age04_09_s.png) no-repeat center; }
.pg_4 li:nth-child(10){ background: url(../images/age04_10.png) no-repeat center; }
.pg_4 li:nth-child(10):hover { background: url(../images/age04_10_s.png) no-repeat center; }
.pg_4 li:nth-child(11){ background: url(../images/age04_11.png) no-repeat center; }
.pg_4 li:nth-child(11):hover { background: url(../images/age04_11_s.png) no-repeat center; }
.pg_4 li:nth-child(12){ background: url(../images/age04_12.png) no-repeat center; }
.pg_4 li:nth-child(12):hover { background: url(../images/age04_12_s.png) no-repeat center; }

.pg_4 p.p_top { color: #fff; font-weight:800; font-size: 25px; padding: 20px 0 0 0;}
.pg_4 p.p_top span { font-size: 15px; }
.pg_4 p.p_foot { color: #797979; font-weight:bold; font-size: 14px;padding: 12px 0 24px 0; white-space: pre-line;  }

.pg_5 li:nth-child(1){ background: url(../images/age05_01.png) no-repeat center; }
.pg_5 li:nth-child(1):hover { background: url(../images/age05_01_s.png) no-repeat center; }
.pg_5 li:nth-child(2){ background: url(../images/age05_02.png) no-repeat center; }
.pg_5 li:nth-child(2):hover { background: url(../images/age05_02_s.png) no-repeat center; }
.pg_5 li:nth-child(3){ background: url(../images/age05_03.png) no-repeat center; }
.pg_5 li:nth-child(3):hover { background: url(../images/age05_03_s.png) no-repeat center; }
.pg_5 li:nth-child(4){ background: url(../images/age05_04.png) no-repeat center; }
.pg_5 li:nth-child(4):hover { background: url(../images/age05_04_s.png) no-repeat center; }
.pg_5 li:nth-child(5){ background: url(../images/age05_05.png) no-repeat center; }
.pg_5 li:nth-child(5):hover { background: url(../images/age05_05_s.png) no-repeat center; }
.pg_5 li:nth-child(6){ background: url(../images/age05_06.png) no-repeat center; }
.pg_5 li:nth-child(6):hover { background: url(../images/age05_06_s.png) no-repeat center; }
.pg_5 li:nth-child(7){ background: url(../images/age05_07.png) no-repeat center; }
.pg_5 li:nth-child(7):hover { background: url(../images/age05_07_s.png) no-repeat center; }
.pg_5 li:nth-child(8){ background: url(../images/age05_03.png) no-repeat center; }
.pg_5 li:nth-child(8):hover { background: url(../images/age05_03_s.png) no-repeat center; }
.pg_5 li:nth-child(9){ background: url(../images/age05_09.png) no-repeat center; }
.pg_5 li:nth-child(9):hover { background: url(../images/age05_09_s.png) no-repeat center; }
.pg_5 li:nth-child(10){ background: url(../images/age05_10.png) no-repeat center; }
.pg_5 li:nth-child(10):hover { background: url(../images/age05_10_s.png) no-repeat center; }
.pg_5 li:nth-child(11){ background: url(../images/age05_11.png) no-repeat center; }
.pg_5 li:nth-child(11):hover { background: url(../images/age05_11_s.png) no-repeat center; }
.pg_5 li:nth-child(12){ background: url(../images/age05_12.png) no-repeat center; }
.pg_5 li:nth-child(12):hover { background: url(../images/age05_12_s.png) no-repeat center; }

.pg_5 p.p_top { color: #fff; font-weight:800; font-size: 25px; padding: 20px 0 0 0;}
.pg_5 p.p_top span { font-size: 15px; }
.pg_5 p.p_foot { color: #797979; font-weight:bold; font-size: 14px;padding: 12px 0 24px 0; white-space: pre-line;  }





/* 프로그램 > 영아용 */

.toddler_ad{ width: 100%; overflow: hidden; }
.toddler_ad img{ width: 100%; }






@media all and (min-width:768px) and (max-width:1280px)
{
	.main_stit { padding:0; }
	.bx-wrapper img { height:300px; }
}

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

	.w1620 { width:80%; }
	.w1320 { width:80%; }
	.w915 { width:80%; }
	.w880 { width:80%;}
	.page_list { right:2%; }

	.slide_left { left:-10%;}
	.slide_right { right:-10%;}

	.subject_story img.sub_character_left,
	.subject_story img.sub_character_right { display:none; }

	.m_c_yellow { background:#fef4b3; }
	.m_c_green { background:#b2d233; }
	.m_c_lsky { background:#57cbf5; }
	.m_c_jean { background:#5281c1; }
	.m_c_pink { background:#f3c5dd; }
	.m_c_darkblue { background:#11325b; }
	.m_c_orange { background:#fbaa3f; }
	.m_c_lightgreen { background:#8cc63f; }
	.m_c_lightmint { background:#4ac3c6; }
	.m_c_lightnavy { background:#8496b8; }
	.m_c_darkmint { background:#65c6ba; }
	.m_c_purple { background:#bb95d6; }
	.m_c_lightred { background:#f79f93; }
	.m_c_red { background:#c33229; }
	.m_c_0110 { background:#d94a75; }
	.m_c_0210 { background:#c08bb7; }
	.m_c_0310 { background:#648058; }

	.subject_cate img { width:100%; }
	.subject_cate ul { margin-top:40px; }

	.sub02_slide_area .slide_left { left:2%; }
	.sub02_slide_area .slide_right { right:2%; }
}

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

	.program_select li img { width:100%; }

	.m_br { display:block; }

	.subject_tit h1 { font-size:40px; }

	.main_menu > li > a { font-size:17px; }

	.movie_cont, .movie_cont img { width:100%; }

	.sub02_slide_box img { width:100%; }
	.imgt140 img { position:relative;top:0; }

	.sub02_agebox img:first-child { width:50%; float:left;padding-right:0; }
	.sub02_agebox img:last-child { width:50%; float:left; }

	.sub02age_1 img:first-child { padding-bottom:0px; }
	.sub02age_2 img:first-child,
	.sub02age_3 img:first-child { padding-bottom:0px; }

	.sub02age_1 img:last-child { padding-top:6px; }
	.sub02age_2 img:first-child { width:46%; margin-left:10px;}
	.sub02age_2 img:last-child { padding-top:25px;}

	.sub02age_3 img:first-child { width:46%; margin-left:10px;}
	.sub02age_3 img:last-child { padding-top:22px;}


	.agecolor_table { display:none; }

	.sub02_06_age li { width:33.3%; }
	.sub02_06_age li img { width:100%; }

	.login_bg { background-image:none; }

}

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

	#header {  }
	.main_menu { border-bottom:0px; }
	#m_header { display:block; }
	.page_list { display:none; }

	.w1620 { width:95%; }
	.w1320 { width:95%; }
	.w880 { width:100%; }
	.w915 { width:100%; }

	.main_slide{ padding:60px 50px; }
	.main_slide img { width:80%;}
	.main_slide p { font-size:18px; }
	.main_slide .center_line { margin:40px 0; }
	.main_slide .slide_page { margin-top:50px; }

	.main_movie_tab li a { font-size:19px; padding:10px 45px; }

	.main_stit img { width:100%; padding:0 60px; }
	.main_stit2 img { width:100%; padding:0 140px;}
	.main_text { padding: 0 30px 50px; font-size:21px; }
	.main_story_cont p { padding:0 30px 50px; letter-spacing:-2px; font-size:18px; font-weight:500; line-height:34px; text-align:center;  }
	.main_story_cont .main_text { padding:50px 30px; letter-spacing:-2px; font-size:18px; font-weight:500; line-height:34px; text-align:center;  }
	.main_bi_text { padding:50px 30px; font-size:18px; }
	.main_fullimg { width:100%;}
	.main_imgpadding { padding:0 20px; }
	.main_imgpb { padding-bottom:50px; }

	.main_story_cont img { float:none; }
	.main_story_cont img.img50 { width: 50%; }

	.main_story_slide_area { height:auto; }
	.main_story_cont { width:100%; position:relative;  }

	.mainstory_1, .mainstory_2, .mainstory_3 { left:0; top:0; }
	.mainstory_2 img { display:none; }
	.mainstory_3 img { width:100%; padding:0 30px; }

	.section { height:auto !important; }


    #section4 .main_story_text {padding: 30px 50px;}
    #section4 .main_story_text p {font-size: 21px;}
    #section4 .main_story_cont img {height: 100%;width: 100%;}
    #section4 .sli_imgbox01 img {width: 100%;}
    #section4 .sli_imgbox02 img {width: 70%;}
    #section4 .sli_imgbox03 img {width: 70%;}

	.slide_area { height:auto; margin-top:0; padding:30px 0; }
	.slide_box { padding:0 10px; }
	.slide_box .slide_cont { position:relative; left:0; top:0; float:left; width:48%; margin-right:2%; margin-bottom:10px; border-radius:30px; }
	.slide_cont:nth-of-type(2n+1) { clear:both; }
	.slide_cont:nth-of-type(2n+2) { margin-right:0 !important; }
	.slide_cont p { font-size:15px; padding:25px 0; }
	.slide_cont h1 { font-size:30px; padding:35px 0; }
	.slide_cont h1 span { font-size:22px; }
	.slide_cont h1 span.font { font-size:30px; }

	.vision_1, .vision_3 { margin-top:0; }
	.slide_left, .slide_right { display:none; }
	.slide_cont h1.one_line { padding:55px 0; }
	.slide_cont .main_vision_btn a { font-size:17px; padding:5px 0; }

	.c_mint { height:auto; }
	.m_h_auto { height:auto; }
	.wrap { height:auto; }
	.no_pt { padding-top:0; padding-bottom:60px; }

	.movie_cont, .movie_cont img { padding-bottom:60px; }

	.age_select { padding:60px 0; }
	.age_select li a { font-size:30px; line-height:26px; }

	.program_select { padding:0 15px; }
	.program_select li { width:49%; }

	.subject_tit img { transform:scale(0.7); transform-origin:center center; display:block; margin : 0 auto;  }
	.subject_cate ul li img { width:100%;}

	.subject_cont_box, .subject_cont { display:none; }

	.subject_cate ul li:first-child { float:none; margin:0 auto; }

	.subject_cate ul li { width:50%; }
	.subject_cate ul li h1 { font-size:25px; padding-top:20px; }

	.m_subject_cont_box { display:block; }
	.bt_yellow_70  { display:block; }

	.subject_tit { padding:60px 0; }

	.sub02_slide_cont { position:relative;  }
	.sub02_slide_area { height:auto; }
	.sub02_slide_area img { padding-top:20px; }
	.slide_cont_1, .slide_cont_2, .slide_cont_3, .slide_cont_4 { left:0; top:0; }

	.pt90 { padding:0; }

	.btnimg { width:50% !important; }
	.imgr140 { padding-right:0px; }
	.imgl140 { padding-left:0px;}

	.sub02_agebox img { width:100% !important; }
	.sub02age_2 img:first-child, .sub02age_3 img:first-child { margin:0;}

	/*.agecolor_table { display:block; width:100%; position:relative; left:0; top:30px; }
	.agecolor_table img { width:50%; }  */

	.m_pb_50 { padding-bottom:50px; }

	.login_bg { padding-bottom:150px; }
	.login_box { width:80%; padding:40px; }

	.login_box .join_find li a { font-size:14px; }

	.partner_box { width:100%; }

	.partner_box .partner_left { width:100%; float:none; }
	.partner_box .partner_right { width:100%; float:none; padding:30px 20px;}

	.partner_name p { font-size:36px; font-style: italic; color:#fff; font-weight:900; }
	.partner_name span { font-size:30px; font-weight:500; }
	.partner_text p { font-size:18px; color:#fff; line-height:34px; padding:30px 0;  }
	.partner_btn { text-align:center; }

	.partner_top80 { padding-top:0; }

	.partner_1_plus h1 { color:#fff; padding:5px; background:#e87bb3; font-size:21px; font-weight:800; display:inline-block; margin-bottom:10px; }
	.partner_1_plus li { color:#fff; font-size:17px; line-height:30px;  }
	.partner_1_plus li span { color:#e87bb3; font-weight:800; }

	#quick_menu { display:none; }
	.bx-controls { display:none; }

}

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

	.subject_tit img { display:inline-block; }

}
@media screen and (max-width:350px){
	.h_center .m_logobox a img{width:50%;}
	.h_center .m_tit{font-size:18px;}
	.h_center .m_home img{width:55%;}
}