@charset "utf-8";

/* @font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 300;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 400;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 500;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
}

@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 700;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
} */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body, th, td, input, select, textarea, button {color: #444;font-family: 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; font-size: 15px; line-height: 1.5}
body{background-color:#fff; -webkit-text-size-adjust:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
input, select, textarea, button {font-size: 100%; vertical-align: middle}
button {background-color: transparent; border: 0 none; cursor: pointer}
header {display:none;visibility:hidden;}

img,fieldset{border:0}
ul,ol{list-style:none}
table{border-collapse:collapse}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
.a a:visited,.a a:visited .tlst_d,.a a.slst_a:visited .slst_t,.a a:visited .rklst_h,.a a:visited .tlst3_h,.a a:visited .tlst_dw1,.a a:visited .slst_h,.a a:visited .slst_th_st,.a a:visited .sct_h,.a a:visited .tlst2_d,.a a:visited .tlst6_s,.a a:visited .slst3_t{color:#888}
.en{letter-spacing:0}

/* Layout */
.wrap_cont {clear:both;width:100%; min-height:340px; position: relative;}
.wrap_cont_p {background-color:#f7f7f7; padding-bottom:30px}
.wrap_cont_p:after {display:block;clear:both;content:''}
.wrap_cont_m {background-color:#ededed; padding-top:20px; padding-bottom:20px}
.wrap_cont_m:after {display:block;clear:both;content:''}

/* javaScriptSetting */
.displayNone{ display: none !important; }
.backgroundNone{ background: none !important; }
.ovh{overflow: hidden !important;}

/*header*/
.header {position:relative; z-index:10;padding:0px 35px 20px 18px; text-align:left; border-bottom:1px solid #ccc}

 /* header_v4 */
.bg-white {background:#ffffff}
.hp_head {position:relative; z-index:1400; width:100%; height:56px; background-color:#2b5edc; text-align:left}
.hp_head .tit_hp {position:absolute; top:13px; left:15px; margin:0; padding:0; display:block}
.hp_head .tit_hp .img_logo, .hp_head .tit_hp_f .img_logo {vertical-align:top}
.hp_head .tit_hp .link_hp, .hp_head .tit_hp_f .link_hp { display:inline-block; width:123px; height:32px}
.hp_head .txt_hp {display:none; height:100%; overflow:hidden; visibility:hidden; width:100%}
.hp_head .btn_side {position:absolute; top:12px; right:8px; height:34px; width:35px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px; background-position:-24px 10px;}
.hp_head .btn_s_search {position:absolute; top:12px; right:70px; height:34px; width:35px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px; background-position:8px -39px}
.hp_head .btn_top_pre {position:absolute; top:12px; left:5px; height:34px; width:35px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px; background-position:-24px -43px}
.hp_head .btn_top_home {position:absolute; top:12px; right:39px; height:34px; width:35px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px; background-position:8px -76px}
.hp_head .btn_top_del {position:absolute; top:15px; right:14px; height:30px; width:30px; line-height:0; overflow:hidden; font-size:0; background-position:5px -156px}
.hp_head .btn_top_home2 {position:absolute; top:12px; right:14px; height:34px; width:35px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px; background-position:8px -76px}
.hp_head .btn_top_set {position:absolute; top:12px; right:40px; height:34px; width:35px; line-height:0; overflow:hidden; font-size:0; text-indent:-9999px; background-position:-24px -154px}
.hp_head .t_s_tit {position:absolute; top:11px; left:46px; width:200px; font-size:16px; color:#fff; display:inline-block; margin:5px 0 0 0; vertical-align:top; font-weight:bold; letter-spacing: -1.5px; line-height:1.5}
.hp_head .t_s_tit2 {position:absolute; top:11px; left:46px; width:52%; font-size:0.997em; color:#fff; display:inline-block; margin:6px 0 0 0; vertical-align:top; font-weight:bold;letter-spacing: -0.04em;}
@media screen and (max-width: 320px) {
	.hp_head .t_s_tit2 {position:absolute; top:11px; left:46px; width:50%; font-size:0.797em; color:#fff; display:inline-block; margin:9px 0 0 0; vertical-align:top; font-weight:bold;letter-spacing: -0.04em;}
}
.hp_head .t_s_menu {z-index:100}
.hp_head .t_s_menu a {overflow:hidden; background-image:url(/images/mobile/hcApp/head_img_v4.png?v=3);background-repeat:no-repeat; background-size:50px auto}

.fun_bg {height:58px; background:url(/images/mobile/v4/fun_top_bg.png) repeat-x; background-size:3px 58px;}
.hp_head .tit_hp_f {position:absolute; top:17px; left:15px; margin:0; padding:0; display:block}

/* search_v4 */
.btn_sch {position:absolute; right:45px; top:7px}
.sch_form {z-index:999; position:relative; margin:0 46px 0 146px; padding-top:8px}
.sch_m {margin-left:46px}
.sch_m2 {margin-left:46px; margin-right:52px}
.sch_form .box_search {background-color:#fff; height:25px; overflow: hidden; padding: 7px 37px 8px 9px; border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px}
.sch_form .box_search .tf_keyword {background-color: transparent; border: none; color: #161616; font-size: 16px; height:25px; line-height:20px; vertical-align: top; width:100%; margin-bottom:10px; -webkit-border-radius:1px; -webkit-appearance:none; font-weight:bold}
.no_visible { display: block; font-size: 1px; height: 1px; line-height: 0; overflow: hidden; position: absolute; text-indent: 10px; white-space: nowrap; width: 1px}
.imsc {display:inline-block; overflow:hidden; background-color:transparent; background-image:url(/images/mobile/v4/search_in.png);background-repeat:no-repeat; background-size:145px 150px; text-indent:40px;white-space:nowrap}
.imsc_sview {width:28px;height:26px;background-position:0px 0px}
.imsc_sview_on {width:28px;height:26px;background-position:-116px -44px}
.imsc_squick {width:28px;height:26px;background-position:-86px -80px}
.imsc_squick_on {width:28px;height:26px;background-position:-116px -80px}

.sch_form .box_search .sch_btn {cursor:pointer; font-size:0; width:37px; height:37px; line-height:0; position:absolute; right:0; top:9px;}
.imsc_v4 {overflow:hidden; background-image:url(/images/mobile/hcApp/head_img_v4.png?v=2);background-repeat:no-repeat; background-size:50px auto}
.imsc_search {width:21px; height:21px; background-position:1px 2px; display:block; margin-left:3px;}

/* top_menu */
.top_list {border-bottom: 1px solid #496abc; font-size: 13px; height: 38px; left: 0; top: 0; width: 100%; background:#fafafa;}
.top_list .btn_back {display: block; float: left; height: 38px; width: 45px;}
.top_list .ico_back {background: url("/images/mobile/v4/ico_arrow.png") repeat scroll 0px 0px transparent; background-size:100px 100px; display: block; margin: 13px auto 11px; overflow: hidden; text-indent: -9999px; vertical-align: top; width: 24px; height: 19px;}
.top_list .title {color:#222; display: block; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 74%; float: left; font-size: 16px; font-weight: bold; height: 30px; padding-top: 8px; letter-spacing: -1px;}

/* footer */
.hpfooter {position:relative; background-color:#f6f5f6; border-top:1px solid #dcdcdc; clear:both; font-family:sans-serif; margin:0 auto; padding-top:21px; padding-bottom:110px; text-align:center; width:100%; position:relative}
.hpfooter ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin:0 auto; overflow:hidden; text-align:center; margin:0 15px; webkit-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #e1e1e1;}
.hpfooter li { position: relative; width: 50%; }
.hpfooter li a {display: inline-block; width: 100%; background-color:#fff; border:1px solid #e1e1e1; border-left:none; color:#403f4e; display:block; font-size:14px; height:34px; line-height:35px; text-align: center;-webkit-box-sizing: border-box; box-sizing: border-box;}
.hpfooter .corp_info {color:#afafaf; font-size:12px; padding:6px 0 17px}

.hpf_m_w {margin:6px 0 0 15px; color:#808284 !important; font-size:11px; text-align:left;}
.hpf_m {display:inline-block; padding:0}
.hpf_m::before {background:#d8d8d8 none repeat scroll 0 0; display:inline-block; height:12px; margin:0 6px 0 3px; vertical-align:-2px; width:1px;}
.hpf_m:first-child::before {display:none;}
.hpf_m::before {content: "";}

.hp_address {font-size:11px; color:#808284; text-align:left; line-height:15px; margin:12px 0 0 16px}
.hpf_copy {font-size:11px; color:#808284; text-align:left; margin-left:16px; margin-top:7px}

.m_top {display:block; width:56px; height:27px; line-height:28px; border:1px solid #e1e1e1; position:absolute; right:15px; bottom:25px; font-size:11px; color:#808284; background-color:#fff}
.m_top .ico_t_arr {background:url("/images/mobile/top_arr.png") repeat scroll 0 0 transparent; background-size:6px 4px; display:inline-block; width:6px; height:3px; vertical-align:top; margin-right:3px; margin-top:13px}

/* grade */
.platinum {width:70px; height:17px; line-height:15px; text-align:center; margin:-4px 0 0 6px; background-color:#ff7746; border:1px solid #eb520f; border-radius:2px; color:#fff; display:inline-block; font-size:12px; text-shadow:0 1px #c2450f; vertical-align:middle;}
.diamond {width:70px; height:17px; line-height:15px; text-align:center; margin:-4px 0 0 6px; background-color:#8d6fcf; border:1px solid #55359b; border-radius:2px; color:#fff; display:inline-block; font-size:12px; text-shadow:0 1px #795abd; vertical-align:middle;}
.diamond em {color:#c4adf7}
.gold {width:70px; height:17px; line-height:15px; text-align:center; margin:-4px 0 0 6px; background-color:#eea64a; border:1px solid #d09020; border-radius:2px; color:#fff; display:inline-block; font-size:12px; text-shadow:0 1px #d48725; vertical-align:middle;}
.silver {width:70px; height:17px; line-height:15px; text-align:center; margin:-4px 0 0 6px; background-color:#aaa; border:1px solid #878787; border-radius:2px; color:#fff; display:inline-block; font-size:12px; text-shadow:0 1px #949494; vertical-align:middle;}
.bronze {width:70px; height:17px; line-height:15px; text-align:center; margin:-4px 0 0 6px; background-color:#b58e5c; border:1px solid #876e4b; border-radius:2px; color:#fff; display:inline-block; font-size:12px; text-shadow:0 1px #916e41; vertical-align:middle;}

/* top_menu */
.top_menu { background: none repeat scroll 0 0 #393a42; overflow:hidden; bottom:-2px; width: 100%; z-index: 1; display: block; visibility: visible}
.top_menu .menu_lst {border-bottom: 1px solid #27282e; border-top:1px solid #27282e; left: 0; font-weight:bold; overflow:hidden}
.top_menu .menu_lst .btn_m {color:#c0c1c7; float:left; padding-top:6px; text-align: center; text-decoration: none; }	
.top_menu .menu_lst .btn_pay {width:25%; padding-bottom:4px; border-right:1px solid #27272d}
.top_menu .menu_lst .btn_cart2 {width:24.5%; padding-bottom:4px; border-right:1px solid #27272d; border-left:1px solid #414249}
.top_menu .menu_lst .btn_my {width:24.5%; padding-bottom:4px; border-right:1px solid #27272d; border-left:1px solid #414249}
.top_menu .menu_lst .btn_cs {width:24%; padding-bottom:4px;border-left:1px solid #414249}
.top_menu .menu_lst .ico_pay {background-position:0 -33px; display: inline-block; overflow: hidden; text-indent: -9999px; vertical-align: top; }
.top_menu .menu_lst .ico_cart2 {background-position:0 0; display: inline-block; overflow: hidden; text-indent: -9999px; vertical-align: top; }
.top_menu .menu_lst .ico_my {background-position:0 -130px; display: inline-block; overflow: hidden; text-indent: -9999px; vertical-align: top; }
.top_menu .menu_lst .ico_cs {background-position:0 -99px; display: inline-block; overflow: hidden; text-indent: -9999px; vertical-align: top;}
.top_menu .menu_lst .sv_t2 {font-size:12px; display:block; margin-top:-2px; font-weight:bold}
.top_menu .menu_lst .sv_t_off2 {display:block; font-size:14px; color:#8e9197}
.top_menu .ico_img {background: url(/images/mobile/hcApp/ico_top.png) no-repeat scroll 0 0 transparent; background-size:150px 150px; height:22px; width:25px}

/* naver login */
.hpfooter .nlogout {background: url(/images/mobile/v4/btn_nlogout.png) no-repeat 0 -4px; background-size: 88px; -webkit-background-size: 88px auto; padding-left:20px}

/* event_popup */
.w_m_notice {width:282px; padding:17px 0 22px 0; border:1px solid #324e8f}
.m_notice {color:#333; font-size:16px; font-weight:bold; text-align:center; line-height:25px; letter-spacing:-1px; background-color:#fff }
.m_notice em {color:#ee5627}

.bt_btn_w {text-align:center; width:52px; margin:0 auto}
.bt_btn {display:block; height:31px; width:50px; margin:13px 0 0 0; border:1px solid #2a4790; background-color:#6286de; line-height:30px;color:#fff;letter-spacing:-1px;text-align:center;vertical-align:middle}
.a .bt_btn{line-height:32px}
.bt_btn .hel_bd{font-size:15px;letter-spacing:0; font-weight:bold}

/* slide menu */
.sidenav_wrap {bottom:0; position:absolute; left:0; top:0; transform:initial; z-index:120; width:100%}
.sidenav {background-color:#f7f7f7; bottom:0; left:0; position:absolute; top:0; width:100%}
.sidenav_bg {position:relative; overflow:hidden; display:block; background-color:#f7f7f7}
.sidenav .sidenav_header {background-color:#446ace; height:57px; padding-top:2px; position:relative}
.sidenav .sidenav_header .userid { color:#fff; display: inline-block; font-size:15px; font-weight:bold; height:25px; margin:16px 0 0 23px;}
.sidenav .sidenav_header .userid em {font-weight:normal; padding-left:2px}
.sidenav .sidenav_header .userid .s_ico_mem {display:inline-block; background-position:-184px 4px; padding-left:23px}
.sidenav .sidenav_header .btn_s_close {overflow:hidden; position:absolute; top:8px; right:4px; height:45px; width:42px; line-height:0; overflow:hidden; font-size:0; background-position:14px 15px;}
.sidenav .sidenav_header .btn_s_log {display:inline-block; margin-left:6px; border:1px solid #3655a5; width:57px; height:27px; line-height:27px; border-radius:3px; font-size:12px; color:#fff; text-align:center; vertical-align:1px}
.sidenav .sidenav_header .btn_s_close, .sidenav .my_lst a, .charge_m span, .service_lst span, .s_ico_mem, .recent_view span, .sidenav .recent_view .lst_more, .sidenav_header .btn_noti a {background-image:url(/images/mobile/hcApp/detail_menu_v4.png?v=5);background-repeat:no-repeat; background-size:200px auto}

.sidenav .logout h1 .s_ico_mem {display:inline-block; padding-left:0; background:none}

.sidenav .recent_view {padding-bottom:11px; position:relative}
.sidenav .recent_view h3 {font-size:14px; color:#464646; margin-top:6px; padding:10px 0 0 24px; background-color:#fff; border-bottom:1px solid #e1e4e7; height:32px; word-spacing:-1px}
.sidenav .recent_view h3 em, .sidenav .my_lst em {color:#ec4f44; margin-left:2px; font-weight:normal}
.sidenav .recent_view ul {margin:12px 0 0 22px;}
.sidenav .recent_view li {margin-bottom:0}
.sidenav .recent_view li a {color:#555; font-size:14px; display:block; width:250px; padding:2px 0 3px 0; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:"Noto Sans KR", "맑은 고딕","Malgun Gothic";}
.sidenav .recent_view .lst_more {position:absolute; right:17px; top:11px; display:block; font-size:0; vertical-align:middle; width:18px; height:20px; background-position:0 -123px}

.bx_controls {text-align:center; margin-top:5px}
.bx_pager_item {display:inline-block; margin:0 2px}
.bx_pager_item span {background:url(/images/mobile/hcApp/slide_lst_off.png) no-repeat scroll 0 0; display:block; height:8px; width:8px; overflow:hidden; text-indent:-99em; background-size:8px 8px}
.bx_pager_item .active {background:url(/images/mobile/hcApp/slide_lst_on.png) repeat scroll 0 0; background-size:8px 8px}

.sidenav .charge_m {clear:both; display:block; background-color:#fff; padding:15px 13px 14px 15px}
.sidenav .charge_m li {display:inline-block; width:25%}
.sidenav .charge_m .charge_link {display:block; width:100%}
.sidenav .charge_m .charge_link em {font-size:13.5px; text-align:center; display:block; font-weight:400; color:#6e6e6e; letter-spacing:-0.3slide_basic_infopx}
.sidenav .charge_m .charge_link span {margin:0 auto 4px auto; display:block; width:36px; height:28px}
.sidenav .charge_m .ico_charge {background-position:4px 0}
.sidenav .charge_m .ico_cart {background-position:-51px 0}
.sidenav .charge_m .ico_wish {background-position:-102px 0}
.sidenav .charge_m .ico_my {background-position:-153px 0}

.sidenav .s_my_account {overflow:hidden; padding:19px 0 21px 0; background-color: #f7f9fa; border-bottom:1px solid #e7eaeb}
.sidenav .s_my_account li {display:block; float:left; border-left:1px solid #e7eaeb; text-align:center; box-sizing:border-box}
.sidenav .s_my_account li:first-child {border-left:none}
.sidenav .s_my_account span {display:block; text-align:center}
.sidenav .s_my_account .a_m1 {width:35%}
.sidenav .s_my_account .a_m2 {width:35%}
.sidenav .s_my_account .a_m3 {width:30%}
.sidenav .s_my_account .a_m4 {width:70px}
.sidenav .s_my_account .m_a_tit {margin-bottom:9px; line-height:14px; color:#6e6e6e; letter-spacing:-0.3px; font-size:13.5px}
.sidenav .s_my_account .m_a_det {display:block; line-height:16px; font-size:17px; color:#496aca; font-weight:bold; padding-left: 3px}
.sidenav .s_my_account .m_a_det em {font-weight: normal; font-size:16px; vertical-align:0.5px; padding-left:1px}

.sidenav .sidenav_header .btn_noti a {overflow:hidden; position:absolute; top:7px; right:39px; height:45px; width:42px; line-height:0; overflow:hidden; font-size:0; background-position:-31px 16px;}
.sidenav .sidenav_header .btn_noti a .count_n {display:inline-block; height:17px; margin-left:18px; margin-top:10px; padding:0 5px 0 6px; border-radius:10px; font-size:11px; line-height:19px; color:#fff; background-color:#ff6a8a}

.sidenav .service_lst {margin:7px 0 0 12px}
.sidenav .service_lst li {display:inline-block}
.sidenav .service_lst a {display:block; width:88px; height:84px; padding-top:13px; margin-right:6px; background-color:#fff; border-radius:3px}
.sidenav .service_lst em {font-size:11px; text-align:center; display:block; font-weight:400; color:#6e6e6e; line-height:17px}
.sidenav .service_lst em b {display:block; font-size:13px; display:block; font-weight:700}
.sidenav .service_lst span {margin:0 auto 10px auto; display:block; width:23px; height:27px}
.sidenav .service_lst .ico_ser1 {background-position:0 -81px}
.sidenav .service_lst .ico_ser2 {background-position:-55px -81px}
.sidenav .service_lst .ico_ser3 {background-position:-109px -81px}

.sidenav .my_lst {margin-top:19px}
.sidenav .my_lst li {background-color:#fff; border-bottom:1px solid #e1e4e7; font-size:15px; color:#000;}
.sidenav .my_lst a {display:block; height:32px; padding-top:12px; margin-left:21px; font-size:14px; font-weight:bold; color:#464646; line-height:20px}
.sidenav .my_lst .m_m1 {background-position:-180px -138px; padding-left:28px}
.sidenav .my_lst .m_m2 {background-position:-180px -103px; padding-left:28px}
.sidenav .my_lst .m_m3 {background-position:-180px -171px; padding-left:28px}
.sidenav .my_lst .m_m4 {background-position:-183px -212px; padding-left:28px}
.sidenav .my_lst .m_m5 {background-position:-183px -252px; padding-left:28px}
.sidenav .my_lst .m_m6 {background-position:-181px -289px; padding-left:29px}

.sidenav .s_banner {padding-bottom:10px; margin-top:10px}

.dmm {background-color: rgba(0, 0, 0, 0.6); display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:1500}
.dmm2 {background-color: rgba(0, 0, 0, 0.6); display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:1300}
.dmm3 {background-color: rgba(0, 0, 0, 0.7); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1600;}
.dmm4 {background-color: rgba(0, 0, 0, 0.8); display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:1300;}

/* event popup */
.p_ev_event {position:relative; display:block; height:290px; width:290px; background-image:url(/images/v4/funCampus/event/ev_love_pop.png); background-repeat:no-repeat; background-size:290px 290px}
.p_ev_event .btn_ev { position:absolute; bottom:15px; left:18px}
.p_ev_event .btn_ev .btn1 img {height:41px; width:165px}
.p_ev_event .btn_ev .btn2 img {height:41px; width:82px}

/* login_popup */
.p_log_w { position:relative; z-index:1; width:100%; height:100%; margin:0;}
.p_de_pop {width:290px; padding:16px 0 22px 0; border-radius:8px; margin:0 auto; position:relative; background-color:#fff; border:1px solid #333}
.p_de_tit {text-align:center; display:block; font-size:17px; color:#111}

.p_loginform {display:inline-block;width:100%;text-decoration:none}
.p_loginform fieldset {display:inline-block;width:100%;height:100%;overflow:hidden;text-align:left}
.p_id, .p_inputpwd {width:100%;height:25px;padding:7px 30px 0 9px;border:1px solid #d3d5d6;font-size:15px;}
.p_login_area {position:relative;clear:both; background-color:#fff; padding:5px 15px 10px 15px }
.p_login_area .hide {position:absolute; left:-9999in; overflow:hidden}
.p_login_btn {width:100%; height:37px; margin-top:10px; margin-bottom:10px; border-radius:2px; background-color:#496abc; cursor:pointer}
.p_login_btn span {line-height:23px;font-size:16px;color:#f4f4f4;font-weight:bold;}
.p_ubtn {letter-spacing:-1px; margin-top:11px; color:#666}
.p_ubtn input {vertical-align:middle; margin-top:-3px}
.p_ubtn .log_state {position:relative; margin-right:18px;overflow:hidden; color:#666}
.p_uid,.p_upw {height:25px;padding:0 40px 0 0;position:relative}
.p_upw {margin:8px 0 0 0}
.p_ubtn label {color:#777; margin-right:0; font-size:13px}
.invisible {display:none}

.p_find_area {overflow:hidden; margin:7px 15px 0 12px; padding:10px 0 0 0; font-size:13px; color:#333; border-top:1px solid #e8ebed}
.p_find_area .btn_find {width:31%;height:28px; margin-left:3px; border:1px solid #dcdee0; background-color:#f8f8f8; border-radius:2px;font-size:12px;line-height:29px;color:#666;text-align:center}
.p_find_area .btn_id {float:left}
.p_find_area .btn_pw {float:left}
.p_find_area .btn_mem {float:left; color:#496abc}

.p_log_close { position:absolute; top:7px; right:10px; display:block; width:23px; height:23px; background:url("/images/mobile/btn_p_close.png") no-repeat scroll 4px 4px; background-size:15px 15px; font-size:0; overflow:hidden;}
.p_de_close { display:block; margin:0 auto; width:55px; height:32px; border:1px solid #dcdee0; background-color:#f8f8f8; border-radius:2px;font-size:14px;line-height:31px;color:#555;text-align:center}

.p_de_pop_n {width:290px; padding:0 0 20px 0; border-radius:8px; margin:0 auto; position:relative; background-color:#fff; border:1px solid #333}
.p_de_pop_n img {vertical-align:top}
.pop_coupon_txt {font-size:15px; color:#252525; margin:15px 0 10px 0; text-align:center; line-height:21px; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.pop_coupon_txt em {color:#eb4e45; font-weight:bold}
.pop_coupon_bg {width:250px; height:80px; background:url('/images/mobile/pop_coupon_bg.png') 0px -20px no-repeat; margin:38px auto 0 auto; background-size:270px 75px}
.pop_coupon_bg .pop_coupon {width:190px; height:102px; background:url('/images/mobile/pop_coupon.png') 0 0 no-repeat; margin:0 auto; position:relative; background-size:190px 75px}
.pop_coupon_bg .pop_coupon strong {font-size:40px; font-family:Tahoma!important; color:#eb4e45; position:absolute; top:9px; left:63px}
.pop_coupon_bg .pop_coupon strong.cou_txt {font-size:29px; color:#eb4e45; position:absolute; top:18px; left:63px; letter-spacing:-2px; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"!important}
.pop_coupon_bg .pop_coupon em {font-size:26px}
.pop_btn_posi {display:block; background-color:#6286de; font-size:14px; height:36px; line-height:37px; text-align:center; text-decoration:none; color:#fff; margin:0 auto; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.daily_close_n {text-align:center; overflow:hidden; line-height:20px; margin-top:18px; padding-bottom:3px}
.today_close_n {color:#6e6e6e; letter-spacing:-1px; margin-right:10px; font-size:11px; vertical-align:top; margin-top:10px; display:inline-block; font-size:12px}
.today_close_n input {vertical-align:middle; margin-top:-4px}
.popupFrame_n .pclose {position:absolute; top:15px; right:15px}
.p_de_close_n { display:inline-block; margin:0 auto; width:40px; height:25px; border:1px solid #dcdee0; background-color:#f8f8f8; border-radius:2px;font-size:14px;line-height:26px;color:#555;text-align:center; vertical-align:bottom; margin-bottom:-3px}

.p_gifti_w {padding:15px 0 0 0; text-align:center; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}

.pop_btn_close {display:inline-block; background-color:#f8f8f8; border:1px solid #dcdee0; font-size:14px; height:34px; line-height:35px; text-align:center; text-decoration:none; color:#555; margin:0 auto; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}

.bottom_down_w {overflow:hidden; display:block; visibility:visible; position:fixed; right:18px; bottom:135px;}
.go_top .top_link {display:block; width:42px; height:42px; background:url(/images/mobile/v4/go_top.png?v=2) no-repeat; background-size:42px 42px; font-size:0}


/* facebook event popup */
.face_event {position:relative; display:block; width:290px; height:356px; background-image:url(/images/event/0918event_banner.png); background-repeat:no-repeat; background-size:290px 356px}
.face_event .btn_ev {position:absolute; bottom:17px; left:18px}
.face_event .btn_ev .btn1 img {height:27px; width:125px}
.face_event .btn_ev .btn2 img {height:27px; width:114px}
.face_event .btn_ev2 {position:absolute; bottom:75px; left:38px}
.face_event .btn_ev2 .btn img {height:41px; width:206px}

/* app event popup */
.app_event {position:relative; display:block; width:290px; height:280px; background-image:url(/images/mobile/hcApp/event/pop_app.png); background-repeat:no-repeat; background-size:290px 280px}
.app_event .btn_ev {position:absolute; bottom:8px; left:30px}
.app_event .btn_ev .btn1 img {height:16px; width:109px}
.app_event .btn_ev .btn2 img {height:16px; width:109px; padding-left:20px}
.app_event .btn_ev2 {position:absolute; bottom:50px; left:60px}
.app_event .btn_ev2 .btn img {height:49px; width:160px}

.app_event2 {position:relative; display:block; width:290px; height:350px; background-image:url(/images/mobile/hcApp/event/pop_app2.png); background-repeat:no-repeat; background-size:290px 350px}
.app_event2 .btn_ev {position:absolute; bottom:8px; left:30px}
.app_event2 .btn_ev .btn1 img {height:16px; width:109px}
.app_event2 .btn_ev .btn2 img {height:16px; width:109px; padding-left:20px}
.app_event2 .btn_ev2 {position:absolute; bottom:50px; left:57px}
.app_event2 .btn_ev2 .btn img {height:47px; width:170px}

.app_event3 {position:relative; display:block; width:290px; height:350px; background-image:url(/images/mobile/hcApp/event/pop_app3.png); background-repeat:no-repeat; background-size:290px 352px}
.app_event3 .btn_ev {position:absolute; bottom:8px; left:30px}
.app_event3 .btn_ev .btn1 img {height:16px; width:109px}
.app_event3 .btn_ev .btn2 img {height:16px; width:109px; padding-left:20px}
.app_event3 .btn_ev2 {position:absolute; bottom:50px; left:57px}
.app_event3 .btn_ev2 .btn img {height:47px; width:170px}

.app_event4 {position:relative; display:block; width:290px; height:350px; background-image:url(/images/mobile/hcApp/event/pop_app4.png); background-repeat:no-repeat; background-size:290px 352px}
.app_event4 .btn_ev {position:absolute; bottom:8px; left:30px}
.app_event4 .btn_ev .btn1 img {height:16px; width:109px}
.app_event4 .btn_ev .btn2 img {height:16px; width:109px; padding-left:20px}
.app_event4 .btn_ev2 {position:absolute; bottom:50px; left:57px}
.app_event4 .btn_ev2 .btn img {height:47px; width:170px}

/* renew event popup */
.pop_event {position:relative; display:block; width:290px; height:339px; background-image:url(/images/mobile/hcApp/event/pop2_app.png); background-repeat:no-repeat; background-size:290px 339px}
.pop_event2 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app2.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event3 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app3.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event4 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app4.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event5 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app5.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event6 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app6.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event7 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app7.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event8 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app8.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event9 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/event/pop_comment.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event10 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app10.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event11 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app11.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event12 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app12.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event13 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app13.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event14 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app14.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event15 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app15.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event16 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app16.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event17 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app17.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event18 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app18.png); background-repeat:no-repeat; background-size:290px 378px}
.pop_event19 {position:relative; display:block; width:290px; height:378px; background-image:url(/images/mobile/hcApp/event/pop2_app19.png); background-repeat:no-repeat; background-size:290px 378px}

.pop_fun_coupon {position:relative; display:block; width:290px; height:358px; background-image:url(/images/v4/funCampus_n/event/mobile/pop_comment2.png); background-repeat:no-repeat; background-size:290px 358px}

.btn_ev {position:absolute; bottom:17px; left:18px}
.btn_ev .btn1 img {height:27px; width:125px}
.btn_ev .btn2 img {height:27px; width:114px}
.btn_ev2 {position:absolute; bottom:70px; left:42px}
.btn_ev2 .btn img {height:41px; width:206px}

/* funcampus 설문 팝업*/
.pop_gify_d .gifty_buy_tit { display:block; margin:0 0 7px 0; font-size:14px; font-weight:bold; letter-spacing:-1px; }
.pop_gify_d {width:400px; background:#fff}
.pop_gify_d .pcon { padding:20px 25px 20px 25px; text-align:left; color:#252525;}
.pop_gify_d .pcon #surveyContent{ background-color: transparent; border: 0 none; font-size: 15px; padding: 10px; line-height:22px; width: 100%; height: 80px; line-height: 18px;font-family:'맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','Dotum'; scrollbar-arrow-color:#fff; }
.pop_gify_d .pop_gify_tit { font-size:17px; letter-spacing:-1px; margin-bottom:25px; display:block; border-bottom:2px solid #ccc; padding:0 0 7px 0; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.pop_gify_d .pbottom { clear:both; height:47px; text-align:center; margin-bottom:15px}

.pop_gify_d .gify_buy_com {text-align:center; padding:15px 0 35px 0; line-height:35px}
.pop_gify_d .gify_buy_com .com_txt {font-size:17px; font-weight:bold; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.pop_gify_d .gify_buy_com .com_txt em {color:#eb4e45}

.pop_gify_d .btn_g_buy { display:inline-block; width:220px; padding:9px 0 13px 0; font-size:17px; line-height:18px; letter-spacing:-0.5px; text-align:center; cursor:pointer; border:1px solid transparent; border-radius:4px; color:#fff; background-color:#e54f47; border:1px #c3433c solid; font-weight:bold; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}

.close_top {top: 0px; left: 346px; text-align: center; z-index: 100; position: absolute;}
.close_top a {background: url("/images/pop/2015/pop_sk_close.png") no-repeat scroll 0 0; display: block; height: 54px; width: 54px;}

/* select box */
.select_box {background:#fff; line-height: 45px; letter-spacing: -1px; padding:0 12px; border-top:2px solid #464646; border-bottom:1px solid #c2c2c2; display:block;}
.select_box .sel {width: 100%; padding: 6px 8px 6px 8px; height: 32px; border-radius: 0; background: #fff url("/images/mobile/v4/sel_arr.png") 100% 50% no-repeat; background-size: 20px 7px; -webkit-background-size: 20px 7px; -webkit-appearance: none; -moz-appearance: none; font-size: 15px; line-height: 20px; color: #000; text-indent: 0.01px; text-overflow: ''; border:1px solid #c5c5c5;}
.select_box input {border: 1px solid rgb(197, 197, 197); border-image: none; width: 100%; height: 30px; padding-left:5px; border-radius:0}

/* event */
.p_ev_ok {display:inline-block; margin:0 auto; height:32px; border:1px solid #6286de; background-color:#6286de; border-radius:2px;font-size:14px;line-height:34px;color:#fff;text-align:center;}
.p_ev_close {display:inline-block; margin:0 auto; width:55px; height:32px; border:1px solid #dcdee0; background-color:#f8f8f8; border-radius:2px;font-size:14px;line-height:34px;color:#555;text-align:center}

/* 2016 report */
.rep_contents{position: relative;font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"; }
.rep_contents_w {background: url("/images/adieu2016/bg.jpg") repeat-x; background-position: center top; background-size: cover; padding:0 20px 30px 20px }
.rep_tit {padding-top:50px; text-align:center; }
.rep_tit p{padding-bottom:5px; font-size:23px; text-align:center; color:#fff; letter-spacing: -1px;}
.rep_tit p em {color:#ffc400}
.rep_tit .inp_txt {display:block; font-size:17px; color:#d7d7d7; padding:10px 10px 20px 10px;}
.rep_con1 {background: url("/images/adieu2016/cont_bg.png")0 0; padding:20px 20px 15px; margin-top:10px; font-size:18px; color:#fff; line-height:24px; }
.rep_con1 span {color:#ffc400}
.rep_con1 p {padding-top:7px; line-height: 34px;}
.rep_con1 p em {color:#ffc400; font-family:Tahoma, Geneva, sans-serif; font-size:40px; letter-spacing: -1px; padding-right:3px}
.rep_con1 img{padding-right:5px; height:37px;}
.rep_con1 .c_report {color:#12c5f9; font-weight:600; border-top:1px dotted #7f7f7f; margin-top:20px; height:35px; overflow:hidden; margin-bottom:5px; font-size:17px; padding-top:15px}
.rep_con1 .top_num {background: #12c5f9; width: 35px; color: #ffe9a0; border-radius: 150px; height: 33px; display: inline-block; text-align: center; line-height: 33px; margin-right:8px; font-size:16px}
.rep_text {text-align:center; color:#fff; letter-spacing: -0.5px; font-size:19px;line-height:25px; padding:40px 0 30px}
.rep_text .y_t {color:#ffc400;}
.rep_comt {background: #f5f5f5; border:6px solid #b30d04; padding:15px}
.rep_comt p {font-size:15px; color:#010101; line-height:22px; letter-spacing: -0.5px;}
.rep_comt p em {display: block; font-size:13px; color:#333; margin-top:15px; padding:0 0 10px; min-height:70px; line-height:18px; letter-spacing: 0px;word-break:keep-all; padding-left:80px; background-image:url(/images/adieu2015/mobile/rep_gift.png); background-repeat:no-repeat; background-size:70px auto}
.comt textarea {resize: none; margin:5px 0 0 0px; width: 65%; height: 55px; border: 1px solid #cccccc; padding: 10px; border-radius: 0px; line-height: 16px; background: #f5f5f5; -webkit-appearance:none}
.comt .btn_ty {display: inline-block; text-align:center; cursor: pointer;text-decoration:none}
.comt .btn_ty, .comt .btn_ty:active {background: #b30d04; color: #fff; width: 20%; line-height: 80px; height: 77px; position: absolute; margin-top: 5px;}
.rep_comt .comt_ti {font-size:12px; color:#616161; padding:10px 0 0 0}
.rept {position:relative; display:block; width:290px; height:260px; background-image:url(/images/adieu2016/pop/mpop_repot_bg.png); background-repeat:no-repeat; background-size:290px 251px}
.rept .win_txt {position:absolute; top:25px; left:0; width:100%; text-align:center; font-size:18px; color:#fff; letter-spacing:-1px; font-family:"Nanum Gothic", sans-serif;}
.rept .win_txt em {color:#ffc400}
.rept .win_txt2 {position:absolute; top:120px; left:0; width:100%; text-align:center; font-size:13px; line-height:15px; color:#fff; font-family:"Nanum Gothic", sans-serif;}
.rept .h_link {background: rgba(0, 0, 0, 0.6) 100%; color: #ffc400; position: absolute; top: 165px; left:23%; padding: 11px 0 8px; text-align:center; width: 165px; font-size: 15px; margin-bottom: 3px; font-weight: 600; border-radius: 25px; display: inline-block; text-decoration: none;}
.btn_ev3 {position:absolute; bottom:15px; right:15px}
.btn_ev3 .btn1 img {height:27px; width:auto}
.btn_ev3 .btn2 img {height:27px; width:auto}

/* poll20160114 */
.poll2016_pop {position:relative; border:1px solid #707070; border-radius:8px; width:270px; box-shadow:1px 1px 5px 3px #e1e1e1; padding:15px 0 0;font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.poll2016_pop .app_txt1 {margin:0 0 13px 0; font-weight:bold; display:block; font-size:19px; letter-spacing:-0.5px; color:#333}
.poll2016_pop .app_txt1 em,.poll2016_pop .app_txt3 em {color:#496abc;}
.poll2016_pop .poll_cont { font-size:14px; color:#000; line-height:20px; margin-bottom:5px; margin-top:7px}
.poll2016_pop .pbtn {text-align:center; font-family:dotum;}
.poll2016_pop .pclose {position:absolute; top:-6px; right:20px}
.btn_ev4 {text-align:center; height:39px; border-top:1px solid #e9e9e9; margin-top:10px}
.btn_ev4 .btn1 img {height:27px; width:125px; border-right:1px solid #f3f3f3; padding:5px 0 7px}
.btn_ev4 .btn2 img {height:27px; width:114px; padding:5px 0 7px}

.poll2016 {padding:25px 0;font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.poll2016 .app_txt1 {margin:0 0 13px 0; font-weight:bold; display:block; font-size:19px; letter-spacing:-0.5px; color:#333}
.poll2016 .app_txt1 em,.poll2016 .app_txt3 em {color:#496abc;}
.poll2016 .app_txt2 {display:block; font-size:16px; font-weight:bold; color:#496abc; letter-spacing:-0.5px}
.poll2016 .app_txt3 {display:block; font-size:18px; font-weight:bold; position:absolute; right:20px; top:-18px; color:#333}
.poll2016 .app_txt4 li { font-size:14px; padding-bottom:5px; font-weight:bold}
.poll2016 .poll_cont {font-size:15px; color:#000; line-height:23px; margin-bottom:5px; margin-top:7px}
.poll2016 .pbtn {text-align:center; font-family:dotum;}
.poll2016 .pclose {position:absolute; top:-6px; right:20px}
.poll_btn_b {display:inline-block; margin-bottom:10px; background-color:#6286de; border:1px solid #5372bd; font-size:20px; height:52px; line-height:55px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; letter-spacing:-1px; font-family:dotum; width:240px; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.poll_btn_b2 {display:inline-block; background-color:#6286de; border:1px solid #5372bd; font-size:16px; height:35px; line-height:38px; text-align:center; text-decoration:none; color:#fff; font-weight:600; letter-spacing:-1px; width:150px; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.poll_btn_close {display:inline-block; background-color:#f8f8f8; border:1px solid #dcdee0; font-size:16px; height:35px; line-height:38px; text-align:center; text-decoration:none; color:#555; font-weight:600; letter-spacing:-1px; width:90px; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}


.pop_year_coupon {position:relative; display:block; width:290px; height:324px; background-image:url(/images/pop/2016/mobile/m_pop_year.png); background-repeat:no-repeat; background-size:290px 324px}
.pop_year_coupon .btn_ev2 {position:absolute; bottom:53px; left:35px}
.pop_year_coupon .btn_ev2 .btn img {height:41px; width:206px}
.pop_year_coupon .btn_ev { position:absolute; bottom:5px; left:10px}
.pop_year_coupon .btn_ev .btn1 img {height:27px; width:125px}
.pop_year_coupon .btn_ev .btn2 img {height:27px; width:114px; padding-left:16px}

/* 다운로드 알림 */
.down_alarm_w {height:46px; width:100%; z-index:9999; position:relative; box-shadow:0 1px 8px rgba(0,0,0,0.1);}
.down_alarm {width:100%; background-color:#fffccb; height:46px;}
.down_alarm .alarm_txt {padding:7px 10px 0 10px; font-size:15px; color:#000; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.down_alarm .alarm_txt em { color:#e54f47; font-weight:bold}
.down_alarm .alarm_txt img {vertical-align:top; margin-right:5px; padding-top:3px}
.down_alarm .alarm_txt .btn_doc_down {display:block; float:right; width:58px; height:30px; line-height:31px; border:1px solid #d7d7d7; color:#000; border-radius:3px; text-align:center; font-size:13px}
.down_alarm .alarm_txt .btn_doc_down:hover { border:1px solid #bdbdbd; text-decoration:none}
.down_alarm .alarm_txt .txt_info {vertical-align:top; display:inline-block; margin-top:6px; font-size:90%; letter-spacing: -1px}

/*20160202*/
.sgt_area .link_pre, .sgt_lst .btn_delword, .btn_reset .ico_del {background-image:url(/images/sgt_img.png); background-repeat:no-repeat; background-size:50px 50px}

.search_sgt_w {width:100%; width:100%; z-index:1602}
.search_sgt {position:relative; border-radius:4px; background-color:#fff; overflow:hidden; margin:15px; padding:0; font-family:'Malgun Gothic','맑은 고딕',sans-serif}
.sgt_area {position:relative; width:100%; height:43px; text-align:left}
.sgt_area .link_pre { position:absolute; top:0; left:0; display:inline-block; width:40px; height:40px; background-position:13px 12px}
.sgt_area .txt_hp {display:none; height:100%; overflow:hidden; visibility:hidden; width:100%}

.sgt_form {position:relative; margin:0 0 0 46px; vertical-align:top; margin-right:5px}
.sgt_form .box_in {background-color:#fff; height:27px; overflow: hidden; padding: 7px 37px 8px 0;}
.sgt_form .box_in .sgt_keyword {background-color: transparent; border:0; outline: transparent; color:#000; font-size:15px; height:30px; line-height:20px; vertical-align:top; width:100%; -webkit-appearance: none; text-overflow: ellipsis}
.sgt_form .box_in .sgt_btn {cursor:pointer; font-size:0; width:37px; height:41px; line-height:0; position:absolute; right:0; top:0;}
.sgt_imsc {overflow:hidden; background-image:url(/images/head_img_v4.png?v=2); background-repeat:no-repeat; background-size:50px auto}
.sch_ico {width:21px; height:21px; background-position:1px 2px; display:block; margin-left:3px;}

.sgt_lst li {border-top:1px solid #f2f2f2; position:relative}
.sgt_lst .link_suggest {display:block; overflow:hidden; height:41px; padding:0 40px 0 46px; font-size:15px; line-height:2.94; color:#403f4e; white-space:nowrap; text-overflow: ellipsis}
.sgt_lst .link_suggest em {color:#496abc}
.sgt_lst .btn_delword {position:absolute; top:0px; right:0px; width:44px; height:41px; font-size:0; line-height:1; background-position:11px -22px}
.sgt_lst .sgt_date {position:absolute; top:12px; right:47px; font-size:13px; color:#a1a1a1}
.sgt_del_w {width:100%; border-top:1px solid #f2f2f2; padding-bottom:22px}
.sgt_del_w .btn_sgt_del {display:block; width:121px; height:34px; margin:17px auto 0 auto; font-size:13px; color:#6e6e6e; border:1px solid #e1e1e1; background-color:#f6f5f6; text-align:center; line-height:35px}

.btn_reset {background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:0 none; font-size:0; height:41px; line-height:0; position:absolute; right:36px; top:0; width:30px;}
.btn_reset .ico_del { background-position:7px -22px; display:block; float:left; height:41px; width:30px;}

/*서식리스트*/
.form_thumb {float:left; position:relative; margin:5px 17px 17px 1px}
.f_thmb {overflow:hidden; display:table-cell; *display:inline-block; width:101px; height:143px; text-align:center; z-index:1; border:1px solid #c4c4c4; background-color:#fff}
.f_thmb .thmb_v {display:inline-block; overflow:hidden; height:100%; vertical-align:middle}
.f_thmb img {width:101px}
.form_desc {height:143px; display:table-cell; vertical-align:middle}
.form_desc .tit_subject2 {display:block;overflow:hidden;width:100%;padding:5px 0 3px;font-weight:normal;font-size:17px;color:#002cbb;line-height:22px; word-break:break-all;}
.form_desc .num_g {display:block; font-size:12px; color:#9a9a9a; margin-top:4px}
.form_desc .num_g .i_doc img {width:12px; height:12px; margin-top:3px; margin-right:3px; margin-left:8px; vertical-align:top;}

/*PPT리스트*/
.ppt_thumb_w {position:relative; overflow:hidden; float:left; width:132px; height:100px; margin-right:10px}
.ppt_thumb_w .ppt_thumb {z-index:3; position:absolute; bottom:0; left:0;}
.ppt_thumb_w .sheet1 {display:block; z-index:2; position:absolute; bottom:3px; left:2px; border:1px solid #c4c4c4; width:125px; height:91px; background-color:#e1e1e1}
.ppt_thumb_w .sheet2 {display:block; z-index:1; position:absolute; bottom:6px; left:5px; border:1px solid #c4c4c4; width:120px; height:91px; background-color:#cdcdcd}
.p_thmb {overflow:hidden; display:table-cell; *display:inline-block; width:130px; height:91px; text-align:center; z-index:1; border:1px solid #c4c4c4; background-color:#fff}
.p_thmb .thmb_v {display:inline-block; overflow:hidden; height:100%; vertical-align:middle}
.p_thmb img {height:91px; text-align:center; vertical-align:top}
.ppt_desc {height:100px; display:table-cell; vertical-align:middle}
.ppt_desc .tit_subject2 {display:block;overflow:hidden;width:100%;padding:5px 0 3px;font-weight:normal;font-size:15px;color:#002cbb;line-height:18px; word-break:break-all;}
.ppt_info {clear:both; width:100%; border-top:1px solid #e9ecef; padding-top:8px; margin-bottom:-1px; margin-top:12px}
.search_comm *:visited .tit_subject2 {color: #99209b;}

/* 20160226 */
.pop_watch {position:relative; display:block; width:290px; height:324px; background-image:url(/images/event/m_pop_watch.png); background-repeat:no-repeat; background-size:290px 324px}
.pop_watch .btn_ev2 {position:absolute; bottom:53px; left:38px}
.pop_watch .btn_ev2 .btn img {height:41px; width:206px}
.pop_watch .btn_ev { position:absolute; bottom:5px; left:10px}
.pop_watch .btn_ev .btn1 img {height:27px; width:125px}
.pop_watch .btn_ev .btn2 img {height:27px; width:114px; padding-left:16px}

/* knou popup*/
.p_de_pop .p_close { display: block; width: 39px; height: 39px; text-indent: -9999px; overflow: hidden; position: absolute; right: 0px; top: 5px; background: url('/images/v4/funCampus/pop_close.png') 8px 0 no-repeat; -webkit-background-size: 25px 25px; background-size: 25px 25px;}
.p_nu_ok {display:inline-block; margin:0 auto; height:32px; border:1px solid #eb4e45; background-color:#eb4e45; border-radius:2px;font-size:14px;line-height:31px;color:#fff;text-align:center}
.p_nu_close {display:inline-block; margin:0 auto; width:55px; height:32px; border:1px solid #dcdee0; background-color:#f8f8f8; border-radius:2px;font-size:14px;line-height:31px;color:#555;text-align:center}

/* 혜택존 popup*/
.p_app_ev {text-align:center; font-size:16px; padding:10px 0 20px 0; color:#333; line-height:24px}
.p_app_ev em {color:#eb4a3f; font-weight:bold}
.p_app_ev strong { font-size:19px}

/* 앱설치 팝업 */
.pop_app_point {position:relative; display:block; width:290px; height:339px; background-image:url(/images/event/benefit/mobile/app_point_pop.png); background-repeat:no-repeat; background-size:290px 339px}
.pop_app_point .btn_save_point { position:absolute; top:210px; left:42px; border:1px solid #e93427; display:block; width:200px; height:40px; line-height:40px; font-size:17px; color:#e93427; text-align:center}

/* customer project */
.cstm_contents_w {margin:0}
.cstm_contents{position: relative;font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"; background: url("/images/event/cstm_top_bg.gif") repeat scroll 0 0; }
.cstm_tit {padding-top:45px; text-align:center; }
.cstm_tit p{padding-bottom:5px; font-size:31px; line-height:38px; font-weight:600; text-align:center; color:#fff; letter-spacing: -0.5px;}
.cstm_tit p em {color:#191919;}
.cstm_text {text-align:center; color:#5f6061; font-size:17px; line-height:23px; padding:10px 0 30px}
.cstm_text .y_t {color:#fff; font-size:17px; line-height:24px; padding-top:15px}
.cstm_text .y_t em {color:#ffc400}
.cstm_text2 {text-align:center; color:#fff; letter-spacing: -0.5px; font-size:17px; line-height:24px; padding:30px 0 30px}
.cstm_poll {font-size:16px; line-height:24px; letter-spacing: -0.5px; padding:0 20px 20px; color:#191919; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"; background: url("/images/event/cstm_top_bg.gif") repeat scroll 0 0; }
.cstm_poll .box {background:#fff; border-radius:3px; padding:20px; border:1px #d6d6d6 solid}
.cstm_poll .txt1 {margin:0 0 13px 0; text-align:left; display:block; font-size:18px; letter-spacing:-0.5px; color:#191919}
.cstm_poll li { font-size:17px; padding-bottom:7px; padding-left:5px}
.cstm_btn_b {display:inline-block; margin-top:30px; background-color:#e93427; border:1px solid #e93427; border-radius:3px; padding:0 100px; font-size:20px; height:60px; line-height:60px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.cstm_btn_h {display:inline-block; margin-top:40px; background-color:#6286de; border:1px solid #4e6bb2; border-radius:3px; padding:0 50px; font-size:20px; height:60px; line-height:60px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.cstm_sub{position: relative;font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"; background: url("/images/event/cstm_top_bg2.gif") repeat scroll 0 0; }

/* 자료등록 */
.upload_agree {position:relative; clear:both; display:block; margin:0 13px 20px 13px}
.upload_agree li {display:block; margin-bottom:5px}
.upload_agree p {color:#202020; font-size:16px; font-weight:bold; padding-top:20px; line-height:28px}
.upload_agree span {display: block; color:#9c9c9c; font-size:13px; line-height:17px; padding-bottom:3px}
.upload_agree .agree_link {margin-left:90px; color:#276acf}
.upload_agree .agree_link a {color:#276acf; text-decoration:underline; margin-right:7px; font-size:14px}
.in_chk {display:block;float:left;position:absolute; z-index:10;width:100px;height:23px}
.in_chk label{display:block;position:absolute;bottom:0;left:0;z-index:10;height:23px;line-height:25px; font-size:14px; text-align:center;color:#444;cursor:pointer; background:url("/images/mobile/v4/login_chk.png") no-repeat scroll 0 1px; background-size:20px 60px; padding-left:23px; font-weight:normal}
.upload_wrap_cont {background-color:#f7f7f7; clear:both;width:100%; min-height:200px; position: relative}
.upload_area {position:relative;clear:both; margin:0 13px}
.upload_area .hide {position:absolute; left:-9999in; overflow:hidden}
.upload_area .log_input {border:1px solid #dadada; background-color:#fff; margin-top:16px}
.upload_area .noti_txt {color:#eb4a3f; font-size:14px; margin:7px 0 -4px 14px}
.upload_area textarea {display:block; width:100%; height: 130px; border:0; color: #999; font-size: 16px; line-height: 19px; background-color: #fff;}
.uploadform {display:inline-block;width:100%;text-decoration:none; padding:0; margin:0}
.uploadform fieldset {display:inline-block;width:100%;height:100%; text-align:left}
.uploadform .text {width:100%; height:40px;font-size:16px; border:none}
.uploadform .ubtn {letter-spacing:-1px; }
.uploadform .ubtn .log_state {position:relative; margin-right:18px;overflow:hidden}
.uploadform .m_uid,.m_upw {height:47px;position:relative}
.uploadform .m_upw {border-top:1px solid #ececec; vertical-align:top; margin-top:-1px}
.uploadform .m_ubtn {margin-top:8px}
.uploadform .m_ubtn label {color:#777; margin-right:0; font-size:13px}
.upload_btn {padding:10px 0 17px; text-align:center; overflow:hidden;}
.upload_ok_n {margin:0 2px; background-color:#fd791c; background-color:#6286de; border:1px solid #5372bd; color:#FFF; display:block; font-size:17px; text-align:center; height:51px; line-height:51px}
.upload_cancel_n {margin:0 2px; background-color:#fd791c; background-color:#f7f7f7; border:1px solid #c2c2c2; color:#666; display:block; font-size:17px; text-align:center; height:51px; line-height:51px}
.s_btn50 {width:50%; float:left; display:block}
.s_btn70 {width:70%; float:left; display:block}
.s_btn30 {width:30%; float:left; display:block}
.sel{width:100%; height:40px; padding:15px 0 0 10px;border:none;border-radius:0;background:#fff url("/images/mobile/v4/sel_arr.png") 99% 24px no-repeat;background-size:23px 9px;-webkit-background-size:23px 9px;-webkit-appearance:none;-moz-appearance:none;font-size:16px;color:#444;text-indent:0.01px;text-overflow:''}
.error {margin:-5px 0 5px 12px; font-size:12px; color:#dd4b39}
.up_complete {width:100%; padding-top:40px; text-align:center; background:#f7f7f7}
.up_complete .info_txt {padding:10px; font-size:19px; font-weight:bold; color:#111; letter-spacing:-0.5px}
.up_complete .info_txt em, .up_complete .com_result em {color:#496abc;font-weight:bold;}
.up_complete .com_result {padding-left:8px; margin:0 14px; color:#363636; font-size:15px; background:url("/images/v4/mypage/ico_arr3.gif") 0 7px no-repeat}
.up_complete .up_info img {display: block; width: 100%; margin: auto; vertical-align: top;}

.p_agree_w {position:absolute; top:45px; width:100%; width:100%; z-index:1602}
.p_agree_con {position:relative; border-radius:7px; background-color:#fff; overflow:hidden; margin:13px; padding:27px 0 27px 0; font-family:"Noto Sans KR"}
.p_agree_con .p_agree_tit {text-align:center; display:block; font-size:16px; color:#252525; font-weight:bold; text-decoration:underline}
.p_agree_con .agree_inner {margin:16px 13px 0 13px; font-size:12px; height:225px; overflow:auto}
.btn_agree_close a { display:block; height:29px; width:60px; line-height:29px; font-size:13px; text-align:center; border-radius:2px; background-color:#d7d7d7; color:#555; margin:15px auto 0 auto}

/* 콕포인트 가이드 팝업*/
.pop_guide {z-index:1602; position:absolute; top:20px; width:100%; text-align:left; margin:0 auto}
.po_guide_con.pline {border:1px solid #b5b5b5}
.po_guide_con {position:relative; border-radius:15px; background-color:#fff; overflow:hidden; line-height:18px; font-family:"맑은 고딕","Malgun Gothic"; box-shadow:2px 2px 10px rgba(0,0,0,0.2); margin:0 20px}
.po_guide_con .guide_tit {font-size:17px; font-weight:bold; color:#000; text-align:center; padding-bottom:17px; text-decoration:underline; letter-spacing:-0.5px}
.po_guide_con .guide_info {font-size:13px; color:#333; padding:27px 17px 17px 17px}
.po_guide_con .guide_info dt {color:#111; font-weight:bold; padding-bottom:2px}
.po_guide_con .guide_info dd {margin-bottom:13px; position:relative}
.po_guide_con .guide_info .g_a, .po_guide_con .guide_info .g_b {float:left; font-size:13px; font-weight:bold; width:16px; height:16px; display:inline-block; text-align:center; line-height:17px; margin-right:2px;}
.po_guide_con .guide_info .g_a {color:#658ae7;}
.po_guide_con .guide_info .g_b {color:#ff4732}
.po_guide_con .guide_info span {overflow:hidden; display:block}
.po_guide_con .guide_info_t {text-align:center; color:#333; border-top:1px solid #ddd; border-right:1px solid #ddd; margin-top:7px; position:relative}
.po_guide_con .guide_info_t td, .po_guide_con .guide_info_t th {font-family:"맑은 고딕","Malgun Gothic"; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px 0; font-size:13px}
.po_guide_con .guide_info_t th {background-color:#f1f1f1}
.po_guide_con .btn_guide_close {position:absolute; right:22px; top:18px; display:block; width:20px; height:18px; overflow:hidden; text-indent:100%; white-space:nowrap; background:url(/images/mobile/v4/pop_giude_close.gif) 0 0 no-repeat; background-size:20px 18px}

/* 서비스 배너 */
.service_banner {display:block; position:relative; background-color:#4fafef; text-align:center; margin-top:8px}
.service_banner img {width:100%; max-width:360px; vertical-align:top;padding:0; margin:0}

/* 콕팝업 */
#dePop.dePopCss{top: 40% !important;}
.p_point_w {position:absolute; top:13%; width:100%; z-index:1602}
.p_point_con {position:relative; border-radius:5px; overflow:hidden; margin:0 46px; text-align: center; font-family:"Noto Sans KR", "맑은 고딕","Malgun Gothic"; background:rgba(0,0,0,0.8)}
.p_point_con .p_po_txt {margin:33px 0 -7px 0; color:#fff; text-align:center; font-size:12px; font-weight:400;}
.p_point_con .p_po_txt em {color:#a0a0a0}
.p_point_con .p_po_txt2 {color:#fff; text-align:center; font-size:16px; font-weight:400; margin-top:25px; margin-bottom:8px}
.p_point_con .p_po_txt2 em {color:#61e6e6}
.p_point_con .p_po_txt3 {text-align:center;color:#fff; font-size:12px; text-align:center; font-weight:300}
.p_point_con .btn_p_w {display:block; overflow:hidden; margin:19px; color:#fff; font-size:15px; line-height:54px; text-align:center;}
.p_point_con .btn_point_view {display:block; height:51px; margin:0 auto; background-color:#db0029; border-radius:10px; color:#fff; font-size:16px; text-decoration:none; line-height:51px; text-align:center;}
.p_point_con .btn_point_view2 {display:block; height:54px; background-color:#257dea; border-radius:5px; margin-top:5px}

.btn_guide {display:inline-block; padding-left:21px; margin-top:30px; font-size:13px; color:#fff; text-decoration:none; background:url("/images/v4/document/ico_point_guide.png") no-repeat 0 2px; background-size:16px 16px}
.guide_cont {text-align:left; margin:0 auto; margin:0 16px}
.guide_cont .guide_det {display:block; clear:both; color:#d8d8d8; font-size:11px; line-height:15px; padding:3px 0 0 0}
.guide_cont .guide_det em {color:#e9284c}
.guide_cont .guide_det a {text-decoration:underline; font-weight:bold; color:#328fff; margin-left:8px}

.voucher_box .v_tit {display:block; font-size:20px; font-weight:500; text-align:center; color:#61e6e6; margin-top:-2px; letter-spacing:-1px;}
.voucher_box .v_txt {color:#fff; font-size:13px; text-align:center; line-height:18px; margin:6px 0 20px 0; font-weight:300; opacity:0.7}
.voucher_item {margin:0 15px}
.voucher_item li {display:block; width:100%; height:57px; margin:0 auto 6px auto; background-color:#fff; color:#000; font-weight:400; text-decoration:none; text-align:center; border-radius:5px 4px 4px 5px; border:1px solid #000}
.voucher_item dt {display:block; float:left; width:43%; height:46px; padding-top:11px; font-size:16px; font-weight:700; line-height:18px; color:#FFF; background-color:#f63e3e; border-radius:4px 0 0 4px; letter-spacing:-0.5px}
.voucher_item dt em {font-size:13px; color:#FFF; opacity:0.8; display:block; font-weight:500}
.voucher_item dd {width:30%; height:57px; font-size:17px; font-weight:700; color:#db0029; float:left; text-align:right; line-height:57px; letter-spacing:-0.5px}
.voucher_item .btn_buy_item {float:right; display:block; width:50px; height:42px; margin:7px 7px 0 0; background-color:#000; font-size:13px; color:#fff; line-height:42px; border-radius:3px; text-decoration:none}

.voucher_box.v_pop .v_tit {color:#000; font-weight:700;}
.voucher_box.v_pop .v_txt {color:#222; margin:6px 0 15px 0}
.voucher_box.v_pop .voucher_item li {border:1px solid #797979}

#confirmBookSummaryCoupon .voucher_box.v_pop .v_tit {color:#61e6e6; font-weight:700;}
#confirmBookSummaryCoupon .voucher_box.v_pop .v_txt {color:#fff; margin:6px 0 15px 0}
#confirmBookSummaryCoupon .voucher_box.v_pop .voucher_item li {border:1px solid #000}


/* 북코스모스 다운로드 팝업 */
.p_ntop {height:43px; background-color:#242d43; font-size:16px; font-weight:bold; color:#e1e1e1; letter-spacing:-1px; line-height:20px;}
.p_ntop h1.ptit {float:left; height:30px; padding-top:13px}
.p_nclose {float:right; width:29px; height:29px; display:block; margin:7px 7px 0 0; background:url('/images/pop/2014/popup_close.gif') 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
.btn_fun_w {padding:0 12px; display:inline-block; background-color:#fff; border:1px solid #c2c2c2; font-size:12px; height:29px; line-height:32px; text-align:center; text-decoration:none; color:#333}
.btn_fun_b {padding:0 12px; display:inline-block; background-color:#6286de; border:1px solid #5372bd; font-size:12px; height:29px; line-height:32px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; letter-spacing:-1px}
.btn_fun_b:link {text-decoration:none; color:#fff}
.btn_fun_w:link {text-decoration:none; color:#505050}
.popupFrame {color:#555;background:#fff}
.popupFrame h1 {display:block; position:relative;padding:12px 0 0px 20px; height: 32px; background-color:#242d43;font-size:16px; font-weight:bold; color:#e1e1e1; letter-spacing:-1px; line-height:20px; text-align:left}
.popupFrame span.p_logo {position:absolute; top:10px; right:20px}
.containerPopup {padding:20px 20px 0 20px; background:#fff }
.popupFrame .p_k_det {margin-left:5px;}
.popupFrame .p_k_det th {padding:7px 8px 4px 10px; font-weight:normal; font-size:12px; background-color:#ededed; color:#818181; text-align:center; letter-spacing:-1px; font-size:11px;}
.popupFrame .p_k_det td {padding:8px 3px 8px 10px; background-color:#ffffff; color:#555555; font-size:12px; }
.popupFrame .cBtns {text-align: center; margin:10px 0 20px 0;}
.popupFrame .rBtns {text-align: right; margin:0px 0 5px 0;}
.popupFrame .btn_p_w {padding:0 24px; display:inline-block; background-color:#f8f8f8; border:1px solid #c2c2c2; font-size:12px; height:35px; line-height:37px; text-align:center; text-decoration:none; color:#333; font-weight:bold}
.popupFrame .btn_p_b {padding:0 24px; display:inline-block; background-color:#6286de; border:1px solid #5372bd; font-size:12px; height:35px; line-height:37px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; letter-spacing:-1px}
.down_file img, .down_file input {vertical-align:middle}
.down_file label { margin-right:10px}

.d_loading {z-index:999; background-color:rgba(0,0,0,0.6); border-radius:20px}
.d_loading .load_in { padding:40px}
.m_load_txt {font-size:12px; color:#ccc; text-align:center; display:block; margin:8px; position:absolute; margin:8px -35px 0 0; padding-left:7px}

.ev_pop { position:relative; width:350px; border: 1px solid #8f8f8f; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"; background-color:#fff; box-shadow:0px 0px 6px 2px rgba(0,0,0,0.2)}
.ev_pop .p_cont {padding:35px 0 33px 0; text-align:center; color:#111; line-height:24px}
.ev_pop .p_cont em {color:#eb4e45}
.ev_pop .p_cont .f_txt {display:block; font-size: 15px; font-weight: bold; line-height: 24px; padding-top: 15px; }
.ev_pop .p_cont .f_txt2 {font-size:12px; font-family:dotum; font-weight:normal; color:#6e6e6e; line-height: 20px;}
.ev_pop .p_cont .f_txt2 a { color:#6e6e6e}
.ev_pop .f_btn {margin-top:18px}

.ev_pop .btn_p_w {padding:0 24px; display:inline-block; background-color:#f8f8f8; border:1px solid #c2c2c2; font-size:12px; height:35px; line-height:37px; text-align:center; text-decoration:none; color:#333; font-weight:bold}
.ev_pop .btn_p_b {padding:0 24px; display:inline-block; background-color:#6286de; border:1px solid #5372bd; font-size:12px; height:35px; line-height:37px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; letter-spacing:-1px}
.ev_pop a.btn_p_r {padding:0 24px; display:inline-block; background-color:#e54f47; border:1px solid #c3433c; font-size:12px; height:29px; line-height:32px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; letter-spacing:-1px}
.ev_pop .btn_p_b_s {padding:0 20px; display:inline-block; background-color:#6286de; border:1px solid #5372bd; font-size:12px; height:30px; line-height:29px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; letter-spacing:-1px;}

/* 출금계좌번호 */
.p_withdrawal_w {position: absolute; top: 45px; width: 100%; z-index: 1602;}
.p_withdrawal_con {position: relative; border-radius: 7px; background-color: #fff; overflow: hidden; margin: 30px; padding:15px 0; font-family: "맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum";}
.p_withdrawal_con .p_txt1 {text-align:left; display: block; font-size: 15px; line-height: 22px; color: #252525; margin:3px 7px 0px 20px; font-weight:600}
.p_withdrawal_con .p_txt1 em {font-size:13px; font-weight:300}
.p_withdrawal_con .p_txt2 {text-align:left; display: block; font-size: 15px; line-height: 22px; color: #252525; margin:13px 7px 0px 20px; font-weight:600}
.p_withdrawal_tb {overflow:auto; overflow-x:hidden; margin:5px 15px; border-top:1px solid #ddd; border-left:1px solid #ddd}
.p_withdrawal_tb th, .p_withdrawal_tb td { height:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.p_withdrawal_tb th {padding:7px 0 5px 0; background-color:#f3f3f3; color:#555; text-align:center; font-size:13px}
.p_withdrawal_tb td {padding:8px 0 4px 0; color:#333; line-height:18px; background-color:#fff; text-align:center; font-size:14px}
.p_withdrawal_tb td strong {display:block; padding:1px 0 7px 0; font-size:16px}
.p_withdrawal_btn {text-align: center; overflow: hidden; margin-top: 7px;}
.p_down_b {display:inline-block; width:110px; height:35px; background-color:#257dea; border:1px solid #257dea; color:#FFF; font-size:14px; text-align:center; line-height:35px; border-radius:3px}
.p_cancel_n2 {display:block; margin:13px auto 0 auto; width:50px; height:27px; background-color:#d7d7d7; border:1px solid #d7d7d7; color:#555; font-size:12px; text-align:center; line-height:29px; border-radius:3px}
.btn_ad_in {vertical-align: middle; padding: 0 6px; display: inline-block; font-size: 11px; background-color: #fff; border: 1px solid #c2c2c2; height: 21px; line-height: 24px; text-align: center; text-decoration: none; color: #505050; border-radius: 2px;}
.p_select_box {background: #fff; line-height: 36px; letter-spacing: -1px; margin: 0 12px; display: block;}
.p_select_box .sel {width: 100%; padding: 6px 8px 6px 8px; height: 32px; border-radius: 0; background: #fff url(/images/mobile/v4/sel_arr.png) 100% 50% no-repeat; background-size: 20px 7px; -webkit-background-size: 20px 7px; -webkit-appearance: none; -moz-appearance: none; font-size: 14px; line-height: 20px; color: #000; text-indent: 0.01px; text-overflow: ''; border: 1px solid #c5c5c5;}
.p_select_box input {border: 1px solid rgb(197, 197, 197); border-image: none; width: 100%; height: 30px; padding-left: 5px; border-radius: 0;}

/* 방통대 할인쿠폰 발급 팝업 */
.pop_knou_coupon {position:relative; display:block; width:290px; height:339px; background-image:url("/images/event/pop_knou_coupon.png"); background-repeat:no-repeat; background-size:290px 339px}
.pop_knou_coupon .btn { position:absolute; top:260px; left:42px; border:1px solid #e93427; display:block; width:200px; height:40px; line-height:40px; font-size:17px; color:#e93427; text-align:center}

/* 해피캠퍼스 할인쿠폰 발급 팝업 */
.pop_hp_coupon {position:relative; display:block; width:290px; height:339px; background-image:url("/images/event/pop_hp_coupon.png"); background-repeat:no-repeat; background-size:290px 339px}
.pop_hp_coupon .btn { position:absolute; top:260px; left:42px; border:1px solid #e93427; display:block; width:200px; height:40px; line-height:40px; font-size:17px; color:#e93427; text-align:center}

/* 설문조사 팝업 */
.p_poll_wrap {width:300px; height:328px; margin:0 auto}
.p_poll_wrap .poll_bg {position:relative; width:300px; height:328px; background:url(/images/event/mpoll_app_pop.png) 0 0 no-repeat; background-size:300px 328px}
.p_poll_wrap .poll_bg .poll_textarea {position:absolute; top:167px; left:25px; width:229px; height:63px; overflow:auto; background-color:#f3f3f3; border:1px solid #c8c8c8; padding:10px; font-size:14px; color:#555; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.p_poll_wrap .poll_bg .poll_btn_ok { position:absolute; bottom:23px; left:93px; vertical-align:middle; padding:0 40px; display: inline-block; font-size:15px; background-color:#9f68ed; border:1px solid #9f68ed; height:35px; line-height:35px; text-align:center; text-decoration: none; color:#fff; border-radius:2px}
.poll_btn_clolse { display: block; position:absolute; right:10px; top:12px; width:35px; height:35px; background:url(/images/event/poll_btn_clolse.png) 7px 7px no-repeat; background-size:21px 21px; font-size:0}

/* 출석이벤트 팝업 */
.p_ev_attendance {width:300px; height:635px; padding:0; margin:0 auto; position:relative; background-color:#f1f5f8; border:1px solid #424857}
.p_ev_attendance img {width:100%}
.p_ev_attendance .ev_att_tit { padding-top:5px }

.ev_calendar {width:260px; height:212px; margin:0 auto; background: url("/images/event/roulette/ev_att_calendar.gif") 0 0 no-repeat; background-size:260px auto }
.ev_calendar table { margin:4px 10px 0 14px; width: 234px;}
.ev_calendar th {color:#251e1f; text-align:center; font-size:12px; padding-bottom: 3px}
.ev_calendar td { position:relative; height:24px; border: 1px solid #c1c2c6}
.ev_calendar td .date{ color:#999; text-align:center; display:block; font-size:11px}
.ev_calendar td.ok { background-color:#fed5de;}
.ev_calendar td.ok .date {color:#fff}
.ev_calendar .check_ok { display:block; position: absolute; left:6px; top:2px ; width:20px; height:20px; background: url("/images/event/roulette/check_ok.png") 0 0 no-repeat; background-size:20px auto}
.ev_calendar .month { display:block; padding-top:13px; color:#fff; font-size:19px; font-weight:normal; text-align:center}
.ev_calendar .month em {font-size:18px; vertical-align:0px; font-weight: normal; padding-left:2px}

.ev_calendar_info {float:left; padding:15px 20px 10px 13px; margin-left:13px; font-size:13px}
.ev_calendar_info .c_info1 li { line-height:21px; color:#606572; letter-spacing:-0.5px}
.ev_calendar_info .c_info1 em, .ev_calendar_info .c_info2 em {margin-left:-12px;}
.ev_calendar_info .c_info2 li {color:#ff315f; line-height:22px;}
.c_info3 {display: block; font-size:14px; color: #314064; font-weight:bold; text-align:center; margin:12px 20px 10px 20px; background-color:#dbe7ef; padding:5px 0 7px 0; border-radius:6px }

.ev_roul_go { display:inline-block; width:170px; height:40px; line-height:40px; margin-top:14px; color:#fff; margin-right:5px; background-color: #00987b; border:1px solid #00987b; font-size:16px; text-align:center; font-weight:400; text-decoration:none; border-radius:3px; font-family:"Noto Sans KR","맑은 고딕","Malgun Gothic"}
.ev_roul_close { display:inline-block; width:72px; height:40px; line-height:40px; margin-top:14px; color:#555; background-color: #fff; border:1px solid #ccc; font-size:16px; text-align:center; font-weight:400; text-decoration:none; border-radius:3px; font-family:"Noto Sans KR","맑은 고딕","Malgun Gothic"}
.btn_att_close { position: absolute; top:15px; right:15px; display: block; width:23px; height:23px; background: url("/images/event/roulette/ev_att_close.gif") 0 0 no-repeat; background-size:23px auto}

.sidenav .ev_box, .sidenav .ev_box2 {position:relative}
.sidenav .ev_box h3 {font-size:14px; color:#fff; margin-top:6px; padding:10px 0 1px 24px; background-color:#6cabff; border-bottom:1px solid #619ae5; height:32px; word-spacing:-1px;}
.sidenav .ev_box2 h3 {font-size:14px; color:#fff; margin-top:6px; padding:10px 0 1px 24px; background-color:#2db865; border-bottom:1px solid #1e984f; height:32px; word-spacing:-1px;}
.sidenav .ev_box .ico_ev_stamp {display:inline-block; width:21px; height:21px; margin:0 6px 0 0; vertical-align:-4px; background: url("/images/event/roulette/ico_ev_stamp.png") 0 0 no-repeat; background-size:21px auto}
.sidenav .ev_box .ico_ev_stamp2 {display:inline-block; width:21px; height:21px; margin:0 6px 0 0; vertical-align:-7px; background: url("/images/event/quizOX/mobile/ico_ev_coupon2.png") 0 0 no-repeat; background-size:21px auto}
.sidenav .ev_box2 .ico_ev_invite {display:inline-block; width:26px; height:21px; margin:1px 6px 0 -4px; vertical-align:-4px; background: url("/images/event/ico_ev_invite.png") 0 0 no-repeat; background-size:26px auto}

.my_ev_box {clear:both; margin:0 0 8px 0; position:relative; text-align: center; overflow: hidden }
.my_ev_box img {vertical-align:top}
.my_ev_box .my_ev1, .my_ev_box .my_ev2 {width:50%; float:left}
.my_ev_box .my_ev1 .ev_in {display:block; background-color:#6cabff; margin:0 2px; padding:9px 0}
.my_ev_box .my_ev2 .ev_in {display:block; background-color:#2db865; margin:0 2px; padding:9px 0 8px 0}
.my_ev_box strong { font-size:15px; color:#fff; font-weight:500; vertical-align:2px; letter-spacing:-0.5px}
.my_ev_box .ico_ev_stamp {display:inline-block; width:21px; height:21px; margin:0 6px 0 -11px; vertical-align:-2px; background: url("/images/event/roulette/ico_ev_stamp.png") 0 0 no-repeat; background-size:21px auto}
.my_ev_box .ico_ev_stamp2 {display:inline-block; width:21px; height:21px; margin:0 6px 0 -11px; vertical-align:-5px; background: url("/images/event/quizOX/mobile/ico_ev_coupon2.png") 0 0 no-repeat; background-size:21px auto}
.my_ev_box .ico_ev_invite {display:inline-block; width:27px; height:23px; margin:0 5px 0 -11px; vertical-align:-3px; background: url("/images/event/ico_ev_invite.png") 0 0 no-repeat; background-size:27px auto}
.my_ev_box .ico_ev_review {display:inline-block; width:27px; height:23px; margin:0 2px 0 -11px; vertical-align:-3px; background: url("/images/event/ico_ev_coffee.png") 0 0 no-repeat; background-size:27px auto}

/* 등급업 이벤트 */
.pop_grade_ev {position:relative; display:block; border-radius:7px; background-color:#fff; overflow:hidden; margin:15px; font-weight:400; padding:28px 15px 0 15px}
.pop_grade_ev .p_grade_con {font-size:14px; color:#555; line-height:21px; text-align:center; letter-spacing: -0.5px; margin:0 10px}
.pop_grade_ev .p_grade_con p {color:#000; margin-bottom:10px; font-size:16px; text-align: center; line-height: 23px}
.pop_grade_ev .p_grade_tit {text-align:center; margin:0 0 12px 0}
.pop_grade_ev .p_grade_tit img {width:210px; height: auto}
.pop_grade_ev .ad_inner {background-color:#f2f2f4; margin:17px auto 0 auto; padding-bottom:15px; font-size:13px; color:#666; line-height:20px}
.pop_grade_ev .ad_inner ul {padding:13px 11px 0 13px; }
.pop_grade_ev .ad_inner li {margin-bottom:10px}
.pop_grade_ev .ad_inner span {display:block; color:#222; font-weight:bold}
.pop_grade_ev .ad_inner p {display:block; overflow:hidden}
.pop_grade_ev .p_grade_noti {padding:0 10px 8px 12px; font-size:13px;}
.pop_grade_ev .p_grade_noti span {color:#e5330a}
.pop_grade_ev .p_grade_noti em { display:inline-block; margin-left:-11px;}
.pop_grade_ev .p_grade_noti p {padding-left:8px;}
.pop_grade_ev .grade_txt {color:#b94f4e; font-weight: bold}
.pop_grade_ev .grade_txt2 {color:#ff7e00; font-weight: bold}
.pop_grade_ev .grade_txt3 {color:#838383; font-weight: bold}
.pop_grade_ev .cloud_go_save {width:180px; height:47px; display:block; background-color:#31313d; border:1px solid #31313d; text-align:center; color:#e5e5e5; font-size:16px; line-height:47px; margin:10px auto 0 auto; border-radius:24px; text-decoration:none; letter-spacing: -0.5px}

/* 판매자인증 미성년자 20190905 */
.pop_f_info { margin-left:6px; font-size:13px; line-height:20px; margin-bottom:25px}
.pop_f_info li {padding:5px 0 3px 0; color:#777; letter-spacing: -0.5px}
.pop_f_info .p_t1 {color:#000}
.pop_f_info .p_t2 {color:#eb4e45 }
.pop_f_info .rx_bull {margin:0 0px 0 -14px; font-size:15px}

.pop_f_content {font-size:15px; line-height:25px; padding:20px 20px 25px 20px; font-weight:400; color:#6e6e6e; text-align:left; min-height:485px; height:100%; background-color:#f9f9f9}
.pop_f_content .confirm_tit {font-weight:bold; color:#222; padding:10px 0 10px 0; font-size:17px; margin-top:5px; text-align:center; letter-spacing:-0.5px; line-height: 27px}
.pop_f_content .confirm_tit em {color:#446ace}
.pop_f_content .con_input {width:120px; height:32px; border:1px solid #ccc; border-radius:2px; background-color: #fff; font-size:14px; color: #111; margin-right:4px;}

.confirm_table {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fff; margin-bottom:10px}
.confirm_table th, .confirm_table td { height:23px; text-align:left; font-size:14px; border-bottom:1px solid #e0e0e0; padding:10px 0 10px 7px; color:#111; line-height:18px}
.confirm_table th {color:#7f7f7f; font-weight:normal; width:75px; background-color:#fff; padding:10px 0 10px 10px}

.bot_btn_w {padding:2px 0 30px 0; text-align:center; overflow:hidden}
.bot_btn_w .p_btn {width:130px; display:inline-block; margin:0 auto}
.bot_btn_w .bot_ok_n {margin:0 2px; background-color:#5b6475; border:1px solid #5b6475; color:#FFF; display:block; border-radius:2px; font-size:15px; text-align:center; height:35px; line-height:34px}

.bot_btn_w2 {padding:15px 0 25px 0; text-align:center; overflow:hidden; border-top:1px solid #ccc; margin-top:30px}
.bot_btn_w2 .p_btn {width:100%; display:inline-block; margin:0 auto}
.bot_btn_w2 .bot_ok_n {margin:0 2px; background-color:#eb4a3f; border:1px solid #eb4a3f; color:#FFF; display:block; border-radius:2px; font-size:18px; text-align:center; height:48px; line-height:48px}

.nick_box {border:1px solid #d2d6da; background-color:#f4f7fd; padding:10px 0; margin-bottom:10px}
.nick_box dl {margin:0 auto; width:250px}
.nick_box dt {font-weight:bold; padding-right:10px; color:#444; float:left; line-height:32px; font-size:14px}
.btn_nick_chk {background-color:#fff; border:1px solid #ccc;color: #000; display:inline-block; border-radius: 2px; font-size:13px; text-align: center; height: 32px; width: 70px; line-height: 31px; vertical-align:-1px; letter-spacing: -0.5px; word-spacing: -0.5px}

.step_tit {display: block; padding-bottom:10px; margin: 0 auto; font-size:17px; font-weight: bold; color: #222; border-bottom:1px solid #495164; margin-bottom: -1px; position: relative; z-index:100}
.step_tit em { font-size:17px; letter-spacing:-0.5px; padding-left:6px;}

.confirm_agree {clear:both; display:block; margin:13px 0 10px 0}
.ag_in_chk {display:block;position:relative;z-index:10;width:100%;height:23px}
.ag_in_chk input{position:absolute;top:4px;left:3px;z-index:9}
.ag_in_chk label.on {z-index:100; background-position:0 -39px; color:#343434; cursor: pointer;}
.ag_in_chk label {display:block;position:absolute;top:0;left:0;z-index:10;height:23px;line-height:25px;text-align:left;color:#343434;cursor:pointer; background:url("/images/mobile/v4/login_chk.png") no-repeat scroll 0 1px; background-size:20px 60px; padding-left:25px; font-weight:normal; letter-spacing:-0.5px}

/*20191021*/
.par_birth select {min-width:55px; width: auto; font-size:13px; padding: 2px 4px; border: 1px solid #ccc; color: #333; height:34px; background-color: #fff}
.par_info {font-size:13px; letter-spacing:-0.5px; padding:7px 0 5px 0 }

/* 구매평가 포인트 20200422 */
.opinion_point_icon em {padding-right:2px}
.opinion_point_icon.g_aa {color:#eb4a3f}
.opinion_point_icon.g_a {color:#5279d6}
.opinion_point_icon.g_b {color:#2ba4ba}
.opinion_point_icon.g_c {color:#6a9b3a}
.opinion_point_icon.g_d {color:#7f8889}


/* 20210303 리스트 더보기 */
.lst_view_more {background-color: #fff; margin-bottom: 5px}
.lst_view_more a {display:block; height: 32px;line-height: 33px; text-align: center; color:#333; font-size:14px; border:1px solid #dde0e8; padding:5px 0}
.lst_view_more .arr_more {width: 7px; height:7px; border-top:1px solid #000; border-right:1px solid #000; transform: rotate(135deg); display: inline-block; margin: 10px 0 0 6px; vertical-align: top; opacity: .5;}

/** 20210412 판매자스토어 **/
.slide_basic_cont {background-color:#e8ecee; margin:-20px 0 -6px 0; padding:0 14px; border-bottom: 1px solid #dae1e6}
.slide_basic_info {font-size:14px; padding:16px 19px 30px 17px; position:relative; background-color:#3d5fb5; overflow:hidden}
.slide_basic_info .seller_info {text-align:center; float:left; margin-right:12px; margin-left:5px}
.slide_basic_info .seller_info .s_pic {margin:0 auto; display: block; overflow: hidden; position: relative; margin-left:2px; width:65px; height:65px}
.slide_basic_info .seller_info .s_pic img {width:65px; height:65px; border-radius:50%}
.slide_basic_info .seller_info .s_pic:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #fff; opacity: .07; border-radius: 50%; content: '';}
.slide_basic_info .seller_info .s_pic a { display: block; position: relative}
.slide_basic_info .intro_txt_box {overflow: hidden; padding-bottom:12px; padding-top:3px}
.slide_basic_info .intro_ctxt {font-size:13px; line-height:19px; text-align:left; letter-spacing:-0.5px; color:rgba(255,255,255,0.75)}
.slide_basic_info .intro_ctxt em { display: block}
.slide_basic_info .nickname {font-weight:600; color:#fff; font-size:16px; display: block; line-height:19px; margin-bottom:3px}
.slide_basic_info .nickname em {font-weight:normal; font-size:12px; color:rgba(255,255,255,0.5); margin-left:4px}
.ico_store_go {position: absolute; left: 0px; top: 3px; display: inline-block; width:22px; height:22px; background: url("/images/mobile/v4/ico_home.png") no-repeat 0 0; background-size:22px 22px; z-index:100}

.slide_basic_info .my_follow_w {margin-top:11px}
.slide_basic_info .my_follow, .slide_basic_info .my_follow2 {display: inline-block; width:100px; height:26px; margin-right:2px; font-size:12px; border-radius:15px; line-height:25px; background-color: #5a77c0; text-align: center; color:rgba(255,255,255,0.7); border:1px solid #3758ac}
.slide_basic_info .my_follow .f_t1, .slide_basic_info .my_follow2 .f_t1 {display:inline-block; letter-spacing:-0.5px; border-right:1px solid #5068ba; padding-right:6px; margin-right:5px; line-height:13px}
.slide_basic_info .my_follow .f_t2, .slide_basic_info .my_follow2 .f_t2 {display:inline-block}
.slide_basic_info2 {z-index:100; font-size:14px; position: relative; overflow:hidden; background-color:#f9fafc; border-radius:8px}
.slide_basic_info2 dl {margin:19px 5px 17px 15px}
.slide_basic_info2 dt {float:left; letter-spacing:-0.3px; padding-bottom:7px; width:63px; color:#496abc; font-weight:bold}
.slide_basic_info2 dt.other_t {padding-top:9px}
.slide_basic_info2 dd.other_t {padding-top:7px}
.slide_basic_info2 dt.other_t.no {padding-top:0}
.slide_basic_info2 dd.other_t.no {padding-top:0}
.slide_basic_info2 dd {color:#111; padding-bottom:7px; overflow:hidden; border-left:1px solid #ececec; padding-left:12px}
.slide_basic_info2 dd .info_t {display: block; margin-bottom:3px; line-height:19px}
.slide_basic_info2 dd .info_t em {color:#888; font-size:12px}
.slide_basic_info2 .my_tag {text-align: center; font-size:12px; padding:5px 8px; display: inline-block; background-color: #edf0f4; border-radius:20px; margin-right:2px; letter-spacing:-0.5px; color:#3e444f}
.slide_basic_info2 .none {color:#959595; font-size:13px; letter-spacing: -0.5px}
.slide_basic_w {padding-bottom:20px}
.slide_basic_w h3 {font-size:14px; font-weight: bold; letter-spacing:-0.5px; color:#464646; margin:12px 0 6px 10px}
.slide_basic_info3 {z-index:100; font-size:14px; position: relative; overflow:hidden; color:#111; background-color:#f9fafc; border-radius:8px}
.slide_basic_info3 li {float:left; width:50%}
.slide_basic_info3 li .sell_acc {display: inline-block; border-bottom:1px solid #ebeff5; border-right:1px solid #ebeff5; width:100%; height:42px; padding-top:10px; padding-left:11px; box-sizing:border-box; letter-spacing:-0.5px; word-spacing:-0.3px}
.slide_basic_info3 li .sell_bul {display: inline-block; width: 2px; height: 2px; margin-right:4px; vertical-align: middle; background-color: #b4b7c0}
.slide_basic_info3 li .sell_num {margin-left:7px; display: inline-block; font-weight: bold; color:#496abc; letter-spacing:0}

.slide_store_set {display: block; margin-bottom:13px}
.slide_store_set .btn_set {position:absolute; top:13px; right:12px; display: block; width:43px; height: 23px; padding-left:12px; margin-bottom: 10px; letter-spacing:-0.3px; font-size:12px; line-height:22px; text-align: center; color:rgba(255,255,255,0.7); background:url("/images/ico_store_set.png") no-repeat 8px 5px; background-size:12px auto}
.charge_m span {background-image:url("/images/mobile/v4/slide_menu_ico.png");background-repeat:no-repeat; background-size:190px auto}

.banner_roll_pager {position: absolute;bottom: 5px;left:10px;z-index: 200;}
.banner_roll_pager a{display: inline-block; margin: 0 5px 0 0; background:url(/images/v4/main/roll_btn_off.png) no-repeat scroll 0 0; height:11px; overflow:hidden; text-indent:-99em; width:11px}
.banner_roll_pager a.active{background:url(/images/v4/main/roll_btn_on.png) repeat scroll 0 0; padding:0 2px 2px 0; margin-bottom:-1px}


/* footer sns link */
.hpfooter .list_sns_w {position: relative}
.hpfooter .list_sns {position:absolute; left:10px; top:8px; padding:0; margin: 0;}
.hpfooter .list_sns li {padding:0; float: left; margin-right:2px; width: auto;}
.hpfooter .list_sns .link_sns {display:block; width:32px; height:32px; padding:3px 5px; vertical-align:top; border:none; background: none;}
.hpfooter .list_sns .link_sns img, .hpfooter .list_sns .link_sns2 img {vertical-align:top; max-width:100%}
.hpfooter .list_sns .link_sns2 {display:block; width:90px; height:26px; line-height:28px; margin:5px 0 0 5px; vertical-align:top; border:1px solid #d7d7d7; background-color:#fff; color:#305ac9; letter-spacing:-0.3px; word-spacing:-0.5px; border-radius:14px; font-size:11px;}
.hpfooter .list_sns .link_sns2:before {width:16px; height:16px; display: inline-block; vertical-align:-4px; margin-right:3px; margin-left:-1px; content: ""; background:url(/images/mobile/hcApp/ico_hp_guide.png) repeat 0 0; background-size:16px 16px}

/* bottom menu */
.bottom-menu {position: fixed;left: 0;bottom: 0;z-index: 999;width: 100%;height: 50px;background: #fff; padding-bottom: 4px; box-shadow: 0 0 5px 2px rgb(0 0 0 / 15%);}
.bottom-menu a { display: block;float: left;width: 20%;text-align: center; padding:34px 0 0;background: url("/images/mobile/hcApp/ico_nav_2.png?v=3") no-repeat 50% 1px;background-size:45px auto; color: #111; font-size: 11px;}
.bottom-menu a.category {background-position: 50% 11px;}
.bottom-menu a.event {background-position: 50% -32px;}
.bottom-menu a.my {background-position: 50% -78px;}
.bottom-menu a.recent {background-position: 50% -123px;}
.bottom-menu a.search_main {background-position: 50% -210px; margin-top:-8px; background-size:51px auto; height:51px}
.bottom-menu a.talk { background-position: 50% -246px; }
.bottom-menu a.talk .count_w {width:45px; height:29px; vertical-align: top; display: block; margin:-30px auto 0 auto}
.bottom-menu a.talk .count_n {display:inline-block; height:17px; margin-right:-14px; padding:0 5px 0 6px; vertical-align: top; border-radius:10px; font-size:11px; color:#fff; background-color:#ff6a8a}
.bottom-menu a.free_charge {background-position: 50% -352px;}

.b_go_top {height:40px; width:40px; position:fixed; overflow:hidden; border-radius:0; -webkit-box-shadow:none; box-shadow:none; bottom:120px; right:10px; border:0; background:url("/images/mobile/hcApp/go_top.png") 0 0 no-repeat; background-size: 40px 40px; color: transparent; z-index: 99; outline:0}

/* 개인/사업 아이콘 */
.m_st {display: inline-block; font-size: 11px; padding: 1px 5px 1px 5px; margin: 0 1px; height:17px; border-radius: 2px; color: #f1f4fb; text-align: center; font-weight:normal; letter-spacing: -0.5px; vertical-align:top}
.m_st.p_ico {background-color: #7490d4}
.m_st.b_ico {background-color: #5e62a4}
.m_st.c_ico {background-color: #52bed8}
.my_ico_info {width:18px; height:18px; background: url("/images/mobile/hcApp/ico_store_add2.png") no-repeat 0 0; display: inline-block; vertical-align:top; margin-left:4px; background-size:18px auto}

/* 슬라이드 메뉴 */
.slide_cont_m {background-color:#ededee;border-bottom:1px solid #dddee1}
.slide_cont_m:after {display:block;clear:both;content:''}
.info_menu .logout{position:relative; display:block; float:right; width:85px; height:24px; background:url("/images/mobile/hcApp/logout_.png") no-repeat 0 -8px; background-size:42px 40px; text-indent:32px; font-size:13px; color: #7f7f7f; letter-spacing:-0.5px; font-weight:bold;border: 1px #e1e1e1 solid;border-radius: 3px;line-height:24px;background-color: #FFFFFF; padding-right: 8px}
.info_menu .logoin{position:relative; display:block; float:right; width:75px; height:24px; background:url("/images/mobile/hcApp/logout_.png") no-repeat 0 -8px; background-size:42px 40px; text-indent:32px; font-size:13px; color: #7f7f7f; letter-spacing:-0.5px; font-weight:bold;border: 1px #e1e1e1 solid;border-radius: 3px;line-height:24px;background-color: #FFFFFF;margin-right: 10px}
.info_intro {width:200px; font-size:18px; color: #494949; letter-spacing:-0.5px;font-weight:800;padding: 15px}
.intro_txt_box_2 {overflow: hidden;background-color:#f6f6f7;padding: 15px 0 15px 0px }
.banner_wrap {margin-bottom: 8px}
.banner_wrap img {position: relative; width: 100%; vertical-align: top}
.banner_wrap_ {margin-top:8px ;margin-bottom: 8px}
.banner_wrap_ img {position: relative; width: 100%; vertical-align: top}
.mem_info .person_btn img {display:block; width:65px; height:18px;background-size:65px 18px}
.mem_info .level_btn img {display: inline-block; width:20px; height:20px; background-size:20px auto; margin-right:2px; vertical-align:top}
.my_det_info {font-size:14px; padding:18px 15px 18px 15px; position:relative; background-color:#FFFFFF;font-weight: 800}
.my_det_info .seller_info {text-align:center; float:left; margin:0 14px 0 0;position: relative}
.my_det_info .seller_info .s_pic {margin:0 auto; display: block; overflow: hidden; position: relative; padding-left:2px}
.my_det_info .seller_info .s_pic img {width:50px; height:50px; border-radius: 50%}nickname
 .my_det_info .nickname { font-weight: bold;color: #000000;font-size: 15px;display: block;line-height: 19px;margin-bottom: 5px;}
.my_det_info .seller_info .s_pic:after {position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .07; border-radius: 50%; content: '';}
.my_det_info .seller_info .s_pic a {display: block; position: relative}
.my_det_info .intro_txt_box {overflow: hidden;padding-top: 3px;}
.my_det_info .nickname {font-weight:bold; color:#000000; font-size:15px; display: block; line-height:20px; margin-bottom:5px}
.my_det_info .nickname em {font-weight:normal; font-size:12px; color:rgba(255,255,255,0.5); margin-left:4px}

.my_im_menu ul {display: flex; flex-wrap: wrap;align-items: center;text-align: center;background-color: #FFFFFF;letter-spacing:-0.5px; }
.my_im_menu ul li a {display: block; position: relative;font-size:15px; color: #2a2a2a;font-weight: 500 }
.my_im_menu ul li {width:25%}
.my_im_menu .my_link {-webkit-box-sizing:border-box; box-sizing:border-box; padding:10px 0 9px 0; border:1px solid #f4f4f4; border-width:0 1px 1px 0}
.my_im_menu .my_link.b_none {border-bottom: none}
.my_im_menu em {display:block; width:23px; height:21px; margin:0 auto 4px auto; vertical-align:top; background: url(/images/mobile/hcApp/my_ico_img.png?v=2) 0 0 no-repeat; background-size:110px auto}
.my_im_menu em.ico_i1 {background-position:1px 0}
.my_im_menu em.ico_i2 {background-position:-40px 0}
.my_im_menu em.ico_i3 {background-position:-88px 1px}
.my_im_menu em.ico_i4 {background-position:1px -49px}
.my_im_menu em.ico_i5 {background-position:-40px -49px}
.my_im_menu em.ico_i6 {background-position:-83px -50px;}
.my_im_menu em.ico_i7 {height:26px; width:69px; background-position:21px -88px; margin-bottom:0}
.my_im_menu em.ico_i8 {height:26px; width:69px; background-position:-47px -88px; margin-bottom:0}

.top-brand-items {padding: 5px 10px 15px; background-color: #FFFFFF; border-top: 1px solid #efeaf5; border-bottom: 1px solid #efeaf5; margin-bottom:8px}
.top-brand-items .inner ul { display: flex;flex-wrap: wrap; text-align: center;}
.top-brand-items .inner ul li {flex: 0 0 25%; margin: 0 0 15px 0; font-size: 11px; color: #444;position: relative; overflow: hidden;}
.top-brand-items .inner ul li .thum {overflow: hidden; display: flex; align-items: center;justify-content: center;width: 56px; height: 40px;margin: 0 auto 5px;}
.top-brand-items .inner ul li .thum img { width:38px; height:35px; background-size:35px 35px ;}
.top-brand-items .inner ul li .text_2 {font-size:14px; padding: 0 1px;word-break: keep-all;max-height: 35px;}
.top-brand-items .inner ul li a {display: block;}
.down_lst.my_d_1 {margin:0 0 5px 0; border:none;font-family:"Noto Sans KR","맑은 고딕","Malgun Gothic"}
.down_lst.my_d_1 .lst_tit {display:block; color:#2a2a2a; line-height:20px; margin-right:5px; font-size:14px; font-weight:400}
.down_lst h4 strong {display:block; font-size:14px; color:#000; font-weight:700; vertical-align:top}
.down_lst h4 {background-color:#fff; padding:16px 0 17px 16px}

.data_lst {overflow:hidden; border-bottom: 1px solid #e9e9e9;}
.data_lst li {display: block; margin-bottom:1px; border-radius:4px; background-color: #fff; box-sizing: border-box}
.data_lst .cont_info {position:relative; display:block;font-size: 12px;color: #888;font-family: "Malgun Gothic","맑은 고딕"}
.data_lst .cont_info .tit_subject {display:block; padding:17px 14px 17px 16px; font-weight:normal; font-size:15px; word-break:break-all; color:#111}
.data_lst .tit_subject::after {position: absolute;width: 9px; height: 15px; top: 50%; right: 20px; margin-top: -7px; background: url(/images/mobile/hcApp/arr_seller.png) 0 0 no-repeat; background-size: 9px 15px; content: '';}


/* 20220111 자료문의 통일 */
.remy_txt {padding:0px 0px 10px 0;}
.remy_txt .banking {padding:0 15px; line-height:1.6em; font-size:14px; position:relative;}
.remy_txt .banking em {color:#446ace; font-size:13px}
.remy_txt .banking li{padding:5px 0 0 9px; color:#888; font-size:13px; line-height:20px; letter-spacing:-0.5px}
.remy_txt .banking .rx_bull {margin:0 0px 0 -14px; font-weight:bold; font-size:16px}
.remy_txt .banking b {font-weight: normal; color:#333}
.remy_txt .banking p {letter-spacing:-1px; margin-left:5px; color:#ed1b23}
.remy_txt .banking a {text-decoration:underline; white-space:nowrap; color:#446ace;}

.opinion_area {clear:both; margin:0 7px 0 7px; position:relative; background-color:#fff; border:1px #dadada solid; overflow: hidden}
.opinion_area ul {padding:10px 0 3px 0; overflow:hidden}
.opinion_area li {padding:0 12px 0 15px; float:left; font-size:16px; font-weight:bold; color:#333}
.opinion_area li:last-child {border:0; margin-bottom:0}
.opinion_area li input {vertical-align: middle; margin-top: -4px; margin-right:5px; width:19px; height:19px }
.opinion_area .consul_input {clear:both; border:1px solid #dedede; margin:12px 12px 12px 12px; padding:10px }
.opinion_area .consul_input textarea {display:block; width:100%; border:0; color: #444; font-size:15px; line-height:19px; background-color: #fff;}
.opinion_area .txt_num {color: #959595; font-size:12px; text-align: right; display:block; margin:3px 0 -2px 0}
.opinion_area .txt_num em {color: #333}
.opinion_doc {font-size:15px; color:#111; margin:13px; padding-top:3px}
.opinion_doc img {vertical-align:-2px}
.btn_in_w {padding:12px 7px 0 7px; text-align:center}
.btn_in_ok {margin:0 2px; background-color:#fd791c; background-color:#6286de; border:1px solid #6286de; color:#FFF; display:block; font-size:17px; text-align:center; height:51px; line-height:51px}
.pay_cancel_n {margin:0 2px; background-color:#fd791c; background-color:#f7f7f7; border:1px solid #c2c2c2; color:#666; display:block; font-size:17px; text-align:center; height:51px; line-height:51px}
.secret_txt {font-size:13px; margin:6px 0 18px 15px; letter-spacing:-0.5px}
.chk_btn_w {width:22px; margin-right:5px; float:left; overflow:hidden; margin-top:-2px}
.chk_btn {width:22px; height:22px; border:2px solid #ccc; background-color:#fff; padding:0; display:inline-block; cursor:pointer; border-radius:15px}
.chk_btn.checked {background-image:url(/images/v4/cs/ico_chk.png); background-color:#495164; border:2px solid #495164; border-radius:15px; background-size:12px 8px; background-repeat:no-repeat; background-position:3px 4px; font-weight:bold}
.p_btn50 {width:50%; float:left; display:block}

.sell_mem_info .more_in{display:block; position: absolute; top: 18px;left: 220px; width:80px; height:24px; text-indent:12px; font-size:12px; color: #7f7f7f; letter-spacing:-0.5px; font-weight:bold;border: 1px #e1e1e1 solid; border-radius: 3px;line-height:24px; background-color: #FFFFFF;}

/* 20220705 판매알리미 */
.p_de_pop_n {width:290px; padding:25px 0 40px 0; border-radius:8px; margin:0 auto; position:relative; background-color:#fff; border:1px solid #333; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.p_de_pop_n em{ font-weight:bold; color:#333}
.p_ev_ok_1 {display:inline-block; margin:0 auto; height:32px; border:1px solid #6286de; background-color:#6286de; border-radius:2px;font-size:14px;line-height:31px;color:#fff;text-align:center}
.p_ev_close_1 {display:inline-block; margin:0 auto; width:55px; height:32px; border:1px solid #dcdee0; background-color:#f8f8f8; border-radius:2px;font-size:14px;line-height:31px;color:#555;text-align:center;margin-top: 10px}
.p_de_pop_n_2 {width:290px; padding:0px 0 20px 0; border-radius:8px; margin:0 auto; position:relative; background-color:#fff; border:1px solid #333; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"; margin-top: 10px}
.p_busi_info h3 {font-weight:bold; color: #111; font-size:17px; height:30px; letter-spacing:-1px; padding:16px 0 10px 0; text-align: left}

/* 20230214 바로가기/마이페이지 */
.my_book {background-color: #f3fcf7; margin-bottom:8px; position:relative}
.my_book .book_inner {padding:11px 0 10px 16px; font-weight:bold; font-size:14px; color:#000}
.my_book .b_tit {display:inline-block; vertical-align:top; padding-top:8px}
.my_book .ico_freeform_info {display:inline-block; width:16px; height:16px; margin-left:4px; vertical-align:-2px; background: url('/images/v4/mypage/ico_store_add.png') no-repeat; background-size:16px auto; content: "";}
.my_book .coupon_w {display: inline-block; margin: 5px 0 0 5px; padding-left:13px; border-left: 1px solid #d1d9d5}
.my_book .coupon {display: block; font-weight: normal; padding-top: 2px}
.my_book .coupon em {color:#385ccf; font-weight: bold}
.my_book .coupon .none {color:#888; letter-spacing: -0.3px; word-spacing: -0.5px}
.my_book .btn_book_ser {display:inline-block; width:68px; height:30px; margin-left:8px; line-height:32px; border:1px #e1e1e1 solid; text-align:center; vertical-align:0; background-color: #fff; border-radius:3px; font-weight: normal}
.my_book .pop_book_close {display:block; position:absolute; right:9px; top:7px; width:35px; height:35px; background: url('/images/mobile/v4/pop_giude_close.gif') no-repeat 8px 8px; background-size:18px auto}

/* 도서요약본 서비스 */
.t_eb_menu {z-index:100; float:right; margin-right:6px; margin-top:13px}
a.btn_my_book {display:inline-block; width:52px; height:31px; line-height:32px; font-size:13px; text-align:center; font-weight:700; color:#fff; border-radius:3px; border:1px solid rgba(255,255,255,0.2); background-color:#355eca; background-image:none}
a.btn_my_book.on {color:#007aeb; border:1px solid #fff; background-color:#fff;}
a.btn_log {display:inline-block; font-weight:700; color: #fff; width:56px; height:31px; line-height:32px; font-size:13px; text-align:center}

/* 20230215 비밀번호 변경 */
.pwconfirm_wrap {width:100%; border-top:1px solid #ccc;}
.pwconfirm_box {border-top: 1px solid #333; background-color:#fff; text-align:left;}
.pwconfirm_box th {width:105px; font-weight: bold; letter-spacing:-0.3px; word-spacing:-0.5px; padding:0 0 0 10px; background-color: #f8f8f8; color: #333; font-size:14px}
.pwconfirm_box th, .pwconfirm_box td {border-bottom: 1px solid #e8e8e8}
.pwconfirm_box td {padding:10px 0 10px 10px}
.pwconfirm_box td input {padding:0 5px; width:150px; font-size:14px; line-height:40px; background-color: #fff; height:40px; border: 1px solid #ccc; color:#000; border-radius:0}
.pwconfirm_noti {text-align:left; font-size:13px; letter-spacing:-0.3px; color: #6e6e6e; line-height:20px; margin-top:22px; margin-bottom:22px; padding-left:10px; box-sizing:border-box}
.pwconfirm_noti span {display: block; font-weight: bold; padding-bottom:4px; color: #555; margin-left:-8px}
.pwconfirm_noti em {margin-left:-8px; display:inline-block; margin-right:3px}
.pwconfirm_tit {font-size:21px; font-weight: bold; letter-spacing: -0.5px; color: #000; text-align:center; padding:0 20px }
.pwconfirm_tit span {display: block; font-size:14px; font-weight:normal; line-height:19px; padding:4px 0 12px 0}
.pwconfirm_box td input::-webkit-input-placeholder {color: #a5a5a5; font-size:14px; padding-top:3px}
.pwconfirm_box .pw_safe_m1 {display:inline-block; height: 26px; color: #4cc900; font-size:13px; background: url("/images/mobile/v4/ico_safe.png") no-repeat; background-size: 14px auto; background-position: 0 -43px; padding-left: 17px; line-height: 35px; margin-left: 2px}
.pwconfirm_box .pw_safe_m2 {display: inline-block; height:26px; color: #ff9208; font-size:13px; background: url("/images/mobile/v4/ico_safe.png") no-repeat; background-size: 14px auto; background-position: 0 -17px; padding-left: 17px; line-height: 35px; margin-left: 2px}
.pwconfirm_box .pw_safe_m3 {display: inline-block; height: 26px; color: #eb4a3f; font-size: 13px; background: url("/images/mobile/v4/ico_safe.png") no-repeat; background-size: 14px auto; background-position: 0 9px; padding-left:17px; line-height: 35px; margin-left: 2px}

/* 20230216 바로가기 배너 */
.m_com_banner {display: block}

/* 20230803 혜택쿠폰 모음 팝업 */
.ev_bene_pop { position:absolute; width:320px; background-color: #3f50e3; border: 1px solid #434fbb; margin-left: -160px; top: 120px; left: 50%; z-index:9999}
.ev_bene_pop .p_cont {padding:23px 0 15px 0; text-align:center; color:#111; line-height:24px}
.ev_bene_pop .p_cont img {vertical-align: top; padding:0; width: 100%}
.ev_bene_pop .mem_id {height:26px}
.ev_bene_pop .mem_id em {display:inline-block; font-size:17px; color:#fff833}
.ev_bene_pop .bene_lst {padding:12px 7px 0 7px}
.ev_bene_pop .bene_lst li {position: relative; float:left; padding-bottom:3px; width:50%}
.ev_bene_pop .bene_btn {position:absolute; bottom:13px; font-size:12px; line-height:15px; text-align:center; margin: 0 auto; width: 100%}
.ev_bene_pop .bene_btn .b_off {width:110px; min-height:32px; display:inline-block; border: 1px solid #e2e2e2; border-radius:20px; padding:4px 5px 1px 5px; margin-bottom:2px; background-color:#fff; color:#666; font-size:13px}
.ev_bene_pop .bene_btn .b_off em {color:#ec1649}
.ev_bene_pop .bene_btn .b_on {width: 110px; display:inline-block; border: 1px solid #cb0836; border-radius:20px; padding:3px 5px 2px 5px; background-color:#e33f62; color:#fff; word-spacing:-2px; margin-bottom:2px;}
.ev_bene_pop .bene_btn .b_on em {color:#FFF; font-size:13px}
.ev_bene_pop .bene_btn2 {position:absolute; bottom:20px; font-size:13px; line-height:15px; text-align:center; margin: 0 auto; width: 100%}
.ev_bene_pop .bene_btn2 .b_off {width:110px; display:inline-block; border: 1px solid #e2e2e2; border-radius:20px; padding:4px 5px 1px 5px; margin-bottom:2px; background-color:#fff; color:#666; font-size:13px}
.ev_bene_pop .bene_btn2 .b_off em {color:#ec1649}
.ev_bene_pop .bene_btn2 .b_on {width:110px; height:29px; display:inline-block; border: 1px solid #cb0836; border-radius:20px; background-color:#e33f62; color:#fff; line-height:30px}
.ev_bene_pop .btn_bene_go {display:inline-block; margin-top:8px; font-size:14px; height:38px; width:180px; line-height:38px; text-align:center; text-decoration:none; background-color:#1826a4; border-radius:3px; color:#d0d4f9}

/* 시크릿쿠폰 */
.sc_coupon {width:300px;border: 1px solid #1b0b2a; margin: 0 auto; position:absolute; top:140px; left:50%; margin-left:-150px; z-index:10000}
.sc_coupon img {vertical-align: top; position: relative; width:300px;}
.sc_coupon .sc_btn {position: absolute; bottom: 3px; text-align: center; margin: 0 auto; width: 100%;}
.sc_coupon .sc_btn .sc_code {min-width:150px; display:inline-block; padding:2px 5px; margin:0 2px; color:#040000; font-size: 12px; font-weight: bold; line-height:20px; word-spacing:-1.5px}

/* 메인팝업 리뉴 20240312 */
.common_ev_pop {margin:0 auto; border:1px solid #3f3f3f; border-radius: 8px; background-color: #fff; box-sizing: border-box; overflow: hidden;}
.common_ev_pop .b_img {width:100%; height:100%; object-fit: cover; vertical-align: top}
.common_ev_pop .p_inner { position:relative}
.common_ev_pop .p_pagenation { z-index: 1; position: absolute; right:15px; bottom:10px; width:60px; height: 24px; padding:0 4px; letter-spacing: 1.5px; border-radius: 16px; background-color: rgba(0, 0, 0, .3); font-size: 12px; line-height:24px; color: #fff}
.common_ev_pop .p_pagenation .p_num {display:inline-block; text-align: center; width:26px; padding-top:1px}
.common_ev_pop .p_pagenation .p_pre_arr {display:inline-block; width:17px; height:17px; background: url("/images/pop/2024/p_pre_arrow.png") 5px 3px no-repeat; background-size:6px 10px; vertical-align: middle}
.common_ev_pop .p_pagenation .p_next_arr {display:inline-block; width:17px; height:17px; background: url("/images/pop/2024/p_next_arrow.png") 7px 3px no-repeat; background-size:6px 10px; vertical-align: middle}
.common_ev_pop .p_bot_btn {height:37px}
.common_ev_pop .p_bot_btn .close {display:inline-block; width:50%; text-align: center; color:#444; font-size:14px; line-height:39px; letter-spacing:-0.5px; word-spacing:-0.5px}
.common_ev_pop .p_bot_btn .close.line {border-left:1px solid #e6e6e6; margin-left:-1px; height:36px}
.common_ev_pop img {vertical-align:top; padding: 0;}



/*chatbot*/
body:has(.chatbot_wrap.hide){overflow:visible;}
body:has(.chatbot_wrap.show){overflow:hidden;}
.chatbot_wrap * {font-family: 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;}
.chatbot_wrap {position: fixed;	z-index: 2147483647; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; background-color: white;}
.chatbot_wrap.hide {display:none;}
.chatbot_wrap.show {display:block;}
.chatbot_wrap .maximum_btn {display:none; position: fixed; right: 42px; top: 16px; width: 24px; height: 24px; background: transparent; border: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor:pointer}
.chatbot_wrap .close_btn {position: fixed; right: 12px; top: 16px; width: 24px; height: 24px; background: transparent; border: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor:pointer}
.chatbot_wrap .aichatbot-widget-refresh-icon {position: relative; right: 25px;}
.chatbot_inner_wrap {height: 100%; font-family: Roboto, sans-serif; z-index: 0; border: none;}
.chatbot-conversation {border: none !important;}
.chatbot-conversation {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box;}
.chatbot_title_wrap {display: flex; gap: 8px; -webkit-box-align: center; align-items: center;}
.chatbot_header {display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; font-style: normal; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid #e0e0e0; padding: 11px 12px;}
.chatbot_title_logo {width: 34px; height: 34px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background:url("/images/v4/common/chatbot_icon.png") no-repeat 0 0; background-size: 34px 34px;}
.chatbot-theme--light .chatbot-label--color-onbackground-1 {color: #38383e;}
.chatbot_title {max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.chatbot-label--h-2 {font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -1px; word-spacing: -1px;}
.chatbot_close {display: flex; height: fit-content; width: fit-content; -webkit-box-align: center; align-items: center; gap: 6px;}
.chatbot_close_btn {display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 24px; height: 24px; cursor: pointer; margin-right: 2px;}
.chatbot_close_btn svg path {fill:#5e5e5e;}
.chatbot-conversation__messages {position: relative;}
.chatbot-conversation__messages {overflow: hidden; flex: 1 1 0; order: 2;}
.chatbot-conversation__scroll-container {display: flex; height: 100%; overflow-y: auto; overflow-x: hidden; flex-direction: column;}
#aichatbot a:empty, #aichatbot ul:empty, #aichatbot dl:empty, #aichatbot div:empty, #aichatbot section:empty, #aichatbot article:empty, #aichatbot p:empty, #aichatbot h1:empty, #aichatbot h2:empty, #aichatbot h3:empty, #aichatbot h4:empty, #aichatbot h5:empty, #aichatbot h6:empty {display: block !important;}
.chatbot-conversation__scroll-container .chatbot-conversation__padding {flex: 1 1 0;}
.chatbot-conversation__messages .chatbot-conversation__messages-padding {position: relative; height: 100%; overflow-x: hidden; overflow-y: scroll;}
.chatbot-conversation__messages-padding {padding: 0 16px !important;}
.chatbot-conversation__messages .chatbot-separator, .chatbot-conversation__messages .chatbot-admin-message {padding-top: 8px; padding-bottom: 8px;}
.chatbot-separator {width: 100%; display: flex; align-items: center;}
.chatbot-theme--light .chatbot-color--onbackground-4--background-color {background-color: #e0e0e0;}
.chatbot-separator .chatbot-separator__left, .chatbot-separator .chatbot-separator__right {border: none; height: 1px; display: inline-block; width: 100%;}
.chatbot-separator .chatbot-separator__text {margin: 0 16px; display: flex; white-space: nowrap;}
.chatbot-label--caption-2 {font-size: 12px; font-weight: 700; font-style: normal; line-height: 1; letter-spacing: normal;}

.chatbot-separator .chatbot-separator__text {margin: 0 16px; display: flex; white-space: nowrap;}
.chatbot_message_wrap {display: flex; align-items: flex-end; margin-bottom:10px; flex-wrap: wrap; gap: 8px; position: relative;}
.chatbot_message_logo {width: 28px; height: 28px; background: rgb(116, 45, 221); border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background:url("/images/v4/common/chatbot_icon.png") no-repeat 0 0; background-size: 28px 28px}
.chatbot_message {font-size: 14px; color: rgb(0, 0, 0); max-width: calc(100% - 40px); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal;}
.chatbot-theme--light .chatbot-label--color-onbackground-2 {color:#7f7f7f; font-weight:normal; word-spacing:-1px;}
.chatbot_message_name {margin: 0px 0px 4px 12px; text-align: left;}
.chatbot-label--caption-2 {font-size: 12px; font-weight: 700; font-style: normal; line-height: 1; letter-spacing: normal;}


.chatbot_text_wrap {display: flex; -webkit-box-align: end; align-items: end;}
.chatbot_text {border-radius: 16px; overflow: auto; background-color: #ebeff4;}
.chatbot-word {white-space: break-spaces;}
.chatbot-word {display: inline; height: -moz-fit-content; height: fit-content;}
.chatbot_text_inner {width: inherit; text-align: left; word-break: break-word; padding:10px 12px; gap: 12px; white-space: pre-wrap;}
.chatbot_text_inner h3 {margin:0; padding:0; display: inline-block;}
.chatbot_message_time {width: fit-content; color: #9e9e9e; font-size: 12px; line-height: 1; margin-bottom: 6px; margin-left: 2px; min-width: 58px;}

.chatbot_default_message_wrap {position: relative; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; flex-flow: column wrap; gap: 8px 10px; margin-top: 16px; margin-bottom:16px;}
.chatbot_default_message_wrap button {background-color:transparent}
.chatbot_default_message.chatbot_default_message {color: #414fc4; border: 1px solid #a1aaf5; border-radius:20px;}
.chatbot_default_message {white-space: nowrap; height: 32px; font-size: 12px; padding: 3px 14px; display: flex; -webkit-box-align: center; align-items: center; cursor: pointer;}
.chatbot_default_message:hover {background-color:#F0F0F0}
.chatbot_default_message:active {background-color:#a1aaf5; color:#FFFFCC}
.chatbot_inner_wrap .chatbot-conversation__footer {background-color: #fff;}
.chatbot-conversation__footer {padding-bottom: 0 !important; margin: 0 !important;}
.chatbot-conversation__footer {position: relative; box-sizing: border-box;}
.chatbot-conversation__footer {width: 100%; order: 3; padding: 0 0 24px;}
.chatbot_inner_wrap .chatbot-message-input-wrapper {width: 100%;}

.chatbot_inner_wrap .chatbot-message-input-wrapper__message-input {padding: 12px 16px 11px 16px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center;}
.chatbot-message-input-wrapper--voice-message .chatbot-message-input-wrapper__message-input, .chatbot-message-input-wrapper .chatbot-message-input-wrapper__message-input {position: relative; width: 100%; box-sizing: border-box;}

.chatbot_inner_wrap .chatbot-message-input {display: flex; -webkit-box-align: center; align-items: center;}
.chatbot-message-input {width: 100%; position: relative;}
.chatbot_inner_wrap .chatbot-message-input .chatbot-message-input-text-field {transition: width 0.5s ease 0s; padding: 8px 16px; font-size: 14px; font-family: Roboto, sans-serif; line-height: 20px; resize: none; border: none; outline: none; height: 40px; max-height: 116px; background-color: #f0f0f0; border-radius: 20px; text-align: start;}

.chatbot-message-input .chatbot-message-input-text-field {overflow-y: hidden;}
.chatbot-message-input .chatbot-message-input--textarea {position: relative; width: 100%; font-weight: 400; font-stretch: normal; font-style: normal; letter-spacing: normal; padding: 18px 64px 18px 16px; box-sizing: border-box; white-space: pre-wrap; }

.chatbot-conversation__footer .chatbot-conversation__footer__typing-indicator {position: absolute; display:block; bottom: 8px;}
.chatbot_logo {width: 100%; padding:5px 0 11px 0;	text-align: center; font-size:11px; color:#727287}

.chatbot_send_message {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: end; align-items: end; margin-bottom: 6px; flex-wrap: wrap-reverse; gap: 8px; margin-top: 0px;}

.chatbot-word-wrap {background-color:#3e4ede; color: rgb(255, 255, 255); max-width: 600px; display: flex; flex-direction: column; align-items: flex-start; padding: 8px 12px; gap: 12px; border-radius:20px; white-space: pre-wrap; line-height:1.43}
.chatbot-word {white-space: break-spaces;}
.chatbot-word {display: inline; height: -moz-fit-content; height: fit-content;}
.chatbot_inner_wrap .chatbot-message-input .chatbot-message-input--send {position: relative; right: 0px; bottom: 0px; display:none}
.chatbot-message-input .chatbot-message-input--voice-message, .chatbot-message-input .chatbot-message-input--send {padding: 6px;}
.chatbot-iconbutton {display: inline-flex; justify-content: center; align-items: center; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; outline: 0px;}
.chatbot-iconbutton .chatbot-iconbutton__inner {height: 100%;}
.chatbot-iconbutton {cursor: pointer; user-select: none;}
.chatbot-icon {display: inline-block;}
.chatbot_inner_wrap .chatbot-message-input .chatbot-message-input--send svg path {fill:#4979F4;}

/*chat bot*/
.aichatbot-button {
	position: fixed;
	z-index: 1500;
	bottom: 75px;
	right: 18px;
	width: 48px;
	height: 48px;
	background-color: transparent;
	border-radius: 50%;
	color: white;
	transition: all 0.3s cubic-bezier(0.31, -0.105, 0.43, 1.4) 0s;
	border: none;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px 0px;
}
.aichatbot-button span, .aichatbot-button.ai span {position: absolute; transition: transform 0.16s linear 0s, opacity 0.08s linear 0s; width: 32px; height: 32px; user-select: none; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center}
.aichatbot-button.ai {bottom:135px}


.Modal_1 {
	z-index: 9102;
	width: 280px;
	padding: 32px 20px 20px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #3D3D3D;
	line-height: 20px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.12) inset, 0px 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 4px 20px 0px rgba(0, 0, 0, 0.22);
}

.Modal_1 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.Modal_1 .Title {
	margin-bottom: 28px;
	font-size: 20px;
	font-weight: 700;
}

.Modal_1 .Btn {
	margin-top: 28px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 14px;
}

.Modal_1 .Circle {
	margin: 0 auto 28px;
	width: 60px;
	height: 60px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0;
	border: 2px solid #3D3D3D;
	border-radius: 50%;
}


.Button_8 {
	flex: 1 1 0%;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	font-size: 16px;
	font-weight: 700;
	color: #3D3D3D;
	background-color: #EBEDF0;
	border-radius: 12px;
}

.Button_9 {
	flex: 1 1 0%;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	background-color: #4979F4;
	border-radius: 12px;
}

/*
.bTVsAe {position: fixed; z-index: 2147483647; top: 0px; left: 0px; width:100%; height: 100%; overflow: hidden; background-color: white;}
.sendbird-theme--light {margin: 0 !important;}
.hqfnXJ {height: 100%; font-family: Roboto, sans-serif; z-index: 0; border: none;}
.sendbird-theme--light .sendbird-conversation {background-color: var(--sendbird-light-background-50);}
.sendbird-conversation {border: none !important;}
.sendbird-conversation {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box;}
.jRjCOv {display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; font-style: normal; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid #e0e0e0; padding: 11px 12px;}
.gMaMRF {display: flex; gap: 8px; -webkit-box-align: center; align-items: center;}
.htYeeA {width: 34px; height: 34px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: url(../../images/chatbot_icon.png) no-repeat 0 0; background-size: 34px 34px;}
.iUwfYt {display: flex; height: fit-content; width: fit-content; -webkit-box-align: center; align-items: center; gap:6px;}
.iMDrVF {display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 28px; height: 28px; cursor: pointer; margin-right: 2px;}
.sendbird-conversation__messages {position: relative;}
.sendbird-conversation__messages {overflow: hidden; flex: 1 1 0;}
.sendbird-conversation__scroll-container {display: flex; height: 100%; overflow-y: auto; overflow-x: hidden; flex-direction: column;}
#aichatbot a:empty, #aichatbot ul:empty, #aichatbot dl:empty, #aichatbot div:empty, #aichatbot section:empty, #aichatbot article:empty, #aichatbot p:empty, #aichatbot h1:empty, #aichatbot h2:empty, #aichatbot h3:empty, #aichatbot h4:empty, #aichatbot h5:empty, #aichatbot h6:empty {display: block !important;}
.sendbird-conversation__scroll-container .sendbird-conversation__padding {flex: 1 1 0;}
.sendbird-conversation__messages .sendbird-conversation__messages-padding {position: relative; height: 100%; overflow-x: hidden;}
.sendbird-conversation__messages-padding {padding: 0 16px !important;}
.sendbird-conversation__messages .sendbird-separator, .sendbird-conversation__messages .sendbird-admin-message {padding-top: 8px; padding-bottom: 8px;}
.sendbird-separator {width: 100%; display: flex; align-items: center;}
.sendbird-theme--light .sendbird-color--onbackground-4--background-color {background-color:#e0e0e0;}
.sendbird-separator .sendbird-separator__left, .sendbird-separator .sendbird-separator__right {border: none; height: 1px; display: inline-block; width: 100%;}
.sendbird-separator .sendbird-separator__text {margin: 0 16px; display: flex; white-space: nowrap;}
.sendbird-separator .sendbird-separator__left, .sendbird-separator .sendbird-separator__right {border: none; height: 1px; width: 100%;}
.gkgFrg {display: flex; align-items: flex-end; margin-bottom: 6px; flex-wrap: wrap; gap: 8px; position: relative;}
.iBrnmk {width: 28px; height: 28px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: url(../../images/chatbot_icon.png) no-repeat 0 0; background-size:28px 28px;}
.sendbird-theme--light .sendbird-label--color-onbackground-2 {color:#7f7f7f; font-weight: normal;}
.sendbird--mobile-mode .sendbird-label {-webkit-user-select: none; -webkit-touch-callout: none;}
.cisQcH {max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sendbird-label--h-2 {font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -.5px;}
[class*=sendbird-label] {font-family: var(--sendbird-font-family-default);}
.kpMIJ {margin: 0px 0px 4px 12px; text-align: left;}
.sendbird-label--caption-2 {font-size: 12px; font-weight: 700; font-style: normal; line-height: 1; letter-spacing: normal;}
[class*=sendbird-label] {font-family: var(--sendbird-font-family-default);}
.khLvAG {display: flex; -webkit-box-align: end; align-items: end;}
.hNZHZu {border-radius: 16px; overflow: auto; background-color:#ebeff4;}
.sendbird-word {display: inline; height: -moz-fit-content; height: fit-content;}
.cYpyuj {width: inherit; text-align: left; word-break: break-word; padding: 8px 12px; gap: 12px; white-space: pre-wrap;}
.kguujo {width: fit-content; color:#9e9e9e; font-size: 12px; line-height: 1; margin-bottom: 6px; margin-left: 2px; min-width: 56px;}
.sendbird-theme--light .sendbird-suggested-replies, .sendbird-theme--dark .sendbird-suggested-replies {font-family: var(--sendbird-font-family-default);}
.ivulnF {position: relative; display: flex; -webkit-box-pack: end; justify-content: flex-end; align-items: flex-end; flex-flow: column wrap; gap: 8px 10px; margin-top: 16px;}
.kgPBes.kgPBes {color: #414fc4; border: 1px solid #a1aaf5; border-radius:20px; background-color:#fff;}
.kgPBes {white-space: nowrap; height: 32px; font-size: 12px; padding: 3px 14px; display: flex; -webkit-box-align: center; align-items: center; cursor: pointer;}

.sendbird-theme--light .sendbird-suggested-replies, .sendbird-theme--dark .sendbird-suggested-replies {font-family: var(--sendbird-font-family-default);}
.hqfnXJ .sendbird-conversation__footer {background-color: var(--sendbird-light-background-50);}

.sendbird-conversation__footer {padding-bottom: 0 !important; margin: 0 !important;}
.sendbird-conversation__footer {position: relative; box-sizing: border-box;}
.sendbird-conversation__footer {width: 100%; padding: 0 0 24px;}
.hqfnXJ .sendbird-message-input-wrapper {width: 100%;}
.sendbird-message-input-wrapper--voice-message, .sendbird-message-input-wrapper, .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input, .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input {position: relative;;}

.hqfnXJ.hqfnXJ .sendbird-message-input-wrapper__message-input {padding: 12px 16px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center;}
.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input, .sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input {position: relative; width: 100%; box-sizing: border-box;}
.hqfnXJ form {margin: initial; background-color: initial;}
.hqfnXJ .sendbird-message-input {display: flex; -webkit-box-align: center; align-items: center;}
.sendbird-message-input {width: 100%; position: relative;}
#aichatbot a:empty, #aichatbot ul:empty, #aichatbot dl:empty, #aichatbot div:empty, #aichatbot section:empty, #aichatbot article:empty, #aichatbot p:empty, #aichatbot h1:empty, #aichatbot h2:empty, #aichatbot h3:empty, #aichatbot h4:empty, #aichatbot h5:empty, #aichatbot h6:empty {display: block !important;}
.hqfnXJ .sendbird-message-input .sendbird-message-input-text-field {transition: width 0.5s ease 0s; padding: 8px 16px; font-size: 16px; font-family: Roboto, sans-serif; line-height: 20px; resize: none; border: none; outline: none; height: 40px; max-height: 116px; background-color: #f0f0f0; border-radius: 20px; text-align: start;}
.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea {color: var(--sendbird-light-onlight-01); caret-color: var(--sendbird-light-primary-300);}
.sendbird-message-input .sendbird-message-input-text-field {overflow-y: hidden;}
.sendbird-message-input .sendbird-message-input--textarea {position: relative; width: 100%; font-weight: 400; font-stretch: normal; font-style: normal; letter-spacing: normal; box-sizing: border-box; white-space: pre-wrap;}
.hqfnXJ .sendbird-message-input .sendbird-message-input--placeholder {top: 9px;}
.sendbird-message-input .sendbird-message-input--placeholder {position: absolute; pointer-events: none; left: 16px; font-family: var(--sendbird-font-family-default); font-size: 14px; line-height: 1.43;}
.sendbird-theme--light .sendbird-label--color-onbackground-3 {color: #959595;}
.sendbird-label--body-1 {font-weight: 400; font-stretch: normal; font-style: normal; letter-spacing: normal;}
.gcnXdt {width: 100%;}
.cApgqD {padding: 0px 4px; width: calc(100% - 8px); min-height:30px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-wrap: wrap;}
.cApgqD img {padding-bottom:10px}
.hWQYeh {color: white; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator {position: absolute; bottom: 8px;}
.izpaZp {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: end; align-items: end; margin-bottom: 6px; flex-wrap: wrap-reverse; gap: 8px; margin-top: 0px;}
.jQZuYs {font-size: 15px; color: rgb(0, 0, 0); max-width: calc(100% - 40px); font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal;}
.kwtPeZ {background-color:#3e4ede; color: rgb(255, 255, 255); max-width: 600px; display: flex; flex-direction: column; align-items: flex-start; padding: 8px 12px; gap: 12px; border-radius: 16px; white-space: pre-wrap;}
.hqfnXJ .sendbird-message-input .sendbird-message-input--send {position: relative; right: 0px; bottom: 0px;}
.sendbird-message-input .sendbird-message-input--voice-message, .sendbird-message-input .sendbird-message-input--send {padding: 6px;}
.sendbird-iconbutton {color: var(--sendbird-iconbutton-color); display: inline-flex; justify-content: center; align-items: center; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; outline: 0px;}
.sendbird-iconbutton .sendbird-iconbutton__inner {height: 100%;}
.sendbird-iconbutton {color: var(--sendbird-iconbutton-color); cursor: pointer; user-select: none;}
.hqfnXJ .sendbird-message-input .sendbird-message-input--send svg path {fill: #3344dc}
*/


/*20250228142045 :: 플로팅 챗봇*/
.chatbot_title_logo {
	background: url("/images/v4/common/chatbot_icon2.svg") no-repeat;
}
.chatbot_message_logo {
	background: url("/images/v4/common/chatbot_icon2.svg") no-repeat;
}