@charset "utf-8"; 

/* Layer popup */
.layer_popup	{display:none; position:fixed; z-index:1100; top:50%; left:50%; background:#fff; border-radius:5px}
.layer_popup .btn_closed	{position:fixed; top:30px; right:30px; width:32px; height:32px; background:url('/images/common/layer_closed_white.svg') no-repeat 0 0; background-size:32px 32px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; transition:all .6s ease;}
.layer_popup .btn_closed:hover	{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}

.layer_dim		{display:none; position:fixed; z-index:1000; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.9)}

input[type='text']	{font-size:12px;}
::-webkit-input-placeholder	{font-size:12px; font-family:'Courier New','Courier','Arial','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif;}

button	{-webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out;}

.layer_popup .btn_base		{display:inline-block; width:100%; height:45px; background:#ebebeb; color:#2b2b2b; font-size:12px; line-height:45px; text-align:center; border-radius:3px}
.layer_popup .btn_base:hover	{background:#333; color:#fbfbfb}

.layer_popup .btn_base.white	{width:100%; height:45px; background:#fbfbfb; color:#2b2b2b; font-size:12px; line-height:45px; letter-spacing:0.5px}
.layer_popup .btn_base.white:hover	{background:#bebebe; border:1px solid #bebebe; color:#2b2b2b;}

.layer_popup .btn_base.black	{width:100%; height:45px; border:0; background:#333; color:#fbfbfb; font-size:12px; line-height:45px; letter-spacing:0.5px}
.layer_popup .btn_base.black:hover	{background:#ebebeb; border:0; color:#2b2b2b;}

/* Login */
#login.layer_popup	{margin:-145px 0 0 -144px; width:288px; background:none}
.login_wrap	{padding:0}
.login_wrap h1	{display:none; margin:0 auto; width:159px; height:55px; background:url('/images/common/h1_logo.svg') no-repeat 0 0; background-size:159px auto; font-size:0;}
.login_wrap dl		{}
.login_wrap dl dd	{margin-top:6px}
.login_wrap dl dd input	{position:relative; z-index:0; padding:5px 15px; width:256px; height:29px; border:1px solid #bebebe; border-radius:3px}
.login_wrap dl dd input:focus	{z-index:1; border:1px solid #2b2b2b}
.login_wrap dl dd.error_txt	{margin:0; height:30px}
.login_wrap dl dd.error_txt p	{display:none; color:#ff3c00; font-size:11px; line-height:30px; font-family:'맑은 고딕','돋움','Dotum', sans-serif; text-align:center}

.login_wrap dl.error dd input	{border:1px solid #ff3c00;}
.login_wrap dl.error dd.error_txt p	{display:block;}

.login_wrap button	{width:288px; height:45px; background:#505050; color:#fbfbfb; font-size:12px; line-height:45px; border-radius:3px; letter-spacing:3px}
.login_wrap button:hover	{background:#000; color:#fbfbfb}

.login_wrap .util_link	{margin:0; font-size:0; line-height:0; text-align:right}
.login_wrap .util_link a	{display:inline-block; position:relative; color:#fbfbfb; font-size:11px; font-family:'맑은 고딕','돋움','Dotum', sans-serif; line-height:18px}
.login_wrap .util_link a:hover	{color:#fbfbfb}
.login_wrap .util_link a:first-child	{float:left; margin:0; padding:0;}

.login_wrap .btn_wrap	{margin:0}
.login_wrap .btn_wrap button	{margin-bottom:6px}
.login_wrap .btn_wrap a	{display:block; width:240px; height:45px; background:#ebebeb; color:#2b2b2b; font-size:12px; line-height:45px; text-align:center; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -ms-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; transition:all 0.25s ease-out; border-radius:3px}
.login_wrap .btn_wrap a:hover	{background:#333; color:#fbfbfb}
.login_wrap .btn_wrap .facebook	{background:#505050 url('/images/common/facebook_logo.svg') no-repeat 16px 15px; background-size:10px 16px;}
.login_wrap .btn_wrap .google		{background:#505050 url('/images/common/google_plus.svg') no-repeat 16px 17px; background-size:16px 12px;}
.login_wrap .btn_wrap .facebook:hover	{background:#3b5998 url('/images/common/facebook_logo.svg') no-repeat 16px 15px; background-size:10px 16px; color:#fbfbfb}
.login_wrap .btn_wrap .google:hover		{background:#db402c url('/images/common/google_plus.svg') no-repeat 16px 17px; background-size:16px 12px; color:#fbfbfb}


/* Join */
#join.layer_popup	{margin:-276px 0 0 -207px; width:414px;}
.join_wrap	{padding:50px 87px 60px 87px}
.join_wrap h1	{padding:4px 0 6px 0; font-size:12px; line-height:20px}
.join_wrap table tbody tr td	{padding:3px 0 2px 0}
.join_wrap table tbody tr td input	{padding:5px 15px; width:208px; height:18px; border:1px solid #bebebe;}
.join_wrap table tbody tr td input:focus	{border:1px solid #2b2b2b}
.join_wrap table tbody tr td .phon	{font-size:0; line-height:0}
.join_wrap table tbody tr td .phon input	{padding:5px 5px; width:60px; text-align:center}
.join_wrap table tbody tr td .phon .fmr	{display:inline-block; width:12px; font-size:10px; line-height:30px; text-align:center; vertical-align:top}

.join_wrap .t_txt	{margin-top:12px; color:#7d7d7d; font-size:10px; font-family:'맑은 고딕','돋움','Dotum', sans-serif; line-height:12px}

.join_wrap .check_list	{margin-top:13px; padding:8px 0; border-top:1px solid #bebebe; border-bottom:1px solid #bebebe}
.join_wrap .check_list ul li	{font-size:10px; font-family:'맑은 고딕','돋움','Dotum', sans-serif; line-height:17px;}
.join_wrap .check_list ul li .chk	{display:inline-block; margin-top:2px; width:10px; height:10px; vertical-align:top}
.join_wrap .check_list ul li .chk input	{width:10px; height:10px}
.join_wrap .check_list ul li .view	{display:inline-block; padding:1px 5px 3px 5px; background:#333; color:#fbfbfb; font-size:10px; line-height:11px}

.join_wrap .btn_wrap	{margin-top:20px}



/* Contact us */
#contact.layer_popup	{margin:-308px 0 0 -240px; width:480px; height:615px}
.cont_wrap	{padding:32px 48px 32px 48px}
.cont_wrap h1	{padding:4px 0 6px 0; color:#2b2b2b; font-size:12px; line-height:20px; letter-spacing:2px}
.cont_wrap .table_wrap	{margin-top:5px; border:0}
.cont_wrap .table_wrap table tbody tr td	{padding:3px 0 3px 0; border:0}
.cont_wrap .table_wrap table tbody tr td input	{padding:5px 10px; width:362px; height:28px; border:1px solid #bebebe; border-radius: 2px;}
.cont_wrap .table_wrap table tbody tr td input:focus	{border:1px solid #2b2b2b}
.cont_wrap .table_wrap table tbody tr td input.error	{border:1px solid #ff3c00}
.cont_wrap .table_wrap table tbody tr td .info_txt	{margin-left:8px; height:22px; color:#ff3c00; font-size:10px; font-family:'맑은 고딕','돋움','Dotum', sans-serif; line-height:22px;}
.cont_wrap .table_wrap table tbody tr td .info_txt span	{display:none}
.cont_wrap .table_wrap table tbody tr td .info_txt.on span	{display:block}
.cont_wrap .table_wrap table tbody tr td textarea	{overflow-y:auto; padding:10px; width:362px; height:208px; font-size:12px; border:1px solid #bebebe; color:#bebebe; font-family:'Courier New','Courier','Arial','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; resize:none}
.cont_wrap .table_wrap table tbody tr td textarea:focus	{border:1px solid #2b2b2b}
.cont_wrap .btn_wrap	{margin-top:10px}



/* 비밀번호 재확인 */
#reconfirm.layer_popup	{margin:-148px 0 0 -207px; width:414px;}
.reconfirm_wrap	{padding:36px 48px 44px 48px}
.reconfirm_wrap h1	{font-size:12px; font-family:'맑은 고딕','돋움','Dotum', sans-serif;}
.reconfirm_wrap dl		{margin-top:20px}
.reconfirm_wrap dl dd	{margin-top:10px}
.reconfirm_wrap dl dd input	{position:relative; z-index:0; padding:5px 15px; width:286px; height:18px; border:1px solid #bebebe; border-radius:2px}
.reconfirm_wrap dl dd input:focus	{z-index:1; border:1px solid #2b2b2b}
.reconfirm_wrap p	{margin-top:3px; color:#999; font-size:10px; font-family:'맑은 고딕','돋움','Dotum', sans-serif;}
.reconfirm_wrap .btn_wrap	{margin-top:30px; height:45px}
.reconfirm_wrap .btn_wrap button	{margin:0; width:154px}
.reconfirm_wrap .btn_wrap button:first-child	{float:left;}



/* 배송지 정보변경 */
#delivery.layer_popup	{margin:-195px 0 0 -240px; width:480px;}
.modify_wrap		{padding:36px 48px 44px 48px}
.modify_wrap h1	{color:#2b2b2b; font-size:12px; letter-spacing:2px}

.modify_wrap .table_wrap table tbody tr th	{}
.modify_wrap .table_wrap table tbody tr td	{font-size:11px}
.modify_wrap .table_wrap table tbody tr td input	{width:100%; height:30px; font-size:11px; font-family:'맑은 고딕','돋움','Dotum', sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; border-radius:3px; line-height:1em}
.modify_wrap .table_wrap table tbody tr td .add_wrap	{}
.modify_wrap .table_wrap table tbody tr td .add_wrap .add_num	{position:relative;}
.modify_wrap .table_wrap table tbody tr td .add_wrap .add_num span	{display:block; position:absolute; top:0; right:0; left:80px;}
.modify_wrap .table_wrap table tbody tr td .add_wrap .add_num span input	{width:100% !important}
.modify_wrap .table_wrap table tbody tr td .add_wrap .add_num input:first-child	{position:static; width:70px}
.modify_wrap .table_wrap table tbody tr td .add_wrap .add_txt		{margin-top:5px}

.modify_wrap .btn_wrap	{margin-top:30px; height:45px}
.modify_wrap .btn_wrap button	{margin:0; width:187px}
.modify_wrap .btn_wrap button:first-child	{float:left;}


/* 구매자 정보변경 */
#modify.layer_popup	{margin:-157px 0 0 -240px; width:480px;}


@media screen and (max-width:1280px){

}




@media screen and (max-width:736px){
	/* Layer popup */
	.layer_popup	{overflow-y:auto; top:0; right:0; bottom:0; left:0; margin:0 !important; background:none}
	.layer_popup .btn_closed	{top:7px; right:7px; width:32px; height:32px; background:url('/images/common/layer_closed_white.svg') no-repeat 8px 8px; background-size:16px 16px;}
	.layer_dim		{/*background:rgba(251, 251, 251, 0.95)*/}

	/* Login */
	#login.layer_popup	{margin:0; width:auto;}
	.login_wrap	{position:absolute; top:50%; left:50%; margin:-153px 0 0 -120px; padding:0; width:240px;}
	.login_wrap h1	{display:none; margin:0 auto; width:159px; height:55px; background:url('/images/common/h1_logo.svg') no-repeat 0 0; background-size:159px auto; font-size:0;}
	.login_wrap dl		{}
	.login_wrap dl dd input	{position:relative; z-index:0; padding:5px 15px; width:208px; height:29px; border:1px solid #bebebe}
	.login_wrap dl dd input:focus	{z-index:1; border:1px solid #2b2b2b}
	.login_wrap dl dd button	{margin-top:6px; width:240px;}

	.login_wrap .btn_wrap button	{width:240px}
	.login_wrap .btn_wrap .facebook	{background:#3b5998 url('/images/common/facebook_logo.svg') no-repeat 16px 15px; background-size:10px 16px; color:#fbfbfb}
	.login_wrap .btn_wrap .google		{background:#db402c url('/images/common/google_plus.svg') no-repeat 16px 17px; background-size:16px 12px; color:#fbfbfb}

	.join_wrap .check_list ul li .view	{padding:3px 5px 1px 5px; line-height:11px}

	/* Login */
	#join.layer_popup	{margin:0; width:auto;}
	.join_wrap	{margin:0 auto; width:240px; padding:90px 0 0 0}

	/* 이용약관 */
	#terms.layer_popup	{margin:0; width:auto;}
	.term_wrap	{margin:0 auto; width:240px; padding:90px 0 0 0}
	.term_wrap .term_box .info	{height:128px}

	/* Contact us */
	#contact.layer_popup	{overflow:initial; top:50%; left:50%; bottom:auto; margin:-170px 0 0 -145px !important; width:290px; height:auto; background:#fff; border-radius:5px}
	.cont_wrap	{margin:0 auto; padding:32px 30px 30px 30px}
	.cont_wrap h1	{margin:-80px -35px 52px -35px; padding:5px 10px; color:#fff; font-size:12px; line-height:20px; letter-spacing:2px;}
	.cont_wrap .table_wrap	{margin-top:5px; border:0}
	.cont_wrap .table_wrap table tbody tr td	{padding:3px 0 3px 0; border:0}
	.cont_wrap .table_wrap table tbody tr td input	{width:208px; height:18px}
	.cont_wrap .table_wrap table tbody tr td textarea	{width:208px; height:103px;}
	.cont_wrap .btn_wrap	{margin-top:10px}

	/* 비밀번호 재확인 */
	#reconfirm.layer_popup	{overflow:initial; top:50%; left:50%; bottom:auto; margin:-150px 0 0 -145px !important; width:290px; height:auto; background:#fff; border-radius:5px}
	.reconfirm_wrap	{margin:0 auto; padding:30px}
	.reconfirm_wrap dl dd input	{width:198px}
	.reconfirm_wrap .btn_wrap button	{width:48.5%; height:37px; line-height:37px}

	/* 배송지 정보변경 */
	#delivery.layer_popup	{overflow:initial; top:50%; left:50%; bottom:auto; margin:-174px 0 0 -145px !important; width:290px; height:auto; background:#fff; border-radius:5px}
	.modify_wrap		{margin:0 auto; padding:30px}
	.modify_wrap h1	{color:#2b2b2b; font-size:12px; letter-spacing:2px}
	.modify_wrap .table_wrap table tbody tr th	{padding:9px 0;}
	.modify_wrap .table_wrap table tbody tr td	{padding:5px 0;}
	.modify_wrap .table_wrap table tbody tr td .add_wrap .add_num input:first-child	{width:50px}
	.modify_wrap .table_wrap table tbody tr td .add_wrap .add_num span	{left:55px}

	.modify_wrap .btn_wrap	{margin-top:20px; height:35px}
	.modify_wrap .btn_wrap button	{margin:0; width:48.5%; height:35px; line-height:35px}
	.modify_wrap .btn_wrap button:first-child	{float:left;}

	/* 구매자 정보변경 */
	#modify.layer_popup	{overflow:initial; top:50%; left:50%; bottom:auto; margin:-137px 0 0 -145px !important; width:290px; height:auto; background:#fff; border-radius:5px}

}