@charset "utf-8";
/* CSS Document */



.m_search{display:none;}
@media(max-width:1200px){	
	#top_panel_wrap{padding:0 20px;}
	#wrapper{padding-top:147px;}
	.menu_area .btn_box{position:absolute; right:5px; top:-60px; }
	#gnb{width:100%; position:absolute; top:60px;}
	.menu_area #gnb > ul{float:none; margin:0 auto; width:100%; border-top:1px solid #ddd; background-color:#f6f6f6;}
	.menu_area #gnb > ul li.top_menu > a{height:40px; line-height:40px;}	
	.menu_area #gnb > ul li.top_menu ul.drop_menu{top:40px;}
	.menu_area h1{margin-left:15px;}
	.menu_area .btn_box a:first-child{margin-right:0;}
	#main_board_wrap{padding:0 20px;}
	#science_lounge_wrap{padding:80px 20px;}
	#book_slider_wrap{padding:80px 20px;}
	#visual_area .v_cont li a img, #visual_area .v_cont li span img{min-width:100%;}
	#visual_area .bx-wrapper .bx-pager{left:20px; margin:0;}
	#visual_area .bx-wrapper .bx-controls-auto{left:auto; right:20px; margin:0;}
	.main_board .schedule .schedule_menu{height:49px; overflow:hidden;}
	.main_board .schedule .schedule_menu ul{overflow-x:auto;}
}
@media(max-width:1024px){
	/*햄버거메뉴*/
	#open_slide{width:100%; margin:0 auto; position:fixed; background:rgba(0, 0, 0, .5); z-index:9999; height:100%; overflow:auto; top:0; left:0;}	
	#open_slide .slide_menu_area{width:440px; background:#fff; height:100%; overflow:auto; float:right; position:relative;}
	#open_slide .top_area{width:100%; height:auto; margin:0 auto; padding:18px 15px;}
	#open_slide .top_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	#open_slide .top_area .home{float:left;}
	#open_slide .close{position:absolute; top:18px; right:15px;}
	#open_slide .top_nav{width:100%; margin:0 auto; background:#dd4c28;}
	#open_slide .top_nav:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	#open_slide .top_nav a{float:left; border-right:solid 1px #e55531; display:block; display:block; line-height:60px; padding:0 15px;  color:#fff; font-weight:500; font-size:15px;}
	#open_slide .top_nav .my{background:url(../../images/user_w.png) no-repeat 15px center; padding-left:30px;}
	#open_slide .top_nav .lang{float:right; border:0; background:#e55531; }
	#open_slide .menu{width:100%; margin:0 auto;}
	#open_slide .menu .top_menu > a{display:block; width:100%; line-height:50px; font-size:16px; font-weight:500; padding:0 20px; border-bottom:1px solid #ddd; background:url(../../images/m_more.png) no-repeat right 20px center;}
	#open_slide .drop_menu{width:100%; margin:0 auto; padding:5px 0; background:#f3f3f3;}
	#open_slide .drop_menu li a{display:block; line-height:45px; padding-left:40px; font-size:14px;}
	#open_slide .q_menu{width:100%; margin:0 auto; padding:30px 20px; text-align:center;}
	#open_slide b{display:block; width:100%; margin:0 auto;}	
	#open_slide b a{text-align:center; line-height:50px; text-align:left; position:relative; width:100%; display:block;}
	#open_slide .q_menu a.map{background:#676767 url(../../images/i_map.png) no-repeat 15px center; color:#fff; padding:0 30px 0 38px; margin-bottom:2px;}
	#open_slide .q_menu a.site{background:#676767 url(../../images/ibs.png) no-repeat 15px center; color:#fff; padding:0 30px 0 50px;}
	#open_slide .q_menu a i{position:absolute; right:20px; top:50%; margin-top:-7.5px;}
	#open_slide .q_menu p{width:100%; margin:0 auto; margin-top:20px;}
	#open_slide .q_menu p a{margin:0 5px;}
	#top_panel_wrap{padding:10px; height:auto;}
	#top_panel_wrap .top_panel{width:100%;}
	#top_panel_wrap .top_panel a.top_notice{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; letter-spacing:-0.05em;}
	.top_area_wrap .top_area{display:none;} 
	
	/* menu */
	.menu_area{width:100%;}
	.menu_area .menu_kor, .menu_area .menu_eng{display:none;}
	.menu_area .btn_vsearch{display:block;}
	.menu_area .btn_box{right:5px;}
	/* main */
	#main_wrap{width:100%; margin:0 auto;}
	/* visual_area */
	.search{display:none;}
	#visual_area{width:100%; margin:0 auto; position:relative; background:url(../../images/m_visual00.jpg) 0 0;}
	#visual_area #mainbx1{display:none !important;}
	#visual_area #mainbx2{width:100%; margin:0 auto; display:block !important;}

	/* quick_menu*/
	#quick_menu_wrap .quick_menu{width:100%; margin:0 auto; padding:2%;}
	#main_board_wrap{width:100%; margin:0 auto; padding:2%; background:#f3f3f3;}
	.main_board{width:100%; margin:0 auto; padding:0;}
	.main_board .schedule{width:100%; margin:0 auto; float:none; border:1px solid #dbdbdb; background:#fff;}
	.main_board .notice{width:100%; margin:0 auto; float:none; margin-top:2%; background:#fff;}
	
	/* 공지 */
	.main_board .notice ul{height:auto;}
	
	/* science_lounge*/
	#science_lounge_wrap{width:100%; margin:0 auto; padding:20px 20px 40px 20px; background-size:auto; background-color:#ededed ;}
	#science_lounge_wrap .title{width:100%; margin:0 auto; padding-bottom:2%;}
	#science_lounge_wrap .science_lounge{width:100%; margin:0 auto;}
	#science_lounge_wrap .science_board{width:calc(100% - 355px)}
	#science_lounge_wrap .science_board ul{height:334px; overflow:hidden;}
	#science_lounge_wrap .science_board ul li .left_area{height:100%; overflow:hidden;}
	#science_lounge_wrap .science_board ul li .left_area .imgwrap{height:100%;}	
	#science_lounge_wrap .science_board ul li .left_area .imgwrap:after{background-size:100%;}
	#science_lounge_wrap .science_board ul li .left_area small{font-size:15px; letter-spacing:0.5px;}
	#science_lounge_wrap .science_board ul li .right_area{height:100%; overflow:hidden; text-overflow:ellipsis; padding:15px;}
	#science_lounge_wrap .science_board ul li .right_area .title{font-size:18px;}
	#science_lounge_wrap .science_board ul li .right_area .txt{height:55%; -webkit-line-clamp:2; line-height:1.5em; margin-top:15px;}
	#science_lounge_wrap .science_card {width:344px;}
	#science_lounge_wrap .science_card ul{height:334px; overflow:hidden;}
	#science_lounge_wrap .science_card ul li .img_area{height:100%;}
	#science_lounge_wrap .science_card ul li .img_area .imgwrap{height:100%; width:100%;}
	#science_lounge_wrap .science_card ul li .img_area .imgwrap img{width:100%; height:auto;}
	
	/*book_slider*/
	#book_slider_wrap{padding:20px 0;}	
	#book_slider_wrap .book_slider > div ul{height:auto;}
	
	
	/*book_slider*/
	#book_slider_wrap{width:100%; margin:0 auto; }
	#book_slider_wrap .title{width:100%; margin:0 auto;padding:0 2% 2% 2%;}
	#book_slider_wrap .title .btn_box{margin-right:2%;}
	#book_slider_wrap .title .btn_box a:nth-child(1), #book_slider_wrap .title .btn_box a:nth-child(2){display:block;}	
	#book_slider_wrap .book_slider{width:100%; padding-left:2%;}
	#book_slider_wrap .book_slider > div{width:100%;}
	#book_slider_wrap .book_slider > div ul{width:25000px;}
	#book_slider_wrap .book_slider > div ul li{width:195px; margin-right: 12px; padding:0;}
	#book_slider_wrap .book_slider > div ul li a{display:block; width:100%;}
	#book_slider_wrap .book_slider > div ul li a .imgwrap{width:100%; height:auto; overflow:hidden; text-align:center; }
	#book_slider_wrap .book_slider > div ul li a .imgwrap img{width: 175px; height: 245px;}		
	#book_slider_wrap .book_slider .btn_box{display: none;}
	#book_slider_wrap .mainMore{top:-70px; right:20px;}
	/*footer*/
	#footer_wrap{width:100%; margin:0 auto; padding:2%;}
	.footer{width:100%; margin:0 auto; position:relative; padding:0;}
	.footer .foot_logo{float: none; width:100%; margin:0 auto; }
	.footer .foot_logo img{vertical-align: top;}
	.footer .foot_cont{float: none; clear: both; display: block; width:100%; margin:0 auto;}
	.footer .f_sns{float: none; position:absolute; right:0; top:0;}
	.footer .f_sns a:nth-child(1){background:url(../../images/foot_facebook_h.png) no-repeat 0 0;transition:ease-out 0.5s;}
	.footer .f_sns a:nth-child(2){background:url(../../images/foot_youtube_h.png) no-repeat 0 0;transition:ease-out 0.5s;}
	.footer .f_sns a:nth-child(3){background:url(../../images/foot_blog_h.png) no-repeat 0 0;transition:ease-out 0.5s;}
	.footer .f_sns a:nth-child(4){background:url(../../images/foot_post_h.png) no-repeat 0 0;transition:ease-out 0.5s;}
	.footer .f_sns a:nth-child(5){background:url(../../images/foot_nature_h.png) no-repeat 0 0;transition:ease-out 0.5s;}
	
	/*모바일 검색*/
	.m_search{ z-index:998; width:100%; height:100%; position:fixed; top:0; left:0; background:#fff;}
	.m_search .search{display:block; width:100%; margin:0 auto; background:#676767 ;padding-top:10px; position:relative;}
	.m_search .search .sclose{position:absolute; top:50%; margin-top:-20px; right:10px;}
	.m_search .searchWord_area{display:block; position:inherit; width:100%; margin:0 auto; border:0; box-shadow:none;}
	.m_search .search input[type="text"]{width:80%; border-radius:0; float:left; margin:0 10px 10px 10px;}
	.m_search .search .btn_search{width:50px; height:50px; display:block; background:url(../../images/btn_search.png) no-repeat center center; float:left;}
	.m_search .searchWord .bottom_area{position:fixed; bottom:0; left:0;}
	.m_search .searchWord_area .searchWord_tab_area .close{top:-35px;}
	.m_search .searchWord_area .searchWord_tab li{width:50%; text-align:center;}
	.m_search .searchWord ul li a.favorites{padding:0 10px;}
	.m_search .searchWord ul li a.recent{padding:0;}
	.m_search .searchWord ul li a.favorites i{ margin:0; vertical-align:middle;}
	.m_search .searchWord ul li a{line-height:45px;}
	.m_search .searchWord ul li > span{padding:0 10px 0 0;line-height:45px;}
	.m_search .searchWord ul li > span a.close{margin-top:12px;}
	/*schedule*/ 
	.open_allMenu_wrap, .menu_eng, .insert_lang{display:none;}
	.main_board .schedule .schedule_menu ul{width:100%;}
	.main_board .schedule ul.schedule_list li .left_area, .main_board .schedule ul.schedule_list li .right_area{float:none; width:100%; text-align:left; padding:0;}
	.main_board .schedule ul.schedule_list li .left_area small{width: auto !important; padding:0 10px; display:inline-block; float:left;}
	.main_board .schedule ul.schedule_list li .left_area strong, .main_board .schedule ul.schedule_list li .left_area b{width: auto ;display:inline-block; color:#5f5a5a !important; font-weight:500; font-size:15px; padding:0;  float:right; margin:0;}
	.main_board .schedule ul.schedule_list li .left_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.main_board .schedule ul.schedule_list li .right_area .title{margin-top:10px; height:auto;}
	.main_board .schedule ul.schedule_list li .right_area .date{margin-top:10px;}
	
	/*footer*/
	#footer_wrap{padding:15px 15px 20px 15px;}
	.footer .foot_logo, .footer .f_sns, .footer .foot_cont .wa{display:none;}
	.footer .foot_cont{text-align:center; padding-right:0;}
	.footer .foot_cont ul{width:100%; margin:0 auto; text-align:center;}
	.footer .foot_cont ul li{float:none; display:inline-block;}
	/*----------------  login/로그인 ----------------*/
	.login{width:100%; margin:0 auto; text-align:center;}
	}	

@media(max-width:767px){	
	#open_slide .slide_menu_area{width:320px; min-width:300px; background:#fff; height:100%; overflow:auto; float:right;}
	#open_slide .top_nav a{padding:0 10px; line-height:50px;}
	#top_panel_wrap .top_panel{background-size:25px; background-position:left 0 bottom 4px; padding:35px 0 5px 30px;}
	#top_panel_wrap .top_panel a.top_notice{white-space:nowrap; text-align:center; overflow:hidden; text-overflow:ellipsis; font-size:14px; letter-spacing:-0.05em; height:auto; line-height:1em; margin-top:5px;}
	#top_panel_wrap .top_panel p.tday_close{top:10px; right:0; width:100%; text-align:right; padding-bottom:5px; border-bottom:1px dotted #a19895;}
	#top_panel_wrap .top_panel p.tday_close span{font-size:12px; margin-top:7px; display:inline-block; float:left;}
	#top_panel_wrap .top_panel p.tday_close input{float:left;}
	#top_panel_wrap .top_panel p.tday_close a{float:right;}
	/*모바일 검색*/
	.m_search{ z-index:998; width:100%; height:100%; position:fixed; top:0; left:0; background:#fff;}
	.m_search .search{display:block; width:100%; margin:0 auto; background:#676767 ;padding-top:10px; position:relative;}
	.m_search .search .sclose{position:absolute; top:50%; margin-top:-15px; right:10px; width:30px; height:30px; display:block;}
	.m_search .search .sclose img{width:100%; height:100%;}
	.m_search .searchWord_area{display:block; position:inherit; width:100%; margin:0 auto; border:0; box-shadow:none;}
	.m_search .search input[type="text"]{width:80%; border-radius:0; height:40px; float:left; margin:0 10px 10px 10px;}
	.m_search .search .btn_search{width:35px; height:35px; display:block; background:url(../../images/btn_search.png) no-repeat center center; background-size:100%; float:left; margin-top:2.5px;}
	/*menu_area*/
	#gnb{left:0;}
	.menu_area{width:100%; padding:0 10px;}
	.menu_area h1 a img{width:80%;}
	.menu_area .btn_box{right:15px; float:none;}
	#main_wrap .mainMore{width:40px !important; height:40px !important; line-height:1 !important;}
	#main_wrap .mainMore i{display:block; vertical-align:middle !important; width:100%;height:100%;; margin:0 !important; background-position:center!important;}
	/*schedule*/
	.main_board .schedule{position:relative; height:auto;}
	.main_board .schedule .dateArea{width:100%; border:0; padding-bottom:10px;}
	.main_board .schedule .dateArea .datePic{width:100%; padding:15px; min-height:256px;}
	.main_board .schedule .dateArea ul.schedule_list{width:100%; border:0;}
	.main_board .schedule .dateArea ul.schedule_list li{border:0; border-top:1px solid #dbdbdb; ;}
	.main_board .schedule .dateArea ul.schedule_list li:first-child{border-bottom:0;}
	.main_board .schedule .listArea{width:100%; border-top:1px solid #ddd;}
	.main_board .schedule .schedule_menu{height:41px;}
	.main_board .schedule .schedule_menu ul li a{padding:0 10px;font-size:15px; height:40px; line-height:40px;}
	.main_board .schedule .schedule_menu .btn_box{position:absolute; top:0; right:0; z-index:10; background:#fff;}
	.main_board .schedule .schedule_menu .btn_box a{width:50px; height:40px;}
	.main_board .schedule .schedule_menu .btn_box a i{vertical-align:top;}
	.main_board .schedule .schedule_menu{position:relative; overflow:hidden;}
	.main_board .schedule .schedule_menu .btn_box{position:absolute; right:0; top:0; background:#fff; border-bottom:1px solid #dbdbdb;}
	.main_board .schedule .schedule_menu ul{padding-right:45px;}
	.main_board .schedule .schedule_menu ul li{width:auto;}
	.main_board .schedule ul.schedule_list{height:auto;}
	.main_board .schedule ul.schedule_list li{width:100%; float:none; display:none; border-left:0; border-right:0;}
	.main_board .schedule ul.schedule_list li:nth-child(1), .main_board .schedule ul.schedule_list li:nth-child(2), .main_board .schedule ul.schedule_list li:nth-child(3){display:block;}	
	.main_board .schedule ul.schedule_list li:nth-child(2), .main_board .schedule ul.schedule_list li:nth-child(4){border-left:0;}
	.main_board .notice p.title{font-size:16px; line-height:40px;}
	.main_board .notice ul{height:auto;}
	.main_board .notice ul li{display:none;}
	.main_board .notice ul li:nth-child(1), .main_board .notice ul li:nth-child(2), .main_board .notice ul li:nth-child(3), .main_board .notice ul li:nth-child(4), .main_board .notice ul li:nth-child(5){display:block;}
	.scrollos-content .item a{padding:0 10px;font-size:15px; height:40px; line-height:40px;}	
	.main_board .schedule ul.schedule_list li .right_area{width:100%; margin:0;}
	
	/*schedule*/

	
	/*quick_menu*/
	#quick_menu_wrap{padding:0;overflow:hidden; width:100%;}
	#quick_menu_wrap .quick_menu{padding:0; text-align:center;}
	#quick_menu_wrap .quick_menu li{display:inline-block;}
	#quick_menu_wrap .quick_menu li a {height:auto; padding:10px 0;}
	#quick_menu_wrap .quick_menu li a span{display: margin-top:25px; word-break:keep-all; letter-spacing:-0.05em; font-size:11px; margin-top:40px;}
	#quick_menu_wrap .quick_menu a{background-size:auto 30px !important; font-size:11px !important; background-position:center 10px !important;}	
	#main_board_wrap{padding:15px;}
	.main_board .notice{margin-top:15px;}
	#science_lounge_wrap .controller, #science_lounge_wrap .controller{display:none;}

	
	/* science_lounge*/
	#science_lounge_wrap{padding:15px;}
	#science_lounge_wrap .title{font-size:20px;}
	
	#science_lounge_wrap .science_board{float:none; width:100%; margin:0 auto;}
	#science_lounge_wrap .science_board ul{height:auto; text-align:center;}
	#science_lounge_wrap .science_board ul li{height:auto !important; max-width:344px; overflow:hidden; display:block; margin:0 auto; margin-top:10px; border:1px solid #ddd;}
	#science_lounge_wrap .science_board ul li .left_area .imgwrap{width:100%; height:200px; margin:0 auto; overflow:hidden;}
	#science_lounge_wrap .science_board ul li .left_area .imgwrap img{width:100%; height:auto;}
	#science_lounge_wrap .science_board ul li .left_area{width:100%; float:none;}
	#science_lounge_wrap .science_board ul li .right_area{width:100%; float:none; padding:10px 10px 15px 10px; text-align:left;}
	#science_lounge_wrap .science_board ul li .right_area .txt{height:70%; -webkit-line-clamp:3; margin-top:10px;}
	#science_lounge_wrap .science_board ul li .left_area:after{display:none;}
	#science_lounge_wrap .science_card{float:none; width:100%; max-width:344px; max-height:344px; margin:0 auto;}
	#science_lounge_wrap .science_card ul li{width:100%;}
	#science_lounge_wrap .science_card{overflow:hidden; margin-top:15px;}
	#science_lounge_wrap .science_card ul{width:auto; height:auto;}
	#science_lounge_wrap .science_board ul li .left_area small, #science_lounge_wrap .science_card ul li .img_area small{font-size:13px;}
	
	/*book_slider*/
	#book_slider_wrap{padding:15px;}
	#book_slider_wrap .title ul li a{font-size:20px;}
	#book_slider_wrap .book_slider > div ul{height:auto;}
	#book_slider_wrap .title .btn_box{background:#fff;}
	#book_slider_wrap .title ul li{margin-left:20px;}
	#book_slider_wrap .mainMore{top:-60px; right:0;}
	#footer_wrap {padding:0; border-top:2px solid #c92c06;}
	.footer{padding:10px; border-top:2px solid #ddd; }
	.footer .foot_cont .f_info{font-size:11px; letter-spacing:-0.05em;}
	.footer .foot_cont ul li{padding-left:10px; line-height:30px; background: url(../../images/dot_grey.png) no-repeat 3px center;}
	.footer .foot_cont ul li a{line-height:30px; font-size:13px;}
	.footer .foot_cont ul li:nth-child(1), .footer .foot_cont ul li:nth-child(2), .footer .foot_cont ul li:nth-child(3){display:none;}
	.footer .foot_cont ul li:nth-child(4){background:none;}
	.footer .foot_cont .f_info b{padding-right:10px;}
	.footer .foot_cont .f_info small{font-size:10px;}
	.footer .foot_cont .f_info p{line-height:18px;}
	.footer .foot_cont .f_info span{word-break:break-all; display:inline; padding-right:5px;}
	.totop{bottom:14px; width:40px; height:40px; background-size:50%;}
	#footer_wrap .f_sns{display:block; width:100%; margin:0 auto; text-align:center ;padding:15px;}
	#footer_wrap .f_sns a{display:inline-block;width:50px; height:50px; margin:0 5px;}
	#footer_wrap .f_sns p{font-size:18px; font-weight:500; line-height:1.2em; margin-bottom:10px;}
	#footer_wrap .f_sns a{display:inline-block;width:50px; height:50px; margin:0 5px;}
	#footer_wrap .f_sns a:nth-child(1){background:url(../../images/foot_facebook.png) no-repeat 0 0;}
	#footer_wrap .f_sns a:nth-child(2){background:url(../../images/foot_youtube.png) no-repeat 0 0;}
	#footer_wrap .f_sns a:nth-child(3){background:url(../../images/foot_blog.png) no-repeat 0 0;}
		
	
	
	/*----------------  login/로그인 ----------------*/
	.login{width:100%; min-width:320px; margin:0 auto; text-align:center; padding:0 10px;}
	.login p{margin-top:30px; color:#676767; line-height:1.5em;}
	.login p b{display:block; font-size:18px;  color:#365a99;}
	.login p span{display:block;}
	.login p span small{font-size:15px;}
	.login .input_box{border:solid 2px #e8e8e8; width:100%; margin:0 auto; margin-top:10px; }
	.login .input_box span{display:block; line-height:50px; padding-left:55px; width:100%; }
	.login .input_box span.input_id{border-bottom:solid 1px #e8e8e8; background:url(../../images/i_id.png) no-repeat 15px center;}
	.login .input_box span.input_pass{background:url(../../images/i_pass.png) no-repeat 15px center;}
	.login .input_box input{line-height:50px; height:50px; width:100%;  padding:0 10px 0 10px;  border:0;}
	.login .btn_h40_t01{margin-top:20px;}
	.login .btn_h40l_t02{width:auto; padding:0 20px;}
	.login .btn_t03{width:50%; text-align:center; margin-top:30px; margin:10px;}
	.login .btn_area span, .login .btn_area a{}
	.btn_area{margin-top:20px; text-align:center; }
	.login .btn_area span{margin:10px 0;}
	.login .btn_area a{width:auto; font-size:14px; margin:0 2px; padding:10px;}
	.login .btn_area br{display:block;}
	/*----------------  membership/회원가입 ----------------*/
	.membership_area{padding:0; position:relative; text-align:right;}
	.membership_area .membership{text-align:right; width:auto; display:inline-block;}
	.membership_area .membership li{position:static; display:inline-block; width:auto; padding-left:2px;}
	.membership_area .membership li p{padding-bottom:0;}
	.membership_area .membership li p strong{font-size:1.2em; width:25px; height:25px; line-height:18px; border-radius:25px;}
	.membership_area .membership li p b{display:none; margin-top:10px; color:#676767; white-space:nowrap; font-size:16px;}
	.membership_area .membership li:after{display:none;}
	.membership_area .membership li:first-child:after{content: " ";display: block;height:0;visibility: hidden;}
	.membership_area .membership li.on p strong{ background:#dd4c28; border:2px solid #dd4c28; color:#fff;}
	.membership_area .membership li.on p b{color:#dd4c28; display:block; position:absolute; top:12px; left:25px;}	
	.member_class_area{width:100%; margin:0 auto; margin-top:10px; background:#fff; overflow:hidden; padding:0 10px;}
	.member_class{width:100%; margin:0 auto;}
	.member_class li{width:100%; float:none; padding:4px 0;}
	.member_class li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.member_class li a{display:block; width:100%; margin:0 auto; text-align:center; border:2px solid #ddd; border-bottom:5px solid #ddd; padding:15px 0; background:#fff;}
	.member_class li a:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.member_class li a i{width:50px; height:50px; display:block; margin:0 auto; border-radius:80px; text-align:center; vertical-align:middle;}
	.member_class li:nth-child(1) a i{border:2px solid #dd4c28; background-size:80%;}
	.member_class li:nth-child(2) a i{border:2px solid #713731; background-size:80%;}
	.member_class li:nth-child(3) a i{border:2px solid #8b3946; background-size:80%;}
	.member_class li a span{display:block;}
	.member_class li a span b{font-size:18px; margin-top:10px;}
	.member_class li a span small{font-size:14px; margin-top:5px;}	
	/*--------  membership/회원가입02 --------*/
	.scroll_area{border: 1px solid #ddd; padding:0 15px; height: 200px; overflow: auto; margin-top:10px; line-height:1.5em; font-size:12px; color:#676767; text-align:left; border-left:0; border-right:0; background:#fafafa;}
	.scroll_area .scroll_title:before{visibility:hidden;}
	.scroll_area .scroll_title{margin-top:12px; padding:0; font-weight:700; color:#101010;}
	.scroll_area .scroll_subtitle{margin:10px 0 5px 0; font-size:14px; position:relative; padding-left:10px; font-weight:500; color:#101010;}
	.scroll_area .scroll_subtitle:before{top: 7px;}
	.agree{text-align:right; margin-top:10px; font-size:13px;}
	/*--------  membership/회원가입03 --------*/
	.certifications_area{width:100%; margin:0 auto; margin-top:10px; background:#fff; overflow:hidden; padding:0 10px;}
	.certification_class{width:100%; margin:0 auto;}
	.certification_class li{width:100%; display:block; float:left; padding:4px 0;}
	.certification_class li:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.certification_class li p{display:block; width:100%; margin:0 auto; text-align:center; border:2px solid #ddd; border-bottom:5px solid #ddd; padding:15px 0; background:#fff;}
	.certification_class li p i{width:50px; height:50px; display:block; margin:0 auto; border-radius:50px;}
	.certification_class li p span{display:block;}
	.certification_class li p span b{display:block; font-weight:500; font-size:18px; margin-top:10px;}
	.certification_class li p span small{display:block; color:#676767; font-size:14px; margin-top:10px; padding:0 15px; line-height:1.5em;}
	.certification_class li p a{display:block; margin-bottom:30px; width:auto; max-width:180px; margin:0 auto; margin-top:10px;}
	.certification_class li:nth-child(1) p i{border:2px solid #ddd; background-size:80%;}
	.certification_class li:nth-child(2) p i{border:2px solid #ddd; background-size:70%;}
	/*--------  membership/회원가입04 --------*/
	.btn_tbSelect{padding:6px 15px; height:40px;}
	.btn_tbSelect_on{display:inline-block; padding:6px 15px; height:40px;}
	.membership_area .clearfix input{margin-right:5px;}
	.mail_certification span.at{display:inline-block; float:left; line-height:40px; vertical-align:middle; margin-right:5px;}
	.mail_certification > p a{margin-left:5px;}
	.t_drop{width:100%; margin:0 auto; clear:both; padding-top:10px; border-top:1px dashed #ddd;}
	.t_drop:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.t_drop b{display:block; padding-right:10px; float:left; vertical-align:middle; line-height:40px; font-size:15px;}
	.t_drop .num{width:100%; position:relative; float:none;;}
	.t_drop .num input{width:99%; display:block;}
	.t_drop .num span{position:absolute; display:block; top:50px; margin-top:0; right:15px;}
	.t_drop .num a{margin-left:5px; overflow:hidden; float:left;}
	.nb_pass{width:100%; margin:0 auto;}
	.nb_pass input{float:none;; width:100%;}
	.nb_pass span{line-height:1.5em; height:auto; margin:5px 0 0 0;}
	.nb_pass:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.dt_box2 .inner input{width:100%;}
	.membership_area .v_detail:nth-child(1) .inner input{width:100%;}
	.membership_area .dt_box2 .nb_color3{margin-top:5px;}
	.btn_tbSelect_area{width:100%;padding-top:5px;}
	.btn_tbSelect_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.btn_tbSelect_area a{width:50%; float:left; text-align:center;}
	.v_detail .mail_certification{width:100%; margin:0 auto; overflow:hidden;}
	.v_detail .mail_certification .clearfix{padding-bottom:10px;}
	.v_detail .mail_certification .clearfix input{width:47%;}
	.v_detail .mail_certification .clearfix .at{width:6%; text-align:center;}
	.v_detail .mail_certification .clearfix .select20{width:100%; margin-top:5px;}
	.v_detail .btn_t04{width:50%; margin:10px 25% 10px 25%;}
	.v_detail .clearfix  .td_txt_box4{margin-top:5px;}
	.v_detail .tel{width:100%; margin:0 auto;}
	.v_detail .tel input{float:left; width:30%;}
	.v_detail .tel span{float:left; width:5%; display:inline-block; line-height:40px; text-align:center;}
	.v_detail .tel:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	.v_detail .sms{width:100%; margin:0 auto; clear:both; text-align:center;}
	.v_detail .sms .clearfix b{width:100%; line-height:40px; font-size:15px; display:block; text-align:left; margin-top:10px; border-top:1px dashed #ddd;}
	.v_detail .sms label{margin-right:5px;}
	.v_detail .sms .clearfix{padding-bottom:10px;}
	
	/*--------  membership/회원가입05 --------*/
	.membership_area .btn_area a .i_white_left{vertical-align:top; margin:2px 10px 0 0;}
	.membership_area .btn_area a .i_white_right{vertical-align:top; margin:2px 0 0 10px;}
	.membership_area .membership_complete{text-align:center; min-height:150px; margin-top:20px; overflow:hidden;}
	.membership_area .membership_complete h3{width:100%; padding:0 10px; font-size:18px; margin-top:100px; line-height:1.5em;}
	.membership_area .membership_complete p{width:100%; padding:0 10px; font-size:14px; color:#676767; margin-top:5px;line-height:1.4em;}
	
	/*----------------  myinfo_area/회원정보 ----------------*/
	.myinfo_area .basic_top{padding:15px 10px;}
	.myinfo_area .basic_top .bg_area{float:none; height:auto; width:100%;}
	.myinfo_area .basic_top .bg_area i{width:100%; height:auto; min-height:82px; display:inline-block; vertical-align:middle; text-align:center;}
	.myinfo_area .basic_top .info_txt{float:none; width:100%; min-height:1em; height:auto; padding:0; border:0; text-align:center;}
	.myinfo_area .basic_top .info_txt h3{width:100%; margin:0 auto; text-align:center; margin-top:10px;}
	.myinfo_area .basic_top .info_txt > span{display:block; width:100%; margin-top:10px; position:relative; color:#676767; padding-left:0; line-height:1.5em;}
	.myinfo_area .basic_top .info_txt > span:before{display:none;}
	.txtList{margin-top:10px; clear:both;}
	.txtList li:first-child{margin-top:0;}
	.txtList li{display:block; margin-top:5px; position:relative; color:#676767; padding-left:10px; line-height:1.5em;}
	.txtList li:before{content: ""; width: 5px; height: 5px; background-color: #676767; position: absolute; top: 9px; left: 0;}
	.nb_color i{display:inline-block; width:19px; height:19px; border-radius:5px;text-align:center; vertical-align:middle; margin-right:5px;}
	
	/*--------  membership/회원탈퇴 --------*/
	.membership_area .membership_secession{min-height:150px; padding-top:40px; overflow:hidden; background-position:center 20px;}
	.membership_area .membership_secession{padding-top:0;}
	.membership_area .membership_secession h3{width:100%; padding:0 10px; font-size:18px; margin-top:120px; line-height:1.5em; word-break:keep-all; font-weight:400;}
	.membership_area .membership_secession p{width:100%; padding:0 10px; font-size:14px; color:#676767; margin-top:5px;line-height:1.4em;}
	
	/*----------------  login_sns/sns로그인  ----------------*/
	.login_sns{width:100%; padding:0 15px;}
	.login + .login_sns{margin-top:20px;}
	.login_sns h3 span{line-height:1.5em; margin-top:10px; font-size:14px;}
	.login_sns p{font-size:14px; margin-top:20px;}
	.login_sns p a{font-size:14px;}
	.login_sns p a img{ width:50px; height:50px;margin-bottom:5px;}
	
	
}

@media (max-width:400px){
	
	#open_slide .menu .top_menu > a{font-size:15px;}
}

@media (max-width:360px){
	
	body{min-width:360px;}
	.main_board .notice p.title, #book_slider_wrap .title{padding-left:10px;}
	#main_wrap .title h2{padding:0 10px; line-height:40px;}
	#main_wrap .title a{border:0;}
	#open_slide .slide_menu_area{width:95%;}
	#open_slide .top_nav a{font-size:12px; padding:0 10px;}
	#open_slide .q_menu a.map, #open_slide .q_menu a.site{font-size:12px;}
	.main_board .schedule .schedule_menu ul li a{padding:0 10px;}
	.main_board .schedule ul.schedule_list li{padding:10px;}
	.main_board .notice{margin-top:10px;}
	.main_board .notice ul li a span{width:76%;}
	body{font-size:12px !important;}
	.main_board .schedule, .main_board .notice{border-left:0; border-right:0;}
	.main_board .notice ul li a{padding:0 10px;}
	#main_board_wrap{padding-top:10px;}
	#book_slider_wrap{clear:both; margin-top:10px; overflow:hidden;}
	
	#science_lounge_wrap .title{padding:0;}
	#science_lounge_wrap .title h2{font-size:15px;}
	/*
	#science_lounge_wrap .science_board ul li{padding:15px 10px 10px 10px; height:auto;}
	#science_lounge_wrap .science_board ul li .left_area{width:39%;}
	#science_lounge_wrap .science_board ul li .right_area{width:61%; padding:16px 0 0 10px;}
	#science_lounge_wrap .science_board ul li:first-child{margin:0;}
	#science_lounge_wrap .science_board ul li .left_area:after{display:none;}
	#science_lounge_wrap .science_board ul li .right_area .title{font-size:14px;}
	#science_lounge_wrap .science_board ul li .right_area .txt{font-size:12px; line-height:20px; -webkit-line-clamp:3; margin-top:8px;}
	#science_lounge_wrap .science_card{margin-top:10px;}
	#science_lounge_wrap .science_board ul li .left_area .imgwrap{height:80px; overflow:hidden; border:1px solid #ddd;}*/
	
	.scrollos-content .item a {padding-right: 50px;}
	
	/*subSlider*/
	.subSlider .bx-wrapper .bx-controls-direction a {height:40px; background-size:auto 40px; margin-top:-20px;}
	.subSlider .bx-wrapper .bx-prev{left:0;}
	.subSlider .bx-wrapper .bx-next{right:0;}
}