/*-----------------------------------------------------------------*/
/* CSS Table of Contents
/*-----------------------------------------------------------------*/
/*
1. Reset

2. Global
2-1. table
2-2. button
2-3. box
2-4. etc

3. Layout
3-1. wrapper
3-2. header
3-3. content
3-4. footer
3-5. snb

4. Page
4-1. 메인
4-2. 상점
4-3. 회원
4-4. 마이페이지
4-5. 추가페이지

5. 기타

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/

/* font (나눔고딕 / 'Nanum Barun Gothic') */
@font-face {
	font-family : 'Nanum Barun Gothic';
	src :url(https://m.gpngp.co.kr/_skin/m_gpin/img/etc/NanumBarunGothic.eot);
	src :url(https://m.gpngp.co.kr/_skin/m_gpin/img/etc/NanumBarunGothic.eot?#iefix) format('embeded-opentype'),
		url(https://m.gpngp.co.kr/_skin/m_gpin/img/etc/NanumBarunGothic.woff) format('woff');
}

@font-face {
	font-family : 'Nanum Barun Gothic';
	font-weight: 700;
	src :url(https://m.gpngp.co.kr/_skin/m_gpin/img/etc/NanumBarunGothicBold.eot);
	src :url(https://m.gpngp.co.kr/_skin/m_gpin/img/etc/NanumBarunGothicBold.eot?#iefix) format('embeded-opentype'),
		url(https://m.gpngp.co.kr/_skin/m_gpin/img/etc/NanumBarunGothicBold.woff) format('woff');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; color:inherit; font-family:'Nanum Barun Gothic', '돋움', dotum, sans-serif; font-size:12px; line-height:normal; vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {min-width:320px; word-break:break-all; -webkit-text-size-adjust:none;}
ol, ul, li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {vertical-align:top;}
a {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}

.hidden {visibility:hidden; overflow:hidden; width:1px; height:1px; margin:0 !important; padding:0 !important; font-size:0;} /* 히든 */
.empty {padding:20px 0 !important; text-align:center;} /* 빈 상태 */
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;} /* 아이폰 초기화 */
.p_color {color:#ed1c24;}


/*-----------------------------------------------------------------*/
/* 2. Global style
/*-----------------------------------------------------------------*/

/* input */
.input {width:100%; height:40px; padding:5px; border:1px solid #d8d8d8; color:#000; font-size:1rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}
.input.file {line-height:28px;}
.input_ea {width:40px; height:25px; padding:0 5px; border:1px solid #d8d8d8; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:23px;}
.input_text {width:100%; height:80px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* select */
select {height:40px; background:#fff; padding:5px; border:1px solid #d8d8d8; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}
input[type=checkbox] {width:20px; height:20px; vertical-align:middle;}
h3.title {padding:20px 0 10px; font-size:1.5em;}

/*-----------------------------------------------------------------*/
/* 2-1. Global table style
/*-----------------------------------------------------------------*/

/* 테이블 스타일 - 가로 */
.tbl_col {clear:both; table-layout:fixed; width:100%; border-collapse:collapse;}
.tbl_col caption {padding:10px 0; font-weight:bold; text-align:left;}
.tbl_col th {padding:10px 0; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; color:#181818; font-weight:normal; text-align:center;}
.tbl_col td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:center; vertical-align:middle;}
.tbl_col td a {color:#837d81;}
.tbl_col td * {vertical-align:middle;}
.tbl_col td.left {padding-left:10px; text-align:left;}

/* 테이블 스타일 - 세로 */
.tbl_row {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #000;}
.tbl_row caption {display:none;}
.tbl_row th {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; color:#181818; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row th label {color:#181818;}
.tbl_row td {padding:10px 0 10px 10px; border-bottom:1px solid #d7d7d7; color:#837d81; text-align:left; vertical-align:middle;}
.tbl_row td label {color:#837d81;}
.tbl_row td a {color:#231f20;}


/* 테이블 스타일 - 쿠폰 */
.tbl_coupon {clear:both; table-layout:fixed; width:100%; border:1px solid #e8e8e8; border-bottom:0; table-layout:fixed; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.tbl_coupon th {padding:15px; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:#fafafa; color:#000; font-size:11px; text-align:left; vertical-align:middle;}
.tbl_coupon td {padding:15px 0; border-bottom:1px solid #e8e8e8; font-size:11px; text-align:left; vertical-align:middle;}
.tbl_coupon td.left {padding-left:20px; color:#777;}
.tbl_coupon td.download {text-align:center;}
.tbl_coupon td.download span {padding:9px 12px; border:1px solid #dcdcdc; color:#000; font-size:11px;}

/*-----------------------------------------------------------------*/
/* 2-2. Global button style
/*-----------------------------------------------------------------*/

/* 버튼스타일 - 기본 */
.box_btn {display:inline-block; *zoom: 1; overflow:hidden; text-align:center; vertical-align:top;}
.box_btn * {-webkit-appearance:none; display:inline-block; *zoom: 1; width:110px; height:40px; margin:0; padding:0; border:1px solid #3b3b3b; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:0; background:#3b3b3b; color:#fff !important; font-family:'dotum', '돋움', sans-serif; font-size:12px; text-align:center !important; line-height:40px; cursor:pointer;}

/* 버튼스타일 - 모양 */
.box_btn.circle * {width:95px; height:95px; border-radius:100%; line-height:95px;}
.box_btn.ea * {width:25px; height:25px; line-height:25px;}

/* 버튼스타일 - 크기 */
.box_btn.block {display:block !important;}
.box_btn.block * {width:100%;}
.box_btn.small * {width:70px; line-height:25px; height:25px;}
.box_btn.middle * {width:110px; height:30px; line-height:30px;}
.box_btn.large * {width:140px; height:50px; line-height:50px;}
.box_btn.cmt * {width:85px; height:63px; line-height:63px;}

/* 버튼스타일 - 색상 */
.box_btn.white * {border:1px solid #3b3b3b; background:#fff; color:#3b3b3b !important;}
.box_btn.white2 * {border:1px solid #ddd; background:#fff; color:#837d81 !important;}
.box_btn.red * {border:1px solid #e80007; background:#e80007; color:#fff !important;}
.box_btn.gray * {border:1px solid #ddd; background:#e9e9e9; color:#999 !important;}

/* 버튼스타일 - 색상(그라데이션) */
.box_btn.grd_gray * {width:105px; border:1px solid #c1c1c1; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/button/bg_gray_gra.gif') repeat-x; color:#181818 !important;}

/* 버튼스타일 - 더보기+ */
.box_btn.more * {color:#3b3b3b !important; font-size:1.417rem !important; font-weight:bold !important;}

/* 2개 버튼 나열 */
.btn_col {padding:10px 0;}
.btn_col:after {display:block; clear:both; content:'';}
.btn_col .box_btn {float:left; width:49%;}
.btn_col .box_btn:nth-child(2) {float:right;}

/* 버튼스타일 - sns로그인 */
.box_btn.naver {margin-bottom:5px;}
.box_btn.naver * {border-color:#19a601; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/member/naver.gif') no-repeat left top #1ec701; background-size:auto 100%;}
.box_btn.facebook {margin-bottom:5px;}
.box_btn.facebook * {border-color:#314c83; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/member/facebook.gif') no-repeat left top #3e5c9a; background-size:auto 100%;}
.box_btn.kakao {margin-bottom:5px;}
.box_btn.kakao * {border-color:#d1bd0c; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/member/kakao.gif') no-repeat left top #f9e000; background-size:auto 100%; color:#000 !important;}

/*-----------------------------------------------------------------*/
/* 2-3. Global box style
/*-----------------------------------------------------------------*/

/* 박스 스타일 - 회원가입 완료, 회원정보수정 1단계, 회원정보수정 완료, 탈퇴 완료, 1:1문의 완료, 주문 완료, 소셜쿠폰 */
.box_common {clear:both; padding:10px; border:1px solid #d7d7d7; background:#f9f9f9; text-align:center;}
.box_common h3 {padding:10px 0;}
.box_common .point_color {color:#f36d14;}
.box_common .btn {overflow:hidden; padding:10px 0; text-align:center;}
.box_common.left {text-align:left;}
.box_common.space {margin:10px 0;}

/*-----------------------------------------------------------------*/
/* 2-4. Global etc style
/*-----------------------------------------------------------------*/

/* 상품 리스트 */
.prd_list {width:100%;}
.prd_list ul {display:table; width:100%;}
.prd_list ul li {padding-bottom:20px; text-align:center;}
.prd_list ul li .box {width:100%; text-align:left;}
.prd_list ul li .box .img {position:relative;}
.prd_list ul li .box .img img {width:100%; height:auto;}
.prd_list ul li .box .img .restocked,
.prd_list ul li .box .img .soldout {display:none;}
.prd_list ul li .box .img .icon {position:absolute; left:0; top:0; width:23px;}
.prd_list ul li .box .img .icon2 {position:absolute; right:0; top:0; width:23px;}
.prd_list ul li .box .img .icon img,
.prd_list ul li .box .img .icon2 img {width:23px; height:auto;}
.prd_list ul li .box.out .img .soldout {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;} /* 품절시 soldout 출력 */
.prd_list ul li .box.out .img .soldout .icon_soldout {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(255,255,255,0.5);}
.prd_list ul li .box.out .img .soldout .icon_soldout span {display:block; position:absolute; left:50%; top:50%; z-index:100; width:76px; height:76px; margin:-38px 0 0 -38px; border-radius:50%; background:#000; color:#fff; font-size:10px; line-height:76px; text-align:center; }
.prd_list ul li .box.restocked .img .restocked {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;} /* 품절시 soldout 출력 */
.prd_list ul li .box.restocked .img .restocked .icon_restocked {position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(68,175,251,0.5);}
.prd_list ul li .box.restocked .img .restocked .icon_restocked span {display:block; position:absolute; left:50%; top:50%; z-index:100; width:76px; height:76px; margin:-38px 0 0 -38px; border-radius:50%; background:#44affb; color:#fff; font-size:16px; line-height:76px; text-align:center; }
.prd_list ul li .box .info .name {padding-top:10px;}
.prd_list ul li .box .info .name a {color:#000;}
.prd_list ul li .box .info .normal_prc {color:#999; text-decoration:line-through;}
.prd_list ul li .box .color {padding-top:10px;}
.prd_list ul li .box .color ul li {display:inline; float:none; padding-right:2px;}
.prd_list ul li .box .color ul li img {width:12px; height:12px;}
.prd_list ul li .box .summary {margin-top:10px; color:#bcbcbc; font-size:11px;}

/* 두줄로 노출 */
.prd_list1 ul li {float:left; width:49%;}
.prd_list1 ul li:nth-child(even) {float:right;}
.prd_list1 ul li:nth-child(2n+1) {clear:both;}

/* 세줄로 노출 */
.prd_list2 ul li {float:left; width:32%;}
.prd_list2 ul li:nth-child(3n-1) {margin:0 2%;}
.prd_list2 ul li:nth-child(3n+1) {clear:both; float:left;}

/* 이미지만 노출 */
.prd_list3 ul li {float:left; width:49%; padding-bottom:2%;}
.prd_list3 ul li:nth-child(even) {float:right;}
.prd_list3 ul li:nth-child(2n+1) {clear:both;}
.prd_list3 ul li .box .info {display:none;}

/* 리스트 형식 노출 */
.prd_list4 ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.prd_list4 ul li .box:after {display:block; clear:both; content:'';}
.prd_list4 ul li .box .img {float:left; width:30%;}
.prd_list4 ul li .box .info {float:left; width:70%; padding-left:10px; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.prd_list4 ul li .box .info .summary {display:block;}

/* 상품정보 리스트 - 주문내역상세, 관심상품 */
.list_prd {border:1px solid #ddd;}
.list_prd li {padding:0 10px; border-top:1px solid #ddd; background:#f9f9f9;}
.list_prd li:first-child {border-top:0;}
.list_prd li:nth-child(even) {background:#fff;}
.list_prd li .box .prd_detail {overflow:hidden; padding:10px 0;}
.list_prd li .box .prd_detail .check {float:left; padding-right:10px;}
.list_prd li .box .prd_detail .img {float:left; padding-right:10px;}
.list_prd li .box .prd_detail .name {overflow:hidden; padding-bottom:5px; white-space:nowrap; text-overflow:ellipsis;}
.list_prd li .box .prd_detail .opt {clear:both;}
.list_prd li .box .prd_detail .opt select {width:100%; margin-top:5px;}
.list_prd li .box .price {clear:both; padding:10px 0; border-top:1px solid #ddd;}
.list_prd li .box .price .pay {padding-top:5px; color:#1795ea;}
.list_prd li .box .price .confirm {position:absolute; right:0; top:15px;}
.list_prd li .box .price .confirm a {padding:5px; background:#000; color:#fff;}
.list_prd li .box .delivery {padding:10px 0; border-top:1px solid #ddd;}
.list_prd li .box .delivery .stat {float:left; color:#f36d14;}
.list_prd li .box .delivery .confirm {float:right; padding-top:10px;}
.list_prd li .box .delivery .confirm a {padding:5px; background:#000; color:#fff;}
.list_prd li .box .delivery:after {display:block; clear:both; content:'';}
.list_prd li .box .btn_col {border-top:1px solid #ddd;}

/* 상품정보 리스트 - 장바구니, 주문서 */
.list_prd_cart {background:#fff;}
.list_prd_cart li {padding:15px 12px; border-bottom:1px solid #dedede;}
.list_prd_cart li .prd_detail {overflow:hidden; position:relative; padding-bottom:15px; }
.list_prd_cart li .prd_detail .check {float:left; padding-right:10px;}
.list_prd_cart li .prd_detail .img {float:left; padding-right:10px;}
.list_prd_cart li .prd_detail .img img {width:77px; height:auto;}
.list_prd_cart li .prd_detail .info {float:left;}
.list_prd_cart li .prd_detail .info p,
.list_prd_cart li .prd_detail .info p * {font-size:0.833rem !important; line-height:1.4rem;}
.list_prd_cart li .prd_detail .info .name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_prd_cart li .prd_detail .info .name a {font-weight:bold;}
.list_prd_cart li .prd_detail .info .erp_ea {color:#999;}
.list_prd_cart li .prd_detail .info .ea .edit {margin-top:3px;}
.list_prd_cart li .prd_detail .info .ea .edit a {width:95px;}
.list_prd_cart li .prd_detail .info .delete {position:absolute; right:0; bottom:15px;}
.list_prd_cart li .prd_detail .info .delete img {width:12px;}
.list_prd_cart li .price {padding-left:36px;}
.list_prd_cart li .price.price_ord {padding-left:0;}
.list_prd_cart li .price dl {padding-top:10px; border-top:1px solid #e5e5e5;}
.list_prd_cart li .price dl:after {display:block; clear:both; content:'';}
.list_prd_cart li .price dl dt {clear:both; float:left; width:50%; padding:4px 0; color:#666; font-size:0.750rem; text-align:left;}
.list_prd_cart li .price dl dd {float:right; width:50%; padding:4px 0; color:#666; font-size:0.750rem; text-align:right;}
.list_prd_cart li .price dl .total {color:#000; font-size:1rem; font-weight:bold;}

/* 리스트 */
.list_common {padding:10px; border:1px solid #ddd; background:#f9f9f9;}
.list_common dl {overflow:hidden;}
.list_common dl dt {clear:both; float:left; width:27%; padding:4px 0; text-align:left;}
.list_common dl dd {float:right; width:73%; padding:4px 0; text-align:right;}
.list_common dl dd .total {color:#f26522; font-weight:bold;}
.list_common.half dl dt {width:50%;}
.list_common.half dl dd {width:50%;}
.list_common.total {border-width:2px; border-radius:0;}

/* 타이틀 있는 리스트 */
.list_title li {clear:both; margin:10px 0; border:1px solid #d7d7d7;}
.list_title li h3 {padding:10px; border-bottom:1px solid #d7d7d7; background:#f9f9f9;}
.list_title li dl {overflow:hidden; padding:10px;}
.list_title li dl dt {clear:both; float:left; width:27%; padding:4px 0; text-align:left;}
.list_title li dl dd {float:right; width:73%; padding:4px 0; text-align:right;}

/* 리스트 입력폼 - 주문서 */
.list_input {padding:10px 12px;}
.list_input li {overflow:hidden; padding:3px 0; text-align:left;}
.list_input li:first-child {border-top:0;}
.list_input li label {display:block; padding-bottom:5px;}
.list_input li select {width:100%;}
.list_input li.addfd input[type=text] {width:100%; height:40px; padding:5px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:38px;}

/* 리스트 - 게시판 목록(/mypage/counsel_list.php & /mypage/order_detail.php & qna_list.php & review_list.php) */
.list_board {clear:both;}
.list_board li {padding:2px 0;}
.list_board li .frame {border:1px solid #ddd; border-radius:1px;}
.list_board li .frame.notice {background:#f6f6f6;}
.list_board li .frame .subject {padding:10px;}
.list_board li .frame .subject .title {overflow:hidden; width:100%; padding-bottom:5px; font-size:1em; white-space:nowrap; text-overflow:ellipsis;}
.list_board li .frame .subject .title img {height:16px; vertical-align:middle;}
.list_board li .frame .subject .title .notice {display:inline-block; margin-right:2px; padding:0 2px; border:1px solid #aaa; background:#fff; font-size:0.833em;}
.list_board li .frame .subject .stat {float:right; padding:0; color:#f36d14;}
.list_board li .frame .subject .name {font-size:0.75em;}
.list_board li .frame .subject .name img {height:12px; vertical-align:middle;}
.list_board li .frame .content {display:none; padding:10px; border-top:1px dotted #ddd; background:#f6f6f6; color:#363636; text-align:left;}
.list_board li .frame .content img {max-width:100%;}
.list_board li .frame .content .answer {margin-top:15px; padding:10px 0 10px 25px; border:1px solid #e0e0e0; background:#fff url('https://m.gpngp.co.kr/_skin/m_gpin/img/mypage/bullet_reply.gif') no-repeat 10px 10px; background-size:12px 10px;}
.list_board li .frame2 .prdimg {float:left; width:20%; padding:10px 0 10px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:center;}
.list_board li .frame2 .prdimg img {width:100%; height:auto;}
.list_board li .frame2 .subject {float:left; width:80%; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.list_board li .frame2 .subject .title {padding:5px 0;}
.list_board li .frame2:after {display:block; clear:both; content:'';}

/* 리스트 - 게시판 글쓰기(qna, review) */
.list_write {margin-top:10px; padding:10px; border:1px solid #ddd;}
.list_write li {padding:2px 0;}
.list_write li.grade img {height:10px; vertical-align:baseline;}
.list_write li .readonly {background:#eee;}
.list_write li select {width:100%;}
.list_write li input[type=file] {line-height:0;}

/* 전체선택 */
.select_all {margin-bottom:10px; padding:10px; border:1px solid #ddd; background:#f9f9f9;}
.select_all label {display:inline-block; padding:6px 0 0 10px; vertical-align:top;}

/* 전체선택 - 장바구니 */
.select_all_cart {position:relative; margin-bottom:6px; padding:10px 12px; border-bottom:1px solid #dedede; background:#fff;}
.select_all_cart label {display:inline-block; padding:6px 0 0 5px; vertical-align:top;}

/* 상품 진열 아이콘 */
.line_prd {position:relative; height:40px;}
.line_prd h3 {position:absolute; left:0; top:3px; font-size:1.167em; vertical-align:top;}
.line_prd .sort {position:absolute; left:0; top:0;}
.line_prd .sort select {height:25px; padding:0 5px;}
.line_prd ul {float:right;}
.line_prd ul li {float:left; border:1px solid #c4c1bc; border-left:0;}
.line_prd ul li:first-child {border-left:1px solid #c4c1bc;}
.line_prd ul li img {width:25px;}

/* 페이징 */
.paging * {vertical-align:middle;}
.paging {margin:30px 0 0 0; text-align:center;}
.paging li {display:inline; color:#9e9e9e; vertical-align:middle; margin:0; padding:0; font-size:0; line-height:0;}
.paging li strong {display:inline-block; width:39px; height:39px; border:2px solid #ed1c24; background:#fff; color:#ed1c24; line-height:39px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.paging li a {display:inline-block; width:39px; height:39px; border:1px solid #e8e3e3; background:#fff; color:#000; line-height:39px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/*-----------------------------------------------------------------*/
/* 3. Layout
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 3-1. wrapper
/*-----------------------------------------------------------------*/

#wrap {min-width:320px; width:100%;}
#layout {position:relative; background:#fff;}
.inner {padding:0 12px;}

/*-----------------------------------------------------------------*/
/* 3-2. header
/*-----------------------------------------------------------------*/

#header {width:100%; height:50px;}
#header .box_header {position:relative; top:0; z-index:20; width:100%; height:50px; border-bottom:1px solid #d1d1d1; background:#ed1c24; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#header .box_header.is_fixed {position:fixed;}
#header h1 {padding-top:0; text-align:center;}
#header h1 img {width:auto; height:50px;}
#header .gnb li a {display:block; width:46px; height:46px; background-size:19px; background-position:center; background-repeat:no-repeat; color:transparent;}
#header .gnb li.category a {position:absolute; left:0; top:0; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/category.png');}
#header .gnb li.search a {position:absolute; right:46px; top:0; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/search.png');}
#header .gnb li.my a {position:absolute; right:0; top:0; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/my.png');}
#header .searchform {display:none; position:absolute; left:0; top:46px; z-index:5; width:100%; padding:13px 10px; border-bottom:1px solid #d1d1d1; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#header .searchform .input {width:100%; height:40px; padding-right:40px; border:0; background:#eaeaea; color:#000; font-size:1rem; line-height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#header .searchform .btn {position:absolute; right:10px; top:5px; width:40px; height:40px; margin-top:7.5px;}

/*-----------------------------------------------------------------*/
/* 3-3. content
/*-----------------------------------------------------------------*/

#cnt {padding:0 12px 20px 12px;}
.subtitle span,
.subtitle a {display:block; height:42px; margin-bottom:12px; border-bottom:1px solid #d1d1d1; color:#000; font-size:1.125rem; font-weight:bold; text-align:center; line-height:42px;}
.subtitle a:after {display:inline-block; position:relative; top:-2px; width:0; height:0; margin-left:3px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:5px solid #000; content:'';}

/*-----------------------------------------------------------------*/
/* 3-4. footer
/*-----------------------------------------------------------------*/

#footer {background:#e6e6e6; text-align:center;}
#footer .cont {height:42px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; text-align:center;}
#footer .cont li {display:inline;}
#footer .cont li a {display:inline-block; padding:0 25px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/bullet_bar.gif') no-repeat left center; background-size:auto 9px; color:#666; font-size:0.833rem; line-height:42px;}
#footer .cont li:first-child a {background:none;}
#footer .info {padding:10px 18px; color:#999; font-size:0.750rem; text-align:left; letter-spacing:-0.5px;}
#footer .info * {color:inherit; font-size:inherit; line-height:1.4rem; }
#footer .info address {font-style:normal;}
#footer .info .menu {padding-top:15px;}
#footer .info .menu li {float:left;}
#footer .info .menu li a {display:inline-block; padding:0 8px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/bullet_bar2.gif') no-repeat left center; background-size:auto 9px; color:#999; font-size:0.833rem;}
#footer .info .menu li:first-child a {padding-left:0; background:none;}
#footer .info .menu:after {display:block; clear:both; content:'';}
#footer .quick {display:none; position:fixed; right:6px; bottom:10px; width:54px; z-index:20;}
#footer .quick img {width:54px; height:auto;}

/*-----------------------------------------------------------------*/
/* 3-5. snb
/*-----------------------------------------------------------------*/

/* snb 공통 */
.snb {display:none; position:absolute; top:0; z-index:40; width:275px; height:100%;}
.snb .area_scroll {overflow-y:auto; position:relative; width:100%; height:100%; background:#fff;}
.snb .area_scroll .btn_close {position:absolute; top:0; width:41px; height:46px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/button/btn_close.png') no-repeat 50%; background-size:16px; font-size:0; line-height:0; text-indent:-99999em; cursor:pointer;}

/* snb - 좌측 */
.snb1 {left:-275px;}
.snb1 .btn_close {right:0;}
.snb1 .box {position:relative; height:46px; padding-left:10px; background:#ed1c24; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.snb1 .member {border-bottom:1px solid #e3e3e3;}
.snb1 .member .i_member {display:inline-block; padding:0 0 0 17px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/i_member.png') no-repeat left center; background-size:auto 12px; color:#fff; font-size:1rem; line-height:46px;}
.snb1 .member .join {position:absolute; right:45px; top:10px; padding:5px; border:1px solid #fff; border-radius:2px; background:transparent; color:#fff; font-size:0.750rem; line-height:1;}
.snb1 .list {text-align:center;}
.snb1 .list ul li a {display:block; height:45px; color:#010101; font-size:1.083rem; font-weight:bold; line-height:45px;}
.snb1 .list ul li ul {display:none;}
.snb1 .list ul li ul li a {display:block; height:45px; background:#f2f2f2; color:#666; font-size:1rem; font-weight:bold; line-height:45px;}

/* snb - 우측 */
.snb2 {right:-275px;}
.snb2 .btn_close {left:0;}
.snb2 .area_scroll {min-height:480px;}
.snb2 .box {position:relative; height:46px; padding-left:41px; background:#ed1c24; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.snb2 .box .mypage {color:#fff; font-size:1.125rem; line-height:48px;}
.snb2 .info .level {height:34px; border-bottom:2px solid #d1d1d1; color:#010101; font-size:0.917rem; text-align:center; line-height:34px;}
.snb2 .info .have {padding:10px; border-bottom:1px solid #e6e6e6; background:#f6f6f6;}
.snb2 .info .have ul:after {display:block; clear:both; content:'';}
.snb2 .info .have ul li {float:left; width:50%; padding:24px 0; border:1px solid #ccc; border-width:1px 1px 1px 0; background:#fff; color:#010101; font-size:0.708rem; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.snb2 .info .have ul li span {display:block; padding-top:7px; color:#ed1c24; font-size:1.167rem; font-weight:bold;}
.snb2 .info .have ul li:first-child {border-left:1px solid #ccc; border-right:1px solid #e6e6e6;}
.snb2 .list_mypage ul li {padding:0 8px;}
.snb2 .list_mypage ul li a {display:block; width:100%; height:43px; padding-left:26px; border-bottom:1px solid #e6e6e6; background-size:13px; background-repeat:no-repeat; background-position:5px center; color:#181818; font-size:0.917rem; line-height:43px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.snb2 .list_mypage ul li:nth-child(1) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_order_list.png');}
.snb2 .list_mypage ul li:nth-child(2) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_milage.png');}
.snb2 .list_mypage ul li:nth-child(3) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_edit.png');}
.snb2 .list_mypage ul li:nth-child(4) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_draw.png');}
.snb2 .btn {padding:10px; text-align:center;}
.snb2 .call {display:block; position:absolute; right:0; bottom:0; width:100%; background:#f6f6f6; text-align:center;}
.snb2 .call .customer {padding:18px 0 6px; color:#000; font-size:0.750rem;}
.snb2 .call .customer strong {display:block; padding-top:7px; color:#ed1c24; font-size:1.292rem;}
.snb2 .call .phone {margin:12px 6px; height:38px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_phone.png') no-repeat 38% center #fff; background-size:10px; font-size:1.042rem; font-weight:bold; line-height:38px;}

/* 레이아웃 음영 */
.layout_dimmed {display:none; position:absolute; left:0; top:0; z-index:30; width:100%; height:100%; background:rgba(0,0,0,0.5);}


/*-----------------------------------------------------------------*/
/* 4. Page
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 4-1. 메인
/*-----------------------------------------------------------------*/

#main .visual_slides {overflow:hidden; position:relative; width:100%;}
#main .visual_slides .slides_container {overflow:hidden; width:100%;}
#main .visual_slides .slides_container ul {overflow:hidden; width:100%;}
#main .visual_slides .slides_container ul li {float:left; position:relative;  width:100%; top:0;}
#main .visual_slides .slides_container ul li img {width:100%; height:auto;}
#main .visual_slides .pagination {position:absolute; left:0; bottom:20px; z-index:10; width:100%; height:0; text-align:center;}
#main .visual_slides .pagination li {display:inline-block; margin:0 2px;}
#main .visual_slides .pagination li a {display:inline-block; width:6px; height:6px; border-radius:100%; background:#aaa;}
#main .visual_slides .pagination li.current a {background:#ed1c24;}
#main .main_new {padding:0 7.5px;}
#main .main_new h2 {padding:22px 0 15px; color:#000; font-size:1.250rem;}

/*-----------------------------------------------------------------*/
/* 4-2.상점
/*-----------------------------------------------------------------*/

/* 회원 쇼핑통장(장바구니, 주문서) */
.myshop_info {height:92px; margin-bottom:30px; border:1px solid #eaeaea;}
.myshop_info .name {float:left; width:306px; border-right:1px solid #eaeaea; text-align:center; line-height:92px;}
.myshop_info ul {float:left; width:650px; padding:19px 70px 0;}
.myshop_info ul li {float:left; width:122px; height:55px; margin-left:10px; text-align:center;}
.myshop_info ul li:first-child {margin-left:0;}
.myshop_info ul li a {display:block; height:55px; background:#f9f9f9; color:#6e6e6e;}
.myshop_info ul li a strong {display:block; padding:10px 0 5px; color:#000;}

/* 상품목록(/shop/big_section.php) */
#big_section .title {width:70%; margin:10px auto; padding:5px 0; border:3px double #c4c1bc; font-size:1.5em; text-align:center; line-height:25px;}
#big_section .prd_normal {margin-top:12px;}
#big_section .midcate {display:none;}
#big_section .midcate:after {display:block; clear:both; content:'';}
#big_section .midcate li {float:left; width:50%;}
#big_section .midcate li a {display:block; width:100%; height:34px; padding:0 17px; border-bottom:1px solid #d1d1d1; background:#f9f9f9; color:#000; font-size:0.833rem; line-height:34px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#big_section .midcate li:nth-child(odd) a {border-right:1px solid #d1d1d1;}
#big_section .midcate li.over a {background:#868686; color:#fff;}
#big_section .midcate:after {display:block; clear:both; content:'';}

/* 상품상세페이지(/shop/detail.php) */
#detail {background:#f1f1f1;}
#detail form {padding-bottom:12px; border-bottom:1px solid #dedede; background:#fff;}
#detail .prdimg {overflow:hidden; position:relative; text-align:center;}
#detail .prdimg img {width:100%; height:auto;}
#detail .addimg {display:none;}
#detail .addimg #product_add_image_list {overflow:hidden; width:100%;}
#detail .addimg #product_add_image_list .slides_container {overflow:hidden; width:100%;}
#detail .addimg #product_add_image_list .slides_container li {float:left; position:relative; width:100%; top:0;}
#detail .addimg #product_add_image_list .slides_container li img {width:100%; height:auto;}
#detail .addimg .pagination {position:absolute; left:0; bottom:20px; z-index:100; width:100%; height:0; text-align:center;}
#detail .addimg .pagination li {display:inline-block; margin:0 2px;}
#detail .addimg .pagination li a {display:inline-block; width:10px; height:10px; border-radius:100%; background:#c7c7c7;}
#detail .addimg .pagination li.current a {background:#fff;}
#detail .addimg #addimg_number {display:inline-block; position:absolute; left:15px; bottom:8px; width:40px; height:14px; border-radius:5px; background:#a4a29f; color:#fff; font-size:0.750rem; line-height:14px;}
#detail .addimg #addimg_number span {color:#fff; font-size:0.750rem;}
#detail .info_top {padding:16px 0; border-bottom:1px solid #e5e5e5; font-size:1.208rem;}
#detail .info_top .name {padding-bottom:5px; color:#000; font-size:inherit; font-weight:bold; line-height:1.4rem;}
#detail .info_top .price {position:relative;}
#detail .info_top .price strong {color:#ff0000; font-size:inherit;}
#detail .info_top .price span {padding-left:5px; color:#999; font-size:inherit;}
#detail .info_top .price .code {display:none; position:absolute; right:0; bottom:0;}
#detail .tbl_info {width:100%;}
#detail .tbl_info th {width:20%; padding:15px 0; border-bottom:1px solid #e5e5e5; color:#666; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .tbl_info td {width:80%; padding:15px 0; border-bottom:1px solid #e5e5e5; color:#666; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .box_opt .title {padding:18px 0; color:#666; font-size:1.042rem; font-weight:bold;}
#detail .box_opt .frame {overflow:auto; border:1px solid #555555; max-height:342px;}
#detail .box_opt .frame ul li {position:relative; padding:15px 10px; border-bottom:1px solid #f1f1f1;}
#detail .box_opt .frame ul li .opt {overflow:hidden; color:#000; font-weight:bold; line-height:1.4rem; white-space:nowrap; text-overflow:ellipsis;}
#detail .box_opt .frame ul li .price {padding-top:15px; color:#010101; font-size:1.167rem; font-weight:bold; line-height:1.4rem;}
#detail .box_opt .frame ul li .stock {color:#999; font-size:0.833rem;}
#detail .box_opt .frame ul li .ea {position:absolute; right:15px; bottom:10px;}
#detail .box_opt .frame ul li .ea span {overflow:hidden; float:left;}
#detail .box_opt .frame ul li .ea span img {padding:5px;}
#detail .box_opt .frame ul li .ea span.down {border:1px solid #d8d8d8; border-width:1px 0 1px 1px;}
#detail .box_opt .frame ul li .ea span.up {border:1px solid #d8d8d8; border-width:1px 1px 1px 0;}
#detail .box_opt .frame ul li .ea span .input {width:32px; height:30px; margin:0; padding:0; font-size:12px; text-align:center; line-height:30px;}
#detail .multi_opt .opt_total {overflow:hidden; *zoom:1; padding:15px 10px; text-align:right;}
#detail .multi_opt .opt_total strong {margin-left:3px; color:#222; font-size:1.167em;}
#detail .multi_opt .opt_total strong #detail_multi_option_prc {color:#ff2626; font-size:1.667em; font-weight:bold;}
#detail .detail_bottom {margin-top:6px; border-top:1px solid #dedede; background:#fff;}
#detail .tab li {float:left; width:33.33%; text-align:center;}
#detail .tab li a {display:block; padding:10px 0; border-bottom:1px solid #d6d6d6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#detail .tab li a.over {border-bottom:2px solid #d22222; color:#d22222;}
#detail .tab:after {display:block; clear:both; content:'';}
#detail .box_detail {padding:12px;}
#detail .box_detail1,
#detail .box_detail2,
#detail .box_detail3 {display:none;}
#detail .box_detail .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#detail .box_detail .detail_info img,
#detail .box_detail .common_info img {max-width:100%;}
#detail .title_related {padding:10px 0; color:#000;}

/* 장바구니(/shop/cart.php) */
.enterprise {padding-top:10px;}
.enterprise.headY {padding-top:0;}
.enterprise .msg_delivery {height:37px; border-bottom:1px solid #dedede; background:#fff; line-height:37px; }
#cart {background:#f1f1f1;}
#cart .cart_total {margin-top:6px; padding:12px; border:1px solid #dedede; border-width:1px 0; background:#fff;}
#cart .cart_total dl {overflow:hidden;}
#cart .cart_total dl * {font-size:0.833rem;}
#cart .cart_total dl dt {clear:both; float:left; width:50%; padding:4px 0; text-align:left;}
#cart .cart_total dl dd {float:right; width:50%; padding:4px 0; text-align:right;}
#cart .cart_total .total {margin-top:10px; padding-top:10px; border-top:1px solid #dedede; color:#ed1c24; font-size:1.250rem; font-weight:bold;}
#cart .order {padding-top:11px; padding-bottom:20px; background:#fff;}
#cart .guide {background:#fff;}
#cart .guide dt {color:#666; font-size:0.708rem; line-height:1.4rem;}
#cart .guide dd {padding:; color:#999; font-size:0.708rem; line-height:1.4rem;}

/* 주문서(/shop/order.php) */
#order {padding-top:6px; background:#f1f1f1;}
#order .box {margin-top:6px; border:1px solid #dedede; border-width:1px 0; background:#fff;}
#order h3.title {height:40px; padding:0 12px; border-bottom:1px solid #dedede; background:#fafafa; color:#000; font-size:1.042rem; line-height:40px;}
#order h3.title:after {display:block; clear:both; content:'';}
#order h3.title .btn_guest {float:right;}
#order .gocart {padding:12px;}
#order .gocart p {float:left; width:60%; padding-right:10px; color:#999; font-size:0.708rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#order .gocart .btn {float:right; width:40%;}
#order .gocart:after {display:block; clear:both; content:'';}
#order .list_common {padding:12px; border:0; background:#fff;}
#order .list_common .total {margin-top:5px; padding-top:5px; border-top:1px solid #ddd; color:#ed1c24; font-size:1.250rem;}
#order .list_common .total .milage {font-size:0.708rem;}
#order .enterprise {padding-top:20px;}
#order .enterprise.headY {padding-top:0;}
#order .enterprise .msg_delivery {padding-bottom:10px;}
#order .guest {text-align:left;}
#order .guest .box_frame {overflow-y:auto; -webkit-overflow-scrolling:touch; height:100px; border:1px solid #dbdbdb;}
#order .guest .box_frame iframe {width:100%; height:100%; border:0;}
#order .guest .agree_guest {padding:5px 0;}
#order .guest .agree_guest label {font-size:0.917em;}
#order .guest .agree_msg {padding:5px; background:#f4f4f4; font-size:0.833em;}
#order .select_cpn {padding:5px 0;}
#order .select_cpn span {color:#f46665;}
#order .input_phone {float:left; width:32%;}
#order .input_phone.mid {margin:0 2%;}
#order .msg {clear:both; padding-top:5px;}
#order .msg label {display:inline;}
#order .address .select {padding:10px 0;}
#order .address label {display:inline;}
#order .address select {width:100%; margin:10px 0;}
#order .address .input.mid {margin:5px 0;}
#order .order_cancel_msg {padding-top:5px; text-align:left;}
#order .total_info {padding:10px 0; text-align:left;}
#order .method {padding-top:12px;}
#order .method select {display:block; width:100%;}
#order .method .list_ordtype {border-top:1px solid #dbdbdb;}
#order .method .list_ordtype li {border:1px solid #dbdbdb; border-width:0 1px 1px 1px; padding:10px;}
#order .method .list_ordtype li label {display:block;}
#order .method .list_ordtype li.bank p {padding-top:5px;}
#order .method .list_ordtype li .box_receipt {margin-top:12px; padding:35px 23px; background:#f9f9f9;}

/* 주문완료(/shop/order_finish.php) */
#orderfin .info_banking {padding-top:10px;}
#orderfin .info_banking strong {color:#f46665;}
#orderfin .email {padding-top:10px; color:#181818; line-height:1.6;}
#orderfin .msg {color:#837d81; line-height:1.6;}
#orderfin .msg strong {color:#181818;}
#orderfin .box_gift {padding:20px 0 10px;}
#orderfin .box_gift h4 {padding-bottom:5px; font-size:0.917em;}
#orderfin .box_gift .list {overflow:hidden; margin-bottom:10px; border:1px solid #d6d6d6;}
#orderfin .box_gift .list li {position:relative; min-height:50px; padding:5px 0 5px 70px; border-top:1px solid #d6d6d6; text-align:left;}
#orderfin .box_gift .list li:first-child {border:0;}
#orderfin .box_gift .list li .chk {position:absolute; left:0; top:5px; line-height:50px;}
#orderfin .box_gift .list li .img {position:absolute; left:22px; top:5px;}
#orderfin .box_gift .list li .img img {width:41px; height:50px;}
#orderfin .box_gift .list li .name {font-size:0.917em;}

/* 상품검색(/shop/search_result.php) */
#search_result .box_search {position:relative;}
#search_result .box_search .box_input {margin-right:21%;}
#search_result .box_search .box_input .input {font-size:1rem; line-height:1rem;}
#search_result .box_search .box_input .box_btn {position:absolute; right:0; top:0; width:20%;}
#search_result .box_search .rank {margin-top:10px; border:1px solid #ddd;}
#search_result .box_search .rank .title {padding:5px; border-bottom:1px solid #ddd; background:#f9f9f9; text-align:center;}
#search_result .box_search .rank ol {display:none;}
#search_result .box_search .rank ol li {float:left; width:50%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}
#search_result .box_search .rank ol li span {display:inline-block; width:20px; background:#000; color:#fff; text-align:center;}
#search_result .box_search .rank:after {display:block; clear:both; content:'';}
#search_result .result_cate {margin-top:10px; border:1px solid #ddd;}
#search_result .result_cate h3 {padding:5px; border-bottom:1px solid #ddd; background:#f9f9f9;}
#search_result .result_cate ul li {float:left; width:50%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left;}
#search_result .result_cate:after {display:block; clear:both; content:'';}
#search_result .prd_normal {margin-top:10px;}

/* 최근본상품(/shop/click_prd.php) */
#click_prd .total_msg {padding:10px 0;}

/* 상품문의 & 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */
.minidetail .miniinfo {position:relative; padding:10px; background:#f6f6f6; color:#474645;}
.minidetail .miniinfo .img {float:left; width:40%; padding-right:10px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.minidetail .miniinfo .img img {width:100%; height:auto;}
.minidetail .miniinfo .list {float:left; width:60%; text-align:left;}
.minidetail .miniinfo .list .name {padding-bottom:10px; font-size:1.167em; font-weight:bold;}
.minidetail .miniinfo .list ul li {padding:2px 0; line-height:1.4;}
.minidetail .miniinfo .list ul li span {color:#837d81;}
.minidetail .miniinfo .list ul li .nprice {text-decoration:line-through;}
.minidetail .miniinfo .btn {clear:both; padding-top:10px;}
.minidetail .miniinfo .btn .box_btn {float:left; width:32%;}
.minidetail .miniinfo .btn .box_btn:nth-child(2) {margin:0 2%;}
.minidetail .miniinfo .btn:after {display:block; clear:both; content:'';}
.minidetail .bottom {padding:10px;}

/* 상품문의 & 상품후기 */
#qnarev_list .search {position:relative; margin:10px 0;}
#qnarev_list .search select {position:absolute; left:0; top:0; width:20%;}
#qnarev_list .search .box_btn {position:absolute; right:0; top:0; width:20%;}
#qnarev_list .search .box_btn * {width:100%;}
#qnarev_list .search .str {margin:0 20%; padding:0 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 상품문의 & 상품후기 */
#qnarev .qnarev_content .row * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#qnarev .qnarev_content .row img {max-width:100%;}
#qnarev .qnarev_content .row.question {text-align:left; padding-bottom:25px;}
#qnarev .qnarev_content .row.answer {margin-top:20px; text-align:left;}
#qnarev .qnarev_content .row.question strong,
#qnarev .qnarev_content .row.answer strong {color:#000;}
#qnarev .qnarev_content .edit_del {padding-top:10px; text-align:right;}
#qnarev .qnarev_content .edit_del img {width:49px; border:1px solid #ddd;}

/* 상품문의 & 상품후기 - 수정 */
#qnarevmod {text-align:center;}
#qnarevmod .modInput {padding:20px 0; text-align:center;}
#qnarevmod .modInput .input {border:1px solid #ddd;}
#qnarevmod .modInput * {vertical-align:middle;}
#qnarevmod .modi_pwd {display:none;}
#qnarevmod .modi_cnt {display:none; background:#fff; text-align:center;}
#qnarevmod .modcnt {padding:10px 0; text-align:left;}
#qnarevmod .modcnt * {vertical-align:middle;}
#qnarevmod .modcnt .input {width:80%;}
#qnarevmod .modcnt .input2 {width:100%; height:150px; border:1px solid #e9e9e9;}

/* 상품문의 - 바공개 열람 */
#pwbox {padding:10px; margin:10px 0; border:1px solid #ddd; background:#fff; text-align:center !important;}
#pwbox h3 {padding-bottom:10px;}
#pwbox p {padding:10px 0; color:#837d81;}
#pwbox .box_btn a,
#pwbox .box_btn input {line-height:40px !important;}

/* 상품이미지줌 - 팝업(/shop/zoom.php) */
#zoomimg {overflow:hidden; position:relative; width:100%; height:630px;}
#zoomimg h2 {padding:10px 0; font-size:14px; font-weight:bold; text-align:center;}
#zoomimg .img {position:relative; width:100%; height:593px; text-align:center;}
#zoomimg .img_view {width:100%; height:593px; padding:20px 0; text-align:center;}
#zoomimg .img_view img {}
#zoomimg .img_list {position:absolute; right:20px; top:20px; text-align:center;}
#zoomimg .img_list li {margin-top:5px;}
#zoomimg .img_list li img {width:60px; height:60px; border:1px solid #ddd;}
#zoomimg .box_btn {position:absolute; right:10px; bottom:10px;}

/*-----------------------------------------------------------------*/
/* 4-3. 회원
/*-----------------------------------------------------------------*/

/* 로그인 & 아이디,비밀번호찾기 */
.box_member {padding-top:12px;}
.box_member h3 {clear:both; padding:20px 0 5px; color:#000; font-weight:bold;}
.box_member h3.first {padding-top:0;}
.box_member .box_form div {padding-bottom:5px;}
.box_member .box_form div label {display:none;}
.box_member .box_form div .input_phone {width:32%;}
.box_member .box_form div .input_phone.mid {margin:0 2%;}
.box_member .box_form .msg {padding-bottom:10px;}
.box_member .box_form .savessl {padding:5px 0;}
.box_member .box_form .savessl:after {display:block; clear:both; content:'';}
.box_member .box_form .savessl * {color:#000; font-size:0.833rem;}
.box_member .box_form .savessl span {float:left;}
.box_member .box_form .savessl span.ssl {float:right;}
.box_member .btn_col {padding:0;}
.box_member .fail {padding:10px 0; border:1px solid #f46665; color:#f46665; text-align:center;}

/* 회원가입 약관동의(/member/join_step1.php) */
#join_agree .box {border:1px solid #d7d7d7; border-bottom:0;}
#join_agree .box .check {position:relative; height:43px; padding:0 10px; border-bottom:1px solid #d7d7d7; background:#fafbfb; color:#737373; text-align:left; line-height:43px; letter-spacing:-1px;}
#join_agree .box .check span {position:absolute; right:10px; top:10px;}
#join_agree .box .content {width:100%; height:100px; border-bottom:1px solid #d7d7d7;}
#join_agree .box .content iframe {width:100%; height:100px;}
#join_agree .member_type {padding:20px 0; text-align:center;}
#join_agree .member_type input {margin-left:20px;}

/* 회원가입 정보입력(/member/join_frm.php) */
#join_input .row_group {display:block; width:100%; margin-bottom:10px; border:1px solid #ddd;}
#join_input .row_group .group_title {padding:15px 0; border-bottom:1px solid #ddd; color:#837d81; font-weight:normal; text-align:center;}
#join_input .row_group fieldset {padding:10px;}
#join_input .row_group .row_field {*zoom:1; padding-bottom:10px; text-align:left;}
#join_input .row_group .row_field:after {content:''; clear:both; display:block;}
#join_input .row_group .row_field .field_title {display:block; padding:5px 0 10px 5px; color:#837d81; font-weight:bold;}
#join_input .row_group .row_field p.msg {clear:both; padding-top:5px; color:#bebebe; font-size:11px;}
#join_input .row_group .row_field .input {width:100%; height:40px; padding:0 10px; border-color:#c1c1c1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; line-height:40px;}
#join_input .row_group .row_field .input.readonly {background:#dbdbdb;}
#join_input .row_group .row_field .input:focus {border-color:#000;}
#join_input .row_group .row_id .input {float:left; width:70%; margin-right:2%;}
#join_input .row_group .row_id .box_btn {width:28%;}
#join_input .row_group .row_nick .input {float:left; width:70%; margin-right:2%;}
#join_input .row_group .row_nick .box_btn {width:28%;}
#join_input .row_group .row_phone .input {float:left; width:32%;}
#join_input .row_group .row_phone .input.center {margin:0 2%;}
#join_input .row_group .row_zip .zip_search {padding:10px; border:1px solid #ddd; background:#f9f9f9;}
#join_input .row_group .row_zip .zip_search .desc {padding-bottom:10px; border-bottom:1px solid #ddd;}
#join_input .row_group .row_zip .zip_search .type {padding:10px 0;}
#join_input .row_group .row_zip .zip_search .input_zipcode {float:left; width:58%; margin-right:2%;}
#join_input .row_group .row_zip .zip_search .box_btn {width:40%;}
#join_input .row_group .row_zip .zip_search select {clear:both; display:block; width:100%; margin-top:10px;}
#join_input .row_group .row_zip .add_mid {clear:both; margin:5px 0;}
#join_input .row_group .row_zip .add_mid .input:nth-child(2) {margin:5px 0;}
#join_input .row_group .row_email .input {float:left; width:47%;}
#join_input .row_group .row_email span {display:inline-block; float:left; width:6%; font-size:1.2rem; text-align:center; vertical-align:middle; line-height:40px;}
#join_input .row_group .row_email .input.center {float:right;}
#join_input .row_group .row_email select {clear:both; width:100%; margin-top:5px; border-color:#c1c1c1;}
#join_input .row_group .row_birth select {width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#join_input .row_group .row_birth .type {margin-top:10px;}
#join_input .row_group .row_biznum .input {float:left; width:32%;}
#join_input .row_group .row_biznum .input.center {margin:0 2%;}

/* 정보수정(/member/edit_step1.php) */
#edit_pw .msg {padding-bottom:15px; color:#837d81;}

/*-----------------------------------------------------------------*/
/* 4-4. 마이페이지
/*-----------------------------------------------------------------*/

/* 마이페이지(/mypage/mypage.php) */
#mypage .list {border-top:1px solid #ebebeb;}
#mypage .list li {position:relative; border-bottom:1px solid #ebebeb; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/arrow_ui_right.png') no-repeat 98% center; background-size:12px;}
#mypage .list li a {display:block; width:100%; height:35px; padding:0 10px 0 35px; background-size:35px; background-repeat:no-repeat; background-position:left top; color:#181818; line-height:35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#mypage .list li:nth-child(1) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_order_list.png');}
#mypage .list li:nth-child(2) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_wish.png');}
#mypage .list li:nth-child(3) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_milage.png');}
#mypage .list li:nth-child(4) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_emoney.png');}
#mypage .list li:nth-child(5) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_point.png');}
#mypage .list li:nth-child(6) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_coupon.png');}
#mypage .list li:nth-child(7) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_counsel.png');}
#mypage .list li:nth-child(8) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_attend.png');}
#mypage .list li:nth-child(9) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_edit.png');}
#mypage .list li:nth-child(10) a {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/icon_draw.png');}
#mypage h3 {padding:15px 0 5px;}

/* 주문내역(/mypage/order_list.php) */
.list_ord li {padding-bottom:10px;}
.list_ord li .box {border:1px solid #ddd;}
.list_ord li .box .date_stat {padding:10px; border-bottom:1px solid #ddd; background:#f9f9f9;}
.list_ord li .box .date_stat .stat {float:right; color:#f36d14;}
.list_ord li .box .date_stat .stat a {color:#f36d14;}
.list_ord li .box .prd {padding:10px;}
.list_ord li .box .prd .no {padding-bottom:5px; color:#1795ea;}
.list_ord li .box .prd .no span {text-decoration:underline;}
.list_ord li .box .prd .no a {color:#1795ea;}
.list_ord li .box .price {position:relative; margin:0 10px 10px 10px; padding-top:10px; border-top:1px solid #ddd;}
.list_ord li .box .price .pay {color:#1795ea;}
.list_ord li .box .price .confirm {position:absolute; right:0; top:15px;}
.list_ord li .box .price .confirm a {padding:5px; background:#000; color:#fff;}

/* 주문상세조회(/mypage/order_detail.php) */
#order_detail .stat_img {padding:10px 0;}
#order_detail .stat_img li {float:left; width:20%; padding:0 2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#order_detail .stat_img li img {width:100%; height:auto; border:1px solid #ddd;}
#order_detail .stat_img:after {display:block; clear:both; content:'';}
#order_detail .tab li {float:left; width:20%; text-align:center;}
#order_detail .tab li a {display:block; padding:10px 5px; border:1px solid #ddd; border-left:0;}
#order_detail .tab li:first-child a {border-left:1px solid #ddd;}
#order_detail .tab:after {display:block; clear:both; content:'';}
#order_detail .backtolist {padding-top:10px; text-align:center;}

/* 포인트(/mypage/point.php) */
#point .change {margin-top:10px; padding:20px; border:1px solid #d7d7d7; background:#f9f9f9; text-align:center;}
#point .change p {padding-bottom:5px;}

/* 1:1문의 글쓰기(/mypage/counsel_step1.php) */
#counsel_step1 .box_write li {padding:2px 0; text-align:left;}

/* 출석체크(/mypage/attend_list.php) */
#attend .box_common {margin-bottom:5px;}
#attend .date {overflow:hidden;}
#attend .date .month {float:left; position:relative; width:49%; height:42px; font-size:1.5em; font-weight:bold; text-align:center; line-height:42px;}
#attend .date .day {float:right; position:relative; width:49%; height:42px; font-size:1.5em; font-weight:bold; text-align:center; line-height:42px;}
#attend .date .prev {position:absolute; left:0; top:5px; width:30px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; line-height:30px;}
#attend .date .next {position:absolute; right:0; top:5px; width:30px; height:30px; border:1px solid #d7d7d7; background:#f9f9f9; line-height:30px;}
#attend table {width:100%; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#attend table thead th {padding:7px 0; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f5f5f5; font-weight:bold; color:#000; text-align:center;}
#attend table thead th:first-child {color:#ff7820;}
#attend table thead th:last-child {color:#0072bc;}
#attend table tbody td {height:40px; padding:5px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:right; vertical-align:top;}
#attend table tbody td:nth-child(7n) {color:#0072bc;}
#attend .attenY {background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/mypage/attend_ok.gif') no-repeat center; background-size:contain;}
#attend .attenN {background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/mypage/attend_no.gif') no-repeat center; background-size:contain;}
#attend .attenR {background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/mypage/attend_today.gif') no-repeat center; background-size:contain;}

/* 회원탈퇴(/mypage/withdraw_step1.php) */
#draw_input .msg {padding-bottom:10px; color:#837d81;}
#draw_input .reason {width:100%; height:100px; margin-top:10px; padding:5px; border:1px solid #afafb1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*-----------------------------------------------------------------*/
/* 4-5. 추가페이지
/*-----------------------------------------------------------------*/

/* 이용약관(/content/content.php?cont=uselaw) */
#uselaw {margin:20px; text-align:left;}
#uselaw * {color:#837d81; line-height:150%;}
#uselaw li {padding-bottom:20px;}
#uselaw li dl dt {color:#181818; font-weight:bold;}
#uselaw li dl dd ul li {padding:0 0 0 20px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/bullet.gif') no-repeat 10px 4px;}

/* 개인정보취급방침(/content/content.php?cont=privacy) */
#privacy {margin:20px; text-align:left;}
#privacy * {color:#837d81; line-height:150%;}
#privacy li {padding-bottom:20px;}
#privacy li dl dt {color:#181818; font-weight:bold;}
#privacy li dl dd dl dt {color:#181818; font-weight:normal;}
#privacy li dl dd ul li,
#privacy li dl dd ol li {padding:0 0 0 20px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/common/bullet.gif') no-repeat 10px 4px;}

/* 이용안내(/content/content.php?cont=guide) */
#guide img {width:100%; height:auto;}
#guide .tab:after {content:''; clear:both; display:block;}
#guide .tab li {float:left; width:50%; border:1px solid #e2e2e3; border-width:0 1px 1px 1px; color:#ddd; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#guide .tab li:nth-child(1),
#guide .tab li:nth-child(2) {border:1px solid #e2e2e3;}
#guide .tab li:nth-child(2n) {border-left:0;}
#guide .tab li a {display:block; padding:10px 0; color:#181818; text-align:center;}
#guide dl dt {padding-top:30px; font-weight:bold;}
#guide dl dt a {color:#181818;}
#guide dl dd {color:#837d81;}
#guide dl dd .step {margin:10px 0;}
#guide ul {padding-bottom:10px;}

/* 회사소개(/content/content.php?cont=company) */
#company {text-align:left;}
#company h2 {height:213.5px; margin-bottom:22px; padding-top:79px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/company_title.jpg') no-repeat center top; background-size:cover; color:#fff; font-size:1.167rem; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#company h2 span {display:block; padding-top:16px; font-size:1.333rem; font-weight:normal;}
#company h3 {padding-bottom:8px; color:#000; font-size:1.292rem;}
#company .vm .msg {padding-bottom:16px; color:#000; font-size:0.875rem; line-height:1.4rem;}
#company .vm .msg strong {color:#ff0000; font-size:inherit;}
#company .vm dl {width:100%; height:105px; padding-left:82.5px; border:1px solid #ddd; border-top:0; background-repeat:no-repeat; background-position:10.5px 22.5px; background-size:60px; color:#000; text-align:left; letter-spacing:-1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#company .vm dl.creative {border-top:1px solid #ddd; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/icon_creative.png');}
#company .vm dl.challenge {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/icon_challenge.png');}
#company .vm dl.communication {background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/icon_communication.png');}
#company .vm dl dt {padding-top:39px; font-size:1rem; font-weight:bold;}
#company .vm dl dt span {padding-left:5px; font-size:0.792rem; font-weight:bold;}
#company .vm dl dd {padding-top:5px; font-size:0.833rem;}
#company .ci {margin-top:19px; padding-top:24px; border-top:1px solid #ddd;}
#company .ci dl {padding-bottom:30px; background-repeat:no-repeat; background-position:left top; line-height:1.6rem;}
#company .ci dl dt {color:#da3832; font-size:1.042rem; font-weight:bold; line-height:inherit;}
#company .ci dl dd {color:#666; font-size:0.833rem; line-height:inherit;}
#company .ci dl.innovation {position:relative; top:-24px; padding:24px 0 0; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/company_innovation.jpg'); background-position:right top; background-size:120px auto;}
#company .ci dl.innovation dt {padding-bottom:20px;}
#company .ci dl.symbol {padding-top:161px; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/company_symbol.jpg'); background-size:auto 138px;}
#company .ci dl.color {padding-top:95px; background-image:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/company_color.jpg'); background-size:auto 85px;}
#company .brand {margin-top:19px; padding-top:24px; border-top:1px solid #ddd;}
#company .brand h3 {padding:0 12px 8px 12px;}
#company .brand ul li {padding-bottom:23px;}
#company .brand ul li .img img {width:100%; height:auto;}
#company .brand ul li dl {padding-top:72px; color:#000;}
#company .brand ul li dl dt {padding-bottom:12px; font-size:1.208rem; font-weight:bold;}
#company .brand ul li dl dd {font-size:0.792rem; line-height:1.6rem;}
#company .brand ul li.jd dl {background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/brand_jd_logo.gif') no-repeat 12px 33px; background-size:auto 20px;}
#company .brand ul li.don dl {background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/brand_don_logo.gif') no-repeat 12px 33px; background-size:auto 25px;}
#company .brand ul li.frebini dl {background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/brand_frebini_logo.gif') no-repeat 12px 33px; background-size:auto 25px;}
#company .brand ul li.babyra dl {padding-top:81px; background:url('https://m.gpngp.co.kr/_skin/m_gpin/img/etc/brand_babyra_logo.gif') no-repeat 12px 19px; background-size:auto 46px;}


/*-----------------------------------------------------------------*/
/* 5. 기타
/*-----------------------------------------------------------------*/

/* 댓글 - 리스트 */
#cmtlist {margin-top:10px; background:#fff; text-align:left;}
#cmtlist h3 {padding-bottom:5px; background:#f6f6f6;}
#cmtlist h3.white {background:#fff;}
#cmtlist li {padding:5px; border:1px solid #ddd; border-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#474645; word-break:break-all; word-wrap:break-word;}
#cmtlist li:last-child {border-bottom:1px solid #ddd;}
#cmtlist li p {padding-bottom:5px; color:#626261;}
#cmtlist li strong a {color:inherit; font-size:inherit;}
#cmtlist li .date {padding:0 5px; color:#626261;}
#cmtlist li .cmtcontent {font-size:0.917em;}

/* 댓글 - 쓰기 */
#cmtwrite {margin-top:5px;}
#cmtwrite .guest {margin-top:10px;}
#cmtwrite .guest .input {float:left; width:49%; background:#fff;}
#cmtwrite .guest .input:nth-child(2) {float:right;}
#cmtwrite .guest:after {display:block; clear:both; content:'';}
.box_comment {margin-top:5px;}
.box_comment .msg {padding:10px 0; border:1px solid #ddd; background:#fff; text-align:center;}
.box_comment .msg h3 {color:#181818; font-size:1.333em;}
.box_comment .msg p {padding:5px 0; color:#837d81;}

/* 게시판 - 상품연동 */
#product_search_frm {background:#fff;}
#product_search_frm .prd_search_list {min-height:600px; margin:10px;}
#product_search_frm .prd_search_list .tbl_row td .prd_name a {font-size:12px; font-weight:bold;}
#product_search_frm .prd_search_list .btn {padding:15px 0 10px 0;}
#product_search_frm .prd_search_list .search_prd {padding:10px 0;}
#product_search_frm .prd_search_list .search_prd .input {height:23px;}
.pick_list li {display: inline-block; width:122px; height:180px; margin-right:5px; padding-right:10px;  border-right:1px solid #dfdfdf; vertical-align:top;}
.pick_list a {color:#000; font-weight:bold;}
.pick_list dt {height:120px; margin-bottom:5px; border:1px dotted #000; text-align:center;}
.pick_list dd {width:100%; padding:2px 0; word-break:break-all;}
.pick_empty {margin-top:5px;}

/* 우편번호 레이어 */
.layer_zip_addr_list {width:100%;}
.layer_zip_addr_list .title {position:relative; padding:20px; background:#f7f7f7;}
.layer_zip_addr_list .title h1 {font-size:1.4rem; font-weight:bold; text-align:left;}
.layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;}
.layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:5px; height:25px; background:#b2b2b2; transform:rotate(45deg);}
.layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:10px; left:-10px; width:25px; height:5px; background:#b2b2b2; content:"";}
.layer_zip_addr_list table {width:100%; table-layout:fixed;}
.layer_zip_addr_list caption {display:none;}
.layer_zip_addr_list thead th {padding:10px 0; border-top:3px solid #000; text-align:center;}
.layer_zip_addr_list thead th:nth-child(1) {border-color:#374b64;}
.layer_zip_addr_list thead th:nth-child(2) {border-color:#26ace2;}
.layer_zip_addr_list tbody th {height:34px; padding:5px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;}
.layer_zip_addr_list tbody td {height:34px; padding:5px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;}
.layer_zip_addr_list tbody td * {color:#666;}
.layer_zip_addr_list tbody tr:nth-child(odd) {background:#f7f7f7;}
.layer_zip_addr_list tbody tr:last-child th,
.layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;}
.layer_zip_paging * {vertical-align:middle;}
.layer_zip_paging {margin:10px 0 20px; text-align:center;}
.layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;}
.layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #000; background:#000; color:#fff; line-height:30px;}
.layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;}

/* 유투브 동영상 크기 */
.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}