/*
copyright(c) 상상너머·원데이넷 all rights reserved.
허용된 라이센스이외 무단도용재배포를 금합니다.
*/

@charset 'utf-8';



/* ●●●●●●●●●● 공통 */
/*.wrap_lg .layout_fix {width:1450px}*/
/* @media only screen and (min-width: 1451px ) { .wrap_sm .layout_fix {width:1450px; } }
@media only screen and (max-width: 1450px ) { .wrap_sm .layout_fix {width:1200px; } } */

/* @media only screen and (max-width: 1450px ) { .wrap_sm .layout_fix {width:1105px; } } */

.header {height:121px; background:#fff;}
.header .home {float:left; overflow:hidden; margin-top:15px;}
.header .home img {float:left; overflow:hidden}

.header .category {clear:both; overflow:hidden; padding-top:18px}
.header .category a {float:left; overflow:hidden; font-size:16px; color:#666; padding:0 9px; font-weight:600; font-family: "NanumBarunGothic", "lato";}
.header .category a:first-child {padding-left:0!important}

.header .category a:hover {color:#000;}

.header .right_menu {position:absolute; top:0; right:0; margin-top:30px; z-index:1001;}
.header .right_menu > a {font-size:12px; color:#666; float:left; overflow:hidden; margin-left:10px; height:18px; line-height:18px; font-family: "NanumBarunGothic", "lato"}
.header .right_menu > a:hover {color:#000}
.header .right_menu > a:hover .ic_cart {background:transparent url('../images/ic_cart_hit.gif') left center no-repeat; }
.header .right_menu > a:hover .ic_my {background:transparent url('../images/ic_my_hit.gif') left center no-repeat; }

.header .right_menu .ic_my {width:18px; height:18px; float:left; overflow:hidden; background:transparent url('../images/ic_my.gif') left center no-repeat; }
.header .right_menu .ic_cart {width:18px; height:18px; float:left; overflow:hidden; background:transparent url('../images/ic_cart.gif') left center no-repeat; }
.header .right_menu em {float:left; overflow:hidden; margin-left:4px}
.header .right_menu .top_cart {padding-right:0!important}


.header .right_menu .top_my {float:left; position:relative; text-align:center; margin-left:10px}
.header .right_menu .top_my:hover .my_sub {display:block;}
.header .right_menu .top_my a:hover {color:#000!important;}
.header .right_menu .top_my a:hover .ic_my {background:transparent url('../images/ic_my_hit.gif') left center no-repeat; }
.header .right_menu .top_my a {font-family: "NanumBarunGothic", "lato"; padding:0 14px 0 3px; height:18px; line-height:18px; float:left; position:relative; z-index:17; background:transparent url('../images/ic_my_arrow.gif') 84px center no-repeat;}
.header .right_menu .top_my .ic_my {width:18px; height:18px; float:left; overflow:hidden; background:transparent url('../images/ic_my.gif') left center no-repeat; }
.header .right_menu .top_login a {font-family: "NanumBarunGothic", "lato"; background:transparent url('../images/ic_my_arrow.gif') 62px center no-repeat;}
.header .right_menu .top_my .my_sub {position:relative; display:none; margin-left:3px; z-index:15; padding:32px 0; background:transparent url('../images/my_sub_bg.gif') left 20px no-repeat; width:90px; height:80px; position:absolute; top:0; left:0}
.header .right_menu .top_my .my_sub a {font-size:11px; width:68px; clear:both; margin:0 1px; display:block; text-align:left; background:transparent url('../images/top_bullet.gif') 12px 9px no-repeat; padding:1px 10px; text-indent:8px; color:#9a9a9a}
.header .right_menu .top_my .my_sub a:hover {background:#f2f2f2 url('../images/top_bullet_over.gif') 12px 9px no-repeat; color:#333}

.header .search_form {position:relative; position:absolute; top:0; right:0; margin-top:61px; border:1px solid #ccc; border-right:none; height:28px; z-index:1000;}
.header .search_form input {font-family: "NanumBarunGothic", "lato"; border:0; width:214px; line-height:28px; height:28px; padding:0 10px; color:#c1c1c1; font-size:11px; float:left;}
.header .search_form input:focus {border:none; color:#333;}
.header .search_form .btn_search {float:right; margin-top:-1px; height:30px; background:#333;}
.header .search_form .search_icon {width:35px; height:28px; background:#333 url('../images/ic_top_search.png') center center no-repeat;}

.header .search_form:hover .hot_keyword {display:block}
.header .search_form .hot_keyword {display:none; background:#fff; border:1px solid #ccc; overflow:hidden; position:absolute; top:0; left:0; margin-top:28px; margin-left:-1px; z-index:1000; width:233px; }
.header .search_form .hot_keyword a {font-family: "NanumBarunGothic", "lato"; display:block; overflow:hidden; padding:9px 10px; font-size:11px;}
.header .search_form .hot_keyword a:hover {background:#f2f2f2; color:#666}


/* 하단공통 */
.footer {background:#3d3e41; text-align:center; padding:78px 0 86px 0; box-sizing:border-box;}

.footer .cscenter {float:left; overflow:hidden; width:365px; }
.footer .cscenter .call_num {display:block; overflow:hidden;}
.footer .cscenter .call_num strong {font-weight:normal; font-family: "lato"; display:block; line-height:110%; font-size:35px; color:#fff}
.footer .cscenter .call_num a {font-family: "NanumBarunGothic", "lato"; line-height:100%; font-family: "lato"; color:#9e9fa0 }

.footer .cscenter .cs_text {margin-top:20px; overflow:hidden; font-size:12px; color:#9e9fa0 }

.footer .cscenter .btn_sns {margin-top:28px; text-align:center; display:inline-block; overflow:hidden}
.footer .cscenter .btn_sns a {font-family: "NanumBarunGothic", "lato"; margin-left:5px; float:left; overflow:hidden}
.footer .cscenter .btn_sns a:first-child {margin-left:0}
.footer .line {background:transparent url('../images/footer_line.gif') left top repeat-y; width:1px; min-height:165px; height:100%; float:left; overflow:hidden}
.footer .center {float:left; overflow:hidden; width:365px; min-height:165px; text-align:center; border-left:1px solid #4b4c4f}
.footer .center dt {padding-bottom:16px;}
.footer .center .title {text-align:center; overflow:hidden; background:transparent url('../images/bt_title_bg01.png') no-repeat; width:112px; height:36px; }
.footer .center .title {color:#c5c5c6; font-family: "NanumBarunGothic", "lato"; line-height:36px; font-size:11px; letter-spacing:1px}
.footer .center dd a {font-family: "NanumBarunGothic", "lato"; color:#9e9fa0; padding:7px 0; font-size:12px;}
.footer .center dd a:hover {color:#fff}


.copyright {background:#252629; text-align:center; padding:40px 0; overflow:hidden}
.copyright .layout_fix {font-size:12px; color:#67686a; line-height:145%; font-family: "NanumBarunGothic", "lato";}
.copyright strong {display:block; overflow:hidden; margin-top:10px; line-height:100%; font-family: "lato"; color:#999}





/* ●●●●●●●●●● 개별:메인 */

/* 메인비주얼롤링배너 */
.main_rolling {background:#e5e6eb; overflow:hidden; height:665px;}
.main_rolling .layout_fix {width:1450px; background:#fff; margin:0 auto;}
.main_rolling .roll_banner {float:left; overflow:hidden;}
.main_rolling .roll_banner a {float:left; overflow:hidden}
.main_rolling .roll_banner img {float:left}
.main_rolling .roll_btn {z-index:10; width:1450px; position:absolute; top:0; left:0; text-align:center; margin-top:617px}
.main_rolling .roll_btn a {float:left; width:18px; height:20px; background:transparent url('../images/ic_nate.png') center center no-repeat; }
.main_rolling .roll_btn .hit {background-position:0 0}
.main_rolling .roll_btn .off {background-position:-20px 0}

.main_rolling .roll_btn .off.active {background-position:0 0}



/* 메인배너 */
.main_banner {overflow:hidden; margin:40px 0 50px 0; position:relative;}
.main_banner .layout_fix {width:1120px; background:#fff; margin:0 auto;}

.main_banner .btn_bg {background:#e5e6eb; height:130px; position:absolute; top:0; left:0; width:100%}

.main_banner .banner_area {text-align:center;}
.main_banner .banner_area a {width:360px; float:left; overflow:hidden; margin:0 5px; text-align:left}
.main_banner .banner_area .thumb {width:360px; height:130px; overflow:hidden}
.main_banner .banner_area .thumb img {float:left;}
.main_banner .banner_area .bn_title {overflow:hidden; clear:both; color:#333; font-size:15px; margin-top:12px; font-family: "NanumBarunGothic", "lato";}
.main_banner .banner_area .sub_txt {overflow:hidden; color:#999; font-size:11px; margin-top:2px; font-family: "NanumBarunGothic", "lato";}
.main_banner .banner_area a:hover .bn_title {color:#000; }
.main_banner .banner_area a:hover .sub_txt {color:#666;}

.main_banner .btn_nate {overflow:hidden}
.main_banner .btn_nate a {position:absolute; top:0; margin-top:49px;}
.main_banner .btn_prev {left:0; margin-left:-36px; background:transparent url('../images/ic_bn_prev.gif') no-repeat; width:20px; height:33px; }
.main_banner .btn_next {right:0; margin-right:-36px; background:transparent url('../images/ic_bn_next.gif') no-repeat; width:20px; height:33px; }
.main_banner .btn_prev:hover {background:transparent url('../images/ic_bn_prev_hit.gif') no-repeat;}
.main_banner .btn_next:hover {background:transparent url('../images/ic_bn_next_hit.gif') no-repeat;}



/* 메인 상품리스트 탭*/
.main_tab_bg {background:#ededf1; padding-top:40px}

.main_tab {overflow:hidden; background:transparent url('../images/main_tab_line.gif') left bottom repeat-x; }
.main_tab .layout_fix {text-align:center}

.main_tab a {float:left; overflow:hidden; width:169px; height:41px; line-height:41px; color:#333; font-size:15px;font-family: "NanumBarunGothic", "lato";}
.main_tab .hit:first-child {width:169px!important; background:transparent url('../images/tab_hit.gif') left top no-repeat;}
.main_tab .off:first-child {background:transparent url('../images/tab_off.gif') left top no-repeat;}
.main_tab .hit {background:transparent url('../images/tab_hit.gif') -1px top no-repeat; font-weight:600; }
.main_tab .off {background:transparent url('../images/tab_off.gif') -1px top no-repeat;}
.main_tab .off:first-child:hover {background:transparent url('../images/tab_over.gif') left top no-repeat; font-weight:600; }
.main_tab .off:hover {background:transparent url('../images/tab_over.gif') -1px top no-repeat; font-weight:600; }


.main_tab_bg .main_tab .hit:first-child {width:169px!important; background:transparent url('../images/tab_hit02.gif') left top no-repeat;font-family: "NanumBarunGothic", "lato";}
.main_tab_bg .main_tab .off:first-child {background:transparent url('../images/tab_off02.gif') left top no-repeat;}
.main_tab_bg .main_tab .hit {background:transparent url('../images/tab_hit02.gif') -1px top no-repeat; font-weight:600; }
.main_tab_bg .main_tab .off {background:transparent url('../images/tab_off02.gif') -1px top no-repeat;}
.main_tab_bg .main_tab .off:first-child:hover {background:transparent url('../images/tab_over02.gif') left top no-repeat; font-weight:600; }
.main_tab_bg .main_tab .off:hover {background:transparent url('../images/tab_over02.gif') -1px top no-repeat; font-weight:600; }




/* 상품리스트:썸네일형 */
.main_type_thumb {background:#ededf1}
.main_list {padding:40px 0 50px 0; overflow:hidden}
.main_list .item_line {margin-top:8px; overflow:hidden}
.main_list .item_box:first-child {margin-left:0}
.main_list .item_box {margin-left:8px; position:relative; width:268px; height:268px; float:left; overflow:hidden}
.main_list .item_box:hover .blank {z-index:10; width:258px; height:258px; border:5px solid #71717c}
.main_list .item_box:hover .info {display:block;}

.main_list .item_box .thumb_box {background:#fff; width:268px; height:268px; text-align:center}
.main_list .item_box .thumb {margin:15px; display:inline-block; width:238px; height:238px; background:#fff url('../images/no_img.png') center center no-repeat; overflow:hidden}
.main_list .item_box .thumb img {float:left; width:100%; overflow:hidden}
.main_list .item_box .blank { width:258px; height:258px; position:relative; position:absolute; top:0; left:0; background:transparent url('../images/blank.gif') repeat;}

.main_list .item_box .info {display:none; position:absolute; bottom:0; left:0; margin:0 14px 14px 14px; width:228px; overflow:hidden}
.main_list .item_box .item_name {font-size:15px; color:#000; display:block; overflow:hidden; font-family: "lato", "NanumBarunGothic"; font-weight:600}
.main_list .item_box .sub_txt {font-family: "NanumBarunGothic", "lato";font-size:11px; color:#999; display:block; overflow:hidden}
.main_list .item_box .price {line-height:100%; font-family: "lato"; font-weight:700; font-size:20px; color:#ec1313; display:block; margin-top:10px}
.main_list .item_box .price em {font-family: "verdana"; font-weight:normal;}



/* 상품리스트:리스트박스형 */
.main_list .list_box {position:relative; float:left; overflow:hidden; background:transparent url('../images/main_list_bg.gif') no-repeat; width:327px; height:637px; padding:8px 10px; margin:0 0 40px 29px}
.main_list .list_box:first-child {margin-left:0}
.main_list .list_title {font-family: "NanumBarunGothic", "lato"; overflow:hidden; margin-bottom:20px; font-size:22px; font-weight:700; letter-spacing:0; color:#333; background:#ededf1; width:327px; height:74px; line-height:74px; text-align:center}
.main_list .list_box .blank {width:325px; height:94px; position:relative; position:absolute; top:0; left:0; background:transparent url('../images/blank.gif') repeat;}

.main_list .item_one {background:transparent url('../images/item_one_line.gif') left bottom repeat-x; clear:both; position:relative; padding:3px 0; width:327px; height:82px}
.main_list .item_one:hover .blank {margin-top:-1px; width:100%; height:88px; background:transparent url('../images/blank_over.png') repeat;}
.main_list .item_one:hover .item_name {color:#000; }
.main_list .item_one .thumb {float:left; overflow:hidden; width:80px; height:80px; margin-right:15px; background:#f8f8f8 url('../images/no_img_s.png') center center no-repeat;}
.main_list .item_one .thumb img {float:left; width:100%}
.main_list .item_one .item_name {overflow:hidden; font-size:13px; color:#333; margin-top:13px; font-family: "NanumBarunGothic", "lato"}
.main_list .item_one .price {position:absolute; bottom:0; left:0; margin: 0 0 20px 95px; overflow:hidden; line-height:100%; margin-top:10px; font-family: "lato"; font-weight:700; font-size:18px; color:#0d27a9;}
.main_list .item_one .price  em {font-family: "verdana"; font-weight:normal;}

.main_list .btn_area {width:327px; position:absolute; bottom:0; left:0; text-align:center; margin:0 0 38px 0}
.main_list .btn_view_more {font-family: "NanumBarunGothic", "lato"; font-size:11px; letter-spacing:0; text-align:center; overflow:hidden; clear:both; background:transparent url('../images/main_view_more.png') no-repeat; width:114px; height:35px; line-height:35px; color:#999;}
.main_list .btn_view_more:hover {color:#333; background:transparent url('../images/main_view_more_over.png') no-repeat; width:114px; height:35px}



.bottom_ctg {background:#ededf1; overflow:hidden; padding:60px 0; text-align:center}

.bottom_ctg .title {overflow:hidden; margin-bottom:35px; background:transparent url('../images/ic_ac_search.png') center top no-repeat; color:#3d3e41; padding-top:45px; font-size:24px}
.bottom_ctg .ctg_box {border-top:1px solid #cdcdd0; background:transparent url('../images/bt_ctg_box_line.gif') left top repeat-y; overflow:hidden;}
.bottom_ctg .ctg_box a {background:transparent url('../images/bt_ctg_box_line.gif') right top repeat-y; border-bottom:1px solid #cdcdd0; height:60px; line-height:60px; float:left; overflow:hidden; width:220px}
.bottom_ctg .ctg_box a {color:#3d3e41; letter-spacing:1.5px; font-weight:700; font-size:13px; font-family: "lato", "NanumBarunGothic";}
.bottom_ctg .ctg_box a:hover {background:#3d3e41 url('../images/bt_ctg_box_line.gif') right top repeat-y; color:#fff}






/* ●●●●●●●●●● 개별:서브 */

/* 현재위치 */
.myposition {background:#f6f6f6; border:1px solid #e8e8e8; height:39px; line-height:39px; overflow:hidden}
.myposition .layout_fix div {margin-top:14px; color:#979797; font-size:13px; float:left; line-height:100%; font-family: "lato", "NanumBarunGothic"; letter-spacing:0.5px}
.myposition .layout_fix div :hover {color:#333;}
.myposition .home {color:#4c4c4c!important; font-weight:700}
.myposition .arrow {background:transparent url('../images/ic_arrow_s.gif') no-repeat; width:4px; height:7px; float:left; overflow:hidden; margin:17px 8px}


/* 리스트페이지 타이틀 */
.pagename {background:#fff; border-bottom:1px solid #e2e3eb; height:70px;}
.pagename .pagetitle {float:left; overflow:hidden; font-size:23px; font-weight:600; margin-top:25px}

.pagename .result_text {position:absolute; top:0; left:0; margin-left:225px; margin-top:30px;}
.pagename .result_text .title {font-weight:bold; font-size:13px; color:#666}
.pagename .result_text .title strong {color:#ea073c}
.pagename .result_text .txt {color:#ccc; font-size:12px; }
.pagename .result_text .txt em {text-decoration:underline; color:#a8a8a8}
.pagename .result_text .txt strong {text-decoration:underline; color:#ea073c}

.pagename .sel_box {z-index:10; position:relative; position:absolute; top:0; right:0; margin-top:20px; background:transparent url('../images/sel_box.gif') no-repeat; width:208px; height:32px}
.pagename .sel_box:hover .sel_sub {display:block}
.pagename .sel_box .title {cursor:pointer; color:#909090; font-size:12px; line-height:32px; text-indent:10px; overflow:hidden}
.pagename .sel_box .sel_sub {display:none; overflow:hidden; position:absolute; top:0; left:0;}
.pagename .sel_box .sel_sub .title {height:32px; color:#666; line-height:32px; text-indent:10px; padding:0; background:transparent url('../images/sel_box_over.gif') no-repeat; width:208px; height:31px;}
.pagename .sel_box .sel_sub .list {background:#fff; border:1px solid #a0a0a0; overflow:hidden}
.pagename .sel_box .sel_sub a {padding:0 0 0 10px; display:block; height:30px; line-height:30px; color:#666; overflow:hidden;}
.pagename .sel_box .sel_sub a:hover {background:#f2f2f2}



/* 상품리스트 */
.wrap_sm .list_area .list_line {padding:20px 15px 24px 14px;}

.list_wrap {overflow:hidden; background:#fff; padding:36px 0 100px 0}
.list_wrap .list_menu {float:left; overflow:hidden; width:176px;}
.list_wrap .list_menu dl {margin-top:40px; overflow:hidden}
.list_wrap .list_menu dl:first-child {margin-top:0}
.list_wrap .list_menu dt {font-size:13px; font-weight:600; color:#000; border-bottom:2px solid #e8e8e8; font-size:; padding: 10px 0 9px 0; margin-bottom:6px}
.list_wrap .list_menu dd {clear:both; overflow:hidden}
.list_wrap .list_menu a {background:transparent url('../images/list_bullet.gif') left center no-repeat; display:block; width:100%; padding:0 0 0 8px; font-size:13px; height:30px; line-height:30px; overflow:hidden; font-family: "lato", "NanumBarunGothic";}
.list_wrap .list_menu a:hover {color:#000; text-decoration:underline; font-weight:700}
.list_wrap .list_menu .hit {color:#000; text-decoration:underline; font-weight:700}
.list_wrap .list_menu .warranty{float:left; overflow:hidden; width:176px;cursor:pointer;}


.list_wrap .list_area {float:left; overflow:hidden; margin-left:50px;}
.list_area .list_line {border-bottom:1px solid #e2e3eb; overflow:hidden; padding:20px 20px 24px 14px; }
.list_area .list_line:first-child {padding-top:0!important}

.list_area .item_box {position:relative; float:left; overflow:hidden; width:150px; padding:10px; height:237px; overflow:hidden; text-align:center}
.list_area .item_box .blank {z-index:3; width:168px; height:255px; position:relative; position:absolute; top:0; left:0; background:transparent url('../images/blank.gif') repeat; }
.list_area .item_box .thumb {margin-bottom:13px; background:#f2f2f2 url('../images/no_img_m.png') center center no-repeat; width:150px; height:150px; overflow:hidden}
.list_area .item_box .thumb_is {margin-bottom:13px; width:150px; height:150px; overflow:hidden}
.list_area .item_box .thumb img , .list_area .item_box .thumb_is img {float:left; overflow:hidden; width:100%}
.list_area .item_box .item_name {font-family: "lato", "NanumBarunGothic"; line-height:120%; font-size:12px; text-align:center; overflow:hidden;}
.list_area .item_box .price {z-index:2; position:absolute; bottom:0; left:0; margin-bottom:10px; text-align:center; width:170px; color:#ea073c; font-size:13px; font-family: "lato"; font-weight:700}
.list_area .item_box .warranty {font-family: "lato", "NanumBarunGothic"; color:#ea073c; line-height:120%; font-size:12px; text-align:center; overflow:hidden;}
.list_area .item_box b {font-family: "lato", "NanumBarunGothic"; color:#ea073c; font-size:12px;}

.list_area .item_box:hover .item_name {color:#000;}

.btn_area {overflow:hidden; padding:55px 0 0 0; text-align:center;}
.btn_area .btn_more {background:transparent url('../images/list_view_more.gif') no-repeat; font-size:15px; width:148px; height:45px; line-height:45px; text-align:center; color:#333; font-family: "lato"; font-weight:700}
.btn_area .btn_more:hover {background:transparent url('../images/list_view_more_over.gif') no-repeat;}



/* 상세보기페이지 ●●●●●●●●●● */
.view_detail .top_title, .view_relative .top_title, .view_board .top_title {overflow:hidden; line-height:33px; font-size:31px; color:#333; letter-spacing:-1px; margin-bottom:30px}



/* 상세보기 셀렉트박스디자인 */
.select_area {margin:25px 0 0 0;}
.select_area .box_wrap {position:relative; padding-bottom:10px; width:401px} 
.select_area .box_wrap:hover .sub_box {display:block}

.select_area .box_wrap .sel_btn {width:384px}

.select_area .sub_box {display:none; position:absolute; top:0; left:0; width:100%}
.select_area .sub_box .sel_btn {background-position:-600px -45px; color:#333 !important; line-height:35px; height:35px;}
.select_area .sub_box .sel_btn .edge {background-position:-1097px -45px; width:3px; height:35px;}
.select_area .sub_box .sel_btn .arrow {background:transparent url('../images/sel_arrow_over.gif') center center no-repeat; border-left:1px solid #74757e;}
.select_area .sub_box .sel_btn:hover {background-position:-600px -45px;}
.select_area .sub_box .sel_btn:hover .edge {background-position:-1097px -45px;}

.select_area .select_line {background:#fafafa; border:1px solid #74757e; padding:8px 0; overflow-y:auto;  max-height:200px; }
.select_area .select_line a {display:block; padding:10px 10px; line-height:130%; color:#959595;}
.select_area .select_line a:hover {background:#e9e9e9; color:#333}

.select_pack {display:inline-block; overflow:hidden;}
.select_pack *{background: transparent url('../images/select_box.png') no-repeat ; text-decoration:none !important;  font-family: "lato", "NanumBarunGothic";}
.select_pack a {color:#959595; position:relative; float:left; font-weight:normal; margin:0 3px 0 0; word-wrap:normal; word-break:keep-all; font-size:12px; padding:0 0 0 14px !important}
.select_pack .edge {top:0; right:0; position:absolute; margin-right:-3px; overflow:hidden;}
.select_pack .lineup {background:none;}


.select_pack .sel_btn {background-position:0 0; color:#959595 !important; line-height:35px; height:35px;}
.select_pack .sel_btn .edge {background-position:-497px 0; width:3px; height:35px;}
.select_pack .sel_btn:hover {background-position:-600px 0;}
.select_pack .sel_btn:hover .edge {background-position:-1097px 0;}

.select_pack .sel_btn .arrow {float:right; background:transparent url('../images/sel_arrow.gif') center center no-repeat; height:35px; width:40px; border-left:1px solid #e8e8e8; margin-left:14px}
.select_pack .sel_btn:hover .arrow {background:transparent url('../images/sel_arrow_over.gif') center center no-repeat; border-left:1px solid #74757e;}


/* 상세보기페이지 타이틀 */
.view_item_name {background:#fff; border-bottom:1px solid #e2e3eb; height:95px}
.view_item_name .item_name {float:left; overflow:hidden; font-size:31px; color:#333; margin-top:20px; font-family: "lato", "NanumBarunGothic";}
.view_item_name .item_txt {clear:both; font-size:18px; color:#bfc1cc; letter-spacing:0px;}



/* 상세상단 */
.view_default {} /* 2015-01-22 수정 */
.view_default .layout_fix {padding:30px 0 50px 0;} /* 2015-01-22 수정 */
.view_default .thumb_box {float:left; overflow:hidden; width:50%; text-align:center;}
.view_default .thumb_box .thumb_l {display:inline-block; width:500px; height:500px; overflow:hidden}
.view_default .thumb_box .thumb_l span {overflow:hidden}
.view_default .thumb_box .thumb_l img {float:left; overflow:hidden; width:100%;}

.view_default .thumb_box .thumb_s {clear:both; overflow:hidden; margin-top:20px}
.view_default .thumb_box .thumb_s a {float:left; overflow:hidden; border:1px solid #e8e8e8; width:80px; height:80px; margin-left:20px}
.view_default .thumb_box .thumb_s a:hover {border:1px solid #bbb}
.view_default .thumb_box .thumb_s a:first-child {margin-left:0}


/* 상단 상품정보 */
.view_default .info_box {width:47%; float:right; padding:30px 0 0 0}
.view_default .info_box .price {margin-right:10px; float:left; font-family: "lato", "NanumBarunGothic"; font-size:40px; color:#3b4065; letter-spacing:0px; line-height:100%; margin-bottom:8px}

.view_default .info_box .item_text {overflow:hidden; clear:both; font-size:17px; color:#b2b4bf; letter-spacing:0px;}
.view_default .info_box .item_text2 {overflow:hidden; clear:both; font-size:16px; color:#b2b4bf; letter-spacing:0px;}

.view_default .info_box .view_btn_area {clear:both; overflow:hidden; margin-top:18px}
.view_default .info_box .view_btn_area a { float:left; background:transparent url('../images/btn_buy.gif') no-repeat; width:186px; height:55px; line-height:56px; text-align:center; color:#fff;}
.view_default .info_box .view_btn_area a {font-size:25px; color:#fff; letter-spacing:1px;  font-weight:normal}
.view_default .info_box .view_btn_area a:hover {background:transparent url('../images/btn_buy_over.gif') no-repeat; }

.view_default .review_box {clear:both; overflow:hidden; margin-top:45px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:18px 0;}
.view_default .review_box .star_mark {background:transparent url('../images/star_mark.png') no-repeat; width:145px; height:24px; float:left; margin-right:10px;}
.view_default .review_box .star {background:transparent url('../images/star_mark.png') 0 -30px no-repeat; width:100%; height:100%; float:left;}

.view_default .review_box .more_review {margin-left:5px; float:left; overflow:hidden; }
.view_default .review_box .more_review em {float:left; line-height:14px; font-size:15px; margin-top:5px; font-weight:600; color:#999; letter-spacing:-1px}
.view_default .review_box .more_review .arrow {margin:6px 0 0 7px; background:transparent url('../images/ic_review_more.gif') left top no-repeat; float:left; width:14px; height:14px;}
.view_default .review_box .more_review:hover em {color:#666}
.view_default .review_box .more_review:hover .arrow {background:transparent url('../images/ic_review_more_over.gif') left top no-repeat;}



/* 여기서부터 수정 2015-01-22 ---------------------------------------------------- */
.view_default .item_guide {margin-top:27px}
.view_default .item_guide .box {position:relative; clear:both; margin-bottom:25px}
.view_default .item_guide .guide_icon {position:absolute; top:0; left:0}
.view_default .item_guide .guide_icon img {float:left}
.view_default .item_guide .guide_text {margin:1px 0 0 48px;}
.view_default .item_guide .guide_text dt {font-size:17px;}
.view_default .item_guide .guide_text dd {font-size:13px; color:#999; line-height:150%;}

/* 여기까지 수정 2015-01-22 ---------------------------------------------------- */



/* 상품상세정보 */
.view_detail {overflow:hidden; }
.view_detail .layout_fix {border-bottom:1px solid #e8e8e8; overflow:hidden; padding:48px 0 50px 0}

.view_detail .explain {float:left; overflow:hidden; width:43%}
.view_detail .explain dt {margin:20px 0 5px 0; overflow:hidden; color:#333; font-weight:bold; font-size:18px; font-family: "lato", "NanumBarunGothic"}
.view_detail .explain dd {font-size:15px; color:#999; letter-spacing:1px; line-height:150%}

.view_detail .info_detail {float:right; overflow:hidden; width:48%;}
.view_detail .info_detail li {list-style:none; clear:both; overflow:hidden; margin:6px 0}
.view_detail .info_detail li:first-child {margin-top:0!important}
.view_detail .info_detail .opt {padding:0 0 0 12px; background:transparent url('../images/info_bullet.gif') left 7px no-repeat; float:left; overflow:hidden; font-size:15px; color:#333; letter-spacing:0px; line-height:20px}
.view_detail .info_detail .conts {overflow:hidden; font-size:15px; color:#999; letter-spacing:0px; line-height:20px}



/* 관련상품 및 추천상품 */
.view_relative {overflow:hidden;}
.view_relative .layout_fix {border-bottom:1px solid #e8e8e8; overflow:hidden; padding:48px 0 30px 0}

.view_relative .item {background:#fff; float:left; overflow:hidden; width:25%; margin:20px 0}

@media only screen and (min-width: 1451px ) {.wrap_sm .view_relative .item {width:25%!important} }
@media only screen and (max-width: 1450px ) {.wrap_sm .view_relative .item {width:33%!important}}

.view_relative .item .thumb {float:left; overflow:hidden; width:100px; height:100px; background:#f8f8f8 url('../images/no_img_s.png') center center no-repeat;}
.view_relative .item .thumb img {float:left; overflow:hidden; width:100%}
.view_relative .item .info {margin-left:10px; float:left; overflow:hidden; width:65%}
.view_relative .item .item_name {letter-spacing:0px; font-size:15px; color:#333; line-height:18px; overflow:hidden; height:40px;}
.view_relative .item .price {letter-spacing:0px; font-size:14px; color:#ea002c; line-height:16px; margin-top:20px; overflow:hidden}

.view_relative .item_wrap {text-align:center}
.view_relative .item_box {position:relative; height:240px; margin:18px 18px 0 18px; overflow:hidden; float:left; width:170px; text-align:center}
.view_relative .item_box .thumb {overflow:hidden; width:150px; height:150px; background:#f8f8f8 url('../images/no_img_m.png') center center no-repeat;}
.view_relative .item_box .thumb img {float:left; overflow:hidden; width:100%}
.view_relative .item_box .item_name {margin-top:10px; text-align:center; width:165px; letter-spacing:0px; font-size:15px; color:#333; line-height:18px; overflow:hidden}
.view_relative .item_box .price {width:100%; position:absolute; bottom:0; left:0; text-align:center; letter-spacing:0px; font-size:14px; color:#ea002c; line-height:16px; margin-bottom:20px; overflow:hidden}


/* 내부게시판감싸기 */
.view_board {overflow:hidden;}
.view_board .layout_fix {overflow:hidden; padding:50px 0}
.view_board .top_title {margin-bottom:0 !important}




/* 공통페이지 디자인 ●●●●●●●●●● */

.blank_top {overflow:hidden; padding-top:40px}

/* 공통페이지 감싸기 */
.cm_shop_wrap {overflow:hidden; padding: 0 0 100px 0; background:#fff; border-top:1px solid #eee;}
.cm_member_wrap {overflow:hidden; padding: 0 0 100px 0; background:#fff; border-top:1px solid #eee;}
.cm_member_wrap .layout_fix {width:1200px; }
.cm_shop_wrap .layout_fix {width:1200px; }
.cm_conts_area pre {word-wrap:break-word; word-break:keep-all; white-space:pre-line;}

/* 공통페이지 메뉴 */
.cm_menu_area {float:left; overflow:hidden; width:200px; margin-right:50px}
.cm_menu_area dl {margin-top:40px; overflow:hidden}
.cm_menu_area dl:first-child {margin-top:0}
.cm_menu_area dt {font-size:21px; font-weight:600; color:#000; border-bottom:2px solid #e8e8e8; height:40px; line-height:40px; margin-bottom:6px}
.cm_menu_area dd {clear:both; overflow:hidden}
.cm_menu_area a {background:transparent url('../images/list_bullet.gif') left center no-repeat; display:block; width:100%; padding:0 0 0 8px; font-size:13px; height:30px; line-height:30px; overflow:hidden; font-family: "lato", "NanumBarunGothic";}
.cm_menu_area a:hover {color:#000; text-decoration:underline; font-weight:700}
.cm_menu_area .hit {color:#000; text-decoration:underline; font-weight:700}


/* 공통페이지 내용 감싸기 */
.cm_conts_area {margin:0 0 0 0; overflow:hidden; font-weight:bold}
.cm_pagetitle {color:#333; font-size:21px; border-bottom:2px solid #e8e8e8; height:40px; line-height:40px; margin-bottom:30px;}


/* 통합검색 내용 */
.search_result {padding:30px 0 100px 0!important}
.search_result .cm_no_conts .gtxt {font-size:15px;}
.search_result .cm_no_conts .no_icon {background-image:url('../images/common/no_conts_s.png');}

.search_result .list_line {text-align:center}




/* 2015-01-22 추가 ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
/* 회사소개 */
.sub_company {overflow:hidden}
.sub_company .top {overflow:hidden; background:transparent url('../images/company_line.gif') left bottom repeat-x; width:100%; padding-bottom:35px}
.sub_company .top {font-size:15px; line-height:140%}
.sub_company .top img {float:left; overflow:hidden; margin-bottom:60px; width:100%}

.sub_company .company_link {overflow:hidden; margin-top:35px}
.sub_company .company_link .title {font-size:17px; color:#333; margin-bottom:20px}

.sub_company .company_link a {display:block; border-bottom:1px solid #e8e8e8; height:35px; line-height:35px; font-size:13px; }
.sub_company .company_link a em {padding-right:5px}
.sub_company .company_link a:hover {color:#000}
