@charset "utf-8";

		#wrap {
			width:100%;
			margin:0 auto;
		}

		/*모바일 서브 메뉴*/
		.m_comp_div_2 a {
			color:#ffffff;
		}

		/* 스마트폰 기본 css */
			/** header **/
			header {
				width:100%;
				height:50px;
				margin:0 auto;
			}
			#menu_fixed
			{
				width:100%;
				height:50px;
				margin:0 auto;
				position:fixed;
				z-index:999;
				background:#ffffff;
				border-bottom:1px solid black;
			}
			#menu_fixed_nav
			{
				width:80%;
				height:50px;
				margin:0 auto;
			}


			/* nav */
			#topnav {
				display:none;
			}
			#m_menu_icon {
				float:left;
				width:33%;
				padding-top:15px;
				text-align:left;
			}
			#m_menu_icon img {
				width:20%;
			}

			#m_logo {
				float:left;
				width:33%;
				color:#635a56;
				font-size:1em;
				padding-top:15px;
				text-align:center;
			}

			#m_login_icon {
				float:right;
				width:33%;
				padding-top:15px;
				text-align:right;
			}
			#m_login_icon img {
				width:20%;
			}



			/* toggle */
			#m_menu_icon {
				cursor:pointer;
			}
			#nav_toggle {
				width:80%;
				margin-top:50px;
				margin-left:-10%;
				position:absolute;
				display:none;
				font-size:0.8em;
				border:2px solid #cccccc;
			}
			#nav_toggle ul li {
				display:block;
				background:#ffffff;
				font-weight:bold;
				padding-left:10%;
				line-height:4em;
				border-bottom:1px solid #dedede;
			}
			#nav_toggle ul li:nth-child(8) {
				background:#bfa885;
			}
			#nav_toggle ul li:nth-child(8):hover div {
				background:#bfa885;
			}
			#nav_toggle a {
				color:#4c4c4c;
			}
			.nav_tog_ban {
				height:150px;
				margin:0 auto;
				margin-left:-10%;
				padding-top:13%;
			}
			.nav_tog_ban p {
				color:#ffffff;
			}
			.nav_tg_div1 {
				float:left;
				width:33%;
				margin:0 auto;
				text-align:center;
			}
			.nav_tg_div1 img {
				width:30%;
			}
			.nav_tg_div2 {
				float:left;
				width:33%;
				margin:0 auto;
				text-align:center;
			}
			.nav_tg_div2 img {
				width:30%;
			}
			.nav_tg_div3 {
				float:left;
				width:33%;
				margin:0 auto;
				text-align:center;
			}
			.nav_tg_div3 img {
				width:30%;
			}
			.cafe_icon_img img {
				width:15%;
			}



			/****드롭다운 메뉴 ******/
			.nav_toggle_ul_div {
				width:100%;
				margin:0;
				padding:0;
				margin-left:-11%;
				padding-left:11%;
				display:none; /* 투명하게 표시 - 평소엔 안보임*/ 
			}
			.nav_toggle_ul li:hover  div { /* 메인 메뉴 위로 마우스 오버했을 때 서브 메뉴 스타일 */
				display:block; /* 서브 메뉴 불투명해짐 -> 화면에 보임 */
				background:#e8e5e0;
			}
			.nav_toggle_ul_div p {
				font-size:0.9em;
				font-weight:bold;
				color:#818181;
				margin-left:-11%;
				padding-left:11%;
				border-bottom:1px solid #ffffff;
			}
			.nav_toggle_ul_div p:hover {
				font-size:0.9em;
				font-weight:bold;
				color:#cc6600;
				text-decoration:underline;
			}
			/****드롭다운 메뉴 ******/




			/* section */
			section {
				width:100%;
				margin:0 auto;
			}		


			/* footer */
			footer {
				clear:both;
				background:#433d3d;
				width:100%;
				height:100%;
			}
			/* height 적용되도록 */
			footer:after {
				content: "";
				display: block;
				clear: both;
				padding-bottom:2%;
			}
			#f_info {
				display:none;
			}
			#m_f_info {
				width:100%;
				margin:0 auto;
				float:left;
			}
			#m_f_info_1 {
				margin-top:20px;
				text-align:center;
				font-size:0.7em;
				color:#ffffff;
				word-spacing:5px;
			}
			#m_f_info_1 a {
				color:#ffffff;
			}
			#m_f_info_2 {
				float:left;
				width:70%;
				margin-top:30px;
				margin-left:3%;
				color:#878787;
				line-height:15px;
			}

			#m_f_info_2 li {
				display:block;
				text-align:left;
			}	
			#m_f_info_3 {
				float:left;
				width:10%;
				margin-top:30px;
				margin-left:2%;
				padding:20px;
				border:1px solid #878787;
			}


		/*	.paging {
				width:100%;
				font-size:0.8em;
				text-align:center;
				word-spacing:2em;
				padding-top:1%;
			}*/
			.paging a {
				color:#767676;
			}
			.paging_sub a {
				color:#767676;
			}
			.paging_sel {
				color:#000000;
				font-weight:bold;
			}
			.paging img {
				width:25px;
			}
			.paging_sub img {
				width:25px;
			}
			.priv_agree {
				display:block;
				width:100%;
				margin:0 auto;
				padding-top:2%;
				padding-bottom:2%;
				text-align:center;
				word-spacing:1em;
			}
			textarea {
				display:block;
				margin:0 auto;
				border:none;
				background:#d1d1d1;
				width:98%;
				padding:3px 10px;
			}

			/** 촬영권예약,행사신청,1대1상담,광고문의,체인문의 **/
			.input_type_text1 {
				width:80%;
				ime-mode:active;
			}
			.input_type_tel {
				width:22%;
				ime-mode:active;
			}
			.input_type_select {
				font-size:1em;
			}
			/** 촬영권예약,행사신청,1대1상담,광고문의,체인문의 **/


			/** 행사신청,1대1상담,광고문의,체인문의 **/
			.input_type_text2 {
				width:35%;
				ime-mode:active;
			}
			.input_type_mon {
				width:10%;
				ime-mode:active;				
			}

			.input_type_email_id {
				width:25%;
				ime-mode:disabled;
			}
			.input_type_email_add {
				width:38%;
				ime-mode:disabled;
			}
			.input_type_cafe_id {
				width:30%;
				ime-mode:disabled;
			}
			/** 행사신청,1대1상담,광고문의,체인문의 **/

			.div_textarea {
				border:1px solid black;
			}








		/* 테블릿 css */
		/*@media all and (min-width:768px) and (max-width:1024px) {*/
		@media all and (min-width:768px) and (max-width:1439px) {

			/** header **/
			header {
				width:100%;
				height:100px;
				margin:0 auto;
			}
			#menu_fixed
			{
				width:100%;
				height:100px;
				margin:0 auto;
				position:fixed;
				z-index:999;
				background:#e6e680;
				border-bottom:0;
			}
			#menu_fixed_nav
			{
				width:80%;
				height:80px;
				margin:0 auto;
			}

			/* nav */
			#m_topnav {
				display:none;
			}
			#topnav {
				display:block;
			}
			#logo {
				width:130px;
				float:left;
				margin-top:10px;
			}
			#logo img {
				width:100%;
			}
			#nav_1 {
				width:50%;			/*50로 변경*/
				margin-top:20px;	/*20로 변경*/
				float:right;
				text-align:right;
				font-family:"돋움";
				font-size:0.7em;
			}
			#nav_1 img {
				width:150px;	/*아이원맘카페배너*/
			/*	width:250px;	/*아이원맘카페이벤트배너*/
			}
			#nav_2 {
				clear:both;
				width:100%;
				font-size:0.9em;
				padding-top:15px;	
				padding-bottom:15px;
				text-align:left;
			}
			#nav_2 ul li {
				margin-right:3%;
			}
			


			/* section */
			section {
				width:80%;
				margin:0 auto;
				background:#ffffff;
			}		
			/* height 적용되도록 */
			section:after {
				content: "";
				display: block;
				clear: both;
				/*padding-bottom:4%;*/
			}



			/* footer */
			footer {
				clear:both;
				background:#333333;
				width:100%;
				/*height:100%;*/
			}
			/* height 적용되도록 */
			footer:after {
				content: "";
				display: block;
				clear: both;
				/*padding-bottom:6%;*/
			}
			#m_f_info {
				display:none;
			}
			#f_info {
				display:block;
			}
			#f_info {
				width:80%;
				margin:0 auto;
			}
			#f_info div {
				float:left;
			}
			#f_info_1 {
				display:block;
			}
			#f_info_1 {
				width:15%;
				margin-top:5%;
			}
			#f_info_1 img {
				width:100%;
			}

			#f_info_2 {
				width:65%;
				padding-left:3%;
			}
			#f_info_ul_1 {
				float:left;
				margin-top:20px;
				font-size:0.8em;
				font-family:"굴림";
				color:#5c5c5c;
				word-spacing:8px;
			}
			#f_info_ul_1 a {
				color:#5c5c5c;
			}
			#f_info_ul_2 {
				float:left;
				margin-top:30px;
				font-size:0.7em;
				font-family:"굴림";
				color:#5c5c5c;
				line-height:15px;
			}
			#f_info_ul_2 li {
				display:block;
			}
			#f_info_4 {
				float:right;
				width:15%;
				margin-top:5%;
				font-size:0.9em;
				padding:0;
				font-family:"굴림";
				text-align:right;
				border:0px;
			}
			#f_info_4 a {
				color:#5c5c5c;
			}
		/*	.paging {
				width:100%;
				font-size:0.8em;
				text-align:center;
				word-spacing:1em;
				padding-top:1%;
			}*/
			.paging a {
				color:#767676;
			}
			.paging_sub a {
				color:#767676;
			}
			.paging_sel {
				color:#000000;
				font-weight:bold;
			}
			.paging img {
				width:25px;
			}
			.paging_sub img {
				width:25px;
			}


			/** 행사신청,1대1상담,광고문의,체인문의 **/
			.input_type_email_id {
				width:25%;
				ime-mode:disabled;
			}
			.input_type_email_add {
				width:38%;
				ime-mode:disabled;
			}
			.input_type_cafe_id {
				width:40%;
				ime-mode:disabled;
			}
			/** 행사신청,1대1상담,광고문의,체인문의 **/

		}



		/* pc css */
		/*@media all and (min-width:1025px) {*/
		@media all and (min-width:1440px) {

			/** header **/
			header {
				width:100%;
				height:100px;	/**100으로 수정**/
				margin:0 auto;
			}
			#menu_fixed
			{
				width:100%;
				height:100px;	/**100으로 수정**/
				margin:0 auto;
				position:fixed;
				z-index:999;
				background:#e6e680;
				border-bottom:0;
			}
			#menu_fixed_nav
			{
				/*width:80%;*/
				width:1240px;
				height:100px;	/**100으로 수정**/
				margin:0 auto;
			}

			/* nav */
			#m_topnav {
				display:none;
			}
			#topnav {
				display:block;
			}
			#logo {
				width:20%;
				float:left;
				margin-top:20px;
			}
			#logo img {
				width:188px;
			}
			#nav_1 {
				width:75%;
				margin-top:10px;
				float:right;
				font-family:"돋움";
				font-size:0.8em;
			}
			#nav_1 ul {
				float:right;
			}		
			#nav_1 img {
				width:192px;	/*아이원맘카페배너*/
			/*	width:330px;	/*아이원맘카페이벤트배너*/
			}
			#nav_2 {
				width:80%;
				float:right;
				font-size:1em;
				margin-top:20px;	/*20으로 변경*/
				text-align:right;
				word-spacing:5em;

			}


			/* section */
			section {
				/*width:80%;*/
				width:1240px;
				margin:0 auto;
				background:#ffffff;
			}	
			/* height 적용되도록 */
			section:after {
				content: "";
				display: block;
				clear: both;
			/*	padding-bottom:4%;*/
			}




			/* footer */
			footer {
				clear:both;
				background:#333333;
				width:100%;
				height:100%;
			}
			/* height 적용되도록 */
			footer:after {
				content: "";
				display: block;
				clear: both;
			}
			#m_f_info {
				display:none;
			}
			#f_info {
				display:block;
			}
			#f_info {
				width:1240px;
				margin:0 auto;
			}
			#f_info div {
				float:left;
			}
			#f_info_1 {
				display:block;
			}
			#f_info_1 {
				width:15%;
				margin-top:5%;
			}
			#f_info_1 img {
				width:100%;
			}
			#f_info_2 {
				width:55%;
				padding-left:10%;
			}
			#f_info_ul_1 {
				float:left;
				margin-top:20px;
				font-size:0.9em;
				font-family:"굴림";
				color:#5c5c5c;
				word-spacing:8px;
			}
			}
			#f_info_ul_1 a {
				color:#5c5c5c;
			}
			#f_info_ul_2 {
				float:left;
				margin-top:30px;
				font-size:0.8em;
				font-family:"굴림";
				color:#5c5c5c;
				line-height:15px;
				letter-spacing:2px;
			}
			#f_info_ul_2 li {
				display:block;
			}
			#f_info_4 {
				float:right;
				width:10%;
				margin-top:3%;
				padding-left:5%;
				font-size:0.9em;
				text-align:right;
				font-family:"굴림";
				color:#5c5c5c;
				text-align:right;
				border:0px;
			}
			#f_info_4 a {
				color:#5c5c5c;
			}
		/*	.paging {
				width:100%;
				font-size:1em;
				text-align:center;
				word-spacing:3em;
				padding-top:1%;
			}*/
			.paging a {
				color:#767676;
			}
			.paging_sub a {
				color:#767676;
			}
			.paging_sel {
				color:#000000;
				font-weight:bold;
			}
			.paging img {
				width:30px;
			}
			.paging_sub img {
				width:30px;
			}

			/** 행사신청,1대1상담,광고문의,체인문의 **/
			.input_type_email_id {
				width:30%;
				ime-mode:disabled;
			}
			.input_type_email_add {
				width:42%;
				ime-mode:disabled;
			}
			.input_type_cafe_id {
				width:46%;
				ime-mode:disabled;
			}
			/** 행사신청,1대1상담,광고문의,체인문의 **/


		}