@charset "utf-8";

/*@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css');*/
@import url('/resources/fonts/nanumgothic/nanumgothic.css');
@import url('/resources/fonts/nanumbarungothic/nanumbarungothic.css');

/* reset */
html {overflow-y: scroll;}
* {box-sizing: border-box}
body {margin: 0; padding: 0; color: #000; font-size: 12px; line-height: normal; font-family: '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; letter-spacing: 0}
form {margin: 0; padding: 0}
hr {display: none; }
p, div, th, td, select, input {color: #000; font-weight: normal}
a:link, a:visited {color: #000; text-decoration: none}
a:active, a:hover {color: #000; text-decoration: none}
a img {border: 0 none}
fieldset {padding: 0; margin: 0; border: none}
input, select, textarea {vertical-align: middle; font-size: 1em; color: #000}
textarea {border: 1px solid #ddd; background: #fff; padding: 5px}
select {font-size: 11px; font-family: '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif}
button {padding: 0; margin: 0; border: none; background: none; vertical-align: top;}
a.button {cursor: pointer; vertical-align: middle}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal}
p,dl,dt,dd {margin: 0; padding: 0}
ul,li {margin: 0; padding: 0; list-style: none}
table {border-collapse: collapse}


/** common **/
header {width: 100%; min-width: 1280px; background: #000;}
.link_sns {width: 100%; min-width: 1280px; background: #22222e;}
.link_sns ul {overflow: hidden; width: 1280px; margin: 0 auto; text-align: right; }
.link_sns ul li {display: inline-block; margin-left: 7px; vertical-align: top}
.link_sns ul li a {display: block; width: 18px; height: 26px; background: url('../images/btn_headersns.gif') no-repeat left center; font-size: 0; text-indent: -9999px}
.link_sns ul li a.instar {background-position: -30px center}
.link_sns ul li a.youtube {background-position: -59px center}
.link_sns ul li a.twitter {background-position: -88px center}
.top_logo {overflow: hidden; width: 1280px; margin: 0 auto; position: relative; }
.top_logo h1 {width: 274px; margin: 9px auto 5px; text-align: center;}
.top_logo form {position: absolute; bottom: 25px; right: 0}
.top_logo form input[type='text'] {width: 157px; height: 22px; line-height: 22px; border: none; padding-left: 5px;}
.top_logo form button {margin: 2px 0 0 2px}
.lang {width: 100%; min-width: 1280px; background: url('/resources/images/bg_lang.gif') repeat-x center; height: 25px}
.lang ul {overflow: hidden; width: 1280px; margin: 0 auto; text-align: right; padding-right: 5px;}
.lang ul li {display: inline-block; margin-left: 7px; vertical-align: top; }
.lang ul li:first-child a:before {content: ''; display: inline-block; width: 15px; height: 15px; position: absolute; left: -20px; top: 5px; background: url('/resources/images/btn_lang.png') no-repeat left top}
.lang ul li a {display: block; color: #d6d6d6; font-size: 10px; line-height: 26px; position: relative;}
.lang ul li+ li a:before {content: ''; display: inline-block; width: 1px; height: 10px; background-color: #66666e; position: relative; top: 2px; margin: 0 12px 0 2px}

.top_menu {width: 100%; min-width: 1280px; height: 50px; background: #000; border-top: 1px solid #404040; text-align: center;}
.top_menu ul {overflow: hidden; display: inline-block;}
.top_menu ul li {float: left; }
.top_menu ul li+li {margin-left: 120px;}
.top_menu ul li a {color: #fff; font-size: 16px; display: table-cell; height: 50px; vertical-align: middle;}

section {width: 100%; min-width: 1280px; min-height: 200px}

footer {width: 100%; min-width: 1280px; background: #000; overflow: hidden;}
.btn_top {position: fixed; right: 0; bottom: 0; z-index: 1}
.footer_logo {margin-bottom: 30px; margin-left: -10px;}
.footer_info {overflow: hidden; width: 1280px; margin: 50px auto 35px; position: relative; }
.footer_info p {font-family: '돋움', 'Dotum', Verdana, AppleGothic, sans-serif; color: #b8b8b8; font-size: 12px; line-height: 16px; margin-bottom: 7px;}
.footer_sns {overflow: hidden; position: absolute; top: 0; right: 0}
.footer_sns a {float: left; display: block; width: 38px; height: 38px; background: url('../images/btn_footersns.gif') no-repeat left top; font-size: 0; text-indent: -9999px}
.footer_sns a.instar {background-position: -41px top}
.footer_sns a.youtube {background-position: -82px top}
.footer_sns a.twitter {background-position: -122px top}
.footer_sns a+a {margin-left: 2px;}
.footer_email {margin-top: 43px;}
.footer_email a {color: #fff; border-bottom: 1px solid #fff; display: inline-block;}

.wrap {width: 1280px; margin: 0 auto; overflow: hidden;}

/** main **/
.main_location {position: fixed; right: 40px; top: 45%; z-index: 2; }
.main_location a {display: block; width: 12px; height: 12px; border: 1px solid #e2caca; border-radius: 6px; font-size: 0; text-indent: -9999px; margin-bottom: 18px;}
.main_location a.on {background: #5a5a5a}

#main_movie {width: 100%; min-width: 1280px; background: #f4f4f4; padding: 10px 0}
#main_movie .wrap {background: #fff;}
.main_movie_frm {float: left; width: 768px; height: 432px; background: #000 url('../images/logo_bg.png') no-repeat center center}
.movie_txt {float: left; margin-left: 40px;}
.movie_txt p {font-size: 25px; font-weight: 600; margin: 142px 0 6px; padding-left: 8px;}
.movie_txt small {font-size: 12px; color: #737373; padding-left: 12px;}
.movie_txt a {display: block;}
.movie_txt a.movie_more {margin-top: 45px; padding-left: 3px;}
.movie_txt a.movie_next {margin-top: 60px;}

#main_lounge {width: 100%; min-width: 1280px; background: #000;}
#main_lounge .wrap {position: relative; height: 653px}
#main_lounge .wrap li {position: absolute; }
.lounge_1 {left: 511px; top: 0;}
.lounge_2 {left: 0; top: 0;}
.lounge_3 {right: 0; top: 0;}
.lounge_4 {right: 0; bottom: 0;}
#main_lounge .wrap li a img {vertical-align: top}

#main_instar .wrap {padding: 20px 0 40px}
.main_instar_title {position: relative; text-align: center; margin-bottom: 10px;}
.main_instar_title img {vertical-align: middle; margin-right: 5px;}
.main_instar_title a {position: absolute; right: 0; bottom: 10px}
#instafeed {width: 100%; overflow: hidden;}
#instafeed a {float: left; display: block; width: 170px; height: 170px; overflow: hidden; margin: 0 15px 15px 0;}
#instafeed a:nth-child(7n) {margin-right: 0;}
#instafeed a img {width: 100%; height: 100%}
#instafeed video {width: 100%; height: 100%}

#main_visual .bx-wrapper {width: 100%; min-width: 1280px;}
#main_visual .bx-viewport li {display: block;overflow: hidden; min-width: 1280px}
#main_visual .bx-viewport li img {width:auto; position: relative; left: 50%; margin-left: -952px; vertical-align: top}

#main_banner .bx-wrapper {width: 100%; min-width: 1280px; position: relative;}
#main_banner .bx-viewport li {display: block;overflow: hidden; min-width: 1280px}
#main_banner .bx-viewport li img {width:auto; position: relative; left: 50%; margin-left: -952px; vertical-align: top}
#main_banner .bx-controls {position: absolute; top: 210px; left:50%; margin-left: -600px; z-index: 1; width: 1200px;}
#main_banner .bx-controls-direction a {font-size: 0; text-indent: -9999px;}
#main_banner .bx-prev:after {content: ''; display: block; background: url('../images/btn_prev.png') no-repeat top left; width: 34px; height: 59px; position: absolute; left: 0; top: 0}
#main_banner .bx-next:after {content: ''; display: block; background: url('../images/btn_next.png') no-repeat top left; width: 34px; height: 59px; position: absolute; right: 0; top: 0}
/* 배너 롤링 기능 없을 경우 */
#main_visual>div,
#main_banner>div {width: 100%; min-width: 1280px;}
#main_visual li,
#main_banner li {display: block;overflow: hidden; min-width: 1280px}
#main_visual img,
#main_banner img {width:auto; position: relative; left: 50%; margin-left: -952px; vertical-align: top}


/** SNS **/
#main_instar .main_instar_title.wrap {padding: 0; margin-top: 40px;}
#instagram {
width: 1280px;
max-width: 1280px;
margin: 0 auto 100px;
}

/* clearfix */
#instagram:after {
content: '';
display: block;
clear: both;
}

/* ---- grid-item ---- */	 
.grid-item {
width: 25%;
float: left;
}

.img-featured-container {
overflow: hidden;
position: relative;
}

.img-featured-container img {
width: 100%;
}

.img-featured-container .img-backdrop {
background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0;
transition: all 0.3s ease;
}

.img-featured-container:hover > .img-backdrop {
opacity: 1;
}

/* center text horizontally and vertically on image hover */
.img-featured-container .description-container {
color: #fff;
font-size: 16px;
line-height: 1.2;
padding: 0 30px;
text-align: center;
line-height: 20px;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-style: preserve-3d;
z-index: 2;
opacity: 0;
transition: all .2s ease;
}

.img-featured-container .description-container .fa-instagram {
font-size: 40px;
}

.img-featured-container .description-container p {
margin-bottom: 0;
font-size: 15px;
line-height: 22px;
}

.img-featured-container:hover .description-container {
opacity: 1;
}

.img-featured-container .description-container .caption {
display: block;
margin-bottom: 10px;
color: #fff
}

.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments {
margin: 0 5px;
}

/* load more button */
#btn-instafeed-load {
color: #fff;
background: #26a3ff;
font-size: 16px;
margin: 20px auto;
padding: 8px 40px;
display: block;
border: none;
}

#main_instar .sub_container .main_instar_title.wrap {margin: 0 0 26px; border-bottom: 1px solid #ddd;}


/** sub **/
/* common */
#sub {width: 100%; min-width: 1280px;}
#sub h2 {width: 100%; min-width: 1280px; overflow: hidden;}
#sub h2 img {position: relative; left: 50%; margin-left: -950px;}

.sub_container {width: 1280px; margin: 0 auto}
.sub_container:after {content: ''; display: block; clear: both;}

.nav_left {float: left; width: 281px;}
.nav_left h3 {font-family: 'Nanum Barun Gothic', '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; font-size: 20px; font-weight: bold; height: 60px; padding: 20px 4px 0; border-bottom: 1px solid #ccc; position: relative;}
.nav_left ul li {font-size: 15px; border-top: 1px solid #ccc; line-height: 38px; padding-left: 4px;}
.nav_left ul li:first-child {border-top: none; padding-top: 6px;}
.nav_left ul li.on a {font-weight: bold}
.nav_left ul li span {float: right; font-size: 11px; color: #989898; padding-right: 3px}

.contents_right {float: right; width: 986px;}
.contents_top {border-bottom: 1px solid #ccc; position: relative; overflow: hidden; height: 60px;}
.nav_location {float: left; margin-top: 25px;}
.nav_location li {float: left; }
.nav_location li+li {margin-left: 9px;}
.nav_location li+li:before {content: '>'; color: #ccc; display: inline-block; margin-right: 7px; }
.nav_location li a {font-size: 11px; color: #606060}
.nav_location li:last-child a {font-weight: bold}
.contents_top .product_sort {float: right; margin-top: 15px;}
.contents_top .product_sort label {font-size: 11px; font-weight: normal; color: #606060; display: inline-block; margin-right: 7px;}
#sub .form-control {border-radius: 0; box-shadow: none; font-size: 12px; color: #000}
#sub .btn {border-radius: 0; background-color: #000; border: 1px solid #000;}
#sub .btn .glyphicon-search {color: #fff; font-weight: normal; font-size: 13px}
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {z-index: 1}

/* paging */
.paging {overflow: hidden; display: inline-block; margin: 60px 0 70px;}
.paging li {float: left; }
.paging li a {font-size: 15px; font-weight: bold; color: #868686; display: inline-block; vertical-align: top; padding: 0 8px}
.paging li.on a {color: #242424}
.paging li.btnp a {font-size: 0; text-indent: -9999px; width: 25px; height: 21px; background: url('/resources/images/btn_paging.png') no-repeat left center; padding: 0 2px}
.paging li.prev a {background-position: -25px center; margin-right: 3px}
.paging li.next a {background-position: -111px center; margin-left: 7px;}
.paging li.end a {background-position: -136px center}

/* product */
.contents_body {padding: 25px 0 0 10px}
.product_box {margin-bottom: 30px; text-align: center; font-size: 24px; color: #7a7a7a}
.product_box>div {display: table-cell; vertical-align: middle; text-align: left; font-size: 12px}
.product_box .pbox_left {width: 392px;position: relative;}
.product_box .pbox_left .ico_new {position: absolute; right: 5px; top: 5px}
.product_box .pbox_left p {display: inline-block; width: 392px; height: 367px; overflow: hidden; border: 1px solid #f3f3f3}
.product_box .pbox_left p img {width: 390px; height: 365px}
.product_box .pbox_right {width: 580px; padding-left: 50px;}
.product_info {display: inline-block; width: 100%}
.product_info .product_title {color: #242424; margin-bottom: 11px;}
.product_info .product_title p {font-size: 15px; margin-bottom: 6px;}
.product_info .product_title h4 {font-size: 27px; line-height: 1.2em}
.product_info .product_detail * {color: #7a7a7a; line-height: 20px}
.product_info .product_detail p {font-size: 14px;}
.product_info .product_detail>p {border-bottom: 1px solid #e2e2e2; padding-bottom: 12px;}
.product_info .product_detail .code {font-size: 10px; display: inline-block; margin: 4px 0 0}
.product_info .product_detail .distCode {font-size: 10px; display: inline-block;}
.product_info .product_detail .option {margin-top: 14px;}
.product_info .product_detail .opt_list ul {overflow: hidden; width: 430px; margin-top: 13px;}
.product_info .product_detail .opt_list li {float: left; margin: 0 8px 8px 0; width: 44px; height: 44px;}
.product_info .product_detail .opt_list li a {display: block; width: 100%; height: 100%; font-size: 0; text-indent: -9999px}
.product_info .product_detail .opt_list li a+a {display: none;}
.product_info .product_detail .opt_list li.on,
.product_info .product_detail .opt_list li:hover {border: 1px solid #9a9a9a;}
.product_info .product_detail .opt_list li.on a,
.product_info .product_detail .opt_list li:hover a {border: 3px solid #fff;}

.btn_shop {display: block; width: 131px; height: 29px; line-height: 29px; color: #fff !important; background: #22222e; text-align: center; margin-top: 35px; float: left;}
.btn_shop+.btn_shop {background: #DB1D27; margin-left: 10px;}

/* press */
.sub_wide {clear: both;}
.sub_wide h4 {font-family: 'Nanum Barun Gothic', '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; font-size: 41px; text-align: center; padding: 70px 0 46px;}
.sub_wide h4 span {display: block; color: #7a7a7a; font-weight: normal; font-size: 14px; font-family: '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; margin-top: 4px;}
.sub_press_list {text-align: center;}
.sub_press_list ul {overflow: hidden; display: inline-block;}
.sub_press_list ul li {float: left;}
.sub_press_list ul li+li {margin-left: 47px;}
.sub_press_list ul li:nth-child(4n+1) {margin-left: 0;}
.sub_press_list ul li:nth-child(n+5) {margin-top: 40px;}
.sub_press_list ul li a {display: table-cell; width: 279px; height: 386px; font-size: 14px; color: #7a7a7a}
.sub_press_list ul li a p {width: 279px; height: 386px; vertical-align: middle; text-align: center; border: 1px solid #d5d5d5; display: table-cell;}
.sub_press_list ul li a p img {max-width: 273px; max-height: 377px}
.sub_press_list ul li a span {display: block; margin-top: 10px; text-align: left;}

#sub .board_search {margin-bottom: 120px; text-align: center;}
#sub .board_search .board_select {position: relative; width: 120px; height: 50px; border-bottom: 1px solid #bababa; }
#sub .board_search .board_select:after {content: ''; display: inline-block; width: 21px; height: 12px; background: url('/resources/images/btn_board.png') no-repeat left center; position: absolute; right: 15px; top: 20px}
#sub .board_search .select_btn {height: 49px; width: 85px; overflow: hidden; }
#sub .board_search select {border: none; line-height: 48px; height: 50px; font-size: 14px; color: #7a7a7a}
#sub .board_search .input-group {margin-left: -4px;}
#sub .board_search input {border: none; border-bottom: 1px solid #bababa; height: 50px; font-size: 14px; color: #7a7a7a}
#sub .btn.btn-default {width: 120px; height: 50px; color: #fff; font-size: 14px}

.board_detail {width: 1100px; margin: 0 auto 120px; }
.board_detail .detail_subs {padding: 0 80px 20px; line-height: 20px; border-bottom: 1px solid #e0e0e0; text-align: center;}
.board_detail .detail_subs p {font-size: 14px; color: #7a7a7a; margin-bottom: 10px;}
.board_detail .detail_subs img {max-width: 925px}
.board_detail .detail_subs .subs_wrap {text-align: left; display: inline-block;}
.board_detail .oth_list dl {overflow: hidden;}
.board_detail .oth_list dl>* {float: left; line-height: 85px; font-size: 14px; }
.board_detail .oth_list dl dt {color: #2e2e2e; font-weight: normal; width: 140px}
.board_detail .oth_list dl dd a {color: #7a7a7a; display: inline-block; width: 960px; line-height: 20px; vertical-align: middle;}
.board_detail .oth_list dl+dl {border-top: 1px solid #c6c6c6;}

.detail_title {width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px;}
.detail_title dl {overflow: hidden; font-size: 14px; color: #7a7a7a; padding: 11px 0}
.detail_title dl dt {float: left; font-weight: normal; line-height: 20px; width: 120px; padding-left: 9px;}
.detail_title dl dd {float: left; line-height: 20px; text-align: center; width: 980px; border-left: 1px solid #e0e0e0;}

.sub_collection_list {text-align: center;}
.sub_collection_list ul {overflow: hidden; display: inline-block; width: 1267px}
.sub_collection_list ul li {float: left; padding: 0 5px}
.sub_collection_list ul li:nth-child(2n) {padding-left: 40px}
.sub_collection_list ul li:nth-child(n+3) {padding-top: 60px;}
.sub_collection_list ul li a {display: block;}
.sub_collection_list ul li p {display: block; width: 606px; height: 305px; border: 1px solid #d5d5d5;}
.sub_collection_list ul li p img {max-width: 604px; max-height: 303px}
.sub_collection_list ul li dl {overflow: hidden; font-size: 14px; color: #7a7a7a; padding: 16px 0 5px; width: 605px; text-align: left;}
.sub_collection_list ul li dl dt {float: left; font-weight: normal; padding-right: 10px; /*border-right: 1px solid #b2b2b2;*/ line-height: 12px; margin-right: 10px;}
.sub_collection_list ul li dl dd {float: left; line-height: 13px; height: 15px; width: 470px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: top}

.shop_map {border-top: 1px solid #e8e8e8; padding: 45px 22px; overflow: hidden;}
.map_info {margin-left: 57px; width: 545px}
.map_info .map_no {color: #7a7a7a; font-size: 15px; font-weight: 600; line-height: 33px; padding-left: 10px;}
.map_info .map_no span {color: #f54a7e}
.map_info ul {border-top: 2px solid #22222e;}
.map_info ul li {border-bottom: 1px solid #e5e5e5; padding: 18px 10px 15px; background: url('/resources/images/ico_info_add.gif') no-repeat 500px 85%; }
.map_info ul li a {font-family: 'Nanum Barun Gothic', '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; line-height: 1.5em; display: block;}
.map_info ul li a .s_name {font-size: 18px; color: #000; margin-bottom: 10px;}
.map_info ul li a .s_add {font-size: 14px; color: #7a7a7a; margin-bottom: 16px;}
.map_info ul li a .s_info {font-size: 13px; color: #606060}
.map_info ul li a .s_info .tel {padding-left: 19px; background: url('/resources/images/ico_info_tel.gif') no-repeat left top;}
.map_info ul li a .s_info .time {margin-left: 25px;}
.map_info ul li a .s_info .sub {padding-left: 19px;background: url('/resources/images/ico_info_sub.png') no-repeat left 1px;width: 93%;display: inline-block; margin-top: 5px;}

.shop_map .paging {margin: 30px 0}
.shop_map .paging {}
.shop_map .paging li a {width: 30px; height: 30px; font-size: 16px; color: #606060; font-weight: normal; line-height: 30px}
.shop_map .paging li.on a {background-color: #f54a7e; color: #fff}
.shop_map .paging li.btnp a {font-size: 0; text-indent: -9999px; width: 30px; height: 30px; background: url('/resources/images/btn_paging_shop.png') no-repeat left center; padding: 0; border: 1px solid #ccc;}
.shop_map .paging li.prev a {background-position: -32px center; margin-right: 5px; margin-left: -1px;}
.shop_map .paging li.next a {background-position: -242px center; margin-right: -1px; margin-left: 5px;}
.shop_map .paging li.end a {background-position: -273px center}

.btn_catalog {font-family: '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; font-size: 13px; font-weight: 600; color: #fff !important; display: inline-block; width: 84px; height: 20px; line-height: 18px; border-radius: 10px; background: #6e6e7b url('/resources/images/btn_catalog.png') no-repeat 90% 6px; padding-left: 10px; position: absolute; right: 2px; top: 22px}

/* mizon story */
.story_tit {height: 645px; background: #f3f1f4}
.story_slider .bx-wrapper {width: 1200px; margin: 0 auto}
.story_slider .bx-controls-direction {width: 980px; margin: -130px auto 0; position: relative; z-index: 1}
.story_slider .bx-controls-direction a {position: absolute; top: -15px; display: block; width: 21px; height: 41px; background: url('/resources/images/btn_story.png') no-repeat 0 0; font-size: 0; text-indent: -999px}
.story_slider .bx-controls-direction a.bx-prev {left: 0}
.story_slider .bx-controls-direction a.bx-next {right: 20px; background-position: -79px 0}

/* product detail */
.product_page {padding: 25px 10px 0 10px}
.product_page .product_box {margin-top: -45px;}
.product_page .product_box .pbox_right {width: 100%; padding-left: 0; display: block;}
.product_page .product_box .product_detail_txt {margin-top: 35px;}


/* qna */
.sub_qna {margin-bottom: 70px;}
.sub_qna h4 {font-family: 'Nanum Barun Gothic', '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; font-size: 41px; text-align: center; padding: 35px 0 23px; border-bottom: 1px solid #332b79; }
.sub_qna h4 span {display: block; color: #7a7a7a; font-weight: normal; font-size: 14px; font-family: '나눔고딕', 'Nanum Gothic', 'Malgun Gothic', Verdana, AppleGothic, sans-serif; margin-top: 4px;}
#sub .sub_qna button.btn, 
#qna_layer .input-group-btn button.btn {width: 150px; height: 50px; font-size: 18px;}
#sub .sub_qna button.btn+button,
#qna_layer .input-group-btn button.btn+button {margin-left: 10px;}
#qna_layer .btn {border-radius: 0; background-color: #000; border: 1px solid #000; color: #fff}
#qna_layer {}

.tb_01 {line-height: 30px; width: 100%; margin-bottom: 15px;}
.tb_01 table {width: 100%; border-top: 2px solid #dddddd; table-layout: fixed;}
.tb_01 tr {border-bottom: 1px solid #dddddd; color: #464646; font-size: 14px;}
.tb_01 th {background: #fefefe; padding: 12px 0 12px 20px; vertical-align: top;}
.tb_01 td {border-left: 1px solid #dddddd; padding: 10px; word-break: break-all; line-height: normal;}
.tb_01 td+th {border-left: 1px solid #dddddd;}
.tb_01 textarea {line-height: normal; width: 100%; height: 250px; margin: 10px 0;}
.tb_01 input[type=text] {width: 100%; line-height: 45px; height: 47px; border: 1px solid #dddddd;}
.tb_01 input[type=file] {width: 100%; line-height: 45px; height: 47px; border: 1px solid #dddddd;}
.tb_01 input[type=radio] {margin: 0 0 0 10px;}
.tb_01 span+input[type=radio]{margin-left: 30px;}
.tb_01 select {width: 100%; line-height: 45px; height: 47px; border: 1px solid #dddddd; color: #464646; font-size: 14px;}
.tb_01 th.qna_title {padding: 20px 10px 65px}
.qna_thumbs {display: table-cell; width: 180px; height: 175px; border: 1px solid #dcdcdc; vertical-align: middle; text-align: center}
.qna_goods {display: table-cell; padding-left: 30px;}
.qna_goods .qna_name {font-size: 26px}
.qna_goods .qna_code {font-size: 20px; line-height: 20px}

.tb_01.tb_01_list {line-height: normal; }
.tb_01.tb_01_list th {text-align: center; padding: 25px 5px; color: #464646; background: #fcfcfc}
.tb_01.tb_01_list td {border: none; text-align: center; color: #464646; font-size: 13px; padding: 30px 10px;}
.tb_01.tb_01_list td.text_left {text-align: left;}
.tb_01.tb_01_list th+th {border-left: 1px solid #dddddd;}
.tb_01.tb_01_list td+td {border-left: 1px solid #dddddd;}