@charset "utf-8";

@import "reset.css";
@import "main.css";
@import "content.css";
@import "board.css";
@import url('/Main/design/gb/ko/css/board.css');
@import url('/Main/design/gb/ko/css/skin_pg.css');

/* Skip Navigation */
#accessibility-contents {position:absolute;width:100%;height:0;}
#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:bold;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}
#wrapper {width:100%;min-width:320px;}
#container {position:relative;}

/* header */
#header > .inner {position:relative;margin:0 auto;width:1200px;height:115px;}
#header > .inner:after {content:"";display:block;clear:both;}
#header .logo {float:left;margin-right:10px;padding-top:41px;}
#header .logo a {display:inline-block;font-size:24px;}
#header .logo a .ico {display:inline-block;margin-right:15px;vertical-align:middle;}

/* 보조GNB */
#header .top_area {position:absolute;top:0;left:0;width:100%; height:35px;}
#header .top_area p {position:relative; float:left; padding:0 25px; line-height:35px; text-align:center; font-size:13px;}
#header .top_area p a:before {content:''; display:inline-block; position:absolute; left:0; top:11px; width:1px; height:13px; background:#ddd;}
#header .top_area .council {padding:0 15px 0 30px; background:url('/Main/Images/ko/common/icon_council.png') no-repeat 10px center;}
#header .top_area .taegugki {padding:0 15px 0 50px; background:url('/Main/Images/ko/common/icon_taegugki.gif') no-repeat 10px center;}
#header .top_area .cyberdokdo {padding:0 15px 0 75px; background:url('/Main/Images/ko/common/icon_dokdo.gif') no-repeat 10px center;}
#header .top_area .ontong a:before {background:none;}
#header .top_area p:first-child a:before {display:none;}
#header .util_area {float:right;}
#header .util_area ul {display:block; float:left;}
#header .util_area li {float:left; padding:0 15px; line-height:35px; text-align:center; font-size:13px;}

/* 분야별 리스트 */
#header .field_site_wrap {float:left;padding-top:57px;}
#header .field_site_wrap .field_btn {width:26px;height:26px;background:url('/Main/Images/section/gbai/common/hd_field_ico.gif') no-repeat 0 0;text-indent:-9999px;}
#header .field_site_wrap .field_btn.active:after {content:"";display:block;position:absolute;top:103px;margin-left:5px;width:15px;height:13px;background:url('/Main/Images/section/gbai/common/hd_field_wrap_on_ico.png') no-repeat 0 0;z-index:10;}
#header .field_site_list_wrap {display:none; position:absolute; top:115px; left:0; right:0; padding:10px 25px; box-sizing:border-box; border:1px solid #374b92; background:#fff; z-index:7;}
#header .field_site_list_wrap ul {overflow:hidden;}
#header .field_site_list_wrap ul li {float:left; margin:15px 0; width:14.2857%;}
#header .field_site_list_wrap ul li a {display:block;}
#header .field_site_list_wrap ul li a span {display:block; text-align:center; font-size:13px;}
#header .field_site_wrap .field_close_btn {position:absolute; top:0; right:0; width:35px; height:35px; background:#222 url('/Main/Images/section/gbai/common/field_close_btn.png') no-repeat center center; text-indent:-9999px;}


/* 검색 */
#header .search_wrap {position:absolute;top:47px;left:50%;margin-left:-150px;width:350px;}
#header .search_wrap .sch_inp_box {position:relative;padding:0 50px 0 20px;border:solid #d5d5d5;border-width:2px 0 0 1px;border-radius:3px;background:#ededed;}
#header .search_wrap .searchWord {padding:5px;width:100%;height:38px;border:0;box-sizing:border-box;background:transparent;}
#header .search_wrap .sch_btn {position:absolute;top:0;right:10px;width:38px;height:38px;background:url('/Main/Images/section/gbai/common/hd_sch_ico.png') no-repeat center center; text-indent:-9999px;}

/* header SNS */
#header .hd_right {float:right;padding-top:50px;}
#header .hd_right ul:after {content:"";display:block;width:0;clear:both;}
#header .hd_right ul li {float:left;}
#header .hd_right ul li.login {padding-right:15px;}
#header .hd_right ul li a {display:inline-block;padding:0 3px;height:32px;line-height:32px;font-size: 15px;}
#header .hd_right ul li a img {vertical-align:top;}

/* gnb */
#gnb {background:url('/Main/Images/section/gbai/common/gnb_bg.jpg') repeat-x 0 0;}
#gnb > .inner {position:relative; margin:0 auto; width:1200px;} 
#gnb .gnb_list:after {content:""; display:block; clear:both;}
#gnb .gnb_list .dep1 {float:left;}
#gnb .gnb_list .dep1 > a {position:relative; display:block; padding:0 20px;height:55px;line-height:55px;color:#fff;font-size:17px;font-weight:bold;text-align:center;}
#gnb .gnb_list .dep1:hover .dep1_tit {color:#ffea00;}
#gnb .gnb_list .dep1:hover .dep1_tit:after {content:"";display:block;position:absolute;top:51px;left:50%;margin-left:-30%;width:60%;height:4px;background-color:#fff;z-index:5;}
#gnb .gnb_list .dep1:hover .dep1_sub_menu {display:block;}
#gnb .gnb_list .dep1 .dep1_sub_menu {display:none;position:absolute;top:55px;left:0px;right:0;padding:20px 0 0;border-bottom:1px solid #e8e8e8;-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2);background:#fff;box-sizing:border-box;z-index:100;}
#gnb .gnb_list .dep2 {overflow:hidden;}
#gnb .gnb_list .dep2 > li {float:left;margin-bottom:25px;padding:10px 20px;width:16.66%;border-right:1px solid #e9e9e9;box-sizing:border-box;}
#gnb .gnb_list .dep2 > li:last-child {border-right:0;}
#gnb .gnb_list .dep2 > li:nth-child(6n) {border-right:0;}
#gnb .gnb_list .dep2 > li:nth-child(6n+1) {clear:left;}
#gnb .gnb_list .dep2 > li > a {display:block;color:#666;font-size:14px;font-weight:bold;}
#gnb .gnb_list .dep2 li a:hover {text-decoration:underline;}
#gnb .gnb_list .dep2 li.stxt {padding:10px 15px;}
#gnb .gnb_list .dep2 .stxt .dep2_txt {font-size:13px;}
#gnb .gnb_list .dep3 {margin-top:10px;}
#gnb .gnb_list .dep3 > li {margin-bottom:5px;padding-left:10px;word-break:keep-all;}
#gnb .gnb_list .dep3 > li > a {display:block; color:#666; font-size:14px;}
#gnb .m_gnb_list {display:none;}
#gnb .new_win:after {content:""; display:inline-block; width:10px; height:10px; margin-left:5px; background:url('/Main/Images/section/gbai/common/sprh_com.png') no-repeat 0 -247px; vertical-align:middle;}

#header .mobile_other_btn {display:none;}
#mobileMenu {display:none;}
.mobile_menu_bg {display:none;}

/* 전체메뉴 */
#gnb .all_menu_btn {position:absolute; top:0; right:0; width:55px; height:55px; background:url('/Main/Images/section/gbai/common/all_menu_btn_ico.png') no-repeat center; text-indent:-9999px;}
#gnb .all_menu_wrap {display:none; position:absolute; top:0; left:50%; margin-left:-600px; width:1200px; background:#fff url('/Main/Images/section/gbai/common/bg_gnb_wv.png') repeat-y 0 0; z-index:15;}
#gnb .all_menu_wrap > .inner {padding:30px 0;}
#gnb .all_menu_wrap .all_menu_dep1:after {content:""; display:block; clear:both;}
#gnb .all_menu_wrap .all_menu_dep1 > li {float:left; padding:0 30px; width:20%; box-sizing:border-box;}
#gnb .all_menu_wrap .all_menu_dep1 > li:first-child + li + li + li + li + li{clear:left;}
#gnb .all_menu_wrap .all_menu_dep1 > li > a {display:block; height:40px; line-height:40px; font-weight:600; font-size:16px; background:#f0f1f6; text-align:center;}
#gnb .all_menu_wrap .all_menu_dep2 {padding:15px 0;}
#gnb .all_menu_wrap .all_menu_dep2 ul li {padding-left:10px;background:#fff url('/Main/Images/section/gbai/common/all_menu_dep2_off.gif') no-repeat 0 13px;}
#gnb .all_menu_wrap .all_menu_dep2 ul li a {display:block;padding:5px 0;font-size:14px;}
#gnb .all_menu_wrap .all_menu_dep2 ul li:hover {background:#fff url('/Main/Images/section/gbai/common/all_menu_dep2_ov.gif') no-repeat 0 13px;}
#gnb .all_menu_wrap .all_menu_dep2 ul li:hover a {color:#4157a0;}
#gnb .all_menu_wrap .all_menu_close_btn {position:absolute; top:0; right:0; width:50px; height:50px; background:#555 url('/Main/Images/section/gbai/common/all_menu_close_ico.png') no-repeat center; text-indent:-9999px; text-align:center;}
#gnb .all_menu_bg {display:none; position:fixed; top:0; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.8); z-index:10;}

/* section_site */
.section_site {padding:0; background:#575757;}
.section_site .inr {position:relative; margin:0 auto; width:1200px; border-right:1px solid #7d7d7d; box-sizing:border-box;}
.section_site .inr:after{content:""; display:block; clear:both;}
.section_site .site_area {position:static; float:left; width:33.3%; background:#575757;}
.section_site .site_area button {padding-left:20px; width:100%; height:40px; line-height:40px; color:#fff; font-size:13px; border-left:1px solid #7d7d7d; background:url('/Main/Images/section/gbai/common/family_site_plus.png') no-repeat 90% center; text-align:left;}

.section_site .site_area .lst {display:none;position:absolute;left:50%;bottom:40px;margin-left:-600px;width:1200px;height:auto;border:1px solid #ccc;background:#fff;box-sizing:border-box;overflow:hidden;z-index:999;}
.section_site .site_area .lst h4 {padding-left:20px;height:44px;line-height:45px;color:#333;font-weight:600;box-sizing:border-box;background:#efefef;text-align:left; margin:0; font-size:15px;}
.section_site .site_area .lst ul {margin:15px;height:auto;box-sizing:border-box;overflow-y:hidden;}
.section_site .site_area .lst li {float:left;margin:5px 0;padding-left:13px;width:20%;background:url('/Main/Images/section/gbai/common/family_site_bul.png') no-repeat left 12px;box-sizing:border-box;}
.section_site .site_area .lst li a {font-size:13px;}
.section_site .site_area .lst li a:hover {color:#3270bd;}
.section_site .site_area .lst li a .blank {display:inline-block; width:12px; height:12px; margin-left:4px; color:transparent !important; white-space:nowrap; text-indent:100%; background:url('/Main/Images/section/gbai/common/family_site_new_win.png') no-repeat 0 3px; overflow:hidden;}
.section_site .site_area .close {position:absolute; top:12px; right:12px;}


.section_ban{border-top:1px solid #dddee2; background:#f1f2f6;}
.section_ban > .inr {position:relative; margin:0 auto; padding-left:80px; width:1200px; height:50px; box-sizing:border-box;}
.section_ban > .inr .bx-wrapper{max-width:1120px !important;}
.section_ban .banzone > div {width:auto !important;}
.section_ban .banzone > div a {display:block; padding:15px 30px; font-size:14px; line-height:20px;}
.section_ban .banzone > div a:before{content:''; display:inline-block; position:absolute; top:20px; left:0; width:1px; height:10px; background:#ddd;}
.section_ban .bx-controls a {position:absolute; top:11px; left:0; width:26px; height:27px; text-indent:-9999px;}
.section_ban .bx-controls .bx-prev {left:0; background:url('/Main/Images/section/gbai/common/site_link_ctrl.jpg') no-repeat 0 0;}
.section_ban .bx-controls .bx-next {left:52px; width:27px; background:url('/Main/Images/section/gbai/common/site_link_ctrl.jpg') no-repeat -78px 0;}
.section_ban .bx-controls .bx-stop {left:26px; background:url('/Main/Images/section/gbai/common/site_link_ctrl.jpg') no-repeat -26px 0;}
.section_ban .bx-controls .bx-start {left:26px; background:url('/Main/Images/section/gbai/common/site_link_ctrl.jpg') no-repeat -52px 0;}

/* banner */
.section_ban_new {background:#f1f2f6; height:60px; line-height:60px;}
.section_ban_new > div.wrap {width:1200px; margin:0 auto; overflow:hidden;}
.section_ban_new .ban_btn_new {overflow:hidden; float:left; margin-top:21px;}
.section_ban_new .ban_btn_new li {float:left;}
.section_ban_new .ban_btn_new li a {display:block; width:17px; height:17px; background:url('/Main/Images/section/common/iconBan.png') no-repeat; text-indent:-9999px;}
.section_ban_new .ban_btn_new li.ban_prev a {background-position:0 0;}
.section_ban_new .ban_btn_new li.ban_stop a {margin:0 20px; background-position:-17px 0;}
.section_ban_new .ban_btn_new li.ban_next a {background-position:-51px 0;}
.section_ban_new .banzone_new {float:right; overflow:hidden; width:90%;}
.section_ban_new .banzone_new div {float:left;}
.section_ban_new .banzone_new div a {position:relative; color:#444; padding:16px 30px;}
@media all and (max-width:1023px) {
    .section_ban_new {height:auto; line-height:inherit;}
    .section_ban_new > div.wrap {max-width:96%;}
	.section_ban_new .ban_btn_new {float:none;}
    .section_ban_new .banzone_new {float:none; width:100%; margin:16px 0 16px -30px;}
}

/* footer */
#footer {background:#fff;}
#footer > .inr {position:relative;margin:0 auto;padding:30px 0 30px 300px;width:900px;color:#666;font-size:13px;line-height:1.6;}
#footer .logo {position:absolute;top:40px; left:0;}
#footer a {color:#666;}
#footer .nav_f {margin-bottom:20px;}
#footer .nav_f:after{content:''; display:block; clear:both;}
#footer .nav_f li {float:left;position:relative;margin-left:-1px;}
#footer .nav_f li:before {content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:11px; margin:-5px 0 0; background:#abacae;}
#footer .nav_f li:first-child a {padding-left:0;}
#footer .nav_f li:first-child:before {display:none;}
#footer .nav_f li a {display:block; padding:0 13px;}
#footer .address * {display:inline-block;}
#footer .address span:first-child {margin-right:10px;}
#footer .address strong {margin:0 10px 0 0;}
#footer .copyright {color:#666;}


#topGo {display:none;position:fixed;bottom:5%;right:5%;z-index:900;}
#topGo a {display:block;width:45px;height:45px;line-height:45px;color:#fff;border-radius:50%;background:rgba(0, 0, 0, 0.7);text-align:center;}

/* 게시판 캡션 */
caption{position:absolute; top:-99999px;}
legend, .hidden{overflow:hidden !important; position:absolute !important; top:0 !important; left:-2000em !important; line-height:0 !important;}

/* 테블릿 */
@media screen and ( max-width:1024px ){
	/* header */
	#header,
	#gnb {min-width:320px;}
	#header > .inner {width:100%;height:55px;}
	#header .logo {padding:0 0 0 15px;height:55px;line-height:55px;}
	#header .logo a {display:inline-block;font-size:18px;vertical-align:top;}
	#header .logo a .ico {display:none;}

	/* 보조GNB */
	#header .top_area {display:none;}

	/* 분야별 리스트 */
	#header .field_site_wrap {padding-top:15px;}
	#header .field_site_wrap .field_btn {width:24px; height:24px; background-size:cover;}
	#header .field_site_wrap .field_btn.active:after {top:43px;}
	#header .field_site_list_wrap {top:55px; padding:2% 0 0;}
	#header .field_site_list_wrap:after {top:-13px; left:193px; margin-left:0;}

	/* 모바일 버튼 */
	#header .mobile_other_btn {display:block; float:right; padding:15px 15px 0 0;}
	#header .mobile_other_btn button {background:transparent;}
	#header .mobile_other_btn button .ico {display:inline-block; width:26px; height:24px; text-indent:-9999px;}
	#header .mobile_other_btn .m_all_sch_btn {margin-right:15px;}
	#header .mobile_other_btn .m_all_sch_btn .open {background:url('/Main/Images/section/gbai/common/m_sch_ico.png') no-repeat center;}
	#header .mobile_other_btn .m_all_sch_btn .close {background:url('/Main/Images/section/gbai/common/hd_sch_colse_ico.png') no-repeat center;}
	#header .mobile_other_btn .m_all_menu_btn .ico {background:url('/Main/Images/section/gbai/common/m_all_menu_btn_ico.png') no-repeat center;}

	/* 검색 */
	#header .search_wrap {display:none; top:55px; left:0; margin-left:0; padding:3%; width:100%; box-sizing:border-box; background:#354b90; z-index:5;}
	#header .search_wrap .sch_inp_box {border:0;}

	/* header SNS */
	#header .hd_right {display:none;}
	#gnb > .inner {width:100%;}
	#gnb .all_menu_btn_wrap {display:none;}
	#gnb .gnb_list {display:none;}
	#gnb .m_gnb_list {position:relative; display:block; padding-right:30px; box-sizing:border-box; overflow:hidden;}
	#gnb .m_gnb_list .swiper-container {width:100%; height:100%;}
	#gnb .m_gnb_list .swiper-slide {
		width:auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	#gnb .m_gnb_list .dep1 > a {position:relative; display:inline-block; padding:0 20px; height:55px; line-height:55px; color:#fff; font-size:14px; font-weight:bold; text-align:center;}
	#gnb .m_gnb_list .swiper-button-next {display:block; position:absolute; top:0; right:0; margin-top:0; width:30px; height:55px; background: url('/Main/Images/section/gbai/common/gnb_bg.jpg') no-repeat 0 center; text-align:center; z-index:4;}
	#gnb .m_gnb_list .swiper-button-next span {display:block;width:30px;height:55px;background: url('/Main/Images/section/gbai/common/m_swipe_btn.png') no-repeat center;text-indent:-9999px;vertical-align:middle;}

	/* 모바일 gnb */
	#mobileMenu {position:fixed; top:0; right:-300px; width:300px; bottom:0; background:#2b343d; z-index:900;}
	#mobileMenu .mobile_menu_top {height:70px; line-height:70px; text-align:center;}
	#mobileMenu .mobile_menu_top .ico {display:inline-block; margin-right:10px; width:30px; height:30px; vertical-align:middle; background:url('/Main/Images/section/gbai/common/sprh_com.png') no-repeat -50px -100px;}
	#mobileMenu .mobile_menu_top a {display:inline-block; color:#fff; font-size:17px;}
	#mobileMenu .mobile_menu_sns {padding:15px 0; background:#f0f1f6;}
	#mobileMenu .mobile_menu_sns p {padding:0 10px 15px 10px; font-weight:bold;}
	#mobileMenu .mobile_menu_sns ul {overflow:hidden;}
	#mobileMenu .mobile_menu_sns ul li {float:left; width:16.6666%;}
	#mobileMenu .mobile_menu_sns ul li a {display:block; text-align:center;}
	#mobileMenu .mobile_menu_sns ul li a span {display:block;}
	#mobileMenu .mobile_menu_sns ul li a .txt {font-size:12px;}
	#mobileMenu .mobile_menu_sns ul li a .ico {margin:0 auto; width:50px; height:50px;}
	#mobileMenu .mobile_menu_sns ul li .facebook {background:url('/Main/Images/section/gbai/common/m_hd_sns_fb_ico.png') no-repeat 0 0;}
	#mobileMenu .mobile_menu_sns ul li .twitter {background:url('/Main/Images/section/gbai/common/m_hd_sns_twt_ico.png') no-repeat 0 0;}
	#mobileMenu .mobile_menu_list_wrap {position:static; top:166px; bottom:0; width:100%; overflow-y: auto;}
	#mobileMenu .mobile_menu_list > li {border-bottom:1px solid #6b7178;}
	#mobileMenu .mobile_menu_list .dep1.active .dep2 {display:block;}
	#mobileMenu .mobile_menu_list .dep1_txt {display:block; padding:0 20px; width:100%; height:50px; line-height:50px; color:#fff; font-size:16px; font-weight:bold; box-sizing:border-box; background:url('/Main/Images/section/gbai/common/mobile_menu_dep1_off.png') no-repeat 93% center; word-break:keep-all; text-align:left;}
	#mobileMenu .mobile_menu_list .dep1.active .dep1_txt {background:#4157a0 url('/Main/Images/section/gbai/common/mobile_menu_dep1_on.png') no-repeat 93% center;}
	#mobileMenu .mobile_menu_list .dep2 {display:none;}
	#mobileMenu .mobile_menu_list .dep2 > li {border-top:1px solid rgba(255,255,255,0.1); background:#627cc7;}
	#mobileMenu .mobile_menu_list .dep2 > li:first-child {border-top:0;}
	#mobileMenu .mobile_menu_list .dep2 > li.active .dep3 {display:block;}
	#mobileMenu .mobile_menu_list .dep2_txt {display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; box-sizing:border-box; text-align:left;}
	#mobileMenu .mobile_menu_list .m_in_dep3 {background:url('/Main/Images/section/gbai/common/mobile_menu_dep2_off.png') no-repeat 93% center;}
	#mobileMenu .mobile_menu_list .dep2 .active .m_in_dep3 {background:url('/Main/Images/section/gbai/common/mobile_menu_dep2_on.png') no-repeat 93% center;}
	#mobileMenu .mobile_menu_list .dep3 {display:none; padding:10px 0; background:#f0f1f6;}
	#mobileMenu .mobile_menu_list .dep3 li {padding:0 20px 0 35px; background:url('/Main/Images/section/gbai/common/all_menu_dep2_ov.gif') no-repeat 25px 13px;}
	#mobileMenu .mobile_menu_list .dep3_txt {display:block; padding:5px 0; color:#808080; font-size:14px;}
	#mobileMenu .mobile_menu_close {position:absolute; top:0; left:-70px; width:70px; height:70px; background:url('/Main/Images/section/gbai/common/all_menu_close_ico.png') no-repeat center; text-indent:-9999px;}
	.mobile_menu_bg  {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.9); z-index:890;}

	/* section_site */
	.section_site .inr {width:100%;}
	.section_site .site_area .lst {margin-left:-50%; width:100%;}

	/* section_ban */
	.section_ban {padding:0 20px;}
	.section_ban > .inr {width:100%; height:50px;}
	.section_ban .banzone > div a {display:block; padding:15px 15px; font-size:13px; line-height:20px;}

	/* footer */
	#footer > .inr {padding:30px 25px; width:100%; box-sizing:border-box;}
	#footer .logo {display:none;}
	#footer .nav_f li:first-child a {padding-left:0;} 
}

/* 모바일 */
@media screen and ( max-width:768px ){
	/* 레이어 팝업 */
	#popup {left:3%;max-width:94%;}

	/* 분야별 리스트 */
	#header .field_site_list_wrap {padding:2%;}
	#header .field_site_list_wrap ul li {margin:10px 0; width:33.33%;}
	#header .field_site_list_wrap ul li a {height:85px;}
	#header .field_site_list_wrap ul li a .txt {font-size:13px; word-break:keep-all;}

	/* section_site */
	.section_site {padding:10px 10px 5px;}
	.section_site .inr {width:100%;}
	.section_site .site_area {float:none; position:relative; margin-bottom:5px; width:100%; background:#fff;}
	.section_site .site_area button {color:#000;}
	.section_site .site_area .lst {margin-left:-50%; width:100%;}
	.section_site .site_area .lst ul {margin:10px; overflow-y:auto; height:300px;}
	.section_site .site_area .lst li {float:none; padding-left:0; width:100%; background:none;}
	.section_ban {padding:0 10px;}
	#footer > .inr {padding:30px 20px;}
	#footer .address span:first-child {display:block;}
}

@media screen and ( max-width:320px ){
	#mobileMenu .mobile_menu_close {left:0;}
}

.wp10 {width:10%;}
.wp15 {width:15%;}