a, a:link, a:visited, a:active, a:hover {text-decoration:none;}


#story_top {width:100%}
#story_top .story_top_area {width:100%;margin:0 auto;border-bottom:1px #ddd solid;}
#story_top .story_top_area .topmenu {width:1100px;margin:0 auto;}
#story_top .story_top_area .topmenu ul {float:right}
#story_top .story_top_area .topmenu li {float:left;margin:35px 0 25px 25px}


.good {color:#bbb}
.good_r {color:#ea5858}
.story_view_good {float:right;border:1px #ccc solid;text-align:center;padding:3px 10px;cursor:pointer}
.story_timg {width:1100px;margin:0 auto}

.story1 .story1_list {}
.story1 .story1_list .story_slist {width:1100px;margin:0 auto;border-bottom:1px #eee solid;padding:40px 0}
.story1 .story1_list .list_num {float:left;width:160px;color:#3e5892;font-weight:bold;font-size:14px;margin-top:7px;line-height:25px}
.story1 .story1_list .list_c {float:left;width:458px;margin-left:25px}
.story1 .story1_list .list_c .title {font-size:18px;color:#111;margin-left:-1px;;letter-spacing:-1px;;font-weight:bold}
.story1 .story1_list .list_c .title a {font-size:18px;color:#111;margin-left:-1px;;letter-spacing:-1px;font-weight:bold}
.story1 .story1_list .list_c .contents {margin-top:10px;color:#999;font-size:13px;line-height:20px;text-align:justify;}
.story1 .story1_list .list_c .contents a {color:#777;font-size:13px;line-height:22px}
.story1 .story1_list .list_c .simg {}
.story1 .story1_list .list_c .simg li {float:left;margin:10px 15px 0 0 }
.story1 .story1_list .list_c .simg img{width:75px;height:75px}
.story1 .story1_list .list_img {float:left;margin-left:50px;width:355px;margin-top:5px}
.story1 .story1_list .list_img img {width:355px;}
.story1 .story1_view {width:1100px;margin:0 auto}
.story1 .story1_view .view_c {float:left;width:820px;border-right:1px #bbb solid}
.story1 .story1_view .view_c .view_num {color:#3e5892;text-align:center;font-weight:bold;font-size:18px;padding-top:10px;}
.story1 .story1_view .view_c .view_title {text-align:center;font-size:25px;margin-top:3px}
.story1 .story1_view .view_c .view_img {width:680px;margin:40px auto 20px auto}

.story1 .story1_view .view_c .view_text {width:680px;margin:0 auto;color:#333;font-size:13px;line-height:21px}

.story1 .story1_view .view_item {position:relative;float:left;padding:30px 0 30px 30px;width:230px;}
.story1 .story1_view .view_item_t {position:absolute;left:-7px;top:20px;}
.story1 .story1_view .view_item .item_img {margin-top:30px;}
.story1 .story1_view .view_item .item_img img {width:150px;height:150px}
.story1 .story1_view .view_item .item_brand {margin-top:10px;color:#659ffa}
.story1 .story1_view .view_item .item_title {font-size:12px;font-weight:bold;margin-top:3px;}
.story1 .story1_view .view_item .item_c {margin-top:10px}
.story1 .story1_view .view_item .item_c td.title{padding:2px 10px 2px 0;font-weight:bold;width:35px;font-size:11px}
.story1 .story1_view .view_item .item_c td .price{color:#659ffa;font-weight:bold;font-size:14px;font-family:verdana}


.story1 .story1_view2 {width:1100px;margin:0 auto}
.story1 .story1_view2 .view_c {width:1100px;margin:0 auto}
.story1 .story1_view2 .view_c .view_num {color:#3e5892;text-align:center;font-weight:bold;font-size:18px;padding-top:10px;}
.story1 .story1_view2 .view_c .view_title {text-align:center;font-size:25px;margin-top:3px}
.story1 .story1_view2 .view_c .view_img {width:1000px;margin:40px auto 20px auto}

.story1 .story1_view2 .view_c .view_text {width:1000px;margin:0 auto;color:#333;font-size:13px;line-height:21px;text-align:justify;}
.story1 .story1_view2 .view_c .view_text .p100 {padding-left:100px;}
.story1 .story1_view2 .view_c .view_text_mod {width:1100px;margin:0 auto;color:#333;font-size:13px;line-height:21px;text-align:justify;}
.story1 .story1_cate {width:1100px;margin:25px auto 10px auto}
.story1 .story1_cate li{float:left;padding:5px;text-align:center;color:#000;border-radius:5px;margin-right:5px;font-size:13px;font-weight:bold;cursor:pointer}
.story1 .story1_cate li.hover{color:#333;font-weight:bold}
.story1 .story1_cate li.line{font-weight:normal;font-size:12px;margin:0}

/*스토리1 코멘트*/
.story1_comment {clear:both;float:left;}
.story1_comment textarea{border:1px #ddd solid;background-color:#efefef;padding:10px;width:607px;height:52px;font-size:15px}
.story1_comment_btn {float:left;width:110px;padding:29px 0;text-align:center;background-color:#3e5892;color:#fff;font-weight:bold;margin-left:7px;font-family:verdana;cursor:pointer;}
.story1_comment_list {padding:20px 10px;border-bottom:1px #eee solid;width:740px;margin:0 auto}
.story1_comment_list .name {float:left;width:100px;color:#3e5892;font-size:14px}
.story1_comment_list .text {float:left;width:520px;text-align:justify;color:#555;font-size:14px}
.story1_comment_list .date {float:right;width:100px;text-align:right;color:#999}

.story4_comment {clear:both;float:left;}
.story4_comment textarea{border:1px #ddd solid;background-color:#efefef;padding:10px;width:960px;height:52px;font-size:15px}
.story4_comment_btn {float:left;width:110px;padding:29px 0;text-align:center;background-color:#3e5892;color:#fff;font-weight:bold;margin-left:7px;font-family:verdana;cursor:pointer;}
.story4_comment_list {padding:20px 0;border-bottom:1px #eee solid;width:1100px;margin:0 auto}
.story4_comment_list .name {float:left;width:100px;color:#3e5892;font-size:14px}
.story4_comment_list .text {float:left;width:800px;text-align:justify;color:#555;font-size:14px}
.story4_comment_list .date {float:right;width:100px;text-align:right;color:#999}


.story2 {width:100%;background-color:#fff6d0;padding:20px 0;}
.story2 .story2_list {margin-top:30px}
.story2 .story2_list li {float:left;width:234px;margin-right:50px;margin-bottom:50px;background-color:#fff;border-radius:6px}
.story2 .story2_list li .img {width:234;height:234px}
.story2 .story2_list li .title {margin:10px 15px 0 15px;font-size:13px;font-weight:bold}
.story2 .story2_list li .wish {margin:6px 15px;color:#999}
.story2 .story2_list li .cate {border-top:1px #eee solid;padding:8px;font-size:13px;font-weight:bold;text-align:center;color:#777}

.story2 .story2_list li .list_thumb {width:234px;border-radius:6px 6px 0 0}
.story2 .story2_cate {margin-bottom:15px}
.story2 .story2_cate li{float:left;width:100px;padding:8px 0;border:1px #fae6c4 solid;text-align:center;background-color:#fff;color:#999;border-radius:5px;margin-right:5px;font-size:13px;font-weight:bold;cursor:pointer}
.story2 .story2_cate li.hover{background-color:#ec805c;color:#fff;}

/*스토리2 view*/
.story2 .story2_view {width:1020px;background-color:#fff;padding:25px 40px;border:1px #f5e8b4 solid}
.story2 .story2_view .view_c {}
.story2 .story2_view .view_c .view_num {color:#eb4f04;text-align:center;font-weight:bold;font-size:17px;}
.story2 .story2_view .view_c .view_title {text-align:center;font-size:30px;margin-top:3px;}
.story2 .story2_view .view_c .view_img {width:1000px;margin:30px auto 20px auto}

/*스토리2 view 상품*/
.story2 .story2_item {width:960px;margin:0 auto;padding:20px;}
.story2 .story2_item li {float:left;margin:20px;height:240px;border-bottom:1px #eee solid}
.story2 .story2_item li .img {width:150px;height:150px;text-align:center}
.story2 .story2_item li .brand {margin-top:10px;color:#eb4f02}
.story2 .story2_item li .title {margin-top:10px;width:150px}
.story2 .story2_item li .price {font-weight:bold;font-size:13px;font-family:verdana;margin-top:3px}
.story2 .story2_item .line {margin:10px 0}

/*스토리2 코멘트*/
.story2_comment {float:left;margin-left:32px}
.story2_comment textarea{border:1px #ddd solid;background-color:#efefef;padding:10px;width:815px;height:52px;font-size:15px}
.story2_comment_btn {float:left;width:110px;padding:29px 0;text-align:center;background-color:#3e5892;color:#fff;font-weight:bold;margin-left:7px;font-family:verdana}
.story2_comment_list {padding:20px 10px;border-bottom:1px #eee solid;width:940px;margin:0 auto}
.story2_comment_list .name {float:left;width:100px;color:#3e5892;font-size:14px}
.story2_comment_list .text {float:left;width:620px;text-align:justify;color:#555;font-size:14px}
.story2_comment_list .date {float:right;width:100px;text-align:right;color:#999}

/*스토리2 추수감사주일 직접코딩페이지*/
.story2 #main_title {font-size:34px; font-weight:600; color:#555555; text-align:center; padding-bottom:30px }
.story2 #sub_title {text-align:center;}
.story2 #sub_title .sub_title_img {padding-bottom:5px}
.story2 #sub_title .sub_title1 {font-size:16px; font-weight:bold}
.story2 #sub_title .sub_title2 {font-size:30px; font-weight:bold}

/*스토리2- booklist2 */
.story_list2{font-size:12px;font-family:dotum, sans-serif; line-height:normal;}
.story_list2 ul{margin:0;padding:0;}
.story_list2 li{float:left; width:230px; height:350px; text-align:center;}
.story_list2 li.end{float:left; width:230px; text-align:center; border:0}
.story_list2 li .box {border:none; width:230px; height:230px;position:relative;}
.story_list2 li .hot{position:absolute;top:0; left:0; z-index:3; background:url(http://paidionsquare.com/old_www/book/imag/icon_hot.gif) no-repeat; width:36px; height:36px; }
.story_list2 li .new{position:absolute;top:0; left:0; z-index:3; background:url(http://paidionsquare.com/old_www/book/imag/icon_new.gif) no-repeat; width:36px; height:36px; }
.story_list2 li .name {margin:10px 0; color:#555; font-size:12px; line-height:120%}
.story_list2 li .price{font-size:12px;color:#555555}
.story_list2 li .price a{color:#6d6ad9;}

/*스토리2- booklist3 */
.story_list3{font-size:12px;font-family:dotum, sans-serif; line-height:normal;}
.story_list3 ul{margin:0;padding:0;}
.story_list3 li{float:left; width:150px; height:250px; text-align:center;}
.story_list3 li.end{float:left; width:150px; text-align:center; border:0}
.story_list3 li .box {border:none; width:150px; height:150px;position:relative;}
.story_list3 li .hot{position:absolute;top:0; left:0; z-index:3; background:url(http://paidionsquare.com/old_www/book/imag/icon_hot.gif) no-repeat; width:36px; height:36px; }
.story_list3 li .new{position:absolute;top:0; left:0; z-index:3; background:url(http://paidionsquare.com/old_www/book/imag/icon_new.gif) no-repeat; width:36px; height:36px; }
.story_list3 li .name {margin:10px 0; color:#555; font-size:12px; line-height:120%}
.story_list3 li .price{font-size:12px;color:#555555}
.story_list3 li .price a{color:#6d6ad9;}

/*스토리2- booklist4 */
.story_list4{font-size:12px;font-family:dotum, sans-serif; line-height:normal;}
.story_list4 ul{margin:0;padding:0;}
.story_list4 li{float:left; width:170px; height:250px; text-align:center;}
.story_list4 li.end{float:left; width:170px; text-align:center; border:0}
.story_list4 li .box {border:none; width:170px; height:170px;position:relative;}
.story_list4 li .hot{position:absolute;top:0; left:0; z-index:3; background:url(http://paidionsquare.com/old_www/book/imag/icon_hot.gif) no-repeat; width:36px; height:36px; }
.story_list4 li .new{position:absolute;top:0; left:0; z-index:3; background:url(http://paidionsquare.com/old_www/book/imag/icon_new.gif) no-repeat; width:36px; height:36px; }
.story_list4 li .name {margin:10px 0; color:#555; font-size:12px; line-height:120%}
.story_list4 li .price{font-size:12px;color:#555555}
.story_list4 li .price a{color:#6d6ad9;}


.story3 {width:100%;background:url(../img/story3/story3_bg.gif) repeat-y center}
.story3_left {float:left;background-color:#f5f5f5;width:170px;padding:20px 0}
.story3_left .left_t {font-size:20px;font-weight:bold;padding:20px 0 5px 0}

.story3_left .left_c {margin-top:7px;margin-left:2px;color:#555;position:relative; cursor:pointer;}
.story3_left .left_cr {color:#fff;font-weight:bold;background:url(../img/story3/left_bg.gif);height:25px;position:absolute;width:177px;top:-5px;left:-5px;padding-top:5px;padding-left:5px}

.story3_mlist {float:left;width:900px;background-color:#dcede9;min-height:800px;padding-left:30px}
.story3_mlist .list_c  {padding:50px 0 30px 0;border-bottom:1px #c1d6d1 solid}
.story3_mlist .list_line  {border-top:1px #eaf8f5 solid}
.story3_mlist .list_c .title1 {float:left;font-size:14px;font-weight:bold;color:#4ca5a4;margin-top:5px;margin-left:5px}
.story3_mlist .list_c .title2 {float:left;margin-left:10px;font-size:24px;font-weight:bold;margin-bottom:15px}
.story3_mlist .list_c .date {float:right;font-weight:bold;color:#4ca5a4;margin-top:10px;margin-right:10px}

.story3_mlist .list_c .bimg {float:left;;background-color:#fff;width:348px;height:348px;position:relative;margin:5px}
.story3_mlist .list_c .simg {float:left;width:534px;}
.story3_mlist .list_c .simg li {float:left;margin:5px;background-color:#fff;width:168px;height:168px;position:relative}

.story3_mlist .story3_more {float:right;margin:10px 10px 10px 0;}

.story3_slist {float:left;width:885px;background-color:#fff;min-height:800px;padding-left:40px;padding-bottom:50px;}
.story3_slist .list_c  {padding:50px 0 30px 0;}
.story3_slist .list_line  {border-top:1px #eaf8f5 solid}
.story3_slist .list_c .title1 {float:left;font-size:14px;font-weight:bold;color:#4ca5a4;margin-top:5px;margin-left:5px}
.story3_slist .list_c .title2 {float:left;margin-left:10px;font-size:24px;font-weight:bold;margin-bottom:15px}
.story3_slist .list_c .date {float:right;font-weight:bold;color:#4ca5a4;margin-top:10px}

.story3_slist .list_c .line {margin-left:3px;margin-bottom:20px}
.story3_slist .list_c .bimg {width:872px;margin:8px 4px 20px 4px}
.story3_slist .list_c .simg {}
.story3_slist .list_c .simg li {float:left;margin:30px 4px 30px 4px;background-color:#fff;width:168px;height:168px;position:relative}


.story_cartzzim {display:none; }


.story4_list {width:1100px;margin:20px auto;border-top:1px #eee solid}
.story4_list td {border-bottom:1px #ddd solid;padding:0 10px;border-bottom:1px #ddd dashed;height:120px}
.story4_list td .s4_title {font-size:16px;font-weight:bold}
.story4_list td .s4_c {font-size:15px;font-weight:bold;color:#e8b11e}
.story4_list td .s4_d {font-size:12px;color:#333;font-weight:bold;}
.story4_list td.zzim {font-size:16px;font-weight:bold}

.story4_cate {width:840px;margin:35px auto 25px auto}
.story4_cate li {float:left;cursor:pointer}
.story4_btn {width:251px;margin:0 auto 40px auto}
.story4_img {width:350px;height:90px;}