.design_top {width:1100px;margin:0 auto}
.design_top .logo {float:left;margin-top:25px}
.design_top .search_area {float:left;margin-top:30px;margin-left:50px;width:300px;border-bottom:4px #3e9ffa solid}
.design_top .search_area .search{float:left;border:0;margin-top:5px;font-size:18px;width:290px}
.design_top .search_area .btn_seach{float:right}
.design_cate{width:100%;background:url(/design/img/design/cate_top.gif) repeat-x;border-bottom:3px #3e9ffa solid}
.design_cate li{float:left;cursor:pointer;}



#submenu {width:1100px;border:3px #3e9ffa solid;display:none;position:absolute;background-color:#FFFFFF;z-index:10}
#submenu li {float:left;border-right:1px #ddd solid;height:290px}
#submenu li .smenu_ad1{width:160px;height:255px;margin:15px}
#submenu li .smenu_ad2{margin:15px}
#submenu li .smenu{width:180px;margin:20px}
#submenu li .smenu_t {border-bottom:2px #555 solid;font-size:14px;font-weight:bold;padding-bottom:5px;margin-bottom:10px}
#submenu li .smenu_t2 {font-weight:bold;margin-bottom:5px;font-size:13px}
#submenu li .smenu_list {margin-top:5px;color:#777}

.design{width:1100px; margin:0 auto;}
.design_sort{margin:30px 0;border:1px #ddd solid}
.design_sort .sort{float:left;width:100%;}
.design_sort .sort .sort_list{float:left;width:140px;border-right:1px #ddd solid;padding:20px}
.design_sort .sort .sort_list .title{font-weight:bold;font-size:13px;margin-bottom:10px}
.design_sort .sort .sort_list li{margin:7px 0;color:#777}

.design_sort .brand{float:right;}
.design_sort .brand li{margin-bottom:10px;font-size:13px}

.list_tab{border-left:1px #ddd solid;border-right:1px #ddd solid;background-color:#f0f1f3}
.list_tab li{float:left;border-right:1px #ddd solid;border-bottom:1px #ddd solid;width:20%;text-align:center;padding:10px 0;font-weight:bold;font-size:13px}
.list_tab li.hover{background-color:#fff;border-bottom:1px #fff solid}

.brand_list_tab{border-left:1px #ddd solid;border-right:1px #ddd solid;background-color:#f0f1f3}
.brand_list_tab li{float:left;border-right:1px #ddd solid;border-bottom:1px #ddd solid;width:20%;text-align:center;padding:10px 0;font-weight:bold;font-size:13px}
.brand_list_tab li.hover{background-color:#fff;border-bottom:1px #fff solid}



.design_list{border-left:1px #f9f9f9 solid;margin:30px 0}
.design_list li.line{float:left;border-right:1px #eee solid;border-bottom:1px #eee solid;width:273px;height:370px;text-align:left;}
.design_list li.last{float:left;border-bottom:1px #ddd solid;width:273px;height:370px;text-align:left;}
.design_list li .img {margin:13px;width:width:247;height:247px;}
.design_list li .brand {font-weight:bold;color:#bbb;margin-top:5px;font-size:11px;padding-left:10px;}
.design_list li .title {margin:5px 0; padding-left:10px;}
.design_list li .price {font-weight:bold;padding-left:10px;}

.design {width:1100px; margin:0 auto}
.design .slide {width:1100px;height:450px;background-color:#eee;margin:15px 0}
.design .slide_dot_r {float:left;width:16px;height:16px;border-radius:8px;background-color:#3d9ffa;margin:0 3px}
.design .slide_dot {float:left;width:16px;height:16px;border-radius:8px;background-color:#ddd;margin:0 3px}
.design .main_ad {margin:40px 0 50px 0}
.design .issue_area {margin:10px 0;border:1px #ddd solid}
.design .issue_list {float:left}
.design .issue_list li {float:left;margin:25px 0 25px 25px;}
.design .issue_list li .thumb{width:118px;height:118px;}
.design .issue_list li .title{text-align:center;margin-top:10px}
.design .issue_stitle {float:right}
.design .issue_t {padding:7px 0; height:20px;}
.design .issue_t li{float:left;color:#777;margin-right:10px;font-size:13px;cursor:pointer}
.design .issue_t li.hover{font-weight:bold;color:#111}

.design .review_t {margin:20px 0 0 30px}
.design .review {margin:10px 0 0 30px;border:1px #ddd solid;width:258px;height:310px}
.design .review_img {width:258px;height:200px;background-color:#ddd}
.design .review_text {margin:15px}

.design .main_list_area {float:left;width:770px;margin-right:30px;}
.design .main_list {width:770px;margin-right:30px;height:230px}
.design .main_list li {float:left;margin:0 0 30px 12px}
.design .main_list li .img{height:150px;}
.design .main_list li .title{margin-top:10px;text-align:center}
.design .main_list li .price{text-align:center;font-weight:bold}
.design .main_list li .list_t{}
.design .main_list li .list_st{margin-top:20px}
.design .main_list li .list_st ul li{clear:both;margin: 4px 0 0 0;width:120px;cursor:pointer}
.design .main_list li .list_st ul li.hover{font-weight:bold;color:#111}
#list_st1_prod ul li {margin:0 0 30px 7px;text-align:center}
#list_st1_prod ul li .title{width:150px;overflow:hidden;}

.design .main_list li .list_st2{margin-top:20px}
.design .main_list li .list_st2 ul li{clear:both;margin: 4px 0 0 0;width:120px;cursor:pointer}
.design .main_list li .list_st2 ul li.hover{font-weight:bold;color:#111}
#list_st2_prod ul li {margin:0 0 30px 7px;text-align:center}
#list_st2_prod ul li .title{width:150px;overflow:hidden;text-align:center}

.design .main_list li .list_st3{margin-top:20px}
.design .main_list li .list_st3 ul li{clear:both;margin: 4px 0 0 0;width:120px;cursor:pointer}
.design .main_list li .list_st3 ul li.hover{font-weight:bold;color:#111}
#list_st3_prod ul li {margin:0 0 30px 7px;text-align:center}
#list_st3_prod ul li .title{width:150px;overflow:hidden;text-align:center}


#topmenu {width:100%;background-color:#f3f3f3;background:url(/design/img/top/top_bg.gif) repeat-x}
#topmenu .topmenu_area {width:1100px;margin:0 auto}
#topmenu .top_cate {float:left}
#topmenu .top_cate li {float:left}
#topmenu .top_member {float:right}
#topmenu .top_member li {float:left;color:#777;margin-left:7px;font-size:11px;margin-top:5px}
#topmenu .top_member li.line{font-size:10px;color:#999}


.main_top {width:1100px;margin:0 auto 30px auto}
.main_top .logo {float:left;margin-top:35px}
.main_top .search_area {float:left;margin-top:30px;margin-left:30px;margin-right:40px;width:350px;border-bottom:4px #3e9ffa solid}
.main_top .search_area .search{float:left;border:0;margin-top:5px;font-size:18px;width:290px}
.main_top .search_area .btn_seach{float:right}
.main_top .story{float:left;margin-top:50px}
.main_top .sample{float:left;margin-left:20px;margin-top:15px}

#main {width:1100px;margin:0 auto}
#main .cate_area {float:left;width:817px;}
#main .cate_area .cate {}
#main .cate_area .cate li {float:left}
#main .cate_area .cate_view {width:810px;height:390px;border-left:3px #3e9ffa solid;border-right:3px #3e9ffa solid;border-bottom:3px #3e9ffa solid}
#main .cate_area .cate_view .scate {float:left}
#main .cate_area .cate_view .scate li {border-bottom:1px #ddd solid;font-size:16px;font-weight:bold;padding:10px 20px;width:160px}
#main .cate_area .cate_view .scate li.hover{background:url(./img/main/cate_hover.gif) no-repeat}
#main .cate_area .cate_view .scate li .sscate {margin-top:8px;font-weight:normal;color:#777}

#main .cate_area .cate_view .slide {float:left;border-left:1px #ddd solid}
#main .ad_area {float:left;margin-left:25px;width:255px}

#tab_v {display:none;}


#design_view{width:1100px;margin:10px auto;}
#design_view .view_area {margin:10px 0;border-top:2px #555 solid}
#design_view .view_info {float:left;width:857px;padding:30px 30px 30px 0;border-right:1px #ddd solid}
#design_view .view_info .info_area {border-top:1px #555 solid;border-bottom:1px #555 solid;padding:25px 0}
#design_view .view_info .brand {;text-align:center;color:#3e9ffa}
#design_view .view_info .title {font-size:17px;font-weight:bold;text-align:center}
#design_view .view_info .img {width:650px;background-color:#eee;margin:30px auto}
#design_view .view_info .pasguide {width:250px;margin:30px auto; padding-bottom:30px;}
#design_view .view_info .pasguide li{float:left;width:50px;}

#design_view .md_notice {width:800px;padding:20px;border-left:2px #ea3b28 solid;border-right:2px #ea3b28 solid;border-bottom:2px #ea3b28 solid;}


#design_view .view_info .info_l td{padding-bottom:10px ;}
#design_view .view_info .info_l td.info_l_title {width:80px;font-weight:bold}
#design_view .view_info .info_r td{padding-bottom:10px;height:30px;}
#design_view .view_info .info_r td.info_r_title {width:80px;font-weight:bold}
#design_view .view_recomm {float:left;margin:0 30px}
#design_view .view_recomm li {margin-top:20px;width:150px;}
#design_view .view_recomm li .brand {font-size:11px;color:#3e9ffa;margin-top:10px}
#design_view .view_recomm li .title {margin-bottom:5px}
#design_view .view_recomm li .price {font-weight:bold;font-family:Arial;font-size:14px}
.list_tab{border-left:1px #ddd solid;border-right:1px #ddd solid;background-color:#f0f1f3}
.list_tab li{float:left;border-right:1px #ddd solid;border-bottom:1px #ddd solid;width:20%;text-align:center;padding:15px 0;font-weight:bold;font-size:13px;color:#999}
.list_tab li.hover{background-color:#fff;border-bottom:1px #fff solid;color:#111}



.op_on div table{max-height:40px;}

.list_top_left{float:left;width:195px;margin-top:40px;}
.list_top_left .left_t{margin-bottom:15px}
.list_top_left li{padding:7px;}
.list_top_left li.hover{background-color:#eee}
.list_top_right{float:left;width:868px;margin-left:36px;margin-top:20px}
.list_top_right .sub_menu{width:100%;border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding:20px 0 20px 20px}
.list_top_right .sub_menu_list{float:left;width:630px;}
.list_top_right .sub_menu_list li{float:left;width:205px;padding-bottom:10px;}
.list_top_right .sub_menu_list li.slist_hover a{font-weight:bold;color:#3e9ffa}
.list_top_right .sub_menu_list_t{float:left;margin-right:40px;width:170px;font-size:16px;font-weight:bold; letter-spacing:0px}

.best_list{margin:30px 0;border-top:1px #eee solid;width:838px}
.best_list li.line{float:left;border-right:1px #eee solid;border-bottom:1px #eee solid;width:273px;height:370px;text-align:center;position:relative}
.best_list li.last{float:left;border-bottom:1px #eee solid;width:273px;height:370px;text-align:center}
.best_list li .img {margin:13px;width:width:255;height:255px;}
.best_list li .brand {font-weight:bold;color:#bbb;margin-top:5px;font-size:11px}
.best_list li .title {margin:5px 0; }
.best_list li .price {font-weight:bold;}
.best_list li .best {position:absolute}

.s_hover_menu {z-index:999999;display:none;position:relative;}
.s_hover_menu2 {z-index:999999;border:1px #3e9ffa solid;padding:20px 15px;width:230px;background-color:#ffffff;position:absolute;left:185px;top:-35px;}
.s_hover_menu2 ul {clear:both;}
.s_hover_menu2 ul li {}

/* ¸®½ºÆ®³» °Ë»ö °ü·Ã */
.list_sorting{padding:20px 0;border-bottom:1px #ddd solid}
.list_sorting li{float:right;font-size:13px;margin-right:30px}
.list_search{padding:15px 0;border-bottom:1px #ddd solid;display:none;}
.list_search .search{width:210px;border:1px #ddd solid;height:37px;padding:0 10px;color:#999;font-size:14px}


.list_pasguide{display:none;padding:20px 0;border-bottom:1px #ddd solid}
.list_pasguide li{float:right;font-size:13px;margin-right:30px}


.wrap {width:1100px;margin:0 auto}

/*°áÁ¦ÆäÀÌÁö*/
.order {width:100%;background-color:#fafafa;padding:35px 0}
.order .order_tab {}
.order .order_tab li {float:left;}
.order .order_box {background-color:#fff;border-left:1px #ddd solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid}
.order .order_box .order_tbox {background-color:#92c564;padding:7px 15px;font-weight:bold;font-size:14px;color:#fff;}
.order .order_box .order_sbox {border:2px #92c564 solid;padding:20px}

.order .order_box .order_info {width:100%;}
.order .order_box .order_info td {background-color:#f5f5f5;padding:5px 10px;text-align:center;}
.order .order_box .order_info td.title {font-weight:bold;text-align:center;background-color:#fff;padding:10px 0;border-top:2px #fff solid}
.order .order_box .order_info td .img {float:left;width:60px;height:60px;margin-right:20px;margin-left:10px}
.order .order_box .order_info td .name {font-weight:bold;text-align:left;margin-top:10px}
.order .order_box .order_info td .option {color:#999;font-size:11px;margin-top:3px;text-align:left}

.order .order_box .order_line {border-bottom:1px #ccc solid}
.order .order_box .order_line2 {border-bottom:1px #aaa dashed}

.order .order_box .total {font-family:arial;font-weight:bold;font-size:35px;padding-top:10px;border-bottom:1px #ddd solid;margin-bottom:10px;color:#394082}
.order .order_box .total_info {width:280px;margin:15px 0;padding:15px;background-color:#f5f5f5}
.order .order_box .total_info td {padding:3px;color:#777;}
.order .total_btn {width:280px;background-color:#454fac;text-align:center;color:#fff;padding:10px 0;font-size:18px;font-weight:bold;cursor:pointer;margin:0 auto}
.order .order_title {font-size:15px;font-weight:bold;font-family:Nanum Gothic;padding:15px 0 0 25px;}
.order .total_title {font-size:15px;font-weight:bold;font-family:Nanum Gothic;}

.order .order_box .total_info_result {width:370px;margin:15px 0;padding:15px;background-color:#f5f5f5}
.order .order_box .total_info_result td {padding:3px;color:#777;font-size:11px}

.order .order_box .add {width:685px;}
.order .order_box .add td {padding:3px 0;color:#666;height:27px}
.order .order_box .add td.title {font-weight:bold;font-size:11px;width:120px}
.order .order_box .add input {padding:5px 7px;border:1px #ddd solid;font-family:dotum;color:#666;margin:3px 0}
.order .order_memo {padding:5px 20px 20px 20px;background-color:#f5f5f5}
.order .order_memo_box {width:1030px;border:1px #ddd solid;padding:10px;font-family:dotum}

.kid_law_r {padding:20px;border:4px #cbdae5 solid;width:800px;margin:15px auto;}
.kid_law_c {margin-bottom:10px;color:#666}
.kid_law {width:100%;border-top:2px #555 solid;border-left:1px #ddd solid}
.kid_law td {border-bottom:1px #ddd solid;border-right:1px #ddd solid;padding:10px 15px;color:#555}
.kid_law td.title {background-color:#5d637e;color:#fff;font-weight:bold;text-align:center;font-size:14px;width:150px;}
.kid_law td.stitle {font-weight:bold;max-width:190px;background-color:#f0f3f7;font-size:12px}
.kid_law td .k_num {font-size:15px;font-weight:bold;}



@media all and (max-width:960px) {
/* list */
.design{width:100%; margin:0 auto;}

.list_top_left{float:left;width:195px;margin-top:40px;}
.list_top_left .left_t{margin-bottom:15px}
.list_top_left li{padding:7px;}
.list_top_left li.hover{background-color:#eee}
.list_top_right{float:left;width:100%;margin-left:0px;margin-top:20px}
.list_top_right .sub_menu{width:100%;border-top:1px #ddd solid;border-bottom:1px #ddd solid;padding:20px 0 20px 20px}
.list_top_right .sub_menu_list{float:left;width:100%;}
.list_top_right .sub_menu_list li{float:left;width:30%;padding-bottom:10px; border-top:1px solid #ccc; margin-right:10px}
.list_top_right .sub_menu_list li.slist_hover a{font-weight:bold;color:#3e9ffa}
.list_top_right .sub_menu_list_t{float:left;margin-right:40px;width:170px;font-size:16px;font-weight:bold; letter-spacing:0px}

.design_list{border-left:1px #f9f9f9 solid;margin:30px 0}
.design_list li.line{float:left;border-right:1px #eee solid;border-bottom:1px #eee solid;width:50%;height:370px;text-align:left;}
.design_list li.last{float:left;border-bottom:1px #ddd solid;width:50%;height:370px;text-align:left;}
.design_list li .img {margin:13px;width:width:80px;height:200px;}
.design_list li .brand {font-weight:bold;color:#bbb;margin-top:5px;font-size:11px;padding-left:10px;}
.design_list li .title {margin:5px 0; padding-left:10px;}
.design_list li .price {font-weight:bold;padding-left:10px;}


#design_view{width:100%;margin:10px auto;}
#design_view .view_area {margin:10px 0;border-top:2px #555 solid}
#design_view .view_info {float:left;width:100%;padding:30px 30px 30px 0;border-right:1px #ddd solid}
#design_view .view_info .info_area {border-top:1px #555 solid;border-bottom:1px #555 solid;padding:25px 0}
#design_view .view_info .brand {;text-align:center;color:#3e9ffa}
#design_view .view_info .title {font-size:17px;font-weight:bold;text-align:center}
#design_view .view_info .img {width:100%;background-color:#eee;margin:30px auto}
#design_view .view_info .pasguide {width:250px;margin:30px auto; padding-bottom:30px;}
#design_view .view_info .pasguide li{float:left;width:50px;}

#design_view .md_notice {width:100%;padding:20px;border-left:2px #ea3b28 solid;border-right:2px #ea3b28 solid;border-bottom:2px #ea3b28 solid;}


#design_view .view_info .info_l td{padding-bottom:10px ;}
#design_view .view_info .info_l td.info_l_title {width:80px;font-weight:bold}
#design_view .view_info .info_r td{padding-bottom:10px;height:30px;}
#design_view .view_info .info_r td.info_r_title {width:80px;font-weight:bold}
#design_view .view_recomm {float:left;margin:0 30px}
#design_view .view_recomm li {margin-top:20px;width:150px;}
#design_view .view_recomm li .brand {font-size:11px;color:#3e9ffa;margin-top:10px}
#design_view .view_recomm li .title {margin-bottom:5px}
#design_view .view_recomm li .price {font-weight:bold;font-family:Arial;font-size:14px}
.list_tab{border-left:1px #ddd solid;border-right:1px #ddd solid;background-color:#f0f1f3}
.list_tab li{float:left;border-right:1px #ddd solid;border-bottom:1px #ddd solid;width:20%;text-align:center;padding:15px 0;font-weight:bold;font-size:13px;color:#999}
.list_tab li.hover{background-color:#fff;border-bottom:1px #fff solid;color:#111}

}