<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("layout-support.css?202003231039"); 
@charset "utf-8";

/* --------------------- 마이한빛 공통 --------------------- */

/* 공통 - 레이아웃 */
.myhanbit_wrap {position:relative; width:1140px; margin:0 auto;}
.myhanbit_wrap h3 {font-size:18px;}
.myhanbit_wrap .tit {font-size:16px; font-family:'NanumSquareNeo-Variable';}

.myhanbit_tbox1 {}
.myhanbit_tbox1 .tbox_txt {padding-left:10px; background:url(/images/common/bl_grey.gif) no-repeat 0 10px; font-size:13px; line-height:22px;}

.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.myhanbit_reference {float:right; margin-right:10px; padding-top:15px; font-size:13px;}
.myhanbit_reference img {margin:-2px 0 0 6px; vertical-align:middle;}

.myhanbit_reference2 {float:right; margin-right:10px; padding-top:5px; font-size:13px;}
.myhanbit_reference2 img {margin:-2px 0 0 6px; vertical-align:middle;}

.no_item_list {overflow:hidden; width:100%; height:160px; text-align:center; border-bottom:#ddd 1px solid; line-height:160px;}
.no_item_list_bdrno {overflow:hidden; width:100%; height:160px; text-align:center; line-height:160px;}
.no_item_list_bdrno2 {height:160px; text-align:center; line-height:160px;}
/* //공통 - 레이아웃 */

/* 마이한빛 - lnb */
.lnb_myhanbit {width:1140px; height:44px; background:#00afa0; /*margin:0 auto;*/ margin:50px auto 0; text-align:center;}
.lnb_myhanbit ul {width:1140px; text-align:center; margin:0 auto;}
.lnb_myhanbit li {display:inline-block;}
.lnb_myhanbit li a {float:left; margin:0 15px; padding-top:6px; font-size:14px; font-family:'NanumSquareNeo-Variable'; color:#FFF;}
/* //마이한빛 - lnb */

/* 탭메뉴 */
.tabmenu {position:relative; overflow:hidden; margin:0 0 20px;}
.tabmenu li {float:left; line-height:normal;}
.tabmenu li a {font-family:'NanumSquareNeo-Variable'; text-align:center;}
.tabmenu li.left a {display:block; min-width:160px; padding:10px 40px 12px; border:1px solid #ddd; border:1px solid #ddd; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; transition:all .3s;}
.tabmenu li.left a:hover {background:#00afa0; border:1px solid #00afa0; color:#fff;}
.tabmenu li.left .curr {background:#00afa0; border:1px solid #00afa0; color:#fff;}
.tabmenu li.center a {display:block; min-width:160px; padding:10px 40px 12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; transition:all .3s;}
.tabmenu li.center a:hover {background:#00afa0; border-top:1px solid #00afa0; border-bottom:1px solid #00afa0; color:#fff;}
.tabmenu li.center .curr {background:#00afa0; border-top:1px solid #00afa0; border-bottom:1px solid #00afa0; color:#fff;}
.tabmenu li.right a {display:block; min-width:160px; padding:10px 40px 12px; border:1px solid #ddd; -moz-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; transition:all .3s;}
.tabmenu li.right a:hover {background:#00afa0; border:1px solid #00afa0; color:#fff;}
.tabmenu li.right .curr {background:#00afa0; border:1px solid #00afa0; color:#fff;}
/* //탭메뉴 */

/* 공통 상단 비주얼텍스트 영역 */
.top_info_txt_area {height:160px; margin-bottom:40px; background:#444; text-align:center; color:#fff; line-height:150px;}
/* //공통 상단 비주얼텍스트 영역 */

/* 공통 - 버튼 */
.select_area .btn_basket {float:left; width:180px; height:32px; margin:0 5px 0 20px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:14px; cursor:pointer; transition:all .2s;}
.select_area .btn_basket:hover {background:#fafafa; border:1px solid #777;}
.select_area .btn_remove {float:left; width:150px; height:32px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:14px; cursor:pointer; transition:all .2s;}
.select_area .btn_remove:hover {background:#fafafa; border:1px solid #777;}

.btn_label_default2 {margin:30px auto 0; text-align:center;}
.btn_label_default2 label {display:inline-block; margin:30px auto 0;}
.btn_label_default2 .btn_blue {min-width:220px; padding:15px 30px; margin:0 4px; background:#00afa0; border:1px solid #00afa0; font-family:'NanumSquareNeo-Variable'; font-size:18px; color:#fff; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer; transition:all .3s;}
.btn_label_default2 .btn_blue:hover {background:#00837a; border:1px solid #00837a;}
.btn_label_default2 .btn_white {min-width:220px; padding:0 10px; margin:0 4px; background:#fafafa; border:1px solid #e7e7e7; font-family:'NanumSquareNeo-Variable'; font-size:18px; color:#777; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; cursor:pointer; transition:all .3s;}
.btn_label_default2 .btn_white:hover {background:#fff; border:1px solid #aaa; color:#222;}

.btn_cart_area {position:relative; width:500px; margin:30px 0 0 0;}
.btn_cart_area li {line-height:38px;}

.btn_cart_area .btn_order {float:left; width:220px; height:56px; background:#00afa0; border:1px solid #00afa0; font-size:18px; font-family:'NanumSquareNeo-Variable'; color:#fff; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s;}
.btn_cart_area .btn_order:hover {background:#00837a; border:1px solid #00837a;}
.btn_cart_area .btn_shopping {float:right; width:220px; height:56px; margin:0 5px 0 0; background:#fafafa; border:1px solid #e7e7e7; font-size:18px; font-family:'NanumSquareNeo-Variable'; color:#777; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s;}
.btn_cart_area .btn_shopping:hover {background:#fff; border:1px solid #aaa; color:#222;}

.btn_area_cart {margin:30px 0 0 0; text-align:center;}
.btn_area_cart .btn_green {display:inline-block; width:220px; margin:0 5px; padding:9px 0; background:#00afa0; color:#FFF; font-size:18px; font-family:'NanumSquareNeo-Variable'; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s; text-align:center;}
.btn_area_cart .btn_green:hover {background:#00837a;}
.btn_area_cart .btn_white2 {display:inline-block; width:220px; margin:0 5px; padding:8px 0; background:#fafafa; border:1px solid #e7e7e7; color:#555; font-size:18px; font-family:'NanumSquareNeo-Variable'; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s;}
.btn_area_cart .btn_white2:hover {background:#fff; border:1px solid #aaa; color:#222;}

.dct_result .btn_white3 {float:left; width:150px; height:32px; margin:0 5px 0 20px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:14px; cursor:pointer; transition:all .2s; line-height:32px; text-align:center;}
.dct_result .btn_white3:hover {background:#fafafa; border:1px solid #777;}

.coupon_info .btn_white4 {float:right; width:95px; height:32px; margin:0 0 0 20px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:14px; cursor:pointer; transition:all .2s; line-height:32px; text-align:center;}
.coupon_info .btn_white4:hover {background:#fafafa; border:1px solid #777;}
/* //공통 - 버튼 */


/* --------------------- 마이한빛 - 한빛멤버십  --------------------- */

/* 한빛멤버십 */
.my_info {overflow:hidden; width:1140px; height:254px; margin:0 0 26px; padding:20px 30px; background:#f9f9f9; border:#ddd 1px solid;}
.my_info .my_rating {float:left; width:460px; height:180px; margin:16px 0 0;}
.my_info .my_rating .icon {float:left; width:180px; height:180px; /*background:url(/images/myhanbit/my_rating_icon_temp.png);*/}
.my_info .my_rating .icon img {width:180px; height:180px;}
.my_info .my_rating .txt_area {float:left; width:250px; margin:33px 0 0 30px;}
.my_info .my_rating .txt1 {font-size:18px; font-family:'NanumSquareNeo-Variable'; line-height:30px;}
.my_info .my_rating .txt1 span {color:#009d8d; font-family:'NanumSquareNeo-Variable';}
.my_info .my_rating .txt2 {line-height:20px; margin-top:10px;}

.my_info .my_activity {float:right; width:560px;}
.my_info .my_activity .tit {margin-bottom:14px; font-size:16px; font-family:'NanumSquareNeo-Variable'; line-height:16px;}
.my_info .my_activity li {}

.member_selection {margin-bottom:31px;}
.member_selection .tit {margin-bottom:7px; /*font-size:16px; font-family:'NanumSquareNeo-Variable';*/}
.member_selection td img {width:88px; height:88px;}
.member_selection td li {margin-bottom:10px; padding-left:10px; background:url(/images/common/bl_grey.gif) no-repeat 0 9px; font-size:13px; line-height:20px;}
.member_selection .rating1 {font-size:16px; font-family:'NanumSquareNeo-Variable'; color:#20968a;}
.member_selection .rating2 {font-size:16px; font-family:'NanumSquareNeo-Variable'; color:#8c6532;}
.member_selection .rating3 {font-size:16px; font-family:'NanumSquareNeo-Variable'; color:#819092;}
.member_selection .rating4 {font-size:16px; font-family:'NanumSquareNeo-Variable'; color:#d39500;}

.myhanbit_wrap dl.member_rule1 {margin-bottom:26px;}
.myhanbit_wrap .member_rule1 dt {margin-bottom:8px;}
.myhanbit_wrap .member_rule1 dd {padding-left:10px; background:url(/images/common/bl_grey.gif) no-repeat 0 9px; line-height:22px;}

.my_activity .tbl_type_list2, .tbl_type_list2 th, .tbl_type_list2 td{border:0}
.my_activity .tbl_type_list2 {width:100%; text-align:center; background:url(/images/common/bg_table1140.gif) no-repeat;} 
.my_activity .tbl_type_list2 caption{display:none}

.my_activity .tbl_type_list2 th {height:44px; padding:11px 0; font-family:NanumGothicBold; font-size:14px; font-weight:normal; line-height:0;}
.my_activity .tbl_type_list2 .bdr_r {border-right:1px solid #aaa;}
.my_activity .tbl_type_list2 tr td {padding:12px 0; border-bottom:1px solid #ddd; min-height:45px; font-size:14px; line-height:22px;}
.my_activity .tbl_type_list2 tr td.left {text-align:left;}
.my_activity .tbl_type_list2 tr td.right {text-align:right; padding-right:20px;}
.my_activity .tbl_type_list2 tr td span {font-family:'NanumSquareNeo-Variable';}

.member_selection .tbl_type_list3, .tbl_type_list3 th, .tbl_type_list3 td{border:0}
.member_selection .tbl_type_list3 {width:100%; text-align:center; border-top:1px solid #eee;}
.member_selection .tbl_type_list3 caption{display:none}
.member_selection .tbl_type_list3 tbody {}
.member_selection .tbl_type_list3 th {height:174px; padding:11px 0; border-bottom:1px solid #eee; border-right:1px solid #ddd; border-left:1px solid #ddd; background:#f9f9f9; font-family:NanumGothicBold; font-size:14px;}
.member_selection .tbl_type_list3 tr td {padding:12px 0; border-bottom:1px solid #eee; border-right:1px solid #eee; min-height:45px; font-size:14px; line-height:22px;}
.member_selection .tbl_type_list3 tr td span {font-family:'NanumSquareNeo-Variable';}
.member_selection .tbl_type_list3 td.left {padding-left:20px; padding-right:20px; text-align:left;}
/* //한빛멤버십 */

/* 마일리지-한빛이코인 */
.mileage_area {overflow:hidden; width:1140px; border:#ddd 1px solid; margin-bottom:20px; text-align:center;}
.mileage_area .mileage_section1, .mileage_area .mileage_section2 {float:left; width:50%; height:200px; padding:50px 0 0;}
.mileage_area .mileage_section1 {border-right:#ddd 1px solid;}
.mileage_area .mileage_section1 dt, .mileage_area .mileage_section2 dt	{margin-bottom:15px; font-family:'NanumSquareNeo-Variable';}
.mileage_area .mileage_section1 dd, .mileage_area .mileage_section2 dd {font-size:24px; line-height:36px; letter-spacing:-0.05em;}
.mileage_area .mileage_section1 dd span {color:#f2613b; font-size:36px; font-family:'NanumSquareNeo-Variable';}
.mileage_area .mileage_section2 dd span {color:#00afa0; font-size:36px; font-family:'NanumSquareNeo-Variable';}
.mileage_area .mileage_section3 {overflow:hidden; width:100%; height:112px; padding:30px 0 0 248px; background-color:#f9f9f9; border-top:#ddd 1px solid;}
.mileage_area .mileage_section3 .tit {float:left;}
.mileage_area .mileage_section3 .e_coin {float:left; margin:0 40px 0 28px;}
.mileage_area .mileage_section3 .e_coin label {font-family:'NanumSquareNeo-Variable';}
.mileage_area .mileage_section3 .e_coin .i_text3 {width:310px; height:40px; padding-left:18px; border:#aaa 10x solid; font-size:16px; font-family:'NanumSquareNeo-Variable';}
.mileage_area .mileage_section3 .e_coin span {float:left; font-size:12px;}
.mileage_area .mileage_section3 .e_coin_btn {float:left;}
.mileage_area .mileage_section3 .e_coin_btn .btn_blue2 {min-width:100px; height:40px; background:#00afa0; font-family:'NanumSquareNeo-Variable'; color:#fff; border:1px solid #00afa0; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; cursor:pointer; transition:all .3s;}
.mileage_area .mileage_section3 .e_coin_btn .btn_blue2:hover {background:#00837a; border:1px solid #00837a;}

.mileage_reference {float:right; margin-right:10px; padding-top:15px; font-size:13px;}
.mileage_reference img {margin:-2px 0 0 6px; vertical-align:middle;}

.period_box {overflow:hidden; width:1140px; height:73px; margin-bottom:20px; padding:20px 40px; border:#ddd 1px solid; background:#f9f9f9;}
.period_box .period_l {float:left;}
.period_box .period_l span {float:left; font-size:16px; font-family:'NanumSquareNeo-Variable'; margin-right:30px;}
.period_box .period_l .period_l_btn {width:400px;}
.period_box .period_l .period_l_btn label {float:left;}
.period_box .period_l .period_l_btn .i_button {float:left; width:80px; height:32px; margin-right:3px; border:#ccc 1px solid; background:#FFF; color:#555; font-family:'NanumSquareNeo-Variable'; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; cursor:pointer;}
.period_box .period_l .period_l_btn .i_button:hover {border:#aaa 1px solid;}
.period_box .period_l .period_l_btn .i_button:curr {border:#00afa0 1px solid; background:#00afa0;}

.period_box .period_r {float:right; height:32px;}
.period_box .period_r span {padding:0 5px;}
.period_box .period_r .i_text {width:120px; height:32px; padding-left:18px; border:#aaa 1px solid;}
.period_box .period_r .i_button {width:60px; height:32px; margin-left:12px; background:#00afa0; font-family:'NanumSquareNeo-Variable'; color:#fff; border:1px solid #00afa0; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; cursor:pointer; transition:all .3s;}
.period_box .period_r .i_button:hover {background:#00837a; border:1px solid #00837a;}
.period_box .period_r .i_car {width:34px; height:32px; margin-left:-5px; background:#666 url(/images/myhanbit/btn_calender.png) no-repeat; border:0; font-family:'NanumSquareNeo-Variable'; color:#fff; text-indent:-99999px; cursor:pointer; transition:all .3s;}
.period_box .period_r .i_car:hover {background:#00afa0 url(/images/myhanbit/btn_calender.png) no-repeat;}

.account_mileage {}
.account_mileage .tbl_type_list td.right {padding:13px 40px 13px 0; text-align:right;}

.account_ecoin {}
.account_ecoin .tbl_type_list td.right {padding:13px 40px 13px 0; text-align:right;}

/* 탭메뉴 */
.tab_menu2 {clear:both; overflow:hidden; float:left; width:320px;}
.tab_menu2 ul {width:320px; margin:0 auto 20px; overflow:hidden; border-right:1px solid #00afa0; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;}
.tab_menu2 li {float:left; width:50%; text-align:center; word-break:keep-all;}
.tab_menu2 li a {display:block; padding:3px 0; border-bottom:1px solid #00afa0; border-top:1px solid #00afa0; border-left:1px solid #00afa0; font-size:14px; font-family:'NanumSquareNeo-Variable'; color:#00afa0; letter-spacing:0.03em}
.tab_menu2 li a:hover {background:#00afa0; text-decoration:none; color:#fff;}
.tab_menu2 li a.curr {background:#00afa0; color:#fff;}
.tab_menu2 li span {display:table; width:100%;}
.tab_menu2 li span em {display:table-cell; vertical-align:middle;}
/* //탭메뉴 */
/* //마일리지-한빛이코인 */

/*  위시리스트 */
.top_select_area {position:relative; padding-bottom:30px;}

.wishlist_cate {display:block; float:left; position:relative; width:135px; height:28px; padding-left:10px; background:#fff url(/images/common/bl_cate1.png) no-repeat 110px 12px; border:#aaa 1px solid; font-size:12px; transition:all .3s;}
.wishlist_cate #cate_wish {display:none; position:absolute; top:-1px; left:-1px; width:135px; background:#fff; border:#aaa 1px solid; transition:all .3s; z-index:999;}
.wishlist_cate #cate_wish li {float:none; padding-left:10px;}
.cate_wish a {font-size:12px;}

.myhanbit_wrap .list_srch .i_select2 {float:left;}

.select_area {float:right;}
.select_area .check_area {float:left;}
.select_area .check_area .i_check {width:20px; height:20px; margin-right:10px; vertical-align:middle;}

.wish_book_list_area {overflow:hidden; clear:both; border-top:#cecece 1px solid; padding:40px 0 0; margin:20px 0 0 0;}
.wish_book_list_area li {position:relative; display:table; float:left; width:20%; min-height:420px; margin-bottom:40px; text-align:center;}

.wish_book_list_area .wish_book_list {display:table-cell; text-align:center;}
.wish_book_list_area .wish_book_list .view_box_block {position:relative; height:160px; text-align:center; margin:0 auto;}

.wish_book_list_area .wish_book_list .view_box_block img.thumb {height:160px; max-width:160px;}
.wish_book_list_area .wish_book_list .view_box_block .finish_edu {display:block; position:absolute; top:-147px; left:0; width:100%; height:160px; line-height:155px; color:#fff; background-color:rgba(0,0,0,0.7); z-index:10;}

.wish_book_list_area .wish_book_list .info1 {min-height:86px; font-size:12px;}
.wish_book_list_area .wish_book_list .info1 .type_book, 
.wish_book_list_area .wish_book_list .info1 .type_edu_on {height:20px; padding:2px 14px; background:#999; color:#FFF; font-size:11px; font-family:'NanumSquareNeo-Variable'; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;}
.wish_book_list_area .wish_book_list .info1 .book_tit {padding:0 14px; font-size:12px; line-height:18px;}
.wish_book_list_area .wish_book_list .info1 .book_tit a:hover {text-decoration:underline;}
.wish_book_list_area .wish_book_list .info1 .book_pro_2nd {font-family:'NanumSquareNeo-Variable';}
.wish_book_list_area .wish_book_list .info1 .book_pro_2nd span {color:#18aa9b; font-family:'NanumSquareNeo-Variable';}

.wish_book_list_area .wish_book_list .info2 {font-size:12px; margin:0 0 30px;}
.wish_book_list_area .wish_book_list .info2 .price {font-family:'NanumSquareNeo-Variable';}
.wish_book_list_area .wish_book_list .info2 .price span {margin-left:5px; color:#777;}
.wish_book_list_area .wish_book_list .info2 .mileage {display:inline-block; height:24px; padding-left:28px; background:url(/images/myhanbit/icon_mileage.png) no-repeat 0 4px;}

.wish_book_list_area .wish_book_list .book_list_btn {}
.wish_book_list_area .wish_book_list .book_list_btn .btn_basket {float:left; width:92px; height:28px; margin:0 5px 0 20px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:12px; line-height:12px; cursor:pointer; transition:all .2s;}
.wish_book_list_area .wish_book_list .book_list_btn .btn_basket:hover {background:#fafafa; border:1px solid #777;}
.wish_book_list_area .wish_book_list .book_list_btn .btn_remove {float:left; width:92px; height:28px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:12px; line-height:12px; cursor:pointer; transition:all .2s;}
.wish_book_list_area .wish_book_list .book_list_btn .btn_remove:hover {background:#fafafa; border:1px solid #777;}

.wish_book_list_area .wish_book_list .check_area .i_check2 {width:20px; height:20px; position:absolute; top:0; left:0;}
.wish_book_list_area .no_item_list {height:120px; border-bottom:#cecece 1px solid; line-height:80px;}
/*  //위시리스트 */

/* 장바구니 - step1 장바구니 */
.tapmenu_cart_area {width:100%; height:70px; margin-bottom:20px; background:url(/images/myhanbit/bg_cart_tab.png) 0 0 no-repeat;}
.tapmenu_cart_area ul {display:table; width:100%;}
.tapmenu_cart_area li {position:relative; display:table-cell; height:64px; color:#aaa; font-size:14px; text-align:center; vertical-align:middle;}
.tapmenu_cart_area li strong {display:inline-block; font-size:20px; padding-left:10px;}
.tapmenu_cart_area li span {display:block; color:#aaa;}
.tapmenu_cart_area li .curr {height:64px; background:#00afa0;border:1px solid 00afa0ddd; color:#fff; -moz-border-radius:64px; -khtml-border-radius:64px; -webkit-border-radius:64px; border-radius:64px; line-height:64px;}
.tapmenu_cart_area li .bl {position:absolute; bottom:-6px; left:50%; width:8px; height:6px; margin:0 0 0 -4px; background:url(/images/common/cate_bl3.png) center 0 no-repeat;}

.select_area2 {overflow:hidden; margin-bottom:20px; padding:0 0 0 10px;}
.select_area2 .check_area {float:left;}
.select_area2 .check_area .i_check {width:20px; height:20px; margin-right:10px; vertical-align:middle;}

.select_area2 .btn_basket {float:right; width:180px; height:32px; margin:0 5px 0 20px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:14px; cursor:pointer; transition:all .2s;}
.select_area2 .btn_basket:hover {background:#fafafa; border:1px solid #777;}
.select_area2 .btn_remove {float:right; width:150px; height:32px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:14px; cursor:pointer; transition:all .2s;}
.select_area2 .btn_remove:hover {background:#fafafa; border:1px solid #777;}

.table_area_cart {}
.table_area_cart td.check_area {width:49px;}
.table_area_cart td.check_area .i_check {width:20px; height:20px;}
.table_area_cart td.thumb_area {width:100px; margin-right:23px;}
.table_area_cart td.thumb_area img {width:100px;}
.table_area_cart td.thumb_area2 {width:100px; padding-left:20px;}
.table_area_cart td.thumb_area2 img {width:100px;}
/*.table_area_cart td.thumb_area2 img.thumb {width:100px;}
.table_area_cart td.thumb_area2 img.thumb_lec {width:100px; height:100px;}*/
.table_area_cart td.info {width:450px; vertical-align:top;}
.table_area_cart td.info .prod_type {display:inline-block; height:20px; margin:10px 0; padding:4px 14px; background:#999; color:#FFF; font-size:11px; font-family:'NanumSquareNeo-Variable'; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; line-height:11px;}

.table_area_cart td.info .prod_culture {display:inline-block; height:20px; margin:10px 0; padding:4px 14px; background:#5CB85C; color:#FFF; font-size:11px; font-family:'NanumSquareNeo-Variable'; border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; line-height:11px;}

.table_area_cart .book_pro_2nd {margin-top:10px; font-family:'NanumSquareNeo-Variable';}
.table_area_cart .book_pro_2nd span {padding-left:10px; color:#18aa9b; font-family:'NanumSquareNeo-Variable';}
.table_area_cart .pro_option {margin-top:10px; font-family:'NanumSquareNeo-Variable';}
.table_area_cart .pro_option span {padding-left:10px; color:#18aa9b; font-family:'NanumSquareNeo-Variable';}
.table_area_cart .pro_option dt {float:left; font-family:'NanumSquareNeo-Variable';}
.table_area_cart .pro_option dd {padding-left:50px; color:#18aa9b; font-family:'NanumSquareNeo-Variable';}

.table_area_cart .txt_nomal a {font-family:'NanumSquareNeo-Variable' !important;}

.table_area_cart .tbl_type_list td .price {margin-bottom:10px; font-family:''NanumSquareNeo-Variable''; line-height:22px;}
.table_area_cart .tbl_type_list td .price span {color:#777; font-size:13px;}
.table_area_cart .tbl_type_list td .mileage {display:inline-block; height:24px; padding-left:28px; background:url(/images/myhanbit/icon_mileage.png) no-repeat 0 2px; font-size:12px;}
.table_area_cart .tbl_type_list td.price2 {font-size:18px; font-family:'NanumSquareNeo-Variable'; text-align:right; padding-right:20px;}
.table_area_cart .tbl_type_list td .btn_delete {display:inline-block; width:22px; height:30px; /*margin-right:20px;*/ background:url(/images/myhanbit/icon_delete.png) no-repeat; text-indent:-9999px;}

.table_area_cart .i_text {width:46px; height:28px; /*padding-left:18px; margin:0 5px 0 0;*/ border:1px solid #aaa; color:#222; text-align:center;}
.table_area_cart .btn_edit {width:52px; height:28px; background:#fff; border:1px solid #ccc; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; font-family:''NanumSquareNeo-Variable''; font-size:12px; line-height:12px; cursor:pointer; transition:all .2s;}
.table_area_cart .btn_edit:hover {background:#fafafa; border:1px solid #777;}

.cart_result_box {overflow:hidden; width:1140px; margin:20px 0 0; padding:22px 0; background:#f9f9f9; border:#ddd 1px solid; text-align:center;}
.cart_result_box ul {}
.cart_result_box li {float:left; margin:0 40px; padding-left:10px; background:url(/images/common/bl_blue1.gif) no-repeat 0 18px; font-size:16px;}
.cart_result_box li span {margin-left:10px; font-size:18px; font-family:'NanumSquareNeo-Variable';}
.cart_result_box li span.price {color:#00afa0;}
.msg_delivery {clear:both; font-family:''NanumSquareNeo-Variable''; text-align:center; margin:50px 0 ;}
.msg_delivery span {margin-right:10px; color:#00afa0; font-family:''NanumSquareNeo-Variable'';}
/* //장바구니 - step1 장바구니 */

/* 장바구니 - step2 주문결제 */
.order_list .book_pro_2nd {font-family:''NanumSquareNeo-Variable''; margin-top:10px;}
.order_list .book_pro_2nd span {color:#18aa9b; font-family:''NanumSquareNeo-Variable'';}
.order_list .mileage {display:inline-block; height:24px; padding-left:28px; background:url(/images/myhanbit/icon_mileage.png) no-repeat 0 2px;}
.order_list td.price {font-family:''NanumSquareNeo-Variable''}

.order_info {margin:40px 0 0;}
.order_info dl {overflow:hidden; width:1140px; height:40px; margin-bottom:40px; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; border-right:#ddd 1px solid; text-align:center; line-height:36px;}
.order_info dt {float:left; background:#f9f9f9; width:140px; height:40px; border-left:#ddd 1px solid;}
.order_info dd {float:left; min-width:200px; height:40px; border-left:#ddd 1px solid;}
.order_info dd.email_area {width:310px;}

.addr_info_box {float:left; width:570px;}
.address_info {position:relative; width:570px; height:446px; padding:10px 10px 20px 20px; background:#f9f9f9; border:1px solid #ddd; text-align:left;}
.address_info legend {display:none;}
.address_info .register_addr {clear:both; /*padding:25px 0 0 0;*/ padding:0; vertical-align:middle;}
.address_info .register_addr label strong {top:-8px; left:18px; font-family:'NanumSquareNeo-Variable'; font-weight:normal;}
.address_info .register_addr label span {font-size:12px; color:#555; letter-spacing:-0.03em; line-height:20px; display:inline-block;}
.address_info .register_li {margin:1px 0 15px; vertical-align:middle;}
.address_info .register_li .i_tit {clear:both; float:left; display:block; width:118px; font-family:''NanumSquareNeo-Variable''; font-weight:normal; font-size:14px; color:#222;}
.address_info .register_li .i_tit span {color:#f2613b;}
.address_info .register_li .i_con {margin-left:118px;}
.address_info .register_li .i_label {position:relative; margin-bottom:14px; font-weight:normal; font-size:14px; color:#bbb;}
.address_info .register_li .i_text {width:160px; height:32px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_info .register_li .i_text2 {width:200px; height:32px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_info .register_li .i_text3 {width:80px; height:32px; padding-left:18px; margin:0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_info .register_li .i_text4 {width:405px; height:32px; padding-left:18px; border:1px solid #aaa; font-size:14px; color:#222;}
.address_info .register_li .i_button {width:100px; height:32px; /*border:1px solid #00afa0;*/ background:#00afa0; font-family:''NanumSquareNeo-Variable''; font-size:13px; color:#fff; text-align:center; cursor:pointer;}
.address_info .register_li .i_radio {width:16px; height:16px; vertical-align:middle;}
.address_info .register_li .ra_label {vertical-align:middle; margin:0 18px 0 0;}
.address_info .register_li .ra_label span {font-size:13px; margin:0 0 0 5px;}
.address_info .register_li .ra_label .tit {font-size:14px; font-family:'NanumSquareNeo-Variable'; margin:0 20px 0 0;}
.input_space {height:6px;}

.discount_info_box {float:left; width:570px; height:425px;}
.discount_info {width:570px; height:223px; padding:10px 10px 20px 20px; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.discount_info .tit {font-size:16px;}

.discount_info .register_li {margin:0;}
.discount_info .register_li .i_text {width:140px; height:40px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:14px; color:#222;}
.discount_info .register_li .i_button {width:70px; height:40px; /*border:1px solid #00afa0;*/ margin:0 15px 0 8px; background:#00afa0; font-family:''NanumSquareNeo-Variable''; font-size:13px; color:#fff; text-align:center; cursor:pointer;}
.discount_info .register_li .i_check {width:19px; height:19px; vertical-align:middle; margin:0 3px 0 10px;}
.discount_info .register_li span {font-size:13px;}
.discount_info .register_li .warning {margin-top:7px; color:#dd4949; font-size:13px; line-height:13px;}

.dct_result {margin-top:10px;}
.dct_result p {float:left}
.dct_result span {color:#00afa0;}
.dct_result a.btn_white3 {float:left}

.coupon_info {width:570px; height:223px; padding:10px 10px 20px 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.coupon_info .tit {float:left}
.coupon_guide {float:right; margin-bottom:10px; padding-top:3px; font-size:13px;}
.coupon_guide img {margin:-2px 0 0 6px; vertical-align:middle;}

.coupon_hold_area {width:100%; height:145px; overflow-y:scroll; margin:10px 0 0 0;}
.coupon_hold {clear:both; width:520px;}
.coupon_hold td {vertical-align:top; line-height:24px; font-size:13px;}
.coupon_hold .cp_name {width:250px; padding-bottom:10px; padding-right:20px;}
.coupon_hold .ra_label {width:25px;}
.coupon_hold .i_radio {width:16px; height:16px; margin-top:2px; vertical-align:middle;}
.coupon_hold .cp_validity {width:126px; color:#777;}
.coupon_hold .cp_rate {}

.payment_info {clear:both; padding-top:31px;}
dl.payment_type {overflow:hidden; width:1140px; height:40px; border:1px solid #ddd;}
dl.payment_type dt {float:left; width:160px; height:40px; background:#f9f9f9; border-right:1px solid #ddd; font-family:''NanumSquareNeo-Variable''; text-align:center; line-height:40px;}
dl.payment_type dd {float:left; margin:0 20px; line-height:34px;}
dl.payment_type dd .ra_label {vertical-align:middle;}
dl.payment_type dd .i_radio {width:16px; height:16px; margin-right:5px; vertical-align:middle;}

.caution_box {display:table; width:1140px; height:80px; margin:20px 0; padding:0 0 0 120px; background:#f9f9f9 url(/images/common/icon_caution.png) no-repeat 38px 13px; border:1px solid #ddd;}
.caution_box p {display:table-cell; vertical-align:middle; line-height:20px;}

.account_info {padding-left:30px;}
.account_info .i_con {margin:10px 0 10px 180px;}
.account_info .register_li .i_text2 {width:173px;}
.account_info .cld_area {position:relative;}
.account_info .cld_area .i_text {width:140px; height:38px; padding-left:18px; border:#aaa 1px solid;}
.account_info .cld_area .i_car {width:34px; height:38px; position:absolute; left:139px; top:0; background:#666 url(/images/myhanbit/btn_calender.png) no-repeat 0 3px; border:0; font-family:''NanumSquareNeo-Variable''; color:#fff; text-indent:-99999px; cursor:pointer; transition:all .3s;}
.account_info .cld_area .i_car:hover {background:#00afa0 url(/images/myhanbit/btn_calender.png) no-repeat 0 3px;}

.total_info {width:1140px; height:160px;}
.total_order {float:left; width:380px; height:160px; padding:18px 40px 0; background:#00afa0; color:#fff;}
.total_order dt {float:left; width:50%; font-family:''NanumSquareNeo-Variable'';}
.total_order dd {float:right; width:50%; text-align:right; font-family:''NanumSquareNeo-Variable'';}
.total_payment {float:left; width:380px; height:160px; padding:36px 30px 0; background:#186c77; color:#fff;}
.total_payment dt {float:left; font-family:''NanumSquareNeo-Variable'';}
.total_payment dd {/*float:right;*/ text-align:right; font-family:''NanumSquareNeo-Variable'';}
.total_payment strong {font-size:24px;}
.total_info .btn_payment {float:right; width:360px; height:160px; background:#444; border:0; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; font-family:''NanumSquareNeo-Variable''; font-size:24px; color:#fff; cursor:pointer; transition:all .2s;}
.total_info .btn_payment:hover {background:#222;}
/* //장바구니 - step2 주문결제 */

/* 장바구니 - step3 주문완료 */
.msg_area {width:960px; margin:0 auto;}
.msg_complete {font-size:24px; font-family:''NanumSquareNeo-Variable''; text-align:center; line-height:36px; padding:20px 0 0 0;}
.order_details {width:100%; padding:40px 50px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; margin:50px 0 30px 0;}
.order_details ul {}
.order_details li {height:36px; padding-left:10px; background:url(/images/common/bl_grey2.gif) no-repeat 0 14px;}
.order_details li span {width:140px; display:inline-block;}
.order_details li strong {}

.cart_deposit_box {overflow:hidden; margin:10px 0 30px; padding:30px 40px; background:#f9f9f9; border:#ddd 1px solid;}
.cart_deposit_box ul {}
.cart_deposit_box li.line {color:#aaa; font-size:16px; margin:0 20px;}
 
.cart_deposit_box .deposit1 {overflow:hidden; border-bottom:#ddd 1px solid; padding-bottom:24px;}
.cart_deposit_box .deposit1 li {float:left; font-size:16px; font-family:''NanumSquareNeo-Variable'';}
.cart_deposit_box .deposit2 {overflow:hidden; clear:both; margin:20px 0;}
.cart_deposit_box .deposit2 li {float:left;}
.cart_deposit_box .deposit2 li.line {font-size:14px; line-height:30px;}
.cart_deposit_box .myhanbit_tbox1 {clear:both;}
/* //장바구니 - step3 주문완료 */

/* 주문조회 - 리스트, 상세 */
.ord_state {color:#00afa0;}
.ord_cancel {color:#f2613b;}

.ord_num {float:left;}
.order_state_area {clear:both; position:relative; width:1150px; height:157px; padding:6px 0 0 0; margin:0 -5px 21px;}
.order_state_area li {float:left; margin:0 5px;}
.bl_next {width:9px; height:120px; background:url(/images/common/bl_next.png) no-repeat 0 53px;}

.progress_order {float:left;}
.progress_order li.progress {width:120px; height:120px; padding-top:70px; border:#ddd 1px solid; /*background:url(/images/myhanbit/icon_state.png) no-repeat center 26px;*/ color:#999; font-family:''NanumSquareNeo-Variable''; text-align:center; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;}
.progress_order li.curr {border:none; /*background:#00afa0 url(/images/myhanbit/icon_state_r.png) no-repeat center 26px;*/ color:#fff;}

.progress_order li.state1 {background:url(/images/myhanbit/icon_state1.png) no-repeat center 26px;}
.progress_order li.state1_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state1_r.png) no-repeat center 26px; color:#fff;}
.progress_order li.state2 {background:url(/images/myhanbit/icon_state2.png) no-repeat center 26px;}
.progress_order li.state2_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state2_r.png) no-repeat center 26px; color:#fff;}
.progress_order li.state3 {background:url(/images/myhanbit/icon_state3.png) no-repeat center 26px;}
.progress_order li.state3_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state3_r.png) no-repeat center 26px; color:#fff;}
.progress_order li.state4 {background:url(/images/myhanbit/icon_state4.png) no-repeat center 26px;}
.progress_order li.state4_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state4_r.png) no-repeat center 26px; color:#fff;}
.progress_order li.state5 {background:url(/images/myhanbit/icon_state5.png) no-repeat center 26px;}
.progress_order li.state5_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state5_r.png) no-repeat center 26px; color:#fff;}
.cancel_order li.state6 {background:#f9f9f9 url(/images/myhanbit/icon_state6.png) no-repeat center 26px;}
.cancel_order li.state6_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state6_r.png) no-repeat center 26px; color:#fff;}
.cancel_order li.state7 {background:#f9f9f9 url(/images/myhanbit/icon_state7.png) no-repeat center 26px;}
.cancel_order li.state7_r {border:none; background:#00afa0 url(/images/myhanbit/icon_state7_r.png) no-repeat center 26px; color:#fff;}

.btn_tracking_num {position:absolute; top:132px; left:452px; width:120px; height:32px; border:#ddd 1px solid; color:#999; font-family:''NanumSquareNeo-Variable''; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; transition:all .2s; text-align:center;}
.btn_tracking_num:hover {border:1px solid #aaa; color:#222;}

.cancel_order {float:right;}
.cancel_order li.cancel {width:120px; height:120px; padding-top:70px; border:#ddd 1px solid; /*background:#f9f9f9 url(/images/myhanbit/icon_state.png) no-repeat center 26px;*/ color:#999; font-family:''NanumSquareNeo-Variable''; text-align:center; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px;}
.cancel_order li.curr {border:none; /*background:#00afa0 url(/images/myhanbit/icon_state_r.png) no-repeat center 26px;*/ color:#fff;}

.tbl_type_list5 {width:100%; text-align:center; border-top:#ddd 1px solid; border-left:#ddd 1px solid;}
.tbl_type_list5 caption{display:none}
.tbl_type_list5 tbody {}
.tbl_type_list5 tr {}
.tbl_type_list5 th {height:40px; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; background:#f9f9f9; font-family:'NanumSquareNeo-Variable'; font-weight:normal;}
.tbl_type_list5 td {height:40px; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.tbl_type_list5 td.right {text-align:right; padding-right:20px;}

.delivery_info {margin:40px 0;}
.delivery_info .tit {float:left;}

.product_info {margin-bottom:20px;}

.total_info .btn_cancel {float:right; width:360px; height:90px; background:#444; border:0; border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; font-family:''NanumSquareNeo-Variable''; font-size:24px; color:#fff; cursor:pointer; transition:all .2s;}
.total_info .btn_cancel:hover {background:#222;}

.btn_tracking_num2 {float:right; display:inline-block; width:360px; height:60px; margin:10px 0 0; background:#fafafa; border:1px solid #e7e7e7; color:#555; font-size:18px; font-family:''NanumSquareNeo-Variable''; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all .3s; text-align:center; line-height:54px;}
.btn_tracking_num2:hover {background:#fff; border:1px solid #aaa; color:#222;}

.cart_deposit_box_area {overflow:hidden; /*margin-bottom:60px;*/}
.cart_deposit_box_area table a {display:block; width:160px; padding:2px 0; margin:2px auto; border:1px solid #ddd;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all .2s;}
.cart_deposit_box_area table a:hover {border:1px solid #aaa;}
.cart_deposit_box_area table td {padding:10px 0;}

.delivery_info .btn_addr_edit {display:block; float:right; width:120px; height:32px; margin-bottom:5px; border:1px solid #ddd; font-family:''NanumSquareNeo-Variable''; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all .2s; text-align:center;}
.delivery_info .btn_addr_edit:hover {border:1px solid #aaa;}
/* //주문조회 - 리스트, 상세 */

/* My 쿠폰 */
.my_coupon_search {overflow:hidden; width:1140px; height:102px; padding:30px 0; margin-bottom:30px; background:#f9f9f9; border:#ddd 1px solid; text-align:center;}
.my_coupon_search div {display:inline-block; line-height:22px; vertical-align:top; text-align:left;}
.my_coupon_search span {font-size:12px;}
.my_coupon_search .tit {margin-right:25px;}
.my_coupon_search label {display:block;}
.my_coupon_search label strong {top:9px; left:18px; font-family:'NanumSquareNeo-Variable'; font-weight:normal;}
.my_coupon_search .i_label {position:relative; margin-bottom:14px; font-size:12px; color:#bbb;}
.my_coupon_search .i_text {width:310px; height:40px; padding-left:18px; border:#aaa 10x solid; font-size:16px; font-family:''NanumSquareNeo-Variable'';}
.my_coupon_search .btn_blue {min-width:100px; height:40px; background:#00afa0; font-family:''NanumSquareNeo-Variable''; color:#fff; border:1px solid #00afa0; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; cursor:pointer; transition:all .3s;}
.my_coupon_search .btn_blue:hover {background:#00837a; border:1px solid #00837a;}
/* My 쿠폰 */

/* My Book */
.acodian_area {position:relative;}
.acodian_area ul {margin:0; padding:0; list-style:none; border-bottom:1px solid #ddd;}
.acodian_area .aco_li {position:relative; margin:0; border-top:1px solid #ddd;}
.acodian_area .hide .aco_li a.trigger {padding:14px 350px 14px 30px; background:none; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:22px;}
.acodian_area .aco_li a.trigger {display:block; padding:10px 350px 14px 30px; background:#f9f9f9; font-family:''NanumSquareNeo-Variable''; font-size:16px; text-align:left; line-height:30px;}
.acodian_area .aco_li a.trigger:hover {background:#f9f9f9;}
.acodian_area .aco_li a.trigger:active,
.acodian_area .aco_li a.trigger:focus {background:#f9f9f9; text-decoration:underline;}

.acodian_area .aco_li span {position:absolute; top:8px; right:0; width:120px; text-align:center;}
.acodian_area .aco_li span.ltr01 {position:absolute; top:8px; right:240px; width:120px; text-align:center;}
.acodian_area .aco_li span.ltr02 {position:absolute; top:8px; right:120px; width:120px; text-align:center;}
.acodian_area .aco_li span.ltr03 {position:absolute; top:8px; right:0; width:120px; text-align:center;}

.acodian_area .aco_view {position:relative; overflow:hidden; margin:0; padding:10px 30px 20px !important; background:#f9f9f9; box-sizing:content-box; line-height:22px;}
.acodian_area .aco_view .thumb {float:left;}
.acodian_area .aco_view .thumb img {max-height:160px;}
.acodian_area .aco_view .txt {margin:10px 0 10px 160px;}
.acodian_area .aco_view .txt span {font-size:11px; color:#ccc; padding:0 10px; text-align:center;}
.acodian_area .aco_view .brd_m {background:url(/images/store/icon_brd2_m.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}
.acodian_area .aco_view .brd_a {background:url(/images/store/icon_brd2_a.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}
.acodian_area .aco_view .brd_b {background:url(/images/store/icon_brd2_b.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}
.acodian_area .aco_view .brd_l {background:url(/images/store/icon_brd2_l.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}
.acodian_area .aco_view .brd_r {background:url(/images/store/icon_brd2_r.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}
.acodian_area .aco_view .brd_mk {background:url(/images/store/icon_brd2_mk.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}
.acodian_area .aco_view .brd_e {background:url(/images/store/icon_brd2_e.png) no-repeat 0; text-align:left; padding-left:26px; margin:0 0 0 160px;}

.acodian_area .aco_view .btn {position:absolute; top:120px; left:190px; width:920px; height:36px;}
.acodian_area .aco_view .btn a {display:block; float:left; padding:5px 20px 7px; margin:0 4px 0 0; background:#fff; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.acodian_area .aco_view .btn a.PDF {display:block; float:left !important; padding:5px 20px 7px 38px; margin:0 4px 0 0; background:#18aa9b url(/images/store/icon_down2.png) no-repeat 16px; background-size:14px 16px; border:1px solid #18aa9b; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s; color:#FFF;}
.acodian_area .aco_view .btn a.ePub {display:block; float:left !important; padding:5px 20px 7px 38px; margin:0 4px 0 0; background:#18aa9b url(/images/store/icon_down2.png) no-repeat 16px; background-size:14px 16px; border:1px solid #18aa9b; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s; color:#FFF;}
.acodian_area .aco_view .btn a.Mobi {display:block; float:right !important; padding:5px 20px 7px 38px; margin:0 4px 0 0; background:#fff url(/images/store/icon_down1.png) no-repeat 16px; background-size:14px 16px; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.acodian_area .aco_view .btn a:hover {border:1px solid #aaa;}
.acodian_area .aco_view .btn a.PDF:hover {border:1px solid #00837a; background:#00837a url(/images/store/icon_down2.png) no-repeat 16px; background-size:14px 16px;}
.acodian_area .aco_view .btn a.ebookview {display:block; float:left !important; padding:5px 20px 7px 38px; margin:0 4px 0 0; background:#18aa9b url(/images/store/icon_book.png) no-repeat 16px; background-size:18px 16px; border:1px solid #18aa9b; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s; color:#FFF;}
.acodian_area .aco_view .btn a.ebookview:hover {border:1px solid #00837a; background:#00837a url(/images/store/icon_book.png) no-repeat 16px; background-size:18px 16px;}

.acodian_right_area {position:absolute; top:0; right:0; width:200px; height:32px; margin:0 !important;}
.acodian_right_area li {float:right; margin-left:30px;}
.acodian_right_area li a {display:inline-block; width:67px; font-size:12px; color:#777; background:url(/images/common/cate_bl2.png) no-repeat 55px 12px;}
.acodian_right_area li a:hover {font-family:''NanumSquareNeo-Variable''; color:#222; background:url(/images/common/cate_bl3.png) no-repeat 55px 12px;}
.acodian_right_area li a.curr {font-family:''NanumSquareNeo-Variable''; color:#222; background:url(/images/common/cate_bl3.png) no-repeat 55px 12px;}

.acodian_right_area2 {height:32px; margin:0 0 10px 0 !important; text-align:right;}
.acodian_right_area2 li {float:right; margin-left:30px;}
.acodian_right_area2 li a {display:inline-block; padding-right:14px; font-size:12px; color:#777; background:url(/images/common/cate_bl2.png) no-repeat right;}
.acodian_right_area2 li a:hover {font-family:''NanumSquareNeo-Variable''; color:#222; background:url(/images/common/cate_bl3.png) no-repeat right;}
.acodian_right_area2 li a.curr {font-family:''NanumSquareNeo-Variable''; color:#222; background:url(/images/common/cate_bl3.png) no-repeat right;}

.acodian_list_btn a {display:block; width:100px; height:30px; margin:20px auto 0; line-height:26px; border:1px solid #e7e7e7; font-size:12px; color:#555; text-align:center; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; transition:all .3s;}
.acodian_list_btn a:hover {border:1px solid #aaa; color:#222;}

.purchase_books_list_area {clear:both; position:relative; width:1140px; margin:0 auto;}
.purchase_books_list_area li {float:left; width:20%; min-height:460px;}

.mypage_book_search {overflow:hidden; width:1140px; height:112px; padding:30px 0; margin-bottom:30px; background:#f9f9f9; border:#ddd 1px solid; text-align:center;}
.mypage_book_search div {display:inline-block; line-height:22px; vertical-align:top; text-align:left;}
.mypage_book_search span {font-size:12px;}
.mypage_book_search .tit {margin-right:25px;}
.mypage_book_search .i_text {width:310px; height:40px; padding-left:18px; border:#aaa 10x solid; font-size:16px; font-family:''NanumSquareNeo-Variable'';}
.mypage_book_search .btn_blue {min-width:100px; height:40px; background:#00afa0; font-family:''NanumSquareNeo-Variable''; color:#fff; border:1px solid #00afa0; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; cursor:pointer; transition:all .3s;}
.mypage_book_search .btn_blue:hover {background:#00837a; border:1px solid #00837a;}
/* //My Book */

/* My eBook */
.myhanbit_wrap .online_list_area {}
.myhanbit_wrap .online_list_area ul {width:1140px; overflow:hidden;}
.myhanbit_wrap .online_list_area li.online_list {overflow:hidden; height:inherit; padding:0; border:#e7e7e7 1px solid; margin:0 0 10px 0;}
.myhanbit_wrap .online_list_area ul .no_item_list {border-top:#ddd 1px solid;}

.myhanbit_wrap .online_list_area .view_box {float:left; width:160px; height:160px; text-align:center; margin:10px;}
/* .myhanbit_wrap .online_list_area .view_box img {width:160px; height:160px;} */
.myhanbit_wrap .online_list_area .view_box img {width:160px;}
.myhanbit_wrap .online_list_area .view_box .pop_quick_menu {display:none;}
.myhanbit_wrap .online_list_area .view_box .star_rate {display:none;}
.myhanbit_wrap .online_list_area .view_box:hover img {opacity:0;}
.myhanbit_wrap .online_list_area .view_box:hover .pop_quick_menu {display:block; width:100%; height:56px; padding-top:50px;}
.myhanbit_wrap .online_list_area .view_box:hover .pop_quick_menu a {margin:9px 5px;}
.myhanbit_wrap .online_list_area .view_box:hover .pop_quick_menu a:hover {opacity:1;}
.myhanbit_wrap .online_list_area .view_box:hover .pop_quick_menu a img {width:56px; height:56px; opacity:1;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_m {display:block; width:160px; height:160px; background:#f2613b;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_a {display:block; width:160px; height:160px; background:#38b7bd;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_b {display:block; width:160px; height:160px; background:#52ade1;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_l {display:block; width:160px; height:160px; background:#fcb034;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_r {display:block; width:160px; height:160px; background:#2a2c34;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_mk {display:block; width:160px; height:160px; background:#e60012;}
.myhanbit_wrap .online_list_area .view_box:hover .img_hidden_e {display:block; width:160px; height:160px; background:#91d159;}
.myhanbit_wrap .online_list_area .view_box:hover .star_rate  {}

.myhanbit_wrap .online_list_area .view_box_end {position:relative; float:left; width:160px; height:160px; text-align:center; margin:10px;}
.myhanbit_wrap .online_list_area .view_box_end img {width:160px; height:160px;}
.myhanbit_wrap .online_list_area .view_box_end .pop_quick_menu {position:absolute; top:0; left:0; width:160px; height:160px; font-family:''NanumSquareNeo-Variable''; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.7); line-height:160px;}

.myhanbit_wrap .online_list_area .info_book {float:left; position:relative; width:610px; padding:10px 20px;}
.myhanbit_wrap .online_list_area .info_book dt {margin-bottom:6px; font-size:16px; font-family:'NanumSquareNeo-Variable'; line-height:28px;}
.myhanbit_wrap .online_list_area .info_book dt a:hover {text-decoration:underline;}
.myhanbit_wrap .online_list_area .info_book dd {color:#555; line-height:24px;}
.myhanbit_wrap .online_list_area .info_book span {display:block; margin:0 0 0 -20px; padding:0 0 0 26px;}

.myhanbit_wrap .online_list_area .info_online {float:left; width:330px; height:180px; padding:13px 0 0 20px; border-left:#e7e7e7 1px solid; }
.myhanbit_wrap .online_list_area .info_online li {height:25px; min-height:25px !important; padding:0; font-size:13px; font-family:'NanumSquareNeo-Variable';}
.myhanbit_wrap .online_list_area .info_online li span {display:inline-block; width:80px; color:#555; font-family:'NanumSquareNeo-Variable';}
.myhanbit_wrap .online_list_area .info_online li .myc_btn1 {display:inline-block; width:100px; padding:10px 0 10px 14px;  border: 2px solid #f5f5f5; background:#fff url(/images/store/icon_down1.png) no-repeat 10px; background-size:12px 14px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:13px; font-weight:700; color:#666; line-height:1.5; text-align:center; transition:all .3s;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn1:hover {background-color: #f5f5f5;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn2 {display:inline-block; width:100px; padding:10px 0; border: 2px solid #f5f5f5; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:13px; font-weight:700; color:#666; line-height:1.5; text-align:center; transition:all .3s;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn2:hover {background-color: #f5f5f5;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn3 {display:inline-block; width:90px; padding:5px 0 7px 0; margin:15px 0 0; background-color:#18aa9b; border:1px solid #18aa9b; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; text-align:center; transition:all .3s; color:#FFF;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn3:hover {border:1px solid #00837a; background-color:#00837a; color:#FFF}
.myhanbit_wrap .online_list_area .info_online li .myc_btn4 {display:inline-block; width:120px; padding:5px 0 7px 0; margin:15px 4px 0; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; text-align:center; transition:all .3s;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn5 {display:inline-block; width:90px; padding:5px 0 7px 0; margin:15px 0 0; background-color:#d96507; border:1px solid #d96507; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; text-align:center; transition:all .3s; color:#FFF;}
.myhanbit_wrap .online_list_area .info_online li .myc_btn5:hover {border:1px solid #c05e0d; background-color:#c05e0d; color:#FFF}
/* .myhanbit_wrap .online_list_area .info_online li a:hover {border:1px solid #aaa; color:#222;} */
/* //My eBook */

/* My 강의 */
.lecture_list_area {position:relative;}
.lecture_list_area ul {margin:0; padding:0; list-style:none;}
.lecture_list_area .lecture_li {position:relative; margin:0 0 10px; padding:14px 30px; background:#f9f9f9; border:1px solid #ddd; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:22px;}
.lecture_list_area .hide .lecture_li a.trigger {padding:14px 350px 14px 30px; margin:-15px -31px; background:#f9f9f9; border:1px solid #ddd; font-family:'NanumSquareNeo-Variable'; font-size:14px; line-height:22px;}
.lecture_list_area .lecture_li a.trigger {display:block; padding:14px 350px 14px 30px; margin:-15px -31px; background:#fff; border:1px solid #00afa0; font-family:''NanumSquareNeo-Variable''; font-size:16px; text-align:left; line-height:30px;}
.lecture_list_area .lecture_li a.trigger:hover {background:#fff; border:1px solid #00afa0;}
.lecture_list_area .lecture_li a.trigger:active,
.lecture_list_area .lecture_li a.trigger:focus {background:#fff; border:1px solid #00afa0;}
.lecture_list_area .lecture_li a.btn {position:absolute; top:8px; right:20px; display:block; padding:5px 20px 7px 38px; margin:0 4px 0 0; background:#fff url(/images/common/icon_play.png) no-repeat 14px; background-size:18px 18px; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.lecture_list_area .lecture_li a.btn:hover {background:#fff url(/images/common/icon_play_r.png) no-repeat 14px; background-size:18px 18px;}

.lecture_list_area .lecture_view {position:relative; overflow:hidden; margin:-20px 0 20px !important; padding:10px 0 20px !important; box-sizing:content-box; line-height:22px;}
.lecture_list_area .lecture_view .aco_li_list {position:relative; display:block; padding:15px 0 15px 50px; border-bottom:1px solid #ddd;}
.lecture_list_area .lecture_view .aco_li_list:hover {background:#f9f9f9;}
.lecture_list_area .lecture_view .aco_li_list a.btn {position:absolute; top:8px; right:20px; display:block; padding:5px 20px 7px 38px; margin:0 4px 0 0; background:#fff url(/images/common/icon_play.png) no-repeat 14px; background-size:18px 18px; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.lecture_list_area .lecture_view .aco_li_list a.btn:hover {background:#fff url(/images/common/icon_play_r.png) no-repeat 14px; background-size:18px 18px;}


.lecture_view_area {text-align:center; border-top:#00afa0 4px solid;}
.lec_tit_area {display:table; width:100%;}
.lec_tit_area .tit {height:60px; color:#FFF; font-family:''NanumSquareNeo-Variable''; font-size:22px; line-height:30px; display:table-cell; vertical-align:middle;}
.lecture_view_btn {padding:30px 0 0 0; margin:40px 0 0 0; border-top:1px solid #ddd; text-align:center;}
.lecture_player_area {width:800px; height:auto; margin:0 auto; background:#444; text-align:center; color:#fff;}
.lecture_pop_bottom {padding-top:10px; text-align:center;}

.myhanbit_wrap .online_list_area .info_online li .course_btn_group {display: flex; gap: 10px; margin-top:15px;}
.myhanbit_wrap .online_list_area .info_online li .my_course_btn{display:inline-block; width:100px; height:40px; padding:10px 0; background-color: #01A28A; color: #fff; border:none; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:14px; font-weight:700; text-align:center; line-height: 1.5; transition:all .3s;}
/* .myhanbit_wrap .online_list_area .info_online li .my_course_btn{display:inline-block; width:100px; height:40px; padding:10px 0; border:1px solid #01A28A; background-color: #fff; color: #fff; border:none; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:14px; font-weight:700; text-align:center; line-height: 1.5; transition:all .3s;} */
.myhanbit_wrap .online_list_area .info_online li .my_course_btn:hover{background-color: #00927D;}

/* .myhanbit_wrap .online_list_area .info_online li .my_review_btn{display:flex; justify-content: center; align-items: center; gap:5px; width:100px; height:40px; padding:10px 0; background-color: #fff; border: 1px solid #01A28A; color: #01A28A; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:13px; font-weight:700; text-align:center; line-height: 1.5; transition:all .3s;} */
/* .myhanbit_wrap .online_list_area .info_online li .my_review_btn{display:flex; justify-content: center; align-items: center; gap:5px; width:100px; height:40px; padding:10px 0; background-color: #f8f8f8; color: #666; border:none; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:14px; font-weight:700; text-align:center; line-height: 1.5; transition:all .3s;} */
.myhanbit_wrap .online_list_area .info_online li .my_review_btn{display:flex; justify-content: center; align-items: center; gap:5px; width:100px; height:40px; padding:10px 0; border:2px solid #f5f5f5; background-color: #fff; color: #666; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font-size:14px; font-weight:700; text-align:center; line-height: 1.5; transition:all .3s;}
.myhanbit_wrap .online_list_area .info_online li .my_review_btn:hover{background-color: #f5f5f5;}
.myhanbit_wrap .online_list_area .info_online li .my_review_btn .fa-star {color: #01A28A;}
.myhanbit_wrap .online_list_area .info_online li .my_review_btn #score-text {color: #666; width:40px;}
/* //My 강의 */

/* My 포스팅 */
.my_posting {position:relative;}

.myporsting_info {overflow:hidden;}
.myporsting_info .thumb {float:left; width:274px; height:274px; margin:0 20px 0 0;}
.myporsting_info ul {float:left; width:842px; height:274px; border:1px solid #aaa;}
.myporsting_info li {display:block; height:54px; border-bottom:1px solid #ddd; line-height:53px;}
.myporsting_info li.last {border:0; line-height:56px;}
.myporsting_info strong {display:inline-block; width:180px; padding:0 0 0 20px; margin:0 20px 0 0; background:#f9f9f9; border-right:1px solid #aaa;}
.myporsting_info span {display:none;}

.myporsting_image {width:960px; overflow:hidden; margin:40px auto 0;}
.myporsting_image img {width:960px;}

.myporsting_contents {width:960px; overflow:hidden; margin:0 auto; padding:45px 0 80px;}
.myporsting_contents h3 {font-size:22px; line-height:32px; padding:0 0 30px;}

.cheditor-tb-wrapper {height:67px !important;}
/* //My 포스팅 */

/* --------------------- 마이한빛 레이어 팝업 --------------------- */

/* 팝업 공통 */
.pop_li {padding:40px;}
.pop_li li {background:url(/images/common/bl_grey2.gif) no-repeat 0 10px; text-align:left; padding:0 0 10px 10px; line-height:24px;}

.pop_title {margin:30px 0 10px; font-family:''NanumSquareNeo-Variable''; font-size:20px; text-align:center;}
.pop_text {margin:0 40px; font-size:13px; line-height:22px;}
.pop_btn {margin:40px 40px 20px; padding:30px 0; border-top:1px solid #ddd; text-align:center;}
.pop_btn span {display:inline-block;}
.pop_btn a {display:block; padding:4px 20px; border:1px solid #ddd; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; line-height:22px; transition:all .3s;}
.pop_btn a:hover {border:1px solid #aaa;}
.pop_btn a.curr {display:block; padding:4px 20px; background:#00afa0; border:1px solid #00afa0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; color:#fff; line-height:22px; transition:all .3s;}
.pop_btn a.curr:hover {background:#00837a; border:1px solid #00837a; color:#fff;}
/* //팝업 공통 */

/* 레이어 팝업 - 마일리지 전환  */
.mileage1_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.mileage1_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.mileage1_layer .mileage1_pop-layer {display:block;}

.mileage1_pop-layer {display:none; position:absolute; top:50%; left:50%; width:480px; height:480px; background:#00afa0 url(/images/myhanbit/icon_change1.png) no-repeat center 206px; text-align:center; z-index:1000;}	
.mileage1_pop-layer .pop-container {padding: 20px 25px;}
.mileage1_pop-layer p.txt1 {clear:both; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff; line-height:36px;}
.mileage1_pop-layer p.txt2 {font-size:13px; color:#fff;}
.mileage1_pop-layer .btn-r {width:100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.mileage1_pop-layer .close {float:right; margin-bottom:16px;}
.mileage1_pop-layer .btn_layer {position:relative; margin-top:143px; text-align:center;}
.mileage1_pop-layer .btn_layer a {display:inline-block; width:112px; height:112px; margin:0 8px; /*padding:40px 10px 0;*/ font-size:14px; font-family:''NanumSquareNeo-Variable''; color:#fff; border:#7fd3ca 1px solid; border-radius:56px; -moz-border-radius:56px; -khtml-border-radius:56px; -webkit-border-radius:56px; transition:all .3s; line-height:18px; text-align:center;}
.mileage1_pop-layer .btn_layer a:hover {background:#0d786d; border:#0d786d 1px solid; border-radius:56px; -moz-border-radius:56px; -khtml-border-radius:56px; -webkit-border-radius:56px; transition:all .3s;}
.mileage1_pop-layer .btn_layer a.curr {background:#0d786d; border:#0d786d 1px solid; border-radius:56px; -moz-border-radius:56px; -khtml-border-radius:56px; -webkit-border-radius:56px; transition:all .3s;}
.mileage1_pop-layer .btn_layer .btn_1 {position:absolute; top:0; left:84px; padding:37px 10px 0;}
.mileage1_pop-layer .btn_layer .btn_2 {position:absolute; top:0; right:84px; padding:46px 10px 0;}
/* //레이어 팝업 - 마일리지 전환  */

/* 레이어 팝업 - 마일리지 적립 기준  */
.mileage_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.mileage_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.mileage_layer .mileage_pop-layer {display:block;}

.mileage_pop-layer {display:none; position:absolute; top:50%; left:50%; width:640px; background:#fff; z-index:1000;}	
.mileage_pop-layer .pop-container {}
.mileage_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.mileage_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.mileage_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}

.mileage_pop-layer .table_area {width:640px; padding:10px;}
.mileage_pop-layer .tbl_type_list4, .tbl_type_list4 th, .tbl_type_list4 td {border:0}
.mileage_pop-layer .tbl_type_list4 {width:620px; text-align:center; margin-bottom:40px;}
.mileage_pop-layer .tbl_type_list4 caption {display:none}
.mileage_pop-layer .tbl_type_list4 th {height:40px; padding:11px 0; border-right:#5d9690 1px solid; background:#186c77; font-family:'NanumSquareNeo-Variable'; font-size:14px; font-weight:normal; color:#fff; line-height:0;}
.mileage_pop-layer .tbl_type_list4 thv.bdr_r_no {border-right:none;}
.mileage_pop-layer .tbl_type_list4 tr td {padding:12px 0 12px 28px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; min-height:48px; font-size:14px; line-height:22px; text-align:left;}
.mileage_pop-layer .tbl_type_list4 tr td.bdr_l_no {border-left:none;}
/* //레이어 팝업 - 마일리지 적립 기준 */

/* 레이어 팝업 - 쿠폰  */
.coupon_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.coupon_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.coupon_layer .coupon_pop-layer {display:block;}

.coupon_pop-layer {display:none; position:absolute; top:50%; left:50%; width:520px; background:#fff; z-index:1000;}	
.coupon_pop-layer .pop-container {}
.coupon_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.coupon_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.coupon_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}
/* //레이어 팝업 - 쿠폰  */

/* 레이어 팝업 - 수업중지  */
.lecture_defer_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.lecture_defer_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.lecture_defer_layer .lecture_defer_pop-layer {display:block;}

.lecture_defer_pop-layer {display:none; position:absolute; top:50%; left:50%; width:520px; background:#fff; z-index:1000;}	
.lecture_defer_pop-layer .pop-container {}
.lecture_defer_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.lecture_defer_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.lecture_defer_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}
/* //레이어 팝업 - 수업중지 */

/* 레이어 팝업 - 수업재개  */
.lecture_resume_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.lecture_resume_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.lecture_resume_layer .lecture_resume_pop-layer {display:block;}

.lecture_resume_pop-layer {display:none; position:absolute; top:50%; left:50%; width:640px; background:#fff; z-index:1000;}	
.lecture_resume_pop-layer .pop-container {}
.lecture_resume_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.lecture_resume_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.lecture_resume_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}
/* //레이어 팝업 - 수업재개  */

/* 레이어 팝업 - 배송지 주소록  */
.addr_book_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.addr_book_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.addr_book_layer .addr_book_pop-layer {display:block;}

.addr_book_pop-layer {display:none; position:absolute; top:50%; left:50%; width:680px; height:600px; background:#fff; z-index:1000;}	
.addr_book_pop-layer .pop-container {}
.addr_book_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.addr_book_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.addr_book_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}

.addr_book_pop-layer .layer_scroll {width:680px; height:520px; overflow-y:scroll;}
.table_area_layerpop {width:100%; padding:10px;}
.table_area_layerpop .tbl_type_list4, .tbl_type_list4 th, .tbl_type_list4 td {border:0}
.table_area_layerpop .tbl_type_list4 {width:100%; margin-bottom:20px; text-align:center; border-left:1px solid #ddd;}
.table_area_layerpop .tbl_type_list4 caption {display:none}
.table_area_layerpop .tbl_type_list4 th {height:40px; padding:11px 0; border-right:#5d9690 1px solid; background:#186c77; font-family:'NanumSquareNeo-Variable'; font-size:14px; font-weight:normal; color:#fff; line-height:0;}
.table_area_layerpop .tbl_type_list4 th.bdr_r_no {border-right:none;}
.table_area_layerpop .tbl_type_list4 tr td {padding:12px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; /*border-left:1px solid #ddd;*/ min-height:48px; font-size:14px; line-height:22px; text-align:center;}
.table_area_layerpop .tbl_type_list4 tr td.left {text-align:left;}
.table_area_layerpop .tbl_type_list4 tr td.bdr_l_no {border-left:none;}
.table_area_layerpop .tbl_type_list4 .ra_label {vertical-align:middle; /*margin:0 20px 0 0;*/}
.table_area_layerpop .tbl_type_list4 .i_radio {width:16px; height:16px; vertical-align:middle;}

.addr_book_pop-layer .paginate {border:none; margin:0;}
.addr_book_pop-layer .paginate a {margin-top:0;}

.addr_book_pop-layer .addr_btn_area {position:relative; width:100%; padding:0 15px; margin-top:30px;}
.addr_book_pop-layer .addr_btn_area div {float:left; width:80px; margin:0 3px; }
.addr_book_pop-layer .addr_btn_area a {display:block; font-family:'NanumSquareNeo-Variable';}
.addr_btn_area .btn_address a {height:32px; border:#ccc 1px solid; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; transition:all .1s; text-align:center;}
.addr_btn_area .btn_address a:hover {border:#777 1px solid;}
.addr_btn_area .btn_addr_new a {position:absolute; right:20px; top:0; width:120px; height:32px; background:#00afa0; color:#fff; border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; transition:all .1s; text-align:center;}
.addr_btn_area .btn_addr_new a:hover {background:#00837a;}
/* //레이어 팝업 - 배송지 주소록 */

/* 레이어 팝업 - 배송지 주소록 신규등록  */
/*
.addr_new_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.addr_new_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.addr_new_layer .addr_new_pop-layer {display:block;}

.addr_new_pop-layer {display:none; position:absolute; top:50%; left:50%; width:640px; height:540px; background:#fff; z-index:1000;}	
.addr_new_pop-layer .pop-container {}
.addr_new_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.addr_new_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.addr_new_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}

.addr_new_pop-layer .tit2 {clear:both; margin:20px 0 10px 20px; font-size:16px; font-family:'NanumSquareNeo-Variable';}
.addr_new_pop-layer .rbt_area {background:#fafafa; height:48px; width:100%; padding-top:8px; text-align:center;}
.addr_new_pop-layer .rbt_area .ra_label {margin:0 30px; vertical-align:middle;}
.addr_new_pop-layer .rbt_area .i_radio {width:16px; height:16px; vertical-align:middle;}
*/
/* //레이어 팝업 - 배송지 주소록 신규등록  */

/* 레이어 팝업 - 배송지 주소록 수정  */
.addr_change_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.addr_change_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.addr_change_layer .addr_change_pop-layer {display:block;}

.addr_change_pop-layer {display:none; position:absolute; top:50%; left:50%; width:680px; height:600px; background:#fff; z-index:1000;}	
.addr_change_pop-layer .pop-container {}
.addr_change_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.addr_change_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.addr_change_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}

.addr_change_pop-layer .layer_scroll {width:680px; height:520px; overflow-y:scroll;}
.addr_change_pop-layer .tit2 {clear:both; padding:0 0 10px 20px; font-size:16px; font-family:'NanumSquareNeo-Variable';}
.addr_change_pop-layer .rbt_area {background:#fafafa; height:48px; width:100%; padding-top:8px; text-align:center;}
.addr_change_pop-layer .rbt_area .ra_label {margin:0 30px; vertical-align:middle;}
.addr_change_pop-layer .rbt_area .i_radio {width:16px; height:16px; vertical-align:middle; margin-right:8px;}

.address_new {position:relative; width:640px; padding:16px 50px 10px; text-align:left; border-bottom:#ddd 1px solid;}
.address_new legend {display:none;}
.address_new .register_addr {clear:both; padding:0; vertical-align:middle;}
.address_new .register_addr label strong {top:-8px; left:18px; font-family:'NanumSquareNeo-Variable'; font-weight:normal;}
.address_new .register_addr label span {font-size:12px; color:#555; letter-spacing:-0.03em;}
.address_new .register_li {margin:14px 0; vertical-align:middle;}
.address_new .register_li .i_tit {clear:both; float:left; display:block; width:118px; font-family:''NanumSquareNeo-Variable''; font-weight:normal; font-size:14px; color:#222;}
.address_new .register_li .i_tit span {color:#f2613b;}
.address_new .register_li .i_con {margin-left:118px;}
.address_new .register_li .i_con span {display:inline-block; color:#555; font-size:12px; letter-spacing:-0.03em; line-height:20px;}
.address_new .register_li .i_label {position:relative; margin-bottom:14px; font-weight:normal; font-size:14px; color:#bbb;}
.address_new .register_li .i_text {width:160px; height:32px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_new .register_li .i_text2 {width:200px; height:32px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_new .register_li .i_text3 {width:80px; height:32px; padding-left:18px; margin:0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_new .register_li .i_text4 {width:405px; height:32px; padding-left:18px; margin:0 5px 0 0; border:1px solid #aaa; font-size:14px; color:#222;}
.address_new .register_li .i_button {width:100px; height:32px; background:#00afa0; font-family:''NanumSquareNeo-Variable''; font-size:13px; color:#fff; text-align:center; cursor:pointer;}
.address_new .register_li .i_radio {width:16px; height:16px; vertical-align:middle;}
.address_new .register_li .ra_label {vertical-align:middle; margin:0 20px 0 0;}
.address_new .register_li .ra_label span {font-size:13px; margin:0 0 0 5px;}
.address_new .register_li .ra_label .tit {font-size:14px; font-family:'NanumSquareNeo-Variable'; margin:0 20px 0 0;}

.addr_btn_area2 {margin:30px auto 0; text-align:center;}
.addr_btn_area2 .btn_green {display:inline-block; width:120px; height:32px; margin:0 5px; background:#00afa0; color:#FFF; font-family:''NanumSquareNeo-Variable''; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; transition:all .3s; text-align:center;}
.addr_btn_area2 .btn_green:hover {background:#00837a;}
.addr_btn_area2 .btn_green2 {display:inline-block; width:80px; height:32px; margin:0 5px; background:#00afa0; color:#FFF; font-family:''NanumSquareNeo-Variable''; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; transition:all .3s; text-align:center;}
.addr_btn_area2 .btn_green2:hover {background:#00837a;}
.addr_btn_area2 .btn_white2 {display:inline-block; width:80px; height:32px; margin:0 5px; background:#fafafa; border:1px solid #e7e7e7; color:#555; font-family:''NanumSquareNeo-Variable''; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; transition:all .3s;}
.addr_btn_area2 .btn_white2:hover {background:#fff; border:1px solid #aaa; color:#222;}

/* //레이어 팝업 - 배송지 주소록 수정  */

/* 레이어 팝업 - 주문취소 규정 */
.cancel_rule_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.cancel_rule_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.cancel_rule_layer .cancel_rule_pop-layer {display:block;}

.cancel_rule_pop-layer {display:none; position:absolute; top:50%; left:50%; width:640px; height:690px; background:#fff; z-index:1000;}	
.cancel_rule_pop-layer .pop-container {}
.cancel_rule_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.cancel_rule_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.cancel_rule_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}

.pop-container .pop-conts .tit2 {clear:both; margin:40px 0 0 20px; font-size:16px; font-family:'NanumSquareNeo-Variable'; line-height:18px;}
.pop-container .pop-conts .table_area_layerpop .tbl_type_list4 {margin-bottom:0; border-top:#ddd 1px solid;}
.cancel_rule_pop-layer .txt {margin-left:20px; line-height:18px;}
.table_area_layerpop .tbl_type_list4 td.prod_type {padding:0; background:#fafafa; font-family:''NanumSquareNeo-Variable''; text-align:center;}
/* //레이어 팝업 - 주문취소 규정 */

/* 레이어 팝업 - 주문취소 안내 */
.cancel_infor_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.cancel_infor_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.cancel_infor_layer .cancel_infor_pop-layer {display:block;}

.cancel_infor_pop-layer {display:none; position:absolute; top:50%; left:50%; width:640px; height:760px; background:#fff; z-index:1000;}	
.cancel_infor_pop-layer .pop-container {}
.cancel_infor_pop-layer .tit_area {overflow:hidden; position:relative; width:100%; height:68px; background:#00afa0;}
.cancel_infor_pop-layer .tit {padding:10px 0 0 20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff;}
.cancel_infor_pop-layer .close { position:absolute; top:25px; right:20px; margin-bottom:16px;}

.pop-container .pop-conts .tit3 {margin:20px 0 10px 0; font-size:24px; font-family:''NanumSquareNeo-Variable''; text-align:center;}
.cancel_infor_pop-layer .txt {margin-left:20px; line-height:18px;}
/* //레이어 팝업 - 주문취소 안내 */

/* 레이어 팝업 - 주문취소  */
.cancel_order_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.cancel_order_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.cancel_order_layer .cancel_order_pop-layer {display:block;}

.cancel_order_pop-layer {display:none; position:absolute; top:50%; left:50%; width:480px; height:480px; background:#00afa0 url(/images/myhanbit/icon_change1.png) no-repeat center 206px; text-align:center; z-index:1000;}	
.cancel_order_pop-layer .pop-container {padding: 20px 25px;}
.cancel_order_pop-layer p.txt1 {clear:both; margin-bottom:20px; font-size:24px; font-family:''NanumSquareNeo-Variable''; color:#fff; line-height:36px;}
.cancel_order_pop-layer p.txt2 {font-size:13px; color:#fff; margin-bottom:10px;}
.cancel_order_pop-layer .btn-r {width:100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.cancel_order_pop-layer .close {float:right; margin-bottom:16px;}
.cancel_order_pop-layer .btn_layer {position:relative; margin-top:60px; text-align:center;}
.cancel_order_pop-layer .btn_layer a {display:inline-block; width:112px; height:112px; margin:0 8px; /*padding:40px 10px 0;*/ font-size:14px; font-family:''NanumSquareNeo-Variable''; color:#fff; border:#7fd3ca 1px solid; border-radius:56px; -moz-border-radius:56px; -khtml-border-radius:56px; -webkit-border-radius:56px; transition:all .3s; line-height:18px; text-align:center;}
.cancel_order_pop-layer .btn_layer a:hover {background:#0d786d; border:#0d786d 1px solid; border-radius:56px; -moz-border-radius:56px; -khtml-border-radius:56px; -webkit-border-radius:56px; transition:all .3s;}
.cancel_order_pop-layer .btn_layer a.curr {background:#0d786d; border:#0d786d 1px solid; border-radius:56px; -moz-border-radius:56px; -khtml-border-radius:56px; -webkit-border-radius:56px; transition:all .3s;}
.cancel_order_pop-layer .btn_layer .btn_1 {position:absolute; top:0; left:84px; padding:46px 10px 0;}
.cancel_order_pop-layer .btn_layer .btn_2 {position:absolute; top:0; right:84px; padding:46px 10px 0;}
/* //레이어 팝업 - 주문취소  */

/* 거래명세서 팝업 */
.receipt_area {overflow:hidden; position:relative; width:700px; text-align:center; padding:20px 0;}
.receipt_area h1 {width:260px; height:44px; margin:20px auto; background:url(/images/common/logo_hanbit.png) no-repeat 0 0; text-indent:-9999px;}
.receipt_area p.tit {font-size:20px;}
.receipt_area .seal {position:absolute; top:300px; left:280px;}

.table_area_pop1 {float:left; width:320px; font-family:'NanumSquareNeo-Variable'; font-size:12px; margin:0 10px 30px;}
.table_area_pop1 .tbl_type_list5 {width:320px; height:420px; text-align:center; border-top:#222 1px solid; border-left:#222 1px solid;}
.table_area_pop1 .tbl_type_list5 caption {display:none}
.table_area_pop1 .tbl_type_list5 tbody {}
.table_area_pop1 .tbl_type_list5 tr {}
.table_area_pop1 .tbl_type_list5 th {padding:5px 10px; border-right:#222 1px solid; border-bottom:#222 1px solid; background:#f9f9f9; font-family:'NanumSquareNeo-Variable'; font-weight:normal; line-height:20px;}
.table_area_pop1 .tbl_type_list5 td {padding:5px 10px; border-right:#222 1px solid; border-bottom:#222 1px solid; line-height:20px;}
.table_area_pop1 .tbl_type_list5 td.title {background:#f9f9f9; font-family:'NanumSquareNeo-Variable';}
.table_area_pop1 .tbl_type_list5 td.left {text-align:left;}
.table_area_pop1 .tbl_type_list5 td dt {float:left;}
.table_area_pop1 .tbl_type_list5 td dl {text-align:right;}
.table_area_pop1 .tbl_type_list5 td li span {margin-right:15px;}


.table_area_pop2 {float:left; width:688px; font-family:'NanumSquareNeo-Variable'; font-size:12px; margin:0 10px 30px;}
.table_area_pop2 .tbl_type_list5 {width:100%; text-align:center; border-top:#222 1px solid; border-left:#222 1px solid;}
.table_area_pop2 .tbl_type_list5 caption {display:none}
.table_area_pop2 .tbl_type_list5 tbody {}
.table_area_pop2 .tbl_type_list5 tr {}
.table_area_pop2 .tbl_type_list5 th {padding:5px 10px; border-right:#222 1px solid; border-bottom:#222 1px solid; background:#f9f9f9; font-family:'NanumSquareNeo-Variable'; font-weight:normal; line-height:20px;}
.table_area_pop2 .tbl_type_list5 td {padding:5px 10px; border-right:#222 1px solid; border-bottom:#222 1px solid; line-height:20px;}
.table_area_pop2 .tbl_type_list5 td.title {background:#f9f9f9; font-family:'NanumSquareNeo-Variable';}
.table_area_pop2 .tbl_type_list5 td.left {text-align:left;}
.table_area_pop2 .tbl_type_list5 td.right {text-align:right;}
.table_area_pop2 .tbl_type_list5 td dt {float:left;}
.table_area_pop2 .tbl_type_list5 td dl {text-align:right;}

.table_area_pop2 .tbl_type_list5 .book_pro_2nd {font-family:''NanumSquareNeo-Variable'';}
.table_area_pop2 .tbl_type_list5 .book_pro_2nd span {color:#18aa9b; font-family:''NanumSquareNeo-Variable'';}
.table_area_pop2 .tbl_type_list5 .pro_option {margin-top:10px; font-family:''NanumSquareNeo-Variable'';}
.table_area_pop2 .tbl_type_list5 .pro_option span {padding-left:10px; color:#18aa9b; font-family:''NanumSquareNeo-Variable'';}
.table_area_pop2 .tbl_type_list5 .pro_option dt {float:left; font-family:''NanumSquareNeo-Variable'';}
.table_area_pop2 .tbl_type_list5 .pro_option dd {padding-left:50px; color:#18aa9b; font-family:''NanumSquareNeo-Variable'';}
/* //거래명세서 팝업 */

/* --------------------- 마이한빛 서브메인 --------------------- */

/* 서브메인 - 등급 */
.sm_myinfo {float:left; width:395px; height:300px; padding:50px 0 0 0; margin:20px 0 0; border:1px solid #ddd; text-align:center;}
.sm_myinfo .my_rating .icon {display:inline-block; width:120px; height:120px;}
.sm_myinfo .my_rating .icon img {width:120px; height:120px;}
.sm_myinfo .my_rating p {font-size:18px; font-family:''NanumSquareNeo-Variable''; line-height:30px;}
.sm_myinfo .my_rating p span {color:#009d8d; font-family:''NanumSquareNeo-Variable'';}
/* //서브메인 - 등급 */

/* 서브메인 - 마일/이코인 */
.sm_mymileage {float:left; width:225px; height:300px; margin:20px 0 0; background:#f9f9f9; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.sm_mymileage .mileage_section1 {height:150px; padding:38px 0 0; border-bottom:1px dashed #ddd; text-align:center;}
.sm_mymileage .mileage_section2 {height:150px; padding:38px 0 0; text-align:center;}
.sm_mymileage .mileage_section1 dt, .sm_mymileage .mileage_section2 dt{margin:0; font-family:''NanumSquareNeo-Variable'';}
.sm_mymileage .mileage_section1 dd, .sm_mymileage .mileage_section2 dd {font-size:18px; line-height:36px; letter-spacing:-0.05em;}
.sm_mymileage .mileage_section1 dd span {font-size:26px; font-family:''NanumSquareNeo-Variable''; color:#f2613b; vertical-align:middle;}
.sm_mymileage .mileage_section2 dd span {font-size:26px; font-family:''NanumSquareNeo-Variable''; color:#00afa0; vertical-align:middle;}
/* //서브메인 - 마일/이코인 */

/* 서브메인 - 최근 구매이력 */
.sm_myorder {float:left; width:520px; height:300px; padding:30px; margin:20px 0 0; border:1px solid #ddd;}
.sm_myorder .tbl_type_list {}
.sm_myorder .tbl_type_list th.last {border-right:1px solid #aaa;}
.sm_myorder .tbl_type_list td.left {display:block; overflow:hidden; width:228px; text-overflow:ellipsis; white-space:nowrap; padding:13px 5px;}
.sm_myorder .tbl_type_list td.right {padding:13px 20px 13px 0;}
/* //서브메인 - 최근 구매이력 */

/* 서브메인 - My Book, eBook, 강의 */
.submain_mypagae_foot {position:relative;}
.submain_mypagae_foot .sm_tit {padding:0 0 10px; font-family:''NanumSquareNeo-Variable''; font-size:20px;}
.submain_mypagae_foot .sm_box {overflow:hidden; height:140px; border:1px solid #ddd;}
.submain_mypagae_foot .sm_box .thumb {float:left; width:140px; height:140px; padding:10px; margin:0 20px 0 0; background:#f9f9f9; text-align:center;}
.submain_mypagae_foot .sm_box .thumb img {max-width:120px; height:120px;}
.submain_mypagae_foot .sm_box .tit {padding:10px 10px 5px 0; line-height:22px;}
.submain_mypagae_foot .sm_box .tit a {font-family:''NanumSquareNeo-Variable''; font-size:15px;}
.submain_mypagae_foot .sm_box .tit a:hover {text-decoration:underline;}
.submain_mypagae_foot .sm_box .sup {padding:0; font-size:12px; color:#777;}

.submain_mypagae_foot ul {clear:both; margin:15px 0 0;}
.submain_mypagae_foot li {padding:0 10px 8px; background:url(/images/common/bl_grey.gif) no-repeat 0 10px; line-height:22px;}
.submain_mypagae_foot li a:hover {text-decoration:underline;}

.submain_mypagae_foot .btn_more a {display:block; position:absolute; top:8px; right:0; width:30px; height:30px;background:url(/images/common/btn_more.png) no-repeat 0 0; background-size:30px 30px; text-indent:-99999px;}
.submain_mypagae_foot .btn_more a:hover {opacity:0.5;}

.smf_l {clear:both; float:left; width:360px; margin:20px 30px 80px 0;}
.smf_c {float:left; width:360px; margin:20px 30px 80px 0;}
.smf_r {float:left; width:360px; margin:20px 0 80px;}

.smf_nodata {height:140px; background:#f9f9f9; border:1px solid #ddd; text-align:center; line-height:140px;}
/* //서브메인 - My Book, eBook, 강의 */

/* 강의 후기 팝업 관련 */
.review-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.review-popup-wrapper.active {
  opacity: 1;
  visibility: visible;
}

.review-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  background: #fff;
  padding: 30px;
  border-radius: 16px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.review-popup-wrapper.active .review-popup {
  transform: translate(-50%, -50%) scale(1);
}

.review-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.review-header h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  margin: 0;
}

.close-btn {
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  padding: 5px;
  transition: color 0.2s;
}

.close-btn:hover {
  color: #333;
}

.rating-section {
  margin-bottom: 25px;
}

.rating-section label {
  display: block;
  color: #555;
  font-size: 0.95rem;
}

.star-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 5px;
}

.star-rating input {
  display: none;
}

.star-rating label svg {
  width: 30px;
  height: 30px;
  fill: #ddd;
  transition: all 0.2s ease;
  cursor: pointer;
}

.star-rating input:checked ~ label svg,
.star-rating label:hover svg,
.star-rating label:hover ~ label svg {
  fill: #ffd700;
}

.review-text {
  margin-bottom: 20px;
}

.review-text textarea {
  width: 100%;
  padding: 12px;
  background: #f5f5f5;
  border: none;
  border-radius: 8px;
  resize: vertical;
  min-height: 120px;
  resize: none;
  font-family: inherit;
  transition: border-color 0.2s;
}

.review-text textarea:focus {
  outline: none;
}

.button-group {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.button-group button {
  width: 100%;
  padding: 14px 24px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}

.submit-btn {
  background-color: #01A28A;
  color: white;
  border: none;
}

.submit-btn:hover {
  background-color: #00927D;
}

.cancel-btn {
  background: #f8f8f8;
  color: #666;
  border: none;
}

.cancel-btn:hover {
  background: #f5f5f5;
}

/* // 강의 후기 팝업 관련 */
</pre></body></html>