@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

a {overflow:hidden; vertical-align:middle; text-decoration:none;}
a:link, a:visited {color:#333; text-decoration: none;}
a:hover, a:active {color:#333; text-decoration: none;}

div {font-family:dotum}
.top_ad {width:100%;}
.top_ad .top_ad_img {width:1100px;margin:0 auto;position:relative}
.top_ad .top_ad_close {position:absolute;left:1070px;top:30px}

.wrap {width:1100px;margin:0 auto}
#main {width:100%}
#main .logo {float:left;margin:20px 0 15px 40px;}
#main .search {float:left;margin:35px 0 15px 78px;border:1px #777 solid;width:553px;height:46px}
#main .search .search_btn {float:right}
#main .search .search_select {float:left;border-right:1px #777 solid;margin-top:10px;padding:5px}
#main .search .search_select select {width:100px;border:1px #fff solid;color:#777}
#main .top_right_menu {float:right;margin-top:30px}

#main .slide {float:left;width:820px;position:relative;z-index:1000px}
#main .slide_menu {}
#main .slide_menu li {float:left;margin-right:1px;cursor:pointer}
#main .slide_c {width:813px;height:387px;border:3px #95c820 solid}
#main .slide_c .slide_cate {float:left;width:201px;padding:10px 0}
#main .slide_c .slide_cate .cate_t {font-weight:bold;margin:0 20px}
#main .slide_c .slide_cate .cate_c {padding:4px 0 5px 20px;cursor:pointer}
#main .slide_c .slide_cate .cate_c li {float:left;font-size:11px;color:#333;line-height:15px;margin-right:4px;cursor:pointer}

#main .slide_c .slide_cate .cate_t2 {font-weight:bold;margin:0 20px}
#main .slide_c .slide_cate .cate_c2 {padding:7px 0 7px 20px;cursor:pointer}
#main .slide_c .slide_cate .cate_c2 li {float:left;font-size:11px;color:#999;line-height:17px;cursor:pointer;margin-right:4px;}

#main .slide_c .slide_cate .cate_c3 {padding:5px 0 9px 20px}
#main .slide_c .slide_cate .cate_c3 li {float:left;font-size:11px;color:#999;line-height:17px;cursor:pointer;margin-right:4px}
#main .slide_c .slide_cate .cate_t3 {font-weight:bold;margin:0 20px;font-size:11px;line-height:18px;cursor:pointer}

#main .slide_c .slide_img {float:left;position:relative}

#main-b-1{width:612px;height:387px;overflow:hidden;}
#main-b-2{width:612px;height:387px;overflow:hidden;display:none;}
#main-b-3{width:612px;height:387px;overflow:hidden;display:none;}
#main-b-4{width:612px;height:387px;overflow:hidden;display:none;}

#main-b-2-cate {display:none;}
#main-b-3-cate {display:none;}
#main-b-4-cate {display:none;}

#main .slide_c .slide_arrow {position:absolute;top:150px}
#main .slide_c .cate_line {border-bottom:1px #ddd solid;margin-bottom:6px}
#main .slide_c .cate_line2 {border-bottom:1px #ddd solid;margin-bottom:8px}
#main .slide_c .cate_line3 {border-bottom:1px #ddd solid;margin-bottom:9px}


#main .top_banner {float:left;width:260px;margin-left:18px}
#main .top_banner .top_banner_img {width:260px;background-color:#f1f1f1;height:220px;position:relative}
#main  .gift_label {position:absolute;left:205px;z-index:9;}
#main  .gift_b_dot {position:absolute;top:190px;left:40%}
#main  .gift_b_dot li {float:left;margin-right:8px;width:10px;height:10px;border-radius:5px;background-color:#d1d1d1}
#main  .gift_b_dot li.over{background-color:#60b32d}

#main .new_story {position:relative;}
#main .new_story li{float:left;width:215px;margin-right:6px;cursor:pointer}
#main .new_story div {font-family:Nanum Barun Gothic;}
#main .new_story li .img {position:relative;height:226px;}
#main .new_story li .img img{position:absolute;}
#main .new_story li .text_area {background-color:#444;padding:30px 0;position:relative;}

#main .new_story li .text_area_color1 { background-color:#97c998 }
#main .new_story li .text_area_color2 { background-color:#947fb0 }
#main .new_story li .text_area_color3 { background-color:#e1a587 }
#main .new_story li .text_area_color4 { background-color:#947fb0 }
#main .new_story li .text_area_color5 { background-color:#86a3c8 }


#main .new_story li .text_area .text_t {text-align:center;color:#fff;font-size:12px;margin-bottom:5px;color:#fff;opacity: 0.6;filter: alpha(opacity=60);}
#main .new_story li .text_area .text_c {text-align:center;color:#fff;font-size:14px;font-weight:bold;height:40px;}

#main .top_banner .top_banner_img .slide {width:260px;height:220px;margin:0 auto;position:relative;overflow:hidden;}
#main .top_banner .top_banner_img .slide .flex-viewport {max-height: 220px;}
#main .top_banner .top_banner_img .slide .slides {zoom: 1;margin: 0; padding: 0;}
#main .top_banner .top_banner_img .slide .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#main .top_banner .top_banner_img .slide .slides img {width: 260px; display: block;}





/* Control Nav */
#main .top_banner .top_banner_img .slide .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px;  display:none;}
#main .top_banner .top_banner_img .slide .flex-direction-nav .flex-prev {left: 5px; display:none;}

#main .top_banner .top_banner_img .slide .flex-control-nav {width: 100%; 
	position: absolute; bottom: 15px; text-align: center;margin: 0; padding: 0; list-style: none;}
#main .top_banner .top_banner_img .slide .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#main .top_banner .top_banner_img .slide .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #d1d1d1; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
#main .top_banner .top_banner_img .slide .flex-control-paging li a:hover { background: #60b32d; }
#main .top_banner .top_banner_img .slide .flex-control-paging li a.flex-active { background: #60b32d; cursor: default; }




#main .slide_j {width:1100px;height:202px;margin:0 auto;position:relative;overflow:hidden;}
#main .slide_j .flex-viewport {max-height: 202px;}
#main .slide_j .slides {zoom: 1;margin: 0; padding: 0;}
#main .slide_j .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#main .slide_j .slides img {width: 1100px; display: block;}
/* Control Nav */

#main .slide_j .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px;  display:none;}
#main .slide_j .flex-direction-nav .flex-prev {left: 5px; display:none;}

#main .slide_j .flex-control-nav {width: 100%; 
	position: absolute; bottom: 0px; text-align: center;margin: 0; padding: 0; list-style: none;}
#main .slide_j .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#main .slide_j .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #d1d1d1; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
#main .slide_j .flex-control-paging li a:hover { background: #60b32d; }
#main .slide_j .flex-control-paging li a.flex-active { background: #60b32d; cursor: default; }




#main .story_l {float:left;width:620px;}
#main .story_l .story1 {border-left:1px #ddd solid;border-right:1px #ddd solid;border-bottom:1px #ddd solid;padding:30px}
#main .story_l .story1_line {border-top:3px #555 solid}
#main .story_l .story1 .story1_img {float:left;width:130px;height:87px;background-color:#eee;overflow:hidden;}
#main .story_l .story1 .story1_c {float:left;margin-left:25px}
#main .story_l .story1 .story1_c .title {width:400px;overflow:hidden}
#main .story_l .story1 .story1_c .title .title_scate {float:left;background-color:#555;padding:3px 10px;color:#fff;font-size:12px;font-weight:bold;}
#main .story_l .story1 .story1_c .title .title_t {float:left;font-size:14px;font-weight:bold;margin-left:5px;margin-top:2px;width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#main .story_l .story1 .story1_c .text{width:400px;text-align:justify;font-size:11px;color:#999;margin-top:10px}
#main .story_l .story1 .story1_c .text a:link, a:visited, a:hover, a:active{color:#999;}


#main .story_r {float:right;width:453px;}
#main .story3 {margin-top:15px}
#main .story2 {margin-top:15px}

#main .new {float:left}
#main .new .new_t {float:left;width:200px;border-bottom:1px #eee solid;height:140px}
#main .new .new_c {float:left;width:600px;}
#main .new .new_c div {float:left; width:900px;}
#main .new .new_c div.owl-carousel li {margin:0 auto;}


#main .new .new_c ul li {float:left;margin-right:10px;}
#main .new .new_c ul li img {text-align:center;margin:0 auto; max-width:140px; max-height:140px; overflow:hidden;}


#main .new .new_c2 {float:left;width:600px;}
#main .new .new_c2 div {float:left; width:870px;}
#main .new .new_c2 div.owl-carousel li {margin-left:10px;width:100%;}
#main .new .new_c2 ul li {float:left;margin-left:10px;width:100%;}
#main .new_cont {width:445px;padding:9px 0;border-bottom:1px #ddd dashed}


#main .new_sample {float:right;width:289px}
#main .new_sample .title {}
#main .new_sample .new_sample_c {width:289px;height:289px;text-align:center;background-color:#f5f5f5;margin-top:10px}
#main .new_sample .new_sample_c .slide_design ul li  {width:289px;height:289px;overflow:hidden;}
#main .new_sample .new_sample_c .slide_design ul li img {max-width:289px;max-height:289px;overflow:hidden;margin:0 auto;}


#main .new_sample .new_sample_c .slide_design {width:289px;height:289px;margin:0 auto;position:relative;overflow:hidden;}
#main .new_sample .new_sample_c .slide_design .flex-viewport {max-height: 289px;}
#main .new_sample .new_sample_c .slide_design .slides {zoom: 1;margin: 0; padding: 0;}
#main .new_sample .new_sample_c .slide_design .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
#main .new_sample .new_sample_c .slide_design .slides img {max-width:412px; display: block;}
/*슬라이드-북캐스트부분*/
.bookcast{position:absolute;width:244px;height:390px;background:#fff;right:400px;top:18px;}
.bookcast_title{margin:25px 0 18px 51px;}
.bookcast_img{margin-left:9px;}
.bookcast_name{margin:18px 0 0 15px;color:#6b6b6b;font-weight:bold;}
.bookcast_name2{margin:10px 0 0 15px;color:#6b6b6b;font-weight:bold;}
.bookcast_txt{margin:10px 0 0 15px;color:#6b6b6b;}
.bookcast_line{width:219px;height:1px;background:#dbdbdb;margin-top:19px;margin-left:12px;}
.slider_btn{position:absolute;width:112px;height:15px;left:50%;margin-left:-200px;bottom:20px;z-index:2;}
.slider_btn_icon{float:left;margin-left:17px;}
.slider_btn_icon:first-child{margin-left:0;}
/* Control Nav */
#main .new_sample .new_sample_c .slide_design .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px;  display:none;}
#main .new_sample .new_sample_c .slide_design .flex-direction-nav .flex-prev {left: 5px; display:none;}

#main .new_sample .new_sample_c .slide_design .flex-control-nav {width: 100%; 
	position: absolute; bottom: 15px; text-align: center;margin: 0; padding: 0; list-style: none;}
#main .new_sample .new_sample_c .slide_design .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#main .new_sample .new_sample_c .slide_design .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #d1d1d1; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
#main .new_sample .new_sample_c .slide_design .flex-control-paging li a:hover { background: #60b32d; }
#main .new_sample .new_sample_c .slide_design .flex-control-paging li a.flex-active { background: #60b32d; cursor: default; }



#main .pg_t {width:423px;margin:0 auto}
#main .pg_st {float:left;margin-right:5px}
#main .pg_st .pg_cate {width:135px;padding:7px 10px;background-color:#abb1bc;color:#fff;font-weight:bold}
#main .pg_st .pg_cate_r {width:135px;padding:7px 10px;color:#fff;font-weight:bold;background-color:#313b4e;position:relative}
#main .pg_c {float:left;width:930px;}


#main .pg_c {width:930px;}
#main .pg_c div {float:left;}
#main .pg_c div.owl-carousel {float:left;width:860px}
#main .pg_c div.owl-carousel div.item ul li {float:left;width:140px;margin:0 16px}
#main .pg_c div.owl-carousel div.item ul li .pg_img {margin-left:10px;width:140px;height:140px;background-color:#eee}
#main .pg_c div.owl-carousel div.item ul li .pg_title {margin-top:13px;text-align:center;color:#777}


/*#main .pg_c li {float:left;width:140px;margin:0 16px}
#main .pg_c li .pg_img {}
#main .pg_c li .pg_title {margin-top:13px;text-align:center;color:#777}
*/

#main .pg_c .pg_arrow {float:left;margin:60px 10px}
#main .pg_icon {float:right;margin-right:10px}
#main .pg_icon li {float:left;margin-left:10px}
#main .pg_left_st {float:left;width:98px;}

#main .idea {width:100%;background-color:#eee;padding:30px 0 20px 0}
#main .idea_t {margin-bottom:25px;}
#main .idea_c {}
#main .idea_c li{float:left;width:162px;height:210px;margin-right:20px;margin-bottom:20px;background-color:#fff;border:1px #eee solid;padding:20px;border-radius:7px;}
#main .idea_c li .idea_text {width:182px;height:32px;border-top:1px solid #eee;margin-left:-20px;padding:10px;margin-top:20px;}
#main .idea_c li .idea_text a{color:#5e5e5e;font-weight:700;}


#main .main_book {float:left;width:700px;border-right:1px #ddd solid}
#main .main_ccm {float:left;margin-left:28px}

#main .notice_area {float:left;width:260px}
#main .notice_area .notice_list {font-size:11px;line-height:23px;color:#777;margin-top:10px}
#main .notice_area .notice_list a{font-size:11px;line-height:23px;color:#777;margin-top:10px}
#main .customer_line {float:left}
#main .sns_area {float:left;}
#main .sns_area .sns {margin-top:25px}
#main .sns_area .sns li {float:left;margin-right:18px}
#main .event_area {float:left;width:210px}

.none {display:none;}
.block {display:block;}

/*휴면계정 팝업*/

.do_pop_t {}
.do_pop_box {width:483px;height:390px;border-left:3px #8abb08 solid;border-right:3px #8abb08 solid;border-bottom:3px #8abb08 solid}
.do_pop_c {font-size:14px;font-weight:bold;text-align:center;padding:30px 0;line-height:22px}
.do_pop_id {color:#5b54af}
.do_pop_write {font-size:14px;font-weight:bold;margin:10px 0}
.do_pop_write input {border:1px #ddd solid;padding:7px}
.do_pop_write select {border:1px #ddd solid;padding:7px}
.do_pop_text {width:350px;margin:0 auto;border:1px #ddd solid;background-color:#eee;padding:15px 20px}
.do_pop_btn {width:192px;margin:40px auto;}

/*휴면계정 해제완료*/
.do_pop_result_box {width:399px;height:210px;border-left:3px #8abb08 solid;border-right:3px #8abb08 solid;border-bottom:3px #8abb08 solid}
.bo_pop_result_c {text-align:center;font-size:14px;font-weight:bold;padding-top:30px}
.do_pop_result_btn {width:180px;margin:30px auto 0 auto;}

/*new main*/
.slide_new {width:100%;background-color:#74d9b7;height:426px;}
.slide_new_img {width:1100px;margin:0 auto;position:relative;}
.slide_ndot {margin-left:47%;}
.slide_ndot li{float:left;width:12px;height:12px;margin:20px 5px}


/* Direction Nav */
.slide .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; display:none;}
.slide .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(./bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; display:none;}
.slide .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px;  display:none;}
.slide .flex-direction-nav .flex-prev {left: 5px; display:none;}

/* Control Nav */
.slide .flex-control-nav {width: 100%; position: absolute;text-align: center;margin: 0; padding: 0; list-style: none; padding-top:20px;}
.slide .flex-control-nav li {margin: 5px 10px 5px 0px; display: inline-block;;}
.slide .flex-control-paging li a {width: 12px; height: 12px; display: block; background: #ccc; bcursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.slide .flex-control-paging li a:hover { width:12px; background: #ccc;}
.slide .flex-control-paging li a.flex-active { width:24px; background: #67d9a2; cursor: default;}



.main_menu {border-top:1px #ddd solid;margin-top:0px}
.main_menu .main_menu_area {width:1100px;margin:0 auto}
.main_menu .mm_all {float:left;margin-right:30px}
.main_menu .mm_list {float:left}
.main_menu .mm_list li {float:left;font-family:Nanum Barun Gothic;font-weight:bold;font-size:16px;padding:11px 25px}
.main_menu .mm_rank {float:right;height:40px;width:240px;padding-bottom:1px}
.main_menu .mm_list li a {color:#333;}
.main_menu .mm_rank .rank_num {float:left;background-color:#555;color:#fff;text-align:center;width:18px;height:16px;font-weight:bold;font-size:11px;padding-top:2px}
.main_menu .mm_rank .rank_c {float:left;margin-left:8px; overflow:hidden;max-width:170px;white-space:nowrap;text-overflow:ellipsis;}
.new_event {position:relative}
.new_event .owl-carousel div {float:left;margin-right:9px;}
.new_event_arrow_l {position:absolute;left:0;top:50px;z-index:999;}
.new_event_arrow_r {position:absolute;right:0;top:50px;z-index:999;}


.main_item_story {border-top:1px #999 solid;border-bottom:1px #999 solid}
.main_item_story_dot {margin-left:45%}
.main_item_story_dot li{float:left;margin:20px 10px}


.main_all {width:1063px;margin:0 auto;border:1px #aaa solid;padding:35px 0 35px 35px;background-color:#FFFFFF;display:none;position:absolute;}
.main_all li {width:180px;float:left;margin-right:30px}
.main_all_st {padding:7px 0;margin-bottom:10px;border-bottom:1px #ccc solid;font-weight:bold;font-size:16px;font-family:Nanum Barun Gothic;cursor:pointer}
.main_all_c {line-height:24px;font-family:Nanum Barun Gothic;font-size:12px;cursor:pointer}



.sale_top {width:100%;background-color:#83e2ff;}
.sale_top_img {width:1100px;margin:0 auto}
.sale_list {width:1128px;margin:0 auto} 
.sale_list li {float:left;width:237px;height:360px;padding:0 22px 30px 22px;border-right:1px #eee solid} 
.sale_img {position:relative;text-align:center;}
.icon_sale {position:absolute;left:0;padding:6px}
.sale_name {height:30px;text-align:center;margin:15px 0 10px 0}
.sale_price {font-family:arial;text-align:center;font-size:16px}
.sale_sprice {font-family:arial;text-align:center;font-size:12px;color:#999;text-decoration:line-through}
.sale_dc {text-align:center;margin-top:3px}
.sale_b_free {background-color:#63c8e7;font-weight:bold;color:#fff;font-size:11px;padding:3px 5px;text-align:center}
.sale_b_sale {background-color:#e40212;font-weight:bold;color:#fff;font-size:11px;padding:3px 5px;text-align:center}

.sale_cate {width:920px;margin:50px auto;border:1px #bbb solid}
.sale_cate li {float:left;width:14%;text-align:center;padding:15px 0;border-left:1px #eee solid;font-size:16px;font-family:Nanum Barun Gothic;color:#777;cursor:pointer}
.sale_cate li.hover {background-color:#555;color:#fff;font-weight:bold}


.citem div.hover { opacity: 0.5;  }