@charset "utf-8";
/* CSS Document */

.sub_tit_area {position:relative;width:100%;margin-top:30px;padding-bottom:11px;border-bottom:1px solid #e1e1e1} 
.sub_tit_area2 {width:100%;text-align: center}
.sub_tit_area3 {position:relative;width:100%;}
.sub_tit_area3 .btn {display:block;position:absolute;top:0px;right:0px}
.tit_01 {font-size:30px;line-height:30px;}
.tit_02:before {content:"";display:block;position:absolute;top:0px;left:0px;width:21px;height:4px;background-color:#434343}
.tit_02 {display:block;position:relative;padding-top:10px;font-size:19px;color:#3e3635;line-height:20px;font-weight:bold}
.tit_02 span {font-size:14px;color:#757575}
.tit_03:before {content:"";display:block;position:absolute;top:5px;left:0px;width:8px;height:3px;background-color:#64be1d}
.tit_03 {display:block;position:relative;padding-left:10px;font-size:15px;line-height:15px;color:#676161;font-weight:bold}
.con_txt1 {font-size:14px;color:#484848;line-height:20px}
.con_txt2 {font-size:12px;color:#666}
.con_txt3 {font-size:12px;color:#484848;line-height:14px}
.con_txt4 {font-size:20px;color:#000;font-weight:bold;line-height:24px;}
.htit_01 {background:url(../imgs/common/h_dot2.gif) no-repeat 0 1px;padding-left:21px;font:16px/16px tahoma,'Malgun Gothic',dotum;font-weight:normal;color:#393939}
.htit_02 {background:url(../imgs/common/h_dot.gif) no-repeat 0 2px;background-size:14px 14px;padding-left:20px;font:14px/18px tahoma,'Malgun Gothic',dotum;font-weight:bold;color:#303437;}
.con_area {margin-top:30px}
.tit_04 {position:relative;font-size:20px;color:#404040;font-weight:bold;;line-height:20px}
.tit_05 {display:inline-block;padding-top:0px;position:relative;font-size:20px;line-height:20px;color:#515050;font-weight:bold}
.tit_06 {font:15px/15px tahoma,'Malgun Gothic',dotum;color:#000;font-weight:normal}
.tit_07:before {content:"";display:block;position:absolute;top:0px;left:0px;width:21px;height:4px;background-color:#434343}
.tit_07 {display:inline-block;position:relative;padding-top:10px;font-size:17px;color:#3e3635;line-height:18px;font-weight:bold}
.tit_07 span {font-size:14px;color:#757575}
.tit_08 {font-size:17px;color:#3e3635;line-height:18px;font-weight:normal}
.tit_08 span {font-size:14px;color:#757575}

.box_txt_red {display:inline-block;padding:10px 15px;border:1px solid #e6372f;line-height:15px}

/* 네비 */
.local_wrap {position:relative;width:100%;line-height:22px}
.local_wrap > a.home {float:left;display:block;*margin:0px;color:#999;font-size:11px}
.local_wrap > a.home .ico {display:inline-block;width:13px;height:11px;margin-right:8px;background:url(../imgs/sub/home_icon.gif) no-repeat 0 0;vertical-align:-0.1em; *vertical-align: 0.3em;}
.local_wrap .local_cate_box {float:left;position:relative;margin:0 5px;padding-left:14px;*z-index:100;}
.local_wrap .local_cate_box .ico_depth {display:inline-block;position:absolute;top:7px;left:0;width:4px;height:7px;background:url(../imgs/sub/c_line.gif) no-repeat 0 0; transition:all 0.3s linear}
.local_wrap .local_cate_box .local_cate_tit {display:block;overflow:visible;position:relative;width:auto;min-width:100px;height:20px;padding:0 28px 0 10px;border:1px solid #c7c7c7;background:#fff;color:#555;font:12px/1.3 tahoma,'Malgun Gothic',dotum;text-align:left;text-decoration:none;}
.local_wrap .local_cate_box .local_cate_tit .ico {display:inline-block;position:absolute;top:8px;right:4px;width:7px;height:4px;background:url(../imgs/sub/ca_dot.gif) no-repeat 0 0;transition:all 0.3 linear}
.local_wrap .local_cate_box .local_cate_tit.on .ico {transform:rotate(180deg)}
.local_wrap .local_cate_box .local_cate_sub {display:none;position:absolute;top:19px;left:14px;min-width:100px;padding:10px 10px 8px 10px;border:1px solid #c7c7c7;background-color:#fff;z-index:99;font:12px/22px tahoma,'Malgun Gothic',dotum;color:#666 !important;box-sizing:border-box}
.local_wrap .local_cate_box .local_cate_tit2 {display:block;overflow:visible;position:relative;width:auto;height:20px;padding:3px 28px 0 0px;background:#fff;color:#555;font:12px/1.3 tahoma,'Malgun Gothic',dotum;text-align:left;text-decoration:none;}
.local_wrap .local_cate_box  .local_cate_sub a {color:#666}

.cate_box {margin-top:17px;border:1px solid #fff}
.cate_box .tit {display:none;padding-left:10px;height:37px;background-color:#5b5b5b;font:15px/37px tahoma,'Malgun Gothic',dotum;color:#fff;}
.cate_box .cate_box_content {padding:15px}
.cate_box .cate_box_content ul li {float:left;margin-right:12px;margin-bottom:5px;}
.cate_box .cate_box_content ul li a {font:12px tahoma,dotum;color:#666 !important}

.tab_box {position:relative;width:1000px;height:50px;border-top:1px solid #555;font-family:'Malgun Gothic',dotum}
.tab_box .prdc_num {float:left;font-size:16px;padding:16px 0 0 0;color:#333}
.tab_box .array_type_wrap {float:right;}
.tab_box .array_type_wrap ul {float:right;}
.tab_box .array_type_wrap ul li {float:left;margin-right:17px}
.tab_box .array_type_wrap ul li:last-child {margin-right:0}
.tab_box .array_type_wrap ul li a {display:block;padding:16px 10px 0;height:34px;color:#666;text-decoration:none;*line-height: 1.3;}
.tab_box .array_type_wrap ul li.on a {color:#f43142;}

/* 탭 */
.tab_wrap {margin-top:44px;width:100%;font-family:'Malgun Gothic',dotum}
.tab_wrap .tab_list2 {width:100%}
.tab_wrap .tab_list2 li {float:left;border:1px solid #cfcfcf;border-bottom:1px solid #e0e0e0;height:30px;margin-right:-0.2em}
.tab_wrap .tab_list2 li a {display:block;width:100%;height:22px;padding-top:8px;background:#f0f0f0;font:14px 'Malgun Gothic',sans-serif;color:#5e5e5e;font-weight:bold;text-align:center;vertical-align:middle}
.tab_wrap .tab_list2 li.on a {color:#fff;background:#6bb935}
.tab_wrap .tab_list2 li a:hover {color:#fff;background:#6bb935}

.tab_wrap .tab_list3 {width:100%;}
.tab_wrap .tab_list3 li {float:left;width:25%;}
.tab_wrap .tab_list3 li a {position:relative;display:block;width:100%;height:34px;border:1px solid #d0d0d0;border-bottom:2px solid #111111;background:#f5f5f5;font-size:14px; color:#575757;font-weight:normal;text-align:center;line-height:34px;z-index:1}
.tab_wrap .tab_list3 li.active a {color:#fff;background:#6bb935}
.tab_wrap .tab_list3 li a:hover,
.tab_wrap .tab_list3 li a.mPS2id-highlight{height:33px;margin-top:0px;border:2px solid #111111;;border-bottom:2px solid #fff;background:#fff;font-size:14px;color:#444;font-weight:normal;z-index:2;line-height:33px}


.tab_list4 {overflow:hidden;width:100%;height:35px;margin:35px auto 0;background:url(../imgs/common/tab_dot.png) repeat-x 0 34px;zoom:1;}
.tab_list4 ul {width:794px;overflow:hidden;zoom:1;padding-left:1px;}
.tab_list4 li {float:left;position:relative;width:124px}
.tab_list4 li a {display:block;position:relative;width:100%;height:22px;margin-left:-1px;padding:11px 0 0 0;border:1px solid #ddd;border-bottom:none;background:#fff;color:#757575;text-align:center;zoom:1;white-space:nowrap;overflow:hidden;font-family:'Malgun Gothic','맑은고딕', sans-serif;font-size:13px}
.tab_list4 li.on a {z-index:1;border:1px solid #666;height:23px;border-bottom:none;background-color:#fff;background-image:none;color:#333;font-weight:bold;}
.tab_list4 li.on {width:138px;}

.tab_list5 {overflow:hidden;width:100%;height:35px;margin:35px auto 0;background:url(../imgs/common/tab_dot.png) repeat-x 0 34px;zoom:1;}
.tab_list5 ul {width:794px;overflow:hidden;zoom:1;padding-left:1px;}
.tab_list5 li {float:left;position:relative;}
.tab_list5 li a {display:block;position:relative;height:22px;line-height:12px;margin-left:-1px;padding:11px 15px 0;border:1px solid #ddd;border-bottom:none;background:#fff;color:#757575;text-align:center;zoom:1;white-space:nowrap;overflow:hidden;font-size:13px}
.tab_list5 li.on a {z-index:1;border:1px solid #666;height:23px;border-bottom:none;background-color:#fff;background-image:none;color:#333;font-weight:bold;}
.tab_list5 li.on {width:138px;}


.list_type1 {}
.list_type1 li {line-height:24px;font-size:15px;color:#484848}

.list_type2 {width:100%;}
.list_type2 li {padding-left:10px;background:url(../imgs/common/list_dot2.png) no-repeat 0px 5px;line-height:24px;font-size:16px;color:#666}

.list_type3 {width:100%;}
.list_type3 li {padding-left:10px;background:url(../imgs/common/list_dot2.png) no-repeat 0px 8px;line-height:24px;font-size:14px;color:#666}

.list_type4 {width:100%;}
.list_type4 li {padding-top:5px;padding-left:25px;padding-bottom:20px;background:url(../imgs/sub/bulb_icon.png) no-repeat 0 1px;background-size:20px;line-height:20px;font-size:14px;color:#666}

/* 공통박스 type */
.box_type1 {margin-top:36px;padding:11px 20px 11px;border:1px solid #e1e1e1;background:#fafafa}
.box_type2 {margin-top:30px;padding:11px 20px 11px;border:1px solid #e1e1e1;}
.box_type3 {margin-top:20px;padding:20px 20px 20px;text-align:center;background:#fafafa}
.box2 {height:121px;background:#fafafa;border:1px solid #d7d7d7;padding:40px 80px 20px 20px;margin-top:10px;overflow:hidden;overflow-y:auto;}

/* Pagination */
.paging_wrap {margin-top:0px;text-align:center;white-space:nowrap;overflow:hidden;z-index:10;line-height:20px;font-family:"Century Gothic", Sans-serif, arial, "돋움", Dotum, "굴림", gulim;}
.paging {padding-top:5px;color:#333}
.paging a {display:inline-block;vertical-align:middle;*display:inline;*zoom:1;font-size:12px;}
.paging a .spr {display:inline-block;width:25px;height:24px;vertical-align:middle;}
.paging .pre_end_n,.paging .pre_end,.paging .next_end_n,.paging .next_n, .spr {background-image:url(../imgs/sub/icon-set.gif);background-repeat:no-repeat;}
.paging .pre_end_n {margin-right:-6px}
.paging .pre_n {margin-right:7px}
.paging .pre_end_n .spr {background-position:-191px -556px}
.paging .pre_n .spr {background-position:-215px -556px}
.paging .next_end_n {margin-left:0px}
.paging .next_n {margin-right:-5px;margin-left:7px}
.paging .next_end_n .spr {background-position:-267px -556px}
.paging .next_n .spr {background-position:-243px -556px}
.paging .num {display:inline-block;padding:0 8px;color:#333;font-weight:700;vertical-align:top;height:22px;border:1px solid transparent}
.paging .num.on {color:#ff3636;border:1px solid #e9e9e9}

/* 로그인 */
.login_area {position:relative;width:100%;margin:0px auto 0;padding-top:50px;padding-bottom:50px;}
.login_area.pdt_0 {padding-top:0}
.login_area .login_top_con {width:392px;margin-top:15px;padding:58px 61px 0;background:url(../imgs/member/login_con_line.gif) no-repeat 0 0}
.login_area .login_bt_con {width:392px;padding:0px 61px 15px;background:url(../imgs/member/login_con_line.gif) no-repeat 0 100%;text-align: center;}
.login_area .login_bt_con p {padding-left:17px}
.login_area .login_content {position:relative;width:440px;margin:0 auto}
.login_area .login_content ul li {margin-bottom:10px}
.login_area .login_content ul li label {display:inline-block;width:70px;vertical-align:middle}
.login_area .login_content .login_btn_area {position:absolute;top:0px;right:0}
.login_area .login_content .login_btn_area2 {margin-top:20px}
.login_area .login_content .login_btn {display:block;width:100px;height:103px;background:#129c2c;text-align:center;color:#fff;border:0;outline:none;cursor:pointer;font-size:16px}
.login_area .login_content .login_btn2 {display:block;width:100%;height:43px;background:#5fafcc;text-align:center;color:#fff;border:0;outline:none;cursor:pointer;font-size:16px}
.login_area .login_content .login_box {position:relative;}
.login_area .login_content .login_box .login_in {padding-right:110px}
.login_area .login_content .login_link {margin-top:24px}
.login_area .login_content .login_link a {display:inline-block;font-size:14px;color:#363636;line-height:14px}


/* 페이지 */
.cmt_pager {position:relative;width:100%;margin-top:21px;text-align:center;}
.cmt_pager .cmt_num {display:inline-block;width:20px;height:21px;border:1px solid #dedede;font-size:12px;text-align:center;color:#616161;vertical-align:middle;line-height:21px}
.cmt_pager .cmt_num.on, .cmt_pager .cmt_num:hover {background-color:#727272;color:#fff}
.cmt_pager .next {display:inline-block;width:22px;height:23px;background:url(../imgs/board/page.png) no-repeat 0 0;vertical-align:middle;text-indent:-9999px}
.cmt_pager .e_next {display:inline-block;width:22px;height:23px;background:url(../imgs/board/page.png) no-repeat -27px 0;vertical-align:middle;text-indent:-9999px}
.cmt_pager .prev {display:inline-block;width:22px;height:23px;background:url(../imgs/board/page.png) no-repeat 0 -32px;vertical-align:middle;text-indent:-9999px}
.cmt_pager .e_prev {display:inline-block;width:22px;height:23px;background:url(../imgs/board/page.png) no-repeat -27px -32px;vertical-align:middle;text-indent:-9999px}

/* faq */
#faq_wrap {margin:10px 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap ol li {border-bottom:1px solid #eee;}
#faq_con {width:100%}
#faq_con h3 a {display:block;padding:20px;line-height:14px;background:url(../../imgs/board/faq_tit_bg.gif) no-repeat 0 19px;text-decoration:none;font-size:16px;color:#484848;}
#faq_con .con_inner {display:none;background-color:#f1f1f1;background-image:url(../imgs/board/faq_a_img.png);background-repeat:no-repeat;background-position:10px 10px;padding:20px 20px 29px 73px;line-height:1.8em}
#faq_con .con_closer {margin:10px 0 0;text-align:right}
#faq_con .closer_btn {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
.faq_tolist {padding:0 10px;text-align:right}
.faq_img {text-align:center}

/* 공통박스 type */
.box_type1 {padding:11px 20px 11px;border:1px solid #e1e1e1;background:#fafafa}
.box_type2 {margin-top:30px;padding:11px 20px 11px;border:1px solid #e1e1e1;}
.box1 {background-color:#f1f1f1;padding:40px 20px;font-size:14px;color:#484848;text-align:center}
.box2 {height:121px;background:#fafafa;border:1px solid #d7d7d7;padding:40px 80px 20px 20px;margin-top:10px;overflow:hidden;overflow-y:auto;}


/* 예약 */
.estime_area {width:100%;margin-top:50px;padding-top:50px;border-top:1px solid #e6372f}
.estime_tit {width:207px;position:relative;margin:0 auto;text-align:center}
.estime_tit .e_tit {font-size:30px;font-weight:bold;color:#a0a0a0;line-height:30px}
.estime_tit .prev_btn {position:absolute;left:0;top:10px}
.estime_tit .next_btn {position:absolute;right:0;top:10px}
.esitme_btn {display:inline-block;padding:5px 15px;background-color:#434343;color:#fff !important;line-height:14px}

/* 공통레이어 */
#pop_layer {display:none;position:fixed;top:0;right:0;bottom:0;left:0%;width:100%;height:100%;z-index:1050;background-color:rgba(0,0,0,0.8);overflow:hidden;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch;outline: 0;}
#pop_layer .pop_layer_contanier {position:relative;width:450px;margin:0px auto;z-index:999;top:50%;margin-top:-200px}
#pop_layer .pop_layer_contanier .pop_layer_content {padding:20px;background-color:#fff;}
.pop_layler_tit_area {padding-left:20px;height:59px;line-height:59px;background-color:#8fcd06;border-top-left-radius:10px;border-top-right-radius:10px;font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;}
.pop_layler_tit_area .tit {font-size:20px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop_layler_tit_area .layer_close {position:absolute;top:6px;right:6px;width:50px;height:50px;background:none;border:none;color:transparent;}
.pop_layler_tit_area .layer_close:before, .layer_close:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:30px;margin:-15px 0 0 -1px;background:#fff;}
.pop_layler_tit_area .layer_close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.pop_layler_tit_area .layer_close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop_layler_tit_area .layer_close2 {position:absolute;top:19px;left:10px;width:20px;height:20px;background:url(../imgs/common/layer_close_btn.png) no-repeat 0 0;background-size:20px}
#pop_layer .pop_layer_contanier .layer_foot {padding:10px;border-top:1px solid #e1e1e1;color:#424242;font-size:14px;line-height:15px;text-align:center;background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px }

/* 서점 찾기 */
.store {position:relative;width:100%;margin:0px auto 0}
.store_map {margin-top:4px;padding:15px 44px 13px 73px;background-color:#f0f0f0}
.store_map .store_map_img {float:left;position:relative;width:221px;height:376px}
.store_map .store_map_img .map_img_area {position:absolute;cursor:pointer}
.store_map .store_map_img .map_img_area .map_img_con {display:none;position:absolute;top:0px;left:0px;z-index:2}
.store_map .store_map_img .map_img_area.kangwon {top:-1px;left:59px}
.store_map .store_map_img .map_img_area.kyunggi {top:33px;left:33px;z-index:3}
.store_map .store_map_img .map_img_area.incheon {top:69px;left:12px;z-index:4}
.store_map .store_map_img .map_img_area.seoul {top:79px;left:48px;z-index:5}
.store_map .store_map_img .map_img_area.chungcheongnam {top:130px;left:-2px}
.store_map .store_map_img .map_img_area.daejeon {top:175px;left:81px;z-index:5}
.store_map .store_map_img .map_img_area.daejeon .map_img_con {left:-7px}
.store_map .store_map_img .map_img_area.chungcheongbuk {top:117px;left:80px;z-index:3}
.store_map .store_map_img .map_img_area.kyungbuk {top:125px;left:116px}
.store_map .store_map_img .map_img_area.deagu {top:210px;left:145px;z-index:4}
.store_map .store_map_img .map_img_area.kyungnam {top:223px;left:99px}
.store_map .store_map_img .map_img_area.busan {top:259px;left:144px;z-index:2}
.store_map .store_map_img .map_img_area.jeonbuk {top:204px;left:17px}
.store_map .store_map_img .map_img_area.gwangju {top:270px;left:36px;z-index:3}
.store_map .store_map_img .map_img_area.jeonnam {top:257px;left:2px}
.store_map .store_map_img .map_img_area.jeoju {top:355px;left:26px}
.store_map .store_map_img .map_img_area.seajong {width:39px;top:157px;left:60px;z-index:6;text-align:center}
.store_map .store_map_img .map_img_area.unlsan {top:236px;left:193px;z-index:3}
.store_map .store_map_con {float:left;width:397px;margin:76px 0 0 64px}
.store_map .store_map_con .store_map_tit {display:inline-block;font-size:23.86px;color:#212121;line-height:30px}
.store_map .store_map_con .store_map_tbl_area {padding-bottom:10px;border-bottom:2px solid #666}
.store_map .store_map_con .store_map_tbl {width:100%;table-layout:fixed;border-collapse:collapse}
.store_map .store_map_con .store_map_tbl th {padding:14px 0 7px 5px;font-size:15.47px;color:#212121;font-weight:bold;text-align:left;vertical-align:top}
.store_map .store_map_con .store_map_tbl td {padding:14px 5px 7px 0px;font-size:15px;color:#212121;text-align:left}
.store_map .store_map_con .store_map_tbl .bt_border {border-top:1px solid #666}
.store_search {display:block;position:absolute;top:8px;right:10px;width:12px;height:13px;background:url(../imgs/custom/search_icon.gif) no-repeat 0 0;text-indent:-9999px;border:0}
.layer_st2 {position:relative}
.store_list_area {width:100%;margin-top:5px;border-top:2px solid #666}
.store_off_list {padding:20px 0 20px;border-bottom:1px solid #666;background:url(../imgs/custom/store_off_list_open_icon.gif) no-repeat 98% 29px;cursor:pointer}
.store_off_list .store_off_list_tit_area {position:relative;width:100%;}
.store_off_list .store_off_list_tit_area .local {display:block;float:left;padding-top:0px}
.store_off_list .store_off_list_tit_area .local .l_box {display:inline-block;width:50px;height:50px;font-size:11px;color:#666;line-height:50px;text-align:center;background-color:#f1f1f1;border-radius:50%}
.store_off_list .store_off_list_tit_area .content {padding-left:60px}
.store_off_list .store_off_list_tit_area .content dt {font-size:19px;line-height:19px;color:#484848;font-weight:normal}
.store_off_list .store_off_list_tit_area .content dt.best {background:url(../imgs/custom/b_icon.png) no-repeat 0 0;padding-left:33px;background-size:27px;}
.store_off_list .store_off_list_tit_area .content dd {margin-top:10px;font-size:12px;color:#666;line-height:12px;} 
.store_off_list .store_off_list_tit_area .content dd span {display:inline-block;margin-right:20px}
.store_off_list .store_off_list_tit_area .store_off_local {display:block;float:left;width:42px;height:14px;margin-top:4px;margin-right:5px;line-height:14px;text-align:center;background-color:#a0a7b4;font-size:10px;color:#fff}
.store_off_list .store_off_list_con_area {padding-left:10px;margin-top:5px}
.store_off_list .store_off_list_con_area span {display:inline-block;margin-right:30px;font-size:12px;line-height:12px;color:#666}
.store_off_list.on {background:url(../imgs/custom/store_off_list_close_icon.gif) no-repeat 100% 29px}
.store_off_list .store_off_list_map {display:none;position:relative;width:100%;margin-top:20px;}
.store_off_list .store_off_list_map img {width:100%}

/* 아이디 패스워드 찾기 */
.member_idpw_search_wrap {position:relative;width:555px;margin:54px auto 0;padding:34px 16px 39px 20px;border:1px solid #e1e1e1}
.member_id_search_area {position:relative;padding:0 0 35px 27px;border-bottom:1px solid #e1e1e1}
.member_pw_search_area {position:relative;padding:33px 0 0 27px;}
.member_search_area {position:relative;padding:0 0 0px;}
.idpw_search_img {float:left;margin-right:27px}
.idpw_search_dl {float:left;margin-top:10px}
.idpw_search_dl dt {font-size:19px;line-height:19px;color:#484848;font-weight:normal}
.idpw_search_dl dd {margin-top:8px;font-size:13px;line-height:13px;color:#484848}
.label_ra {font-size:13px;color:#484848}
.idpw_btn {position:absolute;top:24px;right:41px;}
.member_id_area {position:relative;margin:20px auto 0;}
.member_id_area_top {position:relative;padding:0 0 13px 0;border-bottom:1px solid #e1e3e6;line-height:13px}
.idpw_search_txt {color:#181b3e;font-size:12px}
.member_id_serch_tbl {width:100%;border-collapse:collapse;table-layout:fixed;margin-top:8px}
.member_id_serch_tbl th {height:30px;padding:3px 0 3px;font-size:14px;font-weight:normal;text-align:left;color:#484848}
.member_id_serch_tbl td {height:30px;padding:3px 0 3px;font-size:14px;font-weight:normal;text-align:left;color:#484848}
.id_result_area {position:relative;width:353px;margin:20px auto 0}
.id_result {padding:40px 0 0 123px}
.id_result .id_result_id {float:left;font-size:22.24px;line-height:22.24px;color:#222656}
.id_result .id_result_date {float:right;padding:5px 134px 0 0;font-size:13px;line-height:13px;color:#222656}
.member_pw_area {position:relative;margin:20px auto 0;}
.member_pw_area_top {position:relative;padding:0 0 13px 0;border-bottom:1px solid #e1e3e6;line-height:13px;}
.member_pw_area_top .pw_txt {font-size:12px;color:#181b3e}
.member_pw_area_top .pw_tit {font-size:17.02px;color:#181b3e;font-weight:bold;line-height:17.02px}

.id_tit {font-size:13px;line-height:13px;font-weight:bold;color:#222656} 
.id_tit span {font-weight:normal}

/* 배송정보 */
.step_area {position:relative;width:100%;margin:30px 0 0 0;text-align:center}
.step_area dl {display:inline-block;width:120px;height:179px;padding-right:32px;background:url(../imgs/deli/deli_arr.png) no-repeat 94% 57px}
.step_area dl:last-child {background:none;padding-right:0}
.step_area dl.step1 dt, .step_area dl.step2 dt, .step_area dl.step3 dt, .step_area dl.step4 dt,.step_area dl.step5 dt {width:120px;padding-top:118px;background-image:url(../imgs/deli/deli_icon.png);background-repeat:no-repeat;background-position:0 0}
.step_area dl.step2 dt {background-position:-168px 0px}
.step_area dl.step3 dt {background-position:-335px 0px}
.step_area dl.step4 dt {background-position:-503px 0px}
.step_area dl.step5 dt {background-position:-670px 0px}
.step_area dl.step1.on dt, .step_area dl.step2.on dt, .step_area dl.step3.on dt, .step_area dl.step4.on dt,.step_area dl.step5.on dt {background-position:0 -140px}
.step_area dl.step2.on dt {background-position:-168px -140px}
.step_area dl.step3.on dt {background-position:-335px -140px}
.step_area dl.step4.on dt {background-position:-503px -140px}
.step_area dl.step5.on dt {background-position:-670px -140px}
.step_area dl.step1.on dt, .step_area dl.step2.on dt, .step_area dl.step3.on dt, .step_area dl.step4.on dt,.step_area dl.step5.on dt {color:#f68c2a;font-weight:bold}
.step_area dl.step1.on dd, .step_area dl.step2.on dd, .step_area dl.step3.on dd, .step_area dl.step4.on dd,.step_area dl.step5.on dd {background-color:#f68c2a;color:#fff;line-height:23px}
.step_area dl dt {font-size:15px;color:#666;letter-spacing:normal;line-height:15px}
.step_area dl dt span {display:block;margin-top:10px}
.step_area dl dd {margin-top:7px;font-size:13px;color:#888;line-height:23px} 

/* CEO 인사말 */
.ceo_txt {margin-top:30px;padding-bottom:74px;background:url(../imgs/intro/intro_img_03.jpg) no-repeat 100% 100%}
.ceo_txt2 {margin-top:30px;padding-bottom:136px;background:url(../imgs/intro/intro_img_04.jpg) no-repeat 100% 100%;background-size:292px auto}

/* 연혁 */
.history_list {position:relative;min-height:90px;padding-bottom:9%;z-index:2}
.history_list.fst {padding-bottom:0;}
.history_list.fst:after {display:none}
.history_list:after {content:"";display:block;position:absolute;top:85px;left:6%;width:1px;height:100%;background-color:#999595;z-index:1}
.history_list dt {display:block;float:left;position:relative;width:80px;height:80px;line-height:80px;background-color:#fff;border:5px solid #999595;text-align:center;font-size:20px;color:#111;font-weight:bold;border-radius:50%}
.history_list dd {padding-left:120px;padding-top:10px}
.history_list dd ul li {position:relative;padding-left:7px;font-size:14px;line-height:20px;color:#484848}
.history_list dd ul li:after {content:'';display:block;position:absolute;top:8px;left:0px;width:3px;height:3px;background-color:#059c41;border-radius:50%}

.map_area {position:relative;width:100%;height:300px;margin-top:20px;border:1px solid #e1e1e1;box-sizing:border-box}

/* 스토리 하우스 소개 */
.story_img_area {position:relative;width:100%;margin-top:20px}
.story_img_area .story_img_list {width:100%;height:533px;overflow:hidden}
.story_img_area .story_img_thumb {width:100%;margin-top:10px}
.story_img_area .story_img_thumb a {display:inline-block;position:relative;width:94px;height:63px;margin-right:3px;overflow:hidden}
.story_img_area .story_img_thumb a img {position:absolute;top:0px;left:0px;width:100%;height:100%}
.story_img_area .story_img_thumb a:last-child {margin-right:0}
.story_img_area .story_img_thumb img{
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
.story_img_area .story_img_thumb a:hover img {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.story_img_area .story_img_thumb a.active img {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.story_img_area .m_visual_control {display:block;position:absolute;top:0px;width:44px;height:77px;background:url(../imgs/main/visual_control.png) no-repeat 0 0;border:0;background-size:88px;text-indent:-9999px}
.story_img_area .m_visual_control.prve_btn {left:10px;background-position:0 0}
.story_img_area .m_visual_control.next_btn {right:10px;background-position:-44px 0}
.story_img_area .m_visual_control_area {position:absolute;top:40%;width: 100%;z-index: 9998;}
.story_img_area2 {position:relative;width:100%;margin-top:20px}
.story_img_area2 .story_img_list {width:100%;height:533px;overflow:hidden}
.story_img_area2 .story_img_list img {width:800px;height:533px}
.story_img_area2 .story_img_thumb {width:100%;margin-top:10px}
.story_img_area2 .story_img_thumb a {display:inline-block;position:relative;width:127px;height:85px;margin-right:3px;overflow:hidden}
.story_img_area2 .story_img_thumb a img {position:absolute;top:0px;left:0px;width:100%;height:100%}
.story_img_area2 .story_img_thumb a:last-child {margin-right:0}
.story_img_area2 .story_img_thumb img{
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
		-ms-transition:all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
	}
.story_img_area2 .story_img_thumb a:hover img {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.story_img_area2 .story_img_thumb a.active img {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.story_img_area2 .m_visual_control {display:block;position:absolute;top:0px;width:44px;height:77px;background:url(../imgs/main/visual_control.png) no-repeat 0 0;border:0;background-size:88px;text-indent:-9999px}
.story_img_area2 .m_visual_control.prve_btn {left:10px;background-position:0 0}
.story_img_area2 .m_visual_control.next_btn {right:10px;background-position:-44px 0}
.story_img_area2 .m_visual_control_area {position:absolute;top:44%;width: 100%;z-index: 9998;}

.story_tab {width:100%}
.story_tab ul li {float:left;width:170px;height:52px;margin-right:10px}
.story_tab ul li a {display:block;width:170px;height:52px;line-height:44px;text-align:center;font-size:20px;background:url(../imgs/stroy/story_tab_off.gif) no-repeat 0 0;color:#5e5e5e}
.story_tab ul li a:hover,
.story_tab ul li.on a {background:url(../imgs/stroy/story_tab_on.gif) no-repeat 0 0;color:#fff}

.member_leave {margin-top:30px;padding:20px;border:1px solid #e1e1e1}

/*contact us*/
.tbl_cont {width:350px;border-collapse:collapse;vertical-align:middle;}
.tbl_cont thead th {padding:5px 5px 5px 10px;border-bottom:0;border-top:2px solid #3b302e;background:url(../imgs/board/tbl_bg.gif) repeat-x 0 100%;color:#444}
.tbl_cont th {border:1px solid #dcdcdc;text-align:left;font-size:16px;font-weight:normal;color:#484848}
.tbl_cont td.td_title2{color:#8497bc !important; font-weight:bold;}
.tbl_cont th.title3 {padding:7px 5px 5px 10px;font-size:14px;}
.tbl_cont th.title4 {text-align:center; background:#ebecee;}
.tbl_cont td {border:1px solid #dcdcdc; padding:7px 5px 5px 10px; font-size:13px; text-align:left; color:#999da3;}
.tbl_cont td a, .tbl_cont td a:hover {text-decoration:underline; color:#26778e;}
.tbl_cont td strong{color:#8497bc; font-weight:bold;}
.tbl_cont td.tb_img{text-align:center; vertical-align:middle;}
.tbl_cont span:before {content:"";display:block;position:absolute;top:9px;left:0px;width:3px;height:3px;border-radius:50%;background-color:#ccc}
.tbl_cont span {display:inline-block;position:relative;padding-left:8px}

.global {width:100%;}
.global .book_con {float:left;width:25%;text-align:left}
.global .book_con .img {margin-top:20px}
.global .book_con dl {margin-top:14px;}
.global .book_con dl dt {display:block;font-size:14px;color:#484848;line-height:18px}
.global .book_con dl dd {display:block;margin-top:10px;font-size:13px;color:#666;line-height:15px}

.book_fair {margin-top:50px}
.book_fair dd {margin-top:20px;line-height:20px;font-size:14px}
.book_fair dd .img {float:left}
.book_fair dd .txt {padding-left:170px}
.book_fair dd .txt_img {display:block;margin-top:15px}

.site_area {width:100%;margin-top:30px}
.site_area .site_01, .site_area .site_02, .site_area .site_03, .site_area .site_04 {float:left;width:172px;margin-left:37px}
.site_area .site_01 {margin-left:0px}
.site_area .site_dl {width:100%}
.site_area .site_dl dt {display:block;width:172px;height:36px;padding-left:20px;background:url(../imgs/sitemap/site_tit_bg.gif) no-repeat 0 0;line-height:36px;font-size:16px;color:#fff;font-weight:bold;box-sizing:border-box}
.site_area .site_dl dt a {color:#fff}
.site_area .site_dl dd {padding:5px 20px;font-size:14px;color:#636363;}
.site_area .site_dl dd  a {display:block;margin-top:10px;padding-bottom:8px;font-size:14px;color:#636363;border-bottom:1px solid #e0e0e0;line-height:14px}