@charset "utf-8";
.notpc {display: none;}
.notmo {}
#popupBg {
	display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width:1024px){

	/* ·¹À̾î Æ˾÷ */
	.xe_popup_border {left:5% !important; width: 90% !important;height:auto !important;}
	.xe_popup_border .popupbody {padding: 5% !important;height:auto !important;}

	.wrap .header ul.gnb, .wrap .header ul.sns {right:-320px;}
	br.pc_mode,
	span.pc_mode{display: none;}
	.notpc {display: block;}
	.wrap {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.wrap .header {
		width: 100%;
		min-width: 100%;
	}
	.wrap .header h1 {
		left:4%;
	}
	.wrap .header button.open_menu {
		width: 30px;
		height: 30px;
		text-indent: -1000px;
		overflow: hidden;
		border: none;
		right: 4%;
		position: absolute;
		top: 55px;
		margin-top: -15px;
		z-index:1000;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADZJREFUeNpi/Fo96T/DAAAmhgECjP//D4iHB87HoxYPf4tZvtVMHs3Ho4lr1OLRfDy0fAwQYAASfA8p1EIQ7AAAAABJRU5ErkJggg==') no-repeat center center;
	}
	.open_menu {
	}
	.wrap .header button.close_menu {
		width: 30px;
		height: 30px;
		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXlJREFUeNqslE0rRFEYx++cLyCRwkIKC0K+w73ZWtkpC6sxCKORl5BmahJiYVIslJWdjdJdzsoK0zQJeVkp2fgE1+/oMV3XzHXnMPWb/z3neZ5/5zzn3BuzbTtvWda167oJy/DnOE4fklf8DcMYE9uGRh16MbCsWNELD60wQiBdo1EPUoRxfHZjnud9BRolcEwgGcGoG7mCCfL39VzZTBLqkDfYIiEVYtSGPMEMeeX2KH8SgXfZcoKC1ZAe3ULSb/TDTAxfkS6IU7hWwegS5sjbDNZ+22agUPdQH06WwiXG7Tw/wDzjbKWaqmZi2IJcQA4G4RyjTLX8UDMx7EUKcIrRUFiu+sVIr+wMFqGe8YKRmfTsGY5ka6OQZj5VkxkF+nqUIKObL6f8iHSCPozJSGYkNsk92sNgJXBt7pEB2CBvNvQA/voG/Ou7qSTQgNzAYRQj2XJJtrxDffxzZXwcm1Hd3BwJ04bfszuY0is7gQMTI9+h9MP6hwADAOAOsnOODnAfAAAAAElFTkSuQmCC') no-repeat center center;
		text-indent: -1000px;
		overflow: hidden;
		border: none;
		right: 10%;
		top: 55px;
		margin-top: -15px;
		position:absolute;
	}
	.wrap .header ul.sns {
		background-color: #fff;
		position: fixed;
		width: 320px;
		/* right: 0; */
		height: 110px;	
		z-index: 1000;
		top: 0;
		background-color: #fffbee;
	}
	.wrap .header ul.gnb {
		background-color: #fff;
		position: fixed;
		width: 320px;
		/* right: 0; */
		height: 100%;	
		z-index: 1000;
		top: 110px;
	}
	.wrap .header ul.gnb>li {
		float: unset;
		width: 100%;
		z-index: 1000;
		margin: 0;
		text-align: left;	

		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN5JREFUeNpiNDY2vs7AwPADiF3OnDnzloEAMDExEQZSe4CYgwmq0QCItwIluAhoBMlvhar/AdLsA8T3gdgciNcDFbDh0AgSXw9VB1Lvw/j//3+QhAqQcxSIxYB4FRBHAb3wF0kjM5BaBsRhQPwKiK2B8ndANjOAGEDKHYg/QRVMQrN4ElQcJO8OVc/ABJMFClwAUr5A/B2Is4C2NUFtBdFZUHFfqDowADsbzW8gAzZADd4MNfAfEAcANW5GVouhGWpAPJBagCSUANS4EEMhSDM2DIz/PCD+BaJxqQEIMADd9HEfJc58cAAAAABJRU5ErkJggg==') no-repeat 95% 30px;
		/* background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANJJREFUeNpi+P//PwM2bGxsnAfEv0A0LjWMIAIdmJiYxAOpBUhCCWfOnFmIro4Ji0ZfIDUPyt0MpedBxXFrBiqwA1IroeLNQNv8QDSUvxIqDwdwZwMlDIDUQSDmA+JpQI3ZSIZOBVJZQPwJiO2BchfgNgMlVYDUTqjGVUCch+bCPKg4SH4nVD0DIzA0pYH0YSBWBOJdQOwLNPkXlrBgg4aBGxDfB2JbkM1boBpPAnEgNo0gABUPhKoDqd8C0swBxCA/eAMVfGPAA6Dy3lD1HAABBgDGhmmOt5T2EAAAAABJRU5ErkJggg==') no-repeat 95% center; */
		border-bottom: 1px solid #e5e5e5;
		line-height: 65px;
		padding-bottom: 0px;
		text-indent: 7%;
	}
/* 	#popupBg {
		display: block;
	}
	 */
	.wrap .header .gnb .sub_gnb {
		position: relative;	
	}
	.wrap .header .gnb .sub_gnb {
		border-top: 0;
		width: 100%;
		text-indent: 7%;
		top:0;
		margin: 0 0 10px 0;
		transition: 1s;
		background: none;	
		margin-top: -10px !important;
	}
	.wrap .header .gnb .sub_gnb li {
		padding: 0;
		line-height: 30px;
	}
	.wrap .header .gnb .sub_gnb li.active a {
		border: none;
		/* border-bottom: 3px solid #fbcdd9; */
		box-shadow: inset 0 -11px 0 #fbcdd9;
		display: inline-block;
		line-height: 100%;
		text-indent: 0;
	}
	.wrap .header .gnb .sub_gnb li a {
		border: none;
		display: inline-block;
		line-height: 100%;
		text-indent: 0;
	}
	.wrap .header ul.gnb li.dominate>a {
		background: none;	
		line-height: 65px;
		color: #2c8ee4;
		height: 100%;
	}
	.wrap .header ul.gnb li.dominate {
	}
	.wrap .header .gnb .sub_gnb.wide, .wrap .header .gnb .sub_gnb.superwide {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.wrap .header ul.sns li.safe_zone {
		margin-left: 60px;
	}

	.wrap .footer {width: 100%;}
	.wrap .footer .footer_con {text-align: center;padding:50px 10px 50px 10px;}
	.wrap .footer .footer_con ul {
		position: absolute;
		left: 50%;
		top: 0;
		width: 200px;
		margin-left: -100px;
		height:100%;
	}
	.wrap .footer .footer_con ul li:first-child {
		position:absolute;
		bottom:0;
		margin-left:50px;
	}
	.wrap .footer .footer_con ul li {margin-left:0px;}

	.wrap .section {width: auto;padding:0 20px;}
	.wrap .header ul.sns li.safe_zone .bubble {left:6px;bottom:-45px;}

	/* ¸ÞÀÎ À̹ÌÁö */
	.wrap .banner .rolling {overflow: hidden;height: 350px;}
	.wrap .banner .rolling li {position: initial;}
	.wrap .banner .rolling li img {

		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		width: auto;
	}

	/* °øÁö */
	.wrap .section .board_list>li {
		float: initial;
		margin: 0 0 10px 0px !important;
		width: 100%;
	}
	.wrap .section .board_list>li ul li .img_area {
		width: 240px;
	}
	.wrap .section .board_list>li ul li .text_area {
		float:initial;
		width: 95%;	
	}

	/* Áß°£ ¹è³Ê */
	.wrap .section .icon_list {
		margin: 0 0 35px 0 !important;
		display: table;
		width: 100%;
	}
	.wrap .section .icon_list li {
		/* float:initial; */
		display: table-cell;
		width: 33%;
		height: 270px;
	}
	.wrap .section .icon_list li:first-child span {
		background:none;
		/* height: 60px; */
		background-color:#ff91a6;
		border-radius: 15px;
		margin:15px 10px 0 10px;
	}
	.wrap .section .icon_list li span {
		height: initial;
	}
	.wrap .section .icon_list li.sec span {
	}
	.wrap .section .icon_list li.last span:first-child {
		padding: 123px 0 10px 0;
	}
	.wrap .section .icon_list li:last-child span {
		/* margin-top: 55px; */
	}
	/*¼Ò½ÄÁö ¹× ÀçÁ¤ÇöȲ */
	.wrap .section .white_list>li {
		float: initial;
		margin: 0 0 10px 0 !important;
		width: auto;
	}
	/*ÆäÀ̽ººÏ */
	.wrap .facebook_box {
		margin: 0 0 30px 0 !important;
	}

}

@media (max-width:767px){
	.notmo {display: none !important;}
	.onlymo {display: block !important;}
	.wrap .header h1 a {background-size:80%;}
	/*¼Ò½ÄÁö */
	.wrap .section .white_list li ul li a {
		width: 57%;
	}
	.wrap .section .white_list li ul li span.day {
		width: 90px;
		float: right;	
	}
	.wrap .section .icon_list {border-left: none;border-top: 2px solid #f3ead1;}
	.wrap .section .icon_list li {display: block;width: 100%;border-bottom: 2px solid #f3ead1;border-right: none;border-left: none;padding-bottom: 20px;}
}

@media (max-width:414px){

	.wrap .banner .rolling {height: 350px;}

	.wrap .section .board_list>li {height: 650px;}
	.wrap .section .board_list>li ul.list_con li {left:0;padding:0 30px;}
	.wrap .section .board_list>li ul.list_con li .img_area {float:initial;text-align: center;width: initial;}
	.wrap .section .board_list>li ul.list_con li a {width:auto !important;display: inline-block !important;margin-bottom: 20px;}

	.wrap .section .icon_list {border-left: none;border-top: 2px solid #f3ead1;}
	.wrap .section .icon_list li {display: block;width: 100%;border-bottom: 2px solid #f3ead1;border-right: none;border-left: none;padding-bottom: 20px;}

	.wrap .facebook_box ul li {float:initial;width: 100%;padding:10px 0;}
	.wrap .facebook_box ul li:first-child {border-bottom: 2px solid #ede5d1; border-right:none;padding:10px 0;}
	.wrap .facebook_box ul li span.time {padding: 0;}
}