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


* { margin:0; padding:0; border:0; color:#646464; font-size:15px; line-height:130%; font-family: 'Nanum Barun Gothic'; -webkit-text-size-adjust: 100%; }

html{height:100%;}
body{ width:100%; display:block; } 


/* All 모든 디바이스에 공통으로 적용되는 스타일 */
section, menu, article, aside, footer, header, figure, figcation, nav, details, canvas, audio, video, output, hgroup {display:block}
.skip{display:none}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em{margin:0; padding:0}
dl,ul,ol{list-style:none;}
fieldset,img {border:none; margin:0; padding:0;}
input { border:1px solid #d8d7d7; vertical-align:middle; font-size:15px; padding:6px; font-family:"돋움", Arial; }
input.search { border:1px solid #d8d7d7; vertical-align:middle; font-size:15px; padding:9px; font-family:"돋움", Arial; color:#a599b2; }

select { margin:0; padding:0; border:1px solid #abadb3; height:27px; vertical-align:middle; }
div { padding:0; margin:0; }
p { margin:0; padding:0; }
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:visited { text-decoration:none; }
caption { width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1; }
table {border-spacing:0;border-collapse:collapse;empty-cells:show; border:none; margin:0; padding:0; }
table tr td {margin:0; padding:0;}
/* All 모든 디바이스에 공통으로 적용되는 스타일 */



/* 공통 */


	/* 메뉴 */
		.menu_wrapper {  position: absolute ; left:0px; top:110px; width:100%;  z-index:990;   background:url('img/common/submenu_bg.png') repeat; }
		.topmenu_wrapper { position : relative; margin: 0 auto; border: 0px solid #f0f; width:960px; z-index:990; }
		.topmenu	{ position : absolute; right:0px; top:-40px; width:625px; height:40px; border: 0px solid #0f0;}
		.topmenu span { display:inline-block; border:0px solid #e6943d; border-left:none; text-align:left;  }

		.topmenu a:link		{ display:block; width:100%; height:40px; font-size:16px; color:#303030; font-family:'Nanum Barun Gothic'; font-weight:700; line-height:40px; z-index:999; text-decoration:none; }
		.topmenu a:hover	{ display:block; width:100%; height:40px; font-size:16px; color:#888888; font-family:'Nanum Barun Gothic'; font-weight:700; line-height:40px; z-index:999; text-decoration:none; }
		.topmenu a:visited	{ display:block; width:100%; height:40px; font-size:16px; color:#303030; font-family:'Nanum Barun Gothic'; font-weight:700; line-height:40px; z-index:999; text-decoration:none;  }

		.topmenu .tm01 { width:155px;}
		.topmenu .tm02 { width:155px;}
		.topmenu .tm03 { width:95px;}
		.topmenu .tm04 { width:125px; }
		.topmenu .tm05 { width:95px; }

		.top_submenu{ position:relative; margin:0 auto ; width:625px; display:none;  z-index:1000; padding : 10px 0px 10px 335px; }
		.top_submenu .top_submenu_fix{width:625px; padding:0 0 0 0; height:100%;}
		.top_submenu .top_submenu_fix:after{content:" "; display:block; clear:both; }
		.top_submenu .top_submenu_fix .sm_01 {width:155px; margin-left:0px;}
		.top_submenu .top_submenu_fix .sm_02 {width:155px; margin-left:0px;}
		.top_submenu .top_submenu_fix .sm_03 {width:95px; margin-left:0px;}
		.top_submenu .top_submenu_fix .sm_04 {width:125px; margin-left:0px;}
		.top_submenu .top_submenu_fix .sm_05 {width:95px; margin-left:0px;}
		.top_submenu .top_submenu_fix ul{ float:left; }

		.top_submenu .top_submenu_fix ul li{padding:2px 0; margin:0;}
		.top_submenu .top_submenu_fix ul li a:link {color:#fff; font-size:14px; font-family:'Nanum Barun Gothic'; text-decoration:none; }
		.top_submenu .top_submenu_fix ul li a:visited {color:#fff; font-size:14px; font-family:'Nanum Barun Gothic'; text-decoration:none; }
		.top_submenu .top_submenu_fix ul li a:hover {color:#fff; text-decoration:none; }


		.logowrapper { position : relative; margin: 0 auto; border: 0px solid #f00; width:960px;height:110px; }
		.logo		{ position : absolute; left:8px; top:44px; width:265px; height:61px; border:0px solid #f00;}

		.menu_btn , .home_btn { display:none; }

/* 메인 */


	/* 비주얼과 상단메뉴 */
		.mainvisual_wrapper { position: absolute ; left:0px; top:0px; width:100%; height:0px; z-index:990;  }
		.mainvisual { height:640px; width:960px; left:50%; top: 110px;margin-left:-480px; overflow:hidden; z-index:1;position:absolute;  text-align:center }
		.mainvisual ul.main_slide_title { display:block; text-align:center; margin:10px auto 10px; width:380px; cursor:pointer;}
		.mainvisual ul.main_slide_title li { display:inline-block; width:20%; padding-top: 30px; background:url('') center top no-repeat; background-size:30px 23px; cursor:pointer;}

		.mainvisual ul.main_slide_title li.website { background-image:url(img/main/icon_slide_title_website.png); color:#b2d181; }
		.mainvisual ul.main_slide_title li.payment { background-image:url(img/main/icon_slide_title_payment.png); color:#95ccb8;}
		.mainvisual ul.main_slide_title li.pub { background-image:url(img/main/icon_slide_title_pub.png); color:#ff8b94;}
		.mainvisual ul.main_slide_title li.promotion { background-image:url(img/main/icon_slide_title_promotion.png); color:#eba679;}
		.mainvisual ul.main_slide_title li.att { background-image:url(img/main/icon_slide_title_att.png); color:#ffaaa5;}

		.swiper-container-mainvisual { width: 100%; height: 540px; }  
		.swiper-container-mainvisual > .swiper-wrapper > .swiper-slide > img { width:100%; height:100%; }

		.main_content_start { width:960px; margin: 662px auto 0px; border: 1px solid #fff;}

	
	/* 메인에서 방문자에게 하는 말 */
		.main_intro_wrapper { position:relative; width:960px; margin:0 auto;}
		.main_intro { position:absolute; right:-100px; top:-300px; width:350px; height:350px; background:url(img/main/ban_intro_pc.png) center center no-repeat; background-size:contain;  z-index:2000;}


	/* 메인페이지에서 공통으로 쓰이는 제목 */
		.main_title { margin: 0px 0px 10px 0px; color:#000; font-family:'Nanum Barun Gothic';font-size:18px; font-weight:700; line-height:100%;   position:relative;}
		.main_title_morebottommargin { margin: 0px 0px 20px 0px; }


	/* 메인 - 서비스 간략 소개 */
		.main_service { width:960px; margin:0 auto;}
		.main_service  > li { display:inline-block; width:300px; position:relative; margin:0px 0px 30px 30px; padding:145px 10px 10px 10px;  box-sizing:border-box; overflow:hidden; height:270px; border-bottom:1px dashed #ddd; border-radius:6px; border:1px solid #ddd; }
		.main_service  > li.main_service_photo, .main_service li.main_service_payment { margin-left:0px; }

		.main_service  > li .title { font-weight:bold; color:#333; margin-bottom:5px; }
		.main_service > li .title > a.go_link { display:inline-block; margin-left:5px; margin-top:-2px; vertical-align:middle; border-radius:3px; padding: 0px 2px; font-size:11px; background:#ff494e; color:#fff; }
		.main_service  > li .visual { position:absolute; left:0px; top:0px; height:130px; width:298px;  background:url('') center center no-repeat; background-size:cover; }

		.main_service  > li ul.service_feature_list { display:inline; }
		.main_service  > li ul.service_feature_list li { display:inline-block; margin-top:2px; padding:2px; border-radius:3px; background:#bbb; color:#fff; }


	/* 메인 - 스킨 소개 */
		.main_skin_pcwrapper {  background:#f4f4f4; padding-top:1px; }
		.main_skin { margin: 20px auto 0px; border: 0px solid #f00; width:960px;   overflow-x:hidden; position:relative;}


	  .swiper-container-mainskin {
			width:100%; height:350px;
			margin: 20px auto;
		}
		.swiper-container-mainskin > .swiper-wrapper >  .swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #fff;
			height:325px !important;
			max-height:325px;
			width:460px;

			/* Center slide text vertically */
			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; 
		}
		.swiper-container-mainskin > .swiper-slide:nth-child(2n) { width: 40%;  }
		.swiper-container-mainskin > .swiper-slide:nth-child(3n) { width: 20%;  }

		.swiper-container-mainskin > .swiper-wrapper > .swiper-slide > a { width:100%; height:100%; }
		.swiper-container-mainskin > .swiper-wrapper > .swiper-slide > a > img { max-height:100%; }
		.swiper-container-mainskin .swiper-pagination { bottom:10px !important; border:0px solid #f00; }

		.main_swiper_video_iframe { width:960px; height:540px; }


	/* 메인 - 클라이언트 소개 */
		.main_client { margin: 40px auto 0px; border: 0px solid #f00; width:100%; }
		.more_client_btn { position:absolute; right:0; top:-2px; font-weight:normal; border:1px solid #bbb; padding:3px; border-radius:3px; background:#bbb; color:#fff; font-size:11px; cursor:pointer;}


		.main_brand_list { margin:0px 0px 5px; border-bottom:1px dashed #ddd; padding-bottom:5px; padding-left: 70px; position:relative; height:35px; overflow-y:hidden;}
		.main_brand_list .clientkind { position:absolute; left:0; top:8px; }
		.main_brand_list > li { height:35px; display:inline-block; margin-right:10px; line-height:35px; }
		.main_brand_list > li > img { max-height:100%; display:inline-block; line-height:35px;}

		/* 서브에서는 항상 열린 상태 */
		.sub_content_wrapper .main_brand_list { overflow-y:visible; height:auto; }


	/* 메인 - 요금제 */
		.main_price_wrapper {  margin: 25px 0px 0px; padding: 0px;  border: 0px solid #f00; width:100%; background: #f4f4f4 url('') top center no-repeat; }

		.main_price_wrapper.package297 {  background-image: url('img/common/kkmomprice_297.php'); }

		.main_price_wrapper.package55    {  margin-top:0px;  background-color:#ebebeb;  background-image: url('img/common/kkmomprice_55.php'); }
		
		.main_price_wrapper.package66 {  margin-top:0px; background-image: url('img/common/kkmomprice_66.php'); }

		
		.main_price { cursor:pointer;margin: 0px auto; padding:25px 0px; border: 0px solid #f00; width:960px; height:185px;  }
		.main_price_exceptionhelp { margin: 0px 0px 10px 0px; font-family:'Nanum Barun Gothic'; font-weight:400; font-size:15px; color:#888; }


	/* 메인 - 상품 이미지 */
		.main_product { margin: 30px auto 10px; border: 0px solid #f00; width:960px; }
		#main_title_product { font-size:24px; height:24px; }
		.main_product_list { width:100%;  overflow: hidden; }
		.main_product_list li { width:310px; height:240px; float:left; margin-right:15px; }
		.main_product_list li.lastitem { margin-right:0px; }


	/* 메인 - 다양한 뉴스들 */
		.main_news { margin: 20px auto 0px; border: 1px solid #ddd; padding:18px; border-radius:4px; width:922px; overflow: hidden; }

		.main_sitebeingprocessed { float:left;width:277px; padding-right:23px; border-right:1px dotted #ddd; }
		.main_faq { float:left; width:270px; padding-left:23px; padding-right:23px; border-right:1px dotted #ddd; }
		.main_notice { float:left; width:270px; padding-left:23px; }
		.icon_new_wrapper { position: relative; width:1px; height:10px; border:0px solid #f00; }
		.icon_new { position:absolute; left:2px; top:-2px; width:21px; height:19px; }
		.icon_sitestate_wrapper { position: absolute; left:0; top:0; width:277px; height:19px; border:0px solid #f00; }
		.icon_finished { position:absolute; right:2px; top:0px; width:47px; height:19px; }
		.icon_beingprocessed { position:absolute; right:2px; top:0px; width:47px; height:19px; }

		.main_news_list { width:100%;  }
		.main_news_list li { display:block;  }
		.main_news_list li a { display:block; overflow:hidden;  position:relative; margin: 2px 0px ; font-family:'Nanum Barun Gothic'; font-size:15px; color:#646464; white-space:nowrap; text-overflow:ellipsis; }

		.main_payment { margin: 40px auto 0px; border: 0px solid #f00; width:960px; }
		.main_client { margin: 40px auto 0px; border: 0px solid #f00; width:960px; }


	/* 메인 - 퀵링크 */
		.main_quicklink { margin: 25px auto 30px; border: 0px solid #f00; border-top:0px solid #ddd; width:960px; }
		.main_quicklink_list { width:100%;  overflow: hidden;}
		.main_quicklink_list li { border:0px solid #00f; width:240px; height:220px; float:left; text-align:center;}
		.main_quicklink_list li a { display:block; width:100%; line-height:91px; height:91px; margin: 26px auto 20px;  border:0px solid #f00; text-align:center; }
		.main_quicklink_list li a img { vertical-align:middle; }
		.main_quicklink_desc { margin: 0px 0px 0px 0px; font-family:'Nanum Barun Gothic';font-size:15px; font-weight:400;  }


	/* 메인 - 외부광고 */
		.ad-banner { width:960px; height: 250px; margin:0 auto 60px; }
		.ad-banner img { width:100%; }
		


/* 푸터 */


	/* 푸터 - 사이트맵 */
		.footer_sitemap_wrapper { margin: 0px 0px 0px; padding:20px 0px; width:100% ; background: #fcfcfc; border-top:1px solid #ddd; }
		.footer_sitemap {  margin : 0 auto; padding-left:0px; width:910px; background:border:0px solid #f00; overflow:hidden; }
		.footer_sitemap_onebigmenu { display:block;  margin-right:80px; float:left; border:0px solid #00f;}
		.footer_sitemap_onebigmenu ul { margin-top:7px; }
		.footer_sitemap_onebigmenu ul li a span.joinservice { color:#ff494e; font-weight:700; }
		.footer_sitemap_title a { font-weight:700; font-size:16px; color:#000;}
		.footer_sitemap_expand_btn { display:none; }

	/* 푸터 - 카피라이트 */
		.footer_copyright_pcwrapper { width:100%; background:#646464; }
		.footer_copyright { background:url('img/common/footer_logo.png') left center no-repeat; background-size:113px 100px; margin: 0px auto 0px; padding: 35px 0px 35px 156px; width:910px; height:150px; box-sizing:border-box; line-height:20px; text-align:left;  color:#ccc; }






/* 서브 */


	/* 서브 공통 */
		.sub_content_start_wrapper { width:100%; height:154px; margin: 0px auto 0px; border-top: 1px solid #000; background: #f4f4f4; }
		.sub_content_start { position:relative; width:910px; margin: 0px auto 0px; padding:50px 25px 0px;}
		.sub_content_start_image { position:absolute; right:0px; top:0px; }
		.sub_content_start_helperstring { color:#646464; }
		.sub_content_start_title { font-size:40px; font-weight:700; color:#000; }

		.sub_content_wrapper { position:relative; display:block;  width:910px;   background:url('img/common/transparent.png'); border:0px solid #f00; margin:0px auto; border-bottom:1px solid #ddd; padding:40px 25px ; font-size:16px;  }
		.sub_content_wrapper strong { font-size:20px; color:#000; font-weight:400; }
		.sub_content_title { font-size:24px; display:block; margin-bottom:5px; color:#000; font-weight:700; }
		.sub_content_titlehelper { font-size:16px;  }

		.sub_content_last { border-bottom:0px !important; }
		.sub_content_widthfix { background:url('img/common/transparent.png'); width:910px; }

		.sub_service_content_wrapper { text-align:left; padding:0px 25px;}
		.sub_service_content_wrapper .emp { color:#ff494e;}

		.sub_service_intro_video_iframe { width:910px; height:512px; margin:0 auto; }

	/* 회사소개 */
		#company_focusing { margin: 20px 50px; width:810px; } 
		#company_representative { position:absolute; right:0px; bottom: 0px; z-index:-1;  }
		#company_map { position:absolute; right:0px; top: 0px; z-index:-1; height:374px;  }
		.sub_content_map { height:294px; }
	

	/* 크크맘 기본 서비스 */


		.sub_content_slogan { margin: 0px 0px 5px;  display:inline-block; border-width:0px; border-radius:4px; background:#ff494e; padding:5px; color:#fff; font-size:16px; }
		.sub_service_wrapper { position:relative; width:960px; margin:0 auto; border-bottom:1px solid #ddd; padding:40px 0px; font-size:16px; text-align:center; }
		.sub_service_gray_wrapper { background:#f4f4f4; }
		.sub_service_gray_wrapper > .sub_service_wrapper { border-bottom:0px none; }
		.sub_service_wrapper.last_wrapper { border-bottom:0px none; }
		img.payment_screenshot { max-width:100%; border:1px solid #ddd;}
		img.payment_screenshot_mobile { max-width:75%;border:1px solid #ddd; }

		.sub_service_title_wrapper { position:relative; width:910px; margin:0 auto; padding:0px 25px; font-size:16px; text-align:left; }
		.sub_service_skinwrapper { position:relative; width:100%; background:#f4f4f4; padding:20px 0px 40px; text-align:center; overflow:hidden;}
		#naverbloglogo { vertical-align:middle; margin-bottom:2px; }

		.sub_service_program_image_wrapper { height:1025px; display:block; border:0px solid #f00; position:relative;}
		.sub_service_program1 { position:absolute; left:0; top:0; width:500px; height:auto; z-index:1; }
		.sub_service_program2 { position:absolute; right:0; top:200px; width:500px; height:auto; z-index:2; }
		.sub_service_program3 { position:absolute; right:40px; top:540px; width:843px; height:auto; z-index:1; }
		
		.sub_service_skinsample { width:100%; max-width:1500px; min-width:960px; overflow:hidden; margin:-10px auto 0; border:0px solid #f00; text-align:center; }

		.sub_service_websitefunction { position:relative; width:392px; height:auto; border:0px solid #f00; background:url('img/service/feature.png') left top no-repeat; font-size:18px; float:left;  text-align:left; padding: 42px 0px 20px 88px;}
		.sub_service_websitefunction div.title { position:absolute; left:3px;top:13px; width:70px; text-align:center; color:#fff; font-size:18px; font-weight:700; }
		.sub_service_websitefunction strong { font-size:18px; color:#303030; }
		.sub_service_websitefunction.forpayment { background:url('img/payment/feature.png') left top no-repeat; }

		.sub_service_mobile_image_wrapper { height:625px; display:block; border:0px solid #f00; position:relative;}
		.sub_service_mobile1 { position:absolute; left:80px; top:0; width:476px; height:auto; z-index:1; }
		.sub_service_mobile2 { position:absolute; right:80px; top:70px; width:400px; height:auto; z-index:2; }
	
		.sub_service_mobile_image_wrapper2 { margin-top:30px;height:290px; display:block; border:0px solid #f00; position:relative; background:#f2f2f3; border-radius:6px;}
		.sub_service_mobile3 { position:absolute; left:80px; top:30px; width:614px; height:auto; z-index:1; }
		.sub_service_mobile4 { position:absolute; right:80px; top:30px; width:288px; height:auto; z-index:2; }
	
		


		.sub_service_price { cursor:pointer; margin-top:-20px; margin-bottom:-10px; width:100%; height:235px; background: #f4f4f4 url('img/common/kkmomprice.php') top center no-repeat; }
		.sub_service_biglinkbtn { width:271px; height:64px; display:block; 
		background-color: #bfe242; 
		border-radius:33px;
		box-shadow:0 2px 0 #9cbf1f;  
		line-height:66px; text-align:center; vertical-align:middle; color:#303030; 
		font-size:24px; font-weight:700;
		margin:0 auto;
		}
		.sub_service_biglinkbtn_wrapper { border:2px solid #f00; display:block ; width:100%; text-align:center; }
		


		.sub_service_blog { display:block; width:960px; margin:0 auto; }
		.sub_service_blog li { display:inline-block; width:320px; font-size:18px; }
		.sub_service_blog li img { max-width:260px; display:block; margin:0 auto;}
		
		
		.service-package-table { 
			width:100%;
			border-collapse: collapse;		
		}
		
		.service-package-table td {
			padding:5px;
			border:1px solid #ddd;
			text-align:center;
		}
		
		.service-package-table tr:first-child td {
			background:#f0f0f0;
		}
		

	/* 크크맘 부가 서비스 */


		/* 원비결제 */
			.sub_payment_flow_arrow { width:112px; height:93px; background:url('img/payment/arrow.png'); background-size:contain;  display:block; margin:10px auto; }

			.sub_service_payment_concept { border:4px dashed #ddd; border-radius:40px; padding:30px; padding-bottom:10px; width:90%; box-sizing:border-box; margin:80px auto 0px; text-align:left; position:relative;  }
			.sub_service_payment_concept .q { font-size:25px; color:#333;}
			.sub_service_payment_concept .a { font-size:20px; color:#646464; margin-bottom:20px;}
			.sub_service_payment_concept .bulb { position:absolute; right:30px; top:-100px; width:107px; height:114px; }
			.sub_service_payment_concept .bulb img { width:100%; height:100%; }

			.sub_service_payment_price { width:910px; border:0px solid #f00; position:relative; margin:40px auto 40px;}
			.sub_service_payment_price .event_due { position:absolute; right:0px; top:-60px; padding-top:5px; background:url('img/payment/bg_event_pc.png'); color:#000; font-weight:bold; font-size:18px; width:418px; height:75px;}

			.sub_service_payment_price .event_text { font-size:25px; text-align:left; margin-top:20px;}
			.sub_service_payment_price .event_text span { font-size:25px; }
			.sub_service_payment_price .event_text span.oldprice { color:#888; text-decoration:line-through; }
			.sub_service_payment_price .event_text span.emp { color:#ff494e;  }

				
		/* 등하원 알림 */
			.sub_service_att_image_wrapper { height:525px; display:block; border:0px solid #f00; position:relative;}
			.sub_service_att1 { position:absolute; left:70px; bottom:0; width:400px; height:auto; z-index:1; }
			.sub_service_att2 { position:absolute; right:70px; bottom:0px; width:440px; height:auto; z-index:2; }
			.sub_service_att_parent { width:500px; margin:0 auto; }	
			

			.sub_service_att { display:block; width:960px; margin:0 auto; }
			.sub_service_att li { display:inline-block; width:320px; font-size:18px; }
			.sub_service_att li img { max-width:280px; max-height:230px;  display:block; margin:0 auto 20px;}
			
		/* 홍보지원 */
			.sub_service_promotion_img { display:block; width:600px; margin:0 auto 40px; }


		/* 출판 */
			.sub_service_pub { display:block; width:960px; margin:0 auto; }
			.sub_service_pub li { display:inline-block; width:450px; margin:0px 15px 10px; font-size:18px; }
			.sub_service_pub li img { max-width:360px; display:block; margin:0 auto;}
			.sub_service_pub_img { display:block; width:680px; margin:0 auto 40px; }


		
	/* 고객센터 */
		.sub_support_left { display:inline-block; margin:0px 57px 0px 0px; width:568px; height: 668px; border:0px solid #f00; float:left; }
		.sub_support_right { display:inline-block; position:relative; margin:0px 0px 0px 0px; width:335px; height: 668px; border:0px solid #f00; }
		.sub_support_wrapper { margin: 40px auto; width:960px; }

		.sub_support_faq { height:454px; border:0px solid #f00;}
		.sub_support_faqhead { border:0px solid #000; position:relative; width:543px; margin:0 auto; padding:0px 0px 0px 25px; font-size:16px; text-align:left; }
		.sub_support_faqcategory { position: absolute; right:0px; top:0px; color:#ddd; font-weight:400;}
		.sub_support_faqcategory a { font-size:12px; }
		.sub_support_faqcategory a.currentcategory { color:#ff494e; }
		.sub_support_faqlist { overflow:hidden; width:100%; border-top:1px solid #ddd; }
		.sub_support_faqlist li { width:100%; height:36px; padding-left:35px; background:url('img/support/q.png') 10px 10px no-repeat; border-bottom:1px solid #ddd; line-height:36px; vertical-align:middle; }

		.sub_support_bannerwrapper {margin-top:40px; }
		#sub_support_ban_program { margin-right:8px; float:left;}

		.sub_support_rightsidepara { margin-bottom:33px; padding-right:15px; position:relative; }
		.sub_support_more a { position:absolute; right:0px; top:2px; padding-right:20px; color:#969696; background: url('img/support/arrow_more.png') 37px 5px no-repeat; font-size:12px; }
		.sub_support_rightsidelist { width:100%;   margin-top:-7px;}
		.sub_support_rightsidelist li { overflow:hidden; position:relative; height:27px; line-height:27px; word-break:keep-all; white-space:nowrap;  padding-right:80px; vertical-align:middle; }
		.sub_support_rightsidelist li a span.sub_support_datetime { position:absolute; padding-left:5px;right:0px; top:4px; background:#fff;}
		.sub_support_contact { width:265px; height:50px; padding-left:70px; background : url('img/support/phone.png') left top no-repeat;}
		.sub_support_contactphone { display:block; font-size: 29px; font-weight:700; color:#303030; }
		.sub_support_app { position:absolute; bottom:0px; left:0px; width:335px; height:174px; overflow:hidden;}
		.sub_support_app_container { width:100%; height:100%; }
		.sub_support_app_container img { width:100%; height:100%; }


		.sub_supportsub_title { position:relative; display:block; padding-left:270px; margin-bottom:20px; font-size:24px; font-weight:700; color:#303030; }

		.sub_supportsub_menu { width:190px; height:213px;  margin:0 35px 300px 25px; float:left; border-top:2px solid #646464; overflow:hidden; }
		.sub_supportsub_menu li{ height:36px; padding-left:20px; border-bottom:1px solid #ddd; line-height:36px; vertical-align:middle; background:url('img/support/submenu_point.png') 5px 14px no-repeat; }
		.sub_supportsub_menu li a.currentmenu { color:#ff494e; }


		.sub_supportsub_postinglist_wrapper { width:710px; text-align:center; border:0px solid #f00; float:none; display:inline-block; }
		.sub_supportsub_postinglist { width:710px; margin-bottom:20px;  border-top:2px solid #646464; float:none;  }
		.sub_supportsub_postinglist tr { cursor: pointer; }
		.sub_supportsub_postinglist td { border-bottom:1px solid #ddd; height:36px; }
		.sub_supportsub_postinglist td.blank { width:20px; }
		.sub_supportsub_postinglist td.title { width:520px; text-align:left; }
		.sub_supportsub_postinglist td.date	 { width:100px; text-align:center; }
		.sub_supportsub_postinglist td.view  { width:50px; text-align:center; }
		.sub_supportsub_postinglist td.head  { cursor:default;  text-align:center; background-color:#f4f4f4; color:#646464;}

		.sub_supportsub_messageform { width:710px; margin-bottom:20px;  border-top:2px solid #646464; float:none;  }
		.sub_supportsub_messageform td { padding: 10px 20px; text-align:left; border-bottom:1px solid #eee; font-weight:400; }
		.sub_supportsub_messageform td.q { width:150px; }
		.sub_supportsub_messageform td.a label { margin-right:10px;}
		.sub_supportsub_messageform td.a label input { margin-right:5px;}
		.sub_supportsub_messageform #detailmessage { width:500px; height:100px;}
		.sub_supportsub_messageform #directphoneconfirm { width:50px; }
		.sub_supportsub_messageform #address { width:500px; }

		.skinselect { float: left; width:160px; margin-right:6px; margin-bottom:5px; margin-top:5px; text-align:center;}
		.skinselect:nth-child(3n+1) { margin-right:10px; }
		.skinselect:nth-child(3n+2) { margin-right:10px; }
		.skinselect:nth-child(3n) { margin-right:0px; }


		.skinselect img { display :block; width:160px;}
		.wantbottommargin { margin-bottom:5px; }


		.sub_supportsub_page { color:#969696; }
		.sub_supportsub_page a span.currentpage { color:#ff494e; font-weight:700; }
		.sub_supportsub_page a span.noncurrentpage { color:#303030; font-weight:700; }

		.sub_supportsub_search { margin:10px 0px; width:100%; text-align:center; border:0px solid #030; }
		.sub_supportsub_search form.setkeyword { display:inline-block;  }
		.sub_supportsub_search form.clearkeyword { display:inline-block; margin-left:1px; }
		.searchinput { border:1px solid #bbb; border-radius:2px; height:20px; padding:2px; width:100px; }


		.sub_supportsub_postingcontents_wrapper { width:710px; text-align:center;  float:none; display:inline-block; }
		.sub_supportsub_postingcontents_title { padding-left:20px; text-align:left; font-weight:700; color:#303030;height:47px; background: #f4f4f4; line-height:47px; vertical-align:middle; border-top:2px solid #646464; border-bottom:1px solid #ddd; }
		.sub_supportsub_postingcontents_contents { width:100%; padding:40px 0px; border-bottom:1px solid #ddd; text-align:left; }
		.sub_supportsub_postingcontents_backtolist { width:100%; padding:20px 0px 40px;  text-align:center; }

		/* 자동이체 신청 */
		#ExpMonth, #ExpYear, #CardPw { width:30px; }


		/* css 인풋 */

		.simpletextinput { border:1px solid #ddd; padding:2px; width:150px;}
		.simplebutton
		{
			font-family: 'Nanum Barun Gothic'; -webkit-text-size-adjust: 100%; 
			padding:2px 8px 2px 8px;
			border:1px solid #bbb;
			border-radius:2px;
			font-size:15px;
			color:#646464;
			letter-spacing:-1px;
			text-align:center;
			box-shadow:0 1px 0 rgba(0, 0, 0, .1);
			-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
			-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
			background:#fdfdfd;
		}

		.postingcontents_textbody  { line-height: 160%;width:100%;text-align:left;margin:0px;padding:0px;border:0px solid #f00; }
		.postingcontents_textbody p { margin-top:10px; }


		.sub_product_slider_wrapper { width:100%; }

	
	
	/* product 소개 */

		
 
		/* 상단 공통 메뉴 */
			.introsubmenu { margin:0 auto; padding:0px; width:960px; list-style-type: none; } 
			.introsubmenu li { cursor:pointer; float: left; padding:0px; margin:0px 3px 20px; height:194px; position:relative; line-height:167px; vertical-align:bottom; }  
			.introsubmenu li img{ max-height:167px; position:relative; display:inline;  vertical-align:bottom; }  
			.introsubmenu li img{ max-height:167px; position:relative; display:inline; } 
			.introsubmenu .shortcut_title { position:absolute; left:0; top:167px; width:100%; height: 27px; line-height:27px; vertical-align:middle; text-align:center; color:#303030; font-size:17px; font-weight:400; }
			.introsubmenu_bottomdivider { width:100%; border-bottom:1px solid #ddd; }

			.introimagebg { width:100%; background-position: center center; background-color:#f9f9f9;}
			.introimagebg_f3 { width:100%; background-position: center center; background-color:#f3f3f3;}


		/* 공통 */
			.product_fullimg { display:block; margin: 40px auto 20px; border:0px;  }
			
			.introimage { padding:0px;	margin:0 auto;border:0px;	display:block;		}

			.swiper-container-product { width: 960px; height: 500px; margin:0 auto;}  
			.swiper-container-product > .swiper-wrapper > .swiper-slide > img { width:100%; height:100%; }

			.sub_product_layout_title { font-size:50px; color:#333; margin-top:40px;}
			.sub_product_layout_desc { font-size:20px; }

			.swiper-container-layout { width: 960px; margin:20px auto 0px; overflow:hidden; }  
			.swiper-container-layout > .swiper-slide { width:480px; display:inline-block; border:0px solid #f00; float:left; line-height:0;}
			.swiper-container-layout > .swiper-slide > img { width:237px; box-sizing:border-box; border: 1px solid #666; margin-right:3px; margin-bottom:3px;  }



			.product_wrapper { margin: 40px auto; display:block; border:px solid #f00; }
			.product_bg_gray { background:#f3f3f3; padding:20px 0px; margin-top:20px;}
			.product_bg_gray_forslide { background:#f3f3f3; margin-top:20px;}

			.sub_product_detail_link { margin:0 auto; padding:0px; width:800px; list-style-type: none; height:250px; text-align:center;} 
			.sub_product_detail_link li { cursor:pointer; display:inline-block; padding:0px; margin:0px 20px 20px; height:194px; position:relative; line-height:167px; vertical-align:bottom; }  
			.sub_product_detail_link li img{ max-height:167px; position:relative; display:inline;  vertical-align:bottom; }  
			.sub_product_detail_link li img{ max-height:167px; position:relative; display:inline; } 
			.sub_product_detail_link .shortcut_title { position:absolute; left:0; top:175px; width:100%; line-height:20px; vertical-align:middle; text-align:center; color:#303030; font-size:17px; font-weight:400; }

			/* 페이지수가 2종이라 처음에 안보여줘야되는 레이아웃 */
			.swiper-container-layout.magic-a5 { display:none; }
			.swiper-container-layout.scrap-a4wide { display:none; }
			.swiper-container-layout.simple-a4wide { display:none; }
			
			.layout_page_change_btn { border-radius:4px; border: 1px solid #666; background:#eee; padding:3px; width:50px; height:35px; font-size:20px; font-weight:bold; cursor:pointer; }

		/* 포토북 */
			.product_photobook_overview_title { width: 960px; margin:0 auto; font-size:30px; color:#333; text-align:center ;}
			.product_photobook_overview_title b { font-size:65px; display:block; color:#333; }

			.sub_product_photobook_feature { width:960px; margin:0 auto; }
			.sub_product_photobook_feature li { display:inline-block; width:300px; text-align:left; position:relative; margin:0px 0px 30px 30px; padding:145px 10px 10px 10px;  box-sizing:border-box; overflow:hidden; height:260px; border-bottom:1px dashed #ddd; border-radius:6px; border:1px solid #ddd; }
			.sub_product_photobook_feature li.noleftmargin { margin-left:0px; }

			.sub_product_photobook_feature li .title { font-weight:bold; color:#333; margin-bottom:5px; }
			.sub_product_photobook_feature li .visual { position:absolute; left:0px; top:0px; height:130px; width:298px;  background:url('') center center no-repeat; background-size:cover; }

			.swiper-container-cover { width:960px; margin:20px auto 0; text-align:left; line-height:0;}
			.swiper-container-cover > .swiper-slide  { width:310px; display:inline-block; margin:0px 5px 10px; }
			.swiper-container-cover > .swiper-slide  img { width:100%; display:block; }