@charset "utf-8";
#wrap{width:100%;margin:0 auto;overflow:hidden;min-width:1200px;position:relative;word-break:keep-all}

/** header **/
#header_wrap{width:100%}
#header{width:100%;max-width:1200px;margin:0px auto -1px;height:290px;padding:0;position:relative}
.logo_wrap .top_right{float:right;width:300px}
.logo_wrap .top_right ul li a{float:left;padding:5px 15px 5px 25px;color:#333;margin-top:60px}
.logo_wrap .top_right ul li a.hb_shop{background:url(../img/main/hb_logo.png) no-repeat left center;color:#399736;font-weight:600}
.logo_wrap .top_right ul li a.login{background:url(../img/main/login_bg.png) no-repeat left center}
.logo_wrap .top_right ul li a.join{background:url(../img/main/join_bg.png) no-repeat left center}

#header .header_top{background:#ffd224;border-radius:0 0 8px 8px;position:absolute;right:0;top:0;padding:10px 20px 13px;box-sizing:border-box;box-shadow:1px 5px #eee}
#header .header_top p span{font-weight:600}
#header .header_top p a{border:1px solid #9a7e11;padding:5px 10px;border-radius:5px;color:#766110}
#header .header_top p a:hover{background:#fff;text-decoration:none}


/* menuwrap */
#menuwrap{width:1200px;text-align:center;margin:15px auto}
#menuwrap h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

#header .logo_wrap{height:100px}
#header .logo_wrap h1{margin-top:30px;float:left}

#menuwrap ul li a{line-height:20px;height:54px;float:left;width:16.75%;border:1px solid #bbcbb9;background:#ebf3df;padding:15px 0;margin-left:-1px;margin-top:-1px;box-sizing:border-box;color:#5c655f;font-weight:500 }
#menuwrap ul li a:hover{background:#fff;border:5px solid #8dc63f;padding:11px 0;text-decoration:none;font-weight:600}

#menuwrap #menu_3 {margin:5px 0}
#menuwrap #menu_3 li a{background:#52bf0a;color:#fff;font-weight:600;font-size:16px;width:calc(100% / 3);border:none;margin:5px 0;position:relative}
#menuwrap #menu_3 li a::after{content:'';display:block;position:absolute;right:0;top:15px;width:1px;height:20px;background:#fff}
#menuwrap #menu_3 li a:hover{background:#52bf0a;border:none;padding:15px;text-decoration:underline}
#menuwrap #menu_3 li:last-child a::after{content:'';display:block;position:absolute;right:0;top:15px;width:1px;height:20px;background:#52bf0a}


/* visual */
.visual_wrap{width:100%}
.visual_wrap .visualbox{width:1200px;margin:0 auto}

/* 공지사항,배너 */
.notice_wrap{width:100%;height:235px;margin-bottom:30px}
.notice_wrap .noticebox{width:1200px;margin:15px auto}
.notice_wrap .noticebox div{width:392px;margin-right:12px;float:left;box-sizing:border-box;position:relative}
.notice_wrap .noticebox .notice{border:1px solid #ddd;padding:25px}
.notice_wrap .noticebox div h3{position:relative;font-size:20px;padding:10px 0 20px;font-weight:500}
.notice_wrap .noticebox div h3 span{font-weight:700}
.notice_wrap .noticebox .notice .more{position:absolute;right:0;top:0;border:1px solid #ddd;margin-top:-1px;margin-right:-1px;padding:15px;color:#888;font-size:30px;font-weight:200}
.notice_wrap .noticebox .notice ul li{padding-left:10px;position:relative;line-height:32px}
.notice_wrap .noticebox .notice ul li:before{content:'';position:absolute;width:3px;height:3px;background:#888;top:16px;display:block;left:0}
.notice_wrap .noticebox .notice ul li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;color:#333}
.notice_wrap .noticebox .notice ul li a:hover{font-weight:500;color:#d81414}
.notice_wrap .noticebox .banner_cause{height:235px;background:url(../img/main/banner_causebg.jpg) no-repeat left top;box-sizing:border-box}
.notice_wrap .noticebox .banner_consult{height:235px;background:url(../img/main/banner_consultbg.jpg) no-repeat left top;box-sizing:border-box}
.notice_wrap .noticebox .banner_cause a{color:#000;display:block;padding:25px 25px 107px}
.notice_wrap .noticebox .banner_consult a{color:#000;display:block;padding:25px 25px 107px}

/* 운동가이드 */
.healthguide_wrap{background:url(../img/main/healthguide_bg.jpg) no-repeat left top;width:100%;padding:40px 0;height:396px;box-sizing:border-box;margin-bottom:40px}
.healthguide_wrap .guide_box {width:1200px;margin:0 auto}
.healthguide_wrap .guide_box h3{text-align:center;margin-bottom:30px}
.healthguide_wrap .guide_box div{float:left;width:390px;margin-right:15px}
.healthguide_wrap .guide_box div h4{font-size:20px;padding:15px 0;border-bottom:4px solid #333;text-align:center;font-weight:400}
.healthguide_wrap .guide_box div h4 span{font-weight:600}
.healthguide_wrap .guide_box .guide_video h5{background:#6172aa;padding:5px 20px;color:#fff;font-size:16px;border-radius:5px;width:140px;font-weight:400;text-align:center;margin:30px auto 15px}
.healthguide_wrap .guide_box .guide_video div{float:left;width:48%;background:#fff;height:110px}
.healthguide_wrap .guide_box ul li a{color:#333;font-weight:500}




/* 게시물컨텐츠 */
.knowhow_wrap{width:100%}
.knowhow_wrap .knowhowbox{width:1200px; margin:0 auto;}
.knowhow_wrap .knowhowbox ul{height:520px;}
.knowhow_wrap .knowhowbox ul li a{float:left;width:32%;margin-right:1%;margin-bottom:20px;overflow:hidden;text-align:center;color:#444}
.knowhow_wrap .knowhowbox ul li a img{width:100%}
.knowhow_wrap .knowhowbox ul li a p{padding:10px 30px}
.knowhow_wrap .knowhowbox ul li a:hover{font-weight:500;color:#000}
.knowhow_wrap .knowhowbox .line{border:1px dashed #ddd;display:block;width:100%;height:0px;margin-bottom:50px;text-align:center}
.knowhow_wrap .knowhowbox .line img{margin:-10px auto;}


/* 로그인 */
	#login_wrap{width:70%;height:auto;overflow:hidden;margin:0 auto}
	#login_wrap .title{text-align:center;padding-top:20px}
	#login_wrap .title h3 {font-size:60px; line-height:60px; color:#005670; font-weight:900; letter-spacing:-1px; margin-bottom:20px}
	#login_wrap .title p{color:#888;letter-spacing:-1px;font-style: italic; font-size:14px}

	#login_container{background:#fff;width:100%;height:210px;margin:0 auto;border-radius:10px 10px 0 0;box-sizing:border-box;margin-top:20px;text-align:center;border: 1px solid #ddd;overflow:hidden}
	#login_container .login_container_rbox{float:left;width:50%;height:290px;box-sizing:border-box;padding:0px 15px 15px 15px;text-align:left}
	#login_container .login_container_rbox h4{font-size:15px;letter-spacing:-1px;font-weight:700;padding:10px 0 4px 0;color:#EF6D34}
	#login_container .login_container_rbox.{width:95%; background:#fffffa;margin:0 auto;margin-bottom:20px;border-radius:5px}
	#login_container .login_container_rbox ul {margin:30px auto;width:90%;height:105px}
	#login_container .login_container_rbox ul li a {float:left;width:49%;text-align:center;border-radius:10px;background:#58a300; padding:67px 0; color:#fff; font-size:14px}
	#login_container .login_container_rbox ul li a.ipinbox {float:left;width:49%;text-align:center;border-radius:10px;background:#00a388; padding:67px 0; color:#fff; font-size:14px}
	#login_container .login_container_rbox ul li dt {color:#fff;border-radius:6px; width:100%;font-size:16px;font-weight:600}
	#login_container .login_container_rbox ul li a:hover {text-decoration:underline;background:#0f6c5d !important}
	#login_container .login_container_rbox ul li dt.btnleft {height:70px;padding-top:30px;background:#2aaad9}
	#login_container .login_container_rbox ul li a:hover dt.btnleft {background:#58a300}
	#login_container .login_container_rbox ul li dt.btnright {height:55px; padding-top:45px;background:#00a388}
	#login_container .login_container_rbox ul li a:hover dt.btnright {background:#00a388}
	#login_container .login_container_rbox ul li dd {line-height:120%;padding-top:10px}
	#login_container .login_container_rbox ul li a.marL {margin-right:2%}
	#login_container .login_container_rboxa span.btnleft{color:#fff;display:block;float:left;font-size:17px;padding-top:42px;width:100%;}
	#login_container .login_container_rboxa span.phonetext{display:block;padding-top:110px}
	#login_container .login_container_rboxa span.btnright{color:#fff;display:block;float:left;font-size:17px;padding-top:42px;width:100%}
	#login_container .login_container_rboxa.ipinbox{background:#00a388 !important}
	#login_container .login_container_lbox{float:left;width:50%;height:290px;margin-left:-1px;box-sizing:border-box;padding:30px 45px 15px 45px; border-right:1px solid #d0d8dd;}
	#login_container .login_container_lbox dt{display:none}
	#login_container .login_container_lbox dd .input_text{border:0;width:100%;margin-bottom:5px;line-height:35px;box-sizing:border-box;padding:3px 15px;border-radius:3px;background:#ecf1f1;font-size:14px;vertical-align:middle;height:40px;color:#999;letter-spacing:-1px;font-weight:700}
	#login_container p .submit{width:100%;line-height:50px;height:50px;border:0;border-radius:3px;background:#ecc200;font-size:14px;letter-spacing:-1px;font-weight:700;margin-top:10px; cursor:pointer; color:#fff;-webkit-border-radius:3px;  -webkit-appearance:none}

	#login_container .login_cate{margin:0 auto;width:100%}
	#login_container .login_cate p.stitle{text-align:left;font-size:15px;letter-spacing:-1px;line-height:25px;padding-bottom:5px;background:url('/pages/basic/img/sub/bg_point_1.png') 0 6px no-repeat;padding-left:18px}
	#login_container .login_cate .login_cate_box{height:50px;display:block}
	#login_container .rdo_l input[type="radio"]{position:absolute;left:-5000px}
	#login_container .rdo_l label{display:block;float:left;width:32.99%;height:30px;padding:8px 0 0 0;border-top:1px solid #d4d8d9;border-right:1px solid #d4d8d9;border-bottom:1px solid #d4d8d9;font-size:14px;color:#333;letter-spacing:-1px;text-align:center;cursor:pointer;position:relative;margin-left:-1px;line-height: 20px}
	#login_container .rdo_l label{border-right:0;border-right:1px solid #d4d8d9;border-left:1px solid #d4d8d9}
	#login_container .rdo_l.on label, .rdo_l._radio_focus label{border:1px solid #56A2F3;background-color:#5DA8F4;color:#fff}
	#login_container .on.first label, ._radio_focus.first label{border-right:1px solid #02a5af;border-left:1px solid #02a5af}
	#login_container .rdo_l label.list1{border-radius:3px 0 0 3px}
	#login_container .rdo_l label.list2{border-radius:0}
	#login_container .rdo_l label.list3{border-radius:0 3px 3px 0}
	
	.banner_wrap {width:100%; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#fff; display:block; float:left; box-sizing:border-box}
	/**.banner_wrap ul li {float:left;  font-size:18px; font-family:"Nanum Myeongjo"; }
	.banner_wrap ul li a {padding:26px 87px 26px 40px; display:block;font-weight:800}
	.banner_wrap ul li a.pd {padding:26px 147px 26px 40px;display:block; color:#084d59;font-weight:800}
	.banner_wrap ul li a:hover {text-decoration:none; color:#000; }
	.banner_wrap ul li span {display:block; font-size:14px; margin-top:10px; font-weight:400 }
	.banner_wrap ul li.bbg1 {background:url('/health/assets/pc/images/sub/bannerbg1.png') no-repeat; background-size:100% }
	.banner_wrap ul li.bbg2 {background:url('/health/assets/pc/images/sub/bannerbg2.png') no-repeat; background-size:100% }
	**/
	.banner_wrap ul li {float:left;  width:50%;}
	.banner_wrap ul li a img {width:100%}

	.login_container_area{margin:0 auto;width:100%;border-radius: 0 0 10px 10px;background:#eff0f0 url('/health/assets/pc/images/sub/login_bg.png') no-repeat right bottom;border: 1px solid #ddd;padding:20px 36px;box-sizing:border-box;border-top:0; height:200px; float:left}
	.login_container_area p {line-height:25px; margin-bottom:30px}
	.btn1 {margin: 0 3px; padding: 30px 10px 10px 8px; color: #fff; font-size: 12px; font-weight: 700; border-radius: 3px; line-height: 16px; border: 1px solid #7F8CA2;; display:block; width:250px; margin-top:10px}
	#navigation_mobile_wrap, .header_fullmenu_m, .m_img {
		display: none;
	}



/*자주하는질문*/
	#board_list_faq {font-size:13px;width:100%;height:auto;overflow:hidden}
	#board_list_faq ul{margin:0;padding:0;list-style:none}
	#board_list_faq .faq_top{text-align:right;padding-bottom:10px}
	#board_list_faq .faq_top button{background:#166058;border:1px solid #485158;text-align:center;padding:6px 10px;color:#fff;letter-spacing:-1px;font-size:12px;font-family:'Nanum Gothic';border-radius:4px;cursor:pointer;behavior: url(/pages/headquarter/js/PIE.htc);}
	#board_list_faq .faq_top button:hover{background:#485158}
	#board_list_faq .q{margin:2px 0;border:1px dotted #ccc;background:#fff;display:block;float:left;width:100%;box-sizing:border-box;padding:5px 0;}
	#board_list_faq .q:hover{border:2px dotted #666}
	#board_list_faq .q a.trigger{display:block;padding:10px 23px;background:#fff;font-weight:bold;color:#555;text-align:left;text-decoration:none !important;font-size:13px;letter-spacing:-1px}
	#board_list_faq .hide .q a.trigger{font-weight:normal;background:none}
	#board_list_faq .q a.trigger:hover,
	#board_list_faq .q a.trigger:active,
	#board_list_faq .q a.trigger:focus{background:#fff;color:#000;font-weight:700}
	#board_list_faq .a{margin:0;padding:10px 25px;line-height:1.5;letter-spacing:-1px;color:#777;background:#fafbf9;float:left;box-sizing:border-box;width:100%;border:1px solid #ddd;margin-bottom:25px}
	#board_list_faq  .title_q{font-weight:800;padding-right:5px;font-size:15px;color:#82dc0d}
	#board_list_faq  .title_a{font-weight:800;padding-right:5px;font-size:15px;color:#ffae00}
	#board_list_faq .a .btn_area{padding:10px 0;width:100%;display:block;text-align:right}
	#board_list_faq .q input{margin-right:5px}

/* 푸터 */
#footer{width:100%;position:relative;  clear:both; }	
.footer_box {clear: both;margin: 0 auto;padding-top: 0px;position: relative;width: 1200px;border-top:1px solid #ddd;padding-bottom:60px}
.footer_box .flogo {left:10px; position: absolute; top: 30px;}
.footer_box p.text01 { font-size: 13px;  line-height: 20px; padding: 25px 0 0 280px}
.footer_box p.text02 { font-size: 13px; padding: 10px 0 20px 280px}