/* tag */
body { margin:0; padding:0; background-color:#f4f6f7; background:url("http://static.cardoc.co.kr/resource/img/landing/130422/bg_side_bar_h489.gif") center top repeat-x;}

/* layout */
.head-box { padding-top:10px; min-width:1280px; height:27px; background-color:#363941; }
	.head-box .banner-top { margin:auto; width:254px; height:17px; background:url("http://static.cardoc.co.kr/resource/img/landing/130422/banner_top.png") no-repeat; }
.head-box.btn-banner-top2 { height: 60px; background-color: #13BEE6; padding: 0; }
	.head-box.btn-banner-top2 .banner-top2 { text-align: center; line-height: 60px; color: white; font-size: 18px; }

input[type="text"] {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.cardoc-welcome-unit { display:block; position:relative; margin:auto; width:1280px; height:560px; background:url("http://static.cardoc.co.kr/resource/img/landing/130513_2/bg_main.jpg") no-repeat; }
	#label-sms-text { background:url("http://static.cardoc.co.kr/resource/img/landing/130513_2/txt_sms.png") 0 0 no-repeat; position:absolute; top:334px; left:523px; width:312px; height:18px; }
	#label-support-devices { background:url("http://static.cardoc.co.kr/resource/img/landing/txt_support_devices.png") 0 0 no-repeat; position:absolute; top:560px; left:560px; width:149px; height:15px; }

	input#txt-sms { background-color:transparent; border:none; padding:8px 8px; font-weight:bold; font-size:18px; position:absolute; top:376px; left:534px; width:191px; height:21px; line-height:24px; overflow:hidden; }
		#btn-send-sms { background:url("http://static.cardoc.co.kr/resource/img/landing/130513_2/btn_form_sms.png") 0 0 no-repeat; position:absolute; top:368px; left:525px; width:306px; height:57px; }
			#btn-send-sms:hover { background-position:-0px -57px; }
	#btn-seed-user { background:url("http://static.cardoc.co.kr/resource/img/landing/130422/btn_alert_ios.png") 0 0 no-repeat; position:absolute; top:368px; left:767px; width:185px; height:57px; }
		#btn-seed-user:hover { background-position:-0px -57px; }
	#btn-google-play { background:url("http://static.cardoc.co.kr/resource/img/landing/btn_google_play.png") 0 0 no-repeat; position:absolute; top:500px; left:887px; width:161px; height:56px; }
		#btn-google-play:hover { background-position:-0px -56px; }
	#txt-news01 { display:none; background:url("http://static.cardoc.co.kr/resource/img/landing/130422/txt_news01.png") 0 0 no-repeat; position:absolute; top:478px; left:520px; width:621px; height:61px; }

.cardoc-welcome-footer { display:block; min-width:1280px; background-color:#32353C; min-height:309px; position:relative; }
	#img-copyright-box { background:url("http://static.cardoc.co.kr/resource/img/landing/copy.png") no-repeat; width:295px; height:13px; position:absolute; top:28px; left:97px; }
	.welcome-social-link-box { position:absolute; top:25px; right:97px; color:#63676D; }
	.footer-term-box { position:absolute; top:25px; right:220px; color:#63676D; }
		.footer-term-box .img-btn { display:inline-block; }
		.footer-term-box #btn-blog { background:url("http://static.cardoc.co.kr/resource/img/landing/btn_blog.png") 0 0 no-repeat; width:67px; height:12px; }
		.footer-term-box #btn-user-term { background:url("http://static.cardoc.co.kr/resource/img/landing/btn_03.png") 0 0 no-repeat; width:89px; height:12px; }
		.footer-term-box #btn-shop-term { background:url("http://static.cardoc.co.kr/resource/img/landing/btn_04.png") 0 0 no-repeat; width:58px; height:12px; }
		.footer-term-box #btn-privacy { background:url("http://static.cardoc.co.kr/resource/img/landing/btn_05.png") 0 0 no-repeat; width:76px; height:12px; }


.middle-box-bg { min-width:1280px; background-color:#fff; }
	.middle-box { width:1280px; margin:auto; height:283px; background:url("http://static.cardoc.co.kr/resource/img/landing/130513_2/bg_middle.png") no-repeat; }

.bottom-box-bg { min-width:1280px; background-color:#fff; margin-bottom:70px; }
	.bottom-box { width:1280px; margin:auto; height:420px; background:url("http://static.cardoc.co.kr/resource/img/landing/130422/bg_bot.jpg") no-repeat; }

.banner { position:absolute; top:0; left:946px; width:196px; height:290px; background:url("http://static.cardoc.co.kr/resource/img/landing/130927/banner_10.png") no-repeat; }
	.banner:hover { background-position:-0px -290px; }

/* 티저페이지의 모달 레이어 공통 속성 */
.body-welcome .modal { background-color:#EDEDED; width:430px; margin:-250px 0 0 -210px; }
	.modal-logo { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/logo_cardoc.gif") 0 0 no-repeat; width:196px; height:41px; }
	.modal-desc { margin-bottom:21px; }
	.modal form { margin:0; }
	.modal-body { max-height:100%; }
	#seed-user-modal input { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/box_input01.gif") 0 0 no-repeat; width:346px; height:56px; border:0; padding:0 20px; color:#999; font-size:14px; font-weight:bold; line-height:56px; }
	.body-welcome .modal .modal-footer { text-align:center; background-color:#EDEDED; border:0; padding-top:0px; -webkit-box-shadow: inset 0 0 0 white; -moz-box-shadow: inset 0 0 0 #ffffff; box-shadow: 0px 0px 0px rgb(255, 255, 255) inset; }
	.body-welcome .modal .img-btn { display:inline-block; }
	.body-welcome .modal .cancel { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/btn_coming_layer.gif") 0 -120px no-repeat; width:120px; height:42px;  }
	.body-welcome .modal .cancel:hover { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/btn_coming_layer.gif") 0 -180px no-repeat; }
	.body-welcome .modal .save { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/btn_coming_layer.gif") 0 0 no-repeat; width:120px; height:42px;  }
	.body-welcome .modal .save:hover { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/btn_coming_layer.gif") 0 -60px no-repeat; }
	.modal-shop-multiple-input-box { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/box_input02.gif") 0 0 no-repeat; width:386px; height:222px; }
		.shop-input-box { position:relative; height:55px; }
		.shop-input-box label { position:absolute; top:17px; left:13px; color:#999; font-size:14px; font-weight:bold; }
		.shop-input-box input { position:absolute; top:0; left:122px; color:#666; font-size:14px; font-weight:bold;
			height:55px; width:223px; border:0; padding:0 20px; background-color:transparent; line-height:55px; }
		/* 애니메이션 없앰 */
		.modal.fade {
			-webkit-transition: none;
			-moz-transition: none;
			-ms-transition: none;
			-o-transition: none;
			transition: none;
		}

/* common */
.img-btn { display:block; overflow:hidden; line-height:999px; font-size:0; }
.pc-only { display:block; }
.mobile-only { display:none; }
input.placeholder { color:#aaa; }

/* common-modal */
.modal .modal-header .close { background:url("http://static.cardoc.co.kr/resource/img/welcome/pc/btn_close.gif") 0 0 no-repeat; width:18px; height:18px; opacity:0.5; filter:alpha(opacity=50);}
.modal .modal-header .close:hover { opacity:1.0; filter:alpha(opacity=100);}
/* 작은 화면에서 스크롤에 안 나와서 */
.modal { position:absolute; }

@media (max-width: 767px) {
/* @media (max-width: 640px) { */
	body { padding:0; margin:0; }
	.body-welcome { background-color:#272b36; }
	.pc-only { display:none; }
	.mobile-only { display:block; }

	img { width:100% }

	.head-box.btn-banner-top2 { min-width: initial; height: 66px; }
		.head-box.btn-banner-top2 .banner-top2 { line-height: 24px; padding: 9px 0; }

	.cardoc-welcome-unit { display:none; }
	.cardoc-welcome-unit-mobile { display:block; position:relative; }
		.cardoc-welcome-unit-mobile #img-mobile { display:block; }
		#btn-box { position:absolute; bottom:0; width:100%; height:37.5%; text-align:center; }
			#btn-box a { margin:10px 4px; display:block; }
			#btn-box img { width:58%; }

	.cardoc-welcome-footer { display:none; }
	.cardoc-welcome-footer-mobile { display:block; background-color:#282C37; min-height:200px; position:relative; text-align:center; }
		.footer-link-box { padding-top:19px; }
		.footer-link-box, .footer-link-box a { font-size:14px; color:#616874; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); text-decoration: none; }
		.cardoc-welcome-footer-mobile #img-copyright-mobile { padding-top:6px; width:38%; }

	/* 티저페이지 모달 레이어 */
	.body-welcome .modal { background-color:#EDEDED; width:90%; margin:0; }
	.modal-shop-multiple-input-box
	,#seed-user-modal input#seed-user-input-email { background:0; background-color:#f4f4f4; width:94%; margin:auto; height:222px; border:1px #BBB solid; border-radius:6px;
	   -moz-box-shadow:    inset 0 0 4px #e5e5e5;
	   -webkit-box-shadow: inset 0 0 4px #e5e5e5;
	   box-shadow:         inset 0 0 4px #e5e5e5;
	}
		.modal-logo-img { width:49%; }
		#seed-user-modal input#seed-user-input-email { width:96%; height:56px; }
		.shop-input-box { position:relative; height:55px; border-bottom:1px #D7D7D7 solid; }
		.shop-input-box label { position:absolute; top:17px; left:14px; color:#999; font-size:14px; font-weight:bold; }
		.shop-input-box input { width:80%; }
		.shop-input-box input { position:absolute; top:0; left:100px; color:#666; font-size:14px; font-weight:bold;
			height:55px; border:0; padding:0; background-color:transparent; 
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-transition: none; 
			-moz-transition: none; 
			-o-transition: color 0 ease-in; 
			transition: none; 
		}
		.shop-input-box input:focus {
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
		}
		.modal .modal-header .close { margin:0; padding:0; }

}

@media (max-width: 568px) {
	.shop-input-box input { width:77%; }
}

@media (max-width: 480px) {
	.shop-input-box input { width:73%; }
}

@media (max-width: 320px) {
	.shop-input-box input { width:58%; }
	.footer-link-box, .footer-link-box a { font-size:10px; }
}