@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0; }

html { height: 100%; background: #fff; }

body, th, td, input, select, textarea, button { font-size: 14px; line-height: 1.5; font-family: 'AppleSDGothicNeo-Regular',sans-serif; color: #000; }

fieldset, img { border: 0 none; }

dl, ul, ol, menu, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, select, textarea, button { font-size: 100%; vertical-align: middle; }

button { border: 0 none; background-color: transparent; cursor: pointer; }

table { border-collapse: collapse; border-spacing: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }

body { height: 100%; -webkit-text-size-adjust: none; }

a { color: inherit; text-decoration: none; }

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

input[type='text'], input[type='password'], input[type='submit'], input[type='search'], button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] { -webkit-appearance: none; border-radius: 0; }

input[type='checkbox'] { -webkit-appearance: checkbox; }

input[type='radio'] { -webkit-appearance: radio; }

input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; }

.blind, legend { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; line-height: 0; white-space: normal; word-wrap: break-word; word-break: break-all; clip: rect(0, 0, 0, 0); }

.blind:before, legend:before { display: block; width: 0; height: 0; font-size: 0; content: '\00a0'; }

.skip_navi { display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 1px; height: 1px; text-align: center; color: #fff; }

.skip_navi:focus, .skip_navi:active { padding: 5px 0; width: 100%; height: auto; background: #f84e64; }

.pad_hide { display: block; }

.pad_show { display: none; }

.autopanel_in.panel_fixed { position: static; }

@media screen and (min-width: 922px) and (orientation: landscape) { .pad .pad_hide { display: none; }
    .pad .pad_show { display: block; }
    .pad .autowrap { display: table; width: 100%; margin: 0; padding: 0; border-top: 3px solid #b3b3b3; table-layout: fixed; border-collapse: collapse; }
    .pad .autopanel { display: table-cell; width: 50%; border-left: 1px solid #999; vertical-align: top; }
    .pad .autopanel_in { padding: 25px 14px; background: rgba(255, 255, 255, 0.5); }
    .pad .autopanel:first-child { border-left: 0 none; }
    .pad .m_f_fixed { right: 50%; }
    .pad .autopanel_in.panel_fixed { position: fixed; top: 0; right: 0; left: 50%; z-index: 10; margin-left: 1px; } }

#m_wrap { width: 100%; min-height: 100%; }

header#header { width: 100%; position: relative; top: 0px; left: 0px; z-index: 2500; -webkit-tap-highlight-color: transparent; }

aside#leftlist { width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2600; display: none; }

aside#leftlist a, aside#leftlist button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; outline: none !important; }

aside#rightlist { width: 100%; position: absolute; top: 0; left: 0; z-index: 2600; display: none; }

aside#rightlist:after { display: block; clear: both; position: absolute; right: 100%; top: 0; width: 5px; height: 100%; background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(black), to(rgba(0, 0, 0, 0))); content: ""; opacity: 0.4; }

#m_header { position: relative; }

#m_gnb { position: relative; background-color: #fff; }

#m_gnb .ly_menu { background-color: #fff; }

#m_container { position: absolute; width: 100%; }

#m_content.dev_trick { margin-top: -21px; }

#m_footer { padding-bottom: 70px; background: #ebebeb; }

#m_category { position: absolute; z-index: 3000; width: 100%; background-color: #fff; }

#m_category:after { display: block; clear: both; position: absolute; top: 0; left: 100%; width: 5px; height: 100%; background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(black), to(rgba(0, 0, 0, 0))); content: ""; opacity: 0.4; }

#m_sub_category { position: absolute; z-index: 4000; width: 100%; background-color: #fff; }

#m_search_category { position: absolute; z-index: 4000; width: 100%; background-color: #fff; }

.product_detail_view #m_footer { margin: 0; }

.detail_view { overflow: hidden; background: #f7f7f7; }

.bn_halfarea { padding: 0 25%; }

.bnbox { width: 100%; margin-top: 15px; }

.bnbox a, .bnbox button { display: block; height: 46px; margin-top: 6px; font-weight: bold; font-size: 18px; line-height: 46px; color: #fff; letter-spacing: -1px; text-align: center; border-radius: 3px; -webkit-box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.15); vertical-align: top; }

.b_def, .bnbox .b_def, .b_def2, .bnbox .b_def2, .b_def3, .bnbox .b_def3, .b_def4, .bnbox .b_def4, .b_def5, .bnbox .b_def5, .b_def6, .bnbox .b_def6, .b_def7, .bnbox .b_def7 { display: inline-block; height: 38px; margin: 0; background: #fff; border: 1px solid #ccc; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-box-shadow: inset 0 -2px 0 #efefef; box-shadow: inset 0 -2px 0 #efefef; font-weight: bold; font-size: 12px; color: #666; line-height: 38px; letter-spacing: -1px; text-align: center; }

.b_def .point { color: #ff5277; }

.b_def2, .bnbox .b_def2, .b_def3, .bnbox .b_def3, .b_selected, .bnbox .b_selected, .b_def7, .bnbox .b_def7 { border-color: #f7bcc9; color: #e1123e; }

.b_def3, .bnbox .b_def3 { background: #f7f7f7; -webkit-box-shadow: none; box-shadow: none; }

.b_selected, .bnbox .b_selected, .b_def7, .bnbox .b_def7 { background: #f7f7f7; -webkit-box-shadow: inset 0 -2px 0 #e6e6e6; box-shadow: inset 0 -2px 0 #e6e6e6; }

.b_icn { display: inline-block; height: 24px; background: #f5f5f5; border: 1px solid #ccc; border-radius: 3px; font-size: 10px; color: #4c4c4c; line-height: 24px; letter-spacing: -1px; text-align: center; font-weight: bold; }

.b_add { display: inline-block; width: 40px; height: 33px; padding-top: 7px; background: #f7f7f7; border: 1px solid #e6e6e6; border-radius: 3px; text-align: center; line-height: 14px; font-size: 12px; color: #4d4d4d; letter-spacing: -1px; font-weight: bold; }

.b_add_selected { color: #ff5b7e; border: 1px solid #f7bcc9; font-weight: bold; }

.b_def4, .bnbox .b_def4 { height: 22px; padding: 0 7px; font-size: 9px; border-color: #f7bcc9; color: #ff5b7e; -webkit-box-shadow: none; box-shadow: none; line-height: 22px; letter-spacing: -1px; }

.b_def5, .bnbox .b_def5 { background-color: #f7f7f7; }

.b_def6, .bnbox .b_def6 { background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#f6f6f6)); border: 1px solid #dedede; -webkit-box-shadow: inset 0 -1px 0 #cacaca; box-shadow: inset 0 -1px 0 #cacaca; }

.b_def8 { display: inline-block; height: 30px; margin: 0; background: #f5f5f5; border: 1px solid #e6e6e6; font-size: 12px; color: #808080; line-height: 30px; letter-spacing: -1px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; padding: 0 12px; font-weight: bold; }

.b_def9 { display: inline-block; height: 30px; margin: 0; background: #f7fafc; border: 1px solid #b8ddf5; font-size: 12px; color: #73b1da; line-height: 30px; letter-spacing: -1px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; padding: 0 12px; font-weight: bold; }

.b_def10 { display: inline-block; height: 30px; margin: 0; background: #ff5b7e; font-size: 12px; color: #fff; line-height: 30px; letter-spacing: -1px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; padding: 0 10px; font-weight: bold; }

.mflick { overflow: hidden; position: relative; z-index: 2 !important; }

.mflick .flick-container .flick-ct { height: 100%; float: left; }

.flick-paging { position: absolute; bottom: 0; z-index: 10; overflow: hidden; width: 100%; letter-spacing: 0; line-height: 0; text-align: center; }

.flick-paging span { width: 8px; height: 8px; display: inline-block; background: url(../img/sp_com_rtn.png) no-repeat 0 -235px; background-size: 250px 1300px; }

.flick-paging span.paging-on span { background: url(../img/sp_com_rtn.png) no-repeat -10px -235px; background-size: 250px 1300px; }

.tab_panel { display: none; }

.tab_panel:first-child { display: block; }

.sp_ssg, .m_gnb:before, .m_catg_head:before, .m_catglst a:before, .mid_m:before, .subcategory_leaf:before { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_ssg_rtn.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; background-size: 210px 350px; }

.sp_com, .m_tab li a:before, .m_tab_step li a:after, .btn_ly_cls, .bx_prd:after, .bx_prd3 dd .ico_clock:before, .noti_area .more:before, .bx_prd4 a:after, .bx_prd3 .corr_prd:after, .sale_tab li.on a:after, .inpchk:after, .inprdo:after, .bx_prd_in .flick_insec:after { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_com_rtn.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; background-size: 250px 1300px; }

.sp_com2 { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_com2_rtn.png) no-repeat; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; background-size: 260px 250px; }

.sp_qu { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_qu_rtn.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; background-size: 79px 80px; }

.inpchk { display: inline-block; position: relative; width: 18px; height: 18px; }

.inpchk:after { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-position: -120px -825px; content: ''; }

.inpchk input { position: relative; width: 18px; height: 18px; z-index: -1; opacity: 0; vertical-align: top; }

.inpchk input:focus { opacity: 1; -webkit-box-shadow: inset 20px 20px 0 #73B1DA; box-shadow: inset 20px 20px 0 #73B1DA; outline: 2px solid #73B1DA; }

.inpchk input:checked { opacity: 0; }

.inpchk.chk_checked:after { background-position: -140px -825px; }

.inpchk.disabled:after { border: 1px solid #ccc; width: 16px; height: 16px; background: #e6e6e6; }

.inprdo { display: inline-block; position: relative; width: 17px; height: 17px; }

.inprdo:after { position: absolute; top: 0; left: 0; width: 17px; height: 17px; background-position: -25px -70px; content: ''; }

.inprdo.disabled:after { opacity: .2; }

.inprdo input { position: relative; width: 17px; height: 17px; z-index: -1; opacity: 0; vertical-align: top; }

.inprdo input:focus { opacity: 1; -webkit-box-shadow: inset 20px 20px 0 #73B1DA; box-shadow: inset 20px 20px 0 #73B1DA; outline: 2px solid #73B1DA; }

.inprdo input:checked { opacity: 0; }

.inprdo.rdo_checked:after { background-position: -45px -70px; }

/* 라디오, 체크박스 웹접근성 */
.inpchk:after, .inprdo:after { z-index: 2; }

.inpchk input[type="checkbox"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.01; z-index: 1; }

.inprdo input[type="radio"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 1; width: 100%; height: 100%; padding: 2px; border: 0; background: none; -webkit-appearance: none; }

.inpchk input[type="checkbox"]:focus, .inprdo input[type="radio"]:focus { outline: 1px dotted #ddd; -webkit-box-shadow: none; box-shadow: none; }

.inpchk_temp { display: inline-block; position: relative; width: 18px; height: 18px; }

.inpchk_temp input { opacity: .01; width: 18px; height: 18px; position: absolute; top: 0; left: 0; }

.inpchk_temp input + label { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(../img/sp_form.png) 0 -50px no-repeat; background-size: 18px 100px; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; }

.inpchk_temp input:checked + label { background-position: 0 -75px; }

.inpchk_temp input:disabled + label { opacity: .2; }

.inpchk_temp input:focus + label { outline: 1px dotted #73B1DA; }

.inprdo_temp { display: inline-block; position: relative; width: 18px; height: 18px; }

.inprdo_temp input { opacity: .01; width: 18px; height: 18px; position: absolute; top: 0; left: 0; }

.inprdo_temp input + label { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(../img/sp_form.png) 0 0 no-repeat; background-size: 18px 100px; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; }

.inprdo_temp input:checked + label { background-position: 0 -25px; }

.inprdo_temp input:disabled + label { opacity: .2; }

.inprdo_temp input:focus + label { outline: 1px dotted #73B1DA; }

.ico_tip { width: 13px; height: 13px; background-position: -34px 0; }

.ico_fb { width: 6px; height: 13px; background-position: -49px 0; }

.ico_mbasket { width: 18px; height: 14px; margin: 0 auto; background-position: -160px -825px; }

.ico_noti { width: 13px; height: 13px; margin-right: 5px; background-position: 0 0; }

.ico_sch { width: 16px; height: 16px; margin: 2px 0 -2px; background-position: -13px 0; }

.ico_fadd { width: 23px; height: 23px; margin: 11px 0 -11px; background-position: 0 -16px; }

.ico_fcheck { width: 17px; height: 12px; margin: 15px 0 -15px; background-position: -30px 0; }

.ico_otip { width: 22px; height: 24px; background-position: -101px -16px; }

.ico_oq { width: 22px; height: 24px; background-position: -200px -210px; }

.ico_case { width: 18px; height: 18px; background-position: -101px -41px; }

.ico_bcase { width: 26px; height: 26px; background-position: -97px -124px; }

.btn_viewfull { position: absolute; right: 10px; bottom: 10px; width: 35px; height: 35px; background-position: -108px -74px; }

.ico_agb { width: 9px; height: 14px; margin: 15px 6px -15px 0; background-position: -224px -147px; }

.ico_agb2 { width: 9px; height: 14px; margin: 16px 0 -16px 6px; background-position: -218px 0; }

.ico_desk { width: 22px; height: 11px; margin: 2px 0 -2px 10px; background-position: -125px -16px; }

.ico_calendar { width: 15px; height: 13px; margin: 5px 5px -5px 0; background-position: 0 -137px; }

.ico_bmark { position: absolute; right: -4px; top: 50%; width: 5px; height: 8px; margin-top: -4px; background-position: -119px 0; }

.ico_write { width: 10px; height: 9px; background-position: -66px -151px; }

.ico_delete { width: 9px; height: 9px; background-position: -77px -151px; }

.step_write { width: 42px; height: 42px; background-position: -150px 0; }

.step_pay { width: 40px; height: 40px; background-position: -150px -42px; margin-bottom: 2px; }

.step_basket { width: 42px; height: 42px; background-position: -150px -124px; }

.step_ok { width: 42px; height: 42px; background-position: -150px -82px; }

.ico_submlst { width: 26px; height: 26px; background-position: -13px -167px; }

.step_setting { width: 42px; height: 42px; background-position: -150px -166px; }

.sp_login { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_login.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5) { .sp_login { background-image: url(../img/sp_login_rtn.png); background-size: 150px 150px; } }

.ico_check { width: 18px; height: 14px; margin-right: 4px; background-position: -40px -170px; vertical-align: middle; }

.ico_addhome { width: 15px; height: 14px; margin: -2px 4px 2px 0; background-position: -55px -185px; vertical-align: middle; }

.ico_delivecar { width: 95px; height: 59px; background-position: -155px -941px; }

.ico_dcheck { width: 9px; height: 8px; background-position: -143px -970px; }

.ico_phone { width: 20px; height: 35px; background-position: 0 -27px; }

.ico_ipin { width: 43px; height: 36px; background-position: -22px -27px; }

.ico_email { width: 35px; height: 27px; background-position: -87px -27px; }

.ico_id { width: 14px; height: 15px; background-position: -70px -27px; }

.ico_pw { width: 11px; height: 17px; background-position: -70px -45px; }

.ico_guide { width: 10px; height: 12px; background-position: -16px -137px; }

.ico_web { width: 10px; height: 10px; background-position: -27px -137px; }

.ico_cminus { width: 15px; height: 15px; background-position: -18px -151px; }

.ico_cplus { width: 15px; height: 15px; background-position: -34px -151px; }

.ico_cequal { width: 15px; height: 15px; background-position: -50px -151px; }

.ico_cake { width: 35px; height: 35px; background-position: -85px -65px; }

.ico_autonot { width: 16px; height: 16px; background-position: 0 -92px; }

.cpt_refresh { width: 33px; height: 27px; background-position: 0 -110px; }

.cpt_view_img { width: 33px; height: 27px; background-position: -45px -110px; }

.cpt_sound_img { width: 41px; height: 27px; background-position: -90px -110px; }

.ico_naver { width: 19px; height: 18px; background-position: -49px -67px; }

.ico_facebook { width: 12px; height: 24px; background-position: -70px -67px; }

.sp_plco, .lst_sb li a:after, .comment_action .pc_tit:after { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_plco.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }

.op .op_box .tit_b:before, .op .op_box .tit_b:after, .bx_prd4 li.noti_lst a:after { display: inline-block; width: 14px; height: 12px; margin-top: -11px; background: url(../img/sp_plco.png) no-repeat; vertical-align: middle; content: ''; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5) { .sp_plco, .lst_sb li a:after, .comment_action .pc_tit:after, .op .op_box .tit_b:before, .op .op_box .tit_b:after, .bx_prd4 li.noti_lst a:after { background-image: url(../img/sp_plco_rtn.png); background-size: 450px 1178px; } }

.ico_talk { position: absolute; left: 17px; top: 18px; width: 14px; height: 13px; background-position: -40px -950px; }

.ico_people { position: absolute; left: 17px; top: 16px; width: 12px; height: 15px; background-position: -60px -950px; }

.ico_delive { position: absolute; left: 17px; top: 18px; width: 18px; height: 12px; background-position: -75px -950px; }

.ico_cal { width: 15px; height: 13px; background-position: -135px -285px; }

.ico_aprev { width: 16px; height: 13px; background-position: -38px -137px; }

.ico_anext { width: 16px; height: 13px; background-position: -54px -137px; }

.ico_mdelive { width: 18px; height: 12px; background-position: -73px -137px; }

.ico_arnext { width: 15px; height: 8px; background-position: -108px -881px; vertical-align: middle; }

.ico_arnext2 { width: 15px; height: 8px; background-position: -50px -150px; vertical-align: middle; }

.m_gnb { position: relative; padding: 0 47px 0; height: 42px; line-height: 42px; text-align: center; border-bottom: 1px solid #D4D4D4; background: rgba(255, 255, 255, 0.8); }

/*.m_gnb:before,.m_catg_head:before{position:absolute;bottom:0;left:0;right:0;width:100%;height:4px;content:'';background-repeat:repeat-x}*/
.m_gnb h1 { display: inline-block; overflow: hidden; max-width: 100%; font-size: 17px; color: #47494F; text-overflow: ellipsis; white-space: nowrap; line-height: 42px; }

.m_gnb h1 em { display: inline-block; margin-left: 2px; font-family: HelveticaNenu; font-weight: bold; font-size: 17px; color: #ff5277; }

.m_gnb h1 .ico_cliph2 { width: 22px; height: 23px; background-position: -175px -662px; vertical-align: middle; }

.m_gnb .m_logo { display: inline-block; overflow: hidden; width: 115px; height: 19px; margin-top: 13px; background: url(../img/sp_ssg_rtn.png) no-repeat -85px -53px; vertical-align: top; color: transparent; white-space: nowrap; text-overflow: ellipsis; background-size: 210px 350px; }

.m_gnb .m_logo_howdy { display: inline-block; overflow: hidden; width: 81px; height: 26px; margin-top: 9px; background: url(../img/top_logo_howdy.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; background-size: 81px 26px; }

.m_gnb .btn { display: inline-block; width: 42px; height: 42px; vertical-align: top; }

.m_gnb .btn .sp_ssg { width: 31px; height: 33px; }

.m_gnb .b_home { display: inline-block; width: 42px; height: 42px; color: #b3b3b3; line-height: normal; vertical-align: top; }

.m_gnb .b_prev .sp_ssg { width: 25px; height: 15px; margin-top: 13px; background: url(../img/com_v2/sp_ssg_v3.png) no-repeat 0 0; background-size: 250px 250px; background-position: -72px -30px; }

.m_gnb .b_home .sp_ssg { width: 26px; height: 23px; margin-top: 9px; background: url(../img/com_v2/sp_ssg_v3.png) no-repeat 0 0; background-size: 250px 250px; background-position: -50px -185px; }

/*.m_gnb .b_home .sp_ssg.sfc{background:url(../img/sp_ssg_rtn.png) no-repeat -185px -100px;background-size:210px 350px;width:29px;margin-left:2px}*/
.m_gnb .b_close .sp_ssg { background-position: -47px -6px; margin-top: 5px; }

.m_gnb .b_more .sp_ssg { width: 22px; height: 6px; margin-top: 18px; background-position: -47px -39px; }

.m_gnb button { display: inline-block; width: 60px; height: 53px; line-height: 100%; vertical-align: top; }

.m_gnb button .sp_ssg { display: inline-block; width: 24px; height: 24px; margin-top: 3px; vertical-align: top; }

.m_gnb button strong { display: block; margin-top: 2px; font-weight: bold; font-size: 11px; }

.m_gnb .b_menu { color: #b8b8f5; }

.m_gnb .b_menu .sp_ssg { position: relative; overflow: visible; background-position: -170px -6px; }

.m_gnb .b_category { color: #f5b0d6; }

.m_gnb .b_category .sp_ssg { background-position: -144px -6px; }

.m_gnb .b_size { display: inline-block; width: 70px; margin-right: 4px; color: #c7a3e6; line-height: normal; vertical-align: top; }

.m_gnb .b_size .sp_ssg { width: 28px; height: 24px; margin-top: 7px; background: url(../img/sp_cm.png) no-repeat -100px 0; background-size: 150px 150px; }

.m_gnb .b_size strong { display: block; margin-top: 2px; font-weight: bold; font-size: 11px; line-height: 13px; }

.m_gnb .b_clip_main { display: inline-block; width: 70px; margin-right: 4px; color: #c7a3e6; line-height: normal; vertical-align: top; }

.m_gnb .b_clip_main .sp_ssg { width: 26px; height: 26px; margin-top: 6px; background: url(../img/sp_cm.png) no-repeat -100px -25px; background-size: 150px 150px; }

.m_gnb .b_clip_main strong { display: block; margin-top: 2px; font-weight: bold; font-size: 11px; line-height: 13px; }

.m_gnb .b_omain { display: inline-block; width: 42px; height: 42px; }

.m_gnb .b_omain .sp_ssg { width: 26px; height: 23px; margin-top: 9px; background: url(../img/com_v2/sp_ssg_v3.png) no-repeat 0 0; background-size: 250px 250px; background-position: -50px -185px; }

.m_gnb .m_gnb_left .b_home .sp_ssg { width: 21px; height: 19px; margin: 11px 0 0; background: url(../img/sp_ssg_rtn.png) no-repeat -145px -32px; background-size: 210px 350px; }

.m_gnb .b_home strong { display: block; margin-top: 4px; font-weight: bold; font-size: 11px; line-height: 13px; }

.m_gnb .btn_logout { display: inline-block; margin: 9px 12px 0 0; padding: 0 13px; border-radius: 3px; -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.3); background-color: #999; font-size: 10px; font-weight: bold; line-height: 25px; letter-spacing: -.5px; color: #fff; text-align: center; vertical-align: top; }

.m_gnb_fixed { position: fixed; top: 0; right: 0; left: 0; background: #fff; }

.m_gnb_left { position: absolute; top: 0; left: 5px; bottom: 0; }

.m_gnb_right { position: absolute; top: 0; right: 1px; }

.m_gnb_right .btn_menu { padding-top: 3px; }

.m_gnb_right .btn_menu .b_more { background: #f3f3f3; border: 1px solid #e0e0e0; border-bottom: 0; border-radius: 3px; }

.m_gnb .m_menu { position: absolute; top: 57px; right: 0; left: 0; background: #fff; z-index: 9999; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); }

.m_gnb .m_menu ul { padding-top: 22px; }

.m_gnb .m_menu .b_menu { width: 51px; }

.m_gnb .m_menu .b_menu .sp_ssg { width: 22px; height: 6px; margin-top: 0; background-position: -47px -39px; }

.m_gnb .b_menu .pd_numbx { position: absolute; top: -5px; right: -6px; width: auto; text-align: center; line-height: 16px; height: 16px; }

.m_gnb .b_menu .pd_num { display: inline-block; padding: 0 4px; background: #f87491; border-radius: 8px; font-size: 10px; color: #fff; font-weight: bold; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.m_gnb_tv { position: relative; height: 56px; line-height: 56px; border: 0; background: #e2231a; text-align: center; }

.m_gnb_tv h1 { display: inline-block; line-height: 56px; }

.m_gnb_tv .m_logo { overflow: hidden; display: inline-block; width: 107px; height: 31px; margin-top: 13px; background: url(../img/com_v2/sp_tv.png) no-repeat 0 -123px; background-size: 250px 250px; vertical-align: top; color: transparent; white-space: nowrap; text-overflow: ellipsis; }

.m_gnb_tv .btn { display: inline-block; width: 42px; height: 100%; vertical-align: top; }

.m_gnb_tv .b_prev .sp_ssg { width: 24px; height: 20px; margin-top: 18px; background: url(../img/com_v2/sp_ssg_v3.png) no-repeat -93px -62px; background-size: 250px 250px; }

.m_gnb_boots { position: relative; height: 55px; line-height: 55px; background: #004990; text-align: center; }

.m_gnb_boots .m_logo { overflow: hidden; display: inline-block; width: 66px; height: 40px; margin-top: 8px; background: url(../img/com_v2/sp_boots_v2.png) no-repeat -130px -120px; background-size: 250px 250px; vertical-align: top; color: transparent; white-space: nowrap; text-overflow: ellipsis; }

.m_gnb_boots .btn { display: inline-block; width: 42px; height: 100%; vertical-align: top; }

.m_gnb_boots .b_prev .sp_ssg { width: 24px; height: 20px; margin-top: 18px; background: url(../img/com_v2/sp_ssg_v3.png) no-repeat -93px -62px; background-size: 250px 250px; }

.m_gnb_siv { position: relative; height: 40px; border-bottom: 1px solid #bcbcbc; background: #fff; line-height: 40px; text-align: center; }

.m_gnb_siv .m_logo { display: inline-block; overflow: hidden; width: 152px; height: 18px; margin-top: 11px; background: url(../img/com_v2/sp_siv.png) no-repeat 0 -150px; background-size: 250px 250px; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }

.m_gnb_siv .btn { display: inline-block; width: 42px; height: 100%; vertical-align: top; }

.m_gnb_siv .b_prev .sp_ssg { width: 23px; height: 19px; margin-top: 11px; background: url(../img/com_v2/sp_siv.png) no-repeat -72px -30px; background-size: 250px 250px; }

/* 오류페이지 헤더 */
.m_gnb_simple { position: relative; height: 50px; padding: 0 47px; border-bottom: 1px solid #ccc; background: #fff; text-align: center; }

.m_gnb_simple h1 { display: inline-block; height: 100%; vertical-align: top; }

.m_gnb_simple h1 a { display: inline-block; height: 100%; font-size: 0; vertical-align: top; }

.m_gnb_simple h1 a:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.m_gnb_simple .m_logo { display: inline-block; overflow: hidden; font-size: 14px; vertical-align: middle; }

.m_gnb_simple .m_gnb_lft { position: absolute; top: 0; left: 5px; bottom: 0; }

.m_gnb_simple .m_gnb_btn { display: inline-block; width: 42px; height: 100%; vertical-align: top; }

.m_gnb_simple .m_gnb_btn:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; }

.m_gnb_simple .m_gnb_btn .btn { display: inline-block; overflow: hidden; background: url(../img/com_v2/sp_gnb_simple.png) no-repeat; background-size: 25px auto; vertical-align: middle; }

.m_gnb_simple .m_gnb_btn .b_prev { width: 24px; height: 20px; background-position: 0 0; }

.m_gnb_simple.ssg .m_logo { width: 121px; height: 20px; background: url(../img/com_v2/cm_logo_home_ssg.png) no-repeat; background-size: 121px auto; }

.m_gnb_simple.sm { border-color: #f12e24; background: #f12e24; }

.m_gnb_simple.sm .m_logo { width: 119px; height: 32px; background: url(../img/com_v2/cm_logo_home_sm.png) no-repeat; background-size: 119px auto; }

.m_gnb_simple.sm .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.sd { border-color: #c27e56; background: #c27e56; }

.m_gnb_simple.sd .m_logo { width: 135px; height: 16px; background: url(../img/com_v2/cm_logo_home_sd.png) no-repeat; background-size: 135px auto; }

.m_gnb_simple.sd .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.em { border-color: #ffd040; background: #ffd040; }

.m_gnb_simple.em .m_logo { width: 113px; height: 28px; background: url(../img/com_v2/cm_logo_home_em.png) no-repeat; background-size: 113px auto; }

.m_gnb_simple.em .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.tr { border-color: #a6dd27; background: #a6dd27; }

.m_gnb_simple.tr .m_logo { width: 135px; height: 28px; background: url(../img/com_v2/cm_logo_home_tr_v2.png) no-repeat; background-size: 135px auto; }

.m_gnb_simple.tr .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.bt { border-color: #1b448e; background: #1b448e; }

.m_gnb_simple.bt .m_logo { width: 68px; height: 42px; background: url(../img/com_v2/cm_logo_home_bt_v2.png) no-repeat; background-size: 68px auto; }

.m_gnb_simple.bt .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.tv { border-color: #e2231a; background: #e2231a; }

.m_gnb_simple.tv .m_logo { width: 98px; height: 28px; background: url(../img/com_v2/cm_logo_home_tv.png) no-repeat; background-size: 98px auto; }

.m_gnb_simple.tv .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.si { border-color: #222; background: #222; }

.m_gnb_simple.si .m_logo { width: 124px; height: 16px; background: url(../img/com_v2/cm_logo_home_si_v2.png) no-repeat; background-size: 124px auto; }

.m_gnb_simple.si .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.sf { border-color: #b12536; background: #b12536; }

.m_gnb_simple.sf .m_logo { width: 72px; height: 40px; background: url(../img/com_v2/cm_logo_home_sf_v2.png) no-repeat; background-size: 72px auto; }

.m_gnb_simple.sf .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.hwd { border-color: #030a09; background: #030a09; }

.m_gnb_simple.hwd .m_logo { width: 78px; height: 25px; background: url(../img/com_v2/cm_logo_home_hwd.png) no-repeat; background-size: 78px auto; }

.m_gnb_simple.hwd .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.outlet { border-color: #d9117c; background: #d9117c; }

.m_gnb_simple.outlet .m_logo { width: 150px; height: 17px; background: url(../img/com_v2/cm_logo_home_outlet_v2.png) no-repeat; background-size: 150px auto; }

.m_gnb_simple.outlet .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.mnmorning { border-color: #a3b7cd; background: #a3b7cd; }

.m_gnb_simple.mnmorning .m_logo { width: 81px; height: 30px; background: url(../img/com_v2/cm_logo_home_mnmorning.png) no-repeat; background-size: 81px auto; }

.m_gnb_simple.mnmorning .m_gnb_btn .b_prev { background-position: 0 -25px; }

.m_gnb_simple.mncasamia .m_logo { width: 111px; height: 21px; background: url(../img/com_v2/cm_logo_home_mncasamia.png) no-repeat; background-size: 111px auto; }

.m_gnb_simple.mnchicor { border-color: #000; background: #000; }

.m_gnb_simple.mnchicor .m_logo { width: 111px; height: 27px; background: url(../img/com_v2/cm_logo_home_mnchicor.png) no-repeat; background-size: 111px auto; }

.m_gnb_simple.mnchicor .m_gnb_btn .b_prev { background-position: 0 -25px; }

/* //오류페이지 헤더 */
.m_tabbx { padding: 13px 5px 35px; background: #f7f7f7; }

.m_tabbx .bnbox .b_def { display: block; margin: 0 2px; }

.m_tabbx .bnbox li:first-child .b_def { margin-left: 0; }

.m_tabbx .bnbox li:last-child .b_def { margin-right: 0; }

.m_tab_wrap { margin-top: 10px; }

.m_tab { display: table; position: relative; z-index: 10; width: 100%; margin-bottom: -1px; background: #f7f7f7; table-layout: fixed; border-collapse: collapse; }

.m_tab li { display: table-cell; vertical-align: top; }

.m_tab li a { display: block; position: relative; height: 49px; margin-left: -1px; border: 1px solid #dbdbdb; font-weight: bold; font-size: 12px; line-height: 49px; color: #717171; text-align: center; }

.m_tab li a.two_line { height: 39px; padding-top: 10px; line-height: 16px; }

.m_tab li a:before { display: none; position: absolute; left: 100%; top: 0; bottom: 0; width: 6px; height: auto; background-position: 0 -20px; content: ''; }

.m_tab li .no_tab { display: block; height: 49px; margin-left: -1px; border: 1px solid #dbdbdb; line-height: 49px; }

.m_tab li:last-child a:before { left: auto; right: 100%; background-position: -7px -20px; }

.m_tab li:first-child a { margin-left: 0; }

.m_tab li.on a { z-index: 10; margin-bottom: -1px; padding-bottom: 1px; border-bottom: 0 none; background: #fff; color: #222; }

.m_tab li.on a:before { display: block; }

.m_tab_v4 { display: table; position: relative; z-index: 10; width: 100%; margin-bottom: -1px; background: #f2f2f2; table-layout: fixed; border-collapse: collapse; }

.m_tab_v4 li { display: table-cell; vertical-align: top; }

.m_tab_v4 li a { display: block; position: relative; height: 49px; margin-left: -1px; border: 1px solid #e3e3e3; border-bottom: 0 none; font-weight: bold; font-size: 12px; line-height: 49px; color: #888; text-align: center; }

.m_tab_v4 li a.two_line { height: 39px; padding-top: 10px; line-height: 16px; }

.m_tab_v4 li .no_tab { display: block; height: 49px; margin-left: -1px; border: 1px solid #dbdbdb; line-height: 49px; }

.m_tab_v4 li:first-child a { margin-left: 0; }

.m_tab_v4 li.on a { z-index: 10; background: #fff; color: #3c3c3c; margin-bottom: 0; padding-bottom: 0; }

.m_tab_v4 li.on a:before { display: none; }

.m_tab_v2 li:first-child a, .m_tab_v3 li:first-child a { border-left: 0; }

.m_tab_v2 li:last-child a, .m_tab_v3 li:last-child a { border-right: 0; }

.m_tab_v3 { border-top: 2px solid #9e9e9e; }

.m_tab_v3 li a { border-top: 0; }

.m_tab_panel { position: relative; z-index: 0; }

.m_menu { display: none; position: relative; }

.m_menu #top_dim { position: absolute; left: 0; top: -104px; z-index: 30; width: 100%; height: 100px; background: rgba(0, 0, 0, 0.65); }

.m_menu .top_m, .m_menu .mid_m, .m_menu .btm_m { position: relative; width: 100%; }

.m_menu .top_m { background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#eee), color-stop(#fff, 5%), to(#fff)); }

.m_menu .top_m:before { position: absolute; top: 0; left: 0; right: 0; height: 6px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#eee), to(#fff)); content: ''; }

.m_menu .mid_m:before { position: absolute; top: 0; left: 0; right: 0; height: 5px; background-position: 0 -241px; background-repeat: repeat-x; content: ''; }

.m_menu .btm_m { border-top: 2px solid #ededed; }

.m_menu ul { display: table; width: 100%; text-align: center; table-layout: fixed; border-collapse: collapse; }

.m_menu li { display: table-cell; }

.m_menu li:first-child a:before { display: none; }

.m_menu li a { display: block; position: relative; height: 70px; line-height: 70px; padding: 18px 0 17px; }

.m_menu li a:before { position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; background: url(../img/line_ydot_6b6b6b.gif) repeat-y; background-size: 1px 2px; content: ''; }

.m_menu li a strong { position: absolute; top: 72px; left: 0; right: 0; width: 100%; font-size: 11px; line-height: normal; }

.m_menu .m_dep2 li { width: 50%; }

.m_menu .m_dep3 li { width: 33%; }

.m_menu .sp_ssg { position: relative; overflow: visible; width: 45px; height: 45px; }

.m_menu .sp_ssg .pd_numbx { position: absolute; top: -5px; right: -6px; width: auto; text-align: center; line-height: 16px; height: 16px; }

.m_menu .sp_ssg .pd_num { display: inline-block; padding: 0 4px; background: #f87491; border-radius: 8px; font-size: 10px; color: #fff; font-weight: bold; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.m_menu .ico_myssg { background-position: 0 -100px; }

.m_menu .ico_regular { background-position: -47px -100px; }

.m_menu .ico_plz { background-position: -94px -100px; }

.m_menu .ico_plz2 { background-position: -94px -246px; }

.m_menu .ico_plz3 { background-position: -94px -293px; }

.m_menu .ico_quick { background-position: -141px -293px; }

.m_menu .ico_clip { background-position: -141px -100px; }

.m_menu .ico_evc { background-position: 0 -147px; }

.m_menu .ico_best { background-position: -47px -147px; }

.m_menu .ico_sale { background-position: -94px -147px; }

.m_menu .ico_shop { background-position: -141px -147px; }

.m_menu .ico_magz { background-position: 0 -194px; }

.m_menu .ico_many { background-position: -47px -194px; }

.m_menu .ico_ord { background-position: -94px -194px; }

.m_menu .ico_myclip { background-position: -141px -194px; }

.m_menu .ico_alarm_on { background-position: 0 -246px; }

.m_menu .ico_alarm_off { background-position: -47px -246px; }

.m_menu .ico_home { background-position: -141px -246px; }

.m_menu .ico_secret { background-position: 0 -293px; }

.m_menu .ico_lvup { background-position: -47px -293px; }

.m_menu .txt_clip { width: 22px; height: 13px; margin: 1px 0 -1px; background-position: -60px -80px; }

.m_menu .btn_menu { position: absolute; top: -55px; right: 0; z-index: 50; }

.m_menu .btn_menu .b_menu { display: inline-block; width: 60px; height: 55px; border: 1px solid #e0e0e0; border-bottom: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #f3f3f3; line-height: 100%; vertical-align: top; }

.m_menu .btn_menu .b_menu .sp_ssg { width: 24px; height: 24px; margin-top: -5px; background-position: -59px -53px; }

.m_menu .btn_menu .b_menu strong { display: block; margin-top: 2px; font-size: 11px; color: #8789a6; }

.m_menu .btn_menu .b_more { display: inline-block; width: 51px; height: 55px; border: 1px solid #e0e0e0; border-bottom: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #f3f3f3; line-height: 100%; vertical-align: top; }

.m_menu .btn_menu .b_more .sp_ssg { width: 22px; height: 6px; margin-top: 0; background-position: -47px -39px; }

.m_menu .bnbox { margin-top: 0; padding: 22px 0 27px; border-top: 2px solid #ededed; border-bottom: 3px solid #ebebeb; background: #f3f3f3; text-align: center; }

.m_menu .bnbox .b_def { width: 93px; }

.m_catg_head { position: relative; height: 88px; padding-bottom: 4px; }

.m_catg_head h1 { padding-top: 55px; font-size: 17px; color: #333; text-align: center; vertical-align: top; }

.m_catg_head button { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 55px; line-height: 100%; text-align: center; vertical-align: top; }

.m_catg_head .b_prev { position: absolute; top: 4px; left: 50%; width: 47px; height: 47px; margin-left: -23px; }

.m_catg_head .b_category { display: block; position: absolute; top: 4px; left: 50%; width: 47px; height: 47px; margin-left: -23px; text-align: center; vertical-align: top; }

.m_catg_head .sp_ssg { width: 47px; height: 47px; }

.m_catg_head .b_category .sp_ssg { background-position: 1px -5px; }

.m_catg_head .b_prev .sp_ssg { background-position: 1px -52px; }

.m_catg_cont .b_brand { display: block; position: relative; width: 100%; height: 47px; font-size: 13px; color: #333; line-height: 100%; text-align: left; }

.m_catg_cont .b_brand strong { display: block; padding-left: 47px; line-height: 47px; }

.m_catg_cont .b_brand .ico_brand { position: absolute; top: 50%; left: 18px; width: 17px; height: 19px; margin-top: -10px; background-position: -168px -32px; }

.m_catg_cont .b_brand .ico_arr { position: absolute; top: 50%; right: 18px; width: 8px; height: 12px; margin-top: -6px; background-position: -71px -39px; }

.m_catglst .subcategory_leaf { background: url("../img/img_arrow_03.png") no-repeat right center; }

.m_catglst .subcategory_leaf.selected { background: #999 url("../img/img_arrow_04.png") no-repeat right center; }

.m_catglst { padding-bottom: 1px; }

.m_catglst li { position: relative; z-index: 10; }

.m_catglst button { position: relative; width: 100%; padding: 13px 45px 13px 20px; min-height: 45px; line-height: 100%; text-align: left; vertical-align: top; }

.m_catglst button strong { display: inline-block; font-size: 16px; line-height: 18px; color: #333; }

.m_catglst button em { font-family: Times New Roman; font-weight: bold; font-style: italic; font-size: 13px; color: #8e8e8e; }

.m_catglst > li.selected > .cate_box > button strong, .m_catglst > li > .cate_box.on > button strong { color: #ce82ad; }

.m_catglst > li.selected > .cate_box > button em, .m_catglst > li > .cate_box.on > button em { color: #333; }

.m_catglst a { display: block; position: relative; font-weight: bold; font-size: 13px; color: #666; line-height: 19px; }

.m_catglst a div { margin-left: 20px; padding: 13px 45px 13px 12px; }

.m_catglst a:before, .m_catglst .ico_tog { position: absolute; top: 50%; right: 18px; width: 6px; margin-top: -5px; }

.m_catglst a:before { background-position: -81px -39px; content: ''; }

.m_catglst .selected { z-index: 30; }

.m_catglst .selected > ul { position: relative; margin-bottom: -1px; }

.m_catglst > li > ul > li.selected { background-color: #555; }

.m_catglst > li > ul > li.selected > a { color: #fff; }

.m_catglst > li > ul > li.selected > a div { border-top: 0; }

.m_catglst > li > ul > li.selected > a:before { background-position: -115px -39px; }

.m_catglst a.b_view { position: absolute; top: 0; right: 0; bottom: 0; width: 46px; padding: 0 13px; border: 0; line-height: 41px; text-align: center; }

.m_catglst a.b_view:before { display: none; }

.m_catglst a.b_view span { display: inline-block; position: absolute; top: 50%; right: 13px; width: 44px; height: 22px; margin-top: -12px; padding: 0; border: 1px solid #d6d6d6; border-radius: 2px; background: #fff; font-size: 10px; color: #a8a7a7; line-height: 22px; vertical-align: top; }

.m_catglst_dep li li li a { padding-left: 5px; }

.m_catglst_dep li li li a:before { right: 30px; }

.m_catglst .ico_tog { width: 10px; background-position: -91px -39px; }

.m_catglst li li .ico_tog { background-position: -103px -39px; }

.m_catglst li.selected > .cate_box > button .ico_tog { height: 2px; margin-top: -1px; background: #ecb5d4; }

.m_catglst li li.selected > .cate_box > button strong { color: #fff; }

.m_catglst li li.selected > .cate_box > button .ico_tog { background: #cfcfcf; }

.m_catglst li li.selected > .cate_box > a.b_view span { background: #555; color: #fff; }

.m_catglst ul { display: none; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; background: #f3f3f3; -webkit-box-shadow: inset 0 1px 6px #e0e0e0; box-shadow: inset 0 1px 6px #e0e0e0; }

.m_catglst ul ul { background: #e7e7e7; border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; }

.m_catglst li { border-top: 1px solid #e5e5e5; vertical-align: top; }

.m_catglst li:first-child { border-top: 0; }

.m_catglst li li { border: 0; }

.m_catglst li li a div { border-top: 1px solid #e0e0e0; }

.m_catglst_dep button { padding: 14px 90px 14px 15px; min-height: 40px; }

.m_catglst_dep button strong { font-size: 14px; }

.m_catglst_dep li li { border-top: 1px solid #e0e0e0; }

.m_catglst_dep li li button strong { padding-left: 10px; font-size: 13px; line-height: 19px; color: #666; }

.m_catglst_dep li li a.b_view span { border-color: #bbb; background: #f3f3f3; color: #6e6d6d; }

.m_catglst_dep li li li { border: 0; }

.m_catglst_dep li li li a { color: #808080; }

.m_catglst_dep li li li a div { border-color: #d7d7d7; }

.m_catglst_dep .subcategory_leaf.selected a div { border-color: #999; color: #fff; }

.m_catglst_dep .subcategory_leaf.selected a:before { display: none; }

.m_catglst_dep li li li:first-child a div { border: 0; }

.m_catglst_dep a:before, .m_catglst_dep .ico_tog { right: 70px; }

.m_catglst_dep > li > ul { padding-left: 0; }

.m_catglst > li.selected > ul, .m_catglst > li.selected > ul > li.selected > ul { display: block; }

.cate_box { position: relative; word-break: break-all; word-wrap: break-word; }

.sp_alert { display: inline-block; overflow: hidden; width: auto; height: 10px; background: url(../img/sp_alert.png) no-repeat 0 0; color: transparent; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5) { .sp_alert { background-image: url(../img/sp_alert_rtn.png); background-size: 370px 380px; } }

.ico_dang { width: 126px; height: 109px; margin-bottom: 20px; background-position: 0 0; }

.ico_dang2 { width: 126px; height: 109px; margin-bottom: 20px; background-position: 0 0; }

.sch_alertarea { margin-top: 10px; padding: 53px 0 75px; color: #222; text-align: center; }

.sch_alertarea .sch_r_txt { font-size: 17px; line-height: 24px; }

.sch_alertarea .sch_r_txt em { color: #ff5b7e; }

.sch_alertarea .sch_r_txt2 { margin-top: 3px; font-size: 13px; line-height: 18px; }

.sch_alert_tbl { display: table; width: 100%; height: 210px; table-layout: fixed; border-collapse: collapse; margin: 20px 0 30px; }

.sch_alert_td { display: table-cell; text-align: center; vertical-align: middle; }

.sch_alert_td .noti_txt { margin: 27px 13px 0; padding-top: 13px; background: url(../img/line_xdot_d9d9d9.gif) repeat-x; background-size: 2px 1px; }

.sch_alert_td .b_def5 { margin-top: 15px; width: 143px; height: 29px; line-height: 29px; }

.sch_alert_td .noti_btn { margin-top: 37px; padding-top: 11px; background: url(../img/line_xdot_d9d9d9.gif) repeat-x; background-size: 2px 1px; }

.sch_alert_td .noti_btn .b_def5 { margin-top: 5px; }

.sch_alert_tbline { margin-top: -1px; padding-top: 1px; border-top: 1px solid #bfbfbf; }

.sch_icowrap { display: block; margin-bottom: 10px; }

.sch_icowrap .ico_alert { width: 126px; height: 109px; background-position: 0 0; }

.sch_icowrap .ico_alert2 { width: 91px; height: 91px; background-position: 0 -112px; }

.sch_icowrap .ico_alert3 { width: 100px; height: 98px; background-position: -94px -112px; }

.sch_icowrap .ico_alert4 { width: 84px; height: 126px; background-position: -200px -112px; }

.sch_icowrap .ico_alert5 { width: 160px; height: 132px; background-position: 0 -237px; }

.sch_icowrap .ico_alert6 { width: 189px; height: 122px; margin: 33px 0 11px; background-position: -165px -246px; }

.sch_alert_p { line-height: 20px; color: #222; font-size: 17px; }

.sch_alert_p .point { color: #ff5b7e; }

.sch_alert_p2 { margin-top: 5px; font-size: 13px; line-height: 17px; }

.sch_alert_p2 .point { color: #ff5b7e; }

.sch_alert_p3 { font-size: 13px; color: #666; }

.sch_alert_p4 { margin-top: 11px; font-size: 11px; color: #666; }

.sch_alert_p5 { padding-top: 14px; font-size: 16px; color: #222; line-height: 20px; }

.sch_alert_p5 .point { color: #ff5b7e; }

.sch_alert_p6 { font-size: 15px; font-family: 'Roboto-Regular','AppleSDGothicNeo-Regular',sans-serif; color: #222; letter-spacing: -1px; line-height: 20px; }

.sch_alert_p7 { font-size: 15px; font-family: 'Roboto-Regular','AppleSDGothicNeo-Regular',sans-serif; color: #666; letter-spacing: -1px; line-height: 20px; }

.bnbox_gap .point { color: #ff5b7e; }

.sch_p2 { font-size: 16px; font-weight: bold; line-height: 21px; }

.sch_p3 { font-size: 17px; line-height: 23px; }

.sch_alert_link { margin-top: 11px; color: #666; }

.sch_alert_link .txt_clip { color: #32bdb3; text-decoration: underline; }

.m_f_fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2100; padding: 12px; }

.m_f_fixed2 { position: fixed; left: 0; right: 0; z-index: 2001; padding: 0 12px 12px; margin-top: -57px; }

.m_f_bgn { margin: -12px; padding: 12px; background: rgba(255, 255, 255, 0.8); }

.m_f_bgn .m_f_toppd6 { margin-bottom: 5px; }

.m_f_fixed.m_f_static2 .m_f_bgn .m_f_toppd6 { margin-bottom: 0; }

.m_f_fixed .btn, .m_f_fixed .b_type1, .m_f_fixed .b_type2, .m_f_toppd3 .btn_part, .m_f_fixed .b_type4 { display: block; height: 43px; margin: 0 2px; border: 1px solid #b3b3b3; border-radius: 3px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#e6e6e6)); -webkit-box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); font-weight: bold; color: #666; line-height: 43px; text-align: center; }

.m_f_fixed .m_f_fixtbl .btn, .m_f_fixed .m_f_fixtbl .b_type1, .m_f_fixed .m_f_fixtbl .b_type2, .m_f_toppd3 .btn_part, .m_f_fixed .m_f_fixtbl .b_type4 { font-size: 14px; }

.m_f_fixed .b_type1, .m_f_fixed .b_type4 { height: 44px; border: 0; border-left: 1px solid #e98299; border-top: 1px solid #e98299; background: #ff5b7e; font-size: 16px; color: #fff; line-height: 44px; -webkit-box-shadow: inset -1px -1px 0 #b56577, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset -1px -1px 0 #b56577, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); }

.m_f_fixed .b_type2 { border-color: #808080; background: #808080; color: #fff; -webkit-box-shadow: none; box-shadow: none; }

.m_f_fixed .b_type4 { border-color: #bcbcbc; background: #c4c4c4; -webkit-box-shadow: inset -1px -1px 0 #929292, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset -1px -1px 0 #929292, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); }

.m_f_fixed .ttype2 { font-size: 16px; }

.m_f_fixed .btn_top { width: 43px; margin: 0; font-size: 11px; line-height: 16px; color: #4c4c4c; }

.m_f_fixed .btn_top .ico_top { width: 13px; height: 14px; margin-top: 7px; background-position: -235px -147px; }

.m_f_fixed .btn_top .tx { display: block; margin-top: 3px; }

.m_f_fixed .btn_prev { width: 43px; margin: 0; }

.m_f_fixed .btn_prev .ico_prev { width: 23px; height: 13px; margin-top: 15px; background-position: -410px -415px; }

.m_f_fixed .btn_part { position: absolute; right: 0; top: 0; width: 43px; height: 43px; margin: 0; display: block; border: 1px solid #b3b3b3; border-radius: 3px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#e6e6e6)); -webkit-box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); font-weight: bold; color: #666; line-height: 43px; text-align: center; }

.m_f_fixed .btn_part a { width: 43px; height: 43px; }

.m_f_fixed .btn_part .ico_clip { margin-top: 11px; }

.m_f_fixed .btn_part.clip_red, .m_f_fixed .btn_part.clip_yellow { border-color: #b3b3b3; }

.m_f_fixed .m_f_toppd { position: relative; min-height: 45px; padding: 0 49px; }

.m_f_fixed .m_f_toppd .btn_prev { position: absolute; left: 0; top: 0; }

.m_f_fixed .m_f_toppd .btn_top { position: absolute; right: 0; top: 0; }

.m_f_fixed .m_f_toppd .txt { font-size: 13px; }

.m_f_fixed .m_f_toppd .btn { background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#e5e5e5)); -webkit-box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); opacity: 0.8; }

.m_f_fixed .m_f_toppd .ico_mbasket { margin: 7px 0 0 0; }

.m_f_fixed .m_f_toppd2 { position: relative; padding: 0 49px; }

.m_f_fixed .m_f_toppd2 .btn_prev { position: absolute; left: 0; top: 0; }

.m_f_fixed .m_f_toppd2 .btn_zzim { position: absolute; right: 0; top: 0; }

.m_f_fixed .m_f_toppd2 .btn_top { position: absolute; right: 0; bottom: 100%; margin-bottom: 12px; }

.m_f_fixed .m_f_toppd3 { position: relative; padding-right: 49px; }

.m_f_fixed .m_f_toppd3 .btn_top, .m_f_toppd4 .btn_top, .m_f_toppd5 .btn_top { position: absolute; right: 0; top: 0; }

.m_f_fixed .m_f_toppd4 { position: relative; padding: 0 49px; }

.m_f_fixed .m_f_toppd4 .btn_prev { position: absolute; left: 0; top: 0; }

.m_f_fixed .m_f_toppd5 { position: relative; padding-right: 49px; }

.m_f_fixed .m_f_toppd5 .m_f_fixtbl .btn { height: 49px; line-height: 49px; }

.m_f_fixed .m_f_toppd5 .m_f_fixtbl .b_type1 { height: 43px; padding-top: 6px; line-height: 17px; }

.m_f_fixed .m_f_toppd5 .btn_top { height: 49px; }

.m_f_fixed .m_f_toppd5 .btn_top .ico_top { margin-top: 10px; }

.m_f_fixed .m_f_toppd6 { position: relative; padding-bottom: 4px; }

.m_f_fixtbl { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }

.m_f_fixtbl li { display: table-cell; vertical-align: top; }

.m_f_fixtbl li:first-child .btn { margin-left: 0; }

.m_f_fixtbl li:last-child .btn { margin-right: 0; }

.m_f_fixtbl li .disable { color: #bbb; }

.m_f_fixtbl li .btn.b_type1 { font-size: 16px; }

.m_f_fixtbl .btn, .m_f_fixtbl .b_type1, .m_f_fixtbl .b_type4 { display: block; height: 43px; margin: 0 2px; border: 1px solid #b3b3b3; border-radius: 3px; background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fff), to(#e6e6e6)); -webkit-box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 0 #fff, 1px 1px 2px 0 rgba(0, 0, 0, 0.15); font-weight: bold; font-size: 14px; color: #666; line-height: 43px; text-align: center; }

@media screen and (max-width: 375px) { .m_f_fixtbl .btn, .m_f_fixtbl .b_type1, .m_f_fixtbl .b_type4 { font-size: 13px; } }

.m_f_fixtbl .b_type1, .m_f_fixtbl .b_type4 { height: 44px; border: 0; border-left: 1px solid #e98299; border-top: 1px solid #e98299; background: #ff5b7e; color: #fff; line-height: 44px; -webkit-box-shadow: inset -1px -1px 0 #b56577, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset -1px -1px 0 #b56577, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); }

.m_f_fixtbl .b_type2 { border-color: #808080; background: #808080; color: #fff; -webkit-box-shadow: inset -1px -1px 0 #808080, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset -1px -1px 0 #808080, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); }

.m_f_fixtbl .b_ltype3 { width: 87px; font-size: 11px; color: #4c4c4c; }

.m_f_fixtbl .b_ltype3 .btn { line-height: normal; }

.m_f_fixtbl .b_ltype3 .txt { display: block; padding-top: 3px; font-size: 11px; }

.m_f_fixtbl .b_type4 { border-color: #bcbcbc; background: #c4c4c4; -webkit-box-shadow: inset -1px -1px 0 #929292, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset -1px -1px 0 #929292, 1px 1px 1px 0 rgba(0, 0, 0, 0.15); }

.m_f_write { position: relative; height: 33px; padding: 5px 43px 5px 5px; border: 1px solid #c0c0c0; border-color: #c0c0c0 #a1a1a1 #a6a6a6 #c0c0c0; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.15); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#fcfcfc), to(#e8e8e8)); text-align: center; }

.m_f_write .btn_full { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.m_f_write .inpbx { padding: 7px 5px; border-radius: 0; }

.m_f_write .btn_reg { position: absolute; top: 5px; right: 5px; width: 33px; height: 33px; background-color: #fc859f; border-radius: 3px; }

.m_f_write .ic_reg { width: 15px; height: 15px; margin-top: 9px; background-position: -435px -415px; }

.m_or_btn li:last-child { width: 50%; }

.m_or_btn li:nth-child(4) { width: 37%; }

/* 개편 웹바 */
.mcom_fixed .mcom_fixtbl li.col_p25 { width: 25%; }

.mcom_fixed .m_f_toppd4 { position: relative; padding: 0; }

.mcom_fixed .m_f_toppd4 .m_f_rt { position: absolute; right: 10px; bottom: 100%; }

.mcom_fixed .m_f_toppd4 .btn_top { position: static; }

.mcom_fixed .m_f_toppd4 .cdtl_btn { display: block; width: 100%; height: 52px; margin-top: -1px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #757a80; font-size: 15px; line-height: 51px; color: #fff; text-align: center; }

.mcom_fixed .m_f_toppd4 .cdtl_btn:disabled { background: #c9c9c9; }

.mcom_fixed .m_f_toppd4 .cdtl_btn.disabled { background: #c9c9c9; }

.mcom_fixed .m_f_toppd4 .cdtl_btn.cdtl_btn_odr { background: #ff6967; }

/* //개편 웹바 */
.e_sub_title { position: relative; height: 52px; border-bottom: 1px solid #dadada; background: #fff; text-align: center; -webkit-box-shadow: 0 1px 3px #dadada; box-shadow: 0 1px 3px #dadada; }

.e_sub_title .btn_prev { position: absolute; top: 7px; left: 8px; width: 40px; height: 40px; background: url(../img/btn_prev.png) no-repeat 50% 50%; background-size: 15px 22px; }

.e_sub_title strong { font-size: 19px; color: #262f33; line-height: 52px; }

.event-ing-wrap { position: relative; }

.event-ing-wrap .txt_tab { position: absolute; top: 66px; left: 50%; width: 250px; min-height: 36px; margin-left: -126px; padding: 8px 0; border: 1px solid rgba(136, 136, 136, 0.8); border-radius: 52px; background: rgba(255, 255, 255, 0.9); font-size: 12px; line-height: 18px; color: #222; letter-spacing: -1px; font-weight: bold; z-index: 2001; text-align: center; }

.event-ing-wrap .board-view-cont { position: relative; margin: 0 auto; background: #fff; text-align: center; }

.event-ing-wrap .board-view-cont img { max-width: 100%; }

.clp_alert_tbl { display: table; width: 100%; height: 418px; table-layout: fixed; border-collapse: collapse; }

.clp_alert_td { display: table-cell; text-align: center; vertical-align: middle; }

.clp_alert_td strong.tit { color: #73b1da; }

.clp_alert_td strong.descript { color: #999; }

.clp_img img { width: 285px; height: 267px; margin-top: 15px; vertical-align: top; }

.clp_img.img2 img { width: 302px; height: 280px; }

.clp_img.img3 img { width: 279px; height: 280px; }

.clp_img.img4 img { width: 273px; height: 284px; }

.clp_alert_p { font-size: 18px; letter-spacing: -1px; }

.clp_alert_btn { margin-top: 10px; display: inline-block; padding: 10px; -webkit-box-shadow: inset 0 -3px 0 #efefef; box-shadow: inset 0 -3px 0 #efefef; border-radius: 3px; background-color: #fff; border: solid 1px #f7bcc9; }

.clp_alert_btn .btn_txt1 { display: block; font-size: 15px; line-height: 18px; font-weight: bold; color: #ff6a8a; }

.clp_alert_btn .btn_txt2 { display: block; font-size: 10px; line-height: 18px; font-weight: bold; color: #999; }

.clp_p2 { color: #aaaaaa; font-size: 12px; }

.clp_p3 { margin-top: 7px; color: #222222; font-size: 22px; }

.clp_p4 { color: #666; font-size: 15px; line-height: 20px; }

.odr_foru_w { border-top: 10px solid #f5f5f5; }

.odr_foru_top { text-align: center; padding: 23px 0; border-bottom: 1px solid #e3e3e3; }

.odr_foru_top img { vertical-align: top; }

.odr_foru_w .m_ssg_lst { border-bottom: 15px solid #f5f5f5; }

.odr_foru_btn { padding: 20px 13px; text-align: center; }

.odr_foru_btn a.btn_deli { display: inline-block; color: #fff; font-size: 15px; text-align: center; vertical-align: top; text-align: center; background-color: #666; width: 100%; height: 48px; line-height: 48px; }

/* ipad용 */
@media screen and (min-width: 640px) { .mn_art_list:after { content: ''; display: block; clear: both; }
    .mn_art_list li { float: left; width: 49%; padding: 0 .5%; }
    .mn_art_list li .mn_art_dl dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .m_splist:after { content: ''; display: block; clear: both; }
    .m_splist { padding: 0 .5%; }
    .m_splist .m_article { float: left; width: 49%; padding: 0 .5%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 .5%; }
    .m_articlearea:after { content: ''; display: block; clear: both; }
    .m_articlearea .m_article { float: left; width: 49%; padding: 0 .5%; }
    .m_articlearea .m_article:nth-child(2) { border-top: 0; }
    .theme_clip:after { content: ''; display: block; clear: both; }
    .theme_clip li { float: left; width: 50%; min-height: 300px; }
    .theme_clip li:nth-child(2) .m_art_dl { border-top: 0; }
    .m_art_dl dt a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .mi_arttype2_v2 .mi_art2_list { overflow: hidden; }
    .mi_arttype2_v2 .mi_art2_list li { float: left; width: 50%; height: 122px; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .mi_arttype2_v2 .mi_art2_list li:nth-child(even) { border-left: 1px solid #f5f5f5; }
    .mi_arttype2_v2 .mi_art2_list:after { position: absolute; left: 50%; top: 0; bottom: 0; z-index: 10; width: 1px; background: #d3d3d3; content: ''; margin-left: 126px; }
    .m_magazine_wrap .magazine_lst_v2 { padding: 0 .5% !important; }
    .m_magazine_wrap .magazine_lst_v2:after { content: ''; display: block; clear: both; }
    .m_magazine_wrap .magazine_lst_v2 li { float: left; width: 50%; padding: 1% .5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .mi_arttype3_v2 { width: 100%; overflow: hidden; }
    .mi_arttype3_v2 .mi_art3_list { padding: .5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .mi_arttype3_v2 .mi_art3_list:after { content: ''; display: block; clear: both; }
    .mi_arttype3_v2 .mi_art3_list li { float: left; width: 50%; padding: .5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .m_ssg_lst .i_buy_always { margin: -3px 0 !important; }
    .m_ssg_lst .ty_lst { padding: 0 .5%; }
    .m_ssg_lst .ty_lst:after { content: ''; display: block; clear: both; }
    .m_ssg_lst .ty_lst li { float: left; width: 49%; margin: 1% .5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .m_ssg_lst .ty_lst li:nth-child(2) { border-top: 0; }
    .m_ssg_lst .ty_bthmb:after { content: ''; display: block; clear: both; }
    .m_ssg_lst .ty_bthmb li { float: left; width: 49%; margin: 1% .5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .m_ssg_lst .ty_bthmb li:nth-child(2) .cm_item { border-top: 0; }
    .m_ssg_lst .ty_bthmb li:nth-child(2) .cm_item .thmb { border-top: 0; }
    .m_ssg_lst .ty_bthmb li .cm_item .tx_thmb { height: 70px; }
    .m_ssg_lst { margin-top: -1px; margin-bottom: -1px; overflow: hidden; }
    .m_ssg_lst .ty_thmb:after { content: ''; display: block; clear: both; }
    .m_ssg_lst .ty_thmb li { float: left; width: 25% !important; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: -1px; }
    .m_ssg_lst .ty_thmb li:before { display: none; }
    .m_ssg_lst .ty_thmb li .cm_item { border-bottom: 1px solid #f2f2f2; }
    .evt_bn_top ul { padding: 0 .5% 12px !important; }
    .evt_bn_top ul:after { content: ''; display: block; clear: both; }
    .evt_bn_top ul li { float: left; width: 49%; margin: 1% .5% 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .evt_cbwrap .evt_cblist { padding: 0; }
    .evt_cbwrap .evt_cblist:after { content: ''; display: block; clear: both; }
    .evt_cbwrap .evt_cblist li { float: left; width: 49%; margin: 0 .5% 1%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .evt_cbboxarea .evt_cbboxlist { padding: 0; }
    .evt_cbboxarea .evt_cbboxlist:after { content: ''; display: block; clear: both; }
    .evt_cbboxarea .evt_cbboxlist li { float: left; width: 49%; margin: 0 .5% 1%; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .evt_bn_area .evt_bn_lst { padding: 10px !important; }
    .evt_bn_area .evt_bn_lst:after { content: ''; display: block; clear: both; }
    .evt_bn_area .evt_bn_lst li { float: left; width: 49%; margin: 0 .5%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

/*# sourceMappingURL=m_layout.css.map */