@charset "utf-8";

/*───────────────────────────────────────────────────────────

	 HEADER

───────────────────────────────────────────────────────────*/
#header_wrap {}
#header_wrap header { width:100%; min-width:320px; background:#fff; z-index:300;}
#header_wrap header.h_on {position:fixed; top:0; left:0;}
#header_wrap header .header_box {border-bottom:2px solid #333;}
#header_wrap header .header_box .h_logo {width:110px; padding:15px 0 15px 0; margin:0 auto; line-height:0; text-align:center;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; }
#header_wrap header .header_box .h_logo img {width:100%;}
#header_wrap header .header_box .left_menu {position:absolute; top:0; left:5px; display:table;}
#header_wrap header .header_box .left_menu li {display:table-cell; vertical-align:top;}
#header_wrap header .header_box .right_menu {position:absolute; top:0; right:5px; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:top;}
/* 좌측 메뉴 */
#header_wrap header .header_box .side_menu {display:inline-block; padding:16px 7px 15px 7px; vertical-align:top;}
#header_wrap header .header_box .side_menu span {display:inline-block; width:20px; height:15px; font-size:0; background:url('../img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 검색 */
#header_wrap header .header_box .top_search {display:inline-block; padding:15px 7px 15px 7px; vertical-align:top; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block; width:18px; height:17px;  font-size:0; background:url('../img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header_wrap header .header_box .mypage {display:inline-block;  padding:14px 7px 14px 7px;}
#header_wrap header .header_box .mypage span {display:inline-block; width:21px; height:21px; font-size:0; background:url('../img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header_wrap header .header_box .cart {display:inline-block;  padding:15px 7px 14px 7px;}
#header_wrap header .header_box .cart span {display:inline-block; width:20px; height:21px;  font-size:0; background:url('../img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:8px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:#ab3e55;  vertical-align:middle; font-size:12px;}

/*───────────────────────────────────────────────────────────

	 중앙 위치

───────────────────────────────────────────────────────────*/

.sub_top {position:relative; padding:0 45px 0 43px; border-top:1px solid #dbdcde; background:#fff;}
/* 좌측 이전 */
.sub_top .sub_top_left {position:absolute; top:0; left:0;}
.sub_top h2 {overflow:hidden; display:block; width:100%; padding:12px 0; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:15px; text-align:center;}
/* 목록가기 글쓰기 위치 */
.sub_top .sub_top_right2 {position:absolute; top:5px; right:5px;}

/*───────────────────────────────────────────────────────────

	 네비게이터

───────────────────────────────────────────────────────────*/
.navi_g { background:#f9f9f9; border-top:1px solid #dbdcde;}
.navi_g ul {padding:6px 10px 6px 10px; font-size:0;}
.navi_g ul li {display:inline-block; font-size:12px; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 5px center; background-size:7px 11px;}
.navi_g ul li:nth-child(1) {text-indent:0; background:none;}
.navi_g ul li a {font-size:12px; text-indent:15px;}

/*───────────────────────────────────────────────────────────

	 좌측 메뉴

───────────────────────────────────────────────────────────*/
#wrap nav {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;}
#wrap nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001;}
#wrap nav .left_close {position:fixed; top:20px; left:310px; width:29px; height:29px; background:url('../img/icon/icon_left_x.png') no-repeat center; background-size:100%; z-index:1002;}
#wrap nav .nav_bg_box {position:relative;}
#wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:290px; height:100%; margin:0 0 0 -290px; background:#fff; z-index:1001;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

/* 다국어 선택 */
.nav_language {display:table; position:relative; width:100%; background:#f3f3f3; }
.nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#262626; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {position:relative; width:274px; margin:0 auto; padding:8px 0 8px 0; text-align:center;}
.nav_banner .nav_login {position:absolute; top:84px; left:10px;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 10px 0 10px; background:url('../img/icon/icon_line.gif') no-repeat left center; background-size:1px 11px; }
.nav_banner .nav_login ul li:first-child {background:none;}
.nav_banner .nav_login ul li a {display:inline-block; font-size:15px; color:#222222;}
.nav_banner img {width:100%;}
.nav_banner .left_logo {position:absolute; top:50px; left:20px;}
.nav_banner .left_logo img {width:112px;}
.nav_banner .login_txt {position:absolute; top:30px; left:0px;font-size:16px; text-align:left; line-height:20px; box-sizing:border-box;padding: 0 20px; }
.nav_banner .login_txt p.name strong {overflow:hidden; display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; font-size:18px; vertical-align:middle; color:#ab3e55;}
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {padding:10px 0 0 0;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:33.3%; text-align:center;}
.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:13px; color:#888;}
.nav_link ul li:nth-child(1) a {background:url('../img/icon/icon_qna.png') no-repeat center 3px; background-size:33px 30px;}
.nav_link ul li:nth-child(2) a {background:url('../img/icon/icon_prd_latest.png') no-repeat center 4px; background-size:40px 25px;}
.nav_link ul li:nth-child(3) a {background:url('../img/icon/icon_lnb_heart.png') no-repeat center 4px; background-size:33px 28px;}

/* 네비 탭메뉴 */
.nav_tabmenu_box {padding-top:25px;}
.nav_tabmenu_box .nav_tabmenu {display:table; width:100%;}
.nav_tabmenu_box .nav_tabmenu li {display:table-cell; width:50%; text-align:center;}
.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:10px 0 10px 0; background:#e8e8e8; color:#acacac;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#ab3e55; color:#fff; font-weight:bold;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0 1px 0 8px;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 8px 0 1px;}

/* 게시판 */
.nav_community_box {padding-top:25px;}
.nav_community_box .comm_tit {padding:10px 0 10px 10px; margin:0 10px 0 10px; font-size:18px; color:#272727; font-weight:bold; border-bottom:1px solid #000000;}
.nav_community_box .board_cate {}
.nav_community_box .board_cate li {padding:0 25px;}
.nav_community_box .board_cate li a {display:block; padding:12px 0; font-size:16px; color:#1c1c1c;}

/* 배너 2 */
.nav_banner2 {width:274px; margin:0 auto; padding:20px 0 50px 0; }
.nav_banner2 a img {width:100%;}

/*───────────────────────────────────────────────────────────

	 FOOTER

───────────────────────────────────────────────────────────*/
#footer {margin:15px 0 0 0}
/* 고객센터 / PC화면 보기 */
#footer footer .ft_button_box {padding:0 25px; background:#5d5d5d;}
#footer footer .ft_button_box ul {display:table; width:100%; padding:24px 0 0 0; text-align:center;}
#footer footer .ft_button_box ul li {display:table-cell; width:50%;}
#footer footer .ft_button_box ul li:nth-child(1) {padding-right:6px;}
#footer footer .ft_button_box ul li:nth-child(2) {padding-left:6px;}
#footer footer .ft_button_box ul li a {display:block; padding:10px 0; background:#484848; color:#aeaeae; font-size:13px; border-radius:2px;}
#footer footer .ft_info2_box {background:#5d5d5d;}
#footer footer .ft_info2_box .ft_menu {display:table; width:100%;}
#footer footer .ft_info2_box .ft_menu li {display:table-cell; width:25%;}
#footer footer .ft_info2_box .ft_menu li a {display:block; padding:18px 0 18px 0; font-size:11px; color:#d1d1d1; text-align:center; letter-spacing:-1px;}
#footer footer .ft_info2_box .ft_menu li a.privacy {color:#fff; font-weight:bold;}
#footer footer .ft_info2_box .ft_address {padding:0 50px 0 50px; text-align:center; font-size:12px; color:#e0e0e0; word-break:keep-all;}
#footer footer .ft_sns_btn {display:table; width:100%; text-align:center;}
#footer footer .ft_sns_btn li {display:inline-block; padding:10px 5px 10px 5px;}
#footer footer .ft_sns_btn li a {display:block; width:36px;}
#footer footer .ft_sns_btn li a img {width:100%;}
/* 카피라이터 */
#footer footer .ft_copy {padding:15px 0 30px 0; color:#e0e0e0; font-size:12px; text-align:center; font-style:normal;}
/* 바로가기 */
#footer footer .shortcut {text-align:center; background:#2f2f2f;}
#footer footer .shortcut a {display:block; padding:12px 0 12px 0;}
#footer footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;}
#footer footer .shortcut a span em {color:#ff353b; font-style:normal;}
/* 탑버튼 */
#footer footer .ft_btn_top a {display:inline-block; width:100%; height:46px; border-top:1px solid #505050; border-bottom:1px solid #787878; text-align:center; color:#ffffff; background:#5d5d5d; line-height:46px; font-size:13px; font-weight:bold;}
#footer footer .ft_btn_top a span {padding:0 0 0 15px; background:url('../img/icon/icon_top_arrow.png') no-repeat 0 center; background-size:10px 6px;}
.fixed_btn_top {position:fixed; right:11px; bottom:85px; }
.fixed_btn_top span {display:inline-block; width:42px; height:42px; background:url('../img/btn/btn_top.png') no-repeat 0 0; background-size:42px 42px; font-size:0; text-indent:-9999px;}



/* main */
.st-container {height:100%}
#container {height:100%;padding-top:71px;margin-top:-71px;box-sizing:border-box;}
#contents_wrap {height:100%}
.main {font-family:"Nanum Barun Gothic";height:100%;background:url("../img/da_image/bg_main.jpg") repeat;}
#footer {position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #ccc;margin:0}
.main .favoritMenu {width:100%;text-align:center;position:relative;z-index:10;background:#fff}
.main .favoritMenu li {display:inline-block;font-size:15px;color:#333333;position:relative;margin-bottom: -4px;}
.main .favoritMenu li + li {margin-left:10px;padding-left:10px}
.main .favoritMenu li + li::before {content:"";width:1px;height:28px;background:#ccc;position:absolute;top:13px;left:-1px;}
.main .favoritMenu li a {display:table-cell;vertical-align:middle;height: 54px;font-size:18px;color:#333;font-weight:bold;text-align:center;line-height:20px}
.main .favoritMenu li a span {display:block;font-size:14px;font-weight:normal;color:#666}
#header_wrap header .header_box .side_menu span {width:20px;height:14px;background:url("../img/da_image/btn_mainMenu.png") no-repeat 0 0;background-size:100%}
#header_wrap header .header_box .left_menu {top:13px}
.main .mainCnt {min-height:100%;padding: 44px 0 89px 0 ;box-sizing:border-box;margin-top:-44px;position:relative;z-index:0;background:url("../img/da_image/bg_mainCnt.png") no-repeat left top 44px;background-size:100%}
.main .headMessage {padding: 60px 10px 0 10px;text-align:center;}
.main .headMessage .mainTitle {font-size:23px; color:#333;font-weight:bold}
.main .headMessage .mainTitle span {display:block;font-size:20px}
.main .headMessage .mainSubTitle {font-size:18px; color:#444;letter-spacing:-1px}
.main .headMessage .mainSubTitle {font-size:16px}
.main .headMessage .mainSubTitle span {display:block;font-size:14px}
.main .useInfoBox {padding:20px 20px;position:relative;z-index:0;margin-bottom:30px}
.main .useInfoBox.main {margin-bottom:100px}
.main .useInfoBox .useInfo {text-align:center;display:block;background:#333;color:#fff;border-radius:60px;padding:5px 15px;margin:0 auto;width:200px;font-size:15px;position:relative;z-index:10}
.main .useInfoBox ul {border:1px solid #ccc;background:#fff;padding:30px 20px;margin-top:-16px;position:relative;z-index:5}
.main .useInfoBox ul li {display:table;margin-bottom:20px;width:100%}
.main .useInfoBox ul li > span {display:table-cell;padding-left:10px;font-size:14px;color:#666}
.main .useInfoBox ul li > span:first-child {width:20px;padding-left:0;font-size:12px}
.main .useInfoBox ul li > span:first-child > em {background:#333;border-radius:100%;color:#fff;width:100%;text-decoration:normal;font-style:normal;padding:5px;letter-spacing:-1px;width:15px;height:15px;display:block;text-align:center}
.main .useInfoBox .phone {position:absolute;bottom:-80px;right:40px;z-index:10;width:150px}
.main .useInfoBox .phone img {width:100%}
.fq_menu {text-align:center;padding:10px 0;overflow:hidden}
.fq_menu li {display:inline-block;width:33%;/*float:left*/}
.fq_menu li + li {}
.fq_menu li a {display:block;padding-top:30px;font-size:13px;color:#333}
.fq_menu li a span {display:block;font-size:12px;}
.fq_menu .btn_back {background:url("../img/da_image/btn_fqMenu01.gif") no-repeat center 0;background-size: 30%;}
.fq_menu .btn_home {background:url("../img/da_image/btn_fqMenu02.gif") no-repeat center 0;background-size: 26%;}
.fq_menu .btn_leaf {background:url("../img/da_image/btn_fqMenu03.gif") no-repeat center 0;background-size: 28%;}
.nav_tabmenu_box {padding-top:0}
.nav_community_box .comm_logo {text-align:center;width:30%;margin:0 auto}
.nav_community_box .comm_logo a {display:block}
.nav_community_box .comm_logo a img {width:100%}
.nav_community_box .comm_tit {text-align:center;font-size:15px;color:#555;line-height:18px}
.nav_community_box .comm_tit span {display:block;font-size:12px;}
.nav_community_box .board_cate li {padding:0}
.nav_community_box .board_cate > li {padding:0px 10px}
.nav_community_box .board_cate > li > a {padding:12px 5px}
.nav_community_box .board_cate > li > ul > li > ul > li > a {padding:12px 5px 12px 25px;}
.board_cate > li > a {padding:0 10px;font-size:15px;color:#333;font-weight:bold;background:url("../img/da_image/bg_arrowDown.png") no-repeat right 5px center;background-size:10px 6px;border-bottom:1px solid #ccc}
.board_cate > li > a > span {font-size:14px}
.board_cate > li.on > a {background:url("../img/da_image/bg_arrowUp.png") no-repeat right 5px center;background-size:10px 6px}
.board_cate > li > ul {background:#eeeeee;box-sizing:border-box;padding:0 20px 20px 20px;display:none}
.board_cate > li.on > ul {display:block}
.board_cate > li > ul > li.on > a {background:url("../img/da_image/bg_2dep_arrowUp.png") no-repeat right 5px center;background-size:10px 6px}
.board_cate > li > ul > li {}
.board_cate > li > ul > li > a {border-bottom:1px solid #ccc;background:url("../img/da_image/bg_2dep_arrowDown.png") no-repeat right 5px center;background-size:10px 6px}
.board_cate > li > ul > li > a > span {font-size:14px}
.board_cate > li > ul > li > ul {display:none}
.board_cate > li > ul > li.on > ul {display:block}
.board_cate > li > ul > li > ul > li {}
.board_cate > li > ul > li > ul > li > a {background:url("../img/da_image/bg_bul_3dep.png") no-repeat 10px 15px;background-size:10px}
.main.sub {background:#eeeeee}
.main.sub .mainCnt {background:none}
.type_effect {padding:20px;overflow:hidden}
.type_effect li {float:left;width:48%;border:2px solid #333;background:#fff;padding:10px 0;text-align:center;box-sizing:border-box;font-size:14px;color:#333}
.type_effect li + li {margin-left:4%}
.smartBoosting {text-align:center;margin-bottom:30px;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.smartBoosting img {width:256px;height:256px;user-select: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;}