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

@media(max-width:1410px){
	
	/* 한줄공지 */
	#top_panel_wrap{height:auto;}
	#top_panel_wrap .top_panel a.top_notice{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; letter-spacing:-0.05em;}
	/* 전체메뉴 */

	#open_slide .top_area{width:100%; margin:0 auto; padding:15px 20px;}
	#open_slide .slide_menu_area{width:100%; margin:0 auto;}
	#open_slide .slide_menu_area .menu:first-child .top_menu:first-child{padding-left:20px !important;}
	#open_slide .sub_menu li a{letter-spacing:-0.05em; font-size:16px;}
	#open_slide .slide_menu_area .menu{padding:0 5px;}
	#open_slide .slide_menu_area .menu .top_menu{padding:0 5px;}
	
	/* ------------ main index ------------ */
	.top_area h1{margin-left:15px;}
	.totop{right:15px;}	
	
	
	/* mymenu_info */
	#visual_area .mymenu_info{width:100%; padding:0 15px; left:0; margin:0; top:auto; bottom:220px; overflow:hidden;}
	#visual_area .myinfo .tit{width:18%; float:left;}
	#visual_area .myinfo .tit h2{font-size:20px;}
	#visual_area .myinfo ul{float:left;width:82%;}
	#visual_area .myinfo ul li{float:left; width:25%;}
	#visual_area .myinfo ul li a{font-size:15px;}
	#visual_area .myinfo ul li a i{width:40px; height:40px;}
	#visual_area .myinfo ul li a b, #visual_area .myinfo ul li a span{line-height:40px;}
	#visual_area .myinfo ul li:nth-child(3) a b{line-height:20px;}

	/* login */
	.login{width:100%;}
	
}

@media(max-width:1199px){
	
	.smenuWrap .smenu_area .tit_area{width:20%; background:none !important; padding:10px 20px 20px 20px;}
	.smenuWrap .smenu_area .tit_area b{line-height:1.2em;}
	/* menu eng */
	.menu_area .menu.eng .smenuWrap .smenu_area ul.smenu li a{font-size:15px; line-height:1.2em;padding-top:15px; padding-bottom:15px;}
	.menu_area .menu.eng .smenuWrap .smenu_area ul.smenu{padding-left:10px;}
	.menu_area .menu.eng .smenuWrap .smenu_area ul.smenu li{padding:0 10px;}

}

@media(max-width:1024px){
	.open_allMenu_wrap{display:none;}
	/*햄버거메뉴*/
	#open_slide{width:100%;margin:0 auto; min-width:360px; position:fixed; background:rgba(0, 0, 0, .5); z-index:9999; height:100%; overflow:auto; top:0; left:0; overflow-style:none; -ms-overflow-style: none;}
	#open_slide:-webkit-scrollbar{display:none; -ms-overflow-style: none;}	
	#open_slide .slide_menu_area{width:320px; min-width:320px; background:#fff; height:100%; float:right; position:relative;}
	#open_slide .top_area{display:block; width:100%; height:auto; margin:0 auto; padding:0 10px; height:60px;}
	#open_slide .top_area a{display:block; width:45px; height:100%; padding:0 5px;}
	#open_slide .top_area a img{width:100%; margin-top:15px;}
	#open_slide .top_area:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
	#open_slide .top_area .home{display:block; float:left; }
	#open_slide .top_area .close{float:right;}
	#open_slide .top_nav{display:block; width:100%; margin:0 auto; background:#004990;}
	#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 #033e77; display:block; display:block; height:60px; line-height:2em;  padding:0 15px; padding-top:18px; 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 .log{float:right; border:0; background:#033e77; }
	#open_slide .slide_menu_area .menu{width:100%; margin:0 auto; padding:0;}
	#open_slide .slide_menu_area .menu .top_menu{width:100%; margin:0 auto; padding:0;}
	#open_slide .slide_menu_area .menu .top_menu > a{display:block; width:100%; text-align:left; line-height:auto; height:auto; min-height:auto; font-size:16px; font-weight:500; padding:10px 20px; border-bottom:1px solid #ddd; background:#fff  url(../../images/m_more.png) no-repeat right 20px center;}
	#open_slide .slide_menu_area .menu .top_menu .on{display:block;}
	#open_slide .sub_menu{display:none; height:auto; width:100%; margin:0 auto; padding:5px 0; background:#f3f3f3;}	
	#open_slide .sub_menu li a{display:block; height:45px; padding:12px 0 0 40px; font-size:14px;}
	#open_slide .sub_menu li a:after{display:none;}
	#open_slide .linkArea{display:block; width:100%; margin:0 auto; padding:15px 10px;}
	#open_slide .linkArea a{display:block; border-radius:3px; margin-top:10px;}
	#open_slide .linkArea .ql1{width:100%; height:50px; line-height:48px; font-weight:500; background:#004990 url(../../images/ql1.png) no-repeat left 10px center; background-size:35px auto; padding-left:55px; color:#fff;}
	#open_slide .linkArea .ql1 span{display:inline-block; width:100%; background: url(../../images/i_white_right.png) no-repeat right 15px center;}
	#open_slide .linkArea .ql2{width:100%; height:50px; line-height:48px; background: url(../../images/i_bl_right.png) no-repeat right 15px center; border:1px solid #ddd; padding-left:15px;}
	
	#open_slide .slide_menu_area .close{display:block; position:absolute; width:45px; height:60px; right:10px; top:0; padding:15px 5px 0 5px; vertical-align:middle;}
	#open_slide .slide_menu_area .close img{width:35px;}
	
	#open_slide .m_site{display:block; width:100%; margin:0 auto; padding:15px 0; background:#fff;}
	#open_slide .m_site li{display:block; padding:3px 20px;}
	#open_slide .m_site li a{display:block;  width:100%; padding:15px 15px 0 15px; min-height:40px; border-radius:5px; font-size:16px; background:url(../../images/i_grey_right.png) no-repeat right 15px center; border:1px solid #ccc; color:#666;}
	#open_slide .m_site li a b{display:inline-block; font-size:15px;}
	#open_slide .m_site li a span{display:inline-block; font-size:12px;}
	#open_slide .sub_menu li a small{display:block; padding-top:4px; line-height:1.2em;}
	#open_slide .sub_menu li.smallTxt a{padding-top:7px; line-height:1.2em;}
	/*top_area*/	
	.top_area_wrap .top_area{width:100%; margin:0 auto; height:auto; padding:0 5px 0 15px;}
	.top_area h1{width:120px; margin-left:0;}
	.top_area h1 a{background-size:100% !important; height:60px;}
	.top_area .topNav{padding-top:0;}
	.top_area .topNav .btn_box a{display:block; height:60px; min-width:40px; padding:0 10px; border:0;}
	.top_area .topNav ul{display:none;} 	
	.top_area .topNav a.btn_vsearch{display:block;}
	
	/* menu */
	.menu_area_wrap{display:none;}
	.menu_area{width:96%;}
	.menu_area .menu_kor, .menu_area .menu_eng{display:none;}
	#wrapper{min-width:360px; width:100%; padding-top:60px;} 
	
	/* New & Noteworthy */
	#book_slider ul li a:hover, #book_slider ul li a:focus{transform:none; transition:none;}
	
	/* mymenu_info/나의도서관정보 */
	#visual_area .myinfo .tit{float:none; width:100%;}
	#visual_area .myinfo .tit h2{min-height:0; padding:15px;}
	#visual_area .myinfo ul{width:100%;}
	#visual_area .myinfo ul li a{min-height:0; padding:15px;}
	#visual_area .myinfo ul li{width:50%;}
	
	/* quick_menu */
	#quick_menu_wrap{margin-top:-110px;}
	.quick_menu > li a span{font-size:15px;}
	.quick_menu > li > a{ min-height:125px; padding:70px 0 20px 0;}
	.quick_menu > li a span{line-height:1.2em;}
	.quickOpen{padding-top:30px;}
	.quickOpen .q_cont .s_collections ul li{width:50%; padding:2.5px;}
	.quickOpen .q_cont .s_collections ul li a{min-height:130px;} 
	.quickOpen .notice ul li{width:100%; padding:0;}
	.quickOpen .notice ul li a{padding:0 100px 0 15px; border-top:0;}
	.quickOpen .notice ul li:first-child a{border-top:1px solid #ccc;}
	.quickOpen .notice ul li a b{height:auto; white-space:nowrap;line-height:45px; font-size:15px;}
	.quickOpen .notice ul li a span{display:inline-block; position:absolute; line-height:45px; top:0; right:15px; margin:0;}
	.quickOpen .notice ul li a:hover:before, .quickOpen .notice ul li a:focus:before{display:none;}
	.quickOpen .notice .btn{padding:0; margin-top:10px;}
	/* followWrap */
	#followWrap .follow > div{width:33.3333%;}
	#followWrap .follow .f_list_notice{width:66.6666%;}
	#followWrap .follow .f_inner:hover{transform:none; transition:none;}
	/* footer */
	#footer_wrap .footerArea .footer{padding:50px 200px 50px 245px;}
	#footer_wrap .footerArea .footer .f_wa a.wa img{width:58px; height:40px;}
		
	/*모바일 검색*/
	.m_search{z-index:998; width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; min-width:360px;}
	.m_search .search_box form{width:100%; margin:0 auto; padding:10px 50px 10px 10px;}
	.m_search .search{display:block; width:100%; margin:0 auto; background:#676767; position:relative;}
	.m_search .search .sclose{position:absolute; 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:100%; border-radius:0; height:40px;}
	.m_search .search .btn_search{width:30px; height:30px; display:block; background:url(../../images/glass_grey.png) no-repeat center center; background-size:100%; float:left; position:absolute; right:60px; top:15px}
	
	.m_search .searchWord .bottom_area{position:fixed; bottom:0; left:0;}
	.m_search .searchWord_area .searchWord_tab_area .close{top:8px; margin-top:0;}
	.m_search .searchWord_area .searchWord_tab li{width:50%; text-align:center;}
	.m_search .searchWord ul li{display:block; width:100%; position:relative; padding:0 80px 0 35px;}
	.m_search .searchWord ul li a.favorites{padding:0 10px; position:absolute; top:0; left:0;}
	.m_search .searchWord ul li a.recent{padding:0; width:100%;}
	.m_search .searchWord ul li a.favorites i{ margin:0; vertical-align:middle;}
	.m_search .searchWord ul li a{line-height:40px;}
	.m_search .searchWord ul li > span{padding:0 10px 0 0;line-height:40px; position:absolute; top:0; right:0;}
	.m_search .searchWord ul li > span a.close{margin-top:12px;}
}

@media(max-width:767px){	

	#wrapper{min-width:360px; background-color:transparent;}
	#container{min-height:auto; min-width:360px;}
	/*한줄공지*/
	#top_panel_wrap{overflow:hidden;}
	#top_panel_wrap .top_panel{padding:0; overflow:hidden; background:#e8aa02;}
	#top_panel_wrap .top_panel a.top_notice{display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; letter-spacing:-0.05em; height:40px; padding:0 45px 0 45px; line-height:40px; background:#f6b70d url(../../images/i_top_notice.png) no-repeat left 15px center; position:static;}
	#top_panel_wrap .top_panel p.tday_close{position:static; width:100%; text-align:right; padding:2px 15px 5px 15px; border-bottom:1px dotted #f09b88; overflow:hidden; background-color:#e8aa02; margin-top:0;}
	#top_panel_wrap .top_panel p.tday_close span{font-size:12px; margin-top:7px; display:inline-block;}
	#top_panel_wrap .top_panel p.tday_close input{}
	#top_panel_wrap .top_panel p.tday_close a{float:none; position:absolute; top:10px; right:15px;}
	
	/* visual_area */
	#visual_area{width:100%; min-height:410px; margin:0 auto; background-size:cover; background-position:center; padding:300px 15px 0 15px; overflow:visible;}	
	#visual_area .visual_search{width:100%; top:40px; left:0; padding:0 15px; margin:0;}
	#visual_area .visual_search .tab li a{font-size:12px; height:38px;}
	#visual_area .visual_search .tab li a span{padding:6px 8px 0 8px;}
	#visual_area .visual_search .tab li.on a:after, #visual_area .visual_search .tab li a:hover:after, #visual_area .visual_search .tab li:focus a:after{bottom:4px;}
	#visual_area .visual_search .search_box{width:100%;}
	#visual_area .visual_search input[type="text"]{width:100%; height:50px; line-height:50px; padding:0 50px 0 10px; font-size:14px;}
	#visual_area .visual_search .btn_search{height:100%; width:50px; height:50px; background-size:30px; position:absolute;}
	#visual_area .visual_search .searchWord_area{top:54px; z-index:13;}
	#visual_area .visual_search .tab li a:focus, #visual_area .visual_search .tab li.on a{font-size:15px;}
	/* visual_notice */
	#visual_area .visual_notice .imgArea{height:500px;}
	#visual_area .vn_list{height:calc(100vh - 317px); min-height:500px;}
	#visual_area .vn_list > div{height:calc(100vh - 317px); height:500px;}
	#visual_area .visual_notice .visual_infoWrap{top:370px;}
	#visual_area .visual_notice .visual_info{padding-right:129px;}
	#visual_area .visual_notice .visual_info .txtArea{height:40px; line-height:40px;position:relative; padding:0 40px 0 10px;}
	#visual_area .visual_notice .visual_info .txtArea a{font-size:14px;}
	#visual_area .visual_notice .visual_info .txtArea span{font-size:14px; position:absolute; right:10px; top:0;}	
	#visual_area .visual_notice .visual_info .btnBox a{width:40px; height:40px; background-size:auto 11px!important; margin-left:3px;}
	/* myinfo */
	#visual_area .mymenu_info{top:140px; overflow:visible;} 
	#visual_area .myinfo{padding-top:0;}
	#visual_area .myinfo .tit h2{font-size:16px; padding:10px;}
	#visual_area .myinfo ul li a{padding:10px; font-size:13px;}
	#visual_area .myinfo ul li a i{width:30px; height:30px; background-size:auto 20px!important;}
	#visual_area .myinfo ul li a b, #visual_area .myinfo ul li a span{line-height:30px;}
	#visual_area .myinfo ul li:nth-child(3) a b{line-height:15px;}
	#visual_area .myinfo .btn_close{width:36px; height:36px;}
	/*quick_menu*/
	#quick_menu_wrap{width:100%; margin:0 auto; box-shadow:none; margin-top:0!important; background-color:transparent;}
	.quick_menu{border-bottom:1px solid #ccc;}
	.quick_menu li{width:33.3333%;}
	.quick_menu li a{background-position:center 13px !important; min-height:100px; padding:56px 0 0 0; font-size:11px; background-size:auto 35px !important;}
	.quick_menu li:nth-child(4), .quick_menu li:nth-child(5), .quick_menu li:nth-child(6), .quick_menu li:nth-child(7){width:25%;}
	.quick_menu > li br{display:block;}
	.quick_menu > li a span{font-size:14px;}
	.quickOpen{padding:15px 0 20px 0;}
	.quickOpen .q_cont .s_collections ul li{width:100%; padding:2.5px 0;}
	.quickOpen .q_cont .s_collections ul li a{min-height:1em;}
	.quick_menu > li.on > a:after, .quick_menu > li > a:hover:after{display:none;}
	.quickOpen .s_collections ul li, .quickOpen .s_service ul li{width:100%; padding:2px 0;}
	#quick_menu_wrap div + h3{margin-top:15px;}
	#quick_menu_wrap .scroll_x{padding:0;}
	#quick_menu_wrap h3{padding:15px 0 10px 0}	
	#quick_menu_wrap .title3_t01:before{left:0;}
	#quick_menu_wrap .tit_link a, .tit_link a:hover{right:0;}
	/*button*/
	.inner > .btnBox a{width:35px; height:35px; margin-left:3px; transform:none; transition:none;}
	/*book_slider*/
	#book_slider{padding:40px 0 0 0;}
	#book_slider .inner > .btnBox a{background-size:auto 11px;}
	#book_slider .newBook{padding-left:10px;}
	#book_slider .tit{padding:0; font-size:18px; line-height:40px;}
	#book_slider ul li{margin:5px;}
	#book_slider .imgwrap{padding:0; height:216px;}	
	#book_slider ul li a{box-shadow:none;}
	#book_slider .book_info{padding:10px; min-height:90px;}
	#book_slider .book_info .book_title{font-size:14px; line-height:1.5em;}
	#book_slider .book_info .author{font-size:12px; line-height:1.5em; margin-top:5px;}
	
	/* followWrap */
	#followWrap{padding:40px 0 40px 0;}
	#followWrap .inner > .btnBox a{background-size:auto 38px;}
	#followWrap .inner > .tit{font-size:18px; padding:0; line-height:40px;}
	#followWrap .follow{margin-top:10px;}
	#followWrap .follow > div{width:50%;}
	#followWrap .follow .f_list_notice{width:100%;}
	#followWrap .moreVeiw{margin-top:20px;}
	#followWrap .moreVeiw a{line-height:40px; height:40px; background-size:11px auto; background-position:right 15px center; padding:0 40px 0 15px;}
	#followWrap .follow .f_inner{}
	/*footer*/	
	#footer_wrap .f_menu{display:none;}
	#footer_wrap .footerArea .footer{padding:100px 15px 20px 15px; background-size:200px; background-position:left 15px top 30px;}
	#footer_wrap .footerArea .footer > i{background-size:100% auto; width:150px; height:43px; top:40px;}
	#footer_wrap .footerArea .footer .f_wa{top:50px;}
	#footer_wrap .footerArea .footer .f_wa a.private{font-size:11px;}
	#footer_wrap {width:100%; margin:0 auto; padding:0; margin-top:15px;}
	#footer_wrap .footerArea .footer address dt, #footer_wrap .footerArea .footer address dl{line-height:1.5em; font-size:10px;}
	#footer_wrap .footerArea .footer .copy{line-height:1.5em; font-size:10px;}
	#footer_wrap .footer .totop{right:15px; width:32px; height:32px; background-size:15px auto;}
	/*----------------  login/로그인 ----------------*/
	.login{width:100%; margin:0 auto; text-align:center; padding:0 10px 40px 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; max-width:350px;}
	.login .input_box span{display:block; line-height:40px; padding-left:40px; width:100%; }
	.login .input_box span.input_id{border-bottom:solid 1px #e8e8e8; background:url(../../images/i_id.png) no-repeat 10px center; background-size:23px;}
	.login .input_box span.input_pass{background:url(../../images/i_pass.png) no-repeat 10px center; background-size:23px;}
	.login .input_box input{line-height:40px; height:40px; width:100%;  padding:0 10px 0 5px;  border:0;}
	.login_foot{max-width:350px; margin:0 auto;}
	.login .btn_h40_t01{margin-top:20px;}
	.login .btn_h40l_t02{width:auto; padding:0 20px;}
	.login .btn_t03{width:60%; text-align:center; margin-top:30px; margin-left:-30%;}
	.login .btn_area{margin-top:20px; text-align:center; }
	.login .btn_area span{margin:10px;}
	.login .btn_area a{width:60%; text-align:center; display:inline-block; margin:0 auto; margin:10px 0; padding:10px 15px;}
	
	/*----------------  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:#4f719f; border:2px solid #4f719f; color:#fff;}
	.membership_area .membership li.on p b{color:#4f719f; 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 #4f719f; background-size:80%;}
	.member_class li:nth-child(2) a i{border:2px solid #a7574f; 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:#f3f3f3;}
	.scroll_area .scroll_title:before{visibility:hidden;}
	.scroll_area .scroll_title{margin-top:12px; padding:0; font-weight:700; color:#333;}
	.scroll_area .scroll_subtitle{margin:10px 0 5px 0; font-size:14px; position:relative; padding-left:10px; font-weight:500; color:#333;}
	.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:0 15px; height:34px; line-height:34px;}
	.btn_tbSelect_on{display:inline-block; height:34px; line-height:34px;}
	.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:47px; margin-top:0; right:10px;}
	.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[type="text"]{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:34px; 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; margin-top:10px; text-align:left;}
	.myinfo_area .basic_top .info_txt > span{display:block; width:100%; margin-top:0; position:relative; color:#676767; padding-left:10px; line-height:1.5em; text-align:left;}
	.myinfo_area .basic_top .info_txt > span:before{display:none;}
	.txtList{margin-top:10px; clear:both; text-align:left;}
	.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;}
	
	
}

@media(max-width:567px){	

	/* followWrap */
	#book_slider .inner > .tit{margin:0 0 50px 0 !important; text-align:center;}
	#followWrap .inner > .tit{margin:0 0 40px 0 !important; text-align:center;}
	.maincont_wrap .inner > .btnBox{width:100%; margin:0 auto; top:40px; left:0; text-align:center;}
	.maincont_wrap .inner > .btnBox a{float:none; display:inline-block;}
	#followWrap .follow > div{width:100%;}
	#followWrap .follow .f_list_notice{width:100%; }	
	#followWrap .follow .f_list_notice .f_inner{padding:0; background-color:#3a3d3f;}
	#followWrap .follow .f_list_notice .infoWrap{width:100%; height:auto; position:static;}
	#followWrap .follow .f_list_notice .f_inner .imgWrap{max-height:56.1363%; background-color:#fff;}
	#followWrap .follow .f_list_notice .info b{-webkit-line-clamp:1; max-height:none; line-height:1.5em;}
	#followWrap .follow .f_list_notice .info span{-webkit-line-clamp:3; margin-top:10px;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#open_slide .top_nav a{float:left; border-right:solid 1px #033e77; display:block; display:block; height:60px; line-height:60px; padding:0 15px; color:#fff; font-weight:500; font-size:15px;}
	#open_slide .m_site li a{display:block; line-height:36px;  width:100%; padding:0 15px; height:40px; border-radius:5px; font-size:16px; background:url(../../images/i_grey_right.png) no-repeat right 15px center; border:1px solid #ccc; color:#666;}
}