/*------------------------------------------------------
최종 작업자 :shin
최종 수정일 :2014/11/27
최종 수정사항 :디렉토리 구조 변경

폰트 스타일 설명
나눔고딕 : NG (400,700,800)
나눔명조 : NM (400,600,700)
맑은고딕 : Malgun Gothic
------------------------------------------------------*/
body,th,td,div,p,h3,h4,a,li,textarea,input,select,span {font-size:13px; font-family:'Noto Sans KR', 'sans-serif'; color:#000}
a { text-decoration:none; color:#000; font-size:13px; font-family:'Noto Sans KR', 'sans-serif';}
input[type='text'],input[type='password'] {height:29px; padding-left:4px; line-height:29px; margin:2px 0px; width:225px; outline:none;}
input[type='file'] {border:1px solid #ccc; height:25px; line-height:25px; width:98%; margin:2px 0px; outline:none; }
input[type='radio'],input[type='checkbox'] { margin:0px; padding:0px; margin:2px; outline:none;}
textarea {border:1px solid #ccc; padding:8px; resize:none; margin:2px 0px; outline:none;}
select {height:26px;}

/* body 백그라운드 적용시 여기로 */
#wrapper {width:100%; min-width:990px; overflow:hidden;}

/* 홍보용/쇼핑몰 전체 감싸는 중앙 부분 */
#container {min-width:990px; overflow:hidden;}

/* 메인페이지 */
#mcontent {min-width:990px; overflow:hidden}
#header, #footer {min-width:990px; }
#footer {background:#3d3d3d;}

/* 서브 전체 감싸는 박스*/
#scontainer {width:990px; margin:20px auto; overflow:hidden}

/* 서브 콘텐츠 부분 */
#scontent,
#shopcontainer {float:right; width:780px; min-height:650px; background:#fff; line-height:1.8}

/* 서브 콘텐츠 가로사이즈 100% */
#scontent.wide {width:100%;}

/* ================== 퀵 ================= */
#left-right { position:absolute; width:990px; margin:0 auto}
/* quick_left */
#fxleftbanner { position:absolute; color:#333; left:0px; z-index:0; width:63px}
#fxleftbanner img { }
/* quick_right */
#fxrightbanner, #fxrightbanner a, #fxrightbanner a:hover {}
#fxrightbanner {position:absolute; height:100%; width:80px}
@media all and (max-width:1100px) { #fxrightbanner, #fxleftbanner { display:none;}}

/* 신규 우측퀵메뉴 */
#familyBox {position:fixed; top:0px; right:-317px; width:347px; height:100%; z-index:99999}
#familyTogleBT {position:absolute; top:40%;left:-7px; cursor: pointer;}
#familyBox2 {position:relative; left:25px; width:216px; height:100%; padding-top:10px; background:#f7f7f7; border-left:5px solid #acacac;}
#familyBox2 .sms-bg {display:inline-block; margin-left:10px}
#familyBox3 {width:176px; min-height:256px; margin-left:10px; background:url(/design/images/left_right/sms_bodybg.jpg) repeat-y;  text-align:center; overflow:hidden}
#familyBox3 ul li {display:inline-block; margin:0 auto;}
#familyBox3 ul li span {font-size:16px; color:#45aef2; font-weight:600; margin-bottom:4px;}
#familyBox3 ul li h3 {font-size:11px; font-weight:normal; color:#666;}
#quick-sms {display:inline-block; width:140px;}
#quick-sms form {border-top:1px dotted #d1d1d1; padding-top:5px; margin-top:10px;}
#quick-sms p span {width:45px; display:block; float:left; line-height:25px; padding-bottom:3px; margin:3px 0px; text-align:left; font-size:12px; font-weight:600; color:#444;}
#quick-sms p input {width:90Px; margin:3px 0;color:#666; line-height:25px; height:25px; font-size:11px;}
#quick-sms textarea {width:140px; margin:5x 0; height:70px; padding:5px; color:#666;}
#quick-sms .captcha {margin-top:6px; width:140px; border-top:1px dotted #d1d1d1; padding-top:5px;}
#quick-sms .captcha span {width:140px;padding:5px 0; font-size:12px; font-weight:600; padding-bottom:5px; color:#444; display:block; float:left;}
#quick-sms .captcha img {width:65px; height:23px;}
#quick-sms .captcha input {float:right; width:70px; line-height:25px; height:25px; font-weight:600; margin:0; background:#fff5f7; color:#666;}
#quick-sms .policy {text-align:center; margin:4px auto;}
#quick-sms .policy img {float:left;  margin-top:3px; font-size:12px; display:block;}
#quick-sms .policy span {float:right; margin-top:3px; font-size:12px; letter-spacing:-2px;}
#quick-sms .sms-btn {display:block; text-align:center; margin:15px auto 0px;}
#familyBox2 .banner {display:block; margin:15px auto 0px;}
#familyBox2 .banner a {display:block; font-size:14px; padding:12px 0px; text-indent:28px; border-top:1px solid #d1d1d1; color:#333}
#familyBox2 .banner .fa {margin-right:10px}

/* 장바구니 */
.today {text-align:center; border-bottom:1px solid #d1d1d1;}
.today p {font-size:14px; padding:12px 0px; border-top:1px solid #d1d1d1;}
.today .fa {display:block; padding:5px 0px; font-size:20px; cursor:pointer}
.todayview {margin:10px 0px;}
.todayview img.todayimg {display:inline-block; width:80px; height:80px; border:1px solid #e7e7e7;}

span.qbasket {padding:3px 7px; font-size:14px; background:#f56986; display:inline; margin-left:3px; color:#fff; border-radius:5px;}
/* ================== 퀵 ================= */

/* 기본 정보출력 테이블 홍보용과 쇼핑몰 모두 공통 - 백그라운드 적용된 홈페이지일 경우 일괄 변경 처리*/
.bordertable { border-collapse:collapse; border-spacing:0; border:0px; width:100%; }
.bordertable thead { border-top:3px solid #556982; border-bottom:1px solid #d1d1d1; background:#f4f4f4; } /*타이틀(제목)바 색상*/
.bordertable th { border-collapse:collapse; border-spacing:0; padding:0 5px; border:none; color:#000; padding:15px 0}
.bordertable tbody td { border-bottom:1px solid #e0e0e0; color:#000; background:#fff;}
.bordertable tbody td input{ margin:3px 0px}
.bordertable .subtitle { background:#f4f4f4; padding:10px 5px}  /* 테이블 왼쪽항목 색상*/
.bordertable2-box {position:relative; border:3px solid #556982; margin:20px 0px; overflow:hidden}
.bordertable2 { border-collapse:collapse; border-spacing:0; border:0; width:100%;} /*쇼핑몰 합계금액 출력 테이블*/
.bordertable2 th{ border-collapse:collapse; border-spacing:0; border:1px solid #ccc; background:#f4f4f4;} /*쇼핑몰 합계금액 출력 테이블*/
.bordertable2 td{ border-collapse:collapse; border-spacing:0; border:1px solid #ccc; background:#fff;} /*쇼핑몰 합계금액 출력 테이블*/
.subtitle { background:#f4f4f4; } /* 테이블 왼쪽항목 색상*/
.bordertable tr.base-border-line td, .bordertable tr.base-border-line { border:none; border-bottom:1px solid #ccc; padding:10px 0;} /* 줄 라인*/
.bordertable tr.base1-background td, .bordertable tr.base2-background td { border:none; border-bottom:1px solid #ccc; background:#fff}  /* 튜톤 칼라 */
.base-border { border:1px solid #ccc;} /*퀵 약관 등 박스 보더*/

.base-border2 { border-top:2px solid #666; }
.base-border3 { border:4px solid #dfdfdf; padding:4px} /*카테고리 박스*/
.base-border-line { border:none; border-bottom:1px dotted #ccc; padding:3px} /*밑줄라인 색상*/
.base1-background { background:#fff} /* 퀵-약관, 테이블 등 기본 배경색*/
.base2-background { background:#f4f4f4}
.bordertable3 { border-collapse:collapse; border-spacing:0; border:0px; width:100%; }
.bordertable3 td{ border-collapse:collapse; border-spacing:0; border:0px; padding:0px}
/*회원가입/정보수정 관련 박스*/
.membertable { border-collapse:collapse; border-spacing:0; border:1px solid #e0e0e0; width:100%; }
.membertable thead { border-top:3px solid #556982; border:1px solid #d1d1d1; background:#f4f4f4; } /*타이틀(제목)바 색상*/
.membertable th { border-collapse:collapse; border-spacing:0; border:none; color:#000; padding:15px 0}
.membertable tbody td { border-bottom:1px solid #e0e0e0; padding:3px 5px; color:#000; background:#fff;}
.membertable .subtitle { background:#f4f4f4; padding:10px 5px }  /* 테이블 왼쪽항목 색상*/

/* 로그인 회원가입 주문조회 */
.login-box {background:#fff; padding-bottom:30px; margin-bottom:30px; border:1px solid #d1d1d1; background:#f7f7f7; padding:70px 60px; overflow:hidden}
.login-box .title {position:relative; float:left; width:30%; font-size:30px; line-height:1.2; color:#555; font-weight:normal; margin-top:22px;
padding-bottom:150px;}
.login-box .title:after {position:absolute; content:''; border-top:2px solid #c7282d; width:40px; left:0; top:-10px;}
.login-box .info {float:left; width:70%;}
.login-box .box {margin:10px 0px; overflow:hidden}
.login-box .input {float:left; width:70%; text-align:left; line-height:35px; overflow:hidden; font-size:14px; margin-right:2%;}
.login-box .input dt {width:30%; margin-bottom:10px; margin-right:2%; float:left; text-align:left}
.login-box .input dd {width:68%; margin-bottom:10px; float:left;}
.login-box .input dd select,
.login-box .input dd option,
.login-box .input dd input {width:100%; line-height:35px; height:35px; margin:0; padding:0px 0px 0px 5px;}
.login-box .login-btn {float:left; width:28%; background:#d83030; color:#fff; font-size:18px; cursor:pointer; margin:0; padding:31px 0px; text-align:center; border:0px; font-weight:bold; overflow:hidden; border-radius:5px;}
.login-box .login-btn.order {padding:53px 0px;}
.login-box .login-btn:hover, .login-btn:focus {background:#565656;}

.login-box .join {text-align:right}
.login-btn2 {display:inline-block; background:#565656; border-radius:4px; padding:8px 20px; color:#fff; cursor:pointer; margin-left:8px}
.login-btn2 .fa {font-size:14px; margin-right:5px}
.login-btn2:hover {background:#22b2c8;}

.login-box .help dd {border-bottom:1px dotted #d1d1d1}

/* 상단 타이틀 - 주문내역-구매내역-장바구니-간편결제 등 */
.page-subtitle-box { position:relative; overflow:hidden; font-size:12px; color:#666}
.page-subtitle-box .page_sub1 {width:100%; float:left; border-bottom:2px solid #555;  color:#333; padding-bottom:18px; font-family:NG; font-size:25px; font-weight:600;}
.page-subtitle-box .page_sub1 i {margin-right:10px; color:#d51e1e;}
.page-subtitle-box .page_sub2 {width:99.8%; float:left;padding:20px 0; background:#f9f9f9; border:1px solid #d1d1d1; color:#555; text-align:center; font-family:NG; font-size:12.5px;}


/* 상단 top scroll */
#back-top {position:fixed; bottom:30px; right:30px; color:#fff; z-index:80; background:#565656; width:55px; height:55px; border-radius:18px 0 18px 0; -moz-border-radius:18px 0 18px 0; -webkit-border-radius:18px 0 18px 0; -o-border-radius:18px 0 18px 0; text-align:center; line-height:55px}
#back-top a{color:#fff; font-size:12px; font-weight:700; text-decoration:none}
#back-top a:hover{color:yellow; text-decoration:none}

/* 에니메이트  기본 속성 */
.animated {  -webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.transtition {transition: all 100ms ease-in 0s;}

/* 모바일 간편결제 */