@charset "utf-8";

/* 선진 작업 */


/* 서브 공통
------------------------------------------------------------------------------------------------------------------------------------------------------*/
	a{display:inline-block;}
	#subContainer{padding-top:15px;}
	.sub-title{margin:0 auto; padding-bottom:15px; width:100%; text-align:center; line-height:1; font-size:18px; font-weight:bold; color:#333; border-bottom:1px solid #ddd;}
	

/* 제품 관련
------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.total-num{font-weight:normal; font-size:13px; color:#999;}
	
	.select-area{padding:10px 6px 7px; line-height:0; font-size:0;}
	.select-area select{width:100%;}

	.page-nav{margin:0 auto; padding-bottom:15px; width:100%; text-align:center; font-family:'Dotum'; font-size:18px; border-bottom:1px solid #ddd;}
	.page-nav a{display:inline-block; margin:0 6px; font-family:'Malgun Gothic'; line-height:1; font-size:18px; font-weight:bold; color:#333;}

	.page-more-btn{display:block; margin:10px 6px 0; width:calc(100% - 12px); height:36px; text-align:center; line-height:36px; font-weight:bold; color:#fff; background:#707070;}

	.goods-col2.sub{padding:0; margin:0 -3px; width:calc(100% + 6px);}


/* Login / join
------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#userContainer{padding:30px 20px; background:#ebebeb; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	#userContainer + footer{margin-top:0;}
	.user-wrap .form-btn{display:inline-block; width:65px; height:36px; font-weight:normal; line-height:36px; text-align:center; vertical-align:middle; font-size:12px; color:#fff; background:#777; border:0; border-radius:0;}

	.user-head{margin:0 auto; width:100%; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #ddd;}
	.user-head:after{content:""; display:block; clear:both;}
	
	.user-title{text-align:center; font-family:'Noto Sans KR'; line-height:1; font-size:22px; font-weight:700; color:#111;}
	.user-title span{display:block; margin-top:7px; line-height:1; font-weight:300; font-size:13px; color:#888;}

	.join-process{margin-top:20px; text-align:center; font-size:0; line-height:0;}
	.join-process li{display:inline-block; margin-left:5px; font-size:14px; font-weight:bold; color:#999;}
	.join-process li:first-child{margin-left:0;}
	.join-process li:after{content:'>'; display:inline-block; margin-left:5px; font-family:'Dotum'; vertical-align:middle;}
	.join-process li:last-child:after{display:none}
	.join-process li span{display:inline-block; margin-right:3px; width:22px; height:22px; text-align:center; font-weight:normal; line-height:22px; font-size:12px; color:#fff; border-radius:50%; background:#a1a1a1;}
	.join-process li.active{color:#e1342e;}
	.join-process li.active span{background-color:#e1342e; color:#fff;}

	.user-btn-area{margin:50px auto -3px; text-align:center; line-height:0; font-size:0;}
	.user-btn-area > a, 
	.user-btn-area > input[type="submit"]{border:0px; display:inline-block; margin:0 3px; width:calc(50% - 6px); height:45px; line-height:43px; text-align:center; font-size:16px;}
	.user-btn-area > a.blue,
	.user-btn-area > input[type="submit"].blue{background:#e1342e;}
	.user-btn-area > a.white{background:#fff; border:1px solid #ddd; color:#888;}
	.user-btn-area > a.blue,
	.user-btn-area > input[type="submit"].blue{background:#e1342e; border:1px solid #e1342e; color:#fff;}

	
	/* 약관동의 */
	.agree-title{margin:35px 0 10px; line-height:1; font-weight:bold; font-size:15px; color:#333;}
	.agree-box{padding:20px 30px; width:100%; height:200px; font-size:12px; background:#fff; overflow:scroll; overflow-x:hidden; border:1px solid #ddd;}
	.agree-check{margin-top:10px; font-size:14px; color:#333;}
	.agree-check strong{font-weight:normal; color:#e1342e;}
	.agree-check input[type="checkbox"]{margin-right:5px;}

	.agree-email{padding:20px 33px; width:100%; background:#fff; border:1px solid #ddd;}
	.agree-email .email-box > p:first-child{margin-bottom:15px;}
	.agree-email .email-box > div{height:35px; line-height:32px;}
	.agree-email .email-box select{position:relative; top:0.5px; margin-left:5px;}
	.agree-email .email-box select + a{position:relative; top:0.5px;}

	/* 회원가입 */
	.join-title{margin:35px 0 10px; line-height:1; font-weight:bold; font-size:15px; color:#333;}
	.join-title:nth-of-type(1){margin-top:0;}
	.join-title + .table-user{padding-bottom:0; border-bottom:0;}

	/* 테이블 */
	.table-user{table-layout:fixed; padding:10px 0; width:100%; border-top:2px solid #606060; border-bottom:2px solid #606060;}
	.table-user table{width:100%;}
	.table-user th{padding:8px 0; text-align:left; vertical-align:top; font-weight:bold; font-size:13px; color:#333;}
	.table-user th span{color:#d60000;}
	.table-user td{padding:8px 0; font-size:13px; vertical-align:top;}
	.table-user .desc{margin-top:5px; line-height:1.3; font-size:12px;}
	.table-user .desc-event{margin-top:5px; line-height:1.3; font-size:12px; color:#e1342e;}
	.table-user .desc input[type="checkbox"],
	.table-user .desc-event input[type="checkbox"]{margin-right:5px;}
	
	.table-user select,
	.table-user input[type="tel"],
	.table-user input[type="text"],
	.table-user input[type="password"]{width:100%; font-size:13px;}
	.table-user .input-signal{display:inline-block; text-align:center; vertical-align:middle; width:20px; line-height:36px;}
	
	.table-user .id-box input[type="text"]{width:calc(100% - 65px);}

	.table-user .email-box > div{margin-bottom:5px}
	.table-user .email-box input[type="text"]{width:calc(50% - 10px);}
	.table-user .email-box select{width:calc(100% - 65px);}
	.table-user .email-box .form-btn{width:100%;}

	.table-user .address-box p{margin-top:5px;}
	.table-user .address-box > div input[type="tel"]{width:calc(100% - 65px);}

	.table-user .call-box .input-signal{width:12px;}
	.table-user .call-box select,
	.table-user .call-box input[type="text"],
	.table-user .call-box input[type="tel"]{width:calc(100%/3 - 8px);}


	/* 회원가입 완료 */
	.end-icon{display:block; margin:0 auto 53px;}
	.join-end-area{padding:30px 0; width:100%; text-align:center;}
	.join-end-area p.tit{margin-bottom:15px; font-family:'Noto Sans KR'; font-size:23px; font-weight:500; color:#333;}
	.join-end-area p.tit span{color:#e1342e;}
	.join-end-area p.tit + p{font-size:13px; word-break:keep-all; color:#777;}
	.join-end-area .msg{margin-top:20px; padding:15px; text-align:center; font-weight:bold; word-break:keep-all; background:#fff; border:1px solid #ddd;}
	.join-end-area .msg span{color:#e1342e;}

	/* 에러 안내페이지 */
	.sorry-area{padding:60px 40px; text-align:center; background:#fff; border:1px solid #7d8085;}
	.sorry-area > p{line-height:1.4; font-size:28px; color:#333;}
	.sorry-area .desc{margin-top:15px; font-size:16px; color:#999;}
	.sorry-area .user-btn-area{margin-top:40px;}


/* Intro Login
------------------------------------------------------------------------------------------------------------------------------------------------------*/
	.login-box{padding:30px; width:100%; vertical-align:middle; background:#fff;}
	.login-box .msg{margin-bottom:10px; text-align:center; font-size:13px; color:#666;}
	.login-box input[type="text"],
	.login-box input[type="password"],
	.login-box select{margin-top:5px; width:100%; height:40px; background:#fff; border:1px solid #b7b7b7;}

	.login-box .save-id input[type="checkbox"]{display:inline-block; margin-right:5px; vertical-align:middle;}
	.login-box .save-id input[type="checkbox"] + label{display:inline-block; font-size:12px;}

	.login-box .btn-login{display:block; margin-top:10px; width:100%; height:45px; text-align:center; line-height:45px; font-size:16px; color:#fff; background:#e1342e;}
	.login-box .btn-join{margin-top:5px; width:100%; height:40px; text-align:center; line-height:40px; font-size:14px; color:#fff; background:#666a72;}
	.login-box .desc{margin-top:5px; font-size:12px; word-break:keep-all; color:#999;}
	.login-box .desc a{margin-left:10px; font-weight:bold; color:#e40000;}
	.login-box .desc span{font-family:'Dotum';}

/* My page
------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* main */
	.mypage-box{padding:20px 30px; text-align:center; font-size:15px; border:2px solid #ddd;}
	
	.mypage-menu{margin-top:40px; line-height:0; font-size:0; border-top:2px solid #333;}
	.mypage-menu li{float:left; padding:0 10px; width:50%; vertical-align:middle; line-height:40px; font-size:15px; border-bottom:1px solid #ddd;}
	.mypage-menu li:nth-child(odd){border-right:1px solid #ddd;}
	.mypage-menu li strong{font-size:13px; color:#e1342e;}
	.mypage-menu li:after{float:right; content:">"; display:inline-block; vertical-align:middle; font-size:15px; font-family:'Dotum'; color:#999;}